yuang-framework-ui-pc 1.1.45 → 1.1.47

package/es/ele-printer/props.d.ts

@@ -0,0 +1,41 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { PrintDirection, PrintOrientation, PrintTarget } from './types';
+
+/**
+ * 属性
+ */
+export declare const printerProps: {
+    /** 是否打印 */
+    modelValue: BooleanConstructor;
+    /** 页眉样式 */
+    headerStyle: PropType<StyleValue>;
+    /** 内容样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 页脚样式 */
+    footerStyle: PropType<StyleValue>;
+    /** 标题 */
+    title: StringConstructor;
+    /** 页间距 */
+    margin: (StringConstructor | NumberConstructor)[];
+    /** 纸张方向 */
+    direction: PropType<PrintDirection | null>;
+    /** 纸张旋转 */
+    orientation: PropType<PrintOrientation | null>;
+    /** 打印位置 */
+    target: PropType<PrintTarget | null>;
+    /** 是否显示在文档流中 */
+    static: BooleanConstructor;
+    /** 打印方法参数 */
+    options: ObjectConstructor;
+};
+export type PrinterProps = ExtractPropTypes<typeof printerProps>;
+/**
+ * 事件
+ */
+export declare const printerEmits: {
+    /** 更新打印状态 */
+    'update:modelValue': (_value: boolean) => boolean;
+    /** 打印完成的事件 */
+    done: () => boolean;
+};

package/es/ele-printer/props.js

@@ -0,0 +1,34 @@
+const printerProps = {
+  /** 是否打印 */
+  modelValue: Boolean,
+  /** 页眉样式 */
+  headerStyle: Object,
+  /** 内容样式 */
+  bodyStyle: Object,
+  /** 页脚样式 */
+  footerStyle: Object,
+  /** 标题 */
+  title: String,
+  /** 页间距 */
+  margin: [String, Number],
+  /** 纸张方向 */
+  direction: String,
+  /** 纸张旋转 */
+  orientation: String,
+  /** 打印位置 */
+  target: String,
+  /** 是否显示在文档流中 */
+  static: Boolean,
+  /** 打印方法参数 */
+  options: Object
+};
+const printerEmits = {
+  /** 更新打印状态 */
+  "update:modelValue": (_value) => true,
+  /** 打印完成的事件 */
+  done: () => true
+};
+export {
+  printerEmits,
+  printerProps
+};

package/es/ele-printer/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-printer/style/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/ele-printer/style/index.scss

@@ -0,0 +1,66 @@
+/* 打印容器 */
+#ele-printer-container {
+  pointer-events: none;
+  display: none;
+}
+
+/* 页眉页脚 */
+.ele-printer {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+  table-layout: fixed;
+
+  & > thead > tr > td,
+  & > tbody > tr > td,
+  & > tfoot > tr > td {
+    padding: 0;
+    border: none;
+  }
+
+  &:not(.is-open):not(.is-static) {
+    display: none;
+  }
+
+  .ele-printer-header,
+  .ele-printer-footer {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+  }
+
+  &:not(.is-open) .ele-printer-header,
+  &:not(.is-open) .ele-printer-footer {
+    display: none;
+  }
+
+  .ele-printer-body {
+    box-sizing: border-box;
+  }
+}
+
+/* 打印状态 */
+html.ele-printing,
+html.ele-printing > body {
+  color: #000 !important;
+  background: #fff !important;
+  height: auto !important;
+  min-height: auto !important;
+  max-height: none !important;
+  width: auto !important;
+  min-width: auto !important;
+  max-width: none !important;
+  overflow: visible !important;
+}
+
+html.ele-printing > body > * {
+  display: none !important;
+}
+
+html.ele-printing #ele-printer-container {
+  display: block !important;
+
+  * {
+    pointer-events: none !important;
+  }
+}

package/es/ele-printer/util.d.ts

