nuxt-hs-ui 2.0.8 → 2.0.9

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "2.0.8",
+  "version": "2.0.9",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/form/btn.vue

@@ -244,7 +244,7 @@ const buttonTv = tv({
 // [ vueuse ]
 import { useElementHover } from "@vueuse/core";
 // [ NUXT ]
-import { ref, computed, useId } from "#imports";
+import { ref, computed, useId, useRuntimeConfig } from "#imports";
 // [ utils ]
 import { Dayjs } from "../../utils/dayjs";
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
@@ -254,6 +254,7 @@ import { Sleep } from "../../utils/com";
 import { useHsFocus } from "../../composables/use-hs-focus";
 
 import BtnLineLoading from "./btn-line-loading.vue";
+const { public: config } = useRuntimeConfig();
 // ----------------------------------------------------------------------------
 // ----------------------------------------------------------------------------
 interface Props {
@@ -312,9 +313,9 @@ emit("id", uid);
 const styleMain = computed(() => {
   return [
     //
-    `--main-color:${GetGolorCode(props.theme)};`,
-    `--main-color-opacity-50:${GetGolorCode(props.theme)}88;`,
-    `--sub-color:${GetGolorCode(props.theme)};`,
+    `--main-color:${GetGolorCode(props.theme, config)};`,
+    `--main-color-opacity-50:${GetGolorCode(props.theme, config)}88;`,
+    `--sub-color:${GetGolorCode(props.theme, config)};`,
   ];
 });
 

package/dist/runtime/components/interactive/alert.vue

@@ -53,11 +53,13 @@ const alertTv = tv({
 
 // ----------------------------------------------------------------------------
 // [ NUXT ]
-import { computed } from "#imports";
+import { computed, useRuntimeConfig } from "#imports";
 // [ utils ]
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
 import { GetGolorCode } from "../../utils/theme";
 
+// ----------------------------------------------------------------------------
+const { public: config } = useRuntimeConfig();
 // ----------------------------------------------------------------------------
 
 interface Props {
@@ -77,7 +79,7 @@ const props = withDefaults(defineProps<Props>(), {
 const styleMain = computed(() => {
   return [
     //
-    `--main-color:${GetGolorCode(props.theme)};`,
+    `--main-color:${GetGolorCode(props.theme, config)};`,
   ];
 });
 const classTv = computed(() => {

package/dist/runtime/components/layout/card-item.vue

@@ -80,13 +80,14 @@ const cardItemTv = tv({
 ----------------------------------------------------------------------------- */
 
 // [ NUXT ]
-import { computed } from "#imports";
+import { computed, useRuntimeConfig } from "#imports";
 // [ utils ]
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
 import { GetGolorCode } from "../../utils/theme";
 // [ Components ]
 import Btn from "../form/btn.vue";
 import Accordion from "./accordion.vue";
+const { public: config } = useRuntimeConfig();
 // ----------------------------------------------------------------------------
 // ----------------------------------------------------------------------------
 interface Props {
@@ -129,7 +130,7 @@ const bgTheme = computed(() => {
 const styleMain = computed(() => {
   return [
     //
-    `--main-color:${GetGolorCode(bgTheme.value)};`,
+    `--main-color:${GetGolorCode(bgTheme.value, config)};`,
   ];
 });
 const classTv = computed(() => {

package/dist/runtime/utils/tabulator.js

@@ -1,3 +1,4 @@
+import { useRuntimeConfig } from "#imports";
 import { Int } from "./number.js";
 import { ObjectCopy } from "./object.js";
 import { useHsMultiLang } from "../composables/use-hs-multi-lang.js";
@@ -217,11 +218,12 @@ export const GetListTableBtnSetting = (arg) => {
     title: ``,
     formatter: (cell) => {
       const row = cell.getRow().getData();
+      const { public: config } = useRuntimeConfig();
       const baseUrl = detailUrl;
       const herf = mode === "detail" ? `href="${baseUrl.replace(/new/, "")}${row.pId}"` : "";
       const style = [
-        `border:solid 2px ${GetGolorCode(actionBtnTheme)}`,
-        `color:${GetGolorCode(actionBtnTheme)}`,
+        `border:solid 2px ${GetGolorCode(actionBtnTheme, config)}`,
+        `color:${GetGolorCode(actionBtnTheme, config)}`,
         `width:100%`
       ].join(";");
       const overlayBg = `bg-${actionBtnTheme}`;

package/dist/runtime/utils/theme.d.ts

@@ -18,4 +18,4 @@ export declare const Theme: {
 };
 export type Theme = (typeof Theme)[keyof typeof Theme];
 export declare const ThemeKyes: [keyof typeof Theme];
-export declare const GetGolorCode: (code: string) => any;
+export declare const GetGolorCode: (code: string, config: any) => any;

package/dist/runtime/utils/theme.js

@@ -1,4 +1,3 @@
-import { useRuntimeConfig } from "#imports";
 export const Theme = {
   main0: "main0",
   main1: "main1",
@@ -21,8 +20,7 @@ export const Theme = {
   back: "back"
 };
 export const ThemeKyes = Object.keys(Theme);
-export const GetGolorCode = (code) => {
-  const { public: config } = useRuntimeConfig();
+export const GetGolorCode = (code, config) => {
   const colors = config.hsui.colors || {};
   if (code in colors) {
     return colors[code] || "#000000";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "My new Nuxt module",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",