xto-fronted 0.1.1 → 0.1.3

package/.env.development

@@ -1,4 +1,3 @@
-# 开发环境
-VITE_APP_TITLE = Xto Demo - 开发环境
-VITE_API_BASE_URL = /api
-VITE_USE_MOCK = true
+VITE_APP_NAME=analysis-web
+VITE_APP_ID=DBU-CONTENT-ANALYSIS
+VITE_APP_CLIENT_ID=Tineco

package/.env.production

@@ -1,4 +1,3 @@
-# 生产环境
-VITE_APP_TITLE = Xto Demo
-VITE_API_BASE_URL = /api
-VITE_USE_MOCK = false
+VITE_APP_NAME=analysis-web
+VITE_APP_ID=DBU-CONTENT-ANALYSIS
+VITE_APP_CLIENT_ID=Tineco

package/bin/cli.js

@@ -0,0 +1,104 @@
+#!/usr/bin/env node
+
+/**
+ * xto-fronted CLI
+ * 用于初始化前端项目脚手架
+ */
+
+const { execSync } = require('child_process')
+const { existsSync, mkdirSync, cpSync, writeFileSync } = require('fs')
+const { resolve, basename } = require('path')
+
+// 获取命令行参数
+const args = process.argv.slice(2)
+const targetDir = args[0] || 'my-app'
+const targetPath = resolve(process.cwd(), targetDir)
+
+console.log('\n🚀 创建项目:', targetDir)
+console.log('📁 目标路径:', targetPath)
+
+// 模板目录（CLI 所在目录的上级目录）
+const templateDir = resolve(__dirname, '..')
+
+// 创建目标目录
+if (existsSync(targetPath)) {
+  console.error('❌ 目录已存在:', targetPath)
+  process.exit(1)
+}
+
+mkdirSync(targetPath, { recursive: true })
+
+// 需要复制的文件和目录
+const filesToCopy = [
+  'src',
+  'public',
+  'index.html',
+  'vite.config.ts',
+  'tsconfig.json',
+  'tsconfig.node.json',
+  '.env.development',
+  '.env.production'
+]
+
+// 复制文件
+filesToCopy.forEach(file => {
+  const src = resolve(templateDir, file)
+  const dest = resolve(targetPath, file)
+  if (existsSync(src)) {
+    cpSync(src, dest, { recursive: true })
+    console.log('✅ 复制:', file)
+  }
+})
+
+// 创建 package.json
+const packageJson = {
+  name: basename(targetPath),
+  version: '0.0.1',
+  private: true,
+  type: 'module',
+  scripts: {
+    dev: 'vite',
+    build: 'vue-tsc && vite build',
+    preview: 'vite preview'
+  },
+  dependencies: {
+    '@xto/base': '^0.1.0',
+    '@xto/feedback': '^0.1.0',
+    '@xto/form': '^0.1.0',
+    '@xto/navigation': '^0.1.0',
+    'axios': '^1.6.8',
+    'pinia': '^2.1.7',
+    'vue': '^3.4.21',
+    'vue-router': '^4.3.0',
+    'xto-fronted': '^0.1.3'
+  },
+  devDependencies: {
+    '@types/node': '^20.11.30',
+    '@vitejs/plugin-vue': '^5.0.4',
+    'sass': '^1.72.0',
+    'sass-embedded': '^1.72.0',
+    'typescript': '^5.4.2',
+    'vite': '^5.2.0',
+    'vue-tsc': '^2.0.6'
+  }
+}
+
+writeFileSync(
+  resolve(targetPath, 'package.json'),
+  JSON.stringify(packageJson, null, 2)
+)
+console.log('✅ 创建: package.json')
+
+// 安装依赖
+console.log('\n📦 安装依赖...')
+try {
+  execSync('npm install', { cwd: targetPath, stdio: 'inherit' })
+  console.log('✅ 依赖安装完成')
+} catch (error) {
+  console.log('⚠️  依赖安装失败，请手动运行: npm install')
+}
+
+console.log('\n✨ 项目创建成功!')
+console.log('\n👉 接下来执行:')
+console.log(`   cd ${targetDir}`)
+console.log('   npm run dev\n')

package/dist/{403-MQkNUulz.js → 403-DM5wfQkM.js}

@@ -1,7 +1,7 @@
-import { defineComponent as s, openBlock as n, createElementBlock as p, createElementVNode as o, createVNode as d, unref as _, withCtx as a, createTextVNode as i } from "vue";
+import { defineComponent as s, openBlock as n, createElementBlock as p, createElementVNode as o, createVNode as a, unref as d, withCtx as _, createTextVNode as i } from "vue";
 import { useRouter as m } from "vue-router";
