@finema/core 2.2.0 → 2.3.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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.2.0";
+const version = "2.3.0";
 
 const nuxtAppOptions = {
   head: {

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

@@ -6,38 +6,38 @@
     <template #body>
       <div :class="ui.base()">
         <Icon
-          v-if="!isHideIcon"
+          v-if="!propsSafe.isHideIcon"
           :name="getIcon"
           :class="ui.icon()"
         />
         <div :class="ui.wrapper()">
           <p :class="ui.title()">
-            {{ title }}
+            {{ propsSafe.title }}
           </p>
           <p
-            v-if="description"
+            v-if="propsSafe.description"
             :class="ui.description()"
           >
-            {{ description }}
+            {{ propsSafe.description }}
           </p>
           <div :class="ui.buttonGroup()">
             <Button
-              v-if="isShowCancelBtn"
+              v-if="propsSafe.isShowCancelBtn"
               type="button"
               color="neutral"
               variant="outline"
               :class="ui.cancelButton()"
               @click="emits('close', false)"
             >
-              {{ cancelText }}
+              {{ propsSafe.cancelText }}
             </Button>
             <Button
               type="button"
-              :color="type"
+              :color="propsSafe.type"
               :class="ui.confirmButton()"
               @click="emits('close', true)"
             >
-              {{ confirmText }}
+              {{ propsSafe.confirmText }}
             </Button>
           </div>
         </div>
@@ -47,7 +47,7 @@
 </template>
 
 <script setup>
-import { computed } from "vue";
+import { computed, useAttrs } from "vue";
 import { DialogType } from "#core/composables/useDialog";
 import { useUiConfig } from "#core/composables/useConfig";
 import { dialogTheme } from "#core/theme/dialog";
@@ -56,11 +56,22 @@ const props = withDefaults(defineProps(), {
   confirmText: "\u0E15\u0E01\u0E25\u0E07",
   cancelText: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01"
 });
+const attrs = useAttrs();
+const propsSafe = computed(() => {
+  if (props.title) {
+    return props;
+  }
+  return {
+    ...attrs,
+    cancelText: attrs.cancelText || "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01",
+    confirmText: attrs.confirmText || "\u0E15\u0E01\u0E25\u0E07"
+  };
+});
 const getIcon = computed(() => {
-  if (props.icon) {
-    return props.icon;
+  if (propsSafe.value.icon) {
+    return propsSafe.value.icon;
   }
-  switch (props.type) {
+  switch (propsSafe.value.type) {
     case DialogType.SUCCESS:
       return "i-heroicons-check-circle";
     case DialogType.ERROR:
@@ -73,5 +84,5 @@ const getIcon = computed(() => {
       return "";
   }
 });
-const ui = computed(() => useUiConfig(dialogTheme, "dialog")({ color: props.type }));
+const ui = computed(() => useUiConfig(dialogTheme, "dialog")({ color: propsSafe.value.type }));
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -88,4 +88,4 @@
   "lint-staged": {
     "*": "eslint --fix ."
   }
-}
+}