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

package/dist/steps-6p04q-Lz.js

@@ -0,0 +1,303 @@
+import { n as e, t } from "./grid-Cn2uBhRd.js";
+import { Comment as n, Fragment as r, Text as i, cloneVNode as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as m, inject as h, isVNode as g, mergeProps as _, normalizeClass as v, normalizeStyle as y, openBlock as b, provide as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useAttrs as E, useSlots as D, withCtx as O } from "vue";
+import { IconAlertCircle as k, IconAlertTriangle as A, IconChevronRight as j, IconTickCircle as M } from "@aifuxi/semi-icons-vue";
+//#region src/steps/StepsNodeRenderer.ts
+var N = p({
+	name: "StepsNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => g(e.content) ? a(e.content) : e.content
+}), P = Symbol("semi-steps-context"), F = ["aria-label", "role"], I = ["title"], L = ["title"], R = "semi-steps-item", z = /* @__PURE__ */ p({
+	name: "Step",
+	inheritAttrs: !1,
+	__name: "Step",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		done: {
+			type: Boolean,
+			default: !1
+		},
+		index: {},
+		onStepChange: {},
+		size: { default: "" },
+		stepNumber: {},
+		total: {},
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: {},
+		description: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		role: {},
+		status: { default: "wait" },
+		style: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] }
+	},
+	emits: ["click", "keyDown"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = E(), p = D(), y = m(), x = h(P, { type: o(() => "fill") });
+		function S(e) {
+			let t = y?.vnode.props, n = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(t && (Object.prototype.hasOwnProperty.call(t, e) || Object.prototype.hasOwnProperty.call(t, n)));
+		}
+		let C = o(() => p.title?.() ?? n.title), O = o(() => p.description?.() ?? n.description), z = o(() => !!p.icon || S("icon")), B = o(() => p.icon?.() ?? n.icon), V = o(() => z.value ? p.icon ? (p.icon() ?? []).length > 0 : x.type.value === "basic" ? g(n.icon) : !!n.icon : !1), H = o(() => !!(n.onStepChange || y?.vnode.props?.onClick)), U = o(() => n.status), W = o(() => x.type.value === "nav" ? [
+			R,
+			n.active ? `${R}-active` : void 0,
+			n.class,
+			n.className,
+			a.class
+		] : x.type.value === "basic" ? [
+			R,
+			`${R}-${U.value}`,
+			n.active ? `${R}-active` : void 0,
+			n.done ? `${R}-done` : void 0,
+			H.value ? `${R}-hover` : void 0,
+			H.value ? `${R}-clickable` : void 0,
+			H.value ? `${R}-${U.value}-hover` : void 0,
+			n.class,
+			n.className,
+			a.class
+		] : [
+			R,
+			`${R}-${U.value}`,
+			H.value ? `${R}-${U.value}-hover` : void 0,
+			H.value ? `${R}-${U.value}-active` : void 0,
+			H.value ? `${R}-clickable` : void 0,
+			n.class,
+			n.className,
+			a.class
+		]), G = o(() => Object.fromEntries(Object.entries(a).filter(([e]) => e.startsWith("data-")))), K = o(() => n.ariaLabel ?? a["aria-label"]), q = o(() => {
+			if (!z.value) {
+				if (U.value === "error") return "error";
+				if (U.value === "finish") return "finish";
+				if (U.value === "warning") return "warning";
+				if (U.value === "wait" || U.value === "process") return "number";
+			}
+		}), J = o(() => x.type.value === "basic" && n.size === "small" ? "large" : "extra-large");
+		function Y(e) {
+			i("click", e), n.onStepChange?.();
+		}
+		function X(e) {
+			e.key === "Enter" && (i("keyDown", e), n.onStepChange?.());
+		}
+		return (t, n) => (b(), l("div", _(G.value, {
+			"aria-current": "step",
+			"aria-label": K.value,
+			class: W.value,
+			role: e.role,
+			style: [e.style, T(a).style],
+			tabindex: "0",
+			onClick: Y,
+			onKeydown: X
+		}), [T(x).type.value === "fill" ? (b(), l(r, { key: 0 }, [V.value || q.value ? (b(), l("div", {
+			key: 0,
+			class: v([
+				`${R}-left`,
+				z.value ? `${R}-icon` : `${R}-plain`,
+				U.value === "process" && !z.value ? `${R}-icon-process` : void 0,
+				H.value ? `${R}-hover` : void 0
+			])
+		}, [z.value ? (b(), s(T(N), {
+			key: 0,
+			content: B.value
+		}, null, 8, ["content"])) : q.value === "error" ? (b(), s(T(k), {
+			key: 1,
+			size: "extra-large"
+		})) : q.value === "finish" ? (b(), s(T(M), {
+			key: 2,
+			size: "extra-large"
+		})) : q.value === "warning" ? (b(), s(T(A), {
+			key: 3,
+			size: "extra-large"
+		})) : (b(), l(r, { key: 4 }, [d(w(e.stepNumber), 1)], 64))], 2)) : c("", !0), u("div", { class: v(`${R}-content`) }, [u("div", {
+			class: v(`${R}-title`),
+			title: typeof C.value == "string" ? C.value : void 0
+		}, [u("span", { class: v(`${R}-title-text`) }, [f(T(N), { content: C.value }, null, 8, ["content"])], 2)], 10, I), u("div", {
+			class: v(`${R}-description`),
+			title: typeof O.value == "string" ? O.value : void 0
+		}, [f(T(N), { content: O.value }, null, 8, ["content"])], 10, L)], 2)], 64)) : T(x).type.value === "basic" ? (b(), l("div", {
+			key: 1,
+			class: v(`${R}-container`)
+		}, [u("div", { class: v(`${R}-left`) }, [V.value || q.value ? (b(), l("span", {
+			key: 0,
+			class: v([
+				`${R}-icon`,
+				z.value ? `${R}-custom-icon` : void 0,
+				U.value === "process" && !z.value ? `${R}-icon-process` : void 0
+			])
+		}, [z.value ? (b(), s(T(N), {
+			key: 0,
+			content: B.value
+		}, null, 8, ["content"])) : q.value === "error" ? (b(), s(T(k), {
+			key: 1,
+			size: J.value
+		}, null, 8, ["size"])) : q.value === "finish" ? (b(), s(T(M), {
+			key: 2,
+			size: J.value
+		}, null, 8, ["size"])) : q.value === "warning" ? (b(), s(T(A), {
+			key: 3,
+			size: J.value
+		}, null, 8, ["size"])) : (b(), l("span", {
+			key: 4,
+			class: v(`${R}-number-icon`)
+		}, w(e.stepNumber), 3))], 2)) : c("", !0)], 2), u("div", { class: v(`${R}-content`) }, [u("div", { class: v(`${R}-title`) }, [u("div", { class: v([`${R}-title-text`, C.value ? void 0 : `${R}-title-text-empty`]) }, [f(T(N), { content: C.value }, null, 8, ["content"])], 2)], 2), O.value ? (b(), l("div", {
+			key: 0,
+			class: v(`${R}-description`)
+		}, [f(T(N), { content: O.value }, null, 8, ["content"])], 2)) : c("", !0)], 2)], 2)) : (b(), l("div", {
+			key: 2,
+			class: v(`${R}-container`)
+		}, [u("div", { class: v(`${R}-content`) }, [u("div", { class: v(`${R}-title`) }, [f(T(N), { content: C.value }, null, 8, ["content"])], 2)], 2), e.index === e.total - 1 ? c("", !0) : (b(), l("div", {
+			key: 0,
+			class: v(`${R}-icon`)
+		}, [f(T(j), { size: "small" })], 2))], 2))], 16, F));
+	}
+}), B = ["aria-label"], V = /* @__PURE__ */ p({
+	name: "Steps",
+	inheritAttrs: !1,
+	__name: "Steps",
+	props: {
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: {},
+		current: { default: 0 },
+		direction: { default: "horizontal" },
+		hasLine: {
+			type: Boolean,
+			default: !0
+		},
+		initial: { default: 0 },
+		prefixCls: { default: "semi-steps" },
+		size: { default: "default" },
+		status: { default: "process" },
+		style: {},
+		type: { default: "fill" }
+	},
+	emits: ["change"],
+	setup(c, { emit: u }) {
+		let d = c, f = u, p = E(), m = D(), h = o(() => d.type);
+		x(P, { type: h });
+		function v(e) {
+			let t = [], a = (e) => {
+				if (Array.isArray(e)) {
+					e.forEach(a);
+					return;
+				}
+				if (!(!g(e) || e.type === n)) {
+					if (e.type === r && Array.isArray(e.children)) {
+						e.children.forEach((e) => a(e));
+						return;
+					}
+					(e.type !== i || String(e.children ?? "").trim() !== "") && t.push(e);
+				}
+			};
+			return e.forEach(a), t;
+		}
+		function w(e, t) {
+			let n = t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+			return !!(e.props && (Object.prototype.hasOwnProperty.call(e.props, t) || Object.prototype.hasOwnProperty.call(e.props, n)));
+		}
+		let k = o(() => v(m.default?.() ?? []));
+		function A(e, t) {
+			if (d.type === "nav") return "wait";
+			if (w(e, "status")) return e.props?.status;
+			let n = d.initial + t;
+			return n === d.current ? d.status : n < d.current ? "finish" : "wait";
+		}
+		function j(e, t) {
+			let n = d.initial + t, r = {
+				...d.type === "nav" ? {
+					active: t === d.current,
+					index: t,
+					total: k.value.length
+				} : {
+					status: A(e, t),
+					stepNumber: `${n + 1}`
+				},
+				...d.type === "basic" ? {
+					active: n === d.current,
+					done: n < d.current,
+					size: d.size === "default" ? "" : d.size
+				} : {}
+			};
+			return t !== d.current && (r.onStepChange = () => f("change", t + d.initial)), d.status === "error" && t === d.current - 1 && (r.className = `${d.prefixCls}-next-error`), r;
+		}
+		let M = o(() => k.value.map((e, t) => a(e, j(e, t)))), N = o(() => d.direction === "vertical" || M.value.length === 0 ? void 0 : { width: `${100 / M.value.length}%` }), F = o(() => d.type === "fill" ? [
+			d.prefixCls,
+			`${d.prefixCls}-${d.direction}`,
+			d.class,
+			d.className,
+			p.class
+		] : d.type === "basic" ? [
+			`${d.prefixCls}-basic`,
+			`${d.prefixCls}-${d.direction}`,
+			d.size === "default" ? void 0 : `${d.prefixCls}-${d.size}`,
+			d.hasLine ? `${d.prefixCls}-hasline` : void 0,
+			d.class,
+			d.className,
+			p.class
+		] : [
+			`${d.prefixCls}-nav`,
+			d.size === "default" ? void 0 : `${d.prefixCls}-${d.size}`,
+			d.class,
+			d.className,
+			p.class
+		]), I = o(() => Object.fromEntries(Object.entries(p).filter(([e]) => e.startsWith("data-")))), L = o(() => d.ariaLabel ?? p["aria-label"]);
+		return (n, i) => (b(), l("div", _(I.value, {
+			"aria-label": L.value,
+			class: F.value,
+			style: [d.style, T(p).style]
+		}), [c.type === "fill" ? (b(), s(T(t), {
+			key: 0,
+			type: "flex",
+			justify: "start"
+		}, {
+			default: O(() => [(b(!0), l(r, null, S(M.value, (t, n) => (b(), s(T(e), {
+				key: t.key ?? n,
+				style: y(N.value)
+			}, {
+				default: O(() => [(b(), s(C(t)))]),
+				_: 2
+			}, 1032, ["style"]))), 128))]),
+			_: 1
+		})) : (b(!0), l(r, { key: 1 }, S(M.value, (e, t) => (b(), s(C(e), { key: e.key ?? t }))), 128))], 16, B));
+	}
+}), H = z, U = Object.assign(V, { Step: H });
+//#endregion
+export { U as n, H as t };

