@blocklet/pages-kit-inner-components 0.6.20 → 0.6.22

package/lib/es/setting.js

@@ -1,28 +1,28 @@
 import { jsx as r, jsxs as v, Fragment as F } from "react/jsx-runtime";
-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-DSo43FAB.js";
+import { Box as P, Alert as Xe, Typography as T, TextField as z, Stack as k, FormLabel as ee, TableContainer as Ze, Paper as G, Table as Ne, TableHead as je, TableRow as re, TableCell as te, TableBody as ze, Button as E, IconButton as Y, FormControlLabel as ge, Switch as Ve, InputAdornment as $, alpha as ae, Tooltip as _, buttonClasses as er, Dialog as ye, DialogTitle as Re, DialogContent as Ee, DialogActions as Ae, Checkbox as rr, Autocomplete as Te, MenuItem as ce, Collapse as tr, Divider as nr, Popper as ir } from "@mui/material";
+import { t as xe, f as ne, a as oe, h as ve } from "./chunks/state-DSo43FAB.js";
 import q from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as V } from "@arcblock/ux/lib/Locale/context";
-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 { CodeEditor as Ce } from "@blocklet/code-editor";
+import or from "@mui/icons-material/AddRounded";
+import lr from "@mui/icons-material/ArrowDownward";
+import sr from "@mui/icons-material/ArrowUpward";
+import ar from "@mui/icons-material/DeleteOutline";
 import D from "lodash/sortBy";
