ele-admin-plus 1.3.0-beta.3 → 1.3.0

package/lib/ele-virtual-table/components/body-row.cjs

@@ -1,9 +1,9 @@
 "use strict";
 const vue = require("vue");
 const BodyCell = require("./body-cell");
-const _sfc_main = vue.defineComponent({
-  name: "BodyRow",
-  components: { BodyCell },
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "BodyRow" },
+  __name: "body-row",
   props: {
     /** 主体列配置 */
     bodyCols: {
@@ -76,7 +76,9 @@ const _sfc_main = vue.defineComponent({
     /** 单元格鼠标移出事件 */
     cellMouseleave: (_row, _col, _e) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const loading = vue.ref(false);
     const isChecked = vue.computed(() => {
       if (!props.checkedRowKeys || props.rowId == null) {
@@ -138,73 +140,50 @@ const _sfc_main = vue.defineComponent({
     const handleCellMouseleave = (col, e) => {
       emit("cellMouseleave", props.rowItem, col, e);
     };
-    return {
-      loading,
-      isChecked,
-      hasChildren,
-      rowIndent,
-      isCollapse,
-      handleCellCheckedChange,
-      handleCellExpandChange,
-      handleCellClick,
-      handleCellDblclick,
-      handleCellContextmenu,
-      handleCellMouseenter,
-      handleCellMouseleave
+    return (_ctx, _cache) => {
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.bodyCols, (column, columnIndex) => {
+        return vue.openBlock(), vue.createBlock(BodyCell, {
+          key: (__props.rowId ?? __props.rowIndex) + "-" + (column.key ?? columnIndex),
+          column,
+          columnIndex,
+          rowIndex: __props.rowIndex,
+          rowData: __props.rowItem.rowData,
+          colSizes: __props.colSizes,
+          bodyCellClass: __props.bodyCellClass,
+          bodyCellStyle: __props.bodyCellStyle,
+          spanMethod: __props.spanMethod,
+          tableTooltipProps: __props.tableTooltipProps,
+          pageIndex: __props.pageIndex,
+          rowHeight: __props.rowHeight,
+          isChecked: isChecked.value,
+          isDisabled: __props.rowItem.isDisabled,
+          tableSize: __props.tableSize,
+          expandColumnKey: __props.expandColumnKey,
+          hasChildren: hasChildren.value,
+          rowIndent: rowIndent.value,
+          isCollapse: isCollapse.value,
+          loading: loading.value,
+          fixedCellHeight: __props.fixedCellHeight,
+          autoRowHeight: __props.autoRowHeight,
+          onCheckedChange: handleCellCheckedChange,
+          onExpandChange: handleCellExpandChange,
+          onClick: handleCellClick,
+          onDblclick: handleCellDblclick,
+          onContextmenu: handleCellContextmenu,
+          onMouseenter: handleCellMouseenter,
+          onMouseleave: handleCellMouseleave
+        }, vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: vue.withCtx((slotProps) => [
+                vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+              ])
+            };
+          })
+        ]), 1032, ["column", "columnIndex", "rowIndex", "rowData", "colSizes", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "isChecked", "isDisabled", "tableSize", "expandColumnKey", "hasChildren", "rowIndent", "isCollapse", "loading", "fixedCellHeight", "autoRowHeight"]);
+      }), 128);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_BodyCell = vue.resolveComponent("BodyCell");
-  return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.bodyCols, (column, columnIndex) => {
-    return vue.openBlock(), vue.createBlock(_component_BodyCell, {
-      key: (_ctx.rowId ?? _ctx.rowIndex) + "-" + (column.key ?? columnIndex),
-      column,
-      columnIndex,
-      rowIndex: _ctx.rowIndex,
-      rowData: _ctx.rowItem.rowData,
-      colSizes: _ctx.colSizes,
-      bodyCellClass: _ctx.bodyCellClass,
-      bodyCellStyle: _ctx.bodyCellStyle,
-      spanMethod: _ctx.spanMethod,
-      tableTooltipProps: _ctx.tableTooltipProps,
-      pageIndex: _ctx.pageIndex,
-      rowHeight: _ctx.rowHeight,
-      isChecked: _ctx.isChecked,
-      isDisabled: _ctx.rowItem.isDisabled,
-      tableSize: _ctx.tableSize,
-      expandColumnKey: _ctx.expandColumnKey,
-      hasChildren: _ctx.hasChildren,
-      rowIndent: _ctx.rowIndent,
-      isCollapse: _ctx.isCollapse,
-      loading: _ctx.loading,
-      fixedCellHeight: _ctx.fixedCellHeight,
-      autoRowHeight: _ctx.autoRowHeight,
-      onCheckedChange: _ctx.handleCellCheckedChange,
-      onExpandChange: _ctx.handleCellExpandChange,
-      onClick: _ctx.handleCellClick,
-      onDblclick: _ctx.handleCellDblclick,
-      onContextmenu: _ctx.handleCellContextmenu,
-      onMouseenter: _ctx.handleCellMouseenter,
-      onMouseleave: _ctx.handleCellMouseleave
-    }, vue.createSlots({ _: 2 }, [
-      vue.renderList(Object.keys(_ctx.$slots), (name) => {
-        return {
-          name,
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
-          ])
-        };
-      })
-    ]), 1032, ["column", "columnIndex", "rowIndex", "rowData", "colSizes", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "isChecked", "isDisabled", "tableSize", "expandColumnKey", "hasChildren", "rowIndent", "isCollapse", "loading", "fixedCellHeight", "autoRowHeight", "onCheckedChange", "onExpandChange", "onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"]);
-  }), 128);
-}
-const bodyRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = bodyRow;
+module.exports = _sfc_main;

