@vunk/form 2.16.7 → 2.16.8

package/components/select/index.cjs

@@ -52,6 +52,7 @@ const props = {
   slots: null,
   /**
    * @description 若 option中含有该字段内容，则渲染为 Group
+   * @deprecated use props.options instead
    */
   optionChildrenProp: {
     type: String,
@@ -85,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, {
@@ -94,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 () => {
@@ -230,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.mjs

@@ -48,6 +48,7 @@ const props = {
   slots: null,
   /**
    * @description 若 option中含有该字段内容，则渲染为 Group
+   * @deprecated use props.options instead
    */
   optionChildrenProp: {
     type: String,
@@ -81,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, {
@@ -90,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 () => {
@@ -226,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

package/components/select/src/core.vue.d.ts

@@ -1558,6 +1558,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        labelProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabledProp: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, () => JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("@vunk/shared").NormalObject[]>;
@@ -1567,8 +1579,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        labelProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabledProp: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{}>, {
         optionChildrenProp: string;
+        labelProp: string;
+        valueProp: string;
+        disabledProp: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/select/src/ctx.d.ts

@@ -45,6 +45,7 @@ export declare const props: {
     slots: any;
     /**
      * @description 若 option中含有该字段内容，则渲染为 Group
+     * @deprecated use props.options instead
      */
     optionChildrenProp: {
         type: StringConstructor;

package/components/select/src/options.vue.d.ts

@@ -9,6 +9,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    labelProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledProp: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, () => JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<NormalObject[]>;
@@ -18,7 +30,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    labelProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabledProp: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     optionChildrenProp: string;
+    labelProp: string;
+    valueProp: string;
+    disabledProp: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -11,3 +11,9 @@ export interface Source<P = string> extends VueComponentPropsType<typeof VkfSele
     prop: P;
     templateType: 'VkfSelect';
 }
+export interface Props {
+    label?: string;
+    value?: string;
+    disabled?: string;
+    options?: string;
+}

package/package.json

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