@kdcloudjs/kdesign 1.7.35 → 1.7.37

package/lib/clipboard/style/index.css

@@ -0,0 +1,190 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+.kd-clipboard {
+  padding: 0;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-weight: var(--kd-c-clipboard-font-weight, var(--kd-g-font-weight, 400));
+  color: #bbbbbb;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.kd-clipboard:hover {
+  color: #5582f3;
+}
+.kd-clipboard:disabled,
+.kd-clipboard[disabled] {
+  color: #bbbbbb;
+  cursor: not-allowed;
+}
+.kd-clipboard-size-small {
+  height: var(--kd-c-clipboard-sizing-height-small, 24px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-small, 3px) var(--kd-c-clipboard-spacing-padding-horizontal-small, 8px);
+  font-size: var(--kd-c-clipboard-font-size-small, var(--kd-g-font-size-small, 12px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-small, 24px) - (var(--kd-c-clipboard-spacing-padding-vertical-small, 3px)) * 2);
+}
+.kd-clipboard-size-small.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-small, 14px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard-size-middle {
+  height: var(--kd-c-clipboard-sizing-height-middle, 28px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px) var(--kd-c-clipboard-spacing-padding-horizontal-middle, 8px);
+  font-size: var(--kd-c-clipboard-font-size-middle, var(--kd-g-font-size-middle, 14px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-middle, 28px) - (var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px)) * 2);
+}
+.kd-clipboard-size-middle.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-middle, 16px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard-size-large {
+  height: var(--kd-c-clipboard-sizing-height-large, 32px);
+  padding: var(--kd-c-clipboard-spacing-padding-vertical-large, 6px) var(--kd-c-clipboard-spacing-padding-horizontal-large, 8px);
+  font-size: var(--kd-c-clipboard-font-size-large, var(--kd-g-font-size-large, 16px));
+  line-height: calc(var(--kd-c-clipboard-sizing-height-large, 32px) - (var(--kd-c-clipboard-spacing-padding-vertical-large, 6px)) * 2);
+}
+.kd-clipboard-size-large.kd-clipboard-icon-only {
+  font-size: var(--kd-c-clipboard-icon-font-size-large, 18px);
+  padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-clipboard:not(.kd-clipboard-icon-only) > i:not(:last-child) {
+  margin-right: 2px;
+}

package/lib/clipboard/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/clipboard/style/index.js

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

package/lib/clipboard/style/index.less

@@ -0,0 +1,32 @@
+@import '../../style/themes/index';
+@import './mixin.less';
+@clipboard-prefix-cls: ~'@{kd-prefix}-clipboard';
+
+.@{clipboard-prefix-cls} {
+  .clipboard;
+
+  &-size-small {
+    .clipboard-size(@clipboard-small-height, @clipboard-small-font-size, @clipboard-small-padding-vertical, @clipboard-small-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-small-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &-size-middle {
+    .clipboard-size(@clipboard-middle-height, @clipboard-middle-font-size, @clipboard-middle-padding-vertical, @clipboard-middle-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-middle-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &-size-large {
+    .clipboard-size(@clipboard-large-height, @clipboard-large-font-size, @clipboard-large-padding-vertical, @clipboard-large-padding-horizontal);
+    &.@{clipboard-prefix-cls}-icon-only {
+      .clipboard-icon-only(@clipboard-icon-large-font-size, @clipboard-icon-padding-horizontal);
+    }
+  }
+
+  &:not(.@{clipboard-prefix-cls}-icon-only) > i:not(:last-child) {
+    margin-right: 2px;
+  }
+}

package/lib/clipboard/style/mixin.less

@@ -0,0 +1,39 @@
+@import './token.less';
+
+.clipboard() {
+  padding: 0;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  box-sizing: border-box;
+  font-weight: @clipboard-g-font-weight;
+  color: #bbbbbb;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  user-select: none;
+
+  &:hover {
+    color: #5582f3;
+  }
+  &:disabled,
+  &[disabled] {
+    color: #bbbbbb;
+    cursor: not-allowed;
+  }
+}
+
+.clipboard-size(@height, @font-size, @padding-vertical, @padding-horizontal) {
+  height: @height;
+  padding: @padding-vertical @padding-horizontal;
+  font-size: @font-size;
+  line-height: calc(@height - (@padding-vertical) * 2);
+}
+
+.clipboard-icon-only(@font-size, @padding-horizontal) {
+  font-size: @font-size;
+  padding: 0 @padding-horizontal;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}

package/lib/clipboard/style/token.less

@@ -0,0 +1,52 @@
+@import '../../style/themes/token.less';
+
+@clipboard-custom-prefix: ~'--@{kd-prefix}-c-clipboard';
+
+// color
+@clipboard-font-color: var(~'@{clipboard-custom-prefix}-color-text', @color-theme); // color-theme为全局token
+
+// font
+@clipboard-g-font-weight: var(~'@{clipboard-custom-prefix}-font-weight', @font-weight-light); // 字体粗细
+@clipboard-small-font-size: var(~'@{clipboard-custom-prefix}-font-size-small', @font-size-small); // 小号 文字大小
+@clipboard-middle-font-size: var(~'@{clipboard-custom-prefix}-font-size-middle', @font-size-middle); // 中号 文字大小
+@clipboard-large-font-size: var(~'@{clipboard-custom-prefix}-font-size-large', @font-size-large); // 大号 文字大小
+
+@clipboard-icon-small-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-small', 14px); // 小号 图标大小
+@clipboard-icon-middle-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-middle', 16px); // 中号 图标大小
+@clipboard-icon-large-font-size: var(~'@{clipboard-custom-prefix}-icon-font-size-large', 18px); // 大号 图标大小
+
+// motion
+@clipboard-duration-fade: var(~'@{clipboard-custom-prefix}-motion-duration-fade', @duration-slowly);
+@clipboard-duration-wave: var(~'@{clipboard-custom-prefix}-motion-duration-wave', @duration-quickly);
+
+// sizing
+@clipboard-small-height: var(~'@{clipboard-custom-prefix}-sizing-height-small', 24px); // 小号 高度
+@clipboard-middle-height: var(~'@{clipboard-custom-prefix}-sizing-height-middle', 28px); // 中号 高度
+@clipboard-large-height: var(~'@{clipboard-custom-prefix}-sizing-height-large', 32px); // 大号 高度
+
+// spacing
+@clipboard-small-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-small',
+  3px
+); // 小号 内间距 纵向
+@clipboard-small-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-small',
+  8px
+); // 小号 内间距 横向
+@clipboard-middle-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-middle',
+  5px
+); // 中号 内间距 纵向
+@clipboard-middle-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-middle',
+  8px
+); // 中号 内间距 横向
+@clipboard-large-padding-vertical: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-vertical-large',
+  6px
+); // 大号 内间距 纵向
+@clipboard-large-padding-horizontal: var(
+  ~'@{clipboard-custom-prefix}-spacing-padding-horizontal-large',
+  8px
+); // 大号 内间距 横向
+@clipboard-icon-padding-horizontal: var(~'@{clipboard-custom-prefix}-icon-spacing-padding-horizontal', 4px);

