@element-plus/nightly 0.0.20240722 → 0.0.20240724

package/es/components/steps/src/item.mjs

@@ -1,25 +1,197 @@
+import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { Check, Close } from '@element-plus/icons-vue';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { stepProps } from './item2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const stepProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: iconPropType
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  status: {
-    type: String,
-    values: ["", "wait", "process", "finish", "error", "success"],
-    default: ""
+const __default__ = defineComponent({
+  name: "ElStep"
+});
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: stepProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("step");
+    const index = ref(-1);
+    const lineStyle = ref({});
+    const internalStatus = ref("");
+    const parent = inject("ElSteps");
+    const currentInstance = getCurrentInstance();
+    onMounted(() => {
+      watch([
+        () => parent.props.active,
+        () => parent.props.processStatus,
+        () => parent.props.finishStatus
+      ], ([active]) => {
+        updateStatus(active);
+      }, { immediate: true });
+    });
+    onBeforeUnmount(() => {
+      parent.removeStep(stepItemState.uid);
+    });
+    const currentStatus = computed(() => {
+      return props.status || internalStatus.value;
+    });
+    const prevStatus = computed(() => {
+      const prevStep = parent.steps.value[index.value - 1];
+      return prevStep ? prevStep.currentStatus : "wait";
+    });
+    const isCenter = computed(() => {
+      return parent.props.alignCenter;
+    });
+    const isVertical = computed(() => {
+      return parent.props.direction === "vertical";
+    });
+    const isSimple = computed(() => {
+      return parent.props.simple;
+    });
+    const stepsCount = computed(() => {
+      return parent.steps.value.length;
+    });
+    const isLast = computed(() => {
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
+    });
+    const space = computed(() => {
+      return isSimple.value ? "" : parent.props.space;
+    });
+    const containerKls = computed(() => {
+      return [
+        ns.b(),
+        ns.is(isSimple.value ? "simple" : parent.props.direction),
+        ns.is("flex", isLast.value && !space.value && !isCenter.value),
+        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+      ];
+    });
+    const style = computed(() => {
+      const style2 = {
+        flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+      };
+      if (isVertical.value)
+        return style2;
+      if (isLast.value) {
+        style2.maxWidth = `${100 / stepsCount.value}%`;
+      }
+      return style2;
+    });
+    const setIndex = (val) => {
+      index.value = val;
+    };
+    const calcProgress = (status) => {
+      const isWait = status === "wait";
+      const style2 = {
+        transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
+      };
+      const step = status === parent.props.processStatus || isWait ? 0 : 100;
+      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
+      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
+      lineStyle.value = style2;
+    };
+    const updateStatus = (activeIndex) => {
+      if (activeIndex > index.value) {
+        internalStatus.value = parent.props.finishStatus;
+      } else if (activeIndex === index.value && prevStatus.value !== "error") {
+        internalStatus.value = parent.props.processStatus;
+      } else {
+        internalStatus.value = "wait";
+      }
+      const prevChild = parent.steps.value[index.value - 1];
+      if (prevChild)
+        prevChild.calcProgress(internalStatus.value);
+    };
+    const stepItemState = reactive({
+      uid: currentInstance.uid,
+      currentStatus,
+      setIndex,
+      calcProgress
+    });
+    parent.addStep(stepItemState);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(style)),
+        class: normalizeClass(unref(containerKls))
+      }, [
+        createCommentVNode(" icon & line "),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
+        }, [
+          !unref(isSimple) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("line"))
+          }, [
+            createElementVNode("i", {
+              class: normalizeClass(unref(ns).e("line-inner")),
+              style: normalizeStyle(lineStyle.value)
+            }, null, 6)
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
+          }, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("icon-inner"))
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 1,
+                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Check))
+                ]),
+                _: 1
+              }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 2,
+                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
+                key: 3,
+                class: normalizeClass(unref(ns).e("icon-inner"))
+              }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ], 2),
+        createCommentVNode(" title & description "),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("main"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          unref(isSimple) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("arrow"))
+          }, null, 2)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
+          }, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ], 2))
+        ], 2)
+      ], 6);
+    };
   }
 });
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "item.vue"]]);
 
-export { stepProps };
+export { Step as default };
 //# sourceMappingURL=item.mjs.map

