@element-plus/nightly 0.0.20260515 → 0.0.20260516

package/lib/components/steps/src/steps.vue.d.ts

@@ -11,9 +11,9 @@ declare const __VLS_base: _$vue.DefineComponent<StepsProps, {}, {}, {}, {}, _$vu
 }, string, _$vue.PublicProps, Readonly<StepsProps> & Readonly<{
   onChange?: ((newVal: number, oldVal: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   space: number | string;
   active: number;
+  direction: "horizontal" | "vertical";
   finishStatus: StepsStatus;
   processStatus: StepsStatus;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/switch/src/switch.d.ts

@@ -97,7 +97,7 @@ declare const switchProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly loading: BooleanConstructor;
   readonly size: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small") | (((new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small")) | null)[], unknown, "" | "default" | "large" | "small">>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large") | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large")) | null)[], unknown, "" | "default" | "small" | "large">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/switch/src/switch.vue.d.ts

@@ -35,10 +35,10 @@ declare const __VLS_base: _$vue.DefineComponent<SwitchProps, {
   onInput?: ((val: string | number | boolean) => any) | undefined;
 }>, {
   disabled: boolean;
-  validateEvent: boolean;
   modelValue: boolean | string | number;
-  width: string | number;
+  validateEvent: boolean;
   name: string;
+  width: string | number;
   activeText: string;
   inactiveText: string;
   activeValue: boolean | string | number;

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

@@ -1,6 +1,6 @@
 import { SFCWithInstall } from "../../utils/vue/typescript.js";
 import { TableColumnCtx } from "./src/table-column/defaults.js";
-import { CellCls, CellStyle, ColumnCls, ColumnStyle, Filter, RenderRowData, Sort, SummaryMethod, Table, TableConfigContext, TableProps, TableRefs, TableTooltipData, TreeNode } from "./src/table/defaults.js";
+import { CellCls, CellStyle, ColumnCls, ColumnStyle, Filter, RenderRowData, Sort, SummaryMethod, Table, TableConfigContext, TableEmits, TableProps, TableRefs, TableTooltipData, TreeNode } from "./src/table/defaults.js";
 import _default from "./src/table.vue.js";
 import _default$1 from "./src/table-column/index.vue.js";
 import { ComponentInstance } from "vue";
@@ -14,4 +14,4 @@ declare const ElTableColumn: SFCWithInstall<typeof _default$1>;
 type TableInstance = ComponentInstance<typeof _default> & ComponentExposed<typeof _default>;
 type TableColumnInstance = ComponentInstance<typeof _default$1> & ComponentExposed<typeof _default$1>;
 //#endregion
-export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, ElTable, ElTable as default, ElTableColumn, type Filter, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, TableColumnInstance, type TableConfigContext, TableInstance, type TableProps, type TableRefs, type TableTooltipData, type TreeNode };
+export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, ElTable, ElTable as default, ElTableColumn, type Filter, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, TableColumnInstance, type TableConfigContext, type TableEmits, TableInstance, type TableProps, type TableRefs, type TableTooltipData, type TreeNode };

package/lib/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["withInstall","Table","withNoopInstall","TableColumn"],"sources":["../../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Table from './src/table.vue'\nimport TableColumn from './src/tableColumn'\n\nimport type { ComponentInstance } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElTable: SFCWithInstall<typeof Table> & {\n  TableColumn: typeof TableColumn\n} = withInstall(Table, {\n  TableColumn,\n})\nexport default ElTable\nexport const ElTableColumn: SFCWithInstall<typeof TableColumn> =\n  withNoopInstall(TableColumn)\n\nexport type TableInstance = ComponentInstance<typeof Table> &\n  ComponentExposed<typeof Table>\n\nexport type TableColumnInstance = ComponentInstance<typeof TableColumn> &\n  ComponentExposed<typeof TableColumn>\n\nexport type {\n  SummaryMethod,\n  Table,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TableTooltipData,\n  TableConfigContext,\n} from './src/table/defaults'\n"],"mappings":";;;;;;;;AAQA,MAAa,UAETA,gBAAAA,YAAYC,cAAAA,SAAO,EACrB,aAAA,oBAAA,SACD,CAAC;AAEF,MAAa,gBACXC,gBAAAA,gBAAgBC,oBAAAA,QAAY"}
+{"version":3,"file":"index.js","names":["withInstall","Table","withNoopInstall","TableColumn"],"sources":["../../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Table from './src/table.vue'\nimport TableColumn from './src/tableColumn'\n\nimport type { ComponentInstance } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElTable: SFCWithInstall<typeof Table> & {\n  TableColumn: typeof TableColumn\n} = withInstall(Table, {\n  TableColumn,\n})\nexport default ElTable\nexport const ElTableColumn: SFCWithInstall<typeof TableColumn> =\n  withNoopInstall(TableColumn)\n\nexport type TableInstance = ComponentInstance<typeof Table> &\n  ComponentExposed<typeof Table>\n\nexport type TableColumnInstance = ComponentInstance<typeof TableColumn> &\n  ComponentExposed<typeof TableColumn>\n\nexport type {\n  SummaryMethod,\n  Table,\n  TableEmits,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TableTooltipData,\n  TableConfigContext,\n} from './src/table/defaults'\n"],"mappings":";;;;;;;;AAQA,MAAa,UAETA,gBAAAA,YAAYC,cAAAA,SAAO,EACrB,aAAA,oBAAA,SACD,CAAC;AAEF,MAAa,gBACXC,gBAAAA,gBAAgBC,oBAAAA,QAAY"}

