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

package/lib/cjs/list/item.js

@@ -0,0 +1,151 @@
+"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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+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 _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); }
+
+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;
+};
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class ListItem extends _react.PureComponent {
+  wrapWithGrid(content) {
+    const {
+      grid
+    } = this.context;
+
+    const {
+      gutter,
+      justify,
+      type,
+      align
+    } = grid,
+          rest = __rest(grid, ["gutter", "justify", "type", "align"]);
+
+    return /*#__PURE__*/_react.default.createElement(_grid.Col, (0, _assign.default)({}, rest), content);
+  }
+
+  render() {
+    var _context;
+
+    const {
+      header,
+      main,
+      className,
+      style,
+      extra,
+      children,
+      align,
+      onClick,
+      onRightClick,
+      onMouseEnter,
+      onMouseLeave
+    } = this.props;
+    const {
+      onRightClick: contextOnRightClick,
+      onClick: contextOnClick,
+      grid: contextGrid
+    } = this.context;
+    const handleContextMenu = onRightClick ? onRightClick : contextOnRightClick;
+    const handleClick = onClick ? onClick : contextOnClick;
+    const itemCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className);
+    const bodyCls = (0, _classnames.default)("".concat(prefixCls, "-item-body"), {
+      [(0, _concat.default)(_context = "".concat(prefixCls, "-item-body-")).call(_context, align)]: align
+    });
+    let body;
+
+    if (header || main) {
+      body = /*#__PURE__*/_react.default.createElement("div", {
+        className: bodyCls
+      }, header ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-item-body-header")
+      }, header) : null, main ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-item-body-main")
+      }, main) : null);
+    }
+
+    let content = /*#__PURE__*/_react.default.createElement("li", {
+      role: "list-item",
+      className: itemCls,
+      style: style,
+      onClick: handleClick,
+      onContextMenu: handleContextMenu,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave
+    }, body ? body : null, children, extra ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-item-extra")
+    }, extra) : null);
+
+    if (this.context && contextGrid) {
+      content = this.wrapWithGrid(content);
+    }
+
+    return content;
+  }
+
+}
+
+exports.default = ListItem;
+ListItem.contextType = _listContext.default;
+ListItem.propTypes = {
+  extra: _propTypes.default.node,
+  header: _propTypes.default.node,
+  main: _propTypes.default.node,
+  align: _propTypes.default.oneOf(_constants.strings.ALIGN),
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  onClick: _propTypes.default.func,
+  onRightClick: _propTypes.default.func,
+  onMouseEnter: _propTypes.default.func,
+  onMouseLeave: _propTypes.default.func
+};
+ListItem.defaultProps = {
+  align: 'flex-start',
+  onMouseEnter: _noop2.default,
+  onMouseLeave: _noop2.default
+};

package/lib/cjs/list/list-context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RowProps } from '../grid/row';
+import { ColProps } from '../grid/col';
+export interface Grid extends RowProps, ColProps {
+}
+export interface ListContextValue {
+    onRightClick?: React.MouseEventHandler<HTMLLIElement>;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+    grid?: Grid;
+}
+declare const ListContext: React.Context<ListContextValue>;
+export default ListContext;

package/lib/cjs/list/list-context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const ListContext = /*#__PURE__*/_react.default.createContext(null);
+
+var _default = ListContext;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Locale } from './interface';
+declare const LocaleContext: React.Context<Locale>;
+export default LocaleContext;

package/lib/cjs/locale/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const LocaleContext = /*#__PURE__*/_react.default.createContext(null);
+
+var _default = LocaleContext;
+exports.default = _default;

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

@@ -0,0 +1,151 @@
+import { Locale as dateFnsLocale } from 'date-fns';
+export interface Locale {
+    code: string;
+    dateFnsLocale: dateFnsLocale;
+    Pagination: {
+        item: string;
+        page: string;
+        pageSize: 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, string];
+            dateTimeRange: [string, 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;
+        };
+    };
+    Navigation: {
+        collapseText: string;
+        expandText: string;
+    };
+    Popconfirm: {
+        confirm: string;
+        cancel: string;
+    };
+    Table: {
+        emptyText: string;
+        pageText: string;
+    };
+    Select: {
+        emptyText: string;
+        createText: string;
+    };
+    Cascader: {
+        emptyText: string;
+    };
+    Tree: {
+        emptyText: string;
+        searchPlaceholder: string;
+    };
+    List: {
+        emptyText: string;
+    };
+    Calendar: {
+        allDay: string;
+        AM: string;
+        PM: string;
+        datestring: string;
+        remaining: string;
+    };
+    Upload: {
+        mainText: string;
+        illegalTips: string;
+        legalTips: string;
+        retry: string;
+        clear: string;
+        selectedFiles: string;
+        replace: 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;
+    };
+}

