savor-ui 0.0.1

package/dist/es/core/global.d.ts

@@ -0,0 +1,90 @@
+declare module "vue" {
+  export interface GlobalComponents {
+    SAnchor: (typeof import("savor-ui"))["SAnchor"];
+    SAnchorLink: (typeof import("savor-ui"))["SAnchorLink"];
+    SAutoComplete: (typeof import("savor-ui"))["SAutoComplete"];
+    SAvatar: (typeof import("savor-ui"))["SAvatar"];
+    SBackTop: (typeof import("savor-ui"))["SBackTop"];
+    SBadge: (typeof import("savor-ui"))["SBadge"];
+    SButton: (typeof import("savor-ui"))["SButton"];
+    SButtonGroup: (typeof import("savor-ui"))["SButtonGroup"];
+    SCard: (typeof import("savor-ui"))["SCard"];
+    SCarousel: (typeof import("savor-ui"))["SCarousel"];
+    SCascader: (typeof import("savor-ui"))["SCascader"];
+    SCheckbox: (typeof import("savor-ui"))["SCheckbox"];
+    SCheckboxGroup: (typeof import("savor-ui"))["SCheckboxGroup"];
+    SCollapse: (typeof import("savor-ui"))["SCollapse"];
+    SCollapseItem: (typeof import("savor-ui"))["SCollapseItem"];
+    SColorPicker: (typeof import("savor-ui"))["SColorPicker"];
+    SConfigProvider: (typeof import("savor-ui"))["SConfigProvider"];
+    SDatePicker: (typeof import("savor-ui"))["SDatePicker"];
+    SDatetimePicker: (typeof import("savor-ui"))["SDatetimePicker"];
+    SDescriptions: (typeof import("savor-ui"))["SDescriptions"];
+    SDescriptionsItem: (typeof import("savor-ui"))["SDescriptionsItem"];
+    SDivider: (typeof import("savor-ui"))["SDivider"];
+    SDrawer: (typeof import("savor-ui"))["SDrawer"];
+    SDropdown: (typeof import("savor-ui"))["SDropdown"];
+    SDoption: (typeof import("savor-ui"))["SDoption"];
+    SDsubmenu: (typeof import("savor-ui"))["SDsubmenu"];
+    SEmpty: (typeof import("savor-ui"))["SEmpty"];
+    SFieldset: (typeof import("savor-ui"))["SFieldset"];
+    SForm: (typeof import("savor-ui"))["SForm"];
+    SFormItem: (typeof import("savor-ui"))["SFormItem"];
+    SGalleria: (typeof import("savor-ui"))["SGalleria"];
+    SGrid: (typeof import("savor-ui"))["SGrid"];
+    SGridItem: (typeof import("savor-ui"))["SGridItem"];
+    SIcon: (typeof import("savor-ui"))["SIcon"];
+    SImage: (typeof import("savor-ui"))["SImage"];
+    SImageGroup: (typeof import("savor-ui"))["SImageGroup"];
+    SImagePreview: (typeof import("savor-ui"))["SImagePreview"];
+    SInput: (typeof import("savor-ui"))["SInput"];
+    SInputNumber: (typeof import("savor-ui"))["SInputNumber"];
+    SInputTag: (typeof import("savor-ui"))["SInputTag"];
+    SLayout: (typeof import("savor-ui"))["SLayout"];
+    SLayoutAside: (typeof import("savor-ui"))["SLayoutAside"];
+    SLayoutContent: (typeof import("savor-ui"))["SLayoutContent"];
+    SLayoutFooter: (typeof import("savor-ui"))["SLayoutFooter"];
+    SLayoutHeader: (typeof import("savor-ui"))["SLayoutHeader"];
+    SLink: (typeof import("savor-ui"))["SLink"];
+    SList: (typeof import("savor-ui"))["SList"];
+    SMenu: (typeof import("savor-ui"))["SMenu"];
+    SMenuGroup: (typeof import("savor-ui"))["SMenuGroup"];
+    SMenuItem: (typeof import("savor-ui"))["SMenuItem"];
+    SMeterGroup: (typeof import("savor-ui"))["SMeterGroup"];
+    SModal: (typeof import("savor-ui"))["SModal"];
+    SPagination: (typeof import("savor-ui"))["SPagination"];
+    SPanel: (typeof import("savor-ui"))["SPanel"];
+    SPopover: (typeof import("savor-ui"))["SPopover"];
+    SProgress: (typeof import("savor-ui"))["SProgress"];
+    SRadio: (typeof import("savor-ui"))["SRadio"];
+    SRadioGroup: (typeof import("savor-ui"))["SRadioGroup"];
+    SScrollbar: (typeof import("savor-ui"))["SScrollbar"];
+    SSegmented: (typeof import("savor-ui"))["SSegmented"];
+    SSelect: (typeof import("savor-ui"))["SSelect"];
+    SSkeleton: (typeof import("savor-ui"))["SSkeleton"];
+    SSpace: (typeof import("savor-ui"))["SSpace"];
+    SSplit: (typeof import("savor-ui"))["SSplit"];
+    SSplitPanel: (typeof import("savor-ui"))["SSplitPanel"];
+    SStatistic: (typeof import("savor-ui"))["SStatistic"];
+    SSwitch: (typeof import("savor-ui"))["SSwitch"];
+    STab: (typeof import("savor-ui"))["STab"];
+    STable: (typeof import("savor-ui"))["STable"];
+    STabPane: (typeof import("savor-ui"))["STabPane"];
+    STabs: (typeof import("savor-ui"))["STabs"];
+    STag: (typeof import("savor-ui"))["STag"];
+    SText: (typeof import("savor-ui"))["SText"];
+    STextarea: (typeof import("savor-ui"))["STextarea"];
+    STimeline: (typeof import("savor-ui"))["STimeline"];
+    STimelineItem: (typeof import("savor-ui"))["STimelineItem"];
+    STooltip: (typeof import("savor-ui"))["STooltip"];
+    STree: (typeof import("savor-ui"))["STree"];
+    SSubMenu: (typeof import("savor-ui"))["SSubMenu"];
+    SUpload: (typeof import("savor-ui"))["SUpload"];
+    SVirtualList: (typeof import("savor-ui"))["SVirtualList"];
+    SWaterfall: (typeof import("savor-ui"))["SWaterfall"];
+    SWatermark: (typeof import("savor-ui"))["SWatermark"];
+    SWheel: (typeof import("savor-ui"))["SWheel"];
+  }
+}
+
+export {};

