@kdcloudjs/kdesign 1.5.1 → 1.5.4
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/CHANGELOG.md +23 -0
- package/dist/kdesign-complete.less +20 -6
- package/dist/kdesign.css +23 -9
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +357 -219
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/anchor/anchor-link.js +0 -6
- package/es/anchor/anchor.js +102 -2
- package/es/avatar/avatar.js +3 -1
- package/es/drawer/drawer.js +1 -0
- package/es/dropdown/dropdown.js +16 -6
- package/es/input/ClearableLabeledInput.js +7 -8
- package/es/input/style/index.css +10 -0
- package/es/input/style/index.less +11 -0
- package/es/radio/style/index.css +1 -1
- package/es/radio/style/index.less +1 -1
- package/es/select/select.js +1 -1
- package/es/select/style/index.css +5 -5
- package/es/select/style/index.less +1 -1
- package/es/select/style/token.less +3 -2
- package/es/stepper/stepper.js +9 -4
- package/es/stepper/style/index.css +2 -0
- package/es/stepper/style/index.less +2 -0
- package/es/stepper/style/token.less +1 -2
- package/es/style/icon/kdicon.css +2 -1
- package/es/style/icon/kdicon.woff +0 -0
- package/es/tabs/style/index.css +1 -0
- package/es/tabs/style/index.less +1 -0
- package/es/tooltip/tooltip.js +1 -1
- package/es/tree/tree.js +12 -9
- package/es/tree/treeHooks.d.ts +1 -1
- package/es/tree/treeHooks.js +3 -3
- package/es/tree/utils/treeUtils.d.ts +6 -3
- package/es/tree/utils/treeUtils.js +67 -43
- package/lib/anchor/anchor-link.js +0 -6
- package/lib/anchor/anchor.js +102 -2
- package/lib/avatar/avatar.js +3 -1
- package/lib/drawer/drawer.js +1 -0
- package/lib/dropdown/dropdown.js +15 -6
- package/lib/input/ClearableLabeledInput.js +7 -8
- package/lib/input/style/index.css +10 -0
- package/lib/input/style/index.less +11 -0
- package/lib/radio/style/index.css +1 -1
- package/lib/radio/style/index.less +1 -1
- package/lib/select/select.js +1 -1
- package/lib/select/style/index.css +5 -5
- package/lib/select/style/index.less +1 -1
- package/lib/select/style/token.less +3 -2
- package/lib/stepper/stepper.js +9 -4
- package/lib/stepper/style/index.css +2 -0
- package/lib/stepper/style/index.less +2 -0
- package/lib/stepper/style/token.less +1 -2
- package/lib/style/icon/kdicon.css +2 -1
- package/lib/style/icon/kdicon.woff +0 -0
- package/lib/tabs/style/index.css +1 -0
- package/lib/tabs/style/index.less +1 -0
- package/lib/tooltip/tooltip.js +1 -1
- package/lib/tree/tree.js +11 -9
- package/lib/tree/treeHooks.d.ts +1 -1
- package/lib/tree/treeHooks.js +3 -3
- package/lib/tree/utils/treeUtils.d.ts +6 -3
- package/lib/tree/utils/treeUtils.js +65 -43
- package/package.json +1 -1
package/lib/stepper/stepper.js
CHANGED
|
@@ -64,6 +64,7 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
64
64
|
stepBtnClassName = inputNumberProps.stepBtnClassName,
|
|
65
65
|
max = inputNumberProps.max,
|
|
66
66
|
min = inputNumberProps.min,
|
|
67
|
+
disabled = inputNumberProps.disabled,
|
|
67
68
|
propsValue = inputNumberProps.value,
|
|
68
69
|
defaultValue = inputNumberProps.defaultValue;
|
|
69
70
|
var inputPrefixCls = getPrefixCls(prefixCls, 'inputNumber', customPrefixcls);
|
|
@@ -105,10 +106,11 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
105
106
|
return null;
|
|
106
107
|
}
|
|
107
108
|
|
|
108
|
-
var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled);
|
|
109
|
+
var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled || disabled);
|
|
109
110
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
110
111
|
className: decreaseClassName,
|
|
111
112
|
onMouseDown: function onMouseDown() {
|
|
113
|
+
if (disabled) return;
|
|
112
114
|
handleStepMouseDown('minus');
|
|
113
115
|
}
|
|
114
116
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -118,10 +120,11 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
118
120
|
};
|
|
119
121
|
|
|
120
122
|
var getStepSuffix = function getStepSuffix() {
|
|
121
|
-
var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled);
|
|
123
|
+
var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled || disabled);
|
|
122
124
|
return type === 'embed' ? getEmbedStepView() : /*#__PURE__*/_react.default.createElement("span", {
|
|
123
125
|
className: increaseClassName,
|
|
124
126
|
onMouseDown: function onMouseDown() {
|
|
127
|
+
if (disabled) return;
|
|
125
128
|
handleStepMouseDown('plus');
|
|
126
129
|
}
|
|
127
130
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -218,13 +221,14 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
218
221
|
var _classNames2, _classNames3;
|
|
219
222
|
|
|
220
223
|
var embedStepClassName = getStepBtnClassNames('embed');
|
|
221
|
-
var plusClassName = (0, _classnames.default)("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, stepBtnClassName, stepBtnClassName), (0, _defineProperty2.default)(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled), _classNames2));
|
|
222
|
-
var minusClassName = (0, _classnames.default)("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, stepBtnClassName, stepBtnClassName), (0, _defineProperty2.default)(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled), _classNames3));
|
|
224
|
+
var plusClassName = (0, _classnames.default)("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, stepBtnClassName, stepBtnClassName), (0, _defineProperty2.default)(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled || disabled), _classNames2));
|
|
225
|
+
var minusClassName = (0, _classnames.default)("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, stepBtnClassName, stepBtnClassName), (0, _defineProperty2.default)(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled || disabled), _classNames3));
|
|
223
226
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
224
227
|
className: embedStepClassName
|
|
225
228
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
226
229
|
className: plusClassName,
|
|
227
230
|
onMouseDown: function onMouseDown() {
|
|
231
|
+
if (disabled) return;
|
|
228
232
|
handleStepMouseDown('plus');
|
|
229
233
|
}
|
|
230
234
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -233,6 +237,7 @@ var InternalStepper = function InternalStepper(props, ref) {
|
|
|
233
237
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
234
238
|
className: minusClassName,
|
|
235
239
|
onMouseDown: function onMouseDown() {
|
|
240
|
+
if (disabled) return;
|
|
236
241
|
handleStepMouseDown('minus');
|
|
237
242
|
}
|
|
238
243
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
}
|
|
153
153
|
.kd-inputNumber-baseStep-disabled {
|
|
154
154
|
cursor: not-allowed;
|
|
155
|
+
color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
155
156
|
}
|
|
156
157
|
.kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
|
|
157
158
|
color: unset !important;
|
|
@@ -244,6 +245,7 @@
|
|
|
244
245
|
}
|
|
245
246
|
.kd-inputNumber-embedStep-disabled {
|
|
246
247
|
cursor: not-allowed !important;
|
|
248
|
+
color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
|
|
247
249
|
}
|
|
248
250
|
.kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
|
|
249
251
|
color: unset !important;
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
|
|
54
54
|
&-disabled {
|
|
55
55
|
cursor: not-allowed;
|
|
56
|
+
color: @stepper-icon-color-disabled;
|
|
56
57
|
|
|
57
58
|
.@{inputNumber-prefix-cls}-icon {
|
|
58
59
|
color: unset !important;
|
|
@@ -104,6 +105,7 @@
|
|
|
104
105
|
|
|
105
106
|
&-disabled {
|
|
106
107
|
cursor: not-allowed !important;
|
|
108
|
+
color: @stepper-icon-color-disabled;
|
|
107
109
|
|
|
108
110
|
.@{inputNumber-prefix-cls}-icon {
|
|
109
111
|
color: unset !important;
|
|
@@ -7,15 +7,14 @@
|
|
|
7
7
|
@stepper-icon-color-hover: var(~'@{stepper-prefix}-icon-color-hover', @color-theme);
|
|
8
8
|
@stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
|
|
9
9
|
@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', transparent);
|
|
10
|
+
@stepper-icon-color-disabled: var(~'@{stepper-prefix}-icon-color-disabled', @color-disabled);
|
|
10
11
|
|
|
11
12
|
// font
|
|
12
13
|
@stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);
|
|
13
14
|
|
|
14
|
-
|
|
15
15
|
// motion
|
|
16
16
|
@stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
|
|
17
17
|
|
|
18
|
-
|
|
19
18
|
// sizing
|
|
20
19
|
@stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
|
|
21
20
|
@stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);
|
|
@@ -99,6 +99,7 @@
|
|
|
99
99
|
.kdicon-fixed-solid:before { content: "\e65f"; }
|
|
100
100
|
.kdicon-fixed-window:before { content: "\e6d1"; }
|
|
101
101
|
.kdicon-fixed:before { content: "\e6e3"; }
|
|
102
|
+
.kdicon-fold:before { content: "\e71d"; }
|
|
102
103
|
.kdicon-foldmenu:before { content: "\e70e"; }
|
|
103
104
|
.kdicon-font-background-solid:before { content: "\e673"; }
|
|
104
105
|
.kdicon-font-color-solid:before { content: "\e674"; }
|
|
@@ -209,7 +210,7 @@
|
|
|
209
210
|
.kdicon-two-window:before { content: "\e6f6"; }
|
|
210
211
|
.kdicon-underline-solid:before { content: "\e671"; }
|
|
211
212
|
.kdicon-unfold-all:before { content: "\e6ad"; }
|
|
212
|
-
.kdicon-unfold:before { content: "\
|
|
213
|
+
.kdicon-unfold:before { content: "\e71e"; }
|
|
213
214
|
.kdicon-unfoldmenu:before { content: "\e70d"; }
|
|
214
215
|
.kdicon-unlock-solid:before { content: "\e666"; }
|
|
215
216
|
.kdicon-unlock:before { content: "\e69e"; }
|
|
Binary file
|
package/lib/tabs/style/index.css
CHANGED
package/lib/tooltip/tooltip.js
CHANGED
|
@@ -41,7 +41,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
41
41
|
|
|
42
42
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'tooltip', customPrefixcls);
|
|
43
43
|
var tiplocator = /*#__PURE__*/React.cloneElement(React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children), {
|
|
44
|
-
ref: ref
|
|
44
|
+
ref: children.ref || ref
|
|
45
45
|
});
|
|
46
46
|
var popperProps = (0, _extends2.default)((0, _extends2.default)({}, allProps), {
|
|
47
47
|
prefixCls: prefixCls,
|
package/lib/tree/tree.js
CHANGED
|
@@ -105,13 +105,11 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
105
105
|
var treeRootClassName = "".concat(treePrefixCls, "-root");
|
|
106
106
|
var estimatedItemSize = innerEstimatedItemSize; // 节点高度
|
|
107
107
|
|
|
108
|
-
var
|
|
108
|
+
var _React$useMemo = _react.default.useMemo(function () {
|
|
109
109
|
return (0, _treeUtils.flattenAll)(treeData, []);
|
|
110
|
-
}, [treeData])
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
return (0, _treeUtils.getMaxLevel)(flattenAllData);
|
|
114
|
-
}, [flattenAllData]);
|
|
110
|
+
}, [treeData]),
|
|
111
|
+
flattenAllData = _React$useMemo.flattenAllData,
|
|
112
|
+
maxLevel = _React$useMemo.maxLevel;
|
|
115
113
|
|
|
116
114
|
var _useChecked = (0, _treeHooks.useChecked)(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
|
|
117
115
|
_useChecked2 = (0, _slicedToArray2.default)(_useChecked, 4),
|
|
@@ -164,7 +162,11 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
164
162
|
dragOverNodeKey = _React$useState10[0],
|
|
165
163
|
setDragOverNodeKey = _React$useState10[1];
|
|
166
164
|
|
|
167
|
-
var
|
|
165
|
+
var isSearching = _react.default.useMemo(function () {
|
|
166
|
+
return typeof filterTreeNode === 'function' && filterValue;
|
|
167
|
+
}, [filterValue]);
|
|
168
|
+
|
|
169
|
+
var _useExpand = (0, _treeHooks.useExpand)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching),
|
|
168
170
|
_useExpand2 = (0, _slicedToArray2.default)(_useExpand, 2),
|
|
169
171
|
expandedKeys = _useExpand2[0],
|
|
170
172
|
setExpandedKeys = _useExpand2[1];
|
|
@@ -174,8 +176,8 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
174
176
|
}, [flattenAllData, expandedKeys]);
|
|
175
177
|
|
|
176
178
|
var filterData = _react.default.useMemo(function () {
|
|
177
|
-
return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode,
|
|
178
|
-
}, [spreadAttrData,
|
|
179
|
+
return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode, isSearching);
|
|
180
|
+
}, [spreadAttrData, isSearching]);
|
|
179
181
|
|
|
180
182
|
var _useViewportHeight = (0, _treeHooks.useViewportHeight)(height, listRef),
|
|
181
183
|
_useViewportHeight2 = (0, _slicedToArray2.default)(_useViewportHeight, 1),
|
package/lib/tree/treeHooks.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export declare const useViewportHeight: (height: number, listRef: React.RefObjec
|
|
|
4
4
|
export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
|
|
5
5
|
export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
|
|
6
6
|
export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], flattenAllData: any[], maxLevel: number, checkable: boolean) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
|
|
7
|
-
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor,
|
|
7
|
+
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
|
8
8
|
export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
|
|
9
9
|
export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
package/lib/tree/treeHooks.js
CHANGED
|
@@ -104,7 +104,7 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
|
|
|
104
104
|
|
|
105
105
|
exports.useChecked = useChecked;
|
|
106
106
|
|
|
107
|
-
var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode,
|
|
107
|
+
var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching) {
|
|
108
108
|
var expandScrollkeys = [];
|
|
109
109
|
|
|
110
110
|
if (scrollKey) {
|
|
@@ -113,8 +113,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
|
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
var initialExpandedKeys = _react.default.useMemo(function () {
|
|
116
|
-
return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode,
|
|
117
|
-
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode,
|
|
116
|
+
return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching);
|
|
117
|
+
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching]);
|
|
118
118
|
|
|
119
119
|
var newExpandedKeys = _react.default.useMemo(function () {
|
|
120
120
|
return (0, _treeUtils.getExpandedKeys)(expandedKeysProps, expandScrollkeys);
|
|
@@ -7,13 +7,16 @@ import { TreeNodeData } from '../tree';
|
|
|
7
7
|
* @param level
|
|
8
8
|
* @param pos
|
|
9
9
|
*/
|
|
10
|
-
export declare const flattenAll: (treeData: any[], newTreeData?: TreeNodeData[], level?: number, pos?: string | undefined) =>
|
|
10
|
+
export declare const flattenAll: (treeData: any[], newTreeData?: TreeNodeData[], level?: number, pos?: string | undefined) => {
|
|
11
|
+
flattenAllData: TreeNodeData[];
|
|
12
|
+
maxLevel: number;
|
|
13
|
+
};
|
|
11
14
|
export declare const getExpand: (expandedKeys: string[], key: string) => boolean;
|
|
12
15
|
export declare const getChecked: (checkedKeys: string[], key: string) => boolean;
|
|
13
16
|
export declare const getSelected: (selectedKeys: string[], key: string) => boolean;
|
|
14
17
|
export declare const getHalfChecked: (halfCheckedKeys: string[], key: string) => boolean;
|
|
15
18
|
export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor) => any[];
|
|
16
|
-
export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor,
|
|
19
|
+
export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, isSearching: boolean) => any[];
|
|
17
20
|
export declare const getMaxLevel: (data: any[]) => number;
|
|
18
21
|
/**
|
|
19
22
|
*计算node的属性后返回新的 treedata
|
|
@@ -43,6 +46,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
|
|
|
43
46
|
};
|
|
44
47
|
export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
|
|
45
48
|
export declare const getAllNodeKeys: (data: any[]) => string[];
|
|
46
|
-
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor,
|
|
49
|
+
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean) => string[];
|
|
47
50
|
export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
|
|
48
51
|
export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;
|
|
@@ -21,8 +21,6 @@ var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
|
|
|
21
21
|
|
|
22
22
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
23
23
|
|
|
24
|
-
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
25
|
-
|
|
26
24
|
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
|
27
25
|
|
|
28
26
|
var _startsWith = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/starts-with"));
|
|
@@ -44,7 +42,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
44
42
|
return t;
|
|
45
43
|
};
|
|
46
44
|
|
|
47
|
-
var DRAG_OFFSET = 0.
|
|
45
|
+
var DRAG_OFFSET = 0.3;
|
|
48
46
|
/**
|
|
49
47
|
* 打平所有数组,并添加pos位置信息,
|
|
50
48
|
* 方便根据expandKeys等计算节点的expand,checkedKeys计算节点checked状态
|
|
@@ -58,29 +56,52 @@ var flattenAll = function flattenAll(treeData) {
|
|
|
58
56
|
var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
59
57
|
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
60
58
|
var pos = arguments.length > 3 ? arguments[3] : undefined;
|
|
61
|
-
|
|
62
|
-
var _context;
|
|
59
|
+
var maxLevel = 0;
|
|
63
60
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
61
|
+
var fn = function fn(treeData) {
|
|
62
|
+
var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
63
|
+
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
64
|
+
var pos = arguments.length > 3 ? arguments[3] : undefined;
|
|
65
|
+
var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
|
|
66
|
+
treeData && treeData.forEach(function (item, index) {
|
|
67
|
+
var _context;
|
|
68
|
+
|
|
69
|
+
var children = item.children,
|
|
70
|
+
title = item.title,
|
|
71
|
+
key = item.key,
|
|
72
|
+
others = __rest(item, ["children", "title", "key"]);
|
|
73
|
+
|
|
74
|
+
item.parent = parent;
|
|
75
|
+
|
|
76
|
+
var _pos = pos ? (0, _concat.default)(_context = "".concat(pos, "-")).call(_context, index) : "".concat(index);
|
|
77
|
+
|
|
78
|
+
var hasChildNode = children && children instanceof Array && children.length > 0;
|
|
79
|
+
var flattenNode = (0, _extends2.default)({
|
|
80
|
+
title: title,
|
|
81
|
+
key: key,
|
|
82
|
+
pos: _pos,
|
|
83
|
+
hasChildNode: hasChildNode,
|
|
84
|
+
level: level,
|
|
85
|
+
parent: parent
|
|
86
|
+
}, others);
|
|
87
|
+
newTreeData.push(flattenNode);
|
|
88
|
+
var _level = level;
|
|
89
|
+
|
|
90
|
+
if (maxLevel < level) {
|
|
91
|
+
maxLevel = level;
|
|
92
|
+
}
|
|
68
93
|
|
|
69
|
-
|
|
94
|
+
_level++;
|
|
95
|
+
fn(children, newTreeData, _level, _pos, flattenNode);
|
|
96
|
+
});
|
|
97
|
+
return newTreeData;
|
|
98
|
+
};
|
|
70
99
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
hasChildNode: hasChildNode,
|
|
77
|
-
level: level
|
|
78
|
-
}, others));
|
|
79
|
-
var _level = level;
|
|
80
|
-
_level++;
|
|
81
|
-
flattenAll(children, newTreeData, _level, _pos);
|
|
82
|
-
});
|
|
83
|
-
return newTreeData;
|
|
100
|
+
var flattenAllData = fn(treeData, newTreeData, level, pos);
|
|
101
|
+
return {
|
|
102
|
+
flattenAllData: flattenAllData,
|
|
103
|
+
maxLevel: maxLevel
|
|
104
|
+
};
|
|
84
105
|
};
|
|
85
106
|
|
|
86
107
|
exports.flattenAll = flattenAll;
|
|
@@ -130,29 +151,30 @@ var isAllParentExpand = function isAllParentExpand(data, pos) {
|
|
|
130
151
|
};
|
|
131
152
|
|
|
132
153
|
var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode) {
|
|
133
|
-
var filterData = (0, _filter.default)(data).call(data, function (item) {
|
|
134
|
-
return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
|
|
135
|
-
});
|
|
136
|
-
var filterKeys = getAllNodeKeys(filterData);
|
|
137
154
|
var allFilterKeys = [];
|
|
138
|
-
(0,
|
|
139
|
-
|
|
155
|
+
(0, _filter.default)(data).call(data, function (item) {
|
|
156
|
+
return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
|
|
157
|
+
}).forEach(function (item) {
|
|
158
|
+
var node = (0, _extends2.default)({}, item);
|
|
140
159
|
|
|
141
|
-
|
|
160
|
+
while (node) {
|
|
161
|
+
allFilterKeys.push(node.key);
|
|
162
|
+
node = node.parent;
|
|
163
|
+
}
|
|
142
164
|
});
|
|
143
165
|
return (0, _toConsumableArray2.default)(new _set.default(allFilterKeys));
|
|
144
166
|
};
|
|
145
167
|
|
|
146
168
|
exports.getAllFilterKeys = getAllFilterKeys;
|
|
147
169
|
|
|
148
|
-
var getFilterData = function getFilterData(data, filterTreeNode,
|
|
170
|
+
var getFilterData = function getFilterData(data, filterTreeNode, isSearching) {
|
|
149
171
|
var filterData = data;
|
|
172
|
+
var allFilterKeys = null;
|
|
150
173
|
|
|
151
|
-
if (
|
|
174
|
+
if (isSearching) {
|
|
175
|
+
allFilterKeys = getAllFilterKeys(filterData, filterTreeNode);
|
|
152
176
|
filterData = (0, _filter.default)(filterData).call(filterData, function (item) {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
return (0, _includes.default)(_context3 = getAllFilterKeys(filterData, filterTreeNode)).call(_context3, item.key);
|
|
177
|
+
return (0, _includes.default)(allFilterKeys).call(allFilterKeys, item.key);
|
|
156
178
|
});
|
|
157
179
|
}
|
|
158
180
|
|
|
@@ -294,11 +316,11 @@ var getSpreadAttrData = function getSpreadAttrData(treeData, expandedKeys) {
|
|
|
294
316
|
exports.getSpreadAttrData = getSpreadAttrData;
|
|
295
317
|
|
|
296
318
|
var addKeys = function addKeys() {
|
|
297
|
-
var
|
|
319
|
+
var _context2;
|
|
298
320
|
|
|
299
321
|
var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
300
322
|
var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
301
|
-
return (0, _from.default)(new _set.default((0, _concat.default)(
|
|
323
|
+
return (0, _from.default)(new _set.default((0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)(prevKeys), (0, _toConsumableArray2.default)(newKeys))));
|
|
302
324
|
};
|
|
303
325
|
|
|
304
326
|
exports.addKeys = addKeys;
|
|
@@ -363,14 +385,14 @@ var getPos = function getPos(data, key) {
|
|
|
363
385
|
exports.getPos = getPos;
|
|
364
386
|
|
|
365
387
|
var getInitCheckedKeys = function getInitCheckedKeys(data, keys) {
|
|
366
|
-
var
|
|
388
|
+
var _context3;
|
|
367
389
|
|
|
368
390
|
var checkedKeys = [];
|
|
369
391
|
keys.forEach(function (item) {
|
|
370
392
|
var pos = getPos(data, item);
|
|
371
393
|
checkedKeys.push.apply(checkedKeys, (0, _toConsumableArray2.default)(getAllChildKeys(data, pos)));
|
|
372
394
|
});
|
|
373
|
-
return (0, _from.default)(new _set.default((0, _concat.default)(
|
|
395
|
+
return (0, _from.default)(new _set.default((0, _concat.default)(_context3 = []).call(_context3, checkedKeys, (0, _toConsumableArray2.default)(keys))));
|
|
374
396
|
};
|
|
375
397
|
|
|
376
398
|
exports.getInitCheckedKeys = getInitCheckedKeys;
|
|
@@ -558,7 +580,7 @@ var getRootKeys = function getRootKeys(data) {
|
|
|
558
580
|
var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent) {
|
|
559
581
|
var expandScrollkeys = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [];
|
|
560
582
|
var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
|
|
561
|
-
var
|
|
583
|
+
var isSearching = arguments.length > 8 ? arguments[8] : undefined;
|
|
562
584
|
var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : (0, _concat.default)(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : (0, _concat.default)(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
|
|
563
585
|
|
|
564
586
|
if (defaultExpandAll) {
|
|
@@ -581,10 +603,10 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
|
|
|
581
603
|
}
|
|
582
604
|
}
|
|
583
605
|
|
|
584
|
-
if (
|
|
585
|
-
var
|
|
606
|
+
if (isSearching) {
|
|
607
|
+
var _context4;
|
|
586
608
|
|
|
587
|
-
keys = (0, _concat.default)(
|
|
609
|
+
keys = (0, _concat.default)(_context4 = []).call(_context4, (0, _toConsumableArray2.default)(keys), (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode)));
|
|
588
610
|
}
|
|
589
611
|
|
|
590
612
|
return (0, _from.default)(new _set.default((0, _toConsumableArray2.default)(keys)));
|