straw-ui-vue 0.1.0

package/dist/components/st-checkbox/st-checkbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,109 @@
+import { cn as e } from "../../utils/cn.js";
+import { cva as t } from "../../utils/cva/index.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, inject as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, unref as p, useAttrs as m, useModel as h, useSlots as g } from "vue";
+//#region src/components/st-checkbox/st-checkbox.vue?vue&type=script&setup=true&lang.ts
+var _ = ["checked", "disabled"], v = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "st-checkbox",
+	props: /*@__PURE__*/ c({
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		trueValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: !0
+		},
+		falseValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let c = o, v = h(o, "modelValue"), y = g(), b = m(), x = s("checkboxGroup", null), S = n(() => !!y.default), C = n(() => x && x.disabled.value || c.disabled), w = n(() => x ? x.modelValue.value.includes(c.trueValue) : v.value === c.trueValue), T = t({
+			base: "inline-flex items-center cursor-pointer select-none gap-2",
+			variants: { disabled: {
+				true: "cursor-not-allowed opacity-50",
+				false: ""
+			} }
+		}), E = n(() => e(T({ disabled: C.value }), b.class)), D = n(() => e("sr-only")), O = t({
+			base: "flex items-center justify-center border-2 rounded-radius transition-all duration-200 w-5 h-5",
+			variants: {
+				checked: {
+					true: "bg-primary border-primary",
+					false: "bg-background border-input hover:border-ring"
+				},
+				disabled: {
+					true: "cursor-not-allowed",
+					false: "cursor-pointer"
+				}
+			}
+		}), k = n(() => O({
+			checked: w.value,
+			disabled: C.value
+		})), A = n(() => e("text-primary-foreground w-2.5 h-2.5")), j = n(() => e("w-full h-full")), M = t({
+			base: "text-foreground text-sm",
+			variants: { disabled: {
+				true: "text-muted-foreground",
+				false: ""
+			} }
+		}), N = n(() => M({ disabled: C.value })), P = (e) => {
+			C.value && e.preventDefault();
+		}, F = () => {
+			C.value || (x ? x.updateValue(c.trueValue, !w.value) : v.value = w.value ? c.falseValue : c.trueValue);
+		};
+		return (e, t) => (d(), i("label", {
+			class: l(E.value),
+			style: u(p(b).style),
+			onClick: P
+		}, [
+			a("input", {
+				checked: w.value,
+				class: l(D.value),
+				disabled: C.value,
+				type: "checkbox",
+				onChange: F
+			}, null, 42, _),
+			a("span", { class: l(k.value) }, [w.value ? (d(), i("span", {
+				key: 0,
+				class: l(A.value)
+			}, [(d(), i("svg", {
+				class: l(j.value),
+				fill: "none",
+				viewBox: "0 0 12 12",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, [...t[0] ||= [a("path", {
+				d: "M2 6L5 9L10 3",
+				stroke: "currentColor",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"stroke-width": "2"
+			}, null, -1)]], 2))], 2)) : r("", !0)], 2),
+			S.value ? (d(), i("span", {
+				key: 0,
+				class: l(N.value)
+			}, [f(e.$slots, "default")], 2)) : r("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/st-checkbox/types.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Checkbox 组件属性接口
+ * 用于定义复选框组件的属性
+ */
+export interface CheckboxProps {
+	/**
+	 * 复选框禁用状态
+	 */
+	disabled?: boolean;
+	/**
+	 * 选中时的值
+	 */
+	trueValue?: boolean | string | number;
+	/**
+	 * 未选中时的值
+	 */
+	falseValue?: boolean | string | number;
+}
+
+export {};

package/dist/components/st-checkbox-group/index.d.ts

@@ -0,0 +1,171 @@
+export declare const StCheckboxGroup: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+            modelValue?: (string | number | boolean)[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: (string | number | boolean)[]) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            list: import("./types.d.ts").CheckboxGroupItem[];
+            labelKey: string;
+            valueKey: string;
+            direction: import("./types.d.ts").CheckboxGroupDirection;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").CheckboxGroupProps & {
+            modelValue?: (string | number | boolean)[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            list: import("./types.d.ts").CheckboxGroupItem[];
+            labelKey: string;
+            valueKey: string;
+            direction: import("./types.d.ts").CheckboxGroupDirection;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: (string | number | boolean)[]) => any;
+    }, string, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        [x: string]: any;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+            modelValue?: (string | number | boolean)[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: (string | number | boolean)[]) => any;
+        }, import("vue").PublicProps, {
+            disabled: boolean;
+            list: import("./types.d.ts").CheckboxGroupItem[];
+            labelKey: string;
+            valueKey: string;
+            direction: import("./types.d.ts").CheckboxGroupDirection;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./types.d.ts").CheckboxGroupProps & {
+            modelValue?: (string | number | boolean)[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+        }>, {}, {}, {}, {}, {
+            disabled: boolean;
+            list: import("./types.d.ts").CheckboxGroupItem[];
+            labelKey: string;
+            valueKey: string;
+            direction: import("./types.d.ts").CheckboxGroupDirection;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: (string | number | boolean)[]) => any;
+    }, string, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: (string | number | boolean)[]) => any;
+    }, import("vue").PublicProps, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types.d.ts").CheckboxGroupProps & {
+        modelValue?: (string | number | boolean)[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+    }>, {}, {}, {}, {}, {
+        disabled: boolean;
+        list: import("./types.d.ts").CheckboxGroupItem[];
+        labelKey: string;
+        valueKey: string;
+        direction: import("./types.d.ts").CheckboxGroupDirection;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types.d.ts").CheckboxGroupProps & {
+    modelValue?: (string | number | boolean)[];
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number | boolean)[]) => any;
+}, string, {
+    disabled: boolean;
+    list: import("./types.d.ts").CheckboxGroupItem[];
+    labelKey: string;
+    valueKey: string;
+    direction: import("./types.d.ts").CheckboxGroupDirection;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>>, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    [x: string]: any;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & (import("vue").VNodeProps & (import("vue").AllowedComponentProps & (import("vue").ComponentCustomProps & import("vue").Plugin)));
+export default StCheckboxGroup;
+export type * from './types.d.ts';

package/dist/components/st-checkbox-group/st-checkbox-group.vue.cjs

@@ -0,0 +1 @@
+var e=require("./st-checkbox-group.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/st-checkbox-group/st-checkbox-group.vue.d.ts

@@ -0,0 +1,29 @@
+import type { CheckboxGroupItem, CheckboxGroupProps } from './types.d.ts';
+type __VLS_Props = CheckboxGroupProps;
+type __VLS_ModelProps = {
+    modelValue?: (string | number | boolean)[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: (string | number | boolean)[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: (string | number | boolean)[]) => any;
+}>, {
+    disabled: boolean;
+    list: CheckboxGroupItem[];
+    labelKey: string;
+    valueKey: string;
+    direction: import("./types.d.ts").CheckboxGroupDirection;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/st-checkbox-group/st-checkbox-group.vue.js

@@ -0,0 +1,5 @@
+import e from "./st-checkbox-group.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/st-checkbox-group/st-checkbox-group.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/st-checkbox-group/st-checkbox-group.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs"),n=require("../st-checkbox/st-checkbox.vue.cjs");let r=require("vue");var i=(0,r.defineComponent)({name:`StCheckboxGroup`,inheritAttrs:!1,__name:`st-checkbox-group`,props:(0,r.mergeModels)({list:{default:void 0},labelKey:{default:`label`},valueKey:{default:`value`},disabled:{type:Boolean,default:!1},direction:{default:`horizontal`}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=(0,r.useAttrs)(),o=i,s=(0,r.useModel)(i,`modelValue`);(0,r.useSlots)();let c=(0,r.computed)(()=>!!(o.list&&o.list.length>0)),l=e=>{let t=e[o.valueKey];return typeof t==`boolean`?String(t):t},u=e=>e[o.labelKey],d=t.cva({base:`flex`,variants:{direction:{horizontal:`flex-row flex-wrap gap-4`,vertical:`flex-col gap-2`}}}),f=(0,r.computed)(()=>e.cn(d({direction:o.direction}),a.class));return(0,r.provide)(`checkboxGroup`,{disabled:(0,r.computed)(()=>o.disabled),modelValue:s,updateValue:(e,t)=>{let n=[...s.value];if(t)n.includes(e)||n.push(e);else{let t=n.indexOf(e);t>-1&&n.splice(t,1)}s.value=n}}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)(f.value),style:(0,r.normalizeStyle)((0,r.unref)(a).style)},[c.value?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(o.list,e=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{key:l(e),disabled:o.disabled,"true-value":l(e)},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(u(e)),1)]),_:2},1032,[`disabled`,`true-value`]))),128)):(0,r.renderSlot)(e.$slots,`default`,{key:1})],6))}});exports.default=i;

