zmdms-webui 0.0.1

package/dist/es/table/table.js

@@ -0,0 +1,60 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useRef, useEffect } from 'react';
+import { Table as Table$1 } from 'antd';
+import EnhanceRow from './components/EnhanceRow.js';
+import EnhanceCell from './components/EnhanceCell.js';
+import classNames from '../node_modules/classnames/index.js';
+import { useColumns } from './useColumns.js';
+import { useDynamicListByColumns } from './useDynamicListByColumns.js';
+import { TABLE_DYNAMIC_KEY } from './constant.js';
+import { useEditChange } from './hooks.js';
+import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
+
+var components = {
+    body: {
+        row: EnhanceRow,
+        cell: EnhanceCell,
+    },
+};
+// TODO: 实现列拖拽切换位置、显隐功能
+// TODO: 实现新增行、删除行功能 新增时 可以选择新增多少行 删除时 可以选择删除全部
+// TODO: 实现必填标记
+// TODO: 实现小计 总计功能
+// TODO: 实现可拖拽行
+// TODO: 实现可编辑功能
+var Table = function (props) {
+    console.log("表格渲染");
+    var className = props.className, _a = props.bordered, bordered = _a === void 0 ? true : _a, _b = props.pagination, pagination = _b === void 0 ? false : _b, dynamicKey = props.dynamicKey, columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit; props.isMove; var resetProps = __rest(props, ["className", "bordered", "pagination", "dynamicKey", "columns", "dataSource", "onTableChange", "isEdit", "isMove"]);
+    var classes = classNames("ztxk-table", className);
+    // 将表格数据 在 Ref中 存储一份
+    var dataSourceRef = useRef();
+    useEffect(function () {
+        dataSourceRef.current = dataSource;
+    }, [dataSource]);
+    // 得到动态列配置信息
+    var _c = useDynamicListByColumns(columns, dynamicKey), defaultDynamicList = _c.defaultDynamicList, onCurrentListChange = _c.onCurrentListChange, currentDynamicList = _c.currentDynamicList, dynamicSettingRef = _c.dynamicSettingRef;
+    // 内部表格编辑事件
+    var onEditableSave = useEditChange(dataSourceRef, onTableChange);
+    // 处理列配置信息 得到新的列配置信息
+    var newColumns = useColumns(columns, {
+        currentDynamicList: currentDynamicList,
+        dataSource: dataSource,
+        dataSourceRef: dataSourceRef,
+        onEditableSave: onEditableSave,
+    }).newColumns;
+    console.log(currentDynamicList, newColumns);
+    return (jsxs("div", { children: [jsx(Table$1, __assign({ className: classes, bordered: bordered, pagination: pagination, dataSource: dataSource, columns: newColumns, components: isEdit ? components : null }, resetProps)), dynamicKey ? (jsx(DynamicSetting, { parentDynamicKey: TABLE_DYNAMIC_KEY, dynamicKey: dynamicKey, defaultList: defaultDynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef, hiddenOperationIcon: true })) : null] }));
+};
+var MemoTable = memo(Table);
+MemoTable.displayName = "ZTXK_WEBUI_Table";
+MemoTable.SELECTION_COLUMN = Table$1.SELECTION_COLUMN;
+MemoTable.EXPAND_COLUMN = Table$1.EXPAND_COLUMN;
+MemoTable.SELECTION_ALL = Table$1.SELECTION_ALL;
+MemoTable.SELECTION_INVERT = Table$1.SELECTION_INVERT;
+MemoTable.SELECTION_NONE = Table$1.SELECTION_NONE;
+MemoTable.Column = Table$1.Column;
+MemoTable.ColumnGroup = Table$1.ColumnGroup;
+MemoTable.Summary = Table$1.Summary;
+
+export { MemoTable as default };

package/dist/es/table/useColumns.js

