@dazhicheng/ui 1.4.14 → 1.4.16

package/dist/{index-oWr7FvHH.js → index-DARbDgFW.js}

@@ -1,10 +1,10 @@
-import { l as ft, d as D } from "./index-YaBtguVL.js";
-import { b as ut, a as Y, u as lt, h as ct, j as tt, w as ht, o as dt } from "./use-form-common-props-D8bK4KUX.js";
-import { i as W } from "./icon-D7uEJbj1.js";
+import { l as ft, d as D } from "./index-HEvFEYVF.js";
+import { b as ut, a as Y, u as lt, h as ct, j as tt, w as ht, o as dt } from "./use-form-common-props-Co2xJKSS.js";
+import { i as W } from "./icon-C8mOBgGn.js";
 import { getCurrentInstance as gt, inject as et, ref as rt, computed as g, useSlots as bt, Text as vt, defineComponent as at, createBlock as B, openBlock as x, resolveDynamicComponent as N, mergeProps as pt, unref as v, withCtx as C, createElementBlock as $, createCommentVNode as U, Fragment as mt, renderSlot as _, normalizeClass as z, provide as yt, reactive as kt, toRef as q } from "vue";
-import { E as K } from "./index-D0IHErAs.js";
-import { u as xt } from "./index-CluCT7Mm.js";
-import { u as St } from "./use-form-item-Bzpa4RlP.js";
+import { E as K } from "./index-iDdpdLyC.js";
+import { u as xt } from "./index-qhJRQdTJ.js";
+import { u as St } from "./use-form-item-BHXTK2Pf.js";
 const Mt = [
   "default",
   "primary",

package/dist/{index-BwUPEK34.js → index-DftzFo8M.js}

@@ -1,6 +1,6 @@
 import { isClient as g } from "@vueuse/core";
-import { a as x } from "./index-YaBtguVL.js";
-import { i as C } from "./use-form-common-props-D8bK4KUX.js";
+import { a as x } from "./index-HEvFEYVF.js";
+import { i as C } from "./use-form-common-props-Co2xJKSS.js";
 const s = /* @__PURE__ */ new Map();
 if (g) {
   let e;

package/dist/index-DtD9KW7p.js

@@ -0,0 +1,436 @@
+import { b as U, e as P, a as re, t as se, d as G, w as ne } from "./use-form-common-props-Co2xJKSS.js";
+import { u as ie } from "./index-BiA7AsUl.js";
+import { defineComponent as V, inject as te, ref as f, computed as C, onBeforeUnmount as ce, toRef as X, createBlock as $, openBlock as B, Transition as ue, unref as k, withCtx as le, withDirectives as ve, createElementVNode as j, withModifiers as fe, normalizeClass as O, normalizeStyle as I, vShow as me, createElementBlock as ae, Fragment as de, createVNode as Y, watch as F, nextTick as J, provide as pe, reactive as be, onActivated as he, onMounted as ge, onUpdated as ye, createCommentVNode as Se, resolveDynamicComponent as we, renderSlot as ze } from "vue";
+import { useEventListener as K, isClient as Ee, useResizeObserver as Q } from "@vueuse/core";
+import { B as xe, r as He, G as R } from "./util-BFu351R4.js";
+import { d as oe, o as Te } from "./index-HEvFEYVF.js";
+import { a as Z } from "./index-iDdpdLyC.js";
+const Re = U({
+  /**
+   * @description trigger distance(px)
+   */
+  distance: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: Boolean,
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: re([String, Object, Array]),
+    default: ""
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ""
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: "div"
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description Wrap tabindex
+   */
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  ...ie(["ariaLabel", "ariaOrientation"])
+}), Ce = {
+  "end-reached": (r) => ["left", "right", "top", "bottom"].includes(r),
+  scroll: ({
+    scrollTop: r,
+    scrollLeft: h
+  }) => [r, h].every(P)
+}, Le = U({
+  always: {
+    type: Boolean,
+    default: !0
+  },
+  minSize: {
+    type: Number,
+    required: !0
+  }
+}), Ne = U({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: !0
+  },
+  always: Boolean
+}), q = /* @__PURE__ */ Symbol(
+  "scrollbarContextKey"
+), Pe = "Thumb";
+var ee = /* @__PURE__ */ V({
+  __name: "thumb",
+  props: Ne,
+  setup(r) {
+    const h = r, n = te(q), a = oe("scrollbar");
+    n || se(Pe, "can not inject scrollbar context");
+    const m = f(), u = f(), S = f({}), g = f(!1);
+    let p = !1, i = !1, d = 0, v = 0, o = Ee ? document.onselectstart : null;
+    const e = C(() => xe[h.vertical ? "vertical" : "horizontal"]), l = C(
+      () => He({
+        size: h.size,
+        move: h.move,
+        bar: e.value
+      })
+    ), z = C(
+      () => (
+        // offsetRatioX = original width of thumb / current width of thumb / ratioX
+        // offsetRatioY = original height of thumb / current height of thumb / ratioY
+        // instance height = wrap height - GAP
+        m.value[e.value.offset] ** 2 / n.wrapElement[e.value.scrollSize] / h.ratio / u.value[e.value.offset]
+      )
+    ), w = (c) => {
+      var b;
+      if (c.stopPropagation(), c.ctrlKey || [1, 2].includes(c.button)) return;
+      (b = window.getSelection()) == null || b.removeAllRanges(), T(c);
+      const E = c.currentTarget;
+      E && (S.value[e.value.axis] = E[e.value.offset] - (c[e.value.client] - E.getBoundingClientRect()[e.value.direction]));
+    }, H = (c) => {
+      if (!u.value || !m.value || !n.wrapElement) return;
+      const b = Math.abs(
+        c.target.getBoundingClientRect()[e.value.direction] - c[e.value.client]
+      ), E = u.value[e.value.offset] / 2, y = (b - E) * 100 * z.value / m.value[e.value.offset];
+      n.wrapElement[e.value.scroll] = y * n.wrapElement[e.value.scrollSize] / 100;
+    }, T = (c) => {
+      c.stopImmediatePropagation(), p = !0, d = n.wrapElement.scrollHeight, v = n.wrapElement.scrollWidth, document.addEventListener("mousemove", A), document.addEventListener("mouseup", L), o = document.onselectstart, document.onselectstart = () => !1;
+    }, A = (c) => {
+      if (!m.value || !u.value || p === !1) return;
+      const b = S.value[e.value.axis];
+      if (!b) return;
+      const E = (m.value.getBoundingClientRect()[e.value.direction] - c[e.value.client]) * -1, y = u.value[e.value.offset] - b, t = (E - y) * 100 * z.value / m.value[e.value.offset];
+      e.value.scroll === "scrollLeft" ? n.wrapElement[e.value.scroll] = t * v / 100 : n.wrapElement[e.value.scroll] = t * d / 100;
+    }, L = () => {
+      p = !1, S.value[e.value.axis] = 0, document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", L), N(), i && (g.value = !1);
+    }, W = () => {
+      i = !1, g.value = !!h.size;
+    }, D = () => {
+      i = !0, g.value = p;
+    };
+    ce(() => {
+      N(), document.removeEventListener("mouseup", L);
+    });
+    const N = () => {
+      document.onselectstart !== o && (document.onselectstart = o);
+    };
+    return K(
+      X(n, "scrollbarElement"),
+      "mousemove",
+      W
+    ), K(
+      X(n, "scrollbarElement"),
+      "mouseleave",
+      D
+    ), (c, b) => (B(), $(ue, {
+      name: k(a).b("fade"),
+      persisted: ""
+    }, {
+      default: le(() => [
+        ve(j(
+          "div",
+          {
+            ref_key: "instance",
+            ref: m,
+            class: O([k(a).e("bar"), k(a).is(e.value.key)]),
+            onMousedown: H,
+            onClick: b[0] || (b[0] = fe(() => {
+            }, ["stop"]))
+          },
+          [
+            j(
+              "div",
+              {
+                ref_key: "thumb",
+                ref: u,
+                class: O(k(a).e("thumb")),
+                style: I(l.value),
+                onMousedown: w
+              },
+              null,
+              38
+              /* CLASS, STYLE, NEED_HYDRATION */
+            )
+          ],
+          34
+          /* CLASS, NEED_HYDRATION */
+        ), [
+          [me, r.always || g.value]
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["name"]));
+  }
+}), ke = /* @__PURE__ */ V({
+  __name: "bar",
+  props: Le,
+  setup(r, { expose: h }) {
+    const n = r, a = te(q), m = f(0), u = f(0), S = f(""), g = f(""), p = f(1), i = f(1);
+    return h({
+      handleScroll: (o) => {
+        if (o) {
+          const e = o.offsetHeight - R, l = o.offsetWidth - R;
+          u.value = o.scrollTop * 100 / e * p.value, m.value = o.scrollLeft * 100 / l * i.value;
+        }
+      },
+      update: () => {
+        const o = a == null ? void 0 : a.wrapElement;
+        if (!o) return;
+        const e = o.offsetHeight - R, l = o.offsetWidth - R, z = e ** 2 / o.scrollHeight, w = l ** 2 / o.scrollWidth, H = Math.max(z, n.minSize), T = Math.max(w, n.minSize);
+        p.value = z / (e - z) / (H / (e - H)), i.value = w / (l - w) / (T / (l - T)), g.value = H + R < e ? `${H}px` : "", S.value = T + R < l ? `${T}px` : "";
+      }
+    }), (o, e) => (B(), ae(
+      de,
+      null,
+      [
+        Y(ee, {
+          move: m.value,
+          ratio: i.value,
+          size: S.value,
+          always: r.always
+        }, null, 8, ["move", "ratio", "size", "always"]),
+        Y(ee, {
+          move: u.value,
+          ratio: p.value,
+          size: g.value,
+          vertical: "",
+          always: r.always
+        }, null, 8, ["move", "ratio", "size", "always"])
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+const Be = ["tabindex"], _ = "ElScrollbar";
+var Oe = /* @__PURE__ */ V({
+  name: _,
+  __name: "scrollbar",
+  props: Re,
+  emits: Ce,
+  setup(r, { expose: h, emit: n }) {
+    const a = r, m = n, u = oe("scrollbar");
+    let S, g, p, i = 0, d = 0, v = "";
+    const o = {
+      bottom: !1,
+      top: !1,
+      right: !1,
+      left: !1
+    }, e = f(), l = f(), z = f(), w = f(), H = C(() => {
+      const t = {}, s = Z(a.height), x = Z(a.maxHeight);
+      return s && (t.height = s), x && (t.maxHeight = x), [a.wrapStyle, t];
+    }), T = C(() => [
+      a.wrapClass,
+      u.e("wrap"),
+      { [u.em("wrap", "hidden-default")]: !a.native }
+    ]), A = C(() => [u.e("view"), a.viewClass]), L = (t) => {
+      var s;
+      return (s = o[t]) != null ? s : !1;
+    }, W = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }, D = (t) => {
+      const s = W[v];
+      if (!s) return;
+      const x = t[v], M = t[s];
+      x && !o[v] && (o[v] = !0), !M && o[s] && (o[s] = !1);
+    }, N = () => {
+      var t;
+      if (l.value) {
+        (t = w.value) == null || t.handleScroll(l.value);
+        const s = i, x = d;
+        i = l.value.scrollTop, d = l.value.scrollLeft;
+        const M = {
+          bottom: i + l.value.clientHeight >= l.value.scrollHeight - a.distance,
+          top: i <= a.distance && s !== 0,
+          right: d + l.value.clientWidth >= l.value.scrollWidth - a.distance && x !== d,
+          left: d <= a.distance && x !== 0
+        };
+        if (m("scroll", {
+          scrollTop: i,
+          scrollLeft: d
+        }), s !== i && (v = i > s ? "bottom" : "top"), x !== d && (v = d > x ? "right" : "left"), a.distance > 0) {
+          if (L(v))
+            return;
+          D(M);
+        }
+        M[v] && m("end-reached", v);
+      }
+    };
+    function c(t, s) {
+      Te(t) ? l.value.scrollTo(t) : P(t) && P(s) && l.value.scrollTo(t, s);
+    }
+    const b = (t) => {
+      if (!P(t)) {
+        G(_, "value must be a number");
+        return;
+      }
+      l.value.scrollTop = t;
+    }, E = (t) => {
+      if (!P(t)) {
+        G(_, "value must be a number");
+        return;
+      }
+      l.value.scrollLeft = t;
+    }, y = () => {
+      var t;
+      (t = w.value) == null || t.update(), o[v] = !1;
+    };
+    return F(
+      () => a.noresize,
+      (t) => {
+        t ? (S == null || S(), g == null || g(), p == null || p()) : ({ stop: S } = Q(z, y), { stop: g } = Q(l, y), p = K("resize", y));
+      },
+      { immediate: !0 }
+    ), F(
+      () => [a.maxHeight, a.height],
+      () => {
+        a.native || J(() => {
+          var t;
+          y(), l.value && ((t = w.value) == null || t.handleScroll(l.value));
+        });
+      }
+    ), pe(
+      q,
+      be({
+        scrollbarElement: e,
+        wrapElement: l
+      })
+    ), he(() => {
+      l.value && (l.value.scrollTop = i, l.value.scrollLeft = d);
+    }), ge(() => {
+      a.native || J(() => {
+        y();
+      });
+    }), ye(() => y()), h({
+      /** @description scrollbar wrap ref */
+      wrapRef: l,
+      /** @description update scrollbar state manually */
+      update: y,
+      /** @description scrolls to a particular set of coordinates */
+      scrollTo: c,
+      /** @description set distance to scroll top */
+      setScrollTop: b,
+      /** @description set distance to scroll left */
+      setScrollLeft: E,
+      /** @description handle scroll event */
+      handleScroll: N
+    }), (t, s) => (B(), ae(
+      "div",
+      {
+        ref_key: "scrollbarRef",
+        ref: e,
+        class: O(k(u).b())
+      },
+      [
+        j("div", {
+          ref_key: "wrapRef",
+          ref: l,
+          class: O(T.value),
+          style: I(H.value),
+          tabindex: r.tabindex,
+          onScroll: N
+        }, [
+          (B(), $(we(r.tag), {
+            id: r.id,
+            ref_key: "resizeRef",
+            ref: z,
+            class: O(A.value),
+            style: I(r.viewStyle),
+            role: r.role,
+            "aria-label": r.ariaLabel,
+            "aria-orientation": r.ariaOrientation
+          }, {
+            default: le(() => [
+              ze(t.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
+        ], 46, Be),
+        r.native ? Se("v-if", !0) : (B(), $(ke, {
+          key: 0,
+          ref_key: "barRef",
+          ref: w,
+          always: r.always,
+          "min-size": r.minSize
+        }, null, 8, ["always", "min-size"]))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const Ie = ne(Oe);
+export {
+  Ie as E,
+  Ce as s
+};