vxe-pc-ui 4.6.7 → 4.6.9

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.
Files changed (158) hide show
  1. package/es/alert/src/alert.js +5 -5
  2. package/es/anchor/src/anchor-link.js +3 -2
  3. package/es/anchor/src/anchor.js +3 -3
  4. package/es/breadcrumb/src/breadcrumb-item.js +3 -2
  5. package/es/button/src/button-group.js +3 -3
  6. package/es/button/src/button.js +5 -4
  7. package/es/card/src/card.js +7 -7
  8. package/es/carousel/src/carousel.js +3 -3
  9. package/es/countdown/src/countdown.js +4 -4
  10. package/es/form/src/form-group.js +5 -3
  11. package/es/form/src/form-item.js +6 -4
  12. package/es/form-design/src/default-setting-form.js +1 -1
  13. package/es/form-design/src/form-view.js +6 -6
  14. package/es/icon/style.css +1 -1
  15. package/es/icon-picker/src/icon-picker.js +4 -4
  16. package/es/image/src/group.js +3 -1
  17. package/es/image/src/image.js +3 -1
  18. package/es/image/src/preview.js +33 -19
  19. package/es/image/src/util.js +1 -0
  20. package/es/list-design/src/list-view.js +3 -3
  21. package/es/loading/src/loading.js +3 -3
  22. package/es/menu/src/menu.js +9 -9
  23. package/es/modal/src/modal.js +14 -14
  24. package/es/password-input/src/password-input.js +7 -7
  25. package/es/print/src/print.js +6 -6
  26. package/es/pulldown/src/pulldown.js +4 -4
  27. package/es/style.css +1 -1
  28. package/es/style.min.css +1 -1
  29. package/es/switch/src/switch.js +4 -4
  30. package/es/tabs/src/tabs.js +9 -9
  31. package/es/tag/src/tag.js +3 -3
  32. package/es/tip/src/tip.js +5 -5
  33. package/es/tree/src/tree.js +7 -7
  34. package/es/ui/index.js +1 -1
  35. package/es/ui/src/log.js +1 -1
  36. package/es/upload/src/upload.js +26 -26
  37. package/lib/alert/src/alert.js +3 -3
  38. package/lib/alert/src/alert.min.js +1 -1
  39. package/lib/anchor/src/anchor-link.js +2 -1
  40. package/lib/anchor/src/anchor-link.min.js +1 -1
  41. package/lib/anchor/src/anchor.js +3 -3
  42. package/lib/anchor/src/anchor.min.js +1 -1
  43. package/lib/breadcrumb/src/breadcrumb-item.js +2 -1
  44. package/lib/breadcrumb/src/breadcrumb-item.min.js +1 -1
  45. package/lib/button/src/button-group.js +6 -6
  46. package/lib/button/src/button-group.min.js +1 -1
  47. package/lib/button/src/button.js +2 -2
  48. package/lib/button/src/button.min.js +1 -1
  49. package/lib/card/src/card.js +4 -4
  50. package/lib/card/src/card.min.js +1 -1
  51. package/lib/carousel/src/carousel.js +1 -1
  52. package/lib/carousel/src/carousel.min.js +1 -1
  53. package/lib/countdown/src/countdown.js +2 -2
  54. package/lib/countdown/src/countdown.min.js +1 -1
  55. package/lib/form/src/form-group.js +3 -1
  56. package/lib/form/src/form-group.min.js +1 -1
  57. package/lib/form/src/form-item.js +4 -2
  58. package/lib/form/src/form-item.min.js +1 -1
  59. package/lib/form-design/src/default-setting-form.js +12 -12
  60. package/lib/form-design/src/default-setting-form.min.js +1 -1
  61. package/lib/form-design/src/form-view.js +4 -4
  62. package/lib/form-design/src/form-view.min.js +1 -1
  63. package/lib/icon/style/style.css +1 -1
  64. package/lib/icon/style/style.min.css +1 -1
  65. package/lib/icon-picker/src/icon-picker.js +2 -2
  66. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  67. package/lib/image/src/group.js +3 -0
  68. package/lib/image/src/group.min.js +1 -1
  69. package/lib/image/src/image.js +3 -0
  70. package/lib/image/src/image.min.js +1 -1
  71. package/lib/image/src/preview.js +20 -8
  72. package/lib/image/src/preview.min.js +1 -1
  73. package/lib/image/src/util.js +1 -0
  74. package/lib/image/src/util.min.js +1 -1
  75. package/lib/index.umd.js +129 -104
  76. package/lib/index.umd.min.js +1 -1
  77. package/lib/list-design/src/list-view.js +1 -1
  78. package/lib/list-design/src/list-view.min.js +1 -1
  79. package/lib/loading/src/loading.js +1 -1
  80. package/lib/loading/src/loading.min.js +1 -1
  81. package/lib/menu/src/menu.js +6 -6
  82. package/lib/menu/src/menu.min.js +1 -1
  83. package/lib/modal/src/modal.js +10 -10
  84. package/lib/modal/src/modal.min.js +1 -1
  85. package/lib/password-input/src/password-input.js +4 -4
  86. package/lib/password-input/src/password-input.min.js +1 -1
  87. package/lib/print/src/print.js +4 -4
  88. package/lib/print/src/print.min.js +1 -1
  89. package/lib/pulldown/src/pulldown.js +2 -2
  90. package/lib/pulldown/src/pulldown.min.js +1 -1
  91. package/lib/style.css +1 -1
  92. package/lib/style.min.css +1 -1
  93. package/lib/switch/src/switch.js +2 -2
  94. package/lib/switch/src/switch.min.js +1 -1
  95. package/lib/tabs/src/tabs.js +8 -8
  96. package/lib/tabs/src/tabs.min.js +1 -1
  97. package/lib/tag/src/tag.js +1 -1
  98. package/lib/tag/src/tag.min.js +1 -1
  99. package/lib/tip/src/tip.js +3 -3
  100. package/lib/tip/src/tip.min.js +1 -1
  101. package/lib/tree/src/tree.js +5 -5
  102. package/lib/tree/src/tree.min.js +1 -1
  103. package/lib/ui/index.js +1 -1
  104. package/lib/ui/index.min.js +1 -1
  105. package/lib/ui/src/log.js +1 -1
  106. package/lib/ui/src/log.min.js +1 -1
  107. package/lib/upload/src/upload.js +22 -22
  108. package/lib/upload/src/upload.min.js +1 -1
  109. package/package.json +1 -1
  110. package/packages/alert/src/alert.ts +5 -5
  111. package/packages/anchor/src/anchor-link.ts +3 -2
  112. package/packages/anchor/src/anchor.ts +3 -3
  113. package/packages/breadcrumb/src/breadcrumb-item.ts +3 -2
  114. package/packages/button/src/button-group.ts +3 -3
  115. package/packages/button/src/button.ts +5 -4
  116. package/packages/card/src/card.ts +7 -7
  117. package/packages/carousel/src/carousel.ts +3 -3
  118. package/packages/countdown/src/countdown.ts +4 -4
  119. package/packages/form/src/form-group.ts +7 -3
  120. package/packages/form/src/form-item.ts +7 -4
  121. package/packages/form-design/src/default-setting-form.ts +1 -1
  122. package/packages/form-design/src/form-view.ts +6 -6
  123. package/packages/icon-picker/src/icon-picker.ts +4 -4
  124. package/packages/image/src/group.ts +3 -1
  125. package/packages/image/src/image.ts +3 -1
  126. package/packages/image/src/preview.ts +37 -22
  127. package/packages/image/src/util.ts +1 -0
  128. package/packages/list-design/src/list-view.ts +3 -3
  129. package/packages/loading/src/loading.ts +3 -3
  130. package/packages/menu/src/menu.ts +9 -9
  131. package/packages/modal/src/modal.ts +14 -14
  132. package/packages/password-input/src/password-input.ts +7 -7
  133. package/packages/print/src/print.ts +6 -6
  134. package/packages/pulldown/src/pulldown.ts +5 -5
  135. package/packages/switch/src/switch.ts +4 -4
  136. package/packages/tabs/src/tabs.ts +9 -9
  137. package/packages/tag/src/tag.ts +3 -3
  138. package/packages/tip/src/tip.ts +5 -5
  139. package/packages/tree/src/tree.ts +7 -7
  140. package/packages/upload/src/upload.ts +26 -26
  141. package/types/components/button.d.ts +2 -1
  142. package/types/components/image-group.d.ts +3 -0
  143. package/types/components/image-preview.d.ts +32 -0
  144. package/types/components/image.d.ts +2 -0
  145. package/types/components/table-module/filter.d.ts +2 -7
  146. package/types/components/table.d.ts +10 -5
  147. /package/es/icon/{iconfont.1747176327959.ttf → iconfont.1747279440023.ttf} +0 -0
  148. /package/es/icon/{iconfont.1747176327959.woff → iconfont.1747279440023.woff} +0 -0
  149. /package/es/icon/{iconfont.1747176327959.woff2 → iconfont.1747279440023.woff2} +0 -0
  150. /package/es/{iconfont.1747176327959.ttf → iconfont.1747279440023.ttf} +0 -0
  151. /package/es/{iconfont.1747176327959.woff → iconfont.1747279440023.woff} +0 -0
  152. /package/es/{iconfont.1747176327959.woff2 → iconfont.1747279440023.woff2} +0 -0
  153. /package/lib/icon/style/{iconfont.1747176327959.ttf → iconfont.1747279440023.ttf} +0 -0
  154. /package/lib/icon/style/{iconfont.1747176327959.woff → iconfont.1747279440023.woff} +0 -0
  155. /package/lib/icon/style/{iconfont.1747176327959.woff2 → iconfont.1747279440023.woff2} +0 -0
  156. /package/lib/{iconfont.1747176327959.ttf → iconfont.1747279440023.ttf} +0 -0
  157. /package/lib/{iconfont.1747176327959.woff → iconfont.1747279440023.woff} +0 -0
  158. /package/lib/{iconfont.1747176327959.woff2 → iconfont.1747279440023.woff2} +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeImagePreview",props:{modelValue:Number,urlList:Array,urlField:{type:String,default:()=>(0,_ui.getConfig)().imagePreview.urlField},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.maskClosable},marginSize:{type:String,default:()=>(0,_ui.getConfig)().imagePreview.marginSize},showPrintButton:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.showPrintButton},showDownloadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.showDownloadButton},beforeDownloadMethod:Function,downloadMethod:Function},emits:["update:modelValue","change","download","download-fail","close"],setup(r,e){const a=e["emit"];var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),o={refElem:i},c=(0,_vue.reactive)({activeIndex:r.modelValue||0,offsetPct11:!1,offsetScale:0,offsetRotate:0,offsetLeft:0,offsetTop:0}),s=(0,_vue.computed)(()=>r.urlField||"url"),_=(0,_vue.computed)(()=>_xeUtils.default.toNumber(r.marginSize||0)||16),u=(0,_vue.computed)(()=>{var e=c["offsetRotate"];return e?e+"°":"0°"}),n=(0,_vue.computed)(()=>{var e=c["offsetScale"];return e?_xeUtils.default.ceil(100*(1+e))+"%":"100%"}),l=(0,_vue.computed)(()=>{var e=r["urlList"];const t=s.value;return e&&e.length?e.map(e=>_xeUtils.default.isString(e)?e:e[t]||""):[]}),v=(0,_vue.computed)(()=>{var{offsetScale:e,offsetRotate:o,offsetLeft:a,offsetTop:i}=c,s=[];let u=1;if(e&&(u=1+e,s.push(`scale(${u})`)),o&&s.push(`rotate(${o}deg)`),a||i){let e=a/=u,t=i/=u;if(o)switch(o%360){case 90:case-270:e=i,t=-a;break;case 180:case-180:e=-a,t=-i;break;case 270:case-90:e=-i,t=a}s.push(`translate(${e}px, ${t}px)`)}return s.length?s.join(" "):""}),d={computeImgList:l},f={xID:t,props:r,context:e,reactData:c,getRefMaps:()=>o,getComputeMaps:()=>d},m=(e,t,o)=>{a(e,(0,_ui.createEvent)(o,{$imagePreview:f},t))};t={dispatchEvent:m};const p=e=>{c.activeIndex=e,a("update:modelValue",e)},g=e=>{m("close",{},e)};const h=()=>{var e=i.value;(0,_dom.removeClass)(e,"is--move"),Object.assign(c,{offsetPct11:!1,offsetScale:0,offsetRotate:0,offsetLeft:0,offsetTop:0})},E=()=>{var e=c["offsetScale"];let t=.02;return t=-.6<=e&&(t=.04,-.4<=e)&&(t=.07,0<=e)&&(t=.1,3<=e)&&(t=.25,8<=e)&&(t=.4,16<=e)&&(t=.6,24<=e)&&(t=.9,32<=e)&&(t=1.3,39<=e)&&(t=1.9,45<=e)?2.5:t},w=e=>{var t=c["offsetScale"],o=E();c.offsetScale=e?Number(Math.min(49,t+o).toFixed(2)):Number(Math.max(-.9,t-o).toFixed(2))},x=e=>{let t=c.activeIndex||0;var o=l.value;e?t>=o.length-1?t=0:t++:t<=0?t=o.length-1:t--,h(),c.activeIndex=t,p(t)},I=e=>{let t=c.offsetRotate;e?t+=90:t-=90,c.offsetRotate=t},b=()=>{var e=c["activeIndex"],e=l.value[e||0];_ui.VxeUI.print&&_ui.VxeUI.print({align:"center",pageBreaks:[{bodyHtml:`<img src="${e}" style="max-width:100%;max-height:100%;">`}]})},P=(e,t)=>{m("download",{url:t},e)},R=a=>{const i=c["activeIndex"];const s=l.value[i||0];var e=r.beforeDownloadMethod||(0,_ui.getConfig)().imagePreview.beforeDownloadMethod;const u=r.downloadMethod||(0,_ui.getConfig)().imagePreview.downloadMethod;Promise.resolve(!e||e({$imagePreview:f,url:s,index:i||0})).then(e=>{var t,o;e&&(u?Promise.resolve(u({$imagePreview:f,url:s,index:i||0})).then(()=>{P(a,s)}).catch(e=>e):(t=a,o=s,_ui.VxeUI.saveFile&&fetch(o).then(e=>e.blob().then(e=>{_ui.VxeUI.saveFile({filename:o,content:e}),P(t,o)})).catch(()=>{_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.error.downErr"),status:"error"})})))})},V=(e,t)=>{var o=c["activeIndex"];if(l.value[o||0])switch(t){case"zoomOut":w(!1);break;case"zoomIn":w(!0);break;case"pctFull":h();break;case"pct11":h(),c.offsetPct11=!0;break;case"rotateLeft":I(!1);break;case"rotateRight":I(!0);break;case"print":b();break;case"download":R(e)}},L=e=>{e=e.deltaY;0<e?w(!1):e<0&&w(!0)},C=e=>{const{offsetTop:s,offsetLeft:u}=c,r=i.value,t=(e.preventDefault(),document.onmousemove),o=document.onmouseup,n=e.pageX,l=e.pageY,v=_.value;document.onmousemove=e=>{var{pageX:t,pageY:o}=e,{visibleHeight:a,visibleWidth:i}=(0,_dom.getDomNode)();e.preventDefault(),(0,_dom.addClass)(r,"is--move"),t>v&&o>v&&t<i-v&&o<a-v&&(c.offsetLeft=u+t-n,c.offsetTop=s+o-l)},document.onmouseup=()=>{document.onmousemove=t,document.onmouseup=o,(0,_dom.removeClass)(r,"is--move")}},M=e=>{var t=(0,_dom.hasControlKey)(e),o=e.shiftKey,a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.R),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.P);a?(e.preventDefault(),o?--c.offsetTop:w(!0)):i?(e.preventDefault(),o?c.offsetTop+=1:w(!1)):s?(e.preventDefault(),o?--c.offsetLeft:x(!1)):u?(e.preventDefault(),o?c.offsetLeft+=1:x(!0)):r&&t?(e.preventDefault(),o?I(!1):I(!0)):n&&t&&(e.preventDefault(),b())},O=e=>{r.maskClosable&&e.target===e.currentTarget&&m("close",{},e)},T=(Object.assign(f,t,{}),(t,e)=>(0,_vue.h)("div",{class:"vxe-image-preview--operation-btn",title:(0,_ui.getI18n)("vxe.imagePreview.operBtn."+t),onClick(e){V(e,t)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)()[e]})]));e=()=>{var e=c["offsetPct11"];return(0,_vue.h)("div",{ref:i,class:["vxe-image-preview",{"is--pct11":e}],onWheel:L},[(()=>{const o=c["activeIndex"];var e=l.value;const a=v.value;return(0,_vue.h)("div",{class:"vxe-image-preview--img-list",onClick:O},e.map((e,t)=>{t=o===t;return(0,_vue.h)("img",{class:["vxe-image-preview--img-item",{"is--active":t}],src:e,style:t?{transform:a}:null,onMousedown(e){C(e)}})}))})(),(()=>{var{showPrintButton:e,showDownloadButton:t}=r,o=c["activeIndex"],a=l.value,i=u.value,s=n.value;return(0,_vue.h)("div",{class:"vxe-image-preview--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--close-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--close-btn",onClick:g},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_CLOSE})]),(0,_vue.h)("div",{class:"vxe-image-preview--close-bg"})]),1<a.length?(0,_vue.h)("div",{class:"vxe-image-preview--previous-btn",onClick(){x(!1)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_PREVIOUS})]):(0,_vue.createCommentVNode)(),1<a.length?(0,_vue.h)("div",{class:"vxe-image-preview--next-btn",onClick(){x(!0)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_NEXT})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-image-preview--operation-info"},[(0,_vue.h)("div",{class:"vxe-image-preview--operation-deg"},i),(0,_vue.h)("div",{class:"vxe-image-preview--operation-pct"},s)]),(0,_vue.h)("div",{class:"vxe-image-preview--operation-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--operation-active-count"},[(0,_vue.h)("span",{class:"vxe-image-preview--operation-active-current"},""+((o||0)+1)),(0,_vue.h)("span",{class:"vxe-image-preview--operation-active-total"},"/"+a.length)]),T("zoomOut","IMAGE_PREVIEW_ZOOM_OUT"),T("zoomIn","IMAGE_PREVIEW_ZOOM_IN"),T("pctFull","IMAGE_PREVIEW_PCT_FULL"),T("pct11","IMAGE_PREVIEW_PCT_1_1"),T("rotateLeft","IMAGE_PREVIEW_ROTATE_LEFT"),T("rotateRight","IMAGE_PREVIEW_ROTATE_RIGHT"),e?T("print","IMAGE_PREVIEW_PRINT"):(0,_vue.createCommentVNode)(),t?T("download","IMAGE_PREVIEW_DOWNLOAD"):(0,_vue.createCommentVNode)()])])})()])};return(0,_vue.watch)(()=>r.modelValue,e=>{c.activeIndex=e,h()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(f,"keydown",M)}),(0,_vue.onBeforeUnmount)(()=>{var e=i.value;e&&(0,_dom.removeClass)(e,"is--move")}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(f,"keydown")}),(0,_vue.provide)("$xeImagePreview",f),f.renderVN=e}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeImagePreview",props:{modelValue:Number,urlList:Array,urlField:{type:String,default:()=>(0,_ui.getConfig)().imagePreview.urlField},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.maskClosable},marginSize:{type:String,default:()=>(0,_ui.getConfig)().imagePreview.marginSize},showPrintButton:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.showPrintButton},showDownloadButton:{type:Boolean,default:()=>(0,_ui.getConfig)().imagePreview.showDownloadButton},toolbarConfig:Object,beforeDownloadMethod:Function,downloadMethod:Function},emits:["update:modelValue","change","download","download-fail","close"],setup(s,e){const a=e["emit"];var t=_xeUtils.default.uniqueId();const i=(0,_vue.ref)(),o={refElem:i},_=(0,_vue.reactive)({activeIndex:s.modelValue||0,offsetPct11:!1,offsetScale:0,offsetRotate:0,offsetLeft:0,offsetTop:0}),n=(0,_vue.computed)(()=>s.urlField||"url"),c=(0,_vue.computed)(()=>_xeUtils.default.toNumber(s.marginSize||0)||16),u=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().imagePreview.toolbarConfig,s.toolbarConfig)),l=(0,_vue.computed)(()=>{var e=_["offsetRotate"];return e?e+"°":"0°"}),v=(0,_vue.computed)(()=>{var e=_["offsetScale"];return e?_xeUtils.default.ceil(100*(1+e))+"%":"100%"}),d=(0,_vue.computed)(()=>{var e=s["urlList"];const t=n.value;return e&&e.length?e.map(e=>_xeUtils.default.isString(e)?e:e[t]||""):[]}),r=(0,_vue.computed)(()=>{var{offsetScale:e,offsetRotate:o,offsetLeft:a,offsetTop:i}=_,n=[];let r=1;if(e&&(r=1+e,n.push(`scale(${r})`)),o&&n.push(`rotate(${o}deg)`),a||i){let e=a/=r,t=i/=r;if(o)switch(o%360){case 90:case-270:e=i,t=-a;break;case 180:case-180:e=-a,t=-i;break;case 270:case-90:e=-i,t=a}n.push(`translate(${e}px, ${t}px)`)}return n.length?n.join(" "):""}),f={computeImgList:d},m={xID:t,props:s,context:e,reactData:_,getRefMaps:()=>o,getComputeMaps:()=>f},p=(e,t,o)=>{a(e,(0,_ui.createEvent)(o,{$imagePreview:m},t))};t={dispatchEvent:p};const g=e=>{_.activeIndex=e,a("update:modelValue",e)},E=e=>{p("close",{},e)};const h=()=>{var e=i.value;(0,_dom.removeClass)(e,"is--move"),Object.assign(_,{offsetPct11:!1,offsetScale:0,offsetRotate:0,offsetLeft:0,offsetTop:0})},w=()=>{var e=_["offsetScale"];let t=.02;return t=-.6<=e&&(t=.04,-.4<=e)&&(t=.07,0<=e)&&(t=.1,3<=e)&&(t=.25,8<=e)&&(t=.4,16<=e)&&(t=.6,24<=e)&&(t=.9,32<=e)&&(t=1.3,39<=e)&&(t=1.9,45<=e)?2.5:t},x=e=>{var t=_["offsetScale"],o=w();_.offsetScale=e?Number(Math.min(49,t+o).toFixed(2)):Number(Math.max(-.9,t-o).toFixed(2))},I=e=>{let t=_.activeIndex||0;var o=d.value;e?t>=o.length-1?t=0:t++:t<=0?t=o.length-1:t--,h(),_.activeIndex=t,g(t)},b=e=>{let t=_.offsetRotate;e?t+=90:t-=90,_.offsetRotate=t},P=()=>{var e=_["activeIndex"],e=d.value[e||0];_ui.VxeUI.print&&_ui.VxeUI.print({align:"center",pageBreaks:[{bodyHtml:`<img src="${e}" style="max-width:100%;max-height:100%;">`}]})},R=(e,t)=>{p("download",{url:t},e)},O=a=>{const i=_["activeIndex"];var e=u.value.download,e=!_xeUtils.default.isBoolean(e)&&e?Object.assign({},e):{};const n=d.value[i||0];var t=s.beforeDownloadMethod||e.beforeDownloadMethod||(0,_ui.getConfig)().imagePreview.beforeDownloadMethod;const r=s.downloadMethod||e.downloadMethod||(0,_ui.getConfig)().imagePreview.downloadMethod;Promise.resolve(!t||t({$imagePreview:m,url:n,index:i||0})).then(e=>{var t,o;e&&(r?Promise.resolve(r({$imagePreview:m,url:n,index:i||0})).then(()=>{R(a,n)}).catch(e=>e):(t=a,o=n,_ui.VxeUI.saveFile&&fetch(o).then(e=>e.blob().then(e=>{_ui.VxeUI.saveFile({filename:o,content:e}),R(t,o)})).catch(()=>{_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.error.downErr"),status:"error"})})))})},V=(e,t)=>{var o=_["activeIndex"];if(d.value[o||0])switch(t){case"zoomOut":x(!1);break;case"zoomIn":x(!0);break;case"pctFull":h();break;case"pct11":h(),_.offsetPct11=!0;break;case"rotateLeft":b(!1);break;case"rotateRight":b(!0);break;case"print":P();break;case"download":O(e)}},L=e=>{e=e.deltaY;0<e?x(!1):e<0&&x(!0)},C=e=>{const{offsetTop:n,offsetLeft:r}=_,s=i.value,t=(e.preventDefault(),document.onmousemove),o=document.onmouseup,u=e.pageX,l=e.pageY,v=c.value;document.onmousemove=e=>{var{pageX:t,pageY:o}=e,{visibleHeight:a,visibleWidth:i}=(0,_dom.getDomNode)();e.preventDefault(),(0,_dom.addClass)(s,"is--move"),t>v&&o>v&&t<i-v&&o<a-v&&(_.offsetLeft=r+t-u,_.offsetTop=n+o-l)},document.onmouseup=()=>{document.onmousemove=t,document.onmouseup=o,(0,_dom.removeClass)(s,"is--move")}},M=e=>{var t=(0,_dom.hasControlKey)(e),o=e.shiftKey,a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),s=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.R),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.P);a?(e.preventDefault(),o?--_.offsetTop:x(!0)):i?(e.preventDefault(),o?_.offsetTop+=1:x(!1)):n?(e.preventDefault(),o?--_.offsetLeft:I(!1)):r?(e.preventDefault(),o?_.offsetLeft+=1:I(!0)):s&&t?(e.preventDefault(),o?b(!1):b(!0)):u&&t&&(e.preventDefault(),P())},T=e=>{s.maskClosable&&e.target===e.currentTarget&&p("close",{},e)},y=(Object.assign(m,t,{}),(t,e)=>{var o=u.value[t],a=!_xeUtils.default.isBoolean(o)&&o?Object.assign({},o):{};return!1!==o?(0,_vue.h)("div",{class:"vxe-image-preview--operation-btn",title:(0,_ui.getI18n)("vxe.imagePreview.operBtn."+t),onClick(e){V(e,t)}},[(0,_vue.h)("i",{class:a.icon||(0,_ui.getIcon)()[e]})]):(0,_ui.renderEmptyElement)(m)});e=()=>{var e=_["offsetPct11"];return(0,_vue.h)("div",{ref:i,class:["vxe-image-preview",{"is--pct11":e}],onWheel:L},[(()=>{const o=_["activeIndex"];var e=d.value;const a=r.value;return(0,_vue.h)("div",{class:"vxe-image-preview--img-list",onClick:T},e.map((e,t)=>{t=o===t;return(0,_vue.h)("img",{class:["vxe-image-preview--img-item",{"is--active":t}],src:e,style:t?{transform:a}:null,onMousedown(e){C(e)}})}))})(),(()=>{var{showPrintButton:e,showDownloadButton:t}=s,o=_["activeIndex"],a=d.value,i=l.value,n=v.value,r=u.value;return(0,_vue.h)("div",{class:"vxe-image-preview--btn-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--close-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--close-btn",onClick:E},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_CLOSE})]),(0,_vue.h)("div",{class:"vxe-image-preview--close-bg"})]),1<a.length?(0,_vue.h)("div",{class:"vxe-image-preview--previous-btn",onClick(){I(!1)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_PREVIOUS})]):(0,_ui.renderEmptyElement)(m),1<a.length?(0,_vue.h)("div",{class:"vxe-image-preview--next-btn",onClick(){I(!0)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().IMAGE_PREVIEW_NEXT})]):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-image-preview--operation-info"},[(0,_vue.h)("div",{class:"vxe-image-preview--operation-deg"},i),(0,_vue.h)("div",{class:"vxe-image-preview--operation-pct"},n)]),(0,_vue.h)("div",{class:"vxe-image-preview--operation-wrapper"},[(0,_vue.h)("div",{class:"vxe-image-preview--operation-active-count"},[(0,_vue.h)("span",{class:"vxe-image-preview--operation-active-current"},""+((o||0)+1)),(0,_vue.h)("span",{class:"vxe-image-preview--operation-active-total"},"/"+a.length)]),y("zoomOut","IMAGE_PREVIEW_ZOOM_OUT"),y("zoomIn","IMAGE_PREVIEW_ZOOM_IN"),y("pctFull","IMAGE_PREVIEW_PCT_FULL"),y("pct11","IMAGE_PREVIEW_PCT_1_1"),y("rotateLeft","IMAGE_PREVIEW_ROTATE_LEFT"),y("rotateRight","IMAGE_PREVIEW_ROTATE_RIGHT"),e||r.print?y("print","IMAGE_PREVIEW_PRINT"):(0,_ui.renderEmptyElement)(m),t||r.download?y("download","IMAGE_PREVIEW_DOWNLOAD"):(0,_ui.renderEmptyElement)(m)])])})()])};return(0,_vue.watch)(()=>s.modelValue,e=>{_.activeIndex=e,h()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(m,"keydown",M)}),(0,_vue.onBeforeUnmount)(()=>{var e=i.value;e&&(0,_dom.removeClass)(e,"is--move")}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(m,"keydown")}),(0,_vue.provide)("$xeImagePreview",m),m.renderVN=e}});
