Merge branch 'ww' into 'main'

perf: add user config in dropConsoleInVue3VideoPlay vite plugin

See merge request huang/yun-teng-iot-front!379

+import { Plugin } from 'vite';
+
+export function dropConsoleInVue3VideoPlayPlugin(params?: { enabled: boolean }) {
+  const { enabled = true } = params || {};
+  return {
+    name: 'drop-console-in-vue3-video-play-plugin',
+    transform(src, id) {
+      if (enabled) {
+        if (id.includes('vue3-video-play')) {
+          return {
+            code: src.replaceAll('console.log', ''),
+          };
+        }
+      }
+    },
+  } as Plugin;
+}

@@ -16,6 +16,7 @@ import { configThemePlugin } from './theme';
 import { configImageminPlugin } from './imagemin';
 import { configImageminPlugin } from './imagemin';
 import { configSvgIconsPlugin } from './svgSprite';
 import { configSvgIconsPlugin } from './svgSprite';
 import { configHmrPlugin } from './hmr';
 import { configHmrPlugin } from './hmr';
+import { dropConsoleInVue3VideoPlayPlugin } from './dropConsoleInVue3VideoPlay';
 
 
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   const {
   const {
@@ -63,6 +64,8 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   //vite-plugin-theme
   //vite-plugin-theme
   vitePlugins.push(configThemePlugin(isBuild));
   vitePlugins.push(configThemePlugin(isBuild));
 
 
+  vitePlugins.push(dropConsoleInVue3VideoPlayPlugin());
+
   // The following plugins only work in the production environment
   // The following plugins only work in the production environment
   if (isBuild) {
   if (isBuild) {
     //vite-plugin-imagemin
     //vite-plugin-imagemin

@@ -2,68 +2,67 @@
  *  Introduces component library styles on demand.
  *  Introduces component library styles on demand.
  * https://github.com/anncwb/vite-plugin-style-import
  * https://github.com/anncwb/vite-plugin-style-import
  */
  */
- import styleImport from 'vite-plugin-style-import';
+import styleImport from 'vite-plugin-style-import';
 
 
- export function configStyleImportPlugin(isBuild: boolean) {
-   if (!isBuild) {
-     return [];
-   }
-   const styleImportPlugin = styleImport({
-     libs: [
-       {
-         libraryName: 'ant-design-vue',
-         esModule: true,
-         resolveStyle: (name) => {
-           // 这里是“子组件”列表，无需额外引入样式文件
-           const ignoreList = [
-             'typography-text',
-             'typography-title',
-             'typography-paragraph',
-             'typography-link',
-             'anchor-link',
-             'sub-menu',
-             'menu-item',
-             'menu-item-group',
-             'dropdown-button',
-             'breadcrumb-item',
-             'breadcrumb-separator',
-             'input-password',
-             'input-search',
-             'input-group',
-             'form-item',
-             'radio-group',
-             'checkbox-group',
-             'layout-sider',
-             'layout-content',
-             'layout-footer',
-             'layout-header',
-             'step',
-             'select-option',
-             'select-opt-group',
-             'card-grid',
-             'card-meta',
-             'collapse-panel',
-             'descriptions-item',
-             'list-item',
-             'list-item-meta',
-             'table-column',
-             'table-column-group',
-             'tab-pane',
-             'tab-content',
-             'timeline-item',
-             'tree-node',
-             'skeleton-input',
-             'skeleton-avatar',
-             'skeleton-title',
-             'skeleton-paragraph',
-             'skeleton-image',
-             'skeleton-button',
-           ];
-           return ignoreList.includes(name) ? '' : `ant-design-vue/es/${name}/style/index`;
-         },
-       },
-     ],
-   });
-   return styleImportPlugin;
- }
-- 
+export function configStyleImportPlugin(isBuild: boolean) {
+  if (!isBuild) {
+    return [];
+  }
+  const styleImportPlugin = styleImport({
+    libs: [
+      {
+        libraryName: 'ant-design-vue',
+        esModule: true,
+        resolveStyle: (name) => {
+          // 这里是“子组件”列表，无需额外引入样式文件
+          const ignoreList = [
+            'typography-text',
+            'typography-title',
+            'typography-paragraph',
+            'typography-link',
+            'anchor-link',
+            'sub-menu',
+            'menu-item',
+            'menu-item-group',
+            'dropdown-button',
+            'breadcrumb-item',
+            'breadcrumb-separator',
+            'input-password',
+            'input-search',
+            'input-group',
+            'form-item',
+            'radio-group',
+            'checkbox-group',
+            'layout-sider',
+            'layout-content',
+            'layout-footer',
+            'layout-header',
+            'step',
+            'select-option',
+            'select-opt-group',
+            'card-grid',
+            'card-meta',
+            'collapse-panel',
+            'descriptions-item',
+            'list-item',
+            'list-item-meta',
+            'table-column',
+            'table-column-group',
+            'tab-pane',
+            'tab-content',
+            'timeline-item',
+            'tree-node',
+            'skeleton-input',
+            'skeleton-avatar',
+            'skeleton-title',
+            'skeleton-paragraph',
+            'skeleton-image',
+            'skeleton-button',
+          ];
+          return ignoreList.includes(name) ? '' : `ant-design-vue/es/${name}/style/index`;
+        },
+      },
+    ],
+  });
+  return styleImportPlugin;
+}

@@ -47,8 +47,8 @@ export default defineComponent({
     const {
     const {
       getContentMode,
       getContentMode,
       getShowFooter,
       getShowFooter,
-      // getShowBreadCrumb,
-      // getShowBreadCrumbIcon,
+      getShowBreadCrumb,
+      getShowBreadCrumbIcon,
       getShowLogo,
       getShowLogo,
       getFullContent,
       getFullContent,
       getColorWeak,
       getColorWeak,
@@ -281,7 +281,7 @@ export default defineComponent({
     function renderContent() {
     function renderContent() {
       return (
       return (
         <>
         <>
-          {/* <SwitchItem
+          <SwitchItem
             title={t('layout.setting.breadcrumb')}
             title={t('layout.setting.breadcrumb')}
             event={HandlerEnum.SHOW_BREADCRUMB}
             event={HandlerEnum.SHOW_BREADCRUMB}
             def={unref(getShowBreadCrumb)}
             def={unref(getShowBreadCrumb)}
@@ -299,7 +299,7 @@ export default defineComponent({
             title={t('layout.setting.tabs')}
             title={t('layout.setting.tabs')}
             event={HandlerEnum.TABS_SHOW}
             event={HandlerEnum.TABS_SHOW}
             def={unref(getShowMultipleTab)}
             def={unref(getShowMultipleTab)}
-          /> */}
+          />
 
 
           <SwitchItem
           <SwitchItem
             title={t('layout.setting.tabsRedoBtn')}
             title={t('layout.setting.tabsRedoBtn')}

@@ -120,7 +120,7 @@ const setting: ProjectConfig = {
   multiTabsSetting: {
   multiTabsSetting: {
     cache: false,
     cache: false,
     // Turn on
     // Turn on
-    show: true,
+    show: false,
     // Is it possible to drag and drop sorting tabs
     // Is it possible to drag and drop sorting tabs
     canDrag: true,
     canDrag: true,
     // Turn on quick actions
     // Turn on quick actions
@@ -155,7 +155,7 @@ const setting: ProjectConfig = {
   lockTime: 0,
   lockTime: 0,
 
 
   // Whether to show breadcrumbs
   // Whether to show breadcrumbs
-  showBreadCrumb: true,
+  showBreadCrumb: false,
 
 
   // Whether to show the breadcrumb icon
   // Whether to show the breadcrumb icon
   showBreadCrumbIcon: false,
   showBreadCrumbIcon: false,

@@ -90,7 +90,6 @@
           placeholder: true,
           placeholder: true,
         }));
         }));
         items = [...items, ...fillArr];
         items = [...items, ...fillArr];
-        console.log(fillArr);
       }
       }
       cameraList.value = items;
       cameraList.value = items;
     } catch (error) {
     } catch (error) {

@@ -96,7 +96,7 @@ export const step1Schemas: FormSchema[] = [
   },
   },
   {
   {
     field: 'name',
     field: 'name',
-    label: '配置名称',
+    label: '产品名称',
     required: true,
     required: true,
     component: 'Input',
     component: 'Input',
     colProps: { span: 14 },
     colProps: { span: 14 },
@@ -104,7 +104,7 @@ export const step1Schemas: FormSchema[] = [
       return {
       return {
         disabled: false,
         disabled: false,
         ength: 255,
         ength: 255,
-        placeholder: '请输入配置名称',
+        placeholder: '请输入产品名称',
       };
       };
     },
     },
   },
   },
@@ -242,12 +242,12 @@ export const defaultObj = {
 export const searchFormSchema: FormSchema[] = [
 export const searchFormSchema: FormSchema[] = [
   {
   {
     field: 'name',
     field: 'name',
-    label: '配置名称',
+    label: '产品名称',
     component: 'Input',
     component: 'Input',
     colProps: { span: 6 },
     colProps: { span: 6 },
     componentProps: {
     componentProps: {
       maxLength: 255,
       maxLength: 255,
-      placeholder: '请输入配置名称',
+      placeholder: '请输入产品名称',
     },
     },
   },
   },
 ];
 ];
@@ -262,12 +262,12 @@ export const isEmail = (type: string) => {
 export const formSchema: FormSchema[] = [
 export const formSchema: FormSchema[] = [
   {
   {
     field: 'configName',
     field: 'configName',
-    label: '配置名称',
+    label: '产品名称',
     required: true,
     required: true,
     component: 'Input',
     component: 'Input',
     componentProps: {
     componentProps: {
       maxLength: 255,
       maxLength: 255,
-      placeholder: '请输入配置名称',
+      placeholder: '请输入产品名称',
     },
     },
   },
   },
   {
   {