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

package/lib/cjs/dropdown/dropdownTitle.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/dropdown/constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _context = _interopRequireDefault(require("./context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 DropdownTitle extends _react.PureComponent {
   render() {
     const {
@@ -42,9 +32,7 @@ class DropdownTitle extends _react.PureComponent {
       style: style
     }, children);
   }
-
 }
-
 DropdownTitle.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -23,7 +23,7 @@ export interface DropDownMenuItemTitle extends DropdownTitleProps {
     node: 'title';
     name?: string;
 }
-export declare type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
+export type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
 export interface DropdownProps extends TooltipProps {
     render?: React.ReactNode;
     children?: React.ReactNode;

package/lib/cjs/dropdown/index.js

@@ -4,68 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 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/dropdown/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _index = _interopRequireDefault(require("../tooltip/index"));
-
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/tooltip/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/dropdown/foundation"));
-
 var _dropdownMenu = _interopRequireDefault(require("./dropdownMenu"));
-
 var _dropdownItem = _interopRequireDefault(require("./dropdownItem"));
-
 var _dropdownDivider = _interopRequireDefault(require("./dropdownDivider"));
-
 var _dropdownTitle = _interopRequireDefault(require("./dropdownTitle"));
-
 var _context = _interopRequireDefault(require("./context"));
-
 require("@douyinfe/semi-foundation/lib/cjs/dropdown/dropdown.css");
-
 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]];
   }
   return t;
 };
-
 const positionSet = _constants.strings.POSITION_SET;
 const triggerSet = _constants.strings.TRIGGER_SET;
-
 class Dropdown extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
     this.state = {
       popVisible: props.visible
     };
     this.foundation = new _foundation.default(this.adapter);
     this.tooltipRef = /*#__PURE__*/_react.default.createRef();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setPopVisible: popVisible => this.setState({
@@ -75,7 +50,6 @@ class Dropdown extends _baseComponent.default {
       getPopupId: () => this.tooltipRef.current.getPopupId()
     });
   }
-
   renderContent() {
     const {
       render,
@@ -96,13 +70,11 @@ class Dropdown extends _baseComponent.default {
       trigger
     };
     let content = null;
-
     if ( /*#__PURE__*/_react.default.isValidElement(render)) {
       content = render;
     } else if (Array.isArray(menu)) {
       content = this.renderMenu();
     }
-
     return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
       value: contextValue
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -113,7 +85,6 @@ class Dropdown extends _baseComponent.default {
       "x-semi-prop": "render"
     }, content)));
   }
-
   renderMenu() {
     const {
       menu
@@ -123,43 +94,37 @@ class Dropdown extends _baseComponent.default {
         case 'title':
           {
             const {
-              name,
-              node
-            } = m,
-                  rest = __rest(m, ["name", "node"]);
-
+                name,
+                node
+              } = m,
+              rest = __rest(m, ["name", "node"]);
             return /*#__PURE__*/_react.default.createElement(Dropdown.Title, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
-
         case 'item':
           {
             const {
-              node,
-              name
-            } = m,
-                  rest = __rest(m, ["node", "name"]);
-
+                node,
+                name
+              } = m,
+              rest = __rest(m, ["node", "name"]);
             return /*#__PURE__*/_react.default.createElement(Dropdown.Item, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
-
         case 'divider':
           {
             return /*#__PURE__*/_react.default.createElement(Dropdown.Divider, {
               key: m.node + index
             });
           }
-
         default:
           return null;
       }
     });
     return /*#__PURE__*/_react.default.createElement(Dropdown.Menu, null, content);
   }
-
   renderPopCard() {
     const {
       render,
@@ -185,23 +150,21 @@ class Dropdown extends _baseComponent.default {
       className: `${prefixCls}-content`
     }, render)));
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      position,
-      trigger,
-      onVisibleChange,
-      zIndex,
-      className,
-      motion,
-      margin,
-      style,
-      prefixCls
-    } = _a,
-          attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
-
+      {
+        children,
+        position,
+        trigger,
+        onVisibleChange,
+        zIndex,
+        className,
+        motion,
+        margin,
+        style,
+        prefixCls
+      } = _a,
+      attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
     let {
       spacing
     } = this.props;
