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

package/lib/cjs/select/option.d.ts

@@ -0,0 +1,50 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { BasicOptionProps } from '@douyinfe/semi-foundation/lib/cjs/select/optionFoundation';
+export interface OptionProps extends BasicOptionProps {
+    [x: string]: any;
+    value?: string | number;
+    label?: string | number | React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    showTick?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+interface renderOptionContentArgument {
+    config: {
+        searchWords: any;
+        sourceString: React.ReactNode;
+    };
+    children: React.ReactNode;
+    inputValue: string;
+    prefixCls: string;
+}
+declare class Option extends PureComponent<OptionProps> {
+    static isSelectOption: boolean;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string | number>;
+        selected: PropTypes.Requireable<boolean>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        empty: PropTypes.Requireable<boolean>;
+        emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        focused: PropTypes.Requireable<boolean>;
+        showTick: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        prefixCls: PropTypes.Requireable<string>;
+        renderOptionItem: PropTypes.Requireable<(...args: any[]) => any>;
+        inputValue: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        prefixCls: string;
+    };
+    onClick({ value, label, children, ...rest }: Partial<OptionProps>, event: React.MouseEvent): void;
+    renderOptionContent({ config, children, inputValue, prefixCls }: renderOptionContentArgument): React.ReactNode;
+    render(): any;
+}
+export default Option;

package/lib/cjs/select/option.js

@@ -0,0 +1,211 @@
+"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 _isString2 = _interopRequireDefault(require("lodash/isString"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/select/constants");
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var _index = require("../_utils/index");
+
+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 max-len */
+
+
+class Option extends _react.PureComponent {
+  onClick(_a, event) {
+    var {
+      value,
+      label,
+      children
+    } = _a,
+        rest = __rest(_a, ["value", "label", "children"]);
+
+    const {
+      props
+    } = this;
+    const isDisbled = props.disabled;
+
+    if (!isDisbled) {
+      props.onSelect((0, _assign.default)((0, _assign.default)({}, rest), {
+        value,
+        label: label || children
+      }), event);
+    }
+  }
+
+  renderOptionContent(_ref) {
+    let {
+      config,
+      children,
+      inputValue,
+      prefixCls
+    } = _ref;
+
+    if ((0, _isString2.default)(children) && inputValue) {
+      return (0, _index.getHighLightTextHTML)(config);
+    }
+
+    return children;
+  }
+
+  render() {
+    const _a = this.props,
+          {
+      children,
+      disabled,
+      value,
+      selected,
+      label,
+      empty,
+      emptyContent,
+      onSelect,
+      focused,
+      showTick,
+      className,
+      style,
+      onMouseEnter,
+      prefixCls,
+      renderOptionItem,
+      inputValue
+    } = _a,
+          rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
+
+    const optionClassName = (0, _classnames.default)(prefixCls, {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-selected")]: selected,
+      ["".concat(prefixCls, "-focused")]: focused,
+      ["".concat(prefixCls, "-empty")]: empty,
+      [className]: className
+    });
+    const selectedIconClassName = (0, _classnames.default)(["".concat(prefixCls, "-icon")]);
+
+    if (empty) {
+      if (emptyContent === null) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+        componentName: "Select"
+      }, locale => /*#__PURE__*/_react.default.createElement("div", {
+        className: optionClassName
+      }, emptyContent || locale.emptyText));
+    } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
+
+
+    if (typeof renderOptionItem === 'function') {
+      return renderOptionItem((0, _assign.default)({
+        disabled,
+        focused,
+        selected,
+        style,
+        label,
+        value,
+        inputValue,
+        onMouseEnter: e => onMouseEnter(e),
+        onClick: e => this.onClick((0, _assign.default)({
+          value,
+          label,
+          children
+        }, rest), e)
+      }, rest));
+    }
+
+    const config = {
+      searchWords: inputValue,
+      sourceString: children,
+      option: {
+        highlightClassName: "".concat(prefixCls, "-keyword")
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: optionClassName,
+      onClick: e => {
+        this.onClick((0, _assign.default)({
+          value,
+          label,
+          children
+        }, rest), e);
+      },
+      onMouseEnter: e => onMouseEnter && onMouseEnter(e),
+      role: "option",
+      style: style
+    }, showTick ? /*#__PURE__*/_react.default.createElement("div", {
+      className: selectedIconClassName
+    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, null)) : null, (0, _isString2.default)(children) ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-text")
+    }, this.renderOptionContent({
+      children,
+      config,
+      inputValue,
+      prefixCls
+    })) : children);
+  }
+
+}
+
+Option.isSelectOption = true;
+Option.propTypes = {
+  children: _propTypes.default.node,
+  disabled: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  selected: _propTypes.default.bool,
+  label: _propTypes.default.node,
+  empty: _propTypes.default.bool,
+  emptyContent: _propTypes.default.node,
+  onSelect: _propTypes.default.func,
+  focused: _propTypes.default.bool,
+  showTick: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  onMouseEnter: _propTypes.default.func,
+  prefixCls: _propTypes.default.string,
+  renderOptionItem: _propTypes.default.func,
+  inputValue: _propTypes.default.string
+};
+Option.defaultProps = {
+  prefixCls: _constants.cssClasses.PREFIX_OPTION
+};
+var _default = Option;
+exports.default = _default;

