v-nuxt-ui 0.1.8 → 0.1.9

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.1.8",
+  "version": "0.1.9",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -37,7 +37,11 @@ const module$1 = defineNuxtModule({
     nuxt.options.vite.optimizeDeps.include.push(
       "dayjs",
       "dayjs/plugin/utc",
-      "dayjs/plugin/timezone"
+      "dayjs/plugin/timezone",
+      "defu",
+      "@vue-flow/core",
+      "maska/vue",
+      "sql-formatter"
     );
     nuxt.options.css.push(resolve("./runtime/assets/css/main.css"));
     nuxt.options.css.push(resolve("./runtime/assets/css/transition.css"));

package/dist/runtime/components/form/field/AsyncSelect.vue

@@ -3,7 +3,7 @@ import { ref, computed } from "vue";
 import { useFetching } from "#v/composables/useBoolean";
 import { isEmptyString } from "#v/utils";
 import { useDebounceFn } from "@vueuse/core";
-import defu from "defu";
+import { defu } from "defu";
 import { useApp } from "#v/composables/useApp";
 const props = defineProps({
   listApi: { type: Function, required: true },

package/dist/runtime/components/form/field/AsyncTreeSelect.vue

@@ -2,7 +2,7 @@
 import { ref, computed } from "vue";
 import { useFetching } from "#v/composables/useBoolean";
 import { flattenTree, treeifyOptions, isEmptyString } from "#v/utils";
-import defu from "defu";
+import { defu } from "defu";
 const props = defineProps({
   fetchAll: { type: Boolean, required: false },
   listApi: { type: Function, required: true },

package/dist/runtime/components/table/query/where/simple/item/opr/AsyncSelect.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, useTemplateRef } from "vue";
 import { useDebounceFn } from "@vueuse/core";
-import defu from "defu";
+import { defu } from "defu";
 import { useFetching } from "#v/composables/useBoolean";
 import { isEmptyString } from "#v/utils";
 import ButtonDropdown from "#v/components/button/Dropdown.vue";

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

@@ -0,0 +1,37 @@
+import type { BreadcrumbItem, NavigationMenuItem } from '@nuxt/ui';
+import type { ComputedRef, Ref } from 'vue';
+export declare function setGlobalSidebarMenus(opts: {
+    constantMenus?: NavigationMenuItem[];
+    bizMenus?: NavigationMenuItem[];
+    menuMode?: 'static' | 'dynamic';
+}): void;
+export declare const _useSidebarMenus: () => {
+    constantMenus: Ref<NavigationMenuItem[]>;
+    constantMenuPathSet: ComputedRef<Set<string>>;
+    bizMenus: Ref<NavigationMenuItem[]>;
+    flattenBizMenus: ComputedRef<NavigationMenuItem[]>;
+    bizMenuPathSet: ComputedRef<Set<string>>;
+    menusFromUser: Ref<Model.Menu[]>;
+    sidebarMenus: Ref<NavigationMenuItem[]>;
+    sidebarMenuPathSet: Ref<Set<string>>;
+    expandSidebarMenu: (path: string) => void;
+    setUserDynamicMenus: (newRolesFromUser: Model.Role[], newMenusFromUser: Model.Menu[]) => void;
+    disabledMenuPathSet: ComputedRef<Set<string>>;
+    breadcrumbs: Ref<BreadcrumbItem[]>;
+    getBreadcrumbs: (current: string, menus?: NavigationMenuItem[]) => BreadcrumbItem[];
+};
+export declare const useSidebarMenus: () => {
+    constantMenus: Ref<NavigationMenuItem[]>;
+    constantMenuPathSet: ComputedRef<Set<string>>;
+    bizMenus: Ref<NavigationMenuItem[]>;
+    flattenBizMenus: ComputedRef<NavigationMenuItem[]>;
+    bizMenuPathSet: ComputedRef<Set<string>>;
+    menusFromUser: Ref<Model.Menu[]>;
+    sidebarMenus: Ref<NavigationMenuItem[]>;
+    sidebarMenuPathSet: Ref<Set<string>>;
+    expandSidebarMenu: (path: string) => void;
+    setUserDynamicMenus: (newRolesFromUser: Model.Role[], newMenusFromUser: Model.Menu[]) => void;
+    disabledMenuPathSet: ComputedRef<Set<string>>;
+    breadcrumbs: Ref<BreadcrumbItem[]>;
+    getBreadcrumbs: (current: string, menus?: NavigationMenuItem[]) => BreadcrumbItem[];
+};

package/dist/runtime/composables/useTheme.js

@@ -1,18 +1,35 @@
 import { computed } from "vue";
 import { createSharedComposable, useColorMode } from "@vueuse/core";
-import colors from "tailwindcss/colors";
-import { omit } from "@nuxt/ui/utils";
 import { en, zh_cn } from "@nuxt/ui/locale";
 import { useApp } from "./useApp.js";
 import { useAppConfig } from "nuxt/app";
+const twPrimaryColorNames = [
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose"
+];
+const twNeutralColorNames = ["slate", "gray", "zinc", "neutral", "stone", "taupe", "mauve", "mist", "olive"];
 const _useTheme = () => {
   const appConfig = useAppConfig();
   const colorMode = useColorMode();
   const app = useApp();
-  const neutralColors = ["slate", "gray", "zinc", "neutral", "stone", "taupe", "mauve", "mist", "olive"];
   const neutral = computed({
     get() {
-      return appConfig.ui.colors.neutral;
+      return appConfig.ui?.colors?.neutral;
     },
     set(option) {
       console.log(option, appConfig);
@@ -22,15 +39,13 @@ const _useTheme = () => {
   });
   const blackAsPrimary = computed({
     get() {
-      return appConfig.theme.blackAsPrimary;
+      return appConfig.theme?.blackAsPrimary;
     },
     set(option) {
       appConfig.theme.blackAsPrimary = option;
       app.updateBlackAsPrimary(option);
     }
   });
-  const colorsToOmit = ["inherit", "current", "transparent", "black", "white", ...neutralColors];
-  const primaryColors = Object.keys(omit(colors, colorsToOmit));
   const primary = computed({
     get() {
       return appConfig.ui.colors.primary;
@@ -42,7 +57,7 @@ const _useTheme = () => {
     }
   });
   const chartColorVars = computed(() => ["chart-1", "chart-2", "chart-3", "chart-4", "chart-5"].map((c) => `var(--${c})`));
-  const primaryColorVars = computed(() => primaryColors.map((c) => `var(--color-${c}-${colorMode.value === "light" ? "400" : "500"})`));
+  const primaryColorVars = computed(() => twPrimaryColorNames.map((c) => `var(--color-${c}-${colorMode.value === "light" ? "400" : "500"})`));
   const radiuses = [0, 0.125, 0.25, 0.375, 0.5];
   const radius = computed({
     get() {
@@ -77,9 +92,9 @@ const _useTheme = () => {
   });
   return {
     blackAsPrimary,
-    neutralColors,
+    neutralColors: twNeutralColorNames,
     neutral,
-    primaryColors,
+    primaryColors: twPrimaryColorNames,
     primary,
     chartColorVars,
     primaryColorVars,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",