straw-ui-vue 0.1.0

package/dist/index.js

@@ -0,0 +1,47 @@
+import e from "./utils/directive/index.js";
+import { cn as t } from "./utils/cn.js";
+import { cva as n } from "./utils/cva/index.js";
+import { StButton as r } from "./components/st-button.js";
+import { StCheckbox as i } from "./components/st-checkbox.js";
+import { StCheckboxGroup as a } from "./components/st-checkbox-group.js";
+import { StRadio as o } from "./components/st-radio.js";
+import { StRadioGroup as s } from "./components/st-radio-group.js";
+import { StInput as c } from "./components/st-input.js";
+import { StPopover as l } from "./components/st-popover.js";
+import { StTooltip as u } from "./components/st-tooltip.js";
+import { StSelect as d } from "./components/st-select.js";
+import { StDialog as f } from "./components/st-dialog.js";
+import { StMenu as p, StMenuNode as m } from "./components/st-menu.js";
+import { StSidebar as h } from "./components/st-sidebar.js";
+import { StSidebarItem as g } from "./components/st-sidebar-item.js";
+import { StSplitter as _ } from "./components/st-splitter.js";
+import { StSplitterPanel as v } from "./components/st-splitter-panel.js";
+import { StTree as y } from "./components/st-tree.js";
+import { StToggle as b } from "./components/st-toggle.js";
+//#region src/index.ts
+var x = {
+	install(t) {
+		t.use(e), t.use(r), t.use(i), t.use(a), t.use(o), t.use(s), t.use(c), t.use(l), t.use(u), t.use(d), t.use(f), t.use(p), t.use(m), t.use(h), t.use(g), t.use(_), t.use(v), t.use(y), t.use(b);
+	},
+	Directive: e,
+	StButton: r,
+	StCheckbox: i,
+	StCheckboxGroup: a,
+	StRadio: o,
+	StRadioGroup: s,
+	StInput: c,
+	StPopover: l,
+	StTooltip: u,
+	StSelect: d,
+	StDialog: f,
+	StMenu: p,
+	StMenuNode: m,
+	StSidebar: h,
+	StSidebarItem: g,
+	StSplitter: _,
+	StSplitterPanel: v,
+	StTree: y,
+	StToggle: b
+};
+//#endregion
+export { e as Directive, r as StButton, i as StCheckbox, a as StCheckboxGroup, f as StDialog, c as StInput, p as StMenu, m as StMenuNode, l as StPopover, o as StRadio, s as StRadioGroup, d as StSelect, h as StSidebar, g as StSidebarItem, _ as StSplitter, v as StSplitterPanel, b as StToggle, u as StTooltip, y as StTree, t as cn, n as cva, x as default };

package/dist/utils/cn.cjs

@@ -0,0 +1 @@
+let e=require("clsx");var t=(0,require("tailwind-merge").extendTailwindMerge)({extend:{classGroups:{"font-size":[{text:[e=>/^\d+(\.\d+)?$/.test(e)]}]}}});function n(...n){return t((0,e.clsx)(n))}exports.cn=n;

package/dist/utils/cn.d.ts

@@ -0,0 +1,11 @@
+import type { ClassValue } from 'clsx';
+/**
+ * 合并类名工具函数
+ * 结合 clsx 和自定义的 tailwind-merge，智能合并多个类名
+ * clsx 负责处理条件类名和过滤空值
+ * customTwMerge 负责解决 Tailwind CSS 类名冲突，并正确区分尺寸和颜色类
+ * @param inputs 类名参数，可以是字符串、对象、数组等
+ * @returns 合并后的类名字符串
+ */
+declare function cn(...inputs: ClassValue[]): string;
+export { cn };

package/dist/utils/cn.js

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { extendTailwindMerge as t } from "tailwind-merge";
+var n = t({ extend: { classGroups: { "font-size": [{ text: [(e) => /^\d+(\.\d+)?$/.test(e)] }] } } });
+function r(...t) {
+	return n(e(t));
+}
+//#endregion
+export { r as cn };

package/dist/utils/cva/index.cjs

