@vunk/form 0.0.0-alpha.5 → 0.0.0-alpha.8

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

@@ -2,6 +2,7 @@ import { PropType, Ref } from 'vue';
 import { DragoverClasses } from '@vunk/form/components/drop-wrapper';
 import type { FormItemRendererSourcePlus } from './types';
 import type { DataTransferJson } from '@vunk/form/shared/types/drag';
+import { SetDataEvent } from '@vunk/form/shared/types';
 interface SourceTransfer extends DataTransferJson {
     source: FormItemRendererSourcePlus;
 }
@@ -10,14 +11,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => never[];
     };
-    prop: {
+    data: ObjectConstructor;
+    currentK: {
         type: StringConstructor;
         default: string;
     };
-    k: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
 }, {
     groundEndClassName: Ref<DragoverClasses>;
     endLineNode: Ref<HTMLDivElement>;
@@ -30,10 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         insert?: boolean | undefined;
     }) => void;
     editDrop: (e: DragEvent, overClass: DragoverClasses, toData: SourceTransfer) => void;
-    formData: Ref<{}>;
     formItemsWithWrapper: import("vue").ComputedRef<FormItemRendererSourcePlus[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:prop': (e: string) => string;
+    'update:currentK': (e: string) => string;
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
     'setData:formItems': null;
     'unsetData:formItems': null;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,21 +39,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => never[];
     };
-    prop: {
+    data: ObjectConstructor;
+    currentK: {
         type: StringConstructor;
         default: string;
     };
-    k: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
 }>> & {
+    onSetData?: ((e: SetDataEvent<any>) => any) | undefined;
     "onSetData:formItems"?: ((...args: any[]) => any) | undefined;
     "onUnsetData:formItems"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:prop"?: ((e: string) => any) | undefined;
+    "onUpdate:currentK"?: ((e: string) => any) | undefined;
 }, {
-    k: unknown[];
-    prop: string;
     formItems: any[];
+    currentK: string;
 }>;
 export default _default;

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

@@ -910,6 +910,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
+            tabindex: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
             label: StringConstructor;
             labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
             prop: {
@@ -955,6 +961,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 id: string | undefined;
                 modelValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+                tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
                 validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
                 width: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 inlinePrompt: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -1010,6 +1017,12 @@ declare const _default: import("vue").DefineComponent<{}, {
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
+            tabindex: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
             label: StringConstructor;
             labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
             prop: {

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

@@ -1,19 +1,25 @@
-import { PropType } from 'vue';
+import { PropType, WritableComputedRef } 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<{
     componentLibCollapseExpanded: {
         type: PropType<any[]>;
         default: undefined;
     };
+    source: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
     data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    modelValue: {
         type: PropType<any[]>;
         default: () => never[];
     };
 }, {
     propToFormItem: import("vue").ComputedRef<any>;
-    editProp: import("vue").Ref<string>;
     setData: (obj: any, e: {
         k: any;
         v: any;
@@ -23,31 +29,47 @@ declare const _default: import("vue").DefineComponent<{
         k: any;
         n?: number | undefined;
     }) => void;
-    setFormItem: (props: FormItemRendererSource, e: SetDataEvent<keyof VkfInputSource>) => void;
-    configPropDisabled: import("vue").Ref<boolean>;
+    propValidateUpdate: (ev: string) => true | undefined;
+    kToSourceItem: import("vue").ComputedRef<Record<string, FormItemRendererSource<string>>>;
+    editK: WritableComputedRef<string>;
+    editKArr: import("vue").ComputedRef<string[]>;
     formItemClip: import("@vueuse/core").ClipboardReturn<true>;
     inputJson: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:data': null;
+    'update:source': null;
+    'setData:source': (e: SetDataEvent) => SetDataEvent<any>;
+    'unsetData:source': null;
     setData: (e: SetDataEvent) => SetDataEvent<any>;
-    unsetData: null;
     'update:componentLibCollapseExpanded': null;
+    'update:modelValue': (e: any[]) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentLibCollapseExpanded: {
         type: PropType<any[]>;
         default: undefined;
     };
+    source: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
     data: {
+        type: PropType<Record<string, any>>;
+        default: () => {};
+    };
+    modelValue: {
         type: PropType<any[]>;
         default: () => never[];
     };
 }>> & {
+    "onUpdate:modelValue"?: ((e: any[]) => any) | undefined;
     onSetData?: ((e: SetDataEvent<any>) => any) | undefined;
+    "onSetData:source"?: ((e: SetDataEvent<any>) => any) | undefined;
     "onUpdate:componentLibCollapseExpanded"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-    onUnsetData?: ((...args: any[]) => any) | undefined;
+    "onUpdate:source"?: ((...args: any[]) => any) | undefined;
+    "onUnsetData:source"?: ((...args: any[]) => any) | undefined;
 }, {
-    data: any[];
+    data: Record<string, any>;
+    source: any[];
+    modelValue: any[];
     componentLibCollapseExpanded: any[];
 }>;
 export default _default;

package/components/input/index.js

@@ -1,7 +1,7 @@
-import { inputProps, inputEmits, ElInput, ElFormItem } from 'element-plus';
-import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+import { inputProps, inputEmits, ElInput } from 'element-plus';
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent } from 'vue';
 import { createInputBindProps, createInputOnEmits } from '@vunk/form/shared/element-plus/ctx';
 
 const props = {
@@ -30,7 +30,7 @@ var script = defineComponent({
   name: "VkfInput",
   components: {
     ElInput,
-    ElFormItem
+    VkfFormItem
   },
   emits,
   props,
@@ -48,8 +48,8 @@ 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 }), {
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
     default: withCtx(() => [
       createVNode(_component_ElInput, mergeProps(_ctx.inputBindProps, toHandlers(_ctx.inputOnEmits)), createSlots({
         default: withCtx(() => [
@@ -68,7 +68,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ]), 1040)
     ]),
     _: 3
-  }, 16, ["size"]);
+  }, 16);
 }
 
 script.render = render;

package/components/input-config/index.js

@@ -10,7 +10,11 @@ const props = {
   ..._VkfFormCtx.props,
   propDisabled: {
     type: Boolean,
-    default: false
+    default: void 0
+  },
+  propFieldSource: {
+    type: Object,
+    default: () => ({})
   }
 };
 const emits = {
@@ -49,7 +53,7 @@ var script = defineComponent({
                   label: "prop",
                   templateType: "VkfConfirmInput",
                   required: true,
-                  disabled: props2.propDisabled
+                  ...props2.propFieldSource
                 },
                 {
                   prop: "label",
@@ -116,8 +120,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: bindProps.prop,
               v: $event
-            }),
-            "onUpdate:disabled": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:propDisabled", $event))
+            })
           }, bindProps), null, 16, ["modelValue", "onUpdate:modelValue"])
         ]),
         _: 1