@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _locale = require("date-fns/locale");
+
+const local = {
+  code: 'zh-CN',
+  dateFnsLocale: _locale.zhCN,
+  Pagination: {
+    item: '条',
+    page: '页',
+    pageSize: '条/页',
+    total: '共',
+    jumpTo: '跳至'
+  },
+  Modal: {
+    confirm: '确定',
+    cancel: '取消'
+  },
+  TimePicker: {
+    placeholder: {
+      time: '请选择时间',
+      timeRange: '请选择时间范围'
+    },
+    begin: '开始时间',
+    end: '结束时间',
+    hour: '时',
+    minute: '分',
+    second: '秒',
+    AM: '上午',
+    PM: '下午'
+  },
+  DatePicker: {
+    placeholder: {
+      date: '请选择日期',
+      dateTime: '请选择日期及时间',
+      dateRange: ['开始日期', '结束日期'],
+      dateTimeRange: ['开始日期', '结束日期']
+    },
+    footer: {
+      confirm: '确定',
+      cancel: '取消'
+    },
+    selectDate: '返回选择日期',
+    selectTime: '选择时间',
+    year: '年',
+    month: '月',
+    day: '日',
+    monthText: '${year}年 ${month}',
+    months: {
+      1: '1月',
+      2: '2月',
+      3: '3月',
+      4: '4月',
+      5: '5月',
+      6: '6月',
+      7: '7月',
+      8: '8月',
+      9: '9月',
+      10: '10月',
+      11: '11月',
+      12: '12月'
+    },
+    // timepicker scrollwheel里只需要展示[1、2……]，所以这里的fullMonths根据UI定制了
+    fullMonths: {
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12'
+    },
+    weeks: {
+      Mon: '一',
+      Tue: '二',
+      Wed: '三',
+      Thu: '四',
+      Fri: '五',
+      Sat: '六',
+      Sun: '日'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Navigation: {
+    collapseText: '收起侧边栏',
+    expandText: '展开侧边栏'
+  },
+  Popconfirm: {
+    confirm: '确定',
+    cancel: '取消'
+  },
+  Table: {
+    emptyText: '暂无数据',
+    pageText: '显示第 ${currentStart} 条-第 ${currentEnd} 条，共 ${total} 条'
+  },
+  Select: {
+    emptyText: '暂无数据',
+    createText: '创建'
+  },
+  Cascader: {
+    emptyText: '暂无数据'
+  },
+  Tree: {
+    emptyText: '暂无数据',
+    searchPlaceholder: '搜索'
+  },
+  List: {
+    emptyText: '暂无数据'
+  },
+  Calendar: {
+    allDay: '全天',
+    AM: '上午${time}时',
+    PM: '下午${time}时',
+    datestring: '日',
+    remaining: '还有${remained}项'
+  },
+  Upload: {
+    mainText: '点击上传文件或拖拽文件到这里',
+    illegalTips: '不支持此类型文件',
+    legalTips: '松手开始上传',
+    retry: '重试',
+    replace: '替换文件',
+    clear: '清空',
+    selectedFiles: '已选择文件',
+    illegalSize: '文件尺寸不合法',
+    fail: '上传失败'
+  },
+  TreeSelect: {
+    searchPlaceholder: '搜索'
+  },
+  Typography: {
+    copy: '复制',
+    copied: '复制成功',
+    expand: '展开',
+    collapse: '收起'
+  },
+  Transfer: {
+    emptyLeft: '暂无数据',
+    emptySearch: '无搜索结果',
+    emptyRight: '暂无内容，可从左侧勾选',
+    placeholder: '搜索',
+    clear: '清空',
+    selectAll: '全选',
+    clearSelectAll: '取消全选',
+    total: '共 ${total} 项',
+    selected: '已选 ${total} 项'
+  }
+}; // 中文
+
+var _default = local;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+import { Locale } from '../interface';
+declare const local: Locale;
+export default local;

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _locale = require("date-fns/locale");
+
+const local = {
+  code: 'zh-TW',
+  dateFnsLocale: _locale.zhTW,
+  Pagination: {
+    item: '條',
+    page: '頁',
+    pageSize: '條/頁',
+    total: '共',
+    jumpTo: '跳至'
+  },
+  Modal: {
+    confirm: '確定',
+    cancel: '取消'
+  },
+  TimePicker: {
+    placeholder: {
+      time: '請選擇時間',
+      timeRange: '請選擇時間範圍'
+    },
+    begin: '開始時間',
+    end: '結束時間',
+    hour: '時',
+    minute: '分',
+    second: '秒',
+    AM: '上午',
+    PM: '下午'
+  },
+  DatePicker: {
+    placeholder: {
+      date: '請選擇日期',
+      dateTime: '請選擇日期及時間',
+      dateRange: ['開始日期', '結束日期'],
+      dateTimeRange: ['開始日期', '結束日期']
+    },
+    footer: {
+      confirm: '確定',
+      cancel: '取消'
+    },
+    selectDate: '返回選擇日期',
+    selectTime: '選擇時間',
+    year: '年',
+    month: '月',
+    day: '日',
+    monthText: '${year}年 ${month}',
+    months: {
+      1: '1月',
+      2: '2月',
+      3: '3月',
+      4: '4月',
+      5: '5月',
+      6: '6月',
+      7: '7月',
+      8: '8月',
+      9: '9月',
+      10: '10月',
+      11: '11月',
+      12: '12月'
+    },
+    // timepicker scrollwheel裏只需要展示[1、2……]，所以這裏的fullMonths根據UI定制了
+    fullMonths: {
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12'
+    },
+    weeks: {
+      Mon: '一',
+      Tue: '二',
+      Wed: '三',
+      Thu: '四',
+      Fri: '五',
+      Sat: '六',
+      Sun: '日'
+    },
+    localeFormatToken: {
+      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+    }
+  },
+  Navigation: {
+    collapseText: '收起側邊欄',
+    expandText: '展開側邊欄'
+  },
+  Popconfirm: {
+    confirm: '確定',
+    cancel: '取消'
+  },
+  Table: {
+    emptyText: '暫無數據',
+    pageText: '顯示第 ${currentStart} 條-第 ${currentEnd} 條，共 ${total} 條'
+  },
+  Select: {
+    emptyText: '暫無數據',
+    createText: '創建'
+  },
+  Cascader: {
+    emptyText: '暫無數據'
+  },
+  Tree: {
+    emptyText: '暫無數據',
+    searchPlaceholder: '搜索'
+  },
+  List: {
+    emptyText: '暫無數據'
+  },
+  Calendar: {
+    allDay: '全天',
+    AM: '上午${time}時',
+    PM: '下午${time}時',
+    datestring: '日',
+    remaining: '還有${remained}項'
+  },
+  Upload: {
+    mainText: '點擊上傳文件或拖拽文件到這裏',
+    illegalTips: '不支持此類型文件',
+    legalTips: '松手開始上傳',
+    retry: '重試',
+    replace: '替換文件',
+    clear: '清空',
+    selectedFiles: '已選擇文件',
+    illegalSize: '文件尺寸不合法',
+    fail: '上傳失敗'
+  },
+  TreeSelect: {
+    searchPlaceholder: '搜索'
+  },
+  Typography: {
+    copy: '複制',
+    copied: '複制成功',
+    expand: '展開',
+    collapse: '收起'
+  },
+  Transfer: {
+    emptyLeft: '暫無數據',
+    emptySearch: '無搜索結果',
+    emptyRight: '暫無內容，可從左側勾選',
+    placeholder: '搜索',
+    clear: '清空',
+    selectAll: '全選',
+    clearSelectAll: '取消全選',
+    total: '共 ${total} 項',
+    selected: '已選 ${total} 項'
+  }
+}; // 中文
+
+var _default = local;
+exports.default = _default;

package/lib/cjs/modal/ConfirmModal.d.ts

@@ -0,0 +1,4 @@
+import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
+import { ConfirmProps } from './confirm';
+declare const ConfirmModal: (props: ConfirmProps) => JSX.Element;
+export default ConfirmModal;

package/lib/cjs/modal/ConfirmModal.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/modal/constants");
+
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+var _utils = require("../_utils");
+
+require("@douyinfe/semi-foundation/lib/cjs/modal/modal.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; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/* eslint-disable react/destructuring-assignment */
+
+/* eslint-disable eqeqeq */
+
+
+const ConfirmModal = props => {
+  var _context, _context2;
+
+  const [visible, setVisible] = (0, _react.useState)(true);
+  const [confirmLoading, setConfirmLoading] = (0, _react.useState)();
+  const [cancelLoading, setCancelLoading] = (0, _react.useState)();
+  const {
+    direction
+  } = props;
+
+  const {
+    title,
+    content,
+    icon,
+    type,
+    onCancel,
+    onOk,
+    className
+  } = props,
+        rest = __rest(props, ["title", "content", "icon", "type", "onCancel", "onOk", "className"]);
+
+  const handleOk = (0, _react.useCallback)(e => {
+    const res = onOk && onOk(e);
+
+    if (res && res.then) {
+      setConfirmLoading(true);
+      res.then(function () {
+        setVisible(false);
+        setConfirmLoading(false);
+      }, err => {
+        setConfirmLoading(false);
+      });
+    } else {
+      setVisible(false);
+    }
+  }, [onOk]);
+  const handleCancel = (0, _react.useCallback)(e => {
+    const res = onCancel && onCancel(e);
+
+    if (res && res.then) {
+      setCancelLoading(true);
+      res.then(function () {
+        setVisible(false);
+        setCancelLoading(false);
+      }, err => {
+        setCancelLoading(false);
+      });
+    } else {
+      setVisible(false);
+    }
+  }, [onCancel]);
+  const confirmCls = "".concat(_constants.cssClasses.DIALOG, "-confirm");
+  const wrapperCls = (0, _classnames.default)(className, confirmCls, {
+    ["".concat(confirmCls, "-rtl")]: direction === 'rtl'
+  });
+  const typeCls = (0, _classnames.default)((0, _concat.default)(_context = "".concat(_constants.cssClasses.DIALOG, "-")).call(_context, type));
+  const iconNode = (0, _utils.isSemiIcon)(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
+    className: (0, _concat.default)(_context2 = "".concat(confirmCls, "-icon ")).call(_context2, typeCls, "-icon"),
+    size: 'extra-large'
+  }) : icon;
+  const titleNode = title == null ? null : /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(confirmCls, "-title-text")
+  }, title);
+  const contentCls = (0, _classnames.default)("".concat(confirmCls, "-content"), {
+    ["".concat(confirmCls, "-content-withIcon")]: props.icon
+  });
+  return /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _assign.default)({
+    className: wrapperCls,
+    title: titleNode,
+    confirmLoading: confirmLoading,
+    cancelLoading: cancelLoading,
+    onOk: handleOk,
+    onCancel: handleCancel,
+    icon: iconNode,
+    visible: visible
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: contentCls
+  }, content));
+};
+
+var _default = ConfirmModal;
+exports.default = _default;

