@jari-ace/element-plus-component 0.1.10 → 0.2.0

package/packages/hooks/useRealms.ts

@@ -1,28 +1,28 @@
-/**
- * 用户域列表
- */
-import {ref} from 'vue';
-import {type AceAxiosRequestConfig, useRealmApi} from '@jari-ace/app-bolts';
-import type {Realm} from '@jari-ace/app-bolts';
-
-const realms = ref<Realm[]>([]);
-
-export function useRealms() {
-    const realmApi = useRealmApi();
-    const getAllRealms = async () => {
-        if(realms.value.length!==0)return;
-        const config = {} as AceAxiosRequestConfig
-        realms.value = await realmApi.getAll(config);
-    };
-
-    const getDefaultRealm = async () => {
-        await getAllRealms()
-        return realms.value.find(r => r.name === 'ace-platform')
-    }
-
-    return {
-        realms,
-        getAllRealms,
-        getDefaultRealm
-    };
-}
+/**
+ * 用户域列表
+ */
+import {ref} from 'vue';
+import {type AceAxiosRequestConfig, useRealmApi} from '@jari-ace/app-bolts';
+import type {Realm} from '@jari-ace/app-bolts';
+
+const realms = ref<Realm[]>([]);
+
+export function useRealms() {
+    const realmApi = useRealmApi();
+    const getAllRealms = async () => {
+        if(realms.value.length!==0)return;
+        const config = {} as AceAxiosRequestConfig
+        realms.value = await realmApi.getAll(config);
+    };
+
+    const getDefaultRealm = async () => {
+        await getAllRealms()
+        return realms.value.find(r => r.name === 'ace-platform')
+    }
+
+    return {
+        realms,
+        getAllRealms,
+        getDefaultRealm
+    };
+}

package/packages/hooks/useTreeData.ts

@@ -1,45 +1,45 @@
-import type {ProjectedSortPathTreeNode, EntityBase} from "@jari-ace/app-bolts";
-
-export interface NodeType extends ProjectedSortPathTreeNode, EntityBase {
-}
-
-export interface TreeNodeType extends NodeType {
-    label?: string;
-    children: TreeNodeType[];
-    disabled?: boolean;
-}
-
-function createNode<T>(n: T, labelKey: keyof T | undefined) {
-    return {
-        ...n,
-        label: typeof labelKey === "string" && typeof n[labelKey] === "string"
-            ? (n[labelKey] as string)
-            : "",
-        children: []
-    };
-}
-
-/**
- * 将平面数据处理成树状数据，使用O(n)算法复杂度，前提条件是data按照sortPath排序
- * @param data - 平面数据
- * @param labelKey - label字段名
- */
-export function useTreeData<T extends NodeType>(
-    data: T[],
-    labelKey?: keyof T
-): (TreeNodeType & T)[] {
-    const dict: Record<number, T & TreeNodeType> = {};
-    const result: (TreeNodeType & T)[] = [];
-    //O(n)算法建树，前提条件是data按照sortPath排序
-    for (let i = 0; i < data.length; i++) {
-        const n = data[i];
-        const extendNode = createNode(n, labelKey)
-        dict[n.id] = extendNode;
-        if (n.parentId) {
-            dict[n.parentId].children.push(extendNode);
-        } else {
-            result.push(extendNode)
-        }
-    }
-    return result;
-}
+import type {ProjectedSortPathTreeNode, EntityBase} from "@jari-ace/app-bolts";
+
+export interface NodeType extends ProjectedSortPathTreeNode, EntityBase {
+}
+
+export interface TreeNodeType extends NodeType {
+    label?: string;
+    children: TreeNodeType[];
+    disabled?: boolean;
+}
+
+function createNode<T>(n: T, labelKey: keyof T | undefined) {
+    return {
+        ...n,
+        label: typeof labelKey === "string" && typeof n[labelKey] === "string"
+            ? (n[labelKey] as string)
+            : "",
+        children: []
+    };
+}
+
+/**
+ * 将平面数据处理成树状数据，使用O(n)算法复杂度，前提条件是data按照sortPath排序
+ * @param data - 平面数据
+ * @param labelKey - label字段名
+ */
+export function useTreeData<T extends NodeType>(
+    data: T[],
+    labelKey?: keyof T
+): (TreeNodeType & T)[] {
+    const dict: Record<number, T & TreeNodeType> = {};
+    const result: (TreeNodeType & T)[] = [];
+    //O(n)算法建树，前提条件是data按照sortPath排序
+    for (let i = 0; i < data.length; i++) {
+        const n = data[i];
+        const extendNode = createNode(n, labelKey)
+        dict[n.id] = extendNode;
+        if (n.parentId) {
+            dict[n.parentId].children.push(extendNode);
+        } else {
+            result.push(extendNode)
+        }
+    }
+    return result;
+}

