@douyinfe/semi-ui 2.36.0 → 2.37.0-beta.0

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

@@ -50,6 +50,8 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     getValueLength?: (value: string) => number;
     forwardRef?: ((instance: any) => void) | React.MutableRefObject<any> | null;
     preventScroll?: boolean;
+    /** internal prop, DatePicker use it */
+    showClearIgnoreDisabled?: boolean;
 }
 export interface InputState {
     value: React.ReactText;
@@ -182,7 +184,6 @@ declare class Input extends BaseComponent<InputProps, InputState> {
     renderClearBtn(): JSX.Element;
     renderModeBtn(): JSX.Element;
     renderPrefix(): JSX.Element;
-    showClearBtn(): boolean;
     renderSuffix(suffixAllowClear: boolean): JSX.Element;
     getInputRef(): React.RefObject<HTMLInputElement> | React.MutableRefObject<any> | ((node: HTMLInputElement) => void);
     render(): JSX.Element;

package/lib/cjs/input/index.js

@@ -252,18 +252,6 @@ class Input extends _baseComponent.default {
       }, labelNode)
     );
   }
-  showClearBtn() {
-    const {
-      value,
-      isFocus,
-      isHovering
-    } = this.state;
-    const {
-      disabled,
-      showClear
-    } = this.props;
-    return Boolean(value) && showClear && !disabled && (isFocus || isHovering);
-  }
   renderSuffix(suffixAllowClear) {
     const {
       suffix,
@@ -338,15 +326,16 @@ class Input extends _baseComponent.default {
         maxLength,
         getValueLength,
         preventScroll,
-        borderless
+        borderless,
+        showClearIgnoreDisabled
       } = _a,
-      rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless"]);
+      rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled"]);
     const {
       value,
       isFocus,
       minLength: stateMinLength
     } = this.state;
-    const suffixAllowClear = this.showClearBtn();
+    const suffixAllowClear = this.foundation.isAllowClear();
     const suffixIsIcon = (0, _utils.isSemiIcon)(suffix);
     const ref = this.getInputRef();
     const wrapperPrefix = `${prefixCls}-wrapper`;

package/lib/cjs/list/index.js

@@ -17,6 +17,14 @@ var _spin = _interopRequireDefault(require("../spin"));
 var _listContext = _interopRequireDefault(require("./list-context"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 const prefixCls = _constants.cssClasses.PREFIX;
 class List extends _baseComponent.default {
   constructor() {
@@ -59,24 +67,26 @@ class List extends _baseComponent.default {
     }, childrenList ? childrenList : null, children);
   }
   render() {
-    const {
-      style,
-      className,
-      header,
-      loading,
-      onRightClick,
-      onClick,
-      footer,
-      layout,
-      grid,
-      size,
-      split,
-      loadMore,
-      bordered,
-      dataSource,
-      renderItem,
-      children
-    } = this.props;
+    const _a = this.props,
+      {
+        style,
+        className,
+        header,
+        loading,
+        onRightClick,
+        onClick,
+        footer,
+        layout,
+        grid,
+        size,
+        split,
+        loadMore,
+        bordered,
+        dataSource,
+        renderItem,
+        children
+      } = _a,
+      rest = __rest(_a, ["style", "className", "header", "loading", "onRightClick", "onClick", "footer", "layout", "grid", "size", "split", "loadMore", "bordered", "dataSource", "renderItem", "children"]);
     const wrapperCls = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-flex`]: layout === 'horizontal',
       [`${prefixCls}-${size}`]: size,
@@ -97,10 +107,10 @@ class List extends _baseComponent.default {
     } else if (!children && !loading) {
       childrenList = this.renderEmpty();
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperCls,
       style: style
-    }, header ? /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), header ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${_constants.cssClasses.PREFIX}-header`,
       "x-semi-prop": "header"
     }, header) : null, /*#__PURE__*/_react.default.createElement(_listContext.default.Provider, {

package/lib/cjs/list/item.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/list/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _grid = require("../grid");
 var _listContext = _interopRequireDefault(require("./list-context"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -38,19 +39,21 @@ class ListItem extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement(_grid.Col, Object.assign({}, rest), content);
   }
   render() {
-    const {
-      header,
-      main,
-      className,
-      style,
-      extra,
-      children,
-      align,
-      onClick,
-      onRightClick,
-      onMouseEnter,
-      onMouseLeave
-    } = this.props;
+    const _a = this.props,
+      {
+        header,
+        main,
+        className,
+        style,
+        extra,
+        children,
+        align,
+        onClick,
+        onRightClick,
+        onMouseEnter,
+        onMouseLeave
+      } = _a,
+      rest = __rest(_a, ["header", "main", "className", "style", "extra", "children", "align", "onClick", "onRightClick", "onMouseEnter", "onMouseLeave"]);
     const {
       onRightClick: contextOnRightClick,
       onClick: contextOnClick,
@@ -75,14 +78,14 @@ class ListItem extends _react.PureComponent {
     let content =
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    _react.default.createElement("li", {
+    _react.default.createElement("li", Object.assign({
       className: itemCls,
       style: style,
       onClick: handleClick,
       onContextMenu: handleContextMenu,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
-    }, body ? body : null, children, extra ? /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _getDataAttr.default)(rest)), body ? body : null, children, extra ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-item-extra`
     }, extra) : null);
     if (this.context && contextGrid) {

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

@@ -33,6 +33,7 @@ export interface Locale {
             dateTimeRange: [string, string];
             monthRange: [string, string];
         };
+        presets: string;
         footer: {
             confirm: string;
             cancel: string;

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['تاريخ البدء', 'تاريخ النهاية'],
       monthRange: ['الشهر الأول', 'الشهر الأخير']
     },
+    presets: 'اختيار سريع',
     footer: {
       confirm: 'تؤكد',
       cancel: 'إلغاء'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Startdatum', 'Enddatum'],
       monthRange: ['Startmonat', 'Endmonat']
     },
+    presets: 'Schnellauswahl',
     footer: {
       confirm: 'Bestätigen',
       cancel: 'Abbrechen'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Start date', 'End date'],
       monthRange: ['Start month', 'End month']
     },
+    presets: 'Presets',
     footer: {
       confirm: 'Confirm',
       cancel: 'Cancel'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Start date', 'End date'],
       monthRange: ['Start month', 'End month']
     },
+    presets: 'Presets',
     footer: {
       confirm: 'Confirm',
       cancel: 'Cancel'

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

@@ -43,6 +43,7 @@ const locale = {
       dateTimeRange: ['Fecha inicial', 'Fecha final'],
       monthRange: ['Mes inicial', 'Mes final']
     },
+    presets: 'Seleccionar rango',
     footer: {
       confirm: 'Aceptar',
       cancel: 'Cancelar'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Date de début', 'Date de fin'],
       monthRange: ['Mois de début', 'Mois de fin']
     },
+    presets: 'Préréglages',
     footer: {
       confirm: 'Confirmer',
       cancel: 'Annuler'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Tanggal mulai', 'Tanggal akhir'],
       monthRange: ['Bulan pertama', 'Bulan terakhir']
     },
+    presets: 'Pilihan cepat',
     footer: {
       confirm: 'Konfirmasi',
       cancel: 'Batalkan'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Data inizio', 'Data fine'],
       monthRange: ['Mese inizio', 'Mese fine']
     },
+    presets: 'Preimpostazioni rapide',
     footer: {
       confirm: 'Conferma',
       cancel: 'Cancella'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['開始日', '終了日'],
       monthRange: ['開始月', '終了月']
     },
+    presets: 'クイック選択',
     footer: {
       confirm: '確認する',
       cancel: 'キャンセル'

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

@@ -40,6 +40,7 @@ const local = {
       dateTimeRange: ['시작 날짜', '종료일'],
       monthRange: ['시작 월', '종료 월']
     },
+    presets: '빠른 선택',
     footer: {
       confirm: '확인',
       cancel: '취소'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Tarikh mula', 'Tarikh akhir'],
       monthRange: ['Bulan mula', 'Bulan akhir']
     },
+    presets: 'Pilihan Pantas',
     footer: {
       confirm: 'Sahkan',
       cancel: 'Batal'

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

@@ -44,6 +44,7 @@ const local = {
       dateTimeRange: ['Begindatum', 'Einddatum'],
       monthRange: ['Begindatum', 'Einddatum']
     },
+    presets: 'Snelle selectie',
     footer: {
       confirm: 'Bevestigen',
       cancel: 'Annuleren'

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

@@ -44,6 +44,7 @@ const local = {
       dateTimeRange: ['Data rozpoczęcia', 'Data zakończenia'],
       monthRange: ['Miesiąc rozpoczęcia', 'Miesiąc zakończenia']
     },
+    presets: 'Szybki wybór',
     footer: {
       confirm: 'Potwierdź',
       cancel: 'Anuluj'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['Data de início', 'Data de fim'],
       monthRange: ['Mês de início', 'Mês de fim']
     },
+    presets: 'Seleção rápida',
     footer: {
       confirm: 'OK',
       cancel: 'Cancelar'

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

@@ -35,6 +35,7 @@ declare const _default: {
             dateTimeRange: string[];
             monthRange: string[];
         };
+        presets: string;
         footer: {
             confirm: string;
             cancel: string;

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

@@ -42,6 +42,7 @@ var _default = {
       dateTimeRange: ['Data de început', 'Data de sfârșit'],
       monthRange: ['Luna de început', 'Luna de sfârșit']
     },
+    presets: 'Selecții rapide',
     footer: {
       confirm: 'Confirmă',
       cancel: 'Anulează'

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

@@ -42,6 +42,7 @@ const local = {
       dateTimeRange: ['Дата начала', 'Дата окончания'],
       monthRange: ['Начальный месяц', 'Конечный месяц']
     },
+    presets: 'Быстрый выбор',
     footer: {
       confirm: 'подтвердить',
       cancel: 'отмена'

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

@@ -43,6 +43,7 @@ const local = {
       dateTimeRange: ['Startdatum', 'Slutdatum'],
       monthRange: ['Startmånad', 'Slutmånad']
     },
+    presets: 'Snabbval',
     footer: {
       confirm: 'Bekräfta',
       cancel: 'Avbryt'

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

@@ -42,6 +42,7 @@ const local = {
       dateTimeRange: ['วันที่เริ่มต้น', 'วันที่สิ้นสุด'],
       monthRange: ['เดือนเริ่มต้น', 'เดือนสิ้นสุด']
     },
+    presets: 'การเลือกด่วน',
     footer: {
       confirm: 'ตกลง',
       cancel: 'ยกเลิก'

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

@@ -42,6 +42,7 @@ const local = {
       dateTimeRange: ['Başlangıç tarihi', 'Bitiş tarihi'],
       monthRange: ['Başlangıç ​​ayı', 'Bitiş ayı']
     },
+    presets: 'Hızlı seçim',
     footer: {
       confirm: 'Tamam',
       cancel: 'İptal'

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

@@ -42,6 +42,7 @@ const local = {
       dateTimeRange: ['Ngày bắt đầu', 'Ngày kết thúc'],
       monthRange: ['Tháng bắt đầu', 'Tháng kết thúc']
     },
+    presets: 'Lựa chọn nhanh',
     footer: {
       confirm: 'Xác nhận',
       cancel: 'Huỷ bỏ'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['开始日期', '结束日期'],
       monthRange: ['开始月份', '结束月份']
     },
+    presets: '快捷选择',
     footer: {
       confirm: '确定',
       cancel: '取消'

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

@@ -39,6 +39,7 @@ const local = {
       dateTimeRange: ['開始日期', '結束日期'],
       monthRange: ['開始月份', '結束月份']
     },
+    presets: '快捷選擇',
     footer: {
       confirm: '確定',
       cancel: '取消'

package/lib/cjs/modal/ModalContent.js

@@ -287,13 +287,15 @@ class ModalContent extends _baseComponent.default {
     this.foundation.destroy();
   }
   render() {
-    const {
-      maskClosable,
-      className,
-      getPopupContainer,
-      maskFixed,
-      getContainerContext
-    } = this.props;
+    const _a = this.props,
+      {
+        maskClosable,
+        className,
+        getPopupContainer,
+        maskFixed,
+        getContainerContext
+      } = _a,
+      rest = __rest(_a, ["maskClosable", "className", "getPopupContainer", "maskFixed", "getContainerContext"]);
     const {
       direction
     } = this.context;
@@ -303,9 +305,10 @@ class ModalContent extends _baseComponent.default {
       [`${_constants.cssClasses.DIALOG}-rtl`]: direction === 'rtl'
     });
     const containerContext = getContainerContext();
-    const elem = /*#__PURE__*/_react.default.createElement("div", {
+    const dataAttr = this.getDataAttr(rest);
+    const elem = /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: classList
-    }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    }, dataAttr), this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: "none",
       className: (0, _classnames.default)({
         [`${_constants.cssClasses.DIALOG}-wrap`]: true,

package/lib/cjs/navigation/index.js

@@ -23,6 +23,14 @@ require("@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-lines-per-function */
 
 function createAddKeysFn(context, keyName) {
@@ -177,28 +185,30 @@ class Nav extends _baseComponent.default {
     return finalDom;
   }
   render() {
-    const {
-      children: originChildren,
-      mode,
-      onOpenChange,
-      onSelect,
-      onClick,
-      style,
-      className,
-      subNavCloseDelay,
-      subNavOpenDelay,
-      subNavMotion,
-      tooltipShowDelay,
-      tooltipHideDelay,
-      prefixCls,
-      bodyStyle,
-      footer,
-      header,
-      toggleIconPosition,
-      limitIndent,
-      renderWrapper,
-      getPopupContainer
-    } = this.props;
+    const _a = this.props,
+      {
+        children: originChildren,
+        mode,
+        onOpenChange,
+        onSelect,
+        onClick,
+        style,
+        className,
+        subNavCloseDelay,
+        subNavOpenDelay,
+        subNavMotion,
+        tooltipShowDelay,
+        tooltipHideDelay,
+        prefixCls,
+        bodyStyle,
+        footer,
+        header,
+        toggleIconPosition,
+        limitIndent,
+        renderWrapper,
+        getPopupContainer
+      } = _a,
+      rest = __rest(_a, ["children", "mode", "onOpenChange", "onSelect", "onClick", "style", "className", "subNavCloseDelay", "subNavOpenDelay", "subNavMotion", "tooltipShowDelay", "tooltipHideDelay", "prefixCls", "bodyStyle", "footer", "header", "toggleIconPosition", "limitIndent", "renderWrapper", "getPopupContainer"]);
     const {
       selectedKeys,
       openKeys,
@@ -298,10 +308,10 @@ class Nav extends _baseComponent.default {
         renderWrapper,
         getPopupContainer
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: finalCls,
       style: finalStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-inner`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: headerListOuterCls

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

@@ -27,6 +27,7 @@ export interface PaginationProps {
     className?: string;
     hideOnSinglePage?: boolean;
     hoverShowPageSelect?: boolean;
+    disabled?: boolean;
 }
 export interface PaginationState {
     total: number;
@@ -66,6 +67,7 @@ export default class Pagination extends BaseComponent<PaginationProps, Paginatio
         hideOnSinglePage: PropTypes.Requireable<boolean>;
         hoverShowPageSelect: PropTypes.Requireable<boolean>;
         showQuickJumper: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         total: number;
@@ -82,6 +84,7 @@ export default class Pagination extends BaseComponent<PaginationProps, Paginatio
         className: string;
         hideOnSinglePage: boolean;
         showQuickJumper: boolean;
+        disabled: boolean;
     };
     constructor(props: PaginationProps);
     context: ContextValue;