@shaonq/vue 1.0.0

package/lib/index.js

@@ -0,0 +1,1911 @@
+import mt 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;
+}
+function ze(o, t) {
+  return Y(t.style) ? t.style(o) : { ...t.style };
+}
+function Ee(o) {
+  return (o == null ? void 0 : o.rowKey) || "_X_ROW_KEY";
+}
+function St(o, t) {
+  return { disabledList: V({
+    highlight: !0,
+    reserve: o.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(
+      "update:selectedKeys",
+      $.map((S) => S[b])
+    );
+  }, radioChangeEvent: ({ row: i }) => {
+    const a = [i], c = Ee(o.option);
+    c && t(
+      "update:selectedKeys",
+      a.map((u) => u[c])
+    );
+  } };
+}
+const P = V(/* @__PURE__ */ Object.create({}));
+function Qe(o) {
+  const t = {
+    ...o,
+    ref: (e) => {
+      e && (P.value = e);
+    }
+  };
+  return {
+    tableOption: t,
+    $grid: P,
+    $gridTwo: {
+      getRowKey() {
+        return Ee(o);
+      },
+      getRowIndex(e) {
+        return P.value.getRowIndex(e);
+      },
+      getRowSeq(e) {
+        return P.value.getRowSeq(e);
+      },
+      getTableData() {
+        var e, n;
+        return P.value ? (n = (e = P.value) == null ? void 0 : e.getTableData().fullData) != null ? n : [] : [];
+      },
+      getSelection() {
+        return P.value ? t.selectedType === "checkbox" ? P.value.getCheckboxRecords() : t.selectedType === "radio" ? [P.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 (t.selectedType === "radio") {
+            let e = P.value.getRadioRecord();
+            return o.reserve && !e && (e = P.value.getRadioReserveRecord()), e ? [e] : [];
+          }
+          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]));
+      },
+      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()));
+      },
+      insertRow(e, n, i = !0) {
+        var u;
+        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);
+        }
+        return e[a] && delete e[a], P.value.insertAt(e, n);
+      },
+      removeRows() {
+        P.value && (t.selectedType === "checkbox" && P.value.removeCheckboxRow(), t.selectedType === "radio" && P.value.removeRadioRow());
+      },
+      removerRowIndex(e) {
+        if (P.value) {
+          const n = this.getTableData();
+          n.splice(e, 1), P.value.reloadData(n);
+        }
+      },
+      async checkRows(e = void 0) {
+        e = e != null ? e : this.getSelection();
+        let n = "";
+        const i = await P.value.validate(e);
+        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}`;
+            });
+          });
+        }), [n, e];
+      }
+    }
+  };
+}
+const Rt = { class: "orchisky-vxe" }, Ot = { class: "u-card orchisky-vxe__setting" }, Pt = {
+  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 = {
+  class: "u-card__floor",
+  style: { padding: "0" }
+}, Tt = { class: "orchisky-vxe__draggable" }, Et = { class: "orchisky-vxe__draggable-item" }, Dt = {
+  key: 0,
+  class: "u-flex"
+}, At = ["title"], Mt = { style: { padding: "0 0.75em" } }, Bt = {
+  key: 1,
+  class: "orchisky-vxe__draggable-moving"
+}, Ft = {
+  class: "u-card__floor u-flex",
+  style: { padding: "6px 12px" }
+}, Kt = {
+  key: 0,
+  class: "not-light-text"
+}, Vt = {
+  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({
+  __name: "table",
+  props: {
+    title: String,
+    height: [Number, String],
+    hideToolbar: Boolean,
+    hidePagination: Boolean,
+    size: {
+      type: String,
+      default: "mini"
+    },
+    selectedKeys: { type: Array, default: () => [] },
+    data: { type: Array, default: () => [] },
+    option: {
+      type: Object,
+      default: () => ({ columns: [] })
+    },
+    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;
+      };
+    }
+    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 = {};
+      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 : {};
+      } 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;
+      });
+    }
+    const J = B(() => {
+      const s = L(), h = Object.assign([], z.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)
+        )
+      ].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 };
+      });
+    }), 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)
+        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);
+      }
+    });
+    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));
+        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")
+            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));
+        }
+      }
+    };
+    async function it() {
+      Z.value || (n("onReset"), await ue());
+    }
+    function Ve(s, h = !1) {
+      s && (u.value.page = s), (!e.option.reserve || h) && (me.value = [], _.clearSelection()), ue();
+    }
+    async function at(s) {
+      u.value.size = s, Ve(1, !0);
+    }
+    const ne = V(/* @__PURE__ */ Object.create({})), H = V({
+      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);
+      }
+    }
+    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;
+      }));
+    }, Re = () => {
+      !ne.value || ne.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;
+      }, 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());
+    }
+    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());
+    };
+    return e.option.firstLoad !== !1 && ue(), bt(
+      () => e.option.firstLoad,
+      (s) => {
+        s === !0 && ue();
+      }
+    ), wt(() => {
+      ve.abort();
+    }), t({
+      loading: Z,
+      setLoading: Se,
+      dataInit(s) {
+        return s !== !1 && (u.value.page = 1), me.value = [], _.clearSelection(), ue();
+      },
+      loadData(s) {
+        S.value && (S.value.reloadData(s), N.value = s);
+      },
+      ..._
+    }), (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, {
+          key: 0,
+          size: "mini",
+          "class-name": "orchisky-vxe__toolbar"
+        }, {
+          buttons: f(() => [
+            ae(s.$slots, "default", {}, () => [
+              y("div", null, M(e.title), 1)
+            ])
+          ]),
+          tools: f(() => [
+            p(Ne, { size: "small" }, {
+              default: f(() => [
+                ae(s.$slots, "tools"),
+                p(w, {
+                  content: "\u8868\u683C\u6591\u9A6C\u7EB9",
+                  mini: ""
+                }, {
+                  default: f(() => [
+                    p(O, {
+                      modelValue: de.value,
+                      "onUpdate:modelValue": h[0] || (h[0] = (F) => de.value = F),
+                      size: "small"
+                    }, {
+                      checked: f(() => [
+                        q(" \u5F00 ")
+                      ]),
+                      unchecked: f(() => [
+                        q(" \u5173 ")
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                p(w, {
+                  content: "\u5237\u65B0",
+                  mini: ""
+                }, {
+                  default: f(() => [
+                    p(G, {
+                      loading: Z.value,
+                      size: "small",
+                      class: "arco-btn-light",
+                      style: { border: "0" },
+                      onClick: h[1] || (h[1] = (F) => it())
+                    }, {
+                      icon: f(() => [
+                        p(A, { size: 16 })
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                }),
+                p(ut, {
+                  ref_key: "settingRef",
+                  ref: ne,
+                  transfer: ""
+                }, {
+                  default: f(() => [
+                    p(w, {
+                      content: "\u8BBE\u7F6E",
+                      mini: ""
+                    }, {
+                      default: f(() => [
+                        p(G, {
+                          size: "small",
+                          class: "arco-btn-light",
+                          style: { border: "0" }
+                        }, {
+                          icon: f(() => [
+                            p(X, {
+                              size: 16,
+                              onClick: h[2] || (h[2] = (F) => Ie(!0))
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  dropdown: f(() => [
+                    y("div", Ot, [
+                      y("div", Pt, [
+                        zt,
+                        p(w, {
+                          content: "\u91CD\u7F6E",
+                          mini: ""
+                        }, {
+                          default: f(() => [
+                            p(G, {
+                              size: "small",
+                              class: "arco-btn-light",
+                              style: { border: "0" },
+                              loading: H.value.loading,
+                              onClick: h[3] || (h[3] = (F) => rt())
+                            }, {
+                              icon: f(() => [
+                                p(A)
+                              ]),
+                              _: 1
+                            }, 8, ["loading"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      y("div", jt, [
+                        y("div", Tt, [
+                          p(g(Ce), {
+                            list: H.value.columns,
+                            style: { "user-select": "none" },
+                            class: "orchisky-vxe__draggable-list",
+                            group: "toolsGroup",
+                            animation: "300",
+                            "drag-class": "orchisky-vxe__draggable-drag",
+                            "ghost-class": "orchisky-vxe__draggable-ghost",
+                            "chosen-class": "orchisky-vxe__draggable-chosen",
+                            "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
+                                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                                  y("label", {
+                                    class: "u-flex__item u-clamp",
+                                    title: F.title
+                                  }, [
+                                    y("span", Mt, M(F.title), 1)
+                                  ], 8, At),
+                                  D("", !0)
+                                ])) : (r(), x("div", Bt, [
+                                  p(ye, {
+                                    margin: 6,
+                                    type: "dashed"
+                                  })
+                                ]))
+                              ])
+                            ]),
+                            _: 1
+                          }, 8, ["list"])
+                        ])
+                      ]),
+                      y("div", Ft, [
+                        p(We, {
+                          size: "mini",
+                          class: "u-flex__item",
+                          type: "text",
+                          status: "info",
+                          onClick: h[4] || (h[4] = (F) => Re())
+                        }, {
+                          default: f(() => [
+                            q("\u53D6\u6D88")
+                          ]),
+                          _: 1
+                        }),
+                        p(We, {
+                          size: "mini",
+                          class: "u-flex__item",
+                          type: "text",
+                          status: "primary",
+                          onClick: h[5] || (h[5] = (F) => dt())
+                        }, {
+                          default: f(() => [
+                            q("\u786E\u8BA4")
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }, 512)
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })),
+        p(ht, {
+          ref: e.option.ref,
+          data: N.value,
+          height: e.height,
+          stripe: de.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
+        }, {
+          empty: f(() => [
+            p(ft)
+          ]),
+          loading: f(() => [
+            p(_t)
+          ]),
+          default: f(() => {
+            var F, we;
+            return [
+              ["checkbox"].includes((F = e.option.selectedType) != null ? F : "") ? (r(), R(be, {
+                key: 0,
+                type: "checkbox",
+                width: "30",
+                fixed: "left"
+              })) : ["radio"].includes((we = e.option.selectedType) != null ? we : "") ? (r(), R(be, {
+                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, {
+                  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, {
+                  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 ? {
+                    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)
+                      }, () => [
+                        Le(d.cell) ? (r(), R(xe(d.cell), {
+                          key: 0,
+                          record: T
+                        }, null, 8, ["record"])) : (r(), x("span", {
+                          key: 1,
+                          style: ee(g(ze)(T, d))
+                        }, M(g(re)(T, d)), 5))
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  d.cell && d.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)
+                      }, () => [
+                        Le(d.cell) ? (r(), R(xe(d.cell), {
+                          key: 0,
+                          record: T
+                        }, null, 8, ["record"])) : (r(), x("span", {
+                          key: 1,
+                          style: ee(g(ze)(T, d))
+                        }, M(g(re)(T, d)), 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", {
+                          key: 1,
+                          style: ee(j(N.value, ie, d.dataIndex))
+                        }, M(g(re)(T, d)), 5))
+                      ], 64)) : (r(), x("span", {
+                        key: 1,
+                        style: ee(g(ze)(T, d))
+                      }, M(g(re)(T, d)), 5))
+                    ]),
+                    key: "2"
+                  }
+                ]), 1032, ["field", "width", "title", "sortable", "header-align", "footer-align", "align", "show-header-overflow", "show-overflow", "fixed", "title-prefix", "filters", "filter-multiple", "filter-method", "edit-render"]))
+              ], 64))), 128))
+            ];
+          }),
+          _: 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")
+            ]),
+            y("div", Wt, [
+              p(Ne, {
+                fill: "",
+                direction: "vertical",
+                align: "end"
+              }, {
+                default: f(() => [
+                  p(gt, {
+                    current: u.value.page,
+                    "default-page-size": u.value.size,
+                    total: W.value,
+                    "auto-adjust": !1,
+                    size: e.size,
+                    "show-total": "",
+                    "show-page-size": "",
+                    "page-size-options": c.value,
+                    onPageSizeChange: at,
+                    onChange: Ve
+                  }, {
+                    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)
+                    ]),
+                    _: 1
+                  }, 8, ["current", "default-page-size", "total", "size", "page-size-options"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ])) : D("", !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 });
+  },
+  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 = {
+    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);
+          } else
+            n.value.setCheckboxRow(C, !0);
+          b && (l.value = (($ = n.value.getCheckboxRecords()) != null ? $ : []).map((v) => v[b]));
+        }
+        e.selectedType === "radio" && (n.value.setRadioRow(C), n.value.getRadioRecord() && b && (l.value = [n.value.getRadioRecord()].map((S) => S[b])));
+      }
+    },
+    setTableData(c) {
+      n.value && n.value.reloadData(c);
+    },
+    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();
+      }
+    }
+  };
+  return {
+    tableRef: t,
+    tableOptions: e,
+    tableUtils: {
+      ...a,
+      ...i
+    },
+    $grid: n,
+    selectedKeys: l
+  };
+}, K = Ct(), te = (o) => {
+  let t = [];
+  const l = JSON.stringify(o, (e, n) => {
+    if (typeof n == "object" && n !== null) {
+      if (t.indexOf(n) !== -1)
+        return null;
+      t.push(n);
+    }
+    return n;
+  });
+  return t = null, JSON.parse(l);
+}, Xe = {
+  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
+  };
+}
+function He(o) {
+  return Boolean(o.category && o.category === "child");
+}
+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 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 Ye(o, t) {
+  const l = Be(o, t);
+  return l.children && (l.children = l.children.map((e) => Ye(e, t))), l;
+}
+function Je(o) {
+  return Array.isArray(o) ? o : o.replace(/\[/g, ".").replace(/\]/g, "").split(".");
+}
+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];
+  }
+  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 Gt() {
+}
+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 : {};
+  });
+  return {
+    widget: t,
+    options: l,
+    optionsConfig: e,
+    selectedPath: o.selectedPath
+  };
+}
+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 : {};
+    },
+    set(i) {
+      K.emit("widget(selectedPath:options)", i);
+    }
+  }), 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
+  };
+}
+const Xt = { key: 0 }, Yt = ["src"], tt = /* @__PURE__ */ E({
+  __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,
+        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);
+  }
+}), Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" })), Zt = {
+  __name: "barcode",
+  setup(o) {
+    return (t, l) => (r(), R(tt, ke(Ae(t.$props)), null, 16));
+  }
+}, eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Zt
+}, Symbol.toStringTag, { value: "Module" })), to = /* @__PURE__ */ E({
+  __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);
+  }
+}), oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: to
+}, Symbol.toStringTag, { value: "Module" })), no = /* @__PURE__ */ E({
+  __name: "col",
+  props: Q(),
+  setup(o) {
+    const t = o;
+    function l(n, i, a) {
+      var c;
+      return ((c = a == null ? void 0 : a.dataset) == null ? void 0 : c.category) === "base";
+    }
+    function e(n) {
+      var c;
+      if (!n || !((c = t.field) != 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 }]);
+    }
+    return (n, i) => t.field && t.field.children ? (r(), R(g(Ce), Me({
+      key: 0,
+      list: t.field.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, {
+          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)
+      ]),
+      footer: f(() => []),
+      _: 1
+    }, 16, ["list", "group"])) : D("", !0);
+  }
+}), lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: no
+}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ E({
+  __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,
+            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"])
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 1
+      })) : D("", !0);
+    };
+  }
+}), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: io
+}, Symbol.toStringTag, { value: "Module" })), so = /* @__PURE__ */ E({
+  __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", {
+      key: 0,
+      style: ee(l.value.options)
+    }, null, 4)) : D("", !0);
+  }
+}), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: so
+}, Symbol.toStringTag, { value: "Module" })), co = /* @__PURE__ */ E({
+  __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);
+    };
+  }
+}), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: co
+}, Symbol.toStringTag, { value: "Module" })), ot = /* @__PURE__ */ E({
+  __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);
+    };
+  }
+}), po = /* @__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;
+}
+const _o = ["data-type", "data-category", "data-path"], ho = {
+  key: 0,
+  class: "fe-form-widget-tool"
+}, go = { class: "fe-form-widget-tool-btn" }, vo = { class: "fe-form-widget-tool-rb" }, $e = /* @__PURE__ */ E({
+  __name: "widget-item",
+  props: Q(),
+  setup(o) {
+    const t = o;
+    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;
+      }
+      return !0;
+    }
+    function e() {
+      return t.selectedPath && t.selectedPath === t.path;
+    }
+    function n() {
+      K.emit("widget(path:selected)", t.path);
+    }
+    function i() {
+      return t.field.options ? t.field.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"
+      } : {} : {};
+    }
+    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
+      }, [
+        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"]))
+        }, [
+          e() ? (r(), x("div", ho, [
+            y("div", {
+              class: _e(["fe-form-widget-tool-lt", { "fe-moving": !g(He)(t.field) }])
+            }, [
+              y("span", go, [
+                g(He)(t.field) ? D("", !0) : (r(), R(u, { key: 0 })),
+                q(" " + M(t.field.name), 1)
+              ])
+            ], 2),
+            y("div", vo, [
+              y("span", {
+                class: "fe-form-widget-tool-btn",
+                onClick: c[0] || (c[0] = (b) => g(K).emit("widget(path:copy)", t.path))
+              }, [
+                p(C)
+              ]),
+              l() ? (r(), x("span", {
+                key: 0,
+                class: "fe-form-widget-tool-btn",
+                onClick: c[1] || (c[1] = (b) => g(K).emit("widget(path:delete)", t.path))
+              }, [
+                p($)
+              ])) : D("", !0)
+            ])
+          ])) : D("", !0),
+          (r(), R(xe(g(fo)(t.field.type)), ke(Ae(t)), null, 16))
+        ], 6)
+      ], 10, _o);
+    };
+  }
+});
+const mo = { class: "u-h u-card" }, yo = { class: "u-card__hd fe-layout-head" }, bo = {
+  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({
+  __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` };
+    }
+    function b(_) {
+      if (!_)
+        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 (!_)
+        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")
+                    ]),
+                    _: 1
+                  }),
+                  p(k, { size: "mini" }, {
+                    default: f(() => [
+                      q("A4")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            y("div", null, [
+              p(j, { size: "mini" }, {
+                default: f(() => [
+                  p(k, {
+                    size: "mini",
+                    title: "\u4FDD\u5B58",
+                    onClick: v[0] || (v[0] = (W) => g(K).emit("widget(click)", ["save", a.value]))
+                  }, {
+                    icon: f(() => [
+                      p(z)
+                    ]),
+                    _: 1
+                  }),
+                  p(k, {
+                    size: "mini",
+                    title: "\u9884\u89C8"
+                  }, {
+                    icon: f(() => [
+                      p(L)
+                    ]),
+                    _: 1
+                  }),
+                  p(k, {
+                    size: "mini",
+                    title: "\u6E05\u7A7A",
+                    onClick: v[1] || (v[1] = (W) => l("reset"))
+                  }, {
+                    icon: f(() => [
+                      p(J)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        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)
+        ]),
+        y("div", ko, [
+          y("div", Co, [
+            p(de, null, {
+              separator: f(() => [
+                p(ge)
+              ]),
+              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
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}), So = { class: "fe-form-side" }, Ro = { class: "u-card u-h" }, Oo = { class: "u-card__hd fe-layout-head" }, Po = {
+  class: "u-tabs u-tabs--small",
+  style: { border: "0" }
+}, zo = ["onClick"], jo = { class: "u-card__bd fe-cl fe-layout-body" }, nt = /* @__PURE__ */ E({
+  __name: "tabs",
+  props: {
+    list: Array,
+    index: {
+      type: Number,
+      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 })
+        ])
+      ])
+    ]));
+  }
+}), To = {
+  title: "\u8F85\u52A9\u63A7\u4EF6",
+  order: 4,
+  children: [
+    {
+      type: "hline",
+      name: "\u6A2A\u7EBF",
+      icon: "icon-line",
+      fixed: !0,
+      options: {
+        width: "90pt",
+        height: "9pt",
+        borderTop: "1px solid #000"
+      },
+      optionsConfig: {
+        borderTop: {
+          show: !1
+        }
+      }
+    },
+    {
+      type: "hline",
+      name: "\u7AD6\u7EBF",
+      icon: "icon-line",
+      fixed: !0,
+      options: {
+        width: "9pt",
+        height: "90pt",
+        borderLeft: "1px solid #000"
+      },
+      optionsConfig: {
+        borderLeft: {
+          show: !1
+        }
+      }
+    }
+  ]
+}, Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: To
+}, Symbol.toStringTag, { value: "Module" })), Do = {
+  title: "\u57FA\u7840\u5B57\u6BB5",
+  order: 1,
+  children: [
+    {
+      type: "input",
+      name: "\u5355\u884C\u6587\u672C",
+      icon: "icon-text",
+      category: "base",
+      fixed: !0,
+      options: {
+        width: "120pt",
+        height: "9.75pt",
+        defaultValue: "1"
+      },
+      optionsConfig: {
+        height: "input",
+        width: "input"
+      }
+    },
+    {
+      type: "textarea",
+      name: "\u591A\u884C\u6587\u672C",
+      icon: "icon-text",
+      category: "base",
+      fixed: !0,
+      options: {
+        width: "250pt",
+        height: "42pt"
+      }
+    },
+    {
+      type: "image",
+      name: "\u56FE\u7247",
+      icon: "icon-text",
+      fixed: !0,
+      options: {
+        width: "150pt",
+        height: "150pt"
+      }
+    }
+  ]
+}, Ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Do
+}, Symbol.toStringTag, { value: "Module" })), Mo = {
+  title: "\u6761\u5F62\u7801 ",
+  order: 7,
+  children: [
+    {
+      type: "barcode",
+      name: "\u6761\u5F62\u7801",
+      icon: "icon-text",
+      category: "base",
+      fixed: !0,
+      options: {
+        width: 142,
+        height: 42,
+        defaultValue: "201212121212",
+        bcid: "code128"
+      },
+      optionsConfig: {
+        height: "number",
+        width: "number",
+        bcid: {
+          type: "select",
+          options: [
+            { value: "code39", text: "Code 39" },
+            { value: "code39ext", text: "Code 39 Extended" },
+            { value: "code93", text: "Code 93" },
+            { value: "code93ext", text: "Code 93 Extended" },
+            { value: "code128", text: "Code 128" },
+            { value: "interleaved2of5", text: "Interleaved 2 of 5 (ITF)" }
+          ]
+        }
+      }
+    },
+    {
+      type: "qrcode",
+      name: "\u4E8C\u7EF4\u7801",
+      icon: "icon-text",
+      category: "base",
+      fixed: !0,
+      options: {
+        width: 142,
+        height: 142,
+        padding: 2,
+        bcid: "qrcode"
+      },
+      optionsConfig: {
+        height: "number",
+        width: "number",
+        padding: "number",
+        bcid: {
+          type: "select",
+          options: [
+            { value: "qrcode", text: "QR Code" },
+            { value: "microqrcode", text: "Micro QR Code" },
+            { value: "swissqrcode", text: "Swiss QR Code" },
+            { value: "rectangularmicroqrcode", text: "Rectangular Micro QR Code" },
+            { value: "azteccode", text: "Aztec Code" },
+            { value: "aztecrune", text: "Aztec Runes" },
+            { value: "azteccodecompact", text: "Compact Aztec Code" },
+            { value: "datamatrix", text: "Data Matrix" },
+            { value: "datamatrixrectangular", text: "Data Matrix Rectangular" },
+            { value: "hanxin", text: "\u6C49\u4FE1\u7801" },
+            { value: "pdf417", text: "PDF417" },
+            { value: "micropdf417", text: "MicroPDF417" }
+          ]
+        }
+      }
+    }
+  ]
+}, Bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Mo
+}, Symbol.toStringTag, { value: "Module" })), Fo = {
+  title: "\u5E03\u5C40\u63A7\u4EF6",
+  order: 4,
+  children: [
+    {
+      type: "card",
+      icon: "icon-grid",
+      name: "\u9AD8\u7EA7\u5361\u7247",
+      category: "view",
+      children: [
+        {
+          type: "col",
+          name: "\u5206\u7EC4",
+          category: "child",
+          options: { span: 12 },
+          children: []
+        }
+      ],
+      options: {
+        width: "200pt",
+        height: "auto"
+      }
+    },
+    {
+      type: "grid",
+      icon: "icon-grid",
+      name: "\u6805\u683C\u5E03\u5C40",
+      category: "view",
+      children: [
+        {
+          type: "col",
+          name: "\u5206\u7EC4",
+          category: "child",
+          options: { span: 12 },
+          children: []
+        },
+        {
+          type: "col",
+          name: "\u5B50\u6805\u683C",
+          category: "child",
+          options: { span: 12 },
+          children: []
+        }
+      ],
+      options: {
+        width: "200pt",
+        height: "auto"
+      }
+    }
+  ]
+}, Ko = /* @__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);
+});
+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({
+  __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)
+          ]),
+          y("div", Uo, [
+            p(g(Ce), {
+              list: a,
+              group: { name: "orchisky", pull: "clone", put: !1, animation: 300 },
+              sort: !1,
+              "ghost-class": "ghost",
+              "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,
+                  size: "mini"
+                }, {
+                  icon: f(() => [
+                    p(e)
+                  ]),
+                  default: f(() => [
+                    q(" " + M(u.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "data-type", "data-category"])
+              ]),
+              _: 2
+            }, 1032, ["list"])
+          ])
+        ], 64))), 128))
+      ]);
+    };
+  }
+}), No = { class: "fe-form-side" }, qo = /* @__PURE__ */ E({
+  __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 }))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const lt = /* @__PURE__ */ E({
+  __name: "input",
+  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"), c = m("a-form-item");
+      return r(), R(c, {
+        field: "name",
+        label: e.label
+      }, {
+        default: f(() => [
+          p(a, {
+            "model-value": String(e.modelValue),
+            size: "mini",
+            "onUpdate:modelValue": i[0] || (i[0] = (u) => l("update:model-value", u))
+          }, null, 8, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+}), Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: lt
+}, Symbol.toStringTag, { value: "Module" })), Ho = /* @__PURE__ */ E({
+  __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, {
+        field: "name",
+        label: e.label
+      }, {
+        default: f(() => [
+          p(a, {
+            "model-value": Number(e.modelValue),
+            size: "mini",
+            "onUpdate:modelValue": i[0] || (i[0] = (u) => l("update:model-value", u))
+          }, null, 8, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+}), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ho
+}, Symbol.toStringTag, { value: "Module" })), Qo = /* @__PURE__ */ E({
+  __name: "select",
+  props: { label: String, modelValue: [String, Number, Boolean], 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, {
+        field: "name",
+        label: e.label
+      }, {
+        default: f(() => {
+          var u, C;
+          return [
+            p(a, {
+              "model-value": String(e.modelValue),
+              options: (C = (u = e.optionsConfig) == null ? void 0 : u.options) != null ? C : [],
+              size: "mini",
+              "onUpdate:modelValue": i[0] || (i[0] = ($) => l("update:model-value", $))
+            }, null, 8, ["model-value", "options"])
+          ];
+        }),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+}), Xo = /* @__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;
+}
+const fe = /* @__PURE__ */ E({
+  __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));
+  }
+}), 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({
+  __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, {
+                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)
+                  }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+                ]),
+                _: 1
+              })) : k === 0 ? (r(), x(I, { key: 1 }, [
+                g(e) ? (r(), R(S, {
+                  key: 0,
+                  model: {},
+                  layout: "vertical"
+                }, {
+                  default: f(() => [
+                    en,
+                    p(fe, {
+                      "model-value": g(e).type,
+                      type: "input",
+                      label: "\u7C7B\u578B",
+                      disabled: ""
+                    }, null, 8, ["model-value"]),
+                    p(fe, {
+                      "model-value": g(e).name,
+                      type: "input",
+                      label: "\u6807\u9898",
+                      disabled: ""
+                    }, null, 8, ["model-value"]),
+                    p(fe, {
+                      "model-value": g(e).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)
+                      ], 64);
+                    }), 128))
+                  ]),
+                  _: 1
+                })) : (r(), R(v, { key: 1 }))
+              ], 64)) : (r(), R(v, { key: 2 }))
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const nn = { class: "fe-layout" }, ln = { class: "u-page u-page--row" }, an = {
+  class: "u-main",
+  style: { padding: "0" }
+}, sn = /* @__PURE__ */ E({
+  __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"])
+        ]),
+        p(on, {
+          "selected-path": a.value,
+          "onUpdate:selectedPath": S[4] || (S[4] = (_) => a.value = _),
+          data: i.value
+        }, null, 8, ["selected-path", "data"])
+      ])
+    ]));
+  }
+}), vn = {
+  install(o) {
+    o.use(mt), o.component("OrchiskyTable", Nt), o.component("OrchiskyPrint", sn);
+  }
+};
+export {
+  sn as OrchiskyPrint,
+  Nt as OrchiskyTable,
+  vn as default,
+  hn as formatTable,
+  gn as useOrchiskyVxe
+};