@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/cjs/tag/index.js

@@ -5,27 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 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/tag/constants");
-
 var _index = _interopRequireDefault(require("../avatar/index"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
-
 require("@douyinfe/semi-foundation/lib/cjs/tag/tag.css");
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -37,18 +26,12 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
@@ -56,13 +39,11 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const tagColors = _constants.strings.TAG_COLOR;
 const tagSize = _constants.strings.TAG_SIZE;
 const tagType = _constants.strings.TAG_TYPE;
 const avatarShapeSet = _constants.strings.AVATAR_SHAPE;
-
 class Tag extends _react.Component {
   constructor(props) {
     super(props);
@@ -71,19 +52,16 @@ class Tag extends _react.Component {
     };
     this.close = this.close.bind(this);
     this.handleKeyDown = this.handleKeyDown.bind(this);
-  } // any other way to achieve this?
-
-
+  }
+  // any other way to achieve this?
   static getDerivedStateFromProps(nextProps) {
     if ('visible' in nextProps) {
       return {
         visible: nextProps.visible
       };
     }
-
     return null;
   }
-
   setVisible(visible) {
     if (!('visible' in this.props)) {
       this.setState({
@@ -91,91 +69,78 @@ class Tag extends _react.Component {
       });
     }
   }
-
   close(e, value, tagKey) {
     const {
       onClose
     } = this.props;
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
-    onClose && onClose(value, e, tagKey); // when user call e.preventDefault() in onClick callback, tag will not hidden
-
+    onClose && onClose(value, e, tagKey);
+    // when user call e.preventDefault() in onClick callback, tag will not hidden
     if (e.defaultPrevented) {
       return;
     }
-
     this.setVisible(false);
   }
-
   handleKeyDown(event) {
     const {
       closable,
       onClick,
       onKeyDown
     } = this.props;
-
     switch (event.key) {
       case "Backspace":
       case "Delete":
         closable && this.close(event, this.props.children, this.props.tagKey);
         (0, _a11y.handlePrevent)(event);
         break;
-
       case "Enter":
         onClick(event);
         (0, _a11y.handlePrevent)(event);
         break;
-
       case 'Escape':
         event.target.blur();
         break;
-
       default:
         break;
     }
-
     onKeyDown && onKeyDown(event);
   }
-
   renderAvatar() {
     const {
       avatarShape,
       avatarSrc
     } = this.props;
-
     const avatar = /*#__PURE__*/_react.default.createElement(_index.default, {
       src: avatarSrc,
       shape: avatarShape
     });
-
     return avatar;
   }
-
   render() {
     const _a = this.props,
-          {
-      tagKey,
-      children,
-      size,
-      color,
-      closable,
-      visible,
-      onClose,
-      onClick,
-      className,
-      type,
-      shape,
-      avatarSrc,
-      avatarShape,
-      tabIndex
-    } = _a,
-          attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "shape", "avatarSrc", "avatarShape", "tabIndex"]);
-
+      {
+        tagKey,
+        children,
+        size,
+        color,
+        closable,
+        visible,
+        onClose,
+        onClick,
+        className,
+        type,
+        shape,
+        avatarSrc,
+        avatarShape,
+        tabIndex
+      } = _a,
+      attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "shape", "avatarSrc", "avatarShape", "tabIndex"]);
     const {
       visible: isVisible
     } = this.state;
-    const clickable = onClick !== Tag.defaultProps.onClick || closable; // only when the Tag is clickable or closable, the value of tabIndex is allowed to be passed in. 
-
+    const clickable = onClick !== Tag.defaultProps.onClick || closable;
+    // only when the Tag is clickable or closable, the value of tabIndex is allowed to be passed in. 
     const a11yProps = {
       role: 'button',
       tabIndex: tabIndex || 0,
@@ -215,9 +180,7 @@ class Tag extends _react.Component {
       className: contentCls
     }, children), closeIcon);
   }
-
 }
-
 exports.default = Tag;
 Tag.defaultProps = {
   size: tagSize[0],

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { PopoverProps } from '../popover/index';
-export declare type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow' | 'white';
-export declare type TagType = 'ghost' | 'solid' | 'light';
-export declare type TagSize = 'default' | 'small' | 'large';
-export declare type AvatarShape = 'circle' | 'square';
-export declare type TagShape = 'circle' | 'square';
+export type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow' | 'white';
+export type TagType = 'ghost' | 'solid' | 'light';
+export type TagSize = 'default' | 'small' | 'large';
+export type AvatarShape = 'circle' | 'square';
+export type TagShape = 'circle' | 'square';
 export interface TagProps {
     children?: React.ReactNode;
     tagKey?: string | number;

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

@@ -7,9 +7,9 @@ import { ArrayElement } from '../_base/base';
 import BaseComponent from '../_base/baseComponent';
 import { PopoverProps } from '../popover';
 import { ShowTooltip } from '../typography';
-export declare type Size = ArrayElement<typeof strings.SIZE_SET>;
-export declare type RestTagsPopoverProps = PopoverProps;
-declare type ValidateStatus = "default" | "error" | "warning";
+export type Size = ArrayElement<typeof strings.SIZE_SET>;
+export type RestTagsPopoverProps = PopoverProps;
+type ValidateStatus = "default" | "error" | "warning";
 export interface TagInputProps {
     className?: string;
     clearIcon?: React.ReactNode;

package/lib/cjs/tagInput/index.js

@@ -4,49 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tagInput/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/tagInput/tagInput.css");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/tagInput/foundation"));
-
 var _utils = require("../_utils");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _tag = _interopRequireDefault(require("../tag"));
-
 var _input = _interopRequireDefault(require("../input"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _paragraph = _interopRequireDefault(require("../typography/paragraph"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _reactSortableHoc = require("react-sortable-hoc");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item);
 const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
@@ -64,61 +42,46 @@ const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
     item: item.item
   })));
 });
