@vc-shell/framework 1.0.118 → 1.0.119

package/dist/ui/components/atoms/vc-col/index.d.ts

@@ -1,81 +1,2 @@
-import { VNode } from "vue";
-export declare const VcCol: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            size: string;
-        }> & Omit<{
-            readonly size: string;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>>, "size">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            size: string;
-        }, {}, string, {}> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}) & (new () => {
-    $slots: {
-        default: () => VNode[];
-    };
-});
+export { default as VcCol } from "./vc-col.vue";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/atoms/vc-col/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-col/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAG5B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBACR;IACN,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,KAAK,EAAE,CAAC;KACxB,CAAC;CACH,CACF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-col/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/components/atoms/vc-col/vc-col.vue.d.ts

@@ -7,9 +7,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
 }>>>, {
     size: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>, Readonly<{
+    default: (props: any) => any;
+}>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/ui/components/atoms/vc-col/vc-col.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-col.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-col/vc-col.vue.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;;;;;;;;;;AAsED,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-col.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-col/vc-col.vue.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;;;;;;;;;;AAwED,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/ui/components/atoms/vc-row/index.d.ts

@@ -1,53 +1,2 @@
-import { VNode } from "vue";
-export declare const VcRow: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any>;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}) & (new () => {
-    $slots: {
-        default: () => VNode[];
-    };
-});
+export { default as VcRow } from "./vc-row.vue";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/atoms/vc-row/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAG5B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBACR;IACN,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,KAAK,EAAE,CAAC;KACxB,CAAC;CACH,CACF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/components/atoms/vc-row/vc-row.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Readonly<{
+    default: (props: any) => any;
+}>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/ui/components/atoms/vc-row/vc-row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-row.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-row/vc-row.vue.ts"],"names":[],"mappings":";;;AA2DA,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-row.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-row/vc-row.vue.ts"],"names":[],"mappings":";;;AA6DA,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/ui/components/molecules/vc-field/vc-field.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-field.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-field/vc-field.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7C;;OAEG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;;;AAsJD,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC"}
+{"version":3,"file":"vc-field.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-field/vc-field.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7C;;OAEG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;;;;;;;;AA6ID,wBAMG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC"}

package/dist/ui/components/organisms/vc-popup/vc-popup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-popup.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/vc-popup.vue.ts"],"names":[],"mappings":"AAKA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhD,wBAoBG"}
+{"version":3,"file":"vc-popup.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-popup/vc-popup.vue.ts"],"names":[],"mappings":"AAKA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhD,wBAyBG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.118",
+  "version": "1.0.119",
   "main": "./dist/framework.mjs",
   "module": "./dist/framework.mjs",
   "types": "./dist/index.d.ts",
@@ -56,9 +56,9 @@
     "whatwg-fetch": "^3.6.2"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.118",
-    "@vc-shell/config-generator": "^1.0.118",
-    "@vc-shell/ts-config": "^1.0.118",
+    "@vc-shell/api-client-generator": "^1.0.119",
+    "@vc-shell/config-generator": "^1.0.119",
+    "@vc-shell/ts-config": "^1.0.119",
     "@vitejs/plugin-vue": "^4.2.3",
     "sass": "^1.62.1",
     "typescript": "^5.2.2",

package/shared/modules/dynamic/components/factories.ts

@@ -82,13 +82,14 @@ export const StatusField = ({ props, slots, options }: Partial<IStatusField>): I
   slots,
 });
 
