@vunk/form 0.0.0-alpha.1

package/index.css

@@ -0,0 +1,94 @@
+
+.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{
+  display: flex;
+}
+.vkf-ground-widget-x{
+  width: 15em;
+  height: 100%;
+}
+.vkf-ground-main-x{
+  flex: 3;
+  border: 2px var(--el-border-color) dashed;
+  overflow: auto;
+}
+.vkf-ground-config-x{
+  padding: 0 1em;
+  flex: 1;
+}
+
+.vkf-ground-main {
+  min-height: 100%;
+  padding: .5em;
+}
+.vkf-ground-end.is-dragover-prev {
+  border-top: 2px var(--el-color-primary) solid;
+}
+.vkf-gm-form-item-x.vk-tab-item{
+  cursor: initial;
+}
+.vkf-gm-form-item-x.is-active{
+  border: 2px var(--el-color-primary) dashed;
+  /* margin-bottom: .5em; */
+}
+.vkf-gm-form-item-x .el-form-item {
+  transition: all .3s ease;
+}
+.vkf-gm-form-item-x.is-active .el-form-item{
+  padding: 1em .5em 0;
+}
+
+
+ 
+.vkf-widget-tab{
+  position: relative;
+  width: 100%;
+  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-gmew-drag-wrapper{
+  cursor: move;
+  background: var(--el-color-primary);
+  color: var(--el-color-white);
+  opacity: .7;
+  font-size: .8em;
+}
+.vkf-ground-main-editing-wrapper{
+  overflow: hidden;
+}
+.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

@@ -0,0 +1,23 @@
+
+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'
+

package/index.esm.js

@@ -0,0 +1,11 @@
+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';

package/package.json

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

package/shared/element-plus/ctx/index.d.ts

@@ -0,0 +1,5 @@
+export declare const createInputBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "disabled" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "label" | "tabindex" | "validateEvent" | "inputStyle">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createInputOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "input" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "change" | "input" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
+export declare const createFormBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "disabled" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createFormOnEmits: <T2 extends (...args: any) => any, EX extends "validate"[], K extends "validate">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
+export declare const createFormItemBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "prop" | "error" | "size" | "label" | "labelWidth" | "rules" | "validateStatus" | "for" | "inlineMessage" | "showMessage">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;

package/shared/element-plus/ctx/index.js

@@ -0,0 +1,10 @@
+import { inputProps, inputEmits, formProps, formEmits, formItemProps } from 'element-plus';
+import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
+
+const createInputBindProps = bindPropsFactory(inputProps);
+const createInputOnEmits = onEmitsFactory(inputEmits);
+const createFormBindProps = bindPropsFactory(formProps);
+const createFormOnEmits = onEmitsFactory(formEmits);
+const createFormItemBindProps = bindPropsFactory(formItemProps);
+
+export { createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputOnEmits };

package/shared/helper/index.d.ts

@@ -0,0 +1,2 @@
+import { setData, unsetData } from 'vunk/shared/helper';
+export { setData, unsetData, };

package/shared/helper/index.js

@@ -0,0 +1 @@
+export { setData, unsetData } from 'vunk/shared/helper';

package/shared/types/form-item/index.d.ts

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

package/shared/types/form-item/index.js

@@ -0,0 +1 @@
+

package/shared/types/form-item/input.d.ts

@@ -0,0 +1,12 @@
+import { VkfInput } from '@vunk/form/components/input';
+import { VueComponentPropsType } from 'vunk/shared/types';
+import { Replace } from '../shared';
+export declare type VkfInputProps<T = undefined> = Replace<VueComponentPropsType<typeof VkfInput>, T>;
+export declare type VkfInputSource<P = string> = VkfInputProps<{
+    prop: P;
+    templateType: 'VkfInput';
+}>;
+export declare type VkfConfirmInputSource<P = string> = VkfInputProps<{
+    prop: P;
+    templateType: 'VkfConfirmInput';
+}>;

package/shared/types/form-item/input.js

@@ -0,0 +1 @@
+

package/shared/types/index.d.ts

@@ -0,0 +1,3 @@
+import { VkfInputSource } from './form-item';
+export * from './shared';
+export declare type FormItemRendererSource<P = string> = VkfInputSource<P>;

package/shared/types/index.js

@@ -0,0 +1 @@
+

package/shared/types/shared/index.d.ts

@@ -0,0 +1,6 @@
+export declare type Func<A = any, R = any> = A extends any[] ? (...args: A) => R : (arg: A) => R;
+export declare type Replace<A extends Record<string, any>, B> = B extends Record<string, any> ? (Omit<A, keyof B> & B) : A;
+export declare type SetDataEvent<K = any> = {
+    k: K;
+    v: any;
+};

package/shared/types/shared/index.js

@@ -0,0 +1 @@
+

package/types/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/types/components/config/src/ctx.d.ts

@@ -0,0 +1,22 @@
+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<{
+            [k: string]: any;
+            templateType?: string | undefined;
+        }>;
+        default: () => {};
+    };
+};
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "data" | "source">>(propsArg: T2, excludes?: EX | undefined) => 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 | undefined) => { [k in K]: T2; };

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

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("vunk/shared/types").AnyObject>;
+        default: () => {};
+    };
+    source: {
+        type: import("vue").PropType<{
+            [k: string]: any;
+            templateType?: string | undefined;
+        }>;
+        default: () => {};
+    };
+}, {
+    configRendererProps: import("vue").ComputedRef<{
+        source: {
+            [k: string]: any;
+            templateType?: string | undefined;
+        };
+    }>;
+}, 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<{
+            [k: string]: any;
+            templateType?: string | undefined;
+        }>;
+        default: () => {};
+    };
+}>> & {
+    onSetData?: ((e: import("../../../shared/types").SetDataEvent<any>) => any) | undefined;
+    "onSetData:source"?: ((e: import("../../../shared/types").SetDataEvent<any>) => any) | undefined;
+}, {
+    data: import("vunk/shared/types").AnyObject;
+    source: {
+        [k: string]: any;
+        templateType?: string | undefined;
+    };
+}>;
+export default _default;

