@blocklet/pages-kit-inner-components 0.4.104 → 0.4.106

package/lib/es/add-component.js

@@ -4,30 +4,29 @@ import HI from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
 import { Icon as $ } from "@iconify-icon/react";
 import AC from "@mui/icons-material/Check";
-import { styled as iC, Box as D, InputLabel as lI, TextField as h, IconButton as G, Autocomplete as EI, FormControl as oC, Select as wC, MenuItem as Q, ListItemText as tI, Typography as k, OutlinedInput as sC, CircularProgress as gI, InputAdornment as MC, Button as X, Grid as V, Stack as nI, Input as uI, CssBaseline as LC, Menu as jC, Dialog as wI, DialogTitle as sI, DialogContent as MI, DialogActions as LI, ThemeProvider as JC, Tabs as OC, Tab as mC, Card as SC, CardMedia as BC, CardContent as yC, Skeleton as DC } from "@mui/material";
-import { useRequest as eC, useReactive as v, useUpdate as XI, useThrottleFn as WI, useGetState as bC, useAsyncEffect as TI, useBoolean as YI } from "ahooks";
-import xI, { useState as c, useEffect as t, useMemo as E, createContext as jI, useContext as NC, useRef as Z, useCallback as T, createElement as KC, forwardRef as JI, useImperativeHandle as OI } from "react";
-import { I as dC, n as DI, A as zC, b as cC, c as FC, T as aC, B as HC } from "./chunks/array-C85JziT_.js";
+import { styled as iC, Box as D, InputLabel as lI, TextField as h, IconButton as G, Autocomplete as EI, FormControl as oC, Select as wC, MenuItem as Q, ListItemText as tI, Typography as k, OutlinedInput as sC, useTheme as MC, CircularProgress as gI, InputAdornment as LC, Button as X, Grid as V, Stack as nI, Input as uI, CssBaseline as jC, Menu as JC, Dialog as wI, DialogTitle as sI, DialogContent as MI, DialogActions as LI, ThemeProvider as OC, Tabs as mC, Tab as SC, Card as BC, CardMedia as yC, CardContent as DC, Skeleton as eC } from "@mui/material";
+import { useRequest as bC, useReactive as v, useUpdate as XI, useThrottleFn as WI, useGetState as NC, useAsyncEffect as TI, useBoolean as YI } from "ahooks";
+import xI, { useState as c, useEffect as t, useMemo as E, createContext as jI, useContext as KC, useRef as Z, useCallback as T, createElement as dC, forwardRef as JI, useImperativeHandle as OI } from "react";
+import { I as zC, n as DI, A as cC, b as FC, c as aC, T as HC, B as lC } from "./chunks/array-C85JziT_.js";
 import { C as II } from "./chunks/config-color-B-ax03qd.js";
-import lC from "lodash/cloneDeep";
-import { DragIndicator as EC, SearchRounded as tC, Remove as nC, Add as rI, Language as uC, CopyAll as XC, Settings as WC, Delete as TC } from "@mui/icons-material";
-import { useDrag as YC, useDrop as xC } from "react-dnd";
+import EC from "lodash/cloneDeep";
+import { DragIndicator as tC, SearchRounded as nC, Remove as uC, Add as rI, Language as XC, CopyAll as WC, Settings as TC, Delete as YC } from "@mui/icons-material";
+import { useDrag as xC, useDrop as rC } from "react-dnd";
 import "@arcblock/ux/lib/Tabs";
 import "@blocklet/pages-kit/utils/style";
 import "lodash/pick";
 import { styled as AI } from "@arcblock/ux/lib/Theme";
-import { LoadingButton as rC } from "@mui/lab";
-import { produce as a, original as hC } from "immer";
-import { pagesTheme as ZC } from "./theme.js";
-import { useDebounce as QC, useAsync as hI } from "react-use";
-import ZI, { ToastProvider as kC } from "@arcblock/ux/lib/Toast";
-import RC from "@mui/material/Tooltip";
+import { LoadingButton as hC } from "@mui/lab";
+import { produce as a, original as ZC } from "immer";
+import { pagesTheme as QC } from "./theme.js";
+import { useDebounce as kC, useAsync as hI } from "react-use";
+import ZI, { ToastProvider as RC } from "@arcblock/ux/lib/Toast";
+import pC from "@mui/material/Tooltip";
 import mI from "@mui/icons-material/KeyboardArrowLeft";
 import r from "@mui/material/Box";
 import SI from "@mui/material/DialogTitle";
 import BI from "@mui/material/IconButton";
