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

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

@@ -1,9 +1,9 @@
 import { DefaultAdapter } from '../base/foundation';
 import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
-export declare type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
-export declare type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
-export declare type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
-export declare type BasicFieldError = Array<any>;
+export type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
+export type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
+export type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
+export type BasicFieldError = Array<any>;
 export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
     notifySubmit: (values: any) => void;
@@ -18,7 +18,7 @@ export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any
     getFieldDOM: (field: string) => Node;
     initFormId: () => void;
 }
-export declare type AllErrors<T> = T extends Record<string, any> ? {
+export type AllErrors<T> = T extends Record<string, any> ? {
     [K in keyof T]?: string;
 } : Record<string, any>;
 export interface FormState<T extends Record<string, any> = any> {

package/lib/cjs/form/utils.js

@@ -9,30 +9,20 @@ exports.isRequired = isRequired;
 exports.isValid = isValid;
 exports.mergeOptions = mergeOptions;
 exports.mergeProps = mergeProps;
-
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _asyncValidator = _interopRequireDefault(require("async-validator"));
-
 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;
 };
 /* eslint-disable prefer-destructuring */
-
 /* eslint-disable prefer-const */
-
 /* eslint-disable @typescript-eslint/no-unused-vars */
-
-
 /**
  *
  * @param WrappedComponent React.ComponentType | any
@@ -41,7 +31,6 @@ function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
   return originName ? `SemiField${originName}` : 'SemiField';
 }
-
 function generateValidatesFromRules(field) {
   let rules = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   const descriptor = {};
@@ -49,11 +38,9 @@ function generateValidatesFromRules(field) {
   const validator = new _asyncValidator.default(descriptor);
   return validator;
 }
-
 function isRequired() {
   let rules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let required = false;
-
   if (typeof rules === 'object' && 'required' in rules) {
     required = rules.required;
   } else if (Array.isArray(rules) && rules.length) {
@@ -61,13 +48,10 @@ function isRequired() {
       rule.required ? required = true : null;
     });
   }
-
   return required;
 }
-
 function isValid(errors) {
   let valid = true;
-
   if (typeof errors === 'string' && errors.length) {
     valid = false;
   } else if (Array.isArray(errors) && errors.length) {
@@ -79,25 +63,19 @@ function isValid(errors) {
     // only work with React Adapter
     valid = false;
   }
-
   return valid;
-} // Compatible with String and Array
-
-
+}
+// Compatible with String and Array
 function transformTrigger(trigger) {
   let result = [];
-
   if (Array.isArray(trigger)) {
     result = trigger;
   }
-
   if (typeof trigger === 'string') {
     result[0] = trigger;
   }
-
   return result;
 }
-
 function mergeOptions(opts, props) {
   // Opts: different types of component identification value, value change callback function may be inconsistent, used to adapt 1, input, select 2, radio, checkbox 3, switch
   // valueKey: input, select class component control value props are value, and checkbox, switch is checked
@@ -110,15 +88,14 @@ function mergeOptions(opts, props) {
     shouldInject: true,
     shouldMemo: true
   };
-  const options = Object.assign(Object.assign({}, defaultOpts), opts); // If the field attribute is declared, then the injection is carried out (mainly used to deal with the case where Checkbox and Radio are used separately from the Group); other cases are subject to options
-
+  const options = Object.assign(Object.assign({}, defaultOpts), opts);
+  // If the field attribute is declared, then the injection is carried out (mainly used to deal with the case where Checkbox and Radio are used separately from the Group); other cases are subject to options
   const shouldInject = 'field' in props ? true : options.shouldInject;
   return {
     options,
     shouldInject
   };
 }
-
 function mergeProps(props) {
   const defaultProps = {
     trigger: 'change',
@@ -131,64 +108,58 @@ function mergeProps(props) {
     isInInputGroup: false,
     stopValidateWithError: false
   };
-
   let _a = Object.assign(Object.assign({}, defaultProps), props),
-      {
-    field,
-    label,
-    labelPosition,
-    labelWidth,
-    labelAlign,
-    labelCol,
-    wrapperCol,
-    initValue,
-    validate,
-
-    /**
-     * error、warning、default、success
-     */
-    validateStatus,
-
-    /**
-     * change、blur、custom、mount
-     */
-    trigger,
-    allowEmptyString,
-    allowEmpty,
-    emptyValue,
-    rules,
-    onChange,
-    keepState,
-    // Conversion before validation
-    transform,
-    name,
-    fieldClassName,
-    fieldStyle,
-    noLabel,
-    noErrorMessage,
-    isInInputGroup,
-    stopValidateWithError,
-    convert,
-    showValidateIcon,
-    helpText,
-    extraText,
-    extraTextPosition,
-    pure,
-    id
-  } = _a,
-      rest = __rest(_a, ["field", "label", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "initValue", "validate", "validateStatus", "trigger", "allowEmptyString", "allowEmpty", "emptyValue", "rules", "onChange", "keepState", "transform", "name", "fieldClassName", "fieldStyle", "noLabel", "noErrorMessage", "isInInputGroup", "stopValidateWithError", "convert", "showValidateIcon", "helpText", "extraText", "extraTextPosition", "pure", "id"]); // Form中的任何类型组件，初始值都统一通过initValue字段来传入，同时将可能会导致组件行为错误的props抽取出来，防止透传到组件中
+    {
+      field,
+      label,
+      labelPosition,
+      labelWidth,
+      labelAlign,
+      labelCol,
+      wrapperCol,
+      initValue,
+      validate,
+      /**
+       * error、warning、default、success
+       */
+      validateStatus,
+      /**
+       * change、blur、custom、mount
+       */
+      trigger,
+      allowEmptyString,
+      allowEmpty,
+      emptyValue,
+      rules,
+      onChange,
+      keepState,
+      // Conversion before validation
+      transform,
+      name,
+      fieldClassName,
+      fieldStyle,
+      noLabel,
+      noErrorMessage,
+      isInInputGroup,
+      stopValidateWithError,
+      convert,
+      showValidateIcon,
+      helpText,
+      extraText,
+      extraTextPosition,
+      pure,
+      id
+    } = _a,
+    rest = __rest(_a, ["field", "label", "labelPosition", "labelWidth", "labelAlign", "labelCol", "wrapperCol", "initValue", "validate", "validateStatus", "trigger", "allowEmptyString", "allowEmpty", "emptyValue", "rules", "onChange", "keepState", "transform", "name", "fieldClassName", "fieldStyle", "noLabel", "noErrorMessage", "isInInputGroup", "stopValidateWithError", "convert", "showValidateIcon", "helpText", "extraText", "extraTextPosition", "pure", "id"]);
+  // Form中的任何类型组件，初始值都统一通过initValue字段来传入，同时将可能会导致组件行为错误的props抽取出来，防止透传到组件中
   // For any type of field component in Form, the initial value is uniformly passed in through the initValue field.
   // At the same time, the props that may cause component behavior errors are extracted to prevent transparent transmission to the component.
