@icos-desktop/react-components 2.3.0 → 2.3.1

package/dist/es/components/OrgTreeSelect/OrgTreeSelect.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OrgTreeSelectProps } from './OrgTreeSelect.types';
+declare const OrgTreeSelect: React.FC<OrgTreeSelectProps>;
+export default OrgTreeSelect;

package/dist/es/components/OrgTreeSelect/OrgTreeSelect.js

@@ -0,0 +1,27 @@
+import { __rest, __awaiter, __generator, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { TreeSelect } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import React__default from 'react';
+import { getOrgList, getAllOrgList } from '../../services/org.js';
+import styles from './OrgTreeSelect.module.less.js';
+
+var OrgTreeSelect = function (_a) {
+    var all = _a.all, props = __rest(_a, ["all"]);
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!all) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getAllOrgList()];
+                case 1: return [2 /*return*/, _a.sent()];
+                case 2: return [4 /*yield*/, getOrgList()];
+                case 3: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, {
+        refreshDeps: [all],
+    }).data;
+    return (React__default.createElement(TreeSelect, __assign({ placeholder: "\u8BF7\u9009\u62E9\u7EC4\u7EC7", popupClassName: styles.container, treeData: data, fieldNames: { label: 'govOrgName', value: 'govOrgId' }, treeDataSimpleMode: { id: 'govOrgId', pId: 'parentId' }, filterTreeNode: function (input, node) { return node.govOrgName.includes(input); }, showSearch: true, allowClear: true }, props)));
+};
+
+export { OrgTreeSelect as default };

package/dist/es/components/OrgTreeSelect/OrgTreeSelect.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".OrgTreeSelect-module_container__H-tcM .ant-select-tree-node-content-wrapper {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+var styles = {"container":"OrgTreeSelect-module_container__H-tcM"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/OrgTreeSelect/OrgTreeSelect.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import React from 'react';
+import OrgTreeSelect from './OrgTreeSelect';
+import { OrgTreeSelectProps } from './OrgTreeSelect.types';
+declare const meta: Meta<typeof OrgTreeSelect>;
+export default meta;
+export declare const Base: (props: OrgTreeSelectProps) => React.JSX.Element;

package/dist/es/components/OrgTreeSelect/OrgTreeSelect.types.d.ts

@@ -0,0 +1,4 @@
+import { TreeSelectProps } from '@xirang/design-antd';
+export interface OrgTreeSelectProps extends TreeSelectProps {
+    all?: boolean;
+}

package/dist/es/components/OrgTreeSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './OrgTreeSelect';

package/dist/es/components/PersonSelector/PersonSelector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PersonSelectorProps } from './PersonSelector.types';
+declare const PersonSelector: React.FC<PersonSelectorProps>;
+export default PersonSelector;

package/dist/es/components/PersonSelector/PersonSelector.js