@@ -0,0 +1 @@
+const e=require("../cn.cjs");function t(t){let{base:n,variants:r,defaultVariants:i,compoundVariants:a}=t;return t=>{let o={...i,...t},s=[];if(n&&s.push(n),r)for(let e of Object.keys(r)){let t=r[e];if(t){let n=o[e];if(n!=null){let e=String(n);t[e]&&s.push(t[e])}}}if(a)for(let e of a)Object.entries(e.variants).every(([e,t])=>o[e]===t)&&s.push(e.className);return e.cn(...s)}}exports.cva=t;

package/dist/utils/cva/index.d.ts

@@ -0,0 +1,9 @@
+import type { CVAConfig, CVAReturnFunction, VariantValues } from './types';
+/**
+ * 创建一个类变体权威函数
+ * 用于声明式管理组件变体类名
+ * @param config CVA 配置对象
+ * @returns 返回一个函数，该函数接收变体属性并返回合并后的类名
+ */
+declare function cva<Variants extends VariantValues>(config: CVAConfig<Variants>): CVAReturnFunction<Variants>;
+export { cva };

package/dist/utils/cva/index.js

@@ -0,0 +1,25 @@
+import { cn as e } from "../cn.js";
+//#region src/utils/cva/index.ts
+function t(t) {
+	let { base: n, variants: r, defaultVariants: i, compoundVariants: a } = t;
+	return (t) => {
+		let o = {
+			...i,
+			...t
+		}, s = [];
+		if (n && s.push(n), r) for (let e of Object.keys(r)) {
+			let t = r[e];
+			if (t) {
+				let n = o[e];
+				if (n != null) {
+					let e = String(n);
+					t[e] && s.push(t[e]);
+				}
+			}
+		}
+		if (a) for (let e of a) Object.entries(e.variants).every(([e, t]) => o[e] === t) && s.push(e.className);
+		return e(...s);
+	};
+}
+//#endregion
+export { t as cva };

package/dist/utils/cva/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * CVA 变体值映射类型
+ * 用于定义每个变体属性的可能值
+ */
+type VariantValues = Record<string, string | boolean | number | undefined>;
+
+/**
+ * CVA 变体配置类型
+ * 用于定义每个变体属性对应值的类名映射
+ */
+type VariantConfig<Variants extends VariantValues> = {
+	[VariantKey in keyof Variants]?: {
+		[Value in Variants[VariantKey] as string]: string;
+	};
+};
+
+/**
+ * CVA 复合变体配置类型
+ * 用于定义当多个变体条件同时满足时应用的类名
+ */
+type CompoundVariant<Variants extends VariantValues> = {
+	variants: Partial<Variants>;
+	className: string;
+};
+
+/**
+ * CVA 配置接口
+ * 用于定义组件变体的完整配置
+ */
+interface CVAConfig<Variants extends VariantValues> {
+	base?: string;
+	variants?: VariantConfig<Variants>;
+	defaultVariants?: Partial<Variants>;
+	compoundVariants?: Array<CompoundVariant<Variants>>;
+}
+
+/**
+ * CVA 返回函数类型
+ * 接收变体属性并返回合并后的类名字符串
+ */
+type CVAReturnFunction<Variants extends VariantValues> = (props?: Partial<Variants>) => string;
+
+export type { VariantValues, VariantConfig, CompoundVariant, CVAConfig, CVAReturnFunction };
+
+export {};

package/dist/utils/directive/index.cjs

@@ -0,0 +1 @@
+const e=require("./intersection.cjs"),t=require("./interval.cjs"),n=require("./move.cjs"),r=require("./resize.cjs");var i={install(i){i.directive(`intersection`,e.default),i.directive(`interval`,t.default),i.directive(`move`,n.default),i.directive(`resize`,r.default)}};exports.default=i;

package/dist/utils/directive/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(Vue: any): void;
+};
+export default _default;

package/dist/utils/directive/index.js

@@ -0,0 +1,10 @@
+import e from "./intersection.js";
+import t from "./interval.js";
+import n from "./move.js";
+import r from "./resize.js";
+//#region src/utils/directive/index.ts
+var i = { install(i) {
+	i.directive("intersection", e), i.directive("interval", t), i.directive("move", n), i.directive("resize", r);
+} };
+//#endregion
+export { i as default };

