@nutui/nutui-react-taro 2.0.16 → 2.0.17

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.16 Wed Sep 06 2023 15:51:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.17 Wed Sep 13 2023 17:17:51 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5475,6 +5475,7 @@ var __publicField = (obj, key, value) => {
       stop.current = true;
     };
   }
+  const inBrowser = typeof document !== "undefined" && !!document.scripts;
   function isWindow(val) {
     return val === window;
   }
@@ -5504,12 +5505,28 @@ var __publicField = (obj, key, value) => {
       height: 0
     };
   };
+  function makeRect(width, height) {
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height
+    };
+  }
   const getRectByTaro = async (element) => {
     if (element) {
-      const res = await element.getBoundingClientRect();
-      return res;
+      if (inBrowser) {
+        return Promise.resolve(getRect(element));
+      }
+      return new Promise((resolve, reject) => {
+        Taro.createSelectorQuery().select(`#${element.uid}`).boundingClientRect().exec(([rects]) => {
+          resolve(rects);
+        });
+      });
     }
-    return Promise.resolve({});
+    return Promise.resolve(makeRect(0, 0));
   };
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -7125,6 +7142,7 @@ var __publicField = (obj, key, value) => {
       activeColor,
       activeIcon,
       popup,
+      popupProps = {},
       visible,
       options,
       value,
@@ -7420,6 +7438,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, popup ? /* @__PURE__ */ React.createElement(
       Popup,
       {
+        ...popupProps,
         visible,
         position: "bottom",
         round: true,
@@ -8953,7 +8972,7 @@ var __publicField = (obj, key, value) => {
       }
       return false;
     };
-    const setTransform = (translateY = 0, type2, time = DEFAULT_DURATION, deg) => {
+    const setTransform = (type2, deg, time = DEFAULT_DURATION, translateY = 0) => {
       let nTime = time;
       if (type2 !== "end") {
         nTime = 0;
@@ -8973,7 +8992,7 @@ var __publicField = (obj, key, value) => {
         }
         const endMove = Math.round(updateMove / lineSpacing.current) * lineSpacing.current;
         const deg = `${(Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * rotation}deg`;
-        setTransform(endMove, type2, time, deg);
+        setTransform(type2, deg, time, endMove);
         setCurrIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
       } else {
         let deg = 0;
@@ -8982,7 +9001,7 @@ var __publicField = (obj, key, value) => {
         const minDeg = 0;
         deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
         if (minDeg < deg && deg < maxDeg) {
-          setTransform(updateMove, "", void 0, `${deg}deg`);
+          setTransform("", `${deg}deg`, void 0, updateMove);
           setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing.current)) + 1);
         }
       }
@@ -9236,9 +9255,7 @@ var __publicField = (obj, key, value) => {
       while (columnOptions && columnOptions.children) {
         const options2 = columnOptions.children;
         const value = values[columnIndex2];
-        let index = options2.findIndex(
-          (columnItem) => columnItem.value === value
-        );
+        let index = options2.findIndex((columnItem) => columnItem.value === value);
         if (index === -1)
           index = 0;
         columnOptions = columnOptions.children[index];
@@ -10869,7 +10886,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "fieldEntities", []);
       // 校验成功或失败的回调，onFinish、onFinishFailed
       __publicField(this, "callbacks", {});
-      __publicField(this, "errors", []);
+      __publicField(this, "errors", {});
       /**
        * 注册组件实例
        * @param field
@@ -10891,6 +10908,19 @@ var __publicField = (obj, key, value) => {
         var _a;
         return (_a = this.store) == null ? void 0 : _a[name];
       });
+      /**
+       * 获取全部字段
+       */
+      __publicField(this, "getFieldsValue", (name) => {
+        if (typeof name === "boolean") {
+          return JSON.parse(JSON.stringify(this.store));
+        }
+        const fieldsValue = {};
+        name.forEach((field) => {
+          fieldsValue[field] = this.getFieldValue(field);
+        });
+        return fieldsValue;
+      });
       /**
        * 设置 form 的初始值，之后在 reset 的时候使用
        * @param values
@@ -10948,13 +10978,45 @@ var __publicField = (obj, key, value) => {
           validator.validate({ [name]: (_a = this.store) == null ? void 0 : _a[name] }, (errors) => {
             if (errors) {
               err.push(...errors);
-              this.errors.push(...errors);
+              this.errors[name] = errors;
             }
             entity.onStoreChange("validate");
           });
         });
         return err;
       });
+      __publicField(this, "validateFields", (nameList) => {
+        if (!nameList || nameList.length === 0) {
+          this.validate();
+          return;
+        }
+        this.fieldEntities.filter(({ props: { name } }) => {
+          return nameList.includes(name);
+        }).forEach((entity) => {
+          var _a;
+          const { name, rules: rules2 = [] } = entity.props;
+          const descriptor = {};
+          if (rules2.length) {
+            if (rules2.length > 1) {
+              descriptor[name] = [];
+              rules2.forEach((v) => {
+                descriptor[name].push(v);
+              });
+            } else {
+              descriptor[name] = rules2[0];
+            }
+          }
+          const validator = new Schema(descriptor);
+          validator.messages();
+          validator.validate({ [name]: (_a = this.store) == null ? void 0 : _a[name] }, (errors) => {
+            this.errors[name] = [];
+            if (errors) {
+              this.errors[name] = errors;
+            }
+            entity.onStoreChange("validate");
+          });
+        });
+      });
       __publicField(this, "submit", () => {
         var _a, _b, _c, _d;
         const errors = this.validate();
@@ -10971,12 +11033,17 @@ var __publicField = (obj, key, value) => {
           entity.onStoreChange("reset");
         });
       });
+      __publicField(this, "dispatch", ({ name }) => {
+        this.validateFields([name]);
+      });
       __publicField(this, "getForm", () => {
         return {
+          dispatch: this.dispatch,
           setInitialValues: this.setInitialValues,
           setCallback: this.setCallback,
           registerField: this.registerField,
           getFieldValue: this.getFieldValue,
+          getFieldsValue: this.getFieldsValue,
           setFieldsValue: this.setFieldsValue,
           resetFields: this.resetFields,
           submit: this.submit,
@@ -11097,7 +11164,8 @@ var __publicField = (obj, key, value) => {
     name: "",
     label: "",
     rules: [{ required: false, message: "" }],
-    errorMessageAlign: "left"
+    errorMessageAlign: "left",
+    validateTrigger: "onChange"
   };
   class FormItem extends React.Component {
     constructor(props) {
@@ -11107,14 +11175,15 @@ var __publicField = (obj, key, value) => {
       // children添加value属性和onChange事件
       __publicField(this, "getControlled", (children) => {
         var _a;
-        const { setFieldsValue, getFieldValue } = this.context;
+        const { setFieldsValue, getFieldValue, dispatch } = this.context;
         const { name = "" } = this.props;
         if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
           console.warn("通过 initialValue 设置初始值");
         }
+        const fieldValue = getFieldValue(name);
         const controlled = {
           ...children.props,
-          [this.props.valuePropName || "value"]: getFieldValue(name) === void 0 ? this.props.initialValue : getFieldValue(name),
+          [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue,
           [this.props.trigger || "onChange"]: (...args) => {
             const originOnChange = children.props[this.props.trigger || "onChange"];
             if (originOnChange) {
@@ -11127,6 +11196,24 @@ var __publicField = (obj, key, value) => {
             setFieldsValue({ [name]: next });
           }
         };
+        const { validateTrigger } = this.props;
+        let validateTriggers = [this.props.trigger || "onChange"];
+        if (validateTrigger) {
+          validateTriggers = typeof validateTrigger === "string" ? [...validateTriggers, validateTrigger] : [...validateTriggers, ...validateTrigger];
+          validateTriggers.forEach((trigger) => {
+            const originTrigger = controlled[trigger];
+            controlled[trigger] = (...args) => {
+              if (originTrigger) {
+                originTrigger(...args);
+              }
+              if (this.props.rules && this.props.rules.length) {
+                dispatch({
+                  name: this.props.name
+                });
+              }
+            };
+          });
+        }
         if (isForwardRefComponent(children)) {
           controlled.ref = (componentInstance) => {
             const originRef = children.ref;
@@ -11156,16 +11243,22 @@ var __publicField = (obj, key, value) => {
         }
       });
       __publicField(this, "renderLayout", (childNode) => {
-        var _a, _b;
-        const { label, name, required: required2, className, style, errorMessageAlign } = {
+        const {
+          label,
+          name,
+          required: required2,
+          rules: rules2,
+          className,
+          style,
+          errorMessageAlign
+        } = {
           ...defaultProps$X,
           ...this.props
         };
-        const item = ((_a = this.context.errors) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errors) == null ? void 0 : _b.filter((item2) => {
-          return item2.field === name;
-        }));
+        const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
+        const item = name ? this.context.errors[name] : [];
         const { starPosition } = this.context;
-        const renderStar = required2 && /* @__PURE__ */ React.createElement("i", { className: "required" });
+        const renderStar = (required2 || requiredInRules) && /* @__PURE__ */ React.createElement("i", { className: "required" });
         const renderLabel = /* @__PURE__ */ React.createElement(React.Fragment, null, starPosition === "left" ? renderStar : null, label, starPosition === "right" ? renderStar : null);
         return /* @__PURE__ */ React.createElement(
           Cell,
@@ -11175,7 +11268,7 @@ var __publicField = (obj, key, value) => {
             onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef)
           },
           label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell__title nut-form-item__label" }, renderLabel) : null,
-          /* @__PURE__ */ React.createElement("div", { className: "nut-cell__value nut-form-item__body" }, /* @__PURE__ */ React.createElement("div", { className: "nut-form-item__body__slots" }, childNode), item.length > 0 && /* @__PURE__ */ React.createElement(
+          /* @__PURE__ */ React.createElement("div", { className: "nut-cell__value nut-form-item__body" }, /* @__PURE__ */ React.createElement("div", { className: "nut-form-item__body__slots" }, childNode), item && item.length > 0 && /* @__PURE__ */ React.createElement(
             "div",
             {
               className: "nut-form-item__body__tips",
@@ -11564,7 +11657,7 @@ var __publicField = (obj, key, value) => {
     };
     const changeFormatValue = (e) => {
       const input = e.target.value;
-      const numReg = new RegExp("^[0-9]*$");
+      const numReg = /^[0-9]*$/;
       const numValue = input.replace(/[^0-9|.]/gi, "");
       if (formatter) {
         if (!numReg.test(input[0]) && numValue) {
@@ -11583,7 +11676,7 @@ var __publicField = (obj, key, value) => {
     };
     const burFormatValue = (e) => {
       const input = e.target.value;
-      const numReg = new RegExp("^[0-9]*$");
+      const numReg = /^[0-9]*$/;
       const numValue = input.replace(/[^0-9|.]/gi, "");
       if (formatter) {
         if (formatter(numValue) === input) {
@@ -13176,7 +13269,9 @@ var __publicField = (obj, key, value) => {
       }
     )));
   };
-  const Signature = React.forwardRef(InternalSignature);
+  const Signature = React.forwardRef(
+    InternalSignature
+  );
   Signature.defaultProps = defaultProps$L;
   Signature.displayName = "NutSignature";
   const defaultProps$K = {
@@ -14859,10 +14954,13 @@ var __publicField = (obj, key, value) => {
       if (childCount <= 1)
         return;
       stopAutoPlay();
-      swiperRef.current.autoplayTimer = setTimeout(() => {
-        next();
-        autoplay();
-      }, Number(duration) + 100 * speed);
+      swiperRef.current.autoplayTimer = setTimeout(
+        () => {
+          next();
+          autoplay();
+        },
+        Number(duration) + 100 * speed
+      );
     };
     const move = ({ pace = 0, offset: offset2 = 0 }) => {
       if (childCount <= 1)
@@ -14899,7 +14997,7 @@ var __publicField = (obj, key, value) => {
     const getStyle = (moveOffset = offset) => {
       const target = innerRef.current;
       let _offset = 0;
-      const val = (rect == null ? void 0 : rect.height) - height;
+      const val = ((rect == null ? void 0 : rect.height) || 0) - height;
       _offset = moveOffset + Number(active === childCount - 1 && val / 2);
       target.style.transitionDuration = `${swiperRef.current.moving ? 0 : duration}ms`;
       target.style.height = `${Number(height) * childCount}px`;
@@ -15454,7 +15552,6 @@ var __publicField = (obj, key, value) => {
     };
     const handleTouchStart = (e) => {
       touch.start(e);
-      pullingRef.current = true;
     };
     const handleTouchMove = (e) => {
       if (props.scrollTop > 0) {
@@ -15463,17 +15560,16 @@ var __publicField = (obj, key, value) => {
       if (status === "refreshing" || status === "complete")
         return;
       touch.move(e);
-      if (e.cancelable) {
-        e.preventDefault();
+      if (touch.isVertical()) {
+        pullingRef.current = true;
+        setHeight(
+          Math.max(
+            rubberbandIfOutOfBounds(touch.deltaY, 0, 0, headHeight * 5, 0.5),
+            0
+          )
+        );
+        setStatus(height > threshold ? "canRelease" : "pulling");
       }
-      e.stopPropagation();
-      setHeight(
-        Math.max(
-          rubberbandIfOutOfBounds(touch.deltaY, 0, 0, headHeight * 5, 0.5),
-          0
-        )
-      );
-      setStatus(height > threshold ? "canRelease" : "pulling");
     };
     async function doRefresh() {
       setHeight(headHeight);
@@ -15666,7 +15762,7 @@ var __publicField = (obj, key, value) => {
         ...icon.props,
         className: `${icon.props.className || ""} icon`
       }) : null, children && /* @__PURE__ */ React.createElement("span", { className: "text" }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(a$c, { className: "icon" })),
-      showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}`)
+      showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
     ));
   };
   Avatar.defaultProps = defaultProps$v;
@@ -15958,49 +16054,59 @@ var __publicField = (obj, key, value) => {
         closeOnOverlayClick,
         lockScroll,
         contentClassName,
-        size,
         visible,
+        size,
         className,
         style,
         onClose
       },
       setParams
     } = useParams({ ...defaultProps$s, ...props });
-    let timer;
-    const [openState, SetOpenState] = React.useState(false);
+    const timer = React.useRef(-1);
+    const [innerVisible, setInnerVisible] = usePropsValue({
+      value: visible,
+      defaultValue: void 0,
+      finalValue: false,
+      onChange: (v) => {
+        !v && (onClose == null ? void 0 : onClose());
+      }
+    });
     React.useEffect(() => {
-      if (visible) {
-        show2();
-      } else {
-        hide2();
+      if (innerVisible) {
+        autoClose();
       }
-    }, [visible]);
+    }, [innerVisible, duration]);
     useCustomEvent(
       id,
       ({ status, options }) => {
         if (status) {
+          options.visible = true;
           setParams(options);
           show2();
         } else {
+          setParams({ visible: false });
           hide2();
         }
       }
     );
     const clearTimer = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
+      if (timer.current) {
+        clearTimeout(timer.current);
+        timer.current = -1;
       }
     };
+    const show2 = () => {
+      setInnerVisible(true);
+    };
     const hide2 = () => {
-      SetOpenState(false);
-      onClose == null ? void 0 : onClose();
+      clearTimer();
+      setInnerVisible(false);
     };
-    const show2 = () => {
+    const autoClose = () => {
       clearTimer();
-      SetOpenState(true);
       if (duration) {
-        timer = window.setTimeout(() => {
+        timer.current = window.setTimeout(() => {
+          setParams({ visible: false });
           hide2();
         }, duration * 1e3);
       }
@@ -16031,10 +16137,10 @@ var __publicField = (obj, key, value) => {
       "nut-toast-has-icon": icon,
       [`nut-toast-${size}`]: true
     });
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, openState ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, innerVisible ? /* @__PURE__ */ React.createElement(
       Overlay,
       {
-        visible: openState,
+        visible: innerVisible,
         style,
         className: `${classPrefix$8}__overlay-default ${className}`,
         closeOnOverlayClick,
@@ -16210,7 +16316,6 @@ var __publicField = (obj, key, value) => {
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
-  const warn = console.warn;
   const defaultProps$o = {
     ...ComponentDefaults,
     className: "",
@@ -16278,7 +16383,7 @@ var __publicField = (obj, key, value) => {
     });
     audioCtx.onEnded(() => {
       if (props.loop) {
-        warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
+        console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
       } else {
         props.onPlayEnd && props.onPlayEnd(audioCtx);
       }
@@ -16999,7 +17104,9 @@ var __publicField = (obj, key, value) => {
       )
     );
   };
-  const CountDown = React.forwardRef(InternalCountDown);
+  const CountDown = React.forwardRef(
+    InternalCountDown
+  );
   CountDown.defaultProps = defaultProps$k;
   CountDown.displayName = "NutCountDown";
   const defaultProps$j = {
@@ -17152,18 +17259,18 @@ var __publicField = (obj, key, value) => {
       }
     };
     const verifyEllipsis = async () => {
-      var _a2, _b2, _c2, _d2, _e, _f;
+      var _a2, _b2, _c2, _d2, _e, _f, _g;
       const refe = await getRectByTaro(rootContain.current);
       if (refe && refe.height && refe.height > maxHeight.current) {
         if (direction === "end") {
-          ellipsis.current.leading = (_c2 = (_a2 = ellipsis.current) == null ? void 0 : _a2.leading) == null ? void 0 : _c2.slice(
+          ellipsis.current.leading = (_d2 = (_a2 = ellipsis.current) == null ? void 0 : _a2.leading) == null ? void 0 : _d2.slice(
             0,
-            ((_b2 = ellipsis.current) == null ? void 0 : _b2.leading.length) - 1
+            (((_c2 = (_b2 = ellipsis.current) == null ? void 0 : _b2.leading) == null ? void 0 : _c2.length) || 0) - 1
           );
         } else {
-          ellipsis.current.tailing = (_f = (_d2 = ellipsis.current) == null ? void 0 : _d2.tailing) == null ? void 0 : _f.slice(
+          ellipsis.current.tailing = (_g = (_e = ellipsis.current) == null ? void 0 : _e.tailing) == null ? void 0 : _g.slice(
             1,
-            (_e = ellipsis.current) == null ? void 0 : _e.tailing.length
+            (_f = ellipsis.current) == null ? void 0 : _f.tailing.length
           );
         }
         assignContent();
@@ -18095,8 +18202,8 @@ var __publicField = (obj, key, value) => {
         return [columns2.key, columns2.render];
       });
     };
-    const renderBodyTds = (item) => {
-      return sortDataItem().map(([value, render], index) => {
+    const renderBodyTds = (item, rowIndex) => {
+      return sortDataItem().map(([value, render]) => {
         return /* @__PURE__ */ React.createElement(
           "span",
           {
@@ -18106,13 +18213,13 @@ var __publicField = (obj, key, value) => {
             ),
             key: value
           },
-          typeof item[value] === "function" || typeof render === "function" ? /* @__PURE__ */ React.createElement("div", null, render ? render(item) : item[value](item)) : item[value]
+          typeof item[value] === "function" || typeof render === "function" ? /* @__PURE__ */ React.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]
         );
       });
     };
     const renderBoyTrs = () => {
-      return curData.map((item, index) => {
-        return /* @__PURE__ */ React.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item));
+      return curData.map((item, rowIndex) => {
+        return /* @__PURE__ */ React.createElement("div", { className: bodyClassPrefix, key: rowIndex }, renderBodyTds(item, rowIndex));
       });
     };
     return /* @__PURE__ */ React.createElement("div", { className: cls, style, ...rest }, /* @__PURE__ */ React.createElement(
@@ -18501,7 +18608,7 @@ var __publicField = (obj, key, value) => {
     }
     return positions;
   };
-  const binarySearch = (positionsList, value = 0, horizontal) => {
+  const binarySearch = (positionsList, horizontal, value = 0) => {
     let start = 0;
     let end = positionsList.length - 1;
     let tempIndex = null;
@@ -18644,7 +18751,7 @@ var __publicField = (obj, key, value) => {
     const listScroll = (e) => {
       const scrollTop = e.detail ? e.detail.scrollTop : e.target.scrollTop;
       const scrollSize = Math.floor(scrollTop);
-      const startIndex = binarySearch(positions, scrollSize, false);
+      const startIndex = binarySearch(positions, false, scrollSize);
       const overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
       const endIndex = end();
       if (!itemEqual) {
@@ -18809,7 +18916,9 @@ var __publicField = (obj, key, value) => {
       );
     })));
   };
-  const Barrage = React.forwardRef(InternalBarrage);
+  const Barrage = React.forwardRef(
+    InternalBarrage
+  );
   Barrage.defaultProps = defaultProps$5;
   Barrage.displayName = "NutBarrage";
   const defaultProps$4 = {
@@ -19089,7 +19198,7 @@ var __publicField = (obj, key, value) => {
         return console.warn(`传入的值：${num}不是一个数字`);
       }
       num = parseFloat(num);
-      const numPow = Math.pow(10, digit);
+      const numPow = 10 ** digit;
       return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
     };
     const calcStyle = (() => {

package/dist/packages/form/form.scss

@@ -7,10 +7,18 @@
 }
 
 .form-layout-left .nut-form-item__label {
+  position: relative;
   text-align: left;
   font-size: 14px;
-  padding-right: 24px;
+  padding-left: 12px;
   white-space: nowrap;
+
+  .required {
+    display: block;
+    line-height: 1.5;
+    position: absolute;
+    left: 0.1em;
+  }
 }
 
 .form-layout-top .nut-form-item {

package/dist/packages/formitem/formitem.scss

@@ -1,17 +1,6 @@
 .nut-form-item {
   display: flex;
 
-  &::before {
-    position: absolute;
-    box-sizing: border-box;
-    content: ' ';
-    pointer-events: none;
-    right: 16px;
-    bottom: 0;
-    left: 16px;
-    transform: scaleX(0);
-  }
-
   &.error {
     &.line {
       &::before {