zmdms-webui 2.7.3 → 2.7.4

package/dist/es/form/form.d.ts

@@ -12,6 +12,7 @@ interface FormComponent extends React__default.ForwardRefExoticComponent<IProFor
     useWatch: typeof Form.useWatch;
     DefaultDom: any;
     ItemTipDom: any;
+    CommonSearchKey: string;
 }
 declare const MemoForm: FormComponent;
 

package/dist/es/form/form.js

@@ -1,5 +1,5 @@
 import { __awaiter, __rest, __assign, __generator } from '../_virtual/_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, memo, forwardRef, useMemo, useCallback, useRef, useImperativeHandle } from 'react';
 import { Form as Form$1 } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
@@ -9,6 +9,11 @@ import ResetButton from './resetButton.js';
 import DefaultDom from './detaultDom.js';
 import ItemTipDom from './itemTipDom.js';
 import Toggle from './toggle.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import '../config/MyStorage.js';
+import CommonSearchList from './common-search-list.js';
+import { COMMON_SEARCH_KEY, useCommonSearch, useCommonSearchModal } from './useCommonSearch.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 import ButtonCom from '../button/button.js';
 
@@ -22,15 +27,26 @@ var FormContext = createContext({});
 // 用户配置优先，先从远端获取到 表单配置信息。
 // 给子元素设置好了表单配置信息后 接下来的内容 交给动态列配置接管
 var Form = function (props, ref) {
-    var form = props.form, bottomBorder = props.bottomBorder, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName; props.itemClassName; var rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, children = props.children, dynamicKey = props.dynamicKey, dynamicVersion = props.dynamicVersion, formPreferences = props.formPreferences, items = props.items, outsideState = props.outsideState, onValuesChange = props.onValuesChange, isResetAndClear = props.isResetAndClear, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, type = props.type, directionColumn = props.directionColumn, isToggle = props.isToggle, toggleNum = props.toggleNum, defaultToggle = props.defaultToggle, restProps = __rest(props, ["form", "bottomBorder", "isFlex", "wrapClassName", "leftClassName", "itemClassName", "rightWrapVisible", "rightClassName", "children", "dynamicKey", "dynamicVersion", "formPreferences", "items", "outsideState", "onValuesChange", "isResetAndClear", "onResetHandle", "onSearchHandle", "type", "directionColumn", "isToggle", "toggleNum", "defaultToggle"]);
+    var form = props.form, bottomBorder = props.bottomBorder, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName; props.itemClassName; var rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, children = props.children, dynamicKey = props.dynamicKey, dynamicVersion = props.dynamicVersion, formPreferences = props.formPreferences, items = props.items, outsideState = props.outsideState, onValuesChange = props.onValuesChange, isResetAndClear = props.isResetAndClear, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, type = props.type, directionColumn = props.directionColumn, isToggle = props.isToggle, toggleNum = props.toggleNum, defaultToggle = props.defaultToggle, _b = props.isCommonSearch, isCommonSearch = _b === void 0 ? true : _b, restProps = __rest(props, ["form", "bottomBorder", "isFlex", "wrapClassName", "leftClassName", "itemClassName", "rightWrapVisible", "rightClassName", "children", "dynamicKey", "dynamicVersion", "formPreferences", "items", "outsideState", "onValuesChange", "isResetAndClear", "onResetHandle", "onSearchHandle", "type", "directionColumn", "isToggle", "toggleNum", "defaultToggle", "isCommonSearch"]);
+    var enableCommonSearch = useBaseContext().enableCommonSearch;
+    // 常用搜索hooks
+    var _c = useCommonSearch({
+        commonSearchKey: dynamicKey || window.location.pathname,
+    }), commonSearchList = _c.commonSearchList, setCommonSearchList = _c.setCommonSearchList, currentCommonSearchKey = _c.currentCommonSearchKey, setCurrentCommonSearchKey = _c.setCurrentCommonSearchKey, setData = _c.setData, deleteData = _c.deleteData, setReplaceData = _c.setReplaceData, reTransformData = _c.reTransformData, updateServerData = _c.updateServerData;
+    var onCommonSearchHandle = useCommonSearchModal({
+        commonSearchList: commonSearchList,
+        currentCommonSearchKey: currentCommonSearchKey,
+        form: form,
+        setData: setData,
+    }).onCommonSearchHandle;
     // 获取新的items 如果传入了配置项的话，配置项优先
     var configInfoItems = useFormPreferencesCreateNewItems(formPreferences, items).configInfoItems;
     // 根据items 和 dynamicKey 获取到动态列配置信息
-    var _b = useDynamicListByItems(configInfoItems, {
+    var _d = useDynamicListByItems(configInfoItems, {
         dynamicKey: dynamicKey,
         formPreferences: formPreferences,
         dynamicVersion: dynamicVersion,
-    }), dynamicList = _b.dynamicList, onCurrentListChange = _b.onCurrentListChange, newItems = _b.newItems, dynamicSettingRef = _b.dynamicSettingRef;
+    }), dynamicList = _d.dynamicList, onCurrentListChange = _d.onCurrentListChange, newItems = _d.newItems, dynamicSettingRef = _d.dynamicSettingRef;
     // 主容器类名
     var wrapClasses = classNames("ztxk-form", wrapClassName, {
         "ztxk-form--bottom-border": bottomBorder,
@@ -102,22 +118,22 @@ var Form = function (props, ref) {
         }
         onValuesChange && onValuesChange(changedValues, allValues);
     }, [onValuesChange, itemsShouldUpdate, form]);
-    var _c = useBtnHandle(form, {
+    var _e = useBtnHandle(form, {
         onSearchHandle: onSearchHandle,
         onResetHandle: onResetHandle,
-    }), onSearchHandleInner = _c.onSearchHandleInner, onResetHandleInner = _c.onResetHandleInner, onDropdownResetHandleInner = _c.onDropdownResetHandleInner;
+    }), onSearchHandleInner = _e.onSearchHandleInner, onResetHandleInner = _e.onResetHandleInner, onDropdownResetHandleInner = _e.onDropdownResetHandleInner;
     var leftWrapRef = useRef(null);
-    var _d = useToggle(leftWrapRef, {
+    var _f = useToggle(leftWrapRef, {
         isToggle: isToggle,
         toggleNum: toggleNum,
         defaultToggle: defaultToggle,
-    }), toggle = _d.toggle, onToggleChange = _d.onToggleChange, setToggleHandle = _d.setToggleHandle;
+    }), toggle = _f.toggle, onToggleChange = _f.onToggleChange, setToggleHandle = _f.setToggleHandle;
     useImperativeHandle(ref, function () {
         return {
             setToggleHandle: setToggleHandle,
         };
     });
-    return (jsx(FormContext.Provider, __assign({ value: { onSearch: onSearchHandleInner } }, { children: jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses, ref: leftWrapRef }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), jsxs("div", __assign({ className: "ztxk-form--operation" }, { children: [dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, isToggle ? (jsx(Toggle, { toggle: toggle, onClick: onToggleChange })) : null] })), rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [isResetAndClear ? (jsx(ResetButton, { onClick: onDropdownResetHandleInner })) : (jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" }))), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })) })));
+    return (jsxs(FormContext.Provider, __assign({ value: { onSearch: onSearchHandleInner } }, { children: [jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses, ref: leftWrapRef }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), jsxs("div", __assign({ className: "ztxk-form--operation" }, { children: [dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, isToggle ? (jsx(Toggle, { toggle: toggle, onClick: onToggleChange })) : null] })), rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [jsxs("div", __assign({ className: "ztxk-form__right--common-left" }, { children: [isResetAndClear ? (jsx(ResetButton, { onClick: onDropdownResetHandleInner })) : (jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" }))), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] })), enableCommonSearch && isCommonSearch ? (jsx("div", __assign({ className: "ztxk-form__right--common-right" }, { children: jsx(ButtonCom, __assign({ style: { width: "100%" }, onClick: onCommonSearchHandle }, { children: currentCommonSearchKey ? "更新常用搜索" : "保存为常用搜索" })) }))) : null] }))) : null] })), enableCommonSearch && isCommonSearch && rightWrapVisible ? (jsx(CommonSearchList, { commonSearchList: commonSearchList, setCommonSearchList: setCommonSearchList, currentCommonSearchKey: currentCommonSearchKey, setCurrentCommonSearchKey: setCurrentCommonSearchKey, form: form, reTransformData: reTransformData, deleteData: deleteData, setReplaceData: setReplaceData, updateServerData: updateServerData, onSearchHandle: onSearchHandleInner })) : null] })));
 };
 var MemoForm = memo(forwardRef(Form));
 MemoForm.displayName = "ZTXK_WEBUI_Form";
@@ -150,6 +166,7 @@ MemoForm.Provider = Form$1.Provider;
 MemoForm.useFormInstance = Form$1.useFormInstance;
 MemoForm.useWatch = Form$1.useWatch;
 MemoForm.DefaultDom = DefaultDom;
-MemoForm.ItemTipDom = ItemTipDom;
+MemoForm.ItemTipDom = ItemTipDom;
+MemoForm.CommonSearchKey = COMMON_SEARCH_KEY;
 
 export { FORM_DYNAMIC_KEY, FormContext, MemoForm as default };

package/dist/es/form/hooks.js

@@ -29,13 +29,14 @@ function useDynamicListByItems(items, options) {
         var result = [];
         if (dynamicKey && items) {
             result = items.map(function (item, index) {
-                var name = item.name, configName = item.configName, key = item.key, label = item.label, dynamicDisabled = item.dynamicDisabled, isDisplay = item.isDisplay;
+                var name = item.name, configName = item.configName, key = item.key, label = item.label, labelString = item.labelString, dynamicDisabled = item.dynamicDisabled, isDisplay = item.isDisplay;
+                var newLabel = labelString || (typeof label === "function" ? label() : label);
                 return {
                     key: configName ||
                         name ||
                         key ||
                         "".concat(Date.now(), "-").concat(index),
-                    label: label,
+                    label: newLabel,
                     disabled: dynamicDisabled === true ? true : false,
                     // 如果用户传入了 isDisplay
                     // 如果缓存中有值，还是以缓存为主

package/dist/es/form/index.css

@@ -1 +1 @@
-.ant-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-bottom:0;margin-right:16px}.ant-form-inline .ant-form-item-with-help{margin-bottom:24px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0;min-width:0}.ant-form-horizontal .ant-form-item-label[class$="-24"]+.ant-form-item-control,.ant-form-horizontal .ant-form-item-label[class*="-24 "]+.ant-form-item-control{min-width:unset}.ant-form-vertical .ant-form-item-row{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-form-vertical .ant-form-item .ant-form-item-control{width:100%}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label:after,.ant-col-xl-24.ant-form-item-label>label:after,.ant-form-vertical .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-form-item .ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-form-item .ant-form-item-label>label{margin:0}.ant-form-item .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-xs-24.ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0}.ant-form legend{border:0;border-bottom:1px solid #d9d9d9;color:#00000073;display:block;font-size:16px;line-height:inherit;margin-bottom:20px;padding:0;width:100%}.ant-form label{font-size:14px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=checkbox],.ant-form input[type=radio]{line-height:normal}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus,.ant-form input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ant-form output{color:#000000a6;display:block;font-size:14px;line-height:1.5715;padding-top:15px}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:24px}.ant-form-small .ant-form-item-control-input{min-height:24px}.ant-form-large .ant-form-item-label>label{height:40px}.ant-form-large .ant-form-item-control-input{min-height:40px}.ant-form-item{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0 0 24px;padding:0;vertical-align:top}.ant-form-item-with-help{transition:none}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;text-align:right;vertical-align:middle;white-space:nowrap}.ant-form-item-label-left{text-align:left}.ant-form-item-label-wrap{line-height:1.3215em;overflow:unset;white-space:unset}.ant-form-item-label>label{align-items:center;color:#000000d9;display:inline-flex;font-size:14px;height:32px;max-width:100%;position:relative}.ant-form-item-label>label>.anticon{font-size:14px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{color:#ff4d4f;content:"*";display:inline-block;font-family:SimSun,sans-serif;font-size:14px;line-height:1;margin-right:4px}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}.ant-form-item-label>label .ant-form-item-optional{color:#00000073;display:inline-block;margin-left:4px}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{color:#00000073;cursor:help;margin-inline-start:4px;writing-mode:horizontal-tb}.ant-form-item-label>label:after{content:":";margin:0 8px 0 2px;position:relative;top:-.5px}.ant-form-item-label>label.ant-form-item-no-colon:after{content:" "}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=" ant-col-"]){width:100%}.ant-form-item-control-input{align-items:center;display:flex;min-height:32px;position:relative}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;color:#00000073;font-size:14px;line-height:1.5715;transition:color .3s cubic-bezier(.215,.61,.355,1)}.ant-form-item-explain-connected{width:100%}.ant-form-item-extra{min-height:24px}.ant-form-item-with-help .ant-form-item-explain{height:auto;opacity:1}.ant-form-item-feedback-icon{animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);font-size:14px;pointer-events:none;text-align:center;visibility:visible}.ant-form-item-feedback-icon-success{color:#52c41a}.ant-form-item-feedback-icon-error{color:#ff4d4f}.ant-form-item-feedback-icon-warning{color:#faad14}.ant-form-item-feedback-icon-validating{color:#5b76f6}.ant-show-help{transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.ant-show-help-appear,.ant-show-help-enter{opacity:0}.ant-show-help-appear-active,.ant-show-help-enter-active,.ant-show-help-leave{opacity:1}.ant-show-help-leave-active{opacity:0}.ant-show-help-item{overflow:hidden;transition:height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)!important}.ant-show-help-item-appear,.ant-show-help-item-enter{opacity:0;transform:translateY(-5px)}.ant-show-help-item-appear-active,.ant-show-help-item-enter-active{opacity:1;transform:translateY(0)}.ant-show-help-item-leave{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1),transform .2s cubic-bezier(.645,.045,.355,1)!important}.ant-show-help-item-leave-active{transform:translateY(-5px)}@keyframes diffZoomIn1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes diffZoomIn2{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes diffZoomIn3{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ant-form-rtl{direction:rtl}.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required:before{margin-left:4px;margin-right:0}.ant-form-rtl .ant-form-item-label>label:after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-left:0;margin-right:4px}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-left:24px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-left:18px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input,.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{left:28px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-left:42px;padding-right:0}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-left:19px;margin-right:0}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-picker,.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-left:29.2px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-left:25.2px;padding-right:7px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{left:0;right:auto}.ant-form-rtl.ant-form-inline .ant-form-item{margin-left:16px;margin-right:0}.ztxk-form{background:#fff;display:flex;justify-content:space-between;padding:0}.ztxk-form .ztxk-form--detault-dom{border:1px solid #d9d9d9;border-left:none;border-radius:0 4px 4px 0}.ztxk-form .ztxk-form--detault-dom,.ztxk-form .ztxk-form--tip-dom{align-items:center;display:flex;min-height:32px;padding:4px 11px;transition:all .3s}.ztxk-form .ztxk-form--tip-dom{border-radius:0 4px 4px 0}.ztxk-form.ztxk-form--bottom-border{border-bottom:1px solid #ebf3fe}.ztxk-form .ztxk-form__left{flex:1;position:relative;transition:max-height .3s ease-out}.ztxk-form .ztxk-form__left.ztxk-form__left--toggle{overflow:hidden}.ztxk-form .ztxk-form__left.ztxk-form__left--flex{display:flex;flex-grow:1;flex-wrap:wrap}.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-checkbox-group,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-label label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-input,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-input-affix-wrapper,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-picker,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-radio-group,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-select-selector,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .city-picker-span,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error.ztxk-form__item--direction-column,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-input,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-input-affix-wrapper,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-picker,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-select-selector,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .city-picker-span,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ztxk-form--detault-dom{border-color:#f88!important}.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-margin-offset{margin-bottom:0!important}.ztxk-form .ztxk-form__left.ztxk-form__left--flex-direction{flex-direction:column}.ztxk-form .ztxk-form__left.ztxk-form__left--flex-direction>div{flex:none}.ztxk-form .ztxk-form--operation{align-items:center;display:flex;flex-direction:column;margin-right:10px}.ztxk-form .ztxk-form--operation .ztxk-dynamic-setting{cursor:pointer;margin-top:6px;position:relative}.ztxk-form .ztxk-form--operation .ztxk-from--toggle{cursor:pointer;margin-top:4px}.ztxk-form .ztxk-form--operation .ztxk-from--toggle>span{transition:transform .4s ease 0s}.ztxk-form .ztxk-form__right{display:flex}.ztxk-form .ztxk-form__right>button.ant-btn{margin-left:10px;margin-right:0}.ztxk-form .ztxk-form__right>button.ant-btn:first-child{margin-left:0}
+.ant-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-bottom:0;margin-right:16px}.ant-form-inline .ant-form-item-with-help{margin-bottom:24px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0;min-width:0}.ant-form-horizontal .ant-form-item-label[class$="-24"]+.ant-form-item-control,.ant-form-horizontal .ant-form-item-label[class*="-24 "]+.ant-form-item-control{min-width:unset}.ant-form-vertical .ant-form-item-row{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-form-vertical .ant-form-item .ant-form-item-control{width:100%}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label:after,.ant-col-xl-24.ant-form-item-label>label:after,.ant-form-vertical .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-form-item .ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-form-item .ant-form-item-label>label{margin:0}.ant-form-item .ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-xs-24.ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{line-height:1.5715;padding:0 0 8px;text-align:left;white-space:normal}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label:after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0}.ant-form legend{border:0;border-bottom:1px solid #d9d9d9;color:#00000073;display:block;font-size:16px;line-height:inherit;margin-bottom:20px;padding:0;width:100%}.ant-form label{font-size:14px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=checkbox],.ant-form input[type=radio]{line-height:normal}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus,.ant-form input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ant-form output{color:#000000a6;display:block;font-size:14px;line-height:1.5715;padding-top:15px}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:24px}.ant-form-small .ant-form-item-control-input{min-height:24px}.ant-form-large .ant-form-item-label>label{height:40px}.ant-form-large .ant-form-item-control-input{min-height:40px}.ant-form-item{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0 0 24px;padding:0;vertical-align:top}.ant-form-item-with-help{transition:none}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;text-align:right;vertical-align:middle;white-space:nowrap}.ant-form-item-label-left{text-align:left}.ant-form-item-label-wrap{line-height:1.3215em;overflow:unset;white-space:unset}.ant-form-item-label>label{align-items:center;color:#000000d9;display:inline-flex;font-size:14px;height:32px;max-width:100%;position:relative}.ant-form-item-label>label>.anticon{font-size:14px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{color:#ff4d4f;content:"*";display:inline-block;font-family:SimSun,sans-serif;font-size:14px;line-height:1;margin-right:4px}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}.ant-form-item-label>label .ant-form-item-optional{color:#00000073;display:inline-block;margin-left:4px}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{color:#00000073;cursor:help;margin-inline-start:4px;writing-mode:horizontal-tb}.ant-form-item-label>label:after{content:":";margin:0 8px 0 2px;position:relative;top:-.5px}.ant-form-item-label>label.ant-form-item-no-colon:after{content:" "}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=" ant-col-"]){width:100%}.ant-form-item-control-input{align-items:center;display:flex;min-height:32px;position:relative}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;color:#00000073;font-size:14px;line-height:1.5715;transition:color .3s cubic-bezier(.215,.61,.355,1)}.ant-form-item-explain-connected{width:100%}.ant-form-item-extra{min-height:24px}.ant-form-item-with-help .ant-form-item-explain{height:auto;opacity:1}.ant-form-item-feedback-icon{animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);font-size:14px;pointer-events:none;text-align:center;visibility:visible}.ant-form-item-feedback-icon-success{color:#52c41a}.ant-form-item-feedback-icon-error{color:#ff4d4f}.ant-form-item-feedback-icon-warning{color:#faad14}.ant-form-item-feedback-icon-validating{color:#5b76f6}.ant-show-help{transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.ant-show-help-appear,.ant-show-help-enter{opacity:0}.ant-show-help-appear-active,.ant-show-help-enter-active,.ant-show-help-leave{opacity:1}.ant-show-help-leave-active{opacity:0}.ant-show-help-item{overflow:hidden;transition:height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)!important}.ant-show-help-item-appear,.ant-show-help-item-enter{opacity:0;transform:translateY(-5px)}.ant-show-help-item-appear-active,.ant-show-help-item-enter-active{opacity:1;transform:translateY(0)}.ant-show-help-item-leave{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1),transform .2s cubic-bezier(.645,.045,.355,1)!important}.ant-show-help-item-leave-active{transform:translateY(-5px)}@keyframes diffZoomIn1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes diffZoomIn2{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes diffZoomIn3{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ant-form-rtl{direction:rtl}.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required:before{margin-left:4px;margin-right:0}.ant-form-rtl .ant-form-item-label>label:after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-left:0;margin-right:4px}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-left:24px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-left:18px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input,.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{left:28px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-left:42px;padding-right:0}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-left:19px;margin-right:0}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-picker,.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-left:29.2px;padding-right:11px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-left:25.2px;padding-right:7px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{left:0;right:auto}.ant-form-rtl.ant-form-inline .ant-form-item{margin-left:16px;margin-right:0}.ztxk-form{background:#fff;display:flex;justify-content:space-between;padding:0}.ztxk-form .ztxk-form--detault-dom{border:1px solid #d9d9d9;border-left:none;border-radius:0 4px 4px 0}.ztxk-form .ztxk-form--detault-dom,.ztxk-form .ztxk-form--tip-dom{align-items:center;display:flex;min-height:32px;padding:4px 11px;transition:all .3s}.ztxk-form .ztxk-form--tip-dom{border-radius:0 4px 4px 0}.ztxk-form.ztxk-form--bottom-border{border-bottom:1px solid #ebf3fe}.ztxk-form .ztxk-form__left{flex:1;position:relative;transition:max-height .3s ease-out}.ztxk-form .ztxk-form__left.ztxk-form__left--toggle{overflow:hidden}.ztxk-form .ztxk-form__left.ztxk-form__left--flex{display:flex;flex-grow:1;flex-wrap:wrap}.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-checkbox-group,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-label label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-input,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-input-affix-wrapper,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-picker,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-radio-group,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-select-selector,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .city-picker-span,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error.ztxk-form__item--direction-column,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-form-item-label label,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-input,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-input-affix-wrapper,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-picker,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ant-select-selector,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .city-picker-span,.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error:hover .ztxk-form--detault-dom{border-color:#f88!important}.ztxk-form .ztxk-form__left.ztxk-form__left--flex .ant-form-item-has-error .ant-form-item-margin-offset{margin-bottom:0!important}.ztxk-form .ztxk-form__left.ztxk-form__left--flex-direction{flex-direction:column}.ztxk-form .ztxk-form__left.ztxk-form__left--flex-direction>div{flex:none}.ztxk-form .ztxk-form--operation{align-items:center;display:flex;flex-direction:column;margin-right:10px}.ztxk-form .ztxk-form--operation .ztxk-dynamic-setting{cursor:pointer;margin-top:6px;position:relative}.ztxk-form .ztxk-form--operation .ztxk-from--toggle{cursor:pointer;margin-top:4px}.ztxk-form .ztxk-form--operation .ztxk-from--toggle>span{transition:transform .4s ease 0s}.ztxk-form .ztxk-form__right{display:flex;flex-direction:column}.ztxk-form .ztxk-form__right .ztxk-form__right--common-left{display:flex}.ztxk-form .ztxk-form__right .ztxk-form__right--common-left>button.ant-btn{margin-left:10px;margin-right:0}.ztxk-form .ztxk-form__right .ztxk-form__right--common-left>button.ant-btn:first-child{margin-left:0}.ztxk-form .ztxk-form__right .ztxk-form__right--common-right{margin-top:13px}.common-search-list--container{display:flex;flex-direction:row;line-height:26px;margin-bottom:10px}.common-search-list--container .common-search-list--title{color:#999}.common-search-list--container .common-search-list--content{display:flex;flex:1;flex-wrap:wrap;margin-left:10px;max-height:76px;overflow-y:auto}.common-search-list--container .common-search-list--content>div{padding-right:10px}.common-search-list--container .common-search-list--content>div:last-child{padding-right:0}.common-search-list--container .common-search-list--content>div .ant-btn{height:26px;margin-bottom:10px;padding:4px 8px}.common-search-list--container .common-search-list--content>div .ant-btn>.anticon{margin-left:4px;margin-top:2px}

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

@@ -86,6 +86,10 @@ interface IProFormProps extends FormProps {
      * 表单内部需要的外部参数
      */
     outsideState?: any;
+    /**
+     * 是否开启常用搜索
+     */
+    isCommonSearch?: boolean;
 }
 
 export { IFormItemProps, IFormPreferences, IProFormProps };

package/dist/es/form/useCommonSearch.js

@@ -0,0 +1,309 @@
+import { __awaiter, __generator, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useImperativeHandle, useRef, useEffect } from 'react';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import MyStorage from '../config/MyStorage.js';
+import { useMount } from 'ahooks';
+import dayjs from 'dayjs';
+import Input from '../input/input.js';
+import myMessage from '../message/index.js';
+import ModalComponent from '../modal/modal.js';
+
+var COMMON_SEARCH_KEY = "__zmdms-ui--common-search-key__";
+// 常用搜索hooks
+function useCommonSearch(options) {
+    var _this = this;
+    var commonSearchKey = options.commonSearchKey;
+    var customConfigFetch = useBaseContext().customConfigFetch;
+    // 常用搜索列表存储实例
+    var storageRef = useRef(new MyStorage({ tableKey: COMMON_SEARCH_KEY }));
+    // 常用搜索列表
+    var _a = useState([]), commonSearchList = _a[0], setCommonSearchList = _a[1];
+    // 当前选中的常用搜索key值
+    var _b = useState(""), currentCommonSearchKey = _b[0], setCurrentCommonSearchKey = _b[1];
+    // 初始化常用搜索列表
+    useMount(function () {
+        if (commonSearchKey) {
+            storageRef.current
+                .getItem(commonSearchKey)
+                .then(function (res) { return setCommonSearchList(res || []); });
+        }
+    });
+    /**
+     * description: 数据转换。主要是将时间对象转成字符串
+     */
+    var transformData = function (data) {
+        // 处理数据，将数据中的时间对象做一下转换
+        var dataValue = data;
+        var newDataValue = {}; // 为了不影响之前的数据
+        var timeKeys = [];
+        if (dataValue) {
+            Object.keys(dataValue).forEach(function (key) {
+                var value = dataValue[key];
+                if (Array.isArray(value)) {
+                    newDataValue[key] = [];
+                    value.forEach(function (item) {
+                        if (dayjs.isDayjs(item)) {
+                            timeKeys.push(key);
+                            newDataValue[key].push(dayjs(item).format("YYYY-MM-DD HH:mm:ss"));
+                        }
+                        else {
+                            newDataValue[key].push(item);
+                        }
+                    });
+                }
+                else {
+                    var itemIsDayjs = dayjs.isDayjs(value);
+                    if (itemIsDayjs) {
+                        timeKeys.push(key);
+                    }
+                    newDataValue[key] = itemIsDayjs
+                        ? dayjs(value).format("YYYY-MM-DD HH:mm:ss")
+                        : value;
+                }
+            });
+        }
+        return {
+            newDataValue: newDataValue,
+            timeKeys: timeKeys,
+        };
+    };
+    /**
+     * @description: 数据转换。主要是将时间字符串转成时间对象。
+     */
+    var reTransformData = function (data, timeKeys) {
+        if (timeKeys === void 0) { timeKeys = []; }
+        // 处理数据，将数据中的时间对象做一下转换
+        var dataValue = data;
+        var newDataValue = {}; // 为了不影响之前的数据
+        if (dataValue) {
+            Object.keys(dataValue).forEach(function (key) {
+                var value = dataValue[key];
+                if (Array.isArray(value)) {
+                    newDataValue[key] = [];
+                    value.forEach(function (item) {
+                        if (timeKeys.includes(key)) {
+                            newDataValue[key].push(dayjs(item));
+                        }
+                        else {
+                            newDataValue[key].push(item);
+                        }
+                    });
+                }
+                else {
+                    newDataValue[key] = timeKeys.includes(key) ? dayjs(value) : value;
+                }
+            });
+        }
+        return newDataValue;
+    };
+    /**
+     * description: 存储数据
+     * @param {*} data 常用搜索数据
+     * @param {*} localIndex 本地存储索引 如果传了索引 就是修改
+     */
+    var setData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey, _a, newDataValue, timeKeys, saveData;
+        var _b;
+        return __generator(this, function (_c) {
+            localKey = commonSearchKey;
+            _a = transformData(data.value), newDataValue = _a.newDataValue, timeKeys = _a.timeKeys;
+            saveData = __assign(__assign({}, data), { value: newDataValue, timeKeys: timeKeys });
+            return [2 /*return*/, (_b = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _b === void 0 ? void 0 : _b.getItem(localKey).then(function (res) {
+                    var _a, _b;
+                    // 处理数据，将数据中的时间对象做一下转换
+                    var result = res;
+                    if (!result) {
+                        result = [saveData];
+                    }
+                    else if (Array.isArray(result)) {
+                        var index = result.findIndex(function (item) { return item.key === saveData.key; });
+                        if (index !== -1) {
+                            result[index] = saveData;
+                        }
+                        else {
+                            result.push(saveData);
+                        }
+                    }
+                    setCommonSearchList(result);
+                    return (_b = (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, result)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                        return updateServerData();
+                    });
+                })];
+        });
+    }); };
+    /**
+     * description: 删除数据
+     * @param {*} localIndex 本地存储索引
+     */
+    var deleteData = function (localIndex) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey;
+        var _a;
+        return __generator(this, function (_b) {
+            localKey = commonSearchKey;
+            return [2 /*return*/, (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.getItem(localKey).then(function (res) {
+                    var _a, _b;
+                    if (Array.isArray(res)) {
+                        res.splice(localIndex, 1);
+                        (_b = (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, res)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                            return updateServerData();
+                        });
+                        setCommonSearchList(res);
+                    }
+                })];
+        });
+    }); };
+    /**
+     * description: 直接替换原有数据
+     * @param {*} data 常用搜索数据
+     */
+    var setReplaceData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey;
+        var _a;
+        return __generator(this, function (_b) {
+            localKey = commonSearchKey;
+            setCommonSearchList(data);
+            return [2 /*return*/, (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, data)];
+        });
+    }); };
+    /**
+     * 直接更新服务器数据
+     */
+    var updateServerData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _this = this;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            return [2 /*return*/, (_b = (_a = storageRef.current) === null || _a === void 0 ? void 0 : _a.getAllItems()) === null || _b === void 0 ? void 0 : _b.then(function (res) { return __awaiter(_this, void 0, void 0, function () {
+                    var error_1;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                console.log("开始更新服务器数据!", res);
+                                _a.label = 1;
+                            case 1:
+                                _a.trys.push([1, 3, , 4]);
+                                return [4 /*yield*/, (customConfigFetch === null || customConfigFetch === void 0 ? void 0 : customConfigFetch({
+                                        customKey: COMMON_SEARCH_KEY,
+                                        customValue: JSON.stringify(res),
+                                        mark: "常用搜索用户配置",
+                                    }))];
+                            case 2:
+                                _a.sent();
+                                return [3 /*break*/, 4];
+                            case 3:
+                                error_1 = _a.sent();
+                                console.error("更新服务器数据失败!", error_1);
+                                return [3 /*break*/, 4];
+                            case 4: return [2 /*return*/];
+                        }
+                    });
+                }); })];
+        });
+    }); };
+    return {
+        commonSearchList: commonSearchList,
+        setCommonSearchList: setCommonSearchList,
+        currentCommonSearchKey: currentCommonSearchKey,
+        setCurrentCommonSearchKey: setCurrentCommonSearchKey,
+        reTransformData: reTransformData,
+        setData: setData,
+        deleteData: deleteData,
+        setReplaceData: setReplaceData,
+        updateServerData: updateServerData,
+    };
+}
+function useCommonSearchModal(options) {
+    var commonSearchList = options.commonSearchList, currentCommonSearchKey = options.currentCommonSearchKey, form = options.form, setData = options.setData;
+    var iptRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (!(commonSearchList === null || commonSearchList === void 0 ? void 0 : commonSearchList.length)) {
+            return;
+        }
+        var currentCommon = commonSearchList.find(function (item) { return item.key === currentCommonSearchKey; });
+        if (currentCommon) {
+            (_a = iptRef.current) === null || _a === void 0 ? void 0 : _a.setValue(currentCommon.title);
+        }
+    }, [currentCommonSearchKey, commonSearchList]);
+    /**
+     * 保存为常用搜索事件
+     */
+    var onCommonSearchHandle = function () {
+        if (!form) {
+            myMessage.info("组件需要接受表单实例form");
+            return;
+        }
+        ModalComponent.confirm({
+            icon: null,
+            title: currentCommonSearchKey ? "更新常用搜索" : "保存为常用搜索",
+            content: jsx(MyInput, { ref: iptRef }),
+            onOk: function () {
+                var _a, _b;
+                return __awaiter(this, void 0, void 0, function () {
+                    var currentCommonName, currentData, data;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                currentCommonName = (_a = iptRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
+                                if (!currentCommonName) {
+                                    myMessage.info("请输入常用搜索名称！");
+                                    return [2 /*return*/, Promise.reject(new Error("请输入常用搜索名称！"))];
+                                }
+                                currentData = form.getFieldsValue();
+                                console.log("当前表单数据", currentData);
+                                data = {
+                                    title: currentCommonName,
+                                    value: currentData,
+                                    key: currentCommonSearchKey || Date.now(),
+                                };
+                                _c.label = 1;
+                            case 1:
+                                _c.trys.push([1, 3, , 4]);
+                                return [4 /*yield*/, (setData === null || setData === void 0 ? void 0 : setData(data))];
+                            case 2:
+                                _c.sent();
+                                myMessage.info("保存成功！");
+                                (_b = iptRef.current) === null || _b === void 0 ? void 0 : _b.setValue("");
+                                return [3 /*break*/, 4];
+                            case 3:
+                                _c.sent();
+                                myMessage.info("保存常用搜索失败！");
+                                return [2 /*return*/, Promise.reject(new Error("保存常用搜索失败！"))];
+                            case 4: return [2 /*return*/];
+                        }
+                    });
+                });
+            },
+            onCancel: function () {
+                console.log("Cancel");
+            },
+        });
+        setTimeout(function () {
+            var _a;
+            if (!(commonSearchList === null || commonSearchList === void 0 ? void 0 : commonSearchList.length)) {
+                return;
+            }
+            var currentCommon = commonSearchList.find(function (item) { return item.key === currentCommonSearchKey; });
+            if (currentCommon) {
+                (_a = iptRef.current) === null || _a === void 0 ? void 0 : _a.setValue(currentCommon.title);
+            }
+        }, 0);
+    };
+    return {
+        onCommonSearchHandle: onCommonSearchHandle,
+    };
+}
+var MyInput = forwardRef(function (props, ref) {
+    var _a = useState(""), value = _a[0], setValue = _a[1];
+    var onChange = function (e) {
+        setValue(e.target.value);
+    };
+    useImperativeHandle(ref, function () { return ({
+        getValue: function () { return value; },
+        setValue: setValue,
+    }); });
+    return (jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5E38\u7528\u641C\u7D22\u540D\u79F0\uFF01", value: value, onChange: onChange }));
+});
+
+export { COMMON_SEARCH_KEY, useCommonSearch, useCommonSearchModal };

package/dist/es/formitem/formItem.d.ts

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { FormItemProps, FormInstance } from 'antd/lib/form';
 
 type IWidth = "half" | "double" | "all" | "halfAll" | number;
-interface IFormItem extends FormItemProps {
+interface IFormItem extends Omit<FormItemProps, "label"> {
     /**
      * 是否显示
      */
@@ -107,6 +107,15 @@ interface IFormItem extends FormItemProps {
      * 布局
      */
     directionColumn?: boolean;
+    /**
+     * 自定义label
+     */
+    label?: React__default.ReactNode | ((formInstance?: FormInstance<any>) => React__default.ReactNode);
+    /**
+     * 当label是一个函数，或者返回一个ReactNode节点时，提供一个纯字符串的label
+     * 作为一些提示词使用
+     */
+    labelString?: string;
 }
 declare const _default: React__default.NamedExoticComponent<IFormItem & {
     outsideState: any;

package/dist/es/formitem/formItem.js

@@ -5,12 +5,16 @@ import { Form, Col, Tooltip } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
 import '../config/ZtxkContext.js';
 import isEqual from '../config/isEqual.js';
+import '../config/MyStorage.js';
 import QuestionCircleOutlined from '../node_modules/@ant-design/icons/es/icons/QuestionCircleOutlined.js';
 
 var hiddenLabelCol = { span: 0 };
 var FormItem = function (props) {
-    var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, isStress = props.isStress, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, singleSelect = props.singleSelect, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; props.nonForm; var isCustomItem = props.isCustomItem, customStyle = props.customStyle, tipString = props.tipString, directionColumn = props.directionColumn, divider = props.divider, resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "isStress", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "singleSelect", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState", "nonForm", "isCustomItem", "customStyle", "tipString", "directionColumn", "divider"]);
+    var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, isStress = props.isStress, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, singleSelect = props.singleSelect, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; props.nonForm; var isCustomItem = props.isCustomItem, customStyle = props.customStyle, tipString = props.tipString, directionColumn = props.directionColumn, divider = props.divider, label = props.label; props.labelString; var resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "isStress", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "singleSelect", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState", "nonForm", "isCustomItem", "customStyle", "tipString", "directionColumn", "divider", "label", "labelString"]);
     var form = Form.useFormInstance();
+    var getLabel = function (formInstance) {
+        return typeof label === "function" ? label(formInstance) : label;
+    };
     // 根据配置属性，判断是否渲染表单项
     // 是否显示表单项
     if (isDisplay === false || isDisplay === "0") {
@@ -34,15 +38,22 @@ var FormItem = function (props) {
         // 如果找到了 直接替换之前的规则
         if (requiredIndex !== -1) {
             var message = (_a = rules[requiredIndex]) === null || _a === void 0 ? void 0 : _a.message;
+            if (typeof label === "function") {
+                var newLabel = getLabel(form);
+                message =
+                    typeof newLabel === "string" ? ("".concat(newLabel, " \u672A\u586B!")) : (jsxs("span", __assign({ style: { display: "inline-flex" } }, { children: [newLabel, " \u672A\u586B!"] })));
+            }
             rules.splice(requiredIndex, 1, {
                 required: isRequireBoolean,
                 message: message,
             });
         }
         else {
+            var newLabel = getLabel(form);
+            var newMessage = typeof newLabel === "string" ? ("".concat(newLabel, " \u672A\u586B!")) : (jsxs("span", __assign({ style: { display: "inline-flex" } }, { children: [newLabel, " \u672A\u586B!"] })));
             rules.unshift({
                 required: isRequireBoolean,
-                message: "".concat(resetProps.label, " \u672A\u586B!"),
+                message: newMessage,
             });
         }
         resetProps.rules = rules;
@@ -74,7 +85,7 @@ var FormItem = function (props) {
     }
     if (dependencies) {
         return (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, jsx(Form.Item, __assign({ dependencies: dependencies, noStyle: true }, { children: function (formInstance) {
-                        return (jsx(Form.Item, __assign({}, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) })));
+                        return (jsx(Form.Item, __assign({ label: getLabel(formInstance) }, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) })));
                     } })), nextNode ? nextNode : null] })));
     }
     if (shouldUpdate !== undefined || shouldUpdateNames) {
@@ -106,6 +117,9 @@ var FormItem = function (props) {
                     var isR = isRequired(form);
                     updateIsRequired(isR);
                 }
+                else if (typeof label === "function" && isRequired === true) {
+                    updateIsRequired(true);
+                }
                 if (typeof isChangeable === "function") {
                     var isC = isChangeable(form);
                     itemProps.disabled = !isC;
@@ -117,10 +131,10 @@ var FormItem = function (props) {
                         itemClasses = itemClasses.replace(" ztxk-form__item--disabled", "");
                     }
                 }
-                return resetProps.name ? (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, jsx(Form.Item, __assign({}, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) })), nextNode ? nextNode : null] }))) : (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, render && render(itemProps, formInstance), nextNode ? nextNode : null] })));
+                return resetProps.name ? (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, jsx(Form.Item, __assign({ label: getLabel(formInstance) }, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) })), nextNode ? nextNode : null] }))) : (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, render && render(itemProps, formInstance), nextNode ? nextNode : null] })));
             } })));
     }
-    return (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, jsx(Form.Item, __assign({}, resetProps, { className: itemClasses }, { children: render ? render(itemProps, form) : children })), nextNode ? nextNode : null] })));
+    return (jsxs(ItemWrap, __assign({ width: width, className: className, tipString: tipString }, { children: [preNode ? preNode : null, jsx(Form.Item, __assign({ label: getLabel(form) }, resetProps, { className: itemClasses }, { children: render ? render(itemProps, form) : children })), nextNode ? nextNode : null] })));
 };
 function getWidthNum(width) {
     if (typeof width === "number") {

package/dist/es/input/index.js

@@ -1,5 +1,5 @@
-import MemoInput from './input.js';
+import Input from './input.js';
 
 
 
-export { MemoInput as default };
+export { Input as default };