fangguo-component 1.0.0 → 1.1.1

package/dist/SelectAll2.vue_vue_type_script_setup_true_lang-CaET5eli.js

@@ -0,0 +1,74 @@
+import { defineComponent as k, useModel as g, ref as r, watch as p, onMounted as L, resolveComponent as b, openBlock as h, createBlock as A, mergeProps as C, mergeModels as d, nextTick as S } from "vue";
+const _ = /* @__PURE__ */ k({
+  __name: "SelectAll2",
+  props: /* @__PURE__ */ d({
+    labelkey: {
+      type: String,
+      default: "label"
+    },
+    valuekey: {
+      type: String,
+      default: "value"
+    },
+    binds: {
+      type: Object,
+      default: () => ({})
+    },
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    }
+  }, {
+    modelValue: { type: Array },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ d(["change", "clear"], ["update:modelValue"]),
+  setup(i, { emit: y }) {
+    const t = g(i, "modelValue"), v = y, e = i, l = r([]);
+    p(() => e.list, () => {
+      c();
+    }), p(t, (u, o) => {
+      JSON.stringify(u) !== JSON.stringify(o) && (l.value = t.value);
+    });
+    const c = () => {
+      const u = JSON.parse(JSON.stringify(e.list));
+      u.unshift({ [e.labelkey]: "全部选择", [e.valuekey]: "ALL" }), a.value = u;
+    }, a = r([]), f = (u) => {
+      S(() => {
+        if (l.value.includes("ALL")) {
+          const o = [], s = [];
+          a.value.forEach((n) => {
+            n[e.valuekey] !== "ALL" && !l.value.includes(n[e.valuekey]) && (o.push(n[e.valuekey]), s.push(n[e.valuekey]));
+          }), l.value = s, a.value[0][e.valuekey] = "CANCEL", a.value[0][e.labelkey] = "全部取消";
+        } else l.value.includes("CANCEL") && (l.value = [], a.value[0][e.valuekey] = "ALL", a.value[0][e.labelkey] = "全部选择");
+        t.value = l.value, v("change", t.value);
+      });
+    }, m = () => {
+      t.value = [], a.value[0][e.valuekey] = "ALL", a.value[0][e.labelkey] = "全部选择", v("clear");
+    };
+    return L(() => {
+      c(), l.value = t.value;
+    }), (u, o) => {
+      const s = b("el-select-v2");
+      return h(), A(s, C({
+        filterable: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n)
+      }, i.binds, {
+        options: a.value,
+        style: { width: "150px" },
+        multiple: "",
+        clearable: "",
+        "collapse-tags": "",
+        "collapse-tags-tooltip": "",
+        onChange: f,
+        onClear: m,
+        height: 300
+      }), null, 16, ["modelValue", "options"]);
+    };
+  }
+});
+export {
+  _
+};

package/dist/SelectCustomAll.css

@@ -0,0 +1 @@
+.custom-header .el-checkbox{display:flex;height:unset}

package/dist/SelectCustomAll.vue_vue_type_style_index_0_lang-_wCRO217.js

@@ -0,0 +1,83 @@
+import { defineComponent as A, ref as i, useModel as C, watch as b, resolveComponent as c, openBlock as m, createBlock as h, mergeProps as g, createSlots as M, withCtx as f, createElementBlock as S, Fragment as _, renderList as x, createVNode as w, createTextVNode as B, mergeModels as L } from "vue";
+import './SelectCustomAll.css';const O = /* @__PURE__ */ A({
+  __name: "SelectCustomAll",
+  props: /* @__PURE__ */ L({
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "label"
+    },
+    value: {
+      type: String,
+      default: "value"
+    },
+    selectAll: {
+      type: Boolean,
+      default: !0
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const l = v, n = i(JSON.parse(JSON.stringify(l.list))), a = C(v, "modelValue"), s = i(!1), u = i(!1), p = () => {
+      if (a.value.length) {
+        const t = a.value.some((r) => n.value.some((d) => d[l.value] === r));
+        n.value.every((r) => a.value.some((d) => r[l.value] === d)) ? (s.value = !0, u.value = !1) : t ? u.value = !0 : (s.value = !1, u.value = !1);
+      } else
+        u.value = !1, s.value = !1;
+    }, V = (t) => {
+      n.value = l.list.filter((e) => e[l.label].toLowerCase().indexOf(t.toLowerCase()) >= 0), p();
+    };
+    b(() => a.value, () => {
+      p();
+    });
+    const k = (t) => {
+      u.value = !1, t ? a.value = n.value.map((e) => e[l.value]) : a.value = [];
+    };
+    return (t, e) => {
+      const r = c("el-checkbox"), d = c("el-option"), y = c("el-select");
+      return m(), h(y, g(t.$attrs, {
+        modelValue: a.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (o) => a.value = o),
+        "filter-method": V,
+        placeholder: "请选择"
+      }), M({
+        default: f(() => [
+          (m(!0), S(_, null, x(n.value, (o) => (m(), h(d, {
+            key: o.value,
+            label: o[l.label],
+            value: o[l.value]
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 2
+      }, [
+        v.selectAll ? {
+          name: "header",
+          fn: f(() => [
+            w(r, {
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => s.value = o),
+              indeterminate: u.value,
+              onChange: k
+            }, {
+              default: f(() => [...e[2] || (e[2] = [
+                B(" 全选 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "indeterminate"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/SelectTimePicker.vue_vue_type_script_setup_true_lang-Bj0KMOKv.js

@@ -0,0 +1,45 @@
+import { defineComponent as u, useModel as c, resolveComponent as m, openBlock as i, createElementBlock as p, createVNode as d, unref as o, mergeModels as f } from "vue";
+import { dayjs as s } from "element-plus";
+import { s as V } from "./dateShortcuts-DDPtAhDI.js";
+const v = { class: "flex" }, k = /* @__PURE__ */ u({
+  __name: "SelectTimePicker",
+  props: /* @__PURE__ */ f({
+    mapData: {},
+    selectOption: {},
+    propsConfig: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = c(e, "modelValue");
+    return (h, t) => {
+      const n = m("el-select-v2"), r = m("el-date-picker");
+      return i(), p("div", v, [
+        d(n, {
+          modelValue: l.value[e.mapData.selectLabel],
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value[e.mapData.selectLabel] = a),
+          options: e.selectOption,
+          placeholder: "时间类型",
+          style: { width: "125px" },
+          clearable: ""
+        }, null, 8, ["modelValue", "options"]),
+        d(r, {
+          modelValue: l.value[e.mapData.timeLabel],
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value[e.mapData.timeLabel] = a),
+          type: "daterange",
+          "value-format": "x",
+          "start-placeholder": "开始时间",
+          "end-placeholder": "结束时间",
+          defaultTime: [o(s)().startOf("day"), o(s)().endOf("day")],
+          shortcuts: o(V),
+          style: { width: "260px" }
+        }, null, 8, ["modelValue", "defaultTime", "shortcuts"])
+      ]);
+    };
+  }
+});
+export {
+  k as _
+};