@kdcloudjs/kdesign 1.7.15 → 1.7.17

package/lib/locale/zh-CN.js

@@ -21,15 +21,15 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'Progress.success': '加载成功',
   'Pagination.prevPage': '上一页',
   'Pagination.nextPage': '下一页',
-  'Pagination.total': '共{page}页{row}条',
-  'Pagination.page': '共{page}页',
-  'Pagination.row': '共{row}条',
+  'Pagination.total': '共 {page} 页 {row}条',
+  'Pagination.page': '共 {page} 页',
+  'Pagination.row': '共 {row} 条',
   'Pagination.first': '第一页',
   'Pagination.last': '最后一页',
-  'Pagination.perPage': '{size}条/页',
-  'Pagination.order': '第{order}页',
-  'Pagination.forward': '向前5页',
-  'Pagination.backward': '向后5页',
+  'Pagination.perPage': '{size} 条/页',
+  'Pagination.order': '第 {order} 页',
+  'Pagination.forward': '向前 5 页',
+  'Pagination.backward': '向后 5 页',
   'Transfer.selectAll': '全选',
   'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
   'Transfer.leftTitle': '可选列表',
@@ -49,7 +49,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'CityPicker.internation': '国际',
   'CityPicker.common': '常用',
   'CityPicker.noData': '暂无数据',
-  'ColorPicker.followFunctionalColor': '跟随主题色',
+  'ColorPicker.followFunctionalColor': '跟随功能色',
   'Search.placeholder': '请输入需要搜索的内容',
   'Search.desc': ['空格代表"或"，回车代表"且"'],
   'Search.nplDesc': '智能搜索',

package/lib/notification/index.js

@@ -136,7 +136,8 @@ var Notification = {
   },
   destroy: function destroy(key) {
     _notificationBase.default.destroy(key);
-  }
+  },
+  displayName: 'Notification'
 };
 var _default = Notification;
 exports.default = _default;

package/lib/notification-base/index.js

@@ -55,14 +55,17 @@ var NotificationApi = {
   destroy: function destroy(key) {
     if (key) {
       (0, _keys.default)(notificationInstance).forEach(function (placement) {
-        var instance = notificationInstance[placement].instance;
-        var notices = instance.notices;
-        if (Array.isArray(notices) && notices.length) {
-          var flag = notices.some(function (notice) {
-            return notice.key === key;
-          });
-          if (flag) {
-            instance.remove(key);
+        var _a;
+        var instance = (_a = notificationInstance[placement]) === null || _a === void 0 ? void 0 : _a.instance;
+        if (instance) {
+          var notices = instance.notices;
+          if (Array.isArray(notices) && notices.length) {
+            var flag = notices.some(function (notice) {
+              return notice.key === key;
+            });
+            if (flag) {
+              instance.remove(key);
+            }
           }
         }
       });

package/lib/select/select.js

@@ -120,6 +120,9 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     focusd = _useState12[0],
     setFocusd = _useState12[1];
+  var isShowSearch = (0, _react.useMemo)(function () {
+    return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
+  }, [isMultiple, showSearch]);
   var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
   // 选择器样式
   var selectCls = (0, _classnames.default)(selectPrefixCls, className, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-visible"), optionShow));
@@ -131,7 +134,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   // 多选底部样式
   var multipleFooterCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
   // 多选，单选公共样式
-  var commCls = (0, _classnames.default)((_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames6, (0, _concat.default)(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
+  var commCls = (0, _classnames.default)((_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames6, (0, _concat.default)(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch), _classNames6));
   (0, _react.useEffect)(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -319,7 +322,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         }
       } else {
         props.visible === undefined && setOptionShow(false);
-        onChange && onChange(labelInValue ? {
+        initValue !== key && onChange && onChange(labelInValue ? {
           value: key,
           label: label
         } : key, (0, _extends2.default)((0, _extends2.default)({}, optionsObj), {
@@ -335,7 +338,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       multipleRef.current.selectedVal = key;
       setInitValue(key);
       props.visible === undefined && setOptionShow(false);
-      onChange && onChange(labelInValue ? {
+      initValue !== key && onChange && onChange(labelInValue ? {
         value: key,
         label: label
       } : key, (0, _extends2.default)((0, _extends2.default)({}, optionsObj), {
@@ -512,9 +515,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-  var isShowSearch = (0, _react.useMemo)(function () {
-    return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
-  }, [isMultiple, showSearch]);
   (0, _react.useEffect)(function () {
     var _a;
     if (isShowSearch && autoFocus && !disabled) {
@@ -570,7 +570,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropDownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && /*#__PURE__*/_react.default.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 && dropRender(eleOptionList, heightStyle), renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender && dropdownRender(dropRender(childrenToRender, heightStyle))), isMultiple && realChildren.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
       style: checkboxStyle,
@@ -579,7 +579,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       onChange: handleSelectAll
     }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
+    }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, selectedVal.length), "\u9879"))));
   };
   // 处理多选tag
   var handleMaxTagHolder = (0, _react.useCallback)(function () {

package/lib/select/style/index.css

@@ -350,6 +350,12 @@
   overflow-x: hidden;
   position: relative;
 }
+.kd-select-show-search {
+  cursor: text;
+}
+.kd-select-show-search.kd-select-single .kd-select-selection-search .kd-select-selection-search-input {
+  cursor: text;
+}
 .kd-select-dropdown {
   display: block;
   left: 0;
@@ -471,6 +477,7 @@
   background: transparent;
   height: 100%;
   width: 100%;
+  cursor: pointer;
 }
 .kd-select .kd-select-single .kd-select-selection-item {
   display: inline-block;

package/lib/select/style/index.less

@@ -120,6 +120,16 @@
     position: relative;
   }
 
+  &-show-search {
+    cursor: text;
+
+    &.@{select-prefix-cls}-single .@{select-prefix-cls}-selection-search {
+      .@{select-prefix-cls}-selection-search-input {
+        cursor: text;
+      }
+    }
+  }
+
   &-dropdown {
     display: block;
     left: 0;
@@ -232,6 +242,7 @@
           background: transparent;
           height: 100%;
           width: 100%;
+          cursor: pointer;
         }
       }
       &-item {

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

@@ -55,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

@@ -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.15",
+  "version": "1.7.17",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [