pro-design-vue 1.1.4 → 1.2.0

package/lib/packages/components/table/src/components/ColumnGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnGroup.vue2.js","sources":["../../../../../../../../packages/components/table/src/components/ColumnGroup.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2022-04-24 15:54:51\n * @LastEditors: shen\n * @LastEditTime: 2025-07-28 08:50:28\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { ColumnType } from './interface'\nimport { defineComponent } from 'vue'\nexport type ColumnGroupProps<RecordType> = ColumnType<RecordType>\n\nexport default defineComponent<ColumnGroupProps<any>>({\n  name: 'ProTableColumnGroup',\n  slots: ['title'],\n  __S_TABLE_COLUMN_GROUP: true,\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAYA,gBAAeA,mBAAA,CAAuC;AAAA,EACpD,IAAA,EAAM,qBAAA;AAAA,EACN,KAAA,EAAO,CAAC,OAAO,CAAA;AAAA,EACf,sBAAA,EAAwB;AAC1B,CAAC,CAAA;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxList.vue.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CheckboxList_vue_vue_type_script_lang = require('./CheckboxList.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = { style: { "max-height": "260px", "overflow": "auto" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b;
+  const _component_RenderVNode = vue.resolveComponent("RenderVNode");
+  const _component_CheckboxListItem = vue.resolveComponent("CheckboxListItem");
+  const _component_Tree = vue.resolveComponent("Tree");
+  return _ctx.show ? (vue.openBlock(), vue.createElementBlock(
+    vue.Fragment,
+    { key: 0 },
+    [
+      _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: vue.normalizeClass(`${_ctx.className}-list-title`)
+        },
+        vue.toDisplayString(_ctx.title),
+        3
+        /* TEXT, CLASS */
+      )) : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createVNode(_component_Tree, {
+          "block-node": "",
+          selectable: false,
+          checkable: _ctx.checkable,
+          draggable: _ctx.draggable && !!((_a = _ctx.treeData) == null ? void 0 : _a.length) && ((_b = _ctx.treeData) == null ? void 0 : _b.length) > 1,
+          checkedKeys: _ctx.checkedKeys,
+          height: _ctx.listHeight,
+          treeData: _ctx.treeData,
+          onCheck: _cache[0] || (_cache[0] = (_, e) => _ctx.onCheckTree(e)),
+          onDrop: _cache[1] || (_cache[1] = (info) => {
+            const dropKey = info.node.key;
+            const dragKey = info.dragNode.key;
+            const { dropPosition, dropToGap } = info;
+            const position = dropPosition === -1 || !dropToGap ? dropPosition + 1 : dropPosition;
+            _ctx.move(dragKey, dropKey, position);
+          })
+        }, {
+          title: vue.withCtx(({ title, key, fixed, isRoot }) => [
+            title ? (vue.openBlock(), vue.createBlock(_component_CheckboxListItem, {
+              key: 0,
+              className: _ctx.className,
+              columnKey: key,
+              fixed,
+              isRoot
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_RenderVNode, { vnode: title }, null, 8, ["vnode"])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["className", "columnKey", "fixed", "isRoot"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["checkable", "draggable", "checkedKeys", "height", "treeData"])
+      ])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  )) : vue.createCommentVNode("v-if", true);
+}
+var CheckboxList = /* @__PURE__ */ _pluginVue_exportHelper.default(CheckboxList_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = CheckboxList;
+//# sourceMappingURL=CheckboxList.vue.js.map

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxList.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/CheckboxList.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-19 13:39:31\n * @LastEditors: shen\n * @LastEditTime: 2025-09-02 14:41:27\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { DataNode } from 'ant-design-vue/es/tree'\nimport type { ColumnsState, Key } from '../interface'\nimport { defineComponent, computed, shallowRef, ref, triggerRef } from 'vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { Tree } from 'ant-design-vue'\nimport { omit, RenderVNode } from '@pro-design-vue/utils'\nimport { genColumnKey } from '../../utils/util'\nimport { watch } from 'vue'\nimport CheckboxListItem from './CheckboxListItem.vue'\nexport default defineComponent({\n  name: 'CheckboxList',\n  inheritAttrs: false,\n  components: { Tree, CheckboxListItem, RenderVNode },\n  props: {\n    className: String,\n    title: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    showTitle: {\n      type: Boolean,\n      default: true,\n    },\n    listHeight: {\n      type: Number,\n      default: undefined,\n    },\n    list: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  setup(props) {\n    const { columnsMap, setColumnsMap, sortKeyColumns, setSortKeyColumns } = useInjectContainer()\n    const checkedKeys = shallowRef<string[]>([])\n    const treeMap = new Map<string | number, DataNode>()\n    const treeData = ref<any[]>([])\n    const show = computed(() => props.list && props.list.length > 0)\n\n    const loopData = (\n      data: any[],\n      parentConfig?: ColumnsState & {\n        columnKey: string\n      },\n    ): DataNode[] => {\n      return data.map(({ key, children, ...rest }) => {\n        const columnKey = genColumnKey(\n          key,\n          [parentConfig?.columnKey, rest.index || '0'].filter(Boolean).join('-'),\n        )\n        const config = columnsMap.value[columnKey || 'null'] || { show: true }\n        if (config.show !== false && !children) {\n          checkedKeys.value.push(columnKey)\n        }\n        const item: DataNode = {\n          key: columnKey,\n          ...omit(rest, ['className']),\n          selectable: false,\n          disabled: config.disable === true,\n          disableCheckbox:\n            typeof config.disable === 'boolean' ? config.disable : config.disable?.checkbox,\n          isLeaf: parentConfig ? true : undefined,\n          isRoot: parentConfig ? false : true,\n        }\n        if (children) {\n          item.children = loopData(children, {\n            ...config,\n            columnKey,\n          })\n          // 如果children 已经全部是show了，把自己也设置为show\n          if (\n            item.children?.every((childrenItem) =>\n              checkedKeys.value?.includes(childrenItem.key as string),\n            )\n          ) {\n            checkedKeys.value.push(columnKey)\n          }\n        }\n        treeMap.set(key, item)\n        return item\n      })\n    }\n\n    watch(\n      [columnsMap, () => props.list, show],\n      () => {\n        checkedKeys.value = []\n        const newData = loopData(props.list)\n        triggerRef(checkedKeys)\n        treeData.value = newData?.map((config) => {\n          return omit(config, ['disabled'])\n        })\n      },\n      { immediate: true },\n    )\n\n    const move = (id: Key, targetId: Key, dropPosition: number) => {\n      const newMap = { ...columnsMap.value }\n      const newColumns = [...sortKeyColumns.value]\n      const findIndex = newColumns.findIndex((columnKey) => columnKey === id)\n      const targetIndex = newColumns.findIndex((columnKey) => columnKey === targetId)\n      const isDownWard = dropPosition > findIndex\n      if (findIndex < 0) return\n      const targetItem = newColumns[findIndex]!\n      newColumns.splice(findIndex, 1)\n\n      if (dropPosition === 0) {\n        newColumns.unshift(targetItem)\n      } else {\n        newColumns.splice(isDownWard ? targetIndex : targetIndex + 1, 0, targetItem)\n      }\n      // 重新生成排序数组\n      newColumns.forEach((key, order) => {\n        newMap[key] = { ...(newMap[key] || {}), order }\n      })\n      // 更新数组\n      setColumnsMap(newMap)\n      setSortKeyColumns(newColumns)\n    }\n\n    /** 选中反选功能 */\n    const onCheckTree = (e) => {\n      const newColumnMap = { ...columnsMap.value }\n\n      const loopSetShow = (key: string | number) => {\n        const newSetting = { ...newColumnMap[key] }\n        newSetting.show = e.checked\n        // 如果含有子节点，也要选中\n        if (treeMap?.get(key)?.children) {\n          treeMap.get(key)?.children?.forEach((item) => loopSetShow(item.key))\n        }\n        newColumnMap[key] = newSetting\n      }\n      loopSetShow(e.node.key)\n      setColumnsMap({ ...newColumnMap })\n    }\n\n    return { show, treeData, checkedKeys, onCheckTree, move }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"show\">\n    <span v-if=\"showTitle\" :class=\"`${className}-list-title`\">\n      {{ title }}\n    </span>\n    <div style=\"max-height: 260px; overflow: auto\">\n      <Tree\n        block-node\n        :selectable=\"false\"\n        :checkable=\"checkable\"\n        :draggable=\"draggable && !!treeData?.length && treeData?.length > 1\"\n        :checkedKeys=\"checkedKeys\"\n        :height=\"listHeight\"\n        :treeData=\"treeData\"\n        @check=\"(_, e) => onCheckTree(e)\"\n        @drop=\"\n          (info) => {\n            const dropKey = info.node.key\n            const dragKey = info.dragNode.key\n            const { dropPosition, dropToGap } = info\n            const position = dropPosition === -1 || !dropToGap ? dropPosition + 1 : dropPosition\n            move(dragKey, dropKey, position)\n          }\n        \"\n      >\n        <template #title=\"{ title, key, fixed, isRoot }\">\n          <CheckboxListItem\n            v-if=\"title\"\n            :className=\"className\"\n            :columnKey=\"key\"\n            :fixed=\"fixed\"\n            :isRoot=\"isRoot\"\n          >\n            <RenderVNode :vnode=\"title\" />\n          </CheckboxListItem>\n        </template>\n      </Tree>\n    </div>\n  </template>\n</template>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_normalizeClass","_createCommentVNode","_createElementVNode","_createVNode","_withCtx","_createBlock"],"mappings":";;;;;;;;qBAiKS,KAAA,EAAA,EAAA,cAAA,OAAA,EAAA,UAAA,EAAA,QAAA,EAAyC;;;;;;SAJhC,IAAA,CAAA,IAAA,IAAAA,aAAA,EAAA,EAAhBC,sBAAA;AAAA,IAqCWC,YAAA;AAAA,IAAA,EAAA,KAAA,CAAA,EAAA;AAAA,IAAA;AAAA,MApCG,IAAA,CAAA,SAAA,IAAAF,aAAA,EAAA,EAAZC,sBAAA;AAAA,QAEO,MAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAFiB,KAAA,EAAKE,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,WAAA,CAAA;AAAA,SAAA;AAAA,4BACtC,KAAA,KAAK,CAAA;AAAA,QAAA;AAAA;AAAA,OAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,MAEVC,sBAAA,CAgCM,OAhCN,UAAA,EAgCM;AAAA,QA/BJC,gBA8BO,eAAA,EAAA;AAAA,UA7BL,YAAA,EAAA,EAAA;AAAA,UACC,UAAA,EAAY,KAAA;AAAA,UACZ,WAAW,IAAA,CAAA,SAAA;AAAA,UACX,SAAA,EAAW,IAAA,CAAA,SAAA,IAAS,CAAA,EAAA,CAAM,EAAA,GAAA,IAAA,CAAA,QAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU,MAAA,CAAA,IAAA,CAAA,CAAU,EAAA,GAAA,IAAA,cAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAU,MAAA,IAAM,CAAA;AAAA,UAC9D,aAAa,IAAA,CAAA,WAAA;AAAA,UACb,QAAQ,IAAA,CAAA,UAAA;AAAA,UACR,UAAU,IAAA,CAAA,QAAA;AAAA,UACV,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAG,CAAA,EAAG,CAAA,KAAM,IAAA,aAAY,CAAC,CAAA,CAAA;AAAA,UAC9B,MAAA,EAAI,2BAAc,IAAA,KAAI;AAAyB,YAAA,MAAA,OAAA,GAAU,KAAK,IAAA,CAAK,GAAA;AAAsB,YAAA,MAAA,OAAA,GAAU,KAAK,QAAA,CAAS,GAAA;AAAwB,YAAA,MAAA,EAAA,YAAA,EAAc,SAAA,EAAS,GAAK,IAAA;AAAuB,YAAA,MAAA,WAAW,YAAA,KAAY,EAAA,IAAA,CAAY,SAAA,GAAY,eAAY,CAAA,GAAO,YAAA;AAAyB,YAAA,IAAA,CAAA,IAAA,CAAK,OAAA,EAAS,OAAA,EAAS,QAAQ,CAAA;AAAA,UAAA,CAAA;AAAA;UAU5S,KAAA,EAAKC,YACd,CAQmB,EATD,OAAO,GAAA,EAAK,KAAA,EAAO,QAAM,KAAA;AAAA,YAEnC,KAAA,qBADRC,eAAA,CAQmB,2BAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cANhB,WAAW,IAAA,CAAA,SAAA;AAAA,cACX,SAAA,EAAW,GAAA;AAAA,cACX,KAAA;AAAA,cACA;AAAA,aAAA,EAAA;AAAA,mCAED,MAA8B;AAAA,gBAA9BF,eAAA,CAA8B,sBAAA,EAAA,EAAhB,KAAA,EAAO,KAAA,IAAK,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxList.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/CheckboxList.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-19 13:39:31\n * @LastEditors: shen\n * @LastEditTime: 2025-09-02 14:41:27\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { DataNode } from 'ant-design-vue/es/tree'\nimport type { ColumnsState, Key } from '../interface'\nimport { defineComponent, computed, shallowRef, ref, triggerRef } from 'vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { Tree } from 'ant-design-vue'\nimport { omit, RenderVNode } from '@pro-design-vue/utils'\nimport { genColumnKey } from '../../utils/util'\nimport { watch } from 'vue'\nimport CheckboxListItem from './CheckboxListItem.vue'\nexport default defineComponent({\n  name: 'CheckboxList',\n  inheritAttrs: false,\n  components: { Tree, CheckboxListItem, RenderVNode },\n  props: {\n    className: String,\n    title: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    showTitle: {\n      type: Boolean,\n      default: true,\n    },\n    listHeight: {\n      type: Number,\n      default: undefined,\n    },\n    list: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  setup(props) {\n    const { columnsMap, setColumnsMap, sortKeyColumns, setSortKeyColumns } = useInjectContainer()\n    const checkedKeys = shallowRef<string[]>([])\n    const treeMap = new Map<string | number, DataNode>()\n    const treeData = ref<any[]>([])\n    const show = computed(() => props.list && props.list.length > 0)\n\n    const loopData = (\n      data: any[],\n      parentConfig?: ColumnsState & {\n        columnKey: string\n      },\n    ): DataNode[] => {\n      return data.map(({ key, children, ...rest }) => {\n        const columnKey = genColumnKey(\n          key,\n          [parentConfig?.columnKey, rest.index || '0'].filter(Boolean).join('-'),\n        )\n        const config = columnsMap.value[columnKey || 'null'] || { show: true }\n        if (config.show !== false && !children) {\n          checkedKeys.value.push(columnKey)\n        }\n        const item: DataNode = {\n          key: columnKey,\n          ...omit(rest, ['className']),\n          selectable: false,\n          disabled: config.disable === true,\n          disableCheckbox:\n            typeof config.disable === 'boolean' ? config.disable : config.disable?.checkbox,\n          isLeaf: parentConfig ? true : undefined,\n          isRoot: parentConfig ? false : true,\n        }\n        if (children) {\n          item.children = loopData(children, {\n            ...config,\n            columnKey,\n          })\n          // 如果children 已经全部是show了，把自己也设置为show\n          if (\n            item.children?.every((childrenItem) =>\n              checkedKeys.value?.includes(childrenItem.key as string),\n            )\n          ) {\n            checkedKeys.value.push(columnKey)\n          }\n        }\n        treeMap.set(key, item)\n        return item\n      })\n    }\n\n    watch(\n      [columnsMap, () => props.list, show],\n      () => {\n        checkedKeys.value = []\n        const newData = loopData(props.list)\n        triggerRef(checkedKeys)\n        treeData.value = newData?.map((config) => {\n          return omit(config, ['disabled'])\n        })\n      },\n      { immediate: true },\n    )\n\n    const move = (id: Key, targetId: Key, dropPosition: number) => {\n      const newMap = { ...columnsMap.value }\n      const newColumns = [...sortKeyColumns.value]\n      const findIndex = newColumns.findIndex((columnKey) => columnKey === id)\n      const targetIndex = newColumns.findIndex((columnKey) => columnKey === targetId)\n      const isDownWard = dropPosition > findIndex\n      if (findIndex < 0) return\n      const targetItem = newColumns[findIndex]!\n      newColumns.splice(findIndex, 1)\n\n      if (dropPosition === 0) {\n        newColumns.unshift(targetItem)\n      } else {\n        newColumns.splice(isDownWard ? targetIndex : targetIndex + 1, 0, targetItem)\n      }\n      // 重新生成排序数组\n      newColumns.forEach((key, order) => {\n        newMap[key] = { ...(newMap[key] || {}), order }\n      })\n      // 更新数组\n      setColumnsMap(newMap)\n      setSortKeyColumns(newColumns)\n    }\n\n    /** 选中反选功能 */\n    const onCheckTree = (e) => {\n      const newColumnMap = { ...columnsMap.value }\n\n      const loopSetShow = (key: string | number) => {\n        const newSetting = { ...newColumnMap[key] }\n        newSetting.show = e.checked\n        // 如果含有子节点，也要选中\n        if (treeMap?.get(key)?.children) {\n          treeMap.get(key)?.children?.forEach((item) => loopSetShow(item.key))\n        }\n        newColumnMap[key] = newSetting\n      }\n      loopSetShow(e.node.key)\n      setColumnsMap({ ...newColumnMap })\n    }\n\n    return { show, treeData, checkedKeys, onCheckTree, move }\n  },\n})\n</script>\n\n<template>\n  <template v-if=\"show\">\n    <span v-if=\"showTitle\" :class=\"`${className}-list-title`\">\n      {{ title }}\n    </span>\n    <div style=\"max-height: 260px; overflow: auto\">\n      <Tree\n        block-node\n        :selectable=\"false\"\n        :checkable=\"checkable\"\n        :draggable=\"draggable && !!treeData?.length && treeData?.length > 1\"\n        :checkedKeys=\"checkedKeys\"\n        :height=\"listHeight\"\n        :treeData=\"treeData\"\n        @check=\"(_, e) => onCheckTree(e)\"\n        @drop=\"\n          (info) => {\n            const dropKey = info.node.key\n            const dragKey = info.dragNode.key\n            const { dropPosition, dropToGap } = info\n            const position = dropPosition === -1 || !dropToGap ? dropPosition + 1 : dropPosition\n            move(dragKey, dropKey, position)\n          }\n        \"\n      >\n        <template #title=\"{ title, key, fixed, isRoot }\">\n          <CheckboxListItem\n            v-if=\"title\"\n            :className=\"className\"\n            :columnKey=\"key\"\n            :fixed=\"fixed\"\n            :isRoot=\"isRoot\"\n          >\n            <RenderVNode :vnode=\"title\" />\n          </CheckboxListItem>\n        </template>\n      </Tree>\n    </div>\n  </template>\n</template>\n"],"names":["defineComponent","Tree","CheckboxListItem","RenderVNode","useInjectContainer","shallowRef","ref","computed","genColumnKey","omit","_a","watch","triggerRef"],"mappings":"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"}

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxListItem.vue.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CheckboxListItem_vue_vue_type_script_lang = require('./CheckboxListItem.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VerticalAlignTopOutlined = vue.resolveComponent("VerticalAlignTopOutlined");
+  const _component_Tooltip = vue.resolveComponent("Tooltip");
+  const _component_VerticalAlignMiddleOutlined = vue.resolveComponent("VerticalAlignMiddleOutlined");
+  const _component_VerticalAlignBottomOutlined = vue.resolveComponent("VerticalAlignBottomOutlined");
+  return vue.openBlock(), vue.createElementBlock(
+    "span",
+    {
+      class: vue.normalizeClass(`${_ctx.className}-list-item`),
+      key: _ctx.columnKey
+    },
+    [
+      vue.createElementVNode(
+        "div",
+        {
+          class: vue.normalizeClass(`${_ctx.className}-list-item-title`)
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      ),
+      _ctx.isRoot ? (vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: vue.normalizeClass(`${_ctx.className}-list-item-option`)
+        },
+        [
+          _ctx.fixed !== "left" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+            key: 0,
+            title: _ctx.intl.getMessage("tableToolBar.leftPin", "\u56FA\u5B9A\u5728\u5217\u9996")
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", {
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.onClick("left"), ["stop", "prevent"]))
+              }, [
+                vue.createVNode(_component_VerticalAlignTopOutlined)
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+          !!_ctx.fixed ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+            key: 1,
+            title: _ctx.intl.getMessage("tableToolBar.noPin", "\u4E0D\u56FA\u5B9A")
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", {
+                onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => _ctx.onClick(), ["stop", "prevent"]))
+              }, [
+                vue.createVNode(_component_VerticalAlignMiddleOutlined)
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+          _ctx.fixed !== "right" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+            key: 2,
+            title: _ctx.intl.getMessage("tableToolBar.rightPin", "\u56FA\u5B9A\u5728\u5217\u5C3E")
+          }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("span", {
+                onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.onClick("right"), ["stop", "prevent"]))
+              }, [
+                vue.createVNode(_component_VerticalAlignBottomOutlined)
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["title"])) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )) : vue.createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
+}
+var CheckboxListItem = /* @__PURE__ */ _pluginVue_exportHelper.default(CheckboxListItem_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = CheckboxListItem;
+//# sourceMappingURL=CheckboxListItem.vue.js.map

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxListItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxListItem.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/CheckboxListItem.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-19 13:39:31\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:32\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { ColumnsState } from '../interface'\n\nimport { defineComponent } from 'vue'\nimport { Tooltip } from 'ant-design-vue'\nimport {\n  VerticalAlignTopOutlined,\n  VerticalAlignMiddleOutlined,\n  VerticalAlignBottomOutlined,\n} from '@ant-design/icons-vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\n\nexport default defineComponent({\n  name: 'CheckboxListItem',\n  inheritAttrs: false,\n  components: {\n    Tooltip,\n    VerticalAlignMiddleOutlined,\n    VerticalAlignTopOutlined,\n    VerticalAlignBottomOutlined,\n  },\n  props: {\n    className: String,\n    title: String,\n    columnKey: [String, Number],\n    fixed: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n    isRoot: Boolean,\n  },\n  setup(props) {\n    const { columnsMap, setColumnsMap } = useInjectContainer()\n    const intl = useIntl()\n\n    const onClick = (fixed?: 'left' | 'right') => {\n      const config = columnsMap.value[props.columnKey ?? ''] || {}\n      const columnKeyMap = {\n        ...columnsMap.value,\n        [props.columnKey ?? '']: { ...config, fixed } as ColumnsState,\n      }\n      setColumnsMap(columnKeyMap)\n    }\n\n    return {\n      intl,\n      onClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <span :class=\"`${className}-list-item`\" :key=\"columnKey\">\n    <div :class=\"`${className}-list-item-title`\">\n      <slot />\n    </div>\n    <span v-if=\"isRoot\" :class=\"`${className}-list-item-option`\">\n      <Tooltip\n        :title=\"intl.getMessage('tableToolBar.leftPin', '固定在列首')\"\n        v-if=\"fixed !== 'left'\"\n      >\n        <span @click.stop.prevent=\"onClick('left')\">\n          <VerticalAlignTopOutlined />\n        </span>\n      </Tooltip>\n      <Tooltip :title=\"intl.getMessage('tableToolBar.noPin', '不固定')\" v-if=\"!!fixed\">\n        <span @click.stop.prevent=\"onClick()\">\n          <VerticalAlignMiddleOutlined />\n        </span>\n      </Tooltip>\n      <Tooltip\n        :title=\"intl.getMessage('tableToolBar.rightPin', '固定在列尾')\"\n        v-if=\"fixed !== 'right'\"\n      >\n        <span @click.stop.prevent=\"onClick('right')\">\n          <VerticalAlignBottomOutlined />\n        </span>\n      </Tooltip>\n    </span>\n  </span>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;AA2DE,EAAA,OAAAA,eAAA,EAAAC,sBAAA;AAAA,IA2BO,MAAA;AAAA,IAAA;AAAA,MA3BA,KAAA,EAAKC,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,UAAA,CAAA,CAAA;AAAA,MAAe,KAAK,IAAA,CAAA;AAAA,KAAA;AAAA;MAC5CC,sBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,KAAA,EAAKD,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,gBAAA,CAAA;AAAA,SAAA;AAAA;UACvBE,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA,SAAA;AAAA;;;MAEE,IAAA,CAAA,MAAA,IAAAJ,aAAA,EAAA,EAAZC,sBAAA;AAAA,QAsBO,MAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAtBc,KAAA,EAAKC,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,iBAAA,CAAA;AAAA,SAAA;AAAA;UAG9B,KAAA,KAAA,KAAK,MAAA,qBAFbG,gBAOU,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YANP,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,wBAAA,gCAAA;AAAA,WAAA,EAAA;AAAA,iCAGvB,MAEO;AAAA,cAFPF,uBAEO,MAAA,EAAA;AAAA,gBAFA,SAAK,MAAA,kDAAe,KAAA,OAAA,CAAO,MAAA,GAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,gBAChCG,gBAA4B,mCAAA;AAAA,eAAA;AAAA;;;;UAGuC,CAAA,CAAA,IAAA,CAAA,SAAAN,aAAA,EAAA,EAAvEK,gBAIU,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAJA,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,sBAAA,oBAAA;AAAA,WAAA,EAAA;AAAA,iCAC9B,MAEO;AAAA,cAFPF,uBAEO,MAAA,EAAA;AAAA,gBAFA,SAAK,MAAA,kDAAe,KAAA,OAAA,EAAO,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,gBAChCG,gBAA+B,sCAAA;AAAA,eAAA;AAAA;;;;UAK3B,KAAA,KAAA,KAAK,OAAA,qBAFbD,gBAOU,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YANP,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,yBAAA,gCAAA;AAAA,WAAA,EAAA;AAAA,iCAGvB,MAEO;AAAA,cAFPF,uBAEO,MAAA,EAAA;AAAA,gBAFA,SAAK,MAAA,kDAAe,KAAA,OAAA,CAAO,OAAA,GAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,gBAChCG,gBAA+B,sCAAA;AAAA,eAAA;AAAA;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/CheckboxListItem.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxListItem.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/CheckboxListItem.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-19 13:39:31\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:32\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { ColumnsState } from '../interface'\n\nimport { defineComponent } from 'vue'\nimport { Tooltip } from 'ant-design-vue'\nimport {\n  VerticalAlignTopOutlined,\n  VerticalAlignMiddleOutlined,\n  VerticalAlignBottomOutlined,\n} from '@ant-design/icons-vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\n\nexport default defineComponent({\n  name: 'CheckboxListItem',\n  inheritAttrs: false,\n  components: {\n    Tooltip,\n    VerticalAlignMiddleOutlined,\n    VerticalAlignTopOutlined,\n    VerticalAlignBottomOutlined,\n  },\n  props: {\n    className: String,\n    title: String,\n    columnKey: [String, Number],\n    fixed: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n    isRoot: Boolean,\n  },\n  setup(props) {\n    const { columnsMap, setColumnsMap } = useInjectContainer()\n    const intl = useIntl()\n\n    const onClick = (fixed?: 'left' | 'right') => {\n      const config = columnsMap.value[props.columnKey ?? ''] || {}\n      const columnKeyMap = {\n        ...columnsMap.value,\n        [props.columnKey ?? '']: { ...config, fixed } as ColumnsState,\n      }\n      setColumnsMap(columnKeyMap)\n    }\n\n    return {\n      intl,\n      onClick,\n    }\n  },\n})\n</script>\n\n<template>\n  <span :class=\"`${className}-list-item`\" :key=\"columnKey\">\n    <div :class=\"`${className}-list-item-title`\">\n      <slot />\n    </div>\n    <span v-if=\"isRoot\" :class=\"`${className}-list-item-option`\">\n      <Tooltip\n        :title=\"intl.getMessage('tableToolBar.leftPin', '固定在列首')\"\n        v-if=\"fixed !== 'left'\"\n      >\n        <span @click.stop.prevent=\"onClick('left')\">\n          <VerticalAlignTopOutlined />\n        </span>\n      </Tooltip>\n      <Tooltip :title=\"intl.getMessage('tableToolBar.noPin', '不固定')\" v-if=\"!!fixed\">\n        <span @click.stop.prevent=\"onClick()\">\n          <VerticalAlignMiddleOutlined />\n        </span>\n      </Tooltip>\n      <Tooltip\n        :title=\"intl.getMessage('tableToolBar.rightPin', '固定在列尾')\"\n        v-if=\"fixed !== 'right'\"\n      >\n        <span @click.stop.prevent=\"onClick('right')\">\n          <VerticalAlignBottomOutlined />\n        </span>\n      </Tooltip>\n    </span>\n  </span>\n</template>\n"],"names":["defineComponent","Tooltip","VerticalAlignMiddleOutlined","VerticalAlignTopOutlined","VerticalAlignBottomOutlined","useInjectContainer","useIntl"],"mappings":";;;;;;;;;;AAqBA,gBAAeA,mBAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,kBAAA;AAAA,EACN,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY;AAAA,aACVC,oBAAA;AAAA,iCACAC,gCAAA;AAAA,8BACAC,6BAAA;AAAA,iCACAC;AAAA,GACF;AAAA,EACA,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,MAAA;AAAA,IACX,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IAC1B,KAAA,EAAO,CAAC,OAAA,EAAS,MAAM,CAAA;AAAA,IACvB,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,MAAM,KAAA,EAAO;AACX,IAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAc,GAAIC,+BAAA,EAAmB;AACzD,IAAA,MAAM,OAAOC,eAAA,EAAQ;AAErB,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAA6B;;AAC5C,MAAA,MAAM,MAAA,GAAS,WAAW,KAAA,CAAA,CAAM,EAAA,GAAA,KAAA,CAAM,cAAN,IAAA,GAAA,EAAA,GAAmB,EAAE,KAAK,EAAC;AAC3D,MAAA,MAAM,YAAA,GAAe;AAAA,QACnB,GAAG,UAAA,CAAW,KAAA;AAAA,QACd,CAAA,CAAC,WAAM,SAAA,KAAN,IAAA,GAAA,EAAA,GAAmB,EAAE,GAAG,EAAE,GAAG,MAAA,EAAQ,KAAA;AAAM,OAC9C;AACA,MAAA,aAAA,CAAc,YAAY,CAAA;AAAA,IAC5B,CAAA;AAEA,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/ColumnSetting.vue.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ColumnSetting_vue_vue_type_script_lang = require('./ColumnSetting.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_SettingOutlined = vue.resolveComponent("SettingOutlined");
+  const _component_Tooltip = vue.resolveComponent("Tooltip");
+  const _component_Checkbox = vue.resolveComponent("Checkbox");
+  const _component_GroupCheckboxList = vue.resolveComponent("GroupCheckboxList");
+  const _component_Popover = vue.resolveComponent("Popover");
+  return vue.openBlock(), vue.createBlock(_component_Popover, {
+    trigger: "click",
+    placement: "bottomLeft",
+    arrow: false,
+    "overlay-class-name": `${_ctx.className}-popover`,
+    "overlay-style": { paddingTop: "0", width: "224px" }
+  }, {
+    title: vue.withCtx(() => [
+      vue.createElementVNode(
+        "div",
+        {
+          class: vue.normalizeClass(`${_ctx.className}-title`)
+        },
+        [
+          _ctx.checkable ? (vue.openBlock(), vue.createBlock(_component_Checkbox, {
+            key: 0,
+            indeterminate: _ctx.indeterminate,
+            checked: _ctx.unCheckedKeys.length === 0 && _ctx.unCheckedKeys.length !== _ctx.localColumns.length,
+            onChange: _ctx.checkedAll
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(
+                vue.toDisplayString(_ctx.intl.getMessage("tableToolBar.columnDisplay", "\u5217\u5C55\u793A")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["indeterminate", "checked", "onChange"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1)),
+          _ctx.checkedReset ? (vue.openBlock(), vue.createElementBlock(
+            "a",
+            {
+              key: 2,
+              class: vue.normalizeClass(`${_ctx.className}-action-rest-button`),
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clearClick && _ctx.clearClick(...args))
+            },
+            vue.toDisplayString(_ctx.intl.getMessage("tableToolBar.reset", "\u91CD\u7F6E")),
+            3
+            /* TEXT, CLASS */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      )
+    ]),
+    content: vue.withCtx(() => [
+      vue.createVNode(_component_GroupCheckboxList, {
+        checkable: _ctx.checkable,
+        draggable: _ctx.draggable,
+        className: _ctx.className,
+        localColumns: _ctx.localColumns,
+        listsHeight: _ctx.listsHeight
+      }, null, 8, ["checkable", "draggable", "className", "localColumns", "listsHeight"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_Tooltip, {
+        title: _ctx.intl.getMessage("tableToolBar.columnSetting", "\u5217\u8BBE\u7F6E")
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
+            },
+            [
+              vue.createVNode(_component_SettingOutlined)
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["title"])
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["overlay-class-name"]);
+}
+var ColumnSetting = /* @__PURE__ */ _pluginVue_exportHelper.default(ColumnSetting_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = ColumnSetting;
+//# sourceMappingURL=ColumnSetting.vue.js.map

package/lib/packages/components/table/src/components/ColumnSetting/ColumnSetting.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSetting.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/ColumnSetting.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-18 13:06:40\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:46\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { defineComponent, computed, onMounted, ref } from 'vue'\nimport { Popover, Tooltip, Checkbox } from 'ant-design-vue'\nimport { SettingOutlined } from '@ant-design/icons-vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { genColumnKey } from '../../utils/util'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport GroupCheckboxList from './GroupCheckboxList.vue'\n\nexport default defineComponent({\n  name: 'ColumnSetting',\n  inheritAttrs: false,\n  props: {\n    prefixCls: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    checkedReset: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    listsHeight: {\n      type: Number,\n      default: undefined,\n    },\n    columns: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  components: { Popover, Tooltip, Checkbox, GroupCheckboxList, SettingOutlined },\n  setup(props) {\n    const intl = useIntl()\n    const columnRef = ref(null)\n    const counter = useInjectContainer()\n    const className = computed(() => `${props.prefixCls}-column-setting`)\n    const localColumns = computed(() => props.columns)\n    const { columnsMap, setColumnsMap, clearPersistenceStorage } = counter\n\n    onMounted(() => {\n      if (counter.props.columnsState?.value) {\n        columnRef.value = JSON.parse(JSON.stringify(counter.props.columnsState?.value || {}))\n      }\n    })\n\n    /**\n     * 设置全部选中，或全部未选中\n     *\n     * @param show\n     */\n    const setAllSelectAction = (show: boolean = true) => {\n      const columnKeyMap = {}\n      const loopColumns = (columns: any) => {\n        columns.forEach(({ key, fixed, index, children, disable }: any) => {\n          const columnKey = genColumnKey(key, index)\n          if (columnKey) {\n            columnKeyMap[columnKey] = {\n              // 子节点 disable 时，不修改节点显示状态\n              show: disable ? columnsMap[columnKey]?.show : show,\n              fixed,\n              disable,\n              order: columnsMap[columnKey]?.order,\n            }\n          }\n          if (children) {\n            loopColumns(children)\n          }\n        })\n      }\n      loopColumns(localColumns.value)\n      setColumnsMap(columnKeyMap)\n    }\n\n    /** 全选和反选 */\n    const checkedAll = (e: any) => {\n      if (e.target.checked) {\n        setAllSelectAction()\n      } else {\n        setAllSelectAction(false)\n      }\n    }\n\n    /** 重置项目 */\n    const clearClick = () => {\n      clearPersistenceStorage?.()\n      // setColumnsMap(counter.props.columnsState?.defaultValue || columnRef.value || counter.defaultColumnKeyMap.value!)\n      setColumnsMap({\n        ...counter.defaultColumnKeyMap.value!,\n        ...(counter.props.columnsState?.defaultValue || columnRef.value),\n      })\n    }\n\n    // 未选中的 key 列表\n    const unCheckedKeys = computed(() =>\n      Object.values(columnsMap.value).filter((value) => !value || value.show === false),\n    )\n\n    // 是否已经选中\n    const indeterminate = computed(\n      () =>\n        unCheckedKeys.value.length > 0 && unCheckedKeys.value.length !== localColumns.value.length,\n    )\n\n    return {\n      intl,\n      indeterminate,\n      unCheckedKeys,\n      localColumns,\n      clearClick,\n      checkedAll,\n      setAllSelectAction,\n      className,\n    }\n  },\n})\n</script>\n\n<template>\n  <Popover\n    trigger=\"click\"\n    placement=\"bottomLeft\"\n    :arrow=\"false\"\n    :overlay-class-name=\"`${className}-popover`\"\n    :overlay-style=\"{ paddingTop: '0', width: '224px' }\"\n  >\n    <Tooltip :title=\"intl.getMessage('tableToolBar.columnSetting', '列设置')\">\n      <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n        <SettingOutlined />\n      </div>\n    </Tooltip>\n    <template #title>\n      <div :class=\"`${className}-title`\">\n        <Checkbox\n          v-if=\"checkable\"\n          :indeterminate=\"indeterminate\"\n          :checked=\"unCheckedKeys.length === 0 && unCheckedKeys.length !== localColumns.length\"\n          @change=\"checkedAll\"\n        >\n          {{ intl.getMessage('tableToolBar.columnDisplay', '列展示') }}\n        </Checkbox>\n        <div v-else></div>\n        <a v-if=\"checkedReset\" :class=\"`${className}-action-rest-button`\" @click=\"clearClick\">\n          {{ intl.getMessage('tableToolBar.reset', '重置') }}\n        </a>\n      </div>\n    </template>\n    <template #content>\n      <GroupCheckboxList\n        :checkable=\"checkable\"\n        :draggable=\"draggable\"\n        :className=\"className\"\n        :localColumns=\"localColumns\"\n        :listsHeight=\"listsHeight\"\n      />\n    </template>\n  </Popover>\n</template>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_normalizeClass","_openBlock","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_createVNode"],"mappings":";;;;;;;;;;;;;;;0BAmIEA,eAAA,CAqCU,kBAAA,EAAA;AAAA,IApCR,OAAA,EAAQ,OAAA;AAAA,IACR,SAAA,EAAU,YAAA;AAAA,IACT,KAAA,EAAO,KAAA;AAAA,IACP,oBAAA,EAAkB,CAAA,EAAK,IAAA,CAAA,SAAS,CAAA,QAAA,CAAA;AAAA,IAChC,eAAA,EAAe,EAAA,UAAA,EAAA,GAAA,EAAA,OAAA,OAAA;AAAA,GAAA,EAAA;AAAA,IAOL,KAAA,EAAKC,YACd,MAaM;AAAA,MAbNC,sBAAA;AAAA,QAaM,KAAA;AAAA,QAAA;AAAA,UAbA,KAAA,EAAKC,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,MAAA,CAAA;AAAA,SAAA;AAAA;UAEf,IAAA,CAAA,SAAA,IAAAC,aAAA,EAAA,EADRJ,gBAOW,mBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YALR,eAAe,IAAA,CAAA,aAAA;AAAA,YACf,OAAA,EAAS,KAAA,aAAA,CAAc,MAAA,KAAM,KAAU,IAAA,CAAA,aAAA,CAAc,MAAA,KAAW,IAAA,CAAA,YAAA,CAAa,MAAA;AAAA,YAC7E,UAAQ,IAAA,CAAA;AAAA,WAAA,EAAA;AAAA,iCAET,MAA0D;AAAA,cAAAK,mBAAA;AAAA,gBAAvDC,oBAAA,IAAA,CAAA,IAAA,CAAK,UAAA,CAAU,4BAAA,EAAA,oBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA;AAAA;AAAA,aAAA,CAAA;AAAA;;+EAEpBC,sBAAA,CAAkB,KAAA,EAAA,UAAA,CAAA,CAAA;AAAA,UACT,IAAA,CAAA,YAAA,IAAAH,aAAA,EAAA,EAATG,sBAAA;AAAA,YAEI,GAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFoB,KAAA,EAAKJ,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,mBAAA,CAAA,CAAA;AAAA,cAAwB,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA;AAAA,aAAA;AAAA,YACrEG,oBAAA,IAAA,CAAA,IAAA,CAAK,UAAA,CAAU,oBAAA,EAAA,cAAA,CAAA,CAAA;AAAA,YAAA;AAAA;AAAA,WAAA,IAAAE,sBAAA,CAAA,MAAA,EAAA,IAAA;AAAA;;;;;IAIb,OAAA,EAAOP,YAChB,MAME;AAAA,MANFQ,gBAME,4BAAA,EAAA;AAAA,QALC,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,cAAc,IAAA,CAAA,YAAA;AAAA,QACd,aAAa,IAAA,CAAA;AAAA,OAAA,EAAA,MAAA,CAAA,EAAA,CAAA,aAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,CAAA;AAAA;yBA3BlB,MAIU;AAAA,MAJVA,gBAIU,kBAAA,EAAA;AAAA,QAJA,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,8BAAA,oBAAA;AAAA,OAAA,EAAA;AAAA,6BAC9B,MAEM;AAAA,UAFNP,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,EAAKC,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,qBAAA,CAAA;AAAA,aAAA;AAAA;cACvBM,gBAAmB,0BAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/ColumnSetting.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSetting.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/ColumnSetting.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-18 13:06:40\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:46\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { defineComponent, computed, onMounted, ref } from 'vue'\nimport { Popover, Tooltip, Checkbox } from 'ant-design-vue'\nimport { SettingOutlined } from '@ant-design/icons-vue'\nimport { useInjectContainer } from '../../hooks/useContainer'\nimport { genColumnKey } from '../../utils/util'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport GroupCheckboxList from './GroupCheckboxList.vue'\n\nexport default defineComponent({\n  name: 'ColumnSetting',\n  inheritAttrs: false,\n  props: {\n    prefixCls: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    checkedReset: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    listsHeight: {\n      type: Number,\n      default: undefined,\n    },\n    columns: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  components: { Popover, Tooltip, Checkbox, GroupCheckboxList, SettingOutlined },\n  setup(props) {\n    const intl = useIntl()\n    const columnRef = ref(null)\n    const counter = useInjectContainer()\n    const className = computed(() => `${props.prefixCls}-column-setting`)\n    const localColumns = computed(() => props.columns)\n    const { columnsMap, setColumnsMap, clearPersistenceStorage } = counter\n\n    onMounted(() => {\n      if (counter.props.columnsState?.value) {\n        columnRef.value = JSON.parse(JSON.stringify(counter.props.columnsState?.value || {}))\n      }\n    })\n\n    /**\n     * 设置全部选中，或全部未选中\n     *\n     * @param show\n     */\n    const setAllSelectAction = (show: boolean = true) => {\n      const columnKeyMap = {}\n      const loopColumns = (columns: any) => {\n        columns.forEach(({ key, fixed, index, children, disable }: any) => {\n          const columnKey = genColumnKey(key, index)\n          if (columnKey) {\n            columnKeyMap[columnKey] = {\n              // 子节点 disable 时，不修改节点显示状态\n              show: disable ? columnsMap[columnKey]?.show : show,\n              fixed,\n              disable,\n              order: columnsMap[columnKey]?.order,\n            }\n          }\n          if (children) {\n            loopColumns(children)\n          }\n        })\n      }\n      loopColumns(localColumns.value)\n      setColumnsMap(columnKeyMap)\n    }\n\n    /** 全选和反选 */\n    const checkedAll = (e: any) => {\n      if (e.target.checked) {\n        setAllSelectAction()\n      } else {\n        setAllSelectAction(false)\n      }\n    }\n\n    /** 重置项目 */\n    const clearClick = () => {\n      clearPersistenceStorage?.()\n      // setColumnsMap(counter.props.columnsState?.defaultValue || columnRef.value || counter.defaultColumnKeyMap.value!)\n      setColumnsMap({\n        ...counter.defaultColumnKeyMap.value!,\n        ...(counter.props.columnsState?.defaultValue || columnRef.value),\n      })\n    }\n\n    // 未选中的 key 列表\n    const unCheckedKeys = computed(() =>\n      Object.values(columnsMap.value).filter((value) => !value || value.show === false),\n    )\n\n    // 是否已经选中\n    const indeterminate = computed(\n      () =>\n        unCheckedKeys.value.length > 0 && unCheckedKeys.value.length !== localColumns.value.length,\n    )\n\n    return {\n      intl,\n      indeterminate,\n      unCheckedKeys,\n      localColumns,\n      clearClick,\n      checkedAll,\n      setAllSelectAction,\n      className,\n    }\n  },\n})\n</script>\n\n<template>\n  <Popover\n    trigger=\"click\"\n    placement=\"bottomLeft\"\n    :arrow=\"false\"\n    :overlay-class-name=\"`${className}-popover`\"\n    :overlay-style=\"{ paddingTop: '0', width: '224px' }\"\n  >\n    <Tooltip :title=\"intl.getMessage('tableToolBar.columnSetting', '列设置')\">\n      <div :class=\"`${prefixCls}-toolbar-actions-item`\">\n        <SettingOutlined />\n      </div>\n    </Tooltip>\n    <template #title>\n      <div :class=\"`${className}-title`\">\n        <Checkbox\n          v-if=\"checkable\"\n          :indeterminate=\"indeterminate\"\n          :checked=\"unCheckedKeys.length === 0 && unCheckedKeys.length !== localColumns.length\"\n          @change=\"checkedAll\"\n        >\n          {{ intl.getMessage('tableToolBar.columnDisplay', '列展示') }}\n        </Checkbox>\n        <div v-else></div>\n        <a v-if=\"checkedReset\" :class=\"`${className}-action-rest-button`\" @click=\"clearClick\">\n          {{ intl.getMessage('tableToolBar.reset', '重置') }}\n        </a>\n      </div>\n    </template>\n    <template #content>\n      <GroupCheckboxList\n        :checkable=\"checkable\"\n        :draggable=\"draggable\"\n        :className=\"className\"\n        :localColumns=\"localColumns\"\n        :listsHeight=\"listsHeight\"\n      />\n    </template>\n  </Popover>\n</template>\n"],"names":["defineComponent","Popover","Tooltip","Checkbox","GroupCheckboxList","SettingOutlined","useIntl","ref","useInjectContainer","computed","onMounted","genColumnKey"],"mappings":"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"}

package/lib/packages/components/table/src/components/ColumnSetting/GroupCheckboxList.vue.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var GroupCheckboxList_vue_vue_type_script_lang = require('./GroupCheckboxList.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CheckboxList = vue.resolveComponent("CheckboxList");
+  return vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass(_ctx.listClass)
+    },
+    [
+      vue.createVNode(_component_CheckboxList, {
+        title: _ctx.intl.getMessage("tableToolBar.leftFixedTitle", "\u56FA\u5B9A\u5728\u5DE6\u4FA7"),
+        list: _ctx.leftList,
+        checkable: _ctx.checkable,
+        draggable: _ctx.draggable,
+        className: _ctx.className,
+        listsHeight: _ctx.listsHeight
+      }, null, 8, ["title", "list", "checkable", "draggable", "className", "listsHeight"]),
+      vue.createVNode(_component_CheckboxList, {
+        title: _ctx.intl.getMessage("tableToolBar.noFixedTitle", "\u4E0D\u56FA\u5B9A"),
+        list: _ctx.list,
+        checkable: _ctx.checkable,
+        draggable: _ctx.draggable,
+        className: _ctx.className,
+        showTitle: _ctx.showLeft || _ctx.showRight,
+        listsHeight: _ctx.listsHeight
+      }, null, 8, ["title", "list", "checkable", "draggable", "className", "showTitle", "listsHeight"]),
+      vue.createVNode(_component_CheckboxList, {
+        title: _ctx.intl.getMessage("tableToolBar.rightFixedTitle", "\u56FA\u5B9A\u5728\u53F3\u4FA7"),
+        list: _ctx.rightList,
+        checkable: _ctx.checkable,
+        draggable: _ctx.draggable,
+        className: _ctx.className,
+        listsHeight: _ctx.listsHeight
+      }, null, 8, ["title", "list", "checkable", "draggable", "className", "listsHeight"])
+    ],
+    2
+    /* CLASS */
+  );
+}
+var GroupCheckboxList = /* @__PURE__ */ _pluginVue_exportHelper.default(GroupCheckboxList_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = GroupCheckboxList;
+//# sourceMappingURL=GroupCheckboxList.vue.js.map

package/lib/packages/components/table/src/components/ColumnSetting/GroupCheckboxList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCheckboxList.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/GroupCheckboxList.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-18 20:37:59\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:52\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { defineComponent, ref, watch, computed } from 'vue'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport CheckboxList from './CheckboxList.vue'\n\nexport default defineComponent({\n  name: 'GroupCheckboxList',\n  components: { CheckboxList },\n  inheritAttrs: false,\n  props: {\n    className: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    listsHeight: {\n      type: Number,\n      default: undefined,\n    },\n    localColumns: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  setup(props) {\n    const intl = useIntl()\n    const rightList = ref<any[]>([])\n    const leftList = ref<any[]>([])\n    const list = ref<any[]>([])\n\n    watch(\n      () => props.localColumns,\n      () => {\n        const right: any[] = []\n        const left: any[] = []\n        const center: any[] = []\n        props.localColumns.forEach((item: any) => {\n          /** 不在 setting 中展示的 */\n          if (item.hideInSetting) {\n            return\n          }\n          const { fixed } = item\n          if (fixed === 'left' || fixed === true) {\n            left.push(item)\n            return\n          }\n          if (fixed === 'right') {\n            right.push(item)\n            return\n          }\n          center.push(item)\n        })\n        rightList.value = right\n        leftList.value = left\n        list.value = center\n      },\n      {\n        immediate: true,\n      },\n    )\n\n    const showRight = computed(() => rightList.value && rightList.value.length > 0)\n    const showLeft = computed(() => leftList.value && leftList.value.length > 0)\n\n    const listClass = computed(() => ({\n      [`${props.className}-list`]: true,\n      [`${props.className}-list-group`]: showRight.value || showLeft.value,\n    }))\n    return { intl, showRight, showLeft, rightList, leftList, list, listClass }\n  },\n})\n</script>\n\n<template>\n  <div :class=\"listClass\">\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.leftFixedTitle', '固定在左侧')\"\n      :list=\"leftList\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :listsHeight=\"listsHeight\"\n    />\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.noFixedTitle', '不固定')\"\n      :list=\"list\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :showTitle=\"showLeft || showRight\"\n      :listsHeight=\"listsHeight\"\n    />\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.rightFixedTitle', '固定在右侧')\"\n      :list=\"rightList\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :listsHeight=\"listsHeight\"\n    />\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_createVNode"],"mappings":";;;;;;;;;;AAsFE,EAAA,OAAAA,eAAA,EAAAC,sBAAA;AAAA,IA0BM,KAAA;AAAA,IAAA;AAAA,MA1BA,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,SAAS;AAAA,KAAA;AAAA;MACpBC,gBAOE,uBAAA,EAAA;AAAA,QANC,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,+BAAA,gCAAA,CAAA;AAAA,QACtB,MAAM,IAAA,CAAA,QAAA;AAAA,QACN,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,aAAa,IAAA,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,CAAA,CAAA;AAAA,MAEhBA,gBAQE,uBAAA,EAAA;AAAA,QAPC,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,6BAAA,oBAAA,CAAA;AAAA,QACtB,MAAM,IAAA,CAAA,IAAA;AAAA,QACN,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,SAAA,EAAW,IAAA,CAAA,QAAA,IAAY,IAAA,CAAA,SAAA;AAAA,QACvB,aAAa,IAAA,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,CAAA,CAAA;AAAA,MAEhBA,gBAOE,uBAAA,EAAA;AAAA,QANC,KAAA,EAAO,IAAA,MAAK,UAAA,CAAU,gCAAA,gCAAA,CAAA;AAAA,QACtB,MAAM,IAAA,CAAA,SAAA;AAAA,QACN,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,WAAW,IAAA,CAAA,SAAA;AAAA,QACX,aAAa,IAAA,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,CAAA;AAAA;;;;;;;;;"}

package/lib/packages/components/table/src/components/ColumnSetting/GroupCheckboxList.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCheckboxList.vue2.js","sources":["../../../../../../../../../packages/components/table/src/components/ColumnSetting/GroupCheckboxList.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-18 20:37:59\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:44:52\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport { defineComponent, ref, watch, computed } from 'vue'\nimport { useIntl } from '@pro-design-vue/components/config-provider'\nimport CheckboxList from './CheckboxList.vue'\n\nexport default defineComponent({\n  name: 'GroupCheckboxList',\n  components: { CheckboxList },\n  inheritAttrs: false,\n  props: {\n    className: String,\n    checkable: {\n      type: Boolean,\n      default: true,\n    },\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    listsHeight: {\n      type: Number,\n      default: undefined,\n    },\n    localColumns: {\n      type: Array as PropType<any[]>,\n      default: () => [],\n    },\n  },\n  setup(props) {\n    const intl = useIntl()\n    const rightList = ref<any[]>([])\n    const leftList = ref<any[]>([])\n    const list = ref<any[]>([])\n\n    watch(\n      () => props.localColumns,\n      () => {\n        const right: any[] = []\n        const left: any[] = []\n        const center: any[] = []\n        props.localColumns.forEach((item: any) => {\n          /** 不在 setting 中展示的 */\n          if (item.hideInSetting) {\n            return\n          }\n          const { fixed } = item\n          if (fixed === 'left' || fixed === true) {\n            left.push(item)\n            return\n          }\n          if (fixed === 'right') {\n            right.push(item)\n            return\n          }\n          center.push(item)\n        })\n        rightList.value = right\n        leftList.value = left\n        list.value = center\n      },\n      {\n        immediate: true,\n      },\n    )\n\n    const showRight = computed(() => rightList.value && rightList.value.length > 0)\n    const showLeft = computed(() => leftList.value && leftList.value.length > 0)\n\n    const listClass = computed(() => ({\n      [`${props.className}-list`]: true,\n      [`${props.className}-list-group`]: showRight.value || showLeft.value,\n    }))\n    return { intl, showRight, showLeft, rightList, leftList, list, listClass }\n  },\n})\n</script>\n\n<template>\n  <div :class=\"listClass\">\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.leftFixedTitle', '固定在左侧')\"\n      :list=\"leftList\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :listsHeight=\"listsHeight\"\n    />\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.noFixedTitle', '不固定')\"\n      :list=\"list\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :showTitle=\"showLeft || showRight\"\n      :listsHeight=\"listsHeight\"\n    />\n    <CheckboxList\n      :title=\"intl.getMessage('tableToolBar.rightFixedTitle', '固定在右侧')\"\n      :list=\"rightList\"\n      :checkable=\"checkable\"\n      :draggable=\"draggable\"\n      :className=\"className\"\n      :listsHeight=\"listsHeight\"\n    />\n  </div>\n</template>\n"],"names":["defineComponent","CheckboxList","useIntl","ref","watch","computed"],"mappings":";;;;;;;;AAaA,gBAAeA,mBAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,mBAAA;AAAA,EACN,UAAA,EAAY,gBAAEC,oBAAA,EAAa;AAAA,EAC3B,YAAA,EAAc,KAAA;AAAA,EACd,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,MAAA;AAAA,IACX,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,OAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,OAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM,MAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,IAAA,EAAM,KAAA;AAAA,MACN,OAAA,EAAS,MAAM;AAAC;AAClB,GACF;AAAA,EACA,MAAM,KAAA,EAAO;AACX,IAAA,MAAM,OAAOC,eAAA,EAAQ;AACrB,IAAA,MAAM,SAAA,GAAYC,OAAA,CAAW,EAAE,CAAA;AAC/B,IAAA,MAAM,QAAA,GAAWA,OAAA,CAAW,EAAE,CAAA;AAC9B,IAAA,MAAM,IAAA,GAAOA,OAAA,CAAW,EAAE,CAAA;AAE1B,IAAAC,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,YAAA;AAAA,MACZ,MAAM;AACJ,QAAA,MAAM,QAAe,EAAC;AACtB,QAAA,MAAM,OAAc,EAAC;AACrB,QAAA,MAAM,SAAgB,EAAC;AACvB,QAAA,KAAA,CAAM,YAAA,CAAa,OAAA,CAAQ,CAAC,IAAA,KAAc;AAExC,UAAA,IAAI,KAAK,aAAA,EAAe;AACtB,YAAA;AAAA,UACF;AACA,UAAA,MAAM,EAAE,OAAM,GAAI,IAAA;AAClB,UAAA,IAAI,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,IAAA,EAAM;AACtC,YAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AACd,YAAA;AAAA,UACF;AACA,UAAA,IAAI,UAAU,OAAA,EAAS;AACrB,YAAA,KAAA,CAAM,KAAK,IAAI,CAAA;AACf,YAAA;AAAA,UACF;AACA,UAAA,MAAA,CAAO,KAAK,IAAI,CAAA;AAAA,QAClB,CAAC,CAAA;AACD,QAAA,SAAA,CAAU,KAAA,GAAQ,KAAA;AAClB,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AACjB,QAAA,IAAA,CAAK,KAAA,GAAQ,MAAA;AAAA,MACf,CAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAW;AAAA;AACb,KACF;AAEA,IAAA,MAAM,SAAA,GAAYC,aAAS,MAAM,SAAA,CAAU,SAAS,SAAA,CAAU,KAAA,CAAM,SAAS,CAAC,CAAA;AAC9E,IAAA,MAAM,QAAA,GAAWA,aAAS,MAAM,QAAA,CAAS,SAAS,QAAA,CAAS,KAAA,CAAM,SAAS,CAAC,CAAA;AAE3E,IAAA,MAAM,SAAA,GAAYA,aAAS,OAAO;AAAA,MAChC,CAAC,CAAA,EAAG,KAAA,CAAM,SAAS,OAAO,GAAG,IAAA;AAAA,MAC7B,CAAC,GAAG,KAAA,CAAM,SAAS,aAAa,GAAG,SAAA,CAAU,SAAS,QAAA,CAAS;AAAA,KACjE,CAAE,CAAA;AACF,IAAA,OAAO,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,SAAA,EAAW,QAAA,EAAU,MAAM,SAAA,EAAU;AAAA,EAC3E;AACF,CAAC,CAAA;;;;"}

package/lib/packages/components/table/src/components/Drag/RowHandler.vue.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RowHandler_vue_vue_type_script_lang = require('./RowHandler.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["aria-grabbed", "data-scroll-top", "data-height", "data-row-key", "data-row-key-type", "innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("span", {
+    ref: "spanRef",
+    class: vue.normalizeClass(_ctx.className),
+    "aria-grabbed": _ctx.dragging,
+    "aria-hidden": true,
+    "data-scroll-top": _ctx.top,
+    "data-height": _ctx.height,
+    "data-row-key": _ctx.rowKey,
+    "data-row-key-type": _ctx.rowKeyType,
+    innerHTML: _ctx.dragIcon,
+    unselectable: "on",
+    onMousedown: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onMousedown && _ctx.onMousedown(...args), ["stop"])),
+    "on:touchstartPassive": _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
+  }, null, 42, _hoisted_1);
+}
+var RowHandler = /* @__PURE__ */ _pluginVue_exportHelper.default(RowHandler_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = RowHandler;
+//# sourceMappingURL=RowHandler.vue.js.map

package/lib/packages/components/table/src/components/Drag/RowHandler.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHandler.vue.js","sources":["../../../../../../../../../packages/components/table/src/components/Drag/RowHandler.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-06 16:03:18\n * @LastEditors: shen\n * @LastEditTime: 2025-09-30 10:41:46\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType, VNode } from 'vue'\nimport type { ColumnType, DefaultRecordType, DragRowEventInfo, Key } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  onMounted,\n  onBeforeUnmount,\n  render,\n  shallowRef,\n  createVNode,\n  reactive,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { useInjectBodyRow } from '../context/BodyRowsContext'\nimport { useInjectSlots } from '../context/TableSlotsContext'\nimport {\n  ICON_TYPE_DOWN,\n  ICON_TYPE_FORBID,\n  ICON_TYPE_UP,\n  OFFSET_X,\n  OFFSET_Y,\n  DOWN,\n  UP,\n} from './constant'\nimport { dragForbidIcon, dragUpAndDownIcon, dragIcon } from './icon'\nimport { eventsClose } from '../../utils/util'\nimport { useAutoScroll } from '../../hooks/useAutoScroll'\nimport raf from '../../utils/raf'\n\nexport default defineComponent({\n  name: 'RowDragHandler',\n  props: {\n    columnKey: [String, Number],\n    disabled: Boolean,\n    column: Object as PropType<ColumnType<DefaultRecordType>>,\n  },\n  setup(props, { slots }) {\n    const dragging = ref(false)\n    const spanRef = ref<HTMLSpanElement>()\n\n    const {\n      prefixCls,\n      dragRowsHandle,\n      draggingRowKey,\n      insertToRowKey,\n      onRowDragEnd,\n      scrollTo,\n      bodyMaxWidth,\n      isMyChildren,\n      getRecordByKey,\n      getIndexsByKey,\n      childrenColumnName,\n      getKeyByIndexs,\n      scrollTop,\n      scrollLeft,\n      showVerticalScrollbar,\n      showHorizontalScrollbar,\n    } = useInjectTable()\n    const { dragRowPlaceholderRef, bodyRef } = useInjectBody()\n    const { height, top, rowKey } = useInjectBodyRow()\n    const tableSlotsContext = useInjectSlots()\n\n    let rafFrame: RafFrame\n    const clientY = ref()\n    const clientX = ref()\n    const clientY2 = ref()\n    const dragGhostDom = document.createElement('div')\n    const allowed = ref(true)\n    let cacheMouseEvent: MouseEvent | null = null\n    let bodyRect: DOMRect | Record<string, any> = {}\n    let parentOffsetWidth = 0\n    const destroyHandlers: Array<() => void> = []\n    let dragGhostImage: VNode | null = null\n    const iconType = ref(ICON_TYPE_DOWN)\n    const fromIndexs = computed(() => getIndexsByKey(rowKey.value))\n\n    onMounted(() => {\n      if (dragRowsHandle.has(props.columnKey!)) {\n        dragRowsHandle.get?.(props.columnKey!)?.add(spanRef.value!)\n      } else {\n        dragRowsHandle.set(props.columnKey!, new Set([spanRef.value!]))\n      }\n    })\n    onBeforeUnmount(() => {\n      dragRowsHandle.get(props.columnKey!)?.delete(spanRef.value!)\n      if (dragRowsHandle.get(props.columnKey!)?.size === 0) {\n        dragRowsHandle.delete(props.columnKey!)\n      }\n      raf.cancel(rafFrame)\n      render(null, dragGhostDom)\n    })\n\n    const batchEvent = (eventList: any) => {\n      eventList.forEach((config: any) => {\n        const { target, type, listener, options } = config\n        target.addEventListener(type, listener, options)\n      })\n      destroyHandlers.push(() => {\n        eventList.forEach((config: any) => {\n          const { target, type, listener, options } = config\n          target.removeEventListener(type, listener, options)\n        })\n      })\n    }\n    const rowDragEvent = shallowRef<MouseEvent | Touch>()\n    const handleMouseMoveOrTouchMove = (\n      event: MouseEvent | Touch,\n      cacheEvent: MouseEvent | Touch,\n    ) => {\n      rowDragEvent.value = event\n      if (!dragging.value) {\n        if (eventsClose(event, cacheEvent, 4)) {\n          return\n        }\n        dragging.value = true\n        clientY2.value = event.clientY\n        draggingRowKey.value = rowKey.value\n        parentOffsetWidth = spanRef.value!.parentElement!.offsetWidth\n        getRootDocument().appendChild(dragGhostDom)\n        renderDragGhost()\n      }\n      allowed.value = true\n      clientX.value = event.clientX\n      clientY.value = event.clientY\n      ;(() => {\n        const { y, height } = bodyRect\n        const pageYOffset = window.pageYOffset || document.documentElement.scrollTop\n        return clientY.value + 10 <= y\n          ? ((dragGhostDom.style.top = y + pageYOffset - 20 + 'px'), true)\n          : clientY.value > y + height &&\n              ((dragGhostDom.style.top = y + pageYOffset + height - OFFSET_Y + 'px'), true)\n      })()\n        ? ((allowed.value = false), ensureCleared())\n        : (check(event, false), (dragGhostDom.style.top = event.pageY - OFFSET_Y + 'px'))\n      ;(() => {\n        const { x, width } = bodyRect\n        const left = window.pageXOffset || document.documentElement.scrollLeft\n        return clientX.value + OFFSET_X <= x\n          ? ((dragGhostDom.style.left = x + left - 20 + 'px'), true)\n          : clientX.value + OFFSET_X >= x + width &&\n              ((dragGhostDom.style.left = x + left + width - 20 + 'px'), true)\n      })()\n        ? (allowed.value = false)\n        : (dragGhostDom.style.left = event.pageX - OFFSET_X + 'px')\n    }\n\n    let cacheStartTouch: TouchList[number] | null | undefined\n    let cacheTouch: TouchList[number] | null | undefined\n    const getTouch = (touches: TouchList) => {\n      for (let i = 0; i < touches.length; i++) {\n        if (touches[i]?.identifier === cacheTouch?.identifier) {\n          return touches[i]\n        }\n      }\n      return null\n    }\n\n    const handleMouseUpOrToucheEnd = (event: MouseEvent | Touch) => {\n      if (dragging.value) {\n        dragging.value = false\n        getRootDocument().removeChild(dragGhostDom)\n      }\n      rowDragEvent.value = event\n      cacheMouseEvent = null\n      cacheTouch = null\n      cacheStartTouch = null\n      ensureCleared()\n      draggingRowKey.value = null\n      insertToRowKey.value = null\n      dragRowPlaceholderRef.value!.style.opacity = '0'\n      destroyHandlers.forEach((fn) => fn())\n      destroyHandlers.length = 0\n      raf.cancel(rafFrame)\n    }\n\n    const documentTouchMoveHandler = (event: TouchEvent) => {\n      event.cancelable && event.preventDefault()\n    }\n    const touchMoveHandler = (event: TouchEvent) => {\n      const touch = getTouch(event.touches)\n      touch && handleMouseMoveOrTouchMove(touch, cacheTouch!)\n    }\n    const touchEndHandler = (event: TouchEvent) => {\n      let touch = getTouch(event.touches)\n      if (!touch) {\n        touch = cacheStartTouch\n      }\n      handleMouseUpOrToucheEnd(touch!)\n    }\n\n    const contextmenuHandler = (event: MouseEvent) => event.preventDefault()\n    const mouseMoveHandler = (event: MouseEvent) => {\n      handleMouseMoveOrTouchMove(event, cacheMouseEvent!)\n    }\n    const mouseUpHandler = (event: MouseEvent) => {\n      handleMouseUpOrToucheEnd(event)\n    }\n\n    const renderDragGhostImage = () => {\n      let dragIcon = dragUpAndDownIcon\n      if (iconType.value === ICON_TYPE_FORBID) {\n        dragIcon = dragForbidIcon\n      }\n      if (tableSlotsContext.rowDragGhost) {\n        if ('preTargetInfo' in dragRowEventInfo) {\n          return tableSlotsContext.rowDragGhost({\n            record: getRecordByKey(rowKey.value),\n            preTargetInfo: dragRowEventInfo.preTargetInfo,\n            nextTargetInfo: dragRowEventInfo.nextTargetInfo,\n            column: props.column!,\n            icon: createVNode(\n              'span',\n              { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },\n              null,\n            ),\n            allowed: allowed.value,\n            dragging: dragging.value,\n            event: rowDragEvent.value!,\n          })\n        }\n      } else {\n        return [\n          createVNode(\n            'span',\n            { class: `${prefixCls.value}-drag-ghost-image-icon`, innerHTML: dragIcon },\n            null,\n          ),\n          createVNode(\n            'span',\n            {\n              class: `${prefixCls.value}-drag-ghost-image-label`,\n              style: { maxWidth: `${parentOffsetWidth}px` },\n            },\n            [slots.label?.()],\n          ),\n        ]\n      }\n    }\n\n    const renderDragGhost = () => {\n      if (!dragGhostImage) {\n        dragGhostImage = createVNode(renderDragGhostImage)\n        render(dragGhostImage, dragGhostDom)\n      }\n    }\n\n    watch(\n      [prefixCls],\n      () => {\n        dragGhostDom.className = `${prefixCls.value}-drag-ghost-image`\n      },\n      { immediate: true },\n    )\n    const dragRowEventInfo = reactive<DragRowEventInfo>({} as DragRowEventInfo)\n    const getRootDocument = () => document.fullscreenElement || document.body\n\n    const getDragDirection = () => {\n      const { top } = spanRef.value!.getBoundingClientRect()\n      return clientY.value - top >= 0 ? DOWN : UP\n    }\n\n    const handleDraging = () => {\n      const { preTargetInfo, nextTargetInfo } = dragRowEventInfo\n      if (isMyChildren(rowKey.value, preTargetInfo?.rowKey || '') || !allowed.value) {\n        dragRowPlaceholderRef.value!.style.opacity = '0'\n        insertToRowKey.value = null\n        return\n      }\n      let nextTargetRowKey: any = null\n      const preTargetParentIndexs = preTargetInfo ? preTargetInfo.indexs.slice(0, -1) : []\n      let preTargetParentRowKey = preTargetParentIndexs.length\n        ? getKeyByIndexs(preTargetParentIndexs.join('-'))\n        : null\n      if (nextTargetInfo) {\n        const { y, centerY, record, rowKey: nextRowKey } = nextTargetInfo\n        if (\n          record[childrenColumnName.value] &&\n          clientY.value > y + OFFSET_Y &&\n          clientY.value < centerY\n        ) {\n          nextTargetRowKey = nextRowKey\n        }\n      }\n      if (preTargetInfo && nextTargetRowKey === null) {\n        if (\n          (nextTargetInfo &&\n            !isMyChildren(preTargetInfo.rowKey, nextTargetInfo.rowKey) &&\n            nextTargetInfo.indexs.slice(0, -1).join('-') !==\n              preTargetInfo.indexs.slice(0, -1).join('-')) ||\n          !nextTargetInfo\n        ) {\n          const { centerY, height, y } = preTargetInfo\n          if (clientY.value < centerY + height / 4) {\n            nextTargetRowKey = preTargetParentIndexs.length\n              ? getKeyByIndexs(preTargetParentIndexs.join('-'))\n              : null\n          } else if (\n            clientY.value < y + height &&\n            (!nextTargetInfo || nextTargetInfo.indexs.length < preTargetInfo.indexs.length)\n          ) {\n            const preTargetParentParentIndexs = preTargetParentIndexs.slice(0, -1)\n            nextTargetRowKey = preTargetParentParentIndexs.length\n              ? getKeyByIndexs(preTargetParentParentIndexs.join('-'))\n              : null\n            preTargetParentRowKey = nextTargetRowKey\n          } else {\n            preTargetParentRowKey = null\n          }\n        } else {\n          isMyChildren(preTargetInfo.rowKey, nextTargetInfo.rowKey) &&\n            (nextTargetRowKey = preTargetInfo.rowKey)\n        }\n      }\n\n      nextTargetRowKey === rowKey.value && (nextTargetRowKey = null)\n      if (nextTargetRowKey !== nextTargetInfo?.rowKey) {\n        dragRowPlaceholderRef.value!.style.opacity = '1'\n        dragRowPlaceholderRef.value!.style.top = `${preTargetInfo ? preTargetInfo.top + preTargetInfo.height : 0}px`\n        dragRowPlaceholderRef.value!.style.width = `${bodyMaxWidth.value}px`\n        if (!nextTargetInfo && preTargetInfo) {\n          dragRowPlaceholderRef.value!.style.top =\n            preTargetInfo.top +\n            preTargetInfo.height -\n            dragRowPlaceholderRef.value!.offsetHeight +\n            'px'\n        } else if (!preTargetInfo) {\n          dragRowPlaceholderRef.value!.style.top = `0px`\n        }\n      } else {\n        dragRowPlaceholderRef.value!.style.opacity = '0'\n      }\n      dragRowEventInfo.insertToRowKey = (nextTargetRowKey ?? preTargetParentRowKey) as Key\n      insertToRowKey.value = dragRowEventInfo.insertToRowKey\n    }\n\n    watch([dragging, clientY, allowed], () => {\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        dragging.value && !allowed.value && (iconType.value = ICON_TYPE_FORBID)\n        if (dragging.value && allowed.value) {\n          const dir = getDragDirection()\n          iconType.value = dir === DOWN ? ICON_TYPE_DOWN : ICON_TYPE_UP\n          const targetInfos: any[] = []\n          for (const dragHandle of dragRowsHandle.get(props.columnKey!)!.values()) {\n            const { y } = dragHandle.getBoundingClientRect()\n            const top = +dragHandle.getAttribute('data-scroll-top')!\n            const height = +dragHandle.getAttribute('data-height')!\n            const rowKeyType = dragHandle.getAttribute('data-row-key-type')\n            let rowKey: Key = dragHandle.getAttribute('data-row-key')!\n            rowKey = rowKeyType === 'number' ? +rowKey : rowKey\n            targetInfos.push({\n              y,\n              top,\n              height,\n              rowKey,\n              record: getRecordByKey(rowKey),\n              indexs: getIndexsByKey(rowKey),\n              centerY: y + height / 2,\n            })\n          }\n          targetInfos.sort((a, b) => a.centerY - b.centerY)\n          let preTargetInfo = targetInfos[targetInfos.length - 1] || null\n          let nextTargetInfo = null\n          const currentClientY = clientY.value\n          for (let i = 0, len = targetInfos.length; i < len; i++) {\n            const targetInfo = targetInfos[i]\n            const { centerY } = targetInfo\n            if (currentClientY <= centerY) {\n              preTargetInfo = targetInfos[i - 1] || null\n              nextTargetInfo = targetInfo\n              break\n            }\n          }\n\n          const newDragRowEventInfo = {\n            record: getRecordByKey(rowKey.value),\n            top: top.value,\n            height: height.value,\n            dir,\n            rowKey: rowKey.value,\n            event: rowDragEvent.value,\n            column: props.column,\n            preTargetInfo,\n            nextTargetInfo,\n            fromIndexs: fromIndexs.value,\n            insertToRowKey: undefined,\n          }\n          Object.assign(dragRowEventInfo, newDragRowEventInfo)\n          handleDraging()\n        } else {\n          dragRowPlaceholderRef.value!.style.opacity = '0'\n        }\n      })\n    })\n\n    const { check, ensureCleared } = useAutoScroll({\n      scrollContainer: bodyRef,\n      scrollAxis: 'y',\n      getVerticalPosition: () => scrollTop.value,\n      setVerticalPosition: (pos: number) => {\n        scrollTo(pos)\n      },\n      getHorizontalPosition: () => scrollLeft.value,\n      setHorizontalPosition: (pos: number) => scrollTo({ left: pos }),\n      showVerticalScrollbar: showVerticalScrollbar,\n      showHorizontalScrollbar: showHorizontalScrollbar,\n    })\n\n    watch(dragging, () => {\n      if (!dragging.value && allowed.value) {\n        onRowDragEnd(Object.assign({}, dragRowEventInfo, { event: rowDragEvent.value }))\n      }\n    })\n\n    const className = computed(() => ({\n      [`${prefixCls.value}-drag-handle`]: true,\n      [`${prefixCls.value}-drag-handle-disabled`]: props.disabled,\n      [`${prefixCls.value}-drag-dragging`]: dragging.value,\n    }))\n\n    return {\n      dragIcon,\n      dragging,\n      className,\n      spanRef,\n      top,\n      height,\n      rowKey,\n      rowKeyType: computed(() => typeof rowKey.value),\n      onMousedown: (event: MouseEvent) => {\n        event.preventDefault()\n        if (props.disabled) {\n          return\n        }\n        dragging.value = false\n        cacheMouseEvent = event\n        bodyRect = bodyRef.value!.getBoundingClientRect()\n        batchEvent([\n          { target: document, type: 'mousemove', listener: mouseMoveHandler },\n          { target: document, type: 'mouseup', listener: mouseUpHandler },\n          { target: document, type: 'contextmenu', listener: contextmenuHandler },\n        ])\n      },\n      onTouchStart: (event: TouchEvent) => {\n        if (props.disabled) return\n        dragging.value = false\n        const touch = event.touches[0]\n        cacheStartTouch = touch\n        cacheTouch = touch\n        bodyRect = bodyRef.value!.getBoundingClientRect()\n        const spanDom = spanRef.value\n        const eventList = [\n          {\n            target: document,\n            type: 'touchmove',\n            listener: documentTouchMoveHandler,\n            options: { passive: false },\n          },\n          {\n            target: spanDom,\n            type: 'touchmove',\n            listener: touchMoveHandler,\n            options: { passive: true },\n          },\n          {\n            target: spanDom,\n            type: 'touchend',\n            listener: touchEndHandler,\n            options: { passive: true },\n          },\n          {\n            target: spanDom,\n            type: 'touchcancel',\n            listener: touchEndHandler,\n            options: { passive: true },\n          },\n        ]\n        batchEvent(eventList)\n      },\n    }\n  },\n})\n</script>\n\n<template>\n  <span\n    ref=\"spanRef\"\n    :class=\"className\"\n    :aria-grabbed=\"dragging\"\n    :aria-hidden=\"true\"\n    :data-scroll-top=\"top\"\n    :data-height=\"height\"\n    :data-row-key=\"rowKey\"\n    :data-row-key-type=\"rowKeyType\"\n    :innerHTML=\"dragIcon\"\n    unselectable=\"on\"\n    @mousedown.stop=\"onMousedown\"\n    @touchstartPassive=\"onTouchStart\"\n  >\n  </span>\n</template>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;0BAkfEA,sBAAA,CAcO,MAAA,EAAA;AAAA,IAbL,GAAA,EAAI,SAAA;AAAA,IACH,KAAA,EAAKC,kBAAA,CAAE,IAAA,CAAA,SAAS,CAAA;AAAA,IAChB,gBAAc,IAAA,CAAA,QAAA;AAAA,IACd,aAAA,EAAa,IAAA;AAAA,IACb,mBAAiB,IAAA,CAAA,GAAA;AAAA,IACjB,eAAa,IAAA,CAAA,MAAA;AAAA,IACb,gBAAc,IAAA,CAAA,MAAA;AAAA,IACd,qBAAmB,IAAA,CAAA,UAAA;AAAA,IACnB,WAAW,IAAA,CAAA,QAAA;AAAA,IACZ,YAAA,EAAa,IAAA;AAAA,IACZ,aAAS,MAAA,mDAAO,IAAA,CAAA,WAAA,IAAA,KAAA,WAAA,CAAA,GAAA,IAAA,CAAA,EAAW,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,IAC3B,sBAAA,EAAiB,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,YAAA,IAAA,IAAA,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA;AAAA,GAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;;;;"}