aibox-custom-component-packages 0.0.7 → 0.0.8

package/es/chunks/{BackBar.B5Er8ZdJ.js → AiboxTable.CF4T_OCu.js}

@@ -1,10 +1,74 @@
-import { computed as T, createElementBlock as c, openBlock as o, Fragment as x, createVNode as w, renderList as N, createBlock as i, unref as n, withCtx as s, createTextVNode as z, toDisplayString as m, createElementVNode as h, normalizeClass as D, ref as H, createCommentVNode as B, renderSlot as b, createSlots as W, normalizeStyle as le, withModifiers as te } from "vue";
+import { createElementBlock as c, openBlock as o, normalizeStyle as le, createElementVNode as h, renderSlot as b, createCommentVNode as B, createVNode as w, unref as n, withModifiers as te, withCtx as s, toDisplayString as m, computed as T, Fragment as _, renderList as N, createBlock as i, createTextVNode as A, normalizeClass as z, ref as H, createSlots as W } from "vue";
+import { useRouter as ae } from "vue-router";
+import { IconZuo as oe, IconTip as ne, IconMore as se } from "color-message-aibox-vue";
+import { ElIcon as D, ElTooltip as re, ElButton as L, ElDropdown as de, ElDropdownMenu as ie, ElDropdownItem as ce, ElTable as ue, ElTableColumn as f, ElEmpty as he, ElPagination as pe } from "element-plus";
 import { u as I } from "./i18n.k9Q_HVMs.js";
-import { IconMore as ae, IconZuo as oe, IconTip as ne } from "color-message-aibox-vue";
-import { ElButton as L, ElDropdown as se, ElIcon as A, ElDropdownMenu as re, ElDropdownItem as de, ElTable as ie, ElTableColumn as f, ElEmpty as ce, ElPagination as ue, ElTooltip as he } from "element-plus";
 import { _ as F } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { useRouter as pe } from "vue-router";
