zmdms-webui 0.0.149 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/formitem/formItem.d.ts +4 -0
- package/dist/es/formitem/formItem.js +7 -4
- package/dist/es/formitem/index.css +1 -1
- package/dist/es/inputnumber/index.css +1 -0
- package/dist/es/inputnumber/inputNumber.d.ts +4 -0
- package/dist/es/inputnumber/inputNumber.js +14 -4
- package/dist/es/inputnumber/utils.js +4 -0
- package/dist/es/tree/hooks.js +5 -4
- package/dist/es/tree/tree.js +2 -2
- package/dist/es/zttransfer/CheckedResult.js +6 -6
- package/dist/es/zttransfer/Container.js +10 -7
- package/dist/es/zttransfer/SearchResult.js +13 -7
- package/dist/es/zttransfer/SelectContainer.js +4 -3
- package/dist/es/zttransfer/ZtTransfer.d.ts +2 -2
- package/dist/es/zttransfer/ZtTransfer.js +19 -4
- package/dist/es/zttransfer/context.js +12 -0
- package/dist/es/zttransfer/index.css +1 -1
- package/dist/es/zttransfer/index.d.ts +2 -2
- package/dist/es/zttransfer/interface.d.ts +8 -1
- package/dist/index.dark.css +1 -1
- package/dist/index.default.css +1 -1
- package/dist/index.es.js +1 -1
- package/package.json +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __rest, __assign } from '../_virtual/_tslib.js';
|
|
2
|
-
import {
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { memo } from 'react';
|
|
4
4
|
import classNames from '../node_modules/classnames/index.js';
|
|
5
5
|
import '../config/ZtxkContext.js';
|
|
@@ -10,8 +10,11 @@ import { Col, Tooltip } from 'antd';
|
|
|
10
10
|
|
|
11
11
|
var hiddenLabelCol = { span: 0 };
|
|
12
12
|
var FormItem = function (props) {
|
|
13
|
-
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, 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"]);
|
|
13
|
+
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"]);
|
|
14
14
|
var form = MemoForm.useFormInstance();
|
|
15
|
+
if (divider) {
|
|
16
|
+
return (jsx(ItemWrap, { width: width, className: className, tipString: tipString, style: { paddingBottom: 0 } }));
|
|
17
|
+
}
|
|
15
18
|
// 更新是否必填配置
|
|
16
19
|
var updateIsRequired = function (isRequired) {
|
|
17
20
|
var _a;
|
|
@@ -138,9 +141,9 @@ function getWidthNum(width) {
|
|
|
138
141
|
}
|
|
139
142
|
}
|
|
140
143
|
function ItemWrap(props) {
|
|
141
|
-
var className = props.className, children = props.children, width = props.width, tipString = props.tipString;
|
|
144
|
+
var className = props.className, children = props.children, width = props.width, tipString = props.tipString, style = props.style;
|
|
142
145
|
var itemClasses = classNames("ztxk-form__item--wrap", className);
|
|
143
|
-
return (jsxs(Col, __assign({ className: itemClasses, span: getWidthNum(width) }, { children: [children, tipString && (jsx(Tooltip, __assign({ title: tipString, className: "ztxk-form__item--wrap--tips" }, { children: jsx(QuestionCircleOutlined, {}) })))] })));
|
|
146
|
+
return (jsxs(Col, __assign({ className: itemClasses, span: getWidthNum(width), style: style }, { children: [children, tipString && (jsx(Tooltip, __assign({ title: tipString, className: "ztxk-form__item--wrap--tips" }, { children: jsx(QuestionCircleOutlined, {}) })))] })));
|
|
144
147
|
}
|
|
145
148
|
FormItem.displayName = "ZTXK_WEBUI_FormItem";
|
|
146
149
|
// export default FormItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ztxk-form__item--wrap{align-items:center;display:flex;padding-bottom:10px;padding-right:10px;position:relative}.ztxk-form__item--wrap .ztxk-form__item--wrap--tips{color:#f88;position:absolute;right:10px;top:2px}.ztxk-form__item--wrap .ant-form-item{margin-bottom:0}.ztxk-form__item--wrap .ant-form-item .ant-form-item-explain{display:none}.ztxk-form__item--wrap .ant-form-item .ant-picker-focused{box-shadow:none}.ztxk-form__item--wrap .ant-form-item .ant-select{margin-left:0}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:focus,.ztxk-form__item--wrap .ant-form-item .ant-input-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-number-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-number:focus,.ztxk-form__item--wrap .ant-form-item .ant-input:focus,.ztxk-form__item--wrap .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,.ztxk-form__item--wrap .ant-form-item .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}.ztxk-form__item--wrap .ant-form-item:focus-within .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-number,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-picker,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-radio-group,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-select-selector,.ztxk-form__item--wrap .ant-form-item:hover .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:hover .ant-input,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number,.ztxk-form__item--wrap .ant-form-item:hover .ant-picker,.ztxk-form__item--wrap .ant-form-item:hover .ant-radio-group,.ztxk-form__item--wrap .ant-form-item:hover .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-number-disabled,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number-disabled{border-color:#cdd9e6!important}.ztxk-form__item--wrap .ant-form-item:focus-within .ztxk-form--detault-dom,.ztxk-form__item--wrap .ant-form-item:hover .ztxk-form--detault-dom{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item .ant-input-number-disabled{background-color:#f5f5f5}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label{background-color:#fff;border:1px solid #cdd9e6;border-radius:4px 0 0 4px;border-right:0;color:#768696;font-size:12px;text-align:right;transition:border .3s}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label{font-size:12px;height:30px;line-height:30px;padding-left:6px}.ztxk-form__item--wrap .ant-form-item .ant-select-selector{border-left:none;border-radius:0 4px 4px 0}.ztxk-form__item--wrap .ant-form-item .ant-select-selector .ant-select-selection-item{width:100px}.ztxk-form__item--wrap .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper{border-left:none;border-radius:0 4px 4px 0}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper .ant-input{font-size:13px;height:auto}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:hover,.ztxk-form__item--wrap .ant-form-item .ant-input-number:hover{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-number{border-left:none;border-radius:0 4px 4px 0;height:32px;width:100%}.ztxk-form__item--wrap .ant-form-item .ant-input-number:focus{border-color:#1566d2;border-left:1px solid #1566d2}.ztxk-form__item--wrap .ant-form-item .ant-picker{border-left:none;border-radius:0 4px 4px 0;width:100%}.ztxk-form__item--wrap .ant-form-item .ant-picker.ant-picker-focused{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-picker .ant-picker-input>input{text-align:left}.ztxk-form__item--wrap .ant-form-item .ant-input{border-left:none;border-radius:0 4px 4px 0;height:32px}.ztxk-form__item--wrap .ant-form-item .ant-input-textarea .ant-input{height:auto}.ztxk-form__item--wrap .ant-form-item .ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-in-form-item:after{margin-bottom:0}.ztxk-form__item--wrap .ant-form-item .ant-select{width:100%}.ztxk-form__item--wrap .ant-form-item textarea{resize:none}.ztxk-form__item--wrap .ant-form-item .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item .ant-radio-group{align-items:center;border:1px solid #d9d9d9;border-left:none;border-radius:0 4px 4px 0;display:flex;min-height:32px;transition:all .3s}.ztxk-form__item--wrap .ant-form-item .ant-form-item-control{font-size:13px;width:calc(100% - 130px)}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label{background-color:none}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label>*,.ztxk-form__item--wrap .ant-form-item .ant-form-item-label>*{cursor:default}.ztxk-form__item--wrap .ant-form-item .ant-form-item-control-input-content,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper,.ztxk-form__item--wrap .ant-form-item .ant-picker{min-height:32px}.ztxk-form__item--wrap .ant-form-item .ant-select-selector,.ztxk-form__item--wrap .ant-form-item .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{min-height:32px;transition:all .3s}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:focus,.ztxk-form__item--wrap .ant-form-item .ant-input-focused,.ztxk-form__item--wrap .ant-form-item .ant-input:focus{border-color:#1566d2!important}.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:hover .ant-input,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-affix-wrapper,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number,.ztxk-form__item--wrap .ant-form-item:hover .ant-picker,.ztxk-form__item--wrap .ant-form-item:hover .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--direction-column{border:1px solid #cdd9e6;border-radius:4px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--direction-column:hover{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--direction-column>.ant-form-item-row{flex-direction:column}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-form-item-label{border:none;border-radius:4px;text-align:left}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-form-item-control{padding-left:10px;width:100%}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-input,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-select-selector{border:none}.ztxk-form__item--wrap .ztxk-form__item--direction-column textarea.ant-input:focus{box-shadow:none!important}.ztxk-form__item--wrap .ztxk-form__item{flex:1}.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--disabled .ztxk-form--detault-dom{background-color:#f5f5f5;cursor:not-allowed}.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label label>*,.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label>*,.ztxk-form__item--wrap .ztxk-form__item--disabled .ztxk-form--detault-dom>*{cursor:not-allowed}.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input-affix-wrapper,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-select-selector,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ztxk-form--detault-dom{border-color:#cdd9e6!important}.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input-affix-wrapper,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-radio-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-select-selector{border-left:1px solid #d9d9d9;border-radius:4px}.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-radio-group{padding-left:11px}.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-form-item-label label{border:none}.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-radio-group{border:none;min-height:32px}.ztxk-form__item--wrap .ztxk-form__item--single-select{color:red}.ztxk-form__item--wrap .ztxk-form__item--single-select .ant-form-item-control-input-content{background:#fff;border:none;line-height:32px;padding-left:11px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--single-show-border.pro-form__item--nolabel .ant-form-item-control-input-content{border-left:1px solid #d9d9d9;border-radius:4px}.ztxk-form__item--wrap .ztxk-form__item--single-show-border .ant-form-item-control-input-content{background:#fff;border:1px solid #d9d9d9;border-radius:4px;line-height:30px;padding-left:11px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--single-show-border .ant-form-item-control-input-content:hover{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--stress .ant-form-item-label label{color:#f88}.ztxk-form__item--wrap .ztxk-form__item--custom .ztxk-form--detault-dom{padding:2px 11px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input,.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input-number{border:1px solid #d9d9d9;border-radius:4px;height:26px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input-number-input{height:23px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector{border:1px solid #d9d9d9;border-radius:4px;height:26px;min-height:26px!important}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector .ant-select-selection-search-input{height:26px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector .ant-select-selection-item{line-height:23px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ztxk-form--detault-dom{padding:0 11px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input,.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input-number{border-bottom:none;border-radius:4px;border-top:none;height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input-number-input{height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector{border:1px solid #d9d9d9;border-bottom:none;border-radius:4px;border-top:none;height:30px;min-height:30px!important}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector .ant-select-selection-search-input{height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector .ant-select-selection-item{line-height:30px}
|
|
1
|
+
.ztxk-form__item--wrap{align-items:center;display:flex;padding-bottom:10px;padding-right:10px;position:relative}.ztxk-form__item--wrap .ztxk-form__item--wrap--tips{color:#f88;position:absolute;right:10px;top:2px}.ztxk-form__item--wrap .ant-form-item{margin-bottom:0}.ztxk-form__item--wrap .ant-form-item .ant-form-item-explain{display:none}.ztxk-form__item--wrap .ant-form-item .ant-picker-focused{box-shadow:none}.ztxk-form__item--wrap .ant-form-item .ant-select{margin-left:0}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:focus,.ztxk-form__item--wrap .ant-form-item .ant-input-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-number-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-number:focus,.ztxk-form__item--wrap .ant-form-item .ant-input:focus,.ztxk-form__item--wrap .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector,.ztxk-form__item--wrap .ant-form-item .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:none}.ztxk-form__item--wrap .ant-form-item:focus-within .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-number,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-picker,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-radio-group,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-select-selector,.ztxk-form__item--wrap .ant-form-item:hover .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:hover .ant-input,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number,.ztxk-form__item--wrap .ant-form-item:hover .ant-picker,.ztxk-form__item--wrap .ant-form-item:hover .ant-radio-group,.ztxk-form__item--wrap .ant-form-item:hover .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item:focus-within .ant-input-number-disabled,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number-disabled{border-color:#cdd9e6!important}.ztxk-form__item--wrap .ant-form-item:focus-within .ztxk-form--detault-dom,.ztxk-form__item--wrap .ant-form-item:hover .ztxk-form--detault-dom{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-disabled,.ztxk-form__item--wrap .ant-form-item .ant-input-number-disabled{background-color:#f5f5f5}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label{background-color:#fff;border:1px solid #cdd9e6;border-radius:4px 0 0 4px;border-right:0;color:#768696;font-size:12px;text-align:right;transition:border .3s}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label{font-size:12px;height:30px;line-height:30px;padding-left:6px}.ztxk-form__item--wrap .ant-form-item .ant-select-selector{border-left:none;border-radius:0 4px 4px 0}.ztxk-form__item--wrap .ant-form-item .ant-select-selector .ant-select-selection-item{width:100px}.ztxk-form__item--wrap .ant-form-item .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper{border-left:none;border-radius:0 4px 4px 0}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper .ant-input{font-size:13px;height:auto}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:hover,.ztxk-form__item--wrap .ant-form-item .ant-input-number:hover{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-input-number{border-left:none;border-radius:0 4px 4px 0;height:32px;width:100%}.ztxk-form__item--wrap .ant-form-item .ant-input-number:focus{border-color:#1566d2;border-left:1px solid #1566d2}.ztxk-form__item--wrap .ant-form-item .ant-picker{border-left:none;border-radius:0 4px 4px 0;width:100%}.ztxk-form__item--wrap .ant-form-item .ant-picker.ant-picker-focused{border-color:#1566d2}.ztxk-form__item--wrap .ant-form-item .ant-picker .ant-picker-input>input{text-align:left}.ztxk-form__item--wrap .ant-form-item .ant-input{border-left:none;border-radius:0 4px 4px 0;height:32px}.ztxk-form__item--wrap .ant-form-item .ant-input-textarea .ant-input{height:auto}.ztxk-form__item--wrap .ant-form-item .ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-in-form-item:after{margin-bottom:0}.ztxk-form__item--wrap .ant-form-item .ant-select{width:100%}.ztxk-form__item--wrap .ant-form-item textarea{resize:none}.ztxk-form__item--wrap .ant-form-item .ant-checkbox-group,.ztxk-form__item--wrap .ant-form-item .ant-radio-group{align-items:center;border:1px solid #d9d9d9;border-left:none;border-radius:0 4px 4px 0;display:flex;min-height:32px;transition:all .3s}.ztxk-form__item--wrap .ant-form-item .ant-form-item-control{font-size:13px;width:calc(100% - 130px)}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label{background-color:none}.ztxk-form__item--wrap .ant-form-item .ant-form-item-label label>*,.ztxk-form__item--wrap .ant-form-item .ant-form-item-label>*{cursor:default}.ztxk-form__item--wrap .ant-form-item .ant-form-item-control-input-content,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper,.ztxk-form__item--wrap .ant-form-item .ant-picker{min-height:32px}.ztxk-form__item--wrap .ant-form-item .ant-select-selector,.ztxk-form__item--wrap .ant-form-item .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{min-height:32px;transition:all .3s}.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper-focused,.ztxk-form__item--wrap .ant-form-item .ant-input-affix-wrapper:focus,.ztxk-form__item--wrap .ant-form-item .ant-input-focused,.ztxk-form__item--wrap .ant-form-item .ant-input:focus{border-color:#1566d2!important}.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label,.ztxk-form__item--wrap .ant-form-item:hover .ant-form-item-label label,.ztxk-form__item--wrap .ant-form-item:hover .ant-input,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-affix-wrapper,.ztxk-form__item--wrap .ant-form-item:hover .ant-input-number,.ztxk-form__item--wrap .ant-form-item:hover .ant-picker,.ztxk-form__item--wrap .ant-form-item:hover .ant-select-selector{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--direction-column{border:1px solid #cdd9e6;border-radius:4px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--direction-column:hover{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--direction-column>.ant-form-item-row{flex-direction:column}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-form-item-label{border:none;border-radius:4px;text-align:left}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-form-item-control{padding-left:10px;width:100%}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-input,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-select-selector{border:none}.ztxk-form__item--wrap .ztxk-form__item--direction-column .ant-input-number .ant-input-number-handler-wrap>span{border-top:1px solid #d9d9d9}.ztxk-form__item--wrap .ztxk-form__item--direction-column textarea.ant-input:focus{box-shadow:none!important}.ztxk-form__item--wrap .ztxk-form__item{flex:1}.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--disabled .ztxk-form--detault-dom{background-color:#f5f5f5;cursor:not-allowed}.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label label>*,.ztxk-form__item--wrap .ztxk-form__item--disabled .ant-form-item-label>*,.ztxk-form__item--wrap .ztxk-form__item--disabled .ztxk-form--detault-dom>*{cursor:not-allowed}.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input-affix-wrapper,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ant-select-selector,.ztxk-form__item--wrap .ztxk-form__item--disabled:hover .ztxk-form--detault-dom{border-color:#cdd9e6!important}.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-form-item-label label,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input-affix-wrapper,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-input-number,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-picker,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-radio-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-select-selector{border-left:1px solid #d9d9d9;border-radius:4px}.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-label .ant-radio-group{padding-left:11px}.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-form-item-label,.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-form-item-label label{border:none}.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-checkbox-group,.ztxk-form__item--wrap .ztxk-form__item--hidden-border .ant-radio-group{border:none;min-height:32px}.ztxk-form__item--wrap .ztxk-form__item--single-select{color:red}.ztxk-form__item--wrap .ztxk-form__item--single-select .ant-form-item-control-input-content{background:#fff;border:none;line-height:32px;padding-left:11px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--single-show-border.pro-form__item--nolabel .ant-form-item-control-input-content{border-left:1px solid #d9d9d9;border-radius:4px}.ztxk-form__item--wrap .ztxk-form__item--single-show-border .ant-form-item-control-input-content{background:#fff;border:1px solid #d9d9d9;border-radius:4px;line-height:30px;padding-left:11px;transition:border .3s}.ztxk-form__item--wrap .ztxk-form__item--single-show-border .ant-form-item-control-input-content:hover{border-color:#1566d2}.ztxk-form__item--wrap .ztxk-form__item--stress .ant-form-item-label label{color:#f88}.ztxk-form__item--wrap .ztxk-form__item--custom .ztxk-form--detault-dom{padding:2px 11px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input,.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input-number{border:1px solid #d9d9d9;border-radius:4px;height:26px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-input-number-input{height:23px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector{border:1px solid #d9d9d9;border-radius:4px;height:26px;min-height:26px!important}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector .ant-select-selection-search-input{height:26px}.ztxk-form__item--wrap .ztxk-form__item--custom .ant-select-selector .ant-select-selection-item{line-height:23px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ztxk-form--detault-dom{padding:0 11px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input,.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input-number{border-bottom:none;border-radius:4px;border-top:none;height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-input-number-input{height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector{border:1px solid #d9d9d9;border-bottom:none;border-radius:4px;border-top:none;height:30px;min-height:30px!important}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector .ant-select-selection-search-input{height:30px}.ztxk-form__item--wrap .ztxk-form__item--custom-fill .ant-select-selector .ant-select-selection-item{line-height:30px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ant-input-number-affix-wrapper{background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;color:#000000a6;display:inline-block;display:inline-flex;font-size:14px;line-height:1.5715;min-width:0;padding:0;padding-inline-start:11px;position:relative;transition:all .3s;width:100%;width:90px}.ant-input-number-affix-wrapper::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-input-number-affix-wrapper:placeholder-shown{text-overflow:ellipsis}.ant-input-number-affix-wrapper:hover{border-color:#879fff;border-right-width:1px}.ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper:focus{border-color:#879fff;border-right-width:1px;box-shadow:0 0 0 2px #5b76f633;outline:0}.ant-input-number-affix-wrapper-disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-input-number-affix-wrapper-disabled:hover{border-color:#d9d9d9;border-right-width:1px}.ant-input-number-affix-wrapper[disabled]{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-input-number-affix-wrapper[disabled]:hover{border-color:#d9d9d9;border-right-width:1px}.ant-input-number-affix-wrapper-borderless,.ant-input-number-affix-wrapper-borderless-disabled,.ant-input-number-affix-wrapper-borderless-focused,.ant-input-number-affix-wrapper-borderless:focus,.ant-input-number-affix-wrapper-borderless:hover,.ant-input-number-affix-wrapper-borderless[disabled]{background-color:initial;border:none;box-shadow:none}textarea.ant-input-number-affix-wrapper{height:auto;line-height:1.5715;max-width:100%;min-height:32px;transition:all .3s,height 0s;vertical-align:bottom}.ant-input-number-affix-wrapper-lg{font-size:16px;padding:6.5px 11px}.ant-input-number-affix-wrapper-sm{padding:0 7px}.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover{border-color:#879fff;border-right-width:1px;z-index:1}.ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper:focus{z-index:1}.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled]{background:#0000}.ant-input-number-affix-wrapper>div.ant-input-number{border:none;outline:none;width:100%}.ant-input-number-affix-wrapper>div.ant-input-number.ant-input-number-focused{box-shadow:none!important}.ant-input-number-affix-wrapper input.ant-input-number-input{padding:0}.ant-input-number-affix-wrapper:before{content:"\a0";display:inline-block;visibility:hidden;width:0}.ant-input-number-affix-wrapper .ant-input-number-handler-wrap{z-index:2}.ant-input-number-prefix,.ant-input-number-suffix{align-items:center;display:flex;flex:none;pointer-events:none}.ant-input-number-prefix{margin-inline-end:4px}.ant-input-number-suffix{height:100%;margin-left:4px;margin-right:11px;position:absolute;right:0;top:0;z-index:1}.ant-input-number-group-wrapper .ant-input-number-affix-wrapper{width:100%}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover{background:#fff;border-color:#ff4d4f}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused,.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus{border-color:#ff7875;border-right-width:1px;box-shadow:0 0 0 2px #ff4d4f33;outline:0}.ant-input-number-status-error .ant-input-number-prefix{color:#ff4d4f}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover{background:#fff;border-color:#faad14}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused,.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus{border-color:#ffc53d;border-right-width:1px;box-shadow:0 0 0 2px #faad1433;outline:0}.ant-input-number-status-warning .ant-input-number-prefix{color:#faad14}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover{background:#fff;border-color:#ff4d4f}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus{border-color:#ff7875;border-right-width:1px;box-shadow:0 0 0 2px #ff4d4f33;outline:0}.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix{color:#ff4d4f}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover{background:#fff;border-color:#faad14}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus{border-color:#ffc53d;border-right-width:1px;box-shadow:0 0 0 2px #faad1433;outline:0}.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix{color:#faad14}.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon{border-color:#ff4d4f;color:#ff4d4f}.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon{border-color:#faad14;color:#faad14}.ant-input-number{font-feature-settings:"tnum";background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;color:#000000a6;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;min-width:0;padding:0;position:relative;transition:all .3s;width:100%;width:90px}.ant-input-number::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-input-number:placeholder-shown{text-overflow:ellipsis}.ant-input-number-focused,.ant-input-number:focus{border-color:#879fff;border-right-width:1px;box-shadow:0 0 0 2px #5b76f633;outline:0}.ant-input-number[disabled]{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px}.ant-input-number-borderless,.ant-input-number-borderless-disabled,.ant-input-number-borderless-focused,.ant-input-number-borderless:focus,.ant-input-number-borderless:hover,.ant-input-number-borderless[disabled]{background-color:initial;border:none;box-shadow:none}textarea.ant-input-number{height:auto;line-height:1.5715;max-width:100%;min-height:32px;transition:all .3s,height 0s;vertical-align:bottom}.ant-input-number-lg{padding:6.5px 11px}.ant-input-number-sm{padding:0 7px}.ant-input-number-group{font-feature-settings:"tnum";border-collapse:initial;border-spacing:0;box-sizing:border-box;color:#000000a6;display:table;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0;position:relative;width:100%}.ant-input-number-group[class*=col-]{float:none;padding-left:0;padding-right:0}.ant-input-number-group>[class*=col-]{padding-right:8px}.ant-input-number-group>[class*=col-]:last-child{padding-right:0}.ant-input-number-group-addon,.ant-input-number-group-wrap,.ant-input-number-group>.ant-input-number{display:table-cell}.ant-input-number-group-addon:not(:first-child):not(:last-child),.ant-input-number-group-wrap:not(:first-child):not(:last-child),.ant-input-number-group>.ant-input-number:not(:first-child):not(:last-child){border-radius:0}.ant-input-number-group-addon,.ant-input-number-group-wrap{vertical-align:middle;white-space:nowrap;width:1px}.ant-input-number-group-wrap>*{display:block!important}.ant-input-number-group .ant-input-number{float:left;margin-bottom:0;text-align:inherit;width:100%}.ant-input-number-group .ant-input-number:focus,.ant-input-number-group .ant-input-number:hover{border-right-width:1px;z-index:1}.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover{z-index:0}.ant-input-number-group-addon{background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;color:#000000a6;font-size:14px;font-weight:400;padding:0 11px;position:relative;text-align:center;transition:all .3s}.ant-input-number-group-addon .ant-select{margin:-5px -11px}.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid #0000;box-shadow:none}.ant-input-number-group-addon .ant-select-focused .ant-select-selector,.ant-input-number-group-addon .ant-select-open .ant-select-selector{color:#5b76f6}.ant-input-number-group-addon .ant-cascader-picker{background-color:initial;margin:-9px -12px}.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input{border:0;box-shadow:none;text-align:left}.ant-input-number-group-addon:first-child,.ant-input-number-group-addon:first-child .ant-select .ant-select-selector,.ant-input-number-group>.ant-input-number:first-child,.ant-input-number-group>.ant-input-number:first-child .ant-select .ant-select-selector{border-bottom-right-radius:0;border-top-right-radius:0}.ant-input-number-group>.ant-input-number-affix-wrapper:not(:first-child) .ant-input-number{border-bottom-left-radius:0;border-top-left-radius:0}.ant-input-number-group>.ant-input-number-affix-wrapper:not(:last-child) .ant-input-number{border-bottom-right-radius:0;border-top-right-radius:0}.ant-input-number-group-addon:first-child{border-right:0}.ant-input-number-group-addon:last-child{border-left:0}.ant-input-number-group-addon:last-child,.ant-input-number-group-addon:last-child .ant-select .ant-select-selector,.ant-input-number-group>.ant-input-number:last-child,.ant-input-number-group>.ant-input-number:last-child .ant-select .ant-select-selector{border-bottom-left-radius:0;border-top-left-radius:0}.ant-input-number-group-lg .ant-input-number,.ant-input-number-group-lg>.ant-input-number-group-addon{font-size:16px;padding:6.5px 11px}.ant-input-number-group-sm .ant-input-number,.ant-input-number-group-sm>.ant-input-number-group-addon{padding:0 7px}.ant-input-number-group-lg .ant-select-single .ant-select-selector{height:40px}.ant-input-number-group-sm .ant-select-single .ant-select-selector{height:24px}.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child){border-bottom-left-radius:2px;border-top-left-radius:2px}.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.ant-input-number-group.ant-input-number-group-compact{display:block}.ant-input-number-group.ant-input-number-group-compact:before{content:"";display:table}.ant-input-number-group.ant-input-number-group-compact:after{clear:both;content:"";display:table}.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child){border-right-width:1px}.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):hover{z-index:1}.ant-input-number-group.ant-input-number-group-compact>*{border-radius:0;display:inline-block;float:none;vertical-align:top}.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-affix-wrapper,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-number-affix-wrapper,.ant-input-number-group.ant-input-number-group-compact>.ant-picker-range{display:inline-flex}.ant-input-number-group.ant-input-number-group-compact>:not(:last-child){border-right-width:1px;margin-right:-1px}.ant-input-number-group.ant-input-number-group-compact .ant-input-number{float:none}.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector{border-radius:0;border-right-width:1px}.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-select-focused,.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-arrow,.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:hover{z-index:1}.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>:first-child{border-bottom-left-radius:2px;border-top-left-radius:2px}.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-number-group.ant-input-number-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>:last-child{border-bottom-right-radius:2px;border-right-width:1px;border-top-right-radius:2px}.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input{vertical-align:top}.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper{margin-left:-1px}.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper,.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button{border-radius:0}.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:2px 0 0 2px}.ant-input-number-group>.ant-input-number-rtl:first-child{border-radius:0 2px 2px 0}.ant-input-number-group>.ant-input-number-rtl:last-child{border-radius:2px 0 0 2px}.ant-input-number-group-rtl .ant-input-number-group-addon:first-child{border-left:0;border-radius:0 2px 2px 0;border-right:1px solid #d9d9d9}.ant-input-number-group-rtl .ant-input-number-group-addon:last-child{border-left:1px solid #d9d9d9;border-radius:2px 0 0 2px;border-right:0}.ant-input-number-group-wrapper{display:inline-block;text-align:start;vertical-align:top}.ant-input-number-handler{border-left:1px solid #d9d9d9;color:#00000073;display:block;font-weight:700;height:50%;line-height:0;overflow:hidden;position:relative;text-align:center;transition:all .1s linear;width:100%}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#879fff}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:inherit;color:#00000073;display:inline-flex;font-style:normal;height:12px;line-height:0;line-height:12px;position:absolute;right:4px;text-align:center;text-rendering:optimizelegibility;text-transform:none;transition:all .1s linear;-webkit-user-select:none;user-select:none;vertical-align:-.125em;width:12px}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner:before,.ant-input-number-handler-up-inner:before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon{display:block}.ant-input-number:hover{border-color:#879fff;border-right-width:1px}.ant-input-number:hover+.ant-form-item-children-icon{opacity:0;transition:opacity .24s linear .24s}.ant-input-number-focused{border-color:#879fff;border-right-width:1px;box-shadow:0 0 0 2px #5b76f633;outline:0}.ant-input-number-disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:#00000040;cursor:not-allowed;opacity:1}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap{display:none}.ant-input-number-input{appearance:textfield!important;background-color:initial;border:0;border-radius:2px;height:30px;outline:0;padding:0 11px;text-align:left;transition:all .3s linear;width:100%}.ant-input-number-input::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-input-number-input:placeholder-shown{text-overflow:ellipsis}.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.ant-input-number-lg{font-size:16px;padding:0}.ant-input-number-lg input{height:38px}.ant-input-number-sm{padding:0}.ant-input-number-sm input{height:22px;padding:0 7px}.ant-input-number-handler-wrap{background:#fff;border-radius:0 2px 2px 0;height:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s linear .1s;width:22px}.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{align-items:center;display:flex;font-size:7px;justify-content:center;margin-right:0;min-width:auto}.ant-input-number-borderless .ant-input-number-handler-wrap{border-left-width:0}.ant-input-number-handler-wrap:hover .ant-input-number-handler{height:40%}.ant-input-number-focused .ant-input-number-handler-wrap,.ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.ant-input-number-handler-up{border-top-right-radius:2px;cursor:pointer}.ant-input-number-handler-up-inner{margin-top:-5px;text-align:center;top:50%}.ant-input-number-handler-up:hover{height:60%!important}.ant-input-number-handler-down{border-bottom-right-radius:2px;border-top:1px solid #d9d9d9;cursor:pointer;top:0}.ant-input-number-handler-down-inner{text-align:center;top:50%;transform:translateY(-50%)}.ant-input-number-handler-down:hover{height:60%!important}.ant-input-number-borderless .ant-input-number-handler-down{border-top-width:0}.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down,.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down{border-top:1px solid #d9d9d9}.ant-input-number-handler-down-disabled,.ant-input-number-handler-up-disabled{cursor:not-allowed}.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner{color:#00000040}.ant-input-number-borderless{box-shadow:none}.ant-input-number-out-of-range input{color:#ff4d4f}.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl){margin-right:-1px}.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl{margin-left:-1px}.ant-input-number-compact-item.ant-input-number-focused,.ant-input-number-compact-item:active,.ant-input-number-compact-item:focus,.ant-input-number-compact-item:hover{z-index:2}.ant-input-number-compact-item[disabled]{z-index:0}.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number{border-radius:0}.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl){border-bottom-right-radius:0;border-top-right-radius:0}.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item),.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl){border-bottom-left-radius:0;border-top-left-radius:0}.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item){border-bottom-right-radius:0;border-top-right-radius:0}.ant-input-number-rtl{direction:rtl}.ant-input-number-rtl .ant-input-number-handler{border-left:0;border-right:1px solid #d9d9d9}.ant-input-number-rtl .ant-input-number-handler-wrap{left:0;right:auto}.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap{border-right-width:0}.ant-input-number-rtl .ant-input-number-handler-up{border-top-right-radius:0}.ant-input-number-rtl .ant-input-number-handler-down{border-bottom-right-radius:0}.ant-input-number-rtl .ant-input-number-input{direction:ltr;text-align:right}.ztxk-input-number-leftRight{position:relative}.ztxk-input-number-leftRight:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down{border-top:none}.ztxk-input-number-leftRight .ant-input-number-input{padding:0 24px}.ztxk-input-number-leftRight .ant-input-number-handler-wrap{height:0;position:static}.ztxk-input-number-leftRight .ant-input-number-handler-wrap>span{height:100%!important;position:absolute;width:22px}.ztxk-input-number-leftRight .ant-input-number-handler-wrap>span:hover{height:100%!important}.ztxk-input-number-leftRight .ant-input-number-handler-wrap .ant-input-number-handler-up{border-top:none;right:0}.ztxk-input-number-leftRight .ant-input-number-handler-wrap .ant-input-number-handler-down{border-right:1px solid #d9d9d9;border-top:none;left:0}
|
|
@@ -14,6 +14,10 @@ interface IInputNumberProps extends InputNumberProps {
|
|
|
14
14
|
* 货币转换符号
|
|
15
15
|
*/
|
|
16
16
|
currencySymbol?: ICurrencySymbol;
|
|
17
|
+
/**
|
|
18
|
+
* 根据需求,需要将加减符号的逻辑修改一下
|
|
19
|
+
*/
|
|
20
|
+
leftRightStyle?: boolean;
|
|
17
21
|
}
|
|
18
22
|
declare const _default: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IInputNumberProps & React__default.RefAttributes<unknown>>>;
|
|
19
23
|
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __assign, __rest } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, forwardRef, useRef } from 'react';
|
|
4
4
|
import { InputNumber as InputNumber$2 } from 'antd';
|
|
5
5
|
import { getFormatter } from './utils.js';
|
|
6
|
+
import classNames from '../node_modules/classnames/index.js';
|
|
7
|
+
import ButtonCom from '../button/button.js';
|
|
6
8
|
|
|
9
|
+
var controls = {
|
|
10
|
+
upIcon: jsx(ButtonCom, __assign({ type: "link" }, { children: "+" })),
|
|
11
|
+
downIcon: jsx(ButtonCom, __assign({ type: "link" }, { children: "-" })),
|
|
12
|
+
};
|
|
7
13
|
var InputNumber = function (props, ref) {
|
|
8
|
-
var formatterType = props.formatterType, currencySymbol = props.currencySymbol, formatter = props.formatter, parser = props.parser, precision = props.precision, onBlur = props.onBlur, onFocus = props.onFocus, resetProps = __rest(props, ["formatterType", "currencySymbol", "formatter", "parser", "precision", "onBlur", "onFocus"]);
|
|
14
|
+
var formatterType = props.formatterType, currencySymbol = props.currencySymbol, formatter = props.formatter, parser = props.parser, precision = props.precision, onBlur = props.onBlur, onFocus = props.onFocus, _a = props.leftRightStyle, leftRightStyle = _a === void 0 ? true : _a, className = props.className, resetProps = __rest(props, ["formatterType", "currencySymbol", "formatter", "parser", "precision", "onBlur", "onFocus", "leftRightStyle", "className"]);
|
|
9
15
|
// 元素是否获得焦点
|
|
10
16
|
// 用来处理formatter优先级比precision高的问题
|
|
11
17
|
var isFocusRef = useRef(false);
|
|
12
|
-
var
|
|
18
|
+
var _b = getFormatter(formatterType, currencySymbol, isFocusRef, precision), _formatter = _b.formatter, _parser = _b.parser, _precision = _b.precision;
|
|
13
19
|
var onBlurHandle = function (e) {
|
|
14
20
|
isFocusRef.current = false;
|
|
15
21
|
onBlur && onBlur(e);
|
|
@@ -18,7 +24,11 @@ var InputNumber = function (props, ref) {
|
|
|
18
24
|
isFocusRef.current = true;
|
|
19
25
|
onFocus && onFocus(e);
|
|
20
26
|
};
|
|
21
|
-
|
|
27
|
+
var classes = classNames(className, {
|
|
28
|
+
// "ant-input-number-focused": leftRightStyle,
|
|
29
|
+
"ztxk-input-number-leftRight": leftRightStyle,
|
|
30
|
+
});
|
|
31
|
+
return (jsx(InputNumber$2, __assign({ formatter: formatter || _formatter, parser: parser || _parser, precision: precision !== null && precision !== void 0 ? precision : _precision, onBlur: onBlurHandle, onFocus: onFocusHandle, className: classes, controls: leftRightStyle ? controls : undefined }, resetProps, { ref: ref })));
|
|
22
32
|
};
|
|
23
33
|
InputNumber.displayName = "ZTXK_WEBUI_InputNumber";
|
|
24
34
|
var InputNumber$1 = memo(forwardRef(InputNumber));
|
|
@@ -123,6 +123,10 @@ function getFormatter(formatterType, currencySymbol, isFocusRef, precision) {
|
|
|
123
123
|
return getValue(value, isFocusRef, precision);
|
|
124
124
|
},
|
|
125
125
|
parser: function (value) {
|
|
126
|
+
// 替换 。号
|
|
127
|
+
value = value.replace(/。/g, ".");
|
|
128
|
+
// 替换多个小数点
|
|
129
|
+
value = value.replace(/\.{2,}/g, ".");
|
|
126
130
|
return saveSafeInteger(value, precision);
|
|
127
131
|
},
|
|
128
132
|
precision: precision,
|
package/dist/es/tree/hooks.js
CHANGED
|
@@ -78,14 +78,15 @@ function useSearchHandle(props) {
|
|
|
78
78
|
}
|
|
79
79
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
80
80
|
}, [debouncedValue]);
|
|
81
|
-
|
|
81
|
+
var result = {
|
|
82
82
|
onSearchHandle: searchMode === "click" ? onSearchHandle : undefined,
|
|
83
83
|
onChangeHandle: searchMode === "change" ? onChangeHandle : undefined,
|
|
84
84
|
searchValue: searchMode === "change" ? searchValue : undefined,
|
|
85
|
-
onExpand: onExpand,
|
|
86
|
-
expandedKeys: expandedKeys,
|
|
87
|
-
autoExpandParent: autoExpandParent,
|
|
88
85
|
};
|
|
86
|
+
if (searchType) {
|
|
87
|
+
result = __assign(__assign({}, result), { onExpand: searchType ? onExpand : undefined, expandedKeys: expandedKeys, autoExpandParent: autoExpandParent });
|
|
88
|
+
}
|
|
89
|
+
return result;
|
|
89
90
|
}
|
|
90
91
|
/**
|
|
91
92
|
* 懒加载搜索一次性获取 直接展开所有元素
|
package/dist/es/tree/tree.js
CHANGED
|
@@ -36,7 +36,7 @@ var Tree = function (props, ref) {
|
|
|
36
36
|
searchType: searchType,
|
|
37
37
|
onSearch: onSearch,
|
|
38
38
|
searchMode: searchMode,
|
|
39
|
-
}), onSearchHandle = _f.onSearchHandle, onChangeHandle = _f.onChangeHandle, searchValue = _f.searchValue,
|
|
39
|
+
}), onSearchHandle = _f.onSearchHandle, onChangeHandle = _f.onChangeHandle, searchValue = _f.searchValue, expandProps = __rest(_f, ["onSearchHandle", "onChangeHandle", "searchValue"]);
|
|
40
40
|
var _g = useLazySearchExpands(lazySearchTreeData), lazySearchExpandedKeys = _g.expandedKeys, lazySearchAutoExpandParent = _g.autoExpandParent, lazySearchOnExpand = _g.onExpand;
|
|
41
41
|
var showLazySearchTreeData = !!(searchType === "lazy" && searchValue);
|
|
42
42
|
useImperativeHandle(ref, function () {
|
|
@@ -51,7 +51,7 @@ var Tree = function (props, ref) {
|
|
|
51
51
|
? Array.isArray(checkedKeys)
|
|
52
52
|
? checkedKeys.length
|
|
53
53
|
: (_a = checkedKeys.checked) === null || _a === void 0 ? void 0 : _a.length
|
|
54
|
-
: 0, "\u9879"] })) : null, searchType === "lazy" && (jsx(Tree$1, __assign({ treeData: lazySearchTreeData, className: showLazySearchTreeData ? "" : "ztxk-tree--hidden", defaultExpandAll: true, expandedKeys: lazySearchExpandedKeys, autoExpandParent: lazySearchAutoExpandParent, onExpand: lazySearchOnExpand, onCheck: onCheckHandle, onSelect: onSelectHandle }, resetProps))), jsx(Tree$1, __assign({
|
|
54
|
+
: 0, "\u9879"] })) : null, searchType === "lazy" && (jsx(Tree$1, __assign({ treeData: lazySearchTreeData, className: showLazySearchTreeData ? "" : "ztxk-tree--hidden", defaultExpandAll: true, expandedKeys: lazySearchExpandedKeys, autoExpandParent: lazySearchAutoExpandParent, onExpand: lazySearchOnExpand, onCheck: onCheckHandle, onSelect: onSelectHandle }, resetProps))), jsx(Tree$1, __assign({}, expandProps, { treeData: treeData, loadData: loadData, className: showLazySearchTreeData ? "ztxk-tree--hidden" : "", style: treeStyle, onCheck: onCheckHandle, onSelect: onSelectHandle }, resetProps))] })));
|
|
55
55
|
};
|
|
56
56
|
var MemoTree = memo(forwardRef(Tree));
|
|
57
57
|
MemoTree.displayName = "ZTXK_WEBUI_Tree";
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { memo } from 'react';
|
|
3
|
+
import { memo, useContext } from 'react';
|
|
4
|
+
import { ZtTransferContext } from './context.js';
|
|
4
5
|
import CloseOutlined from '../node_modules/@ant-design/icons/es/icons/CloseOutlined.js';
|
|
5
6
|
|
|
6
|
-
//
|
|
7
|
-
// 分为单选搜索结果
|
|
8
|
-
// 多选搜索结果
|
|
7
|
+
// 选中结果
|
|
9
8
|
var CheckedResult = function (_a) {
|
|
10
9
|
var dataList = _a.dataList, onClearIndex = _a.onClearIndex, parseCheckedItem = _a.parseCheckedItem;
|
|
10
|
+
var _b = useContext(ZtTransferContext).fieldNames, key = _b.key, title = _b.title, describe = _b.describe;
|
|
11
11
|
return (jsx("div", __assign({ className: "checked-result--list" }, { children: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (item, index) {
|
|
12
12
|
var newItem = parseCheckedItem ? parseCheckedItem(item, index) : item;
|
|
13
|
-
return (jsxs("div", __assign({ className: "checked-result--item" }, { children: [jsx("p", __assign({ className: "checked-result--item__title" }, { children: newItem
|
|
13
|
+
return (jsxs("div", __assign({ className: "checked-result--item" }, { children: [jsx("p", __assign({ className: "checked-result--item__title" }, { children: newItem === null || newItem === void 0 ? void 0 : newItem[title] })), jsx("p", __assign({ className: "checked-result--item__describe" }, { children: newItem === null || newItem === void 0 ? void 0 : newItem[describe] })), jsx(CloseOutlined, { className: "checked-reslt--item__clear", onClick: function () {
|
|
14
14
|
onClearIndex && onClearIndex(index, newItem);
|
|
15
|
-
} })] }), newItem
|
|
15
|
+
} })] }), newItem === null || newItem === void 0 ? void 0 : newItem[key]));
|
|
16
16
|
}) })));
|
|
17
17
|
};
|
|
18
18
|
var CheckedResult$1 = memo(CheckedResult);
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import { useCallback } from 'react';
|
|
3
|
+
import { memo, useContext, useCallback } from 'react';
|
|
4
4
|
import SelectContainer from './SelectContainer.js';
|
|
5
5
|
import CheckedResult from './CheckedResult.js';
|
|
6
|
+
import { ZtTransferContext } from './context.js';
|
|
6
7
|
|
|
7
8
|
var Container = function (props) {
|
|
8
9
|
var _a = props.mode, mode = _a === void 0 ? "multiple" : _a, value = props.value, completeValue = props.completeValue, onChange = props.onChange, onSearch = props.onSearch, parseCheckedItem = props.parseCheckedItem, parseSearchItem = props.parseSearchItem, children = props.children;
|
|
10
|
+
var key = useContext(ZtTransferContext).fieldNames.key;
|
|
9
11
|
// 删除已选中
|
|
10
12
|
var onClearIndex = useCallback(function (index, item) {
|
|
11
13
|
var newValue = value.slice();
|
|
@@ -23,19 +25,20 @@ var Container = function (props) {
|
|
|
23
25
|
}
|
|
24
26
|
// 从已选中过滤当前选中
|
|
25
27
|
var filterSearchValue_1 = searchValue.filter(function (id) { return !(value === null || value === void 0 ? void 0 : value.includes(id)); });
|
|
26
|
-
var filterSearchCompleteValue = searchCompleteValue.filter(function (item) { return filterSearchValue_1 === null || filterSearchValue_1 === void 0 ? void 0 : filterSearchValue_1.includes(item
|
|
28
|
+
var filterSearchCompleteValue = searchCompleteValue.filter(function (item) { return filterSearchValue_1 === null || filterSearchValue_1 === void 0 ? void 0 : filterSearchValue_1.includes(item === null || item === void 0 ? void 0 : item[key]); });
|
|
27
29
|
var newValue = (value === null || value === void 0 ? void 0 : value.slice()) || [];
|
|
28
30
|
var newCompleteValue = (completeValue === null || completeValue === void 0 ? void 0 : completeValue.slice()) || [];
|
|
29
|
-
newValue = newValue.filter(function (item) { return !(deleteValue === null || deleteValue === void 0 ? void 0 : deleteValue.find(function (i) { return i
|
|
30
|
-
newCompleteValue = newCompleteValue.filter(function (item) { return !(deleteValue === null || deleteValue === void 0 ? void 0 : deleteValue.find(function (i) { return i
|
|
31
|
+
newValue = newValue.filter(function (item) { return !(deleteValue === null || deleteValue === void 0 ? void 0 : deleteValue.find(function (i) { return (i === null || i === void 0 ? void 0 : i[key]) === item; })); });
|
|
32
|
+
newCompleteValue = newCompleteValue.filter(function (item) { return !(deleteValue === null || deleteValue === void 0 ? void 0 : deleteValue.find(function (i) { return (i === null || i === void 0 ? void 0 : i[key]) === item[key]; })); });
|
|
31
33
|
newValue.push.apply(newValue, filterSearchValue_1);
|
|
32
34
|
newCompleteValue.push.apply(newCompleteValue, filterSearchCompleteValue);
|
|
33
35
|
onChange && onChange(newValue, newCompleteValue);
|
|
34
36
|
}
|
|
35
|
-
}, [mode, value, completeValue, onChange]);
|
|
37
|
+
}, [mode, value, completeValue, onChange, key]);
|
|
36
38
|
return (jsx("div", __assign({ className: "container" }, { children: mode === "multiple" ? (jsxs(Fragment, { children: [jsx(SelectContainer, __assign({ title: "\u53EF\u9009", onSearch: onSearch, parseSearchItem: parseSearchItem, value: value, onChange: onSearchChange, mode: mode }, { children: children ? (children({ value: value, completeValue: completeValue, onChange: onChange })) : (jsx("div", { children: "1" })) })), jsx(SelectContainer, __assign({ title: "\u5DF2\u9009", checkedLength: (value === null || value === void 0 ? void 0 : value.length) || 0, allowClear: true, onClear: function () {
|
|
37
39
|
onChange && onChange([], []);
|
|
38
40
|
} }, { children: jsx(CheckedResult, { dataList: completeValue, parseCheckedItem: parseCheckedItem, onClearIndex: onClearIndex }) }))] })) : (jsx(SelectContainer, __assign({ onSearch: onSearch, parseSearchItem: parseSearchItem, value: value, onChange: onSearchChange, mode: mode }, { children: children ? (children({ value: value, completeValue: completeValue, onChange: onChange })) : (jsx("div", { children: "1" })) }))) })));
|
|
39
|
-
};
|
|
41
|
+
};
|
|
42
|
+
var Container$1 = memo(Container);
|
|
40
43
|
|
|
41
|
-
export { Container as default };
|
|
44
|
+
export { Container$1 as default };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { memo, useContext } from 'react';
|
|
4
|
+
import { ZtTransferContext } from './context.js';
|
|
3
5
|
import { Radio, Checkbox } from 'antd';
|
|
4
6
|
|
|
5
7
|
// 搜索结果
|
|
@@ -7,21 +9,25 @@ import { Radio, Checkbox } from 'antd';
|
|
|
7
9
|
// 多选搜索结果
|
|
8
10
|
var SearchResult = function (_a) {
|
|
9
11
|
var mode = _a.mode, dataList = _a.dataList, value = _a.value, onChange = _a.onChange;
|
|
12
|
+
var _b = useContext(ZtTransferContext).fieldNames, key = _b.key, title = _b.title, describe = _b.describe;
|
|
10
13
|
return mode === "single" ? (jsx(Radio.Group, __assign({ className: "search-result--list", value: Array.isArray(value) ? value[0] : undefined, onChange: function (e) {
|
|
11
14
|
var id = e.target.value;
|
|
12
15
|
var newValue = [id];
|
|
13
|
-
var completeValue = dataList === null || dataList === void 0 ? void 0 : dataList.find(function (item) { return item
|
|
16
|
+
var completeValue = dataList === null || dataList === void 0 ? void 0 : dataList.find(function (item) { return (item === null || item === void 0 ? void 0 : item[key]) === id; });
|
|
14
17
|
onChange && onChange(newValue, [completeValue]);
|
|
15
18
|
} }, { children: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (item, index) {
|
|
16
|
-
return (jsxs(Radio, __assign({ value: item
|
|
19
|
+
return (jsxs(Radio, __assign({ value: item === null || item === void 0 ? void 0 : item[key], className: "search-result--item" }, { children: [jsx("p", __assign({ className: "search-result--item__title" }, { children: item === null || item === void 0 ? void 0 : item[title] })), jsx("p", __assign({ className: "search-result--item__describe" }, { children: item === null || item === void 0 ? void 0 : item[describe] }))] }), item === null || item === void 0 ? void 0 : item[key]));
|
|
17
20
|
}) }))) : (jsx(Checkbox.Group, __assign({ className: "search-result--list", value: value, onChange: function (e) {
|
|
18
21
|
var newValue = e;
|
|
19
|
-
var completeValue = dataList === null || dataList === void 0 ? void 0 : dataList.filter(function (item) {
|
|
20
|
-
|
|
22
|
+
var completeValue = dataList === null || dataList === void 0 ? void 0 : dataList.filter(function (item) {
|
|
23
|
+
return e.includes(item === null || item === void 0 ? void 0 : item[key]);
|
|
24
|
+
});
|
|
25
|
+
var deleteValue = dataList === null || dataList === void 0 ? void 0 : dataList.filter(function (item) { return !e.includes(item === null || item === void 0 ? void 0 : item[key]); });
|
|
21
26
|
onChange && onChange(newValue, completeValue, deleteValue);
|
|
22
27
|
} }, { children: dataList === null || dataList === void 0 ? void 0 : dataList.map(function (item, index) {
|
|
23
|
-
return (jsxs(Checkbox, __assign({ value: item
|
|
28
|
+
return (jsxs(Checkbox, __assign({ value: item === null || item === void 0 ? void 0 : item[key], className: "search-result--item" }, { children: [jsx("p", __assign({ className: "search-result--item__title" }, { children: item === null || item === void 0 ? void 0 : item[title] })), jsx("p", __assign({ className: "search-result--item__describe" }, { children: item === null || item === void 0 ? void 0 : item[describe] }))] }), item === null || item === void 0 ? void 0 : item[key]));
|
|
24
29
|
}) })));
|
|
25
|
-
};
|
|
30
|
+
};
|
|
31
|
+
var SearchResult$1 = memo(SearchResult);
|
|
26
32
|
|
|
27
|
-
export { SearchResult as default };
|
|
33
|
+
export { SearchResult$1 as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { useState } from 'react';
|
|
3
|
+
import { memo, useState } from 'react';
|
|
4
4
|
import SearchResult from './SearchResult.js';
|
|
5
5
|
import ButtonCom from '../button/button.js';
|
|
6
6
|
import MemoInput from '../input/input.js';
|
|
@@ -41,6 +41,7 @@ var SelectContainer = function (props) {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
}); }, allowClear: true }), jsxs("div", __assign({ className: "content", style: { padding: contentPadding ? 10 : 0 } }, { children: [jsx("div", __assign({ style: { display: searchValue ? "none" : "block" } }, { children: children })), searchValue && (jsx(SearchResult, { value: value, onChange: onChange, dataList: searchResult, mode: mode }))] }))] }))] })) })));
|
|
44
|
-
};
|
|
44
|
+
};
|
|
45
|
+
var SelectContainer$1 = memo(SelectContainer);
|
|
45
46
|
|
|
46
|
-
export { SelectContainer as default };
|
|
47
|
+
export { SelectContainer$1 as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { IZtTransferProps } from './interface.js';
|
|
3
3
|
|
|
4
|
-
declare const
|
|
4
|
+
declare const _default: React__default.NamedExoticComponent<IZtTransferProps>;
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { _default as default };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { __rest, __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { memo, useMemo } from 'react';
|
|
3
4
|
import Container from './Container.js';
|
|
5
|
+
import { ZtTransferContext } from './context.js';
|
|
4
6
|
import MemoTabs from '../tabs/tabs.js';
|
|
5
7
|
|
|
6
8
|
// 入口组件
|
|
7
9
|
var ZtTransfer = function (_a) {
|
|
8
|
-
var style = _a.style, resetProps = __rest(_a, ["style"]);
|
|
10
|
+
var style = _a.style, fieldNames = _a.fieldNames, resetProps = __rest(_a, ["style", "fieldNames"]);
|
|
9
11
|
var items = [
|
|
10
12
|
{
|
|
11
13
|
label: "组织结构",
|
|
@@ -13,7 +15,20 @@ var ZtTransfer = function (_a) {
|
|
|
13
15
|
children: jsx(Container, __assign({}, resetProps)),
|
|
14
16
|
},
|
|
15
17
|
];
|
|
16
|
-
|
|
17
|
-
|
|
18
|
+
var resultFieldNames = useMemo(function () {
|
|
19
|
+
return getDedaultFieldNames(fieldNames);
|
|
20
|
+
}, [fieldNames]);
|
|
21
|
+
return (jsx(ZtTransferContext.Provider, __assign({ value: {
|
|
22
|
+
fieldNames: resultFieldNames,
|
|
23
|
+
} }, { children: jsx("div", __assign({ className: "zt-transfer", style: __assign({ width: resetProps.mode === "single" ? 300 : 750 }, style) }, { children: jsx(MemoTabs, { items: items, nonBorder: true }) })) })));
|
|
24
|
+
};
|
|
25
|
+
var ZtTransfer$1 = memo(ZtTransfer);
|
|
26
|
+
function getDedaultFieldNames(fieldNames) {
|
|
27
|
+
return {
|
|
28
|
+
key: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.key) || "id",
|
|
29
|
+
title: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.title) || "title",
|
|
30
|
+
describe: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.describe) || "describe",
|
|
31
|
+
};
|
|
32
|
+
}
|
|
18
33
|
|
|
19
|
-
export { ZtTransfer as default };
|
|
34
|
+
export { ZtTransfer$1 as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
var defaultFieldNames = {
|
|
4
|
+
key: "id",
|
|
5
|
+
title: "title",
|
|
6
|
+
describe: "describe",
|
|
7
|
+
};
|
|
8
|
+
var ZtTransferContext = React__default.createContext({
|
|
9
|
+
fieldNames: defaultFieldNames,
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
export { ZtTransferContext };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zt-transfer{padding:10px}.zt-transfer .container{display:flex;justify-content:space-between}.zt-transfer--container{border:1px solid #dee9f6;border-radius:4px;width:300px}.zt-transfer--container .title{align-items:center;background-color:#fafafa;border-bottom:1px solid #dee9f6;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:space-between;line-height:32px;padding:0 0 0 10px}.zt-transfer--container .title>button{padding:4px 10px}.zt-transfer--container .wrap{display:flex;flex-direction:column;height:400px}.zt-transfer--container .wrap .search{padding:10px}.zt-transfer--container .wrap .search .ant-input-affix-wrapper{height:30px;padding:0 10px}.zt-transfer--container .wrap .search .ant-input{height:29px}.zt-transfer--container .wrap .search .ant-btn{background-color:#fff;border-color:#d9d9d9}.zt-transfer--container .wrap .content{flex:1;height:350px;overflow:auto}.search-result--list{display:flex;flex-direction:column}.search-result--list>.search-result--item{border-bottom:1px solid #dee9f6;display:flex;margin-left:0;margin-right:0;overflow:hidden;padding:10px 0 10px 10px;width:100%}.search-result--list>.search-result--item:first-child{padding-top:0}.search-result--list>.search-result--item>span:last-child{flex:1;width:100px}.search-result--list>.search-result--item .search-result--item__describe,.search-result--list>.search-result--item .search-result--item__title{word-wrap:break-word;overflow:hidden;white-space:normal;word-break:break-all}.search-result--list>.search-result--item .search-result--item__describe{color:#888}.checked-result--list{display:flex;flex-direction:column}.checked-result--list>.checked-result--item{border-bottom:1px solid #dee9f6;display:flex;flex-direction:column;margin-left:0;margin-right:0;overflow:hidden;padding:10px 0 10px 10px;position:relative;width:100%}.checked-result--list>.checked-result--item:first-child{padding-top:0}.checked-result--list>.checked-result--item .checked-reslt--item__clear{color:#d9d9d9;cursor:pointer;margin-top:-10px;position:absolute;right:0;top:50%;width:20px}.checked-result--list>.checked-result--item .checked-result--item__describe,.checked-result--list>.checked-result--item .checked-result--item__title{word-wrap:break-word;overflow:hidden;padding-right:16px;white-space:normal;word-break:break-all}.checked-result--list>.checked-result--item .checked-result--item__describe{color:#888;width:90%}
|
|
1
|
+
.zt-transfer{padding:10px}.zt-transfer .container{display:flex;justify-content:space-between}.zt-transfer--container{border:1px solid #dee9f6;border-radius:4px;width:300px}.zt-transfer--container .title{align-items:center;background-color:#fafafa;border-bottom:1px solid #dee9f6;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:space-between;line-height:32px;padding:0 0 0 10px}.zt-transfer--container .title>button{padding:4px 10px}.zt-transfer--container .wrap{display:flex;flex-direction:column;height:400px}.zt-transfer--container .wrap .search{padding:10px}.zt-transfer--container .wrap .search .ant-input-affix-wrapper{height:30px;padding:0 10px}.zt-transfer--container .wrap .search .ant-input{height:29px}.zt-transfer--container .wrap .search .ant-btn{background-color:#fff;border-color:#d9d9d9}.zt-transfer--container .wrap .content{flex:1;height:350px;overflow:auto}.zt-transfer--container .ztxk-tree .ant-tree-checkbox-disabled{display:none}.search-result--list{display:flex;flex-direction:column}.search-result--list>.search-result--item{border-bottom:1px solid #dee9f6;display:flex;margin-left:0;margin-right:0;overflow:hidden;padding:10px 0 10px 10px;width:100%}.search-result--list>.search-result--item:first-child{padding-top:0}.search-result--list>.search-result--item>span:last-child{flex:1;width:100px}.search-result--list>.search-result--item .search-result--item__describe,.search-result--list>.search-result--item .search-result--item__title{word-wrap:break-word;overflow:hidden;white-space:normal;word-break:break-all}.search-result--list>.search-result--item .search-result--item__describe{color:#888}.checked-result--list{display:flex;flex-direction:column}.checked-result--list>.checked-result--item{border-bottom:1px solid #dee9f6;display:flex;flex-direction:column;margin-left:0;margin-right:0;overflow:hidden;padding:10px 0 10px 10px;position:relative;width:100%}.checked-result--list>.checked-result--item:first-child{padding-top:0}.checked-result--list>.checked-result--item .checked-reslt--item__clear{color:#d9d9d9;cursor:pointer;margin-top:-10px;position:absolute;right:0;top:50%;width:20px}.checked-result--list>.checked-result--item .checked-result--item__describe,.checked-result--list>.checked-result--item .checked-result--item__title{word-wrap:break-word;overflow:hidden;padding-right:16px;white-space:normal;word-break:break-all}.checked-result--list>.checked-result--item .checked-result--item__describe{color:#888;width:90%}
|
|
@@ -26,6 +26,13 @@ interface IZtTransferProps {
|
|
|
26
26
|
parseCheckedItem?: (item: any, index: number) => any;
|
|
27
27
|
/** 搜索渲染逻辑 */
|
|
28
28
|
parseSearchItem?: (item: any, index: number) => any;
|
|
29
|
+
/** */
|
|
30
|
+
fieldNames?: IFieldNames;
|
|
31
|
+
}
|
|
32
|
+
interface IFieldNames {
|
|
33
|
+
key?: string;
|
|
34
|
+
title?: string;
|
|
35
|
+
describe?: string;
|
|
29
36
|
}
|
|
30
37
|
|
|
31
|
-
export { IZtTransferProps };
|
|
38
|
+
export { IFieldNames, IZtTransferProps };
|