@vunk/form 0.0.0-alpha.2 → 0.0.0-alpha.3

package/components/ground/src/ground-widget/src/index.vue.d.ts

@@ -1,13 +1,29 @@
+import { PropType } from 'vue';
 import { ComponentsType } from './static';
 import 'vunk/gsap/components/float-block/index.css';
 declare enum WidgetTab {
-    components = 0,
-    templates = 1
+    components = "components",
+    templates = "templates"
 }
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<{
+    componentLibCollapseExpanded: {
+        type: PropType<any[]>;
+        default: () => ComponentsType[];
+    };
+}, {
     WidgetTab: typeof WidgetTab;
     ComponentsType: typeof ComponentsType;
     widgetTab: import("vue").Ref<WidgetTab>;
-    componentsType: import("vue").Ref<ComponentsType[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:componentLibCollapseExpanded': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    componentLibCollapseExpanded: {
+        type: PropType<any[]>;
+        default: () => ComponentsType[];
+    };
+}>> & {
+    "onUpdate:componentLibCollapseExpanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    componentLibCollapseExpanded: any[];
+}>;
 export default _default;

package/components/ground/src/ground-widget/src/static.d.ts

@@ -1,4 +1,4 @@
 export declare enum ComponentsType {
-    container = 0,
-    formItems = 1
+    container = "container",
+    formItems = "formItems"
 }

package/components/ground/src/index.vue.d.ts

@@ -1,20 +1,39 @@
-import { Ref } from 'vue';
+import { PropType, Ref } from 'vue';
 import { SetDataEvent } from '@vunk/form/shared/types';
 import { FormItemRendererSource } from '@vunk/form/shared/types';
 import { VkfInputSource } from '@vunk/form/shared/types/form-item';
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<{
+    componentLibCollapseExpanded: {
+        type: PropType<any[]>;
+        default: undefined;
+    };
+}, {
     propToFormItem: import("vue").ComputedRef<Record<string, FormItemRendererSource<string>>>;
     formItems: Ref<FormItemRendererSource<string>[]>;
     editProp: Ref<string>;
     setData: (obj: any, e: {
         k: any;
         v: any;
+        insert?: boolean | undefined;
     }) => void;
     unsetData: (obj: any[] | Record<string, any>, e: {
         k: any;
         n?: number | undefined;
     }) => void;
-    setFormItem: (props: VkfInputSource, e: SetDataEvent<keyof VkfInputSource>) => void;
+    setFormItem: (props: FormItemRendererSource, e: SetDataEvent<keyof VkfInputSource>) => void;
     configPropDisabled: Ref<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    formItemClip: import("@vueuse/core").ClipboardReturn<true>;
+    inputJson: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:componentLibCollapseExpanded': null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    componentLibCollapseExpanded: {
+        type: PropType<any[]>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:componentLibCollapseExpanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    componentLibCollapseExpanded: any[];
+}>;
 export default _default;

package/components/input/index.js