package/lib/ele-virtual-table/components/body-row.d.ts

@@ -2,7 +2,8 @@ import { PropType } from 'vue';
 import { DataKey, DataItem, Column, TableSize, CellClass, CellStyle, SpanMethod, ShowOverflowTooltip, TableLoad } from '../../ele-data-table/types';
 import { BodyColumns, ColSize, VirtualRow } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 主体列配置 */
     bodyCols: {
         type: PropType<BodyColumns>;
@@ -57,34 +58,14 @@ declare const _default: import('vue').DefineComponent<{
     fixedCellHeight: BooleanConstructor;
     /** 表格是否是自适应行高 */
     autoRowHeight: BooleanConstructor;
-}, {
-    loading: import('vue').Ref<boolean>;
-    isChecked: import('vue').ComputedRef<boolean>;
-    hasChildren: import('vue').ComputedRef<boolean>;
-    rowIndent: import('vue').ComputedRef<string | undefined>;
-    isCollapse: import('vue').ComputedRef<boolean>;
-    handleCellCheckedChange: (checked: boolean) => void;
-    handleCellExpandChange: (expanded: boolean) => void;
-    handleCellClick: (col: Column, e: MouseEvent) => void;
-    handleCellDblclick: (col: Column, e: MouseEvent) => void;
-    handleCellContextmenu: (col: Column, e: MouseEvent) => void;
-    handleCellMouseenter: (col: Column, e: MouseEvent) => void;
-    handleCellMouseleave: (col: Column, e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 多选框选中改变事件 */
-    cellCheckedChange: (_row: VirtualRow, _checked: boolean) => true;
-    /** 展开状态改变事件 */
-    cellExpandChange: (_row: VirtualRow, _expanded: boolean, _children?: DataItem[]) => true;
-    /** 单元格点击事件 */
-    cellClick: (_row: VirtualRow, _col: Column, _e: MouseEvent) => true;
-    /** 单元格双击事件 */
-    cellDblclick: (_row: VirtualRow, _col: Column, _e: MouseEvent) => true;
-    /** 单元格右键事件 */
-    cellContextmenu: (_row: VirtualRow, _col: Column, _e: MouseEvent) => true;
-    /** 单元格鼠标移入事件 */
-    cellMouseenter: (_row: VirtualRow, _col: Column, _e: MouseEvent) => true;
-    /** 单元格鼠标移出事件 */
-    cellMouseleave: (_row: VirtualRow, _col: Column, _e: MouseEvent) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cellClick: (_row: VirtualRow, _col: Column, _e: MouseEvent) => void;
+    cellDblclick: (_row: VirtualRow, _col: Column, _e: MouseEvent) => void;
+    cellContextmenu: (_row: VirtualRow, _col: Column, _e: MouseEvent) => void;
+    cellMouseenter: (_row: VirtualRow, _col: Column, _e: MouseEvent) => void;
+    cellCheckedChange: (_row: VirtualRow, _checked: boolean) => void;
+    cellExpandChange: (_row: VirtualRow, _expanded: boolean, _children?: DataItem[] | undefined) => void;
+    cellMouseleave: (_row: VirtualRow, _col: Column, _e: MouseEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 主体列配置 */
     bodyCols: {
@@ -140,7 +121,7 @@ declare const _default: import('vue').DefineComponent<{
     fixedCellHeight: BooleanConstructor;
     /** 表格是否是自适应行高 */
     autoRowHeight: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onCellClick?: ((_row: VirtualRow, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellDblclick?: ((_row: VirtualRow, _col: Column, _e: MouseEvent) => any) | undefined;
     onCellContextmenu?: ((_row: VirtualRow, _col: Column, _e: MouseEvent) => any) | undefined;
@@ -148,9 +129,15 @@ declare const _default: import('vue').DefineComponent<{
     onCellCheckedChange?: ((_row: VirtualRow, _checked: boolean) => any) | undefined;
     onCellExpandChange?: ((_row: VirtualRow, _expanded: boolean, _children?: DataItem[] | undefined) => any) | undefined;
     onCellMouseleave?: ((_row: VirtualRow, _col: Column, _e: MouseEvent) => any) | undefined;
-}, {
+}>, {
     lazy: boolean;
     fixedCellHeight: boolean;
     autoRowHeight: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-virtual-table/components/cell-checkbox.cjs

@@ -1,9 +1,9 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const _sfc_main = vue.defineComponent({
-  name: "CellCheckbox",
-  components: { ElCheckbox: elementPlus.ElCheckbox },
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CellCheckbox" },
+  __name: "cell-checkbox",
   props: {
     /** 是否是选中状态 */
     checked: Boolean,
@@ -18,31 +18,23 @@ const _sfc_main = vue.defineComponent({
     /** 选中改变事件 */
     change: (_checked) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const handleUpdateModelValue = (modelValue) => {
       if (props.checked !== modelValue) {
         emit("change", modelValue);
       }
     };
-    return { handleUpdateModelValue };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+        modelValue: __props.checked,
+        indeterminate: __props.indeterminate,
+        disabled: __props.disabled,
+        size: __props.size,
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, null, 8, ["modelValue", "indeterminate", "disabled", "size"]);
+    };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
-  return vue.openBlock(), vue.createBlock(_component_ElCheckbox, {
-    modelValue: _ctx.checked,
-    indeterminate: _ctx.indeterminate,
-    disabled: _ctx.disabled,
-    size: _ctx.size,
-    "onUpdate:modelValue": _ctx.handleUpdateModelValue
-  }, null, 8, ["modelValue", "indeterminate", "disabled", "size", "onUpdate:modelValue"]);
-}
-const cellCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = cellCheckbox;
+module.exports = _sfc_main;

package/lib/ele-virtual-table/components/cell-checkbox.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { TableSize } from '../../ele-data-table/types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 是否是选中状态 */
     checked: BooleanConstructor;
     /** 是否是半选状态 */
@@ -10,11 +10,8 @@ declare const _default: import('vue').DefineComponent<{
     disabled: BooleanConstructor;
     /** 尺寸 */
     size: PropType<TableSize>;
-}, {
-    handleUpdateModelValue: (modelValue: boolean) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 选中改变事件 */
-    change: (_checked: boolean) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_checked: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 是否是选中状态 */
     checked: BooleanConstructor;
@@ -24,11 +21,11 @@ declare const _default: import('vue').DefineComponent<{
     disabled: BooleanConstructor;
     /** 尺寸 */
     size: PropType<TableSize>;
-}>> & {
+}>> & Readonly<{
     onChange?: ((_checked: boolean) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     indeterminate: boolean;
     checked: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/ele-virtual-table/components/cell-filter.cjs

@@ -3,17 +3,15 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../../ele-tooltip/index");
 const icons = require("../../icons");
-const _sfc_main = vue.defineComponent({
-  name: "CellFilter",
-  components: {
-    ElIcon: elementPlus.ElIcon,
-    ElButton: elementPlus.ElButton,
-    ElScrollbar: elementPlus.ElScrollbar,
-    ElCheckboxGroup: elementPlus.ElCheckboxGroup,
-    ElCheckbox: elementPlus.ElCheckbox,
-    EleTooltip,
-    FilterFilled: icons.FilterFilled
-  },
+const _hoisted_1 = { class: "ele-table-filter-footer" };
+const _hoisted_2 = {
+  key: 1,
+  class: "ele-table-filter-list"
+};
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CellFilter" },
+  __name: "cell-filter",
   props: {
     /** 选中项 */
     filtered: Array,
@@ -31,7 +29,9 @@ const _sfc_main = vue.defineComponent({
     /** 选中改变事件 */
     change: (_filtered) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const { t } = elementPlus.useLocale();
     const popperRef = vue.ref(null);
     const checkedValue = vue.ref([]);
@@ -72,138 +72,108 @@ const _sfc_main = vue.defineComponent({
       handleFilterChange([]);
       hidePopper();
     };
-    return {
-      popperRef,
-      checkedValue,
-      clearFilterText,
-      filteredValue,
-      confirmText,
-      resetText,
-      handleItemClick,
-      handleFilterChange,
-      handleConfirm,
-      handleReset,
-      handleBeforeEnter
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-table-filter-footer" };
-const _hoisted_2 = {
-  key: 1,
-  class: "ele-table-filter-list"
-};
-const _hoisted_3 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FilterFilled = vue.resolveComponent("FilterFilled");
-  const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
-  const _component_ElCheckboxGroup = vue.resolveComponent("ElCheckboxGroup");
-  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: "ele-table-filter",
-    onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-    }, ["stop"]))
-  }, [
-    vue.createVNode(_component_EleTooltip, {
-      ref: "popperRef",
-      trigger: "click",
-      showArrow: false,
-      placement: _ctx.filterPlacement,
-      popperClass: "ele-table-filter-popper",
-      gpuAcceleration: true,
-      effect: "light",
-      isPopover: true,
-      popperOptions: {
-        strategy: "fixed",
-        modifiers: [{ name: "offset", options: { offset: [0, 4] } }]
-      },
-      onBeforeShow: _ctx.handleBeforeEnter
-    }, {
-      body: vue.withCtx(() => [
-        _ctx.filterMultiple ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          vue.createVNode(_component_ElScrollbar, { class: "ele-table-filter-body" }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_ElCheckboxGroup, {
-                modelValue: _ctx.checkedValue,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event)
-              }, {
+    __expose({
+      popperRef
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "ele-table-filter",
+        onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        vue.createVNode(EleTooltip, {
+          ref_key: "popperRef",
+          ref: popperRef,
+          trigger: "click",
+          showArrow: false,
+          placement: __props.filterPlacement,
+          popperClass: "ele-table-filter-popper",
+          gpuAcceleration: true,
+          effect: "light",
+          isPopover: true,
+          popperOptions: {
+            strategy: "fixed",
+            modifiers: [{ name: "offset", options: { offset: [0, 4] } }]
+          },
+          onBeforeShow: handleBeforeEnter
+        }, {
+          body: vue.withCtx(() => [
+            __props.filterMultiple ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+              vue.createVNode(vue.unref(elementPlus.ElScrollbar), { class: "ele-table-filter-body" }, {
                 default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (item) => {
-                    return vue.openBlock(), vue.createBlock(_component_ElCheckbox, {
-                      key: item.value,
-                      value: item.value,
-                      label: item.text
-                    }, null, 8, ["value", "label"]);
-                  }), 128))
+                  vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
+                    modelValue: checkedValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedValue.value = $event)
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.filters, (item) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+                          key: item.value,
+                          value: item.value,
+                          label: item.text
+                        }, null, 8, ["value", "label"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createVNode(_component_ElButton, {
-              size: "small",
-              text: true,
-              onClick: _ctx.handleReset
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.resetText), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"]),
-            vue.createVNode(_component_ElButton, {
-              size: "small",
-              type: "primary",
-              disabled: !_ctx.checkedValue.length,
-              onClick: _ctx.handleConfirm
-            }, {
+              }),
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
+                  size: "small",
+                  text: true,
+                  onClick: handleReset
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(resetText.value), 1)
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(vue.unref(elementPlus.ElButton), {
+                  size: "small",
+                  type: "primary",
+                  disabled: !checkedValue.value.length,
+                  onClick: handleConfirm
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(confirmText.value), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([
+                  "ele-table-filter-item",
+                  { "is-active": filteredValue.value == null }
+                ]),
+                onClick: _cache[1] || (_cache[1] = ($event) => handleItemClick())
+              }, vue.toDisplayString(clearFilterText.value), 3),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.filters, (d) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: d.value,
+                  class: vue.normalizeClass([
+                    "ele-table-filter-item",
+                    { "is-active": filteredValue.value === d.value }
+                  ]),
+                  onClick: ($event) => handleItemClick(d.value)
+                }, vue.toDisplayString(d.text), 11, _hoisted_3);
+              }), 128))
+            ]))
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
               default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                vue.createVNode(vue.unref(icons.FilterFilled))
               ]),
               _: 1
-            }, 8, ["disabled", "onClick"])
-          ])
-        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass([
-              "ele-table-filter-item",
-              { "is-active": _ctx.filteredValue == null }
-            ]),
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleItemClick())
-          }, vue.toDisplayString(_ctx.clearFilterText), 3),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (d) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: d.value,
-              class: vue.normalizeClass([
-                "ele-table-filter-item",
-                { "is-active": _ctx.filteredValue === d.value }
-              ]),
-              onClick: ($event) => _ctx.handleItemClick(d.value)
-            }, vue.toDisplayString(d.text), 11, _hoisted_3);
-          }), 128))
-        ]))
-      ]),
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ElIcon, null, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_FilterFilled)
+            })
           ]),
           _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["placement", "onBeforeShow"])
