@finema/core 1.4.24 → 1.4.25

package/dist/module.d.mts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.d.ts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.24",
+  "version": "1.4.25",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.24";
+const version = "1.4.25";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Dialog/index.vue

@@ -24,16 +24,19 @@
       :color="getColor"
       close-button=""
     />
-    <div :class="['mt-5 flex justify-end']">
+    <div :class="[uiConfig.actionGroup.wrapper]">
       <Button
         v-if="dialog.meta?.isShowCancelBtn"
-        class="text-gray mr-4"
+        :color="uiConfig.actionGroup.cancelColor"
+        :variant="uiConfig.actionGroup.cancelVariant"
         type="button"
         @click="dialog.closeDialogCancel"
       >
         {{ dialog.meta?.cancelText || 'ยกเลิก' }}
       </Button>
       <Button
+        :color="uiConfig.actionGroup.confirmColor"
+        :variant="uiConfig.actionGroup.confirmVariant"
         :class="[
           {
             'btn-success': dialog.meta?.type === DialogType.SUCCESS,
@@ -53,8 +56,11 @@
 <script lang="tsx" setup>
 import { DialogType, useDialog } from '#core/composables/useDialog'
 import { computed } from 'vue'
+import { useUiConfig } from '#core/composables/useConfig'
+import { notification } from '#core/ui.config/notification'
 
 const dialog = useDialog()
+const uiConfig = useUiConfig<typeof notification>(notification, 'notification')
 
 const getColor = computed(() => {
   if (dialog.meta?.type === DialogType.SUCCESS) {
@@ -77,6 +83,10 @@ const getColor = computed(() => {
 })
 
 const getIcon = computed(() => {
+  if (dialog.meta?.isHideIcon) {
+    return ''
+  }
+
   if (dialog.meta?.type === DialogType.SUCCESS) {
     return 'i-heroicons-check-circle'
   }
@@ -90,7 +100,7 @@ const getIcon = computed(() => {
   }
 
   if (dialog.meta?.type === DialogType.WARNING) {
-    return 'i-heroicons-sexclamation-circle'
+    return 'i-heroicons-exclamation-circle'
   }
 
   return ''

package/dist/runtime/composables/useApp.mjs

@@ -1,4 +1,4 @@
-import { useSeoMeta } from "#imports";
+import { useCoreConfig, useSeoMeta } from "#imports";
 import { defineStore } from "pinia";
 export const useApp = defineStore("_app", {
   state: () => ({
@@ -16,8 +16,10 @@ export const useApp = defineStore("_app", {
       this.sidebar = items;
     },
     defineSEO(payload) {
+      const coreConfig = useCoreConfig();
       useSeoMeta({
         title: payload.title,
+        titleTemplate: (title) => title ? `${title} | ${coreConfig.site_name}` : coreConfig.site_name,
         ogTitle: payload.title,
         description: payload.description,
         ogDescription: payload.description,

package/dist/runtime/composables/useDialog.d.ts

@@ -11,6 +11,7 @@ export interface IDialogMetaItem {
     confirmText?: string;
     cancelText?: string;
     isShowCancelBtn?: boolean;
+    isHideIcon?: boolean;
 }
 export interface IDialog {
     isShow: boolean;

package/dist/runtime/core.config.d.ts

@@ -5,4 +5,5 @@ export declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };

package/dist/runtime/core.config.mjs

@@ -4,5 +4,6 @@ export const core = {
   date_format: "dd-MM-yyyy",
   date_time_format: "dd-MM-yyyy HH:mm",
   time_format: "HH:mm",
-  is_thai_year: false
+  is_thai_year: false,
+  site_name: ""
 };

package/dist/runtime/types/config.d.ts

@@ -1 +1 @@
-export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input' | 'pagination';
+export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input' | 'pagination' | 'notification';

package/dist/runtime/ui.config/notification.d.ts

@@ -0,0 +1,11 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const notification: DeepPartial<(typeof config)['notification'] & {
+    actionGroup: {
+        wrapper: string;
+        cancelColor: string;
+        cancelVariant: string;
+        confirmColor: string;
+        confirmVariant: string;
+    };
+}>;

package/dist/runtime/ui.config/notification.mjs

@@ -0,0 +1,9 @@
+export const notification = {
+  actionGroup: {
+    wrapper: "mt-5 flex justify-end space-x-4",
+    cancelColor: "primary",
+    cancelVariant: "outline",
+    confirmColor: "primary",
+    confirmVariant: "solid"
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.24",
+  "version": "1.4.25",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",