@blocklet/pages-kit-inner-components 0.4.157 → 0.4.159

package/lib/es/setting.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as O, Fragment as X } from "react/jsx-runtime";
-import { t as ye, g as Te, b as ce, E as ot, n as Ke, f as ve } from "./chunks/state-BcZbsEn6.js";
+import { t as ye, g as Te, b as ce, E as ot, n as Ke, f as ve } from "./chunks/state-C_CbKF7g.js";
 import de from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
 import { CodeEditor as xe } from "@blocklet/code-editor";
@@ -7,12 +7,12 @@ import nt from "@mui/icons-material/AddRounded";
 import st from "@mui/icons-material/ArrowDownward";
 import ct from "@mui/icons-material/ArrowUpward";
 import dt from "@mui/icons-material/DeleteOutline";
-import { Typography as M, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as ge, alpha as ue, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as pe, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
+import { Typography as B, TextField as V, Stack as R, FormLabel as ie, Box as j, TableContainer as at, Paper as Z, Table as Be, TableHead as Fe, TableRow as le, TableCell as oe, TableBody as Je, Button as E, IconButton as ae, InputAdornment as ge, alpha as ue, Tooltip as G, buttonClasses as ut, Dialog as Me, Autocomplete as $e, FormControlLabel as pt, Switch as mt, MenuItem as pe, DialogTitle as ft, DialogContent as ht, DialogActions as bt, Collapse as yt, Divider as vt, Popper as xt } from "@mui/material";
 import A from "lodash/sortBy";
-import { useCallback as D, useMemo as ne, useRef as F, useId as gt, useEffect as $, useState as Q } from "react";
+import { useCallback as D, useMemo as ne, useRef as J, useId as gt, useEffect as $, useState as Q } from "react";
 import { useUpdate as _e } from "react-use";
 import { ColorItem as Pt, ConfigColorDialog as wt } from "@blocklet/pages-kit/builtin/color-picker";
-import { C as kt } from "./chunks/config-string-CNgatAMw.js";
+import { C as kt } from "./chunks/config-string-SEFT7xVe.js";
 import Pe from "lodash/isEmpty";
 import He from "lodash/set";
 import * as me from "yaml";
@@ -137,7 +137,7 @@ function rr({
       width: 40,
       align: "center",
       renderCell: ({ index: p }) => /* @__PURE__ */ t(
-        M,
+        B,
         {
           variant: "body1",
           sx: {
@@ -305,7 +305,7 @@ function ir({
   onChange: r,
   ...i
 }) {
-  const l = F(null);
+  const l = J(null);
   return /* @__PURE__ */ O(X, { children: [
     /* @__PURE__ */ t(
       kt,
@@ -350,7 +350,7 @@ function lr({
   PropertyValueField: x,
   onUpload: g
 }) {
-  const { locale: b } = C(), k = F(null);
+  const { locale: b } = C(), k = J(null);
   if (!Pe(l.subProperties)) {
     const o = A(Object.values(l.subProperties || {}), "index").filter(
       (n) => n.data.visible !== !1 && n.data.key
@@ -548,7 +548,7 @@ function tt({
   renderItem: i,
   ...l
 }) {
-  const u = F(null), y = gt(), a = Wt(), x = A(Object.entries(r), (n) => n[1].index).map((n) => n[0]), g = F(x), b = D(
+  const u = J(null), y = gt(), a = Wt(), x = A(Object.entries(r), (n) => n[1].index).map((n) => n[0]), g = J(x), b = D(
     (n) => {
       g.current = n, a();
     },
@@ -610,7 +610,7 @@ function nr({
   itemIndex: y,
   move: a
 }) {
-  const x = F(), [{ isDragging: g }, b, k] = Xt({
+  const x = J(), [{ isDragging: g }, b, k] = Xt({
     type: l,
     item: () => ({ id: r }),
     canDrag: () => !e,
@@ -824,7 +824,7 @@ function ar({ value: e }) {
       }
     }),
     /* @__PURE__ */ O(R, { gap: 2, direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ t(M, { variant: "subtitle1", children: r("renderer") }),
+      /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("renderer") }),
       /* @__PURE__ */ O(V, {
         hiddenLabel: !0,
         size: "small",
@@ -869,7 +869,7 @@ function ar({ value: e }) {
 function ur({ config: e }) {
   const { t: r } = C();
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(M, { variant: "subtitle1", children: r("basicInfo") }),
+    /* @__PURE__ */ t(B, { variant: "subtitle1", children: r("basicInfo") }),
     /* @__PURE__ */ t(V, {
       label: r("name"),
       size: "small",
@@ -904,7 +904,7 @@ function ur({ config: e }) {
 }
 function rt({ data: e, params: r, visible: i, config: l, currentLocale: u, defaultLocale: y, allComponents: a, onUpdateConfig: x }) {
   var k, v, o, n, s, d;
-  const { t: g } = C(), b = ne(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : J, [e.type]);
+  const { t: g } = C(), b = ne(() => e.type === "json" || e.type === "yaml" || e.type === "array" ? br : M, [e.type]);
   return /* @__PURE__ */ t(sr, {
     preview: r.preview,
     drop: r.drop,
@@ -1049,7 +1049,7 @@ function mr({ config: e, currentLocale: r, defaultLocale: i, allComponents: l, o
   const { t: a } = C(), x = ke({ variant: "dialog" }), g = e.properties && A(Object.values(e.properties), "index");
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
     /* @__PURE__ */ O(R, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(M, { variant: "subtitle1", children: a("properties") }),
+      /* @__PURE__ */ t(B, { variant: "subtitle1", children: a("properties") }),
       /* @__PURE__ */ t(j, { flex: 1 }),
       y && /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(x), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
     ] }),
@@ -1154,10 +1154,10 @@ function it({ type: e = "properties", component: r, ...i }) {
   return /* @__PURE__ */ O(Me, { ...i, fullWidth: !0, maxWidth: "lg", children: [
     /* @__PURE__ */ t(ft, { children: l("i18nEditorTitle") }),
     /* @__PURE__ */ t(ht, { children: b && /* @__PURE__ */ t(R, { children: /* @__PURE__ */ O(Be, { stickyHeader: !0, sx: { td: { verticalAlign: "top" } }, children: [
-      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(le, { children: y.map(({ locale: s, name: d }) => /* @__PURE__ */ O(oe, { children: [
+      /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(le, { children: y.map(({ locale: s, name: d }) => /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ O(B, { color: "text.primary", children: [
         d,
-        a === s && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12, color: "text.secondary" } })
-      ] }, s)) }) }),
+        a === s && /* @__PURE__ */ t(Ut, { sx: { fontSize: 12 } })
+      ] }) }, s)) }) }),
       /* @__PURE__ */ t(Je, { children: A(Object.values(b), "index").map(({ data: s }) => /* @__PURE__ */ t(le, { children: y.map(({ locale: d }) => {
         var m, w, c, h, f, P, S, p, I, z, N, T, U, W, te, _, H, Y, q, L, Oe, je, Re, ze, Ne, Ve;
         return /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ t(R, { gap: 1, children: e === "properties" ? /* @__PURE__ */ O(X, { children: [
@@ -1165,9 +1165,9 @@ function it({ type: e = "properties", component: r, ...i }) {
             size: "small",
             label: "Key",
             value: s.key || "",
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
-                s.key = B.target.value.trim();
+                s.key = F.target.value.trim();
               });
             }
           }),
@@ -1175,14 +1175,14 @@ function it({ type: e = "properties", component: r, ...i }) {
             size: "small",
             label: l("label"),
             value: (((w = (m = s.locales) == null ? void 0 : m[d]) == null ? void 0 : w.name) ?? ((h = (c = s.locales) == null ? void 0 : c[a]) == null ? void 0 : h.name)) || "",
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].name = B.target.value;
+                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].name = F.target.value;
               });
             }
           }),
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
             allComponents: x,
             defaultLocale: a,
             component: r,
@@ -1192,14 +1192,14 @@ function it({ type: e = "properties", component: r, ...i }) {
             label: "Default Value",
             valueImmutable: se((P = (f = s.locales) == null ? void 0 : f[d]) == null ? void 0 : P.defaultValue),
             value: ((p = (S = s.locales) == null ? void 0 : S[d]) == null ? void 0 : p.defaultValue) ?? ((z = (I = s.locales) == null ? void 0 : I[a]) == null ? void 0 : z.defaultValue),
-            onChange: (B) => {
+            onChange: (F) => {
               g.transact(() => {
                 var K;
-                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].defaultValue = B;
+                s.locales ?? (s.locales = {}), (K = s.locales)[d] ?? (K[d] = {}), s.locales[d].defaultValue = F;
               });
             }
           }) })
-        ] }) : e === "parameters" && k ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        ] }) : e === "parameters" && k ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: x,
           defaultLocale: a,
           component: r,
@@ -1208,10 +1208,10 @@ function it({ type: e = "properties", component: r, ...i }) {
           fullWidth: !0,
           valueImmutable: se((W = (U = (T = (N = k.renderer.properties) == null ? void 0 : N[s.id]) == null ? void 0 : T.locales) == null ? void 0 : U[d]) == null ? void 0 : W.value),
           value: ((Y = (H = (_ = (te = k.renderer.properties) == null ? void 0 : te[s.id]) == null ? void 0 : _.locales) == null ? void 0 : H[d]) == null ? void 0 : Y.value) ?? ((je = (Oe = (L = (q = k.renderer.properties) == null ? void 0 : q[s.id]) == null ? void 0 : L.locales) == null ? void 0 : Oe[a]) == null ? void 0 : je.value) ?? ((ze = (Re = s.locales) == null ? void 0 : Re[d]) == null ? void 0 : ze.defaultValue) ?? ((Ve = (Ne = s.locales) == null ? void 0 : Ne[a]) == null ? void 0 : Ve.defaultValue),
-          onChange: (B) => {
+          onChange: (F) => {
             g.transact(() => {
               var K, Ce, De, Ee, Ae;
-              (K = k.renderer).properties ?? (K.properties = {}), (Ce = k.renderer.properties)[De = s.id] ?? (Ce[De] = {}), (Ee = k.renderer.properties[s.id]).locales ?? (Ee.locales = {}), (Ae = k.renderer.properties[s.id].locales)[d] ?? (Ae[d] = {}), k.renderer.properties[s.id].locales[d].value = B;
+              (K = k.renderer).properties ?? (K.properties = {}), (Ce = k.renderer.properties)[De = s.id] ?? (Ce[De] = {}), (Ee = k.renderer.properties[s.id]).locales ?? (Ee.locales = {}), (Ae = k.renderer.properties[s.id].locales)[d] ?? (Ae[d] = {}), k.renderer.properties[s.id].locales[d].value = F;
             });
           }
         }) }) : null }, s.id) }, d);
@@ -1243,7 +1243,7 @@ const We = (e, r) => (i) => {
   };
 };
 function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
-  const { t: u, locale: y } = C(), a = F(null), x = pr(a, e), g = D(() => {
+  const { t: u, locale: y } = C(), a = J(null), x = pr(a, e), g = D(() => {
     if (!(e.type !== "json" && e.type !== "yaml" && e.type !== "array") && e.subProperties)
       try {
         let b = {};
@@ -1271,7 +1271,7 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
       }
   }, [e, y, i, r]);
   return e.type !== "json" && e.type !== "yaml" && e.type !== "array" ? null : /* @__PURE__ */ O(R, { direction: "column", gap: 1.5, sx: { width: "100%" }, ref: a, children: [
-    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(M, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
+    /* @__PURE__ */ t(vt, { sx: { mt: -1 }, children: /* @__PURE__ */ t(B, { variant: "caption", color: "text.secondary", children: u("maker.properties.subProperties") }) }),
     e.subProperties && Object.keys(e.subProperties).length > 0 ? /* @__PURE__ */ t(tt, {
       component: R,
       gap: 2,
@@ -1359,9 +1359,9 @@ function br({ property: e, onChange: r, defaultLocale: i, allComponents: l }) {
     })
   ] });
 }
-function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u, defaultLocale: y, allComponents: a, ...x }) {
+function M({ component: e, property: r, value: i, onChange: l, valueImmutable: u, defaultLocale: y, allComponents: a, ...x }) {
   var n, s, d, m, w;
-  const { locale: g } = C(), b = It(), k = F(null), v = () => {
+  const { locale: g } = C(), b = It(), k = J(null), v = () => {
     var h;
     const c = (h = b == null ? void 0 : b.current) == null ? void 0 : h.getUploader();
     c == null || c.open(), k.current && c.onceUploadSuccess(({ response: f }) => {
@@ -1422,7 +1422,7 @@ function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u
       component: e,
       defaultLocale: y,
       allComponents: a,
-      PropertyValueField: J,
+      PropertyValueField: M,
       onUpload: (c) => {
         k.current = c, v();
       }
@@ -1501,7 +1501,7 @@ function J({ component: e, property: r, value: i, onChange: l, valueImmutable: u
     value: Array.isArray(i) ? i : [],
     onChange: (c) => l == null ? void 0 : l(c),
     property: r,
-    renderItem: ({ item: c, index: h, onChange: f }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(J, {
+    renderItem: ({ item: c, index: h, onChange: f }) => r.subProperties && Object.keys(r.subProperties).length > 0 ? /* @__PURE__ */ t(R, { gap: 1, width: "100%", children: A(Object.values(r.subProperties), "index").filter((P) => P.data.visible !== !1).map(({ data: P }) => P.key ? /* @__PURE__ */ t(M, {
       component: e,
       property: P,
       value: c[P.key],
@@ -1562,12 +1562,12 @@ function Pr({ value: e }) {
     }),
     g && /* @__PURE__ */ O(X, { children: [
       /* @__PURE__ */ O(R, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(M, { variant: "subtitle2", children: r("parameters") }),
+        /* @__PURE__ */ t(B, { variant: "subtitle2", children: r("parameters") }),
         /* @__PURE__ */ t(E, { sx: { minWidth: 32, minHeight: 32, p: 0 }, ...Ie(b), children: /* @__PURE__ */ t(Le, { fontSize: "small" }) })
       ] }),
       g.properties && A(Object.values(g.properties), "index").map(({ data: n }) => {
         var s, d, m, w, c, h, f, P, S, p, I, z, N, T, U, W;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: x,
           defaultLocale: u,
           component: g,
@@ -1647,11 +1647,11 @@ function lt({ config: e, allComponents: r, defaultLocale: i, propertiesValue: l,
     };
   }, [JSON.stringify(g)]), s = o(), d = _t(s, "key");
   return /* @__PURE__ */ t(we, { children: /* @__PURE__ */ O(R, { gap: 2, children: [
-    /* @__PURE__ */ t(M, { variant: "subtitle1", children: x("maker.properties.parameters") }),
+    /* @__PURE__ */ t(B, { variant: "subtitle1", children: x("maker.properties.parameters") }),
     !e || n.canUsePropertiesKeys.length === 0 ? /* @__PURE__ */ t(de, { style: { fontSize: 12 }, children: x("maker.properties.noParameters") }) : /* @__PURE__ */ O(X, { children: [
       /* @__PURE__ */ t(R, { gap: 2, children: n.visibleProperties.map(({ data: m }) => {
         var w, c;
-        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(J, {
+        return /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(M, {
           allComponents: r,
           defaultLocale: i,
           size: "small",
@@ -1724,5 +1724,5 @@ export {
   xr as DefaultWebComponentScriptTemplate,
   lt as ParametersConfig,
   mr as PropertiesConfig,
-  J as PropertyValueField
+  M as PropertyValueField
 };