yh-hiprint 2.2.9 → 2.2.10

package/hooks/useHiprint.js

@@ -1,216 +1,216 @@
-import { hiprint as h, defaultElementTypeProvider as p } from "../libs/hiprint.bundle.js";
-// 调用浏览器打印js
-import "../libs/plugins/jquery.hiwprint.js";
-// 默认配置
-import "../libs/hiprint.config.js";
-// 样式
-import "../libs/css/hiprint.css";
-import "../libs/css/print-lock.css";
-import { ref, computed, watch } from "vue";
-
-export const hiprint = h;
-export const defaultElementTypeProvider = p;
-
-export function print(provider = defaultElementTypeProvider, template, ...args) {
-  hiprint.init({
-    providers: [new provider()],
-  });
-  const hiprintTemplate = new hiprint.PrintTemplate({
-    template: template,
-  });
-  hiprintTemplate.print(...args);
-  return hiprintTemplate;
-}
-
-export function print2(provider = defaultElementTypeProvider, template, ...args) {
-  hiprint.init({
-    providers: [new provider()],
-  });
-  const hiprintTemplate = new hiprint.PrintTemplate({
-    template: template,
-  });
-  hiprintTemplate.print2(...args);
-  return hiprintTemplate;
-}
-
-export function usePaper() {
-  const paperType = ref("A4");
-  const paperWidth = ref(210);
-  const paperHeight = ref(296.6);
-
-  const paperTypes = {
-    A3: {
-      width: 420,
-      height: 297,
-    },
-    A4: {
-      width: 210,
-      height: 297,
-    },
-    A5: {
-      width: 210,
-      height: 148,
-    },
-    B3: {
-      width: 500,
-      height: 353,
-    },
-    B4: {
-      width: 250,
-      height: 353,
-    },
-    B5: {
-      width: 250,
-      height: 176,
-    },
-  };
-
-  function setPaper(type, callback) {
-    if (type !== "other") {
-      let { width, height } = paperTypes[type];
-      paperWidth.value = width;
-      paperHeight.value = height;
-    }
-    callback();
-  }
-
-  watch([paperWidth, paperHeight], (width, height) => {
-    if (width === 420 && height === 297) {
-      paperType.value = "A3";
-    } else if (width === 210 && height === 297) {
-      paperType.value = "A4";
-    } else if (width === 210 && height === 148) {
-      paperType.value = "A5";
-    } else if (width === 500 && height === 353) {
-      paperType.value = "B3";
-    } else if (width === 250 && height === 353) {
-      paperType.value = "B4";
-    } else if (width === 250 && height === 176) {
-      paperType.value = "B5";
-    } else {
-      paperType.value = "other";
-    }
-  });
-
-  return {
-    paperType,
-    paperWidth,
-    paperHeight,
-    setPaper,
-  };
-}
-
-export function useScale(callback) {
-  const scaleValue = ref(1);
-  const scalePercentage = computed(() => {
-    return `${(scaleValue.value * 100).toFixed(0)}%`;
-  });
-  const canZoomIn = computed(() => {
-    return scaleValue.value > 0.5;
-  });
-  const canZoomOut = computed(() => {
-    return scaleValue.value < 4;
-  });
-  function zoomIn() {
-    scaleValue.value = scaleValue.value - 0.1;
-    callback();
-  }
-  function zoomOut() {
-    scaleValue.value = scaleValue.value + 0.1;
-    callback();
-  }
-  return {
-    scaleValue,
-    scalePercentage,
-    canZoomIn,
-    canZoomOut,
-    zoomIn,
-    zoomOut,
-  };
-}
-
-export function useDataSource(axios) {
-  const detailData = ref();
-  function getDetail(id) {
-    return axios
-      .request({
-        url: `/printTemplate/get/${id}`,
-        method: "post",
-      })
-      .then((res) => {
-        if (res.data.data && res.data.data.sourceCodes) {
-          let codes = res.data.data.sourceCodes.split(",");
-          let formListCode = dataSourceForm.value.map((item) => item.value);
-          codes = codes.filter((item) => formListCode.includes(item));
-          formCode.value = codes;
-        } else {
-          formCode.value = "";
-        }
-        detailData.value = res.data.data;
-        return Promise.resolve(res.data.data);
-      });
-  }
-  const listCode = ref([]);
-  const dataSourceList = ref([]);
-  const listColumns = computed(() => {
-    return codeMapDataSource.value[listCode.value].map((item) => {
-      let index = item.indexOf("[");
-      return item.substring(index + 1, item.length - 1);
-    });
-  });
-
-  const formCode = ref([]);
-  const formColumns = computed(() => {
-    let arr = [];
-    if (formCode.value && formCode.value.length) {
-      formCode.value.forEach((item) => {
-        arr = arr.concat(codeMapDataSource.value[item]);
-      });
-    }
-    return arr;
-  });
-  const dataSourceForm = ref([]);
-  const codeMapDataSource = ref({});
-  function getDataSourceList() {
-    return axios
-      .request({
-        url: "/printTemplate/getDsList",
-        method: "post",
-      })
-      .then((res) => {
-        res.data.list.forEach((item) => {
-          if (item.columns) {
-            codeMapDataSource.value[item.code] = item?.columns?.split(",")?.map((col) => `$${item.code}[${col.toUpperCase()}]`) || [];
-          }
-          if (item.type === "LIST") {
-            dataSourceList.value.push({
-              label: item.name,
-              value: item.code,
-            });
-          } else {
-            dataSourceForm.value.push({
-              label: item.name,
-              value: item.code,
-            });
-          }
-        });
-      });
-  }
-
-  const dataSource = ref([]);
-  return {
-    detailData,
-    getDetail,
-    listCode,
-    dataSourceList,
-    listColumns,
-    formCode,
-    formColumns,
-    dataSourceForm,
-    codeMapDataSource,
-    getDataSourceList,
-    dataSource,
-  };
-}
-
-window.hiprint = hiprint;
+import { hiprint as h, defaultElementTypeProvider as p } from "../libs/hiprint.bundle.js";
+// 调用浏览器打印js
+import "../libs/plugins/jquery.hiwprint.js";
+// 默认配置
+import "../libs/hiprint.config.js";
+// 样式
+import "../libs/css/hiprint.css";
+import "../libs/css/print-lock.css";
+import { ref, computed, watch } from "vue";
+
+export const hiprint = h;
+export const defaultElementTypeProvider = p;
+
+export function print(provider = defaultElementTypeProvider, template, ...args) {
+  hiprint.init({
+    providers: [new provider()],
+  });
+  const hiprintTemplate = new hiprint.PrintTemplate({
+    template: template,
+  });
+  hiprintTemplate.print(...args);
+  return hiprintTemplate;
+}
+
+export function print2(provider = defaultElementTypeProvider, template, ...args) {
+  hiprint.init({
+    providers: [new provider()],
+  });
+  const hiprintTemplate = new hiprint.PrintTemplate({
+    template: template,
+  });
+  hiprintTemplate.print2(...args);
+  return hiprintTemplate;
+}
+
+export function usePaper() {
+  const paperType = ref("A4");
+  const paperWidth = ref(210);
+  const paperHeight = ref(296.6);
+
+  const paperTypes = {
+    A3: {
+      width: 420,
+      height: 297,
+    },
+    A4: {
+      width: 210,
+      height: 297,
+    },
+    A5: {
+      width: 210,
+      height: 148,
+    },
+    B3: {
+      width: 500,
+      height: 353,
+    },
+    B4: {
+      width: 250,
+      height: 353,
+    },
+    B5: {
+      width: 250,
+      height: 176,
+    },
+  };
+
+  function setPaper(type, callback) {
+    if (type !== "other") {
+      let { width, height } = paperTypes[type];
+      paperWidth.value = width;
+      paperHeight.value = height;
+    }
+    callback();
+  }
+
+  watch([paperWidth, paperHeight], (width, height) => {
+    if (width === 420 && height === 297) {
+      paperType.value = "A3";
+    } else if (width === 210 && height === 297) {
+      paperType.value = "A4";
+    } else if (width === 210 && height === 148) {
+      paperType.value = "A5";
+    } else if (width === 500 && height === 353) {
+      paperType.value = "B3";
+    } else if (width === 250 && height === 353) {
+      paperType.value = "B4";
+    } else if (width === 250 && height === 176) {
+      paperType.value = "B5";
+    } else {
+      paperType.value = "other";
+    }
+  });
+
+  return {
+    paperType,
+    paperWidth,
+    paperHeight,
+    setPaper,
+  };
+}
+
+export function useScale(callback) {
+  const scaleValue = ref(1);
+  const scalePercentage = computed(() => {
+    return `${(scaleValue.value * 100).toFixed(0)}%`;
+  });
+  const canZoomIn = computed(() => {
+    return scaleValue.value > 0.5;
+  });
+  const canZoomOut = computed(() => {
+    return scaleValue.value < 4;
+  });
+  function zoomIn() {
+    scaleValue.value = scaleValue.value - 0.1;
+    callback();
+  }
+  function zoomOut() {
+    scaleValue.value = scaleValue.value + 0.1;
+    callback();
+  }
+  return {
+    scaleValue,
+    scalePercentage,
+    canZoomIn,
+    canZoomOut,
+    zoomIn,
+    zoomOut,
+  };
+}
+
+export function useDataSource(axios) {
+  const detailData = ref();
+  function getDetail(id) {
+    return axios
+      .request({
+        url: `/printTemplate/get/${id}`,
+        method: "post",
+      })
+      .then((res) => {
+        if (res.data.data && res.data.data.sourceCodes) {
+          let codes = res.data.data.sourceCodes.split(",");
+          let formListCode = dataSourceForm.value.map((item) => item.value);
+          codes = codes.filter((item) => formListCode.includes(item));
+          formCode.value = codes;
+        } else {
+          formCode.value = "";
+        }
+        detailData.value = res.data.data;
+        return Promise.resolve(res.data.data);
+      });
+  }
+  const listCode = ref([]);
+  const dataSourceList = ref([]);
+  const listColumns = computed(() => {
+    return codeMapDataSource.value[listCode.value].map((item) => {
+      let index = item.indexOf("[");
+      return item.substring(index + 1, item.length - 1);
+    });
+  });
+
+  const formCode = ref([]);
+  const formColumns = computed(() => {
+    let arr = [];
+    if (formCode.value && formCode.value.length) {
+      formCode.value.forEach((item) => {
+        arr = arr.concat(codeMapDataSource.value[item]);
+      });
+    }
+    return arr;
+  });
+  const dataSourceForm = ref([]);
+  const codeMapDataSource = ref({});
+  function getDataSourceList() {
+    return axios
+      .request({
+        url: "/printTemplate/getDsList",
+        method: "post",
+      })
+      .then((res) => {
+        res.data.list.forEach((item) => {
+          if (item.columns) {
+            codeMapDataSource.value[item.code] = item?.columns?.split(",")?.map((col) => `$${item.code}[${col.toUpperCase()}]`) || [];
+          }
+          if (item.type === "LIST") {
+            dataSourceList.value.push({
+              label: item.name,
+              value: item.code,
+            });
+          } else {
+            dataSourceForm.value.push({
+              label: item.name,
+              value: item.code,
+            });
+          }
+        });
+      });
+  }
+
+  const dataSource = ref([]);
+  return {
+    detailData,
+    getDetail,
+    listCode,
+    dataSourceList,
+    listColumns,
+    formCode,
+    formColumns,
+    dataSourceForm,
+    codeMapDataSource,
+    getDataSourceList,
+    dataSource,
+  };
+}
+
+window.hiprint = hiprint;

