@vunk/form 1.3.0 → 1.4.0

package/components/var-datetime-picker/src/types.d.ts

@@ -0,0 +1,22 @@
+import { DatePickType } from 'element-plus';
+import { VarDatePickerType } from './const';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form';
+import type CoreVue from './index.vue';
+export interface VarDatePickerTypeMedia {
+    label: string;
+    value: VarDatePickerType;
+    format: string;
+}
+export interface ElDatePickerTypeMedia {
+    label: string;
+    value: DatePickType;
+    varDatePickerType: VarDatePickerType;
+    isRange?: boolean;
+    hasTime?: boolean;
+}
+export interface Source<P extends string = string> extends VueComponentPropsType<typeof CoreVue>, BasicSource {
+    prop?: P;
+    templateType: 'VkfVarDatetimePicker';
+}
+export {};

package/components/vditor/index.d.ts

@@ -0,0 +1,4 @@
+import VkfVditor from './src/index.vue';
+export * as __VkfVditor from './src/types';
+export { VkfVditor, };
+export default VkfVditor;

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

@@ -0,0 +1,77 @@
+export declare const props: {
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultOptions: {
+        type: import("vue").PropType<IOptions>;
+        default: () => IOptions;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolbar: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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: {
+    load: (e: import("vditor").default) => import("vditor").default;
+    'update:modelValue': (e: string) => string;
+    ctrlEnter: (e: string) => string;
+    'update:fullscreen': (e: boolean) => boolean;
+};

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

@@ -0,0 +1,324 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultOptions: {
+        type: import("vue").PropType<IOptions>;
+        default: () => IOptions;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolbar: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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<{}>;
+    coreProps: import("vue").ComputedRef<{}>;
+    coreEmits: {};
+    readonly: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: (e: import("vditor").default) => import("vditor").default;
+    'update:modelValue': (e: string) => string;
+    ctrlEnter: (e: string) => string;
+    'update:fullscreen': (e: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultOptions: {
+        type: import("vue").PropType<IOptions>;
+        default: () => IOptions;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    toolbar: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: "default" | "small" | "large";
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        default: any;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelPosition: {
+        type: import("vue").PropType<"right">;
+        default: string;
+    };
+    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) | undefined;
+        __epPropKey: true;
+    };
+    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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (e: string) => any;
+    onLoad?: (e: import("vditor").default) => any;
+    onCtrlEnter?: (e: string) => any;
+    "onUpdate:fullscreen"?: (e: boolean) => any;
+}>, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    labelPosition: "right";
+    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>;
+    placeholder: string;
+    modelValue: string;
+    defaultOptions: IOptions;
+    fullscreen: boolean;
+    toolbar: string[];
+}, {}, {
+    VkfFormItem: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+    VkVditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        defaultOptions: {
+            type: import("vue").PropType<IOptions>;
+            default: () => IOptions;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        toolbar: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        vditorNode: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
+        isTextareaFocus: import("vue").Ref<boolean, boolean>;
+        ready: import("vue").Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        load: (e: import("vditor").default) => import("vditor").default;
+        'update:modelValue': (e: string) => string;
+        ctrlEnter: (e: string) => string;
+        'update:fullscreen': (e: boolean) => boolean;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        defaultOptions: {
+            type: import("vue").PropType<IOptions>;
+            default: () => IOptions;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        toolbar: {
+            type: import("vue").PropType<string[]>;
+            default: () => string[];
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onLoad?: (e: import("vditor").default) => any;
+        "onUpdate:modelValue"?: (e: string) => any;
+        "onUpdate:fullscreen"?: (e: boolean) => any;
+        onCtrlEnter?: (e: string) => any;
+    }>, {
+        modelValue: string;
+        defaultOptions: IOptions;
+        placeholder: string;
+        toolbar: string[];
+        fullscreen: boolean;
+    }, {}, {
+        HandleValue: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": any;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
+        }>, {
+            modelValue: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        HandleFullscreen: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:fullscreen": any;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:fullscreen"?: (...args: any[] | unknown[]) => any;
+        }>, {
+            fullscreen: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        VkAsyncTeleport: import("vue").DefineComponent<{
+            to: {
+                type: import("vue").PropType<string | import("vue").RendererElement>;
+                default: any;
+            };
+            sleep: {
+                type: NumberConstructor;
+                default: number;
+            };
+            await: {
+                type: PromiseConstructor;
+                default: any;
+            };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            ready: import("vue").Ref<boolean, boolean>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            to: {
+                type: import("vue").PropType<string | import("vue").RendererElement>;
+                default: any;
+            };
+            sleep: {
+                type: NumberConstructor;
+                default: number;
+            };
+            await: {
+                type: PromiseConstructor;
+                default: any;
+            };
+            teleport: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {
+            to: any;
+            sleep: number;
+            await: Promise<unknown>;
+            teleport: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { VueComponentPropsType } from '@vunk/shared';
+import Core from './index.vue';
+import { BasicSource } from '@vunk/form/shared';
+export interface Source<P extends string = string> extends VueComponentPropsType<typeof Core>, BasicSource {
+    prop?: P;
+    templateType: 'VkfVditor';
+}

package/index.css

@@ -225,6 +225,18 @@
   flex: 1;
 }
 
+.vkf-input-collection-options{
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+.vkf-input-collection-table{
+  margin-top: var(--gap-m, 8px);
+}
+.vkf-input-collection-table .vkf-form-item {
+  margin-bottom: 0;
+}
+
 .vkf-input-link-icon{
   color: var(--el-color-primary);
   cursor: inherit;
@@ -249,6 +261,7 @@
 
 .vkf-form-item .vk-monaco-editor{
   margin-top: 0.5em;
+  width: 100%;
 }
 
 .el-radio-group.is-readonly,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "",
   "main": "index.esm.js",
   "scripts": {
@@ -145,6 +145,11 @@
       "types": "./components/templates-default/index.d.ts",
       "require": "./components/templates-default/index.cjs"
     },
+    "./components/template-instances-provider": {
+      "import": "./components/template-instances-provider/index.mjs",
+      "types": "./components/template-instances-provider/index.d.ts",
+      "require": "./components/template-instances-provider/index.cjs"
+    },
     "./components/switch": {
       "import": "./components/switch/index.mjs",
       "types": "./components/switch/index.d.ts",
@@ -180,6 +185,11 @@
       "types": "./components/input-link/index.d.ts",
       "require": "./components/input-link/index.cjs"
     },
+    "./components/input-collection": {
+      "import": "./components/input-collection/index.mjs",
+      "types": "./components/input-collection/index.d.ts",
+      "require": "./components/input-collection/index.cjs"
+    },
     "./components/input": {
       "import": "./components/input/index.mjs",
       "types": "./components/input/index.d.ts",
@@ -296,6 +306,9 @@
     "./components/input-link/index.css": {
       "import": "./components/input-link/index.css"
     },
+    "./components/input-collection/index.css": {
+      "import": "./components/input-collection/index.css"
+    },
     "./components/geoinput-update/index.css": {
       "import": "./components/geoinput-update/index.css"
     },