zmdms-webui 0.0.49 → 0.0.51

package/dist/es/_virtual/_tslib.js

@@ -12,7 +12,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -98,6 +98,11 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 export { __assign, __awaiter, __extends, __generator, __rest, __spreadArray };

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

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import * as antd_es_calendar_generateCalendar from 'antd/es/calendar/generateCalendar';
 import { Dayjs } from 'dayjs';
 
-declare const Calendar: (props: antd_es_calendar_generateCalendar.CalendarProps<Dayjs>) => JSX.Element;
+declare const Calendar: (props: antd_es_calendar_generateCalendar.CalendarProps<Dayjs>) => React.JSX.Element;
 
 export { Calendar as default };

package/dist/es/container/container.d.ts

@@ -22,10 +22,19 @@ declare const ContainerButtonWrap: React__default.FC<{
     children?: React__default.ReactNode;
     isMarginTop?: boolean;
     className?: string;
+    style?: React__default.CSSProperties;
+}>;
+declare const ContainerScrollWrap: React__default.FC<{
+    children?: React__default.ReactNode;
+    isMarginTop?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    height?: string | number;
 }>;
 interface IContainerComponent extends React__default.FC<IProps> {
     displayName: string;
     ButtonWrap: typeof ContainerButtonWrap;
+    ScrollWrap: typeof ContainerScrollWrap;
 }
 declare const ContainerMemo: IContainerComponent;
 

package/dist/es/container/container.js

@@ -22,14 +22,22 @@ var Container = function (props) {
     return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef }, { children: [leftContent && (jsx(LeftContent, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth }, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children })), jsx(Footer, { footerDom: footerDom })] })));
 };
 var ContainerButtonWrap = memo(function (_a) {
-    var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className;
+    var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className, style = _a.style;
     var classes = classNames("ztxk-container--btn-wrap", className, {
         "btn-wrap--margin-top": isMarginTop,
     });
-    return jsx("div", __assign({ className: classes }, { children: children }));
+    return (jsx("div", __assign({ className: classes, style: style }, { children: children })));
+});
+var ContainerScrollWrap = memo(function (_a) {
+    var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className, style = _a.style, height = _a.height;
+    var classes = classNames("ztxk-container--scroll-wrap", className, {
+        "scroll-wrap--margin-top": isMarginTop,
+    });
+    return (jsx("div", __assign({ className: classes, style: __assign(__assign({}, style), { height: height }) }, { children: children })));
 });
 var ContainerMemo = memo(Container);
 ContainerMemo.displayName = "ZTXK_WEBUI_ContainerMemo";
-ContainerMemo.ButtonWrap = ContainerButtonWrap;
+ContainerMemo.ButtonWrap = ContainerButtonWrap;
+ContainerMemo.ScrollWrap = ContainerScrollWrap;
 
 export { ContainerMemo as default };

package/dist/es/inputnumber/utils.js

