@vunk/form 0.0.1-alpha.4 → 0.0.1-alpha.41

package/shared/element-plus/instances.d.ts

@@ -1,3 +1,4 @@
+import { CascaderNode } from 'element-plus';
 import { PropType, Component } from 'vue';
 export declare const datePickerProps: {
     type: {
@@ -7,13 +8,13 @@ export declare const datePickerProps: {
     disabledDate: {
         readonly type: PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     cellClassName: {
         readonly type: PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     shortcuts: import("element-plus/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
@@ -25,25 +26,25 @@ export declare const datePickerProps: {
     disabledHours: {
         readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledHours>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
         readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledMinutes>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
         readonly type: PropType<import("element-plus/es/components/time-picker/src/props/shared").GetDisabledSeconds>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     id: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     name: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown, "", boolean>;
@@ -57,7 +58,7 @@ export declare const datePickerProps: {
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -71,33 +72,33 @@ export declare const datePickerProps: {
     defaultValue: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     defaultTime: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export declare const datePickerEmits: {
-    'update:modelValue': any;
-    change: any;
-    focus: any;
-    blur: any;
-    'calendar-change': any;
-    'panel-change': any;
-    'visible-change': any;
-    keydown: any;
+    'update:modelValue': null;
+    change: null;
+    focus: null;
+    blur: null;
+    'calendar-change': null;
+    'panel-change': null;
+    'visible-change': null;
+    keydown: null;
 };
 export declare const selectProps: {
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
-        default: any;
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
     };
     autocomplete: {
         type: StringConstructor;
@@ -169,16 +170,117 @@ export declare const selectProps: {
         default: string;
         type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 };
 export declare const selectEmits: {
-    'update:modelValue': any;
-    change: any;
-    'remove-tag': any;
-    clear: any;
-    'visible-change': any;
-    focus: any;
-    blur: any;
+    'update:modelValue': null;
+    change: null;
+    'remove-tag': null;
+    clear: null;
+    'visible-change': null;
+    focus: null;
+    blur: null;
+};
+export declare const colorPickerProps: {
+    modelValue: StringConstructor;
+    id: StringConstructor;
+    showAlpha: BooleanConstructor;
+    colorFormat: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    popperClass: StringConstructor;
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    predefine: ArrayConstructor;
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const colorPickerEmits: {
+    change: null;
+    'active-change': null;
+    'update:modelValue': null;
+};
+export declare const cascaderProps: {
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    disabled: BooleanConstructor;
+    clearable: BooleanConstructor;
+    filterable: BooleanConstructor;
+    filterMethod: {
+        type: PropType<(node: CascaderNode, keyword: string) => boolean>;
+        default: (node: CascaderNode, keyword: string) => boolean;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    showAllLevels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseTags: BooleanConstructor;
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeFilter: {
+        type: PropType<(value: string) => boolean | Promise<any>>;
+        default: () => boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    tagType: {
+        default: string;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: PropType<import("element-plus/es/components/cascader-panel/src/node").CascaderValue>;
+    options: {
+        type: PropType<import("element-plus").CascaderOption[]>;
+        default: () => import("element-plus").CascaderOption[];
+    };
+    props: {
+        type: PropType<import("element-plus").CascaderProps>;
+        default: () => import("element-plus").CascaderProps;
+    };
+};
+export declare const cascaderEmits: {
+    "update:modelValue": null;
+    change: null;
+    focus: null;
+    blur: null;
+    'visible-change': null;
+    'expand-change': null;
+    'remove-tag': null;
 };

package/shared/infer-prop/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentSource, FormItemRendererSource } from '@vunk/form/shared/types';
+export interface PropInfo {
+    prop: string;
+    type: string;
+    precision?: number;
+}
+export declare type InferPropInfo = (item: Exclude<FormItemRendererSource, ComponentSource>) => Partial<PropInfo>;
+export declare const propInfoAction: {
+    VkfSelect: InferPropInfo;
+    VkfRadio: InferPropInfo;
+    VkfCheckbox: InferPropInfo;
+    VkfColorPicker: InferPropInfo;
+    VkfInputNumber: InferPropInfo;
+    VkfSwitch: InferPropInfo;
+    VkfUpload: InferPropInfo;
+    VkfDatePicker: InferPropInfo;
+};

package/shared/infer-prop/index.js

@@ -0,0 +1,34 @@
+const inferString = (item) => ({
+  prop: item.prop,
+  type: "String"
+});
+const inferBoolean = (item) => ({
+  prop: item.prop,
+  type: "Boolean"
+});
+const inferNumber = (item) => {
+  const info = {
+    prop: item.prop,
+    type: "Number"
+  };
+  if (item.precision) {
+    info.precision = item.precision;
+  }
+  return info;
+};
+const inferDate = (item) => ({
+  prop: item.prop,
+  type: "Date"
+});
+const propInfoAction = {
+  VkfSelect: inferString,
+  VkfRadio: inferString,
+  VkfCheckbox: inferString,
+  VkfColorPicker: inferString,
+  VkfInputNumber: inferNumber,
+  VkfSwitch: inferBoolean,
+  VkfUpload: inferString,
+  VkfDatePicker: inferDate
+};
+
+export { propInfoAction };

package/shared/types/basic-source/index.d.ts

@@ -0,0 +1,7 @@
+import { NormalObject } from '@vunk/core';
+export interface BasicSource {
+    templateIf?: ((data?: NormalObject) => boolean) | string | boolean;
+    templateType?: string;
+    class?: any;
+    prop?: any;
+}

package/shared/types/basic-source/index.js

@@ -0,0 +1 @@
+

package/shared/types/ep-source/el-divider.d.ts

@@ -0,0 +1,7 @@
+import { ElDivider } from 'element-plus';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface ElDividerSource extends VueComponentPropsType<typeof ElDivider>, BasicSource {
+    templateType: 'ElDivider';
+    label: string;
+}

package/shared/types/ep-source/el-link.d.ts

@@ -0,0 +1,8 @@
+import { ElLink } from 'element-plus';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface ElLinkSource extends VueComponentPropsType<typeof ElLink>, BasicSource {
+    templateType: 'ElLink';
+    label: string;
+    target?: '_blank';
+}

package/shared/types/ep-source/index.d.ts

@@ -0,0 +1,3 @@
+import { ElLinkSource } from './el-link';
+import { ElDividerSource } from './el-divider';
+export declare type EpSouce = ElLinkSource | ElDividerSource;

package/shared/types/ep-source/index.js

@@ -0,0 +1 @@
+

package/shared/types/form/checkbox.d.ts

@@ -0,0 +1,13 @@
+export interface CheckboxProps {
+    value?: string | number;
+    label?: string;
+    'trueLabel'?: string | number;
+    'falseLabel'?: string | number;
+    disabled?: boolean;
+    border?: boolean;
+    size?: '' | 'default' | 'small' | 'large';
+    name?: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+    validateEvent?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from './radio';
+export * from './checkbox';

package/shared/types/form/index.js

@@ -0,0 +1 @@
+

package/shared/types/form/radio.d.ts

@@ -0,0 +1,8 @@
+export interface RadioProps {
+    border?: boolean;
+    name?: string;
+    size?: '' | 'default' | 'small' | 'large';
+    disabled?: boolean;
+    value?: string | number;
+    label?: string;
+}

package/shared/types/index.d.ts

@@ -1,3 +1,5 @@
 export * from './renderer-source';
 export * from './layout-source';
 export * from './source-manager';
+export * from './basic-source';
+export * from './ep-source';

package/shared/types/layout-source/index.d.ts

@@ -1,10 +1,11 @@
 import { VueComponentPropsType } from '@vunk/core';
 import { ElCol, ElRow } from 'element-plus';
-export interface ElRowSource<S> extends VueComponentPropsType<typeof ElRow> {
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface ElRowSource<S> extends VueComponentPropsType<typeof ElRow>, BasicSource {
     templateType: 'ElRow';
     templateSlots: S[];
 }
-export interface ElColSource<S> extends VueComponentPropsType<typeof ElCol> {
+export interface ElColSource<S> extends VueComponentPropsType<typeof ElCol>, BasicSource {
     templateType: 'ElCol';
     templateSlots: S[];
 }
@@ -22,9 +23,10 @@ interface VkfFlexItem {
     basis?: string | IntrinsicSizing | GlobalValues | 'revert' | 'revert-layer' | 'content';
     overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | string;
 }
-export interface VkfFlexSource<S> extends VkfFlex, VkfFlexItem {
+export interface VkfFlexSource<S> extends VkfFlex, VkfFlexItem, BasicSource {
     templateType: 'VkfFlex';
-    templateSlots: S[];
+    templateSlots?: S[];
+    [s: string]: any;
 }
 export declare type LayoutSourceEnhance<S> = ElRowSource<S> | ElColSource<S> | VkfFlexSource<S>;
 export {};

package/shared/types/renderer-source/button.d.ts

@@ -0,0 +1,7 @@
+import { VkfButton } from '@vunk/form/components/button';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfButtonSource<P extends string = string> extends VueComponentPropsType<typeof VkfButton>, BasicSource {
+    prop?: P;
+    templateType: 'VkfButton';
+}

package/shared/types/renderer-source/cascader.d.ts

@@ -0,0 +1,7 @@
+import { VkfCascader } from '@vunk/form/components/cascader';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfCascaderSource<P extends string = string> extends VueComponentPropsType<typeof VkfCascader>, BasicSource {
+    prop: P;
+    templateType: 'VkfCascader';
+}

package/shared/types/renderer-source/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { VkfCheckbox } from '@vunk/form/components/checkbox';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfCheckboxSource<P extends string = string> extends VueComponentPropsType<typeof VkfCheckbox>, BasicSource {
+    prop: P;
+    templateType: 'VkfCheckbox';
+}

package/shared/types/renderer-source/color-picker.d.ts

@@ -0,0 +1,7 @@
+import { VkfColorPicker } from '@vunk/form/components/color-picker';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfColorPickerSource<P extends string = string> extends VueComponentPropsType<typeof VkfColorPicker>, BasicSource {
+    prop: P;
+    templateType: 'VkfColorPicker';
+}

package/shared/types/renderer-source/compoent.d.ts

@@ -1,5 +1,8 @@
 import type { Merge } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type ComponentSource<C = undefined> = Merge<{
     templateType: 'Component';
+    templateIf?: BasicSource['templateIf'];
     is: any;
+    prop?: string;
 }, C>;

package/shared/types/renderer-source/date-picker.d.ts

@@ -1,7 +1,8 @@
 import { VkfDatePicker } from '@vunk/form/components/date-picker';
 import type { Merge, VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type VkfDatePickerProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfDatePicker>, T>;
-export declare type VkfDatePickerSource<P = string> = VkfDatePickerProps<{
+export interface VkfDatePickerSource<P extends string = string> extends VkfDatePickerProps, BasicSource {
     prop: P;
     templateType: 'VkfDatePicker';
-}>;
+}

package/shared/types/renderer-source/index.d.ts

@@ -4,10 +4,22 @@ import type { VkfInputSource } from './input';
 import type { VkfSelectSource } from './select';
 import type { VkfSwitchSource } from './switch';
 import type { VkfInputNumberSource } from './input-number';
+import type { VkfRadioSource } from './radio';
+import type { VkfCheckboxSource } from './checkbox';
+import type { VkfUploadSource } from './upload';
+import type { VkfColorPickerSource } from './color-picker';
+import type { VkfButtonSource } from './button';
+import type { VkfCascaderSource } from './cascader';
 export * from './compoent';
 export * from './date-picker';
 export * from './input';
 export * from './select';
 export * from './switch';
 export * from './input-number';
-export declare type FormItemRendererSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfInputNumberSource<P> | ComponentSource;
+export * from './radio';
+export * from './checkbox';
+export * from './upload';
+export * from './color-picker';
+export * from './button';
+export * from './cascader';
+export declare type FormItemRendererSource<P extends string = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | ComponentSource;

package/shared/types/renderer-source/input-number.d.ts

@@ -1,7 +1,8 @@
 import { VkfInputNumber } from '@vunk/form/components/input-number';
 import type { Merge, VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type VkfInputNumberProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfInputNumber>, T>;
-export declare type VkfInputNumberSource<P = string> = VkfInputNumberProps<{
+export interface VkfInputNumberSource<P extends string = string> extends VkfInputNumberProps, BasicSource {
     prop: P;
     templateType: 'VkfInputNumber';
-}>;
+}

package/shared/types/renderer-source/input.d.ts

@@ -1,7 +1,8 @@
 import { VkfInput } from '@vunk/form/components/input';
 import type { Merge, VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type VkfInputProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfInput>, T>;
-export declare type VkfInputSource<P = string> = VkfInputProps<{
+export interface VkfInputSource<P extends string = string> extends VkfInputProps, BasicSource {
     prop: P;
     templateType: 'VkfInput';
-}>;
+}

package/shared/types/renderer-source/radio.d.ts

@@ -0,0 +1,7 @@
+import VkfRadio from '@vunk/form/components/radio';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfRadioSource<P extends string = string> extends VueComponentPropsType<typeof VkfRadio>, BasicSource {
+    prop: P;
+    templateType: 'VkfRadio';
+}

package/shared/types/renderer-source/select.d.ts

@@ -1,7 +1,8 @@
 import { VkfSelect } from '@vunk/form/components/select';
 import type { Merge, VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type VkfSelectProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSelect>, T>;
-export declare type VkfSelectSource<P = string> = VkfSelectProps<{
+export interface VkfSelectSource<P extends string = string> extends VkfSelectProps, BasicSource {
     prop: P;
     templateType: 'VkfSelect';
-}>;
+}

package/shared/types/renderer-source/switch.d.ts

@@ -1,7 +1,8 @@
 import { VkfSwitch } from '@vunk/form/components/switch';
 import type { Merge, VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
 export declare type VkfSwitchProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSwitch>, T>;
-export declare type VkfSwitchSource<P = string> = VkfSwitchProps<{
+export interface VkfSwitchSource<P extends string = string> extends VkfSwitchProps, BasicSource {
     prop: P;
     templateType: 'VkfSwitch';
-}>;
+}

package/shared/types/renderer-source/upload.d.ts

@@ -0,0 +1,7 @@
+import { VkfUpload } from '@vunk/form/components/upload';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared/types/basic-source';
+export interface VkfUploadSource<P extends string = string> extends VueComponentPropsType<typeof VkfUpload>, BasicSource {
+    prop: P;
+    templateType: 'VkfUpload';
+}