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

package/lib/es/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/es/form/utils.js

@@ -1,24 +1,16 @@
 import _cloneDeep from "lodash/cloneDeep";
-
 var __rest = this && this.__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 */
-
-
 import AsyncValidator from 'async-validator';
-
 /**
  *
  * @param WrappedComponent React.ComponentType | any
@@ -37,7 +29,6 @@ export function generateValidatesFromRules(field) {
 export 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) {
@@ -45,12 +36,10 @@ export function isRequired() {
       rule.required ? required = true : null;
     });
   }
-
   return required;
 }
 export function isValid(errors) {
   let valid = true;
-
   if (typeof errors === 'string' && errors.length) {
     valid = false;
   } else if (Array.isArray(errors) && errors.length) {
@@ -62,24 +51,19 @@ export 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;
 }
-
 export 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
@@ -92,8 +76,8 @@ export 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,
@@ -112,64 +96,58 @@ export 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 = _cloneDeep(initValue);
   }
-
   const required = isRequired(rules);
   trigger = transformTrigger(trigger);
   emptyValue = typeof emptyValue !== 'undefined' ? emptyValue : '';
@@ -209,7 +187,6 @@ export function mergeProps(props) {
     id
   };
 }
-
 function bothEmptyArray(val, otherVal) {
   return Array.isArray(val) && Array.isArray(otherVal) && !val.length && !otherVal.length;
 }

package/lib/es/image/imageFoundation.js

@@ -3,24 +3,21 @@ import BaseFoundation from "../base/foundation";
 export default class ImageFoundation extends BaseFoundation {
   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 {
@@ -28,7 +25,6 @@ export default class ImageFoundation extends BaseFoundation {
         this.handlePreviewVisibleChange(true);
       }
     };
-
     this.handleLoaded = e => {
       const {
         onLoad
@@ -38,7 +34,6 @@ export default class ImageFoundation extends BaseFoundation {
         loadStatus: "success"
       });
     };
-
     this.handleError = e => {
       const {
         onError
@@ -48,18 +43,15 @@ export default class ImageFoundation extends BaseFoundation {
         loadStatus: "error"
       });
     };
-
     this.handlePreviewVisibleChange = newVisible => {
       const {
         preview
       } = this.getProps();
-
       if (_isObject(preview)) {
         const {
           onVisibleChange
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
-
         if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
@@ -72,5 +64,4 @@ export default class ImageFoundation extends BaseFoundation {
       }
     };
   }
-
 }

package/lib/es/image/previewFooterFoundation.js

@@ -2,7 +2,6 @@ import BaseFoundation from "../base/foundation";
 export default class PreviewFooterFoundation extends BaseFoundation {
   constructor() {
     super(...arguments);
-
     this.changeSliderValue = type => {
       const {
         zoom,
@@ -11,32 +10,26 @@ export default class PreviewFooterFoundation extends BaseFoundation {
         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,
@@ -45,7 +38,6 @@ export default class PreviewFooterFoundation extends BaseFoundation {
       const type = ratio === "adaptation" ? "realSize" : "adaptation";
       onAdjustRatio(type);
     };
-
     this.handleRotate = direction => {
       const {
         onRotate
@@ -53,5 +45,4 @@ export default class PreviewFooterFoundation extends BaseFoundation {
       onRotate && onRotate(direction);
     };
   }
-
 }

package/lib/es/image/previewFoundation.js

@@ -2,36 +2,29 @@ import BaseFoundation from "../base/foundation";
 export default class PreviewFoundation extends BaseFoundation {
   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);
     };
   }
-
 }