@king-one/form-design 0.0.16 → 0.0.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/form-design
 
+## 0.0.18
+
+### Patch Changes
+
+- feat: 增加一部分功能
+
+## 0.0.17
+
+### Patch Changes
+
+- style: 修改组件样式
+
 ## 0.0.16
 
 ### Patch Changes

package/dist/es/index.mjs

@@ -1,20 +1,23 @@
 import "./src/index.mjs";
-import { default as t } from "./src/components/panel/panel-item.vue.mjs";
-import { useInjectDesignContext as a } from "./src/context/design.mjs";
-import { default as f } from "./src/components/form-desgin.mjs";
+import { default as t } from "./src/components/base/Carousel.vue.mjs";
+import { default as a } from "./src/components/panel/panel-item.vue.mjs";
+import { useInjectDesignContext as f } from "./src/context/design.mjs";
+import { default as p } from "./src/components/form-desgin.mjs";
 import { CreateFormDesign as i } from "./src/core/index.mjs";
-import { default as p } from "./src/components/props/form-config.vue.mjs";
-import { BaseSchema as d, ExtendSchema as l, LayoutSchema as u } from "./src/config/index.mjs";
-import { onDesignFieldChange as F, onDesignInit as c } from "./src/effects/onEffects.mjs";
+import { default as l } from "./src/components/props/form-config.vue.mjs";
+import { BaseSchema as d, ExtendSchema as c, LayoutSchema as h, tempSchema as C } from "./src/config/index.mjs";
+import { onDesignFieldChange as F, onDesignInit as S } from "./src/effects/onEffects.mjs";
 export {
   d as BaseSchema,
+  t as Carousel,
   i as CreateFormDesign,
-  l as ExtendSchema,
-  p as FormConfig,
-  f as FormDesign,
-  t as FormPanelItem,
-  u as LayoutSchema,
+  c as ExtendSchema,
+  l as FormConfig,
+  p as FormDesign,
+  a as FormPanelItem,
+  h as LayoutSchema,
   F as onDesignFieldChange,
-  c as onDesignInit,
-  a as useInjectDesignContext
+  S as onDesignInit,
+  C as tempSchema,
+  f as useInjectDesignContext
 };

package/dist/es/src/components/base/Carousel.vue.mjs

