v-nuxt-ui 0.1.0 → 0.1.1

package/dist/module.json

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

package/dist/runtime/components/EChart.client.vue

@@ -1,6 +1,5 @@
 <script setup>
-import { ref, computed, useTemplateRef, watch } from "vue";
-import { useColorMode } from "#imports";
+import { ref, useTemplateRef, watch } from "vue";
 import { useTheme } from "#v/composables/useTheme";
 import { useApp } from "#v/composables/useApp";
 import { useEChart } from "#v/composables/useEChart";
@@ -15,6 +14,7 @@ import {
   ToolboxComponent
 } from "echarts/components";
 import VChart from "vue-echarts";
+import { useColorMode } from "@vueuse/core";
 const props = defineProps({
   option: { type: null, required: true },
   useBar: { type: Boolean, required: false, default: false },

package/dist/runtime/components/SqlEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted, watch, onUnmounted } from "vue";
-import { useColorMode } from "#imports";
 import { format } from "sql-formatter";
+import { useColorMode } from "@vueuse/core";
 const value = defineModel("modelValue", { type: null, ...{ required: true } });
 const props = defineProps({
   tables: { type: Array, required: false, default: () => [] },

package/dist/runtime/components/table/Page.d.vue.ts

@@ -4,10 +4,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        createRow: (model: T) => number;
-        updateRow: (model: T) => void;
-        deleteRow: (model: T) => void;
-        refresh: (fromStart?: boolean) => Promise<void>;
+        createRow: (row: T) => void;
+        updateRow: (row: T) => void;
+        deleteRow: (row: T) => void;
+        refresh: () => Promise<void>;
         stats: import("vue").Ref<import("#v/types").StatsItem[][], import("#v/types").StatsItem[][]>;
         data: import("vue").Ref<T[], T[]>;
     }>) => void;

package/dist/runtime/components/table/Page.vue.d.ts

@@ -4,10 +4,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        createRow: (model: T) => number;
-        updateRow: (model: T) => void;
-        deleteRow: (model: T) => void;
-        refresh: (fromStart?: boolean) => Promise<void>;
+        createRow: (row: T) => void;
+        updateRow: (row: T) => void;
+        deleteRow: (row: T) => void;
+        refresh: () => Promise<void>;
         stats: import("vue").Ref<import("#v/types").StatsItem[][], import("#v/types").StatsItem[][]>;
         data: import("vue").Ref<T[], T[]>;
     }>) => void;

package/dist/runtime/components/table/index.d.vue.ts

@@ -4,10 +4,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        createRow: (model: T) => number;
-        updateRow: (model: T) => void;
-        deleteRow: (model: T) => void;
-        refresh: (fromStart?: boolean) => Promise<void>;
+        createRow: (row: T) => void;
+        updateRow: (row: T) => void;
+        deleteRow: (row: T) => void;
+        refresh: () => Promise<void>;
         stats: import("vue").Ref<import("#v/types").StatsItem[][], import("#v/types").StatsItem[][]>;
         data: import("vue").Ref<T[], T[]>;
     }>) => void;

package/dist/runtime/components/table/index.vue.d.ts

@@ -4,10 +4,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        createRow: (model: T) => number;
-        updateRow: (model: T) => void;
-        deleteRow: (model: T) => void;
-        refresh: (fromStart?: boolean) => Promise<void>;
+        createRow: (row: T) => void;
+        updateRow: (row: T) => void;
+        deleteRow: (row: T) => void;
+        refresh: () => Promise<void>;
         stats: import("vue").Ref<import("#v/types").StatsItem[][], import("#v/types").StatsItem[][]>;
         data: import("vue").Ref<T[], T[]>;
     }>) => void;

package/dist/runtime/composables/api/sys/useAuthApi.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+import type { RequestResult } from '#v/types';
+type AuthApi = {
+    refreshToken: (cmd: Cmd.RefreshTokensPayload) => Promise<{
+        data: Ref<RequestResult<Cmd.LoginResult>>;
+    }>;
+    getUserByAccessToken: () => Promise<{
+        data: Ref<RequestResult<Model.User>>;
+    }>;
+};
+export declare const useAuthApi: () => AuthApi;
+export {};

