ik-next-ui 0.0.1

package/dist/IkImageViewer/ik.index.es.js

@@ -0,0 +1,552 @@
+import { unref as o, getCurrentScope as ke, onScopeDispose as he, watch as Q, defineComponent as _e, markRaw as q, ref as T, effectScope as xe, shallowRef as Ce, computed as E, nextTick as Ne, onMounted as Ee, openBlock as S, createBlock as J, Teleport as Te, createVNode as c, Transition as Le, withCtx as b, createElementVNode as I, normalizeStyle as ee, normalizeClass as p, withModifiers as Ae, createCommentVNode as z, createElementBlock as $, Fragment as te, resolveDynamicComponent as Se, renderList as ze, withDirectives as Re, vShow as Pe, renderSlot as Me } from "vue";
+import { paramType as ne, _ as F } from "iking-utils-pro";
+import { useLocale as Be, useNamespace as Ve, useZIndex as Xe, ElIcon as h, EVENT_CODE as L } from "element-plus";
+import { ScaleToOriginal as Ye, FullScreen as $e, Close as Fe, ArrowLeft as Qe, ArrowRight as De, ZoomOut as He, ZoomIn as We, RefreshLeft as je, RefreshRight as Ze } from "@element-plus/icons-vue";
+const Ge = (e, s) => (e.install = (a) => {
+  for (const f of [e, ...Object.values({})])
+    a.component(f.name, f);
+}, e);
+var oe;
+const ue = typeof window < "u", Ke = (e) => typeof e == "string", Ue = () => {
+};
+ue && ((oe = window == null ? void 0 : window.navigator) != null && oe.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function ce(e) {
+  return typeof e == "function" ? e() : o(e);
+}
+function qe(e) {
+  return e;
+}
+function Je(e) {
+  return ke() ? (he(e), !0) : !1;
+}
+function et(e) {
+  var s;
+  const a = ce(e);
+  return (s = a == null ? void 0 : a.$el) != null ? s : a;
+}
+const tt = ue ? window : void 0;
+function M(...e) {
+  let s, a, f, O;
+  if (Ke(e[0]) || Array.isArray(e[0]) ? ([a, f, O] = e, s = tt) : [s, a, f, O] = e, !s)
+    return Ue;
+  Array.isArray(a) || (a = [a]), Array.isArray(f) || (f = [f]);
+  const i = [], _ = () => {
+    i.forEach((d) => d()), i.length = 0;
+  }, B = (d, x, C, m) => (d.addEventListener(x, C, m), () => d.removeEventListener(x, C, m)), l = Q(() => [et(s), ce(O)], ([d, x]) => {
+    _(), d && i.push(...a.flatMap((C) => f.map((m) => B(d, C, m, x))));
+  }, { immediate: !0, flush: "post" }), R = () => {
+    l(), _();
+  };
+  return Je(R), R;
+}
+const ae = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, se = "__vueuse_ssr_handlers__";
+ae[se] = ae[se] || {};
+var re;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(re || (re = {}));
+var nt = Object.defineProperty, le = Object.getOwnPropertySymbols, ot = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable, ie = (e, s, a) => s in e ? nt(e, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[s] = a, st = (e, s) => {
+  for (var a in s || (s = {}))
+    ot.call(s, a) && ie(e, a, s[a]);
+  if (le)
+    for (var a of le(s))
+      at.call(s, a) && ie(e, a, s[a]);
+  return e;
+};
+const rt = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+st({
+  linear: qe
+}, rt);
+const lt = {
+  /**
+   * @description preview link list.
+   */
+  urlList: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description preview backdrop z-index.
+   */
+  zIndex: {
+    type: Number
+  },
+  /**
+   * @description the initial preview image index, less than or equal to the length of `url-list`.
+   */
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description whether preview is infinite.
+   */
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether user can emit close event when clicking backdrop.
+   */
+  hideOnClickModal: Boolean,
+  /**
+   * @description whether to append image itself to body. A nested parent element attribute transform should have this attribute set to `true`.
+   */
+  teleported: Boolean,
+  /**
+   * @description whether the image-viewer can be closed by pressing ESC.
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description the zoom rate of the image viewer zoom event.
+   */
+  zoomRate: {
+    type: Number,
+    default: 1.2
+  },
+  /**
+   * @description the min scale of the image viewer zoom event.
+   */
+  minScale: {
+    type: Number,
+    default: 0.2
+  },
+  /**
+   * @description the max scale of the image viewer zoom event.
+   */
+  maxScale: {
+    type: Number,
+    default: 7
+  },
+  /**
+   * @description set HTML attribute: crossorigin.
+   */
+  crossorigin: {
+    type: ["anonymous", "use-credentials", ""]
+  }
+}, it = {
+  close: () => !0,
+  switch: (e) => ne.isNumber(e),
+  rotate: (e) => ne.isNumber(e)
+}, ut = ["src", "crossorigin"], ct = /* @__PURE__ */ _e({
+  name: "ElImageViewer",
+  __name: "IkImageViewer",
+  props: lt,
+  emits: it,
+  setup(e, { expose: s, emit: a }) {
+    const f = (t) => Object.keys(t), O = {
+      CONTAIN: {
+        name: "contain",
+        icon: q($e)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: q(Ye)
+      }
+    }, i = e, _ = a, { t: B } = Be(), l = Ve("image-viewer"), { nextZIndex: R } = Xe(), d = T(), x = T([]), C = xe(), m = T(!0), y = T(i.initialIndex), P = Ce(O.CONTAIN), u = T({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), fe = T(i.zIndex ?? R()), de = E(() => {
+      const { urlList: t } = i;
+      return t.length <= 1;
+    }), D = E(() => y.value === 0), H = E(() => y.value === i.urlList.length - 1), me = E(() => i.urlList[y.value]), ve = E(() => [
+      l.e("btn"),
+      l.e("prev"),
+      l.is("disabled", !i.infinite && D.value)
+    ]), pe = E(() => [
+      l.e("btn"),
+      l.e("next"),
+      l.is("disabled", !i.infinite && H.value)
+    ]), ge = E(() => {
+      const { scale: t, deg: n, offsetX: r, offsetY: v, enableTransition: g } = u.value;
+      let w = r / t, k = v / t;
+      const A = n * Math.PI / 180, K = Math.cos(A), U = Math.sin(A);
+      w = w * K + k * U, k = k * K - r / t * U;
+      const Y = {
+        transform: `scale(${t}) rotate(${n}deg) translate(${w}px, ${k}px)`,
+        transition: g ? "transform .3s" : ""
+      };
+      return P.value.name === O.CONTAIN.name && (Y.maxWidth = Y.maxHeight = "100%"), Y;
+    });
+    function V() {
+      Ie(), _("close");
+    }
+    function we() {
+      const t = F.throttle((r) => {
+        switch (r.code) {
+          // ESC
+          case L.esc:
+            i.closeOnPressEscape && V();
+            break;
+          // SPACE
+          case L.space:
+            j();
+            break;
+          // LEFT_ARROW
+          case L.left:
+            Z();
+            break;
+          // UP_ARROW
+          case L.up:
+            N("zoomIn");
+            break;
+          // RIGHT_ARROW
+          case L.right:
+            G();
+            break;
+          // DOWN_ARROW
+          case L.down:
+            N("zoomOut");
+            break;
+        }
+      }), n = F.throttle((r) => {
+        const v = r.deltaY || r.deltaX;
+        N(v < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: i.zoomRate,
+          enableTransition: !1
+        });
+      });
+      C.run(() => {
+        M(document, "keydown", t), M(document, "wheel", n);
+      });
+    }
+    function Ie() {
+      C.stop();
+    }
+    function Oe() {
+      m.value = !1;
+    }
+    function be(t) {
+      m.value = !1, t.target.alt = B("el.image.error");
+    }
+    function ye(t) {
+      if (m.value || t.button !== 0 || !d.value) return;
+      u.value.enableTransition = !1;
+      const { offsetX: n, offsetY: r } = u.value, v = t.pageX, g = t.pageY, w = F.throttle((A) => {
+        u.value = {
+          ...u.value,
+          offsetX: n + A.pageX - v,
+          offsetY: r + A.pageY - g
+        };
+      }), k = M(document, "mousemove", w);
+      M(document, "mouseup", () => {
+        k();
+      }), t.preventDefault();
+    }
+    function W() {
+      u.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function j() {
+      if (m.value) return;
+      const t = f(O), n = Object.values(O), r = P.value.name, g = ((n == null ? void 0 : n.findIndex((w) => w.name === r)) + 1) % t.length;
+      P.value = O[t[g]], W();
+    }
+    function X(t) {
+      const n = i.urlList.length;
+      y.value = (t + n) % n;
+    }
+    function Z() {
+      D.value && !i.infinite || X(y.value - 1);
+    }
+    function G() {
+      H.value && !i.infinite || X(y.value + 1);
+    }
+    function N(t, n = {}) {
+      if (m.value) return;
+      const { minScale: r, maxScale: v } = i, { zoomRate: g, rotateDeg: w, enableTransition: k } = {
+        zoomRate: i.zoomRate,
+        rotateDeg: 90,
+        enableTransition: !0,
+        ...n
+      };
+      switch (t) {
+        case "zoomOut":
+          u.value.scale > r && (u.value.scale = Number.parseFloat(
+            (u.value.scale / g).toFixed(3)
+          ));
+          break;
+        case "zoomIn":
+          u.value.scale < v && (u.value.scale = Number.parseFloat(
+            (u.value.scale * g).toFixed(3)
+          ));
+          break;
+        case "clockwise":
+          u.value.deg += w, _("rotate", u.value.deg);
+          break;
+        case "anticlockwise":
+          u.value.deg -= w, _("rotate", u.value.deg);
+          break;
+      }
+      u.value.enableTransition = k;
+    }
+    return Q(me, () => {
+      Ne(() => {
+        const t = x.value[0];
+        t != null && t.complete || (m.value = !0);
+      });
+    }), Q(y, (t) => {
+      W(), _("switch", t);
+    }), Ee(() => {
+      var t, n;
+      we(), (n = (t = d.value) == null ? void 0 : t.focus) == null || n.call(t);
+    }), s({
+      /**
+       * @description manually switch image
+       */
+      setActiveItem: X
+    }), (t, n) => (S(), J(Te, { to: "body" }, [
+      c(Le, {
+        name: "viewer-fade",
+        appear: ""
+      }, {
+        default: b(() => [
+          I(
+            "div",
+            {
+              ref_key: "wrapper",
+              ref: d,
+              tabindex: -1,
+              class: p(o(l).e("wrapper")),
+              style: ee({ zIndex: fe.value })
+            },
+            [
+              I(
+                "div",
+                {
+                  class: p(o(l).e("mask")),
+                  onClick: n[0] || (n[0] = Ae((r) => t.hideOnClickModal && V(), ["self"]))
+                },
+                null,
+                2
+                /* CLASS */
+              ),
+              z(" CLOSE "),
+              I(
+                "span",
+                {
+                  class: p([o(l).e("btn"), o(l).e("close")]),
+                  onClick: V
+                },
+                [
+                  c(o(h), null, {
+                    default: b(() => [
+                      c(o(Fe))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ],
+                2
+                /* CLASS */
+              ),
+              z(" ARROW "),
+              de.value ? z("v-if", !0) : (S(), $(
+                te,
+                { key: 0 },
+                [
+                  I(
+                    "span",
+                    {
+                      class: p(ve.value),
+                      onClick: Z
+                    },
+                    [
+                      c(o(h), null, {
+                        default: b(() => [
+                          c(o(Qe))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  I(
+                    "span",
+                    {
+                      class: p(pe.value),
+                      onClick: G
+                    },
+                    [
+                      c(o(h), null, {
+                        default: b(() => [
+                          c(o(De))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )),
+              z(" ACTIONS "),
+              I(
+                "div",
+                {
+                  class: p([o(l).e("btn"), o(l).e("actions")])
+                },
+                [
+                  I(
+                    "div",
+                    {
+                      class: p(o(l).e("actions__inner"))
+                    },
+                    [
+                      c(o(h), {
+                        onClick: n[1] || (n[1] = (r) => N("zoomOut"))
+                      }, {
+                        default: b(() => [
+                          c(o(He))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      c(o(h), {
+                        onClick: n[2] || (n[2] = (r) => N("zoomIn"))
+                      }, {
+                        default: b(() => [
+                          c(o(We))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      I(
+                        "i",
+                        {
+                          class: p(o(l).e("actions__divider"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      c(o(h), { onClick: j }, {
+                        default: b(() => [
+                          (S(), J(Se(P.value.icon)))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      I(
+                        "i",
+                        {
+                          class: p(o(l).e("actions__divider"))
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      c(o(h), {
+                        onClick: n[3] || (n[3] = (r) => N("anticlockwise"))
+                      }, {
+                        default: b(() => [
+                          c(o(je))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      c(o(h), {
+                        onClick: n[4] || (n[4] = (r) => N("clockwise"))
+                      }, {
+                        default: b(() => [
+                          c(o(Ze))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ],
+                2
+                /* CLASS */
+              ),
+              z(" CANVAS "),
+              I(
+                "div",
+                {
+                  class: p(o(l).e("canvas"))
+                },
+                [
+                  (S(!0), $(
+                    te,
+                    null,
+                    ze(t.urlList, (r, v) => Re((S(), $("img", {
+                      ref_for: !0,
+                      ref: (g) => x.value[v] = g,
+                      key: r,
+                      src: r,
+                      style: ee(ge.value),
+                      class: p(o(l).e("img")),
+                      crossorigin: t.crossorigin,
+                      onLoad: Oe,
+                      onError: be,
+                      onMousedown: ye
+                    }, null, 46, ut)), [
+                      [Pe, v === y.value]
+                    ])),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              Me(t.$slots, "default")
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ]));
+  }
+}), pt = Ge(ct);
+export {
+  pt as IkImageViewer,
+  pt as default
+};

package/dist/IkMonacoEditor/ik-next-ui.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ik-icon[data-v-701f2359]{cursor:pointer;outline:none;border-radius:var(--ik-radius)}.ik-icon[data-v-701f2359] .el-tooltip__trigger{width:inherit;height:inherit}.ik-icon .iconfont[data-v-701f2359]{display:inline-flex;align-items:center;justify-content:center}.ik-icon .two-color-icon[data-v-701f2359]{transition:all .2s ease}.ik-icon.margin+.ik-icon[data-v-701f2359]:not(.un-margin){margin-left:var(--ik-margin-8)}.ik-icon:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-hover);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-icon.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-active);--ik-icon-shallow-color: var(--ik-icon-shallow-active)}.ik-icon.is-disabled .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-disabled);--ik-icon-shallow-color: var(--ik-icon-shallow-disabled);cursor:not-allowed;opacity:.6}.ik-icon.is-success:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-success-deep-hover);--ik-icon-shallow-color: var(--ik-icon-success-shallow-hover)}.ik-icon.is-success.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-success-deep-active);--ik-icon-shallow-color: var(--ik-icon-success-shallow-active)}.ik-icon.is-warning:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-warning-deep-hover);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-hover)}.ik-icon.is-warning.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-warning-deep-active);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-active)}.ik-icon.is-danger:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-danger.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.is-error:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-error.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.text-danger[data-v-701f2359]:hover,.ik-icon .iksvg_shanchu[data-v-701f2359]:hover{color:var(--ik-color-error)}.ik-icon.is-active[data-v-701f2359]{color:var(--ik-color-primary)}.ik-icon.bg[data-v-701f2359]{color:var(--ik-icon-color);background-color:var(--ik-icon-bg)}.ik-icon.bg.is-active[data-v-701f2359]{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg.is-disabled[data-v-701f2359]{background-color:var(--ik-icon-disabled-bg)}.ik-icon.bg.is-success.is-active[data-v-701f2359]{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-success[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-warning.is-active[data-v-701f2359]{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-warning[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-danger.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-danger[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-error.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-icon-error-hover-bg)}.ik-icon.bg.is-error[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-error-bg)}.ik-icon.bg.text-danger.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg.text-danger[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg .iksvg_shanchu[data-v-701f2359]:hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg svg[data-v-701f2359]{padding:21%}.monaco-editor .margin-view-overlays .codicon-chevron-right,.monaco-editor .margin-view-overlays .codicon-chevron-down{font-size:100%!important}.monaco-editor .suggest-widget{width:200px}.monaco-editor .monaco-editor-overlaymessage{padding-bottom:8px}.monaco-editor .monaco-editor-overlaymessage.fadeIn{animation:monaco-fade-in .15s ease-out}.monaco-editor .monaco-editor-overlaymessage.fadeOut{animation:monaco-fade-out .1s ease-out}.monaco-editor .monaco-editor-overlaymessage .message{padding:1px 4px}.monaco-editor .monaco-editor-overlaymessage .anchor{position:absolute;z-index:1000;width:0!important;height:0!important;border-color:transparent;border-style:solid;border-width:8px}@keyframes monaco-fade-in{0%{opacity:0}to{opacity:1}}@keyframes monaco-fade-out{0%{opacity:1}to{opacity:0}}.datav-editor{position:relative;width:100%;height:240px;padding:0;overflow:hidden;background:var(--datav-component-bg-1);border:var(--datav-gui-editor-border)}.datav-editor .datav-editor-actions{position:absolute;right:10px;bottom:5px;z-index:1;width:40px;font-size:12px;text-align:right}.datav-editor .datav-editor-actions .action-btn{width:20px;color:var(--el-color-primary);cursor:pointer;transition:color .2s}.datav-editor .datav-editor-actions .action-btn:hover{color:var(--el-color-white)}.datav-editor.--read-only .margin,.datav-editor.--read-only .monaco-editor-background{background-color:#0c0c0c}.datav-fullscreen-editor-dialog{display:flex;flex-direction:column;width:90%;max-width:90%;height:95vh;margin-top:1%;background:var(--ik-page-content-bg)}.datav-fullscreen-editor-dialog.el-dialog .el-dialog__body{max-height:100%;height:100%}.datav-fullscreen-editor-dialog .n-dialog__content{height:100%;padding-bottom:10px;border-bottom:none}.datav-fullscreen-editor-dialog .datav-fullscreen-editor-wp{height:100%}.datav-fullscreen-editor-dialog .datav-fullscreen-editor{width:100%;height:100%}