@nutui/nutui-react 2.3.9 → 2.3.10

package/dist/esm/formitem2.js

@@ -1179,6 +1179,7 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
   var _this3 = this;
   _classCallCheck(this, FormStore2);
   _defineProperty(this, "initialValues", {});
+  _defineProperty(this, "updateList", []);
   _defineProperty(this, "store", {});
   _defineProperty(this, "fieldEntities", []);
   _defineProperty(this, "callbacks", {});
@@ -1224,6 +1225,15 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
         }
       });
     });
+    _this3.updateList.forEach(function(item) {
+      var shouldUpdate = item.condition;
+      if (typeof item.condition === "function") {
+        shouldUpdate = item.condition();
+      }
+      if (shouldUpdate) {
+        item.entity.onStoreChange("update");
+      }
+    });
   });
   _defineProperty(this, "setCallback", function(callback) {
     _this3.callbacks = _objectSpread(_objectSpread({}, _this3.callbacks), callback);
@@ -1357,6 +1367,17 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
       entity.onStoreChange("reset");
     });
   });
+  _defineProperty(this, "registerUpdate", function(field, shouldUpdate) {
+    _this3.updateList.push({
+      entity: field,
+      condition: shouldUpdate
+    });
+    return function() {
+      _this3.updateList = _this3.updateList.filter(function(i) {
+        return i.entity !== field;
+      });
+    };
+  });
   _defineProperty(this, "dispatch", function(_ref5) {
     var name = _ref5.name;
     _this3.validateFields([name]);
@@ -1369,7 +1390,8 @@ var FormStore = /* @__PURE__ */ _createClass(function FormStore2() {
         setInitialValues: _this3.setInitialValues,
         dispatch: _this3.dispatch,
         store: _this3.store,
-        fieldEntities: _this3.fieldEntities
+        fieldEntities: _this3.fieldEntities,
+        registerUpdate: _this3.registerUpdate
       };
     }
   });
@@ -1422,7 +1444,9 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     message: ""
   }],
   errorMessageAlign: "left",
-  validateTrigger: "onChange"
+  validateTrigger: "onChange",
+  shouldUpdate: false,
+  noStyle: false
 });
 var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   _inherits(FormItem2, _React__default$Compo);
@@ -1433,6 +1457,7 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
     _this4 = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this4), "cancelRegister", void 0);
     _defineProperty(_assertThisInitialized(_this4), "componentRef", void 0);
+    _defineProperty(_assertThisInitialized(_this4), "eventOff", void 0);
     _defineProperty(_assertThisInitialized(_this4), "getControlled", function(children) {
       var _children$props;
       var _this4$context = _this4.context, setFieldsValue = _this4$context.setFieldsValue, getFieldValue = _this4$context.getFieldValue;
@@ -1546,8 +1571,9 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   _createClass(FormItem2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$context$getInte = this.context.getInternal(SECRET), registerField = _this$context$getInte.registerField;
+      var _this$context$getInte = this.context.getInternal(SECRET), registerField = _this$context$getInte.registerField, registerUpdate = _this$context$getInte.registerUpdate;
       this.cancelRegister = registerField(this);
+      this.eventOff = registerUpdate(this, this.props.shouldUpdate);
     }
   }, {
     key: "componentWillUnmount",
@@ -1555,16 +1581,24 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
       if (this.cancelRegister) {
         this.cancelRegister();
       }
+      if (this.eventOff) {
+        this.eventOff();
+      }
     }
   }, {
     key: "render",
     value: function render() {
       var children = this.props.children;
       var child = Array.isArray(children) ? children[0] : children;
-      var returnChildNode = React__default.cloneElement(child, this.getControlled(child));
+      var returnChildNode;
+      if (!this.props.shouldUpdate) {
+        returnChildNode = React__default.cloneElement(child, this.getControlled(child));
+      } else {
+        returnChildNode = child(this.context);
+      }
       return React__default.createElement(React__default.Fragment, {
         key: this.state.resetCount
-      }, this.renderLayout(returnChildNode));
+      }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
   }]);
   return FormItem2;

package/dist/esm/types/src/packages/formitem/formitem.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { BaseFormField } from './types';
 import { Context } from '../form/context';
 import { BasicComponent } from '@/utils/typings';
 type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
