@vunk/form 2.16.6 → 2.16.8

package/components/radio/src/types.d.ts

@@ -0,0 +1,8 @@
+import { BasicSource } from '@vunk/form/shared';
+import { VueComponentPropsType } from '@vunk/core';
+import VkfRadio from './index.vue';
+export interface Source<P = string> extends VueComponentPropsType<typeof VkfRadio>, BasicSource {
+    prop: P;
+    templateType: 'VkfRadio';
+}
+export {};

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/renderer-data/index.d.ts

@@ -0,0 +1,4 @@
+import VkfRendererData from './src/index.vue';
+export * as __VkfRendererData from './src/types';
+export { VkfRendererData, };
+export default VkfRendererData;

package/components/renderer-data/src/ctx.d.ts

@@ -0,0 +1,12 @@
+import { SetDataEvent } from '@vunk/core';
+import { NormalObject } from '@vunk/shared';
+import { PropType } from 'vue';
+export declare const props: {
+    data: {
+        type: PropType<NormalObject>;
+        default: () => {};
+    };
+};
+export declare const emits: {
+    setData: (e: SetDataEvent) => SetDataEvent;
+};

package/components/renderer-data/src/index.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/shared").NormalObject>;
+        default: () => {};
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    setData: (e: import("@vunk/core").SetDataEvent) => import("@vunk/core").SetDataEvent;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/shared").NormalObject>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onSetData?: (e: import("@vunk/core").SetDataEvent) => any;
+}>, {
+    data: import("@vunk/shared").NormalObject;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/renderer-data/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/select/index.cjs

@@ -14,6 +14,7 @@ var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 const props = {
   ...formItem._VkfFormItemCtx.props,
   ...elementPlus.selectProps,
+  modelValue: null,
   props: {
     // For Type
     type: Object,
@@ -51,6 +52,7 @@ const props = {
   slots: null,
   /**
    * @description 若 option中含有该字段内容，则渲染为 Group
+   * @deprecated use props.options instead
    */
   optionChildrenProp: {
     type: String,
@@ -59,7 +61,8 @@ const props = {
 };
 const createBindProps = utilsVue.bindPropsFactory(props);
 const emits = {
-  ...elementPlus.selectEmits
+  ...elementPlus.selectEmits,
+  "update:modelValue": null
 };
 const createOnEmits = utilsVue.onEmitsFactory(emits);
 
@@ -83,6 +86,18 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     optionChildrenProp: {
       type: String,
       default: ""
+    },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
+    valueProp: {
+      type: String,
+      default: "value"
+    },
+    disabledProp: {
+      type: String,
+      default: "disabled"
     }
   },
   setup(props, {
@@ -92,24 +107,24 @@ var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       let _slot;
       const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
       return isGroup ? vue.createVNode(elementPlus.ElOptionGroup, {
-        "label": item.label,
-        "key": item.value || item.label,
-        "disabled": item.disabled
+        "label": item[props.labelProp],
+        "key": item[props.valueProp] || item[props.labelProp],
+        "disabled": item[props.disabledProp]
       }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => vue.createVNode(ItemView, vue.mergeProps({
         "key": childOption.value
       }, childOption), null))) ? _slot : {
         default: () => [_slot]
       }) : vue.createVNode(elementPlus.ElOption, {
-        "key": item.value,
-        "value": item.value,
+        "key": item[props.valueProp] || item[props.labelProp],
+        "value": item[props.valueProp],
         "class": item.class,
         "created": item.created,
-        "disabled": item.disabled,
-        "label": item.label,
+        "disabled": item[props.disabledProp],
+        "label": item[props.labelProp],
         "ref": item.ref,
         "style": item.style
       }, {
-        default: () => slots.option ? slots.option(item) : item.label
+        default: () => slots.option ? slots.option(item) : item[props.labelProp]
       });
     };
     return () => {
@@ -228,14 +243,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           default: vue.withCtx(() => [
             vue.createVNode(_component_Options, {
               data: _ctx.selectOptions,
-              "option-children-prop": _ctx.optionChildrenProp
+              "option-children-prop": _ctx.props.options ?? _ctx.optionChildrenProp,
+              "label-prop": _ctx.props.label,
+              "value-prop": _ctx.props.value,
+              "disabled-prop": _ctx.props.disabled
             }, {
               option: vue.withCtx((e) => [
                 vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps(e)))
               ]),
               _: 3
               /* FORWARDED */
-            }, 8, ["data", "option-children-prop"]),
+            }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
             vue.renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2

package/components/select/index.d.ts

@@ -0,0 +1,5 @@
+import VkfSelect from './src/index.vue';
+export * as __VkfSelect from './src/types';
+export * as _VkfSelectCtx from './src/ctx';
+export { VkfSelect, };
+export default VkfSelect;

package/components/select/index.mjs

@@ -10,6 +10,7 @@ import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 const props = {
   ..._VkfFormItemCtx.props,
   ...selectProps,
+  modelValue: null,
   props: {
     // For Type
     type: Object,
@@ -47,6 +48,7 @@ const props = {
   slots: null,
   /**
    * @description 若 option中含有该字段内容，则渲染为 Group
+   * @deprecated use props.options instead
    */
   optionChildrenProp: {
     type: String,
@@ -55,7 +57,8 @@ const props = {
 };
 const createBindProps = bindPropsFactory(props);
 const emits = {
-  ...selectEmits
+  ...selectEmits,
+  "update:modelValue": null
 };
 const createOnEmits = onEmitsFactory(emits);
 
@@ -79,6 +82,18 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     optionChildrenProp: {
       type: String,
       default: ""
+    },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
+    valueProp: {
+      type: String,
+      default: "value"
+    },
+    disabledProp: {
+      type: String,
+      default: "disabled"
     }
   },
   setup(props, {
@@ -88,24 +103,24 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
       let _slot;
       const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
       return isGroup ? createVNode(ElOptionGroup, {
-        "label": item.label,
-        "key": item.value || item.label,
-        "disabled": item.disabled
+        "label": item[props.labelProp],
+        "key": item[props.valueProp] || item[props.labelProp],
+        "disabled": item[props.disabledProp]
       }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => createVNode(ItemView, mergeProps({
         "key": childOption.value
       }, childOption), null))) ? _slot : {
         default: () => [_slot]
       }) : createVNode(ElOption, {
-        "key": item.value,
-        "value": item.value,
+        "key": item[props.valueProp] || item[props.labelProp],
+        "value": item[props.valueProp],
         "class": item.class,
         "created": item.created,
-        "disabled": item.disabled,
-        "label": item.label,
+        "disabled": item[props.disabledProp],
+        "label": item[props.labelProp],
         "ref": item.ref,
         "style": item.style
       }, {
-        default: () => slots.option ? slots.option(item) : item.label
+        default: () => slots.option ? slots.option(item) : item[props.labelProp]
       });
     };
     return () => {
@@ -224,14 +239,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_Options, {
               data: _ctx.selectOptions,
-              "option-children-prop": _ctx.optionChildrenProp
+              "option-children-prop": _ctx.props.options ?? _ctx.optionChildrenProp,
+              "label-prop": _ctx.props.label,
+              "value-prop": _ctx.props.value,
+              "disabled-prop": _ctx.props.disabled
             }, {
               option: withCtx((e) => [
                 renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(e)))
               ]),
               _: 3
               /* FORWARDED */
-            }, 8, ["data", "option-children-prop"]),
+            }, 8, ["data", "option-children-prop", "label-prop", "value-prop", "disabled-prop"]),
             renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2