package/lib/cjs/locale/interface.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+import { Locale as dateFns } from 'date-fns';
+import PropTypes from 'prop-types';
+import { Locale } from './interface';
+declare type ChildrenRender<T> = (componentLocal: T, localeCode: string, dateFnsLocale: dateFns) => React.ReactNode;
+export interface LocaleConsumerProps<T> {
+    componentName: string;
+    children?: ChildrenRender<T>;
+}
+export default class LocaleConsumer<T> extends Component<LocaleConsumerProps<T>> {
+    static propTypes: {
+        componentName: PropTypes.Validator<string>;
+        children: PropTypes.Requireable<any>;
+    };
+    static defaultProps: {
+        componentName: string;
+    };
+    renderChildren(localeData: Locale, children: ChildrenRender<T>): React.ReactNode;
+    render(): JSX.Element;
+}
+export {};

package/lib/cjs/locale/localeConsumer.js

@@ -0,0 +1,80 @@
+"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 _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _context2 = _interopRequireDefault(require("../configProvider/context"));
+
+var _zh_CN = _interopRequireDefault(require("./source/zh_CN"));
+
+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; }
+
+class LocaleConsumer extends _react.Component {
+  renderChildren(localeData, children) {
+    const {
+      componentName
+    } = this.props;
+    let locale = localeData;
+
+    if (!(localeData === null || localeData === void 0 ? void 0 : localeData.code)) {
+      locale = _zh_CN.default;
+    }
+    /**
+     * dateFnsLocale is used to format the date into a local date
+     * example:
+     *  import { zhCN } from "date-fns/locale";
+     *  format(new Date("2021-04-29"), "yyyy-MM-dd EEEE")
+     *      => '2021-04-29 Thursday' (默认 locale 为 en-US)
+     *  format(new Date('2021-04-29'), "yyyy-MM-dd EEEE", { locale: zhCN })
+     *      => '2021-04-29 星期四'
+     */
+
+
+    const defaultFnsLocale = (0, _get2.default)(_zh_CN.default, 'dateFnsLocale');
+    const dateFnsLocale = (0, _get2.default)(locale, 'dateFnsLocale', defaultFnsLocale);
+    return children(locale[componentName], locale.code, dateFnsLocale);
+  }
+
+  render() {
+    const {
+      children
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_context2.default.Consumer, null, _ref => {
+      let {
+        locale
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, localeData => this.renderChildren(locale || localeData, children));
+    });
+  }
+
+}
+
+exports.default = LocaleConsumer;
+LocaleConsumer.propTypes = {
+  componentName: _propTypes.default.string.isRequired,
+  children: _propTypes.default.any
+};
+LocaleConsumer.defaultProps = {
+  componentName: ''
+};

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

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Locale } from './interface';
+export interface LocaleProviderProps {
+    children?: React.ReactNode;
+    locale?: Locale;
+}
+export default class LocaleProvider extends Component<LocaleProviderProps> {
+    static propTypes: {
+        locale: PropTypes.Requireable<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        locale: Locale;
+    };
+    constructor(props: LocaleProviderProps);
+    render(): JSX.Element;
+}

package/lib/cjs/locale/localeProvider.js

@@ -0,0 +1,54 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _zh_CN = _interopRequireDefault(require("./source/zh_CN"));
+
+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; }
+
+class LocaleProvider extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  render() {
+    const {
+      children,
+      locale
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+      value: locale
+    }, children);
+  }
+
+}
+
+exports.default = LocaleProvider;
+LocaleProvider.propTypes = {
+  locale: _propTypes.default.object,
+  children: _propTypes.default.node
+};
+LocaleProvider.defaultProps = {
+  locale: _zh_CN.default
+};

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

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