ztxkui 2.9.7 → 3.0.0
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/DemoCom/FormDemo.js +2 -2
- package/dist/components/Button/button.js +6 -5
- package/dist/components/Table/hooks/useColumns.js +1 -1
- package/dist/components/business/SearchContainer/hooks/useDynamic.d.ts +2 -0
- package/dist/components/business/SearchContainer/hooks/useDynamic.js +3 -1
- package/dist/components/business/SearchContainer/search-drawer.js +1 -1
- package/dist/components/business/SearchContainer/search-item.d.ts +2 -0
- package/dist/components/business/SearchContainer/search-left.d.ts +2 -0
- package/package.json +1 -1
package/dist/DemoCom/FormDemo.js
CHANGED
|
@@ -92,7 +92,7 @@ var FormDemo = function () {
|
|
|
92
92
|
return (React.createElement(React.Fragment, null,
|
|
93
93
|
React.createElement(Form, { name: "test-list", form: form },
|
|
94
94
|
React.createElement(SearchContainer, { dark: true },
|
|
95
|
-
React.createElement(SearchLeft, {
|
|
95
|
+
React.createElement(SearchLeft, { isDynamic: true, dynamicStorageKey: "symbol-key-00001" },
|
|
96
96
|
React.createElement(SearchItem, { width: "half", name: "pwNo", configname: "pwNoCopy", label: "\u5165\u5E93\u5355\u53F7", rules: [
|
|
97
97
|
{
|
|
98
98
|
required: true,
|
|
@@ -127,7 +127,7 @@ var FormDemo = function () {
|
|
|
127
127
|
React.createElement(Select, { allowClear: true },
|
|
128
128
|
React.createElement(Select.Option, { value: "1" }, "\u662F"),
|
|
129
129
|
React.createElement(Select.Option, { value: "0" }, "\u5426"))),
|
|
130
|
-
React.createElement(SearchItem, { name: "test1", label: "\u90E8\u95E8\
|
|
130
|
+
React.createElement(SearchItem, { name: "test1", label: "", hiddenLabelName: "\u6D4B\u8BD5\u90E8\u95E8\u4E0D\u663E\u793A" },
|
|
131
131
|
React.createElement(Checkbox.Group, null,
|
|
132
132
|
React.createElement(Checkbox, { value: "1" }, "\u662F"),
|
|
133
133
|
React.createElement(Checkbox, { value: "2" }, "\u5426"))),
|
|
@@ -20,29 +20,30 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from 'react';
|
|
23
|
+
import React, { useRef } from 'react';
|
|
24
24
|
import { Button as AntButton } from 'antd';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
26
|
var maxClickTime = 1000;
|
|
27
27
|
var Button = function (props) {
|
|
28
28
|
var _a;
|
|
29
29
|
var children = props.children, type = props.type, size = props.size, disabled = props.disabled, danger = props.danger, className = props.className, onClick = props.onClick, _b = props.agentClick, agentClick = _b === void 0 ? true : _b, restProps = __rest(props, ["children", "type", "size", "disabled", "danger", "className", "onClick", "agentClick"]);
|
|
30
|
+
var startTimeRef = useRef(0);
|
|
30
31
|
var classes = classNames('zt-btn', className, (_a = {},
|
|
31
32
|
_a["zt-btn-" + type] = type,
|
|
32
33
|
_a["zt-btn-disabled"] = disabled,
|
|
33
34
|
_a["zt-btn-" + size] = size,
|
|
34
35
|
_a["zt-btn-dangerous"] = danger,
|
|
35
36
|
_a));
|
|
36
|
-
var startTime = 0;
|
|
37
37
|
var myOnClick = function (event) {
|
|
38
38
|
if (agentClick) {
|
|
39
39
|
var nowDateTime = Date.now();
|
|
40
|
-
if (
|
|
41
|
-
|
|
40
|
+
if (startTimeRef.current === 0 ||
|
|
41
|
+
nowDateTime - startTimeRef.current > maxClickTime) {
|
|
42
|
+
startTimeRef.current = nowDateTime;
|
|
42
43
|
onClick && onClick(event);
|
|
43
44
|
}
|
|
44
45
|
else {
|
|
45
|
-
|
|
46
|
+
startTimeRef.current = nowDateTime;
|
|
46
47
|
console.log('点击按钮过于频繁');
|
|
47
48
|
}
|
|
48
49
|
}
|
|
@@ -31,7 +31,7 @@ function useColumns(props) {
|
|
|
31
31
|
var _column = __assign({}, col);
|
|
32
32
|
// 添加超出隐藏
|
|
33
33
|
// !_column.render 兼容下拉框滚动行为,设置了ellipsis的话,会导致overflow:hidden,导致一些问题
|
|
34
|
-
if (_column.ellipsis !== false
|
|
34
|
+
if (_column.ellipsis !== false) {
|
|
35
35
|
_column.ellipsis = true;
|
|
36
36
|
}
|
|
37
37
|
// 如果列需要编辑
|
|
@@ -98,10 +98,11 @@ dynamicStorageKey // 动态列配置的key值
|
|
|
98
98
|
// 遍历当前子元素
|
|
99
99
|
React.Children.forEach(children, function (item) {
|
|
100
100
|
if (item === null || item === void 0 ? void 0 : item.props) {
|
|
101
|
-
var _a = item.props, name_2 = _a.name, label = _a.label, disabled = _a.disabled;
|
|
101
|
+
var _a = item.props, name_2 = _a.name, label = _a.label, hiddenLabelName = _a.hiddenLabelName, disabled = _a.disabled;
|
|
102
102
|
_initDynamicList_1.push({
|
|
103
103
|
name: name_2,
|
|
104
104
|
label: label,
|
|
105
|
+
hiddenLabelName: hiddenLabelName,
|
|
105
106
|
show: true,
|
|
106
107
|
disabled: disabled,
|
|
107
108
|
});
|
|
@@ -109,6 +110,7 @@ dynamicStorageKey // 动态列配置的key值
|
|
|
109
110
|
_currentDynamicList_1.push({
|
|
110
111
|
name: name_2,
|
|
111
112
|
label: label,
|
|
113
|
+
hiddenLabelName: hiddenLabelName,
|
|
112
114
|
show: true,
|
|
113
115
|
disabled: disabled,
|
|
114
116
|
});
|
|
@@ -60,6 +60,6 @@ var SearchDrawer = function (_a) {
|
|
|
60
60
|
return (React.createElement(Drawer, { className: "search-drawer", title: "\u67E5\u8BE2\u6761\u4EF6\u5207\u6362", placement: "right", visible: visible, closable: false, maskClosable: false, footer: renderFooter() },
|
|
61
61
|
React.createElement(DndProvider, { backend: HTML5Backend, context: window },
|
|
62
62
|
React.createElement(Checkbox.Group, { value: checkedValues, onChange: onCheckboxChange }, dynamicList.map(function (item, index) { return (React.createElement(Sortable, { key: item.name, type: "search-drawer", index: index, onMoveItem: onMoveItem },
|
|
63
|
-
React.createElement(Checkbox, { value: item.name }, item.label || item.name))); })))));
|
|
63
|
+
React.createElement(Checkbox, { value: item.name }, item.label || item.hiddenLabelName || item.name))); })))));
|
|
64
64
|
};
|
|
65
65
|
export default memo(SearchDrawer);
|
|
@@ -14,6 +14,8 @@ export interface ISearchItem extends FormItemProps {
|
|
|
14
14
|
configname?: string;
|
|
15
15
|
/**不需要自动配置 */
|
|
16
16
|
noauto?: string;
|
|
17
|
+
/**不显示label,但是作为动态表单配置启用 */
|
|
18
|
+
hiddenLabelName?: string;
|
|
17
19
|
}
|
|
18
20
|
declare const SearchItem: React.FC<ISearchItem>;
|
|
19
21
|
export default SearchItem;
|