-import pC from "@mui/material/Dialog";
-import { useTheme as UC } from "@mui/material/styles";
+import UC from "@mui/material/Dialog";
 import fC from "@mui/material/useMediaQuery";
 import { css as GC, Global as VC } from "@emotion/react";
 import vC from "@mui/material/Alert";
@@ -66,7 +65,7 @@ function Dg({
   actions: L,
   ...J
 }) {
-  const [{ isDragging: M }, y, S] = YC(
+  const [{ isDragging: M }, y, S] = xC(
     () => ({
       type: i,
       item: { id: o, index: A },
@@ -80,7 +79,7 @@ function Dg({
       }
     }),
     [i, o, A, s]
-  ), [, j] = xC(
+  ), [, j] = rC(
     () => ({
       accept: w,
       hover(b) {
@@ -90,7 +89,7 @@ function Dg({
     [w, o, A, s]
   ), B = M ? 0.3 : 1;
   return /* @__PURE__ */ e(eg, { ...J, id: C, ref: (b) => j(S(b)), sx: { ...J.sx, opacity: B }, children: [
-    /* @__PURE__ */ I("div", { className: "drag", ref: (b) => y(b), children: /* @__PURE__ */ I(EC, {}) }),
+    /* @__PURE__ */ I("div", { className: "drag", ref: (b) => y(b), children: /* @__PURE__ */ I(tC, {}) }),
     /* @__PURE__ */ I("div", { className: "name", children: g }),
     /* @__PURE__ */ I("div", { className: "actions", onClick: (b) => b.stopPropagation(), children: L })
   ] });
@@ -214,7 +213,7 @@ function Kg({ value: C, onChange: i, ...w }) {
   const [A, o] = c(""), { t: g } = W();
   return t(() => {
     o(C || "");
-  }, [C, o]), QC(
+  }, [C, o]), kC(
     () => {
       A !== C && i(A);
     },
@@ -230,8 +229,8 @@ function Kg({ value: C, onChange: i, ...w }) {
       value: A,
       onChange: (s) => o(s.target.value),
       InputProps: {
-        startAdornment: /* @__PURE__ */ I(G, { size: "small", children: /* @__PURE__ */ I(dC, { icon: A }) }),
-        endAdornment: /* @__PURE__ */ I(G, { size: "small", href: "https://icones.js.org", target: "_blank", children: /* @__PURE__ */ I(tC, {}) })
+        startAdornment: /* @__PURE__ */ I(G, { size: "small", children: /* @__PURE__ */ I(zC, { icon: A }) }),
+        endAdornment: /* @__PURE__ */ I(G, { size: "small", href: "https://icones.js.org", target: "_blank", children: /* @__PURE__ */ I(nC, {}) })
       }
     }
   );
@@ -299,7 +298,7 @@ function iI({ label: C, placeholder: i, options: w, value: A, onChange: o, ...g
   ] });
 }
 const dg = () => {
-  const { t: C } = W(), i = eC(async () => {
+  const { t: C } = W(), i = bC(async () => {
     var s;
     if (!((s = window.blocklet) == null ? void 0 : s.componentMountPoints.find((L) => L.name === "ai-kit")))
       return { install: !1 };
@@ -314,35 +313,27 @@ const dg = () => {
   }, [i]);
   return [w, A];
 };
-function yI({
-  children: C,
-  open: i = !0,
-  embed: w = !1,
-  ...A
-}) {
-  const o = UC(), g = fC(o.breakpoints.down("md"));
-  return /* @__PURE__ */ I(
-    pC,
-    {
-      open: i,
-      fullScreen: g,
-      maxWidth: "md",
-      disableEnforceFocus: !0,
-      disableRestoreFocus: !0,
-      disablePortal: !0,
-      sx: { zIndex: 13001 },
-      PaperProps: {
-        sx: g ? {} : {
-          width: 1,
-          margin: 0,
-          height: w ? "100%" : "75vh",
-          maxHeight: w ? "100%" : "75vh"
-        }
-      },
-      ...A,
-      children: C
-    }
-  );
+function yI({ children: C, open: i = !0, embed: w = !1, ...A }) {
+  const o = MC(), g = fC(o.breakpoints.down("md"));
+  return /* @__PURE__ */ I(UC, {
+    open: i,
+    fullScreen: g,
+    maxWidth: "md",
+    disableEnforceFocus: !0,
+    disableRestoreFocus: !0,
+    disablePortal: !0,
+    sx: { zIndex: 13001 },
+    PaperProps: {
+      sx: g ? {} : {
+        width: 1,
+        margin: 0,
+        height: w ? "100%" : "75vh",
+        maxHeight: w ? "100%" : "75vh"
+      }
+    },
+    ...A,
+    children: C
+  });
 }
 const RI = jI({ embed: !1 }), { Provider: zg } = RI;
 function cg({
@@ -355,7 +346,7 @@ function cg({
   return /* @__PURE__ */ I(zg, { value: { ...o, template: g, response: L, api: w, customOutputChildren: A, setTemplate: s, setResponse: J }, children: C });
 }
 function q() {
-  return NC(RI);
+  return KC(RI);
 }
 function pI(C) {
   return E(() => blocklet == null ? void 0 : blocklet.componentMountPoints.find((i) => i.name === C), []);
@@ -391,7 +382,7 @@ async function Fg({
       const M = (J = L[0]) == null ? void 0 : J.list.shift();
       if (!M)
         break;
-      g.push(hC(M));
+      g.push(ZC(M));
     }
   });
   return [g, { items: s }];
@@ -496,7 +487,7 @@ function ng(C) {
       getOptionLabel: (g) => typeof g == "string" ? g : g.name || "",
       isOptionEqualToValue: (g, s) => g.id === s.id || g.longitude === s.longitude && g.latitude === s.latitude,
       filterOptions: (g) => g,
-      renderOption: (g, s) => /* @__PURE__ */ KC(Q, { ...g, key: s.id }, s.name),
+      renderOption: (g, s) => /* @__PURE__ */ dC(Q, { ...g, key: s.id }, s.name),
       loading: i.searching,
       renderInput: (g) => o({
         ...g,
@@ -825,7 +816,7 @@ function kg({
         textField: {
           ...(J = w.slotProps) == null ? void 0 : J.textField,
           InputProps: {
-            startAdornment: /* @__PURE__ */ I(MC, { position: "start", children: /* @__PURE__ */ e(
+            startAdornment: /* @__PURE__ */ I(LC, { position: "start", children: /* @__PURE__ */ e(
               X,
               {
                 size: "small",
@@ -836,7 +827,7 @@ function kg({
                 },
                 children: [
                   /* @__PURE__ */ I(D, { component: "span", sx: { lineHeight: 1 }, children: "UTC" }),
-                  L === -1 ? /* @__PURE__ */ I(nC, { fontSize: "small" }) : /* @__PURE__ */ I(rI, { fontSize: "small" })
+                  L === -1 ? /* @__PURE__ */ I(uC, { fontSize: "small" }) : /* @__PURE__ */ I(rI, { fontSize: "small" })
                 ]
               }
             ) })
@@ -920,7 +911,7 @@ function Rg({
   var y;
   const { t: w } = W(), A = E(() => {
     let S = {};
-    return C.parameters && typeof C.parameters == "object" && (S = lC(C.parameters)), S;
+    return C.parameters && typeof C.parameters == "object" && (S = EC(C.parameters)), S;
   }, [C]), o = E(() => Object.keys(A), [A]), g = hI(() => UI(), []), s = v({});
   t(() => {
     for (const [S, j] of Object.entries(A))
@@ -1124,7 +1115,7 @@ function fg({
   embed: w = !1,
   children: A
 }) {
-  const [o, g] = bC({
+  const [o, g] = NC({
     embed: w,
     multiple: C,
     loading: !1,
@@ -1454,9 +1445,9 @@ function wA({
   customOutputChildren: o
 }) {
   return /* @__PURE__ */ e(_C, { FallbackComponent: iA, children: [
-    /* @__PURE__ */ I(LC, {}),
+    /* @__PURE__ */ I(jC, {}),
     /* @__PURE__ */ I(VC, { styles: oA }),
-    /* @__PURE__ */ I(lg, { children: /* @__PURE__ */ I(cg, { api: i, customOutputChildren: o, children: /* @__PURE__ */ e(kC, { children: [
+    /* @__PURE__ */ I(lg, { children: /* @__PURE__ */ I(cg, { api: i, customOutputChildren: o, children: /* @__PURE__ */ e(RC, { children: [
       /* @__PURE__ */ I(IA, { templates: C }),
       /* @__PURE__ */ I($g, { onSelect: w, onClose: A })
     ] }) }) })
@@ -1810,7 +1801,7 @@ function mA({
     }
   );
   return /* @__PURE__ */ e(SA, { children: [
-    S ? /* @__PURE__ */ I(RC, { title: S, children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(
+    S ? /* @__PURE__ */ I(pC, { title: S, children: /* @__PURE__ */ I("span", { children: /* @__PURE__ */ I(
       G,
       {
         size: "small",
@@ -1855,7 +1846,7 @@ const SA = AI(D)`
   }
 `;
 function BA() {
-  const [C, i] = c(), w = E(() => C ? /* @__PURE__ */ I(jC, { ...C }) : null, [C]), A = T(() => {
+  const [C, i] = c(), w = E(() => C ? /* @__PURE__ */ I(JC, { ...C }) : null, [C]), A = T(() => {
     i(void 0);
   }, []), o = T(
     (g) => {
@@ -1943,7 +1934,7 @@ function yA({
           ))
         }),
         children: [
-          /* @__PURE__ */ I(uC, { fontSize: "small" }),
+          /* @__PURE__ */ I(XC, { fontSize: "small" }),
           j && /* @__PURE__ */ I(gI, { size: 22 })
         ]
       }
@@ -2245,14 +2236,14 @@ function dA({ value: C, locale: i, locales: w, onChange: A = () => {
   };
   return /* @__PURE__ */ e(f, { children: [
     /* @__PURE__ */ e(bg, { label: g("maker.properties.buttons"), children: [
-      /* @__PURE__ */ I(JC, { theme: ZC, children: (j = C.map) == null ? void 0 : j.call(C, (B, b) => /* @__PURE__ */ I(
+      /* @__PURE__ */ I(OC, { theme: QC, children: (j = C.map) == null ? void 0 : j.call(C, (B, b) => /* @__PURE__ */ I(
         Dg,
         {
           dragType: "SECTION_ACTION_DND_TYPE",
           dropType: "SECTION_ACTION_DND_TYPE",
           id: B.id,
           index: b,
-          title: /* @__PURE__ */ I(zC, { ...B, size: "small", editing: !0 }),
+          title: /* @__PURE__ */ I(cC, { ...B, size: "small", editing: !0 }),
           move: (N, O) => S(N, O),
           actions: /* @__PURE__ */ e(f, { children: [
             /* @__PURE__ */ I(
@@ -2264,11 +2255,11 @@ function dA({ value: C, locale: i, locales: w, onChange: A = () => {
                     N.splice(b + 1, 0, { ...B, id: _() });
                   })
                 ),
-                children: /* @__PURE__ */ I(XC, {})
+                children: /* @__PURE__ */ I(WC, {})
               }
             ),
-            /* @__PURE__ */ I(D, { mr: 0.35, onClick: () => J(B), children: /* @__PURE__ */ I(WC, {}) }),
-            /* @__PURE__ */ I(D, { onClick: () => M(b), children: /* @__PURE__ */ I(TC, {}) })
+            /* @__PURE__ */ I(D, { mr: 0.35, onClick: () => J(B), children: /* @__PURE__ */ I(TC, {}) }),
+            /* @__PURE__ */ I(D, { onClick: () => M(b), children: /* @__PURE__ */ I(YC, {}) })
           ] })
         },
         B.id
@@ -2434,7 +2425,7 @@ JI(function({ onSave: i = () => {
     ] }) }),
     /* @__PURE__ */ e(LI, { children: [
       /* @__PURE__ */ I(X, { variant: "outlined", size: "small", onClick: b, children: s("common.cancel") }),
-      /* @__PURE__ */ I(rC, { loading: m, variant: "contained", size: "small", onClick: Y, children: s("maker.save") })
+      /* @__PURE__ */ I(hC, { loading: m, variant: "contained", size: "small", onClick: Y, children: s("maker.save") })
     ] })
   ] });
 });
@@ -2501,12 +2492,12 @@ const FI = 260, aA = 5, _I = "IGNORE_RENDER_BLOCKLET_TITLE", aI = (C, i) => C ?
   {
     id: "iframe",
     name: "Embed",
-    properties: cC
+    properties: FC
   },
   {
     id: "section",
     name: "Section",
-    properties: FC
+    properties: aC
   },
   {
     id: "section-card-list",
@@ -2516,10 +2507,10 @@ const FI = 260, aA = 5, _I = "IGNORE_RENDER_BLOCKLET_TITLE", aI = (C, i) => C ?
   {
     id: "toc",
     name: "Toc",
-    properties: aC
+    properties: HC
   }
 ].map((C) => ({ ...C, type: "basic", component: C.id }));
-function Xi({
+function ui({
   state: C,
   open: i,
   onClose: w,
@@ -2639,7 +2630,7 @@ function Xi({
             },
             children: [
               !z && /* @__PURE__ */ I(D, { sx: { width: 150, borderRight: 1, borderColor: "divider" }, children: /* @__PURE__ */ I(
-                OC,
+                mC,
                 {
                   orientation: "vertical",
                   value: b,
@@ -2653,7 +2644,7 @@ function Xi({
                       px: 2
                     }
                   },
-                  children: B.map((K, H) => /* @__PURE__ */ I(mC, { label: K == null ? void 0 : K.label, value: K == null ? void 0 : K.name }, H))
+                  children: B.map((K, H) => /* @__PURE__ */ I(SC, { label: K == null ? void 0 : K.label, value: K == null ? void 0 : K.name }, H))
                 }
               ) }),
               /* @__PURE__ */ I(
@@ -2729,7 +2720,7 @@ function Xi({
                               }
                             },
                             children: /* @__PURE__ */ e(
-                              SC,
+                              BC,
                               {
                                 className: "add-component-card",
                                 sx: {
@@ -2740,7 +2731,7 @@ function Xi({
                                 onClick: () => O(K),
                                 children: [
                                   /* @__PURE__ */ I(
-                                    BC,
+                                    yC,
                                     {
                                       sx: {
                                         width: "100%",
@@ -2760,7 +2751,7 @@ function Xi({
                                     }
                                   ),
                                   /* @__PURE__ */ I(
-                                    yC,
+                                    DC,
                                     {
                                       sx: {
                                         bgcolor: "background.paper",
@@ -2878,7 +2869,7 @@ function lA({
     },
     y
   ) : S === "basic" ? /* @__PURE__ */ I(
-    HC,
+    lC,
     {
       id: y,
       type: j,
@@ -2916,7 +2907,7 @@ function lA({
             height: g.hadInit && g.shouldScroll ? "100%" : `${100 / g.scale}%`
           },
           children: [
-            !g.hadInit && /* @__PURE__ */ I(DC, { variant: "rectangular", width: "100%", height: "100%" }),
+            !g.hadInit && /* @__PURE__ */ I(eC, { variant: "rectangular", width: "100%", height: "100%" }),
             /* @__PURE__ */ I(
               D,
               {
@@ -2983,10 +2974,10 @@ function EA({
   ] }, g)) : /* @__PURE__ */ I(HI, { children: i }) });
 }
 export {
-  Xi as AddComponent,
+  ui as AddComponent,
   lA as AutoScaledComponentRenderer,
   HA as BASIC_COMPONENT_LIST,
   EA as GroupedComponentsList,
-  Xi as default,
+  ui as default,
   aI as formatComponent
 };