@blocklet/pages-kit-inner-components 0.6.0 → 0.6.2

package/lib/es/setting.js

@@ -1,2294 +0,0 @@
-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 { 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 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 { 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 K from "lodash/isEmpty";
-import De 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 { 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 { getYjsValue as Q } from "@syncedstore/core";
-import { useUpdate as Or, useReactive as Nr } from "ahooks";
-import jr from "lodash/assign";
-import zr from "lodash/get";
-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 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 { 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({
-  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" }) });
-}
-function Fr({
-  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" }) });
-}
-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(Ze, { fontSize: "small" }) });
-}
-function _r({
-  label: e,
-  value: t,
-  onChange: o,
-  disabled: l = !1,
-  itemLabel: h = "",
-  emptyHeight: p = 40,
-  property: d,
-  renderItem: b,
-  ...m
-}) {
-  const { t: c, locale: s } = V(), a = Ae(), i = T(
-    (y) => {
-      o(be(y, d.type));
-    },
-    [o, d.type]
-  ), n = H(() => Array.isArray(t) ? t : [], [t]), f = T(() => {
-    const y = [...n, ""];
-    i(y), a();
-  }, [n, i, a]), g = T(() => {
-    if (!d || !d.subProperties)
-      return f();
-    const y = {};
-    D(Object.values(d.subProperties), "index").forEach(({ data: R }) => {
-      if (!R.key) return;
-      const W = R.locales?.[s]?.defaultValue ?? "";
-      y[R.key] = W;
-    });
-    const O = [...n, y];
-    i(O), a();
-  }, [n, i, a, d, s, f]), u = T(
-    (y) => {
-      try {
-        const C = JSON.parse(y);
-        Array.isArray(C) ? i(C) : console.error("JSON解析结果不是数组");
-      } catch (C) {
-        console.error("JSON解析错误:", C);
-      }
-    },
-    [i]
-  ), x = T(
-    (y) => {
-      const C = n.filter((O, R) => R !== y);
-      i(C), a();
-    },
-    [n, i, a]
-  ), I = T(
-    (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(
-    (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(
-    (y, C) => {
-      const O = [...n];
-      O[y] = C, i(O);
-    },
-    [n, i]
-  ), w = d && d.subProperties && Object.keys(d.subProperties).length > 0, j = H(() => [
-    {
-      field: "index",
-      headerName: "#",
-      width: 40,
-      align: "center",
-      renderCell: ({ index: y }) => /* @__PURE__ */ r(
-        A,
-        {
-          variant: "body1",
-          sx: {
-            bgcolor: "action.hover",
-            borderRadius: "50%",
-            width: 24,
-            height: 24,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            color: "text.secondary"
-          },
-          children: y + 1
-        }
-      )
-    },
-    {
-      field: "content",
-      headerName: "",
-      renderCell: ({ row: y, index: C }) => b && w ? b({
-        item: y,
-        index: C,
-        property: d,
-        onChange: (O) => S(C, O)
-      }) : /* @__PURE__ */ r(
-        z,
-        {
-          fullWidth: !0,
-          size: "small",
-          disabled: l,
-          value: y,
-          placeholder: h || `${c("item")} ${C + 1}`,
-          onChange: (O) => S(C, O.target.value),
-          ...m
-        }
-      )
-    },
-    {
-      field: "actions",
-      headerName: "",
-      width: 30,
-      // 增加宽度以容纳更多按钮
-      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 === n.length - 1,
-            onClick: () => N(y)
-          }
-        ),
-        /* @__PURE__ */ r(Lr, { disabled: l, onClick: () => x(y) })
-      ] })
-    }
-  ], [
-    b,
-    w,
-    d,
-    S,
-    h,
-    c,
-    l,
-    m,
-    x,
-    I,
-    N,
-    n.length
-  ]);
-  return w ? /* @__PURE__ */ v(
-    k,
-    {
-      sx: {
-        width: "100%",
-        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(
-          Oe,
-          {
-            size: "small",
-            sx: {
-              "& .MuiTableCell-root": {
-                py: 0.25,
-                px: 1,
-                whiteSpace: "nowrap"
-              },
-              "& .MuiTableCell-head": {
-                backgroundColor: "action.hover",
-                py: 0.25,
-                px: 1
-              },
-              borderCollapse: "collapse"
-            },
-            children: [
-              /* @__PURE__ */ r(Ne, { sx: { display: "none" }, children: /* @__PURE__ */ r(te, { children: j.map((y) => /* @__PURE__ */ r(
-                ne,
-                {
-                  width: y.width,
-                  align: y.align || "left",
-                  sx: { fontWeight: "bold" },
-                  children: y.renderHeader ? y.renderHeader() : y.headerName
-                },
-                y.field
-              )) }) }),
-              /* @__PURE__ */ r(je, { children: n.map((y, C, O) => /* @__PURE__ */ r(
-                te,
-                {
-                  sx: {
-                    borderBottom: C < O.length - 1 ? "1px solid" : "none",
-                    borderColor: "divider",
-                    "&:hover": {
-                      backgroundColor: "action.hover"
-                    }
-                  },
-                  children: j.map((R) => /* @__PURE__ */ r(
-                    ne,
-                    {
-                      width: R.width,
-                      align: R.align || "left",
-                      sx: {
-                        borderBottom: "none"
-                      },
-                      children: R.renderCell({
-                        row: y,
-                        index: C,
-                        onChange: (W) => S(C, W)
-                      })
-                    },
-                    `${C}-${R.field}`
-                  ))
-                },
-                C
-              )) })
-            ]
-          }
-        ) }) : /* @__PURE__ */ r(G, { style: { fontSize: 12, height: p }, children: c("maker.properties.arrayEmpty") }),
-        /* @__PURE__ */ r(
-          E,
-          {
-            fullWidth: !0,
-            size: "small",
-            variant: "outlined",
-            disabled: l,
-            startIcon: /* @__PURE__ */ r(Xe, {}),
-            onClick: g,
-            children: c("maker.properties.addArrayItem")
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ v(
-    k,
-    {
-      sx: {
-        width: "100%",
-        gap: 1
-      },
-      children: [
-        e && /* @__PURE__ */ r(re, { children: e }),
-        /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, minHeight: 150 }, children: /* @__PURE__ */ r(
-          ye,
-          {
-            keyId: d.id,
-            locale: s,
-            language: "json",
-            value: JSON.stringify(n, null, 2),
-            onChange: (y) => u(y || ""),
-            fullScreenOptions: {
-              enableEscExit: !0,
-              targetContainer: () => document.getElementById("parameters-config-dialog") || null
-            }
-          },
-          d.id
-        ) })
-      ]
-    }
-  );
-}
-function $r({
-  ref: e,
-  showMarkdown: t,
-  markdown: o,
-  onMarkdownChange: l,
-  showUploader: h,
-  value: p,
-  meta: d,
-  onChange: b,
-  ...m
-}) {
-  const [c, s] = B("");
-  U(() => {
-    s(p || "");
-  }, [p, s]);
-  const a = async () => {
-    if (c !== p) {
-      const n = ee(c);
-      if (!n) {
-        b(c, void 0);
-        return;
-      }
-      const f = await de(n).catch(() => ue(n)).catch(() => {
-      });
-      b(c, { ...f, filename: c });
-    }
-  };
-  dr(
-    () => {
-      c !== p && b(c);
-    },
-    300,
-    [c]
-  ), ar(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,
-      {
-        onChange: async ({ response: n }) => {
-          const f = n?.data?.filename, g = ee(f) || "";
-          let u = {};
-          g && (u = await de(g).catch(() => ue(g)).catch(() => {
-          })), b(f, {
-            ...u,
-            filename: f
-          });
-        }
-      }
-    ) })
-  }), /* @__PURE__ */ r(
-    z,
-    {
-      size: "small",
-      fullWidth: !0,
-      ...m,
-      label: /* @__PURE__ */ v(
-        k,
-        {
-          direction: "row",
-          spacing: 1,
-          sx: {
-            alignItems: "center"
-          },
-          children: [
-            m.label,
-            t && /* @__PURE__ */ v(F, { children: [
-              " (",
-              /* @__PURE__ */ r(
-                xe,
-                {
-                  checked: o,
-                  label: /* @__PURE__ */ r(P, { component: hr, icon: "tabler:markdown", sx: { verticalAlign: "middle" } }),
-                  labelPlacement: "start",
-                  control: /* @__PURE__ */ r(ze, { size: "small" }),
-                  sx: { ml: 0.25, pr: 1 },
-                  onChange: (n, f) => l?.(f)
-                }
-              ),
-              ")"
-            ] })
-          ]
-        }
-      ),
-      value: c,
-      onChange: (n) => s(n.target.value),
-      ...i,
-      onKeyDown: (n) => {
-        n.keyCode !== 229 && n.key === "Enter" && a();
-      },
-      slotProps: {
-        inputLabel: { shrink: !0, ...m.InputLabelProps }
-      }
-    }
-  );
-}
-function Hr({
-  value: e,
-  onChange: t,
-  ...o
-}) {
-  const l = M(null);
-  return /* @__PURE__ */ v(F, { children: [
-    /* @__PURE__ */ r(
-      $r,
-      {
-        ...o,
-        value: e,
-        onChange: t,
-        InputProps: {
-          endAdornment: /* @__PURE__ */ r($, { position: "end", children: /* @__PURE__ */ r(
-            ur,
-            {
-              color: e ?? "",
-              style: { width: "1.5rem", height: "1.5rem", padding: 0 },
-              onClick: () => {
-                l.current?.open({ value: e ?? "" });
-              }
-            }
-          ) })
-        }
-      }
-    ),
-    /* @__PURE__ */ r(
-      pr,
-      {
-        ref: l,
-        onSave: ({ value: h }, p) => {
-          t(h), p();
-        }
-      }
-    )
-  ] });
-}
-function Gr({
-  label: e,
-  value: t,
-  onChange: o,
-  property: l,
-  component: h,
-  defaultLocale: p,
-  allComponents: d,
-  PropertyValueField: b,
-  onUpload: m
-}) {
-  const { locale: c } = V(), s = M(null);
-  if (!K(l.subProperties)) {
-    const i = D(Object.values(l.subProperties || {}), "index").filter(
-      (n) => n.data.visible !== !1 && n.data.key
-    );
-    return /* @__PURE__ */ v(
-      k,
-      {
-        sx: {
-          width: "100%"
-        },
-        children: [
-          /* @__PURE__ */ r(re, { 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;
-            try {
-              t && typeof t == "object" ? I = t[u] : typeof t == "string" && (I = (l.type === "yaml" ? pe.parse(t || "") : JSON.parse(t || "{}"))[u]);
-            } catch {
-            }
-            I == null && (g.locales && c && g.locales[c] ? I = g.locales[c].defaultValue : g.locales && p && g.locales[p] && (I = g.locales[p].defaultValue));
-            const N = (w) => {
-              try {
-                let j = {};
-                if (typeof t == "string")
-                  try {
-                    j = l.type === "yaml" ? pe.parse(t || "") : JSON.parse(t || "{}");
-                  } catch {
-                  }
-                else typeof t == "object" && t !== null && (j = { ...t });
-                De(j, u, w);
-                const y = be(j, l.type);
-                o?.(y);
-              } catch (j) {
-                console.error("Error updating property:", j);
-              }
-            }, S = 8;
-            return /* @__PURE__ */ v(
-              P,
-              {
-                sx: {
-                  mb: x ? 0 : 1,
-                  // 底部边距，最后一项不需要
-                  display: "flex",
-                  flexDirection: "row"
-                },
-                children: [
-                  /* @__PURE__ */ v(
-                    P,
-                    {
-                      sx: {
-                        position: "relative",
-                        width: 24,
-                        flexShrink: 0
-                      },
-                      children: [
-                        /* @__PURE__ */ r(
-                          P,
-                          {
-                            sx: {
-                              position: "absolute",
-                              left: S,
-                              top: 0,
-                              height: 16,
-                              // 连接到字段中点的高度
-                              width: 0,
-                              borderLeft: "1px dashed",
-                              borderColor: "divider"
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          P,
-                          {
-                            sx: {
-                              position: "absolute",
-                              left: S,
-                              top: 16,
-                              // 连接到字段中点
-                              width: 12,
-                              height: 0,
-                              borderTop: "1px dashed",
-                              borderColor: "divider"
-                            }
-                          }
-                        ),
-                        !x && /* @__PURE__ */ r(
-                          P,
-                          {
-                            sx: {
-                              position: "absolute",
-                              left: S,
-                              top: 16,
-                              // 从当前项中点
-                              bottom: -8,
-                              // 延伸到下一项
-                              width: 0,
-                              borderLeft: "1px dashed",
-                              borderColor: "divider"
-                            }
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ r(P, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ r(
-                    b,
-                    {
-                      component: h,
-                      property: g,
-                      value: I,
-                      onChange: N,
-                      size: "small",
-                      fullWidth: !0,
-                      defaultLocale: p,
-                      allComponents: d
-                    }
-                  ) })
-                ]
-              },
-              g.id
-            );
-          }) }) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ r(
-    k,
-    {
-      sx: {
-        width: "100%",
-        gap: 2
-      },
-      children: /* @__PURE__ */ v(
-        k,
-        {
-          sx: {
-            width: "100%",
-            position: "relative",
-            pt: 1,
-            pb: "6px",
-            px: "1px",
-            minHeight: 50,
-            ".monaco-editor,.overflow-guard": { borderRadius: 1 }
-          },
-          children: [
-            /* @__PURE__ */ r(
-              re,
-              {
-                sx: {
-                  position: "absolute",
-                  left: 0,
-                  top: 0,
-                  transform: "translate(0px, -7px) scale(0.75)"
-                },
-                children: e
-              }
-            ),
-            /* @__PURE__ */ r(
-              ye,
-              {
-                keyId: l.id,
-                locale: c,
-                language: l.type === "yaml" ? "yaml" : "json",
-                value: typeof t == "string" ? t : "",
-                onChange: (i) => {
-                  o?.(i);
-                },
-                onUpload: (i) => {
-                  s.current = i, m && m(i);
-                },
-                fullScreenOptions: {
-                  enableEscExit: !0,
-                  targetContainer: () => document.getElementById("parameters-config-dialog") || null
-                }
-              },
-              l.id
-            ),
-            /* @__PURE__ */ r(
-              P,
-              {
-                component: "fieldset",
-                sx: {
-                  pointerEvents: "none",
-                  position: "absolute",
-                  left: 0,
-                  top: -5,
-                  width: "100%",
-                  height: "100%",
-                  border: 1,
-                  borderColor: "rgba(0, 0, 0, 0.23)",
-                  borderRadius: 1,
-                  px: 1,
-                  py: 0
-                },
-                children: /* @__PURE__ */ r(P, { component: "legend", sx: { fontSize: "0.75em" }, children: /* @__PURE__ */ r(P, { component: "span", sx: { opacity: 0 }, children: e }) })
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-const Yr = ["string", "multiline", "json", "yaml", "url", "component", "custom", "array"];
-function Ie(e) {
-  return e.type ? !Yr.includes(e.type) : !1;
-}
-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 = T(
-    (n) => {
-      m.current = n, d();
-    },
-    [d]
-  ), s = T(
-    ({ index: n }, { index: f }) => {
-      const g = [...m.current];
-      g.splice(f, 0, ...g.splice(n, 1)), c(g);
-    },
-    [c]
-  );
-  U(() => {
-    c(b);
-  }, [b.join("-")]);
-  const [{ isOver: a }, i] = Fe({
-    accept: p,
-    collect: (n) => ({
-      isOver: n.isOver()
-    }),
-    canDrop: () => !e,
-    drop: () => {
-      const n = () => {
-        m.current.forEach((g, u) => {
-          const x = t[g];
-          x && (x.index = u);
-        });
-      }, f = Q(t)?.doc;
-      f ? f.transact(() => {
-        n();
-      }) : n();
-    }
-  });
-  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,
-    {
-      type: p,
-      disabled: e,
-      id: n,
-      index: f,
-      itemIndex: (g) => m.current.indexOf(g),
-      move: s,
-      children: (g) => {
-        const u = t[n];
-        return u ? o(u.data, f, g) : null;
-      }
-    },
-    n
-  )) });
-}
-function qr({
-  disabled: e,
-  id: t,
-  index: o,
-  type: l,
-  children: h,
-  itemIndex: p,
-  move: d
-}) {
-  const b = M(void 0), [{ isDragging: m }, c, s] = Mr({
-    type: l,
-    item: () => ({ id: t }),
-    canDrag: () => !e,
-    collect: (i) => ({ isDragging: i.isDragging() })
-  }), [, a] = Fe({
-    accept: l,
-    canDrop: () => !e,
-    hover(i, n) {
-      if (!b.current)
-        return;
-      const f = p(i.id), g = o;
-      if (f === g)
-        return;
-      const u = b.current?.getBoundingClientRect(), x = (u.bottom - u.top) / 2, N = n.getClientOffset().y - u.top;
-      f < g && N < x || f > g && N > x || d({ id: i.id, index: f }, { id: t, index: o });
-    }
-  });
-  return typeof h == "function" ? h({
-    isDragging: m,
-    drag: c,
-    drop: (i) => (b.current = i, a(i)),
-    preview: s
-  }) : (c(a(s(b))), /* @__PURE__ */ r(P, { ref: b, children: h }));
-}
-function Qr({
-  drop: e,
-  preview: t,
-  drag: o,
-  disabled: l,
-  isDragging: h,
-  children: p,
-  onDelete: d,
-  onVisibilityChange: b,
-  visible: m = !0,
-  actions: c,
-  alwaysShowActions: s = !1
-}) {
-  const { t: a } = V();
-  return /* @__PURE__ */ r(
-    P,
-    {
-      ref: e,
-      sx: {
-        ":hover .hover-visible": { maxWidth: "100%" },
-        opacity: m ? 1 : 0.5
-      },
-      children: /* @__PURE__ */ v(P, { sx: { position: "relative" }, children: [
-        /* @__PURE__ */ r(
-          P,
-          {
-            ref: t,
-            sx: {
-              flex: 1,
-              borderRadius: 0.5,
-              bgcolor: h ? "action.hover" : "background.paper",
-              opacity: 0.9999
-              // NOTE: make preview effective
-            },
-            children: p
-          }
-        ),
-        !l && /* @__PURE__ */ r(
-          P,
-          {
-            className: s ? "" : "hover-visible",
-            sx: {
-              maxWidth: s ? "100%" : 0,
-              overflow: "hidden",
-              position: "absolute",
-              right: 2,
-              top: 2,
-              transition: "max-width 0.3s ease-in-out"
-            },
-            children: /* @__PURE__ */ v(
-              k,
-              {
-                direction: "row",
-                sx: {
-                  bgcolor: (i) => ae(i.palette.grey[200], 0.9),
-                  borderRadius: 1,
-                  p: 0.5,
-                  [`.${nr.root}`]: {
-                    minWidth: 24,
-                    width: 24,
-                    height: 24,
-                    p: 0
-                  }
-                },
-                children: [
-                  c,
-                  b && /* @__PURE__ */ r(_, { title: a(m ? "hideParameter" : "showParameter"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(E, { onClick: () => b(!m), children: m ? /* @__PURE__ */ r(Cr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) : /* @__PURE__ */ r(Pr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  d && /* @__PURE__ */ r(_, { title: a("delete"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(E, { onClick: d, children: /* @__PURE__ */ r(kr, { sx: { fontSize: "1.25rem", color: "grey.500" } }) }) }),
-                  /* @__PURE__ */ r(_, { title: a("dragSort"), disableInteractive: !0, placement: "top", children: /* @__PURE__ */ r(E, { ref: o, children: /* @__PURE__ */ r(wr, { sx: { color: "grey.500" } }) }) })
-                ]
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}
-function Xr(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) {
-  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 h = {};
-  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 = {
-      key: c,
-      isNeedGenerate: a?.isNeedGenerate ?? Xr(m),
-      // 如果存在使用现有值，否则默认勾选
-      describe: a?.describe ?? "",
-      displayName: s
-    };
-    m.subProperties && !K(m.subProperties) && (i.subProperties = $e(
-      m.subProperties,
-      a?.subProperties,
-      o,
-      l
-    )), h[m.id] = i;
-  }), h;
-};
-function et({
-  open: e,
-  onClose: t,
-  onConfirm: o,
-  component: l,
-  initialConfig: h,
-  locale: p,
-  defaultLocale: d,
-  title: b,
-  loading: m = !1
-}) {
-  const { t: c } = V(), [s, a] = B(null);
-  U(() => {
-    if (e && l) {
-      const u = { properties: {} };
-      if (l.properties) {
-        const x = h?.properties;
-        u.properties = $e(l.properties, x, p, d);
-      }
-      a(u);
-    }
-  }, [e, l, h, p, d]);
-  const i = () => {
-    t();
-  }, n = () => {
-    s && (o(s), t());
-  }, f = (u, x, I) => {
-    if (!s || !u.length) return;
-    const N = JSON.parse(JSON.stringify(s));
-    let S = N.properties, w = null;
-    for (let y = 0; y < u.length - 1; y++) {
-      const C = u[y];
-      if (!C || !S[C])
-        return;
-      w = S;
-      const O = S[C];
-      O.subProperties || (O.subProperties = {}), S = O.subProperties;
-    }
-    const j = u[u.length - 1];
-    if (j) {
-      if ("isNeedGenerate" in I) {
-        const y = I.isNeedGenerate, C = {
-          ...x,
-          ...I
-        };
-        if (x.subProperties && !K(x.subProperties)) {
-          const O = (R, W) => {
-            const J = {};
-            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;
-          };
-          C.subProperties = O(
-            x.subProperties,
-            y === !1 ? !1 : null
-          );
-        }
-        if (u.length === 1)
-          N.properties[j] = C;
-        else if (w && u.length >= 2) {
-          const O = u[u.length - 2];
-          O && w[O] && (w[O].subProperties || (w[O].subProperties = {}), w[O].subProperties[j] = C);
-        }
-      } else if (u.length === 1)
-        N.properties[j] = {
-          ...x,
-          ...I
-        };
-      else if (w && u.length >= 2) {
-        const y = u[u.length - 2];
-        y && w[y] && w[y].subProperties && (w[y].subProperties[j] = {
-          ...x,
-          ...I
-        });
-      }
-      a(N);
-    }
-  }, g = (u, x = [], I = !0) => {
-    if (!u || K(u))
-      return /* @__PURE__ */ r(G, { 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;
-      return /* @__PURE__ */ r(P, { sx: { position: "relative" }, children: /* @__PURE__ */ v(k, { direction: "row", children: [
-        x.length > 0 && /* @__PURE__ */ v(
-          P,
-          {
-            sx: {
-              position: "relative",
-              width: 24,
-              flexShrink: 0
-            },
-            children: [
-              /* @__PURE__ */ r(
-                P,
-                {
-                  sx: {
-                    position: "absolute",
-                    left: 8,
-                    top: 0,
-                    height: 16,
-                    width: 0,
-                    borderLeft: "1px dashed",
-                    borderColor: "divider"
-                  }
-                }
-              ),
-              /* @__PURE__ */ r(
-                P,
-                {
-                  sx: {
-                    position: "absolute",
-                    left: 8,
-                    top: 16,
-                    width: 12,
-                    height: 0,
-                    borderTop: "1px dashed",
-                    borderColor: "divider"
-                  }
-                }
-              ),
-              !C && /* @__PURE__ */ r(
-                P,
-                {
-                  sx: {
-                    position: "absolute",
-                    left: 8,
-                    top: 16,
-                    bottom: -12,
-                    width: 0,
-                    borderLeft: "1px dashed",
-                    borderColor: "divider"
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ v(k, { spacing: 1.5, sx: { flexGrow: 1 }, children: [
-          /* @__PURE__ */ v(
-            k,
-            {
-              direction: { xs: "column", md: "row" },
-              spacing: 1.5,
-              sx: {
-                alignItems: { xs: "flex-start", md: "center" },
-                width: "100%"
-              },
-              children: [
-                /* @__PURE__ */ r(
-                  xe,
-                  {
-                    control: /* @__PURE__ */ r(
-                      ir,
-                      {
-                        checked: w.isNeedGenerate,
-                        disabled: W,
-                        onChange: (J) => {
-                          f(y, w, {
-                            isNeedGenerate: J.target.checked
-                          });
-                        }
-                      }
-                    ),
-                    label: R,
-                    sx: {
-                      minWidth: "180px",
-                      maxWidth: "280px",
-                      mr: 2,
-                      "& .MuiFormControlLabel-label": {
-                        wordBreak: "break-word"
-                      }
-                    }
-                  }
-                ),
-                /* @__PURE__ */ r(
-                  z,
-                  {
-                    size: "small",
-                    fullWidth: !0,
-                    label: c("maker.properties.llmPropertyDescribe"),
-                    value: w.describe,
-                    onChange: (J) => {
-                      f(y, w, {
-                        describe: J.target.value
-                      });
-                    },
-                    disabled: !w.isNeedGenerate
-                  }
-                )
-              ]
-            }
-          ),
-          O && /* @__PURE__ */ r(P, { sx: { ml: 3 }, children: g(
-            w.subProperties,
-            y,
-            w.isNeedGenerate && I
-          ) })
-        ] })
-      ] }) }, S);
-    }) });
-  };
-  return /* @__PURE__ */ v(ve, { 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,
-      {
-        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") }),
-          g(s.properties)
-        ] }) : /* @__PURE__ */ r(A, { children: c("maker.properties.loading") }) : /* @__PURE__ */ r(A, { color: "error", children: c("maker.properties.componentNotFound") })
-      }
-    ) }),
-    /* @__PURE__ */ v(Ee, { children: [
-      /* @__PURE__ */ r(E, { onClick: i, children: c("common.cancel") }),
-      /* @__PURE__ */ r(E, { variant: "contained", onClick: n, disabled: !s || m, children: c("common.confirm") })
-    ] })
-  ] });
-}
-function rt({
-  label: e,
-  value: t,
-  onChange: o
-}) {
-  const [l, h] = B(!1);
-  return /* @__PURE__ */ v(
-    k,
-    {
-      sx: {
-        gap: 1
-      },
-      children: [
-        /* @__PURE__ */ r(
-          z,
-          {
-            label: e,
-            size: "small",
-            value: t,
-            onChange: (p) => o?.(p.target.value),
-            slotProps: {
-              input: {
-                sx: {
-                  pr: 0
-                },
-                endAdornment: /* @__PURE__ */ r($, { position: "end", children: /* @__PURE__ */ r(
-                  Ce,
-                  {
-                    onChange: ({ response: p }) => {
-                      const d = p?.data?.filename;
-                      d && o?.(d);
-                    }
-                  }
-                ) })
-              }
-            }
-          }
-        ),
-        t && /* @__PURE__ */ r(
-          P,
-          {
-            component: "img",
-            src: ee(t),
-            alt: e,
-            onClick: () => h(!0),
-            sx: {
-              maxWidth: 100,
-              maxHeight: 100,
-              width: "100%",
-              objectFit: "contain",
-              borderRadius: 1,
-              cursor: "pointer"
-            }
-          }
-        ),
-        /* @__PURE__ */ r(ve, { open: l, onClose: () => h(!1), children: /* @__PURE__ */ r(P, { component: "img", sx: { objectFit: "contain" }, src: ee(t), alt: e }) })
-      ]
-    }
-  );
-}
-function he(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;
-  }, {});
-}
-const tt = [
-  { value: "string", label: "Text" },
-  { value: "multiline", label: "Text (Multiline)" },
-  { value: "number", label: "Number" },
-  { value: "decimal", label: "Decimal" },
-  { value: "boolean", label: "Boolean" },
-  { value: "color", label: "Color" },
-  { value: "url", label: "URL (Upload)" },
-  { value: "json", label: "JSON" },
-  { value: "yaml", label: "YAML" },
-  { value: "array", label: "Array" },
-  { value: "component", label: "Component" },
-  { value: "custom", label: "Custom (Render by a Component)" }
-];
-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) {
-  return !e || !t ? !1 : e[t]?.data.visible ?? !0;
-}
-function nn({ componentId: e }) {
-  const { state: { components: t } } = oe(), l = t[e]?.data;
-  return l ? /* @__PURE__ */ r(k, {
-    sx: {
-      maxHeight: "100%",
-      overflow: "auto"
-    },
-    children: /* @__PURE__ */ r(P, {
-      sx: {
-        p: 2
-      },
-      children: /* @__PURE__ */ r(Kr, { FallbackComponent: Qe, resetKeys: [e], children: /* @__PURE__ */ r(nt, { 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({
-    componentId: t,
-    propertiesValue: {
-      ...c
-    }
-  });
-  return U(() => {
-    s.componentId !== t && (s.componentId = t, s.propertiesValue = {
-      ...c
-    });
-  }, [t, c, s]), U(() => {
-    if (s.componentId !== t)
-      return;
-    const a = Object.fromEntries(Object.values(e.properties ?? {}).map(({ data: i }) => [
-      i.id,
-      {
-        value: s.propertiesValue[i.id]?.value ?? yr(i, i.locales?.[l]?.defaultValue ?? i.locales?.[p]?.defaultValue, {
-          locale: l,
-          defaultLocale: p
-        })
-      }
-    ]));
-    d(t, a);
-  }, [JSON.stringify(s.propertiesValue), t, s.componentId]), /* @__PURE__ */ r(k, {
-    sx: {
-      height: "100%"
-    },
-    children: /* @__PURE__ */ v(k, {
-      sx: {
-        gap: 2
-      },
-      children: [
-        /* @__PURE__ */ r(it, { config: e }),
-        /* @__PURE__ */ r(lt, {
-          config: e,
-          currentLocale: l,
-          defaultLocale: p,
-          allComponents: m,
-          onUpdateConfig: (a) => {
-            b.transact(() => {
-              a(e);
-            });
-          }
-        }),
-        /* @__PURE__ */ v(k, {
-          direction: "row",
-          sx: {
-            gap: 2,
-            justifyContent: "space-between",
-            alignItems: "center"
-          },
-          children: [
-            /* @__PURE__ */ r(A, { variant: "subtitle1", children: o("renderer") }),
-            /* @__PURE__ */ v(z, {
-              hiddenLabel: !0,
-              size: "small",
-              select: !0,
-              value: e.renderer?.type || "react-component",
-              onChange: (a) => {
-                b.transact(() => {
-                  const i = a.target.value;
-                  e.renderer ??= { type: i }, e.renderer.type = i;
-                });
-              },
-              slotProps: {
-                select: { autoWidth: !0 }
-              },
-              children: [
-                /* @__PURE__ */ r(ce, { value: "react-component", children: "React Component" }),
-                /* @__PURE__ */ r(ce, { value: "component", children: "Custom Component" })
-              ]
-            })
-          ]
-        }),
-        e.renderer?.type === "component" && /* @__PURE__ */ r(ht, { value: e }),
-        e.renderer?.type === "react-component" && /* @__PURE__ */ r(mt, { value: e }),
-        /* @__PURE__ */ r(Ye, {
-          config: e,
-          currentLocale: l,
-          defaultLocale: p,
-          allComponents: m,
-          propertiesValue: s.propertiesValue,
-          onChange: ({ value: a, id: i, path: n }) => {
-            const f = [...n, "data"];
-            if (!zr(e, f)) {
-              me.warning(o("cannotFindPropertyKey", {
-                key: f.join(".")
-              }));
-              return;
-            }
-            s.propertiesValue[i] = {
-              value: a.value
-            };
-          }
-        })
-      ]
-    })
-  });
-}
-function it({ 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(z, {
-        label: t("name"),
-        size: "small",
-        value: e.name || "",
-        onChange: (o) => e.name = o.target.value
-      }),
-      /* @__PURE__ */ r(z, {
-        label: t("description"),
-        size: "small",
-        multiline: !0,
-        minRows: 2,
-        maxRows: 10,
-        value: e.description || "",
-        onChange: (o) => e.description = o.target.value,
-        slotProps: {
-          input: {
-            endAdornment: /* @__PURE__ */ r($, { position: "end", sx: { mt: -1.5 }, children: /* @__PURE__ */ r(ft, { config: e }) })
-          },
-          htmlInput: { maxLength: 200 }
-        }
-      }),
-      /* @__PURE__ */ r(Te, {
-        size: "small",
-        options: [],
-        multiple: !0,
-        freeSolo: !0,
-        value: e.tags ?? [],
-        onChange: (o, l) => e.tags = l,
-        renderInput: (o) => /* @__PURE__ */ r(z, { label: t("tags"), ...o })
-      }),
-      /* @__PURE__ */ r(rt, {
-        label: t("previewImage"),
-        value: e.previewImage || "",
-        onChange: (o) => e.previewImage = o
-      })
-    ]
-  }) });
-}
-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, {
-    preview: t.preview,
-    drop: t.drop,
-    drag: t.drag,
-    isDragging: t.isDragging,
-    onDelete: () => {
-      b((s) => {
-        if (s.properties) {
-          const i = Object.entries(s.properties).sort(([, f], [, g]) => f.index - g.index);
-          delete s.properties[e.id], i.filter(([f]) => f !== e.id).forEach(([, f], g) => {
-            f.index = g;
-          });
-        }
-      });
-    },
-    visible: o,
-    onVisibilityChange: (s) => {
-      b((a) => {
-        const i = a.properties[e.id].data;
-        i.visible = s;
-      });
-    },
-    alwaysShowActions: !0,
-    children: /* @__PURE__ */ v(k, {
-      direction: "column",
-      sx: {
-        gap: 2
-      },
-      children: [
-        /* @__PURE__ */ r(z, {
-          label: m("key"),
-          size: "small",
-          required: !0,
-          sx: {
-            width: "calc(100% - 80px - 8px)",
-            flex: 1,
-            "& .MuiOutlinedInput-root": {
-              borderColor: e.key ? Z(l.properties, e.id, e.key) ? "warning.main" : void 0 : "error.main"
-            },
-            "& .MuiFormLabel-root": {
-              color: e.key ? Z(l.properties, e.id, e.key) ? "warning.main" : "text.secondary" : "error.main"
-            },
-            "& .MuiFormLabel-root.Mui-focused": {
-              color: e.key ? Z(l.properties, e.id, e.key) ? "warning.main" : "primary.main" : "error.main"
-            }
-          },
-          value: e.key || "",
-          onChange: (s) => {
-            b((a) => {
-              const i = a.properties[e.id].data;
-              i.key = s.target.value.trim();
-            });
-          },
-          slotProps: {
-            input: {
-              endAdornment: !e.key || e.key && Z(l.properties, e.id, e.key) ? /* @__PURE__ */ r($, {
-                position: "end",
-                sx: {
-                  width: 16,
-                  ml: 0
-                },
-                children: /* @__PURE__ */ r(_, { title: e.key ? m("duplicateKey") : m("requiredKey"), children: /* @__PURE__ */ r(Be, {
-                  sx: {
-                    color: e.key ? "warning.main" : "error.main",
-                    fontSize: 16
-                  }
-                }) })
-              }) : null
-            }
-          }
-        }),
-        /* @__PURE__ */ v(k, {
-          direction: "row",
-          sx: {
-            gap: 1
-          },
-          children: [
-            /* @__PURE__ */ r(z, {
-              label: m("label"),
-              size: "small",
-              sx: { flex: 1 },
-              value: (e.locales?.[h]?.name ?? e.locales?.[p]?.name) || "",
-              onChange: (s) => {
-                b((a) => {
-                  const i = a.properties[e.id].data;
-                  i.locales ??= {}, i.locales[h] ??= {}, i.locales[h].name = s.target.value;
-                });
-              }
-            }),
-            /* @__PURE__ */ r(z, {
-              label: m("type"),
-              size: "small",
-              select: !0,
-              sx: { flex: 1 },
-              value: e.type === "string" && e.multiline ? "multiline" : e.type || "string",
-              onChange: (s) => {
-                b((a) => {
-                  const i = a.properties[e.id].data;
-                  if (i.locales)
-                    for (const f of Object.keys(i.locales))
-                      i.locales[f].defaultValue = void 0;
-                  const n = s.target.value;
-                  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))
-            })
-          ]
-        }),
-        /* @__PURE__ */ v(k, {
-          direction: "row",
-          sx: {
-            gap: 1
-          },
-          children: [
-            /* @__PURE__ */ r(c, {
-              allComponents: d,
-              defaultLocale: p,
-              component: l,
-              property: e,
-              label: m("defaultValue"),
-              size: "small",
-              fullWidth: !0,
-              value: e.locales?.[h]?.defaultValue,
-              onChange: (s, a) => {
-                b((i) => {
-                  const n = i.properties[e.id].data;
-                  if (a?.forceUpdateProperty) {
-                    const f = he(n), g = he(s);
-                    Object.keys(g).forEach((u) => {
-                      f[u] || De(n, u, g[u]);
-                    });
-                  } else
-                    n.locales ??= {}, n.locales[h] ??= {}, n.locales[h].defaultValue = s;
-                });
-              }
-            }),
-            e.type === "custom" ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(st, { property: e, allComponents: d }) }) : null
-          ]
-        })
-      ]
-    })
-  });
-}
-function ot(e, t) {
-  const [o, l] = B(0);
-  return U(() => {
-    const p = setTimeout(() => {
-      if (e.current) {
-        let d = e.current.parentElement, b = 0;
-        for (; d; )
-          d.classList.contains("property-container") && b++, d = d.parentElement;
-        l(b);
-      }
-    }, 100);
-    return () => clearTimeout(p);
-  }, [e, t]), o;
-}
-function lt({ 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: {
-      gap: 2
-    },
-    children: [
-      /* @__PURE__ */ v(k, {
-        direction: "row",
-        sx: {
-          gap: 1,
-          alignItems: "center",
-          justifyContent: "space-between"
-        },
-        children: [
-          /* @__PURE__ */ r(A, { variant: "subtitle1", children: d("properties") }),
-          /* @__PURE__ */ r(P, {
-            sx: {
-              flex: 1
-            }
-          }),
-          p && /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ke(b), children: /* @__PURE__ */ r(Ue, { fontSize: "small" }) })
-        ]
-      }),
-      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);
-          return /* @__PURE__ */ r(Y, {
-            elevation: 0,
-            className: "property-container",
-            sx: {
-              p: 1.25,
-              borderRadius: 1,
-              border: i ? "1px solid" : "1px dashed",
-              borderColor: "divider"
-            },
-            children: /* @__PURE__ */ r(k, {
-              sx: {
-                gap: 2
-              },
-              children: /* @__PURE__ */ r(He, {
-                data: c,
-                params: a,
-                visible: i,
-                config: e,
-                currentLocale: t,
-                defaultLocale: o,
-                allComponents: l,
-                onUpdateConfig: h
-              })
-            })
-          }, c.id);
-        }
-      }) : /* @__PURE__ */ r(G, { style: { fontSize: 12 }, children: d("maker.properties.noProperties") }),
-      /* @__PURE__ */ r(E, {
-        fullWidth: !0,
-        variant: "outlined",
-        className: "ignore-style-override",
-        onClick: () => {
-          h((c) => {
-            const s = Je();
-            c.properties ??= {}, c.properties[s] ??= { index: m?.length || 0, data: { id: s } };
-          });
-        },
-        startIcon: /* @__PURE__ */ r(Ke, {}),
-        children: d("addObject", { object: d("property") })
-      }),
-      p && /* @__PURE__ */ r(Ge, { ...Le(b), component: e })
-    ]
-  }) });
-}
-function st({ 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, {
-      sx: {
-        width: 500,
-        p: 2
-      },
-      children: /* @__PURE__ */ r(we, {
-        value: e.componentId,
-        onChange: (l, h) => e.componentId = h,
-        allComponents: t
-      })
-    }) }) }) })
-  ] });
-}
-function at({ 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, {
-      sx: { minWidth: 0 },
-      disabled: !c,
-      size: "small",
-      onClick: () => d(!p),
-      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, {
-      elevation: 1,
-      sx: {
-        mt: 1,
-        p: 2,
-        borderRadius: 1,
-        border: "1px solid",
-        borderColor: "divider",
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ r(P, {
-          sx: {
-            width: "100%",
-            mb: 2
-          },
-          children: /* @__PURE__ */ r(Ye, {
-            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));
-              n?.componentId && (t ? o?.({ ...n, properties: { ...n.properties, [s]: { value: i } } }) : (n.properties = n.properties ?? {}, n.properties[s] = { value: i }, o?.(n)));
-            }
-          })
-        }),
-        /* @__PURE__ */ r(E, { size: "small", onClick: () => d(!1), sx: { mt: 1 }, children: b("close") })
-      ]
-    }) })
-  ] }) : 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: [
-    /* @__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, {
-        sx: {
-          color: "text.primary"
-        },
-        children: [
-          i,
-          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, {
-        sx: {
-          gap: 1
-        },
-        children: e === "properties" ? /* @__PURE__ */ v(F, { children: [
-          /* @__PURE__ */ r(z, {
-            size: "small",
-            label: "Key",
-            value: a.key || "",
-            onChange: (n) => {
-              m.transact(() => {
-                a.key = n.target.value.trim();
-              });
-            }
-          }),
-          /* @__PURE__ */ r(z, {
-            size: "small",
-            label: l("label"),
-            value: (a.locales?.[i]?.name ?? a.locales?.[d]?.name) || "",
-            onChange: (n) => {
-              m.transact(() => {
-                a.locales ??= {}, a.locales[i] ??= {}, a.locales[i].name = n.target.value;
-              });
-            }
-          }),
-          /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(L, {
-            allComponents: b,
-            defaultLocale: d,
-            component: t,
-            property: a,
-            size: "small",
-            fullWidth: !0,
-            label: "Default Value",
-            valueImmutable: ie(a.locales?.[i]?.defaultValue),
-            value: a.locales?.[i]?.defaultValue ?? a.locales?.[d]?.defaultValue,
-            onChange: (n) => {
-              m.transact(() => {
-                a.locales ??= {}, a.locales[i] ??= {}, a.locales[i].defaultValue = n;
-              });
-            }
-          }) })
-        ] }) : e === "parameters" && s ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(L, {
-          allComponents: b,
-          defaultLocale: d,
-          component: t,
-          property: a,
-          size: "small",
-          fullWidth: !0,
-          valueImmutable: ie(s.renderer.properties?.[a.id]?.locales?.[i]?.value),
-          value: s.renderer.properties?.[a.id]?.locales?.[i]?.value ?? s.renderer.properties?.[a.id]?.locales?.[d]?.value ?? a.locales?.[i]?.defaultValue ?? a.locales?.[d]?.defaultValue,
-          onChange: (n) => {
-            m.transact(() => {
-              s.renderer.properties ??= {}, s.renderer.properties[a.id] ??= {}, s.renderer.properties[a.id].locales ??= {}, s.renderer.properties[a.id].locales[i] ??= {}, s.renderer.properties[a.id].locales[i].value = n;
-            });
-          }
-        }) }) : null
-      }, a.id) }, i)) }, a.id)) })
-    ] }) }) }),
-    /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ r(E, { onClick: (a) => o.onClose?.(a, "escapeKeyDown"), children: l("close") }) })
-  ] });
-}
-const Se = (e, t) => (o) => {
-  const l = [
-    o.palette.info.main,
-    o.palette.primary.main,
-    o.palette.secondary.main,
-    o.palette.success.main,
-    o.palette.warning.main
-  ], h = Math.min(l.length - 1, e), p = l[h], d = ae(p, 0.5), b = ae(p, 1);
-  return {
-    // 保留原有的边框样式
-    borderColor: `${d} !important`,
-    borderLeft: "3px solid !important",
-    // 稍粗的左侧边框
-    borderLeftColor: d,
-    // 使用透明度适应深色/浅色模式
-    color: b,
-    ...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(() => {
-    if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
-      try {
-        let c = {};
-        D(Object.values(e.subProperties), "index").filter((i) => i.data.visible !== !1 && i.data.key).forEach(({ data: i }) => {
-          if (!i.key)
-            return;
-          let n = i.locales?.[p]?.defaultValue ?? i.locales?.[o]?.defaultValue;
-          if (i.type === "number")
-            n = Number(n);
-          else if (i.type === "boolean")
-            n = n === !0 || n === "true";
-          else if ((i.type === "json" || i.type === "yaml") && typeof n == "string")
-            try {
-              i.type === "json" ? n = JSON.parse(n) : n = pe.parse(n);
-            } catch (f) {
-              console.error("Error parsing nested value", n, f), n = {};
-            }
-          c[i.key] = n;
-        }), e.type === "array" && !Array.isArray(c) && (c = K(c) ? [] : [c]);
-        const a = be(c, e.type);
-        t?.(a);
-      } catch (c) {
-        console.error("Error converting structure to text:", c);
-      }
-  }, [e, p, o, t]);
-  return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ v(k, {
-    direction: "column",
-    ref: d,
-    sx: {
-      gap: 1.5,
-      width: "100%"
-    },
-    children: [
-      /* @__PURE__ */ r(lr, { sx: { mt: -1 }, children: /* @__PURE__ */ r(A, {
-        variant: "caption",
-        sx: {
-          color: "text.secondary"
-        },
-        children: h("maker.properties.subProperties")
-      }) }),
-      e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ r(_e, {
-        component: k,
-        gap: 2,
-        list: e.subProperties,
-        renderItem: (c, s, a) => {
-          const i = c.visible !== !1;
-          return /* @__PURE__ */ r(Y, {
-            elevation: 0,
-            className: "property-container",
-            sx: {
-              p: 1.25,
-              borderRadius: 1,
-              border: i ? "1px solid" : "1px dashed",
-              "&": Se(b)
-            },
-            children: /* @__PURE__ */ r(k, {
-              sx: {
-                gap: 2
-              },
-              children: /* @__PURE__ */ r(He, {
-                data: c,
-                params: a,
-                visible: i,
-                config: {
-                  properties: e.subProperties
-                },
-                currentLocale: p,
-                defaultLocale: o,
-                allComponents: l,
-                onUpdateConfig: (n) => {
-                  try {
-                    const f = { properties: e.subProperties || {} };
-                    n(f);
-                    const g = {
-                      ...e,
-                      subProperties: f.properties
-                    };
-                    t?.(g, { forceUpdateProperty: !0 }), m();
-                  } catch (f) {
-                    console.error("Error updating property:", f);
-                  }
-                }
-              })
-            })
-          }, c.id);
-        }
-      }) : /* @__PURE__ */ r(G, { style: { fontSize: 12, height: 100 }, children: h("maker.properties.noSubProperties") }),
-      /* @__PURE__ */ r(E, {
-        fullWidth: !0,
-        variant: "outlined",
-        className: "ignore-style-override",
-        size: "small",
-        startIcon: /* @__PURE__ */ r(Ke, {}),
-        onClick: () => {
-          try {
-            const c = e.subProperties || {}, s = Je(), i = {
-              index: Object.values(c).length,
-              data: {
-                id: s,
-                key: "",
-                type: "string",
-                visible: !0,
-                locales: {
-                  [p]: {
-                    name: "",
-                    defaultValue: ""
-                  }
-                },
-                // 为嵌套属性预初始化
-                subProperties: {}
-              }
-            }, n = {
-              ...e,
-              subProperties: {
-                ...c,
-                [s]: i
-              }
-            };
-            t?.(n, { forceUpdateProperty: !0 }), m();
-          } catch (c) {
-            console.error("Error adding property:", c);
-          }
-        },
-        sx: {
-          "&": Se(b, {
-            // borderLeft: undefined,
-          })
-        },
-        children: h("maker.properties.addSubProperty")
-      })
-    ]
-  });
-}
-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 n = c?.current?.getUploader();
-    n?.open(), s.current && n.onceUploadSuccess(({ response: f }) => {
-      let g = f?.data?.filename || "";
-      g && (g = `mediakit://${g}`, o && !o.includes("mediakit://") && (g += " # please use < import { getMediaKitAbsoluteUrl } from '@blocklet/pages-kit/builtin/utils' > to get the full address")), s.current?.(g);
-    });
-  }, i = b.label ?? (t.locales?.[m]?.name || t.locales?.[p]?.name || t.key || t.id);
-  if (t.type === "number")
-    return /* @__PURE__ */ r(dt, {
-      ...b,
-      label: i,
-      NumberProps: {
-        value: ["number", "string"].includes(typeof o) ? o : null,
-        onChange: (n, f) => l?.(f)
-      }
-    });
-  if (t.type === "decimal")
-    return /* @__PURE__ */ r(z, {
-      ...b,
-      label: i,
-      type: "text",
-      value: o ?? "",
-      onChange: (n) => {
-        const f = n.target.value;
-        if (f === "" || f === "-") {
-          l?.(f);
-          return;
-        }
-        if (/^-?(?!.*\..*\.)[0-9]*(\.[0-9]{0,9})?$/.test(f)) {
-          let u = f;
-          /^-?[1-9]+[0-9]*(\.[0-9]{1,9})?$/.test(u) && (u = Number(u)), l?.(u);
-        }
-      }
-    });
-  if (t.type === "boolean")
-    return /* @__PURE__ */ r(xe, {
-      label: i,
-      labelPlacement: "start",
-      control: /* @__PURE__ */ r(ze, { checked: o === !0, onChange: (n, f) => l?.(f) })
-    });
-  if (t.type === "color")
-    return /* @__PURE__ */ r(Hr, {
-      label: i,
-      value: o,
-      onChange: (n) => {
-        l?.(n);
-      }
-    });
-  if (t.type === "json" || t.type === "yaml")
-    return /* @__PURE__ */ r(Gr, {
-      label: i,
-      value: o,
-      onChange: (n) => {
-        l?.(n);
-      },
-      property: t,
-      component: e,
-      defaultLocale: p,
-      allComponents: d,
-      PropertyValueField: L,
-      onUpload: (n) => {
-        s.current = n, a();
-      }
-    });
-  if (t.type === "custom") {
-    const n = d[t.componentId]?.data;
-    return n ? /* @__PURE__ */ r(P, {
-      sx: {
-        width: "100%"
-      },
-      children: /* @__PURE__ */ r(We, {
-        componentId: n.id,
-        props: { label: i, value: o, onChange: l },
-        locale: m,
-        dev: {
-          mode: "draft",
-          components: d,
-          defaultLocale: p
-        }
-      })
-    }) : /* @__PURE__ */ r(z, { ...b, label: i, disabled: !0, placeholder: "Click right button select a component" });
-  }
-  if (t.type === "component")
-    return /* @__PURE__ */ v(k, {
-      direction: "column",
-      sx: {
-        width: "100%",
-        gap: 1
-      },
-      children: [
-        /* @__PURE__ */ r(we, {
-          allComponents: d,
-          label: i,
-          value: o?.componentId,
-          onChange: (n, f) => {
-            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, {
-          value: o,
-          valueImmutable: h,
-          onChange: l,
-          defaultLocale: p,
-          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 f = t.type === "url" ? o?.url : o;
-    return /* @__PURE__ */ r(z, {
-      ...b,
-      label: i,
-      value: typeof f == "string" ? f : "",
-      multiline: n,
-      minRows: n ? 2 : void 0,
-      maxRows: n ? 10 : void 0,
-      onChange: (g) => l?.(t.type === "url" ? { ...o, url: g.target.value, mediaKitUrl: g.target.value } : g.target.value),
-      slotProps: {
-        input: t.type === "url" ? {
-          sx: {
-            pr: 0
-          },
-          endAdornment: /* @__PURE__ */ v($, {
-            position: "end",
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center"
-            },
-            children: [
-              /* @__PURE__ */ r(Ce, {
-                onChange: async ({ response: g }) => {
-                  const u = g?.data?.url || g?.data?.fileUrl;
-                  let x;
-                  u && (x = await de(u).catch(() => ue(u)).catch(() => {
-                  }));
-                  let I = g?.data?.filename || "";
-                  I && (I = `mediakit://${I}`), l?.({
-                    url: u,
-                    mediaKitUrl: I,
-                    width: x?.naturalWidth,
-                    height: x?.naturalHeight
-                  });
-                }
-              }),
-              /* @__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" }) })
-            ]
-          })
-        } : void 0
-      }
-    });
-  }
-  return t.type === "array" ? /* @__PURE__ */ r(_r, {
-    label: i,
-    value: Array.isArray(o) ? o : [],
-    onChange: (n) => l?.(n),
-    property: t,
-    renderItem: ({ item: n, index: f, onChange: g }) => t.subProperties && Object.keys(t.subProperties).length > 0 ? /* @__PURE__ */ r(k, {
-      sx: {
-        gap: 1,
-        width: "100%"
-      },
-      children: D(Object.values(t.subProperties), "index").filter((u) => u.data.visible !== !1).map(({ data: u }) => u.key ? /* @__PURE__ */ r(L, {
-        component: e,
-        property: u,
-        value: n[u.key],
-        onChange: (x) => {
-          const I = { ...n, [u.key]: x };
-          g(I);
-        },
-        size: "small",
-        fullWidth: !0,
-        defaultLocale: p,
-        allComponents: d
-      }, u.id) : null)
-    }, 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 }) {
-  const { getInputProps: o } = xr(e), l = o();
-  return /* @__PURE__ */ r(z, {
-    ...t,
-    slotProps: {
-      htmlInput: l
-    }
-  });
-}
-const ut = `import React from '@blocklet/pages-kit/builtin/react'
-import { Box } from '@blocklet/pages-kit/builtin/mui/material'
-
-export default function () {
-  return (
-    <Box>
-      Hello World
-    </Box>
-  )
-}`, pt = `console.log('hello')
-`;
-function mt({ value: e }) {
-  const { locale: t } = V(), o = Ae(), l = Q(e).doc;
-  return U(() => {
-    e.renderer?.script || (l.transact(() => {
-      e.renderer.script = e.renderer.type === "react-component" ? ut : pt;
-    }), o());
-  }, [e]), /* @__PURE__ */ r(P, { sx: { border: 1, borderColor: "divider", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ r(ye, {
-    keyId: e.id,
-    locale: t,
-    language: "typescript",
-    value: e.renderer.script || "",
-    onChange: (h) => e.renderer.script = h,
-    typeScriptNoValidation: !1,
-    fullScreenOptions: {
-      enableEscExit: !0
-    }
-  }, 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" });
-  return /* @__PURE__ */ r(le, { children: /* @__PURE__ */ v(k, {
-    sx: {
-      gap: 1
-    },
-    children: [
-      /* @__PURE__ */ r(we, {
-        allComponents: b,
-        excludes: [e.id],
-        value: e.renderer.componentId,
-        onChange: (s, a) => e.renderer.componentId = a
-      }),
-      m && /* @__PURE__ */ v(F, { children: [
-        /* @__PURE__ */ v(k, {
-          direction: "row",
-          sx: {
-            justifyContent: "space-between",
-            alignItems: "center"
-          },
-          children: [
-            /* @__PURE__ */ r(A, { variant: "subtitle2", children: t("parameters") }),
-            /* @__PURE__ */ r(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...ke(c), children: /* @__PURE__ */ r(Ue, { fontSize: "small" }) })
-          ]
-        }),
-        m.properties && D(Object.values(m.properties), "index").map(({ data: s }) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(L, {
-          allComponents: b,
-          defaultLocale: h,
-          component: m,
-          property: s,
-          fullWidth: !0,
-          size: "small",
-          valueImmutable: ie(e.renderer.properties?.[s.id]?.locales?.[d]?.value),
-          value: e.renderer.properties?.[s.id]?.locales?.[d]?.value ?? e.renderer.properties?.[s.id]?.locales?.[h]?.value ?? s.locales?.[d]?.defaultValue ?? s.locales?.[h]?.defaultValue,
-          onChange: (a) => {
-            o.transact(() => {
-              e.renderer.properties ??= {}, e.renderer.properties[s.id] ??= {}, e.renderer.properties[s.id].locales ??= {}, e.renderer.properties[s.id].locales[d] ??= {}, e.renderer.properties[s.id].locales[d].value = a;
-            });
-          }
-        }) }, s.id)),
-        /* @__PURE__ */ r(Ge, { ...Le(c), component: e, type: "parameters" })
-      ] })
-    ]
-  }) });
-}
-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, {
-    ...d,
-    size: "small",
-    options: m,
-    autoHighlight: !0,
-    isOptionEqualToValue: (s, a) => s.id === a.id,
-    getOptionKey: (s) => s.id,
-    getOptionLabel: (s) => s.name || s.id,
-    renderInput: (s) => /* @__PURE__ */ r(z, { label: e || b("component"), ...s }),
-    value: c,
-    onChange: (s, a) => {
-      let i = {};
-      a && (i = {
-        blockletId: p[a?.id]?.blockletId,
-        blockletTitle: p[a?.id]?.blockletTitle,
-        componentName: p[a?.id]?.data?.name || p[a?.id]?.data?.id
-      }), h?.(s, a?.id, i);
-    }
-  });
-}
-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);
-  U(() => {
-    (() => {
-      e?.renderer?.type === "react-component" && K(e?.properties) ? br(e?.renderer?.script).then((x) => {
-        const I = gr(x);
-        c(I);
-      }) : c(e?.properties);
-    })();
-  }, [JSON.stringify(e)]);
-  const i = T(() => !e || !m ? {} : Object.values(m).reduce((u, { data: x }) => {
-    const I = x.key || x.id;
-    return u[x.id] = {
-      key: I,
-      value: d?.[I] ?? l?.[x.id]?.value ?? x.locales?.[h]?.defaultValue ?? x.locales?.[o]?.defaultValue,
-      id: x.id,
-      type: x.type
-    }, u;
-  }, {}), [JSON.stringify(m), e, l, h, o]), n = H(() => {
-    if (!m)
-      return {
-        canUseProperties: [],
-        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);
-    return {
-      canUseProperties: I,
-      visibleProperties: x,
-      canUsePropertiesKeys: N
-    };
-  }, [JSON.stringify(m)]), f = i(), g = Tr(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(k, {
-          sx: {
-            gap: 2
-          },
-          children: n.visibleProperties.map(({ data: u }) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(L, {
-            allComponents: t,
-            defaultLocale: o,
-            size: "small",
-            fullWidth: !0,
-            component: e,
-            property: u,
-            valueImmutable: ie(l?.[u.id]?.value),
-            value: d?.[u.key || u.id] ?? f[u.id]?.value,
-            onChange: (x) => {
-              p({
-                path: ["properties", u.id],
-                id: u.id,
-                value: { value: x },
-                shouldSync: Ie(u),
-                excludeKeys: [],
-                key: u.key || u.id
-              });
-            }
-          }) }, u.id))
-        }),
-        /* @__PURE__ */ r(k, {
-          sx: {
-            gap: 2,
-            width: "100%"
-          },
-          children: /* @__PURE__ */ r(We, {
-            componentId: e?.id || "",
-            renderType: "setting",
-            locale: h,
-            properties: f,
-            dev: { mode: "draft", components: t, defaultLocale: o },
-            props: {
-              ...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(() => {
-                  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),
-                      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", {
-                    key: S
-                  }), {
-                    key: y
-                  });
-                  return a(C), Promise.resolve();
-                }), Promise.resolve());
-              }
-            }
-          })
-        })
-      ] })
-    ]
-  }) });
-}
-function ft({ 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, {
-      open: l,
-      onClose: () => h(!1),
-      onConfirm: p,
-      component: e,
-      initialConfig: e.llmConfig,
-      locale: o,
-      defaultLocale: "en",
-      title: t("maker.properties.llmConfigTitle")
-    })
-  ] });
-}
-export {
-  it as BasicInfo,
-  we as CustomComponentAutocomplete,
-  nn as CustomComponentSettings,
-  ut as DefaultReactComponentScriptTemplate,
-  pt as DefaultWebComponentScriptTemplate,
-  Ye as ParametersConfig,
-  lt as PropertiesConfig,
-  L as PropertyValueField
-};