@hzab/form-render-mobile 0.0.12 → 0.0.13

package/lib/index.js

@@ -39090,7 +39090,9 @@
               l = F("formily-collapse", r),
               u = (0, a.useMemo)(function () {
                 return n || Xg(r.defaultActiveKey);
-              }, []);
+              }, []),
+              c = dg((0, a.useState)([]), 2),
+              d = (c[0], c[1]);
             return i().createElement(
               tl,
               by({}, r, {
@@ -39111,6 +39113,7 @@
                 onChange: function (e) {
                   var t, n;
                   null == r || null === (t = r.onChange) || void 0 === t || t.call(r, e),
+                    d(e),
                     null == u || null === (n = u.setActiveKeys) || void 0 === n || n.call(u, e);
                 },
               }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render-mobile",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "formily-form-render-mobile",
   "main": "lib",
   "scripts": {

package/src/components/FormCollapse/index.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, ReactNode, useMemo } from "react";
+import React, { Fragment, ReactNode, useMemo, useState } from "react";
 import { Collapse, Badge, CollapseProps, CollapsePanelProps } from "antd-mobile";
 import { model, markRaw } from "@formily/reactive";
 import { useField, observer, useFieldSchema, RecursionField } from "@formily/react";
@@ -105,6 +105,8 @@ export const FormCollapse: ComposedFormCollapse = observer(({ formCollapse, ...p
   const _formCollapse = useMemo(() => {
     return formCollapse ? formCollapse : createFormCollapse(props.defaultActiveKey);
   }, []);
+  // HACK: 解决 打包之后 _formCollapse?.setActiveKeys 无法正常触发重渲染的问题
+  const [_activeKey, setActiveKeys] = useState<ActiveKeys>([]);
 
   const takeActiveKeys = () => {
     if (props.activeKey) return props.activeKey;
@@ -127,6 +129,7 @@ export const FormCollapse: ComposedFormCollapse = observer(({ formCollapse, ...p
     }
     return props.header;
   };
+
   return (
     <Collapse
       {...props}
@@ -135,6 +138,7 @@ export const FormCollapse: ComposedFormCollapse = observer(({ formCollapse, ...p
       activeKey={takeActiveKeys()}
       onChange={(key) => {
         props?.onChange?.(key);
+        setActiveKeys(key);
         _formCollapse?.setActiveKeys?.(key);
       }}
     >