qy-vue-plugins 1.0.2-beta → 1.0.2

package/dist/mapboxV2/widgets/ShapeDialog.mjs

@@ -1,44 +1,45 @@
-import { y as Ye, l as q, q as Se, j as Ue, m as ve, o as Ae, u as Ie, K as we, f as ie, w as Qe, a as $e, i as Ce } from "../../chunks/base-DfCoKyyG.js";
-import { E as dl } from "../../chunks/el-input-DCpRXscw.js";
-import { b as Ze, E as vl } from "../../chunks/el-popper-zUql4Vp-.js";
-import { d as je, E as ml } from "../../chunks/el-color-picker-panel-BfOVWDkH.js";
-import { E as fl } from "../../chunks/el-button-Dh7ROB0R.js";
-import { c as cl, E as pl, a as bl } from "../../chunks/el-select-Dil0JEvg.js";
-import { _ as gl, a as yl, b as Vl, c as Sl, d as Cl, e as hl, f as wl, g as Ll, h as _l, i as kl, j as Nl, k as Fl, l as El, m as zl } from "../../chunks/正三角形-yXKDlNvO.js";
-import { defineComponent as ue, ref as $, reactive as Je, computed as I, watch as be, onMounted as el, onUpdated as xl, createElementBlock as V, openBlock as f, withModifiers as ll, normalizeClass as Y, unref as n, withDirectives as pe, createCommentVNode as M, createVNode as s, withKeys as De, renderSlot as Le, withCtx as z, createBlock as W, createSlots as Ul, inject as Il, nextTick as ze, toRefs as Re, normalizeStyle as ce, createElementVNode as i, toDisplayString as Fe, h as Ol, shallowRef as Ml, provide as Tl, Fragment as O, renderList as X, Transition as Pl, createTextVNode as Ve, vShow as _e } from "vue";
-import { e as oe, c as Me, d as de, o as Te, b as ke } from "../../chunks/constant-BqK1UnfT.js";
-import { ArrowDown as Bl, Minus as Al, ArrowUp as $l, Plus as Ee, Close as Pe } from "@element-plus/icons-vue";
-import { ElMessage as fe } from "element-plus";
-import { c as Rl } from "../../chunks/EventKeys-1aL9cgT0.js";
-import Ge from "./IconPicker.mjs";
-import { U as te, I as me, C as Oe, _ as Xe, d as tl, b as al, c as ol, E as Ke, w as nl, e as Kl } from "../../chunks/aria-GiGFrmP1.js";
-import { useEventListener as xe } from "@vueuse/core";
-import { u as il } from "../../chunks/index-DHO_7w-5.js";
-import { g as ul, c as Jl, E as ae } from "../../chunks/index-Cw_w6CLf.js";
-import { u as sl } from "../../chunks/index-Dq3Y5qiS.js";
-import { _ as Xl } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-const Wl = 100, Yl = 600, Ne = "_RepeatClick", He = {
-  beforeMount(t, d) {
-    const p = d.value, { interval: v = Wl, delay: c = Yl } = Ye(p) ? {} : p;
-    let S, b;
-    const g = () => Ye(p) ? p() : p.handler(), o = () => {
-      b && (clearTimeout(b), b = void 0), S && (clearInterval(S), S = void 0);
-    }, h = (N) => {
-      N.button === 0 && (o(), g(), document.addEventListener("mouseup", o, { once: !0 }), b = setTimeout(() => {
-        S = setInterval(() => {
-          g();
-        }, v);
-      }, c));
+import { defineComponent as Fe, ref as H, reactive as rl, computed as I, watch as Pe, onMounted as Cl, onUpdated as Yl, createElementBlock as h, openBlock as c, withModifiers as Sl, normalizeClass as ve, unref as i, withDirectives as Oe, createCommentVNode as D, createVNode as r, withKeys as cl, renderSlot as Ke, withCtx as O, createBlock as fe, createSlots as jl, inject as al, nextTick as De, toRefs as nl, normalizeStyle as Te, createElementVNode as u, toDisplayString as je, h as Gl, shallowRef as Dl, provide as Hl, Fragment as G, renderList as de, Transition as ql, createTextVNode as Me, vShow as We } from "vue";
+import { m as Le, d as ze, f as ll, o as Be, c as Ql, b as Ee } from "../../chunks/constant-E83OJqPQ.js";
+import { ArrowDown as Zl, Minus as eo, ArrowUp as lo, Plus as Ge, Close as ol } from "@element-plus/icons-vue";
+import { ElMessage as _e } from "element-plus";
+import { c as oo } from "../../chunks/EventKeys-DZ_Hahro.js";
+import ml from "./IconPicker.mjs";
+import { c as to, E as ao, a as no } from "../../chunks/index-Cyrc4mj-.js";
+import { E as io } from "../../chunks/index-CgKiWbxR.js";
+import { E as uo } from "../../chunks/index-YiSmXvH8.js";
+import { U as ye, I as Ue, C as qe, _ as dl, E as il, w as hl } from "../../chunks/aria-BEkkcjlH.js";
+import { useEventListener as He } from "@vueuse/core";
+import { E as so } from "../../chunks/index-BdloQTv1.js";
+import { B as pl, p as me, v as Ae, q as Qe, s as xe, t as ul, u as Ze, C as Xe, d as ke, z as Vl, c as sl, i as Je } from "../../chunks/style-COMeMpO8.js";
+import { u as Ll } from "../../chunks/index-BCQYbM-I.js";
+import { g as wl, c as ro, E as Ve } from "../../chunks/index-ieQ_IULW.js";
+import { u as kl } from "../../chunks/index-_At9ftZd.js";
+import { b as Fl, u as Nl, a as zl, c as fo } from "../../chunks/use-form-common-props-BQtZKazE.js";
+import { b as El, E as vo } from "../../chunks/index-Cv_K9rbv.js";
+import { d as gl } from "../../chunks/debounce-DBq5TVsN.js";
+import { _ as co } from "../../chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const mo = 100, po = 600, Ye = "_RepeatClick", bl = {
+  beforeMount(l, d) {
+    const y = d.value, { interval: f = mo, delay: g = po } = pl(y) ? {} : y;
+    let z, w;
+    const k = () => pl(y) ? y() : y.handler(), A = () => {
+      w && (clearTimeout(w), w = void 0), z && (clearInterval(z), z = void 0);
+    }, E = (V) => {
+      V.button === 0 && (A(), k(), document.addEventListener("mouseup", A, { once: !0 }), w = setTimeout(() => {
+        z = setInterval(() => {
+          k();
+        }, f);
+      }, g));
     };
-    t[Ne] = { start: h, clear: o }, t.addEventListener("mousedown", h);
+    l[Ye] = { start: E, clear: A }, l.addEventListener("mousedown", E);
   },
-  unmounted(t) {
-    if (!t[Ne])
+  unmounted(l) {
+    if (!l[Ye])
       return;
-    const { start: d, clear: p } = t[Ne];
-    d && t.removeEventListener("mousedown", d), p && (p(), document.removeEventListener("mouseup", p)), t[Ne] = null;
+    const { start: d, clear: y } = l[Ye];
+    d && l.removeEventListener("mousedown", d), y && (y(), document.removeEventListener("mouseup", y)), l[Ye] = null;
   }
-}, jl = Ue({
+}, go = Qe({
   id: {
     type: String,
     default: void 0
@@ -64,7 +65,7 @@ const Wl = 100, Yl = 600, Ne = "_RepeatClick", He = {
     type: Boolean,
     default: void 0
   },
-  size: Ae,
+  size: ul,
   controls: {
     type: Boolean,
     default: !0
@@ -76,257 +77,257 @@ const Wl = 100, Yl = 600, Ne = "_RepeatClick", He = {
   },
   valueOnClear: {
     type: [String, Number, null],
-    validator: (t) => t === null || q(t) || ["min", "max"].includes(t),
+    validator: (l) => l === null || me(l) || ["min", "max"].includes(l),
     default: null
   },
   name: String,
   placeholder: String,
   precision: {
     type: Number,
-    validator: (t) => t >= 0 && t === Number.parseInt(`${t}`, 10)
+    validator: (l) => l >= 0 && l === Number.parseInt(`${l}`, 10)
   },
   validateEvent: {
     type: Boolean,
     default: !0
   },
-  ...il(["ariaLabel"]),
+  ...Ll(["ariaLabel"]),
   inputmode: {
-    type: ve(String),
+    type: xe(String),
     default: void 0
   },
   align: {
-    type: ve(String),
+    type: xe(String),
     default: "center"
   },
   disabledScientific: Boolean
-}), Dl = {
-  [Oe]: (t, d) => d !== t,
-  blur: (t) => t instanceof FocusEvent,
-  focus: (t) => t instanceof FocusEvent,
-  [me]: (t) => q(t) || Se(t),
-  [te]: (t) => q(t) || Se(t)
-}, Gl = ue({
+}), bo = {
+  [qe]: (l, d) => d !== l,
+  blur: (l) => l instanceof FocusEvent,
+  focus: (l) => l instanceof FocusEvent,
+  [Ue]: (l) => me(l) || Ae(l),
+  [ye]: (l) => me(l) || Ae(l)
+}, yo = Fe({
   name: "ElInputNumber"
-}), Hl = /* @__PURE__ */ ue({
-  ...Gl,
-  props: jl,
-  emits: Dl,
-  setup(t, { expose: d, emit: p }) {
-    const v = t, { t: c } = sl(), S = Ie("input-number"), b = $(), g = Je({
-      currentValue: v.modelValue,
+}), Co = /* @__PURE__ */ Fe({
+  ...yo,
+  props: go,
+  emits: bo,
+  setup(l, { expose: d, emit: y }) {
+    const f = l, { t: g } = kl(), z = Ze("input-number"), w = H(), k = rl({
+      currentValue: f.modelValue,
       userInput: null
-    }), { formItem: o } = tl(), h = I(() => q(v.modelValue) && v.modelValue <= v.min), N = I(() => q(v.modelValue) && v.modelValue >= v.max), y = I(() => {
-      const e = D(v.step);
-      return we(v.precision) ? Math.max(D(v.modelValue), e) : (e > v.precision && ie("InputNumber", "precision should not be less than the decimal places of step"), v.precision);
-    }), w = I(() => v.controls && v.controlsPosition === "right"), x = al(), j = ol(), R = I(() => {
-      if (g.userInput !== null)
-        return g.userInput;
-      let e = g.currentValue;
-      if (Se(e))
+    }), { formItem: A } = Fl(), E = I(() => me(f.modelValue) && f.modelValue <= f.min), V = I(() => me(f.modelValue) && f.modelValue >= f.max), C = I(() => {
+      const s = Q(f.step);
+      return Xe(f.precision) ? Math.max(Q(f.modelValue), s) : (s > f.precision && ke("InputNumber", "precision should not be less than the decimal places of step"), f.precision);
+    }), N = I(() => f.controls && f.controlsPosition === "right"), o = Nl(), Y = zl(), W = I(() => {
+      if (k.userInput !== null)
+        return k.userInput;
+      let s = k.currentValue;
+      if (Ae(s))
         return "";
-      if (q(e)) {
-        if (Number.isNaN(e))
+      if (me(s)) {
+        if (Number.isNaN(s))
           return "";
-        we(v.precision) || (e = e.toFixed(v.precision));
+        Xe(f.precision) || (s = s.toFixed(f.precision));
       }
-      return e;
-    }), K = (e, r) => {
-      if (we(r) && (r = y.value), r === 0)
-        return Math.round(e);
-      let m = String(e);
-      const L = m.indexOf(".");
-      if (L === -1 || !m.replace(".", "").split("")[L + r])
-        return e;
-      const a = m.length;
-      return m.charAt(a - 1) === "5" && (m = `${m.slice(0, Math.max(0, a - 1))}6`), Number.parseFloat(Number(m).toFixed(r));
-    }, D = (e) => {
-      if (Se(e))
+      return s;
+    }), le = (s, b) => {
+      if (Xe(b) && (b = C.value), b === 0)
+        return Math.round(s);
+      let F = String(s);
+      const R = F.indexOf(".");
+      if (R === -1 || !F.replace(".", "").split("")[R + b])
+        return s;
+      const ae = F.length;
+      return F.charAt(ae - 1) === "5" && (F = `${F.slice(0, Math.max(0, ae - 1))}6`), Number.parseFloat(Number(F).toFixed(b));
+    }, Q = (s) => {
+      if (Ae(s))
         return 0;
-      const r = e.toString(), m = r.indexOf(".");
-      let L = 0;
-      return m !== -1 && (L = r.length - m - 1), L;
-    }, G = (e, r = 1) => q(e) ? e >= Number.MAX_SAFE_INTEGER && r === 1 ? (ie("InputNumber", "The value has reached the maximum safe integer limit."), e) : e <= Number.MIN_SAFE_INTEGER && r === -1 ? (ie("InputNumber", "The value has reached the minimum safe integer limit."), e) : K(e + v.step * r) : g.currentValue, Q = (e) => {
-      const r = ul(e), m = Jl(e);
-      if (v.disabledScientific && ["e", "E"].includes(m)) {
-        e.preventDefault();
+      const b = s.toString(), F = b.indexOf(".");
+      let R = 0;
+      return F !== -1 && (R = b.length - F - 1), R;
+    }, oe = (s, b = 1) => me(s) ? s >= Number.MAX_SAFE_INTEGER && b === 1 ? (ke("InputNumber", "The value has reached the maximum safe integer limit."), s) : s <= Number.MIN_SAFE_INTEGER && b === -1 ? (ke("InputNumber", "The value has reached the minimum safe integer limit."), s) : le(s + f.step * b) : k.currentValue, ue = (s) => {
+      const b = wl(s), F = ro(s);
+      if (f.disabledScientific && ["e", "E"].includes(F)) {
+        s.preventDefault();
         return;
       }
-      switch (r) {
-        case ae.up: {
-          e.preventDefault(), B();
+      switch (b) {
+        case Ve.up: {
+          s.preventDefault(), J();
           break;
         }
-        case ae.down: {
-          e.preventDefault(), P();
+        case Ve.down: {
+          s.preventDefault(), P();
           break;
         }
       }
-    }, B = () => {
-      if (v.readonly || j.value || N.value)
+    }, J = () => {
+      if (f.readonly || Y.value || V.value)
         return;
-      const e = Number(R.value) || 0, r = G(e);
-      Z(r), p(me, g.currentValue), C();
+      const s = Number(W.value) || 0, b = oe(s);
+      se(b), y(Ue, k.currentValue), ge();
     }, P = () => {
-      if (v.readonly || j.value || h.value)
+      if (f.readonly || Y.value || E.value)
         return;
-      const e = Number(R.value) || 0, r = G(e, -1);
-      Z(r), p(me, g.currentValue), C();
-    }, H = (e, r) => {
-      const { max: m, min: L, step: _, precision: U, stepStrictly: a, valueOnClear: k } = v;
-      m < L && Qe("InputNumber", "min should not be greater than max.");
-      let u = Number(e);
-      if (Se(e) || Number.isNaN(u))
+      const s = Number(W.value) || 0, b = oe(s, -1);
+      se(b), y(Ue, k.currentValue), ge();
+    }, Z = (s, b) => {
+      const { max: F, min: R, step: M, precision: q, stepStrictly: ae, valueOnClear: x } = f;
+      F < R && Vl("InputNumber", "min should not be greater than max.");
+      let U = Number(s);
+      if (Ae(s) || Number.isNaN(U))
         return null;
-      if (e === "") {
-        if (k === null)
+      if (s === "") {
+        if (x === null)
           return null;
-        u = $e(k) ? { min: L, max: m }[k] : k;
+        U = sl(x) ? { min: R, max: F }[x] : x;
       }
-      return a && (u = K(Math.round(K(u / _)) * _, U), u !== e && r && p(te, u)), we(U) || (u = K(u, U)), (u > m || u < L) && (u = u > m ? m : L, r && p(te, u)), u;
-    }, Z = (e, r = !0) => {
-      var m;
-      const L = g.currentValue, _ = H(e);
-      if (!r) {
-        p(te, _);
+      return ae && (U = le(Math.round(le(U / M)) * M, q), U !== s && b && y(ye, U)), Xe(q) || (U = le(U, q)), (U > F || U < R) && (U = U > F ? F : R, b && y(ye, U)), U;
+    }, se = (s, b = !0) => {
+      var F;
+      const R = k.currentValue, M = Z(s);
+      if (!b) {
+        y(ye, M);
         return;
       }
-      g.userInput = null, !(L === _ && e) && (p(te, _), L !== _ && p(Oe, _, L), v.validateEvent && ((m = o?.validate) == null || m.call(o, "change").catch((U) => ie(U))), g.currentValue = _);
-    }, ne = (e) => {
-      g.userInput = e;
-      const r = e === "" ? null : Number(e);
-      p(me, r), Z(r, !1);
-    }, le = (e) => {
-      const r = e !== "" ? Number(e) : "";
-      (q(r) && !Number.isNaN(r) || e === "") && Z(r), C(), g.userInput = null;
-    }, ee = () => {
-      var e, r;
-      (r = (e = b.value) == null ? void 0 : e.focus) == null || r.call(e);
-    }, F = () => {
-      var e, r;
-      (r = (e = b.value) == null ? void 0 : e.blur) == null || r.call(e);
-    }, T = (e) => {
-      p("focus", e);
-    }, J = (e) => {
-      var r, m;
-      g.userInput = null, g.currentValue === null && ((r = b.value) != null && r.input) && (b.value.input.value = ""), p("blur", e), v.validateEvent && ((m = o?.validate) == null || m.call(o, "blur").catch((L) => ie(L)));
-    }, C = () => {
-      g.currentValue !== v.modelValue && (g.currentValue = v.modelValue);
-    }, l = (e) => {
-      document.activeElement === e.target && e.preventDefault();
+      k.userInput = null, !(R === M && s) && (y(ye, M), R !== M && y(qe, M, R), f.validateEvent && ((F = A?.validate) == null || F.call(A, "change").catch((q) => ke(q))), k.currentValue = M);
+    }, pe = (s) => {
+      k.userInput = s;
+      const b = s === "" ? null : Number(s);
+      y(Ue, b), se(b, !1);
+    }, ee = (s) => {
+      const b = s !== "" ? Number(s) : "";
+      (me(b) && !Number.isNaN(b) || s === "") && se(b), ge(), k.userInput = null;
+    }, ce = () => {
+      var s, b;
+      (b = (s = w.value) == null ? void 0 : s.focus) == null || b.call(s);
+    }, _ = () => {
+      var s, b;
+      (b = (s = w.value) == null ? void 0 : s.blur) == null || b.call(s);
+    }, j = (s) => {
+      y("focus", s);
+    }, re = (s) => {
+      var b, F;
+      k.userInput = null, k.currentValue === null && ((b = w.value) != null && b.input) && (w.value.input.value = ""), y("blur", s), f.validateEvent && ((F = A?.validate) == null || F.call(A, "blur").catch((R) => ke(R)));
+    }, ge = () => {
+      k.currentValue !== f.modelValue && (k.currentValue = f.modelValue);
+    }, Ce = (s) => {
+      document.activeElement === s.target && s.preventDefault();
     };
-    return be(() => v.modelValue, (e, r) => {
-      const m = H(e, !0);
-      g.userInput === null && m !== r && (g.currentValue = m);
-    }, { immediate: !0 }), be(() => v.precision, () => {
-      g.currentValue = H(v.modelValue);
-    }), el(() => {
-      var e;
-      const { min: r, max: m, modelValue: L } = v, _ = (e = b.value) == null ? void 0 : e.input;
-      if (_.setAttribute("role", "spinbutton"), Number.isFinite(m) ? _.setAttribute("aria-valuemax", String(m)) : _.removeAttribute("aria-valuemax"), Number.isFinite(r) ? _.setAttribute("aria-valuemin", String(r)) : _.removeAttribute("aria-valuemin"), _.setAttribute("aria-valuenow", g.currentValue || g.currentValue === 0 ? String(g.currentValue) : ""), _.setAttribute("aria-disabled", String(j.value)), !q(L) && L != null) {
-        let U = Number(L);
-        Number.isNaN(U) && (U = null), p(te, U);
+    return Pe(() => f.modelValue, (s, b) => {
+      const F = Z(s, !0);
+      k.userInput === null && F !== b && (k.currentValue = F);
+    }, { immediate: !0 }), Pe(() => f.precision, () => {
+      k.currentValue = Z(f.modelValue);
+    }), Cl(() => {
+      var s;
+      const { min: b, max: F, modelValue: R } = f, M = (s = w.value) == null ? void 0 : s.input;
+      if (M.setAttribute("role", "spinbutton"), Number.isFinite(F) ? M.setAttribute("aria-valuemax", String(F)) : M.removeAttribute("aria-valuemax"), Number.isFinite(b) ? M.setAttribute("aria-valuemin", String(b)) : M.removeAttribute("aria-valuemin"), M.setAttribute("aria-valuenow", k.currentValue || k.currentValue === 0 ? String(k.currentValue) : ""), M.setAttribute("aria-disabled", String(Y.value)), !me(R) && R != null) {
+        let q = Number(R);
+        Number.isNaN(q) && (q = null), y(ye, q);
       }
-      _.addEventListener("wheel", l, { passive: !1 });
-    }), xl(() => {
-      var e, r;
-      const m = (e = b.value) == null ? void 0 : e.input;
-      m?.setAttribute("aria-valuenow", `${(r = g.currentValue) != null ? r : ""}`);
+      M.addEventListener("wheel", Ce, { passive: !1 });
+    }), Yl(() => {
+      var s, b;
+      const F = (s = w.value) == null ? void 0 : s.input;
+      F?.setAttribute("aria-valuenow", `${(b = k.currentValue) != null ? b : ""}`);
     }), d({
-      focus: ee,
-      blur: F
-    }), (e, r) => (f(), V("div", {
-      class: Y([
-        n(S).b(),
-        n(S).m(n(x)),
-        n(S).is("disabled", n(j)),
-        n(S).is("without-controls", !e.controls),
-        n(S).is("controls-right", n(w)),
-        n(S).is(e.align, !!e.align)
+      focus: ce,
+      blur: _
+    }), (s, b) => (c(), h("div", {
+      class: ve([
+        i(z).b(),
+        i(z).m(i(o)),
+        i(z).is("disabled", i(Y)),
+        i(z).is("without-controls", !s.controls),
+        i(z).is("controls-right", i(N)),
+        i(z).is(s.align, !!s.align)
       ]),
-      onDragstart: ll(() => {
+      onDragstart: Sl(() => {
       }, ["prevent"])
     }, [
-      e.controls ? pe((f(), V("span", {
+      s.controls ? Oe((c(), h("span", {
         key: 0,
         role: "button",
-        "aria-label": n(c)("el.inputNumber.decrease"),
-        class: Y([n(S).e("decrease"), n(S).is("disabled", n(h))]),
-        onKeydown: De(P, ["enter"])
+        "aria-label": i(g)("el.inputNumber.decrease"),
+        class: ve([i(z).e("decrease"), i(z).is("disabled", i(E))]),
+        onKeydown: cl(P, ["enter"])
       }, [
-        Le(e.$slots, "decrease-icon", {}, () => [
-          s(n(Ke), null, {
-            default: z(() => [
-              n(w) ? (f(), W(n(Bl), { key: 0 })) : (f(), W(n(Al), { key: 1 }))
+        Ke(s.$slots, "decrease-icon", {}, () => [
+          r(i(il), null, {
+            default: O(() => [
+              i(N) ? (c(), fe(i(Zl), { key: 0 })) : (c(), fe(i(eo), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, ["aria-label", "onKeydown"])), [
-        [n(He), P]
-      ]) : M("v-if", !0),
-      e.controls ? pe((f(), V("span", {
+        [i(bl), P]
+      ]) : D("v-if", !0),
+      s.controls ? Oe((c(), h("span", {
         key: 1,
         role: "button",
-        "aria-label": n(c)("el.inputNumber.increase"),
-        class: Y([n(S).e("increase"), n(S).is("disabled", n(N))]),
-        onKeydown: De(B, ["enter"])
+        "aria-label": i(g)("el.inputNumber.increase"),
+        class: ve([i(z).e("increase"), i(z).is("disabled", i(V))]),
+        onKeydown: cl(J, ["enter"])
       }, [
-        Le(e.$slots, "increase-icon", {}, () => [
-          s(n(Ke), null, {
-            default: z(() => [
-              n(w) ? (f(), W(n($l), { key: 0 })) : (f(), W(n(Ee), { key: 1 }))
+        Ke(s.$slots, "increase-icon", {}, () => [
+          r(i(il), null, {
+            default: O(() => [
+              i(N) ? (c(), fe(i(lo), { key: 0 })) : (c(), fe(i(Ge), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, ["aria-label", "onKeydown"])), [
-        [n(He), B]
-      ]) : M("v-if", !0),
-      s(n(dl), {
-        id: e.id,
+        [i(bl), J]
+      ]) : D("v-if", !0),
+      r(i(so), {
+        id: s.id,
         ref_key: "input",
-        ref: b,
+        ref: w,
         type: "number",
-        step: e.step,
-        "model-value": n(R),
-        placeholder: e.placeholder,
-        readonly: e.readonly,
-        disabled: n(j),
-        size: n(x),
-        max: e.max,
-        min: e.min,
-        name: e.name,
-        "aria-label": e.ariaLabel,
+        step: s.step,
+        "model-value": i(W),
+        placeholder: s.placeholder,
+        readonly: s.readonly,
+        disabled: i(Y),
+        size: i(o),
+        max: s.max,
+        min: s.min,
+        name: s.name,
+        "aria-label": s.ariaLabel,
         "validate-event": !1,
-        inputmode: e.inputmode,
-        onKeydown: Q,
-        onBlur: J,
-        onFocus: T,
-        onInput: ne,
-        onChange: le
-      }, Ul({
+        inputmode: s.inputmode,
+        onKeydown: ue,
+        onBlur: re,
+        onFocus: j,
+        onInput: pe,
+        onChange: ee
+      }, jl({
         _: 2
       }, [
-        e.$slots.prefix ? {
+        s.$slots.prefix ? {
           name: "prefix",
-          fn: z(() => [
-            Le(e.$slots, "prefix")
+          fn: O(() => [
+            Ke(s.$slots, "prefix")
           ])
         } : void 0,
-        e.$slots.suffix ? {
+        s.$slots.suffix ? {
           name: "suffix",
-          fn: z(() => [
-            Le(e.$slots, "suffix")
+          fn: O(() => [
+            Ke(s.$slots, "suffix")
           ])
         } : void 0
       ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "inputmode"])
     ], 42, ["onDragstart"]));
   }
 });
-var ql = /* @__PURE__ */ Xe(Hl, [["__file", "input-number.vue"]]);
-const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
+var So = /* @__PURE__ */ dl(Co, [["__file", "input-number.vue"]]);
+const ho = hl(So), _l = Symbol("sliderContextKey"), Vo = Qe({
   modelValue: {
-    type: ve([Number, Array]),
+    type: xe([Number, Array]),
     default: 0
   },
   id: {
@@ -350,15 +351,15 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
     type: Boolean,
     default: !0
   },
-  size: Ae,
-  inputSize: Ae,
+  size: ul,
+  inputSize: ul,
   showStops: Boolean,
   showTooltip: {
     type: Boolean,
     default: !0
   },
   formatTooltip: {
-    type: ve(Function),
+    type: xe(Function),
     default: void 0
   },
   disabled: {
@@ -377,7 +378,7 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
     default: void 0
   },
   formatValueText: {
-    type: ve(Function),
+    type: xe(Function),
     default: void 0
   },
   tooltipClass: {
@@ -386,11 +387,11 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
   },
   placement: {
     type: String,
-    values: Ze,
+    values: El,
     default: "top"
   },
   marks: {
-    type: ve(Object)
+    type: xe(Object)
   },
   validateEvent: {
     type: Boolean,
@@ -400,12 +401,12 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
     type: Boolean,
     default: !0
   },
-  ...il(["ariaLabel"])
-}), Be = (t) => q(t) || Ce(t) && t.every(q), et = {
-  [te]: Be,
-  [me]: Be,
-  [Oe]: Be
-}, lt = Ue({
+  ...Ll(["ariaLabel"])
+}), tl = (l) => me(l) || Je(l) && l.every(me), Lo = {
+  [ye]: tl,
+  [Ue]: tl,
+  [qe]: tl
+}, wo = Qe({
   modelValue: {
     type: Number,
     default: 0
@@ -414,145 +415,145 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
   tooltipClass: String,
   placement: {
     type: String,
-    values: Ze,
+    values: El,
     default: "top"
   }
-}), tt = {
-  [te]: (t) => q(t)
-}, at = (t, d, p) => {
-  const v = $(), c = $(!1), S = I(() => d.value instanceof Function), b = I(() => S.value && d.value(t.modelValue) || t.modelValue), g = je(() => {
-    p.value && (c.value = !0);
-  }, 50), o = je(() => {
-    p.value && (c.value = !1);
+}), ko = {
+  [ye]: (l) => me(l)
+}, Fo = (l, d, y) => {
+  const f = H(), g = H(!1), z = I(() => d.value instanceof Function), w = I(() => z.value && d.value(l.modelValue) || l.modelValue), k = gl(() => {
+    y.value && (g.value = !0);
+  }, 50), A = gl(() => {
+    y.value && (g.value = !1);
   }, 50);
   return {
-    tooltip: v,
-    tooltipVisible: c,
-    formatValue: b,
-    displayTooltip: g,
-    hideTooltip: o
+    tooltip: f,
+    tooltipVisible: g,
+    formatValue: w,
+    displayTooltip: k,
+    hideTooltip: A
   };
-}, ot = (t, d, p) => {
+}, No = (l, d, y) => {
   const {
-    disabled: v,
-    min: c,
-    max: S,
-    step: b,
-    showTooltip: g,
-    persistent: o,
-    precision: h,
-    sliderSize: N,
-    formatTooltip: y,
-    emitChange: w,
-    resetSize: x,
-    updateDragging: j
-  } = Il(rl), { tooltip: R, tooltipVisible: K, formatValue: D, displayTooltip: G, hideTooltip: Q } = at(t, y, g), B = $(), P = I(() => `${(t.modelValue - c.value) / (S.value - c.value) * 100}%`), H = I(() => t.vertical ? { bottom: P.value } : { left: P.value }), Z = () => {
-    d.hovering = !0, G();
-  }, ne = () => {
-    d.hovering = !1, d.dragging || Q();
-  }, le = (k) => {
-    v.value || (k.preventDefault(), L(k), window.addEventListener("mousemove", _), window.addEventListener("touchmove", _), window.addEventListener("mouseup", U), window.addEventListener("touchend", U), window.addEventListener("contextmenu", U), B.value.focus());
-  }, ee = (k) => {
-    v.value || (d.newPosition = Number.parseFloat(P.value) + k / (S.value - c.value) * 100, a(d.newPosition), w());
-  }, F = () => {
-    ee(-b.value);
-  }, T = () => {
-    ee(b.value);
-  }, J = () => {
-    ee(-b.value * 4);
-  }, C = () => {
-    ee(b.value * 4);
-  }, l = () => {
-    v.value || (a(0), w());
-  }, e = () => {
-    v.value || (a(100), w());
-  }, r = (k) => {
-    const u = ul(k);
-    let A = !0;
-    switch (u) {
-      case ae.left:
-      case ae.down:
-        F();
+    disabled: f,
+    min: g,
+    max: z,
+    step: w,
+    showTooltip: k,
+    persistent: A,
+    precision: E,
+    sliderSize: V,
+    formatTooltip: C,
+    emitChange: N,
+    resetSize: o,
+    updateDragging: Y
+  } = al(_l), { tooltip: W, tooltipVisible: le, formatValue: Q, displayTooltip: oe, hideTooltip: ue } = Fo(l, C, k), J = H(), P = I(() => `${(l.modelValue - g.value) / (z.value - g.value) * 100}%`), Z = I(() => l.vertical ? { bottom: P.value } : { left: P.value }), se = () => {
+    d.hovering = !0, oe();
+  }, pe = () => {
+    d.hovering = !1, d.dragging || ue();
+  }, ee = (x) => {
+    f.value || (x.preventDefault(), R(x), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", q), window.addEventListener("touchend", q), window.addEventListener("contextmenu", q), J.value.focus());
+  }, ce = (x) => {
+    f.value || (d.newPosition = Number.parseFloat(P.value) + x / (z.value - g.value) * 100, ae(d.newPosition), N());
+  }, _ = () => {
+    ce(-w.value);
+  }, j = () => {
+    ce(w.value);
+  }, re = () => {
+    ce(-w.value * 4);
+  }, ge = () => {
+    ce(w.value * 4);
+  }, Ce = () => {
+    f.value || (ae(0), N());
+  }, s = () => {
+    f.value || (ae(100), N());
+  }, b = (x) => {
+    const U = wl(x);
+    let te = !0;
+    switch (U) {
+      case Ve.left:
+      case Ve.down:
+        _();
         break;
-      case ae.right:
-      case ae.up:
-        T();
+      case Ve.right:
+      case Ve.up:
+        j();
         break;
-      case ae.home:
-        l();
+      case Ve.home:
+        Ce();
         break;
-      case ae.end:
-        e();
+      case Ve.end:
+        s();
         break;
-      case ae.pageDown:
-        J();
+      case Ve.pageDown:
+        re();
         break;
-      case ae.pageUp:
-        C();
+      case Ve.pageUp:
+        ge();
         break;
       default:
-        A = !1;
+        te = !1;
         break;
     }
-    A && k.preventDefault();
-  }, m = (k) => {
-    let u, A;
-    return k.type.startsWith("touch") ? (A = k.touches[0].clientY, u = k.touches[0].clientX) : (A = k.clientY, u = k.clientX), {
-      clientX: u,
-      clientY: A
+    te && x.preventDefault();
+  }, F = (x) => {
+    let U, te;
+    return x.type.startsWith("touch") ? (te = x.touches[0].clientY, U = x.touches[0].clientX) : (te = x.clientY, U = x.clientX), {
+      clientX: U,
+      clientY: te
     };
-  }, L = (k) => {
+  }, R = (x) => {
     d.dragging = !0, d.isClick = !0;
-    const { clientX: u, clientY: A } = m(k);
-    t.vertical ? d.startY = A : d.startX = u, d.startPosition = Number.parseFloat(P.value), d.newPosition = d.startPosition;
-  }, _ = (k) => {
+    const { clientX: U, clientY: te } = F(x);
+    l.vertical ? d.startY = te : d.startX = U, d.startPosition = Number.parseFloat(P.value), d.newPosition = d.startPosition;
+  }, M = (x) => {
     if (d.dragging) {
-      d.isClick = !1, G(), x();
-      let u;
-      const { clientX: A, clientY: ge } = m(k);
-      t.vertical ? (d.currentY = ge, u = (d.startY - d.currentY) / N.value * 100) : (d.currentX = A, u = (d.currentX - d.startX) / N.value * 100), d.newPosition = d.startPosition + u, a(d.newPosition);
+      d.isClick = !1, oe(), o();
+      let U;
+      const { clientX: te, clientY: Ne } = F(x);
+      l.vertical ? (d.currentY = Ne, U = (d.startY - d.currentY) / V.value * 100) : (d.currentX = te, U = (d.currentX - d.startX) / V.value * 100), d.newPosition = d.startPosition + U, ae(d.newPosition);
     }
-  }, U = () => {
+  }, q = () => {
     d.dragging && (setTimeout(() => {
-      d.dragging = !1, d.hovering || Q(), d.isClick || a(d.newPosition), w();
-    }, 0), window.removeEventListener("mousemove", _), window.removeEventListener("touchmove", _), window.removeEventListener("mouseup", U), window.removeEventListener("touchend", U), window.removeEventListener("contextmenu", U));
-  }, a = async (k) => {
-    if (k === null || Number.isNaN(+k))
+      d.dragging = !1, d.hovering || ue(), d.isClick || ae(d.newPosition), N();
+    }, 0), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", q), window.removeEventListener("touchend", q), window.removeEventListener("contextmenu", q));
+  }, ae = async (x) => {
+    if (x === null || Number.isNaN(+x))
       return;
-    k = cl(k, 0, 100);
-    const u = Math.floor((S.value - c.value) / b.value), A = u * b.value / (S.value - c.value) * 100, ge = A + (100 - A) / 2;
-    let E;
-    if (k < A) {
-      const he = A / u, se = Math.round(k / he);
-      E = c.value + se * b.value;
-    } else k < ge ? E = c.value + u * b.value : E = S.value;
-    E = Number.parseFloat(E.toFixed(h.value)), E !== t.modelValue && p(te, E), !d.dragging && t.modelValue !== d.oldValue && (d.oldValue = t.modelValue), await ze(), d.dragging && G(), R.value.updatePopper();
+    x = to(x, 0, 100);
+    const U = Math.floor((z.value - g.value) / w.value), te = U * w.value / (z.value - g.value) * 100, Ne = te + (100 - te) / 2;
+    let L;
+    if (x < te) {
+      const we = te / U, Se = Math.round(x / we);
+      L = g.value + Se * w.value;
+    } else x < Ne ? L = g.value + U * w.value : L = z.value;
+    L = Number.parseFloat(L.toFixed(E.value)), L !== l.modelValue && y(ye, L), !d.dragging && l.modelValue !== d.oldValue && (d.oldValue = l.modelValue), await De(), d.dragging && oe(), W.value.updatePopper();
   };
-  return be(() => d.dragging, (k) => {
-    j(k);
-  }), xe(B, "touchstart", le, { passive: !1 }), {
-    disabled: v,
-    button: B,
-    tooltip: R,
-    tooltipVisible: K,
-    showTooltip: g,
-    persistent: o,
-    wrapperStyle: H,
-    formatValue: D,
-    handleMouseEnter: Z,
-    handleMouseLeave: ne,
-    onButtonDown: le,
-    onKeyDown: r,
-    setPosition: a
+  return Pe(() => d.dragging, (x) => {
+    Y(x);
+  }), He(J, "touchstart", ee, { passive: !1 }), {
+    disabled: f,
+    button: J,
+    tooltip: W,
+    tooltipVisible: le,
+    showTooltip: k,
+    persistent: A,
+    wrapperStyle: Z,
+    formatValue: Q,
+    handleMouseEnter: se,
+    handleMouseLeave: pe,
+    onButtonDown: ee,
+    onKeyDown: b,
+    setPosition: ae
   };
-}, nt = ue({
+}, zo = Fe({
   name: "ElSliderButton"
-}), it = /* @__PURE__ */ ue({
-  ...nt,
-  props: lt,
-  emits: tt,
-  setup(t, { expose: d, emit: p }) {
-    const v = t, c = Ie("slider"), S = Je({
+}), Eo = /* @__PURE__ */ Fe({
+  ...zo,
+  props: wo,
+  emits: ko,
+  setup(l, { expose: d, emit: y }) {
+    const f = l, g = Ze("slider"), z = rl({
       hovering: !1,
       dragging: !1,
       isClick: !1,
@@ -562,58 +563,58 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
       currentY: 0,
       startPosition: 0,
       newPosition: 0,
-      oldValue: v.modelValue
-    }), b = I(() => N.value ? y.value : !1), {
-      disabled: g,
-      button: o,
-      tooltip: h,
-      showTooltip: N,
-      persistent: y,
-      tooltipVisible: w,
-      wrapperStyle: x,
-      formatValue: j,
-      handleMouseEnter: R,
-      handleMouseLeave: K,
-      onButtonDown: D,
-      onKeyDown: G,
-      setPosition: Q
-    } = ot(v, S, p), { hovering: B, dragging: P } = Re(S);
+      oldValue: f.modelValue
+    }), w = I(() => V.value ? C.value : !1), {
+      disabled: k,
+      button: A,
+      tooltip: E,
+      showTooltip: V,
+      persistent: C,
+      tooltipVisible: N,
+      wrapperStyle: o,
+      formatValue: Y,
+      handleMouseEnter: W,
+      handleMouseLeave: le,
+      onButtonDown: Q,
+      onKeyDown: oe,
+      setPosition: ue
+    } = No(f, z, y), { hovering: J, dragging: P } = nl(z);
     return d({
-      onButtonDown: D,
-      onKeyDown: G,
-      setPosition: Q,
-      hovering: B,
+      onButtonDown: Q,
+      onKeyDown: oe,
+      setPosition: ue,
+      hovering: J,
       dragging: P
-    }), (H, Z) => (f(), V("div", {
+    }), (Z, se) => (c(), h("div", {
       ref_key: "button",
-      ref: o,
-      class: Y([n(c).e("button-wrapper"), { hover: n(B), dragging: n(P) }]),
-      style: ce(n(x)),
-      tabindex: n(g) ? void 0 : 0,
-      onMouseenter: n(R),
-      onMouseleave: n(K),
-      onMousedown: n(D),
-      onFocus: n(R),
-      onBlur: n(K),
-      onKeydown: n(G)
+      ref: A,
+      class: ve([i(g).e("button-wrapper"), { hover: i(J), dragging: i(P) }]),
+      style: Te(i(o)),
+      tabindex: i(k) ? void 0 : 0,
+      onMouseenter: i(W),
+      onMouseleave: i(le),
+      onMousedown: i(Q),
+      onFocus: i(W),
+      onBlur: i(le),
+      onKeydown: i(oe)
     }, [
-      s(n(vl), {
+      r(i(vo), {
         ref_key: "tooltip",
-        ref: h,
-        visible: n(w),
-        placement: H.placement,
+        ref: E,
+        visible: i(N),
+        placement: Z.placement,
         "fallback-placements": ["top", "bottom", "right", "left"],
         "stop-popper-mouse-event": !1,
-        "popper-class": H.tooltipClass,
-        disabled: !n(N),
-        persistent: n(b)
+        "popper-class": Z.tooltipClass,
+        disabled: !i(V),
+        persistent: i(w)
       }, {
-        content: z(() => [
-          i("span", null, Fe(n(j)), 1)
+        content: O(() => [
+          u("span", null, je(i(Y)), 1)
         ]),
-        default: z(() => [
-          i("div", {
-            class: Y([n(c).e("button"), { hover: n(B), dragging: n(P) }])
+        default: O(() => [
+          u("div", {
+            class: ve([i(g).e("button"), { hover: i(J), dragging: i(P) }])
           }, null, 2)
         ]),
         _: 1
@@ -621,751 +622,1017 @@ const Ql = nl(ql), rl = Symbol("sliderContextKey"), Zl = Ue({
     ], 46, ["tabindex", "onMouseenter", "onMouseleave", "onMousedown", "onFocus", "onBlur", "onKeydown"]));
   }
 });
-var qe = /* @__PURE__ */ Xe(it, [["__file", "button.vue"]]);
-const ut = Ue({
+var yl = /* @__PURE__ */ dl(Eo, [["__file", "button.vue"]]);
+const _o = Qe({
   mark: {
-    type: ve([String, Object]),
+    type: xe([String, Object]),
     default: void 0
   }
 });
-var st = ue({
+var xo = Fe({
   name: "ElSliderMarker",
-  props: ut,
-  setup(t) {
-    const d = Ie("slider"), p = I(() => $e(t.mark) ? t.mark : t.mark.label), v = I(() => $e(t.mark) ? void 0 : t.mark.style);
-    return () => Ol("div", {
+  props: _o,
+  setup(l) {
+    const d = Ze("slider"), y = I(() => sl(l.mark) ? l.mark : l.mark.label), f = I(() => sl(l.mark) ? void 0 : l.mark.style);
+    return () => Gl("div", {
       class: d.e("marks-text"),
-      style: v.value
-    }, p.value);
+      style: f.value
+    }, y.value);
   }
 });
-const rt = (t, d, p) => {
-  const { formItem: v } = tl(), c = Ml(), S = $(), b = $(), g = {
-    firstButton: S,
-    secondButton: b
-  }, o = ol(), h = I(() => Math.min(d.firstValue, d.secondValue)), N = I(() => Math.max(d.firstValue, d.secondValue)), y = I(() => t.range ? `${100 * (N.value - h.value) / (t.max - t.min)}%` : `${100 * (d.firstValue - t.min) / (t.max - t.min)}%`), w = I(() => t.range ? `${100 * (h.value - t.min) / (t.max - t.min)}%` : "0%"), x = I(() => t.vertical ? { height: t.height } : {}), j = I(() => t.vertical ? {
-    height: y.value,
-    bottom: w.value
+const Uo = (l, d, y) => {
+  const { formItem: f } = Fl(), g = Dl(), z = H(), w = H(), k = {
+    firstButton: z,
+    secondButton: w
+  }, A = zl(), E = I(() => Math.min(d.firstValue, d.secondValue)), V = I(() => Math.max(d.firstValue, d.secondValue)), C = I(() => l.range ? `${100 * (V.value - E.value) / (l.max - l.min)}%` : `${100 * (d.firstValue - l.min) / (l.max - l.min)}%`), N = I(() => l.range ? `${100 * (E.value - l.min) / (l.max - l.min)}%` : "0%"), o = I(() => l.vertical ? { height: l.height } : {}), Y = I(() => l.vertical ? {
+    height: C.value,
+    bottom: N.value
   } : {
-    width: y.value,
-    left: w.value
-  }), R = () => {
-    if (c.value) {
-      const F = c.value.getBoundingClientRect();
-      d.sliderSize = F[t.vertical ? "height" : "width"];
+    width: C.value,
+    left: N.value
+  }), W = () => {
+    if (g.value) {
+      const _ = g.value.getBoundingClientRect();
+      d.sliderSize = _[l.vertical ? "height" : "width"];
     }
-  }, K = (F) => {
-    const T = t.min + F * (t.max - t.min) / 100;
-    if (!t.range)
-      return S;
-    let J;
-    return Math.abs(h.value - T) < Math.abs(N.value - T) ? J = d.firstValue < d.secondValue ? "firstButton" : "secondButton" : J = d.firstValue > d.secondValue ? "firstButton" : "secondButton", g[J];
-  }, D = (F) => {
-    const T = K(F);
-    return T.value.setPosition(F), T;
-  }, G = (F) => {
-    d.firstValue = F ?? t.min, B(t.range ? [h.value, N.value] : F ?? t.min);
-  }, Q = (F) => {
-    d.secondValue = F, t.range && B([h.value, N.value]);
-  }, B = (F) => {
-    p(te, F), p(me, F);
+  }, le = (_) => {
+    const j = l.min + _ * (l.max - l.min) / 100;
+    if (!l.range)
+      return z;
+    let re;
+    return Math.abs(E.value - j) < Math.abs(V.value - j) ? re = d.firstValue < d.secondValue ? "firstButton" : "secondButton" : re = d.firstValue > d.secondValue ? "firstButton" : "secondButton", k[re];
+  }, Q = (_) => {
+    const j = le(_);
+    return j.value.setPosition(_), j;
+  }, oe = (_) => {
+    d.firstValue = _ ?? l.min, J(l.range ? [E.value, V.value] : _ ?? l.min);
+  }, ue = (_) => {
+    d.secondValue = _, l.range && J([E.value, V.value]);
+  }, J = (_) => {
+    y(ye, _), y(Ue, _);
   }, P = async () => {
-    await ze(), p(Oe, t.range ? [h.value, N.value] : t.modelValue);
-  }, H = (F) => {
-    var T, J, C, l, e, r;
-    if (o.value || d.dragging)
+    await De(), y(qe, l.range ? [E.value, V.value] : l.modelValue);
+  }, Z = (_) => {
+    var j, re, ge, Ce, s, b;
+    if (A.value || d.dragging)
       return;
-    R();
-    let m = 0;
-    if (t.vertical) {
-      const L = (C = (J = (T = F.touches) == null ? void 0 : T.item(0)) == null ? void 0 : J.clientY) != null ? C : F.clientY;
-      m = (c.value.getBoundingClientRect().bottom - L) / d.sliderSize * 100;
+    W();
+    let F = 0;
+    if (l.vertical) {
+      const R = (ge = (re = (j = _.touches) == null ? void 0 : j.item(0)) == null ? void 0 : re.clientY) != null ? ge : _.clientY;
+      F = (g.value.getBoundingClientRect().bottom - R) / d.sliderSize * 100;
     } else {
-      const L = (r = (e = (l = F.touches) == null ? void 0 : l.item(0)) == null ? void 0 : e.clientX) != null ? r : F.clientX, _ = c.value.getBoundingClientRect().left;
-      m = (L - _) / d.sliderSize * 100;
+      const R = (b = (s = (Ce = _.touches) == null ? void 0 : Ce.item(0)) == null ? void 0 : s.clientX) != null ? b : _.clientX, M = g.value.getBoundingClientRect().left;
+      F = (R - M) / d.sliderSize * 100;
     }
-    if (!(m < 0 || m > 100))
-      return D(m);
+    if (!(F < 0 || F > 100))
+      return Q(F);
   };
   return {
-    elFormItem: v,
-    slider: c,
-    firstButton: S,
-    secondButton: b,
-    sliderDisabled: o,
-    minValue: h,
-    maxValue: N,
-    runwayStyle: x,
-    barStyle: j,
-    resetSize: R,
-    setPosition: D,
+    elFormItem: f,
+    slider: g,
+    firstButton: z,
+    secondButton: w,
+    sliderDisabled: A,
+    minValue: E,
+    maxValue: V,
+    runwayStyle: o,
+    barStyle: Y,
+    resetSize: W,
+    setPosition: Q,
     emitChange: P,
-    onSliderWrapperPrevent: (F) => {
-      var T, J;
-      ((T = g.firstButton.value) != null && T.dragging || (J = g.secondButton.value) != null && J.dragging) && F.preventDefault();
+    onSliderWrapperPrevent: (_) => {
+      var j, re;
+      ((j = k.firstButton.value) != null && j.dragging || (re = k.secondButton.value) != null && re.dragging) && _.preventDefault();
     },
-    onSliderClick: (F) => {
-      H(F) && P();
+    onSliderClick: (_) => {
+      Z(_) && P();
     },
-    onSliderDown: async (F) => {
-      const T = H(F);
-      T && (await ze(), T.value.onButtonDown(F));
+    onSliderDown: async (_) => {
+      const j = Z(_);
+      j && (await De(), j.value.onButtonDown(_));
     },
-    onSliderMarkerDown: (F) => {
-      if (o.value || d.dragging)
+    onSliderMarkerDown: (_) => {
+      if (A.value || d.dragging)
         return;
-      D(F) && P();
+      Q(_) && P();
     },
-    setFirstValue: G,
-    setSecondValue: Q
+    setFirstValue: oe,
+    setSecondValue: ue
   };
-}, dt = (t, d, p, v) => ({
+}, Io = (l, d, y, f) => ({
   stops: I(() => {
-    if (!t.showStops || t.min > t.max)
+    if (!l.showStops || l.min > l.max)
       return [];
-    if (t.step === 0)
-      return ie("ElSlider", "step should not be 0."), [];
-    const b = Math.ceil((t.max - t.min) / t.step), g = 100 * t.step / (t.max - t.min), o = Array.from({ length: b - 1 }).map((h, N) => (N + 1) * g);
-    return t.range ? o.filter((h) => h < 100 * (p.value - t.min) / (t.max - t.min) || h > 100 * (v.value - t.min) / (t.max - t.min)) : o.filter((h) => h > 100 * (d.firstValue - t.min) / (t.max - t.min));
+    if (l.step === 0)
+      return ke("ElSlider", "step should not be 0."), [];
+    const w = Math.ceil((l.max - l.min) / l.step), k = 100 * l.step / (l.max - l.min), A = Array.from({ length: w - 1 }).map((E, V) => (V + 1) * k);
+    return l.range ? A.filter((E) => E < 100 * (y.value - l.min) / (l.max - l.min) || E > 100 * (f.value - l.min) / (l.max - l.min)) : A.filter((E) => E > 100 * (d.firstValue - l.min) / (l.max - l.min));
   }),
-  getStopStyle: (b) => t.vertical ? { bottom: `${b}%` } : { left: `${b}%` }
-}), vt = (t) => I(() => t.marks ? Object.keys(t.marks).map(Number.parseFloat).sort((p, v) => p - v).filter((p) => p <= t.max && p >= t.min).map((p) => ({
-  point: p,
-  position: (p - t.min) * 100 / (t.max - t.min),
-  mark: t.marks[p]
-})) : []), mt = (t, d, p, v, c, S) => {
-  const b = (h) => {
-    c(te, h), c(me, h);
-  }, g = () => t.range ? ![p.value, v.value].every((h, N) => h === d.oldValue[N]) : t.modelValue !== d.oldValue, o = () => {
-    var h, N;
-    t.min > t.max && Qe("Slider", "min should not be greater than max.");
-    const y = t.modelValue;
-    t.range && Ce(y) ? y[1] < t.min ? b([t.min, t.min]) : y[0] > t.max ? b([t.max, t.max]) : y[0] < t.min ? b([t.min, y[1]]) : y[1] > t.max ? b([y[0], t.max]) : (d.firstValue = y[0], d.secondValue = y[1], g() && (t.validateEvent && ((h = S?.validate) == null || h.call(S, "change").catch((w) => ie(w))), d.oldValue = y.slice())) : !t.range && q(y) && !Number.isNaN(y) && (y < t.min ? b(t.min) : y > t.max ? b(t.max) : (d.firstValue = y, g() && (t.validateEvent && ((N = S?.validate) == null || N.call(S, "change").catch((w) => ie(w))), d.oldValue = y)));
+  getStopStyle: (w) => l.vertical ? { bottom: `${w}%` } : { left: `${w}%` }
+}), To = (l) => I(() => l.marks ? Object.keys(l.marks).map(Number.parseFloat).sort((y, f) => y - f).filter((y) => y <= l.max && y >= l.min).map((y) => ({
+  point: y,
+  position: (y - l.min) * 100 / (l.max - l.min),
+  mark: l.marks[y]
+})) : []), Oo = (l, d, y, f, g, z) => {
+  const w = (E) => {
+    g(ye, E), g(Ue, E);
+  }, k = () => l.range ? ![y.value, f.value].every((E, V) => E === d.oldValue[V]) : l.modelValue !== d.oldValue, A = () => {
+    var E, V;
+    l.min > l.max && Vl("Slider", "min should not be greater than max.");
+    const C = l.modelValue;
+    l.range && Je(C) ? C[1] < l.min ? w([l.min, l.min]) : C[0] > l.max ? w([l.max, l.max]) : C[0] < l.min ? w([l.min, C[1]]) : C[1] > l.max ? w([C[0], l.max]) : (d.firstValue = C[0], d.secondValue = C[1], k() && (l.validateEvent && ((E = z?.validate) == null || E.call(z, "change").catch((N) => ke(N))), d.oldValue = C.slice())) : !l.range && me(C) && !Number.isNaN(C) && (C < l.min ? w(l.min) : C > l.max ? w(l.max) : (d.firstValue = C, k() && (l.validateEvent && ((V = z?.validate) == null || V.call(z, "change").catch((N) => ke(N))), d.oldValue = C)));
   };
-  o(), be(() => d.dragging, (h) => {
-    h || o();
-  }), be(() => t.modelValue, (h, N) => {
-    d.dragging || Ce(h) && Ce(N) && h.every((y, w) => y === N[w]) && d.firstValue === h[0] && d.secondValue === h[1] || o();
+  A(), Pe(() => d.dragging, (E) => {
+    E || A();
+  }), Pe(() => l.modelValue, (E, V) => {
+    d.dragging || Je(E) && Je(V) && E.every((C, N) => C === V[N]) && d.firstValue === E[0] && d.secondValue === E[1] || A();
   }, {
     deep: !0
-  }), be(() => [t.min, t.max], () => {
-    o();
+  }), Pe(() => [l.min, l.max], () => {
+    A();
   });
-}, ft = (t, d, p) => {
-  const v = $();
-  return el(async () => {
-    t.range ? (Ce(t.modelValue) ? (d.firstValue = Math.max(t.min, t.modelValue[0]), d.secondValue = Math.min(t.max, t.modelValue[1])) : (d.firstValue = t.min, d.secondValue = t.max), d.oldValue = [d.firstValue, d.secondValue]) : (!q(t.modelValue) || Number.isNaN(t.modelValue) ? d.firstValue = t.min : d.firstValue = Math.min(t.max, Math.max(t.min, t.modelValue)), d.oldValue = d.firstValue), xe(window, "resize", p), await ze(), p();
+}, Po = (l, d, y) => {
+  const f = H();
+  return Cl(async () => {
+    l.range ? (Je(l.modelValue) ? (d.firstValue = Math.max(l.min, l.modelValue[0]), d.secondValue = Math.min(l.max, l.modelValue[1])) : (d.firstValue = l.min, d.secondValue = l.max), d.oldValue = [d.firstValue, d.secondValue]) : (!me(l.modelValue) || Number.isNaN(l.modelValue) ? d.firstValue = l.min : d.firstValue = Math.min(l.max, Math.max(l.min, l.modelValue)), d.oldValue = d.firstValue), He(window, "resize", y), await De(), y();
   }), {
-    sliderWrapper: v
+    sliderWrapper: f
   };
-}, ct = ue({
+}, Mo = Fe({
   name: "ElSlider"
-}), pt = /* @__PURE__ */ ue({
-  ...ct,
-  props: Zl,
-  emits: et,
-  setup(t, { expose: d, emit: p }) {
-    const v = t, c = Ie("slider"), { t: S } = sl(), b = Je({
+}), Bo = /* @__PURE__ */ Fe({
+  ...Mo,
+  props: Vo,
+  emits: Lo,
+  setup(l, { expose: d, emit: y }) {
+    const f = l, g = Ze("slider"), { t: z } = kl(), w = rl({
       firstValue: 0,
       secondValue: 0,
       oldValue: 0,
       dragging: !1,
       sliderSize: 1
     }), {
-      elFormItem: g,
-      slider: o,
-      firstButton: h,
-      secondButton: N,
-      sliderDisabled: y,
-      minValue: w,
-      maxValue: x,
-      runwayStyle: j,
-      barStyle: R,
-      resetSize: K,
-      emitChange: D,
-      onSliderWrapperPrevent: G,
-      onSliderClick: Q,
-      onSliderDown: B,
+      elFormItem: k,
+      slider: A,
+      firstButton: E,
+      secondButton: V,
+      sliderDisabled: C,
+      minValue: N,
+      maxValue: o,
+      runwayStyle: Y,
+      barStyle: W,
+      resetSize: le,
+      emitChange: Q,
+      onSliderWrapperPrevent: oe,
+      onSliderClick: ue,
+      onSliderDown: J,
       onSliderMarkerDown: P,
-      setFirstValue: H,
-      setSecondValue: Z
-    } = rt(v, b, p), { stops: ne, getStopStyle: le } = dt(v, b, w, x), { inputId: ee, isLabeledByFormItem: F } = Kl(v, {
-      formItemContext: g
-    }), T = al(), J = I(() => v.inputSize || T.value), C = I(() => v.ariaLabel || S("el.slider.defaultLabel", {
-      min: v.min,
-      max: v.max
-    })), l = I(() => v.range ? v.rangeStartLabel || S("el.slider.defaultRangeStartLabel") : C.value), e = I(() => v.formatValueText ? v.formatValueText(k.value) : `${k.value}`), r = I(() => v.rangeEndLabel || S("el.slider.defaultRangeEndLabel")), m = I(() => v.formatValueText ? v.formatValueText(u.value) : `${u.value}`), L = I(() => [
-      c.b(),
-      c.m(T.value),
-      c.is("vertical", v.vertical),
-      { [c.m("with-input")]: v.showInput }
-    ]), _ = vt(v);
-    mt(v, b, w, x, p, g);
-    const U = I(() => {
-      const E = [v.min, v.max, v.step].map((he) => {
-        const se = `${he}`.split(".")[1];
-        return se ? se.length : 0;
+      setFirstValue: Z,
+      setSecondValue: se
+    } = Uo(f, w, y), { stops: pe, getStopStyle: ee } = Io(f, w, N, o), { inputId: ce, isLabeledByFormItem: _ } = fo(f, {
+      formItemContext: k
+    }), j = Nl(), re = I(() => f.inputSize || j.value), ge = I(() => f.ariaLabel || z("el.slider.defaultLabel", {
+      min: f.min,
+      max: f.max
+    })), Ce = I(() => f.range ? f.rangeStartLabel || z("el.slider.defaultRangeStartLabel") : ge.value), s = I(() => f.formatValueText ? f.formatValueText(x.value) : `${x.value}`), b = I(() => f.rangeEndLabel || z("el.slider.defaultRangeEndLabel")), F = I(() => f.formatValueText ? f.formatValueText(U.value) : `${U.value}`), R = I(() => [
+      g.b(),
+      g.m(j.value),
+      g.is("vertical", f.vertical),
+      { [g.m("with-input")]: f.showInput }
+    ]), M = To(f);
+    Oo(f, w, N, o, y, k);
+    const q = I(() => {
+      const L = [f.min, f.max, f.step].map((we) => {
+        const Se = `${we}`.split(".")[1];
+        return Se ? Se.length : 0;
       });
-      return Math.max.apply(null, E);
-    }), { sliderWrapper: a } = ft(v, b, K), { firstValue: k, secondValue: u, sliderSize: A } = Re(b), ge = (E) => {
-      b.dragging = E;
+      return Math.max.apply(null, L);
+    }), { sliderWrapper: ae } = Po(f, w, le), { firstValue: x, secondValue: U, sliderSize: te } = nl(w), Ne = (L) => {
+      w.dragging = L;
     };
-    return xe(a, "touchstart", G, {
+    return He(ae, "touchstart", oe, {
       passive: !1
-    }), xe(a, "touchmove", G, {
+    }), He(ae, "touchmove", oe, {
       passive: !1
-    }), Tl(rl, {
-      ...Re(v),
-      sliderSize: A,
-      disabled: y,
-      precision: U,
-      emitChange: D,
-      resetSize: K,
-      updateDragging: ge
+    }), Hl(_l, {
+      ...nl(f),
+      sliderSize: te,
+      disabled: C,
+      precision: q,
+      emitChange: Q,
+      resetSize: le,
+      updateDragging: Ne
     }), d({
-      onSliderClick: Q
-    }), (E, he) => {
-      var se, We;
-      return f(), V("div", {
-        id: E.range ? n(ee) : void 0,
+      onSliderClick: ue
+    }), (L, we) => {
+      var Se, X;
+      return c(), h("div", {
+        id: L.range ? i(ce) : void 0,
         ref_key: "sliderWrapper",
-        ref: a,
-        class: Y(n(L)),
-        role: E.range ? "group" : void 0,
-        "aria-label": E.range && !n(F) ? n(C) : void 0,
-        "aria-labelledby": E.range && n(F) ? (se = n(g)) == null ? void 0 : se.labelId : void 0
+        ref: ae,
+        class: ve(i(R)),
+        role: L.range ? "group" : void 0,
+        "aria-label": L.range && !i(_) ? i(ge) : void 0,
+        "aria-labelledby": L.range && i(_) ? (Se = i(k)) == null ? void 0 : Se.labelId : void 0
       }, [
-        i("div", {
+        u("div", {
           ref_key: "slider",
-          ref: o,
-          class: Y([
-            n(c).e("runway"),
-            { "show-input": E.showInput && !E.range },
-            n(c).is("disabled", n(y))
+          ref: A,
+          class: ve([
+            i(g).e("runway"),
+            { "show-input": L.showInput && !L.range },
+            i(g).is("disabled", i(C))
           ]),
-          style: ce(n(j)),
-          onMousedown: n(B),
-          onTouchstartPassive: n(B)
+          style: Te(i(Y)),
+          onMousedown: i(J),
+          onTouchstartPassive: i(J)
         }, [
-          i("div", {
-            class: Y(n(c).e("bar")),
-            style: ce(n(R))
+          u("div", {
+            class: ve(i(g).e("bar")),
+            style: Te(i(W))
           }, null, 6),
-          s(qe, {
-            id: E.range ? void 0 : n(ee),
+          r(yl, {
+            id: L.range ? void 0 : i(ce),
             ref_key: "firstButton",
-            ref: h,
-            "model-value": n(k),
-            vertical: E.vertical,
-            "tooltip-class": E.tooltipClass,
-            placement: E.placement,
+            ref: E,
+            "model-value": i(x),
+            vertical: L.vertical,
+            "tooltip-class": L.tooltipClass,
+            placement: L.placement,
             role: "slider",
-            "aria-label": E.range || !n(F) ? n(l) : void 0,
-            "aria-labelledby": !E.range && n(F) ? (We = n(g)) == null ? void 0 : We.labelId : void 0,
-            "aria-valuemin": E.min,
-            "aria-valuemax": E.range ? n(u) : E.max,
-            "aria-valuenow": n(k),
-            "aria-valuetext": n(e),
-            "aria-orientation": E.vertical ? "vertical" : "horizontal",
-            "aria-disabled": n(y),
-            "onUpdate:modelValue": n(H)
+            "aria-label": L.range || !i(_) ? i(Ce) : void 0,
+            "aria-labelledby": !L.range && i(_) ? (X = i(k)) == null ? void 0 : X.labelId : void 0,
+            "aria-valuemin": L.min,
+            "aria-valuemax": L.range ? i(U) : L.max,
+            "aria-valuenow": i(x),
+            "aria-valuetext": i(s),
+            "aria-orientation": L.vertical ? "vertical" : "horizontal",
+            "aria-disabled": i(C),
+            "onUpdate:modelValue": i(Z)
           }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-          E.range ? (f(), W(qe, {
+          L.range ? (c(), fe(yl, {
             key: 0,
             ref_key: "secondButton",
-            ref: N,
-            "model-value": n(u),
-            vertical: E.vertical,
-            "tooltip-class": E.tooltipClass,
-            placement: E.placement,
+            ref: V,
+            "model-value": i(U),
+            vertical: L.vertical,
+            "tooltip-class": L.tooltipClass,
+            placement: L.placement,
             role: "slider",
-            "aria-label": n(r),
-            "aria-valuemin": n(k),
-            "aria-valuemax": E.max,
-            "aria-valuenow": n(u),
-            "aria-valuetext": n(m),
-            "aria-orientation": E.vertical ? "vertical" : "horizontal",
-            "aria-disabled": n(y),
-            "onUpdate:modelValue": n(Z)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : M("v-if", !0),
-          E.showStops ? (f(), V("div", { key: 1 }, [
-            (f(!0), V(O, null, X(n(ne), (re, ye) => (f(), V("div", {
-              key: ye,
-              class: Y(n(c).e("stop")),
-              style: ce(n(le)(re))
+            "aria-label": i(b),
+            "aria-valuemin": i(x),
+            "aria-valuemax": L.max,
+            "aria-valuenow": i(U),
+            "aria-valuetext": i(F),
+            "aria-orientation": L.vertical ? "vertical" : "horizontal",
+            "aria-disabled": i(C),
+            "onUpdate:modelValue": i(se)
+          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : D("v-if", !0),
+          L.showStops ? (c(), h("div", { key: 1 }, [
+            (c(!0), h(G, null, de(i(pe), (T, $) => (c(), h("div", {
+              key: $,
+              class: ve(i(g).e("stop")),
+              style: Te(i(ee)(T))
             }, null, 6))), 128))
-          ])) : M("v-if", !0),
-          n(_).length > 0 ? (f(), V(O, { key: 2 }, [
-            i("div", null, [
-              (f(!0), V(O, null, X(n(_), (re, ye) => (f(), V("div", {
-                key: ye,
-                style: ce(n(le)(re.position)),
-                class: Y([n(c).e("stop"), n(c).e("marks-stop")])
+          ])) : D("v-if", !0),
+          i(M).length > 0 ? (c(), h(G, { key: 2 }, [
+            u("div", null, [
+              (c(!0), h(G, null, de(i(M), (T, $) => (c(), h("div", {
+                key: $,
+                style: Te(i(ee)(T.position)),
+                class: ve([i(g).e("stop"), i(g).e("marks-stop")])
               }, null, 6))), 128))
             ]),
-            i("div", {
-              class: Y(n(c).e("marks"))
+            u("div", {
+              class: ve(i(g).e("marks"))
             }, [
-              (f(!0), V(O, null, X(n(_), (re, ye) => (f(), W(n(st), {
-                key: ye,
-                mark: re.mark,
-                style: ce(n(le)(re.position)),
-                onMousedown: ll((Ia) => n(P)(re.position), ["stop"])
+              (c(!0), h(G, null, de(i(M), (T, $) => (c(), fe(i(xo), {
+                key: $,
+                mark: T.mark,
+                style: Te(i(ee)(T.position)),
+                onMousedown: Sl((he) => i(P)(T.position), ["stop"])
               }, null, 8, ["mark", "style", "onMousedown"]))), 128))
             ], 2)
-          ], 64)) : M("v-if", !0)
+          ], 64)) : D("v-if", !0)
         ], 46, ["onMousedown", "onTouchstartPassive"]),
-        E.showInput && !E.range ? (f(), W(n(Ql), {
+        L.showInput && !L.range ? (c(), fe(i(ho), {
           key: 0,
           ref: "input",
-          "model-value": n(k),
-          class: Y(n(c).e("input")),
-          step: E.step,
-          disabled: n(y),
-          controls: E.showInputControls,
-          min: E.min,
-          max: E.max,
-          precision: n(U),
-          size: n(J),
-          "onUpdate:modelValue": n(H),
-          onChange: n(D)
-        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : M("v-if", !0)
+          "model-value": i(x),
+          class: ve(i(g).e("input")),
+          step: L.step,
+          disabled: i(C),
+          controls: L.showInputControls,
+          min: L.min,
+          max: L.max,
+          precision: i(q),
+          size: i(re),
+          "onUpdate:modelValue": i(Z),
+          onChange: i(Q)
+        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "precision", "size", "onUpdate:modelValue", "onChange"])) : D("v-if", !0)
       ], 10, ["id", "role", "aria-label", "aria-labelledby"]);
     };
   }
 });
-var bt = /* @__PURE__ */ Xe(pt, [["__file", "slider.vue"]]);
-const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs" }, St = { class: "content" }, Ct = { class: "shape-config" }, ht = { class: "field-selector" }, wt = { class: "config-list" }, Lt = {
+var Ao = /* @__PURE__ */ dl(Bo, [["__file", "slider.vue"]]);
+const Jo = hl(Ao), Ro = { class: "shape-pop qy-flex-col" }, $o = { class: "tabs" }, Ko = { class: "content" }, Wo = { class: "shape-config" }, Xo = { class: "field-selector" }, Yo = { class: "config-list" }, jo = {
   key: 0,
   class: "config-item"
-}, _t = { class: "condition-text" }, kt = {
-  key: 1,
+}, Go = { class: "condition-text" }, Do = {
+  key: 0,
   class: "config-item"
-}, Nt = { class: "config-list" }, Ft = { class: "config-item" }, Et = {
+}, Ho = { class: "config-list" }, qo = { class: "config-item" }, Qo = {
   key: 0,
   class: "config-item"
-}, zt = {
+}, Zo = {
   key: 1,
   class: "config-item"
-}, xt = {
+}, et = {
   key: 2,
   class: "config-item"
-}, Ut = {
+}, lt = {
   key: 3,
   class: "config-item"
-}, It = { class: "line-config" }, Ot = { class: "field-selector" }, Mt = { class: "config-list" }, Tt = {
+}, ot = { class: "line-config" }, tt = { class: "field-selector" }, at = { class: "config-list" }, nt = {
   key: 0,
   class: "config-box"
-}, Pt = { class: "config-item" }, Bt = { class: "condition-text" }, At = { class: "config-item" }, $t = { class: "config-item" }, Rt = { class: "config-item" }, Kt = { class: "config-item" }, Jt = {
+}, it = { class: "config-item" }, ut = { class: "condition-text" }, st = { class: "config-item" }, rt = { class: "config-item" }, dt = { class: "config-item" }, ft = {
   key: 1,
   class: "config-box"
-}, Xt = { class: "config-item" }, Wt = { class: "config-item" }, Yt = { class: "config-item" }, jt = { class: "config-item" }, Dt = { class: "config-list" }, Gt = { class: "config-item" }, Ht = {
+}, vt = { class: "config-item" }, ct = { class: "config-item" }, mt = { class: "config-item" }, pt = { class: "config-list" }, gt = { class: "config-item" }, bt = {
   key: 0,
   class: "config-item"
-}, qt = {
+}, yt = {
   key: 1,
   class: "config-item"
-}, Qt = {
+}, Ct = {
   key: 2,
   class: "config-item"
-}, Zt = {
+}, St = {
   key: 3,
   class: "config-item"
-}, ea = { class: "point-config-wrapper" }, la = { class: "point-config-scroll" }, ta = { class: "field-selector" }, aa = { class: "config-list" }, oa = { class: "config-item" }, na = { class: "condition-text" }, ia = { class: "config-item" }, ua = { class: "config-item" }, sa = { class: "shape-selector-inline" }, ra = ["onClick"], da = ["src"], va = { class: "config-item" }, ma = { class: "config-item" }, fa = { class: "config-item" }, ca = { class: "config-item" }, pa = { class: "config-item" }, ba = { class: "config-item" }, ga = { class: "shape-selector-inline" }, ya = ["onClick"], Va = ["src"], Sa = { class: "config-item" }, Ca = { class: "config-item" }, ha = { class: "config-item" }, wa = { class: "config-item" }, La = { class: "point-label-config-fixed" }, _a = { class: "config-list" }, ka = { class: "config-item" }, Na = {
+}, ht = { class: "point-config-wrapper" }, Vt = { class: "point-config-scroll" }, Lt = { class: "field-selector" }, wt = { class: "config-list" }, kt = { class: "config-item" }, Ft = { class: "condition-text" }, Nt = { class: "config-item" }, zt = { class: "config-item" }, Et = { class: "shape-selector-inline" }, _t = ["onClick"], xt = ["src"], Ut = { class: "config-item" }, It = { class: "config-item" }, Tt = { class: "config-item" }, Ot = { class: "config-item" }, Pt = { class: "config-item" }, Mt = { class: "config-item" }, Bt = { class: "shape-selector-inline" }, At = ["onClick"], Jt = ["src"], Rt = { class: "config-item" }, $t = { class: "config-item" }, Kt = { class: "config-item" }, Wt = { class: "config-item" }, Xt = { class: "point-label-config-fixed" }, Yt = { class: "config-list" }, jt = { class: "config-item" }, Gt = {
   key: 0,
   class: "config-item"
-}, Fa = {
+}, Dt = {
   key: 1,
   class: "config-item"
-}, Ea = {
+}, Ht = {
   key: 2,
   class: "config-item"
-}, za = {
+}, qt = {
   key: 3,
   class: "config-item"
-}, xa = { class: "footer" }, Ua = /* @__PURE__ */ ue({
+}, Qt = { class: "footer" }, ie = "FID", be = "_FTYPE_", Zt = /* @__PURE__ */ Fe({
   __name: "ShapeDialog",
-  setup(t, { expose: d }) {
-    const p = $(!1), v = $("polygon"), c = $(null), S = $(), b = $(), g = $(), o = $(), h = $([]), N = $([]), y = $({
+  setup(l, { expose: d }) {
+    const y = H(!1), f = H("polygon"), g = H(null), z = al("shapeOptions", H([])), w = al("iconOptions", H([])), k = (t) => {
+      const e = i(t);
+      return Array.isArray(e) ? e : [];
+    }, A = I(() => {
+      const t = k(z);
+      return t.length > 0 ? t : [];
+    }), E = I(() => {
+      const t = k(w);
+      return t.length > 0 ? t : [];
+    }), V = H(), C = H(), N = H(), o = H(), Y = H([]), W = H([]), le = () => W.value.includes("polygon"), Q = () => W.value.includes("line") || W.value.includes("polygon"), oe = () => W.value.includes("point"), ue = ie, J = H(null), P = H([]), Z = H({}), se = H({}), pe = H({}), ee = I(() => g.value?.layerType === "geojson"), ce = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), _ = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), j = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), re = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), ge = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), Ce = I(() => ee.value ? P.value.filter(
+      (t) => t !== be
+    ) : P.value), s = I(() => o.value?.fillColorList?.filter(
+      (t) => t.type === "custom"
+    ) || []), b = I({
+      get: () => o.value?.fillColorList?.find(
+        (t) => t.type === "default"
+      ),
+      set: (t) => {
+        if (!o.value || !t) return;
+        const e = o.value.fillColorList.findIndex(
+          (n) => n.type === "default"
+        );
+        if (e >= 0) {
+          o.value.fillColorList[e] = t;
+          return;
+        }
+        o.value.fillColorList.push(t);
+      }
+    }), F = (t) => o.value?.fillColorList?.indexOf(t) ?? -1, R = (t = []) => {
+      const e = t.filter(Boolean).filter((n, m, v) => v.indexOf(n) === m);
+      return e.includes(ue) ? e : [ue, ...e];
+    }, M = (t) => !ee.value || t !== be ? t || ie : ce.value[0] || ie, q = () => J.value ? J.value.type === "FeatureCollection" && Array.isArray(J.value.features) ? J.value.features : J.value.type === "Feature" ? [J.value] : [] : [], ae = () => {
+      const t = /* @__PURE__ */ new Set();
+      return q().forEach((e) => {
+        const n = e?.properties || {};
+        Object.keys(n).forEach((m) => t.add(m));
+      }), Array.from(t);
+    }, x = (t) => t === "line" ? ["line", "polygon"] : [t], U = (t, e) => {
+      const n = Array.from(t);
+      return e === ue ? n.sort((m, v) => Number(m) - Number(v)) : n.sort((m, v) => m.localeCompare(v, "zh-CN"));
+    }, te = (t, e) => {
+      if (!Y.value.length || !Array.isArray(Y.value[0]))
+        return [];
+      const n = Y.value[0].map((K) => String(K)), m = n.findIndex((K) => K === t), v = n.findIndex(
+        (K) => K === be
+      ), S = e ? x(e) : [], B = /* @__PURE__ */ new Set();
+      for (let K = 1; K < Y.value.length; K++) {
+        const a = Y.value[K];
+        if (!Array.isArray(a) || e && ee.value && v !== -1 && !S.includes(String(a[v] ?? "")))
+          continue;
+        let ne;
+        if (t === ue && m === -1)
+          ne = K - 1;
+        else if (m !== -1)
+          ne = a[m];
+        else
+          continue;
+        ne == null || ne === "" || B.add(String(ne));
+      }
+      return U(B, t);
+    }, Ne = (t, e) => {
+      const n = q();
+      if (!n.length) return [];
+      const m = e ? x(e) : [], v = /* @__PURE__ */ new Set();
+      return n.forEach((S, B) => {
+        if (e && ee.value) {
+          const a = String(
+            S?.properties?.[be] ?? ""
+          );
+          if (!m.includes(a))
+            return;
+        }
+        const K = t === ue ? S?.properties?.[ue] ?? B : S?.properties?.[t];
+        K == null || K === "" || v.add(String(K));
+      }), U(v, t);
+    }, L = (t, e) => {
+      if (!t) return [];
+      const n = te(t, e);
+      return n.length > 0 ? n : Ne(t, e);
+    }, we = (t, e, n) => {
+      const m = new Set(
+        e.filter(
+          (S) => S != null && S !== "" && S !== n
+        ).map((S) => String(S))
+      ), v = t.filter((S) => !m.has(String(S)));
+      return n && !v.includes(n) && v.push(n), v;
+    }, Se = () => {
+      V.value && (Z.value[V.value] = L(
+        V.value,
+        "polygon"
+      )), N.value && (se.value[N.value] = L(
+        N.value,
+        "line"
+      )), C.value && (pe.value[C.value] = L(
+        C.value,
+        "point"
+      ));
+    }, X = H({
       showLabel: !1,
-      labelField: "FID",
+      labelField: ie,
       fontSize: 14,
-      fontColor: "#000000",
+      fontColor: "rgba(0, 0, 0, 1)",
       fontFamily: "SimSun"
-    }), w = $({
+    }), T = H({
       showLabel: !1,
-      labelField: "FID",
+      labelField: ie,
       fontSize: 14,
-      fontColor: "#000000",
+      fontColor: "rgba(0, 0, 0, 1)",
       fontFamily: "SimSun"
-    }), x = $({
+    }), $ = H({
       showLabel: !1,
-      labelField: "FID",
+      labelField: ie,
       fontSize: 14,
-      fontColor: "#000000",
+      fontColor: "rgba(0, 0, 0, 1)",
       fontFamily: "SimSun"
-    }), j = (C) => new URL((/* @__PURE__ */ Object.assign({ "./svg/24gf-square.svg": zl, "./svg/hexagon-fill.svg": El, "./svg/人-地图点位2x.svg": Fl, "./svg/地图点 (1).svg": Nl, "./svg/地图点 (2).svg": kl, "./svg/地图点 (3).svg": _l, "./svg/地图点 (4).svg": Ll, "./svg/地图点-红.svg": wl, "./svg/地图点.svg": hl, "./svg/地图点位 (1).svg": Cl, "./svg/地图点位.svg": Sl, "./svg/实五角星.svg": Vl, "./svg/标记地图点位.svg": yl, "./svg/正三角形.svg": gl }))[`./svg/${C}`], import.meta.url).href, R = (C, l) => {
-      if (p.value = !0, c.value = JSON.parse(JSON.stringify(C)), C.layerPaintConfig ? o.value = JSON.parse(C.layerPaintConfig) : o.value = JSON.parse(JSON.stringify(de)), h.value = [], l.length > 0 && l.forEach((e) => {
-        h.value.push(JSON.parse(e.data));
-      }), h.value.length === 0)
-        if (C.geoJSON)
-          try {
-            const e = JSON.parse(C.geoJSON);
-            if (e.features && e.features.length > 0 && c.value?.columnSet) {
-              const r = e.features.map((m) => {
-                const L = m.properties || {};
-                return c.value.columnSet.map((_) => L[_]);
-              });
-              h.value.push(c.value.columnSet), h.value.push(...r);
-            }
-          } catch (e) {
-            console.warn("[ShapeDialog] 解析 GeoJSON 失败:", e);
-          }
-        else C.url && fetch(C.url).then((e) => e.json()).then((e) => {
-          if (e.features && e.features.length > 0 && c.value?.columnSet) {
-            const r = e.features.map((m) => {
-              const L = m.properties || {};
-              return c.value.columnSet.map((_) => L[_]);
+    }), he = (t) => {
+      if (!Array.isArray(t)) return [];
+      const e = t.find((m) => m.type === "default"), n = t.filter((m) => m.type === "custom");
+      return e ? [...n, e] : [...n];
+    }, Ie = () => A.value[0]?.id || "", el = () => E.value[0]?.id || "", Re = (t) => {
+      const e = t?.renderMode === "icon" || !t?.renderMode && t?.iconImageName ? "icon" : "color", n = t?.pointTintColor || t?.circleColor || Ee, m = typeof t?.pointSize == "number" ? t.pointSize : 10, v = t?.pointStyle || t?.iconImageName || "";
+      return {
+        type: t?.type === "custom" ? "custom" : "default",
+        key: typeof t?.key == "string" ? t.key : "",
+        value: t?.value == null ? "" : String(t.value),
+        zoom: typeof t?.zoom == "number" ? t.zoom : 0,
+        circleType: t?.circleType || "circle",
+        circleColor: t?.circleColor || n,
+        circleRadius: typeof t?.circleRadius == "number" ? t.circleRadius : 6,
+        circleStrokeColor: t?.circleStrokeColor || "rgba(0,0,0,0)",
+        circleStrokeWidth: typeof t?.circleStrokeWidth == "number" ? t.circleStrokeWidth : 0,
+        iconImageUrl: t?.iconImageUrl || "",
+        renderMode: e,
+        pointStyle: v || (e === "icon" ? el() : Ie()),
+        pointTintColor: n,
+        pointSize: m
+      };
+    }, $e = (t) => {
+      if (!t) return;
+      const e = t.symbolConfigList, n = t.circleConfigList, m = (Array.isArray(e) && e.length > 0 ? e : n) || [], v = m.length ? m.map((B) => Re(B)) : [Re({ type: "default" })], S = he(v);
+      t.circleConfigList = S, t.symbolConfigList = JSON.parse(
+        JSON.stringify(S)
+      );
+    }, xl = (t, e = {
+      hasPolygon: !1,
+      hasLine: !1,
+      hasPoint: !1
+    }) => {
+      if (!t) return {};
+      const n = JSON.parse(JSON.stringify(t)), m = {};
+      if (e.hasPolygon) {
+        const v = Array.isArray(n.fillColorList) ? n.fillColorList : [];
+        m.fillColorList = he(v), n.fillConfig && (m.fillConfig = n.fillConfig);
+      }
+      if (e.hasLine) {
+        const v = Array.isArray(n.outlineConfigList) ? n.outlineConfigList : [];
+        m.outlineConfigList = he(v), n.outlineConfig && (m.outlineConfig = n.outlineConfig);
+      }
+      if (e.hasPoint) {
+        const v = Array.isArray(n.circleConfigList) ? n.circleConfigList : Array.isArray(n.symbolConfigList) ? n.symbolConfigList : [];
+        m.symbolConfigList = he(
+          v.map(
+            (S) => Re(S)
+          )
+        ), n.symbolConfig && (m.symbolConfig = n.symbolConfig);
+      }
+      return m;
+    }, fl = (t, e) => {
+      if (y.value = !0, g.value = JSON.parse(JSON.stringify(t)), J.value = null, P.value = [], Z.value = {}, se.value = {}, pe.value = {}, t.geoJSON)
+        try {
+          J.value = JSON.parse(t.geoJSON);
+        } catch (v) {
+          console.warn("[ShapeDialog] 解析 GeoJSON 失败:", v);
+        }
+      if (t.layerPaintConfig)
+        o.value = JSON.parse(t.layerPaintConfig), $e(o.value), console.log(
+          "[ShapeDialog] 解析的配置:",
+          JSON.parse(t.layerPaintConfig)
+        ), o.value?.fillColorList && (o.value.fillColorList = he(
+          o.value.fillColorList
+        )), o.value?.outlineConfigList && (o.value.outlineConfigList = he(
+          o.value.outlineConfigList
+        )), console.log(
+          "[ShapeDialog] fillColorList (重新排序后):",
+          o.value?.fillColorList
+        );
+      else {
+        o.value = JSON.parse(JSON.stringify(ze)), $e(o.value);
+        const v = o.value;
+        (!v.fillColorList || v.fillColorList.length === 0) && (v.fillColorList = JSON.parse(JSON.stringify(ll))), (!v.outlineConfigList || v.outlineConfigList.length === 0) && (v.outlineConfigList = JSON.parse(JSON.stringify(Be))), (!v.circleConfigList || v.circleConfigList.length === 0) && (v.circleConfigList = JSON.parse(JSON.stringify(Ql))), console.log("[ShapeDialog] 使用默认配置:", o.value);
+      }
+      if (Y.value = [], e.length > 0 && e.forEach((v) => {
+        Y.value.push(JSON.parse(v.data));
+      }), Y.value.length === 0)
+        if (J.value?.features && J.value.features.length > 0 && g.value?.columnSet) {
+          const v = J.value.features.map((S) => {
+            const B = S.properties || {};
+            return g.value.columnSet.map((K) => B[K]);
+          });
+          Y.value.push(g.value.columnSet), Y.value.push(...v);
+        } else !J.value && t.url && fetch(t.url).then((v) => v.json()).then((v) => {
+          if (J.value = v, v.features && v.features.length > 0 && g.value?.columnSet) {
+            const S = v.features.map((B) => {
+              const K = B.properties || {};
+              return g.value.columnSet.map((a) => K[a]);
             });
-            h.value.push(c.value.columnSet), h.value.push(...r);
+            Y.value.push(g.value.columnSet), Y.value.push(...S);
           }
-        }).catch((e) => {
-          console.warn("[ShapeDialog] 从 URL 加载 GeoJSON 失败:", e);
+          if (!P.value.length) {
+            const S = ae();
+            P.value = R(S);
+          }
+          Se();
+        }).catch((v) => {
+          console.warn("[ShapeDialog] 从 URL 加载 GeoJSON 失败:", v);
         });
-      if (N.value = C.layerShapes?.split(",") || [], N.value?.length === 1 ? v.value = N.value[0] : N.value?.length > 1 && (v.value = "polygon"), C.layerType == "line")
-        g.value = o.value?.outlineConfigList?.[0]?.key || "", o.value?.outlineConfigList || (o.value || (o.value = JSON.parse(
-          JSON.stringify(de)
-        )), o.value && (o.value.outlineConfigList = JSON.parse(
-          JSON.stringify(Te)
-        ))), o.value?.outlineConfigList && (o.value.outlineConfigList.some(
-          (r) => r.type === "default"
-        ) || o.value.outlineConfigList.push({
-          type: "default",
-          zoom: 0,
-          lineStyle: "solid",
-          outlineColor: ke,
-          outlineWidth: 1,
-          outlineOpacity: 1
-        })), o.value?.outlineConfig ? w.value = {
-          showLabel: o.value.outlineConfig.displayLabel === "true",
-          labelField: o.value.outlineConfig.labelField || "FID",
-          fontSize: o.value.outlineConfig.labelSize || 14,
-          fontColor: o.value.outlineConfig.labelColor || "#000000",
-          fontFamily: o.value.outlineConfig.labelFont || "SimSun"
-        } : w.value = {
-          showLabel: !1,
-          labelField: "FID",
-          fontSize: 14,
-          fontColor: "#000000",
-          fontFamily: "SimSun"
-        };
-      else if (C.layerType == "shp")
-        S.value = o.value?.fillColorList?.[0]?.key || "", g.value = o.value?.outlineConfigList?.[0]?.key || "", o.value?.outlineConfigList || o.value && (o.value.outlineConfigList = JSON.parse(
-          JSON.stringify(Te)
+      const n = g.value?.columnSet && g.value.columnSet.length > 0 ? g.value.columnSet : ae();
+      P.value = R(n), W.value = t.layerShapes?.split(",").map((v) => v.trim()) || [], console.log("[ShapeDialog] layerShapes:", W.value), W.value?.length === 1 ? f.value = W.value[0] : (W.value?.length > 1, f.value = "polygon"), o.value || (o.value = JSON.parse(JSON.stringify(ze)));
+      const m = o.value;
+      if ((!m.fillColorList || m.fillColorList.length === 0) && (m.fillColorList = JSON.parse(JSON.stringify(ll))), (!m.outlineConfigList || m.outlineConfigList.length === 0) && (m.outlineConfigList = JSON.parse(JSON.stringify(Be))), $e(m), m.fillColorList.some((v) => v.type === "default") || m.fillColorList.push(JSON.parse(JSON.stringify(ll[0]))), m.outlineConfigList.some((v) => v.type === "default") || m.outlineConfigList.push(
+        JSON.parse(JSON.stringify(Be[0]))
+      ), $e(m), le()) {
+        const v = o.value?.fillColorList?.find(
+          (S) => S.type === "custom"
+        );
+        V.value = v?.key || "";
+      }
+      if (Q()) {
+        const v = o.value?.outlineConfigList?.find(
+          (S) => S.type === "custom"
+        );
+        N.value = v?.key || "";
+      }
+      if (oe()) {
+        const v = o.value?.circleConfigList?.find(
+          (S) => S.type === "custom"
+        );
+        C.value = v?.key || "";
+      }
+      if (t.layerType == "line") {
+        const v = o.value?.fillColorList?.find(
+          (B) => B.type === "custom"
+        );
+        V.value = v?.key || "";
+        const S = o.value?.outlineConfigList?.find(
+          (B) => B.type === "custom"
+        );
+        N.value = S?.key || "", o.value?.outlineConfigList || o.value && (o.value.outlineConfigList = JSON.parse(
+          JSON.stringify(Be)
         )), o.value?.outlineConfigList && (o.value.outlineConfigList.some(
-          (r) => r.type === "default"
+          (K) => K.type === "default"
         ) || o.value.outlineConfigList.push({
           type: "default",
           zoom: 0,
           lineStyle: "solid",
-          outlineColor: ke,
-          outlineWidth: 1,
-          outlineOpacity: 1
-        })), b.value = o.value?.circleConfigList?.[0]?.key || "", o.value?.circleConfigList && o.value.circleConfigList.forEach((e, r) => {
-          if (!e.renderMode || !e.pointStyle || !e.pointTintColor || !e.pointSize || !e.iconImageName) {
-            const L = {
-              ...e,
-              renderMode: e.renderMode || "color",
-              pointStyle: e.pointStyle || "地图点.svg",
-              pointTintColor: e.pointTintColor || e.circleColor || "#67c23a",
-              pointSize: e.pointSize || 10,
-              iconImageName: e.iconImageName || "hiper-map-icon-1.png"
+          outlineColor: Ee,
+          outlineWidth: 1
+        })), C.value = o.value?.circleConfigList?.[0]?.key || "", o.value?.circleConfigList && o.value.circleConfigList.forEach((B, K) => {
+          if (!B.renderMode || !B.pointStyle || !B.pointTintColor || !B.pointSize) {
+            const ne = {
+              ...B,
+              renderMode: B.renderMode || "color",
+              pointStyle: B.pointStyle || Ie(),
+              pointTintColor: B.pointTintColor || B.circleColor || "rgba(103, 194, 58, 1)",
+              pointSize: B.pointSize || 10
             };
-            o.value?.circleConfigList.splice(
-              r,
+            ne.renderMode === "icon" ? ne.pointStyle = B.pointStyle || el() : ne.pointStyle = B.pointStyle || Ie(), o.value?.circleConfigList.splice(
+              K,
               1,
-              L
+              ne
             );
           }
-        }), o.value?.fillConfig ? y.value = {
+        }), o.value?.fillConfig ? X.value = {
           showLabel: o.value.fillConfig.displayLabel === "true",
-          labelField: o.value.fillConfig.labelField || "FID",
+          labelField: o.value.fillConfig.labelField || ie,
           fontSize: o.value.fillConfig.labelSize || 14,
-          fontColor: o.value.fillConfig.labelColor || "#000000",
+          fontColor: o.value.fillConfig.labelColor || "rgba(0, 0, 0, 1)",
           fontFamily: o.value.fillConfig.labelFont || "SimSun"
-        } : y.value = {
+        } : X.value = {
           showLabel: !1,
-          labelField: "FID",
+          labelField: ie,
           fontSize: 14,
-          fontColor: "#000000",
+          fontColor: "rgba(0, 0, 0, 1)",
           fontFamily: "SimSun"
-        }, o.value?.outlineConfig ? w.value = {
+        }, o.value?.outlineConfig ? T.value = {
           showLabel: o.value.outlineConfig.displayLabel === "true",
-          labelField: o.value.outlineConfig.labelField || "FID",
+          labelField: o.value.outlineConfig.labelField || ie,
           fontSize: o.value.outlineConfig.labelSize || 14,
-          fontColor: o.value.outlineConfig.labelColor || "#000000",
+          fontColor: o.value.outlineConfig.labelColor || "rgba(0, 0, 0, 1)",
           fontFamily: o.value.outlineConfig.labelFont || "SimSun"
-        } : w.value = {
+        } : T.value = {
           showLabel: !1,
-          labelField: "FID",
+          labelField: ie,
           fontSize: 14,
-          fontColor: "#000000",
+          fontColor: "rgba(0, 0, 0, 1)",
           fontFamily: "SimSun"
-        }, o.value?.symbolConfig ? x.value = {
+        }, o.value?.symbolConfig ? $.value = {
           showLabel: o.value.symbolConfig.displayLabel === "true",
-          labelField: o.value.symbolConfig.labelField || "FID",
+          labelField: o.value.symbolConfig.labelField || ie,
           fontSize: o.value.symbolConfig.labelSize || 14,
-          fontColor: o.value.symbolConfig.labelColor || "#000000",
+          fontColor: o.value.symbolConfig.labelColor || "rgba(0, 0, 0, 1)",
           fontFamily: o.value.symbolConfig.labelFont || "SimSun"
-        } : x.value = {
+        } : $.value = {
           showLabel: !1,
-          labelField: "FID",
+          labelField: ie,
           fontSize: 14,
-          fontColor: "#000000",
+          fontColor: "rgba(0, 0, 0, 1)",
           fontFamily: "SimSun"
         };
-      else if (C.layerType == "symbol" && (b.value = o.value?.circleConfigList?.[0]?.key || "", o.value?.circleConfigList)) {
-        const e = o.value.circleConfigList.find(
-          (r) => r.key === "default" || r.type === "default"
+      } else if (t.layerType == "symbol") {
+        const v = o.value?.circleConfigList?.find(
+          (S) => S.type === "custom"
         );
-        e && (e.renderMode || (e.renderMode = "icon"), e.pointStyle || (e.pointStyle = Me[0]?.fileName || "人-地图点位2x.svg"), e.pointTintColor || (e.pointTintColor = "#b016beff"), e.pointSize || (e.pointSize = 10), e.iconImageName || (e.iconImageName = "hiper-map-icon-1.png"));
-      }
-    }, K = () => {
-      p.value = !1;
-    }, D = (C) => {
-      if (S.value && c.value?.columnSet) {
-        let e = c.value?.columnSet.indexOf(
-          S.value || ""
-        );
-        if (e === -1)
-          return [];
-        const r = o.value?.fillColorList.filter(
-          (m) => m.type === "custom" && m.value !== "" && m.value !== null && m.value !== void 0 && m.value !== C
-        ).map((m) => String(m.value));
-        console.log("[getShapeOptions] currentValue:", C), console.log(
-          "[getShapeOptions] fillColorList:",
-          o.value?.fillColorList
-        ), console.log("[getShapeOptions] selectedValues:", r);
-        var l = /* @__PURE__ */ new Set();
-        return h.value.forEach((m, L) => {
-          if (L == 0) return;
-          const _ = String(m[e]);
-          r?.includes(_) || l.add(_);
-        }), console.log("[getShapeOptions] result options:", Array.from(l)), Array.from(l);
-      }
-      return [];
-    }, G = (C) => {
-      if (b.value && c.value?.columnSet) {
-        let e = c.value?.columnSet.indexOf(b.value || "");
-        if (e === -1)
-          return [];
-        const r = o.value?.circleConfigList.filter(
-          (m) => m.type === "custom" && m.value !== "" && m.value !== null && m.value !== void 0 && m.value !== C
-        ).map((m) => String(m.value));
-        console.log("[getCircleOptions] currentValue:", C), console.log(
-          "[getCircleOptions] circleConfigList:",
-          o.value?.circleConfigList
-        ), console.log("[getCircleOptions] selectedValues:", r);
-        var l = /* @__PURE__ */ new Set();
-        return h.value.forEach((m, L) => {
-          if (L == 0) return;
-          const _ = String(m[e]);
-          r?.includes(_) || l.add(_);
-        }), console.log("[getCircleOptions] result options:", Array.from(l)), Array.from(l);
-      }
-      return [];
-    }, Q = () => {
-      if (S.value == null || S.value === "") {
-        fe.error("请先选择目标字段");
+        if (C.value = v?.key || "", o.value?.circleConfigList) {
+          const S = o.value.circleConfigList.find(
+            (B) => B.key === "default" || B.type === "default"
+          );
+          S && (S.renderMode || (S.renderMode = "icon"), S.pointStyle || (S.pointStyle = S.renderMode === "icon" ? el() : Ie()), S.pointTintColor || (S.pointTintColor = "#b016beff"), S.pointSize || (S.pointSize = 10));
+        }
+      } else
+        le() && (o.value?.fillConfig ? X.value = {
+          showLabel: o.value.fillConfig.displayLabel === "true",
+          labelField: o.value.fillConfig.labelField || ie,
+          fontSize: o.value.fillConfig.labelSize || 14,
+          fontColor: o.value.fillConfig.labelColor || "rgba(0, 0, 0, 1)",
+          fontFamily: o.value.fillConfig.labelFont || "SimSun"
+        } : X.value = {
+          showLabel: !1,
+          labelField: ie,
+          fontSize: 14,
+          fontColor: "rgba(0, 0, 0, 1)",
+          fontFamily: "SimSun"
+        }), Q() && (o.value?.outlineConfig ? T.value = {
+          showLabel: o.value.outlineConfig.displayLabel === "true",
+          labelField: o.value.outlineConfig.labelField || ie,
+          fontSize: o.value.outlineConfig.labelSize || 14,
+          fontColor: o.value.outlineConfig.labelColor || "rgba(0, 0, 0, 1)",
+          fontFamily: o.value.outlineConfig.labelFont || "SimSun"
+        } : T.value = {
+          showLabel: !1,
+          labelField: ie,
+          fontSize: 14,
+          fontColor: "rgba(0, 0, 0, 1)",
+          fontFamily: "SimSun"
+        }), oe() && (o.value?.symbolConfig ? $.value = {
+          showLabel: o.value.symbolConfig.displayLabel === "true",
+          labelField: o.value.symbolConfig.labelField || ie,
+          fontSize: o.value.symbolConfig.labelSize || 14,
+          fontColor: o.value.symbolConfig.labelColor || "rgba(0, 0, 0, 1)",
+          fontFamily: o.value.symbolConfig.labelFont || "SimSun"
+        } : $.value = {
+          showLabel: !1,
+          labelField: ie,
+          fontSize: 14,
+          fontColor: "rgba(0, 0, 0, 1)",
+          fontFamily: "SimSun"
+        });
+      X.value.labelField = M(
+        X.value.labelField
+      ), T.value.labelField = M(
+        T.value.labelField
+      ), $.value.labelField = M(
+        $.value.labelField
+      ), ee.value && (V.value === be && (V.value = ce.value[0] || ""), N.value === be && (N.value = _.value[0] || ""), C.value === be && (C.value = j.value[0] || "")), Se();
+    }, vl = () => {
+      y.value = !1;
+    }, Ul = (t) => V.value ? (Z.value[V.value] || (Z.value[V.value] = L(
+      V.value,
+      "polygon"
+    )), we(
+      Z.value[V.value] || [],
+      s.value.map((e) => e.value),
+      t
+    )) : [], Il = (t) => {
+      if (!C.value) return [];
+      pe.value[C.value] || (pe.value[C.value] = L(
+        C.value,
+        "point"
+      ));
+      const e = o.value?.circleConfigList?.filter((n) => n.type === "custom").map((n) => n.value) || [];
+      return we(
+        pe.value[C.value] || [],
+        e,
+        t != null ? String(t) : void 0
+      );
+    }, Tl = () => {
+      if (V.value == null || V.value === "") {
+        _e.error("请先选择目标字段");
         return;
       }
-      if (o.value || (o.value = de), o.value.fillColorList || (o.value.fillColorList = []), o.value.fillColorList.some(
-        (l) => l.type == "custom" && l.value === ""
+      if (o.value || (o.value = ze), o.value.fillColorList || (o.value.fillColorList = []), o.value.fillColorList.some(
+        (n) => n.type == "default"
+      ) || o.value.fillColorList.push({
+        type: "default",
+        key: "",
+        value: "",
+        color: Ee
+      }), o.value.fillColorList.some(
+        (n) => n.type == "custom" && n.value === ""
       )) {
-        fe.error("请先选择最新一条自定义配置的值");
+        _e.error("请先选择最新一条自定义配置的值");
         return;
       }
       o.value.fillColorList.unshift({
         type: "custom",
-        color: ke,
-        key: S.value,
-        rgb: "rgba(0, 0, 0, 1)",
-        value: "",
-        opacity: 1
+        color: Ee,
+        key: V.value,
+        value: ""
       });
-    }, B = () => {
-      if (b.value == null || b.value === "") {
-        fe.error("请先选择目标字段");
+    }, Ol = () => {
+      if (C.value == null || C.value === "") {
+        _e.error("请先选择目标字段");
         return;
       }
-      if (o.value || (o.value = de), o.value.circleConfigList || (o.value.circleConfigList = []), o.value.circleConfigList.some(
-        (l) => l.type == "custom" && l.value === ""
+      if (o.value || (o.value = ze), o.value.circleConfigList || (o.value.circleConfigList = []), o.value.circleConfigList.some(
+        (n) => n.type == "default"
+      ) || o.value.circleConfigList.push({
+        type: "default",
+        key: "",
+        value: "",
+        circleType: "circle",
+        circleStrokeColor: "rgba(0,0,0,1)",
+        circleColor: Ee,
+        iconImageUrl: "hiper-map-icon-1.png",
+        zoom: 0,
+        circleRadius: 6,
+        circleStrokeWidth: 0,
+        renderMode: "color",
+        pointStyle: Ie(),
+        pointTintColor: Ee,
+        pointSize: 6
+      }), o.value.circleConfigList.some(
+        (n) => n.type == "custom" && n.value === ""
       )) {
-        fe.error("请先选择最新一条自定义配置的值");
+        _e.error("请先选择最新一条自定义配置的值");
         return;
       }
       o.value.circleConfigList.unshift({
         type: "custom",
-        key: b.value,
+        key: C.value,
         value: "",
         renderMode: "color",
-        pointStyle: "地图点.svg",
-        pointTintColor: "#67c23a",
-        pointSize: 10,
-        iconImageName: "hiper-map-icon-1.png"
+        pointStyle: Ie(),
+        pointTintColor: "rgba(103, 194, 58, 1)",
+        pointSize: 10
       });
-    }, P = (C) => {
-      !o.value || !o.value.fillColorList || o.value.fillColorList.splice(C, 1);
-    }, H = (C) => {
-      !o.value || !o.value.circleConfigList || o.value.circleConfigList.splice(C, 1);
-    }, Z = () => {
-      o.value?.circleConfigList && (o.value.circleConfigList = o.value?.circleConfigList.slice(-1));
-    }, ne = () => {
-      o.value?.fillColorList && (o.value.fillColorList = o.value?.fillColorList.slice(-1));
-    }, le = (C) => {
-      if (!g.value || !c.value?.columnSet)
-        return [];
-      let l = c.value?.columnSet.indexOf(g.value || "");
-      if (l === -1)
-        return [];
-      const e = o.value?.outlineConfigList?.filter(
-        (m) => m.type === "custom" && m.value !== "" && m.value !== null && m.value !== void 0 && m.value !== C
-      ).map((m) => String(m.value));
-      console.log("[getLineOptions] currentValue:", C), console.log(
-        "[getLineOptions] outlineConfigList:",
-        o.value?.outlineConfigList
-      ), console.log("[getLineOptions] selectedValues:", e);
-      var r = /* @__PURE__ */ new Set();
-      return h.value.forEach((m, L) => {
-        if (L == 0) return;
-        const _ = String(m[l]);
-        e?.includes(_) || r.add(_);
-      }), console.log("[getLineOptions] result options:", Array.from(r)), Array.from(r);
-    }, ee = () => {
-      if (g.value == null || g.value === "") {
-        fe.error("请先选择目标字段");
+    }, Pl = (t) => {
+      !o.value || !o.value.fillColorList || o.value.fillColorList.splice(t, 1);
+    }, Ml = (t) => {
+      !o.value || !o.value.circleConfigList || o.value.circleConfigList.splice(t, 1);
+    }, Bl = () => {
+      C.value && (pe.value[C.value] = L(
+        C.value,
+        "point"
+      )), o.value?.circleConfigList && o.value.circleConfigList.forEach((t) => {
+        t.type === "custom" && (t.key = C.value || "", t.value = "");
+      });
+    }, Al = () => {
+      V.value && (Z.value[V.value] = L(
+        V.value,
+        "polygon"
+      )), o.value?.fillColorList && o.value.fillColorList.forEach((t) => {
+        t.type === "custom" && (t.key = V.value || "", t.value = "");
+      });
+    }, Jl = (t) => {
+      if (!N.value) return [];
+      se.value[N.value] || (se.value[N.value] = L(
+        N.value,
+        "line"
+      ));
+      const e = o.value?.outlineConfigList?.filter((n) => n.type === "custom").map((n) => n.value) || [];
+      return we(
+        se.value[N.value] || [],
+        e,
+        t
+      );
+    }, Rl = () => {
+      if (N.value == null || N.value === "") {
+        _e.error("请先选择目标字段");
         return;
       }
-      if (o.value || (o.value = de), o.value.outlineConfigList || (o.value.outlineConfigList = JSON.parse(
-        JSON.stringify(Te)
+      if (o.value || (o.value = ze), o.value.outlineConfigList || (o.value.outlineConfigList = JSON.parse(
+        JSON.stringify(Be)
       )), o.value.outlineConfigList.some(
-        (l) => l.type == "custom" && l.value === ""
+        (n) => n.type == "default"
+      ) || o.value.outlineConfigList.push({
+        type: "default",
+        outlineColor: "rgba(103, 194, 58, 1)",
+        outlineWidth: 2,
+        zoom: 0,
+        lineStyle: "solid"
+      }), o.value.outlineConfigList.some(
+        (n) => n.type == "custom" && n.value === ""
       )) {
-        fe.error("请先选择最新一条自定义配置的值");
+        _e.error("请先选择最新一条自定义配置的值");
         return;
       }
       o.value.outlineConfigList.unshift({
         type: "custom",
-        key: g.value,
+        key: N.value,
         value: "",
         lineStyle: "solid",
-        outlineColor: ke,
+        outlineColor: Ee,
         outlineWidth: 1,
-        outlineOpacity: 1,
         zoom: 0
       });
-    }, F = (C) => {
-      !o.value || !o.value.outlineConfigList || o.value.outlineConfigList.splice(C, 1);
-    }, T = () => {
-      o.value?.outlineConfigList && (o.value.outlineConfigList = o.value.outlineConfigList.filter(
-        (C) => C.type === "default"
-      ));
-    }, J = () => {
-      if (c.value?.layerType == "shp" ? (o.value || (o.value = de), o.value.fillConfig = {
-        displayLabel: y.value.showLabel ? "true" : "false",
-        labelSize: y.value.fontSize,
-        labelColor: y.value.fontColor,
-        labelFont: y.value.fontFamily,
-        labelField: y.value.labelField
-      }, N.value.includes("line") && (o.value.outlineConfig = {
-        displayLabel: w.value.showLabel ? "true" : "false",
-        labelSize: w.value.fontSize,
-        labelColor: w.value.fontColor,
-        labelFont: w.value.fontFamily,
-        labelField: w.value.labelField
-      }), N.value.includes("point") && (o.value.symbolConfig = {
-        displayLabel: x.value.showLabel ? "true" : "false",
-        labelSize: x.value.fontSize,
-        labelColor: x.value.fontColor,
-        labelFont: x.value.fontFamily,
-        labelField: x.value.labelField
-      })) : c.value?.layerType == "line" && (o.value || (o.value = de), o.value.outlineConfig = {
-        displayLabel: w.value.showLabel ? "true" : "false",
-        labelSize: w.value.fontSize,
-        labelColor: w.value.fontColor,
-        labelFont: w.value.fontFamily,
-        labelField: w.value.labelField
-      }), c.value) {
-        const C = {
-          layerType: c.value.layerType,
-          layerName: c.value?.layerName || "",
-          id: c.value.id,
-          projectId: ""
-        };
-        Object.assign(C, JSON.parse(JSON.stringify(c.value))), C.layerPaintConfig = JSON.stringify(o.value), c.value.layerPaintConfig = C.layerPaintConfig, console.log("更新图层实体", C), Rl.emit(C);
+    }, $l = (t) => {
+      !o.value || !o.value.outlineConfigList || o.value.outlineConfigList.splice(t, 1);
+    }, Kl = () => {
+      N.value && (se.value[N.value] = L(
+        N.value,
+        "line"
+      )), o.value?.outlineConfigList && o.value.outlineConfigList.forEach((t) => {
+        t.type === "custom" && (t.key = N.value || "", t.value = "");
+      });
+    }, Wl = () => {
+      try {
+        if (g.value?.layerType == "shp" || g.value?.layerType == "geojson" ? (o.value || (o.value = ze), le() && (o.value.fillConfig = {
+          displayLabel: X.value.showLabel ? "true" : "false",
+          labelSize: X.value.fontSize,
+          labelColor: X.value.fontColor,
+          labelFont: X.value.fontFamily,
+          labelField: X.value.labelField
+        }), Q() && (o.value.outlineConfig = {
+          displayLabel: T.value.showLabel ? "true" : "false",
+          labelSize: T.value.fontSize,
+          labelColor: T.value.fontColor,
+          labelFont: T.value.fontFamily,
+          labelField: T.value.labelField
+        }), oe() && (o.value.symbolConfig = {
+          displayLabel: $.value.showLabel ? "true" : "false",
+          labelSize: $.value.fontSize,
+          labelColor: $.value.fontColor,
+          labelFont: $.value.fontFamily,
+          labelField: $.value.labelField
+        })) : g.value?.layerType == "line" && (o.value || (o.value = ze), o.value.outlineConfig = {
+          displayLabel: T.value.showLabel ? "true" : "false",
+          labelSize: T.value.fontSize,
+          labelColor: T.value.fontColor,
+          labelFont: T.value.fontFamily,
+          labelField: T.value.labelField
+        }), g.value) {
+          const t = {
+            layerType: g.value.layerType,
+            layerName: g.value?.layerName || "",
+            id: g.value.id,
+            projectId: ""
+          };
+          Object.assign(t, JSON.parse(JSON.stringify(g.value))), o.value?.fillColorList && (o.value.fillColorList = he(
+            o.value.fillColorList
+          ), console.log(
+            "[ShapeDialog] fillColorList (保存前):",
+            o.value.fillColorList
+          )), o.value?.outlineConfigList && (o.value.outlineConfigList = he(
+            o.value.outlineConfigList
+          )), o.value?.circleConfigList && (o.value.circleConfigList = he(
+            o.value.circleConfigList.map(
+              (n) => Re(n)
+            )
+          ));
+          const e = xl(
+            o.value,
+            {
+              hasPolygon: le(),
+              hasLine: Q(),
+              hasPoint: oe()
+            }
+          );
+          t.layerPaintConfig = JSON.stringify(e), g.value.layerPaintConfig = t.layerPaintConfig, console.log("[ShapeDialog] 更新图层实体:", t), oo.emit(t);
+        }
+      } catch (t) {
+        console.error("[ShapeDialog] confirm failed:", t), _e.error("保存配置失败，请重试");
+      } finally {
+        y.value = !1;
       }
-      p.value = !1;
     };
     return d({
-      show: R,
-      open: R
+      show: fl,
+      open: fl
       // 保持向后兼容
-    }), (C, l) => {
-      const e = bl, r = pl, m = fl, L = ml, _ = Ke, U = gt;
-      return f(), W(Pl, {
+    }), (t, e) => {
+      const n = no, m = ao, v = io, S = uo, B = il, K = Jo;
+      return c(), fe(ql, {
         name: "fade",
         mode: "out-in"
       }, {
-        default: z(() => [
-          pe(i("div", yt, [
-            i("div", { class: "header" }, [
-              l[21] || (l[21] = i("div", null, "显示设置", -1)),
-              i("div", {
+        default: O(() => [
+          Oe(u("div", Ro, [
+            u("div", { class: "header" }, [
+              e[22] || (e[22] = u("div", null, "显示设置", -1)),
+              u("div", {
                 class: "close-btn",
-                onClick: K
+                onClick: vl
               }, "X")
             ]),
-            i("div", Vt, [
-              i("div", {
-                class: Y(["tab-item", {
-                  active: v.value === "polygon",
-                  disabled: !N.value.includes("polygon")
+            u("div", $o, [
+              u("div", {
+                class: ve(["tab-item", {
+                  active: f.value === "polygon",
+                  disabled: !W.value.includes("polygon")
                 }]),
-                onClick: l[0] || (l[0] = (a) => v.value !== "polygon" && N.value.includes("polygon") && (v.value = "polygon"))
+                onClick: e[0] || (e[0] = (a) => f.value !== "polygon" && W.value.includes("polygon") && (f.value = "polygon"))
               }, " 面配置 ", 2),
-              i("div", {
-                class: Y(["tab-item", {
-                  active: v.value === "line",
-                  disabled: !N.value.includes("line")
+              u("div", {
+                class: ve(["tab-item", {
+                  active: f.value === "line",
+                  disabled: !Q()
                 }]),
-                onClick: l[1] || (l[1] = (a) => v.value !== "line" && N.value.includes("line") && (v.value = "line"))
+                onClick: e[1] || (e[1] = (a) => f.value !== "line" && Q() && (f.value = "line"))
               }, " 线配置 ", 2),
-              i("div", {
-                class: Y(["tab-item", {
-                  active: v.value === "point",
-                  disabled: !N.value.includes("point")
+              u("div", {
+                class: ve(["tab-item", {
+                  active: f.value === "point",
+                  disabled: !W.value.includes("point")
                 }]),
-                onClick: l[2] || (l[2] = (a) => v.value !== "point" && N.value.includes("point") && (v.value = "point"))
+                onClick: e[2] || (e[2] = (a) => f.value !== "point" && W.value.includes("point") && (f.value = "point"))
               }, " 点配置 ", 2)
             ]),
-            i("div", St, [
-              pe(i("div", Ct, [
-                l[30] || (l[30] = i("div", { class: "section-header" }, [
-                  i("span", null, "填充配置")
+            u("div", Ko, [
+              Oe(u("div", Wo, [
+                e[31] || (e[31] = u("div", { class: "section-header" }, [
+                  u("span", null, "填充配置")
                 ], -1)),
-                i("div", ht, [
-                  l[22] || (l[22] = i("span", null, "目标字段", -1)),
-                  s(r, {
-                    modelValue: S.value,
-                    "onUpdate:modelValue": l[3] || (l[3] = (a) => S.value = a),
+                u("div", Xo, [
+                  e[23] || (e[23] = u("span", null, "目标字段", -1)),
+                  r(m, {
+                    modelValue: V.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (a) => V.value = a),
                     size: "small",
                     placeholder: "请选择目标字段",
                     clearable: "",
                     filterable: "",
-                    onChange: ne
+                    onChange: Al
                   }, {
-                    default: z(() => [
-                      (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
+                    default: O(() => [
+                      (c(!0), h(G, null, de(ce.value, (a) => (c(), fe(n, {
                         key: a,
                         label: a,
                         value: a
@@ -1374,87 +1641,90 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                s(m, {
+                r(v, {
                   size: "small",
-                  onClick: Q,
-                  icon: n(Ee),
+                  onClick: Tl,
+                  icon: i(Ge),
                   style: { width: "100%", margin: "10px 0" }
                 }, {
-                  default: z(() => [...l[23] || (l[23] = [
-                    Ve(" 添加自定义配置 ", -1)
+                  default: O(() => [...e[24] || (e[24] = [
+                    Me(" 添加自定义配置 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["icon"]),
-                i("div", wt, [
-                  (f(!0), V(O, null, X(o.value?.fillColorList, (a, k) => (f(), V(O, {
-                    key: a.key
+                u("div", Yo, [
+                  (c(!0), h(G, null, de(s.value, (a, ne) => (c(), h(G, {
+                    key: a.key || ne
                   }, [
-                    a.type == "custom" ? (f(), V("div", Lt, [
-                      i("span", _t, "若 " + Fe(S.value) + " =", 1),
-                      s(r, {
+                    a.type == "custom" ? (c(), h("div", jo, [
+                      u("span", Go, "若 " + je(V.value) + " =", 1),
+                      r(m, {
                         modelValue: a.value,
-                        "onUpdate:modelValue": (u) => a.value = u,
+                        "onUpdate:modelValue": (p) => a.value = p,
                         size: "small",
                         placeholder: "请选择值",
                         clearable: "",
                         filterable: ""
                       }, {
-                        default: z(() => [
-                          (f(!0), V(O, null, X(D(a.value), (u) => (f(), W(e, {
-                            key: u,
-                            label: u,
-                            value: u
+                        default: O(() => [
+                          (c(!0), h(G, null, de(Ul(a.value), (p) => (c(), fe(n, {
+                            key: p,
+                            label: p,
+                            value: p
                           }, null, 8, ["label", "value"]))), 128))
                         ]),
                         _: 2
                       }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                      s(L, {
+                      r(S, {
                         modelValue: a.color,
-                        "onUpdate:modelValue": (u) => a.color = u,
+                        "onUpdate:modelValue": (p) => a.color = p,
                         "show-alpha": "",
-                        predefine: n(oe)
+                        "color-format": "rgb",
+                        predefine: i(Le)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"]),
-                      s(_, {
+                      r(B, {
                         class: "delete-icon",
-                        onClick: (u) => P(k)
+                        onClick: (p) => Pl(F(a))
                       }, {
-                        default: z(() => [
-                          s(n(Pe))
+                        default: O(() => [
+                          r(i(ol))
                         ]),
                         _: 1
                       }, 8, ["onClick"])
-                    ])) : a.type == "default" ? (f(), V("div", kt, [
-                      l[24] || (l[24] = i("span", { class: "condition-text" }, "默认填充色", -1)),
-                      s(L, {
-                        modelValue: a.color,
-                        "onUpdate:modelValue": (u) => a.color = u,
-                        "show-alpha": "",
-                        predefine: n(oe)
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"])
-                    ])) : M("", !0)
-                  ], 64))), 128))
+                    ])) : D("", !0)
+                  ], 64))), 128)),
+                  b.value ? (c(), h("div", Do, [
+                    e[25] || (e[25] = u("span", { class: "condition-text" }, "默认填充色", -1)),
+                    r(S, {
+                      modelValue: b.value.color,
+                      "onUpdate:modelValue": e[4] || (e[4] = (a) => b.value.color = a),
+                      "show-alpha": "",
+                      "color-format": "rgb",
+                      predefine: i(Le)
+                    }, null, 8, ["modelValue", "predefine"])
+                  ])) : D("", !0)
                 ]),
-                l[31] || (l[31] = i("div", {
+                e[32] || (e[32] = u("div", {
                   class: "section-header",
                   style: { "margin-top": "20px" }
                 }, [
-                  i("span", null, "标注配置")
+                  u("span", null, "标注配置")
                 ], -1)),
-                i("div", Nt, [
-                  i("div", Ft, [
-                    l[25] || (l[25] = i("span", null, "标注", -1)),
-                    s(r, {
-                      modelValue: y.value.showLabel,
-                      "onUpdate:modelValue": l[4] || (l[4] = (a) => y.value.showLabel = a),
+                u("div", Ho, [
+                  u("div", qo, [
+                    e[26] || (e[26] = u("span", null, "标注", -1)),
+                    r(m, {
+                      modelValue: X.value.showLabel,
+                      "onUpdate:modelValue": e[5] || (e[5] = (a) => X.value.showLabel = a),
                       size: "small",
                       placeholder: "请选择"
                     }, {
-                      default: z(() => [
-                        s(e, {
+                      default: O(() => [
+                        r(n, {
                           label: "显示",
                           value: !0
                         }),
-                        s(e, {
+                        r(n, {
                           label: "不显示",
                           value: !1
                         })
@@ -1462,20 +1732,16 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                       _: 1
                     }, 8, ["modelValue"])
                   ]),
-                  y.value.showLabel ? (f(), V("div", Et, [
-                    l[26] || (l[26] = i("span", null, "选择属性", -1)),
-                    s(r, {
-                      modelValue: y.value.labelField,
-                      "onUpdate:modelValue": l[5] || (l[5] = (a) => y.value.labelField = a),
+                  X.value.showLabel ? (c(), h("div", Qo, [
+                    e[27] || (e[27] = u("span", null, "选择属性", -1)),
+                    r(m, {
+                      modelValue: X.value.labelField,
+                      "onUpdate:modelValue": e[6] || (e[6] = (a) => X.value.labelField = a),
                       size: "small",
                       placeholder: "请选择属性"
                     }, {
-                      default: z(() => [
-                        s(e, {
-                          label: "FID",
-                          value: "FID"
-                        }),
-                        (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
+                      default: O(() => [
+                        (c(!0), h(G, null, de(re.value, (a) => (c(), fe(n, {
                           key: a,
                           label: a,
                           value: a
@@ -1483,100 +1749,101 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
-                  ])) : M("", !0),
-                  y.value.showLabel ? (f(), V("div", zt, [
-                    l[27] || (l[27] = i("span", null, "字体大小", -1)),
-                    s(r, {
-                      modelValue: y.value.fontSize,
-                      "onUpdate:modelValue": l[6] || (l[6] = (a) => y.value.fontSize = a),
+                  ])) : D("", !0),
+                  X.value.showLabel ? (c(), h("div", Zo, [
+                    e[28] || (e[28] = u("span", null, "字体大小", -1)),
+                    r(m, {
+                      modelValue: X.value.fontSize,
+                      "onUpdate:modelValue": e[7] || (e[7] = (a) => X.value.fontSize = a),
                       size: "small",
                       placeholder: "请选择字体大小"
                     }, {
-                      default: z(() => [
-                        s(e, {
+                      default: O(() => [
+                        r(n, {
                           label: "12",
                           value: 12
                         }),
-                        s(e, {
+                        r(n, {
                           label: "14",
                           value: 14
                         }),
-                        s(e, {
+                        r(n, {
                           label: "16",
                           value: 16
                         }),
-                        s(e, {
+                        r(n, {
                           label: "18",
                           value: 18
                         }),
-                        s(e, {
+                        r(n, {
                           label: "20",
                           value: 20
                         }),
-                        s(e, {
+                        r(n, {
                           label: "22",
                           value: 22
                         }),
-                        s(e, {
+                        r(n, {
                           label: "24",
                           value: 24
                         })
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
-                  ])) : M("", !0),
-                  y.value.showLabel ? (f(), V("div", xt, [
-                    l[28] || (l[28] = i("span", null, "字体颜色", -1)),
-                    s(L, {
-                      modelValue: y.value.fontColor,
-                      "onUpdate:modelValue": l[7] || (l[7] = (a) => y.value.fontColor = a),
+                  ])) : D("", !0),
+                  X.value.showLabel ? (c(), h("div", et, [
+                    e[29] || (e[29] = u("span", null, "字体颜色", -1)),
+                    r(S, {
+                      modelValue: X.value.fontColor,
+                      "onUpdate:modelValue": e[8] || (e[8] = (a) => X.value.fontColor = a),
                       "show-alpha": "",
-                      predefine: n(oe)
+                      "color-format": "rgb",
+                      predefine: i(Le)
                     }, null, 8, ["modelValue", "predefine"])
-                  ])) : M("", !0),
-                  y.value.showLabel ? (f(), V("div", Ut, [
-                    l[29] || (l[29] = i("span", null, "字体类型", -1)),
-                    s(r, {
-                      modelValue: y.value.fontFamily,
-                      "onUpdate:modelValue": l[8] || (l[8] = (a) => y.value.fontFamily = a),
+                  ])) : D("", !0),
+                  X.value.showLabel ? (c(), h("div", lt, [
+                    e[30] || (e[30] = u("span", null, "字体类型", -1)),
+                    r(m, {
+                      modelValue: X.value.fontFamily,
+                      "onUpdate:modelValue": e[9] || (e[9] = (a) => X.value.fontFamily = a),
                       size: "small",
                       placeholder: "请选择字体类型"
                     }, {
-                      default: z(() => [
-                        s(e, {
+                      default: O(() => [
+                        r(n, {
                           label: "宋体",
                           value: "SimSun"
                         }),
-                        s(e, {
+                        r(n, {
                           label: "黑体",
                           value: "SimHei"
                         }),
-                        s(e, {
+                        r(n, {
                           label: "等线",
                           value: "DengXian"
                         })
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
-                  ])) : M("", !0)
+                  ])) : D("", !0)
                 ])
               ], 512), [
-                [_e, v.value === "polygon"]
+                [We, f.value === "polygon"]
               ]),
-              pe(i("div", It, [
-                i("div", Ot, [
-                  l[32] || (l[32] = i("span", null, "目标字段", -1)),
-                  s(r, {
-                    modelValue: g.value,
-                    "onUpdate:modelValue": l[9] || (l[9] = (a) => g.value = a),
+              Oe(u("div", ot, [
+                u("div", tt, [
+                  e[33] || (e[33] = u("span", null, "目标字段", -1)),
+                  r(m, {
+                    modelValue: N.value,
+                    "onUpdate:modelValue": e[10] || (e[10] = (a) => N.value = a),
                     size: "small",
                     placeholder: "请选择目标字段",
                     clearable: "",
                     filterable: "",
-                    onChange: T
+                    onChange: Kl
                   }, {
-                    default: z(() => [
-                      (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
+                    default: O(() => [
+                      (c(!0), h(G, null, de(_.value, (a) => (c(), fe(n, {
                         key: a,
                         label: a,
                         value: a
@@ -1585,63 +1852,63 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
-                s(m, {
+                r(v, {
                   size: "small",
-                  onClick: ee,
-                  icon: n(Ee),
+                  onClick: Rl,
+                  icon: i(Ge),
                   style: { width: "100%", margin: "10px 0" }
                 }, {
-                  default: z(() => [...l[33] || (l[33] = [
-                    Ve(" 添加自定义配置 ", -1)
+                  default: O(() => [...e[34] || (e[34] = [
+                    Me(" 添加自定义配置 ", -1)
                   ])]),
                   _: 1
                 }, 8, ["icon"]),
-                i("div", Mt, [
-                  (f(!0), V(O, null, X(o.value?.outlineConfigList, (a, k) => (f(), V(O, { key: k }, [
-                    a.type === "custom" ? (f(), V("div", Tt, [
-                      i("div", Pt, [
-                        i("span", Bt, "若 " + Fe(g.value) + " =", 1),
-                        s(r, {
+                u("div", at, [
+                  (c(!0), h(G, null, de(o.value?.outlineConfigList, (a, ne) => (c(), h(G, { key: ne }, [
+                    a.type === "custom" ? (c(), h("div", nt, [
+                      u("div", it, [
+                        u("span", ut, "若 " + je(N.value) + " =", 1),
+                        r(m, {
                           modelValue: a.value,
-                          "onUpdate:modelValue": (u) => a.value = u,
+                          "onUpdate:modelValue": (p) => a.value = p,
                           size: "small",
                           placeholder: "请选择值",
                           clearable: "",
                           filterable: ""
                         }, {
-                          default: z(() => [
-                            (f(!0), V(O, null, X(le(a.value), (u) => (f(), W(e, {
-                              key: u,
-                              label: u,
-                              value: u
+                          default: O(() => [
+                            (c(!0), h(G, null, de(Jl(a.value), (p) => (c(), fe(n, {
+                              key: p,
+                              label: p,
+                              value: p
                             }, null, 8, ["label", "value"]))), 128))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                        s(_, {
+                        r(B, {
                           class: "delete-icon",
-                          onClick: (u) => F(k)
+                          onClick: (p) => $l(ne)
                         }, {
-                          default: z(() => [
-                            s(n(Pe))
+                          default: O(() => [
+                            r(i(ol))
                           ]),
                           _: 1
                         }, 8, ["onClick"])
                       ]),
-                      i("div", At, [
-                        l[34] || (l[34] = i("span", null, "线形", -1)),
-                        s(r, {
+                      u("div", st, [
+                        e[35] || (e[35] = u("span", null, "线形", -1)),
+                        r(m, {
                           modelValue: a.lineStyle,
-                          "onUpdate:modelValue": (u) => a.lineStyle = u,
+                          "onUpdate:modelValue": (p) => a.lineStyle = p,
                           size: "small",
                           placeholder: "请选择线形"
                         }, {
-                          default: z(() => [
-                            s(e, {
+                          default: O(() => [
+                            r(n, {
                               label: "虚线",
                               value: "dash"
                             }),
-                            s(e, {
+                            r(n, {
                               label: "实线",
                               value: "solid"
                             })
@@ -1649,54 +1916,44 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                           _: 1
                         }, 8, ["modelValue", "onUpdate:modelValue"])
                       ]),
-                      i("div", $t, [
-                        l[35] || (l[35] = i("span", null, "颜色", -1)),
-                        s(L, {
+                      u("div", rt, [
+                        e[36] || (e[36] = u("span", null, "颜色", -1)),
+                        r(S, {
                           modelValue: a.outlineColor,
-                          "onUpdate:modelValue": (u) => a.outlineColor = u,
+                          "onUpdate:modelValue": (p) => a.outlineColor = p,
                           "show-alpha": "",
-                          predefine: n(oe)
+                          "color-format": "rgb",
+                          predefine: i(Le)
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"])
                       ]),
-                      i("div", Rt, [
-                        l[36] || (l[36] = i("span", null, "线宽", -1)),
-                        s(U, {
+                      u("div", dt, [
+                        e[37] || (e[37] = u("span", null, "线宽", -1)),
+                        r(K, {
                           modelValue: a.outlineWidth,
-                          "onUpdate:modelValue": (u) => a.outlineWidth = u,
+                          "onUpdate:modelValue": (p) => a.outlineWidth = p,
                           min: 1,
                           max: 20,
                           style: { width: "120px" }
                         }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ]),
-                      i("div", Kt, [
-                        l[37] || (l[37] = i("span", null, "透明度", -1)),
-                        s(U, {
-                          modelValue: a.outlineOpacity,
-                          "onUpdate:modelValue": (u) => a.outlineOpacity = u,
-                          min: 0,
-                          max: 1,
-                          step: 0.1,
-                          style: { width: "120px" }
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ])
-                    ])) : a.type === "default" ? (f(), V("div", Jt, [
-                      l[42] || (l[42] = i("div", null, [
-                        i("h5", null, "默认配置")
+                    ])) : a.type === "default" ? (c(), h("div", ft, [
+                      e[41] || (e[41] = u("div", null, [
+                        u("h5", null, "默认配置")
                       ], -1)),
-                      i("div", Xt, [
-                        l[38] || (l[38] = i("span", null, "线形", -1)),
-                        s(r, {
+                      u("div", vt, [
+                        e[38] || (e[38] = u("span", null, "线形", -1)),
+                        r(m, {
                           modelValue: a.lineStyle,
-                          "onUpdate:modelValue": (u) => a.lineStyle = u,
+                          "onUpdate:modelValue": (p) => a.lineStyle = p,
                           size: "small",
                           placeholder: "请选择线形"
                         }, {
-                          default: z(() => [
-                            s(e, {
+                          default: O(() => [
+                            r(n, {
                               label: "虚线",
                               value: "dash"
                             }),
-                            s(e, {
+                            r(n, {
                               label: "实线",
                               value: "solid"
                             })
@@ -1704,185 +1961,170 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                           _: 1
                         }, 8, ["modelValue", "onUpdate:modelValue"])
                       ]),
-                      i("div", Wt, [
-                        l[39] || (l[39] = i("span", null, "颜色", -1)),
-                        s(L, {
+                      u("div", ct, [
+                        e[39] || (e[39] = u("span", null, "颜色", -1)),
+                        r(S, {
                           modelValue: a.outlineColor,
-                          "onUpdate:modelValue": (u) => a.outlineColor = u,
+                          "onUpdate:modelValue": (p) => a.outlineColor = p,
                           "show-alpha": "",
-                          predefine: n(oe)
+                          "color-format": "rgb",
+                          predefine: i(Le)
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"])
                       ]),
-                      i("div", Yt, [
-                        l[40] || (l[40] = i("span", null, "线宽", -1)),
-                        s(U, {
+                      u("div", mt, [
+                        e[40] || (e[40] = u("span", null, "线宽", -1)),
+                        r(K, {
                           modelValue: a.outlineWidth,
-                          "onUpdate:modelValue": (u) => a.outlineWidth = u,
+                          "onUpdate:modelValue": (p) => a.outlineWidth = p,
                           min: 1,
                           max: 20,
                           style: { width: "120px" }
                         }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                      ]),
-                      i("div", jt, [
-                        l[41] || (l[41] = i("span", null, "透明度", -1)),
-                        s(U, {
-                          modelValue: a.outlineOpacity,
-                          "onUpdate:modelValue": (u) => a.outlineOpacity = u,
-                          min: 0,
-                          max: 1,
-                          step: 0.1,
-                          style: { width: "120px" }
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ])
-                    ])) : M("", !0)
+                    ])) : D("", !0)
                   ], 64))), 128))
                 ]),
-                N.value.includes("polygon") ? M("", !0) : (f(), V(O, { key: 0 }, [
-                  l[48] || (l[48] = i("div", {
-                    class: "section-header",
-                    style: { "margin-top": "20px" }
-                  }, [
-                    i("span", null, "标注配置")
-                  ], -1)),
-                  i("div", Dt, [
-                    i("div", Gt, [
-                      l[43] || (l[43] = i("span", null, "标注", -1)),
-                      s(r, {
-                        modelValue: w.value.showLabel,
-                        "onUpdate:modelValue": l[10] || (l[10] = (a) => w.value.showLabel = a),
-                        size: "small",
-                        placeholder: "请选择"
-                      }, {
-                        default: z(() => [
-                          s(e, {
-                            label: "显示",
-                            value: !0
-                          }),
-                          s(e, {
-                            label: "不显示",
-                            value: !1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    w.value.showLabel ? (f(), V("div", Ht, [
-                      l[44] || (l[44] = i("span", null, "选择属性", -1)),
-                      s(r, {
-                        modelValue: w.value.labelField,
-                        "onUpdate:modelValue": l[11] || (l[11] = (a) => w.value.labelField = a),
-                        size: "small",
-                        placeholder: "请选择属性"
-                      }, {
-                        default: z(() => [
-                          s(e, {
-                            label: "FID",
-                            value: "FID"
-                          }),
-                          (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
-                            key: a,
-                            label: a,
-                            value: a
-                          }, null, 8, ["label", "value"]))), 128))
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ])) : M("", !0),
-                    w.value.showLabel ? (f(), V("div", qt, [
-                      l[45] || (l[45] = i("span", null, "字体大小", -1)),
-                      s(r, {
-                        modelValue: w.value.fontSize,
-                        "onUpdate:modelValue": l[12] || (l[12] = (a) => w.value.fontSize = a),
-                        size: "small",
-                        placeholder: "请选择字体大小"
-                      }, {
-                        default: z(() => [
-                          s(e, {
-                            label: "12",
-                            value: 12
-                          }),
-                          s(e, {
-                            label: "14",
-                            value: 14
-                          }),
-                          s(e, {
-                            label: "16",
-                            value: 16
-                          }),
-                          s(e, {
-                            label: "18",
-                            value: 18
-                          }),
-                          s(e, {
-                            label: "20",
-                            value: 20
-                          }),
-                          s(e, {
-                            label: "22",
-                            value: 22
-                          }),
-                          s(e, {
-                            label: "24",
-                            value: 24
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ])) : M("", !0),
-                    w.value.showLabel ? (f(), V("div", Qt, [
-                      l[46] || (l[46] = i("span", null, "字体颜色", -1)),
-                      s(L, {
-                        modelValue: w.value.fontColor,
-                        "onUpdate:modelValue": l[13] || (l[13] = (a) => w.value.fontColor = a),
-                        "show-alpha": "",
-                        predefine: n(oe)
-                      }, null, 8, ["modelValue", "predefine"])
-                    ])) : M("", !0),
-                    w.value.showLabel ? (f(), V("div", Zt, [
-                      l[47] || (l[47] = i("span", null, "字体类型", -1)),
-                      s(r, {
-                        modelValue: w.value.fontFamily,
-                        "onUpdate:modelValue": l[14] || (l[14] = (a) => w.value.fontFamily = a),
-                        size: "small",
-                        placeholder: "请选择字体类型"
-                      }, {
-                        default: z(() => [
-                          s(e, {
-                            label: "宋体",
-                            value: "SimSun"
-                          }),
-                          s(e, {
-                            label: "黑体",
-                            value: "SimHei"
-                          }),
-                          s(e, {
-                            label: "等线",
-                            value: "DengXian"
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ])) : M("", !0)
-                  ])
-                ], 64))
+                e[47] || (e[47] = u("div", {
+                  class: "section-header",
+                  style: { "margin-top": "20px" }
+                }, [
+                  u("span", null, "标注配置")
+                ], -1)),
+                u("div", pt, [
+                  u("div", gt, [
+                    e[42] || (e[42] = u("span", null, "标注", -1)),
+                    r(m, {
+                      modelValue: T.value.showLabel,
+                      "onUpdate:modelValue": e[11] || (e[11] = (a) => T.value.showLabel = a),
+                      size: "small",
+                      placeholder: "请选择"
+                    }, {
+                      default: O(() => [
+                        r(n, {
+                          label: "显示",
+                          value: !0
+                        }),
+                        r(n, {
+                          label: "不显示",
+                          value: !1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  T.value.showLabel ? (c(), h("div", bt, [
+                    e[43] || (e[43] = u("span", null, "选择属性", -1)),
+                    r(m, {
+                      modelValue: T.value.labelField,
+                      "onUpdate:modelValue": e[12] || (e[12] = (a) => T.value.labelField = a),
+                      size: "small",
+                      placeholder: "请选择属性"
+                    }, {
+                      default: O(() => [
+                        (c(!0), h(G, null, de(ge.value, (a) => (c(), fe(n, {
+                          key: a,
+                          label: a,
+                          value: a
+                        }, null, 8, ["label", "value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])) : D("", !0),
+                  T.value.showLabel ? (c(), h("div", yt, [
+                    e[44] || (e[44] = u("span", null, "字体大小", -1)),
+                    r(m, {
+                      modelValue: T.value.fontSize,
+                      "onUpdate:modelValue": e[13] || (e[13] = (a) => T.value.fontSize = a),
+                      size: "small",
+                      placeholder: "请选择字体大小"
+                    }, {
+                      default: O(() => [
+                        r(n, {
+                          label: "12",
+                          value: 12
+                        }),
+                        r(n, {
+                          label: "14",
+                          value: 14
+                        }),
+                        r(n, {
+                          label: "16",
+                          value: 16
+                        }),
+                        r(n, {
+                          label: "18",
+                          value: 18
+                        }),
+                        r(n, {
+                          label: "20",
+                          value: 20
+                        }),
+                        r(n, {
+                          label: "22",
+                          value: 22
+                        }),
+                        r(n, {
+                          label: "24",
+                          value: 24
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])) : D("", !0),
+                  T.value.showLabel ? (c(), h("div", Ct, [
+                    e[45] || (e[45] = u("span", null, "字体颜色", -1)),
+                    r(S, {
+                      modelValue: T.value.fontColor,
+                      "onUpdate:modelValue": e[14] || (e[14] = (a) => T.value.fontColor = a),
+                      "show-alpha": "",
+                      "color-format": "rgb",
+                      predefine: i(Le)
+                    }, null, 8, ["modelValue", "predefine"])
+                  ])) : D("", !0),
+                  T.value.showLabel ? (c(), h("div", St, [
+                    e[46] || (e[46] = u("span", null, "字体类型", -1)),
+                    r(m, {
+                      modelValue: T.value.fontFamily,
+                      "onUpdate:modelValue": e[15] || (e[15] = (a) => T.value.fontFamily = a),
+                      size: "small",
+                      placeholder: "请选择字体类型"
+                    }, {
+                      default: O(() => [
+                        r(n, {
+                          label: "宋体",
+                          value: "SimSun"
+                        }),
+                        r(n, {
+                          label: "黑体",
+                          value: "SimHei"
+                        }),
+                        r(n, {
+                          label: "等线",
+                          value: "DengXian"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])) : D("", !0)
+                ])
               ], 512), [
-                [_e, v.value === "line"]
+                [We, f.value === "line"]
               ]),
-              pe(i("div", ea, [
-                i("div", la, [
-                  i("div", ta, [
-                    l[49] || (l[49] = i("span", null, "目标字段", -1)),
-                    s(r, {
-                      modelValue: b.value,
-                      "onUpdate:modelValue": l[15] || (l[15] = (a) => b.value = a),
+              Oe(u("div", ht, [
+                u("div", Vt, [
+                  u("div", Lt, [
+                    e[48] || (e[48] = u("span", null, "目标字段", -1)),
+                    r(m, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[16] || (e[16] = (a) => C.value = a),
                       size: "small",
                       placeholder: "请选择目标字段",
                       clearable: "",
                       filterable: "",
-                      onChange: Z
+                      onChange: Bl
                     }, {
-                      default: z(() => [
-                        (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
+                      default: O(() => [
+                        (c(!0), h(G, null, de(j.value, (a) => (c(), fe(n, {
                           key: a,
                           label: a,
                           value: a
@@ -1891,69 +2133,69 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                       _: 1
                     }, 8, ["modelValue"])
                   ]),
-                  s(m, {
+                  r(v, {
                     size: "small",
-                    onClick: B,
-                    icon: n(Ee),
+                    onClick: Ol,
+                    icon: i(Ge),
                     style: { width: "100%", margin: "10px 0" }
                   }, {
-                    default: z(() => [...l[50] || (l[50] = [
-                      Ve(" 添加自定义配置 ", -1)
+                    default: O(() => [...e[49] || (e[49] = [
+                      Me(" 添加自定义配置 ", -1)
                     ])]),
                     _: 1
                   }, 8, ["icon"]),
-                  i("div", aa, [
-                    (f(!0), V(O, null, X(o.value?.circleConfigList, (a, k) => (f(), V("div", {
+                  u("div", wt, [
+                    (c(!0), h(G, null, de(o.value?.circleConfigList, (a, ne) => (c(), h("div", {
                       key: a.key,
                       class: "config-box"
                     }, [
-                      a.type == "custom" ? (f(), V(O, { key: 0 }, [
-                        l[57] || (l[57] = i("div", null, [
-                          i("h5", null, "自定义配置")
+                      a.type == "custom" ? (c(), h(G, { key: 0 }, [
+                        e[56] || (e[56] = u("div", null, [
+                          u("h5", null, "自定义配置")
                         ], -1)),
-                        i("div", oa, [
-                          i("span", na, "若 " + Fe(b.value) + " =", 1),
-                          s(r, {
+                        u("div", kt, [
+                          u("span", Ft, "若 " + je(C.value) + " =", 1),
+                          r(m, {
                             "model-value": a.value,
-                            "onUpdate:modelValue": (u) => a.value = u,
+                            "onUpdate:modelValue": (p) => a.value = p,
                             size: "small",
                             placeholder: "请选择值",
                             clearable: "",
                             filterable: ""
                           }, {
-                            default: z(() => [
-                              (f(!0), V(O, null, X(G(a.value), (u) => (f(), W(e, {
-                                key: String(u),
-                                label: String(u),
-                                value: u
+                            default: O(() => [
+                              (c(!0), h(G, null, de(Il(a.value), (p) => (c(), fe(n, {
+                                key: String(p),
+                                label: String(p),
+                                value: p
                               }, null, 8, ["label", "value"]))), 128))
                             ]),
                             _: 2
                           }, 1032, ["model-value", "onUpdate:modelValue"]),
-                          s(_, {
+                          r(B, {
                             class: "delete-icon",
-                            onClick: (u) => H(k)
+                            onClick: (p) => Ml(ne)
                           }, {
-                            default: z(() => [
-                              s(n(Pe))
+                            default: O(() => [
+                              r(i(ol))
                             ]),
                             _: 1
                           }, 8, ["onClick"])
                         ]),
-                        i("div", ia, [
-                          l[51] || (l[51] = i("span", null, "渲染方式", -1)),
-                          s(r, {
+                        u("div", Nt, [
+                          e[50] || (e[50] = u("span", null, "渲染方式", -1)),
+                          r(m, {
                             modelValue: a.renderMode,
-                            "onUpdate:modelValue": (u) => a.renderMode = u,
+                            "onUpdate:modelValue": (p) => a.renderMode = p,
                             size: "small",
                             placeholder: "请选择渲染方式"
                           }, {
-                            default: z(() => [
-                              s(e, {
+                            default: O(() => [
+                              r(n, {
                                 label: "纯色点",
                                 value: "color"
                               }),
-                              s(e, {
+                              r(n, {
                                 label: "图标",
                                 value: "icon"
                               })
@@ -1961,82 +2203,83 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                             _: 1
                           }, 8, ["modelValue", "onUpdate:modelValue"])
                         ]),
-                        a.renderMode === "color" ? (f(), V(O, { key: 0 }, [
-                          i("div", ua, [
-                            l[52] || (l[52] = i("span", null, "点位样式", -1)),
-                            i("div", sa, [
-                              (f(!0), V(O, null, X(n(Me), (u) => (f(), V("div", {
-                                key: u.fileName,
-                                class: Y(["shape-item-inline", {
-                                  selected: a.pointStyle === u.fileName
+                        a.renderMode === "color" ? (c(), h(G, { key: 0 }, [
+                          u("div", zt, [
+                            e[51] || (e[51] = u("span", null, "点位样式", -1)),
+                            u("div", Et, [
+                              (c(!0), h(G, null, de(A.value, (p) => (c(), h("div", {
+                                key: p.id,
+                                class: ve(["shape-item-inline", {
+                                  selected: a.pointStyle === p.id
                                 }]),
-                                onClick: (A) => a.pointStyle = u.fileName
+                                onClick: (Xl) => a.pointStyle = p.id
                               }, [
-                                i("img", {
-                                  src: j(u.fileName),
+                                u("img", {
+                                  src: p.url,
                                   alt: ""
-                                }, null, 8, da)
-                              ], 10, ra))), 128))
+                                }, null, 8, xt)
+                              ], 10, _t))), 128))
                             ])
                           ]),
-                          i("div", va, [
-                            l[53] || (l[53] = i("span", null, "点位颜色", -1)),
-                            s(L, {
+                          u("div", Ut, [
+                            e[52] || (e[52] = u("span", null, "点位颜色", -1)),
+                            r(S, {
                               modelValue: a.pointTintColor,
-                              "onUpdate:modelValue": (u) => a.pointTintColor = u,
+                              "onUpdate:modelValue": (p) => a.pointTintColor = p,
                               "show-alpha": "",
-                              predefine: n(oe)
+                              "color-format": "rgb",
+                              predefine: i(Le)
                             }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"])
                           ]),
-                          i("div", ma, [
-                            l[54] || (l[54] = i("span", null, "点位大小", -1)),
-                            s(U, {
+                          u("div", It, [
+                            e[53] || (e[53] = u("span", null, "点位大小", -1)),
+                            r(K, {
                               modelValue: a.pointSize,
-                              "onUpdate:modelValue": (u) => a.pointSize = u,
+                              "onUpdate:modelValue": (p) => a.pointSize = p,
                               min: 1,
                               max: 20,
                               style: { width: "120px" }
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ])
-                        ], 64)) : M("", !0),
-                        a.renderMode === "icon" ? (f(), V(O, { key: 1 }, [
-                          i("div", fa, [
-                            l[55] || (l[55] = i("span", null, "点位样式", -1)),
-                            s(Ge, {
-                              modelValue: a.iconImageName,
-                              "onUpdate:modelValue": (u) => a.iconImageName = u,
+                        ], 64)) : D("", !0),
+                        a.renderMode === "icon" ? (c(), h(G, { key: 1 }, [
+                          u("div", Tt, [
+                            e[54] || (e[54] = u("span", null, "点位样式1", -1)),
+                            r(ml, {
+                              modelValue: a.pointStyle,
+                              "onUpdate:modelValue": (p) => a.pointStyle = p,
                               placeholder: "选择图标"
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ]),
-                          i("div", ca, [
-                            l[56] || (l[56] = i("span", null, "点位大小", -1)),
-                            s(U, {
+                          u("div", Ot, [
+                            e[55] || (e[55] = u("span", null, "点位大小", -1)),
+                            r(K, {
                               modelValue: a.pointSize,
-                              "onUpdate:modelValue": (u) => a.pointSize = u,
+                              "onUpdate:modelValue": (p) => a.pointSize = p,
                               min: 1,
                               max: 20,
                               style: { width: "120px" }
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ])
-                        ], 64)) : M("", !0)
-                      ], 64)) : a.type == "default" ? (f(), V(O, { key: 1 }, [
-                        l[64] || (l[64] = i("div", null, [
-                          i("h5", null, "默认配置")
+                        ], 64)) : D("", !0)
+                      ], 64)) : a.type == "default" ? (c(), h(G, { key: 1 }, [
+                        e[63] || (e[63] = u("div", null, [
+                          u("h5", null, "默认配置")
                         ], -1)),
-                        i("div", pa, [
-                          l[58] || (l[58] = i("span", null, "渲染方式", -1)),
-                          s(r, {
+                        u("div", Pt, [
+                          e[57] || (e[57] = u("span", null, "渲染方式", -1)),
+                          r(m, {
                             modelValue: a.renderMode,
-                            "onUpdate:modelValue": (u) => a.renderMode = u,
+                            "onUpdate:modelValue": (p) => a.renderMode = p,
                             size: "small",
                             placeholder: "请选择渲染方式"
                           }, {
-                            default: z(() => [
-                              s(e, {
+                            default: O(() => [
+                              r(n, {
                                 label: "纯色点",
                                 value: "color"
                               }),
-                              s(e, {
+                              r(n, {
                                 label: "图标",
                                 value: "icon"
                               })
@@ -2044,87 +2287,88 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                             _: 1
                           }, 8, ["modelValue", "onUpdate:modelValue"])
                         ]),
-                        a.renderMode === "color" ? (f(), V(O, { key: 0 }, [
-                          i("div", ba, [
-                            l[59] || (l[59] = i("span", null, "点位样式", -1)),
-                            i("div", ga, [
-                              (f(!0), V(O, null, X(n(Me), (u) => (f(), V("div", {
-                                key: u.fileName,
-                                class: Y(["shape-item-inline", {
-                                  selected: a.pointStyle === u.fileName
+                        a.renderMode === "color" ? (c(), h(G, { key: 0 }, [
+                          u("div", Mt, [
+                            e[58] || (e[58] = u("span", null, "点位样式", -1)),
+                            u("div", Bt, [
+                              (c(!0), h(G, null, de(A.value, (p) => (c(), h("div", {
+                                key: p.id,
+                                class: ve(["shape-item-inline", {
+                                  selected: a.pointStyle === p.id
                                 }]),
-                                onClick: (A) => a.pointStyle = u.fileName
+                                onClick: (Xl) => a.pointStyle = p.id
                               }, [
-                                i("img", {
-                                  src: j(u.fileName),
+                                u("img", {
+                                  src: p.url,
                                   alt: ""
-                                }, null, 8, Va)
-                              ], 10, ya))), 128))
+                                }, null, 8, Jt)
+                              ], 10, At))), 128))
                             ])
                           ]),
-                          i("div", Sa, [
-                            l[60] || (l[60] = i("span", null, "点位颜色", -1)),
-                            s(L, {
+                          u("div", Rt, [
+                            e[59] || (e[59] = u("span", null, "点位颜色", -1)),
+                            r(S, {
                               modelValue: a.pointTintColor,
-                              "onUpdate:modelValue": (u) => a.pointTintColor = u,
+                              "onUpdate:modelValue": (p) => a.pointTintColor = p,
                               "show-alpha": "",
-                              predefine: n(oe)
+                              "color-format": "rgb",
+                              predefine: i(Le)
                             }, null, 8, ["modelValue", "onUpdate:modelValue", "predefine"])
                           ]),
-                          i("div", Ca, [
-                            l[61] || (l[61] = i("span", null, "点位大小", -1)),
-                            s(U, {
+                          u("div", $t, [
+                            e[60] || (e[60] = u("span", null, "点位大小", -1)),
+                            r(K, {
                               modelValue: a.pointSize,
-                              "onUpdate:modelValue": (u) => a.pointSize = u,
+                              "onUpdate:modelValue": (p) => a.pointSize = p,
                               min: 1,
                               max: 20,
                               style: { width: "120px" }
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ])
-                        ], 64)) : M("", !0),
-                        a.renderMode === "icon" ? (f(), V(O, { key: 1 }, [
-                          i("div", ha, [
-                            l[62] || (l[62] = i("span", null, "点位样式", -1)),
-                            s(Ge, {
-                              modelValue: a.iconImageName,
-                              "onUpdate:modelValue": (u) => a.iconImageName = u,
+                        ], 64)) : D("", !0),
+                        a.renderMode === "icon" ? (c(), h(G, { key: 1 }, [
+                          u("div", Kt, [
+                            e[61] || (e[61] = u("span", null, "点位样式", -1)),
+                            r(ml, {
+                              modelValue: a.pointStyle,
+                              "onUpdate:modelValue": (p) => a.pointStyle = p,
                               placeholder: "选择图标"
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ]),
-                          i("div", wa, [
-                            l[63] || (l[63] = i("span", null, "点位大小", -1)),
-                            s(U, {
+                          u("div", Wt, [
+                            e[62] || (e[62] = u("span", null, "点位大小", -1)),
+                            r(K, {
                               modelValue: a.pointSize,
-                              "onUpdate:modelValue": (u) => a.pointSize = u,
+                              "onUpdate:modelValue": (p) => a.pointSize = p,
                               min: 1,
                               max: 20,
                               style: { width: "120px" }
                             }, null, 8, ["modelValue", "onUpdate:modelValue"])
                           ])
-                        ], 64)) : M("", !0)
-                      ], 64)) : M("", !0)
+                        ], 64)) : D("", !0)
+                      ], 64)) : D("", !0)
                     ]))), 128))
                   ])
                 ]),
-                i("div", La, [
-                  l[70] || (l[70] = i("div", { class: "section-header" }, [
-                    i("span", null, "标注配置")
+                u("div", Xt, [
+                  e[69] || (e[69] = u("div", { class: "section-header" }, [
+                    u("span", null, "标注配置")
                   ], -1)),
-                  i("div", _a, [
-                    i("div", ka, [
-                      l[65] || (l[65] = i("span", null, "标注", -1)),
-                      s(r, {
-                        modelValue: x.value.showLabel,
-                        "onUpdate:modelValue": l[16] || (l[16] = (a) => x.value.showLabel = a),
+                  u("div", Yt, [
+                    u("div", jt, [
+                      e[64] || (e[64] = u("span", null, "标注", -1)),
+                      r(m, {
+                        modelValue: $.value.showLabel,
+                        "onUpdate:modelValue": e[17] || (e[17] = (a) => $.value.showLabel = a),
                         size: "small",
                         placeholder: "请选择"
                       }, {
-                        default: z(() => [
-                          s(e, {
+                        default: O(() => [
+                          r(n, {
                             label: "显示",
                             value: !0
                           }),
-                          s(e, {
+                          r(n, {
                             label: "不显示",
                             value: !1
                           })
@@ -2132,20 +2376,16 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                         _: 1
                       }, 8, ["modelValue"])
                     ]),
-                    x.value.showLabel ? (f(), V("div", Na, [
-                      l[66] || (l[66] = i("span", null, "选择属性", -1)),
-                      s(r, {
-                        modelValue: x.value.labelField,
-                        "onUpdate:modelValue": l[17] || (l[17] = (a) => x.value.labelField = a),
+                    $.value.showLabel ? (c(), h("div", Gt, [
+                      e[65] || (e[65] = u("span", null, "选择属性", -1)),
+                      r(m, {
+                        modelValue: $.value.labelField,
+                        "onUpdate:modelValue": e[18] || (e[18] = (a) => $.value.labelField = a),
                         size: "small",
                         placeholder: "请选择属性"
                       }, {
-                        default: z(() => [
-                          s(e, {
-                            label: "FID",
-                            value: "FID"
-                          }),
-                          (f(!0), V(O, null, X(c.value?.columnSet, (a) => (f(), W(e, {
+                        default: O(() => [
+                          (c(!0), h(G, null, de(Ce.value, (a) => (c(), fe(n, {
                             key: a,
                             label: a,
                             value: a
@@ -2153,114 +2393,115 @@ const gt = nl(bt), yt = { class: "shape-pop qy-flex-col" }, Vt = { class: "tabs"
                         ]),
                         _: 1
                       }, 8, ["modelValue"])
-                    ])) : M("", !0),
-                    x.value.showLabel ? (f(), V("div", Fa, [
-                      l[67] || (l[67] = i("span", null, "字体大小", -1)),
-                      s(r, {
-                        modelValue: x.value.fontSize,
-                        "onUpdate:modelValue": l[18] || (l[18] = (a) => x.value.fontSize = a),
+                    ])) : D("", !0),
+                    $.value.showLabel ? (c(), h("div", Dt, [
+                      e[66] || (e[66] = u("span", null, "字体大小", -1)),
+                      r(m, {
+                        modelValue: $.value.fontSize,
+                        "onUpdate:modelValue": e[19] || (e[19] = (a) => $.value.fontSize = a),
                         size: "small",
                         placeholder: "请选择字体大小"
                       }, {
-                        default: z(() => [
-                          s(e, {
+                        default: O(() => [
+                          r(n, {
                             label: "12",
                             value: 12
                           }),
-                          s(e, {
+                          r(n, {
                             label: "14",
                             value: 14
                           }),
-                          s(e, {
+                          r(n, {
                             label: "16",
                             value: 16
                           }),
-                          s(e, {
+                          r(n, {
                             label: "18",
                             value: 18
                           }),
-                          s(e, {
+                          r(n, {
                             label: "20",
                             value: 20
                           }),
-                          s(e, {
+                          r(n, {
                             label: "22",
                             value: 22
                           }),
-                          s(e, {
+                          r(n, {
                             label: "24",
                             value: 24
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue"])
-                    ])) : M("", !0),
-                    x.value.showLabel ? (f(), V("div", Ea, [
-                      l[68] || (l[68] = i("span", null, "字体颜色", -1)),
-                      s(L, {
-                        modelValue: x.value.fontColor,
-                        "onUpdate:modelValue": l[19] || (l[19] = (a) => x.value.fontColor = a),
+                    ])) : D("", !0),
+                    $.value.showLabel ? (c(), h("div", Ht, [
+                      e[67] || (e[67] = u("span", null, "字体颜色", -1)),
+                      r(S, {
+                        modelValue: $.value.fontColor,
+                        "onUpdate:modelValue": e[20] || (e[20] = (a) => $.value.fontColor = a),
                         "show-alpha": "",
-                        predefine: n(oe)
+                        "color-format": "rgb",
+                        predefine: i(Le)
                       }, null, 8, ["modelValue", "predefine"])
-                    ])) : M("", !0),
-                    x.value.showLabel ? (f(), V("div", za, [
-                      l[69] || (l[69] = i("span", null, "字体类型", -1)),
-                      s(r, {
-                        modelValue: x.value.fontFamily,
-                        "onUpdate:modelValue": l[20] || (l[20] = (a) => x.value.fontFamily = a),
+                    ])) : D("", !0),
+                    $.value.showLabel ? (c(), h("div", qt, [
+                      e[68] || (e[68] = u("span", null, "字体类型", -1)),
+                      r(m, {
+                        modelValue: $.value.fontFamily,
+                        "onUpdate:modelValue": e[21] || (e[21] = (a) => $.value.fontFamily = a),
                         size: "small",
                         placeholder: "请选择字体类型"
                       }, {
-                        default: z(() => [
-                          s(e, {
+                        default: O(() => [
+                          r(n, {
                             label: "宋体",
                             value: "SimSun"
                           }),
-                          s(e, {
+                          r(n, {
                             label: "黑体",
                             value: "SimHei"
                           }),
-                          s(e, {
+                          r(n, {
                             label: "等线",
                             value: "DengXian"
                           })
                         ]),
                         _: 1
                       }, 8, ["modelValue"])
-                    ])) : M("", !0)
+                    ])) : D("", !0)
                   ])
                 ])
               ], 512), [
-                [_e, v.value === "point"]
+                [We, f.value === "point"]
               ])
             ]),
-            i("div", xa, [
-              s(m, { onClick: K }, {
-                default: z(() => [...l[71] || (l[71] = [
-                  Ve("取消", -1)
+            u("div", Qt, [
+              r(v, { onClick: vl }, {
+                default: O(() => [...e[70] || (e[70] = [
+                  Me("取消", -1)
                 ])]),
                 _: 1
               }),
-              s(m, {
+              r(v, {
                 type: "primary",
-                onClick: J
+                onClick: Wl
               }, {
-                default: z(() => [...l[72] || (l[72] = [
-                  Ve("确定", -1)
+                default: O(() => [...e[71] || (e[71] = [
+                  Me("确定", -1)
                 ])]),
                 _: 1
               })
             ])
           ], 512), [
-            [_e, p.value]
+            [We, y.value]
           ])
         ]),
         _: 1
       });
     };
   }
-}), Za = /* @__PURE__ */ Xl(Ua, [["__scopeId", "data-v-27f84e89"]]);
+}), Sa = /* @__PURE__ */ co(Zt, [["__scopeId", "data-v-f4e5c2aa"]]);
 export {
-  Za as default
+  Sa as default
 };