package/lib/cjs/select/optionGroup.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import BaseComponent from '../_base/baseComponent';
+export interface OptionGroupProps {
+    children?: React.ReactNode;
+    label?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare class OptionGroup extends BaseComponent<OptionGroupProps> {
+    static isSelectOptionGroup: boolean;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    render(): JSX.Element;
+}
+export default OptionGroup;

package/lib/cjs/select/optionGroup.js

@@ -0,0 +1,56 @@
+"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/select/constants");
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+const prefixCls = _constants.cssClasses.PREFIX_GROUP;
+
+class OptionGroup extends _baseComponent.default {
+  render() {
+    const {
+      label,
+      className,
+      style
+    } = this.props;
+    const groupCls = (0, _classnames.default)(className, {
+      [prefixCls]: true
+    });
+
+    if (!label && typeof label !== 'number') {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: groupCls,
+      style: style
+    }, label);
+  }
+
+}
+
+OptionGroup.isSelectOptionGroup = true;
+OptionGroup.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.node]),
+  label: _propTypes.default.node,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object
+};
+var _default = OptionGroup;
+exports.default = _default;

package/lib/cjs/select/utils.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { OptionProps } from './option';
+import { OptionGroupProps } from './optionGroup';
+declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
+declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
+    optionGroups: OptionGroupProps[];
+    options: OptionProps[];
+};
+export { generateOption, getOptionsFromGroup };

package/lib/cjs/select/utils.js

@@ -0,0 +1,122 @@
+"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.getOptionsFromGroup = exports.generateOption = 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 _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
+
+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 generateOption = (child, parent, index) => {
+  const childProps = child.props;
+
+  if (!child || !childProps) {
+    return null;
+  }
+
+  const option = (0, _assign.default)((0, _assign.default)({
+    value: childProps.value,
+    // Drop-down menu rendering priority label value, children, value in turn downgrade
+    label: childProps.label || childProps.children || childProps.value,
+    _show: true,
+    _selected: false,
+    _scrollIndex: index
+  }, childProps), {
+    _parentGroup: parent
+  });
+  return option;
+};
+
+exports.generateOption = generateOption;
+
+const getOptionsFromGroup = selectChildren => {
+  let optionGroups = [];
+  let options = [];
+  const emptyGroup = {
+    label: '',
+    children: [],
+    _show: false
+  }; // avoid null
+  // eslint-disable-next-line max-len
+
+  let childNodes = _react.default.Children.toArray(selectChildren);
+
+  childNodes = (0, _filter.default)(childNodes).call(childNodes, childNode => childNode && childNode.props);
+  let type = '';
+  let optionIndex = -1;
+  (0, _forEach.default)(childNodes).call(childNodes, child => {
+    if (child.type.isSelectOption) {
+      type = 'option';
+      optionIndex++;
+      const option = generateOption(child, undefined, optionIndex);
+      emptyGroup.children.push(option);
+      options.push(option);
+    } else if (child.type.isSelectOptionGroup) {
+      type = 'group'; // Avoid saving children (reactNode) by... removing other props from the group except children, causing performance problems
+      // eslint-disable-next-line prefer-const
+
+      let _a = child.props,
+          {
+        children
+      } = _a,
+          restGroupProps = __rest(_a, ["children"]);
+
+      children = _react.default.Children.toArray(children);
+      const childrenOption = (0, _map.default)(children).call(children, option => {
+        optionIndex++;
+        return generateOption(option, restGroupProps, optionIndex);
+      });
+      const group = (0, _assign.default)((0, _assign.default)({}, child.props), {
+        children: childrenOption,
+        key: child.key
+      });
+      optionGroups.push(group);
+      options = (0, _concat.default)(options).call(options, childrenOption);
+    } else {
+      (0, _warning.default)(true, '[Semi Select] The children of `Select` should be `Select.Option` or `Select.OptionGroup`');
+    }
+  });
+
+  if (type === 'option') {
+    optionGroups = [emptyGroup];
+  }
+
+  return {
+    optionGroups,
+    options
+  };
+};
+
+exports.getOptionsFromGroup = getOptionsFromGroup;

package/lib/cjs/select/virtualRow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface VirtualRowProps {
+    index: number;
+    data: Record<string, any>;
+    style?: React.CSSProperties;
+}
+declare const VirtualRow: ({ index, data, style }: VirtualRowProps) => any;
+export default VirtualRow;

package/lib/cjs/select/virtualRow.js

@@ -0,0 +1,25 @@
+"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;
+
+const VirtualRow = _ref => {
+  let {
+    index,
+    data,
+    style
+  } = _ref;
+  const {
+    visibileOptions
+  } = data;
+  const option = visibileOptions[index];
+  return data.renderOption(option, index, style);
+};
+
+var _default = VirtualRow;
+exports.default = _default;

package/lib/cjs/sideSheet/SideSheetContent.d.ts

@@ -0,0 +1,35 @@
+import React, { CSSProperties } from 'react';
+import PropTypes from 'prop-types';
+export interface SideSheetContentProps {
+    onClose?: (e: React.MouseEvent) => void;
+    mask?: boolean;
+    maskStyle?: CSSProperties;
+    maskClosable?: boolean;
+    title?: React.ReactNode;
+    closable?: boolean;
+    headerStyle?: CSSProperties;
+    width: CSSProperties['width'];
+    height: CSSProperties['height'];
+    style: CSSProperties;
+    bodyStyle?: CSSProperties;
+    className: string;
+    footer?: React.ReactNode;
+}
+export default class SideSheetContent extends React.PureComponent<SideSheetContentProps> {
+    static propTypes: {
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        onClose: (...args: any[]) => void;
+    };
+    private sideSheetId;
+    private timeoutId;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onMaskClick: (e: React.MouseEvent) => void;
+    close: (e: React.MouseEvent) => void;
+    getMaskElement(): JSX.Element;
+    renderHeader(): JSX.Element;
+    getDialogElement(): JSX.Element;
+    render(): JSX.Element;
+}