fangguo-component 1.1.2 → 1.1.4

package/dist/HSelectSJ-D3GrXmvj.js

@@ -1,462 +0,0 @@
-import './HSelectSJ.css';var de = Object.defineProperty, fe = Object.defineProperties;
-var pe = Object.getOwnPropertyDescriptors;
-var ue = Object.getOwnPropertySymbols;
-var me = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
-var oe = (o, v, c) => v in o ? de(o, v, { enumerable: !0, configurable: !0, writable: !0, value: c }) : o[v] = c, N = (o, v) => {
-  for (var c in v || (v = {}))
-    me.call(v, c) && oe(o, c, v[c]);
-  if (ue)
-    for (var c of ue(v))
-      he.call(v, c) && oe(o, c, v[c]);
-  return o;
-}, X = (o, v) => fe(o, pe(v));
-var D = (o, v, c) => new Promise((t, m) => {
-  var M = (h) => {
-    try {
-      a(c.next(h));
-    } catch (d) {
-      m(d);
-    }
-  }, R = (h) => {
-    try {
-      a(c.throw(h));
-    } catch (d) {
-      m(d);
-    }
-  }, a = (h) => h.done ? t(h.value) : Promise.resolve(h.value).then(M, R);
-  a((c = c.apply(o, v)).next());
-});
-import { defineComponent as ye, useModel as we, ref as b, watch as A, computed as F, nextTick as K, onUnmounted as ge, onMounted as ke, resolveComponent as Y, openBlock as f, createBlock as q, withCtx as p, createVNode as O, unref as T, createElementBlock as S, createCommentVNode as C, toDisplayString as B, withModifiers as I, renderSlot as Z, createElementVNode as $, normalizeClass as P, normalizeStyle as xe, Fragment as se, renderList as Se, createTextVNode as ne, withDirectives as be, vModelText as Ce, mergeModels as ie } from "vue";
-import { q as Oe } from "./common-BIEgCXbl.js";
-import { Check as Le, ArrowDown as Ne, CircleClose as $e } from "@element-plus/icons-vue";
-import { _ as He } from "./LazyPopover.vue_vue_type_script_setup_true_lang-DcOrcH0T.js";
-import { s as ze, a as De } from "./vue-virtual-scroller.esm-CH-jx4ri.js";
-import { isEqual as Ke } from "lodash-unified";
-import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = {
-  key: 0,
-  class: "select-more-normal-value"
-}, Ve = { class: "max-w-[64px] overflow-hidden text-ellipsis" }, je = { class: "max-h-[280px] overflow-y-auto" }, Ie = {
-  key: 1,
-  class: "select-more-normal-placeholder cursor-default"
-}, Pe = ["placeholder"], Me = {
-  key: 2,
-  class: "select-more-normal-placeholder cursor-default"
-}, Ee = {
-  key: 0,
-  class: "text-center leading-[30px] text-[#999] text-[12px]"
-}, Je = {
-  key: 0,
-  class: "text-[12px] text-center leading-[30px] text-[#999] h-[200px] flex items-center justify-center"
-}, Ae = /* @__PURE__ */ ye({
-  __name: "HSelectSJ",
-  props: /* @__PURE__ */ ie({
-    size: { default: "normal" },
-    disabled: { type: Boolean, default: !1 },
-    api: {},
-    placeholder: { default: "请选择" },
-    multiple: { type: Boolean, default: !1 },
-    optionsKey: {},
-    props: {},
-    width: { default: 200 },
-    popwidth: { default: 200 },
-    sparamsKey: { default: {} },
-    otherParams: { default: {} },
-    stylecss: { default: "" },
-    formate: {},
-    filterable: { type: Boolean, default: !0 },
-    useInput: { type: Boolean, default: !1 },
-    lazy: { type: Boolean, default: !1 },
-    unuseremote: { type: Boolean, default: !1 },
-    options: { default: () => [] },
-    defText: {},
-    changeOrgData: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ie(["change", "clear"], ["update:modelValue"]),
-  setup(o, { expose: v, emit: c }) {
-    const t = we(o, "modelValue"), m = c, M = /* @__PURE__ */ Symbol("HSelect"), R = {
-      pageNo: "pageNo",
-      pageSize: "pageSize",
-      total: "total",
-      text: "text"
-    }, a = o, h = b(N(N({}, R), a.sparamsKey)), d = b(!1), i = b(""), H = b(), u = b([]), r = b([]), E = b({
-      [h.value.pageNo]: 1,
-      [h.value.pageSize]: 20
-    }), _ = b(0), re = b(), U = Oe(() => {
-      a.filterable && k(!0, i.value);
-    });
-    A(() => a.otherParams, (e, l) => {
-      Ke(e, l) || k(!0, i.value);
-    });
-    let ee = null;
-    const g = b("loaded"), k = (e = !1, l = "") => D(null, null, function* () {
-      if (a.unuseremote) {
-        r.value = a.options.filter(
-          (n) => {
-            var z;
-            return (n[j.value] || "").toLocaleLowerCase().includes(i.value.toLocaleLowerCase()) || ((z = n.searchKey || "") == null ? void 0 : z.toLocaleLowerCase().includes(i.value.toLocaleLowerCase()));
-          }
-        );
-        return;
-      }
-      if (e && (E.value[h.value.pageNo] = 1, g.value = "loaded"), l && (i.value = l), g.value !== "loaded")
-        return;
-      g.value = "loading";
-      const s = a.filterable ? N(X(N({}, E.value), { [h.value.text]: i.value }), a.otherParams) : N(N({}, E.value), a.otherParams);
-      ee = JSON.stringify(s);
-      try {
-        let n = yield a.api(s);
-        if (ee !== JSON.stringify(s))
-          return;
-        if (a.changeOrgData && (n = a.changeOrgData(n)), r.value = e ? n.data.list : r.value.concat(n.data.list), _.value = n.data[h.value.total], E.value[h.value.pageNo]++, _.value <= r.value.length ? g.value = "isloadall" : g.value = "loaded", l) {
-          const z = r.value.find((w) => w[j.value] === i.value);
-          return z || k(e), z;
-        }
-      } catch (n) {
-        g.value = "isloadall", r.value = [];
-      }
-    }), ce = (e) => {
-      if (!a.unuseremote)
-        try {
-          let l = null;
-          const s = e.target.children;
-          for (let n = 0; n < s.length; n++)
-            s[n].className === "vue-recycle-scroller__item-wrapper" && (l = s[n]);
-          if (!l)
-            return;
-          l.offsetHeight - e.target.scrollTop < 300 && g.value === "loaded" && k();
-        } catch (l) {
-        }
-    }, L = F(() => !t.value || a.multiple ? "" : u.value && !Array.isArray(u.value) ? a.formate ? a.formate(u.value) : u.value[j.value] : a.defText || t.value || a.placeholder);
-    A(() => d.value, () => D(null, null, function* () {
-      var e, l;
-      if (d.value)
-        L.value !== a.placeholder && (i.value = L.value), yield K(), (e = H.value) == null || e.focus(), k(!0);
-      else {
-        if (yield K(), a.useInput && i.value)
-          if (a.multiple)
-            t.value.includes(i.value) || (t.value.push(i.value), m("change", t.value, u.value));
-          else {
-            if (t.value === i.value)
-              return;
-            t.value = i.value;
-            const s = r.value.find((n) => n[y.value] === i.value);
-            s ? u.value = s : u.value = null, yield K(), m("change", t.value, u.value);
-          }
-        (l = H.value) == null || l.blur(), i.value = "", !a.lazy && k(!0);
-      }
-    })), A(t, (e, l) => {
-      try {
-        const s = typeof e == "string" ? String(e) : JSON.stringify(e), n = typeof l == "string" ? String(l) : JSON.stringify(l);
-        if (s === n)
-          return;
-        G();
-      } catch (s) {
-        console.log(s);
-      }
-    }), A(() => a.options, () => {
-      a.unuseremote && (r.value = a.options, G());
-    });
-    const G = () => {
-      if (a.unuseremote) {
-        if (a.multiple) {
-          if (t.value && t.value.length) {
-            const e = [];
-            try {
-              t.value.forEach((l) => {
-                const s = r.value.find((n) => n[y.value] === l);
-                s ? e.push(s) : console.warn(`HSelect未找到初始化值${l}`);
-              });
-            } catch (l) {
-              console.log(l);
-            }
-            u.value = e;
-            return;
-          }
-          u.value = [];
-        } else {
-          if (i.value = "", t.value) {
-            try {
-              const e = r.value.find((l) => l[y.value] === t.value);
-              e ? u.value = e : console.warn(`HSelect未找到初始化值${t.value}`);
-            } catch (e) {
-              console.warn(e);
-            }
-            return;
-          }
-          u.value = null;
-        }
-        return;
-      }
-      if (a.multiple) {
-        if (t.value && t.value.length)
-          return;
-        u.value = [], i.value = "";
-      } else {
-        if (i.value = t.value, t.value && !a.defText) {
-          le();
-          return;
-        }
-        u.value = null;
-      }
-    }, le = () => D(null, null, function* () {
-      try {
-        const e = r.value.find((l) => l[y.value] === t.value);
-        e ? u.value = e : g.value === "loaded" ? (yield k(), le()) : u.value = void 0;
-      } catch (e) {
-        u.value = void 0, console.error(e);
-      }
-    }), V = F(() => {
-      try {
-        return typeof u.value == "object" ? u.value.length ? u.value.map((e) => a.formate ? a.formate(e) : e[j.value]) : t.value : u.value ? a.formate ? a.formate(u.value) : u.value[j.value] : t.value || a.placeholder;
-      } catch (e) {
-        return a.multiple ? [] : "";
-      }
-    }), Q = (e) => {
-      var l;
-      try {
-        return a.multiple ? (l = t.value) == null ? void 0 : l.includes(e[y.value]) : t.value === e[y.value];
-      } catch (s) {
-        return !1;
-      }
-    }, ae = (e, l) => {
-      if (t.value.splice(e, 1), a.useInput)
-        try {
-          const s = u.value.findIndex((n) => n[y.value] === l);
-          s !== -1 && u.value.splice(s, 1);
-        } catch (s) {
-          console.log(s);
-        }
-      else
-        u.value.splice(e, 1);
-      m("change", t.value, u.value);
-    }, y = F(() => a.props && a.props.value ? a.props.value : "id"), j = F(() => a.props && a.props.label ? a.props.label : "label"), te = () => D(null, null, function* () {
-      var e, l;
-      if (!a.multiple) {
-        t.value = "", u.value = null, i.value = "", k(!0), d.value && ((e = H.value) == null || e.focus()), yield K(), m("clear"), m("change", t.value);
-        return;
-      }
-      t.value = [], u.value = [], i.value = "", k(!0), yield K(), m("clear"), m("change", t.value), (l = H.value) == null || l.focus();
-    }), ve = (e) => D(null, null, function* () {
-      var s;
-      if (!a.multiple) {
-        t.value = e[y.value], yield K(), u.value = e, yield K(), d.value = !1, m("change", t.value, u.value);
-        return;
-      }
-      const l = t.value.findIndex((n) => n === e[y.value]);
-      l === -1 ? (t.value.push(e[y.value]), u.value.push(e), m("change", t.value, u.value)) : (t.value.splice(l, 1), u.value.splice(l, 1), m("change", t.value, u.value)), (s = H.value) == null || s.focus();
-    });
-    return v({
-      modelValue: t,
-      checkAllNodes: () => {
-        var e;
-        u.value = r.value, t.value = u.value.map((l) => l[y.value]), m("change", t.value, u.value), (e = H.value) == null || e.focus();
-      },
-      clearCheaked: te,
-      filterHandle: U,
-      loadeMore: k,
-      checkNode: u,
-      data: r
-    }), ge(() => {
-      delete window.clickOutSideList[M], Object.getOwnPropertySymbols(window.clickOutSideList).length || (delete window.clickOutSideList, window.removeEventListener("click", window.clickOutSideHandle));
-    }), ke(() => D(null, null, function* () {
-      !a.lazy && (yield k(!0)), a.unuseremote && (r.value = a.options), !a.lazy && G(), window.clickOutSideList ? window.clickOutSideList[M] = d : (window.clickOutSideList = {
-        [M]: d
-      }, window.clickOutSideHandle = function() {
-        Object.getOwnPropertySymbols(window.clickOutSideList).forEach((l) => {
-          window.clickOutSideList[l].value = !1;
-        });
-      }, window.addEventListener("click", window.clickOutSideHandle));
-    })), (e, l) => {
-      const s = Y("el-tag"), n = Y("el-icon"), z = Y("el-popover");
-      return f(), q(z, {
-        visible: d.value,
-        placement: "bottom-start",
-        width: `${o.popwidth || o.width}px`
-      }, {
-        reference: p(() => {
-          var w, J;
-          return [
-            $("div", {
-              class: P(["select-more", `${o.stylecss} ${e.$attrs.class}`]),
-              style: xe({ width: typeof o.width == "number" ? o.width + "px" : o.width }),
-              onClick: l[6] || (l[6] = I((x) => d.value = !d.value, ["stop"]))
-            }, [
-              o.disabled ? (f(), S("div", {
-                key: 0,
-                class: "disabled-wrap",
-                onClick: l[0] || (l[0] = I(() => {
-                }, ["stop"]))
-              })) : C("", !0),
-              $("div", {
-                class: P(["select-more-wrapper", { "is-focused": d.value, "!text-[12px] !min-h-[24px] !h-[24px]": o.size === "small" }])
-              }, [
-                o.multiple && ((w = V.value) != null && w.length) ? (f(), S("div", Be, [
-                  O(s, {
-                    class: "mr-[5px]",
-                    type: "info",
-                    closable: "",
-                    onClose: l[1] || (l[1] = (x) => ae(0, V.value[0]))
-                  }, {
-                    default: p(() => [
-                      $("div", Ve, B(V.value[0]), 1)
-                    ]),
-                    _: 1
-                  }),
-                  V.value.length > 1 ? (f(), q(He, {
-                    key: 0,
-                    width: `${o.popwidth}px`
-                  }, {
-                    reference: p(() => [
-                      O(s, { type: "info" }, {
-                        default: p(() => [
-                          ne("+ " + B(V.value.length - 1), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    default: p(() => [
-                      $("div", je, [
-                        (f(!0), S(se, null, Se(V.value, (x, W) => (f(), S(se, {
-                          key: x[y.value]
-                        }, [
-                          W !== 0 ? (f(), q(s, {
-                            key: 0,
-                            class: "mr-[5px] mt-[5px]",
-                            closable: "",
-                            onClose: (qe) => ae(W, x)
-                          }, {
-                            default: p(() => [
-                              ne(B(x), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["onClose"])) : C("", !0)
-                        ], 64))), 128))
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["width"])) : C("", !0)
-                ])) : C("", !0),
-                o.filterable ? (f(), S("div", Ie, [
-                  d.value ? be((f(), S("input", {
-                    key: 0,
-                    ref_key: "input",
-                    ref: H,
-                    "onUpdate:modelValue": l[2] || (l[2] = (x) => i.value = x),
-                    class: "w-full h-[90%]",
-                    type: "text",
-                    placeholder: o.placeholder,
-                    onKeydown: l[3] || (l[3] = I(() => {
-                    }, ["stop"])),
-                    onClick: l[4] || (l[4] = I(() => {
-                    }, ["stop"])),
-                    onInput: l[5] || (l[5] = //@ts-ignore
-                    (...x) => T(U) && T(U)(...x))
-                  }, null, 40, Pe)), [
-                    [Ce, i.value]
-                  ]) : (f(), S("div", {
-                    key: 1,
-                    class: P(["text-nowrap", { "text-[#999]": !L.value || L.value === o.placeholder }])
-                  }, B(L.value || o.placeholder), 3))
-                ])) : C("", !0),
-                !o.filterable && !o.multiple ? (f(), S("div", Me, [
-                  $("div", {
-                    class: P(["text-nowrap", { "text-[#999]": !L.value || L.value === o.placeholder }])
-                  }, B(L.value || o.placeholder), 3)
-                ])) : C("", !0),
-                $("div", {
-                  class: P(["select-more-arrow", { "is-focused": d.value }])
-                }, [
-                  O(n, null, {
-                    default: p(() => [
-                      O(T(Ne))
-                    ]),
-                    _: 1
-                  })
-                ], 2),
-                o.multiple && ((J = t.value) != null && J.length) || !o.multiple && t.value ? (f(), S("div", {
-                  key: 3,
-                  class: "select-more-clear",
-                  onClick: I(te, ["stop"])
-                }, [
-                  O(n, null, {
-                    default: p(() => [
-                      O(T($e))
-                    ]),
-                    _: 1
-                  })
-                ])) : C("", !0)
-              ], 2)
-            ], 6)
-          ];
-        }),
-        default: p(() => [
-          O(T(ze), {
-            ref_key: "DynamicScrollerRef",
-            ref: re,
-            class: "content-list",
-            style: { height: "200px" },
-            keyField: o.optionsKey || y.value,
-            "min-item-size": 40,
-            items: r.value,
-            onScroll: ce
-          }, {
-            before: p(() => [
-              Z(e.$slots, "header", {
-                options: r.value,
-                value: t.value,
-                nodes: u.value
-              }, void 0, !0)
-            ]),
-            default: p(({ item: w, index: J, active: x }) => [
-              O(T(De), {
-                item: w,
-                active: x,
-                "data-index": J,
-                onClick: I((W) => ve(w), ["stop"])
-              }, {
-                default: p(() => [
-                  Z(e.$slots, "default", {
-                    item: X(N({}, w), { active: Q(w) })
-                  }, () => [
-                    $("div", {
-                      class: P(["item", { active: Q(w) }])
-                    }, [
-                      $("div", null, B(o.formate ? o.formate(w) : w[j.value]), 1),
-                      Q(w) ? (f(), q(n, { key: 0 }, {
-                        default: p(() => [
-                          O(T(Le))
-                        ]),
-                        _: 1
-                      })) : C("", !0)
-                    ], 2)
-                  ], !0)
-                ]),
-                _: 2
-              }, 1032, ["item", "active", "data-index", "onClick"])
-            ]),
-            after: p(() => [
-              g.value !== "isloadall" && !a.unuseremote ? (f(), S("div", Ee, B(g.value === "loading" ? "加载中" : "等待加载"), 1)) : C("", !0)
-            ]),
-            empty: p(() => [
-              (g.value === "isloadall" || o.unuseremote) && !r.value.length ? (f(), S("div", Je, "暂无可用数据")) : C("", !0)
-            ]),
-            _: 3
-          }, 8, ["keyField", "items"]),
-          Z(e.$slots, "footer", {
-            options: r.value,
-            value: t.value,
-            nodes: u.value
-          }, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["visible", "width"]);
-    };
-  }
-}), _e = /* @__PURE__ */ Te(Ae, [["__scopeId", "data-v-dd0d6f50"]]);
-export {
-  _e as H
-};