@vc-shell/framework 1.0.163 → 1.0.165

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.
@@ -788,7 +786,6 @@ export interface SwitchSchema extends Omit<SchemaBase, "placeholder" | "multilan
   falseValue?: boolean;
 }
 
-// TODO add to documentation
 export type TableSchema = Omit<ListContentSchema, "filter"> & Pick<SchemaBase, "id" | "property" | "visibility">;
 
 /**
@@ -838,7 +835,6 @@ export interface ButtonSchema extends Pick<SchemaBase, "id" | "disabled" | "visi
  * Custom component schema interface.
  * @interface
  */
-// TODO add to documentation
 export interface CustomComponentSchema extends Pick<SchemaBase, "id" | "visibility"> {
   /**
    * Component type for custom component.

package/ui/components/molecules/vc-breadcrumbs/_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue

@@ -19,36 +19,20 @@
 </template>
 
 <script lang="ts" setup>
+import { Breadcrumbs } from "../../../../../types";
 import { VcIcon } from "./../../../../";
 
-const props = defineProps({
-  current: {
-    type: Boolean,
-    default: false,
-  },
-
-  icon: {
-    type: String,
-    default: undefined,
-  },
-
-  title: {
-    type: String,
-    default: undefined,
-  },
+export interface Props extends Breadcrumbs {
+  current: boolean;
+}
 
-  clickHandler: {
-    type: Function,
-    default: undefined,
-  },
+export interface Emits {
+  (event: "click"): void;
+}
 
-  id: {
-    type: String,
-    default: undefined,
-  },
-});
+const props = defineProps<Props>();
 
-const emit = defineEmits(["click"]);
+const emit = defineEmits<Emits>();
 
 function onClick(): void {
   if (!props.current) {
@@ -74,12 +58,12 @@ function onClick(): void {
 
 .vc-breadcrumbs-item {
   @apply tw-h-[var(--breadcrumbs-item-height)]
-  tw-box-border tw-rounded-[calc(var(--breadcrumbs-item-height)/2)]
+  tw-box-border tw-rounded-[3px]
   tw-border tw-border-solid
   tw-border-[color:var(--breadcrumbs-item-border-color)]
   tw-text-[color:var(--breadcrumbs-item-color)]
   tw-whitespace-nowrap
-  tw-px-3 tw-mr-2
+  tw-px-3
   tw-text-sm tw-cursor-pointer tw-inline-flex tw-items-center
   hover:tw-border
   hover:tw-border-solid

package/ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.stories.ts

@@ -23,17 +23,17 @@ export const Primary: Story = {
         id: "0",
         title: "Back",
         icon: "fas fa-arrow-left",
-        current: false,
+        // current: false,
       },
       {
         id: "1",
         title: "Electronics",
-        current: false,
+        // current: false,
       },
       {
         id: "2",
         title: "Desktop",
-        current: true,
+        // current: true,
       },
     ],
   },

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

@@ -1,7 +1,7 @@
 <template>
   <div
-    v-if="items"
-    class="tw-flex tw-items-center tw-flex-nowrap"
+    v-if="items && items.length"
+    class="tw-flex tw-items-center tw-flex-wrap tw-gap-[10px]"
   >
     <VcBreadcrumbsItem
       v-for="(item, i) in items"
@@ -13,16 +13,11 @@
 </template>
 
 <script lang="ts" setup>
+import { Breadcrumbs } from "../../../types";
 import VcBreadcrumbsItem from "./_internal/vc-breadcrumbs-item/vc-breadcrumbs-item.vue";
 
 export interface Props {
-  items?: {
-    current: boolean;
-    icon?: string;
-    title: string;
-    clickHandler?: () => void;
-    id: string;
-  }[];
+  items?: Breadcrumbs[];
 }
 
 withDefaults(defineProps<Props>(), {

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 },

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

@@ -63,7 +63,6 @@ export interface Props {
    * Add button for field content copying
    */
   copyable?: boolean;
-  // TODO Add to documentation
   /**
    * Field orientation
    */

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

@@ -41,7 +41,7 @@
       </template>
     </template>
     <template v-else>
-      <span class="vc-rating__placeholder"></span>
+      <span class="vc-rating__placeholder">{{ placeholder }}</span>
     </template>
   </div>
 </template>

package/ui/components/organisms/vc-table/vc-table.vue

@@ -507,7 +507,6 @@ const props = withDefaults(
     pages: 0,
     expanded: true,
     currentPage: 0,
-    selectedItemId: undefined,
     header: true,
     footer: true,
     activeFilterCount: 0,
@@ -526,7 +525,6 @@ const emit = defineEmits<{
   selectionChanged: [values: T[]];
   "search:change": [value: string | number | Date | null | undefined];
   headerClick: [item: ITableColumns];
-  value: [Record<string, unknown>];
   itemClick: [item: T];
   "scroll:ptr": [];
   "row:reorder": [args: { dragIndex: number; dropIndex: number; value: T[] }];

package/ui/types/index.ts

@@ -10,4 +10,9 @@ declare module "vue" {
   export interface GlobalComponents extends TGlobalComponents<typeof components> {}
 }
 
-export {};
+export interface Breadcrumbs {
+  icon?: string;
+  title: string;
+  clickHandler?: (id: string) => void | Promise<void>;
+  id: string;
+}