mvframe 1.0.4

package/dist/cpt/Table.js

@@ -0,0 +1,334 @@
+import { reactive as z, markRaw as N, ref as ne, getCurrentInstance as ae, onBeforeMount as le, onMounted as re, computed as _, onUnmounted as se, resolveComponent as b, openBlock as f, createElementBlock as S, normalizeClass as $, createElementVNode as w, renderSlot as D, unref as n, createBlock as C, withCtx as m, createTextVNode as x, toDisplayString as v, createCommentVNode as g, createVNode as k, mergeProps as ie } from "vue";
+import { C as ue, _ as de, a as ce } from "./chip.js";
+import { useRemoteSummary as fe } from "../composition.js";
+/* empty css     */
+import { _ as me } from "../vendor.js";
+const pe = { class: "MvcTable" }, ge = {
+  key: 0,
+  class: "flexMode vc"
+}, ye = { class: "tableArea relative radius ctx-auto" }, he = {
+  key: 1,
+  class: "flexMode vc h56 p16 xscroll nobar fadeout"
+}, be = /* @__PURE__ */ Object.assign({
+  name: "MvcTable",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    defaultLoading: {
+      type: Boolean,
+      default: !0
+    },
+    tableName: {
+      type: String,
+      default: ""
+    },
+    autoHeader: {
+      type: Boolean,
+      default: !0
+    },
+    headerClass: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: [String, Number],
+      default: 0
+    },
+    minusHeight: {
+      type: [String, Number],
+      default: 0
+    },
+    defer: {
+      type: Boolean,
+      default: !1
+    },
+    rowKey: {
+      type: String,
+      default: ""
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: !1
+    },
+    tool: {
+      type: [Object, Boolean],
+      default: () => ({
+        download: !0,
+        refresh: !0,
+        column: !0
+      })
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    },
+    nofooter: {
+      type: Boolean,
+      default: !1
+    },
+    loadData: {
+      type: Function,
+      default: () => ({
+        list: [],
+        total: 0
+      })
+    },
+    pageSize: {
+      type: Number,
+      default: 0
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 50, 100]
+    },
+    /**
+     * 远程汇总行按列格式化：与 util `$fu` 的 metric 形态一致。
+     * 未传时使用全局 `$config.table.summaryMetric`（应用入口一次配置即可）。
+     * 对象：`{ spend: { unit: 'currency', precision: 2 }, rate: { unit: '%', precision: 2 } }`
+     * 函数：`(prop) => ({ unit, precision, currency })`。
+     */
+    summaryMetric: {
+      type: [Object, Function],
+      default: null
+    }
+  },
+  emits: ["selection-change", "refresh"],
+  setup(E, { expose: L, emit: R }) {
+    const a = E, r = z({
+      loading: !0,
+      selection: []
+    }), t = z({
+      list: [],
+      total: 0,
+      page: 1,
+      pageSize: 50,
+      summary: !1,
+      summaryType: "remote",
+      nopagination: !1,
+      params: {}
+    }), y = z({
+      tabelKey: 0,
+      current: "",
+      list: [
+        {
+          title: "Table Column Customization",
+          size: 1024,
+          cpt: N(ue)
+        },
+        {
+          title: "Download from Current Table",
+          cpt: N(de)
+        }
+      ]
+    }), T = ne(null), { proxy: H } = ae();
+    le(() => {
+      I();
+    }), re(() => {
+      j();
+    });
+    const M = R, I = () => {
+      r.loading = a.defaultLoading, a.pageSize && (t.pageSize = a.pageSize);
+    }, j = () => {
+      X(), a.defer === !1 && h();
+    }, A = (e) => {
+      h(e);
+    }, h = async (e = {}) => {
+      if (e.refresh && r.loading)
+        return;
+      r.loading = !0;
+      const o = {
+        pageSize: e.pageSize || t.pageSize,
+        pageStart: e.pageStart || t.page
+      };
+      e.refresh && (o.remote = !0);
+      const { list: i = [], total: l, summary: s } = await a.loadData(o) || {};
+      t.list = i.map((d, c) => (d.index = c, d)), l === void 0 ? (t.total = t.list.length, t.nopagination = !0) : (t.total = l, t.nopagination = !1), window.config.table.scrollToTop && P(), O(s), r.loading = !1;
+    }, O = (e) => {
+      e ? t.summary = e : t.summary = !1;
+    }, F = (e) => {
+      if (t.summaryType === "locale")
+        return [];
+      if (t.summaryType === "remote") {
+        const o = (l, s) => {
+          if (l != null)
+            return typeof l == "function" ? l(s) : l[s];
+        }, i = (l) => {
+          var d, c;
+          const s = o(a.summaryMetric, l);
+          return s !== void 0 ? s : o((c = (d = globalThis.$config) == null ? void 0 : d.table) == null ? void 0 : c.summaryMetric, l);
+        };
+        return fe(e, t.summary, { resolveMetric: i });
+      }
+      return [];
+    }, P = () => {
+      T.value.$refs.scrollBarRef.setScrollTop(0);
+    }, V = () => {
+      h({
+        pageStart: 1
+      });
+    }, U = () => {
+      h();
+    }, G = (e) => {
+      if (r.selection = e, M("selection-change", e), r.shiftKey) {
+        const o = e[e.length - 2], i = e[e.length - 1], l = t.list.filter1((u) => u.id === o.id).index || 0, s = t.list.filter1((u) => u.id === i.id).index;
+        let d = l, c = s;
+        l > s && (d = s, c = l);
+        for (let u = d; u <= c; u++)
+          H.$refs.body.toggleRowSelection(t.list[u], !0);
+      }
+    }, q = () => {
+      r.loading || (h({ refresh: !0 }), M("refresh"));
+    }, J = () => {
+      y.current = 0;
+    }, Q = () => {
+      y.current = 1;
+    }, W = () => {
+      r.tableKey++;
+    }, X = () => {
+      document.addEventListener("keydown", B), document.addEventListener("keyup", K);
+    }, B = (e) => {
+      e.keyCode === 16 && (r.shiftKey = !0);
+    }, K = (e) => {
+      e.keyCode === 16 && (r.shiftKey = !1);
+    }, Y = () => {
+      document.removeEventListener("keydown", B), document.removeEventListener("keyup", K);
+    }, Z = ({ i: e, row: o }) => {
+      t.list[e] = o;
+    }, ee = _(() => {
+      let e = a.height || window.config.options.pageHeight;
+      return a.noheader === !1 && (e -= 64), a.nofooter === !1 && (e -= 56), e -= a.minusHeight, e;
+    }), te = _(() => !!t.summary), oe = _(() => t.nopagination === !0 ? "total" : "total,->,prev,pager,next,sizes"), p = _(() => {
+      if (a.tool) {
+        const { column: e = !0, download: o = !0, refresh: i = !0 } = a.tool;
+        return {
+          column: e,
+          download: o,
+          refresh: i
+        };
+      } else
+        return !1;
+    });
+    return se(() => {
+      Y();
+    }), L({
+      initTable: A,
+      editRow: Z
+    }), (e, o) => {
+      const i = b("el-button"), l = b("Loading"), s = b("el-table"), d = b("el-pagination"), c = b("Drawer");
+      return f(), S("div", pe, [
+        a.noheader === !1 ? (f(), S("div", {
+          key: 0,
+          class: $(["flexMode hb g12 p16 bg-white", a.autoHeader ? "minh64" : "h64"])
+        }, [
+          w("div", {
+            class: $(["flexMode vc flexGrow maxwp100", a.headerClass])
+          }, [
+            D(e.$slots, "header", {}, void 0, !0)
+          ], 2),
+          n(p) ? (f(), S("div", ge, [
+            n(p).refresh ? (f(), C(i, {
+              key: 0,
+              onClick: q
+            }, {
+              icon: m(() => [...o[2] || (o[2] = [
+                w("i", { class: "imicon im-sync" }, null, -1)
+              ])]),
+              default: m(() => [
+                x(" " + v(e.$l("Refresh")), 1)
+              ]),
+              _: 1
+            })) : g("", !0),
+            n(p).column ? (f(), C(i, {
+              key: 1,
+              onClick: J
+            }, {
+              icon: m(() => [...o[3] || (o[3] = [
+                w("i", { class: "imicon im-column" }, null, -1)
+              ])]),
+              default: m(() => [
+                x(" " + v(e.$l("Columns")), 1)
+              ]),
+              _: 1
+            })) : g("", !0),
+            n(p).download ? (f(), C(i, {
+              key: 2,
+              onClick: Q
+            }, {
+              icon: m(() => [...o[4] || (o[4] = [
+                w("i", { class: "imicon im-download1" }, null, -1)
+              ])]),
+              default: m(() => [
+                x(" " + v(e.$l("Download")), 1)
+              ]),
+              _: 1
+            })) : g("", !0)
+          ])) : g("", !0)
+        ], 2)) : g("", !0),
+        w("div", ye, [
+          k(l, {
+            loading: n(r).loading
+          }, null, 8, ["loading"]),
+          (f(), C(s, {
+            ref_key: "body",
+            ref: T,
+            key: n(r).tableKey,
+            height: n(ee),
+            data: n(t).list,
+            "default-expand-all": a.defaultExpandAll,
+            "row-key": a.rowKey,
+            stripe: "",
+            border: "",
+            "show-summary": n(te),
+            "summary-method": F,
+            class: "MainTable",
+            onSelectionChange: G
+          }, {
+            default: m(() => [
+              k(n(ce), ie({
+                "table-name": a.tableName,
+                column: n(p) ? n(p).column : !1
+              }, e.$attrs), {
+                default: m(() => [
+                  D(e.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["table-name", "column"])
+            ]),
+            _: 3
+          }, 8, ["height", "data", "default-expand-all", "row-key", "show-summary"]))
+        ]),
+        a.nofooter === !1 ? (f(), S("div", he, [
+          k(d, {
+            "current-page": n(t).page,
+            "onUpdate:currentPage": o[0] || (o[0] = (u) => n(t).page = u),
+            background: "",
+            total: n(t).total,
+            "default-page-size": n(t).pageSize,
+            "page-sizes": a.pageSizes,
+            "pager-count": 5,
+            layout: n(oe),
+            class: "wp100",
+            onSizeChange: V,
+            onCurrentChange: U
+          }, null, 8, ["current-page", "total", "default-page-size", "page-sizes", "layout"])
+        ])) : g("", !0),
+        k(c, {
+          current: n(y).current,
+          "onUpdate:current": o[1] || (o[1] = (u) => n(y).current = u),
+          "table-name": a.tableName,
+          drawer: n(y).list,
+          list: n(t).list,
+          selection: n(r).selection,
+          onInitColumn: W
+        }, null, 8, ["current", "table-name", "drawer", "list", "selection"])
+      ]);
+    };
+  }
+}), we = /* @__PURE__ */ me(be, [["__scopeId", "data-v-e72098dd"]]), xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: we
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xe as _
+};

package/dist/cpt/Tabs.js

@@ -0,0 +1,80 @@
+import { useAttrs as b, computed as l, resolveComponent as g, openBlock as p, createElementBlock as v, mergeProps as i, unref as o, createVNode as V, createElementVNode as T, createBlock as h, resolveDynamicComponent as K, normalizeProps as k, createCommentVNode as O } from "vue";
+/* empty css     */
+import { _ as P } from "../vendor.js";
+const x = { class: "panelWrap" }, B = /* @__PURE__ */ Object.assign({
+  name: "MvcTabs",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    /** 与 BtnGroup 一致；每项需含 `component`（或 `componentKey` 指定字段）指向要渲染的组件 */
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    componentKey: {
+      type: String,
+      default: "component"
+    },
+    /** 选项对象上用于 `v-bind` 到当前面板的字段名，如 `{ paneProps: { id: 1 } }` */
+    panePropsKey: {
+      type: String,
+      default: "paneProps"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: m }) {
+    const t = d, a = m, y = b(), r = (e) => e == null ? e : ["Object", "Array"].includes(globalThis.$getType(e)) ? e[t.valueKey] : e, f = (e) => {
+      a("update:modelValue", e);
+      const u = t.options.find((n) => r(n) === e);
+      a("change", e, u);
+    }, s = l(
+      () => t.options.find((e) => r(e) === t.modelValue)
+    ), c = l(() => {
+      const e = s.value;
+      if (!(!e || !["Object", "Array"].includes(globalThis.$getType(e))))
+        return e[t.componentKey];
+    }), _ = l(() => {
+      const e = s.value;
+      return !e || !["Object", "Array"].includes(globalThis.$getType(e)) ? {} : e[t.panePropsKey] ?? {};
+    });
+    return (e, u) => {
+      const n = g("BtnGroup");
+      return p(), v("div", i({ class: "MvcTabs flexMode flexV g12" }, o(y)), [
+        V(n, {
+          "model-value": t.modelValue,
+          options: t.options,
+          "value-key": t.valueKey,
+          "label-key": t.labelKey,
+          disabled: t.disabled,
+          "onUpdate:modelValue": f
+        }, null, 8, ["model-value", "options", "value-key", "label-key", "disabled"]),
+        T("div", x, [
+          o(c) ? (p(), h(K(o(c)), k(i({ key: 0 }, o(_))), null, 16)) : O("", !0)
+        ])
+      ], 16);
+    };
+  }
+}), S = /* @__PURE__ */ P(B, [["__scopeId", "data-v-62303cd8"]]), M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: S
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  M as _
+};

