@vc-shell/framework 1.0.111 → 1.0.113

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

@@ -1,10 +1,8 @@
-import { h, resolveComponent, mergeProps, ExtractPropTypes, Component } from "vue";
+import { h, resolveComponent, ExtractPropTypes, Component } from "vue";
 import { SelectField } from "../factories";
 import componentProps from "./props";
 import ValidationField from "./ValidationField";
 import { SelectSchema } from "../../types";
-import { unrefNested } from "../../helpers/unrefNested";
-import { getModel } from "../../helpers/getters";
 
 export default {
   name: "SelectField",
@@ -20,6 +18,7 @@ export default {
           options: props.bladeContext.scope[props.element.optionsMethod],
           currentLanguage: props.currentLocale,
           clearable: props.element.clearable || false,
+          searchable: props.element.searchable || false,
         },
         options: props.baseOptions,
 

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

@@ -27,7 +27,7 @@ const upsertHelper = (overrides: OverridesSchema, schemaCopy: { [key: string]: D
           index,
           path,
           value,
-          id: overrideId,
+          id,
         }: {
           index: OverridesUpsert["index"];
           path: OverridesUpsert["path"];
@@ -57,7 +57,7 @@ const removeHelper = (overrides, schemaCopy: { [key: string]: DynamicSchema }) =
     const clonedSchema = _.cloneDeep(schema);
     overrides.remove
       .filter((x) => clonedSchema.settings.id === x.id)
-      .forEach(({ path, id: overrideId }) => {
+      .forEach(({ path }) => {
         if (path) {
           const parentPath = path.slice(0, path.lastIndexOf("["));
           _.unset(clonedSchema, path);

package/shared/modules/dynamic/pages/dynamic-blade-list.vue

@@ -66,7 +66,10 @@
       <!-- Empty template -->
       <template #empty>
         <template v-if="bladeOptions.empty">
-          <component :is="bladeOptions.empty"></component>
+          <component
+            :is="bladeOptions.empty"
+            @add="openDetailsBlade"
+          ></component>
         </template>
         <template v-else>
           <div class="tw-w-full tw-h-full tw-box-border tw-flex tw-flex-col tw-items-center tw-justify-center">
@@ -123,11 +126,11 @@ import {
 import { useI18n } from "vue-i18n";
 import { DynamicGridSchema, ListContentSchema } from "../types";
 import { useFilterBuilder } from "../composables";
-import * as _ from "lodash-es";
-import { useFunctions } from "../../../../core/composables";
-import { IBladeToolbar, ITableColumns } from "../../../../core/types";
-import { ListBladeContext, UseList, usePopup, ListBaseBladeScope } from "../../../index";
+import { useFunctions, useNotifications } from "../../../../core/composables";
+import { ITableColumns } from "../../../../core/types";
 import { toolbarReducer } from "../helpers/toolbarReducer";
+import { notification, usePopup } from "../../../components";
+import { ListBaseBladeScope, ListBladeContext, UseList } from "../factories/types";
 
 export interface Props {
   expanded?: boolean;
@@ -154,6 +157,7 @@ const props = withDefaults(defineProps<Props>(), {
 const { t } = useI18n({ useScope: "global" });
 const { showConfirmation } = usePopup();
 const { debounce } = useFunctions();
+
 const emit = defineEmits<Emits>();
 
 defineOptions({
@@ -169,6 +173,22 @@ const sort = ref("createdDate:DESC");
 const selectedIds = ref<string[]>([]);
 const isDesktop = inject<Ref<boolean>>("isDesktop");
 
+const { moduleNotifications, markAsRead } = useNotifications(settings.value.pushNotificationType);
+
+watch(
+  moduleNotifications,
+  (newVal) => {
+    newVal.forEach((message) => {
+      notification.success(message.title, {
+        onClose() {
+          markAsRead(message);
+        },
+      });
+    });
+  },
+  { deep: true }
+);
+
 const tableData = computed(() => props.model?.content.find((type: ListContentSchema) => type.component === "vc-table"));
 const table = computed(() => {
   const tableScope = {
@@ -280,6 +300,16 @@ watch(
   { immediate: true }
 );
 
+const openDetailsBlade = () => {
+  if (
+    "openDetailsBlade" in toValue(scope) &&
+    toValue(scope).openDetailsBlade &&
+    typeof toValue(scope).openDetailsBlade === "function"
+  ) {
+    toValue(scope).openDetailsBlade();
+  }
+};
+
 const onItemClick = (item: { id: string }) => {
   if (
     "openDetailsBlade" in toValue(scope) &&
@@ -422,7 +452,7 @@ function templateOverrideComponents(): Record<string, VNode> {
 
 function resolveTemplateComponent(name: string) {
   if (!tableData.value) return;
-  const componentName = tableData[name]?.component;
+  const componentName = tableData.value[name]?.component;
   if (componentName) {
     const component = resolveComponent(componentName);
 

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

@@ -79,6 +79,7 @@ export interface SettingsBase {
    * @description Blade permissions
    */
   permissions?: string | string[];
+  pushNotificationType?: string | string[];
 }
 
 export interface ListContentSchema extends SchemaBase {
@@ -140,6 +141,7 @@ export interface SelectSchema extends SchemaBase {
   };
   clearable?: boolean;
   emitValue?: boolean;
+  searchable?: boolean;
 }
 
 export interface InputSchema extends SchemaBase {

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

@@ -35,7 +35,6 @@
       :modules="modules"
       content-type="html"
       :read-only="disabled"
-      :placeholder="placeholder"
       @update:content="onInput"
     />
     <slot

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

@@ -143,7 +143,7 @@
               >
                 <div
                   class="tw-flex tw-items-center tw-flex-nowrap tw-truncate tw-px-3"
-                  :class="tableAlignment[item.align as string]"
+                  :class="tableAlignment[item.align]"
                 >
                   <div class="tw-truncate">
                     <slot :name="`header_${item.id}`">{{ item.title }}</slot>