y-element-ultra 0.0.2

package/lib/y-printer/index.cjs

@@ -0,0 +1,110 @@
+"use strict";
+const vue = require("vue");
+const util = require("./util");
+const props = require("./props");
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YPrinter", inheritAttrs: false },
+  __name: "index",
+  props: props.printerProps,
+  emits: props.printerEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
+    const doPrint = util.usePrinter(() => {
+      visible.value = false;
+      updateModelValue(false);
+      handleDone();
+    });
+    const container = vue.shallowRef(util.getPrintContainer());
+    const visible = vue.ref(false);
+    const isStatic = vue.computed(() => props2.static);
+    const print = (options) => {
+      if (visible.value) {
+        return;
+      }
+      visible.value = true;
+      vue.nextTick(() => {
+        const option = {
+          title: props2.title,
+          margin: props2.margin,
+          direction: props2.direction,
+          orientation: props2.orientation,
+          options: util.mergeOptions(props2.options, options)
+        };
+        doPrint(option, props2.target);
+      });
+    };
+    const handleDone = () => {
+      emit("done");
+    };
+    const updateModelValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    vue.watch(
+      () => props2.modelValue,
+      (modelValue) => {
+        if (modelValue) {
+          print();
+        }
+      }
+    );
+    vue.onMounted(() => {
+      if (props2.modelValue) {
+        print();
+      }
+    });
+    __expose({
+      print
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Teleport, {
+        to: container.value,
+        disabled: isStatic.value && !visible.value
+      }, [
+        vue.createElementVNode("table", vue.mergeProps(_ctx.$attrs, {
+          class: ["y-printer", [{ "is-open": visible.value }, { "is-static": isStatic.value }]]
+        }), [
+          _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1, [
+            vue.createElementVNode("tr", null, [
+              vue.createElementVNode("td", null, [
+                vue.createElementVNode("div", {
+                  class: "y-printer-header",
+                  style: vue.normalizeStyle(_ctx.headerStyle)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "header")
+                ], 4)
+              ])
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("tbody", null, [
+            vue.createElementVNode("tr", null, [
+              vue.createElementVNode("td", null, [
+                vue.createElementVNode("div", {
+                  class: "y-printer-body",
+                  style: vue.normalizeStyle(_ctx.bodyStyle)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ], 4)
+              ])
+            ])
+          ]),
+          _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_2, [
+            vue.createElementVNode("tr", null, [
+              vue.createElementVNode("td", null, [
+                vue.createElementVNode("div", {
+                  class: "y-printer-footer",
+                  style: vue.normalizeStyle(_ctx.footerStyle)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "footer")
+                ], 4)
+              ])
+            ])
+          ])) : vue.createCommentVNode("", true)
+        ], 16)
+      ], 8, ["to", "disabled"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/y-printer/index.d.ts

@@ -0,0 +1,48 @@
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    title: StringConstructor;
+    margin: (NumberConstructor | StringConstructor)[];
+    direction: import('vue').PropType<import('./types').PrintDirection | null>;
+    orientation: import('vue').PropType<import('./types').PrintOrientation | null>;
+    target: import('vue').PropType<import('./types').PrintTarget | null>;
+    static: BooleanConstructor;
+    options: ObjectConstructor;
+}>, {
+    print: (options?: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (_value: boolean) => void;
+    done: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../y-app/types').StyleValue>;
+    title: StringConstructor;
+    margin: (NumberConstructor | StringConstructor)[];
+    direction: import('vue').PropType<import('./types').PrintDirection | null>;
+    orientation: import('vue').PropType<import('./types').PrintOrientation | null>;
+    target: import('vue').PropType<import('./types').PrintTarget | null>;
+    static: BooleanConstructor;
+    options: ObjectConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    onDone?: (() => any) | undefined;
+}>, {
+    modelValue: boolean;
+    static: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/y-printer/props.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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
+};
+exports.printerEmits = printerEmits;
+exports.printerProps = printerProps;

package/lib/y-printer/props.d.ts

@@ -0,0 +1,41 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../y-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/lib/y-printer/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/y-printer/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/y-printer/style/index.scss

@@ -0,0 +1,66 @@
+/* 打印容器 */
+#y-printer-container {
+  pointer-events: none;
+  display: none;
+}
+
+/* 页眉页脚 */
+.y-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;
+  }
+
+  .y-printer-header,
+  .y-printer-footer {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+  }
+
+  &:not(.is-open) .y-printer-header,
+  &:not(.is-open) .y-printer-footer {
+    display: none;
+  }
+
+  .y-printer-body {
+    box-sizing: border-box;
+  }
+}
+
+/* 打印状态 */
+html.y-printing,
+html.y-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.y-printing > body > * {
+  display: none !important;
+}
+
+html.y-printing #y-printer-container {
+  display: block !important;
+
+  * {
+    pointer-events: none !important;
+  }
+}

