@nutui/nutui-react 2.3.8 → 2.3.10

package/dist/esm/popup2.js

@@ -150,7 +150,8 @@ var Popup = function Popup2(props) {
     return React__default.createElement(CSSTransition, {
       nodeRef,
       classNames: transitionName,
-      unmountOnExit: true,
+      mountOnEnter: true,
+      unmountOnExit: destroyOnClose,
       timeout: duration,
       "in": innerVisible,
       onEntered: onHandleOpened,

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

@@ -4,8 +4,10 @@ import { BaseLang } from '@/locales/base';
 import type { NutCSSVariables } from './types';
 export interface ConfigProviderProps extends BasicComponent {
     locale: BaseLang;
+    direction?: Direction;
     theme?: Record<string | NutCSSVariables, string>;
 }
+export type Direction = 'ltr' | 'rtl' | undefined;
 export declare const defaultConfigRef: {
     current: ConfigProviderProps;
 };

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

@@ -4,8 +4,10 @@ import { BaseLang } from '@/locales/base';
 import type { NutCSSVariables } from './types';
 export interface ConfigProviderProps extends BasicComponent {
     locale: BaseLang;
+    direction?: Direction;
     theme?: Record<string | NutCSSVariables, string>;
 }
+export type Direction = 'ltr' | 'rtl' | undefined;
 export declare const defaultConfigRef: {
     current: ConfigProviderProps;
 };

package/dist/esm/types/src/packages/configprovider/index.d.ts

@@ -1,5 +1,5 @@
 import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider';
-export type { ConfigProviderProps } from './configprovider';
+export type { ConfigProviderProps, Direction } from './configprovider';
 export type { NutCSSVariables } from './types';
 export { useConfig, setDefaultConfig, getDefaultConfig };
 export default ConfigProvider;

package/dist/esm/types/src/packages/configprovider/index.taro.d.ts

@@ -1,5 +1,5 @@
 import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider.taro';
-export type { ConfigProviderProps } from './configprovider.taro';
+export type { ConfigProviderProps, Direction } from './configprovider.taro';
 export type { NutCSSVariables } from './types';
 export { useConfig, setDefaultConfig, getDefaultConfig };
 export default ConfigProvider;

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/popover/popover.taro.d.ts

@@ -28,4 +28,11 @@ export interface PopoverProps extends PopupProps {
     onClose: () => void;
     onSelect: (item: List, index: number) => void;
 }
+export interface RootPosition {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+}
 export declare const Popover: FunctionComponent<Partial<PopoverProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>>;

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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:14:38 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.8 Fri Jan 26 2024 15:13:59 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.
 */
@@ -2379,7 +2379,8 @@ const zhCN = {
 const classPrefix$p = "nut-configprovider";
 const defaultConfigRef = {
   current: {
-    locale: zhCN
+    locale: zhCN,
+    direction: "ltr"
   }
 };
 const getDefaultConfig = () => {
@@ -2397,7 +2398,7 @@ function convertThemeVarsToCSSVars(themeVars) {
   return cssVars;
 }
 const ConfigProvider = (props) => {
-  const { style, className, children, ...config2 } = props;
+  const { style, className, children, direction, ...config2 } = props;
   const mergedConfig = useMemo(
     () => {
       return {
@@ -2420,8 +2421,10 @@ const ConfigProvider = (props) => {
       className: classNames(classPrefix$p, className),
       style: {
         ...cssVarStyle,
-        ...style
-      }
+        ...style,
+        direction
+      },
+      dir: direction
     },
     children
   ));
@@ -10881,7 +10884,8 @@ const Popup = (props) => {
       {
         nodeRef,
         classNames: transitionName,
-        unmountOnExit: true,
+        mountOnEnter: true,
+        unmountOnExit: destroyOnClose,
         timeout: duration,
         in: innerVisible,
         onEntered: onHandleOpened,
@@ -15782,6 +15786,7 @@ class FormStore {
   constructor() {
     // 初始化数据
     __publicField(this, "initialValues", {});
+    __publicField(this, "updateList", []);
     // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
     __publicField(this, "store", {});
     // 所有的组件实例
@@ -15851,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 = {
@@ -15916,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]);
     });
@@ -15927,7 +15951,8 @@ class FormStore {
           setInitialValues: this.setInitialValues,
           dispatch: this.dispatch,
           store: this.store,
-          fieldEntities: this.fieldEntities
+          fieldEntities: this.fieldEntities,
+          registerUpdate: this.registerUpdate
         };
       }
     });
@@ -16058,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;
@@ -16179,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);
@@ -18105,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,
@@ -18142,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) {
@@ -18168,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) => {
@@ -18177,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",
@@ -18387,7 +18441,7 @@ const TextArea = (props) => {
   const textareaRef = useRef(null);
   const compositionRef = useRef(false);
   const format2 = (value2) => {
-    if (maxLength !== void 0 && value2.length > maxLength) {
+    if (maxLength !== -1 && value2.length > maxLength) {
       return value2.substring(0, maxLength);
     }
     return value2;
@@ -19826,6 +19880,7 @@ const InfiniteLoading = (props) => {
     if (distance.current < refreshMaxH.current) {
       distance.current = 0;
       getRefreshTop().style.height = `${distance.current}px`;
+      isTouching.current = false;
     } else {
       await (onRefresh == null ? void 0 : onRefresh());
       refreshDone();
@@ -24482,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) => {
@@ -24512,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) {
@@ -24522,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);