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

package/lib/cjs/timePicker/TimeShape.d.ts

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+/**
+ * Can be
+ * - 12:00:12
+ * - \[12:00:12]
+ * - \[12:00:12, 12:21:12]
+ * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
+ */
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+export { TimeShape };

package/lib/cjs/timePicker/TimeShape.js

@@ -0,0 +1,26 @@
+"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.TimeShape = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+const PlainTimeShape = [_propTypes.default.string, _propTypes.default.number, _propTypes.default.instanceOf(Date)];
+/**
+ * Can be
+ * - 12:00:12
+ * - \[12:00:12]
+ * - \[12:00:12, 12:21:12]
+ * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
+ */
+
+const TimeShape = _propTypes.default.oneOfType([...PlainTimeShape, _propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date))]);
+
+exports.TimeShape = TimeShape;

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

@@ -0,0 +1,95 @@
+import React from 'react';
+import { TimePickerProps as BasePickerProps, BaseValueType } from './TimePicker';
+import { ValidateStatus } from '../_base/baseComponent';
+import { ScrollItemProps } from '../scrollList/scrollItem';
+export { TimeInputProps } from './TimeInput';
+export { TimePickerProps } from './TimePicker';
+export { BaseValueType, ScrollItemProps, ValidateStatus };
+export declare type LocalePickerProps = BasePickerProps;
+export default class LocaleTimePicker extends React.PureComponent<LocalePickerProps> {
+    static propTypes: {
+        inputStyle: import("prop-types").Requireable<object>;
+        panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        prefixCls: import("prop-types").Requireable<string>;
+        clearText: import("prop-types").Requireable<string>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        inputReadOnly: import("prop-types").Requireable<boolean>;
+        disabled: import("prop-types").Requireable<boolean>;
+        showClear: import("prop-types").Requireable<boolean>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        open: import("prop-types").Requireable<boolean>;
+        defaultOpen: import("prop-types").Requireable<boolean>;
+        onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        position: import("prop-types").Requireable<any>;
+        getPopupContainer: import("prop-types").Requireable<(...args: any[]) => any>;
+        placeholder: import("prop-types").Requireable<string>;
+        format: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<object>;
+        className: import("prop-types").Requireable<string>;
+        popupClassName: import("prop-types").Requireable<string>;
+        popupStyle: import("prop-types").Requireable<object>;
+        disabledHours: import("prop-types").Requireable<(...args: any[]) => any>;
+        disabledMinutes: import("prop-types").Requireable<(...args: any[]) => any>;
+        disabledSeconds: import("prop-types").Requireable<(...args: any[]) => any>;
+        hideDisabledOptions: import("prop-types").Requireable<boolean>;
+        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        use12Hours: import("prop-types").Requireable<boolean>;
+        hourStep: import("prop-types").Requireable<number>;
+        minuteStep: import("prop-types").Requireable<number>;
+        secondStep: import("prop-types").Requireable<number>;
+        focusOnOpen: import("prop-types").Requireable<boolean>;
+        autoFocus: import("prop-types").Requireable<boolean>;
+        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        panels: import("prop-types").Requireable<import("prop-types").InferProps<{
+            panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        }>[]>;
+        onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
+        onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
+        locale: import("prop-types").Requireable<object>;
+        localeCode: import("prop-types").Requireable<string>;
+        dateFnsLocale: import("prop-types").Requireable<object>;
+        zIndex: import("prop-types").Requireable<string | number>;
+        insetLabel: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        validateStatus: import("prop-types").Requireable<"default" | "error" | "warning" | "success">;
+        type: import("prop-types").Requireable<import("./TimePicker").Type>;
+        rangeSeparator: import("prop-types").Requireable<string>;
+        triggerRender: import("prop-types").Requireable<(...args: any[]) => any>;
+        timeZone: import("prop-types").Requireable<string | number>;
+        scrollItemProps: import("prop-types").Requireable<object>;
+        motion: import("prop-types").Requireable<boolean | object>;
+        autoAdjustOverflow: import("prop-types").Requireable<boolean>;
+    };
+    static defaultProps: {
+        autoAdjustOverflow: boolean;
+        getPopupContainer: () => HTMLElement;
+        showClear: boolean;
+        zIndex: number;
+        rangeSeparator: " ~ ";
+        onOpenChange: (...args: any[]) => void;
+        clearText: string;
+        prefixCls: string;
+        inputReadOnly: boolean;
+        style: {};
+        className: string;
+        popupClassName: string;
+        popupStyle: {
+            left: string;
+            top: string;
+        };
+        disabledHours: () => number[];
+        disabledMinutes: () => number[];
+        disabledSeconds: () => number[];
+        hideDisabledOptions: boolean;
+        onFocus: (...args: any[]) => void;
+        onBlur: (...args: any[]) => void;
+        onChange: (...args: any[]) => void;
+        use12Hours: boolean;
+        focusOnOpen: boolean;
+        onKeyDown: (...args: any[]) => void;
+        size: "default";
+        type: "time";
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/timePicker/index.js

@@ -0,0 +1,51 @@
+"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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+var _TimePicker = _interopRequireDefault(require("./TimePicker"));
+
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
+class LocaleTimePicker extends _react.default.PureComponent {
+  render() {
+    const {
+      type
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref => {
+      let {
+        timeZone
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+        componentName: "TimePicker"
+      }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/_react.default.createElement(_TimePicker.default, (0, _assign.default)({
+        timeZone: timeZone,
+        placeholder: (0, _get2.default)(locale, ['placeholder', type])
+      }, this.props, {
+        locale: locale,
+        localeCode: localeCode,
+        dateFnsLocale: dateFnsLocale
+      })));
+    });
+  }
+
+}
+
+exports.default = LocaleTimePicker;
+LocaleTimePicker.propTypes = _TimePicker.default.propTypes;
+LocaleTimePicker.defaultProps = _TimePicker.default.defaultProps;

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

@@ -0,0 +1,31 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
+import Item, { TimelineItemProps } from './item';
+export { TimelineItemProps } from './item';
+export interface Data extends TimelineItemProps {
+    content: React.ReactNode;
+}
+export interface TimelineProps {
+    mode?: 'left' | 'right' | 'center' | 'alternate';
+    className?: string;
+    style?: React.CSSProperties;
+    dataSource?: Data[];
+}
+declare class Timeline extends PureComponent<TimelineProps> {
+    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static Item: typeof Item;
+    static propTypes: {
+        mode: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        dataSource: PropTypes.Requireable<any[]>;
+    };
+    static defaultProps: {
+        mode: string;
+    };
+    getPosCls: (ele: React.ReactElement, idx: number) => string;
+    addClassName: (items: React.ReactNode) => {}[];
+    render(): JSX.Element;
+}
+export default Timeline;

package/lib/cjs/timeline/index.js

@@ -0,0 +1,145 @@
+"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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
+
+var _context7 = _interopRequireDefault(require("../configProvider/context"));
+
+var _item = _interopRequireDefault(require("./item"));
+
+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; }
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class Timeline extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+
+    this.getPosCls = (ele, idx) => {
+      const {
+        mode
+      } = this.props;
+
+      if (mode === 'alternate') {
+        if (ele.props.position) {
+          var _context;
+
+          return (0, _concat.default)(_context = "".concat(prefixCls, "-item-")).call(_context, ele.props.position);
+        }
+
+        return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
+      }
+
+      if (mode === 'center') {
+        if (ele.props.position) {
+          var _context2;
+
+          return (0, _concat.default)(_context2 = "".concat(prefixCls, "-item-")).call(_context2, ele.props.position);
+        }
+
+        return "".concat(prefixCls, "-item-left");
+      }
+
+      if (mode === 'left' || mode === 'right') {
+        var _context3;
+
+        return (0, _concat.default)(_context3 = "".concat(prefixCls, "-item-")).call(_context3, mode);
+      }
+
+      if (ele.props.position) {
+        var _context4;
+
+        return (0, _concat.default)(_context4 = "".concat(prefixCls, "-item-")).call(_context4, ele.props.position);
+      }
+
+      return '';
+    };
+
+    this.addClassName = items => {
+      var _context5;
+
+      return (0, _map.default)(_context5 = _react.default.Children).call(_context5, items, (ele, idx) => {
+        if ( /*#__PURE__*/_react.default.isValidElement(ele)) {
+          return /*#__PURE__*/_react.default.cloneElement(ele, {
+            className: (0, _classnames.default)(ele.props.className, this.getPosCls(ele, idx))
+          });
+        }
+
+        return ele;
+      });
+    };
+  }
+
+  render() {
+    var _context6;
+
+    const {
+      children,
+      className,
+      style,
+      mode,
+      dataSource
+    } = this.props;
+    const classString = (0, _classnames.default)(prefixCls, className, {
+      [(0, _concat.default)(_context6 = "".concat(prefixCls, "-")).call(_context6, mode)]: mode
+    });
+    let childrenList;
+
+    if (dataSource && dataSource.length) {
+      const items = (0, _map.default)(dataSource).call(dataSource, (item, index) => /*#__PURE__*/_react.default.createElement(_item.default, (0, _assign.default)({
+        key: "timeline-item-".concat(index)
+      }, item), item.content));
+      childrenList = this.addClassName(items);
+    }
+
+    const items = childrenList || this.addClassName(children);
+    return /*#__PURE__*/_react.default.createElement("ul", {
+      style: style,
+      className: classString
+    }, items);
+  }
+
+}
+
+Timeline.contextType = _context7.default;
+Timeline.Item = _item.default;
+Timeline.propTypes = {
+  mode: _propTypes.default.oneOf(_constants.strings.MODE),
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  dataSource: _propTypes.default.array
+};
+Timeline.defaultProps = {
+  mode: 'left'
+};
+var _default = Timeline;
+exports.default = _default;