-export const InputField = ({ props, options }: Partial<IInputField>): IInputField => ({
+export const InputField = ({ props, options, slots }: Partial<IInputField>): IInputField => ({
   component: markRaw(VcInput),
   props: {
     ...ControlBaseProps(props),
     ...props,
   },
   options: ControlBase(options),
+  slots,
 });
 
 export const ContentField = ({ props, options }: Partial<IContentField>): IContentField => ({

package/shared/modules/dynamic/components/fields/EditorField.ts

@@ -1,10 +1,7 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { h, ExtractPropTypes } from "vue";
+import { h, ExtractPropTypes, Component, unref } from "vue";
 import { EditorField } from "../factories";
 import componentProps from "./props";
 import ValidationField from "./ValidationField";
-import { unrefNested } from "../../helpers/unrefNested";
-import { getModel } from "../../helpers/getters";
 
 export default {
   name: "EditorField",
@@ -15,12 +12,12 @@ export default {
         props: {
           ...props.baseProps,
           currentLanguage: props.currentLocale,
-          assetsFolder: props.formData.id || props.formData.categoryId,
+          assetsFolder: unref(props.formData).id || unref(props.formData).categoryId,
         },
         options: props.baseOptions,
       });
 
-      const render = h(field.component as any, field.props);
+      const render = h(field.component as Component, field.props);
 
       if (field.props.rules) {
         return props.baseOptions.visibility

package/shared/modules/dynamic/components/fields/Fieldset.ts

@@ -1,4 +1,4 @@
-import { Ref, h, inject, nextTick, toRefs, ExtractPropTypes } from "vue";
+import { Ref, h, inject, nextTick, toRefs, ExtractPropTypes, toValue } from "vue";
 import componentProps from "./props";
 import * as _ from "lodash-es";
 import { VcButton, VcCol, VcRow } from "../../../../../ui/components";
@@ -14,23 +14,28 @@ export default {
 
     return () =>
       props.baseOptions.visibility
-        ? fieldsetFields.value.map((fields, index, arr) => {
+        ? toValue(fieldsetFields.value).map((fields, index, arr) => {
             const divideByCols = Array.isArray(fields) && _.chunk(fields, props.element.columns || 1);
 
             return h(
               "div",
               {
-                class: "tw-flex tw-row tw-relative",
+                class: "tw-flex tw-row tw-relative test ",
                 key: `fieldset-${index}`,
               },
               [
-                h("div", { class: "tw-flex-1 tw-gap-4 tw-flex tw-flex-col" }, [
+                h("div", { class: "tw-flex-1 tw-gap-4 tw-flex tw-flex-col tw-min-w-0" }, [
                   divideByCols.map((itemsArr, colIndex) => {
                     return h(
                       VcRow,
                       {
                         key: `col-${colIndex}-${index}`,
-                        class: "tw-relative tw-gap-4",
+                        class: {
+                          "tw-relative": true,
+                          "tw-gap-4": true,
+                          "!tw-flex-wrap": true,
+                          "!tw-flex !tw-flex-row": !!props.element.aspectRatio,
+                        },
                       },
                       () => [
                         ...itemsArr.map((item, itemIndex) => {
@@ -38,6 +43,8 @@ export default {
                             VcCol,
                             {
                               key: `col-${itemIndex}-${colIndex}-${index}`,
+                              size:
+                                "aspectRatio" in props.element ? props.element.aspectRatio[itemIndex].toString() : "1",
                             },
                             () => {
                               if (typeof item === "object") {

package/shared/modules/dynamic/components/fields/GalleryField.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, computed, h, markRaw, reactive, ref, toRefs, toValue, watch } from "vue";
+import { ExtractPropTypes, computed, h, markRaw, reactive, ref, toRefs, toValue, unref, watch } from "vue";
 import { Gallery } from "../factories";
 import componentProps from "./props";
 import { IImage } from "../../../../../core/types";
@@ -45,14 +45,17 @@ export default {
       const imageHandlers = {
         loading,
         async edit(image: IImage) {
-          internalModel.value[props.element.property] = await edit.value(props.formData[props.element.property], image);
+          internalModel.value[props.element.property] = await edit.value(
+            unref(props.formData)[props.element.property] as IImage[],
+            image
+          );
           await editImages(internalModel.value[props.element.property]);
         },
         async upload(files: FileList) {
           internalModel.value[props.element.property] = await upload.value(
             files,
-            props.formData[props.element.property],
-            props.formData.id || props.formData.categoryId,
+            unref(props.formData)[props.element.property] as IImage[],
+            (unref(props.formData).id as string) || (unref(props.formData).categoryId as string),
             props.element.uploadFolder
           );
 
@@ -75,7 +78,7 @@ export default {
             )
           ) {
             internalModel.value[props.element.property] = await remove.value(
-              props.formData[props.element.property],
+              unref(props.formData)[props.element.property] as IImage[],
               image
             );
             await editImages(internalModel.value[props.element.property]);

package/shared/modules/dynamic/components/fields/InputField.ts

@@ -1,8 +1,16 @@
-import { ExtractPropTypes, h } from "vue";
+import { ExtractPropTypes, h, VNode } from "vue";
 import { InputField } from "../factories";
 import componentProps from "./props";
 import ValidationField from "./ValidationField";
-import { InputSchema } from "../../types";
+import { InputSchema, ControlSchema } from "../../types";
+import { nodeBuilder } from "../../helpers/nodeBuilder";
+
+const slotsMap = {
+  append: "append",
+  prepend: "prepend",
+  appendInner: "append-inner",
+  prependInner: "prepend-inner",
+};
 
 export default {
   name: "InputField",
@@ -17,9 +25,23 @@ export default {
           clearable: props.element.clearable || false,
         },
         options: props.baseOptions,
+        slots: Object.entries(slotsMap).reduce((acc, [key, value]: [keyof InputSchema, keyof InputSchema]) => {
+          if (props.element[key]) {
+            acc[value] = () =>
+              nodeBuilder({
+                controlSchema: props.element[key] as ControlSchema,
+                parentId: `${(props.element[key] as ControlSchema).id}`,
+                internalContext: props.fieldContext,
+                bladeContext: props.bladeContext,
+                currentLocale: props.currentLocale,
+                formData: props.formData,
+              });
+          }
+          return acc;
+        }, {} as Record<keyof InputSchema, () => VNode | false>),
       });
 
-      const render = h(field.component, field.props);
+      const render = h(field.component, field.props, field.slots);
 
       if (field.props.rules) {
         return props.baseOptions.visibility

package/shared/modules/dynamic/components/fields/props.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, PropType, UnwrapNestedRefs, VNodeArrayChildren } from "vue";
+import { ComputedRef, MaybeRef, PropType, UnwrapNestedRefs, VNode, VNodeArrayChildren } from "vue";
 import { DetailsBladeContext } from "../../factories";
 import { IControlBaseOptions, IControlBaseProps } from "../../types/models";
 import { ControlSchema } from "../../types";
@@ -21,12 +21,12 @@ export default {
     default: () => ({} as DetailsBladeContext),
   },
   fields: {
-    type: Object as PropType<ComputedRef<VNodeArrayChildren>>,
-    default: () => ({} as ComputedRef<VNodeArrayChildren>),
+    type: Object as PropType<ComputedRef<VNode[][]>>,
+    default: () => ({} as ComputedRef<VNode[][]>),
   },
   formData: {
-    type: Object,
-    default: () => ({}),
+    type: Object as PropType<MaybeRef<Record<string, unknown>>>,
+    default: () => ({} as MaybeRef<Record<string, unknown>>),
   },
   fieldContext: {
     type: Object,

package/shared/modules/dynamic/helpers/nodeBuilder.ts

@@ -1,4 +1,4 @@
-import { unref, computed, toValue, h, UnwrapNestedRefs, MaybeRef, reactive, Ref, VNode } from "vue";
+import { unref, computed, toValue, h, UnwrapNestedRefs, MaybeRef, reactive, VNode } from "vue";
 import FIELD_MAP from "../components/FIELD_MAP";
 import { ControlSchema } from "../types";
 import { IControlBaseProps, IControlBaseOptions } from "../types/models";
@@ -7,7 +7,6 @@ import { setModel } from "./setters";
 import { unwrapInterpolation } from "./unwrapInterpolation";
 import { DetailsBladeContext } from "../factories";
 import * as _ from "lodash-es";
-import { unrefNested } from "./unrefNested";
 
 function disabledHandler(
   disabled: { method?: string } | boolean,
@@ -20,7 +19,11 @@ function disabledHandler(
   return false;
 }
 
-function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeContext>, FormData>(args: {
+function nodeBuilder<
+  Context extends Record<string, unknown>,
+  BContext extends UnwrapNestedRefs<DetailsBladeContext>,
+  FormData
+>(args: {
   controlSchema: ControlSchema;
   parentId: string | number;
   internalContext: MaybeRef<Context>;
@@ -42,7 +45,7 @@ function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeCont
     placeholder: controlSchema.placeholder,
     required: controlSchema.rules?.required,
     modelValue: getModel(controlSchema.property, toValue(internalContext)),
-    "onUpdate:modelValue": (e) => {
+    "onUpdate:modelValue": (e: unknown) => {
       setModel({ property: controlSchema.property, value: e, context: toValue(internalContext) });
 
       if (_.has(controlSchema, "update.method")) {
@@ -58,7 +61,7 @@ function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeCont
 
   const baseOptions = reactive<IControlBaseOptions>({
     visibility: computed(() =>
-      controlSchema.visibility?.method ? toValue(bladeContext.scope[controlSchema.visibility?.method]) : true
+      controlSchema.visibility?.method ? bladeContext.scope[controlSchema.visibility?.method] : true
     ),
   });
 
@@ -68,8 +71,9 @@ function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeCont
     if (!("fields" in controlSchema)) return null;
     const fieldsModel = getModel(controlSchema.property, toValue(internalContext));
 
-    if (toValue(fieldsModel) && Array.isArray(toValue(fieldsModel))) {
-      return toValue(fieldsModel).map((model: { [x: string]: unknown; id: string }) =>
+    const model = toValue(fieldsModel);
+    if (model && Array.isArray(model)) {
+      return model.map((model: { [x: string]: unknown; id: string }) =>
         controlSchema.fields.map((fieldItem) =>
           nodeBuilder({
             controlSchema: fieldItem,
@@ -87,7 +91,7 @@ function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeCont
         nodeBuilder({
           controlSchema: field,
           parentId: `fieldset-${parentId}-${field.id}`,
-          internalContext,
+          internalContext: reactive(unref(internalContext)),
           bladeContext,
           currentLocale,
           formData,
@@ -101,13 +105,13 @@ function nodeBuilder<Context, BContext extends UnwrapNestedRefs<DetailsBladeCont
     baseOptions,
     bladeContext,
     element: controlSchema,
-    currentLocale,
+    currentLocale: unref(currentLocale),
     fields: fieldsHandler,
     formData,
-    fieldContext: internalContext,
+    fieldContext: reactive(unref(internalContext)),
   };
 
-  return h(component, unrefNested(elProps));
+  return h(component, elProps);
 }
 
 export { nodeBuilder };

package/shared/modules/dynamic/types/index.ts

@@ -149,6 +149,10 @@ export interface InputSchema extends SchemaBase {
   component: "vc-input";
   variant?: ComponentProps<typeof VcInput>["type"];
   clearable?: boolean;
+  prepend?: ControlSchema;
+  append?: ControlSchema;
+  appendInner?: ControlSchema;
+  prependInner?: ControlSchema;
 }
 
 export interface VideoSchema extends SchemaBase {
@@ -234,6 +238,7 @@ export interface CheckboxSchema extends SchemaBase {
 export interface FieldsetSchema extends SchemaBase {
   component: "vc-fieldset";
   columns?: number;
+  aspectRatio?: number[];
   fields: Exclude<ControlSchema[], FieldsetSchema>;
   remove?: {
     method: string;

package/shared/modules/dynamic/types/models.ts

@@ -95,6 +95,7 @@ export type IStatusField = {
 export type IInputField = {
   props: ComponentProps<typeof VcInput> | IControlBaseProps;
   options: IControlBaseOptions;
+  slots?: Partial<Pick<ComponentSlots<typeof VcInput>, "append" | "prepend" | "append-inner" | "prepend-inner">>;
 } & FieldOpts<typeof VcInput>;
 
 export type IContentField = {

package/ui/components/atoms/vc-col/index.ts

@@ -1,10 +1 @@
-import { VNode } from "vue";
-import _Col from "./vc-col.vue";
-
-export const VcCol = _Col as typeof _Col & {
-  new (): {
-    $slots: {
-      default: () => VNode[];
-    };
-  };
-};
+export { default as VcCol } from "./vc-col.vue";

package/ui/components/atoms/vc-col/vc-col.vue

@@ -15,12 +15,17 @@ export interface Props {
 withDefaults(defineProps<Props>(), {
   size: "1",
 });
+
+defineSlots<{
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default: (props: any) => any;
+}>();
 </script>
 
 <style lang="scss">
-.vc-col {
-  .vc-app_mobile & {
-    @apply tw-grow #{!important};
-  }
-}
+// .vc-col {
+//   .vc-app_mobile & {
+//     @apply tw-grow #{!important};
+//   }
+// }
 </style>

package/ui/components/atoms/vc-image/vc-image.vue

@@ -99,7 +99,7 @@ $paddings: xs, s, m, l, xl, xxl;
 
   @each $padding in $paddings {
     &_#{$padding} {
-      @apply tw-w-[var(--image-size-#{$padding})];
+      @apply tw-w-[var(--image-size-#{$padding})] tw-max-w-full tw-min-w-0;
     }
   }
 

package/ui/components/atoms/vc-label/vc-label.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tw-flex tw-flex-nowrap tw-font-bold tw-relative">
-    <span><slot></slot></span>
+    <span class="tw-truncate"><slot></slot></span>
     <span
       v-if="required"
       class="tw-text-[color:var(--label-required-color)] tw-ml-1"

package/ui/components/atoms/vc-row/index.ts

@@ -1,10 +1 @@
-import { VNode } from "vue";
-import _Row from "./vc-row.vue";
-
-export const VcRow = _Row as typeof _Row & {
-  new (): {
-    $slots: {
-      default: () => VNode[];
-    };
-  };
-};
+export { default as VcRow } from "./vc-row.vue";

package/ui/components/atoms/vc-row/vc-row.vue

@@ -4,10 +4,17 @@
   </div>
 </template>
 
+<script setup lang="ts">
+defineSlots<{
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  default: (props: any) => any;
+}>();
+</script>
+
 <style lang="scss">
 .vc-row {
   .vc-app_mobile & {
-    display: block;
+    display: grid;
   }
 }
 </style>