vxe-pc-ui 4.4.26 → 4.5.1
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/split/index.js +12 -0
- package/es/split/src/split-item.js +93 -0
- package/es/split/src/split.js +302 -0
- package/es/split/src/util.js +17 -0
- package/es/split/style.css +91 -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 +8 -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 +91 -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 +491 -7
- 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/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 +323 -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 +91 -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 +8 -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 +91 -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/split/index.ts +16 -0
- package/packages/split/src/split-item.ts +125 -0
- package/packages/split/src/split.ts +325 -0
- package/packages/split/src/util.ts +21 -0
- package/packages/split-item/index.ts +16 -0
- package/packages/ui/index.ts +7 -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 +106 -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 +100 -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.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
- /package/es/icon/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
- /package/es/icon/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
- /package/es/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
- /package/es/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
- /package/es/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
- /package/lib/icon/style/{iconfont.1742955913094.woff2 → iconfont.1743051559265.woff2} +0 -0
- /package/lib/{iconfont.1742955913094.ttf → iconfont.1743051559265.ttf} +0 -0
- /package/lib/{iconfont.1742955913094.woff → iconfont.1743051559265.woff} +0 -0
- /package/lib/{iconfont.1742955913094.woff2 → iconfont.1743051559265.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.1"}`;
|
|
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.1";
|
|
4186
4194
|
index_esm_VxeUI.uiVersion = ui_version;
|
|
4187
4195
|
index_esm_VxeUI.dynamicApp = dynamicApp;
|
|
4188
4196
|
function config(options) {
|
|
@@ -4449,6 +4457,13 @@ setConfig({
|
|
|
4449
4457
|
oSize: 2
|
|
4450
4458
|
}
|
|
4451
4459
|
},
|
|
4460
|
+
split: {
|
|
4461
|
+
itemConfig: {
|
|
4462
|
+
minWidth: 40,
|
|
4463
|
+
minHeight: 40
|
|
4464
|
+
}
|
|
4465
|
+
},
|
|
4466
|
+
splitItem: {},
|
|
4452
4467
|
slider: {
|
|
4453
4468
|
max: 100,
|
|
4454
4469
|
min: 0
|
|
@@ -5798,6 +5813,12 @@ function nextZIndex() {
|
|
|
5798
5813
|
function getLastZIndex() {
|
|
5799
5814
|
return index_esm.getCurrent();
|
|
5800
5815
|
}
|
|
5816
|
+
function getGlobalDefaultConfig(value, globalValue) {
|
|
5817
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(value)) {
|
|
5818
|
+
return globalValue;
|
|
5819
|
+
}
|
|
5820
|
+
return value;
|
|
5821
|
+
}
|
|
5801
5822
|
function getFuncText(content, args) {
|
|
5802
5823
|
if (content) {
|
|
5803
5824
|
const translate = getConfig().translate;
|
|
@@ -22730,8 +22751,6 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
|
|
|
22730
22751
|
const maxWidth = visibleWidth;
|
|
22731
22752
|
const maxHeight = visibleHeight;
|
|
22732
22753
|
const boxElem = getBox();
|
|
22733
|
-
const domMousemove = document.onmousemove;
|
|
22734
|
-
const domMouseup = document.onmouseup;
|
|
22735
22754
|
const clientWidth = boxElem.clientWidth;
|
|
22736
22755
|
const clientHeight = boxElem.clientHeight;
|
|
22737
22756
|
const disX = evnt.clientX;
|
|
@@ -22863,8 +22882,8 @@ const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
|
|
|
22863
22882
|
};
|
|
22864
22883
|
document.onmouseup = () => {
|
|
22865
22884
|
reactData.revertLocat = null;
|
|
22866
|
-
document.onmousemove =
|
|
22867
|
-
document.onmouseup =
|
|
22885
|
+
document.onmousemove = null;
|
|
22886
|
+
document.onmouseup = null;
|
|
22868
22887
|
setTimeout(() => {
|
|
22869
22888
|
boxElem.className = boxElem.className.replace(/\s?is--drag/, '');
|
|
22870
22889
|
}, 50);
|
|
@@ -45079,6 +45098,467 @@ dynamicApp.use(VxeSelect);
|
|
|
45079
45098
|
index_esm_VxeUI.component(src_select);
|
|
45080
45099
|
const Select = VxeSelect;
|
|
45081
45100
|
/* harmony default export */ var packages_select = (VxeSelect);
|
|
45101
|
+
;// CONCATENATED MODULE: ./packages/split/src/split.ts
|
|
45102
|
+
|
|
45103
|
+
|
|
45104
|
+
|
|
45105
|
+
|
|
45106
|
+
|
|
45107
|
+
|
|
45108
|
+
|
|
45109
|
+
/* harmony default export */ var split = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
45110
|
+
name: 'VxeSplit',
|
|
45111
|
+
props: {
|
|
45112
|
+
width: [Number, String],
|
|
45113
|
+
height: [Number, String],
|
|
45114
|
+
vertical: {
|
|
45115
|
+
type: Boolean,
|
|
45116
|
+
default: () => getConfig().split.vertical
|
|
45117
|
+
},
|
|
45118
|
+
border: {
|
|
45119
|
+
type: Boolean,
|
|
45120
|
+
default: () => getConfig().split.border
|
|
45121
|
+
},
|
|
45122
|
+
itemConfig: Object
|
|
45123
|
+
},
|
|
45124
|
+
emits: [],
|
|
45125
|
+
setup(props, context) {
|
|
45126
|
+
const {
|
|
45127
|
+
emit,
|
|
45128
|
+
slots
|
|
45129
|
+
} = context;
|
|
45130
|
+
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
|
|
45131
|
+
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
45132
|
+
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
|
|
45133
|
+
staticItems: []
|
|
45134
|
+
});
|
|
45135
|
+
const internalData = {};
|
|
45136
|
+
const computeItemOpts = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
45137
|
+
return Object.assign({}, getConfig().split.itemConfig, props.itemConfig);
|
|
45138
|
+
});
|
|
45139
|
+
const computeMaps = {
|
|
45140
|
+
computeItemOpts
|
|
45141
|
+
};
|
|
45142
|
+
const refMaps = {
|
|
45143
|
+
refElem
|
|
45144
|
+
};
|
|
45145
|
+
const $xeSplit = {
|
|
45146
|
+
xID,
|
|
45147
|
+
props,
|
|
45148
|
+
context,
|
|
45149
|
+
reactData,
|
|
45150
|
+
internalData,
|
|
45151
|
+
getRefMaps: () => refMaps,
|
|
45152
|
+
getComputeMaps: () => computeMaps
|
|
45153
|
+
};
|
|
45154
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
45155
|
+
emit(type, createEvent(evnt, {
|
|
45156
|
+
$split: $xeSplit
|
|
45157
|
+
}, params));
|
|
45158
|
+
};
|
|
45159
|
+
const callSlot = (slotFunc, params) => {
|
|
45160
|
+
if (slotFunc) {
|
|
45161
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
|
|
45162
|
+
slotFunc = slots[slotFunc] || null;
|
|
45163
|
+
}
|
|
45164
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(slotFunc)) {
|
|
45165
|
+
return getSlotVNs(slotFunc(params));
|
|
45166
|
+
}
|
|
45167
|
+
}
|
|
45168
|
+
return [];
|
|
45169
|
+
};
|
|
45170
|
+
const recalculate = () => {
|
|
45171
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
|
|
45172
|
+
const {
|
|
45173
|
+
vertical
|
|
45174
|
+
} = props;
|
|
45175
|
+
const {
|
|
45176
|
+
staticItems
|
|
45177
|
+
} = reactData;
|
|
45178
|
+
const el = refElem.value;
|
|
45179
|
+
if (!el) {
|
|
45180
|
+
return;
|
|
45181
|
+
}
|
|
45182
|
+
const wrapperWidth = el.clientWidth;
|
|
45183
|
+
const wrapperHeight = el.clientHeight;
|
|
45184
|
+
if (!wrapperWidth || !wrapperHeight) {
|
|
45185
|
+
return;
|
|
45186
|
+
}
|
|
45187
|
+
const itemOpts = computeItemOpts.value;
|
|
45188
|
+
const allMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minWidth);
|
|
45189
|
+
const allMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minHeight);
|
|
45190
|
+
const residueItems = [];
|
|
45191
|
+
if (vertical) {
|
|
45192
|
+
let countHeight = 0;
|
|
45193
|
+
staticItems.forEach(item => {
|
|
45194
|
+
const {
|
|
45195
|
+
height
|
|
45196
|
+
} = item;
|
|
45197
|
+
let itemHeight = 0;
|
|
45198
|
+
if (height) {
|
|
45199
|
+
if (isScale(height)) {
|
|
45200
|
+
itemHeight = wrapperHeight * external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(height);
|
|
45201
|
+
} else {
|
|
45202
|
+
itemHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(height);
|
|
45203
|
+
}
|
|
45204
|
+
item.renderHeight = itemHeight;
|
|
45205
|
+
} else {
|
|
45206
|
+
residueItems.push(item);
|
|
45207
|
+
}
|
|
45208
|
+
countHeight += itemHeight;
|
|
45209
|
+
});
|
|
45210
|
+
if (residueItems.length) {
|
|
45211
|
+
const reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
|
|
45212
|
+
residueItems.forEach(item => {
|
|
45213
|
+
item.renderHeight = Math.max(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight)), reMeanHeight);
|
|
45214
|
+
});
|
|
45215
|
+
}
|
|
45216
|
+
} else {
|
|
45217
|
+
let countWidth = 0;
|
|
45218
|
+
staticItems.forEach(item => {
|
|
45219
|
+
const {
|
|
45220
|
+
width
|
|
45221
|
+
} = item;
|
|
45222
|
+
let itemWidth = 0;
|
|
45223
|
+
if (width) {
|
|
45224
|
+
if (isScale(width)) {
|
|
45225
|
+
itemWidth = wrapperWidth * external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(width);
|
|
45226
|
+
} else {
|
|
45227
|
+
itemWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(width);
|
|
45228
|
+
}
|
|
45229
|
+
item.renderWidth = itemWidth;
|
|
45230
|
+
} else {
|
|
45231
|
+
residueItems.push(item);
|
|
45232
|
+
}
|
|
45233
|
+
countWidth += itemWidth;
|
|
45234
|
+
});
|
|
45235
|
+
if (residueItems.length) {
|
|
45236
|
+
const reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
|
|
45237
|
+
residueItems.forEach(item => {
|
|
45238
|
+
item.renderWidth = Math.max(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth)), reMeanWidth);
|
|
45239
|
+
});
|
|
45240
|
+
}
|
|
45241
|
+
}
|
|
45242
|
+
});
|
|
45243
|
+
};
|
|
45244
|
+
const dragEvent = evnt => {
|
|
45245
|
+
evnt.preventDefault();
|
|
45246
|
+
const {
|
|
45247
|
+
vertical
|
|
45248
|
+
} = props;
|
|
45249
|
+
const {
|
|
45250
|
+
staticItems
|
|
45251
|
+
} = reactData;
|
|
45252
|
+
const handleEl = evnt.currentTarget;
|
|
45253
|
+
const el = refElem.value;
|
|
45254
|
+
if (!el) {
|
|
45255
|
+
return;
|
|
45256
|
+
}
|
|
45257
|
+
const itemId = handleEl.getAttribute('xid');
|
|
45258
|
+
const itemIndex = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === itemId);
|
|
45259
|
+
const item = staticItems[itemIndex];
|
|
45260
|
+
if (!item) {
|
|
45261
|
+
return;
|
|
45262
|
+
}
|
|
45263
|
+
const itemOpts = computeItemOpts.value;
|
|
45264
|
+
const allMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minWidth);
|
|
45265
|
+
const allMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(itemOpts.minHeight);
|
|
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 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minWidth, allMinWidth) : allMinWidth);
|
|
45274
|
+
const currMinWidth = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minWidth, allMinWidth));
|
|
45275
|
+
const prevMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(prevItem ? getGlobalDefaultConfig(prevItem.minHeight, allMinHeight) : allMinHeight);
|
|
45276
|
+
const currMinHeight = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getGlobalDefaultConfig(item.minHeight, allMinHeight));
|
|
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
|
+
width,
|
|
45384
|
+
height
|
|
45385
|
+
} = props;
|
|
45386
|
+
const defaultSlot = slots.default;
|
|
45387
|
+
const stys = {};
|
|
45388
|
+
if (height) {
|
|
45389
|
+
stys.height = toCssUnit(height);
|
|
45390
|
+
}
|
|
45391
|
+
if (width) {
|
|
45392
|
+
stys.width = toCssUnit(width);
|
|
45393
|
+
}
|
|
45394
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45395
|
+
ref: refElem,
|
|
45396
|
+
class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
|
|
45397
|
+
style: stys
|
|
45398
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45399
|
+
class: 'vxe-split-slots'
|
|
45400
|
+
}, defaultSlot ? defaultSlot({}) : []), renderItems()]);
|
|
45401
|
+
};
|
|
45402
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => reactData.staticItems, () => {
|
|
45403
|
+
recalculate();
|
|
45404
|
+
});
|
|
45405
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
45406
|
+
recalculate();
|
|
45407
|
+
});
|
|
45408
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onActivated)(() => {
|
|
45409
|
+
recalculate();
|
|
45410
|
+
});
|
|
45411
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplit', $xeSplit);
|
|
45412
|
+
$xeSplit.renderVN = renderVN;
|
|
45413
|
+
return $xeSplit;
|
|
45414
|
+
},
|
|
45415
|
+
render() {
|
|
45416
|
+
return this.renderVN();
|
|
45417
|
+
}
|
|
45418
|
+
}));
|
|
45419
|
+
;// CONCATENATED MODULE: ./packages/split/index.ts
|
|
45420
|
+
|
|
45421
|
+
|
|
45422
|
+
|
|
45423
|
+
const VxeSplit = Object.assign({}, split, {
|
|
45424
|
+
install(app) {
|
|
45425
|
+
app.component(split.name, split);
|
|
45426
|
+
}
|
|
45427
|
+
});
|
|
45428
|
+
dynamicApp.use(VxeSplit);
|
|
45429
|
+
index_esm_VxeUI.component(split);
|
|
45430
|
+
const Split = VxeSplit;
|
|
45431
|
+
/* harmony default export */ var packages_split = (VxeSplit);
|
|
45432
|
+
;// CONCATENATED MODULE: ./packages/split/src/util.ts
|
|
45433
|
+
|
|
45434
|
+
function assembleSplitItem($xeSplit, elem, chunkConfig) {
|
|
45435
|
+
const staticItems = $xeSplit.reactData.staticItems;
|
|
45436
|
+
const parentElem = elem.parentNode;
|
|
45437
|
+
if (parentElem) {
|
|
45438
|
+
staticItems.splice(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayIndexOf(parentElem.children, elem), 0, chunkConfig);
|
|
45439
|
+
$xeSplit.reactData.staticItems = staticItems.slice(0);
|
|
45440
|
+
}
|
|
45441
|
+
}
|
|
45442
|
+
function destroySplitItem($xeSplit, chunkConfig) {
|
|
45443
|
+
const staticItems = $xeSplit.reactData.staticItems;
|
|
45444
|
+
const index = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findIndexOf(staticItems, item => item.id === chunkConfig.id);
|
|
45445
|
+
if (index > -1) {
|
|
45446
|
+
staticItems.splice(index, 1);
|
|
45447
|
+
}
|
|
45448
|
+
$xeSplit.reactData.staticItems = staticItems.slice(0);
|
|
45449
|
+
}
|
|
45450
|
+
;// CONCATENATED MODULE: ./packages/split/src/split-item.ts
|
|
45451
|
+
|
|
45452
|
+
|
|
45453
|
+
|
|
45454
|
+
|
|
45455
|
+
/* harmony default export */ var split_item = ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
45456
|
+
name: 'VxeSplitItem',
|
|
45457
|
+
props: {
|
|
45458
|
+
width: [Number, String],
|
|
45459
|
+
height: [Number, String],
|
|
45460
|
+
minWidth: {
|
|
45461
|
+
type: [Number, String],
|
|
45462
|
+
default: () => null
|
|
45463
|
+
},
|
|
45464
|
+
minHeight: {
|
|
45465
|
+
type: [Number, String],
|
|
45466
|
+
default: () => null
|
|
45467
|
+
}
|
|
45468
|
+
},
|
|
45469
|
+
emits: [],
|
|
45470
|
+
setup(props, context) {
|
|
45471
|
+
const {
|
|
45472
|
+
emit,
|
|
45473
|
+
slots
|
|
45474
|
+
} = context;
|
|
45475
|
+
const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
|
|
45476
|
+
const $xeSplit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeSplit', null);
|
|
45477
|
+
const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
45478
|
+
const chunkConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
|
|
45479
|
+
id: xID,
|
|
45480
|
+
width: props.width,
|
|
45481
|
+
height: props.height,
|
|
45482
|
+
minWidth: props.minWidth,
|
|
45483
|
+
minHeight: props.minHeight,
|
|
45484
|
+
renderWidth: 0,
|
|
45485
|
+
renderHeight: 0,
|
|
45486
|
+
slots: slots
|
|
45487
|
+
});
|
|
45488
|
+
const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({});
|
|
45489
|
+
const internalData = {};
|
|
45490
|
+
const computeMaps = {};
|
|
45491
|
+
const refMaps = {
|
|
45492
|
+
refElem
|
|
45493
|
+
};
|
|
45494
|
+
const $xeSplitItem = {
|
|
45495
|
+
xID,
|
|
45496
|
+
props,
|
|
45497
|
+
context,
|
|
45498
|
+
reactData,
|
|
45499
|
+
internalData,
|
|
45500
|
+
getRefMaps: () => refMaps,
|
|
45501
|
+
getComputeMaps: () => computeMaps
|
|
45502
|
+
};
|
|
45503
|
+
const dispatchEvent = (type, params, evnt) => {
|
|
45504
|
+
emit(type, createEvent(evnt, {
|
|
45505
|
+
$splitItem: $xeSplitItem
|
|
45506
|
+
}, params));
|
|
45507
|
+
};
|
|
45508
|
+
const splitItemMethods = {
|
|
45509
|
+
dispatchEvent
|
|
45510
|
+
};
|
|
45511
|
+
const splitItemPrivateMethods = {};
|
|
45512
|
+
Object.assign($xeSplitItem, splitItemMethods, splitItemPrivateMethods);
|
|
45513
|
+
const renderVN = () => {
|
|
45514
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
45515
|
+
ref: refElem
|
|
45516
|
+
});
|
|
45517
|
+
};
|
|
45518
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, val => {
|
|
45519
|
+
chunkConfig.width = val;
|
|
45520
|
+
});
|
|
45521
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, val => {
|
|
45522
|
+
chunkConfig.height = val;
|
|
45523
|
+
});
|
|
45524
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minWidth, val => {
|
|
45525
|
+
chunkConfig.minWidth = val;
|
|
45526
|
+
});
|
|
45527
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minHeight, val => {
|
|
45528
|
+
chunkConfig.minHeight = val;
|
|
45529
|
+
});
|
|
45530
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
45531
|
+
const elem = refElem.value;
|
|
45532
|
+
if ($xeSplit && elem) {
|
|
45533
|
+
assembleSplitItem($xeSplit, elem, chunkConfig);
|
|
45534
|
+
}
|
|
45535
|
+
});
|
|
45536
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(() => {
|
|
45537
|
+
if ($xeSplit) {
|
|
45538
|
+
destroySplitItem($xeSplit, chunkConfig);
|
|
45539
|
+
}
|
|
45540
|
+
});
|
|
45541
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('$xeSplitItem', $xeSplitItem);
|
|
45542
|
+
$xeSplitItem.renderVN = renderVN;
|
|
45543
|
+
return $xeSplitItem;
|
|
45544
|
+
},
|
|
45545
|
+
render() {
|
|
45546
|
+
return this.renderVN();
|
|
45547
|
+
}
|
|
45548
|
+
}));
|
|
45549
|
+
;// CONCATENATED MODULE: ./packages/split-item/index.ts
|
|
45550
|
+
|
|
45551
|
+
|
|
45552
|
+
|
|
45553
|
+
const VxeSplitItem = Object.assign({}, split_item, {
|
|
45554
|
+
install(app) {
|
|
45555
|
+
app.component(split_item.name, split_item);
|
|
45556
|
+
}
|
|
45557
|
+
});
|
|
45558
|
+
dynamicApp.use(VxeSplitItem);
|
|
45559
|
+
index_esm_VxeUI.component(split_item);
|
|
45560
|
+
const SplitItem = VxeSplitItem;
|
|
45561
|
+
/* harmony default export */ var packages_split_item = (VxeSplitItem);
|
|
45082
45562
|
;// CONCATENATED MODULE: ./packages/slider/index.ts
|
|
45083
45563
|
|
|
45084
45564
|
|
|
@@ -46811,7 +47291,9 @@ const Watermark = VxeWatermark;
|
|
|
46811
47291
|
|
|
46812
47292
|
|
|
46813
47293
|
|
|
46814
|
-
|
|
47294
|
+
|
|
47295
|
+
|
|
47296
|
+
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];
|
|
46815
47297
|
function install(app, options) {
|
|
46816
47298
|
setConfig(options);
|
|
46817
47299
|
components_components.forEach(component => app.use(component));
|
|
@@ -46907,6 +47389,8 @@ const readFile = readLocalFile;
|
|
|
46907
47389
|
|
|
46908
47390
|
|
|
46909
47391
|
|
|
47392
|
+
|
|
47393
|
+
|
|
46910
47394
|
|
|
46911
47395
|
|
|
46912
47396
|
|