package/dist/runtime/composables/api/sys/useDepartmentApi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiGroup } from '#v/types';
+export declare const useDepartmentApi: () => ApiGroup<Model.Department>;

package/dist/runtime/composables/api/sys/useLoginApi.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+import type { RequestResult } from '#v/types';
+type LoginApi = {
+    loginByUsernameAndPassword: (cmd: Cmd.UsernamePasswordLoginPayload) => Promise<{
+        data: Ref<RequestResult<Cmd.LoginResult>>;
+    }>;
+    changeUserPassword: (cmd: Cmd.ChangeUserPwdCmd) => Promise<{
+        data: Ref<RequestResult<unknown>>;
+    }>;
+};
+export declare const useLoginApi: () => LoginApi;
+export {};

package/dist/runtime/composables/api/sys/useMenuApi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiGroup } from '#v/types';
+export declare const useMenuApi: () => ApiGroup<Model.Menu>;

package/dist/runtime/composables/api/sys/useMenuApi.js

@@ -15,7 +15,7 @@ export const useMenuApi = createSharedComposable(() => ({
     parentId: model.parentId,
     parent: model.parent,
     i18nKey: model.i18nKey,
-    staticRouteKey: model.staticRouteKeys,
+    staticRouteKeys: model.staticRouteKeys,
     permission: model.permission,
     order: String(Number(model.order) + 1),
     disabled: model.disabled
@@ -27,6 +27,6 @@ export const useMenuApi = createSharedComposable(() => ({
     parent: model,
     type: MenuType.MENU,
     order: "1",
-    staticRouteKey: model.staticRouteKeys
+    staticRouteKeys: model.staticRouteKeys
   })
 }));

package/dist/runtime/composables/api/sys/useRoleApi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiGroup } from '#v/types';
+export declare const useRoleApi: () => ApiGroup<Model.Role>;

package/dist/runtime/composables/api/sys/useRowRecord.d.ts

@@ -0,0 +1,10 @@
+import type { ApiGroup, PageResult, RequestResult } from '#v/types';
+import type { UseFetchOptions } from 'nuxt/app';
+import type { Ref } from 'vue';
+type RowRecordApiGroup = ApiGroup<Model.RowRecord> & {
+    getByTableNameAndRowId: (payload: Cmd.RowRecordPayload, customOptions?: UseFetchOptions<PageResult<Model.RowRecord>>) => Promise<{
+        data: Ref<RequestResult<PageResult<Model.RowRecord>>>;
+    }>;
+};
+export declare const useRowRecordApi: () => RowRecordApiGroup;
+export {};

package/dist/runtime/composables/api/sys/useUserApi.d.ts

@@ -0,0 +1,13 @@
+import type { UseFetchOptions } from 'nuxt/app';
+import type { ApiGroup, RequestResult } from '#v/types';
+import type { Ref } from 'vue';
+type UserApiGroup = ApiGroup<Model.User> & {
+    changePwd: (payload: Cmd.User.ChangePwdPayload, customOptions?: UseFetchOptions<unknown>) => Promise<{
+        data: Ref<RequestResult<unknown>>;
+    }>;
+    resetPwd: (userId: number, customOptions?: UseFetchOptions<unknown>) => Promise<{
+        data: Ref<RequestResult<unknown>>;
+    }>;
+};
+export declare const useUserApi: () => UserApiGroup;
+export {};

package/dist/runtime/composables/api/useApi.d.ts

