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

package/lib/cjs/cascader/item.js

@@ -4,92 +4,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _includes2 = _interopRequireDefault(require("lodash/includes"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/cascader/constants");
-
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-
 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 }; }
-
 const prefixcls = _constants.cssClasses.PREFIX_OPTION;
-
 class Item extends _react.PureComponent {
   constructor() {
     super(...arguments);
-
     this.onClick = (e, item) => {
       const {
         onItemClick
       } = this.props;
-
       if (item.data.disabled || 'disabled' in item && item.disabled) {
         return;
       }
-
       onItemClick(e, item);
     };
     /**
      * A11y: simulate item click
      */
-
-
     this.handleItemEnterPress = (keyboardEvent, item) => {
       if ((0, _isEnterPress.default)(keyboardEvent)) {
         this.onClick(keyboardEvent, item);
       }
     };
-
     this.onHover = (e, item) => {
       const {
         showNext,
         onItemHover
       } = this.props;
-
       if (item.data.disabled) {
         return;
       }
-
       if (showNext === _constants.strings.SHOW_NEXT_BY_HOVER) {
         onItemHover(e, item);
       }
     };
-
     this.onCheckboxChange = (e, item) => {
       const {
         onItemCheckboxClick
-      } = this.props; // Prevent Checkbox's click event bubbling to trigger the li click event
-
+      } = this.props;
+      // Prevent Checkbox's click event bubbling to trigger the li click event
       e.stopPropagation();
-
       if (e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
         e.nativeEvent.stopImmediatePropagation();
       }
-
       onItemCheckboxClick(item);
     };
-
     this.getItemStatus = key => {
       const {
         activeKeys,
@@ -102,56 +74,44 @@ class Item extends _react.PureComponent {
         selected: false,
         loading: false
       };
-
       if (activeKeys.has(key)) {
         state.active = true;
       }
-
       if (selectedKeys.has(key)) {
         state.selected = true;
       }
-
       if (loadingKeys.has(key) && !loadedKeys.has(key)) {
         state.loading = true;
       }
-
       return state;
     };
-
     this.renderIcon = function (type) {
       let haveMarginLeft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
       const finalCls = style => {
         return style + (haveMarginLeft ? ` ${prefixcls}-icon-left` : '');
       };
-
       switch (type) {
         case 'child':
           return /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
             className: finalCls(`${prefixcls}-icon ${prefixcls}-icon-expand`)
           });
-
         case 'tick':
           return /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, {
             className: finalCls(`${prefixcls}-icon ${prefixcls}-icon-active`)
           });
-
         case 'loading':
           return /*#__PURE__*/_react.default.createElement(_spin.default, {
             wrapperClassName: finalCls(`${prefixcls}-spin-icon`)
           });
-
         case 'empty':
           return /*#__PURE__*/_react.default.createElement("span", {
             "aria-hidden": true,
             className: finalCls(`${prefixcls}-icon ${prefixcls}-icon-empty`)
           });
-
         default:
           return null;
       }
     };
-
     this.highlight = searchText => {
       const content = [];
       const {
@@ -167,20 +127,17 @@ class Item extends _react.PureComponent {
                 key: `${index}-${idx}`
               }, keyword));
             }
-
             content.push(node);
           });
         } else {
           content.push(item);
         }
-
         if (idx !== searchText.length - 1) {
           content.push(separator);
         }
       });
       return content;
     };