@@ -0,0 +1,215 @@
+import { __awaiter, __generator, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { Input, Tree, Checkbox, Empty } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import { produce } from 'immer';
+import { useMergedState } from 'rc-util';
+import React__default, { useState } from 'react';
+import { getOrgList } from '../../services/org.js';
+import { getUserList } from '../../services/user.js';
+import { arrayToTree } from '../../utils/tree.js';
+import SvgDelete from './assets/delete.svg.js';
+import SvgSelected from './assets/selected.svg.js';
+import styles from './PersonSelector.module.less.js';
+
+var Search = Input.Search;
+var PersonSelector = function (props) {
+    var _a, _b;
+    var value = props.value, onChange = props.onChange, defaultValue = props.defaultValue, extra = props.extra, _c = props.extraKey, extraKey = _c === void 0 ? 'extraKey' : _c;
+    // 当前已选人员
+    var _d = useMergedState([], {
+        defaultValue: defaultValue,
+        value: value,
+        onChange: onChange,
+    }), checkedList = _d[0], setCheckedList = _d[1];
+    // 当前选中的组织
+    var _e = useState([]), selectedOrgKeys = _e[0], setSelectedOrgKeys = _e[1];
+    // 当前显示人员
+    var _f = useState([]), userList = _f[0], setUserList = _f[1];
+    // 组织搜索
+    var _g = useState(''), orgKeyword = _g[0], setOrgKeyword = _g[1];
+    // 当前显示人员搜索
+    var _h = useState(''), userKeyword = _h[0], setUserKeyword = _h[1];
+    // 当前已选人员搜索
+    var _j = useState(''), checkedKeyword = _j[0], setCheckedKeyword = _j[1];
+    // 全选、半选中
+    var _k = (function () {
+        var checkedLength = 0;
+        userList.forEach(function (item) {
+            if (checkedList.findIndex(function (it) { return it.openUserId === item.openUserId; }) > -1) {
+                checkedLength++;
+            }
+        });
+        if (checkedLength === 0) {
+            return [false, false];
+        }
+        if (checkedLength === userList.length) {
+            return [true, false];
+        }
+        return [false, true];
+    })(), checkAll = _k[0], indeterminate = _k[1];
+    // 组织数据
+    var _l = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, treeData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getOrgList({ keyword: orgKeyword })];
+                case 1:
+                    res = _a.sent();
+                    treeData = arrayToTree(res, function (item) { return (__assign(__assign({}, item), { key: item.govOrgId, parentKey: item.parentId, title: item.govOrgName })); });
+                    if (!selectedOrgKeys.length || !res.find(function (it) { return it.govOrgId === selectedOrgKeys[0]; })) {
+                        setSelectedOrgKeys([treeData[0].govOrgId]);
+                        getUserList$1(treeData[0].govOrgId);
+                    }
+                    return [2 /*return*/, [treeData, res]];
+            }
+        });
+    }); }, {
+        refreshDeps: [orgKeyword],
+    }).data, _m = _l === void 0 ? [] : _l, _o = _m[0], orgTreeData = _o === void 0 ? [] : _o, _p = _m[1], orgTreeList = _p === void 0 ? [] : _p;
+    // 获取人员列表
+    var getUserList$1 = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getUserList({
+                        keyword: '',
+                        orgId: id,
+                        pageNum: 1,
+                        pageSize: 500,
+                    })];
+                case 1:
+                    res = _a.sent();
+                    setUserList(res.list);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // 组织搜索
+    var handleSearchOrg = function (value) {
+        setOrgKeyword(value);
+    };
+    // 组织选择
+    var handleSelectOrg = function (selectedKeys) {
+        if (selectedKeys.length) {
+            setSelectedOrgKeys(selectedKeys);
+            getUserList$1(selectedKeys[0]);
+        }
+    };
+    // 当前显示人员搜索
+    var handleSearchUser = function (value) {
+        setUserKeyword(value);
+    };
+    // 当前已选人员搜索
+    var handleSearchChecked = function (value) {
+        setCheckedKeyword(value);
+    };
+    // 获取当前选择组织全称
+    var getUserListOrgName = function () {
+        if (!(selectedOrgKeys === null || selectedOrgKeys === void 0 ? void 0 : selectedOrgKeys.length)) {
+            return '-';
+        }
+        var selectedOrg = orgTreeList === null || orgTreeList === void 0 ? void 0 : orgTreeList.find(function (item) { return item.govOrgId === selectedOrgKeys[0]; });
+        return (selectedOrg === null || selectedOrg === void 0 ? void 0 : selectedOrg.fullName) || '-';
+    };
+    // 处理全选
+    var handleCheckAll = function (e) {
+        if (e.target.checked) {
+            // 全选
+            setCheckedList(produce(checkedList, function (draftState) {
+                userList.forEach(function (item) {
+                    var index = draftState.findIndex(function (it) { return it.openUserId === item.openUserId; });
+                    if (index === -1) {
+                        draftState.push(item);
+                    }
+                });
+            }));
+        }
+        else {
+            // 取消全选
+            setCheckedList(produce(checkedList, function (draftState) {
+                userList.forEach(function (item) {
+                    var index = draftState.findIndex(function (it) { return it.openUserId === item.openUserId; });
+                    if (index > -1) {
+                        draftState.splice(index, 1);
+                    }
+                });
+            }));
+        }
+    };
+    // 处理点击单个选中
+    var handleCheck = function (item) {
+        // 判断当前选中状态
+        var checkIndex = checkedList === null || checkedList === void 0 ? void 0 : checkedList.findIndex(function (it) { return item.openUserId === it.openUserId; });
+        if (checkIndex > -1) {
+            // 取消选中
+            setCheckedList(produce(checkedList, function (draftState) {
+                draftState.splice(checkIndex, 1);
+            }));
+        }
+        else {
+            // 选中
+            setCheckedList(produce(checkedList, function (draftState) {
+                draftState.push(item);
+            }));
+        }
+    };
+    // 处理额外选项
+    var handleChangeExtra = function (item) {
+        return function (value) {
+            setCheckedList(produce(checkedList, function (draftState) {
+                var index = draftState.findIndex(function (it) { return it.openUserId === item.openUserId; });
+                if (index > -1) {
+                    draftState[index][extraKey] = value;
+                }
+            }));
+        };
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement("div", { className: styles.wrapper },
+            React__default.createElement("div", { className: styles.content },
+                React__default.createElement("div", { className: styles['org-list'] },
+                    React__default.createElement("div", { className: styles['org-list-search'] },
+                        React__default.createElement(Search, { onSearch: handleSearchOrg, placeholder: "\u8BF7\u8F93\u5165\u7EC4\u7EC7\u540D\u79F0", size: "small", variant: "borderless", allowClear: true })),
+                    React__default.createElement("div", { className: styles['org-list-content'] },
+                        React__default.createElement(Tree, { treeData: orgTreeData, onSelect: handleSelectOrg, selectedKeys: selectedOrgKeys, blockNode: true }))),
+                React__default.createElement("div", { className: styles['user-list'] },
+                    React__default.createElement("div", { className: styles['user-list-title'] }, getUserListOrgName()),
+                    React__default.createElement("div", { className: styles['user-list-search'] },
+                        React__default.createElement(Search, { onSearch: handleSearchUser, placeholder: "\u8BF7\u8F93\u5165\u4EBA\u5458\u59D3\u540D", size: "small", variant: "borderless", allowClear: true })),
+                    React__default.createElement("div", { className: styles['user-list-content'] },
+                        React__default.createElement("div", { className: styles['user-list-select-all'] },
+                            React__default.createElement(Checkbox, { indeterminate: indeterminate, checked: checkAll, onChange: handleCheckAll }, "\u5168\u9009")),
+                        (userList === null || userList === void 0 ? void 0 : userList.length) ? ((_a = userList === null || userList === void 0 ? void 0 : userList.filter(function (item) { var _a; return (userKeyword ? (_a = item.govUserName) === null || _a === void 0 ? void 0 : _a.includes(userKeyword) : true); })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return (React__default.createElement("div", { key: item.openUserId, className: styles['user-list-item'], onClick: function () { return handleCheck(item); } },
+                            React__default.createElement(Checkbox, { checked: checkedList.findIndex(function (it) { return it.openUserId === item.openUserId; }) > -1 }),
+                            React__default.createElement("div", { className: styles['user-list-item-icon'] },
+                                React__default.createElement(SvgSelected, null)),
+                            React__default.createElement("div", { className: styles['user-list-item-title'] },
+                                React__default.createElement("div", { className: styles['user-list-item-name'] }, item.govUserName),
+                                React__default.createElement("div", { className: styles['user-list-item-org'] }, item.orgName)))); })) : (React__default.createElement(Empty, null)))),
+                React__default.createElement("div", { className: styles['selected-list'] },
+                    React__default.createElement("div", { className: styles['selected-list-title'] },
+                        "\u5DF2\u9009\uFF1A",
+                        (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) || 0),
+                    React__default.createElement("div", { className: styles['selected-list-search'] },
+                        React__default.createElement(Search, { onSearch: handleSearchChecked, placeholder: "\u8BF7\u8F93\u5165\u5171\u4EAB\u5BF9\u8C61\u7684\u4EBA\u5458\u59D3\u540D\u6216\u7EC4\u7EC7", size: "small", variant: "borderless", allowClear: true })),
+                    React__default.createElement("div", { className: styles['selected-list-content'] }, (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) ? ((_b = checkedList === null || checkedList === void 0 ? void 0 : checkedList.filter(function (item) {
+                        var _a, _b;
+                        return checkedKeyword
+                            ? ((_a = item.govUserName) === null || _a === void 0 ? void 0 : _a.includes(checkedKeyword)) ||
+                                ((_b = item.orgName) === null || _b === void 0 ? void 0 : _b.includes(checkedKeyword))
+                            : true;
+                    })) === null || _b === void 0 ? void 0 : _b.map(function (item) { return (React__default.createElement("div", { className: styles['selected-list-item'], key: item.openUserId },
+                        React__default.createElement("div", { className: styles['selected-list-item-icon'] },
+                            React__default.createElement(SvgSelected, null)),
+                        React__default.createElement("div", { className: styles['selected-list-item-title'] },
+                            React__default.createElement("div", { className: styles['selected-list-item-name'] }, item.govUserName),
+                            React__default.createElement("div", { className: styles['selected-list-item-org'] }, item.orgName)),
+                        React__default.createElement("div", { className: styles['selected-list-item-extra'] }, extra === null || extra === void 0 ? void 0 : extra({
+                            item: item,
+                            onChange: handleChangeExtra(item),
+                        })),
+                        React__default.createElement("div", { className: styles['selected-list-item-delete'], onClick: function () { return handleCheck(item); } },
+                            React__default.createElement(SvgDelete, null)))); })) : (React__default.createElement(Empty, null))))))));
+};
+
+export { PersonSelector as default };

