@douyinfe/semi-ui 2.42.3 → 2.43.0-beta.0

package/dist/umd/semi-ui.js

@@ -23867,8 +23867,8 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
      * 获取文本的缩略class和style
      *
      * 截断类型：
-     *  - CSS 截断，仅在 rows=1 且没有 expandable、pos、suffix 时生效
-     *  - JS 截断，应对 CSS 无法阶段的场景
+     *  - 当设置中间截断（pos='middle')、可展开（expandable)、有后缀（suffix 非空）、可复制（copyable），启用 JS 截断策略
+     *  - 非以上场景，启用 CSS 截断策略
      * 相关变量
      *  props:
      *      - ellipsis:
@@ -23884,8 +23884,8 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
      * Get the abbreviated class and style of the text
      *
      * Truncation type:
-     *  -CSS truncation, which only takes effect when rows = 1 and there is no expandable, pos, suffix
-     *  -JS truncation, dealing with scenarios where CSS cannot stage
+     *  -When setting middle ellipsis (pos='middle')、expandable、suffix is not empty、copyable, the JS ellipsis strategy is enabled
+     *  -Otherwise, enable the CSS ellipsis strategy
      * related variables
      *  props:
      *      -ellipsis:
@@ -60488,7 +60488,11 @@ class DropdownItem extends BaseComponent {
     const events = {};
     if (!disabled) {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
-        events[eventName] = this.props[eventName];
+        if (eventName === "onClick") {
+          events["onMouseDown"] = this.props[eventName];
+        } else {
+          events[eventName] = this.props[eventName];
+        }
       });
     }
     let tick = null;
