@icos-desktop/react-components 2.2.15 → 2.3.0-es.2

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

@@ -0,0 +1,163 @@
+import { ButtonProps } from '@xirang/design-antd';
+import { ContextMenuKey as BookContextMenuKey } from '@/components/BookTable/BookTable.types';
+import { ContextMenuKey as SenseContextMenuKey } from '@/components/SenseTable/SenseTable.types';
+interface CustomButtonConfig extends ButtonProps {
+    title: string;
+}
+export interface SenseFullTableProps {
+    /**
+     * 显示视图类型：system 系统视图，func 功能视图，默认值：`system`
+     */
+    viewType: 'system' | 'func';
+    /**
+     * 左侧边栏显示视图列表
+     */
+    views?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * 显示左侧边栏
+     */
+    showView?: boolean;
+    /**
+     * 显示分类目录
+     */
+    showCatalog?: boolean;
+    /**
+     * 显示面包屑
+     */
+    showBreadcrumb?: boolean;
+    /**
+     * 显示台账组列表
+     */
+    showBookGroupTable?: boolean;
+    /**
+     * 显示台账列表
+     */
+    showBookTable?: boolean;
+    /**
+     * 显示实体记录列表
+     */
+    showSenseTable?: boolean;
+    /**
+     * 自定义按钮
+     */
+    customButtons?: (data: {
+        activeViewCode: string;
+        activeTable: '' | 'bookGroup' | 'book' | 'sense';
+        bookGroup: any;
+        book: any;
+    }) => CustomButtonConfig[];
+    /**
+     * 显示导出数据按钮
+     */
+    showExportButton?: boolean;
+    /**
+     * 显示导入数据按钮，为`true`时默认打开台账组导入，可按视图配置对应为台账导入/台账组导入，例如：`{ viewCode: 'book | bookGroup' }`
+     */
+    showImportButton?: boolean | Record<string, 'book' | 'bookGroup'>;
+    /**
+     * 导入按钮显示弹窗提示
+     */
+    importButtonTips?: string;
+    /**
+     * 台账组功能导入数据隐藏根据地理层级自动匹配，可按视图配置，例如：`{ viewCode: true }`
+     */
+    importHiddenGeolevel?: boolean | Record<string, boolean>;
+    /**
+     * 台账功能，可选项：`create` 新建对象, `tagConfig` 标签配置, `show` 查看, `delete` 删除, `attribute` 属性, `export` 导出, `share` 共享
+     */
+    bookContextMenuConfig?: BookContextMenuKey[];
+    /**
+     * 实体记录功能，可选项：`show` 查看, `edit` 编辑, `cut` 剪切, `copy` 复制, `delete` 删除
+     */
+    senseContextMenuConfig?: SenseContextMenuKey[];
+    /**
+     * 扩展列参数，目前仅支持实体列表
+     */
+    extendColumnParams?: any[];
+    /**
+     * 隐藏表格列，目前仅支持实体列表
+     */
+    hideColumns?: string[];
+    /**
+     * 自定义表格列，目前仅支持实体列表
+     */
+    customColumns?: Record<string, any>;
+    /**
+     * 启用标签
+     */
+    enableTag?: boolean;
+    /**
+     * 地理层级叶子节点id，实体记录所属地理层级叶子节点为此值时返回
+     */
+    leafRegionId?: string;
+    /**
+     * 地理层级路径节点id，实体记录所属地理层级路径只要包含此值即返回，`leftRegionId`无值时有效
+     */
+    pathRegionId?: string;
+    /**
+     * 实体记录表格默认分页条数
+     */
+    sensePageSize?: number;
+    /**
+     * 扩展筛选字段
+     * @param filterConfig
+     */
+    extendFilter?: (filterConfig: {
+        filterItems: any[];
+        tagValues: any[];
+    }) => any;
+    /**
+     * 新建对象
+     * @param record
+     */
+    onCreateSense?: (record: any) => void;
+    /**
+     * 查看实体
+     * @param record
+     */
+    onShowSense?: (record: any) => void;
+    /**
+     * 编辑实体
+     * @param record
+     */
+    onEditSense?: (record: any) => void;
+    /**
+     * 单击实体
+     * @param record
+     */
+    onClickSense?: (record: any) => void;
+    /**
+     * 双击实体
+     * @param record
+     */
+    onDoubleClickSense?: (record: any) => void;
+    /**
+     * 点击标签配置
+     * @param record
+     */
+    onTagConfig?: (record: EntityManagerAPI.BookGroupItem) => void;
+    /**
+     * 查看台账属性
+     * @param record
+     */
+    onBookAttribute?: (record: any) => void;
+    /**
+     * 台账共享
+     * @param record
+     */
+    onBookShare?: (record: any) => void;
+}
+export interface SenseFullTableRef {
+    /**
+     * 刷新台账列表
+     */
+    refreshBookTable: () => void;
+    /**
+     * 刷新实体记录列表
+     */
+    refreshSenseTable: () => void;
+}
+export {};

