element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/switch/src/index.vue_vue_type_template_id_ee4fcade_lang.mjs

@@ -0,0 +1,128 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, withKeys, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, toDisplayString, normalizeStyle, Fragment, createVNode } from 'vue';
+
+const _hoisted_1 = ["aria-checked", "aria-disabled"];
+const _hoisted_2 = ["id", "name", "true-value", "false-value", "disabled"];
+const _hoisted_3 = ["aria-hidden"];
+const _hoisted_4 = {
+  key: 0,
+  class: "el-switch__inner"
+};
+const _hoisted_5 = ["aria-hidden"];
+const _hoisted_6 = ["aria-hidden"];
+const _hoisted_7 = { class: "el-switch__action" };
+const _hoisted_8 = ["aria-hidden"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_loading = resolveComponent("loading");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-switch", { "is-disabled": _ctx.switchDisabled, "is-checked": _ctx.checked }]),
+    role: "switch",
+    "aria-checked": _ctx.checked,
+    "aria-disabled": _ctx.switchDisabled,
+    onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["prevent"]))
+  }, [
+    createElementVNode("input", {
+      id: _ctx.id,
+      ref: "input",
+      class: "el-switch__input",
+      type: "checkbox",
+      name: _ctx.name,
+      "true-value": _ctx.activeValue,
+      "false-value": _ctx.inactiveValue,
+      disabled: _ctx.switchDisabled,
+      onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+      onKeydown: _cache[1] || (_cache[1] = withKeys((...args) => _ctx.switchValue && _ctx.switchValue(...args), ["enter"]))
+    }, null, 40, _hoisted_2),
+    !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (openBlock(), createElementBlock("span", {
+      key: 0,
+      class: normalizeClass([
+        "el-switch__label",
+        "el-switch__label--left",
+        !_ctx.checked ? "is-active" : ""
+      ])
+    }, [
+      _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
+        ]),
+        _: 1
+      })) : createCommentVNode("v-if", true),
+      !_ctx.inactiveIcon && _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "aria-hidden": _ctx.checked
+      }, toDisplayString(_ctx.inactiveText), 9, _hoisted_3)) : createCommentVNode("v-if", true)
+    ], 2)) : createCommentVNode("v-if", true),
+    createElementVNode("span", {
+      ref: "core",
+      class: "el-switch__core",
+      style: normalizeStyle({ width: (_ctx.width || 40) + "px" })
+    }, [
+      _ctx.inlinePrompt ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        _ctx.activeIcon || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: normalizeClass(["is-icon", _ctx.checked ? "is-show" : "is-hide"])
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("v-if", true),
+          _ctx.inactiveIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 1,
+            class: normalizeClass(["is-icon", !_ctx.checked ? "is-show" : "is-hide"])
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.inactiveIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("v-if", true)
+        ], 64)) : _ctx.activeText || _ctx.inactiveIcon ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          _ctx.activeText ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["is-text", _ctx.checked ? "is-show" : "is-hide"]),
+            "aria-hidden": !_ctx.checked
+          }, toDisplayString(_ctx.activeText.substr(0, 1)), 11, _hoisted_5)) : createCommentVNode("v-if", true),
+          _ctx.inactiveText ? (openBlock(), createElementBlock("span", {
+            key: 1,
+            class: normalizeClass(["is-text", !_ctx.checked ? "is-show" : "is-hide"]),
+            "aria-hidden": _ctx.checked
+          }, toDisplayString(_ctx.inactiveText.substr(0, 1)), 11, _hoisted_6)) : createCommentVNode("v-if", true)
+        ], 64)) : createCommentVNode("v-if", true)
+      ])) : createCommentVNode("v-if", true),
+      createElementVNode("div", _hoisted_7, [
+        _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "is-loading"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_loading)
+          ]),
+          _: 1
+        })) : createCommentVNode("v-if", true)
+      ])
+    ], 4),
+    !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (openBlock(), createElementBlock("span", {
+      key: 1,
+      class: normalizeClass([
+        "el-switch__label",
+        "el-switch__label--right",
+        _ctx.checked ? "is-active" : ""
+      ])
+    }, [
+      _ctx.activeIcon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.activeIcon)))
+        ]),
+        _: 1
+      })) : createCommentVNode("v-if", true),
+      !_ctx.activeIcon && _ctx.activeText ? (openBlock(), createElementBlock("span", {
+        key: 1,
+        "aria-hidden": !_ctx.checked
+      }, toDisplayString(_ctx.activeText), 9, _hoisted_8)) : createCommentVNode("v-if", true)
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=index.vue_vue_type_template_id_ee4fcade_lang.mjs.map

