@kdcloudjs/kdesign 1.7.14 → 1.7.16

package/lib/tree/tree.js

@@ -8,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -27,6 +28,14 @@ var _treeHooks = require("./treeHooks");
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
 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 __rest = void 0 && (void 0).__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];
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
@@ -73,16 +82,18 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     } : _TreeProps$setTreeNod2,
     innerEstimatedItemSize = TreeProps.estimatedItemSize,
     style = TreeProps.style,
+    className = TreeProps.className,
     filterTreeNode = TreeProps.filterTreeNode,
     filterValue = TreeProps.filterValue,
     expandOnClickNode = TreeProps.expandOnClickNode,
     _TreeProps$onlyExpand = TreeProps.onlyExpandOnClickIcon,
     onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
     loadData = TreeProps.loadData,
-    notFoundContent = TreeProps.notFoundContent;
+    notFoundContent = TreeProps.notFoundContent,
+    others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "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));
+  var treeNodeClassName = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
   var _React$useMemo = _react.default.useMemo(function () {
@@ -375,12 +386,12 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   (0, _react.useEffect)(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
   }), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -33,7 +33,7 @@ export interface AbstractSelectProps extends PopperProps {
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: TreeNodeData[]) => React.ReactNode);
 }
 export declare type ITreeProps = {
-    treeData?: TreeNodeData;
+    treeData?: TreeNodeData[];
     treeDefaultExpandAll?: boolean;
     treeDefaultExpandedKeys?: string[];
     treeExpandedKeys?: string[];
@@ -44,6 +44,10 @@ export declare type ITreeProps = {
     treeNodeFilterProp?: string;
     treeNodeLabelProp?: string;
     expandOnClickNode?: boolean;
+    treeCheckStrictly?: boolean;
+    treeExpandOnClickNode?: boolean;
+    showTreeIcon?: boolean;
+    treeLoadData?: () => void;
 };
 export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
 export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {
@@ -51,6 +55,7 @@ export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSel
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
+    onlyExpandOnClickIcon?: boolean;
     onChange?: (value: T, treeNode: TreeNodeData) => void;
     onSelect?: (value: T extends (infer I)[] ? I : T, { checked, node, event }: any) => void;
     onBlur?: (value?: T) => void;

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

@@ -50,7 +50,7 @@ function flattenTreeData(treeData) {
     }
     return key;
   }
-  treeData.forEach(function (node) {
+  treeData === null || treeData === void 0 ? void 0 : treeData.forEach(function (node) {
     flatten(node);
   });
   return map;
@@ -107,7 +107,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onTreeExpand = treeSelectProps.onTreeExpand,
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
-    dropdownRender = treeSelectProps.dropdownRender;
+    dropdownRender = treeSelectProps.dropdownRender,
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = (0, _hooks.useMergedState)(isMultiple ? [] : undefined, {
       value: value,
@@ -322,7 +323,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       icon: treeIcon,
       showIcon: showTreeIcon,
       switcherIcon: switcherIcon,
-      onlyExpandOnClickIcon: true,
+      onlyExpandOnClickIcon: onlyExpandOnClickIcon,
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
@@ -506,7 +507,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
   };
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, treeSelectProps), {
-    prefixCls: selectPrefixCls,
+    prefixCls: "".concat(selectPrefixCls, "-panel"),
     placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,

package/lib/upload/interface.d.ts

@@ -146,6 +146,7 @@ export interface IFileItem {
     prefixCls: string;
     listType: string;
     disabled: boolean;
+    onPreview?: (file: UploadFile) => void;
     handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
     handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
 }

package/lib/upload/style/index.css

@@ -217,6 +217,10 @@
 .kd-upload .kd-upload-text-list-item-icon > i {
   font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
 }
+.kd-upload .kd-upload-text-list-item-name,
+.kd-upload .kd-upload-text-list-item-icon {
+  cursor: pointer;
+}
 .kd-upload .kd-upload-text-list-item-name {
   display: inline-block;
   margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);

package/lib/upload/style/index.less

@@ -94,6 +94,10 @@
         font-size: @upload-font-size;
       }
 
+      &-name,&-icon {
+        cursor: pointer;
+      }
+
       &-name {
         display: inline-block;
         margin: 0 @upload-text-list-item-name-padding-right 0 @upload-text-list-item-name-padding-left;

package/lib/upload/upload.js

@@ -104,7 +104,8 @@ var InternalUpload = function InternalUpload(props, ref) {
     className = allProps.className,
     itemRender = allProps.itemRender,
     showUploadList = allProps.showUploadList,
-    customPrefixcls = allProps.prefixCls;
+    customPrefixcls = allProps.prefixCls,
+    onPreview = allProps.onPreview;
   var _React$useState = _react.default.useState(props.fileList || props.defaultFileList || []),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     fileList = _React$useState2[0],
@@ -411,7 +412,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     })), file, setFileList) : /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
       key: file.uid
     }, {
@@ -420,7 +422,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     }));
   })));
 };
@@ -431,7 +434,8 @@ var Item = function Item(_ref3) {
     listType = _ref3.listType,
     handleReUpload = _ref3.handleReUpload,
     handleRemove = _ref3.handleRemove,
-    disabled = _ref3.disabled;
+    disabled = _ref3.disabled,
+    onPreview = _ref3.onPreview;
   var mapStatus = {
     uploading: 'loadding',
     error: 'warning-solid',
@@ -439,18 +443,23 @@ var Item = function Item(_ref3) {
     success: 'attachment',
     notStart: 'attachment'
   };
+  var handlePreview = function handlePreview() {
+    onPreview && onPreview(file);
+  };
   return /*#__PURE__*/_react.default.createElement("li", {
     className: (0, _classnames.default)((0, _concat.default)(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
       error: file.status === 'error'
     })
   }, listType === 'text' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _concat.default)(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon")
+    className: (0, _concat.default)(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon"),
+    onClick: handlePreview
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     spin: file.status === 'uploading',
     type: mapStatus[file.status]
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _concat.default)(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
-    title: file.name
+    title: file.name,
+    onClick: handlePreview
   }, file.name), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _concat.default)(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
   }, "(", (0, _utils2.getFileSize)(file.size), ")"), /*#__PURE__*/_react.default.createElement("div", {
@@ -489,6 +498,7 @@ var Item = function Item(_ref3) {
     className: (0, _concat.default)(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
   }, "\u5220\u9664"))) : /*#__PURE__*/_react.default.createElement(_image.default, {
+    onClick: handlePreview,
     previewType: "upload",
     name: file.name,
     size: (0, _utils2.getFileSize)(file.size),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.14",
+  "version": "1.7.16",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [
@@ -77,6 +77,7 @@
     "@babel/runtime": "^7.10.4",
     "@babel/runtime-corejs3": "^7.11.2",
     "@babel/standalone": "^7.14.3",
+    "@kdcloudjs/kdesign-icons": "^1.0.0",
     "@kdcloudjs/table": "1.1.6-canary.2",
     "@popperjs/core": "^2.5.4",
     "@types/js-cookie": "^3.0.3",