package/lib/components/table/src/config.d.ts

@@ -1,6 +1,6 @@
 import { TableColumnCtx } from "./table-column/defaults.js";
-import { DefaultRow, TreeNode } from "./table/defaults.js";
 import { Store } from "./store/index.js";
+import { DefaultRow, TreeNode } from "./table/defaults.js";
 import * as _$vue from "vue";
 import { VNode } from "vue";
 

package/lib/components/table/src/filter-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.js","names":[],"sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    trigger=\"click\"\n    role=\"dialog\"\n    teleported\n    effect=\"light\"\n    pure\n    loop\n    :popper-class=\"filterClassName\"\n    persistent\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"handleHideTooltip\"\n  >\n    <template #content>\n      <div\n        v-if=\"multiple\"\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        :class=\"ns.e('multiple')\"\n      >\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\n        v-else\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        role=\"radiogroup\"\n        :class=\"ns.e('list')\"\n        @keydown=\"handleKeydown\"\n      >\n        <li\n          role=\"radio\"\n          :class=\"[\n            ns.e('list-item'),\n            ns.is('active', isPropAbsent(filterValue)),\n          ]\"\n          :tabindex=\"checkedIndex === 0 ? 0 : -1\"\n          :aria-checked=\"isPropAbsent(filterValue)\"\n          @click=\"handleSelect(null, 0)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"(filter, idx) in filters\"\n          :key=\"filter.value\"\n          role=\"radio\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :tabindex=\"checkedIndex === idx + 1 ? 0 : -1\"\n          :aria-checked=\"isActive(filter)\"\n          @click=\"handleSelect(filter.value, idx + 1)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <button\n        type=\"button\"\n        :class=\"`${ns.namespace.value}-table__column-filter-trigger`\"\n        :aria-label=\"t('el.table.filterLabel', { column: column?.label || '' })\"\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      </button>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, ref } from 'vue'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  ElTooltip,\n  useTooltipContentProps,\n} from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { getEventCode, isPropAbsent } from '@element-plus/utils'\n\nimport type { DefaultRow } from './table/defaults'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\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\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<DefaultRow>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<DefaultRow>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n    appendTo: useTooltipContentProps.appendTo,\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 (props.column && !parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    const tooltipRef = ref<TooltipInstance | null>(null)\n    const rootRef = ref<HTMLElement | null>(null)\n    const checkedIndex = ref(0)\n\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column && 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 | null) => {\n        if (filteredValue.value) {\n          if (!isPropAbsent(value)) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<string[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: string[]) {\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: { value: string; text: string }) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipRef.value?.onClose()\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 | null, index: number) => {\n      filterValue.value = _filterValue!\n      checkedIndex.value = index\n      if (!isPropAbsent(_filterValue)) {\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    const handleShowTooltip = () => {\n      rootRef.value?.focus()\n      !multiple.value && initCheckedIndex()\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', true)\n      }\n    }\n    const handleHideTooltip = () => {\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', false)\n      }\n    }\n\n    const initCheckedIndex = () => {\n      if (isPropAbsent(filterValue)) {\n        checkedIndex.value = 0\n        return\n      }\n      const idx = (filters.value || []).findIndex((item) => {\n        return item.value === filterValue.value\n      })\n      checkedIndex.value = idx >= 0 ? idx + 1 : 0\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      const len = (filters.value ? filters.value.length : 0) + 1\n      let index = checkedIndex.value\n      let isPreventDefault = true\n\n      switch (code) {\n        case EVENT_CODE.down:\n        case EVENT_CODE.right:\n          index = (index + 1) % len\n          break\n        case EVENT_CODE.up:\n        case EVENT_CODE.left:\n          index = (index - 1 + len) % len\n          break\n        case EVENT_CODE.tab:\n          hidden()\n          isPreventDefault = false\n          break\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space:\n          if (index === 0) {\n            handleSelect(null, 0)\n          } else {\n            const item = (filters.value || [])[index - 1]\n            item.value && handleSelect(item.value, index)\n          }\n          break\n        default:\n          isPreventDefault = false\n          break\n      }\n\n      isPreventDefault && event.preventDefault()\n      checkedIndex.value = index\n      rootRef.value\n        ?.querySelector<HTMLElement>(\n          `.${ns.e('list-item')}:nth-child(${index + 1})`\n        )\n        ?.focus()\n    }\n\n    return {\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isPropAbsent,\n      isActive,\n      t,\n      ns,\n      tooltipRef,\n      rootRef,\n      checkedIndex,\n      handleShowTooltip,\n      handleHideTooltip,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"filter-panel.js","names":[],"sources":["../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    :offset=\"0\"\n    :placement=\"placement\"\n    :show-arrow=\"false\"\n    trigger=\"click\"\n    role=\"dialog\"\n    teleported\n    effect=\"light\"\n    pure\n    loop\n    :popper-class=\"filterClassName\"\n    persistent\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"handleHideTooltip\"\n  >\n    <template #content>\n      <div\n        v-if=\"multiple\"\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        :class=\"ns.e('multiple')\"\n      >\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\n        v-else\n        ref=\"rootRef\"\n        tabindex=\"-1\"\n        role=\"radiogroup\"\n        :class=\"ns.e('list')\"\n        @keydown=\"handleKeydown\"\n      >\n        <li\n          role=\"radio\"\n          :class=\"[\n            ns.e('list-item'),\n            ns.is('active', isPropAbsent(filterValue)),\n          ]\"\n          :tabindex=\"checkedIndex === 0 ? 0 : -1\"\n          :aria-checked=\"isPropAbsent(filterValue)\"\n          @click=\"handleSelect(null, 0)\"\n        >\n          {{ t('el.table.clearFilter') }}\n        </li>\n        <li\n          v-for=\"(filter, idx) in filters\"\n          :key=\"filter.value\"\n          role=\"radio\"\n          :class=\"[ns.e('list-item'), ns.is('active', isActive(filter))]\"\n          :tabindex=\"checkedIndex === idx + 1 ? 0 : -1\"\n          :aria-checked=\"isActive(filter)\"\n          @click=\"handleSelect(filter.value, idx + 1)\"\n        >\n          {{ filter.text }}\n        </li>\n      </ul>\n    </template>\n    <template #default>\n      <button\n        type=\"button\"\n        :class=\"`${ns.namespace.value}-table__column-filter-trigger`\"\n        :aria-label=\"t('el.table.filterLabel', { column: column?.label || '' })\"\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      </button>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, ref } from 'vue'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport {\n  ElTooltip,\n  useTooltipContentProps,\n} from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { getEventCode, isPropAbsent } from '@element-plus/utils'\n\nimport type { DefaultRow } from './table/defaults'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { Placement } from '@element-plus/components/popper'\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\nexport default defineComponent({\n  name: 'ElTableFilterPanel',\n  components: {\n    ElCheckbox,\n    ElCheckboxGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ArrowDown,\n    ArrowUp,\n  },\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<DefaultRow>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<DefaultRow>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n    appendTo: useTooltipContentProps.appendTo,\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 (props.column && !parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    const tooltipRef = ref<TooltipInstance | null>(null)\n    const rootRef = ref<HTMLElement | null>(null)\n    const checkedIndex = ref(0)\n\n    const filters = computed(() => {\n      return props.column && props.column.filters\n    })\n    const filterClassName = computed(() => {\n      if (props.column && 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 | null) => {\n        if (filteredValue.value) {\n          if (!isPropAbsent(value)) {\n            filteredValue.value.splice(0, 1, value)\n          } else {\n            filteredValue.value.splice(0, 1)\n          }\n        }\n      },\n    })\n    const filteredValue: WritableComputedRef<string[]> = computed({\n      get() {\n        if (props.column) {\n          return props.column.filteredValue || []\n        }\n        return []\n      },\n      set(value: string[]) {\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: { value: string; text: string }) => {\n      return filter.value === filterValue.value\n    }\n    const hidden = () => {\n      tooltipRef.value?.onClose()\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 | null, index: number) => {\n      filterValue.value = _filterValue!\n      checkedIndex.value = index\n      if (!isPropAbsent(_filterValue)) {\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    const handleShowTooltip = () => {\n      rootRef.value?.focus()\n      !multiple.value && initCheckedIndex()\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', true)\n      }\n    }\n    const handleHideTooltip = () => {\n      if (props.column) {\n        props.upDataColumn?.('filterOpened', false)\n      }\n    }\n\n    const initCheckedIndex = () => {\n      if (isPropAbsent(filterValue)) {\n        checkedIndex.value = 0\n        return\n      }\n      const idx = (filters.value || []).findIndex((item) => {\n        return item.value === filterValue.value\n      })\n      checkedIndex.value = idx >= 0 ? idx + 1 : 0\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      const len = (filters.value ? filters.value.length : 0) + 1\n      let index = checkedIndex.value\n      let isPreventDefault = true\n\n      switch (code) {\n        case EVENT_CODE.down:\n        case EVENT_CODE.right:\n          index = (index + 1) % len\n          break\n        case EVENT_CODE.up:\n        case EVENT_CODE.left:\n          index = (index - 1 + len) % len\n          break\n        case EVENT_CODE.tab:\n          hidden()\n          isPreventDefault = false\n          break\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space:\n          if (index === 0) {\n            handleSelect(null, 0)\n          } else {\n            const item = (filters.value || [])[index - 1]\n            item.value && handleSelect(item.value, index)\n          }\n          break\n        default:\n          isPreventDefault = false\n          break\n      }\n\n      isPreventDefault && event.preventDefault()\n      checkedIndex.value = index\n      rootRef.value\n        ?.querySelector<HTMLElement>(\n          `.${ns.e('list-item')}:nth-child(${index + 1})`\n        )\n        ?.focus()\n    }\n\n    return {\n      multiple,\n      filterClassName,\n      filteredValue,\n      filterValue,\n      filters,\n      handleConfirm,\n      handleReset,\n      handleSelect,\n      isPropAbsent,\n      isActive,\n      t,\n      ns,\n      tooltipRef,\n      rootRef,\n      checkedIndex,\n      handleShowTooltip,\n      handleHideTooltip,\n      handleKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

