vxe-pc-ui 4.4.25 → 4.5.0
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/col/style.css +0 -105
- package/es/col/style.min.css +0 -1
- package/es/components.js +6 -0
- package/es/icon/style.css +1 -1
- package/es/modal/src/modal.js +2 -4
- package/es/row/style.css +106 -0
- package/es/row/style.min.css +1 -1
- package/es/select/src/select.js +4 -3
- package/es/split/index.js +12 -0
- package/es/split/src/split-item.js +93 -0
- package/es/split/src/split.js +292 -0
- package/es/split/src/util.js +17 -0
- package/es/split/style.css +88 -0
- package/es/split/style.min.css +1 -0
- package/es/split-item/index.js +12 -0
- package/es/split-item/style.css +0 -0
- package/es/split-item/style.min.css +0 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +6 -1
- package/es/ui/src/log.js +1 -1
- package/es/ui/src/utils.js +6 -0
- package/es/vxe-col/style.css +0 -105
- package/es/vxe-col/style.min.css +0 -1
- package/es/vxe-row/style.css +106 -0
- package/es/vxe-row/style.min.css +1 -1
- package/es/vxe-split/index.js +3 -0
- package/es/vxe-split/style.css +88 -0
- package/es/vxe-split/style.min.css +1 -0
- package/es/vxe-split-item/index.js +3 -0
- package/es/vxe-split-item/style.css +0 -0
- package/es/vxe-split-item/style.min.css +0 -0
- package/lib/col/style/style.css +0 -105
- package/lib/col/style/style.min.css +0 -1
- package/lib/components.js +25 -1
- 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 +488 -10
- package/lib/index.umd.min.js +1 -1
- package/lib/modal/src/modal.js +2 -4
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/row/style/style.css +106 -0
- package/lib/row/style/style.min.css +1 -1
- package/lib/select/src/select.js +7 -3
- package/lib/select/src/select.min.js +1 -1
- package/lib/split/index.js +19 -0
- package/lib/split/index.min.js +1 -0
- package/lib/split/src/split-item.js +105 -0
- package/lib/split/src/split-item.min.js +1 -0
- package/lib/split/src/split.js +315 -0
- package/lib/split/src/split.min.js +1 -0
- package/lib/split/src/util.js +25 -0
- package/lib/split/src/util.min.js +1 -0
- package/lib/split/style/index.js +1 -0
- package/lib/split/style/style.css +88 -0
- package/lib/split/style/style.min.css +1 -0
- package/lib/split-item/index.js +19 -0
- package/lib/split-item/index.min.js +1 -0
- package/lib/split-item/style/index.js +1 -0
- package/lib/split-item/style/style.css +0 -0
- package/lib/split-item/style/style.min.css +0 -0
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +6 -1
- 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/ui/src/utils.js +7 -0
- package/lib/ui/src/utils.min.js +1 -1
- package/lib/vxe-col/style/style.css +0 -105
- package/lib/vxe-col/style/style.min.css +0 -1
- package/lib/vxe-row/style/style.css +106 -0
- package/lib/vxe-row/style/style.min.css +1 -1
- package/lib/vxe-split/index.js +22 -0
- package/lib/vxe-split/index.min.js +1 -0
- package/lib/vxe-split/style/index.js +1 -0
- package/lib/vxe-split/style/style.css +88 -0
- package/lib/vxe-split/style/style.min.css +1 -0
- package/lib/vxe-split-item/index.js +22 -0
- package/lib/vxe-split-item/index.min.js +1 -0
- package/lib/vxe-split-item/style/index.js +1 -0
- package/lib/vxe-split-item/style/style.css +0 -0
- package/lib/vxe-split-item/style/style.min.css +0 -0
- package/package.json +2 -2
- package/packages/components.ts +6 -0
- package/packages/modal/src/modal.ts +2 -4
- package/packages/row/src/col.ts +5 -5
- package/packages/select/src/select.ts +4 -3
- package/packages/split/index.ts +16 -0
- package/packages/split/src/split-item.ts +125 -0
- package/packages/split/src/split.ts +315 -0
- package/packages/split/src/util.ts +21 -0
- package/packages/split-item/index.ts +16 -0
- package/packages/ui/index.ts +5 -0
- package/packages/ui/src/utils.ts +7 -0
- package/styles/all.scss +2 -0
- package/styles/components/col.scss +0 -61
- package/styles/components/row.scss +59 -0
- package/styles/components/split-item.scss +0 -0
- package/styles/components/split.scss +103 -0
- package/styles/helpers/baseVar.scss +4 -0
- package/styles/theme/base.scss +5 -1
- package/styles/theme/dark.scss +3 -0
- package/styles/theme/light.scss +3 -0
- package/styles/variable.scss +4 -0
- package/types/all.d.ts +6 -0
- package/types/components/col.d.ts +11 -1
- package/types/components/split-item.d.ts +89 -0
- package/types/components/split.d.ts +96 -0
- package/types/components/table-plugins/extend-cell-area.d.ts +54 -0
- package/types/components/table.d.ts +131 -11
- package/types/ui/global-config.d.ts +4 -0
- /package/es/icon/{iconfont.1742881828559.ttf → iconfont.1743044808708.ttf} +0 -0
- /package/es/icon/{iconfont.1742881828559.woff → iconfont.1743044808708.woff} +0 -0
- /package/es/icon/{iconfont.1742881828559.woff2 → iconfont.1743044808708.woff2} +0 -0
- /package/es/{iconfont.1742881828559.ttf → iconfont.1743044808708.ttf} +0 -0
- /package/es/{iconfont.1742881828559.woff → iconfont.1743044808708.woff} +0 -0
- /package/es/{iconfont.1742881828559.woff2 → iconfont.1743044808708.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1742881828559.ttf → iconfont.1743044808708.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1742881828559.woff → iconfont.1743044808708.woff} +0 -0
- /package/lib/icon/style/{iconfont.1742881828559.woff2 → iconfont.1743044808708.woff2} +0 -0
- /package/lib/{iconfont.1742881828559.ttf → iconfont.1743044808708.ttf} +0 -0
- /package/lib/{iconfont.1742881828559.woff → iconfont.1743044808708.woff} +0 -0
- /package/lib/{iconfont.1742881828559.woff2 → iconfont.1743044808708.woff2} +0 -0
package/lib/index.umd.js
CHANGED
|
@@ -1955,6 +1955,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
1955
1955
|
Row: function() { return /* reexport */ Row; },
|
|
1956
1956
|
Select: function() { return /* reexport */ Select; },
|
|
1957
1957
|
Slider: function() { return /* reexport */ Slider; },
|
|
1958
|
+
Split: function() { return /* reexport */ Split; },
|
|
1959
|
+
SplitItem: function() { return /* reexport */ SplitItem; },
|
|
1958
1960
|
Steps: function() { return /* reexport */ Steps; },
|
|
1959
1961
|
Switch: function() { return /* reexport */ Switch; },
|
|
1960
1962
|
TabPane: function() { return /* reexport */ TabPane; },
|
|
@@ -2035,6 +2037,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
2035
2037
|
VxeRow: function() { return /* reexport */ VxeRow; },
|
|
2036
2038
|
VxeSelect: function() { return /* reexport */ VxeSelect; },
|
|
2037
2039
|
VxeSlider: function() { return /* reexport */ VxeSlider; },
|
|
2040
|
+
VxeSplit: function() { return /* reexport */ VxeSplit; },
|
|
2041
|
+
VxeSplitItem: function() { return /* reexport */ VxeSplitItem; },
|
|
2038
2042
|
VxeSteps: function() { return /* reexport */ VxeSteps; },
|
|
2039
2043
|
VxeSwitch: function() { return /* reexport */ VxeSwitch; },
|
|
2040
2044
|
VxeTabPane: function() { return /* reexport */ VxeTabPane; },
|
|
@@ -2173,6 +2177,8 @@ __webpack_require__.d(components_namespaceObject, {
|
|
|
2173
2177
|
Row: function() { return Row; },
|
|
2174
2178
|
Select: function() { return Select; },
|
|
2175
2179
|
Slider: function() { return Slider; },
|
|
2180
|
+
Split: function() { return Split; },
|
|
2181
|
+
SplitItem: function() { return SplitItem; },
|
|
2176
2182
|
Steps: function() { return Steps; },
|
|
2177
2183
|
Switch: function() { return Switch; },
|
|
2178
2184
|
TabPane: function() { return TabPane; },
|
|
@@ -2253,6 +2259,8 @@ __webpack_require__.d(components_namespaceObject, {
|
|
|
2253
2259
|
VxeRow: function() { return VxeRow; },
|
|
2254
2260
|
VxeSelect: function() { return VxeSelect; },
|
|
2255
2261
|
VxeSlider: function() { return VxeSlider; },
|
|
2262
|
+
VxeSplit: function() { return VxeSplit; },
|
|
2263
|
+
VxeSplitItem: function() { return VxeSplitItem; },
|
|
2256
2264
|
VxeSteps: function() { return VxeSteps; },
|
|
2257
2265
|
VxeSwitch: function() { return VxeSwitch; },
|
|
2258
2266
|
VxeTabPane: function() { return VxeTabPane; },
|
|
@@ -4175,14 +4183,14 @@ function checkDynamic() {
|
|
|
4175
4183
|
}
|
|
4176
4184
|
;// CONCATENATED MODULE: ./packages/ui/src/log.ts
|
|
4177
4185
|
|
|
4178
|
-
const log_version = `ui v${"4.
|
|
4186
|
+
const log_version = `ui v${"4.5.0"}`;
|
|
4179
4187
|
const warnLog = log.create('warn', log_version);
|
|
4180
4188
|
const errLog = log.create('error', log_version);
|
|
4181
4189
|
;// CONCATENATED MODULE: ./packages/ui/index.ts
|
|
4182
4190
|
|
|
4183
4191
|
|
|
4184
4192
|
|
|
4185
|
-
const ui_version = "4.
|
|
4193
|
+
const ui_version = "4.5.0";
|
|
4186
4194
|
index_esm_VxeUI.uiVersion = ui_version;
|
|
4187
4195
|
index_esm_VxeUI.dynamicApp = dynamicApp;
|
|
4188
4196
|
function config(options) {
|
|
@@ -4449,6 +4457,11 @@ setConfig({
|
|
|
4449
4457
|
oSize: 2
|
|
4450
4458
|
}
|
|
4451
4459
|
},
|
|
4460
|
+
split: {
|
|
4461
|
+
minWidth: 40,
|
|
4462
|
+
minHeight: 40
|
|
4463
|
+
},
|
|
4464
|
+
splitItem: {},
|
|
4452
4465
|
slider: {
|
|
4453
4466
|
max: 100,
|
|
4454
4467
|
min: 0
|
|
@@ -5798,6 +5811,12 @@ function nextZIndex() {
|
|
|
5798
5811
|
function getLastZIndex() {
|
|
5799
5812
|
return index_esm.getCurrent();
|
|
5800
5813
|
}
|
|
5814
|
+
function getGlobalDefaultConfig(value, globalValue) {
|
|
5815
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(value)) {
|
|
5816
|
+
return globalValue;
|
|
5817
|
+
}
|
|
5818
|
+
return value;
|
|
5819
|
+
}
|
|
5801
5820
|
function getFuncText(content, args) {
|
|
5802
5821
|
if (content) {
|
|
5803
5822
|
const translate = getConfig().translate;
|
|
@@ -22730,8 +22749,6 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
|
|
|
22730
22749
|
const maxWidth = visibleWidth;
|
|
22731
22750
|
const maxHeight = visibleHeight;
|
|
22732
22751
|
const boxElem = getBox();
|
|
22733
|
-
const domMousemove = document.onmousemove;
|
|
22734
|
-
const domMouseup = document.onmouseup;
|
|
22735
22752
|
const clientWidth = boxElem.clientWidth;
|
|
22736
22753
|
const clientHeight = boxElem.clientHeight;
|
|
22737
22754
|
const disX = evnt.clientX;
|
|
@@ -22863,8 +22880,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
|
|
|
22863
22880
|
};
|
|
22864
22881
|
document.onmouseup = () => {
|
|
22865
22882
|
reactData.revertLocat = null;
|
|
22866
|
-
document.onmousemove =
|
|
22867
|
-
document.onmouseup =
|
|
22883
|
+
document.onmousemove = null;
|
|
22884
|
+
document.onmouseup = null;
|
|
22868
22885
|
setTimeout(() => {
|
|
22869
22886
|
boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
|
|
22870
22887
|
}, 50);
|
|
@@ -24421,12 +24438,15 @@ function getOptUniqueId() {
|
|
|
24421
24438
|
remote,
|
|
24422
24439
|
multiple
|
|
24423
24440
|
} = props;
|
|
24441
|
+
const {
|
|
24442
|
+
reactFlag
|
|
24443
|
+
} = reactData;
|
|
24424
24444
|
const multiMaxCharNum = computeMultiMaxCharNum.value;
|
|
24425
24445
|
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue)) {
|
|
24426
24446
|
return '';
|
|
24427
24447
|
}
|
|
24428
24448
|
const vals = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue) ? modelValue : [modelValue];
|
|
24429
|
-
if (remote) {
|
|
24449
|
+
if (remote && reactFlag) {
|
|
24430
24450
|
return vals.map(val => getRemoteSelectLabel(val)).join(', ');
|
|
24431
24451
|
}
|
|
24432
24452
|
return vals.map(val => {
|
|
@@ -24466,10 +24486,11 @@ function getOptUniqueId() {
|
|
|
24466
24486
|
};
|
|
24467
24487
|
const getRemoteSelectLabel = value => {
|
|
24468
24488
|
const {
|
|
24469
|
-
remoteValMaps
|
|
24489
|
+
remoteValMaps,
|
|
24490
|
+
optFullValMaps
|
|
24470
24491
|
} = internalData;
|
|
24471
24492
|
const labelField = computeLabelField.value;
|
|
24472
|
-
const remoteItem = remoteValMaps[value];
|
|
24493
|
+
const remoteItem = remoteValMaps[value] || optFullValMaps[value];
|
|
24473
24494
|
const item = remoteItem ? remoteItem.item : null;
|
|
24474
24495
|
return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(item ? item[labelField] : value);
|
|
24475
24496
|
};
|
|
@@ -45075,6 +45096,459 @@ dynamicApp.use(VxeSelect);
|
|
|
45075
45096
|
index_esm_VxeUI.component(src_select);
|
|
45076
45097
|
const Select = VxeSelect;
|
|
45077
45098
|
/* harmony default export */ var packages_select = (VxeSelect);
|
|
45099
|
+
;// CONCATENATED MODULE: ./packages/split/src/split.ts
|
|
45100
|
+
|
|
45101
|
+
|
|
45102
|
+
|
|
45103
|
+
|
|
45104
|
+
|
|
45105
|
+
|
|
45106
|
+
|
|
45107
|
+
/* harmony default export */ var split = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
45108
|
+
name: 'VxeSplit',
|
|
45109
|
+
props: {
|
|
45110
|
+
resize: {
|
|
45111
|
+
type: Boolean,
|
|
45112
|
+
default: null
|
|
45113
|
+
},
|
|
45114
|
+
vertical: {
|
|
45115
|
+
type: Boolean,
|
|
45116
|
+
default: () => getConfig().split.vertical
|
|
45117
|
+
},
|
|
45118
|
+
border: {
|
|
45119
|
+
type: Boolean,
|
|
45120
|
+
default: () => getConfig().split.border
|
|
45121
|
+
},
|
|
45122
|
+
minWidth: {
|
|
45123
|
+
type: [Number, String],
|
|
45124
|
+
default: () => getConfig().split.minWidth
|
|
45125
|
+
},
|
|
45126
|
+
minHeight: {
|
|
45127
|
+
type: [Number, String],
|
|
45128
|
+
default: () => getConfig().split.minHeight
|
|
45129
|
+
}
|
|
45130
|
+
},
|
|
45131
|
+
emits: [],
|
|
45132
|
+
setup(props, context) {
|
|
45133
|
+
const {
|
|
45134
|
+
emit,
|
|
45135
|
+
slots
|
|
45136
|
+
} = context;
|
|
45137
|
+
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
|
|
45138
|
+
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
45139
|
+
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
|
|
45140
|
+
staticItems: []
|
|
45141
|
+
});
|
|
45142
|
+
const internalData = {};
|
|
45143
|
+
const computeMaps = {};
|
|
45144
|
+
const refMaps = {
|
|
45145
|
+
refElem
|
|
45146
|
+
};
|
|
45147
|
+
const $xeSplit = {
|
|
45148
|
+
xID,
|
|
45149
|
+
props,
|
|
45150
|
+
context,
|
|
45151
|
+
reactData,
|
|
45152
|
+
internalData,
|
|
45153
|
+
getRefMaps: () => refMaps,
|
|
45154
|
+
getComputeMaps: () => computeMaps
|
|
45155
|
+
};
|
|
45156
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
45157
|
+
emit(type, createEvent(evnt, {
|
|
45158
|
+
$split: $xeSplit
|
|
45159
|
+
}, params));
|
|
45160
|
+
};
|
|
45161
|
+
const callSlot = (slotFunc, params) => {
|
|
45162
|
+
if (slotFunc) {
|
|
45163
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
|
|
45164
|
+
slotFunc = slots[slotFunc] || null;
|
|
45165
|
+
}
|
|
45166
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
|
|
45167
|
+
return getSlotVNs(slotFunc(params));
|
|
45168
|
+
}
|
|
45169
|
+
}
|
|
45170
|
+
return [];
|
|
45171
|
+
};
|
|
45172
|
+
const recalculate = () => {
|
|
45173
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
|
|
45174
|
+
const {
|
|
45175
|
+
vertical,
|
|
45176
|
+
minWidth,
|
|
45177
|
+
minHeight
|
|
45178
|
+
} = props;
|
|
45179
|
+
const {
|
|
45180
|
+
staticItems
|
|
45181
|
+
} = reactData;
|
|
45182
|
+
const el = refElem.value;
|
|
45183
|
+
if (!el) {
|
|
45184
|
+
return;
|
|
45185
|
+
}
|
|
45186
|
+
const wrapperWidth = el.clientWidth;
|
|
45187
|
+
const wrapperHeight = el.clientHeight;
|
|
45188
|
+
if (!wrapperWidth || !wrapperHeight) {
|
|
45189
|
+
return;
|
|
45190
|
+
}
|
|
45191
|
+
const residueItems = [];
|
|
45192
|
+
if (vertical) {
|
|
45193
|
+
let countHeight = 0;
|
|
45194
|
+
staticItems.forEach(item => {
|
|
45195
|
+
const {
|
|
45196
|
+
height
|
|
45197
|
+
} = item;
|
|
45198
|
+
let itemHeight = 0;
|
|
45199
|
+
if (height) {
|
|
45200
|
+
if (isScale(height)) {
|
|
45201
|
+
itemHeight = wrapperHeight * external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(height);
|
|
45202
|
+
} else {
|
|
45203
|
+
itemHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(height);
|
|
45204
|
+
}
|
|
45205
|
+
item.renderHeight = itemHeight;
|
|
45206
|
+
} else {
|
|
45207
|
+
residueItems.push(item);
|
|
45208
|
+
}
|
|
45209
|
+
countHeight += itemHeight;
|
|
45210
|
+
});
|
|
45211
|
+
if (residueItems.length) {
|
|
45212
|
+
const reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
|
|
45213
|
+
residueItems.forEach(item => {
|
|
45214
|
+
item.renderHeight = Math.max(getGlobalDefaultConfig(item.minHeight, minHeight), reMeanHeight);
|
|
45215
|
+
});
|
|
45216
|
+
}
|
|
45217
|
+
} else {
|
|
45218
|
+
let countWidth = 0;
|
|
45219
|
+
staticItems.forEach(item => {
|
|
45220
|
+
const {
|
|
45221
|
+
width
|
|
45222
|
+
} = item;
|
|
45223
|
+
let itemWidth = 0;
|
|
45224
|
+
if (width) {
|
|
45225
|
+
if (isScale(width)) {
|
|
45226
|
+
itemWidth = wrapperWidth * external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(width);
|
|
45227
|
+
} else {
|
|
45228
|
+
itemWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(width);
|
|
45229
|
+
}
|
|
45230
|
+
item.renderWidth = itemWidth;
|
|
45231
|
+
} else {
|
|
45232
|
+
residueItems.push(item);
|
|
45233
|
+
}
|
|
45234
|
+
countWidth += itemWidth;
|
|
45235
|
+
});
|
|
45236
|
+
if (residueItems.length) {
|
|
45237
|
+
const reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
|
|
45238
|
+
residueItems.forEach(item => {
|
|
45239
|
+
item.renderWidth = Math.max(getGlobalDefaultConfig(item.minWidth, minWidth), reMeanWidth);
|
|
45240
|
+
});
|
|
45241
|
+
}
|
|
45242
|
+
}
|
|
45243
|
+
});
|
|
45244
|
+
};
|
|
45245
|
+
const dragEvent = evnt => {
|
|
45246
|
+
evnt.preventDefault();
|
|
45247
|
+
const {
|
|
45248
|
+
vertical,
|
|
45249
|
+
minWidth,
|
|
45250
|
+
minHeight
|
|
45251
|
+
} = props;
|
|
45252
|
+
const {
|
|
45253
|
+
staticItems
|
|
45254
|
+
} = reactData;
|
|
45255
|
+
const handleEl = evnt.currentTarget;
|
|
45256
|
+
const el = refElem.value;
|
|
45257
|
+
if (!el) {
|
|
45258
|
+
return;
|
|
45259
|
+
}
|
|
45260
|
+
const itemId = handleEl.getAttribute('xid');
|
|
45261
|
+
const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemId);
|
|
45262
|
+
const item = staticItems[itemIndex];
|
|
45263
|
+
if (!item) {
|
|
45264
|
+
return;
|
|
45265
|
+
}
|
|
45266
|
+
const prevItem = staticItems[itemIndex - 1];
|
|
45267
|
+
const prevItemEl = prevItem ? el.querySelector(`.vxe-split-item[xid="${prevItem.id}"]`) : null;
|
|
45268
|
+
const currItemEl = item ? el.querySelector(`.vxe-split-item[xid="${item.id}"]`) : null;
|
|
45269
|
+
const prevWidth = prevItemEl ? prevItemEl.clientWidth : 0;
|
|
45270
|
+
const currWidth = currItemEl ? currItemEl.clientWidth : 0;
|
|
45271
|
+
const prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
|
|
45272
|
+
const currHeight = currItemEl ? currItemEl.clientHeight : 0;
|
|
45273
|
+
const prevMinWidth = prevItem ? getGlobalDefaultConfig(prevItem.minWidth, minWidth) : minWidth;
|
|
45274
|
+
const currMinWidth = getGlobalDefaultConfig(item.minWidth, minWidth);
|
|
45275
|
+
const prevMinHeight = prevItem ? getGlobalDefaultConfig(prevItem.minHeight, minHeight) : minHeight;
|
|
45276
|
+
const currMinHeight = getGlobalDefaultConfig(item.minHeight, minHeight);
|
|
45277
|
+
const disX = evnt.clientX;
|
|
45278
|
+
const disY = evnt.clientY;
|
|
45279
|
+
addClass(el, 'is--drag');
|
|
45280
|
+
document.onmousemove = evnt => {
|
|
45281
|
+
evnt.preventDefault();
|
|
45282
|
+
if (vertical) {
|
|
45283
|
+
const offsetTop = evnt.clientY - disY;
|
|
45284
|
+
if (offsetTop > 0) {
|
|
45285
|
+
if (prevItem) {
|
|
45286
|
+
if (currHeight - offsetTop >= currMinHeight) {
|
|
45287
|
+
prevItem.renderHeight = prevHeight + offsetTop;
|
|
45288
|
+
item.renderHeight = currHeight - offsetTop;
|
|
45289
|
+
}
|
|
45290
|
+
}
|
|
45291
|
+
} else {
|
|
45292
|
+
if (prevItem) {
|
|
45293
|
+
if (prevHeight + offsetTop >= prevMinHeight) {
|
|
45294
|
+
prevItem.renderHeight = prevHeight + offsetTop;
|
|
45295
|
+
item.renderHeight = currHeight - offsetTop;
|
|
45296
|
+
}
|
|
45297
|
+
}
|
|
45298
|
+
}
|
|
45299
|
+
} else {
|
|
45300
|
+
const offsetLeft = evnt.clientX - disX;
|
|
45301
|
+
if (offsetLeft > 0) {
|
|
45302
|
+
if (prevItem) {
|
|
45303
|
+
if (currWidth - offsetLeft >= currMinWidth) {
|
|
45304
|
+
prevItem.renderWidth = prevWidth + offsetLeft;
|
|
45305
|
+
item.renderWidth = currWidth - offsetLeft;
|
|
45306
|
+
}
|
|
45307
|
+
}
|
|
45308
|
+
} else {
|
|
45309
|
+
if (prevItem) {
|
|
45310
|
+
if (prevWidth + offsetLeft >= prevMinWidth) {
|
|
45311
|
+
prevItem.renderWidth = prevWidth + offsetLeft;
|
|
45312
|
+
item.renderWidth = currWidth - offsetLeft;
|
|
45313
|
+
}
|
|
45314
|
+
}
|
|
45315
|
+
}
|
|
45316
|
+
}
|
|
45317
|
+
};
|
|
45318
|
+
document.onmouseup = () => {
|
|
45319
|
+
document.onmousemove = null;
|
|
45320
|
+
document.onmouseup = null;
|
|
45321
|
+
removeClass(el, 'is--drag');
|
|
45322
|
+
};
|
|
45323
|
+
};
|
|
45324
|
+
const splitMethods = {
|
|
45325
|
+
dispatchEvent,
|
|
45326
|
+
recalculate
|
|
45327
|
+
};
|
|
45328
|
+
const splitPrivateMethods = {};
|
|
45329
|
+
Object.assign($xeSplit, splitMethods, splitPrivateMethods);
|
|
45330
|
+
const renderItems = () => {
|
|
45331
|
+
const {
|
|
45332
|
+
border,
|
|
45333
|
+
vertical
|
|
45334
|
+
} = props;
|
|
45335
|
+
const {
|
|
45336
|
+
staticItems
|
|
45337
|
+
} = reactData;
|
|
45338
|
+
const itemVNs = [];
|
|
45339
|
+
staticItems.forEach((item, index) => {
|
|
45340
|
+
const {
|
|
45341
|
+
id,
|
|
45342
|
+
slots,
|
|
45343
|
+
renderHeight,
|
|
45344
|
+
renderWidth
|
|
45345
|
+
} = item;
|
|
45346
|
+
const defaultSlot = slots ? slots.default : null;
|
|
45347
|
+
const stys = {};
|
|
45348
|
+
if (vertical) {
|
|
45349
|
+
if (renderHeight) {
|
|
45350
|
+
stys.height = toCssUnit(renderHeight);
|
|
45351
|
+
}
|
|
45352
|
+
} else {
|
|
45353
|
+
if (renderWidth) {
|
|
45354
|
+
stys.width = toCssUnit(renderWidth);
|
|
45355
|
+
}
|
|
45356
|
+
}
|
|
45357
|
+
itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45358
|
+
xid: id,
|
|
45359
|
+
class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
|
|
45360
|
+
'is--border': border,
|
|
45361
|
+
'is--height': renderHeight,
|
|
45362
|
+
'is--width': renderWidth,
|
|
45363
|
+
'is--fill': !renderHeight && !renderWidth,
|
|
45364
|
+
'is--handle': index > 0
|
|
45365
|
+
}],
|
|
45366
|
+
style: stys
|
|
45367
|
+
}, [index ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45368
|
+
xid: id,
|
|
45369
|
+
class: 'vxe-split-item-handle',
|
|
45370
|
+
onMousedown: dragEvent
|
|
45371
|
+
}) : renderEmptyElement($xeSplit), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45372
|
+
xid: id,
|
|
45373
|
+
class: 'vxe-split-item--wrapper'
|
|
45374
|
+
}, defaultSlot ? callSlot(defaultSlot, {}) : [])]));
|
|
45375
|
+
});
|
|
45376
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45377
|
+
class: 'vxe-split-wrapper'
|
|
45378
|
+
}, itemVNs);
|
|
45379
|
+
};
|
|
45380
|
+
const renderVN = () => {
|
|
45381
|
+
const {
|
|
45382
|
+
vertical
|
|
45383
|
+
} = props;
|
|
45384
|
+
const defaultSlot = slots.default;
|
|
45385
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45386
|
+
ref: refElem,
|
|
45387
|
+
class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal']
|
|
45388
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45389
|
+
class: 'vxe-split-slots'
|
|
45390
|
+
}, defaultSlot ? defaultSlot({}) : []), renderItems()]);
|
|
45391
|
+
};
|
|
45392
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticItems, () => {
|
|
45393
|
+
recalculate();
|
|
45394
|
+
});
|
|
45395
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
45396
|
+
recalculate();
|
|
45397
|
+
});
|
|
45398
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
|
|
45399
|
+
recalculate();
|
|
45400
|
+
});
|
|
45401
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplit', $xeSplit);
|
|
45402
|
+
$xeSplit.renderVN = renderVN;
|
|
45403
|
+
return $xeSplit;
|
|
45404
|
+
},
|
|
45405
|
+
render() {
|
|
45406
|
+
return this.renderVN();
|
|
45407
|
+
}
|
|
45408
|
+
}));
|
|
45409
|
+
;// CONCATENATED MODULE: ./packages/split/index.ts
|
|
45410
|
+
|
|
45411
|
+
|
|
45412
|
+
|
|
45413
|
+
const VxeSplit = Object.assign({}, split, {
|
|
45414
|
+
install(app) {
|
|
45415
|
+
app.component(split.name, split);
|
|
45416
|
+
}
|
|
45417
|
+
});
|
|
45418
|
+
dynamicApp.use(VxeSplit);
|
|
45419
|
+
index_esm_VxeUI.component(split);
|
|
45420
|
+
const Split = VxeSplit;
|
|
45421
|
+
/* harmony default export */ var packages_split = (VxeSplit);
|
|
45422
|
+
;// CONCATENATED MODULE: ./packages/split/src/util.ts
|
|
45423
|
+
|
|
45424
|
+
function assembleSplitItem($xeSplit, elem, itemConfig) {
|
|
45425
|
+
const staticItems = $xeSplit.reactData.staticItems;
|
|
45426
|
+
const parentElem = elem.parentNode;
|
|
45427
|
+
if (parentElem) {
|
|
45428
|
+
staticItems.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, itemConfig);
|
|
45429
|
+
$xeSplit.reactData.staticItems = staticItems.slice(0);
|
|
45430
|
+
}
|
|
45431
|
+
}
|
|
45432
|
+
function destroySplitItem($xeSplit, itemConfig) {
|
|
45433
|
+
const staticItems = $xeSplit.reactData.staticItems;
|
|
45434
|
+
const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemConfig.id);
|
|
45435
|
+
if (index > -1) {
|
|
45436
|
+
staticItems.splice(index, 1);
|
|
45437
|
+
}
|
|
45438
|
+
$xeSplit.reactData.staticItems = staticItems.slice(0);
|
|
45439
|
+
}
|
|
45440
|
+
;// CONCATENATED MODULE: ./packages/split/src/split-item.ts
|
|
45441
|
+
|
|
45442
|
+
|
|
45443
|
+
|
|
45444
|
+
|
|
45445
|
+
/* harmony default export */ var split_item = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
45446
|
+
name: 'VxeSplitItem',
|
|
45447
|
+
props: {
|
|
45448
|
+
width: [Number, String],
|
|
45449
|
+
height: [Number, String],
|
|
45450
|
+
minWidth: {
|
|
45451
|
+
type: [Number, String],
|
|
45452
|
+
default: () => null
|
|
45453
|
+
},
|
|
45454
|
+
minHeight: {
|
|
45455
|
+
type: [Number, String],
|
|
45456
|
+
default: () => null
|
|
45457
|
+
}
|
|
45458
|
+
},
|
|
45459
|
+
emits: [],
|
|
45460
|
+
setup(props, context) {
|
|
45461
|
+
const {
|
|
45462
|
+
emit,
|
|
45463
|
+
slots
|
|
45464
|
+
} = context;
|
|
45465
|
+
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
|
|
45466
|
+
const $xeSplit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSplit', null);
|
|
45467
|
+
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
45468
|
+
const itemConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
|
|
45469
|
+
id: xID,
|
|
45470
|
+
width: props.width,
|
|
45471
|
+
height: props.height,
|
|
45472
|
+
minWidth: props.minWidth,
|
|
45473
|
+
minHeight: props.minHeight,
|
|
45474
|
+
renderWidth: 0,
|
|
45475
|
+
renderHeight: 0,
|
|
45476
|
+
slots: slots
|
|
45477
|
+
});
|
|
45478
|
+
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
|
|
45479
|
+
const internalData = {};
|
|
45480
|
+
const computeMaps = {};
|
|
45481
|
+
const refMaps = {
|
|
45482
|
+
refElem
|
|
45483
|
+
};
|
|
45484
|
+
const $xeSplitItem = {
|
|
45485
|
+
xID,
|
|
45486
|
+
props,
|
|
45487
|
+
context,
|
|
45488
|
+
reactData,
|
|
45489
|
+
internalData,
|
|
45490
|
+
getRefMaps: () => refMaps,
|
|
45491
|
+
getComputeMaps: () => computeMaps
|
|
45492
|
+
};
|
|
45493
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
45494
|
+
emit(type, createEvent(evnt, {
|
|
45495
|
+
$splitItem: $xeSplitItem
|
|
45496
|
+
}, params));
|
|
45497
|
+
};
|
|
45498
|
+
const splitItemMethods = {
|
|
45499
|
+
dispatchEvent
|
|
45500
|
+
};
|
|
45501
|
+
const splitItemPrivateMethods = {};
|
|
45502
|
+
Object.assign($xeSplitItem, splitItemMethods, splitItemPrivateMethods);
|
|
45503
|
+
const renderVN = () => {
|
|
45504
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45505
|
+
ref: refElem
|
|
45506
|
+
});
|
|
45507
|
+
};
|
|
45508
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, val => {
|
|
45509
|
+
itemConfig.width = val;
|
|
45510
|
+
});
|
|
45511
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, val => {
|
|
45512
|
+
itemConfig.height = val;
|
|
45513
|
+
});
|
|
45514
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minWidth, val => {
|
|
45515
|
+
itemConfig.minWidth = val;
|
|
45516
|
+
});
|
|
45517
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minHeight, val => {
|
|
45518
|
+
itemConfig.minHeight = val;
|
|
45519
|
+
});
|
|
45520
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
45521
|
+
const elem = refElem.value;
|
|
45522
|
+
if ($xeSplit && elem) {
|
|
45523
|
+
assembleSplitItem($xeSplit, elem, itemConfig);
|
|
45524
|
+
}
|
|
45525
|
+
});
|
|
45526
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
|
|
45527
|
+
if ($xeSplit) {
|
|
45528
|
+
destroySplitItem($xeSplit, itemConfig);
|
|
45529
|
+
}
|
|
45530
|
+
});
|
|
45531
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitItem', $xeSplitItem);
|
|
45532
|
+
$xeSplitItem.renderVN = renderVN;
|
|
45533
|
+
return $xeSplitItem;
|
|
45534
|
+
},
|
|
45535
|
+
render() {
|
|
45536
|
+
return this.renderVN();
|
|
45537
|
+
}
|
|
45538
|
+
}));
|
|
45539
|
+
;// CONCATENATED MODULE: ./packages/split-item/index.ts
|
|
45540
|
+
|
|
45541
|
+
|
|
45542
|
+
|
|
45543
|
+
const VxeSplitItem = Object.assign({}, split_item, {
|
|
45544
|
+
install(app) {
|
|
45545
|
+
app.component(split_item.name, split_item);
|
|
45546
|
+
}
|
|
45547
|
+
});
|
|
45548
|
+
dynamicApp.use(VxeSplitItem);
|
|
45549
|
+
index_esm_VxeUI.component(split_item);
|
|
45550
|
+
const SplitItem = VxeSplitItem;
|
|
45551
|
+
/* harmony default export */ var packages_split_item = (VxeSplitItem);
|
|
45078
45552
|
;// CONCATENATED MODULE: ./packages/slider/index.ts
|
|
45079
45553
|
|
|
45080
45554
|
|
|
@@ -46807,7 +47281,9 @@ const Watermark = VxeWatermark;
|
|
|
46807
47281
|
|
|
46808
47282
|
|
|
46809
47283
|
|
|
46810
|
-
|
|
47284
|
+
|
|
47285
|
+
|
|
47286
|
+
const components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_checkbox, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_countdown, packages_date_picker, packages_drawer, packages_empty, packages_form, packages_form_design, form_gather, packages_form_group, packages_form_item, packages_form_view, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list_design, packages_list_view, packages_list, loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_select, packages_split, packages_split_item, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_tip, packages_tooltip, packages_tree, packages_tree_select, packages_upload, packages_watermark];
|
|
46811
47287
|
function install(app, options) {
|
|
46812
47288
|
setConfig(options);
|
|
46813
47289
|
components_components.forEach(component => app.use(component));
|
|
@@ -46903,6 +47379,8 @@ const readFile = readLocalFile;
|
|
|
46903
47379
|
|
|
46904
47380
|
|
|
46905
47381
|
|
|
47382
|
+
|
|
47383
|
+
|
|
46906
47384
|
|
|
46907
47385
|
|
|
46908
47386
|
|