package/dist/es/components/PersonSelector/PersonSelector.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".PersonSelector-module_container__yoTgA {\n  display: flex;\n  flex-direction: column;\n}\n.PersonSelector-module_container__yoTgA .ant-checkbox-css-var {\n  --dt-ant-color-text: #fff;\n  --dt-ant-color-text-disabled: rgba(255, 255, 255, 0.25);\n  --dt-ant-color-primary: #f90;\n  --dt-ant-color-primary-hover: #f90;\n  --dt-ant-color-border: rgba(221, 231, 255, 0.35);\n  --dt-ant-color-bg-container: transparent;\n  --dt-ant-color-bg-container-disabled: rgba(255, 255, 255, 0.08);\n}\n.PersonSelector-module_container__yoTgA .ant-input-group-wrapper-borderless {\n  color: #fff;\n  background-color: #0f366a;\n  border-color: #0d5bab;\n  border-style: solid;\n  border-width: 1px;\n}\n.PersonSelector-module_container__yoTgA .ant-input-group-wrapper-borderless .ant-input-group-addon .ant-btn-default {\n  background: transparent;\n  border: none;\n}\n.PersonSelector-module_container__yoTgA .ant-tree {\n  background: transparent;\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode {\n  padding: 2px 0;\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode .ant-tree-switcher,\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper {\n  background: transparent !important;\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode:hover,\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode.ant-tree-treenode-selected {\n  background: linear-gradient(90deg, rgba(0, 255, 255, 0.4) 0%, rgba(0, 255, 255, 0.15) 97.79%);\n  box-shadow: 0 0 5px 0 rgba(0, 7, 23, 0.2);\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode .ant-tree-indent-unit {\n  width: 8px;\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode .ant-tree-node-content-wrapper {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.PersonSelector-module_container__yoTgA .ant-tree .ant-tree-treenode .ant-tree-title {\n  font-size: 12px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.8);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  row-gap: 8px;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV {\n  display: flex;\n  height: 460px;\n  background: rgba(0, 102, 255, 0.03);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_org-list__n--XK {\n  display: flex;\n  flex-direction: column;\n  width: 160px;\n  border: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_org-list__n--XK .PersonSelector-module_org-list-content__Ipzwn {\n  flex: 1;\n  height: 0;\n  overflow: hidden auto;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr {\n  display: flex;\n  flex-direction: column;\n  width: calc((100% - 160px) / 2);\n  border-right: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-title__A4usF {\n  flex-shrink: 0;\n  padding: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.6);\n  white-space: nowrap;\n  background: linear-gradient(270deg, rgba(69, 147, 255, 0.2) 72.24%, rgba(69, 147, 255, 0.2) 100%);\n  border-top: 1px solid rgba(69, 147, 255, 0.15);\n  border-bottom: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf {\n  flex: 1;\n  height: 0;\n  overflow: hidden auto;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-select-all__FmDi6 {\n  padding: 12px;\n  border-bottom: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd {\n  display: flex;\n  column-gap: 6px;\n  align-items: center;\n  padding: 12px;\n  cursor: pointer;\n  border-bottom: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd .PersonSelector-module_user-list-item-icon__cFWMS {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd .PersonSelector-module_user-list-item-icon__cFWMS > svg {\n  width: 40px;\n  height: 40px;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd .PersonSelector-module_user-list-item-title__N9CMy {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  width: 0;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd .PersonSelector-module_user-list-item-title__N9CMy .PersonSelector-module_user-list-item-name__ugwkd {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  white-space: nowrap;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_user-list__-iPEr .PersonSelector-module_user-list-content__7IIhf .PersonSelector-module_user-list-item__3Purd .PersonSelector-module_user-list-item-title__N9CMy .PersonSelector-module_user-list-item-org__-sdpM {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  white-space: nowrap;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk {\n  display: flex;\n  flex-direction: column;\n  width: calc((100% - 160px) / 2);\n  border-right: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-title__Ujopu {\n  flex-shrink: 0;\n  padding: 10px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.6);\n  color: #fff;\n  white-space: nowrap;\n  background: linear-gradient(270deg, rgba(69, 147, 255, 0.06) 72.24%, rgba(69, 147, 255, 0.06) 100%);\n  border-top: 1px solid rgba(69, 147, 255, 0.15);\n  border-bottom: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM {\n  flex: 1;\n  height: 0;\n  overflow: hidden auto;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn {\n  display: flex;\n  column-gap: 6px;\n  align-items: center;\n  padding: 12px;\n  border-bottom: 1px solid rgba(69, 147, 255, 0.15);\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-icon__YiZmh {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-icon__YiZmh > svg {\n  width: 40px;\n  height: 40px;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-title__OhdGw {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  width: 0;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-title__OhdGw .PersonSelector-module_selected-list-item-name__sAG0R {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  white-space: nowrap;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-title__OhdGw .PersonSelector-module_selected-list-item-org__T-hFC {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 12px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  white-space: nowrap;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-delete__9YOdW {\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n}\n.PersonSelector-module_container__yoTgA .PersonSelector-module_wrapper__pvejI .PersonSelector-module_content__sWDLV .PersonSelector-module_selected-list__EJpsk .PersonSelector-module_selected-list-content__c-BpM .PersonSelector-module_selected-list-item__JbHEn .PersonSelector-module_selected-list-item-delete__9YOdW > svg {\n  width: 20px;\n  height: 20px;\n}\n";
+var styles = {"container":"PersonSelector-module_container__yoTgA","wrapper":"PersonSelector-module_wrapper__pvejI","content":"PersonSelector-module_content__sWDLV","org-list":"PersonSelector-module_org-list__n--XK","org-list-content":"PersonSelector-module_org-list-content__Ipzwn","user-list":"PersonSelector-module_user-list__-iPEr","user-list-title":"PersonSelector-module_user-list-title__A4usF","user-list-content":"PersonSelector-module_user-list-content__7IIhf","user-list-select-all":"PersonSelector-module_user-list-select-all__FmDi6","user-list-item":"PersonSelector-module_user-list-item__3Purd","user-list-item-icon":"PersonSelector-module_user-list-item-icon__cFWMS","user-list-item-title":"PersonSelector-module_user-list-item-title__N9CMy","user-list-item-name":"PersonSelector-module_user-list-item-name__ugwkd","user-list-item-org":"PersonSelector-module_user-list-item-org__-sdpM","selected-list":"PersonSelector-module_selected-list__EJpsk","selected-list-title":"PersonSelector-module_selected-list-title__Ujopu","selected-list-content":"PersonSelector-module_selected-list-content__c-BpM","selected-list-item":"PersonSelector-module_selected-list-item__JbHEn","selected-list-item-icon":"PersonSelector-module_selected-list-item-icon__YiZmh","selected-list-item-title":"PersonSelector-module_selected-list-item-title__OhdGw","selected-list-item-name":"PersonSelector-module_selected-list-item-name__sAG0R","selected-list-item-org":"PersonSelector-module_selected-list-item-org__T-hFC","selected-list-item-delete":"PersonSelector-module_selected-list-item-delete__9YOdW"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/PersonSelector/PersonSelector.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import React from 'react';
+import PersonSelector from './PersonSelector';
+import { PersonSelectorProps } from './PersonSelector.types';
+declare const meta: Meta<typeof PersonSelector>;
+export default meta;
+export declare const Base: (props: PersonSelectorProps) => React.JSX.Element;

package/dist/es/components/PersonSelector/PersonSelector.types.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export type UserItem = UserAPI.GetUserListRes['list'][number];
+export interface PersonSelectorProps {
+    /**
+     * 选择的人员列表
+     */
+    value?: UserItem[];
+    /**
+     * 选择人员列表变化
+     * @param value
+     */
+    onChange?: (value: UserItem[]) => void;
+    /**
+     * 选择的人员列表默认值
+     */
+    defaultValue?: UserItem[];
+    /**
+     * 额外的选择项
+     */
+    extra?: (data: {
+        item: UserItem;
+        onChange: (value: any) => void;
+    }) => React.ReactNode;
+    /**
+     * 额外的选择项参数名
+     */
+    extraKey?: string;
+}

package/dist/es/components/PersonSelector/assets/delete.svg.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+var _circle, _circle2, _path, _defs;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDelete = function SvgDelete(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20,
+    fill: "none"
+  }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 9.791,
+    cy: 10.207,
+    r: 8.125,
+    fill: "url(#delete_svg__a)",
+    opacity: 0.16
+  })), _circle2 || (_circle2 = /*#__PURE__*/React.createElement("circle", {
+    cx: 9.791,
+    cy: 10.207,
+    r: 8.125,
+    stroke: "url(#delete_svg__b)",
+    strokeWidth: 0.406,
+    opacity: 0.6
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    fillOpacity: 0.8,
+    d: "m9.791 9.304 3.16-3.16.902.903-3.16 3.16 3.16 3.16-.902.902-3.16-3.16-3.16 3.16-.902-.902 3.16-3.16-3.16-3.16.902-.902z"
+  })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "delete_svg__a",
+    x1: 17.916,
+    x2: 1.666,
+    y1: 10.21,
+    y2: 10.211,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#4593FF"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "delete_svg__b",
+    x1: 9.791,
+    x2: 9.791,
+    y1: 2.082,
+    y2: 18.332,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#50A6FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#50A6FF",
+    stopOpacity: 0
+  })))));
+};
+
+export { SvgDelete as default };