package/dist/cpt/Textarea.js

@@ -0,0 +1,103 @@
+import { ref as S, reactive as $, getCurrentInstance as C, onMounted as V, nextTick as j, computed as u, watch as E, onUnmounted as I, resolveComponent as L, openBlock as k, createBlock as A, mergeProps as M, unref as a } from "vue";
+/* empty css     */
+import { _ as O } from "../vendor.js";
+const T = /* @__PURE__ */ Object.assign({
+  name: "MvcTextarea",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    rows: {
+      type: Number,
+      default: 3
+    },
+    height: {
+      type: [String, Number],
+      default: ""
+    },
+    output: {
+      type: String,
+      default: "string",
+      validator: (i) => ["string", "array"].includes(i)
+    },
+    resize: {
+      type: String,
+      default: "vertical",
+      validator: (i) => ["none", "vertical"].includes(i)
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "change",
+    "blur",
+    "focus"
+  ],
+  setup(i, { emit: y }) {
+    const r = i, p = S(null);
+    let n = null;
+    const o = $({
+      val: "",
+      isComposing: !1
+    }), c = y, { proxy: s } = C();
+    V(() => {
+      var e, l;
+      const t = (e = p.value) == null ? void 0 : e.$el;
+      n = (l = t == null ? void 0 : t.querySelector) == null ? void 0 : l.call(t, "textarea"), n && (n.addEventListener("compositionstart", m), n.addEventListener("compositionend", d));
+    });
+    const m = () => {
+      o.isComposing = !0;
+    }, d = () => {
+      o.isComposing = !1, j(() => f(o.val));
+    }, h = (t) => {
+      o.isComposing || f(t);
+    }, v = (t) => {
+      const e = String(t ?? "").split(/\r?\n/);
+      return r.output === "array" ? e : e.join(",");
+    }, _ = (t) => Array.isArray(t) ? t.join(`
+`) : String(t ?? "").replace(/,/g, `
+`), f = (t) => {
+      const e = v(t);
+      c("update:modelValue", e), c("input", e);
+    }, b = u(() => {
+      if (!r.height) return s.$attrs["input-style"];
+      const t = typeof r.height == "number" ? `${r.height}px` : r.height;
+      return { ...s.$attrs["input-style"] && typeof s.$attrs["input-style"] == "object" ? { ...s.$attrs["input-style"] } : {}, height: t, minHeight: t };
+    }), x = u(() => !!(s.$attrs.maxlength || g.value)), g = u(() => s.$attrs.max);
+    return E(
+      () => r.modelValue,
+      (t) => {
+        const e = _(t);
+        o.val !== e && (o.val = e);
+      },
+      { immediate: !0 }
+    ), I(() => {
+      n && (n.removeEventListener("compositionstart", m), n.removeEventListener("compositionend", d), n = null);
+    }), (t, e) => {
+      const l = L("el-input");
+      return k(), A(l, M({
+        ref_key: "inputRef",
+        ref: p,
+        type: "textarea",
+        modelValue: a(o).val,
+        "onUpdate:modelValue": e[0] || (e[0] = (w) => a(o).val = w),
+        rows: r.rows,
+        style: t.$attrs.style,
+        "input-style": a(b),
+        "show-word-limit": a(x),
+        maxlength: a(g),
+        class: "MvcTextarea"
+      }, t.$attrs, { onInput: h }), null, 16, ["modelValue", "rows", "style", "input-style", "show-word-limit", "maxlength"]);
+    };
+  }
+}), B = /* @__PURE__ */ O(T, [["__scopeId", "data-v-4dba94bf"]]), P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: B
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  P as _
+};