@blocklet/pages-kit-inner-components 0.6.7 → 0.6.9

package/lib/es/setting.js

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as v, Fragment as F } from "react/jsx-runtime";
-import { t as be, f as ee, a as oe, E as Qe, h as ge } from "./chunks/state-0gvZF3k2.js";
-import G from "@arcblock/ux/lib/Empty";
+import { Box as P, Alert as Qe, Typography as T, TextField as z, Stack as k, FormLabel as ee, TableContainer as Xe, Paper as G, Table as Oe, TableHead as Ne, TableRow as re, TableCell as te, TableBody as je, Button as E, IconButton as Y, FormControlLabel as be, Switch as ze, InputAdornment as $, alpha as ae, Tooltip as _, buttonClasses as Ze, Dialog as ge, DialogTitle as Ve, DialogContent as Re, DialogActions as Ee, Checkbox as er, Autocomplete as Ae, MenuItem as ce, Collapse as rr, Divider as tr, Popper as nr } from "@mui/material";
+import { t as ye, f as ne, a as oe, h as xe } from "./chunks/state-C3hsEhCe.js";
+import q from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
-import { CodeEditor as ye } from "@blocklet/code-editor";
-import Xe from "@mui/icons-material/AddRounded";
-import Ze from "@mui/icons-material/ArrowDownward";
-import er from "@mui/icons-material/ArrowUpward";
-import rr from "@mui/icons-material/DeleteOutline";
-import { Typography as A, TextField as z, Stack as k, FormLabel as re, Box as P, TableContainer as tr, Paper as Y, Table as Oe, TableHead as Ne, TableRow as te, TableCell as ne, TableBody as je, Button as E, IconButton as q, FormControlLabel as xe, Switch as ze, InputAdornment as $, alpha as ae, Tooltip as _, buttonClasses as nr, Dialog as ve, DialogTitle as Ve, DialogContent as Re, DialogActions as Ee, Checkbox as ir, Autocomplete as Te, MenuItem as ce, Collapse as or, Divider as lr, Popper as sr } from "@mui/material";
+import { CodeEditor as ve } from "@blocklet/code-editor";
+import ir from "@mui/icons-material/AddRounded";
+import or from "@mui/icons-material/ArrowDownward";
+import lr from "@mui/icons-material/ArrowUpward";
+import sr from "@mui/icons-material/DeleteOutline";
 import D from "lodash/sortBy";
-import { useCallback as T, useMemo as H, useState as B, useEffect as U, useImperativeHandle as ar, useRef as M, useId as cr } from "react";
-import { useUpdate as Ae, useDebounce as dr } from "react-use";
+import { useCallback as A, useMemo as H, useState as B, useEffect as U, useImperativeHandle as ar, useRef as M, useId as cr } from "react";
+import { useUpdate as Te, useDebounce as dr } from "react-use";
 import { ColorItem as ur, ConfigColorDialog as pr } from "@blocklet/pages-kit/builtin/color-picker";
 import { getImageSize as de, getVideoSize as ue, UploaderButton as Ce, UploaderProvider as le, useUploader as mr } from "@blocklet/pages-kit/builtin/uploader";
 import { Icon as hr } from "@iconify-icon/react";
@@ -31,8 +31,8 @@ import Vr from "lodash/has";
 import Rr from "lodash/isEqual";
 import ie from "lodash/isNil";
 import Er from "lodash/isObject";
-import Tr from "lodash/keyBy";
-import Ar from "lodash/omit";
+import Ar from "lodash/keyBy";
+import Tr from "lodash/omit";
 import Dr from "lodash/pick";
 import Wr from "lodash/reduce";
 import { usePopupState as Pe, bindTrigger as ke, bindDialog as Le, bindPopper as Ur } from "material-ui-popup-state/hooks";
@@ -40,31 +40,34 @@ import { ErrorBoundary as Kr } from "react-error-boundary";
 import { cx as Br } from "@emotion/css";
 import { useDrop as Fe, useDrag as Mr } from "react-dnd";
 import { nextId as Je } from "@blocklet/pages-kit/utils/common";