package/dist/es/components/PersonSelector/assets/selected.svg.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+var _rect, _path, _path2;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgSelected = function SvgSelected(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 40,
+    height: 40,
+    fill: "none"
+  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
+    width: 40,
+    height: 40,
+    fill: "#00C2FF",
+    fillOpacity: 0.1,
+    rx: 7
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#00C2FF",
+    fillRule: "evenodd",
+    d: "M25.539 29.004H14.462a2.43 2.43 0 0 1-2.462-2.4v-13.19a2.43 2.43 0 0 1 2.462-2.4h7.916a.68.68 0 0 1 .604.17l4.8 4.679a.64.64 0 0 1 .19.368.6.6 0 0 1 .028.18v10.193a2.43 2.43 0 0 1-2.46 2.4zM23.075 13.15v2.663h2.734zm-.614 3.861h4.308l.001.001v9.59a1.216 1.216 0 0 1-1.231 1.2H14.462a1.215 1.215 0 0 1-1.23-1.2v-13.19a1.215 1.215 0 0 1 1.23-1.2h7.384v4.2a.61.61 0 0 0 .616.6",
+    clipRule: "evenodd"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#00C2FF",
+    d: "M18.995 25.34a.67.67 0 0 1-.472-.196l-2.675-2.686a.674.674 0 0 1 0-.95.667.667 0 0 1 .945 0l2.2 2.212 4.208-4.225a.667.667 0 0 1 .945 0c.26.263.26.686 0 .95l-4.68 4.699a.67.67 0 0 1-.47.196"
+  })));
+};
+
+export { SvgSelected as default };