@@ -1,26 +1,15 @@
-import { formItemProps, inputProps, inputEmits, ElInput, ElFormItem } from 'element-plus';
+import { inputProps, inputEmits, ElInput, ElFormItem } from 'element-plus';
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createVNode, toHandlers, renderSlot, renderList, resolveDynamicComponent } from 'vue';
-import { createInputBindProps, createInputOnEmits, createFormItemBindProps } from '@vunk/form/shared/element-plus/ctx';
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent } from 'vue';
+import { createInputBindProps, createInputOnEmits } from '@vunk/form/shared/element-plus/ctx';
 
 const props = {
-  ...formItemProps,
+  ..._VkfFormItemCtx.props,
   ...inputProps,
-  formItemSize: {
-    type: String,
-    default: "default"
-  },
-  formItemSlot: {
+  inputSlots: {
     type: Object,
     default: void 0
-  },
-  inputSlot: {
-    type: Object,
-    default: void 0
-  },
-  updateEvent: {
-    type: String,
-    default: "update:modelValue"
   }
 };
 const createBindProps = bindPropsFactory(props);
@@ -46,9 +35,9 @@ var script = defineComponent({
   emits,
   props,
   setup(props2, { emit }) {
-    const inputBindProps = createInputBindProps(props2, []);
+    const inputBindProps = createInputBindProps(props2);
     const inputOnEmits = createInputOnEmits(emit);
-    const formItemBindProps = createFormItemBindProps(props2, ["size"]);
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     return {
       inputBindProps,
       formItemBindProps,
@@ -60,7 +49,7 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInput = resolveComponent("ElInput");
   const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, { size: _ctx.formItemSize }), createSlots({
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, { size: _ctx.formItemSize }), {
     default: withCtx(() => [
       createVNode(_component_ElInput, mergeProps(_ctx.inputBindProps, toHandlers(_ctx.inputOnEmits)), createSlots({
         default: withCtx(() => [
@@ -68,7 +57,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 2
       }, [
-        renderList(_ctx.inputSlot, (item, key) => {
+        renderList(_ctx.inputSlots, (item, key) => {
           return {
             name: key,
             fn: withCtx((e) => [
@@ -78,17 +67,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ]), 1040)
     ]),
-    _: 2
-  }, [
-    renderList(_ctx.formItemSlot, (item, key) => {
-      return {
-        name: key,
-        fn: withCtx((e) => [
-          (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
-        ])
-      };
-    })
-  ]), 1040, ["size"]);
+    _: 3
+  }, 16, ["size"]);
 }
 
 script.render = render;

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

@@ -1,54 +1,92 @@
 import { PropType } from 'vue';
-import { FormItemSlot, InputSlot } from './types';
+import { InputSlots } from './types';
 export declare const props: {
-    formItemSize: {
-        type: PropType<"small" | "default" | "large">;
-        default: string;
-    };
-    formItemSlot: {
-        type: PropType<FormItemSlot>;
-        default: undefined;
-    };
-    inputSlot: {
-        type: PropType<InputSlot>;
+    inputSlots: {
+        type: PropType<InputSlots>;
         default: undefined;
     };
-    updateEvent: {
-        type: PropType<"update:modelValue" | "change">;
-        default: string;
+    id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "small" | "default" | "large", never>;
     disabled: BooleanConstructor;
-    modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
-    type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
-    resize: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
-    autosize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").InputAutoSize>, false, unknown, unknown, unknown>;
-    autocomplete: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
-    formatter: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
-    parser: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
-    placeholder: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    form: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    clearable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    showPassword: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    showWordLimit: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    suffixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    prefixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    tabindex: import("element-plus/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
-    validateEvent: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    inputStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-plus/es/utils").Mutable<{}>, unknown, unknown, unknown>;
-    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    prop: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").FormItemProp>, unknown, unknown, unknown, unknown>;
-    required: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
-    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>, unknown, unknown, unknown, unknown>;
+    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
+    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
+    resize: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
+    autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
+    formatter: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    parser: {
+        readonly type: PropType<Function>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    placeholder: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    showWordLimit: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    suffixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        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) | undefined;
+        __epPropKey: true;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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) | undefined;
+        __epPropKey: true;
+    };
     error: StringConstructor;
-    validateStatus: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "error" | "success" | "validating", unknown>;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
-    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
 };
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "type" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlot" | "inputSlot" | "updateEvent">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "type" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "size" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots" | "inputSlots")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "type" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "size" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots" | "inputSlots">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const emits: {
     "update:modelValue": (value: string) => boolean;
     input: (value: string) => boolean;
@@ -63,4 +101,4 @@ export declare const emits: {
     compositionupdate: (evt: CompositionEvent) => boolean;
     compositionend: (evt: CompositionEvent) => boolean;
 };
-export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "input" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "change" | "input" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
+export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };