vxe-pc-ui 4.6.2 → 4.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/date-panel/src/date-panel.js +16 -3
- package/es/date-picker/src/date-picker.js +7 -4
- package/es/date-range-picker/src/date-range-picker.js +7 -6
- package/es/form/src/form.js +10 -5
- package/es/icon/style.css +1 -1
- package/es/print/src/print.js +2 -2
- package/es/print/src/util.js +72 -40
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/lib/date-panel/src/date-panel.js +15 -3
- package/lib/date-panel/src/date-panel.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +8 -4
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +7 -6
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/form/src/form.js +14 -5
- package/lib/form/src/form.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +100 -59
- package/lib/index.umd.min.js +1 -1
- package/lib/print/src/print.js +1 -1
- package/lib/print/src/print.min.js +1 -1
- package/lib/print/src/util.js +54 -38
- package/lib/print/src/util.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/package.json +1 -1
- package/packages/date-panel/src/date-panel.ts +14 -3
- package/packages/date-picker/src/date-picker.ts +8 -5
- package/packages/date-range-picker/src/date-range-picker.ts +7 -6
- package/packages/form/src/form.ts +10 -5
- package/packages/print/src/print.ts +2 -2
- package/packages/print/src/util.ts +73 -39
- package/packages/ui/src/dom.ts +1 -1
- package/types/components/date-panel.d.ts +3 -1
- package/types/components/date-picker.d.ts +2 -0
- package/types/components/date-range-picker.d.ts +2 -0
- package/types/components/print.d.ts +21 -0
- /package/es/icon/{iconfont.1746880516307.ttf → iconfont.1747024965925.ttf} +0 -0
- /package/es/icon/{iconfont.1746880516307.woff → iconfont.1747024965925.woff} +0 -0
- /package/es/icon/{iconfont.1746880516307.woff2 → iconfont.1747024965925.woff2} +0 -0
- /package/es/{iconfont.1746880516307.ttf → iconfont.1747024965925.ttf} +0 -0
- /package/es/{iconfont.1746880516307.woff → iconfont.1747024965925.woff} +0 -0
- /package/es/{iconfont.1746880516307.woff2 → iconfont.1747024965925.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1746880516307.ttf → iconfont.1747024965925.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1746880516307.woff → iconfont.1747024965925.woff} +0 -0
- /package/lib/icon/style/{iconfont.1746880516307.woff2 → iconfont.1747024965925.woff2} +0 -0
- /package/lib/{iconfont.1746880516307.ttf → iconfont.1747024965925.ttf} +0 -0
- /package/lib/{iconfont.1746880516307.woff → iconfont.1747024965925.woff} +0 -0
- /package/lib/{iconfont.1746880516307.woff2 → iconfont.1747024965925.woff2} +0 -0
package/lib/print/src/print.js
CHANGED
|
@@ -86,7 +86,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
86
86
|
const elem = refElem.value;
|
|
87
87
|
return (0, _util.printHtml)(Object.assign({}, props, {
|
|
88
88
|
_pageBreaks: !!reactData.staticPageBreaks.length,
|
|
89
|
-
html: (elem ? elem.outerHTML : '') || props.html || props.content || ''
|
|
89
|
+
html: (0, _util.trimHtml)(elem ? elem.outerHTML : '') || props.html || props.content || ''
|
|
90
90
|
}));
|
|
91
91
|
}
|
|
92
92
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrint",props:{align:{type:String,default:()=>(0,_ui.getConfig)().print.align},title:String,headerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.headerAlign},footerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.footerAlign},showPageNumber:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showPageNumber},customLayout:Boolean,pageBreaks:Array,content:String,html:String,headerHtml:String,footerHtml:String,leftHtml:String,rightHtml:String,showAllPageTitle:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showAllPageTitle},pageStyle:{type:Object,default:()=>(0,_ui.getConfig)().print.pageStyle},customStyle:{type:String,default:()=>(0,_ui.getConfig)().print.customStyle},beforeMethod:Function},emits:[],setup(_,e){const{slots:h,emit:a}=e;var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),n=(0,_vue.reactive)({staticPageBreaks:[]}),r={refElem:i},l={},s={xID:t,props:_,context:e,reactData:n,getRefMaps:()=>r,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,r)=>{a(e,(0,_ui.createEvent)(r,{$print:s},t))},print(){var e=i.value;return(0,_util.printHtml)(Object.assign({},_,{_pageBreaks:!!n.staticPageBreaks.length,html:(e?e.outerHTML:"")||_.html||_.content||""}))}},{});return s.renderVN=()=>{var e=_["customLayout"],t=n["staticPageBreaks"],r=h.default;return(0,_vue.h)("div",{ref:i,class:["vxe-print"]},e?r?(0,_vn.getSlotVNs)(r({})):[]:[(0,_vue.h)("div",{key:"slot",class:"vxe-print-slots"},r?(0,_vn.getSlotVNs)(r({})):[])].concat((t.length?()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=n["staticPageBreaks"];const c=e.length;return e.map((e,t)=>{var e=e.slots||{},r=t+1,a=e.default,i=e.header||h.header,n=e.footer||h.footer,l=e.left||h.left,e=e.right||h.right,s={currentPage:r,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},i?(0,_vn.getSlotVNs)(i(s)):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},l?(0,_vn.getSlotVNs)(l(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},a?(0,_vn.getSlotVNs)(a(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},e?(0,_vn.getSlotVNs)(e(s)):[])]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},n?(0,_vn.getSlotVNs)(n(s)):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=_.pageBreaks||[];const c=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||_.headerHtml,i=e.footerHtml||_.footerHtml,n=e.leftHtml||_.leftHtml,e=e.rightHtml||_.rightHtml,l=t+1,s={currentPage:l,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},a?""+(_xeUtils.default.isFunction(a)?a(s):a||""):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},""+(_xeUtils.default.isFunction(n)?n(s):n||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},""+(_xeUtils.default.isFunction(r)?r(s):r||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},""+(_xeUtils.default.isFunction(e)?e(s):e||""))]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},i?""+(_xeUtils.default.isFunction(i)?i(s):i||""):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},l+"/"+c):(0,_vue.createCommentVNode)()])])})})()))},(0,_vue.provide)("$xePrint",s),s},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_util=require("./util"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrint",props:{align:{type:String,default:()=>(0,_ui.getConfig)().print.align},title:String,headerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.headerAlign},footerAlign:{type:String,default:()=>(0,_ui.getConfig)().print.footerAlign},showPageNumber:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showPageNumber},customLayout:Boolean,pageBreaks:Array,content:String,html:String,headerHtml:String,footerHtml:String,leftHtml:String,rightHtml:String,showAllPageTitle:{type:Boolean,default:()=>(0,_ui.getConfig)().print.showAllPageTitle},pageStyle:{type:Object,default:()=>(0,_ui.getConfig)().print.pageStyle},customStyle:{type:String,default:()=>(0,_ui.getConfig)().print.customStyle},beforeMethod:Function},emits:[],setup(_,e){const{slots:h,emit:a}=e;var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),n=(0,_vue.reactive)({staticPageBreaks:[]}),r={refElem:i},l={},s={xID:t,props:_,context:e,reactData:n,getRefMaps:()=>r,getComputeMaps:()=>l};Object.assign(s,{dispatchEvent:(e,t,r)=>{a(e,(0,_ui.createEvent)(r,{$print:s},t))},print(){var e=i.value;return(0,_util.printHtml)(Object.assign({},_,{_pageBreaks:!!n.staticPageBreaks.length,html:(0,_util.trimHtml)(e?e.outerHTML:"")||_.html||_.content||""}))}},{});return s.renderVN=()=>{var e=_["customLayout"],t=n["staticPageBreaks"],r=h.default;return(0,_vue.h)("div",{ref:i,class:["vxe-print"]},e?r?(0,_vn.getSlotVNs)(r({})):[]:[(0,_vue.h)("div",{key:"slot",class:"vxe-print-slots"},r?(0,_vn.getSlotVNs)(r({})):[])].concat((t.length?()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=n["staticPageBreaks"];const c=e.length;return e.map((e,t)=>{var e=e.slots||{},r=t+1,a=e.default,i=e.header||h.header,n=e.footer||h.footer,l=e.left||h.left,e=e.right||h.right,s={currentPage:r,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},i?(0,_vn.getSlotVNs)(i(s)):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},l?(0,_vn.getSlotVNs)(l(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},a?(0,_vn.getSlotVNs)(a(s)):[]),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},e?(0,_vn.getSlotVNs)(e(s)):[])]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},n?(0,_vn.getSlotVNs)(n(s)):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:u,showPageNumber:o,showAllPageTitle:g,align:v,headerAlign:p,footerAlign:d}=_;var e=_.pageBreaks||[];const c=e.length;return e.map((e,t)=>{var r=e.bodyHtml,a=e.headerHtml||_.headerHtml,i=e.footerHtml||_.footerHtml,n=e.leftHtml||_.leftHtml,e=e.rightHtml||_.rightHtml,l=t+1,s={currentPage:l,pageCount:c};return(0,_vue.h)("div",{class:["vxe-print-page-break",v?"align--"+v:""]},[(0,_vue.h)("div",{class:["vxe-print-page-break--header",p?"align--"+p:""]},a?""+(_xeUtils.default.isFunction(a)?a(s):a||""):[!u||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(u||""))]),(0,_vue.h)("div",{class:"vxe-print-page-break--body"},[(0,_vue.h)("div",{class:"vxe-print-page-break--left"},""+(_xeUtils.default.isFunction(n)?n(s):n||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--content"},""+(_xeUtils.default.isFunction(r)?r(s):r||"")),(0,_vue.h)("div",{class:"vxe-print-page-break--right"},""+(_xeUtils.default.isFunction(e)?e(s):e||""))]),(0,_vue.h)("div",{class:["vxe-print-page-break--footer",d?"align--"+d:""]},i?""+(_xeUtils.default.isFunction(i)?i(s):i||""):[o?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},l+"/"+c):(0,_vue.createCommentVNode)()])])})})()))},(0,_vue.provide)("$xePrint",s),s},render(){return this.renderVN()}});
|
package/lib/print/src/util.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.assemblePageBreak = assemblePageBreak;
|
|
|
7
7
|
exports.createPrintFrame = createPrintFrame;
|
|
8
8
|
exports.destroyPageBreak = destroyPageBreak;
|
|
9
9
|
exports.printHtml = void 0;
|
|
10
|
+
exports.trimHtml = trimHtml;
|
|
10
11
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
11
12
|
var _dom = require("../../ui/src/dom");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -14,7 +15,10 @@ const browseObj = _xeUtils.default.browse();
|
|
|
14
15
|
// 打印
|
|
15
16
|
let printFrame;
|
|
16
17
|
// 默认导出或打印的 HTML 样式
|
|
17
|
-
const defaultHtmlStyle = 'body{
|
|
18
|
+
const defaultHtmlStyle = 'body{padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';
|
|
19
|
+
function trimHtml(html) {
|
|
20
|
+
return `${html}`.replace(/(<!---->)/, '');
|
|
21
|
+
}
|
|
18
22
|
function createPrintFrame() {
|
|
19
23
|
const frame = document.createElement('iframe');
|
|
20
24
|
frame.className = 'vxe-table--print-frame';
|
|
@@ -45,44 +49,51 @@ function getExportBlobByString(str, type) {
|
|
|
45
49
|
});
|
|
46
50
|
}
|
|
47
51
|
const defaultPrintMargin = 50;
|
|
48
|
-
|
|
52
|
+
const defaultFontColor = '#000000';
|
|
53
|
+
function parsePageStyle(val) {
|
|
54
|
+
const styOpts = Object.assign({}, val);
|
|
55
|
+
const headStyOpts = Object.assign({}, styOpts.header);
|
|
56
|
+
const titStyOpts = Object.assign({}, styOpts.title);
|
|
57
|
+
const footStyOpts = Object.assign({}, styOpts.footer);
|
|
58
|
+
const pnStyOpts = Object.assign({}, styOpts.pageNumber);
|
|
49
59
|
let mVal = defaultPrintMargin;
|
|
50
|
-
let
|
|
51
|
-
let
|
|
52
|
-
let
|
|
53
|
-
let
|
|
54
|
-
if (_xeUtils.default.
|
|
55
|
-
mVal =
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
} else if (_xeUtils.default.isPlainObject(val)) {
|
|
61
|
-
if (val.margin) {
|
|
62
|
-
mVal = val.margin;
|
|
63
|
-
top = mVal;
|
|
64
|
-
bottom = mVal;
|
|
65
|
-
left = mVal;
|
|
66
|
-
right = mVal;
|
|
67
|
-
}
|
|
68
|
-
if (val.marginTop) {
|
|
69
|
-
top = val.marginTop;
|
|
70
|
-
}
|
|
71
|
-
if (val.marginBottom) {
|
|
72
|
-
bottom = val.marginBottom;
|
|
73
|
-
}
|
|
74
|
-
if (val.marginLeft) {
|
|
75
|
-
left = val.marginLeft;
|
|
76
|
-
}
|
|
77
|
-
if (val.marginRight) {
|
|
78
|
-
right = val.marginRight;
|
|
79
|
-
}
|
|
60
|
+
let marginTop = mVal;
|
|
61
|
+
let marginBottom = mVal;
|
|
62
|
+
let marginLeft = mVal;
|
|
63
|
+
let marginRight = mVal;
|
|
64
|
+
if (_xeUtils.default.isNumber(styOpts.margin) || _xeUtils.default.isString(styOpts.margin)) {
|
|
65
|
+
mVal = styOpts.margin;
|
|
66
|
+
marginTop = mVal;
|
|
67
|
+
marginBottom = mVal;
|
|
68
|
+
marginLeft = mVal;
|
|
69
|
+
marginRight = mVal;
|
|
80
70
|
}
|
|
81
71
|
return {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
72
|
+
marginTop: (0, _dom.toCssUnit)(styOpts.marginTop || marginTop),
|
|
73
|
+
marginBottom: (0, _dom.toCssUnit)(styOpts.marginBottom || marginBottom),
|
|
74
|
+
marginLeft: (0, _dom.toCssUnit)(styOpts.marginLeft || marginLeft),
|
|
75
|
+
marginRight: (0, _dom.toCssUnit)(styOpts.marginRight || marginRight),
|
|
76
|
+
fontSize: (0, _dom.toCssUnit)(styOpts.fontSize),
|
|
77
|
+
color: styOpts.color,
|
|
78
|
+
textAlign: styOpts.textAlign,
|
|
79
|
+
header: {
|
|
80
|
+
height: (0, _dom.toCssUnit)(headStyOpts.height),
|
|
81
|
+
textAlign: headStyOpts.textAlign
|
|
82
|
+
},
|
|
83
|
+
title: {
|
|
84
|
+
color: titStyOpts.color,
|
|
85
|
+
fontSize: (0, _dom.toCssUnit)(titStyOpts.fontSize),
|
|
86
|
+
textAlign: titStyOpts.textAlign
|
|
87
|
+
},
|
|
88
|
+
footer: {
|
|
89
|
+
height: (0, _dom.toCssUnit)(footStyOpts.height),
|
|
90
|
+
textAlign: footStyOpts.textAlign
|
|
91
|
+
},
|
|
92
|
+
pageNumber: {
|
|
93
|
+
color: pnStyOpts.color,
|
|
94
|
+
fontSize: (0, _dom.toCssUnit)(pnStyOpts.fontSize),
|
|
95
|
+
textAlign: pnStyOpts.textAlign
|
|
96
|
+
}
|
|
86
97
|
};
|
|
87
98
|
}
|
|
88
99
|
function createHtmlPage(opts, printHtml) {
|
|
@@ -90,8 +101,13 @@ function createHtmlPage(opts, printHtml) {
|
|
|
90
101
|
pageStyle,
|
|
91
102
|
customStyle
|
|
92
103
|
} = opts;
|
|
93
|
-
const
|
|
94
|
-
|
|
104
|
+
const pageStyObj = parsePageStyle(pageStyle);
|
|
105
|
+
const headStyOpts = pageStyObj.header;
|
|
106
|
+
const titStyOpts = pageStyObj.title;
|
|
107
|
+
const footStyOpts = pageStyObj.header;
|
|
108
|
+
const pnStyOpts = pageStyObj.pageNumber;
|
|
109
|
+
const isPbMode = opts._pageBreaks || opts.pageBreaks && opts.pageBreaks.length;
|
|
110
|
+
return ['<!DOCTYPE html><html>', '<head>', '<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">', `<title>${opts.title || ''}</title>`, '<style media="print">@page{size:auto;margin: 0mm;}</style>', `<style>body{font-size:${pageStyObj.fontSize || '14px'};color:${pageStyObj.color || defaultFontColor};text-align:${pageStyObj.textAlign || 'left'};}</style>`, '<style>', '.vxe-print-slots{display:none;}', '.vxe-print-page-break.align--center{text-align:center;}', '.vxe-print-page-break.align--left{text-align:left;}', '.vxe-print-page-break.align--right{text-align:right;}', '.vxe-print-page-break{break-before:always;page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}', '.vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;}', '.vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}', `.vxe-print-page-break--left{width:${pageStyObj.marginLeft};}`, `.vxe-print-page-break--right{width:${pageStyObj.marginRight};}`, '.vxe-print-page-break--header,.vxe-print-page-break--footer{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;}', `.vxe-print-page-break--header{height:${headStyOpts.height || pageStyObj.marginTop};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${headStyOpts.textAlign || 'left'};}`, `.vxe-print-page-break--header-title{font-size:${titStyOpts.fontSize || '1.6em'};color:${titStyOpts.color || defaultFontColor};text-align:${opts.headerAlign || pnStyOpts.textAlign || 'center'};}`, `.vxe-print-page-break--footer{height:${footStyOpts.height || pageStyObj.marginBottom};padding:0 ${pageStyObj.marginLeft} 0 ${pageStyObj.marginRight};text-align:${footStyOpts.textAlign || 'left'};}`, '.vxe-print-page-break--content{flex-grow:1;overflow:hidden;}', `.vxe-print-page-break--footer-page-number{font-size:${pnStyOpts.fontSize || '1.2em'};color:${pnStyOpts.color || defaultFontColor};text-align:${opts.footerAlign || pnStyOpts.textAlign || 'center'};}`, '</style>', '<style>.vxe-table{white-space:pre;}</style>', `<style>${defaultHtmlStyle}</style>`, isPbMode ? '<style>body{margin:0;}</style>' : `<style>body{margin:${pageStyObj.marginTop} ${pageStyObj.marginRight} ${pageStyObj.marginBottom} ${pageStyObj.marginLeft};}</style>`, customStyle ? `<style>${customStyle}</style>` : '', '</head>', '<body>', `${printHtml}`, '</body>', '</html>'].join('');
|
|
95
111
|
}
|
|
96
112
|
function handlePrint(opts, printHtml = '') {
|
|
97
113
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browseObj=_xeUtils.default.browse();let printFrame;const defaultHtmlStyle='body{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assemblePageBreak=assemblePageBreak,exports.createPrintFrame=createPrintFrame,exports.destroyPageBreak=destroyPageBreak,exports.printHtml=void 0,exports.trimHtml=trimHtml;var _xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const browseObj=_xeUtils.default.browse();let printFrame;const defaultHtmlStyle='body{padding:0;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu}body *{-webkit-box-sizing:border-box;box-sizing:border-box}.vxe-table{border-collapse:collapse;text-align:left;border-spacing:0}.vxe-table:not(.is--print){table-layout:fixed}.vxe-table,.vxe-table th,.vxe-table td,.vxe-table td{border-color:#D0D0D0;border-style:solid;border-width:0}.vxe-table.is--print{width:100%}.border--default,.border--full,.border--outer{border-top-width:1px}.border--default,.border--full,.border--outer{border-left-width:1px}.border--outer,.border--default th,.border--default td,.border--full th,.border--full td,.border--outer th,.border--inner th,.border--inner td{border-bottom-width:1px}.border--default,.border--outer,.border--full th,.border--full td{border-right-width:1px}.border--default th,.border--full th,.border--outer th{background-color:#f8f8f9}.vxe-table td>div,.vxe-table th>div{padding:.5em .4em}.col--center{text-align:center}.col--right{text-align:right}.vxe-table:not(.is--print) .col--ellipsis>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.vxe-table--tree-node{text-align:left}.vxe-table--tree-node-wrapper{position:relative}.vxe-table--tree-icon-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-table--tree-unfold-icon,.vxe-table--tree-fold-icon{position:absolute;width:0;height:0;border-style:solid;border-width:.5em;border-right-color:transparent;border-bottom-color:transparent}.vxe-table--tree-unfold-icon{left:.3em;top:0;border-left-color:#939599;border-top-color:transparent}.vxe-table--tree-fold-icon{left:0;top:.3em;border-left-color:transparent;border-top-color:#939599}.vxe-table--tree-cell{display:block;padding-left:1.5em}.vxe-table input[type="checkbox"]{margin:0}.vxe-table input[type="checkbox"],.vxe-table input[type="radio"],.vxe-table input[type="checkbox"]+span,.vxe-table input[type="radio"]+span{vertical-align:middle;padding-left:0.4em}';function trimHtml(e){return(""+e).replace(/(<!---->)/,"")}function createPrintFrame(){var e=document.createElement("iframe");return e.className="vxe-table--print-frame",e}function appendPrintFrame(){printFrame.parentNode||document.body.appendChild(printFrame)}function afterPrintEvent(){requestAnimationFrame(removeFrame)}function removeFrame(){if(printFrame){if(printFrame.parentNode){try{printFrame.contentDocument.write("")}catch(e){}printFrame.parentNode.removeChild(printFrame)}printFrame=null}}function getExportBlobByString(e,t){return new Blob([e],{type:`text/${t};charset=utf-8;`})}const defaultPrintMargin=50,defaultFontColor="#000000";function parsePageStyle(e){var t,e=Object.assign({},e),r=Object.assign({},e.header),i=Object.assign({},e.title),a=Object.assign({},e.footer),n=Object.assign({},e.pageNumber);defaultPrintMargin;let o=defaultPrintMargin,l=defaultPrintMargin,d=defaultPrintMargin,s=defaultPrintMargin;return(_xeUtils.default.isNumber(e.margin)||_xeUtils.default.isString(e.margin))&&(t=e.margin,o=t,l=t,d=t,s=t),{marginTop:(0,_dom.toCssUnit)(e.marginTop||o),marginBottom:(0,_dom.toCssUnit)(e.marginBottom||l),marginLeft:(0,_dom.toCssUnit)(e.marginLeft||d),marginRight:(0,_dom.toCssUnit)(e.marginRight||s),fontSize:(0,_dom.toCssUnit)(e.fontSize),color:e.color,textAlign:e.textAlign,header:{height:(0,_dom.toCssUnit)(r.height),textAlign:r.textAlign},title:{color:i.color,fontSize:(0,_dom.toCssUnit)(i.fontSize),textAlign:i.textAlign},footer:{height:(0,_dom.toCssUnit)(a.height),textAlign:a.textAlign},pageNumber:{color:n.color,fontSize:(0,_dom.toCssUnit)(n.fontSize),textAlign:n.textAlign}}}function createHtmlPage(e,t){var{pageStyle:r,customStyle:i}=e,r=parsePageStyle(r),a=r.header,n=r.title,o=r.header,l=r.pageNumber,d=e._pageBreaks||e.pageBreaks&&e.pageBreaks.length;return["<!DOCTYPE html><html>","<head>",'<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">',`<title>${e.title||""}</title>`,'<style media="print">@page{size:auto;margin: 0mm;}</style>',`<style>body{font-size:${r.fontSize||"14px"};color:${r.color||defaultFontColor};text-align:${r.textAlign||"left"};}</style>`,"<style>",".vxe-print-slots{display:none;}",".vxe-print-page-break.align--center{text-align:center;}",".vxe-print-page-break.align--left{text-align:left;}",".vxe-print-page-break.align--right{text-align:right;}",".vxe-print-page-break{break-before:always;page-break-before:always;display:flex;flex-direction:column;height:100vh;overflow:hidden;}",".vxe-print-page-break--body{display:flex;flex-direction:row;flex-grow:1;overflow:hidden;}",".vxe-print-page-break--left,.vxe-print-page-break--right{flex-shrink:0;height:100%;}",`.vxe-print-page-break--left{width:${r.marginLeft};}`,`.vxe-print-page-break--right{width:${r.marginRight};}`,".vxe-print-page-break--header,.vxe-print-page-break--footer{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;width:100%;}",`.vxe-print-page-break--header{height:${a.height||r.marginTop};padding:0 ${r.marginLeft} 0 ${r.marginRight};text-align:${a.textAlign||"left"};}`,`.vxe-print-page-break--header-title{font-size:${n.fontSize||"1.6em"};color:${n.color||defaultFontColor};text-align:${e.headerAlign||l.textAlign||"center"};}`,`.vxe-print-page-break--footer{height:${o.height||r.marginBottom};padding:0 ${r.marginLeft} 0 ${r.marginRight};text-align:${o.textAlign||"left"};}`,".vxe-print-page-break--content{flex-grow:1;overflow:hidden;}",`.vxe-print-page-break--footer-page-number{font-size:${l.fontSize||"1.2em"};color:${l.color||defaultFontColor};text-align:${e.footerAlign||l.textAlign||"center"};}`,"</style>","<style>.vxe-table{white-space:pre;}</style>",`<style>${defaultHtmlStyle}</style>`,d?"<style>body{margin:0;}</style>":`<style>body{margin:${r.marginTop} ${r.marginRight} ${r.marginBottom} ${r.marginLeft};}</style>`,i?`<style>${i}</style>`:"","</head>","<body>",""+t,"</body>","</html>"].join("")}function handlePrint(e,r=""){var t=e["beforeMethod"];const i=getExportBlobByString(r=createHtmlPage(e,r=t?t({content:r,html:r,options:e})||"":r),"html");return new Promise(t=>{browseObj.msie?(removeFrame(),printFrame=createPrintFrame(),appendPrintFrame(),printFrame.contentDocument.write(r),printFrame.contentDocument.execCommand("print"),setTimeout(()=>{t({status:!0})},300)):(printFrame||((printFrame=createPrintFrame()).onload=e=>{e.target.src&&(e.target.contentWindow.onafterprint=afterPrintEvent,e.target.contentWindow.print()),t({status:!0})},printFrame.onerror=()=>{t({status:!1})}),appendPrintFrame(),printFrame.src=URL.createObjectURL(i))})}function createPageBreak(d){const{title:s,showPageNumber:g,align:p,headerAlign:m,footerAlign:c,showAllPageTitle:b}=d;var e=d.pageBreaks||[];const f=e.length;return e.map((e,t)=>{var r=e.bodyHtml,i=e.headerHtml||d.headerHtml,a=e.footerHtml||d.footerHtml,n=e.leftHtml||d.leftHtml,e=e.rightHtml||d.rightHtml,o=t+1,l={currentPage:o,pageCount:f};return[`<div class="${["vxe-print-page-break",p?"align--"+p:""].join(" ")}">`,`<div class="${["vxe-print-page-break--header",m?"align--"+m:""].join(" ")}">`,i?""+(_xeUtils.default.isFunction(i)?i(l):i||""):!s||!b&&t?"":`<div class="vxe-print-page-break--header-title">${s||""}</div>`,"</div>",'<div class="vxe-print-page-break--body">',`<div class="vxe-print-page-break--left">${_xeUtils.default.isFunction(n)?n(l):n||""}</div>`,`<div class="vxe-print-page-break--content">${_xeUtils.default.isFunction(r)?r(l):r||""}</div>`,`<div class="vxe-print-page-break--right">${_xeUtils.default.isFunction(e)?e(l):e||""}</div>`,"</div>",`<div class="${["vxe-print-page-break--footer",c?"align--"+c:""].join(" ")}">`,a?""+(_xeUtils.default.isFunction(a)?a(l):a||""):g?`<div class="vxe-print-page-break--footer-page-number">${o}/${f}</div>`:"","</div>","</div>"].join("")}).join("")}const printHtml=e=>{e=Object.assign({_pageBreaks:!1,customLayout:!0},e);return e.sheetName&&(e.title=e.title||e.sheetName),e.style&&(e.customStyle=e.customStyle||e.style),e.beforePrintMethod&&(e.beforeMethod=e.beforeMethod||e.beforePrintMethod),e.pageBreaks&&e.pageBreaks.length?handlePrint(e,createPageBreak(e)):handlePrint(e,e.html||e.content)};function assemblePageBreak(e,t,r){var i=e.reactData.staticPageBreaks,a=t.parentNode;a&&i&&(i.splice(_xeUtils.default.arrayIndexOf(a.children,t),0,r),e.reactData.staticPageBreaks=i.slice(0))}function destroyPageBreak(e,t){e.reactData.staticPageBreaks=e.reactData.staticPageBreaks.filter(e=>e.id!==t.id)}exports.printHtml=printHtml;
|