vxe-pc-ui 4.17.19 → 4.17.21

package/lib/rate/src/rate.js

@@ -100,10 +100,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         $rate: $xeRate
       }, params));
     };
-    const collapsePaneMethods = {
+    const rateMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
+    const ratePrivateMethods = {};
     const emitModel = value => {
       emit('update:modelValue', value);
     };
@@ -133,7 +133,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         }
       }
     };
-    Object.assign($xeRate, collapsePaneMethods, collapsePanePrivateMethods);
+    Object.assign($xeRate, rateMethods, ratePrivateMethods);
     const renderVN = () => {
       const {
         status

package/lib/result/src/result.js

@@ -46,11 +46,11 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         $result: $xeResult
       }, params));
     };
-    const collapsePaneMethods = {
+    const resultMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeResult, collapsePaneMethods, collapsePanePrivateMethods);
+    const resultPrivateMethods = {};
+    Object.assign($xeResult, resultMethods, resultPrivateMethods);
     const renderVN = () => {
       const {
         imageUrl,

package/lib/slider/src/slider.js

@@ -9,10 +9,23 @@ var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function createInternalData() {
+  return {
+    // _isUp: false,
+    currValue: 0,
+    startValue: 0,
+    endValue: 0
+  };
+}
+function createReactData() {
+  return {};
+}
 var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSlider',
   props: {
     modelValue: [String, Number, Array],
+    startValue: [String, Number],
+    endValue: [String, Number],
     vertical: Boolean,
     max: {
       type: [String, Number],
@@ -41,9 +54,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     disabled: {
       type: Boolean,
       default: null
+    },
+    immediate: {
+      type: Boolean,
+      default: () => (0, _ui.getConfig)().slider.immediate
     }
   },
-  emits: ['update:modelValue', 'change', 'track-dragstart', 'track-dragover', 'track-dragend'],
+  emits: ['update:modelValue', 'update:startValue', 'update:endValue', 'change', 'track-dragstart', 'track-dragover', 'track-dragend'],
   setup(props, context) {
     const {
       emit
@@ -59,10 +76,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const refTrackElem = (0, _vue.ref)();
     const refStartBtnElem = (0, _vue.ref)();
     const refEndBtnElem = (0, _vue.ref)();
-    const reactData = (0, _vue.reactive)({
-      startValue: 0,
-      endValue: 0
-    });
+    const reactData = (0, _vue.reactive)(createReactData());
+    const internalData = createInternalData();
     const refMaps = {
       refElem
     };
@@ -96,6 +111,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const computeMinNum = (0, _vue.computed)(() => {
       return _xeUtils.default.toNumber(props.min || 0);
     });
+    const computeMVal = (0, _vue.computed)(() => {
+      const {
+        range,
+        startValue,
+        endValue
+      } = props;
+      return range ? `${startValue || ''}${endValue || ''}` : '';
+    });
     const computeMaps = {};
     const $xeSlider = {
       xID,
@@ -106,6 +129,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       getComputeMaps: () => computeMaps
     };
     const emitModel = value => {
+      internalData._isUp = true;
       emit('update:modelValue', value);
     };
     const dispatchEvent = (type, params, evnt) => {
@@ -116,61 +140,119 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const collapsePaneMethods = {
       dispatchEvent
     };
-    const getStartPercent = startValue => {
-      const {
-        range
-      } = props;
+    const getBarPercent = currValue => {
       const maxNum = computeMaxNum.value;
       const minNum = computeMinNum.value;
-      return range ? _xeUtils.default.floor((startValue - minNum) / _xeUtils.default.toNumber(maxNum - minNum) * 100) : 0;
+      if (maxNum === minNum) {
+        return 0;
+      }
+      if (currValue < minNum) {
+        currValue = minNum;
+      }
+      if (currValue > maxNum) {
+        currValue = maxNum;
+      }
+      return (currValue - minNum) / (maxNum - minNum) * 100;
     };
-    const getEndPercent = (startValue, endValue) => {
-      const {
-        range
-      } = props;
-      const maxNum = computeMaxNum.value;
-      const minNum = computeMinNum.value;
-      return _xeUtils.default.floor((endValue - (range ? startValue : 0) - minNum) / _xeUtils.default.toNumber(maxNum - minNum) * 100);
+    const parseFields = (startValue, endValue) => {
+      const [sVal, eVal] = _xeUtils.default.orderBy([_xeUtils.default.toNumber(startValue), _xeUtils.default.toNumber(endValue)]);
+      const currValue = _xeUtils.default.floor(_xeUtils.default.toNumber(sVal || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = currValue;
+      internalData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(eVal || 0));
+    };
+    const parseArrs = arrVals => {
+      const [sVal, eVal] = _xeUtils.default.orderBy(arrVals);
+      const currValue = _xeUtils.default.floor(_xeUtils.default.toNumber(sVal || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = currValue;
+      internalData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(eVal || 0));
     };
-    const updateModel = () => {
+    const parseNum = val => {
+      const currValue = _xeUtils.default.floor(_xeUtils.default.toNumber(val || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = 0;
+      internalData.endValue = currValue;
+    };
+    const updateModelValue = umType => {
       const {
-        modelValue
+        range,
+        modelValue,
+        startValue,
+        endValue
       } = props;
-      if (_xeUtils.default.isArray(modelValue)) {
-        const [sVal, eVal] = _xeUtils.default.clone(modelValue, true).sort();
-        reactData.startValue = _xeUtils.default.floor(_xeUtils.default.toNumber(sVal || 0));
-        reactData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(eVal || 0));
+      if (!umType) {
+        if (range) {
+          if (_xeUtils.default.eqNull(modelValue)) {
+            if (startValue || endValue) {
+              parseFields(startValue, endValue);
+            }
+          } else {
+            if (_xeUtils.default.isArray(modelValue)) {
+              parseArrs(modelValue.map(num => _xeUtils.default.toNumber(num)));
+            } else {
+              parseNum(modelValue);
+            }
+          }
+        } else {
+          parseNum(modelValue);
+        }
+      } else if (range && umType === 2) {
+        parseFields(startValue, endValue);
       } else {
-        reactData.startValue = 0;
-        reactData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(modelValue || 0));
+        if (_xeUtils.default.isArray(modelValue)) {
+          parseArrs(modelValue.map(num => _xeUtils.default.toNumber(num)));
+        } else {
+          parseNum(modelValue);
+        }
       }
+      updateBarStyle();
+      updateTrackStyle();
     };
     const updateBarStyle = () => {
       const {
+        range
+      } = props;
+      const {
+        currValue,
         startValue,
         endValue
-      } = reactData;
-      const trackElem = refTrackElem.value;
+      } = internalData;
       const startBtnElem = refStartBtnElem.value;
       const endBtnElem = refEndBtnElem.value;
-      let startPercent = 0;
-      let endPercent = 0;
-      if (startValue > endValue) {
-        startPercent = getStartPercent(endValue);
-        endPercent = getEndPercent(endValue, startValue);
+      if (range) {
+        const [sVal, eVal] = _xeUtils.default.orderBy([startValue, endValue]);
+        if (startBtnElem) {
+          startBtnElem.style.left = getBarPercent(sVal) + '%';
+        }
+        if (endBtnElem) {
+          endBtnElem.style.left = getBarPercent(eVal) + '%';
+        }
       } else {
-        startPercent = getStartPercent(startValue);
-        endPercent = getEndPercent(startValue, endValue);
+        if (endBtnElem) {
+          endBtnElem.style.left = getBarPercent(currValue) + '%';
+        }
       }
+    };
+    const updateTrackStyle = () => {
+      const {
+        range
+      } = props;
+      const {
+        currValue,
+        startValue,
+        endValue
+      } = internalData;
+      const trackElem = refTrackElem.value;
       if (trackElem) {
-        trackElem.style.left = `${startPercent}%`;
-        trackElem.style.width = `${endPercent}%`;
-      }
-      if (startBtnElem) {
-        startBtnElem.style.left = `${startPercent}%`;
-      }
-      if (endBtnElem) {
-        endBtnElem.style.left = `${_xeUtils.default.floor(startPercent + endPercent)}%`;
+        if (range) {
+          const [sVal, eVal] = _xeUtils.default.orderBy([startValue, endValue]);
+          trackElem.style.left = getBarPercent(sVal) + '%';
+          trackElem.style.width = getBarPercent(eVal - sVal) + '%';
+        } else {
+          trackElem.style.left = '0';
+          trackElem.style.width = getBarPercent(currValue) + '%';
+        }
       }
     };
     const changeEvent = evnt => {
@@ -178,11 +260,17 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         range
       } = props;
       const {
+        currValue,
         startValue,
         endValue
-      } = reactData;
-      const value = range ? [startValue, endValue].sort() : endValue;
+      } = internalData;
+      const vals = range ? _xeUtils.default.orderBy([startValue, endValue]) : [];
+      const value = range ? vals : currValue;
       emitModel(value);
+      if (range) {
+        emit('update:startValue', vals[0] || 0);
+        emit('update:endValue', vals[1] || 0);
+      }
       dispatchEvent('change', {
         value
       }, evnt);
@@ -191,11 +279,25 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
       }
     };
-    const handleMousedownEvent = (evnt, isEnd) => {
-      const formReadonly = computeFormReadonly.value;
-      const isDisabled = computeIsDisabled.value;
+    const getValueByLeft = (offsetLeft, barWidth) => {
       const maxNum = computeMaxNum.value;
       const minNum = computeMinNum.value;
+      if (barWidth === 0) {
+        return minNum;
+      }
+      const clamped = Math.max(0, Math.min(barWidth, offsetLeft));
+      const ratio = clamped / barWidth;
+      const raw = minNum + ratio * (maxNum - minNum);
+      return Math.floor(raw);
+    };
+    const handleBtnMousedownEvent = evnt => {
+      const {
+        range,
+        immediate
+      } = props;
+      const btnElem = evnt.currentTarget;
+      const formReadonly = computeFormReadonly.value;
+      const isDisabled = computeIsDisabled.value;
       if (!(formReadonly || isDisabled)) {
         evnt.preventDefault();
         document.onmousemove = evnt => {
@@ -203,46 +305,49 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           const el = refElem.value;
           const barElem = refBarElem.value;
           if (el && barElem) {
+            const btnType = btnElem.getAttribute('data-type');
             const barRect = barElem.getBoundingClientRect();
-            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 {
-              reactData.startValue = _xeUtils.default.floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum))));
+            const barWidth = barRect.width;
+            const offsetLeft = Math.min(barWidth, Math.max(0, evnt.clientX - barRect.left));
+            const currValue = getValueByLeft(offsetLeft, barWidth);
+            if (range) {
+              if (btnType === '1') {
+                internalData.startValue = currValue;
+              } else {
+                internalData.endValue = currValue;
+              }
             }
+            internalData.currValue = currValue;
+            btnElem.style.left = getBarPercent(currValue) + '%';
             dispatchEvent('track-dragover', {
-              startValue: reactData.startValue,
-              endValue: reactData.endValue
+              currentValue: internalData.currValue,
+              startValue: internalData.startValue,
+              endValue: internalData.endValue
             }, evnt);
           }
-          updateBarStyle();
+          if (immediate) {
+            changeEvent(evnt);
+          }
+          updateTrackStyle();
         };
         document.onmouseup = evnt => {
           document.onmousemove = null;
           document.onmouseup = null;
           dispatchEvent('track-dragend', {
-            startValue: reactData.startValue,
-            endValue: reactData.endValue
+            currentValue: internalData.currValue,
+            startValue: internalData.startValue,
+            endValue: internalData.endValue
           }, evnt);
           changeEvent(evnt);
-          updateBarStyle();
+          updateTrackStyle();
         };
         dispatchEvent('track-dragstart', {
-          startValue: reactData.startValue,
-          endValue: reactData.endValue
+          currentValue: internalData.currValue,
+          startValue: internalData.startValue,
+          endValue: internalData.endValue
         }, evnt);
       }
     };
-    const handleStartMousedownEvent = evnt => {
-      const endBtnElem = refEndBtnElem.value;
-      const startBtnElem = evnt.currentTarget;
-      handleMousedownEvent(evnt, endBtnElem ? endBtnElem.offsetLeft < startBtnElem.offsetLeft : false);
-    };
-    const handleEndMousedownEvent = evnt => {
-      const startBtnElem = refStartBtnElem.value;
-      const endBtnElem = evnt.currentTarget;
-      handleMousedownEvent(evnt, startBtnElem ? endBtnElem.offsetLeft > startBtnElem.offsetLeft : true);
-    };
     const collapsePanePrivateMethods = {};
     Object.assign($xeSlider, collapsePaneMethods, collapsePanePrivateMethods);
     const renderVN = () => {
@@ -271,21 +376,35 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         class: 'vxe-slider--bar-track'
       }), formReadonly || !range ? (0, _ui.renderEmptyElement)($xeSlider) : (0, _vue.h)('div', {
         ref: refStartBtnElem,
-        class: 'vxe-slider--bar-btn vxe-slider--start-btn',
-        onMousedown: handleStartMousedownEvent
+        class: 'vxe-slider--bar-btn',
+        'data-type': '1',
+        onMousedown: handleBtnMousedownEvent
       }), formReadonly ? (0, _ui.renderEmptyElement)($xeSlider) : (0, _vue.h)('div', {
         ref: refEndBtnElem,
-        class: 'vxe-slider--bar-btn vxe-slider--end-btn',
-        onMousedown: handleEndMousedownEvent
+        class: 'vxe-slider--bar-btn',
+        'data-type': '2',
+        onMousedown: handleBtnMousedownEvent
       })])]);
     };
     (0, _vue.watch)(() => props.modelValue, () => {
-      updateModel();
+      if (!internalData._isUp) {
+        updateModelValue(1);
+      }
+      internalData._isUp = false;
+    });
+    (0, _vue.watch)(computeMVal, () => {
+      if (!internalData._isUp) {
+        updateModelValue(2);
+      }
+      internalData._isUp = false;
     });
     (0, _vue.onMounted)(() => {
-      updateBarStyle();
+      updateModelValue();
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      _xeUtils.default.assign(reactData, createReactData());
+      _xeUtils.default.assign(internalData, createInternalData());
     });
-    updateModel();
     $xeSlider.renderVN = renderVN;
     return $xeSlider;
   },

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

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