package/dist/es/components/SenseFullTable/assets/filter.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 SvgFilter = function SvgFilter(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#8C8C8C",
+    d: "M1.302 3.108c-.669-.752-.135-1.941.872-1.941h9.652c1.007 0 1.54 1.19.872 1.941L9.042 7.222v5.074a.583.583 0 0 1-.918.478l-2.917-2.041a.58.58 0 0 1-.249-.478V7.222zm.872-.775 3.951 4.445v3.173l1.75 1.225V6.778l3.951-4.445z"
+  })));
+};
+
+export { SvgFilter as default };

package/dist/es/components/SenseFullTable/ccos.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SenseFullTableProps, SenseFullTableRef } from './SenseFullTable.types';
+interface CcosSenseFullTableProps extends Omit<SenseFullTableProps, 'views'> {
+    'data-dnd': string;
+    tid: string;
+    views: {
+        key: string;
+        value: string;
+    }[] | {
+        label: string;
+        value: string;
+    }[];
+    showBookContextMenuConfig?: boolean;
+    showSenseContextMenuConfig?: boolean;
+}
+declare const CcosSenseFullTable: React.ForwardRefExoticComponent<CcosSenseFullTableProps & React.RefAttributes<SenseFullTableRef>>;
+export default CcosSenseFullTable;

package/dist/es/components/SenseFullTable/ccos.js

