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

package/packages/hooks/useBackendValidations.ts

@@ -1,81 +1,81 @@
-import type { FormRules ,FormItemRule} from "element-plus";
-import type { IAceAxios, ValidationError } from "@jari-ace/app-bolts";
-import { createAxiosWithoutCache } from "@jari-ace/app-bolts";
-import { reactive } from "vue";
-import {mergeRules} from '../utils/formUtils'
-export type ValidationInstance = {
-    axios: IAceAxios;
-    rules: FormRules;
-    removeFieldError: (prop: string) => void;
-    clearFiledErrors: () => void;
-};
-
-/**
- * 后端校验
- * @param props
- * @param axios
- * @param customRules
- */
-export function useBackendValidations(
-    props: string[],
-    axios?: IAceAxios,
-    customRules?: FormRules,
-): ValidationInstance {
-    const rules = reactive<FormRules>({});
-    let errors: ValidationError[] = [];
-    if (!axios) axios = createAxiosWithoutCache();
-    axios!.setDefaultRequestConfig({
-        validationErrorProcessor: (errs) => {
-            errors = errs;
-        },
-    });
-
-    for (const p of props) {
-        // rules[p] = [
-        const rule = {
-            trigger: "blur",
-            validator: (rule: any, value: any, callback: any) => {
-                if (!errors) return;
-                let hasErr = false;
-                for (const err of errors) {
-                    let fn = err.fieldName;
-                    if (fn?.endsWith("[]")) {
-                        fn = fn.substring(0, fn.length - 2);
-                    }
-                    if (fn === p) {
-                        hasErr = true;
-                        callback(new Error(err.message));
-                    }
-                }
-                if (!hasErr) callback();
-            },
-        };
-
-        if (customRules&&customRules[p]) {
-            //合并数组customRules[p]
-            if (Array.isArray(customRules[p])) {
-                rules[p] = [rule,...customRules[p] as FormItemRule[]];
-            } else {
-                rules[p] = [rule, customRules[p] as FormItemRule];
-            }
-        }else{
-            rules[p] = rule
-        }
-
-
-    }
-    const removeFieldError = (prop: string) => {
-        errors = errors.filter((err) => err.fieldName !== prop);
-    };
-    const clearFiledErrors = () => {
-        errors = [];
-    };
-
-
-    return {
-        removeFieldError,
-        clearFiledErrors,
-        axios,
-        rules,
-    };
-}
+import type { FormRules ,FormItemRule} from "element-plus";
+import type { IAceAxios, ValidationError } from "@jari-ace/app-bolts";
+import { createAxiosWithoutCache } from "@jari-ace/app-bolts";
+import { reactive } from "vue";
+
+export type ValidationInstance = {
+    axios: IAceAxios;
+    rules: FormRules;
+    removeFieldError: (prop: string) => void;
+    clearFiledErrors: () => void;
+};
+
+/**
+ * 后端校验
+ * @param props
+ * @param axios
+ * @param customRules
+ */
+export function useBackendValidations(
+    props: string[],
+    axios?: IAceAxios,
+    customRules?: FormRules,
+): ValidationInstance {
+    const rules = reactive<FormRules>({});
+    let errors: ValidationError[] = [];
+    if (!axios) axios = createAxiosWithoutCache();
+    axios!.setDefaultRequestConfig({
+        validationErrorProcessor: (errs) => {
+            errors = errs;
+        },
+    });
+
+    for (const p of props) {
+        // rules[p] = [
+        const rule = {
+            trigger: "blur",
+            validator: (rule: any, value: any, callback: any) => {
+                if (!errors) return;
+                let hasErr = false;
+                for (const err of errors) {
+                    let fn = err.fieldName;
+                    if (fn?.endsWith("[]")) {
+                        fn = fn.substring(0, fn.length - 2);
+                    }
+                    if (fn === p) {
+                        hasErr = true;
+                        callback(new Error(err.message));
+                    }
+                }
+                if (!hasErr) callback();
+            },
+        };
+
+        if (customRules&&customRules[p]) {
+            //合并数组customRules[p]
+            if (Array.isArray(customRules[p])) {
+                rules[p] = [rule,...customRules[p] as FormItemRule[]];
+            } else {
+                rules[p] = [rule, customRules[p] as FormItemRule];
+            }
+        }else{
+            rules[p] = rule
+        }
+
+
+    }
+    const removeFieldError = (prop: string) => {
+        errors = errors.filter((err) => err.fieldName !== prop);
+    };
+    const clearFiledErrors = () => {
+        errors = [];
+    };
+
+
+    return {
+        removeFieldError,
+        clearFiledErrors,
+        axios,
+        rules,
+    };
+}

