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

package/components/form/index.js

@@ -5,6 +5,9 @@ import { VkfFormItemRenderer, _VkfFormItemRendererUtils } from '@vunk/form/compo
 import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
 import { VkfInput } from '@vunk/form/components/input';
 import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus/ctx';
+import { getValue } from '@vunk/form/shared/helper';
+import { VkfSwitch } from '@vunk/form/components/switch';
+import { VkfSelect } from '@vunk/form/components/select';
 
 const props = {
   ...formProps,
@@ -40,14 +43,17 @@ var script = defineComponent({
     ElForm,
     VkfFormItemRenderer,
     VkfFormItemRendererTemplate,
-    VkfInput
+    VkfInput,
+    VkfSwitch,
+    VkfSelect
   },
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
     const formEmits = createFormOnEmits(emit);
     return {
       formProps,
-      formEmits
+      formEmits,
+      getValue
     };
   }
 });
@@ -55,6 +61,8 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfInput = resolveComponent("VkfInput");
   const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_VkfSwitch = resolveComponent("VkfSwitch");
+  const _component_VkfSelect = resolveComponent("VkfSelect");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
   return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
@@ -66,8 +74,35 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
             default: withCtx(({ data: sourceData }) => [
               createVNode(_component_VkfInput, mergeProps({
-                modelValue: _ctx.data[sourceData.prop],
-                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", { k: sourceData.prop, v: $event })
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfSwitch, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfSelect, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
               }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 1

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { SetDataEvent } from '@vunk/form/shared/types';
 export declare const props: {
     data: {
         type: PropType<Record<string, any>>;
@@ -9,29 +10,33 @@ export declare const props: {
         default: () => never[];
     };
     model: ObjectConstructor;
-    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
-    labelPosition: StringConstructor;
-    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    rules: {
+        readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     inline: BooleanConstructor;
     inlineMessage: BooleanConstructor;
     statusIcon: BooleanConstructor;
-    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     disabled: BooleanConstructor;
-    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     scrollToError: BooleanConstructor;
 };
-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, "data" | "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("data" | "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "data" | "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const emits: {
-    setData: (e: {
-        v: any;
-        k: any;
-    }) => {
-        v: any;
-        k: any;
-    };
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
     validate: null;
 };
 export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("validate" | "setData")[], K extends "validate" | "setData">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };

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

@@ -8,49 +8,51 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     model: ObjectConstructor;
-    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
-    labelPosition: StringConstructor;
-    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    rules: {
+        readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     inline: BooleanConstructor;
     inlineMessage: BooleanConstructor;
     statusIcon: BooleanConstructor;
-    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     disabled: BooleanConstructor;
-    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     scrollToError: BooleanConstructor;
 }, {
     formProps: import("vue").ComputedRef<{
         rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>> | undefined;
-        labelPosition: string | undefined;
-        labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         labelSuffix: string;
         inline: boolean;
         inlineMessage: boolean;
         statusIcon: boolean;
-        showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-        size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined;
         disabled: boolean;
-        validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-        hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         scrollToError: boolean;
     }>;
     formEmits: {
-        validate: ((event: "validate", ...args: any[]) => void) & ((event: "setData", e: {
-            v: any;
-            k: any;
-        }) => void);
+        validate: ((event: "validate", ...args: any[]) => void) & ((event: "setData", e: import("../../../shared/types").SetDataEvent<any>) => void);
     };
+    getValue: (obj: any, k: string | number | any[]) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    setData: (e: {
-        v: any;
-        k: any;
-    }) => {
-        v: any;
-        k: any;
-    };
+    setData: (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
     validate: null;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
@@ -62,38 +64,44 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     model: ObjectConstructor;
-    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
-    labelPosition: StringConstructor;
-    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    rules: {
+        readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     inline: BooleanConstructor;
     inlineMessage: BooleanConstructor;
     statusIcon: BooleanConstructor;
-    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     disabled: BooleanConstructor;
-    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     scrollToError: BooleanConstructor;
 }>> & {
     onValidate?: ((...args: any[]) => any) | undefined;
-    onSetData?: ((e: {
-        v: any;
-        k: any;
-    }) => any) | undefined;
+    onSetData?: ((e: import("../../../shared/types").SetDataEvent<any>) => any) | undefined;
 }, {
     data: Record<string, any>;
-    rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
-    labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     labelSuffix: string;
     inline: boolean;
     inlineMessage: boolean;
     statusIcon: boolean;
-    showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: boolean;
-    validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     scrollToError: boolean;
     formItems: any[];
 }>;

package/components/form-item/index.d.ts

@@ -0,0 +1,5 @@
+import VkfFormItem from './src/index.vue';
+export * as __VkfFormItem from './src/types';
+export * as _VkfFormItemCtx from './src/ctx';
+export { VkfFormItem, };
+export default VkfFormItem;

package/components/form-item/index.js

@@ -0,0 +1,71 @@
+import { formItemProps, ElFormItem } from 'element-plus';
+import { bindPropsFactory } from 'vunk/shared/utils-vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, resolveDynamicComponent } from 'vue';
+import { createFormItemBindProps } from '@vunk/form/shared/element-plus/ctx';
+
+const _props = {
+  ...formItemProps,
+  formItemSize: {
+    type: String,
+    default: "default"
+  },
+  formItemSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+Reflect.deleteProperty(_props, "size");
+const props = _props;
+const createBindProps = bindPropsFactory(props);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  props: props,
+  createBindProps: createBindProps
+});
+
+var script = defineComponent({
+  name: "VkfFormItem",
+  components: {
+    ElFormItem
+  },
+  props,
+  setup(props2) {
+    const formItemBindProps = createFormItemBindProps(props2);
+    return {
+      formItemBindProps
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElFormItem = resolveComponent("ElFormItem");
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, { size: _ctx.formItemSize }), createSlots({
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 2
+  }, [
+    renderList(_ctx.formItemSlots, (item, key) => {
+      return {
+        name: key,
+        fn: withCtx((e) => [
+          (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+        ])
+      };
+    })
+  ]), 1040, ["size"]);
+}
+
+script.render = render;
+script.__file = "form-item/src/index.vue";
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfFormItem, ctx as _VkfFormItemCtx, types as __VkfFormItem, script as default };

package/components/form-item/src/ctx.d.ts

@@ -0,0 +1,44 @@
+import { FormItemSlots } from './types';
+import { PropType } from 'vue';
+export declare const props: Omit<{
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: PropType<FormItemSlots>;
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", 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;
+    };
+    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;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    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>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, "size">;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "label" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "label" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;

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

@@ -0,0 +1,102 @@
+declare const _default: import("vue").DefineComponent<Omit<{
+    formItemSize: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("./types").FormItemSlots>;
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").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;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").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;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").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").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, "size">, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        rules: 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> | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        label: string | undefined;
+        prop: 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> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<{
+    formItemSize: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("./types").FormItemSlots>;
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").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;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").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;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").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").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, "size">>>, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    formItemSize: "small" | "default" | "large";
+    formItemSlots: import("./types").FormItemSlots;
+}>;
+export default _default;

package/components/form-item/src/types.d.ts

@@ -0,0 +1,6 @@
+import { Func } from '@vunk/form/shared/types';
+export declare type FormItemSlots = {
+    label: Func<{
+        label: string;
+    }>;
+};

package/components/ground/index.css

@@ -1,21 +1,61 @@
 
-.vkf-ground{
+.vkf-ground {
   display: flex;
 }
-.vkf-ground-widget-x{
+
+.vkf-ground-widget-x {
   width: 15em;
   height: 100%;
 }
-.vkf-ground-main-x{
+
+.vkf-ground-main-x {
   flex: 3;
+}
+.vkf-ground-main-x .vkf-ground-main-card{
+  height: 100%;
+}
+.vkf-ground-main-card > .vk-card-title{
+  display: flex;
+  justify-content: end;
+  margin-bottom: var(--gap-xxs);
+}
+.vkf-ground-main-card > .vk-card-body{
+  height: 100%;
   border: 2px var(--el-border-color) dashed;
   overflow: auto;
 }
-.vkf-ground-config-x{
+
+.vkf-ground-config-x {
   padding: 0 1em;
   flex: 1;
 }
 
+.vkf-ground-main {
+  min-height: 100%;
+  padding: .5em;
+}
+
+.vkf-ground-end.is-dragover-prev {
+  border-top: 2px var(--el-color-primary) solid;
+}
+
+.vkf-gm-form-item-x.vk-tab-item {
+  cursor: initial;
+}
+
+.vkf-gm-form-item-x.is-active {
+  border: 2px var(--el-color-primary) dashed;
+  /* margin-bottom: .5em; */
+}
+
+.vkf-gm-form-item-x .el-form-item {
+  transition: all .3s ease;
+}
+
+.vkf-gm-form-item-x.is-active .el-form-item {
+  padding: 1em .5em 0;
+}
+
 .vkf-widget-tab{
   position: relative;
   width: 100%;
@@ -43,39 +83,34 @@
   border-radius: 4px;
 }
 
-.vkf-ground-main {
-  min-height: 100%;
-  padding: .5em;
-}
-.vkf-ground-end.is-dragover-prev {
-  border-top: 2px var(--el-color-primary) solid;
-}
-.vkf-gm-form-item-x.vk-tab-item{
-  cursor: initial;
-}
-.vkf-gm-form-item-x.is-active{
-  border: 2px var(--el-color-primary) dashed;
-  /* margin-bottom: .5em; */
-}
-.vkf-gm-form-item-x .el-form-item {
-  transition: all .3s ease;
-}
-.vkf-gm-form-item-x.is-active .el-form-item{
-  padding: 1em .5em 0;
+.vkf-ground-main-editing-wrapper{
+  overflow: hidden;
+  position: relative;
 }
 
-
- 
-.vkf-gmew-drag-wrapper{
-  cursor: move;
+.vkf-gmew-tools{
   background: var(--el-color-primary);
   color: var(--el-color-white);
   opacity: .7;
+}
+
+.vkf-gmew-drag-wrapper{
+  cursor: move;
   font-size: .8em;
 }
-.vkf-ground-main-editing-wrapper{
-  overflow: hidden;
+
+.vkf-gmew-rb-x{
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  padding: 0 .2em;
+}
+.vkf-gmew-rb-x .el-icon {
+  cursor: pointer;
 }
+
+
 .vkf-ground-main-editing-wrapper.is-dragover-next{
   border-bottom: 2px solid var(--el-color-primary);
 }