@@ -0,0 +1,48 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { getTableColumns } from './utils.js';
+import CopyIcon from './components/CopyIcon.js';
+import '../node_modules/classnames/index.js';
+import 'react';
+
+// 处理columns
+// 根据传入的一些信息 重新生成新的columns配置
+// 不适用column里面的dataIndex字段，使用key字段
+function useColumns(columns, options) {
+    var currentDynamicList = options.currentDynamicList, dataSourceRef = options.dataSourceRef, onEditableSave = options.onEditableSave;
+    var newColumns = getTableColumns(columns, currentDynamicList);
+    // 循环遍历 neColumns 根据一些内容进行处理
+    var myNewColumns = [];
+    if (Array.isArray(newColumns)) {
+        newColumns.forEach(function (column) {
+            var _column = __assign({}, column);
+            var isCopy = _column.isCopy, editable = _column.editable, editableConfig = _column.editableConfig, title = _column.title, key = _column.key;
+            var _key = key ? key : _column === null || _column === void 0 ? void 0 : _column.dataIndex;
+            // 列头增加复制按钮
+            // TODO:dataSource 可以修改成Ref对象
+            if (isCopy) {
+                _column.title = (jsxs(Fragment, { children: [title, jsx(CopyIcon, { copyKey: isCopy === true ? key : isCopy, dataSourceRef: dataSourceRef })] }));
+            }
+            // 如果列添加可编辑配置
+            if (editable) {
+                _column.onCell = function (record, index) {
+                    return ({
+                        record: record,
+                        index: index,
+                        editable: editable,
+                        editableConfig: editableConfig,
+                        dataIndex: _key,
+                        title: title,
+                        onEditableSave: onEditableSave,
+                    });
+                };
+            }
+            myNewColumns.push(_column);
+        });
+    }
+    return {
+        newColumns: myNewColumns,
+    };
+}
+
+export { useColumns };

package/dist/es/table/useDynamicListByColumns.js

@@ -0,0 +1,47 @@
+import { useRef, useMemo, useState, useCallback } from 'react';
+import { getCurrentDynamicItems } from '../dynamicsetting/useDynamic.js';
+import { TABLE_DYNAMIC_KEY } from './constant.js';
+
+// 根据columns 生成动态列配置信息
+function getDynamicList(dynamicKey, columns) {
+    var result = [];
+    if (dynamicKey && columns) {
+        columns.forEach(function (column) {
+            var _a = column, key = _a.key, dataIndex = _a.dataIndex, title = _a.title, dynamicDisabled = _a.dynamicDisabled, fixed = _a.fixed;
+            if (!fixed) {
+                // dataIndex 可能是 ['key1', 'key2'] 这种格式
+                // 尽量避免使用这种模式 如果非得使用这种模式 那么请把key值传入
+                var _key = key ? key : dataIndex;
+                result.push({
+                    key: _key,
+                    label: title,
+                    disabled: dynamicDisabled === true ? true : false,
+                });
+            }
+        });
+    }
+    return result;
+}
+function useDynamicListByColumns(columns, dynamicKey) {
+    // 动态列配置手动刷新基础配置
+    var dynamicSettingRef = useRef({});
+    // 初始化list
+    var defaultDynamicList = useMemo(function () {
+        return getDynamicList(dynamicKey, columns);
+    }, [dynamicKey, columns]);
+    // 变化的动态列配置信息
+    var _a = useState(function () {
+        return getCurrentDynamicItems(dynamicKey, TABLE_DYNAMIC_KEY, defaultDynamicList);
+    }), currentDynamicList = _a[0], setCurrentDynamicList = _a[1];
+    var onCurrentListChange = useCallback(function (newDynamicList) {
+        setCurrentDynamicList(newDynamicList);
+    }, []);
+    return {
+        defaultDynamicList: defaultDynamicList,
+        currentDynamicList: currentDynamicList,
+        onCurrentListChange: onCurrentListChange,
+        dynamicSettingRef: dynamicSettingRef,
+    };
+}
+
+export { useDynamicListByColumns };

package/dist/es/table/utils.js