package/lib/clipboard/util.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 剪贴板复制操作
+ * @param {string | HTMLElement} target
+ * @return {string}
+ */
+declare const onClipboardCopy: (target: string | HTMLElement) => string;
+/**
+ * 剪贴板剪切操作
+ * @param {HTMLElement} target
+ * @return {string}
+ */
+declare const onClipboardCut: (target: HTMLElement) => string;
+export { onClipboardCopy, onClipboardCut };

package/lib/clipboard/util.js

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onClipboardCut = exports.onClipboardCopy = void 0;
+/**
+ * 获取元素的内容
+ * @param {HTMLElement} element
+ * @return {string}
+ */
+var getContent = function getContent(element) {
+  var content;
+  if (element.nodeName === 'SELECT') {
+    content = element.value;
+  } else if (element.nodeName === 'INPUT') {
+    content = element.value;
+  } else if (element.nodeName === 'TEXTAREA') {
+    content = element.value;
+  } else {
+    // 其他类型通过 select 与 range 来获取文本
+    // 获取 select
+    var selection = window.getSelection();
+    // 创建 range
+    var range = document.createRange();
+    // 设置 range 的元素
+    range.selectNodeContents(element);
+    // 重置 select
+    selection.removeAllRanges();
+    // 设置 select 的 range
+    selection.addRange(range);
+    // 获取选中的文本
+    content = selection.toString();
+    // 获取到文本后清空选中范围
+    selection.removeAllRanges();
+  }
+  return content;
+};
+/**
+ * 清空元素的内容
+ * @param {HTMLElement} element
+ */
+var clearElement = function clearElement(element) {
+  if (element.nodeName === 'SELECT') {
+    ;
+    element.value = '';
+  } else if (element.nodeName === 'INPUT') {
+    ;
+    element.value = '';
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.value = '';
+  } else {
+    element.innerHTML = '';
+  }
+};
+/**
+ * 由将被复制的文本为 value 创建一个 HTMLTextAreaElement 容器
+ * @param {String} value
+ * @return {HTMLTextAreaElement}
+ */
+var createContainer = function createContainer(value) {
+  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+  var container = document.createElement('textarea');
+  // 防止在 ios 上缩放
+  container.style.fontSize = '12pt';
+  // 重置样式
+  container.style.border = '0';
+  container.style.padding = '0';
+  container.style.margin = '0';
+  // 把元素定位在视窗外
+  container.style.position = 'absolute';
+  container.style[isRTL ? 'right' : 'left'] = '-9999px';
+  var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+  container.style.top = "".concat(yPosition, "px");
+  // 设置为只读
+  container.setAttribute('readonly', '');
+  // 将文本赋值给元素
+  container.value = value;
+  document.body.appendChild(container);
+  return container;
+};
+/**
+ * 删除元素
+ * @param {HTMLElement} container
+ */
+var removeContainer = function removeContainer(container) {
+  document.body.removeChild(container);
+};
+/**
+ * 添加选中状态
+ * @param {HTMLElement} element
+ */
+var addSelection = function addSelection(element) {
+  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
+  // 使用 select 对 <textarea> 及 <input> 单独处理
+  if (element.nodeName === 'INPUT') {
+    ;
+    element.select();
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.select();
+  } else {
+    var selection = window.getSelection();
+    var range = document.createRange();
+    range.selectNodeContents(element);
+    selection.removeAllRanges();
+    selection.addRange(range);
+  }
+};
+/**
+ * 移除选中状态
+ * @param {HTMLElement} element
+ */
+var removeSelection = function removeSelection(element) {
+  var _a;
+  // 在 Firefox, Edge (非 Chromium 版本) 及 Internet Explorer 中，getSelection() 对 <textarea> 及 <input> 元素不起作用
+  // 使用 setSelectRange 对 <textarea> 及 <input> 单独处理
+  if (element.nodeName === 'INPUT') {
+    ;
+    element.setSelectionRange(0, 0);
+  } else if (element.nodeName === 'TEXTAREA') {
+    ;
+    element.setSelectionRange(0, 0);
+  } else {
+    (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
+  }
+};
+/**
+ * 剪贴板复制操作
+ * @param {string | HTMLElement} target
+ * @return {string}
+ */
+var onClipboardCopy = function onClipboardCopy(target) {
+  var copiedValue;
+  if (typeof target === 'string') {
+    // 如果传的是字符串，直接复制值
+    copiedValue = target;
+    if (navigator.clipboard) {
+      // navigator.clipboard api 存在时，优先使用其进行复制操作
+      if (copiedValue !== '') {
+        navigator.clipboard.writeText(copiedValue).then(null, function () {
+          throw new Error("failed to copy to clipboard of value '".concat(copiedValue, "'"));
+        });
+      }
+    } else {
+      var container = createContainer(copiedValue);
+      addSelection(container);
+      document.execCommand('copy');
+      removeSelection(container);
+      removeContainer(container);
+    }
+  } else {
+    // 通过元素来复制
+    copiedValue = getContent(target);
+    if (navigator.clipboard) {
+      if (copiedValue !== '') {
+        navigator.clipboard.writeText(copiedValue).then(null, function () {
+          throw new Error("failed to copy to clipboard of value '".concat(copiedValue, "'"));
+        });
+      }
+    } else {
+      addSelection(target);
+      document.execCommand('copy');
+      removeSelection(target);
+    }
+  }
+  return copiedValue;
+};
+/**
+ * 剪贴板剪切操作
+ * @param {HTMLElement} target
+ * @return {string}
+ */
+exports.onClipboardCopy = onClipboardCopy;
+var onClipboardCut = function onClipboardCut(target) {
+  var cutValue = getContent(target);
+  if (target.nodeName === 'SELECT' || target.nodeName === 'INPUT' || target.nodeName === 'TEXTAREA') {
+    // 对于输入框，使用 document.execCommand('cut') 来剪切，防止受控的输入框无法清空内容
+    if (document.execCommand) {
+      addSelection(target);
+      document.execCommand('cut');
+      removeSelection(target);
+    } else {
+      // document.execCommand 命令不兼容，则抛出异常，因为受控的输入框无法清空元素内容
+      throw new Error("failed to cut to clipboard through unavailable api \"document.execCommand\"");
+    }
+  } else {
+    // 对于其他标签的元素，使用 navigator 写入剪贴板，并手动清空内容，防止其他标签无法清空内容
+    if (navigator.clipboard) {
+      if (cutValue !== '') {
+        navigator.clipboard.writeText(cutValue).then(null, function () {
+          throw new Error("failed to cut to clipboard of value '".concat(cutValue, "'"));
+        });
+      }
+      clearElement(target);
+    } else {
+      // navigator.clipboard 命令不兼容，则抛出异常，因为非输入框无法适用 document.execCommand('cut')
+      throw new Error("failed to cut to clipboard through unavailable api \"navigator.clipboard\"");
+    }
+  }
+  return cutValue;
+};
+exports.onClipboardCut = onClipboardCut;

package/lib/config-provider/compDefaultProps.d.ts

@@ -462,5 +462,10 @@ declare const compDefaultProps: {
         optionHighlightProps: string;
         allowClear: boolean;
     };
+    Clipboard: {
+        action: string;
+        disabled: boolean;
+        size: string;
+    };
 };
 export default compDefaultProps;