package/types/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/types/components/config-renderer/src/ctx.d.ts

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

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

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

package/types/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/types/components/config-renderer/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/types/components/config-renderer-template/index.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+}, () => null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: boolean;
+        default: string;
+    };
+}>>, {
+    type: string;
+}>;
+export default _default;

package/types/components/confirm-input/index.d.ts

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

package/types/components/confirm-input/src/ctx.d.ts

@@ -0,0 +1,67 @@
+import { PropType } from 'vue';
+export declare const props: {
+    inputSlot: {
+        type: PropType<{
+            type: PropType<import("../../input/src/types").InputSlot>;
+            default: undefined;
+        }>;
+        default: () => {};
+    };
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlot: {
+        type: PropType<import("../../input/src/types").FormItemSlot>;
+        default: undefined;
+    };
+    updateEvent: {
+        type: PropType<"update:modelValue" | "change">;
+        default: string;
+    };
+    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "small" | "default" | "large", never>;
+    disabled: BooleanConstructor;
+    modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
+    type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
+    resize: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
+    autosize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").InputAutoSize>, false, unknown, unknown, unknown>;
+    autocomplete: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
+    formatter: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    parser: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    placeholder: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    form: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    clearable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    showPassword: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    showWordLimit: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    suffixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    prefixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    tabindex: import("element-plus/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    validateEvent: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    inputStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-plus/es/utils").Mutable<{}>, unknown, unknown, unknown>;
+    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    prop: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").FormItemProp>, unknown, unknown, unknown, unknown>;
+    required: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>, unknown, unknown, unknown, unknown>;
+    error: StringConstructor;
+    validateStatus: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "error" | "success" | "validating", unknown>;
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+};
+export declare const emits: {
+    'update:disabled': (e: boolean) => true;
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => boolean;
+    mouseleave: (evt: MouseEvent) => boolean;
+    mouseenter: (evt: MouseEvent) => boolean;
+    keydown: (evt: Event | KeyboardEvent) => boolean;
+    compositionstart: (evt: CompositionEvent) => boolean;
+    compositionupdate: (evt: CompositionEvent) => boolean;
+    compositionend: (evt: CompositionEvent) => boolean;
+};