package/dist/utils/directive/intersection.cjs

@@ -0,0 +1 @@
+var e=new WeakMap,t=new IntersectionObserver(t=>{for(let n of t){let t=e.get(n.target),r=t?.handler,i=t?.params;r&&r({...n.boundingClientRect,isIntersecting:n.isIntersecting},n,i)}}),n={mounted(n,r){let i=r.value&&typeof r.value==`object`?r.value:{handler:r.value};(i.enabled??!0)&&(e.set(n,i),t.observe(n))},unmounted(e,n){t.unobserve(e)}};exports.default=n;

package/dist/utils/directive/intersection.d.ts

@@ -0,0 +1,6 @@
+import type { DirectiveBinding } from 'vue';
+declare const _default: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    unmounted(el: HTMLElement, binding: DirectiveBinding): void;
+};
+export default _default;

package/dist/utils/directive/intersection.js

@@ -0,0 +1,20 @@
+//#region src/utils/directive/intersection.ts
+var e = /* @__PURE__ */ new WeakMap(), t = new IntersectionObserver((t) => {
+	for (let n of t) {
+		let t = e.get(n.target), r = t?.handler, i = t?.params;
+		r && r({
+			...n.boundingClientRect,
+			isIntersecting: n.isIntersecting
+		}, n, i);
+	}
+}), n = {
+	mounted(n, r) {
+		let i = r.value && typeof r.value == "object" ? r.value : { handler: r.value };
+		(i.enabled ?? !0) && (e.set(n, i), t.observe(n));
+	},
+	unmounted(e, n) {
+		t.unobserve(e);
+	}
+};
+//#endregion
+export { n as default };

package/dist/utils/directive/interval.cjs

@@ -0,0 +1 @@
+var e=new Map,t={mounted(t,n){let r=n.value&&typeof n.value==`object`?n.value:{handler:n.value},i=r.enabled??!0,a=r.timeout??1e3,o=r.params;i&&e.set(t,setInterval(()=>{n.value(t,o)},a))},unmounted(t,n){e.has(t)&&(clearInterval(e.get(t)),e.delete(t))}};exports.default=t;

package/dist/utils/directive/interval.d.ts

@@ -0,0 +1,6 @@
+import type { DirectiveBinding } from 'vue';
+declare const _default: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    unmounted(el: HTMLElement, binding: DirectiveBinding): void;
+};
+export default _default;

package/dist/utils/directive/interval.js

@@ -0,0 +1,14 @@
+//#region src/utils/directive/interval.ts
+var e = /* @__PURE__ */ new Map(), t = {
+	mounted(t, n) {
+		let r = n.value && typeof n.value == "object" ? n.value : { handler: n.value }, i = r.enabled ?? !0, a = r.timeout ?? 1e3, o = r.params;
+		i && e.set(t, setInterval(() => {
+			n.value(t, o);
+		}, a));
+	},
+	unmounted(t, n) {
+		e.has(t) && (clearInterval(e.get(t)), e.delete(t));
+	}
+};
+//#endregion
+export { t as default };

package/dist/utils/directive/move.cjs

@@ -0,0 +1 @@
+var e=null,t=new Map;function n(e){return t.get(e)||e===document.body?e:n(e.parentNode)}function r(r){r.stopPropagation(),r.preventDefault(),e=n(r.target);let o=t.get(e),s=o?.cb?.mousedown,c=o?.move??!0,l=o?.params;if(c){o.position||={};let t=o.position;e.classList.replace(`cursor-grab`,`cursor-grabbing`),t.ol=r.pageX,t.ot=r.pageY,t.l=t.l??0,t.t=t.t??0}s&&s(r,l),document.addEventListener(`mousemove`,i),document.addEventListener(`mouseup`,a,{once:!0})}function i(n){let r=t.get(e),i=r?.handler??r?.cb?.mousemove,a=r?.target,o=r?.move??!0,s=r?.params;if(o){let e=r.position,t=n.pageX-e.ol+e.l,i=n.pageY-e.ot+e.t;a.style.transform=`translate(${t}px, ${i}px)`}i&&i(n,s)}function a(n){let r=t.get(e),a=r?.cb?.mousedown,o=r?.move??!0,s=r?.params;if(o){let t=r.position;t.l=n.pageX-t.ol+t.l,t.t=n.pageY-t.ot+t.t,e.classList.replace(`cursor-grabbing`,`cursor-grab`)}a&&a(n,s),document.removeEventListener(`mousemove`,i)}var o={mounted(e,n){let i=n.value&&typeof n.value==`object`?n.value:{handler:n.value},a=i.enabled??!0,o=i?.move??!0;i.target=typeof i.target==`string`?document.querySelector(`.${i.target}`):e,a&&(o&&e.classList.add(`cursor-grab`),t.set(e,i),e.addEventListener(`mousedown`,r))},unmounted(e,n){t.delete(e),e.removeEventListener(`mousedown`,r)}};exports.default=o;

