@vc-shell/framework 1.0.161 → 1.0.164

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

@@ -1 +1 @@
-{"version":3,"file":"vc-editor.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-editor/vc-editor.vue.ts"],"names":[],"mappings":"AAGA,OAAO,0CAA0C,CAAC;AAKlD,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CACtF;;;;;;;;;;AA8OD,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"vc-editor.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-editor/vc-editor.vue.ts"],"names":[],"mappings":"AAGA,OAAO,0CAA0C,CAAC;AAKlD,MAAM,WAAW,KAAK;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CACtF;;;;;;;;;;AAuPD,wBAAwG;AACxG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.161",
+  "version": "1.0.164",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -53,9 +53,9 @@
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.161",
-    "@vc-shell/config-generator": "^1.0.161",
-    "@vc-shell/ts-config": "^1.0.161",
+    "@vc-shell/api-client-generator": "^1.0.164",
+    "@vc-shell/config-generator": "^1.0.164",
+    "@vc-shell/ts-config": "^1.0.164",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "typescript": "^5.3.3",

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

@@ -52,6 +52,7 @@ export const ControlBaseProps = ({
   name = undefined,
   tooltip = undefined,
   key = undefined,
+  classNames = undefined,
   ...rest
 }: IControlBaseProps): IControlBaseProps => ({
   key,
@@ -62,6 +63,7 @@ export const ControlBaseProps = ({
   required,
   name,
   tooltip,
+  classNames,
   ...rest,
 });
 

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

@@ -24,6 +24,9 @@ export default {
             },
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
         slots: {
           default: () => unref(computed(() => t(props.element.content))),

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

@@ -63,6 +63,9 @@ export default {
             "onState:collapsed": (e: boolean) => handleCollapsed(props.element.id, e),
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
 
         slots: {

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

@@ -22,6 +22,9 @@ export default {
             falseValue: props.element.falseValue,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
         slots: {
           default: () =>

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

@@ -18,6 +18,9 @@ export default {
             orientation: props.element.orientation,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -1,6 +1,7 @@
 import { CustomComponentSchema } from "./../../types";
 import { ExtractPropTypes, resolveComponent, h } from "vue";
 import componentProps from "./props";
+import { unrefNested } from "../../helpers/unrefNested";
 
 export default {
   name: "CustomComponentRenderer",
@@ -10,9 +11,18 @@ export default {
       const component = resolveComponent(props.element?.name);
 
       return typeof component === "object"
-        ? h(component, {
-            context: props.bladeContext,
-          })
+        ? h(
+            component,
+            Object.assign(
+              {},
+              {
+                context: props.bladeContext,
+              },
+              {
+                class: unrefNested(props.baseProps).classNames ?? "",
+              },
+            ),
+          )
         : null;
     };
   },

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

@@ -122,7 +122,14 @@ export default {
 
     return () => {
       return properties && properties.length
-        ? properties?.map((field) => h(field.component as Component, unrefNested(field.props)))
+        ? properties?.map((field) =>
+            h(
+              field.component as Component,
+              Object.assign(unrefNested(field.props), {
+                class: unrefNested(props.baseProps).classNames ?? "",
+              }),
+            ),
+          )
         : null;
     };
   },

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

@@ -17,6 +17,9 @@ export default {
             assetsFolder: unref(props.formData).id || unref(props.formData).categoryId,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -3,6 +3,7 @@ import componentProps from "./props";
 import * as _ from "lodash-es";
 import { VcButton, VcCol, VcRow } from "../../../../../ui/components";
 import { FieldsetSchema } from "../../types";
+import { unrefNested } from "../../helpers/unrefNested";
 
 export default {
   name: "Fieldset",
@@ -19,7 +20,7 @@ export default {
         return h(
           "div",
           {
-            class: "tw-flex tw-row tw-relative",
+            class: `tw-flex tw-row tw-relative ${unrefNested(props.baseProps).classNames ?? ""}`,
             key: `fieldset-${index}`,
           },
           [

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

@@ -134,6 +134,9 @@ export default {
             hideAfterUpload: props.element.hideAfterUpload,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -22,6 +22,9 @@ export default {
             background: props.element.background,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -33,6 +33,9 @@ export default {
             clearable: props.element.clearable || false,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
       const render = h(field.component as Component, field.props);

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

@@ -27,6 +27,9 @@ export default {
             clearable: props.element.clearable || false,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
         slots: Object.entries(slotsMap).reduce(
           (acc, [key, value]) => {

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

@@ -26,6 +26,9 @@ export default {
             currentLanguage: props.currentLocale,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
 
         slots:

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

@@ -16,6 +16,9 @@ export default {
             variant: props.element.type,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -29,6 +29,9 @@ export default {
             searchable: props.element.searchable || false,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
 
         slots:

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

@@ -1,3 +1,4 @@
+import { useI18n } from "vue-i18n";
 import { Component, ExtractPropTypes, computed, h, unref } from "vue";
 import componentProps from "./props";
 import { StatusSchema } from "../../types";
@@ -9,6 +10,8 @@ export default {
   name: "StatusField",
   props: componentProps,
   setup(props: ExtractPropTypes<typeof componentProps> & { element: StatusSchema }) {
+    const { t } = useI18n({ useScope: "global" });
+
     return () => {
       const slotContent = computed(() => {
         if (props.element.content && typeof props.element.content === "string") {
@@ -33,6 +36,9 @@ export default {
             extend: props.element.extend,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
         slots: {
           default: () => {
@@ -43,7 +49,10 @@ export default {
                 variant: props.element.iconVariant,
                 class: "tw-mr-3",
               }),
-              h("div", [h("div", { class: "tw-font-bold" }, props.element.title), h("div", slotContent.value)]),
+              h("div", [
+                h("div", { class: "tw-font-bold" }, computed(() => t(props.element.title ?? "")).value),
+                h("div", slotContent.value),
+              ]),
             ]);
           },
         },

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

@@ -17,6 +17,9 @@ export default {
             falseValue: props.element.falseValue,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -27,9 +27,7 @@ export default {
             columns: props.element.columns?.map((col) => ({ ...col, title: computed(() => t(col.title)) })),
             items: unrefNested(props.baseProps).modelValue ?? [],
             stateKey: props.element.id,
-            class: {
-              "!tw-flex-auto": true,
-            },
+            class: `!tw-flex-auto ${unrefNested(props.baseProps).classNames ?? ""}`,
           },
           unrefNested(props.baseProps),
         ),

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

@@ -18,6 +18,9 @@ export default {
             clearable: props.element.clearable || false,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -17,6 +17,9 @@ export default {
             size: props.element.size,
           },
           unrefNested(props.baseProps),
+          {
+            class: unrefNested(props.baseProps).classNames ?? "",
+          },
         ),
       });
 

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

@@ -118,7 +118,7 @@ function nodeBuilder<
     "onUpdate:modelValue": onUpdateModelValue,
     tooltip: computed(() => (tooltip ? t(tooltip) : undefined)),
     multilanguage,
-    class:
+    classNames:
       "horizontalSeparator" in controlSchema && controlSchema.horizontalSeparator
         ? "tw-border-b tw-border-solid tw-border-b-[#e5e5e5] tw-mb-[5px] tw-pb-[21px]"
         : "",

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

@@ -138,7 +138,6 @@ export interface SettingsBase {
    * Collapsed blade width in percentage
    * @default "50%"
    */
-  // TODO Add to documentation
   width?: `${number}%`;
 }
 
@@ -427,7 +426,6 @@ export interface VideoSchema
  * Data field schema interface.
  * @interface
  */
-// TODO update documentation
 export interface FieldSchema
   extends Pick<SchemaBase, "id" | "property" | "label" | "visibility" | "tooltip" | "horizontalSeparator"> {
   /**
@@ -437,7 +435,7 @@ export interface FieldSchema
   component: "vc-field";
   /**
    * Field variant.
-   * @type {"text" | "normal" | "date" | "date-ago" | "link"}
+   * @type {"date-ago" | "date" | "link" | "text" | "email"}
    */
   variant?: ComponentProps<typeof VcField>["type"];
   /**
@@ -454,6 +452,7 @@ export interface FieldSchema
   /**
    * Field columns aspect ratio.
    * @description Uses CSS flex-grow property.
+   * @default [1,1]
    * @type {[number, number]}
    */
   aspectRatio?: [number, number];
@@ -769,7 +768,6 @@ export interface FieldsetSchema
  * Switch schema interface.
  * @interface
  */
-// TODO add to documentation
 export interface SwitchSchema extends Omit<SchemaBase, "placeholder" | "multilanguage"> {
   /**
    * Component type for switch.

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

@@ -77,6 +77,7 @@ export interface IControlBaseProps {
   tooltip?: string;
   "onUpdate:modelValue"?: (event: any) => void;
   multilanguage?: boolean;
+  classNames?: string;
 }
 
 export type WithRequiredProperty<Type, Key extends keyof Type> = Type & {

package/ui/components/molecules/vc-editor/vc-editor.vue

@@ -27,6 +27,7 @@
     <!-- Editor field -->
     <QuillEditor
       :key="`${disabled}`"
+      ref="quillRef"
       v-model:content="content"
       class="quill-editor tw-border tw-border-solid tw-border-[color:var(--editor-border-color)] tw-rounded-b-[var(--editor-border-radius)] tw-h-[200px]"
       :class="{ 'tw-bg-[#fafafa] tw-text-[#424242] tw-cursor-default': disabled }"
@@ -50,9 +51,9 @@
 </template>
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
-import { QuillEditor } from "@vueup/vue-quill";
+import { QuillEditor, Quill } from "@vueup/vue-quill";
 import "@vueup/vue-quill/dist/vue-quill.snow.css";
-import { ref, unref, watch, onMounted, onUpdated } from "vue";
+import { ref, unref, watch, onMounted, onUpdated, Ref } from "vue";
 import ImageUploader from "quill-image-uploader";
 import { VcLabel, VcHint } from "./../../";
 
@@ -82,6 +83,8 @@ defineSlots<{
 }>();
 
 const content = ref();
+const quillRef = ref<Quill | null>(null);
+
 const toolbar = {
   container: [
     { header: 1 },
@@ -131,6 +134,10 @@ onUpdated(() => {
 watch(
   () => props.modelValue,
   (value) => {
+    if (value === "") {
+      quillRef.value?.setText(value);
+      return;
+    }
     content.value = unref(value);
   },
   { immediate: true },