@@ -0,0 +1,82 @@
+import { __spreadArray } from '../_virtual/_tslib.js';
+import { message } from 'antd';
+
+// 根据动态列配置信息 以及当前的columns信息
+// 得到最新的columns信息
+function getTableColumns(columns, currentDynamicList) {
+    if (Array.isArray(currentDynamicList) &&
+        currentDynamicList.length > 0 &&
+        columns) {
+        var preColumns_1 = [];
+        var middleColumns_1 = [];
+        var afterColumns_1 = [];
+        // 先从动态列配置信息中 找出column并按配置信息进行排序
+        //
+        currentDynamicList.forEach(function (item) {
+            var key = item.key;
+            // 这里肯定是能找到的 因为之前就以columns过滤了一遍dynamicList了
+            var result = columns.find(function (column) {
+                return (column.key === key || (column === null || column === void 0 ? void 0 : column.dataIndex) === key);
+            });
+            if (result) {
+                middleColumns_1.push(result);
+            }
+        });
+        // 将前固定列 和 后固定列找出
+        columns
+            .filter(function (column) { return column.fixed; })
+            .forEach(function (column) {
+            if (column.fixed === "left") {
+                preColumns_1.push(column);
+            }
+            else if (column.fixed === "right") {
+                afterColumns_1.push(column);
+            }
+        });
+        return __spreadArray(__spreadArray(__spreadArray([], preColumns_1, true), middleColumns_1, true), afterColumns_1, true);
+    }
+    return columns;
+}
+// 复制整列方法
+function copyColData(key, dataSource) {
+    var _a, _b;
+    if (Array.isArray(dataSource)) {
+        var result = dataSource.map(function (item) {
+            if (typeof key === "string") {
+                return item[key];
+            }
+            else {
+                var r_1 = "";
+                key.forEach(function (k) { return (r_1 += item[k]); });
+                return r_1;
+            }
+        });
+        var str = result.join("\n");
+        try {
+            if ((navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) && window.isSecureContext) {
+                (_b = (_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(str)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                    message.info("复制成功！");
+                });
+            }
+            else {
+                var textarea = document.createElement("textarea");
+                textarea.value = str;
+                document.body.appendChild(textarea);
+                textarea.select();
+                if (document.execCommand) {
+                    message.info("复制成功！");
+                    document.execCommand("copy");
+                }
+                else {
+                    message.info("\u590D\u5236\u5931\u8D25\uFF01\u8BF7\u624B\u5DE5\u590D\u5236\n ".concat(str));
+                }
+                document.body.removeChild(textarea);
+            }
+        }
+        catch (err) {
+            message.info("\u590D\u5236\u5931\u8D25\uFF01\u8BF7\u624B\u5DE5\u590D\u5236\n ".concat(str));
+        }
+    }
+}
+
+export { copyColData, getTableColumns };

package/dist/es/timepicker/index.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+import React__default from 'react';
+import { PickerTimeProps } from 'antd/es/date-picker/generatePicker';
+
+interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, "picker"> {
+}
+declare const TimePicker: React__default.ForwardRefExoticComponent<TimePickerProps & React__default.RefAttributes<any>>;
+
+export { TimePickerProps, TimePicker as default };

package/dist/es/timepicker/index.js

@@ -0,0 +1,11 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import DatePicker from '../datepicker/index.js';
+
+var TimePicker = React__default.forwardRef(function (props, ref) {
+    return jsx(DatePicker, __assign({}, props, { picker: "time", mode: undefined, ref: ref }));
+});
+TimePicker.displayName = "TimePicker";
+
+export { TimePicker as default };

package/dist/index.build.d.ts

@@ -0,0 +1,19 @@
+export { default as Button } from './es/button/button.js';
+export { default as Input } from './es/input/input.js';
+export { default as InputNumber } from './es/inputnumber/inputNumber.js';
+export { default as DatePicker } from './es/datepicker/index.js';
+export { default as Calendar } from './es/calendar/index.js';
+export { default as TimePicker } from './es/timepicker/index.js';
+export { default as ZtxkContext } from './es/config/ZtxkContext.js';
+export { default as SuspenseComponent } from './es/suspensecomponent/index.js';
+export { default as ProtectedRoute } from './es/protectedroute/index.js';
+export { default as Login } from './es/login/index.js';
+export { default as Icon } from './es/icon/index.js';
+export { default as DynamicSetting } from './es/dynamicsetting/dynamicSetting.js';
+export { default as Form } from './es/form/form.js';
+export { default as FormItem } from './es/formitem/formItem.js';
+export { default as Container } from './es/container/container.js';
+export { default as Footer } from './es/footer/footer.js';
+export { default as Pagination } from './es/pagination/pagination.js';
+export { default as Table } from './es/table/table.js';
+export { Checkbox, ConfigProvider, Drawer, Layout, Menu, Modal, Radio, Spin, message } from 'antd';