package/lib/config-provider/compDefaultProps.js

@@ -490,6 +490,11 @@ var compDefaultProps = {
     showDescription: true,
     optionHighlightProps: 'highlightText',
     allowClear: true
+  },
+  Clipboard: {
+    action: 'copy',
+    disabled: false,
+    size: 'middle'
   }
 };
 var _default = compDefaultProps;

package/lib/index.d.ts

@@ -55,3 +55,4 @@ export { default as BaseData } from './base-data';
 export { default as Link } from './link';
 export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
+export { default as Clipboard } from './clipboard';

package/lib/index.js

@@ -73,6 +73,12 @@ Object.defineProperty(exports, "CityPicker", {
     return _cityPicker.default;
   }
 });
+Object.defineProperty(exports, "Clipboard", {
+  enumerable: true,
+  get: function get() {
+    return _clipboard.default;
+  }
+});
 Object.defineProperty(exports, "Col", {
   enumerable: true,
   get: function get() {
@@ -430,6 +436,7 @@ var _baseData = _interopRequireDefault(require("./base-data"));
 var _link = _interopRequireDefault(require("./link"));
 var _treeSelect = _interopRequireDefault(require("./tree-select"));
 var _colorPicker = _interopRequireDefault(require("./color-picker"));
+var _clipboard = _interopRequireDefault(require("./clipboard"));
 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; }
 /* @remove-on-es-build-begin */

package/lib/message/content.js

@@ -70,16 +70,13 @@ var Content = function Content(args) {
     }));
   };
   var getMainElement = function getMainElement() {
-    if (typeof content === 'string') {
+    if (typeof content === 'string' || /*#__PURE__*/_react.default.isValidElement(content)) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(classPrefix, "-main")
       }, renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(classPrefix, "-text")
       }, content)), renderCloseIcon());
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(content)) {
-      return content;
-    }
     return null;
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getMainElement());

