@douyinfe/semi-ui 2.0.7-alpha.0 → 2.0.9-alpha.2

package/lib/es/typography/base.js

@@ -1,7 +1,3 @@
-import _isString from "lodash/isString";
-import _merge from "lodash/merge";
-import _omit from "lodash/omit";
-import _isUndefined from "lodash/isUndefined";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -28,6 +24,7 @@ import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/typography/constants';
 import Typography from './typography';
 import Copyable from './copyable';
+import { isUndefined, omit, merge, isString } from 'lodash-es';
 import Tooltip from '../tooltip/index';
 import Popover from '../popover/index';
 import getRenderText from './util';
@@ -97,7 +94,7 @@ export default class Base extends Component {
         pos,
         suffix
       } = this.getEllipsisOpt();
-      return !expandable && _isUndefined(expandText) && !copyable && pos === 'end' && !suffix.length;
+      return !expandable && isUndefined(expandText) && !copyable && pos === 'end' && !suffix.length;
     };
     /**
      * whether truncated
@@ -129,9 +126,7 @@ export default class Base extends Component {
         expandText
       } = this.getEllipsisOpt();
       const overflowed = !expanded && (isOverflowed || isTruncated);
-
-      const noExpandText = !expandable && _isUndefined(expandText);
-
+      const noExpandText = !expandable && isUndefined(expandText);
       const show = noExpandText && overflowed && showTooltip;
 
       if (!show) {
@@ -145,7 +140,7 @@ export default class Base extends Component {
 
       if (typeof showTooltip === 'object') {
         if (showTooltip.type && showTooltip.type.toLowerCase() === 'popover') {
-          return _merge({
+          return merge({
             opts: {
               style: {
                 width: '240px'
@@ -219,11 +214,8 @@ export default class Base extends Component {
         expanded,
         first
       } = this.state;
-
-      const noExpandText = !expandable && _isUndefined(expandText);
-
-      const noCollapseText = !collapsible && _isUndefined(collapseText);
-
+      const noExpandText = !expandable && isUndefined(expandText);
+      const noCollapseText = !collapsible && isUndefined(collapseText);
       let text;
 
       if (!expanded && !noExpandText) {
@@ -552,9 +544,8 @@ export default class Base extends Component {
     } = _a,
           rest = __rest(_a, ["component", "children", "className", "type", "spacing", "disabled", "style", "ellipsis", "icon", "size", "link", "heading"]);
 
-    const textProps = _omit(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
+    const textProps = omit(rest, ['strong', 'editable', 'mark', 'copyable', 'underline', 'code', // 'link',
     'delete']);
-
     const iconNode = this.renderIcon();
     const ellipsisOpt = this.getEllipsisOpt();
     const {
@@ -577,7 +568,7 @@ export default class Base extends Component {
       ["".concat(prefixCls, "-link")]: link,
       ["".concat(prefixCls, "-disabled")]: disabled,
       [_concatInstanceProperty(_context4 = "".concat(prefixCls, "-")).call(_context4, spacing)]: spacing,
-      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-")).call(_context5, heading)]: _isString(heading) && hTagReg.test(heading)
+      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-")).call(_context5, heading)]: isString(heading) && hTagReg.test(heading)
     });
     return /*#__PURE__*/React.createElement(Typography, _Object$assign({
       className: wrapperCls,

package/lib/es/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -1,25 +1,10 @@
-import { PureComponent, ReactNode, MouseEventHandler, MouseEvent, CSSProperties } from 'react';
+import { PureComponent, ReactNode, MouseEvent, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import { Locale } from '../locale/interface';
-export interface FileCardProps {
+import { RenderFileItemProps } from './interface';
+export interface FileCardProps extends RenderFileItemProps {
     className?: string;
-    disabled?: boolean;
-    listType?: 'picture' | 'list';
-    name?: string;
-    onPreviewClick?: MouseEventHandler<HTMLDivElement>;
-    onRemove?: (props: FileCardProps, e: MouseEvent) => void;
-    onReplace?: (props: FileCardProps, e: MouseEvent) => void;
-    onRetry?: (props: FileCardProps, e: MouseEvent) => void;
-    percent?: number;
-    preview?: boolean;
-    previewFile?: (props: FileCardProps) => ReactNode;
-    showReplace?: boolean;
-    showRetry?: boolean;
-    size?: string;
-    status?: string;
     style?: CSSProperties;
-    url?: string;
-    validateMessage?: ReactNode;
 }
 declare class FileCard extends PureComponent<FileCardProps> {
     static propTypes: {

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

@@ -1,64 +1,12 @@
 import { ReactNode, CSSProperties, RefObject, ChangeEvent, DragEvent } from 'react';
 import PropTypes from 'prop-types';
-import UploadFoundation, { BaseFileItem, UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
-import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import UploadFoundation, { UploadAdapter, BeforeUploadObjectResult, AfterUploadResult } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import FileCard from './fileCard';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
-import { ArrayElement } from '../_base/base';
+import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/es/upload/upload.css';
-export interface FileItem extends BaseFileItem {
-    validateMessage?: ReactNode;
-}
-export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
-export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
-export interface RenderFileItemProps extends FileItem {
-    previewFile: (fileItem: FileItem) => ReactNode;
-    listType: UploadListType;
-    onRemove: () => void;
-    onRetry: () => void;
-    onReplace: () => void;
-    key: string;
-    showRetry: boolean;
-    showReplace: boolean;
-    style: CSSProperties;
-    disabled: boolean;
-    onPreviewClick: () => void;
-}
-export interface BeforeUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-}
-export interface AfterUploadProps {
-    file: FileItem;
-    fileList: Array<FileItem>;
-    response: any;
-}
-export interface OnChangeProps {
-    fileList: Array<FileItem>;
-    currentFile: FileItem;
-}
-export interface customRequestArgs {
-    fileName: string;
-    data: Record<string, any>;
-    file: FileItem;
-    fileInstance: File;
-    onProgress: (event: {
-        total: number;
-        loaded: number;
-    }) => any;
-    onError: (userXhr: {
-        status?: number;
-    }, e: Event) => any;
-    onSuccess: (response: any, e: Event) => any;
-    withCredentials: boolean;
-    action: string;
-}
-export interface CustomError extends Error {
-    status: number;
-    method: string;
-    url: string;
-}
+export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError };
 export interface UploadProps {
     accept?: string;
     action: string;
@@ -102,7 +50,7 @@ export interface UploadProps {
     onRetry?: (fileItem: FileItem) => void;
     onSizeError?: (file: File, fileList: Array<FileItem>) => void;
     onSuccess?: (responseBody: any, file: File, fileList: Array<FileItem>) => void;
-    previewFile?: (fileItem: FileItem) => ReactNode;
+    previewFile?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     prompt?: ReactNode;
     promptPosition?: PromptPositionType;
     renderFileItem?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
@@ -180,7 +128,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
+        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

package/lib/es/upload/index.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -7,6 +6,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import UploadFoundation from '@douyinfe/semi-foundation/lib/es/upload/foundation';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/upload/constants';
 import FileCard from './fileCard';
@@ -498,21 +498,21 @@ Upload.defaultProps = {
   disabled: false,
   listType: 'list',
   multiple: false,
-  onAcceptInvalid: _noop,
-  onChange: _noop,
+  onAcceptInvalid: noop,
+  onChange: noop,
   beforeRemove: () => true,
   beforeClear: () => true,
-  onClear: _noop,
-  onDrop: _noop,
-  onError: _noop,
-  onExceed: _noop,
-  onFileChange: _noop,
-  onOpenFileDialog: _noop,
-  onProgress: _noop,
-  onRemove: _noop,
-  onRetry: _noop,
-  onSizeError: _noop,
-  onSuccess: _noop,
+  onClear: noop,
+  onDrop: noop,
+  onError: noop,
+  onExceed: noop,
+  onFileChange: noop,
+  onOpenFileDialog: noop,
+  onProgress: noop,
+  onRemove: noop,
+  onRetry: noop,
+  onSizeError: noop,
+  onSuccess: noop,
   promptPosition: 'right',
   showClear: true,
   showReplace: false,

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

@@ -0,0 +1,56 @@
+import { ReactNode, CSSProperties, MouseEvent } from 'react';
+import { BaseFileItem } from '@douyinfe/semi-foundation/lib/es/upload/foundation';
+import { strings } from '@douyinfe/semi-foundation/lib/es/upload/constants';
+import { ArrayElement } from '../_base/base';
+export declare type PromptPositionType = ArrayElement<typeof strings.PROMPT_POSITION>;
+export declare type UploadListType = ArrayElement<typeof strings.LIST_TYPE>;
+export interface BeforeUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+}
+export interface AfterUploadProps {
+    file: FileItem;
+    fileList: Array<FileItem>;
+    response: any;
+}
+export interface OnChangeProps {
+    fileList: Array<FileItem>;
+    currentFile: FileItem;
+}
+export interface customRequestArgs {
+    fileName: string;
+    data: Record<string, any>;
+    file: FileItem;
+    fileInstance: File;
+    onProgress: (event: {
+        total: number;
+        loaded: number;
+    }) => any;
+    onError: (userXhr: {
+        status?: number;
+    }, e: Event) => any;
+    onSuccess: (response: any, e: Event) => any;
+    withCredentials: boolean;
+    action: string;
+}
+export interface CustomError extends Error {
+    status: number;
+    method: string;
+    url: string;
+}
+export interface FileItem extends BaseFileItem {
+    validateMessage?: ReactNode;
+}
+export interface RenderFileItemProps extends FileItem {
+    previewFile?: (fileItem: RenderFileItemProps) => ReactNode;
+    listType: UploadListType;
+    onRemove: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onRetry: (props: RenderFileItemProps, e: MouseEvent) => void;
+    onReplace: (props: RenderFileItemProps, e: MouseEvent) => void;
+    key: string;
+    showRetry: boolean;
+    showReplace: boolean;
+    style?: CSSProperties;
+    disabled: boolean;
+    onPreviewClick: () => void;
+}

package/lib/es/upload/interface.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.0.7-alpha.0",
+    "version": "2.0.9-alpha.2",
     "description": "",
-    "main": "lib/cjs/index.js",
+    "main": "lib/es/index.js",
     "module": "lib/es/index.js",
     "typings": "lib/es/index.d.ts",
     "files": [
@@ -19,17 +19,17 @@
     },
     "dependencies": {
         "@babel/runtime-corejs3": "^7.15.4",
-        "@douyinfe/semi-animation-react": "2.0.7-alpha.0",
-        "@douyinfe/semi-foundation": "2.0.7-alpha.0",
-        "@douyinfe/semi-icons": "2.0.7-alpha.0",
-        "@douyinfe/semi-illustrations": "2.0.7-alpha.0",
-        "@douyinfe/semi-theme-default": "2.0.6",
+        "@douyinfe/semi-animation-react": "2.0.8",
+        "@douyinfe/semi-foundation": "2.0.9-alpha.2",
+        "@douyinfe/semi-icons": "2.0.9-alpha.0",
+        "@douyinfe/semi-illustrations": "2.0.9-alpha.0",
+        "@douyinfe/semi-theme-default": "2.0.8",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
         "date-fns": "^2.9.0",
         "date-fns-tz": "^1.0.10",
-        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.15",
         "react-resizable": "^1.8.0",
         "react-sortable-hoc": "^1.11.0",
         "react-window": "^1.8.2",
@@ -64,17 +64,15 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "ad707628b7a6a9c323705bf9406476a6f18da64e",
+    "gitHead": "7a4c4799d28e62f8f278d53bfa08a21ee591dc5d",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",
         "@babel/preset-react": "^7.14.5",
-        "@douyinfe/semi-scss-compile": "2.0.7-alpha.0",
+        "@douyinfe/semi-scss-compile": "2.0.8",
         "@storybook/addon-knobs": "^6.3.1",
-        "@types/lodash": "^4.14.176",
         "babel-loader": "^8.2.2",
-        "babel-plugin-lodash": "^3.3.4",
         "case-sensitive-paths-webpack-plugin": "^2.4.0",
         "del": "^6.0.0",
         "enzyme": "^3.11.0",