@kdcloudjs/kdesign 1.7.2 → 1.7.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 +28 -0
- package/dist/kdesign-complete.less +40 -42
- package/dist/kdesign.css +3 -4
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +21 -10
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/config-provider/compDefaultProps.d.ts +1 -0
- package/es/config-provider/compDefaultProps.js +1 -0
- package/es/select/select.js +6 -3
- package/es/tree/tree.d.ts +1 -0
- package/es/tree/tree.js +3 -0
- package/es/tree/treeHooks.js +1 -1
- package/es/tree/treeNode.d.ts +2 -0
- package/es/tree/treeNode.js +8 -5
- package/es/tree-select/style/index.css +2 -3
- package/es/tree-select/style/index.less +2 -4
- package/es/tree-select/style/token.less +38 -38
- package/es/tree-select/tree-select.js +1 -0
- package/lib/config-provider/compDefaultProps.d.ts +1 -0
- package/lib/config-provider/compDefaultProps.js +1 -0
- package/lib/select/select.js +6 -3
- package/lib/tree/tree.d.ts +1 -0
- package/lib/tree/tree.js +3 -0
- package/lib/tree/treeHooks.js +1 -1
- package/lib/tree/treeNode.d.ts +2 -0
- package/lib/tree/treeNode.js +8 -5
- package/lib/tree-select/style/index.css +2 -3
- package/lib/tree-select/style/index.less +2 -4
- package/lib/tree-select/style/token.less +38 -38
- package/lib/tree-select/tree-select.js +1 -0
- package/package.json +3 -3
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.7.
|
|
3
|
+
* @kdcloudjs/kdesign v1.7.3
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -9936,6 +9936,7 @@ var compDefaultProps = {
|
|
|
9936
9936
|
placeholder: '请输入需要搜索的内容',
|
|
9937
9937
|
optionLabelProp: 'title',
|
|
9938
9938
|
treeNodeFilterProp: 'title',
|
|
9939
|
+
treeExpandOnClickNode: true,
|
|
9939
9940
|
showSearch: true,
|
|
9940
9941
|
switcherIcon: function switcherIcon() {
|
|
9941
9942
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](_index__WEBPACK_IMPORTED_MODULE_2__["Icon"], {
|
|
@@ -28409,10 +28410,11 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28409
28410
|
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
|
|
28410
28411
|
singleVal = _useState4[0],
|
|
28411
28412
|
setSingleVal = _useState4[1];
|
|
28412
|
-
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(
|
|
28413
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(typeof props.visible === 'undefined' ? !!defaultOpen : !!props.visible),
|
|
28413
28414
|
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
|
|
28414
28415
|
optionShow = _useState6[0],
|
|
28415
|
-
setOptionShow = _useState6[1];
|
|
28416
|
+
setOptionShow = _useState6[1];
|
|
28417
|
+
// 下拉列表是否展示
|
|
28416
28418
|
// const [searchInput, setSearchInput] = useState<string>('') // 搜索框值
|
|
28417
28419
|
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(''),
|
|
28418
28420
|
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState7, 2),
|
|
@@ -28443,7 +28445,9 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28443
28445
|
// 多选,单选公共样式
|
|
28444
28446
|
var commCls = classnames__WEBPACK_IMPORTED_MODULE_21___default()((_classNames6 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames6, "".concat(selectPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
|
|
28445
28447
|
Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
|
|
28446
|
-
|
|
28448
|
+
if (typeof props.visible !== 'undefined') {
|
|
28449
|
+
setOptionShow(props.visible);
|
|
28450
|
+
}
|
|
28447
28451
|
}, [props.visible]);
|
|
28448
28452
|
|
|
28449
28453
|
// realchildren更新时数据处理---待解决
|
|
@@ -35080,6 +35084,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
|
|
|
35080
35084
|
icon: treeIcon,
|
|
35081
35085
|
showIcon: showTreeIcon,
|
|
35082
35086
|
switcherIcon: switcherIcon,
|
|
35087
|
+
onlyExpandOnClickIcon: true,
|
|
35083
35088
|
notFoundContent: renderNotContent(),
|
|
35084
35089
|
filterTreeNode: defFilterTreeNode,
|
|
35085
35090
|
onSelect: handleSelect,
|
|
@@ -35457,6 +35462,8 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.fo
|
|
|
35457
35462
|
filterTreeNode = TreeProps.filterTreeNode,
|
|
35458
35463
|
filterValue = TreeProps.filterValue,
|
|
35459
35464
|
expandOnClickNode = TreeProps.expandOnClickNode,
|
|
35465
|
+
_TreeProps$onlyExpand = TreeProps.onlyExpandOnClickIcon,
|
|
35466
|
+
onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
|
|
35460
35467
|
loadData = TreeProps.loadData,
|
|
35461
35468
|
notFoundContent = TreeProps.notFoundContent;
|
|
35462
35469
|
var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
|
|
@@ -35794,6 +35801,7 @@ var InternalTree = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.fo
|
|
|
35794
35801
|
item.dragOver = dragOverNodeKey === item.key && dropPosition === 0;
|
|
35795
35802
|
item.dropPosition = dropPosition;
|
|
35796
35803
|
item.expandOnClickNode = expandOnClickNode;
|
|
35804
|
+
item.onlyExpandOnClickIcon = onlyExpandOnClickIcon;
|
|
35797
35805
|
item.loading = loadingKeys.has(item.key) && !loadedKeys.has(item.key);
|
|
35798
35806
|
item.loadData = loadData;
|
|
35799
35807
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_13___default.a.createElement(_treeNode__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, item, {
|
|
@@ -35950,7 +35958,7 @@ var useSelect = function useSelect(selectedKeysProps, defaultSelectedKeys) {
|
|
|
35950
35958
|
selectedKeys = _useState2[0],
|
|
35951
35959
|
setSelectedKeys = _useState2[1];
|
|
35952
35960
|
Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
|
|
35953
|
-
setSelectedKeys(selectedKeysProps);
|
|
35961
|
+
selectedKeysProps && setSelectedKeys(selectedKeysProps);
|
|
35954
35962
|
}, [selectedKeysProps]);
|
|
35955
35963
|
return [selectedKeys, setSelectedKeys];
|
|
35956
35964
|
};
|
|
@@ -36007,7 +36015,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
36007
36015
|
|
|
36008
36016
|
|
|
36009
36017
|
|
|
36010
|
-
var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
|
|
36018
|
+
var _excluded = ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "onlyExpandOnClickIcon", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"];
|
|
36011
36019
|
|
|
36012
36020
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
36013
36021
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -36050,6 +36058,7 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
|
|
|
36050
36058
|
dragOver = TreeNodeProps.dragOver,
|
|
36051
36059
|
dropPosition = TreeNodeProps.dropPosition,
|
|
36052
36060
|
expandOnClickNode = TreeNodeProps.expandOnClickNode,
|
|
36061
|
+
onlyExpandOnClickIcon = TreeNodeProps.onlyExpandOnClickIcon,
|
|
36053
36062
|
loading = TreeNodeProps.loading,
|
|
36054
36063
|
onExpand = TreeNodeProps.onExpand,
|
|
36055
36064
|
onCheck = TreeNodeProps.onCheck,
|
|
@@ -36169,12 +36178,12 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
|
|
|
36169
36178
|
if (Array.isArray(switcherIcon) && switcherIcon.length === 2) {
|
|
36170
36179
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
36171
36180
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode)),
|
|
36172
|
-
onClick: expandOnClickNode ? undefined : handleExpandIconClick
|
|
36181
|
+
onClick: expandOnClickNode ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
|
|
36173
36182
|
}, expandState ? renderIcon(switcherIcon[1]) : renderIcon(switcherIcon[0]));
|
|
36174
36183
|
}
|
|
36175
36184
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
36176
36185
|
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(treeNodePrefixCls, "-icon"), (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-expand"), expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-animation-collapse"), !expandState), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames3, "".concat(treeNodePrefixCls, "-icon-hover"), !expandOnClickNode), _classNames3)),
|
|
36177
|
-
onClick: expandOnClickNode ? undefined : handleExpandIconClick
|
|
36186
|
+
onClick: expandOnClickNode ? onlyExpandOnClickIcon ? handleExpandIconClick : undefined : handleExpandIconClick
|
|
36178
36187
|
}, renderIcon(switcherIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_16__["default"], {
|
|
36179
36188
|
type: "arrow-right-solid"
|
|
36180
36189
|
})));
|
|
@@ -36242,9 +36251,11 @@ var TreeNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwar
|
|
|
36242
36251
|
}, [expandState, nodeData, nodeKey, onExpand, setExpandState]);
|
|
36243
36252
|
var handleClick = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
|
|
36244
36253
|
e.stopPropagation();
|
|
36245
|
-
|
|
36254
|
+
if (expandOnClickNode) {
|
|
36255
|
+
!onlyExpandOnClickIcon && handleExpandIconClick();
|
|
36256
|
+
}
|
|
36246
36257
|
handleSelect(e);
|
|
36247
|
-
}, [expandOnClickNode, handleExpandIconClick, handleSelect]);
|
|
36258
|
+
}, [expandOnClickNode, handleExpandIconClick, handleSelect, onlyExpandOnClickIcon]);
|
|
36248
36259
|
var handleDragStart = react__WEBPACK_IMPORTED_MODULE_11___default.a.useCallback(function (e) {
|
|
36249
36260
|
if (!draggable) return;
|
|
36250
36261
|
setDragNode(nodeData);
|