-import { useCallback as 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";
+import { useCallback as A, useMemo as H, useState as B, useEffect as U, useImperativeHandle as cr, useRef as M, useId as dr } from "react";
+import { useUpdate as De, useDebounce as ur } from "react-use";
+import { ColorItem as pr, ConfigColorDialog as mr } from "@blocklet/pages-kit/builtin/color-picker";
+import { getImageSize as de, getVideoSize as ue, UploaderButton as Pe, UploaderProvider as le, useUploader as hr } from "@blocklet/pages-kit/builtin/uploader";
+import { Icon as fr } from "@iconify-icon/react";
 import K from "lodash/isEmpty";
-import De from "lodash/set";
+import We from "lodash/set";
 import * as pe from "yaml";
-import fr from "lodash/cloneDeep";
-import me from "@arcblock/ux/lib/Toast";
-import { CustomComponentRenderer as We, transpileAndLoadScript as br, getPropertiesFromCode as gr } from "@blocklet/pages-kit/components";
+import me from "lodash/cloneDeep";
+import he from "@arcblock/ux/lib/Toast";
+import { CustomComponentRenderer as Ue, transpileAndLoadScript as br, getPropertiesFromCode as gr } from "@blocklet/pages-kit/components";
 import { parsePropertyValue as yr } from "@blocklet/pages-kit/utils/property";
 import { unstable_useNumberInput as xr, ClickAwayListener as vr } from "@mui/base";
-import { VisibilityOffRounded as Cr, VisibilityRounded as Pr, DeleteOutlineRounded as kr, DragIndicatorRounded as wr, TranslateRounded as Ue, AddRounded as Ke, InfoRounded as Be, PsychologyAlt as Ir, StarRounded as Sr, SettingsRounded as Me } from "@mui/icons-material";
+import { VisibilityOffRounded as Cr, VisibilityRounded as Pr, DeleteOutlineRounded as kr, DragIndicatorRounded as wr, TranslateRounded as Ke, AddRounded as Be, InfoRounded as Me, PsychologyAlt as Ir, StarRounded as Sr, SettingsRounded as Le } from "@mui/icons-material";
 import { getYjsValue as Q } from "@syncedstore/core";
 import { useUpdate as Or, useReactive as Nr } from "ahooks";
 import jr from "lodash/assign";
@@ -35,13 +35,13 @@ 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";
+import { usePopupState as ke, bindTrigger as we, bindDialog as Fe, bindPopper as Ur } from "material-ui-popup-state/hooks";
 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";
+import { useDrop as Je, useDrag as Mr } from "react-dnd";
+import { nextId as _e } from "@blocklet/pages-kit/utils/common";
 function Lr({ error: e }) {
-  return /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(Qe, { severity: "error", children: e.message }) });
+  return /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(Xe, { severity: "error", children: e.message }) });
 }
 function Fr({
   onClick: e,
@@ -49,7 +49,7 @@ function Fr({
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(Y, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(sr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "warning", variant: "outlined", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(ar, { fontSize: "small" }) });
 }
 function Jr({
   onClick: e,
@@ -57,7 +57,7 @@ function Jr({
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(lr, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(sr, { fontSize: "small" }) });
 }
 function _r({
   onClick: e,
@@ -65,7 +65,7 @@ function _r({
   sx: o,
   ...l
 }) {
-  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(or, { fontSize: "small" }) });
+  return /* @__PURE__ */ r(Y, { size: "small", color: "primary", disabled: t, onClick: e, ...l, children: /* @__PURE__ */ r(lr, { fontSize: "small" }) });
 }
 function $r({
   label: e,
@@ -78,9 +78,9 @@ function $r({
   renderItem: b,
   ...m
 }) {
-  const { t: c, locale: s } = V(), a = Te(), i = A(
+  const { t: c, locale: s } = V(), a = De(), i = A(
     (y) => {
-      o(ye(y, d.type));
+      o(xe(y, d.type));
     },
     [o, d.type]
   ), n = H(() => Array.isArray(t) ? t : [], [t]), f = A(() => {
@@ -219,8 +219,8 @@ function $r({
       },
       children: [
         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,
+        n.length > 0 ? /* @__PURE__ */ r(Ze, { component: G, variant: "outlined", sx: { borderRadius: 1, mb: 1 }, children: /* @__PURE__ */ v(
+          Ne,
           {
             size: "small",
             sx: {
@@ -237,7 +237,7 @@ function $r({
               borderCollapse: "collapse"
             },
             children: [
-              /* @__PURE__ */ r(Ne, { sx: { display: "none" }, children: /* @__PURE__ */ r(re, { children: j.map((y) => /* @__PURE__ */ r(
+              /* @__PURE__ */ r(je, { sx: { display: "none" }, children: /* @__PURE__ */ r(re, { children: j.map((y) => /* @__PURE__ */ r(
                 te,
                 {
                   width: y.width,
@@ -247,7 +247,7 @@ function $r({
                 },
                 y.field
               )) }) }),
-              /* @__PURE__ */ r(je, { children: n.map((y, C, O) => /* @__PURE__ */ r(
+              /* @__PURE__ */ r(ze, { children: n.map((y, C, O) => /* @__PURE__ */ r(
                 re,
                 {
                   sx: {
@@ -286,7 +286,7 @@ function $r({
             size: "small",
             variant: "outlined",
             disabled: l,
-            startIcon: /* @__PURE__ */ r(ir, {}),
+            startIcon: /* @__PURE__ */ r(or, {}),
             onClick: g,
             children: c("maker.properties.addArrayItem")
           }
@@ -303,7 +303,7 @@ function $r({
       children: [
         e && /* @__PURE__ */ r(ee, { children: e }),
         /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ r(
-          ve,
+          Ce,
           {
             keyId: d.id,
             locale: s,
@@ -348,20 +348,20 @@ function Hr({
       b(c, { ...f, filename: c });
     }
   };
-  dr(
+  ur(
     () => {
       c !== p && b(c);
     },
     300,
     [c]
-  ), ar(e, () => ({
+  ), cr(e, () => ({
     submit: a
   }));
   const i = {};
   return h && (i.InputProps = {
     sx: { pr: 0 },
     endAdornment: /* @__PURE__ */ r($, { position: "end", sx: { mx: 0.5 }, children: /* @__PURE__ */ r(
-      Ce,
+      Pe,
       {
         onChange: async ({ response: n }) => {
           const f = n?.data?.filename, g = ne(f) || "";
@@ -393,12 +393,12 @@ function Hr({
             t && /* @__PURE__ */ v(F, { children: [
               " (",
               /* @__PURE__ */ r(
-                be,
+                ge,
                 {
                   checked: o,
-                  label: /* @__PURE__ */ r(P, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
+                  label: /* @__PURE__ */ r(P, { component: fr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
                   labelPlacement: "start",
-                  control: /* @__PURE__ */ r(ze, { size: "small" }),
+                  control: /* @__PURE__ */ r(Ve, { size: "small" }),
                   sx: { ml: 0.25, pr: 1 },
                   onChange: (n, f) => l?.(f)
                 }
@@ -423,24 +423,25 @@ function Hr({
 function Gr({
   value: e,
   onChange: t,
-  ...o
+  disableGradient: o = !1,
+  ...l
 }) {
-  const l = M(null);
+  const h = M(null);
   return /* @__PURE__ */ v(F, { children: [
     /* @__PURE__ */ r(
       Hr,
       {
-        ...o,
+        ...l,
         value: e,
         onChange: t,
         InputProps: {
           endAdornment: /* @__PURE__ */ r($, { position: "end", children: /* @__PURE__ */ r(
-            ur,
+            pr,
             {
               color: e ?? "",
               style: { width: "1.5rem", height: "1.5rem", padding: 0 },
               onClick: () => {
-                l.current?.open({ value: e ?? "" });
+                h.current?.open({ value: e ?? "" });
               }
             }
           ) })
@@ -448,12 +449,13 @@ function Gr({
       }
     ),
     /* @__PURE__ */ r(
-      pr,
+      mr,
       {
-        ref: l,
-        onSave: ({ value: h }, p) => {
-          t(h), p();
-        }
+        ref: h,
+        onSave: ({ value: p }, d) => {
+          t(p), d();
+        },
+        disableGradient: o
       }
     )
   ] });
@@ -499,8 +501,8 @@ function Yr({
                   } catch {
                   }
                 else typeof t == "object" && t !== null && (j = { ...t });
-                De(j, u, w);
-                const y = ye(j, l.type);
+                We(j, u, w);
+                const y = xe(j, l.type);
                 o?.(y);
               } catch (j) {
                 console.error("Error updating property:", j);
@@ -629,7 +631,7 @@ function Yr({
               }
             ),
             /* @__PURE__ */ r(
-              ve,
+              Ce,
               {
                 keyId: l.id,
                 locale: c,
@@ -675,16 +677,16 @@ function Yr({
   );
 }
 const qr = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
-function Ie(e) {
+function Se(e) {
   return e.type ? !qr.includes(e.type) : !1;
 }
-function _e({
+function $e({
   disabled: e,
   list: t,
   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 = A(
+  const h = M(null), p = dr(), 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();
     },
@@ -699,7 +701,7 @@ function _e({
   U(() => {
     c(b);
   }, [b.join("-")]);
-  const [{ isOver: a }, i] = Fe({
+  const [{ isOver: a }, i] = Je({
     accept: p,
     collect: (n) => ({
       isOver: n.isOver()
@@ -750,7 +752,7 @@ function Qr({
     item: () => ({ id: t }),
     canDrag: () => !e,
     collect: (i) => ({ isDragging: i.isDragging() })
-  }), [, a] = Fe({
+  }), [, a] = Je({
     accept: l,
     canDrop: () => !e,
     hover(i, n) {
@@ -827,7 +829,7 @@ function Xr({
                   bgcolor: (i) => ae(i.palette.grey[200], 0.9),
                   borderRadius: 1,
                   p: 0.5,
-                  [`.${Ze.root}`]: {
+                  [`.${er.root}`]: {
                     minWidth: 24,
                     width: 24,
                     height: 24,
@@ -855,7 +857,7 @@ function Zr(e) {
 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) => {
+const He = (e, t, o, l) => {
   const h = {};
   return D(Object.entries(e), ([, d]) => d.index).forEach(([d, b]) => {
     const m = b.data;
@@ -867,7 +869,7 @@ const $e = (e, t, o, l) => {
       describe: a?.describe ?? "",
       displayName: s
     };
-    m.subProperties && !K(m.subProperties) && (i.subProperties = $e(
+    m.subProperties && !K(m.subProperties) && (i.subProperties = He(
       m.subProperties,
       a?.subProperties,
       o,
@@ -892,7 +894,7 @@ function rt({
       const u = { properties: {} };
       if (l.properties) {
         const x = h?.properties;
-        u.properties = $e(l.properties, x, p, d);
+        u.properties = He(l.properties, x, p, d);
       }
       a(u);
     }
@@ -923,12 +925,12 @@ function rt({
         if (x.subProperties && !K(x.subProperties)) {
           const O = (R, W) => {
             const J = {};
-            return Object.entries(R).forEach(([qe, X]) => {
+            return Object.entries(R).forEach(([Qe, X]) => {
               const se = { ...X };
               W !== null && (se.isNeedGenerate = W), X.subProperties && !K(X.subProperties) && (se.subProperties = O(
                 X.subProperties,
                 W !== null ? W : null
-              )), J[qe] = se;
+              )), J[Qe] = se;
             }), J;
           };
           C.subProperties = O(
@@ -1029,10 +1031,10 @@ function rt({
               },
               children: [
                 /* @__PURE__ */ r(
-                  be,
+                  ge,
                   {
                     control: /* @__PURE__ */ r(
-                      er,
+                      rr,
                       {
                         checked: w.isNeedGenerate,
                         disabled: W,
@@ -1081,9 +1083,9 @@ function rt({
       ] }) }, S);
     }) });
   };
-  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(
+  return /* @__PURE__ */ v(ye, { open: e, onClose: i, maxWidth: "lg", fullWidth: !0, children: [
+    /* @__PURE__ */ r(Re, { children: b || c("maker.properties.llmConfigTitle") }),
+    /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ r(
       P,
       {
         sx: {
@@ -1095,7 +1097,7 @@ function rt({
         ] }) : /* @__PURE__ */ r(T, { children: c("maker.properties.loading") }) : /* @__PURE__ */ r(T, { color: "error", children: c("maker.properties.componentNotFound") })
       }
     ) }),
-    /* @__PURE__ */ v(Ee, { children: [
+    /* @__PURE__ */ v(Ae, { children: [
       /* @__PURE__ */ r(E, { onClick: i, children: c("common.cancel") }),
       /* @__PURE__ */ r(E, { variant: "contained", onClick: n, disabled: !s || m, children: c("common.confirm") })
     ] })
@@ -1127,7 +1129,7 @@ function tt({
                   pr: 0
                 },
                 endAdornment: /* @__PURE__ */ r($, { position: "end", children: /* @__PURE__ */ r(
-                  Ce,
+                  Pe,
                   {
                     onChange: ({ response: p }) => {
                       const d = p?.data?.filename;
@@ -1156,15 +1158,15 @@ function tt({
             }
           }
         ),
-        /* @__PURE__ */ r(ge, { open: l, onClose: () => h(!1), children: /* @__PURE__ */ r(P, { component: "img", sx: { objectFit: "contain" }, src: ne(t), alt: e }) })
+        /* @__PURE__ */ r(ye, { open: l, onClose: () => h(!1), children: /* @__PURE__ */ r(P, { component: "img", sx: { objectFit: "contain" }, src: ne(t), alt: e }) })
       ]
     }
   );
 }
-function he(e, t = "") {
+function fe(e, t = "") {
   return Wr(e, (o, l, h) => {
     const p = t ? `${t}.${h}` : h;
-    return Er(l) ? jr(o, he(l, p)) : o[p] = l, o;
+    return Er(l) ? jr(o, fe(l, p)) : o[p] = l, o;
   }, {});
 }
 const nt = [
@@ -1184,7 +1186,7 @@ const nt = [
 function Z(e, t, o) {
   return !e || !o ? !1 : Object.values(e).some(({ data: l }) => l.id !== t && l.key === o);
 }
-function fe(e, t) {
+function be(e, t) {
   return !e || !t ? !1 : e[t]?.data.visible ?? !0;
 }
 function on({ componentId: e }) {
@@ -1203,7 +1205,7 @@ function on({ componentId: e }) {
   }) : null;
 }
 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({
+  const { t: o } = V(), { localState: { currentLocale: l, customComponentPreviewerProperties: h }, state: { config: { defaultLocale: p } }, localActions: { setCustomComponentPreviewerProperties: d } } = oe(), b = Q(e).doc, m = ve(), c = H(() => h?.[t] ?? {}, [t, h]), s = Nr({
     componentId: t,
     propertiesValue: {
       ...c
@@ -1279,7 +1281,7 @@ function it({ value: e, componentId: t }) {
         }),
         e.renderer?.type === "component" && /* @__PURE__ */ r(ft, { value: e }),
         e.renderer?.type === "react-component" && /* @__PURE__ */ r(ht, { value: e }),
-        /* @__PURE__ */ r(Ye, {
+        /* @__PURE__ */ r(qe, {
           config: e,
           currentLocale: l,
           defaultLocale: p,
@@ -1288,7 +1290,7 @@ function it({ value: e, componentId: t }) {
           onChange: ({ value: a, id: i, path: n }) => {
             const f = [...n, "data"];
             if (!zr(e, f)) {
-              me.warning(o("cannotFindPropertyKey", {
+              he.warning(o("cannotFindPropertyKey", {
                 key: f.join(".")
               }));
               return;
@@ -1331,7 +1333,7 @@ function ot({ config: e }) {
           htmlInput: { maxLength: 200 }
         }
       }),
-      /* @__PURE__ */ r(Ae, {
+      /* @__PURE__ */ r(Te, {
         size: "small",
         options: [],
         multiple: !0,
@@ -1348,7 +1350,7 @@ function ot({ config: e }) {
     ]
   }) });
 }
-function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defaultLocale: p, allComponents: d, onUpdateConfig: b }) {
+function Ge({ 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" ? dt : L, [e.type]);
   return /* @__PURE__ */ r(Xr, {
     preview: t.preview,
@@ -1411,7 +1413,7 @@ function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defau
                   width: 16,
                   ml: 0
                 },
-                children: /* @__PURE__ */ r(_, { title: e.key ? m("duplicateKey") : m("requiredKey"), children: /* @__PURE__ */ r(Be, {
+                children: /* @__PURE__ */ r(_, { title: e.key ? m("duplicateKey") : m("requiredKey"), children: /* @__PURE__ */ r(Me, {
                   sx: {
                     color: e.key ? "warning.main" : "error.main",
                     fontSize: 16
@@ -1478,9 +1480,9 @@ function He({ data: e, params: t, visible: o, config: l, currentLocale: h, defau
                 b((i) => {
                   const n = i.properties[e.id].data;
                   if (a?.forceUpdateProperty) {
-                    const f = he(n), g = he(s);
+                    const f = fe(n), g = fe(s);
                     Object.keys(g).forEach((u) => {
-                      f[u] || De(n, u, g[u]);
+                      f[u] || We(n, u, g[u]);
                     });
                   } else
                     n.locales ??= {}, n.locales[h] ??= {}, n.locales[h].defaultValue = s;
@@ -1509,7 +1511,7 @@ function lt(e, t) {
   }, [e, t]), o;
 }
 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");
+  const { t: d } = V(), b = ke({ variant: "dialog" }), m = e.properties && D(Object.values(e.properties), "index");
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
       gap: 2
@@ -1529,15 +1531,15 @@ function st({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
               flex: 1
             }
           }),
-          p && /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ke(b), children: /* @__PURE__ */ r(Ue, { fontSize: "small" }) })
+          p && /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...we(b), children: /* @__PURE__ */ r(Ke, { fontSize: "small" }) })
         ]
       }),
-      e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r(_e, {
+      e.properties && Object.keys(e.properties).length > 0 ? /* @__PURE__ */ r($e, {
         component: k,
         gap: 2,
         list: e.properties,
         renderItem: (c, s, a) => {
-          const i = fe(e.properties, c.id);
+          const i = be(e.properties, c.id);
           return /* @__PURE__ */ r(G, {
             elevation: 0,
             className: "property-container",
@@ -1551,7 +1553,7 @@ function st({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
               sx: {
                 gap: 2
               },
-              children: /* @__PURE__ */ r(He, {
+              children: /* @__PURE__ */ r(Ge, {
                 data: c,
                 params: a,
                 visible: i,
@@ -1571,27 +1573,27 @@ function st({ config: e, currentLocale: t, defaultLocale: o, allComponents: l, o
         className: "ignore-style-override",
         onClick: () => {
           h((c) => {
-            const s = Je();
+            const s = _e();
             c.properties ??= {}, c.properties[s] ??= { index: m?.length || 0, data: { id: s } };
           });
         },
-        startIcon: /* @__PURE__ */ r(Ke, {}),
+        startIcon: /* @__PURE__ */ r(Be, {}),
         children: d("addObject", { object: d("property") })
       }),
-      p && /* @__PURE__ */ r(Ge, { ...Le(b), component: e })
+      p && /* @__PURE__ */ r(Ye, { ...Fe(b), component: e })
     ]
   }) });
 }
 function at({ property: e, allComponents: t }) {
-  const o = Pe({ variant: "popper" });
+  const o = ke({ variant: "popper" });
   return /* @__PURE__ */ v(F, { children: [
-    /* @__PURE__ */ r(E, { sx: { minWidth: 0 }, ...ke(o), children: /* @__PURE__ */ r(Me, { fontSize: "small" }) }),
-    /* @__PURE__ */ r(nr, { ...Ur(o), children: /* @__PURE__ */ r(vr, { onClickAway: o.close, children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(P, {
+    /* @__PURE__ */ r(E, { sx: { minWidth: 0 }, ...we(o), children: /* @__PURE__ */ r(Le, { fontSize: "small" }) }),
+    /* @__PURE__ */ r(ir, { ...Ur(o), children: /* @__PURE__ */ r(vr, { onClickAway: o.close, children: /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(P, {
       sx: {
         width: 500,
         p: 2
       },
-      children: /* @__PURE__ */ r(we, {
+      children: /* @__PURE__ */ r(Ie, {
         value: e.componentId,
         onChange: (l, h) => e.componentId = h,
         allComponents: t
@@ -1608,9 +1610,9 @@ function ct({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allCom
       size: "small",
       onClick: () => d(!p),
       color: p ? "primary" : "default",
-      children: /* @__PURE__ */ r(Me, { fontSize: "small" })
+      children: /* @__PURE__ */ r(Le, { fontSize: "small" })
     }),
-    p && /* @__PURE__ */ r(rr, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ v(G, {
+    p && /* @__PURE__ */ r(tr, { in: p, timeout: "auto", unmountOnExit: !0, sx: { width: "100%", zIndex: 10 }, children: /* @__PURE__ */ v(G, {
       elevation: 1,
       sx: {
         mt: 1,
@@ -1626,14 +1628,14 @@ function ct({ value: e, valueImmutable: t, onChange: o, defaultLocale: l, allCom
             width: "100%",
             mb: 2
           },
-          children: /* @__PURE__ */ r(Ye, {
+          children: /* @__PURE__ */ r(qe, {
             config: c,
             currentLocale: m,
             defaultLocale: l,
             allComponents: h,
             propertiesValue: e?.properties,
             onChange: ({ id: s, value: a }) => {
-              const i = fr(a.value), n = JSON.parse(JSON.stringify(e));
+              const i = me(a.value), n = JSON.parse(JSON.stringify(e));
               n?.componentId && (t ? o?.({ ...n, properties: { ...n.properties, [s]: { value: i } } }) : (n.properties = n.properties ?? {}, n.properties[s] = { value: i }, o?.(n)));
             }
           })
@@ -1643,12 +1645,12 @@ function ct({ 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 = 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(re, { children: p.map(({ locale: a, name: i }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ v(T, {
+function Ye({ type: e = "properties", component: t, ...o }) {
+  const { t: l } = V(), { state: { components: h, supportedLocales: p, config: { defaultLocale: d } } } = oe(), b = ve(), 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(ye, { ...o, fullWidth: !0, maxWidth: "lg", children: [
+    /* @__PURE__ */ r(Re, { children: l("i18nEditorTitle") }),
+    /* @__PURE__ */ r(Ee, { children: c && /* @__PURE__ */ r(k, { children: /* @__PURE__ */ v(Ne, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
+      /* @__PURE__ */ r(je, { children: /* @__PURE__ */ r(re, { children: p.map(({ locale: a, name: i }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ v(T, {
         sx: {
           color: "text.primary"
         },
@@ -1657,7 +1659,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(re, { children: p.map(({ locale: i }) => /* @__PURE__ */ r(te, { children: /* @__PURE__ */ r(k, {
+      /* @__PURE__ */ r(ze, { 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
         },
@@ -1715,10 +1717,10 @@ function Ge({ type: e = "properties", component: t, ...o }) {
         }) }) : null
       }, a.id) }, i)) }, a.id)) })
     ] }) }) }),
-    /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ r(E, { onClick: (a) => o.onClose?.(a, "escapeKeyDown"), children: l("close") }) })
+    /* @__PURE__ */ r(Ae, { children: /* @__PURE__ */ r(E, { onClick: (a) => o.onClose?.(a, "escapeKeyDown"), children: l("close") }) })
   ] });
 }
-const Se = (e, t) => (o) => {
+const Oe = (e, t) => (o) => {
   const l = [
     o.palette.info.main,
     o.palette.primary.main,
@@ -1758,7 +1760,7 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
             }
           c[i.key] = n;
         }), e.type === "array" && !Array.isArray(c) && (c = K(c) ? [] : [c]);
-        const a = ye(c, e.type);
+        const a = xe(c, e.type);
         t?.(a);
       } catch (c) {
         console.error("Error converting structure to text:", c);
@@ -1772,14 +1774,14 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ r(tr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(T, {
+      /* @__PURE__ */ r(nr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(T, {
         variant: "caption",
         sx: {
           color: "text.secondary"
         },
         children: h("maker.properties.subProperties")
       }) }),
-      e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ r(_e, {
+      e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ r($e, {
         component: k,
         gap: 2,
         list: e.subProperties,
@@ -1792,13 +1794,13 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
               p: 1.25,
               borderRadius: 1,
               border: i ? "1px solid" : "1px dashed",
-              "&": Se(b)
+              "&": Oe(b)
             },
             children: /* @__PURE__ */ r(k, {
               sx: {
                 gap: 2
               },
-              children: /* @__PURE__ */ r(He, {
+              children: /* @__PURE__ */ r(Ge, {
                 data: c,
                 params: a,
                 visible: i,
@@ -1831,10 +1833,10 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
         variant: "outlined",
         className: "ignore-style-override",
         size: "small",
-        startIcon: /* @__PURE__ */ r(Ke, {}),
+        startIcon: /* @__PURE__ */ r(Be, {}),
         onClick: () => {
           try {
-            const c = e.subProperties || {}, s = Je(), i = {
+            const c = e.subProperties || {}, s = _e(), i = {
               index: Object.values(c).length,
               data: {
                 id: s,
@@ -1863,7 +1865,7 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
           }
         },
         sx: {
-          "&": Se(b, {
+          "&": Oe(b, {
             // borderLeft: undefined,
           })
         },
@@ -1873,7 +1875,7 @@ function dt({ property: e, onChange: t, defaultLocale: o, allComponents: l }) {
   });
 }
 function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h, defaultLocale: p, allComponents: d, ...b }) {
-  const { locale: m } = V(), c = mr(), s = M(null), a = () => {
+  const { locale: m } = V(), c = hr(), s = M(null), a = () => {
     const n = c?.current?.getUploader();
     n?.open(), s.current && n.onceUploadSuccess(({ response: f }) => {
       let g = f?.data?.filename || "";
@@ -1908,10 +1910,10 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
       }
     });
   if (t.type === "boolean")
-    return /* @__PURE__ */ r(be, {
+    return /* @__PURE__ */ r(ge, {
       label: i,
       labelPlacement: "start",
-      control: /* @__PURE__ */ r(ze, { checked: o === !0, onChange: (n, f) => l?.(f) })
+      control: /* @__PURE__ */ r(Ve, { checked: o === !0, onChange: (n, f) => l?.(f) })
     });
   if (t.type === "color")
     return /* @__PURE__ */ r(Gr, {
@@ -1943,7 +1945,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
       sx: {
         width: "100%"
       },
-      children: /* @__PURE__ */ r(We, {
+      children: /* @__PURE__ */ r(Ue, {
         componentId: n.id,
         props: { label: i, value: o, onChange: l },
         locale: m,
@@ -1963,7 +1965,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
         gap: 1
       },
       children: [
-        /* @__PURE__ */ r(we, {
+        /* @__PURE__ */ r(Ie, {
           allComponents: d,
           label: i,
           value: o?.componentId,
@@ -2005,7 +2007,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
               justifyContent: "center"
             },
             children: [
-              /* @__PURE__ */ r(Ce, {
+              /* @__PURE__ */ r(Pe, {
                 onChange: async ({ response: g }) => {
                   const u = g?.data?.url || g?.data?.fileUrl;
                   let x;
@@ -2020,7 +2022,7 @@ function L({ component: e, property: t, value: o, onChange: l, valueImmutable: h
                   });
                 }
               }),
-              /* @__PURE__ */ r(_, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(Be, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
+              /* @__PURE__ */ r(_, { title: "If you are using the 'mediaKitUrl' property, please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address.", children: /* @__PURE__ */ r(Me, { sx: { cursor: "default", mr: 1 }, fontSize: "small" }) })
             ]
           })
         } : void 0
@@ -2074,12 +2076,12 @@ export default function () {
 }`, mt = `console.log('hello')
 `;
 function ht({ value: e }) {
-  const { locale: t } = V(), o = Te(), l = Q(e).doc;
+  const { locale: t } = V(), o = De(), l = Q(e).doc;
   return U(() => {
     e.renderer?.script || (l.transact(() => {
       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(ve, {
+  }, [e]), /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(Ce, {
     keyId: e.id,
     locale: t,
     language: "typescript",
@@ -2092,13 +2094,13 @@ function ht({ value: e }) {
   }, e.id) });
 }
 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" });
+  const { t } = V(), o = Q(e).doc, { state: { components: l, config: { defaultLocale: h }, resources: p }, localState: { currentLocale: d } } = oe(), b = ve(), m = l[e.renderer.componentId]?.data ?? p.components?.[e.renderer.componentId]?.component, c = ke({ variant: "dialog" });
   return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
     sx: {
       gap: 1
     },
     children: [
-      /* @__PURE__ */ r(we, {
+      /* @__PURE__ */ r(Ie, {
         allComponents: b,
         excludes: [e.id],
         value: e.renderer.componentId,
@@ -2113,7 +2115,7 @@ function ft({ value: e }) {
           },
           children: [
             /* @__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" }) })
+            /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...we(c), children: /* @__PURE__ */ r(Ke, { fontSize: "small" }) })
           ]
         }),
         m.properties && D(Object.values(m.properties), "index").map(({ data: s }) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(L, {
@@ -2131,14 +2133,14 @@ function ft({ value: e }) {
             });
           }
         }) }, s.id)),
-        /* @__PURE__ */ r(Ge, { ...Le(c), component: e, type: "parameters" })
+        /* @__PURE__ */ r(Ye, { ...Fe(c), component: e, type: "parameters" })
       ] })
     ]
   }) });
 }
-function we({ label: e, options: t, excludes: o, value: l, onChange: h, allComponents: p, ...d }) {
+function Ie({ label: e, options: t, excludes: o, value: l, onChange: h, allComponents: p, ...d }) {
   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, {
+  return /* @__PURE__ */ r(Te, {
     ...d,
     size: "small",
     options: m,
@@ -2158,14 +2160,14 @@ function we({ label: e, options: t, excludes: o, value: l, onChange: h, allCompo
     }
   });
 }
-function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l, currentLocale: h, onChange: p, props: d }) {
-  const { t: b } = V(), [m, c] = B(e?.properties), [s, a] = B(null);
+function qe({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l, currentLocale: h, onChange: p, props: d }) {
+  const { t: b } = V(), [m, c] = B(me(e?.properties)), [s, a] = B(null);
   U(() => {
     (() => {
       e?.renderer?.type === "react-component" && K(e?.properties) ? br(e?.renderer?.script).then((x) => {
         const I = gr(x);
         c(I);
-      }) : c(e?.properties);
+      }) : c(me(e?.properties));
     })();
   }, [JSON.stringify(e)]);
   const i = A(() => !e || !m ? {} : Object.values(m).reduce((u, { data: x }) => {
@@ -2183,7 +2185,7 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
         visibleProperties: [],
         canUsePropertiesKeys: []
       };
-    const u = D(Object.values(m), "index"), x = u.filter(({ data: S }) => S.key && fe(m, S.id)), I = u.filter(({ data: S }) => S.key && S.type !== "component"), N = I.map(({ data: S }) => S.key);
+    const u = D(Object.values(m), "index"), x = u.filter(({ data: S }) => S.key && be(m, S.id)), I = u.filter(({ data: S }) => S.key && S.type !== "component"), N = I.map(({ data: S }) => S.key);
     return {
       canUseProperties: I,
       visibleProperties: x,
@@ -2215,7 +2217,7 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
                 path: ["properties", u.id],
                 id: u.id,
                 value: { value: x },
-                shouldSync: Ie(u),
+                shouldSync: Se(u),
                 excludeKeys: [],
                 key: u.key || u.id
               });
@@ -2227,7 +2229,7 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
             gap: 2,
             width: "100%"
           },
-          children: /* @__PURE__ */ r(We, {
+          children: /* @__PURE__ */ r(Ue, {
             componentId: e?.id || "",
             renderType: "setting",
             locale: h,
@@ -2237,22 +2239,22 @@ function Ye({ config: e, allComponents: t, defaultLocale: o, propertiesValue: l,
               ...Dr(d ?? {}, n.canUsePropertiesKeys),
               onChange: (u) => {
                 const { canUsePropertiesKeys: x } = n;
-                Object.keys(u).filter((N) => !Rr(u[N], g?.[N]?.value)).filter((N) => !(N === "locale" && !Vr(g[N], "locale") || g[N]?.type === "component" || (g[N]?.type === "yaml" || g[N]?.type === "json") && fe(m, g[N]?.id))).reduce((N, S) => N.then(() => {
+                Object.keys(u).filter((N) => !Rr(u[N], g?.[N]?.value)).filter((N) => !(N === "locale" && !Vr(g[N], "locale") || g[N]?.type === "component" || (g[N]?.type === "yaml" || g[N]?.type === "json") && be(m, g[N]?.id))).reduce((N, S) => N.then(() => {
                   const w = g[S], j = x.includes(S);
                   if (w?.id && j)
                     return p({
                       path: ["properties", w.id],
                       id: w.id,
                       value: { value: u[S] },
-                      shouldSync: Ie(w),
+                      shouldSync: Se(w),
                       excludeKeys: [],
                       key: w.key || w.id
                     }), Promise.resolve();
                   const y = `propertyNotFound${S}`;
                   if (s === y)
                     return Promise.resolve();
-                  me.close(s);
-                  const C = me.warning(b("maker.properties.propertyNotFound", {
+                  he.close(s);
+                  const C = he.warning(b("maker.properties.propertyNotFound", {
                     key: S
                   }), {
                     key: y
@@ -2287,11 +2289,11 @@ function bt({ config: e }) {
 }
 export {
   ot as BasicInfo,
-  we as CustomComponentAutocomplete,
+  Ie as CustomComponentAutocomplete,
   on as CustomComponentSettings,
   pt as DefaultReactComponentScriptTemplate,
   mt as DefaultWebComponentScriptTemplate,
-  Ye as ParametersConfig,
+  qe as ParametersConfig,
   st as PropertiesConfig,
   L as PropertyValueField
 };