package/dist/es/components/PersonSelector/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PersonSelector';

package/dist/es/components/ProTable/ProTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProTableProps } from './ProTable.types';
+declare const _default: React.NamedExoticComponent<ProTableProps>;
+export default _default;

package/dist/es/components/ProTable/ProTable.js

@@ -0,0 +1,93 @@
+import { __rest, __spreadArray, __assign } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { theme, Select, Table } from '@xirang/design-antd';
+import { useSize } from 'ahooks';
+import classNames from 'classnames';
+import React__default, { memo, useState, useRef, useMemo, useEffect } from 'react';
+import SvgSetting from './assets/setting.svg.js';
+import styles from './index.module.less.js';
+
+// 计算最大宽度
+var getMaxWidth = function (texts) {
+    var canvas = document.createElement('canvas');
+    var context = canvas.getContext('2d');
+    context.font = '14px Arial';
+    return Math.min(texts.reduce(function (maxWidth, text) {
+        var columnWidth = context.measureText(text).width + 32;
+        return Math.max(maxWidth, columnWidth);
+    }, 0), 380);
+};
+var ProTable = function (_a) {
+    var _b;
+    var _c = _a.header, header = _c === void 0 ? [] : _c, _d = _a.columns, columns = _d === void 0 ? [] : _d, _e = _a.pagination, pagination = _e === void 0 ? false : _e, dataSource = _a.dataSource, virtual = _a.virtual, props = __rest(_a, ["header", "columns", "pagination", "dataSource", "virtual"]);
+    var token = theme.useToken().token;
+    // 表头显示配置
+    var _f = useState([]), headerValue = _f[0], setHeaderValue = _f[1];
+    var containerRef = useRef();
+    var containerSize = useSize(containerRef);
+    // 表格列配置修改
+    var handleHeaderConfigChange = function (value) {
+        setHeaderValue(value);
+    };
+    // 表格列
+    var _g = useMemo(function () {
+        var newColumns = columns.filter(function (item) {
+            return headerValue.includes(item.key || item.dataIndex);
+        });
+        var tableWidth = 36;
+        if (newColumns.length > 0) {
+            if (virtual) {
+                return [
+                    __spreadArray(__spreadArray([], newColumns.map(function (item) {
+                        var width = getMaxWidth(__spreadArray([
+                            item.title
+                        ], (dataSource || []).map(function (it) { return it[item.dataIndex]; }), true)) || undefined;
+                        tableWidth += width;
+                        return __assign(__assign({}, item), { width: width });
+                    }), true), [
+                        {
+                            title: (React__default.createElement("div", { className: styles['columns-config'] },
+                                React__default.createElement(SvgSetting, null),
+                                React__default.createElement(Select, { popupClassName: styles['columns-config-popup'], mode: "multiple", showSearch: false, defaultActiveFirstOption: false, popupMatchSelectWidth: 122, placement: "bottomRight", value: headerValue, onChange: handleHeaderConfigChange, options: header.filter(function (item) { return !item.hidden; }), fieldNames: { label: 'name', value: 'code' } }))),
+                            width: 36,
+                            fixed: 'right',
+                        },
+                    ], false),
+                    tableWidth,
+                ];
+            }
+            return [
+                __spreadArray(__spreadArray([], newColumns, true), [
+                    {
+                        title: (React__default.createElement("div", { className: styles['columns-config'] },
+                            React__default.createElement(SvgSetting, null),
+                            React__default.createElement(Select, { popupClassName: styles['columns-config-popup'], mode: "multiple", showSearch: false, defaultActiveFirstOption: false, popupMatchSelectWidth: 122, placement: "bottomRight", value: headerValue, onChange: handleHeaderConfigChange, options: header.filter(function (item) { return !item.hidden; }), fieldNames: { label: 'name', value: 'code' } }))),
+                        width: 36,
+                        fixed: 'right',
+                    },
+                ], false),
+                tableWidth,
+            ];
+        }
+        return [[], 0];
+    }, [JSON.stringify(columns), headerValue, JSON.stringify(dataSource)]), columnsMerge = _g[0], x = _g[1];
+    useEffect(function () {
+        // 表头配置
+        setHeaderValue((header === null || header === void 0 ? void 0 : header.filter(function (item) { return item.defaultShow; }).map(function (item) { return item.code; })) || []);
+    }, [JSON.stringify(header)]);
+    useEffect(function () {
+        document.documentElement.style.setProperty('--ant-table-empty-stroke-color', token.colorTextSecondary);
+    }, [token.colorTextSecondary]);
+    return (React__default.createElement("div", { ref: containerRef, className: classNames(styles.container, (_b = {},
+            _b[styles.pagination] = pagination !== false,
+            _b[styles.virtual] = virtual,
+            _b)) },
+        React__default.createElement(Table, __assign({}, props, { pagination: pagination, columns: columnsMerge, dataSource: dataSource, scroll: virtual
+                ? {
+                    x: Math.min(x, containerSize === null || containerSize === void 0 ? void 0 : containerSize.width),
+                    y: Math.max(0, (containerSize === null || containerSize === void 0 ? void 0 : containerSize.height) - 40 - 56),
+                }
+                : { x: 'max-content' }, virtual: virtual }))));
+};
+var ProTable$1 = memo(ProTable);
+
+export { ProTable$1 as default };