package/lib/y-printer/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * 纸张方向
+ */
+export type PrintDirection = 'landscape' | 'portrait' | string;
+
+/**
+ * 纸张旋转
+ */
+export type PrintOrientation = 'upright' | 'rotate-left' | 'rotate-right';
+
+/**
+ * 打印位置
+ */
+export type PrintTarget = '_self' | '_blank' | '_iframe';
+
+/**
+ * 打印参数
+ */
+export interface PrintOption {
+  /** 页面标题 */
+  title?: string;
+  /** 页间距 */
+  margin?: string | number;
+  /** 纸张方向 */
+  direction?: string | null;
+  /** 纸张旋转 */
+  orientation?: string | null;
+  /** 打印方法参数 */
+  options?: any;
+}
+
+/**
+ * pdf 打印参数
+ */
+export interface PrintPdfOption {
+  /** pdf 链接地址 */
+  url?: string;
+  /** 直接指定 arraybuffer 数据 */
+  arraybuffer?: ArrayBuffer;
+  /** 打印完成的回调 */
+  done?: () => void;
+  /** 错误回调 */
+  error?: (status: number, result: string) => void;
+  /** 打印方法参数 */
+  options?: any;
+}

package/lib/y-printer/util.cjs

@@ -0,0 +1,222 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const hook = require("../utils/hook");
+const printContainerId = "y-printer-container";
+const printFrameId = "y-printer-iframe";
+const printingClass = "y-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, timeout) {
+  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}';
+      }
+      ${"setTimeout(() => {"}
+        window.print(${printOption});
+        window.parent.postMessage('elePrintDone_${printId}', '*');
+      ${["}, ", timeout, ");"].join("")}
+    };
+  <\/script>
+  `;
+  const html = document.querySelector("html")?.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 printTimeout = 500;
+  const [startPrintTimer] = hook.useTimer(printTimeout);
+  const doPrint = (option, target) => {
+    if (target === "_iframe") {
+      doPrintOnFrame(option, printId, printTimeout);
+      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;
+    }
+    startPrintTimer(() => {
+      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();
+      });
+    }
+  };
+  vue.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();
+  }
+}
+exports.getPrintContainer = getPrintContainer;
+exports.mergeOptions = mergeOptions;
+exports.printContainerId = printContainerId;
+exports.printFrameId = printFrameId;
+exports.printPdf = printPdf;
+exports.printingClass = printingClass;
+exports.usePrinter = usePrinter;

package/lib/y-printer/util.d.ts

@@ -0,0 +1,25 @@
+import { PrintOption, PrintTarget, PrintPdfOption } from './types';
+
+export declare const printContainerId = "y-printer-container";
+export declare const printFrameId = "y-printer-iframe";
+export declare const printingClass = "y-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/lib/y-pro-form/components/builder-tool-wrapper.cjs

@@ -0,0 +1,48 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../icons/index");
+const _hoisted_1 = { class: "y-pro-form-builder-item-tool-wrapper" };
+const _hoisted_2 = { class: "y-pro-form-builder-item-handle-content" };
+const _hoisted_3 = { class: "y-pro-form-builder-item-tools" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "BuilderToolWrapper" },
+  __name: "builder-tool-wrapper",
+  props: {
+    item: {},
+    activeItemKey: {},
+    handle: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["y-pro-form-builder-item-handle", { "is-disabled": !__props.handle }])
+        }, [
+          __props.handle ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+            key: 0,
+            class: "y-pro-form-builder-item-handle-icon"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index.DragOutlined))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "builderItemHandleContent", {
+            item: __props.item,
+            activeItemKey: __props.activeItemKey
+          }, () => [
+            vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.item.type), 1)
+          ])
+        ], 2),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "builderItemTools", {
+            item: __props.item,
+            activeItemKey: __props.activeItemKey
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/y-pro-form/components/builder-tool-wrapper.d.ts

@@ -0,0 +1,43 @@
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): {
+    builderItemHandleContent?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+    builderItemTools?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+};
+declare const __VLS_component: import('vue-demi').DefineComponent<import('vue-demi').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>, {}, {}, {}, {}, import('vue-demi').ComponentOptionsMixin, import('vue-demi').ComponentOptionsMixin, {}, string, import('vue-demi').PublicProps, Readonly<import('vue-demi').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue-demi').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};