@rainbow-oh/yee-c 0.8.16 → 0.8.18
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/cjs/Select/demo/loading.d.ts +3 -0
- package/dist/cjs/Select/demo/loading.js +61 -0
- package/dist/cjs/Select/interface.d.ts +6 -1
- package/dist/cjs/Select/select.js +3 -0
- package/dist/cjs/Selector/selector.js +10 -1
- package/dist/cjs/TableSelect/interface.d.ts +5 -0
- package/dist/cjs/TableSelect/table-select.js +3 -0
- package/dist/cjs/Tree/interface.d.ts +16 -0
- package/dist/cjs/Tree/tree-node.js +7 -2
- package/dist/cjs/Tree/tree.d.ts +2 -1
- package/dist/cjs/Tree/tree.js +6 -2
- package/dist/cjs/Tree/utils/tree-tools.d.ts +1 -0
- package/dist/cjs/Tree/utils/tree-tools.js +3 -1
- package/dist/cjs/TreeSelect/interface.d.ts +5 -0
- package/dist/cjs/TreeSelect/tree-select.js +4 -1
- package/dist/cjs/style/themes.css +1 -1
- package/dist/cjs/style/variables.css +1 -1
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Select/demo/loading.d.ts +3 -0
- package/dist/esm/Select/demo/loading.js +32 -0
- package/dist/esm/Select/interface.d.ts +6 -1
- package/dist/esm/Select/select.js +3 -1
- package/dist/esm/Selector/selector.js +5 -1
- package/dist/esm/TableSelect/interface.d.ts +5 -0
- package/dist/esm/TableSelect/table-select.js +3 -1
- package/dist/esm/Tree/interface.d.ts +16 -0
- package/dist/esm/Tree/tree-node.js +12 -2
- package/dist/esm/Tree/tree.d.ts +2 -1
- package/dist/esm/Tree/tree.js +15 -13
- package/dist/esm/Tree/utils/tree-tools.d.ts +1 -0
- package/dist/esm/Tree/utils/tree-tools.js +4 -1
- package/dist/esm/TreeSelect/interface.d.ts +5 -0
- package/dist/esm/TreeSelect/tree-select.js +3 -1
- package/dist/esm/style/themes.css +1 -1
- package/dist/esm/style/variables.css +1 -1
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Select/demo/loading.tsx +28 -0
- package/src/Select/index.en-US.md +2 -0
- package/src/Select/index.zh-CN.md +2 -0
- package/src/Select/interface.ts +10 -3
- package/src/Select/select.tsx +2 -0
- package/src/Selector/selector.tsx +10 -1
- package/src/TableSelect/index.en-US.md +1 -0
- package/src/TableSelect/index.zh-CN.md +1 -0
- package/src/TableSelect/interface.ts +5 -0
- package/src/TableSelect/table-select.tsx +2 -0
- package/src/Tree/index.en-US.md +20 -2
- package/src/Tree/index.zh-CN.md +20 -2
- package/src/Tree/interface.ts +16 -1
- package/src/Tree/tree-node.tsx +15 -2
- package/src/Tree/tree.tsx +6 -2
- package/src/Tree/utils/tree-tools.ts +4 -1
- package/src/TreeSelect/index.en-US.md +1 -0
- package/src/TreeSelect/index.zh-CN.md +1 -0
- package/src/TreeSelect/interface.ts +5 -0
- package/src/TreeSelect/tree-select.tsx +2 -0
- package/src/version.ts +1 -1
package/dist/esm/Tree/tree.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["prefixCls", "className", "style", "dataSource", "fieldNames", "defaultExpandAll", "expandedKeys", "defaultExpandedKeys", "selectedKeys", "defaultSelectedKeys", "checkedKeys", "defaultCheckedKeys", "checkable", "multiple", "showIcon", "icon", "showLine", "switcherIcon", "draggable", "allowDrop", "onDrop", "onSelect", "onCheck", "onExpand", "virtual", "height", "itemHeight"];
|
|
2
|
+
var _excluded = ["prefixCls", "className", "style", "dataSource", "fieldNames", "defaultExpandAll", "expandedKeys", "defaultExpandedKeys", "selectedKeys", "defaultSelectedKeys", "checkedKeys", "defaultCheckedKeys", "checkable", "multiple", "showIcon", "icon", "showLine", "switcherIcon", "draggable", "allowDrop", "onDrop", "onSelect", "onCheck", "onExpand", "labelRender", "virtual", "height", "itemHeight"];
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -134,8 +134,8 @@ function uidsToKeys(uids, map) {
|
|
|
134
134
|
try {
|
|
135
135
|
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
136
136
|
var _uid = _step2.value;
|
|
137
|
-
var
|
|
138
|
-
if (
|
|
137
|
+
var _node = map.get(_uid);
|
|
138
|
+
if (_node) keys.push(_node.key);
|
|
139
139
|
}
|
|
140
140
|
} catch (err) {
|
|
141
141
|
_iterator2.e(err);
|
|
@@ -210,6 +210,7 @@ var Tree = function Tree(baseprops) {
|
|
|
210
210
|
onSelect = props.onSelect,
|
|
211
211
|
onCheck = props.onCheck,
|
|
212
212
|
onExpand = props.onExpand,
|
|
213
|
+
labelRender = props.labelRender,
|
|
213
214
|
_props$virtual = props.virtual,
|
|
214
215
|
virtual = _props$virtual === void 0 ? false : _props$virtual,
|
|
215
216
|
height = props.height,
|
|
@@ -570,6 +571,7 @@ var Tree = function Tree(baseprops) {
|
|
|
570
571
|
icon: icon,
|
|
571
572
|
showLine: showLine,
|
|
572
573
|
switcherIcon: switcherIcon,
|
|
574
|
+
labelRender: labelRender,
|
|
573
575
|
selectedUids: selectedUidSet,
|
|
574
576
|
checkedUids: checkedUidSet,
|
|
575
577
|
indeterminateUids: indeterminateUidSet,
|
|
@@ -585,7 +587,7 @@ var Tree = function Tree(baseprops) {
|
|
|
585
587
|
onNodeDragLeave: handleDragLeave,
|
|
586
588
|
onNodeDrop: handleDrop
|
|
587
589
|
};
|
|
588
|
-
}, [prefixCls, checkable, showIcon, icon, showLine, switcherIcon, selectedUidSet, checkedUidSet, indeterminateUidSet, expandedUidSet, draggable, draggingUid, dropState,
|
|
590
|
+
}, [prefixCls, checkable, showIcon, icon, showLine, switcherIcon, labelRender, selectedUidSet, checkedUidSet, indeterminateUidSet, expandedUidSet, draggable, draggingUid, dropState,
|
|
589
591
|
// handlers are stable (useEvent), but listed for correctness
|
|
590
592
|
handleCheck, handleSelect, handleExpand, handleDragStart, handleDragOver, handleDragLeave, handleDrop]);
|
|
591
593
|
|
|
@@ -652,8 +654,8 @@ var Tree = function Tree(baseprops) {
|
|
|
652
654
|
_step9;
|
|
653
655
|
try {
|
|
654
656
|
for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
|
|
655
|
-
var
|
|
656
|
-
if (
|
|
657
|
+
var _node2 = _step9.value;
|
|
658
|
+
if (_node2.depth === 0) {
|
|
657
659
|
// Root nodes are always visible, render directly without animation
|
|
658
660
|
if (currentGroup) {
|
|
659
661
|
segments.push(_objectSpread({
|
|
@@ -663,12 +665,12 @@ var Tree = function Tree(baseprops) {
|
|
|
663
665
|
}
|
|
664
666
|
segments.push({
|
|
665
667
|
type: 'node',
|
|
666
|
-
node:
|
|
668
|
+
node: _node2
|
|
667
669
|
});
|
|
668
670
|
} else {
|
|
669
671
|
// Non-root: group consecutive children under the same parent
|
|
670
|
-
if (currentGroup && currentGroup.pUid ===
|
|
671
|
-
currentGroup.nodes.push(
|
|
672
|
+
if (currentGroup && currentGroup.pUid === _node2.pUid) {
|
|
673
|
+
currentGroup.nodes.push(_node2);
|
|
672
674
|
} else {
|
|
673
675
|
if (currentGroup) {
|
|
674
676
|
segments.push(_objectSpread({
|
|
@@ -676,8 +678,8 @@ var Tree = function Tree(baseprops) {
|
|
|
676
678
|
}, currentGroup));
|
|
677
679
|
}
|
|
678
680
|
currentGroup = {
|
|
679
|
-
pUid:
|
|
680
|
-
nodes: [
|
|
681
|
+
pUid: _node2.pUid,
|
|
682
|
+
nodes: [_node2]
|
|
681
683
|
};
|
|
682
684
|
}
|
|
683
685
|
}
|
|
@@ -701,7 +703,7 @@ var Tree = function Tree(baseprops) {
|
|
|
701
703
|
value: contextValue
|
|
702
704
|
}, /*#__PURE__*/React.createElement(AnimatePresence, {
|
|
703
705
|
initial: false
|
|
704
|
-
}, segments.map(function (segment) {
|
|
706
|
+
}, segments.map(function (segment, index) {
|
|
705
707
|
if (segment.type === 'node') {
|
|
706
708
|
return /*#__PURE__*/React.createElement(TreeNodeComp, {
|
|
707
709
|
node: segment.node,
|
|
@@ -712,7 +714,7 @@ var Tree = function Tree(baseprops) {
|
|
|
712
714
|
// Replacing this tree after dragStart removes the browser's drag
|
|
713
715
|
// source and cancels the drag before dragOver/drop can fire.
|
|
714
716
|
return /*#__PURE__*/React.createElement(motion.div, {
|
|
715
|
-
key: segment.pUid + '\x01children',
|
|
717
|
+
key: segment.pUid + index + '\x01children',
|
|
716
718
|
initial: {
|
|
717
719
|
height: 0,
|
|
718
720
|
opacity: 0
|
|
@@ -49,6 +49,7 @@ export declare function tree2array<T extends Record<string, unknown>>(tree: T |
|
|
|
49
49
|
key: keyof T;
|
|
50
50
|
label: keyof T;
|
|
51
51
|
children: keyof T;
|
|
52
|
+
extra?: keyof T;
|
|
52
53
|
}): [TreeNode<T>[], Map<string, TreeNode<T>>];
|
|
53
54
|
/**
|
|
54
55
|
* Check whether array `a` contains every element in `b`.
|
|
@@ -172,7 +172,8 @@ export function tree2array(tree, fieldNames) {
|
|
|
172
172
|
var map = new Map();
|
|
173
173
|
var key = fieldNames.key,
|
|
174
174
|
label = fieldNames.label,
|
|
175
|
-
children = fieldNames.children
|
|
175
|
+
children = fieldNames.children,
|
|
176
|
+
extra = fieldNames.extra;
|
|
176
177
|
|
|
177
178
|
/**
|
|
178
179
|
* Walk returns the list of descendant uids so the parent can collect them
|
|
@@ -190,6 +191,7 @@ export function tree2array(tree, fieldNames) {
|
|
|
190
191
|
var rawKey = node[key];
|
|
191
192
|
var _label = node[label];
|
|
192
193
|
var _children = node[children];
|
|
194
|
+
var _extra = extra ? node[extra] : node.extra;
|
|
193
195
|
var nextPath = [].concat(_toConsumableArray(path), [rawKey]);
|
|
194
196
|
var uid = pUid ? "".concat(pUid, "\0").concat(String(rawKey)) : String(rawKey);
|
|
195
197
|
var isParent = Array.isArray(_children) && _children.length > 0;
|
|
@@ -200,6 +202,7 @@ export function tree2array(tree, fieldNames) {
|
|
|
200
202
|
key: rawKey,
|
|
201
203
|
label: _label,
|
|
202
204
|
title: node.title,
|
|
205
|
+
extra: _extra,
|
|
203
206
|
path: path,
|
|
204
207
|
pUid: pUid,
|
|
205
208
|
depth: depth,
|
|
@@ -34,6 +34,11 @@ export interface TreeSelectProps<T = any> extends Omit<TreeProps<T>, 'onSelect'
|
|
|
34
34
|
* Whether disabled
|
|
35
35
|
*/
|
|
36
36
|
disabled?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Whether data is loading
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
loading?: boolean;
|
|
37
42
|
/**
|
|
38
43
|
* Placeholder text for the select box
|
|
39
44
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["prefixCls", "dataSource", "fieldNames", "placement", "mode", "value", "defaultValue", "checkable", "multiple", "optionLabelProp", "onChange", "onFilter"];
|
|
2
|
+
var _excluded = ["prefixCls", "dataSource", "fieldNames", "placement", "mode", "value", "defaultValue", "checkable", "multiple", "loading", "optionLabelProp", "onChange", "onFilter"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -48,6 +48,7 @@ var TreeSelect = function TreeSelect(baseprops) {
|
|
|
48
48
|
checkable = _props$checkable === void 0 ? false : _props$checkable,
|
|
49
49
|
_props$multiple = props.multiple,
|
|
50
50
|
multiple = _props$multiple === void 0 ? false : _props$multiple,
|
|
51
|
+
loading = props.loading,
|
|
51
52
|
_props$optionLabelPro = props.optionLabelProp,
|
|
52
53
|
optionLabelProp = _props$optionLabelPro === void 0 ? 'label' : _props$optionLabelPro,
|
|
53
54
|
onChange = props.onChange,
|
|
@@ -221,6 +222,7 @@ var TreeSelect = function TreeSelect(baseprops) {
|
|
|
221
222
|
mode: mode,
|
|
222
223
|
value: searchValue,
|
|
223
224
|
options: selectedOptions,
|
|
225
|
+
loading: loading,
|
|
224
226
|
selectedKeys: mergedValue,
|
|
225
227
|
onOpenChange: handleOpenChange,
|
|
226
228
|
onClear: handleClear,
|
package/dist/esm/version.d.ts
CHANGED
package/dist/esm/version.js
CHANGED