zhihao-ui 1.3.56 → 1.3.57

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zhihao-ui",
-    "version": "1.3.56",
+    "version": "1.3.57",
     "description": "components",
     "type": "module",
     "main": "./dist/umd/index.umd.cjs",

package/dist/es/CascaderLoadMore-DFdDRygU.js

@@ -1,283 +0,0 @@
-import { defineComponent as ae, useModel as te, ref as n, watch as L, nextTick as f, withDirectives as oe, openBlock as m, createElementBlock as P, createVNode as w, unref as C, withCtx as R, createBlock as z, toDisplayString as ne, createCommentVNode as se, mergeProps as re, Fragment as ce, renderList as ie, mergeModels as A } from "vue";
-import { e as H, f as ue, g as pe, h as de, i as ve, C as fe } from "./vendor-DkGhDRdQ.js";
-import { w as me } from "./utils-B-n1yx0L.js";
-const ge = { class: "w-100" }, he = {
-  key: 1,
-  class: "cascader-select-empty"
-}, ye = {
-  key: 2,
-  class: "loading"
-}, Ce = /* @__PURE__ */ ae({
-  name: "CascaderLoadMore",
-  __name: "CascaderLoadMore",
-  props: /* @__PURE__ */ A({
-    onChange: {
-      type: Function,
-      required: !1
-    },
-    // 默认选中项
-    initialValue: {
-      type: [String, Number, Array],
-      required: !1
-    },
-    pageSize: {
-      type: Number,
-      default: 10
-    },
-    // 数据请求函数
-    requestFunction: {
-      type: Function,
-      required: !0
-    },
-    // 选项处理函数
-    handleOptionsFunction: {
-      type: Function,
-      required: !0
-    },
-    placeholder: {
-      type: String,
-      default: "输入关键字搜索名称"
-    },
-    // 强制搜索：不输入内容也进行搜索，即点击下拉默认展示数据
-    forceSearch: {
-      type: Boolean,
-      default: !0
-    },
-    // 初始下拉项用于回显数据
-    initialOptions: {
-      type: Array,
-      required: !1,
-      default: () => []
-    },
-    // 多选，默认false
-    multiple: {
-      type: Boolean,
-      default: !1
-    },
-    collapseTags: {
-      type: Boolean,
-      default: !1
-    },
-    collapseTagsTooltip: {
-      type: Boolean,
-      default: !1
-    },
-    clearable: {
-      type: Boolean,
-      default: !0
-    },
-    cascaderProps: {
-      type: Object,
-      default: () => ({})
-    },
-    placement: {
-      type: String,
-      default: "bottom-start"
-    },
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    popperClass: {
-      type: String,
-      default: "warp-cascade-panel"
-    },
-    teleported: {
-      type: Boolean,
-      default: !1
-    },
-    noDataText: {
-      type: String,
-      default: "暂无数据"
-    }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ A(["change", "removeTag"], ["update:modelValue"]),
-  setup(c, { expose: I, emit: N }) {
-    const o = c, r = te(c, "modelValue"), d = n(r.value || []), v = n(!1), i = n({
-      page: 1,
-      size: o.pageSize
-    }), S = n(void 0), k = n(!1), E = n(!0), p = n(o.initialOptions || []), s = n(o.initialOptions || []), g = n(void 0), T = n(!1), W = {
-      expandTrigger: "hover",
-      checkStrictly: !1,
-      multiple: o.multiple,
-      emitPath: !0,
-      ...o.cascaderProps
-    }, $ = n(), O = n(), U = () => {
-      v.value = !0;
-    }, j = () => {
-      v.value = !1;
-    }, Z = (e) => {
-      const l = /* @__PURE__ */ new Map();
-      return (e || []).forEach((t) => {
-        const a = `${t.value}`;
-        l.has(a) || l.set(a, t);
-      }), Array.from(l.values());
-    };
-    function B(e) {
-      const l = [];
-      function t(a, u = "") {
-        const y = u && (o.cascaderProps.emitPath ?? !0) ? `${u}/${a.label}` : a.label;
-        l.push({
-          ...a,
-          value: a.value,
-          label: y
-          // 如果需要保留原始路径结构，可加上 fullPath 字段
-          // fullPath: currentPath
-        }), a.children && a.children.length > 0 && a.children.forEach((le) => t(le, y));
-      }
-      return e.forEach((a) => t(a)), l;
-    }
-    const q = async (e) => {
-      var u;
-      if (!o.forceSearch && !e) return;
-      const l = g.value === e || !g.value && !e;
-      if (l || (i.value.page = 1), l && S.value !== void 0 && i.value.page > S.value && !T.value) return;
-      T.value = !1, k.value = !0, s.value.length === 0 && (E.value = !0);
-      const a = await o.requestFunction(i.value.page, i.value.size, e);
-      if (a && Object.keys(a).length) {
-        S.value = a.totalPage;
-        const y = (u = a == null ? void 0 : a.list) == null ? void 0 : u.map(o.handleOptionsFunction);
-        l && i.value.page !== 1 ? s.value = Z([...s.value, ...y]) : s.value = y || [], d.value = H(r.value), p.value = B(s.value);
-      }
-      f(() => {
-        F();
-      }), g.value = e, k.value = !1, s.value.length !== 0 && (E.value = !1);
-    }, Q = () => {
-      i.value.page = i.value.page + 1, q(g.value);
-    }, G = (e) => {
-      r.value = e, d.value = e;
-      const l = x(e), t = o.onChange;
-      t && t(e, l);
-    }, x = (e) => {
-      const l = e || r.value;
-      return o.multiple ? p.value.filter(
-        (t) => (l || []).includes(t.value)
-      ) : p.value.find((t) => t.value === l);
-    }, J = () => {
-      r.value = o.initialValue, d.value = o.initialValue, i.value.page = 1, i.value.size = o.pageSize, p.value = o.initialOptions || [], s.value = o.initialOptions || [], S.value = void 0, g.value = void 0;
-    }, D = N;
-    L(
-      () => o.initialOptions,
-      () => {
-        p.value = B(o.initialOptions), console.log("options.value", p.value), s.value = o.initialOptions;
-      },
-      { immediate: !0 }
-    );
-    const K = (e) => {
-      D("removeTag", e);
-    }, X = (e) => {
-      T.value = e;
-    }, b = n(null), h = n(null), M = () => {
-      if (!v.value) return;
-      const e = O.value.popperRef.contentRef, l = e == null ? void 0 : e.querySelector(".el-cascader-panel .el-scrollbar__wrap");
-      l && (b.value = l, h.value = () => Y(l), l.addEventListener("scroll", h.value));
-    }, V = () => {
-      b.value && h.value && (b.value.removeEventListener("scroll", h.value), b.value = null, h.value = null);
-    }, Y = (e) => {
-      const { scrollTop: l, scrollHeight: t, clientHeight: a } = e;
-      let u = t - l;
-      a + 10 > u && Q();
-    };
-    f(() => M()), L(v, (e) => {
-      e ? (console.log("visible", e), f(() => M())) : V();
-    }), L(s, (e) => {
-      e != null && e.length && v.value ? f(() => M()) : V();
-    });
-    const _ = async (e) => {
-      (o.cascaderProps.emitPath ?? !0) && Array.isArray(e) ? o.multiple ? r.value = e.map((a) => a.at(-1)) : r.value = e.at(-1) : r.value = H(d.value), await f();
-      const l = x(r.value);
-      D("change", e, l);
-      const t = o.onChange;
-      t && t(e, l);
-    }, F = () => {
-      const l = O.value.popperRef.contentRef.querySelectorAll(".el-cascader-node__label");
-      console.log(l), l.forEach((t) => {
-        const a = document.createElement("span");
-        a.style.visibility = "hidden", a.style.position = "absolute", a.style.whiteSpace = "nowrap", a.style.font = window.getComputedStyle(t).font, a.textContent = t.textContent || "", document.body.appendChild(a);
-        const u = a.offsetWidth;
-        document.body.removeChild(a), t instanceof HTMLElement && (t.style.whiteSpace = u > 240 ? "break-spaces" : "nowrap");
-      });
-    }, ee = () => {
-      f(() => {
-        F();
-      });
-    };
-    return I({
-      reset: J,
-      getSelectedOption: x,
-      remoteMethod: q,
-      handleRequestParamsChanged: X,
-      options: p,
-      cascderOptions: s
-    }), (e, l) => oe((m(), P("div", ge, [
-      w(C(ue), {
-        ref_key: "popoverRef",
-        ref: O,
-        teleported: c.teleported,
-        placement: o.placement,
-        trigger: o.trigger,
-        "popper-class": o.popperClass,
-        visible: v.value
-      }, {
-        reference: R(() => [
-          w(C(de), re({
-            ref_key: "remoteSelectRef",
-            ref: $,
-            modelValue: r.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (t) => r.value = t),
-            multiple: c.multiple,
-            placeholder: c.placeholder,
-            "remote-method": q,
-            teleported: !0,
-            clearable: c.clearable,
-            "collapse-tags": c.collapseTags,
-            "collapse-tags-tooltip": c.collapseTagsTooltip,
-            filterable: "",
-            height: "300",
-            remote: "",
-            "remote-show-suffix": "",
-            "reserve-keyword": "",
-            "popper-class": "hidden-dropdown",
-            class: "cascader-select"
-          }, e.$attrs, {
-            onClick: U,
-            onChange: G,
-            onRemoveTag: K
-          }), {
-            default: R(() => [
-              (m(!0), P(ce, null, ie(p.value, (t) => (m(), z(C(ve), {
-                key: t.value,
-                label: t.label,
-                value: t.value
-              }, null, 8, ["label", "value"]))), 128))
-            ]),
-            _: 1
-          }, 16, ["modelValue", "multiple", "placeholder", "clearable", "collapse-tags", "collapse-tags-tooltip"])
-        ]),
-        default: R(() => [
-          !E.value && s.value.length > 0 ? (m(), z(C(pe), {
-            key: 0,
-            modelValue: d.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (t) => d.value = t),
-            border: !1,
-            props: W,
-            options: s.value,
-            class: "select-cascader-panel",
-            onChange: _,
-            onExpandChange: ee
-          }, null, 8, ["modelValue", "options"])) : (m(), P("div", he, ne(c.noDataText), 1)),
-          k.value ? (m(), P("div", ye, "加载中...")) : se("", !0)
-        ]),
-        _: 1
-      }, 8, ["teleported", "placement", "trigger", "popper-class", "visible"])
-    ])), [
-      [C(fe), j]
-    ]);
-  }
-}), ke = me(Ce);
-export {
-  ke as Z
-};