vxe-pc-ui 4.1.20 → 4.1.21
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/README.md +82 -1
- package/es/anchor/src/anchor-link.js +1 -1
- package/es/anchor/src/anchor.js +1 -1
- package/es/breadcrumb/src/breadcrumb.js +1 -1
- package/es/button/src/button-group.js +4 -1
- package/es/calendar/src/calendar.js +64 -32
- package/es/carousel/src/carousel-item.js +13 -3
- package/es/carousel/src/carousel.js +16 -8
- package/es/checkbox/src/checkbox.js +30 -14
- package/es/checkbox/src/group.js +17 -8
- package/es/collapse-pane/index.js +1 -1
- package/es/countdown/src/countdown.js +1 -1
- package/es/date-picker/src/date-picker.js +12 -12
- package/es/drawer/src/drawer.js +1 -1
- package/es/form/render/index.js +1 -2
- package/es/form/src/form-config-item.js +4 -3
- package/es/form/src/form-gather.js +5 -3
- package/es/form/src/form-item.js +15 -10
- package/es/form/src/form.js +11 -8
- package/es/form/src/render.js +2 -1
- package/es/form/src/util.js +2 -1
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +22 -10
- package/es/image/src/group.js +4 -1
- package/es/image/src/preview.js +1 -1
- package/es/input/src/input.js +129 -65
- package/es/layout-aside/src/layout-aside.js +1 -1
- package/es/list/src/list.js +7 -5
- package/es/list-design/src/list-design.js +1 -1
- package/es/list-design/src/list-view.js +1 -1
- package/es/loading/src/loading.js +1 -1
- package/es/menu/src/menu.js +1 -1
- package/es/number-input/src/number-input.js +6 -6
- package/es/pager/src/pager.js +85 -45
- package/es/password-input/src/password-input.js +2 -2
- package/es/print/src/page-break.js +11 -2
- package/es/print/src/print.js +6 -4
- package/es/radio/src/group.js +5 -2
- package/es/row/src/row.js +1 -1
- package/es/select/src/optgroup.js +11 -8
- package/es/select/src/option.js +9 -7
- package/es/select/src/select.js +32 -29
- package/es/select/src/util.js +2 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/tabs/src/tab-pane.js +13 -3
- package/es/tabs/src/tabs.js +57 -47
- package/es/textarea/src/textarea.js +4 -4
- package/es/tooltip/src/tooltip.js +1 -1
- package/es/tree/src/tree.js +6 -3
- package/es/tree-select/src/tree-select.js +16 -9
- package/es/ui/index.js +1 -7
- package/es/ui/src/log.js +1 -1
- package/es/upload/src/upload.js +5 -5
- package/lib/anchor/src/anchor-link.js +1 -1
- package/lib/anchor/src/anchor-link.min.js +1 -1
- package/lib/anchor/src/anchor.js +1 -1
- package/lib/anchor/src/anchor.min.js +1 -1
- package/lib/breadcrumb/src/breadcrumb.js +1 -1
- package/lib/breadcrumb/src/breadcrumb.min.js +1 -1
- package/lib/button/src/button-group.js +4 -1
- package/lib/button/src/button-group.min.js +1 -1
- package/lib/calendar/src/calendar.js +42 -24
- package/lib/calendar/src/calendar.min.js +1 -1
- package/lib/carousel/src/carousel-item.js +16 -3
- package/lib/carousel/src/carousel-item.min.js +1 -1
- package/lib/carousel/src/carousel.js +18 -8
- package/lib/carousel/src/carousel.min.js +1 -1
- package/lib/checkbox/src/checkbox.js +16 -12
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/checkbox/src/group.js +10 -7
- package/lib/checkbox/src/group.min.js +1 -1
- package/lib/collapse-pane/index.js +1 -1
- package/lib/collapse-pane/index.min.js +1 -1
- package/lib/countdown/src/countdown.js +1 -1
- package/lib/countdown/src/countdown.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +12 -12
- package/lib/drawer/src/drawer.js +1 -1
- package/lib/drawer/src/drawer.min.js +1 -1
- package/lib/form/render/index.js +1 -4
- package/lib/form/render/index.min.js +1 -1
- package/lib/form/src/form-config-item.js +4 -5
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-gather.js +11 -9
- package/lib/form/src/form-gather.min.js +1 -1
- package/lib/form/src/form-item.js +11 -12
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +7 -7
- package/lib/form/src/form.min.js +1 -1
- package/lib/form/src/render.js +2 -1
- package/lib/form/src/util.js +2 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/icon-picker/src/icon-picker.js +20 -11
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/image/src/group.js +4 -1
- package/lib/image/src/group.min.js +1 -1
- package/lib/image/src/preview.js +1 -1
- package/lib/image/src/preview.min.js +1 -1
- package/lib/index.umd.js +522 -377
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +77 -50
- package/lib/input/src/input.min.js +1 -1
- package/lib/layout-aside/src/layout-aside.js +1 -1
- package/lib/layout-aside/src/layout-aside.min.js +1 -1
- package/lib/list/src/list.js +9 -5
- package/lib/list/src/list.min.js +1 -1
- package/lib/list-design/src/list-design.js +1 -1
- package/lib/list-design/src/list-design.min.js +1 -1
- package/lib/list-design/src/list-view.js +1 -1
- package/lib/list-design/src/list-view.min.js +1 -1
- package/lib/loading/src/loading.js +1 -1
- package/lib/loading/src/loading.min.js +1 -1
- package/lib/menu/src/menu.js +1 -1
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/number-input/src/number-input.js +6 -6
- package/lib/pager/src/pager.js +40 -39
- package/lib/pager/src/pager.min.js +1 -1
- package/lib/password-input/src/password-input.js +2 -2
- package/lib/print/src/page-break.js +14 -2
- package/lib/print/src/page-break.min.js +1 -1
- package/lib/print/src/print.js +8 -6
- package/lib/print/src/print.min.js +1 -1
- package/lib/radio/src/group.js +5 -2
- package/lib/radio/src/group.min.js +1 -1
- package/lib/row/src/row.js +1 -1
- package/lib/row/src/row.min.js +1 -1
- package/lib/select/src/optgroup.js +12 -9
- package/lib/select/src/optgroup.min.js +1 -1
- package/lib/select/src/option.js +9 -7
- package/lib/select/src/option.min.js +1 -1
- package/lib/select/src/select.js +33 -32
- package/lib/select/src/select.min.js +1 -1
- package/lib/select/src/util.js +2 -2
- package/lib/select/src/util.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/tabs/src/tab-pane.js +16 -3
- package/lib/tabs/src/tab-pane.min.js +1 -1
- package/lib/tabs/src/tabs.js +62 -50
- package/lib/tabs/src/tabs.min.js +1 -1
- package/lib/textarea/src/textarea.js +4 -4
- package/lib/tooltip/src/tooltip.js +1 -1
- package/lib/tooltip/src/tooltip.min.js +1 -1
- package/lib/tree/src/tree.js +2 -2
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/tree-select/src/tree-select.js +11 -7
- package/lib/tree-select/src/tree-select.min.js +1 -1
- package/lib/ui/index.js +3 -10
- 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/lib/upload/src/upload.js +5 -5
- package/lib/upload/src/upload.min.js +1 -1
- package/package.json +2 -2
- package/packages/anchor/src/anchor-link.ts +2 -2
- package/packages/anchor/src/anchor.ts +2 -2
- package/packages/breadcrumb/src/breadcrumb.ts +2 -2
- package/packages/button/src/button-group.ts +4 -1
- package/packages/calendar/src/calendar.ts +67 -35
- package/packages/carousel/src/carousel-item.ts +19 -4
- package/packages/carousel/src/carousel.ts +19 -11
- package/packages/checkbox/src/checkbox.ts +34 -15
- package/packages/checkbox/src/group.ts +22 -10
- package/packages/collapse-pane/index.ts +1 -1
- package/packages/countdown/src/countdown.ts +2 -2
- package/packages/date-picker/src/date-picker.ts +12 -12
- package/packages/drawer/src/drawer.ts +2 -2
- package/packages/form/render/index.ts +1 -3
- package/packages/form/src/form-config-item.ts +4 -3
- package/packages/form/src/form-gather.ts +5 -3
- package/packages/form/src/form-item.ts +15 -10
- package/packages/form/src/form.ts +12 -10
- package/packages/form/src/render.ts +2 -1
- package/packages/form/src/util.ts +2 -1
- package/packages/icon-picker/src/icon-picker.ts +26 -13
- package/packages/image/src/group.ts +4 -1
- package/packages/image/src/preview.ts +2 -2
- package/packages/input/src/input.ts +133 -71
- package/packages/layout-aside/src/layout-aside.ts +2 -2
- package/packages/list/src/list.ts +12 -11
- package/packages/list-design/src/list-design.ts +2 -2
- package/packages/list-design/src/list-view.ts +2 -2
- package/packages/loading/src/loading.ts +2 -2
- package/packages/menu/src/menu.ts +2 -2
- package/packages/number-input/src/number-input.ts +6 -6
- package/packages/pager/src/pager.ts +91 -50
- package/packages/password-input/src/password-input.ts +2 -2
- package/packages/print/src/page-break.ts +18 -4
- package/packages/print/src/print.ts +10 -5
- package/packages/radio/src/group.ts +6 -3
- package/packages/row/src/row.ts +2 -2
- package/packages/select/src/optgroup.ts +16 -13
- package/packages/select/src/option.ts +10 -8
- package/packages/select/src/select.ts +42 -36
- package/packages/select/src/util.ts +3 -3
- package/packages/tabs/src/tab-pane.ts +20 -5
- package/packages/tabs/src/tabs.ts +59 -49
- package/packages/textarea/src/textarea.ts +4 -4
- package/packages/tooltip/src/tooltip.ts +2 -2
- package/packages/tree/src/tree.ts +7 -4
- package/packages/tree-select/src/tree-select.ts +20 -12
- package/packages/ui/index.ts +0 -7
- package/packages/upload/src/upload.ts +6 -6
- package/types/components/calendar.d.ts +6 -0
- package/types/components/carousel.d.ts +5 -0
- package/types/components/form.d.ts +4 -2
- package/types/components/icon-picker.d.ts +4 -0
- package/types/components/input.d.ts +9 -1
- package/types/components/list.d.ts +1 -0
- package/types/components/optgroup.d.ts +10 -4
- package/types/components/tabs.d.ts +4 -0
- package/types/components/toolbar.d.ts +5 -0
- package/types/components/tree-select.d.ts +4 -0
- package/types/ui/index.d.ts +0 -22
- /package/es/{collapse-pane → collapse}/src/collapse-pane.js +0 -0
- /package/es/icon/style/{iconfont.1725680652286.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/icon/style/{iconfont.1725680652286.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/icon/style/{iconfont.1725680652286.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/es/{iconfont.1725680652286.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/{iconfont.1725680652286.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/{iconfont.1725680652286.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/lib/{collapse-pane → collapse}/src/collapse-pane.js +0 -0
- /package/lib/{collapse-pane → collapse}/src/collapse-pane.min.js +0 -0
- /package/lib/icon/style/{iconfont.1725680652286.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1725680652286.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/icon/style/{iconfont.1725680652286.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/lib/{iconfont.1725680652286.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/{iconfont.1725680652286.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/{iconfont.1725680652286.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/packages/{collapse-pane → collapse}/src/collapse-pane.ts +0 -0
package/lib/list/src/list.js
CHANGED
|
@@ -46,10 +46,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
46
46
|
topSpaceHeight: 0,
|
|
47
47
|
items: []
|
|
48
48
|
});
|
|
49
|
-
const refElem = (0, _vue.ref)();
|
|
50
|
-
const refVirtualWrapper = (0, _vue.ref)();
|
|
51
|
-
const refVirtualBody = (0, _vue.ref)();
|
|
52
49
|
const internalData = {
|
|
50
|
+
resizeObserver: undefined,
|
|
53
51
|
fullData: [],
|
|
54
52
|
lastScrollLeft: 0,
|
|
55
53
|
lastScrollTop: 0,
|
|
@@ -61,6 +59,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
61
59
|
rowHeight: 0
|
|
62
60
|
}
|
|
63
61
|
};
|
|
62
|
+
const refElem = (0, _vue.ref)();
|
|
63
|
+
const refVirtualWrapper = (0, _vue.ref)();
|
|
64
|
+
const refVirtualBody = (0, _vue.ref)();
|
|
64
65
|
const refMaps = {
|
|
65
66
|
refElem
|
|
66
67
|
};
|
|
@@ -320,19 +321,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
320
321
|
(0, _vue.onActivated)(() => {
|
|
321
322
|
recalculate().then(() => refreshScroll());
|
|
322
323
|
});
|
|
323
|
-
let resizeObserver;
|
|
324
324
|
(0, _vue.nextTick)(() => {
|
|
325
325
|
_ui.globalEvents.on($xeList, 'resize', () => {
|
|
326
326
|
recalculate();
|
|
327
327
|
});
|
|
328
328
|
if (props.autoResize) {
|
|
329
329
|
const el = refElem.value;
|
|
330
|
-
resizeObserver = _ui.globalResize.create(() => recalculate());
|
|
330
|
+
const resizeObserver = _ui.globalResize.create(() => recalculate());
|
|
331
331
|
resizeObserver.observe(el);
|
|
332
|
+
internalData.resizeObserver = resizeObserver;
|
|
332
333
|
}
|
|
333
334
|
listMethods.loadData(props.data || []);
|
|
334
335
|
});
|
|
335
336
|
(0, _vue.onUnmounted)(() => {
|
|
337
|
+
const {
|
|
338
|
+
resizeObserver
|
|
339
|
+
} = internalData;
|
|
336
340
|
if (resizeObserver) {
|
|
337
341
|
resizeObserver.disconnect();
|
|
338
342
|
}
|
package/lib/list/src/list.min.js
CHANGED
|
@@ -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"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:
|
|
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"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,rowHeight:0,topSpaceHeight:0,items:[]}),o={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:o,getRefMaps:()=>l};let i={};const s=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.scrollY,u.scrollY)),_=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,l={};return e?l.height=""+(isNaN(e)?e:e+"px"):t&&(l.height="auto",l.maxHeight=""+(isNaN(t)?t:t+"px")),l}),x=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=o;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},a=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=o;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},p=()=>{a(),x()},m=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=o["scrollYStore"],l=h.value,r=s.value;let a=0,i;(i=l?(i=r.sItem?l.querySelector(r.sItem):i)||l.children[0]:i)&&(a=i.offsetHeight),a=Math.max(20,a),t.rowHeight=a,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/a)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):_dom.browse.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex,e+l,t.endIndex),p):x)(),d.rowHeight=a}),S=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},b=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},z=()=>{const{lastScrollLeft:e,lastScrollTop:t}=o;return S().then(()=>{if(e||t)return o.lastScrollLeft=0,o.lastScrollTop=0,b(e,t)})},T=()=>{var e=v.value;return e.clientWidth&&e.clientHeight?m():Promise.resolve()},H=e=>{var t=o["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:a,offsetSize:i,rowHeight:s}=t,e=e.target.scrollTop,e=Math.floor(e/s),s=Math.max(0,e-1-i),i=e+a+i;!(e<=l||r-a-1<=e)||l===s&&r===i||(t.startIndex=s,t.endIndex=i,p())},I=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==o.lastScrollLeft,a=l!==o.lastScrollTop;o.lastScrollTop=l,o.lastScrollLeft=t,d.scrollYLoad&&H(e),i.dispatchEvent("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:a},e)},Y=(i={dispatchEvent(e,t,l){r(e,(0,_ui.createEvent)(l,{$list:f},t))},loadData(e){var t=o["scrollYStore"],l=s.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),o.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),a(),m().then(()=>{z()})},reloadData(e){return S(),i.loadData(e)},recalculate:T,scrollTo:b,refreshScroll:z,clearScroll:S},Object.assign(f,i),(0,_vue.ref)(0));(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{Y.value++}),(0,_vue.watch)(()=>u.data,()=>{Y.value++}),(0,_vue.watch)(Y,()=>{i.loadData(u.data||[])}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(T(),(0,_vue.nextTick)(()=>setTimeout(()=>T())))}),(0,_vue.onActivated)(()=>{T().then(()=>z())}),(0,_vue.nextTick)(()=>{var e,t;_ui.globalEvents.on(f,"resize",()=>{T()}),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>T())).observe(e),o.resizeObserver=t),i.loadData(u.data||[])}),(0,_vue.onUnmounted)(()=>{var e=o["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:a}=d,i=n.default,s=c.value,o=_.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+s]:s,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:o,onScroll:I},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},i?i({items:a,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});
|
|
@@ -332,7 +332,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
332
332
|
class: 'vxe-list-design--body'
|
|
333
333
|
}, [(0, _vue.h)(_layoutPreview.default), (0, _vue.h)(_layoutSetting.default)])]);
|
|
334
334
|
};
|
|
335
|
-
$xeListDesign.renderVN = renderVN;
|
|
336
335
|
(0, _vue.provide)('$xeListDesign', $xeListDesign);
|
|
337
336
|
(0, _vue.watch)(() => props.config, value => {
|
|
338
337
|
loadConfig(value || {});
|
|
@@ -341,6 +340,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
341
340
|
if (props.config) {
|
|
342
341
|
loadConfig(props.config);
|
|
343
342
|
}
|
|
343
|
+
$xeListDesign.renderVN = renderVN;
|
|
344
344
|
return $xeListDesign;
|
|
345
345
|
},
|
|
346
346
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(r)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:r,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=r;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const n=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&n.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=n}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){n(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(r)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:r,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=r;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const n=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&n.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=n}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){n(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return(0,_vue.provide)("$xeListDesign",d),(0,_vue.watch)(()=>r.config,e=>{_(e||{})}),x(),r.config&&_(r.config),d.renderVN=()=>{var e=r["height"],t=l.value,i=s.header;return(0,_vue.h)("div",{ref:a,class:["vxe-list-design",{["size--"+t]:t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-design--header"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-list-design--body"},[(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default)])])},d},render(){return this.renderVN()}});
|
|
@@ -494,7 +494,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
494
494
|
modelValue: loading
|
|
495
495
|
})]);
|
|
496
496
|
};
|
|
497
|
-
$xeListView.renderVN = renderVN;
|
|
498
497
|
(0, _vue.watch)(() => props.config, value => {
|
|
499
498
|
loadConfig(value || {});
|
|
500
499
|
});
|
|
@@ -509,6 +508,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
509
508
|
}
|
|
510
509
|
});
|
|
511
510
|
}
|
|
511
|
+
$xeListView.renderVN = renderVN;
|
|
512
512
|
return $xeListView;
|
|
513
513
|
},
|
|
514
514
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:n,footerData:r}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?r:null,formConfig:{data:o,items:n},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],n=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?n:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),C=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const r=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:n}=h(e);m.searchFormData=o,m.searchFormItems=n,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const r=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=x(s,r);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},x=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const n=[],r={},s=c.cellAction,a=c.footerCell;if(t&&n.push({type:"seq",field:"_seq",fixed:"left",width:70}),C(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(r[e.field]=null),n.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,n=t.icon,r=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,n=i.icon||"",r=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:n,status:r,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},n.push(t)}return{rowRecord:r,columns:n,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:r,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=x(i||[],e||m.formConfig),{data:t,items:n}=(t=t||[],h(t||[]));return{formData:t,formItems:n,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=x(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=x(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,n=[];var t={items:n,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),n.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:n,footerData:r}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?r:null,formConfig:{data:o,items:n},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],n=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?n:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),C=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const r=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:n}=h(e);m.searchFormData=o,m.searchFormItems=n,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const r=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=x(s,r);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},x=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const n=[],r={},s=c.cellAction,a=c.footerCell;if(t&&n.push({type:"seq",field:"_seq",fixed:"left",width:70}),C(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(r[e.field]=null),n.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,n=t.icon,r=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,n=i.icon||"",r=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:n,status:r,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},n.push(t)}return{rowRecord:r,columns:n,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:r,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=x(i||[],e||m.formConfig),{data:t,items:n}=(t=t||[],h(t||[]));return{formData:t,formItems:n,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=x(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=x(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,n=[];var t={items:n,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),n.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return(0,_vue.watch)(()=>l.config,e=>{r(e||{})}),l.config&&r(l.config),(0,_vue.provide)("$xeListView",p),"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),p.renderVN=()=>{var{height:e,loading:t}=l,i=f.value,o=c.grid,n=g.value,r=v.value;return(0,_vue.h)("div",{ref:a,class:["vxe-list-view",{["size--"+i]:i,"is--loading":t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-view--body"},[o?(0,_vue.h)("div",{class:"vxe-list-view--grid-wrapper"},(0,_vn.getSlotVNs)(o({$listView:p}))):s?(0,_vue.h)(s,Object.assign({},n,r,{ref:d}),Object.assign({},c,{default:void 0})):(0,_vue.createCommentVNode)()]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},p},render(){return this.renderVN()}});
|
|
@@ -119,11 +119,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
119
119
|
class: 'vxe-loading--text'
|
|
120
120
|
}, textSlot ? (0, _vn.getSlotVNs)(textSlot({})) : `${loadingText}`) : null])]);
|
|
121
121
|
};
|
|
122
|
-
$xeLoading.renderVN = renderVN;
|
|
123
122
|
(0, _vue.watch)(() => props.modelValue, () => {
|
|
124
123
|
handleInit();
|
|
125
124
|
});
|
|
126
125
|
handleInit();
|
|
126
|
+
$xeLoading.renderVN = renderVN;
|
|
127
127
|
return $xeLoading;
|
|
128
128
|
},
|
|
129
129
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(d,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(d)["computeSize"],g=(0,_vue.reactive)({initialized:!1}),i={computeSize:_},n={xID:t,props:d,context:e,reactData:g,getComputeMaps:()=>i},c=(0,_vue.computed)(()=>d.icon||(0,_ui.getIcon)().LOADING),p=(0,_vue.computed)(()=>{var e=d["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),o=()=>{g.initialized||(g.initialized=!!g.initialized)};Object.assign(n,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$loading:n},t))}},{});return
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(d,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(d)["computeSize"],g=(0,_vue.reactive)({initialized:!1}),i={computeSize:_},n={xID:t,props:d,context:e,reactData:g,getComputeMaps:()=>i},c=(0,_vue.computed)(()=>d.icon||(0,_ui.getIcon)().LOADING),p=(0,_vue.computed)(()=>{var e=d["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),o=()=>{g.initialized||(g.initialized=!!g.initialized)};Object.assign(n,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$loading:n},t))}},{});return(0,_vue.watch)(()=>d.modelValue,()=>{o()}),o(),n.renderVN=()=>{var{modelValue:e,showIcon:t,status:i}=d,u=g["initialized"],n=_.value,o=v.default,a=v.text,l=v.icon,s=c.value,r=p.value;return u||e?(0,_vue.h)("div",{class:["vxe-loading",{["size--"+n]:n,["theme--"+i]:i,"is--visible":e}]},o?[(0,_vue.h)("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(o({})))]:[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[t&&(l||s)?(0,_vue.h)("div",{class:"vxe-loading--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:s})]):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),a||r?(0,_vue.h)("div",{class:"vxe-loading--text"},a?(0,_vn.getSlotVNs)(a({})):""+r):null])]):(0,_vue.createCommentVNode)()},n},render(){return this.renderVN()}});
|
package/lib/menu/src/menu.js
CHANGED
|
@@ -280,7 +280,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
280
280
|
modelValue: loading
|
|
281
281
|
})]);
|
|
282
282
|
};
|
|
283
|
-
$xeMenu.renderVN = renderVN;
|
|
284
283
|
const optFlag = (0, _vue.ref)(0);
|
|
285
284
|
(0, _vue.watch)(() => props.options ? props.options.length : -1, () => {
|
|
286
285
|
optFlag.value++;
|
|
@@ -305,6 +304,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
305
304
|
});
|
|
306
305
|
updateMenuConfig();
|
|
307
306
|
updateActiveMenu(true);
|
|
307
|
+
$xeMenu.renderVN = renderVN;
|
|
308
308
|
return $xeMenu;
|
|
309
309
|
},
|
|
310
310
|
render() {
|
package/lib/menu/src/menu.min.js
CHANGED
|
@@ -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"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(l,e){const n=e["emit"];var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),s=(0,_vue.ref)(),u=(0,_vue.ref)(),r=(0,_ui.useSize)(l)["computeSize"],o=(0,_vue.reactive)({activeName:l.modelValue,menuList:[],itemHeight:1}),a={refElem:s},c=(0,_vue.computed)(()=>{var e=l["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&t.props.collapsed}),d={computeSize:r},v={xID:i,props:l,context:e,reactData:o,getRefMaps:()=>a,getComputeMaps:()=>d},m=()=>{var e=u.value,e=e?e.children:[];e.length&&(o.itemHeight=e[0].offsetHeight)},p=e=>{let i=0;return e.isExpand&&e.childList.forEach(e=>{i+=p(e)+1}),i},h=s=>{const u=o["activeName"];_xeUtils.default.eachTree(o.menuList,(e,i,t,a,l,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,s&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},_=()=>{const{options:e,expandAll:n}=l;o.menuList=_xeUtils.default.mapTree(e,(e,i,t,a,l)=>{return Object.assign(Object.assign({},e),{parentKey:l?l.name||a.slice(0,a.length-1).join(","):"",level:a.length,itemKey:e.name||a.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length,childHeight:0})},{children:"children",mapChildren:"childList"})},x=(e,i)=>{var{hasChild:t,isExpand:a}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!a,m(),_xeUtils.default.eachTree(o.menuList,e=>{e.hasChild&&e.isExpand?e.childHeight=p(e)*o.itemHeight:e.childHeight=0},{children:"childList"}))},f=(e,i)=>{var{routerLink:t,hasChild:a}=i;t?(t=i.itemKey,o.activeName=t,n("update:modelValue",t)):a&&x(e,i),g("click",{menu:i},e)},g=(e,i,t)=>{n(e,(0,_ui.createEvent)(t,{$menu:v},i))};i={dispatchEvent:g};Object.assign(v,i,{});const E=i=>{var{icon:e,isExpand:t,hasChild:a}=i,l=""+((l=i).title||l.name);return[(0,_vue.h)("span",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),(0,_vue.h)("span",{class:"vxe-menu--item-link-title",title:l},l),a?(0,_vue.h)("span",{class:"vxe-menu--item-link-collapse",onClick(e){x(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_vue.createCommentVNode)()]},C=i=>{var{itemKey:e,level:t,hasChild:a,isActive:l,isExactActive:n,isExpand:s,routerLink:u,childList:r}=i,o=c.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":l,"is--expand":!o&&s}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){f(e,i)}},{default:()=>E(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){f(e,i)}},E(i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group",style:{}},r.map(e=>C(e))):(0,_vue.createCommentVNode)()])};
|
|
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"),_index=_interopRequireDefault(require("../../loading/index"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(l,e){const n=e["emit"];var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),s=(0,_vue.ref)(),u=(0,_vue.ref)(),r=(0,_ui.useSize)(l)["computeSize"],o=(0,_vue.reactive)({activeName:l.modelValue,menuList:[],itemHeight:1}),a={refElem:s},c=(0,_vue.computed)(()=>{var e=l["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&t.props.collapsed}),d={computeSize:r},v={xID:i,props:l,context:e,reactData:o,getRefMaps:()=>a,getComputeMaps:()=>d},m=()=>{var e=u.value,e=e?e.children:[];e.length&&(o.itemHeight=e[0].offsetHeight)},p=e=>{let i=0;return e.isExpand&&e.childList.forEach(e=>{i+=p(e)+1}),i},h=s=>{const u=o["activeName"];_xeUtils.default.eachTree(o.menuList,(e,i,t,a,l,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,s&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},_=()=>{const{options:e,expandAll:n}=l;o.menuList=_xeUtils.default.mapTree(e,(e,i,t,a,l)=>{return Object.assign(Object.assign({},e),{parentKey:l?l.name||a.slice(0,a.length-1).join(","):"",level:a.length,itemKey:e.name||a.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length,childHeight:0})},{children:"children",mapChildren:"childList"})},x=(e,i)=>{var{hasChild:t,isExpand:a}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!a,m(),_xeUtils.default.eachTree(o.menuList,e=>{e.hasChild&&e.isExpand?e.childHeight=p(e)*o.itemHeight:e.childHeight=0},{children:"childList"}))},f=(e,i)=>{var{routerLink:t,hasChild:a}=i;t?(t=i.itemKey,o.activeName=t,n("update:modelValue",t)):a&&x(e,i),g("click",{menu:i},e)},g=(e,i,t)=>{n(e,(0,_ui.createEvent)(t,{$menu:v},i))};i={dispatchEvent:g};Object.assign(v,i,{});const E=i=>{var{icon:e,isExpand:t,hasChild:a}=i,l=""+((l=i).title||l.name);return[(0,_vue.h)("span",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),(0,_vue.h)("span",{class:"vxe-menu--item-link-title",title:l},l),a?(0,_vue.h)("span",{class:"vxe-menu--item-link-collapse",onClick(e){x(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_vue.createCommentVNode)()]},C=i=>{var{itemKey:e,level:t,hasChild:a,isActive:l,isExactActive:n,isExpand:s,routerLink:u,childList:r}=i,o=c.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":l,"is--expand":!o&&s}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){f(e,i)}},{default:()=>E(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){f(e,i)}},E(i)),a?(0,_vue.h)("div",{class:"vxe-menu--item-group",style:{}},r.map(e=>C(e))):(0,_vue.createCommentVNode)()])};const k=(0,_vue.ref)(0);return(0,_vue.watch)(()=>l.options?l.options.length:-1,()=>{k.value++}),(0,_vue.watch)(()=>l.options,()=>{k.value++}),(0,_vue.watch)(k,()=>{_(),h(!0)}),(0,_vue.watch)(()=>l.modelValue,e=>{o.activeName=e}),(0,_vue.watch)(()=>o.activeName,()=>{h(!0)}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{m()})}),_(),h(!0),v.renderVN=()=>{var e=l["loading"],i=o["menuList"],t=r.value,a=c.value;return(0,_vue.h)("div",{ref:s,class:["vxe-menu",{["size--"+t]:t,"is--collapsed":a,"is--loading":e}]},[(0,_vue.h)("div",{ref:u,class:"vxe-menu--item-list"},i.map(e=>C(e))),(0,_vue.h)(_index.default,{class:"vxe-list-view--loading",modelValue:e})])},v},render(){return this.renderVN()}});
|
|
@@ -259,7 +259,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
259
259
|
value: inputValue
|
|
260
260
|
}, evnt);
|
|
261
261
|
};
|
|
262
|
-
const
|
|
262
|
+
const handleChange = (val, inputValue, evnt) => {
|
|
263
263
|
const value = val ? Number(val) : null;
|
|
264
264
|
const isChange = Number(value) !== props.modelValue;
|
|
265
265
|
if (isChange) {
|
|
@@ -284,7 +284,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
284
284
|
const value = inputValue ? _xeUtils.default.toNumber(inputValue) : null;
|
|
285
285
|
reactData.inputValue = inputValue;
|
|
286
286
|
if (inpImmediate) {
|
|
287
|
-
|
|
287
|
+
handleChange(value, inputValue, evnt);
|
|
288
288
|
} else {
|
|
289
289
|
numberInputMethods.dispatchEvent('input', {
|
|
290
290
|
value
|
|
@@ -319,7 +319,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
319
319
|
};
|
|
320
320
|
const clearValueEvent = (evnt, value) => {
|
|
321
321
|
focus();
|
|
322
|
-
|
|
322
|
+
handleChange(null, '', evnt);
|
|
323
323
|
numberInputMethods.dispatchEvent('clear', {
|
|
324
324
|
value
|
|
325
325
|
}, evnt);
|
|
@@ -355,7 +355,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
355
355
|
validValue = Number(textValue);
|
|
356
356
|
}
|
|
357
357
|
if (inputValue !== validValue) {
|
|
358
|
-
|
|
358
|
+
handleChange(validValue, textValue, {
|
|
359
359
|
type: 'init'
|
|
360
360
|
});
|
|
361
361
|
}
|
|
@@ -394,7 +394,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
396
|
const inpValue = getNumberValue(inpNumVal);
|
|
397
|
-
|
|
397
|
+
handleChange(inpValue === null ? null : Number(inpValue), inpValue, {
|
|
398
398
|
type: 'check'
|
|
399
399
|
});
|
|
400
400
|
}
|
|
@@ -407,7 +407,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
407
407
|
const inpImmediate = computeInpImmediate.value;
|
|
408
408
|
const value = inputValue ? Number(inputValue) : null;
|
|
409
409
|
if (!inpImmediate) {
|
|
410
|
-
|
|
410
|
+
handleChange(value, `${inputValue || ''}`, evnt);
|
|
411
411
|
}
|
|
412
412
|
afterCheckValue();
|
|
413
413
|
reactData.isActivated = false;
|
package/lib/pager/src/pager.js
CHANGED
|
@@ -111,6 +111,38 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
111
111
|
const refMaps = {
|
|
112
112
|
refElem
|
|
113
113
|
};
|
|
114
|
+
const computePageCount = (0, _vue.computed)(() => {
|
|
115
|
+
return getPageCount(props.total, props.pageSize);
|
|
116
|
+
});
|
|
117
|
+
const computeNumList = (0, _vue.computed)(() => {
|
|
118
|
+
const {
|
|
119
|
+
pagerCount
|
|
120
|
+
} = props;
|
|
121
|
+
const pageCount = computePageCount.value;
|
|
122
|
+
const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
|
|
123
|
+
const rest = [];
|
|
124
|
+
for (let index = 0; index < len; index++) {
|
|
125
|
+
rest.push(index);
|
|
126
|
+
}
|
|
127
|
+
return rest;
|
|
128
|
+
});
|
|
129
|
+
const computeOffsetNumber = (0, _vue.computed)(() => {
|
|
130
|
+
return Math.floor((props.pagerCount - 2) / 2);
|
|
131
|
+
});
|
|
132
|
+
const computeSizeList = (0, _vue.computed)(() => {
|
|
133
|
+
return props.pageSizes.map(item => {
|
|
134
|
+
if (_xeUtils.default.isNumber(item)) {
|
|
135
|
+
return {
|
|
136
|
+
value: item,
|
|
137
|
+
label: `${(0, _ui.getI18n)('vxe.pager.pagesize', [item])}`
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
return Object.assign({
|
|
141
|
+
value: '',
|
|
142
|
+
label: ''
|
|
143
|
+
}, item);
|
|
144
|
+
});
|
|
145
|
+
});
|
|
114
146
|
const $xePager = {
|
|
115
147
|
xID,
|
|
116
148
|
props,
|
|
@@ -122,9 +154,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
122
154
|
const getPageCount = (total, size) => {
|
|
123
155
|
return Math.max(Math.ceil(total / size), 1);
|
|
124
156
|
};
|
|
125
|
-
const computePageCount = (0, _vue.computed)(() => {
|
|
126
|
-
return getPageCount(props.total, props.pageSize);
|
|
127
|
-
});
|
|
128
157
|
const jumpPageEvent = (evnt, currentPage) => {
|
|
129
158
|
emit('update:currentPage', currentPage);
|
|
130
159
|
if (evnt && currentPage !== props.currentPage) {
|
|
@@ -158,35 +187,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
158
187
|
reactData.inpCurrPage = currPage;
|
|
159
188
|
changeCurrentPage(current, $event);
|
|
160
189
|
};
|
|
161
|
-
const computeNumList = (0, _vue.computed)(() => {
|
|
162
|
-
const {
|
|
163
|
-
pagerCount
|
|
164
|
-
} = props;
|
|
165
|
-
const pageCount = computePageCount.value;
|
|
166
|
-
const len = pageCount > pagerCount ? pagerCount - 2 : pagerCount;
|
|
167
|
-
const rest = [];
|
|
168
|
-
for (let index = 0; index < len; index++) {
|
|
169
|
-
rest.push(index);
|
|
170
|
-
}
|
|
171
|
-
return rest;
|
|
172
|
-
});
|
|
173
|
-
const computeOffsetNumber = (0, _vue.computed)(() => {
|
|
174
|
-
return Math.floor((props.pagerCount - 2) / 2);
|
|
175
|
-
});
|
|
176
|
-
const computeSizeList = (0, _vue.computed)(() => {
|
|
177
|
-
return props.pageSizes.map(item => {
|
|
178
|
-
if (_xeUtils.default.isNumber(item)) {
|
|
179
|
-
return {
|
|
180
|
-
value: item,
|
|
181
|
-
label: `${(0, _ui.getI18n)('vxe.pager.pagesize', [item])}`
|
|
182
|
-
};
|
|
183
|
-
}
|
|
184
|
-
return Object.assign({
|
|
185
|
-
value: '',
|
|
186
|
-
label: ''
|
|
187
|
-
}, item);
|
|
188
|
-
});
|
|
189
|
-
});
|
|
190
190
|
const handleHomePage = evnt => {
|
|
191
191
|
const {
|
|
192
192
|
currentPage
|
|
@@ -376,7 +376,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
376
376
|
class: 'vxe-pager--num-btn',
|
|
377
377
|
type: 'button',
|
|
378
378
|
onClick: evnt => jumpPageEvent(evnt, 1)
|
|
379
|
-
}, 1), renderPrevJump('span'));
|
|
379
|
+
}, '1'), renderPrevJump('span'));
|
|
380
380
|
}
|
|
381
381
|
numList.forEach((item, index) => {
|
|
382
382
|
const number = startNumber + index;
|
|
@@ -388,7 +388,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
388
388
|
}],
|
|
389
389
|
type: 'button',
|
|
390
390
|
onClick: evnt => jumpPageEvent(evnt, number)
|
|
391
|
-
}, number));
|
|
391
|
+
}, `${number}`));
|
|
392
392
|
}
|
|
393
393
|
});
|
|
394
394
|
if (showJump && isGt) {
|
|
@@ -462,12 +462,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
462
462
|
class: 'vxe-pager--total'
|
|
463
463
|
}, (0, _ui.getI18n)('vxe.pager.total', [props.total]));
|
|
464
464
|
};
|
|
465
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
466
|
+
emit(type, (0, _ui.createEvent)(evnt, {
|
|
467
|
+
$pager: $xePager
|
|
468
|
+
}, params));
|
|
469
|
+
};
|
|
465
470
|
pagerMethods = {
|
|
466
|
-
dispatchEvent
|
|
467
|
-
emit(type, (0, _ui.createEvent)(evnt, {
|
|
468
|
-
$pager: $xePager
|
|
469
|
-
}, params));
|
|
470
|
-
},
|
|
471
|
+
dispatchEvent,
|
|
471
472
|
homePage() {
|
|
472
473
|
handleHomePage();
|
|
473
474
|
return (0, _vue.nextTick)();
|
|
@@ -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"),_log=require("../../ui/src/log"),_select=_interopRequireDefault(require("../../select/src/select")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:()=>(0,_ui.getConfig)().pager.size||(0,_ui.getConfig)().size},layouts:{type:Array,default:()=>(0,_ui.getConfig)().pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:()=>(0,_ui.getConfig)().pager.pageSize||10},total:{type:Number,default:0},pagerCount:{type:Number,default:()=>(0,_ui.getConfig)().pager.pagerCount||7},pageSizes:{type:Array,default:()=>(0,_ui.getConfig)().pager.pageSizes||[10,15,20,50,100]},align:{type:String,default:()=>(0,_ui.getConfig)().pager.align},border:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.border},background:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.background},perfect:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.perfect},autoHidden:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.autoHidden},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.transfer},className:[String,Function],pageSizePlacement:{type:String,default:()=>(0,_ui.getConfig)().pager.pageSizePlacement},iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String,iconHomePage:String,iconEndPage:String},emits:["update:pageSize","update:currentPage","page-change"],setup(s,e){const{slots:i,emit:u}=e;var t=_xeUtils.default.uniqueId();const g=(0,_ui.useSize)(s)["computeSize"],p=(0,_vue.inject)("$xeGrid",null),n=(0,_vue.reactive)({inpCurrPage:s.currentPage}),l=(0,_vue.ref)(),a={refElem:l},o={xID:t,props:s,context:e,getRefMaps:()=>a};let
|
|
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"),_log=require("../../ui/src/log"),_select=_interopRequireDefault(require("../../select/src/select")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePager",props:{size:{type:String,default:()=>(0,_ui.getConfig)().pager.size||(0,_ui.getConfig)().size},layouts:{type:Array,default:()=>(0,_ui.getConfig)().pager.layouts||["PrevJump","PrevPage","Jump","PageCount","NextPage","NextJump","Sizes","Total"]},currentPage:{type:Number,default:1},loading:Boolean,pageSize:{type:Number,default:()=>(0,_ui.getConfig)().pager.pageSize||10},total:{type:Number,default:0},pagerCount:{type:Number,default:()=>(0,_ui.getConfig)().pager.pagerCount||7},pageSizes:{type:Array,default:()=>(0,_ui.getConfig)().pager.pageSizes||[10,15,20,50,100]},align:{type:String,default:()=>(0,_ui.getConfig)().pager.align},border:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.border},background:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.background},perfect:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.perfect},autoHidden:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.autoHidden},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().pager.transfer},className:[String,Function],pageSizePlacement:{type:String,default:()=>(0,_ui.getConfig)().pager.pageSizePlacement},iconPrevPage:String,iconJumpPrev:String,iconJumpNext:String,iconNextPage:String,iconJumpMore:String,iconHomePage:String,iconEndPage:String},emits:["update:pageSize","update:currentPage","page-change"],setup(s,e){const{slots:i,emit:u}=e;var t=_xeUtils.default.uniqueId();const g=(0,_ui.useSize)(s)["computeSize"],p=(0,_vue.inject)("$xeGrid",null),n=(0,_vue.reactive)({inpCurrPage:s.currentPage}),l=(0,_vue.ref)(),a={refElem:l},c=(0,_vue.computed)(()=>x(s.total,s.pageSize)),v=(0,_vue.computed)(()=>{var e=s["pagerCount"],t=e<c.value?e-2:e,a=[];for(let e=0;e<t;e++)a.push(e);return a}),_=(0,_vue.computed)(()=>Math.floor((s.pagerCount-2)/2)),r=(0,_vue.computed)(()=>s.pageSizes.map(e=>_xeUtils.default.isNumber(e)?{value:e,label:""+(0,_ui.getI18n)("vxe.pager.pagesize",[e])}:Object.assign({value:"",label:""},e))),o={xID:t,props:s,context:e,getRefMaps:()=>a};let d={};const x=(e,t)=>Math.max(Math.ceil(e/t),1),P=(e,t)=>{u("update:currentPage",t),e&&t!==s.currentPage&&d.dispatchEvent("page-change",{type:"current",pageSize:s.pageSize,currentPage:t},e)},h=(e,t)=>{u("update:currentPage",e),t&&e!==s.currentPage&&d.dispatchEvent("page-change",{type:"current",pageSize:s.pageSize,currentPage:e},t)},m=e=>{var e=e["$event"],t=e.target,a=_xeUtils.default.toInteger(t.value),r=c.value,r=a<=0?1:r<=a?r:a,a=_xeUtils.default.toValueString(r);t.value=a,n.inpCurrPage=a,h(r,e)},b=e=>{var t=s["currentPage"];1<t&&h(1,e)},f=e=>{var t=s["currentPage"],a=c.value;t<a&&h(a,e)},E=e=>{var t=s["currentPage"],a=c.value;1<t&&h(Math.min(a,Math.max(t-1,1)),e)},y=e=>{var t=s["currentPage"],a=c.value;t<a&&h(Math.min(a,t+1),e)},C=e=>{var t=v.value;h(Math.max(s.currentPage-t.length,1),e)},S=e=>{var t=c.value,a=v.value;h(Math.min(s.currentPage+a.length,t),e)},k=e=>{var t=e["value"],t=_xeUtils.default.toNumber(t),a=x(s.total,t);let r=s.currentPage;r>a&&(r=a,u("update:currentPage",a)),u("update:pageSize",t),d.dispatchEvent("page-change",{type:"size",pageSize:t,currentPage:r},e.$event)},N=e=>{var t=e["$event"];_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER)?m(e):_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP)?(t.preventDefault(),y(t)):_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN)&&(t.preventDefault(),E(t))},z=()=>(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.homePageTitle"),onClick:b},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconHomePage||(0,_ui.getIcon)().PAGER_HOME]})]),J=()=>(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevPageTitle"),onClick:E},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconPrevPage||(0,_ui.getIcon)().PAGER_PREV_PAGE]})]),M=e=>(0,_vue.h)(e||"button",{class:["vxe-pager--jump-prev",{"is--fixed":!e,"is--disabled":s.currentPage<=1}],type:"button",title:(0,_ui.getI18n)("vxe.pager.prevJumpTitle"),onClick:C},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",s.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",s.iconJumpPrev||(0,_ui.getIcon)().PAGER_JUMP_PREV]})]),I=e=>{var t=c.value;return(0,_vue.h)(e||"button",{class:["vxe-pager--jump-next",{"is--fixed":!e,"is--disabled":s.currentPage>=t}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextJumpTitle"),onClick:S},[e?(0,_vue.h)("i",{class:["vxe-pager--jump-more-icon",s.iconJumpMore||(0,_ui.getIcon)().PAGER_JUMP_MORE]}):null,(0,_vue.h)("i",{class:["vxe-pager--jump-icon",s.iconJumpNext||(0,_ui.getIcon)().PAGER_JUMP_NEXT]})])},R=()=>{var e=c.value;return(0,_vue.h)("button",{class:["vxe-pager--next-btn",{"is--disabled":s.currentPage>=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.nextPageTitle"),onClick:y},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconNextPage||(0,_ui.getIcon)().PAGER_NEXT_PAGE]})])},T=()=>{var e=c.value;return(0,_vue.h)("button",{class:["vxe-pager--prev-btn",{"is--disabled":s.currentPage>=e}],type:"button",title:(0,_ui.getI18n)("vxe.pager.endPageTitle"),onClick:f},[(0,_vue.h)("i",{class:["vxe-pager--btn-icon",s.iconEndPage||(0,_ui.getIcon)().PAGER_END]})])},A=e=>{const{currentPage:r,pagerCount:t}=s,u=[],n=c.value;var a=v.value,i=_.value,g=n>t,p=g&&r>i+1,l=g&&r<n-i;let o=1;return g&&(o=r>=n-i?Math.max(n-a.length+1,1):Math.max(r-i,1)),e&&p&&u.push((0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>P(e,1)},"1"),M("span")),a.forEach((e,t)=>{const a=o+t;a<=n&&u.push((0,_vue.h)("button",{key:a,class:["vxe-pager--num-btn",{"is--active":r===a}],type:"button",onClick:e=>P(e,a)},""+a))}),e&&l&&u.push(I("button"),(0,_vue.h)("button",{class:"vxe-pager--num-btn",type:"button",onClick:e=>P(e,n)},n)),(0,_vue.h)("span",{class:"vxe-pager--btn-wrapper"},u)},O=()=>A(!0),U=()=>{var e=r.value;return(0,_vue.h)(_select.default,{class:"vxe-pager--sizes",modelValue:s.pageSize,placement:s.pageSizePlacement,transfer:s.transfer,options:e,onChange:k})},G=e=>{var t=c.value;return(0,_vue.h)("span",{class:"vxe-pager--jump"},[e?(0,_vue.h)("span",{class:"vxe-pager--goto-text"},(0,_ui.getI18n)("vxe.pager.goto")):null,(0,_vue.h)(_input.default,{class:"vxe-pager--goto",modelValue:n.inpCurrPage,placeholder:(0,_ui.getI18n)("vxe.pager.gotoTitle"),align:"center",type:"integer",max:t,min:1,controls:!1,onKeydown:N,onBlur:m,"onUpdate:modelValue"(e){n.inpCurrPage=e}}),e?(0,_vue.h)("span",{class:"vxe-pager--classifier-text"},(0,_ui.getI18n)("vxe.pager.pageClassifier")):null])},V=()=>G(!0),j=()=>{var e=c.value;return(0,_vue.h)("span",{class:"vxe-pager--count"},[(0,_vue.h)("span",{class:"vxe-pager--separator"}),(0,_vue.h)("span",e)])},q=()=>(0,_vue.h)("span",{class:"vxe-pager--total"},(0,_ui.getI18n)("vxe.pager.total",[s.total]));d={dispatchEvent:(e,t,a)=>{u(e,(0,_ui.createEvent)(a,{$pager:o},t))},homePage(){return b(),(0,_vue.nextTick)()},endPage(){return f(),(0,_vue.nextTick)()},prevPage(){return E(),(0,_vue.nextTick)()},nextPage(){return y(),(0,_vue.nextTick)()},prevJump(){return C(),(0,_vue.nextTick)()},nextJump(){return S(),(0,_vue.nextTick)()}},t={handlePrevPage:E,handleNextPage:y,handlePrevJump:C,handleNextJump:S},Object.assign(o,d,t),(0,_vue.watch)(()=>s.currentPage,e=>{n.inpCurrPage=e});return o.renderVN=()=>{var{align:e,layouts:t,className:a}=s;const r=[];var u=g.value,n=c.value;return i.left&&r.push((0,_vue.h)("span",{class:"vxe-pager--left-wrapper"},i.left({$grid:p}))),t.forEach(e=>{let t;switch(e){case"Home":t=z;break;case"PrevJump":t=M;break;case"PrevPage":t=J;break;case"Number":t=A;break;case"JumpNumber":t=O;break;case"NextPage":t=R;break;case"NextJump":t=I;break;case"End":t=T;break;case"Sizes":t=U;break;case"FullJump":t=V;break;case"Jump":t=G;break;case"PageCount":t=j;break;case"Total":t=q}t?r.push(t()):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notProp",["layouts -> "+e])}),i.right&&r.push((0,_vue.h)("span",{class:"vxe-pager--right-wrapper"},i.right({$grid:p}))),(0,_vue.h)("div",{ref:l,class:["vxe-pager",a?_xeUtils.default.isFunction(a)?a({$pager:o}):a:"",{["size--"+u]:u,["align--"+e]:e,"is--border":s.border,"is--background":s.background,"is--perfect":s.perfect,"is--hidden":s.autoHidden&&1===n,"is--loading":s.loading}]},[(0,_vue.h)("div",{class:"vxe-pager--wrapper"},r)])},o},render(){return this.renderVN()}});
|
|
@@ -118,7 +118,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
118
118
|
const value = inputElem.value;
|
|
119
119
|
emitInputEvent(value, evnt);
|
|
120
120
|
};
|
|
121
|
-
const
|
|
121
|
+
const handleChange = (value, evnt) => {
|
|
122
122
|
reactData.inputValue = value;
|
|
123
123
|
emit('update:modelValue', value);
|
|
124
124
|
passwordInputMethods.dispatchEvent('input', {
|
|
@@ -176,7 +176,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
176
176
|
};
|
|
177
177
|
const clearValueEvent = (evnt, value) => {
|
|
178
178
|
focus();
|
|
179
|
-
|
|
179
|
+
handleChange('', evnt);
|
|
180
180
|
passwordInputMethods.dispatchEvent('clear', {
|
|
181
181
|
value
|
|
182
182
|
}, evnt);
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _vue = require("vue");
|
|
8
8
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
9
|
+
var _ui = require("../../ui");
|
|
9
10
|
var _util = require("./util");
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
12
|
var _default = exports.default = (0, _vue.defineComponent)({
|
|
@@ -14,7 +15,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
14
15
|
emits: [],
|
|
15
16
|
setup(props, context) {
|
|
16
17
|
const {
|
|
17
|
-
slots
|
|
18
|
+
slots,
|
|
19
|
+
emit
|
|
18
20
|
} = context;
|
|
19
21
|
const xID = _xeUtils.default.uniqueId();
|
|
20
22
|
const $xePrint = (0, _vue.inject)('$xePrint', null);
|
|
@@ -36,6 +38,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
36
38
|
getRefMaps: () => refMaps,
|
|
37
39
|
getComputeMaps: () => computeMaps
|
|
38
40
|
};
|
|
41
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
42
|
+
emit(type, (0, _ui.createEvent)(evnt, {
|
|
43
|
+
$print: $xePrint
|
|
44
|
+
}, params));
|
|
45
|
+
};
|
|
46
|
+
const printPageBreakMethods = {
|
|
47
|
+
dispatchEvent
|
|
48
|
+
};
|
|
49
|
+
const printPageBreakPrivateMethods = {};
|
|
50
|
+
Object.assign($xePrintPageBreak, printPageBreakMethods, printPageBreakPrivateMethods);
|
|
39
51
|
if (!$xePrint) {
|
|
40
52
|
$xePrintPageBreak.renderVN = () => {
|
|
41
53
|
return (0, _vue.createCommentVNode)();
|
|
@@ -47,7 +59,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
47
59
|
ref: refElem
|
|
48
60
|
});
|
|
49
61
|
};
|
|
50
|
-
$xePrintPageBreak.renderVN = renderVN;
|
|
51
62
|
(0, _vue.onMounted)(() => {
|
|
52
63
|
const elem = refElem.value;
|
|
53
64
|
if ($xePrint && elem) {
|
|
@@ -59,6 +70,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
59
70
|
(0, _util.destroyPageBreak)($xePrint, pageBreakConfig);
|
|
60
71
|
}
|
|
61
72
|
});
|
|
73
|
+
$xePrintPageBreak.renderVN = renderVN;
|
|
62
74
|
return $xePrintPageBreak;
|
|
63
75
|
},
|
|
64
76
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrintPageBreak",props:{},emits:[],setup(e,t){
|
|
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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePrintPageBreak",props:{},emits:[],setup(e,t){const{slots:r,emit:u}=t;var i=_xeUtils.default.uniqueId();const n=(0,_vue.inject)("$xePrint",null),a=(0,_vue.ref)();var s=(0,_vue.reactive)({});const o={refElem:a},l={},v=(0,_vue.reactive)({id:i,slots:r});i={xID:i,props:e,context:t,reactData:s,getRefMaps:()=>o,getComputeMaps:()=>l};return Object.assign(i,{dispatchEvent:(e,t,r)=>{u(e,(0,_ui.createEvent)(r,{$print:n},t))}},{}),n?((0,_vue.onMounted)(()=>{var e=a.value;n&&e&&(0,_util.assemblePageBreak)(n,e,v)}),(0,_vue.onUnmounted)(()=>{n&&(0,_util.destroyPageBreak)(n,v)}),i.renderVN=()=>(0,_vue.h)("div",{ref:a})):i.renderVN=()=>(0,_vue.createCommentVNode)(),i},render(){return this.renderVN()}});
|
package/lib/print/src/print.js
CHANGED
|
@@ -71,12 +71,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
71
71
|
getRefMaps: () => refMaps,
|
|
72
72
|
getComputeMaps: () => computeMaps
|
|
73
73
|
};
|
|
74
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
75
|
+
emit(type, (0, _ui.createEvent)(evnt, {
|
|
76
|
+
$print: $xePrint
|
|
77
|
+
}, params));
|
|
78
|
+
};
|
|
74
79
|
const printMethods = {
|
|
75
|
-
dispatchEvent
|
|
76
|
-
emit(type, (0, _ui.createEvent)(evnt, {
|
|
77
|
-
$print: $xePrint
|
|
78
|
-
}, params));
|
|
79
|
-
},
|
|
80
|
+
dispatchEvent,
|
|
80
81
|
print() {
|
|
81
82
|
const elem = refElem.value;
|
|
82
83
|
return (0, _util.printHtml)(Object.assign({}, props, {
|
|
@@ -85,7 +86,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
85
86
|
}));
|
|
86
87
|
}
|
|
87
88
|
};
|
|
88
|
-
|
|
89
|
+
const printPrivateMethods = {};
|
|
90
|
+
Object.assign($xePrint, printMethods, printPrivateMethods);
|
|
89
91
|
const renderPageConfigLayouts = () => {
|
|
90
92
|
const {
|
|
91
93
|
title,
|
|
@@ -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},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:o,showPageNumber:u,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)):[!o||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(o||""))]),(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)):[u?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:o,showPageNumber:u,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||""):[!o||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(o||""))]),(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||""):[u?(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},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:o,showPageNumber:u,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)):[!o||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(o||""))]),(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)):[u?(0,_vue.h)("div",{class:"vxe-print-page-break--footer-page-number"},r+"/"+c):(0,_vue.createCommentVNode)()])])})}:()=>{const{title:o,showPageNumber:u,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||""):[!o||!g&&t?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-print-page-break--header-title"},""+(o||""))]),(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||""):[u?(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/radio/src/group.js
CHANGED
|
@@ -119,8 +119,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
119
119
|
});
|
|
120
120
|
}) : []);
|
|
121
121
|
};
|
|
122
|
-
$xeRadioGroup.renderVN = renderVN;
|
|
123
122
|
(0, _vue.provide)('$xeRadioGroup', $xeRadioGroup);
|
|
124
|
-
|
|
123
|
+
$xeRadioGroup.renderVN = renderVN;
|
|
124
|
+
return $xeRadioGroup;
|
|
125
|
+
},
|
|
126
|
+
render() {
|
|
127
|
+
return this.renderVN();
|
|
125
128
|
}
|
|
126
129
|
});
|
|
@@ -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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(l,e){const{slots:n,emit:r}=e,o=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=((0,_ui.useSize)(l),(0,_vue.reactive)({}));const a={computeIsDisabled:(0,_vue.computed)(()=>{var e=l["disabled"];return null===e?!!o&&(o.props.readonly||o.props.disabled):e})},d={xID:t,props:l,context:e,reactData:u,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>a},p=(0,_vue.computed)(()=>Object.assign({},l.optionProps)),s=(0,_vue.computed)(()=>{return p.value.label||"label"}),v=(0,_vue.computed)(()=>{return p.value.value||"value"}),_=(0,_vue.computed)(()=>{return p.value.disabled||"disabled"}),c=(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$radioGroup:d},t))};t={dispatchEvent:c}
|
|
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"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","change"],setup(l,e){const{slots:n,emit:r}=e,o=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=((0,_ui.useSize)(l),(0,_vue.reactive)({}));const a={computeIsDisabled:(0,_vue.computed)(()=>{var e=l["disabled"];return null===e?!!o&&(o.props.readonly||o.props.disabled):e})},d={xID:t,props:l,context:e,reactData:u,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>a},p=(0,_vue.computed)(()=>Object.assign({},l.optionProps)),s=(0,_vue.computed)(()=>{return p.value.label||"label"}),v=(0,_vue.computed)(()=>{return p.value.value||"value"}),_=(0,_vue.computed)(()=>{return p.value.disabled||"disabled"}),c=(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$radioGroup:d},t))};t={dispatchEvent:c};Object.assign(d,t,{handleChecked(e,t){var u=e.label;r("update:modelValue",u),c("change",e,t),o&&i&&o.triggerItemEvent(t,i.itemConfig.field,u)}});return(0,_vue.provide)("$xeRadioGroup",d),d.renderVN=()=>{var{options:e,type:t}=l,u=n.default;const r=v.value,o=s.value,i=_.value,a=("button"===t?_button:_radio).default;return(0,_vue.h)("div",{class:"vxe-radio-group"},u?u({}):e?e.map(e=>(0,_vue.h)(a,{label:e[r],content:e[o],disabled:e[i]})):[])},d},render(){return this.renderVN()}});
|