x-next 1.9.0 → 1.10.0

package/dist/es/components/virtual-list-v2/virtual-list.vue2.js

@@ -1,11 +1,14 @@
-import { defineComponent as P, toRefs as R, computed as i, ref as y, nextTick as S } from "vue";
-import { useSize as H } from "./hooks/use-size.js";
-import M from "./virtual-list-item.js";
-import { isObject as V, isNumber as b } from "../../_utils/is.js";
-import { getClassNameMixin as w } from "../../_utils/config.js";
-const J = P({
+import { defineComponent as K, toRefs as g, computed as i, ref as M, watch as V, nextTick as y } from "vue";
+import { useSize as $ } from "./hooks/use-size.js";
+import q from "./virtual-list-item.js";
+import { isObject as D, isNumber as S } from "../../_utils/is.js";
+import { getClassNameMixin as E } from "../../_utils/config.js";
+import { Scrollbar as F } from "../scrollbar-v2/index.js";
+import { useComponentRef as G } from "../../_hooks/use-component-ref.js";
+import { useScrollbar as J } from "../../_hooks/use-scrollbar.js";
+const le = K({
   name: "VirtualList",
-  components: { VirtualListItem: M },
+  components: { VirtualListItem: q, ScrollbarComponent: F },
   props: {
     height: {
       type: [Number, String],
@@ -48,79 +51,90 @@ const J = P({
     paddingPosition: {
       type: String,
       default: "content"
+    },
+    scrollbar: {
+      type: [Boolean, Object],
+      default: !1
     }
   },
   emits: {
-    scroll: (e) => !0,
-    reachBottom: (e) => !0
+    scroll: (t) => !0,
+    reachBottom: (t) => !0
   },
-  setup(e, { emit: u }) {
-    const { data: r, itemKey: x, fixedSize: T, estimatedSize: z, buffer: f, height: s } = R(e), N = w("virtual-list"), O = i(() => V(e.component) ? {
+  setup(t, { emit: m }) {
+    const { data: a, itemKey: x, fixedSize: T, estimatedSize: R, buffer: d, height: c } = g(t), { displayScrollbar: z, scrollbarProps: N } = J(g(t).scrollbar), O = E("virtual-list"), C = i(() => D(t.component) ? {
       container: "div",
       list: "div",
       content: "div",
-      ...e.component
+      ...t.component
     } : {
-      container: e.component,
+      container: t.component,
       list: "div",
       content: "div"
-    }), o = y(), d = y(), _ = i(() => ({
-      height: b(s.value) ? `${s.value}px` : s.value,
+    }), { componentRef: j, elementRef: o } = G("containerRef"), p = M(), B = i(() => ({
+      height: S(c.value) ? `${c.value}px` : c.value,
       overflow: "auto"
-    })), m = i(
-      () => r.value.map((t, l) => t[x.value] ?? l)
+    })), s = i(
+      () => a.value.map((e, l) => e[x.value] ?? l)
     ), {
-      frontPadding: j,
-      behindPadding: B,
-      start: c,
-      end: k,
+      frontPadding: _,
+      behindPadding: P,
+      start: u,
+      end: w,
       getStartByScroll: A,
-      setItemSize: C,
-      hasItemSize: I,
-      setStart: v,
-      getScrollOffset: p
-    } = H({
-      dataKeys: m,
-      contentRef: d,
+      setItemSize: I,
+      hasItemSize: L,
+      setStart: f,
+      getScrollOffset: v
+    } = $({
+      dataKeys: s,
+      contentRef: p,
       fixedSize: T,
-      estimatedSize: z,
-      buffer: f
-    }), K = i(() => e.threshold && r.value.length <= e.threshold ? r.value : r.value.slice(c.value, k.value)), L = (t) => {
-      const { scrollTop: l, scrollHeight: n, offsetHeight: a } = t.target, g = A(l);
-      g !== c.value && (v(g), S(() => {
+      estimatedSize: R,
+      buffer: d
+    }), k = i(() => t.threshold && a.value.length <= t.threshold ? a.value : a.value.slice(u.value, w.value));
+    V(s, (e, l) => {
+      e.length >= l.length && l.every((r, n) => e[n] === r) || (f(0), o.value && (o.value.scrollTop = 0));
+    });
+    const H = (e) => {
+      const { scrollTop: l, scrollHeight: r, clientHeight: n } = e.target, b = A(l);
+      b !== u.value && (f(b), y(() => {
         h(l);
-      })), u("scroll", t), Math.floor(n - (l + a)) <= 0 && u("reachBottom", t);
-    }, h = (t) => {
+      })), m("scroll", e), Math.floor(r - (l + n)) <= 0 && m("reachBottom", e);
+    }, h = (e) => {
       if (o.value)
-        if (b(t))
-          o.value.scrollTop = t;
+        if (S(e))
+          o.value.scrollTop = e;
         else {
-          const { align: l = "top" } = t, n = t.index ?? m.value.indexOf(t.key ?? "");
-          v(n - f.value), o.value.scrollTop = p(n), S(() => {
+          const { align: l = "top" } = e, r = e.index ?? s.value.indexOf(e.key ?? "");
+          f(r - d.value), o.value.scrollTop = v(r), y(() => {
             if (o.value) {
-              const a = p(n);
-              a !== o.value.scrollTop && (o.value.scrollTop = a);
+              const n = v(r);
+              n !== o.value.scrollTop && (o.value.scrollTop = n);
             }
           });
         }
     };
     return {
-      className: N,
+      className: O,
       containerRef: o,
-      contentRef: d,
-      frontPadding: j,
-      currentList: K,
-      behindPadding: B,
-      onScroll: L,
-      setItemSize: C,
-      hasItemSize: I,
-      start: c,
+      wrapperComRef: j,
+      displayScrollbar: z,
+      scrollbarProps: N,
+      contentRef: p,
+      frontPadding: _,
+      currentList: k,
+      behindPadding: P,
+      onScroll: H,
+      setItemSize: I,
+      hasItemSize: L,
+      start: u,
       scrollTo: h,
-      style: _,
-      mergedComponent: O
+      style: B,
+      mergedComponent: C
     };
   }
 });
 export {
-  J as default
+  le as default
 };

package/dist/es/icons/icon.js

@@ -1,14 +1,14 @@
-import { defineComponent as u, computed as d, createVNode as c, mergeProps as m, isVNode as b, cloneVNode as g } from "vue";
+import { defineComponent as u, computed as d, createVNode as a, mergeProps as m, isVNode as b, cloneVNode as g } from "vue";
 import { getClassPrefix as h, getComponentPrefix as S } from "../_utils/config.js";
 import { isString as x } from "../_utils/is.js";
-import { addIcon as $, iconRegistryVersion as z, getIcon as C } from "./registry.js";
-function I(t) {
+import { hasIcon as $, addIcon as z, iconRegistryVersion as C, getIcon as I } from "./registry.js";
+function N(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !b(t);
 }
-const L = (t) => x(t) ? t.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("") : "", N = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), y = (t, n = "px") => {
+const L = (t) => x(t) ? t.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("") : "", k = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), y = (t, n = "px") => {
   if (t === void 0) return "";
-  const e = typeof t == "number" ? `${t}` : t;
-  return e ? /^-?\d*\.?\d+(px|%|em|rem|ch|ex|vw|vh|vmin|vmax|cm|mm|in|pt|pc)$/i.test(e) || /^calc\(.+\)$/i.test(e) || /^var\(.+\)$/i.test(e) ? e : e + n : void 0;
+  const i = typeof t == "number" ? `${t}` : t;
+  return i ? /^-?\d*\.?\d+(px|%|em|rem|ch|ex|vw|vh|vmin|vmax|cm|mm|in|pt|pc)$/i.test(i) || /^calc\(.+\)$/i.test(i) || /^var\(.+\)$/i.test(i) ? i : i + n : void 0;
 }, v = {
   name: {
     type: String,
@@ -42,53 +42,54 @@ const L = (t) => x(t) ? t.split("-").map((n) => n.charAt(0).toUpperCase() + n.sl
     type: [Number, String],
     default: void 0
   }
-}, k = (t) => {
+}, V = (t) => {
   if (!t) return null;
   if (typeof t == "string")
-    return c("span", {
+    return a("span", {
       class: "x-icon--raw",
       innerHTML: t
     }, null);
   const n = typeof t == "function" ? t() : t;
   return g(n);
-}, V = (t) => {
-}, A = /* @__PURE__ */ u({
+}, A = (t) => {
+}, P = /* @__PURE__ */ u({
   name: S("Icon"),
   inheritAttrs: !1,
   props: v,
   setup(t, {
     attrs: n,
-    slots: e
+    slots: i
   }) {
-    const o = "x-icon", l = d(() => {
-      const i = {}, a = y(t.size);
-      return a && (i.fontSize = a), t.rotate && (i["--x-icon-rotate"] = `${t.rotate}deg`), t.color && (i.color = t.color), t.strokeWidth !== void 0 && (i["--x-icon-stroke-width"] = String(t.strokeWidth)), i;
-    }), r = d(() => [o, {
-      [`${o}-spin`]: t.spin,
-      [`${o}-loading`]: t.spin
+    const e = "x-icon", c = d(() => {
+      const o = {}, r = y(t.size);
+      return r && (o.fontSize = r), t.rotate && (o["--x-icon-rotate"] = `${t.rotate}deg`), t.color && (o.color = t.color), t.strokeWidth !== void 0 && (o["--x-icon-stroke-width"] = String(t.strokeWidth)), o;
+    }), l = d(() => [e, {
+      [`${e}-spin`]: t.spin,
+      [`${e}-loading`]: t.spin
     }]);
     return () => {
       var f;
-      z.value;
-      const i = t.name ? C(t.name) : void 0;
-      t.name && !i && V(t.name);
-      const a = ((f = e.default) == null ? void 0 : f.call(e)) ?? k(i), s = t.ariaLabel || t.title;
-      return c("span", m(n, {
-        class: r.value,
-        style: l.value,
+      C.value;
+      const o = t.name ? I(t.name) : void 0;
+      t.name && !o && A(t.name);
+      const r = ((f = i.default) == null ? void 0 : f.call(i)) ?? V(o), s = t.ariaLabel || t.title;
+      return a("span", m(n, {
+        class: l.value,
+        style: c.value,
         role: s ? "img" : void 0,
         "aria-label": s,
         "aria-hidden": s ? void 0 : "true",
         "data-icon": t.name
-      }), [t.spin ? c("span", {
-        class: `${o}--spin-layer`
-      }, [a]) : a]);
+      }), [t.spin ? a("span", {
+        class: `${e}--spin-layer`
+      }, [r]) : r]);
     };
   }
 });
 // @__NO_SIDE_EFFECTS__
-function U(t, n) {
-  return $(N(t), () => g(n)), /* @__PURE__ */ u({
+function M(t, n) {
+  const i = k(t);
+  return $(i) || z(i, () => g(n)), /* @__PURE__ */ u({
     name: h(`Icon${L(t)}`),
     inheritAttrs: !1,
     props: {
@@ -99,13 +100,13 @@ function U(t, n) {
       }
     },
     setup(e, {
-      attrs: o
+      attrs: c
     }) {
       const l = d(() => {
-        const r = {}, i = y(e.size);
-        return i && (r.fontSize = i), e.rotate && (r["--x-icon-rotate"] = `${e.rotate}deg`), e.color && (r.color = e.color), r;
+        const o = {}, r = y(e.size);
+        return r && (o.fontSize = r), e.rotate && (o["--x-icon-rotate"] = `${e.rotate}deg`), e.color && (o.color = e.color), o;
       });
-      return () => c(A, m(o, {
+      return () => a(P, m(c, {
         size: e.size,
         rotate: e.rotate,
         spin: e.spin,
@@ -114,14 +115,14 @@ function U(t, n) {
         ariaLabel: e.ariaLabel,
         strokeWidth: e.strokeWidth,
         style: l.value
-      }), I(n) ? n : {
+      }), N(n) ? n : {
         default: () => [n]
       });
     }
   });
 }
 export {
-  A as default,
-  U as generateIcon,
+  P as default,
+  M as generateIcon,
   v as iconProps
 };

package/dist/es/icons/index.js

@@ -1,12 +1,10 @@
 import o from "./icon.js";
 import { generateComponent as r } from "../_utils/vue-eco.js";
-import { getComponentPrefix as e } from "../_utils/config.js";
-import { registerPublicIcons as m } from "./public/lucide.js";
-import { publicIconNames as s } from "./public/lucide.js";
-m();
-const i = r(e("Icon"), o);
+import { getComponentPrefix as t } from "../_utils/config.js";
+import { registerPublicIcons as e } from "./public/lucide.js";
+e();
+const c = r(t("Icon"), o);
 export {
-  i as Icon,
-  s as publicIconNames,
-  m as registerPublicIcons
+  c as Icon,
+  e as registerPublicIcons
 };

package/dist/es/icons/public/lucide-names.js

@@ -0,0 +1,167 @@
+const t = [
+  "x",
+  "close",
+  "check",
+  "search",
+  "plus",
+  "minus",
+  "left",
+  "right",
+  "up",
+  "down",
+  "chevron-left",
+  "chevron-right",
+  "chevron-up",
+  "chevron-down",
+  "check-circle",
+  "close-circle",
+  "info-circle",
+  "alert-circle",
+  "minus-circle",
+  "circle-check",
+  "circle-x",
+  "info",
+  "circle-alert",
+  "circle-minus",
+  "link",
+  "loading",
+  "loading-circle",
+  "settings",
+  "user",
+  "calendar",
+  "clock",
+  "trash",
+  "edit",
+  "download",
+  "upload",
+  "copy",
+  "eye",
+  "eye-off",
+  "menu",
+  "more-horizontal",
+  "filter",
+  "arrow-up-down",
+  "star",
+  "heart",
+  "home",
+  "bell",
+  "mail",
+  "phone",
+  "lock",
+  "unlock",
+  "refresh-cw",
+  "rotate-ccw",
+  "zoom-in",
+  "zoom-out",
+  "maximize",
+  "image",
+  "file",
+  "folder",
+  "save",
+  "external-link",
+  "arrow-left",
+  "arrow-right",
+  "arrow-up",
+  "arrow-down",
+  "chevrons-left",
+  "chevrons-right",
+  "circle-question-mark",
+  "ellipsis-vertical",
+  "rotate-cw"
+], i = [
+  "x",
+  "check",
+  "search",
+  "plus",
+  "minus",
+  "chevron-left",
+  "chevron-right",
+  "chevron-up",
+  "chevron-down",
+  "circle-check",
+  "circle-x",
+  "info",
+  "circle-alert",
+  "circle-minus",
+  "link",
+  "loading",
+  "loader-circle",
+  "settings",
+  "user",
+  "calendar",
+  "clock",
+  "trash",
+  "pencil",
+  "download",
+  "upload",
+  "copy",
+  "eye",
+  "eye-off",
+  "menu",
+  "ellipsis",
+  "filter",
+  "arrow-up-down",
+  "star",
+  "heart",
+  "home",
+  "bell",
+  "mail",
+  "phone",
+  "lock",
+  "lock-open",
+  "refresh-cw",
+  "rotate-ccw",
+  "zoom-in",
+  "zoom-out",
+  "maximize",
+  "image",
+  "file",
+  "folder",
+  "save",
+  "external-link",
+  "arrow-left",
+  "arrow-right",
+  "arrow-up",
+  "arrow-down",
+  "chevrons-left",
+  "chevrons-right",
+  "circle-question-mark",
+  "ellipsis-vertical",
+  "rotate-cw"
+], n = {
+  close: "x",
+  left: "chevron-left",
+  right: "chevron-right",
+  up: "chevron-up",
+  down: "chevron-down",
+  "check-circle": "circle-check",
+  "close-circle": "circle-x",
+  "info-circle": "info",
+  "alert-circle": "circle-alert",
+  "minus-circle": "circle-minus",
+  "loading-circle": "loader-circle",
+  edit: "pencil",
+  unlock: "lock-open",
+  "more-horizontal": "ellipsis",
+  "double-left": "chevrons-left",
+  "double-right": "chevrons-right",
+  "question-circle": "circle-question-mark",
+  "circle-question": "circle-question-mark",
+  "eye-invisible": "eye-off",
+  "clock-circle": "clock",
+  "rotate-left": "rotate-ccw",
+  "rotate-right": "rotate-cw"
+}, a = (r) => {
+  const e = r.trim().toLowerCase();
+  return i.filter(
+    (c) => c.includes(e) || Object.entries(n).some(
+      ([o, l]) => l === c && o.includes(e)
+    )
+  );
+};
+export {
+  i as canonicalIconNames,
+  n as publicIconAliases,
+  t as publicIconNames,
+  a as searchPublicIcons
+};