@@ -212,13 +175,11 @@ class Dropdown extends _baseComponent.default {
       popVisible
     } = this.state;
     const pop = this.renderContent();
-
     if (level > 0) {
       spacing = typeof spacing === 'number' ? spacing : _constants.numbers.NESTED_SPACING;
     } else if (spacing === null || typeof spacing === 'undefined') {
       spacing = _constants.numbers.SPACING;
     }
-
     return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
       zIndex: zIndex,
       motion: motion,
@@ -247,9 +208,7 @@ class Dropdown extends _baseComponent.default {
       }
     }) : children);
   }
-
 }
-
 Dropdown.Menu = _dropdownMenu.default;
 Dropdown.Item = _dropdownItem.default;
 Dropdown.Divider = _dropdownDivider.default;

package/lib/cjs/empty/index.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/empty/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/empty/empty.css");
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Empty extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.observe = mutationsList => {
       for (const mutation of mutationsList) {
         if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
@@ -32,22 +22,18 @@ class Empty extends _baseComponent.default {
         }
       }
     };
-
     this.updateMode = () => {
       const val = this.body.getAttribute('theme-mode');
-
       if (val !== this.state.mode) {
         this.setState({
           mode: val
         });
       }
     };
-
     this.state = {
       mode: null
     };
   }
