@vunk/form 2.16.1 → 2.16.2

package/components/radio/src/wraper.vue.d.ts

@@ -0,0 +1,337 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<import("@vunk/form/shared/types/form").RadioProps[]>;
+        default: () => any[];
+    };
+    type: {
+        type: import("vue").PropType<"button" | "radio" | "card">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    slots: any;
+    ariaLabel: StringConstructor;
+    id: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    fill: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    validateEvent: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    required: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    information: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: any;
+    defaultModelValue: any;
+    label: StringConstructor;
+    labelWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    labelPosition: {
+        readonly type: import("vue").PropType<"" | "top" | "left" | "right">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<"" | "error" | "success" | "validating">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: {
+        readonly type: import("vue").PropType<string | boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    showMessage: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | number | boolean | undefined) => val is string | number | boolean;
+    change: (val: string | number | boolean | undefined) => val is string | number | boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<import("@vunk/form/shared/types/form").RadioProps[]>;
+        default: () => any[];
+    };
+    type: {
+        type: import("vue").PropType<"button" | "radio" | "card">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    slots: any;
+    ariaLabel: StringConstructor;
+    id: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    fill: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    textColor: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    validateEvent: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    required: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    information: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prop: any;
+    defaultModelValue: any;
+    label: StringConstructor;
+    labelWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    labelPosition: {
+        readonly type: import("vue").PropType<"" | "top" | "left" | "right">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<"" | "error" | "success" | "validating">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: {
+        readonly type: import("vue").PropType<string | boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    showMessage: {
+        readonly type: import("vue").PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (val: string | number | boolean) => any;
+    onChange?: (val: string | number | boolean) => any;
+}>, {
+    type: "button" | "card" | "radio";
+    required: boolean;
+    fill: string;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
+    information: boolean;
+    prop: any;
+    defaultModelValue: any;
+    labelWidth: string | number;
+    labelPosition: "" | "top" | "left" | "right";
+    inlineMessage: string | boolean;
+    showMessage: boolean;
+    disabled: boolean;
+    id: string;
+    name: string;
+    slots: any;
+    options: import("@vunk/form/shared/types/form").RadioProps[];
+    validateEvent: boolean;
+    textColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/select/index.cjs

@@ -94,10 +94,16 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         "key": childOption.value
       }, childOption), null))) ? _slot : {
         default: () => [_slot]
-      }) : vue.createVNode(elementPlus$1.ElOption, vue.mergeProps({
+      }) : vue.createVNode(elementPlus$1.ElOption, {
         "key": item.value,
-        "value": item.value
-      }, item), {
+        "value": item.value,
+        "class": item.class,
+        "created": item.created,
+        "disabled": item.disabled,
+        "label": item.label,
+        "ref": item.ref,
+        "style": item.style
+      }, {
         default: () => slots.option ? slots.option(item) : item.label
       });
     };

package/components/select/index.mjs

@@ -90,10 +90,16 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
         "key": childOption.value
       }, childOption), null))) ? _slot : {
         default: () => [_slot]
-      }) : createVNode(ElOption, mergeProps({
+      }) : createVNode(ElOption, {
         "key": item.value,
-        "value": item.value
-      }, item), {
+        "value": item.value,
+        "class": item.class,
+        "created": item.created,
+        "disabled": item.disabled,
+        "label": item.label,
+        "ref": item.ref,
+        "style": item.style
+      }, {
         default: () => slots.option ? slots.option(item) : item.label
       });
     };

package/index.css

@@ -340,6 +340,22 @@
   width: 100%;
 }
 
+.vkf-radio-option-card.is-checked {
+  border-color: var(--el-color-primary);
+}
+.vkf-radio-option-card{
+  font-size: var(--el-font-size-base);
+  cursor: pointer;
+}
+.vkf-radio-option-card:not(:last-child) {
+  margin-right: 30px;
+}
+.vkf-radio-option-card > .el-card__body{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: max-content;
+}
 .el-radio-group.is-readonly,
 .el-radio-group.is-readonly .el-radio-button{
   --el-readonly-cursor: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "description": "",
   "main": "index.esm.js",
   "scripts": {