@@ -0,0 +1,25 @@
+import { PrintOption, PrintTarget, PrintPdfOption } from './types';
+
+export declare const printContainerId = "ele-printer-container";
+export declare const printFrameId = "ele-printer-iframe";
+export declare const printingClass = "ele-printing";
+/**
+ * 合并打印方法参数
+ * @param options 参数
+ * @param userOptions 自定义参数
+ */
+export declare function mergeOptions(options?: any, userOptions?: any): any;
+/**
+ * 创建并获取打印容器
+ */
+export declare function getPrintContainer(): Element;
+/**
+ * usePrinter
+ * @param done 打印结束回调
+ */
+export declare function usePrinter(done: () => void): (option: PrintOption, target?: PrintTarget | null) => void;
+/**
+ * 打印 pdf
+ * @param option 打印参数
+ */
+export declare function printPdf(option: PrintPdfOption): void;

package/es/ele-printer/util.js

@@ -0,0 +1,218 @@
+import { onBeforeUnmount } from "vue";
+import { useTimer } from "../utils/hook";
+const printContainerId = "ele-printer-container";
+const printFrameId = "ele-printer-iframe";
+const printingClass = "ele-printing";
+let printIdNum = 0;
+function mergeOptions(options, userOptions) {
+  if (options == null) {
+    return userOptions;
+  }
+  return Object.assign({}, options, userOptions);
+}
+function getPrintContainer() {
+  const container = document.getElementById(printContainerId);
+  if (container) {
+    return container;
+  }
+  const elem = document.createElement("div");
+  elem.id = printContainerId;
+  document.body.appendChild(elem);
+  return elem;
+}
+function getOptionCss(opt) {
+  const css = ["@page {"];
+  if (opt.margin != null && opt.margin !== "") {
+    const v = typeof opt.margin === "number" ? opt.margin + "px" : opt.margin;
+    css.push(`margin: ${v};`);
+  }
+  if (opt.direction != null && opt.direction !== "") {
+    css.push(`size: ${opt.direction};`);
+  }
+  if (opt.orientation != null && opt.orientation !== "") {
+    css.push(`page-orientation: ${opt.orientation};`);
+  }
+  css.push("}");
+  return css.join(" ");
+}
+function removePrintFrame() {
+  const pFrame = document.getElementById(printFrameId);
+  if (pFrame) {
+    if (pFrame.parentNode) {
+      pFrame.parentNode.removeChild(pFrame);
+    }
+    const url = pFrame.getAttribute("src");
+    if (url) {
+      try {
+        window.URL.revokeObjectURL(url);
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }
+}
+function getPrintFrame() {
+  removePrintFrame();
+  const elem = document.createElement("iframe");
+  elem.id = printFrameId;
+  elem.style.width = "66px";
+  elem.style.height = "66px";
+  elem.style.position = "fixed";
+  elem.style.left = "-666px";
+  elem.style.top = "-666px";
+  document.body.appendChild(elem);
+  elem.focus();
+  return elem;
+}
+function doPrintOnFrame(opt, printId) {
+  var _a;
+  const pFrame = getPrintFrame();
+  const pWin = pFrame.contentWindow;
+  if (!pWin) {
+    return;
+  }
+  pWin.focus();
+  const pDoc = pFrame.contentDocument || pWin.document;
+  if (!pDoc) {
+    return;
+  }
+  const container = getPrintContainer();
+  Array.from(
+    container.querySelectorAll('input[type="text"], input[type="number"]')
+  ).forEach((el) => {
+    el.setAttribute("value", el.value);
+  });
+  pDoc.open();
+  const printOption = opt.options ? `JSON.parse('${JSON.stringify(opt.options)}')` : "";
+  const optHtml = `
+  <style type="text/css" media="print">
+    ${getOptionCss(opt)}
+  </style>
+  <script>
+    const $html = document.querySelector('html');
+    if($html && $html.classList && $html.classList.add) {
+      $html.classList.add('${printingClass}');
+    }
+    window.onload = function() {
+      if(${opt.title == null ? 0 : 1}) {
+        document.title = '${opt.title}';
+      }
+      window.print(${printOption});
+      window.parent.postMessage('elePrintDone_${printId}', '*');
+    };
+  <\/script>
+  `;
+  const html = ((_a = document.querySelector("html")) == null ? void 0 : _a.outerHTML) || "";
+  const content = html.replace(/<script/g, '<textarea style="display:none;" ').replace(/<\/script>/g, "</textarea>").replace(/<\/html>/, optHtml + "</html>");
+  pDoc.write("<!DOCTYPE html>" + content);
+  pDoc.close();
+  return pWin;
+}
+function usePrinter(done) {
+  printIdNum++;
+  const printId = printIdNum;
+  const [startPrintTimer] = useTimer(500);
+  const doPrint = (option, target) => {
+    if (target === "_iframe") {
+      doPrintOnFrame(option, printId);
+      return;
+    }
+    const $html = document.querySelector("html");
+    if (!$html) {
+      done && done();
+      return;
+    }
+    $html.classList.add(printingClass);
+    const elem = document.createElement("style");
+    elem.setAttribute("type", "text/css");
+    elem.setAttribute("media", "print");
+    elem.innerHTML = getOptionCss(option);
+    document.body.appendChild(elem);
+    const title = document.title;
+    if (option.title != null && option.title !== "") {
+      document.title = option.title;
+    }
+    window.print(option.options);
+    startPrintTimer(() => {
+      $html.classList.remove(printingClass);
+      document.body.removeChild(elem);
+      if (option.title != null) {
+        document.title = title;
+      }
+      done && done();
+    });
+  };
+  const handleMessage = (e) => {
+    if (e.data === `elePrintDone_${printId}`) {
+      startPrintTimer(() => {
+        removePrintFrame();
+        done && done();
+      });
+    }
+  };
+  onBeforeUnmount(() => {
+    window.removeEventListener("message", handleMessage);
+  });
+  window.addEventListener("message", handleMessage);
+  return doPrint;
+}
+function printPdf(option) {
+  const pFrame = getPrintFrame();
+  pFrame.onload = () => {
+    const url = pFrame.getAttribute("src");
+    if (!url) {
+      return;
+    }
+    pFrame.focus();
+    try {
+      pFrame.contentWindow && pFrame.contentWindow.print(option.options);
+      option.done && option.done();
+      window.URL.revokeObjectURL(url);
+      return;
+    } catch (e) {
+      console.error(e);
+    }
+    if (!option.arraybuffer && option.url) {
+      window.URL.revokeObjectURL(url);
+      window.open(option.url);
+    } else {
+      window.open(url);
+    }
+    option.done && option.done();
+  };
+  const doPrint = (buffer) => {
+    const blob = new window.Blob([buffer], { type: "application/pdf" });
+    if (window.navigator && window.navigator["msSaveOrOpenBlob"]) {
+      window.navigator["msSaveOrOpenBlob"](blob, "print.pdf");
+      option.done && option.done();
+      return;
+    }
+    pFrame.setAttribute("src", window.URL.createObjectURL(blob));
+  };
+  if (option.arraybuffer) {
+    doPrint(option.arraybuffer);
+    return;
+  }
+  if (option.url) {
+    const req = new window.XMLHttpRequest();
+    req.open("GET", option.url, true);
+    req.responseType = "arraybuffer";
+    req.onload = () => {
+      if ([200, 201].indexOf(req.status) !== -1) {
+        doPrint(req.response);
+        return;
+      }
+      option.error && option.error(req.status, req.statusText);
+    };
+    req.send();
+  }
+}
+export {
+  getPrintContainer,
+  mergeOptions,
+  printContainerId,
+  printFrameId,
+  printPdf,
+  printingClass,
+  usePrinter
+};

package/es/ele-pro-layout/components/pro-iframe.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { TabItem, IframeItem } from '../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 是否支持内嵌缓存 */
+    keepAlive: BooleanConstructor;
+    /** 内嵌切换动画 */
+    transitionName: StringConstructor;
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: NumberConstructor;
+    /** 页签数据 */
+    tabData: {
+        type: PropType<TabItem[]>;
+        required: true;
+    };
+    /** 页签选中 */
+    tabActive: StringConstructor;
+}>, {
+    active: import('vue').Ref<string | null | undefined, string | null | undefined>;
+    data: import('vue').ComputedRef<IframeItem[]>;
+    handleLeave: (delay?: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 是否支持内嵌缓存 */
+    keepAlive: BooleanConstructor;
+    /** 内嵌切换动画 */
+    transitionName: StringConstructor;
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: NumberConstructor;
+    /** 页签数据 */
+    tabData: {
+        type: PropType<TabItem[]>;
+        required: true;
+    };
+    /** 页签选中 */
+    tabActive: StringConstructor;
+}>> & Readonly<{}>, {
+    keepAlive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/ele-pro-layout/components/pro-iframe.js

@@ -0,0 +1,124 @@
+import { defineComponent, computed, ref, watch, nextTick, createElementBlock, openBlock, createBlock, Fragment, renderList, withDirectives, createCommentVNode, vShow, TransitionGroup, withCtx } from "vue";
+import { useTimer } from "../../utils/hook";
+import { getIframeSrc } from "../util";
+const _sfc_main = defineComponent({
+  name: "ProIframe",
+  props: {
+    /** 是否支持内嵌缓存 */
+    keepAlive: Boolean,
+    /** 内嵌切换动画 */
+    transitionName: String,
+    /** 内嵌进入动画延迟时间 */
+    transitionDelay: Number,
+    /** 页签数据 */
+    tabData: {
+      type: Array,
+      required: true
+    },
+    /** 页签选中 */
+    tabActive: String
+  },
+  setup(props) {
+    const [startActiveTimer, stopActiveTimer] = useTimer();
+    const data = computed(() => {
+      const list = [];
+      props.tabData.forEach((t) => {
+        var _a, _b;
+        const isAlive = ((_a = t.meta) == null ? void 0 : _a.keepAlive) !== false;
+        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && isAlive) {
+          const src = getIframeSrc(t.fullPath, t.meta.iframe);
+          list.push({ id: t.key, src, refresh: t.refresh });
+        }
+      });
+      return list.sort((a, b) => a.id === b.id ? 0 : a.id > b.id ? 1 : -1);
+    });
+    const dataActive = computed(() => {
+      if (!props.tabActive || !data.value.length || !data.value.some((d) => d.id === props.tabActive)) {
+        return;
+      }
+      return props.tabActive;
+    });
+    const active = ref(dataActive.value);
+    const handleLeave = (delay) => {
+      if (!dataActive.value) {
+        active.value = null;
+        return;
+      }
+      if (!delay) {
+        active.value = dataActive.value;
+        return;
+      }
+      startActiveTimer(() => {
+        nextTick(() => {
+          active.value = dataActive.value;
+        });
+      }, delay);
+    };
+    watch(dataActive, () => {
+      stopActiveTimer();
+      if (active.value == null) {
+        handleLeave(props.transitionName ? props.transitionDelay : void 0);
+      } else if (!props.transitionName) {
+        handleLeave();
+      } else {
+        active.value = null;
+      }
+    });
+    return { active, data, handleLeave };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
+const _hoisted_2 = ["data-id", "src"];
+const _hoisted_3 = ["data-id", "src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    !_ctx.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.data, (item) => {
+      return openBlock(), createElementBlock(Fragment, {
+        key: item.id
+      }, [
+        !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+          key: 0,
+          "data-id": item.id,
+          src: item.src,
+          class: "ele-admin-iframe"
+        }, null, 8, _hoisted_2)), [
+          [vShow, _ctx.active === item.id]
+        ]) : createCommentVNode("", true)
+      ], 64);
+    }), 128)) : (openBlock(), createBlock(TransitionGroup, {
+      key: 1,
+      appear: true,
+      name: _ctx.transitionName,
+      onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.handleLeave())
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.id
+          }, [
+            !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+              key: 0,
+              "data-id": item.id,
+              src: item.src,
+              class: "ele-admin-iframe"
+            }, null, 8, _hoisted_3)), [
+              [vShow, _ctx.active === item.id]
+            ]) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]),
+      _: 1
+    }, 8, ["name"]))
+  ]);
+}
+const proIframe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  proIframe as default
+};