@@ -0,0 +1,30 @@
+import { __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 React__default, { forwardRef } from 'react';
+import SenseFullTable from './SenseFullTable.js';
+import settings from './settings.js';
+
+var CcosSenseFullTable = forwardRef(function (props, ref) {
+    var getProps = function () {
+        var _props = __assign(__assign({}, props), { views: props.views });
+        if (props.viewType === 'system') {
+            _props.showView = true;
+        }
+        if (!props.showBookContextMenuConfig) {
+            delete _props.bookContextMenuConfig;
+        }
+        if (!props.showSenseContextMenuConfig) {
+            delete _props.senseContextMenuConfig;
+        }
+        if (props.viewType === 'func' && props.views) {
+            _props.views = props.views.map(function (item) { return ({
+                label: item.key,
+                value: item.value,
+            }); });
+        }
+        return _props;
+    };
+    return React__default.createElement(SenseFullTable, __assign({}, getProps(), { ref: ref }));
+});
+CcosSenseFullTable.settings = settings;
+
+export { CcosSenseFullTable as default };

package/dist/es/components/SenseFullTable/components/Catalog/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface CatalogProps {
+    activeViewCode: string;
+    activeKey: string;
+    setActiveKey: (activeKey: string) => void;
+    selectedKey: string;
+    setSelectedKey: (selectedKeys: string) => void;
+    setCatalogBreadcrumb: (catalogBreadcrumb: {
+        title: string;
+        onClick: () => void;
+    }[]) => void;
+}
+declare const Catalog: (props: CatalogProps) => React.JSX.Element;
+export default Catalog;

package/dist/es/components/SenseFullTable/components/Catalog/index.js

@@ -0,0 +1,96 @@
+import { __awaiter, __generator, __spreadArray } 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 { Tabs, Tree } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import React__default, { useState } from 'react';
+import { getCatalogTree } from '../../../../services/entityManager.js';
+import { arrayToTree, findAllParentNodes, findNodeByKey } from '../../../../utils/tree.js';
+import styles from './index.module.less.js';
+
+var Catalog = function (props) {
+    var activeViewCode = props.activeViewCode, activeKey = props.activeKey, setActiveKey = props.setActiveKey, selectedKey = props.selectedKey, setSelectedKey = props.setSelectedKey, setCatalogBreadcrumb = props.setCatalogBreadcrumb;
+    var _a = useState([]), expandedKeys = _a[0], setExpandedKeys = _a[1];
+    var data = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, tree_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(activeKey && activeViewCode)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getCatalogTree({
+                            displayWay: activeKey,
+                            viewCodes: [activeViewCode],
+                        })];
+                case 1:
+                    res = _a.sent();
+                    tree_1 = arrayToTree(res, function (item) { return ({
+                        title: item.name,
+                        key: item.code,
+                        parentKey: item.parentCode,
+                    }); });
+                    // 选中第一个
+                    if (tree_1 === null || tree_1 === void 0 ? void 0 : tree_1.length) {
+                        setExpandedKeys([tree_1[0].key]);
+                        setSelectedKey(tree_1[0].key);
+                        setCatalogBreadcrumb([
+                            {
+                                title: tree_1[0].title,
+                                onClick: function () { return handleSelectTree([tree_1[0].key], { _data: tree_1 }); },
+                            },
+                        ]);
+                    }
+                    return [2 /*return*/, tree_1];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [activeKey, activeViewCode],
+    }).data;
+    var tabItems = (function () {
+        if (activeViewCode === 'system-icos_ld_event') {
+            // 事件
+            if (activeKey !== '1') {
+                setActiveKey('1');
+            }
+            return [{ key: '1', label: '对象类别' }];
+        }
+        if (activeViewCode === 'system-icos_gov_user') {
+            // 政府通讯录
+            if (activeKey !== '2') {
+                setActiveKey('2');
+            }
+            return [{ key: '2', label: '所属组织' }];
+        }
+        if (!activeKey) {
+            setActiveKey('1');
+        }
+        return [
+            { key: '1', label: '对象类别' },
+            { key: '2', label: '所属组织' },
+        ];
+    })();
+    var handleTabsChange = function (vaule) {
+        setExpandedKeys([]);
+        setSelectedKey('');
+        setActiveKey(vaule);
+    };
+    var handleSelectTree = function (keys, opt) {
+        var _data = (opt || {})._data;
+        var targetKey = keys[0];
+        var parentNodes = findAllParentNodes(data || _data, targetKey);
+        var currentNode = findNodeByKey(data || _data, targetKey);
+        setSelectedKey('');
+        setTimeout(function () {
+            setSelectedKey(targetKey);
+            setCatalogBreadcrumb(__spreadArray(__spreadArray([], parentNodes, true), [currentNode], false).map(function (item) { return ({
+                title: item.title,
+                onClick: function () { return handleSelectTree([item.key], { _data: data || _data }); },
+            }); }));
+        });
+    };
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Tabs, { items: tabItems, activeKey: activeKey, onChange: handleTabsChange }),
+        React__default.createElement(Tree, { treeData: data, showIcon: false, expandedKeys: expandedKeys, onExpand: function (keys) { return setExpandedKeys(keys); }, selectedKeys: selectedKey ? [selectedKey] : [], onSelect: handleSelectTree, 
+            // onRightClick={handleContextMenu}
+            blockNode: true })));
+};
+
+export { Catalog as default };