package/packages/hooks/useUserRefQuery.ts

@@ -1,224 +1,232 @@
-import {ref, watch} from 'vue';
-import {
-    type BooleanResultExpression,
-    createAxiosWithoutCache,
-    type IAceAxios,
-    QUser,
-    type SortDescriptor,
-    useLoading,
-    type UserReference,
-    useUserApi,
-    useUserQueryBuilder
-} from "@jari-ace/app-bolts";
-import type {TreeNodeType} from "./useTreeData";
-import {ALL_DEPARTMENT, NO_DEPARTMENT} from "../components/departmentPicker/src/consts";
-import debounce from "lodash-es/debounce";
-import { useRealms } from "./useRealms";
-
-/**
- * 用户查询hook，当查询参数变化时，会自动查询，订阅结果即可
- * @param queryPrerequisites 执行查询的前提条件，只有此方法返回true时，查询才会执行
- * @param customFilter 自定义查询过滤条件，可以通过这个回调方法，通过程序方式添加自定义的过滤条件
- * @param onQueryResultReturned 查询成功时的回调方法，接收Page<UserReference>类型参数
- * @param scroll 是否滚动模式，滚动模式下，翻页后新页数据会追加到queryState.users集合中，而不是直接赋予queryState.users
- * @param axios 自定义axios实例
- * @param notPaged 不分页
- */
-export function useUserRefQuery(
-    queryPrerequisites?: () => boolean,
-    customFilter?: (qUser: InstanceType<typeof QUser>) => BooleanResultExpression,
-    onQueryResultReturned?: (result?: UserReference[], paramsChanged?: boolean) => void,
-    scroll?: boolean,
-    axios?: IAceAxios,
-    notPaged?: boolean) {
-    const queryParams = ref<{
-        /**
-         * 用户域Id查询参数
-         */
-        realmId?: string,
-        /**
-         * 部门查询参数
-         */
-        currentDept?: TreeNodeType,
-        /**
-         * 用户姓名、用户名或用户拼音过滤参数
-         */
-        name?: string,
-        /**
-         * 排序描述符
-         */
-        currentSort?: SortDescriptor,
-        /**
-         * 用户组查询参数
-         */
-        currentGroup?: TreeNodeType,
-        /**
-         * 自定义组查询参数
-         */
-        currentCustomGroup?: TreeNodeType
-    }>({})
-
-    const pageParams = ref<{
-        /**
-         * 当前页码
-         */
-        currentPage: number,
-        /**
-         * 页内数据行数
-         */
-        pageSize: number
-    }>({
-        currentPage: 1,
-        pageSize: 50
-    })
-
-    const queryResult = ref<{
-        /**
-         * 总数据量
-         */
-        total: number,
-        /**
-         * 查询结果集
-         */
-        users: UserReference[]
-    }>({
-        total: 0,
-        users: []
-    })
-
-    if (!axios) axios = createAxiosWithoutCache();
-    const userApi = useUserApi(axios);
-    const loading = useLoading(axios);
-    const queryParamChanged = ref<boolean>(false)
-
-    function doQuery() {
-        queryUsers().then(r => {
-            if (onQueryResultReturned) {
-                onQueryResultReturned(r, queryParamChanged.value);
-            }
-            queryParamChanged.value = false;
-        })
-    }
-
-    const debounceDoQuery = debounce(doQuery, 300)
-
-    function queryOnParamsChanged() {
-        queryResult.value.total = 0;
-        queryResult.value.users = [];
-        if (pageParams.value.currentPage !== 1) {
-            pageParams.value.currentPage = 1;
-        } else {
-            debounceDoQuery();
-        }
-    }
-
-    watch(queryParams, () => {
-        queryParamChanged.value = true;
-        queryOnParamsChanged();
-    }, {
-        deep: true
-    })
-
-    watch(() => pageParams.value.pageSize, () => {
-        queryParamChanged.value = true;
-        queryOnParamsChanged();
-    })
-
-    watch(() => pageParams.value.currentPage, () => {
-        queryUsers().then(r => {
-            if (onQueryResultReturned) {
-                onQueryResultReturned(r, queryParamChanged.value);
-            }
-            queryParamChanged.value = false;
-        });
-    })
-
-    async function queryUsers() {
-        if (queryPrerequisites && !queryPrerequisites()) {
-            return Promise.resolve(undefined);
-        }
-        if (!queryParams.value.realmId) {
-           const defaultRealm = await useRealms().getDefaultRealm();
-           queryParams.value.realmId = defaultRealm.id;
-        }
-        const builder = useUserQueryBuilder();
-        const qUser = builder.getQEntity();
-        builder.and(qUser.realm.id.eq(queryParams.value.realmId)).and(qUser.recycled.eq(false));
-        const currentDept = queryParams.value.currentDept;
-        if (currentDept) {
-            // 1=1 and user.department.id = currentDepartmentId
-            if (currentDept.id == NO_DEPARTMENT) {
-                builder.and(qUser.department.isNull())
-            } else if (currentDept.id !== ALL_DEPARTMENT) {
-                builder.and(qUser.department.sortPath.startWith(currentDept.sortPath));
-            }
-        }
-        const currentGroup = queryParams.value.currentGroup;
-        if (currentGroup) {
-            builder.and(qUser.userGroups.any().group.sortPath.startWith(currentGroup.sortPath));
-        }
-        const currentCustomGroup = queryParams.value.currentCustomGroup;
-        if (currentCustomGroup) {
-            builder.and(qUser.customGroups.any().customGroup.sortPath
-                             .startWith(currentCustomGroup.sortPath));
-        }
-        const name = queryParams.value.name;
-        if (name) {
-            // and (user.username like %nameQuery% or user.fullName like %nameQuery% or user.pinYinName like %nameQuery%
-            const queryText = "%" + name.split('').join('%') + "%"
-            builder.and(qUser.username.like(queryText)
-                             .or(qUser.fullName.like(queryText))
-                             .or(qUser.pinYinName.like(queryText))
-                             .or(qUser.mobile.like(queryText)))
-        }
-        if (customFilter) {
-            builder.and(customFilter(qUser));
-        }
-        const currentSort = queryParams.value.currentSort;
-        if (currentSort) {
-            builder.orderBy(currentSort)
-        }
-        const filter = builder.build();
-        if (notPaged) {
-            return userApi.queryUserRefs(filter).then(res => {
-                queryResult.value.users = res;
-                return res;
-            })
-        } else {
-            const currentPage = pageParams.value.currentPage - 1;
-            return userApi.queryUserRefsPaged(filter, currentPage, pageParams.value.pageSize)
-                          .then(res => {
-                              if (scroll && currentPage > 0) {
-                                  queryResult.value.users.push(...res.content);
-                              } else {
-                                  queryResult.value.users = res.content;
-                              }
-                              queryResult.value.total = res.totalElements;
-                              return res.content;
-                          })
-        }
-    }
-
-    return {
-        /**
-         * 查询的参数
-         */
-        queryParams,
-        /**
-         * 分页参数
-         */
-        pageParams,
-        /**
-         * 查询结果
-         */
-        queryResult,
-        /**
-         * 查询方法
-         */
-        queryUsers,
-        /**
-         * loading状态
-         */
-        loading
-    }
-}
+import {ref, watch} from 'vue';
+import {
+    type BooleanResultExpression,
+    createAxiosWithoutCache,
+    type IAceAxios,
+    QUser,
+    type SortDescriptor,
+    useLoading,
+    type UserReference,
+    useUserApi,
+    useUserQueryBuilder
+} from "@jari-ace/app-bolts";
+import type {TreeNodeType} from "./useTreeData";
+import {ALL_DEPARTMENT, NO_DEPARTMENT} from "../components/departmentPicker/src/consts";
+import debounce from "lodash-es/debounce";
+import { useRealms } from "./useRealms";
+
+/**
+ * 用户查询hook，当查询参数变化时，会自动查询，订阅结果即可
+ * @param queryPrerequisites 执行查询的前提条件，只有此方法返回true时，查询才会执行
+ * @param customFilter 自定义查询过滤条件，可以通过这个回调方法，通过程序方式添加自定义的过滤条件
+ * @param onQueryResultReturned 查询成功时的回调方法，接收Page<UserReference>类型参数
+ * @param scroll 是否滚动模式，滚动模式下，翻页后新页数据会追加到queryState.users集合中，而不是直接赋予queryState.users
+ * @param axios 自定义axios实例
+ * @param notPaged 不分页
+ */
+export function useUserRefQuery(
+    queryPrerequisites?: () => boolean,
+    customFilter?: (qUser: InstanceType<typeof QUser>) => BooleanResultExpression,
+    onQueryResultReturned?: (result?: UserReference[], paramsChanged?: boolean) => void,
+    scroll?: boolean,
+    axios?: IAceAxios,
+    notPaged?: boolean) {
+    const queryParams = ref<{
+        /**
+         * 用户域Id查询参数
+         */
+        realmId?: string,
+        /**
+         * 部门查询参数
+         */
+        currentDept?: TreeNodeType,
+        /**
+         * 用户姓名、用户名或用户拼音过滤参数
+         */
+        name?: string,
+        /**
+         * 排序描述符
+         */
+        currentSort?: SortDescriptor,
+        /**
+         * 用户组查询参数
+         */
+        currentGroup?: TreeNodeType,
+        /**
+         * 自定义组查询参数
+         */
+        currentCustomGroup?: TreeNodeType,
+        /**
+         * 密级过滤
+         */
+        classificationLevel?: number,
+    }>({})
+
+    const pageParams = ref<{
+        /**
+         * 当前页码
+         */
+        currentPage: number,
+        /**
+         * 页内数据行数
+         */
+        pageSize: number
+    }>({
+        currentPage: 1,
+        pageSize: 50
+    })
+
+    const queryResult = ref<{
+        /**
+         * 总数据量
+         */
+        total: number,
+        /**
+         * 查询结果集
+         */
+        users: UserReference[]
+    }>({
+        total: 0,
+        users: []
+    })
+
+    if (!axios) axios = createAxiosWithoutCache();
+    const userApi = useUserApi(axios);
+    const loading = useLoading(axios);
+    const queryParamChanged = ref<boolean>(false)
+
+    function doQuery() {
+        queryUsers().then(r => {
+            if (onQueryResultReturned) {
+                onQueryResultReturned(r, queryParamChanged.value);
+            }
+            queryParamChanged.value = false;
+        })
+    }
+
+    const debounceDoQuery = debounce(doQuery, 300)
+
+    function queryOnParamsChanged() {
+        queryResult.value.total = 0;
+        queryResult.value.users = [];
+        if (pageParams.value.currentPage !== 1) {
+            pageParams.value.currentPage = 1;
+        } else {
+            debounceDoQuery();
+        }
+    }
+
+    watch(queryParams, () => {
+        queryParamChanged.value = true;
+        queryOnParamsChanged();
+    }, {
+        deep: true
+    })
+
+    watch(() => pageParams.value.pageSize, () => {
+        queryParamChanged.value = true;
+        queryOnParamsChanged();
+    })
+
+    watch(() => pageParams.value.currentPage, () => {
+        queryUsers().then(r => {
+            if (onQueryResultReturned) {
+                onQueryResultReturned(r, queryParamChanged.value);
+            }
+            queryParamChanged.value = false;
+        });
+    })
+
+    async function queryUsers() {
+        if (queryPrerequisites && !queryPrerequisites()) {
+            return Promise.resolve(undefined);
+        }
+        if (!queryParams.value.realmId) {
+           const defaultRealm = await useRealms().getDefaultRealm();
+           queryParams.value.realmId = defaultRealm.id;
+        }
+        const builder = useUserQueryBuilder();
+        const qUser = builder.getQEntity();
+        builder.and(qUser.realm.id.eq(queryParams.value.realmId)).and(qUser.recycled.eq(false));
+        const currentDept = queryParams.value.currentDept;
+        if (currentDept) {
+            // 1=1 and user.department.id = currentDepartmentId
+            if (currentDept.id == NO_DEPARTMENT) {
+                builder.and(qUser.department.isNull())
+            } else if (currentDept.id !== ALL_DEPARTMENT) {
+                builder.and(qUser.department.sortPath.startWith(currentDept.sortPath));
+            }
+        }
+        const classificationLevel = queryParams.value.classificationLevel;
+        if (classificationLevel) {
+            builder.and(qUser.classifiedLevel.loe(classificationLevel))
+        }
+        const currentGroup = queryParams.value.currentGroup;
+        if (currentGroup) {
+            builder.and(qUser.userGroups.any().group.sortPath.startWith(currentGroup.sortPath));
+        }
+        const currentCustomGroup = queryParams.value.currentCustomGroup;
+        if (currentCustomGroup) {
+            builder.and(qUser.customGroups.any().customGroup.sortPath
+                             .startWith(currentCustomGroup.sortPath));
+        }
+        const name = queryParams.value.name;
+        if (name) {
+            // and (user.username like %nameQuery% or user.fullName like %nameQuery% or user.pinYinName like %nameQuery%
+            const queryText = "%" + name.split('').join('%') + "%"
+            builder.and(qUser.username.like(queryText)
+                             .or(qUser.fullName.like(queryText))
+                             .or(qUser.pinYinName.like(queryText))
+                             .or(qUser.mobile.like(queryText)))
+        }
+        if (customFilter) {
+            builder.and(customFilter(qUser));
+        }
+        const currentSort = queryParams.value.currentSort;
+        if (currentSort) {
+            builder.orderBy(currentSort)
+        }
+        const filter = builder.build();
+        if (notPaged) {
+            return userApi.queryUserRefs(filter).then(res => {
+                queryResult.value.users = res;
+                return res;
+            })
+        } else {
+            const currentPage = pageParams.value.currentPage - 1;
+            return userApi.queryUserRefsPaged(filter, currentPage, pageParams.value.pageSize)
+                          .then(res => {
+                              if (scroll && currentPage > 0) {
+                                  queryResult.value.users.push(...res.content);
+                              } else {
+                                  queryResult.value.users = res.content;
+                              }
+                              queryResult.value.total = res.totalElements;
+                              return res.content;
+                          })
+        }
+    }
+
+    return {
+        /**
+         * 查询的参数
+         */
+        queryParams,
+        /**
+         * 分页参数
+         */
+        pageParams,
+        /**
+         * 查询结果
+         */
+        queryResult,
+        /**
+         * 查询方法
+         */
+        queryUsers,
+        /**
+         * loading状态
+         */
+        loading
+    }
+}

