@blocklet/pages-kit-inner-components 0.6.75 → 0.6.77

package/lib/es/setting.js

@@ -1,28 +1,28 @@
-import { jsx as e, jsxs as x, Fragment as L } from "react/jsx-runtime";
-import { Box as P, Alert as Xe, Typography as D, TextField as R, Stack as k, FormLabel as re, TableContainer as Ze, Paper as _, Table as Ne, TableHead as ze, TableRow as te, TableCell as ne, TableBody as je, Button as E, IconButton as G, FormControlLabel as ge, Switch as Re, InputAdornment as H, alpha as de, Tooltip as B, buttonClasses as er, Dialog as ye, DialogTitle as Ve, DialogContent as Ae, DialogActions as Ee, Checkbox as rr, Autocomplete as De, MenuItem as Z, Collapse as tr, Divider as nr, Popper as ir } from "@mui/material";
-import { t as ve, f as ie, a as le, h as xe } from "./chunks/state-DS2djQbR.js";
+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 { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as Ce } from "@blocklet/code-editor";
+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 T from "lodash/sortBy";
-import { useCallback as W, useMemo as $, useState as K, useEffect as M, useImperativeHandle as cr, useRef as se } from "react";
-import { useUpdate as Te, useDebounce as dr } from "react-use";
+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 ue, getVideoSize as pe, UploaderButton as Pe, UploaderProvider as ae, useUploader as mr } from "@blocklet/pages-kit/builtin/uploader";
+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 U from "lodash/isEmpty";
+import L from "lodash/isEmpty";
 import We from "lodash/set";
-import * as me from "yaml";
-import he from "lodash/cloneDeep";
-import fe from "@arcblock/ux/lib/Toast";
+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 Ue, AddRounded as Le, InfoRounded as Be, PsychologyAlt as Ir, StarRounded as Or, SettingsRounded as Me } from "@mui/icons-material";
+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";
@@ -32,17 +32,17 @@ import Vr from "lodash/isEqual";
 import oe from "lodash/isNil";
 import Ar from "lodash/isObject";
 import Er from "lodash/keyBy";
-import Dr from "lodash/omit";
-import Tr from "lodash/pick";
+import Tr from "lodash/omit";
+import Dr from "lodash/pick";
 import Wr from "lodash/reduce";
