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

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

@@ -1,5 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
-    modelValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultModelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
     disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     width: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
@@ -24,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         __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;
         __epPropKey: true;
@@ -35,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
@@ -43,7 +51,6 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -60,28 +67,42 @@ declare const _default: import("vue").DefineComponent<{
     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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: 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;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         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;
+        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;
         error: string | undefined;
         validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
         for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
     }>;
     switchBindProps: import("vue").ComputedRef<{
+        size: 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"> | undefined;
         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>;
+        id: string | undefined;
+        disabled: 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>;
@@ -97,16 +118,23 @@ declare const _default: import("vue").DefineComponent<{
         beforeChange: (() => boolean | Promise<boolean>) | undefined;
     }>;
     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": (val: string | number | boolean) => void;
+        change: (val: string | number | boolean) => void;
+        input: (val: string | number | boolean) => void;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | number | boolean) => boolean;
     change: (val: string | number | boolean) => boolean;
     input: (val: string | number | boolean) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultModelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     value: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
     disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     width: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
@@ -131,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         __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;
         __epPropKey: true;
@@ -142,6 +170,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
@@ -150,7 +179,6 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -167,20 +195,34 @@ declare const _default: import("vue").DefineComponent<{
     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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
 }>> & {
-    onChange?: ((val: string | number | boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    onChange?: ((val: string | number | boolean) => any) | undefined;
     onInput?: ((val: string | number | boolean) => any) | undefined;
 }, {
-    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>;
-    disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modelValue: import("element-plus/es/utils").EpPropMergeType<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    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: boolean;
     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>;
@@ -193,5 +235,6 @@ declare const _default: import("vue").DefineComponent<{
     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>;
+    defaultModelValue: boolean;
 }>;
 export default _default;

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/components/switch/src/types.js

@@ -0,0 +1 @@
+

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,33 @@
-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';
+import { VkfFormItemRendererTemplateDefault } from '@vunk/form/components/form-item-renderer-template-default';
+export * from '@vunk/form/shared';
+export * from '@vunk/form/composables';
+
+var Components = [
+  VkfForm,
+  VkfFormItemRenderer,
+  VkfFormItemRendererTemplate,
+  VkfFormItemRendererTemplateLayout,
+  VkfFormItemRendererTemplateDefault
+];
+
+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 };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.0-alpha.8",
+  "version": "0.0.1-alpha.10",
   "description": "",
-  "module": "index.esm.js",
+  "main": "index.esm.js",
   "scripts": {
     "build": "gulp -f gulpfile.ts"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "module": "index.esm.js"
 }