package/dist/components/st-checkbox-group/st-checkbox-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { cn as e } from "../../utils/cn.js";
+import { cva as t } from "../../utils/cva/index.js";
+import n from "../st-checkbox/st-checkbox.vue.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, normalizeStyle as d, openBlock as f, provide as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useModel as y, useSlots as b, withCtx as x } from "vue";
+//#region src/components/st-checkbox-group/st-checkbox-group.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ c({
+	name: "StCheckboxGroup",
+	inheritAttrs: !1,
+	__name: "st-checkbox-group",
+	props: /*@__PURE__*/ l({
+		list: { default: void 0 },
+		labelKey: { default: "label" },
+		valueKey: { default: "value" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "horizontal" }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = v(), S = c, C = y(c, "modelValue");
+		b();
+		let w = i(() => !!(S.list && S.list.length > 0)), T = (e) => {
+			let t = e[S.valueKey];
+			return typeof t == "boolean" ? String(t) : t;
+		}, E = (e) => e[S.labelKey], D = t({
+			base: "flex",
+			variants: { direction: {
+				horizontal: "flex-row flex-wrap gap-4",
+				vertical: "flex-col gap-2"
+			} }
+		}), O = i(() => e(D({ direction: S.direction }), l.class));
+		return p("checkboxGroup", {
+			disabled: i(() => S.disabled),
+			modelValue: C,
+			updateValue: (e, t) => {
+				let n = [...C.value];
+				if (t) n.includes(e) || n.push(e);
+				else {
+					let t = n.indexOf(e);
+					t > -1 && n.splice(t, 1);
+				}
+				C.value = n;
+			}
+		}), (e, t) => (f(), o("div", {
+			class: u(O.value),
+			style: d(_(l).style)
+		}, [w.value ? (f(!0), o(r, { key: 0 }, m(S.list, (e) => (f(), a(n, {
+			key: T(e),
+			disabled: S.disabled,
+			"true-value": T(e)
+		}, {
+			default: x(() => [s(g(E(e)), 1)]),
+			_: 2
+		}, 1032, ["disabled", "true-value"]))), 128)) : h(e.$slots, "default", { key: 1 })], 6));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/st-checkbox-group/types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * CheckboxGroup 组件属性接口
+ * 用于定义复选框组件组的属性
+ */
+export interface CheckboxGroupProps {
+	/**
+	 * 复选框选项列表
+	 */
+	list?: CheckboxGroupItem[];
+	/**
+	 * 用于显示的标签字段名
+	 */
+	labelKey?: string;
+	/**
+	 * 用于值的字段名
+	 */
+	valueKey?: string;
+	/**
+	 * 复选框禁用状态
+	 */
+	disabled?: boolean;
+	/**
+	 * 排列方向
+	 */
+	direction?: CheckboxGroupDirection;
+}
+
+/**
+ * 复选框选项项接口
+ */
+export interface CheckboxGroupItem {
+	/**
+	 * 选项标签
+	 */
+	[key: string]: unknown;
+}
+
+/**
+ * 复选框组排列方向类型
+ */
+export type CheckboxGroupDirection = 'horizontal' | 'vertical';
+
+export {};

package/dist/components/st-checkbox-group.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-checkbox-group/st-checkbox-group.vue.cjs");var n=e.withInstall(t.default);exports.StCheckboxGroup=n,exports.default=n;

package/dist/components/st-checkbox-group.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-checkbox-group/st-checkbox-group.vue.js";
+//#region src/components/st-checkbox-group/index.ts
+var n = e(t);
+//#endregion
+export { n as StCheckboxGroup, n as default };

package/dist/components/st-checkbox.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../utils/with-install.cjs"),t=require("./st-checkbox/st-checkbox.vue.cjs");var n=e.withInstall(t.default);exports.StCheckbox=n,exports.default=n;

package/dist/components/st-checkbox.js

@@ -0,0 +1,6 @@
+import { withInstall as e } from "../utils/with-install.js";
+import t from "./st-checkbox/st-checkbox.vue.js";
+//#region src/components/st-checkbox/index.ts
+var n = e(t);
+//#endregion
+export { n as StCheckbox, n as default };