yuang-framework-ui-pc 1.1.45 → 1.1.46

package/lib/ele-popover/props.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const props = require("../ele-tooltip/props");
+const normalizeProps = core.omit(elementPlus.popoverProps, ["onUpdate:visible"]);
+const popoverProps = {
+  ...core.omit(props.tooltipProps, ["rawContent", "isPopover"]),
+  popperStyle: [String, Array, Object],
+  popperClass: String,
+  ...normalizeProps,
+  transition: {
+    type: String,
+    default: "el-fade-in-linear"
+  },
+  /** 自定义主体类名 */
+  bodyClass: String,
+  /** 自定义主体样式 */
+  bodyStyle: Object,
+  /** 自定义标题样式 */
+  titleStyle: Object,
+  /** 自定义内容样式 */
+  contentStyle: Object
+};
+const popoverEmits = elementPlus.popoverEmits;
+exports.popoverEmits = popoverEmits;
+exports.popoverProps = popoverProps;

package/lib/ele-popover/props.d.ts

@@ -0,0 +1,203 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+
+/**
+ * 属性
+ */
+export declare const popoverProps: {
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 自定义主体类名 */
+    bodyClass: StringConstructor;
+    /** 自定义主体样式 */
+    bodyStyle: PropType<StyleValue>;
+    /** 自定义标题样式 */
+    titleStyle: PropType<StyleValue>;
+    /** 自定义内容样式 */
+    contentStyle: PropType<StyleValue>;
+    width: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 150;
+    };
+    title: StringConstructor;
+    showArrow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    disabled: BooleanConstructor;
+    trigger: {
+        readonly type: PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "hover";
+    };
+    triggerKeys: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => string[];
+    };
+    appendTo: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    content: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    persistent: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    visible: {
+        readonly type: PropType<boolean | null>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: null;
+    };
+    teleported: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    effect: {
+        readonly default: "light";
+        readonly type: PropType<import('element-plus').PopperEffect>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    enterable: {
+        readonly default: true;
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    offset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    placement: {
+        readonly type: PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "bottom";
+    };
+    popperOptions: {
+        readonly type: PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => {};
+    };
+    showAfter: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    hideAfter: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 200;
+    };
+    autoClose: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    tabindex: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    popperStyle: PropType<StyleValue>;
+    popperClass: StringConstructor;
+    className: StringConstructor;
+    arrowOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 5;
+    };
+    virtualRef: {
+        readonly type: PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    ariaLabel: StringConstructor;
+    zIndex: NumberConstructor;
+    gpuAcceleration: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+};
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+/**
+ * 事件
+ */
+export declare const popoverEmits: {
+    "update:visible": (value: boolean) => boolean;
+    "before-enter": () => boolean;
+    "before-leave": () => boolean;
+    "after-enter": () => boolean;
+    "after-leave": () => boolean;
+};

package/lib/ele-popover/style/index.cjs

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

package/lib/ele-popover/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-printer/index.cjs

@@ -0,0 +1,123 @@
+"use strict";
+const vue = require("vue");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
+const util = require("./util");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "ElePrinter",
+  components: { ReceiverView },
+  props: props.printerProps,
+  emits: props.printerEmits,
+  setup(props2, { 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();
+      }
+    });
+    return { container, visible, isStatic, print };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.container,
+    disabled: _ctx.isStatic && !_ctx.visible
+  }, [
+    vue.createElementVNode("table", {
+      class: vue.normalizeClass([
+        "ele-printer",
+        { "is-open": _ctx.visible },
+        { "is-static": _ctx.isStatic }
+      ])
+    }, [
+      _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_1, [
+        vue.createElementVNode("tr", null, [
+          vue.createElementVNode("td", null, [
+            vue.createElementVNode("div", {
+              class: "ele-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.createVNode(_component_ReceiverView, {
+              class: "ele-printer-body",
+              style: vue.normalizeStyle(_ctx.bodyStyle)
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["style"])
+          ])
+        ])
+      ]),
+      _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_2, [
+        vue.createElementVNode("tr", null, [
+          vue.createElementVNode("td", null, [
+            vue.createElementVNode("div", {
+              class: "ele-printer-footer",
+              style: vue.normalizeStyle(_ctx.footerStyle)
+            }, [
+              vue.renderSlot(_ctx.$slots, "footer")
+            ], 4)
+          ])
+        ])
+      ])) : vue.createCommentVNode("", true)
+    ], 2)
+  ], 8, ["to", "disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,111 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-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;
+}>, {
+    container: import('vue').ShallowRef<Element, Element>;
+    visible: import('vue').Ref<boolean, boolean>;
+    isStatic: import('vue').ComputedRef<boolean>;
+    print: (options?: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean) => boolean;
+    done: () => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-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<{
+    onDone?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}>, {
+    static: boolean;
+    modelValue: boolean;
+}, {}, {
+    ReceiverView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        wrapPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        authenticated: import('vue').Ref<boolean, boolean>;
+        watermark: string[];
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        wrapPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        wrapPosition: boolean;
+    }, {}, {
+        EleWatermark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            width: NumberConstructor;
+            height: NumberConstructor;
+            rotate: NumberConstructor;
+            zIndex: NumberConstructor;
+            image: StringConstructor;
+            content: import('vue').PropType<string | string[]>;
+            font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
+            gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
+            offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
+            lineGap: {
+                type: NumberConstructor;
+                default: number;
+            };
+            customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
+            fixed: BooleanConstructor;
+            wrapPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+        }>, {
+            rootKey: import('vue').Ref<number, number>;
+            rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+            imgRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+            imgStyle: import('vue').Ref<Partial<import('vue').CSSProperties>, Partial<import('vue').CSSProperties>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            width: NumberConstructor;
+            height: NumberConstructor;
+            rotate: NumberConstructor;
+            zIndex: NumberConstructor;
+            image: StringConstructor;
+            content: import('vue').PropType<string | string[]>;
+            font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
+            gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
+            offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
+            lineGap: {
+                type: NumberConstructor;
+                default: number;
+            };
+            customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
+            fixed: BooleanConstructor;
+            wrapPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            lineGap: number;
+            fixed: boolean;
+            wrapPosition: boolean;
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/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/lib/ele-printer/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/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/lib/ele-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;
+}