vxe-pc-ui 4.1.19 → 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 +83 -2
- 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/button/src/button.js +2 -1
- package/es/calendar/src/calendar.js +64 -32
- package/es/card/src/card.js +4 -3
- 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 +17 -8
- package/es/date-picker/src/date-picker.js +148 -69
- package/es/drawer/src/drawer.js +86 -46
- 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/src/icon.js +3 -0
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +24 -11
- package/es/image/src/group.js +4 -1
- package/es/image/src/preview.js +1 -1
- package/es/input/src/input.js +131 -66
- 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 +4 -1
- package/es/menu/src/menu.js +4 -3
- package/es/number-input/src/number-input.js +100 -77
- 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/pulldown/src/pulldown.js +19 -13
- package/es/radio/src/button.js +2 -2
- package/es/radio/src/group.js +8 -4
- package/es/row/src/row.js +1 -1
- package/es/select/src/optgroup.js +19 -10
- package/es/select/src/option.js +17 -9
- package/es/select/src/select.js +64 -41
- 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 +28 -10
- package/es/tooltip/src/tooltip.js +107 -78
- package/es/tree/src/tree.js +6 -3
- package/es/tree-select/src/tree-select.js +18 -10
- 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/button/src/button.js +2 -1
- package/lib/button/src/button.min.js +1 -1
- package/lib/calendar/src/calendar.js +42 -24
- package/lib/calendar/src/calendar.min.js +1 -1
- package/lib/card/src/card.js +6 -5
- package/lib/card/src/card.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 +15 -7
- package/lib/countdown/src/countdown.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +124 -62
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/drawer/src/drawer.js +15 -30
- 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/src/icon.js +3 -0
- package/lib/icon/src/icon.min.js +1 -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 +22 -12
- 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 +884 -649
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +79 -51
- 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 +4 -1
- package/lib/loading/src/loading.min.js +1 -1
- package/lib/menu/src/menu.js +4 -3
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/number-input/src/number-input.js +67 -69
- package/lib/number-input/src/number-input.min.js +1 -1
- 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/pulldown/src/pulldown.js +19 -13
- package/lib/pulldown/src/pulldown.min.js +1 -1
- package/lib/radio/src/button.js +2 -2
- package/lib/radio/src/group.js +8 -4
- 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 +52 -41
- 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 +96 -88
- 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 +13 -8
- 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/button/src/button.ts +6 -5
- package/packages/calendar/src/calendar.ts +67 -35
- package/packages/card/src/card.ts +6 -4
- 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 +20 -11
- package/packages/date-picker/src/date-picker.ts +160 -80
- package/packages/drawer/src/drawer.ts +91 -50
- 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/src/icon.ts +3 -0
- package/packages/icon-picker/src/icon-picker.ts +31 -17
- package/packages/image/src/group.ts +4 -1
- package/packages/image/src/preview.ts +2 -2
- package/packages/input/src/input.ts +138 -75
- 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 +5 -2
- package/packages/menu/src/menu.ts +5 -4
- package/packages/number-input/src/number-input.ts +102 -79
- 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/pulldown/src/pulldown.ts +28 -22
- package/packages/radio/src/button.ts +2 -2
- package/packages/radio/src/group.ts +9 -5
- package/packages/row/src/row.ts +2 -2
- package/packages/select/src/optgroup.ts +22 -13
- package/packages/select/src/option.ts +18 -10
- package/packages/select/src/select.ts +79 -52
- 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 +28 -10
- package/packages/tooltip/src/tooltip.ts +118 -84
- package/packages/tree/src/tree.ts +7 -4
- package/packages/tree-select/src/tree-select.ts +25 -16
- 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/countdown.d.ts +4 -0
- package/types/components/date-picker.d.ts +23 -5
- package/types/components/drawer.d.ts +0 -1
- 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/number-input.d.ts +6 -2
- package/types/components/optgroup.d.ts +10 -4
- package/types/components/pulldown.d.ts +5 -1
- package/types/components/select.d.ts +4 -0
- package/types/components/tabs.d.ts +4 -0
- package/types/components/toolbar.d.ts +5 -0
- package/types/components/tooltip.d.ts +4 -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.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/icon/style/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/icon/style/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/es/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/es/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/es/{iconfont.1725597808239.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.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/icon/style/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/lib/{iconfont.1725597808239.ttf → iconfont.1725941866604.ttf} +0 -0
- /package/lib/{iconfont.1725597808239.woff → iconfont.1725941866604.woff} +0 -0
- /package/lib/{iconfont.1725597808239.woff2 → iconfont.1725941866604.woff2} +0 -0
- /package/packages/{collapse-pane → collapse}/src/collapse-pane.ts +0 -0
|
@@ -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"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../..//ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size},multiple:Boolean,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.digits},prefixIcon:String,suffixIcon:String,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","prev-number","next-number","prefix-click","suffix-click"],setup(N,e){const{slots:h,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var O=_xeUtils.default.uniqueId();const R=(0,_ui.useSize)(N)["computeSize"],y=(0,_vue.reactive)({isActivated:!1,inputValue:N.modelValue}),V=(0,_vue.ref)(),U=(0,_vue.ref)(),M=(0,_vue.ref)(),q={refElem:V,refInput:U},l={xID:O,props:N,context:e,reactData:y,getRefMaps:()=>q};let r={};const S=(0,_vue.computed)(()=>{var e=N["readonly"];return null===e?!!i&&i.props.readonly:e}),A=(0,_vue.computed)(()=>{var e=N["disabled"];return null===e?!!i&&i.props.disabled:e}),s=(0,_vue.computed)(()=>!0),o=(0,_vue.computed)(()=>_xeUtils.default.toInteger(N.digits)||1),D=(0,_vue.computed)(()=>{var e=N["type"],t=o.value,u=N.step;return"integer"===e?_xeUtils.default.toInteger(u)||1:"float"===e?_xeUtils.default.toNumber(u)||1/Math.pow(10,t):_xeUtils.default.toNumber(u)||1}),I=(0,_vue.computed)(()=>N.clearable),C=(0,_vue.computed)(()=>{var e=N["multiple"];return S.value||e}),P=(0,_vue.computed)(()=>{var e=N["placeholder"];return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),T=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=N;return _xeUtils.default.toNumber(e||t)||16}),v=(0,_vue.computed)(()=>{var{type:e,immediate:t}=N;return t||!("number"===e||"integer"===e||"float"===e)}),d=(0,_vue.computed)(()=>{var e=N["type"],t=y["inputValue"];return s.value?"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(t)):_xeUtils.default.toNumber((0,_util.handleNumber)(t)):0}),Y=(0,_vue.computed)(()=>{var e=y["inputValue"];return _xeUtils.default.toString(e)}),_=(0,_vue.computed)(()=>{var e=N["min"],t=y["inputValue"],u=s.value,l=d.value;return!(!t&&0!==t||!u||null===e)&&l<=_xeUtils.default.toNumber(e)}),p=(0,_vue.computed)(()=>{var e=N["max"],t=y["inputValue"],u=s.value,l=d.value;return!(!t&&0!==t||!u||null===e)&&l>=_xeUtils.default.toNumber(e)}),c=e=>{var{type:t,exponential:u}=N,l=T.value,a=o.value,t="float"===t?(0,_util.toFloatValueFixed)(e,a):_xeUtils.default.toValueString(e);return!u||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},m=e=>{var t=y["inputValue"];r.dispatchEvent(e.type,{value:t},e)},f=(e,t,u)=>{var l=Number(e)!==N.modelValue;l&&(y.inputValue=t||"",a("update:modelValue",e?Number(e):null)),r.dispatchEvent("input",{value:e},u),l&&(r.dispatchEvent("change",{value:e},u),i)&&n&&i.triggerItemEvent(u,n.itemConfig.field,e)},b=(e,t)=>{var u=v.value,l=e?_xeUtils.default.toNumber(e):null;y.inputValue=e,u?f(l,e,t):r.dispatchEvent("input",{value:l},t)},F=e=>{var t=e.target.value;b(t,e)},G=e=>{v.value||m(e)},W=e=>{y.isActivated=!0,m(e)},z=e=>{var t;A.value||(t=y["inputValue"],r.dispatchEvent("prefix-click",{value:t},e))},w=(e,t)=>{focus(),f(null,"",e),r.dispatchEvent("clear",{value:t},e)},j=e=>{var t;A.value||(t=y["inputValue"],r.dispatchEvent("suffix-click",{value:t},e))},t=()=>{var e=N["type"],u=y["inputValue"],l=o.value;if("float"===e&&u){let e="",t=null;u&&(e=(0,_util.toFloatValueFixed)(u,l),t=Number(e)),u!==t&&f(t,e,{type:"init"})}},x=e=>null===N.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(N.max),g=e=>null===N.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(N.min),E=()=>{var{type:t,min:u,max:l,exponential:a}=N,i=y["inputValue"],n=C.value;if(!n&&i){let e="integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i));g(e)?x(e)||(e=l):e=u,a&&(n=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=n);t=c(e);f(null===t?null:Number(t),t,{type:"check"})}},$=e=>{var t=y["inputValue"],u=v.value,l=t?Number(t):null;u||f(l,""+(t||""),e),E(),y.isActivated=!1,r.dispatchEvent("blur",{value:l},e)},L=(e,t)=>{var{min:u,max:l,type:a}=N,i=y["inputValue"],n=D.value,a="integer"===a?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),i=e?_xeUtils.default.add(a,n):_xeUtils.default.subtract(a,n);let r;r=g(i)?x(i)?i:l:u,b(c(r),t)};let B;const K=e=>{var t=A.value,u=S.value,l=_.value;clearTimeout(B),t||u||l||L(!1,e),r.dispatchEvent("next-number",{},e)},X=e=>{B=window.setTimeout(()=>{K(e),X(e)},60)},k=e=>{var t=A.value,u=S.value,l=p.value;clearTimeout(B),t||u||l||L(!0,e),r.dispatchEvent("prev-number",{},e)},H=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||u)&&(e.preventDefault(),(t?k:K)(e))},J=e=>{var t,u,l,a,i,n,r,{exponential:o,controls:v}=N;s.value&&(t=e.ctrlKey,u=e.shiftKey,l=e.altKey,a=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||u||l||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!o||69!==a)&&65<=a&&a<=90||186<=a&&a<=188||191<=a)||e.preventDefault(),i?E():(n||r)&&v&&H(e)),m(e)},Q=e=>{m(e)},u=()=>{clearTimeout(B)},Z=e=>{B=window.setTimeout(()=>{k(e),Z(e)},60)},ee=e=>{if(u(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?k:K)(e),B=window.setTimeout(()=>{(t?Z:X)(e)},500)}},te=e=>{var t;s.value&&N.controls&&y.isActivated&&(0<(t=e.deltaY)?K(e):t<0&&k(e),e.preventDefault()),m(e)},ue=e=>{m(e)},le=e=>{var t=y["isActivated"],u=V.value,l=M.value;!A.value&&t&&(y.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,l).flag,y.isActivated||E())},ae=t=>{var u=N["clearable"];if(!A.value){var l=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=y.isActivated;l&&(e&&E(),e=!1,y.isActivated=e),a&&u&&e&&w(t,null)}},ie=()=>{var e=y["isActivated"];e&&E()},ne=()=>{var e,t=N["controls"];return t?(t=p.value,e=_.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":t}],onMousedown:ee,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":e}],onMousedown:ee,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):(0,_vue.createCommentVNode)()};r={dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$input:l},t))},focus(){var e=U.value;return y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(y.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(y.isActivated=!1,_vue.nextTick)()}},Object.assign(l,r);return l.renderVN=()=>{var e,t,u,l,a,i,n,r,{className:o,controls:v,type:s,align:d,name:_,autocomplete:p,autoComplete:c}=N,{inputValue:m,isActivated:f}=y,b=R.value,x=A.value,g=S.value,E=Y.value;return g?(0,_vue.h)("div",{ref:V,class:["vxe-number-input--readonly","type--"+s,o]},E):(g=C.value,E=T.value,e=P.value,t=I.value,l=N.prefixIcon,u=(u=h.prefix)||l?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:z},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},u?(0,_vn.getSlotVNs)(u({})):[(0,_vue.h)("i",{class:l})])]):null,l=N.suffixIcon,a=y.inputValue,i=h.suffix,n=A.value,r=I.value,n=(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":r&&!n&&!(""===a||_xeUtils.default.eqNull(a))}]},[r?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:w},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),ne(),i||l?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:j},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:l})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:V,class:["vxe-number-input","type--"+s,o,{["size--"+b]:b,["is--"+d]:d,"is--controls":v,"is--prefix":!!u,"is--suffix":!!n,"is--disabled":x,"is--active":f,"show--clear":t&&!x&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[u||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-number-input--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-number-input--inner",value:m,name:_,type:"text",placeholder:e,maxlength:E,readonly:g,disabled:x,autocomplete:c||p,onKeydown:J,onKeyup:Q,onWheel:te,onClick:ue,onInput:F,onChange:G,onFocus:W,onBlur:$})]),n||(0,_vue.createCommentVNode)()]))},(0,_vue.watch)(()=>N.modelValue,e=>{y.inputValue=e}),(0,_vue.watch)(()=>N.type,()=>{Object.assign(y,{inputValue:N.modelValue}),t()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(l,"mousedown",le),_ui.globalEvents.on(l,"keydown",ae),_ui.globalEvents.on(l,"blur",ie)}),(0,_vue.onBeforeUnmount)(()=>{u(),E(),_ui.globalEvents.off(l,"mousedown"),_ui.globalEvents.off(l,"keydown"),_ui.globalEvents.off(l,"blur")}),t(),l},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"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../..//ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size},multiple:Boolean,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.digits},prefixIcon:String,suffixIcon:String,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","prev-number","next-number","prefix-click","suffix-click"],setup(N,e){const{slots:h,emit:a}=e,i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var O=_xeUtils.default.uniqueId();const R=(0,_ui.useSize)(N)["computeSize"],y=(0,_vue.reactive)({isActivated:!1,inputValue:N.modelValue}),u={dnTimeout:void 0},V=(0,_vue.ref)(),U=(0,_vue.ref)(),M=(0,_vue.ref)(),q={refElem:V,refInput:U},l={xID:O,props:N,context:e,reactData:y,internalData:u,getRefMaps:()=>q};let r={};const S=(0,_vue.computed)(()=>{var e=N["readonly"];return null===e?!!i&&i.props.readonly:e}),I=(0,_vue.computed)(()=>{var e=N["disabled"];return null===e?!!i&&i.props.disabled:e}),o=(0,_vue.computed)(()=>_xeUtils.default.toInteger(N.digits)||1),D=(0,_vue.computed)(()=>{var e=N["type"],t=o.value,u=N.step;return"integer"===e?_xeUtils.default.toInteger(u)||1:"float"===e?_xeUtils.default.toNumber(u)||1/Math.pow(10,t):_xeUtils.default.toNumber(u)||1}),A=(0,_vue.computed)(()=>N.clearable),T=(0,_vue.computed)(()=>{var e=N["multiple"];return S.value||e}),P=(0,_vue.computed)(()=>{var e=N["placeholder"];return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),C=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=N;return _xeUtils.default.toNumber(e||t)||16}),v=(0,_vue.computed)(()=>{var{type:e,immediate:t}=N;return t||!("number"===e||"integer"===e||"float"===e)}),s=(0,_vue.computed)(()=>{var e=N["type"],t=y["inputValue"];return"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(t)):_xeUtils.default.toNumber((0,_util.handleNumber)(t))}),Y=(0,_vue.computed)(()=>{var e=y["inputValue"];return _xeUtils.default.toString(e)}),d=(0,_vue.computed)(()=>{var e=N["min"],t=y["inputValue"],u=s.value;return!(!t&&0!==t||null===e)&&u<=_xeUtils.default.toNumber(e)}),_=(0,_vue.computed)(()=>{var e=N["max"],t=y["inputValue"],u=s.value;return!(!t&&0!==t||null===e)&&u>=_xeUtils.default.toNumber(e)}),p=e=>{var{type:t,exponential:u}=N,l=C.value,a=o.value,t="float"===t?(0,_util.toFloatValueFixed)(e,a):_xeUtils.default.toValueString(e);return!u||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},c=e=>{var t=y["inputValue"];r.dispatchEvent(e.type,{value:t},e)},m=(e,t,u)=>{var e=e?Number(e):null,l=Number(e)!==N.modelValue;l&&(y.inputValue=t||"",a("update:modelValue",e)),r.dispatchEvent("input",{value:e},u),l&&(r.dispatchEvent("change",{value:e},u),i)&&n&&i.triggerItemEvent(u,n.itemConfig.field,e)},f=(e,t)=>{var u=v.value,l=e?_xeUtils.default.toNumber(e):null;y.inputValue=e,u?m(l,e,t):r.dispatchEvent("input",{value:l},t)},F=e=>{var t=e.target.value;f(t,e)},G=e=>{v.value||c(e)},W=e=>{y.isActivated=!0,c(e)},z=e=>{var t;I.value||(t=y["inputValue"],r.dispatchEvent("prefix-click",{value:t},e))},w=(e,t)=>{focus(),m(null,"",e),r.dispatchEvent("clear",{value:t},e)},j=e=>{var t;I.value||(t=y["inputValue"],r.dispatchEvent("suffix-click",{value:t},e))},t=()=>{var e=N["type"],u=y["inputValue"],l=o.value;if("float"===e&&u){let e="",t=null;u&&(e=(0,_util.toFloatValueFixed)(u,l),t=Number(e)),u!==t&&m(t,e,{type:"init"})}},b=e=>null===N.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(N.max),x=e=>null===N.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(N.min),g=()=>{var{type:t,min:u,max:l,exponential:a}=N,i=y["inputValue"],n=T.value;if(!n&&i){let e="integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i));x(e)?b(e)||(e=l):e=u,a&&(n=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=n);t=p(e);m(null===t?null:Number(t),t,{type:"check"})}},$=e=>{var t=y["inputValue"],u=v.value,l=t?Number(t):null;u||m(l,""+(t||""),e),g(),y.isActivated=!1,r.dispatchEvent("blur",{value:l},e)},E=(e,t)=>{var{min:u,max:l,type:a}=N,i=y["inputValue"],n=D.value,a="integer"===a?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),i=e?_xeUtils.default.add(a,n):_xeUtils.default.subtract(a,n);let r;r=x(i)?b(i)?i:l:u,f(p(r),t)},L=e=>{var t=I.value,u=S.value,l=d.value;k(),t||u||l||E(!1,e),r.dispatchEvent("next-number",{},e)},B=e=>{u.dnTimeout=window.setTimeout(()=>{L(e),B(e)},60)},K=e=>{var t=I.value,u=S.value,l=_.value;k(),t||u||l||E(!0,e),r.dispatchEvent("prev-number",{},e)},X=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||u)&&(e.preventDefault(),(t?K:L)(e))},H=e=>{var{exponential:t,controls:u}=N,l=e.ctrlKey,a=e.shiftKey,i=e.altKey,n=e.keyCode,r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),o=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),v=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);l||a||i||!(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||(!t||69!==n)&&65<=n&&n<=90||186<=n&&n<=188||191<=n)||e.preventDefault(),r?g():(o||v)&&u&&X(e),c(e)},J=e=>{c(e)},k=()=>{var e=u["dnTimeout"];e&&(clearTimeout(e),u.dnTimeout=void 0)},Q=e=>{u.dnTimeout=window.setTimeout(()=>{K(e),Q(e)},60)},Z=e=>{if(k(),0===e.button){const t=(0,_dom.hasClass)(e.currentTarget,"is--prev");(t?K:L)(e),u.dnTimeout=window.setTimeout(()=>{(t?Q:B)(e)},500)}},ee=e=>{var t;N.controls&&y.isActivated&&(0<(t=e.deltaY)?L(e):t<0&&K(e),e.preventDefault()),c(e)},te=e=>{c(e)},ue=e=>{var t=y["isActivated"],u=V.value,l=M.value;!I.value&&t&&(y.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,l).flag,y.isActivated||g())},le=t=>{var u=N["clearable"];if(!I.value){var l=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=y.isActivated;l&&(e&&g(),e=!1,y.isActivated=e),a&&u&&e&&w(t,null)}},ae=()=>{var e=y["isActivated"];e&&g()},ie=()=>{var e,t=N["controls"];return t?(t=_.value,e=d.value,(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":t}],onMousedown:Z,onMouseup:k,onMouseleave:k},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_PREV_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":e}],onMousedown:Z,onMouseup:k,onMouseleave:k},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().NUMBER_INPUT_NEXT_NUM})])])])):(0,_vue.createCommentVNode)()};r={dispatchEvent:(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$numberInput:l},t))},focus(){var e=U.value;return y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(y.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(y.isActivated=!1,_vue.nextTick)()}},Object.assign(l,r);return l.renderVN=()=>{var e,t,u,l,a,i,n,r,{className:o,controls:v,type:s,align:d,name:_,autocomplete:p,autoComplete:c}=N,{inputValue:m,isActivated:f}=y,b=R.value,x=I.value,g=S.value,E=Y.value;return g?(0,_vue.h)("div",{ref:V,class:["vxe-number-input--readonly","type--"+s,o]},E):(g=T.value,E=C.value,e=P.value,t=A.value,l=N.prefixIcon,u=(u=h.prefix)||l?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:z},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},u?(0,_vn.getSlotVNs)(u({})):[(0,_vue.h)("i",{class:l})])]):null,l=N.suffixIcon,a=y.inputValue,i=h.suffix,n=I.value,r=A.value,n=(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":r&&!n&&!(""===a||_xeUtils.default.eqNull(a))}]},[r?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:w},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),ie(),i||l?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:j},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:l})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:V,class:["vxe-number-input","type--"+s,o,{["size--"+b]:b,["is--"+d]:d,"is--controls":v,"is--prefix":!!u,"is--suffix":!!n,"is--disabled":x,"is--active":f,"show--clear":t&&!x&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[u||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-number-input--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-number-input--inner",value:m,name:_,type:"text",placeholder:e,maxlength:E,readonly:g,disabled:x,autocomplete:c||p,onKeydown:H,onKeyup:J,onWheel:ee,onClick:te,onInput:F,onChange:G,onFocus:W,onBlur:$})]),n||(0,_vue.createCommentVNode)()]))},(0,_vue.watch)(()=>N.modelValue,e=>{y.inputValue=e}),(0,_vue.watch)(()=>N.type,()=>{Object.assign(y,{inputValue:N.modelValue}),t()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(l,"mousedown",ue),_ui.globalEvents.on(l,"keydown",le),_ui.globalEvents.on(l,"blur",ae)}),(0,_vue.onBeforeUnmount)(()=>{k(),g(),_ui.globalEvents.off(l,"mousedown"),_ui.globalEvents.off(l,"keydown"),_ui.globalEvents.off(l,"blur")}),t(),l},render(){return this.renderVN()}});
|
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()}});
|
|
@@ -47,6 +47,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
47
47
|
emit
|
|
48
48
|
} = context;
|
|
49
49
|
const $xeModal = (0, _vue.inject)('$xeModal', null);
|
|
50
|
+
const $xeDrawer = (0, _vue.inject)('$xeDrawer', null);
|
|
50
51
|
const $xeTable = (0, _vue.inject)('$xeTable', null);
|
|
51
52
|
const $xeForm = (0, _vue.inject)('$xeForm', null);
|
|
52
53
|
const xID = _xeUtils.default.uniqueId();
|
|
@@ -56,15 +57,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
56
57
|
const reactData = (0, _vue.reactive)({
|
|
57
58
|
initialized: false,
|
|
58
59
|
panelIndex: 0,
|
|
59
|
-
panelStyle:
|
|
60
|
+
panelStyle: {},
|
|
60
61
|
panelPlacement: null,
|
|
61
62
|
visiblePanel: false,
|
|
62
63
|
visibleAnimate: false,
|
|
63
64
|
isActivated: false
|
|
64
65
|
});
|
|
66
|
+
const internalData = {
|
|
67
|
+
hpTimeout: undefined
|
|
68
|
+
};
|
|
65
69
|
const refElem = (0, _vue.ref)();
|
|
66
|
-
const
|
|
67
|
-
const
|
|
70
|
+
const refPulldownContent = (0, _vue.ref)();
|
|
71
|
+
const refPulldownPanel = (0, _vue.ref)();
|
|
68
72
|
const computeBtnTransfer = (0, _vue.computed)(() => {
|
|
69
73
|
const {
|
|
70
74
|
transfer
|
|
@@ -74,7 +78,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
74
78
|
if (_xeUtils.default.isBoolean(globalTransfer)) {
|
|
75
79
|
return globalTransfer;
|
|
76
80
|
}
|
|
77
|
-
if ($xeTable || $xeModal || $xeForm) {
|
|
81
|
+
if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
|
|
78
82
|
return true;
|
|
79
83
|
}
|
|
80
84
|
}
|
|
@@ -88,6 +92,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
88
92
|
props,
|
|
89
93
|
context,
|
|
90
94
|
reactData,
|
|
95
|
+
internalData,
|
|
91
96
|
getRefMaps: () => refMaps
|
|
92
97
|
};
|
|
93
98
|
let pulldownMethods = {};
|
|
@@ -113,8 +118,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
113
118
|
} = reactData;
|
|
114
119
|
const btnTransfer = computeBtnTransfer.value;
|
|
115
120
|
if (visiblePanel) {
|
|
116
|
-
const targetElem =
|
|
117
|
-
const panelElem =
|
|
121
|
+
const targetElem = refPulldownContent.value;
|
|
122
|
+
const panelElem = refPulldownPanel.value;
|
|
118
123
|
if (panelElem && targetElem) {
|
|
119
124
|
const targetHeight = targetElem.offsetHeight;
|
|
120
125
|
const targetWidth = targetElem.offsetWidth;
|
|
@@ -184,7 +189,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
184
189
|
return (0, _vue.nextTick)();
|
|
185
190
|
});
|
|
186
191
|
};
|
|
187
|
-
let hidePanelTimeout;
|
|
188
192
|
/**
|
|
189
193
|
* 显示下拉面板
|
|
190
194
|
*/
|
|
@@ -194,7 +198,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
194
198
|
}
|
|
195
199
|
return new Promise(resolve => {
|
|
196
200
|
if (!props.disabled) {
|
|
197
|
-
|
|
201
|
+
if (internalData.hpTimeout) {
|
|
202
|
+
clearTimeout(internalData.hpTimeout);
|
|
203
|
+
}
|
|
198
204
|
reactData.isActivated = true;
|
|
199
205
|
reactData.visibleAnimate = true;
|
|
200
206
|
setTimeout(() => {
|
|
@@ -221,7 +227,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
221
227
|
emit('update:modelValue', false);
|
|
222
228
|
return new Promise(resolve => {
|
|
223
229
|
if (reactData.visibleAnimate) {
|
|
224
|
-
|
|
230
|
+
internalData.hpTimeout = window.setTimeout(() => {
|
|
225
231
|
reactData.visibleAnimate = false;
|
|
226
232
|
(0, _vue.nextTick)(() => {
|
|
227
233
|
resolve();
|
|
@@ -273,7 +279,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
273
279
|
const {
|
|
274
280
|
visiblePanel
|
|
275
281
|
} = reactData;
|
|
276
|
-
const panelElem =
|
|
282
|
+
const panelElem = refPulldownPanel.value;
|
|
277
283
|
if (!disabled) {
|
|
278
284
|
if (visiblePanel) {
|
|
279
285
|
if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
|
|
@@ -293,7 +299,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
293
299
|
visiblePanel
|
|
294
300
|
} = reactData;
|
|
295
301
|
const el = refElem.value;
|
|
296
|
-
const panelElem =
|
|
302
|
+
const panelElem = refPulldownPanel.value;
|
|
297
303
|
if (!disabled) {
|
|
298
304
|
reactData.isActivated = (0, _dom.getEventTargetNode)(evnt, el).flag || (0, _dom.getEventTargetNode)(evnt, panelElem).flag;
|
|
299
305
|
if (visiblePanel && !reactData.isActivated) {
|
|
@@ -389,7 +395,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
389
395
|
'is--active': isActivated
|
|
390
396
|
}]
|
|
391
397
|
}, [(0, _vue.h)('div', {
|
|
392
|
-
ref:
|
|
398
|
+
ref: refPulldownContent,
|
|
393
399
|
class: 'vxe-pulldown--content',
|
|
394
400
|
onClick: clickTargetEvent
|
|
395
401
|
}, defaultSlot ? defaultSlot({
|
|
@@ -398,7 +404,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
398
404
|
to: 'body',
|
|
399
405
|
disabled: btnTransfer ? !initialized : true
|
|
400
406
|
}, [(0, _vue.h)('div', {
|
|
401
|
-
ref:
|
|
407
|
+
ref: refPulldownPanel,
|
|
402
408
|
class: ['vxe-table--ignore-clear vxe-pulldown--panel', popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
|
|
403
409
|
$pulldown: $xePulldown
|
|
404
410
|
}) : popupClassName : '', {
|
|
@@ -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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","hide-panel"],setup(g,e){const{slots:x,emit:t}=e,i=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$
|
|
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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxePulldown",props:{modelValue:Boolean,disabled:Boolean,placement:String,trigger:{type:String,default:(0,_ui.getConfig)().pulldown.trigger},size:{type:String,default:()=>(0,_ui.getConfig)().size},options:Array,className:{type:[String,Function],default:(0,_ui.getConfig)().pulldown.className},popupClassName:[String,Function],showPopupShadow:Boolean,destroyOnClose:{type:Boolean,default:(0,_ui.getConfig)().pulldown.destroyOnClose},transfer:{type:Boolean,default:null}},emits:["update:modelValue","click","option-click","hide-panel"],setup(g,e){const{slots:x,emit:t}=e,i=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),o=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null);var l=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(g)["computeSize"],h=(0,_vue.reactive)({initialized:!1,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,visibleAnimate:!1,isActivated:!1}),u={hpTimeout:void 0},P=(0,_vue.ref)(),T=(0,_vue.ref)(),y=(0,_vue.ref)(),C=(0,_vue.computed)(()=>{var e=g["transfer"];if(null===e){var l=(0,_ui.getConfig)().pulldown.transfer;if(_xeUtils.default.isBoolean(l))return l;if(o||i||n||a)return!0}return e}),s={refElem:P},k={xID:l,props:g,context:e,reactData:h,internalData:u,getRefMaps:()=>s};const d=()=>{h.panelIndex<(0,_utils.getLastZIndex)()&&(h.panelIndex=(0,_utils.nextZIndex)())};const r=()=>(0,_vue.nextTick)().then(()=>{var t=g["placement"],{panelIndex:n,visiblePanel:o}=h,e=C.value;if(o){var o=T.value,a=y.value;if(a&&o){var u=o.offsetHeight,s=o.offsetWidth,d=a.offsetHeight,a=a.offsetWidth,n={zIndex:n},{boundingTop:o,boundingLeft:r,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(o);let i="bottom";if(e){let e=r,l=o+u;"top"===t?(i="top",l=o-d):t||(l+d+5>v&&(i="top",l=o-d),l<5&&(i="bottom",l=o+u)),e+a+5>p&&(e-=e+a+5-p),e<5&&(e=5),Object.assign(n,{left:e+"px",top:l+"px",minWidth:s+"px"})}else"top"===t?(i="top",n.bottom=u+"px"):t||v<o+u+d&&5<o-u-d&&(i="top",n.bottom=u+"px");h.panelStyle=n,h.panelPlacement=i}}return(0,_vue.nextTick)()}),v=()=>(h.initialized||(h.initialized=!0),new Promise(e=>{g.disabled?(0,_vue.nextTick)(()=>{e()}):(u.hpTimeout&&clearTimeout(u.hpTimeout),h.isActivated=!0,h.visibleAnimate=!0,setTimeout(()=>{h.visiblePanel=!0,t("update:modelValue",!0),r(),setTimeout(()=>{e(r())},40)},10),d())})),p=()=>(h.visiblePanel=!1,t("update:modelValue",!1),new Promise(e=>{h.visibleAnimate?u.hpTimeout=window.setTimeout(()=>{(h.visibleAnimate=!1,_vue.nextTick)(()=>{e()})},350):(0,_vue.nextTick)(()=>{e()})}));const A=(e,l)=>{l.disabled||(p(),m("option-click",{option:l},e))},$=e=>{var l=g["trigger"];"click"===l&&(h.visiblePanel?p:v)(),m("click",{$pulldown:k},e)},c=e=>{var l=g["disabled"],i=h["visiblePanel"],t=y.value;l||i&&((0,_dom.getEventTargetNode)(e,t).flag?r():(p(),m("hide-panel",{},e)))},_=e=>{var l=g["disabled"],i=h["visiblePanel"],t=P.value,n=y.value;l||(h.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,i&&!h.isActivated&&(p(),m("hide-panel",{},e)))},f=e=>{h.visiblePanel&&(h.isActivated=!1,p(),m("hide-panel",{},e))},m=(e,l,i)=>{t(e,(0,_ui.createEvent)(i,{$pulldown:k},l))};l={dispatchEvent:m,isPanelVisible:()=>h.visiblePanel,togglePanel:()=>(h.visiblePanel?p:v)(),showPanel:v,hidePanel:p},Object.assign(k,l),(0,_vue.watch)(()=>g.modelValue,e=>{(e?v:p)()}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(k,"mousewheel",c),_ui.globalEvents.on(k,"mousedown",_),_ui.globalEvents.on(k,"blur",f)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(k,"mousewheel"),_ui.globalEvents.off(k,"mousedown"),_ui.globalEvents.off(k,"blur")});return k.renderVN=()=>{var{className:e,options:l,popupClassName:i,showPopupShadow:t,destroyOnClose:n,disabled:o}=g,{initialized:a,isActivated:u,visibleAnimate:s,visiblePanel:d,panelStyle:r,panelPlacement:v}=h,p=C.value,c=w.value,_=x.default,f=x.header,m=x.footer,b=x.dropdown;return(0,_vue.h)("div",{ref:P,class:["vxe-pulldown",e?_xeUtils.default.isFunction(e)?e({$pulldown:k}):e:"",{["size--"+c]:c,"is--visible":d,"is--disabled":o,"is--active":u}]},[(0,_vue.h)("div",{ref:T,class:"vxe-pulldown--content",onClick:$},_?_({$pulldown:k}):[]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-pulldown--panel",i?_xeUtils.default.isFunction(i)?i({$pulldown:k}):i:"",{["size--"+c]:c,"is--shadow":t,"is--transfer":p,"ani--leave":s,"ani--enter":d}],placement:v,style:r},[(0,_vue.h)("div",{class:"vxe-pulldown--panel-wrapper"},!a||n&&!d&&!s?[]:[f?(0,_vue.h)("div",{class:"vxe-pulldown--panel-header"},f({$pulldown:k})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-pulldown--panel-body"},b?b({$pulldown:k}):[(e=>{const i=x.option;return(0,_vue.h)("div",{class:"vxe-pulldown--panel-list"},e?e.map(l=>(0,_vue.h)("div",{class:"vxe-pulldown--panel-item",onClick(e){A(e,l)}},i?i({$pulldown:k,option:l}):""+(l.label||""))):[])})(l)]),m?(0,_vue.h)("div",{class:"vxe-pulldown--panel-footer"},m({$pulldown:k})):(0,_vue.createCommentVNode)()])])])])},k},render(){return this.renderVN()}});
|
package/lib/radio/src/button.js
CHANGED
|
@@ -122,7 +122,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
122
122
|
const vSize = computeSize.value;
|
|
123
123
|
const isDisabled = computeIsDisabled.value;
|
|
124
124
|
const name = computeName.value;
|
|
125
|
-
const
|
|
125
|
+
const isChecked = computeChecked.value;
|
|
126
126
|
return (0, _vue.h)('label', {
|
|
127
127
|
class: ['vxe-radio', 'vxe-radio-button', {
|
|
128
128
|
[`size--${vSize}`]: vSize,
|
|
@@ -133,7 +133,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
133
133
|
class: 'vxe-radio--input',
|
|
134
134
|
type: 'radio',
|
|
135
135
|
name,
|
|
136
|
-
checked,
|
|
136
|
+
checked: isChecked,
|
|
137
137
|
disabled: isDisabled,
|
|
138
138
|
onChange: changeEvent,
|
|
139
139
|
onClick: clickEvent
|
package/lib/radio/src/group.js
CHANGED
|
@@ -89,11 +89,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
89
89
|
};
|
|
90
90
|
const radioGroupPrivateMethods = {
|
|
91
91
|
handleChecked(params, evnt) {
|
|
92
|
-
|
|
92
|
+
const value = params.label;
|
|
93
|
+
emit('update:modelValue', value);
|
|
93
94
|
dispatchEvent('change', params, evnt);
|
|
94
95
|
// 自动更新校验状态
|
|
95
96
|
if ($xeForm && formItemInfo) {
|
|
96
|
-
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field,
|
|
97
|
+
$xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
100
|
};
|
|
@@ -118,8 +119,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
118
119
|
});
|
|
119
120
|
}) : []);
|
|
120
121
|
};
|
|
121
|
-
$xeRadioGroup.renderVN = renderVN;
|
|
122
122
|
(0, _vue.provide)('$xeRadioGroup', $xeRadioGroup);
|
|
123
|
-
|
|
123
|
+
$xeRadioGroup.renderVN = renderVN;
|
|
124
|
+
return $xeRadioGroup;
|
|
125
|
+
},
|
|
126
|
+
render() {
|
|
127
|
+
return this.renderVN();
|
|
124
128
|
}
|
|
125
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,
|
|
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()}});
|
package/lib/row/src/row.js
CHANGED
|
@@ -100,8 +100,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
100
100
|
onClick: clickEvent
|
|
101
101
|
}, defaultSlot ? defaultSlot({}) : []);
|
|
102
102
|
};
|
|
103
|
-
$xeRow.renderVN = renderVN;
|
|
104
103
|
(0, _vue.provide)('$xeRow', $xeRow);
|
|
104
|
+
$xeRow.renderVN = renderVN;
|
|
105
105
|
return $xeRow;
|
|
106
106
|
},
|
|
107
107
|
render() {
|
package/lib/row/src/row.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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeRow",props:{gutter:[Number,String,Array],wrap:{type:Boolean,default:()=>(0,_ui.getConfig)().row.wrap},vertical:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().row.size||(0,_ui.getConfig)().size}},emits:["click"],setup(a,e){const{slots:u,emit:i}=e;var t=_xeUtils.default.uniqueId();(0,_ui.useSize)(a);const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const s={refElem:o},n=(0,_vue.computed)(()=>{var{gutter:r,vertical:i}=a,u={};if(r){let[e,t]=_xeUtils.default.isArray(r)?r:[r];i&&(t=e,e=""),e&&(r=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(-e/2):`calc(${(0,_dom.toCssUnit)(e)} / 2 * -1)`,u.marginLeft=r,u.marginRight=r),t&&(i=_xeUtils.default.isNumber(t)?(0,_dom.toCssUnit)(-t/2):`calc(${(0,_dom.toCssUnit)(t)} / 2 * -1)`,u.marginTop=i,u.marginBottom=i)}return u}),l={},d={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>s,getComputeMaps:()=>l},_=e=>{c("click",{},e)},c=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$row:d},t))};t={dispatchEvent:c};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")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeRow",props:{gutter:[Number,String,Array],wrap:{type:Boolean,default:()=>(0,_ui.getConfig)().row.wrap},vertical:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().row.size||(0,_ui.getConfig)().size}},emits:["click"],setup(a,e){const{slots:u,emit:i}=e;var t=_xeUtils.default.uniqueId();(0,_ui.useSize)(a);const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const s={refElem:o},n=(0,_vue.computed)(()=>{var{gutter:r,vertical:i}=a,u={};if(r){let[e,t]=_xeUtils.default.isArray(r)?r:[r];i&&(t=e,e=""),e&&(r=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(-e/2):`calc(${(0,_dom.toCssUnit)(e)} / 2 * -1)`,u.marginLeft=r,u.marginRight=r),t&&(i=_xeUtils.default.isNumber(t)?(0,_dom.toCssUnit)(-t/2):`calc(${(0,_dom.toCssUnit)(t)} / 2 * -1)`,u.marginTop=i,u.marginBottom=i)}return u}),l={},d={xID:t,props:a,context:e,reactData:r,getRefMaps:()=>s,getComputeMaps:()=>l},_=e=>{c("click",{},e)},c=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$row:d},t))};t={dispatchEvent:c};Object.assign(d,t,{});return(0,_vue.provide)("$xeRow",d),d.renderVN=()=>{var{vertical:e,wrap:t}=a,r=n.value,i=u.default;return(0,_vue.h)("div",{ref:o,class:["vxe-row",{"is--vertical":e,"is--wrap":t}],style:r,onClick:_},i?i({}):[])},d},render(){return this.renderVN()}});
|