@@ -87,7 +87,7 @@ function getFormatter(formatterType, currencySymbol, isFocusRef, precision) {
         return {
             formatter: formatterFn,
             parser: parserFn,
-            precision: MONEY_PRECISION,
+            precision: typeof precision === "number" ? precision : MONEY_PRECISION,
         };
     }
     if (formatterType === "percent") {

package/dist/es/node_modules/@ant-design/icons/es/icons/DownloadOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import DownloadOutlinedSvg from '../../../icons-svg/es/asn/DownloadOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var DownloadOutlined = function DownloadOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: DownloadOutlinedSvg
+  }));
+};
+DownloadOutlined.displayName = 'DownloadOutlined';
+var DownloadOutlined$1 = /*#__PURE__*/React.forwardRef(DownloadOutlined);
+
+export { DownloadOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons/es/icons/LoadingOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import LoadingOutlinedSvg from '../../../icons-svg/es/asn/LoadingOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var LoadingOutlined = function LoadingOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: LoadingOutlinedSvg
+  }));
+};
+LoadingOutlined.displayName = 'LoadingOutlined';
+var LoadingOutlined$1 = /*#__PURE__*/React.forwardRef(LoadingOutlined);
+
+export { LoadingOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/DownloadOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var DownloadOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "download", "theme": "outlined" };
+var DownloadOutlinedSvg = DownloadOutlined;
+
+export { DownloadOutlinedSvg as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/LoadingOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var LoadingOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
+var LoadingOutlinedSvg = LoadingOutlined;
+
+export { LoadingOutlinedSvg as default };

package/dist/es/node_modules/rc-util/es/Dom/dynamicCSS.js

@@ -2,6 +2,7 @@ import canUseDom from './canUseDom.js';
 import contains from './contains.js';
 
 var APPEND_ORDER = 'data-rc-order';
+var APPEND_PRIORITY = 'data-rc-priority';
 var MARK_KEY = "rc-util-key";
 var containerCache = new Map();
 function getMark() {
@@ -40,9 +41,16 @@ function injectCSS(css) {
     return null;
   }
   var csp = option.csp,
-    prepend = option.prepend;
+    prepend = option.prepend,
+    _option$priority = option.priority,
+    priority = _option$priority === void 0 ? 0 : _option$priority;
+  var mergedOrder = getOrder(prepend);
+  var isPrependQueue = mergedOrder === 'prependQueue';
   var styleNode = document.createElement('style');
-  styleNode.setAttribute(APPEND_ORDER, getOrder(prepend));
+  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+  if (isPrependQueue && priority) {
+    styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
+  }
   if (csp !== null && csp !== void 0 && csp.nonce) {
     styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
   }
@@ -51,9 +59,16 @@ function injectCSS(css) {
   var firstChild = container.firstChild;
   if (prepend) {
     // If is queue `prepend`, it will prepend first style and then append rest style
-    if (prepend === 'queue') {
+    if (isPrependQueue) {
       var existStyle = findStyles(container).filter(function (node) {
-        return ['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER));
+        // Ignore style which not injected by rc-util with prepend
+        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
+          return false;
+        }
+
+        // Ignore style which priority less then new style
+        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
+        return priority >= nodePriority;
       });
       if (existStyle.length) {
         container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);

package/dist/es/table/components/EnhanceCell.js

@@ -1,8 +1,9 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useEditing, useIptRef, useTdRef } from './hooks.js';
 import { getInnerIndex } from '../useInnerPagination.js';
+import { getFormatter } from '../../inputnumber/utils.js';
 import MemoInput from '../../input/input.js';
 import InputNumber from '../../inputnumber/inputNumber.js';
 
@@ -18,6 +19,11 @@ var EnhanceCell = function (props) {
     var iptRef = useIptRef(editing);
     // 单元格Ref
     var _c = useTdRef(), tdRef = _c.tdRef, removeErrorClass = _c.removeErrorClass;
+    var data = record === null || record === void 0 ? void 0 : record[dataIndex];
+    // 外部更新值时，需要取这个值
+    useEffect(function () {
+        setVal(data);
+    }, [data]);
     // 触发表格保存事件
     var onSave = function (info) {
         var _a;
@@ -31,8 +37,9 @@ var EnhanceCell = function (props) {
     if (editable) {
         var _d = editableConfig || {
             type: "input",
-        }, type = _d.type, resetEditableConfigProps = __rest(_d, ["type"]);
+        }, type = _d.type, max = _d.max, min = _d.min, maxHandle = _d.maxHandle, minHandle = _d.minHandle, resetEditableConfigProps = __rest(_d, ["type", "max", "min", "maxHandle", "minHandle"]);
         var CurrentReactNode = null;
+        var newChildren = children;
         // 输入框处理
         if (type === "input") {
             CurrentReactNode = (jsx(MemoInput, __assign({ value: val, onChange: function (e) {
@@ -44,14 +51,40 @@ var EnhanceCell = function (props) {
         }
         // 数字输入框处理
         if (type === "inputNumber") {
+            var resultMax_1 = maxHandle ? maxHandle(record) : max;
+            var resultmin_1 = minHandle ? minHandle(record) : min;
             CurrentReactNode = (jsx(InputNumber, __assign({ value: val, onChange: function (value) {
-                    setVal(value);
+                    if (typeof value === "number") {
+                        if (typeof resultMax_1 === "number" && value > resultMax_1) {
+                            setVal(resultMax_1);
+                        }
+                        else if (typeof resultmin_1 === "number" && value < resultmin_1) {
+                            setVal(resultmin_1);
+                        }
+                        else {
+                            setVal(value);
+                        }
+                    }
+                    else {
+                        setVal(value);
+                    }
                     if (isValidate) {
                         removeErrorClass();
                     }
                 }, onPressEnter: onSave, onBlur: onSave, ref: iptRef }, resetEditableConfigProps)));
+            // 显示的时候 展示转换的值
+            try {
+                if (Array.isArray(newChildren)) {
+                    var v = newChildren[1];
+                    var result = getFormatter(resetEditableConfigProps.formatterType, resetEditableConfigProps.currencySymbol, { current: false }, resetEditableConfigProps.precision);
+                    newChildren = result.formatter(v);
+                }
+            }
+            catch (err) {
+                console.error(err);
+            }
         }
-        return (jsx("td", __assign({ ref: tdRef }, resetProps, { children: editing ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: "ztxk-table__enhance-cell-wrap", onClick: toggleEdit }, { children: children }))) })));
+        return (jsx("td", __assign({ ref: tdRef }, resetProps, { children: editing ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: "ztxk-table__enhance-cell-wrap", onClick: toggleEdit }, { children: newChildren }))) })));
     }
     return (jsx("td", __assign({ ref: tdRef }, resetProps, { children: children })));
 };

package/dist/es/table/components/SortTitle.js

@@ -7,7 +7,7 @@ import CaretUpOutlined from '../../node_modules/@ant-design/icons/es/icons/Caret
 import CaretDownOutlined from '../../node_modules/@ant-design/icons/es/icons/CaretDownOutlined.js';
 
 var SortTitle = function (_a) {
-    var title = _a.title, field = _a.field, onChange = _a.onChange, customOrder = _a.customOrder, setCustomOrder = _a.setCustomOrder;
+    var title = _a.title, field = _a.field, onChange = _a.onChange, customOrder = _a.customOrder, setCustomOrder = _a.setCustomOrder, align = _a.align, isStress = _a.isStress;
     var order = !customOrder
         ? null
         : (customOrder === null || customOrder === void 0 ? void 0 : customOrder.field) === field
@@ -42,7 +42,10 @@ var SortTitle = function (_a) {
             return "点击升序";
         }
     }, [order]);
-    return (jsxs("div", __assign({ className: "ztxk-table--sorter" }, { children: [jsx("div", __assign({ className: "ztxk-table--sorter-title" }, { children: typeof title === "function" ? title({}) : title })), jsxs("div", __assign({ className: "ztxk-table--sorter-icon", onClick: handleSortClick, title: currentTitle }, { children: [jsx(CaretUpOutlined, { className: classNames("ant-table-column-sorter-up", {
+    var titleClassName = classNames("ztxk-table--sorter-title", {
+        "ztxk-table--title-stress": isStress,
+    });
+    return (jsxs("div", __assign({ className: "ztxk-table--sorter" }, { children: [jsx("div", __assign({ className: titleClassName, style: { textAlign: align } }, { children: typeof title === "function" ? title({}) : title })), jsxs("div", __assign({ className: "ztxk-table--sorter-icon", onClick: handleSortClick, title: currentTitle }, { children: [jsx(CaretUpOutlined, { className: classNames("ant-table-column-sorter-up", {
                             active: order === ASCEND,
                         }) }), jsx(CaretDownOutlined, { className: classNames("ant-table-column-sorter-down", {
                             active: order === DESCEND,

package/dist/es/table/components/TitleDirectionColumn.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface IProps {
+    title?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+}
+declare const _default: React__default.NamedExoticComponent<IProps>;
+
+export { _default as default };

package/dist/es/table/components/TitleDirectionColumn.js

@@ -0,0 +1,11 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+var TitleDirectionColumn = function (_a) {
+    var title = _a.title, children = _a.children, className = _a.className, style = _a.style;
+    return (jsxs("div", __assign({ className: className, style: __assign({ display: "flex", flexDirection: "column", flexGrow: 1 }, style) }, { children: [title, jsx("div", { children: children })] })));
+};
+var TitleDirectionColumn$1 = memo(TitleDirectionColumn);
+
+export { TitleDirectionColumn$1 as default };

package/dist/es/table/interface.d.ts

@@ -2,6 +2,7 @@ import { Table } from 'antd';
 import { TableProps, TablePaginationConfig, ColumnType } from 'antd/lib/table';
 import { IInputProps } from '../input/input.js';
 import { IInputNumberProps } from '../inputnumber/inputNumber.js';
+import _default from './components/TitleDirectionColumn.js';
 
 type IEditableConfigOtherProps = IInputProps & IInputNumberProps;
 interface IEditableConfig extends Partial<IEditableConfigOtherProps> {
@@ -9,6 +10,14 @@ interface IEditableConfig extends Partial<IEditableConfigOtherProps> {
      * 列编辑类型
      */
     type: "input" | "inputNumber";
+    /**
+     * 最大值函数
+     */
+    maxHandle?: (record: any) => any;
+    /**
+     * 最大值函数
+     */
+    minHandle?: (record: any) => any;
     /**
      * 可以传入对应的input inputNumber的所有相关属性
      */
@@ -77,6 +86,15 @@ interface IColumnType<RecordType> extends ColumnType<RecordType> {
      * 是否开启自定义排序
      */
     isOrder?: boolean;
+    /**
+     * 是否强调字段
+     */
+    isStress?: boolean;
+    /**
+     * 动态列配置的title
+     * 当你传入的title是一个 组件时。组件再做动态列配置的时候，需要一个字符串的值，来充当动态列配置的title。这里可以传入一个字符串的值进来
+     */
+    dynamicTitle?: string;
 }
 interface IColumnGroupType<RecordType> extends Omit<IColumnType<RecordType>, "dataIndex"> {
     children: IColumnsType<RecordType>;
@@ -233,6 +251,7 @@ interface TableComponent<T> extends React.FC<ITableProps<T>> {
     Column: typeof Table.Column;
     ColumnGroup: typeof Table.ColumnGroup;
     Summary: typeof Table.Summary;
+    TitleDirectionColumn: typeof _default;
 }
 /**
  * 排序相关类型

package/dist/es/table/table.js

@@ -16,6 +16,7 @@ import useInnerPagination, { getInnerIndex } from './useInnerPagination.js';
 import { useScuRfresh, useEditChange, useMoveRowChange, useAddAndDelChange, useCustomSort } from './hooks.js';
 import { HTML5Backend } from '../node_modules/react-dnd-html5-backend/dist/index.js';
 import useTableValidate, { tableValidate } from './useTableValidate.js';
+import TitleDirectionColumn from './components/TitleDirectionColumn.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
 
@@ -178,6 +179,7 @@ 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;
+MemoTable.Summary = Table$1.Summary;
+MemoTable.TitleDirectionColumn = TitleDirectionColumn;
 
 export { MemoTable as default };

package/dist/es/table/useColumns.js

@@ -18,29 +18,31 @@ function useColumns(columns, options) {
     var myNewColumns = [];
     if (Array.isArray(newColumns)) {
         newColumns.forEach(function (column) {
-            var _a;
+            var _a, _b;
             var _column = __assign(__assign({}, column), { __title: column.title });
-            var isCopy = _column.isCopy, editable = _column.editable, editableConfig = _column.editableConfig, title = _column.title, key = _column.key, validate = _column.validate, isRequire = _column.isRequire, isFillDown = _column.isFillDown, isOrder = _column.isOrder;
+            var isCopy = _column.isCopy, editable = _column.editable, editableConfig = _column.editableConfig, title = _column.title, key = _column.key, validate = _column.validate, isRequire = _column.isRequire, isFillDown = _column.isFillDown, isOrder = _column.isOrder, isStress = _column.isStress;
             var _key = key ? key : _column === null || _column === void 0 ? void 0 : _column.dataIndex;
             // 添加自定义排序
             if (isOrder) {
-                _column.title = (jsx(SortTitle, { title: title, field: _key, onChange: customSortHandle, customOrder: order, setCustomOrder: setOrder }));
+                _column.title = (jsx(SortTitle, { title: title, field: _key, onChange: customSortHandle, customOrder: order, setCustomOrder: setOrder, align: _column.align, isStress: isStress }));
             }
             // 列头增加复制按钮
             // 列头增加往下填充
             if (isFillDown || isCopy) {
-                _column.title = (jsx("div", __assign({ style: {
+                _column.title = (jsxs("div", __assign({ style: {
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "space-between",
                         flex: "1",
-                    } }, { children: jsxs(Fragment, { children: [_column.title, jsx(TitleOperation, { copyKey: isCopy === true ? _key : isCopy, dataSourceRef: dataSourceRef, isFillDown: isFillDown, dataKey: _key, onTableChange: onTableChange })] }) })));
+                    } }, { children: [jsx("div", __assign({ style: { flexGrow: 1, textAlign: _column.align }, className: isStress ? "ztxk-table--title-stress" : undefined }, { children: typeof _column.title === "function"
+                                ? (_a = _column.title) === null || _a === void 0 ? void 0 : _a.call(_column, {})
+                                : _column.title })), jsx(TitleOperation, { copyKey: isCopy === true ? _key : isCopy, dataSourceRef: dataSourceRef, isFillDown: isFillDown, dataKey: _key, onTableChange: onTableChange })] })));
             }
             // 列头增加必填标识
-            if (isRequire) {
-                _column.title = (jsxs("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: [jsx("i", __assign({ className: "ztxk-column--required" }, { children: "*" })), typeof _column.title === "function"
-                            ? (_a = _column.title) === null || _a === void 0 ? void 0 : _a.call(_column, {})
-                            : _column.title] })));
+            if (isRequire || isStress) {
+                _column.title = (jsxs("div", __assign({ style: { display: "flex", alignItems: "center" } }, { children: [isRequire ? jsx("i", __assign({ className: "ztxk-column--required" }, { children: "*" })) : null, jsx("div", __assign({ style: { flexGrow: 1 }, className: isStress ? "ztxk-table--title-stress" : undefined }, { children: typeof _column.title === "function"
+                                ? (_b = _column.title) === null || _b === void 0 ? void 0 : _b.call(_column, {})
+                                : _column.title }))] })));
             }
             // 如果列添加可编辑配置
             if (editable && isEdit) {

package/dist/es/table/useDynamicListByColumns.js

@@ -7,15 +7,20 @@ 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;
+            var _a = column, key = _a.key, dataIndex = _a.dataIndex, title = _a.title, dynamicTitle = _a.dynamicTitle, dynamicDisabled = _a.dynamicDisabled, fixed = _a.fixed;
+            // 动态列配置 title必须为一个字符串
+            if (title && !dynamicTitle && typeof title !== "string") {
+                console.error("\u4F60\u4F20\u5165\u7684title\u4E0D\u662F\u4E00\u4E2A\u5B57\u7B26\u4E32,\u5E76\u4E14\u4F60\u6CA1\u6709\u4F20\u5165dynamicTitle\u7684\u914D\u7F6E\u3002\n        \u95EE\u9898\u53EF\u80FD\u51FA\u73B0\u518D:".concat(key || dataIndex, " \u5217\u3002\u8BF7\u4F20\u5165\u4E00\u4E2AdynamicTitle \u4F5C\u4E3A\u52A8\u6001\u5217\u914D\u7F6E\u7684title\u503C"));
+            }
             if (!fixed) {
                 // dataIndex 可能是 ['key1', 'key2'] 这种格式
                 // 尽量避免使用这种模式 如果非得使用这种模式 那么请把key值传入
                 var _key = key ? key : dataIndex;
                 result.push({
                     key: _key,
-                    label: title,
+                    label: dynamicTitle ? dynamicTitle : title,
                     disabled: dynamicDisabled === true ? true : false,
+                    checked: true,
                 });
             }
         });
@@ -34,6 +39,7 @@ function useDynamicListByColumns(columns, dynamicKey) {
         return getCurrentDynamicItems(dynamicKey, TABLE_DYNAMIC_KEY, defaultDynamicList);
     }), currentDynamicList = _a[0], setCurrentDynamicList = _a[1];
     var onCurrentListChange = useCallback(function (newDynamicList) {
+        console.log(newDynamicList);
         setCurrentDynamicList(newDynamicList);
     }, []);
     return {

package/dist/es/uploadlist/interface.d.ts

@@ -41,6 +41,8 @@ interface IUploadListProps extends Omit<UploadProps, "onChange"> {
     zipName?: string;
     /** 是否只上传图片 */
     isImage?: boolean;
+    /** 自定义按钮 */
+    customRenderBtn?: React.ReactNode;
 }
 interface UploadListComponent extends React.ForwardRefExoticComponent<IUploadListProps & React.RefAttributes<unknown>> {
     Dragger: typeof Upload.Dragger;

package/dist/es/uploadlist/uploadList.js

@@ -1,12 +1,16 @@
 import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { memo, forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import { memo, forwardRef, useRef, useState, useMemo, useImperativeHandle } from 'react';
 import { Upload, Popconfirm, Dropdown, message } from 'antd';
 import UploadTable from './uploadTable.js';
 import classNames from '../node_modules/classnames/index.js';
 import { formatUnit, createDownloadLink, downloadFile, batchDownloadFiles } from 'zmdms-utils';
 import ImgCrop from '../node_modules/antd-img-crop/dist/antd-img-crop.esm.js';
 import { useBeforeUpload, useOnChange, useBasicInfo, useUploadTableData } from './hooks.js';
+import { MAX_PREVIEW_SIZE } from '../config/constant.js';
+import { toPreviewFile } from './utils.js';
+import LoadingOutlined from '../node_modules/@ant-design/icons/es/icons/LoadingOutlined.js';
+import DownloadOutlined from '../node_modules/@ant-design/icons/es/icons/DownloadOutlined.js';
 import ButtonCom from '../button/button.js';
 import UploadOutlined from '../node_modules/@ant-design/icons/es/icons/UploadOutlined.js';
 import ModalComponent from '../modal/modal.js';
@@ -21,13 +25,13 @@ var MAXSIZE = 104857600; // 100 * 1024 * 1024
  * 附件大小 attachSize
  */
 var UploadList = function (props, ref) {
-    var children = props.children, btnText = props.btnText, className = props.className, _a = props.showTip, showTip = _a === void 0 ? true : _a, _b = props.maxSize, maxSize = _b === void 0 ? MAXSIZE : _b, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, _c = props.API_BASEURL, API_BASEURL = _c === void 0 ? "" : _c, _d = props.FILE_API_BASEURL, FILE_API_BASEURL = _d === void 0 ? "" : _d, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, maxPreviewSize = props.maxPreviewSize, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _e = props.zipName, zipName = _e === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _e, isImage = props.isImage, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "zipName", "isImage"]);
+    var children = props.children, btnText = props.btnText, className = props.className, _a = props.showTip, showTip = _a === void 0 ? true : _a, _b = props.maxSize, maxSize = _b === void 0 ? MAXSIZE : _b, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, _c = props.API_BASEURL, API_BASEURL = _c === void 0 ? "" : _c, _d = props.FILE_API_BASEURL, FILE_API_BASEURL = _d === void 0 ? "" : _d, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _e = props.maxPreviewSize, maxPreviewSize = _e === void 0 ? MAX_PREVIEW_SIZE : _e, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _f = props.zipName, zipName = _f === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _f, isImage = props.isImage, customRenderBtn = props.customRenderBtn, resetProps = __rest(props, ["children", "btnText", "className", "showTip", "maxSize", "showTable", "acceptList", "beforeUpload", "onChange", "API_BASEURL", "FILE_API_BASEURL", "action", "headers", "data", "userName", "fileList", "isPublic", "maxPreviewSize", "isPreview", "isDownload", "isDelete", "zipName", "isImage", "customRenderBtn"]);
     var maxCount = resetProps.maxCount, listType = resetProps.listType, method = resetProps.method;
     var classes = classNames("ztxk-upload", className, {});
     var maxSizeStr = formatUnit(maxSize);
     var tableRef = useRef({});
     var modalRef = useRef({});
-    var _f = useState(), imgSrc = _f[0], setImgSrc = _f[1];
+    var _g = useState(), imgSrc = _g[0], setImgSrc = _g[1];
     // 文件上传前的判断处理
     var beforeUploadHandle = useBeforeUpload({
         acceptList: acceptList,
@@ -37,19 +41,19 @@ var UploadList = function (props, ref) {
         isImage: isImage,
     });
     // 文件改变逻辑
-    var _g = useOnChange({
+    var _h = useOnChange({
         onChange: onChange,
         userName: userName,
         fileList: fileList,
-    }), onChangeHandle = _g.onChangeHandle, innerFileList = _g.innerFileList, setInnerFileList = _g.setInnerFileList;
+    }), onChangeHandle = _h.onChangeHandle, innerFileList = _h.innerFileList, setInnerFileList = _h.setInnerFileList;
     // 基础参数
-    var _h = useBasicInfo({
+    var _j = useBasicInfo({
         action: action,
         API_BASEURL: API_BASEURL,
         headers: headers,
         data: data,
         isPublic: isPublic,
-    }), fileAction = _h.fileAction, fileHeaders = _h.fileHeaders, fileData = _h.fileData;
+    }), fileAction = _j.fileAction, fileHeaders = _j.fileHeaders, fileData = _j.fileData;
     // 表格需要的附件列表数据
     var uploadTableData = useUploadTableData({
         fileList: innerFileList,
@@ -122,15 +126,86 @@ var UploadList = function (props, ref) {
     }); };
     // 图片预览
     var onPreview = function (file) {
-        var url = createDownloadLink(file.attachId, {
-            API_BASEURL: API_BASEURL,
-            open: isPublic,
+        if (isImage) {
+            var url = createDownloadLink(file.attachId, {
+                API_BASEURL: API_BASEURL,
+                open: isPublic,
+            });
+            setImgSrc(url);
+            modalRef.current.open();
+        }
+        else {
+            toPreviewFile(file, {
+                maxPreviewSize: maxPreviewSize,
+                FILE_API_BASEURL: FILE_API_BASEURL,
+                uploadTableData: uploadTableData,
+            });
+        }
+    };
+    // 图片下载
+    var onDownload = function (file) {
+        return __awaiter(void 0, void 0, void 0, function () {
+            var endCallback, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // 判断当前附件是否处于加载状态
+                        if (file.loading) {
+                            return [2 /*return*/];
+                        }
+                        setInnerFileList(function (innerFileList) {
+                            var newInnerFileList = innerFileList.slice();
+                            var index = newInnerFileList.findIndex(function (i) { return i.attachId === file.attachId; });
+                            var record = newInnerFileList[index];
+                            newInnerFileList.splice(index, 1, __assign(__assign({}, record), { loading: true }));
+                            return newInnerFileList;
+                        });
+                        endCallback = function () {
+                            setInnerFileList(function (innerFileList) {
+                                var newInnerFileList = innerFileList.slice();
+                                var index = newInnerFileList.findIndex(function (i) { return i.attachId === file.attachId; });
+                                var record = newInnerFileList[index];
+                                newInnerFileList.splice(index, 1, __assign(__assign({}, record), { loading: false }));
+                                return newInnerFileList;
+                            });
+                        };
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, downloadFile(file.attachId, file.attachName, {
+                                API_BASEURL: API_BASEURL,
+                                open: isPublic,
+                            })];
+                    case 2:
+                        _a.sent();
+                        endCallback();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.log(err_2);
+                        endCallback();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
         });
-        setImgSrc(url);
-        modalRef.current.open();
     };
+    var showUploadListMemo = useMemo(function () {
+        return showTable
+            ? false
+            : {
+                showPreviewIcon: true,
+                showRemoveIcon: !!isDelete,
+                showDownloadIcon: !!isDownload,
+                downloadIcon: !!isDownload
+                    ? function (file) {
+                        return (file === null || file === void 0 ? void 0 : file.loading) ? (jsx(LoadingOutlined, {})) : (jsx(DownloadOutlined, {}));
+                    }
+                    : undefined,
+            };
+    }, [showTable, isDownload, isDelete]);
     // 上传子元素
-    var renderChildren = (jsx(Upload, __assign({ showUploadList: false, multiple: true, beforeUpload: beforeUploadHandle, onChange: onChangeHandle, action: fileAction, headers: fileHeaders, data: fileData, fileList: innerFileList, onPreview: onPreview }, resetProps, { children: children ? (children) : !listType || listType === "text" ? (jsxs(ButtonCom, __assign({ type: "primary", icon: jsx(UploadOutlined, {}) }, { children: [btnText || "添加附件", maxCount ? "(\u6700\u591A\u4E0A\u4F20".concat(maxCount, "\u4E2A\u6587\u4EF6)") : ""] }))) : isImage &&
+    var renderChildren = (jsx(Upload, __assign({ showUploadList: showUploadListMemo, multiple: true, beforeUpload: beforeUploadHandle, onChange: onChangeHandle, action: fileAction, headers: fileHeaders, data: fileData, fileList: innerFileList, onPreview: onPreview, onDownload: onDownload }, resetProps, { children: children ? (children) : !listType || listType === "text" ? (jsxs(ButtonCom, __assign({ type: "primary", icon: jsx(UploadOutlined, {}) }, { children: [btnText || "添加附件", maxCount ? "(\u6700\u591A\u4E0A\u4F20".concat(maxCount, "\u4E2A\u6587\u4EF6)") : ""] }))) : isImage &&
             maxCount &&
             innerFileList &&
             innerFileList.length >= maxCount ? null : (jsxs("div", __assign({ className: "ztxk-upload--picture" }, { children: [jsx(UploadOutlined, { style: { fontSize: 18 } }), jsx("div", __assign({ style: { marginTop: 8 } }, { children: btnText || "添加图片" }))] }))) })));
@@ -163,7 +238,7 @@ var UploadList = function (props, ref) {
                     onClick: function (e) {
                         onBatchDownloadHandle(e.key);
                     },
-                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
+                }, placement: "bottomLeft" }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u4E0B\u8F7D" })) }))) : null, customRenderBtn, showTable ? (jsx(UploadTable, { dataSource: uploadTableData, action: fileAction, headers: fileHeaders, data: fileData, method: method, setInnerFileList: setInnerFileList, isPublic: isPublic, API_BASEURL: API_BASEURL, FILE_API_BASEURL: FILE_API_BASEURL, maxPreviewSize: maxPreviewSize, isPreview: isPreview, isDelete: isDelete, isDownload: isDownload, ref: tableRef })) : null, isImage && (jsx(ModalComponent, __assign({ ref: modalRef, footer: null, width: "520px" }, { children: jsx("div", __assign({ style: {
                         textAlign: "center",
                     } }, { children: jsx("img", { src: imgSrc, alt: "\u9884\u89C8", style: {
                             maxWidth: "400px",