package/dist/es/core/index.d.ts

@@ -0,0 +1,4 @@
+import { Plugin } from 'vue';
+declare const installer: Plugin;
+export * from '../components/index.ts';
+export default installer;

package/dist/es/core/index.mjs

@@ -0,0 +1,87 @@
+import { makeInstaller as e } from "../utils/src/install.mjs";
+import "../utils/index.mjs";
+import { anchorContextKey as t } from "../components/src/anchor/types.mjs";
+import { SAnchor as n, SAnchorLink as r } from "../components/src/anchor/index.mjs";
+import { formContextKey as i, formItemContextKey as a, formItemStatusContextKey as o } from "../components/src/form/types.mjs";
+import { configProviderContextKey as s } from "../components/src/config-provider/types.mjs";
+import { SConfigProvider as c } from "../components/src/config-provider/index.mjs";
+import { SPopover as l } from "../components/src/popover/index.mjs";
+import { STooltip as u } from "../components/src/tooltip/index.mjs";
+import { SForm as d, SFormItem as f } from "../components/src/form/index.mjs";
+import { SInput as p } from "../components/src/input/index.mjs";
+import { SScrollbar as m } from "../components/src/scrollbar/index.mjs";
+import { SAutoComplete as h } from "../components/src/auto-complete/index.mjs";
+import { SAvatar as g } from "../components/src/avatar/index.mjs";
+import { SIcon as _ } from "../components/src/icon/index.mjs";
+import { buttonGroupContextKey as v } from "../components/src/button/types.mjs";
+import { SBackTop as y } from "../components/src/back-top/index.mjs";
+import { SBadge as b } from "../components/src/badge/index.mjs";
+import { SButton as x, SButtonGroup as S } from "../components/src/button/index.mjs";
+import { SCard as C } from "../components/src/card/index.mjs";
+import { SCarousel as w } from "../components/src/carousel/index.mjs";
+import { SCascader as T } from "../components/src/cascader/index.mjs";
+import { checkboxGroupContextKey as E } from "../components/src/checkbox/types.mjs";
+import { SCheckbox as D, SCheckboxGroup as O } from "../components/src/checkbox/index.mjs";
+import { collapseContextKey as k } from "../components/src/collapse/types.mjs";
+import { SCollapse as A, SCollapseItem as j } from "../components/src/collapse/index.mjs";
+import { SEmpty as M } from "../components/src/empty/index.mjs";
+import { SSelect as N } from "../components/src/select/index.mjs";
+import { SColorPicker as P } from "../components/src/color-picker/index.mjs";
+import { SDatePicker as F } from "../components/src/date-picker/index.mjs";
+import { SDatetimePicker as I } from "../components/src/datetime-picker/index.mjs";
+import { SDescriptions as L, SDescriptionsItem as R } from "../components/src/descriptions/index.mjs";
+import { SDivider as z } from "../components/src/divider/index.mjs";
+import { SDrawer as B } from "../components/src/drawer/index.mjs";
+import { dropdownContextKey as V } from "../components/src/dropdown/types.mjs";
+import { SDoption as H, SDropdown as U, SDsubmenu as W } from "../components/src/dropdown/index.mjs";
+import { SFieldset as G } from "../components/src/fieldset/index.mjs";
+import { SGalleria as K } from "../components/src/galleria/index.mjs";
+import { gridContextKey as q } from "../components/src/grid/types.mjs";
+import { SGrid as J, SGridItem as Y } from "../components/src/grid/index.mjs";
+import { imageGroupContextKey as X } from "../components/src/image/types.mjs";
+import { SImage as Z, SImageGroup as Q, SImagePreview as $ } from "../components/src/image/index.mjs";
+import { SInputNumber as ee } from "../components/src/input-number/index.mjs";
+import { SInputTag as te } from "../components/src/input-tag/index.mjs";
+import ne from "../components/src/layer/method.mjs";
+import { SLayout as re, SLayoutAside as ie, SLayoutContent as ae, SLayoutFooter as oe, SLayoutHeader as se } from "../components/src/layout/index.mjs";
+import { SLink as ce } from "../components/src/link/index.mjs";
+import { SList as le } from "../components/src/list/index.mjs";
+import { menuContextKey as ue, menuLevelContextKey as de, subMenuContextKey as fe } from "../components/src/menu/types.mjs";
+import { SMenu as pe, SMenuGroup as me, SMenuItem as he, SSubMenu as ge } from "../components/src/menu/index.mjs";
+import { createMessage as _e } from "../components/src/message/method.mjs";
+import { SMeterGroup as ve } from "../components/src/meter-group/index.mjs";
+import { useModal as ye } from "../components/src/modal/method.mjs";
+import { SModal as be } from "../components/src/modal/index.mjs";
+import { SPagination as xe } from "../components/src/pagination/index.mjs";
+import { SPanel as Se } from "../components/src/panel/index.mjs";
+import { SProgress as Ce } from "../components/src/progress/index.mjs";
+import { radioGroupContextKey as we } from "../components/src/radio/types.mjs";
+import { SRadio as Te, SRadioGroup as Ee } from "../components/src/radio/index.mjs";
+import { SSegmented as De } from "../components/src/segmented/index.mjs";
+import { SSkeleton as Oe } from "../components/src/skeleton/index.mjs";
+import { SSpace as ke } from "../components/src/space/index.mjs";
+import { splitContextKey as Ae } from "../components/src/split/types.mjs";
+import { SSplit as je, SSplitPanel as Me } from "../components/src/split/index.mjs";
+import { SStatistic as Ne } from "../components/src/statistic/index.mjs";
+import { SSwitch as Pe } from "../components/src/switch/index.mjs";
+import { STable as Fe } from "../components/src/table/index.mjs";
+import { tabsContextKey as Ie } from "../components/src/tabs/types.mjs";
+import { STab as Le, STabPane as Re, STabs as ze } from "../components/src/tabs/index.mjs";
+import { STag as Be } from "../components/src/tag/index.mjs";
+import { SText as Ve } from "../components/src/text/index.mjs";
+import { STextarea as He } from "../components/src/textarea/index.mjs";
+import { timelineContextKey as Ue } from "../components/src/timeline/types.mjs";
+import { STimeline as We, STimelineItem as Ge } from "../components/src/timeline/index.mjs";
+import { SVirtualList as Ke } from "../components/src/virtual-list/index.mjs";
+import { treeContextKey as qe } from "../components/src/tree/types.mjs";
+import { STree as Je } from "../components/src/tree/index.mjs";
+import { SUpload as Ye } from "../components/src/upload/index.mjs";
+import { SWaterfall as Xe } from "../components/src/waterfall/index.mjs";
+import { SWatermark as Ze } from "../components/src/watermark/index.mjs";
+import { SWheel as Qe } from "../components/src/wheel/index.mjs";
+import "../components/index.mjs";
+import $e from "./components.mjs";
+//#region index.ts
+var et = e($e);
+//#endregion
+export { n as SAnchor, r as SAnchorLink, h as SAutoComplete, g as SAvatar, y as SBackTop, b as SBadge, x as SButton, S as SButtonGroup, C as SCard, w as SCarousel, T as SCascader, D as SCheckbox, O as SCheckboxGroup, A as SCollapse, j as SCollapseItem, P as SColorPicker, c as SConfigProvider, F as SDatePicker, I as SDatetimePicker, L as SDescriptions, R as SDescriptionsItem, z as SDivider, H as SDoption, B as SDrawer, U as SDropdown, W as SDsubmenu, M as SEmpty, G as SFieldset, d as SForm, f as SFormItem, K as SGalleria, J as SGrid, Y as SGridItem, _ as SIcon, Z as SImage, Q as SImageGroup, $ as SImagePreview, p as SInput, ee as SInputNumber, te as SInputTag, re as SLayout, ie as SLayoutAside, ae as SLayoutContent, oe as SLayoutFooter, se as SLayoutHeader, ce as SLink, le as SList, pe as SMenu, me as SMenuGroup, he as SMenuItem, ve as SMeterGroup, be as SModal, xe as SPagination, Se as SPanel, l as SPopover, Ce as SProgress, Te as SRadio, Ee as SRadioGroup, m as SScrollbar, De as SSegmented, N as SSelect, Oe as SSkeleton, ke as SSpace, je as SSplit, Me as SSplitPanel, Ne as SStatistic, ge as SSubMenu, Pe as SSwitch, Le as STab, Re as STabPane, Fe as STable, ze as STabs, Be as STag, Ve as SText, He as STextarea, We as STimeline, Ge as STimelineItem, u as STooltip, Je as STree, Ye as SUpload, Ke as SVirtualList, Xe as SWaterfall, Ze as SWatermark, Qe as SWheel, t as anchorContextKey, v as buttonGroupContextKey, E as checkboxGroupContextKey, k as collapseContextKey, s as configProviderContextKey, _e as createMessage, et as default, V as dropdownContextKey, i as formContextKey, a as formItemContextKey, o as formItemStatusContextKey, q as gridContextKey, X as imageGroupContextKey, ue as menuContextKey, de as menuLevelContextKey, we as radioGroupContextKey, Ae as splitContextKey, fe as subMenuContextKey, Ie as tabsContextKey, Ue as timelineContextKey, qe as treeContextKey, ne as useLayer, ye as useModal };