@@ -0,0 +1,25 @@
+import type { Ref } from 'vue';
+import type { ApiGroup, BatchOprCommand, BatchSaveCommand, CountApi, ListApi, RequestResult, QueryTemplate } from '#v/types';
+import { type UseFetchOptions } from 'nuxt/app';
+type FetchResult<T> = Promise<{
+    data: Ref<RequestResult<T>>;
+}>;
+export declare function useApiFetch<T>(url: string | (() => string), options?: UseFetchOptions<T>): FetchResult<T>;
+export declare function usePostFetch<T>(url: string, data?: any, customOptions?: UseFetchOptions<T>): FetchResult<T>;
+export declare function usePutFetch<T>(url: string, data?: any, customOptions?: UseFetchOptions<T>): FetchResult<T>;
+export declare function useGetFetch<T>(url: string, customOptions?: UseFetchOptions<T>): FetchResult<T>;
+export declare function useDeleteFetch<T>(url: string, customOptions?: UseFetchOptions<T>): FetchResult<T>;
+export declare function useApiCreate<M>(basePath: string): (model: M, customOptions?: UseFetchOptions<M>) => FetchResult<M>;
+export declare function useApiBatchCreate<M>(basePath: string): (cmd: BatchSaveCommand<M>, customOptions?: UseFetchOptions<M[]>) => FetchResult<M[]>;
+export declare function useApiUpdate<M>(basePath: string): (model: M, customOptions?: UseFetchOptions<M>) => FetchResult<M>;
+export declare function useApiBatchUpdate<M>(basePath: string): (cmd: BatchSaveCommand<M>, customOptions?: UseFetchOptions<M[]>) => FetchResult<M[]>;
+export declare function useApiGetById<M>(basePath: string): (id: number, customOptions?: UseFetchOptions<M>) => FetchResult<M>;
+export declare function useApiGetByString<M>(basePath: string): (param: string, customOptions?: UseFetchOptions<M>) => FetchResult<M>;
+export declare function useApiDeleteById(basePath: string): (id: number, customOptions?: UseFetchOptions<void>) => FetchResult<void>;
+export declare function useApiBatchDelete(basePath: string): (delReq: BatchOprCommand, customOptions?: UseFetchOptions<void>) => FetchResult<void>;
+export declare function useApiCount<M>(basePath: string): CountApi<M>;
+export declare function useApiList<M>(basePath: string): ListApi<M>;
+export declare function useApiCountAndList<M>(basePath: string): ListApi<M>;
+export declare function pruneQueryTemplate<M>(payload: QueryTemplate<M>): QueryTemplate<M>;
+export declare const useApi: <M>(basePath: string) => ApiGroup<M>;
+export {};

package/dist/runtime/composables/flow/useFlow.d.ts

@@ -0,0 +1,46 @@
+import { type Node } from '@vue-flow/core';
+import type { Ref } from 'vue';
+export interface UseFlowOptions {
+    flow?: Ref<Model.Flow | undefined>;
+    onUpdateModel?: Ref<((model: Model.Flow) => void) | undefined>;
+}
+export interface UseFlowReturn {
+    nodes: Ref<any[]>;
+    edges: Ref<any[]>;
+    GRID_SIZE: number;
+    syncNodes: (nodeHandlers?: (nodeId: string) => any) => void;
+    syncEdges: (styleOptions?: {
+        strokeWidth?: number;
+        markerStart?: boolean;
+        markerEnd?: boolean;
+    }) => void;
+    applyEdgeStyles: (styleOptions: {
+        strokeWidth: number;
+        markerStart: boolean;
+        markerEnd: boolean;
+    }) => void;
+    transformNode: (node: Model.FlowNode, handlers?: any) => Node;
+    refreshFlow: () => Promise<void>;
+    updateNode: (updatedNode: Model.FlowNode) => Promise<void>;
+    updateNodePosition: (nodeId: string, x: number, y: number) => Promise<void>;
+    updateNodeDimensions: (nodeId: string, dimensions: {
+        width: number;
+        height: number;
+        positionX: number;
+        positionY: number;
+    }) => Promise<void>;
+    createNode: () => Promise<void>;
+    deleteNode: (nodeId: string) => Promise<void>;
+    deleteEdge: (edgeId: string) => Promise<void>;
+    createEdge: (params: {
+        source: string;
+        target: string;
+        sourceHandle?: string | null;
+        targetHandle?: string | null;
+    }) => Promise<void>;
+}
+/**
+ * Flow 业务逻辑 Composable
+ * 处理节点和边的 CRUD 操作、数据转换等
+ */
+export declare function useFlow(options: UseFlowOptions): UseFlowReturn;

