@vunk/form 2.16.0 → 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

@@ -22,7 +22,13 @@ const props = {
     type: Object,
     default: void 0
   },
+  /**
+   * @description el组件实例ref
+   */
   selectRef: null,
+  /**
+   * @description a url which's response is options
+   */
   optionsUrl: {
     type: String,
     default: ""
@@ -34,7 +40,17 @@ const props = {
     type: Boolean,
     default: false
   },
-  slots: null
+  /**
+   * @description 同插槽
+   */
+  slots: null,
+  /**
+   * @description 若 option中含有该字段内容，则渲染为 Group
+   */
+  optionChildrenProp: {
+    type: String,
+    default: ""
+  }
 };
 const createBindProps = utilsVue.bindPropsFactory(props);
 const emits = {
@@ -50,12 +66,62 @@ var ctx = /*#__PURE__*/Object.freeze({
   props: props
 });
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
+var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    optionChildrenProp: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const ItemView = item => {
+      let _slot;
+      const isGroup = props.optionChildrenProp && Array.isArray(item[props.optionChildrenProp]) && item[props.optionChildrenProp].length > 0;
+      return isGroup ? vue.createVNode(elementPlus$1.ElOptionGroup, {
+        "label": item.label,
+        "key": item.value || item.label,
+        "disabled": item.disabled
+      }, _isSlot(_slot = item[props.optionChildrenProp].map(childOption => vue.createVNode(ItemView, vue.mergeProps({
+        "key": childOption.value
+      }, childOption), null))) ? _slot : {
+        default: () => [_slot]
+      }) : vue.createVNode(elementPlus$1.ElOption, {
+        "key": item.value,
+        "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
+      });
+    };
+    return () => {
+      return props.data.map(item => ItemView(item));
+    };
+  }
+});
+
+var Options = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/options.vue"]]);
+
 var _sfc_main$1 = vue.defineComponent({
   name: "VkfSelect",
   components: {
     VkfFormItem: formItem.VkfFormItem,
     ElSelect: elementPlus$1.ElSelect,
-    ElOption: elementPlus$1.ElOption
+    ElOption: elementPlus$1.ElOption,
+    Options
   },
   props,
   emits,
@@ -138,7 +204,7 @@ var _sfc_main$1 = vue.defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElOption = vue.resolveComponent("ElOption");
+  const _component_Options = vue.resolveComponent("Options");
   const _component_ElSelect = vue.resolveComponent("ElSelect");
   const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
   return vue.openBlock(), vue.createBlock(
@@ -156,29 +222,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }
         }, vue.toHandlers(_ctx.selectOnEmits)), vue.createSlots({
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(_ctx.selectOptions, (item) => {
-                return vue.openBlock(), vue.createBlock(
-                  _component_ElOption,
-                  vue.mergeProps({ ref_for: true }, item, {
-                    key: item.key
-                  }),
-                  {
-                    default: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "option", vue.mergeProps({ ref_for: true }, item))
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
+            vue.createVNode(_component_Options, {
+              data: _ctx.selectOptions,
+              "option-children-prop": _ctx.optionChildrenProp
+            }, {
+              option: vue.withCtx((e) => [
+                vue.renderSlot(_ctx.$slots, "option", vue.normalizeProps(vue.guardReactiveProps(e)))
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["data", "option-children-prop"]),
+            vue.renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2
           /* DYNAMIC */

package/components/select/index.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent, createCommentVNode, h } from 'vue';
+import { defineComponent, createVNode, mergeProps, isVNode, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent, createCommentVNode, h } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits, createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
 import { bindPropsFactory, onEmitsFactory, vOn } from '@vunk/core/shared/utils-vue';
-import { ElSelect, ElOption } from 'element-plus';
+import { ElOptionGroup, ElOption, ElSelect } from 'element-plus';
 import { isNotEmptyObject, isPlainObject } from '@vunk/core/shared/utils-object';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -18,7 +18,13 @@ const props = {
     type: Object,
     default: void 0
   },
+  /**
+   * @description el组件实例ref
+   */
   selectRef: null,
+  /**
+   * @description a url which's response is options
+   */
   optionsUrl: {
     type: String,
     default: ""
@@ -30,7 +36,17 @@ const props = {
     type: Boolean,
     default: false
   },
-  slots: null
+  /**
+   * @description 同插槽
+   */
+  slots: null,
+  /**
+   * @description 若 option中含有该字段内容，则渲染为 Group
+   */
+  optionChildrenProp: {
+    type: String,
+    default: ""
+  }
 };
 const createBindProps = bindPropsFactory(props);
 const emits = {
@@ -46,12 +62,62 @@ var ctx = /*#__PURE__*/Object.freeze({
   props: props
 });
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    optionChildrenProp: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const ItemView = item => {
+      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
+      }, _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,
+        "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
+      });
+    };
+    return () => {
+      return props.data.map(item => ItemView(item));
+    };
+  }
+});
+
+var Options = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/select/src/options.vue"]]);
+
 var _sfc_main$1 = defineComponent({
   name: "VkfSelect",
   components: {
     VkfFormItem,
     ElSelect,
-    ElOption
+    ElOption,
+    Options
   },
   props,
   emits,
@@ -134,7 +200,7 @@ var _sfc_main$1 = defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElOption = resolveComponent("ElOption");
+  const _component_Options = resolveComponent("Options");
   const _component_ElSelect = resolveComponent("ElSelect");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(
@@ -152,29 +218,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }
         }, toHandlers(_ctx.selectOnEmits)), createSlots({
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(_ctx.selectOptions, (item) => {
-                return openBlock(), createBlock(
-                  _component_ElOption,
-                  mergeProps({ ref_for: true }, item, {
-                    key: item.key
-                  }),
-                  {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, item))
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
+            createVNode(_component_Options, {
+              data: _ctx.selectOptions,
+              "option-children-prop": _ctx.optionChildrenProp
+            }, {
+              option: withCtx((e) => [
+                renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(e)))
+              ]),
+              _: 3
+              /* FORWARDED */
+            }, 8, ["data", "option-children-prop"]),
+            renderSlot(_ctx.$slots, "footer")
           ]),
           _: 2
           /* DYNAMIC */

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

@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -444,6 +448,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     slots: any;
+    optionChildrenProp: {
+        type: StringConstructor;
+        default: string;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -848,6 +856,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectSlots: import("./types").SelectSlots;
     selectRef: any;
     optionsUrl: string;
+    optionChildrenProp: string;
 }, {}, {
     VkfFormItem: {
         new (...args: any[]): any;
@@ -1036,5 +1045,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         disabled: boolean;
         created: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+    Options: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("@vunk/shared").NormalObject[]>;
+            required: true;
+        };
+        optionChildrenProp: {
+            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[]>;
+            required: true;
+        };
+        optionChildrenProp: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        optionChildrenProp: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;