@kdcloudjs/kdesign 1.6.40 → 1.7.1

package/lib/style/components.less

@@ -10,6 +10,7 @@
 @import "../checkbox/style/index.less";
 @import "../city-picker/style/index.less";
 @import "../collapse/style/index.less";
+@import "../color-picker/style/index.less";
 @import "../date-picker/style/index.less";
 @import "../drawer/style/index.less";
 @import "../dropdown/style/index.less";
@@ -49,5 +50,6 @@
 @import "../tooltip/style/index.less";
 @import "../transfer/style/index.less";
 @import "../tree/style/index.less";
+@import "../tree-select/style/index.less";
 @import "../typography/style/index.less";
 @import "../upload/style/index.less";

package/lib/style/index.css

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/tree/tree.js

@@ -76,7 +76,8 @@ var InternalTree = /*#__PURE__*/_react.default.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 = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
@@ -132,7 +133,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     searchExpandedKeys = _React$useState16[0],
     setSearchExpandedKeys = _React$useState16[1];
   var isSearching = _react.default.useMemo(function () {
-    return typeof filterTreeNode === 'function' && filterValue;
+    return typeof filterTreeNode === 'function' && !!filterValue;
   }, [filterValue]);
   (0, _react.useEffect)(function () {
     setSearchExpandedKeys([]);
@@ -383,7 +384,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: treeRootClassName,
     ref: listRef
-  }, visibleData && (0, _map.default)(visibleData).call(visibleData, function (item) {
+  }, !(visibleData === null || visibleData === void 0 ? void 0 : visibleData.length) && notFoundContent, visibleData && (0, _map.default)(visibleData).call(visibleData, function (item) {
     var checked = (0, _treeUtils.getChecked)(checkedKeys, item.key);
     var indeterminate = (0, _treeUtils.getHalfChecked)(halfCheckedKeys, item.key);
     item.nodeKey = item.key;

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

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

package/lib/tree-select/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _treeSelect = _interopRequireWildcard(require("./tree-select"));
+_Object$keys(_treeSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _treeSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _treeSelect[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = _treeSelect.default;
+exports.default = _default;

package/lib/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/lib/tree-select/interface.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectSizes = exports.Modes = exports.BorderTypes = void 0;
+var _type = require("../_utils/type");
+var SelectSizes = (0, _type.tuple)('large', 'middle', 'small'); // 选择框大小
+exports.SelectSizes = SelectSizes;
+var BorderTypes = (0, _type.tuple)('none', 'underline', 'bordered');
+exports.BorderTypes = BorderTypes;
+var Modes = (0, _type.tuple)('multiple', 'single');
+exports.Modes = Modes;

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.css");
+require("./index.css");