package/dist/es/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export * from './src/use-breakpoint';
+export * from './src/use-drag';
+export * from './src/use-element-size';
+export * from './src/use-namespace';
+export * from './src/use-outside-click';
+export * from './src/use-resize';
+export * from './src/use-resize-observer';
+export * from './src/use-ripple';
+export * from './src/use-scroll-hidden';
+export * from './src/use-zIndex';

package/dist/es/hooks/index.mjs

@@ -0,0 +1,10 @@
+import "./src/use-breakpoint.mjs";
+import "./src/use-drag.mjs";
+import "./src/use-element-size.mjs";
+import "./src/use-namespace.mjs";
+import "./src/use-outside-click.mjs";
+import "./src/use-resize.mjs";
+import "./src/use-resize-observer.mjs";
+import "./src/use-ripple.mjs";
+import "./src/use-scroll-hidden.mjs";
+import "./src/use-zIndex.mjs";

package/dist/es/hooks/src/use-breakpoint.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare function useBreakpoint(): {
+    current: Ref<string, string>;
+};

package/dist/es/hooks/src/use-breakpoint.mjs

@@ -0,0 +1,15 @@
+import { onMounted as e, onUnmounted as t, ref as n } from "vue";
+//#region ../hooks/src/use-breakpoint.ts
+function r() {
+	let r = n("xs"), i = () => {
+		let e = window.innerWidth;
+		e >= 1600 ? r.value = "xxl" : e >= 1200 ? r.value = "xl" : e >= 992 ? r.value = "lg" : e >= 768 ? r.value = "md" : e >= 576 ? r.value = "sm" : r.value = "xs";
+	};
+	return e(() => {
+		window.addEventListener("resize", i), i();
+	}), t(() => {
+		window.removeEventListener("resize", i);
+	}), { current: r };
+}
+//#endregion
+export { r as useBreakpoint };

