vxe-pc-ui 4.3.2 → 4.3.4

package/lib/slider/src/slider.js

@@ -201,10 +201,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const domMouseup = document.onmouseup;
         document.onmousemove = evnt => {
           evnt.preventDefault();
+          const el = refElem.value;
           const barElem = refBarElem.value;
-          if (barElem) {
+          if (el && barElem) {
             const barRect = barElem.getBoundingClientRect();
-            const trackWidth = (evnt.clientX - barRect.left) / 914;
+            const trackWidth = (evnt.clientX - barRect.left) / barRect.width;
             if (isEnd) {
               reactData.endValue = _xeUtils.default.floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum) + minNum)));
             } else {

package/lib/slider/src/slider.min.js

@@ -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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSlider",props:{modelValue:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.max},min:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.min},step:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.step},size:{type:String,default:()=>(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size},range:{type:Boolean,default:()=>(0,_ui.getConfig)().slider.range},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},emits:["update:modelValue","change"],setup(a,e){const r=e["emit"],i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const o=(0,_ui.useSize)(a)["computeSize"],s=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_vue.ref)(),f=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.reactive)({startValue:0,endValue:0}),u={refElem:s},c=(0,_vue.computed)(()=>{var e=a["readonly"];return null===e?!!i&&i.props.readonly:e}),p=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!i&&i.props.disabled:e}),x=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.max||0)),g=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.min||0)),l={},b={xID:t,props:a,context:e,reactData:_,getRefMaps:()=>u,getComputeMaps:()=>l},y=(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$slider:b},t))};t={dispatchEvent:y};const V=e=>{var t=a["range"],u=x.value,l=g.value;return t?_xeUtils.default.floor((e-l)/_xeUtils.default.toNumber(u-l)*100):0},U=(e,t)=>{var u=a["range"],l=x.value,r=g.value;return _xeUtils.default.floor((t-(u?e:0)-r)/_xeUtils.default.toNumber(l-r)*100)},h=()=>{var e,t,u=a["modelValue"];_xeUtils.default.isArray(u)?([e,t]=_xeUtils.default.clone(u,!0).sort(),_.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),_.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(_.startValue=0,_.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(u||0)))},N=()=>{var{startValue:e,endValue:t}=_,u=v.value,l=f.value,r=m.value;let a=0,i=0;i=t<e?(a=V(t),U(t,e)):(a=V(e),U(e,t)),u&&(u.style.left=a+"%",u.style.width=i+"%"),l&&(l.style.left=a+"%"),r&&(r.style.left=_xeUtils.default.floor(a+i)+"%")},M=e=>{var t=a["range"],{startValue:u,endValue:l}=_,t=t?[u,l].sort():l;u=t,r("update:modelValue",u),y("change",{value:t},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},C=(e,u)=>{var t=c.value,l=p.value;const r=x.value,a=g.value;if(!t&&!l){e.preventDefault();const i=document.onmousemove,n=document.onmouseup;document.onmousemove=e=>{e.preventDefault();var t=d.value;t&&(t=t.getBoundingClientRect(),e=(e.clientX-t.left)/914,u?_.endValue=_xeUtils.default.floor(Math.max(a,Math.min(r,e*(r-a)+a))):_.startValue=_xeUtils.default.floor(Math.max(a,Math.min(r,e*(r-a))))),N()},document.onmouseup=e=>{document.onmousemove=i,document.onmouseup=n,M(e),N()}}},E=e=>{var t=m.value,u=e.currentTarget;C(e,!!t&&t.offsetLeft<u.offsetLeft)},S=e=>{var t=f.value,u=e.currentTarget;C(e,!t||u.offsetLeft>t.offsetLeft)};Object.assign(b,t,{});return(0,_vue.watch)(()=>a.modelValue,()=>{h()}),(0,_vue.onMounted)(()=>{N()}),h(),b.renderVN=()=>{var{vertical:e,range:t}=a,u=o.value,l=c.value,r=p.value;return(0,_vue.h)("div",{ref:s,class:["vxe-slider",{["size--"+u]:u,"is--vertical":e,"is--readonly":l,"is--disabled":r}]},[(0,_vue.h)("div",{class:"vxe-slider--inner"},[(0,_vue.h)("div",{ref:d,class:"vxe-slider--bar-wrapper"}),(0,_vue.h)("div",{ref:v,class:"vxe-slider--bar-track"}),l||!t?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:f,class:"vxe-slider--bar-btn vxe-slider--start-btn",onMousedown:E}),l?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:m,class:"vxe-slider--bar-btn vxe-slider--end-btn",onMousedown:S})])])},b},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSlider",props:{modelValue:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.max},min:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.min},step:{type:[String,Number],default:()=>(0,_ui.getConfig)().slider.step},size:{type:String,default:()=>(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size},range:{type:Boolean,default:()=>(0,_ui.getConfig)().slider.range},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},emits:["update:modelValue","change"],setup(a,e){const r=e["emit"],i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const o=(0,_ui.useSize)(a)["computeSize"],s=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_vue.ref)(),f=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.reactive)({startValue:0,endValue:0}),u={refElem:s},c=(0,_vue.computed)(()=>{var e=a["readonly"];return null===e?!!i&&i.props.readonly:e}),p=(0,_vue.computed)(()=>{var e=a["disabled"];return null===e?!!i&&i.props.disabled:e}),x=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.max||0)),g=(0,_vue.computed)(()=>_xeUtils.default.toNumber(a.min||0)),l={},b={xID:t,props:a,context:e,reactData:_,getRefMaps:()=>u,getComputeMaps:()=>l},y=(e,t,u)=>{r(e,(0,_ui.createEvent)(u,{$slider:b},t))};t={dispatchEvent:y};const V=e=>{var t=a["range"],u=x.value,l=g.value;return t?_xeUtils.default.floor((e-l)/_xeUtils.default.toNumber(u-l)*100):0},U=(e,t)=>{var u=a["range"],l=x.value,r=g.value;return _xeUtils.default.floor((t-(u?e:0)-r)/_xeUtils.default.toNumber(l-r)*100)},h=()=>{var e,t,u=a["modelValue"];_xeUtils.default.isArray(u)?([e,t]=_xeUtils.default.clone(u,!0).sort(),_.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),_.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(_.startValue=0,_.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(u||0)))},N=()=>{var{startValue:e,endValue:t}=_,u=v.value,l=f.value,r=m.value;let a=0,i=0;i=t<e?(a=V(t),U(t,e)):(a=V(e),U(e,t)),u&&(u.style.left=a+"%",u.style.width=i+"%"),l&&(l.style.left=a+"%"),r&&(r.style.left=_xeUtils.default.floor(a+i)+"%")},M=e=>{var t=a["range"],{startValue:u,endValue:l}=_,t=t?[u,l].sort():l;u=t,r("update:modelValue",u),y("change",{value:t},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,t)},C=(e,l)=>{var t=c.value,u=p.value;const r=x.value,a=g.value;if(!t&&!u){e.preventDefault();const i=document.onmousemove,n=document.onmouseup;document.onmousemove=e=>{e.preventDefault();var t=s.value,u=d.value;t&&u&&(t=u.getBoundingClientRect(),u=(e.clientX-t.left)/t.width,l?_.endValue=_xeUtils.default.floor(Math.max(a,Math.min(r,u*(r-a)+a))):_.startValue=_xeUtils.default.floor(Math.max(a,Math.min(r,u*(r-a))))),N()},document.onmouseup=e=>{document.onmousemove=i,document.onmouseup=n,M(e),N()}}},E=e=>{var t=m.value,u=e.currentTarget;C(e,!!t&&t.offsetLeft<u.offsetLeft)},S=e=>{var t=f.value,u=e.currentTarget;C(e,!t||u.offsetLeft>t.offsetLeft)};Object.assign(b,t,{});return(0,_vue.watch)(()=>a.modelValue,()=>{h()}),(0,_vue.onMounted)(()=>{N()}),h(),b.renderVN=()=>{var{vertical:e,range:t}=a,u=o.value,l=c.value,r=p.value;return(0,_vue.h)("div",{ref:s,class:["vxe-slider",{["size--"+u]:u,"is--vertical":e,"is--readonly":l,"is--disabled":r}]},[(0,_vue.h)("div",{class:"vxe-slider--inner"},[(0,_vue.h)("div",{ref:d,class:"vxe-slider--bar-wrapper"}),(0,_vue.h)("div",{ref:v,class:"vxe-slider--bar-track"}),l||!t?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:f,class:"vxe-slider--bar-btn vxe-slider--start-btn",onMousedown:E}),l?(0,_ui.renderEmptyElement)(b):(0,_vue.h)("div",{ref:m,class:"vxe-slider--bar-btn vxe-slider--end-btn",onMousedown:S})])])},b},render(){return this.renderVN()}});