@jari-ace/element-plus-component 0.0.2 → 0.1.1

package/packages/hooks/useUserRefQuery.ts

@@ -1,222 +1,222 @@
-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";
-
-/**
- * 用户查询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;
-        });
-    })
-
-    function queryUsers() {
-        if (queryPrerequisites && !queryPrerequisites()) {
-            return Promise.resolve(undefined);
-        }
-        if (!queryParams.value.realmId) {
-            return Promise.resolve([] as UserReference[]);
-        }
-        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";
+
+/**
+ * 用户查询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;
+        });
+    })
+
+    function queryUsers() {
+        if (queryPrerequisites && !queryPrerequisites()) {
+            return Promise.resolve(undefined);
+        }
+        if (!queryParams.value.realmId) {
+            return Promise.resolve([] as UserReference[]);
+        }
+        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
+    }
+}

package/packages/index.ts

@@ -1,21 +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"
+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"

package/packages/list.json

@@ -1,8 +1,8 @@
-[
-    {
-      "compName": "DemoComponent",
-      "compZhName": "示例",
-      "compDesc": "这是一个示例组件",
-      "compClassName": "button"
-    }
+[
+    {
+      "compName": "DemoComponent",
+      "compZhName": "示例",
+      "compDesc": "这是一个示例组件",
+      "compClassName": "button"
+    }
   ]

package/packages/types/custom.d.ts

@@ -1,13 +1,13 @@
-type ShortcutHandlerType = (event: KeyboardEvent) => void;
-
-interface ShortcutHandlerStackItem {
-    keys: string;
-    el: HTMLElement;
-    handler: ShortcutHandlerType;
-    prev?: ShortcutHandlerStackItem
-}
-
-interface HTMLElement {
-    __vueShortcutHandler__?: ShortcutHandlerStackItem;
-    __visibilityObserver__?: IntersectionObserver;
-}
+type ShortcutHandlerType = (event: KeyboardEvent) => void;
+
+interface ShortcutHandlerStackItem {
+    keys: string;
+    el: HTMLElement;
+    handler: ShortcutHandlerType;
+    prev?: ShortcutHandlerStackItem
+}
+
+interface HTMLElement {
+    __vueShortcutHandler__?: ShortcutHandlerStackItem;
+    __visibilityObserver__?: IntersectionObserver;
+}

package/packages/types/window.d.ts

@@ -1,16 +1,16 @@
-import {type GlobalData, Jari, type MicroAppContext} from "@jari-ace/app-bolts";
-
-
-declare global {
-    interface Window {
-        appContext?: MicroAppContext;
-        microApp?: {
-            getGlobalData: () => GlobalData;
-            addGlobalDataListener: (data: (data: MicroAppContext) => void) => void;
-            addDataListener:any
-        } & any,
-        __MICRO_APP_ENVIRONMENT__: boolean,
-        rawWindow: Window,
-        appDescriptor: Jari.Ace.ApplicationDescriptor;
-    }
-}
+import {type GlobalData, Jari, type MicroAppContext} from "@jari-ace/app-bolts";
+
+
+declare global {
+    interface Window {
+        appContext?: MicroAppContext;
+        microApp?: {
+            getGlobalData: () => GlobalData;
+            addGlobalDataListener: (data: (data: MicroAppContext) => void) => void;
+            addDataListener:any
+        } & any,
+        __MICRO_APP_ENVIRONMENT__: boolean,
+        rawWindow: Window,
+        appDescriptor: Jari.Ace.ApplicationDescriptor;
+    }
+}

package/packages/utils/install.ts

@@ -1,43 +1,43 @@
-import type {App, AppContext, Plugin, Directive} from "vue";
-
-export type SFCWithInstall<T> = T & Plugin;
-
-export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
-    _context: AppContext | null;
-};
-
-export const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {
-    (main as SFCWithInstall<T>).install = (app: App<Element>): void => {
-        for (const comp of [main, ...Object.values(extra ?? {})]) {
-            app.component(comp.name, comp);
-        }
-    };
-    if (extra) {
-        for (const [key, comp] of Object.entries(extra)) {
-            (main as any)[key] = comp;
-        }
-    }
-    return main as SFCWithInstall<T> & E;
-};
-export const withInstallFunction = <T>(fn: T, name: string) => {
-    (fn as SFCWithInstall<T>).install = (app: App<Element>) => {
-        (fn as SFCInstallWithContext<T>)._context = app._context;
-        app.config.globalProperties[name] = fn;
-    };
-
-    return fn as SFCInstallWithContext<T>;
-};
-
-export const withInstallDirective = <T extends Directive>(directive: T, name: string) => {
-    (directive as SFCWithInstall<T>).install = (app: App<Element>): void => {
-        app.directive(name, directive);
-    };
-
-    return directive as SFCWithInstall<T>;
-};
-
-export const withNoopInstall = <T>(component: T) => {
-    ;(component as SFCWithInstall<T>).install = (): void => {
-    }
-    return component as SFCWithInstall<T>
-}
+import type {App, AppContext, Plugin, Directive} from "vue";
+
+export type SFCWithInstall<T> = T & Plugin;
+
+export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};
+
+export const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {
+    (main as SFCWithInstall<T>).install = (app: App<Element>): void => {
+        for (const comp of [main, ...Object.values(extra ?? {})]) {
+            app.component(comp.name, comp);
+        }
+    };
+    if (extra) {
+        for (const [key, comp] of Object.entries(extra)) {
+            (main as any)[key] = comp;
+        }
+    }
+    return main as SFCWithInstall<T> & E;
+};
+export const withInstallFunction = <T>(fn: T, name: string) => {
+    (fn as SFCWithInstall<T>).install = (app: App<Element>) => {
+        (fn as SFCInstallWithContext<T>)._context = app._context;
+        app.config.globalProperties[name] = fn;
+    };
+
+    return fn as SFCInstallWithContext<T>;
+};
+
+export const withInstallDirective = <T extends Directive>(directive: T, name: string) => {
+    (directive as SFCWithInstall<T>).install = (app: App<Element>): void => {
+        app.directive(name, directive);
+    };
+
+    return directive as SFCWithInstall<T>;
+};
+
+export const withNoopInstall = <T>(component: T) => {
+    ;(component as SFCWithInstall<T>).install = (): void => {
+    }
+    return component as SFCWithInstall<T>
+}