@vunk/form 0.0.1-alpha.2 → 0.0.1-alpha.20

package/components/select/index.js

@@ -1,6 +1,6 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits, createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
 import { ElSelect, ElOption } from 'element-plus';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
 
@@ -79,11 +79,20 @@ var script = defineComponent({
         return a;
       }, []);
     });
+    const reshow = ref(true);
+    watch(() => selectBindProps.value.multiple, () => {
+      emit("update:modelValue", void 0);
+      reshow.value = false;
+      nextTick(() => {
+        reshow.value = true;
+      });
+    });
     return {
       formItemBindProps,
       selectBindProps,
       selectOnEmits,
-      selectOptions
+      selectOptions,
+      reshow
     };
   }
 });
@@ -94,7 +103,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
     default: withCtx(() => [
-      createVNode(_component_ElSelect, mergeProps(_ctx.selectBindProps, toHandlers(_ctx.selectOnEmits)), createSlots({
+      _ctx.reshow ? (openBlock(), createBlock(_component_ElSelect, mergeProps({ key: 0 }, _ctx.selectBindProps, toHandlers(_ctx.selectOnEmits)), createSlots({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selectOptions, (item) => {
             return openBlock(), createBlock(_component_ElOption, mergeProps(item, {
@@ -113,7 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1040)
+      ]), 1040)) : createCommentVNode("v-if", true)
     ]),
     _: 3
   }, 16);

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

@@ -17,15 +17,15 @@ export declare const props: {
         }, {
             ns: {
                 namespace: import("vue").ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                b: (blockSuffix?: string | undefined) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
-                    (name: string, state: boolean): string;
+                    (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
                 cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -36,7 +36,7 @@ export declare const props: {
             currentLabel: import("vue").ComputedRef<any>;
             itemSelected: import("vue").ComputedRef<boolean>;
             isDisabled: import("vue").ComputedRef<any>;
-            select: import("element-plus").SelectContext;
+            select: import("element-plus").SelectContext | undefined;
             hoverItem: () => void;
             visible: import("vue").Ref<boolean>;
             hover: import("vue").Ref<boolean>;
@@ -63,17 +63,17 @@ export declare const props: {
             disabled: boolean;
             created: boolean;
         }>>>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     selectSlots: {
         type: PropType<SelectSlots>;
-        default: any;
+        default: undefined;
     };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
         type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
-        default: any;
+        default: undefined;
     };
     autocomplete: {
         type: StringConstructor;
@@ -145,7 +145,7 @@ export declare const props: {
         default: string;
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
@@ -154,20 +154,20 @@ export declare const props: {
     prop: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     rules: {
-        readonly type: PropType<unknown>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -179,19 +179,23 @@ export declare const props: {
     };
     formItemSlots: {
         type: PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const emits: {
-    'update:modelValue': any;
-    change: any;
-    'remove-tag': any;
-    clear: any;
-    'visible-change': any;
-    focus: any;
-    blur: any;
+    'update:modelValue': null;
+    change: null;
+    'remove-tag': null;
+    clear: null;
+    'visible-change': null;
+    focus: null;
+    blur: null;
 };