@douyinfe/semi-ui 2.20.7 → 2.20.9-alpha.0

package/lib/es/datePicker/month.js

@@ -65,6 +65,9 @@ export default class Month extends BaseComponent {
   }
 
   getSingleDayStatus(options) {
+    const {
+      rangeInputFocus
+    } = this.props;
     const {
       fullDate,
       todayText,
@@ -75,7 +78,8 @@ export default class Month extends BaseComponent {
     } = options;
     const disabledOptions = {
       rangeStart,
-      rangeEnd
+      rangeEnd,
+      rangeInputFocus
     };
     const isToday = fullDate === todayText;
     const isSelected = selected.has(fullDate);

package/lib/es/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/field.d.ts

@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
     preventScroll?: boolean;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

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

@@ -10,7 +10,7 @@ import { CheckboxProps } from '../checkbox/index';
 import { RadioProps } from '../radio/index';
 import { ReactFieldError as FieldError } from './errorMessage';
 import { LabelProps } from './label';
-export { FormState, FormApi, WithFieldOption };
+export { FormState, FormApi, WithFieldOption, RuleItem };
 export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;

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',

package/lib/es/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/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/modal/ModalContent.js

@@ -242,12 +242,12 @@ export default class ModalContent extends BaseComponent {
       },
       addKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.addEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       removeKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
+          document.removeEventListener('keydown', this.foundation.handleKeyDown);
         }
       },
       getMouseState: () => this.state.dialogMouseDown,

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

@@ -6,9 +6,9 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { InputProps } from '../input/index';
 import Option, { OptionProps } from './option';
 import OptionGroup from './optionGroup';
-import { Subtract } from 'utility-types';
 import '@douyinfe/semi-foundation/lib/es/select/select.css';
-import { Position, TooltipProps } from '../tooltip';
+import type { Position, TooltipProps } from '../tooltip';
+import type { Subtract } from 'utility-types';
 export type { OptionProps } from './option';
 export type { OptionGroupProps } from './optionGroup';
 export type { VirtualRowProps } from './virtualRow';

package/lib/es/select/index.js

@@ -633,7 +633,7 @@ class Select extends BaseComponent {
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       React.createElement("div", {
         id: "".concat(prefixcls, "-").concat(this.selectOptionListID),
-        className: dropdownClassName,
+        className: cls("".concat(prefixcls, "-option-list-wrapper"), dropdownClassName),
         style: style,
         ref: this.setOptionContainerEl,
         onKeyDown: e => this.foundation.handleContainerKeyDown(e)
@@ -1145,7 +1145,7 @@ Select.defaultProps = {
   onBlur: _noop,
   onClear: _noop,
   onListScroll: _noop,
-  maxHeight: 300,
+  maxHeight: numbers.LIST_HEIGHT,
   dropdownMatchSelectWidth: true,
   defaultActiveFirstOption: true,
   showArrow: true,

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/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<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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.7",
+    "version": "2.20.9-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.7",
-        "@douyinfe/semi-foundation": "2.20.7",
-        "@douyinfe/semi-icons": "2.20.7",
+        "@douyinfe/semi-animation-react": "2.20.9-alpha.0",
+        "@douyinfe/semi-foundation": "2.20.9-alpha.0",
+        "@douyinfe/semi-icons": "2.20.9-alpha.0",
         "@douyinfe/semi-illustrations": "2.15.0",
-        "@douyinfe/semi-theme-default": "2.20.7",
+        "@douyinfe/semi-theme-default": "2.20.9-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": "c0d0df27f122e6e57483172169baf1c23745a29a",
+    "gitHead": "023bcb9e58c4d547ac53ca44c6d093eeb9ada6e2",
     "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.7",
+        "@douyinfe/semi-scss-compile": "2.20.9-alpha.0",
         "@storybook/addon-knobs": "^6.3.1",
         "@types/lodash": "^4.14.176",
         "@types/react": ">=16.0.0",