@shaonq/vue 1.0.0 → 1.0.5

package/lib/index.js

@@ -1,150 +1,149 @@
-import mt from "vxe-table";
+import Xt from "vxe-table";
 import "vxe-table/lib/style.css";
-import { ref as V, defineComponent as E, computed as B, shallowRef as yt, watch as bt, onUnmounted as wt, resolveComponent as m, openBlock as r, createElementBlock as x, createBlock as R, withCtx as f, renderSlot as ae, createElementVNode as y, toDisplayString as M, createVNode as p, createTextVNode as q, unref as g, createCommentVNode as D, Fragment as I, renderList as oe, createSlots as xt, isVNode as Le, resolveDynamicComponent as xe, normalizeStyle as ee, normalizeProps as ke, guardReactiveProps as Ae, mergeProps as Me, normalizeClass as _e, withModifiers as kt } from "vue";
-import Pe from "xe-utils";
-import Ce from "vuedraggable";
-import Ct from "mitt";
-import $t from "bwip-js";
-const Y = (o) => o && typeof o == "function";
-function re(o, t) {
-  var e;
-  const l = (e = o[t.dataIndex]) != null ? e : "";
-  return t.format && Y(t.format) ? t.format(l, o) : l;
+import { ref as U, defineComponent as N, computed as P, shallowRef as Jt, watch as nt, onUnmounted as Gt, resolveComponent as y, openBlock as d, createElementBlock as S, createBlock as B, withCtx as g, renderSlot as ve, createElementVNode as O, toDisplayString as Y, createVNode as _, createTextVNode as le, unref as v, createCommentVNode as M, Fragment as X, renderList as _e, createSlots as Qt, isVNode as gt, resolveDynamicComponent as Be, normalizeStyle as J, hasInjectionContext as Zt, inject as eo, getCurrentInstance as to, reactive as oo, markRaw as Fe, effectScope as no, isRef as Ae, isReactive as st, toRef as Ue, toRaw as so, nextTick as mt, getCurrentScope as io, onScopeDispose as ao, toRefs as vt, normalizeProps as Te, guardReactiveProps as je, mergeProps as it, normalizeClass as ke, withModifiers as uo } from "vue";
+import He from "xe-utils";
+import Pe from "vuedraggable";
+import Dt from "bwip-js";
+const he = (t) => t && typeof t == "function";
+function Ce(t, e) {
+  var o;
+  const n = (o = t[e.dataIndex]) != null ? o : "";
+  return e.format && he(e.format) ? e.format(n, t) : n;
 }
-function ze(o, t) {
-  return Y(t.style) ? t.style(o) : { ...t.style };
+function qe(t, e) {
+  return he(e.style) ? e.style(t) : { ...e.style };
 }
-function Ee(o) {
-  return (o == null ? void 0 : o.rowKey) || "_X_ROW_KEY";
+function Ze(t) {
+  return (t == null ? void 0 : t.rowKey) || "_X_ROW_KEY";
 }
-function St(o, t) {
-  return { disabledList: V({
+function lo(t, e) {
+  return { disabledList: U({
     highlight: !0,
-    reserve: o.option.reserve,
+    reserve: t.option.reserve,
     checkMethod: ({ row: i }) => !i.disabled
-  }), selectChangeEvent: ({ $table: i, checked: a, row: c }) => {
-    const { option: u } = o, { fullData: C } = i.getTableData();
-    if (c && u.checkboxKey) {
-      const S = u.checkboxKey, _ = C.filter((v) => v[S] && v[S] === c[S]);
-      _.length && i.setCheckboxRow(_, a);
-    }
-    const $ = i.getCheckboxRecords().concat(i.getCheckboxReserveRecords()), b = Ee(o.option);
-    b && t(
+  }), selectChangeEvent: ({ $table: i, checked: a, row: u }) => {
+    const { option: l } = t, { fullData: r } = i.getTableData();
+    if (u && l.checkboxKey) {
+      const p = l.checkboxKey, f = r.filter((F) => F[p] && F[p] === u[p]);
+      f.length && i.setCheckboxRow(f, a);
+    }
+    const c = i.getCheckboxRecords().concat(i.getCheckboxReserveRecords()), h = Ze(t.option);
+    h && e(
       "update:selectedKeys",
-      $.map((S) => S[b])
+      c.map((p) => p[h])
     );
   }, radioChangeEvent: ({ row: i }) => {
-    const a = [i], c = Ee(o.option);
-    c && t(
+    const a = [i], u = Ze(t.option);
+    u && e(
       "update:selectedKeys",
-      a.map((u) => u[c])
+      a.map((l) => l[u])
     );
   } };
 }
-const P = V(/* @__PURE__ */ Object.create({}));
-function Qe(o) {
-  const t = {
-    ...o,
-    ref: (e) => {
-      e && (P.value = e);
+const I = U(/* @__PURE__ */ Object.create({}));
+function St(t) {
+  const e = {
+    ...t,
+    ref: (o) => {
+      o && (I.value = o);
     }
   };
   return {
-    tableOption: t,
-    $grid: P,
+    tableOption: e,
+    $grid: I,
     $gridTwo: {
       getRowKey() {
-        return Ee(o);
+        return Ze(t);
       },
-      getRowIndex(e) {
-        return P.value.getRowIndex(e);
+      getRowIndex(o) {
+        return I.value.getRowIndex(o);
       },
-      getRowSeq(e) {
-        return P.value.getRowSeq(e);
+      getRowSeq(o) {
+        return I.value.getRowSeq(o);
       },
       getTableData() {
-        var e, n;
-        return P.value ? (n = (e = P.value) == null ? void 0 : e.getTableData().fullData) != null ? n : [] : [];
+        var o, s;
+        return I.value ? (s = (o = I.value) == null ? void 0 : o.getTableData().fullData) != null ? s : [] : [];
       },
       getSelection() {
-        return P.value ? t.selectedType === "checkbox" ? P.value.getCheckboxRecords() : t.selectedType === "radio" ? [P.value.getRadioRecord()] : [] : [];
+        return I.value ? e.selectedType === "checkbox" ? I.value.getCheckboxRecords() : e.selectedType === "radio" ? [I.value.getRadioRecord()] : [] : [];
       },
       getReserveSelection() {
-        if (P.value) {
-          if (t.selectedType === "checkbox") {
-            const e = P.value.getCheckboxRecords();
-            return o.reserve ? e.concat(P.value.getCheckboxReserveRecords()) : e;
+        if (I.value) {
+          if (e.selectedType === "checkbox") {
+            const o = I.value.getCheckboxRecords();
+            return t.reserve ? o.concat(I.value.getCheckboxReserveRecords()) : o;
           }
-          if (t.selectedType === "radio") {
-            let e = P.value.getRadioRecord();
-            return o.reserve && !e && (e = P.value.getRadioReserveRecord()), e ? [e] : [];
+          if (e.selectedType === "radio") {
+            let o = I.value.getRadioRecord();
+            return t.reserve && !o && (o = I.value.getRadioReserveRecord()), o ? [o] : [];
           }
           return [];
         }
         return [];
       },
-      getCheckboxKeySelection(e) {
-        const n = o.checkboxKey;
-        return e || (e = this.getSelection().map((a) => a[n])), this.getTableData().filter((a) => e && e.includes(a[n]));
+      getCheckboxKeySelection(o) {
+        const s = t.checkboxKey;
+        return o || (o = this.getSelection().map((a) => a[s])), this.getTableData().filter((a) => o && o.includes(a[s]));
       },
       clearSelection() {
-        P.value && (t.selectedType === "checkbox" && (o.reserve && P.value.clearCheckboxReserve(), P.value.clearCheckboxRow()), t.selectedType === "radio" && (o.reserve && P.value.clearRadioReserve(), P.value.clearRadioRow()));
+        I.value && (e.selectedType === "checkbox" && (t.reserve && I.value.clearCheckboxReserve(), I.value.clearCheckboxRow()), e.selectedType === "radio" && (t.reserve && I.value.clearRadioReserve(), I.value.clearRadioRow()));
       },
-      insertRow(e, n, i = !0) {
-        var u;
+      insertRow(o, s, i = !0) {
+        var l;
         const a = this.getRowKey();
-        if (n && typeof n == "object" && i) {
-          const C = P.value.getRowIndex(n);
-          C >= 0 && (n = (u = this.getTableData()[C + 1]) != null ? u : -1);
+        if (s && typeof s == "object" && i) {
+          const r = I.value.getRowIndex(s);
+          r >= 0 && (s = (l = this.getTableData()[r + 1]) != null ? l : -1);
         }
-        return e[a] && delete e[a], P.value.insertAt(e, n);
+        return o[a] && delete o[a], I.value.insertAt(o, s);
       },
       removeRows() {
-        P.value && (t.selectedType === "checkbox" && P.value.removeCheckboxRow(), t.selectedType === "radio" && P.value.removeRadioRow());
+        I.value && (e.selectedType === "checkbox" && I.value.removeCheckboxRow(), e.selectedType === "radio" && I.value.removeRadioRow());
       },
-      removerRowIndex(e) {
-        if (P.value) {
-          const n = this.getTableData();
-          n.splice(e, 1), P.value.reloadData(n);
+      removerRowIndex(o) {
+        if (I.value) {
+          const s = this.getTableData();
+          s.splice(o, 1), I.value.reloadData(s);
         }
       },
-      async checkRows(e = void 0) {
-        e = e != null ? e : this.getSelection();
-        let n = "";
-        const i = await P.value.validate(e);
+      async checkRows(o = void 0) {
+        o = o != null ? o : this.getSelection();
+        let s = "";
+        const i = await I.value.validate(o);
         return i && Object.values(i).forEach((a) => {
-          a.forEach(({ rowIndex: c, column: u, rules: C }) => {
-            C.forEach(($) => {
-              n = `\u5E8F\u53F7${c + 1} ${u.title} ${$.message}`;
+          a.forEach(({ rowIndex: u, column: l, rules: r }) => {
+            r.forEach((c) => {
+              s = `\u5E8F\u53F7${u + 1} ${l.title} ${c.message}`;
             });
           });
-        }), [n, e];
+        }), [s, o];
       }
     }
   };
 }
-const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__setting" }, Pt = {
+const ro = { class: "orchisky-vxe" }, co = { class: "u-card orchisky-vxe__setting" }, fo = {
   class: "u-card__hd",
   style: { height: "auto", padding: "4px 12px", "line-height": "28px" }
-}, zt = /* @__PURE__ */ y("span", { style: { "font-size": "14px" } }, "\u8BBE\u7F6E", -1), jt = {
+}, po = /* @__PURE__ */ O("span", { style: { "font-size": "14px" } }, "\u8BBE\u7F6E", -1), ho = {
   class: "u-card__floor",
   style: { padding: "0" }
-}, Tt = { class: "orchisky-vxe__draggable" }, Et = { class: "orchisky-vxe__draggable-item" }, Dt = {
+}, _o = { class: "orchisky-vxe__draggable" }, go = { class: "orchisky-vxe__draggable-item" }, mo = {
   key: 0,
   class: "u-flex"
-}, At = ["title"], Mt = { style: { padding: "0 0.75em" } }, Bt = {
+}, vo = ["title"], yo = { style: { padding: "0 0.75em" } }, bo = {
   key: 1,
   class: "orchisky-vxe__draggable-moving"
-}, Ft = {
+}, wo = {
   class: "u-card__floor u-flex",
   style: { padding: "6px 12px" }
-}, Kt = {
+}, xo = {
   key: 0,
   class: "not-light-text"
-}, Vt = {
+}, Co = {
   key: 1,
   class: "orchisky-vxe__pagination"
-}, It = { class: "u-flex u-flex--start" }, Ut = { class: "u-flex__item" }, Wt = { style: { width: "500px" } }, Nt = /* @__PURE__ */ E({
+}, Eo = { class: "u-flex u-flex--start" }, ko = { class: "u-flex__item" }, Do = { style: { width: "500px" } }, So = /* @__PURE__ */ N({
   __name: "table",
   props: {
     title: String,
@@ -164,234 +163,234 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
     hook: Object
   },
   emits: ["update:selectedKeys", "cellClick", "onReset", "change", "confirm"],
-  setup(o, { expose: t, emit: l }) {
-    var Ue;
-    const e = o, n = l;
-    function i(s, h) {
-      return (O) => {
-        typeof O == "object" ? Object.keys(O).forEach((w) => {
-          s[w] = O[w];
-        }) : s[h] = O;
+  setup(t, { expose: e, emit: n }) {
+    var ft;
+    const o = t, s = n;
+    function i(m, D) {
+      return (W) => {
+        typeof W == "object" ? Object.keys(W).forEach((A) => {
+          m[A] = W[A];
+        }) : m[D] = W;
       };
     }
-    const a = B(() => {
-      var s, h;
-      return (h = (s = e.option) == null ? void 0 : s.pageSize) != null ? h : 50;
-    }), c = B(() => {
-      var s, h;
-      return (h = (s = e.option) == null ? void 0 : s.pageSizeOptions) != null ? h : [10, 20, 50, 100, 200];
-    }), u = V({ page: 1, size: a.value }), { disabledList: C, selectChangeEvent: $, radioChangeEvent: b } = St(e, n), { $grid: S, $gridTwo: _ } = Qe(e.option);
-    function v(s) {
-      n("cellClick", s);
-    }
-    function k(s, h, O) {
-      var G, X;
-      const w = (G = s[h]) != null ? G : {}, A = (X = s[h - 1]) != null ? X : {};
-      return ["string", "number"].includes(typeof w[O]) ? e.option.skinRow && typeof e.option.skinRow == "string" ? w[e.option.skinRow] === A[e.option.skinRow] && w[O] === A[O] : w[O] === A[O] : !1;
-    }
-    function j(s, h, O) {
-      let w = {};
+    const a = P(() => {
+      var m, D;
+      return (D = (m = o.option) == null ? void 0 : m.pageSize) != null ? D : 50;
+    }), u = P(() => {
+      var m, D;
+      return (D = (m = o.option) == null ? void 0 : m.pageSizeOptions) != null ? D : [10, 20, 50, 100, 200];
+    }), l = U({ page: 1, size: a.value }), { disabledList: r, selectChangeEvent: c, radioChangeEvent: h } = lo(o, s), { $grid: p, $gridTwo: f } = St(o.option);
+    function F(m) {
+      s("cellClick", m);
+    }
+    function z(m, D, W) {
+      var de, pe;
+      const A = (de = m[D]) != null ? de : {}, Q = (pe = m[D - 1]) != null ? pe : {};
+      return ["string", "number"].includes(typeof A[W]) ? o.option.skinRow && typeof o.option.skinRow == "string" ? A[o.option.skinRow] === Q[o.option.skinRow] && A[W] === Q[W] : A[W] === Q[W] : !1;
+    }
+    function H(m, D, W) {
+      let A = {};
       try {
-        w = h > 0 && !k(s, h, O) && e.option.skinRow && s[h][String(e.option.skinRow)] === s[h - 1][String(e.option.skinRow)] ? e.option.skinRowStyle : {};
+        A = D > 0 && !z(m, D, W) && o.option.skinRow && m[D][String(o.option.skinRow)] === m[D - 1][String(o.option.skinRow)] ? o.option.skinRowStyle : {};
       } catch {
       }
-      return w;
-    }
-    const z = V([]);
-    function L() {
-      const s = [...e.option.columns], h = e.option.resolveColumns && Y(e.option.resolveColumns) ? e.option.resolveColumns(s) : s;
-      return Object.assign([], h).filter((w) => Boolean(w)).map((w) => {
-        var A;
-        return w.show = (A = w.show) != null ? A : !0, w.tooltip && (w.ellipsis = !0), w;
+      return A;
+    }
+    const G = U([]);
+    function fe() {
+      const m = [...o.option.columns], D = o.option.resolveColumns && he(o.option.resolveColumns) ? o.option.resolveColumns(m) : m;
+      return Object.assign([], D).filter((A) => Boolean(A)).map((A) => {
+        var Q;
+        return A.show = (Q = A.show) != null ? Q : !0, A.tooltip && (A.ellipsis = !0), A;
       });
     }
-    const J = B(() => {
-      const s = L(), h = Object.assign([], z.value);
+    const T = P(() => {
+      const m = fe(), D = Object.assign([], G.value);
       return [
         ...new Set(
-          [...h].map((w) => w.dataIndex).filter((w) => s.find((A) => A.dataIndex === w)).concat([...s].map((w) => w.dataIndex)).filter((w) => !!w)
+          [...D].map((A) => A.dataIndex).filter((A) => m.find((Q) => Q.dataIndex === A)).concat([...m].map((A) => A.dataIndex)).filter((A) => !!A)
         )
-      ].map((w) => {
-        var X;
-        const A = s.find((le) => le.dataIndex === w), G = (X = h.find((le) => le.dataIndex === w)) != null ? X : /* @__PURE__ */ Object.create({});
-        return { ...A, ...G };
+      ].map((A) => {
+        var pe;
+        const Q = m.find((ge) => ge.dataIndex === A), de = (pe = D.find((ge) => ge.dataIndex === A)) != null ? pe : /* @__PURE__ */ Object.create({});
+        return { ...Q, ...de };
       });
-    }), ge = B(() => e.option.resolvePage && Y(e.option.resolvePage) ? e.option.resolvePage(u.value) : e.option.resolvePage), ce = B(() => Boolean(e.option.url)), Z = V(!1), de = V(!1), W = V(0), N = yt((Ue = e.data) != null ? Ue : []), ve = new AbortController();
-    function Ke() {
-      if (!e.option.useErrData)
+    }), E = P(() => o.option.resolvePage && he(o.option.resolvePage) ? o.option.resolvePage(l.value) : o.option.resolvePage), $ = P(() => Boolean(o.option.url)), j = U(!1), x = U(!1), oe = U(0), Z = Jt((ft = o.data) != null ? ft : []), C = new AbortController();
+    function b() {
+      if (!o.option.useErrData)
         throw new Error("useErrData is required");
-      let s = /* @__PURE__ */ Object.create({});
-      ge.value ? Y(e.option.resolvePage) ? s = { ...ge.value } : s = { page: u.value } : s = {};
-      const h = {
-        [String(e.option.method).toUpperCase() === "GET" ? "params" : "data"]: { ...s, ...e.option.data }
-      }, O = { url: e.option.url, method: e.option.method, ...h, signal: ve.signal };
-      return e.option.timeout && (O.timeout = e.option.timeout), e.option.useErrData(O);
-    }
-    const me = B({
-      get: () => e.selectedKeys,
-      set: (s) => {
-        n("update:selectedKeys", s);
+      let m = /* @__PURE__ */ Object.create({});
+      E.value ? he(o.option.resolvePage) ? m = { ...E.value } : m = { page: l.value } : m = {};
+      const D = {
+        [String(o.option.method).toUpperCase() === "GET" ? "params" : "data"]: { ...m, ...o.option.data }
+      }, W = { url: o.option.url, method: o.option.method, ...D, signal: C.signal };
+      return o.option.timeout && (W.timeout = o.option.timeout), o.option.useErrData(W);
+    }
+    const R = P({
+      get: () => o.selectedKeys,
+      set: (m) => {
+        s("update:selectedKeys", m);
       }
     });
-    function Se(s = !0) {
-      Z.value = s;
-    }
-    const ue = async () => {
-      var s, h, O, w, A, G, X;
-      if (ce.value) {
-        Se(!0);
-        const [le, U] = await Ke();
-        if (Se(!1), le)
-          Y(e.option.error) && ((X = (G = e.option).error) == null || X.call(G, U));
+    function L(m = !0) {
+      j.value = m;
+    }
+    const ie = async () => {
+      var m, D, W, A, Q, de, pe;
+      if ($.value) {
+        L(!0);
+        const [ge, ae] = await b();
+        if (L(!1), ge)
+          he(o.option.error) && ((pe = (de = o.option).error) == null || pe.call(de, ae));
         else {
-          const ye = e.option.resolveData && Y(e.option.resolveData) ? e.option.resolveData(U, { ...u.value }) : (h = (s = U == null ? void 0 : U.rows) != null ? s : U) != null ? h : [];
-          if (Object.prototype.toString.call(ye).slice(8, -1) !== "Array")
+          const Ne = o.option.resolveData && he(o.option.resolveData) ? o.option.resolveData(ae, { ...l.value }) : (D = (m = ae == null ? void 0 : ae.rows) != null ? m : ae) != null ? D : [];
+          if (Object.prototype.toString.call(Ne).slice(8, -1) !== "Array")
             throw new Error("[orchisky-vxe] :Not in Array format data ");
-          N.value = ye, W.value = e.option.resolveTotal && Y(e.option.resolveTotal) ? e.option.resolveTotal(U) : (O = U == null ? void 0 : U.total) != null ? O : 0, Y(e.option.success) && ((A = (w = e.option).success) == null || A.call(w, U));
+          Z.value = Ne, oe.value = o.option.resolveTotal && he(o.option.resolveTotal) ? o.option.resolveTotal(ae) : (W = ae == null ? void 0 : ae.total) != null ? W : 0, he(o.option.success) && ((Q = (A = o.option).success) == null || Q.call(A, ae));
         }
       }
     };
-    async function it() {
-      Z.value || (n("onReset"), await ue());
+    async function De() {
+      j.value || (s("onReset"), await ie());
     }
-    function Ve(s, h = !1) {
-      s && (u.value.page = s), (!e.option.reserve || h) && (me.value = [], _.clearSelection()), ue();
+    function K(m, D = !1) {
+      m && (l.value.page = m), (!o.option.reserve || D) && (R.value = [], f.clearSelection()), ie();
     }
-    async function at(s) {
-      u.value.size = s, Ve(1, !0);
+    async function re(m) {
+      l.value.size = m, K(1, !0);
     }
-    const ne = V(/* @__PURE__ */ Object.create({})), H = V({
+    const V = U(/* @__PURE__ */ Object.create({})), ce = U({
       loading: !1,
       columns: [],
       tempWidth: /* @__PURE__ */ Object.create({})
     });
-    async function st() {
-      var s;
-      if (typeof ((s = e.hook) == null ? void 0 : s.getColumn) == "function") {
-        const [h, O] = await e.hook.getColumn();
-        !h && O && (z.value = O);
+    async function Rt() {
+      var m;
+      if (typeof ((m = o.hook) == null ? void 0 : m.getColumn) == "function") {
+        const [D, W] = await o.hook.getColumn();
+        !D && W && (G.value = W);
       }
     }
-    st();
-    const Ie = (s = !1) => {
-      !ne.value || (s ? ne.value.togglePanel() : ne.value.showPanel(), H.value.columns = Object.assign([], [...J.value]).map((h) => {
-        const O = H.value.tempWidth[h.dataIndex];
-        return O && (h.width = O), h;
+    Rt();
+    const dt = (m = !1) => {
+      !V.value || (m ? V.value.togglePanel() : V.value.showPanel(), ce.value.columns = Object.assign([], [...T.value]).map((D) => {
+        const W = ce.value.tempWidth[D.dataIndex];
+        return W && (D.width = W), D;
       }));
-    }, Re = () => {
-      !ne.value || ne.value.hidePanel();
+    }, Ve = () => {
+      !V.value || V.value.hidePanel();
     };
-    function rt() {
-      H.value.loading = !0, z.value = [], H.value.tempWidth = /* @__PURE__ */ Object.create({}), H.value.columns = L(), Ie(), setTimeout(() => {
-        H.value.loading = !1;
+    function zt() {
+      ce.value.loading = !0, G.value = [], ce.value.tempWidth = /* @__PURE__ */ Object.create({}), ce.value.columns = fe(), dt(), setTimeout(() => {
+        ce.value.loading = !1;
       }, 500);
     }
-    function ct(s) {
-      let h = s.column.property;
-      !h && s.column.type === "seq" && (h = "index"), h && s.column.resizeWidth > 0 && (H.value.tempWidth[h] = s.column.resizeWidth, Re());
+    function Wt(m) {
+      let D = m.column.property;
+      !D && m.column.type === "seq" && (D = "index"), D && m.column.resizeWidth > 0 && (ce.value.tempWidth[D] = m.column.resizeWidth, Ve());
     }
-    const dt = () => {
-      var s;
-      !ne.value || (z.value = H.value.columns, n("confirm", J.value), typeof ((s = e.hook) == null ? void 0 : s.setColumn) == "function" && e.hook.setColumn(J.value), H.value.tempWidth = /* @__PURE__ */ Object.create({}), Re());
+    const It = () => {
+      var m;
+      !V.value || (G.value = ce.value.columns, s("confirm", T.value), typeof ((m = o.hook) == null ? void 0 : m.setColumn) == "function" && o.hook.setColumn(T.value), ce.value.tempWidth = /* @__PURE__ */ Object.create({}), Ve());
     };
-    return e.option.firstLoad !== !1 && ue(), bt(
-      () => e.option.firstLoad,
-      (s) => {
-        s === !0 && ue();
+    return o.option.firstLoad !== !1 && ie(), nt(
+      () => o.option.firstLoad,
+      (m) => {
+        m === !0 && ie();
       }
-    ), wt(() => {
-      ve.abort();
-    }), t({
-      loading: Z,
-      setLoading: Se,
-      dataInit(s) {
-        return s !== !1 && (u.value.page = 1), me.value = [], _.clearSelection(), ue();
+    ), Gt(() => {
+      C.abort();
+    }), e({
+      loading: j,
+      setLoading: L,
+      dataInit(m) {
+        return m !== !1 && (l.value.page = 1), R.value = [], f.clearSelection(), ie();
       },
-      loadData(s) {
-        S.value && (S.value.reloadData(s), N.value = s);
+      loadData(m) {
+        p.value && (p.value.reloadData(m), Z.value = m);
       },
-      ..._
-    }), (s, h) => {
-      var qe;
-      const O = m("a-switch"), w = m("a-tooltip"), A = m("icon-refresh"), G = m("a-button"), X = m("icon-settings"), le = m("icon-drag-dot-vertical"), U = m("a-checkbox");
-      m("a-input-number");
-      const ye = m("a-divider"), We = m("vxe-button"), ut = m("vxe-pulldown"), Ne = m("a-space"), pt = m("vxe-toolbar"), be = m("vxe-column"), ft = m("a-empty"), _t = m("a-spin"), ht = m("vxe-table"), gt = m("a-pagination");
-      return r(), x("div", Rt, [
-        e.hideToolbar ? D("", !0) : (r(), R(pt, {
+      ...f
+    }), (m, D) => {
+      var _t;
+      const W = y("a-switch"), A = y("a-tooltip"), Q = y("icon-refresh"), de = y("a-button"), pe = y("icon-settings"), ge = y("icon-drag-dot-vertical"), ae = y("a-checkbox");
+      y("a-input-number");
+      const Ne = y("a-divider"), pt = y("vxe-button"), Vt = y("vxe-pulldown"), ht = y("a-space"), Lt = y("vxe-toolbar"), Re = y("vxe-column"), Ut = y("a-empty"), Ht = y("a-spin"), qt = y("vxe-table"), Kt = y("a-pagination");
+      return d(), S("div", ro, [
+        o.hideToolbar ? M("", !0) : (d(), B(Lt, {
           key: 0,
           size: "mini",
           "class-name": "orchisky-vxe__toolbar"
         }, {
-          buttons: f(() => [
-            ae(s.$slots, "default", {}, () => [
-              y("div", null, M(e.title), 1)
+          buttons: g(() => [
+            ve(m.$slots, "default", {}, () => [
+              O("div", null, Y(o.title), 1)
             ])
           ]),
-          tools: f(() => [
-            p(Ne, { size: "small" }, {
-              default: f(() => [
-                ae(s.$slots, "tools"),
-                p(w, {
+          tools: g(() => [
+            _(ht, { size: "small" }, {
+              default: g(() => [
+                ve(m.$slots, "tools"),
+                _(A, {
                   content: "\u8868\u683C\u6591\u9A6C\u7EB9",
                   mini: ""
                 }, {
-                  default: f(() => [
-                    p(O, {
-                      modelValue: de.value,
-                      "onUpdate:modelValue": h[0] || (h[0] = (F) => de.value = F),
+                  default: g(() => [
+                    _(W, {
+                      modelValue: x.value,
+                      "onUpdate:modelValue": D[0] || (D[0] = (ee) => x.value = ee),
                       size: "small"
                     }, {
-                      checked: f(() => [
-                        q(" \u5F00 ")
+                      checked: g(() => [
+                        le(" \u5F00 ")
                       ]),
-                      unchecked: f(() => [
-                        q(" \u5173 ")
+                      unchecked: g(() => [
+                        le(" \u5173 ")
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
-                p(w, {
+                _(A, {
                   content: "\u5237\u65B0",
                   mini: ""
                 }, {
-                  default: f(() => [
-                    p(G, {
-                      loading: Z.value,
+                  default: g(() => [
+                    _(de, {
+                      loading: j.value,
                       size: "small",
                       class: "arco-btn-light",
                       style: { border: "0" },
-                      onClick: h[1] || (h[1] = (F) => it())
+                      onClick: D[1] || (D[1] = (ee) => De())
                     }, {
-                      icon: f(() => [
-                        p(A, { size: 16 })
+                      icon: g(() => [
+                        _(Q, { size: 16 })
                       ]),
                       _: 1
                     }, 8, ["loading"])
                   ]),
                   _: 1
                 }),
-                p(ut, {
+                _(Vt, {
                   ref_key: "settingRef",
-                  ref: ne,
+                  ref: V,
                   transfer: ""
                 }, {
-                  default: f(() => [
-                    p(w, {
+                  default: g(() => [
+                    _(A, {
                       content: "\u8BBE\u7F6E",
                       mini: ""
                     }, {
-                      default: f(() => [
-                        p(G, {
+                      default: g(() => [
+                        _(de, {
                           size: "small",
                           class: "arco-btn-light",
                           style: { border: "0" }
                         }, {
-                          icon: f(() => [
-                            p(X, {
+                          icon: g(() => [
+                            _(pe, {
                               size: 16,
-                              onClick: h[2] || (h[2] = (F) => Ie(!0))
+                              onClick: D[2] || (D[2] = (ee) => dt(!0))
                             })
                           ]),
                           _: 1
@@ -400,24 +399,24 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
                       _: 1
                     })
                   ]),
-                  dropdown: f(() => [
-                    y("div", Ot, [
-                      y("div", Pt, [
-                        zt,
-                        p(w, {
+                  dropdown: g(() => [
+                    O("div", co, [
+                      O("div", fo, [
+                        po,
+                        _(A, {
                           content: "\u91CD\u7F6E",
                           mini: ""
                         }, {
-                          default: f(() => [
-                            p(G, {
+                          default: g(() => [
+                            _(de, {
                               size: "small",
                               class: "arco-btn-light",
                               style: { border: "0" },
-                              loading: H.value.loading,
-                              onClick: h[3] || (h[3] = (F) => rt())
+                              loading: ce.value.loading,
+                              onClick: D[3] || (D[3] = (ee) => zt())
                             }, {
-                              icon: f(() => [
-                                p(A)
+                              icon: g(() => [
+                                _(Q)
                               ]),
                               _: 1
                             }, 8, ["loading"])
@@ -425,10 +424,10 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
                           _: 1
                         })
                       ]),
-                      y("div", jt, [
-                        y("div", Tt, [
-                          p(g(Ce), {
-                            list: H.value.columns,
+                      O("div", ho, [
+                        O("div", _o, [
+                          _(v(Pe), {
+                            list: ce.value.columns,
                             style: { "user-select": "none" },
                             class: "orchisky-vxe__draggable-list",
                             group: "toolsGroup",
@@ -439,23 +438,23 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
                             "item-key": "id",
                             handle: ".orchisky-vxe__draggable-moving"
                           }, {
-                            item: f(({ element: F }) => [
-                              y("div", Et, [
-                                F.title ? (r(), x("div", Dt, [
-                                  p(le, { class: "orchisky-vxe__draggable-moving" }),
-                                  p(U, {
-                                    modelValue: F.show,
-                                    "onUpdate:modelValue": (we) => F.show = we
+                            item: g(({ element: ee }) => [
+                              O("div", go, [
+                                ee.title ? (d(), S("div", mo, [
+                                  _(ge, { class: "orchisky-vxe__draggable-moving" }),
+                                  _(ae, {
+                                    modelValue: ee.show,
+                                    "onUpdate:modelValue": (ze) => ee.show = ze
                                   }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                                  y("label", {
+                                  O("label", {
                                     class: "u-flex__item u-clamp",
-                                    title: F.title
+                                    title: ee.title
                                   }, [
-                                    y("span", Mt, M(F.title), 1)
-                                  ], 8, At),
-                                  D("", !0)
-                                ])) : (r(), x("div", Bt, [
-                                  p(ye, {
+                                    O("span", yo, Y(ee.title), 1)
+                                  ], 8, vo),
+                                  M("", !0)
+                                ])) : (d(), S("div", bo, [
+                                  _(Ne, {
                                     margin: 6,
                                     type: "dashed"
                                   })
@@ -466,28 +465,28 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
                           }, 8, ["list"])
                         ])
                       ]),
-                      y("div", Ft, [
-                        p(We, {
+                      O("div", wo, [
+                        _(pt, {
                           size: "mini",
                           class: "u-flex__item",
                           type: "text",
                           status: "info",
-                          onClick: h[4] || (h[4] = (F) => Re())
+                          onClick: D[4] || (D[4] = (ee) => Ve())
                         }, {
-                          default: f(() => [
-                            q("\u53D6\u6D88")
+                          default: g(() => [
+                            le("\u53D6\u6D88")
                           ]),
                           _: 1
                         }),
-                        p(We, {
+                        _(pt, {
                           size: "mini",
                           class: "u-flex__item",
                           type: "text",
                           status: "primary",
-                          onClick: h[5] || (h[5] = (F) => dt())
+                          onClick: D[5] || (D[5] = (ee) => It())
                         }, {
-                          default: f(() => [
-                            q("\u786E\u8BA4")
+                          default: g(() => [
+                            le("\u786E\u8BA4")
                           ]),
                           _: 1
                         })
@@ -502,150 +501,150 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
           ]),
           _: 3
         })),
-        p(ht, {
-          ref: e.option.ref,
-          data: N.value,
-          height: e.height,
-          stripe: de.value,
+        _(qt, {
+          ref: o.option.ref,
+          data: Z.value,
+          height: o.height,
+          stripe: x.value,
           "keep-source": !1,
           "edit-config": { trigger: "click", mode: "row", showIcon: !1, autoClear: !1, showStatus: !1 },
           "column-config": { isCurrent: !1, resizable: !0 },
-          "row-config": { isHover: !0, isCurrent: !1, keyField: e.option.rowKey },
-          "show-overflow": e.option.tooltip || "tooltip",
-          "show-header-overflow": e.option.tooltip || "tooltip",
-          size: e.size,
-          loading: Z.value,
-          "radio-config": g(C),
-          "checkbox-config": { ...g(C), checkField: e.option.checkKey },
-          "header-cell-style": e.option.headerStyle,
-          "show-footer": g(Y)(e.option.footerMethod),
-          "footer-method": e.option.footerMethod,
-          "footer-cell-style": e.option.footerStyle,
-          "merge-footer-items": e.option.mergeFooter,
-          "show-footer-overflow": (qe = e.option) == null ? void 0 : qe.footerTooltip,
-          "filter-config": e.option.filterConfig,
-          "edit-rules": e.option.rules,
-          "scroll-y": e.option.scrollY,
-          "scroll-x": e.option.scrollX,
-          onCheckboxChange: g($),
-          onCheckboxAll: g($),
-          onRadioChange: g(b),
-          onResizableChange: ct,
-          onCellClick: v
+          "row-config": { isHover: !0, isCurrent: !1, keyField: o.option.rowKey },
+          "show-overflow": o.option.tooltip || "tooltip",
+          "show-header-overflow": o.option.tooltip || "tooltip",
+          size: o.size,
+          loading: j.value,
+          "radio-config": v(r),
+          "checkbox-config": { ...v(r), checkField: o.option.checkKey },
+          "header-cell-style": o.option.headerStyle,
+          "show-footer": v(he)(o.option.footerMethod),
+          "footer-method": o.option.footerMethod,
+          "footer-cell-style": o.option.footerStyle,
+          "merge-footer-items": o.option.mergeFooter,
+          "show-footer-overflow": (_t = o.option) == null ? void 0 : _t.footerTooltip,
+          "filter-config": o.option.filterConfig,
+          "edit-rules": o.option.rules,
+          "scroll-y": o.option.scrollY,
+          "scroll-x": o.option.scrollX,
+          onCheckboxChange: v(c),
+          onCheckboxAll: v(c),
+          onRadioChange: v(h),
+          onResizableChange: Wt,
+          onCellClick: F
         }, {
-          empty: f(() => [
-            p(ft)
+          empty: g(() => [
+            _(Ut)
           ]),
-          loading: f(() => [
-            p(_t)
+          loading: g(() => [
+            _(Ht)
           ]),
-          default: f(() => {
-            var F, we;
+          default: g(() => {
+            var ee, ze;
             return [
-              ["checkbox"].includes((F = e.option.selectedType) != null ? F : "") ? (r(), R(be, {
+              ["checkbox"].includes((ee = o.option.selectedType) != null ? ee : "") ? (d(), B(Re, {
                 key: 0,
                 type: "checkbox",
                 width: "30",
                 fixed: "left"
-              })) : ["radio"].includes((we = e.option.selectedType) != null ? we : "") ? (r(), R(be, {
+              })) : ["radio"].includes((ze = o.option.selectedType) != null ? ze : "") ? (d(), B(Re, {
                 key: 1,
                 type: "radio",
                 width: "30",
                 fixed: "left"
-              })) : D("", !0),
-              (r(!0), x(I, null, oe(J.value.filter((d) => d.show), (d, vt) => (r(), x(I, { key: vt }, [
-                ["index"].includes(d.dataIndex) ? (r(), R(be, {
+              })) : M("", !0),
+              (d(!0), S(X, null, _e(T.value.filter((w) => w.show), (w, Yt) => (d(), S(X, { key: Yt }, [
+                ["index"].includes(w.dataIndex) ? (d(), B(Re, {
                   key: 0,
                   type: "seq",
-                  field: d.dataIndex,
-                  width: d.width,
-                  title: d.title,
-                  sortable: d.sort,
-                  "header-align": d.headerAlign,
-                  "footer-align": d.footerAlign,
-                  align: d.align,
-                  "show-header-overflow": d.tooltip,
-                  "show-overflow": d.tooltip,
-                  fixed: d.fixed,
-                  "title-prefix": d.help,
-                  filters: d.filters,
-                  "filter-multiple": d.filterMultiple,
-                  "filter-method": d.filterMethod
-                }, null, 8, ["field", "width", "title", "sortable", "header-align", "footer-align", "align", "show-header-overflow", "show-overflow", "fixed", "title-prefix", "filters", "filter-multiple", "filter-method"])) : (r(), R(be, {
+                  field: w.dataIndex,
+                  width: w.width,
+                  title: w.title,
+                  sortable: w.sort,
+                  "header-align": w.headerAlign,
+                  "footer-align": w.footerAlign,
+                  align: w.align,
+                  "show-header-overflow": w.tooltip,
+                  "show-overflow": w.tooltip,
+                  fixed: w.fixed,
+                  "title-prefix": w.help,
+                  filters: w.filters,
+                  "filter-multiple": w.filterMultiple,
+                  "filter-method": w.filterMethod
+                }, null, 8, ["field", "width", "title", "sortable", "header-align", "footer-align", "align", "show-header-overflow", "show-overflow", "fixed", "title-prefix", "filters", "filter-multiple", "filter-method"])) : (d(), B(Re, {
                   key: 1,
-                  field: d.dataIndex,
-                  width: d.width,
-                  title: d.title,
-                  sortable: d.sort,
-                  "header-align": d.headerAlign,
-                  "footer-align": d.footerAlign,
-                  align: d.align,
-                  "show-header-overflow": d.tooltip,
-                  "show-overflow": d.tooltip,
-                  fixed: d.fixed,
-                  "title-prefix": d.help,
-                  filters: d.filters,
-                  "filter-multiple": d.filterMultiple,
-                  "filter-method": d.filterMethod,
-                  "edit-render": { enabled: Boolean(d.cell), placeholder: d.placeholder }
-                }, xt({ _: 2 }, [
-                  d.cell ? {
+                  field: w.dataIndex,
+                  width: w.width,
+                  title: w.title,
+                  sortable: w.sort,
+                  "header-align": w.headerAlign,
+                  "footer-align": w.footerAlign,
+                  align: w.align,
+                  "show-header-overflow": w.tooltip,
+                  "show-overflow": w.tooltip,
+                  fixed: w.fixed,
+                  "title-prefix": w.help,
+                  filters: w.filters,
+                  "filter-multiple": w.filterMultiple,
+                  "filter-method": w.filterMethod,
+                  "edit-render": { enabled: Boolean(w.cell), placeholder: w.placeholder }
+                }, Qt({ _: 2 }, [
+                  w.cell ? {
                     name: "edit",
-                    fn: f(({ row: T, rowIndex: ie, columnIndex: Oe }) => [
-                      ae(s.$slots, "cell", {
-                        record: T,
-                        dataIndex: d.dataIndex,
-                        rowIndex: ie,
-                        columnIndex: Oe,
-                        value: T[d.dataIndex],
-                        updateValue: i(T, d.dataIndex),
-                        formatValue: g(re)(T, d)
+                    fn: g(({ row: q, rowIndex: me, columnIndex: Le }) => [
+                      ve(m.$slots, "cell", {
+                        record: q,
+                        dataIndex: w.dataIndex,
+                        rowIndex: me,
+                        columnIndex: Le,
+                        value: q[w.dataIndex],
+                        updateValue: i(q, w.dataIndex),
+                        formatValue: v(Ce)(q, w)
                       }, () => [
-                        Le(d.cell) ? (r(), R(xe(d.cell), {
+                        gt(w.cell) ? (d(), B(Be(w.cell), {
                           key: 0,
-                          record: T
-                        }, null, 8, ["record"])) : (r(), x("span", {
+                          record: q
+                        }, null, 8, ["record"])) : (d(), S("span", {
                           key: 1,
-                          style: ee(g(ze)(T, d))
-                        }, M(g(re)(T, d)), 5))
+                          style: J(v(qe)(q, w))
+                        }, Y(v(Ce)(q, w)), 5))
                       ])
                     ]),
                     key: "0"
                   } : void 0,
-                  d.cell && d.div ? {
+                  w.cell && w.div ? {
                     name: "default",
-                    fn: f(({ row: T, rowIndex: ie, columnIndex: Oe }) => [
-                      ae(s.$slots, "cell", {
-                        record: T,
-                        dataIndex: d.dataIndex,
-                        rowIndex: ie,
-                        columnIndex: Oe,
-                        value: T[d.dataIndex],
-                        updateValue: i(T, d.dataIndex),
-                        formatValue: g(re)(T, d)
+                    fn: g(({ row: q, rowIndex: me, columnIndex: Le }) => [
+                      ve(m.$slots, "cell", {
+                        record: q,
+                        dataIndex: w.dataIndex,
+                        rowIndex: me,
+                        columnIndex: Le,
+                        value: q[w.dataIndex],
+                        updateValue: i(q, w.dataIndex),
+                        formatValue: v(Ce)(q, w)
                       }, () => [
-                        Le(d.cell) ? (r(), R(xe(d.cell), {
+                        gt(w.cell) ? (d(), B(Be(w.cell), {
                           key: 0,
-                          record: T
-                        }, null, 8, ["record"])) : (r(), x("span", {
+                          record: q
+                        }, null, 8, ["record"])) : (d(), S("span", {
                           key: 1,
-                          style: ee(g(ze)(T, d))
-                        }, M(g(re)(T, d)), 5))
+                          style: J(v(qe)(q, w))
+                        }, Y(v(Ce)(q, w)), 5))
                       ])
                     ]),
                     key: "1"
                   } : {
                     name: "default",
-                    fn: f(({ row: T, rowIndex: ie }) => [
-                      e.option.skinRow && !d.cell ? (r(), x(I, { key: 0 }, [
-                        ie > 0 && k(N.value, ie, d.dataIndex) && d.width ? (r(), x("span", Kt, M(e.option.skinRowText), 1)) : (r(), x("span", {
+                    fn: g(({ row: q, rowIndex: me }) => [
+                      o.option.skinRow && !w.cell ? (d(), S(X, { key: 0 }, [
+                        me > 0 && z(Z.value, me, w.dataIndex) && w.width ? (d(), S("span", xo, Y(o.option.skinRowText), 1)) : (d(), S("span", {
                           key: 1,
-                          style: ee(j(N.value, ie, d.dataIndex))
-                        }, M(g(re)(T, d)), 5))
-                      ], 64)) : (r(), x("span", {
+                          style: J(H(Z.value, me, w.dataIndex))
+                        }, Y(v(Ce)(q, w)), 5))
+                      ], 64)) : (d(), S("span", {
                         key: 1,
-                        style: ee(g(ze)(T, d))
-                      }, M(g(re)(T, d)), 5))
+                        style: J(v(qe)(q, w))
+                      }, Y(v(Ce)(q, w)), 5))
                     ]),
                     key: "2"
                   }
@@ -655,35 +654,35 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
           }),
           _: 3
         }, 8, ["data", "height", "stripe", "row-config", "show-overflow", "show-header-overflow", "size", "loading", "radio-config", "checkbox-config", "header-cell-style", "show-footer", "footer-method", "footer-cell-style", "merge-footer-items", "show-footer-overflow", "filter-config", "edit-rules", "scroll-y", "scroll-x", "onCheckboxChange", "onCheckboxAll", "onRadioChange"]),
-        ce.value && !e.hidePagination ? (r(), x("div", Vt, [
-          y("div", It, [
-            y("div", Ut, [
-              ae(s.$slots, "footer")
+        $.value && !o.hidePagination ? (d(), S("div", Co, [
+          O("div", Eo, [
+            O("div", ko, [
+              ve(m.$slots, "footer")
             ]),
-            y("div", Wt, [
-              p(Ne, {
+            O("div", Do, [
+              _(ht, {
                 fill: "",
                 direction: "vertical",
                 align: "end"
               }, {
-                default: f(() => [
-                  p(gt, {
-                    current: u.value.page,
-                    "default-page-size": u.value.size,
-                    total: W.value,
+                default: g(() => [
+                  _(Kt, {
+                    current: l.value.page,
+                    "default-page-size": l.value.size,
+                    total: oe.value,
                     "auto-adjust": !1,
-                    size: e.size,
+                    size: o.size,
                     "show-total": "",
                     "show-page-size": "",
-                    "page-size-options": c.value,
-                    onPageSizeChange: at,
-                    onChange: Ve
+                    "page-size-options": u.value,
+                    onPageSizeChange: re,
+                    onChange: K
                   }, {
-                    total: f(() => [
-                      me.value.length ? (r(), x(I, { key: 0 }, [
-                        q(" \u9009 " + M(me.value.length), 1)
-                      ], 64)) : D("", !0),
-                      q(" \u5171 " + M(W.value) + " \u6761 ", 1)
+                    total: g(() => [
+                      R.value.length ? (d(), S(X, { key: 0 }, [
+                        le(" \u9009 " + Y(R.value.length), 1)
+                      ], 64)) : M("", !0),
+                      le(" \u5171 " + Y(oe.value) + " \u6761 ", 1)
                     ]),
                     _: 1
                   }, 8, ["current", "default-page-size", "total", "size", "page-size-options"])
@@ -692,521 +691,1744 @@ const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__settin
               })
             ])
           ])
-        ])) : D("", !0)
+        ])) : M("", !0)
       ]);
     };
   }
 });
-const hn = {
-  tf: (o, t) => {
-    if (typeof o != "number")
-      return o;
-    if (typeof t != "number") {
-      const l = String(o).split(".");
-      l.length === 2 && (t = l[1].length);
-    }
-    return Pe.commafy(o, { digits: t });
+const Js = {
+  tf: (t, e) => {
+    if (typeof t != "number")
+      return t;
+    if (typeof e != "number") {
+      const n = String(t).split(".");
+      n.length === 2 && (e = n[1].length);
+    }
+    return He.commafy(t, { digits: e });
   },
-  t: (o) => Pe.toDateString(o, "yyyy-MM-dd"),
-  time: (o, t = "yyyy-MM-dd HH:mm:ss") => Pe.toDateString(o, t),
-  p: (o, t, l = "%") => typeof o != "number" ? o : (typeof t != "number" && (t = 2), (o * 100).toFixed(t) + l)
-}, gn = (o) => {
-  const t = V(/* @__PURE__ */ Object.create({})), l = V([]), { tableOption: e, $grid: n, $gridTwo: i } = Qe(o), a = {
+  t: (t) => He.toDateString(t, "yyyy-MM-dd"),
+  time: (t, e = "yyyy-MM-dd HH:mm:ss") => He.toDateString(t, e),
+  p: (t, e, n = "%") => typeof t != "number" ? t : (typeof e != "number" && (e = 2), (t * 100).toFixed(e) + n)
+}, Gs = (t) => {
+  const e = U(/* @__PURE__ */ Object.create({})), n = U([]), { tableOption: o, $grid: s, $gridTwo: i } = St(t), a = {
     rowKey: i.getRowKey(),
-    addKey(c) {
-      var $;
-      const C = i.getTableData()[c];
-      if (!C.disabled && n.value) {
-        const b = i.getRowKey();
-        if (e.selectedType === "checkbox") {
-          const S = n.value, { fullData: _ } = S.getTableData();
-          if (o.checkboxKey) {
-            const v = o.checkboxKey, k = _.filter((j) => j[v] && j[v] === C[v]);
-            k.length && S.setCheckboxRow(k, !0);
+    addKey(u) {
+      var c;
+      const r = i.getTableData()[u];
+      if (!r.disabled && s.value) {
+        const h = i.getRowKey();
+        if (o.selectedType === "checkbox") {
+          const p = s.value, { fullData: f } = p.getTableData();
+          if (t.checkboxKey) {
+            const F = t.checkboxKey, z = f.filter((H) => H[F] && H[F] === r[F]);
+            z.length && p.setCheckboxRow(z, !0);
           } else
-            n.value.setCheckboxRow(C, !0);
-          b && (l.value = (($ = n.value.getCheckboxRecords()) != null ? $ : []).map((v) => v[b]));
+            s.value.setCheckboxRow(r, !0);
+          h && (n.value = ((c = s.value.getCheckboxRecords()) != null ? c : []).map((F) => F[h]));
         }
-        e.selectedType === "radio" && (n.value.setRadioRow(C), n.value.getRadioRecord() && b && (l.value = [n.value.getRadioRecord()].map((S) => S[b])));
+        o.selectedType === "radio" && (s.value.setRadioRow(r), s.value.getRadioRecord() && h && (n.value = [s.value.getRadioRecord()].map((p) => p[h])));
       }
     },
-    setTableData(c) {
-      n.value && n.value.reloadData(c);
+    setTableData(u) {
+      s.value && s.value.reloadData(u);
     },
-    setTableRow(c, u, C) {
-      if (n.value) {
-        const $ = i.getTableData();
-        typeof u == "string" ? $[c][u] = C : Object.keys({ ...u }).forEach((b) => {
-          $[c][b] = u[b];
-        }), a.addKey(c), typeof o.footerMethod == "function" && n.value.updateFooter();
+    setTableRow(u, l, r) {
+      if (s.value) {
+        const c = i.getTableData();
+        typeof l == "string" ? c[u][l] = r : Object.keys({ ...l }).forEach((h) => {
+          c[u][h] = l[h];
+        }), a.addKey(u), typeof t.footerMethod == "function" && s.value.updateFooter();
       }
     }
   };
   return {
-    tableRef: t,
-    tableOptions: e,
+    tableRef: e,
+    tableOptions: o,
     tableUtils: {
       ...a,
       ...i
     },
-    $grid: n,
-    selectedKeys: l
+    $grid: s,
+    selectedKeys: n
+  };
+};
+var Fo = !1;
+function We(t, e, n) {
+  return Array.isArray(t) ? (t.length = Math.max(t.length, e), t.splice(e, 1, n), n) : (t[e] = n, n);
+}
+function Ke(t, e) {
+  if (Array.isArray(t)) {
+    t.splice(e, 1);
+    return;
+  }
+  delete t[e];
+}
+/*!
+ * pinia v2.1.7
+ * (c) 2023 Eduardo San Martin Morote
+ * @license MIT
+ */
+let $e;
+const Ie = (t) => $e = t, $o = process.env.NODE_ENV !== "production" ? Symbol("pinia") : Symbol();
+function be(t) {
+  return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
+}
+var Oe;
+(function(t) {
+  t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
+})(Oe || (Oe = {}));
+const at = typeof window < "u", Ye = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && at;
+function Ft(t, e) {
+  for (const n in e) {
+    const o = e[n];
+    if (!(n in t))
+      continue;
+    const s = t[n];
+    be(s) && be(o) && !Ae(o) && !st(o) ? t[n] = Ft(s, o) : t[n] = o;
+  }
+  return t;
+}
+const $t = () => {
+};
+function yt(t, e, n, o = $t) {
+  t.push(e);
+  const s = () => {
+    const i = t.indexOf(e);
+    i > -1 && (t.splice(i, 1), o());
+  };
+  return !n && io() && ao(s), s;
+}
+function Ee(t, ...e) {
+  t.slice().forEach((n) => {
+    n(...e);
+  });
+}
+const Oo = (t) => t();
+function et(t, e) {
+  t instanceof Map && e instanceof Map && e.forEach((n, o) => t.set(o, n)), t instanceof Set && e instanceof Set && e.forEach(t.add, t);
+  for (const n in e) {
+    if (!e.hasOwnProperty(n))
+      continue;
+    const o = e[n], s = t[n];
+    be(s) && be(o) && t.hasOwnProperty(n) && !Ae(o) && !st(o) ? t[n] = et(s, o) : t[n] = o;
+  }
+  return t;
+}
+const Bo = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : Symbol();
+function Ao(t) {
+  return !be(t) || !t.hasOwnProperty(Bo);
+}
+const { assign: ue } = Object;
+function bt(t) {
+  return !!(Ae(t) && t.effect);
+}
+function wt(t, e, n, o) {
+  const { state: s, actions: i, getters: a } = e, u = n.state.value[t];
+  let l;
+  function r() {
+    !u && (process.env.NODE_ENV === "production" || !o) && (n.state.value[t] = s ? s() : {});
+    const c = process.env.NODE_ENV !== "production" && o ? vt(U(s ? s() : {}).value) : vt(n.state.value[t]);
+    return ue(c, i, Object.keys(a || {}).reduce((h, p) => (process.env.NODE_ENV !== "production" && p in c && console.warn(`[\u{1F34D}]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${t}".`), h[p] = Fe(P(() => {
+      Ie(n);
+      const f = n._s.get(t);
+      return a[p].call(f, f);
+    })), h), {}));
+  }
+  return l = tt(t, r, e, n, o, !0), l;
+}
+function tt(t, e, n = {}, o, s, i) {
+  let a;
+  const u = ue({ actions: {} }, n);
+  if (process.env.NODE_ENV !== "production" && !o._e.active)
+    throw new Error("Pinia destroyed");
+  const l = {
+    deep: !0
   };
-}, K = Ct(), te = (o) => {
-  let t = [];
-  const l = JSON.stringify(o, (e, n) => {
-    if (typeof n == "object" && n !== null) {
-      if (t.indexOf(n) !== -1)
+  process.env.NODE_ENV !== "production" && !Fo && (l.onTrigger = (C) => {
+    r ? f = C : r == !1 && !x._hotUpdating && (Array.isArray(f) ? f.push(C) : console.error("\u{1F34D} debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+  });
+  let r, c, h = [], p = [], f;
+  const F = o.state.value[t];
+  !i && !F && (process.env.NODE_ENV === "production" || !s) && (o.state.value[t] = {});
+  const z = U({});
+  let H;
+  function G(C) {
+    let b;
+    r = c = !1, process.env.NODE_ENV !== "production" && (f = []), typeof C == "function" ? (C(o.state.value[t]), b = {
+      type: Oe.patchFunction,
+      storeId: t,
+      events: f
+    }) : (et(o.state.value[t], C), b = {
+      type: Oe.patchObject,
+      payload: C,
+      storeId: t,
+      events: f
+    });
+    const R = H = Symbol();
+    mt().then(() => {
+      H === R && (r = !0);
+    }), c = !0, Ee(h, b, o.state.value[t]);
+  }
+  const fe = i ? function() {
+    const { state: b } = n, R = b ? b() : {};
+    this.$patch((L) => {
+      ue(L, R);
+    });
+  } : process.env.NODE_ENV !== "production" ? () => {
+    throw new Error(`\u{1F34D}: Store "${t}" is built using the setup syntax and does not implement $reset().`);
+  } : $t;
+  function T() {
+    a.stop(), h = [], p = [], o._s.delete(t);
+  }
+  function E(C, b) {
+    return function() {
+      Ie(o);
+      const R = Array.from(arguments), L = [], ie = [];
+      function De(V) {
+        L.push(V);
+      }
+      function K(V) {
+        ie.push(V);
+      }
+      Ee(p, {
+        args: R,
+        name: C,
+        store: x,
+        after: De,
+        onError: K
+      });
+      let re;
+      try {
+        re = b.apply(this && this.$id === t ? this : x, R);
+      } catch (V) {
+        throw Ee(ie, V), V;
+      }
+      return re instanceof Promise ? re.then((V) => (Ee(L, V), V)).catch((V) => (Ee(ie, V), Promise.reject(V))) : (Ee(L, re), re);
+    };
+  }
+  const $ = /* @__PURE__ */ Fe({
+    actions: {},
+    getters: {},
+    state: [],
+    hotState: z
+  }), j = {
+    _p: o,
+    $id: t,
+    $onAction: yt.bind(null, p),
+    $patch: G,
+    $reset: fe,
+    $subscribe(C, b = {}) {
+      const R = yt(h, C, b.detached, () => L()), L = a.run(() => nt(() => o.state.value[t], (ie) => {
+        (b.flush === "sync" ? c : r) && C({
+          storeId: t,
+          type: Oe.direct,
+          events: f
+        }, ie);
+      }, ue({}, l, b)));
+      return R;
+    },
+    $dispose: T
+  }, x = oo(process.env.NODE_ENV !== "production" || Ye ? ue(
+    {
+      _hmrPayload: $,
+      _customProperties: Fe(/* @__PURE__ */ new Set())
+    },
+    j
+  ) : j);
+  o._s.set(t, x);
+  const Z = (o._a && o._a.runWithContext || Oo)(() => o._e.run(() => (a = no()).run(e)));
+  for (const C in Z) {
+    const b = Z[C];
+    if (Ae(b) && !bt(b) || st(b))
+      process.env.NODE_ENV !== "production" && s ? We(z.value, C, Ue(Z, C)) : i || (F && Ao(b) && (Ae(b) ? b.value = F[C] : et(b, F[C])), o.state.value[t][C] = b), process.env.NODE_ENV !== "production" && $.state.push(C);
+    else if (typeof b == "function") {
+      const R = process.env.NODE_ENV !== "production" && s ? b : E(C, b);
+      Z[C] = R, process.env.NODE_ENV !== "production" && ($.actions[C] = b), u.actions[C] = b;
+    } else
+      process.env.NODE_ENV !== "production" && bt(b) && ($.getters[C] = i ? n.getters[C] : b, at && (Z._getters || (Z._getters = Fe([]))).push(C));
+  }
+  if (ue(x, Z), ue(so(x), Z), Object.defineProperty(x, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && s ? z.value : o.state.value[t],
+    set: (C) => {
+      if (process.env.NODE_ENV !== "production" && s)
+        throw new Error("cannot set hotState");
+      G((b) => {
+        ue(b, C);
+      });
+    }
+  }), process.env.NODE_ENV !== "production" && (x._hotUpdate = Fe((C) => {
+    x._hotUpdating = !0, C._hmrPayload.state.forEach((b) => {
+      if (b in x.$state) {
+        const R = C.$state[b], L = x.$state[b];
+        typeof R == "object" && be(R) && be(L) ? Ft(R, L) : C.$state[b] = L;
+      }
+      We(x, b, Ue(C.$state, b));
+    }), Object.keys(x.$state).forEach((b) => {
+      b in C.$state || Ke(x, b);
+    }), r = !1, c = !1, o.state.value[t] = Ue(C._hmrPayload, "hotState"), c = !0, mt().then(() => {
+      r = !0;
+    });
+    for (const b in C._hmrPayload.actions) {
+      const R = C[b];
+      We(x, b, E(b, R));
+    }
+    for (const b in C._hmrPayload.getters) {
+      const R = C._hmrPayload.getters[b], L = i ? P(() => (Ie(o), R.call(x, x))) : R;
+      We(x, b, L);
+    }
+    Object.keys(x._hmrPayload.getters).forEach((b) => {
+      b in C._hmrPayload.getters || Ke(x, b);
+    }), Object.keys(x._hmrPayload.actions).forEach((b) => {
+      b in C._hmrPayload.actions || Ke(x, b);
+    }), x._hmrPayload = C._hmrPayload, x._getters = C._getters, x._hotUpdating = !1;
+  })), Ye) {
+    const C = {
+      writable: !0,
+      configurable: !0,
+      enumerable: !1
+    };
+    ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((b) => {
+      Object.defineProperty(x, b, ue({ value: x[b] }, C));
+    });
+  }
+  return o._p.forEach((C) => {
+    if (Ye) {
+      const b = a.run(() => C({
+        store: x,
+        app: o._a,
+        pinia: o,
+        options: u
+      }));
+      Object.keys(b || {}).forEach((R) => x._customProperties.add(R)), ue(x, b);
+    } else
+      ue(x, a.run(() => C({
+        store: x,
+        app: o._a,
+        pinia: o,
+        options: u
+      })));
+  }), process.env.NODE_ENV !== "production" && x.$state && typeof x.$state == "object" && typeof x.$state.constructor == "function" && !x.$state.constructor.toString().includes("[native code]") && console.warn(`[\u{1F34D}]: The "state" must be a plain object. It cannot be
+	state: () => new MyClass()
+Found in store "${x.$id}".`), F && i && n.hydrate && n.hydrate(x.$state, F), r = !0, c = !0, x;
+}
+function To(t, e, n) {
+  let o, s;
+  const i = typeof e == "function";
+  if (typeof t == "string")
+    o = t, s = i ? n : e;
+  else if (s = t, o = t.id, process.env.NODE_ENV !== "production" && typeof o != "string")
+    throw new Error('[\u{1F34D}]: "defineStore()" must be passed a store id as its first argument.');
+  function a(u, l) {
+    const r = Zt();
+    if (u = (process.env.NODE_ENV === "test" && $e && $e._testing ? null : u) || (r ? eo($o, null) : null), u && Ie(u), process.env.NODE_ENV !== "production" && !$e)
+      throw new Error(`[\u{1F34D}]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
+See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
+This will fail in production.`);
+    u = $e, u._s.has(o) || (i ? tt(o, e, s, u) : wt(o, s, u), process.env.NODE_ENV !== "production" && (a._pinia = u));
+    const c = u._s.get(o);
+    if (process.env.NODE_ENV !== "production" && l) {
+      const h = "__hot:" + o, p = i ? tt(h, e, s, u, !0) : wt(h, ue({}, s), u, !0);
+      l._hotUpdate(p), delete u.state.value[h], u._s.delete(h);
+    }
+    if (process.env.NODE_ENV !== "production" && at) {
+      const h = to();
+      if (h && h.proxy && !l) {
+        const p = h.proxy, f = "_pStores" in p ? p._pStores : p._pStores = {};
+        f[o] = c;
+      }
+    }
+    return c;
+  }
+  return a.$id = o, a;
+}
+const ye = (t) => {
+  let e = [];
+  const n = JSON.stringify(t, (o, s) => {
+    if (typeof s == "object" && s !== null) {
+      if (e.indexOf(s) !== -1)
         return null;
-      t.push(n);
+      e.push(s);
     }
-    return n;
+    return s;
   });
-  return t = null, JSON.parse(l);
-}, Xe = {
+  return e = null, JSON.parse(n);
+}, ut = {
   animation: 300,
   dragClass: "fe-drag",
   ghostClass: "fe-ghost",
   chosenClass: "fe-chosen",
   itemKey: "key",
   handle: ".fe-moving"
-};
-function Q() {
-  return {
-    data: {
-      type: Object,
-      default: () => ({ children: [] })
-    },
-    field: {
-      type: Object,
-      default: null
-    },
-    fieldIndex: Number,
-    path: String,
-    selectedPath: String
-  };
+}, jo = () => (Number(new Date()) + Number(String(Math.random()).slice(2, 15))).toString(32);
+function Po(t) {
+  const e = jo();
+  return { key: e, model: `${t}_${e}` };
 }
-function He(o) {
-  return Boolean(o.category && o.category === "child");
+function lt(t, e) {
+  if (!(t != null && t.type))
+    throw new Error(`widget ${t == null ? void 0 : t.key} error`);
+  return e = { ...e, ...Po(t.type) }, Object.assign({}, { ...t, ...e, options: { ...t.options, ...e.options } });
 }
-const qt = () => (Number(new Date()) + Number(String(Math.random()).slice(2, 15))).toString(32);
-function Lt(o) {
-  const t = qt();
-  return { key: t, model: `${o}_${t}` };
+function Ot(t) {
+  return Array.isArray(t) ? t : t.replace(/\[/g, ".").replace(/\]/g, "").split(".");
 }
-function Be(o, t) {
-  if (!(o != null && o.type))
-    throw new Error(`widget ${o == null ? void 0 : o.key} error`);
-  return t = { ...t, ...Lt(o.type) }, Object.assign({}, { ...o, ...t, options: { ...o.options, ...t.options } });
+function Mo(t, e, n) {
+  return typeof t != "object" ? n : Ot(e).reduce((o, s) => (o || {})[s], ye(t)) || n;
 }
-function Ye(o, t) {
-  const l = Be(o, t);
-  return l.children && (l.children = l.children.map((e) => Ye(e, t))), l;
+function No(t, e, n) {
+  return typeof t != "object" ? t : (Ot(e).reduce((o, s, i, a) => i === a.length - 1 ? (o[s] = n, null) : (s in o || (o[s] = /^[0-9]{1,}$/.test(a[i + 1]) ? [] : {}), o[s]), t), ye(t));
 }
-function Je(o) {
-  return Array.isArray(o) ? o : o.replace(/\[/g, ".").replace(/\]/g, "").split(".");
+function we(t, e, n = "children") {
+  const o = t ? `${t}.` : "", s = e !== void 0 ? `[${e}]` : "";
+  return `${o}${n}${s}`;
 }
-function se(o, t, l) {
-  return typeof o != "object" ? l : Je(t).reduce((e, n) => (e || {})[n], te(o)) || l;
-}
-function pe(o, t, l) {
-  return typeof o != "object" ? o : (Je(t).reduce((e, n, i, a) => i === a.length - 1 ? (e[n] = l, null) : (n in e || (e[n] = /^[0-9]{1,}$/.test(a[i + 1]) ? [] : {}), e[n]), o), te(o));
-}
-function he(o, t, l = "children") {
-  const e = o ? `${o}.` : "", n = t !== void 0 ? `[${t}]` : "";
-  return `${e}${l}${n}`;
-}
-function De(o) {
-  const t = /(.*)\[(.*)$/.exec(o);
-  if (t) {
-    const [, l, e] = t, n = +e.slice(0, -1);
-    return [l, n];
+function Bt(t) {
+  const e = /(.*)\[(.*)$/.exec(t);
+  if (e) {
+    const [, n, o] = e, s = +o.slice(0, -1);
+    return [n, s];
   }
   throw new Error("getPathAndIndex: Invalid path");
 }
-function Ze(o, t) {
-  const l = {
-    value: he(o.path, t),
-    label: o.name,
-    children: [],
-    model: o.model
-  };
-  return o.children && (l.children = o.children.map((e, n) => Ze(e, n))), l;
-}
-function Ht(o) {
-  return () => {
-    const { data: t, selectedPath: l } = o;
-    if (!l)
-      return null;
-    const e = Ze(t), n = l.split("."), i = [];
-    return n.forEach((a, c) => {
-      const u = n.slice(0, c + 1).join("."), C = se(e, u);
-      C && i.push(C);
-    }), i;
-  };
+function Ro() {
 }
-function Gt() {
+const te = To("widget-form", {
+  state: () => ({
+    children: [],
+    models: {},
+    remoteFuncs: {},
+    selectPath: "",
+    config: { width: "210mm", height: "297mm" }
+  }),
+  getters: {
+    selectedWidget(t) {
+      return t.getWidget(t.selectPath);
+    }
+  },
+  actions: {
+    onReset() {
+      this.children = [];
+    },
+    onUpdate(t) {
+      this.$patch(t);
+    },
+    onUpdateConfig(t, e) {
+      this.config[t] = e;
+    },
+    updateWidgetForm(t) {
+      this.children = t;
+    },
+    onSelected(t) {
+      this.selectPath = String(t || "");
+    },
+    getPathToData(t) {
+      const { children: e } = this;
+      return t ? Mo({ children: e }, t) : void 0;
+    },
+    setPathToData(t, e) {
+      const { children: n, updateWidgetForm: o } = this, s = No({ children: n }, t, e);
+      o(s.children);
+    },
+    getWidget(t) {
+      return this.getPathToData(t);
+    },
+    setWidget(t, e, n = !1) {
+      n && (t = `${t}.options`), e && typeof e == "object" && Object.keys(e).forEach((o) => {
+        console.log(`${t}.${o}`, e[o]), this.setPathToData(`${t}.${o}`, e[o]);
+      });
+    },
+    setSelectedWidget(t, e = !1) {
+      this.setWidget(this.selectPath, t, e);
+    },
+    onCopy(t) {
+      !t || console.log(t);
+    },
+    onDelete(t) {
+      if (!t)
+        return;
+      const { getWidget: e, setPathToData: n, onSelected: o } = this;
+      console.log(t);
+      const [s, i] = Bt(t), a = e(s);
+      a && (a.splice(i, 1), n(s, a), o(`${t}[${i - 1}]`));
+    },
+    toJson() {
+      return {
+        children: this.children,
+        models: this.models,
+        remoteFuncs: this.remoteFuncs,
+        config: this.config
+      };
+    }
+  }
+});
+function zo(t, e) {
+  const n = U(t);
+  return [n, (s) => {
+    n.value = { ...t, ...s != null ? s : {} }, e && e.value.resetFields && e.value.resetFields();
+  }];
 }
-function Qt(o) {
-  const t = B(() => se(o.data, o.path)), l = B(() => {
-    var n, i;
-    return (i = (n = t.value) == null ? void 0 : n.options) != null ? i : {};
-  }), e = B(() => {
-    var n, i;
-    return (i = (n = t.value) == null ? void 0 : n.optionsConfig) != null ? i : {};
+function rt(t) {
+  const e = P(() => !1), n = P(() => {
+    var s, i;
+    return (i = (s = t == null ? void 0 : t.value) == null ? void 0 : s.options) != null ? i : {};
+  }), o = P(() => {
+    var a, u, l, r;
+    const s = (u = (a = t == null ? void 0 : t.value) == null ? void 0 : a.optionsConfig) != null ? u : {}, i = (r = (l = t == null ? void 0 : t.value) == null ? void 0 : l.options) != null ? r : {};
+    return Object.keys(i).forEach((c) => {
+      let h = s[c] || typeof i[c];
+      typeof h != "object" && (h = { type: h, show: !0, help: "" }), s[c] = {
+        type: h.type,
+        show: h.show !== !1,
+        name: c,
+        help: h.help,
+        options: h.options
+      };
+    }), s;
   });
   return {
-    widget: t,
-    options: l,
-    optionsConfig: e,
-    selectedPath: o.selectedPath
+    disabled: e,
+    options: n,
+    optionsConfig: o
   };
 }
-function et(o) {
-  const t = B({
-    get: () => o.data.config,
-    set(i) {
-      K.emit("widget(path:update)", ["config", i]);
-    }
-  }), l = B(() => o.selectedPath ? se(o.data, o.selectedPath) : null), e = B({
-    get: () => {
-      var i, a;
-      return (a = (i = l.value) == null ? void 0 : i.options) != null ? a : {};
+function Wo(t) {
+  const { onReset: e, onUpdate: n } = te();
+  e(), n(t);
+}
+const Io = {
+  loadJs: function(t) {
+    return new Promise((e, n) => {
+      let o = document.getElementsByTagName("head")[0], s = document.createElement("script");
+      s.onload = s.onreadystatechange = s.onerror = function() {
+        s && s.readyState && /^(?!(?:loaded|complete)$)/.test(s.readyState) || (s.onload = s.onreadystatechange = s.onerror = null, s.src = "", s.parentNode.removeChild(s), s = null, e && e());
+      }, s.src = t;
+      try {
+        o.appendChild(s);
+      } catch {
+        n && n();
+      }
+    });
+  },
+  loadCss: function(t, e) {
+    let n = document.getElementsByTagName("head")[0], o = document.createElement("link"), s = document.getElementById(e);
+    o.onload = o.onreadystatechange = o.onerror = null, o.rel = "stylesheet", o.href = t;
+    try {
+      s ? o = null : (e && (o.id = e), n.appendChild(o));
+    } catch {
+    }
+  },
+  is: function() {
+    let t = {}, e = navigator.userAgent;
+    return t.ios = !!e.match(/(iphone|ipod|ipad)/i), t.android = !!e.match(/android/i), t.wechat = !!e.match(/micromessenger/i), e = e.match(/msie \d+?/i), t.ie = function() {
+      let n = navigator.userAgent.toLowerCase();
+      return window.ActiveXObject || "ActiveXObject" in window ? (n.match(/msie\s(\d+)/) || [])[1] || "11" : !1;
+    }(), t;
+  }(),
+  regexp: {
+    mobile: /^1\d{10}$/g,
+    email: /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,
+    required: /[\S]+/,
+    url: /^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,
+    image: /\.(png|jpg|gif|jpeg|webp)$/i
+  },
+  cookie: {
+    set(t, e, n, o, s, i) {
+      if (s) {
+        var a = new Date();
+        a.setTime(a.getTime() + s * 1e3 * 60 * 60 * 24), s = a, a = null;
+      }
+      document.cookie = t + "=" + (i ? e : escape(e)) + (s ? "; expires=" + s.toGMTString() : "") + (o ? "; path=" + o : "; path=/") + (n ? "; domain=" + n : "");
     },
-    set(i) {
-      K.emit("widget(selectedPath:options)", i);
+    get(t, e) {
+      var n = document.cookie.match(
+        new RegExp("(^| )" + t + "=([^;]*)(;|$)")
+      );
+      return n != null ? unescape(n[2]) : e;
+    },
+    clear(t, e, n) {
+      this.get(t) && (document.cookie = t + "=" + (e ? "; path=" + e : "; path=/") + (n ? "; domain=" + n : "") + ";expires=Fri, 02-Jan-1970 00:00:00 GMT");
     }
-  }), n = B(() => {
-    var i, a;
-    return (a = (i = l.value) == null ? void 0 : i.optionsConfig) != null ? a : {};
-  });
-  return {
-    config: t,
-    selectedWidget: l,
-    selectedWidgetOptions: e,
-    selectedWidgetOptionsConfig: n,
-    selectedPath: o.selectedPath
+  },
+  session: {
+    set: function(t, e) {
+      return window.sessionStorage.setItem(t, util.stringify(e));
+    },
+    get: function(t) {
+      let e = window.sessionStorage.getItem(t) || "";
+      return util.parse(e);
+    },
+    clear: function(t) {
+      return window.sessionStorage.removeItem(t);
+    }
+  },
+  store: {
+    set: function(t, e) {
+      return window.localStorage.setItem(t, util.stringify(e));
+    },
+    get: function(t) {
+      let e = window.localStorage.getItem(t) || "";
+      return util.parse(e);
+    },
+    clear: function(t) {
+      return window.localStorage.removeItem(t);
+    }
+  }
+};
+function xt(t, e = "yyyy-MM-dd") {
+  if (!t)
+    return "";
+  typeof t != "object" && (t = new Date(t));
+  const n = (s) => s < 10 ? "0" + s : s, o = {};
+  return o.yyyy = t.getFullYear(), o.MM = t.getMonth() + 1, o.dd = t.getDate(), o.HH = t.getHours(), o.mm = t.getMinutes(), o.ss = t.getSeconds(), e.replace(/yyyy|MM|dd|HH|mm|ss/g, (s) => n(o[s]));
+}
+const Vo = {
+  format: xt,
+  toString: xt,
+  toDate: function(t) {
+    return typeof t == "object" ? t : new Date(t);
+  },
+  getMonthDays: function(t, e) {
+    let n = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], o = t.getFullYear();
+    return typeof e > "u" && (e = t.getMonth()), o % 4 === 0 && (o % 100 !== 0 || o % 400 === 0) && e === 1 ? 29 : n[e];
+  },
+  addDays: function(t, e, n) {
+    let o = arguments.length === 1 ? this.toDate(this.today()) : this.toDate(e);
+    return o = new Date(o.getTime() + parseInt(t) * 24 * 3600 * 1e3), this.format(new Date(o), n);
+  },
+  addMonths: function(t, e, n) {
+    let o = arguments.length === 1 ? this.toDate(this.today()) : this.toDate(e);
+    o.getMonth();
+    let s = o.getDate(), i = this.getMonthDays(o, o.getMonth() + parseInt(t));
+    return s > i && o.setDate(i), o.setMonth(o.getMonth() + parseInt(t)), this.format(o, n);
+  },
+  addMonthsForStart: function(t, e) {
+    let n = arguments.length === 1 ? this.today() : e;
+    return n = this.addMonths(t, n), this.firstDayOfMonth(n);
+  },
+  addMonthsForEnd: function(t, e) {
+    let n = arguments.length === 1 ? this.today() : e;
+    return n = this.addMonths(t, n), this.addDays(-1, this.firstDayOfMonth(n));
+  },
+  addYears: function(t, e, n) {
+    let o = arguments.length === 1 ? this.toDate(this.today()) : this.toDate(e);
+    return o.setYear(o.getFullYear() + parseInt(t)), this.format(o, n);
+  },
+  addYearsForStart: function(t, e) {
+    let n = arguments.length === 1 ? this.today() : e;
+    return n = this.addYears(t, n), this.firstDayOfYear(n);
+  },
+  addYearsForEnd: function(t, e) {
+    let n = arguments.length === 1 ? this.today() : e;
+    return n = this.addYears(t, n), this.firstDayOfYear(n);
+  },
+  sunOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - n.getDay() * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  monOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 1) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  tueOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 2) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  wedOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 3) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  turOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 4) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  friOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 5) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  satOfWeek: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n = new Date(n - (n.getDay() - 6) * (24 * 3600 * 1e3)), this.format(n, e);
+  },
+  firstDayOfMonth: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n.setDate(1), this.format(n, e);
+  },
+  lastDayOfMonth: function(t) {
+    return t = arguments.length === 0 ? this.today() : t, t = this.addMonths(1, t), t = this.firstDayOfMonth(t), t = this.addDays(-1, t), t;
+  },
+  firstDayOfYear: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n.setMonth(0), n.setDate(1), this.format(n, e);
+  },
+  lastDayOfYear: function(t, e) {
+    let n = arguments.length === 0 ? this.toDate(this.today()) : this.toDate(t);
+    return n.setMonth(11), n.setDate(31), this.format(n, e);
+  },
+  today: function(t) {
+    return arguments.length === 0 ? this.format(new Date(), "yyyy-MM-dd") : this.format(new Date(), t);
+  }
+}, k = {
+  ie: Number(document.documentMode) | 0,
+  on: function() {
+    return document.addEventListener ? function(t, e, n) {
+      t && e && n && t.addEventListener(e, n, !1);
+    } : function(t, e, n) {
+      t && e && n && t.attachEvent("on" + e, n);
+    };
+  }(),
+  off: function() {
+    return document.removeEventListener ? function(t, e, n) {
+      t && e && t.removeEventListener(e, n, !1);
+    } : function(t, e, n) {
+      t && e && t.detachEvent("on" + e, n);
+    };
+  }(),
+  once: function(t, e, n) {
+    var o = this.off, s = function() {
+      n && n.apply(this, arguments), o(t, e, s);
+    };
+    this.on(t, e, s);
+  },
+  position: function(t) {
+    const e = t.getBoundingClientRect(), { clientTop: n, clientLeft: o } = document.documentElement, { pageYOffset: s, pageXOffset: i } = window;
+    return {
+      top: e.top - n,
+      left: e.left - o,
+      height: e.height,
+      width: e.width,
+      pageYOffset: s,
+      pageXOffset: i
+    };
+  },
+  el: function(t, e) {
+    return e || (e = document), e.querySelector(t);
+  },
+  els: function(t, e) {
+    return e || (e = document), [].slice.call(e.querySelectorAll(t));
+  },
+  hasClass: function(t, e) {
+    if (!t || !e)
+      return !1;
+    if (e.indexOf(" ") !== -1)
+      throw new Error("className should not contain space.");
+    return t.classList ? t.classList.contains(e) : (" " + t.className + " ").indexOf(" " + e + " ") > -1;
+  },
+  addClass: function(t, e) {
+    if (!!t) {
+      for (var n = t.className, o = (e || "").split(" "), s = 0, i = o.length; s < i; s++) {
+        var a = o[s];
+        !a || (t.classList ? t.classList.add(a) : this.hasClass(t, a) || (n += " " + a));
+      }
+      t.classList || (t.className = n);
+    }
+  },
+  removeClass: function(t, e) {
+    if (!(!t || !e)) {
+      for (var n = e.split(" "), o = " " + t.className + " ", s = 0, i = n.length; s < i; s++) {
+        var a = n[s];
+        !a || (t.classList ? t.classList.remove(a) : this.hasClass(t, a) && (o = o.replace(" " + a + " ", " ")));
+      }
+      t.classList || (t.className = o);
+    }
+  },
+  append(t, e) {
+    e || (e = document.body), e.appendChild(t);
+  },
+  remove(t) {
+    t && t.parentNode && t.parentNode.removeChild(t);
+  },
+  isHTMLElement(t) {
+    return t instanceof window.HTMLElement || t instanceof HTMLElement;
+  },
+  getScrollParent(t) {
+    try {
+      let e = function(o, s = "y") {
+        let i = window.getComputedStyle(o), a = i.overflow, u = i.overflowX, l = i.overflowY, r = (s === "y" ? l : u) || a;
+        return /scroll|overlay|auto/.test(r);
+      }, n = t.parentNode;
+      return this.isHTMLElement(n) ? e(n) ? n : this.getScrollParent(n) : t;
+    } catch {
+    }
+    return window;
+  },
+  setTransform(t, e) {
+    let n = ["webkit", "Moz", "O", "ms"].map((o) => `${o}Transform`);
+    if (n.unshift("transform"), !!this.isHTMLElement(t)) {
+      for (let o in n)
+        if (t.style[n[o]] !== void 0)
+          return t.style[n[o]] = e;
+    }
+  }
+};
+let ne = { attr: "data-u-dialog" };
+const se = (t) => typeof t > "u";
+function Lo() {
+  this.dom = k;
+  const t = (e = {}) => {
+    let n = ne.attr;
+    se(e.shadow) && (e.shadow = !0), se(e.shadowClose) && (e.shadowClose = !0), se(e.showClose) && (e.showClose = !1);
+    var o, s = e.uniqueId || this.uniqueId("U");
+    if (e.uniqueId) {
+      let u = k.el("#" + s), l = ne["timer_" + s];
+      u && k.hasClass(u, "u-dialog") && (o = u), k.removeClass(o, "is-show"), l && clearTimeout(l);
+    }
+    if (!o) {
+      const u = document.createElement("div");
+      u.className = "u-dialog-mask", e.shadow && k.addClass(u, "is-show"), e.shadow < 1 && e.shadow > 0 && (u.style.opacity = e.shadow), u.setAttribute("data-u-dialog", s), o = document.createElement("div"), e.uniqueId && (o.id = s), o.className = "u-dialog " + (se(e.ani) ? "u-dialog-ani" : e.ani), e.before && e.before(o), e.after && (ne["after_" + s] = e.after);
+      const l = e.skin || e.className;
+      l && k.addClass(o, l), e.extend && (k.addClass(o, "is-extend"), k.addClass(u, "is-extend")), o.setAttribute("data-u-dialog", s), u.oncontextmenu = o.oncontextmenu = () => !1, e.shadowClose && (u.onclick = () => this.hideToast(u.getAttribute(n))), e.shadow && k.append(u), k.append(o);
+    }
+    const i = (u = "") => u.replace(/ipt>/g, "ipt&gt;");
+    e.title = i(e.title), e.content = i(String(e.content)), e.width = e.width ? e.width : "auto", e.height = e.height ? e.height : "auto";
+    let a = e.showClose ? '<div class="u-dialog-close is-show">x</div>' : "";
+    return o.innerHTML = `
+      <div class="u-dialog-content" style="width:${e.width};height:${e.height}">
+        <div class="u-dialog-title${e.title ? " is-show" : ""}"> ${e.title}</div>
+        <div class="u-dialog-body">${e.content}</div>${a}
+      </div> `, this.refreshOffset(o, e.offset), e.showClose && k.on(k.el(".u-dialog-close", o), "click", () => this.hideToast(o.getAttribute(n))), e.time && (ne["timer_" + s] = setTimeout(() => this.hideToast(o.getAttribute(n)), e.time * 1e3)), typeof e.success == "function" && e.success(s, o), s;
+  };
+  this.uniqueId = (e = "") => e + (+new Date()).toString(32), this.refreshOffset = (e, n = ["auto", "auto"]) => {
+    const o = window.innerHeight, s = window.innerWidth;
+    e.style.top = n[0] === "auto" ? Math.max((o - e.clientHeight) / 2, 0) + "px" : n[0], e.style.left = n[1] === "auto" ? Math.max((s - e.clientWidth) / 2, 0) + "px" : n[1], k.addClass(e, "is-show");
+    try {
+      let i = k.el(".u-dialog-content", e), a = k.el(".u-dialog-title", e).clientHeight, u = o - a;
+      i.style.maxHeight = u + "px", k.el(".u-dialog-body", e).style.maxHeight = u - a + "px";
+    } catch {
+    }
+    {
+      let i = e.clientHeight + e.offsetTop, a = e.clientWidth + e.offsetLeft;
+      i > o - 10 && (e.style.top = Math.max(e.offsetTop - e.clientHeight, 0) + "px"), a > s - 10 && (e.style.left = Math.max(e.offsetLeft - e.clientWidth, 0) + "px");
+    }
+  }, this.hideToast = (e) => {
+    let n = (o) => {
+      k.removeClass(o, "is-show");
+      let s = ne["after_" + e];
+      !k.hasClass(o, "u-dialog-mask") && s && (s(o), ne["after_" + e] = null), ne["timer_" + e] = setTimeout(() => {
+        k.remove(o), ne["timer_" + e] = null;
+      }, 300);
+    };
+    k.els(`[${ne.attr}]`).forEach((o) => {
+      e ? e == o.getAttribute(ne.attr) && n(o) : !k.hasClass(o, "is-extend") && n(o);
+    });
+  }, this.toast = (e, n = 2) => (this.hideToast(), t({
+    className: "u-dialog__toast",
+    content: e,
+    width: "auto",
+    shadow: !1,
+    shadowClose: !1,
+    time: n
+  })), this.showLoading = (e) => {
+    let n = k.el(".u-dialog__loading");
+    return n ? (k.el("p", n).innerHTML = e, n.getAttribute(ne.attr)) : (this.hideToast(), t({
+      className: "u-dialog__loading",
+      content: `<i></i><p>${e || ""}</p>`,
+      width: "120px",
+      height: "120px",
+      shadow: 0.3,
+      shadowClose: !1
+    }));
+  }, this.showSuccess = (e, n = 2) => (this.hideToast(), t({
+    className: "u-dialog__success",
+    content: `<i></i><p>${e || ""}</p>`,
+    width: "120px",
+    height: "120px",
+    shadow: !1,
+    shadowClose: !1,
+    time: n
+  })), this.alert = (e, n) => {
+    this.hideToast(), n = Object.assign({}, n), typeof e == "string" && (e = { content: e }), se(e.width) && (e.width = "380px"), se(e.time) && (e.time = 0), se(e.title) && (e.title = "\u63D0\u793A"), se(e.showClose) && (e.showClose = !1), typeof e.ok == "object" && (n.confirmText = e.ok.label, n.confirmSkin = e.ok.skin, n.confirm = e.ok.onclick), typeof e.cancel == "object" && (n.cancelText = e.cancel.label, n.cancelSkin = e.cancel.skin, n.cancel = e.cancel.onclick);
+    let o = typeof n.confirm == "function";
+    se(e.shadowClose) && (e.shadowClose = !o), n.cancelText || (n.cancelText = "\u53D6\u6D88");
+    let s = "", i = `<a class="u-btn">${n.cancelText}</a>`;
+    return o && (n.confirmText = n.confirmText || "\u786E\u8BA4", n.confirmSkin = n.confirmSkin || "u-btn--blue", s = `<a class="u-btn u-btn--primary ${n.confirmSkin}">${n.confirmText}</a>`), e.skin = "u-dialog__alert", e.content = `<div class="u-dialog__alert-content">${e.content}</div><div class="u-dialog__alert-btns">${s}${i}</div><div></div>`, e.success = (a, u) => {
+      k.els(".u-btn", u).forEach((l) => {
+        k.on(l, "click", () => {
+          k.hasClass(l, "u-btn--primary") && o ? n.confirm(a, l) : typeof n.cancel == "function" ? n.cancel(a, l) : this.hideToast(a);
+        });
+      });
+    }, t(e);
+  }, this.showNearby = (e = {}) => (this.hideToast(), e.skin = "u-dialog__nearby " + (e.skin || e.className || ""), t(Object.assign({}, { shadow: !1, height: "auto", width: "auto", time: 2, showClose: !1 }, e))), this.showModal = (e) => (this.hideToast(), typeof e == "string" && (e = { content: e }), se(e.width) && (e.width = "320px"), se(e.height) && (e.height = "240px"), se(e.time) && (e.time = 0), se(e.shadowClose) && (e.shadowClose = !1), se(e.showClose) && (e.showClose = !0), t(e)), this.showPopover = (e) => this.showModal(Object.assign({}, e, {
+    shadow: !1,
+    width: "auto",
+    height: "auto",
+    showClose: !1,
+    extend: !0,
+    success: (n, o) => {
+      k.once(k.getScrollParent(e.el), "scroll", () => this.hideToast(n)), setTimeout(() => {
+        k.once(document, "contextmenu", () => this.hideToast(n)), k.once(document, "click", () => this.hideToast(n));
+      }, 100), k.on(o, "contextmenu", (s) => {
+        s.stopPropagation(), s.preventDefault();
+      }), k.on(o, "click", (s) => {
+        s.stopPropagation(), s.preventDefault();
+      }), e.success && e.success(n, o);
+    }
+  })), ne.createContextLabel = ({ skin: e, list: n, value: o = "" }) => n.reduce((s, i, a) => {
+    let u = "", l = i.children && i.children.length;
+    return l && (u = render(i.children)), s += `<div class="${e}-item${i.border ? " is-border" : ""}${i.disabled ? " is-disabled" : ""}${l ? " is-children" : ""}${i.value == o ? " is-active" : ""}" data-value="${i.value}">${i.label}${u}</div>`, s;
+  }, ""), this.showDropdown = (e) => {
+    let { offset: n, success: o, el: s, list: i, value: a } = e;
+    const u = "u-dialog--dropdown";
+    return this.showPopover(Object.assign({}, e, {
+      skin: u,
+      content: ne.createContextLabel({ skin: u, list: i, value: a }),
+      success: (l, r) => {
+        k.els(`.${u}-item`).forEach((c) => {
+          k.hasClass(c, "is-disabled") || k.hasClass(c, "is-children") || k.on(c, "click", (h) => {
+            o && o({ label: c.innerText, value: c.getAttribute("data-value") }), this.hideToast(l);
+          });
+        });
+      }
+    }));
+  }, this.showContextMenu = (e) => {
+    let { offset: n, success: o, el: s, list: i } = e;
+    const a = "u-dialog--contextmenu";
+    return this.showPopover(Object.assign({}, e, {
+      skin: a,
+      content: ne.createContextLabel({ skin: a, list: i }),
+      success: (u, l) => {
+        let r = k.els(`.${a}-item`), c = r.length === 1;
+        r.forEach((h) => {
+          k.hasClass(h, "is-disabled") || k.hasClass(h, "is-children") || (c && (h.style.lineHeight = h.offsetHeight + 2 + "px"), k.on(h, "click", (p) => {
+            o && o({ label: h.innerText, value: h.getAttribute("data-value") }), this.hideToast(u);
+          }));
+        });
+      }
+    }));
+  }, this.uploadAvatar = function(e = {}) {
+    const n = this.showModal;
+    function o(i) {
+      let a = document.createElement("input");
+      a.type = "file", a.accept = "image/*", a.onchange = (u) => {
+        const l = (u.target || u.path[0]).files[0];
+        let { name: r, size: c, type: h } = l;
+        if (typeof i == "function") {
+          const p = new FileReader();
+          p.readAsDataURL(l);
+          let f = new Image();
+          p.onload = ({ target: F }) => {
+            f.onload = () => {
+              i(f, {
+                width: f.width,
+                height: f.height,
+                size: c,
+                MB: Math.ceil(c / 1024 / 1024 * 100) / 100,
+                name: r,
+                type: h
+              });
+            }, f.src = F.result;
+          };
+        }
+        a = null;
+      }, k.ie && k.ie <= 10 && (a.style.clip = "rect(0px, 0px, 0px, 0px)", k.append(a), setTimeout((u) => k.remove(a), 100)), a.click();
+    }
+    function s(i) {
+      n({
+        extend: !0,
+        title: e.title || "\u4E0A\u4F20\u5934\u50CF",
+        shadow: 0.8,
+        width: "auto",
+        height: "auto",
+        content: `<div class="u-center u-nos">
+                   <p style="margin: 20px 0;color: #888;">${e.desc || "\u8C03\u6574\u5934\u50CF\u4F4D\u7F6E"}</p>
+                   <div style="padding: 10px 40px;"><canvas width="240" height="240" style="width: 240px; height: 240px; cursor: grab;"></canvas></div>
+                   <p style="margin:40px 0"><button style="width:240px;" class="${e.btnClass || "u-btn"}"> \u4FDD\u5B58</button></p>
+                   </div> `,
+        success(a, u) {
+          let l = k.el("canvas", u);
+          const r = l.getContext("2d");
+          if (typeof i == "function") {
+            i(l, r);
+            let c = k.el("button", u);
+            k.on(c, "click", function() {
+              let h = r.getImageData(40, 40, 160, 160), p = document.createElement("canvas"), f = p.getContext("2d");
+              p.width = p.height = 160, f.putImageData(h, 0, 0);
+              let F = p.toDataURL("image/png", 0.91);
+              h = p = f = null, typeof e.success == "function" && e.success(F, a);
+            });
+          }
+        }
+      });
+    }
+    o((i, a) => {
+      function c(p, f) {
+        return p / (f / 160);
+      }
+      function h(p, f, F) {
+        return F > f ? f : F < p ? p : F;
+      }
+      typeof e.change == "function" && !e.change(a) || s((p, f) => {
+        const { width: F, height: z } = a, H = (G = { left: 0, top: 0 }) => {
+          f.clearRect(0, 0, 240, 240), f.fillStyle = "#ccc", f.fillRect(0, 0, 240, 240), f.fill();
+          let fe = F >= z, T = p.getAttribute("data-left") | 0, E = p.getAttribute("data-top") | 0, $, j, x = 40;
+          if (fe) {
+            $ = c(F, z), j = 160, T = T || (240 - $) / 2, E = E || 40;
+            let oe = j + 40 - $;
+            T = T + G.left, T = h(oe, x, T);
+          } else {
+            $ = 160, j = c(z, F), T = T || 40, E = E || (240 - j) / 2;
+            let oe = $ + 40 - j;
+            E = E + G.top, E = h(oe, x, E);
+          }
+          return f.drawImage(i, T, E, $, j), f.stroke(), f.fillStyle = "rgba(250,250,250,.88)", f.fillRect(0, 0, 40, 240), f.fillRect(200, 0, 40, 240), f.fillRect(40, 0, 160, 40), f.fillRect(40, 200, 160, 40), f.fill(), { left: T, top: E };
+        };
+        H({ left: 0, top: 0 }), this.moveEvent({ el: p, success: H });
+      });
+    });
+  }, this.moveEvent = function({ el: e, success: n, doc: o = document }) {
+    k.on(e, "mousedown", (s) => {
+      let i = s.pageX || s.clientX, a = s.pageY || s.clientY;
+      e.style.cursor = "grabbing";
+      let u = !0;
+      const l = (c) => {
+        if (u) {
+          let h = c.pageX || c.clientX, p = c.pageY || c.clientY, f = h - i, F = p - a;
+          n({ left: f, top: F });
+        }
+      }, r = (c) => {
+        e.style.cursor = "grab";
+        let h = c.pageX || c.clientX, p = c.pageY || c.clientY, f = h - i, F = p - a, z = n({ left: f, top: F });
+        z && (e.setAttribute("data-left", z.left | 0), e.setAttribute("data-top", z.top | 0)), u = !1, k.off(o, "mouseup", r), k.off(o, "mousemove", l);
+      };
+      k.on(o, "mousemove", l), k.on(o, "mouseup", r);
+    });
+  }, this.showImageView = function(e) {
+    const { dom: n, showModal: o, hideToast: s } = this, i = e, { naturalWidth: a, naturalHeight: u } = i;
+    if (!n.isHTMLElement(i) && i.nodeName !== "IMG")
+      return;
+    const l = n.position(i), r = (f) => {
+      f.style.left = l.left + "px", f.style.top = l.top + "px", f.style.width = l.width + "px", f.style.height = l.height + "px", n.setTransform(f, "scale(1)");
+    };
+    let c = l.width, h = l.height, p = 1;
+    {
+      let f = Math.min(window.innerWidth, a);
+      f = f * 0.8 / c;
+      let F = Math.min(window.innerHeight, u);
+      F = F * 0.8 / h, p = Math.max(Math.min(f, F), 1);
+    }
+    o({
+      content: "",
+      shadowClose: !0,
+      showClose: !1,
+      width: c + "px",
+      height: h + "px",
+      before(f) {
+        f.style.transition = "all 300ms ease-in-out", r(f);
+      },
+      after(f) {
+        n.addClass(f, "is-show"), r(f);
+      },
+      success(f, F) {
+        let z = n.el(".u-dialog-body", F);
+        z.style.padding = "0";
+        let H = i.cloneNode(!1);
+        z.append(H), n.setTransform(F, `scale(${p})`);
+      }
+    });
   };
 }
-const Xt = { key: 0 }, Yt = ["src"], tt = /* @__PURE__ */ E({
+const Uo = new Lo();
+function ot(t, e) {
+  return Object.keys(e).reduce((n, o) => {
+    const s = e[o];
+    return typeof s == "object" ? n[o] = ot(n[o] || {}, s) : Array.isArray(s) ? n[o] = s.map((i, a) => typeof i == "object" ? ot((i[o] || [])[a] || {}, i) : i) : n[o] = s, n;
+  }, t);
+}
+const Ho = {
+  stringify: function(t) {
+    if (typeof t == "object")
+      try {
+        t = JSON.stringify(t);
+      } catch {
+      }
+    return t;
+  },
+  parse: function(t) {
+    if (typeof t == "string")
+      try {
+        t = JSON.parse(t);
+      } catch {
+      }
+    return t;
+  },
+  clone: function(t) {
+    return typeof t == "object" ? this.parse(this.stringify(t)) : t;
+  },
+  toPercent: function(t) {
+    return (Math.round(t * 1e4) / 100).toFixed(2) + "%";
+  },
+  toThousands: function(t) {
+    if (t = String(t), String(+t) === "NaN")
+      return t;
+    let e = t, n = "";
+    if (~e.indexOf(".")) {
+      let [o, s] = e.split(".");
+      e = o, n = +s, n = n ? `.${n}` : "";
+    }
+    return String(e).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$&,") + n;
+  },
+  toMB: function(t) {
+    let e = 0;
+    const n = 1024, o = "BKMGT";
+    for (; t > n; )
+      t = t / n, e++;
+    return t.toFixed(2) + (e ? o.charAt(e) : "") + "B";
+  },
+  setData: function(t, e, n) {
+    if (typeof t != "object")
+      return t;
+    function o(s) {
+      return Array.isArray(s) ? s : s.replace(/\[/g, ".").replace(/\]/g, "").split(".");
+    }
+    return o(e).reduce((s, i, a, u) => a === u.length - 1 ? (s[i] = n, null) : (i in s || (s[i] = /^[0-9]{1,}$/.test(u[a + 1]) ? [] : {}), s[i]), t), t;
+  },
+  merge: ot
+}, qo = "shaonq", Ko = "1.1.3", Yo = "\u5F53\u4F60\u4E0D\u52AA\u529B\u7684\u65F6\u5019\uFF0C\u5929\u8D4B\u5C31\u4F1A\u4E00\u70B9\u4E00\u70B9\u88AB\u6536\u56DE\u3002", Xo = "./src/index.js", Jo = {
+  ".": "./src/index.js",
+  "./js": "./dist/index.js",
+  "./css": "./dist/index.css",
+  "./dist/index.js": "./dist/index.js",
+  "./dist/index.css": "./dist/index.css",
+  "./scss": "./src/index.scss",
+  "./package.json": "./package.json"
+}, Go = "./src/index.d.ts", Qo = {
+  build: "npx webpack --config  webpack.config.js"
+}, Zo = {
+  type: "git",
+  url: "https://github.com/shaonq/shaonq.git"
+}, en = [], tn = "shaonq", on = "MIT", nn = {
+  "@babel/core": "^7.17.5",
+  "@babel/preset-env": "^7.16.11",
+  autoprefixer: "^10.4.4",
+  "babel-loader": "^8.2.3",
+  "core-js": "3",
+  "css-loader": "^6.7.1",
+  "mini-css-extract-plugin": "^2.6.0",
+  postcss: "^8.4.12",
+  "postcss-loader": "^6.2.1",
+  sass: "^1.49.9",
+  "sass-loader": "^12.6.0",
+  webpack: "^5.70.0",
+  "webpack-cli": "^4.10.0"
+}, sn = [
+  "> 1%",
+  "last 2 versions",
+  "not ie < 11"
+], an = {
+  name: qo,
+  version: Ko,
+  description: Yo,
+  main: Xo,
+  exports: Jo,
+  types: Go,
+  scripts: Qo,
+  repository: Zo,
+  keywords: en,
+  author: tn,
+  license: on,
+  devDependencies: nn,
+  browserslist: sn
+}, un = {
+  ...Io,
+  dom: k,
+  ...Uo,
+  date: Vo,
+  ...Ho,
+  version: an.version
+}, ln = ["src"], At = /* @__PURE__ */ N({
   __name: "qrcode",
-  props: Q(),
-  setup(o) {
-    const t = o, { options: l } = Qt(t), e = document.createElement("canvas");
-    e.height = 1, e.width = 1;
-    function n() {
-      var i, a;
-      return $t.toCanvas(e, {
-        bcid: l.value.bcid,
-        text: (i = l.value.defaultValue) != null ? i : "10000",
-        height: l.value.height,
-        width: l.value.width,
-        padding: (a = l.value.padding) != null ? a : 0,
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path)), s = document.createElement("canvas");
+    s.height = 1, s.width = 1;
+    function i() {
+      var u, l, r, c;
+      const a = (l = (u = o.value) == null ? void 0 : u.options) != null ? l : {};
+      return a.bcid ? (Dt.toCanvas(s, {
+        bcid: a.bcid,
+        text: (r = a.defaultValue) != null ? r : "10000",
+        height: a.height,
+        width: a.width,
+        padding: (c = a.padding) != null ? c : 0,
         eclevel: "H"
-      }), e.toDataURL();
-    }
-    return (i, a) => g(l) ? (r(), x("div", Xt, [
-      y("img", {
-        src: n(),
-        style: ee({ width: g(l).width + "px", height: g(l).height + "px" })
-      }, null, 12, Yt)
-    ])) : D("", !0);
+      }), s.toDataURL()) : "";
+    }
+    return (a, u) => o.value && o.value.options ? (d(), S("img", {
+      key: 0,
+      src: i(),
+      style: J({ display: "block", width: o.value.options.width + "px", height: o.value.options.height + "px" })
+    }, null, 12, ln)) : M("", !0);
   }
-}), Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: tt
-}, Symbol.toStringTag, { value: "Module" })), Zt = {
+  default: At
+}, Symbol.toStringTag, { value: "Module" })), cn = {
   __name: "barcode",
-  setup(o) {
-    return (t, l) => (r(), R(tt, ke(Ae(t.$props)), null, 16));
+  setup(t) {
+    return (e, n) => (d(), B(At, Te(je(e.$props)), null, 16));
   }
-}, eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Zt
-}, Symbol.toStringTag, { value: "Module" })), to = /* @__PURE__ */ E({
+  default: cn
+}, Symbol.toStringTag, { value: "Module" })), fn = /* @__PURE__ */ N({
   __name: "card",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    return (l, e) => l.field && l.field.key && l.field.children ? (r(!0), x(I, { key: 0 }, oe(l.field.children, (n, i) => (r(), R($e, {
-      key: i,
-      data: t.data,
-      "selected-path": t.selectedPath,
-      field: n,
-      "field-index": i,
-      path: g(he)(t.path, i)
-    }, null, 8, ["data", "selected-path", "field", "field-index", "path"]))), 128)) : D("", !0);
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => o.value && o.value.key && o.value.children ? (d(!0), S(X, { key: 0 }, _e(o.value.children, (a, u) => (d(), B(Me, {
+      key: u,
+      path: v(we)(e.path, u)
+    }, null, 8, ["path"]))), 128)) : M("", !0);
   }
-}), oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: to
-}, Symbol.toStringTag, { value: "Module" })), no = /* @__PURE__ */ E({
+  default: fn
+}, Symbol.toStringTag, { value: "Module" })), hn = /* @__PURE__ */ N({
   __name: "col",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    function l(n, i, a) {
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n, setPathToData: o } = te(), s = P(() => n(e.path));
+    function i(u, l, r) {
       var c;
-      return ((c = a == null ? void 0 : a.dataset) == null ? void 0 : c.category) === "base";
+      return ((c = r == null ? void 0 : r.dataset) == null ? void 0 : c.category) === "basic";
     }
-    function e(n) {
+    function a(u) {
       var c;
-      if (!n || !((c = t.field) != null && c.children))
+      if (!u || !e.path || !((c = s.value) != null && c.children))
         return;
-      const i = n.newIndex, a = te(t.field.children);
-      a[i] = Be(a[i], { options: {} }), K.emit("widget(path:update)", [t.path, { ...t.field, children: a }]);
+      const l = u.newIndex, r = ye(s.value.children);
+      r[l] = lt(r[l], { options: {} }), o(e.path, { ...s.value, children: r });
     }
-    return (n, i) => t.field && t.field.children ? (r(), R(g(Ce), Me({
+    return (u, l) => s.value && s.value.children ? (d(), B(v(Pe), it({
       key: 0,
-      list: t.field.children,
+      list: s.value.children,
       class: "fe-form-widget-list",
-      group: { name: "orchisky", put: l }
-    }, g(Xe), { onAdd: e }), {
-      item: f(({ element: a, index: c }) => [
-        a && a.key ? (r(), R($e, {
+      group: { name: "orchisky", put: i }
+    }, v(ut), { onAdd: a }), {
+      item: g(({ element: r, index: c }) => [
+        r && r.key ? (d(), B(Me, {
           key: 0,
-          data: t.data,
-          "selected-path": t.selectedPath,
-          field: a,
-          "field-index": c,
-          path: g(he)(t.path, c)
-        }, null, 8, ["data", "selected-path", "field", "field-index", "path"])) : D("", !0)
+          path: v(we)(e.path, c)
+        }, null, 8, ["path"])) : M("", !0)
       ]),
-      footer: f(() => []),
+      footer: g(() => []),
       _: 1
-    }, 16, ["list", "group"])) : D("", !0);
+    }, 16, ["list", "group"])) : M("", !0);
   }
-}), lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: no
-}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ E({
+  default: hn
+}, Symbol.toStringTag, { value: "Module" })), gn = /* @__PURE__ */ N({
   __name: "grid",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    return (l, e) => {
-      const n = m("a-col"), i = m("a-row");
-      return l.field && l.field.key && l.field.children ? (r(), R(i, { key: 0 }, {
-        default: f(() => [
-          (r(!0), x(I, null, oe(l.field.children, (a, c) => (r(), R(n, {
-            key: c,
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => {
+      const a = y("a-col"), u = y("a-row");
+      return o.value && o.value.key && o.value.children ? (d(), B(u, { key: 0 }, {
+        default: g(() => [
+          (d(!0), S(X, null, _e(o.value.children, (l, r) => (d(), B(a, {
+            key: r,
             span: 12
           }, {
-            default: f(() => [
-              p($e, {
-                data: t.data,
-                "selected-path": t.selectedPath,
-                field: a,
-                "field-index": c,
-                path: g(he)(t.path, c)
-              }, null, 8, ["data", "selected-path", "field", "field-index", "path"])
+            default: g(() => [
+              _(Me, {
+                path: v(we)(e.path, r)
+              }, null, 8, ["path"])
             ]),
             _: 2
           }, 1024))), 128))
         ]),
         _: 1
-      })) : D("", !0);
+      })) : M("", !0);
     };
   }
-}), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: io
-}, Symbol.toStringTag, { value: "Module" })), so = /* @__PURE__ */ E({
+  default: gn
+}, Symbol.toStringTag, { value: "Module" })), vn = /* @__PURE__ */ N({
   __name: "hline",
-  props: Q(),
-  setup(o) {
-    const t = o, l = B(() => se(t.data, t.path));
-    return (e, n) => l.value.options ? (r(), x("div", {
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => o.value && o.value.options ? (d(), S("div", {
+      key: 0,
+      style: J(o.value.options)
+    }, null, 4)) : M("", !0);
+  }
+}), yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: vn
+}, Symbol.toStringTag, { value: "Module" })), bn = /* @__PURE__ */ N({
+  __name: "image",
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => o.value && o.value.options ? (d(), S("img", {
       key: 0,
-      style: ee(l.value.options)
-    }, null, 4)) : D("", !0);
+      src: "",
+      style: J({ width: o.value.options.width + "px", height: o.value.options.height + "px" })
+    }, null, 4)) : M("", !0);
   }
-}), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: so
-}, Symbol.toStringTag, { value: "Module" })), co = /* @__PURE__ */ E({
+  default: bn
+}, Symbol.toStringTag, { value: "Module" })), xn = /* @__PURE__ */ N({
   __name: "input",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    return (l, e) => {
-      var n;
-      return r(), x("div", null, " 404 - " + M((n = t.field) == null ? void 0 : n.name), 1);
+  props: { path: String },
+  setup(t) {
+    const e = t, n = te(), o = P(() => n.getWidget(e.path)), s = P(() => n.models), { disabled: i, options: a } = rt(o);
+    return (u, l) => {
+      const r = y("a-input"), c = y("a-form-item");
+      return o.value && o.value.model ? (d(), B(c, {
+        key: 0,
+        field: o.value.mode,
+        label: o.value.name
+      }, {
+        default: g(() => [
+          _(r, {
+            "model-value": s.value[o.value.model],
+            type: "text",
+            disabled: v(i),
+            placeholder: v(a).placeholder,
+            style: J({ width: v(a).width }),
+            maxlength: v(a).maxLength,
+            "show-word-limit": v(a).showWordLimit
+          }, null, 8, ["model-value", "disabled", "placeholder", "style", "maxlength", "show-word-limit"])
+        ]),
+        _: 1
+      }, 8, ["field", "label"])) : M("", !0);
     };
   }
-}), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: co
-}, Symbol.toStringTag, { value: "Module" })), ot = /* @__PURE__ */ E({
+  default: xn
+}, Symbol.toStringTag, { value: "Module" })), En = /* @__PURE__ */ N({
+  __name: "subform",
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n, setPathToData: o } = te(), s = P(() => n(e.path));
+    function i(u, l, r) {
+      var c;
+      return ((c = r == null ? void 0 : r.dataset) == null ? void 0 : c.category) === "basic";
+    }
+    function a(u) {
+      var c;
+      if (!u || !e.path || !((c = s.value) != null && c.children))
+        return;
+      const l = u.newIndex, r = ye(s.value.children);
+      r[l] = lt(r[l], { options: {} }), o(e.path, { ...s.value, children: r });
+    }
+    return (u, l) => {
+      const r = y("a-card");
+      return s.value && s.value.children ? (d(), B(r, {
+        key: 0,
+        title: s.value.name,
+        size: "small"
+      }, {
+        default: g(() => [
+          _(v(Pe), it({
+            list: s.value.children,
+            class: "fe-form-widget-list",
+            style: { display: "flex" },
+            group: { name: "orchisky", put: i }
+          }, v(ut), { onAdd: a }), {
+            item: g(({ element: c, index: h }) => [
+              c && c.key ? (d(), B(Me, {
+                key: 0,
+                path: v(we)(e.path, h)
+              }, null, 8, ["path"])) : M("", !0)
+            ]),
+            footer: g(() => []),
+            _: 1
+          }, 16, ["list", "group"])
+        ]),
+        _: 1
+      }, 8, ["title"])) : M("", !0);
+    };
+  }
+}), kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: En
+}, Symbol.toStringTag, { value: "Module" })), Dn = /* @__PURE__ */ N({
+  __name: "text",
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => {
+      var a;
+      return d(), S("div", null, Y((a = o.value) == null ? void 0 : a.name), 1);
+    };
+  }
+}), Sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Dn
+}, Symbol.toStringTag, { value: "Module" })), Fn = /* @__PURE__ */ N({
+  __name: "textarea",
+  props: { path: String },
+  setup(t) {
+    const e = t, n = te(), o = P(() => n.getWidget(e.path)), s = P(() => n.models), { disabled: i, options: a } = rt(o);
+    return (u, l) => {
+      const r = y("a-textarea"), c = y("a-form-item");
+      return o.value && o.value.model ? (d(), B(c, {
+        key: 0,
+        field: o.value.mode,
+        label: o.value.name
+      }, {
+        default: g(() => [
+          _(r, {
+            "model-value": s.value[o.value.model],
+            type: "text",
+            disabled: v(i),
+            placeholder: v(a).placeholder,
+            style: J({ width: v(a).width }),
+            maxlength: v(a).maxLength,
+            "show-word-limit": v(a).showWordLimit
+          }, null, 8, ["model-value", "disabled", "placeholder", "style", "maxlength", "show-word-limit"])
+        ]),
+        _: 1
+      }, 8, ["field", "label"])) : M("", !0);
+    };
+  }
+}), $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Fn
+}, Symbol.toStringTag, { value: "Module" })), Tt = /* @__PURE__ */ N({
   __name: "unknown",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    return (l, e) => {
-      var n, i;
-      return r(), x("div", null, " 404 - " + M((n = t.field) == null ? void 0 : n.name) + " / " + M((i = t.field) == null ? void 0 : i.type), 1);
+  props: { path: String },
+  setup(t) {
+    const e = t, { getWidget: n } = te(), o = P(() => n(e.path));
+    return (s, i) => {
+      var a;
+      return d(), S("div", null, " 404 - " + Y((a = o.value) == null ? void 0 : a.name), 1);
     };
   }
-}), po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), On = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ot
-}, Symbol.toStringTag, { value: "Module" })), je = /* @__PURE__ */ Object.assign({ "./barcode.vue": eo, "./card.vue": oo, "./col.vue": lo, "./grid.vue": ao, "./hline.vue": ro, "./input.vue": uo, "./qrcode.vue": Jt, "./unknown.vue": po });
-function fo(o) {
-  const t = Object.keys(je).find((l) => l.indexOf(`${o}.vue`) !== -1);
-  return t && je[t] ? je[t].default : ot;
+  default: Tt
+}, Symbol.toStringTag, { value: "Module" })), Xe = /* @__PURE__ */ Object.assign({ "./barcode.vue": dn, "./card.vue": pn, "./col.vue": _n, "./grid.vue": mn, "./hline.vue": yn, "./image.vue": wn, "./input.vue": Cn, "./qrcode.vue": rn, "./subform.vue": kn, "./text.vue": Sn, "./textarea.vue": $n, "./unknown.vue": On });
+function Bn(t) {
+  const e = Object.keys(Xe).find((n) => n.indexOf(`${t}.vue`) !== -1);
+  return e && Xe[e] ? Xe[e].default : Tt;
 }
-const _o = ["data-type", "data-category", "data-path"], ho = {
+const An = ["data-type", "data-category", "data-path"], Tn = {
   key: 0,
   class: "fe-form-widget-tool"
-}, go = { class: "fe-form-widget-tool-btn" }, vo = { class: "fe-form-widget-tool-rb" }, $e = /* @__PURE__ */ E({
+}, jn = {
+  key: 0,
+  class: "fe-form-widget-tool-btn"
+}, Pn = { class: "fe-form-widget-tool-rb" }, Me = /* @__PURE__ */ N({
   __name: "widget-item",
-  props: Q(),
-  setup(o) {
-    const t = o;
+  props: { path: String },
+  setup(t) {
+    const e = t, n = te(), { onCopy: o, onDelete: s, onSelected: i } = n, a = P(() => n.getWidget(e.path)), u = P(() => n.selectPath);
     function l() {
-      var a, c;
-      if (t.path && ((a = t.field) == null ? void 0 : a.category) === "child" && ((c = t.field) == null ? void 0 : c.children)) {
-        const [u] = De(t.path);
-        return se(t.data, u).length > 1;
+      var p;
+      return ((p = a.value) == null ? void 0 : p.category) === "sub";
+    }
+    function r() {
+      var p;
+      if (e.path && l() && ((p = a.value) == null ? void 0 : p.children)) {
+        const [f] = Bt(e.path);
+        return n.getPathToData(f).length > 1;
       }
       return !0;
     }
-    function e() {
-      return t.selectedPath && t.selectedPath === t.path;
-    }
-    function n() {
-      K.emit("widget(path:selected)", t.path);
+    function c() {
+      return e.path && e.path === u.value;
     }
-    function i() {
-      return t.field.options ? t.field.fixed ? {
+    function h() {
+      const p = a.value;
+      return !(p != null && p.options) || !p.fixed ? {} : {
         position: "absolute",
-        width: t.field.options.width,
-        height: t.field.options.height,
-        left: t.field.options.left,
-        top: t.field.options.top,
-        zIndex: e() ? "9" : "1"
-      } : {} : {};
+        width: p.options.width,
+        height: p.options.height,
+        left: p.options.left,
+        top: p.options.top,
+        zIndex: c() ? "9" : "1"
+      };
     }
-    return (a, c) => {
-      const u = m("icon-drag-dot-vertical"), C = m("icon-copy"), $ = m("icon-delete");
-      return r(), x("div", {
-        class: _e(["fe-form-widget-item fe-cl", { "fe-form-widget-item-fixed": t.field.fixed }]),
-        "data-type": t.field.type,
-        "data-category": t.field.category,
-        "data-path": a.$props.path
+    return (p, f) => {
+      const F = y("icon-drag-dot-vertical"), z = y("icon-copy"), H = y("icon-delete");
+      return a.value ? (d(), S("div", {
+        key: 0,
+        class: ke(["fe-form-widget-item fe-cl", { "fe-form-widget-item-fixed": a.value.fixed }]),
+        "data-type": a.value.type,
+        "data-category": a.value.category,
+        "data-path": e.path
       }, [
-        y("div", {
-          class: _e(["fe-form-widget-view", { "is-selected": e(), "fe-form-widget-view-fixed": t.field.fixed }]),
-          style: ee(i()),
-          onClick: c[2] || (c[2] = kt((b) => n(), ["stop"]))
+        O("div", {
+          class: ke(["fe-form-widget-view", { "is-selected": c(), "fe-form-widget-view-fixed": a.value.fixed }]),
+          style: J(h()),
+          onClick: f[2] || (f[2] = uo((G) => v(i)(e.path), ["stop"]))
         }, [
-          e() ? (r(), x("div", ho, [
-            y("div", {
-              class: _e(["fe-form-widget-tool-lt", { "fe-moving": !g(He)(t.field) }])
+          c() ? (d(), S("div", Tn, [
+            O("div", {
+              class: ke(["fe-form-widget-tool-lt", { "fe-moving": !l() }])
             }, [
-              y("span", go, [
-                g(He)(t.field) ? D("", !0) : (r(), R(u, { key: 0 })),
-                q(" " + M(t.field.name), 1)
-              ])
+              l() ? M("", !0) : (d(), S("span", jn, [
+                _(F)
+              ]))
             ], 2),
-            y("div", vo, [
-              y("span", {
+            O("div", Pn, [
+              O("span", {
                 class: "fe-form-widget-tool-btn",
-                onClick: c[0] || (c[0] = (b) => g(K).emit("widget(path:copy)", t.path))
+                onClick: f[0] || (f[0] = (G) => v(o)(e.path))
               }, [
-                p(C)
+                _(z)
               ]),
-              l() ? (r(), x("span", {
+              r() ? (d(), S("span", {
                 key: 0,
                 class: "fe-form-widget-tool-btn",
-                onClick: c[1] || (c[1] = (b) => g(K).emit("widget(path:delete)", t.path))
+                onClick: f[1] || (f[1] = (G) => v(s)(e.path))
               }, [
-                p($)
-              ])) : D("", !0)
+                _(H)
+              ])) : M("", !0)
             ])
-          ])) : D("", !0),
-          (r(), R(xe(g(fo)(t.field.type)), ke(Ae(t)), null, 16))
+          ])) : M("", !0),
+          (d(), B(Be(v(Bn)(a.value.type)), Te(je(e)), null, 16))
         ], 6)
-      ], 10, _o);
+      ], 10, An)) : M("", !0);
+    };
+  }
+});
+function xe() {
+  return {
+    data: {
+      type: Object,
+      default: () => ({ children: [] })
+    },
+    field: {
+      type: Object,
+      default: null
+    },
+    path: String
+  };
+}
+function Mn(t) {
+  return {
+    config: t.data.config,
+    children: t.data.children
+  };
+}
+const Nn = ["src"], jt = /* @__PURE__ */ N({
+  __name: "qrcode",
+  props: xe(),
+  setup(t) {
+    const e = t, n = P(() => e.field), o = document.createElement("canvas");
+    o.height = 1, o.width = 1;
+    function s() {
+      var a, u, l, r;
+      const i = (u = (a = n.value) == null ? void 0 : a.options) != null ? u : {};
+      return i.bcid ? (Dt.toCanvas(o, {
+        bcid: i.bcid,
+        text: (l = i.defaultValue) != null ? l : "10000",
+        height: i.height,
+        width: i.width,
+        padding: (r = i.padding) != null ? r : 0,
+        eclevel: "H"
+      }), o.toDataURL()) : "";
+    }
+    return (i, a) => n.value && n.value.options ? (d(), S("img", {
+      key: 0,
+      src: s(),
+      style: J({ width: n.value.options.width + "px", height: n.value.options.height + "px" }),
+      draggable: "false"
+    }, null, 12, Nn)) : M("", !0);
+  }
+}), Rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: jt
+}, Symbol.toStringTag, { value: "Module" })), zn = {
+  __name: "barcode",
+  setup(t) {
+    return (e, n) => (d(), B(jt, Te(je(e.$props)), null, 16));
+  }
+}, Wn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: zn
+}, Symbol.toStringTag, { value: "Module" })), In = /* @__PURE__ */ N({
+  __name: "hline",
+  props: xe(),
+  setup(t) {
+    const e = t, n = P(() => e.field);
+    return (o, s) => n.value && n.value.options ? (d(), S("div", {
+      key: 0,
+      style: J(n.value.options)
+    }, null, 4)) : M("", !0);
+  }
+}), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: In
+}, Symbol.toStringTag, { value: "Module" })), Ln = /* @__PURE__ */ N({
+  __name: "image",
+  props: xe(),
+  setup(t) {
+    const e = t, n = P(() => e.field);
+    return (o, s) => n.value && n.value.options ? (d(), S("img", {
+      key: 0,
+      src: "",
+      style: J({ width: n.value.options.width + "px", height: n.value.options.height + "px" })
+    }, null, 4)) : M("", !0);
+  }
+}), Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ln
+}, Symbol.toStringTag, { value: "Module" })), Hn = /* @__PURE__ */ N({
+  __name: "text",
+  props: xe(),
+  setup(t) {
+    const e = t, n = P(() => e.field);
+    return (o, s) => {
+      var i;
+      return d(), S("div", null, Y((i = n.value) == null ? void 0 : i.name), 1);
     };
   }
+}), qn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Hn
+}, Symbol.toStringTag, { value: "Module" })), Pt = /* @__PURE__ */ N({
+  __name: "unknown",
+  props: xe(),
+  setup(t) {
+    const e = t;
+    return (n, o) => {
+      var s;
+      return d(), S("div", null, " 404 - " + Y((s = e.field) == null ? void 0 : s.name), 1);
+    };
+  }
+}), Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Pt
+}, Symbol.toStringTag, { value: "Module" })), Je = /* @__PURE__ */ Object.assign({ "./barcode.vue": Wn, "./hline.vue": Vn, "./image.vue": Un, "./qrcode.vue": Rn, "./text.vue": qn, "./unknown.vue": Kn });
+function Yn(t) {
+  const e = Object.keys(Je).find((n) => n.indexOf(`${t}.vue`) !== -1);
+  return e && Je[e] ? Je[e].default : Pt;
+}
+const Xn = /* @__PURE__ */ N({
+  __name: "widget-item",
+  props: xe(),
+  setup(t) {
+    const e = t;
+    function n() {
+      return { "fe-form-widget-div": !e.field.fixed };
+    }
+    function o() {
+      const { field: s } = e;
+      return s != null && s.options ? s.fixed ? {
+        position: "absolute",
+        width: s.options.width,
+        height: s.options.height,
+        left: s.options.left,
+        top: s.options.top
+      } : {} : {};
+    }
+    return (s, i) => e.field ? (d(), S("div", {
+      key: 0,
+      class: ke(n),
+      style: J(o())
+    }, [
+      (d(), B(Be(v(Yn)(e.field.type)), Te(je(e)), null, 16))
+    ], 4)) : M("", !0);
+  }
 });
-const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" }, bo = {
+const Jn = { class: "u-main u-h" }, Gn = { class: "fe-form-widget-list" }, Qn = /* @__PURE__ */ N({
+  __name: "index",
+  props: xe(),
+  setup(t) {
+    const e = t, { config: n, children: o } = Mn(e);
+    return (s, i) => {
+      const a = y("a-form");
+      return d(), S("div", Jn, [
+        _(a, {
+          model: {},
+          style: { width: "100%", "min-height": "100%" }
+        }, {
+          default: g(() => {
+            var u, l;
+            return [
+              O("div", {
+                ref: "formRef",
+                style: J([{ display: "block", height: "100%", "min-height": "0", "box-shadow": "0 0 5px rgba(0, 0, 0, 0.08)" }, { width: `${(u = v(n)) == null ? void 0 : u.width}`, height: `${(l = v(n)) == null ? void 0 : l.height}`, margin: "0 auto", overflow: "hidden" }])
+              }, [
+                O("div", Gn, [
+                  (d(!0), S(X, null, _e(v(o), (r, c) => (d(), B(Xn, {
+                    key: c,
+                    data: e.data,
+                    field: r,
+                    path: v(we)(null, c)
+                  }, null, 8, ["data", "field", "path"]))), 128))
+                ])
+              ], 4)
+            ];
+          }),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Zn = { class: "u-h u-card" }, es = { class: "u-card__hd u-aside__hd" }, ts = {
   class: "u-flex",
   style: { width: "100%", padding: "0 8px" }
-}, wo = { class: "u-flex__item" }, xo = { class: "u-main fe-layout-main" }, ko = { class: "fe-layout-footer" }, Co = { class: "fe-layout-footer-content" }, $o = /* @__PURE__ */ E({
+}, os = { class: "u-flex__item" }, ns = { class: "u-main u-aside__bdf" }, ss = { class: "u-aside__ft" }, is = { class: "u-aside__ft-content" }, as = /* @__PURE__ */ N({
   __name: "main",
-  props: Q(),
-  emits: ["update:data", "update:selectedPath", "reset"],
-  setup(o, { emit: t }) {
-    const l = t, e = o, { config: n } = et(e), i = B(Ht(e)), a = B({
-      get: () => e.data,
-      set: (_) => l("update:data", _)
-    });
-    function c(_, v) {
-      const k = te(e.data.children);
-      k[_] = v, l("update:data", { ...e.data, children: k });
-    }
-    function u(_) {
-      l("update:selectedPath", _);
-    }
-    K.on("widget(reset)", () => l("reset")), K.on("widget(path:selected)", u), K.on("widget(path:update)", (_) => {
-      _[0] && (a.value = pe(e.data, _[0], _[1]));
-    }), K.on("widget(config)", (_) => {
-      e.selectedPath && (a.value = pe(e.data, `${e.selectedPath}.options`, _));
-    }), K.on("widget(selectedPath:options)", (_) => {
-      e.selectedPath && (a.value = pe(e.data, `${e.selectedPath}.options`, _));
-    }), K.on("widget(path:copy)", (_) => {
-      if (!_)
-        return;
-      const [v, k] = De(_), j = se(e.data, v), z = Ye(j[k], { options: {} });
-      j.splice(k, 0, z), a.value = pe(e.data, v, j);
-    }), K.on("widget(path:delete)", (_) => {
-      if (!_)
-        return;
-      const [v, k] = De(_), j = se(e.data, v);
-      j.splice(k, 1), u(""), pe(e.data, v, j);
-    });
-    const C = V(null);
-    function $(_) {
-      const { originalEvent: v } = _, { clientX: k, clientY: j } = v, { top: z, left: L } = C.value.getBoundingClientRect();
-      return { left: `${k - L}px`, top: `${j - z}px` };
+  setup(t) {
+    const [e, n] = zo({ visible: !1 }), o = te(), { onSelected: s, onReset: i, onUpdateConfig: a, toJson: u } = o, l = P(() => o.children), r = P(() => o.config), c = P(() => o.models), h = [];
+    function p(T) {
+      T === "A4" && (a("width", "210mm"), a("height", "297mm")), T === "PC" && (a("width", "1920px"), a("height", "1080px"));
+    }
+    function f(T, E) {
+      const $ = we(null, T);
+      o.setPathToData($, E);
     }
-    function b(_) {
-      if (!_)
+    const F = U(null);
+    function z(T) {
+      const { originalEvent: E } = T, { clientX: $, clientY: j } = E, { top: x, left: oe } = F.value.getBoundingClientRect();
+      return { left: `${$ - oe}px`, top: `${j - x}px` };
+    }
+    function H(T) {
+      if (!T)
         return;
-      const v = _.newIndex, k = te(e.data.children);
-      k[v] = Be(k[v], { options: $(_) }), k[v].children && (k[v] = {
-        ...k[v],
-        children: te(k[v].children)
-      }), u(`children[${v}]`), c(v, k[v]);
-    }
-    function S(_) {
-      if (!_)
+      const E = T.newIndex, $ = ye(l.value);
+      $[E] = lt($[E], { options: z(T) }), $[E].cen && ($[E] = {
+        ...$[E],
+        cen: ye($[E].cen)
+      }), s(`children[${E}]`), f(E, $[E]);
+    }
+    function G(T) {
+      if (!T)
         return;
-      const v = _.newIndex, k = te(e.data.children);
-      k[v].options = {
-        ...k[v].options,
-        ...$(_)
-      }, u(`children[${v}]`), c(v, k[v]);
-    }
-    return (_, v) => {
-      const k = m("a-button"), j = m("a-space"), z = m("icon-save"), L = m("icon-eye"), J = m("icon-eraser"), ge = m("icon-right"), ce = m("a-link"), Z = m("a-breadcrumb-item"), de = m("a-breadcrumb");
-      return r(), x("div", mo, [
-        y("div", yo, [
-          y("div", bo, [
-            y("div", wo, [
-              p(j, { size: "mini" }, {
-                default: f(() => [
-                  p(k, { size: "mini" }, {
-                    default: f(() => [
-                      q("PC")
+      const E = T.newIndex, $ = ye(l.value);
+      $[E].options = {
+        ...$[E].options,
+        ...z(T)
+      }, s(`children[${E}]`), f(E, $[E]);
+    }
+    function fe() {
+      un.alert(JSON.stringify(u()));
+    }
+    return (T, E) => {
+      const $ = y("a-button"), j = y("a-space"), x = y("icon-save"), oe = y("icon-eye"), Z = y("icon-eraser"), C = y("a-form"), b = y("icon-right"), R = y("a-link"), L = y("a-breadcrumb-item"), ie = y("a-breadcrumb"), De = y("a-drawer");
+      return d(), S("div", Zn, [
+        O("div", es, [
+          O("div", ts, [
+            O("div", os, [
+              _(j, { size: "mini" }, {
+                default: g(() => [
+                  _($, {
+                    size: "mini",
+                    onClick: E[0] || (E[0] = (K) => p("PC"))
+                  }, {
+                    default: g(() => [
+                      le("PC")
                     ]),
                     _: 1
                   }),
-                  p(k, { size: "mini" }, {
-                    default: f(() => [
-                      q("A4")
+                  _($, {
+                    size: "mini",
+                    onClick: E[1] || (E[1] = (K) => p("A4"))
+                  }, {
+                    default: g(() => [
+                      le("A4")
                     ]),
                     _: 1
                   })
@@ -1214,35 +2436,36 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
                 _: 1
               })
             ]),
-            y("div", null, [
-              p(j, { size: "mini" }, {
-                default: f(() => [
-                  p(k, {
+            O("div", null, [
+              _(j, { size: "mini" }, {
+                default: g(() => [
+                  _($, {
                     size: "mini",
                     title: "\u4FDD\u5B58",
-                    onClick: v[0] || (v[0] = (W) => g(K).emit("widget(click)", ["save", a.value]))
+                    onClick: E[2] || (E[2] = (K) => fe())
                   }, {
-                    icon: f(() => [
-                      p(z)
+                    icon: g(() => [
+                      _(x)
                     ]),
                     _: 1
                   }),
-                  p(k, {
+                  _($, {
                     size: "mini",
-                    title: "\u9884\u89C8"
+                    title: "\u9884\u89C8",
+                    onClick: E[3] || (E[3] = (K) => v(n)({ visible: !0 }))
                   }, {
-                    icon: f(() => [
-                      p(L)
+                    icon: g(() => [
+                      _(oe)
                     ]),
                     _: 1
                   }),
-                  p(k, {
+                  _($, {
                     size: "mini",
                     title: "\u6E05\u7A7A",
-                    onClick: v[1] || (v[1] = (W) => l("reset"))
+                    onClick: E[4] || (E[4] = (K) => v(i)())
                   }, {
-                    icon: f(() => [
-                      p(J)
+                    icon: g(() => [
+                      _(Z)
                     ]),
                     _: 1
                   })
@@ -1252,86 +2475,105 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
             ])
           ])
         ]),
-        y("div", xo, [
-          y("div", {
-            ref_key: "formRef",
-            ref: C,
-            class: "fe-form-page",
-            style: ee({ width: `${g(n).width}`, height: `${g(n).height}`, margin: "0 auto" })
-          }, [
-            p(g(Ce), Me({
-              class: "fe-form-widget-list",
-              list: a.value.children,
-              group: { name: "orchisky", put: !0 }
-            }, g(Xe), {
-              onUpdate: g(Gt),
-              onAdd: b,
-              onEnd: S
-            }), {
-              item: f(({ element: W, index: N }) => [
-                W && W.key ? (r(), R($e, {
-                  key: 0,
-                  data: e.data,
-                  "selected-path": e.selectedPath,
-                  field: W,
-                  "field-index": N,
-                  path: g(he)(null, N)
-                }, null, 8, ["data", "selected-path", "field", "field-index", "path"])) : D("", !0)
-              ]),
-              footer: f(() => [
-                ae(_.$slots, "default")
-              ]),
-              _: 3
-            }, 16, ["list", "onUpdate"])
-          ], 4)
+        O("div", ns, [
+          _(C, {
+            model: c.value,
+            style: { width: "100%", "min-height": "100%" }
+          }, {
+            default: g(() => [
+              O("div", {
+                ref_key: "formRef",
+                ref: F,
+                style: J([{ display: "block", height: "100%", "min-height": "0", "box-shadow": "0 0 5px rgba(0, 0, 0, 0.08)" }, { width: `${r.value.width}`, height: `${r.value.height}`, margin: "0 auto" }])
+              }, [
+                _(v(Pe), it({
+                  class: "fe-form-widget-list",
+                  list: l.value,
+                  group: { name: "orchisky", put: !0 }
+                }, v(ut), {
+                  onUpdate: v(Ro),
+                  onAdd: H,
+                  onEnd: G
+                }), {
+                  item: g(({ element: K, index: re }) => [
+                    K && K.key ? (d(), B(Me, {
+                      key: 0,
+                      path: v(we)(null, re),
+                      preview: !1
+                    }, null, 8, ["path"])) : M("", !0)
+                  ]),
+                  footer: g(() => [
+                    ve(T.$slots, "default")
+                  ]),
+                  _: 3
+                }, 16, ["list", "onUpdate"])
+              ], 4)
+            ]),
+            _: 3
+          }, 8, ["model"])
         ]),
-        y("div", ko, [
-          y("div", Co, [
-            p(de, null, {
-              separator: f(() => [
-                p(ge)
+        O("div", ss, [
+          O("div", is, [
+            _(ie, null, {
+              separator: g(() => [
+                _(b)
+              ]),
+              default: g(() => [
+                _(L, null, {
+                  default: g(() => [
+                    _(R, null, {
+                      default: g(() => [
+                        le("\u7ED3\u6784\u5BFC\u822A")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                h != null && h.length ? (d(), S(X, { key: 0 }, _e(h, (K, re) => _(L, { key: re }, {
+                  default: g(() => [
+                    K ? (d(), B(R, {
+                      key: 0,
+                      onClick: (V) => v(s)(K.path)
+                    }, {
+                      default: g(() => [
+                        le(Y(K.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : M("", !0)
+                  ]),
+                  _: 2
+                }, 1024)), 64)) : M("", !0)
               ]),
-              default: f(() => {
-                var W;
-                return [
-                  p(Z, null, {
-                    default: f(() => [
-                      p(ce, null, {
-                        default: f(() => [
-                          q("\u7ED3\u6784\u5BFC\u822A")
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  (W = i.value) != null && W.length ? (r(!0), x(I, { key: 0 }, oe(i.value, (N, ve) => (r(), R(Z, { key: ve }, {
-                    default: f(() => [
-                      N ? (r(), R(ce, {
-                        key: 0,
-                        onClick: (Ke) => u(N.path)
-                      }, {
-                        default: f(() => [
-                          q(M(N.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])) : D("", !0)
-                    ]),
-                    _: 2
-                  }, 1024))), 128)) : D("", !0)
-                ];
-              }),
               _: 1
             })
           ])
-        ])
+        ]),
+        _(De, {
+          visible: v(e).visible,
+          "onUpdate:visible": E[5] || (E[5] = (K) => v(e).visible = K),
+          placement: "bottom",
+          height: "80%",
+          title: "\u9884\u89C8",
+          footer: !1,
+          class: "fe-form-drawer",
+          "unmount-on-close": ""
+        }, {
+          default: g(() => [
+            _(Qn, {
+              data: v(u)()
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["visible"])
       ]);
     };
   }
-}), So = { class: "fe-form-side" }, Ro = { class: "u-card u-h" }, Oo = { class: "u-card__hd fe-layout-head" }, Po = {
+});
+const us = { class: "u-card u-h" }, ls = { class: "u-card__hd u-aside__hd" }, rs = {
   class: "u-tabs u-tabs--small",
   style: { border: "0" }
-}, zo = ["onClick"], jo = { class: "u-card__bd fe-cl fe-layout-body" }, nt = /* @__PURE__ */ E({
+}, cs = ["onClick"], ds = { class: "u-card__bd fe-cl u-aside__bd" }, Mt = /* @__PURE__ */ N({
   __name: "tabs",
   props: {
     list: Array,
@@ -1340,37 +2582,40 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       default: 0
     }
   },
-  setup(o) {
-    const t = o, l = V(t.index);
-    function e(i) {
-      return { "is-active": i === l.value };
-    }
-    function n(i) {
-      l.value = i;
-    }
-    return (i, a) => (r(), x("div", So, [
-      y("div", Ro, [
-        y("div", Oo, [
-          y("div", Po, [
-            (r(!0), x(I, null, oe(t.list, (c, u) => (r(), x("div", {
-              key: u,
-              class: "u-tabs__item",
-              onClick: (C) => n(u)
-            }, [
-              y("div", {
-                class: _e(["u-tabs__link", e(u)])
-              }, M(c), 3)
-            ], 8, zo))), 128))
-          ])
-        ]),
-        y("div", jo, [
-          ae(i.$slots, "default", { index: l.value })
+  setup(t) {
+    const e = t, n = U(e.index);
+    function o(i) {
+      return { "is-active": i === n.value };
+    }
+    function s(i) {
+      n.value = i;
+    }
+    return (i, a) => (d(), S("div", us, [
+      O("div", ls, [
+        O("div", rs, [
+          (d(!0), S(X, null, _e(e.list, (u, l) => (d(), S("div", {
+            key: l,
+            class: "u-tabs__item",
+            onClick: (r) => s(l)
+          }, [
+            O("div", {
+              class: ke(["u-tabs__link", o(l)])
+            }, Y(u), 3)
+          ], 8, cs))), 128))
         ])
+      ]),
+      O("div", ds, [
+        ve(i.$slots, "default", { index: n.value })
       ])
     ]));
   }
-}), To = {
-  title: "\u8F85\u52A9\u63A7\u4EF6",
+}), Ct = {
+  height: "px",
+  width: "px",
+  left: "px",
+  top: "px"
+}, fs = {
+  title: "\u6253\u5370-\u8F85\u52A9\u63A7\u4EF6",
   order: 4,
   children: [
     {
@@ -1384,6 +2629,7 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
         borderTop: "1px solid #000"
       },
       optionsConfig: {
+        ...Ct,
         borderTop: {
           show: !1
         }
@@ -1400,69 +2646,114 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
         borderLeft: "1px solid #000"
       },
       optionsConfig: {
+        ...Ct,
         borderLeft: {
           show: !1
         }
       }
     }
   ]
-}, Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: To
-}, Symbol.toStringTag, { value: "Module" })), Do = {
-  title: "\u57FA\u7840\u5B57\u6BB5",
+  default: fs
+}, Symbol.toStringTag, { value: "Module" })), Ge = {
+  height: "px",
+  width: "px",
+  left: "px",
+  top: "px"
+}, hs = {
+  title: "\u6253\u5370-\u57FA\u7840\u5B57\u6BB5",
   order: 1,
   children: [
     {
-      type: "input",
+      type: "text",
       name: "\u5355\u884C\u6587\u672C",
-      icon: "icon-text",
-      category: "base",
+      icon: "icon-file",
       fixed: !0,
       options: {
         width: "120pt",
         height: "9.75pt",
         defaultValue: "1"
       },
-      optionsConfig: {
-        height: "input",
-        width: "input"
-      }
+      optionsConfig: Ge
     },
     {
-      type: "textarea",
+      type: "text",
       name: "\u591A\u884C\u6587\u672C",
-      icon: "icon-text",
-      category: "base",
+      icon: "icon-file",
       fixed: !0,
       options: {
         width: "250pt",
         height: "42pt"
-      }
+      },
+      optionsConfig: Ge
     },
     {
       type: "image",
       name: "\u56FE\u7247",
-      icon: "icon-text",
+      icon: "icon-file-image",
       fixed: !0,
       options: {
         width: "150pt",
         height: "150pt"
+      },
+      optionsConfig: Ge
+    }
+  ]
+}, _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: hs
+}, Symbol.toStringTag, { value: "Module" })), gs = {
+  title: "\u5E38\u7528\u63A7\u4EF6",
+  order: 8,
+  children: [
+    {
+      type: "input",
+      name: "\u5355\u884C\u6587\u672C",
+      category: "basic",
+      icon: "icon-input",
+      options: {
+        defaultValue: "",
+        required: !1,
+        placeholder: "",
+        disabled: !1
+      },
+      rules: []
+    },
+    {
+      type: "textarea",
+      name: "\u591A\u884C\u6587\u672C",
+      category: "basic",
+      icon: "icon-input",
+      options: {
+        defaultValue: "",
+        required: !1,
+        disabled: !1,
+        placeholder: ""
       }
+    },
+    {
+      type: "subform",
+      icon: "icon-input",
+      children: [],
+      options: {
+        customClass: "",
+        labelWidth: 100
+      },
+      name: "\u5B50\u8868\u5355"
     }
   ]
-}, Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ms = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Do
-}, Symbol.toStringTag, { value: "Module" })), Mo = {
-  title: "\u6761\u5F62\u7801 ",
+  default: gs
+}, Symbol.toStringTag, { value: "Module" })), vs = {
+  title: "\u6253\u5370-\u6761\u5F62\u7801 ",
   order: 7,
   children: [
     {
       type: "barcode",
       name: "\u6761\u5F62\u7801",
       icon: "icon-text",
-      category: "base",
       fixed: !0,
       options: {
         width: 142,
@@ -1473,6 +2764,8 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       optionsConfig: {
         height: "number",
         width: "number",
+        left: "px",
+        top: "px",
         bcid: {
           type: "select",
           options: [
@@ -1490,7 +2783,6 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       type: "qrcode",
       name: "\u4E8C\u7EF4\u7801",
       icon: "icon-text",
-      category: "base",
       fixed: !0,
       options: {
         width: 142,
@@ -1502,6 +2794,8 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
         height: "number",
         width: "number",
         padding: "number",
+        left: "px",
+        top: "px",
         bcid: {
           type: "select",
           options: [
@@ -1522,24 +2816,23 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       }
     }
   ]
-}, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Mo
-}, Symbol.toStringTag, { value: "Module" })), Fo = {
+  default: vs
+}, Symbol.toStringTag, { value: "Module" })), bs = {
   title: "\u5E03\u5C40\u63A7\u4EF6",
-  order: 4,
+  order: 8,
   children: [
     {
       type: "card",
       icon: "icon-grid",
       name: "\u9AD8\u7EA7\u5361\u7247",
-      category: "view",
+      category: "parent",
       children: [
         {
           type: "col",
           name: "\u5206\u7EC4",
-          category: "child",
-          options: { span: 12 },
+          category: "sub",
           children: []
         }
       ],
@@ -1552,19 +2845,19 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       type: "grid",
       icon: "icon-grid",
       name: "\u6805\u683C\u5E03\u5C40",
-      category: "view",
+      category: "parent",
       children: [
         {
           type: "col",
           name: "\u5206\u7EC4",
-          category: "child",
+          category: "sub",
           options: { span: 12 },
           children: []
         },
         {
           type: "col",
           name: "\u5B50\u6805\u683C",
-          category: "child",
+          category: "sub",
           options: { span: 12 },
           children: []
         }
@@ -1575,27 +2868,27 @@ const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" },
       }
     }
   ]
-}, Ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Fo
-}, Symbol.toStringTag, { value: "Module" })), Ge = /* @__PURE__ */ Object.assign({ "./module/assist.ts": Eo, "./module/base.ts": Ao, "./module/bwip.ts": Bo, "./module/view.ts": Ko }), Fe = [];
-Object.keys(Ge).forEach((o) => {
-  const t = Ge[o].default;
-  t && Fe.push(t);
+  default: bs
+}, Symbol.toStringTag, { value: "Module" })), Et = /* @__PURE__ */ Object.assign({ "./module/assist.ts": ps, "./module/base.ts": _s, "./module/basic.ts": ms, "./module/bwip.ts": ys, "./module/view.ts": ws }), ct = [];
+Object.keys(Et).forEach((t) => {
+  const e = Et[t].default;
+  e && ct.push(e);
 });
-Fe.sort((o, t) => o.order - t.order);
-const Vo = { class: "fe-form-side-bd" }, Io = { class: "fe-form-side-bd-title" }, Uo = { class: "fe-form-side-bd-content" }, Wo = /* @__PURE__ */ E({
+ct.sort((t, e) => t.order - e.order);
+const xs = { class: "fe-form-side-bd" }, Cs = { class: "fe-form-side-bd-title" }, Es = { class: "fe-form-side-bd-content" }, ks = /* @__PURE__ */ N({
   __name: "side-library",
-  setup(o) {
-    return (t, l) => {
-      const e = m("icon-drag-arrow"), n = m("a-button");
-      return r(), x("div", Vo, [
-        (r(!0), x(I, null, oe(g(Fe), ({ title: i, children: a }, c) => (r(), x(I, { key: c }, [
-          y("span", Io, [
-            y("strong", null, M(i), 1)
+  setup(t) {
+    return (e, n) => {
+      const o = y("icon-drag-arrow"), s = y("a-button");
+      return d(), S("div", xs, [
+        (d(!0), S(X, null, _e(v(ct), ({ title: i, children: a }, u) => (d(), S(X, { key: u }, [
+          O("span", Cs, [
+            O("strong", null, Y(i), 1)
           ]),
-          y("div", Uo, [
-            p(g(Ce), {
+          O("div", Es, [
+            _(v(Pe), {
               list: a,
               group: { name: "orchisky", pull: "clone", put: !1, animation: 300 },
               sort: !1,
@@ -1603,18 +2896,18 @@ const Vo = { class: "fe-form-side-bd" }, Io = { class: "fe-form-side-bd-title" }
               "chosen-class": "chosen",
               "item-key": "key"
             }, {
-              item: f(({ element: u }) => [
-                p(n, {
-                  class: _e(["fe-form-side-bd-button", { "fe-ghost-fixed": u.fixed }]),
-                  "data-type": u.type,
-                  "data-category": u.category,
+              item: g(({ element: l }) => [
+                _(s, {
+                  class: ke(["fe-form-side-bd-button", { "fe-ghost-fixed": l.fixed }]),
+                  "data-type": l.type,
+                  "data-category": l.category,
                   size: "mini"
                 }, {
-                  icon: f(() => [
-                    p(e)
+                  icon: g(() => [
+                    _(o)
                   ]),
-                  default: f(() => [
-                    q(" " + M(u.name), 1)
+                  default: g(() => [
+                    le(" " + Y(l.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["class", "data-type", "data-category"])
@@ -1626,96 +2919,176 @@ const Vo = { class: "fe-form-side-bd" }, Io = { class: "fe-form-side-bd-title" }
       ]);
     };
   }
-}), No = { class: "fe-form-side" }, qo = /* @__PURE__ */ E({
+}), Ds = /* @__PURE__ */ N({
   __name: "side",
-  props: Q(),
-  setup(o) {
-    const t = o;
-    return (l, e) => {
-      const n = m("a-empty");
-      return r(), x("div", No, [
-        p(nt, { list: ["\u7EC4\u4EF6\u5E93", "\u7ED3\u6784", "\u6570\u636E"] }, {
-          default: f(({ index: i }) => [
-            i === 0 ? (r(), R(Wo, ke(Me({ key: 0 }, t)), null, 16)) : (r(), R(n, { key: 1 }))
+  setup(t) {
+    const e = U(!1);
+    return (n, o) => {
+      const s = y("a-empty"), i = y("icon-right"), a = y("icon-left"), u = y("a-button");
+      return d(), S("div", {
+        class: "fe-form-side u-page__side",
+        style: J({ width: e.value ? "0px" : "219px" })
+      }, [
+        e.value ? M("", !0) : (d(), B(Mt, {
+          key: 0,
+          list: ["\u7EC4\u4EF6\u5E93", "\u7ED3\u6784", "\u6570\u636E"]
+        }, {
+          default: g(({ index: l }) => [
+            l === 0 ? (d(), B(ks, { key: 0 })) : (d(), B(s, { key: 1 }))
+          ]),
+          _: 1
+        })),
+        _(u, {
+          type: "secondary",
+          status: "normal",
+          size: "mini",
+          class: "arco-btn-light u-page__arrow",
+          onClick: o[0] || (o[0] = (l) => e.value = !e.value)
+        }, {
+          icon: g(() => [
+            e.value ? (d(), B(a, { key: 1 })) : (d(), B(i, { key: 0 }))
           ]),
           _: 1
         })
-      ]);
+      ], 4);
     };
   }
 });
-const lt = /* @__PURE__ */ E({
+const Nt = /* @__PURE__ */ N({
   __name: "input",
-  props: { label: String, modelValue: [String, Number, Boolean] },
+  props: { label: String, modelValue: String },
   emits: ["update:model-value"],
-  setup(o, { emit: t }) {
-    const l = t, e = o;
-    return (n, i) => {
-      const a = m("a-input"), c = m("a-form-item");
-      return r(), R(c, {
+  setup(t, { emit: e }) {
+    const n = e, o = t;
+    return (s, i) => {
+      const a = y("a-input"), u = y("a-form-item");
+      return d(), B(u, {
         field: "name",
-        label: e.label
+        label: o.label
       }, {
-        default: f(() => [
-          p(a, {
-            "model-value": String(e.modelValue),
+        default: g(() => [
+          _(a, {
+            "model-value": o.modelValue,
             size: "mini",
-            "onUpdate:modelValue": i[0] || (i[0] = (u) => l("update:model-value", u))
+            "onUpdate:modelValue": i[0] || (i[0] = (l) => n("update:model-value", l))
           }, null, 8, ["model-value"])
         ]),
         _: 1
       }, 8, ["label"]);
     };
   }
-}), Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: lt
-}, Symbol.toStringTag, { value: "Module" })), Ho = /* @__PURE__ */ E({
+  default: Nt
+}, Symbol.toStringTag, { value: "Module" })), Fs = /* @__PURE__ */ N({
   __name: "number",
   props: { label: String, modelValue: [String, Number, Boolean] },
   emits: ["update:model-value"],
-  setup(o, { emit: t }) {
-    const l = t, e = o;
-    return (n, i) => {
-      const a = m("a-input-number"), c = m("a-form-item");
-      return r(), R(c, {
+  setup(t, { emit: e }) {
+    const n = e, o = t;
+    return (s, i) => {
+      const a = y("a-input-number"), u = y("a-form-item");
+      return d(), B(u, {
         field: "name",
-        label: e.label
+        label: o.label
       }, {
-        default: f(() => [
-          p(a, {
-            "model-value": Number(e.modelValue),
+        default: g(() => [
+          _(a, {
+            "model-value": Number(o.modelValue),
             size: "mini",
-            "onUpdate:modelValue": i[0] || (i[0] = (u) => l("update:model-value", u))
+            "onUpdate:modelValue": i[0] || (i[0] = (l) => n("update:model-value", l))
           }, null, 8, ["model-value"])
         ]),
         _: 1
       }, 8, ["label"]);
     };
   }
-}), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ho
-}, Symbol.toStringTag, { value: "Module" })), Qo = /* @__PURE__ */ E({
+  default: Fs
+}, Symbol.toStringTag, { value: "Module" })), Os = /* @__PURE__ */ N({
+  __name: "px",
+  props: { label: String, modelValue: [String, Number] },
+  emits: ["update:model-value"],
+  setup(t, { emit: e }) {
+    const n = e, o = t, s = ["px", "pt", "mm"], i = U("px"), a = U();
+    nt(
+      () => o.modelValue,
+      (r) => {
+        if (typeof r == "number")
+          i.value = "px", a.value = r;
+        else if (r == null)
+          i.value = "px", a.value = void 0;
+        else {
+          const c = String(r).slice(-2).toLowerCase();
+          s.includes(c) && (i.value = c), a.value = Number.parseFloat(r);
+        }
+      },
+      {
+        immediate: !0
+      }
+    );
+    function u(r) {
+      n("update:model-value", `${r}${i.value}`);
+    }
+    function l(r) {
+      n("update:model-value", `${a.value}${r}`);
+    }
+    return (r, c) => {
+      const h = y("a-input-number"), p = y("a-select"), f = y("a-input-group"), F = y("a-form-item");
+      return d(), B(F, {
+        field: "name",
+        label: o.label
+      }, {
+        default: g(() => [
+          _(f, null, {
+            default: g(() => [
+              _(h, {
+                "model-value": a.value,
+                size: "mini",
+                "onUpdate:modelValue": u
+              }, null, 8, ["model-value"]),
+              _(p, {
+                modelValue: i.value,
+                "onUpdate:modelValue": [
+                  c[0] || (c[0] = (z) => i.value = z),
+                  l
+                ],
+                size: "mini",
+                options: s,
+                style: { width: "60px" }
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+}), Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Os
+}, Symbol.toStringTag, { value: "Module" })), As = /* @__PURE__ */ N({
   __name: "select",
-  props: { label: String, modelValue: [String, Number, Boolean], optionsConfig: Object },
+  props: { label: String, modelValue: String, optionsConfig: Object },
   emits: ["update:model-value"],
-  setup(o, { emit: t }) {
-    const l = t, e = o;
-    return (n, i) => {
-      const a = m("a-select"), c = m("a-form-item");
-      return r(), R(c, {
+  setup(t, { emit: e }) {
+    const n = e, o = t;
+    return (s, i) => {
+      const a = y("a-select"), u = y("a-form-item");
+      return d(), B(u, {
         field: "name",
-        label: e.label
+        label: o.label
       }, {
-        default: f(() => {
-          var u, C;
+        default: g(() => {
+          var l, r;
           return [
-            p(a, {
-              "model-value": String(e.modelValue),
-              options: (C = (u = e.optionsConfig) == null ? void 0 : u.options) != null ? C : [],
+            _(a, {
+              "model-value": o.modelValue,
+              options: (r = (l = o.optionsConfig) == null ? void 0 : l.options) != null ? r : [],
               size: "mini",
-              "onUpdate:modelValue": i[0] || (i[0] = ($) => l("update:model-value", $))
+              "onUpdate:modelValue": i[0] || (i[0] = (c) => n("update:model-value", c))
             }, null, 8, ["model-value", "options"])
           ];
         }),
@@ -1723,189 +3096,358 @@ const lt = /* @__PURE__ */ E({
       }, 8, ["label"]);
     };
   }
-}), Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qo
-}, Symbol.toStringTag, { value: "Module" })), Te = /* @__PURE__ */ Object.assign({ "./input.vue": Lo, "./number.vue": Go, "./select.vue": Xo });
-function Yo(o) {
-  const t = Object.keys(Te).find((l) => l.indexOf(`${o}.vue`) !== -1);
-  return t && Te[t] ? Te[t].default : lt;
+  default: As
+}, Symbol.toStringTag, { value: "Module" })), Qe = /* @__PURE__ */ Object.assign({ "./input.vue": Ss, "./number.vue": $s, "./px.vue": Bs, "./select.vue": Ts });
+function js(t) {
+  const e = Object.keys(Qe).find((n) => n.indexOf(`${t}.vue`) !== -1);
+  return e && Qe[e] ? Qe[e].default : Nt;
 }
-const fe = /* @__PURE__ */ E({
+const Se = /* @__PURE__ */ N({
   __name: "panel-item",
   props: {
     type: { type: String, default: "input" }
   },
-  setup(o) {
-    const t = o;
-    return (l, e) => (r(), R(xe(g(Yo)(t.type)), ke(Ae(l.$props)), null, 16));
+  setup(t) {
+    const e = t;
+    return (n, o) => (d(), B(Be(v(js)(e.type)), Te(je(n.$props)), null, 16));
   }
-}), Jo = { class: "fe-form-panels" }, Zo = { class: "fe-form-panels-bd" }, en = /* @__PURE__ */ y("span", { class: "fe-form-side-bd-title" }, [
-  /* @__PURE__ */ y("strong", null, "\u57FA\u7840\u8BBE\u7F6E")
-], -1), tn = /* @__PURE__ */ y("span", { class: "fe-form-side-bd-title" }, [
-  /* @__PURE__ */ y("strong", null, "\u5176\u4ED6")
-], -1), on = /* @__PURE__ */ E({
+}), Ps = { class: "fe-form-panels-bd" }, Ms = /* @__PURE__ */ O("span", { class: "fe-form-side-bd-title" }, [
+  /* @__PURE__ */ O("strong", null, "\u57FA\u7840\u8BBE\u7F6E")
+], -1), Ns = /* @__PURE__ */ O("span", { class: "fe-form-side-bd-title" }, [
+  /* @__PURE__ */ O("strong", null, "\u5C5E\u6027\u8BBE\u7F6E")
+], -1), Rs = /* @__PURE__ */ O("span", { class: "fe-form-side-bd-title" }, [
+  /* @__PURE__ */ O("strong", null, "\u5176\u4ED6")
+], -1), zs = /* @__PURE__ */ N({
   __name: "panel",
-  props: Q(),
-  setup(o) {
-    const t = o, { config: l, selectedWidget: e, selectedWidgetOptions: n, selectedWidgetOptionsConfig: i } = et(t);
-    function a($) {
-      var S;
-      const b = (S = i.value) == null ? void 0 : S[$];
-      if (!!b)
-        return typeof b == "object" ? b : { type: b };
-    }
-    function c($) {
-      var b;
-      return (b = a($)) == null ? void 0 : b.type;
-    }
-    function u($, b) {
-      n.value = { ...n.value, [$]: b };
-    }
-    function C($, b) {
-      l.value = { ...l.value, [$]: b };
-    }
-    return ($, b) => {
-      const S = m("a-form"), _ = m("a-divider"), v = m("a-empty");
-      return r(), x("div", Jo, [
-        p(nt, { list: ["\u7EC4\u4EF6\u5C5E\u6027", "\u5168\u5C40\u5C5E\u6027"] }, {
-          default: f(({ index: k }) => [
-            y("div", Zo, [
-              k === 1 ? (r(), R(S, {
+  setup(t) {
+    const e = U(!1), n = te(), { setSelectedWidget: o, onUpdateConfig: s } = n, i = P(() => n.selectedWidget), a = P(() => n.config), { options: u, optionsConfig: l } = rt(i), r = P(() => Object.keys(u.value).filter((c) => typeof u.value[c] == "boolean"));
+    return (c, h) => {
+      const p = y("a-form"), f = y("a-divider"), F = y("a-checkbox"), z = y("a-space"), H = y("a-empty"), G = y("icon-right"), fe = y("icon-left"), T = y("a-button");
+      return d(), S("div", {
+        class: "u-page__panel fe-form-panels",
+        style: J({ width: e.value ? "0px" : "219px" })
+      }, [
+        e.value ? M("", !0) : (d(), B(Mt, {
+          key: 0,
+          list: ["\u7EC4\u4EF6\u5C5E\u6027", "\u5168\u5C40\u5C5E\u6027"]
+        }, {
+          default: g(({ index: E }) => [
+            O("div", Ps, [
+              E === 1 ? (d(), B(p, {
                 key: 0,
                 model: {},
                 layout: "vertical"
               }, {
-                default: f(() => [
-                  (r(!0), x(I, null, oe(g(l), (j, z) => (r(), R(fe, {
-                    key: z,
-                    "model-value": j,
-                    label: $.$t(`fe.panel.${z}`),
-                    "onUpdate:modelValue": (L) => C(z, L)
+                default: g(() => [
+                  (d(!0), S(X, null, _e(a.value, ($, j) => (d(), B(Se, {
+                    key: j,
+                    "model-value": a.value[j],
+                    type: "px",
+                    label: c.$t(`fe.panel.${j}`),
+                    "onUpdate:modelValue": (x) => v(s)(j, x)
                   }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
                 ]),
                 _: 1
-              })) : k === 0 ? (r(), x(I, { key: 1 }, [
-                g(e) ? (r(), R(S, {
+              })) : E === 0 ? (d(), S(X, { key: 1 }, [
+                i.value ? (d(), B(p, {
                   key: 0,
                   model: {},
                   layout: "vertical"
                 }, {
-                  default: f(() => [
-                    en,
-                    p(fe, {
-                      "model-value": g(e).type,
+                  default: g(() => [
+                    Ms,
+                    _(Se, {
+                      "model-value": i.value.type,
                       type: "input",
                       label: "\u7C7B\u578B",
                       disabled: ""
                     }, null, 8, ["model-value"]),
-                    p(fe, {
-                      "model-value": g(e).name,
+                    _(Se, {
+                      "model-value": i.value.name,
                       type: "input",
                       label: "\u6807\u9898",
-                      disabled: ""
+                      "onUpdate:modelValue": h[0] || (h[0] = ($) => v(o)({ name: $ }))
                     }, null, 8, ["model-value"]),
-                    p(fe, {
-                      "model-value": g(e).model,
+                    _(Se, {
+                      "model-value": i.value.model,
                       type: "input",
                       label: "\u6807\u8BC6\u5B57\u7B26",
                       disabled: ""
                     }, null, 8, ["model-value"]),
-                    p(_, { margin: 5 }),
-                    tn,
-                    (r(!0), x(I, null, oe(g(n), (j, z) => {
-                      var L;
-                      return r(), x(I, { key: z }, [
-                        ((L = a(z)) == null ? void 0 : L.show) !== !1 ? (r(), R(fe, {
-                          key: 0,
-                          "model-value": j,
-                          type: c(z),
-                          label: $.$t(`fe.panel.${z}`),
-                          "options-config": a(z),
-                          "onUpdate:modelValue": (J) => u(z, J)
-                        }, null, 8, ["model-value", "type", "label", "options-config", "onUpdate:modelValue"])) : D("", !0)
+                    _(f, { margin: 5 }),
+                    r.value.length ? (d(), S(X, { key: 0 }, [
+                      Ns,
+                      _(z, null, {
+                        default: g(() => [
+                          (d(!0), S(X, null, _e(r.value, ($) => (d(), B(F, {
+                            key: $,
+                            "model-value": v(u)[$],
+                            "onUpdate:modelValue": (j) => v(o)({ [$]: j }, !0)
+                          }, {
+                            default: g(() => [
+                              le(Y(c.$t(`fe.panel.${$}`)), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "onUpdate:modelValue"]))), 128))
+                        ]),
+                        _: 1
+                      }),
+                      _(f, { margin: 5 })
+                    ], 64)) : M("", !0),
+                    Rs,
+                    (d(!0), S(X, null, _e(v(u), ($, j) => {
+                      var x;
+                      return d(), S(X, { key: j }, [
+                        (x = v(l)[j]) != null && x.show ? (d(), S(X, { key: 0 }, [
+                          r.value.includes(j) ? M("", !0) : (d(), B(Se, {
+                            key: 0,
+                            "model-value": v(u)[j],
+                            type: v(l)[j].type,
+                            label: c.$t(`fe.panel.${j}`),
+                            "options-config": v(l)[j],
+                            "onUpdate:modelValue": (oe) => v(o)({ [j]: oe }, !0)
+                          }, null, 8, ["model-value", "type", "label", "options-config", "onUpdate:modelValue"]))
+                        ], 64)) : M("", !0)
                       ], 64);
                     }), 128))
                   ]),
                   _: 1
-                })) : (r(), R(v, { key: 1 }))
-              ], 64)) : (r(), R(v, { key: 2 }))
+                })) : (d(), B(H, { key: 1 }))
+              ], 64)) : (d(), B(H, { key: 2 }))
             ])
           ]),
           _: 1
+        })),
+        _(T, {
+          type: "secondary",
+          status: "normal",
+          size: "mini",
+          class: "arco-btn-light u-page__arrow",
+          onClick: h[1] || (h[1] = (E) => e.value = !e.value)
+        }, {
+          icon: g(() => [
+            e.value ? (d(), B(G, { key: 0 })) : (d(), B(fe, { key: 1 }))
+          ]),
+          _: 1
         })
-      ]);
+      ], 4);
     };
   }
 });
-const nn = { class: "fe-layout" }, ln = { class: "u-page u-page--row" }, an = {
+const Ws = { class: "u-aside" }, Is = { class: "u-page u-page--row" }, Vs = {
   class: "u-main",
   style: { padding: "0" }
-}, sn = /* @__PURE__ */ E({
+}, Ls = /* @__PURE__ */ N({
   __name: "index",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({ children: [], config: {}, models: {} })
-    }
-  },
-  emits: ["click"],
-  setup(o, { expose: t, emit: l }) {
-    const e = l;
-    K.on("widget(click)", (b) => {
-      !b || (typeof b == "string" && (b = [b]), b[0] && e("click", { type: b[0], arg: b[1] }));
-    });
-    const i = V({ ...o.data }), a = V("");
-    function c(b) {
-      i.value = Object.assign({}, { ...b });
-    }
-    function u() {
-      c({ ...i.value, children: [] }), a.value = "";
-    }
-    function C() {
-      return te(i.value);
-    }
-    function $() {
-      return i.value;
-    }
-    return t({
-      getData: C,
-      setData: c,
-      onReset: u,
-      getSelectedWidget: $
-    }), (b, S) => (r(), x("div", nn, [
-      y("div", ln, [
-        p(qo, {
-          "selected-path": a.value,
-          "onUpdate:selectedPath": S[0] || (S[0] = (_) => a.value = _),
-          data: i.value
-        }, null, 8, ["selected-path", "data"]),
-        y("div", an, [
-          p($o, {
-            "selected-path": a.value,
-            "onUpdate:selectedPath": S[1] || (S[1] = (_) => a.value = _),
-            data: i.value,
-            "onUpdate:data": S[2] || (S[2] = (_) => i.value = _),
-            onReset: S[3] || (S[3] = (_) => u())
-          }, null, 8, ["selected-path", "data"])
+  props: { data: Object },
+  setup(t) {
+    const e = t;
+    return e.data && Wo(e.data), (n, o) => (d(), S("div", Ws, [
+      O("div", Is, [
+        _(Ds),
+        O("div", Vs, [
+          _(as)
         ]),
-        p(on, {
-          "selected-path": a.value,
-          "onUpdate:selectedPath": S[4] || (S[4] = (_) => a.value = _),
-          data: i.value
-        }, null, 8, ["selected-path", "data"])
+        _(zs)
       ])
     ]));
   }
-}), vn = {
-  install(o) {
-    o.use(mt), o.component("OrchiskyTable", Nt), o.component("OrchiskyPrint", sn);
+}), kt = {
+  fe: {
+    panel: {
+      title: "\u5B57\u6BB5\u5C5E\u6027",
+      model: "\u5B57\u6BB5\u6807\u8BC6",
+      bcid: "\u6761\u7801\u7C7B\u578B",
+      padding: "\u586B\u5145",
+      name: "\u6807\u9898",
+      width: "\u5BBD\u5EA6",
+      height: "\u9AD8\u5EA6",
+      size: "\u5927\u5C0F",
+      labelWidth: "\u6807\u7B7E\u5BBD\u5EA6",
+      custom: "\u81EA\u5B9A\u4E49",
+      placeholder: "\u5360\u4F4D\u5185\u5BB9",
+      layout: "\u5E03\u5C40\u65B9\u5F0F",
+      block: "\u5757\u7EA7",
+      inline: "\u884C\u5185",
+      contentPosition: "\u6587\u6848\u4F4D\u7F6E",
+      left: "\u5DE6\u4FA7",
+      right: "\u53F3\u4FA7",
+      center: "\u5C45\u4E2D",
+      showInput: "\u663E\u793A\u8F93\u5165\u6846",
+      min: "\u6700\u5C0F\u503C",
+      max: "\u6700\u5927\u503C",
+      step: "\u6B65\u957F",
+      multiple: "\u662F\u5426\u591A\u9009",
+      filterable: "\u662F\u5426\u53EF\u641C\u7D22",
+      allowHalf: "\u5141\u8BB8\u534A\u9009",
+      showAlpha: "\u652F\u6301\u900F\u660E\u5EA6\u9009\u62E9",
+      showLabel: "\u662F\u5426\u663E\u793A\u6807\u7B7E",
+      option: "\u9009\u9879",
+      staticData: "\u9759\u6001\u6570\u636E",
+      remoteData: "\u8FDC\u7AEF\u6570\u636E",
+      remoteFunc: "\u8FDC\u7AEF\u65B9\u6CD5",
+      value: "\u503C",
+      label: "\u6807\u7B7E",
+      childrenOption: "\u5B50\u9009\u9879",
+      defaultValue: "\u9ED8\u8BA4\u503C",
+      showType: "\u663E\u793A\u7C7B\u578B",
+      isRange: "\u662F\u5426\u4E3A\u8303\u56F4\u9009\u62E9",
+      isTimestamp: "\u662F\u5426\u83B7\u53D6\u65F6\u95F4\u6233",
+      startPlaceholder: "\u5F00\u59CB\u65F6\u95F4\u5360\u4F4D\u5185\u5BB9",
+      endPlaceholder: "\u7ED3\u675F\u65F6\u95F4\u5360\u4F4D\u5185\u5BB9",
+      format: "\u683C\u5F0F",
+      limit: "\u6700\u5927\u4E0A\u4F20\u6570",
+      imageAction: "\u56FE\u7247\u4E0A\u4F20\u5730\u5740",
+      tip: "\u63D0\u793A\u8BF4\u660E\u6587\u5B57",
+      action: "\u4E0A\u4F20\u5730\u5740",
+      defaultType: "\u7ED1\u5B9A\u6570\u636E\u7C7B\u578B",
+      string: "\u5B57\u7B26\u4E32",
+      object: "\u5BF9\u8C61",
+      array: "\u6570\u7EC4",
+      number: "\u6570\u5B57",
+      boolean: "\u5E03\u5C14\u503C",
+      integer: "\u6574\u6570",
+      float: "\u6D6E\u70B9\u6570",
+      url: "URL\u5730\u5740",
+      email: "\u90AE\u7BB1\u5730\u5740",
+      hex: "\u5341\u516D\u8FDB\u5236",
+      gutter: "\u6805\u683C\u95F4\u9694",
+      columnOption: "\u5217\u914D\u7F6E\u9879",
+      span: "\u6805\u683C\u503C",
+      justify: "\u6C34\u5E73\u6392\u5217\u65B9\u5F0F",
+      justifyStart: "\u5DE6\u5BF9\u9F50",
+      justifyEnd: "\u53F3\u5BF9\u9F50",
+      justifyCenter: "\u5C45\u4E2D",
+      justifySpaceAround: "\u4E24\u4FA7\u95F4\u9694\u76F8\u7B49",
+      justifySpaceBetween: "\u4E24\u7AEF\u5BF9\u9F50",
+      align: "\u5782\u76F4\u6392\u5217\u65B9\u5F0F",
+      alignTop: "\u9876\u90E8\u5BF9\u9F50",
+      alignMiddle: "\u5C45\u4E2D",
+      alignBottom: "\u5E95\u90E8\u5BF9\u9F50",
+      type: "\u98CE\u683C\u7C7B\u578B",
+      default: "\u9ED8\u8BA4",
+      card: "\u9009\u9879\u5361",
+      borderCard: "\u5361\u7247\u5316",
+      tabPosition: "\u9009\u9879\u5361\u4F4D\u7F6E",
+      top: "\u9876\u90E8",
+      bottom: "\u5E95\u90E8",
+      tabOption: "\u6807\u7B7E\u914D\u7F6E\u9879",
+      tabName: "\u6807\u7B7E\u540D\u79F0",
+      customClass: "\u81EA\u5B9A\u4E49Class",
+      attribute: "\u64CD\u4F5C\u5C5E\u6027",
+      dataBind: "\u6570\u636E\u7ED1\u5B9A",
+      hidden: "\u9690\u85CF",
+      readonly: "\u5B8C\u5168\u53EA\u8BFB",
+      disabled: "\u7981\u7528",
+      editable: "\u6587\u672C\u6846\u53EF\u8F93\u5165",
+      clearable: "\u663E\u793A\u6E05\u9664\u6309\u94AE",
+      arrowControl: "\u4F7F\u7528\u7BAD\u5934\u8FDB\u884C\u65F6\u95F4\u9009\u62E9",
+      isDelete: "\u5220\u9664",
+      isEdit: "\u7F16\u8F91",
+      showPassword: "\u663E\u793A\u5BC6\u7801",
+      validate: "\u6821\u9A8C",
+      required: "\u5FC5\u586B",
+      patternPlaceholder: "\u586B\u5199\u6B63\u5219\u8868\u8FBE\u5F0F",
+      newOption: "\u65B0\u9009\u9879",
+      tab: "\u6807\u7B7E\u9875",
+      validatorRequired: "\u5FC5\u987B\u586B\u5199",
+      validatorType: "\u683C\u5F0F\u4E0D\u6B63\u786E",
+      validatorPattern: "\u683C\u5F0F\u4E0D\u5339\u914D",
+      showWordLimit: "\u663E\u793A\u5B57\u6570\u7EDF\u8BA1",
+      maxLength: "\u6700\u5927\u5B57\u6570"
+    },
+    side: {
+      fields: {
+        input: "\u5355\u884C\u6587\u672C",
+        textarea: "\u591A\u884C\u6587\u672C",
+        number: "\u8BA1\u6570\u5668",
+        radio: "\u5355\u9009\u6846\u7EC4",
+        checkbox: "\u591A\u9009\u6846\u7EC4",
+        time: "\u65F6\u95F4\u9009\u62E9\u5668",
+        date: "\u65E5\u671F\u9009\u62E9\u5668",
+        rate: "\u8BC4\u5206",
+        color: "\u989C\u8272\u9009\u62E9\u5668",
+        select: "\u4E0B\u62C9\u9009\u62E9\u6846",
+        switch: "\u5F00\u5173",
+        slider: "\u6ED1\u5757",
+        text: "\u6587\u5B57",
+        blank: "\u81EA\u5B9A\u4E49\u533A\u57DF",
+        fileupload: "\u6587\u4EF6",
+        imgupload: "\u56FE\u7247",
+        editor: "\u7F16\u8F91\u5668",
+        cascader: "\u7EA7\u8054\u9009\u62E9\u5668",
+        table: "\u5B50\u8868\u5355",
+        grid: "\u6805\u683C\u5E03\u5C40",
+        tabs: "\u6807\u7B7E\u9875",
+        divider: "\u5206\u5272\u7EBF"
+      },
+      basic: {
+        title: "\u57FA\u7840\u5B57\u6BB5"
+      },
+      advance: {
+        title: "\u9AD8\u7EA7\u5B57\u6BB5"
+      },
+      layout: {
+        title: "\u5E03\u5C40\u5B57\u6BB5"
+      }
+    },
+    description: {
+      containerEmpty: "\u4ECE\u5DE6\u4FA7\u62D6\u62FD\u6765\u6DFB\u52A0\u5B57\u6BB5",
+      configEmpty: "\u8BF7\u6DFB\u52A0\u5B57\u6BB5",
+      tableEmpty: "\u4ECE\u5DE6\u4FA7\u62D6\u62FD\u6765\u6DFB\u52A0\u5B57\u6BB5",
+      uploadJsonInfo: "JSON\u683C\u5F0F\u5982\u4E0B\uFF0C\u76F4\u63A5\u590D\u5236\u751F\u6210\u7684json\u8986\u76D6\u6B64\u5904\u4EE3\u7801\u70B9\u51FB\u786E\u5B9A\u5373\u53EF"
+    },
+    message: {
+      copySuccess: "\u590D\u5236\u6210\u529F",
+      validError: "\u8868\u5355\u6570\u636E\u6821\u9A8C\u5931\u8D25"
+    },
+    actions: {
+      import: "\u5BFC\u5165JSON",
+      clear: "\u6E05\u7A7A",
+      preview: "\u9884\u89C8",
+      json: "\u751F\u6210JSON",
+      code: "\u751F\u6210\u4EE3\u7801",
+      getData: "\u83B7\u53D6\u6570\u636E",
+      reset: "\u91CD\u7F6E",
+      copyData: "\u590D\u5236\u6570\u636E",
+      cancel: "\u53D6 \u6D88",
+      confirm: "\u786E \u5B9A",
+      addOption: "\u6DFB\u52A0\u9009\u9879",
+      addColumn: "\u6DFB\u52A0\u5217",
+      addTab: "\u6DFB\u52A0\u6807\u7B7E",
+      upload: "\u70B9\u51FB\u4E0A\u4F20",
+      add: "\u6DFB\u52A0",
+      enabledEdit: "\u542F\u7528\u7F16\u8F91",
+      disabledEdit: "\u7981\u7528\u7F16\u8F91"
+    },
+    form: {
+      title: "\u8868\u5355\u5C5E\u6027",
+      labelPosition: {
+        title: "\u6807\u7B7E\u5BF9\u9F50\u65B9\u5F0F",
+        left: "\u5DE6\u5BF9\u9F50",
+        right: "\u53F3\u5BF9\u9F50",
+        top: "\u9876\u90E8\u5BF9\u9F50"
+      },
+      labelWidth: "\u8868\u5355\u6807\u7B7E\u5BBD\u5EA6",
+      size: "\u7EC4\u4EF6\u5C3A\u5BF8",
+      customClass: "\u81EA\u5B9A\u4E49Class"
+    }
+  }
+}, Qs = {
+  enUS: kt,
+  zhCN: kt
+}, Zs = {
+  install(t) {
+    t.use(Xt), t.component("OrchiskyTable", So), t.component("OrchiskyPrint", Ls);
   }
 };
 export {
-  sn as OrchiskyPrint,
-  Nt as OrchiskyTable,
-  vn as default,
-  hn as formatTable,
-  gn as useOrchiskyVxe
+  Ls as OrchiskyPrint,
+  So as OrchiskyTable,
+  Zs as default,
+  Js as formatTable,
+  Qs as locale,
+  Gs as useOrchiskyVxe
 };