-  ]);
-}
-const cellFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = cellFilter;
+        }, 8, ["placement"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-virtual-table/components/cell-filter.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { Column, FilterValue } from '../../ele-data-table/types';
 import { EleTooltipProps, EleTooltipInstance } from '../../ele-app/plus';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 选中项 */
     filtered: PropType<FilterValue>;
     /** 是否多选 */
@@ -14,21 +14,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
-}, {
-    popperRef: import('vue').Ref<EleTooltipInstance>;
-    checkedValue: import('vue').Ref<string[]>;
-    clearFilterText: import('vue').ComputedRef<string>;
-    filteredValue: import('vue').ComputedRef<string | undefined>;
-    confirmText: import('vue').ComputedRef<string>;
-    resetText: import('vue').ComputedRef<string>;
-    handleItemClick: (value?: string) => void;
-    handleFilterChange: (filtered: FilterValue) => void;
-    handleConfirm: () => void;
-    handleReset: () => void;
-    handleBeforeEnter: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 选中改变事件 */
-    change: (_filtered: FilterValue) => true;
+}>, {
+    popperRef: import('vue').Ref<EleTooltipInstance, EleTooltipInstance>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_filtered: FilterValue) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 选中项 */
     filtered: PropType<FilterValue>;
@@ -41,10 +30,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<EleTooltipProps["placement"]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((_filtered: FilterValue) => any) | undefined;
-}, {
+}>, {
     filterPlacement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     filterMultiple: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;