yuang-framework-ui-pc 1.1.44 → 1.1.46

package/es/ele-popover/index.js

@@ -0,0 +1,105 @@
+import { defineComponent, ref, computed, resolveComponent, createBlock, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createTextVNode, toDisplayString } from "vue";
+import { pick } from "../utils/core";
+import EleTooltip from "../ele-tooltip/index";
+import { tooltipPropKeys } from "../ele-tooltip/props";
+import { popoverEmits, popoverProps } 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,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/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/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/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;
+}