ele-admin-plus 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/ele-modal/index.js

@@ -3,9 +3,8 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../icons");
-const useReceiver = require("../ele-config-provider/use-receiver");
-const licenseUtil = require("../utils/license-util");
 const core = require("../utils/core");
+const receiver = require("../ele-config-provider/receiver");
 const util = require("./util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -14,48 +13,45 @@ const _sfc_main = vue.defineComponent({
   inheritAttrs: false,
   props: props.modalProps,
   emits: props.modalEmits,
-  setup(props2, { emit }) {
-    const { authenticated } = licenseUtil.useLicense();
-    const layoutProvide = useReceiver.useLayoutState(
-      vue.ref({ mobile: core.screenWidth() < 768 })
-    );
-    const modalRef = vue.ref(null);
+  setup(props$1, { emit, attrs }) {
+    const { authenticated } = receiver.useLicense();
+    const layoutProvide = receiver.useLayoutState();
+    const dialogRef = vue.ref(null);
     const container = vue.ref(util.getModalContainer());
-    const isFullscreen = vue.ref(props2.fullscreen ?? false);
+    const isFullscreen = vue.ref(props$1.fullscreen ?? false);
     const isActivated = vue.ref(true);
+    const destroyed = vue.ref(false);
     const dialogClass = vue.computed(() => {
       const layoutState = vue.unref(layoutProvide);
       const classes = [util.wrapperClass];
-      if (props2.responsive ?? layoutState.responsive ?? true) {
+      if (props$1.responsive ?? layoutState.responsive ?? true) {
         classes.push(util.responsiveClass);
       }
-      if (props2.form) {
+      if (props$1.form) {
         classes.push("ele-modal-form");
       }
-      if (!layoutState.mobile) {
-        if (props2.draggable) {
-          classes.push(util.movableClass);
-        }
-        if (props2.resizable) {
-          classes.push(util.resizableClass);
-          if (typeof props2.resizable === "string") {
-            classes.push(util.resizableClass + "-" + props2.resizable);
-          }
+      if (props$1.draggable) {
+        classes.push(util.movableClass);
+      }
+      if (props$1.resizable) {
+        classes.push(util.resizableClass);
+        if (typeof props$1.resizable === "string") {
+          classes.push(util.resizableClass + "-" + props$1.resizable);
         }
       }
-      if (props2.multiple) {
+      if (props$1.multiple) {
         classes.push(util.multipleClass);
       }
       if (isFullscreen.value) {
         classes.push(util.fullscreenClass);
       }
-      if (!props2.modelValue) {
+      if (!props$1.modelValue) {
         classes.push(util.closedClass);
       }
-      if (!isActivated.value && props2.modelValue) {
+      if (!isActivated.value && props$1.modelValue) {
         classes.push(util.hideClass);
       }
-      if (props2.inner) {
+      if (props$1.inner) {
         classes.push(util.innerClass);
         if (layoutState.collapse && !layoutState.topLayout) {
           classes.push(util.collapseClass);
@@ -85,17 +81,29 @@ const _sfc_main = vue.defineComponent({
           classes.push(util.mobileClass);
         }
       }
-      if (props2.modalClass) {
-        classes.push(props2.modalClass);
+      if (props$1.modalClass) {
+        classes.push(props$1.modalClass);
       }
       return classes.join(" ");
     });
+    const dialogProps = vue.computed(() => {
+      const opt = {
+        fullscreen: false,
+        modal: props$1.multiple ? false : props$1.modal,
+        appendToBody: false,
+        showClose: false,
+        draggable: false,
+        alignCenter: false,
+        modalClass: dialogClass.value
+      };
+      return Object.assign({}, attrs, core.pick(props$1, props.dialogPropKeys), opt);
+    });
     const getModalEl = () => {
       var _a, _b;
-      return (_b = vue.unref((_a = vue.unref(modalRef)) == null ? void 0 : _a.dialogContentRef)) == null ? void 0 : _b.$el;
+      return (_b = vue.unref((_a = vue.unref(dialogRef)) == null ? void 0 : _a.dialogContentRef)) == null ? void 0 : _b.$el;
     };
     const getZIndex = () => {
-      return props2.zIndex ?? 2e3;
+      return props$1.zIndex ?? 2e3;
     };
     const updateModelValue = (modelValue) => {
       emit("update:modelValue", modelValue);
@@ -108,26 +116,26 @@ const _sfc_main = vue.defineComponent({
       emit("update:fullscreen", isFullscreen.value);
     };
     const mousedownListener = (event) => {
-      util.handleMovable(event, props2);
-      util.handleResizable(event, props2);
+      util.handleMovable(event, props$1);
+      util.handleResizable(event, props$1);
       util.setModalTop(event.currentTarget, getZIndex());
     };
     const onOpen = () => {
-      if (props2.resetOnClose || props2.destroyOnClose) {
-        isFullscreen.value = props2.fullscreen ?? false;
+      if (props$1.resetOnClose || props$1.destroyOnClose) {
+        isFullscreen.value = props$1.fullscreen ?? false;
       }
       vue.nextTick(() => {
         const modalEl = getModalEl();
-        if (props2.resetOnClose) {
-          util.resetModalStyle(modalEl, props2.width, props2.top);
+        if (props$1.resetOnClose) {
+          util.resetModalStyle(modalEl, props$1.width, props$1.top);
         }
-        if (props2.position) {
+        if (props$1.position) {
           util.setInitPosition(
             modalEl,
-            props2.resizable,
-            props2.position,
-            props2.moveOut,
-            props2.resetOnClose
+            props$1.resizable,
+            props$1.position,
+            props$1.moveOut,
+            props$1.resetOnClose
           );
         }
         util.setModalTop(modalEl, getZIndex());
@@ -158,20 +166,20 @@ const _sfc_main = vue.defineComponent({
       emit("closeAutoFocus");
     };
     vue.watch(
-      () => props2.fullscreen,
+      () => props$1.fullscreen,
       (fullscreen) => {
         isFullscreen.value = fullscreen ?? false;
       }
     );
     vue.watch(
-      () => props2.position,
+      () => props$1.position,
       (position) => {
-        if (position && props2.modelValue) {
+        if (position && props$1.modelValue) {
           util.setInitPosition(
             getModalEl(),
-            props2.resizable,
+            props$1.resizable,
             position,
-            props2.moveOut,
+            props$1.moveOut,
             true
           );
         }
@@ -184,10 +192,11 @@ const _sfc_main = vue.defineComponent({
       isActivated.value = false;
     });
     return {
-      modalRef,
+      dialogRef,
       container,
       isFullscreen,
-      dialogClass,
+      destroyed,
+      dialogProps,
       updateModelValue,
       toggleFullscreen,
       onOpen,
@@ -215,32 +224,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Close = vue.resolveComponent("Close");
   const _component_ElDialog = vue.resolveComponent("ElDialog");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: _ctx.container,
-    disabled: !_ctx.multiple
+    to: _ctx.multiple ? _ctx.container : "body",
+    disabled: !_ctx.appendToBody
   }, [
-    vue.createVNode(_component_ElDialog, vue.mergeProps(_ctx.$attrs, {
-      ref: "modalRef",
-      modelValue: _ctx.modelValue,
-      title: _ctx.title,
-      width: _ctx.width,
-      fullscreen: false,
-      top: _ctx.top,
-      modal: _ctx.multiple ? false : _ctx.modal,
-      appendToBody: _ctx.multiple ? false : _ctx.appendToBody,
-      lockScroll: _ctx.lockScroll,
-      openDelay: _ctx.openDelay,
-      closeDelay: _ctx.closeDelay,
-      closeOnClickModal: _ctx.closeOnClickModal,
-      closeOnPressEscape: _ctx.closeOnPressEscape,
-      showClose: false,
-      beforeClose: _ctx.beforeClose,
-      draggable: false,
-      center: _ctx.center,
-      alignCenter: false,
-      destroyOnClose: _ctx.destroyOnClose,
-      modalClass: _ctx.dialogClass,
-      zIndex: _ctx.zIndex,
-      trapFocus: _ctx.trapFocus,
+    vue.createVNode(_component_ElDialog, vue.mergeProps(_ctx.dialogProps, {
+      ref: "dialogRef",
       "onUpdate:modelValue": _ctx.updateModelValue,
       onOpen: _ctx.onOpen,
       onOpened: _ctx.onOpened,
@@ -256,7 +244,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createElementVNode("div", {
             id: titleId,
-            class: vue.normalizeClass(titleClass)
+            class: vue.normalizeClass(titleClass),
+            style: vue.normalizeStyle(_ctx.titleStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "header", {
               close,
@@ -265,7 +254,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ])
-          ], 10, _hoisted_1),
+          ], 14, _hoisted_1),
           _ctx.maxable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "ele-modal-tool",
@@ -318,7 +307,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["modelValue", "title", "width", "top", "modal", "appendToBody", "lockScroll", "openDelay", "closeDelay", "closeOnClickModal", "closeOnPressEscape", "beforeClose", "center", "destroyOnClose", "modalClass", "zIndex", "trapFocus", "onUpdate:modelValue", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus"])
+    ]), 1040, ["onUpdate:modelValue", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus"])
   ], 8, ["to", "disabled"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,4 +1,5 @@
 import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+import { dialogProps } from 'element-plus';
 import type { Resizable, MoveOut, Position } from './types';
 /**
  * 属性
@@ -31,6 +32,7 @@ export declare const modalProps: {
         default: number;
     };
     headerStyle: PropType<CSSProperties>;
+    titleStyle: PropType<CSSProperties>;
     bodyStyle: PropType<CSSProperties>;
     footerStyle: PropType<CSSProperties>;
     responsive: {
@@ -52,6 +54,9 @@ export declare const modalProps: {
     openDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     closeDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
+        /**
+         * 弹窗组件属性名
+         */
         readonly type: PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
@@ -99,3 +104,8 @@ export declare const modalEmits: {
     openAutoFocus: () => boolean;
     closeAutoFocus: () => boolean;
 };
+export type DialogPropKeys = Array<keyof typeof dialogProps>;
+/**
+ * 弹窗组件属性名
+ */
+export declare const dialogPropKeys: DialogPropKeys;

package/lib/ele-modal/props.js

@@ -40,6 +40,8 @@ const modalProps = {
   },
   // 标题栏样式
   headerStyle: Object,
+  // 标题样式
+  titleStyle: Object,
   // 主体样式
   bodyStyle: Object,
   // 底栏样式
@@ -57,5 +59,7 @@ const modalEmits = {
   // 更新全屏状态
   "update:fullscreen": (_fullscreen) => true
 };
+const dialogPropKeys = Object.keys(elementPlus.dialogProps);
+exports.dialogPropKeys = dialogPropKeys;
 exports.modalEmits = modalEmits;
 exports.modalProps = modalProps;

package/lib/ele-modal/style/index.scss

@@ -148,7 +148,7 @@
 }
 
 /* 支持打开多个 */
-.ele-modal-container {
+#ele-modal-container {
   position: absolute;
   top: 0;
   left: 0;

package/lib/ele-modal/util.d.ts

@@ -1,7 +1,7 @@
 import type { Resizable, Position, MoveOut } from './types';
-import { ModalProps } from './props';
+import type { ModalProps } from './props';
 export declare const wrapperClass = "ele-modal";
-export declare const containerClass = "ele-modal-container";
+export declare const containerId = "ele-modal-container";
 export declare const movableClass = "ele-modal-movable";
 export declare const resizableClass = "ele-modal-resizable";
 export declare const multipleClass = "ele-modal-multiple";
@@ -20,7 +20,7 @@ export declare const topLayoutClass = "ele-state-top-layout";
 export declare const expandedClass = "ele-state-expanded";
 export declare const mobileClass = "ele-state-mobile";
 /**
- * 获取自定义弹窗容器
+ * 创建并获取弹窗容器
  */
 export declare function getModalContainer(): Element;
 /**

package/lib/ele-modal/util.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const titleClass = "el-dialog__title";
 const headerClass = "el-dialog__header";
 const wrapperClass = "ele-modal";
-const containerClass = "ele-modal-container";
+const containerId = "ele-modal-container";
 const movableClass = "ele-modal-movable";
 const resizableClass = "ele-modal-resizable";
 const multipleClass = "ele-modal-multiple";
@@ -32,12 +32,12 @@ function initModalStyle(modalEl, resizable) {
   modalEl.style.verticalAlign = "top";
 }
 function getModalContainer() {
-  const container = document.querySelector("." + containerClass);
+  const container = document.getElementById(containerId);
   if (container) {
     return container;
   }
   const elem = document.createElement("div");
-  elem.classList.add(containerClass);
+  elem.id = containerId;
   document.body.appendChild(elem);
   return elem;
 }
@@ -253,9 +253,10 @@ function setModalPosition(modalEl, resizable, position, moveOut) {
     return;
   }
   initModalStyle(modalEl, resizable);
-  const canOut = !moveOut || Array.isArray(moveOut) && !moveOut.length;
-  const maxTop = wrapEl.clientHeight - modalEl.clientHeight - (canOut ? 0 : 2);
-  const maxLeft = wrapEl.clientWidth - modalEl.clientWidth - (canOut ? 0 : 1);
+  const canOutB = canMoveOut(moveOut, "bottom");
+  const canOutR = canMoveOut(moveOut, "right");
+  const maxTop = wrapEl.clientHeight - modalEl.clientHeight - (canOutB ? 0 : 2);
+  const maxLeft = wrapEl.clientWidth - modalEl.clientWidth - (canOutR ? 0 : 1);
   if (position === "top") {
     modalEl.style.top = "0px";
     modalEl.style.left = `${maxLeft / 2}px`;
@@ -306,7 +307,7 @@ function setInitPosition(modalEl, resizable, position, moveOut, force) {
 exports.closedClass = closedClass;
 exports.collapseClass = collapseClass;
 exports.compactClass = compactClass;
-exports.containerClass = containerClass;
+exports.containerId = containerId;
 exports.expandedClass = expandedClass;
 exports.fullscreenClass = fullscreenClass;
 exports.getCurrentStyle = getCurrentStyle;

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

@@ -1,11 +1,17 @@
 declare const _sfc_main: import("vue").DefineComponent<{
     plain: BooleanConstructor;
-    multiCard: BooleanConstructor;
+    multiCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     flexTable: BooleanConstructor;
     hideFooter: BooleanConstructor;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     plain: BooleanConstructor;
-    multiCard: BooleanConstructor;
+    multiCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     flexTable: BooleanConstructor;
     hideFooter: BooleanConstructor;
 }>>, {

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

@@ -4,7 +4,10 @@ import type { ExtractPropTypes } from 'vue';
  */
 export declare const pageProps: {
     plain: BooleanConstructor;
-    multiCard: BooleanConstructor;
+    multiCard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     flexTable: BooleanConstructor;
     hideFooter: BooleanConstructor;
 };

package/lib/ele-page/props.js

@@ -4,7 +4,10 @@ const pageProps = {
   // 是否是单纯的容器
   plain: Boolean,
   // 内容是否为多个卡片
-  multiCard: Boolean,
+  multiCard: {
+    type: Boolean,
+    default: true
+  },
   // 内部表格是否弹性布局
   flexTable: Boolean,
   // 是否关闭页脚

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

@@ -3,13 +3,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
-    total: NumberConstructor;
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    currentPage: NumberConstructor;
-    defaultCurrentPage: NumberConstructor;
+    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    currentPage: NumberConstructor;
+    defaultCurrentPage: NumberConstructor;
     layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     pageSizes: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -32,13 +32,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
-    total: NumberConstructor;
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    currentPage: NumberConstructor;
-    defaultCurrentPage: NumberConstructor;
+    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    currentPage: NumberConstructor;
+    defaultCurrentPage: NumberConstructor;
     layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     pageSizes: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -8,13 +8,13 @@ export declare const paginationProps: {
         type: PropType<PaginationType>;
         default: string;
     };
-    total: NumberConstructor;
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    currentPage: NumberConstructor;
-    defaultCurrentPage: NumberConstructor;
+    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    currentPage: NumberConstructor;
+    defaultCurrentPage: NumberConstructor;
     layout: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     pageSizes: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -0,0 +1,37 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: BooleanConstructor;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties>;
+    title: StringConstructor;
+    margin: (StringConstructor | NumberConstructor)[];
+    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;
+}, {
+    container: import("vue").ShallowRef<Element>;
+    visible: import("vue").Ref<boolean>;
+    print: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean) => boolean;
+    done: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties>;
+    bodyStyle: import("vue").PropType<import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties>;
+    title: StringConstructor;
+    margin: (StringConstructor | NumberConstructor)[];
+    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;
+}>> & {
+    onDone?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}, {
+    modelValue: boolean;
+    static: boolean;
+}, {}>;
+export default _sfc_main;

package/lib/ele-printer/index.js

@@ -0,0 +1,118 @@
+"use strict";
+const vue = require("vue");
+const receiver = require("../ele-config-provider/receiver");
+const util = require("./util");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "ElePrinter",
+  props: props.printerProps,
+  emits: props.printerEmits,
+  setup(props2, { emit }) {
+    const { authenticated } = receiver.useLicense();
+    const { printId } = util.usePrinter(() => {
+      updateModelValue(false);
+      onDone();
+    });
+    const container = vue.shallowRef(util.getPrintContainer());
+    const visible = vue.ref(false);
+    const print = () => {
+      if (!authenticated.value) {
+        updateModelValue(false);
+        return;
+      }
+      visible.value = true;
+      vue.nextTick(() => {
+        const option = {
+          printId,
+          title: props2.title,
+          margin: props2.margin,
+          direction: props2.direction,
+          orientation: props2.orientation
+        };
+        if (props2.target === "_iframe") {
+          util.doPrintOnFrame(option);
+          visible.value = false;
+        } else {
+          util.doPrint(option);
+          visible.value = false;
+          updateModelValue(false);
+          onDone();
+        }
+      });
+    };
+    const onDone = () => {
+      emit("done");
+    };
+    const updateModelValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    vue.watch(
+      () => props2.modelValue,
+      (value) => {
+        if (value) {
+          print();
+        }
+      },
+      { immediate: true }
+    );
+    return { container, visible, 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) {
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.container,
+    disabled: _ctx.static && !_ctx.visible
+  }, [
+    vue.createElementVNode("table", {
+      class: vue.normalizeClass(["ele-printer", { "is-open": _ctx.visible }, { "is-static": _ctx.static }])
+    }, [
+      _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.createElementVNode("div", {
+              class: "ele-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: "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/props.d.ts

@@ -0,0 +1,25 @@
+import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import type { PrintDirection, PrintOrientation, PrintTarget } from './types';
+/**
+ * 属性
+ */
+export declare const printerProps: {
+    modelValue: BooleanConstructor;
+    headerStyle: PropType<CSSProperties>;
+    bodyStyle: PropType<CSSProperties>;
+    footerStyle: PropType<CSSProperties>;
+    title: StringConstructor;
+    margin: (StringConstructor | NumberConstructor)[];
+    direction: PropType<PrintDirection | null>;
+    orientation: PropType<PrintOrientation | null>;
+    target: PropType<PrintTarget | null>;
+    static: BooleanConstructor;
+};
+export type PrinterProps = ExtractPropTypes<typeof printerProps>;
+/**
+ * 事件
+ */
+export declare const printerEmits: {
+    'update:modelValue': (_value: boolean) => boolean;
+    done: () => boolean;
+};