@duxweb/dvha-pro 1.0.47 → 1.0.49

package/dist/esm/langs/zh-CN.json.js

@@ -1,4 +1,4 @@
-const e = { search: "搜索", empty: "暂无数据", menu: "菜单", theme: "主题", dark: "暗色模式", light: "亮色模式", back: "返回", loading: "加载中...", success: "操作成功", error: "操作失败", unknownError: "未知错误", keyword: "请输入关键字", preview: "预览" }, t = { tab: { lock: "锁定", closeOther: "关闭其他", closeLeft: "关闭左侧", closeRight: "关闭右侧" }, dialog: { confirm: { title: "确定", content: "确定要确认吗？" }, cancel: { title: "取消", content: "确定要取消吗？" }, success: { title: "成功", content: "您的操作已成功" }, error: { title: "错误", content: "您的操作已失败" }, prompt: { title: "提示" } }, button: { confirm: "确定", cancel: "取消", submit: "提交", reset: "重置", delete: "删除", search: "查询", advanced: "高级", export: "导出", import: "导入", autoRefresh: "自动刷新", filter: "筛选", refresh: "刷新", select: "选择", create: "新建", download: "下载", rename: "重命名", preview: "预览", sideLeft: "左侧", sideRight: "右侧" }, form: { edit: "编辑", create: "新增", success: "保存成功", error: "保存失败" }, list: { selectAll: "全选", columnSetting: "列设置", selectedItems: "选中项: {num}", total: "共 {total} 条", batchTitle: "批量操作确认", batchContent: "确定要执行此批量操作吗？" }, editor: { placeholder: "请输入内容" }, upload: { fileManager: "文件管理器", uploadFile: "上传文件", cancel: "取消", delete: "删除", error: "上传失败", empty: "暂无文件", desc: "点击或拖拽文件到此区域", dropHere: "拖拽文件到此处", allFormats: "支持任意格式文件", supportFormats: "支持 {formats} 格式文件", maxSize: "最大文件大小: {size}MB", success: "上传成功", failed: "上传失败", fileExtension: "{ext}文件", status: { pending: "待上传", uploading: "上传中", success: "已上传", cancelled: "已取消", error: "失败" }, file: { name: "文件名", size: "大小", type: "类型", status: "状态" }, actions: "操作", selectUpload: { clickOrDrag: "点击选择文件或拖拽到此处", selectedFiles: "已选择 {count} 个文件", multipleSupport: "支持多文件选择", defaultDesc: "支持上传指定类型文件", acceptDesc: "仅支持上传 {accept} 格式文件", maxFiles: "最多 {max} 个文件" } }, uploadManage: { title: "文件管理", all: "全部", image: "图片", media: "媒体", docs: "文档", upload: "上传", empty: "暂无文件", emptyDesc: "暂无更多文件，请先上传文件", back: "返回上一级", parentLevel: "上一级", namePlaceholder: "请输入名称", createError: "创建失败", editError: "修改失败", delError: "删除失败", delTitle: "确认删除", delDesc: "确定要删除选中的文件吗？删除后不可恢复。" }, crop: { title: "裁剪", select: "选择", confirm: "确认" }, stats: { realTimeData: "实时数据" }, data: { selectTitle: "请选择数据" }, menu: { language: "语言", chinese: "中文", english: "English", color: "颜色", primaryColor: "主题色", neutralColor: "中性色", theme: "主题", followSystem: "跟随系统", lightMode: "亮色", darkMode: "暗色", logout: "退出登录" }, iconPicker: { title: "图标选择" }, designEditor: { layout: "布局", all: "全部", grid: { label: "网格", title: "网格设置", columns: "列数", spacing: "间距", columnsPlaceholder: "请输入列数", spacingPlaceholder: "请输入间距" } }, flowEditor: { properties: "属性", nodeInfo: "节点信息", nodeConfig: "节点配置", label: "标签", description: "描述", descriptionPlaceholder: "请输入节点描述", selectNodeOrEdge: "选择节点或连接线进行配置", edgeSettings: "连接线设置", edgeDescription: "配置节点间的连接属性", editJSON: "编辑JSON", saveFlow: "保存流程", clearFlow: "清空流程", flowCleared: "流程已清空", flowSaved: "流程数据已保存", editFlowJSON: "编辑流程 JSON", deleteEdge: "删除连接线", edgeDeleted: "连接线已删除", from: "从", to: "到", connectionType: "连接类型", pass: "通过", reject: "退回", categories: { start: "开始", process: "处理", condition: "条件", end: "结束" }, nodes: { start: { label: "开始", description: "流程的起始节点" }, end: { label: "结束", description: "流程的结束节点" } }, fieldTypes: { text: "文本", number: "数字", boolean: "布尔", date: "日期", array: "数组", object: "对象" }, toolbar: { releaseToAdd: "释放以添加节点" }, setting: { operations: "操作", node: "节点", connection: "连接" }, nodeCard: { delete: "删除", copy: "复制" }, jsonEditor: { copiedToClipboard: "已复制到剪贴板", dataApplied: "数据已应用到流程", jsonFormatError: "JSON 格式错误" }, processNode: { label: "处理", description: "通用处理节点" }, startNode: { label: "开始", description: "流程的起始节点", configTitle: "开始节点配置" } }, formEditor: { config: "组件配置", options: "选项配置", data: "数据", common: { componentConfig: "组件配置", optionConfig: "选项配置", optionData: "选项数据", dataConfig: "数据配置", dataEdit: "数据编辑", label: "标签", disabled: "禁用", clearable: "可清除", readonly: "只读", showCount: "显示字数", placeholder: "占位符", prefix: "前缀", suffix: "后缀", status: "状态", defaultValue: "默认值", minLength: "最小长度", maxLength: "最大长度", minValue: "最小值", maxValue: "最大值", labelField: "标签字段", valueField: "值字段", optionLabel: "选项标签", optionValue: "选项值", dataInterface: "数据接口", multiple: "多选", cascade: "级联", showPath: "显示路径", minCount: "最小数量", maxCount: "最大数量", uploadUrl: "上传地址", showAlpha: "显示透明度", timeFormat: "时间格式", hour12: "12小时制", dateType: "日期类型", inputType: "输入类型", formDirection: "表单方向", leftAlign: "左对齐", topAlign: "上对齐", settingAlign: "设置布局", pageAlign: "页面布局", name: "名称", desc: "描述" }, setting: { title: "表单设置" }, validation: "验证规则", componentConfig: "组件配置", input: { label: "文本", types: { text: "文本", textarea: "多行文本", password: "密码" } }, inputNumber: { label: "数字" }, select: { label: "选择", configDesc: "配置选项数据" }, radio: { label: "单选", configDesc: "配置单选框选项数据" }, checkbox: { label: "复选", configDesc: "配置复选框选项数据" }, switch: { label: "开关" }, date: { label: "日期", placeholder: "选择日期", dateType: "日期类型", date: "日期", daterange: "日期范围", datetime: "日期时间", datetimerange: "日期时间范围", month: "月份", monthrange: "月份范围", year: "年份", yearrange: "年份范围", quarter: "季度", quarterrange: "季度范围", week: "周" }, time: { label: "时间", placeholder: "选择时间", timeFormat: "格式", use12Hours: "12小时制" }, color: { label: "颜色", showAlpha: "显示透明度" }, cascader: { label: "级联", desc: "级联选择器选项数据，格式为 JSON 数组", configDesc: "配置选项", optionDesc: "JSON 数组格式", optionsDescription: "配置级联选择器选项数据", cascade: "级联", showPath: "显示路径" }, cascaderAsync: { label: "级联", dataApi: "数据接口", apiPlaceholder: "输入接口地址", cascade: "级联", showPath: "显示路径" }, dynamicInput: { label: "动态" }, editor: { label: "编辑器", placeholder: "输入内容", uploadUrlDesc: "编辑器图片上传地址" }, aiEditor: { label: "编辑器", uploadUrl: "上传地址", uploadUrlFeedback: "编辑器图片上传地址" }, sider: { name: "滑块", step: "步长", min: "最小", max: "最大" }, dynamicTags: { name: "标签", max: "最大数量" }, mentionAsync: { name: "提及", clearable: "可清除", path: "数据接口", labelField: "标签字段", valueField: "值字段" }, region: { name: "地区", Path: "数据接口", labelField: "标签字段", valueField: "值字段" }, selectAsync: { name: "选择", pagination: "分页", path: "数据接口", labelField: "标签字段", valueField: "值字段", imageField: "图片字段", descField: "描述字段" }, transferAsync: { name: "穿梭框" }, treeSelect: { name: "树选择" }, treeSelectAsync: { name: "异步树选择", path: "数据接口", labelField: "标签字段", keyField: "键字段" }, tree: { disabled: "禁用" }, groups: { form: "表单", select: "选择器", async: "异步" }, imageUpload: { label: "图片上传", maxSize: "最大文件大小(MB)", maxSizePlaceholder: "请输入最大文件大小", maxNumPlaceholder: "请输入最大文件数量", manager: "文件管理器" }, fileUpload: { label: "文件上传", accept: "接受文件类型", acceptPlaceholder: "请输入接受的文件类型，如：image/*,video/*", maxSize: "最大文件大小(MB)", maxSizePlaceholder: "请输入最大文件大小", maxNumPlaceholder: "请输入最大文件数量", manager: "文件管理器" }, main: { label: "主要内容", categories: { form: "表单", select: "选择器", async: "异步" }, actions: { jsonOutput: "Json 输出", save: "保存" } } } }, a = { table: { exportSuccess: "导出数据成功", exportProgress: "导出数据中, 请稍后...", exportFailed: "导出数据失败", exportSuccessContent: "成功导出 {count} 条数据", exportProgressContent: "第 {page} 页数据", exportFailedContent: "导出数据失败：{error}", importSuccess: "导入数据成功", importProgress: "导入数据中, 请稍后...", importFailed: "导入数据失败", importSuccessContent: "成功导入 {count} 条数据", importProgressContent: "{processed} / {total} 条数据", importFailedContent: "导入数据失败：{error}", saveSuccess: "保存成功", copySuccess: "复制成功", copyFailed: "复制失败" }, download: { failed: "下载失败" } }, l = { 400: { title: "400", desc: "请求错误" }, 401: { title: "401", desc: "您没有权限访问该页面" }, 403: { title: "403", desc: "您没有权限访问该页面" }, 404: { title: "404", desc: "页面不存在" }, 500: { title: "500", desc: "服务器错误" }, empty: { title: "暂无数据", desc: "暂无更多数据，请先创建数据" }, loading: { title: "加载中", desc: "数据正在加载中，请稍后..." }, login: { success: "登录成功", error: "登录失败，请检查用户名和密码", placeholder: { username: "请输入用户名", password: "请输入密码" }, buttons: { login: "登录" } } }, o = { "zh-CN": "中文", "en-US": "English", "ja-JP": "日本語", "ko-KR": "한국어", "ru-RU": "Русский" }, r = {
+const e = { search: "搜索", empty: "暂无数据", menu: "菜单", theme: "主题", dark: "暗色模式", light: "亮色模式", back: "返回", loading: "加载中...", success: "操作成功", error: "操作失败", unknownError: "未知错误", keyword: "请输入关键字", preview: "预览" }, t = { tab: { lock: "锁定", closeOther: "关闭其他", closeLeft: "关闭左侧", closeRight: "关闭右侧" }, dialog: { confirm: { title: "确定", content: "确定要确认吗？" }, cancel: { title: "取消", content: "确定要取消吗？" }, success: { title: "成功", content: "您的操作已成功" }, error: { title: "错误", content: "您的操作已失败" }, prompt: { title: "提示" } }, button: { confirm: "确定", cancel: "取消", submit: "提交", reset: "重置", delete: "删除", search: "查询", advanced: "高级", export: "导出", import: "导入", autoRefresh: "自动刷新", filter: "筛选", refresh: "刷新", select: "选择", create: "新建", download: "下载", rename: "重命名", preview: "预览", sideLeft: "左侧", sideRight: "右侧" }, form: { edit: "编辑", create: "新增", success: "保存成功", error: "保存失败" }, list: { selectAll: "全选", columnSetting: "列设置", selectedItems: "选中项: {num}", total: "共 {total} 条", batchTitle: "批量操作确认", batchContent: "确定要执行此批量操作吗？" }, editor: { placeholder: "请输入内容" }, upload: { fileManager: "文件管理器", uploadFile: "上传文件", cancel: "取消", delete: "删除", error: "上传失败", empty: "暂无文件", desc: "点击或拖拽文件到此区域", dropHere: "拖拽文件到此处", allFormats: "支持任意格式文件", supportFormats: "支持 {formats} 格式文件", maxSize: "最大文件大小: {size}MB", success: "上传成功", failed: "上传失败", fileExtension: "{ext}文件", status: { pending: "待上传", uploading: "上传中", success: "已上传", cancelled: "已取消", error: "失败" }, file: { name: "文件名", size: "大小", type: "类型", status: "状态" }, actions: "操作", selectUpload: { clickOrDrag: "点击选择文件或拖拽到此处", selectedFiles: "已选择 {count} 个文件", multipleSupport: "支持多文件选择", defaultDesc: "支持上传指定类型文件", acceptDesc: "仅支持上传 {accept} 格式文件", maxFiles: "最多 {max} 个文件" } }, uploadManage: { title: "文件管理", all: "全部", image: "图片", media: "媒体", docs: "文档", upload: "上传", empty: "暂无文件", emptyDesc: "暂无更多文件，请先上传文件", back: "返回上一级", parentLevel: "上一级", namePlaceholder: "请输入名称", createError: "创建失败", editError: "修改失败", delError: "删除失败", delTitle: "确认删除", delDesc: "确定要删除选中的文件吗？删除后不可恢复。" }, crop: { title: "裁剪", select: "选择", confirm: "确认" }, stats: { realTimeData: "实时数据" }, data: { selectTitle: "请选择数据" }, menu: { language: "语言", chinese: "中文", english: "English", color: "颜色", primaryColor: "主题色", neutralColor: "中性色", theme: "主题", followSystem: "跟随系统", lightMode: "亮色", darkMode: "暗色", logout: "退出登录", notice: "通知", noNotice: "暂无通知", markAllRead: "一键已读", viewAllNotices: "查看全部消息", themeToggle: "主题切换" }, iconPicker: { title: "图标选择" }, designEditor: { layout: "布局", all: "全部", grid: { label: "网格", title: "网格设置", columns: "列数", spacing: "间距", columnsPlaceholder: "请输入列数", spacingPlaceholder: "请输入间距" } }, flowEditor: { properties: "属性", nodeInfo: "节点信息", nodeConfig: "节点配置", label: "标签", description: "描述", descriptionPlaceholder: "请输入节点描述", selectNodeOrEdge: "选择节点或连接线进行配置", edgeSettings: "连接线设置", edgeDescription: "配置节点间的连接属性", editJSON: "编辑JSON", saveFlow: "保存流程", clearFlow: "清空流程", flowCleared: "流程已清空", flowSaved: "流程数据已保存", editFlowJSON: "编辑流程 JSON", deleteEdge: "删除连接线", edgeDeleted: "连接线已删除", from: "从", to: "到", connectionType: "连接类型", pass: "通过", reject: "退回", categories: { start: "开始", process: "处理", condition: "条件", end: "结束" }, nodes: { start: { label: "开始", description: "流程的起始节点" }, end: { label: "结束", description: "流程的结束节点" } }, fieldTypes: { text: "文本", number: "数字", boolean: "布尔", date: "日期", array: "数组", object: "对象" }, toolbar: { releaseToAdd: "释放以添加节点" }, setting: { operations: "操作", node: "节点", connection: "连接" }, nodeCard: { delete: "删除", copy: "复制" }, jsonEditor: { copiedToClipboard: "已复制到剪贴板", dataApplied: "数据已应用到流程", jsonFormatError: "JSON 格式错误" }, processNode: { label: "处理", description: "通用处理节点" }, startNode: { label: "开始", description: "流程的起始节点", configTitle: "开始节点配置" } }, formEditor: { config: "组件配置", options: "选项配置", data: "数据", common: { componentConfig: "组件配置", optionConfig: "选项配置", optionData: "选项数据", dataConfig: "数据配置", dataEdit: "数据编辑", label: "标签", disabled: "禁用", clearable: "可清除", readonly: "只读", showCount: "显示字数", placeholder: "占位符", prefix: "前缀", suffix: "后缀", status: "状态", defaultValue: "默认值", minLength: "最小长度", maxLength: "最大长度", minValue: "最小值", maxValue: "最大值", labelField: "标签字段", valueField: "值字段", optionLabel: "选项标签", optionValue: "选项值", dataInterface: "数据接口", multiple: "多选", cascade: "级联", showPath: "显示路径", minCount: "最小数量", maxCount: "最大数量", uploadUrl: "上传地址", showAlpha: "显示透明度", timeFormat: "时间格式", hour12: "12小时制", dateType: "日期类型", inputType: "输入类型", formDirection: "表单方向", leftAlign: "左对齐", topAlign: "上对齐", settingAlign: "设置布局", pageAlign: "页面布局", name: "名称", desc: "描述" }, setting: { title: "表单设置" }, validation: "验证规则", componentConfig: "组件配置", input: { label: "文本", types: { text: "文本", textarea: "多行文本", password: "密码" } }, inputNumber: { label: "数字" }, select: { label: "选择", configDesc: "配置选项数据" }, radio: { label: "单选", configDesc: "配置单选框选项数据" }, checkbox: { label: "复选", configDesc: "配置复选框选项数据" }, switch: { label: "开关" }, date: { label: "日期", placeholder: "选择日期", dateType: "日期类型", date: "日期", daterange: "日期范围", datetime: "日期时间", datetimerange: "日期时间范围", month: "月份", monthrange: "月份范围", year: "年份", yearrange: "年份范围", quarter: "季度", quarterrange: "季度范围", week: "周" }, time: { label: "时间", placeholder: "选择时间", timeFormat: "格式", use12Hours: "12小时制" }, color: { label: "颜色", showAlpha: "显示透明度" }, cascader: { label: "级联", desc: "级联选择器选项数据，格式为 JSON 数组", configDesc: "配置选项", optionDesc: "JSON 数组格式", optionsDescription: "配置级联选择器选项数据", cascade: "级联", showPath: "显示路径" }, cascaderAsync: { label: "级联", dataApi: "数据接口", apiPlaceholder: "输入接口地址", cascade: "级联", showPath: "显示路径" }, dynamicInput: { label: "动态" }, editor: { label: "编辑器", placeholder: "输入内容", uploadUrlDesc: "编辑器图片上传地址" }, aiEditor: { label: "编辑器", uploadUrl: "上传地址", uploadUrlFeedback: "编辑器图片上传地址" }, sider: { name: "滑块", step: "步长", min: "最小", max: "最大" }, dynamicTags: { name: "标签", max: "最大数量" }, mentionAsync: { name: "提及", clearable: "可清除", path: "数据接口", labelField: "标签字段", valueField: "值字段" }, region: { name: "地区", Path: "数据接口", labelField: "标签字段", valueField: "值字段" }, selectAsync: { name: "选择", pagination: "分页", path: "数据接口", labelField: "标签字段", valueField: "值字段", imageField: "图片字段", descField: "描述字段" }, transferAsync: { name: "穿梭框" }, treeSelect: { name: "树选择" }, treeSelectAsync: { name: "异步树选择", path: "数据接口", labelField: "标签字段", keyField: "键字段" }, tree: { disabled: "禁用" }, groups: { form: "表单", select: "选择器", async: "异步" }, imageUpload: { label: "图片上传", maxSize: "最大文件大小(MB)", maxSizePlaceholder: "请输入最大文件大小", maxNumPlaceholder: "请输入最大文件数量", manager: "文件管理器" }, fileUpload: { label: "文件上传", accept: "接受文件类型", acceptPlaceholder: "请输入接受的文件类型，如：image/*,video/*", maxSize: "最大文件大小(MB)", maxSizePlaceholder: "请输入最大文件大小", maxNumPlaceholder: "请输入最大文件数量", manager: "文件管理器" }, main: { label: "主要内容", categories: { form: "表单", select: "选择器", async: "异步" }, actions: { jsonOutput: "Json 输出", save: "保存" } } } }, a = { table: { exportSuccess: "导出数据成功", exportProgress: "导出数据中, 请稍后...", exportFailed: "导出数据失败", exportSuccessContent: "成功导出 {count} 条数据", exportProgressContent: "第 {page} 页数据", exportFailedContent: "导出数据失败：{error}", importSuccess: "导入数据成功", importProgress: "导入数据中, 请稍后...", importFailed: "导入数据失败", importSuccessContent: "成功导入 {count} 条数据", importProgressContent: "{processed} / {total} 条数据", importFailedContent: "导入数据失败：{error}", saveSuccess: "保存成功", copySuccess: "复制成功", copyFailed: "复制失败" }, download: { failed: "下载失败" } }, l = { 400: { title: "400", desc: "请求错误" }, 401: { title: "401", desc: "您没有权限访问该页面" }, 403: { title: "403", desc: "您没有权限访问该页面" }, 404: { title: "404", desc: "页面不存在" }, 500: { title: "500", desc: "服务器错误" }, empty: { title: "暂无数据", desc: "暂无更多数据，请先创建数据" }, loading: { title: "加载中", desc: "数据正在加载中，请稍后..." }, exception: { title: "系统异常", desc: "系统发生异常，具体原因请查看控制台" }, login: { success: "登录成功", error: "登录失败，请检查用户名和密码", placeholder: { username: "请输入用户名", password: "请输入密码" }, buttons: { login: "登录" } } }, o = { "zh-CN": "中文", "en-US": "English", "ja-JP": "日本語", "ko-KR": "한국어", "ru-RU": "Русский" }, i = {
   common: e,
   components: t,
   hooks: a,
@@ -8,7 +8,7 @@ const e = { search: "搜索", empty: "暂无数据", menu: "菜单", theme: "主
 export {
   e as common,
   t as components,
-  r as default,
+  i as default,
   a as hooks,
   o as locale,
   l as pages

package/dist/esm/pages/authLayout.js

@@ -1,6 +1,6 @@
-import { defineComponent as t, createVNode as o } from "vue";
-import { OverlaysProvider as m } from "@overlastic/vue";
-import "@duxweb/dvha-core";
+import { defineComponent as m, createVNode as o } from "vue";
+import { useManage as i } from "@duxweb/dvha-core";
+import { OverlaysProvider as p } from "@overlastic/vue";
 import "naive-ui";
 import "vue-router";
 import "clsx";
@@ -21,11 +21,12 @@ import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import { DuxGlobalLayout as i } from "./layout/global.js";
-import { DuxLayoutPage as p } from "./layout/page.js";
-import { DuxMenuCmd as l } from "./menu/cmd.js";
-import { DuxMenuMain as e } from "./menu/main.js";
-import { DuxMobileMenu as u } from "./menu/mobile.js";
+import { DuxGlobalLayout as l } from "./layout/global.js";
+import { DuxLayoutPage as e } from "./layout/page.js";
+import { DuxMenuCmd as n } from "./menu/cmd.js";
+import { DuxMenuApp as u } from "./menu/menuApp.js";
+import { DuxMenuMain as a } from "./menu/menuMain.js";
+import { DuxMobileMenu as f } from "./menu/mobile.js";
 import "./page404.js";
 import "short-unique-id";
 import "aieditor";
@@ -40,24 +41,26 @@ import "../components/posterEditor/elements/index.js";
 import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useUI as n } from "../hooks/ui.js";
-const $ = /* @__PURE__ */ t({
+import { useUI as s } from "../hooks/ui.js";
+const mo = /* @__PURE__ */ m({
   name: "DuxAuthLayout",
   setup() {
     const {
       menuCollapsed: r
-    } = n();
-    return () => o(i, null, {
-      default: () => [o(m, null, {
+    } = s(), t = i();
+    return () => o(l, null, {
+      default: () => [o(p, null, {
         default: () => [o("div", {
           class: "h-screen w-screen flex relative"
-        }, [o("div", {
-          class: ["flex-none transition-all", "hidden lg:block app-menu", r.value ? "w-120px" : "w-200px"]
-        }, [o(e, null, null)]), o(p, null, null)]), o(l, null, null), o(u, null, null)]
+        }, [t.config.theme?.layout === "menu" && o("div", {
+          class: ["flex-none transition-all", "hidden lg:block", r.value ? "w-120px" : "w-200px"]
+        }, [o(a, null, null)]), (!t.config.theme?.layout || t.config.theme?.layout === "app") && o("div", {
+          class: ["flex-none transition-all", "hidden lg:block"]
+        }, [o(u, null, null)]), o(e, null, null)]), o(n, null, null), o(f, null, null)]
       })]
     });
   }
 });
 export {
-  $ as DuxAuthLayout
+  mo as DuxAuthLayout
 };

package/dist/esm/pages/layout/page.js

@@ -101,7 +101,7 @@ const It = /* @__PURE__ */ l({
     }, [m.title]), t("div", null, [t(x, {
       collapsed: !0
     }, null)])]), t("div", {
-      class: "flex-1 py-2"
+      class: "flex-1 py-2 min-w-0"
     }, [t(g, null, null)])]), t("div", {
       class: "flex-1 min-h-0  mr-2 ml-2 mb-2 lg:ml-0"
     }, [t(c, null, null)])]);