package/dist/runtime/composables/table/useTable.d.ts

@@ -0,0 +1,25 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { TableHeaderProps, TablePaginationProps, VColumn, VTableProps, WhereQueryProps, StatsItem } from '#v/types';
+import type { ContextMenuItem, TableProps } from '@nuxt/ui';
+export interface UseTableReturn<T> {
+    data: Ref<T[]>;
+    createRow: (row: T) => void;
+    updateRow: (row: T) => void;
+    deleteRow: (row: T) => void;
+    stats: Ref<StatsItem[][]>;
+    rowSelection: Ref<Record<number, boolean> | undefined>;
+    onUpdateRowSelection: (newRowSelection: Record<number, boolean> | undefined) => void;
+    selectedIds: Ref<number[]>;
+    fetching: Ref<boolean>;
+    fetchList: () => Promise<void>;
+    debouncedFetchList: () => void;
+    whereQueryOpen: boolean;
+    onUpdateWhereQueryOpen: (open: boolean) => void;
+    columns: ComputedRef<VColumn<T>[]>;
+    tblProps: ComputedRef<TableProps<T>>;
+    tblWhereQueryProps: ComputedRef<WhereQueryProps<T>>;
+    tblHeaderProps: ComputedRef<TableHeaderProps<T>>;
+    tblPaginationProps: ComputedRef<TablePaginationProps<T>>;
+    tblContextMenuItems: Ref<ContextMenuItem[]>;
+}
+export declare function useTable<T>(props: VTableProps<T>): UseTableReturn<T>;

package/dist/runtime/composables/table/useTableView.d.ts

@@ -0,0 +1,27 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { VTableProps, TableHeaderProps, TablePaginationProps, WhereQueryProps, StatsItem } from '#v/types';
+import type { TableProps, ContextMenuItem } from '@nuxt/ui';
+export interface UseProTableViewReturn<T> {
+    data: Ref<T[]>;
+    createRow: (row: T) => void;
+    updateRow: (row: T) => void;
+    deleteRow: (row: T) => void;
+    stats: Ref<StatsItem[][]>;
+    fetchList: () => Promise<void>;
+    rowSelection: Ref<Record<number, boolean> | undefined>;
+    onUpdateRowSelection: (newRowSelection: Record<number, boolean> | undefined) => void;
+    tblProps: ComputedRef<TableProps<T>>;
+    tblWhereQueryProps: ComputedRef<WhereQueryProps<T>>;
+    tblHeaderProps: ComputedRef<TableHeaderProps<T>>;
+    tblPaginationProps: ComputedRef<TablePaginationProps<T>>;
+    tblContextMenuItems: Ref<ContextMenuItem[]>;
+    tableWidth: Ref<number>;
+    updateTableWidth: () => void;
+    tblClasses: ComputedRef<(string | boolean | (string | boolean)[])[]>;
+    tblUi: ComputedRef<{
+        root: string;
+        th: string;
+        td: string;
+    }>;
+}
+export declare function useProTableView<T>(props: VTableProps<T>): UseProTableViewReturn<T>;

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

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+import type { ApiGroup } from '#v/types';
+export declare const useFormValues: <T>(raw: Ref<T>, defaultValues?: Partial<T>) => {
+    oldValues: Ref<T>;
+    newValues: Ref<T>;
+};
+export declare const useFormSubmission: <T extends Model.BaseModel>(oldValues: Ref<T>, newValues: Ref<T>, close: (ok: boolean) => void, save: (model: T) => void, apiGroup: () => ApiGroup<T>, arrayTypeFieldKeys?: (keyof T)[], rowKey?: keyof T, versionKey?: keyof T) => {
+    onSubmit: () => Promise<void>;
+};