package/dist/es/components/SenseFullTable/components/Catalog/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 = ".index-module_container__JJzDb {\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  width: 300px;\n}\n.index-module_container__JJzDb .ant-tree {\n  height: 100%;\n  overflow: auto;\n}\n";
+var styles = {"container":"index-module_container__JJzDb"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseFullTable/components/Filter/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface FilterProps {
+    activeTable: '' | 'bookGroup' | 'book' | 'sense';
+    book?: any;
+    bookGroup?: any;
+    enableTag?: boolean;
+    filter: any;
+    onFilter: (filter: any, filterConfig?: any) => void;
+    extendFilter?: (filterConfig: any) => any;
+}
+declare const Filter: React.FC<FilterProps>;
+export default Filter;

package/dist/es/components/SenseFullTable/components/Filter/index.js

@@ -0,0 +1,147 @@
+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 { DatePicker, Form, theme, Button, Popover } from '@xirang/design-antd';
+import { useRequest } from 'ahooks';
+import classNames from 'classnames';
+import React__default, { useState, useEffect } from 'react';
+import OrgTreeSelect from '../../../OrgTreeSelect/OrgTreeSelect.js';
+import RegionTreeSelect from '../../../RegionTreeSelect/RegionTreeSelect.js';
+import { getBookFilterConfig } from '../../../../services/senseManager.js';
+import SvgFilter from '../../assets/filter.svg.js';
+import { isAllValuesEmpty, getRangePickerConversion } from '../../utils/index.js';
+import FormItem from '../FormItem/index.js';
+import styles from './index.module.less.js';
+
+var RangePicker = DatePicker.RangePicker;
+var Filter = function (props) {
+    var _a;
+    var _b, _c;
+    var activeTable = props.activeTable, book = props.book, bookGroup = props.bookGroup, enableTag = props.enableTag, filter = props.filter, onFilter = props.onFilter, extendFilter = props.extendFilter;
+    var form = Form.useForm()[0];
+    var _d = useState(false), open = _d[0], setOpen = _d[1];
+    var _e = useState(0), flag = _e[0], setFlag = _e[1];
+    var token = theme.useToken().token;
+    // 实体记录筛选配置
+    var filterConfig = useRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(book || (activeTable === 'sense' && bookGroup))) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getBookFilterConfig({
+                            bookId: book === null || book === void 0 ? void 0 : book.bookId,
+                            templateId: bookGroup === null || bookGroup === void 0 ? void 0 : bookGroup.bookGroupId,
+                        })];
+                case 1:
+                    res = _a.sent();
+                    if (extendFilter) {
+                        return [2 /*return*/, extendFilter(res)];
+                    }
+                    return [2 /*return*/, res];
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        refreshDeps: [enableTag, activeTable, book, bookGroup],
+    }).data;
+    // 筛选窗口变化
+    var handleOpenChange = function (visible) {
+        if (!visible) {
+            handleFilter();
+        }
+        setOpen(visible);
+    };
+    // 重置筛选
+    var resetFilter = function () {
+        form.resetFields();
+        onFilter(null);
+        setOpen(false);
+    };
+    // 触发筛选
+    var handleFilter = function () {
+        setFlag(Date.now());
+        setTimeout(function () {
+            var values = form.getFieldsValue();
+            var isEmpty = isAllValuesEmpty(values);
+            onFilter(isEmpty ? null : values, filterConfig);
+            setOpen(false);
+        }, 10);
+    };
+    // 台账组
+    var renderBookGroup = function () {
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Form.Item, __assign({ name: "createTime", label: "\u521B\u5EFA\u65E5\u671F" }, getRangePickerConversion()),
+                React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: true })),
+            React__default.createElement(Form.Item, __assign({ name: "updateTime", label: "\u4FEE\u6539\u65F6\u95F4" }, getRangePickerConversion()),
+                React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: true })),
+            React__default.createElement(Form.Item, { name: "orgCodes", label: "\u5173\u8054\u7EC4\u7EC7" },
+                React__default.createElement(OrgTreeSelect, { all: true, multiple: true, maxTagCount: "responsive" }))));
+    };
+    // 台账
+    var renderBook = function () {
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Form.Item, __assign({ name: "createTime", label: "\u521B\u5EFA\u65E5\u671F" }, getRangePickerConversion()),
+                React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: true })),
+            React__default.createElement(Form.Item, __assign({ name: "updateTime", label: "\u4FEE\u6539\u65F6\u95F4" }, getRangePickerConversion()),
+                React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: true })),
+            React__default.createElement(Form.Item, { name: "orgCodes", label: "\u5173\u8054\u7EC4\u7EC7" },
+                React__default.createElement(OrgTreeSelect, { multiple: true, maxTagCount: "responsive" })),
+            React__default.createElement(Form.Item, { name: "regionIds", label: "\u5173\u8054\u5730\u7406\u5C42\u7EA7" },
+                React__default.createElement(RegionTreeSelect, { multiple: true, maxTagCount: "responsive" }))));
+    };
+    // 实体记录
+    var renderSense = function () {
+        var _a, _b;
+        return (React__default.createElement(React__default.Fragment, null, (_a = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterItems) === null || _a === void 0 ? void 0 :
+            _a.map(function (item) {
+                var _a;
+                return (React__default.createElement(FormItem, { key: item.filterId, name: item.fieldId, label: item.filterName, type: item.targetFilter, placeholder: item.filterName, options: item.options, regionId: (_a = item.startRegion) === null || _a === void 0 ? void 0 : _a.regionId, flag: flag }));
+            }),
+            ((_b = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.tagValues) === null || _b === void 0 ? void 0 : _b.length) && enableTag ? (React__default.createElement(FormItem, { name: "tagCodes", label: "\u6807\u7B7E", type: "CustomSelect", options: filterConfig.tagValues.map(function (item) { return ({
+                    label: item.tagValue,
+                    value: item.code,
+                }); }) })) : null));
+    };
+    // 渲染表单项
+    var renderFormItems = function () {
+        if (activeTable === 'sense') {
+            return renderSense();
+        }
+        else if (activeTable === 'book') {
+            return renderBook();
+        }
+        else if (activeTable === 'bookGroup') {
+            return renderBookGroup();
+        }
+    };
+    // 显示内容
+    var content = (React__default.createElement("div", { className: styles.content, style: { backgroundColor: "".concat(token.colorPrimaryBg) } },
+        React__default.createElement(Form, { form: form, labelCol: { span: 6 }, wrapperCol: { span: 18 } }, renderFormItems()),
+        React__default.createElement("div", { className: styles.btns },
+            React__default.createElement(Button, { type: "default", onClick: resetFilter }, "\u91CD\u7F6E"),
+            React__default.createElement(Button, { type: "primary", onClick: handleFilter }, "\u67E5\u8BE2"))));
+    useEffect(function () {
+        if (filter) {
+            form.setFieldsValue(filter);
+        }
+        else {
+            form.resetFields();
+        }
+    }, [filter]);
+    if (activeTable === 'sense' &&
+        !((_b = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterItems) === null || _b === void 0 ? void 0 : _b.length) &&
+        !((_c = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.tagValues) === null || _c === void 0 ? void 0 : _c.length)) {
+        return null;
+    }
+    return (React__default.createElement(Popover, { content: content, open: open, onOpenChange: handleOpenChange, trigger: "click", placement: "bottomRight", overlayStyle: {
+            backgroundColor: "".concat(token.colorPrimaryBg),
+            border: "1px solid ".concat(token.colorBorder),
+            borderRadius: '8px',
+        } },
+        React__default.createElement("div", { className: classNames(styles.filter, (_a = {}, _a[styles.active] = !!filter, _a)), style: {
+                backgroundColor: "".concat(token.colorPrimaryBg),
+                border: "1px solid ".concat(token.colorBorder),
+            } },
+            React__default.createElement(SvgFilter, null))));
+};
+
+export { Filter as default };

