@finema/core 2.5.1 → 2.5.2

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import defu from 'defu';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "2.5.1";
+const version = "2.5.2";
 
 const nuxtAppOptions = {
   head: {

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

@@ -1,50 +1,50 @@
 <template>
-  <AlertDialogRoot :open="true">
-    <AlertDialogPortal>
-      <AlertDialogOverlay :class="ui.overlay()" />
-      <AlertDialogContent
-        :class="ui.base()"
-      >
-        <Icon
-          v-if="!propsSafe.isHideIcon"
-          :name="getIcon"
-          :class="ui.icon()"
-        />
-        <div :class="ui.wrapper()">
-          <AlertDialogTitle :class="ui.title()">
-            {{ propsSafe.title }}
-          </AlertDialogTitle>
-          <AlertDialogDescription
-            v-if="propsSafe.description"
-            :class="ui.description()"
-          >
-            {{ propsSafe.description }}
-          </AlertDialogDescription>
-
-          <div :class="ui.buttonGroup()">
-            <Button
-              v-if="propsSafe.isShowCancelBtn"
-              type="button"
-              color="neutral"
-              variant="outline"
-              :class="ui.cancelButton()"
-              @click="emits('close', false)"
-            >
-              {{ propsSafe.cancelText }}
-            </Button>
-            <Button
-              type="button"
-              :color="propsSafe.isConfirm ? ui.confirmColor() : propsSafe.type"
-              :class="ui.confirmButton()"
-              @click="emits('close', true)"
-            >
-              {{ propsSafe.confirmText }}
-            </Button>
-          </div>
-        </div>
-      </AlertDialogContent>
-    </AlertDialogPortal>
-  </AlertDialogRoot>
+  <AlertDialogRoot :open="true">
+    <AlertDialogPortal>
+      <AlertDialogOverlay :class="ui.overlay()" />
+      <AlertDialogContent
+        :class="ui.base()"
+      >
+        <Icon
+          v-if="!propsSafe.isHideIcon"
+          :name="getIcon"
+          :class="ui.icon()"
+        />
+        <div :class="ui.wrapper()">
+          <AlertDialogTitle :class="ui.title()">
+            {{ propsSafe.title }}
+          </AlertDialogTitle>
+          <AlertDialogDescription
+            v-if="propsSafe.description"
+            :class="ui.description()"
+          >
+            {{ propsSafe.description }}
+          </AlertDialogDescription>
+
+          <div :class="ui.buttonGroup()">
+            <Button
+              v-if="propsSafe.isShowCancelBtn"
+              type="button"
+              color="neutral"
+              variant="outline"
+              :class="ui.cancelButton()"
+              @click="emits('close', false)"
+            >
+              {{ propsSafe.cancelText }}
+            </Button>
+            <Button
+              type="button"
+              :color="propsSafe.isConfirm ? ui.confirmColor() : propsSafe.type"
+              :class="ui.confirmButton()"
+              @click="emits('close', true)"
+            >
+              {{ propsSafe.confirmText }}
+            </Button>
+          </div>
+        </div>
+      </AlertDialogContent>
+    </AlertDialogPortal>
+  </AlertDialogRoot>
 </template>
 
 <script setup>
@@ -57,7 +57,7 @@ import {
   AlertDialogTitle
 } from "reka-ui";
 import { computed, useAttrs } from "vue";
-import { useUiConfig } from "#core/composables/useConfig";
+import { useUiAllConfig, useUiConfig } from "../../composables/useConfig";
 import { dialogTheme } from "#core/theme/dialog";
 import { DialogType } from "#core/composables/useDialog";
 const emits = defineEmits();
@@ -66,6 +66,7 @@ const props = withDefaults(defineProps(), {
   cancelText: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01"
 });
 const attrs = useAttrs();
+const dialogConfig = useUiAllConfig().dialog.slots;
 const propsSafe = computed(() => {
   if (props.title) {
     return props;
@@ -85,15 +86,15 @@ const getIcon = computed(() => {
   }
   switch (propsSafe.value.type) {
     case DialogType.SUCCESS:
-      return ui.value.iconSuccess();
+      return dialogConfig.iconSuccess;
     case DialogType.ERROR:
-      return ui.value.iconError();
+      return dialogConfig.iconError;
     case DialogType.INFO:
-      return ui.value.iconInfo();
+      return dialogConfig.iconInfo;
     case DialogType.WARNING:
-      return ui.value.iconWarning();
+      return dialogConfig.iconWarning;
     default:
-      return ui.value.iconInfo();
+      return dialogConfig.iconInfo;
   }
 });
 const ui = computed(() => useUiConfig(dialogTheme, "dialog")({

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

@@ -1,3 +1,4 @@
 import type { core as Core } from '../../core.config.js';
 export declare const useCoreConfig: () => typeof Core;
 export declare const useUiConfig: (config: object, name: string) => any;
+export declare const useUiAllConfig: () => any;

package/dist/runtime/composables/useConfig.js

@@ -10,3 +10,6 @@ export const useUiConfig = (config, name) => {
     ...appConfig.ui[name] || {}
   });
 };
+export const useUiAllConfig = () => {
+  return useAppConfig().ui;
+};

package/package.json

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