package/packages/hooks/useBridage.ts

@@ -1,157 +1,157 @@
-import type {
-  AppMessageType,
-  BaseAppDispatchMessage,
-  BaseAppMessageType,
-  BaseAppPayloadTypes,
-  BaseMessage,
-} from '@jari-ace/app-bolts';
-
-import { onUnmounted, ref } from 'vue';
-
-type Listener = (data: AppMessageType) => void;
-type GlobalListener = (data: BaseMessage<any>) => void;
-type Listeners = Set<Listener>;
-// type ReceivedMessageList = AppMessageType[];
-
-/**
- * 应用之间的通信
- * @param appName
- * @returns
- */
-export function useBridge(appName: string) {
-  // 处理应用名称为空的情况
-  if (!appName) {
-    throw new Error(
-      '无法获取到应用名称，请确保VITE_APP_NAME环境变量已配置或者在创建时传入appName参数。',
-    );
-  }
-
-  if (!window.microApp) {
-    throw new Error('无法获取到window.microApp。');
-  }
-  // 监听事件集合
-  const listeners = ref<Listeners>(new Set());
-
-  // 已接收消息集合  暂时没有记录的必要
-  // const receivedMessage = ref<ReceivedMessageList>([])
-  // const receivedGloablMessage = ref<BaseMessage<any>[]>([])
-
-  // 这里需要获取到应用名称
-  /**
-   * 发送消息（ 子应用 → 基座）
-   * @param data
-   * @param force force为true会强制发送数据，将不再与缓存里的值做比对，无论数据是否变化。
-   */
-  const sendMessage = (
-    payload: BaseAppPayloadTypes,
-    force: boolean = true,
-    isClearCache: boolean = true,
-  ) => {
-    const message: BaseAppMessageType = {
-      sender: appName, // 将自己的appName填入sender字段
-      timestamp: Date.now(),
-      payload,
-    };
-
-    if (force) {
-      // forceDispatch方法拥有和dispatch一样的参数和行为，唯一不同的是forceDispatch会强制发送数据，无论数据是否变化。
-      window.microApp.forceDispatch(message);
-    } else {
-      window.microApp.dispatch(message, (res: any[]) => {
-        console.log('消息是否有返回值', res); // ['返回值1', '返回值2']
-      });
-    }
-    if (!isClearCache) return;
-    // 当设置了clear-data，子应用卸载时会同时清空主应用发送给当前子应用，和当前子应用发送给主应用的数据。
-    clearCache();
-  };
-
-  // 向所有应用发送消息
-  // 不做类型定义
-  /**
-   * 发送全局消息(包括基座)
-   * @param payload 消息体
-   * @param isClearCache 是否清空缓存，默认true
-   */
-  const sendGlobalMessage = (payload: any, isClearCache: boolean = true) => {
-    const globalMessage: BaseMessage<any> = {
-      sender: 'app-demo',
-      timestamp: Date.now(),
-      payload,
-    };
-    window.microApp.setGlobalData(globalMessage);
-    if (!isClearCache) return;
-    clearCache();
-  };
-
-  // 监听全局消息
-  const onGlobalMessage = (
-    listener: GlobalListener,
-    autoTrigger: boolean = true,
-  ) => {
-    window.microApp.addGlobalDataListener(listener, autoTrigger);
-  };
-
-  /**
-   * 获取主应用下发的消息
-   * @returns 主应用下发的消息
-   */
-  const getBaseAppData = (): BaseAppDispatchMessage => {
-    return window.microApp.getData();
-  };
-
-  /**
-   * 清除缓存
-   */
-  const clearCache = () => {
-    // 当设置了clear-data，子应用卸载时会同时清空主应用发送给当前子应用，和当前子应用发送给主应用的数据。
-    window.microApp.clearData();
-  };
-
-  // 套装监听函数并保存消息
-  // const saveMessage = (listener:Listener,message: AppMessageType) => {
-  //   //保存消息
-  //   receivedMessage.value.push(message)
-  //   listener(message)
-  // }
-
-  /**
-   * 绑定监听函数接收消息（ 基座 → 子应用  ）
-   * @param listener  绑定函数
-   * @param autoTrigger 在初次绑定监听函数时如果有缓存数据，是否需要主动触发一次，默认为false
-   */
-  const onMessage = (listener: Listener, autoTrigger: boolean = false) => {
-    // microApp.addDataListener(appName, listener, autoTrigger)
-    window.microApp.addDataListener(listener, autoTrigger);
-    // 保存监听函数
-    listeners.value.add(listener);
-  };
-
-  /**
-   * 移除指定监听函数
-   * @param listener 要移除的监听函数
-   */
-  const offMessage = (listener: Listener) => {
-    // 解绑监听函数
-    window.microApp.removeDataListener(listener);
-    listeners.value.delete(listener);
-  };
-
-  // 清理监听（避免内存泄漏）
-  onUnmounted(() => {
-    window.microApp.clearDataListener();
-    listeners.value.clear();
-  });
-
-  return {
-    sendMessage, // 发送消息的方法
-    onMessage, // 监听消息的方法
-    clearCache, // 清除缓存
-    getBaseAppData, // 获取主应用下发的消息
-    offMessage, // 移除指定监听函数
-    listeners, // 应用的监听函数集合
-    // receivedMessage, // 接收到的消息列表
-    sendGlobalMessage, // 发送全局消息的方法
-    onGlobalMessage, // 监听全局消息的方法
-  };
-}
+import type {
+  AppMessageType,
+  BaseAppDispatchMessage,
+  BaseAppMessageType,
+  BaseAppPayloadTypes,
+  BaseMessage,
+} from '@jari-ace/app-bolts';
+
+import { onUnmounted, ref } from 'vue';
+
+type Listener = (data: AppMessageType) => void;
+type GlobalListener = (data: BaseMessage<any>) => void;
+type Listeners = Set<Listener>;
+// type ReceivedMessageList = AppMessageType[];
+
+/**
+ * 应用之间的通信
+ * @param appName
+ * @returns
+ */
+export function useBridge(appName: string) {
+  // 处理应用名称为空的情况
+  if (!appName) {
+    throw new Error(
+      '无法获取到应用名称，请确保VITE_APP_NAME环境变量已配置或者在创建时传入appName参数。',
+    );
+  }
+
+  if (!window.microApp) {
+    throw new Error('无法获取到window.microApp。');
+  }
+  // 监听事件集合
+  const listeners = ref<Listeners>(new Set());
+
+  // 已接收消息集合  暂时没有记录的必要
+  // const receivedMessage = ref<ReceivedMessageList>([])
+  // const receivedGloablMessage = ref<BaseMessage<any>[]>([])
+
+  // 这里需要获取到应用名称
+  /**
+   * 发送消息（ 子应用 → 基座）
+   * @param data
+   * @param force force为true会强制发送数据，将不再与缓存里的值做比对，无论数据是否变化。
+   */
+  const sendMessage = (
+    payload: BaseAppPayloadTypes,
+    force: boolean = true,
+    isClearCache: boolean = true,
+  ) => {
+    const message: BaseAppMessageType = {
+      sender: appName, // 将自己的appName填入sender字段
+      timestamp: Date.now(),
+      payload,
+    };
+
+    if (force) {
+      // forceDispatch方法拥有和dispatch一样的参数和行为，唯一不同的是forceDispatch会强制发送数据，无论数据是否变化。
+      window.microApp.forceDispatch(message);
+    } else {
+      window.microApp.dispatch(message, (res: any[]) => {
+        console.log('消息是否有返回值', res); // ['返回值1', '返回值2']
+      });
+    }
+    if (!isClearCache) return;
+    // 当设置了clear-data，子应用卸载时会同时清空主应用发送给当前子应用，和当前子应用发送给主应用的数据。
+    clearCache();
+  };
+
+  // 向所有应用发送消息
+  // 不做类型定义
+  /**
+   * 发送全局消息(包括基座)
+   * @param payload 消息体
+   * @param isClearCache 是否清空缓存，默认true
+   */
+  const sendGlobalMessage = (payload: any, isClearCache: boolean = true) => {
+    const globalMessage: BaseMessage<any> = {
+      sender: 'app-demo',
+      timestamp: Date.now(),
+      payload,
+    };
+    window.microApp.setGlobalData(globalMessage);
+    if (!isClearCache) return;
+    clearCache();
+  };
+
+  // 监听全局消息
+  const onGlobalMessage = (
+    listener: GlobalListener,
+    autoTrigger: boolean = true,
+  ) => {
+    window.microApp.addGlobalDataListener(listener, autoTrigger);
+  };
+
+  /**
+   * 获取主应用下发的消息
+   * @returns 主应用下发的消息
+   */
+  const getBaseAppData = (): BaseAppDispatchMessage => {
+    return window.microApp.getData();
+  };
+
+  /**
+   * 清除缓存
+   */
+  const clearCache = () => {
+    // 当设置了clear-data，子应用卸载时会同时清空主应用发送给当前子应用，和当前子应用发送给主应用的数据。
+    window.microApp.clearData();
+  };
+
+  // 套装监听函数并保存消息
+  // const saveMessage = (listener:Listener,message: AppMessageType) => {
+  //   //保存消息
+  //   receivedMessage.value.push(message)
+  //   listener(message)
+  // }
+
+  /**
+   * 绑定监听函数接收消息（ 基座 → 子应用  ）
+   * @param listener  绑定函数
+   * @param autoTrigger 在初次绑定监听函数时如果有缓存数据，是否需要主动触发一次，默认为false
+   */
+  const onMessage = (listener: Listener, autoTrigger: boolean = false) => {
+    // microApp.addDataListener(appName, listener, autoTrigger)
+    window.microApp.addDataListener(listener, autoTrigger);
+    // 保存监听函数
+    listeners.value.add(listener);
+  };
+
+  /**
+   * 移除指定监听函数
+   * @param listener 要移除的监听函数
+   */
+  const offMessage = (listener: Listener) => {
+    // 解绑监听函数
+    window.microApp.removeDataListener(listener);
+    listeners.value.delete(listener);
+  };
+
+  // 清理监听（避免内存泄漏）
+  onUnmounted(() => {
+    window.microApp.clearDataListener();
+    listeners.value.clear();
+  });
+
+  return {
+    sendMessage, // 发送消息的方法
+    onMessage, // 监听消息的方法
+    clearCache, // 清除缓存
+    getBaseAppData, // 获取主应用下发的消息
+    offMessage, // 移除指定监听函数
+    listeners, // 应用的监听函数集合
+    // receivedMessage, // 接收到的消息列表
+    sendGlobalMessage, // 发送全局消息的方法
+    onGlobalMessage, // 监听全局消息的方法
+  };
+}