-
 class TagInput extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleInputChange = e => {
       this.foundation.handleInputChange(e);
     };
-
     this.handleKeyDown = e => {
       this.foundation.handleKeyDown(e);
     };
-
     this.handleInputFocus = e => {
       this.foundation.handleInputFocus(e);
     };
-
     this.handleInputBlur = e => {
       this.foundation.handleInputBlur(e);
     };
-
     this.handleClearBtn = e => {
       this.foundation.handleClearBtn(e);
     };
     /* istanbul ignore next */
-
-
     this.handleClearEnterPress = e => {
       this.foundation.handleClearEnterPress(e);
     };
-
     this.handleTagClose = idx => {
       this.foundation.handleTagClose(idx);
     };
-
     this.handleInputMouseLeave = e => {
       this.foundation.handleInputMouseLeave();
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
-
     this.handleInputMouseEnter = e => {
       this.foundation.handleInputMouseEnter();
     };
-
     this.handleClickPrefixOrSuffix = e => {
       this.foundation.handleClickPrefixOrSuffix(e);
     };
-
     this.handlePreventMouseDown = e => {
       this.foundation.handlePreventMouseDown(e);
     };
-
     this.getAllTags = () => {
       const {
         size,
@@ -148,11 +111,9 @@ class TagInput extends _baseComponent.default {
       }));
       return tagsArray.map((value, index) => {
         const elementKey = showIconHandler ? value : `${index}${value}`;
-
         const onClose = () => {
           !disabled && this.handleTagClose(index);
         };
-
         if ((0, _isFunction2.default)(renderTagItem)) {
           return showIconHandler ? /*#__PURE__*/_react.default.createElement("div", {
             className: itemWrapperCls,
@@ -179,19 +140,15 @@ class TagInput extends _baseComponent.default {
         }
       });
     };
-
     this.onSortEnd = callbackProps => {
       this.foundation.handleSortEnd(callbackProps);
     };
-
     this.handleInputCompositionStart = e => {
       this.foundation.handleInputCompositionStart(e);
     };
-
     this.handleInputCompositionEnd = e => {
       this.foundation.handleInputCompositionEnd(e);
     };
-
     this.foundation = new _foundation.default(this.adapter);
     this.state = {
       tagsArray: props.defaultValue || [],
@@ -205,7 +162,6 @@ class TagInput extends _baseComponent.default {
     this.tagInputRef = /*#__PURE__*/_react.default.createRef();
     this.clickOutsideHandler = null;
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     const {
       value,
@@ -215,7 +171,6 @@ class TagInput extends _baseComponent.default {
       tagsArray: prevTagsArray
     } = prevState;
     let tagsArray;
-
     if ((0, _isArray2.default)(value)) {
       tagsArray = value;
     } else if ('value' in nextProps && !value) {
@@ -223,13 +178,11 @@ class TagInput extends _baseComponent.default {
     } else {
       tagsArray = prevTagsArray;
     }
-
     return {
       tagsArray,
       inputValue: (0, _isString2.default)(inputValue) ? inputValue : prevState.inputValue
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setInputValue: inputValue => {
@@ -252,7 +205,6 @@ class TagInput extends _baseComponent.default {
           preventScroll
         } = this.props;
         const input = this.inputRef && this.inputRef.current;
-
         if (isFocus) {
           input && input.focus({
             preventScroll
@@ -260,7 +212,6 @@ class TagInput extends _baseComponent.default {
         } else {
           input && input.blur();
         }
-
         this.setState({
           focusing: isFocus
         });
@@ -308,12 +259,10 @@ class TagInput extends _baseComponent.default {
         const clickOutsideHandler = e => {
           const tagInputDom = this.tagInputRef && this.tagInputRef.current;
           const target = e.target;
-
           if (tagInputDom && !tagInputDom.contains(target)) {
             cb(e);
           }
         };
-
         this.clickOutsideHandler = clickOutsideHandler;
         document.addEventListener('click', clickOutsideHandler, false);
       },
@@ -323,24 +272,20 @@ class TagInput extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     const {
       disabled,
       autoFocus,
       preventScroll
     } = this.props;
-
     if (!disabled && autoFocus) {
       this.inputRef.current.focus({
         preventScroll
       });
       this.foundation.handleClick();
     }
-
     this.foundation.init();
   }
-
   renderClearBtn() {
     const {
       hovering,
@@ -355,7 +300,6 @@ class TagInput extends _baseComponent.default {
     const clearCls = (0, _classnames.default)(`${prefixCls}-clearBtn`, {
       [`${prefixCls}-clearBtn-invisible`]: !hovering || inputValue === '' && tagsArray.length === 0 || disabled
     });
-
     if (showClear) {
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "button",
@@ -366,10 +310,8 @@ class TagInput extends _baseComponent.default {
         onKeyPress: e => this.handleClearEnterPress(e)
       }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
     }
-
     return null;
   }
-
   renderPrefix() {
     const {
       prefix,
@@ -377,11 +319,9 @@ class TagInput extends _baseComponent.default {
       insetLabelId
     } = this.props;
     const labelNode = prefix || insetLabel;
-
     if ((0, _isNull2.default)(labelNode) || (0, _isUndefined2.default)(labelNode)) {
       return null;
     }
-
     const prefixWrapperCls = (0, _classnames.default)(`${prefixCls}-prefix`, {
       [`${prefixCls}-inset-label`]: insetLabel,
       [`${prefixCls}-prefix-text`]: labelNode && (0, _isString2.default)(labelNode),
@@ -400,16 +340,13 @@ class TagInput extends _baseComponent.default {
       }, labelNode)
     );
   }
-
   renderSuffix() {
     const {
       suffix
     } = this.props;
-
     if ((0, _isNull2.default)(suffix) || (0, _isUndefined2.default)(suffix)) {
       return null;
     }
-
     const suffixWrapperCls = (0, _classnames.default)(`${prefixCls}-suffix`, {
       [`${prefixCls}-suffix-text`]: suffix && (0, _isString2.default)(suffix),
       // eslint-disable-next-line max-len
@@ -426,7 +363,6 @@ class TagInput extends _baseComponent.default {
       }, suffix)
     );
   }
-
   renderTags() {
     const {
       disabled,
@@ -446,21 +382,17 @@ class TagInput extends _baseComponent.default {
     const allTags = this.getAllTags();
     let restTags = [];
     let tags = [...allTags];
-
     if ((!active || !expandRestTagsOnClick) && maxTagCount && maxTagCount < allTags.length) {
       tags = allTags.slice(0, maxTagCount);
       restTags = allTags.slice(maxTagCount);
     }
-
     const restTagsContent = /*#__PURE__*/_react.default.createElement("span", {
       className: restTagsCls
     }, "+", tagsArray.length - maxTagCount);
-
     const sortableListItems = allTags.map((item, index) => ({
       item: item,
       key: tagsArray[index]
     }));
-
     if (active && draggable && sortableListItems.length > 0) {
       // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
       // @ts-ignore skip SortableItem type check
@@ -472,7 +404,6 @@ class TagInput extends _baseComponent.default {
         axis: "xy"
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/_react.default.createElement(_popover.default, Object.assign({
       content: restTags,
       showArrow: true,
@@ -481,13 +412,11 @@ class TagInput extends _baseComponent.default {
       autoAdjustOverflow: true
     }, restTagsPopoverProps), restTagsContent) : restTagsContent));
   }
-
   blur() {
-    this.inputRef.current.blur(); // unregister clickOutside event
-
+    this.inputRef.current.blur();
+    // unregister clickOutside event
     this.foundation.clickOutsideCallBack();
   }
-
   focus() {
     const {
       preventScroll,
@@ -496,13 +425,11 @@ class TagInput extends _baseComponent.default {
     this.inputRef.current.focus({
       preventScroll
     });
-
     if (!disabled) {
       // register clickOutside event
       this.foundation.handleClick();
     }
   }
-
   render() {
     const {
       size,
@@ -576,9 +503,7 @@ class TagInput extends _baseComponent.default {
       })), this.renderClearBtn(), this.renderSuffix())
     );
   }
-
 }
-
 TagInput.propTypes = {
   children: _propTypes.default.node,
   clearIcon: _propTypes.default.node,

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

@@ -5,7 +5,7 @@ import ScrollItem from '../scrollList/scrollItem';
 import ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/lib/cjs/timePicker/ComboxFoundation';
 import { TimePickerProps } from './TimePicker';
 import { Locale } from '../locale/interface';
-export declare type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
+export type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
     defaultOpenValue?: TimePickerProps['value'];
     showHour?: boolean;
     showMinute?: boolean;
@@ -27,7 +27,7 @@ export interface ComboboxState {
     minuteOptions: number[];
     secondOptions: number[];
 }
-export declare type FormatOptionReturn = ReturnType<typeof formatOption>;
+export type FormatOptionReturn = ReturnType<typeof formatOption>;
 export interface AMPMOptionItem {
     value: string;
     text: string;