package/es/components/switch/src/index.vue_vue_type_template_id_ee4fcade_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_template_id_ee4fcade_lang.mjs","sources":["../../../../../../packages/components/switch/src/index.vue?vue&type=template&id=ee4fcade&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n    @click.prevent=\"switchValue\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></el-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n        inactiveText\n      }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <el-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </el-icon>\n          <el-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </el-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <el-icon v-if=\"loading\" class=\"is-loading\"><loading /></el-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <el-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></el-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n        activeText\n      }}</span>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  ref,\n  inject,\n  nextTick,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { isBool } from '@element-plus/utils/util'\nimport { throwError, debugWarn } from '@element-plus/utils/error'\nimport ElIcon from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'ElSwitch',\n  components: { ElIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  emits: ['update:modelValue', 'change', 'input'],\n  setup(props: ISwitchProps, ctx) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const scope = 'ElSwitch'\n\n    watch(\n      () => props.modelValue,\n      () => {\n        isModelValue.value = true\n      }\n    )\n\n    watch(\n      () => props.value,\n      () => {\n        isModelValue.value = false\n      }\n    )\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    if (!~[props.activeValue, props.inactiveValue].indexOf(actualValue.value)) {\n      ctx.emit('update:modelValue', props.inactiveValue)\n      ctx.emit('change', props.inactiveValue)\n      ctx.emit('input', props.inactiveValue)\n    }\n\n    watch(checked, () => {\n      input.value.checked = checked.value\n\n      if (props.activeColor || props.inactiveColor) {\n        setBackgroundColor()\n      }\n\n      if (props.validateEvent) {\n        elFormItem.validate?.('change')\n      }\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const handleChange = (): void => {\n      const val = checked.value ? props.inactiveValue : props.activeValue\n      ctx.emit('update:modelValue', val)\n      ctx.emit('change', val)\n      ctx.emit('input', val)\n      nextTick(() => {\n        input.value.checked = checked.value\n      })\n    }\n\n    const switchValue = (): void => {\n      if (switchDisabled.value) return\n\n      const { beforeChange } = props\n      if (!beforeChange) {\n        handleChange()\n        return\n      }\n\n      const shouldChange = beforeChange()\n\n      const isExpectType = [isPromise(shouldChange), isBool(shouldChange)].some(\n        (i) => i\n      )\n      if (!isExpectType) {\n        throwError(\n          scope,\n          'beforeChange must return type `Promise<boolean>` or `boolean`'\n        )\n      }\n\n      if (isPromise(shouldChange)) {\n        shouldChange\n          .then((result) => {\n            if (result) {\n              handleChange()\n            }\n          })\n          .catch((e) => {\n            debugWarn(scope, `some error occurred: ${e}`)\n          })\n      } else if (shouldChange) {\n        handleChange()\n      }\n    }\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    const focus = (): void => {\n      input.value?.focus?.()\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n      handleChange,\n      switchValue,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;EAuC+B,OAAM;AAAA;;;qBAoC1B,OAAM;;;;;sBA1EfA;IACE,uBAAM,8BACmB,mCAA8B;IACvD,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;IACf,8DAAe;;IAEhBC;MACG,IAAI;MACL,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,cAAY;MACZ,eAAa;MACb,UAAU;MACV,iDAAQ;MACR,2DAAe;;KAGT,2CAAiC,mCAD1CD;;MAEG;;;;;;MAMc,kCAAfE;yBAA6B;wBAAAA,YAAgCC,wBAAhB;;;;OAChC,qBAAgB,kCAA7BH;;QAA4C,eAAa;yBACvD;;IAGJC;MACE,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,+BAAiB;;MAEP,kCAAXD,0BAAA;QACkB,mBAAc,kCAA9BA;UAEU,gCADRE;;YAEE,uBAAM,WACE;;6BAER;4BAAAA,oCAAgB;;;;UAGV,kCADRA;;YAEE,uBAAM,YACG;;6BAET;4BAAAA,oCAAgB;;;;kBAGC,mBAAc,kCAAnCF;UAEU,gCADRA;;YAEE,uBAAM,WACE;YACP,gBAAc;6BAEZ,gBAAW;UAGR,kCADRA;;YAEE,uBAAM,YACG;YACR,eAAa;6BAEX,kBAAa;;;MAItBC,0BAAA;QACiB,6BAAfC;;UAAwB,OAAM;AAAA;2BAAa;YAAAE,YAAW;AAAA;AAAA;;;;KAIjD,yCAA+B,iCADxCJ;;MAEG;;;;;;MAMc,gCAAfE;yBAA2B;wBAAAA,YAA8BC,wBAAd;;;;OAC9B,mBAAc,gCAA3BH;;QAAwC,gBAAc;yBACpD;;;;;;;"}