package/dist/es/hooks/src/use-drag.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+interface DragOptions {
+    target: Ref<HTMLElement | null>;
+    container: Ref<HTMLElement | null>;
+    parent: Ref<HTMLElement>;
+    enable: Ref<boolean>;
+    divLeft: Ref<number>;
+    divTop: Ref<number>;
+    hasDragged: Ref<boolean>;
+}
+export declare const useDrag: (options: DragOptions) => void;
+export {};

package/dist/es/hooks/src/use-drag.mjs

@@ -0,0 +1,27 @@
+import { nextTick as e, onMounted as t, onUnmounted as n, watch as r } from "vue";
+//#region ../hooks/src/use-drag.ts
+var i = (i) => {
+	let a = (e) => {
+		if (!i.enable.value || !i.target.value) return;
+		e.preventDefault();
+		let t = e.clientX, n = e.clientY, r = i.divLeft.value, a = i.divTop.value, o = i.parent.value, s = i.container.value, c = (e) => {
+			e.preventDefault();
+			let c = e.clientX - t, l = e.clientY - n, u = o.clientWidth - s.offsetWidth, d = o.clientHeight - s.offsetHeight;
+			i.divLeft.value = Math.max(0, Math.min(r + c, u)), i.divTop.value = Math.max(0, Math.min(a + l, d)), i.hasDragged.value = !0;
+		}, l = () => {
+			document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l);
+		};
+		document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+	};
+	r([() => i.enable.value, () => i.target.value], (t) => {
+		e(() => {
+			i.target.value && (i.target.value.style.cursor = t[0] ? "move" : "default");
+		});
+	}, { immediate: !0 }), t(() => {
+		i.target.value?.addEventListener("mousedown", a);
+	}), n(() => {
+		i.target.value?.removeEventListener("mousedown", a);
+	});
+};
+//#endregion
+export { i as useDrag };