@@ -0,0 +1,92 @@
+import { defineComponent as C, ref as s, watch as V, nextTick as c, computed as z, onMounted as _, onUpdated as S, openBlock as T, createElementBlock as x, normalizeClass as A, unref as B, createElementVNode as E, normalizeStyle as N, renderSlot as $ } from "vue";
+import "../../internal.mjs";
+import { useNamespace as b } from "../../hooks/use-namespace/index.mjs";
+const D = /* @__PURE__ */ C({
+  __name: "Carousel",
+  props: {
+    // Allows optional v-model binding or just internal state
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    isAnimating: {
+      type: Boolean,
+      default: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal",
+      validator: (o) => ["horizontal", "vertical"].includes(o)
+    }
+  },
+  emits: ["update:modelValue", "afterChange"],
+  setup(o, { expose: f, emit: m }) {
+    const n = o, r = m, { b: d } = b("carousel"), l = s(), t = s(n.modelValue), u = s(0);
+    function a() {
+      l.value && (u.value = l.value.children.length);
+    }
+    V(() => n.modelValue, (e) => {
+      e !== t.value && (t.value = e);
+    });
+    function i(e) {
+      e < 0 || e >= u.value || (t.value = e, r("update:modelValue", e), n.isAnimating || r("afterChange", e));
+    }
+    function p(e) {
+      i(e);
+    }
+    function v() {
+      c(() => {
+        a(), t.value < u.value - 1 && i(t.value + 1);
+      });
+    }
+    function h() {
+      c(() => {
+        a(), t.value > 0 && i(t.value - 1);
+      });
+    }
+    function g() {
+      r("afterChange", t.value);
+    }
+    const k = z(() => {
+      const e = -t.value * 100;
+      return {
+        transform: n.direction === "horizontal" ? `translateX(${e}%)` : `translateY(${e}%)`,
+        transition: n.isAnimating ? "transform 0.3s ease-in-out" : "none",
+        flexDirection: n.direction === "horizontal" ? "row" : "column"
+      };
+    });
+    return f({
+      next: v,
+      prev: h,
+      goTo: p,
+      currentIndex: t
+    }), _(a), S(a), (e, y) => (T(), x(
+      "div",
+      {
+        class: A(B(d)())
+      },
+      [
+        E(
+          "div",
+          {
+            ref_key: "trackRef",
+            ref: l,
+            class: "carousel-track",
+            style: N(k.value),
+            onTransitionend: g
+          },
+          [
+            $(e.$slots, "default")
+          ],
+          36
+          /* STYLE, NEED_HYDRATION */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+export {
+  D as default
+};

package/dist/es/src/components/base/Carousel.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./Carousel.vue.mjs";
+export {
+  f as default
+};

package/dist/es/src/components/base/json-preview.vue.mjs

@@ -1,9 +1,9 @@
-import { ref as B, computed as z, onMounted as J, watch as T, openBlock as V, createElementBlock as W, normalizeClass as G, unref as I, createElementVNode as j, createCommentVNode as K } from "vue";
-import S from "highlight.js/lib/core";
-import P from "highlight.js/lib/languages/json";
+import { ref as I, computed as J, onMounted as T, watch as V, openBlock as W, createElementBlock as K, normalizeClass as P, unref as Q, createElementVNode as $, createCommentVNode as U } from "vue";
+import x from "highlight.js/lib/core";
+import X from "highlight.js/lib/languages/json";
 import "../../internal.mjs";
-import { useNamespace as Q } from "../../hooks/use-namespace/index.mjs";
-const U = { class: "code-container" }, nt = {
+import { useNamespace as Y } from "../../hooks/use-namespace/index.mjs";
+const Z = { class: "code-container" }, re = {
   __name: "json-preview",
   props: {
     data: {
@@ -14,242 +14,306 @@ const U = { class: "code-container" }, nt = {
       type: Number,
       default: 2
     },
+    // 新增：控制初始是否折叠所有可折叠块
     defaultFoldCollapsed: {
       type: Boolean,
       default: !1
     }
   },
-  setup(E) {
-    const p = E, { b: $ } = Q("json-preview");
-    let A = null, N = !1, h = null;
-    async function R() {
-      N || (S.registerLanguage("json", P), A = S, N = !0);
+  setup(L) {
+    const y = L;
+    let m = null;
+    const { b: R } = Y("json-preview");
+    let S = null, w = !1;
+    async function k() {
+      w || (x.registerLanguage("json", X), S = x, w = !0);
     }
-    const b = B(null);
-    let y = [];
-    const w = z(() => {
+    const h = I(null);
+    let b = [];
+    const C = J(() => {
       try {
-        const n = p.data;
+        const n = y.data;
         if (typeof n == "string")
           try {
-            const c = JSON.parse(n);
-            return JSON.stringify(c, null, p.indent);
+            const i = JSON.parse(n);
+            return JSON.stringify(i, null, y.indent);
           } catch {
             return n;
           }
-        return JSON.stringify(n, null, p.indent);
+        return JSON.stringify(n, null, y.indent);
       } catch {
-        return String(p.data);
+        return String(y.data);
       }
     });
-    async function v() {
-      const n = b.value;
+    async function E() {
+      const n = h.value;
       if (!n)
         return;
-      await R();
-      const c = String(w.value).split(/\r\n|\r|\n/);
-      y = c;
-      const s = L(c, p.indent);
-      n.innerHTML = D(c, s), h = null, _(n, s), H(n), F(n), p.defaultFoldCollapsed ? q() : x();
+      await k();
+      const i = String(C.value).split(/\r\n|\r|\n/);
+      b = i;
+      const a = H(i, y.indent);
+      n.innerHTML = F(i, a), m = null, B(n, a), O(n), z(n), y.defaultFoldCollapsed ? D() : _();
     }
-    J(() => {
-      v();
-    }), T(w, () => {
-      v();
+    T(() => {
+      E();
+    }), V(C, () => {
+      E();
     });
-    function q() {
-      const n = b.value;
+    function D() {
+      const n = h.value;
       if (!n)
         return;
-      const c = n.querySelectorAll(".fold-toggle"), s = (l) => n.querySelector(`tr[data-line="${l}"]`), u = (l, a) => {
-        for (let t = l + 1; t <= a - 1; t++) {
-          const e = s(t);
+      const i = n.querySelectorAll(".fold-toggle"), a = (r) => n.querySelector(`tr[data-line="${r}"]`), f = (r, l) => {
+        for (let t = r + 1; t <= l - 1; t++) {
+          const e = a(t);
           e && (e.style.display = "none");
         }
-      }, d = (l, a) => {
-        if (!Array.isArray(y))
+      }, d = (r, l) => {
+        if (!Array.isArray(b))
           return !1;
-        for (let t = l + 1; t <= a - 1; t++) {
-          const e = (y[t - 1] || "").trim();
+        for (let t = r + 1; t <= l - 1; t++) {
+          const e = (b[t - 1] || "").trim();
           if (e && e !== "}" && e !== "]")
             return !0;
         }
         return !1;
-      }, f = (l) => {
-        const a = s(l);
-        return a ? a.querySelector("td.hljs-ln-code") : null;
-      }, i = (l, a) => {
-        const t = f(l);
+      }, g = (r) => {
+        const l = a(r);
+        return l ? l.querySelector("td.hljs-ln-code") : null;
+      }, c = (r, l) => {
+        const t = g(r);
         if (!t)
           return;
         let e = t.querySelector(".fold-ellipsis");
-        a ? (e || (e = document.createElement("span"), e.className = "fold-ellipsis", e.textContent = "…", t.appendChild(e)), e.style.display = "inline") : e && (e.style.display = "none");
+        l ? (e || (e = document.createElement("span"), e.className = "fold-ellipsis", e.textContent = "…", t.appendChild(e)), e.style.display = "inline") : e && (e.style.display = "none");
       };
-      c.forEach((l) => {
-        const a = Number(l.getAttribute("data-start")), t = Number(l.getAttribute("data-end"));
-        l.setAttribute("data-collapsed", "true"), l.textContent = "▸", u(a, t), d(a, t) && i(a, !0);
+      i.forEach((r) => {
+        const l = Number(r.getAttribute("data-start")), t = Number(r.getAttribute("data-end"));
+        r.setAttribute("data-collapsed", "true"), r.textContent = "▸", f(l, t), d(l, t) && c(l, !0);
       });
     }
-    function x() {
-      const n = b.value;
+    function _() {
+      const n = h.value;
       if (!n)
         return;
-      const c = n.querySelectorAll(".fold-toggle"), s = (i) => n.querySelector(`tr[data-line="${i}"]`), u = (i, l) => {
-        for (let a = i + 1; a <= l - 1; a++) {
-          const t = s(a);
+      const i = n.querySelectorAll(".fold-toggle"), a = (c) => n.querySelector(`tr[data-line="${c}"]`), f = (c, r) => {
+        for (let l = c + 1; l <= r - 1; l++) {
+          const t = a(l);
           t && (t.style.display = "");
         }
-      }, d = (i) => {
-        const l = s(i);
-        return l ? l.querySelector("td.hljs-ln-code") : null;
-      }, f = (i, l) => {
-        const a = d(i);
-        if (!a)
+      }, d = (c) => {
+        const r = a(c);
+        return r ? r.querySelector("td.hljs-ln-code") : null;
+      }, g = (c, r) => {
+        const l = d(c);
+        if (!l)
           return;
-        let t = a.querySelector(".fold-ellipsis");
-        l ? (t || (t = document.createElement("span"), t.className = "fold-ellipsis", t.textContent = "…", a.appendChild(t)), t.style.display = "inline") : t && (t.style.display = "none");
+        let t = l.querySelector(".fold-ellipsis");
+        r ? (t || (t = document.createElement("span"), t.className = "fold-ellipsis", t.textContent = "…", l.appendChild(t)), t.style.display = "inline") : t && (t.style.display = "none");
       };
-      c.forEach((i) => {
-        const l = Number(i.getAttribute("data-start")), a = Number(i.getAttribute("data-end"));
-        i.setAttribute("data-collapsed", "false"), i.textContent = "▾", u(l, a), f(l, !1), f(a, !1);
+      i.forEach((c) => {
+        const r = Number(c.getAttribute("data-start")), l = Number(c.getAttribute("data-end"));
+        c.setAttribute("data-collapsed", "false"), c.textContent = "▾", f(r, l), g(r, !1), g(l, !1);
       });
     }
-    function L(n) {
-      const c = [], s = [];
+    function H(n) {
+      const i = [], a = [];
       for (let d = 0; d < n.length; d++) {
-        const i = n[d].trim(), l = i.charAt(i.length - 1), a = i.charAt(0);
-        if (l === "{" || l === "[") {
-          if (i.endsWith("{}") || i.endsWith("[]"))
+        const c = n[d].trim(), r = c.charAt(c.length - 1), l = c.charAt(0);
+        if (r === "{" || r === "[") {
+          if (c.endsWith("{}") || c.endsWith("[]"))
             continue;
-          s.push({ type: l, start: d + 1 });
+          a.push({ type: r, start: d + 1 });
         }
-        if (a === "}" || a === "]") {
-          const t = a;
-          for (let e = s.length - 1; e >= 0; e--)
-            if (s[e].type === "{" && t === "}" || s[e].type === "[" && t === "]") {
-              const r = s[e].start, o = d + 1;
-              s.splice(e, 1), o > r + 1 && c.push({ start: r, end: o, type: t });
+        if (l === "}" || l === "]") {
+          const t = l;
+          for (let e = a.length - 1; e >= 0; e--)
+            if (a[e].type === "{" && t === "}" || a[e].type === "[" && t === "]") {
+              const o = a[e].start, s = d + 1;
+              a.splice(e, 1), s > o + 1 && i.push({ start: o, end: s, type: t });
               break;
             }
         }
       }
-      const u = {};
-      for (const d of c) u[d.start] = d;
-      return u;
+      const f = {};
+      for (const d of i) f[d.start] = d;
+      return f;
     }
-    function D(n, c) {
-      let s = '<table class="hljs-ln">';
-      for (let u = 0; u < n.length; u++) {
-        const d = u + 1, f = n[u], i = f.length > 0 ? f : " ", l = i.match(/^[\t ]*/), t = (l ? l[0] : "").replace(/\t/g, " ".repeat(p.indent)), e = Math.floor(t.length / p.indent), r = A ? A.highlight(i, { language: "json" }).value : k(i), o = c[d], g = o ? `<span class="fold-toggle" data-start="${d}" data-end="${o.end}" data-collapsed="${p.defaultFoldCollapsed ? "true" : "false"}">${p.defaultFoldCollapsed ? "▸" : "▾"}</span>` : "";
-        let m = "";
-        for (let C = 0; C < e; C++)
-          m += `<i class="indent-guide" style="--guide-left: calc(var(--indent-char, 1ch) * var(--indent-size) * ${C})"></i>`;
-        const M = `<span class="indent-guides" style="--indent-size:${p.indent}">${m}</span>`, O = `<span class="fold-gutter">${g || "&nbsp;"}</span>`;
-        s += `
-<tr class="hljs-ln-line" data-line="${d}"><td class="hljs-ln-numbers" data-line-number="${d}"><div class="hljs-ln-n" data-line-number="${d}"></div></td><td class="hljs-ln-code" data-line-number="${d}">${O}<span class="line-content">${M}${r}</span></td></tr>`;
+    function F(n, i) {
+      let a = '<table class="hljs-ln">';
+      for (let f = 0; f < n.length; f++) {
+        const d = f + 1, g = n[f], c = g.length > 0 ? g : " ", r = c.match(/^[\t ]*/), t = (r ? r[0] : "").replace(/\t/g, " ".repeat(y.indent)), e = Math.floor(t.length / y.indent), o = S ? S.highlight(c, { language: "json" }).value : M(c), s = i[d], u = s ? `<span class="fold-toggle" data-start="${d}" data-end="${s.end}" data-collapsed="${y.defaultFoldCollapsed ? "true" : "false"}">${y.defaultFoldCollapsed ? "▸" : "▾"}</span>` : "";
+        let p = "";
+        for (let v = 0; v < e; v++)
+          p += `<i class="indent-guide" data-index="${v}" style="--guide-left: calc(var(--indent-char, 1ch) * var(--indent-size) * ${v})"></i>`;
+        const N = `<span class="indent-guides" style="--indent-size:${y.indent}">${p}</span>`, G = `<span class="fold-gutter">${u || "&nbsp;"}</span>`;
+        a += `
+<tr class="hljs-ln-line" data-line="${d}"><td class="hljs-ln-numbers" data-line-number="${d}"><div class="hljs-ln-n" data-line-number="${d}"></div></td><td class="hljs-ln-code" data-line-number="${d}">${G}<span class="line-content">${N}${o}</span></td></tr>`;
       }
-      return s += `
-</table>`, s;
+      return a += `
+</table>`, a;
     }
-    function _(n) {
-      const c = n.querySelectorAll(".fold-toggle"), s = (t) => n.querySelector(`tr[data-line="${t}"]`), u = (t) => {
-        const e = s(t);
-        return e ? e.querySelector("td.hljs-ln-code") : null;
-      }, d = (t, e) => {
-        for (let r = t + 1; r <= e - 1; r++) {
-          const o = s(r);
-          o && (o.style.display = "none");
+    function B(n) {
+      const i = n.querySelectorAll(".fold-toggle"), a = (e) => n.querySelector(`tr[data-line="${e}"]`), f = (e) => {
+        const o = a(e);
+        return o ? o.querySelector("td.hljs-ln-code") : null;
+      }, d = (e, o) => {
+        for (let s = e + 1; s <= o - 1; s++) {
+          const u = a(s);
+          u && (u.style.display = "none");
         }
-      }, f = (t, e) => {
-        for (let r = t + 1; r <= e - 1; r++) {
-          const o = s(r);
-          o && (o.style.display = "");
+      }, g = (e, o) => {
+        for (let s = e + 1; s <= o - 1; s++) {
+          const u = a(s);
+          u && (u.style.display = "");
         }
-      }, i = (t, e) => {
-        if (!Array.isArray(y))
+      }, c = (e, o) => {
+        if (!Array.isArray(b))
           return !1;
-        for (let r = t + 1; r <= e - 1; r++) {
-          const o = (y[r - 1] || "").trim();
-          if (o && o !== "}" && o !== "]")
+        for (let s = e + 1; s <= o - 1; s++) {
+          const u = (b[s - 1] || "").trim();
+          if (u && u !== "}" && u !== "]")
             return !0;
         }
         return !1;
-      }, l = (t, e) => {
-        const r = u(t);
-        if (!r)
+      }, r = (e, o) => {
+        const s = f(e);
+        if (!s)
           return;
-        let o = r.querySelector(".fold-ellipsis");
-        e ? (o || (o = document.createElement("span"), o.className = "fold-ellipsis", o.textContent = "…", r.appendChild(o)), o.style.display = "inline") : o && (o.style.display = "none");
-      }, a = (t, e) => {
-        for (let r = t + 1; r <= e - 1; r++) {
-          const o = n.querySelector(`.fold-toggle[data-start="${r}"]`);
-          if (o && o.getAttribute("data-collapsed") === "true") {
-            const g = Number(o.getAttribute("data-start")), m = Number(o.getAttribute("data-end"));
-            d(g, m), i(g, m) && l(g, !0);
+        let u = s.querySelector(".fold-ellipsis");
+        o ? (u || (u = document.createElement("span"), u.className = "fold-ellipsis", u.textContent = "…", s.appendChild(u)), u.style.display = "inline") : u && (u.style.display = "none");
+      }, l = (e, o) => {
+        for (let s = e + 1; s <= o - 1; s++) {
+          const u = n.querySelector(`.fold-toggle[data-start="${s}"]`);
+          if (u && u.getAttribute("data-collapsed") === "true") {
+            const p = Number(u.getAttribute("data-start")), N = Number(u.getAttribute("data-end"));
+            d(p, N), c(p, N) && r(p, !0);
           }
         }
+      }, t = (e, o) => {
+        if (!m)
+          return;
+        const s = Number(m.getAttribute("data-line"));
+        if (!Number.isNaN(s) && s > e && s < o) {
+          m.classList.remove("selected");
+          const u = m.querySelector(".indent-guides");
+          u && u.classList.remove("selected"), m = null;
+        }
       };
-      c.forEach((t) => {
-        t.addEventListener("click", () => {
-          const e = Number(t.getAttribute("data-start")), r = Number(t.getAttribute("data-end")), g = !(t.getAttribute("data-collapsed") === "true");
-          t.setAttribute("data-collapsed", g ? "true" : "false"), t.textContent = g ? "▸" : "▾", g ? (d(e, r), i(e, r) && l(e, !0)) : (f(e, r), l(e, !1), l(r, !1), a(e, r));
+      i.forEach((e) => {
+        e.addEventListener("click", () => {
+          const o = Number(e.getAttribute("data-start")), s = Number(e.getAttribute("data-end")), p = !(e.getAttribute("data-collapsed") === "true");
+          e.setAttribute("data-collapsed", p ? "true" : "false"), e.textContent = p ? "▸" : "▾", p ? (d(o, s), t(o, s), c(o, s) && r(o, !0)) : (g(o, s), r(o, !1), r(s, !1), l(o, s)), j(n), q(n);
         });
       });
     }
-    function k(n) {
-      const c = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
-      return String(n).replace(/[&<>"']/g, (s) => c[s]);
+    function M(n) {
+      const i = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+      return String(n).replace(/[&<>"']/g, (a) => i[a]);
     }
-    function H(n) {
-      n.getAttribute("data-copy-init") !== "true" && (n.setAttribute("data-copy-init", "true"), n.addEventListener("copy", (c) => {
-        const s = window.getSelection();
-        if (!s || s.rangeCount === 0)
+    function O(n) {
+      n.getAttribute("data-copy-init") !== "true" && (n.setAttribute("data-copy-init", "true"), n.addEventListener("copy", (i) => {
+        const a = window.getSelection();
+        if (!a || a.rangeCount === 0)
           return;
-        const u = s.getRangeAt(0), d = (m) => m && (m.nodeType === 3 ? m.parentElement : m), f = d(u.startContainer), i = d(u.endContainer), l = f ? f.closest("tr.hljs-ln-line") : null, a = i ? i.closest("tr.hljs-ln-line") : null;
-        if (!l || !a || s.isCollapsed) {
-          c.clipboardData.setData("text/plain", y.join(`
-`)), c.preventDefault();
+        const f = a.getRangeAt(0), d = (p) => p && (p.nodeType === 3 ? p.parentElement : p), g = d(f.startContainer), c = d(f.endContainer), r = g ? g.closest("tr.hljs-ln-line") : null, l = c ? c.closest("tr.hljs-ln-line") : null;
+        if (!r || !l || a.isCollapsed) {
+          i.clipboardData.setData("text/plain", b.join(`
+`)), i.preventDefault();
           return;
         }
-        const t = Number(l.getAttribute("data-line")), e = Number(a.getAttribute("data-line"));
+        const t = Number(r.getAttribute("data-line")), e = Number(l.getAttribute("data-line"));
         if (Number.isNaN(t) || Number.isNaN(e)) {
-          c.clipboardData.setData("text/plain", y.join(`
-`)), c.preventDefault();
+          i.clipboardData.setData("text/plain", b.join(`
+`)), i.preventDefault();
           return;
         }
-        const r = Math.min(t, e), o = Math.max(t, e), g = y.slice(r - 1, o).join(`
+        const o = Math.min(t, e), s = Math.max(t, e), u = b.slice(o - 1, s).join(`
 `);
-        c.clipboardData.setData("text/plain", g), c.preventDefault();
+        i.clipboardData.setData("text/plain", u), i.preventDefault();
       }));
     }
-    function F(n) {
-      n.getAttribute("data-select-init") !== "true" && (n.setAttribute("data-select-init", "true"), n.addEventListener("click", (c) => {
-        const s = c.target;
-        if (!(s instanceof Element) || s.closest(".fold-toggle"))
+    function A(n) {
+      return n.querySelectorAll(".indent-guides .indent-guide").length;
+    }
+    function j(n) {
+      n.querySelectorAll(".indent-guide.active-guide").forEach((i) => i.classList.remove("active-guide"));
+    }
+    function q(n) {
+      if (!m)
+        return;
+      const i = Number(m.getAttribute("data-line")), a = A(m);
+      if (a < 1)
+        return;
+      const f = a - 1;
+      let d = null, g = null;
+      const c = Array.from(n.querySelectorAll(".fold-toggle"));
+      for (const l of c) {
+        const t = Number(l.getAttribute("data-start")), e = Number(l.getAttribute("data-end"));
+        !Number.isNaN(t) && !Number.isNaN(e) && t < i && i < e && (d === null || t > d) && (d = t, g = e);
+      }
+      const r = Array.from(n.querySelectorAll("tr.hljs-ln-line"));
+      for (let l = r.length - 1; l >= 0; l--) {
+        const t = r[l], e = Number(t.getAttribute("data-line"));
+        if (!(e >= i) && t.style.display !== "none")
+          if (d !== null) {
+            if (e <= d)
+              break;
+            if (A(t) > a) {
+              const s = t.querySelector(`.indent-guides .indent-guide[data-index="${f}"]`);
+              s && s.classList.add("active-guide");
+            }
+          } else {
+            if (A(t) <= a)
+              break;
+            const s = t.querySelector(`.indent-guides .indent-guide[data-index="${f}"]`);
+            s && s.classList.add("active-guide");
+          }
+      }
+      for (const l of r) {
+        const t = Number(l.getAttribute("data-line"));
+        if (t <= i || l.style.display === "none")
+          continue;
+        if (g !== null && t >= g)
+          break;
+        const e = A(l);
+        if (g === null && e <= a)
+          break;
+        if (e > a) {
+          const o = l.querySelector(`.indent-guides .indent-guide[data-index="${f}"]`);
+          o && o.classList.add("active-guide");
+        }
+      }
+    }
+    function z(n) {
+      n.getAttribute("data-select-init") !== "true" && (n.setAttribute("data-select-init", "true"), n.addEventListener("click", (i) => {
+        const a = i.target;
+        if (!(a instanceof Element) || a.closest(".fold-toggle"))
           return;
-        const u = s.closest("tr.hljs-ln-line");
-        u && (h && h !== u && h.classList.remove("selected"), u.classList.add("selected"), h = u);
+        const f = a.closest("tr.hljs-ln-line");
+        f && (m && m !== f && m.classList.remove("selected"), f.classList.add("selected"), m = f, j(n), q(n));
       }));
     }
-    return (n, c) => (V(), W(
+    return (n, i) => (W(), K(
       "div",
       {
-        class: G(I($)())
+        class: P(Q(R)())
       },
       [
-        j("div", U, [
-          j(
+        $("div", Z, [
+          $(
             "pre",
             {
               ref_key: "preRef",
-              ref: b,
+              ref: h,
               class: "hljs"
             },
             null,
             512
             /* NEED_PATCH */
           ),
-          K(" 去掉 fade-mask 与动态高度样式 ")
+          U(" 去掉 fade-mask 与动态高度样式 ")
         ])
       ],
       2
@@ -258,5 +322,5 @@ const U = { class: "code-container" }, nt = {
   }
 };
 export {
-  nt as default
+  re as default
 };