package/dist/es/components/ProTable/ProTable.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import React from 'react';
+import ProTable from './ProTable';
+import { ProTableProps } from './ProTable.types';
+declare const meta: Meta<typeof ProTable>;
+export default meta;
+export declare const Base: (props: ProTableProps) => React.JSX.Element;

package/dist/es/components/ProTable/ProTable.types.d.ts

@@ -0,0 +1,9 @@
+import { TableProps } from '@xirang/design-antd';
+export interface ProTableProps extends TableProps {
+    header: {
+        code: string;
+        name: string;
+        hidden?: boolean;
+        defaultShow?: boolean;
+    }[];
+}

package/dist/es/components/ProTable/assets/setting.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgSetting = function SvgSetting(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10 1a.25.25 0 0 1 .25.25v1.73q.515.232.972.562l1.499-.865a.25.25 0 0 1 .341.091l2 3.464a.25.25 0 0 1-.091.341l-1.5.866q.057.561 0 1.122l1.5.866a.25.25 0 0 1 .091.341l-2 3.464a.25.25 0 0 1-.341.091l-1.5-.865q-.456.33-.971.562v1.73A.25.25 0 0 1 10 15H6a.25.25 0 0 1-.25-.25v-1.73a5.5 5.5 0 0 1-.971-.562l-1.5.865a.25.25 0 0 1-.341-.091l-2-3.464a.25.25 0 0 1 .091-.341l1.5-.866a5.6 5.6 0 0 1 0-1.122l-1.5-.865a.25.25 0 0 1-.104-.316l.013-.026 2-3.464a.25.25 0 0 1 .341-.091l1.5.865q.456-.33.971-.562V1.25A.25.25 0 0 1 6 1zM8.75 2.5h-1.5v1.45l-.886.398a4 4 0 0 0-.594.33l-.112.079-.787.57L3.61 4.6l-.75 1.3 1.258.725-.098.965a4 4 0 0 0-.012.684l.012.136.097.965-1.256.725.75 1.3 1.259-.727.787.57a4 4 0 0 0 .583.35l.123.059.886.397V13.5h1.5v-1.45l.886-.398q.311-.14.594-.33l.112-.079.787-.57 1.259.727.75-1.3-1.256-.725.097-.965q.034-.341.012-.684l-.011-.135-.098-.965 1.256-.726-.75-1.3-1.258.727-.788-.57a4 4 0 0 0-.583-.35l-.123-.059-.886-.397zM8 5.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5M8 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+  })));
+};
+
+export { SvgSetting as default };