-
     this.renderFlattenOption = data => {
       const {
         multiple,
@@ -190,7 +147,6 @@ class Item extends _react.PureComponent {
         keyword,
         filterRender
       } = this.props;
-
       const content = /*#__PURE__*/_react.default.createElement("ul", {
         className: `${prefixcls}-list`,
         key: 'flatten-list'
@@ -207,15 +163,11 @@ class Item extends _react.PureComponent {
           [`${prefixcls}-disabled`]: disabled,
           [`${prefixcls}-select`]: selected && !multiple
         });
-
         const onClick = e => {
           this.onClick(e, item);
         };
-
         const onKeyPress = e => this.handleItemEnterPress(e, item);
-
         const onCheck = e => this.onCheckboxChange(e, item);
-
         if (filterRender) {
           const props = {
             className,
@@ -234,7 +186,6 @@ class Item extends _react.PureComponent {
             key
           });
         }
-
         return /*#__PURE__*/_react.default.createElement("li", {
           role: 'menuitem',
           className: className,
@@ -251,11 +202,9 @@ class Item extends _react.PureComponent {
           className: `${prefixcls}-label-checkbox`
         }), this.highlight(searchText)));
       }));
-
       return content;
     };
   }
-
   renderItem(renderData) {
     let content = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     const {
@@ -289,11 +238,9 @@ class Item extends _react.PureComponent {
       } = this.getItemStatus(key);
       const hasChild = Boolean(children) && children.length;
       const showExpand = hasChild || this.props.loadData && !isLeaf;
-
       if (active && hasChild) {
         showChildItem = item;
       }
-
       const className = (0, _classnames.default)(prefixcls, {
         [`${prefixcls}-active`]: active && !selected,
         [`${prefixcls}-select`]: selected && !multiple,
@@ -328,14 +275,11 @@ class Item extends _react.PureComponent {
         className: `${prefixcls}-label-checkbox`
       }), /*#__PURE__*/_react.default.createElement("span", null, label)), showExpand ? this.renderIcon(loading ? 'loading' : 'child', true) : null);
     })));
-
     if (showChildItem) {
       content.concat(this.renderItem(showChildItem.children, content));
     }
-
     return content;
   }
-
   renderEmpty() {
     const {
       emptyContent
@@ -350,7 +294,6 @@ class Item extends _react.PureComponent {
       "x-semi-prop": "emptyContent"
     }, emptyContent || locale.emptyText)));
   }
-
   render() {
     const {
       data,
@@ -366,20 +309,16 @@ class Item extends _react.PureComponent {
       [`${prefixcls}-lists-rtl`]: direction === 'rtl',
       [`${prefixcls}-lists-empty`]: isEmpty
     });
-
     if (isEmpty) {
       content = this.renderEmpty();
     } else {
       content = searchable ? this.renderFlattenOption(data) : this.renderItem(data);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: listsCls
     }, content);
   }
-
 }
-
 exports.default = Item;
 Item.contextType = _context.default;
 Item.propTypes = {

package/lib/cjs/checkbox/checkbox.d.ts

@@ -11,7 +11,7 @@ export interface CheckboxEvent extends BasicCheckboxEvent {
         stopImmediatePropagation: () => void;
     };
 }
-export declare type TargetObject = BasicTargetObject;
+export type TargetObject = BasicTargetObject;
 export interface CheckboxProps extends BaseCheckboxProps {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];

package/lib/cjs/checkbox/checkbox.js

@@ -4,63 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/checkbox/constants");
-
 var _checkboxFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxFoundation"));
-
 var _checkboxInner = _interopRequireDefault(require("./checkboxInner"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/checkbox/checkbox.css");
-
 var _context = require("./context");
-
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-class Checkbox extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.handleChange = e => this.foundation.handleChange(e);
-
-    this.handleEnterPress = e => this.foundation.handleEnterPress(e);
-
-    this.handleFocusVisible = event => {
-      this.foundation.handleFocusVisible(event);
-    };
-
-    this.handleBlur = event => {
-      this.foundation.handleBlur();
-    };
-
-    const checked = false;
-    this.state = {
-      checked: props.checked || props.defaultChecked || checked,
-      addonId: props.addonId,
-      extraId: props.extraId,
-      focusVisible: false
-    };
-    this.checkboxEntity = null;
-    this.foundation = new _checkboxFoundation.default(this.adapter);
-  }
 
+class Checkbox extends _baseComponent.default {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setNativeControlChecked: checked => {
@@ -128,7 +88,26 @@ class Checkbox extends _baseComponent.default {
       }
     });
   }
