zmdms-webui 2.2.0 → 2.2.1
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/form/form.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __awaiter, __rest, __assign, __generator } from '../_virtual/_tslib.js';
|
|
2
|
-
import {
|
|
3
|
-
import { memo, forwardRef, useMemo, useCallback, useRef, useImperativeHandle } from 'react';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { createContext, memo, forwardRef, useMemo, useCallback, useRef, useImperativeHandle } from 'react';
|
|
4
4
|
import { Form as Form$1 } from 'antd';
|
|
5
5
|
import classNames from '../node_modules/classnames/index.js';
|
|
6
6
|
import { useFormPreferencesCreateNewItems, useDynamicListByItems, useBtnHandle, useToggle } from './hooks.js';
|
|
@@ -13,6 +13,7 @@ import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
|
|
|
13
13
|
import ButtonCom from '../button/button.js';
|
|
14
14
|
|
|
15
15
|
var FORM_DYNAMIC_KEY = "ztxk-webui-dynamic-form";
|
|
16
|
+
var FormContext = createContext({});
|
|
16
17
|
// 动态列配置 与 表单配置 是否存在冲突?
|
|
17
18
|
// 如果配置了动态列配置
|
|
18
19
|
// 表单配置是否就不需要了
|
|
@@ -115,7 +116,7 @@ var Form = function (props, ref) {
|
|
|
115
116
|
setToggleHandle: setToggleHandle,
|
|
116
117
|
};
|
|
117
118
|
});
|
|
118
|
-
return (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] })));
|
|
119
|
+
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] })) })));
|
|
119
120
|
};
|
|
120
121
|
var MemoForm = memo(forwardRef(Form));
|
|
121
122
|
MemoForm.displayName = "ZTXK_WEBUI_Form";
|
|
@@ -150,4 +151,4 @@ MemoForm.useWatch = Form$1.useWatch;
|
|
|
150
151
|
MemoForm.DefaultDom = DefaultDom;
|
|
151
152
|
MemoForm.ItemTipDom = ItemTipDom;
|
|
152
153
|
|
|
153
|
-
export { FORM_DYNAMIC_KEY, MemoForm as default };
|
|
154
|
+
export { FORM_DYNAMIC_KEY, FormContext, MemoForm as default };
|
package/dist/es/input/input.d.ts
CHANGED
package/dist/es/input/input.js
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { memo, forwardRef } from 'react';
|
|
3
|
+
import { memo, forwardRef, useContext } from 'react';
|
|
4
4
|
import { Input as Input$1 } from 'antd';
|
|
5
5
|
import MemoTextArea from './TextArea.js';
|
|
6
|
+
import { FormContext } from '../form/form.js';
|
|
6
7
|
|
|
7
8
|
var Input = function (props, ref) {
|
|
8
|
-
|
|
9
|
+
var isEnterSearch = props.isEnterSearch;
|
|
10
|
+
var onSearch = useContext(FormContext).onSearch;
|
|
11
|
+
return (jsx(Input$1, __assign({}, props, { ref: ref, onPressEnter: isEnterSearch ? function () { return onSearch === null || onSearch === void 0 ? void 0 : onSearch(); } : undefined })));
|
|
9
12
|
};
|
|
10
13
|
var MemoInput = memo(forwardRef(Input));
|
|
11
14
|
MemoInput.displayName = "ZTXK_WEBUI_Input";
|
|
@@ -18,6 +18,10 @@ interface IInputNumberProps extends InputNumberProps {
|
|
|
18
18
|
* 根据需求,需要将加减符号的逻辑修改一下
|
|
19
19
|
*/
|
|
20
20
|
leftRightStyle?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* 开启enter搜索
|
|
23
|
+
*/
|
|
24
|
+
isEnterSearch?: boolean;
|
|
21
25
|
}
|
|
22
26
|
declare const _default: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IInputNumberProps & React__default.RefAttributes<unknown>>>;
|
|
23
27
|
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { memo, forwardRef, useRef } from 'react';
|
|
3
|
+
import { memo, forwardRef, useContext, useRef } from 'react';
|
|
4
4
|
import { InputNumber as InputNumber$2 } from 'antd';
|
|
5
5
|
import { getFormatter } from './utils.js';
|
|
6
6
|
import classNames from '../node_modules/classnames/index.js';
|
|
7
|
+
import { FormContext } from '../form/form.js';
|
|
7
8
|
import ButtonCom from '../button/button.js';
|
|
8
9
|
|
|
9
10
|
var controls = {
|
|
@@ -11,7 +12,8 @@ var controls = {
|
|
|
11
12
|
downIcon: jsx(ButtonCom, __assign({ type: "link" }, { children: "-" })),
|
|
12
13
|
};
|
|
13
14
|
var InputNumber = function (props, ref) {
|
|
14
|
-
var formatterType = props.formatterType, currencySymbol = props.currencySymbol, formatter = props.formatter, parser = props.parser, precision = props.precision, onBlur = props.onBlur, onFocus = props.onFocus, leftRightStyle = props.leftRightStyle, className = props.className, resetProps = __rest(props, ["formatterType", "currencySymbol", "formatter", "parser", "precision", "onBlur", "onFocus", "leftRightStyle", "className"]);
|
|
15
|
+
var formatterType = props.formatterType, currencySymbol = props.currencySymbol, formatter = props.formatter, parser = props.parser, precision = props.precision, onBlur = props.onBlur, onFocus = props.onFocus, leftRightStyle = props.leftRightStyle, className = props.className, isEnterSearch = props.isEnterSearch, resetProps = __rest(props, ["formatterType", "currencySymbol", "formatter", "parser", "precision", "onBlur", "onFocus", "leftRightStyle", "className", "isEnterSearch"]);
|
|
16
|
+
var onSearch = useContext(FormContext).onSearch;
|
|
15
17
|
// 元素是否获得焦点
|
|
16
18
|
// 用来处理formatter优先级比precision高的问题
|
|
17
19
|
var isFocusRef = useRef(false);
|
|
@@ -28,7 +30,7 @@ var InputNumber = function (props, ref) {
|
|
|
28
30
|
// "ant-input-number-focused": leftRightStyle,
|
|
29
31
|
"ztxk-input-number-leftRight": leftRightStyle,
|
|
30
32
|
});
|
|
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 })));
|
|
33
|
+
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, onPressEnter: isEnterSearch ? function () { return onSearch === null || onSearch === void 0 ? void 0 : onSearch(); } : undefined })));
|
|
32
34
|
};
|
|
33
35
|
InputNumber.displayName = "ZTXK_WEBUI_InputNumber";
|
|
34
36
|
var InputNumber$1 = memo(forwardRef(InputNumber));
|