zmdms-webui 0.0.174 → 0.0.177

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var CheckCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "check-circle", "theme": "outlined" };
+var CheckCircleOutlinedSvg = CheckCircleOutlined;
+
+export { CheckCircleOutlinedSvg as default };

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

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var ExclamationCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" };
+var ExclamationCircleOutlinedSvg = ExclamationCircleOutlined;
+
+export { ExclamationCircleOutlinedSvg as default };

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

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var MinusCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" } }, { "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }] }, "name": "minus-circle", "theme": "outlined" };
+var MinusCircleOutlinedSvg = MinusCircleOutlined;
+
+export { MinusCircleOutlinedSvg as default };

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

@@ -8,10 +8,10 @@ import MinusOutlined from '../../node_modules/@ant-design/icons/es/icons/MinusOu
 import { Popconfirm } from 'antd';
 
 var ColumnAddDel = function (_a) {
-    var isAdd = _a.isAdd, isDel = _a.isDel, onAddAndDel = _a.onAddAndDel, index = _a.index;
+    var isAdd = _a.isAdd, isDel = _a.isDel, onAddAndDel = _a.onAddAndDel, index = _a.index, _b = _a.delPopTitle, delPopTitle = _b === void 0 ? "确定删除吗？" : _b;
     return (jsxs(Fragment, { children: [isAdd ? (jsx("div", __assign({ className: "ztxk-column--adddel-icon" }, { children: jsx(PlusOutlined, { title: "\u65B0\u589E\u4E00\u884C", onClick: function () {
                         onAddAndDel && onAddAndDel("add", index);
-                    } }) }))) : null, isDel ? (jsx("div", __assign({ className: "ztxk-column--adddel-icon" }, { children: jsx(Popconfirm, __assign({ title: "\u786E\u5B9A\u5220\u9664\u5417\uFF1F", onConfirm: function () { return onAddAndDel && onAddAndDel("del", index); } }, { children: jsx(MinusOutlined, { title: "\u5220\u9664\u4E00\u884C" }) })) }))) : null] }));
+                    } }) }))) : null, isDel ? (jsx("div", __assign({ className: "ztxk-column--adddel-icon" }, { children: jsx(Popconfirm, __assign({ title: delPopTitle, onConfirm: function () { return onAddAndDel && onAddAndDel("del", index); } }, { children: jsx(MinusOutlined, { title: "\u5220\u9664\u4E00\u884C" }) })) }))) : null] }));
 };
 var ColumnDelAll = memo(function (_a) {
     var onAddAndDel = _a.onAddAndDel;

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

@@ -176,7 +176,9 @@ var EnhanceCell = function (props) {
                     if (isValidate) {
                         removeErrorClass();
                     }
-                }, onPressEnter: onSave, onBlur: onSave, ref: iptRef, disabled: resultDisabled }, resetEditableConfigProps)));
+                }, 
+                // onPressEnter={onSave}
+                onBlur: onSave, ref: iptRef, disabled: resultDisabled }, resetEditableConfigProps)));
         }
         // 数字输入框处理
         if (type === "inputNumber") {
@@ -219,12 +221,13 @@ var EnhanceCell = function (props) {
                     setShowPopover(function (pre) {
                         return __assign(__assign({}, pre), { open: open });
                     });
-                } }, { children: editing ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: classNames("ztxk-table__enhance-cell-wrap", {
+                } }, { children: editing || type === "textarea" ? (jsx("div", __assign({ className: "ztxk-table__enhance-cell" }, { children: CurrentReactNode }))) : (jsx("div", __assign({ className: classNames("ztxk-table__enhance-cell-wrap", {
                         "ztxk-table__enhance-cell-wrap--disabled": resultDisabled,
                     }), style: {
-                        lineHeight: resetEditableConfigProps.rows
-                            ? "".concat(26 * resetEditableConfigProps.rows, "px")
-                            : "22px",
+                        // lineHeight: resetEditableConfigProps.rows
+                        //   ? `${26 * resetEditableConfigProps.rows}px`
+                        //   : "22px",
+                        lineHeight: "22px",
                     }, title: val, onClick: resultDisabled
                         ? undefined
                         : function () {

package/dist/es/table/hooks.js

@@ -103,6 +103,7 @@ function useAddAndDelChange(dataSourceRef, onTableChange, options) {
                     type: type,
                     currentIndex: index,
                 });
+            return;
         }
         var currentRecord = newDataSource[index]; // 当前数据项
         // 经过外部处理后的数据

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

@@ -231,6 +231,12 @@ interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, "columns"
      * 是否显示增加行功能
      */
     isAdd?: boolean;
+    /**
+     * 判断当前行是否隐藏添加按钮 isAdd默认所有行都加删除行按钮
+     * 返回true 隐藏增加按钮
+     * 返回false 显示增加按钮
+     */
+    hiddenAddBtnHandle?: (record: any, index: number) => boolean;
     /**
      * 是否显示表头的新增行按钮（当没有一条数据时，可以点击表头行实现数据的插入）
      */
@@ -252,8 +258,14 @@ interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, "columns"
      * 是否显示删减行功能
      */
     isDel?: boolean;
+    /**
+     * 删除时的提示文字
+     */
+    delPopTitle?: string;
     /**
      * 判断当前行是否隐藏删除按钮 isDel默认所有行都加删除行按钮
+     * 返回true 隐藏删除按钮
+     * 返回false 显示删除按钮
      */
     hiddenDelBtnHandle?: (record: any, index: number) => boolean;
     /**

package/dist/es/table/table.js

@@ -37,7 +37,7 @@ import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js'
 // 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, isFlex = props.isFlex; props.tablePreferences; var dynamicKey = props.dynamicKey, hiddenDynamicIcon = props.hiddenDynamicIcon, _columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit, isMove = props.isMove, isAdd = props.isAdd, _c = props.isTheadTitleAdd, isTheadTitleAdd = _c === void 0 ? true : _c, addMode = props.addMode, addCallback = props.addCallback, isDel = props.isDel, hiddenDelBtnHandle = props.hiddenDelBtnHandle, _d = props.isDelAll, isDelAll = _d === void 0 ? true : _d, isAddAndDelAuto = props.isAddAndDelAuto, summaryConfig = props.summaryConfig, _e = props.summaryFixed, summaryFixed = _e === void 0 ? true : _e, isInnerPagination = props.isInnerPagination, _f = props.innerPaginationPageSize, innerPaginationPageSize = _f === void 0 ? 30 : _f, _g = props.innerPaginationPosition, innerPaginationPosition = _g === void 0 ? INNER_TABLE_PAGINATION_POSITION : _g, _h = props.innerPaginationPageSizeOptions, innerPaginationPageSizeOptions = _h === void 0 ? INNER_TABLE_PAGINATION_PAGESIZEOPTIONS : _h, tableRefHandle = props.tableRefHandle, tableName = props.tableName, serviceOrder = props.serviceOrder, differences = props.differences, virtualKey = props.virtualKey, _j = props.isResizableColumn, isResizableColumn = _j === void 0 ? true : _j, _k = props.isRealTimeValidate, isRealTimeValidate = _k === void 0 ? true : _k, isMarginTop = props.isMarginTop, isMarginBottom = props.isMarginBottom, resetProps = __rest(props, ["className", "bordered", "pagination", "isFlex", "tablePreferences", "dynamicKey", "hiddenDynamicIcon", "columns", "dataSource", "onTableChange", "isEdit", "isMove", "isAdd", "isTheadTitleAdd", "addMode", "addCallback", "isDel", "hiddenDelBtnHandle", "isDelAll", "isAddAndDelAuto", "summaryConfig", "summaryFixed", "isInnerPagination", "innerPaginationPageSize", "innerPaginationPosition", "innerPaginationPageSizeOptions", "tableRefHandle", "tableName", "serviceOrder", "differences", "virtualKey", "isResizableColumn", "isRealTimeValidate", "isMarginTop", "isMarginBottom"]);
+    var className = props.className, _a = props.bordered, bordered = _a === void 0 ? true : _a, _b = props.pagination, pagination = _b === void 0 ? false : _b, isFlex = props.isFlex; props.tablePreferences; var dynamicKey = props.dynamicKey, hiddenDynamicIcon = props.hiddenDynamicIcon, _columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit, isMove = props.isMove, isAdd = props.isAdd, hiddenAddBtnHandle = props.hiddenAddBtnHandle, _c = props.isTheadTitleAdd, isTheadTitleAdd = _c === void 0 ? true : _c, addMode = props.addMode, addCallback = props.addCallback, isDel = props.isDel, delPopTitle = props.delPopTitle, hiddenDelBtnHandle = props.hiddenDelBtnHandle, _d = props.isDelAll, isDelAll = _d === void 0 ? true : _d, isAddAndDelAuto = props.isAddAndDelAuto, summaryConfig = props.summaryConfig, _e = props.summaryFixed, summaryFixed = _e === void 0 ? true : _e, isInnerPagination = props.isInnerPagination, _f = props.innerPaginationPageSize, innerPaginationPageSize = _f === void 0 ? 30 : _f, _g = props.innerPaginationPosition, innerPaginationPosition = _g === void 0 ? INNER_TABLE_PAGINATION_POSITION : _g, _h = props.innerPaginationPageSizeOptions, innerPaginationPageSizeOptions = _h === void 0 ? INNER_TABLE_PAGINATION_PAGESIZEOPTIONS : _h, tableRefHandle = props.tableRefHandle, tableName = props.tableName, serviceOrder = props.serviceOrder, differences = props.differences, virtualKey = props.virtualKey, _j = props.isResizableColumn, isResizableColumn = _j === void 0 ? true : _j, _k = props.isRealTimeValidate, isRealTimeValidate = _k === void 0 ? true : _k, isMarginTop = props.isMarginTop, isMarginBottom = props.isMarginBottom, resetProps = __rest(props, ["className", "bordered", "pagination", "isFlex", "tablePreferences", "dynamicKey", "hiddenDynamicIcon", "columns", "dataSource", "onTableChange", "isEdit", "isMove", "isAdd", "hiddenAddBtnHandle", "isTheadTitleAdd", "addMode", "addCallback", "isDel", "delPopTitle", "hiddenDelBtnHandle", "isDelAll", "isAddAndDelAuto", "summaryConfig", "summaryFixed", "isInnerPagination", "innerPaginationPageSize", "innerPaginationPosition", "innerPaginationPageSizeOptions", "tableRefHandle", "tableName", "serviceOrder", "differences", "virtualKey", "isResizableColumn", "isRealTimeValidate", "isMarginTop", "isMarginBottom"]);
     // 做一些前置处理
     // 比如过滤某些列 不做展示
     var columns = useParseColumns(_columns);
@@ -47,6 +47,7 @@ var Table = function (props) {
     // 将表格数据 在 Ref中 存储一份
     var dataSourceRef = useLatest(dataSource);
     var hiddenDelBtnHandleRef = useLatest(hiddenDelBtnHandle);
+    var hiddenAddBtnHandleRef = useLatest(hiddenAddBtnHandle);
     // 得到动态列配置信息
     var _l = useDynamicListByColumns(columns, dynamicKey), defaultDynamicList = _l.defaultDynamicList, onCurrentListChange = _l.onCurrentListChange, currentDynamicList = _l.currentDynamicList, dynamicSettingRef = _l.dynamicSettingRef;
     // 针对SCU和增减行 做特殊处理
@@ -96,6 +97,7 @@ var Table = function (props) {
         isAdd: isAdd,
         isTheadTitleAdd: isTheadTitleAdd,
         isDel: isDel,
+        delPopTitle: delPopTitle,
         onAddAndDel: onAddAndDel,
         getRefreshScuCell: getRefreshScuCell,
         isDelAll: isDelAll,
@@ -111,6 +113,8 @@ var Table = function (props) {
         isRealTimeValidate: isRealTimeValidate,
         // 是否隐藏某一列的删除按钮
         hiddenDelBtnHandleRef: hiddenDelBtnHandleRef,
+        // 是否隐藏某一列的增加按钮
+        hiddenAddBtnHandleRef: hiddenAddBtnHandleRef,
     }).newColumns;
     // 内部表格总结栏
     var getSummaryHandle = useSummary(summaryConfig, newColumns, {

package/dist/es/table/useColumns.js

@@ -17,7 +17,7 @@ import { PLACEHOLDER_NULL } from '../config/constant.js';
 // 不适用column里面的dataIndex字段，使用key字段
 function useColumns(columns, options) {
     var _a, _b;
-    var dynamicKey = options.dynamicKey, hiddenDynamicIcon = options.hiddenDynamicIcon, currentDynamicList = options.currentDynamicList, dataSourceRef = options.dataSourceRef, onEditableSave = options.onEditableSave, isEdit = options.isEdit, isAdd = options.isAdd, isTheadTitleAdd = options.isTheadTitleAdd, isDel = options.isDel, dynamicSettingRef = options.dynamicSettingRef, onCurrentListChange = options.onCurrentListChange, onAddAndDel = options.onAddAndDel, getRefreshScuCell = options.getRefreshScuCell, isDelAll = options.isDelAll, currentPage = options.currentPage, onTableChange = options.onTableChange, order = options.order, setOrder = options.setOrder, customSortHandle = options.customSortHandle, isResizableColumn = options.isResizableColumn, isRealTimeValidate = options.isRealTimeValidate, hiddenDelBtnHandleRef = options.hiddenDelBtnHandleRef;
+    var dynamicKey = options.dynamicKey, hiddenDynamicIcon = options.hiddenDynamicIcon, currentDynamicList = options.currentDynamicList, dataSourceRef = options.dataSourceRef, onEditableSave = options.onEditableSave, isEdit = options.isEdit, isAdd = options.isAdd, isTheadTitleAdd = options.isTheadTitleAdd, isDel = options.isDel, delPopTitle = options.delPopTitle, dynamicSettingRef = options.dynamicSettingRef, onCurrentListChange = options.onCurrentListChange, onAddAndDel = options.onAddAndDel, getRefreshScuCell = options.getRefreshScuCell, isDelAll = options.isDelAll, currentPage = options.currentPage, onTableChange = options.onTableChange, order = options.order, setOrder = options.setOrder, customSortHandle = options.customSortHandle, isResizableColumn = options.isResizableColumn, isRealTimeValidate = options.isRealTimeValidate, hiddenDelBtnHandleRef = options.hiddenDelBtnHandleRef, hiddenAddBtnHandleRef = options.hiddenAddBtnHandleRef;
     var newColumns = getTableColumns(columns, currentDynamicList);
     // 循环遍历 neColumns 根据一些内容进行处理
     var myNewColumns = [];
@@ -198,9 +198,12 @@ function useColumns(columns, options) {
                 // 这里需要配置scu吗？TODO:
                 render: function (text, record, index) {
                     var hiddenDel = (hiddenDelBtnHandleRef === null || hiddenDelBtnHandleRef === void 0 ? void 0 : hiddenDelBtnHandleRef.current)
-                        ? hiddenDelBtnHandleRef === null || hiddenDelBtnHandleRef === void 0 ? void 0 : hiddenDelBtnHandleRef.current(record, index)
+                        ? !(hiddenDelBtnHandleRef === null || hiddenDelBtnHandleRef === void 0 ? void 0 : hiddenDelBtnHandleRef.current(record, index))
                         : isDel;
-                    return (jsx(ColumnAddDel, { isAdd: isAdd, isDel: hiddenDel, index: index, onAddAndDel: onAddAndDel }));
+                    var hiddenAdd = (hiddenAddBtnHandleRef === null || hiddenAddBtnHandleRef === void 0 ? void 0 : hiddenAddBtnHandleRef.current)
+                        ? !(hiddenAddBtnHandleRef === null || hiddenAddBtnHandleRef === void 0 ? void 0 : hiddenAddBtnHandleRef.current(record, index))
+                        : isAdd;
+                    return (jsx(ColumnAddDel, { isAdd: hiddenAdd, isDel: hiddenDel, index: index, delPopTitle: delPopTitle, onAddAndDel: onAddAndDel }));
                 },
             };
             myNewColumns.unshift(newColumn);

package/dist/es/tabs/index.css

@@ -1 +1 @@
-.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{font-size:14px;padding:8px 0}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:16px 0}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 16px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 16px 6px}.ant-tabs-rtl{direction:rtl}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-left:12px;margin-right:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-left:-4px;margin-right:8px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0;margin-right:2px}.ant-tabs-dropdown-rtl{direction:rtl}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 16px}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{border-bottom:1px solid #dee9f6;content:"";left:0;position:absolute;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{bottom:0;top:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 10px 0 8px -8px #00000014;left:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{box-shadow:inset -10px 0 8px -8px #00000014;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after{opacity:1}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav:before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{margin-bottom:0;margin-top:16px;order:1}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav:before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{padding:8px 24px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:16px 0 0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{height:30px;left:0;right:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 0 10px 8px -8px #00000014;top:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{bottom:0;box-shadow:inset 0 -10px 8px -8px #00000014}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before{opacity:1}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{border-left:1px solid #dee9f6;margin-left:-1px}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:24px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{border-right:1px solid #dee9f6;margin-right:-1px;order:0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:24px}.ant-tabs-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:block;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;list-style-type:none;margin:0;max-height:200px;outline:none;overflow-x:hidden;overflow-y:auto;padding:4px 0;text-align:left}.ant-tabs-dropdown-menu-item{align-items:center;color:#000000a6;cursor:pointer;display:flex;font-size:14px;font-weight:400;line-height:22px;margin:0;min-width:120px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.ant-tabs-dropdown-menu-item>span{flex:1;white-space:nowrap}.ant-tabs-dropdown-menu-item-remove{background:#0000;border:0;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:12px}.ant-tabs-dropdown-menu-item-remove:hover{color:#879fff}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{background:#0000;color:#00000040;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fafafa;border:1px solid #dee9f6;margin:0;padding:8px 16px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;color:#5b76f6}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{align-items:center;display:flex;flex:none;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{align-self:stretch;display:inline-block;display:flex;flex:auto;overflow:hidden;position:relative;transform:translate(0);white-space:nowrap}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{display:flex;position:relative;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{align-self:stretch;display:flex}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{pointer-events:none;position:absolute;visibility:hidden}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{background:#0000;border:0;padding:8px 16px;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after{bottom:0;content:"";height:5px;left:0;position:absolute;right:0;transform:translateY(100%)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{background:#fafafa;border:1px solid #dee9f6;border-radius:2px 2px 0 0;cursor:pointer;margin-left:2px;min-width:40px;outline:none;padding:0 8px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#879fff}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#4255cf}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{background:#5b76f6;pointer-events:none;position:absolute}.ant-tabs-tab{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;font-size:14px;outline:none;padding:12px 0;position:relative}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus{color:#4255cf}.ant-tabs-tab-btn,.ant-tabs-tab-remove{outline:none;transition:all .3s}.ant-tabs-tab-remove{background:#0000;border:none;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:8px;margin-right:-4px}.ant-tabs-tab-remove:hover{color:#000000d9}.ant-tabs-tab:hover{color:#879fff}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#5b76f6;text-shadow:0 0 .25px currentcolor}.ant-tabs-tab.ant-tabs-tab-disabled{color:#00000040;cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:#00000040}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:12px}.ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-content{position:relative;width:100%}.ant-tabs-content-holder{flex:auto;min-height:0;min-width:0}.ant-tabs-tabpane{outline:none}.ant-tabs-tabpane-hidden{display:none}.ant-tabs-switch-appear,.ant-tabs-switch-enter{transition:none}.ant-tabs-switch-appear-start,.ant-tabs-switch-enter-start{opacity:0}.ant-tabs-switch-appear-active,.ant-tabs-switch-enter-active{opacity:1;transition:opacity .3s}.ant-tabs-switch-leave{inset:0;position:absolute;transition:none}.ant-tabs-switch-leave-start{opacity:1}.ant-tabs-switch-leave-active{opacity:0;transition:opacity .3s}.ztxk-tabs.ztxk-tabs--marginTop .ant-tabs-nav{margin-top:10px}.ztxk-tabs.ztxk-tabs--marginBottom .ant-tabs-nav{margin-bottom:10px}.ztxk-tabs .ant-tabs-nav,.ztxk-tabs .ant-tabs-tab{margin-left:0;margin-right:0}.ztxk-tabs .ant-tabs-nav:before{border-bottom-color:#cdd9e6}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab{background:#fff;border:1px solid #f0f0f0;padding:0}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab.ant-tabs-tab-active{background:#e9ecf3;border-bottom-color:#e9ecf3}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab>div,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab>div{color:#768696;display:inline-block;height:38px;line-height:38px;padding:0 5px 0 10px}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab .ant-tabs-tab-remove{height:38px;line-height:38px;margin-left:0;margin-right:0;padding-left:1px;padding-right:9px;width:22px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab{background:#ebf3fe;border:1px solid #cdd9e6;line-height:20px;padding:6px 16px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab:not(:last-of-type){margin-right:-1px!important}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active{background:#fff;border-bottom:1px solid #fff}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#888}.ztxk-tabs.ztxk-tabs--isFlex,.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content{height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane{display:flex;flex-direction:column;height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane-hidden{display:none}.ztxk-tabs.ztxk-tabs--stickyTop>.ant-tabs-nav{background:#fff;position:sticky;z-index:100}.ztxk-tabs.ztxk-tabs--nonBorder .ant-tabs-tab{border:none}
+.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{font-size:14px;padding:8px 0}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:16px 0}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 16px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 16px 6px}.ant-tabs-rtl{direction:rtl}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-left:12px;margin-right:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-left:-4px;margin-right:8px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0;margin-right:2px}.ant-tabs-dropdown-rtl{direction:rtl}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 16px}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{border-bottom:1px solid #dee9f6;content:"";left:0;position:absolute;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{bottom:0;top:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 10px 0 8px -8px #00000014;left:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{box-shadow:inset -10px 0 8px -8px #00000014;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after{opacity:1}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav:before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{margin-bottom:0;margin-top:16px;order:1}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav:before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{padding:8px 24px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:16px 0 0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{height:30px;left:0;right:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 0 10px 8px -8px #00000014;top:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{bottom:0;box-shadow:inset 0 -10px 8px -8px #00000014}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before{opacity:1}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{border-left:1px solid #dee9f6;margin-left:-1px}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:24px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{border-right:1px solid #dee9f6;margin-right:-1px;order:0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:24px}.ant-tabs-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:block;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;list-style-type:none;margin:0;max-height:200px;outline:none;overflow-x:hidden;overflow-y:auto;padding:4px 0;text-align:left}.ant-tabs-dropdown-menu-item{align-items:center;color:#000000a6;cursor:pointer;display:flex;font-size:14px;font-weight:400;line-height:22px;margin:0;min-width:120px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.ant-tabs-dropdown-menu-item>span{flex:1;white-space:nowrap}.ant-tabs-dropdown-menu-item-remove{background:#0000;border:0;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:12px}.ant-tabs-dropdown-menu-item-remove:hover{color:#879fff}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{background:#0000;color:#00000040;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fafafa;border:1px solid #dee9f6;margin:0;padding:8px 16px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;color:#5b76f6}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{align-items:center;display:flex;flex:none;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{align-self:stretch;display:inline-block;display:flex;flex:auto;overflow:hidden;position:relative;transform:translate(0);white-space:nowrap}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{display:flex;position:relative;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{align-self:stretch;display:flex}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{pointer-events:none;position:absolute;visibility:hidden}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{background:#0000;border:0;padding:8px 16px;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after{bottom:0;content:"";height:5px;left:0;position:absolute;right:0;transform:translateY(100%)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{background:#fafafa;border:1px solid #dee9f6;border-radius:2px 2px 0 0;cursor:pointer;margin-left:2px;min-width:40px;outline:none;padding:0 8px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#879fff}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#4255cf}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{background:#5b76f6;pointer-events:none;position:absolute}.ant-tabs-tab{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;font-size:14px;outline:none;padding:12px 0;position:relative}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus{color:#4255cf}.ant-tabs-tab-btn,.ant-tabs-tab-remove{outline:none;transition:all .3s}.ant-tabs-tab-remove{background:#0000;border:none;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:8px;margin-right:-4px}.ant-tabs-tab-remove:hover{color:#000000d9}.ant-tabs-tab:hover{color:#879fff}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#5b76f6;text-shadow:0 0 .25px currentcolor}.ant-tabs-tab.ant-tabs-tab-disabled{color:#00000040;cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:#00000040}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:12px}.ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-content{position:relative;width:100%}.ant-tabs-content-holder{flex:auto;min-height:0;min-width:0}.ant-tabs-tabpane{outline:none}.ant-tabs-tabpane-hidden{display:none}.ant-tabs-switch-appear,.ant-tabs-switch-enter{transition:none}.ant-tabs-switch-appear-start,.ant-tabs-switch-enter-start{opacity:0}.ant-tabs-switch-appear-active,.ant-tabs-switch-enter-active{opacity:1;transition:opacity .3s}.ant-tabs-switch-leave{inset:0;position:absolute;transition:none}.ant-tabs-switch-leave-start{opacity:1}.ant-tabs-switch-leave-active{opacity:0;transition:opacity .3s}.ztxk-tabs.ztxk-tabs--marginTop .ant-tabs-nav{margin-top:10px}.ztxk-tabs.ztxk-tabs--marginBottom .ant-tabs-nav{margin-bottom:10px}.ztxk-tabs .ant-tabs-nav,.ztxk-tabs .ant-tabs-tab{margin-left:0;margin-right:0}.ztxk-tabs .ant-tabs-nav:before{border-bottom-color:#cdd9e6}.ztxk-tabs.ztxk-tabs--type-message .ant-tabs-extra-content{align-items:center;display:flex;justify-content:space-around}.ztxk-tabs.ztxk-tabs--type-message .tabs-self--type-container{display:flex}.ztxk-tabs.ztxk-tabs--type-message .tabs-self--type-container .tabs-self--type-msg{margin-left:10px}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab{background:#fff;border:1px solid #f0f0f0;padding:0}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab.ant-tabs-tab-active{background:#e9ecf3;border-bottom-color:#e9ecf3}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab>div,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab>div{color:#768696;display:inline-block;height:38px;line-height:38px;padding:0 5px 0 10px}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab .ant-tabs-tab-remove{height:38px;line-height:38px;margin-left:0;margin-right:0;padding-left:1px;padding-right:9px;width:22px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab{background:#ebf3fe;border:1px solid #cdd9e6;line-height:20px;padding:6px 16px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab:not(:last-of-type){margin-right:-1px!important}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active{background:#fff;border-bottom:1px solid #fff}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#888}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab .tabs-self--type{align-items:center;display:flex;justify-content:space-between}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab .tabs-self--type .anticon{margin-right:0}.ztxk-tabs.ztxk-tabs--isFlex,.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content{height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane{display:flex;flex-direction:column;height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane-hidden{display:none}.ztxk-tabs.ztxk-tabs--stickyTop>.ant-tabs-nav{background:#fff;position:sticky;z-index:100}.ztxk-tabs.ztxk-tabs--nonBorder .ant-tabs-tab{border:none}

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { Tabs } from 'antd';
 import { TabsProps } from 'antd/lib/tabs';
 
-interface ITabsProps extends TabsProps {
+interface ITabsProps extends Omit<TabsProps, "items"> {
     isHeader?: boolean;
     isContent?: boolean;
     /** 多tab列表，flex模式 */
@@ -14,9 +14,39 @@ interface ITabsProps extends TabsProps {
     stickyTop?: number;
     /** 无边框 */
     nonBorder?: boolean;
+    /**
+     * 自定义items
+     * 增加type 页签的状态
+     * 已完成: completed 绿色: #6DD400
+     * 未填写: incomplete 红色: #FF6666
+     * 部分填写: partially 黄色: #F7B500
+     */
+    items?: IItems[];
+    /** 是否显示右侧提示状态 */
+    isTypeMessage?: boolean;
+    /** 提供一种设置页签状态的非受控模式 */
+    isUnContolled?: boolean;
 }
-interface TabsComponent extends React__default.FC<ITabsProps> {
+interface ITabState {
+    [prop: string]: IType;
+}
+type ExtractedItems = Required<Pick<TabsProps, "items">>;
+type ExtractedTab = ExtractedItems["items"][number];
+/**
+ * 页签的状态
+ * 已完成: completed 绿色: #6DD400
+ * 未填写: incomplete 红色: #FF6666
+ * 部分填写: partially 黄色: #F7B500
+ **/
+interface IItems extends ExtractedTab {
+    type?: IType;
+}
+type IType = "completed" | "incomplete" | "partially";
+interface ITabsRef {
+    changeTabState: (tabState: ITabState) => void;
+}
+interface TabsComponent extends React__default.ForwardRefExoticComponent<ITabsProps & React__default.RefAttributes<ITabsRef>> {
     TabPane: typeof Tabs.TabPane;
 }
 
-export { ITabsProps, TabsComponent };
+export { IItems, ITabState, ITabsProps, ITabsRef, IType, TabsComponent };

package/dist/es/tabs/tab-type.js

@@ -0,0 +1,15 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { ItemIcon } from './tabs.js';
+
+var type = ["completed", "incomplete", "partially"];
+var typeMsg = ["已完成", "未填写", "部分填写"];
+var TabType = function () {
+    return (jsx("div", __assign({ className: "tabs-self--type-container" }, { children: type.map(function (key, index) {
+            return (jsxs("div", __assign({ className: "tabs-self--type-msg" }, { children: [ItemIcon[key], " ", typeMsg[index]] }), key));
+        }) })));
+};
+var TabType$1 = memo(TabType);
+
+export { TabType$1 as default };

package/dist/es/tabs/tabs.js

@@ -1,12 +1,56 @@
 import { __rest, __assign } from '../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
-import { memo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { memo, forwardRef, useState, useMemo, isValidElement, useImperativeHandle } from 'react';
 import { Tabs as Tabs$1 } from 'antd';
+import TabType from './tab-type.js';
 import classNames from '../node_modules/classnames/index.js';
+import CheckCircleOutlined from '../node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.js';
+import ExclamationCircleOutlined from '../node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js';
+import MinusCircleOutlined from '../node_modules/@ant-design/icons/es/icons/MinusCircleOutlined.js';
 
-var Tabs = function (props) {
+var ItemIcon = {
+    completed: (jsx(CheckCircleOutlined, { style: { color: "#6DD400", marginRight: 0, marginLeft: "4px" } })),
+    incomplete: (jsx(ExclamationCircleOutlined, { style: { color: "#FF6666", marginRight: 0, marginLeft: "4px" } })),
+    partially: (jsx(MinusCircleOutlined, { style: { color: "#F7B500", marginRight: 0, marginLeft: "4px" } })),
+};
+var Tabs = function (props, ref) {
     var _a;
-    var className = props.className, isHeader = props.isHeader, isContent = props.isContent, isFlex = props.isFlex, _b = props.marginTop, marginTop = _b === void 0 ? false : _b, _c = props.marginBottom, marginBottom = _c === void 0 ? true : _c, isSticky = props.isSticky, _d = props.stickyTop, stickyTop = _d === void 0 ? -11 : _d, nonBorder = props.nonBorder, resetProps = __rest(props, ["className", "isHeader", "isContent", "isFlex", "marginTop", "marginBottom", "isSticky", "stickyTop", "nonBorder"]);
+    var className = props.className, isHeader = props.isHeader, isContent = props.isContent, isFlex = props.isFlex, _b = props.marginTop, marginTop = _b === void 0 ? false : _b, _c = props.marginBottom, marginBottom = _c === void 0 ? true : _c, isSticky = props.isSticky, _d = props.stickyTop, stickyTop = _d === void 0 ? -11 : _d, nonBorder = props.nonBorder, items = props.items, isTypeMessage = props.isTypeMessage, tabBarExtraContent = props.tabBarExtraContent, isUnContolled = props.isUnContolled, resetProps = __rest(props, ["className", "isHeader", "isContent", "isFlex", "marginTop", "marginBottom", "isSticky", "stickyTop", "nonBorder", "items", "isTypeMessage", "tabBarExtraContent", "isUnContolled"]);
+    var _e = useState(), tabState = _e[0], setTabState = _e[1];
+    // 生成一个新的页签配置项 根据自定义类型 后续如果有更多自定义类型
+    // 应该将这个方法抽离出去
+    var innerItems = useMemo(function () {
+        if (!items) {
+            return items;
+        }
+        return items.map(function (item) {
+            var type = item.type, label = item.label, key = item.key, resetItem = __rest(item, ["type", "label", "key"]);
+            var newType = type;
+            // 非受控 通过方法改变状态
+            if (isUnContolled && (tabState === null || tabState === void 0 ? void 0 : tabState[key])) {
+                newType = tabState[key];
+            }
+            if (newType) {
+                return __assign({ label: (jsxs("div", __assign({ className: "tabs-self--type" }, { children: [label, ItemIcon[newType]] }))), key: key }, resetItem);
+            }
+            return item;
+        });
+    }, [items, isUnContolled, tabState]);
+    // 是否生成一个提示文本
+    var innerTabBarExtraContent = useMemo(function () {
+        if (!isTypeMessage) {
+            return tabBarExtraContent;
+        }
+        // 如果是一个React元素
+        if (isValidElement(tabBarExtraContent)) {
+            return (jsxs(Fragment, { children: [tabBarExtraContent, jsx(TabType, {})] }));
+        }
+        // 如果是一个普通对象
+        if (typeof tabBarExtraContent === "object") {
+            return __assign(__assign({}, tabBarExtraContent), { right: (jsxs(Fragment, { children: [tabBarExtraContent.right, jsx(TabType, {})] })) });
+        }
+        return (jsxs(Fragment, { children: [tabBarExtraContent, jsx(TabType, {})] }));
+    }, [tabBarExtraContent, isTypeMessage]);
     var classes = classNames("ztxk-tabs", className, (_a = {},
         _a["ztxk-tabs--header"] = isHeader,
         _a["ztxk-tabs--content"] = isContent,
@@ -15,11 +59,24 @@ var Tabs = function (props) {
         _a["ztxk-tabs--isFlex"] = isFlex,
         _a["ztxk-tabs--stickyTop"] = isSticky,
         _a["ztxk-tabs--nonBorder"] = nonBorder,
+        _a["ztxk-tabs--type-message"] = isTypeMessage,
         _a));
-    return (jsx(Tabs$1, __assign({ type: isHeader ? "editable-card" : isContent ? "card" : undefined, hideAdd: isHeader ? true : undefined, className: classes, tabBarStyle: isSticky ? { top: stickyTop } : {} }, resetProps)));
+    useImperativeHandle(ref, function () {
+        return {
+            changeTabState: function (currentTabState) {
+                setTabState(function (tabState) {
+                    if (tabState) {
+                        return __assign(__assign({}, tabState), currentTabState);
+                    }
+                    return currentTabState;
+                });
+            },
+        };
+    });
+    return (jsx(Tabs$1, __assign({ type: isHeader ? "editable-card" : isContent ? "card" : undefined, hideAdd: isHeader ? true : undefined, className: classes, tabBarStyle: isSticky ? { top: stickyTop } : {}, items: innerItems, tabBarExtraContent: innerTabBarExtraContent }, resetProps)));
 };
-var MemoTabs = memo(Tabs);
+var MemoTabs = memo(forwardRef(Tabs));
 MemoTabs.displayName = "ZTXK_WEBUI_Tabs";
 MemoTabs.TabPane = Tabs$1.TabPane;
 
-export { MemoTabs as default };
+export { ItemIcon, MemoTabs as default };

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

@@ -1,4 +1,5 @@
 import { UploadProps, UploadFile, Upload } from 'antd';
+import { ImgCropProps } from 'antd-img-crop';
 
 interface IUploadListProps extends Omit<UploadProps, "onChange"> {
     /** 默认按钮的文本内容 */
@@ -41,6 +42,12 @@ interface IUploadListProps extends Omit<UploadProps, "onChange"> {
     zipName?: string;
     /** 是否只上传图片 */
     isImage?: boolean;
+    /** 裁剪组件的一些配置 link: https://github.com/nanxiaobei/antd-img-crop/blob/main/README.zh-CN.md */
+    imgCropProps?: Partial<ImgCropProps>;
+    /** 图片展示的宽度 默认110 */
+    imgWidth?: number;
+    /** 图片展示的高度 默认110 */
+    imgHeight?: number;
     /** 自定义按钮 */
     customRenderBtn?: React.ReactNode;
     /** 不允许同名附件 */

package/dist/es/uploadlist/uploadList.js

@@ -1,6 +1,6 @@
 import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { memo, forwardRef, useRef, useState, useMemo, useImperativeHandle } from 'react';
+import { memo, forwardRef, useRef, useState, useEffect, useMemo, useImperativeHandle } from 'react';
 import { Upload, Popconfirm, Dropdown, message } from 'antd';
 import UploadTable from './uploadTable.js';
 import classNames from '../node_modules/classnames/index.js';
@@ -27,16 +27,36 @@ 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, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _c = props.maxPreviewSize, maxPreviewSize = _c === void 0 ? MAX_PREVIEW_SIZE : _c, isPreview = props.isPreview, isDownload = props.isDownload, isDelete = props.isDelete, _d = props.zipName, zipName = _d === void 0 ? "\u6279\u91CF\u4E0B\u8F7D-".concat(Date.now(), ".zip") : _d, isImage = props.isImage, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, 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", "disAllowDuplicateFile", "fieldNames"]);
+    var _a;
+    var children = props.children, btnText = props.btnText, className = props.className, _b = props.showTip, showTip = _b === void 0 ? true : _b, _c = props.maxSize, maxSize = _c === void 0 ? MAXSIZE : _c, showTable = props.showTable, acceptList = props.acceptList, beforeUpload = props.beforeUpload, onChange = props.onChange, PROPS_API_BASEURL = props.API_BASEURL, PROPS_FILE_API_BASEURL = props.FILE_API_BASEURL, action = props.action, headers = props.headers, data = props.data, userName = props.userName, fileList = props.fileList, isPublic = props.isPublic, _d = props.maxPreviewSize, maxPreviewSize = _d === void 0 ? MAX_PREVIEW_SIZE : _d, 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, imgCropProps = props.imgCropProps, _f = props.imgWidth, imgWidth = _f === void 0 ? 110 : _f, _g = props.imgHeight, imgHeight = _g === void 0 ? 110 : _g, customRenderBtn = props.customRenderBtn, disAllowDuplicateFile = props.disAllowDuplicateFile, fieldNames = props.fieldNames, 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", "imgCropProps", "imgWidth", "imgHeight", "customRenderBtn", "disAllowDuplicateFile", "fieldNames"]);
     var maxCount = resetProps.maxCount, listType = resetProps.listType, method = resetProps.method;
-    var classes = classNames("ztxk-upload", className, {});
+    var imgSizeClassName = "temporary-className-".concat(imgWidth, "-").concat(imgHeight);
+    var classes = classNames("ztxk-upload", className, (_a = {},
+        _a[imgSizeClassName] = isImage,
+        _a));
     var maxSizeStr = formatUnit(maxSize);
     var tableRef = useRef({});
     var modalRef = useRef({});
     var imgCropModalRef = useRef();
-    var _e = useState(), imgSrc = _e[0], setImgSrc = _e[1];
+    var _h = useState(), imgSrc = _h[0], setImgSrc = _h[1];
+    useEffect(function () {
+        if (!isImage) {
+            return;
+        }
+        if (imgWidth === 110 && imgHeight === 110) {
+            return;
+        }
+        var styleElement = document.createElement("style");
+        styleElement.textContent = "\n     .".concat(imgSizeClassName, ".ztxk-upload .ztxk-upload--picture {\n        width: ").concat(imgWidth, "px;\n        height: ").concat(imgHeight, "px;\n     }\n     .").concat(imgSizeClassName, ".ztxk-upload .ant-upload-list-picture-card-container {\n        width: ").concat(imgWidth, "px;\n        height: ").concat(imgHeight, "px;\n     }\n    ");
+        document.head.appendChild(styleElement);
+        return function () {
+            if (styleElement) {
+                styleElement.remove();
+            }
+        };
+    }, [imgHeight, imgSizeClassName, imgWidth, isImage]);
     var newFieldNames = getField(fieldNames);
-    var _f = useBaseContext(), apiBaseUrl = _f.apiBaseUrl, fileBaseUrl = _f.fileBaseUrl;
+    var _j = useBaseContext(), apiBaseUrl = _j.apiBaseUrl, fileBaseUrl = _j.fileBaseUrl;
     var API_BASEURL = PROPS_API_BASEURL ? PROPS_API_BASEURL : apiBaseUrl;
     var FILE_API_BASEURL = PROPS_FILE_API_BASEURL
         ? PROPS_FILE_API_BASEURL
@@ -52,7 +72,7 @@ var UploadList = function (props, ref) {
         fileList: fileList,
     });
     // 文件改变逻辑
-    var _g = useOnChange({
+    var _k = useOnChange({
         onChange: onChange,
         userName: userName,
         fileList: fileList,
@@ -61,15 +81,15 @@ var UploadList = function (props, ref) {
         API_BASEURL: API_BASEURL,
         newFieldNames: newFieldNames,
         listType: listType,
-    }), onChangeHandle = _g.onChangeHandle, innerFileList = _g.innerFileList, setInnerFileList = _g.setInnerFileList;
+    }), onChangeHandle = _k.onChangeHandle, innerFileList = _k.innerFileList, setInnerFileList = _k.setInnerFileList;
     // 基础参数
-    var _h = useBasicInfo({
+    var _l = useBasicInfo({
         action: action,
         API_BASEURL: API_BASEURL,
         headers: headers,
         data: data,
         isPublic: isPublic,
-    }), fileAction = _h.fileAction, fileHeaders = _h.fileHeaders, fileData = _h.fileData;
+    }), fileAction = _l.fileAction, fileHeaders = _l.fileHeaders, fileData = _l.fileData;
     // 表格需要的附件列表数据
     var uploadTableData = useUploadTableData({
         fileList: innerFileList,
@@ -241,7 +261,7 @@ var UploadList = function (props, ref) {
             },
         };
     });
-    return (jsxs("div", __assign({ className: classes, ref: imgCropModalRef }, { children: [isPreview ? null : (jsxs(Fragment, { children: [isImage ? (jsx(ImgCrop, __assign({ rotationSlider: true, showReset: true, quality: 0.8, modalClassName: "ztxk-upload-imgcrop", modalProps: { getContainer: function () { return imgCropModalRef.current; } } }, { children: renderChildren }))) : (renderChildren), showTip ? (jsxs("span", __assign({ className: "ztxk-upload--tips" }, { children: ["(\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301", maxSizeStr, ")"] }))) : ("")] })), isDelete && !isPreview && showTable ? (jsx(Popconfirm, __assign({ title: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9644\u4EF6\uFF1F", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onBatchDeleteHandle(); } }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u5220\u9664" })) }))) : null, isDownload && showTable ? (jsx(Dropdown, __assign({ menu: {
+    return (jsxs("div", __assign({ className: classes, ref: imgCropModalRef }, { children: [isPreview ? null : (jsxs(Fragment, { children: [isImage ? (jsx(ImgCrop, __assign({ rotationSlider: true, showReset: true, quality: 0.8, modalClassName: "ztxk-upload-imgcrop", modalProps: { getContainer: function () { return imgCropModalRef.current; } }, aspect: imgWidth / imgHeight }, imgCropProps, { children: renderChildren }))) : (renderChildren), showTip ? (jsxs("span", __assign({ className: "ztxk-upload--tips" }, { children: ["(\u5355\u4E2A\u9644\u4EF6\u6700\u5927\u652F\u6301", maxSizeStr, ")"] }))) : ("")] })), isDelete && !isPreview && showTable ? (jsx(Popconfirm, __assign({ title: "\u662F\u5426\u5220\u9664\u9009\u4E2D\u9644\u4EF6\uFF1F", cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onBatchDeleteHandle(); } }, { children: jsx(ButtonCom, __assign({ type: "primary" }, { children: "\u6279\u91CF\u5220\u9664" })) }))) : null, isDownload && showTable ? (jsx(Dropdown, __assign({ menu: {
                     items: [
                         {
                             label: "压缩",

package/dist/index.build.d.ts

@@ -50,7 +50,7 @@ export { IColumnsType, ITableProps, ITableRefHandel, ValidateErrorObject } from
 export { IFormItemProps, IProFormProps } from './es/form/interface.js';
 export { IOperationBtn } from './es/operationbtn/interface.js';
 export { ISelectProps } from './es/select/interface.js';
-export { ITabsProps } from './es/tabs/interface.js';
+export { IItems, ITabsProps } from './es/tabs/interface.js';
 export { IUploadListProps } from './es/uploadlist/interface.js';
 export { ITreeSelectProps } from './es/treeselect/interface.js';
 export { ITreeProps } from './es/tree/interface.js';