-
+  constructor(props) {
+    super(props);
+    this.handleChange = e => this.foundation.handleChange(e);
+    this.handleEnterPress = e => this.foundation.handleEnterPress(e);
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+    const checked = false;
+    this.state = {
+      checked: props.checked || props.defaultChecked || checked,
+      addonId: props.addonId,
+      extraId: props.extraId,
+      focusVisible: false
+    };
+    this.checkboxEntity = null;
+    this.foundation = new _checkboxFoundation.default(this.adapter);
+  }
   componentDidUpdate(prevProps) {
     if (this.props.checked !== prevProps.checked) {
       if ((0, _isUndefined2.default)(this.props.checked)) {
@@ -138,22 +117,18 @@ class Checkbox extends _baseComponent.default {
       }
     }
   }
-
   isInGroup() {
     // Why do we need to determine whether there is a value in props?
     // If there is no value in the props of the checkbox in the context of the checkboxGroup, 
     // it will be considered not to belong to the checkboxGroup。
     return Boolean(this.context && this.context.checkboxGroup && 'value' in this.props);
   }
-
   focus() {
     this.checkboxEntity && this.checkboxEntity.focus();
   }
-
   blur() {
     this.checkboxEntity && this.checkboxEntity.blur();
   }
-
   render() {
     const {
       disabled,
@@ -182,17 +157,14 @@ class Checkbox extends _baseComponent.default {
       disabled
     };
     const inGroup = this.isInGroup();
-
     if (inGroup) {
       if (this.context.checkboxGroup.value) {
         const realChecked = (this.context.checkboxGroup.value || []).includes(value);
         props.checked = realChecked;
       }
-
       if (this.context.checkboxGroup.disabled) {
         props.disabled = this.context.checkboxGroup.disabled || this.props.disabled;
       }
-
       const {
         isCardType,
         isPureCardType
@@ -204,7 +176,6 @@ class Checkbox extends _baseComponent.default {
       props.isPureCardType = type === _constants.strings.TYPE_PURECARD;
       props.isCardType = type === _constants.strings.TYPE_CARD || props.isPureCardType;
     }
-
     const prefix = prefixCls || _constants.checkboxClasses.PREFIX;
     const focusOuter = props.isCardType || props.isPureCardType;
     const wrapper = (0, _classnames.default)(prefix, {
@@ -225,12 +196,10 @@ class Checkbox extends _baseComponent.default {
     });
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
-
     const renderContent = () => {
       if (!children && !extra) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: `${prefix}-content`
       }, children ? /*#__PURE__*/_react.default.createElement("span", {
@@ -243,7 +212,6 @@ class Checkbox extends _baseComponent.default {
         "x-semi-prop": "extra"
       }, extra) : null);
     };
-
     return (
       /*#__PURE__*/
       // label is better than span, however span is here which is to solve gitlab issue #364
@@ -271,9 +239,7 @@ class Checkbox extends _baseComponent.default {
       })), renderContent())
     );
   }
-
 }
