@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/checkbox-mJD1ou6k.js

@@ -0,0 +1,479 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./warning-naSiE8G7.js";
+import { t as n } from "./isEnterPress-HTy0eCBp.js";
+import { cloneVNode as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, h as f, inject as p, isVNode as m, markRaw as h, mergeProps as g, nextTick as _, normalizeClass as v, onBeforeUnmount as y, onMounted as b, openBlock as x, provide as S, renderSlot as C, shallowReactive as w, shallowRef as T, unref as E, useAttrs as D, useId as O, useSlots as k, useTemplateRef as A, watch as j } from "vue";
+import { IconCheckboxIndeterminate as M, IconCheckboxTick as N } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var ee = class extends e {
+	constructor(e) {
+		super({ ...e }), this.clickState = !1, this.handleFocusVisible = (e) => {
+			let { target: n } = e;
+			try {
+				if (this.clickState) {
+					this.clickState = !1;
+					return;
+				}
+				n.matches(":focus-visible") && this._adapter.setFocusVisible(!0);
+			} catch {
+				t(!0, "Warning: [Semi Checkbox] The current browser does not support the focus-visible");
+			}
+		}, this.handleBlur = () => {
+			this.clickState = !1, this._adapter.setFocusVisible(!1);
+		};
+	}
+	init() {
+		let { children: e, extra: t, extraId: n, addonId: r } = this.getProps();
+		e && !r && this._adapter.setAddonId(), t && !n && this._adapter.setExtraId();
+	}
+	notifyChange(e, t) {
+		let n = this._adapter.generateEvent(e, t);
+		this._adapter.notifyChange(n);
+	}
+	handleChange(e) {
+		if (this.getProp("disabled")) return;
+		if (e?.type === "click" && (this.clickState = !0), this._adapter.focusCheckboxEntity(), this._adapter.getIsInGroup()) {
+			this._adapter.getGroupDisabled() || this.handleChangeInGroup(e);
+			return;
+		}
+		let t = !this.getState("checked");
+		this._isControlledComponent("checked") || this.setChecked(t), this.notifyChange(t, e);
+	}
+	handleChangeInGroup(e) {
+		let { value: t } = this.getProps(), n = !this._adapter.getGroupValue().includes(t), r = this._adapter.generateEvent(n, e);
+		this._adapter.notifyChange(r), this._adapter.notifyGroupChange(r);
+	}
+	handleEnterPress(e) {
+		n(e) && this.handleChange(e);
+	}
+	setChecked(e) {
+		this._adapter.setNativeControlChecked(e);
+	}
+	destroy() {}
+}, P = class n extends e {
+	static get checkboxGroupDefaultAdapter() {
+		return {};
+	}
+	constructor(e) {
+		super({
+			...n.checkboxGroupDefaultAdapter,
+			...e
+		});
+	}
+	init() {
+		let { defaultValue: e, value: n } = this.getProps();
+		e !== void 0 && !Array.isArray(e) && t(!0, "Warning: [Semi CheckboxGroup] defaultValue should be an Array"), n !== void 0 && !Array.isArray(n) && t(!0, "Warning: [Semi CheckboxGroup] value should be an Array");
+	}
+	notifyChange(e) {
+		this._adapter.notifyChange(e);
+	}
+	handleChange(e) {
+		let t = this.getState("value"), n = [];
+		Array.isArray(t) || (n = [t]), n = e.target.checked ? [...t, e.target.value] : t.filter((t, n) => t !== e.target.value), "value" in this.getProps() || this._adapter.updateGroupValue(n), this.notifyChange(n);
+	}
+	getFormatName() {
+		return this.getProp("name") || "default";
+	}
+	handlePropValueChange(e) {
+		Array.isArray(e) ? this._adapter.updateGroupValue(e) : (e === void 0 && this._adapter.updateGroupValue([]), t(!0, "Warning: [Semi CheckboxGroup] value should be an Array"));
+	}
+	destroy() {}
+}, te = u({
+	name: "CheckboxNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => e.content
+}), ne = Symbol("semi-checkbox-group"), re = [
+	"id",
+	"role",
+	"tabindex",
+	"aria-labelledby"
+], ie = [
+	"checked",
+	"disabled",
+	"name",
+	"aria-label",
+	"aria-disabled",
+	"aria-checked",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-required"
+], ae = ["id"], oe = ["id"], F = /* @__PURE__ */ u({
+	name: "Checkbox",
+	inheritAttrs: !1,
+	__name: "Checkbox",
+	props: {
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: { type: [Boolean, String] },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaRequired: { type: [Boolean, String] },
+		addonId: {},
+		autoFocus: { type: Boolean },
+		checked: { type: Boolean },
+		modelValue: { type: Boolean },
+		defaultChecked: { type: Boolean },
+		disabled: { type: Boolean },
+		extra: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		extraId: {},
+		id: {},
+		indeterminate: { type: Boolean },
+		prefixCls: {},
+		preventScroll: { type: Boolean },
+		role: {},
+		tabIndex: {},
+		type: {},
+		value: {},
+		className: {}
+	},
+	emits: [
+		"change",
+		"update:checked",
+		"update:modelValue"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, u = n, f = D(), m = k(), S = d(), T = p(ne, void 0), P = A("input"), F = O().replaceAll(":", ""), I = i(() => r.prefixCls ?? "semi-checkbox");
+		function L(e) {
+			let t = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = S?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		let R = i(() => L("checked")), z = i(() => L("modelValue")), B = i(() => R.value || z.value), V = i(() => R.value ? r.checked ?? !1 : r.modelValue ?? !1), H = i(() => !!(T && L("value"))), U = i(() => m.default !== void 0), W = i(() => m.extra !== void 0 || !!r.extra), se = i(() => L("ariaInvalid") ? r.ariaInvalid : void 0), ce = i(() => L("ariaRequired") ? r.ariaRequired : void 0), le = B.value ? V.value ?? r.defaultChecked ?? !1 : r.defaultChecked ?? !1, G = w({
+			checked: le,
+			addonId: r.addonId,
+			extraId: r.extraId,
+			focusVisible: !1
+		}), K = /* @__PURE__ */ new Map(), q = i(() => H.value ? T.value.value.includes(r.value) : G.checked), J = i(() => !!(r.disabled || T?.disabled.value)), Y = i(() => H.value ? T.isPureCardType.value : r.type === "pureCard"), X = i(() => H.value ? T.isCardType.value : r.type === "card" || Y.value), Z = i(() => X.value || Y.value), ue = i(() => [
+			f.class,
+			r.className,
+			I.value,
+			J.value ? `${I.value}-disabled` : void 0,
+			r.indeterminate ? `${I.value}-indeterminate` : void 0,
+			q.value ? `${I.value}-checked` : `${I.value}-unChecked`,
+			X.value ? `${I.value}-cardType` : void 0,
+			J.value && X.value ? `${I.value}-cardType_disabled` : void 0,
+			!J.value && X.value ? `${I.value}-cardType_enable` : void 0,
+			X.value && q.value && !J.value ? `${I.value}-cardType_checked` : void 0,
+			X.value && q.value && J.value ? `${I.value}-cardType_checked_disabled` : void 0,
+			G.focusVisible && Z.value ? `${I.value}-focus` : void 0
+		]), de = i(() => [
+			`${I.value}-inner`,
+			q.value ? `${I.value}-inner-checked` : void 0,
+			Y.value ? `${I.value}-inner-pureCardType` : void 0
+		]), fe = i(() => [
+			`${I.value}-inner-display`,
+			G.focusVisible && !Z.value ? `${I.value}-focus` : void 0,
+			G.focusVisible && !Z.value && !q.value ? `${I.value}-focus-border` : void 0
+		]), pe = i(() => [`${I.value}-extra`, X.value && !U.value ? `${I.value}-cardType_extra_noChildren` : void 0]), me = i(() => Object.fromEntries(Object.entries(f).filter(([e]) => e.startsWith("data-") || e.toLowerCase().startsWith("onmouse"))));
+		function Q() {
+			let e = {
+				disabled: J.value,
+				children: U.value || void 0,
+				extra: W.value || void 0,
+				addonId: G.addonId,
+				extraId: G.extraId,
+				value: r.value
+			};
+			return B.value && (e.checked = V.value), e;
+		}
+		function he(e, t) {
+			return {
+				target: {
+					...r,
+					checked: e,
+					value: r.value
+				},
+				stopPropagation: () => t.stopPropagation(),
+				preventDefault: () => t.preventDefault(),
+				nativeEvent: { stopImmediatePropagation: () => t.stopImmediatePropagation?.() }
+			};
+		}
+		let $ = h(new ee({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => Q()[e],
+			getProps: Q,
+			getState: (e) => G[e],
+			getStates: () => G,
+			setState: (e, t) => {
+				Object.assign(G, e), t?.();
+			},
+			getCache: (e) => K.get(e),
+			getCaches: () => K,
+			setCache: (e, t) => K.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			getIsInGroup: () => H.value,
+			getGroupValue: () => T?.value.value ?? [],
+			notifyGroupChange: (e) => T?.onChange(e),
+			getGroupDisabled: () => T?.disabled.value ?? !1,
+			setNativeControlChecked: (e) => {
+				G.checked = e;
+			},
+			notifyChange: (e) => {
+				let t = e;
+				u("change", t), u("update:checked", t.target.checked), u("update:modelValue", t.target.checked);
+			},
+			setAddonId: () => {
+				G.addonId = r.addonId ?? `addon-${F}`;
+			},
+			setExtraId: () => {
+				G.extraId = r.extraId ?? `extra-${F}`;
+			},
+			setFocusVisible: (e) => {
+				G.focusVisible = e;
+			},
+			focusCheckboxEntity: () => ge(),
+			generateEvent: he
+		}));
+		function ge() {
+			P.value?.focus({ preventScroll: r.preventScroll });
+		}
+		function _e() {
+			P.value?.blur();
+		}
+		function ve(e) {
+			$.handleChange(e), (B.value || H.value) && _(() => {
+				P.value && (P.value.checked = q.value);
+			});
+		}
+		return j(V, (e) => {
+			B.value && !H.value && $.setChecked(e);
+		}), j(() => r.addonId, (e) => {
+			e !== void 0 && (G.addonId = e);
+		}), j(() => r.extraId, (e) => {
+			e !== void 0 && (G.extraId = e);
+		}), b(() => $.init()), y(() => $.destroy()), t({
+			get input() {
+				return P.value;
+			},
+			focus: ge,
+			blur: _e
+		}), (e, t) => (x(), s("span", g(me.value, {
+			id: r.id,
+			role: r.role,
+			tabindex: r.tabIndex,
+			class: ue.value,
+			style: E(f).style,
+			"aria-labelledby": r.ariaLabelledby,
+			onClick: ve,
+			onKeypress: t[2] ||= (...e) => E($).handleEnterPress && E($).handleEnterPress(...e)
+		}), [c("span", { class: v(de.value) }, [c("input", {
+			ref_key: "input",
+			ref: P,
+			type: "checkbox",
+			class: v(`${I.value}-input`),
+			checked: q.value,
+			disabled: J.value,
+			name: H.value ? E(T)?.name.value : void 0,
+			"aria-label": r.ariaLabel,
+			"aria-disabled": J.value,
+			"aria-checked": q.value,
+			"aria-labelledby": U.value ? E(G).addonId : void 0,
+			"aria-describedby": W.value ? E(G).extraId : r.ariaDescribedby,
+			"aria-invalid": se.value,
+			"aria-errormessage": r.ariaErrormessage,
+			"aria-required": ce.value,
+			onFocus: t[0] ||= (...e) => E($).handleFocusVisible && E($).handleFocusVisible(...e),
+			onBlur: t[1] ||= (...e) => E($).handleBlur && E($).handleBlur(...e)
+		}, null, 42, ie), c("span", { class: v(fe.value) }, [q.value ? (x(), a(E(N), { key: 0 })) : r.indeterminate ? (x(), a(E(M), { key: 1 })) : o("", !0)], 2)], 2), U.value || W.value ? (x(), s("div", {
+			key: 0,
+			class: v(`${I.value}-content`)
+		}, [U.value ? (x(), s("span", {
+			key: 0,
+			id: E(G).addonId,
+			class: v(`${I.value}-addon`),
+			"x-semi-prop": "children"
+		}, [C(e.$slots, "default")], 10, ae)) : o("", !0), W.value ? (x(), s("div", {
+			key: 1,
+			id: E(G).extraId,
+			class: v(pe.value),
+			"x-semi-prop": "extra"
+		}, [C(e.$slots, "extra", {}, () => [l(E(te), { content: r.extra }, null, 8, ["content"])])], 10, oe)) : o("", !0)], 2)) : o("", !0)], 16, re));
+	}
+}), I = ["horizontal", "vertical"], L = [
+	"default",
+	"card",
+	"pureCard"
+], R = u({
+	name: "CheckboxGroup",
+	inheritAttrs: !1,
+	props: {
+		ariaDescribedby: {
+			type: String,
+			default: void 0
+		},
+		ariaErrormessage: {
+			type: String,
+			default: void 0
+		},
+		ariaInvalid: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		ariaLabel: {
+			type: String,
+			default: void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			default: void 0
+		},
+		ariaRequired: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		defaultValue: {
+			type: Array,
+			default: () => []
+		},
+		direction: {
+			type: String,
+			default: "vertical",
+			validator: (e) => I.includes(e)
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		id: {
+			type: String,
+			default: void 0
+		},
+		modelValue: {
+			type: Array,
+			default: void 0
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		options: {
+			type: Array,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "default",
+			validator: (e) => L.includes(e)
+		},
+		value: {
+			type: Array,
+			default: void 0
+		}
+	},
+	emits: [
+		"change",
+		"update:value",
+		"update:modelValue"
+	],
+	setup(e, { attrs: t, emit: n, slots: a }) {
+		let o = d();
+		function s(e) {
+			let t = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = o?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		let c = i(() => s("value")), l = i(() => s("modelValue")), u = i(() => c.value || l.value), p = i(() => c.value ? e.value : e.modelValue), _ = T({ value: [...p.value ?? e.defaultValue ?? []] }), v = /* @__PURE__ */ new Map(), x = i(() => e.prefixCls ?? "semi-checkboxGroup"), C = i(() => e.type === "pureCard"), w = i(() => e.type === "card" || C.value);
+		function E() {
+			let t = {
+				defaultValue: e.defaultValue,
+				name: e.name
+			};
+			return u.value && (t.value = p.value), t;
+		}
+		let D = h(new P({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => E()[e],
+			getProps: E,
+			getState: (e) => _.value[e],
+			getStates: () => _.value,
+			setState: (e, t) => {
+				_.value = {
+					..._.value,
+					...e
+				}, t?.();
+			},
+			getCache: (e) => v.get(e),
+			getCaches: () => v,
+			setCache: (e, t) => v.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			updateGroupValue: (e) => {
+				_.value = { value: [...e] };
+			},
+			notifyChange: (e) => {
+				let t = [...e];
+				n("change", t), n("update:value", t), n("update:modelValue", t);
+			}
+		})), O = i(() => [..._.value.value]), k = i(() => e.disabled), A = i(() => e.name || "default");
+		S(ne, {
+			value: O,
+			disabled: k,
+			name: A,
+			isCardType: w,
+			isPureCardType: C,
+			onChange: (e) => D.handleChange(e)
+		}), j(p, (e) => {
+			u.value && D.handlePropValueChange(e);
+		}), b(() => D.init()), y(() => D.destroy());
+		function M(t, n) {
+			return typeof t == "string" ? f(F, {
+				key: n,
+				role: "listitem",
+				disabled: e.disabled,
+				value: t,
+				prefixCls: e.prefixCls
+			}, () => t) : f(F, {
+				key: n,
+				role: "listitem",
+				disabled: t.disabled || e.disabled,
+				value: t.value,
+				prefixCls: e.prefixCls,
+				extra: t.extra,
+				className: t.className,
+				style: t.style,
+				onChange: t.onChange
+			}, { default: () => f(te, { content: t.label }) });
+		}
+		function N() {
+			return (a.default?.() ?? []).map((e) => m(e) ? r(e, { role: "listitem" }) : e);
+		}
+		return () => {
+			let n = t.class, r = t.style, i = Object.fromEntries(Object.entries(t).filter(([e]) => e.startsWith("data-"))), a = e.options ? e.options.map(M) : N();
+			return f("div", g(i, {
+				id: e.id,
+				role: "list",
+				"aria-label": e.ariaLabel,
+				"aria-labelledby": e.ariaLabelledby,
+				"aria-describedby": e.ariaDescribedby,
+				class: [
+					x.value,
+					`${x.value}-wrapper`,
+					`${x.value}-${e.direction}`,
+					w.value ? `${x.value}-${e.direction}-cardType` : void 0,
+					C.value ? `${x.value}-${e.direction}-pureCardType` : void 0,
+					n
+				],
+				style: r
+			}), a);
+		};
+	}
+}), z = Object.assign(F, { Group: R });
+//#endregion
+export { F as a, L as i, R as n, I as r, z as t };

package/dist/collapse/Collapse.vue.d.ts

@@ -0,0 +1,140 @@
+import { PropType } from 'vue';
+import { CollapseActiveKey, CollapseIconPosition, CollapseProps, CollapseSlots } from './types';
+type __VLS_Slots = CollapseSlots;
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeKey: {
+        type: PropType<CollapseActiveKey>;
+        default: undefined;
+    };
+    defaultActiveKey: {
+        type: PropType<CollapseActiveKey>;
+        default: undefined;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    clickHeaderToExpand: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expandIcon: {
+        type: PropType<CollapseProps["expandIcon"]>;
+        default: undefined;
+    };
+    collapseIcon: {
+        type: PropType<CollapseProps["collapseIcon"]>;
+        default: undefined;
+    };
+    expandIconPosition: {
+        type: PropType<CollapseIconPosition>;
+        default: undefined;
+        validator: (value: string) => value is "left" | "right";
+    };
+    keepDOM: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    motion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<CollapseProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<CollapseProps["className"]>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<CollapseProps["style"]>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (activeKey: CollapseActiveKey, event: MouseEvent) => any;
+    "update:activeKey": (activeKey: CollapseActiveKey) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeKey: {
+        type: PropType<CollapseActiveKey>;
+        default: undefined;
+    };
+    defaultActiveKey: {
+        type: PropType<CollapseActiveKey>;
+        default: undefined;
+    };
+    accordion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    clickHeaderToExpand: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expandIcon: {
+        type: PropType<CollapseProps["expandIcon"]>;
+        default: undefined;
+    };
+    collapseIcon: {
+        type: PropType<CollapseProps["collapseIcon"]>;
+        default: undefined;
+    };
+    expandIconPosition: {
+        type: PropType<CollapseIconPosition>;
+        default: undefined;
+        validator: (value: string) => value is "left" | "right";
+    };
+    keepDOM: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    motion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<CollapseProps["class"]>;
+        default: undefined;
+    };
+    className: {
+        type: PropType<CollapseProps["className"]>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<CollapseProps["style"]>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: (activeKey: CollapseActiveKey, event: MouseEvent) => any;
+    "onUpdate:activeKey"?: (activeKey: CollapseActiveKey) => any;
+}>, {
+    className: import('vue').ClassValue;
+    style: import('vue').StyleValue;
+    class: import('vue').ClassValue;
+    motion: boolean;
+    keepDOM: boolean;
+    expandIcon: import('vue').VNodeChild;
+    lazyRender: boolean;
+    activeKey: CollapseActiveKey;
+    defaultActiveKey: CollapseActiveKey;
+    accordion: boolean;
+    clickHeaderToExpand: boolean;
+    collapseIcon: import('vue').VNodeChild;
+    expandIconPosition: "left" | "right";
+}, {}, {}, {}, 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/collapse/CollapseNodeRenderer.d.ts

@@ -0,0 +1,15 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;