@vunk/form 2.18.2 → 2.19.1

package/components/radio/index.cjs

@@ -1,267 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var formItem = require('@vunk/form/components/form-item');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var elementPlus = require('element-plus');
-var elementPlus$1 = require('@vunk/form/shared/element-plus');
-var utilsObject = require('@vunk/core/shared/utils-object');
-var composables = require('@vunk/form/composables');
-var object = require('@vunk/shared/object');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  ...elementPlus.radioGroupProps,
-  options: {
-    type: Array,
-    default: () => []
-  },
-  /**
-   * @description Radio 组件的风格类型 
-   */
-  type: {
-    type: String,
-    default: "radio"
-  },
-  modelValue: {
-    type: [String, Number]
-  },
-  slots: null
-};
-const emits = {
-  ...elementPlus.radioGroupEmits
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "option",
-  props: {
-    type: {
-      type: String,
-      default: "radio"
-    },
-    item: {
-      type: Object,
-      required: true
-    },
-    modelValue: null
-  },
-  emits: [
-    "update:modelValue"
-  ],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const coreProps = vue.computed(() => {
-      const obj = object.pickObject(props.item, {
-        excludes: ["label", "value"]
-      });
-      if (elementPlus$1.isGte2_6_0) {
-        obj.value = props.item.value;
-      } else {
-        obj.label = props.item.value;
-      }
-      return obj;
-    });
-    const __returned__ = { props, coreProps, get ElCard() {
-      return elementPlus.ElCard;
-    }, get ElRadioButton() {
-      return elementPlus.ElRadioButton;
-    }, get ElRadio() {
-      return elementPlus.ElRadio;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = { class: "vkf-radio-option-card__content" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.type === "button" ? (vue.openBlock(), vue.createBlock(
-    $setup["ElRadioButton"],
-    vue.normalizeProps(vue.mergeProps({ key: 0 }, $setup.coreProps)),
-    {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps($props.item)), () => [
-          vue.createTextVNode(
-            vue.toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  )) : $props.type === "card" ? (vue.openBlock(), vue.createBlock($setup["ElCard"], {
-    key: 1,
-    shadow: "hover",
-    class: vue.normalizeClass(["vkf-radio-option-card", { "is-checked": $props.modelValue === $props.item.value }]),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $props.item.value))
-  }, {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps($props.item)), () => [
-          vue.createTextVNode(
-            vue.toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
-        ])
-      ]),
-      vue.createVNode(
-        $setup["ElRadio"],
-        vue.mergeProps($setup.coreProps, { border: false }),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(
-    $setup["ElRadio"],
-    vue.normalizeProps(vue.mergeProps({ key: 2 }, $setup.coreProps)),
-    {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps($props.item)), () => [
-          vue.createTextVNode(
-            vue.toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  ));
-}
-var OptionView = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/option.vue"]]);
-
-var _sfc_main$1 = vue.defineComponent({
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    ElRadioGroup: elementPlus.ElRadioGroup,
-    OptionView
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = elementPlus$1.createRadioGroupBindProps(props2, ["disabled"]);
-    const coreOnEmits = elementPlus$1.createRadioGroupOnEmits(emit);
-    const options = vue.computed(() => {
-      return props2.options.filter((item) => item.value !== void 0 && item.value !== null);
-    });
-    const readonly = composables.useComputedReadonly(props2);
-    const pickRadioProps = (item) => {
-      const obj = utilsObject.pickObject(item, {
-        excludes: ["label", "value"]
-      });
-      if (elementPlus$1.isGte2_6_0) {
-        obj.value = item.value;
-      } else {
-        obj.label = item.value;
-      }
-      return obj;
-    };
-    return {
-      formItemBindProps,
-      coreBindProps,
-      coreOnEmits,
-      options,
-      readonly,
-      pickRadioProps
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OptionView = vue.resolveComponent("OptionView");
-  const _component_ElRadioGroup = vue.resolveComponent("ElRadioGroup");
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  return vue.openBlock(), vue.createBlock(
-    _component_VkfFormItem,
-    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: vue.withCtx(() => [
-        vue.createVNode(_component_ElRadioGroup, vue.mergeProps({
-          class: {
-            "is-readonly": _ctx.readonly
-          }
-        }, _ctx.coreBindProps, {
-          disabled: _ctx.readonly || _ctx.disabled
-        }, vue.toHandlers(_ctx.coreOnEmits)), {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(_ctx.options, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_component_OptionView, {
-                  key: `${item.value || item.label || index}`,
-                  type: _ctx.type,
-                  item,
-                  "model-value": _ctx.modelValue,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-                }, {
-                  option: vue.withCtx((optionProps) => [
-                    vue.renderSlot(_ctx.$slots, "option", vue.mergeProps({ ref_for: true }, optionProps))
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["type", "item", "model-value"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class", "disabled"])
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var Core = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/index.vue"]]);
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfRadio",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => vue.h(Core, {
-      ...props2,
-      ...utilsVue.vOn(coreEmits)
-    }, {
-      ...props2.slots,
-      ...slots
-    });
-  }
-});
-
-var VkfRadio = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/wraper.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfRadio.install = (app) => {
-  app.component(VkfRadio.name || "VkfRadio", VkfRadio);
-};
-
-exports.VkfRadio = VkfRadio;
-exports.__VkfRadio = types;
-exports.default = VkfRadio;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vunk/form/components/form-item"),y=require("@vunk/core/shared/utils-vue"),i=require("element-plus"),u=require("@vunk/form/shared/element-plus"),V=require("@vunk/core/shared/utils-object"),g=require("@vunk/form/composables"),B=require("@vunk/shared/object"),C=require("../_plugin-vue_export-helper.cjs"),k={...p._VkfFormItemCtx.props,...i.radioGroupProps,options:{type:Array,default:()=>[]},type:{type:String,default:"radio"},modelValue:{type:[String,Number]},slots:null},f={...i.radioGroupEmits},R=y.onEmitsFactory(f),E={class:"vkf-radio-option-card__content"},O=e.defineComponent({__name:"option",props:{type:{type:String,default:"radio"},item:{type:Object,required:!0},modelValue:null},emits:["update:modelValue"],setup(o){const r=o,l=e.computed(()=>{const t=B.pickObject(r.item,{excludes:["label","value"]});return u.isGte2_6_0?t.value=r.item.value:t.label=r.item.value,t});return(t,s)=>o.type==="button"?(e.openBlock(),e.createBlock(e.unref(i.ElRadioButton),e.normalizeProps(e.mergeProps({key:0},l.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"option",e.normalizeProps(e.guardReactiveProps(o.item)),()=>[e.createTextVNode(e.toDisplayString(o.item.label??o.item.value),1)])]),_:3},16)):o.type==="card"?(e.openBlock(),e.createBlock(e.unref(i.ElCard),{key:1,shadow:"hover",class:e.normalizeClass(["vkf-radio-option-card",{"is-checked":o.modelValue===o.item.value}]),onClick:s[0]||(s[0]=d=>t.$emit("update:modelValue",o.item.value))},{default:e.withCtx(()=>[e.createElementVNode("div",E,[e.renderSlot(t.$slots,"option",e.normalizeProps(e.guardReactiveProps(o.item)),()=>[e.createTextVNode(e.toDisplayString(o.item.label??o.item.value),1)])]),e.createVNode(e.unref(i.ElRadio),e.mergeProps(l.value,{border:!1}),null,16)]),_:3},8,["class"])):(e.openBlock(),e.createBlock(e.unref(i.ElRadio),e.normalizeProps(e.mergeProps({key:2},l.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"option",e.normalizeProps(e.guardReactiveProps(o.item)),()=>[e.createTextVNode(e.toDisplayString(o.item.label??o.item.value),1)])]),_:3},16))}}),$=e.defineComponent({components:{VkfFormItem:p.VkfFormItem,ElRadioGroup:i.ElRadioGroup,OptionView:O},props:k,emits:f,setup(o,{emit:r}){const l=p._VkfFormItemCtx.createBindProps(o),t=u.createRadioGroupBindProps(o,["disabled","type"]),s=u.createRadioGroupOnEmits(r),d=e.computed(()=>o.options.filter(n=>n.value!==void 0&&n.value!==null)),c=g.useComputedReadonly(o);return{formItemBindProps:l,coreBindProps:t,coreOnEmits:s,options:d,readonly:c,pickRadioProps:n=>{const a=V.pickObject(n,{excludes:["label","value"]});return u.isGte2_6_0?a.value=n.value:a.label=n.value,a}}}});function S(o,r,l,t,s,d){const c=e.resolveComponent("OptionView"),v=e.resolveComponent("ElRadioGroup"),n=e.resolveComponent("VkfFormItem");return e.openBlock(),e.createBlock(n,e.normalizeProps(e.guardReactiveProps(o.formItemBindProps)),{default:e.withCtx(()=>[e.createVNode(v,e.mergeProps({class:{"is-readonly":o.readonly}},o.coreBindProps,{disabled:o.readonly||o.disabled,type:o.type==="card"?"button":o.type},e.toHandlers(o.coreOnEmits)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(a,P)=>(e.openBlock(),e.createBlock(c,{key:`${a.value||a.label||P}`,type:o.type,item:a,"model-value":o.modelValue,"onUpdate:modelValue":r[0]||(r[0]=m=>o.$emit("update:modelValue",m))},{option:e.withCtx(m=>[e.renderSlot(o.$slots,"option",e.mergeProps({ref_for:!0},m))]),_:3},8,["type","item","model-value"]))),128))]),_:3},16,["class","disabled","type"])]),_:3},16)}const j=C._export_sfc($,[["render",S]]),b=e.defineComponent({name:"VkfRadio",props:k,emits:f,setup(o,{emit:r,slots:l}){const t=R(r);return()=>e.h(j,{...o,...y.vOn(t)},{...o.slots,...l})}}),q=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfRadio=b;exports.__VkfRadio=q;exports.default=b;

package/components/radio/index.mjs

@@ -1,16 +1,15 @@
-import { defineComponent, computed, openBlock, createBlock, normalizeProps, mergeProps, withCtx, renderSlot, guardReactiveProps, createTextVNode, toDisplayString, normalizeClass, createElementVNode, createVNode, resolveComponent, toHandlers, createElementBlock, Fragment, renderList, h } from 'vue';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { onEmitsFactory, vOn } from '@vunk/core/shared/utils-vue';
-import { radioGroupProps, radioGroupEmits, ElCard, ElRadioButton, ElRadio, ElRadioGroup } from 'element-plus';
-import { isGte2_6_0, createRadioGroupBindProps, createRadioGroupOnEmits } from '@vunk/form/shared/element-plus';
-import { pickObject as pickObject$1 } from '@vunk/core/shared/utils-object';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { pickObject } from '@vunk/shared/object';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...radioGroupProps,
+import { defineComponent as $, computed as B, openBlock as i, createBlock as u, unref as p, normalizeProps as n, mergeProps as m, withCtx as s, renderSlot as c, guardReactiveProps as f, createTextVNode as k, toDisplayString as V, normalizeClass as F, createElementVNode as I, createVNode as g, resolveComponent as E, toHandlers as w, createElementBlock as h, Fragment as N, renderList as z, h as T } from "vue";
+import { _VkfFormItemCtx as C, VkfFormItem as q } from "@vunk/form/components/form-item";
+import { onEmitsFactory as A, vOn as D } from "@vunk/core/shared/utils-vue";
+import { radioGroupProps as H, radioGroupEmits as L, ElRadioButton as M, ElCard as U, ElRadio as R, ElRadioGroup as J } from "element-plus";
+import { isGte2_6_0 as j, createRadioGroupBindProps as K, createRadioGroupOnEmits as Q } from "@vunk/form/shared/element-plus";
+import { pickObject as W } from "@vunk/core/shared/utils-object";
+import { useComputedReadonly as X } from "@vunk/form/composables";
+import { pickObject as Y } from "@vunk/shared/object";
+import { _ as Z } from "../_plugin-vue_export-helper.cjs";
+const G = {
+  ...C.props,
+  ...H,
   options: {
     type: Array,
     default: () => []
@@ -26,13 +25,9 @@ const props = {
     type: [String, Number]
   },
   slots: null
-};
-const emits = {
-  ...radioGroupEmits
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}, O = {
+  ...L
+}, _ = A(O), x = { class: "vkf-radio-option-card__content" }, ee = /* @__PURE__ */ $({
   __name: "option",
   props: {
     type: {
@@ -41,221 +36,127 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     },
     item: {
       type: Object,
-      required: true
+      required: !0
     },
     modelValue: null
   },
   emits: [
     "update:modelValue"
   ],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const coreProps = computed(() => {
-      const obj = pickObject(props.item, {
+  setup(e) {
+    const t = e, l = B(() => {
+      const o = Y(t.item, {
         excludes: ["label", "value"]
       });
-      if (isGte2_6_0) {
-        obj.value = props.item.value;
-      } else {
-        obj.label = props.item.value;
-      }
-      return obj;
+      return j ? o.value = t.item.value : o.label = t.item.value, o;
     });
-    const __returned__ = { props, coreProps, get ElCard() {
-      return ElCard;
-    }, get ElRadioButton() {
-      return ElRadioButton;
-    }, get ElRadio() {
-      return ElRadio;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = { class: "vkf-radio-option-card__content" };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.type === "button" ? (openBlock(), createBlock(
-    $setup["ElRadioButton"],
-    normalizeProps(mergeProps({ key: 0 }, $setup.coreProps)),
-    {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps($props.item)), () => [
-          createTextVNode(
-            toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
+    return (o, d) => e.type === "button" ? (i(), u(p(M), n(m({ key: 0 }, l.value)), {
+      default: s(() => [
+        c(o.$slots, "option", n(f(e.item)), () => [
+          k(V(e.item.label ?? e.item.value), 1)
         ])
       ]),
       _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  )) : $props.type === "card" ? (openBlock(), createBlock($setup["ElCard"], {
-    key: 1,
-    shadow: "hover",
-    class: normalizeClass(["vkf-radio-option-card", { "is-checked": $props.modelValue === $props.item.value }]),
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $props.item.value))
-  }, {
-    default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps($props.item)), () => [
-          createTextVNode(
-            toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
-        ])
+    }, 16)) : e.type === "card" ? (i(), u(p(U), {
+      key: 1,
+      shadow: "hover",
+      class: F(["vkf-radio-option-card", { "is-checked": e.modelValue === e.item.value }]),
+      onClick: d[0] || (d[0] = (y) => o.$emit("update:modelValue", e.item.value))
+    }, {
+      default: s(() => [
+        I("div", x, [
+          c(o.$slots, "option", n(f(e.item)), () => [
+            k(V(e.item.label ?? e.item.value), 1)
+          ])
+        ]),
+        g(p(R), m(l.value, { border: !1 }), null, 16)
       ]),
-      createVNode(
-        $setup["ElRadio"],
-        mergeProps($setup.coreProps, { border: false }),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class"])) : (openBlock(), createBlock(
-    $setup["ElRadio"],
-    normalizeProps(mergeProps({ key: 2 }, $setup.coreProps)),
-    {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps($props.item)), () => [
-          createTextVNode(
-            toDisplayString($props.item.label ?? $props.item.value),
-            1
-            /* TEXT */
-          )
+      _: 3
+    }, 8, ["class"])) : (i(), u(p(R), n(m({ key: 2 }, l.value)), {
+      default: s(() => [
+        c(o.$slots, "option", n(f(e.item)), () => [
+          k(V(e.item.label ?? e.item.value), 1)
         ])
       ]),
       _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  ));
-}
-var OptionView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/option.vue"]]);
-
-var _sfc_main$1 = defineComponent({
+    }, 16));
+  }
+}), oe = $({
   components: {
-    VkfFormItem,
-    ElRadioGroup,
-    OptionView
+    VkfFormItem: q,
+    ElRadioGroup: J,
+    OptionView: ee
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = createRadioGroupBindProps(props2, ["disabled"]);
-    const coreOnEmits = createRadioGroupOnEmits(emit);
-    const options = computed(() => {
-      return props2.options.filter((item) => item.value !== void 0 && item.value !== null);
-    });
-    const readonly = useComputedReadonly(props2);
-    const pickRadioProps = (item) => {
-      const obj = pickObject$1(item, {
-        excludes: ["label", "value"]
-      });
-      if (isGte2_6_0) {
-        obj.value = item.value;
-      } else {
-        obj.label = item.value;
-      }
-      return obj;
-    };
+  props: G,
+  emits: O,
+  setup(e, { emit: t }) {
+    const l = C.createBindProps(e), o = K(e, ["disabled", "type"]), d = Q(t), y = B(() => e.options.filter((r) => r.value !== void 0 && r.value !== null)), v = X(e);
     return {
-      formItemBindProps,
-      coreBindProps,
-      coreOnEmits,
-      options,
-      readonly,
-      pickRadioProps
+      formItemBindProps: l,
+      coreBindProps: o,
+      coreOnEmits: d,
+      options: y,
+      readonly: v,
+      pickRadioProps: (r) => {
+        const a = W(r, {
+          excludes: ["label", "value"]
+        });
+        return j ? a.value = r.value : a.label = r.value, a;
+      }
     };
   }
 });
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OptionView = resolveComponent("OptionView");
-  const _component_ElRadioGroup = resolveComponent("ElRadioGroup");
-  const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(
-    _component_VkfFormItem,
-    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: withCtx(() => [
-        createVNode(_component_ElRadioGroup, mergeProps({
-          class: {
-            "is-readonly": _ctx.readonly
-          }
-        }, _ctx.coreBindProps, {
-          disabled: _ctx.readonly || _ctx.disabled
-        }, toHandlers(_ctx.coreOnEmits)), {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.options, (item, index) => {
-                return openBlock(), createBlock(_component_OptionView, {
-                  key: `${item.value || item.label || index}`,
-                  type: _ctx.type,
-                  item,
-                  "model-value": _ctx.modelValue,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-                }, {
-                  option: withCtx((optionProps) => [
-                    renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, optionProps))
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["type", "item", "model-value"]);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class", "disabled"])
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
+function te(e, t, l, o, d, y) {
+  const v = E("OptionView"), P = E("ElRadioGroup"), r = E("VkfFormItem");
+  return i(), u(r, n(f(e.formItemBindProps)), {
+    default: s(() => [
+      g(P, m({
+        class: {
+          "is-readonly": e.readonly
+        }
+      }, e.coreBindProps, {
+        disabled: e.readonly || e.disabled,
+        type: e.type === "card" ? "button" : e.type
+      }, w(e.coreOnEmits)), {
+        default: s(() => [
+          (i(!0), h(N, null, z(e.options, (a, S) => (i(), u(v, {
+            key: `${a.value || a.label || S}`,
+            type: e.type,
+            item: a,
+            "model-value": e.modelValue,
+            "onUpdate:modelValue": t[0] || (t[0] = (b) => e.$emit("update:modelValue", b))
+          }, {
+            option: s((b) => [
+              c(e.$slots, "option", m({ ref_for: !0 }, b))
+            ]),
+            _: 3
+          }, 8, ["type", "item", "model-value"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["class", "disabled", "type"])
+    ]),
+    _: 3
+  }, 16);
 }
-var Core = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/index.vue"]]);
-
-var _sfc_main = defineComponent({
+const le = /* @__PURE__ */ Z(oe, [["render", te]]), ce = $({
   name: "VkfRadio",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => h(Core, {
-      ...props2,
-      ...vOn(coreEmits)
+  props: G,
+  emits: O,
+  setup(e, { emit: t, slots: l }) {
+    const o = _(t);
+    return () => T(le, {
+      ...e,
+      ...D(o)
     }, {
-      ...props2.slots,
-      ...slots
+      ...e.slots,
+      ...l
     });
   }
-});
-
-var VkfRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/radio/src/wraper.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfRadio.install = (app) => {
-  app.component(VkfRadio.name || "VkfRadio", VkfRadio);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ce as VkfRadio,
+  fe as __VkfRadio,
+  ce as default
 };
-
-export { VkfRadio, types as __VkfRadio, VkfRadio as default };