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

package/lib/cjs/button/Button.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 _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 _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/button/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
+
+var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
+
+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 */
+
+
+const btnSizes = _constants.strings.sizes;
+const {
+  htmlTypes,
+  btnTypes
+} = _constants.strings; // TODO: icon configuration
+
+class Button extends _react.PureComponent {
+  render() {
+    var _context;
+
+    const _a = this.props,
+          {
+      children,
+      block,
+      htmlType,
+      loading,
+      circle,
+      className,
+      style,
+      disabled,
+      size,
+      theme,
+      type,
+      prefixCls,
+      iconPosition
+    } = _a,
+          attr = __rest(_a, ["children", "block", "htmlType", "loading", "circle", "className", "style", "disabled", "size", "theme", "type", "prefixCls", "iconPosition"]);
+
+    const baseProps = (0, _assign.default)((0, _assign.default)({
+      disabled
+    }, attr), {
+      className: (0, _classnames.default)(prefixCls, {
+        [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, type)]: !disabled && type,
+        ["".concat(prefixCls, "-disabled")]: disabled,
+        ["".concat(prefixCls, "-size-large")]: size === 'large',
+        ["".concat(prefixCls, "-size-small")]: size === 'small',
+        // [`${prefixCls}-loading`]: loading,
+        ["".concat(prefixCls, "-light")]: theme === 'light',
+        ["".concat(prefixCls, "-block")]: block,
+        ["".concat(prefixCls, "-circle")]: circle,
+        ["".concat(prefixCls, "-borderless")]: theme === 'borderless'
+      }, className),
+      type: htmlType
+    });
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/button-has-type
+      _react.default.createElement("button", (0, _assign.default)({}, baseProps, {
+        onClick: this.props.onClick,
+        onMouseDown: this.props.onMouseDown,
+        style: style
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(prefixCls, "-content"),
+        onClick: e => disabled && e.stopPropagation()
+      }, children))
+    );
+  }
+
+}
+
+exports.default = Button;
+Button.defaultProps = {
+  disabled: false,
+  size: 'default',
+  type: 'primary',
+  theme: 'light',
+  block: false,
+  htmlType: 'button',
+  onMouseDown: _function.noop,
+  onClick: _function.noop,
+  onMouseEnter: _function.noop,
+  onMouseLeave: _function.noop,
+  prefixCls: _constants.cssClasses.PREFIX
+};
+Button.propTypes = {
+  children: _propTypes.default.node,
+  disabled: _propTypes.default.bool,
+  prefixCls: _propTypes.default.string,
+  style: _propTypes.default.object,
+  size: _propTypes.default.oneOf(btnSizes),
+  type: _propTypes.default.oneOf(btnTypes),
+  block: _propTypes.default.bool,
+  onClick: _propTypes.default.func,
+  onMouseDown: _propTypes.default.func,
+  circle: _propTypes.default.bool,
+  loading: _propTypes.default.bool,
+  htmlType: _propTypes.default.oneOf(htmlTypes),
+  theme: _propTypes.default.oneOf(_constants.strings.themes),
+  className: _propTypes.default.string,
+  onMouseEnter: _propTypes.default.func,
+  onMouseLeave: _propTypes.default.func
+};

package/lib/cjs/button/buttonGroup.d.ts

@@ -0,0 +1,26 @@
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import PropTypes from 'prop-types';
+import { Type, Size } from './Button';
+import '@douyinfe/semi-foundation/lib/cjs/button/button.css';
+export declare type Theme = 'solid' | 'borderless' | 'light';
+export interface ButtonGroupProps extends BaseProps {
+    disabled?: boolean;
+    type?: Type;
+    size?: Size;
+    theme?: Theme;
+}
+export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<unknown>;
+        theme: PropTypes.Requireable<unknown>;
+    };
+    static defaultProps: {
+        size: string;
+        type: string;
+        theme: string;
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/button/buttonGroup.js

@@ -0,0 +1,91 @@
+"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 _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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/button/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
+
+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;
+const btnSizes = _constants.strings.sizes;
+
+class ButtonGroup extends _baseComponent.default {
+  render() {
+    const _a = this.props,
+          {
+      children,
+      disabled,
+      size,
+      type
+    } = _a,
+          rest = __rest(_a, ["children", "disabled", "size", "type"]);
+
+    let inner;
+
+    if (children) {
+      var _context;
+
+      inner = (0, _map.default)(_context = (0, _isArray.default)(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, (0, _assign.default)((0, _assign.default)((0, _assign.default)({
+        disabled,
+        size,
+        type
+      }, itm.props), rest), {
+        key: index
+      })));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-group")
+    }, inner);
+  }
+
+}
+
+exports.default = ButtonGroup;
+ButtonGroup.propTypes = {
+  children: _propTypes.default.node,
+  disabled: _propTypes.default.bool,
+  type: _propTypes.default.string,
+  size: _propTypes.default.oneOf(btnSizes),
+  theme: _propTypes.default.oneOf(_constants.strings.themes)
+};
+ButtonGroup.defaultProps = {
+  size: 'default',
+  type: 'primary',
+  theme: 'light'
+};

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ButtonProps as BaseButtonProps } from './Button';
+import { IconButtonProps } from '../iconButton';
+export { ButtonProps as BaseButtonProps, HtmlType, Size, Theme, Type } from './Button';
+export { HorizontalPaddingType } from '../iconButton';
+export { ButtonGroupProps } from './buttonGroup';
+export { SplitButtonGroupProps } from './splitButtonGroup';
+export interface ButtonProps extends IconButtonProps, BaseButtonProps {
+}
+declare class Button extends React.PureComponent<ButtonProps> {
+    static propTypes: {
+        iconStyle: import("prop-types").Requireable<object>;
+        style: import("prop-types").Requireable<object>;
+        loading: import("prop-types").Requireable<boolean>;
+        prefixCls: import("prop-types").Requireable<string>;
+        icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        iconSize: import("prop-types").Requireable<string>;
+        noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
+        children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        theme: import("prop-types").Requireable<string>;
+        iconPosition: import("prop-types").Requireable<unknown>;
+        className: import("prop-types").Requireable<string>;
+        onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
+        onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
+        disabled: import("prop-types").Requireable<boolean>;
+        size: import("prop-types").Requireable<unknown>;
+        type: import("prop-types").Requireable<unknown>;
+        block: import("prop-types").Requireable<boolean>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
+        circle: import("prop-types").Requireable<boolean>;
+        htmlType: import("prop-types").Requireable<unknown>;
+    };
+    constructor(props?: {});
+    render(): JSX.Element;
+}
+export default Button;