package/packages/hooks/useClassificationLevels.ts

@@ -0,0 +1,62 @@
+import {
+    type ClassificationLevelList,
+    createAxiosWithoutCache,
+    useAppServiceApi
+} from "@jari-ace/app-bolts";
+import {ref} from "vue";
+
+const levelList = ref<ClassificationLevelList>()
+
+async function loadLevels(serviceName: string) {
+    if (!levelList.value) {
+        if (!serviceName) serviceName = 'ace-global-app'
+        const axios = createAxiosWithoutCache()
+        const api = useAppServiceApi(axios)
+        levelList.value = await api.getClassificationLevels(serviceName)
+    }
+}
+
+/**
+ * 获取系统密级
+ * @param serviceName 服务名
+ */
+export async function useSystemClassificationLevels(serviceName?: string) {
+    await loadLevels(serviceName);
+    return levelList.value.system;
+}
+
+/**
+ * 获取用户密级
+ * @param serviceName 服务名
+ */
+export async function useUserClassificationLevel(serviceName?: string) {
+    await loadLevels(serviceName);
+    return levelList.value.user;
+}
+
+/**
+ * 获取用户密级反向映射，可以根据密级获取密级对应的中文标签
+ * @param serviceName 服务名
+ */
+export async function useUserClassificationLevelMap(serviceName?: string) {
+    await loadLevels(serviceName);
+    const map = new Map<number, string>()
+    for (let i = 0; i < levelList.value.user.length; i++) {
+        const l = levelList.value.user[i];
+        map.set(l.value, l.label);
+    }
+    return map;
+}
+/**
+ * 获取系统密级反向映射，可以根据密级获取密级对应的中文标签
+ * @param serviceName 服务名
+ */
+export async function useSystemClassificationLevelMap(serviceName?: string){
+    await loadLevels(serviceName);
+    const map = new Map<number, string>()
+    for (let i = 0; i < levelList.value.system.length; i++) {
+        const l = levelList.value.system[i];
+        map.set(l.value, l.label);
+    }
+    return map;
+}

