@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XCascader.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XCascader.vue.js";
+export {
+  f as default
+};

package/dist/components/XCascaderPanel.vue.js

@@ -0,0 +1,466 @@
+import { defineComponent as Fe, ref as V, computed as d, watch as _e, openBlock as i, createElementBlock as o, Fragment as te, renderList as le, normalizeStyle as D, createCommentVNode as _, withModifiers as N, normalizeClass as Me, createBlock as C, unref as f, createElementVNode as be, toDisplayString as xe, createVNode as K, renderSlot as He, resolveDynamicComponent as Re } from "vue";
+import je from "./XEmpty.vue.js";
+import p from "./XIcon.js";
+import { useXConfigProviderSlotRender as Xe } from "../composables/config-provider.js";
+const Ue = ["onScroll"], qe = ["onClick", "onMouseenter"], Ge = {
+  key: 0,
+  class: "x-cascader-panel__checkmark"
+}, Je = { class: "x-cascader-panel__label" }, Qe = {
+  key: 1,
+  class: "x-cascader-panel__loading"
+}, We = ["onClick"], Ye = {
+  key: 3,
+  class: "x-cascader-panel__check-icon"
+}, Ze = {
+  key: 1,
+  class: "x-cascader-panel__column-scroll"
+}, ea = ["onClick", "onMouseenter"], aa = {
+  key: 0,
+  class: "x-cascader-panel__checkmark"
+}, ta = { class: "x-cascader-panel__label" }, la = {
+  key: 1,
+  class: "x-cascader-panel__loading"
+}, na = ["onClick"], sa = {
+  key: 3,
+  class: "x-cascader-panel__check-icon"
+}, ia = {
+  key: 0,
+  class: "x-cascader-panel__state"
+}, Le = "__x_cas__", da = /* @__PURE__ */ Fe({
+  __name: "XCascaderPanel",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    options: { default: () => [] },
+    fieldNames: { default: void 0 },
+    expandTrigger: { default: "click" },
+    expandChild: { type: Boolean, default: !1 },
+    changeOnSelect: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    checkStrictly: { type: Boolean, default: !1 },
+    pathMode: { type: Boolean, default: !1 },
+    valueKey: { default: "value" },
+    loadMore: { type: Function, default: void 0 },
+    virtualListProps: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(F, { emit: Ve }) {
+    const Oe = {
+      label: "label",
+      value: "value",
+      disabled: "disabled",
+      children: "children",
+      isLeaf: "isLeaf"
+    }, r = F, ne = Ve;
+    function H(e) {
+      return typeof e == "object" && e !== null && !Array.isArray(e);
+    }
+    function Se(e) {
+      return e == null || e === "";
+    }
+    function R(e, a) {
+      return H(e) ? String(e[a] ?? "") : String(e ?? "");
+    }
+    function j(e, a) {
+      return e.map((t) => {
+        const l = H(t) ? t : {}, u = l[a.children], c = Array.isArray(u) ? j(u, a) : void 0;
+        return {
+          label: String(l[a.label] ?? l[a.value] ?? ""),
+          value: l[a.value],
+          disabled: !!l[a.disabled],
+          isLeaf: l[a.isLeaf],
+          children: c,
+          ...l
+        };
+      });
+    }
+    function Ce(e, a, t) {
+      return Array.isArray(e) ? !a && e.length > 0 && !Array.isArray(e[0]) ? [e] : e : Se(e) ? [] : [e];
+    }
+    function Ke(e, a, {
+      checkStrictly: t,
+      enabledLazyLoad: l,
+      valueKey: u
+    }) {
+      const c = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), g = (Ie, $) => {
+        const ge = ($ == null ? void 0 : $.path) ?? [];
+        return Ie.map((k, De) => {
+          var ke;
+          const Ne = H(k) ? k : {}, ee = k.value, s = {
+            raw: Ne,
+            key: "",
+            valueKey: R(ee, u),
+            value: ee,
+            label: String(k.label ?? ee ?? ""),
+            disabled: !!k.disabled,
+            selectionDisabled: !1,
+            isLeaf: k.isLeaf === !0,
+            parent: $,
+            children: void 0,
+            path: [],
+            pathValue: [],
+            level: ge.length,
+            index: De,
+            totalLeafOptions: void 0
+          }, ae = [...ge, s];
+          s.path = ae, s.pathValue = ae.map((L) => L.value), s.key = ae.map((L) => L.valueKey).join(Le);
+          const I = a[s.key];
+          return (ke = k.children) != null && ke.length ? (s.isLeaf = !1, s.children = g(k.children, s)) : l && k.isLeaf !== !0 ? (s.isLeaf = !1, I != null && I.length && (s.children = g(I, s))) : s.isLeaf = !0, s.children && !s.disabled && (s.totalLeafOptions = s.children.reduce((L, w) => typeof w.totalLeafOptions == "number" ? L + w.totalLeafOptions : w.disabled || w.selectionDisabled ? L : L + (w.isLeaf ? 1 : 0), 0), s.totalLeafOptions === 0 && !t && (s.selectionDisabled = !0)), c.set(s.key, s), n.has(s.valueKey) || n.set(s.valueKey, s), (s.isLeaf || t) && (h.set(s.key, s), m.has(s.valueKey) || m.set(s.valueKey, s.key)), s;
+        });
+      };
+      return {
+        optionInfos: g(e),
+        optionMap: c,
+        leafOptionMap: h,
+        optionValueMap: n,
+        leafOptionValueMap: m
+      };
+    }
+    const se = V(r.defaultValue ?? (r.multiple ? [] : r.pathMode ? void 0 : "")), X = V([]), P = V(), T = V({}), M = V(/* @__PURE__ */ new Set()), U = V({}), O = V(null), ie = d(() => ({
+      ...Oe,
+      ...r.fieldNames ?? {}
+    })), b = d(() => !!r.multiple), y = d(() => !!r.checkStrictly), q = d(() => !!r.pathMode), re = Xe(
+      "empty",
+      d(() => ({ component: "cascader" }))
+    ), ue = d(() => r.modelValue !== void 0), oe = d(() => ue.value ? r.modelValue : se.value), Be = d(() => j(r.options, ie.value)), v = d(() => Ke(Be.value, T.value, {
+      checkStrictly: y.value,
+      enabledLazyLoad: !!r.loadMore,
+      valueKey: r.valueKey
+    })), ce = d(() => y.value ? v.value.optionMap : v.value.leafOptionMap);
+    function G(e) {
+      var t;
+      if (Array.isArray(e))
+        return e.map((l) => R(l, r.valueKey)).join(Le);
+      const a = R(e, r.valueKey);
+      return y.value ? ((t = v.value.optionValueMap.get(a)) == null ? void 0 : t.key) ?? a : v.value.leafOptionValueMap.get(a) ?? a;
+    }
+    const x = d(() => {
+      const e = /* @__PURE__ */ new Map();
+      return Ce(oe.value, b.value, q.value).forEach((t) => {
+        e.set(G(t), t);
+      }), e;
+    });
+    function J(e) {
+      var t;
+      if (e.disabled || e.selectionDisabled)
+        return [];
+      if (e.isLeaf)
+        return [e];
+      const a = [];
+      return (t = e.children) == null || t.forEach((l) => {
+        a.push(...J(l));
+      }), a;
+    }
+    function de(e) {
+      return J(e).map((a) => a.key);
+    }
+    function Q(e) {
+      if (y.value)
+        return {
+          checked: x.value.has(e.key),
+          indeterminate: !1
+        };
+      if (e.isLeaf)
+        return {
+          checked: x.value.has(e.key),
+          indeterminate: !1
+        };
+      const a = de(e);
+      if (!a.length)
+        return {
+          checked: !1,
+          indeterminate: !1
+        };
+      const t = a.reduce((l, u) => l + (x.value.has(u) ? 1 : 0), 0);
+      return {
+        checked: t > 0 && t >= a.length,
+        indeterminate: t > 0 && t < a.length
+      };
+    }
+    function ze(e) {
+      var t;
+      let a = e;
+      if (r.expandChild)
+        for (; (t = a == null ? void 0 : a.children) != null && t.length; )
+          a = a.children[0];
+      return a;
+    }
+    function W(e) {
+      const a = ze(e ? v.value.optionMap.get(e) : void 0);
+      X.value = (a == null ? void 0 : a.path.map((t) => t.key)) ?? [];
+    }
+    const Y = d(() => {
+      var a;
+      const e = [];
+      v.value.optionInfos.length && e.push(v.value.optionInfos);
+      for (const t of X.value) {
+        const l = v.value.optionMap.get(t);
+        (a = l == null ? void 0 : l.children) != null && a.length && e.push(l.children);
+      }
+      return e;
+    }), fe = d(() => !!(r.virtualListProps && Number(r.virtualListProps.height ?? 0) > 0)), ve = d(() => {
+      var e;
+      return Math.max(Number(((e = r.virtualListProps) == null ? void 0 : e.height) ?? 200), 120);
+    }), B = d(() => {
+      var e;
+      return Math.max(Number(((e = r.virtualListProps) == null ? void 0 : e.itemHeight) ?? 32), 24);
+    }), he = d(() => {
+      var e;
+      return Math.max(Number(((e = r.virtualListProps) == null ? void 0 : e.buffer) ?? 4), 0);
+    });
+    function we(e, a) {
+      if (!fe.value)
+        return {
+          start: 0,
+          end: e.length,
+          paddingTop: 0,
+          paddingBottom: 0,
+          items: e
+        };
+      const t = U.value[a] ?? 0, l = Math.max(Math.floor(t / B.value) - he.value, 0), u = Math.ceil(ve.value / B.value) + he.value * 2, c = Math.min(l + u, e.length);
+      return {
+        start: l,
+        end: c,
+        paddingTop: l * B.value,
+        paddingBottom: Math.max((e.length - c) * B.value, 0),
+        items: e.slice(l, c)
+      };
+    }
+    const z = d(() => Y.value.map((e, a) => we(e, a)));
+    function Z(e) {
+      const a = b.value ? e : e[0] ?? "";
+      ue.value || (se.value = a), ne("update:modelValue", a);
+      const t = [];
+      e.forEach((l) => {
+        const u = ce.value.get(G(l)) ?? v.value.optionMap.get(G(l));
+        u && u.path.forEach((c) => {
+          t.push(c.raw);
+        });
+      }), ne("change", a, t);
+    }
+    function Pe(e) {
+      Z([q.value ? [...e.pathValue] : e.value]);
+    }
+    function Te(e, a) {
+      if (a) {
+        const u = new Map(x.value);
+        (y.value ? [e] : J(e)).forEach((h) => {
+          u.has(h.key) || u.set(h.key, q.value ? [...h.pathValue] : h.value);
+        }), Z(Array.from(u.values()));
+        return;
+      }
+      const t = y.value ? [e.key] : de(e), l = [];
+      x.value.forEach((u, c) => {
+        t.includes(c) || l.push(u);
+      }), Z(l);
+    }
+    function Ae(e) {
+      var t;
+      if (!r.loadMore || e.isLeaf || (t = e.children) != null && t.length || M.value.has(e.key)) return;
+      const a = new Set(M.value);
+      a.add(e.key), M.value = a, r.loadMore(e.raw, (l) => {
+        const u = new Set(M.value);
+        if (u.delete(e.key), M.value = u, l != null && l.length) {
+          const c = j(l, ie.value);
+          T.value = {
+            ...T.value,
+            [e.key]: c
+          };
+        }
+      });
+    }
+    function A(e) {
+      e.disabled || (Ae(e), W(e.key), P.value = e.key);
+    }
+    function pe(e) {
+      if (!e.disabled) {
+        if (A(e), b.value) {
+          const { checked: a } = Q(e);
+          Te(e, !a);
+          return;
+        }
+        (y.value || e.isLeaf || r.changeOnSelect) && Pe(e);
+      }
+    }
+    function ye(e) {
+      r.expandTrigger !== "hover" || e.disabled || (O.value && clearTimeout(O.value), O.value = setTimeout(() => {
+        A(e);
+      }, 120));
+    }
+    function Ee() {
+      O.value && (clearTimeout(O.value), O.value = null);
+    }
+    function $e(e, a) {
+      const t = a.target;
+      U.value = {
+        ...U.value,
+        [e]: t.scrollTop
+      };
+    }
+    function me(e) {
+      return X.value.includes(e.key) || e.key === P.value;
+    }
+    function S(e) {
+      return Q(e).checked;
+    }
+    function E(e) {
+      return Q(e).indeterminate;
+    }
+    return _e(
+      () => r.options,
+      () => {
+        T.value = {};
+      },
+      { deep: !0 }
+    ), _e(
+      oe,
+      () => {
+        if (x.value.size > 0) {
+          const e = Array.from(x.value.keys()), a = e[e.length - 1], t = ce.value.get(a) ?? v.value.optionMap.get(a);
+          t && (W(t.key), P.value = t.key);
+          return;
+        }
+        W(), P.value = void 0;
+      },
+      { immediate: !0, deep: !0 }
+    ), (e, a) => (i(), o("div", {
+      class: "x-cascader-panel",
+      onMouseleave: Ee
+    }, [
+      (i(!0), o(te, null, le(Y.value, (t, l) => {
+        var u, c, h;
+        return i(), o("div", {
+          key: l,
+          class: "x-cascader-panel__column"
+        }, [
+          fe.value ? (i(), o("div", {
+            key: 0,
+            class: "x-cascader-panel__virtual",
+            style: D({ height: `${ve.value}px` }),
+            onScroll: (n) => $e(l, n)
+          }, [
+            (u = z.value[l]) != null && u.paddingTop ? (i(), o("div", {
+              key: 0,
+              style: D({ height: `${z.value[l].paddingTop}px` })
+            }, null, 4)) : _("", !0),
+            (i(!0), o(te, null, le((c = z.value[l]) == null ? void 0 : c.items, (n) => {
+              var m;
+              return i(), o("button", {
+                key: n.key,
+                type: "button",
+                class: Me(["x-cascader-panel__option", {
+                  "is-active": me(n),
+                  "is-disabled": n.disabled,
+                  "is-selected": S(n),
+                  "is-indeterminate": E(n)
+                }]),
+                style: D({ minHeight: `${B.value}px` }),
+                onClick: N((g) => pe(n), ["stop"]),
+                onMouseenter: (g) => ye(n)
+              }, [
+                b.value ? (i(), o("span", Ge, [
+                  S(n) ? (i(), C(f(p), {
+                    key: 0,
+                    name: "dui",
+                    size: 12
+                  })) : E(n) ? (i(), C(f(p), {
+                    key: 1,
+                    name: "checkbox-indeterminate",
+                    size: 12
+                  })) : _("", !0)
+                ])) : _("", !0),
+                be("span", Je, xe(n.label), 1),
+                M.value.has(n.key) ? (i(), o("span", Qe, [
+                  K(f(p), {
+                    name: "shuaxin",
+                    size: 12,
+                    spin: ""
+                  })
+                ])) : (m = n.children) != null && m.length || F.loadMore && !n.isLeaf ? (i(), o("span", {
+                  key: 2,
+                  class: "x-cascader-panel__expand-arrow",
+                  onClick: N((g) => A(n), ["stop"])
+                }, [
+                  K(f(p), {
+                    name: "gengduo",
+                    size: 12
+                  })
+                ], 8, We)) : !b.value && y.value && S(n) ? (i(), o("span", Ye, [
+                  K(f(p), {
+                    name: "dui",
+                    size: 12
+                  })
+                ])) : _("", !0)
+              ], 46, qe);
+            }), 128)),
+            (h = z.value[l]) != null && h.paddingBottom ? (i(), o("div", {
+              key: 1,
+              style: D({ height: `${z.value[l].paddingBottom}px` })
+            }, null, 4)) : _("", !0)
+          ], 44, Ue)) : (i(), o("div", Ze, [
+            (i(!0), o(te, null, le(t, (n) => {
+              var m;
+              return i(), o("button", {
+                key: n.key,
+                type: "button",
+                class: Me(["x-cascader-panel__option", {
+                  "is-active": me(n),
+                  "is-disabled": n.disabled,
+                  "is-selected": S(n),
+                  "is-indeterminate": E(n)
+                }]),
+                onClick: N((g) => pe(n), ["stop"]),
+                onMouseenter: (g) => ye(n)
+              }, [
+                b.value ? (i(), o("span", aa, [
+                  S(n) ? (i(), C(f(p), {
+                    key: 0,
+                    name: "dui",
+                    size: 12
+                  })) : E(n) ? (i(), C(f(p), {
+                    key: 1,
+                    name: "checkbox-indeterminate",
+                    size: 12
+                  })) : _("", !0)
+                ])) : _("", !0),
+                be("span", ta, xe(n.label), 1),
+                M.value.has(n.key) ? (i(), o("span", la, [
+                  K(f(p), {
+                    name: "shuaxin",
+                    size: 12,
+                    spin: ""
+                  })
+                ])) : (m = n.children) != null && m.length || F.loadMore && !n.isLeaf ? (i(), o("span", {
+                  key: 2,
+                  class: "x-cascader-panel__expand-arrow",
+                  onClick: N((g) => A(n), ["stop"])
+                }, [
+                  K(f(p), {
+                    name: "gengduo",
+                    size: 12
+                  })
+                ], 8, na)) : !b.value && y.value && S(n) ? (i(), o("span", sa, [
+                  K(f(p), {
+                    name: "dui",
+                    size: 12
+                  })
+                ])) : _("", !0)
+              ], 42, ea);
+            }), 128))
+          ]))
+        ]);
+      }), 128)),
+      Y.value.length ? _("", !0) : (i(), o("div", ia, [
+        He(e.$slots, "empty", {}, () => [
+          f(re) ? (i(), C(Re(f(re)), { key: 0 })) : (i(), C(je, {
+            key: 1,
+            "in-config-provider": ""
+          }))
+        ])
+      ]))
+    ], 32));
+  }
+});
+export {
+  da as default
+};

package/dist/components/XCascaderPanel.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XCascaderPanel.vue.js";
+export {
+  f as default
+};

package/dist/components/XChatInput.vue.js

@@ -0,0 +1,7 @@
+import t from "./XChatInput.vue2.js";
+/* empty css                */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-16431045"]]);
+export {
+  m as default
+};