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

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

@@ -1,91 +1,200 @@
 import { ElTreeV2Instance } from '../ele-app/el';
 import { EleBasicSelectInstance } from '../ele-app/plus';
-import { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
+import { SelectValue, SelectedItem } from '../ele-basic-select/types';
+import { DataItem } from './types';
 
-declare function __VLS_template(): {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
     default?(_: any): any;
-    empty?(_: any): any;
-    maxTagPlaceholder?(_: any): any;
+    empty?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     modelValue: {
         type: import('vue').PropType<SelectValue>;
         default: () => null;
     };
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
-    clearable: BooleanConstructor;
-    placeholder: StringConstructor;
-    cacheData: import('vue').PropType<import('./types').TreeData>;
-    treeProps: {
-        type: import('vue').PropType<import('./types').TreeProps>;
-        required: boolean;
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
     };
+    beforeConfirm: import('vue').PropType<import('../ele-basic-select/types').BeforeConfirm<DataItem>>;
+    cacheData: import('vue').PropType<import('./types').TreeData>;
+    treeProps: import('vue').PropType<import('./types').TreeProps>;
     showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;
     checkedValueStrategy: BooleanConstructor;
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
-    tagType: {
-        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
+    wrapperComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    wrapperComponentProps: ObjectConstructor;
+    placement: {
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
+    popperClass: StringConstructor;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
     };
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
-    placement: {
-        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
-        default: string;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
+    visible: BooleanConstructor;
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
     selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperWidth: (NumberConstructor | StringConstructor)[];
+    popperHeight: (NumberConstructor | StringConstructor)[];
+    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
 }>, {
-    reloadOptions: (params?: any) => void;
-    selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
-    treeRef: import('vue').Ref<ElTreeV2Instance, ElTreeV2Instance>;
     selectedItems: import('vue').Ref<{
         [x: string]: any;
         label: string;
-        value: SingleValue;
+        value: import('../ele-basic-select/types').SingleValue;
+        data?: any;
         hide?: boolean | undefined;
-        index?: number | undefined;
     }[], SelectedItem[] | {
         [x: string]: any;
         label: string;
-        value: SingleValue;
+        value: import('../ele-basic-select/types').SingleValue;
+        data?: any;
         hide?: boolean | undefined;
-        index?: number | undefined;
     }[]>;
     selectedLabel: import('vue').ComputedRef<string>;
+    clearSelectedItems: () => void;
+    removeSelectedItem: (item: SelectedItem) => void;
+    updateSelectedItems: (items: SelectedItem[]) => void;
+    clearTempSelectedItems: () => void;
+    removeTempSelectedItem: (item: SelectedItem) => void;
+    updateTempSelectedItems: (items: SelectedItem[]) => void;
+    selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
+    treeRef: import('vue').Ref<ElTreeV2Instance, ElTreeV2Instance>;
     updatePopover: () => void;
     updateVisible: (visible: boolean) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, any, string, import('vue').PublicProps, any, {
+    focusSearchInput: () => void;
+    reloadOptions: (params?: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (_item: import('element-plus/es/components/tree-v2/src/types').TreeNodeData | import('element-plus/es/components/tree-v2/src/types').TreeNodeData[]) => void;
+    clear: () => void;
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
+    "update:modelValue": (_value: SelectValue) => void;
+    change: (_value: SelectValue) => void;
+    "update:visible": (_visible: boolean) => void;
+    visibleChange: (_visible: boolean) => void;
+    filterChange: (_value: string) => void;
+    removeTag: (_value: import('../ele-basic-select/types').SingleValue) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<SelectValue>;
+        default: () => null;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import('vue').PropType<import('../ele-basic-select/types').BeforeConfirm<DataItem>>;
+    cacheData: import('vue').PropType<import('./types').TreeData>;
+    treeProps: import('vue').PropType<import('./types').TreeProps>;
+    showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;
+    checkedValueStrategy: BooleanConstructor;
+    wrapperComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    wrapperComponentProps: ObjectConstructor;
+    placement: {
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
+        default: string;
+    };
+    popperClass: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: BooleanConstructor;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperWidth: (NumberConstructor | StringConstructor)[];
+    popperHeight: (NumberConstructor | StringConstructor)[];
+    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
+}>> & Readonly<{
+    onSelect?: ((_item: import('element-plus/es/components/tree-v2/src/types').TreeNodeData | import('element-plus/es/components/tree-v2/src/types').TreeNodeData[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onChange?: ((_value: SelectValue) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onFilterChange?: ((_value: string) => any) | undefined;
+    onRemoveTag?: ((_value: import('../ele-basic-select/types').SingleValue) => any) | undefined;
+}>, {
+    transition: string;
     modelValue: SelectValue;
     placement: import('element-plus').Placement | undefined;
     teleported: boolean;
     disabled: boolean;
     clearable: boolean;
+    validateEvent: boolean;
     filterable: boolean;
     tagType: ("primary" | "success" | "warning" | "info" | "danger") | undefined;
     persistent: boolean;
-    transition: string;
+    visible: boolean;
     automaticDropdown: boolean;
     multiple: boolean;
+    responsive: boolean;
     checkedValueStrategy: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const common = require("../utils/common");
+const props = require("../ele-basic-select/props");
 const treeSelectProps = {
+  ...common.omit(props.basicSelectProps, ["value", "selectedLabel", "selected"]),
+  transition: {
+    type: String,
+    default: "el-zoom-in-top"
+  },
   /** 选中值 */
   modelValue: {
     type: [String, Number, Boolean, Array],
@@ -8,88 +15,38 @@ const treeSelectProps = {
       return null;
     }
   },
-  /** 是否多选 */
-  multiple: Boolean,
-  /** 是否禁用 */
-  disabled: Boolean,
-  /** 尺寸 */
-  size: String,
-  /** 是否支持清除 */
-  clearable: Boolean,
-  /** 无选中时提示文本 */
-  placeholder: String,
-  /** 缓存数据 */
+  /** 是否触发表单验证 */
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  /** 确认事件钩子 */
+  beforeConfirm: Function,
+  /** 缓存的数据 */
   cacheData: Array,
   /** 树配置 */
-  treeProps: {
-    type: Object,
-    required: true
-  },
+  treeProps: Object,
   /** 多选标签显示策略 */
   showCheckedStrategy: String,
   /** 多选值绑定策略 */
   checkedValueStrategy: Boolean,
-  /** 多选标签最大显示数量 */
-  maxTagCount: Number,
-  /** 多选标签最大显示文本长度 */
-  maxTagTextLength: Number,
-  /** 多选标签类型 */
-  tagType: {
-    type: String,
-    default: "info"
-  },
-  /** 是否在输入框获得焦点后自动弹出选项菜单 */
-  automaticDropdown: Boolean,
-  /** 是否可以筛选 */
-  filterable: Boolean,
-  /** 是否将下拉框插入 body */
-  teleported: {
-    type: Boolean,
-    default: true
-  },
-  /** 始终渲染下拉框 */
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  /** 下拉框位置 */
-  placement: {
-    type: String,
-    default: "bottom-start"
-  },
-  /** 下拉框渐变动画 */
-  transition: {
-    type: String,
-    default: "el-zoom-in-top"
-  },
-  /** popper.js 参数 */
-  popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: [Number, String],
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义输入框样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object
+  /** 内容容器组件 */
+  wrapperComponent: [String, Object, Function],
+  /** 内容容器组件属性 */
+  wrapperComponentProps: Object
 };
 const treeSelectEmits = {
+  ...props.basicSelectEmits,
+  /** 多选标签移除事件 */
+  removeTag: (_value) => true,
   /** 更新选中值 */
   "update:modelValue": (_value) => true,
   /** 选中值改变事件 */
   change: (_value) => true,
   /** 下拉框展开状态改变事件 */
   visibleChange: (_visible) => true,
-  /** 多选标签移除事件 */
-  removeTag: (_value) => true,
-  /** 清空事件 */
-  clear: () => true,
-  /** 获取焦点事件 */
-  focus: (_e) => true,
-  /** 失去焦点事件 */
-  blur: (_e) => true
+  /** 选择完成事件 */
+  select: (_item) => true
 };
 exports.treeSelectEmits = treeSelectEmits;
 exports.treeSelectProps = treeSelectProps;

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

@@ -1,103 +1,101 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-import { ElInputProps, ElTagProps } from '../ele-app/el';
-import { EleTooltipProps } from '../ele-app/plus';
-import { SelectValue, SingleValue } from '../ele-basic-select/types';
-import { ShowCheckedStrategy, TreeData, TreeProps } from './types';
+import { UserComponent } from '../ele-app/types';
+import { SelectValue, SingleValue, BeforeConfirm } from '../ele-basic-select/types';
+import { ShowCheckedStrategy, TreeData, TreeProps, DataItem } from './types';
 
 /**
  * 属性
  */
 export declare const treeSelectProps: {
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 选中值 */
     modelValue: {
         type: PropType<SelectValue>;
         default: () => null;
     };
-    /** 是否多选 */
-    multiple: BooleanConstructor;
-    /** 是否禁用 */
-    disabled: BooleanConstructor;
-    /** 尺寸 */
-    size: PropType<ElInputProps["size"]>;
-    /** 是否支持清除 */
-    clearable: BooleanConstructor;
-    /** 无选中时提示文本 */
-    placeholder: StringConstructor;
-    /** 缓存数据 */
+    /** 是否触发表单验证 */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 确认事件钩子 */
+    beforeConfirm: PropType<BeforeConfirm<DataItem>>;
+    /** 缓存的数据 */
     cacheData: PropType<TreeData>;
     /** 树配置 */
-    treeProps: {
-        type: PropType<TreeProps>;
-        required: boolean;
-    };
+    treeProps: PropType<TreeProps>;
     /** 多选标签显示策略 */
     showCheckedStrategy: PropType<ShowCheckedStrategy>;
     /** 多选值绑定策略 */
     checkedValueStrategy: BooleanConstructor;
-    /** 多选标签最大显示数量 */
-    maxTagCount: NumberConstructor;
-    /** 多选标签最大显示文本长度 */
-    maxTagTextLength: NumberConstructor;
-    /** 多选标签类型 */
-    tagType: {
-        type: PropType<ElTagProps["type"]>;
+    /** 内容容器组件 */
+    wrapperComponent: PropType<UserComponent>;
+    /** 内容容器组件属性 */
+    wrapperComponentProps: ObjectConstructor;
+    placement: {
+        type: PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
-    /** 是否在输入框获得焦点后自动弹出选项菜单 */
-    automaticDropdown: BooleanConstructor;
-    /** 是否可以筛选 */
-    filterable: BooleanConstructor;
-    /** 是否将下拉框插入 body */
+    popperClass: StringConstructor;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 始终渲染下拉框 */
+    size: PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 下拉框位置 */
-    placement: {
-        type: PropType<EleTooltipProps["placement"]>;
-        default: string;
-    };
-    /** 下拉框渐变动画 */
-    transition: {
-        type: StringConstructor;
-        default: string;
+    visible: BooleanConstructor;
+    popperOptions: PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
     };
-    /** popper.js 参数 */
-    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: PropType<import('../ele-app/types').StyleValue | string>;
+    selectTagsStyle: PropType<import('../ele-app/types').StyleValue>;
     popperWidth: (NumberConstructor | StringConstructor)[];
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义输入框样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
+    popperHeight: (NumberConstructor | StringConstructor)[];
+    popperType: PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
 };
 export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 /**
  * 事件
  */
 export declare const treeSelectEmits: {
+    /** 多选标签移除事件 */
+    removeTag: (_value: SingleValue) => boolean;
     /** 更新选中值 */
     'update:modelValue': (_value: SelectValue) => boolean;
     /** 选中值改变事件 */
     change: (_value: SelectValue) => boolean;
     /** 下拉框展开状态改变事件 */
     visibleChange: (_visible: boolean) => boolean;
-    /** 多选标签移除事件 */
-    removeTag: (_value: SingleValue) => boolean;
-    /** 清空事件 */
+    /** 选择完成事件 */
+    select: (_item: DataItem | DataItem[]) => boolean;
+    'update:visible': (_visible: boolean) => boolean;
     clear: () => boolean;
-    /** 获取焦点事件 */
     focus: (_e: FocusEvent) => boolean;
-    /** 失去焦点事件 */
     blur: (_e: FocusEvent) => boolean;
+    filterChange: (_value: string) => boolean;
 };

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

@@ -5,12 +5,12 @@
 @include set-tree-select-var($ele);
 
 .ele-tree-select-popper {
-  .el-tree {
-    background: none;
+  & > .ele-popover-body > .el-tree > .el-vl__wrapper {
+    padding: eleVar('tree-select', 'padding');
   }
 
-  .el-vl__wrapper {
-    padding: eleVar('tree-select', 'padding');
+  .el-tree {
+    background: none;
   }
 
   .el-tree-node__label.is-disabled {

package/lib/ele-tree-table/components/table-row.cjs

@@ -45,10 +45,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             width: `${__props.indexColWidth}px`,
             left: `${(__props.level - 1) * __props.indexColWidth}px`
           }),
-          class: vue.normalizeClass([
-            "ele-tree-table-cell is-tree-index is-fixed-left",
-            { "is-fixed-left-last": __props.depth === __props.level }
-          ])
+          class: vue.normalizeClass(["ele-tree-table-cell is-tree-index is-fixed-left", { "is-fixed-left-last": __props.depth === __props.level }])
         }, vue.toDisplayString(__props.rowIndex + 1), 7),
         vue.createElementVNode("div", _hoisted_1, [
           vue.createElementVNode("div", _hoisted_2, [
@@ -60,10 +57,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   left: `${(__props.level - 1 + num) * __props.indexColWidth}px`,
                   textAlign: __props.hasChildren && num === 1 ? "left" : void 0
                 }),
-                class: vue.normalizeClass([
-                  "ele-tree-table-cell is-tree-index is-placeholder is-fixed-left",
-                  { "is-fixed-left-last": num === __props.depth - __props.level }
-                ])
+                class: vue.normalizeClass(["ele-tree-table-cell is-tree-index is-placeholder is-fixed-left", { "is-fixed-left-last": num === __props.depth - __props.level }])
               }, [
                 __props.hasChildren && num === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,

package/lib/ele-tree-table/index.cjs

@@ -64,11 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-tree-table-wrapper",
-          { "is-ping-left": isPingLeft.value },
-          { "is-ping-right": isPingRight.value }
-        ])
+        class: vue.normalizeClass(["ele-tree-table-wrapper", [{ "is-ping-left": isPingLeft.value }, { "is-ping-right": isPingRight.value }]])
       }, [
         vue.createElementVNode("div", {
           ref_key: "tableRef",
@@ -93,18 +89,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       width: `${_ctx.indexColWidth}px`,
                       left: `${(num - 1) * _ctx.indexColWidth}px`
                     }),
-                    class: vue.normalizeClass([
-                      "ele-tree-table-cell is-tree-index is-fixed-left",
+                    class: vue.normalizeClass(["ele-tree-table-cell is-tree-index is-fixed-left", [
                       { "is-placeholder": num !== 1 },
                       { "is-fixed-left-last": num === depth.value }
-                    ])
+                    ]])
                   }, null, 6);
                 }), 128)),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns || [], (col) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: col.key ?? col.prop,
                     style: vue.normalizeStyle(col.style),
-                    class: vue.normalizeClass([col.class, "ele-tree-table-cell"])
+                    class: vue.normalizeClass(["ele-tree-table-cell", col.class])
                   }, [
                     vue.renderSlot(_ctx.$slots, "headerCell", { column: col }, () => [
                       vue.createTextVNode(vue.toDisplayString(col.label), 1)

package/lib/ele-upload-list/components/list-item.cjs

@@ -70,7 +70,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const imageUrl = vue.computed(() => {
-      var _a;
       if (props.item.thumbnail && props.item.thumbnail !== true) {
         return props.item.thumbnail;
       }
@@ -80,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (!props.item.file || !props.imageObjectUrls) {
         return;
       }
-      return (_a = props.imageObjectUrls.find((d) => d.file === props.item.file)) == null ? void 0 : _a.url;
+      return props.imageObjectUrls.find((d) => d.file === props.item.file)?.url;
     });
     const uploadProgress = vue.computed(() => {
       const progress = props.item.progress;

package/lib/ele-upload-list/index.cjs

@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const buildItem = (file) => {
       return {
-        key: "ele" + common.uuid(16, 10) + String(Date.now()),
+        key: `ele${common.uuid(16, 10)}${String(Date.now())}`,
         name: file.name,
         status: void 0,
         progress: 0,
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (item && item.url) {
         return item.url;
       }
-      const itemFile = item == null ? void 0 : item.file;
+      const itemFile = item?.file;
       if (itemFile != null && itemFile.type.startsWith("image")) {
         const t = imageObjectUrls.value.find((d) => d.file === itemFile);
         if (t != null) {
@@ -115,8 +115,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("retry", item);
     };
     const handleInputChange = (e) => {
-      var _a;
-      const file = (_a = e.target.files) == null ? void 0 : _a[0];
+      const file = e.target.files?.[0];
       if (file != null && editItem != null) {
         const result = { item: editItem, newItem: buildItem(file) };
         editItem = null;
@@ -175,11 +174,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         animation: 300,
         setData: () => void 0,
         handle: ".ele-upload-handle",
-        class: [
-          "ele-upload-list",
+        class: ["ele-upload-list", [
           { "is-file-list": _ctx.listType === "file" },
           { "is-disabled": _ctx.disabled }
-        ]
+        ]]
       }, !_ctx.sortable || _ctx.sortable === true ? {} : _ctx.sortable, {
         modelValue: _ctx.modelValue || [],
         "onUpdate:modelValue": updateModelValue