go-view-worker 0.0.1

package/dist/init.js

@@ -0,0 +1,688 @@
+import { create as Z, NA as j, NP as $, NH1 as J, NH2 as _, NH3 as ee, NH4 as te, NH5 as oe, NCode as re, NCountdown as ae, NText as le, NTime as ne, NEllipsis as se, NMessageProvider as ie, NDialogProvider as ce, NConfigProvider as ue, NGradientText as de, NInput as Ne, NButton as me, NButtonGroup as he, NForm as pe, NFormItem as ve, NCheckboxGroup as fe, NCheckbox as ge, NIcon as we, NImage as be, NLayout as Ae, NLayoutHeader as Ce, NLayoutContent as ye, NLayoutFooter as Se, NLayoutSider as ke, NMenu as Re, NBreadcrumb as Be, NBreadcrumbItem as Le, NDropdown as Xe, NSpace as xe, NTooltip as Ee, NAvatar as Ie, NTabs as Ye, NTab as Te, NTabPane as De, NCard as Ue, NRow as Oe, NCol as Pe, NDrawer as Ge, NDrawerContent as Fe, NDivider as Qe, NSwitch as He, NBadge as Me, NAlert as Ve, NElement as Ke, NTag as ze, NNotificationProvider as qe, NNumberAnimation as We, NProgress as Ze, NDatePicker as je, NGrid as $e, NGi as Je, NGridItem as _e, NList as et, NListItem as tt, NThing as ot, NDataTable as rt, NPopover as at, NPagination as lt, NSlider as nt, NSelect as st, NRadioGroup as it, NRadio as ct, NSteps as ut, NStep as dt, NInputGroup as Nt, NInputGroupLabel as mt, NResult as ht, NDescriptions as pt, NDescriptionsItem as vt, NTable as ft, NInputNumber as gt, NLoadingBarProvider as wt, NModal as bt, NUpload as At, NUploadFileList as Ct, NUploadTrigger as yt, NUploadDragger as St, NTree as kt, NSpin as Rt, NTimeline as Bt, NTimelineItem as Lt, NTimePicker as Xt, NBackTop as xt, NSkeleton as Et, NStatistic as It, NCarousel as Yt, NScrollbar as Tt, NPopselect as Dt, NCollapse as Ut, NCollapseItem as Ot, NColorPicker as Pt, NWatermark as Gt, NEmpty as Ft, NCollapseTransition as Qt } from "naive-ui";
+import { defineComponent as E, resolveComponent as Y, withDirectives as g, openBlock as b, createElementBlock as k, createElementVNode as h, createVNode as p, mergeProps as S, vShow as w, ref as R, onMounted as K, computed as f, reactive as Ht, watch as D, normalizeStyle as x, toDisplayString as z, normalizeClass as Mt, Fragment as Vt, renderList as Kt, createBlock as zt } from "vue";
+import { y as qt, z as Wt, A as Zt, B as jt } from "./chunks/designStore-fe92c2ba.js";
+import "vue-router";
+import "pinia";
+function $t(e) {
+  const t = Z({
+    components: [
+      j,
+      $,
+      J,
+      _,
+      ee,
+      te,
+      oe,
+      re,
+      ae,
+      le,
+      ne,
+      se,
+      ie,
+      ce,
+      ue,
+      de,
+      Ne,
+      me,
+      he,
+      pe,
+      ve,
+      fe,
+      ge,
+      we,
+      be,
+      Ae,
+      Ce,
+      ye,
+      Se,
+      ke,
+      Re,
+      Be,
+      Le,
+      Xe,
+      xe,
+      Ee,
+      Ie,
+      Ye,
+      Te,
+      De,
+      Ue,
+      Oe,
+      Pe,
+      Ge,
+      Fe,
+      Qe,
+      He,
+      Me,
+      Ve,
+      Ke,
+      ze,
+      qe,
+      We,
+      Ze,
+      je,
+      $e,
+      Je,
+      _e,
+      et,
+      tt,
+      ot,
+      rt,
+      at,
+      lt,
+      nt,
+      st,
+      it,
+      ct,
+      ut,
+      dt,
+      Nt,
+      mt,
+      ht,
+      pt,
+      vt,
+      ft,
+      gt,
+      wt,
+      bt,
+      At,
+      Ct,
+      yt,
+      St,
+      kt,
+      Rt,
+      Bt,
+      Lt,
+      Xt,
+      xt,
+      Et,
+      It,
+      Yt,
+      Tt,
+      Dt,
+      Ut,
+      Ot,
+      Pt,
+      Gt,
+      Ft,
+      Qt
+    ]
+  });
+  e.use(t);
+}
+function Jt(e) {
+  e.use(qt, {
+    error: Wt()
+  });
+}
+const _t = { class: "go-skeleton" }, eo = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    repeat: {
+      type: Number,
+      default: 1
+    },
+    load: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    return (t, l) => {
+      const n = Y("n-skeleton");
+      return g((b(), k("div", _t, [
+        g(h("div", null, [
+          p(n, S({ class: "item" }, t.$attrs), null, 16)
+        ], 512), [
+          [w, e.repeat == 1]
+        ]),
+        g(h("div", null, [
+          p(n, S({ class: "item" }, t.$attrs), null, 16),
+          p(n, S({ class: "item" }, t.$attrs, { style: { width: "60%" } }), null, 16)
+        ], 512), [
+          [w, e.repeat == 2]
+        ]),
+        g(h("div", null, [
+          p(n, S({ class: "item" }, t.$attrs, {
+            repeat: e.repeat - 2
+          }), null, 16, ["repeat"]),
+          p(n, S({ class: "item" }, t.$attrs, { style: { width: "60%" } }), null, 16),
+          p(n, S({ class: "item" }, t.$attrs, { style: { width: "50%" } }), null, 16)
+        ], 512), [
+          [w, e.repeat > 2]
+        ])
+      ], 512)), [
+        [w, e.load]
+      ]);
+    };
+  }
+}), to = /* @__PURE__ */ Zt(eo, [["__scopeId", "data-v-20d57171"]]);
+/*!vue3-sketch-ruler v1.3.152024年2月Mon Feb 19 2024 15:43:31 GMT+0800 (中国标准时间)制作*/
+const oo = E({
+  name: "LineRuler",
+  props: {
+    scale: Number,
+    thick: Number,
+    palette: Object,
+    index: Number,
+    start: Number,
+    vertical: Boolean,
+    value: Number,
+    isShowReferLine: Boolean
+  },
+  emits: ["onMouseDown", "onRelease", "onRemove"],
+  setup(e, { emit: t }) {
+    const l = R(0), n = R(!0);
+    K(() => {
+      l.value = e.value;
+    });
+    const i = (r) => {
+      n.value = r >= 0;
+    }, c = f(() => {
+      const r = (l.value - e.start) * e.scale;
+      i(r);
+      const o = r + "px";
+      return e.vertical ? { top: o } : { left: o };
+    }), a = f(() => {
+      var r;
+      const o = `1px solid ${(r = e.palette) == null ? void 0 : r.lineColor}`, u = e.vertical ? { borderTop: o } : { borderLeft: o };
+      return {
+        cursor: e.isShowReferLine ? e.vertical ? "ns-resize" : "ew-resize" : "none",
+        ...u
+      };
+    }), s = f(() => e.vertical ? { left: e.thick + "px" } : { top: e.thick + "px" });
+    return {
+      startValue: l,
+      showLine: n,
+      offset: c,
+      borderCursor: a,
+      actionStyle: s,
+      handleDown: (r) => {
+        const o = e.vertical ? r.clientY : r.clientX, u = l.value;
+        t("onMouseDown");
+        const N = (A) => {
+          const B = e.vertical ? A.clientY : A.clientX, L = Math.round(u + (B - o) / e.scale);
+          l.value = L;
+        }, d = () => {
+          t("onRelease", l.value, e.index), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", d);
+        };
+        document.addEventListener("mousemove", N), document.addEventListener("mouseup", d);
+      },
+      handleRemove: () => {
+        t("onRemove", e.index);
+      }
+    };
+  }
+}), T = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, i] of t)
+    l[n] = i;
+  return l;
+}, ro = { class: "value" };
+function ao(e, t, l, n, i, c) {
+  return g((b(), k("div", {
+    class: "line",
+    style: x([e.offset, e.borderCursor]),
+    onMousedown: t[1] || (t[1] = (...a) => e.handleDown && e.handleDown(...a))
+  }, [
+    h("div", {
+      class: "action",
+      style: x(e.actionStyle)
+    }, [
+      h("span", {
+        class: "del",
+        onClick: t[0] || (t[0] = (...a) => e.handleRemove && e.handleRemove(...a))
+      }, "×"),
+      h("span", ro, z(e.startValue), 1)
+    ], 4)
+  ], 36)), [
+    [w, e.showLine]
+  ]);
+}
+const lo = /* @__PURE__ */ T(oo, [["render", ao], ["__scopeId", "data-v-053590ce"]]), no = (e) => e <= 0.25 ? 40 : e <= 0.5 ? 20 : e <= 1 ? 10 : e <= 2 ? 5 : e <= 4 ? 2 : 1, V = 0.83, so = (e, t, l, n, i, c) => {
+  const { scale: a, width: s, height: r, ratio: o, palette: u } = i, { bgColor: N, fontColor: d, shadowColor: A, longfgColor: B, shortfgColor: L } = u, U = c ? i.startNumX : i.startNumY, O = c ? i.endNumX : i.endNumY;
+  if (e.scale(o, o), e.clearRect(0, 0, s, r), e.fillStyle = N, e.fillRect(0, 0, s, r), n) {
+    const v = (l - t) * a, X = n * a;
+    e.fillStyle = A, c ? e.fillRect(v, 0, X, r * 3 / 8) : e.fillRect(0, v, s * 3 / 8, X);
+  }
+  const C = no(a), P = C * a, y = C * 10, G = y * a, F = Math.floor(t / C) * C, Q = Math.floor(t / y) * y, q = (F - t) / C * P, W = (Q - t) / y * G, H = t + Math.ceil((c ? s : r) / a);
+  e.beginPath(), e.fillStyle = d, e.strokeStyle = B;
+  for (let v = Q, X = 0; v < H; v += y, X++) {
+    if (v >= U && v <= O) {
+      const m = W + X * G + 0.5;
+      c ? e.moveTo(m, 0) : e.moveTo(0, m), e.save(), c ? e.translate(m, r * 0.4) : e.translate(s * 0.4, m), c || e.rotate(-Math.PI / 2), e.scale(V / o, V / o), e.fillText(v.toString(), 4 * o, 7 * o), e.restore(), c ? e.lineTo(m, r * 9 / 16) : e.lineTo(s * 9 / 16, m);
+    }
+    e.stroke(), e.closePath(), e.beginPath(), e.strokeStyle = L;
+    for (let m = F, M = 0; m < H; m += C, M++)
+      if (m >= U && m <= O) {
+        const I = q + M * P + 0.5;
+        c ? e.moveTo(I, 0) : e.moveTo(0, I), m % y !== 0 && (c ? e.lineTo(I, r * 1 / 4) : e.lineTo(s * 1 / 4, I));
+      }
+    e.stroke(), e.closePath(), e.setTransform(1, 0, 0, 1, 0, 0);
+  }
+}, io = E({
+  name: "CanvasRuler",
+  props: {
+    showIndicator: Boolean,
+    valueNum: Number,
+    scale: Number,
+    ratio: Number,
+    palette: Object,
+    vertical: Boolean,
+    start: Number,
+    width: Number,
+    height: Number,
+    selectStart: Number,
+    selectLength: Number,
+    startNumX: Number,
+    endNumX: Number,
+    startNumY: Number,
+    endNumY: Number
+  },
+  emits: ["onAddLine", "update:showIndicator", "update:valueNum"],
+  setup(e, { emit: t }) {
+    const l = Ht({
+      canvasContext: null
+    });
+    let n = 1;
+    const i = R(null);
+    K(() => {
+      n = e.ratio || window.devicePixelRatio || 1, c(), a(n), s(n);
+    });
+    const c = () => {
+      l.canvasContext = i.value && i.value.getContext("2d");
+    }, a = (r) => {
+      if (i.value) {
+        i.value.width = e.width * r, i.value.height = e.height * r;
+        const o = l.canvasContext;
+        o && (o.font = `${12 * r}px -apple-system,
+                "Helvetica Neue", ".SFNSText-Regular",
+                "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB",
+                "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif`, o.lineWidth = 1, o.textBaseline = "middle");
+      }
+    }, s = (r) => {
+      const o = {
+        scale: e.scale,
+        width: e.width,
+        height: e.height,
+        palette: e.palette,
+        startNumX: e.startNumX,
+        endNumX: e.endNumX,
+        startNumY: e.startNumY,
+        endNumY: e.endNumY,
+        ratio: r
+      };
+      l.canvasContext && so(
+        l.canvasContext,
+        e.start,
+        e.selectStart,
+        e.selectLength,
+        o,
+        !e.vertical
+      );
+    };
+    return D(
+      () => e.start,
+      () => s(n)
+    ), D([() => e.width, () => e.height], () => {
+      a(n), s(n);
+    }), {
+      handle: (r, o) => {
+        const u = (A, B, L) => Math.round(B + A / L), N = e.vertical ? r.offsetY : r.offsetX, d = u(N, e.start, e.scale);
+        switch (o) {
+          case "click":
+            t("onAddLine", d);
+            break;
+          case "enter":
+            t("update:valueNum", d), t("update:showIndicator", !0);
+            break;
+          default:
+            t("update:valueNum", d);
+            break;
+        }
+      },
+      canvas: i
+    };
+  }
+});
+function co(e, t, l, n, i, c) {
+  return b(), k("canvas", {
+    ref: "canvas",
+    class: "ruler",
+    onClick: t[0] || (t[0] = (a) => e.handle(a, "click")),
+    onMouseenter: t[1] || (t[1] = (a) => e.handle(a, "enter")),
+    onMousemove: t[2] || (t[2] = (a) => e.handle(a, "move")),
+    onMouseleave: t[3] || (t[3] = (a) => e.$emit("update:showIndicator", !1))
+  }, null, 544);
+}
+const uo = /* @__PURE__ */ T(io, [["render", co]]), No = {
+  scale: Number,
+  ratio: Number,
+  thick: Number,
+  startNumX: Number,
+  endNumX: Number,
+  startNumY: Number,
+  endNumY: Number,
+  palette: Object,
+  vertical: {
+    type: Boolean,
+    default: !0
+  },
+  width: {
+    type: Number,
+    default: 200
+  },
+  height: {
+    type: Number,
+    default: 200
+  },
+  start: {
+    type: Number,
+    default: 0
+  },
+  lines: {
+    type: Array,
+    default: () => []
+  },
+  selectStart: {
+    type: Number
+  },
+  selectLength: {
+    type: Number
+  },
+  isShowReferLine: {
+    type: Boolean
+  }
+}, mo = E({
+  name: "RulerWrapper",
+  components: {
+    CanvasRuler: uo,
+    RulerLine: lo
+  },
+  props: No,
+  setup(e) {
+    const t = R(!1), l = R(0), n = f(() => e.vertical ? "v-container" : "h-container"), i = f(() => {
+      const o = {
+        width: `calc(100% - ${e.thick}px)`,
+        height: `${e.thick + 1}px`,
+        left: `${e.thick}px`
+      }, u = {
+        width: `${e.thick && e.thick + 1}px`,
+        height: `calc(100% - ${e.thick}px)`,
+        top: `${e.thick}px`
+      };
+      return e.vertical ? u : o;
+    }), c = f(() => {
+      var o;
+      const u = (l.value - e.start) * e.scale;
+      let N = "top", d = "borderLeft";
+      return N = e.vertical ? "top" : "left", d = e.vertical ? "borderBottom" : "borderLeft", {
+        [N]: u + "px",
+        [d]: `1px solid ${(o = e.palette) == null ? void 0 : o.lineColor}`
+      };
+    }), a = (o) => {
+      e.lines.push(o);
+    }, s = (o, u) => {
+      const N = o - e.start, d = (e.vertical ? e.height : e.width) / e.scale;
+      N < 0 || N > d ? r(u) : e.lines[u] = o;
+    }, r = (o) => {
+      e.lines.splice(o, 1);
+    };
+    return {
+      showIndicator: t,
+      valueNum: l,
+      rwClassName: n,
+      rwStyle: i,
+      indicatorStyle: c,
+      handleNewLine: a,
+      handleLineRelease: s,
+      handleLineRemove: r
+    };
+  }
+}), ho = { class: "lines" }, po = { class: "value" };
+function vo(e, t, l, n, i, c) {
+  const a = Y("CanvasRuler"), s = Y("RulerLine");
+  return b(), k("div", {
+    class: Mt(e.rwClassName),
+    style: x(e.rwStyle)
+  }, [
+    p(a, {
+      vertical: e.vertical,
+      scale: e.scale,
+      width: e.width,
+      height: e.height,
+      start: e.start,
+      ratio: e.ratio,
+      startNumX: e.startNumX,
+      endNumX: e.endNumX,
+      startNumY: e.startNumY,
+      endNumY: e.endNumY,
+      "select-start": e.selectStart,
+      "select-length": e.selectLength,
+      palette: e.palette,
+      valueNum: e.valueNum,
+      "onUpdate:valueNum": t[0] || (t[0] = (r) => e.valueNum = r),
+      showIndicator: e.showIndicator,
+      "onUpdate:showIndicator": t[1] || (t[1] = (r) => e.showIndicator = r),
+      onOnAddLine: e.handleNewLine
+    }, null, 8, ["vertical", "scale", "width", "height", "start", "ratio", "startNumX", "endNumX", "startNumY", "endNumY", "select-start", "select-length", "palette", "valueNum", "showIndicator", "onOnAddLine"]),
+    g(h("div", ho, [
+      (b(!0), k(Vt, null, Kt(e.lines, (r, o) => (b(), zt(s, {
+        key: r + o,
+        index: o,
+        value: r >> 0,
+        scale: e.scale,
+        start: e.start,
+        thick: e.thick,
+        palette: e.palette,
+        vertical: e.vertical,
+        "is-show-refer-line": e.isShowReferLine,
+        onOnRemove: e.handleLineRemove,
+        onOnRelease: e.handleLineRelease
+      }, null, 8, ["index", "value", "scale", "start", "thick", "palette", "vertical", "is-show-refer-line", "onOnRemove", "onOnRelease"]))), 128))
+    ], 512), [
+      [w, e.isShowReferLine]
+    ]),
+    g(h("div", {
+      class: "indicator",
+      style: x(e.indicatorStyle)
+    }, [
+      h("div", po, z(e.valueNum), 1)
+    ], 4), [
+      [w, e.showIndicator]
+    ])
+  ], 6);
+}
+const fo = /* @__PURE__ */ T(mo, [["render", vo], ["__scopeId", "data-v-9da5477e"]]), go = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAopJREFUOE/FlE9IVEEcx7+/N9ouds1Mu0QUSFZYdIgoUqQoKPBQHsKozpXE7jbTO/U8xLJvn6usBHWQ6hBFXupSkQeVbh0KJEPp0sH+eLGTsKs77xcj78m0ax0E8cHjzZv5zef3/c33xxA24KENYGJzoEEQbNNaN4Zh2OQ4znwYhr9c1/39vwrXVDo0NNS0tLR0GYB5D64BmAMwzMyvlFKz1es10Hw+f4mZ7wHYBeA9gNdENFepVOaEEM3M3OI4Thczn41gt6WUgQ3+C+r7/h0AWQD3mXnYqPA8L9nQ0HCemduIaFpKOWoAhUJhT6VSuQXgOjP3K6W8GLwKzeVyp4jonR0QBEErM48w8zFLyayUsjX+z+VyHhHdZebTSqkxM78CHRgYOKS1/ghgVErZY214RkQ7ADyRUj72ff8qgCtmXUrZGcf5vv8CwEUhxOF0Ov1pBRpla5dSdseBhUJhpznH6tIsZb1KqacW+BGArUaUXX63UuplHJTNZjuEEONSyhozfd/n6mQ1RkXZL2itz7mu+80EDA4ONi8vL/8AcM2UbikyR2BU9cSmmTU70YqKIAj2hWFo2uenlHK/BRg3Y2aeNO5GyU8S0ZbFxcUuz/NKEXAGQKPjOCcymcyX1dIi8DSAiWQyeaavr68cbSgCuBknYubnQoj+TCYzUywWE6VS6S2ADsdx2gxw1X3L7SNENMbMnwE8qK+vf5NKpRaMaeVyeW8ikfiaSqW+R7BuZr5BRMe11p2u607U9Gk8kc/ntzPzQwCmExYATDLzVBiGE0KIowAOADDf3QA+aK2VDaxRajto3K+rq+tl5nYAzQBamHmeiOYBTGmtR6ph/1Rqg9c73pz7dD1qN0TpHyNQRCUDJXrAAAAAAElFTkSuQmCC", wo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAjtJREFUOE/NlD9oFEEUxn9v9ghC0hpRUogIAUmniGAT/5Q2FrETPSNRJILg7RwimI0ox85eQFCEBGIUO1PYpFM0jSConQoBEZGgGPsgl+w+2eM2bC57SopAFqYZ3v7m+977ZoQt+GQLmGxPaBiGgYiMWWvXBHZUGoZhH3BERPYC+4F+4Keq/urt7b1RLpf/ZEBVHa9Wq0HWyg3QKIoGVPU8cA7wgK/pUtXPQJ8xZk+pVBpuNBqXUoUiEvi+P56fzTpo6+SbwHNg1lo7WzTITGEKXFlZeeB53tVCpa3CK8AFa+1cBgvD8LKIXAQOJkkyICJDeYVBEJS6u7s/qeoLa+1o+l9TqXNuBLhmjDlbqVQ+5ICjInIfOBPH8W9jzGCR5YmJiRNxHM+papgqzqDvgSlr7VTernPuO3An3c9bBt74vv+yrdaKyLDv+/1Sq9UGPc97nY9EVuycU2AQOA7cAm4Dr4D5TvVxHB9rKo2iaEFVp621Ln96FEUngaOqGmSxabVqsh3a2h+x1h5qQjNrae/yE4+iaCwDJkky73neTuBZe129Xk+H+BS4l7ZqLVIZ2BhzuFKpvMsDVXXWGPMxFdAedOfcKeCRqj7MYrUhpz09PfXl5eXrectFWXXODQHpOq2qd/95o/JXr6ura3J1dXU6SZIfwKKIHAD2tVYMPBGRx77vN10UXtO85fTkmZmZHUtLSzUR2QXsBhaAL6r6DXhbrVYXi1yss59GqOgub/bN3Z7v6X/tb9Zmp/q/kN8s+lJb8oEAAAAASUVORK5CYII=", bo = {
+  eyeIcon: {
+    type: String
+  },
+  closeEyeIcon: {
+    type: String
+  },
+  scale: {
+    type: Number,
+    default: 1
+  },
+  ratio: {
+    type: Number
+    // default: window.devicePixelRatio || 1
+  },
+  thick: {
+    type: Number,
+    default: 16
+  },
+  palette: Object,
+  startX: {
+    type: Number
+  },
+  startY: {
+    type: Number,
+    default: 0
+  },
+  width: {
+    type: Number,
+    default: 200
+  },
+  height: {
+    type: Number,
+    default: 200
+  },
+  shadow: {
+    type: Object,
+    default: () => ({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    })
+  },
+  lines: {
+    type: Object,
+    default: () => ({
+      h: [],
+      v: []
+    })
+  },
+  isShowReferLine: {
+    type: Boolean,
+    default: !0
+  },
+  startNumX: {
+    type: Number,
+    default: -1 / 0
+  },
+  endNumX: {
+    type: Number,
+    default: 1 / 0
+  },
+  startNumY: {
+    type: Number,
+    default: -1 / 0
+  },
+  endNumY: {
+    type: Number,
+    default: 1 / 0
+  }
+}, Ao = E({
+  name: "SketchRule",
+  components: {
+    RulerWrapper: fo
+  },
+  props: bo,
+  emits: ["onCornerClick"],
+  setup(e, { emit: t }) {
+    let l = R(!0);
+    l.value = e.isShowReferLine;
+    const n = f(() => {
+      function a(s, r) {
+        return Object.keys(s).forEach((o) => {
+          o && s.hasOwnProperty(o) && (typeof r[o] == "object" ? s[o] = a(s[o], r[o]) : r.hasOwnProperty(o) && (s[o] = r[o]));
+        }), s;
+      }
+      return a(
+        {
+          bgColor: "rgba(225,225,225, 0)",
+          // ruler bg color
+          longfgColor: "#BABBBC",
+          // ruler longer mark color
+          shortfgColor: "#C8CDD0",
+          // ruler shorter mark color
+          fontColor: "#7D8694",
+          // ruler font color
+          shadowColor: "#E8E8E8",
+          // ruler shadow color
+          lineColor: "#EB5648",
+          borderColor: "#DADADC",
+          cornerActiveColor: "rgb(235, 86, 72, 0.6)",
+          menu: {
+            bgColor: "#fff",
+            dividerColor: "#DBDBDB",
+            listItem: {
+              textColor: "#415058",
+              hoverTextColor: "#298DF8",
+              disabledTextColor: "rgba(65, 80, 88, 0.4)",
+              bgColor: "#fff",
+              hoverBgColor: "#F2F2F2"
+            }
+          }
+        },
+        e.palette || {}
+      );
+    }), i = f(() => ({
+      backgroundImage: l.value ? `url(${e.eyeIcon || go})` : `url(${e.closeEyeIcon || wo})`,
+      width: e.thick + "px",
+      height: e.thick + "px",
+      borderRight: `1px solid ${n.value.borderColor}`,
+      borderBottom: `1px solid ${n.value.borderColor}`
+    })), c = (a) => {
+      l.value = !l.value, t("onCornerClick", l.value);
+    };
+    return D([() => e.isShowReferLine], () => {
+      l.value = e.isShowReferLine;
+    }), {
+      showReferLine: l,
+      paletteCpu: n,
+      cornerStyle: i,
+      onCornerClick: c
+    };
+  }
+}), Co = {
+  id: "mb-ruler",
+  class: "style-ruler mb-ruler"
+};
+function yo(e, t, l, n, i, c) {
+  const a = Y("RulerWrapper");
+  return b(), k("div", Co, [
+    p(a, {
+      vertical: !1,
+      width: e.width,
+      height: e.thick,
+      "is-show-refer-line": e.showReferLine,
+      thick: e.thick,
+      ratio: e.ratio,
+      start: e.startX,
+      lines: e.lines.h,
+      "select-start": e.shadow.x,
+      "select-length": e.shadow.width,
+      scale: e.scale,
+      palette: e.paletteCpu,
+      startNumX: e.startNumX,
+      endNumX: e.endNumX
+    }, null, 8, ["width", "height", "is-show-refer-line", "thick", "ratio", "start", "lines", "select-start", "select-length", "scale", "palette", "startNumX", "endNumX"]),
+    p(a, {
+      vertical: !0,
+      width: e.thick,
+      height: e.height,
+      "is-show-refer-line": e.showReferLine,
+      thick: e.thick,
+      ratio: e.ratio,
+      start: e.startY,
+      lines: e.lines.v,
+      "select-start": e.shadow.y,
+      "select-length": e.shadow.height,
+      scale: e.scale,
+      palette: e.paletteCpu,
+      startNumY: e.startNumY,
+      endNumY: e.endNumY
+    }, null, 8, ["width", "height", "is-show-refer-line", "thick", "ratio", "start", "lines", "select-start", "select-length", "scale", "palette", "startNumY", "endNumY"]),
+    h("a", {
+      class: "corner",
+      style: x(e.cornerStyle),
+      onClick: t[0] || (t[0] = (...s) => e.onCornerClick && e.onCornerClick(...s))
+    }, null, 4)
+  ]);
+}
+const So = /* @__PURE__ */ T(Ao, [["render", yo]]);
+function ko(e) {
+  e.component("GoSkeleton", to), e.component("GoLoading", jt), e.component("SketchRule", So);
+}
+function Eo(e) {
+  $t(e), ko(e), Jt(e), window.$vue = e;
+}
+export {
+  Eo as initGoViewWorker,
+  ko as setupCustomComponents,
+  Jt as setupDirectives,
+  $t as setupNaive
+};