package/dist/es/components/ProTable/components/ColumnsConfig/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ style, className, value, onChange, options, fieldNames }: {
+    style: any;
+    className: any;
+    value: any;
+    onChange: any;
+    options: any;
+    fieldNames: any;
+}) => React.JSX.Element>;
+export default _default;

package/dist/es/components/ProTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ProTable';
+export type { ProTableProps } from './ProTable.types';

package/dist/es/components/ProTable/index.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ":root {\n  --ant-table-empty-stroke-color: #d9d9d9;\n}\n.index-module_container__triFT {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.index-module_container__triFT:not(.index-module_pagination__eCJE3) .ant-table {\n  height: 100%;\n}\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-title,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-footer,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-cell,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-thead > tr > th,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-tbody > tr > th,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table .ant-table-tbody > tr > td,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table tfoot > tr > th,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper .ant-table tfoot > tr > td {\n  max-width: 380px;\n}\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table {\n  height: calc(100% - 56px);\n}\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-wrapper,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-spin-nested-loading,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-spin-container,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-container,\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-content {\n  height: 100%;\n}\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-content {\n  overflow: auto !important;\n}\n.index-module_container__triFT:not(.index-module_virtual__iU2Fi) .ant-table-thead {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ {\n  position: absolute;\n  top: 12px;\n  z-index: 9;\n  width: 16px;\n  height: 16px;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ > svg {\n  position: absolute;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select {\n  opacity: 0;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector {\n  width: 16px;\n  height: 16px;\n}\n.index-module_container__triFT .index-module_columns-config__pSkLQ .ant-select .ant-select-selector .ant-select-selection-overflow {\n  display: none;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-cell-fix-right-first::after {\n  box-shadow: none;\n}\n.index-module_container__triFT .ant-table-cell {\n  line-height: 24px;\n}\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::before,\n.index-module_container__triFT .ant-table-wrapper .ant-table-container::after {\n  display: none;\n}\n.index-module_container__triFT .ant-table-cell-scrollbar {\n  display: none;\n}\n.index-module_container__triFT .ant-table-thead .ant-table-cell {\n  overflow: hidden;\n}\n.index-module_container__triFT .ant-table-row:has(.ant-table-cell-fix-right) .ant-table-cell.ant-table-cell-fix-right {\n  transition: none;\n}\n.index-module_container__triFT .ant-empty-image svg path {\n  stroke: var(--ant-table-empty-stroke-color, #d9d9d9);\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item {\n  position: relative;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-content {\n  position: absolute;\n  left: 32px;\n  width: -webkit-fill-available;\n}\n.index-module_columns-config-popup__-d8ej .ant-select-item .ant-select-item-option-state {\n  position: absolute;\n  top: 8px;\n  left: 8px;\n}\n.index-module_columns-config-popup__-d8ej .rc-virtual-list-holder {\n  overflow-x: hidden;\n}\n";
+var styles = {"container":"index-module_container__triFT","pagination":"index-module_pagination__eCJE3","virtual":"index-module_virtual__iU2Fi","columns-config":"index-module_columns-config__pSkLQ","columns-config-popup":"index-module_columns-config-popup__-d8ej"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/ProTree/ProTree.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProTreeProps } from './ProTree.types';
+declare const ProTree: React.FC<ProTreeProps>;
+export default ProTree;

package/dist/es/components/ProTree/ProTree.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import ProTree from './ProTree';
+declare const meta: Meta<typeof ProTree>;
+export default meta;
+type Story = StoryObj<typeof ProTree>;
+export declare const Base: Story;

package/dist/es/components/ProTree/ProTree.types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface ProTreeProps {
+    children?: ReactNode;
+}