@plasmicpkgs/antd5 0.0.104 → 0.0.106

package/dist/antd.esm.js

@@ -2563,7 +2563,7 @@ const Internal = React.forwardRef(
 function useFormItemDefinitions(rawData, props, formRef) {
   const { mode, formItems, setControlContextData } = props;
   return React.useMemo(() => {
-    if (mode !== "simplified" || !formRef || !rawData || rawData.error) {
+    if (mode !== "simplified" || !rawData || rawData.isLoading || rawData.error) {
       return void 0;
     }
     const data = normalizeData(rawData);
@@ -2592,7 +2592,7 @@ function useFormItemDefinitions(rawData, props, formRef) {
       schema: data.schema,
       minimalFullLengthFields,
       mergedFields,
-      formInstance: formRef.formInstance
+      formInstance: formRef == null ? void 0 : formRef.formInstance
     });
     return mergedFields;
   }, [mode, setControlContextData, formItems, rawData, formRef]);
@@ -2621,28 +2621,48 @@ const FormWrapper = React.forwardRef(
       props,
       wrapperRef.current
     );
-    const previousOpData = usePrevious(props.data);
     React.useEffect(() => {
-      var _a2;
-      if ((previousOpData == null ? void 0 : previousOpData.opId) !== ((_a2 = props.data) == null ? void 0 : _a2.opId)) {
+      if (rawData && !rawData.isLoading) {
         setRemountKey((k) => k + 1);
       }
-    }, [previousOpData, props.data]);
+    }, [rawData]);
     const _a = props, { formItems } = _a, rest = __objRest$7(_a, ["formItems"]);
     const actualFormItems = props.mode === "simplified" && formItemDefinitions ? formItemDefinitions : formItems;
+    const previousFormItems = React.useRef([]);
+    React.useEffect(() => {
+      if (!(rawData && rawData.isLoading)) {
+        previousFormItems.current = actualFormItems;
+      }
+    }, [rawData, actualFormItems]);
     if (props.mode === "simplified" && rawData && "error" in rawData) {
       return /* @__PURE__ */ React.createElement("div", null, "Error when fetching data: ", rawData.error.message);
     }
-    return /* @__PURE__ */ React.createElement(
+    const isSchemaForm = props.mode === "simplified" && !!props.data;
+    const isLoadingData = rawData == null ? void 0 : rawData.isLoading;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Internal,
       __spreadProps$7(__spreadValues$9({
         key: remountKey
       }, rest), {
         setRemountKey,
-        formItems: actualFormItems,
-        ref: wrapperRef
+        formItems: rawData && rawData.isLoading ? previousFormItems.current : actualFormItems,
+        ref: wrapperRef,
+        style: isSchemaForm && isLoadingData ? {
+          opacity: 0.5,
+          transitionDelay: "250ms",
+          transition: "1s"
+        } : {}
       })
-    );
+    ), isSchemaForm && isLoadingData && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          width: "100%",
+          height: "100%"
+        }
+      }
+    ));
   }
 );
 const COMMON_ACTIONS = [
@@ -2712,6 +2732,7 @@ const colProp = (displayName, defaultValue, description) => ({
       description: "Only apply when form layout is horizontal"
     }
   },
+  nameFunc: () => `Edit ${displayName}`,
   description,
   defaultValue
 });