@routa/ui-vue 0.1.0

package/dist/popover/Popover.vue.d.ts

@@ -0,0 +1,136 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 触发器元�?/ Trigger element */
+        default?: () => any;
+        /** 标题 / Title */
+        title?: () => any;
+        /** 内容 / Content */
+        content?: () => any;
+    }> & {
+        /** 触发器元�?/ Trigger element */
+        default?: () => any;
+        /** 标题 / Title */
+        title?: () => any;
+        /** 内容 / Content */
+        content?: () => any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+        popperRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import('vue').PropType<"click" | "hover" | "focus" | "manual">;
+        readonly default: "click";
+    };
+    readonly title: StringConstructor;
+    readonly content: StringConstructor;
+    readonly renderContent: import('vue').PropType<() => import('vue').VNodeChild>;
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 150;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popperClass: {
+        readonly type: import('vue').PropType<string | any[] | Record<string, any>>;
+        readonly default: "";
+    };
+}>, {
+    open: () => void;
+    close: (reason?: import('../../../headless/src/index.ts').OverlayCloseReason) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hide: () => void;
+    show: () => void;
+    "update:visible": (_val: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly trigger: {
+        readonly type: import('vue').PropType<"click" | "hover" | "focus" | "manual">;
+        readonly default: "click";
+    };
+    readonly title: StringConstructor;
+    readonly content: StringConstructor;
+    readonly renderContent: import('vue').PropType<() => import('vue').VNodeChild>;
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 150;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popperClass: {
+        readonly type: import('vue').PropType<string | any[] | Record<string, any>>;
+        readonly default: "";
+    };
+}>> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    "onUpdate:visible"?: ((_val: boolean) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly trigger: "hover" | "manual" | "click" | "focus";
+    readonly visible: boolean;
+    readonly width: string | number;
+    readonly showAfter: number;
+    readonly hideAfter: number;
+    readonly persistent: boolean;
+    readonly popperClass: string | any[] | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    triggerRef: HTMLSpanElement;
+    popperRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/popover/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Popover } from './Popover.vue';
+export declare const LPopover: typeof Popover & Plugin;
+export * from './types';
+export default LPopover;

package/dist/popover/index.js

@@ -0,0 +1,2 @@
+require('../style/Popover.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../chunks/Popover.vue_vue_type_script_setup_true_lang-TF9OnqB0.js"),e=o._sfc_main;e.install=p=>{p.component("LPopover",e)};exports.popoverEmits=o.popoverEmits;exports.popoverProps=o.popoverProps;exports.LPopover=e;exports.default=e;

package/dist/popover/index.mjs

@@ -0,0 +1,13 @@
+import '../style/Popover.css';
+import { _ as r } from "../chunks/Popover.vue_vue_type_script_setup_true_lang-CVWbekIQ.mjs";
+import { p as t, a as m } from "../chunks/Popover.vue_vue_type_script_setup_true_lang-CVWbekIQ.mjs";
+const o = r;
+o.install = (p) => {
+  p.component("LPopover", o);
+};
+export {
+  o as LPopover,
+  o as default,
+  t as popoverEmits,
+  m as popoverProps
+};

package/dist/popover/types.d.ts

@@ -0,0 +1,49 @@
+import { ExtractPropTypes, PropType, VNodeChild } from 'vue';
+import { Placement } from '../../../headless/src/index.ts';
+export declare const popoverProps: {
+    readonly trigger: {
+        readonly type: PropType<"click" | "hover" | "focus" | "manual">;
+        readonly default: "click";
+    };
+    readonly title: StringConstructor;
+    readonly content: StringConstructor;
+    readonly renderContent: PropType<() => VNodeChild>;
+    readonly placement: {
+        readonly type: PropType<Placement>;
+        readonly default: "bottom";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: PropType<string | number>;
+        readonly default: 150;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popperClass: {
+        readonly type: PropType<string | any[] | Record<string, any>>;
+        readonly default: "";
+    };
+};
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+export declare const popoverEmits: {
+    show: () => boolean;
+    hide: () => boolean;
+    'update:visible': (_val: boolean) => boolean;
+};

package/dist/radio/Radio.vue.d.ts

@@ -0,0 +1,30 @@
+import { RadioProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<RadioProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    border: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/radio/RadioGroup.vue.d.ts

@@ -0,0 +1,26 @@
+import { RadioGroupProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RadioGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<RadioGroupProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    vertical: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/radio/constants.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { RadioGroupContext } from './types';
+export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/dist/radio/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as Radio } from './Radio.vue';
+import { default as RadioGroup } from './RadioGroup.vue';
+export declare const LRadio: typeof Radio & Plugin;
+export declare const LRadioGroup: typeof RadioGroup & Plugin;
+export * from './types';
+export default LRadio;

package/dist/radio/index.js

@@ -0,0 +1,2 @@
+require('../style/radio.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("../chunks/manager-C0AUxQ1I.js");const d=require("../chunks/index-DWAWrVaT.js"),F=require("../chunks/use-signals-Bz1smiXh.js"),G=require("../chunks/use-form-item-CloIcyon.js"),S=require("../chunks/use-id-BycaM3-h.js");function q(e={}){const t=d.signal(typeof e.checked=="function"?e.checked():e.checked??!1),l=d.signal(typeof e.disabled=="function"?e.disabled():e.disabled??!1),r=d.signal(typeof e.name=="function"?e.name():e.name??""),s=d.signal(typeof e.value=="function"?e.value():e.value??""),n=d.signal(!1),i=d.signal(!1);return typeof e.checked=="function"&&d.effect(()=>{t.value=e.checked()}),typeof e.disabled=="function"&&d.effect(()=>{l.value=e.disabled()}),typeof e.name=="function"&&d.effect(()=>{r.value=e.name()}),typeof e.value=="function"&&d.effect(()=>{s.value=e.value()}),{state:{get checked(){return t.value},set checked(u){t.value=u},get disabled(){return l.value},set disabled(u){l.value=u},get focused(){return n.value},get hovered(){return i.value},get value(){return s.value},set value(u){s.value=u},get name(){return r.value},set name(u){r.value=u}},props:{get checked(){return t.value},get disabled(){return l.value},get name(){return r.value},type:"radio",onChange:u=>{var b;if(l.value)return;const f=u.target.checked;t.value=f,(b=e.onChange)==null||b.call(e,f)},onFocus:u=>{var o;n.value=!0,(o=e.onFocus)==null||o.call(e,u)},onBlur:u=>{var o;n.value=!1,(o=e.onBlur)==null||o.call(e,u)},onMouseEnter:()=>{i.value=!0},onMouseLeave:()=>{i.value=!1}},actions:{toggle:u=>{var o;l.value||(t.value=u,(o=e.onChange)==null||o.call(e,u))}}}}function x(e={}){const t=d.signal(typeof e.modelValue=="function"?e.modelValue():e.modelValue??null),l=d.signal(typeof e.disabled=="function"?e.disabled():e.disabled??!1),r=d.signal(typeof e.name=="function"?e.name():e.name??`l-radio-group-${Math.random().toString(36).slice(2,7)}`);return typeof e.modelValue=="function"&&d.effect(()=>{t.value=e.modelValue()}),typeof e.disabled=="function"&&d.effect(()=>{l.value=e.disabled()}),typeof e.name=="function"&&d.effect(()=>{r.value=e.name()}),{state:{get modelValue(){return t.value},set modelValue(n){t.value=n},get disabled(){return l.value},set disabled(n){l.value=n},get name(){return r.value},set name(n){r.value=n}},actions:{select:n=>{var i;l.value||(t.value=n,(i=e.onChange)==null||i.call(e,n))}}}}const N=Symbol("radioGroupKey"),D={class:"l-radio__input-wrapper"},I=["id","value","name","disabled","checked"],j={key:0,class:"l-radio__label"},K=a.defineComponent({name:"Radio",__name:"Radio",props:{modelValue:{},value:{},label:{},disabled:{type:Boolean},name:{},size:{},border:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(e,{emit:t}){const l=e,r=t,{formItem:s,size:n,disabled:i,inputId:g}=G.useFormItem(l),y=S.useId("radio"),V=(g==null?void 0:g.value)||y,u=a.inject(N,null),o=a.ref(null),f=a.computed(()=>!!u),b=a.computed(()=>f.value?u.modelValue.value:l.modelValue),k=a.computed(()=>(f.value?u.disabled.value:i.value)||l.disabled),R=a.computed(()=>(f.value?u.size:n.value)||"md"),m=a.computed(()=>(f.value?u.name.value:l.name)||""),C=a.computed(()=>l.value!==void 0?l.value:l.label),M=a.computed(()=>b.value===C.value),v=q({value:()=>C.value,checked:()=>M.value,disabled:()=>k.value,name:()=>m.value,onChange:p=>{if(p){const c=C.value;f.value?u.changeEvent(c):(r("update:modelValue",c),r("change",c),s==null||s.validate("change").catch(()=>{}))}}}),{checked:_,disabled:z,focused:L}=F.useController(v,{checked:()=>M.value,disabled:()=>k.value}),w=a.computed(()=>["l-radio",`l-radio--${R.value}`,{"is-checked":_.value,"is-disabled":z.value,"is-focused":L.value,"is-bordered":l.border}]),$=p=>{v.props.onChange(p)};return(p,c)=>(a.openBlock(),a.createElementBlock("label",{class:a.normalizeClass(w.value),onMouseenter:c[2]||(c[2]=(...h)=>a.unref(v).props.onMouseEnter&&a.unref(v).props.onMouseEnter(...h)),onMouseleave:c[3]||(c[3]=(...h)=>a.unref(v).props.onMouseLeave&&a.unref(v).props.onMouseLeave(...h))},[a.createElementVNode("span",D,[a.createElementVNode("input",{ref_key:"inputRef",ref:o,id:a.unref(V),type:"radio",class:"l-radio__original",value:e.value,name:m.value,disabled:a.unref(z),checked:a.unref(_),onChange:$,onFocus:c[0]||(c[0]=(...h)=>a.unref(v).props.onFocus&&a.unref(v).props.onFocus(...h)),onBlur:c[1]||(c[1]=(...h)=>a.unref(v).props.onBlur&&a.unref(v).props.onBlur(...h))},null,40,I),c[4]||(c[4]=a.createElementVNode("span",{class:"l-radio__inner"},null,-1))]),p.$slots.default||e.label?(a.openBlock(),a.createElementBlock("span",j,[a.renderSlot(p.$slots,"default",{},()=>[a.createTextVNode(a.toDisplayString(e.label),1)])])):a.createCommentVNode("",!0)],34))}}),T=["id","disabled"],H=a.defineComponent({name:"RadioGroup",__name:"RadioGroup",props:{modelValue:{},size:{},disabled:{type:Boolean},vertical:{type:Boolean,default:!1},name:{}},emits:["update:modelValue","change"],setup(e,{emit:t}){const l=e,r=t,{formItem:s,size:n,disabled:i,inputId:g}=G.useFormItem(l),y=S.useId("radio-group"),V=(g==null?void 0:g.value)||y,u=a.computed(()=>l.name??V),o=x({modelValue:()=>l.modelValue,disabled:()=>i.value,name:()=>u.value,onChange:m=>{r("update:modelValue",m),r("change",m),s==null||s.validate("change").catch(()=>{})}}),{modelValue:f,disabled:b,name:k}=F.useController(o,{modelValue:()=>l.modelValue,disabled:()=>i.value,name:()=>u.value});a.provide(N,{modelValue:f,disabled:b,size:n.value,name:k,changeEvent:m=>o.actions.select(m)});const R=a.computed(()=>["l-radio-group",{"l-radio-group--vertical":l.vertical}]);return(m,C)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(R.value),role:"radiogroup"},[a.createElementVNode("input",{id:a.unref(V),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:a.unref(b)},null,8,T),a.renderSlot(m.$slots,"default")],2))}}),B=K,E=H;B.install=e=>{e.component("LRadio",B)};E.install=e=>{e.component("LRadioGroup",E)};exports.LRadio=B;exports.LRadioGroup=E;exports.default=B;

package/dist/radio/index.mjs

@@ -0,0 +1,273 @@
+import '../style/radio.css';
+import { defineComponent as S, inject as A, ref as J, computed as m, openBlock as M, createElementBlock as _, unref as o, normalizeClass as $, createElementVNode as z, renderSlot as x, createTextVNode as O, toDisplayString as P, createCommentVNode as Q, provide as U } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as g, e as y } from "../chunks/index-B0yEC3RG.mjs";
+import { u as D } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as I } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as K } from "../chunks/use-id-D3casveg.mjs";
+function W(e = {}) {
+  const d = g(typeof e.checked == "function" ? e.checked() : e.checked ?? !1), a = g(typeof e.disabled == "function" ? e.disabled() : e.disabled ?? !1), n = g(typeof e.name == "function" ? e.name() : e.name ?? ""), s = g(typeof e.value == "function" ? e.value() : e.value ?? ""), u = g(!1), c = g(!1);
+  return typeof e.checked == "function" && y(() => {
+    d.value = e.checked();
+  }), typeof e.disabled == "function" && y(() => {
+    a.value = e.disabled();
+  }), typeof e.name == "function" && y(() => {
+    n.value = e.name();
+  }), typeof e.value == "function" && y(() => {
+    s.value = e.value();
+  }), {
+    state: {
+      get checked() {
+        return d.value;
+      },
+      set checked(l) {
+        d.value = l;
+      },
+      get disabled() {
+        return a.value;
+      },
+      set disabled(l) {
+        a.value = l;
+      },
+      get focused() {
+        return u.value;
+      },
+      get hovered() {
+        return c.value;
+      },
+      get value() {
+        return s.value;
+      },
+      set value(l) {
+        s.value = l;
+      },
+      get name() {
+        return n.value;
+      },
+      set name(l) {
+        n.value = l;
+      }
+    },
+    props: {
+      get checked() {
+        return d.value;
+      },
+      get disabled() {
+        return a.value;
+      },
+      get name() {
+        return n.value;
+      },
+      type: "radio",
+      onChange: (l) => {
+        var h;
+        if (a.value) return;
+        const i = l.target.checked;
+        d.value = i, (h = e.onChange) == null || h.call(e, i);
+      },
+      onFocus: (l) => {
+        var t;
+        u.value = !0, (t = e.onFocus) == null || t.call(e, l);
+      },
+      onBlur: (l) => {
+        var t;
+        u.value = !1, (t = e.onBlur) == null || t.call(e, l);
+      },
+      onMouseEnter: () => {
+        c.value = !0;
+      },
+      onMouseLeave: () => {
+        c.value = !1;
+      }
+    },
+    actions: {
+      toggle: (l) => {
+        var t;
+        a.value || (d.value = l, (t = e.onChange) == null || t.call(e, l));
+      }
+    }
+  };
+}
+function X(e = {}) {
+  const d = g(typeof e.modelValue == "function" ? e.modelValue() : e.modelValue ?? null), a = g(typeof e.disabled == "function" ? e.disabled() : e.disabled ?? !1), n = g(typeof e.name == "function" ? e.name() : e.name ?? `l-radio-group-${Math.random().toString(36).slice(2, 7)}`);
+  return typeof e.modelValue == "function" && y(() => {
+    d.value = e.modelValue();
+  }), typeof e.disabled == "function" && y(() => {
+    a.value = e.disabled();
+  }), typeof e.name == "function" && y(() => {
+    n.value = e.name();
+  }), {
+    state: {
+      get modelValue() {
+        return d.value;
+      },
+      set modelValue(u) {
+        d.value = u;
+      },
+      get disabled() {
+        return a.value;
+      },
+      set disabled(u) {
+        a.value = u;
+      },
+      get name() {
+        return n.value;
+      },
+      set name(u) {
+        n.value = u;
+      }
+    },
+    actions: {
+      select: (u) => {
+        var c;
+        a.value || (d.value = u, (c = e.onChange) == null || c.call(e, u));
+      }
+    }
+  };
+}
+const j = Symbol("radioGroupKey"), Y = { class: "l-radio__input-wrapper" }, Z = ["id", "value", "name", "disabled", "checked"], ee = {
+  key: 0,
+  class: "l-radio__label"
+}, ae = /* @__PURE__ */ S({
+  name: "Radio",
+  __name: "Radio",
+  props: {
+    modelValue: {},
+    value: {},
+    label: {},
+    disabled: { type: Boolean },
+    name: {},
+    size: {},
+    border: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: d }) {
+    const a = e, n = d, { formItem: s, size: u, disabled: c, inputId: b } = I(a), C = K("radio"), k = (b == null ? void 0 : b.value) || C, l = A(j, null), t = J(null), i = m(() => !!l), h = m(() => i.value ? l.modelValue.value : a.modelValue), B = m(() => (i.value ? l.disabled.value : c.value) || a.disabled), G = m(() => (i.value ? l.size : u.value) || "md"), f = m(() => (i.value ? l.name.value : a.name) || ""), R = m(() => a.value !== void 0 ? a.value : a.label), F = m(() => h.value === R.value), v = W({
+      value: () => R.value,
+      checked: () => F.value,
+      disabled: () => B.value,
+      name: () => f.value,
+      onChange: (V) => {
+        if (V) {
+          const r = R.value;
+          i.value ? l.changeEvent(r) : (n("update:modelValue", r), n("change", r), s == null || s.validate("change").catch(() => {
+          }));
+        }
+      }
+    }), {
+      checked: w,
+      disabled: E,
+      focused: H
+    } = D(v, {
+      checked: () => F.value,
+      disabled: () => B.value
+    }), T = m(() => [
+      "l-radio",
+      `l-radio--${G.value}`,
+      {
+        "is-checked": w.value,
+        "is-disabled": E.value,
+        "is-focused": H.value,
+        "is-bordered": a.border
+      }
+    ]), q = (V) => {
+      v.props.onChange(V);
+    };
+    return (V, r) => (M(), _("label", {
+      class: $(T.value),
+      onMouseenter: r[2] || (r[2] = //@ts-ignore
+      (...p) => o(v).props.onMouseEnter && o(v).props.onMouseEnter(...p)),
+      onMouseleave: r[3] || (r[3] = //@ts-ignore
+      (...p) => o(v).props.onMouseLeave && o(v).props.onMouseLeave(...p))
+    }, [
+      z("span", Y, [
+        z("input", {
+          ref_key: "inputRef",
+          ref: t,
+          id: o(k),
+          type: "radio",
+          class: "l-radio__original",
+          value: e.value,
+          name: f.value,
+          disabled: o(E),
+          checked: o(w),
+          onChange: q,
+          onFocus: r[0] || (r[0] = //@ts-ignore
+          (...p) => o(v).props.onFocus && o(v).props.onFocus(...p)),
+          onBlur: r[1] || (r[1] = //@ts-ignore
+          (...p) => o(v).props.onBlur && o(v).props.onBlur(...p))
+        }, null, 40, Z),
+        r[4] || (r[4] = z("span", { class: "l-radio__inner" }, null, -1))
+      ]),
+      V.$slots.default || e.label ? (M(), _("span", ee, [
+        x(V.$slots, "default", {}, () => [
+          O(P(e.label), 1)
+        ])
+      ])) : Q("", !0)
+    ], 34));
+  }
+}), le = ["id", "disabled"], ue = /* @__PURE__ */ S({
+  name: "RadioGroup",
+  __name: "RadioGroup",
+  props: {
+    modelValue: {},
+    size: {},
+    disabled: { type: Boolean },
+    vertical: { type: Boolean, default: !1 },
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: d }) {
+    const a = e, n = d, { formItem: s, size: u, disabled: c, inputId: b } = I(a), C = K("radio-group"), k = (b == null ? void 0 : b.value) || C, l = m(() => a.name ?? k), t = X({
+      modelValue: () => a.modelValue,
+      disabled: () => c.value,
+      name: () => l.value,
+      onChange: (f) => {
+        n("update:modelValue", f), n("change", f), s == null || s.validate("change").catch(() => {
+        });
+      }
+    }), { modelValue: i, disabled: h, name: B } = D(t, {
+      modelValue: () => a.modelValue,
+      disabled: () => c.value,
+      name: () => l.value
+    });
+    U(j, {
+      modelValue: i,
+      disabled: h,
+      size: u.value,
+      name: B,
+      changeEvent: (f) => t.actions.select(f)
+    });
+    const G = m(() => [
+      "l-radio-group",
+      {
+        "l-radio-group--vertical": a.vertical
+      }
+    ]);
+    return (f, R) => (M(), _("div", {
+      class: $(G.value),
+      role: "radiogroup"
+    }, [
+      z("input", {
+        id: o(k),
+        type: "text",
+        style: { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", "white-space": "nowrap", border: "0" },
+        "aria-hidden": "true",
+        tabindex: "-1",
+        disabled: o(h)
+      }, null, 8, le),
+      x(f.$slots, "default")
+    ], 2));
+  }
+}), L = ae, N = ue;
+L.install = (e) => {
+  e.component("LRadio", L);
+};
+N.install = (e) => {
+  e.component("LRadioGroup", N);
+};
+export {
+  L as LRadio,
+  N as LRadioGroup,
+  L as default
+};

package/dist/radio/types.d.ts

@@ -0,0 +1,45 @@
+import { Ref } from 'vue';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioProps {
+    /** 绑定值 | Binding value */
+    modelValue?: any;
+    /** 选项的值 | Radio value */
+    value?: any;
+    /** 标签文本 | Label text */
+    label?: string;
+    /** 是否禁用 | Whether it is disabled */
+    disabled?: boolean;
+    /** 原生 name 属性 | Native name attribute */
+    name?: string;
+    /** 尺寸 | Size */
+    size?: RadioSize;
+    /** 是否显示边框 | Whether to show border */
+    border?: boolean;
+}
+export interface RadioEmits {
+    (e: 'update:modelValue', value: any): void;
+    (e: 'change', value: any): void;
+}
+export interface RadioGroupProps {
+    /** 绑定值 | Binding value */
+    modelValue?: any;
+    /** 尺寸 (应用于所有子 Radio) | Size (applied to all child Radios) */
+    size?: RadioSize;
+    /** 是否禁用 (应用于所有子 Radio) | Disabled (applied to all child Radios) */
+    disabled?: boolean;
+    /** 排列方向 | Direction */
+    vertical?: boolean;
+    /** 原生 name 属性 | Native name attribute */
+    name?: string;
+}
+export interface RadioGroupEmits {
+    (e: 'update:modelValue', value: any): void;
+    (e: 'change', value: any): void;
+}
+export interface RadioGroupContext {
+    modelValue: Ref<any>;
+    disabled: Ref<boolean>;
+    size: RadioSize | undefined;
+    name: Ref<string>;
+    changeEvent: (val: any) => void;
+}