@@ -37,6 +37,7 @@ const openPreviewImage = options => {
37
37
  urlField: opts.urlField,
38
38
  marginSize: opts.marginSize,
39
39
  maskClosable: opts.maskClosable,
40
+ toolbarConfig: opts.toolbarConfig,
40
41
  showPrintButton: opts.showPrintButton,
41
42
  showDownloadButton: opts.showDownloadButton,
42
43
  beforeDownloadMethod: opts.beforeDownloadMethod,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.openPreviewImage=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_preview=_interopRequireDefault(require("./preview")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const openPreviewImage=e=>{if(_core.VxeUI.modal){const o=Object.assign({escClosable:!0},e),{urlList:r,activeIndex:t}=o,i=_xeUtils.default.uniqueId("image-preview");_core.VxeUI.modal.open({id:i,title:"预览",width:"100%",height:"100%",showHeader:!1,showFooter:!1,padding:!1,escClosable:o.escClosable,className:"vxe-image-preview-popup-wrapper",slots:{default(){return(0,_vue.h)(_preview.default,{modelValue:t,urlList:r,urlField:o.urlField,marginSize:o.marginSize,maskClosable:o.maskClosable,showPrintButton:o.showPrintButton,showDownloadButton:o.showDownloadButton,beforeDownloadMethod:o.beforeDownloadMethod,downloadMethod:o.downloadMethod,onClose(){_core.VxeUI.modal.close(i)}})}}})}return Promise.resolve()};exports.openPreviewImage=openPreviewImage;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.openPreviewImage=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_preview=_interopRequireDefault(require("./preview")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const openPreviewImage=e=>{if(_core.VxeUI.modal){const o=Object.assign({escClosable:!0},e),{urlList:r,activeIndex:t}=o,i=_xeUtils.default.uniqueId("image-preview");_core.VxeUI.modal.open({id:i,title:"预览",width:"100%",height:"100%",showHeader:!1,showFooter:!1,padding:!1,escClosable:o.escClosable,className:"vxe-image-preview-popup-wrapper",slots:{default(){return(0,_vue.h)(_preview.default,{modelValue:t,urlList:r,urlField:o.urlField,marginSize:o.marginSize,maskClosable:o.maskClosable,toolbarConfig:o.toolbarConfig,showPrintButton:o.showPrintButton,showDownloadButton:o.showDownloadButton,beforeDownloadMethod:o.beforeDownloadMethod,downloadMethod:o.downloadMethod,onClose(){_core.VxeUI.modal.close(i)}})}}})}return Promise.resolve()};exports.openPreviewImage=openPreviewImage;