plain-design 1.0.0-beta.70 → 1.0.0-beta.72

package/src/packages/components/AutoTable/use/useTableOption.cache.ts

@@ -1,235 +1,235 @@
-import {getTableId, iTableOptionCacheData, iTableOptionCacheItemData, iTableOptionCacheRegistryConfig} from "./useTableOption.cache.utils";
-import {tPlcData} from "../../Table/plc/formatPlcList";
-import {defer} from "plain-utils/utils/defer";
-import {plainDate} from "../../../utils/plainDate";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {TablePropsConfig} from "../../Table/table/utils/table.utils";
-import {$message} from "../../$message";
-
-import '../utils/TableOption.space';
-import i18n from "../../i18n";
-import {AutoModule} from "../utils/AutoModule";
-
-declare module '../utils/TableOption.space' {
-  namespace TableOptionSpace {
-    interface iTableOption {
-      cache: ReturnType<typeof useTableOptionCache>;
-    }
-  }
-}
-
-export const useTableOptionCache = AutoModule.createRegistration(({ config, hooks, methods, }) => {
-
-  /**
-   * 内部状态
-   * @author  韦胜健
-   * @date    2023.1.3 21:07
-   */
-  const state = {
-    /*table的id标识*/
-    tableId: '',
-    /*缓存的数据*/
-    cacheData: ((): iTableOptionCacheData => {
-      return {
-        tableId: '',
-        activeId: undefined,
-        data: [],
-      };
-    })(),
-    /*注册的需要缓存的功能模块*/
-    registration: [] as iTableOptionCacheRegistryConfig[],
-    /*获取列数据*/
-    getPlcData: null as null | (() => tPlcData),
-  };
-
-  /**
-   * 初始化
-   * @author  韦胜健
-   * @date    2023.1.3 21:08
-   */
-  const init = (() => {
-    const dfd = defer();
-    let count = 1;
-    const run = (plcData: tPlcData) => {
-      state.getPlcData = () => plcData;
-      if (count < 1) {return;}
-      count--;
-      applyCache(state.cacheData.activeId, false);
-      dfd.resolve();
-    };
-    return {
-      run,
-      promise: dfd.promise,
-    };
-  })();
-
-  /**
-   * 工具函数，获取当前时间
-   * @author  韦胜健
-   * @date    2023.1.3 21:09
-   */
-  const getTimeString = () => plainDate.today('YYYY/MM/DD HH:mm:ss', '').getDisplay();
-
-  /**
-   * 根据注册的模块获取总的缓存数据，以key/value为获取方式
-   * @author  韦胜健
-   * @date    2023.1.3 21:09
-   */
-  const getDataByRegistration = () => {
-    const { sourceList, sourceFlatPlcList } = state.getPlcData!();
-    return deepcopy(state.registration.reduce((prev, item) => {
-      prev[item.cacheKey] = item.getCache({ plcList: sourceFlatPlcList, sourceList });
-      return prev;
-    }, {} as Record<string, any>));
-  };
-
-  /**
-   * 收集到列信息时，执行初始化逻辑
-   * @author  韦胜健
-   * @date    2023.1.3 21:10
-   */
-  hooks.onCollectPlcData.use((plcData) => {init.run(plcData);});
-
-  /**
-   * 在查询之前，先等待初始化完毕
-   * @author  韦胜健
-   * @date    2023.1.3 21:10
-   */
-  hooks.onBeginLoad.use(async () => {await init.promise;});
-
-  /**
-   * 传递给table.props.config的函数属性，用来应用缓存的对于列的设置
-   * @author  韦胜健
-   * @date    2023.1.3 21:11
-   */
-  const tablePropsConfig: TablePropsConfig = (sourceList, flatList) => {
-    state.tableId = getTableId(sourceList);
-    state.cacheData = config.getCache(state.tableId) || { tableId: state.tableId, activeId: undefined, data: [], };
-    hooks.onTableConfig.exec({ cacheData: state.cacheData, sourceList, flatList });
-  };
-
-  /**
-   * 注册一个需要缓存的功能模块
-   * @author  韦胜健
-   * @date    2023.1.3 21:11
-   */
-  function registry<CacheData = any>(registryConfig: iTableOptionCacheRegistryConfig<CacheData>) {
-    state.registration.push(registryConfig);
-  }
-
-  /**
-   * 应用缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:11
-   */
-  function applyCache(activeId: number | undefined, autoReload = true) {
-
-    const cacheData = activeId == null ? null : state.cacheData.data.find(i => i.id == activeId);
-    const plcData = state.getPlcData!();
-    let { sourceFlatPlcList } = plcData;
-    sourceFlatPlcList = sourceFlatPlcList.filter(i => !!i.props.field && !!i.props.title);
-
-    if (!!cacheData) {
-      state.registration.forEach(registry => {
-        registry.applyCache({ plcList: sourceFlatPlcList, sourceList: sourceFlatPlcList, cacheData: deepcopy(cacheData.data[registry.cacheKey]) });
-      });
-      state.cacheData.activeId = cacheData.id;
-    } else {
-      state.registration.forEach(registry => {
-        registry.applyCache({ plcList: sourceFlatPlcList, sourceList: sourceFlatPlcList, cacheData: undefined });
-      });
-      state.cacheData.activeId = undefined;
-    }
-    config.setCache(state.cacheData);
-
-    autoReload && methods.pageMethods.reload();
-  }
-
-  /**
-   * 创建一个缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:12
-   */
-  function createCache(cacheName: string) {
-    const cacheItemData: iTableOptionCacheItemData = {
-      id: Date.now(),
-      title: cacheName,
-      time: getTimeString(),
-      data: getDataByRegistration(),
-    };
-    state.cacheData.data.unshift(cacheItemData);
-    state.cacheData.activeId = cacheItemData.id;
-    config.setCache(state.cacheData);
-  }
-
-  /**
-   * 重命名缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:12
-   */
-  function renameCache(cacheId: number, newCacheName: string) {
-    const cacheItemData = state.cacheData.data.find(i => i.id === cacheId)!;
-    cacheItemData.title = newCacheName;
-    config.setCache(state.cacheData);
-  }
-
-  /**
-   * 删除缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:12
-   */
-  function deleteCache(cacheId: number) {
-    if (state.cacheData.activeId === cacheId) {
-      return $message.error(i18n.$it('table.canNotDeleteUsingCache').d('不可以删除正在使用的缓存配置'));
-    }
-    state.cacheData.data = state.cacheData.data.filter(i => i.id !== cacheId);
-    config.setCache(state.cacheData);
-  }
-
-  /**
-   * 复制缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:12
-   */
-  function copyCache(cacheId: number, cacheName: string) {
-    const cacheItemData = deepcopy(state.cacheData.data.find(i => i.id === cacheId)!);
-    const newCacheItemData = {
-      ...cacheItemData,
-      id: Date.now(),
-      title: cacheName,
-      time: getTimeString(),
-    };
-    state.cacheData.activeId = newCacheItemData.id;
-    state.cacheData.data.unshift(newCacheItemData);
-    config.setCache(state.cacheData);
-  }
-
-  /**
-   * 覆盖缓存
-   * @author  韦胜健
-   * @date    2023.1.3 21:12
-   */
-  function overrideCache(cacheId: number) {
-    const findIndex = state.cacheData.data.findIndex(i => i.id === cacheId)!;
-    const cacheItemData = state.cacheData.data[findIndex];
-    cacheItemData.data = getDataByRegistration();
-    state.cacheData.activeId = cacheItemData.id;
-    config.setCache(state.cacheData);
-  }
-
-  return {
-    state,
-    tablePropsConfig,
-    registry,
-
-    applyCache,
-    createCache,
-    renameCache,
-    deleteCache,
-    copyCache,
-    overrideCache,
-  };
-
-});
-
-export type iTableOptionCache = ReturnType<typeof useTableOptionCache>
+import {getTableId, iTableOptionCacheData, iTableOptionCacheItemData, iTableOptionCacheRegistryConfig} from "./useTableOption.cache.utils";
+import {tPlcData} from "../../Table/plc/formatPlcList";
+import {defer} from "plain-utils/utils/defer";
+import {plainDate} from "../../../utils/plainDate";
+import {deepcopy} from "plain-utils/object/deepcopy";
+import {TablePropsConfig} from "../../Table/table/utils/table.utils";
+import {$message} from "../../$message";
+
+import '../utils/TableOption.space';
+import i18n from "../../i18n";
+import {AutoModule} from "../utils/AutoModule";
+
+declare module '../utils/TableOption.space' {
+  namespace TableOptionSpace {
+    interface iTableOption {
+      cache: ReturnType<typeof useTableOptionCache>;
+    }
+  }
+}
+
+export const useTableOptionCache = AutoModule.createRegistration(({ config, hooks, methods, }) => {
+
+  /**
+   * 内部状态
+   * @author  韦胜健
+   * @date    2023.1.3 21:07
+   */
+  const state = {
+    /*table的id标识*/
+    tableId: '',
+    /*缓存的数据*/
+    cacheData: ((): iTableOptionCacheData => {
+      return {
+        tableId: '',
+        activeId: undefined,
+        data: [],
+      };
+    })(),
+    /*注册的需要缓存的功能模块*/
+    registration: [] as iTableOptionCacheRegistryConfig[],
+    /*获取列数据*/
+    getPlcData: null as null | (() => tPlcData),
+  };
+
+  /**
+   * 初始化
+   * @author  韦胜健
+   * @date    2023.1.3 21:08
+   */
+  const init = (() => {
+    const dfd = defer();
+    let count = 1;
+    const run = (plcData: tPlcData) => {
+      state.getPlcData = () => plcData;
+      if (count < 1) {return;}
+      count--;
+      applyCache(state.cacheData.activeId, false);
+      dfd.resolve();
+    };
+    return {
+      run,
+      promise: dfd.promise,
+    };
+  })();
+
+  /**
+   * 工具函数，获取当前时间
+   * @author  韦胜健
+   * @date    2023.1.3 21:09
+   */
+  const getTimeString = () => plainDate.today('YYYY/MM/DD HH:mm:ss', '').getDisplay();
+
+  /**
+   * 根据注册的模块获取总的缓存数据，以key/value为获取方式
+   * @author  韦胜健
+   * @date    2023.1.3 21:09
+   */
+  const getDataByRegistration = () => {
+    const { sourceList, sourceFlatPlcList } = state.getPlcData!();
+    return deepcopy(state.registration.reduce((prev, item) => {
+      prev[item.cacheKey] = item.getCache({ plcList: sourceFlatPlcList, sourceList });
+      return prev;
+    }, {} as Record<string, any>));
+  };
+
+  /**
+   * 收集到列信息时，执行初始化逻辑
+   * @author  韦胜健
+   * @date    2023.1.3 21:10
+   */
+  hooks.onCollectPlcData.use((plcData) => {init.run(plcData);});
+
+  /**
+   * 在查询之前，先等待初始化完毕
+   * @author  韦胜健
+   * @date    2023.1.3 21:10
+   */
+  hooks.onBeginLoad.use(async () => {await init.promise;});
+
+  /**
+   * 传递给table.props.config的函数属性，用来应用缓存的对于列的设置
+   * @author  韦胜健
+   * @date    2023.1.3 21:11
+   */
+  const tablePropsConfig: TablePropsConfig = (sourceList, flatList) => {
+    state.tableId = getTableId(sourceList);
+    state.cacheData = config.getCache(state.tableId) || { tableId: state.tableId, activeId: undefined, data: [], };
+    hooks.onTableConfig.exec({ cacheData: state.cacheData, sourceList, flatList });
+  };
+
+  /**
+   * 注册一个需要缓存的功能模块
+   * @author  韦胜健
+   * @date    2023.1.3 21:11
+   */
+  function registry<CacheData = any>(registryConfig: iTableOptionCacheRegistryConfig<CacheData>) {
+    state.registration.push(registryConfig);
+  }
+
+  /**
+   * 应用缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:11
+   */
+  function applyCache(activeId: number | undefined, autoReload = true) {
+
+    const cacheData = activeId == null ? null : state.cacheData.data.find(i => i.id == activeId);
+    const plcData = state.getPlcData!();
+    let { sourceFlatPlcList } = plcData;
+    sourceFlatPlcList = sourceFlatPlcList.filter(i => !!i.props.field && !!i.props.title);
+
+    if (!!cacheData) {
+      state.registration.forEach(registry => {
+        registry.applyCache({ plcList: sourceFlatPlcList, sourceList: sourceFlatPlcList, cacheData: deepcopy(cacheData.data[registry.cacheKey]) });
+      });
+      state.cacheData.activeId = cacheData.id;
+    } else {
+      state.registration.forEach(registry => {
+        registry.applyCache({ plcList: sourceFlatPlcList, sourceList: sourceFlatPlcList, cacheData: undefined });
+      });
+      state.cacheData.activeId = undefined;
+    }
+    config.setCache(state.cacheData);
+
+    autoReload && methods.pageMethods.reload();
+  }
+
+  /**
+   * 创建一个缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:12
+   */
+  function createCache(cacheName: string) {
+    const cacheItemData: iTableOptionCacheItemData = {
+      id: Date.now(),
+      title: cacheName,
+      time: getTimeString(),
+      data: getDataByRegistration(),
+    };
+    state.cacheData.data.unshift(cacheItemData);
+    state.cacheData.activeId = cacheItemData.id;
+    config.setCache(state.cacheData);
+  }
+
+  /**
+   * 重命名缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:12
+   */
+  function renameCache(cacheId: number, newCacheName: string) {
+    const cacheItemData = state.cacheData.data.find(i => i.id === cacheId)!;
+    cacheItemData.title = newCacheName;
+    config.setCache(state.cacheData);
+  }
+
+  /**
+   * 删除缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:12
+   */
+  function deleteCache(cacheId: number) {
+    if (state.cacheData.activeId === cacheId) {
+      return $message.error(i18n.$it('table.canNotDeleteUsingCache').d('不可以删除正在使用的缓存配置'));
+    }
+    state.cacheData.data = state.cacheData.data.filter(i => i.id !== cacheId);
+    config.setCache(state.cacheData);
+  }
+
+  /**
+   * 复制缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:12
+   */
+  function copyCache(cacheId: number, cacheName: string) {
+    const cacheItemData = deepcopy(state.cacheData.data.find(i => i.id === cacheId)!);
+    const newCacheItemData = {
+      ...cacheItemData,
+      id: Date.now(),
+      title: cacheName,
+      time: getTimeString(),
+    };
+    state.cacheData.activeId = newCacheItemData.id;
+    state.cacheData.data.unshift(newCacheItemData);
+    config.setCache(state.cacheData);
+  }
+
+  /**
+   * 覆盖缓存
+   * @author  韦胜健
+   * @date    2023.1.3 21:12
+   */
+  function overrideCache(cacheId: number) {
+    const findIndex = state.cacheData.data.findIndex(i => i.id === cacheId)!;
+    const cacheItemData = state.cacheData.data[findIndex];
+    cacheItemData.data = getDataByRegistration();
+    state.cacheData.activeId = cacheItemData.id;
+    config.setCache(state.cacheData);
+  }
+
+  return {
+    state,
+    tablePropsConfig,
+    registry,
+
+    applyCache,
+    createCache,
+    renameCache,
+    deleteCache,
+    copyCache,
+    overrideCache,
+  };
+
+});
+
+export type iTableOptionCache = ReturnType<typeof useTableOptionCache>

