pro-design-vue 0.0.1-beta.1

package/lib/components/table/src/components/Filter/FilterItems.vue.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FilterItems_vue_vue_type_script_lang = require('./FilterItems.vue2.js');
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = {
+  key: 1,
+  style: { "margin": "16px 0" }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FilterItems = vue.resolveComponent("FilterItems", true);
+  const _component_SubMenu = vue.resolveComponent("SubMenu");
+  const _component_MenuItem = vue.resolveComponent("MenuItem");
+  const _component_Empty = vue.resolveComponent("Empty");
+  return vue.openBlock(), vue.createBlock(
+    vue.resolveDynamicComponent(_ctx.root ? "AMenu" : "RenderSlot"),
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.menuProps)),
+    {
+      default: vue.withCtx(() => [
+        _ctx.filters && _ctx.filters.length ? (vue.openBlock(true), vue.createElementBlock(
+          vue.Fragment,
+          { key: 0 },
+          vue.renderList(_ctx.filters, (filter, index) => {
+            return vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              {
+                key: filter.value === void 0 ? index : filter.value
+              },
+              [
+                filter.children ? (vue.openBlock(), vue.createBlock(_component_SubMenu, {
+                  title: filter.text,
+                  "popup-class-name": `${_ctx.prefixCls}-dropdown-submenu`,
+                  key: filter.value === void 0 ? index : String(filter.value)
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(filter.children, (child, childIndex) => {
+                        return vue.openBlock(), vue.createBlock(_component_FilterItems, vue.mergeProps({ ref_for: true }, _ctx.props, {
+                          key: child.value === void 0 ? childIndex : String(child.value),
+                          filters: [child],
+                          root: false
+                        }), null, 16, ["filters"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["title", "popup-class-name"])) : (vue.openBlock(), vue.createBlock(
+                  _component_MenuItem,
+                  {
+                    key: filter.value === void 0 ? index : String(filter.value)
+                  },
+                  {
+                    default: vue.withCtx(() => {
+                      var _a;
+                      return [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.filterMultiple ? "Checkbox" : "Radio"), {
+                          "prefix-cls": _ctx.rootPrefixCls,
+                          checked: (_a = _ctx.filteredKeys) == null ? void 0 : _a.includes(filter.value === void 0 ? index : String(filter.value))
+                        }, null, 8, ["prefix-cls", "checked"])),
+                        vue.createElementVNode(
+                          "span",
+                          null,
+                          vue.toDisplayString(filter.text),
+                          1
+                          /* TEXT */
+                        )
+                      ];
+                    }),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createVNode(_component_Empty, {
+            image: _ctx.emptyImage,
+            description: _ctx.locale && _ctx.locale.filterEmptyText,
+            "image-style": { height: 24 }
+          }, null, 8, ["image", "description"])
+        ]))
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var FilterItems = /* @__PURE__ */ _pluginVue_exportHelper.default(FilterItems_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = FilterItems;
+//# sourceMappingURL=FilterItems.vue.js.map

package/lib/components/table/src/components/Filter/FilterItems.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterItems.vue.js","sources":["../../../../../../../../packages/components/table/src/components/Filter/FilterItems.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 21:51:35\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:36:46\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { Key, ColumnFilterItem, TableLocale, GetPopupContainer } from '../interface'\n\nimport { defineComponent, computed } from 'vue'\nimport { Empty, Menu, SubMenu, MenuItem } from 'ant-design-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { RenderSlot } from '@pro-design-vue/utils'\nimport Checkbox from '../Checkbox'\nimport Radio from '../Radio'\n\nexport default defineComponent({\n  name: 'FilterItems',\n  inheritAttrs: false,\n  components: {\n    Checkbox,\n    Empty,\n    Radio,\n    AMenu: Menu,\n    SubMenu,\n    MenuItem,\n    RenderSlot,\n  },\n  props: {\n    filters: Array as PropType<ColumnFilterItem[]>,\n    prefixCls: String,\n    dropdownPrefixCls: String,\n    filteredKeys: Array as PropType<Key[]>,\n    filterMultiple: Boolean,\n    locale: { type: Object as PropType<TableLocale>, default: undefined },\n    root: Boolean,\n    getPopupContainer: Function as PropType<GetPopupContainer>,\n    onSelectKeys: Function,\n    onOpenChange: Function,\n    onMenuClick: Function,\n    openKeys: Array as PropType<string[]>,\n  },\n  setup(props) {\n    const { prefixCls: rootPrefixCls } = useInjectTable()\n    const menuProps = computed(() =>\n      props.root\n        ? {\n            multiple: props.filterMultiple,\n            getPopupContainer: props.getPopupContainer,\n            onSelect: props.onSelectKeys,\n            onDeselect: props.onSelectKeys,\n            selectedKeys: props.filteredKeys,\n            onOpenChange: props.onOpenChange,\n            onClick: props.onMenuClick,\n            openKeys: props.openKeys,\n            class: `${props.prefixCls}-dropdown-menu`,\n          }\n        : {},\n    )\n    return {\n      emptyImage: Empty.PRESENTED_IMAGE_SIMPLE,\n      menuProps,\n      rootPrefixCls,\n      props,\n    }\n  },\n})\n</script>\n\n<template>\n  <component :is=\"root ? 'AMenu' : 'RenderSlot'\" v-bind=\"menuProps\">\n    <template v-if=\"filters && filters.length\">\n      <template\n        v-for=\"(filter, index) in filters\"\n        :key=\"filter.value === undefined ? index : filter.value\"\n      >\n        <SubMenu\n          v-if=\"filter.children\"\n          :title=\"filter.text\"\n          :popup-class-name=\"`${prefixCls}-dropdown-submenu`\"\n          :key=\"filter.value === undefined ? index : String(filter.value)\"\n        >\n          <FilterItems\n            v-bind=\"props\"\n            v-for=\"(child, childIndex) in filter.children\"\n            :key=\"child.value === undefined ? childIndex : String(child.value)\"\n            :filters=\"[child]\"\n            :root=\"false\"\n          ></FilterItems>\n        </SubMenu>\n        <template v-else>\n          <MenuItem :key=\"filter.value === undefined ? index : String(filter.value)\">\n            <component\n              :is=\"filterMultiple ? 'Checkbox' : 'Radio'\"\n              :prefix-cls=\"rootPrefixCls\"\n              :checked=\"\n                filteredKeys?.includes(filter.value === undefined ? index : String(filter.value))\n              \"\n            />\n            <span>{{ filter.text }}</span>\n          </MenuItem>\n        </template>\n      </template>\n    </template>\n    <div v-else style=\"margin: 16px 0\">\n      <Empty\n        :image=\"emptyImage\"\n        :description=\"locale && locale.filterEmptyText\"\n        :image-style=\"{ height: 24 }\"\n      />\n    </div>\n  </component>\n</template>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","_withCtx","_createElementBlock","_Fragment","_renderList","_mergeProps","_createElementVNode","_toDisplayString","_createVNode"],"mappings":"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"}

package/lib/components/table/src/components/Filter/FilterItems.vue2.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var TableContext = require('../context/TableContext.js');
+var Checkbox = require('../Checkbox.js');
+var Radio = require('../Radio.js');
+var renderVnode = require('../../../../../utils/render-vnode.js');
+
+var _sfc_main = vue.defineComponent({
+  name: "FilterItems",
+  inheritAttrs: false,
+  components: {
+    Checkbox: Checkbox.default,
+    Empty: antDesignVue.Empty,
+    Radio: Radio.default,
+    AMenu: antDesignVue.Menu,
+    SubMenu: antDesignVue.SubMenu,
+    MenuItem: antDesignVue.MenuItem,
+    RenderSlot: renderVnode.RenderSlot
+  },
+  props: {
+    filters: Array,
+    prefixCls: String,
+    dropdownPrefixCls: String,
+    filteredKeys: Array,
+    filterMultiple: Boolean,
+    locale: { type: Object, default: void 0 },
+    root: Boolean,
+    getPopupContainer: Function,
+    onSelectKeys: Function,
+    onOpenChange: Function,
+    onMenuClick: Function,
+    openKeys: Array
+  },
+  setup(props) {
+    const { prefixCls: rootPrefixCls } = TableContext.useInjectTable();
+    const menuProps = vue.computed(
+      () => props.root ? {
+        multiple: props.filterMultiple,
+        getPopupContainer: props.getPopupContainer,
+        onSelect: props.onSelectKeys,
+        onDeselect: props.onSelectKeys,
+        selectedKeys: props.filteredKeys,
+        onOpenChange: props.onOpenChange,
+        onClick: props.onMenuClick,
+        openKeys: props.openKeys,
+        class: `${props.prefixCls}-dropdown-menu`
+      } : {}
+    );
+    return {
+      emptyImage: antDesignVue.Empty.PRESENTED_IMAGE_SIMPLE,
+      menuProps,
+      rootPrefixCls,
+      props
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=FilterItems.vue2.js.map

package/lib/components/table/src/components/Filter/FilterItems.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterItems.vue2.js","sources":["../../../../../../../../packages/components/table/src/components/Filter/FilterItems.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 21:51:35\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:36:46\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { Key, ColumnFilterItem, TableLocale, GetPopupContainer } from '../interface'\n\nimport { defineComponent, computed } from 'vue'\nimport { Empty, Menu, SubMenu, MenuItem } from 'ant-design-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { RenderSlot } from '@pro-design-vue/utils'\nimport Checkbox from '../Checkbox'\nimport Radio from '../Radio'\n\nexport default defineComponent({\n  name: 'FilterItems',\n  inheritAttrs: false,\n  components: {\n    Checkbox,\n    Empty,\n    Radio,\n    AMenu: Menu,\n    SubMenu,\n    MenuItem,\n    RenderSlot,\n  },\n  props: {\n    filters: Array as PropType<ColumnFilterItem[]>,\n    prefixCls: String,\n    dropdownPrefixCls: String,\n    filteredKeys: Array as PropType<Key[]>,\n    filterMultiple: Boolean,\n    locale: { type: Object as PropType<TableLocale>, default: undefined },\n    root: Boolean,\n    getPopupContainer: Function as PropType<GetPopupContainer>,\n    onSelectKeys: Function,\n    onOpenChange: Function,\n    onMenuClick: Function,\n    openKeys: Array as PropType<string[]>,\n  },\n  setup(props) {\n    const { prefixCls: rootPrefixCls } = useInjectTable()\n    const menuProps = computed(() =>\n      props.root\n        ? {\n            multiple: props.filterMultiple,\n            getPopupContainer: props.getPopupContainer,\n            onSelect: props.onSelectKeys,\n            onDeselect: props.onSelectKeys,\n            selectedKeys: props.filteredKeys,\n            onOpenChange: props.onOpenChange,\n            onClick: props.onMenuClick,\n            openKeys: props.openKeys,\n            class: `${props.prefixCls}-dropdown-menu`,\n          }\n        : {},\n    )\n    return {\n      emptyImage: Empty.PRESENTED_IMAGE_SIMPLE,\n      menuProps,\n      rootPrefixCls,\n      props,\n    }\n  },\n})\n</script>\n\n<template>\n  <component :is=\"root ? 'AMenu' : 'RenderSlot'\" v-bind=\"menuProps\">\n    <template v-if=\"filters && filters.length\">\n      <template\n        v-for=\"(filter, index) in filters\"\n        :key=\"filter.value === undefined ? index : filter.value\"\n      >\n        <SubMenu\n          v-if=\"filter.children\"\n          :title=\"filter.text\"\n          :popup-class-name=\"`${prefixCls}-dropdown-submenu`\"\n          :key=\"filter.value === undefined ? index : String(filter.value)\"\n        >\n          <FilterItems\n            v-bind=\"props\"\n            v-for=\"(child, childIndex) in filter.children\"\n            :key=\"child.value === undefined ? childIndex : String(child.value)\"\n            :filters=\"[child]\"\n            :root=\"false\"\n          ></FilterItems>\n        </SubMenu>\n        <template v-else>\n          <MenuItem :key=\"filter.value === undefined ? index : String(filter.value)\">\n            <component\n              :is=\"filterMultiple ? 'Checkbox' : 'Radio'\"\n              :prefix-cls=\"rootPrefixCls\"\n              :checked=\"\n                filteredKeys?.includes(filter.value === undefined ? index : String(filter.value))\n              \"\n            />\n            <span>{{ filter.text }}</span>\n          </MenuItem>\n        </template>\n      </template>\n    </template>\n    <div v-else style=\"margin: 16px 0\">\n      <Empty\n        :image=\"emptyImage\"\n        :description=\"locale && locale.filterEmptyText\"\n        :image-style=\"{ height: 24 }\"\n      />\n    </div>\n  </component>\n</template>\n"],"names":["defineComponent","Checkbox","Empty","Radio","Menu","SubMenu","MenuItem","RenderSlot","useInjectTable","computed"],"mappings":";;;;;;;;;;;AAkBA,gBAAeA,mBAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,aAAA;AAAA,EACN,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY;AAAA,cACVC,gBAAA;AAAA,WACAC,kBAAA;AAAA,WACAC,aAAA;AAAA,IACA,KAAA,EAAOC,iBAAA;AAAA,aACPC,oBAAA;AAAA,cACAC,qBAAA;AAAA,gBACAC;AAAA,GACF;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,KAAA;AAAA,IACT,SAAA,EAAW,MAAA;AAAA,IACX,iBAAA,EAAmB,MAAA;AAAA,IACnB,YAAA,EAAc,KAAA;AAAA,IACd,cAAA,EAAgB,OAAA;AAAA,IAChB,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAA,EAAiC,SAAS,MAAA,EAAU;AAAA,IACpE,IAAA,EAAM,OAAA;AAAA,IACN,iBAAA,EAAmB,QAAA;AAAA,IACnB,YAAA,EAAc,QAAA;AAAA,IACd,YAAA,EAAc,QAAA;AAAA,IACd,WAAA,EAAa,QAAA;AAAA,IACb,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,MAAM,KAAA,EAAO;AACX,IAAA,MAAM,EAAE,SAAA,EAAW,aAAA,EAAc,GAAIC,2BAAA,EAAe;AACpD,IAAA,MAAM,SAAA,GAAYC,YAAA;AAAA,MAAS,MACzB,MAAM,IAAA,GACF;AAAA,QACE,UAAU,KAAA,CAAM,cAAA;AAAA,QAChB,mBAAmB,KAAA,CAAM,iBAAA;AAAA,QACzB,UAAU,KAAA,CAAM,YAAA;AAAA,QAChB,YAAY,KAAA,CAAM,YAAA;AAAA,QAClB,cAAc,KAAA,CAAM,YAAA;AAAA,QACpB,cAAc,KAAA,CAAM,YAAA;AAAA,QACpB,SAAS,KAAA,CAAM,WAAA;AAAA,QACf,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,KAAA,EAAO,CAAA,EAAG,KAAA,CAAM,SAAS,CAAA,cAAA;AAAA,UAE3B;AAAC,KACP;AACA,IAAA,OAAO;AAAA,MACL,YAAYP,kBAAA,CAAM,sBAAA;AAAA,MAClB,SAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/lib/components/table/src/components/Filter/FilterWrapper.d.ts

@@ -0,0 +1,4 @@
+declare const FilterDropdownMenuWrapper: (_props: any, { slots, }: {
+    slots: any;
+}) => any;
+export default FilterDropdownMenuWrapper;

package/lib/components/table/src/components/Filter/FilterWrapper.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const FilterDropdownMenuWrapper = (_props, { slots }) => {
+  var _a;
+  return vue.createVNode("div", { onClick: (e) => e.stopPropagation() }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+};
+
+exports.default = FilterDropdownMenuWrapper;
+//# sourceMappingURL=FilterWrapper.js.map

package/lib/components/table/src/components/Filter/FilterWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterWrapper.js","sources":["../../../../../../../../packages/components/table/src/components/Filter/FilterWrapper.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-11-07 13:03:05\n * @LastEditors: shen\n * @LastEditTime: 2024-02-21 13:53:58\n * @Description:\n */\nimport { createVNode } from 'vue'\n\nconst FilterDropdownMenuWrapper: (\n  _props: any,\n  {\n    slots,\n  }: {\n    slots: any\n  },\n) => any = (_props, { slots }) => {\n  return createVNode('div', { onClick: (e: any) => e.stopPropagation() }, [slots.default?.()])\n}\nexport default FilterDropdownMenuWrapper\n"],"names":["createVNode"],"mappings":";;;;;;AASA,MAAM,yBAAA,GAOK,CAAC,MAAA,EAAQ,EAAE,OAAM,KAAM;AAhBlC,EAAA,IAAA,EAAA;AAiBE,EAAA,OAAOA,eAAA,CAAY,KAAA,EAAO,EAAE,OAAA,EAAS,CAAC,CAAA,KAAW,CAAA,CAAE,eAAA,EAAgB,EAAE,EAAG,CAAA,CAAC,EAAA,GAAA,KAAA,CAAM,OAAA,KAAN,8BAAiB,CAAC,CAAA;AAC7F;;;;"}

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

@@ -0,0 +1,88 @@
+import type { PropType } from 'vue';
+import type { Bordered, ColumnsType, SearchConfig } from '../interface';
+import type { ProQueryFilterProps } from 'pro-design-vue/es/components/form';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    columns: {
+        type: PropType<ColumnsType>;
+        default: () => never[];
+    };
+    search: {
+        type: PropType<SearchConfig>;
+        default: undefined;
+    };
+    cardBordered: {
+        type: PropType<Bordered>;
+        default: undefined;
+    };
+    loading: BooleanConstructor;
+    manual: BooleanConstructor;
+    beforeSearchSubmit: {
+        type: PropType<(params: Partial<any>) => any>;
+        default: (searchParams: Partial<any>) => Partial<any>;
+    };
+    onSubmit: {
+        type: PropType<ProQueryFilterProps["onFinish"]>;
+        default: undefined;
+    };
+    onReset: {
+        type: PropType<ProQueryFilterProps["onReset"]>;
+        default: undefined;
+    };
+    onFormSearchSubmit: {
+        type: PropType<(params: any) => void>;
+        default: undefined;
+    };
+    onSearchTabChange: {
+        type: PropType<(params: any) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: StringConstructor;
+    columns: {
+        type: PropType<ColumnsType>;
+        default: () => never[];
+    };
+    search: {
+        type: PropType<SearchConfig>;
+        default: undefined;
+    };
+    cardBordered: {
+        type: PropType<Bordered>;
+        default: undefined;
+    };
+    loading: BooleanConstructor;
+    manual: BooleanConstructor;
+    beforeSearchSubmit: {
+        type: PropType<(params: Partial<any>) => any>;
+        default: (searchParams: Partial<any>) => Partial<any>;
+    };
+    onSubmit: {
+        type: PropType<ProQueryFilterProps["onFinish"]>;
+        default: undefined;
+    };
+    onReset: {
+        type: PropType<ProQueryFilterProps["onReset"]>;
+        default: undefined;
+    };
+    onFormSearchSubmit: {
+        type: PropType<(params: any) => void>;
+        default: undefined;
+    };
+    onSearchTabChange: {
+        type: PropType<(params: any) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    search: SearchConfig;
+    onReset: ((formData?: import("pro-design-vue").Entity | undefined) => void) | undefined;
+    onSubmit: ((formData: import("pro-design-vue").Entity) => Promise<boolean | void> | boolean | void) | undefined;
+    manual: boolean;
+    columns: ColumnsType;
+    beforeSearchSubmit: (params: Partial<any>) => any;
+    cardBordered: Bordered;
+    onFormSearchSubmit: (params: any) => void;
+    onSearchTabChange: (params: any) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/table/src/components/Form/Form.js

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../../form/index.js');
+var antDesignVue = require('ant-design-vue');
+var util = require('../../utils/util.js');
+var omit = require('../../../../../utils/omit.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const flatColumnsHandle = (columns) => {
+  const flatColumns = [];
+  const loopColumns = (columns2) => {
+    columns2.forEach((column) => {
+      var _a;
+      if ((_a = column == null ? void 0 : column.children) == null ? void 0 : _a.length) {
+        loopColumns(column == null ? void 0 : column.children);
+      } else {
+        flatColumns.push(column);
+      }
+    });
+  };
+  loopColumns(columns);
+  return flatColumns;
+};
+var FormRender = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    prefixCls: String,
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    search: {
+      type: Object,
+      default: void 0
+    },
+    cardBordered: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    loading: Boolean,
+    manual: Boolean,
+    beforeSearchSubmit: {
+      type: Function,
+      default: (searchParams) => searchParams
+    },
+    onSubmit: {
+      type: Function,
+      default: void 0
+    },
+    onReset: {
+      type: Function,
+      default: void 0
+    },
+    onFormSearchSubmit: {
+      type: Function,
+      default: void 0
+    },
+    onSearchTabChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup: (props) => {
+    var _a, _b, _c;
+    const activeTabKey = vue.ref(((_a = props.search) == null ? void 0 : _a.cardProps) !== false ? (_c = (_b = props.search) == null ? void 0 : _b.cardProps) == null ? void 0 : _c.activeTabKey : "");
+    const formItems = vue.computed(() => {
+      var _a2, _b2, _c2;
+      if ((_b2 = (_a2 = props.search) == null ? void 0 : _a2.items) == null ? void 0 : _b2.length) {
+        return (_c2 = props.search) == null ? void 0 : _c2.items;
+      }
+      return flatColumnsHandle(props.columns).filter((item) => {
+        if (item.hideInSearch) {
+          return false;
+        }
+        return true;
+      }).map((item) => {
+        return {
+          ...item,
+          width: void 0,
+          tooltip: item.headerTooltip,
+          name: item.dataIndex
+        };
+      });
+    });
+    const cardProps = vue.computed(() => {
+      var _a2, _b2;
+      if (!((_a2 = props.search) == null ? void 0 : _a2.cardProps)) {
+        return {};
+      }
+      return (_b2 = props.search) == null ? void 0 : _b2.cardProps;
+    });
+    const submit = async (values, firstLoad) => {
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+      const tabParams = ((_b2 = (_a2 = cardProps.value) == null ? void 0 : _a2.tabList) == null ? void 0 : _b2.length) ? {
+        [(_d = (_c2 = props.search) == null ? void 0 : _c2.tabName) != null ? _d : "tab"]: cardProps.value.activeTabKey || ((_g = (_f = (_e = cardProps.value) == null ? void 0 : _e.tabList) == null ? void 0 : _f[0]) == null ? void 0 : _g.key)
+      } : {};
+      const submitParams = omit.omitUndefined(props.beforeSearchSubmit({
+        ...values,
+        ...tabParams
+      }));
+      (_h = props.onFormSearchSubmit) == null ? void 0 : _h.call(props, submitParams);
+      if (props.onSubmit && !firstLoad) {
+        props.onSubmit(submitParams);
+      }
+    };
+    const onTabChange = (key) => {
+      var _a2, _b2, _c2, _d, _e;
+      activeTabKey.value = key;
+      (_c2 = props.onSearchTabChange) == null ? void 0 : _c2.call(props, {
+        [(_b2 = (_a2 = props.search) == null ? void 0 : _a2.tabName) != null ? _b2 : "tab"]: key
+      });
+      (_e = (_d = cardProps.value) == null ? void 0 : _d.onTabChange) == null ? void 0 : _e.call(_d, key);
+    };
+    return () => {
+      var _a2, _b2, _c2;
+      const searchDom = vue.createVNode(index.ProQueryFilter, vue.mergeProps({
+        "class": `${props.prefixCls}-form`
+      }, omit.omit(props.search || {}, ["cardProps", "tabName"]), {
+        "items": formItems.value,
+        "loading": props.loading,
+        "style": {
+          marginBlockEnd: ((_a2 = props.search) == null ? void 0 : _a2.cardProps) !== false ? 0 : "40px"
+        },
+        "onReset": props.onReset,
+        "onFinish": (values) => {
+          submit(values, false);
+        },
+        "onValuesChange": (values) => {
+          var _a3, _b3, _c3;
+          if (((_a3 = props.search) == null ? void 0 : _a3.submitter) === false) {
+            submit(values, true);
+          }
+          (_c3 = (_b3 = props.search) == null ? void 0 : _b3.onValuesChange) == null ? void 0 : _c3.call(_b3, values);
+        },
+        "onInit": (values) => {
+          submit(values, true);
+        }
+      }), null);
+      if (((_b2 = props.search) == null ? void 0 : _b2.cardProps) !== false) {
+        return vue.createVNode(antDesignVue.Card, vue.mergeProps({
+          "class": `${props.prefixCls}-search`,
+          "activeTabKey": activeTabKey.value,
+          "bordered": util.isBordered("search", props.cardBordered),
+          "style": {
+            marginBlockEnd: "16px"
+          }
+        }, omit.omit((_c2 = cardProps.value) != null ? _c2 : {}, ["onTabChange", "activeTabKey"]), {
+          "onTabChange": onTabChange
+        }), _isSlot(searchDom) ? searchDom : {
+          default: () => [searchDom]
+        });
+      }
+      return searchDom;
+    };
+  }
+});
+
+exports.default = FormRender;
+//# sourceMappingURL=Form.js.map

package/lib/components/table/src/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../../../../../../packages/components/table/src/components/Form/Form.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-07 15:07:59\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:45:47\n * @Description:\n */\nimport type { PropType } from 'vue'\nimport type { Bordered, ColumnGroupType, ColumnsType, SearchConfig } from '../interface'\nimport type { ProFormItemType, ProQueryFilterProps } from '@pro-design-vue/components/form'\n\nimport { computed, defineComponent, ref } from 'vue'\nimport { ProQueryFilter } from '@pro-design-vue/components/form'\nimport { Card } from 'ant-design-vue'\nimport { isBordered } from '../../utils/util'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\n\nconst flatColumnsHandle = (columns: ColumnsType) => {\n  const flatColumns: ColumnsType = []\n  const loopColumns = (columns: ColumnsType) => {\n    columns.forEach((column: ColumnGroupType) => {\n      if (column?.children?.length) {\n        loopColumns(column?.children)\n      } else {\n        flatColumns.push(column)\n      }\n    })\n  }\n  loopColumns(columns)\n  return flatColumns\n}\n\nexport default defineComponent({\n  props: {\n    prefixCls: String,\n    columns: {\n      type: Array as PropType<ColumnsType>,\n      default: () => [],\n    },\n    search: {\n      type: Object as PropType<SearchConfig>,\n      default: undefined,\n    },\n    cardBordered: {\n      type: [Boolean, Object] as PropType<Bordered>,\n      default: undefined,\n    },\n    loading: Boolean,\n    manual: Boolean,\n    beforeSearchSubmit: {\n      type: Function as PropType<(params: Partial<any>) => any>,\n      default: (searchParams: Partial<any>) => searchParams,\n    },\n    onSubmit: {\n      type: Function as PropType<ProQueryFilterProps['onFinish']>,\n      default: undefined,\n    },\n    onReset: {\n      type: Function as PropType<ProQueryFilterProps['onReset']>,\n      default: undefined,\n    },\n    onFormSearchSubmit: {\n      type: Function as PropType<(params: any) => void>,\n      default: undefined,\n    },\n    onSearchTabChange: {\n      type: Function as PropType<(params: any) => void>,\n      default: undefined,\n    },\n  },\n  setup: (props) => {\n    const activeTabKey = ref(\n      props.search?.cardProps !== false ? props.search?.cardProps?.activeTabKey : '',\n    )\n    const formItems = computed(() => {\n      if (props.search?.items?.length) {\n        return props.search?.items\n      }\n      return flatColumnsHandle(props.columns)\n        .filter((item) => {\n          if (item.hideInSearch) {\n            return false\n          }\n          return true\n        })\n        .map((item) => {\n          return {\n            ...item,\n            width: undefined,\n            tooltip: item.headerTooltip,\n            name: item.dataIndex,\n          } as ProFormItemType\n        })\n    })\n\n    const cardProps = computed(() => {\n      if (!props.search?.cardProps) {\n        return {}\n      }\n      return props.search?.cardProps\n    })\n\n    /** 提交表单，根据两种模式不同，方法不相同 */\n    const submit = async (values: any, firstLoad: boolean) => {\n      const tabParams = cardProps.value?.tabList?.length\n        ? {\n            [props.search?.tabName ?? 'tab']:\n              cardProps.value.activeTabKey || cardProps.value?.tabList?.[0]?.key,\n          }\n        : {}\n      const submitParams = omitUndefined(\n        props.beforeSearchSubmit({\n          ...values,\n          ...tabParams,\n        }),\n      )\n      props.onFormSearchSubmit?.(submitParams)\n      if (props.onSubmit && !firstLoad) {\n        props.onSubmit(submitParams)\n      }\n    }\n\n    const onTabChange = (key: string) => {\n      activeTabKey.value = key\n      props.onSearchTabChange?.({\n        [props.search?.tabName ?? 'tab']: key,\n      })\n      cardProps.value?.onTabChange?.(key)\n    }\n\n    return () => {\n      const searchDom = (\n        <ProQueryFilter\n          class={`${props.prefixCls}-form`}\n          {...omit(props.search || {}, ['cardProps', 'tabName'])}\n          items={formItems.value}\n          loading={props.loading}\n          style={{ marginBlockEnd: props.search?.cardProps !== false ? 0 : '40px' }}\n          onReset={props.onReset}\n          onFinish={(values) => {\n            submit(values, false)\n          }}\n          onValuesChange={(values) => {\n            if (props.search?.submitter === false) {\n              submit(values, true)\n            }\n            props.search?.onValuesChange?.(values)\n          }}\n          onInit={(values) => {\n            submit(values, true)\n          }}\n        />\n      )\n      if (props.search?.cardProps !== false) {\n        return (\n          <Card\n            class={`${props.prefixCls}-search`}\n            activeTabKey={activeTabKey.value}\n            bordered={isBordered('search', props.cardBordered)}\n            style={{ marginBlockEnd: '16px' }}\n            {...omit(cardProps.value ?? {}, ['onTabChange', 'activeTabKey'])}\n            onTabChange={onTabChange}\n          >\n            {searchDom}\n          </Card>\n        )\n      }\n      return searchDom\n    }\n  },\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","flatColumnsHandle","columns","flatColumns","loopColumns","forEach","column","children","length","push","props","prefixCls","String","type","Array","default","search","undefined","cardBordered","Boolean","loading","manual","beforeSearchSubmit","Function","searchParams","onSubmit","onReset","onFormSearchSubmit","onSearchTabChange","setup","activeTabKey","ref","cardProps","formItems","computed","_a","_b","_c","items","filter","item","hideInSearch","map","width","tooltip","headerTooltip","name","dataIndex","submit","values","firstLoad","tabParams","value","tabList","tabName","key","submitParams","omitUndefined","onTabChange","searchDom","_createVNode","ProQueryFilter","_mergeProps","omit","marginBlockEnd","submitter","onValuesChange","Card","isBordered"],"mappings":";;;;;;;;;;AAe2D,SAAAA,QAAAC,CAAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAA,IAAAC,MAAAA,CAAAC,SAAAA,CAAAC,QAAAA,CAAAC,IAAAA,CAAAJ,CAAA,CAAA,KAAA,iBAAA,IAAA,CAAAK,WAAAA,CAAAL,CAAA,CAAA;AAAA;AAE3D,MAAMM,oBAAqBC,CAAAA,OAAAA,KAAyB;AAClD,EAAA,MAAMC,cAA2B,EAAA;AACjC,EAAA,MAAMC,WAAAA,GAAeF,CAAAA,QAAAA,KAAyB;AAC5CA,IAAAA,QAAAA,CAAQG,QAASC,CAAAA,MAAAA,KAA4B;AApBjD,MAAA,IAAA,EAAA;AAqBM,MAAA,IAAA,CAAIA,EAAAA,GAAAA,MAAAA,IAAAA,IAAAA,GAAAA,MAAAA,GAAAA,MAAAA,CAAQC,QAAAA,KAARD,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAkBE,MAAAA,EAAQ;AAC5BJ,QAAAA,WAAAA,CAAYE,iCAAQC,QAAQ,CAAA;AAAA,MAC9B,CAAA,MAAO;AACLJ,QAAAA,WAAAA,CAAYM,KAAKH,MAAM,CAAA;AAAA,MACzB;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAA;AACAF,EAAAA,WAAAA,CAAYF,OAAO,CAAA;AACnB,EAAA,OAAOC,WAAAA;AACT,CAAA;AAEA,qDAA+B;AAAA,EAC7BO,KAAAA,EAAO;AAAA,IACLC,SAAAA,EAAWC,MAAAA;AAAAA,IACXV,OAAAA,EAAS;AAAA,MACPW,IAAAA,EAAMC,KAAAA;AAAAA,MACNC,OAAAA,EAASA,MAAM;AAAA,KACjB;AAAA,IACAC,MAAAA,EAAQ;AAAA,MACNH,IAAAA,EAAMjB,MAAAA;AAAAA,MACNmB,OAAAA,EAASE;AAAAA,KACX;AAAA,IACAC,YAAAA,EAAc;AAAA,MACZL,IAAAA,EAAM,CAACM,OAAAA,EAASvB,MAAM,CAAA;AAAA,MACtBmB,OAAAA,EAASE;AAAAA,KACX;AAAA,IACAG,OAAAA,EAASD,OAAAA;AAAAA,IACTE,MAAAA,EAAQF,OAAAA;AAAAA,IACRG,kBAAAA,EAAoB;AAAA,MAClBT,IAAAA,EAAMU,QAAAA;AAAAA,MACNR,SAAUS,CAAAA,YAAAA,KAA+BA;AAAAA,KAC3C;AAAA,IACAC,QAAAA,EAAU;AAAA,MACRZ,IAAAA,EAAMU,QAAAA;AAAAA,MACNR,OAAAA,EAASE;AAAAA,KACX;AAAA,IACAS,OAAAA,EAAS;AAAA,MACPb,IAAAA,EAAMU,QAAAA;AAAAA,MACNR,OAAAA,EAASE;AAAAA,KACX;AAAA,IACAU,kBAAAA,EAAoB;AAAA,MAClBd,IAAAA,EAAMU,QAAAA;AAAAA,MACNR,OAAAA,EAASE;AAAAA,KACX;AAAA,IACAW,iBAAAA,EAAmB;AAAA,MACjBf,IAAAA,EAAMU,QAAAA;AAAAA,MACNR,OAAAA,EAASE;AAAAA;AACX,GACF;AAAA,EACAY,OAAQnB,CAAAA,KAAAA,KAAU;AAtEpB,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuEI,IAAA,MAAMoB,YAAAA,GAAeC,OAAAA,CAAAA,CAAAA,CACnBrB,EAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAcsB,SAAAA,MAAc,KAAA,GAAA,CAAQtB,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAcsB,SAAAA,KAAdtB,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAyBoB,eAAe,EAC9E,CAAA;AACA,IAAA,MAAMG,SAAAA,GAAYC,aAAS,MAAM;AA1ErC,MAAA,IAAAC,KAAAC,GAAAA,EAAAC,GAAAA;AA2EM,MAAA,IAAA,CAAI3B,GAAAA,GAAAA,CAAAA,MAAAA,KAAAA,CAAMM,MAAAA,KAANN,gBAAAA,GAAAA,CAAc4B,KAAAA,KAAd5B,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAqBF,MAAAA,EAAQ;AAC/B,QAAA,OAAA,CAAOE,GAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAc4B,KAAAA;AAAAA,MACvB;AACA,MAAA,OAAOrC,iBAAAA,CAAkBS,KAAAA,CAAMR,OAAO,CAAA,CACnCqC,OAAQC,CAAAA,IAAAA,KAAS;AAChB,QAAA,IAAIA,KAAKC,YAAAA,EAAc;AACrB,UAAA,OAAO,KAAA;AAAA,QACT;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAC,CAAA,CACAC,GAAAA,CAAKF,CAAAA,IAAAA,KAAS;AACb,QAAA,OAAO;AAAA,UACL,GAAGA,IAAAA;AAAAA,UACHG,KAAAA,EAAO1B,MAAAA;AAAAA,UACP2B,SAASJ,IAAAA,CAAKK,aAAAA;AAAAA,UACdC,MAAMN,IAAAA,CAAKO;AAAAA,SACb;AAAA,MACF,CAAC,CAAA;AAAA,IACL,CAAC,CAAA;AAED,IAAA,MAAMf,SAAAA,GAAYE,aAAS,MAAM;AA/FrC,MAAA,IAAAC,GAAAA,EAAAC,GAAAA;AAgGM,MAAA,IAAI,GAAC1B,GAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,IAAcsB,SAAAA,CAAAA,EAAW;AAC5B,QAAA,OAAO,EAAC;AAAA,MACV;AACA,MAAA,OAAA,CAAOtB,GAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAcsB,SAAAA;AAAAA,IACvB,CAAC,CAAA;AAGD,IAAA,MAAMgB,MAAAA,GAAS,OAAOC,MAAAA,EAAaC,SAAAA,KAAuB;AAvG9D,MAAA,IAAAf,GAAAA,EAAAC,KAAAC,GAAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAwGM,MAAA,MAAMc,SAAAA,GAAAA,CAAAA,CAAYnB,GAAAA,GAAAA,CAAAA,GAAAA,GAAAA,SAAAA,CAAUoB,KAAAA,KAAVpB,gBAAAA,GAAAA,CAAiBqB,OAAAA,KAAjBrB,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAA0BxB,MAAAA,IACxC;AAAA,QACE,CAAA,CAACE,MAAAA,GAAAA,GAAAA,KAAAA,CAAMM,WAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAc4C,YAAd5C,IAAAA,GAAAA,EAAAA,GAAyB,KAAK,GAC7BsB,SAAAA,CAAUoB,KAAAA,CAAMtB,kBAAgBE,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,SAAAA,CAAUoB,KAAAA,KAAVpB,mBAAiBqB,OAAAA,KAAjBrB,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAA2B,OAA3BA,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAA+BuB,GAAAA;AAAAA,UAEnE,EAAC;AACL,MAAA,MAAMC,YAAAA,GAAeC,kBAAAA,CACnB/C,KAAAA,CAAMY,kBAAAA,CAAmB;AAAA,QACvB,GAAG2B,MAAAA;AAAAA,QACH,GAAGE;AAAAA,OACJ,CACH,CAAA;AACAzC,MAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMiB,uBAANjB,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,EAA2B8C,YAAAA,CAAAA;AAC3B,MAAA,IAAI9C,KAAAA,CAAMe,QAAAA,IAAY,CAACyB,SAAAA,EAAW;AAChCxC,QAAAA,KAAAA,CAAMe,SAAS+B,YAAY,CAAA;AAAA,MAC7B;AAAA,IACF,CAAA;AAEA,IAAA,MAAME,cAAeH,CAAAA,GAAAA,KAAgB;AA1HzC,MAAA,IAAApB,GAAAA,EAAAC,KAAAC,GAAAA,EAAA,EAAA,EAAA,EAAA;AA2HMP,MAAAA,YAAAA,CAAasB,KAAAA,GAAQG,GAAAA;AACrB7C,MAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMkB,iBAAAA,KAANlB,IAAAA,GAAAA,MAAAA,GAAAA,IAAAA,IAAAA,CAAAA,KAAAA,EAA0B;AAAA,QACxB,CAAA,CAACA,GAAAA,GAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAc4C,OAAAA,KAAd5C,IAAAA,GAAAA,GAAAA,GAAyB,KAAK,GAAG6C;AAAAA,OACpC,CAAA;AACAvB,MAAAA,CAAAA,EAAAA,GAAAA,CAAAA,EAAAA,GAAAA,SAAAA,CAAUoB,KAAAA,KAAVpB,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAiB0B,WAAAA,KAAjB1B,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,EAAAA,EAA+BuB,GAAAA,CAAAA;AAAAA,IACjC,CAAA;AAEA,IAAA,OAAO,MAAM;AAlIjB,MAAA,IAAApB,KAAAC,GAAAA,EAAAC,GAAAA;AAmIM,MAAA,MAAMsB,SAAAA,GAASC,eAAAA,CAAAC,oBAAAA,EAAAC,cAAAA,CAAA;AAAA,QAAA,OAAA,EAEJ,CAAA,EAAGpD,KAAAA,CAAMC,SAAS,CAAA,KAAA;AAAA,OAAO,EAC5BoD,SAAAA,CAAKrD,KAAAA,CAAMM,MAAAA,IAAU,IAAI,CAAC,WAAA,EAAa,SAAS,CAAC,CAAA,EAAC;AAAA,QAAA,SAC/CiB,SAAAA,CAAUmB,KAAAA;AAAAA,QAAK,WACb1C,KAAAA,CAAMU,OAAAA;AAAAA,QAAO,OAAA,EACf;AAAA,UAAE4C,cAAAA,EAAAA,CAAAA,CAAgBtD,MAAAA,KAAAA,CAAMM,MAAAA,KAANN,gBAAAA,GAAAA,CAAcsB,SAAAA,MAAc,QAAQ,CAAA,GAAI;AAAA,SAAO;AAAA,QAAC,WAChEtB,KAAAA,CAAMgB,OAAAA;AAAAA,QAAO,YACXuB,CAAAA,MAAAA,KAAW;AACpBD,UAAAA,MAAAA,CAAOC,QAAQ,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QAAC,kBACgBA,CAAAA,MAAAA,KAAW;AA9ItC,UAAA,IAAAd,KAAAC,GAAAA,EAAAC,GAAAA;AA+IY,UAAA,IAAA,CAAA,CAAI3B,MAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAcuD,eAAc,KAAA,EAAO;AACrCjB,YAAAA,MAAAA,CAAOC,QAAQ,IAAI,CAAA;AAAA,UACrB;AACAvC,UAAAA,CAAAA,GAAAA,GAAAA,CAAAA,GAAAA,GAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,IAAcwD,cAAAA,KAAdxD,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,GAAAA,EAA+BuC,MAAAA,CAAAA;AAAAA,QACjC,CAAA;AAAA,QAAC,UACQA,CAAAA,MAAAA,KAAW;AAClBD,UAAAA,MAAAA,CAAOC,QAAQ,IAAI,CAAA;AAAA,QACrB;AAAA,OAAC,GAAA,IAAA,CAAA;AAGL,MAAA,IAAA,CAAA,CAAIvC,MAAAA,KAAAA,CAAMM,MAAAA,KAANN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAcsB,eAAc,KAAA,EAAO;AACrC,QAAA,OAAA4B,eAAAA,CAAAO,mBAAAL,cAAAA,CAAA;AAAA,UAAA,OAAA,EAEW,CAAA,EAAGpD,KAAAA,CAAMC,SAAS,CAAA,OAAA,CAAA;AAAA,UAAS,gBACpBmB,YAAAA,CAAasB,KAAAA;AAAAA,UAAK,UAAA,EACtBgB,eAAAA,CAAW,QAAA,EAAU1D,KAAAA,CAAMQ,YAAY,CAAA;AAAA,UAAC,OAAA,EAC3C;AAAA,YAAE8C,cAAAA,EAAgB;AAAA;AAAO,SAAC,EAC7BD,SAAAA,CAAAA,CAAK/B,GAAAA,GAAAA,SAAAA,CAAUoB,KAAAA,KAAVpB,IAAAA,GAAAA,GAAAA,GAAmB,EAAC,EAAG,CAAC,aAAA,EAAe,cAAc,CAAC,CAAA,EAAC;AAAA,UAAA,aAAA,EACnD0B;AAAAA,SAAW,CAAA,EAAAhE,OAAAA,CAEvBiE,SAAS,IAATA,SAAAA,GAAS;AAAA,UAAA5C,OAAAA,EAAAA,MAAA,CAAT4C,SAAS;AAAA,SAAA,CAAA;AAAA,MAGhB;AACA,MAAA,OAAOA,SAAAA;AAAAA,IACT,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/lib/components/table/src/components/Header/DragHandle.vue.d.ts

@@ -0,0 +1,41 @@
+import type { PropType } from 'vue';
+import type { EventHandler } from '../EventInterface';
+import type { FinallyColumnType } from '../interface';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    minWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    column: {
+        type: PropType<FinallyColumnType<any>>;
+        default: undefined;
+    };
+}>, {
+    handleDown: EventHandler;
+    handleTouchDown: EventHandler;
+    dragging: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    minWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    column: {
+        type: PropType<FinallyColumnType<any>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    column: FinallyColumnType<any>;
+    maxWidth: number;
+    minWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/table/src/components/Header/DragHandle.vue.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DragHandle_vue_vue_type_script_lang = require('./DragHandle.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) {
+  return vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass(`${_ctx.prefixCls}-resize-handle ${_ctx.dragging ? "dragging" : ""}`),
+      onMousedown: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleDown && _ctx.handleDown(...args), ["stop", "prevent"])),
+      "on:touchstartPassive": _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleTouchDown && _ctx.handleTouchDown(...args), ["stop"])),
+      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+      }, ["stop", "prevent"]))
+    },
+    [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-resize-handle-line`)
+          },
+          null,
+          2
+          /* CLASS */
+        )
+      ])
+    ],
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
+}
+var DragHandle = /* @__PURE__ */ _pluginVue_exportHelper.default(DragHandle_vue_vue_type_script_lang.default, [["render", _sfc_render]]);
+
+exports.default = DragHandle;
+//# sourceMappingURL=DragHandle.vue.js.map

package/lib/components/table/src/components/Header/DragHandle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandle.vue.js","sources":["../../../../../../../../packages/components/table/src/components/Header/DragHandle.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-07 22:37:42\n * @LastEditors: shen\n * @LastEditTime: 2025-08-29 14:01:00\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { EventHandler } from '../EventInterface'\nimport type { FinallyColumnType, ResizeActionType } from '../interface'\nimport type { RafFrame } from '../../utils/raf'\n\nimport { defineComponent, onUnmounted, computed, getCurrentInstance, ref } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { defaultMinWidth } from '../../hooks/useColumns'\nimport raf from '../../utils/raf'\nimport addEventListenerWrap from '../../utils/addEventListener'\n\nconst events = {\n  mouse: {\n    start: 'mousedown',\n    move: 'mousemove',\n    stop: 'mouseup',\n  },\n  touch: {\n    start: 'touchstart',\n    move: 'touchmove',\n    stop: 'touchend',\n  },\n}\ntype HandleEvent = MouseEvent & TouchEvent\n\nexport default defineComponent({\n  name: 'DragHandle',\n  props: {\n    prefixCls: String as PropType<string>,\n    minWidth: { type: Number as PropType<number>, default: defaultMinWidth },\n    maxWidth: { type: Number as PropType<number>, default: Infinity },\n    column: { type: Object as PropType<FinallyColumnType<any>>, default: undefined },\n  },\n  setup(props) {\n    let startX = 0\n    let moveEvent = { remove: () => {} }\n    let stopEvent = { remove: () => {} }\n\n    const tableContext = useInjectTable()\n\n    const removeEvents = () => {\n      moveEvent.remove()\n      stopEvent.remove()\n    }\n    onUnmounted(() => {\n      removeEvents()\n    })\n\n    const minWidth = computed(() =>\n      typeof props.minWidth != 'number' || isNaN(props.minWidth) ? defaultMinWidth : props.minWidth,\n    )\n    const maxWidth = computed(() =>\n      typeof props.maxWidth != 'number' || isNaN(props.maxWidth) ? Infinity : props.maxWidth,\n    )\n\n    let rafFrame: RafFrame\n    let baseWidth = 0\n    const dragging = ref(false)\n\n    const updateWidth = (e: HandleEvent, action: ResizeActionType) => {\n      let pageX = 0\n      if (e.touches) {\n        if (e.touches.length) {\n          // touchmove\n          pageX = e.touches[0]!.pageX\n        } else {\n          // touchend\n          pageX = e.changedTouches[0]!.pageX\n        }\n      } else {\n        pageX = e.pageX\n      }\n      const tmpDeltaX = startX - pageX\n      let w = Math.max(baseWidth - tmpDeltaX, minWidth.value)\n      w = Math.min(w, maxWidth.value)\n      raf.cancel(rafFrame)\n      rafFrame = raf(() => {\n        tableContext.onResizeColumn?.(w, props.column!.originColumn!, action)\n      })\n    }\n\n    const handleMove = (e: HandleEvent) => {\n      updateWidth(e, 'move')\n    }\n    const handleStop = (e: HandleEvent) => {\n      dragging.value = false\n      updateWidth(e, 'end')\n      removeEvents()\n    }\n\n    const instance = getCurrentInstance()\n    const handleStart = (e: HandleEvent, eventsFor: any) => {\n      dragging.value = true\n      removeEvents()\n      baseWidth = instance?.vnode.el!.parentNode.offsetWidth\n      if (e instanceof MouseEvent && e.which !== 1) {\n        return\n      }\n      tableContext.onResizeColumn?.(baseWidth, props.column!.originColumn!, 'start')\n      if (e.stopPropagation) e.stopPropagation()\n      startX = e.touches ? e.touches[0]!.pageX : e.pageX\n      moveEvent = addEventListenerWrap(document.documentElement, eventsFor.move, handleMove)\n      stopEvent = addEventListenerWrap(document.documentElement, eventsFor.stop, handleStop)\n    }\n\n    const handleDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.mouse)\n    }\n    const handleTouchDown: EventHandler = (e: HandleEvent) => {\n      handleStart(e, events.touch)\n    }\n\n    return {\n      handleDown,\n      handleTouchDown,\n      dragging,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    :class=\"`${prefixCls}-resize-handle ${dragging ? 'dragging' : ''}`\"\n    @mousedown.stop.prevent=\"handleDown\"\n    @touchstartPassive.stop=\"handleTouchDown\"\n    @click.stop.prevent\n  >\n    <slot> <div :class=\"`${prefixCls}-resize-handle-line`\"></div> </slot>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;AAkIE,EAAA,OAAAA,eAAA,EAAAC,sBAAA;AAAA,IAOM,KAAA;AAAA,IAAA;AAAA,MANH,KAAA,EAAKC,kBAAA,CAAA,CAAA,EAAK,IAAA,CAAA,SAAS,kBAAkB,IAAA,CAAA,QAAA,GAAQ,UAAA,GAAA,EAAA,CAAA,CAAA,CAAA;AAAA,MAC7C,WAAA,EAAS,yDAAe,KAAA,UAAA,IAAA,IAAA,CAAA,WAAA,GAAA,IAAA,GAAU,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA,CAAA;AAAA,MAClC,wBAAiB,MAAA,mDAAO,IAAA,CAAA,eAAA,IAAA,KAAA,eAAA,CAAA,GAAA,IAAA,CAAA,EAAe,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,MACvC,OAAA,EAAK,OAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAAC,kBAAN,MAAA;AAAA,MAAA,CAAA,EAAmB,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA;AAAA;MAEnBC,eAAqE,IAAA,wBAArE,MAAqE;AAAA,QAA9DC,sBAAA;AAAA,UAAsD,KAAA;AAAA,UAAA;AAAA,YAAhD,KAAA,EAAKH,kBAAA,IAAK,IAAA,CAAA,SAAS,CAAA,mBAAA,CAAA;AAAA,WAAA;AAAA;;;;;;;;;;;;;;"}