package/dist/esm/pages/layout/tab.js

@@ -61,7 +61,7 @@ const I = /* @__PURE__ */ f({
       class: "app-page-tabs",
       barWidth: 100
     }, r.value), {
-      default: () => [p?.value?.map((e) => t(N, {
+      default: () => p?.value?.map((e) => t(N, {
         key: e.path,
         name: e.path || ""
       }, {
@@ -80,7 +80,7 @@ const I = /* @__PURE__ */ f({
         }, [t("div", {
           class: "i-tabler:x size-4"
         }, null)])])])]
-      }))]
+      }))
     }), t(O, {
       trigger: "manual",
       x: l.x,

package/dist/esm/pages/menu/avatar.js

@@ -1,9 +1,9 @@
-import { defineComponent as A, computed as d, createVNode as e } from "vue";
-import { useI18n as v, useManage as L, useLogout as R, useTheme as I, useGetAuth as S } from "@duxweb/dvha-core";
+import { defineComponent as L, computed as b, createVNode as e } from "vue";
+import { useI18n as f, useManage as S, useLogout as A, useTheme as R, useGetAuth as I } from "@duxweb/dvha-core";
 import { NDropdown as B } from "naive-ui";
 import { useRouter as N } from "vue-router";
 import "clsx";
-import { DuxAvatar as f } from "../../components/widget/avatar.js";
+import { DuxAvatar as g } from "../../components/widget/avatar.js";
 import "vue-echarts";
 import "@overlastic/vue";
 import "dayjs";
@@ -51,7 +51,7 @@ import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vee-validate";
-import G from "./button.js";
+import j from "./button.js";
 import "vue-command-palette";
 import "../page404.js";
 import "short-unique-id";
@@ -62,77 +62,85 @@ import "@vue-flow/background";
 import "@iconify-json/tabler/icons.json";
 import "../../components/posterEditor/elements/index.js";
 import "fabric";
-const Ke = /* @__PURE__ */ A({
+const Ke = /* @__PURE__ */ L({
   name: "DuxMenuAvatar",
   props: {
     collapsed: {
       type: Boolean,
       default: !1
+    },
+    btnClass: {
+      type: String,
+      default: ""
+    },
+    btnLabelClass: {
+      type: String,
+      default: ""
     }
   },
-  setup(g) {
+  setup(s) {
     const {
-      t
-    } = v(), s = v(), b = N(), {
-      config: h,
-      getRoutePath: y
-    } = L(), {
-      mutate: k
-    } = R(), {
-      mode: m,
-      primaryColors: x,
+      t: o
+    } = f(), m = f(), v = N(), {
+      config: y,
+      getRoutePath: h
+    } = S(), {
+      mutate: x
+    } = A(), {
+      mode: p,
+      primaryColors: k,
       neutralColors: C,
-      colorMapping: u,
-      setColor: c,
-      setMode: M
-    } = I(), l = (o, r) => e("div", {
+      colorMapping: c,
+      setColor: d,
+      setMode: w
+    } = R(), l = (t, r) => e("div", {
       class: "flex gap-2 items-center w-30"
     }, [e("div", {
       class: "flex-1 min-w-0"
-    }, [o]), e("div", null, [r && e("div", {
+    }, [t]), e("div", null, [r && e("div", {
       class: "i-tabler:check"
-    }, null)])]), a = (o) => e("div", {
-      class: `${o} size-4`
-    }, null), w = d(() => {
-      const o = h.userMenus?.map((r) => ({
-        label: t(r.label || "", {}, r.label),
+    }, null)])]), i = (t) => e("div", {
+      class: `${t} size-4`
+    }, null), M = b(() => {
+      const t = y.userMenus?.map((r) => ({
+        label: o(r.label || "", {}, r.label),
         key: r.key,
-        icon: () => a(r.icon),
+        icon: () => i(r.icon),
         path: r.path
       }));
-      return o?.length > 0 ? [...o, {
+      return t?.length > 0 ? [...t, {
         type: "divider"
       }] : [];
-    }), i = S(), z = d(() => [{
+    }), a = I(), z = b(() => [{
       key: "header",
       type: "render",
       render: () => e("div", {
         class: "flex gap-2 px-3 pb-1 pt-1 items-center "
-      }, [e(f, {
+      }, [e(g, {
         round: !0,
         size: 28,
-        src: i.info?.avatar
+        src: a.info?.avatar
       }, null), e("div", {
         class: "flex flex-col"
       }, [e("div", {
         class: "text-sm font-medium"
-      }, [i.info?.nickname]), e("div", {
+      }, [a.info?.nickname]), e("div", {
         class: "text-xs text-muted"
-      }, [i.info?.username])])])
+      }, [a.info?.username])])])
     }, {
       type: "divider"
-    }, ...w.value, {
-      label: t("components.menu.language"),
+    }, ...M.value, {
+      label: o("components.menu.language"),
       key: "locale",
-      icon: () => a("i-tabler:language"),
-      children: [...(s.getLocales() || []).map((o) => ({
-        label: () => l(t(`locale.${o}`), s.getLocale() === o),
-        key: `locale.${o}`
+      icon: () => i("i-tabler:language"),
+      children: [...(m.getLocales() || []).map((t) => ({
+        label: () => l(o(`locale.${t}`), m.getLocale() === t),
+        key: `locale.${t}`
       }))]
     }, {
-      label: t("components.menu.color"),
+      label: o("components.menu.color"),
       key: "color",
-      icon: () => a("i-tabler:palette"),
+      icon: () => i("i-tabler:palette"),
       children: [{
         label: () => e("div", {
           class: "flex gap-2 items-center w-30"
@@ -141,18 +149,18 @@ const Ke = /* @__PURE__ */ A({
           style: {
             backgroundColor: "rgb(var(--ui-color-primary))"
           }
-        }, null), e("div", null, [t("components.menu.primaryColor")])]),
+        }, null), e("div", null, [o("components.menu.primaryColor")])]),
         key: "color.primary",
-        children: x.value?.map((o) => ({
+        children: k.value?.map((t) => ({
           label: () => l(e("div", {
             class: "flex gap-2 items-center"
           }, [e("div", {
             class: "size-2 rounded-full",
             style: {
-              backgroundColor: `rgb(var(--base-color-${o}-500))`
+              backgroundColor: `rgb(var(--base-color-${t}-500))`
             }
-          }, null), e("div", null, [o])]), u.value.primary === o),
-          key: `color.primary.${o}`
+          }, null), e("div", null, [t])]), c.value.primary === t),
+          key: `color.primary.${t}`
         }))
       }, {
         label: () => e("div", {
@@ -162,63 +170,63 @@ const Ke = /* @__PURE__ */ A({
           style: {
             backgroundColor: "rgb(var(--ui-color-gray-600))"
           }
-        }, null), e("div", null, [t("components.menu.neutralColor")])]),
+        }, null), e("div", null, [o("components.menu.neutralColor")])]),
         key: "color.neutral",
-        children: C.value?.map((o) => ({
+        children: C.value?.map((t) => ({
           label: () => l(e("div", {
             class: "flex gap-2 items-center"
           }, [e("div", {
             class: "size-2 rounded-full",
             style: {
-              backgroundColor: `rgb(var(--base-color-${o}-600))`
+              backgroundColor: `rgb(var(--base-color-${t}-600))`
             }
-          }, null), e("div", null, [o])]), u.value.gray === o),
-          key: `color.neutral.${o}`
+          }, null), e("div", null, [t])]), c.value.gray === t),
+          key: `color.neutral.${t}`
         }))
       }]
     }, {
-      label: t("components.menu.theme"),
+      label: o("components.menu.theme"),
       key: "theme",
-      icon: () => a("i-tabler:brightness-half"),
+      icon: () => i("i-tabler:brightness-half"),
       children: [{
-        label: () => l(t("components.menu.followSystem"), m.value === "auto"),
+        label: () => l(o("components.menu.followSystem"), p.value === "auto"),
         key: "theme.auto"
       }, {
-        label: () => l(t("components.menu.lightMode"), m.value === "light"),
+        label: () => l(o("components.menu.lightMode"), p.value === "light"),
         key: "theme.light"
       }, {
-        label: () => l(t("components.menu.darkMode"), m.value === "dark"),
+        label: () => l(o("components.menu.darkMode"), p.value === "dark"),
         key: "theme.dark"
       }]
     }, {
       type: "divider"
     }, {
-      label: t("components.menu.logout"),
+      label: o("components.menu.logout"),
       key: "logout",
-      icon: () => a("i-tabler:logout")
+      icon: () => i("i-tabler:logout")
     }]);
-    function $(o, r) {
-      const p = o.lastIndexOf("."), [D, n] = p === -1 ? [o, ""] : [o.substring(0, p), o.substring(p + 1)];
+    function $(t, r) {
+      const u = t.lastIndexOf("."), [D, n] = u === -1 ? [t, ""] : [t.substring(0, u), t.substring(u + 1)];
       switch (D) {
         case "locale":
-          s.changeLocale(n);
+          m.changeLocale(n);
           break;
         case "color.primary":
-          c("primary", n);
+          d("primary", n);
           break;
         case "color.neutral":
-          c("gray", n);
+          d("gray", n);
           break;
         case "theme":
-          M(n);
+          w(n);
           break;
         case "logout":
-          k();
+          x();
           break;
         default:
           if (!r?.path)
             return;
-          b.push(y(r.path));
+          v.push(h(r.path));
       }
     }
     return () => e(B, {
@@ -228,22 +236,26 @@ const Ke = /* @__PURE__ */ A({
       onSelect: $,
       width: 200
     }, {
-      default: () => [e(G, {
-        collapsed: g.collapsed
+      default: () => [e(j, {
+        class: s.btnClass,
+        labelClass: s.btnLabelClass,
+        collapsed: s.collapsed
       }, {
-        icon: () => e(f, {
+        icon: () => e(g, {
           class: "group-hover:shadow-lg",
           round: !0,
           size: 28,
-          src: i.info?.avatar
+          src: a.info?.avatar
         }, null),
         default: () => e("div", {
+          class: "flex justify-between"
+        }, [e("div", {
           class: "flex flex-col"
         }, [e("div", {
           class: "text-sm font-medium"
-        }, [i.info?.nickname]), e("div", {
+        }, [a.info?.nickname]), e("div", {
           class: "text-xs text-muted"
-        }, [i.info?.username])])
+        }, [a.info?.username])])])
       })]
     });
   }

package/dist/esm/pages/menu/button.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, createVNode as p } from "vue";
+import { defineComponent as p, createVNode as i } from "vue";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
@@ -60,13 +60,17 @@ import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import { useUI as m } from "../../hooks/ui.js";
-const vt = /* @__PURE__ */ e({
+const dt = /* @__PURE__ */ p({
   name: "DuxMenuButton",
   props: {
     class: {
       type: String,
       default: ""
     },
+    labelClass: {
+      type: String,
+      default: ""
+    },
     onClick: {
       type: Function,
       default: () => {
@@ -75,29 +79,24 @@ const vt = /* @__PURE__ */ e({
     collapsed: {
       type: Boolean,
       default: !0
-    },
-    inverted: {
-      type: Boolean,
-      default: !1
     }
   },
   setup(t, {
     slots: o
   }) {
     const {
-      menuCollapsed: r,
-      menuMobileCollapsed: i
+      menuCollapsed: r
     } = m();
-    return () => p("div", {
+    return () => i("div", {
       onClick: () => {
         t.onClick?.();
       },
-      class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2", t.class, r.value && !i.value ? "group" : "hover:shadow-xs hover:bg-default flex-1 w-full", t.inverted ? "transition-all duration-300 bg-inverted/5 rounded-full hover:bg-default hover:shadow-xs" : " rounded-md"]
-    }, [o.icon?.(), t.collapsed === !1 && !r.value && !i.value && p("div", {
-      class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", t.inverted ? "text-default" : ""]
+      class: ["flex items-center gap-1 justify-center py-1 px-2 cursor-pointer gap-2 flex-1 w-full", t.class]
+    }, [o.icon?.(), t.collapsed === !1 && !r.value && i("div", {
+      class: ["overflow-hidden ease-in-out whitespace-nowrap text-left min-w-0 flex-1", t.labelClass]
     }, [o.default?.()])]);
   }
 });
 export {
-  vt as default
+  dt as default
 };

package/dist/esm/pages/menu/dark.js

@@ -0,0 +1,54 @@
+import { defineComponent as i, computed as u, createVNode as e } from "vue";
+import { useI18n as s, useTheme as m } from "@duxweb/dvha-core";
+import { NTooltip as c, NButton as d } from "naive-ui";
+const f = /* @__PURE__ */ i({
+  name: "DuxMenuDark",
+  setup() {
+    const {
+      t
+    } = s(), {
+      mode: l,
+      setMode: a
+    } = m(), o = u(() => {
+      const n = {
+        auto: {
+          icon: "i-tabler:device-desktop",
+          label: t("components.menu.followSystem", "Follow System"),
+          nextMode: "light"
+        },
+        light: {
+          icon: "i-tabler:sun",
+          label: t("components.menu.lightMode", "Light"),
+          nextMode: "dark"
+        },
+        dark: {
+          icon: "i-tabler:moon",
+          label: t("components.menu.darkMode", "Dark"),
+          nextMode: "auto"
+        }
+      };
+      return n[l.value] || n.auto;
+    }), r = () => {
+      a(o.value.nextMode);
+    };
+    return () => e(c, {
+      trigger: "hover",
+      placement: "right"
+    }, {
+      default: () => o.value.label,
+      trigger: () => e(d, {
+        quaternary: !0,
+        onClick: r
+      }, {
+        icon: () => e("div", {
+          class: "transition-all text-muted p-2 hover:text-white"
+        }, [e("div", {
+          class: `${o.value.icon} size-5`
+        }, null)])
+      })
+    });
+  }
+});
+export {
+  f as default
+};