package/es/components/table/index.d.ts

@@ -196,11 +196,11 @@ export declare const ElTable: import("../../utils/types").SFCWithInstall<import(
     style?: unknown;
     className?: unknown;
 } & {
+    lazy: boolean;
     data: any[];
     style: import("vue").CSSProperties;
     border: boolean;
     fit: boolean;
-    lazy: boolean;
     className: string;
     stripe: boolean;
     treeProps: {
@@ -284,11 +284,11 @@ export declare const ElTable: import("../../utils/types").SFCWithInstall<import(
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 }, {
+    lazy: boolean;
     data: any[];
     style: import("vue").CSSProperties;
     border: boolean;
     fit: boolean;
-    lazy: boolean;
     className: string;
     stripe: boolean;
     treeProps: {
@@ -405,9 +405,9 @@ export declare const ElTable: import("../../utils/types").SFCWithInstall<import(
     } & {
         fixed?: string | boolean | undefined;
         label?: string | undefined;
+        index?: number | ((index: number) => number) | undefined;
         align?: string | undefined;
         filters?: import("./src/table-column/defaults").Filters | undefined;
-        index?: number | ((index: number) => number) | undefined;
         filterMethod?: import("./src/table-column/defaults").FilterMethods<any> | undefined;
         className?: string | undefined;
         labelClassName?: string | undefined;
@@ -546,9 +546,9 @@ export declare const ElTableColumn: import("../../utils/types").SFCWithInstall<i
 } & {
     fixed?: string | boolean | undefined;
     label?: string | undefined;
+    index?: number | ((index: number) => number) | undefined;
     align?: string | undefined;
     filters?: import("./src/table-column/defaults").Filters | undefined;
-    index?: number | ((index: number) => number) | undefined;
     filterMethod?: import("./src/table-column/defaults").FilterMethods<any> | undefined;
     className?: string | undefined;
     labelClassName?: string | undefined;

package/es/components/table/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/table.mjs';
 import './src/tableColumn.mjs';
-import script from './src/table.vue_vue&type=script&lang.mjs';
+import script from './src/table.vue_vue_type_script_lang.mjs';
 import ElTableColumn$1 from './src/table-column/index.mjs';
 
 const ElTable = withInstall(script, {

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

@@ -1,6 +1,6 @@
-import script from './filter-panel.vue_vue&type=script&lang.mjs';
-export { default } from './filter-panel.vue_vue&type=script&lang.mjs';
-import { render } from './filter-panel.vue_vue&type=template&id=fde1c940&lang.mjs';
+import script from './filter-panel.vue_vue_type_script_lang.mjs';
+export { default } from './filter-panel.vue_vue_type_script_lang.mjs';
+import { render } from './filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/table/src/filter-panel.vue";

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

@@ -0,0 +1,154 @@
+import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
+import { ElCheckbox } from '../../checkbox/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ArrowDown, ArrowUp } from '@element-plus/icons';
+import '../../../directives/index.mjs';
+import '../../../hooks/index.mjs';
+import _Popper from '../../popper/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
+import { Effect } from '../../popper/src/use-popper/defaults.mjs';
+
+const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
+var script = defineComponent({
+  name: "ElTableFilterPanel",
+  components: {
+    ElCheckbox,
+    ElCheckboxGroup,
+    ElScrollbar,
+    ElPopper: _Popper,
+    ElIcon,
+    ArrowDown,
+    ArrowUp
+  },
+  directives: { ClickOutside },
+  props: {
+    placement: {
+      type: String,
+      default: "bottom-start"
+    },
+    store: {
+      type: Object
+    },
+    column: {
+      type: Object
+    },
+    upDataColumn: {
+      type: Function
+    }
+  },
+  setup(props) {
+    const instance = getCurrentInstance();
+    const { t } = useLocaleInject();
+    const parent = instance.parent;
+    if (!parent.filterPanels.value[props.column.id]) {
+      parent.filterPanels.value[props.column.id] = instance;
+    }
+    const tooltipVisible = ref(false);
+    const tooltip = ref(null);
+    const filters = computed(() => {
+      return props.column && props.column.filters;
+    });
+    const filterValue = computed({
+      get: () => (props.column.filteredValue || [])[0],
+      set: (value) => {
+        if (filteredValue.value) {
+          if (typeof value !== "undefined" && value !== null) {
+            filteredValue.value.splice(0, 1, value);
+          } else {
+            filteredValue.value.splice(0, 1);
+          }
+        }
+      }
+    });
+    const filteredValue = computed({
+      get() {
+        if (props.column) {
+          return props.column.filteredValue || [];
+        }
+        return [];
+      },
+      set(value) {
+        if (props.column) {
+          props.upDataColumn("filteredValue", value);
+        }
+      }
+    });
+    const multiple = computed(() => {
+      if (props.column) {
+        return props.column.filterMultiple;
+      }
+      return true;
+    });
+    const isActive = (filter) => {
+      return filter.value === filterValue.value;
+    };
+    const hidden = () => {
+      tooltipVisible.value = false;
+    };
+    const showFilterPanel = (e) => {
+      e.stopPropagation();
+      tooltipVisible.value = !tooltipVisible.value;
+    };
+    const hideFilterPanel = () => {
+      tooltipVisible.value = false;
+    };
+    const handleConfirm = () => {
+      confirmFilter(filteredValue.value);
+      hidden();
+    };
+    const handleReset = () => {
+      filteredValue.value = [];
+      confirmFilter(filteredValue.value);
+      hidden();
+    };
+    const handleSelect = (_filterValue) => {
+      filterValue.value = _filterValue;
+      if (typeof _filterValue !== "undefined" && _filterValue !== null) {
+        confirmFilter(filteredValue.value);
+      } else {
+        confirmFilter([]);
+      }
+      hidden();
+    };
+    const confirmFilter = (filteredValue2) => {
+      props.store.commit("filterChange", {
+        column: props.column,
+        values: filteredValue2
+      });
+      props.store.updateAllSelected();
+    };
+    watch(tooltipVisible, (value) => {
+      if (props.column) {
+        props.upDataColumn("filterOpened", value);
+      }
+    }, {
+      immediate: true
+    });
+    const popperPaneRef = computed(() => {
+      var _a;
+      return (_a = tooltip.value) == null ? void 0 : _a.popperRef;
+    });
+    return {
+      tooltipVisible,
+      multiple,
+      filteredValue,
+      filterValue,
+      filters,
+      handleConfirm,
+      handleReset,
+      handleSelect,
+      isActive,
+      t,
+      showFilterPanel,
+      hideFilterPanel,
+      popperPaneRef,
+      tooltip,
+      Effect
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=filter-panel.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-popper\n    ref=\"tooltip\"\n    v-model:visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    :effect=\"Effect.LIGHT\"\n    pure\n    manual-mode\n    popper-class=\"el-table-filter\"\n    append-to-body\n  >\n    <template #default>\n      <div v-if=\"multiple\">\n        <div class=\"el-table-filter__content\">\n          <el-scrollbar wrap-class=\"el-table-filter__wrap\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              class=\"el-table-filter__checkbox-group\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :label=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div class=\"el-table-filter__bottom\">\n          <button\n            :class=\"{ '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=\"el-table-filter__list\">\n        <li\n          :class=\"{\n            'is-active': filterValue === undefined || filterValue === null,\n          }\"\n          class=\"el-table-filter__list-item\"\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=\"{ 'is-active': isActive(filter) }\"\n          :label=\"filter.value\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #trigger>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        class=\"el-table__column-filter-trigger el-none-outline\"\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-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, getCurrentInstance, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { WritableComputedRef, PropType } 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    ElPopper,\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 } = useLocaleInject()\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(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\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\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n      Effect,\n    }\n  },\n})\n</script>\n"],"names":["ElPopper"],"mappings":"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"}

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

@@ -0,0 +1,113 @@
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, Fragment, renderList, createTextVNode, toDisplayString, normalizeClass, withDirectives } from 'vue';
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "el-table-filter__content" };
+const _hoisted_3 = { class: "el-table-filter__bottom" };
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = {
+  key: 1,
+  class: "el-table-filter__list"
+};
+const _hoisted_6 = ["label", "onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  const _component_arrow_up = resolveComponent("arrow-up");
+  const _component_arrow_down = resolveComponent("arrow-down");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_popper = resolveComponent("el-popper");
+  const _directive_click_outside = resolveDirective("click-outside");
+  return openBlock(), createBlock(_component_el_popper, {
+    ref: "tooltip",
+    visible: _ctx.tooltipVisible,
+    "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => _ctx.tooltipVisible = $event),
+    offset: 0,
+    placement: _ctx.placement,
+    "show-arrow": false,
+    "stop-popper-mouse-event": false,
+    effect: _ctx.Effect.LIGHT,
+    pure: "",
+    "manual-mode": "",
+    "popper-class": "el-table-filter",
+    "append-to-body": ""
+  }, {
+    default: withCtx(() => [
+      _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_el_scrollbar, { "wrap-class": "el-table-filter__wrap" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_checkbox_group, {
+                modelValue: _ctx.filteredValue,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.filteredValue = $event),
+                class: "el-table-filter__checkbox-group"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
+                    return openBlock(), createBlock(_component_el_checkbox, {
+                      key: filter.value,
+                      label: filter.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(filter.text), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("button", {
+            class: normalizeClass({ "is-disabled": _ctx.filteredValue.length === 0 }),
+            disabled: _ctx.filteredValue.length === 0,
+            type: "button",
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
+          }, toDisplayString(_ctx.t("el.table.confirmFilter")), 11, _hoisted_4),
+          createElementVNode("button", {
+            type: "button",
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleReset && _ctx.handleReset(...args))
+          }, toDisplayString(_ctx.t("el.table.resetFilter")), 1)
+        ])
+      ])) : (openBlock(), createElementBlock("ul", _hoisted_5, [
+        createElementVNode("li", {
+          class: normalizeClass([{
+            "is-active": _ctx.filterValue === void 0 || _ctx.filterValue === null
+          }, "el-table-filter__list-item"]),
+          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleSelect(null))
+        }, toDisplayString(_ctx.t("el.table.clearFilter")), 3),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
+          return openBlock(), createElementBlock("li", {
+            key: filter.value,
+            class: normalizeClass([{ "is-active": _ctx.isActive(filter) }, "el-table-filter__list-item"]),
+            label: filter.value,
+            onClick: ($event) => _ctx.handleSelect(filter.value)
+          }, toDisplayString(filter.text), 11, _hoisted_6);
+        }), 128))
+      ]))
+    ]),
+    trigger: withCtx(() => [
+      withDirectives(createElementVNode("span", {
+        class: "el-table__column-filter-trigger el-none-outline",
+        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.showFilterPanel && _ctx.showFilterPanel(...args))
+      }, [
+        createVNode(_component_el_icon, null, {
+          default: withCtx(() => [
+            _ctx.column.filterOpened ? (openBlock(), createBlock(_component_arrow_up, { key: 0 })) : (openBlock(), createBlock(_component_arrow_down, { key: 1 }))
+          ]),
+          _: 1
+        })
+      ], 512), [
+        [_directive_click_outside, _ctx.hideFilterPanel, _ctx.popperPaneRef]
+      ])
+    ]),
+    _: 1
+  }, 8, ["visible", "placement", "effect"]);
+}
+
+export { render };
+//# sourceMappingURL=filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.vue_vue_type_template_id_fde1c940_lang.mjs","sources":["../../../../../../packages/components/table/src/filter-panel.vue?vue&type=template&id=fde1c940&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    ref=\"tooltip\"\n    v-model:visible=\"tooltipVisible\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    :effect=\"Effect.LIGHT\"\n    pure\n    manual-mode\n    popper-class=\"el-table-filter\"\n    append-to-body\n  >\n    <template #default>\n      <div v-if=\"multiple\">\n        <div class=\"el-table-filter__content\">\n          <el-scrollbar wrap-class=\"el-table-filter__wrap\">\n            <el-checkbox-group\n              v-model=\"filteredValue\"\n              class=\"el-table-filter__checkbox-group\"\n            >\n              <el-checkbox\n                v-for=\"filter in filters\"\n                :key=\"filter.value\"\n                :label=\"filter.value\"\n              >\n                {{ filter.text }}\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-scrollbar>\n        </div>\n        <div class=\"el-table-filter__bottom\">\n          <button\n            :class=\"{ '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=\"el-table-filter__list\">\n        <li\n          :class=\"{\n            'is-active': filterValue === undefined || filterValue === null,\n          }\"\n          class=\"el-table-filter__list-item\"\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=\"{ 'is-active': isActive(filter) }\"\n          :label=\"filter.value\"\n          class=\"el-table-filter__list-item\"\n          @click=\"handleSelect(filter.value)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #trigger>\n      <span\n        v-click-outside:[popperPaneRef]=\"hideFilterPanel\"\n        class=\"el-table__column-filter-trigger el-none-outline\"\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-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, getCurrentInstance, watch } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons'\nimport { ClickOutside } from '@element-plus/directives'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport type { Placement } from '@element-plus/components/popper'\n\nimport type { WritableComputedRef, PropType } 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    ElPopper,\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 } = useLocaleInject()\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(null)\n    const filters = computed(() => {\n      return props.column && props.column.filters\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\n    })\n\n    return {\n      tooltipVisible,\n      multiple,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isActive,\n      t,\n      showFilterPanel,\n      hideFilterPanel,\n      popperPaneRef,\n      tooltip,\n      Effect,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock","_createElementVNode","_createVNode"],"mappings":";;;qBAgBa,OAAM;qBAgBN,OAAM;;;;EAcF,OAAM;AAAA;;;;;;;;;;;sBA7CrBA;IACE,KAAI;AAAA,IACI,SAAS;8DAAA;IAChB,QAAQ;AAAA,IACR,WAAW;IACX,cAAY;AAAA,IACZ,2BAAyB;AAAA,IACzB,QAAQ,YAAO;AAAA,IAChB,MAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAa;AAAA,IACb,kBAAA;AAAA;IAEW,iBACT;MAAW,8BAAXC;QACEC,0BAAA;UACEC,uCAAc,cAAW;6BACvB;cAAAA;4BACW;6EAAA;gBACT,OAAM;AAAA;iCAGJ;oCADFF,8CACmB,eAAV;wCADTD;sBAEG,KAAK,OAAO;AAAA,sBACZ,OAAO,OAAO;AAAA;uCAEf;wDAAG,OAAO;;;;;;;;;;;;QAKlBE,0BAAA;UACEA;YACG,uCAAwB,mBAAc;YACtC,UAAU,mBAAc;YACzB,MAAK;AAAA,YACJ,gDAAO;6BAEL;UAELA;YAAQ,MAAK;AAAA,YAAU,gDAAO;6BACzB;;0BAITD,yBAAA;QACEC;UACG;;aAGK;AAAA,UACL,+CAAO;2BAEL;0BAELD,8CACmB,eAAV;8BADTA;YAEG,KAAK,OAAO;AAAA,YACZ,sCAAsB,cAAS,WAE1B;AAAA,YADL,OAAO,OAAO;AAAA,YAEd,qBAAO,kBAAa,OAAO;AAAA,6BAEzB,OAAO;;;;IAIL,iBACT;qBAAAC;QAEE,OAAM;AAAA,QACL,gDAAO;;QAERC;2BACE;YAAgB,YAAO,6BAAvBH,8DACAA;;;;;mCAN+B,sBAAjB;;;;;;;;;"}

