@douyinfe/semi-ui 2.43.0-alpha.0 → 2.43.0

package/lib/es/image/preview.js

@@ -37,8 +37,8 @@ export default class Preview extends BaseComponent {
             if (item.isIntersecting && src) {
               item.target.src = src;
               item.target.removeAttribute("data-src");
+              this.previewObserver.unobserve(item.target);
             }
-            this.previewObserver.unobserve(item.target);
           });
         }, {
           root: document.querySelector(`#${this.previewGroupId}`),

package/lib/es/modal/confirm.d.ts

@@ -145,11 +145,11 @@ export declare function withError(props: ModalReactProps): {
     size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
+    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
     direction?: any;
-    motion?: boolean;
     mask?: boolean;
     visible?: boolean;
     zIndex?: number;
@@ -204,10 +204,10 @@ export declare function withError(props: ModalReactProps): {
         title?: string;
         name?: string;
         value?: string | number | readonly string[];
-        form?: string;
-        slot?: string;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;

package/lib/es/tree/treeNode.js

@@ -384,7 +384,9 @@ export default class TreeNode extends PureComponent {
       expandStatus: {
         expanded,
         loading
-      }
+      },
+      filtered,
+      searchWord: rest.keyword
     };
     const dragProps = {
       onDoubleClick: this.onDoubleClick,

package/lib/es/upload/index.d.ts

@@ -28,6 +28,7 @@ export interface UploadProps {
     dragMainText?: ReactNode;
     dragSubText?: ReactNode;
     draggable?: boolean;
+    addOnPasting?: boolean;
     fileList?: Array<FileItem>;
     fileName?: string;
     headers?: Record<string, any> | ((file: File) => Record<string, string>);
@@ -44,6 +45,7 @@ export interface UploadProps {
     onClear?: () => void;
     onDrop?: (e: Event, files: Array<File>, fileList: Array<FileItem>) => void;
     onError?: (e: CustomError, file: File, fileList: Array<FileItem>, xhr: XMLHttpRequest) => void;
+    onPastingError?: (error: Error | PermissionStatus) => void;
     onExceed?: (fileList: Array<File>) => void;
     onFileChange?: (files: Array<File>) => void;
     onOpenFileDialog?: () => void;
@@ -88,6 +90,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     static propTypes: {
         accept: PropTypes.Requireable<string>;
         action: PropTypes.Validator<string>;
+        addOnPasting: PropTypes.Requireable<boolean>;
         afterUpload: PropTypes.Requireable<(...args: any[]) => any>;
         beforeClear: PropTypes.Requireable<(...args: any[]) => any>;
         beforeRemove: PropTypes.Requireable<(...args: any[]) => any>;
@@ -128,6 +131,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         onRetry: PropTypes.Requireable<(...args: any[]) => any>;
         onSizeError: PropTypes.Requireable<(...args: any[]) => any>;
         onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
+        onPastingError: PropTypes.Requireable<(...args: any[]) => any>;
         previewFile: PropTypes.Requireable<(...args: any[]) => any>;
         prompt: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         promptPosition: PropTypes.Requireable<"left" | "right" | "bottom">;
@@ -168,6 +172,8 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     foundation: UploadFoundation;
     inputRef: RefObject<HTMLInputElement>;
     replaceInputRef: RefObject<HTMLInputElement>;
+    pastingCb: null | ((params: any) => void);
+    componentDidMount(): void;
     componentWillUnmount(): void;
     onClick: () => void;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;

package/lib/es/upload/index.js

@@ -439,6 +439,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
       }),
@@ -463,6 +476,9 @@ class Upload extends BaseComponent {
       notifyBeforeClear: fileList => this.props.beforeClear(fileList)
     });
   }
+  componentDidMount() {
+    this.foundation.init();
+  }
   componentWillUnmount() {
     this.foundation.destroy();
   }
@@ -538,6 +554,7 @@ class Upload extends BaseComponent {
 Upload.propTypes = {
   accept: PropTypes.string,
   action: PropTypes.string.isRequired,
+  addOnPasting: PropTypes.bool,
   afterUpload: PropTypes.func,
   beforeClear: PropTypes.func,
   beforeRemove: PropTypes.func,
@@ -578,6 +595,7 @@ Upload.propTypes = {
   onRetry: PropTypes.func,
   onSizeError: PropTypes.func,
   onSuccess: PropTypes.func,
+  onPastingError: PropTypes.func,
   previewFile: PropTypes.func,
   prompt: PropTypes.node,
   promptPosition: PropTypes.oneOf(strings.PROMPT_POSITION),
@@ -622,6 +640,7 @@ Upload.defaultProps = {
   onRetry: _noop,
   onSizeError: _noop,
   onSuccess: _noop,
+  onPastingError: _noop,
   promptPosition: 'right',
   showClear: true,
   showPicInfo: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.43.0-alpha.0",
+    "version": "2.43.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.43.0-alpha.0",
-        "@douyinfe/semi-animation-react": "2.43.0-alpha.0",
-        "@douyinfe/semi-foundation": "2.43.0-alpha.0",
-        "@douyinfe/semi-icons": "2.43.0-alpha.0",
-        "@douyinfe/semi-illustrations": "2.43.0-alpha.0",
-        "@douyinfe/semi-theme-default": "2.43.0-alpha.0",
+        "@douyinfe/semi-animation": "2.43.0",
+        "@douyinfe/semi-animation-react": "2.43.0",
+        "@douyinfe/semi-foundation": "2.43.0",
+        "@douyinfe/semi-icons": "2.43.0",
+        "@douyinfe/semi-illustrations": "2.43.0",
+        "@douyinfe/semi-theme-default": "2.43.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "fcc62b3fcb6a4247854f4a81471cef9259ffc284",
+    "gitHead": "aa918000b24c716c67439b47d1e7fdf5707d30ff",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/lib/cjs/cascader/virtualRow.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface VirtualRowProps {
-    index: number;
-    data: Record<string, any>;
-    style?: React.CSSProperties;
-}
-declare const VirtualRow: ({ index, data, style }: VirtualRowProps) => any;
-export default VirtualRow;

package/lib/cjs/cascader/virtualRow.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const VirtualRow = _ref => {
-  let {
-    index,
-    data,
-    style
-  } = _ref;
-  const {
-    visibleOptions,
-    renderOption
-  } = data;
-  const option = visibleOptions[index];
-  return renderOption(option, index, style);
-};
-var _default = VirtualRow;
-exports.default = _default;

package/lib/es/cascader/virtualRow.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface VirtualRowProps {
-    index: number;
-    data: Record<string, any>;
-    style?: React.CSSProperties;
-}
-declare const VirtualRow: ({ index, data, style }: VirtualRowProps) => any;
-export default VirtualRow;

package/lib/es/cascader/virtualRow.js

@@ -1,14 +0,0 @@
-const VirtualRow = _ref => {
-  let {
-    index,
-    data,
-    style
-  } = _ref;
-  const {
-    visibleOptions,
-    renderOption
-  } = data;
-  const option = visibleOptions[index];
-  return renderOption(option, index, style);
-};
-export default VirtualRow;