ele-admin-plus 1.4.1-beta.1 → 1.5.0-beta.1

package/lib/ele-icon-select/index.d.ts

@@ -1,8 +1,7 @@
-import { StyleValue } from '../ele-app/types';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { IconItem } from './types';
 
-declare function __VLS_template(): {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
     icon?(_: {
         icon: string;
         prefix: boolean;
@@ -19,6 +18,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
     filterable: import('vue').PropType<boolean | "popper">;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperType: {
+        type: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,38 +53,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    popperHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    selectStyle: import('vue').PropType<StyleValue>;
-    inputStyle: import('vue').PropType<StyleValue>;
-    selectTagsStyle: import('vue').PropType<StyleValue>;
-    hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    filterPlaceholder: StringConstructor;
     tooltip: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<import('./types').ItemTooltip>;
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    headerStyle: import('vue').PropType<StyleValue>;
-    tabsStyle: import('vue').PropType<StyleValue>;
-    searchStyle: import('vue').PropType<StyleValue>;
-    menusStyle: import('vue').PropType<StyleValue>;
-    bodyStyle: import('vue').PropType<StyleValue>;
-    gridStyle: import('vue').PropType<StyleValue>;
-    itemStyle: import('vue').PropType<StyleValue>;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
-    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    hideOnSingleTab: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    menusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    gridStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -76,11 +76,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
     updatePopover: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    blur: (_e: FocusEvent) => void;
-    change: (_value?: string | null | undefined) => void;
-    focus: (_e: FocusEvent) => void;
     clear: () => void;
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
     "update:modelValue": (_value?: string | null | undefined) => void;
+    change: (_value?: string | null | undefined) => void;
     visibleChange: (_visible: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
@@ -91,6 +91,24 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
     filterable: import('vue').PropType<boolean | "popper">;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperType: {
+        type: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -108,62 +126,45 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    popperHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    selectStyle: import('vue').PropType<StyleValue>;
-    inputStyle: import('vue').PropType<StyleValue>;
-    selectTagsStyle: import('vue').PropType<StyleValue>;
-    hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    filterPlaceholder: StringConstructor;
     tooltip: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<import('./types').ItemTooltip>;
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    headerStyle: import('vue').PropType<StyleValue>;
-    tabsStyle: import('vue').PropType<StyleValue>;
-    searchStyle: import('vue').PropType<StyleValue>;
-    menusStyle: import('vue').PropType<StyleValue>;
-    bodyStyle: import('vue').PropType<StyleValue>;
-    gridStyle: import('vue').PropType<StyleValue>;
-    itemStyle: import('vue').PropType<StyleValue>;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
-    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    hideOnSingleTab: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    menusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    gridStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
 }>> & Readonly<{
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onChange?: ((_value?: string | null | undefined) => any) | undefined;
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {
+    transition: string;
     placement: import('element-plus').Placement | undefined;
     teleported: boolean;
     disabled: boolean;
     clearable: boolean;
     persistent: boolean;
-    tooltip: boolean;
-    transition: string;
+    tooltip: import('./types').ItemTooltip;
     automaticDropdown: boolean;
-    filterPlaceholder: string;
     responsive: boolean;
     popperWidth: string | number;
     popperHeight: string | number;
+    popperType: import('../ele-basic-select/types').PopperType;
     hideOnSingleTab: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/ele-icon-select/props.cjs

@@ -17,12 +17,39 @@ const iconSelectProps = {
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
   filterable: [Boolean, String],
-  /** 是否将下拉框插入 body */
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
+  /** 下拉组件类名 */
+  popperClass: String,
+  /** 下拉组件宽度 */
+  popperWidth: {
+    type: [Number, String],
+    default: 460
+  },
+  /** 下拉组件高度 */
+  popperHeight: {
+    type: [Number, String],
+    default: 320
+  },
+  /** 下拉组件类型 */
+  popperType: {
+    type: String,
+    default: "popper"
+  },
+  /** 下拉组件属性 */
+  popperProps: Object,
+  /** 下拉组件插槽对应名称 */
+  popperSlots: Object,
+  /** 是否将下拉组件插入 body */
   teleported: {
     type: Boolean,
     default: true
   },
-  /** 始终渲染下拉框 */
+  /** 始终渲染下拉组件 */
   persistent: {
     type: Boolean,
     default: true
@@ -39,35 +66,19 @@ const iconSelectProps = {
   },
   /** popper.js 参数 */
   popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: {
-    type: [Number, String],
-    default: 414
-  },
-  /** 下拉框高度 */
-  popperHeight: {
-    type: [Number, String],
-    default: 260
-  },
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object,
-  /** 顶部选项卡只有一个时隐藏 */
-  hideOnSingleTab: Boolean,
-  /** 空组件属性 */
-  emptyProps: Object,
+  /** 搜索框提示文本 */
+  filterPlaceholder: String,
   /** 是否显示文本提示 */
   tooltip: {
-    type: Boolean,
+    type: [Boolean, String],
     default: true
   },
   /** 提示属性 */
   tooltipProps: Object,
+  /** 空组件属性 */
+  emptyProps: Object,
+  /** 顶部选项卡只有一个时隐藏 */
+  hideOnSingleTab: Boolean,
   /** 头部样式 */
   headerStyle: Object,
   /** 选项卡样式 */
@@ -82,15 +93,6 @@ const iconSelectProps = {
   gridStyle: Object,
   /** 图标样式 */
   itemStyle: Object,
-  /** 搜索框提示文本 */
-  filterPlaceholder: {
-    type: String,
-    default: ""
-  },
-  /** 下拉类型 */
-  popperType: String,
-  /** 下拉组件属性 */
-  popperProps: Object,
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

package/lib/ele-icon-select/props.d.ts

@@ -3,7 +3,7 @@ import { StyleValue } from '../ele-app/types';
 import { ElInputProps, ElEmptyProps } from '../ele-app/el';
 import { EleTooltipProps } from '../ele-app/plus';
 import { PopperType, PopperProps } from '../ele-basic-select/types';
-import { IconItem } from './types';
+import { IconItem, ItemTooltip } from './types';
 
 /**
  * 属性
@@ -25,12 +25,39 @@ export declare const iconSelectProps: {
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
     filterable: PropType<boolean | "popper">;
-    /** 是否将下拉框插入 body */
+    /** 自定义样式 */
+    selectStyle: PropType<StyleValue>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
+    /** 下拉组件类名 */
+    popperClass: StringConstructor;
+    /** 下拉组件宽度 */
+    popperWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** 下拉组件高度 */
+    popperHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** 下拉组件类型 */
+    popperType: {
+        type: PropType<PopperType>;
+        default: string;
+    };
+    /** 下拉组件属性 */
+    popperProps: PropType<PopperProps>;
+    /** 下拉组件插槽对应名称 */
+    popperSlots: PropType<Record<string, string>>;
+    /** 是否将下拉组件插入 body */
     teleported: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 始终渲染下拉框 */
+    /** 始终渲染下拉组件 */
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -47,35 +74,19 @@ export declare const iconSelectProps: {
     };
     /** popper.js 参数 */
     popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    /** 下拉框高度 */
-    popperHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
-    /** 顶部选项卡只有一个时隐藏 */
-    hideOnSingleTab: BooleanConstructor;
-    /** 空组件属性 */
-    emptyProps: PropType<ElEmptyProps>;
+    /** 搜索框提示文本 */
+    filterPlaceholder: StringConstructor;
     /** 是否显示文本提示 */
     tooltip: {
-        type: BooleanConstructor;
+        type: PropType<ItemTooltip>;
         default: boolean;
     };
     /** 提示属性 */
     tooltipProps: PropType<EleTooltipProps>;
+    /** 空组件属性 */
+    emptyProps: PropType<ElEmptyProps>;
+    /** 顶部选项卡只有一个时隐藏 */
+    hideOnSingleTab: BooleanConstructor;
     /** 头部样式 */
     headerStyle: PropType<StyleValue>;
     /** 选项卡样式 */
@@ -90,15 +101,6 @@ export declare const iconSelectProps: {
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
-    /** 搜索框提示文本 */
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 下拉类型 */
-    popperType: PropType<PopperType>;
-    /** 下拉组件属性 */
-    popperProps: PropType<PopperProps>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/lib/ele-icon-select/style/css-var.scss

@@ -2,7 +2,7 @@
 
 /* 图标选择主题变量 */
 @mixin set-icon-var($var) {
-  .ele-icon-select {
+  .ele-icon-select-popper {
     @include set-ele-var('icon', $var);
   }
 }

package/lib/ele-icon-select/style/index.scss

@@ -4,19 +4,33 @@
 
 @include set-icon-var($ele);
 
+/* 选择框 */
 .ele-select.is-icon-select .el-input__prefix-inner {
   color: elVar('input', 'text-color');
 }
 
-.ele-icon-select-popper.is-responsive {
+/* 下拉面板 */
+.ele-icon-select-popper.is-icon-select-responsive {
   max-width: calc(100vw - 32px);
 }
 
-.ele-icon-select {
+.ele-icon-select-popper.is-icon-select-default,
+.ele-icon-select-popper > .ele-popover-body,
+.ele-icon-select-popper > .el-dialog__body > .ele-modal-body,
+.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
   display: flex;
   flex-direction: column;
+  height: 100%;
+  padding: 0;
 }
 
+.ele-icon-select-main {
+  flex: 1;
+  display: flex;
+  overflow: auto;
+}
+
+/* 顶栏 */
 .ele-icon-select-header {
   display: flex;
   align-items: center;
@@ -91,6 +105,7 @@
   }
 }
 
+/* 顶栏搜索框 */
 .ele-icon-select-search {
   width: 100%;
   flex-shrink: 0;
@@ -107,20 +122,14 @@
   padding-left: 12px;
 }
 
-.ele-icon-select-main {
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
+/* 左侧菜单 */
 .ele-icon-select-menus {
-  height: 100%;
-  width: eleVar('icon', 'menus-width');
   flex-shrink: 0;
-  overflow: auto;
+  width: eleVar('icon', 'menus-width');
   padding: eleVar('icon', 'menus-padding');
   box-shadow: -0.8px 0 0 elVar('border-color', 'light') inset;
   box-sizing: border-box;
+  overflow: auto;
 
   .ele-icon-select-menu {
     height: eleVar('icon', 'menu-height');
@@ -184,6 +193,7 @@
   }
 }
 
+/* 图标列表 */
 .ele-icon-select-body {
   flex: 1;
   height: 100%;
@@ -198,11 +208,12 @@
 .ele-icon-select-grid {
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
   grid-gap: 8px;
 
   .ele-icon-select-item {
-    height: 48px;
+    height: eleVar('icon', 'item-height');
+    padding: eleVar('icon', 'item-padding');
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -211,11 +222,7 @@
     font-size: eleVar('icon', 'font-size');
     border: eleVar('icon', 'border');
     border-radius: eleVar('icon', 'radius');
-    transition: (
-      color $transition-base,
-      background-color $transition-base,
-      border-color $transition-base
-    );
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     overflow: hidden;
     cursor: pointer;
@@ -232,4 +239,30 @@
       border: eleVar('icon', 'active-border');
     }
   }
+
+  .ele-icon-select-item-name {
+    max-width: 100%;
+    font-size: eleVar('icon', 'name-font-size');
+    margin-top: eleVar('icon', 'name-margin-top');
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  &.is-loose {
+    grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));
+
+    .ele-icon-select-item {
+      font-size: eleVar('icon', 'loose-font-size');
+      height: eleVar('icon', 'loose-item-height');
+      padding: eleVar('icon', 'loose-item-padding');
+    }
+  }
+}
+
+/* 抽屉模式 */
+.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
+  height: 100%;
+  overflow: auto;
 }

package/lib/ele-icon-select/types.d.ts

@@ -14,3 +14,16 @@ export interface IconItem {
     icons?: string[];
   }[];
 }
+
+/**
+ * 图标文字提示
+ */
+export type ItemTooltip = boolean | 'static';
+
+/**
+ * 国际化
+ */
+export interface IconSelectLocale {
+  title: string;
+  searchPlaceholder: string;
+}

package/lib/ele-image-viewer/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const common = require("../utils/common");
+const MainContent = require("../ele-loading/components/main-content");
 const props = require("./props");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "EleImageViewer", inheritAttrs: false },
@@ -41,38 +42,41 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           appear: true
         }, {
           default: vue.withCtx(() => [
-            _ctx.modelValue ? (vue.openBlock(), vue.createElementBlock("div", {
+            _ctx.modelValue ? (vue.openBlock(), vue.createBlock(MainContent, {
               key: 0,
               class: vue.normalizeClass(["ele-image-viewer", _ctx.customClass]),
               style: vue.normalizeStyle(_ctx.customStyle)
-            }, [
-              vue.createVNode(vue.unref(elementPlus.ElImageViewer), vue.mergeProps({
-                ..._ctx.$attrs,
-                ...vue.unref(common.omit)(_ctx.$props, [
-                  "modelValue",
-                  "customClass",
-                  "customStyle",
-                  "transitionName",
-                  "keepAlive"
-                ])
-              }, {
-                ref_key: "imageViewerRef",
-                ref: imageViewerRef,
-                teleported: false,
-                onClose: handleClose,
-                onSwitch: handleSwitch,
-                onRotate: handleRotate
-              }), vue.createSlots({ _: 2 }, [
-                vue.renderList(Object.keys(_ctx.$slots), (name) => {
-                  return {
-                    name,
-                    fn: vue.withCtx((slotProps) => [
-                      vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-                    ])
-                  };
-                })
-              ]), 1040)
-            ], 6)) : vue.createCommentVNode("", true)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(elementPlus.ElImageViewer), vue.mergeProps({
+                  ..._ctx.$attrs,
+                  ...vue.unref(common.omit)(_ctx.$props, [
+                    "modelValue",
+                    "customClass",
+                    "customStyle",
+                    "transitionName",
+                    "keepAlive"
+                  ])
+                }, {
+                  ref_key: "imageViewerRef",
+                  ref: imageViewerRef,
+                  teleported: false,
+                  onClose: handleClose,
+                  onSwitch: handleSwitch,
+                  onRotate: handleRotate
+                }), vue.createSlots({ _: 2 }, [
+                  vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                    return {
+                      name,
+                      fn: vue.withCtx((slotProps) => [
+                        vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                      ])
+                    };
+                  })
+                ]), 1040)
+              ]),
+              _: 3
+            }, 8, ["class", "style"])) : vue.createCommentVNode("", true)
           ]),
           _: 3
         }, 8, ["name"])