@blocklet/pages-kit-inner-components 0.6.103 → 0.6.105

package/lib/es/setting.js

@@ -1,77 +1,79 @@
 import { jsx as e, jsxs as x, Fragment as U } from "react/jsx-runtime";
-import { Box as w, Alert as Xe, Typography as T, TextField as R, Stack as S, FormLabel as re, TableContainer as Ze, Paper as _, Table as ze, TableHead as je, TableRow as te, TableCell as ne, TableBody as Re, Button as E, IconButton as G, FormControlLabel as le, Switch as ye, InputAdornment as H, alpha as ue, Tooltip as B, buttonClasses as er, Dialog as ve, DialogTitle as Ve, DialogContent as Ae, DialogActions as Ee, Checkbox as rr, Autocomplete as Te, MenuItem as Z, Collapse as tr, Divider as nr, Popper as ir } from "@mui/material";
-import { t as xe, f as ie, a as se, h as Ce } from "./chunks/state-DNdwHwty.js";
-import Y from "@arcblock/ux/lib/Empty";
+import { Box as w, Alert as Ze, Typography as E, TextField as R, Stack as S, FormLabel as ee, TableContainer as er, Paper as J, Table as ze, TableHead as je, TableRow as re, TableCell as te, TableBody as Re, Button as D, IconButton as $, FormControlLabel as le, Switch as ye, InputAdornment as H, alpha as ue, Tooltip as B, buttonClasses as rr, Dialog as ve, DialogTitle as Ve, DialogContent as Ae, DialogActions as De, Checkbox as tr, Autocomplete as Ee, MenuItem as X, Collapse as nr, Divider as or, Popper as ir } from "@mui/material";
+import { t as xe, f as ne, a as se, h as Ce } from "./chunks/state-qDCrgEMQ.js";
+import _ from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as Pe } from "@blocklet/code-editor";
-import or from "@mui/icons-material/AddRounded";
-import lr from "@mui/icons-material/ArrowDownward";
-import sr from "@mui/icons-material/ArrowUpward";
-import ar from "@mui/icons-material/DeleteOutline";
-import D from "lodash/sortBy";
-import { useCallback as K, useMemo as $, useState as W, useEffect as M, useImperativeHandle as cr, useRef as ae } from "react";
-import { useUpdate as De, useDebounce as dr } from "react-use";
-import { ColorItem as ur, ConfigColorDialog as pr } from "@blocklet/pages-kit/builtin/color-picker";
-import { getImageSize as pe, getVideoSize as me, UploaderButton as ke, UploaderProvider as ce, useUploader as mr } from "@blocklet/pages-kit/builtin/uploader";
-import { Icon as hr } from "@iconify-icon/react";
+import lr from "@mui/icons-material/AddRounded";
+import sr from "@mui/icons-material/ArrowDownward";
+import ar from "@mui/icons-material/ArrowUpward";
+import cr from "@mui/icons-material/DeleteOutline";
+import T from "lodash/sortBy";
+import { useCallback as K, useMemo as oe, useState as W, useEffect as G, useImperativeHandle as dr, useRef as ae } from "react";
+import { useUpdate as Te, useDebounce as ur } from "react-use";
+import { ColorItem as pr, ConfigColorDialog as mr } from "@blocklet/pages-kit/builtin/color-picker";
+import { getImageSize as pe, getVideoSize as me, UploaderButton as ke, UploaderProvider as ce, useUploader as hr } from "@blocklet/pages-kit/builtin/uploader";
+import { Icon as fr } from "@iconify-icon/react";
 import L from "lodash/isEmpty";
 import We from "lodash/set";
 import * as he from "yaml";
 import fe from "lodash/cloneDeep";
 import be from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as Ke, transpileAndLoadScript as fr, getPropertiesFromCode as br } from "@blocklet/pages-kit/components";
-import { parsePropertyValue as gr } from "@blocklet/pages-kit/utils/property";
-import { unstable_useNumberInput as yr, ClickAwayListener as vr } from "@mui/base";
-import { SyncRounded as xr, SyncDisabledRounded as Cr, VisibilityOffRounded as Pr, VisibilityRounded as kr, DeleteOutlineRounded as wr, DragIndicatorRounded as Sr, TranslateRounded as Le, AddRounded as Ue, InfoRounded as Be, PsychologyAlt as Ir, StarRounded as Or, SettingsRounded as Me } from "@mui/icons-material";
-import { getYjsValue as q } from "@syncedstore/core";
-import { useReactive as Nr } from "ahooks";
-import zr from "lodash/assign";
-import jr from "lodash/get";
-import Rr from "lodash/has";
-import Vr from "lodash/isEqual";
-import oe from "lodash/isNil";
-import Ar from "lodash/isObject";
-import Er from "lodash/keyBy";
-import Tr from "lodash/omit";
-import Dr from "lodash/pick";
-import Wr from "lodash/reduce";
-import { usePopupState as we, bindTrigger as Se, bindDialog as Fe, bindPopper as Kr } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as Lr } from "react-error-boundary";
-import { useSensors as Ur, useSensor as Br, PointerSensor as Mr, DndContext as Fr, closestCorners as Jr, DragOverlay as Hr } from "@dnd-kit/core";
-import { SortableContext as $r, verticalListSortingStrategy as _r, useSortable as Gr } from "@dnd-kit/sortable";
-import { CSS as Yr } from "@dnd-kit/utilities";
+import { CustomComponentRenderer as Ke, transpileAndLoadScript as br, getPropertiesFromCode as gr } from "@blocklet/pages-kit/components";
+import { useDeepCompareCallback as yr } from "@blocklet/pages-kit/hooks/use-deep-compare-callback";
+import { useDeepCompareMemo as vr } from "@blocklet/pages-kit/hooks/use-deep-compare-memo";
+import { parsePropertyValue as xr } from "@blocklet/pages-kit/utils/property";
+import { unstable_useNumberInput as Cr, ClickAwayListener as Pr } from "@mui/base";
+import { SyncRounded as kr, SyncDisabledRounded as wr, VisibilityOffRounded as Sr, VisibilityRounded as Ir, DeleteOutlineRounded as Or, DragIndicatorRounded as Nr, TranslateRounded as Le, AddRounded as Ue, InfoRounded as Be, PsychologyAlt as zr, StarRounded as jr, SettingsRounded as Me } from "@mui/icons-material";
+import { getYjsValue as Y } from "@syncedstore/core";
+import { useDeepCompareEffect as Fe, useReactive as Rr } from "ahooks";
+import Vr from "lodash/assign";
+import Ar from "lodash/get";
+import Dr from "lodash/has";
+import Er from "lodash/isEqual";
+import ie from "lodash/isNil";
+import Tr from "lodash/isObject";
+import Wr from "lodash/keyBy";
+import Kr from "lodash/omit";
+import Lr from "lodash/pick";
+import Ur from "lodash/reduce";
+import { usePopupState as we, bindTrigger as Se, bindDialog as He, bindPopper as Br } from "material-ui-popup-state/hooks";
+import { ErrorBoundary as Mr } from "react-error-boundary";
+import { useSensors as Fr, useSensor as Hr, PointerSensor as Jr, DndContext as $r, closestCorners as _r, DragOverlay as Gr } from "@dnd-kit/core";
+import { SortableContext as Yr, verticalListSortingStrategy as qr, useSortable as Qr } from "@dnd-kit/sortable";
+import { CSS as Xr } from "@dnd-kit/utilities";
 import { nextId as Je } from "@blocklet/pages-kit/utils/common";
-function qr({ error: r }) {
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(Xe, { severity: "error", children: r.message }) });
+function Zr({ error: r }) {
+  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(Ze, { severity: "error", children: r.message }) });
 }
-function Qr({
+function et({
   onClick: r,
   disabled: t,
-  sx: i,
+  sx: o,
   ...s
 }) {
-  return /* @__PURE__ */ e(G, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(ar, { fontSize: "small" }) });
+  return /* @__PURE__ */ e($, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(cr, { fontSize: "small" }) });
 }
