@kdcloudjs/kdesign 1.6.40 → 1.7.0

package/es/cascader/cascader.js

@@ -169,6 +169,17 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     });
   }, [currentOptions, fieldNames.label, isMultiple]);
+  var values = useMemo(function () {
+    return !isMultiple ? _mapInstanceProperty(currentOptions).call(currentOptions, function (_ref3) {
+      var value = _ref3.value;
+      return value;
+    }) : _mapInstanceProperty(currentOptions).call(currentOptions, function (option) {
+      return _mapInstanceProperty(option).call(option, function (_ref4) {
+        var value = _ref4.value;
+        return value;
+      });
+    });
+  }, [currentOptions, isMultiple]);
   var allowClear = allProps.allowClear && value.length > 0;
   var locatorProps = {
     style: style,
@@ -256,7 +267,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: wrapperRef
     }, Array.isArray(currentOptions) && /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(currentOptions).call(currentOptions, function (option, index) {
       return /*#__PURE__*/React.createElement("span", {
-        key: _JSON$stringify(labels[index]),
+        key: _JSON$stringify(values[index]),
         className: classNames("".concat(prefixCls, "-selection-tag"))
       }, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/React.createElement(Tag, {
         type: "edit",
@@ -331,8 +342,8 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, newValue, newMultipleOptions);
   };
   var onChange = function onChange(selectedOptions) {
-    var selectedValue = _mapInstanceProperty(selectedOptions).call(selectedOptions, function (_ref3) {
-      var value = _ref3[fieldNames.value];
+    var selectedValue = _mapInstanceProperty(selectedOptions).call(selectedOptions, function (_ref5) {
+      var value = _ref5[fieldNames.value];
       return value;
     });
     setCurrentOptions(selectedOptions);

package/es/cascader/util.js

@@ -7,9 +7,9 @@ import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -193,9 +193,18 @@ export var getChecked = function getChecked(checkedKeys, key) {
   return checkedKeys === null || checkedKeys === void 0 ? void 0 : _includesInstanceProperty(checkedKeys).call(checkedKeys, key);
 };
 var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
-  return _filterInstanceProperty(flatNodes).call(flatNodes, function (node) {
-    return checkedKeys === null || checkedKeys === void 0 ? void 0 : _includesInstanceProperty(checkedKeys).call(checkedKeys, node.value);
-  });
+  var result = [];
+  for (var i = 0; i < checkedKeys.length; i++) {
+    var key = checkedKeys[i];
+    for (var j = 0; j < flatNodes.length; j++) {
+      var obj = flatNodes[j];
+      if (obj.value === key) {
+        result.push(obj);
+        break;
+      }
+    }
+  }
+  return result;
 };
 export var addKeys = function addKeys() {
   var _context6;

package/es/config-provider/compDefaultProps.d.ts

@@ -415,5 +415,18 @@ declare const compDefaultProps: {
         size: string;
         underscore: boolean;
     };
+    TreeSelect: {
+        size: string;
+        borderType: string;
+        mode: string;
+        defaultOpen: boolean;
+        showArrow: boolean;
+        placeholder: string;
+        optionLabelProp: string;
+        treeNodeFilterProp: string;
+        showSearch: boolean;
+        switcherIcon: () => JSX.Element;
+        expandOnClickNode: boolean;
+    };
 };
 export default compDefaultProps;

package/es/config-provider/compDefaultProps.js

@@ -428,6 +428,23 @@ var compDefaultProps = {
   Link: {
     size: 'middle',
     underscore: false
+  },
+  TreeSelect: {
+    size: 'middle',
+    borderType: 'underline',
+    mode: 'single',
+    defaultOpen: false,
+    showArrow: true,
+    placeholder: '请输入需要搜索的内容',
+    optionLabelProp: 'title',
+    treeNodeFilterProp: 'title',
+    showSearch: true,
+    switcherIcon: function switcherIcon() {
+      return /*#__PURE__*/React.createElement(Icon, {
+        type: "arrow-right-solid"
+      });
+    },
+    expandOnClickNode: false
   }
 };
 export default compDefaultProps;

package/es/index.d.ts

@@ -53,3 +53,4 @@ export { default as Table } from './table';
 export { default as Stepper } from './stepper';
 export { default as BaseData } from './base-data';
 export { default as Link } from './link';
+export { default as TreeSelect } from './tree-select';

package/es/index.js

@@ -52,4 +52,5 @@ export { default as Slider } from './slider';
 export { default as Table } from './table';
 export { default as Stepper } from './stepper';
 export { default as BaseData } from './base-data';
-export { default as Link } from './link';
+export { default as Link } from './link';
+export { default as TreeSelect } from './tree-select';

package/es/input/ClearableLabeledInput.js

@@ -39,6 +39,10 @@ var ClearableInput = function ClearableInput(props) {
   var mouseLeaveHandle = function mouseLeaveHandle() {
     setIsMouseEnter(false);
   };
+  var mouseDownHandle = function mouseDownHandle(e) {
+    e.stopPropagation();
+    e.preventDefault();
+  };
   var renderClearIcon = function renderClearIcon() {
     var _classNames;
     if (!allowClear) {
@@ -56,7 +60,8 @@ var ClearableInput = function ClearableInput(props) {
   var renderSuffix = function renderSuffix() {
     if (suffix || !disabled && !!allowClear || inputCount) {
       return /*#__PURE__*/React.createElement("span", {
-        className: "".concat(prefixCls, "-suffix")
+        className: "".concat(prefixCls, "-suffix"),
+        onMouseDown: mouseDownHandle
       }, renderClearIcon(), inputCount && /*#__PURE__*/React.createElement("span", {
         style: {
           marginRight: suffix ? 9 : 0
@@ -72,7 +77,8 @@ var ClearableInput = function ClearableInput(props) {
     }
     var suffixNode = renderSuffix();
     var prefixNode = prefix ? /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-prefix")
+      className: "".concat(prefixCls, "-prefix"),
+      onMouseDown: mouseDownHandle
     }, prefix) : null;
     var inputWrapperClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-wrapper-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _classNames2), _defineProperty({}, className, className && !addonBefore && !addonAfter));
     return /*#__PURE__*/React.createElement("span", {

package/es/input/input.js

@@ -119,11 +119,7 @@ var InternalInput = function InternalInput(props, ref) {
     }
     if (count && showNumberMark && !disabled) {
       return /*#__PURE__*/React.createElement("div", {
-        className: classNames("".concat(inputPrefixCls, "-input-mark-inner")),
-        onMouseDown: function onMouseDown(e) {
-          e.stopPropagation();
-          e.preventDefault();
-        }
+        className: classNames("".concat(inputPrefixCls, "-input-mark-inner"))
       }, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
     }
     return null;

package/es/tree/tree.d.ts

@@ -24,10 +24,11 @@ export interface TreeProps {
     virtual?: boolean;
     scrollToKey?: string;
     selectedKeys?: string[];
+    notFoundContent?: ReactNode;
     loadData?: () => void;
     onCheck?: (checkedKeys: string[], { checked, node, event, halfCheckedKeys }: any) => void;
     onExpand?: (expandedKeys: string[], { expanded, node }: any) => void;
-    onSelect?: ({ checked, node, event }: any) => void;
+    onSelect?: (keys: string[], { checked, node, event }: any) => void;
     onDragStart?: ({ event, node }: any) => void;
     onDragOver?: ({ event, node }: any) => void;
     onDragLeave?: ({ event, node }: any) => void;

package/es/tree/tree.js

@@ -64,7 +64,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     filterTreeNode = TreeProps.filterTreeNode,
     filterValue = TreeProps.filterValue,
     expandOnClickNode = TreeProps.expandOnClickNode,
-    loadData = TreeProps.loadData;
+    loadData = TreeProps.loadData,
+    notFoundContent = TreeProps.notFoundContent;
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
   var treeNodeClassName = classNames(_defineProperty({}, "".concat(treePrefixCls), true));
@@ -120,7 +121,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchExpandedKeys = _React$useState16[0],
     setSearchExpandedKeys = _React$useState16[1];
   var isSearching = React.useMemo(function () {
-    return typeof filterTreeNode === 'function' && filterValue;
+    return typeof filterTreeNode === 'function' && !!filterValue;
   }, [filterValue]);
   useEffect(function () {
     setSearchExpandedKeys([]);
@@ -371,7 +372,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: treeRootClassName,
     ref: listRef
-  }, visibleData && _mapInstanceProperty(visibleData).call(visibleData, function (item) {
+  }, !(visibleData === null || visibleData === void 0 ? void 0 : visibleData.length) && notFoundContent, visibleData && _mapInstanceProperty(visibleData).call(visibleData, function (item) {
     var checked = getChecked(checkedKeys, item.key);
     var indeterminate = getHalfChecked(halfCheckedKeys, item.key);
     item.nodeKey = item.key;

package/es/tree-select/index.d.ts

@@ -0,0 +1,3 @@
+import TreeSelect from './tree-select';
+export * from './tree-select';
+export default TreeSelect;

package/es/tree-select/index.js

@@ -0,0 +1,3 @@
+import TreeSelect from './tree-select';
+export * from './tree-select';
+export default TreeSelect;

package/es/tree-select/interface.d.ts

@@ -0,0 +1,68 @@
+import React, { ReactNode } from 'react';
+import { PopperProps } from '../_utils/usePopper';
+import { TreeNodeData } from '../tree';
+export declare const SelectSizes: ["large", "middle", "small"];
+export declare type SelectSize = typeof SelectSizes[number];
+export declare const BorderTypes: ["none", "underline", "bordered"];
+export declare type BorderType = typeof BorderTypes[number];
+export declare const Modes: ["multiple", "single"];
+export declare type Mode = typeof Modes[number];
+export interface AbstractSelectProps extends PopperProps {
+    prefixCls?: string;
+    className?: string;
+    size?: SelectSize;
+    borderType?: BorderType;
+    notFoundContent?: React.ReactNode | null;
+    showSearch?: boolean;
+    showArrow?: boolean;
+    defaultOpen?: boolean;
+    allowClear?: boolean;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    placeholder?: string | React.ReactNode;
+    dropdownClassName?: string;
+    dropdownStyle?: React.CSSProperties;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    dropdownRender?: (menu: React.ReactElement) => React.ReactElement;
+    id?: string;
+    clearIcon?: React.ReactNode;
+    searchIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+    maxTagCount?: number;
+    labelInValue?: boolean;
+    maxTagPlaceholder?: React.ReactNode | ((omittedValues: TreeNodeData[]) => React.ReactNode);
+}
+export declare type ITreeProps = {
+    treeData?: TreeNodeData;
+    treeDefaultExpandAll?: boolean;
+    treeDefaultExpandedKeys?: string[];
+    treeExpandedKeys?: string[];
+    treeIcon?: ReactNode | ((props: any) => ReactNode);
+    virtual?: boolean;
+    checkStrictly?: boolean;
+    filterTreeNode?: (treeNode: TreeNodeData, searchValue: string) => boolean;
+    treeNodeFilterProp?: string;
+    treeNodeLabelProp?: string;
+    expandOnClickNode?: boolean;
+};
+export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
+export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {
+    value?: T;
+    defaultValue?: T;
+    mode?: Mode;
+    autoFocus?: boolean;
+    onChange?: (value: T, treeNode: TreeNodeData) => void;
+    onSelect?: (value: T extends (infer I)[] ? I : T, { checked, node, event }: any) => void;
+    onBlur?: (value?: T) => void;
+    onFocus?: () => void;
+    onSearch?: (value?: string) => void;
+    onClear?: () => void;
+    tagRender?: (props: TagProps) => void;
+}
+export interface TagProps {
+    value?: string;
+    label?: React.ReactNode;
+    disabled: boolean;
+    size: SelectSize;
+    onClose: () => void;
+}

package/es/tree-select/interface.js

@@ -0,0 +1,4 @@
+import { tuple } from '../_utils/type';
+export var SelectSizes = tuple('large', 'middle', 'small'); // 选择框大小
+export var BorderTypes = tuple('none', 'underline', 'bordered');
+export var Modes = tuple('multiple', 'single');

package/es/tree-select/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';