yuang-framework-ui-pc 1.0.20 → 1.1.0

package/es/ele-popover/index.js

@@ -0,0 +1,105 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { pick } from "../utils/core";
+import EleTooltip from "../ele-tooltip/index";
+import { tooltipPropKeys } from "../ele-tooltip/props";
+import { popoverProps, popoverEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "ElePopover",
+  components: { EleTooltip },
+  props: popoverProps,
+  emits: popoverEmits,
+  setup(props, { emit }) {
+    const tooltipRef = ref(null);
+    const tooltipProps = computed(() => {
+      const keys = tooltipPropKeys.filter(
+        (k) => !["content", "bodyStyle"].includes(k)
+      );
+      const options = pick(props, keys);
+      options.ariaLabel = props.title;
+      options.gpuAcceleration = props.transition === "el-fade-in-linear";
+      return options;
+    });
+    const hide = () => {
+      tooltipRef.value && tooltipRef.value.hide();
+    };
+    const handleUpdateVisible = (visible) => {
+      emit("update:visible", visible);
+    };
+    const handlePopBeforeEnter = () => {
+      emit("before-enter");
+    };
+    const handlePopBeforeLeave = () => {
+      emit("before-leave");
+    };
+    const handlePopAfterEnter = () => {
+      emit("after-enter");
+    };
+    const handlePopAfterLeave = () => {
+      emit("after-leave");
+    };
+    return {
+      tooltipRef,
+      tooltipProps,
+      hide,
+      handleUpdateVisible,
+      handlePopBeforeEnter,
+      handlePopBeforeLeave,
+      handlePopAfterEnter,
+      handlePopAfterLeave
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_EleTooltip = resolveComponent("EleTooltip");
+  return openBlock(), createBlock(_component_EleTooltip, mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
+    ref: "tooltipRef",
+    isPopover: true,
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeEnter,
+    onBeforeHide: _ctx.handlePopBeforeLeave,
+    onShow: _ctx.handlePopAfterEnter,
+    onHide: _ctx.handlePopAfterLeave
+  }), {
+    body: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(["ele-popover-body", _ctx.bodyClass]),
+        style: normalizeStyle(_ctx.bodyStyle)
+      }, [
+        renderSlot(_ctx.$slots, "body", {}, () => [
+          _ctx.title != null && _ctx.title != "" || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-popover-title",
+            style: normalizeStyle(_ctx.titleStyle)
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 4)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: "ele-popover-content",
+            style: normalizeStyle(_ctx.contentStyle)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.content), 1)
+            ])
+          ], 4)
+        ])
+      ], 6)
+    ]),
+    default: withCtx(() => [
+      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,84 @@
+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: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
+    title: StringConstructor;
+    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    disabled: BooleanConstructor;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType> & {}) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null) | ((new (...args: any[]) => (boolean | null) & {}) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    effect: {
+        readonly default: "light";
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    enterable: {
+        readonly default: true;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement) | ((new (...args: any[]) => import('element-plus').Placement & {}) | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
+    popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
+    showAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    hideAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
+    autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    popperStyle: PropType<StyleValue>;
+    popperClass: StringConstructor;
+    className: StringConstructor;
+    arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: import('vue').PropType<import('element-plus').Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    ariaLabel: StringConstructor;
+    appendTo: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: NumberConstructor;
+    gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    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/es/ele-popover/props.js

@@ -0,0 +1,27 @@
+import { popoverProps as popoverProps$1, popoverEmits as popoverEmits$1 } from "element-plus";
+import { omit } from "../utils/core";
+import { tooltipProps } from "../ele-tooltip/props";
+const normalizeProps = omit(popoverProps$1, ["onUpdate:visible"]);
+const popoverProps = {
+  ...omit(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 = popoverEmits$1;
+export {
+  popoverEmits,
+  popoverProps
+};

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+import "../../ele-tooltip/style/index";

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

@@ -0,0 +1,40 @@
+declare const _default: import('vue').DefineComponent<{
+    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>;
+    visible: import('vue').Ref<boolean>;
+    isStatic: import('vue').ComputedRef<boolean>;
+    print: (options?: any) => void;
+}, unknown, {}, {}, 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;
+}>> & {
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    onDone?: (() => any) | undefined;
+}, {
+    static: boolean;
+    modelValue: boolean;
+}, {}>;
+export default _default;

package/es/ele-printer/index.js

@@ -0,0 +1,124 @@
+import { defineComponent, shallowRef, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createVNode, withCtx } from "vue";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
+import { usePrinter, getPrintContainer, mergeOptions } from "./util";
+import { printerProps, printerEmits } from "./props";
+const _sfc_main = defineComponent({
+  name: "ElePrinter",
+  components: { ReceiverView },
+  props: printerProps,
+  emits: printerEmits,
+  setup(props, { emit }) {
+    const doPrint = usePrinter(() => {
+      visible.value = false;
+      updateModelValue(false);
+      handleDone();
+    });
+    const container = shallowRef(getPrintContainer());
+    const visible = ref(false);
+    const isStatic = computed(() => props.static);
+    const print = (options) => {
+      if (visible.value) {
+        return;
+      }
+      visible.value = true;
+      nextTick(() => {
+        const option = {
+          title: props.title,
+          margin: props.margin,
+          direction: props.direction,
+          orientation: props.orientation,
+          options: mergeOptions(props.options, options)
+        };
+        doPrint(option, props.target);
+      });
+    };
+    const handleDone = () => {
+      emit("done");
+    };
+    const updateModelValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    watch(
+      () => props.modelValue,
+      (modelValue) => {
+        if (modelValue) {
+          print();
+        }
+      }
+    );
+    onMounted(() => {
+      if (props.modelValue) {
+        print();
+      }
+    });
+    return { container, visible, isStatic, print };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    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 = resolveComponent("ReceiverView");
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.container,
+    disabled: _ctx.isStatic && !_ctx.visible
+  }, [
+    createElementVNode("table", {
+      class: normalizeClass([
+        "ele-printer",
+        { "is-open": _ctx.visible },
+        { "is-static": _ctx.isStatic }
+      ])
+    }, [
+      _ctx.$slots.header ? (openBlock(), createElementBlock("thead", _hoisted_1, [
+        createElementVNode("tr", null, [
+          createElementVNode("td", null, [
+            createElementVNode("div", {
+              class: "ele-printer-header",
+              style: normalizeStyle(_ctx.headerStyle)
+            }, [
+              renderSlot(_ctx.$slots, "header")
+            ], 4)
+          ])
+        ])
+      ])) : createCommentVNode("", true),
+      createElementVNode("tbody", null, [
+        createElementVNode("tr", null, [
+          createElementVNode("td", null, [
+            createVNode(_component_ReceiverView, {
+              class: "ele-printer-body",
+              style: normalizeStyle(_ctx.bodyStyle)
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["style"])
+          ])
+        ])
+      ]),
+      _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_2, [
+        createElementVNode("tr", null, [
+          createElementVNode("td", null, [
+            createElementVNode("div", {
+              class: "ele-printer-footer",
+              style: normalizeStyle(_ctx.footerStyle)
+            }, [
+              renderSlot(_ctx.$slots, "footer")
+            ], 4)
+          ])
+        ])
+      ])) : createCommentVNode("", true)
+    ], 2)
+  ], 8, ["to", "disabled"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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/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/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;