-function Lr({
+function Lr({ error: e }) {
+  return /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(Qe, { severity: "error", children: e.message }) });
+}
+function Fr({
   onClick: e,
   disabled: t,
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(q, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(rr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(sr, { fontSize: "small" }) });
 }
-function Fr({
+function Jr({
   onClick: e,
   disabled: t,
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(q, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(er, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(lr, { fontSize: "small" }) });
 }
-function Jr({
+function _r({
   onClick: e,
   disabled: t,
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(q, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(Ze, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(or, { fontSize: "small" }) });
 }
-function _r({
+function $r({
   label: e,
   value: t,
   onChange: o,
@@ -75,15 +78,15 @@ function _r({
   renderItem: b,
   ...m
 }) {
-  const { t: c, locale: s } = V(), a = Ae(), i = T(
+  const { t: c, locale: s } = V(), a = Te(), i = A(
     (y) => {
-      o(be(y, d.type));
+      o(ye(y, d.type));
     },
     [o, d.type]
-  ), n = H(() => Array.isArray(t) ? t : [], [t]), f = T(() => {
+  ), n = H(() => Array.isArray(t) ? t : [], [t]), f = A(() => {
     const y = [...n, ""];
     i(y), a();
-  }, [n, i, a]), g = T(() => {
+  }, [n, i, a]), g = A(() => {
     if (!d || !d.subProperties)
       return f();
     const y = {};
@@ -94,7 +97,7 @@ function _r({
     });
     const O = [...n, y];
     i(O), a();
-  }, [n, i, a, d, s, f]), u = T(
+  }, [n, i, a, d, s, f]), u = A(
     (y) => {
       try {
         const C = JSON.parse(y);
@@ -104,27 +107,27 @@ function _r({
       }
     },
     [i]
-  ), x = T(
+  ), x = A(
     (y) => {
       const C = n.filter((O, R) => R !== y);
       i(C), a();
     },
     [n, i, a]
-  ), I = T(
+  ), I = A(
     (y) => {
       if (y <= 0) return;
       const C = [...n], O = C[y];
       C[y] = C[y - 1], C[y - 1] = O, i(C), a();
     },
     [n, i, a]
-  ), N = T(
+  ), N = A(
     (y) => {
       if (y >= n.length - 1) return;
       const C = [...n], O = C[y];
       C[y] = C[y + 1], C[y + 1] = O, i(C), a();
     },
     [n, i, a]
-  ), S = T(
+  ), S = A(
     (y, C) => {
       const O = [...n];
       O[y] = C, i(O);
@@ -137,7 +140,7 @@ function _r({
       width: 40,
       align: "center",
       renderCell: ({ index: y }) => /* @__PURE__ */ r(
-        A,
+        T,
         {
           variant: "body1",
           sx: {
@@ -182,15 +185,15 @@ function _r({
       // 增加宽度以容纳更多按钮
       align: "center",
       renderCell: ({ index: y }) => /* @__PURE__ */ v(k, { direction: "column", spacing: 0.25, children: [
-        /* @__PURE__ */ r(Fr, { disabled: l || y === 0, onClick: () => I(y) }),
+        /* @__PURE__ */ r(Jr, { disabled: l || y === 0, onClick: () => I(y) }),
         /* @__PURE__ */ r(
-          Jr,
+          _r,
           {
             disabled: l || y === n.length - 1,
             onClick: () => N(y)
           }
         ),
-        /* @__PURE__ */ r(Lr, { disabled: l, onClick: () => x(y) })
+        /* @__PURE__ */ r(Fr, { disabled: l, onClick: () => x(y) })
       ] })
     }
   ], [
@@ -215,8 +218,8 @@ function _r({
         gap: 1
       },
       children: [
-        e && /* @__PURE__ */ r(re, { children: e }),
-        n.length > 0 ? /* @__PURE__ */ r(tr, { component: Y, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ v(
+        e && /* @__PURE__ */ r(ee, { children: e }),
+        n.length > 0 ? /* @__PURE__ */ r(Xe, { component: G, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ v(
           Oe,
           {
             size: "small",
@@ -234,8 +237,8 @@ function _r({
               borderCollapse: "collapse"
             },
             children: [
-              /* @__PURE__ */ r(Ne, { sx: { display: "none" }, children: /* @__PURE__ */ r(te, { children: j.map((y) => /* @__PURE__ */ r(
-                ne,
+              /* @__PURE__ */ r(Ne, { sx: { display: "none" }, children: /* @__PURE__ */ r(re, { children: j.map((y) => /* @__PURE__ */ r(
+                te,
                 {
                   width: y.width,
                   align: y.align || "left",
@@ -245,7 +248,7 @@ function _r({
                 y.field
               )) }) }),
               /* @__PURE__ */ r(je, { children: n.map((y, C, O) => /* @__PURE__ */ r(
-                te,
+                re,
                 {
                   sx: {
                     borderBottom: C < O.length - 1 ? "1px solid" : "none",
@@ -255,7 +258,7 @@ function _r({
                     }
                   },
                   children: j.map((R) => /* @__PURE__ */ r(
-                    ne,
+                    te,
                     {
                       width: R.width,
                       align: R.align || "left",
@@ -275,7 +278,7 @@ function _r({
               )) })
             ]
           }
-        ) }) : /* @__PURE__ */ r(G, { style: { fontSize: 12, height: p }, children: c("maker.properties.arrayEmpty") }),
+        ) }) : /* @__PURE__ */ r(q, { style: { fontSize: 12, height: p }, children: c("maker.properties.arrayEmpty") }),
         /* @__PURE__ */ r(
           E,
           {
@@ -283,7 +286,7 @@ function _r({
             size: "small",
             variant: "outlined",
             disabled: l,
-            startIcon: /* @__PURE__ */ r(Xe, {}),
+            startIcon: /* @__PURE__ */ r(ir, {}),
             onClick: g,
             children: c("maker.properties.addArrayItem")
           }
@@ -298,9 +301,9 @@ function _r({
         gap: 1
       },
       children: [
-        e && /* @__PURE__ */ r(re, { children: e }),
+        e && /* @__PURE__ */ r(ee, { children: e }),
         /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ r(
-          ye,
+          ve,
           {
             keyId: d.id,
             locale: s,
@@ -318,7 +321,7 @@ function _r({
     }
   );
 }
-function $r({
+function Hr({
   ref: e,
   showMarkdown: t,
   markdown: o,
@@ -335,7 +338,7 @@ function $r({
   }, [p, s]);
   const a = async () => {
     if (c !== p) {
-      const n = ee(c);
+      const n = ne(c);
       if (!n) {
         b(c, void 0);
         return;
@@ -361,7 +364,7 @@ function $r({
       Ce,
       {
         onChange: async ({ response: n }) => {
-          const f = n?.data?.filename, g = ee(f) || "";
+          const f = n?.data?.filename, g = ne(f) || "";
           let u = {};
           g && (u = await de(g).catch(() => ue(g)).catch(() => {
           })), b(f, {
@@ -390,7 +393,7 @@ function $r({
             t && /* @__PURE__ */ v(F, { children: [
               " (",
               /* @__PURE__ */ r(
-                xe,
+                be,
                 {
                   checked: o,
                   label: /* @__PURE__ */ r(P, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
@@ -417,7 +420,7 @@ function $r({
     }
   );
 }
-function Hr({
+function Gr({
   value: e,
   onChange: t,
   ...o
@@ -425,7 +428,7 @@ function Hr({
   const l = M(null);
   return /* @__PURE__ */ v(F, { children: [
     /* @__PURE__ */ r(
-      $r,
+      Hr,
       {
         ...o,
         value: e,
@@ -455,7 +458,7 @@ function Hr({
     )
   ] });
 }
-function Gr({
+function Yr({
   label: e,
   value: t,
   onChange: o,
@@ -478,7 +481,7 @@ function Gr({
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ r(re, { sx: { px: 0.25, py: 0.5 }, children: e }),
+          /* @__PURE__ */ r(ee, { sx: { px: 0.25, py: 0.5 }, children: e }),
           /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(P, { sx: { position: "relative" }, children: i.map((n, f) => {
             const { data: g } = n, u = g.key ?? g.id, x = f === i.length - 1;
             let I = null;
@@ -497,7 +500,7 @@ function Gr({
                   }
                 else typeof t == "object" && t !== null && (j = { ...t });
                 De(j, u, w);
-                const y = be(j, l.type);
+                const y = ye(j, l.type);
                 o?.(y);
               } catch (j) {
                 console.error("Error updating property:", j);
@@ -614,7 +617,7 @@ function Gr({
           },
           children: [
             /* @__PURE__ */ r(
-              re,
+              ee,
               {
                 sx: {
                   position: "absolute",
@@ -626,7 +629,7 @@ function Gr({
               }
             ),
             /* @__PURE__ */ r(
-              ye,
+              ve,
               {
                 keyId: l.id,
                 locale: c,
@@ -671,9 +674,9 @@ function Gr({
     }
   );
 }
-const Yr = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
+const qr = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
 function Ie(e) {
-  return e.type ? !Yr.includes(e.type) : !1;
+  return e.type ? !qr.includes(e.type) : !1;
 }
 function _e({
   disabled: e,
@@ -681,12 +684,12 @@ function _e({
   renderItem: o,
   ...l
 }) {
-  const h = M(null), p = cr(), d = Or(), b = D(Object.entries(t), (n) => n[1].index).map((n) => n[0]), m = M(b), c = T(
+  const h = M(null), p = cr(), d = Or(), b = D(Object.entries(t), (n) => n[1].index).map((n) => n[0]), m = M(b), c = A(
     (n) => {
       m.current = n, d();
     },
     [d]
-  ), s = T(
+  ), s = A(
     ({ index: n }, { index: f }) => {
       const g = [...m.current];
       g.splice(f, 0, ...g.splice(n, 1)), c(g);
@@ -717,7 +720,7 @@ function _e({
   return U(() => {
     a || c(b);
   }, [a]), i(h), /* @__PURE__ */ r(P, { ...l, ref: h, className: Br(a && "isDragging"), children: m.current.map((n, f) => /* @__PURE__ */ r(
-    qr,
+    Qr,
     {
       type: p,
       disabled: e,
@@ -733,7 +736,7 @@ function _e({
     n
   )) });
 }
-function qr({
+function Qr({
   disabled: e,
   id: t,
   index: o,
@@ -767,7 +770,7 @@ function qr({
     preview: s
   }) : (c(a(s(b))), /* @__PURE__ */ r(P, { ref: b, children: h }));
 }
-function Qr({
+function Xr({
   drop: e,
   preview: t,
   drag: o,
@@ -824,7 +827,7 @@ function Qr({
                   bgcolor: (i) => ae(i.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
-                  [`.${nr.root}`]: {
+                  [`.${Ze.root}`]: {
                     minWidth: 24,
                     width: 24,
                     height: 24,
@@ -845,11 +848,11 @@ function Qr({
     }
   );
 }
-function Xr(e) {
+function Zr(e) {
   const t = ["string", "json", "array", "url", "multiline"], o = ["style", "fontSize", "color", "content", "type"];
   return !!(t.includes(e.type || "") && !o.includes(e.key || ""));
 }
-function Zr(e, t, o) {
+function et(e, t, o) {
   return e.locales && e.locales[t] && e.locales[t].name ? e.locales[t].name : o && e.locales && e.locales[o] && e.locales[o].name ? e.locales[o].name : e.key ? e.key : e.id;
 }
 const $e = (e, t, o, l) => {
@@ -857,9 +860,9 @@ const $e = (e, t, o, l) => {
   return D(Object.entries(e), ([, d]) => d.index).forEach(([d, b]) => {
     const m = b.data;
     if (!m) return;
-    const c = m.key || m.id, s = o ? Zr(m, o, l || "") : c, a = t?.[m.id], i = {
+    const c = m.key || m.id, s = o ? et(m, o, l || "") : c, a = t?.[m.id], i = {
       key: c,
-      isNeedGenerate: a?.isNeedGenerate ?? Xr(m),
+      isNeedGenerate: a?.isNeedGenerate ?? Zr(m),
       // 如果存在使用现有值，否则默认勾选
       describe: a?.describe ?? "",
       displayName: s
@@ -872,7 +875,7 @@ const $e = (e, t, o, l) => {
     )), h[m.id] = i;
   }), h;
 };
-function et({
+function rt({
   open: e,
   onClose: t,
   onConfirm: o,
@@ -955,7 +958,7 @@ function et({
     }
   }, g = (u, x = [], I = !0) => {
     if (!u || K(u))
-      return /* @__PURE__ */ r(G, { children: c("maker.properties.noProperties") });
+      return /* @__PURE__ */ r(q, { children: c("maker.properties.noProperties") });
     const N = D(Object.entries(u), ([, S]) => S.displayName);
     return /* @__PURE__ */ r(k, { spacing: 1.5, children: N.map(([S, w], j) => {
       const y = [...x, S], C = j === N.length - 1, O = w.subProperties && !K(w.subProperties), R = w.displayName || S, W = !I;
@@ -1026,10 +1029,10 @@ function et({
               },
               children: [
                 /* @__PURE__ */ r(
-                  xe,
+                  be,
                   {
                     control: /* @__PURE__ */ r(
-                      ir,
+                      er,
                       {
                         checked: w.isNeedGenerate,
                         disabled: W,
@@ -1078,7 +1081,7 @@ function et({
       ] }) }, S);
     }) });
   };
-  return /* @__PURE__ */ v(ve, { open: e, onClose: i, maxWidth: "lg", fullWidth: !0, children: [
+  return /* @__PURE__ */ v(ge, { open: e, onClose: i, maxWidth: "lg", fullWidth: !0, children: [
     /* @__PURE__ */ r(Ve, { children: b || c("maker.properties.llmConfigTitle") }),
     /* @__PURE__ */ r(Re, { children: /* @__PURE__ */ r(
       P,
@@ -1086,10 +1089,10 @@ function et({
         sx: {
           my: 3
         },
-        children: m ? /* @__PURE__ */ r(A, { children: c("maker.properties.loading") }) : l ? s ? /* @__PURE__ */ v(k, { spacing: 3, children: [
-          /* @__PURE__ */ r(A, { variant: "subtitle2", children: c("maker.properties.llmConfigInstructions") }),
+        children: m ? /* @__PURE__ */ r(T, { children: c("maker.properties.loading") }) : l ? s ? /* @__PURE__ */ v(k, { spacing: 3, children: [
+          /* @__PURE__ */ r(T, { variant: "subtitle2", children: c("maker.properties.llmConfigInstructions") }),
           g(s.properties)
-        ] }) : /* @__PURE__ */ r(A, { children: c("maker.properties.loading") }) : /* @__PURE__ */ r(A, { color: "error", children: c("maker.properties.componentNotFound") })
+        ] }) : /* @__PURE__ */ r(T, { children: c("maker.properties.loading") }) : /* @__PURE__ */ r(T, { color: "error", children: c("maker.properties.componentNotFound") })
       }
     ) }),
     /* @__PURE__ */ v(Ee, { children: [
@@ -1098,7 +1101,7 @@ function et({
     ] })
   ] });
 }
-function rt({
+function tt({
   label: e,
   value: t,
   onChange: o
@@ -1140,7 +1143,7 @@ function rt({
           P,
           {
             component: "img",
-            src: ee(t),
+            src: ne(t),
             alt: e,
             onClick: () => h(!0),
             sx: {
@@ -1153,7 +1156,7 @@ function rt({
             }
           }
         ),
-        /* @__PURE__ */ r(ve, { open: l, onClose: () => h(!1), children: /* @__PURE__ */ r(P, { component: "img", sx: { objectFit: "contain" }, src: ee(t), alt: e }) })
+        /* @__PURE__ */ r(ge, { open: l, onClose: () => h(!1), children: /* @__PURE__ */ r(P, { component: "img", sx: { objectFit: "contain" }, src: ne(t), alt: e }) })
       ]
     }
   );
@@ -1164,7 +1167,7 @@ function he(e, t = "") {
     return Er(l) ? jr(o, he(l, p)) : o[p] = l, o;
   }, {});
 }
-const tt = [
+const nt = [
   { value: "string", label: "Text" },
   { value: "multiline", label: "Text (Multiline)" },
   { value: "number", label: "Number" },
@@ -1184,7 +1187,7 @@ function Z(e, t, o) {
 function fe(e, t) {
   return !e || !t ? !1 : e[t]?.data.visible ?? !0;
 }
-function nn({ componentId: e }) {
+function on({ componentId: e }) {
   const { state: { components: t } } = oe(), l = t[e]?.data;
   return l ? /* @__PURE__ */ r(k, {
     sx: {
@@ -1195,12 +1198,12 @@ function nn({ componentId: e }) {
       sx: {
         p: 2
       },
-      children: /* @__PURE__ */ r(Kr, { FallbackComponent: Qe, resetKeys: [e], children: /* @__PURE__ */ r(nt, { value: l, componentId: e }) })
+      children: /* @__PURE__ */ r(Kr, { FallbackComponent: Lr, resetKeys: [e], children: /* @__PURE__ */ r(it, { value: l, componentId: e }) })
     })
   }) : null;
 }
-function nt({ value: e, componentId: t }) {
-  const { t: o } = V(), { localState: { currentLocale: l, customComponentPreviewerProperties: h }, state: { config: { defaultLocale: p } }, localActions: { setCustomComponentPreviewerProperties: d } } = oe(), b = Q(e).doc, m = ge(), c = H(() => h?.[t] ?? {}, [t, h]), s = Nr({
+function it({ value: e, componentId: t }) {
+  const { t: o } = V(), { localState: { currentLocale: l, customComponentPreviewerProperties: h }, state: { config: { defaultLocale: p } }, localActions: { setCustomComponentPreviewerProperties: d } } = oe(), b = Q(e).doc, m = xe(), c = H(() => h?.[t] ?? {}, [t, h]), s = Nr({
     componentId: t,
     propertiesValue: {
       ...c
@@ -1232,8 +1235,8 @@ function nt({ value: e, componentId: t }) {
         gap: 2
       },
       children: [
-        /* @__PURE__ */ r(it, { config: e }),
-        /* @__PURE__ */ r(lt, {
+        /* @__PURE__ */ r(ot, { config: e }),
+        /* @__PURE__ */ r(st, {
           config: e,
           currentLocale: l,
           defaultLocale: p,
@@ -1252,7 +1255,7 @@ function nt({ value: e, componentId: t }) {
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ r(A, { variant: "subtitle1", children: o("renderer") }),
+            /* @__PURE__ */ r(T, { variant: "subtitle1", children: o("renderer") }),
             /* @__PURE__ */ v(z, {
               hiddenLabel: !0,
               size: "small",
@@ -1274,8 +1277,8 @@ function nt({ value: e, componentId: t }) {
             })
           ]
         }),
-        e.renderer?.type === "component" && /* @__PURE__ */ r(ht, { value: e }),
-        e.renderer?.type === "react-component" && /* @__PURE__ */ r(mt, { value: e }),
+        e.renderer?.type === "component" && /* @__PURE__ */ r(ft, { value: e }),
+        e.renderer?.type === "react-component" && /* @__PURE__ */ r(ht, { value: e }),
         /* @__PURE__ */ r(Ye, {
           config: e,
           currentLocale: l,
@@ -1299,14 +1302,14 @@ function nt({ value: e, componentId: t }) {
     })
   });
 }
-function it({ config: e }) {
+function ot({ config: e }) {
   const { t } = V();
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ r(A, { variant: "subtitle1", children: t("basicInfo") }),
+      /* @__PURE__ */ r(T, { variant: "subtitle1", children: t("basicInfo") }),
       /* @__PURE__ */ r(z, {
         label: t("name"),
         size: "small",
@@ -1323,12 +1326,12 @@ function it({ config: e }) {
         onChange: (o) => e.description = o.target.value,
         slotProps: {
           input: {
-            endAdornment: /* @__PURE__ */ r($, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(ft, { config: e }) })
+            endAdornment: /* @__PURE__ */ r($, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(bt, { config: e }) })
           },
           htmlInput: { maxLength: 200 }
         }
       }),
-      /* @__PURE__ */ r(Te, {
+      /* @__PURE__ */ r(Ae, {
         size: "small",
         options: [],
         multiple: !0,
@@ -1337,7 +1340,7 @@ function it({ config: e }) {
         onChange: (o, l) => e.tags = l,
         renderInput: (o) => /* @__PURE__ */ r(z, { label: t("tags"), ...o })
       }),
-      /* @__PURE__ */ r(rt, {
+      /* @__PURE__ */ r(tt, {
         label: t("previewImage"),
         value: e.previewImage || "",
         onChange: (o) => e.previewImage = o
@@ -1346,8 +1349,8 @@ function it({ config: e }) {
   }) });
 }
 function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defaultLocale: p, allComponents: d, onUpdateConfig: b }) {
-  const { t: m } = V(), c = H(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? ct : L, [e.type]);
-  return /* @__PURE__ */ r(Qr, {
+  const { t: m } = V(), c = H(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? dt : L, [e.type]);
+  return /* @__PURE__ */ r(Xr, {
     preview: t.preview,
     drop: t.drop,
     drag: t.drag,
@@ -1452,7 +1455,7 @@ function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defau
                   n === "multiline" ? (i.type = "string", i.multiline = !0) : (typeof i.multiline < "u" && delete i.multiline, i.type = n);
                 });
               },
-              children: tt.map((s) => /* @__PURE__ */ r(ce, { value: s.value, children: s.label }, s.value))
+              children: nt.map((s) => /* @__PURE__ */ r(ce, { value: s.value, children: s.label }, s.value))
             })
           ]
         }),
@@ -1484,14 +1487,14 @@ function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defau
                 });
               }
             }),
-            e.type === "custom" ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(st, { property: e, allComponents: d }) }) : null
+            e.type === "custom" ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(at, { property: e, allComponents: d }) }) : null
           ]
         })
       ]
     })
   });
 }
-function ot(e, t) {
+function lt(e, t) {
   const [o, l] = B(0);
   return U(() => {
     const p = setTimeout(() => {
@@ -1505,7 +1508,7 @@ function ot(e, t) {
     return () => clearTimeout(p);
   }, [e, t]), o;
 }
-function lt({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, onUpdateConfig: h, useI18nEditor: p = !0 }) {
+function st({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, onUpdateConfig: h, useI18nEditor: p = !0 }) {
   const { t: d } = V(), b = Pe({ variant: "dialog" }), m = e.properties && D(Object.values(e.properties), "index");
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
@@ -1520,7 +1523,7 @@ function lt({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ r(A, { variant: "subtitle1", children: d("properties") }),
+          /* @__PURE__ */ r(T, { variant: "subtitle1", children: d("properties") }),
           /* @__PURE__ */ r(P, {
             sx: {
               flex: 1
@@ -1535,7 +1538,7 @@ function lt({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
         list: e.properties,
         renderItem: (c, s, a) => {
           const i = fe(e.properties, c.id);
-          return /* @__PURE__ */ r(Y, {
+          return /* @__PURE__ */ r(G, {
             elevation: 0,
             className: "property-container",
             sx: {
@@ -1561,7 +1564,7 @@ function lt({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
             })
           }, c.id);
         }
-      }) : /* @__PURE__ */ r(G, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
+      }) : /* @__PURE__ */ r(q, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
       /* @__PURE__ */ r(E, {
         fullWidth: !0,
         variant: "outlined",
@@ -1579,11 +1582,11 @@ function lt({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
     ]
   }) });
 }
-function st({ property: e, allComponents: t }) {
+function at({ property: e, allComponents: t }) {
   const o = Pe({ variant: "popper" });
   return /* @__PURE__ */ v(F, { children: [
     /* @__PURE__ */ r(E, { sx: { minWidth: 0 }, ...ke(o), children: /* @__PURE__ */ r(Me, { fontSize: "small" }) }),
-    /* @__PURE__ */ r(sr, { ...Ur(o), children: /* @__PURE__ */ r(vr, { onClickAway: o.close, children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(P, {
+    /* @__PURE__ */ r(nr, { ...Ur(o), children: /* @__PURE__ */ r(vr, { onClickAway: o.close, children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(P, {
       sx: {
         width: 500,
         p: 2
@@ -1596,10 +1599,10 @@ function st({ property: e, allComponents: t }) {
     }) }) }) })
   ] });
 }
-function at({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allComponents: h }) {
+function ct({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allComponents: h }) {
   const [p, d] = B(!1), { t: b, locale: m } = V(), c = typeof e?.componentId == "string" ? h[e.componentId]?.data : void 0;
   return c ? /* @__PURE__ */ v(P, { sx: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ r(q, {
+    /* @__PURE__ */ r(Y, {
       sx: { minWidth: 0 },
       disabled: !c,
       size: "small",
@@ -1607,7 +1610,7 @@ function at({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allCom
       color: p ? "primary" : "default",
       children: /* @__PURE__ */ r(Me, { fontSize: "small" })
     }),
-    p && /* @__PURE__ */ r(or, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ v(Y, {
+    p && /* @__PURE__ */ r(rr, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ v(G, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1641,11 +1644,11 @@ function at({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allCom
   ] }) : null;
 }
 function Ge({ type: e = "properties", component: t, ...o }) {
-  const { t: l } = V(), { state: { components: h, supportedLocales: p, config: { defaultLocale: d } } } = oe(), b = ge(), m = Q(t).doc, c = e === "properties" ? t.properties : e === "parameters" && t.renderer?.type === "component" ? h[t.renderer.componentId]?.data.properties : void 0, s = t.renderer?.type === "component" ? t : void 0;
-  return /* @__PURE__ */ v(ve, { ...o, fullWidth: !0, maxWidth: "lg", children: [
+  const { t: l } = V(), { state: { components: h, supportedLocales: p, config: { defaultLocale: d } } } = oe(), b = xe(), m = Q(t).doc, c = e === "properties" ? t.properties : e === "parameters" && t.renderer?.type === "component" ? h[t.renderer.componentId]?.data.properties : void 0, s = t.renderer?.type === "component" ? t : void 0;
+  return /* @__PURE__ */ v(ge, { ...o, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ r(Ve, { children: l("i18nEditorTitle") }),
     /* @__PURE__ */ r(Re, { children: c && /* @__PURE__ */ r(k, { children: /* @__PURE__ */ v(Oe, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(te, { children: p.map(({ locale: a, name: i }) => /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ v(A, {
+      /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(re, { children: p.map(({ locale: a, name: i }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ v(T, {
         sx: {
           color: "text.primary"
         },
@@ -1654,7 +1657,7 @@ function Ge({ type: e = "properties", component: t, ...o }) {
           d === a && /* @__PURE__ */ r(Sr, { sx: { fontSize: 12 } })
         ]
       }) }, a)) }) }),
-      /* @__PURE__ */ r(je, { children: D(Object.values(c), "index").map(({ data: a }) => /* @__PURE__ */ r(te, { children: p.map(({ locale: i }) => /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(k, {
+      /* @__PURE__ */ r(je, { children: D(Object.values(c), "index").map(({ data: a }) => /* @__PURE__ */ r(re, { children: p.map(({ locale: i }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(k, {
         sx: {
           gap: 1
         },
@@ -1734,8 +1737,8 @@ const Se = (e, t) => (o) => {
     ...t
   };
 };
-function ct({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
-  const { t: h, locale: p } = V(), d = M(null), b = ot(d, e), m = T(() => {
+function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
+  const { t: h, locale: p } = V(), d = M(null), b = lt(d, e), m = A(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
         let c = {};
@@ -1755,7 +1758,7 @@ function ct({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
             }
           c[i.key] = n;
         }), e.type === "array" && !Array.isArray(c) && (c = K(c) ? [] : [c]);
-        const a = be(c, e.type);
+        const a = ye(c, e.type);
         t?.(a);
       } catch (c) {
         console.error("Error converting structure to text:", c);
@@ -1769,7 +1772,7 @@ function ct({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ r(lr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(A, {
+      /* @__PURE__ */ r(tr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(T, {
         variant: "caption",
         sx: {
           color: "text.secondary"
@@ -1782,7 +1785,7 @@ function ct({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
         list: e.subProperties,
         renderItem: (c, s, a) => {
           const i = c.visible !== !1;
-          return /* @__PURE__ */ r(Y, {
+          return /* @__PURE__ */ r(G, {
             elevation: 0,
             className: "property-container",
             sx: {
@@ -1822,7 +1825,7 @@ function ct({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
             })
           }, c.id);
         }
-      }) : /* @__PURE__ */ r(G, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
+      }) : /* @__PURE__ */ r(q, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
       /* @__PURE__ */ r(E, {
         fullWidth: !0,
         variant: "outlined",
@@ -1878,7 +1881,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
     });
   }, i = b.label ?? (t.locales?.[m]?.name || t.locales?.[p]?.name || t.key || t.id);
   if (t.type === "number")
-    return /* @__PURE__ */ r(dt, {
+    return /* @__PURE__ */ r(ut, {
       ...b,
       label: i,
       NumberProps: {
@@ -1905,13 +1908,13 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
       }
     });
   if (t.type === "boolean")
-    return /* @__PURE__ */ r(xe, {
+    return /* @__PURE__ */ r(be, {
       label: i,
       labelPlacement: "start",
       control: /* @__PURE__ */ r(ze, { checked: o === !0, onChange: (n, f) => l?.(f) })
     });
   if (t.type === "color")
-    return /* @__PURE__ */ r(Hr, {
+    return /* @__PURE__ */ r(Gr, {
       label: i,
       value: o,
       onChange: (n) => {
@@ -1919,7 +1922,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
       }
     });
   if (t.type === "json" || t.type === "yaml")
-    return /* @__PURE__ */ r(Gr, {
+    return /* @__PURE__ */ r(Yr, {
       label: i,
       value: o,
       onChange: (n) => {
@@ -1968,7 +1971,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
             h || !o ? l?.({ ...o && JSON.parse(JSON.stringify(o)), componentId: f }) : typeof o == "object" && (o.componentId = f, l?.({ ...o && JSON.parse(JSON.stringify(o)), componentId: f }));
           }
         }),
-        o?.componentId && /* @__PURE__ */ r(at, {
+        o?.componentId && /* @__PURE__ */ r(ct, {
           value: o,
           valueImmutable: h,
           onChange: l,
@@ -2024,7 +2027,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
       }
     });
   }
-  return t.type === "array" ? /* @__PURE__ */ r(_r, {
+  return t.type === "array" ? /* @__PURE__ */ r($r, {
     label: i,
     value: Array.isArray(o) ? o : [],
     onChange: (n) => l?.(n),
@@ -2050,7 +2053,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
     }, f) : /* @__PURE__ */ r(z, { size: b.size, fullWidth: !0, value: n, onChange: (u) => g(u.target.value) })
   }) : (console.error("Unsupported property type", t.type), null);
 }
-function dt({ NumberProps: e, ...t }) {
+function ut({ NumberProps: e, ...t }) {
   const { getInputProps: o } = xr(e), l = o();
   return /* @__PURE__ */ r(z, {
     ...t,
@@ -2059,7 +2062,7 @@ function dt({ NumberProps: e, ...t }) {
     }
   });
 }
-const ut = `import React from '@blocklet/pages-kit/builtin/react'
+const pt = `import React from '@blocklet/pages-kit/builtin/react'
 import { Box } from '@blocklet/pages-kit/builtin/mui/material'
 
 export default function () {
@@ -2068,15 +2071,15 @@ export default function () {
       Hello World
     </Box>
   )
-}`, pt = `console.log('hello')
+}`, mt = `console.log('hello')
 `;
-function mt({ value: e }) {
-  const { locale: t } = V(), o = Ae(), l = Q(e).doc;
+function ht({ value: e }) {
+  const { locale: t } = V(), o = Te(), l = Q(e).doc;
   return U(() => {
     e.renderer?.script || (l.transact(() => {
-      e.renderer.script = e.renderer.type === "react-component" ? ut : pt;
+      e.renderer.script = e.renderer.type === "react-component" ? pt : mt;
     }), o());
-  }, [e]), /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(ye, {
+  }, [e]), /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(ve, {
     keyId: e.id,
     locale: t,
     language: "typescript",
@@ -2088,8 +2091,8 @@ function mt({ value: e }) {
     }
   }, e.id) });
 }
-function ht({ value: e }) {
-  const { t } = V(), o = Q(e).doc, { state: { components: l, config: { defaultLocale: h }, resources: p }, localState: { currentLocale: d } } = oe(), b = ge(), m = l[e.renderer.componentId]?.data ?? p.components?.[e.renderer.componentId]?.component, c = Pe({ variant: "dialog" });
+function ft({ value: e }) {
+  const { t } = V(), o = Q(e).doc, { state: { components: l, config: { defaultLocale: h }, resources: p }, localState: { currentLocale: d } } = oe(), b = xe(), m = l[e.renderer.componentId]?.data ?? p.components?.[e.renderer.componentId]?.component, c = Pe({ variant: "dialog" });
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
       gap: 1
@@ -2109,7 +2112,7 @@ function ht({ value: e }) {
             alignItems: "center"
           },
           children: [
-            /* @__PURE__ */ r(A, { variant: "subtitle2", children: t("parameters") }),
+            /* @__PURE__ */ r(T, { variant: "subtitle2", children: t("parameters") }),
             /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ke(c), children: /* @__PURE__ */ r(Ue, { fontSize: "small" }) })
           ]
         }),
@@ -2134,8 +2137,8 @@ function ht({ value: e }) {
   }) });
 }
 function we({ label: e, options: t, excludes: o, value: l, onChange: h, allComponents: p, ...d }) {
-  const { t: b } = V(), m = t ?? D(Object.values(Ar(p, ...o ?? [])), "index").map((s) => s.data), c = (typeof l == "string" ? p[l]?.data : void 0) ?? null;
-  return /* @__PURE__ */ r(Te, {
+  const { t: b } = V(), m = t ?? D(Object.values(Tr(p, ...o ?? [])), "index").map((s) => s.data), c = (typeof l == "string" ? p[l]?.data : void 0) ?? null;
+  return /* @__PURE__ */ r(Ae, {
     ...d,
     size: "small",
     options: m,
@@ -2165,7 +2168,7 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
       }) : c(e?.properties);
     })();
   }, [JSON.stringify(e)]);
-  const i = T(() => !e || !m ? {} : Object.values(m).reduce((u, { data: x }) => {
+  const i = A(() => !e || !m ? {} : Object.values(m).reduce((u, { data: x }) => {
     const I = x.key || x.id;
     return u[x.id] = {
       key: I,
@@ -2186,14 +2189,14 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
       visibleProperties: x,
       canUsePropertiesKeys: N
     };
-  }, [JSON.stringify(m)]), f = i(), g = Tr(f, "key");
+  }, [JSON.stringify(m)]), f = i(), g = Ar(f, "key");
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
       gap: 2
     },
     children: [
-      /* @__PURE__ */ r(A, { variant: "subtitle1", children: b("maker.properties.parameters") }),
-      !e || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(G, { style: { fontSize: 12 }, children: b("maker.properties.noParameters") }) : /* @__PURE__ */ v(F, { children: [
+      /* @__PURE__ */ r(T, { variant: "subtitle1", children: b("maker.properties.parameters") }),
+      !e || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ r(q, { style: { fontSize: 12 }, children: b("maker.properties.noParameters") }) : /* @__PURE__ */ v(F, { children: [
         /* @__PURE__ */ r(k, {
           sx: {
             gap: 2
@@ -2264,13 +2267,13 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
     ]
   }) });
 }
-function ft({ config: e }) {
+function bt({ config: e }) {
   const { t, locale: o } = V(), [l, h] = B(!1), p = (d) => {
     e.llmConfig = d;
   };
   return /* @__PURE__ */ v(F, { children: [
-    /* @__PURE__ */ r(_, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ r(q, { color: "primary", onClick: () => h(!0), size: "small", children: /* @__PURE__ */ r(Ir, {}) }) }),
-    l && /* @__PURE__ */ r(et, {
+    /* @__PURE__ */ r(_, { title: t("maker.properties.configLLMDescription"), children: /* @__PURE__ */ r(Y, { color: "primary", onClick: () => h(!0), size: "small", children: /* @__PURE__ */ r(Ir, {}) }) }),
+    l && /* @__PURE__ */ r(rt, {
       open: l,
       onClose: () => h(!1),
       onConfirm: p,
@@ -2283,12 +2286,12 @@ function ft({ config: e }) {
   ] });
 }
 export {
-  it as BasicInfo,
+  ot as BasicInfo,
   we as CustomComponentAutocomplete,
-  nn as CustomComponentSettings,
-  ut as DefaultReactComponentScriptTemplate,
-  pt as DefaultWebComponentScriptTemplate,
+  on as CustomComponentSettings,
+  pt as DefaultReactComponentScriptTemplate,
+  mt as DefaultWebComponentScriptTemplate,
   Ye as ParametersConfig,
-  lt as PropertiesConfig,
+  st as PropertiesConfig,
   L as PropertyValueField
 };