package/es/components/steps/src/item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"item.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n  space: number | string\n  active: number\n  direction: string\n  alignCenter: boolean\n  simple: boolean\n  finishStatus: string\n  processStatus: string\n}\n\nexport interface StepItemState {\n  uid: number\n  currentStatus: string\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: IStepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (uid: number) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active]) => {\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState.uid)\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n      ? space.value\n      : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const style: CSSProperties = {\n    transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n  uid: currentInstance!.uid,\n  currentStatus,\n  setIndex,\n  calcProgress,\n})\n\nparent.addStep(stepItemState)\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/steps/src/item2.mjs

@@ -1,197 +1,25 @@
-import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, onBeforeUnmount, computed, reactive, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { Check, Close } from '@element-plus/icons-vue';
 import '../../../utils/index.mjs';
-import { stepProps } from './item.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { isNumber } from '../../../utils/types.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const __default__ = defineComponent({
-  name: "ElStep"
-});
-const _sfc_main = defineComponent({
-  ...__default__,
-  props: stepProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("step");
-    const index = ref(-1);
-    const lineStyle = ref({});
-    const internalStatus = ref("");
-    const parent = inject("ElSteps");
-    const currentInstance = getCurrentInstance();
-    onMounted(() => {
-      watch([
-        () => parent.props.active,
-        () => parent.props.processStatus,
-        () => parent.props.finishStatus
-      ], ([active]) => {
-        updateStatus(active);
-      }, { immediate: true });
-    });
-    onBeforeUnmount(() => {
-      parent.removeStep(stepItemState.uid);
-    });
-    const currentStatus = computed(() => {
-      return props.status || internalStatus.value;
-    });
-    const prevStatus = computed(() => {
-      const prevStep = parent.steps.value[index.value - 1];
-      return prevStep ? prevStep.currentStatus : "wait";
-    });
-    const isCenter = computed(() => {
-      return parent.props.alignCenter;
-    });
-    const isVertical = computed(() => {
-      return parent.props.direction === "vertical";
-    });
-    const isSimple = computed(() => {
-      return parent.props.simple;
-    });
-    const stepsCount = computed(() => {
-      return parent.steps.value.length;
-    });
-    const isLast = computed(() => {
-      var _a;
-      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === (currentInstance == null ? void 0 : currentInstance.uid);
-    });
-    const space = computed(() => {
-      return isSimple.value ? "" : parent.props.space;
-    });
-    const containerKls = computed(() => {
-      return [
-        ns.b(),
-        ns.is(isSimple.value ? "simple" : parent.props.direction),
-        ns.is("flex", isLast.value && !space.value && !isCenter.value),
-        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
-      ];
-    });
-    const style = computed(() => {
-      const style2 = {
-        flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
-      };
-      if (isVertical.value)
-        return style2;
-      if (isLast.value) {
-        style2.maxWidth = `${100 / stepsCount.value}%`;
-      }
-      return style2;
-    });
-    const setIndex = (val) => {
-      index.value = val;
-    };
-    const calcProgress = (status) => {
-      const isWait = status === "wait";
-      const style2 = {
-        transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
-      };
-      const step = status === parent.props.processStatus || isWait ? 0 : 100;
-      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
-      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
-      lineStyle.value = style2;
-    };
-    const updateStatus = (activeIndex) => {
-      if (activeIndex > index.value) {
-        internalStatus.value = parent.props.finishStatus;
-      } else if (activeIndex === index.value && prevStatus.value !== "error") {
-        internalStatus.value = parent.props.processStatus;
-      } else {
-        internalStatus.value = "wait";
-      }
-      const prevChild = parent.steps.value[index.value - 1];
-      if (prevChild)
-        prevChild.calcProgress(internalStatus.value);
-    };
-    const stepItemState = reactive({
-      uid: currentInstance.uid,
-      currentStatus,
-      setIndex,
-      calcProgress
-    });
-    parent.addStep(stepItemState);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        style: normalizeStyle(unref(style)),
-        class: normalizeClass(unref(containerKls))
-      }, [
-        createCommentVNode(" icon & line "),
-        createElementVNode("div", {
-          class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
-        }, [
-          !unref(isSimple) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("line"))
-          }, [
-            createElementVNode("i", {
-              class: normalizeClass(unref(ns).e("line-inner")),
-              style: normalizeStyle(lineStyle.value)
-            }, null, 6)
-          ], 2)) : createCommentVNode("v-if", true),
-          createElementVNode("div", {
-            class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
-          }, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                class: normalizeClass(unref(ns).e("icon-inner"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 1,
-                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Check))
-                ]),
-                _: 1
-              }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 2,
-                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Close))
-                ]),
-                _: 1
-              }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
-                key: 3,
-                class: normalizeClass(unref(ns).e("icon-inner"))
-              }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
-            ])
-          ], 2)
-        ], 2),
-        createCommentVNode(" title & description "),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("main"))
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          unref(isSimple) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("arrow"))
-          }, null, 2)) : (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
-          }, [
-            renderSlot(_ctx.$slots, "description", {}, () => [
-              createTextVNode(toDisplayString(_ctx.description), 1)
-            ])
-          ], 2))
-        ], 2)
-      ], 6);
-    };
+const stepProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  icon: {
+    type: iconPropType
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  status: {
+    type: String,
+    values: ["", "wait", "process", "finish", "error", "success"],
+    default: ""
   }
 });