-
 Checkbox.contextType = _context.Context;
 Checkbox.propTypes = {
   'aria-describedby': _propTypes.default.string,

package/lib/cjs/checkbox/checkboxGroup.d.ts

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import CheckboxGroupFoundation, { CheckboxGroupAdapter } from '@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxGroupFoundation';
 import BaseComponent from '../_base/baseComponent';
 import { CheckboxEvent } from './checkbox';
-export declare type CheckboxDirection = 'horizontal' | 'vertical';
-export declare type CheckboxType = 'default' | 'card' | 'pureCard';
-export declare type CheckboxGroupProps = {
+export type CheckboxDirection = 'horizontal' | 'vertical';
+export type CheckboxType = 'default' | 'card' | 'pureCard';
+export type CheckboxGroupProps = {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
@@ -26,7 +26,7 @@ export declare type CheckboxGroupProps = {
     id?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
 };
-export declare type CheckboxGroupState = {
+export type CheckboxGroupState = {
     value?: any[];
 };
 declare class CheckboxGroup extends BaseComponent<CheckboxGroupProps, CheckboxGroupState> {

package/lib/cjs/checkbox/checkboxGroup.js

@@ -4,38 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/checkbox/constants");
-
 var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxGroupFoundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _context = require("./context");
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-class CheckboxGroup extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: props.value || props.defaultValue
-    };
-    this.foundation = new _checkboxGroupFoundation.default(this.adapter);
-    this.onChange = this.onChange.bind(this);
-  }
 
+class CheckboxGroup extends _baseComponent.default {
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       updateGroupValue: value => {
@@ -48,25 +29,28 @@ class CheckboxGroup extends _baseComponent.default {
       }
     });
   }
-
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: props.value || props.defaultValue
+    };
+    this.foundation = new _checkboxGroupFoundation.default(this.adapter);
+    this.onChange = this.onChange.bind(this);
+  }
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps) {
     if (!(0, _isEqual2.default)(prevProps.value, this.props.value)) {
       this.foundation.handlePropValueChange(this.props.value);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   onChange(evt) {
     this.foundation.handleChange(evt);
   }
-
   render() {
     const {
       children,
@@ -91,7 +75,6 @@ class CheckboxGroup extends _baseComponent.default {
     }, className);
     const realValue = this.state.value.slice();
     let inner;
-
     if (options) {
       inner = (options || []).map((option, index) => {
         if (typeof option === 'string') {
@@ -122,7 +105,6 @@ class CheckboxGroup extends _baseComponent.default {
         role: 'listitem'
       }));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       id: id,
       role: "list",
@@ -144,9 +126,7 @@ class CheckboxGroup extends _baseComponent.default {
       }
     }, inner));
   }
-
 }
-
 CheckboxGroup.propTypes = {
   'aria-describedby': _propTypes.default.string,
   'aria-errormessage': _propTypes.default.string,

package/lib/cjs/checkbox/checkboxInner.js

@@ -4,33 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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/checkbox/constants");
-
 var _context = require("./context");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 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 }; }
-
 /* eslint-disable no-nested-ternary */
+
 class CheckboxInner extends _react.PureComponent {
   blur() {
     this.inputEntity.blur();
   }
-
   focus() {
     const {
       preventScroll
@@ -39,7 +28,6 @@ class CheckboxInner extends _react.PureComponent {
       preventScroll
     });
   }
-
   render() {
     const {
       indeterminate,
@@ -94,9 +82,7 @@ class CheckboxInner extends _react.PureComponent {
       className: inner
     }, icon));
   }
-
 }
-
 CheckboxInner.contextType = _context.Context;
 CheckboxInner.propTypes = {
   'aria-describedby': _propTypes.default.string,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type CheckboxContextType = {
+type CheckboxContextType = {
     checkboxGroup?: {
         onChange: (evt: any) => void;
         value: any[];

package/lib/cjs/checkbox/context.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Context = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Context = /*#__PURE__*/_react.default.createContext({});
-
 exports.Context = Context;

package/lib/cjs/checkbox/index.js

@@ -10,15 +10,10 @@ Object.defineProperty(exports, "Checkbox", {
   }
 });
 exports.default = exports.CheckboxWithGroup = void 0;
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));
-
 var _checkboxGroup = _interopRequireDefault(require("./checkboxGroup"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class CheckboxWithGroup extends _checkbox.default {}
-
 exports.CheckboxWithGroup = CheckboxWithGroup;
 CheckboxWithGroup.Group = _checkboxGroup.default;
 var _default = CheckboxWithGroup;

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

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const CollapseContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = CollapseContext;
 exports.default = _default;