package/packages/hooks/useDateTimeShortCuts.ts

@@ -1,65 +1,65 @@
-export const shortcuts = [
-    {
-        text: '近一天',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setDate(start.getDate() - 1)
-            return [start, end]
-        },
-    },
-    {
-        text: '近三天',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setDate(start.getDate() - 3)
-            return [start, end]
-        },
-    },
-    {
-        text: '近一周',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setDate(start.getDate() - 7)
-            return [start, end]
-        },
-    },
-    {
-        text: '近一月',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setMonth(start.getMonth() - 1)
-            return [start, end]
-        },
-    },
-    {
-        text: '近三月',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setMonth(start.getMonth() - 3)
-            return [start, end]
-        },
-    },
-    {
-        text: '近半年',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setMonth(start.getMonth() - 6)
-            return [start, end]
-        },
-    },
-    {
-        text: '近一年',
-        value: () => {
-            const end = new Date()
-            const start = new Date()
-            start.setFullYear(start.getFullYear() - 1)
-            return [start, end]
-        },
-    },
-]
+export const shortcuts = [
+    {
+        text: '近一天',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setDate(start.getDate() - 1)
+            return [start, end]
+        },
+    },
+    {
+        text: '近三天',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setDate(start.getDate() - 3)
+            return [start, end]
+        },
+    },
+    {
+        text: '近一周',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setDate(start.getDate() - 7)
+            return [start, end]
+        },
+    },
+    {
+        text: '近一月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setMonth(start.getMonth() - 1)
+            return [start, end]
+        },
+    },
+    {
+        text: '近三月',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setMonth(start.getMonth() - 3)
+            return [start, end]
+        },
+    },
+    {
+        text: '近半年',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setMonth(start.getMonth() - 6)
+            return [start, end]
+        },
+    },
+    {
+        text: '近一年',
+        value: () => {
+            const end = new Date()
+            const start = new Date()
+            start.setFullYear(start.getFullYear() - 1)
+            return [start, end]
+        },
+    },
+]