package/dist/utils/directive/move.d.ts

@@ -0,0 +1,6 @@
+import type { DirectiveBinding } from 'vue';
+declare const _default: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    unmounted(el: HTMLElement, binding: DirectiveBinding): void;
+};
+export default _default;

package/dist/utils/directive/move.js

@@ -0,0 +1,42 @@
+//#region src/utils/directive/move.ts
+var e = null, t = /* @__PURE__ */ new Map();
+function n(e) {
+	return t.get(e) || e === document.body ? e : n(e.parentNode);
+}
+function r(r) {
+	r.stopPropagation(), r.preventDefault(), e = n(r.target);
+	let o = t.get(e), s = o?.cb?.mousedown, c = o?.move ?? !0, l = o?.params;
+	if (c) {
+		o.position ||= {};
+		let t = o.position;
+		e.classList.replace("cursor-grab", "cursor-grabbing"), t.ol = r.pageX, t.ot = r.pageY, t.l = t.l ?? 0, t.t = t.t ?? 0;
+	}
+	s && s(r, l), document.addEventListener("mousemove", i), document.addEventListener("mouseup", a, { once: !0 });
+}
+function i(n) {
+	let r = t.get(e), i = r?.handler ?? r?.cb?.mousemove, a = r?.target, o = r?.move ?? !0, s = r?.params;
+	if (o) {
+		let e = r.position, t = n.pageX - e.ol + e.l, i = n.pageY - e.ot + e.t;
+		a.style.transform = `translate(${t}px, ${i}px)`;
+	}
+	i && i(n, s);
+}
+function a(n) {
+	let r = t.get(e), a = r?.cb?.mousedown, o = r?.move ?? !0, s = r?.params;
+	if (o) {
+		let t = r.position;
+		t.l = n.pageX - t.ol + t.l, t.t = n.pageY - t.ot + t.t, e.classList.replace("cursor-grabbing", "cursor-grab");
+	}
+	a && a(n, s), document.removeEventListener("mousemove", i);
+}
+var o = {
+	mounted(e, n) {
+		let i = n.value && typeof n.value == "object" ? n.value : { handler: n.value }, a = i.enabled ?? !0, o = i?.move ?? !0;
+		i.target = typeof i.target == "string" ? document.querySelector(`.${i.target}`) : e, a && (o && e.classList.add("cursor-grab"), t.set(e, i), e.addEventListener("mousedown", r));
+	},
+	unmounted(e, n) {
+		t.delete(e), e.removeEventListener("mousedown", r);
+	}
+};
+//#endregion
+export { o as default };

package/dist/utils/directive/resize.cjs

@@ -0,0 +1 @@
+var e=new WeakMap,t=new ResizeObserver(t=>{for(let n of t){let t=e.get(n.target),r=t?.handler,i=t?.params;r&&r(n.contentRect,n,i)}}),n={mounted(n,r){let i=r.value&&typeof r.value==`object`?r.value:{handler:r.value};(i.enabled??!0)&&(e.set(n,i),t.observe(n))},unmounted(e,n){t.unobserve(e)}};exports.default=n;

package/dist/utils/directive/resize.d.ts

@@ -0,0 +1,6 @@
+import type { DirectiveBinding } from 'vue';
+declare const _default: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    unmounted(el: HTMLElement, binding: DirectiveBinding): void;
+};
+export default _default;