package/lib/select/interface.d.ts

@@ -53,6 +53,7 @@ export interface ISelectProps<T extends SelectValue> extends AbstractSelectProps
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
+    status?: 'error';
     onChange?: (value?: T, option?: React.ReactElement<any> | React.ReactElement<any>[]) => void;
     onSelect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;
     onDeselect?: (value?: T extends (infer I)[] ? I : T, option?: React.ReactElement<any>) => void;

package/lib/select/select.js

@@ -79,7 +79,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     _selectProps$popperSt = selectProps.popperStyle,
     popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
     tagRender = selectProps.tagRender,
-    virtualListProps = selectProps.virtualListProps;
+    virtualListProps = selectProps.virtualListProps,
+    status = selectProps.status;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = (0, _hooks.useMergedState)(undefined, {
       value: value,
@@ -139,7 +140,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), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _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 && focusd), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames6));
   (0, _react.useEffect)(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
@@ -798,12 +799,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       (0, _splice.default)(selectMulOpts).call(selectMulOpts, -1, 1);
       setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
       onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
-      // !isMultiple
-    } else if (which === _KeyCode.default.BACKSPACE && allowClear && !isMultiple) {
-      setInitValue('');
-      onClear && onClear('');
-      setSearchValue('');
-      onChange && onChange(undefined);
     }
     // optionsList: up、down、enter
     if (optionShow) {