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

package/lib/cjs/form/baseForm.js

@@ -4,54 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/form/foundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _context = require("./context");
-
 var _reactUtils = require("../_base/reactUtils");
-
 var _row = _interopRequireDefault(require("../grid/row"));
-
 var _index = require("../_utils/index");
-
 var _slot = _interopRequireDefault(require("./slot"));
-
 var _section = _interopRequireDefault(require("./section"));
-
 var _label = _interopRequireDefault(require("./label"));
-
 var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
 var _group = _interopRequireDefault(require("./group"));
-
 require("@douyinfe/semi-foundation/lib/cjs/form/form.css");
-
 var _field = require("./field");
-
 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]];
   }
@@ -59,9 +35,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable prefer-template, max-len, @typescript-eslint/no-unused-vars */
 
-
 const prefix = _constants.cssClasses.PREFIX;
-
 class Form extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -75,20 +49,16 @@ class Form extends _baseComponent.default {
     this.reset = this.reset.bind(this);
     this.foundation = new _foundation.default(this.adapter);
     this.formApi = this.foundation.getFormApi();
-
     if (this.props.getFormApi) {
       this.props.getFormApi(this.formApi);
     }
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep: _index.cloneDeep,
@@ -142,7 +112,6 @@ class Form extends _baseComponent.default {
       getFieldDOM: field => document.querySelector(`.${_constants.cssClasses.PREFIX}-field[x-field-id="${field}"]`)
     });
   }