-import { Button as c } from "@xto/base";
-import { c as l } from "./index-vVfjShJR.js";
+import { Button as l } from "@xto/base";
+import { a as c } from "./index-BqRv1bdN.js";
 const f = { class: "error-page" }, u = { class: "error-page__content" }, g = /* @__PURE__ */ s({
   __name: "403",
   setup(v) {
@@ -13,11 +13,11 @@ const f = { class: "error-page" }, u = { class: "error-page__content" }, g = /*
         e[1] || (e[1] = o("div", { class: "error-page__code" }, "403", -1)),
         e[2] || (e[2] = o("div", { class: "error-page__title" }, "无访问权限", -1)),
         e[3] || (e[3] = o("div", { class: "error-page__desc" }, "抱歉，您没有权限访问此页面", -1)),
-        d(_(c), {
+        a(d(l), {
           type: "primary",
           onClick: t
         }, {
-          default: a(() => [...e[0] || (e[0] = [
+          default: _(() => [...e[0] || (e[0] = [
             i("返回首页", -1)
           ])]),
           _: 1
@@ -25,7 +25,7 @@ const f = { class: "error-page" }, u = { class: "error-page__content" }, g = /*
       ])
     ]));
   }
-}), V = /* @__PURE__ */ l(g, [["__scopeId", "data-v-f6105e3d"]]);
+}), V = /* @__PURE__ */ c(g, [["__scopeId", "data-v-f6105e3d"]]);
 export {
   V as default
 };

package/dist/{404-BOFYLq4X.js → 404-BurAu5LC.js}

@@ -1,19 +1,19 @@
-import { defineComponent as s, openBlock as n, createElementBlock as p, createElementVNode as o, createVNode as a, unref as _, withCtx as d, createTextVNode as i } from "vue";
-import { useRouter as c } from "vue-router";
-import { Button as m } from "@xto/base";
-import { c as l } from "./index-vVfjShJR.js";
+import { defineComponent as s, openBlock as n, createElementBlock as a, createElementVNode as o, createVNode as p, unref as _, withCtx as d, createTextVNode as i } from "vue";
+import { useRouter as m } from "vue-router";
+import { Button as c } from "@xto/base";
+import { a as l } from "./index-BqRv1bdN.js";
 const f = { class: "error-page" }, u = { class: "error-page__content" }, g = /* @__PURE__ */ s({
   __name: "404",
   setup(v) {
-    const r = c(), t = () => {
+    const r = m(), t = () => {
       r.push("/");
     };
-    return (x, e) => (n(), p("div", f, [
+    return (x, e) => (n(), a("div", f, [
       o("div", u, [
         e[1] || (e[1] = o("div", { class: "error-page__code" }, "404", -1)),
         e[2] || (e[2] = o("div", { class: "error-page__title" }, "页面不存在", -1)),
         e[3] || (e[3] = o("div", { class: "error-page__desc" }, "抱歉，您访问的页面不存在或已被删除", -1)),
-        a(_(m), {
+        p(_(c), {
           type: "primary",
           onClick: t
         }, {

package/dist/api/auth.d.ts

@@ -1,8 +1,9 @@
-import { LoginParams, LoginResult, UserInfo } from '../types/api';
-export declare function login(data: LoginParams): Promise<import('../utils/request').ApiResponse<LoginResult>>;
-export declare function logout(): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function getUserInfo(): Promise<import('../utils/request').ApiResponse<UserInfo>>;
-export declare function refreshToken(refreshToken: string): Promise<import('../utils/request').ApiResponse<{
-    token: string;
-    expireTime: number;
-}>>;
+import { ApiResponse } from '../utils/request';
+import { LoginResult } from '../types/api';
+export interface LoginParams {
+    uid: string;
+    password: string;
+}
+export declare function login(data: LoginParams): Promise<ApiResponse<LoginResult>>;
+export declare function logout(): Promise<ApiResponse<null>>;
+export declare function loginByCode(appId: string, code: string): Promise<ApiResponse<LoginResult>>;

package/dist/api/menu.d.ts

@@ -0,0 +1,3 @@
+import { ApiResponse } from '../utils/request';
+import { RemoteMenuItem } from '../types/api';
+export declare function getUserMenu(): Promise<ApiResponse<RemoteMenuItem[]>>;

package/dist/api/user.d.ts

@@ -1,13 +1,3 @@
-import { PageParams, PageResponse } from '../utils/request';
+import { ApiResponse } from '../utils/request';
 import { UserInfo } from '../types/api';
-export declare function getUserList(params: PageParams & {
-    status?: number;
-    keyword?: string;
-}): Promise<import('../utils/request').ApiResponse<PageResponse<UserInfo>>>;
-export declare function getUserDetail(id: string | number): Promise<import('../utils/request').ApiResponse<UserInfo>>;
-export declare function createUser(data: Partial<UserInfo>): Promise<import('../utils/request').ApiResponse<UserInfo>>;
-export declare function updateUser(id: string | number, data: Partial<UserInfo>): Promise<import('../utils/request').ApiResponse<UserInfo>>;
-export declare function deleteUser(id: string | number): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function batchDeleteUsers(ids: (string | number)[]): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function updateUserStatus(id: string | number, status: number): Promise<import('../utils/request').ApiResponse<unknown>>;
-export declare function resetPassword(id: string | number): Promise<import('../utils/request').ApiResponse<unknown>>;
+export declare function getCurrentUser(): Promise<ApiResponse<UserInfo>>;

package/dist/composables/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Composables 统一导出
+ */
+export { useApp } from './useApp';
+export { useAuth } from './useAuth';
+export { useMenu } from './useMenu';
+export { useForm } from './useForm';
+export { useTable } from './useTable';

package/dist/composables/useApp.d.ts

@@ -0,0 +1,64 @@
+import { UserInfo, LoginResult } from '../types/api';
+export declare function useApp(): {
+    loading: import('vue').Ref<boolean, boolean>;
+    isLoggedIn: import('vue').ComputedRef<boolean>;
+    userInfo: import('vue').ComputedRef<{
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
+        email?: string | undefined;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
+        avatar?: string | undefined;
+        workNo?: string | undefined;
+    } | null>;
+    userName: import('vue').ComputedRef<string>;
+    menuList: import('vue').ComputedRef<{
+        code: string;
+        name: string;
+        path: string;
+        component?: string | undefined;
+        redirect?: string | undefined;
+        icon?: string | undefined;
+        title: string;
+        hidden?: boolean | undefined;
+        keepAlive?: boolean | undefined;
+        affix?: boolean | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    indexPath: import('vue').ComputedRef<string>;
+    login: (uid: string, password: string) => Promise<{
+        success: boolean;
+        data: LoginResult;
+        error?: undefined;
+    } | {
+        success: boolean;
+        error: any;
+        data?: undefined;
+    }>;
+    logout: (showMessage?: boolean) => Promise<void>;
+    loadUserInfo: () => Promise<UserInfo>;
+    loadMenu: () => Promise<{
+        code: string;
+        name: string;
+        path: string;
+        component?: string | undefined;
+        redirect?: string | undefined;
+        icon?: string | undefined;
+        title: string;
+        hidden?: boolean | undefined;
+        keepAlive?: boolean | undefined;
+        affix?: boolean | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    initApp: () => Promise<boolean>;
+    clearAllState: () => void;
+};

package/dist/composables/useAuth.d.ts

@@ -1,9 +1,24 @@
 /**
- * 权限组合函数
+ * 权限 Hook
+ * 封装权限检查、按钮权限等逻辑
  */
 export declare function useAuth(): {
-    hasPermission: (permission: string | string[]) => boolean;
-    hasRole: (role: string | string[]) => boolean;
-    isAdmin: import('vue').ComputedRef<boolean>;
     isLoggedIn: import('vue').ComputedRef<boolean>;
+    userName: import('vue').ComputedRef<string>;
+    userInfo: import('vue').ComputedRef<{
+        uId: string;
+        appId: string;
+        userId: string;
+        userName: string;
+        departmentName?: string | undefined;
+        email?: string | undefined;
+        mobilePhone?: string | undefined;
+        positionName?: string | undefined;
+        avatar?: string | undefined;
+        workNo?: string | undefined;
+    } | null>;
+    hasPermission: (permission: string | string[]) => boolean;
+    hasAnyPermission: (permissions: string[]) => boolean;
+    hasAllPermissions: (permissions: string[]) => boolean;
+    getCurrentPagePermissions: () => string[];
 };

package/dist/composables/useMenu.d.ts

@@ -0,0 +1,34 @@
+import { MenuItem } from '../types/api';
+export declare function useMenu(iconMap?: Record<string, string>): {
+    searchKeyword: import('vue').Ref<string, string>;
+    activeMenu: import('vue').ComputedRef<string>;
+    isCollapsed: import('vue').ComputedRef<boolean>;
+    menuList: import('vue').ComputedRef<{
+        code: string;
+        name: string;
+        path: string;
+        component?: string | undefined;
+        redirect?: string | undefined;
+        icon?: string | undefined;
+        title: string;
+        hidden?: boolean | undefined;
+        keepAlive?: boolean | undefined;
+        affix?: boolean | undefined;
+        default?: boolean | undefined;
+        out?: boolean | undefined;
+        closable?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    hasMenu: import('vue').ComputedRef<boolean>;
+    searchResults: import('vue').ComputedRef<(MenuItem & {
+        parentTitle: string;
+    })[]>;
+    filteredMenuList: import('vue').ComputedRef<MenuItem[]>;
+    flattenMenus: (menus: MenuItem[], parentTitle?: string) => (MenuItem & {
+        parentTitle: string;
+    })[];
+    getMenuIcon: (icon?: string) => string;
+    handleMenuSelect: (index: string) => void;
+    handleSearchItemClick: (path: string) => void;
+    clearSearch: () => void;
+};

package/dist/config/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 应用配置
+ */
+export interface AppConfig {
+    webTitle: string;
+    baseUrl: string;
+    appId: string;
+    clientId: string;
+}
+declare const config: AppConfig;
+export default config;

package/dist/index-BNiEld34.js

@@ -0,0 +1,15 @@
+import { openBlock as t, createElementBlock as c, createElementVNode as e } from "vue";
+import { a as n } from "./index-BqRv1bdN.js";
+const r = {}, s = { class: "page" };
+function a(l, o) {
+  return t(), c("div", s, [...o[0] || (o[0] = [
+    e("div", { class: "page__placeholder" }, [
+      e("h2", null, "角色管理"),
+      e("p", null, "功能开发中...")
+    ], -1)
+  ])]);
+}
+const p = /* @__PURE__ */ n(r, [["render", a], ["__scopeId", "data-v-0802c3db"]]);
+export {
+  p as default
+};

package/dist/index-Be9RiEfo.js

@@ -0,0 +1,98 @@
+import { defineComponent as c, reactive as f, ref as w, openBlock as y, createElementBlock as V, createElementVNode as s, createVNode as l, unref as o, withCtx as t, withKeys as b, createTextVNode as v } from "vue";
+import { u as x, _ as h, a as k } from "./index-BqRv1bdN.js";
+import { Button as z } from "@xto/base";
+import { Form as B, FormItem as i, Input as p } from "@xto/form";
+import "vue-router";
+const C = { class: "login" }, I = { class: "login__container" }, N = /* @__PURE__ */ c({
+  __name: "index",
+  setup(q) {
+    const { login: m, loading: _ } = x(), r = f({
+      uid: "",
+      password: ""
+    }), g = {
+      uid: [
+        { required: !0, message: "请输入账号", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" }
+      ]
+    }, n = w(), u = async () => {
+      var a;
+      try {
+        await ((a = n.value) == null ? void 0 : a.validate()), await m(r.uid, r.password);
+      } catch (e) {
+        console.error("登录失败", e);
+      }
+    };
+    return (a, e) => (y(), V("div", C, [
+      s("div", I, [
+        e[3] || (e[3] = s("div", { class: "login__header" }, [
+          s("img", {
+            src: h,
+            alt: "Logo",
+            class: "login__logo"
+          }),
+          s("h1", { class: "login__title" }, "Analysis Web"),
+          s("p", { class: "login__subtitle" }, "后台管理系统")
+        ], -1)),
+        l(o(B), {
+          ref_key: "formRef",
+          ref: n,
+          model: r,
+          rules: g,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: t(() => [
+            l(o(i), { prop: "uid" }, {
+              default: t(() => [
+                l(o(p), {
+                  modelValue: r.uid,
+                  "onUpdate:modelValue": e[0] || (e[0] = (d) => r.uid = d),
+                  placeholder: "请输入账号",
+                  size: "large"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            l(o(i), { prop: "password" }, {
+              default: t(() => [
+                l(o(p), {
+                  modelValue: r.password,
+                  "onUpdate:modelValue": e[1] || (e[1] = (d) => r.password = d),
+                  type: "password",
+                  placeholder: "请输入密码",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: b(u, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            l(o(i), null, {
+              default: t(() => [
+                l(o(z), {
+                  type: "primary",
+                  size: "large",
+                  loading: o(_),
+                  class: "login__submit",
+                  onClick: u
+                }, {
+                  default: t(() => [...e[2] || (e[2] = [
+                    v(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ])
+    ]));
+  }
+}), R = /* @__PURE__ */ k(N, [["__scopeId", "data-v-728dba9d"]]);
+export {
+  R as default
+};