package/lib/components/table/src/filter-panel.vue.d.ts

@@ -12,8 +12,8 @@ import _default$1 from "../../checkbox/src/checkbox-button.vue.js";
 import { CheckboxGroupProps, CheckboxGroupValueType } from "../../checkbox/src/checkbox-group.js";
 import _default$2 from "../../checkbox/src/checkbox-group.vue.js";
 import { Filters, TableColumnCtx } from "./table-column/defaults.js";
-import { DefaultRow } from "./table/defaults.js";
 import { Store } from "./store/index.js";
+import { DefaultRow } from "./table/defaults.js";
 import { IconProps } from "../../icon/src/icon.js";
 import { ScrollbarDirection, ScrollbarProps } from "../../scrollbar/src/scrollbar.js";
 import * as _$vue from "vue";
@@ -111,13 +111,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
+      validateEvent: boolean;
       name: string;
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -133,13 +133,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
+      id: string;
       disabled: boolean;
-      validateEvent: boolean;
       modelValue: number | string | boolean;
+      validateEvent: boolean;
       name: string;
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -155,13 +155,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
+    id: string;
     disabled: boolean;
-    validateEvent: boolean;
     modelValue: number | string | boolean;
+    validateEvent: boolean;
     name: string;
-    id: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -185,7 +185,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;
@@ -203,15 +203,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxGroupValueType) => void;
       change: (val: CheckboxValueType[]) => void;
     }, _$vue.PublicProps, {
-      disabled: boolean;
-      validateEvent: boolean;
-      modelValue: CheckboxGroupValueType;
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
+      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
+      validateEvent: boolean;
       tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -224,15 +224,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      disabled: boolean;
-      validateEvent: boolean;
-      modelValue: CheckboxGroupValueType;
+      type: "checkbox" | "button";
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "checkbox" | "button";
+      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
+      validateEvent: boolean;
       tag: string;
     }>;
     __isFragment?: never;