-export interface FormItemProps extends BasicComponent, BaseFormField {
+export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFormField {
     required: boolean;
     initialValue: any;
     trigger: string;
@@ -12,6 +12,9 @@ export interface FormItemProps extends BasicComponent, BaseFormField {
     onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void;
     errorMessageAlign: TextAlign;
     validateTrigger: string | string[];
+    shouldUpdate: boolean;
+    noStyle: boolean;
+    children: ReactNode | ((obj: any) => React.ReactNode);
 }
 export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     resetCount: number;
@@ -21,6 +24,7 @@ export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     context: React.ContextType<typeof Context>;
     private cancelRegister;
     private componentRef;
+    private eventOff;
     constructor(props: FormItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/esm/types/src/packages/formitem/formitem.taro.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { BaseFormField } from './types';
 import { Context } from '../form/context';
 import { BasicComponent } from '@/utils/typings';
 type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
-export interface FormItemProps extends BasicComponent, BaseFormField {
+export interface FormItemProps extends Omit<BasicComponent, 'children'>, BaseFormField {
     required: boolean;
     initialValue: any;
     trigger: string;
@@ -12,6 +12,9 @@ export interface FormItemProps extends BasicComponent, BaseFormField {
     onClick: (event: React.MouseEvent, componentRef: React.MutableRefObject<any>) => void;
     errorMessageAlign: TextAlign;
     validateTrigger: string | string[];
+    shouldUpdate: boolean;
+    noStyle: boolean;
+    children: ReactNode | ((obj: any) => React.ReactNode);
 }
 export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     resetCount: number;
@@ -21,6 +24,7 @@ export declare class FormItem extends React.Component<Partial<FormItemProps>, {
     context: React.ContextType<typeof Context>;
     private cancelRegister;
     private componentRef;
+    private eventOff;
     constructor(props: FormItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
 import { PopupProps } from '@/packages/popup/index';
 export interface ShortPasswordProps extends PopupProps {
     value: string;
@@ -19,4 +19,5 @@ export interface ShortPasswordProps extends PopupProps {
     onTips: () => void;
     onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
 import { PopupProps } from '@/packages/popup/popup.taro';
 export interface ShortPasswordProps extends PopupProps {
     value: string;
@@ -19,4 +19,5 @@ export interface ShortPasswordProps extends PopupProps {
     onTips: () => void;
     onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/shortpassword/types.d.ts

@@ -0,0 +1,4 @@
+export type ShortPasswordActions = {
+    open: () => void;
+    close: () => void;
+};

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:14:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:13:21 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.3.9 Fri Feb 02 2024 16:13:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.3.10 Tue Feb 06 2024 16:12:46 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -15786,6 +15786,7 @@ class FormStore {
   constructor() {
     // 初始化数据
     __publicField(this, "initialValues", {});
+    __publicField(this, "updateList", []);
     // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
     __publicField(this, "store", {});
     // 所有的组件实例
@@ -15855,6 +15856,15 @@ class FormStore {
           }
         });
       });
+      this.updateList.forEach((item) => {
+        let shouldUpdate = item.condition;
+        if (typeof item.condition === "function") {
+          shouldUpdate = item.condition();
+        }
+        if (shouldUpdate) {
+          item.entity.onStoreChange("update");
+        }
+      });
     });
     __publicField(this, "setCallback", (callback) => {
       this.callbacks = {
@@ -15920,6 +15930,16 @@ class FormStore {
         entity.onStoreChange("reset");
       });
     });
+    // 监听事件
+    __publicField(this, "registerUpdate", (field, shouldUpdate) => {
+      this.updateList.push({
+        entity: field,
+        condition: shouldUpdate
+      });
+      return () => {
+        this.updateList = this.updateList.filter((i) => i.entity !== field);
+      };
+    });
     __publicField(this, "dispatch", ({ name }) => {
       this.validateFields([name]);
     });
@@ -15931,7 +15951,8 @@ class FormStore {
           setInitialValues: this.setInitialValues,
           dispatch: this.dispatch,
           store: this.store,
-          fieldEntities: this.fieldEntities
+          fieldEntities: this.fieldEntities,
+          registerUpdate: this.registerUpdate
         };
       }
     });
@@ -16062,13 +16083,16 @@ const defaultProps$W = {
   label: "",
   rules: [{ required: false, message: "" }],
   errorMessageAlign: "left",
-  validateTrigger: "onChange"
+  validateTrigger: "onChange",
+  shouldUpdate: false,
+  noStyle: false
 };
 class FormItem extends React__default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "cancelRegister");
     __publicField(this, "componentRef");
+    __publicField(this, "eventOff");
     // children添加value属性和onChange事件
     __publicField(this, "getControlled", (children) => {
       var _a2;
@@ -16183,22 +16207,31 @@ class FormItem extends React__default.Component {
     };
   }
   componentDidMount() {
-    const { registerField } = this.context.getInternal(SECRET);
+    const { registerField, registerUpdate } = this.context.getInternal(SECRET);
     this.cancelRegister = registerField(this);
+    this.eventOff = registerUpdate(this, this.props.shouldUpdate);
   }
   componentWillUnmount() {
     if (this.cancelRegister) {
       this.cancelRegister();
     }
+    if (this.eventOff) {
+      this.eventOff();
+    }
   }
   render() {
     const { children } = this.props;
     const child = Array.isArray(children) ? children[0] : children;
-    const returnChildNode = React__default.cloneElement(
-      child,
-      this.getControlled(child)
-    );
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.renderLayout(returnChildNode));
+    let returnChildNode;
+    if (!this.props.shouldUpdate) {
+      returnChildNode = React__default.cloneElement(
+        child,
+        this.getControlled(child)
+      );
+    } else {
+      returnChildNode = child(this.context);
+    }
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
   }
 }
 __publicField(FormItem, "defaultProps", defaultProps$W);
@@ -18109,13 +18142,13 @@ const defaultProps$L = {
   // 1~6
   autoFocus: false
 };
-const ShortPassword = (props) => {
+const InternalShortPassword = (props, ref) => {
   const { locale } = useConfig();
   const {
     title,
     description,
     tips,
-    visible,
+    visible: deleteVisible,
     value,
     error,
     hideFooter,
@@ -18146,6 +18179,24 @@ const ShortPassword = (props) => {
   const format2 = (val) => {
     return val.slice(0, comLen);
   };
+  const [visible, setVisible] = usePropsValue({
+    value: props.visible,
+    defaultValue: false,
+    finalValue: false
+  });
+  const handleClose = () => {
+    onClose == null ? void 0 : onClose();
+    setVisible(false);
+  };
+  const actions = {
+    open: () => {
+      setVisible(true);
+    },
+    close: () => {
+      setVisible(false);
+    }
+  };
+  useImperativeHandle(ref, () => actions);
   const [inputValue, setInputValue] = usePropsValue({ value, onChange });
   useEffect(() => {
     if (visible && autoFocus) {
@@ -18172,8 +18223,8 @@ const ShortPassword = (props) => {
       },
       visible,
       closeable: true,
-      onOverlayClick: onClose,
-      onCloseIconClick: onClose,
+      onOverlayClick: handleClose,
+      onCloseIconClick: handleClose,
       ...rest
     },
     /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
@@ -18181,8 +18232,7 @@ const ShortPassword = (props) => {
     }))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(s, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
   );
 };
-ShortPassword.defaultProps = defaultProps$L;
-ShortPassword.displayName = "NutShortPassword";
+const ShortPassword = React__default.forwardRef(InternalShortPassword);
 const defaultProps$K = {
   ...ComponentDefaults,
   type: "png",
@@ -24487,6 +24537,8 @@ const InternalBarrage = (props, ref) => {
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
   const index = useRef(0);
+  const times = useRef([]);
+  const historyIndex = useRef(-1);
   const classes = classNames(classPrefix$1, className);
   useImperativeHandle(ref, () => ({
     add: (word) => {
@@ -24517,9 +24569,15 @@ const InternalBarrage = (props, ref) => {
   }, [list]);
   const run = () => {
     clearInterval(timer.current);
+    let intervalCache = interval;
+    const _index = (loop2 ? index.current % list.length : index.current) % rows;
+    const result = times.current[_index] - rows * interval;
+    if (result > 0) {
+      intervalCache += result;
+    }
     timer.current = window.setTimeout(() => {
       play();
-    }, interval);
+    }, intervalCache);
   };
   const play = () => {
     if (!loop2 && index.current >= list.length) {
@@ -24527,14 +24585,23 @@ const InternalBarrage = (props, ref) => {
     }
     const _index = loop2 ? index.current % list.length : index.current;
     const el = document.createElement(`div`);
+    let currentIndex = _index % rows;
+    if (currentIndex <= historyIndex.current || historyIndex.current === 3 && currentIndex !== 0 || Math.abs(currentIndex - historyIndex.current) !== 1) {
+      currentIndex = historyIndex.current + 1 >= rows ? 0 : historyIndex.current + 1;
+    }
+    historyIndex.current = currentIndex;
     el.innerHTML = list[_index];
     el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
     const width = el.offsetWidth;
     const height = el.offsetHeight;
     el.classList.add("move");
-    el.style.animationDuration = `${duration}ms`;
-    el.style.top = `${_index % rows * (height + gapY) + 20}px`;
+    const elScrollDuration = Math.ceil(
+      width / barrageCWidth.current * duration
+    );
+    times.current[currentIndex] = elScrollDuration;
+    el.style.animationDuration = `${duration + elScrollDuration}ms`;
+    el.style.top = `${currentIndex * (height + gapY) + 20}px`;
     el.style.width = `${width}px`;
     el.addEventListener("animationend", () => {
       barrageContainer.current.removeChild(el);