@douyinfe/semi-ui 2.20.5 → 2.20.7

package/lib/cjs/autoComplete/index.d.ts

@@ -55,7 +55,6 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     onChangeWithObject?: boolean;
     onSelectWithObject?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     prefix?: React.ReactNode;
     placeholder?: string;
     position?: Position;
@@ -114,7 +113,6 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -161,7 +159,6 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         validateStatus: "default";
         autoFocus: boolean;
         emptyContent: null;
-        onKeyDown: (...args: any[]) => void;
     };
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;

package/lib/cjs/autoComplete/index.js

@@ -158,9 +158,6 @@ class AutoComplete extends _baseComponent.default {
       notifyBlur: event => {
         this.props.onBlur(event);
       },
-      notifyKeyDown: e => {
-        this.props.onKeyDown(e);
-      },
       rePositionDropdown: () => {
         let {
           rePosKey
@@ -383,7 +380,6 @@ AutoComplete.propTypes = {
   onBlur: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onChange: _propTypes.default.func,
-  onKeyDown: _propTypes.default.func,
   position: _propTypes.default.oneOf(positionSet),
   placeholder: _propTypes.default.string,
   prefix: _propTypes.default.node,
@@ -429,8 +425,7 @@ AutoComplete.defaultProps = {
   maxHeight: 300,
   validateStatus: 'default',
   autoFocus: false,
-  emptyContent: null,
-  onKeyDown: _noop2.default // onPressEnter: () => undefined,
+  emptyContent: null // onPressEnter: () => undefined,
   // defaultOpen: false,
 
 };

package/lib/cjs/image/image.d.ts

@@ -2,9 +2,9 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
-import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 import { PreviewContextProps } from "./previewContext";
 import ImageFoundation, { ImageAdapter } from '@douyinfe/semi-foundation/lib/cjs/image/imageFoundation';
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default class Image extends BaseComponent<ImageProps, ImageStates> {
     static isSemiImage: boolean;
     static contextType: React.Context<PreviewContextProps>;

package/lib/cjs/image/image.js

@@ -21,8 +21,6 @@ var _semiIcons = require("@douyinfe/semi-icons");
 
 var _previewInner = _interopRequireDefault(require("./previewInner"));
 
-require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
-
 var _previewContext = require("./previewContext");
 
 var _imageFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/image/imageFoundation"));
@@ -31,6 +29,8 @@ var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer")
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /* eslint-disable jsx-a11y/click-events-have-key-events */

package/lib/cjs/image/index.d.ts

@@ -1,6 +1,7 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
 export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

package/lib/cjs/image/index.js

@@ -23,6 +23,8 @@ var _previewInner = _interopRequireDefault(require("./previewInner"));
 
 var _preview = _interopRequireDefault(require("./preview"));
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = _image.default;

package/lib/cjs/image/preview.d.ts

@@ -4,6 +4,7 @@ import PropTypes from "prop-types";
 import { PreviewProps, PreviewState } from "./interface";
 import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/cjs/image/previewFoundation';
+import '@douyinfe/semi-foundation/lib/cjs/image/image.css';
 export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     static propTypes: {
         style: PropTypes.Requireable<object>;

package/lib/cjs/image/preview.js

@@ -23,6 +23,8 @@ var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
 
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/image/constants");
 
+require("@douyinfe/semi-foundation/lib/cjs/image/image.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {

package/lib/cjs/locale/source/fr.js

@@ -128,7 +128,7 @@ const local = {
   Upload: {
     mainText: 'Cliquez pour télécharger le fichier ou faites glisser le fichier vers ici',
     illegalTips: 'Ce type de fichier n\'est pas pris en charge',
-    legalTips: 'Libérer et commencer le chargement',
+    legalTips: 'Libérer et commencer le téléchargement',
     retry: 'Réessayer',
     replace: 'Remplacer le fichier',
     clear: 'Supprimer',

package/lib/cjs/table/HeadTable.js

@@ -46,8 +46,7 @@ class HeadTable extends _react.default.PureComponent {
       onDidUpdate,
       showHeader,
       anyColumnFixed,
-      bodyHasScrollBar,
-      sticky
+      bodyHasScrollBar
     } = this.props;
 
     if (!showHeader) {
@@ -78,19 +77,10 @@ class HeadTable extends _react.default.PureComponent {
       onDidUpdate: onDidUpdate
     }));
 
-    const headTableCls = (0, _classnames.default)("".concat(prefixCls, "-header"), {
-      ["".concat(prefixCls, "-header-sticky")]: sticky
-    });
-    const stickyTop = (0, _get2.default)(sticky, 'top', 0);
-
-    if (typeof stickyTop === 'number') {
-      headStyle.top = stickyTop;
-    }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "headTable",
       style: headStyle,
-      className: headTableCls,
+      className: "".concat(prefixCls, "-header"),
       ref: forwardedRef,
       onScroll: handleBodyScroll
     }, /*#__PURE__*/_react.default.createElement(Table, {

package/lib/cjs/table/Table.js

@@ -701,8 +701,7 @@ class Table extends _baseComponent.default {
         rowSelection,
         dataSource,
         bodyHasScrollBar,
-        disabledRowKeysSet,
-        sticky
+        disabledRowKeysSet
       } = props;
       const selectedRowKeysSet = (0, _get2.default)(rowSelection, 'selectedRowKeysSet', new Set());
       const headTable = fixed || useFixedHeader ? /*#__PURE__*/_react.default.createElement(_HeadTable.default, {
@@ -719,8 +718,7 @@ class Table extends _baseComponent.default {
         selectedRowKeysSet: selectedRowKeysSet,
         onHeaderRow: onHeaderRow,
         dataSource: dataSource,
-        bodyHasScrollBar: bodyHasScrollBar,
-        sticky: sticky
+        bodyHasScrollBar: bodyHasScrollBar
       }) : null;
 
       const bodyTable = /*#__PURE__*/_react.default.createElement(_Body.default, Object.assign({}, (0, _omit2.default)(props, ['rowSelection', 'headWidths']), {
@@ -1039,18 +1037,13 @@ class Table extends _baseComponent.default {
       isAnyColumnFixed: columns => (0, _some2.default)(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
       useFixedHeader: () => {
         const {
-          scroll,
-          sticky
+          scroll
         } = this.props;
 
         if ((0, _get2.default)(scroll, 'y')) {
           return true;
         }
 
-        if (sticky) {
-          return true;
-        }
-
         return false;
       },
       setHeadWidths: function (headWidths) {

package/lib/cjs/table/interface.d.ts

@@ -55,7 +55,6 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     onGroupedRow?: OnGroupedRow<RecordType>;
     onHeaderRow?: OnHeaderRow<RecordType>;
     onRow?: OnRow<RecordType>;
-    sticky?: Sticky;
 }
 export interface ColumnProps<RecordType extends Record<string, any> = any> {
     [x: string]: any;
@@ -289,7 +288,4 @@ export declare type BodyScrollPosition = 'both' | 'middle' | 'left' | 'right';
 export declare type TableLocale = Locale['Table'];
 export declare type Direction = CSSDirection;
 export declare type IncludeGroupRecord<RecordType> = BaseIncludeGroupRecord<RecordType>;
-export declare type Sticky = boolean | {
-    top?: number;
-};
 export {};

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

@@ -184,11 +184,6 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
      * manual upload by user
      */
     upload: () => void;
-    /**
-     * ref method
-     * manual open file select dialog
-     */
-    openFileDialog: () => void;
     renderFile: (file: FileItem, index: number, locale: Locale['Upload']) => ReactNode;
     renderFileList: () => ReactNode;
     renderFileListPic: () => JSX.Element;

package/lib/cjs/upload/index.js

@@ -114,15 +114,6 @@ class Upload extends _baseComponent.default {
       } = this.state;
       this.foundation.startUpload(fileList);
     };
-    /**
-     * ref method
-     * manual open file select dialog
-     */
-
-
-    this.openFileDialog = () => {
-      this.onClick();
-    };
 
     this.renderFile = (file, index, locale) => {
       const {

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

@@ -55,7 +55,6 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     onChangeWithObject?: boolean;
     onSelectWithObject?: boolean;
     onDropdownVisibleChange?: (visible: boolean) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     prefix?: React.ReactNode;
     placeholder?: string;
     position?: Position;
@@ -114,7 +113,6 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -161,7 +159,6 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         validateStatus: "default";
         autoFocus: boolean;
         emptyContent: null;
-        onKeyDown: (...args: any[]) => void;
     };
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;

package/lib/es/autoComplete/index.js

@@ -134,9 +134,6 @@ class AutoComplete extends BaseComponent {
       notifyBlur: event => {
         this.props.onBlur(event);
       },
-      notifyKeyDown: e => {
-        this.props.onKeyDown(e);
-      },
       rePositionDropdown: () => {
         let {
           rePosKey
@@ -359,7 +356,6 @@ AutoComplete.propTypes = {
   onBlur: PropTypes.func,
   onFocus: PropTypes.func,
   onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
   position: PropTypes.oneOf(positionSet),
   placeholder: PropTypes.string,
   prefix: PropTypes.node,
@@ -405,8 +401,7 @@ AutoComplete.defaultProps = {
   maxHeight: 300,
   validateStatus: 'default',
   autoFocus: false,
-  emptyContent: null,
-  onKeyDown: _noop // onPressEnter: () => undefined,
+  emptyContent: null // onPressEnter: () => undefined,
   // defaultOpen: false,
 
 };

package/lib/es/image/image.d.ts

@@ -2,9 +2,9 @@ import React from "react";
 import BaseComponent from "../_base/baseComponent";
 import { ImageProps, ImageStates } from "./interface";
 import PropTypes from "prop-types";
-import '@douyinfe/semi-foundation/lib/es/image/image.css';
 import { PreviewContextProps } from "./previewContext";
 import ImageFoundation, { ImageAdapter } from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default class Image extends BaseComponent<ImageProps, ImageStates> {
     static isSemiImage: boolean;
     static contextType: React.Context<PreviewContextProps>;

package/lib/es/image/image.js

@@ -10,11 +10,11 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
 import cls from "classnames";
 import { IconUploadError, IconEyeOpened } from "@douyinfe/semi-icons";
 import PreviewInner from "./previewInner";
-import '@douyinfe/semi-foundation/lib/es/image/image.css';
 import { PreviewContext } from "./previewContext";
 import ImageFoundation from '@douyinfe/semi-foundation/lib/es/image/imageFoundation';
 import LocaleConsumer from "../locale/localeConsumer";
 import Skeleton from "../skeleton";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 const prefixCls = cssClasses.PREFIX;
 export default class Image extends BaseComponent {
   constructor(props) {

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

@@ -1,6 +1,7 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default Image;
 export { PreviewInner, Preview, };
 export { ImageProps, PreviewImageProps, PreviewProps, } from "./interface";

package/lib/es/image/index.js

@@ -1,5 +1,6 @@
 import Image from "./image";
 import PreviewInner from "./previewInner";
 import Preview from "./preview";
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default Image;
 export { PreviewInner, Preview };

package/lib/es/image/preview.d.ts

@@ -4,6 +4,7 @@ import PropTypes from "prop-types";
 import { PreviewProps, PreviewState } from "./interface";
 import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/es/image/previewFoundation';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 export default class Preview extends BaseComponent<PreviewProps, PreviewState> {
     static propTypes: {
         style: PropTypes.Requireable<object>;

package/lib/es/image/preview.js

@@ -19,6 +19,7 @@ import PreviewInner from "./previewInner";
 import PreviewFoundation from '@douyinfe/semi-foundation/lib/es/image/previewFoundation';
 import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/image/constants';
+import '@douyinfe/semi-foundation/lib/es/image/image.css';
 const prefixCls = cssClasses.PREFIX;
 export default class Preview extends BaseComponent {
   constructor(props) {

package/lib/es/locale/source/fr.js

@@ -120,7 +120,7 @@ const local = {
   Upload: {
     mainText: 'Cliquez pour télécharger le fichier ou faites glisser le fichier vers ici',
     illegalTips: 'Ce type de fichier n\'est pas pris en charge',
-    legalTips: 'Libérer et commencer le chargement',
+    legalTips: 'Libérer et commencer le téléchargement',
     retry: 'Réessayer',
     replace: 'Remplacer le fichier',
     clear: 'Supprimer',

package/lib/es/table/HeadTable.js

@@ -31,8 +31,7 @@ class HeadTable extends React.PureComponent {
       onDidUpdate,
       showHeader,
       anyColumnFixed,
-      bodyHasScrollBar,
-      sticky
+      bodyHasScrollBar
     } = this.props;
 
     if (!showHeader) {
@@ -63,20 +62,10 @@ class HeadTable extends React.PureComponent {
       components: components,
       onDidUpdate: onDidUpdate
     }));
-    const headTableCls = classnames("".concat(prefixCls, "-header"), {
-      ["".concat(prefixCls, "-header-sticky")]: sticky
-    });
-
-    const stickyTop = _get(sticky, 'top', 0);
-
-    if (typeof stickyTop === 'number') {
-      headStyle.top = stickyTop;
-    }
-
     return /*#__PURE__*/React.createElement("div", {
       key: "headTable",
       style: headStyle,
-      className: headTableCls,
+      className: "".concat(prefixCls, "-header"),
       ref: forwardedRef,
       onScroll: handleBodyScroll
     }, /*#__PURE__*/React.createElement(Table, {

package/lib/es/table/Table.js

@@ -655,8 +655,7 @@ class Table extends BaseComponent {
         rowSelection,
         dataSource,
         bodyHasScrollBar,
-        disabledRowKeysSet,
-        sticky
+        disabledRowKeysSet
       } = props;
 
       const selectedRowKeysSet = _get(rowSelection, 'selectedRowKeysSet', new Set());
@@ -675,8 +674,7 @@ class Table extends BaseComponent {
         selectedRowKeysSet: selectedRowKeysSet,
         onHeaderRow: onHeaderRow,
         dataSource: dataSource,
-        bodyHasScrollBar: bodyHasScrollBar,
-        sticky: sticky
+        bodyHasScrollBar: bodyHasScrollBar
       }) : null;
       const bodyTable = /*#__PURE__*/React.createElement(BodyTable, Object.assign({}, _omit(props, ['rowSelection', 'headWidths']), {
         key: "body",
@@ -995,18 +993,13 @@ class Table extends BaseComponent {
       isAnyColumnFixed: columns => _some(this.getColumns(columns || this.props.columns, this.props.children), column => Boolean(column.fixed)),
       useFixedHeader: () => {
         const {
-          scroll,
-          sticky
+          scroll
         } = this.props;
 
         if (_get(scroll, 'y')) {
           return true;
         }
 
-        if (sticky) {
-          return true;
-        }
-
         return false;
       },
       setHeadWidths: function (headWidths) {

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

@@ -55,7 +55,6 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     onGroupedRow?: OnGroupedRow<RecordType>;
     onHeaderRow?: OnHeaderRow<RecordType>;
     onRow?: OnRow<RecordType>;
-    sticky?: Sticky;
 }
 export interface ColumnProps<RecordType extends Record<string, any> = any> {
     [x: string]: any;
@@ -289,7 +288,4 @@ export declare type BodyScrollPosition = 'both' | 'middle' | 'left' | 'right';
 export declare type TableLocale = Locale['Table'];
 export declare type Direction = CSSDirection;
 export declare type IncludeGroupRecord<RecordType> = BaseIncludeGroupRecord<RecordType>;
-export declare type Sticky = boolean | {
-    top?: number;
-};
 export {};

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

@@ -184,11 +184,6 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
      * manual upload by user
      */
     upload: () => void;
-    /**
-     * ref method
-     * manual open file select dialog
-     */
-    openFileDialog: () => void;
     renderFile: (file: FileItem, index: number, locale: Locale['Upload']) => ReactNode;
     renderFileList: () => ReactNode;
     renderFileListPic: () => JSX.Element;

package/lib/es/upload/index.js

@@ -94,15 +94,6 @@ class Upload extends BaseComponent {
       } = this.state;
       this.foundation.startUpload(fileList);
     };
-    /**
-     * ref method
-     * manual open file select dialog
-     */
-
-
-    this.openFileDialog = () => {
-      this.onClick();
-    };
 
     this.renderFile = (file, index, locale) => {
       const {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.20.5",
+    "version": "2.20.7",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -18,11 +18,11 @@
     ],
     "dependencies": {
         "@douyinfe/semi-animation": "2.12.0",
-        "@douyinfe/semi-animation-react": "2.20.5",
-        "@douyinfe/semi-foundation": "2.20.5",
-        "@douyinfe/semi-icons": "2.20.5",
+        "@douyinfe/semi-animation-react": "2.20.7",
+        "@douyinfe/semi-foundation": "2.20.7",
+        "@douyinfe/semi-icons": "2.20.7",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.20.5",
+        "@douyinfe/semi-theme-default": "2.20.7",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "d3bebd51a3287d8e57d9460f658102bfb9712af4",
+    "gitHead": "c0d0df27f122e6e57483172169baf1c23745a29a",
     "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.20.5",
+        "@douyinfe/semi-scss-compile": "2.20.7",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",