@element-plus/nightly 0.0.20260515 → 0.0.20260516

package/es/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/es/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/es/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/es/components/table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Table","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,UAET,YAAYA,eAAO,EACrB,aAAA,qBACD,CAAC;AAEF,MAAa,gBACX,gBAAgBC,oBAAY"}
+{"version":3,"file":"index.mjs","names":["Table","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,UAET,YAAYA,eAAO,EACrB,aAAA,qBACD,CAAC;AAEF,MAAa,gBACX,gBAAgBC,oBAAY"}

package/es/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/es/components/table/src/filter-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-panel.mjs","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.mjs","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/es/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/es/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/es/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/es/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: {