@@ -83983,20 +83987,25 @@ const ResizableTable = function () {
   };
   const resizableRender = function (col, index) {
     let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    let originalHeaderCellProps = arguments.length > 3 ? arguments[3] : undefined;
     return Object.assign(Object.assign({}, col), {
-      onHeaderCell: column => ({
-        width: column.width,
-        onResize: handleResize(column),
-        onResizeStart: handleResizeStart(column),
-        onResizeStop: handleResizeStop(column)
-      })
+      onHeaderCell: column => {
+        return Object.assign(Object.assign({}, originalHeaderCellProps), {
+          width: column.width,
+          onResize: handleResize(column),
+          onResizeStart: handleResizeStart(column),
+          onResizeStop: handleResizeStop(column)
+        });
+      }
     });
   };
   const assignResizableRender = function () {
     let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return Array.isArray(columns) && columns.length ? columns.map((col, index) => {
-      Object.assign(col, resizableRender(col, index, level));
+      var _a, _b;
+      const originalHeaderCellProps = (_b = (_a = col.onHeaderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, index, level)) !== null && _b !== void 0 ? _b : {};
+      Object.assign(col, resizableRender(col, index, level, originalHeaderCellProps));
       const children = col[childrenColumnName];
       if (Array.isArray(children) && children.length) {
         col[childrenColumnName] = assignResizableRender(children, level + 1);
@@ -88302,7 +88311,9 @@ class TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_re
       expandStatus: {
         expanded,
         loading
-      }
+      },
+      filtered,
+      searchWord: rest.keyword
     };
     const dragProps = {
       onDoubleClick: this.onDoubleClick,
@@ -91573,8 +91584,24 @@ class UploadFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
+  init() {
+    const {
+      disabled,
+      addOnPasting
+    } = this.getProps();
+    if (addOnPasting && !disabled) {
+      this.bindPastingHandler();
+    }
+  }
   destroy() {
+    const {
+      disabled,
+      addOnPasting
+    } = this.getProps();
     this.releaseMemory();
+    if (addOnPasting && !disabled) {
+      this.unbindPastingHandler();
+    }
   }
   getError(_ref) {
     let {
@@ -92434,6 +92461,56 @@ class UploadFoundation extends foundation {
   handlePreviewClick(fileItem) {
     this._adapter.notifyPreviewClick(fileItem);
   }
+  readFileFromClipboard(clipboardItems) {
+    for (const clipboardItem of clipboardItems) {
+      for (const type of clipboardItem.types) {
+        // types maybe: text/plain, image/png, text/html
+        if (type.startsWith('image')) {
+          clipboardItem.getType(type).then(blob => {
+            return blob.arrayBuffer();
+          }).then(buffer => {
+            const format = type.split('/')[1];
+            const file = new File([buffer], `upload.${format}`, {
+              type
+            });
+            this.handleChange([file]);
+          });
+        }
+      }
+    }
+  }
+  handlePasting(e) {
+    const isMac = this._adapter.isMac();
+    const isCombineKeydown = isMac ? e.metaKey : e.ctrlKey;
+    if (isCombineKeydown && e.code === 'KeyV' && e.target === document.body) {
+      // https://github.com/microsoft/TypeScript/issues/33923
+      const permissionName = "clipboard-read";
+      // The main thread should not be blocked by clipboard, so callback writing is required here. No await here
+      navigator.permissions.query({
+        name: permissionName
+      }).then(result => {
+        console.log(result);
+        if (result.state === 'granted' || result.state === 'prompt') {
+          // user has authorized or will authorize
+          navigator.clipboard.read().then(clipboardItems => {
+            // Process the data read from the pasteboard
+            // Check the returned data type to determine if it is image data, and process accordingly
+            this.readFileFromClipboard(clipboardItems);
+          });
+        } else {
+          this._adapter.notifyPastingError(result);
+        }
+      }).catch(error => {
+        this._adapter.notifyPastingError(error);
+      });
+    }
+  }
+  bindPastingHandler() {
+    this._adapter.registerPastingHandler(event => this.handlePasting(event));
+  }
+  unbindPastingHandler() {
+    this._adapter.unRegisterPastingHandler();
+  }
 }
 /* harmony default export */ const upload_foundation = (UploadFoundation);
 ;// CONCATENATED MODULE: ../semi-foundation/upload/fileCardFoundation.ts
@@ -93376,6 +93453,19 @@ class Upload extends BaseComponent {
           replaceInputKey: Math.random()
         }));
       },
+      isMac: () => {
+        return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+      },
+      registerPastingHandler: cb => {
+        document.body.addEventListener('keydown', cb);
+        this.pastingCb = cb;
+      },
+      unRegisterPastingHandler: () => {
+        if (this.pastingCb) {
+          document.body.removeEventListener('keydown', this.pastingCb);
+        }
+      },
+      notifyPastingError: error => this.props.onPastingError(error),
       updateDragAreaStatus: dragAreaStatus => this.setState({
         dragAreaStatus
       }),
@@ -93400,6 +93490,9 @@ class Upload extends BaseComponent {
       notifyBeforeClear: fileList => this.props.beforeClear(fileList)
     });
   }
+  componentDidMount() {
+    this.foundation.init();
+  }
   componentWillUnmount() {
     this.foundation.destroy();
   }
@@ -93475,6 +93568,7 @@ class Upload extends BaseComponent {
 Upload.propTypes = {
   accept: (prop_types_default()).string,
   action: (prop_types_default()).string.isRequired,
+  addOnPasting: (prop_types_default()).bool,
   afterUpload: (prop_types_default()).func,
   beforeClear: (prop_types_default()).func,
   beforeRemove: (prop_types_default()).func,
@@ -93515,6 +93609,7 @@ Upload.propTypes = {
   onRetry: (prop_types_default()).func,
   onSizeError: (prop_types_default()).func,
   onSuccess: (prop_types_default()).func,
+  onPastingError: (prop_types_default()).func,
   previewFile: (prop_types_default()).func,
   prompt: (prop_types_default()).node,
   promptPosition: prop_types_default().oneOf(upload_constants_strings.PROMPT_POSITION),
@@ -93559,6 +93654,7 @@ Upload.defaultProps = {
   onRetry: (noop_default()),
   onSizeError: (noop_default()),
   onSuccess: (noop_default()),
+  onPastingError: (noop_default()),
   promptPosition: 'right',
   showClear: true,
   showPicInfo: false,