vxe-pc-ui 3.17.18 → 3.17.20
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/es/button/style.css +12 -6
- package/es/button/style.min.css +1 -1
- package/es/components.js +31 -1
- package/es/icon/style.css +1 -1
- package/es/slider/src/slider.js +38 -9
- package/es/space/index.js +12 -0
- package/es/space/src/space.js +121 -0
- package/es/space/style.css +36 -0
- package/es/space/style.min.css +1 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +2 -1
- package/es/ui/src/dom.js +3 -0
- package/es/ui/src/log.js +1 -1
- package/es/vxe-button/style.css +12 -6
- package/es/vxe-button/style.min.css +1 -1
- package/es/vxe-space/index.js +3 -0
- package/es/vxe-space/style.css +36 -0
- package/es/vxe-space/style.min.css +1 -0
- package/lib/button/style/style.css +12 -6
- package/lib/button/style/style.min.css +1 -1
- package/lib/components.js +41 -2
- package/lib/components.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +237 -11
- package/lib/index.umd.min.js +1 -1
- package/lib/slider/src/slider.js +40 -7
- package/lib/slider/src/slider.min.js +1 -1
- package/lib/space/index.js +19 -0
- package/lib/space/index.min.js +1 -0
- package/lib/space/src/space.js +145 -0
- package/lib/space/src/space.min.js +1 -0
- package/lib/space/style/index.js +1 -0
- package/lib/space/style/style.css +36 -0
- package/lib/space/style/style.min.css +1 -0
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +2 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/dom.js +4 -0
- package/lib/ui/src/dom.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-button/style/style.css +12 -6
- package/lib/vxe-button/style/style.min.css +1 -1
- package/lib/vxe-space/index.js +22 -0
- package/lib/vxe-space/index.min.js +1 -0
- package/lib/vxe-space/style/index.js +1 -0
- package/lib/vxe-space/style/style.css +36 -0
- package/lib/vxe-space/style/style.min.css +1 -0
- package/package.json +1 -1
- package/packages/components.ts +31 -1
- package/packages/slider/src/slider.ts +44 -6
- package/packages/space/index.ts +16 -0
- package/packages/space/src/space.ts +132 -0
- package/packages/ui/index.ts +1 -0
- package/packages/ui/src/dom.ts +4 -0
- package/styles/all.scss +1 -0
- package/styles/components/button.scss +13 -7
- package/styles/components/space.scss +37 -0
- package/styles/theme/base.scss +20 -6
- package/types/all.d.ts +3 -0
- package/types/components/slider.d.ts +6 -0
- package/types/components/space.d.ts +100 -0
- package/types/ui/global-config.d.ts +2 -0
- /package/es/icon/{iconfont.1787676853197.ttf → iconfont.1787911531497.ttf} +0 -0
- /package/es/icon/{iconfont.1787676853197.woff → iconfont.1787911531497.woff} +0 -0
- /package/es/icon/{iconfont.1787676853197.woff2 → iconfont.1787911531497.woff2} +0 -0
- /package/es/{iconfont.1787676853197.ttf → iconfont.1787911531497.ttf} +0 -0
- /package/es/{iconfont.1787676853197.woff → iconfont.1787911531497.woff} +0 -0
- /package/es/{iconfont.1787676853197.woff2 → iconfont.1787911531497.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1787676853197.ttf → iconfont.1787911531497.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1787676853197.woff → iconfont.1787911531497.woff} +0 -0
- /package/lib/icon/style/{iconfont.1787676853197.woff2 → iconfont.1787911531497.woff2} +0 -0
- /package/lib/{iconfont.1787676853197.ttf → iconfont.1787911531497.ttf} +0 -0
- /package/lib/{iconfont.1787676853197.woff → iconfont.1787911531497.woff} +0 -0
- /package/lib/{iconfont.1787676853197.woff2 → iconfont.1787911531497.woff2} +0 -0
package/lib/slider/src/slider.js
CHANGED
|
@@ -18,6 +18,17 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
18
18
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
19
19
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
20
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
21
|
+
function createInternalData() {
|
|
22
|
+
return {
|
|
23
|
+
// _isUp: false
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function createReactData() {
|
|
27
|
+
return {
|
|
28
|
+
startValue: 0,
|
|
29
|
+
endValue: 0
|
|
30
|
+
};
|
|
31
|
+
}
|
|
21
32
|
var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
|
|
22
33
|
name: 'VxeSlider',
|
|
23
34
|
model: {
|
|
@@ -64,6 +75,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
64
75
|
disabled: {
|
|
65
76
|
type: Boolean,
|
|
66
77
|
default: null
|
|
78
|
+
},
|
|
79
|
+
immediate: {
|
|
80
|
+
type: Boolean,
|
|
81
|
+
default: function _default() {
|
|
82
|
+
return (0, _ui.getConfig)().slider.immediate;
|
|
83
|
+
}
|
|
67
84
|
}
|
|
68
85
|
},
|
|
69
86
|
inject: {
|
|
@@ -77,14 +94,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
77
94
|
},
|
|
78
95
|
data: function data() {
|
|
79
96
|
var xID = _xeUtils.default.uniqueId();
|
|
80
|
-
var reactData =
|
|
81
|
-
|
|
82
|
-
endValue: 0
|
|
83
|
-
};
|
|
84
|
-
return {
|
|
97
|
+
var reactData = createReactData();
|
|
98
|
+
return Object.assign(Object.assign({}, {}), {
|
|
85
99
|
xID: xID,
|
|
86
100
|
reactData: reactData
|
|
87
|
-
};
|
|
101
|
+
});
|
|
88
102
|
},
|
|
89
103
|
computed: Object.assign(Object.assign({}, {}), {
|
|
90
104
|
computeFormReadonly: function computeFormReadonly() {
|
|
@@ -136,7 +150,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
136
150
|
},
|
|
137
151
|
emitModel: function emitModel(value) {
|
|
138
152
|
var $xeSlider = this;
|
|
153
|
+
var internalData = $xeSlider.internalData;
|
|
139
154
|
var _events = $xeSlider._events;
|
|
155
|
+
internalData._isUp = true;
|
|
140
156
|
if (_events && _events.modelValue) {
|
|
141
157
|
$xeSlider.$emit('modelValue', value);
|
|
142
158
|
} else {
|
|
@@ -225,7 +241,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
225
241
|
},
|
|
226
242
|
handleMousedownEvent: function handleMousedownEvent(evnt, isEnd) {
|
|
227
243
|
var $xeSlider = this;
|
|
244
|
+
var props = $xeSlider;
|
|
228
245
|
var reactData = $xeSlider.reactData;
|
|
246
|
+
var immediate = props.immediate;
|
|
229
247
|
var formReadonly = $xeSlider.computeFormReadonly;
|
|
230
248
|
var isDisabled = $xeSlider.computeIsDisabled;
|
|
231
249
|
var maxNum = $xeSlider.computeMaxNum;
|
|
@@ -248,6 +266,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
248
266
|
endValue: reactData.endValue
|
|
249
267
|
}, evnt);
|
|
250
268
|
}
|
|
269
|
+
if (immediate) {
|
|
270
|
+
$xeSlider.changeEvent(evnt);
|
|
271
|
+
}
|
|
251
272
|
$xeSlider.updateBarStyle();
|
|
252
273
|
};
|
|
253
274
|
document.onmouseup = function (evnt) {
|
|
@@ -318,17 +339,29 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
|
|
|
318
339
|
watch: {
|
|
319
340
|
value: function value() {
|
|
320
341
|
var $xeSlider = this;
|
|
321
|
-
$xeSlider.
|
|
342
|
+
var internalData = $xeSlider.internalData;
|
|
343
|
+
if (!internalData._isUp) {
|
|
344
|
+
$xeSlider.updateModel();
|
|
345
|
+
}
|
|
346
|
+
internalData._isUp = false;
|
|
322
347
|
}
|
|
323
348
|
},
|
|
324
349
|
created: function created() {
|
|
325
350
|
var $xeSlider = this;
|
|
351
|
+
$xeSlider.internalData = createInternalData();
|
|
326
352
|
$xeSlider.updateModel();
|
|
327
353
|
},
|
|
328
354
|
mounted: function mounted() {
|
|
329
355
|
var $xeSlider = this;
|
|
330
356
|
$xeSlider.updateBarStyle();
|
|
331
357
|
},
|
|
358
|
+
beforeDestroy: function beforeDestroy() {
|
|
359
|
+
var $xeSlider = this;
|
|
360
|
+
var reactData = $xeSlider.reactData;
|
|
361
|
+
var internalData = $xeSlider.internalData;
|
|
362
|
+
_xeUtils.default.assign(reactData, createReactData());
|
|
363
|
+
_xeUtils.default.assign(internalData, createInternalData());
|
|
364
|
+
},
|
|
332
365
|
render: function render(h) {
|
|
333
366
|
return this.renderVN(h);
|
|
334
367
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,
|
|
1
|
+
function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,o,l=[],u=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function createInternalData(){return{}}function createReactData(){return{startValue:0,endValue:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},immediate:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.immediate}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){var t=this.internalData,r=this._events;t._isUp=!0,r&&r.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getStartPercent:function(e){var t=this.range,r=this.computeMaxNum,n=this.computeMinNum;return t?_xeUtils.default.floor((e-n)/_xeUtils.default.toNumber(r-n)*100):0},getEndPercent:function(e,t){var r=this.range,n=this.computeMaxNum,a=this.computeMinNum;return _xeUtils.default.floor((t-(r?e:0)-a)/_xeUtils.default.toNumber(n-a)*100)},updateModel:function(){var e,t,r=this.reactData,n=this.value;_xeUtils.default.isArray(n)?(e=(t=_slicedToArray(_xeUtils.default.clone(n,!0).sort(),2))[0],t=t[1],r.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(r.startValue=0,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(n||0)))},updateBarStyle:function(){var e=this,t=e.reactData,r=t.startValue,t=t.endValue,n=e.$refs.refTrackElem,a=e.$refs.refStartBtnElem,i=e.$refs.refEndBtnElem,o=0,l=0,l=t<r?(o=e.getStartPercent(t),e.getEndPercent(t,r)):(o=e.getStartPercent(r),e.getEndPercent(r,t));n&&(n.style.left="".concat(o,"%"),n.style.width="".concat(l,"%")),a&&(a.style.left="".concat(o,"%")),i&&(i.style.left="".concat(_xeUtils.default.floor(o+l),"%"))},changeEvent:function(e){var t=this,r=t.reactData,n=t.$xeForm,a=t.formItemInfo,i=t.range,o=r.startValue,r=r.endValue,i=i?[o,r].sort():r;t.emitModel(i),t.dispatchEvent("change",{value:i},e),n&&a&&n.triggerItemEvent(e,a.itemConfig.field,i)},handleMousedownEvent:function(e,r){var n=this,a=n.reactData,i=n.immediate,o=n.computeMaxNum,l=n.computeMinNum;n.computeFormReadonly||n.computeIsDisabled||(e.preventDefault(),document.onmousemove=function(e){e.preventDefault();var t=n.$refs.refBarElem;t&&(t=t.getBoundingClientRect(),t=(e.clientX-t.left)/t.width,r?a.endValue=_xeUtils.default.floor(Math.max(l,Math.min(o,t*(o-l)+l))):a.startValue=_xeUtils.default.floor(Math.max(l,Math.min(o,t*(o-l)))),n.dispatchEvent("track-dragover",{startValue:a.startValue,endValue:a.endValue},e)),i&&n.changeEvent(e),n.updateBarStyle()},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null,n.dispatchEvent("track-dragend",{startValue:a.startValue,endValue:a.endValue},e),n.changeEvent(e),n.updateBarStyle()},n.dispatchEvent("track-dragstart",{startValue:a.startValue,endValue:a.endValue},e))},handleStartMousedownEvent:function(e){var t=this.$refs.refEndBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!!t&&t.offsetLeft<r.offsetLeft)},handleEndMousedownEvent:function(e){var t=this.$refs.refStartBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!t||r.offsetLeft>t.offsetLeft)},renderVN:function(e){var t=this,r=t.vertical,n=t.range,a=t.computeSize,i=t.computeFormReadonly,o=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--vertical",r),"is--readonly",i),"is--disabled",o)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),i||!n?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn vxe-slider--start-btn",on:{mousedown:t.handleStartMousedownEvent}}),i?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn vxe-slider--end-btn",on:{mousedown:t.handleEndMousedownEvent}})])])}},watch:{value:function(){var e=this.internalData;e._isUp||this.updateModel(),e._isUp=!1}},created:function(){this.internalData=createInternalData(),this.updateModel()},mounted:function(){this.updateBarStyle()},beforeDestroy:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.VxeSpace = exports.Space = void 0;
|
|
7
|
+
var _core = require("@vxe-ui/core");
|
|
8
|
+
var _space = _interopRequireDefault(require("./src/space"));
|
|
9
|
+
var _dynamics = require("../dynamics");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
var VxeSpace = exports.VxeSpace = Object.assign({}, _space.default, {
|
|
12
|
+
install: function install(app) {
|
|
13
|
+
app.component(_space.default.name, _space.default);
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
_dynamics.dynamicApp.use(VxeSpace);
|
|
17
|
+
_core.VxeUI.component(_space.default);
|
|
18
|
+
var Space = exports.Space = VxeSpace;
|
|
19
|
+
var _default = exports.default = VxeSpace;
|
|
@@ -0,0 +1 @@
|
|
|
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}}var VxeSpace=exports.VxeSpace=Object.assign({},_space.default,{install:function(e){e.component(_space.default.name,_space.default)}}),Space=(_dynamics.dynamicApp.use(VxeSpace),_core.VxeUI.component(_space.default),exports.Space=VxeSpace),_default=exports.default=VxeSpace;
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _comp = require("../../ui/src/comp");
|
|
8
|
+
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
9
|
+
var _ui = require("../../ui");
|
|
10
|
+
var _dom = require("../../ui/src/dom");
|
|
11
|
+
var _utils = require("../../ui/src/utils");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
16
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
+
var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
|
|
18
|
+
name: 'VxeSpace',
|
|
19
|
+
mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
|
|
20
|
+
props: {
|
|
21
|
+
size: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: function _default() {
|
|
24
|
+
return (0, _ui.getConfig)().space.size || (0, _ui.getConfig)().size;
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
wrap: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: function _default() {
|
|
30
|
+
return (0, _ui.getConfig)().space.wrap;
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
gap: {
|
|
34
|
+
type: [Number, String, Array, Object],
|
|
35
|
+
default: function _default() {
|
|
36
|
+
return (0, _ui.getConfig)().space.gap;
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
vertical: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: function _default() {
|
|
42
|
+
return (0, _ui.getConfig)().space.vertical;
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
className: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: function _default() {
|
|
48
|
+
return (0, _ui.getConfig)().space.className;
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
itemClassName: {
|
|
52
|
+
type: String,
|
|
53
|
+
default: function _default() {
|
|
54
|
+
return (0, _ui.getConfig)().space.itemClassName;
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
separator: {
|
|
58
|
+
type: String,
|
|
59
|
+
default: function _default() {
|
|
60
|
+
return (0, _ui.getConfig)().space.separator;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
data: function data() {
|
|
65
|
+
var xID = _xeUtils.default.uniqueId();
|
|
66
|
+
var reactData = {
|
|
67
|
+
activeValue: null
|
|
68
|
+
};
|
|
69
|
+
return {
|
|
70
|
+
xID: xID,
|
|
71
|
+
reactData: reactData
|
|
72
|
+
};
|
|
73
|
+
},
|
|
74
|
+
computed: Object.assign(Object.assign({}, {}), {
|
|
75
|
+
computeWrapperStyle: function computeWrapperStyle() {
|
|
76
|
+
var $xeSpace = this;
|
|
77
|
+
var props = $xeSpace;
|
|
78
|
+
var gap = props.gap;
|
|
79
|
+
var stys = {};
|
|
80
|
+
var rowGap = '';
|
|
81
|
+
var columGap = '';
|
|
82
|
+
if (_xeUtils.default.isNumber(gap) || _xeUtils.default.isString(gap)) {
|
|
83
|
+
rowGap = gap;
|
|
84
|
+
columGap = gap;
|
|
85
|
+
} else if (gap) {
|
|
86
|
+
if (_xeUtils.default.isArray(gap)) {
|
|
87
|
+
rowGap = gap[0];
|
|
88
|
+
columGap = gap[1];
|
|
89
|
+
} else {
|
|
90
|
+
rowGap = gap.rowGap || '';
|
|
91
|
+
columGap = gap.columGap || '';
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
if (!(0, _utils.eqEmptyValue)(rowGap)) {
|
|
95
|
+
stys['--vxe-ui-space-current-row-gap'] = (0, _dom.toCssUnit)(rowGap);
|
|
96
|
+
}
|
|
97
|
+
if (!(0, _utils.eqEmptyValue)(columGap)) {
|
|
98
|
+
stys['--vxe-ui-space-current-column-gap'] = (0, _dom.toCssUnit)(columGap);
|
|
99
|
+
}
|
|
100
|
+
return stys;
|
|
101
|
+
}
|
|
102
|
+
}),
|
|
103
|
+
methods: {
|
|
104
|
+
//
|
|
105
|
+
// Method
|
|
106
|
+
//
|
|
107
|
+
dispatchEvent: function dispatchEvent(type, params, evnt) {
|
|
108
|
+
var $xeSpace = this;
|
|
109
|
+
$xeSpace.$emit(type, (0, _ui.createEvent)(evnt, {
|
|
110
|
+
$space: $xeSpace
|
|
111
|
+
}, params));
|
|
112
|
+
},
|
|
113
|
+
//
|
|
114
|
+
// Render
|
|
115
|
+
//
|
|
116
|
+
renderVN: function renderVN(h) {
|
|
117
|
+
var $xeSpace = this;
|
|
118
|
+
var props = $xeSpace;
|
|
119
|
+
var slots = $xeSpace.$scopedSlots;
|
|
120
|
+
var vertical = props.vertical,
|
|
121
|
+
wrap = props.wrap,
|
|
122
|
+
className = props.className,
|
|
123
|
+
itemClassName = props.itemClassName;
|
|
124
|
+
var wrapperStyle = $xeSpace.computeWrapperStyle;
|
|
125
|
+
var vSize = $xeSpace.computeSize;
|
|
126
|
+
var defaultSlot = slots.default;
|
|
127
|
+
return h('div', {
|
|
128
|
+
ref: 'refElem',
|
|
129
|
+
class: ['vxe-space', (0, _dom.getPropClass)(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
|
|
130
|
+
style: wrapperStyle
|
|
131
|
+
}, defaultSlot ? (defaultSlot({}) || []).map(function (itemVN, index) {
|
|
132
|
+
return h('div', {
|
|
133
|
+
key: index,
|
|
134
|
+
class: ['vxe-space--item', (0, _dom.getPropClass)(itemClassName, {
|
|
135
|
+
index: index
|
|
136
|
+
})]
|
|
137
|
+
}, [itemVN]);
|
|
138
|
+
}) : []);
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
render: function render(h) {
|
|
142
|
+
return this.renderVN(h);
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
/* define-vxe-component end */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_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}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSpace",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{size:{type:String,default:function(){return(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size}},wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.wrap}},gap:{type:[Number,String,Array,Object],default:function(){return(0,_ui.getConfig)().space.gap}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.vertical}},className:{type:String,default:function(){return(0,_ui.getConfig)().space.className}},itemClassName:{type:String,default:function(){return(0,_ui.getConfig)().space.itemClassName}},separator:{type:String,default:function(){return(0,_ui.getConfig)().space.separator}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeValue:null}}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this.gap,t={},i="",r="";return _xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?r=i=e:e&&(r=_xeUtils.default.isArray(e)?(i=e[0],e[1]):(i=e.rowGap||"",e.columGap||"")),(0,_utils.eqEmptyValue)(i)||(t["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(i)),(0,_utils.eqEmptyValue)(r)||(t["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(r)),t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$space:this},t))},renderVN:function(i){var e=this,t=e.$scopedSlots,r=e.vertical,n=e.wrap,o=e.itemClassName,u=e.computeWrapperStyle,a=e.computeSize,t=t.default;return i("div",{ref:"refElem",class:["vxe-space",(0,_dom.getPropClass)(e.className,{}),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--wrap",n),"is--vertical",r)],style:u},t?(t({})||[]).map(function(e,t){return i("div",{key:t,class:["vxe-space--item",(0,_dom.getPropClass)(o,{index:t})]},[e])}):[])}},render:function(e){return this.renderVN(e)}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require('./style.css')
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
.vxe-space {
|
|
2
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-default);
|
|
3
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-default);
|
|
4
|
+
}
|
|
5
|
+
.vxe-space.size--xlarge {
|
|
6
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-xlarge);
|
|
7
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-xlarge);
|
|
8
|
+
}
|
|
9
|
+
.vxe-space.size--large {
|
|
10
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-large);
|
|
11
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-large);
|
|
12
|
+
}
|
|
13
|
+
.vxe-space.size--medium {
|
|
14
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-medium);
|
|
15
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-medium);
|
|
16
|
+
}
|
|
17
|
+
.vxe-space.size--small {
|
|
18
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-small);
|
|
19
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-small);
|
|
20
|
+
}
|
|
21
|
+
.vxe-space.size--mini {
|
|
22
|
+
--vxe-ui-space-current-row-gap: var(--vxe-ui-space-row-gap-mini);
|
|
23
|
+
--vxe-ui-space-current-column-gap: var(--vxe-ui-space-column-gap-mini);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.vxe-space {
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
flex-direction: row;
|
|
29
|
+
gap: var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap);
|
|
30
|
+
}
|
|
31
|
+
.vxe-space.is--wrap {
|
|
32
|
+
flex-wrap: wrap;
|
|
33
|
+
}
|
|
34
|
+
.vxe-space.is--vertical {
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}
|