-import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class: "btn-box" }, we = {
+import '../assets/AiboxTable.css';const fe = { class: "back-bar__icon" }, be = {
+  key: 0,
+  class: "back-bar__title"
+}, we = {
+  key: 1,
+  class: "back-bar__tip"
+}, Ve = {
+  __name: "BackBar",
+  props: {
+    goBackFn: {
+      type: Function,
+      default: null
+    },
+    backBarStyle: {
+      type: String,
+      default: "#fff"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    tipContent: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(a) {
+    const k = a, $ = ae(), r = () => {
+      k.goBackFn ? k.goBackFn() : $.back();
+    };
+    return (y, C) => (o(), c("div", {
+      class: "back-bar",
+      style: le({ "background-color": a.backBarStyle })
+    }, [
+      h("div", fe, [
+        w(n(D), {
+          onClick: te(r, ["stop"])
+        }, {
+          default: s(() => [
+            w(n(oe))
+          ]),
+          _: 1
+        })
+      ]),
+      b(y.$slots, "default"),
+      a.title ? (o(), c("div", be, m(a.title), 1)) : B("", !0),
+      a.tipContent ? (o(), c("div", we, [
+        w(n(re), {
+          content: a.tipContent,
+          placement: "right"
+        }, {
+          default: s(() => [
+            w(n(D), { size: "14" }, {
+              default: s(() => [
+                w(n(ne))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["content"])
+      ])) : B("", !0)
+    ], 4));
+  }
+}, ye = { class: "table-btns" }, ge = { class: "btn-box" }, ke = {
   __name: "TableBtns",
   props: {
     config: {
@@ -27,45 +91,45 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
     }
   },
   setup(a) {
-    const k = a, { t: $ } = I(), r = (p, _) => {
-      p && p(_);
+    const k = a, { t: $ } = I(), r = (p, x) => {
+      p && p(x);
     }, y = T(() => k.config.filter((p) => {
-      const _ = p.permission !== void 0 ? p.permission : !0;
+      const x = p.permission !== void 0 ? p.permission : !0;
       let d = !0;
-      return p.dataPermission && (d = p.dataPermission), _ && d;
+      return p.dataPermission && (d = p.dataPermission), x && d;
     })), C = T(() => ({
       show: y.value.slice(0, k.showNums),
       hide: y.value.slice(k.showNums)
     }));
-    return (p, _) => (o(), c("div", fe, [
-      y.value.length > a.showNums ? (o(), c(x, { key: 0 }, [
-        (o(!0), c(x, null, N(C.value.show, (d, v) => (o(), i(n(L), {
+    return (p, x) => (o(), c("div", ye, [
+      y.value.length > a.showNums ? (o(), c(_, { key: 0 }, [
+        (o(!0), c(_, null, N(C.value.show, (d, v) => (o(), i(n(L), {
           key: v,
           type: "primary",
           link: "",
           onClick: (M) => r(d.fn, d.row)
         }, {
           default: s(() => [
-            z(m(d.label), 1)
+            A(m(d.label), 1)
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
-        w(n(se), {
+        w(n(de), {
           "popper-class": "custom-dropdown",
           trigger: "click"
         }, {
           dropdown: s(() => [
-            w(n(re), { style: { padding: "14px 0" } }, {
+            w(n(ie), { style: { padding: "14px 0" } }, {
               default: s(() => [
-                (o(!0), c(x, null, N(C.value.hide, (d, v) => (o(), i(n(de), {
+                (o(!0), c(_, null, N(C.value.hide, (d, v) => (o(), i(n(ce), {
                   key: v,
-                  class: D({
+                  class: z({
                     "is-delete": d.label === n($)("COMMON_BUTTON.DELETE_TEXT") || d.label === n($)("COMMON_BUTTON.DISABLE_TEXT") || d.isDanger
                   }),
                   onClick: (M) => r(d.fn, d.row)
                 }, {
                   default: s(() => [
-                    z(m(d.label), 1)
+                    A(m(d.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"]))), 128))
@@ -74,10 +138,10 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
             })
           ]),
           default: s(() => [
-            h("div", be, [
-              w(n(A), { style: { "font-size": "20px", color: "#999" } }, {
+            h("div", ge, [
+              w(n(D), { style: { "font-size": "20px", color: "#999" } }, {
                 default: s(() => [
-                  w(n(ae))
+                  w(n(se))
                 ]),
                 _: 1
               })
@@ -85,26 +149,26 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
           ]),
           _: 1
         })
-      ], 64)) : (o(!0), c(x, { key: 1 }, N(y.value, (d, v) => (o(), i(n(L), {
+      ], 64)) : (o(!0), c(_, { key: 1 }, N(y.value, (d, v) => (o(), i(n(L), {
         type: "primary",
         link: "",
         key: v,
         onClick: (M) => r(d.fn, d.row)
       }, {
         default: s(() => [
-          z(m(d.label), 1)
+          A(m(d.label), 1)
         ]),
         _: 2
       }, 1032, ["onClick"]))), 128))
     ]));
   }
-}, ye = /* @__PURE__ */ F(we, [["__scopeId", "data-v-a15d8f7e"]]), ge = {
+}, Ce = /* @__PURE__ */ F(ke, [["__scopeId", "data-v-552341e3"]]), xe = {
   key: 0,
   class: "aibox-table__handle"
-}, ke = { class: "handle-left" }, Ce = { class: "handle-right" }, _e = { class: "aibox-table__content" }, xe = { key: 0 }, ve = { class: "aibox-table__slot-wrapper" }, Se = { class: "aibox-table__slot-wrapper" }, Te = ["innerHTML"], me = ["innerHTML"], $e = { class: "aibox-table__slot-wrapper" }, Be = ["onClick"], Ne = { class: "aibox-table__slot-wrapper" }, Me = ["onClick"], Ee = { class: "aibox-table__slot-wrapper" }, ze = { class: "flex items-center" }, De = { class: "aibox-table__slot-wrapper" }, Ae = {
+}, _e = { class: "handle-left" }, ve = { class: "handle-right" }, Se = { class: "aibox-table__content" }, Te = { key: 0 }, me = { class: "aibox-table__slot-wrapper" }, $e = { class: "aibox-table__slot-wrapper" }, Be = ["innerHTML"], Ne = ["innerHTML"], Me = { class: "aibox-table__slot-wrapper" }, Ee = ["onClick"], Ae = { class: "aibox-table__slot-wrapper" }, ze = ["onClick"], De = { class: "aibox-table__slot-wrapper" }, Oe = { class: "flex items-center" }, Pe = { class: "aibox-table__slot-wrapper" }, Re = {
   key: 0,
   class: "aibox-table__slot-wrapper"
-}, Oe = {
+}, He = {
   __name: "AiboxTable",
   props: {
     columns: {
@@ -229,7 +293,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
     "onRowClick"
   ],
   setup(a, { expose: k, emit: $ }) {
-    const r = a, { t: y } = I(), C = H(null), p = H([]), _ = T(() => typeof r.total == "string" ? Number(r.total) : r.total), d = T(() => r.showChangeSize ? "total, sizes, prev, pager, next, jumper" : "total, prev, pager, next, jumper"), v = T(() => _.value > 10 && r.hasPage), M = T(() => r.columns?.find?.((u) => u?.type === "selection")?.selectable || O), j = T(() => {
+    const r = a, { t: y } = I(), C = H(null), p = H([]), x = T(() => typeof r.total == "string" ? Number(r.total) : r.total), d = T(() => r.showChangeSize ? "total, sizes, prev, pager, next, jumper" : "total, prev, pager, next, jumper"), v = T(() => x.value > 10 && r.hasPage), M = T(() => r.columns?.find?.((u) => u?.type === "selection")?.selectable || O), j = T(() => {
       const t = r.data || [];
       if (!t.length) return !1;
       const u = M.value;
@@ -269,21 +333,21 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
       handleToggleRowSelection: E,
       clearSort: Y
     }), (t, u) => (o(), c("div", {
-      class: D([{
+      class: z([{
         "row-click-style": a.isCanRowClick,
         "no-pagination": !v.value
       }, "aibox-table"])
     }, [
-      a.hasHeaderHandle ? (o(), c("div", ge, [
-        h("div", ke, [
+      a.hasHeaderHandle ? (o(), c("div", xe, [
+        h("div", _e, [
           b(t.$slots, "handleLeft", {}, void 0, !0)
         ]),
-        h("div", Ce, [
+        h("div", ve, [
           b(t.$slots, "handleRight", {}, void 0, !0)
         ])
       ])) : B("", !0),
-      h("div", _e, [
-        w(n(ie), {
+      h("div", Se, [
+        w(n(ue), {
           ref_key: "aiboxTable",
           ref: C,
           "element-loading-text": n(y)("COMMON_DATA.LOADING_SUFFIX"),
@@ -310,16 +374,16 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
           "default-expand-all": a.defaultExpandAll
         }, {
           empty: s(() => [
-            a.isCustomEmpty ? (o(), c("div", Ae, [
+            a.isCustomEmpty ? (o(), c("div", Re, [
               b(t.$slots, "customEmpty", {}, void 0, !0)
-            ])) : (o(), i(n(ce), {
+            ])) : (o(), i(n(he), {
               key: 1,
               description: n(y)("COMMON_DATA.EMPTY"),
               "image-size": 80
             }, null, 8, ["description"]))
           ]),
           default: s(() => [
-            (o(!0), c(x, null, N(a.columns, (e) => (o(), c(x, null, [
+            (o(!0), c(_, null, N(a.columns, (e) => (o(), c(_, null, [
               e.type === "selection" ? (o(), i(n(f), {
                 key: e.type,
                 type: "selection",
@@ -335,7 +399,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 width: e.width || "100px"
               }, {
                 default: s((l) => [
-                  a.isLoading ? B("", !0) : (o(), c("span", xe, m((a.pages.page - 1) * a.pages.size + l.$index + 1), 1))
+                  a.isLoading ? B("", !0) : (o(), c("span", Te, m((a.pages.page - 1) * a.pages.size + l.$index + 1), 1))
                 ]),
                 _: 1
               }, 8, ["label", "width"])) : e.slot ? (o(), i(n(f), {
@@ -352,7 +416,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 "show-overflow-tooltip": e.showOverflowTooltip
               }, W({
                 default: s((l) => [
-                  h("div", Se, [
+                  h("div", $e, [
                     b(t.$slots, e.slot, {
                       row: l.row,
                       index: l.$index,
@@ -365,7 +429,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 e.headerSlot ? {
                   name: "header",
                   fn: s(() => [
-                    h("div", ve, [
+                    h("div", me, [
                       b(t.$slots, e.headerSlot, {
                         item: e,
                         minWidth: e.minWidth
@@ -388,7 +452,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 default: s((l) => [
                   h("span", {
                     innerHTML: e.callback && e.callback(l.row)
-                  }, null, 8, Te)
+                  }, null, 8, Be)
                 ]),
                 _: 2
               }, 1032, ["align", "prop", "label", "width", "min-width", "fixed", "sortable"])) : e.type === "multistage" ? (o(), i(n(f), {
@@ -402,7 +466,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 "header-align": e.headerAlign || "left"
               }, {
                 default: s(() => [
-                  (o(!0), c(x, null, N(e.children, (l) => (o(), c(x, null, [
+                  (o(!0), c(_, null, N(e.children, (l) => (o(), c(_, null, [
                     l.callback ? (o(), i(n(f), {
                       key: l.callback,
                       prop: l.prop,
@@ -413,7 +477,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                       default: s((S) => [
                         h("span", {
                           innerHTML: l.callback && l.callback(S.row)
-                        }, null, 8, me)
+                        }, null, 8, Ne)
                       ]),
                       _: 2
                     }, 1032, ["prop", "label", "min-width"])) : l.slot ? (o(), i(n(f), {
@@ -423,7 +487,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                       label: l.label
                     }, {
                       default: s((S) => [
-                        h("div", $e, [
+                        h("div", Me, [
                           b(t.$slots, l.slot, {
                             row: S.row,
                             column: S.column,
@@ -443,10 +507,10 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                         h("span", {
                           onClick: () => l.headerClick({ parent: e.label, ...l }),
                           style: { color: "#5b9bd1", cursor: "pointer" }
-                        }, m(l.label), 9, Be)
+                        }, m(l.label), 9, Ee)
                       ]),
                       default: s((S) => [
-                        h("div", Ne, [
+                        h("div", Ae, [
                           b(t.$slots, "custom", {
                             data: {
                               col: { parent: e.label, ...l },
@@ -480,10 +544,10 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                   h("span", {
                     onClick: () => e.headerClick({ parent: "", ...e }),
                     style: { color: "#5b9bd1", cursor: "pointer" }
-                  }, m(e.label), 9, Me)
+                  }, m(e.label), 9, ze)
                 ]),
                 default: s((l) => [
-                  h("div", Ee, [
+                  h("div", De, [
                     b(t.$slots, "custom", {
                       data: {
                         col: { parent: "", ...e },
@@ -501,11 +565,11 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 fixed: "right"
               }, {
                 default: s((l) => [
-                  h("div", ze, [
+                  h("div", Oe, [
                     b(t.$slots, "goto", {
                       row: l.row
                     }, void 0, !0),
-                    e?.config?.(l.row)?.length ? (o(), i(ye, {
+                    e?.config?.(l.row)?.length ? (o(), i(Ce, {
                       key: 0,
                       "show-nums": a.showHandleNums,
                       config: e.config(l.row, l.$index),
@@ -520,7 +584,7 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
                 width: e.width
               }, {
                 default: s((l) => [
-                  h("div", De, [
+                  h("div", Pe, [
                     b(t.$slots, "expand", {
                       row: l.row,
                       column: l.column
@@ -555,16 +619,16 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
           _: 3
         }, 8, ["element-loading-text", "tree-props", "header-row-class-name", "data", "border", "height", "default-sort", "span-method", "expand-row-keys", "show-summary", "summary-method", "default-expand-all"])
       ]),
-      _.value > 10 && a.hasPage ? (o(), c("div", {
+      x.value > 10 && a.hasPage ? (o(), c("div", {
         key: 1,
-        class: D([a.isPagePostion ? "aibox-table__pages" : "aibox-table__page"])
+        class: z([a.isPagePostion ? "aibox-table__pages" : "aibox-table__page"])
       }, [
-        w(n(ue), {
+        w(n(pe), {
           layout: d.value,
           "current-page": a.pages.page,
           "page-sizes": [10, 20, 50, 100],
           "page-size": a.pages.size,
-          total: _.value,
+          total: x.value,
           "pager-count": a.pagerCount,
           size: a.size,
           onSizeChange: G,
@@ -573,73 +637,9 @@ import '../assets/BackBar.css';const fe = { class: "table-btns" }, be = { class:
       ], 2)) : B("", !0)
     ], 2));
   }
-}, Ve = /* @__PURE__ */ F(Oe, [["__scopeId", "data-v-1e856800"]]), Pe = { class: "back-bar__icon" }, Re = {
-  key: 0,
-  class: "back-bar__title"
-}, He = {
-  key: 1,
-  class: "back-bar__tip"
-}, Xe = {
-  __name: "BackBar",
-  props: {
-    goBackFn: {
-      type: Function,
-      default: null
-    },
-    backBarStyle: {
-      type: String,
-      default: "#fff"
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    tipContent: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(a) {
-    const k = a, $ = pe(), r = () => {
-      k.goBackFn ? k.goBackFn() : $.back();
-    };
-    return (y, C) => (o(), c("div", {
-      class: "back-bar",
-      style: le({ "background-color": a.backBarStyle })
-    }, [
-      h("div", Pe, [
-        w(n(A), {
-          onClick: te(r, ["stop"])
-        }, {
-          default: s(() => [
-            w(n(oe))
-          ]),
-          _: 1
-        })
-      ]),
-      b(y.$slots, "default"),
-      a.title ? (o(), c("div", Re, m(a.title), 1)) : B("", !0),
-      a.tipContent ? (o(), c("div", He, [
-        w(n(he), {
-          content: a.tipContent,
-          placement: "right"
-        }, {
-          default: s(() => [
-            w(n(A), { size: "14" }, {
-              default: s(() => [
-                w(n(ne))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["content"])
-      ])) : B("", !0)
-    ], 4));
-  }
-};
+}, Xe = /* @__PURE__ */ F(He, [["__scopeId", "data-v-1d0bcb93"]]);
 export {
-  ye as T,
-  Ve as _,
-  Xe as a
+  Xe as A,
+  Ce as T,
+  Ve as _
 };

package/es/chunks/enums.WrpwbF4w.js

@@ -0,0 +1,14 @@
+import "color-star-custom-components";
+const a = {
+  卡片: "Card",
+  按钮: "Button",
+  面板: "Panel",
+  自定义: "Custom"
+}, o = {
+  page: 1,
+  size: 10
+};
+export {
+  a as U,
+  o as p
+};

package/es/chunks/index.BDd6hHiU.js

@@ -0,0 +1,172 @@
+import { ref as w, shallowRef as O, watch as B, onMounted as k, createElementBlock as A, openBlock as m, normalizeClass as N, createBlock as I, createCommentVNode as M, createVNode as u, unref as s, withCtx as y } from "vue";
+import { ElMessage as g, ElIcon as P, ElScrollbar as b } from "element-plus";
+import { Codemirror as L } from "vue-codemirror";
+import { EditorView as h } from "@codemirror/view";
+import { json as x } from "@codemirror/lang-json";
+import { oneDark as V } from "@codemirror/theme-one-dark";
+import { codeFolding as _ } from "@codemirror/language";
+import { IconCopy1 as R } from "color-message-aibox-vue";
+import { u as T } from "./i18n.k9Q_HVMs.js";
+import F from "copy-to-clipboard";
+import { _ as j } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/index.css';const D = () => {
+  const { t: a } = T();
+  return {
+    copyText: (l) => {
+      F(l) ? g({
+        message: a("MESSAGE_REMIND.COPY_SUCCESS"),
+        type: "success"
+      }) : g({
+        message: a("COMMON_STORE_LIBRARY.LABEL_COPY_FAIL"),
+        type: "error"
+      });
+    }
+  };
+}, J = {
+  __name: "index",
+  props: {
+    code: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "json"
+    },
+    customExpandDepth: {
+      type: Number,
+      default: 1 / 0
+    },
+    sort: {
+      type: Boolean,
+      default: !0
+    },
+    noPadding: {
+      type: Boolean,
+      default: !1
+    },
+    theme: {
+      type: String,
+      default: "light"
+    },
+    showLength: {
+      type: Boolean,
+      default: !1
+    },
+    maxHeight: {
+      type: String,
+      default: "calc(100% - 125px)"
+    },
+    showCopy: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否自定义折叠
+    enableFolding: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const { copyText: d } = D(), l = a, i = w(""), p = {
+      json: () => x()
+    }, C = () => {
+      const r = l.language.toLowerCase();
+      return p[r] ? p[r]() : x();
+    }, f = O([]), E = (r) => {
+      const t = r.trim(), n = (o) => {
+        try {
+          return JSON.parse(o);
+        } catch {
+          return null;
+        }
+      };
+      let e = null;
+      if ((t.startsWith("{") || t.startsWith("[")) && (e = n(t)), !e) {
+        const o = `{${t.replace(/,\s*$/, "")}}`;
+        e = n(o);
+      }
+      if (e && typeof e == "object" && !Array.isArray(e)) {
+        const o = e.role;
+        if (o) return "role: " + o;
+      }
+      return "";
+    }, S = () => {
+      const r = [
+        C(),
+        h.editable.of(!1),
+        // 只读模式
+        h.lineWrapping
+        // 自动换行
+      ];
+      l.enableFolding && r.push(
+        // 配置代码折叠，自定义折叠后的显示内容
+        _({
+          preparePlaceholder: (t, n) => {
+            try {
+              const e = t.doc.sliceString(n.from, n.to);
+              return E(e);
+            } catch (e) {
+              return console.error("Error getting fold preview:", e), "...";
+            }
+          },
+          placeholderDOM: (t, n, e) => {
+            const o = document.createElement("span");
+            return o.className = "cm-foldPlaceholder", o.onclick = n, o.style.cursor = "pointer", o.style.color = "#888", o.style.padding = "0 4px", o.style.borderRadius = "3px", o.textContent = e ? `${e}...` : "...", o;
+          }
+        })
+      ), l.theme === "dark" && r.push(V), f.value = r;
+    }, v = (r) => {
+      try {
+        const t = JSON.parse(r);
+        if (l.sort && typeof t == "object" && t !== null) {
+          const n = (e) => Array.isArray(e) ? e.map(n) : typeof e == "object" && e !== null ? Object.keys(e).sort().reduce((o, c) => (o[c] = n(e[c]), o), {}) : e;
+          return JSON.stringify(n(t), null, 2);
+        }
+        return JSON.stringify(t, null, 2);
+      } catch {
+        return r;
+      }
+    };
+    return B(
+      () => l.code,
+      (r) => {
+        l.language === "json" ? i.value = v(r) : i.value = r;
+      },
+      { immediate: !0 }
+    ), k(() => {
+      S();
+    }), (r, t) => (m(), A("div", {
+      class: N(["code-viewer", { "no-padding": a.noPadding, dark: a.theme === "dark" }])
+    }, [
+      a.showCopy ? (m(), I(s(P), {
+        key: 0,
+        onClick: t[0] || (t[0] = (n) => s(d)(a.code)),
+        class: "code-viewer__copy",
+        color: "#96A0AB",
+        size: "18px"
+      }, {
+        default: y(() => [
+          u(s(R))
+        ]),
+        _: 1
+      })) : M("", !0),
+      u(s(b), { "max-height": a.maxHeight }, {
+        default: y(() => [
+          u(s(L), {
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
+            style: { height: "100%", minHeight: "100px" },
+            extensions: f.value,
+            disabled: !0
+          }, null, 8, ["modelValue", "extensions"])
+        ]),
+        _: 1
+      }, 8, ["max-height"])
+    ], 2));
+  }
+}, Z = /* @__PURE__ */ j(J, [["__scopeId", "data-v-011cdc70"]]);
+export {
+  Z as C,
+  D as u
+};