package/packages/index.ts

@@ -1,22 +1,21 @@
-import {type App, type Plugin} from "vue";
-import * as components from "./components";
-import {installDirectives} from "./directives";
-
-export * from "./components";
-export const AceVueUI: Plugin = {
-    install(app: App<Element>) {
-        for (const [key, comp] of Object.entries(components)) {
-            app.component(key, comp);
-        }
-        installDirectives(app)
-    },
-};
-
-export * from "./hooks/useBackendValidations"
-export * from "./hooks/useTreeData"
-export * from "./hooks/useAppInstances"
-export * from "./directives"
-export * from "./hooks/useDateTimeShortCuts"
-export * from "./components/scrollbar/utils"
-export * from "./hooks/useBridage"
-export * from "./hooks/useRealms"
+import {type App, type Plugin} from "vue";
+import * as components from "./components";
+import {installDirectives} from "./directives";
+
+export * from "./components";
+export const AceVueUI: Plugin = {
+    install(app: App<Element>) {
+        for (const [key, comp] of Object.entries(components)) {
+            app.component(key, comp);
+        }
+        installDirectives(app)
+    },
+};
+
+export * from "./hooks/useBackendValidations"
+export * from "./hooks/useTreeData"
+export * from "./hooks/useAppInstances"
+export * from "./directives"
+export * from "./hooks/useDateTimeShortCuts"
+export * from "./components/scrollbar/utils"
+export * from "./hooks/useBridage"