package/dist/es/components/SenseFullTable/components/Filter/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  --sense-manager-filter-icon-color: currentcolor;\n}\n.index-module_filter__-sqYm {\n  position: relative;\n  display: flex;\n  place-items: center right;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  cursor: pointer;\n  border-radius: 4px;\n}\n.index-module_filter__-sqYm svg path {\n  fill: var(--sense-manager-filter-icon-color);\n}\n.index-module_filter__-sqYm.index-module_active__ltQzZ::after {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  width: 8px;\n  height: 8px;\n  content: '';\n  border-radius: 50%;\n}\n.index-module_content__d-57c {\n  display: flex;\n  flex-direction: column;\n  width: 420px;\n  max-height: 60vh;\n  padding: 8px 16px;\n  overflow: hidden auto;\n}\n.index-module_content__d-57c .index-module_btns__hw4cX {\n  display: flex;\n  column-gap: 8px;\n  justify-content: flex-end;\n}\n.index-module_content__d-57c .ant-form .ant-form-item {\n  margin-bottom: 16px;\n}\n";
+var styles = {"filter":"index-module_filter__-sqYm","active":"index-module_active__ltQzZ","content":"index-module_content__d-57c","btns":"index-module_btns__hw4cX"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseFullTable/components/FormItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface FormItemProps {
+    name: string;
+    label: string;
+    type: number | string;
+    placeholder?: string;
+    options?: any[];
+    regionId?: string;
+    flag?: number;
+}
+declare const FormItem: React.FC<FormItemProps>;
+export default FormItem;

package/dist/es/components/SenseFullTable/components/FormItem/index.js

@@ -0,0 +1,93 @@
+import { __rest, __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 { DatePicker, Form, Select, TreeSelect, InputNumber } from '@xirang/design-antd';
+import React__default, { useState, useEffect } from 'react';
+import RegionTreeSelect from '../../../RegionTreeSelect/RegionTreeSelect.js';
+import { getRangePickerConversion } from '../../utils/index.js';
+
+var RangePicker = DatePicker.RangePicker;
+// 数值题
+var NumberInput = function (_a) {
+    var value = _a.value, onChange = _a.onChange, flag = _a.flag;
+    // 最小值
+    var _b = useState(null), min = _b[0], setMin = _b[1];
+    // 最大值
+    var _c = useState(null), max = _c[0], setMax = _c[1];
+    // 修改最小值
+    var handleChangeMin = function (v) {
+        setMin(v);
+    };
+    // 修改最大值
+    var handleChangeMax = function (v) {
+        setMax(v);
+    };
+    useEffect(function () {
+        if (min || max) {
+            onChange([min, max]);
+        }
+        else {
+            onChange([]);
+        }
+    }, [min, max]);
+    useEffect(function () {
+        if (value === null || value === void 0 ? void 0 : value.length) {
+            var _min = value[0], _max = value[1];
+            if (min !== _min || max !== _max) {
+                setMin(_min);
+                setMax(_max);
+            }
+        }
+        else {
+            setMin(null);
+            setMax(null);
+        }
+    }, [value]);
+    useEffect(function () {
+        if (flag) {
+            if (!min || !max) {
+                setMin(null);
+                setMax(null);
+            }
+        }
+    }, [flag]);
+    return (React__default.createElement("span", null,
+        React__default.createElement(InputNumber, { placeholder: "\u6700\u5C0F\u503C", value: min, onChange: handleChangeMin, max: max }),
+        React__default.createElement("span", { style: { margin: '0 8px' } }, "-"),
+        React__default.createElement(InputNumber, { placeholder: "\u6700\u5927\u503C", value: max, onChange: handleChangeMax, min: min })));
+};
+var FormItem = function (_a) {
+    var type = _a.type, placeholder = _a.placeholder, options = _a.options, regionId = _a.regionId, flag = _a.flag, props = __rest(_a, ["type", "placeholder", "options", "regionId", "flag"]);
+    var renderItem = function () {
+        if (type === 1) {
+            // 日期选择
+            return (React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD", placeholder: ['开始时间', '结束时间'], allowClear: true }));
+        }
+        if (type === 2) {
+            // 日期时间选择
+            return (React__default.createElement(RangePicker, { showTime: true, format: "YYYY/MM/DD HH:mm", placeholder: ['开始时间', '结束时间'], allowClear: true }));
+        }
+        if (type === 3) {
+            // 地址选择
+            return (React__default.createElement(RegionTreeSelect, { regionId: regionId, placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(props.label), maxTagCount: "responsive", treeCheckable: true, treeCheckStrictly: true }));
+        }
+        if (type === 4) {
+            // 数值范围选择
+            return React__default.createElement(NumberInput, { flag: flag });
+        }
+        if (type === 5) {
+            // 选项筛选
+            return (React__default.createElement(Select, { options: options === null || options === void 0 ? void 0 : options.map(function (item) { return ({ label: item, value: item }); }), mode: "multiple", maxTagCount: "responsive", placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(props.label) }));
+        }
+        if (type === 6) {
+            // 级联选择
+            return (React__default.createElement(TreeSelect, { treeData: options, fieldNames: { label: 'value' }, treeCheckable: true, treeCheckStrictly: true, maxTagCount: "responsive", placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(props.label) }));
+        }
+        if (type === 'CustomSelect') {
+            // 自定义 Select
+            return (React__default.createElement(Select, { options: options, mode: "multiple", maxTagCount: "responsive", placeholder: placeholder || "\u8BF7\u9009\u62E9".concat(props.label) }));
+        }
+        return null;
+    };
+    return (React__default.createElement(Form.Item, __assign({}, props, (type === 'date' ? getRangePickerConversion() : null)), renderItem()));
+};
+
+export { FormItem as default };

package/dist/es/components/SenseFullTable/components/SideBar/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SideBarProps {
+    viewType: 'system' | 'func';
+    views: {
+        label: string;
+        value: string;
+    }[];
+    showView: boolean;
+    activeViewCode: string;
+    onViewCodeChange: (activeViewCode: string) => void;
+}
+declare const SideBar: React.FC<SideBarProps>;
+export default SideBar;