-
   get content() {
     const {
       children,
@@ -155,32 +124,25 @@ class Form extends _baseComponent.default {
       formApi: this.foundation.getFormApi(),
       values: formState.values
     };
-
     if (component) {
       return /*#__PURE__*/_react.default.createElement(component, props);
     }
-
     if (render) {
       return render(props);
     }
-
     if (typeof children === 'function') {
       return children(props);
     }
-
     return children;
   }
-
   submit(e) {
     e.preventDefault();
     this.foundation.submit();
   }
-
   reset(e) {
     e.preventDefault();
     this.foundation.reset();
   }
-
   render() {
     const needClone = false;
     const formState = this.foundation.getFormState(needClone);
@@ -188,41 +150,38 @@ class Form extends _baseComponent.default {
     const {
       formId
     } = this.state;
-
     const _a = this.props,
-          {
-      children,
-      getFormApi,
-      onChange,
-      onSubmit,
-      onSubmitFail,
-      onValueChange,
-      component,
-      render,
-      validateFields,
-      initValues,
-      layout,
-      style,
-      className,
-      labelPosition,
-      labelWidth,
-      labelAlign,
-      labelCol,
-      wrapperCol,
-      allowEmpty,
-      autoScrollToError,
-      showValidateIcon,
-      extraTextPosition,
-      id
-    } = _a,
-          rest = __rest(_a, ["children", "getFormApi", "onChange", "onSubmit", "onSubmitFail", "onValueChange", "component", "render", "validateFields", "initValues", "layout", "style", "className", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "allowEmpty", "autoScrollToError", "showValidateIcon", "extraTextPosition", "id"]);
-
+      {
+        children,
+        getFormApi,
+        onChange,
+        onSubmit,
+        onSubmitFail,
+        onValueChange,
+        component,
+        render,
+        validateFields,
+        initValues,
+        layout,
+        style,
+        className,
+        labelPosition,
+        labelWidth,
+        labelAlign,
+        labelCol,
+        wrapperCol,
+        allowEmpty,
+        autoScrollToError,
+        showValidateIcon,
+        extraTextPosition,
+        id
+      } = _a,
+      rest = __rest(_a, ["children", "getFormApi", "onChange", "onSubmit", "onSubmitFail", "onValueChange", "component", "render", "validateFields", "initValues", "layout", "style", "className", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "allowEmpty", "autoScrollToError", "showValidateIcon", "extraTextPosition", "id"]);
     const formCls = (0, _classnames.default)(prefix, className, {
       [prefix + '-vertical']: layout === 'vertical',
       [prefix + '-horizontal']: layout === 'horizontal'
     });
     const showldAppendRow = wrapperCol && labelCol;
-
     const formContent = /*#__PURE__*/_react.default.createElement("form", Object.assign({
       style: style
     }, rest, {
@@ -231,9 +190,7 @@ class Form extends _baseComponent.default {
       className: formCls,
       "x-form-id": id ? id : formId
     }), this.content);
-
     const withRowForm = /*#__PURE__*/_react.default.createElement(_row.default, null, formContent);
-
     return /*#__PURE__*/_react.default.createElement(_context.FormUpdaterContext.Provider, {
       value: updaterApi
     }, /*#__PURE__*/_react.default.createElement(_context.FormApiContext.Provider, {
@@ -242,14 +199,11 @@ class Form extends _baseComponent.default {
       value: formState
     }, showldAppendRow ? withRowForm : formContent)));
   }
-
 }
-
 Form.propTypes = {
   'aria-label': _propTypes.default.string,
   onSubmit: _propTypes.default.func,
   onSubmitFail: _propTypes.default.func,
-
   /* Triggered from update, including field mount/unmount/value change/blur/verification status change/error prompt change, input parameter is formState, currentField */
   onChange: _propTypes.default.func,
   onReset: _propTypes.default.func,

package/lib/cjs/form/context.js

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormUpdaterContext = exports.FormStateContext = exports.FormApiContext = exports.ArrayFieldContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable @typescript-eslint/no-empty-function */
-const FormStateContext = /*#__PURE__*/_react.default.createContext({});
 
+const FormStateContext = /*#__PURE__*/_react.default.createContext({});
 exports.FormStateContext = FormStateContext;
 FormStateContext.displayName = 'FormState';
-
 const FormApiContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.FormApiContext = FormApiContext;
 FormApiContext.displayName = 'FormApi';
-
 const FormUpdaterContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.FormUpdaterContext = FormUpdaterContext;
 FormUpdaterContext.displayName = 'FormUpdater';
-
 const ArrayFieldContext = /*#__PURE__*/_react.default.createContext({
   shouldUseInitValue: true
 });
-
 exports.ArrayFieldContext = ArrayFieldContext;

package/lib/cjs/form/errorMessage.d.ts

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import type { BasicFieldError } from '@douyinfe/semi-foundation/lib/cjs/form/interface';
-export declare type ReactFieldError = BasicFieldError | React.ReactNode;
+export type ReactFieldError = BasicFieldError | React.ReactNode;
 export interface ErrorMessageProps {
     error?: ReactFieldError;
     className?: string;

package/lib/cjs/form/errorMessage.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 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; }
-
 /* eslint-disable prefer-template */
-const prefix = _constants.cssClasses.PREFIX;
 
+const prefix = _constants.cssClasses.PREFIX;
 class ErrorMessage extends _react.PureComponent {
   generatorText(error) {
     const {
@@ -32,11 +23,9 @@ class ErrorMessage extends _react.PureComponent {
     } = this.props;
     const propsError = this.props.error;
     let id = errorMessageId;
-
     if (!propsError) {
       id = helpTextId;
     }
-
     if (typeof error === 'string') {
       return /*#__PURE__*/_react.default.createElement("span", {
         id: id
@@ -49,10 +38,8 @@ class ErrorMessage extends _react.PureComponent {
     } else if ( /*#__PURE__*/_react.default.isValidElement(error)) {
       return error;
     }
-
     return null;
   }
-
   render() {
     const {
       error,
@@ -67,11 +54,9 @@ class ErrorMessage extends _react.PureComponent {
       [prefix + '-field-error-message']: Boolean(error),
       [prefix + '-field-help-text']: Boolean(helpText)
     }, className);
-
     if (!error && !helpText) {
       return null;
     }
-
     const iconMap = {
       warning: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, null),
       error: /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, null)
@@ -79,7 +64,6 @@ class ErrorMessage extends _react.PureComponent {
     const text = error ? this.generatorText(error) : this.generatorText(helpText);
     const iconCls = `${prefix}-field-validate-status-icon`;
     let icon = null;
-
     if (isInInputGroup) {
       icon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
         className: iconCls
@@ -91,15 +75,12 @@ class ErrorMessage extends _react.PureComponent {
         });
       }
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
       style: style
     }, showValidateIcon && text ? icon : null, text);
   }
-
 }
-
 exports.default = ErrorMessage;
 ErrorMessage.propTypes = {
   error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string, _propTypes.default.array, _propTypes.default.node]),

package/lib/cjs/form/field.js

@@ -4,49 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormUpload = exports.FormTreeSelect = exports.FormTimePicker = exports.FormTextArea = exports.FormTagInput = exports.FormSwitch = exports.FormSlider = exports.FormSelect = exports.FormRating = exports.FormRadioGroup = exports.FormRadio = exports.FormInputNumber = exports.FormInput = exports.FormDatePicker = exports.FormCheckboxGroup = exports.FormCheckbox = exports.FormCascader = exports.FormAutoComplete = void 0;
-
 var _withField = _interopRequireDefault(require("./hoc/withField"));
-
 var _index = _interopRequireDefault(require("../input/index"));
-
 var _textarea = _interopRequireDefault(require("../input/textarea"));
-
 var _index2 = _interopRequireDefault(require("../inputNumber/index"));
-
 var _index3 = _interopRequireDefault(require("../select/index"));
-
 var _index4 = require("../checkbox/index");
-
 var _checkboxGroup = _interopRequireDefault(require("../checkbox/checkboxGroup"));
-
 var _index5 = require("../radio/index");
-
 var _radioGroup = _interopRequireDefault(require("../radio/radioGroup"));
-
 var _index6 = _interopRequireDefault(require("../datePicker/index"));
-
 var _index7 = _interopRequireDefault(require("../switch/index"));
-
 var _index8 = _interopRequireDefault(require("../slider/index"));
-
 var _index9 = _interopRequireDefault(require("../timePicker/index"));
-
 var _index10 = _interopRequireDefault(require("../treeSelect/index"));
-
 var _index11 = _interopRequireDefault(require("../cascader/index"));
-
 var _index12 = _interopRequireDefault(require("../rating/index"));
-
 var _index13 = _interopRequireDefault(require("../autoComplete/index"));
-
 var _index14 = _interopRequireDefault(require("../upload/index"));
-
 var _index15 = _interopRequireDefault(require("../tagInput/index"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
+
 // Basic component
+
 const FormInput = (0, _withField.default)(_index.default, {
   maintainCursor: true
 });
@@ -59,8 +40,8 @@ const FormTextArea = (0, _withField.default)(_textarea.default, {
   maintainCursor: true
 });
 exports.FormTextArea = FormTextArea;
-const FormSelect = (0, _withField.default)(_index3.default); // Select after withField is a new Component, without the Option attribute, it needs to be manually assigned once
-
+const FormSelect = (0, _withField.default)(_index3.default);
+// Select after withField is a new Component, without the Option attribute, it needs to be manually assigned once
 exports.FormSelect = FormSelect;
 FormSelect.Option = _index3.default.Option;
 FormSelect.OptGroup = _index3.default.OptGroup;

package/lib/cjs/form/group.js

@@ -4,42 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/form/utils");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
 var ObjectUtil = _interopRequireWildcard(require("@douyinfe/semi-foundation/lib/cjs/utils/object"));
-
 var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
 var _label = _interopRequireDefault(require("./label"));
-
 var _context = require("./context");
-
 var _index = require("./hooks/index");
-
 var _inputGroup = _interopRequireDefault(require("../input/inputGroup"));
-
 var _index2 = require("../grid/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; }
-
 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]];
   }
@@ -47,29 +29,25 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable react/destructuring-assignment */
 
-
-const prefix = _constants.cssClasses.PREFIX; // Group component to remove Labels and ErrorMessages from its child fields
+const prefix = _constants.cssClasses.PREFIX;
+// Group component to remove Labels and ErrorMessages from its child fields
 // Unified insertion of Labels and ErrorMessages from the group level
 // Get Errors of all field in this group
-
 const GroupError = props => {
   const {
     fieldSet
   } = props;
   const formState = (0, _index.useFormState)();
   const error = fieldSet.map(field => ObjectUtil.get(formState.errors, field));
-
   if ((0, _utils.isValid)(error)) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement(_errorMessage.default, {
     error: error,
     showValidateIcon: props.showValidateIcon,
     isInInputGroup: props.isInInputGroup
   });
 };
-
 class FormInputGroup extends _react.Component {
   renderLabel(label, formProps) {
     if (label) {
@@ -84,38 +62,33 @@ class FormInputGroup extends _react.Component {
         }, label));
       }
     }
-
     return null;
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      label,
-      extraText,
-      extraTextPosition
-    } = _a,
-          rest = __rest(_a, ["children", "label", "extraText", "extraTextPosition"]);
-
+      {
+        children,
+        label,
+        extraText,
+        extraTextPosition
+      } = _a,
+      rest = __rest(_a, ["children", "label", "extraText", "extraTextPosition"]);
     const updater = this.context;
     const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'showValidateIcon', 'wrapperCol', 'labelCol', 'disabled']);
     const labelPosition = this.props.labelPosition || formProps.labelPosition;
     const groupFieldSet = [];