package/src/packages/components/AutoTable/use/useTableOption.cache.utils.ts

@@ -1,83 +1,83 @@
-import {tPlc, tPlcType} from "../../Table/plc/utils/plc.utils";
-
-/**
- * 单个缓存的数据类型
- * @author  韦胜健
- * @date    2023.1.3 21:16
- */
-export interface iTableOptionCacheItemData {
-  /*缓存的唯一标识*/
-  id: number,
-  /*缓存命名*/
-  title: string,
-  /*缓存时间*/
-  time: string,
-  /*缓存的数据*/
-  data: Record<string, any>,
-}
-
-/**
- * 总的缓存数据类型
- * @author  韦胜健
- * @date    2023.1.3 21:17
- */
-export interface iTableOptionCacheData {
-  /*当前table的唯一标识*/
-  tableId: string,
-  /*当前应用的缓存id*/
-  activeId: number | undefined,
-  /*所有的缓存数据*/
-  data: iTableOptionCacheItemData[],
-}
-
-/**
- * 单个模块在接收应用缓存时需要实现的功能类型
- * @author  韦胜健
- * @date    2023.1.3 21:19
- */
-export interface iTableOptionApplyCacheParam<CacheData> {
-  /*某个模块，在应用缓存时。当前的列信息*/
-  plcList: tPlc[],
-  /*某个模块在应用时，要应用的数据*/
-  cacheData: CacheData | undefined
-  /*某个模块在应用时，原始的列信息*/
-  sourceList: tPlcType[],
-}
-
-/**
- * 单个模块，在被获取要缓存的数据时的函数参数类型
- * @author  韦胜健
- * @date    2023.1.3 21:22
- */
-export interface iTableOptionGetCacheParam {
-  /*某个模块，在返回要缓存的数据时。当前的列信息*/
-  plcList: tPlc[],
-  /*某个模块，在返回要缓存的数据时。原始的列信息*/
-  sourceList: tPlcType[],
-}
-
-/**
- * 单个模块，要在缓存模块中注册时的参数类型
- * @author  韦胜健
- * @date    2023.1.3 21:23
- */
-export interface iTableOptionCacheRegistryConfig<CacheData = any> {
-  cacheKey: string,
-  applyCache: (param: iTableOptionApplyCacheParam<CacheData>) => void,
-  getCache: (param: iTableOptionGetCacheParam) => CacheData,
-}
-
-/**
- * 计算获取表格的唯一标识
- * @author  韦胜健
- * @date    2023.1.3 21:23
- */
-export const getTableId = (plcTypeList: tPlcType[]): string => {
-  return plcTypeList.map(i => {
-    if (i.group) {
-      return `${i.props.title || '#'}-${getTableId(i.children)}`;
-    } else {
-      return `${i.props.title || '#'}-${i.props.field || '@'}`;
-    }
-  }).join('_');
-};
+import {tPlc, tPlcType} from "../../Table/plc/utils/plc.utils";
+
+/**
+ * 单个缓存的数据类型
+ * @author  韦胜健
+ * @date    2023.1.3 21:16
+ */
+export interface iTableOptionCacheItemData {
+  /*缓存的唯一标识*/
+  id: number,
+  /*缓存命名*/
+  title: string,
+  /*缓存时间*/
+  time: string,
+  /*缓存的数据*/
+  data: Record<string, any>,
+}
+
+/**
+ * 总的缓存数据类型
+ * @author  韦胜健
+ * @date    2023.1.3 21:17
+ */
+export interface iTableOptionCacheData {
+  /*当前table的唯一标识*/
+  tableId: string,
+  /*当前应用的缓存id*/
+  activeId: number | undefined,
+  /*所有的缓存数据*/
+  data: iTableOptionCacheItemData[],
+}
+
+/**
+ * 单个模块在接收应用缓存时需要实现的功能类型
+ * @author  韦胜健
+ * @date    2023.1.3 21:19
+ */
+export interface iTableOptionApplyCacheParam<CacheData> {
+  /*某个模块，在应用缓存时。当前的列信息*/
+  plcList: tPlc[],
+  /*某个模块在应用时，要应用的数据*/
+  cacheData: CacheData | undefined
+  /*某个模块在应用时，原始的列信息*/
+  sourceList: tPlcType[],
+}
+
+/**
+ * 单个模块，在被获取要缓存的数据时的函数参数类型
+ * @author  韦胜健
+ * @date    2023.1.3 21:22
+ */
+export interface iTableOptionGetCacheParam {
+  /*某个模块，在返回要缓存的数据时。当前的列信息*/
+  plcList: tPlc[],
+  /*某个模块，在返回要缓存的数据时。原始的列信息*/
+  sourceList: tPlcType[],
+}
+
+/**
+ * 单个模块，要在缓存模块中注册时的参数类型
+ * @author  韦胜健
+ * @date    2023.1.3 21:23
+ */
+export interface iTableOptionCacheRegistryConfig<CacheData = any> {
+  cacheKey: string,
+  applyCache: (param: iTableOptionApplyCacheParam<CacheData>) => void,
+  getCache: (param: iTableOptionGetCacheParam) => CacheData,
+}
+
+/**
+ * 计算获取表格的唯一标识
+ * @author  韦胜健
+ * @date    2023.1.3 21:23
+ */
+export const getTableId = (plcTypeList: tPlcType[]): string => {
+  return plcTypeList.map(i => {
+    if (i.group) {
+      return `${i.props.title || '#'}-${getTableId(i.children)}`;
+    } else {
+      return `${i.props.title || '#'}-${i.props.field || '@'}`;
+    }
+  }).join('_');
+};