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

package/packages/hooks/useBackendValidations.ts

@@ -1,55 +1,55 @@
-import type {FormRules} 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;
-};
-
-export function useBackendValidations<T>(props: string[], axios?: IAceAxios): 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] = {
-            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();
-            },
-        };
-    }
-    const removeFieldError = (prop: string) => {
-        errors = errors.filter((err) => err.fieldName !== prop);
-    };
-    const clearFiledErrors = () => {
-        errors = []
-    };
-    return {
-        removeFieldError,
-        clearFiledErrors,
-        axios,
-        rules,
-    };
-}
+import type {FormRules} 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;
+};
+
+export function useBackendValidations<T>(props: string[], axios?: IAceAxios): 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] = {
+            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();
+            },
+        };
+    }
+    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,148 +1,157 @@
-import { ref, onUnmounted } from 'vue'
-import type {  AppMessageType, BaseAppMessageType,BaseAppPayloadTypes,BaseMessage} from '@jari-ace/app-bolts'
-
-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参数。')
-    }
-
-    //监听事件集合
-    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) => {
-        const message: BaseAppMessageType = {
-            sender: appName,//将自己的appName填入sender字段
-            timestamp: Date.now(),
-            payload: payload
-        }
-
-        if (force) {
-            //forceDispatch方法拥有和dispatch一样的参数和行为，唯一不同的是forceDispatch会强制发送数据，无论数据是否变化。
-            window.microApp.forceDispatch(message)
-        } else {
-            window.microApp.dispatch(message, (res: any[]) => {
-                console.log("消息是否有返回值",res) // ['返回值1', '返回值2']
-            })
-        }
-        //当设置了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: payload
-        }
-        window.microApp.setGlobalData(globalMessage)
-        // if(!isClearCache)return;
-        // clearCache()
-    }
-
-
-    // 监听全局消息
-    const onGlobalMessage = (listener:GlobalListener,autoTrigger: boolean = true) => {
-        window.microApp.addGlobalDataListener(listener,autoTrigger)
-    }
-
-    /**
-     * 获取主应用下发的消息
-     * @returns 主应用下发的消息
-     */
-    const getBaseAppData = ():any => {
-        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/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]
+        },
+    },
+]

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;
+}