@vunk/form 0.0.0-alpha.1 → 0.0.0-alpha.10

package/components/switch/index.js

@@ -0,0 +1,72 @@
+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';
+
+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",
+  components: {
+    ElSwitch,
+    VkfFormItem
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const switchBindProps = createSwitchBindProps(props2);
+    const switchOnEmits = createSwitchOnEmits(emit);
+    return {
+      formItemBindProps,
+      switchBindProps,
+      switchOnEmits
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElSwitch = resolveComponent("ElSwitch");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElSwitch, mergeProps(_ctx.switchBindProps, toHandlers(_ctx.switchOnEmits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  }, 16);
+}
+
+script.render = render;
+script.__file = "switch/src/index.vue";
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfSwitch, types as __VkfSwitch, script as default };

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

@@ -0,0 +1,68 @@
+export declare const props: {
+    modelValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, 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>;
+    inlinePrompt: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    activeIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    inactiveIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    activeText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    borderColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, true, boolean>;
+    inactiveValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
+    name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    id: StringConstructor;
+    loading: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    beforeChange: {
+        readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
+        readonly required: false;
+        readonly validator: (val: unknown) => boolean;
+        __epPropKey: true;
+    };
+    size: {
+        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;
+        __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;
+        __epPropKey: true;
+    };
+    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;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
+        readonly required: false;
+        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;
+        __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>;
+};
+export declare const emits: {
+    "update:modelValue": (val: string | number | boolean) => boolean;
+    change: (val: string | number | boolean) => boolean;
+    input: (val: string | number | boolean) => boolean;
+};

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

@@ -0,0 +1,164 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, 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>;
+    inlinePrompt: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    activeIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    inactiveIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    activeText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    borderColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, true, boolean>;
+    inactiveValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
+    name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    id: StringConstructor;
+    loading: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    beforeChange: {
+        readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
+        readonly required: false;
+        readonly validator: (val: unknown) => boolean;
+        __epPropKey: true;
+    };
+    size: {
+        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;
+        __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;
+        __epPropKey: true;
+    };
+    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;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
+        readonly required: false;
+        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;
+        __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<{}>;
+    switchBindProps: import("vue").ComputedRef<{}>;
+    switchOnEmits: {
+        "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;
+    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>;
+    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>;
+    inlinePrompt: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    activeIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    inactiveIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    activeText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveText: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inactiveColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    borderColor: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    activeValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, true, boolean>;
+    inactiveValue: import("element-plus/es/utils").EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
+    name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    id: StringConstructor;
+    loading: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    beforeChange: {
+        readonly type: import("vue").PropType<() => boolean | Promise<boolean>>;
+        readonly required: false;
+        readonly validator: (val: unknown) => boolean;
+        __epPropKey: true;
+    };
+    size: {
+        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;
+        __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;
+        __epPropKey: true;
+    };
+    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;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
+        readonly required: false;
+        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;
+        __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;
+    "onUpdate:modelValue"?: (val: string | number | boolean) => any;
+    onInput?: (val: string | number | boolean) => any;
+}, {
+    required: 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>;
+    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>;
+    width: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlinePrompt: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    activeIcon: "";
+    inactiveIcon: "";
+    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>;
+}>;
+export default _default;

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

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

package/full-entry/main.d.ts

@@ -1,11 +1,17 @@
-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/input';
+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';

package/index.css

@@ -9,19 +9,36 @@
 }
 
 
-.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;
 }