-function Xr({
+function rt({
   onClick: r,
   disabled: t,
-  sx: i,
+  sx: o,
   ...s
 }) {
-  return /* @__PURE__ */ e(G, { size: "small", color: "primary", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(sr, { fontSize: "small" }) });
+  return /* @__PURE__ */ e($, { size: "small", color: "primary", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(ar, { fontSize: "small" }) });
 }
-function Zr({
+function tt({
   onClick: r,
   disabled: t,
-  sx: i,
+  sx: o,
   ...s
 }) {
-  return /* @__PURE__ */ e(G, { size: "small", color: "primary", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(lr, { fontSize: "small" }) });
+  return /* @__PURE__ */ e($, { size: "small", color: "primary", disabled: t, onClick: r, ...s, children: /* @__PURE__ */ e(sr, { fontSize: "small" }) });
 }
-function et({
+function nt({
   label: r,
   value: t,
-  onChange: i,
+  onChange: o,
   disabled: s = !1,
   itemLabel: h = "",
   emptyHeight: u = 40,
@@ -79,69 +81,69 @@ function et({
   renderItem: y,
   ...m
 }) {
-  const { t: a, locale: c } = V(), l = De(), o = K(
+  const { t: a, locale: c } = V(), l = Te(), i = K(
     (b) => {
-      i(xe(b, d.type));
+      o(xe(b, d.type));
     },
-    [i, d.type]
-  ), n = $(() => Array.isArray(t) ? t : [], [t]), p = K(() => {
+    [o, d.type]
+  ), n = oe(() => Array.isArray(t) ? t : [], [t]), p = K(() => {
     const b = [...n, ""];
-    o(b), l();
-  }, [n, o, l]), g = K(() => {
+    i(b), l();
+  }, [n, i, l]), g = K(() => {
     if (!d || !d.subProperties)
       return p();
     const b = {};
-    D(Object.values(d.subProperties), "index").forEach(({ data: j }) => {
+    T(Object.values(d.subProperties), "index").forEach(({ data: j }) => {
       if (!j.key) return;
       const A = j.locales?.[c]?.defaultValue ?? "";
       b[j.key] = A;
     });
     const O = [...n, b];
-    o(O), l();
-  }, [n, o, l, d, c, p]), f = K(
+    i(O), l();
+  }, [n, i, l, d, c, p]), f = K(
     (b) => {
       try {
         const C = JSON.parse(b);
-        Array.isArray(C) ? o(C) : console.error("JSON解析结果不是数组");
+        Array.isArray(C) ? i(C) : console.error("JSON解析结果不是数组");
       } catch (C) {
         console.error("JSON解析错误:", C);
       }
     },
-    [o]
+    [i]
   ), k = K(
     (b) => {
       const C = n.filter((O, j) => j !== b);
-      o(C), l();
+      i(C), l();
     },
-    [n, o, l]
+    [n, i, l]
   ), v = K(
     (b) => {
       if (b <= 0) return;
       const C = [...n], O = C[b];
-      C[b] = C[b - 1], C[b - 1] = O, o(C), l();
+      C[b] = C[b - 1], C[b - 1] = O, i(C), l();
     },
-    [n, o, l]
+    [n, i, l]
   ), N = K(
     (b) => {
       if (b >= n.length - 1) return;
       const C = [...n], O = C[b];
-      C[b] = C[b + 1], C[b + 1] = O, o(C), l();
+      C[b] = C[b + 1], C[b + 1] = O, i(C), l();
     },
-    [n, o, l]
+    [n, i, l]
   ), z = K(
     (b, C) => {
       const O = [...n];
-      O[b] = C, o(O);
+      O[b] = C, i(O);
     },
-    [n, o]
-  ), P = d && d.subProperties && Object.keys(d.subProperties).length > 0, I = $(() => [
+    [n, i]
+  ), P = d && d.subProperties && Object.keys(d.subProperties).length > 0, I = oe(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
       renderCell: ({ index: b }) => /* @__PURE__ */ e(
-        T,
+        E,
         {
           variant: "body1",
           sx: {
@@ -186,15 +188,15 @@ function et({
       // 增加宽度以容纳更多按钮
       align: "center",
       renderCell: ({ index: b }) => /* @__PURE__ */ x(S, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ e(Xr, { disabled: s || b === 0, onClick: () => v(b) }),
+        /* @__PURE__ */ e(rt, { disabled: s || b === 0, onClick: () => v(b) }),
         /* @__PURE__ */ e(
-          Zr,
+          tt,
           {
             disabled: s || b === n.length - 1,
             onClick: () => N(b)
           }
         ),
-        /* @__PURE__ */ e(Qr, { disabled: s, onClick: () => k(b) })
+        /* @__PURE__ */ e(et, { disabled: s, onClick: () => k(b) })
       ] })
     }
   ], [
@@ -219,8 +221,8 @@ function et({
         gap: 1
       },
       children: [
-        r && /* @__PURE__ */ e(re, { children: r }),
-        n.length > 0 ? /* @__PURE__ */ e(Ze, { component: _, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ x(
+        r && /* @__PURE__ */ e(ee, { children: r }),
+        n.length > 0 ? /* @__PURE__ */ e(er, { component: J, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ x(
           ze,
           {
             size: "small",
@@ -238,8 +240,8 @@ function et({
               borderCollapse: "collapse"
             },
             children: [
-              /* @__PURE__ */ e(je, { sx: { display: "none" }, children: /* @__PURE__ */ e(te, { children: I.map((b) => /* @__PURE__ */ e(
-                ne,
+              /* @__PURE__ */ e(je, { sx: { display: "none" }, children: /* @__PURE__ */ e(re, { children: I.map((b) => /* @__PURE__ */ e(
+                te,
                 {
                   width: b.width,
                   align: b.align || "left",
@@ -249,7 +251,7 @@ function et({
                 b.field
               )) }) }),
               /* @__PURE__ */ e(Re, { children: n.map((b, C, O) => /* @__PURE__ */ e(
-                te,
+                re,
                 {
                   sx: {
                     borderBottom: C < O.length - 1 ? "1px solid" : "none",
@@ -259,7 +261,7 @@ function et({
                     }
                   },
                   children: I.map((j) => /* @__PURE__ */ e(
-                    ne,
+                    te,
                     {
                       width: j.width,
                       align: j.align || "left",
@@ -279,15 +281,15 @@ function et({
               )) })
             ]
           }
-        ) }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: u }, children: a("maker.properties.arrayEmpty") }),
+        ) }) : /* @__PURE__ */ e(_, { style: { fontSize: 12, height: u }, children: a("maker.properties.arrayEmpty") }),
         /* @__PURE__ */ e(
-          E,
+          D,
           {
             fullWidth: !0,
             size: "small",
             variant: "outlined",
             disabled: s,
-            startIcon: /* @__PURE__ */ e(or, {}),
+            startIcon: /* @__PURE__ */ e(lr, {}),
             onClick: g,
             children: a("maker.properties.addArrayItem")
           }
@@ -302,7 +304,7 @@ function et({
         gap: 1
       },
       children: [
-        r && /* @__PURE__ */ e(re, { children: r }),
+        r && /* @__PURE__ */ e(ee, { children: r }),
         /* @__PURE__ */ e(w, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ e(
           Pe,
           {
@@ -322,10 +324,10 @@ function et({
     }
   );
 }
-function rt({
+function ot({
   ref: r,
   showMarkdown: t,
-  markdown: i,
+  markdown: o,
   onMarkdownChange: s,
   showUploader: h,
   value: u,
@@ -334,12 +336,12 @@ function rt({
   ...m
 }) {
   const [a, c] = W("");
-  M(() => {
+  G(() => {
     c(u || "");
   }, [u, c]);
   const l = async () => {
     if (a !== u) {
-      const n = ie(a);
+      const n = ne(a);
       if (!n) {
         y(a, void 0);
         return;
@@ -349,23 +351,23 @@ function rt({
       y(a, { ...p, filename: a });
     }
   };
-  dr(
+  ur(
     () => {
       a !== u && y(a);
     },
     300,
     [a]
-  ), cr(r, () => ({
+  ), dr(r, () => ({
     submit: l
   }));
-  const o = {};
-  return h && (o.InputProps = {
+  const i = {};
+  return h && (i.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ e(H, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ e(
       ke,
       {
         onChange: async ({ response: n }) => {
-          const p = n?.data?.filename, g = ie(p) || "";
+          const p = n?.data?.filename, g = ne(p) || "";
           let f = {};
           g && (f = await pe(g).catch(() => me(g)).catch(() => {
           })), y(p, {
@@ -396,8 +398,8 @@ function rt({
               /* @__PURE__ */ e(
                 le,
                 {
-                  checked: i,
-                  label: /* @__PURE__ */ e(w, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+                  checked: o,
+                  label: /* @__PURE__ */ e(w, { component: fr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
                   labelPlacement: "start",
                   control: /* @__PURE__ */ e(ye, { size: "small" }),
                   sx: { ml: 0.25, pr: 1 },
@@ -411,7 +413,7 @@ function rt({
       ),
       value: a,
       onChange: (n) => c(n.target.value),
-      ...o,
+      ...i,
       onKeyDown: (n) => {
         n.keyCode !== 229 && n.key === "Enter" && l();
       },
@@ -421,23 +423,23 @@ function rt({
     }
   );
 }
-function tt({
+function it({
   value: r,
   onChange: t,
-  disableGradient: i = !1,
+  disableGradient: o = !1,
   ...s
 }) {
   const h = ae(null);
   return /* @__PURE__ */ x(U, { children: [
     /* @__PURE__ */ e(
-      rt,
+      ot,
       {
         ...s,
         value: r,
         onChange: t,
         InputProps: {
           endAdornment: /* @__PURE__ */ e(H, { position: "end", children: /* @__PURE__ */ e(
-            ur,
+            pr,
             {
               color: r ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
@@ -450,21 +452,21 @@ function tt({
       }
     ),
     /* @__PURE__ */ e(
-      pr,
+      mr,
       {
         ref: h,
         onSave: ({ value: u }, d) => {
           t(u), d();
         },
-        disableGradient: i
+        disableGradient: o
       }
     )
   ] });
 }
-function nt({
+function lt({
   label: r,
   value: t,
-  onChange: i,
+  onChange: o,
   property: s,
   component: h,
   defaultLocale: u,
@@ -474,7 +476,7 @@ function nt({
 }) {
   const { locale: a } = V(), c = ae(null);
   if (!L(s.subProperties)) {
-    const o = D(Object.values(s.subProperties || {}), "index").filter(
+    const i = T(Object.values(s.subProperties || {}), "index").filter(
       (n) => n.data.visible !== !1 && n.data.key
     );
     return /* @__PURE__ */ x(
@@ -484,9 +486,9 @@ function nt({
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ e(re, { sx: { px: 0.25, py: 0.5 }, children: r }),
-          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(w, { sx: { position: "relative" }, children: o.map((n, p) => {
-            const { data: g } = n, f = g.key ?? g.id, k = p === o.length - 1;
+          /* @__PURE__ */ e(ee, { sx: { px: 0.25, py: 0.5 }, children: r }),
+          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(w, { sx: { position: "relative" }, children: i.map((n, p) => {
+            const { data: g } = n, f = g.key ?? g.id, k = p === i.length - 1;
             let v = null;
             try {
               t && typeof t == "object" ? v = t[f] : typeof t == "string" && (v = (s.type === "yaml" ? he.parse(t || "") : JSON.parse(t || "{}"))[f]);
@@ -504,7 +506,7 @@ function nt({
                 else typeof t == "object" && t !== null && (I = { ...t });
                 We(I, f, P);
                 const b = xe(I, s.type);
-                i?.(b);
+                o?.(b);
               } catch (I) {
                 console.error("Error updating property:", I);
               }
@@ -620,7 +622,7 @@ function nt({
           },
           children: [
             /* @__PURE__ */ e(
-              re,
+              ee,
               {
                 sx: {
                   position: "absolute",
@@ -638,11 +640,11 @@ function nt({
                 locale: a,
                 language: s.type === "yaml" ? "yaml" : "json",
                 value: typeof t == "string" ? t : "",
-                onChange: (o) => {
-                  i?.(o);
+                onChange: (i) => {
+                  o?.(i);
                 },
-                onUpload: (o) => {
-                  c.current = o, m && m(o);
+                onUpload: (i) => {
+                  c.current = i, m && m(i);
                 },
                 fullScreenOptions: {
                   enableEscExit: !0,
@@ -680,20 +682,20 @@ function nt({
 function Oe(r) {
   return !!r.shared;
 }
-const it = {
+const st = {
   setActivatorNodeRef: () => {
   },
   attributes: {},
   listeners: {}
 };
-function He({
+function $e({
   disabled: r,
   list: t,
-  renderItem: i,
+  renderItem: o,
   ...s
 }) {
-  const h = D(Object.entries(t), ([, p]) => p.index), u = h.map(([p]) => p), [d, y] = W(null), [m, a] = W(null), c = Ur(
-    Br(Mr, {
+  const h = T(Object.entries(t), ([, p]) => p.index), u = h.map(([p]) => p), [d, y] = W(null), [m, a] = W(null), c = Fr(
+    Hr(Jr, {
       activationConstraint: {
         distance: 8
         // 8px movement required to start drag
@@ -701,10 +703,10 @@ function He({
     })
   );
   return /* @__PURE__ */ x(
-    Fr,
+    $r,
     {
       sensors: c,
-      collisionDetection: Jr,
+      collisionDetection: _r,
       onDragStart: (p) => {
         const { active: g } = p, f = t[g.id];
         f && (a(g.id), y(f.data));
@@ -722,14 +724,14 @@ function He({
             O && I.splice(C, 0, O), I.forEach(([, j], A) => {
               j.index = A;
             });
-          }, z = q(t)?.doc;
+          }, z = Y(t)?.doc;
           z ? z.transact(() => {
             N();
           }) : N();
         }
       },
       children: [
-        /* @__PURE__ */ e($r, { items: u, strategy: _r, children: /* @__PURE__ */ e(S, { ...s, children: h.map(([p, g], f) => /* @__PURE__ */ e(ot, { id: p, disabled: r, isDragging: m === p, children: ({ dragHandle: k }) => i(g.data, f, {
+        /* @__PURE__ */ e(Yr, { items: u, strategy: qr, children: /* @__PURE__ */ e(S, { ...s, children: h.map(([p, g], f) => /* @__PURE__ */ e(at, { id: p, disabled: r, isDragging: m === p, children: ({ dragHandle: k }) => o(g.data, f, {
           isDragging: m === p,
           dragHandle: k,
           drag: null,
@@ -739,7 +741,7 @@ function He({
           preview: null
           // Legacy compatibility
         }) }, p)) }) }),
-        /* @__PURE__ */ e(Hr, { children: d && m ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Gr, { children: d && m ? /* @__PURE__ */ e(
           w,
           {
             sx: {
@@ -751,9 +753,9 @@ function He({
               boxShadow: 2,
               maxWidth: 400
             },
-            children: i(d, 0, {
+            children: o(d, 0, {
               isDragging: !0,
-              dragHandle: it,
+              dragHandle: st,
               drag: null,
               drop: null,
               preview: null
@@ -764,19 +766,19 @@ function He({
     }
   );
 }
-function ot({
+function at({
   id: r,
   disabled: t,
-  isDragging: i,
+  isDragging: o,
   children: s
 }) {
-  const { attributes: h, listeners: u, setNodeRef: d, setActivatorNodeRef: y, transform: m, transition: a } = Gr({
+  const { attributes: h, listeners: u, setNodeRef: d, setActivatorNodeRef: y, transform: m, transition: a } = Qr({
     id: r,
     disabled: t
   }), c = {
-    transform: Yr.Transform.toString(m),
+    transform: Xr.Transform.toString(m),
     transition: a,
-    opacity: i ? 0.5 : 1
+    opacity: o ? 0.5 : 1
   };
   return /* @__PURE__ */ e(w, { ref: d, style: c, children: s({
     dragHandle: {
@@ -786,10 +788,10 @@ function ot({
     }
   }) });
 }
-function lt({
+function ct({
   disabled: r,
   isDragging: t,
-  children: i,
+  children: o,
   onDelete: s,
   onVisibilityChange: h,
   visible: u = !0,
@@ -799,7 +801,7 @@ function lt({
   alwaysShowActions: a = !1,
   dragHandle: c
 }) {
-  const { t: l } = V(), o = c?.attributes ?? {}, n = c?.listeners ?? {}, p = c?.setActivatorNodeRef;
+  const { t: l } = V(), i = c?.attributes ?? {}, n = c?.listeners ?? {}, p = c?.setActivatorNodeRef;
   return /* @__PURE__ */ e(
     w,
     {
@@ -818,7 +820,7 @@ function lt({
               opacity: 0.9999
               // NOTE: make preview effective
             },
-            children: i
+            children: o
           }
         ),
         !r && /* @__PURE__ */ e(
@@ -841,7 +843,7 @@ function lt({
                   bgcolor: (g) => ue(g.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
-                  [`.${er.root}`]: {
+                  [`.${rr.root}`]: {
                     minWidth: 24,
                     width: 24,
                     height: 24,
@@ -850,10 +852,10 @@ function lt({
                 },
                 children: [
                   m,
-                  d && /* @__PURE__ */ e(B, { title: l(y ? "disableSharing" : "enableSharing"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { onClick: () => d(!y), children: y ? /* @__PURE__ */ e(xr, { sx: { fontSize: "1.25rem", color: "primary.main" } }) : /* @__PURE__ */ e(Cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  h && /* @__PURE__ */ e(B, { title: l(u ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { onClick: () => h(!u), children: u ? /* @__PURE__ */ e(Pr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ e(kr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  s && /* @__PURE__ */ e(B, { title: l("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { onClick: s, children: /* @__PURE__ */ e(wr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ e(B, { title: l("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { ref: p, ...o, ...n, children: /* @__PURE__ */ e(Sr, { sx: { color: "grey.500" } }) }) })
+                  d && /* @__PURE__ */ e(B, { title: l(y ? "disableSharing" : "enableSharing"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(D, { onClick: () => d(!y), children: y ? /* @__PURE__ */ e(kr, { sx: { fontSize: "1.25rem", color: "primary.main" } }) : /* @__PURE__ */ e(wr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  h && /* @__PURE__ */ e(B, { title: l(u ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(D, { onClick: () => h(!u), children: u ? /* @__PURE__ */ e(Sr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ e(Ir, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  s && /* @__PURE__ */ e(B, { title: l("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(D, { onClick: s, children: /* @__PURE__ */ e(Or, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  /* @__PURE__ */ e(B, { title: l("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(D, { ref: p, ...i, ...n, children: /* @__PURE__ */ e(Nr, { sx: { color: "grey.500" } }) }) })
                 ]
               }
             )
@@ -863,37 +865,37 @@ function lt({
     }
   );
 }
-function st(r) {
-  const t = ["string", "json", "array", "url", "multiline"], i = ["style", "fontSize", "color", "content", "type"];
-  return !!(t.includes(r.type || "") && !i.includes(r.key || ""));
+function dt(r) {
+  const t = ["string", "json", "array", "url", "multiline"], o = ["style", "fontSize", "color", "content", "type"];
+  return !!(t.includes(r.type || "") && !o.includes(r.key || ""));
 }
-function at(r, t, i) {
-  return r.locales && r.locales[t] && r.locales[t].name ? r.locales[t].name : i && r.locales && r.locales[i] && r.locales[i].name ? r.locales[i].name : r.key ? r.key : r.id;
+function ut(r, t, o) {
+  return r.locales && r.locales[t] && r.locales[t].name ? r.locales[t].name : o && r.locales && r.locales[o] && r.locales[o].name ? r.locales[o].name : r.key ? r.key : r.id;
 }
-const $e = (r, t, i, s) => {
+const _e = (r, t, o, s) => {
   const h = {};
-  return D(Object.entries(r), ([, d]) => d.index).forEach(([d, y]) => {
+  return T(Object.entries(r), ([, d]) => d.index).forEach(([d, y]) => {
     const m = y.data;
     if (!m) return;
-    const a = m.key || m.id, c = i ? at(m, i, s || "") : a, l = t?.[m.id], o = {
+    const a = m.key || m.id, c = o ? ut(m, o, s || "") : a, l = t?.[m.id], i = {
       key: a,
-      isNeedGenerate: l?.isNeedGenerate ?? st(m),
+      isNeedGenerate: l?.isNeedGenerate ?? dt(m),
       // 如果存在使用现有值，否则默认勾选
       describe: l?.describe ?? "",
       displayName: c
     };
-    m.subProperties && !L(m.subProperties) && (o.subProperties = $e(
+    m.subProperties && !L(m.subProperties) && (i.subProperties = _e(
       m.subProperties,
       l?.subProperties,
-      i,
+      o,
       s
-    )), h[m.id] = o;
+    )), h[m.id] = i;
   }), h;
 };
-function ct({
+function pt({
   open: r,
   onClose: t,
-  onConfirm: i,
+  onConfirm: o,
   component: s,
   initialConfig: h,
   locale: u,
@@ -902,20 +904,20 @@ function ct({
   loading: m = !1
 }) {
   const { t: a } = V(), [c, l] = W(null);
-  M(() => {
+  G(() => {
     if (r && s) {
       const f = { properties: {} };
       if (s.properties) {
         const k = h?.properties;
-        f.properties = $e(s.properties, k, u, d);
+        f.properties = _e(s.properties, k, u, d);
       }
       l(f);
     }
   }, [r, s, h, u, d]);
-  const o = () => {
+  const i = () => {
     t();
   }, n = () => {
-    c && (i(c), t());
+    c && (o(c), t());
   }, p = (f, k, v) => {
     if (!c || !f.length) return;
     const N = JSON.parse(JSON.stringify(c));
@@ -937,14 +939,14 @@ function ct({
         };
         if (k.subProperties && !L(k.subProperties)) {
           const O = (j, A) => {
-            const J = {};
-            return Object.entries(j).forEach(([Qe, Q]) => {
-              const de = { ...Q };
-              A !== null && (de.isNeedGenerate = A), Q.subProperties && !L(Q.subProperties) && (de.subProperties = O(
-                Q.subProperties,
+            const F = {};
+            return Object.entries(j).forEach(([Xe, q]) => {
+              const de = { ...q };
+              A !== null && (de.isNeedGenerate = A), q.subProperties && !L(q.subProperties) && (de.subProperties = O(
+                q.subProperties,
                 A !== null ? A : null
-              )), J[Qe] = de;
-            }), J;
+              )), F[Xe] = de;
+            }), F;
           };
           C.subProperties = O(
             k.subProperties,
@@ -973,8 +975,8 @@ function ct({
     }
   }, g = (f, k = [], v = !0) => {
     if (!f || L(f))
-      return /* @__PURE__ */ e(Y, { children: a("maker.properties.noProperties") });
-    const N = D(Object.entries(f), ([, z]) => z.displayName);
+      return /* @__PURE__ */ e(_, { children: a("maker.properties.noProperties") });
+    const N = T(Object.entries(f), ([, z]) => z.displayName);
     return /* @__PURE__ */ e(S, { spacing: 1.5, children: N.map(([z, P], I) => {
       const b = [...k, z], C = I === N.length - 1, O = P.subProperties && !L(P.subProperties), j = P.displayName || z, A = !v;
       return /* @__PURE__ */ e(w, { sx: { position: "relative" }, children: /* @__PURE__ */ x(S, { direction: "row", children: [
@@ -1047,13 +1049,13 @@ function ct({
                   le,
                   {
                     control: /* @__PURE__ */ e(
-                      rr,
+                      tr,
                       {
                         checked: P.isNeedGenerate,
                         disabled: A,
-                        onChange: (J) => {
+                        onChange: (F) => {
                           p(b, P, {
-                            isNeedGenerate: J.target.checked
+                            isNeedGenerate: F.target.checked
                           });
                         }
                       }
@@ -1076,9 +1078,9 @@ function ct({
                     fullWidth: !0,
                     label: a("maker.properties.llmPropertyDescribe"),
                     value: P.describe,
-                    onChange: (J) => {
+                    onChange: (F) => {
                       p(b, P, {
-                        describe: J.target.value
+                        describe: F.target.value
                       });
                     },
                     disabled: !P.isNeedGenerate
@@ -1096,7 +1098,7 @@ function ct({
       ] }) }, z);
     }) });
   };
-  return /* @__PURE__ */ x(ve, { open: r, onClose: o, maxWidth: "lg", fullWidth: !0, children: [
+  return /* @__PURE__ */ x(ve, { open: r, onClose: i, maxWidth: "lg", fullWidth: !0, children: [
     /* @__PURE__ */ e(Ve, { children: y || a("maker.properties.llmConfigTitle") }),
     /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(
       w,
@@ -1104,22 +1106,22 @@ function ct({
         sx: {
           my: 3
         },
-        children: m ? /* @__PURE__ */ e(T, { children: a("maker.properties.loading") }) : s ? c ? /* @__PURE__ */ x(S, { spacing: 3, children: [
-          /* @__PURE__ */ e(T, { variant: "subtitle2", children: a("maker.properties.llmConfigInstructions") }),
+        children: m ? /* @__PURE__ */ e(E, { children: a("maker.properties.loading") }) : s ? c ? /* @__PURE__ */ x(S, { spacing: 3, children: [
+          /* @__PURE__ */ e(E, { variant: "subtitle2", children: a("maker.properties.llmConfigInstructions") }),
           g(c.properties)
-        ] }) : /* @__PURE__ */ e(T, { children: a("maker.properties.loading") }) : /* @__PURE__ */ e(T, { color: "error", children: a("maker.properties.componentNotFound") })
+        ] }) : /* @__PURE__ */ e(E, { children: a("maker.properties.loading") }) : /* @__PURE__ */ e(E, { color: "error", children: a("maker.properties.componentNotFound") })
       }
     ) }),
-    /* @__PURE__ */ x(Ee, { children: [
-      /* @__PURE__ */ e(E, { onClick: o, children: a("common.cancel") }),
-      /* @__PURE__ */ e(E, { variant: "contained", onClick: n, disabled: !c || m, children: a("common.confirm") })
+    /* @__PURE__ */ x(De, { children: [
+      /* @__PURE__ */ e(D, { onClick: i, children: a("common.cancel") }),
+      /* @__PURE__ */ e(D, { variant: "contained", onClick: n, disabled: !c || m, children: a("common.confirm") })
     ] })
   ] });
 }
-function dt({
+function mt({
   label: r,
   value: t,
-  onChange: i
+  onChange: o
 }) {
   const [s, h] = W(!1);
   return /* @__PURE__ */ x(
@@ -1135,7 +1137,7 @@ function dt({
             label: r,
             size: "small",
             value: t,
-            onChange: (u) => i?.(u.target.value),
+            onChange: (u) => o?.(u.target.value),
             slotProps: {
               input: {
                 sx: {
@@ -1146,7 +1148,7 @@ function dt({
                   {
                     onChange: ({ response: u }) => {
                       const d = u?.data?.filename;
-                      d && i?.(d);
+                      d && o?.(d);
                     }
                   }
                 ) })
@@ -1158,7 +1160,7 @@ function dt({
           w,
           {
             component: "img",
-            src: ie(t),
+            src: ne(t),
             alt: r,
             onClick: () => h(!0),
             sx: {
@@ -1171,18 +1173,18 @@ function dt({
             }
           }
         ),
-        /* @__PURE__ */ e(ve, { open: s, onClose: () => h(!1), children: /* @__PURE__ */ e(w, { component: "img", sx: { objectFit: "contain" }, src: ie(t), alt: r }) })
+        /* @__PURE__ */ e(ve, { open: s, onClose: () => h(!1), children: /* @__PURE__ */ e(w, { component: "img", sx: { objectFit: "contain" }, src: ne(t), alt: r }) })
       ]
     }
   );
 }
 function ge(r, t = "") {
-  return Wr(r, (i, s, h) => {
+  return Ur(r, (o, s, h) => {
     const u = t ? `${t}.${h}` : h;
-    return Ar(s) ? zr(i, ge(s, u)) : i[u] = s, i;
+    return Tr(s) ? Vr(o, ge(s, u)) : o[u] = s, o;
   }, {});
 }
-const ut = [
+const ht = [
   { value: "string", label: "Text" },
   { value: "multiline", label: "Text (Multiline)" },
   { value: "number", label: "Number" },
@@ -1196,16 +1198,16 @@ const ut = [
   { value: "component", label: "Component" },
   { value: "custom", label: "Custom (Render by a Component)" }
 ];
-function X(r, t, i) {
-  return !r || !i ? !1 : Object.values(r).some(({ data: s }) => s.id !== t && s.key === i);
+function Q(r, t, o) {
+  return !r || !o ? !1 : Object.values(r).some(({ data: s }) => s.id !== t && s.key === o);
 }
-function ee(r, t) {
+function Z(r, t) {
   return !r || !t ? !1 : r[t]?.data.visible ?? !0;
 }
-function _e(r, t) {
+function Ge(r, t) {
   return !r || !t ? !1 : r[t]?.data.shared ?? !1;
 }
-function hn({ componentId: r }) {
+function vn({ componentId: r }) {
   const { state: { components: t } } = se(), s = t[r]?.data;
   return s ? /* @__PURE__ */ e(S, {
     sx: {
@@ -1216,35 +1218,35 @@ function hn({ componentId: r }) {
       sx: {
         p: 2
       },
-      children: /* @__PURE__ */ e(Lr, { FallbackComponent: qr, resetKeys: [r], children: /* @__PURE__ */ e(pt, { value: s, componentId: r }) })
+      children: /* @__PURE__ */ e(Mr, { FallbackComponent: Zr, resetKeys: [r], children: /* @__PURE__ */ e(ft, { value: s, componentId: r }) })
     })
   }) : null;
 }
-function pt({ value: r, componentId: t }) {
-  const { t: i } = V(), { localState: { currentLocale: s, customComponentPreviewerProperties: h }, state: { config: { defaultLocale: u } }, localActions: { setCustomComponentPreviewerProperties: d } } = se(), y = q(r).doc, m = Ce(), a = $(() => h?.[t] ?? {}, [t, h]), c = r.renderer?.type || "react-component", l = c === "component-template", o = Nr({
+function ft({ value: r, componentId: t }) {
+  const { t: o } = V(), { localState: { currentLocale: s, customComponentPreviewerProperties: h }, state: { config: { defaultLocale: u } }, localActions: { setCustomComponentPreviewerProperties: d } } = se(), y = Y(r).doc, m = Ce(), a = oe(() => h?.[t] ?? {}, [t, h]), c = r.renderer?.type || "react-component", l = c === "component-template", i = Rr({
     componentId: t,
     propertiesValue: {
       ...a
     }
   });
-  return M(() => {
-    o.componentId !== t && (o.componentId = t, o.propertiesValue = {
+  return G(() => {
+    i.componentId !== t && (i.componentId = t, i.propertiesValue = {
       ...a
     });
-  }, [t, a, o]), M(() => {
-    if (o.componentId !== t)
+  }, [t, a, i]), Fe(() => {
+    if (i.componentId !== t)
       return;
     const n = Object.fromEntries(Object.values(r.properties ?? {}).map(({ data: p }) => [
       p.id,
       {
-        value: o.propertiesValue[p.id]?.value ?? gr(p, p.locales?.[s]?.defaultValue ?? p.locales?.[u]?.defaultValue, {
+        value: i.propertiesValue[p.id]?.value ?? xr(p, p.locales?.[s]?.defaultValue ?? p.locales?.[u]?.defaultValue, {
           locale: s,
           defaultLocale: u
         })
       }
     ]));
     d(t, n);
-  }, [JSON.stringify(o.propertiesValue), t, o.componentId]), /* @__PURE__ */ e(S, {
+  }, [i.propertiesValue, t, i.componentId]), /* @__PURE__ */ e(S, {
     sx: {
       height: "100%"
     },
@@ -1253,9 +1255,9 @@ function pt({ value: r, componentId: t }) {
         gap: 2
       },
       children: [
-        /* @__PURE__ */ e(mt, { config: r }),
+        /* @__PURE__ */ e(bt, { config: r }),
         /* @__PURE__ */ x(U, { children: [
-          /* @__PURE__ */ e(ft, {
+          /* @__PURE__ */ e(yt, {
             config: r,
             currentLocale: s,
             defaultLocale: u,
@@ -1274,7 +1276,7 @@ function pt({ value: r, componentId: t }) {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ e(T, { variant: "subtitle1", children: i("renderer") }),
+              /* @__PURE__ */ e(E, { variant: "subtitle1", children: o("renderer") }),
               /* @__PURE__ */ x(R, {
                 hiddenLabel: !0,
                 size: "small",
@@ -1291,30 +1293,30 @@ function pt({ value: r, componentId: t }) {
                   select: { autoWidth: !0 }
                 },
                 children: [
-                  /* @__PURE__ */ e(Z, { value: "component-template", disabled: !0, children: i("maker.components.componentTemplate") }),
-                  /* @__PURE__ */ e(Z, { value: "react-component", children: "React Component" }),
-                  /* @__PURE__ */ e(Z, { value: "component", children: "Custom Component" })
+                  /* @__PURE__ */ e(X, { value: "component-template", disabled: !0, children: o("maker.components.componentTemplate") }),
+                  /* @__PURE__ */ e(X, { value: "react-component", children: "React Component" }),
+                  /* @__PURE__ */ e(X, { value: "component", children: "Custom Component" })
                 ]
               })
             ]
           }),
-          c === "component" && /* @__PURE__ */ e(kt, { value: r }),
-          c === "react-component" && /* @__PURE__ */ e(Pt, { value: r }),
-          /* @__PURE__ */ e(qe, {
+          c === "component" && /* @__PURE__ */ e(It, { value: r }),
+          c === "react-component" && /* @__PURE__ */ e(St, { value: r }),
+          /* @__PURE__ */ e(Qe, {
             config: r,
             currentLocale: s,
             defaultLocale: u,
             allComponents: m,
-            propertiesValue: o.propertiesValue,
+            propertiesValue: i.propertiesValue,
             onChange: ({ value: n, id: p, path: g }) => {
               const f = [...g, "data"];
-              if (!jr(r, f)) {
-                be.warning(i("cannotFindPropertyKey", {
+              if (!Ar(r, f)) {
+                be.warning(o("cannotFindPropertyKey", {
                   key: f.join(".")
                 }));
                 return;
               }
-              o.propertiesValue[p] = {
+              i.propertiesValue[p] = {
                 value: n.value
               };
             }
@@ -1324,19 +1326,19 @@ function pt({ value: r, componentId: t }) {
     })
   });
 }
-function mt({ config: r }) {
+function bt({ config: r }) {
   const { t } = V();
   return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ e(T, { variant: "subtitle1", children: t("basicInfo") }),
+      /* @__PURE__ */ e(E, { variant: "subtitle1", children: t("basicInfo") }),
       /* @__PURE__ */ e(R, {
         label: t("name"),
         size: "small",
         value: r.name || "",
-        onChange: (i) => r.name = i.target.value
+        onChange: (o) => r.name = o.target.value
       }),
       /* @__PURE__ */ e(R, {
         label: t("description"),
@@ -1345,34 +1347,34 @@ function mt({ config: r }) {
         minRows: 2,
         maxRows: 8,
         value: r.description || "",
-        onChange: (i) => r.description = i.target.value,
+        onChange: (o) => r.description = o.target.value,
         slotProps: {
           input: {
-            endAdornment: /* @__PURE__ */ e(H, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ e(wt, { config: r }) })
+            endAdornment: /* @__PURE__ */ e(H, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ e(Ot, { config: r }) })
           },
           htmlInput: { maxLength: 2048 }
         }
       }),
-      /* @__PURE__ */ e(Te, {
+      /* @__PURE__ */ e(Ee, {
         size: "small",
         options: [],
         multiple: !0,
         freeSolo: !0,
         value: r.tags ?? [],
-        onChange: (i, s) => r.tags = s,
-        renderInput: (i) => /* @__PURE__ */ e(R, { label: t("tags"), ...i })
+        onChange: (o, s) => r.tags = s,
+        renderInput: (o) => /* @__PURE__ */ e(R, { label: t("tags"), ...o })
       }),
-      /* @__PURE__ */ e(dt, {
+      /* @__PURE__ */ e(mt, {
         label: t("previewImage"),
         value: r.previewImage || "",
-        onChange: (i) => r.previewImage = i
+        onChange: (o) => r.previewImage = o
       })
     ]
   }) });
 }
-function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocale: u, defaultLocale: d, allComponents: y, onUpdateConfig: m }) {
-  const { t: a } = V(), c = $(() => r.type === "json" || r.type === "yaml" || r.type === "array" ? yt : F, [r.type]);
-  return /* @__PURE__ */ e(lt, {
+function Ye({ data: r, params: t, visible: o, shared: s, config: h, currentLocale: u, defaultLocale: d, allComponents: y, onUpdateConfig: m }) {
+  const { t: a } = V(), c = oe(() => r.type === "json" || r.type === "yaml" || r.type === "array" ? Ct : M, [r.type]);
+  return /* @__PURE__ */ e(ct, {
     preview: t.preview,
     drop: t.drop,
     drag: t.drag,
@@ -1388,17 +1390,17 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
         }
       });
     },
-    visible: i,
+    visible: o,
     onVisibilityChange: (l) => {
-      m((o) => {
-        const n = o.properties[r.id].data;
+      m((i) => {
+        const n = i.properties[r.id].data;
         n.visible = l;
       });
     },
     shared: s,
     onSharedChange: (l) => {
-      m((o) => {
-        const n = o.properties[r.id].data;
+      m((i) => {
+        const n = i.properties[r.id].data;
         n.shared = l;
       });
     },
@@ -1417,25 +1419,25 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
             width: "calc(100% - 104px - 8px)",
             flex: 1,
             "& .MuiOutlinedInput-root": {
-              borderColor: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : void 0 : "error.main"
+              borderColor: r.key ? Q(h.properties, r.id, r.key) ? "warning.main" : void 0 : "error.main"
             },
             "& .MuiFormLabel-root": {
-              color: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : "text.secondary" : "error.main"
+              color: r.key ? Q(h.properties, r.id, r.key) ? "warning.main" : "text.secondary" : "error.main"
             },
             "& .MuiFormLabel-root.Mui-focused": {
-              color: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : "primary.main" : "error.main"
+              color: r.key ? Q(h.properties, r.id, r.key) ? "warning.main" : "primary.main" : "error.main"
             }
           },
           value: r.key || "",
           onChange: (l) => {
-            m((o) => {
-              const n = o.properties[r.id].data;
+            m((i) => {
+              const n = i.properties[r.id].data;
               n.key = l.target.value.trim();
             });
           },
           slotProps: {
             input: {
-              endAdornment: !r.key || r.key && X(h.properties, r.id, r.key) ? /* @__PURE__ */ e(H, {
+              endAdornment: !r.key || r.key && Q(h.properties, r.id, r.key) ? /* @__PURE__ */ e(H, {
                 position: "end",
                 sx: {
                   width: 16,
@@ -1463,8 +1465,8 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
               sx: { flex: 1 },
               value: (r.locales?.[u]?.name ?? r.locales?.[d]?.name) || "",
               onChange: (l) => {
-                m((o) => {
-                  const n = o.properties[r.id].data;
+                m((i) => {
+                  const n = i.properties[r.id].data;
                   n.locales ??= {}, n.locales[u] ??= {}, n.locales[u].name = l.target.value;
                 });
               }
@@ -1476,8 +1478,8 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
               sx: { flex: 1 },
               value: r.type === "string" && r.multiline ? "multiline" : r.type || "string",
               onChange: (l) => {
-                m((o) => {
-                  const n = o.properties[r.id].data;
+                m((i) => {
+                  const n = i.properties[r.id].data;
                   if (n.locales)
                     for (const g of Object.keys(n.locales))
                       n.locales[g].defaultValue = void 0;
@@ -1485,7 +1487,7 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
                   p === "multiline" ? (n.type = "string", n.multiline = !0) : (typeof n.multiline < "u" && delete n.multiline, n.type = p);
                 });
               },
-              children: ut.map((l) => /* @__PURE__ */ e(Z, { value: l.value, children: l.label }, l.value))
+              children: ht.map((l) => /* @__PURE__ */ e(X, { value: l.value, children: l.label }, l.value))
             })
           ]
         }),
@@ -1504,10 +1506,10 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
               size: "small",
               fullWidth: !0,
               value: r.locales?.[u]?.defaultValue,
-              onChange: (l, o) => {
+              onChange: (l, i) => {
                 m((n) => {
                   const p = n.properties[r.id].data;
-                  if (o?.forceUpdateProperty) {
+                  if (i?.forceUpdateProperty) {
                     const g = ge(p), f = ge(l);
                     Object.keys(f).forEach((k) => {
                       g[k] || We(p, k, f[k]);
@@ -1517,16 +1519,16 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: h, currentLocal
                 });
               }
             }),
-            r.type === "custom" ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(bt, { property: r, allComponents: y }) }) : null
+            r.type === "custom" ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(vt, { property: r, allComponents: y }) }) : null
           ]
         })
       ]
     })
   });
 }
-function ht(r, t) {
-  const [i, s] = W(0);
-  return M(() => {
+function gt(r, t) {
+  const [o, s] = W(0);
+  return G(() => {
     const u = setTimeout(() => {
       if (r.current) {
         let d = r.current.parentElement, y = 0;
@@ -1536,10 +1538,10 @@ function ht(r, t) {
       }
     }, 100);
     return () => clearTimeout(u);
-  }, [r, t]), i;
+  }, [r, t]), o;
 }
-function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, onUpdateConfig: h, useI18nEditor: u = !0 }) {
-  const { t: d } = V(), y = we({ variant: "dialog" }), m = r.properties && D(Object.values(r.properties), "index");
+function yt({ config: r, currentLocale: t, defaultLocale: o, allComponents: s, onUpdateConfig: h, useI18nEditor: u = !0 }) {
+  const { t: d } = V(), y = we({ variant: "dialog" }), m = r.properties && T(Object.values(r.properties), "index");
   return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
@@ -1553,50 +1555,50 @@ function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, o
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ e(T, { variant: "subtitle1", children: d("properties") }),
+          /* @__PURE__ */ e(E, { variant: "subtitle1", children: d("properties") }),
           /* @__PURE__ */ e(w, {
             sx: {
               flex: 1
             }
           }),
-          u && /* @__PURE__ */ e(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(y), children: /* @__PURE__ */ e(Le, { fontSize: "small" }) })
+          u && /* @__PURE__ */ e(D, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(y), children: /* @__PURE__ */ e(Le, { fontSize: "small" }) })
         ]
       }),
-      r.properties && Object.keys(r.properties).length > 0 ? /* @__PURE__ */ e(He, {
+      r.properties && Object.keys(r.properties).length > 0 ? /* @__PURE__ */ e($e, {
         component: S,
         gap: 2,
         list: r.properties,
         renderItem: (a, c, l) => {
-          const o = ee(r.properties, a.id), n = _e(r.properties, a.id);
-          return /* @__PURE__ */ e(_, {
+          const i = Z(r.properties, a.id), n = Ge(r.properties, a.id);
+          return /* @__PURE__ */ e(J, {
             elevation: 0,
             className: "property-container",
             sx: {
               p: 1.25,
               borderRadius: 1,
-              border: o ? "1px solid" : "1px dashed",
+              border: i ? "1px solid" : "1px dashed",
               borderColor: "divider"
             },
             children: /* @__PURE__ */ e(S, {
               sx: {
                 gap: 2
               },
-              children: /* @__PURE__ */ e(Ge, {
+              children: /* @__PURE__ */ e(Ye, {
                 data: a,
                 params: l,
-                visible: o,
+                visible: i,
                 shared: n,
                 config: r,
                 currentLocale: t,
-                defaultLocale: i,
+                defaultLocale: o,
                 allComponents: s,
                 onUpdateConfig: h
               })
             })
           }, a.id);
         }
-      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
-      /* @__PURE__ */ e(E, {
+      }) : /* @__PURE__ */ e(_, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
+      /* @__PURE__ */ e(D, {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
@@ -1609,15 +1611,15 @@ function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, o
         startIcon: /* @__PURE__ */ e(Ue, {}),
         children: d("addObject", { object: d("property") })
       }),
-      u && /* @__PURE__ */ e(Ye, { ...Fe(y), component: r })
+      u && /* @__PURE__ */ e(qe, { ...He(y), component: r })
     ]
   }) });
 }
-function bt({ property: r, allComponents: t }) {
-  const i = we({ variant: "popper" });
+function vt({ property: r, allComponents: t }) {
+  const o = we({ variant: "popper" });
   return /* @__PURE__ */ x(U, { children: [
-    /* @__PURE__ */ e(E, { sx: { minWidth: 0 }, ...Se(i), children: /* @__PURE__ */ e(Me, { fontSize: "small" }) }),
-    /* @__PURE__ */ e(ir, { ...Kr(i), children: /* @__PURE__ */ e(vr, { onClickAway: i.close, children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(w, {
+    /* @__PURE__ */ e(D, { sx: { minWidth: 0 }, ...Se(o), children: /* @__PURE__ */ e(Me, { fontSize: "small" }) }),
+    /* @__PURE__ */ e(ir, { ...Br(o), children: /* @__PURE__ */ e(Pr, { onClickAway: o.close, children: /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(w, {
       sx: {
         width: 500,
         p: 2
@@ -1630,10 +1632,10 @@ function bt({ property: r, allComponents: t }) {
     }) }) }) })
   ] });
 }
-function gt({ value: r, valueImmutable: t, onChange: i, defaultLocale: s, allComponents: h }) {
+function xt({ value: r, valueImmutable: t, onChange: o, defaultLocale: s, allComponents: h }) {
   const [u, d] = W(!1), { t: y, locale: m } = V(), a = typeof r?.componentId == "string" ? h[r.componentId]?.data : void 0;
   return a ? /* @__PURE__ */ x(w, { sx: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ e(G, {
+    /* @__PURE__ */ e($, {
       sx: { minWidth: 0 },
       disabled: !a,
       size: "small",
@@ -1641,7 +1643,7 @@ function gt({ value: r, valueImmutable: t, onChange: i, defaultLocale: s, allCom
       color: u ? "primary" : "default",
       children: /* @__PURE__ */ e(Me, { fontSize: "small" })
     }),
-    u && /* @__PURE__ */ e(tr, { in: u, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ x(_, {
+    u && /* @__PURE__ */ e(nr, { in: u, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ x(J, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1657,38 +1659,38 @@ function gt({ value: r, valueImmutable: t, onChange: i, defaultLocale: s, allCom
             width: "100%",
             mb: 2
           },
-          children: /* @__PURE__ */ e(qe, {
+          children: /* @__PURE__ */ e(Qe, {
             config: a,
             currentLocale: m,
             defaultLocale: s,
             allComponents: h,
             propertiesValue: r?.properties,
             onChange: ({ id: c, value: l }) => {
-              const o = fe(l.value), n = JSON.parse(JSON.stringify(r));
-              n?.componentId && (t ? i?.({ ...n, properties: { ...n.properties, [c]: { value: o } } }) : (n.properties = n.properties ?? {}, n.properties[c] = { value: o }, i?.(n)));
+              const i = fe(l.value), n = JSON.parse(JSON.stringify(r));
+              n?.componentId && (t ? o?.({ ...n, properties: { ...n.properties, [c]: { value: i } } }) : (n.properties = n.properties ?? {}, n.properties[c] = { value: i }, o?.(n)));
             }
           })
         }),
-        /* @__PURE__ */ e(E, { size: "small", onClick: () => d(!1), sx: { mt: 1 }, children: y("close") })
+        /* @__PURE__ */ e(D, { size: "small", onClick: () => d(!1), sx: { mt: 1 }, children: y("close") })
       ]
     }) })
   ] }) : null;
 }
-function Ye({ type: r = "properties", component: t, ...i }) {
-  const { t: s } = V(), { state: { components: h, supportedLocales: u, config: { defaultLocale: d } } } = se(), y = Ce(), m = q(t).doc, a = r === "properties" ? t.properties : r === "parameters" && t.renderer?.type === "component" ? h[t.renderer.componentId]?.data.properties : void 0, c = t.renderer?.type === "component" ? t : void 0;
-  return /* @__PURE__ */ x(ve, { ...i, fullWidth: !0, maxWidth: "lg", children: [
+function qe({ type: r = "properties", component: t, ...o }) {
+  const { t: s } = V(), { state: { components: h, supportedLocales: u, config: { defaultLocale: d } } } = se(), y = Ce(), m = Y(t).doc, a = r === "properties" ? t.properties : r === "parameters" && t.renderer?.type === "component" ? h[t.renderer.componentId]?.data.properties : void 0, c = t.renderer?.type === "component" ? t : void 0;
+  return /* @__PURE__ */ x(ve, { ...o, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ e(Ve, { children: s("i18nEditorTitle") }),
     /* @__PURE__ */ e(Ae, { children: a && /* @__PURE__ */ e(S, { children: /* @__PURE__ */ x(ze, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(te, { children: u.map(({ locale: l, name: o }) => /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ x(T, {
+      /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(re, { children: u.map(({ locale: l, name: i }) => /* @__PURE__ */ e(te, { children: /* @__PURE__ */ x(E, {
         sx: {
           color: "text.primary"
         },
         children: [
-          o,
-          d === l && /* @__PURE__ */ e(Or, { sx: { fontSize: 12 } })
+          i,
+          d === l && /* @__PURE__ */ e(jr, { sx: { fontSize: 12 } })
         ]
       }) }, l)) }) }),
-      /* @__PURE__ */ e(Re, { children: D(Object.values(a), "index").map(({ data: l }) => /* @__PURE__ */ e(te, { children: u.map(({ locale: o }) => /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(S, {
+      /* @__PURE__ */ e(Re, { children: T(Object.values(a), "index").map(({ data: l }) => /* @__PURE__ */ e(re, { children: u.map(({ locale: i }) => /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(S, {
         sx: {
           gap: 1
         },
@@ -1706,14 +1708,14 @@ function Ye({ type: r = "properties", component: t, ...i }) {
           /* @__PURE__ */ e(R, {
             size: "small",
             label: s("label"),
-            value: (l.locales?.[o]?.name ?? l.locales?.[d]?.name) || "",
+            value: (l.locales?.[i]?.name ?? l.locales?.[d]?.name) || "",
             onChange: (n) => {
               m.transact(() => {
-                l.locales ??= {}, l.locales[o] ??= {}, l.locales[o].name = n.target.value;
+                l.locales ??= {}, l.locales[i] ??= {}, l.locales[i].name = n.target.value;
               });
             }
           }),
-          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(M, {
             allComponents: y,
             defaultLocale: d,
             component: t,
@@ -1721,41 +1723,41 @@ function Ye({ type: r = "properties", component: t, ...i }) {
             size: "small",
             fullWidth: !0,
             label: "Default Value",
-            valueImmutable: oe(l.locales?.[o]?.defaultValue),
-            value: l.locales?.[o]?.defaultValue ?? l.locales?.[d]?.defaultValue,
+            valueImmutable: ie(l.locales?.[i]?.defaultValue),
+            value: l.locales?.[i]?.defaultValue ?? l.locales?.[d]?.defaultValue,
             onChange: (n) => {
               m.transact(() => {
-                l.locales ??= {}, l.locales[o] ??= {}, l.locales[o].defaultValue = n;
+                l.locales ??= {}, l.locales[i] ??= {}, l.locales[i].defaultValue = n;
               });
             }
           }) })
-        ] }) : r === "parameters" && c ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
+        ] }) : r === "parameters" && c ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(M, {
           allComponents: y,
           defaultLocale: d,
           component: t,
           property: l,
           size: "small",
           fullWidth: !0,
-          valueImmutable: oe(c.renderer.properties?.[l.id]?.locales?.[o]?.value),
-          value: c.renderer.properties?.[l.id]?.locales?.[o]?.value ?? c.renderer.properties?.[l.id]?.locales?.[d]?.value ?? l.locales?.[o]?.defaultValue ?? l.locales?.[d]?.defaultValue,
+          valueImmutable: ie(c.renderer.properties?.[l.id]?.locales?.[i]?.value),
+          value: c.renderer.properties?.[l.id]?.locales?.[i]?.value ?? c.renderer.properties?.[l.id]?.locales?.[d]?.value ?? l.locales?.[i]?.defaultValue ?? l.locales?.[d]?.defaultValue,
           onChange: (n) => {
             m.transact(() => {
-              c.renderer.properties ??= {}, c.renderer.properties[l.id] ??= {}, c.renderer.properties[l.id].locales ??= {}, c.renderer.properties[l.id].locales[o] ??= {}, c.renderer.properties[l.id].locales[o].value = n;
+              c.renderer.properties ??= {}, c.renderer.properties[l.id] ??= {}, c.renderer.properties[l.id].locales ??= {}, c.renderer.properties[l.id].locales[i] ??= {}, c.renderer.properties[l.id].locales[i].value = n;
             });
           }
         }) }) : null
-      }, l.id) }, o)) }, l.id)) })
+      }, l.id) }, i)) }, l.id)) })
     ] }) }) }),
-    /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(E, { onClick: (l) => i.onClose?.(l, "escapeKeyDown"), children: s("close") }) })
+    /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(D, { onClick: (l) => o.onClose?.(l, "escapeKeyDown"), children: s("close") }) })
   ] });
 }
-const Ne = (r, t) => (i) => {
+const Ne = (r, t) => (o) => {
   const s = [
-    i.palette.info.main,
-    i.palette.primary.main,
-    i.palette.secondary.main,
-    i.palette.success.main,
-    i.palette.warning.main
+    o.palette.info.main,
+    o.palette.primary.main,
+    o.palette.secondary.main,
+    o.palette.success.main,
+    o.palette.warning.main
   ], h = Math.min(s.length - 1, r), u = s[h], d = ue(u, 0.5), y = ue(u, 1);
   return {
     // 保留原有的边框样式
@@ -1768,33 +1770,33 @@ const Ne = (r, t) => (i) => {
     ...t
   };
 };
-function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
-  const { t: h, locale: u } = V(), d = ae(null), y = ht(d, r), m = K(() => {
+function Ct({ property: r, onChange: t, defaultLocale: o, allComponents: s }) {
+  const { t: h, locale: u } = V(), d = ae(null), y = gt(d, r), m = K(() => {
     if (!(r.type !== "json" && r.type !== "yaml" && r.type !== "array") && r.subProperties)
       try {
         let a = {};
-        D(Object.values(r.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
-          if (!o.key)
+        T(Object.values(r.subProperties), "index").filter((i) => i.data.visible !== !1 && i.data.key).forEach(({ data: i }) => {
+          if (!i.key)
             return;
-          let n = o.locales?.[u]?.defaultValue ?? o.locales?.[i]?.defaultValue;
-          if (o.type === "number")
+          let n = i.locales?.[u]?.defaultValue ?? i.locales?.[o]?.defaultValue;
+          if (i.type === "number")
             n = Number(n);
-          else if (o.type === "boolean")
+          else if (i.type === "boolean")
             n = n === !0 || n === "true";
-          else if ((o.type === "json" || o.type === "yaml") && typeof n == "string")
+          else if ((i.type === "json" || i.type === "yaml") && typeof n == "string")
             try {
-              o.type === "json" ? n = JSON.parse(n) : n = he.parse(n);
+              i.type === "json" ? n = JSON.parse(n) : n = he.parse(n);
             } catch (p) {
               console.error("Error parsing nested value", n, p), n = {};
             }
-          a[o.key] = n;
+          a[i.key] = n;
         }), r.type === "array" && !Array.isArray(a) && (a = L(a) ? [] : [a]);
         const l = xe(a, r.type);
         t?.(l);
       } catch (a) {
         console.error("Error converting structure to text:", a);
       }
-  }, [r, u, i, t]);
+  }, [r, u, o, t]);
   return r.type !== "json" && r.type !== "yaml" && r.type !== "array" ? null : /* @__PURE__ */ x(S, {
     direction: "column",
     ref: d,
@@ -1803,42 +1805,42 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ e(nr, { sx: { mt: -1 }, children: /* @__PURE__ */ e(T, {
+      /* @__PURE__ */ e(or, { sx: { mt: -1 }, children: /* @__PURE__ */ e(E, {
         variant: "caption",
         sx: {
           color: "text.secondary"
         },
         children: h("maker.properties.subProperties")
       }) }),
-      r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ e(He, {
+      r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ e($e, {
         component: S,
         gap: 2,
         list: r.subProperties,
         renderItem: (a, c, l) => {
-          const o = a.visible !== !1, n = a.shared ?? !1;
-          return /* @__PURE__ */ e(_, {
+          const i = a.visible !== !1, n = a.shared ?? !1;
+          return /* @__PURE__ */ e(J, {
             elevation: 0,
             className: "property-container",
             sx: {
               p: 1.25,
               borderRadius: 1,
-              border: o ? "1px solid" : "1px dashed",
+              border: i ? "1px solid" : "1px dashed",
               "&": Ne(y)
             },
             children: /* @__PURE__ */ e(S, {
               sx: {
                 gap: 2
               },
-              children: /* @__PURE__ */ e(Ge, {
+              children: /* @__PURE__ */ e(Ye, {
                 data: a,
                 params: l,
-                visible: o,
+                visible: i,
                 shared: n,
                 config: {
                   properties: r.subProperties
                 },
                 currentLocale: u,
-                defaultLocale: i,
+                defaultLocale: o,
                 allComponents: s,
                 onUpdateConfig: (p) => {
                   try {
@@ -1857,8 +1859,8 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
             })
           }, a.id);
         }
-      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
-      /* @__PURE__ */ e(E, {
+      }) : /* @__PURE__ */ e(_, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
+      /* @__PURE__ */ e(D, {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
@@ -1866,7 +1868,7 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
         startIcon: /* @__PURE__ */ e(Ue, {}),
         onClick: () => {
           try {
-            const a = r.subProperties || {}, c = Je(), o = {
+            const a = r.subProperties || {}, c = Je(), i = {
               index: Object.values(a).length,
               data: {
                 id: c,
@@ -1887,7 +1889,7 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
               ...r,
               subProperties: {
                 ...a,
-                [c]: o
+                [c]: i
               }
             };
             t?.(n, { forceUpdateProperty: !0 }), m();
@@ -1905,29 +1907,29 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
     ]
   });
 }
-function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h, defaultLocale: u, allComponents: d, ...y }) {
-  const { locale: m } = V(), a = mr(), c = ae(null), l = () => {
+function M({ component: r, property: t, value: o, onChange: s, valueImmutable: h, defaultLocale: u, allComponents: d, ...y }) {
+  const { locale: m } = V(), a = hr(), c = ae(null), l = () => {
     const n = a?.current?.getUploader();
     n?.open(), c.current && n.onceUploadSuccess(({ response: p }) => {
       let g = p?.data?.filename || "";
-      g && (g = `mediakit://${g}`, i && !i.includes("mediakit://") && (g += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), c.current?.(g);
+      g && (g = `mediakit://${g}`, o && !o.includes("mediakit://") && (g += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), c.current?.(g);
     });
-  }, o = y.label ?? (t.locales?.[m]?.name || t.locales?.[u]?.name || t.key || t.id);
+  }, i = y.label ?? (t.locales?.[m]?.name || t.locales?.[u]?.name || t.key || t.id);
   if (t.type === "number")
-    return /* @__PURE__ */ e(vt, {
+    return /* @__PURE__ */ e(Pt, {
       ...y,
-      label: o,
+      label: i,
       NumberProps: {
-        value: ["number", "string"].includes(typeof i) ? i : null,
+        value: ["number", "string"].includes(typeof o) ? o : null,
         onChange: (n, p) => s?.(p)
       }
     });
   if (t.type === "decimal")
     return /* @__PURE__ */ e(R, {
       ...y,
-      label: o,
+      label: i,
       type: "text",
-      value: i ?? "",
+      value: o ?? "",
       onChange: (n) => {
         const p = n.target.value;
         if (p === "" || p === "-") {
@@ -1942,22 +1944,22 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
     });
   if (t.type === "boolean")
     return /* @__PURE__ */ e(le, {
-      label: o,
+      label: i,
       labelPlacement: "start",
-      control: /* @__PURE__ */ e(ye, { checked: i === !0, onChange: (n, p) => s?.(p) })
+      control: /* @__PURE__ */ e(ye, { checked: o === !0, onChange: (n, p) => s?.(p) })
     });
   if (t.type === "color")
-    return /* @__PURE__ */ e(tt, {
-      label: o,
-      value: i,
+    return /* @__PURE__ */ e(it, {
+      label: i,
+      value: o,
       onChange: (n) => {
         s?.(n);
       }
     });
   if (t.type === "json" || t.type === "yaml")
-    return /* @__PURE__ */ e(nt, {
-      label: o,
-      value: i,
+    return /* @__PURE__ */ e(lt, {
+      label: i,
+      value: o,
       onChange: (n) => {
         s?.(n);
       },
@@ -1965,7 +1967,7 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
       component: r,
       defaultLocale: u,
       allComponents: d,
-      PropertyValueField: F,
+      PropertyValueField: M,
       onUpload: (n) => {
         c.current = n, l();
       }
@@ -1978,7 +1980,7 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
       },
       children: /* @__PURE__ */ e(Ke, {
         componentId: n.id,
-        props: { label: o, value: i, onChange: s },
+        props: { label: i, value: o, onChange: s },
         locale: m,
         dev: {
           mode: "draft",
@@ -1986,7 +1988,7 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
           defaultLocale: u
         }
       })
-    }) : /* @__PURE__ */ e(R, { ...y, label: o, disabled: !0, placeholder: "Click right button select a component" });
+    }) : /* @__PURE__ */ e(R, { ...y, label: i, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (t.type === "component")
     return /* @__PURE__ */ x(S, {
@@ -1998,14 +2000,14 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
       children: [
         /* @__PURE__ */ e(Ie, {
           allComponents: d,
-          label: o,
-          value: i?.componentId,
+          label: i,
+          value: o?.componentId,
           onChange: (n, p) => {
-            h || !i ? s?.({ ...i && JSON.parse(JSON.stringify(i)), componentId: p }) : typeof i == "object" && (i.componentId = p, s?.({ ...i && JSON.parse(JSON.stringify(i)), componentId: p }));
+            h || !o ? s?.({ ...o && JSON.parse(JSON.stringify(o)), componentId: p }) : typeof o == "object" && (o.componentId = p, s?.({ ...o && JSON.parse(JSON.stringify(o)), componentId: p }));
           }
         }),
-        i?.componentId && /* @__PURE__ */ e(gt, {
-          value: i,
+        o?.componentId && /* @__PURE__ */ e(xt, {
+          value: o,
           valueImmutable: h,
           onChange: s,
           defaultLocale: u,
@@ -2016,15 +2018,15 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
   if (!t.type || ["string", "url", "multiline"].includes(t.type)) {
     let n = t.type === "string" ? t.multiline : void 0;
     t.type === "multiline" && (n = !0);
-    const p = t.type === "url" ? i?.url : i;
+    const p = t.type === "url" ? o?.url : o;
     return /* @__PURE__ */ e(R, {
       ...y,
-      label: o,
+      label: i,
       value: typeof p == "string" ? p : "",
       multiline: n,
       minRows: n ? 2 : void 0,
       maxRows: n ? 10 : void 0,
-      onChange: (g) => s?.(t.type === "url" ? { ...i, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value),
+      onChange: (g) => s?.(t.type === "url" ? { ...o, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value),
       slotProps: {
         input: t.type === "url" ? {
           sx: {
@@ -2060,9 +2062,9 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
       }
     });
   }
-  return t.type === "array" ? /* @__PURE__ */ e(et, {
-    label: o,
-    value: Array.isArray(i) ? i : [],
+  return t.type === "array" ? /* @__PURE__ */ e(nt, {
+    label: i,
+    value: Array.isArray(o) ? o : [],
     onChange: (n) => s?.(n),
     property: t,
     renderItem: ({ item: n, index: p, onChange: g }) => t.subProperties && Object.keys(t.subProperties).length > 0 ? /* @__PURE__ */ e(S, {
@@ -2070,7 +2072,7 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
         gap: 1,
         width: "100%"
       },
-      children: D(Object.values(t.subProperties), "index").filter((f) => f.data.visible !== !1).map(({ data: f }) => f.key ? /* @__PURE__ */ e(F, {
+      children: T(Object.values(t.subProperties), "index").filter((f) => f.data.visible !== !1).map(({ data: f }) => f.key ? /* @__PURE__ */ e(M, {
         component: r,
         property: f,
         value: n[f.key],
@@ -2086,8 +2088,8 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: h
     }, p) : /* @__PURE__ */ e(R, { size: y.size, fullWidth: !0, value: n, onChange: (f) => g(f.target.value) })
   }) : (console.error("Unsupported property type", t.type), null);
 }
-function vt({ NumberProps: r, ...t }) {
-  const { getInputProps: i } = yr(r), s = i();
+function Pt({ NumberProps: r, ...t }) {
+  const { getInputProps: o } = Cr(r), s = o();
   return /* @__PURE__ */ e(R, {
     ...t,
     slotProps: {
@@ -2095,7 +2097,7 @@ function vt({ NumberProps: r, ...t }) {
     }
   });
 }
-const xt = `import React from '@blocklet/pages-kit/builtin/react'
+const kt = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -2104,14 +2106,14 @@ export default function () {
       Hello World
     </Box>
   )
-}`, Ct = `console.log('hello')
+}`, wt = `console.log('hello')
 `;
-function Pt({ value: r }) {
-  const { locale: t } = V(), i = De(), s = q(r).doc;
-  return M(() => {
+function St({ value: r }) {
+  const { locale: t } = V(), o = Te(), s = Y(r).doc;
+  return G(() => {
     r.renderer?.script || (s.transact(() => {
-      r.renderer.script = r.renderer.type === "react-component" ? xt : Ct;
-    }), i());
+      r.renderer.script = r.renderer.type === "react-component" ? kt : wt;
+    }), o());
   }, [r]), /* @__PURE__ */ e(w, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(Pe, {
     keyId: r.id,
     locale: t,
@@ -2124,8 +2126,8 @@ function Pt({ value: r }) {
     }
   }, r.id) });
 }
-function kt({ value: r }) {
-  const { t } = V(), i = q(r).doc, { state: { components: s, config: { defaultLocale: h }, resources: u }, localState: { currentLocale: d } } = se(), y = Ce(), m = s[r.renderer.componentId]?.data ?? u.components?.[r.renderer.componentId]?.component, a = we({ variant: "dialog" });
+function It({ value: r }) {
+  const { t } = V(), o = Y(r).doc, { state: { components: s, config: { defaultLocale: h }, resources: u }, localState: { currentLocale: d } } = se(), y = Ce(), m = s[r.renderer.componentId]?.data ?? u.components?.[r.renderer.componentId]?.component, a = we({ variant: "dialog" });
   return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 1
@@ -2145,33 +2147,33 @@ function kt({ value: r }) {
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ e(T, { variant: "subtitle2", children: t("parameters") }),
-            /* @__PURE__ */ e(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(a), children: /* @__PURE__ */ e(Le, { fontSize: "small" }) })
+            /* @__PURE__ */ e(E, { variant: "subtitle2", children: t("parameters") }),
+            /* @__PURE__ */ e(D, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Se(a), children: /* @__PURE__ */ e(Le, { fontSize: "small" }) })
           ]
         }),
-        m.properties && D(Object.values(m.properties), "index").map(({ data: c }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
+        m.properties && T(Object.values(m.properties), "index").map(({ data: c }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(M, {
           allComponents: y,
           defaultLocale: h,
           component: m,
           property: c,
           fullWidth: !0,
           size: "small",
-          valueImmutable: oe(r.renderer.properties?.[c.id]?.locales?.[d]?.value),
+          valueImmutable: ie(r.renderer.properties?.[c.id]?.locales?.[d]?.value),
           value: r.renderer.properties?.[c.id]?.locales?.[d]?.value ?? r.renderer.properties?.[c.id]?.locales?.[h]?.value ?? c.locales?.[d]?.defaultValue ?? c.locales?.[h]?.defaultValue,
           onChange: (l) => {
-            i.transact(() => {
+            o.transact(() => {
               r.renderer.properties ??= {}, r.renderer.properties[c.id] ??= {}, r.renderer.properties[c.id].locales ??= {}, r.renderer.properties[c.id].locales[d] ??= {}, r.renderer.properties[c.id].locales[d].value = l;
             });
           }
         }) }, c.id)),
-        /* @__PURE__ */ e(Ye, { ...Fe(a), component: r, type: "parameters" })
+        /* @__PURE__ */ e(qe, { ...He(a), component: r, type: "parameters" })
       ] })
     ]
   }) });
 }
-function Ie({ label: r, options: t, excludes: i, value: s, onChange: h, allComponents: u, ...d }) {
-  const { t: y } = V(), m = t ?? D(Object.values(Tr(u, ...i ?? [])), "index").map((c) => c.data), a = (typeof s == "string" ? u[s]?.data : void 0) ?? null;
-  return /* @__PURE__ */ e(Te, {
+function Ie({ label: r, options: t, excludes: o, value: s, onChange: h, allComponents: u, ...d }) {
+  const { t: y } = V(), m = t ?? T(Object.values(Kr(u, ...o ?? [])), "index").map((c) => c.data), a = (typeof s == "string" ? u[s]?.data : void 0) ?? null;
+  return /* @__PURE__ */ e(Ee, {
     ...d,
     size: "small",
     options: m,
@@ -2182,55 +2184,55 @@ function Ie({ label: r, options: t, excludes: i, value: s, onChange: h, allCompo
     renderInput: (c) => /* @__PURE__ */ e(R, { label: r || y("component"), ...c }),
     value: a,
     onChange: (c, l) => {
-      let o = {};
-      l && (o = {
+      let i = {};
+      l && (i = {
         blockletId: u[l?.id]?.blockletId,
         blockletTitle: u[l?.id]?.blockletTitle,
         componentName: u[l?.id]?.data?.name || u[l?.id]?.data?.id
-      }), h?.(c, l?.id, o);
+      }), h?.(c, l?.id, i);
     }
   });
 }
-function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s, currentLocale: h, onChange: u, props: d }) {
-  const { t: y } = V(), [m, a] = W(fe(r?.properties)), [c, l] = W(null), [o, n] = W(!1);
-  M(() => {
+function Qe({ config: r, allComponents: t, defaultLocale: o, propertiesValue: s, currentLocale: h, onChange: u, props: d }) {
+  const { t: y } = V(), [m, a] = W(fe(r?.properties)), [c, l] = W(null), [i, n] = W(!1);
+  Fe(() => {
     (() => {
-      r?.renderer?.type === "react-component" && L(r?.properties) ? fr(r?.renderer?.script).then((N) => {
-        const z = br(N);
+      r?.renderer?.type === "react-component" && L(r?.properties) ? br(r?.renderer?.script).then((N) => {
+        const z = gr(N);
         a(z);
       }) : a(fe(r?.properties));
     })();
-  }, [JSON.stringify(r)]);
-  const p = K(() => !r || !m ? {} : Object.values(m).reduce((v, { data: N }) => {
+  }, [r]);
+  const p = yr(() => !r || !m ? {} : Object.values(m).reduce((v, { data: N }) => {
     const z = N.key || N.id;
     return v[N.id] = {
       key: z,
-      value: d?.[z] ?? s?.[N.id]?.value ?? N.locales?.[h]?.defaultValue ?? N.locales?.[i]?.defaultValue,
+      value: d?.[z] ?? s?.[N.id]?.value ?? N.locales?.[h]?.defaultValue ?? N.locales?.[o]?.defaultValue,
       id: N.id,
       type: N.type,
-      visible: ee(m, N.id),
-      shared: _e(m, N.id)
+      visible: Z(m, N.id),
+      shared: Ge(m, N.id)
     }, v;
-  }, {}), [JSON.stringify(m), r, s, h, i]), g = $(() => {
+  }, {}), [m, r, s, h, o]), g = vr(() => {
     if (!m)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const v = D(Object.values(m), "index"), N = v.filter(({ data: I }) => I.key && ee(m, I.id)), z = v.filter(({ data: I }) => I.key && I.type !== "component"), P = z.map(({ data: I }) => I.key);
+    const v = T(Object.values(m), "index"), N = v.filter(({ data: I }) => I.key && Z(m, I.id)), z = v.filter(({ data: I }) => I.key && I.type !== "component"), P = z.map(({ data: I }) => I.key);
     return {
       canUseProperties: z,
       visibleProperties: N,
       canUsePropertiesKeys: P
     };
-  }, [JSON.stringify(m)]), f = p(), k = Er(f, "key");
+  }, [m]), f = p(), k = Wr(f, "key");
   return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ x(T, {
+      /* @__PURE__ */ x(E, {
         variant: "subtitle1",
         sx: {
           display: "flex",
@@ -2242,36 +2244,36 @@ function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s,
           /* @__PURE__ */ e(le, {
             control: /* @__PURE__ */ e(ye, {
               size: "small",
-              checked: o,
+              checked: i,
               onChange: (v) => n(v.target.checked)
             }),
-            label: /* @__PURE__ */ e(T, { variant: "caption", children: y("maker.properties.forceSyncToAllLanguages") }),
+            label: /* @__PURE__ */ e(E, { variant: "caption", children: y("maker.properties.forceSyncToAllLanguages") }),
             sx: {
               mr: 0
             }
           })
         ]
       }),
-      !r || g.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ e(Y, { style: { fontSize: 12 }, children: y("maker.properties.noParameters") }) : /* @__PURE__ */ x(U, { children: [
+      !r || g.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ e(_, { style: { fontSize: 12 }, children: y("maker.properties.noParameters") }) : /* @__PURE__ */ x(U, { children: [
         /* @__PURE__ */ e(S, {
           sx: {
             gap: 2
           },
-          children: g.visibleProperties.map(({ data: v }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
+          children: g.visibleProperties.map(({ data: v }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(M, {
             allComponents: t,
-            defaultLocale: i,
+            defaultLocale: o,
             size: "small",
             fullWidth: !0,
             component: r,
             property: v,
-            valueImmutable: oe(s?.[v.id]?.value),
+            valueImmutable: ie(s?.[v.id]?.value),
             value: d?.[v.key || v.id] ?? f[v.id]?.value,
             onChange: (N) => {
               u({
                 path: ["properties", v.id],
                 id: v.id,
                 value: { value: N },
-                shouldSync: o ? !0 : Oe(v),
+                shouldSync: i ? !0 : Oe(v),
                 excludeKeys: [],
                 key: v.key || v.id
               });
@@ -2288,19 +2290,19 @@ function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s,
             renderType: "setting",
             locale: h,
             properties: f,
-            dev: { mode: "draft", components: t, defaultLocale: i },
+            dev: { mode: "draft", components: t, defaultLocale: o },
             props: {
-              ...Dr(d ?? {}, g.canUsePropertiesKeys),
+              ...Lr(d ?? {}, g.canUsePropertiesKeys),
               onChange: (v) => {
                 const { canUsePropertiesKeys: N } = g;
-                Object.keys(v).filter((P) => !Vr(v[P], k?.[P]?.value)).filter((P) => !(P === "locale" && !Rr(k[P], "locale") || k[P]?.type === "component" || (k[P]?.type === "yaml" || k[P]?.type === "json") && ee(m, k[P]?.id))).reduce((P, I) => P.then(() => {
+                Object.keys(v).filter((P) => !Er(v[P], k?.[P]?.value)).filter((P) => !(P === "locale" && !Dr(k[P], "locale") || k[P]?.type === "component" || (k[P]?.type === "yaml" || k[P]?.type === "json") && Z(m, k[P]?.id))).reduce((P, I) => P.then(() => {
                   const b = k[I], C = N.includes(I);
                   if (b?.id && C)
                     return u({
                       path: ["properties", b.id],
                       id: b.id,
                       value: { value: v[I] },
-                      shouldSync: o ? !0 : Oe(b),
+                      shouldSync: i ? !0 : Oe(b),
                       excludeKeys: [],
                       key: b.key || b.id
                     }), Promise.resolve();
@@ -2323,31 +2325,31 @@ function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s,
     ]
   }, h) });
 }
-function wt({ config: r }) {
-  const { t, locale: i } = V(), [s, h] = W(!1), u = (d) => {
+function Ot({ config: r }) {
+  const { t, locale: o } = V(), [s, h] = W(!1), u = (d) => {
     r.llmConfig = d;
   };
   return /* @__PURE__ */ x(U, { children: [
-    /* @__PURE__ */ e(B, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ e(G, { color: "primary", onClick: () => h(!0), size: "small", children: /* @__PURE__ */ e(Ir, {}) }) }),
-    s && /* @__PURE__ */ e(ct, {
+    /* @__PURE__ */ e(B, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ e($, { color: "primary", onClick: () => h(!0), size: "small", children: /* @__PURE__ */ e(zr, {}) }) }),
+    s && /* @__PURE__ */ e(pt, {
       open: s,
       onClose: () => h(!1),
       onConfirm: u,
       component: r,
       initialConfig: r.llmConfig,
-      locale: i,
+      locale: o,
       defaultLocale: "en",
       title: t("maker.properties.llmConfigTitle")
     })
   ] });
 }
 export {
-  mt as BasicInfo,
+  bt as BasicInfo,
   Ie as CustomComponentAutocomplete,
-  hn as CustomComponentSettings,
-  xt as DefaultReactComponentScriptTemplate,
-  Ct as DefaultWebComponentScriptTemplate,
-  qe as ParametersConfig,
-  ft as PropertiesConfig,
-  F as PropertyValueField
+  vn as CustomComponentSettings,
+  kt as DefaultReactComponentScriptTemplate,
+  wt as DefaultWebComponentScriptTemplate,
+  Qe as ParametersConfig,
+  yt as PropertiesConfig,
+  M as PropertyValueField
 };