-
-
   delete rest.defaultChecked;
   delete rest.defaultValue;
   delete rest.checked;
-
   if (typeof initValue !== 'undefined') {
     initValue = (0, _cloneDeep2.default)(initValue);
   }
-
   const required = isRequired(rules);
   trigger = transformTrigger(trigger);
   emptyValue = typeof emptyValue !== 'undefined' ? emptyValue : '';
@@ -228,7 +199,6 @@ function mergeProps(props) {
     id
   };
 }
-
 function bothEmptyArray(val, otherVal) {
   return Array.isArray(val) && Array.isArray(otherVal) && !val.length && !otherVal.length;
 }

package/lib/cjs/grid/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}`
 };

package/lib/cjs/highlight/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-highlight`
 };

package/lib/cjs/icons/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-icon`
 };

package/lib/cjs/image/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-image`
 };

package/lib/cjs/image/imageFoundation.js

@@ -4,34 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ImageFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-
     this.handleClick = e => {
       const {
         imageID,
         preview
-      } = this.getProps(); // if preview = false, then it cannot preview
-
+      } = this.getProps();
+      // if preview = false, then it cannot preview
       if (!preview) {
         return;
-      } // if image in group, then use group's Preview components
-
-
+      }
+      // if image in group, then use group's Preview components
       if (this._adapter.getIsInGroup()) {
         const {
           setCurrentIndex,
           handleVisibleChange
         } = this._adapter.getContexts();
-
         setCurrentIndex(imageID);
         handleVisibleChange(true);
       } else {
@@ -39,7 +32,6 @@ class ImageFoundation extends _foundation.default {
         this.handlePreviewVisibleChange(true);
       }
     };