package/lib/cjs/timeline/item.d.ts

@@ -0,0 +1,30 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
+export interface TimelineItemProps {
+    color?: string;
+    time?: string;
+    type?: 'default' | 'ongoing' | 'success' | 'warning' | 'error';
+    dot?: React.ReactNode;
+    extra?: React.ReactNode;
+    position?: 'left' | 'right';
+    className?: string;
+    style?: React.CSSProperties;
+}
+export default class Item extends PureComponent<TimelineItemProps> {
+    static propTypes: {
+        color: PropTypes.Requireable<string>;
+        time: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        dot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        position: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        type: string;
+        time: string;
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/timeline/item.js

@@ -0,0 +1,94 @@
+"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 _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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.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; }
+
+const prefixCls = _constants.cssClasses.ITEM;
+
+class Item extends _react.PureComponent {
+  render() {
+    var _context;
+
+    const {
+      className,
+      color,
+      children,
+      dot,
+      type,
+      style,
+      time,
+      extra
+    } = this.props;
+    const itemCls = (0, _classnames.default)(prefixCls, className);
+    const dotCls = (0, _classnames.default)({
+      ["".concat(prefixCls, "-head")]: true,
+      ["".concat(prefixCls, "-head-custom")]: dot,
+      [(0, _concat.default)(_context = "".concat(prefixCls, "-head-")).call(_context, type)]: type
+    });
+    const dotStyle = color ? {
+      style: {
+        backgroundColor: color
+      }
+    } : null;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: itemCls,
+      style: style
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-tail")
+    }), /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
+      className: dotCls
+    }, dotStyle), dot), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content")
+    }, children, extra ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content-extra")
+    }, extra) : null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-content-time")
+    }, time)));
+  }
+
+}
+
+exports.default = Item;
+Item.propTypes = {
+  color: _propTypes.default.string,
+  time: _propTypes.default.string,
+  type: _propTypes.default.oneOf(_constants.strings.ITEM_TYPE),
+  dot: _propTypes.default.node,
+  extra: _propTypes.default.node,
+  position: _propTypes.default.oneOf(_constants.strings.ITEM_POS),
+  className: _propTypes.default.string,
+  style: _propTypes.default.object
+};
+Item.defaultProps = {
+  type: 'default',
+  time: ''
+};

