@douyinfe/semi-ui 2.20.1 → 2.21.0-alpha.0

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

@@ -0,0 +1,157 @@
+import { ro } from 'date-fns/locale';
+/**
+ * [i18n-Romanian]
+ */
+
+export default {
+  code: 'ro',
+  dateFnsLocale: 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)'
+  }
+};

package/lib/es/table/HeadTable.js

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

package/lib/es/table/Table.js

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

@@ -94,6 +94,15 @@ 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.1",
+    "version": "2.21.0-alpha.0",
     "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.1",
-        "@douyinfe/semi-foundation": "2.20.1",
-        "@douyinfe/semi-icons": "2.20.1",
+        "@douyinfe/semi-animation-react": "2.21.0-alpha.0",
+        "@douyinfe/semi-foundation": "2.21.0-alpha.0",
+        "@douyinfe/semi-icons": "2.21.0-alpha.0",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.20.1",
+        "@douyinfe/semi-theme-default": "2.21.0-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,13 +69,13 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "9f1920d30dcfaf74678976cf9fa16e2ed4bfc226",
+    "gitHead": "689c04c44cdfda8c477e77785f47c1be3743e11e",
     "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.1",
+        "@douyinfe/semi-scss-compile": "2.21.0-alpha.0",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",