package/dist/utils/directive/resize.js

@@ -0,0 +1,17 @@
+//#region src/utils/directive/resize.ts
+var e = /* @__PURE__ */ new WeakMap(), t = new ResizeObserver((t) => {
+	for (let n of t) {
+		let t = e.get(n.target), r = t?.handler, i = t?.params;
+		r && r(n.contentRect, n, i);
+	}
+}), n = {
+	mounted(n, r) {
+		let i = r.value && typeof r.value == "object" ? r.value : { handler: r.value };
+		(i.enabled ?? !0) && (e.set(n, i), t.observe(n));
+	},
+	unmounted(e, n) {
+		t.unobserve(e);
+	}
+};
+//#endregion
+export { n as default };

package/dist/utils/with-install.cjs

@@ -0,0 +1 @@
+function e(e){let t=e;return t.install=t=>{let n=e.name||e.__name;n&&t.component(n,e)},t}exports.withInstall=e;

package/dist/utils/with-install.d.ts

@@ -0,0 +1,4 @@
+import type { DefineComponent, Plugin } from 'vue';
+type SFCWithInstall<T> = DefineComponent<T> & Plugin;
+export declare function withInstall<T>(comp: T): SFCWithInstall<T>;
+export {};

package/dist/utils/with-install.js

@@ -0,0 +1,10 @@
+//#region src/utils/with-install.ts
+function e(e) {
+	let t = e;
+	return t.install = (t) => {
+		let n = e.name || e.__name;
+		n && t.component(n, e);
+	}, t;
+}
+//#endregion
+export { e as withInstall };

package/package.json

@@ -0,0 +1,87 @@
+{
+	"name": "straw-ui-vue",
+	"version": "0.1.0",
+	"description": "A Vue 3 directive library",
+	"type": "module",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"author": {
+		"name": "叶落ぃ无尘"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		},
+		"./components/*": {
+			"types": "./dist/components/*/index.d.ts",
+			"import": "./dist/components/*.js",
+			"require": "./dist/components/*.cjs"
+		},
+		"./style.css": "./dist/index.css"
+	},
+	"files": [
+		"dist",
+		"README.md"
+	],
+	"sideEffects": [
+		"**/*.css",
+		"**/*.less"
+	],
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"copy-types": "node scripts/copy-types.mjs",
+		"build:lib": "vite build && vue-tsc -p tsconfig.app.json --emitDeclarationOnly && npm run copy-types",
+		"type-check": "vue-tsc -p tsconfig.app.json --noEmit",
+		"preview": "vite preview",
+		"format": "prettier --write --experimental-cli src/",
+		"docs:dev": "vitepress dev docs",
+		"docs:build": "vitepress build docs",
+		"prepublishOnly": "npm run build:lib"
+	},
+	"keywords": [
+		"vue3",
+		"vue",
+		"directives",
+		"component-library"
+	],
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": ""
+	},
+	"peerDependencies": {
+		"vue": "^3.3.0",
+		"clsx": "^2.1.0",
+		"tailwind-merge": "^3.6.0"
+	},
+	"dependencies": {},
+	"devDependencies": {
+		"@iconify/json": "2.2.483",
+		"@tsconfig/node24": "24.0.4",
+		"@types/node": "25.9.2",
+		"@unocss/preset-wind4": "66.7.0",
+		"@vitejs/plugin-vue": "6.0.7",
+		"@vitejs/plugin-vue-jsx": "5.1.5",
+		"@vue/tsconfig": "0.9.1",
+		"clsx": "2.1.1",
+		"less": "4.6.4",
+		"npm-run-all2": "9.0.1",
+		"pinia": "3.0.4",
+		"prettier": "3.8.3",
+		"tailwind-merge": "3.6.0",
+		"typescript": "6.0.3",
+		"unocss": "66.7.0",
+		"vite": "8.0.16",
+		"vite-plugin-vue-devtools": "8.1.2",
+		"vue": "3.5.35",
+		"vue-router": "5.1.0",
+		"vue-tsc": "3.3.3"
+	},
+	"engines": {
+		"node": "^20.19.0 || >=22.12.0"
+	}
+}