@douyinfe/semi-ui 2.20.3 → 2.21.0-beta.0

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

@@ -55,6 +55,7 @@ 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;
@@ -113,6 +114,7 @@ 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>;
@@ -159,6 +161,7 @@ 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,6 +158,9 @@ class AutoComplete extends _baseComponent.default {
       notifyBlur: event => {
         this.props.onBlur(event);
       },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
+      },
       rePositionDropdown: () => {
         let {
           rePosKey
@@ -380,6 +383,7 @@ 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,
@@ -425,7 +429,8 @@ AutoComplete.defaultProps = {
   maxHeight: 300,
   validateStatus: 'default',
   autoFocus: false,
-  emptyContent: null // onPressEnter: () => undefined,
+  emptyContent: null,
+  onKeyDown: _noop2.default // onPressEnter: () => undefined,
   // defaultOpen: false,
 
 };

package/lib/cjs/dropdown/index.js

@@ -238,7 +238,7 @@ class Dropdown extends _baseComponent.default {
       onKeyDown: e => {
         this.foundation.handleKeyDown(e);
         const childrenKeyDown = (0, _get2.default)(children, 'props.onKeyDown');
-        childrenKeyDown && childrenKeyDown();
+        childrenKeyDown && childrenKeyDown(e);
       }
     }) : children);
   }

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 téléchargement',
+    legalTips: 'Libérer et commencer le chargement',
     retry: 'Réessayer',
     replace: 'Remplacer le fichier',
     clear: 'Supprimer',

package/lib/cjs/locale/source/ro.d.ts

