inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/hooks/cardTable.ts

@@ -1,88 +1,88 @@
-/*
- * @Abstract: 表格查询hook
- * @Author: wang liang
- * @Date: 2022-03-30 16:56:21
- * @LastEditors: wang liang
- * @LastEditTime: 2022-03-31 13:05:01
- */
-
-import { ref, reactive, watch } from "vue";
-import { debounce } from "lodash";
-
-/**
- * 通用表格查询hook
- * @param getData 获取数据的函数 返回Promise
- * @param listProp 数据列表在data中的属性 不传代表不分页
- */
-export default function useTableList(
-  getData: () => Promise<any>,
-  listProp?: string,
-  totalName = "total"
-) {
-  const tableList = ref<any>([]);
-  const isLoading = ref(false);
-
-  const total = ref(0);
-
-  // 刷新数据函数 (节流)
-  const refresh = async () => {
-    isLoading.value = true;
-    try {
-      const { data } = await getData();
-      if (listProp) {
-        tableList.value = data[listProp];
-        total.value = data[totalName];
-      } else {
-        tableList.value = data;
-      }
-    } finally {
-      isLoading.value = false;
-    }
-  };
-  const refreshDebounced = debounce(refresh, 200);
-
-  const currPage = ref(1);
-  const handlePageChange = (page: number) => {
-    currPage.value = page;
-    refresh();
-  };
-
-  // 修复:删除最后一页的最后一条数据后 自动往前翻一页
-  watch(total, () => {
-    const pageCount = Math.ceil(total.value / pageSize.value);
-    if (currPage.value > 1 && currPage.value > pageCount) {
-      currPage.value = pageCount;
-      refresh();
-    }
-  });
-
-  const pageSize = ref(10);
-  const hanldePageSizeChange = (size: number) => {
-    currPage.value = 1;
-    pageSize.value = size;
-    refresh();
-  };
-
-  const pagination = reactive({
-    current: currPage,
-    pageSize,
-    total,
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: (total: number) => `共 ${total} 条`,
-    "onUpdate:current": handlePageChange,
-    "onUpdate:pageSize": hanldePageSizeChange,
-  });
-
-  return {
-    isLoading,
-    tableList,
-    currPage,
-    handlePageChange,
-    pageSize,
-    hanldePageSizeChange,
-    total,
-    refresh: refreshDebounced,
-    pagination,
-  };
-}
+/*
+ * @Abstract: 表格查询hook
+ * @Author: wang liang
+ * @Date: 2022-03-30 16:56:21
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-03-31 13:05:01
+ */
+
+import { ref, reactive, watch } from "vue";
+import { debounce } from "lodash";
+
+/**
+ * 通用表格查询hook
+ * @param getData 获取数据的函数 返回Promise
+ * @param listProp 数据列表在data中的属性 不传代表不分页
+ */
+export default function useTableList(
+  getData: () => Promise<any>,
+  listProp?: string,
+  totalName = "total"
+) {
+  const tableList = ref<any>([]);
+  const isLoading = ref(false);
+
+  const total = ref(0);
+
+  // 刷新数据函数 (节流)
+  const refresh = async () => {
+    isLoading.value = true;
+    try {
+      const { data } = await getData();
+      if (listProp) {
+        tableList.value = data[listProp];
+        total.value = data[totalName];
+      } else {
+        tableList.value = data;
+      }
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const refreshDebounced = debounce(refresh, 200);
+
+  const currPage = ref(1);
+  const handlePageChange = (page: number) => {
+    currPage.value = page;
+    refresh();
+  };
+
+  // 修复:删除最后一页的最后一条数据后 自动往前翻一页
+  watch(total, () => {
+    const pageCount = Math.ceil(total.value / pageSize.value);
+    if (currPage.value > 1 && currPage.value > pageCount) {
+      currPage.value = pageCount;
+      refresh();
+    }
+  });
+
+  const pageSize = ref(10);
+  const hanldePageSizeChange = (size: number) => {
+    currPage.value = 1;
+    pageSize.value = size;
+    refresh();
+  };
+
+  const pagination = reactive({
+    current: currPage,
+    pageSize,
+    total,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total: number) => `共 ${total} 条`,
+    "onUpdate:current": handlePageChange,
+    "onUpdate:pageSize": hanldePageSizeChange,
+  });
+
+  return {
+    isLoading,
+    tableList,
+    currPage,
+    handlePageChange,
+    pageSize,
+    hanldePageSizeChange,
+    total,
+    refresh: refreshDebounced,
+    pagination,
+  };
+}

package/src/pageComponent/hooks/filters.ts

@@ -1,81 +1,81 @@
-export const filter = (data, value: string, key: string, name: string) => {
-  if (!value) {
-    return "--";
-  }
-  if (data instanceof Array) {
-    const val = data.find((n) => n[key] === value);
-    if (val) {
-      return val[name];
-    }
-  }
-  if (data instanceof Object) {
-    return data[value];
-  }
-  return "--";
-};
-
-export const treeBycodeFilter = (treeData, val) => {
-  let key = "";
-  let node = null;
-  let convert = (arr) => {
-    arr.filter((item) => {
-      if (item.code == val) {
-        key = item.key;
-        node = item;
-      } else {
-        if (item.child) {
-          return convert(item.child);
-        }
-      }
-    });
-  };
-  convert(treeData);
-  return { node, key };
-};
-
-export const listFilter = (data, key, code) => {
-  const val = data?.find((n) => n.code === code);
-  if (val) {
-    const listInfo = val.listInfo ? JSON.parse(val.listInfo) : "";
-    return filter(listInfo, key, "", "");
-  }
-};
-
-export const iconObj = {
-  PHONE: "icon-wulianpingtai_shoujiduanyingyong",
-  PC: "icon-wulianpingtai_webduan",
-  PAD: "icon-wulianpingtai_padduan",
-  pie: "icon-kaifazhezhongxin_kapianzhongxin_bingtu",
-  area: "icon-kaifazhezhongxin_kapianzhongxin_zhexianmianjitu",
-  column: "icon-kaifazhezhongxin_kapianzhongxin_zhuzhuangtu",
-  line: "icon-kaifazhezhongxin_kapianzhongxin_zhexiantu",
-  radar: "icon-kaifazhezhongxin_kapianzhongxin_leidatu",
-  other: "icon-kaifazhezhongxin_kapianzhongxin_qitatubiao",
-};
-export const textFilter = (res, code) => {
-  function handle(data) {
-    const obj = {};
-    for (const key in data) {
-      obj[key] = data[key] instanceof Object ? data[key].value : data[key];
-    }
-    return obj;
-  }
-  // 动态属性数据处理dynamicMap
-
-  const dynamicMap = handle(res?.dynamicMap?.map);
-
-  // 逻辑属性数据处理
-  const logicMap = handle(res?.logicMap?.map);
-
-  // 整合数据
-  const map = Object.assign(res?.staticMap?.map || {}, dynamicMap, logicMap);
-  const thingPropertyList = res?.thingInst?.thing?.thingPropertyList;
-  map[code] == "true" && (map[code] = "0");
-  map[code] == "false" && (map[code] = "1");
-  const listInfo = listFilter(thingPropertyList, map[code], code);
-  return `${map[code] ? (listInfo !== "--" ? listInfo : map[code]) : "暂无"}${
-    filter(thingPropertyList, code, "code", "unit")
-      ? filter(thingPropertyList, code, "code", "unit")
-      : ""
-  }`;
-};
+export const filter = (data, value: string, key: string, name: string) => {
+  if (!value) {
+    return "--";
+  }
+  if (data instanceof Array) {
+    const val = data.find((n) => n[key] === value);
+    if (val) {
+      return val[name];
+    }
+  }
+  if (data instanceof Object) {
+    return data[value];
+  }
+  return "--";
+};
+
+export const treeBycodeFilter = (treeData, val) => {
+  let key = "";
+  let node = null;
+  let convert = (arr) => {
+    arr.filter((item) => {
+      if (item.code == val) {
+        key = item.key;
+        node = item;
+      } else {
+        if (item.child) {
+          return convert(item.child);
+        }
+      }
+    });
+  };
+  convert(treeData);
+  return { node, key };
+};
+
+export const listFilter = (data, key, code) => {
+  const val = data?.find((n) => n.code === code);
+  if (val) {
+    const listInfo = val.listInfo ? JSON.parse(val.listInfo) : "";
+    return filter(listInfo, key, "", "");
+  }
+};
+
+export const iconObj = {
+  PHONE: "icon-wulianpingtai_shoujiduanyingyong",
+  PC: "icon-wulianpingtai_webduan",
+  PAD: "icon-wulianpingtai_padduan",
+  pie: "icon-kaifazhezhongxin_kapianzhongxin_bingtu",
+  area: "icon-kaifazhezhongxin_kapianzhongxin_zhexianmianjitu",
+  column: "icon-kaifazhezhongxin_kapianzhongxin_zhuzhuangtu",
+  line: "icon-kaifazhezhongxin_kapianzhongxin_zhexiantu",
+  radar: "icon-kaifazhezhongxin_kapianzhongxin_leidatu",
+  other: "icon-kaifazhezhongxin_kapianzhongxin_qitatubiao",
+};
+export const textFilter = (res, code) => {
+  function handle(data) {
+    const obj = {};
+    for (const key in data) {
+      obj[key] = data[key] instanceof Object ? data[key].value : data[key];
+    }
+    return obj;
+  }
+  // 动态属性数据处理dynamicMap
+
+  const dynamicMap = handle(res?.dynamicMap?.map);
+
+  // 逻辑属性数据处理
+  const logicMap = handle(res?.logicMap?.map);
+
+  // 整合数据
+  const map = Object.assign(res?.staticMap?.map || {}, dynamicMap, logicMap);
+  const thingPropertyList = res?.thingInst?.thing?.thingPropertyList;
+  map[code] == "true" && (map[code] = "0");
+  map[code] == "false" && (map[code] = "1");
+  const listInfo = listFilter(thingPropertyList, map[code], code);
+  return `${map[code] ? (listInfo !== "--" ? listInfo : map[code]) : "暂无"}${
+    filter(thingPropertyList, code, "code", "unit")
+      ? filter(thingPropertyList, code, "code", "unit")
+      : ""
+  }`;
+};

package/src/pageComponent/hooks/global.ts

@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import { getCurrentInstance } from "vue";
-
-export default () => {
-  const { proxy } = getCurrentInstance()! as any;
-  return {
-    store: proxy!.$store,
-    axios: proxy!.$axios,
-  };
-};
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+import { getCurrentInstance } from "vue";
+
+export default () => {
+  const { proxy } = getCurrentInstance()! as any;
+  return {
+    store: proxy!.$store,
+    axios: proxy!.$axios,
+  };
+};

package/src/pageComponent/hooks/manage-module/useModalForm.ts

@@ -1,44 +1,44 @@
-/*
- * @Abstract: 系统管理 - 编辑对话框的表单
- * @Author: wang liang
- * @Date: 2022-04-01 18:56:13
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-02 09:53:00
- */
-
-import { ref, watch, nextTick, Ref } from "vue";
-import { cloneDeep } from "lodash";
-
-export default function useModalForm(
-  isVisible: Ref<boolean>,
-  getRecord: () => any,
-  mode: string,
-  transformForm?: (r: any) => any
-) {
-  const formRef = ref();
-  const form = ref<any>({});
-  watch(isVisible, async (val) => {
-    // 等待record赋值 / 完全关闭
-    await nextTick();
-    // 打开对话框时复制表单 新建模式不用
-    if (val) {
-      if (mode === "add") return;
-
-      const cloneRecord = cloneDeep(getRecord());
-      transformForm && transformForm(cloneRecord);
-      form.value = cloneRecord;
-    } else {
-      // 清空表单
-      formRef.value?.resetFields();
-      // 对Array单独处理 新增模式下属性的初始值是undefined，
-      // resetFields函数使用空数组concat初始值 得到[undifined]
-      for (const key in form.value) {
-        if (Array.isArray(form.value[key])) {
-          form.value[key] = [];
-        }
-      }
-    }
-  });
-
-  return { formRef, form };
-}
+/*
+ * @Abstract: 系统管理 - 编辑对话框的表单
+ * @Author: wang liang
+ * @Date: 2022-04-01 18:56:13
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-02 09:53:00
+ */
+
+import { ref, watch, nextTick, Ref } from "vue";
+import { cloneDeep } from "lodash";
+
+export default function useModalForm(
+  isVisible: Ref<boolean>,
+  getRecord: () => any,
+  mode: string,
+  transformForm?: (r: any) => any
+) {
+  const formRef = ref();
+  const form = ref<any>({});
+  watch(isVisible, async (val) => {
+    // 等待record赋值 / 完全关闭
+    await nextTick();
+    // 打开对话框时复制表单 新建模式不用
+    if (val) {
+      if (mode === "add") return;
+
+      const cloneRecord = cloneDeep(getRecord());
+      transformForm && transformForm(cloneRecord);
+      form.value = cloneRecord;
+    } else {
+      // 清空表单
+      formRef.value?.resetFields();
+      // 对Array单独处理 新增模式下属性的初始值是undefined，
+      // resetFields函数使用空数组concat初始值 得到[undifined]
+      for (const key in form.value) {
+        if (Array.isArray(form.value[key])) {
+          form.value[key] = [];
+        }
+      }
+    }
+  });
+
+  return { formRef, form };
+}

package/src/pageComponent/hooks/manage-module/useModalTitle.ts

@@ -1,34 +1,34 @@
-/*
- * @Abstract: 系统管理模块 - 根据模式 返回对话框的标题
- * @Author: wang liang
- * @Date: 2022-04-01 18:15:19
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-14 17:42:45
- */
-
-import { computed } from "vue";
-
-/**
- * 根据模式返回对话框标题
- * @param mode 模式
- * @param moduleName 模块名称
- */
-export default function useModalTitle(
-  mode: "view" | "add" | "edit" | "link",
-  moduleName: string
-) {
-  const modalTitle = computed(() => {
-    if (mode === "add") {
-      return `新增${moduleName}`;
-    }
-    if (mode === "edit") {
-      return `修改${moduleName}`;
-    }
-    if (mode === "link") {
-      return `添加${moduleName}`;
-    }
-    return `查看${moduleName}`;
-  });
-
-  return modalTitle;
-}
+/*
+ * @Abstract: 系统管理模块 - 根据模式 返回对话框的标题
+ * @Author: wang liang
+ * @Date: 2022-04-01 18:15:19
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-14 17:42:45
+ */
+
+import { computed } from "vue";
+
+/**
+ * 根据模式返回对话框标题
+ * @param mode 模式
+ * @param moduleName 模块名称
+ */
+export default function useModalTitle(
+  mode: "view" | "add" | "edit" | "link",
+  moduleName: string
+) {
+  const modalTitle = computed(() => {
+    if (mode === "add") {
+      return `新增${moduleName}`;
+    }
+    if (mode === "edit") {
+      return `修改${moduleName}`;
+    }
+    if (mode === "link") {
+      return `添加${moduleName}`;
+    }
+    return `查看${moduleName}`;
+  });
+
+  return modalTitle;
+}

package/src/pageComponent/hooks/manage-module/useModalVisibleControl.ts

@@ -1,31 +1,31 @@
-/*
- * @Abstract: 系统管理 - 对话框控制
- * @Author: wang liang
- * @Date: 2022-04-01 19:26:44
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-01 19:36:20
- */
-
-import { Ref, ref } from 'vue';
-
-/**
- * 控制新增、编辑等对话框的显示
- */
-export default function useModalVisibleControl() {
-  const isDialogVisible = ref(false);
-
-  const tableRow = ref({});
-
-  const handleOpenDialog = (record?: any) => {
-    isDialogVisible.value = true;
-    if (record) {
-      tableRow.value = record;
-    }
-  };
-
-  return [isDialogVisible, handleOpenDialog, tableRow] as [
-    Ref<boolean>,
-    (record?: any) => void,
-    Ref<any>,
-  ];
-}
+/*
+ * @Abstract: 系统管理 - 对话框控制
+ * @Author: wang liang
+ * @Date: 2022-04-01 19:26:44
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-01 19:36:20
+ */
+
+import { Ref, ref } from 'vue';
+
+/**
+ * 控制新增、编辑等对话框的显示
+ */
+export default function useModalVisibleControl() {
+  const isDialogVisible = ref(false);
+
+  const tableRow = ref({});
+
+  const handleOpenDialog = (record?: any) => {
+    isDialogVisible.value = true;
+    if (record) {
+      tableRow.value = record;
+    }
+  };
+
+  return [isDialogVisible, handleOpenDialog, tableRow] as [
+    Ref<boolean>,
+    (record?: any) => void,
+    Ref<any>,
+  ];
+}

package/src/pageComponent/hooks/screen.ts

@@ -1,43 +1,43 @@
-export const screen = {
-  // 退出全屏
-  exitFullscreen() {
-    // const dom = document.getElementById(id)!;
-    // dom.addEventListener("click", (event: any) => {
-    //   if (document.fullscreenElement === dom) {
-    //     document.exitFullscreen();
-    //   }
-    //   event.preventDefault();
-    // });
-    document.exitFullscreen();
-  },
-  // 进入全屏
-  requestFullscreen(id: string) {
-    const dom = document.getElementById(id)!;
-    dom.requestFullscreen();
-  },
-};
-// 判断是否是全屏状态
-export const judgeFullscreen = () => {
-  var explorer = window.navigator.userAgent.toLowerCase();
-  if (explorer.indexOf("chrome") > 0) {
-    //webkit
-    if (
-      document.body.scrollHeight === window.screen.height &&
-      document.body.scrollWidth === window.screen.width
-    ) {
-      return true;
-    } else {
-      return false;
-    }
-  } else {
-    //IE 9+  fireFox
-    if (
-      window.outerHeight === window.screen.height &&
-      window.outerWidth === window.screen.width
-    ) {
-      return true;
-    } else {
-      return false;
-    }
-  }
-};
+export const screen = {
+  // 退出全屏
+  exitFullscreen() {
+    // const dom = document.getElementById(id)!;
+    // dom.addEventListener("click", (event: any) => {
+    //   if (document.fullscreenElement === dom) {
+    //     document.exitFullscreen();
+    //   }
+    //   event.preventDefault();
+    // });
+    document.exitFullscreen();
+  },
+  // 进入全屏
+  requestFullscreen(id: string) {
+    const dom = document.getElementById(id)!;
+    dom.requestFullscreen();
+  },
+};
+// 判断是否是全屏状态
+export const judgeFullscreen = () => {
+  var explorer = window.navigator.userAgent.toLowerCase();
+  if (explorer.indexOf("chrome") > 0) {
+    //webkit
+    if (
+      document.body.scrollHeight === window.screen.height &&
+      document.body.scrollWidth === window.screen.width
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  } else {
+    //IE 9+  fireFox
+    if (
+      window.outerHeight === window.screen.height &&
+      window.outerWidth === window.screen.width
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+};