@@ -245,15 +245,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxGroupValueType) => void;
     change: (val: CheckboxValueType[]) => void;
   }, string, {
-    disabled: boolean;
-    validateEvent: boolean;
-    modelValue: CheckboxGroupValueType;
+    type: "checkbox" | "button";
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "checkbox" | "button";
+    disabled: boolean;
+    modelValue: CheckboxGroupValueType;
+    validateEvent: boolean;
     tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -284,9 +284,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
-      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -318,9 +318,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
-      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -355,9 +355,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     height: number | string;
     maxHeight: number | string;
-    tabindex: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -396,25 +396,25 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      placement: Placement;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
       content: string;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
+      placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
@@ -447,25 +447,25 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      placement: Placement;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
       content: string;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
+      placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
       role: typeof roleTypes[number];
@@ -503,25 +503,25 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    placement: Placement;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    offset: number;
     teleported: boolean;
     effect: PopperEffect;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     visible: boolean | null;
     content: string;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    offset: number;
+    placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "absolute" | "fixed";
+    strategy: "fixed" | "absolute";
     arrowOffset: number;
     showArrow: boolean;
     role: typeof roleTypes[number];

package/lib/components/table/src/store/current.d.ts

@@ -1,5 +1,5 @@
-import { DefaultRow } from "../table/defaults.js";
 import { WatcherPropsData } from "./index.js";
+import { DefaultRow } from "../table/defaults.js";
 import { Ref } from "vue";
 
 //#region ../../packages/components/table/src/store/current.d.ts

package/lib/components/table/src/store/expand.d.ts

@@ -1,5 +1,5 @@
-import { DefaultRow } from "../table/defaults.js";
 import { WatcherPropsData } from "./index.js";
+import { DefaultRow } from "../table/defaults.js";
 import { Ref } from "vue";
 
 //#region ../../packages/components/table/src/store/expand.d.ts

package/lib/components/table/src/store/helper.d.ts

@@ -1,8 +1,8 @@
 import { Translator } from "../../../../hooks/use-locale/index.js";
+import { TreeData } from "./tree.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
-import { DefaultRow, Filter, Sort, Table, TableProps, TableSortOrder } from "../table/defaults.js";
 import { StoreFilter } from "./index.js";
-import { TreeData } from "./tree.js";
+import { DefaultRow, Filter, Sort, Table, TableProps, TableSortOrder } from "../table/defaults.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/table/src/store/helper.d.ts
@@ -49,7 +49,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, data: T[]): void;
     insertColumn(states: {
@@ -93,7 +93,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, column: TableColumnCtx<T>, parent: TableColumnCtx<T>, updateColumnOrder: () => void): void;
     updateColumnOrder(states: {
@@ -137,7 +137,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, column: TableColumnCtx<T>): void;
     removeColumn(states: {
@@ -181,7 +181,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, column: TableColumnCtx<T>, parent: TableColumnCtx<T>, updateColumnOrder: () => void): void;
     sort(states: {
@@ -225,7 +225,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, options: Sort): void;
     changeSortCondition(states: {
@@ -269,7 +269,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, options: Sort): void;
     filterChange(_states: {
@@ -313,7 +313,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, options: Filter<T>): void;
     toggleAllSelection(): void;
@@ -358,7 +358,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, row: T): void;
     setHoverRow(states: {
@@ -402,7 +402,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, row: T): void;
     setCurrentRow(_states: {
@@ -446,7 +446,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       filteredData: _$vue.Ref<T[] | null, T[] | null>;
       sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
       sortProp: _$vue.Ref<string | null, string | null>;
-      sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+      sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, row: T): void;
   };
@@ -529,7 +529,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
     filteredData: _$vue.Ref<T[] | null, T[] | null>;
     sortingColumn: _$vue.Ref<TableColumnCtx<T> | null, TableColumnCtx<T> | null>;
     sortProp: _$vue.Ref<string | null, string | null>;
-    sortOrder: _$vue.Ref<string | number | null, string | number | null>;
+    sortOrder: _$vue.Ref<TableSortOrder | null, TableSortOrder | null>;
     hoverRow: _$vue.Ref<T | null, T | null>;
   };
   ns: {