-
   componentDidMount() {
     if (this.props.darkModeImage) {
       this.body = window.document.body;
@@ -61,11 +47,9 @@ class Empty extends _baseComponent.default {
       this.observer.observe(this.body, config);
     }
   }
-
   componentWillUnmount() {
     this.observer && this.observer.disconnect();
   }
-
   render() {
     const {
       className,
@@ -81,7 +65,6 @@ class Empty extends _baseComponent.default {
     const alt = typeof description === 'string' ? description : 'empty';
     const imgSrc = this.state.mode === 'dark' && darkModeImage ? darkModeImage : image;
     let imageNode = null;
-
     if (typeof imgSrc === 'string') {
       imageNode = /*#__PURE__*/_react.default.createElement("img", {
         alt: alt,
@@ -96,7 +79,6 @@ class Empty extends _baseComponent.default {
     } else {
       imageNode = imgSrc;
     }
-
     const wrapperCls = (0, _classnames.default)(className, prefixCls, {
       [`${prefixCls}-${layout}`]: layout
     });
@@ -128,9 +110,7 @@ class Empty extends _baseComponent.default {
       "x-semi-prop": "children"
     }, children) : null));
   }
-
 }
-
 exports.default = Empty;
 Empty.defaultProps = {
   layout: 'vertical'

package/lib/cjs/form/arrayField.js

@@ -4,45 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
 var _context = require("./context");
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 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 react/destructuring-assignment */
-const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
 
+const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
 const getUuidByArray = array => array.map(() => (0, _uuid.getUuidv4)());
-
 const getUpdateKey = arrayField => {
   if (!arrayField) {
     return undefined;
   }
-
   if (arrayField && arrayField.updateKey) {
     return arrayField.updateKey;
   }
-
   return undefined;
 };
-
 const initValueAdapter = initValue => {
   const iv = [];
-
   if (Array.isArray(initValue)) {
     return initValue;
   } else {
@@ -56,16 +41,13 @@ const initValueAdapter = initValue => {
  * @param {string[]} oldKeys
  * @returns string[]
  */
-
-
 const generateKeys = (value, oldKeys) => {
   const val = initValueAdapter(value);
-  const newKeys = getUuidByArray(val); // return newKeys;
-
+  const newKeys = getUuidByArray(val);
+  // return newKeys;
   const keys = newKeys.map((key, i) => oldKeys && oldKeys[i] ? oldKeys[i] : key);
   return keys;
 };
-
 class ArrayFieldComponent extends _react.Component {
   constructor(props, context) {
     super(props, context);
@@ -88,19 +70,17 @@ class ArrayFieldComponent extends _react.Component {
         and the fields it contains do not need to consume initValue
     */
     // whether the fields inside arrayField should use props.initValue in current render process
-
-    this.shouldUseInitValue = !context.getArrayField(field); // Separate the arrays that reset and the usual add and remove modify, otherwise they will affect each other
-
+    this.shouldUseInitValue = !context.getArrayField(field);
+    // Separate the arrays that reset and the usual add and remove modify, otherwise they will affect each other
     const initValueCopyForFormState = (0, _cloneDeep2.default)(initValue);
     const initValueCopyForReset = (0, _cloneDeep2.default)(initValue);
-    context.registerArrayField(field, initValueCopyForReset); // register ArrayField will update state.updateKey to render, So there is no need to execute forceUpdate here
-
+    context.registerArrayField(field, initValueCopyForReset);
+    // register ArrayField will update state.updateKey to render, So there is no need to execute forceUpdate here
     context.updateStateValue(field, initValueCopyForFormState, {
       notNotify: true,
       notUpdate: true
     });
   }
-
   componentWillUnmount() {
     const updater = this.context;
     const {
@@ -108,7 +88,6 @@ class ArrayFieldComponent extends _react.Component {
     } = this.props;
     updater.unRegisterArrayField(field);
   }
-
   componentDidUpdate() {
     const updater = this.context;
     const {
@@ -118,23 +97,21 @@ class ArrayFieldComponent extends _react.Component {
       keys
     } = this.state;
     const fieldValues = updater.getValue(field);
-    const updateKey = getUpdateKey(updater.getArrayField(field)); // when update form outside, like use formApi.setValue('field', [{newItem1, newItem2}]),  formApi.setValues
+    const updateKey = getUpdateKey(updater.getArrayField(field));
+    // when update form outside, like use formApi.setValue('field', [{newItem1, newItem2}]),  formApi.setValues
     // re generate keys to update arrayField;
-
     if (updateKey !== this.cacheUpdateKey) {
-      const newKeys = generateKeys(fieldValues, keys); // eslint-disable-next-line
-
+      const newKeys = generateKeys(fieldValues, keys);
+      // eslint-disable-next-line
       this.setState({
         keys: newKeys
       });
       this.cacheUpdateKey = updateKey;
-
       if (this.cacheUpdateKey !== null) {
         this.shouldUseInitValue = false;
       }
     }
   }
-
   add() {
     const {
       keys
@@ -145,7 +122,6 @@ class ArrayFieldComponent extends _react.Component {
       keys
     });
   }
-
   addWithInitValue(lineObject) {
     const updater = this.context;
     const {
@@ -158,7 +134,6 @@ class ArrayFieldComponent extends _react.Component {
       updateKey: new Date().valueOf()
     });
   }
-
   remove(i) {
     const updater = this.context;
     const {
@@ -167,38 +142,33 @@ class ArrayFieldComponent extends _react.Component {
     const {
       field
     } = this.props;
-    const newKeys = filterArrayByIndex(keys, i); // Make sure that all the keys in the line are removed, because some keys are not taken over by the field, only set in the initValue
-
+    const newKeys = filterArrayByIndex(keys, i);
+    // Make sure that all the keys in the line are removed, because some keys are not taken over by the field, only set in the initValue
     let newArrayFieldError = updater.getError(field);
     const opts = {
       notNotify: true,
       notUpdate: true
     };
-
     if (Array.isArray(newArrayFieldError)) {
       newArrayFieldError = newArrayFieldError.slice();
       newArrayFieldError.splice(i, 1);
       updater.updateStateError(field, newArrayFieldError, opts);
-    } // if (Array.isArray(newArrayFieldTouched)) {
+    }
+    // if (Array.isArray(newArrayFieldTouched)) {
     //     newArrayFieldTouched = newArrayFieldTouched.slice();
     //     newArrayFieldTouched.splice(i, 1);
     //     updater.updateStateTouched(field, newArrayFieldTouched, opts);
     // }
-
-
     let newArrayFieldValue = updater.getValue(field);
-
     if (Array.isArray(newArrayFieldValue)) {
       newArrayFieldValue = newArrayFieldValue.slice();
       newArrayFieldValue.splice(i, 1);
       updater.updateStateValue(field, newArrayFieldValue);
     }
-
     this.setState({
       keys: newKeys
     });
   }
-
   render() {
     const {
       children,
@@ -230,9 +200,7 @@ class ArrayFieldComponent extends _react.Component {
       addWithInitValue
     }));
   }
-
 }
-
 ArrayFieldComponent.contextType = _context.FormUpdaterContext;
 var _default = ArrayFieldComponent;
 exports.default = _default;