package/lib/cjs/toast/ToastTransition.d.ts

@@ -0,0 +1,7 @@
+import { Motion } from '../_base/base';
+import React from 'react';
+export interface ToastTransitionProps {
+    motion?: Motion<ToastTransitionProps>;
+    children?: React.ReactChildren | React.JSXElementConstructor<any>;
+}
+export default function ToastTransition(props?: ToastTransitionProps): JSX.Element;

package/lib/cjs/toast/ToastTransition.js

@@ -0,0 +1,71 @@
+"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 = ToastTransition;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _semiAnimationReact = require("@douyinfe/semi-animation-react");
+
+var _react = _interopRequireDefault(require("react"));
+
+// @ts-ignore  Currently there is no types for semi-animation-react
+function ToastTransition() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let {
+    motion = {}
+  } = props;
+
+  if (typeof motion === 'function') {
+    motion = motion(props);
+  } else if (!motion || typeof motion !== 'object') {
+    motion = {};
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition // onFrame={style => console.log(style)}
+  , (0, _assign.default)({
+    // onFrame={style => console.log(style)}
+    from: {
+      translateY: -100,
+      opacity: 0
+    },
+    enter: {
+      translateY: {
+        val: 0,
+        tension: 560,
+        friction: 32
+      },
+      opacity: {
+        val: 1,
+        duration: 300
+      }
+    },
+    leave: {
+      translateY: {
+        val: -100,
+        easing: 'easeOutCubic',
+        duration: 300
+      },
+      opacity: {
+        val: 0,
+        duration: 200
+      }
+    }
+  }, motion), typeof props.children === 'function' ? _ref => {
+    let {
+      translateY,
+      opacity
+    } = _ref;
+    return props.children({
+      transform: "translateY(".concat(translateY, "%)"),
+      opacity
+    });
+  } : props.children);
+}