package/dist/es/hooks/src/use-element-size.d.ts

@@ -0,0 +1,11 @@
+import { Ref, ShallowRef } from 'vue';
+/**
+ * 监听元素或 window 的尺寸变化
+ * @param target 要监听的目标：DOM 元素 ref 或 window 对象
+ * @returns 包含 width 和 height 的响应式对象
+ */
+export declare const useElementSize: (target: Readonly<Ref<Element | Window | null>> | Readonly<ShallowRef<Element | Window | null>> | Window) => {
+    width: Ref<number, number>;
+    height: Ref<number, number>;
+};
+export type UseElementSizeReturn = ReturnType<typeof useElementSize>;

package/dist/es/hooks/src/use-element-size.mjs

@@ -0,0 +1,41 @@
+import { onMounted as e, onUnmounted as t, ref as n, watch as r } from "vue";
+//#region ../hooks/src/use-element-size.ts
+var i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new Set(), o = new ResizeObserver((e) => {
+	for (let t of e) {
+		let e = i.get(t.target);
+		e && (e.width.value = t.contentRect.width, e.height.value = t.contentRect.height);
+	}
+}), s = (s) => {
+	let c = n(0), l = n(0), u = () => {
+		c.value = window.innerWidth, l.value = window.innerHeight;
+	}, d = (e) => {
+		i.set(e, {
+			width: c,
+			height: l
+		}), o.observe(e);
+		let t = e.getBoundingClientRect();
+		c.value = t.width, l.value = t.height;
+	}, f = (e) => {
+		o.unobserve(e), i.delete(e);
+	}, p = () => {
+		c.value = window.innerWidth, l.value = window.innerHeight, window.addEventListener("resize", u), a.add(u);
+	}, m = () => {
+		window.removeEventListener("resize", u), a.delete(u);
+	}, h = (e) => {
+		e && (e === window ? p() : e instanceof Element && d(e));
+	}, g = (e) => {
+		e && (e === window ? m() : e instanceof Element && f(e));
+	};
+	return e(() => {
+		h(s === window ? window : s.value);
+	}), t(() => {
+		g(s === window ? window : s.value);
+	}), s !== window && r(() => s.value, (e, t) => {
+		t && g(t), e && h(e);
+	}, { immediate: !1 }), {
+		width: c,
+		height: l
+	};
+};
+//#endregion
+export { s as useElementSize };

package/dist/es/hooks/src/use-namespace.d.ts

@@ -0,0 +1,7 @@
+export declare const useNamespace: (block: string) => {
+    namespace: string;
+    b: () => string;
+    e: (element?: string) => string;
+    m: (arg1?: string, arg2?: string, arg3?: string) => string;
+    is: (name?: string, state?: boolean) => string;
+};

package/dist/es/hooks/src/use-namespace.mjs

