yg-yygl 0.0.1

package/dist/components/websocket-status/index.vue

@@ -0,0 +1,124 @@
+<template>
+  <div class="websocket-status" :class="statusClass">
+    <div class="status-indicator" :class="indicatorClass"></div>
+    <span class="status-text">{{ statusText }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, onUnmounted } from 'vue';
+import { useWebSocketStore } from '../store/websocket';
+
+const websocketStore = useWebSocketStore();
+
+// 连接状态（响应式）
+const connectionStatus = computed(() => {
+  if (websocketStore.isConnected) {
+    return 'connected';
+  } else if (websocketStore.socket?.readyState === WebSocket.CONNECTING) {
+    return 'connecting';
+  } else {
+    return 'disconnected';
+  }
+});
+
+// 状态文本
+const statusText = computed(() => {
+  switch (connectionStatus.value) {
+    case 'connected':
+      return 'WebSocket已连接';
+    case 'connecting':
+      return 'WebSocket连接中...';
+    case 'disconnected':
+      return 'WebSocket未连接';
+    default:
+      return 'WebSocket状态未知';
+  }
+});
+
+// 状态样式类
+const statusClass = computed(() => {
+  return `status-${connectionStatus.value}`;
+});
+
+// 指示器样式类
+const indicatorClass = computed(() => {
+  return `indicator-${connectionStatus.value}`;
+});
+
+// 初始化页面可见性监听和自动连接
+onMounted(() => {
+  websocketStore.initPageVisibilityListener();
+  websocketStore.autoConnect();
+});
+
+onUnmounted(() => {
+  // 组件卸载时不需要特殊处理，store会继续管理连接
+});
+</script>
+
+<style scoped>
+.websocket-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  transition: all 0.3s ease;
+}
+
+.status-indicator {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  transition: all 0.3s ease;
+}
+
+.status-text {
+  font-weight: 500;
+}
+
+/* 连接状态样式 */
+.status-connected {
+  background-color: rgba(34, 197, 94, 0.1);
+  color: #22c55e;
+}
+
+.indicator-connected {
+  background-color: #22c55e;
+  box-shadow: 0 0 4px rgba(34, 197, 94, 0.5);
+}
+
+/* 连接中状态样式 */
+.status-connecting {
+  background-color: rgba(251, 191, 36, 0.1);
+  color: #fbbf24;
+}
+
+.indicator-connecting {
+  background-color: #fbbf24;
+  animation: pulse 1.5s infinite;
+}
+
+/* 断开连接状态样式 */
+.status-disconnected {
+  background-color: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
+}
+
+.indicator-disconnected {
+  background-color: #ef4444;
+}
+
+/* 脉冲动画 */
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+</style>

package/dist/components/websocket-status/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/work-transfer.d.vue.ts

