npm - antd-mobile - Versions diffs - 5.14.2 → 5.15.1 - Mend

@@ -4,6 +4,8 @@ export function renderImperatively(element) {
   const Wrapper = React.forwardRef((_, ref) => {
     const [visible, setVisible] = useState(false);
     const closedRef = useRef(false);
+    const [elementToRender, setElementToRender] = useState(element);
+    const keyRef = useRef(0);
     useEffect(() => {
       if (!closedRef.current) {
         setVisible(true);
@@ -17,20 +19,28 @@ export function renderImperatively(element) {
       closedRef.current = true;
       setVisible(false);
-      (_b = (_a = element.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     function afterClose() {
       var _a, _b;
       unmount();
-      (_b = (_a = element.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+      (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     useImperativeHandle(ref, () => ({
-      close: onClose
+      close: onClose,
+      replace: element => {
+        var _a, _b;
+        keyRef.current++;
+        (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        setElementToRender(element);
+      }
     }));
-    return React.cloneElement(element, Object.assign(Object.assign({}, element.props), {
+    return React.cloneElement(elementToRender, Object.assign(Object.assign({}, elementToRender.props), {
+      key: keyRef.current,
       visible,
       onClose,
       afterClose
@@ -40,14 +50,16 @@ export function renderImperatively(element) {
   const unmount = renderToBody(React.createElement(Wrapper, {
     ref: wrapperRef
   }));
+  return {
+    close: () => {
+      var _a;
-  function close() {
-    var _a;
-    (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
-  }
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    },
+    replace: element => {
+      var _a;
-  return {
-    close
+      (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element);
+    }
   };
 }

@@ -104,5 +104,8 @@ declare const koKR: {
         canRelease: string;
         complete: string;
     };
+    Switch: {
+        name: string;
+    };
 };
 export default koKR;

@@ -104,5 +104,8 @@ declare const zhCN: {
         canRelease: string;
         complete: string;
     };
+    Switch: {
+        name: string;
+    };
 };
 export default zhCN;

@@ -106,6 +106,9 @@ const zhCN = mergeLocale(base, {
     pulling: '下拉刷新',
     canRelease: '释放立即刷新',
     complete: '刷新成功'
+  },
+  Switch: {
+    name: '开关'
   }
 });
 export default zhCN;

@@ -104,5 +104,8 @@ declare const zhHK: {
         canRelease: string;
         complete: string;
     };
+    Switch: {
+        name: string;
+    };
 };
 export default zhHK;

@@ -104,5 +104,8 @@ declare const zhTW: {
         canRelease: string;
         complete: string;
     };
+    Switch: {
+        name: string;
+    };
 };
 export default zhTW;

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import type { CSSProperties, ReactElement } from 'react';
-export interface NativeProps<S extends string = never> {
+export declare type NativeProps<S extends string = never> = {
     className?: string;
     style?: CSSProperties & Partial<Record<S, string>>;
     tabIndex?: number;
-}
+} & AriaAttributes;
 export declare function withNativeProps<P extends NativeProps>(props: P, element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

@@ -4,7 +4,10 @@ declare type ImperativeProps = {
     onClose?: () => void;
     afterClose?: () => void;
 };
-export declare function renderImperatively(element: ReactElement<ImperativeProps>): {
+declare type TargetElement = ReactElement<ImperativeProps>;
+export declare type ImperativeHandler = {
     close: () => void;
+    replace: (element: TargetElement) => void;
 };
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
 export {};

@@ -15,12 +15,8 @@ export function usePropsValue(options) {
   const setState = useMemoizedFn(v => {
     const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
-    if (value === undefined) {
-      stateRef.current = nextValue;
-      update();
-    }
+    stateRef.current = nextValue;
+    update();
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
   });
   return [stateRef.current, setState];

@@ -1,18 +1,18 @@
 {
   "name": "antd-mobile",
-  "version": "5.14.2",
+  "version": "5.15.1",
   "dependencies": {
     "@floating-ui/dom": "^0.5.2",
     "@react-spring/web": "^9.4.5",
     "@use-gesture/react": "10.2.15",
     "ahooks": "^3.4.1",
-    "antd-mobile-icons": "^0.2.2",
+    "antd-mobile-icons": "^0.3.0",
     "antd-mobile-v5-count": "^1.0.1",
     "big.js": "^6.1.1",
     "classnames": "^2.3.1",
     "dayjs": "^1.11.3",
     "lodash": "^4.17.21",
-    "rc-field-form": "^1.26.7",
+    "rc-field-form": "~1.26.7",
     "react-is": "^17.0.2",
     "staged-components": "^1.1.3",
     "tslib": "^2.4.0",

antd-mobile 5.14.2 → 5.15.1