@@ -0,0 +1,19 @@
+//#region ../hooks/src/use-namespace.ts
+var e = (e) => ({
+	namespace: "s",
+	b: () => `s-${e}`,
+	e: (t) => t ? `s-${e}__${t}` : "",
+	m: (t, n, r) => {
+		if (!t) return "";
+		if (n && (typeof r == "string" || r === void 0)) {
+			if (!n) return "";
+			let i = `s-${e}__${t}--${n}`;
+			return r && (i += `_${r}`), i;
+		}
+		let i = `s-${e}--${t}`;
+		return n && (i += `_${n}`), i;
+	},
+	is: (e, t) => e && t ? `is-${e}` : ""
+});
+//#endregion
+export { e as useNamespace };

package/dist/es/hooks/src/use-outside-click.d.ts

@@ -0,0 +1,2 @@
+import { Ref, ShallowRef } from 'vue';
+export declare const useOutsideClick: (el: Ref<undefined | HTMLElement> | ShallowRef<HTMLElement | null>, callback: (e: MouseEvent) => void) => void;

package/dist/es/hooks/src/use-outside-click.mjs

@@ -0,0 +1,14 @@
+import { onMounted as e, onUnmounted as t } from "vue";
+//#region ../hooks/src/use-outside-click.ts
+var n = (n, r) => {
+	let i = (e) => {
+		n.value && e.target && (n.value.contains(e.target) || r(e));
+	};
+	e(() => {
+		document.addEventListener("click", i, !0), document.addEventListener("contextmenu", i, !0);
+	}), t(() => {
+		document.removeEventListener("click", i, !0), document.removeEventListener("contextmenu", i, !0);
+	});
+};
+//#endregion
+export { n as useOutsideClick };

package/dist/es/hooks/src/use-resize-observer.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+/**
+ * 监听元素尺寸变化
+ * @param targetRef - 需要监听的元素 Ref
+ * @param callback - 尺寸变化时的回调函数
+ */
+export declare function useResizeObserver(targetRef: Ref<HTMLElement | null | undefined>, callback: (entries: ResizeObserverEntry[]) => void): void;

package/dist/es/hooks/src/use-resize-observer.mjs

@@ -0,0 +1,14 @@
+import { onMounted as e, onUnmounted as t } from "vue";
+//#region ../hooks/src/use-resize-observer.ts
+function n(n, r) {
+	let i = null;
+	e(() => {
+		n.value && (i = new ResizeObserver((e) => {
+			Promise.resolve().then(() => r(e));
+		}), i.observe(n.value));
+	}), t(() => {
+		i &&= (i.disconnect(), null);
+	});
+}
+//#endregion
+export { n as useResizeObserver };

package/dist/es/hooks/src/use-resize.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef, Ref, ShallowRef } from 'vue';
+export declare const resizeHandlers: readonly [{
+    readonly direction: "top-left";
+}, {
+    readonly direction: "top";
+}, {
+    readonly direction: "top-right";
+}, {
+    readonly direction: "bottom-left";
+}, {
+    readonly direction: "bottom";
+}, {
+    readonly direction: "bottom-right";
+}, {
+    readonly direction: "left";
+}, {
+    readonly direction: "right";
+}];
+export type ResizeDirection = (typeof resizeHandlers)[number]['direction'];
+export interface ResizeOptions {
+    target: ShallowRef<HTMLDivElement | null> | ComputedRef<HTMLElement>;
+    container: ShallowRef<HTMLDivElement | null> | ComputedRef<HTMLElement>;
+    minWidth: Ref<number>;
+    minHeight: Ref<number>;
+    maxWidth?: Ref<number | undefined>;
+    maxHeight?: Ref<number | undefined>;
+    enable: Ref<boolean>;
+    divWidth: Ref<number>;
+    divHeight: Ref<number>;
+    divTop: Ref<number>;
+    divLeft: Ref<number>;
+}
+export declare const useResize: (options: ResizeOptions) => void;

package/dist/es/hooks/src/use-resize.mjs