-import { usePopupState as ke, bindTrigger as we, bindDialog as Fe, bindPopper as Kr } from "material-ui-popup-state/hooks";
-import { ErrorBoundary as Ur } from "react-error-boundary";
-import { useSensors as Lr, useSensor as Br, PointerSensor as Mr, DndContext as Fr, closestCorners as Jr, DragOverlay as Hr } from "@dnd-kit/core";
+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 { nextId as Je } from "@blocklet/pages-kit/utils/common";
 function qr({ error: r }) {
-  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Xe, { severity: "error", children: r.message }) });
+  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(Xe, { severity: "error", children: r.message }) });
 }
 function Qr({
   onClick: r,
@@ -73,75 +73,75 @@ function et({
   value: t,
   onChange: i,
   disabled: s = !1,
-  itemLabel: f = "",
-  emptyHeight: p = 40,
-  property: u,
+  itemLabel: h = "",
+  emptyHeight: u = 40,
+  property: d,
   renderItem: y,
-  ...h
+  ...m
 }) {
-  const { t: a, locale: d } = V(), l = Te(), o = W(
-    (g) => {
-      i(ve(g, u.type));
+  const { t: a, locale: c } = V(), l = De(), o = K(
+    (b) => {
+      i(xe(b, d.type));
     },
-    [i, u.type]
-  ), n = $(() => Array.isArray(t) ? t : [], [t]), m = W(() => {
-    const g = [...n, ""];
-    o(g), l();
-  }, [n, o, l]), b = W(() => {
-    if (!u || !u.subProperties)
-      return m();
-    const g = {};
-    T(Object.values(u.subProperties), "index").forEach(({ data: j }) => {
+    [i, d.type]
+  ), n = $(() => Array.isArray(t) ? t : [], [t]), p = K(() => {
+    const b = [...n, ""];
+    o(b), l();
+  }, [n, o, l]), g = K(() => {
+    if (!d || !d.subProperties)
+      return p();
+    const b = {};
+    D(Object.values(d.subProperties), "index").forEach(({ data: j }) => {
       if (!j.key) return;
-      const A = j.locales?.[d]?.defaultValue ?? "";
-      g[j.key] = A;
+      const A = j.locales?.[c]?.defaultValue ?? "";
+      b[j.key] = A;
     });
-    const O = [...n, g];
+    const O = [...n, b];
     o(O), l();
-  }, [n, o, l, u, d, m]), c = W(
-    (g) => {
+  }, [n, o, l, d, c, p]), f = K(
+    (b) => {
       try {
-        const C = JSON.parse(g);
+        const C = JSON.parse(b);
         Array.isArray(C) ? o(C) : console.error("JSON解析结果不是数组");
       } catch (C) {
         console.error("JSON解析错误:", C);
       }
     },
     [o]
-  ), v = W(
-    (g) => {
-      const C = n.filter((O, j) => j !== g);
+  ), k = K(
+    (b) => {
+      const C = n.filter((O, j) => j !== b);
       o(C), l();
     },
     [n, o, l]
-  ), w = W(
-    (g) => {
-      if (g <= 0) return;
-      const C = [...n], O = C[g];
-      C[g] = C[g - 1], C[g - 1] = O, o(C), 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();
     },
     [n, o, l]
-  ), N = W(
-    (g) => {
-      if (g >= n.length - 1) return;
-      const C = [...n], O = C[g];
-      C[g] = C[g + 1], C[g + 1] = O, o(C), 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();
     },
     [n, o, l]
-  ), S = W(
-    (g, C) => {
+  ), z = K(
+    (b, C) => {
       const O = [...n];
-      O[g] = C, o(O);
+      O[b] = C, o(O);
     },
     [n, o]
-  ), I = u && u.subProperties && Object.keys(u.subProperties).length > 0, z = $(() => [
+  ), P = d && d.subProperties && Object.keys(d.subProperties).length > 0, I = $(() => [
     {
       field: "index",
       headerName: "#",
       width: 40,
       align: "center",
-      renderCell: ({ index: g }) => /* @__PURE__ */ e(
-        D,
+      renderCell: ({ index: b }) => /* @__PURE__ */ e(
+        T,
         {
           variant: "body1",
           sx: {
@@ -154,28 +154,28 @@ function et({
             justifyContent: "center",
             color: "text.secondary"
           },
-          children: g + 1
+          children: b + 1
         }
       )
     },
     {
       field: "content",
       headerName: "",
-      renderCell: ({ row: g, index: C }) => y && I ? y({
-        item: g,
+      renderCell: ({ row: b, index: C }) => y && P ? y({
+        item: b,
         index: C,
-        property: u,
-        onChange: (O) => S(C, O)
+        property: d,
+        onChange: (O) => z(C, O)
       }) : /* @__PURE__ */ e(
         R,
         {
           fullWidth: !0,
           size: "small",
           disabled: s,
-          value: g,
-          placeholder: f || `${a("item")} ${C + 1}`,
-          onChange: (O) => S(C, O.target.value),
-          ...h
+          value: b,
+          placeholder: h || `${a("item")} ${C + 1}`,
+          onChange: (O) => z(C, O.target.value),
+          ...m
         }
       )
     },
@@ -185,34 +185,34 @@ function et({
       width: 30,
       // 增加宽度以容纳更多按钮
       align: "center",
-      renderCell: ({ index: g }) => /* @__PURE__ */ x(k, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ e(Xr, { disabled: s || g === 0, onClick: () => w(g) }),
+      renderCell: ({ index: b }) => /* @__PURE__ */ x(S, { direction: "column", spacing: 0.25, children: [
+        /* @__PURE__ */ e(Xr, { disabled: s || b === 0, onClick: () => v(b) }),
         /* @__PURE__ */ e(
           Zr,
           {
-            disabled: s || g === n.length - 1,
-            onClick: () => N(g)
+            disabled: s || b === n.length - 1,
+            onClick: () => N(b)
           }
         ),
-        /* @__PURE__ */ e(Qr, { disabled: s, onClick: () => v(g) })
+        /* @__PURE__ */ e(Qr, { disabled: s, onClick: () => k(b) })
       ] })
     }
   ], [
     y,
-    I,
-    u,
-    S,
-    f,
+    P,
+    d,
+    z,
+    h,
     a,
     s,
-    h,
+    m,
+    k,
     v,
-    w,
     N,
     n.length
   ]);
-  return I ? /* @__PURE__ */ x(
-    k,
+  return P ? /* @__PURE__ */ x(
+    S,
     {
       sx: {
         width: "100%",
@@ -221,7 +221,7 @@ function et({
       children: [
         r && /* @__PURE__ */ e(re, { children: r }),
         n.length > 0 ? /* @__PURE__ */ e(Ze, { component: _, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ x(
-          Ne,
+          ze,
           {
             size: "small",
             sx: {
@@ -238,17 +238,17 @@ function et({
               borderCollapse: "collapse"
             },
             children: [
-              /* @__PURE__ */ e(ze, { sx: { display: "none" }, children: /* @__PURE__ */ e(te, { children: z.map((g) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(je, { sx: { display: "none" }, children: /* @__PURE__ */ e(te, { children: I.map((b) => /* @__PURE__ */ e(
                 ne,
                 {
-                  width: g.width,
-                  align: g.align || "left",
+                  width: b.width,
+                  align: b.align || "left",
                   sx: { fontWeight: "bold" },
-                  children: g.renderHeader ? g.renderHeader() : g.headerName
+                  children: b.renderHeader ? b.renderHeader() : b.headerName
                 },
-                g.field
+                b.field
               )) }) }),
-              /* @__PURE__ */ e(je, { children: n.map((g, C, O) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Re, { children: n.map((b, C, O) => /* @__PURE__ */ e(
                 te,
                 {
                   sx: {
@@ -258,7 +258,7 @@ function et({
                       backgroundColor: "action.hover"
                     }
                   },
-                  children: z.map((j) => /* @__PURE__ */ e(
+                  children: I.map((j) => /* @__PURE__ */ e(
                     ne,
                     {
                       width: j.width,
@@ -267,9 +267,9 @@ function et({
                         borderBottom: "none"
                       },
                       children: j.renderCell({
-                        row: g,
+                        row: b,
                         index: C,
-                        onChange: (A) => S(C, A)
+                        onChange: (A) => z(C, A)
                       })
                     },
                     `${C}-${j.field}`
@@ -279,7 +279,7 @@ function et({
               )) })
             ]
           }
-        ) }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: p }, children: a("maker.properties.arrayEmpty") }),
+        ) }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: u }, children: a("maker.properties.arrayEmpty") }),
         /* @__PURE__ */ e(
           E,
           {
@@ -288,14 +288,14 @@ function et({
             variant: "outlined",
             disabled: s,
             startIcon: /* @__PURE__ */ e(or, {}),
-            onClick: b,
+            onClick: g,
             children: a("maker.properties.addArrayItem")
           }
         )
       ]
     }
   ) : /* @__PURE__ */ x(
-    k,
+    S,
     {
       sx: {
         width: "100%",
@@ -303,20 +303,20 @@ function et({
       },
       children: [
         r && /* @__PURE__ */ e(re, { children: r }),
-        /* @__PURE__ */ e(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ e(
-          Ce,
+        /* @__PURE__ */ e(w, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ e(
+          Pe,
           {
-            keyId: u.id,
-            locale: d,
+            keyId: d.id,
+            locale: c,
             language: "json",
             value: JSON.stringify(n, null, 2),
-            onChange: (g) => c(g || ""),
+            onChange: (b) => f(b || ""),
             fullScreenOptions: {
               enableEscExit: !0,
               targetContainer: () => document.getElementById("parameters-config-dialog") || null
             }
           },
-          u.id
+          d.id
         ) })
       ]
     }
@@ -327,31 +327,31 @@ function rt({
   showMarkdown: t,
   markdown: i,
   onMarkdownChange: s,
-  showUploader: f,
-  value: p,
-  meta: u,
+  showUploader: h,
+  value: u,
+  meta: d,
   onChange: y,
-  ...h
+  ...m
 }) {
-  const [a, d] = K("");
+  const [a, c] = W("");
   M(() => {
-    d(p || "");
-  }, [p, d]);
+    c(u || "");
+  }, [u, c]);
   const l = async () => {
-    if (a !== p) {
+    if (a !== u) {
       const n = ie(a);
       if (!n) {
         y(a, void 0);
         return;
       }
-      const m = await ue(n).catch(() => pe(n)).catch(() => {
+      const p = await pe(n).catch(() => me(n)).catch(() => {
       });
-      y(a, { ...m, filename: a });
+      y(a, { ...p, filename: a });
     }
   };
   dr(
     () => {
-      a !== p && y(a);
+      a !== u && y(a);
     },
     300,
     [a]
@@ -359,18 +359,18 @@ function rt({
     submit: l
   }));
   const o = {};
-  return f && (o.InputProps = {
+  return h && (o.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ e(H, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ e(
-      Pe,
+      ke,
       {
         onChange: async ({ response: n }) => {
-          const m = n?.data?.filename, b = ie(m) || "";
-          let c = {};
-          b && (c = await ue(b).catch(() => pe(b)).catch(() => {
-          })), y(m, {
-            ...c,
-            filename: m
+          const p = n?.data?.filename, g = ie(p) || "";
+          let f = {};
+          g && (f = await pe(g).catch(() => me(g)).catch(() => {
+          })), y(p, {
+            ...f,
+            filename: p
           });
         }
       }
@@ -380,9 +380,9 @@ function rt({
     {
       size: "small",
       fullWidth: !0,
-      ...h,
+      ...m,
       label: /* @__PURE__ */ x(
-        k,
+        S,
         {
           direction: "row",
           spacing: 1,
@@ -390,18 +390,18 @@ function rt({
             alignItems: "center"
           },
           children: [
-            h.label,
-            t && /* @__PURE__ */ x(L, { children: [
+            m.label,
+            t && /* @__PURE__ */ x(U, { children: [
               " (",
               /* @__PURE__ */ e(
-                ge,
+                le,
                 {
                   checked: i,
-                  label: /* @__PURE__ */ e(P, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+                  label: /* @__PURE__ */ e(w, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
                   labelPlacement: "start",
-                  control: /* @__PURE__ */ e(Re, { size: "small" }),
+                  control: /* @__PURE__ */ e(ye, { size: "small" }),
                   sx: { ml: 0.25, pr: 1 },
-                  onChange: (n, m) => s?.(m)
+                  onChange: (n, p) => s?.(p)
                 }
               ),
               ")"
@@ -410,13 +410,13 @@ function rt({
         }
       ),
       value: a,
-      onChange: (n) => d(n.target.value),
+      onChange: (n) => c(n.target.value),
       ...o,
       onKeyDown: (n) => {
         n.keyCode !== 229 && n.key === "Enter" && l();
       },
       slotProps: {
-        inputLabel: { shrink: !0, ...h.InputLabelProps }
+        inputLabel: { shrink: !0, ...m.InputLabelProps }
       }
     }
   );
@@ -427,8 +427,8 @@ function tt({
   disableGradient: i = !1,
   ...s
 }) {
-  const f = se(null);
-  return /* @__PURE__ */ x(L, { children: [
+  const h = ae(null);
+  return /* @__PURE__ */ x(U, { children: [
     /* @__PURE__ */ e(
       rt,
       {
@@ -442,7 +442,7 @@ function tt({
               color: r ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                f.current?.open({ value: r ?? "" });
+                h.current?.open({ value: r ?? "" });
               }
             }
           ) })
@@ -452,9 +452,9 @@ function tt({
     /* @__PURE__ */ e(
       pr,
       {
-        ref: f,
-        onSave: ({ value: p }, u) => {
-          t(p), u();
+        ref: h,
+        onSave: ({ value: u }, d) => {
+          t(u), d();
         },
         disableGradient: i
       }
@@ -466,61 +466,61 @@ function nt({
   value: t,
   onChange: i,
   property: s,
-  component: f,
-  defaultLocale: p,
-  allComponents: u,
+  component: h,
+  defaultLocale: u,
+  allComponents: d,
   PropertyValueField: y,
-  onUpload: h
+  onUpload: m
 }) {
-  const { locale: a } = V(), d = se(null);
-  if (!U(s.subProperties)) {
-    const o = T(Object.values(s.subProperties || {}), "index").filter(
+  const { locale: a } = V(), c = ae(null);
+  if (!L(s.subProperties)) {
+    const o = D(Object.values(s.subProperties || {}), "index").filter(
       (n) => n.data.visible !== !1 && n.data.key
     );
     return /* @__PURE__ */ x(
-      k,
+      S,
       {
         sx: {
           width: "100%"
         },
         children: [
           /* @__PURE__ */ e(re, { sx: { px: 0.25, py: 0.5 }, children: r }),
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(P, { sx: { position: "relative" }, children: o.map((n, m) => {
-            const { data: b } = n, c = b.key ?? b.id, v = m === o.length - 1;
-            let w = null;
+          /* @__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;
+            let v = null;
             try {
-              t && typeof t == "object" ? w = t[c] : typeof t == "string" && (w = (s.type === "yaml" ? me.parse(t || "") : JSON.parse(t || "{}"))[c]);
+              t && typeof t == "object" ? v = t[f] : typeof t == "string" && (v = (s.type === "yaml" ? he.parse(t || "") : JSON.parse(t || "{}"))[f]);
             } catch {
             }
-            w == null && (b.locales && a && b.locales[a] ? w = b.locales[a].defaultValue : b.locales && p && b.locales[p] && (w = b.locales[p].defaultValue));
-            const N = (I) => {
+            v == null && (g.locales && a && g.locales[a] ? v = g.locales[a].defaultValue : g.locales && u && g.locales[u] && (v = g.locales[u].defaultValue));
+            const N = (P) => {
               try {
-                let z = {};
+                let I = {};
                 if (typeof t == "string")
                   try {
-                    z = s.type === "yaml" ? me.parse(t || "") : JSON.parse(t || "{}");
+                    I = s.type === "yaml" ? he.parse(t || "") : JSON.parse(t || "{}");
                   } catch {
                   }
-                else typeof t == "object" && t !== null && (z = { ...t });
-                We(z, c, I);
-                const g = ve(z, s.type);
-                i?.(g);
-              } catch (z) {
-                console.error("Error updating property:", z);
+                else typeof t == "object" && t !== null && (I = { ...t });
+                We(I, f, P);
+                const b = xe(I, s.type);
+                i?.(b);
+              } catch (I) {
+                console.error("Error updating property:", I);
               }
-            }, S = 8;
+            }, z = 8;
             return /* @__PURE__ */ x(
-              P,
+              w,
               {
                 sx: {
-                  mb: v ? 0 : 1,
+                  mb: k ? 0 : 1,
                   // 底部边距，最后一项不需要
                   display: "flex",
                   flexDirection: "row"
                 },
                 children: [
                   /* @__PURE__ */ x(
-                    P,
+                    w,
                     {
                       sx: {
                         position: "relative",
@@ -529,11 +529,11 @@ function nt({
                       },
                       children: [
                         /* @__PURE__ */ e(
-                          P,
+                          w,
                           {
                             sx: {
                               position: "absolute",
-                              left: S,
+                              left: z,
                               top: 0,
                               height: 16,
                               // 连接到字段中点的高度
@@ -544,11 +544,11 @@ function nt({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          P,
+                          w,
                           {
                             sx: {
                               position: "absolute",
-                              left: S,
+                              left: z,
                               top: 16,
                               // 连接到字段中点
                               width: 12,
@@ -558,12 +558,12 @@ function nt({
                             }
                           }
                         ),
-                        !v && /* @__PURE__ */ e(
-                          P,
+                        !k && /* @__PURE__ */ e(
+                          w,
                           {
                             sx: {
                               position: "absolute",
-                              left: S,
+                              left: z,
                               top: 16,
                               // 从当前项中点
                               bottom: -8,
@@ -577,22 +577,22 @@ function nt({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(P, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(w, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
                     y,
                     {
-                      component: f,
-                      property: b,
-                      value: w,
+                      component: h,
+                      property: g,
+                      value: v,
                       onChange: N,
                       size: "small",
                       fullWidth: !0,
-                      defaultLocale: p,
-                      allComponents: u
+                      defaultLocale: u,
+                      allComponents: d
                     }
                   ) })
                 ]
               },
-              b.id
+              g.id
             );
           }) }) })
         ]
@@ -600,14 +600,14 @@ function nt({
     );
   }
   return /* @__PURE__ */ e(
-    k,
+    S,
     {
       sx: {
         width: "100%",
         gap: 2
       },
       children: /* @__PURE__ */ x(
-        k,
+        S,
         {
           sx: {
             width: "100%",
@@ -632,7 +632,7 @@ function nt({
               }
             ),
             /* @__PURE__ */ e(
-              Ce,
+              Pe,
               {
                 keyId: s.id,
                 locale: a,
@@ -642,7 +642,7 @@ function nt({
                   i?.(o);
                 },
                 onUpload: (o) => {
-                  d.current = o, h && h(o);
+                  c.current = o, m && m(o);
                 },
                 fullScreenOptions: {
                   enableEscExit: !0,
@@ -652,7 +652,7 @@ function nt({
               s.id
             ),
             /* @__PURE__ */ e(
-              P,
+              w,
               {
                 component: "fieldset",
                 sx: {
@@ -668,7 +668,7 @@ function nt({
                   px: 1,
                   py: 0
                 },
-                children: /* @__PURE__ */ e(P, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ e(P, { component: "span", sx: { opacity: 0 }, children: r }) })
+                children: /* @__PURE__ */ e(w, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ e(w, { component: "span", sx: { opacity: 0 }, children: r }) })
               }
             )
           ]
@@ -677,7 +677,7 @@ function nt({
     }
   );
 }
-function Ie(r) {
+function Oe(r) {
   return !!r.shared;
 }
 const it = {
@@ -692,7 +692,7 @@ function He({
   renderItem: i,
   ...s
 }) {
-  const f = T(Object.entries(t), ([, m]) => m.index), p = f.map(([m]) => m), [u, y] = K(null), [h, a] = K(null), d = Lr(
+  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, {
       activationConstraint: {
         distance: 8
@@ -703,44 +703,44 @@ function He({
   return /* @__PURE__ */ x(
     Fr,
     {
-      sensors: d,
+      sensors: c,
       collisionDetection: Jr,
-      onDragStart: (m) => {
-        const { active: b } = m, c = t[b.id];
-        c && (a(b.id), y(c.data));
+      onDragStart: (p) => {
+        const { active: g } = p, f = t[g.id];
+        f && (a(g.id), y(f.data));
       },
       onDragOver: () => {
       },
-      onDragEnd: (m) => {
-        const { active: b, over: c } = m;
-        if (a(null), y(null), !c || b.id === c.id)
+      onDragEnd: (p) => {
+        const { active: g, over: f } = p;
+        if (a(null), y(null), !f || g.id === f.id)
           return;
-        const v = b.id, w = c.id;
-        if (t[v] && t[w]) {
+        const k = g.id, v = f.id;
+        if (t[k] && t[v]) {
           const N = () => {
-            const z = Object.entries(t).sort(([, j], [, A]) => j.index - A.index), g = z.findIndex(([j]) => j === v), C = z.findIndex(([j]) => j === w), [O] = z.splice(g, 1);
-            O && z.splice(C, 0, O), z.forEach(([, j], A) => {
+            const I = Object.entries(t).sort(([, j], [, A]) => j.index - A.index), b = I.findIndex(([j]) => j === k), C = I.findIndex(([j]) => j === v), [O] = I.splice(b, 1);
+            O && I.splice(C, 0, O), I.forEach(([, j], A) => {
               j.index = A;
             });
-          }, S = q(t)?.doc;
-          S ? S.transact(() => {
+          }, z = q(t)?.doc;
+          z ? z.transact(() => {
             N();
           }) : N();
         }
       },
       children: [
-        /* @__PURE__ */ e($r, { items: p, strategy: _r, children: /* @__PURE__ */ e(k, { ...s, children: f.map(([m, b], c) => /* @__PURE__ */ e(ot, { id: m, disabled: r, isDragging: h === m, children: ({ dragHandle: v }) => i(b.data, c, {
-          isDragging: h === m,
-          dragHandle: v,
+        /* @__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, {
+          isDragging: m === p,
+          dragHandle: k,
           drag: null,
           // Legacy compatibility
           drop: null,
           // Legacy compatibility
           preview: null
           // Legacy compatibility
-        }) }, m)) }) }),
-        /* @__PURE__ */ e(Hr, { children: u && h ? /* @__PURE__ */ e(
-          P,
+        }) }, p)) }) }),
+        /* @__PURE__ */ e(Hr, { children: d && m ? /* @__PURE__ */ e(
+          w,
           {
             sx: {
               opacity: 0.8,
@@ -751,7 +751,7 @@ function He({
               boxShadow: 2,
               maxWidth: 400
             },
-            children: i(u, 0, {
+            children: i(d, 0, {
               isDragging: !0,
               dragHandle: it,
               drag: null,
@@ -770,19 +770,19 @@ function ot({
   isDragging: i,
   children: s
 }) {
-  const { attributes: f, listeners: p, setNodeRef: u, setActivatorNodeRef: y, transform: h, transition: a } = Gr({
+  const { attributes: h, listeners: u, setNodeRef: d, setActivatorNodeRef: y, transform: m, transition: a } = Gr({
     id: r,
     disabled: t
-  }), d = {
-    transform: Yr.Transform.toString(h),
+  }), c = {
+    transform: Yr.Transform.toString(m),
     transition: a,
     opacity: i ? 0.5 : 1
   };
-  return /* @__PURE__ */ e(P, { ref: u, style: d, children: s({
+  return /* @__PURE__ */ e(w, { ref: d, style: c, children: s({
     dragHandle: {
       setActivatorNodeRef: y,
-      attributes: f ?? {},
-      listeners: { ...p ?? {} }
+      attributes: h ?? {},
+      listeners: { ...u ?? {} }
     }
   }) });
 }
@@ -791,25 +791,25 @@ function lt({
   isDragging: t,
   children: i,
   onDelete: s,
-  onVisibilityChange: f,
-  visible: p = !0,
-  onSharedChange: u,
+  onVisibilityChange: h,
+  visible: u = !0,
+  onSharedChange: d,
   shared: y = !1,
-  actions: h,
+  actions: m,
   alwaysShowActions: a = !1,
-  dragHandle: d
+  dragHandle: c
 }) {
-  const { t: l } = V(), o = d?.attributes ?? {}, n = d?.listeners ?? {}, m = d?.setActivatorNodeRef;
+  const { t: l } = V(), o = c?.attributes ?? {}, n = c?.listeners ?? {}, p = c?.setActivatorNodeRef;
   return /* @__PURE__ */ e(
-    P,
+    w,
     {
       sx: {
         ":hover .hover-visible": { maxWidth: "100%" },
-        opacity: p ? 1 : 0.5
+        opacity: u ? 1 : 0.5
       },
-      children: /* @__PURE__ */ x(P, { sx: { position: "relative" }, children: [
+      children: /* @__PURE__ */ x(w, { sx: { position: "relative" }, children: [
         /* @__PURE__ */ e(
-          P,
+          w,
           {
             sx: {
               flex: 1,
@@ -822,7 +822,7 @@ function lt({
           }
         ),
         !r && /* @__PURE__ */ e(
-          P,
+          w,
           {
             className: a ? "" : "hover-visible",
             sx: {
@@ -834,11 +834,11 @@ function lt({
               transition: "max-width 0.3s ease-in-out"
             },
             children: /* @__PURE__ */ x(
-              k,
+              S,
               {
                 direction: "row",
                 sx: {
-                  bgcolor: (b) => de(b.palette.grey[200], 0.9),
+                  bgcolor: (g) => ue(g.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
                   [`.${er.root}`]: {
@@ -849,11 +849,11 @@ function lt({
                   }
                 },
                 children: [
-                  h,
-                  u && /* @__PURE__ */ e(B, { title: l(y ? "disableSharing" : "enableSharing"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { onClick: () => u(!y), children: y ? /* @__PURE__ */ e(xr, { sx: { fontSize: "1.25rem", color: "primary.main" } }) : /* @__PURE__ */ e(Cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  f && /* @__PURE__ */ e(B, { title: l(p ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ e(E, { onClick: () => f(!p), children: p ? /* @__PURE__ */ e(Pr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ e(kr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
+                  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: m, ...o, ...n, children: /* @__PURE__ */ e(Sr, { sx: { 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" } }) }) })
                 ]
               }
             )
@@ -871,115 +871,115 @@ 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;
 }
 const $e = (r, t, i, s) => {
-  const f = {};
-  return T(Object.entries(r), ([, u]) => u.index).forEach(([u, y]) => {
-    const h = y.data;
-    if (!h) return;
-    const a = h.key || h.id, d = i ? at(h, i, s || "") : a, l = t?.[h.id], o = {
+  const h = {};
+  return D(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 = {
       key: a,
-      isNeedGenerate: l?.isNeedGenerate ?? st(h),
+      isNeedGenerate: l?.isNeedGenerate ?? st(m),
       // 如果存在使用现有值，否则默认勾选
       describe: l?.describe ?? "",
-      displayName: d
+      displayName: c
     };
-    h.subProperties && !U(h.subProperties) && (o.subProperties = $e(
-      h.subProperties,
+    m.subProperties && !L(m.subProperties) && (o.subProperties = $e(
+      m.subProperties,
       l?.subProperties,
       i,
       s
-    )), f[h.id] = o;
-  }), f;
+    )), h[m.id] = o;
+  }), h;
 };
 function ct({
   open: r,
   onClose: t,
   onConfirm: i,
   component: s,
-  initialConfig: f,
-  locale: p,
-  defaultLocale: u,
+  initialConfig: h,
+  locale: u,
+  defaultLocale: d,
   title: y,
-  loading: h = !1
+  loading: m = !1
 }) {
-  const { t: a } = V(), [d, l] = K(null);
+  const { t: a } = V(), [c, l] = W(null);
   M(() => {
     if (r && s) {
-      const c = { properties: {} };
+      const f = { properties: {} };
       if (s.properties) {
-        const v = f?.properties;
-        c.properties = $e(s.properties, v, p, u);
+        const k = h?.properties;
+        f.properties = $e(s.properties, k, u, d);
       }
-      l(c);
+      l(f);
     }
-  }, [r, s, f, p, u]);
+  }, [r, s, h, u, d]);
   const o = () => {
     t();
   }, n = () => {
-    d && (i(d), t());
-  }, m = (c, v, w) => {
-    if (!d || !c.length) return;
-    const N = JSON.parse(JSON.stringify(d));
-    let S = N.properties, I = null;
-    for (let g = 0; g < c.length - 1; g++) {
-      const C = c[g];
-      if (!C || !S[C])
+    c && (i(c), t());
+  }, p = (f, k, v) => {
+    if (!c || !f.length) return;
+    const N = JSON.parse(JSON.stringify(c));
+    let z = N.properties, P = null;
+    for (let b = 0; b < f.length - 1; b++) {
+      const C = f[b];
+      if (!C || !z[C])
         return;
-      I = S;
-      const O = S[C];
-      O.subProperties || (O.subProperties = {}), S = O.subProperties;
+      P = z;
+      const O = z[C];
+      O.subProperties || (O.subProperties = {}), z = O.subProperties;
     }
-    const z = c[c.length - 1];
-    if (z) {
-      if ("isNeedGenerate" in w) {
-        const g = w.isNeedGenerate, C = {
-          ...v,
-          ...w
+    const I = f[f.length - 1];
+    if (I) {
+      if ("isNeedGenerate" in v) {
+        const b = v.isNeedGenerate, C = {
+          ...k,
+          ...v
         };
-        if (v.subProperties && !U(v.subProperties)) {
+        if (k.subProperties && !L(k.subProperties)) {
           const O = (j, A) => {
             const J = {};
             return Object.entries(j).forEach(([Qe, Q]) => {
-              const ce = { ...Q };
-              A !== null && (ce.isNeedGenerate = A), Q.subProperties && !U(Q.subProperties) && (ce.subProperties = O(
+              const de = { ...Q };
+              A !== null && (de.isNeedGenerate = A), Q.subProperties && !L(Q.subProperties) && (de.subProperties = O(
                 Q.subProperties,
                 A !== null ? A : null
-              )), J[Qe] = ce;
+              )), J[Qe] = de;
             }), J;
           };
           C.subProperties = O(
-            v.subProperties,
-            g === !1 ? !1 : null
+            k.subProperties,
+            b === !1 ? !1 : null
           );
         }
-        if (c.length === 1)
-          N.properties[z] = C;
-        else if (I && c.length >= 2) {
-          const O = c[c.length - 2];
-          O && I[O] && (I[O].subProperties || (I[O].subProperties = {}), I[O].subProperties[z] = C);
+        if (f.length === 1)
+          N.properties[I] = C;
+        else if (P && f.length >= 2) {
+          const O = f[f.length - 2];
+          O && P[O] && (P[O].subProperties || (P[O].subProperties = {}), P[O].subProperties[I] = C);
         }
-      } else if (c.length === 1)
-        N.properties[z] = {
-          ...v,
-          ...w
+      } else if (f.length === 1)
+        N.properties[I] = {
+          ...k,
+          ...v
         };
-      else if (I && c.length >= 2) {
-        const g = c[c.length - 2];
-        g && I[g] && I[g].subProperties && (I[g].subProperties[z] = {
-          ...v,
-          ...w
+      else if (P && f.length >= 2) {
+        const b = f[f.length - 2];
+        b && P[b] && P[b].subProperties && (P[b].subProperties[I] = {
+          ...k,
+          ...v
         });
       }
       l(N);
     }
-  }, b = (c, v = [], w = !0) => {
-    if (!c || U(c))
+  }, g = (f, k = [], v = !0) => {
+    if (!f || L(f))
       return /* @__PURE__ */ e(Y, { children: a("maker.properties.noProperties") });
-    const N = T(Object.entries(c), ([, S]) => S.displayName);
-    return /* @__PURE__ */ e(k, { spacing: 1.5, children: N.map(([S, I], z) => {
-      const g = [...v, S], C = z === N.length - 1, O = I.subProperties && !U(I.subProperties), j = I.displayName || S, A = !w;
-      return /* @__PURE__ */ e(P, { sx: { position: "relative" }, children: /* @__PURE__ */ x(k, { direction: "row", children: [
-        v.length > 0 && /* @__PURE__ */ x(
-          P,
+    const N = D(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: [
+        k.length > 0 && /* @__PURE__ */ x(
+          w,
           {
             sx: {
               position: "relative",
@@ -988,7 +988,7 @@ function ct({
             },
             children: [
               /* @__PURE__ */ e(
-                P,
+                w,
                 {
                   sx: {
                     position: "absolute",
@@ -1002,7 +1002,7 @@ function ct({
                 }
               ),
               /* @__PURE__ */ e(
-                P,
+                w,
                 {
                   sx: {
                     position: "absolute",
@@ -1016,7 +1016,7 @@ function ct({
                 }
               ),
               !C && /* @__PURE__ */ e(
-                P,
+                w,
                 {
                   sx: {
                     position: "absolute",
@@ -1032,9 +1032,9 @@ function ct({
             ]
           }
         ),
-        /* @__PURE__ */ x(k, { spacing: 1.5, sx: { flexGrow: 1 }, children: [
+        /* @__PURE__ */ x(S, { spacing: 1.5, sx: { flexGrow: 1 }, children: [
           /* @__PURE__ */ x(
-            k,
+            S,
             {
               direction: { xs: "column", md: "row" },
               spacing: 1.5,
@@ -1044,15 +1044,15 @@ function ct({
               },
               children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  le,
                   {
                     control: /* @__PURE__ */ e(
                       rr,
                       {
-                        checked: I.isNeedGenerate,
+                        checked: P.isNeedGenerate,
                         disabled: A,
                         onChange: (J) => {
-                          m(g, I, {
+                          p(b, P, {
                             isNeedGenerate: J.target.checked
                           });
                         }
@@ -1075,44 +1075,44 @@ function ct({
                     size: "small",
                     fullWidth: !0,
                     label: a("maker.properties.llmPropertyDescribe"),
-                    value: I.describe,
+                    value: P.describe,
                     onChange: (J) => {
-                      m(g, I, {
+                      p(b, P, {
                         describe: J.target.value
                       });
                     },
-                    disabled: !I.isNeedGenerate
+                    disabled: !P.isNeedGenerate
                   }
                 )
               ]
             }
           ),
-          O && /* @__PURE__ */ e(P, { sx: { ml: 3 }, children: b(
-            I.subProperties,
-            g,
-            I.isNeedGenerate && w
+          O && /* @__PURE__ */ e(w, { sx: { ml: 3 }, children: g(
+            P.subProperties,
+            b,
+            P.isNeedGenerate && v
           ) })
         ] })
-      ] }) }, S);
+      ] }) }, z);
     }) });
   };
-  return /* @__PURE__ */ x(ye, { open: r, onClose: o, maxWidth: "lg", fullWidth: !0, children: [
+  return /* @__PURE__ */ x(ve, { open: r, onClose: o, maxWidth: "lg", fullWidth: !0, children: [
     /* @__PURE__ */ e(Ve, { children: y || a("maker.properties.llmConfigTitle") }),
     /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(
-      P,
+      w,
       {
         sx: {
           my: 3
         },
-        children: h ? /* @__PURE__ */ e(D, { children: a("maker.properties.loading") }) : s ? d ? /* @__PURE__ */ x(k, { spacing: 3, children: [
-          /* @__PURE__ */ e(D, { variant: "subtitle2", children: a("maker.properties.llmConfigInstructions") }),
-          b(d.properties)
-        ] }) : /* @__PURE__ */ e(D, { children: a("maker.properties.loading") }) : /* @__PURE__ */ e(D, { color: "error", children: a("maker.properties.componentNotFound") })
+        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") }),
+          g(c.properties)
+        ] }) : /* @__PURE__ */ e(T, { children: a("maker.properties.loading") }) : /* @__PURE__ */ e(T, { 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: !d || h, children: a("common.confirm") })
+      /* @__PURE__ */ e(E, { variant: "contained", onClick: n, disabled: !c || m, children: a("common.confirm") })
     ] })
   ] });
 }
@@ -1121,9 +1121,9 @@ function dt({
   value: t,
   onChange: i
 }) {
-  const [s, f] = K(!1);
+  const [s, h] = W(!1);
   return /* @__PURE__ */ x(
-    k,
+    S,
     {
       sx: {
         gap: 1
@@ -1135,18 +1135,18 @@ function dt({
             label: r,
             size: "small",
             value: t,
-            onChange: (p) => i?.(p.target.value),
+            onChange: (u) => i?.(u.target.value),
             slotProps: {
               input: {
                 sx: {
                   pr: 0
                 },
                 endAdornment: /* @__PURE__ */ e(H, { position: "end", children: /* @__PURE__ */ e(
-                  Pe,
+                  ke,
                   {
-                    onChange: ({ response: p }) => {
-                      const u = p?.data?.filename;
-                      u && i?.(u);
+                    onChange: ({ response: u }) => {
+                      const d = u?.data?.filename;
+                      d && i?.(d);
                     }
                   }
                 ) })
@@ -1155,12 +1155,12 @@ function dt({
           }
         ),
         t && /* @__PURE__ */ e(
-          P,
+          w,
           {
             component: "img",
             src: ie(t),
             alt: r,
-            onClick: () => f(!0),
+            onClick: () => h(!0),
             sx: {
               maxWidth: 100,
               maxHeight: 100,
@@ -1171,15 +1171,15 @@ function dt({
             }
           }
         ),
-        /* @__PURE__ */ e(ye, { open: s, onClose: () => f(!1), children: /* @__PURE__ */ e(P, { 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: ie(t), alt: r }) })
       ]
     }
   );
 }
-function be(r, t = "") {
-  return Wr(r, (i, s, f) => {
-    const p = t ? `${t}.${f}` : f;
-    return Ar(s) ? zr(i, be(s, p)) : i[p] = s, i;
+function ge(r, t = "") {
+  return Wr(r, (i, s, h) => {
+    const u = t ? `${t}.${h}` : h;
+    return Ar(s) ? zr(i, ge(s, u)) : i[u] = s, i;
   }, {});
 }
 const ut = [
@@ -1206,22 +1206,22 @@ function _e(r, t) {
   return !r || !t ? !1 : r[t]?.data.shared ?? !1;
 }
 function hn({ componentId: r }) {
-  const { state: { components: t } } = le(), s = t[r]?.data;
-  return s ? /* @__PURE__ */ e(k, {
+  const { state: { components: t } } = se(), s = t[r]?.data;
+  return s ? /* @__PURE__ */ e(S, {
     sx: {
       maxHeight: "100%",
       overflow: "auto"
     },
-    children: /* @__PURE__ */ e(P, {
+    children: /* @__PURE__ */ e(w, {
       sx: {
         p: 2
       },
-      children: /* @__PURE__ */ e(Ur, { FallbackComponent: qr, resetKeys: [r], children: /* @__PURE__ */ e(pt, { value: s, componentId: r }) })
+      children: /* @__PURE__ */ e(Lr, { FallbackComponent: qr, resetKeys: [r], children: /* @__PURE__ */ e(pt, { value: s, componentId: r }) })
     })
   }) : null;
 }
 function pt({ value: r, componentId: t }) {
-  const { t: i } = V(), { localState: { currentLocale: s, customComponentPreviewerProperties: f }, state: { config: { defaultLocale: p } }, localActions: { setCustomComponentPreviewerProperties: u } } = le(), y = q(r).doc, h = xe(), a = $(() => f?.[t] ?? {}, [t, f]), d = r.renderer?.type || "react-component", l = d === "component-template", o = Nr({
+  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({
     componentId: t,
     propertiesValue: {
       ...a
@@ -1234,39 +1234,39 @@ function pt({ value: r, componentId: t }) {
   }, [t, a, o]), M(() => {
     if (o.componentId !== t)
       return;
-    const n = Object.fromEntries(Object.values(r.properties ?? {}).map(({ data: m }) => [
-      m.id,
+    const n = Object.fromEntries(Object.values(r.properties ?? {}).map(({ data: p }) => [
+      p.id,
       {
-        value: o.propertiesValue[m.id]?.value ?? gr(m, m.locales?.[s]?.defaultValue ?? m.locales?.[p]?.defaultValue, {
+        value: o.propertiesValue[p.id]?.value ?? gr(p, p.locales?.[s]?.defaultValue ?? p.locales?.[u]?.defaultValue, {
           locale: s,
-          defaultLocale: p
+          defaultLocale: u
         })
       }
     ]));
-    u(t, n);
-  }, [JSON.stringify(o.propertiesValue), t, o.componentId]), /* @__PURE__ */ e(k, {
+    d(t, n);
+  }, [JSON.stringify(o.propertiesValue), t, o.componentId]), /* @__PURE__ */ e(S, {
     sx: {
       height: "100%"
     },
-    children: /* @__PURE__ */ x(k, {
+    children: /* @__PURE__ */ x(S, {
       sx: {
         gap: 2
       },
       children: [
         /* @__PURE__ */ e(mt, { config: r }),
-        !l && /* @__PURE__ */ x(L, { children: [
+        /* @__PURE__ */ x(U, { children: [
           /* @__PURE__ */ e(ft, {
             config: r,
             currentLocale: s,
-            defaultLocale: p,
-            allComponents: h,
+            defaultLocale: u,
+            allComponents: m,
             onUpdateConfig: (n) => {
               y.transact(() => {
                 n(r);
               });
             }
           }),
-          /* @__PURE__ */ x(k, {
+          /* @__PURE__ */ x(S, {
             direction: "row",
             sx: {
               gap: 2,
@@ -1274,17 +1274,17 @@ function pt({ value: r, componentId: t }) {
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ e(D, { variant: "subtitle1", children: i("renderer") }),
+              /* @__PURE__ */ e(T, { variant: "subtitle1", children: i("renderer") }),
               /* @__PURE__ */ x(R, {
                 hiddenLabel: !0,
                 size: "small",
                 select: !0,
-                value: d,
+                value: c,
                 disabled: l,
                 onChange: (n) => {
                   y.transact(() => {
-                    const m = n.target.value;
-                    r.renderer ??= { type: m }, r.renderer.type = m;
+                    const p = n.target.value;
+                    r.renderer ??= { type: p }, r.renderer.type = p;
                   });
                 },
                 slotProps: {
@@ -1298,51 +1298,40 @@ function pt({ value: r, componentId: t }) {
               })
             ]
           }),
-          d === "component" && /* @__PURE__ */ e(kt, { value: r }),
-          d === "react-component" && /* @__PURE__ */ e(Pt, { value: r }),
+          c === "component" && /* @__PURE__ */ e(kt, { value: r }),
+          c === "react-component" && /* @__PURE__ */ e(Pt, { value: r }),
           /* @__PURE__ */ e(qe, {
             config: r,
             currentLocale: s,
-            defaultLocale: p,
-            allComponents: h,
+            defaultLocale: u,
+            allComponents: m,
             propertiesValue: o.propertiesValue,
-            onChange: ({ value: n, id: m, path: b }) => {
-              const c = [...b, "data"];
-              if (!jr(r, c)) {
-                fe.warning(i("cannotFindPropertyKey", {
-                  key: c.join(".")
+            onChange: ({ value: n, id: p, path: g }) => {
+              const f = [...g, "data"];
+              if (!jr(r, f)) {
+                be.warning(i("cannotFindPropertyKey", {
+                  key: f.join(".")
                 }));
                 return;
               }
-              o.propertiesValue[m] = {
+              o.propertiesValue[p] = {
                 value: n.value
               };
             }
           })
-        ] }),
-        l && /* @__PURE__ */ x(k, {
-          direction: "column",
-          spacing: 1,
-          sx: {
-            mt: 1
-          },
-          children: [
-            /* @__PURE__ */ e(D, { variant: "subtitle1", children: i("renderer") }),
-            /* @__PURE__ */ e(R, { hiddenLabel: !0, size: "small", value: i("maker.components.componentTemplate"), disabled: !0 })
-          ]
-        })
+        ] })
       ]
     })
   });
 }
 function mt({ config: r }) {
   const { t } = V();
-  return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ x(k, {
+  return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ e(D, { variant: "subtitle1", children: t("basicInfo") }),
+      /* @__PURE__ */ e(T, { variant: "subtitle1", children: t("basicInfo") }),
       /* @__PURE__ */ e(R, {
         label: t("name"),
         size: "small",
@@ -1364,7 +1353,7 @@ function mt({ config: r }) {
           htmlInput: { maxLength: 200 }
         }
       }),
-      /* @__PURE__ */ e(De, {
+      /* @__PURE__ */ e(Te, {
         size: "small",
         options: [],
         multiple: !0,
@@ -1381,8 +1370,8 @@ function mt({ config: r }) {
     ]
   }) });
 }
-function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocale: p, defaultLocale: u, allComponents: y, onUpdateConfig: h }) {
-  const { t: a } = V(), d = $(() => r.type === "json" || r.type === "yaml" || r.type === "array" ? yt : F, [r.type]);
+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, {
     preview: t.preview,
     drop: t.drop,
@@ -1390,31 +1379,31 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
     isDragging: t.isDragging,
     dragHandle: t.dragHandle,
     onDelete: () => {
-      h((l) => {
+      m((l) => {
         if (l.properties) {
-          const n = Object.entries(l.properties).sort(([, b], [, c]) => b.index - c.index);
-          delete l.properties[r.id], n.filter(([b]) => b !== r.id).forEach(([, b], c) => {
-            b.index = c;
+          const n = Object.entries(l.properties).sort(([, g], [, f]) => g.index - f.index);
+          delete l.properties[r.id], n.filter(([g]) => g !== r.id).forEach(([, g], f) => {
+            g.index = f;
           });
         }
       });
     },
     visible: i,
     onVisibilityChange: (l) => {
-      h((o) => {
+      m((o) => {
         const n = o.properties[r.id].data;
         n.visible = l;
       });
     },
     shared: s,
     onSharedChange: (l) => {
-      h((o) => {
+      m((o) => {
         const n = o.properties[r.id].data;
         n.shared = l;
       });
     },
     alwaysShowActions: !0,
-    children: /* @__PURE__ */ x(k, {
+    children: /* @__PURE__ */ x(S, {
       direction: "column",
       sx: {
         gap: 2
@@ -1428,25 +1417,25 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
             width: "calc(100% - 104px - 8px)",
             flex: 1,
             "& .MuiOutlinedInput-root": {
-              borderColor: r.key ? X(f.properties, r.id, r.key) ? "warning.main" : void 0 : "error.main"
+              borderColor: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : void 0 : "error.main"
             },
             "& .MuiFormLabel-root": {
-              color: r.key ? X(f.properties, r.id, r.key) ? "warning.main" : "text.secondary" : "error.main"
+              color: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : "text.secondary" : "error.main"
             },
             "& .MuiFormLabel-root.Mui-focused": {
-              color: r.key ? X(f.properties, r.id, r.key) ? "warning.main" : "primary.main" : "error.main"
+              color: r.key ? X(h.properties, r.id, r.key) ? "warning.main" : "primary.main" : "error.main"
             }
           },
           value: r.key || "",
           onChange: (l) => {
-            h((o) => {
+            m((o) => {
               const n = o.properties[r.id].data;
               n.key = l.target.value.trim();
             });
           },
           slotProps: {
             input: {
-              endAdornment: !r.key || r.key && X(f.properties, r.id, r.key) ? /* @__PURE__ */ e(H, {
+              endAdornment: !r.key || r.key && X(h.properties, r.id, r.key) ? /* @__PURE__ */ e(H, {
                 position: "end",
                 sx: {
                   width: 16,
@@ -1462,7 +1451,7 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
             }
           }
         }),
-        /* @__PURE__ */ x(k, {
+        /* @__PURE__ */ x(S, {
           direction: "row",
           sx: {
             gap: 1
@@ -1472,11 +1461,11 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
               label: a("label"),
               size: "small",
               sx: { flex: 1 },
-              value: (r.locales?.[p]?.name ?? r.locales?.[u]?.name) || "",
+              value: (r.locales?.[u]?.name ?? r.locales?.[d]?.name) || "",
               onChange: (l) => {
-                h((o) => {
+                m((o) => {
                   const n = o.properties[r.id].data;
-                  n.locales ??= {}, n.locales[p] ??= {}, n.locales[p].name = l.target.value;
+                  n.locales ??= {}, n.locales[u] ??= {}, n.locales[u].name = l.target.value;
                 });
               }
             }),
@@ -1487,48 +1476,48 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
               sx: { flex: 1 },
               value: r.type === "string" && r.multiline ? "multiline" : r.type || "string",
               onChange: (l) => {
-                h((o) => {
+                m((o) => {
                   const n = o.properties[r.id].data;
                   if (n.locales)
-                    for (const b of Object.keys(n.locales))
-                      n.locales[b].defaultValue = void 0;
-                  const m = l.target.value;
-                  m === "multiline" ? (n.type = "string", n.multiline = !0) : (typeof n.multiline < "u" && delete n.multiline, n.type = m);
+                    for (const g of Object.keys(n.locales))
+                      n.locales[g].defaultValue = void 0;
+                  const p = l.target.value;
+                  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))
             })
           ]
         }),
-        /* @__PURE__ */ x(k, {
+        /* @__PURE__ */ x(S, {
           direction: "row",
           sx: {
             gap: 1
           },
           children: [
-            /* @__PURE__ */ e(d, {
+            /* @__PURE__ */ e(c, {
               allComponents: y,
-              defaultLocale: u,
-              component: f,
+              defaultLocale: d,
+              component: h,
               property: r,
               label: a("defaultValue"),
               size: "small",
               fullWidth: !0,
-              value: r.locales?.[p]?.defaultValue,
+              value: r.locales?.[u]?.defaultValue,
               onChange: (l, o) => {
-                h((n) => {
-                  const m = n.properties[r.id].data;
+                m((n) => {
+                  const p = n.properties[r.id].data;
                   if (o?.forceUpdateProperty) {
-                    const b = be(m), c = be(l);
-                    Object.keys(c).forEach((v) => {
-                      b[v] || We(m, v, c[v]);
+                    const g = ge(p), f = ge(l);
+                    Object.keys(f).forEach((k) => {
+                      g[k] || We(p, k, f[k]);
                     });
                   } else
-                    m.locales ??= {}, m.locales[p] ??= {}, m.locales[p].defaultValue = l;
+                    p.locales ??= {}, p.locales[u] ??= {}, p.locales[u].defaultValue = l;
                 });
               }
             }),
-            r.type === "custom" ? /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(bt, { property: r, allComponents: y }) }) : null
+            r.type === "custom" ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(bt, { property: r, allComponents: y }) }) : null
           ]
         })
       ]
@@ -1536,27 +1525,27 @@ function Ge({ data: r, params: t, visible: i, shared: s, config: f, currentLocal
   });
 }
 function ht(r, t) {
-  const [i, s] = K(0);
+  const [i, s] = W(0);
   return M(() => {
-    const p = setTimeout(() => {
+    const u = setTimeout(() => {
       if (r.current) {
-        let u = r.current.parentElement, y = 0;
-        for (; u; )
-          u.classList.contains("property-container") && y++, u = u.parentElement;
+        let d = r.current.parentElement, y = 0;
+        for (; d; )
+          d.classList.contains("property-container") && y++, d = d.parentElement;
         s(y);
       }
     }, 100);
-    return () => clearTimeout(p);
+    return () => clearTimeout(u);
   }, [r, t]), i;
 }
-function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, onUpdateConfig: f, useI18nEditor: p = !0 }) {
-  const { t: u } = V(), y = ke({ variant: "dialog" }), h = r.properties && T(Object.values(r.properties), "index");
-  return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ x(k, {
+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");
+  return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ x(k, {
+      /* @__PURE__ */ x(S, {
         direction: "row",
         sx: {
           gap: 1,
@@ -1564,20 +1553,20 @@ function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, o
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ e(D, { variant: "subtitle1", children: u("properties") }),
-          /* @__PURE__ */ e(P, {
+          /* @__PURE__ */ e(T, { variant: "subtitle1", children: d("properties") }),
+          /* @__PURE__ */ e(w, {
             sx: {
               flex: 1
             }
           }),
-          p && /* @__PURE__ */ e(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...we(y), children: /* @__PURE__ */ e(Ue, { fontSize: "small" }) })
+          u && /* @__PURE__ */ e(E, { 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, {
-        component: k,
+        component: S,
         gap: 2,
         list: r.properties,
-        renderItem: (a, d, l) => {
+        renderItem: (a, c, l) => {
           const o = ee(r.properties, a.id), n = _e(r.properties, a.id);
           return /* @__PURE__ */ e(_, {
             elevation: 0,
@@ -1588,7 +1577,7 @@ function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, o
               border: o ? "1px solid" : "1px dashed",
               borderColor: "divider"
             },
-            children: /* @__PURE__ */ e(k, {
+            children: /* @__PURE__ */ e(S, {
               sx: {
                 gap: 2
               },
@@ -1601,58 +1590,58 @@ function ft({ config: r, currentLocale: t, defaultLocale: i, allComponents: s, o
                 currentLocale: t,
                 defaultLocale: i,
                 allComponents: s,
-                onUpdateConfig: f
+                onUpdateConfig: h
               })
             })
           }, a.id);
         }
-      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12 }, children: u("maker.properties.noProperties") }),
+      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
       /* @__PURE__ */ e(E, {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
         onClick: () => {
-          f((a) => {
-            const d = Je();
-            a.properties ??= {}, a.properties[d] ??= { index: h?.length || 0, data: { id: d, shared: !1 } };
+          h((a) => {
+            const c = Je();
+            a.properties ??= {}, a.properties[c] ??= { index: m?.length || 0, data: { id: c, shared: !1 } };
           });
         },
-        startIcon: /* @__PURE__ */ e(Le, {}),
-        children: u("addObject", { object: u("property") })
+        startIcon: /* @__PURE__ */ e(Ue, {}),
+        children: d("addObject", { object: d("property") })
       }),
-      p && /* @__PURE__ */ e(Ye, { ...Fe(y), component: r })
+      u && /* @__PURE__ */ e(Ye, { ...Fe(y), component: r })
     ]
   }) });
 }
 function bt({ property: r, allComponents: t }) {
-  const i = ke({ variant: "popper" });
-  return /* @__PURE__ */ x(L, { children: [
-    /* @__PURE__ */ e(E, { sx: { minWidth: 0 }, ...we(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(P, {
+  const i = 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, {
       sx: {
         width: 500,
         p: 2
       },
-      children: /* @__PURE__ */ e(Se, {
+      children: /* @__PURE__ */ e(Ie, {
         value: r.componentId,
-        onChange: (s, f) => r.componentId = f,
+        onChange: (s, h) => r.componentId = h,
         allComponents: t
       })
     }) }) }) })
   ] });
 }
-function gt({ value: r, valueImmutable: t, onChange: i, defaultLocale: s, allComponents: f }) {
-  const [p, u] = K(!1), { t: y, locale: h } = V(), a = typeof r?.componentId == "string" ? f[r.componentId]?.data : void 0;
-  return a ? /* @__PURE__ */ x(P, { sx: { width: "100%", position: "relative" }, children: [
+function gt({ value: r, valueImmutable: t, onChange: i, 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, {
       sx: { minWidth: 0 },
       disabled: !a,
       size: "small",
-      onClick: () => u(!p),
-      color: p ? "primary" : "default",
+      onClick: () => d(!u),
+      color: u ? "primary" : "default",
       children: /* @__PURE__ */ e(Me, { fontSize: "small" })
     }),
-    p && /* @__PURE__ */ e(tr, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ x(_, {
+    u && /* @__PURE__ */ e(tr, { in: u, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ x(_, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1663,53 +1652,53 @@ function gt({ value: r, valueImmutable: t, onChange: i, defaultLocale: s, allCom
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ e(P, {
+        /* @__PURE__ */ e(w, {
           sx: {
             width: "100%",
             mb: 2
           },
           children: /* @__PURE__ */ e(qe, {
             config: a,
-            currentLocale: h,
+            currentLocale: m,
             defaultLocale: s,
-            allComponents: f,
+            allComponents: h,
             propertiesValue: r?.properties,
-            onChange: ({ id: d, value: l }) => {
-              const o = he(l.value), n = JSON.parse(JSON.stringify(r));
-              n?.componentId && (t ? i?.({ ...n, properties: { ...n.properties, [d]: { value: o } } }) : (n.properties = n.properties ?? {}, n.properties[d] = { value: o }, i?.(n)));
+            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)));
             }
           })
         }),
-        /* @__PURE__ */ e(E, { size: "small", onClick: () => u(!1), sx: { mt: 1 }, children: y("close") })
+        /* @__PURE__ */ e(E, { 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: f, supportedLocales: p, config: { defaultLocale: u } } } = le(), y = xe(), h = q(t).doc, a = r === "properties" ? t.properties : r === "parameters" && t.renderer?.type === "component" ? f[t.renderer.componentId]?.data.properties : void 0, d = t.renderer?.type === "component" ? t : void 0;
-  return /* @__PURE__ */ x(ye, { ...i, fullWidth: !0, maxWidth: "lg", children: [
+  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: [
     /* @__PURE__ */ e(Ve, { children: s("i18nEditorTitle") }),
-    /* @__PURE__ */ e(Ae, { children: a && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ x(Ne, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(te, { children: p.map(({ locale: l, name: o }) => /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ x(D, {
+    /* @__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, {
         sx: {
           color: "text.primary"
         },
         children: [
           o,
-          u === l && /* @__PURE__ */ e(Or, { sx: { fontSize: 12 } })
+          d === l && /* @__PURE__ */ e(Or, { sx: { fontSize: 12 } })
         ]
       }) }, l)) }) }),
-      /* @__PURE__ */ e(je, { children: T(Object.values(a), "index").map(({ data: l }) => /* @__PURE__ */ e(te, { children: p.map(({ locale: o }) => /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(k, {
+      /* @__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, {
         sx: {
           gap: 1
         },
-        children: r === "properties" ? /* @__PURE__ */ x(L, { children: [
+        children: r === "properties" ? /* @__PURE__ */ x(U, { children: [
           /* @__PURE__ */ e(R, {
             size: "small",
             label: "Key",
             value: l.key || "",
             onChange: (n) => {
-              h.transact(() => {
+              m.transact(() => {
                 l.key = n.target.value.trim();
               });
             }
@@ -1717,41 +1706,41 @@ function Ye({ type: r = "properties", component: t, ...i }) {
           /* @__PURE__ */ e(R, {
             size: "small",
             label: s("label"),
-            value: (l.locales?.[o]?.name ?? l.locales?.[u]?.name) || "",
+            value: (l.locales?.[o]?.name ?? l.locales?.[d]?.name) || "",
             onChange: (n) => {
-              h.transact(() => {
+              m.transact(() => {
                 l.locales ??= {}, l.locales[o] ??= {}, l.locales[o].name = n.target.value;
               });
             }
           }),
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(F, {
+          /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
             allComponents: y,
-            defaultLocale: u,
+            defaultLocale: d,
             component: t,
             property: l,
             size: "small",
             fullWidth: !0,
             label: "Default Value",
             valueImmutable: oe(l.locales?.[o]?.defaultValue),
-            value: l.locales?.[o]?.defaultValue ?? l.locales?.[u]?.defaultValue,
+            value: l.locales?.[o]?.defaultValue ?? l.locales?.[d]?.defaultValue,
             onChange: (n) => {
-              h.transact(() => {
+              m.transact(() => {
                 l.locales ??= {}, l.locales[o] ??= {}, l.locales[o].defaultValue = n;
               });
             }
           }) })
-        ] }) : r === "parameters" && d ? /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(F, {
+        ] }) : r === "parameters" && c ? /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
           allComponents: y,
-          defaultLocale: u,
+          defaultLocale: d,
           component: t,
           property: l,
           size: "small",
           fullWidth: !0,
-          valueImmutable: oe(d.renderer.properties?.[l.id]?.locales?.[o]?.value),
-          value: d.renderer.properties?.[l.id]?.locales?.[o]?.value ?? d.renderer.properties?.[l.id]?.locales?.[u]?.value ?? l.locales?.[o]?.defaultValue ?? l.locales?.[u]?.defaultValue,
+          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,
           onChange: (n) => {
-            h.transact(() => {
-              d.renderer.properties ??= {}, d.renderer.properties[l.id] ??= {}, d.renderer.properties[l.id].locales ??= {}, d.renderer.properties[l.id].locales[o] ??= {}, d.renderer.properties[l.id].locales[o].value = 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;
             });
           }
         }) }) : null
@@ -1760,72 +1749,72 @@ function Ye({ type: r = "properties", component: t, ...i }) {
     /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(E, { onClick: (l) => i.onClose?.(l, "escapeKeyDown"), children: s("close") }) })
   ] });
 }
-const Oe = (r, t) => (i) => {
+const Ne = (r, t) => (i) => {
   const s = [
     i.palette.info.main,
     i.palette.primary.main,
     i.palette.secondary.main,
     i.palette.success.main,
     i.palette.warning.main
-  ], f = Math.min(s.length - 1, r), p = s[f], u = de(p, 0.5), y = de(p, 1);
+  ], h = Math.min(s.length - 1, r), u = s[h], d = ue(u, 0.5), y = ue(u, 1);
   return {
     // 保留原有的边框样式
-    borderColor: `${u} !important`,
+    borderColor: `${d} !important`,
     borderLeft: "3px solid !important",
     // 稍粗的左侧边框
-    borderLeftColor: u,
+    borderLeftColor: d,
     // 使用透明度适应深色/浅色模式
     color: y,
     ...t
   };
 };
 function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
-  const { t: f, locale: p } = V(), u = se(null), y = ht(u, r), h = W(() => {
+  const { t: h, locale: u } = V(), d = ae(null), y = ht(d, r), m = K(() => {
     if (!(r.type !== "json" && r.type !== "yaml" && r.type !== "array") && r.subProperties)
       try {
         let a = {};
-        T(Object.values(r.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
+        D(Object.values(r.subProperties), "index").filter((o) => o.data.visible !== !1 && o.data.key).forEach(({ data: o }) => {
           if (!o.key)
             return;
-          let n = o.locales?.[p]?.defaultValue ?? o.locales?.[i]?.defaultValue;
+          let n = o.locales?.[u]?.defaultValue ?? o.locales?.[i]?.defaultValue;
           if (o.type === "number")
             n = Number(n);
           else if (o.type === "boolean")
             n = n === !0 || n === "true";
           else if ((o.type === "json" || o.type === "yaml") && typeof n == "string")
             try {
-              o.type === "json" ? n = JSON.parse(n) : n = me.parse(n);
-            } catch (m) {
-              console.error("Error parsing nested value", n, m), n = {};
+              o.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;
-        }), r.type === "array" && !Array.isArray(a) && (a = U(a) ? [] : [a]);
-        const l = ve(a, r.type);
+        }), 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, p, i, t]);
-  return r.type !== "json" && r.type !== "yaml" && r.type !== "array" ? null : /* @__PURE__ */ x(k, {
+  }, [r, u, i, t]);
+  return r.type !== "json" && r.type !== "yaml" && r.type !== "array" ? null : /* @__PURE__ */ x(S, {
     direction: "column",
-    ref: u,
+    ref: d,
     sx: {
       gap: 1.5,
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ e(nr, { sx: { mt: -1 }, children: /* @__PURE__ */ e(D, {
+      /* @__PURE__ */ e(nr, { sx: { mt: -1 }, children: /* @__PURE__ */ e(T, {
         variant: "caption",
         sx: {
           color: "text.secondary"
         },
-        children: f("maker.properties.subProperties")
+        children: h("maker.properties.subProperties")
       }) }),
       r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ e(He, {
-        component: k,
+        component: S,
         gap: 2,
         list: r.subProperties,
-        renderItem: (a, d, l) => {
+        renderItem: (a, c, l) => {
           const o = a.visible !== !1, n = a.shared ?? !1;
           return /* @__PURE__ */ e(_, {
             elevation: 0,
@@ -1834,9 +1823,9 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
               p: 1.25,
               borderRadius: 1,
               border: o ? "1px solid" : "1px dashed",
-              "&": Oe(y)
+              "&": Ne(y)
             },
-            children: /* @__PURE__ */ e(k, {
+            children: /* @__PURE__ */ e(S, {
               sx: {
                 gap: 2
               },
@@ -1848,45 +1837,45 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
                 config: {
                   properties: r.subProperties
                 },
-                currentLocale: p,
+                currentLocale: u,
                 defaultLocale: i,
                 allComponents: s,
-                onUpdateConfig: (m) => {
+                onUpdateConfig: (p) => {
                   try {
-                    const b = { properties: r.subProperties || {} };
-                    m(b);
-                    const c = {
+                    const g = { properties: r.subProperties || {} };
+                    p(g);
+                    const f = {
                       ...r,
-                      subProperties: b.properties
+                      subProperties: g.properties
                     };
-                    t?.(c, { forceUpdateProperty: !0 }), h();
-                  } catch (b) {
-                    console.error("Error updating property:", b);
+                    t?.(f, { forceUpdateProperty: !0 }), m();
+                  } catch (g) {
+                    console.error("Error updating property:", g);
                   }
                 }
               })
             })
           }, a.id);
         }
-      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: 100 }, children: f("maker.properties.noSubProperties") }),
+      }) : /* @__PURE__ */ e(Y, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
       /* @__PURE__ */ e(E, {
         fullWidth: !0,
         variant: "outlined",
         className: "ignore-style-override",
         size: "small",
-        startIcon: /* @__PURE__ */ e(Le, {}),
+        startIcon: /* @__PURE__ */ e(Ue, {}),
         onClick: () => {
           try {
-            const a = r.subProperties || {}, d = Je(), o = {
+            const a = r.subProperties || {}, c = Je(), o = {
               index: Object.values(a).length,
               data: {
-                id: d,
+                id: c,
                 key: "",
                 type: "string",
                 visible: !0,
                 shared: !1,
                 locales: {
-                  [p]: {
+                  [u]: {
                     name: "",
                     defaultValue: ""
                   }
@@ -1898,39 +1887,39 @@ function yt({ property: r, onChange: t, defaultLocale: i, allComponents: s }) {
               ...r,
               subProperties: {
                 ...a,
-                [d]: o
+                [c]: o
               }
             };
-            t?.(n, { forceUpdateProperty: !0 }), h();
+            t?.(n, { forceUpdateProperty: !0 }), m();
           } catch (a) {
             console.error("Error adding property:", a);
           }
         },
         sx: {
-          "&": Oe(y, {
+          "&": Ne(y, {
             // borderLeft: undefined,
           })
         },
-        children: f("maker.properties.addSubProperty")
+        children: h("maker.properties.addSubProperty")
       })
     ]
   });
 }
-function F({ component: r, property: t, value: i, onChange: s, valueImmutable: f, defaultLocale: p, allComponents: u, ...y }) {
-  const { locale: h } = V(), a = mr(), d = se(null), l = () => {
+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 = () => {
     const n = a?.current?.getUploader();
-    n?.open(), d.current && n.onceUploadSuccess(({ response: m }) => {
-      let b = m?.data?.filename || "";
-      b && (b = `mediakit://${b}`, i && !i.includes("mediakit://") && (b += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), d.current?.(b);
+    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);
     });
-  }, o = y.label ?? (t.locales?.[h]?.name || t.locales?.[p]?.name || t.key || t.id);
+  }, o = y.label ?? (t.locales?.[m]?.name || t.locales?.[u]?.name || t.key || t.id);
   if (t.type === "number")
     return /* @__PURE__ */ e(vt, {
       ...y,
       label: o,
       NumberProps: {
         value: ["number", "string"].includes(typeof i) ? i : null,
-        onChange: (n, m) => s?.(m)
+        onChange: (n, p) => s?.(p)
       }
     });
   if (t.type === "decimal")
@@ -1940,22 +1929,22 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: f
       type: "text",
       value: i ?? "",
       onChange: (n) => {
-        const m = n.target.value;
-        if (m === "" || m === "-") {
-          s?.(m);
+        const p = n.target.value;
+        if (p === "" || p === "-") {
+          s?.(p);
           return;
         }
-        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(m)) {
-          let c = m;
-          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(c) && (c = Number(c)), s?.(c);
+        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(p)) {
+          let f = p;
+          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(f) && (f = Number(f)), s?.(f);
         }
       }
     });
   if (t.type === "boolean")
-    return /* @__PURE__ */ e(ge, {
+    return /* @__PURE__ */ e(le, {
       label: o,
       labelPlacement: "start",
-      control: /* @__PURE__ */ e(Re, { checked: i === !0, onChange: (n, m) => s?.(m) })
+      control: /* @__PURE__ */ e(ye, { checked: i === !0, onChange: (n, p) => s?.(p) })
     });
   if (t.type === "color")
     return /* @__PURE__ */ e(tt, {
@@ -1974,68 +1963,68 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: f
       },
       property: t,
       component: r,
-      defaultLocale: p,
-      allComponents: u,
+      defaultLocale: u,
+      allComponents: d,
       PropertyValueField: F,
       onUpload: (n) => {
-        d.current = n, l();
+        c.current = n, l();
       }
     });
   if (t.type === "custom") {
-    const n = u[t.componentId]?.data;
-    return n ? /* @__PURE__ */ e(P, {
+    const n = d[t.componentId]?.data;
+    return n ? /* @__PURE__ */ e(w, {
       sx: {
         width: "100%"
       },
       children: /* @__PURE__ */ e(Ke, {
         componentId: n.id,
         props: { label: o, value: i, onChange: s },
-        locale: h,
+        locale: m,
         dev: {
           mode: "draft",
-          components: u,
-          defaultLocale: p
+          components: d,
+          defaultLocale: u
         }
       })
     }) : /* @__PURE__ */ e(R, { ...y, label: o, disabled: !0, placeholder: "Click right button select a component" });
   }
   if (t.type === "component")
-    return /* @__PURE__ */ x(k, {
+    return /* @__PURE__ */ x(S, {
       direction: "column",
       sx: {
         width: "100%",
         gap: 1
       },
       children: [
-        /* @__PURE__ */ e(Se, {
-          allComponents: u,
+        /* @__PURE__ */ e(Ie, {
+          allComponents: d,
           label: o,
           value: i?.componentId,
-          onChange: (n, m) => {
-            f || !i ? s?.({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }) : typeof i == "object" && (i.componentId = m, s?.({ ...i && JSON.parse(JSON.stringify(i)), componentId: m }));
+          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 }));
           }
         }),
         i?.componentId && /* @__PURE__ */ e(gt, {
           value: i,
-          valueImmutable: f,
+          valueImmutable: h,
           onChange: s,
-          defaultLocale: p,
-          allComponents: u
+          defaultLocale: u,
+          allComponents: d
         })
       ]
     });
   if (!t.type || ["string", "url", "multiline"].includes(t.type)) {
     let n = t.type === "string" ? t.multiline : void 0;
     t.type === "multiline" && (n = !0);
-    const m = t.type === "url" ? i?.url : i;
+    const p = t.type === "url" ? i?.url : i;
     return /* @__PURE__ */ e(R, {
       ...y,
       label: o,
-      value: typeof m == "string" ? m : "",
+      value: typeof p == "string" ? p : "",
       multiline: n,
       minRows: n ? 2 : void 0,
       maxRows: n ? 10 : void 0,
-      onChange: (b) => s?.(t.type === "url" ? { ...i, url: b.target.value, mediaKitUrl: b.target.value } : b.target.value),
+      onChange: (g) => s?.(t.type === "url" ? { ...i, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value),
       slotProps: {
         input: t.type === "url" ? {
           sx: {
@@ -2049,18 +2038,18 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: f
               justifyContent: "center"
             },
             children: [
-              /* @__PURE__ */ e(Pe, {
-                onChange: async ({ response: b }) => {
-                  const c = b?.data?.url || b?.data?.fileUrl;
-                  let v;
-                  c && (v = await ue(c).catch(() => pe(c)).catch(() => {
+              /* @__PURE__ */ e(ke, {
+                onChange: async ({ response: g }) => {
+                  const f = g?.data?.url || g?.data?.fileUrl;
+                  let k;
+                  f && (k = await pe(f).catch(() => me(f)).catch(() => {
                   }));
-                  let w = b?.data?.filename || "";
-                  w && (w = `mediakit://${w}`), s?.({
-                    url: c,
-                    mediaKitUrl: w,
-                    width: v?.naturalWidth,
-                    height: v?.naturalHeight
+                  let v = g?.data?.filename || "";
+                  v && (v = `mediakit://${v}`), s?.({
+                    url: f,
+                    mediaKitUrl: v,
+                    width: k?.naturalWidth,
+                    height: k?.naturalHeight
                   });
                 }
               }),
@@ -2076,25 +2065,25 @@ function F({ component: r, property: t, value: i, onChange: s, valueImmutable: f
     value: Array.isArray(i) ? i : [],
     onChange: (n) => s?.(n),
     property: t,
-    renderItem: ({ item: n, index: m, onChange: b }) => t.subProperties && Object.keys(t.subProperties).length > 0 ? /* @__PURE__ */ e(k, {
+    renderItem: ({ item: n, index: p, onChange: g }) => t.subProperties && Object.keys(t.subProperties).length > 0 ? /* @__PURE__ */ e(S, {
       sx: {
         gap: 1,
         width: "100%"
       },
-      children: T(Object.values(t.subProperties), "index").filter((c) => c.data.visible !== !1).map(({ data: c }) => c.key ? /* @__PURE__ */ e(F, {
+      children: D(Object.values(t.subProperties), "index").filter((f) => f.data.visible !== !1).map(({ data: f }) => f.key ? /* @__PURE__ */ e(F, {
         component: r,
-        property: c,
-        value: n[c.key],
-        onChange: (v) => {
-          const w = { ...n, [c.key]: v };
-          b(w);
+        property: f,
+        value: n[f.key],
+        onChange: (k) => {
+          const v = { ...n, [f.key]: k };
+          g(v);
         },
         size: "small",
         fullWidth: !0,
-        defaultLocale: p,
-        allComponents: u
-      }, c.id) : null)
-    }, m) : /* @__PURE__ */ e(R, { size: y.size, fullWidth: !0, value: n, onChange: (c) => b(c.target.value) })
+        defaultLocale: u,
+        allComponents: d
+      }, f.id) : null)
+    }, 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 }) {
@@ -2118,17 +2107,17 @@ export default function () {
 }`, Ct = `console.log('hello')
 `;
 function Pt({ value: r }) {
-  const { locale: t } = V(), i = Te(), s = q(r).doc;
+  const { locale: t } = V(), i = De(), s = q(r).doc;
   return M(() => {
     r.renderer?.script || (s.transact(() => {
       r.renderer.script = r.renderer.type === "react-component" ? xt : Ct;
     }), i());
-  }, [r]), /* @__PURE__ */ e(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(Ce, {
+  }, [r]), /* @__PURE__ */ e(w, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(Pe, {
     keyId: r.id,
     locale: t,
     language: "typescript",
     value: r.renderer.script || "",
-    onChange: (f) => r.renderer.script = f,
+    onChange: (h) => r.renderer.script = h,
     typeScriptNoValidation: !1,
     fullScreenOptions: {
       enableEscExit: !0
@@ -2136,139 +2125,160 @@ function Pt({ value: r }) {
   }, r.id) });
 }
 function kt({ value: r }) {
-  const { t } = V(), i = q(r).doc, { state: { components: s, config: { defaultLocale: f }, resources: p }, localState: { currentLocale: u } } = le(), y = xe(), h = s[r.renderer.componentId]?.data ?? p.components?.[r.renderer.componentId]?.component, a = ke({ variant: "dialog" });
-  return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ x(k, {
+  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" });
+  return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 1
     },
     children: [
-      /* @__PURE__ */ e(Se, {
+      /* @__PURE__ */ e(Ie, {
         allComponents: y,
         excludes: [r.id],
         value: r.renderer.componentId,
-        onChange: (d, l) => r.renderer.componentId = l
+        onChange: (c, l) => r.renderer.componentId = l
       }),
-      h && /* @__PURE__ */ x(L, { children: [
-        /* @__PURE__ */ x(k, {
+      m && /* @__PURE__ */ x(U, { children: [
+        /* @__PURE__ */ x(S, {
           direction: "row",
           sx: {
             justifyContent: "space-between",
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ e(D, { variant: "subtitle2", children: t("parameters") }),
-            /* @__PURE__ */ e(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...we(a), children: /* @__PURE__ */ e(Ue, { fontSize: "small" }) })
+            /* @__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" }) })
           ]
         }),
-        h.properties && T(Object.values(h.properties), "index").map(({ data: d }) => /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(F, {
+        m.properties && D(Object.values(m.properties), "index").map(({ data: c }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
           allComponents: y,
-          defaultLocale: f,
-          component: h,
-          property: d,
+          defaultLocale: h,
+          component: m,
+          property: c,
           fullWidth: !0,
           size: "small",
-          valueImmutable: oe(r.renderer.properties?.[d.id]?.locales?.[u]?.value),
-          value: r.renderer.properties?.[d.id]?.locales?.[u]?.value ?? r.renderer.properties?.[d.id]?.locales?.[f]?.value ?? d.locales?.[u]?.defaultValue ?? d.locales?.[f]?.defaultValue,
+          valueImmutable: oe(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(() => {
-              r.renderer.properties ??= {}, r.renderer.properties[d.id] ??= {}, r.renderer.properties[d.id].locales ??= {}, r.renderer.properties[d.id].locales[u] ??= {}, r.renderer.properties[d.id].locales[u].value = l;
+              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;
             });
           }
-        }) }, d.id)),
+        }) }, c.id)),
         /* @__PURE__ */ e(Ye, { ...Fe(a), component: r, type: "parameters" })
       ] })
     ]
   }) });
 }
-function Se({ label: r, options: t, excludes: i, value: s, onChange: f, allComponents: p, ...u }) {
-  const { t: y } = V(), h = t ?? T(Object.values(Dr(p, ...i ?? [])), "index").map((d) => d.data), a = (typeof s == "string" ? p[s]?.data : void 0) ?? null;
-  return /* @__PURE__ */ e(De, {
-    ...u,
+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, {
+    ...d,
     size: "small",
-    options: h,
+    options: m,
     autoHighlight: !0,
-    isOptionEqualToValue: (d, l) => d.id === l.id,
-    getOptionKey: (d) => d.id,
-    getOptionLabel: (d) => d.name || d.id,
-    renderInput: (d) => /* @__PURE__ */ e(R, { label: r || y("component"), ...d }),
+    isOptionEqualToValue: (c, l) => c.id === l.id,
+    getOptionKey: (c) => c.id,
+    getOptionLabel: (c) => c.name || c.id,
+    renderInput: (c) => /* @__PURE__ */ e(R, { label: r || y("component"), ...c }),
     value: a,
-    onChange: (d, l) => {
+    onChange: (c, l) => {
       let o = {};
       l && (o = {
-        blockletId: p[l?.id]?.blockletId,
-        blockletTitle: p[l?.id]?.blockletTitle,
-        componentName: p[l?.id]?.data?.name || p[l?.id]?.data?.id
-      }), f?.(d, l?.id, o);
+        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);
     }
   });
 }
-function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s, currentLocale: f, onChange: p, props: u }) {
-  const { t: y } = V(), [h, a] = K(he(r?.properties)), [d, l] = K(null);
+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(() => {
     (() => {
-      r?.renderer?.type === "react-component" && U(r?.properties) ? fr(r?.renderer?.script).then((v) => {
-        const w = br(v);
-        a(w);
-      }) : a(he(r?.properties));
+      r?.renderer?.type === "react-component" && L(r?.properties) ? fr(r?.renderer?.script).then((N) => {
+        const z = br(N);
+        a(z);
+      }) : a(fe(r?.properties));
     })();
   }, [JSON.stringify(r)]);
-  const o = W(() => !r || !h ? {} : Object.values(h).reduce((c, { data: v }) => {
-    const w = v.key || v.id;
-    return c[v.id] = {
-      key: w,
-      value: u?.[w] ?? s?.[v.id]?.value ?? v.locales?.[f]?.defaultValue ?? v.locales?.[i]?.defaultValue,
-      id: v.id,
-      type: v.type,
-      visible: ee(h, v.id),
-      shared: _e(h, v.id)
-    }, c;
-  }, {}), [JSON.stringify(h), r, s, f, i]), n = $(() => {
-    if (!h)
+  const p = K(() => !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,
+      id: N.id,
+      type: N.type,
+      visible: ee(m, N.id),
+      shared: _e(m, N.id)
+    }, v;
+  }, {}), [JSON.stringify(m), r, s, h, i]), g = $(() => {
+    if (!m)
       return {
         canUseProperties: [],
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const c = T(Object.values(h), "index"), v = c.filter(({ data: S }) => S.key && ee(h, S.id)), w = c.filter(({ data: S }) => S.key && S.type !== "component"), N = w.map(({ data: S }) => S.key);
+    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);
     return {
-      canUseProperties: w,
-      visibleProperties: v,
-      canUsePropertiesKeys: N
+      canUseProperties: z,
+      visibleProperties: N,
+      canUsePropertiesKeys: P
     };
-  }, [JSON.stringify(h)]), m = o(), b = Er(m, "key");
-  return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ x(k, {
+  }, [JSON.stringify(m)]), f = p(), k = Er(f, "key");
+  return /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ x(S, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ e(D, { variant: "subtitle1", children: y("maker.properties.parameters") }),
-      !r || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ e(Y, { style: { fontSize: 12 }, children: y("maker.properties.noParameters") }) : /* @__PURE__ */ x(L, { children: [
-        /* @__PURE__ */ e(k, {
+      /* @__PURE__ */ x(T, {
+        variant: "subtitle1",
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [
+          y("maker.properties.parameters"),
+          /* @__PURE__ */ e(le, {
+            control: /* @__PURE__ */ e(ye, {
+              size: "small",
+              checked: o,
+              onChange: (v) => n(v.target.checked)
+            }),
+            label: /* @__PURE__ */ e(T, { 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: [
+        /* @__PURE__ */ e(S, {
           sx: {
             gap: 2
           },
-          children: n.visibleProperties.map(({ data: c }) => /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(F, {
+          children: g.visibleProperties.map(({ data: v }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(F, {
             allComponents: t,
             defaultLocale: i,
             size: "small",
             fullWidth: !0,
             component: r,
-            property: c,
-            valueImmutable: oe(s?.[c.id]?.value),
-            value: u?.[c.key || c.id] ?? m[c.id]?.value,
-            onChange: (v) => {
-              p({
-                path: ["properties", c.id],
-                id: c.id,
-                value: { value: v },
-                shouldSync: Ie(c),
+            property: v,
+            valueImmutable: oe(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),
                 excludeKeys: [],
-                key: c.key || c.id
+                key: v.key || v.id
               });
             }
-          }) }, c.id))
+          }) }, v.id))
         }),
-        /* @__PURE__ */ e(k, {
+        /* @__PURE__ */ e(S, {
           sx: {
             gap: 2,
             width: "100%"
@@ -2276,34 +2286,34 @@ function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s,
           children: /* @__PURE__ */ e(Ke, {
             componentId: r?.id || "",
             renderType: "setting",
-            locale: f,
-            properties: m,
+            locale: h,
+            properties: f,
             dev: { mode: "draft", components: t, defaultLocale: i },
             props: {
-              ...Tr(u ?? {}, n.canUsePropertiesKeys),
-              onChange: (c) => {
-                const { canUsePropertiesKeys: v } = n;
-                Object.keys(c).filter((N) => !Vr(c[N], b?.[N]?.value)).filter((N) => !(N === "locale" && !Rr(b[N], "locale") || b[N]?.type === "component" || (b[N]?.type === "yaml" || b[N]?.type === "json") && ee(h, b[N]?.id))).reduce((N, S) => N.then(() => {
-                  const I = b[S], z = v.includes(S);
-                  if (I?.id && z)
-                    return p({
-                      path: ["properties", I.id],
-                      id: I.id,
-                      value: { value: c[S] },
-                      shouldSync: Ie(I),
+              ...Dr(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(() => {
+                  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),
                       excludeKeys: [],
-                      key: I.key || I.id
+                      key: b.key || b.id
                     }), Promise.resolve();
-                  const g = `propertyNotFound${S}`;
-                  if (d === g)
+                  const O = `propertyNotFound${I}`;
+                  if (c === O)
                     return Promise.resolve();
-                  fe.close(d);
-                  const C = fe.warning(y("maker.properties.propertyNotFound", {
-                    key: S
+                  be.close(c);
+                  const j = be.warning(y("maker.properties.propertyNotFound", {
+                    key: I
                   }), {
-                    key: g
+                    key: O
                   });
-                  return l(C), Promise.resolve();
+                  return l(j), Promise.resolve();
                 }), Promise.resolve());
               }
             }
@@ -2311,18 +2321,18 @@ function qe({ config: r, allComponents: t, defaultLocale: i, propertiesValue: s,
         })
       ] })
     ]
-  }, f) });
+  }, h) });
 }
 function wt({ config: r }) {
-  const { t, locale: i } = V(), [s, f] = K(!1), p = (u) => {
-    r.llmConfig = u;
+  const { t, locale: i } = V(), [s, h] = W(!1), u = (d) => {
+    r.llmConfig = d;
   };
-  return /* @__PURE__ */ x(L, { children: [
-    /* @__PURE__ */ e(B, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ e(G, { color: "primary", onClick: () => f(!0), size: "small", children: /* @__PURE__ */ e(Ir, {}) }) }),
+  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, {
       open: s,
-      onClose: () => f(!1),
-      onConfirm: p,
+      onClose: () => h(!1),
+      onConfirm: u,
       component: r,
       initialConfig: r.llmConfig,
       locale: i,
@@ -2333,7 +2343,7 @@ function wt({ config: r }) {
 }
 export {
   mt as BasicInfo,
-  Se as CustomComponentAutocomplete,
+  Ie as CustomComponentAutocomplete,
   hn as CustomComponentSettings,
   xt as DefaultReactComponentScriptTemplate,
   Ct as DefaultWebComponentScriptTemplate,