package/lib/cjs/button/index.js

@@ -0,0 +1,44 @@
+"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 _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _iconButton = _interopRequireDefault(require("../iconButton"));
+
+class Button extends _react.default.PureComponent {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    super(props);
+  }
+
+  render() {
+    const props = (0, _assign.default)({}, this.props);
+    const hasIcon = Boolean(props.icon);
+    const isLoading = Boolean(props.loading);
+    const isDisabled = Boolean(props.disabled);
+
+    if (hasIcon || isLoading && !isDisabled) {
+      return /*#__PURE__*/_react.default.createElement(_iconButton.default, (0, _assign.default)({}, props));
+    } else {
+      return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _assign.default)({}, props));
+    }
+  }
+
+}
+
+Button.propTypes = (0, _assign.default)((0, _assign.default)({}, _Button.default.propTypes), _iconButton.default.propTypes);
+var _default = Button;
+exports.default = _default;

package/lib/cjs/button/splitButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+import '@douyinfe/semi-foundation/lib/cjs/button/button.css';
+import BaseComponent, { BaseProps } from '../_base/baseComponent';
+export interface SplitButtonGroupProps extends BaseProps {
+}
+export default class SplitButtonGroup extends BaseComponent<SplitButtonGroupProps> {
+    static propTypes: {
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/button/splitButtonGroup.js

@@ -0,0 +1,47 @@
+"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"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/button/constants");
+
+require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+const prefixCls = _constants.cssClasses.PREFIX;
+
+class SplitButtonGroup extends _baseComponent.default {
+  render() {
+    const {
+      children,
+      style,
+      className
+    } = this.props;
+    const cls = (0, _classnames.default)("".concat(prefixCls, "-split"), className);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: cls,
+      style: style
+    }, children);
+  }
+
+}
+
+exports.default = SplitButtonGroup;
+SplitButtonGroup.propTypes = {
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
+};

package/lib/cjs/calendar/dayCalendar.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import CalendarFoundation, { CalendarAdapter, ParsedEventsWithArray } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
+import BaseComponent from '../_base/baseComponent';
+import { Locale } from '../locale/interface';
+import { DayCalendarProps } from './interface';
+import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
+export interface DayCalendarState {
+    scrollHeight: number;
+    parsedEvents: ParsedEventsWithArray;
+    cachedKeys: Array<string>;
+}
+export default class DayCalendar extends BaseComponent<DayCalendarProps, DayCalendarState> {
+    static propTypes: {
+        displayValue: PropTypes.Requireable<Date>;
+        events: PropTypes.Requireable<any[]>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showCurrTime: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        mode: PropTypes.Requireable<string>;
+        renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
+        markWeekend: PropTypes.Requireable<boolean>;
+        scrollTop: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        events: import("@douyinfe/semi-foundation/lib/cjs/calendar/foundation").EventObject[];
+        displayValue: Date;
+        mode: string;
+    };
+    static contextType: React.Context<Locale>;
+    dom: React.RefObject<HTMLDivElement>;
+    scrollDom: React.RefObject<HTMLDivElement>;
+    isWeekend: boolean;
+    foundation: CalendarFoundation;
+    constructor(props: DayCalendarProps);
+    get adapter(): CalendarAdapter<DayCalendarProps, DayCalendarState>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: DayCalendarProps, prevState: DayCalendarState): void;
+    componentWillUnmount(): void;
+    checkWeekend: (val: Date) => boolean;
+    renderAllDayEvents: (events: ParsedEventsWithArray['allDay']) => JSX.Element[];
+    handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
+    renderAllDay: (events: ParsedEventsWithArray['allDay']) => JSX.Element;
+    render(): JSX.Element;
+}