@vunk/form 0.0.0-alpha.8 → 0.0.1-alpha.2

package/components/switch/index.js

@@ -1,15 +1,26 @@
 import { formItemProps, switchProps, switchEmits, ElSwitch } from 'element-plus';
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, renderSlot } from 'vue';
 import { VkfFormItem, _VkfFormItemCtx } from '@vunk/form/components/form-item';
-import { createSwitchBindProps, createSwitchOnEmits } from '@vunk/form/shared/element-plus/ctx';
+import { createSwitchBindProps, createSwitchOnEmits } from '@vunk/form/shared/element-plus';
 
-const props = {
-  ...formItemProps,
-  ...switchProps
-};
-const emits = {
-  ...switchEmits
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
+const props = __spreadValues(__spreadValues({}, formItemProps), switchProps);
+const emits = __spreadValues({}, switchEmits);
 
 var script = defineComponent({
   name: "VkfSwitch",

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

@@ -20,19 +20,19 @@ export declare const props: {
     beforeChange: {
         readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large") | ((new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large"))[], unknown, "" | "small" | "default" | "large">>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     label: StringConstructor;
@@ -40,21 +40,21 @@ export declare const props: {
     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;
+        readonly validator: (val: unknown) => boolean;
         __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 type: import("vue").PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     for: StringConstructor;

package/components/switch/src/ctx.js

@@ -0,0 +1,22 @@
+import { formItemProps, switchProps, switchEmits } from 'element-plus';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const props = __spreadValues(__spreadValues({}, formItemProps), switchProps);
+const emits = __spreadValues({}, switchEmits);
+
+export { emits, props };

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

@@ -20,19 +20,19 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: {
         readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large") | ((new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large"))[], unknown, "" | "small" | "default" | "large">>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     label: StringConstructor;
@@ -40,66 +40,33 @@ declare const _default: import("vue").DefineComponent<{
     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;
+        readonly validator: (val: unknown) => boolean;
         __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 type: import("vue").PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __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>;
 }, {
-    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;
-    }>;
-    switchBindProps: import("vue").ComputedRef<{
-        name: string;
-        value: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
-        size: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large") | ((new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large"))[], unknown, "" | "small" | "default" | "large"> | undefined;
-        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>;
-        activeIcon: import("element-plus/es/utils").EpPropMergeType<(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>;
-        inactiveIcon: import("element-plus/es/utils").EpPropMergeType<(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>;
-        activeText: string;
-        inactiveText: string;
-        activeColor: string;
-        inactiveColor: string;
-        borderColor: string;
-        activeValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
-        inactiveValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
-        loading: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        beforeChange: (() => boolean | Promise<boolean>) | undefined;
-    }>;
+    formItemBindProps: import("vue").ComputedRef<{}>;
+    switchBindProps: import("vue").ComputedRef<{}>;
     switchOnEmits: {
-        "update:modelValue": ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
-        input: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
-        change: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
+        "update:modelValue": ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void);
+        change: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void);
+        input: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void) & ((event: "input", val: string | number | boolean) => void);
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;
@@ -127,19 +94,19 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: {
         readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large") | ((new (...args: any[]) => ("" | "small" | "default" | "large") & {}) | (() => "" | "small" | "default" | "large"))[], unknown, "" | "small" | "default" | "large">>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large") | ((new (...args: any[]) => ("" | "default" | "small" | "large") & {}) | (() => "" | "default" | "small" | "large"))[], unknown, "" | "default" | "small" | "large">>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     label: StringConstructor;
@@ -147,44 +114,44 @@ declare const _default: import("vue").DefineComponent<{
     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;
+        readonly validator: (val: unknown) => boolean;
         __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 type: import("vue").PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __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>;
 }>> & {
-    onChange?: ((val: string | number | boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
-    onInput?: ((val: string | number | boolean) => any) | undefined;
+    "onUpdate:modelValue"?: (val: string | number | boolean) => any;
+    onChange?: (val: string | number | boolean) => any;
+    onInput?: (val: string | number | boolean) => any;
 }, {
-    name: string;
-    value: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
     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>;
+    name: string;
+    value: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modelValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
-    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>;
-    activeIcon: import("element-plus/es/utils").EpPropMergeType<(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>;
-    inactiveIcon: import("element-plus/es/utils").EpPropMergeType<(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>;
+    activeIcon: "";
+    inactiveIcon: "";
     activeText: string;
     inactiveText: string;
     activeColor: string;

package/components/switch/src/types.d.ts

@@ -1,3 +1 @@
-import { ReturnVoid } from 'vunk/shared/types';
-export declare type LoadEvent = {};
-export declare type OnLoad = (e: LoadEvent) => ReturnVoid;
+export {};

package/composables/index.d.ts

@@ -0,0 +1 @@
+export * from './useSourceManager';

package/composables/index.js

@@ -0,0 +1,82 @@
+import { isRef, ref, computed, unref } from 'vue';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const useSourceManager = (source, opts = {}) => {
+  if (!isRef(source)) {
+    source = ref(source);
+  }
+  const op = __spreadProps(__spreadValues({}, opts), {
+    slotsChildren: ["default"]
+  });
+  opts.slotsChildren && op.slotsChildren.push(...opts.slotsChildren);
+  const manager = computed(() => {
+    const keyRecord = {};
+    const propRecord = {};
+    function intoData(list, k = []) {
+      list.forEach((item, index) => {
+        const currentK = [...k, index];
+        const managerInfo = {
+          source: item,
+          key: currentK,
+          nextKey: [...k, index + 1],
+          prop: item.prop
+        };
+        keyRecord[currentK.join()] = managerInfo;
+        if (item.prop) {
+          propRecord[item.prop] = managerInfo;
+        }
+        if (item.templateSlots) {
+          if (Array.isArray(item.templateSlots)) {
+            currentK.push("templateSlots");
+            intoData(item.templateSlots, currentK);
+          }
+          op.slotsChildren.forEach((filed) => {
+            if (Array.isArray(item.templateSlots[filed])) {
+              currentK.push("templateSlots", filed);
+              intoData(item.templateSlots[filed], currentK);
+            }
+          });
+        }
+      });
+    }
+    intoData(unref(source));
+    return {
+      keyRecord,
+      propRecord
+    };
+  });
+  const getManagerInfoByProp = (prop) => {
+    return manager.value.propRecord[prop];
+  };
+  const getManagerInfoByKey = (key) => {
+    return manager.value.propRecord[key.join()];
+  };
+  return [
+    source,
+    {
+      manager,
+      getManagerInfoByProp,
+      getManagerInfoByKey
+    }
+  ];
+};
+
+export { useSourceManager };

package/composables/useSourceManager.d.ts

@@ -0,0 +1,13 @@
+import { FormItemRendererSource, ManagerInfo } from '@vunk/form/shared/types';
+import { MaybeRef } from '@vunk/core';
+import { Ref } from 'vue';
+export declare const useSourceManager: <T = FormItemRendererSource<string>>(source: MaybeRef<T[]>, opts?: {
+    slotsChildren?: string[];
+}) => readonly [Ref<T[]>, {
+    readonly manager: import("vue").ComputedRef<{
+        keyRecord: Record<string, ManagerInfo<T>>;
+        propRecord: Record<string, ManagerInfo<T>>;
+    }>;
+    readonly getManagerInfoByProp: <I = T>(prop: string) => ManagerInfo<I>;
+    readonly getManagerInfoByKey: <I_1 = T>(key: (string | number)[]) => ManagerInfo<I_1>;
+}];

package/defaults.d.ts

@@ -0,0 +1,5 @@
+import type { App } from 'vue';
+declare const _default: {
+    install: (app: App<any>) => void;
+};
+export default _default;

package/index.css

@@ -1,132 +1,7 @@
 
-.vkf-confirm-input .el-input-group__append {
-  cursor: initial;
-}
-
-.vkf-confirm-input .vkf-confirm-input-icon {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}
-
-
-.vkf-ground {
+.vkf-flex {
   display: flex;
 }
-
-.vkf-ground-widget-x {
-  width: 15em;
-  height: 100%;
-}
-
-.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 {
-  padding: 0 1em;
-  flex: 1;
+.vkf-flex > .el-form-item {
+  width: 100%;
 }
-
-.vkf-widget-tab{
-  position: relative;
-  width: 100%;
-  display: flex;
-  justify-content: space-around;
-  --vk-float-block-color: var(--el-color-primary);
-}
-.vkf-widget-tab > .is-active.vk-tab-item{
- color: var(--el-color-primary);
-}
-.vkf-widget-tab > .vk-tab-item {
-  padding: 0.5em 1em;
-}
-
-/* for FormItemWidget */
-.vkf-ground-widget-ul {
-  display: grid;
-  grid: auto-flow / repeat(2, 1fr);
-}
-.vkf-ground-widget-ul li{
-  text-align: center;
-  margin: 0.25em .5em;
-  background: var(--el-color-info-light-8);
-  cursor: move;
-  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-tools{
-  background: var(--el-color-primary);
-  color: var(--el-color-white);
-  opacity: .7;
-}
-
-.vkf-gmew-drag-wrapper{
-  cursor: move;
-  font-size: .8em;
-}
-
-.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);
-}
-.vkf-ground-main-editing-wrapper.is-dragover-prev{
-  border-top: 2px solid var(--el-color-primary);
-}

package/index.d.ts

@@ -1,36 +1,9 @@
-
-export * from '@vunk/form/components/input'
-
-// export * from '@vunk/form/components/ground'
-
-export * from '@vunk/form/components/form-item-renderer'
-
-export * from '@vunk/form/components/form-item-renderer-template'
-
-export * from '@vunk/form/components/drag-wrapper'
-
-export * from '@vunk/form/components/drop-wrapper'
-
-export * from '@vunk/form/components/input-config'
-
-export * from '@vunk/form/components/config-renderer'
-
-export * from '@vunk/form/components/config-renderer-template'
-
-export * from '@vunk/form/components/config'
-
-export * from '@vunk/form/components/confirm-input'
-
-export * from '@vunk/form/components/form'
-
-export * from '@vunk/form/components/rules-config'
-
-export * from '@vunk/form/components/switch'
-
-export * from '@vunk/form/components/form-item'
-
-export * from '@vunk/form/components/select'
-
-export * from '@vunk/form/components/select-config'
-
-export * from '@vunk/form/components/date-picker'
+import installer from './defaults';
+export declare const install: (app: import("vue").App<any>) => void;
+export default installer;
+export * from '@vunk/form/shared';
+export * from '@vunk/form/composables';
+export * from '@vunk/form/components/form-item-renderer';
+export * from '@vunk/form/components/form-item-renderer-template';
+export * from '@vunk/form/components/form-item-renderer-template-layout';
+export * from '@vunk/form/components/form';

package/index.esm.js

@@ -1,17 +1,31 @@
-export * from '@vunk/form/components/input';
+import { VkfForm } from '@vunk/form/components/form';
+export * from '@vunk/form/components/form';
+import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 export * from '@vunk/form/components/form-item-renderer';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
 export * from '@vunk/form/components/form-item-renderer-template';
-export * from '@vunk/form/components/drag-wrapper';
-export * from '@vunk/form/components/drop-wrapper';
-export * from '@vunk/form/components/input-config';
-export * from '@vunk/form/components/config-renderer';
-export * from '@vunk/form/components/config-renderer-template';
-export * from '@vunk/form/components/config';
-export * from '@vunk/form/components/confirm-input';
-export * from '@vunk/form/components/form';
-export * from '@vunk/form/components/rules-config';
-export * from '@vunk/form/components/switch';
-export * from '@vunk/form/components/form-item';
-export * from '@vunk/form/components/select';
-export * from '@vunk/form/components/select-config';
-export * from '@vunk/form/components/date-picker';
+import { VkfFormItemRendererTemplateLayout } from '@vunk/form/components/form-item-renderer-template-layout';
+export * from '@vunk/form/components/form-item-renderer-template-layout';
+export * from '@vunk/form/shared';
+export * from '@vunk/form/composables';
+
+var Components = [
+  VkfForm,
+  VkfFormItemRenderer,
+  VkfFormItemRendererTemplate,
+  VkfFormItemRendererTemplateLayout
+];
+
+const makeInstaller = (components = []) => {
+  const install = (app) => {
+    components.forEach((c) => app.use(c));
+  };
+  return {
+    install
+  };
+};
+var installer = makeInstaller(Components);
+
+const install = installer.install;
+
+export { installer as default, install };