-
     this.handleLoaded = e => {
       const {
         onLoad
@@ -49,7 +41,6 @@ class ImageFoundation extends _foundation.default {
         loadStatus: "success"
       });
     };
-
     this.handleError = e => {
       const {
         onError
@@ -59,18 +50,15 @@ class ImageFoundation extends _foundation.default {
         loadStatus: "error"
       });
     };
-
     this.handlePreviewVisibleChange = newVisible => {
       const {
         preview
       } = this.getProps();
-
       if ((0, _isObject2.default)(preview)) {
         const {
           onVisibleChange
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
-
         if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
@@ -83,7 +71,5 @@ class ImageFoundation extends _foundation.default {
       }
     };
   }
-
 }
-
 exports.default = ImageFoundation;

package/lib/cjs/image/previewFooterFoundation.js

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class PreviewFooterFoundation extends _foundation.default {
   constructor() {
     super(...arguments);
-
     this.changeSliderValue = type => {
       const {
         zoom,
@@ -21,32 +17,26 @@ class PreviewFooterFoundation extends _foundation.default {
         max
       } = this.getProps();
       let newValue = type === "plus" ? zoom + step : zoom - step;
-
       if (newValue > max) {
         newValue = max;
       } else if (newValue < min) {
         newValue = min;
       }
-
       this.handleValueChange(newValue);
     };
-
     this.handleValueChange = value => {
       const {
         onZoomIn,
         onZoomOut,
         zoom
       } = this.getProps();
-
       if (value > zoom) {
         onZoomIn(Number((value / 100).toFixed(2)));
       } else {
         onZoomOut(Number((value / 100).toFixed(2)));
       }
-
       this._adapter.setStartMouseOffset(value);
     };
-
     this.handleRatioClick = () => {
       const {
         ratio,
@@ -55,7 +45,6 @@ class PreviewFooterFoundation extends _foundation.default {
       const type = ratio === "adaptation" ? "realSize" : "adaptation";
       onAdjustRatio(type);
     };
-
     this.handleRotate = direction => {
       const {
         onRotate
@@ -63,7 +52,5 @@ class PreviewFooterFoundation extends _foundation.default {
       onRotate && onRotate(direction);
     };
   }
-
 }
-
 exports.default = PreviewFooterFoundation;

package/lib/cjs/image/previewFoundation.js

@@ -4,46 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class PreviewFoundation extends _foundation.default {
   constructor() {
     super(...arguments);
-
     this.handleVisibleChange = newVisible => {
       const {
         visible,
         onVisibleChange
       } = this.getProps();
-
       if (!(visible in this.getProps())) {
         this.setState({
           visible: newVisible
         });
       }
-
       onVisibleChange && onVisibleChange(newVisible);
     };
-
     this.handleCurrentIndexChange = index => {
       const {
         currentIndex,
         onChange
       } = this.getProps();
-
       if (!(currentIndex in this.getProps())) {
         this.setState({
           currentIndex: index
         });
       }
-
       onChange && onChange(index);
     };
   }
-
 }
-
 exports.default = PreviewFoundation;