@@ -30,25 +47,28 @@
   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{
+
+.vkf-gm-form-item-x.vk-tab-item {
   cursor: initial;
 }
-.vkf-gm-form-item-x.is-active{
+
+.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{
+
+.vkf-gm-form-item-x.is-active .el-form-item {
   padding: 1em .5em 0;
 }
 
-
- 
 .vkf-widget-tab{
   position: relative;
   width: 100%;
@@ -76,16 +96,34 @@
   border-radius: 4px;
 }
 
-.vkf-gmew-drag-wrapper{
-  cursor: move;
+.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-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);
 }

package/index.d.ts

@@ -1,7 +1,7 @@
 
 export * from '@vunk/form/components/input'
 
-export * from '@vunk/form/components/ground'
+// export * from '@vunk/form/components/ground'
 
 export * from '@vunk/form/components/form-item-renderer'
 
@@ -21,3 +21,16 @@ 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'

package/index.esm.js

@@ -1,5 +1,4 @@
 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';
@@ -9,3 +8,10 @@ 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.0-alpha.1",
+  "version": "0.0.0-alpha.10",
   "description": "",
   "module": "index.esm.js",
   "scripts": {

package/packages/components/config/index.d.ts

@@ -0,0 +1,4 @@
+import VkfConfig from './src/index.vue';
+export * as _VkfConfigCtx from './src/ctx';
+export { VkfConfig, };
+export default VkfConfig;

package/packages/components/config/src/ctx.d.ts

@@ -0,0 +1,19 @@
+import { SetDataEvent } from '@vunk/form/shared/types';
+import { PropType } from 'vue';
+import { AnyObject } from 'vunk/shared/types';
+export declare const props: {
+    data: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    source: {
+        type: PropType<import("../../config-renderer/src/types").Source>;
+        default: () => {};
+    };
+};
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("data" | "source")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "data" | "source">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const emits: {
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
+    'setData:source': (e: SetDataEvent) => SetDataEvent<any>;
+};
+export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("setData" | "setData:source")[], K extends "setData" | "setData:source">(emit: T2, excludes?: EX) => { [k in K]: T2; };

package/packages/components/config/src/index.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("vunk/shared/types").AnyObject>;
+        default: () => {};
+    };
+    source: {
+        type: import("vue").PropType<import("../../config-renderer/src/types").Source>;
+        default: () => {};
+    };
+}, {
+    configRendererProps: import("vue").ComputedRef<{}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    setData: (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
+    'setData:source': (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("vunk/shared/types").AnyObject>;
+        default: () => {};
+    };
+    source: {
+        type: import("vue").PropType<import("../../config-renderer/src/types").Source>;
+        default: () => {};
+    };
+}>> & {
+    onSetData?: (e: import("../../../shared/types").SetDataEvent<any>) => any;
+    "onSetData:source"?: (e: import("../../../shared/types").SetDataEvent<any>) => any;
+}, {
+    data: {};
+    source: {};
+}>;
+export default _default;

package/packages/components/config-renderer/index.d.ts

@@ -0,0 +1,6 @@
+import VkfConfigRenderer from './src/index.vue';
+export * as __VkfConfigRenderer from './src/types';
+export * as _VkConfigRendererCtx from './src/ctx';
+export * from './src/symbols';
+export { VkfConfigRenderer, };
+export default VkfConfigRenderer;

package/packages/components/config-renderer/src/ctx.d.ts

@@ -0,0 +1,9 @@
+import { PropType } from 'vue';
+import { Source } from './types';
+export declare const props: {
+    source: {
+        type: PropType<Source>;
+        default: () => {};
+    };
+};
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends "source"[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "source">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;

package/packages/components/config-renderer/src/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { VNode } from 'vue';
+import { Source } from './types';
+declare const _default: import("vue").DefineComponent<{
+    source: {
+        type: import("vue").PropType<Source>;
+        default: () => {};
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[][], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: import("vue").PropType<Source>;
+        default: () => {};
+    };
+}>>, {
+    source: {};
+}>;
+export default _default;

package/packages/components/config-renderer/src/symbols.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInternalInstance, InjectionKey } from 'vue';
+export declare const S_CONFIG_RENDERER_TEMPLATE_INSTANCES: InjectionKey<Record<string, ComponentInternalInstance>>;

package/packages/components/config-renderer/src/types.d.ts

@@ -0,0 +1,4 @@
+export declare type Source = {
+    templateType?: string;
+    [k: string]: any;
+};

package/packages/components/config-renderer-template/index.d.ts

@@ -0,0 +1,3 @@
+import VkfConfigRendererTemplate from './src/index.vue';
+export { VkfConfigRendererTemplate, };
+export default VkfConfigRendererTemplate;

package/packages/components/config-renderer-template/src/ctx.d.ts

@@ -0,0 +1,7 @@
+export declare const props: {
+    type: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+};