@@ -0,0 +1,156 @@
+declare const _default: {
+    code: string;
+    dateFnsLocale: Locale;
+    Pagination: {
+        item: string;
+        pageSize: string;
+        page: string;
+        total: string;
+        jumpTo: string;
+    };
+    Modal: {
+        confirm: string;
+        cancel: string;
+    };
+    TimePicker: {
+        placeholder: {
+            time: string;
+            timeRange: string;
+        };
+        begin: string;
+        end: string;
+        hour: string;
+        minute: string;
+        second: string;
+        AM: string;
+        PM: string;
+    };
+    DatePicker: {
+        placeholder: {
+            date: string;
+            dateTime: string;
+            dateRange: string[];
+            dateTimeRange: string[];
+        };
+        footer: {
+            confirm: string;
+            cancel: string;
+        };
+        selectDate: string;
+        selectTime: string;
+        year: string;
+        month: string;
+        day: string;
+        monthText: string;
+        months: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        fullMonths: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weeks: {
+            Mon: string;
+            Tue: string;
+            Wed: string;
+            Thu: string;
+            Fri: string;
+            Sat: string;
+            Sun: string;
+        };
+        localeFormatToken: {
+            FORMAT_SWITCH_DATE: string;
+        };
+    };
+    Popconfirm: {
+        confirm: string;
+        cancel: string;
+    };
+    Navigation: {
+        collapseText: string;
+        expandText: string;
+    };
+    Table: {
+        emptyText: string;
+        pageText: string;
+    };
+    Select: {
+        emptyText: string;
+        createText: string;
+    };
+    Tree: {
+        emptyText: string;
+    };
+    Cascader: {
+        emptyText: string;
+    };
+    List: {
+        emptyText: string;
+    };
+    Calendar: {
+        allDay: string;
+        AM: string;
+        PM: string;
+        datestring: string;
+        remaining: string;
+    };
+    Upload: {
+        mainText: string;
+        illegalTips: string;
+        legalTips: string;
+        retry: string;
+        replace: string;
+        clear: string;
+        selectedFiles: string;
+        illegalSize: string;
+        fail: string;
+    };
+    TreeSelect: {
+        searchPlaceholder: string;
+    };
+    Typography: {
+        copy: string;
+        copied: string;
+        expand: string;
+        collapse: string;
+    };
+    Transfer: {
+        emptyLeft: string;
+        emptySearch: string;
+        emptyRight: string;
+        placeholder: string;
+        clear: string;
+        selectAll: string;
+        clearSelectAll: string;
+        total: string;
+        selected: string;
+    };
+    Form: {
+        optional: string;
+    };
+};
+/**
+ * [i18n-Romanian]
+ */
+export default _default;

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

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _locale = require("date-fns/locale");
+
+/**
+ * [i18n-Romanian]
+ */
+var _default = {
+  code: 'ro',
+  dateFnsLocale: _locale.ro,
+  Pagination: {
+    item: 'articol',
+    pageSize: 'articole/pagină',
+    page: ' pagini',
+    total: '',
+    jumpTo: 'Treci la'
+  },
+  Modal: {
+    confirm: 'Confirmă',
+    cancel: 'Anulează'
+  },
+  TimePicker: {
+    placeholder: {
+      time: 'Selectează timpul',
+      timeRange: 'Selectează o perioadă de timp'
+    },
+    begin: 'Ora de începere',
+    end: 'Ora de încheiere',
+    hour: '',
+    minute: '',
+    second: '',
+    AM: 'AM',
+    PM: 'PM'
+  },
+  DatePicker: {
+    placeholder: {
+      date: 'Selectează data',
+      dateTime: 'Selectează data și ora',
+      dateRange: ['Data de început', 'Data de sfârșit'],
+      dateTimeRange: ['Data de început', 'Data de sfârșit']
+    },
+    footer: {
+      confirm: 'Confirmă',
+      cancel: 'Anulează'
+    },
+    selectDate: 'Selectează data',
+    selectTime: 'Selectează timpul',
+    year: 'an',
+    month: 'lună',
+    day: 'zi',
+    monthText: '${month} ${year}',
+    months: {
+      1: 'Ian',
+      2: 'Feb',
+      3: 'Mar',
+      4: 'Apr',
+      5: 'Mai',
+      6: 'Iun',
+      7: 'Iul',
+      8: 'Aug',
+      9: 'Sep',
+      10: 'Oct',
+      11: 'Noi',
+      12: 'Dec'
+    },
+    fullMonths: {
+      1: 'Ianuarie',
+      2: 'Februarie',
+      3: 'Martie',
+      4: 'Aprilie',
+      5: 'Mai',
+      6: 'Iunie',
+      7: 'Iulie',
+      8: 'August',
+      9: 'Septembrie',
+      10: 'Octombrie',
+      11: 'Noiembrie',
+      12: 'Decembrie'
+    },
+    weeks: {
+      Mon: 'Lun',
+      Tue: 'Mar',
+      Wed: 'Mie',
+      Thu: 'Joi',
+      Fri: 'Vin',
+      Sat: 'Sâm',
+      Sun: 'dum'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Popconfirm: {
+    confirm: 'Confirmă',
+    cancel: 'Anulează'
+  },
+  Navigation: {
+    collapseText: 'Comprimă bara laterală',
+    expandText: 'Extinde bara laterală'
+  },
+  Table: {
+    emptyText: 'Nici un rezultat',
+    pageText: 'Arată ${currentStart} la ${currentEnd} de ${total}'
+  },
+  Select: {
+    emptyText: 'Nici un rezultat',
+    createText: 'Creează'
+  },
+  Tree: {
+    emptyText: 'Nici un rezultat'
+  },
+  Cascader: {
+    emptyText: 'Nici un rezultat'
+  },
+  List: {
+    emptyText: 'Nici un rezultat'
+  },
+  Calendar: {
+    allDay: 'Toată ziua',
+    AM: '${time} AM',
+    PM: '${time} PM',
+    datestring: '',
+    remaining: '${remained} plus'
+  },
+  Upload: {
+    mainText: 'Dă clic pentru a descărca fișierul sau trage fișierul aici',
+    illegalTips: 'Acest tip de fișier nu este acceptat',
+    legalTips: 'Eliberează și începe încărcarea',
+    retry: 'Încearcă din nou',
+    replace: 'Înlocuiește fișierul',
+    clear: 'Șterge',
+    selectedFiles: 'Fișiere selectate',
+    illegalSize: 'Dimensiunea greșită a fișierului',
+    fail: 'Eșec de încărcare'
+  },
+  TreeSelect: {
+    searchPlaceholder: 'Căutare'
+  },
+  Typography: {
+    copy: 'Copiază',
+    copied: 'Copiat',
+    expand: 'Extinde',
+    collapse: 'Comprimare'
+  },
+  Transfer: {
+    emptyLeft: 'Nu există date',
+    emptySearch: 'Nu s-au găsit rezultate',
+    emptyRight: 'Fără conținut, verifică la stânga',
+    placeholder: 'Căutare',
+    clear: 'Șterge',
+    selectAll: 'Selectează toate',
+    clearSelectAll: 'Deselectează toate',
+    total: 'Total ${total} articole',
+    selected: '${total} articole selectate'
+  },
+  Form: {
+    optional: '(opțional)'
+  }
+};
+exports.default = _default;

package/lib/cjs/table/HeadTable.js

@@ -46,7 +46,8 @@ class HeadTable extends _react.default.PureComponent {
       onDidUpdate,
       showHeader,
       anyColumnFixed,
-      bodyHasScrollBar
+      bodyHasScrollBar,
+      sticky
     } = this.props;
 
     if (!showHeader) {
@@ -77,10 +78,19 @@ 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: "".concat(prefixCls, "-header"),
+      className: headTableCls,
       ref: forwardedRef,
       onScroll: handleBodyScroll
     }, /*#__PURE__*/_react.default.createElement(Table, {

package/lib/cjs/table/Table.js

@@ -701,7 +701,8 @@ class Table extends _baseComponent.default {
         rowSelection,
         dataSource,
         bodyHasScrollBar,
-        disabledRowKeysSet
+        disabledRowKeysSet,
+        sticky
       } = props;
       const selectedRowKeysSet = (0, _get2.default)(rowSelection, 'selectedRowKeysSet', new Set());
       const headTable = fixed || useFixedHeader ? /*#__PURE__*/_react.default.createElement(_HeadTable.default, {
@@ -718,7 +719,8 @@ class Table extends _baseComponent.default {
         selectedRowKeysSet: selectedRowKeysSet,
         onHeaderRow: onHeaderRow,
         dataSource: dataSource,
-        bodyHasScrollBar: bodyHasScrollBar
+        bodyHasScrollBar: bodyHasScrollBar,
+        sticky: sticky
       }) : null;
 
       const bodyTable = /*#__PURE__*/_react.default.createElement(_Body.default, Object.assign({}, (0, _omit2.default)(props, ['rowSelection', 'headWidths']), {
@@ -1037,13 +1039,18 @@ 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
+          scroll,
+          sticky
         } = 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,6 +55,7 @@ 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;
@@ -288,4 +289,7 @@ 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,6 +184,11 @@ 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,6 +114,15 @@ 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,6 +55,7 @@ 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;
@@ -113,6 +114,7 @@ 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>;
@@ -159,6 +161,7 @@ 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,6 +134,9 @@ class AutoComplete extends BaseComponent {
       notifyBlur: event => {
         this.props.onBlur(event);
       },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
+      },
       rePositionDropdown: () => {
         let {
           rePosKey
@@ -356,6 +359,7 @@ AutoComplete.propTypes = {
   onBlur: PropTypes.func,
   onFocus: PropTypes.func,
   onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
   position: PropTypes.oneOf(positionSet),
   placeholder: PropTypes.string,
   prefix: PropTypes.node,
@@ -401,7 +405,8 @@ AutoComplete.defaultProps = {
   maxHeight: 300,
   validateStatus: 'default',
   autoFocus: false,
-  emptyContent: null // onPressEnter: () => undefined,
+  emptyContent: null,
+  onKeyDown: _noop // onPressEnter: () => undefined,
   // defaultOpen: false,
 
 };

package/lib/es/dropdown/index.js

@@ -216,7 +216,7 @@ class Dropdown extends BaseComponent {
 
         const childrenKeyDown = _get(children, 'props.onKeyDown');
 
-        childrenKeyDown && childrenKeyDown();
+        childrenKeyDown && childrenKeyDown(e);
       }
     }) : children);
   }

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 téléchargement',
+    legalTips: 'Libérer et commencer le chargement',
     retry: 'Réessayer',
     replace: 'Remplacer le fichier',
     clear: 'Supprimer',