@@ -0,0 +1,8 @@
+import type { User } from '../api/user/types';
+type __VLS_Props = {
+    user: null | User;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    handleSubmit: () => Promise<boolean | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/work-transfer.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import type { FormItemConfig, FormOption } from '@udp/component-ui';
+
+import type { User } from '../api/user/types';
+
+import { onMounted, reactive, ref } from 'vue';
+
+import { Form } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { queryAccountList } from '../api/account';
+import { getUserListAll, workTransfer } from '../api/user';
+
+const props = defineProps<{
+  user: null | User;
+}>();
+
+const formRef = ref();
+
+const accountList = ref<FormOption[]>([]);
+const userList = ref<FormOption[]>([]);
+
+const items = reactive<FormItemConfig[]>([
+  {
+    label: '交接人',
+    prop: 'name',
+    type: 'input',
+    props: {
+      disabled: true,
+    },
+  },
+  {
+    label: '移交账号',
+    prop: 'accountIds',
+    type: 'select-v2',
+    required: true,
+    options: accountList,
+    props: {
+      multiple: true,
+      filterable: true,
+    },
+    rules: [{ required: true, message: '请选择移交账号' }],
+  },
+  {
+    label: '工作交接人',
+    prop: 'targetUserId',
+    type: 'select-v2',
+    required: true,
+    options: userList,
+    rules: [{ required: true, message: '请选择工作交接人' }],
+    props: {
+      filterable: true,
+    },
+  },
+]);
+
+// 查询当前用户的账号列表
+const getAccountList = async () => {
+  try {
+    const res = await queryAccountList({ userId: props.user!.id });
+    accountList.value =
+      res?.map((item) => ({
+        label: item.loginCode,
+        value: item.id,
+      })) || [];
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+// 查询所有用户列表
+const getUserList = async () => {
+  try {
+    const res = await getUserListAll();
+    userList.value =
+      res
+        ?.filter((item) => item.id !== props.user!.id)
+        ?.map((item) => ({
+          label: item.name,
+          value: item.id,
+        })) || [];
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+onMounted(() => {
+  if (props.user?.id) {
+    formRef.value.setValue('name', props.user.name);
+    getAccountList();
+    getUserList();
+  }
+});
+
+const handleSubmit = async () => {
+  try {
+    const valid = await formRef.value.validate();
+    if (!valid) return;
+    const values = formRef.value.getValues();
+    await workTransfer({
+      accountIds: values.accountIds,
+      targetUserId: values.targetUserId,
+    });
+    ElMessage.success('提交成功');
+    return true;
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+};
+
+defineExpose({
+  handleSubmit,
+});
+</script>
+
+<template>
+  <Form
+    ref="formRef"
+    :items="items"
+    :show-actions="false"
+    label-position="top"
+  />
+</template>
+
+<style scoped lang="scss"></style>

package/dist/components/work-transfer.vue.d.ts

@@ -0,0 +1,8 @@
+import type { User } from '../api/user/types';
+type __VLS_Props = {
+    user: null | User;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    handleSubmit: () => Promise<boolean | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/hooks/useDict.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'vue';
+import type { DictItem, DictType } from '../store/dict';
+/**
+ * 字典数据接口
+ */
+export interface DictData {
+    loading: Ref<boolean>;
+    getDict: (code: string, type: DictType) => DictItem[];
+}
+/**
+ * 字典钩子函数
+ * @returns 字典数据和加载方法
+ */
+export default function useDict(): DictData;

package/dist/hooks/useDict.mjs

@@ -0,0 +1,42 @@
+import { ref } from "vue";
+import { getDicItemListByDicCode } from "../api/dic/index.mjs";
+import { useDictStore } from "../store/dict.mjs";
+export default function useDict() {
+  const loading = ref(false);
+  const dictStore = useDictStore();
+  const localRequested = /* @__PURE__ */ new Set();
+  const getDict = (code, type) => {
+    const dict = dictStore.getDict(code, type);
+    if (dict && dict.length > 0) {
+      return dict;
+    }
+    if (dictStore.isLoading(code, type)) {
+      return [];
+    }
+    if (localRequested.has(`${type}:${code}`)) {
+      return [];
+    }
+    localRequested.add(`${type}:${code}`);
+    dictStore.markAsLoading(code, type);
+    loading.value = true;
+    (async () => {
+      try {
+        const result = await getDicItemListByDicCode({
+          dicAttr: type,
+          dicCode: code
+        });
+        dictStore.setDict(code, result, type);
+      } catch (error) {
+        console.error("\u83B7\u53D6\u5B57\u5178\u6570\u636E\u5931\u8D25:", error);
+        dictStore.removeLoading(code, type);
+      } finally {
+        loading.value = false;
+      }
+    })();
+    return [];
+  };
+  return {
+    loading,
+    getDict
+  };
+}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { registerUserModule } from './plugin';
+export type { UserModuleOptions, UserModuleRouteConfig } from './types';
+export { configure, configureFileClient, setRequestClient, setRequestFileClient, getRequestClient, getApiPrefix, } from './api/request';
+export { default as GenderTag } from './components/gender-tag.vue';
+export { default as MainContainer } from './components/main-container.vue';
+export { default as ExpandAttribute } from './components/expand-attribute.vue';
+export { default as DepartmentTree } from './components/department-tree.vue';
+export { default as DepartmentForm } from './components/department-form.vue';
+export { default as UserManagement } from './components/user-management.vue';
+export type { User, UserCreateModel, UserCreateParams, UserAccountCreateParams, UserFilterParams, UserDeleteModel, WorkTransferModel, UserExtendItem, UserExtendFormData, UserExtendValueItem, } from './api/user/types';
+export type { ColumnConfigType } from './api/index';

package/dist/index.mjs

@@ -0,0 +1,15 @@
+export { registerUserModule } from "./plugin.mjs";
+export {
+  configure,
+  configureFileClient,
+  setRequestClient,
+  setRequestFileClient,
+  getRequestClient,
+  getApiPrefix
+} from "./api/request.mjs";
+export { default as GenderTag } from "./components/gender-tag.vue";
+export { default as MainContainer } from "./components/main-container.vue";
+export { default as ExpandAttribute } from "./components/expand-attribute.vue";
+export { default as DepartmentTree } from "./components/department-tree.vue";
+export { default as DepartmentForm } from "./components/department-form.vue";
+export { default as UserManagement } from "./components/user-management.vue";

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+import type { UserModuleOptions } from './types';
+export declare function registerUserModule(options: UserModuleOptions): Plugin;

package/dist/plugin.mjs

@@ -0,0 +1,31 @@
+import { setRequestClient } from "./api/request.mjs";
+export function registerUserModule(options) {
+  const {
+    router,
+    requestClient,
+    route: routeConfig = {}
+  } = options;
+  const {
+    parentPath = "/sys",
+    name = "UserManagement",
+    path = "user",
+    meta = {
+      title: "\u7528\u6237\u7BA1\u7406"
+    },
+    registerDirectly = true
+  } = routeConfig;
+  return {
+    install(app) {
+      setRequestClient(requestClient);
+      if (registerDirectly) {
+        const userRoute = {
+          name,
+          path: `${parentPath}/${path}`,
+          component: () => import("./components/user-management.vue"),
+          meta
+        };
+        router.addRoute(userRoute);
+      }
+    }
+  };
+}

package/dist/store/auth.d.ts

@@ -0,0 +1,33 @@
+import type { AccountInfo, UserInfo } from '@udp/types';
+import type { LoginResponse } from '../api/login/types';
+export declare const useAuthStore: import("pinia").StoreDefinition<"auth", Pick<{
+    $reset: () => void;
+    authLogin: (data: LoginResponse, onSuccess?: () => Promise<void> | void) => Promise<{
+        userInfo: null;
+    }>;
+    fetchUserInfo: () => Promise<UserInfo | null>;
+    fetchAccountInfo: () => Promise<AccountInfo | null>;
+    loginLoading: import("vue").Ref<boolean, boolean>;
+    setLoginLoading: (loading: boolean) => void;
+    logout: (redirect?: boolean, is401?: boolean) => Promise<void>;
+}, "loginLoading">, Pick<{
+    $reset: () => void;
+    authLogin: (data: LoginResponse, onSuccess?: () => Promise<void> | void) => Promise<{
+        userInfo: null;
+    }>;
+    fetchUserInfo: () => Promise<UserInfo | null>;
+    fetchAccountInfo: () => Promise<AccountInfo | null>;
+    loginLoading: import("vue").Ref<boolean, boolean>;
+    setLoginLoading: (loading: boolean) => void;
+    logout: (redirect?: boolean, is401?: boolean) => Promise<void>;
+}, never>, Pick<{
+    $reset: () => void;
+    authLogin: (data: LoginResponse, onSuccess?: () => Promise<void> | void) => Promise<{
+        userInfo: null;
+    }>;
+    fetchUserInfo: () => Promise<UserInfo | null>;
+    fetchAccountInfo: () => Promise<AccountInfo | null>;
+    loginLoading: import("vue").Ref<boolean, boolean>;
+    setLoginLoading: (loading: boolean) => void;
+    logout: (redirect?: boolean, is401?: boolean) => Promise<void>;
+}, "$reset" | "authLogin" | "fetchUserInfo" | "fetchAccountInfo" | "setLoginLoading" | "logout">>;

package/dist/store/auth.mjs

@@ -0,0 +1,141 @@
+import { list } from "../api/sys-config/index.mjs";
+import { ref } from "vue";
+import { useRouter } from "vue-router";
+import { LOGIN_PATH } from "@udp/constants";
+import {
+  clearPreferencesCache,
+  resetPreferences
+} from "@udp/preferences";
+import { resetAllStores, useAccessStore, useUserStore } from "@udp/stores";
+import { ElNotification } from "element-plus";
+import { defineStore } from "pinia";
+import { getAccountAvatar } from "../api/account/index.mjs";
+import { logoutApi } from "../api/login/index.mjs";
+import { getCurrentAccount, getCurrentUser, getCurrentUserDetail } from "../api/personal-center/index.mjs";
+import { $t } from "@udp/locales";
+import { useWebSocketStore } from "./websocket.mjs";
+import { syncConfigToStorage } from "../utils/config-sync.mjs";
+const getUserInfoFn = async () => {
+  try {
+    const userRes = await getCurrentUserDetail();
+    console.log("userDetail", userRes);
+    if (userRes.code === 0) {
+      localStorage.setItem("userInfo", JSON.stringify(userRes.data));
+    }
+  } catch (error) {
+    console.error("\u83B7\u53D6\u7528\u6237\u8BE6\u60C5\u5931\u8D25:", error);
+  }
+};
+const getCommonConfigTypeFn = async () => {
+  try {
+    const res = await list({ configType: "common" });
+    if (!res) return;
+    const configList = Array.isArray(res) ? res : res.data;
+    if (!configList) return;
+    syncConfigToStorage(configList);
+  } catch (error) {
+    console.error("\u83B7\u53D6\u901A\u7528\u914D\u7F6E\u5931\u8D25:", error);
+  }
+};
+const getSettingFn = async () => {
+  getUserInfoFn();
+  getCommonConfigTypeFn();
+};
+export const useAuthStore = defineStore("auth", () => {
+  const router = useRouter();
+  const accessStore = useAccessStore();
+  const userStore = useUserStore();
+  const websocketStore = useWebSocketStore();
+  const loginLoading = ref(false);
+  async function authLogin(data, onSuccess) {
+    const userInfo = null;
+    try {
+      loginLoading.value = true;
+      accessStore.setAccessToken(data.tokenValue);
+      accessStore.setLoginId(data.loginId);
+      const [accountInfo, userInfo2] = await Promise.all([
+        fetchAccountInfo(),
+        fetchUserInfo()
+      ]);
+      userStore.setAccountInfo(accountInfo);
+      userStore.setUserInfo(userInfo2);
+      getSettingFn();
+      console.log("\u5F00\u59CB\u8FDE\u63A5ws");
+      try {
+        const wsUrl = websocketStore.getWebSocketUrl();
+        await websocketStore.connect(wsUrl);
+        console.log("WebSocket\u8FDE\u63A5\u5EFA\u7ACB\u6210\u529F");
+      } catch (error) {
+        console.error("WebSocket\u8FDE\u63A5\u5EFA\u7ACB\u5931\u8D25:", error);
+      }
+      if (accessStore.loginExpired) {
+        accessStore.setLoginExpired(false);
+      } else {
+        console.log("router", router);
+        onSuccess ? await onSuccess?.() : await router.push("/navHome");
+      }
+      if (accountInfo?.nickname) {
+        ElNotification({
+          message: `${$t("authentication.loginSuccessDesc")}:${accountInfo?.nickname}`,
+          title: $t("authentication.loginSuccess"),
+          type: "success"
+        });
+      }
+    } catch (error) {
+      console.error("\u767B\u5F55\u5931\u8D25==========", error);
+    } finally {
+      loginLoading.value = false;
+    }
+    return {
+      userInfo
+    };
+  }
+  async function logout(redirect = true, is401 = false) {
+    try {
+      websocketStore.disconnect();
+      if (!is401) {
+        await logoutApi();
+      }
+      resetPreferences();
+      clearPreferencesCache();
+      resetAllStores();
+      accessStore.setLoginExpired(false);
+      localStorage.removeItem("zhdd-token");
+      localStorage.removeItem("accessToken");
+      await router.replace({
+        path: LOGIN_PATH,
+        query: {}
+      });
+    } catch {
+    }
+  }
+  async function fetchUserInfo() {
+    let userInfo = null;
+    userInfo = await getCurrentUser();
+    userStore.setUserInfo(userInfo);
+    return userInfo;
+  }
+  async function fetchAccountInfo() {
+    let accountInfo = null;
+    accountInfo = await getCurrentAccount();
+    const avatar = await getAccountAvatar(accountInfo?.id ?? "");
+    accountInfo && (accountInfo.avatar = avatar);
+    userStore.setAccountInfo(accountInfo);
+    return accountInfo;
+  }
+  function $reset() {
+    loginLoading.value = false;
+  }
+  function setLoginLoading(loading) {
+    loginLoading.value = loading;
+  }
+  return {
+    $reset,
+    authLogin,
+    fetchUserInfo,
+    fetchAccountInfo,
+    loginLoading,
+    setLoginLoading,
+    logout
+  };
+});

package/dist/store/dict.d.ts

@@ -0,0 +1,34 @@
+export type DictType = 'base' | 'custom' | 'sql' | 'tree';
+export type DictItem = {
+    id: string;
+    itemCode: string;
+    itemValue: string;
+};
+type DictMap = Record<string, DictItem[]>;
+interface DictState {
+    /**
+     * 账号信息
+     */
+    dictMap: Record<DictType, DictMap>;
+    loadingKeys: Set<string>;
+}
+/**
+ * @zh_CN 字典信息相关
+ */
+export declare const useDictStore: import("pinia").StoreDefinition<"dict", DictState, {
+    getDict(state: {
+        dictMap: {
+            base: DictMap;
+            custom: DictMap;
+            sql: DictMap;
+            tree: DictMap;
+        };
+        loadingKeys: Set<string> & Omit<Set<string>, keyof Set<any>>;
+    } & import("pinia").PiniaCustomStateProperties<DictState>): (code: string, type?: DictType) => DictItem[];
+}, {
+    setDict(code: string, value: DictItem[], type?: DictType): void;
+    markAsLoading(code: string, type?: DictType): void;
+    removeLoading(code: string, type?: DictType): void;
+    isLoading(code: string, type?: DictType): boolean;
+}>;
+export {};

package/dist/store/dict.mjs

@@ -0,0 +1,42 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+export const useDictStore = defineStore("dict", {
+  state: () => ({
+    dictMap: {
+      base: {},
+      custom: {},
+      sql: {},
+      tree: {}
+    },
+    // 记录正在加载中的 key (格式: type:code)，防止并发请求
+    loadingKeys: /* @__PURE__ */ new Set()
+  }),
+  getters: {
+    getDict(state) {
+      return (code, type = "base") => {
+        return state.dictMap[type]?.[code] || [];
+      };
+    }
+  },
+  actions: {
+    setDict(code, value, type = "base") {
+      this.dictMap[type] = {
+        ...this.dictMap[type],
+        [code]: value
+      };
+      this.loadingKeys.delete(`${type}:${code}`);
+    },
+    markAsLoading(code, type = "base") {
+      this.loadingKeys.add(`${type}:${code}`);
+    },
+    removeLoading(code, type = "base") {
+      this.loadingKeys.delete(`${type}:${code}`);
+    },
+    isLoading(code, type = "base") {
+      return this.loadingKeys.has(`${type}:${code}`);
+    }
+  }
+});
+const hot = import.meta.hot;
+if (hot) {
+  hot.accept(acceptHMRUpdate(useDictStore, hot));
+}

package/dist/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './auth';
+export * from './websocket';

package/dist/store/index.mjs

@@ -0,0 +1,2 @@
+export * from "./auth.mjs";
+export * from "./websocket.mjs";