-
     const inner = _react.default.Children.map(children, child => {
       if (child && child.props && child.props.field) {
         groupFieldSet.push(child.props.field);
         return /*#__PURE__*/_react.default.cloneElement(child, {
-          isInInputGroup: true // noErrorMessage: true,
+          isInInputGroup: true
+          // noErrorMessage: true,
           // noLabel: true
-
         });
       }
 
       return null;
     });
-
     const groupCls = (0, _classnames.default)({
       [`${prefix}-field-group`]: true
     });
@@ -125,17 +98,14 @@ class FormInputGroup extends _react.Component {
     const appendCol = labelCol && wrapperCol;
     const labelColCls = labelCol ? `${prefix}-col-${labelAlign}` : '';
     const labelContent = this.renderLabel(label, formProps);
-
     const inputGroupContent = /*#__PURE__*/_react.default.createElement(_inputGroup.default, Object.assign({
       disabled: formProps.disabled
     }, rest), inner);
-
     const groupErrorContent = /*#__PURE__*/_react.default.createElement(GroupError, {
       fieldSet: groupFieldSet,
       showValidateIcon: formProps.showValidateIcon,
       isInInputGroup: true
     });
-
     const extraCls = (0, _classnames.default)(`${prefix}-field-extra`, {
       [`${prefix}-field-extra-string`]: typeof extraText === 'string',
       [`${prefix}-field-extra-middle`]: extraTextPosition === 'middle',
@@ -146,12 +116,10 @@ class FormInputGroup extends _react.Component {
       "x-semi-prop": "extraText"
     }, extraText) : null;
     let content;
-
     switch (true) {
       case !appendCol:
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labelContent, /*#__PURE__*/_react.default.createElement("div", null, extraTextPosition === 'middle' ? extraContent : null, inputGroupContent, extraTextPosition === 'bottom' ? extraContent : null, groupErrorContent));
         break;
-
       case appendCol && labelPosition === 'top':
         // When labelPosition is top, you need to add an overflow hidden div to the label, otherwise it will be arranged horizontally
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -162,25 +130,20 @@ class FormInputGroup extends _react.Component {
           className: labelColCls
         }), labelContent)), /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, wrapperCol), extraTextPosition === 'middle' ? extraContent : null, inputGroupContent, extraTextPosition === 'bottom' ? extraContent : null, groupErrorContent));
         break;
-
       case appendCol && labelPosition !== 'top':
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, labelCol, {
           className: labelColCls
         }), labelContent), /*#__PURE__*/_react.default.createElement(_index2.Col, Object.assign({}, wrapperCol), extraTextPosition === 'middle' ? extraContent : null, inputGroupContent, extraTextPosition === 'bottom' ? extraContent : null, groupErrorContent));
         break;
-
       default:
         break;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       "x-label-pos": labelPosition,
       className: groupCls
     }, content);
   }
-
 }
-
 FormInputGroup.contextType = _context.FormUpdaterContext;
 var _default = FormInputGroup;
 exports.default = _default;