@@ -0,0 +1,101 @@
+import { onUnmounted as e, watch as t } from "vue";
+//#region ../hooks/src/use-resize.ts
+var n = [
+	{ direction: "top-left" },
+	{ direction: "top" },
+	{ direction: "top-right" },
+	{ direction: "bottom-left" },
+	{ direction: "bottom" },
+	{ direction: "bottom-right" },
+	{ direction: "left" },
+	{ direction: "right" }
+], r = (r) => {
+	let i = [], a = (e) => {
+		let t = document.createElement("div");
+		switch (t.dataset.direction = e, t.style.position = "absolute", e) {
+			case "top-left":
+				t.style.top = "0", t.style.left = "0", t.style.width = "12px", t.style.height = "12px", t.style.cursor = "nw-resize";
+				break;
+			case "top":
+				t.style.top = "0", t.style.left = "8px", t.style.width = "calc(100% - 16px)", t.style.height = "8px", t.style.cursor = "ns-resize";
+				break;
+			case "top-right":
+				t.style.top = "0", t.style.right = "0", t.style.width = "12px", t.style.height = "12px", t.style.cursor = "ne-resize";
+				break;
+			case "bottom-left":
+				t.style.bottom = "0", t.style.left = "0", t.style.width = "12px", t.style.height = "12px", t.style.cursor = "sw-resize";
+				break;
+			case "bottom":
+				t.style.bottom = "0", t.style.left = "8px", t.style.width = "calc(100% - 16px)", t.style.height = "8px", t.style.cursor = "ns-resize";
+				break;
+			case "bottom-right":
+				t.style.bottom = "0", t.style.right = "0", t.style.width = "12px", t.style.height = "12px", t.style.cursor = "se-resize";
+				break;
+			case "left":
+				t.style.top = "8px", t.style.left = "0", t.style.width = "8px", t.style.height = "calc(100% - 16px)", t.style.cursor = "ew-resize";
+				break;
+			case "right":
+				t.style.top = "8px", t.style.right = "0", t.style.width = "8px", t.style.height = "calc(100% - 16px)", t.style.cursor = "ew-resize";
+				break;
+		}
+		return t.addEventListener("mousedown", (t) => c(t, e)), t;
+	}, o = () => {
+		s(), !(!r.enable.value || !r.target.value) && (r.target.value.style.position = "relative", n.forEach((e) => {
+			let t = a(e.direction);
+			r.target.value.appendChild(t), i.push(t);
+		}));
+	}, s = () => {
+		i.forEach((e) => e.remove()), i = [];
+	}, c = (e, t) => {
+		if (!r.enable.value || !r.target.value) return;
+		e.preventDefault();
+		let n = r.target.value, i = r.container.value ?? document.documentElement, a = e.clientX, o = e.clientY, s = {
+			w: r.divWidth.value || n.offsetWidth,
+			h: r.divHeight.value || n.offsetHeight,
+			l: r.divLeft.value,
+			t: r.divTop.value
+		}, c = (e) => {
+			if (!r.enable.value || !r.target.value) return;
+			let n = e.clientX - a, c = e.clientY - o, { w: l, h: u, l: d, t: f } = s;
+			switch (t) {
+				case "left":
+					l = s.w - n, d = s.l + n;
+					break;
+				case "right":
+					l = s.w + n;
+					break;
+				case "top":
+					u = s.h - c, f = s.t + c;
+					break;
+				case "bottom":
+					u = s.h + c;
+					break;
+				case "top-left":
+					l = s.w - n, u = s.h - c, d = s.l + n, f = s.t + c;
+					break;
+				case "top-right":
+					l = s.w + n, u = s.h - c, f = s.t + c;
+					break;
+				case "bottom-left":
+					l = s.w - n, u = s.h + c, d = s.l + n;
+					break;
+				case "bottom-right":
+					l = s.w + n, u = s.h + c;
+					break;
+			}
+			let p = Math.max(l, r.minWidth.value), m = Math.max(u, r.minHeight.value), h = d, g = f;
+			r.maxWidth?.value && (p = Math.min(p, r.maxWidth.value)), r.maxHeight?.value && (m = Math.min(m, r.maxHeight.value));
+			let _ = i.clientWidth, v = i.clientHeight;
+			h = Math.max(h, 0), g = Math.max(g, 0), p = Math.min(p, _ - h), m = Math.min(m, v - g), r.divWidth.value = p, r.divHeight.value = m, r.divLeft.value = h, r.divTop.value = g;
+		}, l = () => {
+			document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l);
+		};
+		document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+	};
+	t([() => r.enable.value, () => r.target.value], () => o(), {
+		immediate: !0,
+		flush: "post"
+	}), e(s);
+};
+//#endregion
+export { n as resizeHandlers, r as useResize };

package/dist/es/hooks/src/use-ripple.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ShallowRef } from 'vue';
+export declare enum RippleType {
+    SLIDE = "slide"
+}
+export interface UseRippleOptions {
+    enabled?: boolean | Ref<boolean>;
+    color?: string | Ref<string>;
+    type?: RippleType | Ref<RippleType>;
+}
+export type RippleElement = HTMLElement | HTMLButtonElement | HTMLDivElement | null;
+export type UseRippleElement = ShallowRef<RippleElement> | RippleElement;
+export declare function useRipple(el: UseRippleElement, options?: UseRippleOptions): {
+    cleanup: () => void;
+};
+export type UseRippleReturn = ReturnType<typeof useRipple>;