package/index.d.ts

@@ -1,67 +1,67 @@
-declare module "yh-hiprint";
-
-/** JQuery 简化dom操作的库 */
-export declare const jquery: JQuery;
-
-/** hiprint 字体大小配置 */
-export declare const fontSize;
-/** hiprint 缩放配置 */
-export declare const scale;
-/** hiprint 层级配置 */
-export declare const zIndex;
-/** hiprint 侧边栏配置 */
-export declare const panel;
-
-export declare const hiprint;
-export declare const defaultElementTypeProvider: (options: any) => {
-  addElementTypes: (context) => void;
-};
-export declare const print;
-export declare const print2;
-export declare const usePaper;
-
-/**
- * 打印组件的缩放
- * @param callback 每次缩放后都会执行的回调函数
- */
-export declare const useScale: (callback: () => void) => {
-  /** 当前缩放值 */
-  scaleValue: Ref<number>;
-  /** 当前百分比展示字符串 */
-  scalePercentage: ComputedRef<string>;
-  /** 当前是否能缩小 */
-  canZoomIn: ComputedRef<boolean>;
-  /** 当前是否能放大 */
-  canZoomOut: ComputedRef<boolean>;
-  /** 缩小 */
-  zoomIn: () => void;
-  /** 放大 */
-  zoomOut: () => void;
-};
-
-/**
- * 打印组件数据源
- * @param axios 系统中的请求实体 `src/libs/api.request.js`
- */
-export declare const useDataSource: (axios) => {
-  detailData: Ref<any>;
-  getDetail: (id) => void;
-  listCode: Ref<any[]>;
-  dataSourceList: Ref<any[]>;
-  listColumns: ComputedRef<string[]>;
-  formCode: Ref<any[]>;
-  formColumns: ComputedRef<string[]>;
-  dataSourceForm: Ref<any[]>;
-  codeMapDataSource: Ref<any>;
-  getDataSourceList: () => void;
-  dataSource: Ref<string[]>;
-};
-
-export declare interface HiprintOption {
-  code: string;
-  params: Object;
-  data: Record<string, any> | Record<string, any>[];
-  isCustom: boolean;
-}
-
-export declare const hiprint: (HiprintOption) => void;
+declare module "yh-hiprint";
+
+/** JQuery 简化dom操作的库 */
+export declare const jquery: JQuery;
+
+/** hiprint 字体大小配置 */
+export declare const fontSize;
+/** hiprint 缩放配置 */
+export declare const scale;
+/** hiprint 层级配置 */
+export declare const zIndex;
+/** hiprint 侧边栏配置 */
+export declare const panel;
+
+export declare const hiprint;
+export declare const defaultElementTypeProvider: (options: any) => {
+  addElementTypes: (context) => void;
+};
+export declare const print;
+export declare const print2;
+export declare const usePaper;
+
+/**
+ * 打印组件的缩放
+ * @param callback 每次缩放后都会执行的回调函数
+ */
+export declare const useScale: (callback: () => void) => {
+  /** 当前缩放值 */
+  scaleValue: Ref<number>;
+  /** 当前百分比展示字符串 */
+  scalePercentage: ComputedRef<string>;
+  /** 当前是否能缩小 */
+  canZoomIn: ComputedRef<boolean>;
+  /** 当前是否能放大 */
+  canZoomOut: ComputedRef<boolean>;
+  /** 缩小 */
+  zoomIn: () => void;
+  /** 放大 */
+  zoomOut: () => void;
+};
+
+/**
+ * 打印组件数据源
+ * @param axios 系统中的请求实体 `src/libs/api.request.js`
+ */
+export declare const useDataSource: (axios) => {
+  detailData: Ref<any>;
+  getDetail: (id) => void;
+  listCode: Ref<any[]>;
+  dataSourceList: Ref<any[]>;
+  listColumns: ComputedRef<string[]>;
+  formCode: Ref<any[]>;
+  formColumns: ComputedRef<string[]>;
+  dataSourceForm: Ref<any[]>;
+  codeMapDataSource: Ref<any>;
+  getDataSourceList: () => void;
+  dataSource: Ref<string[]>;
+};
+
+export declare interface HiprintOption {
+  code: string;
+  params: Object;
+  data: Record<string, any> | Record<string, any>[];
+  isCustom: boolean;
+}
+
+export declare const hiprint: (HiprintOption) => void;