package/dist/runtime/composables/useSidebarMenu.js

@@ -34,7 +34,8 @@ export const _useSidebarMenus = () => {
     sidebarMenuPathSet.value.clear();
     menusFromUser.value = [...newMenusFromUser, ...newRolesFromUser.map((role) => role.menus ?? []).flat()];
     menusFromUser.value.forEach((menu) => menu.staticRouteKeys?.forEach((key) => sidebarMenuPathSet.value.add(key)));
-    sidebarMenus.value = menuMode.value === "static" ? bizMenus.value : hideNoPermissionMenus(bizMenus.value, sidebarMenuPathSet.value);
+    const menuItems = bizMenus.value;
+    sidebarMenus.value = menuMode.value === "static" ? menuItems : hideNoPermissionMenus(menuItems, sidebarMenuPathSet.value);
   };
   watch([loginUserRoles, loginUserMenus, bizMenus], ([newRoles, newMenus]) => {
     setUserDynamicMenus(newRoles, newMenus);

package/dist/runtime/types/components/table/index.d.ts

@@ -43,6 +43,7 @@ export type ApiGroup<T> = {
     countAndList: ListApi<T>;
     prune: (model: T) => T;
     copy?: (model: T) => T;
+    copyAsParent?: (model: T) => T;
 };
 export type RowActionProps<T> = {
     label?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",
@@ -26,22 +26,10 @@
     "typecheck": "nuxi typecheck playground"
   },
   "dependencies": {
-    "@nuxt/content": "^3.12.0",
     "@nuxt/kit": "^4.3.1",
-    "@nuxtjs/mdc": "^0.20.2",
-    "@tanstack/table-core": "^8.21.3",
-    "@vueuse/core": "^14.2.1",
-    "better-sqlite3": "^12.8.0",
     "dayjs": "^1.11.19",
     "defu": "^6.1.4",
-    "fflate": "^0.8.2",
-    "json5": "^2.2.3",
     "maska": "^3.2.0",
-    "monaco-editor": "^0.55.1",
-    "ohash": "^2.0.11",
-    "reka-ui": "^2.9.2",
-    "scule": "^1.3.0",
-    "sql-formatter": "^15.7.2",
     "vue-router": "^5.0.4"
   },
   "peerDependencies": {
@@ -61,26 +49,38 @@
     "cronstrue": "^3.12.0",
     "echarts": "^6.0.0",
     "exceljs": "^4.4.0",
+    "monaco-editor": "^0.55.1",
+    "shiki": "^3.23.0",
+    "sql-formatter": "^15.7.2",
     "vue-draggable-plus": "^0.6.1",
     "vue-echarts": "^8.0.1"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.94",
     "@internationalized/date": "^3.12.0",
+    "@nuxt/content": "^3.12.0",
     "@nuxt/eslint": "^1.15.2",
     "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/fonts": "^0.12.1",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/ui": "^4.6.0",
     "@nuxtjs/i18n": "^10.2.4",
+    "@nuxtjs/mdc": "^0.20.2",
+    "@tanstack/table-core": "^8.21.3",
+    "@types/better-sqlite3": "^7.6.13",
     "@types/sortablejs": "^1.15.9",
+    "@vueuse/core": "^14.2.1",
     "@vueuse/nuxt": "^14.2.1",
+    "better-sqlite3": "^12.8.0",
     "cronstrue": "^3.12.0",
     "echarts": "^6.0.0",
     "eslint": "^9.39.3",
     "exceljs": "^4.4.0",
+    "monaco-editor": "^0.55.1",
     "nuxt": "^4.3.1",
+    "reka-ui": "^2.9.2",
     "shiki": "^3.23.0",
+    "sql-formatter": "^15.7.2",
     "sortablejs": "^1.15.7",
     "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",