-var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "item.vue"]]);
 
-export { Step as default };
+export { stepProps };
 //# sourceMappingURL=item2.mjs.map

package/es/components/steps/src/item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\n\nimport type { CSSProperties, Ref } from 'vue'\n\nexport interface IStepsProps {\n  space: number | string\n  active: number\n  direction: string\n  alignCenter: boolean\n  simple: boolean\n  finishStatus: string\n  processStatus: string\n}\n\nexport interface StepItemState {\n  uid: number\n  currentStatus: string\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: IStepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (uid: number) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject('ElSteps') as IStepsInject\nconst currentInstance = getCurrentInstance()\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active]) => {\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState.uid)\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.currentStatus : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance?.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n      ? space.value\n      : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const style: CSSProperties = {\n    transitionDelay: `${isWait ? '-' : ''}${150 * index.value}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (activeIndex === index.value && prevStatus.value !== 'error') {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState = reactive({\n  uid: currentInstance!.uid,\n  currentStatus,\n  setIndex,\n  calcProgress,\n})\n\nparent.addStep(stepItemState)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCAyFc,CAAA;AAAA,EACZ,IAAM,EAAA,QAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,KAAA,GAAQ,IAAI,CAAE,CAAA,CAAA,CAAA;AACpB,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,EAAE,CAAA,CAAA;AACxB,IAAM,MAAA,cAAA,GAAiB,IAAI,EAAE,CAAA,CAAA;AAC7B,IAAM,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA,CAAA;AAC/B,IAAA,MAAM,kBAAkB,kBAAmB,EAAA,CAAA;AAE3C,IAAA,SAAA,CAAU,MAAM;AACd,MACE,KAAA,CAAA;AAAA,QACE,MAAM,OAAO,KAAM,CAAA,MAAA;AAAA,QACnB,MAAM,OAAO,KAAM,CAAA,aAAA;AAAA,QACnB,MAAM,OAAO,KAAM,CAAA,YAAA;AAAA,OACrB,EACA,CAAC,CAAC,MAAY,CAAA,KAAA;AACZ,QAAA,YAAA,CAAa,MAAM,CAAA,CAAA;AAAA,OAErB,EAAA,EAAE,SAAW,EAAA,IAAA,EACf,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAO,MAAA,CAAA,UAAA,CAAW,cAAc,GAAG,CAAA,CAAA;AAAA,KACpC,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAO,OAAA,KAAA,CAAM,UAAU,cAAe,CAAA,KAAA,CAAA;AAAA,KACvC,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,QAAW,GAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,MAAM,KAAQ,GAAA,CAAA,CAAA,CAAA;AAClD,MAAO,OAAA,QAAA,GAAW,SAAS,aAAgB,GAAA,MAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO,OAAO,KAAM,CAAA,WAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,MAAA,CAAO,MAAM,SAAc,KAAA,UAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,OAAO,OAAO,KAAM,CAAA,MAAA,CAAA;AAAA,KACrB,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,MAAA,CAAO,MAAM,KAAM,CAAA,MAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,IAAA,EAAA,CAAO;AAAmE,MAC3E,OAAA,CAAA,CAAA,EAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,UAAA,CAAA,KAAA,GAAA,CAAA,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,KAAgB,GAAA,QAAA,CAAA,MAAa;AAAa,MAC3C,OAAA,QAAA,CAAA,KAAA,GAAA,EAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MAAA,OACA;AAAA,QACL,GAAG,CAAG,EAAA;AAAkD,QACxD,EAAA,CAAG,EAAG,CAAA,QAAQ,CAAO,KAAA,GAAA,QAAU,GAAM,MAAA,CAAA,KAAS,CAAC,SAAS,CAAK;AAAA,QAC7D,EAAA,CAAG,EAAG,CAAA,MAAA,EAAA,MAAmB,CAAA,KAAA,IAAA,CAAA,KAAqB,CAAA,KAAA,IAAA,CAAA,QAAS,CAAC,KAAA,CAAA;AAAc,QACxE,EAAA,CAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,KAAA,IAAA,CAAA,UAAA,CAAA,KAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,KAA6B,GAAA,QAAA,CAAA,MAAA;AAAA,MAAA,eACP;AAImC,QACzD,SAAA,EAAA,QAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,OAAA,CAAA;AAAsB,MAAO,IAAA,UAAA,CAAA,KAAA;AAC7B,QAAA,aAAkB,CAAA;AAChB,MAAM,IAAA,MAAA,CAAA,KAAA,EAAA;AAA+B,QACvC,MAAA,CAAA,QAAA,GAAA,CAAA,EAAA,GAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AACA,OAAO;AAAA,MACR,OAAA,MAAA,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,QAAc,GAAA,CAAA,GAAA,KAAA;AAAA,MAChB,KAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAA,MAAA,YAA0B,GAAA,CAAA,MAAA,KAAA;AAC1B,MAAA,MAAM,MAAuB,GAAA,MAAA,KAAA,MAAA,CAAA;AAAA,MAAA;AACyB,QACtD,eAAA,EAAA,CAAA,EAAA,MAAA,GAAA,GAAA,GAAA,EAAA,CAAA,EAAA,GAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AACA,OAAA,CAAA;AAEA,MAAA,MAAA,IAAoB,GAAA,MAAA,KAAA,MAAS,CAAA,KAAA,CAAA,aAAyB,IAAA,MAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AACtD,MAAA,MAAA,CAAM,WAAa,GAAA,IAAA,IAAA,CAAA,QAA2B,CAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA;AAC9C,MAAA,MAAA,CAAA,MAAkB,CAAA,KAAA,CAAA,SAAA,KAAA,UAAA,GAAA,QAAA,GAAA,OAAA,CAAA,GAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MACpB,SAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAI,MAAA,YAAA,eAA2B,KAAA;AAC7B,MAAe,IAAA,WAAA,GAAA,KAAA,CAAA;AAAqB,sBACX,CAAA,KAAA,GAAA,MAAA,CAAA,KAAe,CAAA,YAAA,CAAA;AACxC,OAAe,MAAA,IAAA,WAAA,UAAe,CAAM,KAAA,IAAA,UAAA,CAAA,KAAA,KAAA,OAAA,EAAA;AAAA,QAC/B,cAAA,CAAA,KAAA,GAAA,MAAA,CAAA,KAAA,CAAA,aAAA,CAAA;AACL,OAAA,MAAA;AAAuB,QACzB,cAAA,CAAA,KAAA,GAAA,MAAA,CAAA;AACA,OAAA;AACA,MAAI,MAAA,SAAA,GAAA,MAAA,CAAA,KAAA,CAAA,KAAA,CAAA,KAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA;AAAW,MAAU,IAAA,SAAA;AAAiC,QAC5D,SAAA,CAAA,YAAA,CAAA,cAAA,CAAA,KAAA,CAAA,CAAA;AAEA,KAAA,CAAA;AAA+B,IAAA,mBACP,GAAA,QAAA,CAAA;AAAA,MACtB,GAAA,EAAA,eAAA,CAAA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,QAAA;AAAA,MACD,YAAA;AAED,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type Step from './item.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step>\n"],"names":[],"mappings":";;;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/table/src/filter-panel.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, computed, watch, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives } from 'vue';
+import { defineComponent, getCurrentInstance, ref, computed, watch, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, renderSlot } from 'vue';
 import { ElCheckbox } from '../../checkbox/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
 import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
@@ -266,15 +266,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         createVNode(_component_el_icon, null, {
           default: withCtx(() => [
-            _ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
+            renderSlot(_ctx.$slots, "filter-icon", {}, () => [
+              _ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
+            ])
           ]),
-          _: 1
+          _: 3
         })
       ], 2)), [
         [_directive_click_outside, _ctx.hideFilterPanel, _ctx.popperPaneRef]
       ])
     ]),
-    _: 1
+    _: 3
   }, 8, ["visible", "placement", "popper-class"]);
 }
 var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "filter-panel.vue"]]);

package/es/components/table/src/filter-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltip\"\n    :visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    teleported\n    effect=\"light\"\n    pure\n    :popper-class=\"filterClassName\"\n    persistent\n  >\n    <template #content>\n      <div v-if=\"multiple\">\n        <div :class=\"ns.e('content')\">\n          <el-scrollbar :wrap-class=\"ns.e('wrap')\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              :class=\"ns.e('checkbox-group')\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :value=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div :class=\"ns.e('bottom')\">\n          <button\n            :class=\"{ [ns.is('disabled')]: filteredValue.length === 0 }\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul v-else :class=\"ns.e('list')\">\n        <li\n          :class=\"[\n            ns.e('list-item'),\n            {\n              [ns.is('active')]:\n                filterValue === undefined || filterValue === null,\n            },\n          ]\"\n          @click=\"handleSelect(null)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"filter in filters\"\n          :key=\"filter.value\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :label=\"filter.value\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        :class=\"[\n          `${ns.namespace.value}-table__column-filter-trigger`,\n          `${ns.namespace.value}-none-outline`,\n        ]\"\n        @click=\"showFilterPanel\"\n      >\n        <el-icon>\n          <arrow-up v-if=\"column.filterOpened\" />\n          <arrow-down v-else />\n        </el-icon>\n      </span>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, getCurrentInstance, ref, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { PropType, WritableComputedRef } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nconst { CheckboxGroup: ElCheckboxGroup } = ElCheckbox\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  directives: { ClickOutside },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const ns = useNamespace('table-filter')\n    const parent = instance?.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n    const tooltipVisible = ref(false)\n    const tooltip = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column.filterClassName) {\n        return `${ns.b()} ${props.column.filterClassName}`\n      }\n      return ns.b()\n    })\n    const filterValue = computed({\n      get: () => (props.column?.filteredValue || [])[0],\n      set: (value: string) => {\n        if (filteredValue.value) {\n          if (typeof value !== 'undefined' && value !== null) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<unknown[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: unknown[]) {\n        if (props.column) {\n          props.upDataColumn('filteredValue', value)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipVisible.value = false\n    }\n    const showFilterPanel = (e: MouseEvent) => {\n      e.stopPropagation()\n      tooltipVisible.value = !tooltipVisible.value\n    }\n    const hideFilterPanel = () => {\n      tooltipVisible.value = false\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue?: string) => {\n      filterValue.value = _filterValue\n      if (typeof _filterValue !== 'undefined' && _filterValue !== null) {\n        confirmFilter(filteredValue.value)\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.store.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store.updateAllSelected()\n    }\n    watch(\n      tooltipVisible,\n      (value) => {\n        // todo\n        if (props.column) {\n          props.upDataColumn('filterOpened', value)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const popperPaneRef = computed(() => {\n      return tooltip.value?.popperRef?.contentRef\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      ns,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_Fragment","_renderList","_toDisplayString","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"filter-panel.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltip\"\n    :visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    teleported\n    effect=\"light\"\n    pure\n    :popper-class=\"filterClassName\"\n    persistent\n  >\n    <template #content>\n      <div v-if=\"multiple\">\n        <div :class=\"ns.e('content')\">\n          <el-scrollbar :wrap-class=\"ns.e('wrap')\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              :class=\"ns.e('checkbox-group')\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :value=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div :class=\"ns.e('bottom')\">\n          <button\n            :class=\"{ [ns.is('disabled')]: filteredValue.length === 0 }\"\n            :disabled=\"filteredValue.length === 0\"\n            type=\"button\"\n            @click=\"handleConfirm\"\n          >\n            {{ t('el.table.confirmFilter') }}\n          </button>\n          <button type=\"button\" @click=\"handleReset\">\n            {{ t('el.table.resetFilter') }}\n          </button>\n        </div>\n      </div>\n      <ul v-else :class=\"ns.e('list')\">\n        <li\n          :class=\"[\n            ns.e('list-item'),\n            {\n              [ns.is('active')]:\n                filterValue === undefined || filterValue === null,\n            },\n          ]\"\n          @click=\"handleSelect(null)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"filter in filters\"\n          :key=\"filter.value\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :label=\"filter.value\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        :class=\"[\n          `${ns.namespace.value}-table__column-filter-trigger`,\n          `${ns.namespace.value}-none-outline`,\n        ]\"\n        @click=\"showFilterPanel\"\n      >\n        <el-icon>\n          <slot name=\"filter-icon\">\n            <arrow-up v-if=\"column.filterOpened\" />\n            <arrow-down v-else />\n          </slot>\n        </el-icon>\n      </span>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, getCurrentInstance, ref, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { PropType, WritableComputedRef } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nconst { CheckboxGroup: ElCheckboxGroup } = ElCheckbox\n\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  directives: { ClickOutside },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const { t } = useLocale()\n    const ns = useNamespace('table-filter')\n    const parent = instance?.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n    const tooltipVisible = ref(false)\n    const tooltip = ref<InstanceType<typeof ElTooltip> | null>(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column.filterClassName) {\n        return `${ns.b()} ${props.column.filterClassName}`\n      }\n      return ns.b()\n    })\n    const filterValue = computed({\n      get: () => (props.column?.filteredValue || [])[0],\n      set: (value: string) => {\n        if (filteredValue.value) {\n          if (typeof value !== 'undefined' && value !== null) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<unknown[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: unknown[]) {\n        if (props.column) {\n          props.upDataColumn('filteredValue', value)\n        }\n      },\n    })\n    const multiple = computed(() => {\n      if (props.column) {\n        return props.column.filterMultiple\n      }\n      return true\n    })\n    const isActive = (filter) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipVisible.value = false\n    }\n    const showFilterPanel = (e: MouseEvent) => {\n      e.stopPropagation()\n      tooltipVisible.value = !tooltipVisible.value\n    }\n    const hideFilterPanel = () => {\n      tooltipVisible.value = false\n    }\n    const handleConfirm = () => {\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleReset = () => {\n      filteredValue.value = []\n      confirmFilter(filteredValue.value)\n      hidden()\n    }\n    const handleSelect = (_filterValue?: string) => {\n      filterValue.value = _filterValue\n      if (typeof _filterValue !== 'undefined' && _filterValue !== null) {\n        confirmFilter(filteredValue.value)\n      } else {\n        confirmFilter([])\n      }\n      hidden()\n    }\n    const confirmFilter = (filteredValue: unknown[]) => {\n      props.store.commit('filterChange', {\n        column: props.column,\n        values: filteredValue,\n      })\n      props.store.updateAllSelected()\n    }\n    watch(\n      tooltipVisible,\n      (value) => {\n        // todo\n        if (props.column) {\n          props.upDataColumn('filterOpened', value)\n        }\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const popperPaneRef = computed(() => {\n      return tooltip.value?.popperRef?.contentRef\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      ns,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_resolveDirective","_openBlock","_createBlock","_withCtx","_createElementBlock","_createElementVNode","_normalizeClass","_createVNode","_Fragment","_renderList","_toDisplayString","_withDirectives"],"mappings":"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"}

package/es/components/table/src/table-column/render-helper.mjs

@@ -91,6 +91,11 @@ function useRender(props, slots, owner) {
         return renderSlot(slots, "header", scope, () => [column.label]);
       };
     }
+    if (slots["filter-icon"]) {
+      column.renderFilterIcon = (scope) => {
+        return renderSlot(slots, "filter-icon", scope);
+      };
+    }
     let originRenderCell = column.renderCell;
     if (column.type === "expand") {
       column.renderCell = (data) => h("div", {