package/dist/es/hooks/src/use-ripple.mjs

@@ -0,0 +1,86 @@
+import { onMounted as e, onUnmounted as t, ref as n, unref as r } from "vue";
+//#region ../hooks/src/use-ripple.ts
+var i = 200, a = "rgba(0, 0, 0, 0)", o = "rgba(0, 0, 0, 0.15)", s = [
+	"is-active",
+	"is-disabled",
+	"is-checked",
+	"is-loading",
+	"is-link"
+], c = /* @__PURE__ */ function(e) {
+	return e.SLIDE = "slide", e;
+}({}), l = (e, t) => {
+	Object.assign(e.style, t);
+}, u = (e, t) => t || (e?.dataset?.ripple ? e.dataset.ripple : getComputedStyle(e).getPropertyValue("--ripple-color").trim() || o), d = () => new MouseEvent("pointerdown", {
+	button: 0,
+	bubbles: !0,
+	cancelable: !0
+});
+function f(o, f = {}) {
+	let { enabled: p = !0, color: m, type: h = c.SLIDE } = f, g = n(null), _ = [], v = (e, t) => {
+		if (t.button !== 0 || s.some((t) => e.classList.contains(t))) return;
+		let n = u(e, r(m)), o = r(h), d = getComputedStyle(e), f = parseInt(d.borderWidth, 10) || 0, { offsetWidth: p, offsetHeight: v } = e;
+		g.value ||= document.createElement("div"), g.value.parentNode || (l(g.value, {
+			position: "absolute",
+			left: `${-f}px`,
+			top: `${-f}px`,
+			width: `${p}px`,
+			height: `${v}px`,
+			borderRadius: d.borderRadius,
+			pointerEvents: "none",
+			overflow: "hidden"
+		}), e.appendChild(g.value));
+		let y = document.createElement("div");
+		o === c.SLIDE && l(y, {
+			marginTop: "0",
+			marginLeft: "0",
+			right: `${p}px`,
+			width: `${p + 20}px`,
+			height: "100%",
+			transition: `transform ${i}ms cubic-bezier(.38,0,.24,1), background ${i * 2}ms linear`,
+			transform: "skewX(-8deg)",
+			pointerEvents: "none",
+			position: "absolute",
+			zIndex: 0,
+			backgroundColor: n,
+			opacity: "0.9"
+		}), Array.from(e.children).forEach((e) => {
+			let t = e;
+			t.style.zIndex === "" && t !== g.value && (t.style.zIndex = "1");
+		});
+		let b = e.style.position || getComputedStyle(e).position;
+		(!b || b === "static") && (e.style.position = "relative"), g.value.insertBefore(y, g.value.firstChild), requestAnimationFrame(() => {
+			y.style.transform = `translateX(${p}px)`;
+		});
+		let x = () => {
+			y.style.backgroundColor = a, e.removeEventListener("pointerup", x), e.removeEventListener("pointerleave", x), e.removeEventListener("keyup", S);
+			let t = _.indexOf(x);
+			t > -1 && _.splice(t, 1), setTimeout(() => {
+				y.remove(), g.value?.children.length === 0 && (g.value.remove(), g.value = null);
+			}, i * 2 + 100);
+		}, S = (e) => {
+			let t = e;
+			(t.key === "Enter" || t.keyCode === 13) && x();
+		};
+		_.push(x), e.addEventListener("pointerup", x), e.addEventListener("pointerleave", x), e.addEventListener("keyup", S);
+	}, y = (e) => {
+		let t = r(o);
+		!t || !r(p) || v(t, e);
+	}, b = (e) => {
+		let t = r(o);
+		if (!t || !r(p)) return;
+		let n = e;
+		if ((n.key === "Enter" || n.keyCode === 13) && !n.repeat) {
+			if (s.some((e) => t.classList.contains(e))) return;
+			v(t, d());
+		}
+	}, x = () => {
+		let e = r(o);
+		e && (e.addEventListener("pointerdown", y), e.addEventListener("keydown", b));
+	}, S = () => {
+		let e = r(o);
+		e && (e.removeEventListener("pointerdown", y), e.removeEventListener("keydown", b), _.forEach((e) => e()), _.length = 0);
+	};
+	return e(x), t(S), { cleanup: S };
+}
+//#endregion
+export { c as RippleType, f as useRipple };

package/dist/es/hooks/src/use-scroll-hidden.d.ts

@@ -0,0 +1,4 @@
+export declare function useScrollHidden(): {
+    lockScroll: () => void;
+    unlockScroll: () => void;
+};