package/lib/slider/style/style.css

@@ -1,7 +1,7 @@
 .vxe-slider {
   position: relative;
   display: block;
-  padding: 0.5em 1em;
+  padding: 0.8em;
 }
 .vxe-slider.theme--primary .vxe-slider--bar-track {
   background-color: var(--vxe-ui-font-primary-color);
@@ -83,10 +83,10 @@
   cursor: pointer;
 }
 .vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover {
-  transform: scale(1.2);
+  transform: translate(-50%, -50%) scale(1.2);
 }
 .vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active {
-  transform: scale(1.1);
+  transform: translate(-50%, -50%) scale(1.1);
 }
 .vxe-slider.is--readonly .vxe-slider--bar-wrapper,
 .vxe-slider.is--readonly .vxe-slider--inner {
@@ -123,21 +123,14 @@
 
 .vxe-slider--bar-btn {
   position: absolute;
-  width: 0.9em;
-  height: 0.9em;
-  top: -0.3em;
+  width: 1.2em;
+  height: 1.2em;
+  top: 50%;
+  transform: translate(-50%, -50%);
   border-radius: 50%;
-  border: 0.15em solid var(--vxe-ui-font-primary-color);
+  border: 2px solid var(--vxe-ui-font-primary-color);
   background-color: #fff;
   cursor: pointer;
   z-index: 1;
   transition: transform 0.1s ease-in-out;
-}
-
-.vxe-slider--start-btn {
-  left: -0.45em;
-}
-
-.vxe-slider--end-btn {
-  right: -0.45em;
 }

package/lib/slider/style/style.min.css

@@ -1 +1 @@
-.vxe-slider{position:relative;display:block;padding:.5em 1em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:scale(1.1)}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:.9em;height:.9em;top:-.3em;border-radius:50%;border:.15em solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}.vxe-slider--start-btn{left:-.45em}.vxe-slider--end-btn{right:-.45em}
+.vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1)}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}

package/lib/space/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeSpace = exports.Space = void 0;
+var _core = require("@vxe-ui/core");
+var _space = _interopRequireDefault(require("./src/space"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const VxeSpace = exports.VxeSpace = Object.assign({}, _space.default, {
+  install(app) {
+    app.component(_space.default.name, _space.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSpace);
+_core.VxeUI.component(_space.default);
+const Space = exports.Space = VxeSpace;
+var _default = exports.default = VxeSpace;

package/lib/space/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSpace=exports.Space=void 0;var _core=require("@vxe-ui/core"),_space=_interopRequireDefault(require("./src/space")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeSpace=exports.VxeSpace=Object.assign({},_space.default,{install(e){e.component(_space.default.name,_space.default)}}),Space=(_dynamics.dynamicApp.use(VxeSpace),_core.VxeUI.component(_space.default),exports.Space=VxeSpace);var _default=exports.default=VxeSpace;