@kdcloudjs/kdesign 1.6.40 → 1.7.0

package/lib/input/ClearableLabeledInput.js

@@ -52,6 +52,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) {
@@ -69,7 +73,8 @@ var ClearableInput = function ClearableInput(props) {
   var renderSuffix = function renderSuffix() {
     if (suffix || !disabled && !!allowClear || inputCount) {
       return /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-suffix")
+        className: "".concat(prefixCls, "-suffix"),
+        onMouseDown: mouseDownHandle
       }, renderClearIcon(), inputCount && /*#__PURE__*/_react.default.createElement("span", {
         style: {
           marginRight: suffix ? 9 : 0
@@ -85,7 +90,8 @@ var ClearableInput = function ClearableInput(props) {
     }
     var suffixNode = renderSuffix();
     var prefixNode = prefix ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(prefixCls, "-prefix")
+      className: "".concat(prefixCls, "-prefix"),
+      onMouseDown: mouseDownHandle
     }, prefix) : null;
     var inputWrapperClasses = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-wrapper"), true), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-wrapper-focused"), focused && !disabled), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-wrapper-disabled"), disabled), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context = "".concat(prefixCls, "-wrapper-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-wrapper-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-wrapper-underline"), borderType === 'underline'), _classNames2), (0, _defineProperty2.default)({}, className, className && !addonBefore && !addonAfter));
     return /*#__PURE__*/_react.default.createElement("span", {

package/lib/input/input.js

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

package/lib/style/components.less

@@ -49,5 +49,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/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");