@kdcloudjs/kdesign 1.6.40 → 1.7.1

package/es/style/themes/default.less

@@ -1,4 +1,3 @@
-
 @kd-prefix: kd;
 
 /* -----------  color  ——————---- start */
@@ -18,7 +17,7 @@
 
 @theme-color-disabled: @theme-color-level3;
 @theme-color-hover: @theme-color-level5;
-@theme-color-click: @theme-color-level7;// 点击色
+@theme-color-click: @theme-color-level7; // 点击色
 @theme-color-active-light: @theme-color-level1; // 浅色选中
 @theme-color-active-dark: @theme-color; // 深色选中
 @hover-color: #f5f5f5; // 中性的悬停色
@@ -68,9 +67,9 @@
 /* -----------  color  ——————---- end */
 
 /* -----------  motion  ——————---- start */
-@ease-out: cubic-bezier(0,.4,.4,1);
-@ease-in: cubic-bezier(0.4,0,1,0.6);
-@ease: cubic-bezier(0.4,0,0.6,1);
+@ease-out: cubic-bezier(0, .4, .4, 1);
+@ease-in: cubic-bezier(0.4, 0, 1, 0.6);
+@ease: cubic-bezier(0.4, 0, 0.6, 1);
 /* -----------  motion  ——————---- end */
 
 /* -----------  transition  ——————---- start */
@@ -488,6 +487,11 @@
 @date-ranges-width: 160px;
 
 /* -----------  DatePicker  ——————---- end */
+
+/* -----------  ColorPicker  ——————---- start */
+
+/* -----------  ColorPicker  ——————---- end */
+
 /* -----------  Tree  ——————---- start */
 @tree-node-height: 28px;
 @tree-font-size: @font-size;
@@ -702,4 +706,4 @@
 @advancedSelector-dropdown-options-height: 32px;
 @advancedSelector-hover-bg: @hover-color;
 
-/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- end */

package/es/switch/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/table/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/tabs/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/tag/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/timeline/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/tooltip/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/transfer/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

package/es/tree/style/index.css

@@ -56,6 +56,8 @@
 /* -----------  Transfer  ——————---- end */
 /* -----------  DatePicker  ——————---- start */
 /* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
 /* -----------  Tree  ——————---- start */
 /* -----------  Tree  ——————---- end */
 /* -----------  Alert  ——————---- start */

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';