package/dist/switch/Switch.vue.d.ts

@@ -0,0 +1,27 @@
+import { SwitchProps, SwitchSlots } from './types';
+type __VLS_Slots = SwitchSlots;
+declare const __VLS_base: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (checked: boolean, event: Event) => any;
+    "update:modelValue": (checked: boolean) => any;
+    "update:checked": (checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
+    onChange?: (checked: boolean, event: Event) => any;
+    "onUpdate:modelValue"?: (checked: boolean) => any;
+    "onUpdate:checked"?: (checked: boolean) => any;
+}>, {
+    disabled: boolean;
+    size: import('./types').SwitchSize;
+    modelValue: boolean | undefined;
+    ariaInvalid: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    loading: boolean;
+    checked: boolean | undefined;
+    defaultChecked: boolean | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/switch/SwitchNodeRenderer.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;

package/dist/switch/SwitchSpin.vue.d.ts

@@ -0,0 +1,7 @@
+import { SwitchSize } from './types';
+type __VLS_Props = {
+    size: SwitchSize;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/switch/index.d.ts

@@ -0,0 +1,7 @@
+import { DefineComponent } from 'vue';
+import { SwitchProps } from './types';
+export type SwitchComponent = DefineComponent<SwitchProps>;
+export declare const Switch: SwitchComponent;
+export { SWITCH_SIZES } from './types';
+export type { SwitchEmits, SwitchProps, SwitchSize, SwitchSlots } from './types';
+export default Switch;

package/dist/switch/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../switch-Dte2Fl3l.js";
+export { e as SWITCH_SIZES, t as Switch, t as default };

package/dist/switch/types.d.ts

@@ -0,0 +1,28 @@
+import { VNodeChild } from 'vue';
+export declare const SWITCH_SIZES: readonly ["large", "default", "small"];
+export type SwitchSize = (typeof SWITCH_SIZES)[number];
+export interface SwitchProps {
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    ariaErrormessage?: string;
+    ariaInvalid?: boolean | 'false' | 'true' | 'grammar' | 'spelling' | undefined;
+    ariaLabelledby?: string;
+    checked?: boolean | undefined;
+    modelValue?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: SwitchSize;
+    checkedText?: VNodeChild;
+    uncheckedText?: VNodeChild;
+    id?: string;
+}
+export interface SwitchEmits {
+    change: [checked: boolean, event: Event];
+    'update:checked': [checked: boolean];
+    'update:modelValue': [checked: boolean];
+}
+export interface SwitchSlots {
+    checkedText?: () => VNodeChild;
+    uncheckedText?: () => VNodeChild;
+}

package/dist/switch-Dte2Fl3l.js

@@ -0,0 +1,284 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./warning-naSiE8G7.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, markRaw as l, mergeProps as u, nextTick as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, renderSlot as g, shallowReactive as _, unref as v, useAttrs as y, useId as b, useSlots as x, useTemplateRef as S, watch as C } from "vue";
+//#region bundled-foundation
+var w = class extends e {
+	constructor(e) {
+		super({ ...e }), this.handleFocusVisible = (e) => {
+			let { target: n } = e;
+			try {
+				n.matches(":focus-visible") && this._adapter.setFocusVisible(!0);
+			} catch {
+				t(!0, "Warning: [Semi Switch] The current browser does not support the focus-visible");
+			}
+		}, this.handleBlur = () => {
+			this._adapter.setFocusVisible(!1);
+		};
+	}
+	init() {
+		let { disabled: e } = this.getProps();
+		this.setDisabled(e);
+	}
+	setChecked(e) {
+		this._adapter.setNativeControlChecked(e);
+	}
+	setDisabled(e) {
+		this._adapter.setNativeControlDisabled(e);
+	}
+	handleChange(e, t) {
+		this.getProps().checked === void 0 && this._adapter.setNativeControlChecked(e), this._adapter.notifyChange(e, t);
+	}
+	destroy() {}
+}, T = { class: "semi-spin-wrapper" }, E = {
+	width: "48",
+	height: "48",
+	viewBox: "0 0 36 36",
+	version: "1.1",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	"data-icon": "spin"
+}, D = {
+	stroke: "none",
+	"stroke-width": "1",
+	fill: "none",
+	"fill-rule": "evenodd"
+}, O = ["stroke"], k = /* @__PURE__ */ c({
+	name: "SwitchSpin",
+	__name: "SwitchSpin",
+	props: { size: {} },
+	setup(e) {
+		let t = e, n = `linearGradient-semi-switch-spin-${b()}`, r = t.size === "default" ? "middle" : t.size;
+		return (e, t) => (h(), a("div", { class: f([
+			"semi-switch-loading-spin",
+			"semi-spin",
+			`semi-spin-${v(r)}`
+		]) }, [o("div", T, [(h(), a("svg", E, [o("defs", null, [o("linearGradient", {
+			id: n,
+			x1: "0%",
+			y1: "100%",
+			x2: "100%",
+			y2: "100%"
+		}, [...t[0] ||= [
+			o("stop", {
+				"stop-color": "currentColor",
+				"stop-opacity": "0",
+				offset: "0%"
+			}, null, -1),
+			o("stop", {
+				"stop-color": "currentColor",
+				"stop-opacity": "0.50",
+				offset: "39.9430698%"
+			}, null, -1),
+			o("stop", {
+				"stop-color": "currentColor",
+				offset: "100%"
+			}, null, -1)
+		]])]), o("g", D, [t[1] ||= o("rect", {
+			"fill-opacity": "0.01",
+			fill: "none",
+			x: "0",
+			y: "0",
+			width: "36",
+			height: "36"
+		}, null, -1), o("path", {
+			d: "M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951",
+			stroke: `url(#${n})`,
+			"stroke-width": "4",
+			"stroke-linecap": "round"
+		}, null, 8, O)])]))]), t[2] ||= o("div", {
+			class: "semi-spin-children",
+			"x-semi-prop": "children"
+		}, null, -1)], 2));
+	}
+}), A = c({
+	name: "SwitchNodeRenderer",
+	props: { content: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Array,
+			Object
+		],
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), j = [
+	"id",
+	"disabled",
+	"checked",
+	"aria-checked",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-disabled"
+], M = "semi-switch", N = /* @__PURE__ */ c({
+	name: "Switch",
+	inheritAttrs: !1,
+	__name: "Switch",
+	props: {
+		ariaLabel: {},
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		ariaLabelledby: {},
+		checked: {
+			type: Boolean,
+			default: void 0
+		},
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultChecked: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		checkedText: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		uncheckedText: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		id: {}
+	},
+	emits: [
+		"change",
+		"update:checked",
+		"update:modelValue"
+	],
+	setup(e, { emit: t }) {
+		let c = e, b = t, T = y(), E = x(), D = S("nativeControl"), O = n(() => c.checked ?? c.modelValue), N = n(() => c.checked !== void 0 || c.modelValue !== void 0), P = _({
+			nativeControlChecked: O.value ?? c.defaultChecked ?? !1,
+			nativeControlDisabled: !1,
+			focusVisible: !1
+		}), F = /* @__PURE__ */ new Map();
+		function I() {
+			return {
+				checked: N.value ? O.value : void 0,
+				disabled: c.disabled
+			};
+		}
+		let L = l(new w({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => I()[e],
+			getProps: I,
+			getState: (e) => P[e],
+			getStates: () => P,
+			setState: (e, t) => {
+				Object.assign(P, e), t?.();
+			},
+			getCache: (e) => F.get(e),
+			getCaches: () => F,
+			setCache: (e, t) => F.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			setNativeControlChecked: (e) => {
+				P.nativeControlChecked = e ?? !1;
+			},
+			setNativeControlDisabled: (e) => {
+				P.nativeControlDisabled = e ?? !1;
+			},
+			setFocusVisible: (e) => {
+				P.focusVisible = e;
+			},
+			notifyChange: (e, t) => {
+				b("change", e, t), b("update:checked", e), b("update:modelValue", e);
+			}
+		})), R = n(() => Object.fromEntries(Object.entries(T).filter(([e]) => e !== "class" && e !== "style" && (e.startsWith("data-") || e.startsWith("onMouse"))))), z = n(() => [
+			T.class,
+			M,
+			P.nativeControlChecked ? `${M}-checked` : void 0,
+			P.nativeControlDisabled ? `${M}-disabled` : void 0,
+			c.size === "large" ? `${M}-large` : void 0,
+			c.size === "small" ? `${M}-small` : void 0,
+			c.loading ? `${M}-loading` : void 0,
+			P.focusVisible ? `${M}-focus` : void 0
+		]), B = n(() => c.size !== "small" && P.nativeControlChecked && (E.checkedText !== void 0 || !!c.checkedText)), V = n(() => c.size !== "small" && !P.nativeControlChecked && (E.uncheckedText !== void 0 || !!c.uncheckedText));
+		function H(e) {
+			let t = e.currentTarget.checked;
+			L.handleChange(t, e), N.value && d(() => {
+				D.value && (D.value.checked = O.value ?? !1);
+			});
+		}
+		return C(O, (e) => {
+			N.value && L.setChecked(e);
+		}), C(() => c.disabled, (e) => L.setDisabled(e)), m(() => L.init()), p(() => L.destroy()), (e, t) => (h(), a("div", u(R.value, {
+			class: z.value,
+			style: v(T).style
+		}), [
+			c.loading ? (h(), r(k, {
+				key: 0,
+				size: c.size
+			}, null, 8, ["size"])) : (h(), a("div", {
+				key: 1,
+				class: f(`${M}-knob`),
+				"aria-hidden": "true"
+			}, null, 2)),
+			B.value ? (h(), a("div", {
+				key: 2,
+				class: f(`${M}-checked-text`),
+				"x-semi-prop": "checkedText"
+			}, [g(e.$slots, "checkedText", {}, () => [s(v(A), { content: c.checkedText }, null, 8, ["content"])])], 2)) : i("", !0),
+			V.value ? (h(), a("div", {
+				key: 3,
+				class: f(`${M}-unchecked-text`),
+				"x-semi-prop": "uncheckedText"
+			}, [g(e.$slots, "uncheckedText", {}, () => [s(v(A), { content: c.uncheckedText }, null, 8, ["content"])])], 2)) : i("", !0),
+			o("input", {
+				id: c.id,
+				ref_key: "nativeControl",
+				ref: D,
+				type: "checkbox",
+				class: f(`${M}-native-control`),
+				disabled: v(P).nativeControlDisabled || c.loading,
+				checked: v(P).nativeControlChecked,
+				role: "switch",
+				"aria-checked": v(P).nativeControlChecked,
+				"aria-invalid": c.ariaInvalid,
+				"aria-errormessage": c.ariaErrormessage,
+				"aria-label": c.ariaLabel,
+				"aria-labelledby": c.ariaLabelledby,
+				"aria-describedby": c.ariaDescribedby,
+				"aria-disabled": c.disabled,
+				onChange: H,
+				onFocus: t[0] ||= (...e) => v(L).handleFocusVisible && v(L).handleFocusVisible(...e),
+				onBlur: t[1] ||= (...e) => v(L).handleBlur && v(L).handleBlur(...e)
+			}, null, 42, j)
+		], 16));
+	}
+}), P = [
+	"large",
+	"default",
+	"small"
+], F = N;
+//#endregion
+export { P as n, F as t };