package/es/components/table/src/table-column/index.d.ts

@@ -102,9 +102,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     fixed?: string | boolean | undefined;
     label?: string | undefined;
+    index?: number | ((index: number) => number) | undefined;
     align?: string | undefined;
     filters?: import("./defaults").Filters | undefined;
-    index?: number | ((index: number) => number) | undefined;
     filterMethod?: import("./defaults").FilterMethods<any> | undefined;
     className?: string | undefined;
     labelClassName?: string | undefined;

package/es/components/table/src/table-header/index.mjs

@@ -6,7 +6,7 @@ import { hColgroup } from '../h-helper.mjs';
 import useEvent from './event-helper.mjs';
 import useStyle from './style.helper.mjs';
 import useUtils from './utils-helper.mjs';
-import script from '../filter-panel.vue_vue&type=script&lang.mjs';
+import script from '../filter-panel.vue_vue_type_script_lang.mjs';
 
 var TableHeader = defineComponent({
   name: "ElTableHeader",

package/es/components/table/src/table.mjs

@@ -1,6 +1,6 @@
-import script from './table.vue_vue&type=script&lang.mjs';
-export { default } from './table.vue_vue&type=script&lang.mjs';
-import { render } from './table.vue_vue&type=template&id=4a1660ad&lang.mjs';
+import script from './table.vue_vue_type_script_lang.mjs';
+export { default } from './table.vue_vue_type_script_lang.mjs';
+import { render } from './table.vue_vue_type_template_id_4a1660ad_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/table/src/table.vue";

package/es/components/table/src/table.vue.d.ts

@@ -33,7 +33,9 @@ declare const _default: import("vue").DefineComponent<{
     }) => string)) | undefined>;
     cellStyle: import("vue").PropType<(import("vue").CSSProperties | ((data: {
         row: any;
-        rowIndex: number;
+        rowIndex: number; /**
+         * open functions
+         */
         column: import("./table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => import("vue").CSSProperties)) | undefined>;
@@ -47,7 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     }) => string)) | undefined>;
     headerCellStyle: import("vue").PropType<(import("vue").CSSProperties | ((data: {
         row: any;
-        rowIndex: number;
+        rowIndex: number; /**
+         * open functions
+         */
         column: import("./table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => import("vue").CSSProperties)) | undefined>;
@@ -198,11 +202,11 @@ declare const _default: import("vue").DefineComponent<{
     style?: unknown;
     className?: unknown;
 } & {
+    lazy: boolean;
     data: any[];
     style: import("vue").CSSProperties;
     border: boolean;
     fit: boolean;
-    lazy: boolean;
     className: string;
     stripe: boolean;
     treeProps: {
@@ -237,7 +241,9 @@ declare const _default: import("vue").DefineComponent<{
     rowKey?: string | ((row: any) => string) | undefined;
     cellStyle?: (import("vue").CSSProperties | ((data: {
         row: any;
-        rowIndex: number;
+        rowIndex: number; /**
+         * open functions
+         */
         column: import("./table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => import("vue").CSSProperties)) | undefined;
@@ -251,7 +257,9 @@ declare const _default: import("vue").DefineComponent<{
     }) => string)) | undefined;
     headerCellStyle?: (import("vue").CSSProperties | ((data: {
         row: any;
-        rowIndex: number;
+        rowIndex: number; /**
+         * open functions
+         */
         column: import("./table-column/defaults").TableColumnCtx<any>;
         columnIndex: number;
     }) => import("vue").CSSProperties)) | undefined;
@@ -286,11 +294,11 @@ declare const _default: import("vue").DefineComponent<{
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 }, {
+    lazy: boolean;
     data: any[];
     style: import("vue").CSSProperties;
     border: boolean;
     fit: boolean;
-    lazy: boolean;
     className: string;
     stripe: boolean;
     treeProps: {