package/lib/cjs/modal/Modal.d.ts

@@ -0,0 +1,133 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import ModalFoundation, { ModalAdapter, ModalProps, ModalState } from '@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
+import BaseComponent from '../_base/baseComponent';
+import useModal from '../modal/useModal';
+import { ButtonProps } from '../button/Button';
+export declare const destroyFns: any[];
+export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export declare type Directions = 'ltr' | 'rtl';
+export interface ModalReactProps extends ModalProps {
+    cancelButtonProps?: ButtonProps;
+    okButtonProps?: ButtonProps;
+    bodyStyle?: CSSProperties;
+    maskStyle?: CSSProperties;
+    style?: CSSProperties;
+    icon?: ReactNode;
+    closeIcon?: ReactNode;
+    title?: ReactNode;
+    content?: ReactNode;
+    footer?: ReactNode;
+    header?: ReactNode;
+    onCancel?: (e: React.MouseEvent) => void | Promise<any>;
+    onOk?: (e: React.MouseEvent) => void | Promise<any>;
+}
+export { ModalState };
+declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
+    static propTypes: {
+        mask: PropTypes.Requireable<boolean>;
+        closable: PropTypes.Requireable<boolean>;
+        centered: PropTypes.Requireable<boolean>;
+        visible: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<number>;
+        height: PropTypes.Requireable<number>;
+        confirmLoading: PropTypes.Requireable<boolean>;
+        cancelLoading: PropTypes.Requireable<boolean>;
+        okText: PropTypes.Requireable<string>;
+        okType: PropTypes.Requireable<string>;
+        cancelText: PropTypes.Requireable<string>;
+        maskClosable: PropTypes.Requireable<boolean>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onOk: PropTypes.Requireable<(...args: any[]) => any>;
+        afterClose: PropTypes.Requireable<(...args: any[]) => any>;
+        okButtonProps: PropTypes.Requireable<object>;
+        cancelButtonProps: PropTypes.Requireable<object>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        maskStyle: PropTypes.Requireable<object>;
+        bodyStyle: PropTypes.Requireable<object>;
+        zIndex: PropTypes.Requireable<number>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        hasCancel: PropTypes.Requireable<boolean>;
+        motion: PropTypes.Requireable<boolean | object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
+        getContainerContext: PropTypes.Requireable<(...args: any[]) => any>;
+        maskFixed: PropTypes.Requireable<boolean>;
+        closeIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        closeOnEsc: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+        keepDOM: PropTypes.Requireable<boolean>;
+        lazyRender: PropTypes.Requireable<boolean>;
+        direction: PropTypes.Requireable<string>;
+        fullScreen: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        zIndex: number;
+        motion: boolean;
+        mask: boolean;
+        centered: boolean;
+        closable: boolean;
+        visible: boolean;
+        confirmLoading: boolean;
+        cancelLoading: boolean;
+        okType: string;
+        maskClosable: boolean;
+        hasCancel: boolean;
+        onCancel: (...args: any[]) => void;
+        onOk: (...args: any[]) => void;
+        afterClose: (...args: any[]) => void;
+        maskFixed: boolean;
+        closeOnEsc: boolean;
+        size: string;
+        keepDOM: boolean;
+        lazyRender: boolean;
+        fullScreen: boolean;
+    };
+    static useModal: typeof useModal;
+    foundation: ModalFoundation;
+    private readonly modalRef;
+    private bodyOverflow;
+    private scrollBarWidth;
+    private originBodyWith;
+    private _active;
+    constructor(props: ModalReactProps);
+    get adapter(): ModalAdapter;
+    static getDerivedStateFromProps(props: ModalReactProps, prevState: ModalState): Partial<ModalState>;
+    static getScrollbarWidth(): number;
+    static info: (props: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+    };
+    static success: (props: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+    };
+    static error: (props: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+    };
+    static warning: (props: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+    };
+    static confirm: (props: ModalReactProps) => {
+        destroy: () => void;
+        update: (newConfig: import("../modal/confirm").ConfirmProps) => void;
+    };
+    static destroyAll: () => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ModalReactProps, prevState: ModalState, snapshot: any): void;
+    componentWillUnmount(): void;
+    handleCancel: (e: React.MouseEvent) => void;
+    handleOk: (e: React.MouseEvent) => void;
+    updateHiddenState: () => void;
+    renderFooter: () => ReactNode;
+    renderDialog: () => JSX.Element;
+    render(): JSX.Element;
+}
+export default Modal;