mvframe 1.0.4

package/dist/cpt/Page.js

@@ -0,0 +1,55 @@
+import { getCurrentInstance as _, inject as p, computed as i, openBlock as o, createElementBlock as r, createElementVNode as s, renderSlot as a, unref as g, Fragment as h, toDisplayString as d, createCommentVNode as n } from "vue";
+/* empty css     */
+import { _ as f } from "../vendor.js";
+const m = { class: "MvcPage" }, b = {
+  key: 0,
+  class: "PageHeader"
+}, v = { class: "PageHeaderLeft" }, y = { class: "PageHeaderTitle" }, P = { class: "PageHeaderSubTitle" }, H = { class: "PageHeaderRight" }, S = { class: "PageBody" }, k = /* @__PURE__ */ Object.assign({
+  name: "MvcPage",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subtitle: {
+      type: String,
+      default: ""
+    },
+    noheader: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(l) {
+    const e = l, { proxy: $ } = _(), c = p("store").tab(), u = i(() => e.title || e.subtitle);
+    return i(() => c.useTab ? {
+      minHeight: "calc(100vh - 48px - 36px)"
+    } : {
+      minHeight: "calc(100vh - 48px)"
+    }), (t, x) => (o(), r("div", m, [
+      e.noheader ? n("", !0) : (o(), r("div", b, [
+        s("div", v, [
+          t.$slots.header ? a(t.$slots, "header", { key: 0 }, void 0, !0) : g(u) ? (o(), r(h, { key: 1 }, [
+            s("h3", y, d(e.title), 1),
+            s("p", P, d(e.subtitle), 1)
+          ], 64)) : n("", !0)
+        ]),
+        s("div", H, [
+          t.$slots.right ? a(t.$slots, "right", { key: 0 }, void 0, !0) : n("", !0)
+        ])
+      ])),
+      s("div", S, [
+        a(t.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), T = /* @__PURE__ */ f(k, [["__scopeId", "data-v-7d18d3b1"]]), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: T
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  C as _
+};

package/dist/cpt/Select.js

@@ -0,0 +1,186 @@
+import { ref as c, computed as r, useAttrs as U, watch as C, resolveComponent as b, openBlock as A, createBlock as T, mergeProps as F, unref as u, createSlots as W, withCtx as i, renderSlot as $, createElementVNode as V, isRef as q, createTextVNode as w, toDisplayString as v, createElementBlock as G, createVNode as H } from "vue";
+const I = { class: "flexMode hb vc" }, L = { key: 1 }, Q = { class: "tag" }, X = { class: "flexMode hr" }, Y = /* @__PURE__ */ Object.assign({
+  name: "MvcSelect",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: void 0
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    selectAllTxt: {
+      type: String,
+      default: "All"
+    },
+    confirmTxt: {
+      type: String,
+      default: "Confirm"
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(g, { emit: O }) {
+    const l = g, h = c(null), a = c([]), s = c(!1), p = c(!1), _ = c(!1), f = O, B = (e) => {
+      l.multiple ? (a.value = Array.isArray(e) ? [...e] : [], m()) : (f("update:modelValue", e), f("change", e));
+    }, M = (e) => {
+      if (s.value = e, e && l.multiple) {
+        const t = l.modelValue;
+        a.value = Array.isArray(t) ? [...t] : t ? [t] : [], m();
+      }
+    }, d = () => {
+      var o;
+      if (!l.filterable || !s.value) return S();
+      const e = h.value, t = ((o = e == null ? void 0 : e.optionsArray) == null ? void 0 : o.value) ?? (e == null ? void 0 : e.optionsArray) ?? [];
+      return Array.isArray(t) ? t.filter((n) => n.visible && !n.isDisabled).map((n) => n.value) : S();
+    }, N = (e) => {
+      _.value = !1;
+      const t = d();
+      if (e)
+        a.value = [.../* @__PURE__ */ new Set([...a.value, ...t])];
+      else {
+        const o = new Set(t);
+        a.value = a.value.filter((n) => !o.has(n));
+      }
+    }, K = () => {
+      var e, t;
+      l.multiple && (f("update:modelValue", a.value), f("change", a.value), (t = (e = h.value) == null ? void 0 : e.blur) == null || t.call(e));
+    }, S = () => {
+      const e = l.valueKey;
+      return (l.options || []).map((t) => typeof t == "object" ? t[e] : t);
+    }, m = () => {
+      const e = d(), t = new Set(a.value ?? []), o = e.filter((y) => t.has(y)).length, n = e.length;
+      p.value = n > 0 && o === n, _.value = o > 0 && o < n;
+    }, j = r(() => l.multiple && s.value ? a.value : l.modelValue), P = r(() => {
+      const {
+        modelValue: e,
+        valueKey: t,
+        labelKey: o,
+        selectAllTxt: n,
+        confirmTxt: y,
+        nowrap: x,
+        ...k
+      } = l, J = k.props ?? {};
+      return {
+        ...k,
+        props: {
+          ...J,
+          value: t,
+          label: o
+        }
+      };
+    }), R = r(
+      () => l.nowrap ? {
+        collapseTags: !0,
+        collapseTagsTooltip: !0,
+        maxCollapseTags: 1,
+        tagTooltip: { popperStyle: { maxWidth: "400px" } }
+      } : {}
+    ), z = r(() => ({
+      ...R.value,
+      ...U(),
+      ...P.value
+    })), D = r(() => {
+      const e = l.multiple && s.value ? a.value : l.modelValue, t = Array.isArray(e) ? e : e ? [e] : [];
+      if (!l.filterable || !s.value) return t.length;
+      const o = d();
+      return t.filter((n) => o.includes(n)).length;
+    }), E = r(() => d().length);
+    return C(a, () => m(), { deep: !0 }), C(
+      () => l.modelValue,
+      (e) => {
+        if (l.multiple && s.value) {
+          const t = Array.isArray(e) ? [...e] : e ? [e] : [];
+          JSON.stringify(t) !== JSON.stringify(a.value) && (a.value = t, m());
+        }
+      }
+    ), (e, t) => {
+      const o = b("el-checkbox"), n = b("el-button"), y = b("el-select");
+      return A(), T(y, F({
+        ref_key: "selectRef",
+        ref: h,
+        "model-value": u(j),
+        "tag-effect": "plain",
+        class: "MvcSelect"
+      }, u(z), {
+        "onUpdate:modelValue": B,
+        onVisibleChange: M
+      }), W({
+        default: i(() => [
+          $(e.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        l.filterable ? {
+          name: "header",
+          fn: i(() => [
+            V("div", I, [
+              l.multiple ? (A(), T(o, {
+                key: 0,
+                modelValue: u(p),
+                "onUpdate:modelValue": t[0] || (t[0] = (x) => q(p) ? p.value = x : null),
+                indeterminate: u(_),
+                class: "h24",
+                onChange: N
+              }, {
+                default: i(() => [
+                  w(v(g.selectAllTxt), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"])) : (A(), G("span", L)),
+              V("span", Q, v(u(D)) + "/" + v(u(E)), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        l.multiple ? {
+          name: "footer",
+          fn: i(() => [
+            V("div", X, [
+              H(n, {
+                type: "primary",
+                size: "small",
+                onClick: K
+              }, {
+                default: i(() => [
+                  w(v(g.confirmTxt), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["model-value"]);
+    };
+  }
+}), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Y
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ee as _
+};

package/dist/cpt/SelectV2.js

@@ -0,0 +1,189 @@
+import { ref as i, computed as u, useAttrs as $, watch as C, resolveComponent as A, openBlock as V, createBlock as T, mergeProps as D, unref as c, createSlots as F, withCtx as p, createElementVNode as S, isRef as G, createTextVNode as O, toDisplayString as g, createElementBlock as W, renderSlot as q, normalizeProps as H, guardReactiveProps as I, createVNode as L } from "vue";
+const Q = { class: "flexMode hb vc" }, X = { key: 1 }, Y = { class: "tag" }, Z = { class: "flexMode hr" }, ee = /* @__PURE__ */ Object.assign({
+  name: "MvcSelectV2",
+  inheritAttrs: !1
+}, {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: [String, Number, Array],
+      default: void 0
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
+    selectAllTxt: {
+      type: String,
+      default: "All"
+    },
+    confirmTxt: {
+      type: String,
+      default: "Confirm"
+    },
+    nowrap: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: w }) {
+    const l = h, _ = i(null), n = i([]), r = i(!1), d = i(!1), b = i(!1), f = w, B = (e) => {
+      l.multiple ? (n.value = Array.isArray(e) ? [...e] : [], y()) : (f("update:modelValue", e), f("change", e));
+    }, K = (e) => {
+      if (r.value = e, e && l.multiple) {
+        const t = l.modelValue;
+        n.value = Array.isArray(t) ? [...t] : t ? [t] : [], y();
+      }
+    }, m = () => {
+      var o;
+      if (!l.filterable || !r.value) return k();
+      const e = _.value, t = ((o = e == null ? void 0 : e.filteredOptions) == null ? void 0 : o.value) ?? (e == null ? void 0 : e.filteredOptions) ?? [];
+      if (!Array.isArray(t)) return k();
+      const a = l.valueKey;
+      return t.filter((s) => s.type !== "Group" && !s.disabled).map((s) => typeof s == "object" ? s[a] : s);
+    }, M = (e) => {
+      b.value = !1;
+      const t = m();
+      if (e)
+        n.value = [.../* @__PURE__ */ new Set([...n.value, ...t])];
+      else {
+        const a = new Set(t);
+        n.value = n.value.filter((o) => !a.has(o));
+      }
+    }, N = () => {
+      var e, t;
+      l.multiple && (f("update:modelValue", n.value), f("change", n.value), (t = (e = _.value) == null ? void 0 : e.blur) == null || t.call(e));
+    }, k = () => {
+      const e = l.valueKey;
+      return (l.options || []).map((t) => typeof t == "object" ? t[e] : t);
+    }, y = () => {
+      const e = m(), t = new Set(n.value ?? []), a = e.filter((s) => t.has(s)).length, o = e.length;
+      d.value = o > 0 && a === o, b.value = a > 0 && a < o;
+    }, j = u(() => l.multiple && r.value ? n.value : l.modelValue), P = u(() => {
+      const {
+        modelValue: e,
+        valueKey: t,
+        labelKey: a,
+        selectAllTxt: o,
+        confirmTxt: s,
+        nowrap: v,
+        ...x
+      } = l, U = x.props ?? {};
+      return {
+        ...x,
+        props: {
+          ...U,
+          value: t,
+          label: a
+        }
+      };
+    }), R = u(
+      () => l.nowrap ? {
+        collapseTags: !0,
+        collapseTagsTooltip: !0,
+        maxCollapseTags: 1,
+        tagTooltip: { popperStyle: { maxWidth: "400px" } }
+      } : {}
+    ), z = u(() => ({
+      ...R.value,
+      ...$(),
+      ...P.value
+    })), E = u(() => {
+      const e = l.multiple && r.value ? n.value : l.modelValue, t = Array.isArray(e) ? e : e ? [e] : [];
+      if (!l.filterable || !r.value) return t.length;
+      const a = m();
+      return t.filter((o) => a.includes(o)).length;
+    }), J = u(() => m().length);
+    return C(n, () => y(), { deep: !0 }), C(
+      () => l.modelValue,
+      (e) => {
+        if (l.multiple && r.value) {
+          const t = Array.isArray(e) ? [...e] : e ? [e] : [];
+          JSON.stringify(t) !== JSON.stringify(n.value) && (n.value = t, y());
+        }
+      }
+    ), (e, t) => {
+      const a = A("el-checkbox"), o = A("el-button"), s = A("el-select-v2");
+      return V(), T(s, D({
+        ref_key: "selectRef",
+        ref: _,
+        "model-value": c(j),
+        class: "MvcSelectV2"
+      }, c(z), {
+        "onUpdate:modelValue": B,
+        onVisibleChange: K
+      }), F({ _: 2 }, [
+        l.filterable ? {
+          name: "header",
+          fn: p(() => [
+            S("div", Q, [
+              l.multiple ? (V(), T(a, {
+                key: 0,
+                modelValue: c(d),
+                "onUpdate:modelValue": t[0] || (t[0] = (v) => G(d) ? d.value = v : null),
+                indeterminate: c(b),
+                class: "h24",
+                onChange: M
+              }, {
+                default: p(() => [
+                  O(g(h.selectAllTxt), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"])) : (V(), W("span", X)),
+              S("span", Y, g(c(E)) + "/" + g(c(J)), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.default ? {
+          name: "default",
+          fn: p((v) => [
+            q(e.$slots, "default", H(I(v)))
+          ]),
+          key: "1"
+        } : void 0,
+        l.multiple ? {
+          name: "footer",
+          fn: p(() => [
+            S("div", Z, [
+              L(o, {
+                type: "primary",
+                size: "small",
+                onClick: N
+              }, {
+                default: p(() => [
+                  O(g(h.confirmTxt), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["model-value"]);
+    };
+  }
+}), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  le as _
+};