bkui-vue 0.0.1-beta.391 → 0.0.1-beta.393
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/dist/index.cjs.js +35 -35
- package/dist/index.esm.js +856 -857
- package/dist/index.umd.js +9 -9
- package/lib/affix/index.js +128 -60
- package/lib/alert/index.js +124 -56
- package/lib/animate-number/index.js +106 -42
- package/lib/backtop/index.js +133 -61
- package/lib/badge/index.js +114 -50
- package/lib/breadcrumb/index.js +133 -67
- package/lib/button/index.js +147 -68
- package/lib/card/index.js +154 -69
- package/lib/cascader/index.js +242 -168
- package/lib/checkbox/index.js +139 -77
- package/lib/code-diff/index.js +121 -79
- package/lib/collapse/index.js +150 -84
- package/lib/color-picker/index.js +245 -193
- package/lib/components.js +671 -434
- package/lib/container/index.js +125 -64
- package/lib/date-picker/index.js +563 -462
- package/lib/dialog/index.js +198 -108
- package/lib/directives/index.js +138 -92
- package/lib/dist.index.js +133 -48
- package/lib/divider/index.js +118 -50
- package/lib/dropdown/index.js +155 -73
- package/lib/exception/index.js +145 -97
- package/lib/fixed-navbar/index.js +107 -43
- package/lib/form/index.js +193 -107
- package/lib/icon/angle-double-down-line.js +90 -30
- package/lib/icon/angle-double-left-line.js +90 -30
- package/lib/icon/angle-double-left.js +90 -30
- package/lib/icon/angle-double-right-line.js +90 -30
- package/lib/icon/angle-double-right.js +90 -30
- package/lib/icon/angle-double-up-line.js +90 -30
- package/lib/icon/angle-down-fill.js +90 -30
- package/lib/icon/angle-down-line.js +90 -30
- package/lib/icon/angle-down.js +90 -30
- package/lib/icon/angle-left.js +90 -30
- package/lib/icon/angle-right.js +90 -30
- package/lib/icon/angle-up-fill.js +90 -30
- package/lib/icon/angle-up.js +90 -30
- package/lib/icon/archive-fill.js +90 -30
- package/lib/icon/arrows-left.js +90 -30
- package/lib/icon/arrows-right.js +90 -30
- package/lib/icon/audio-fill.js +90 -30
- package/lib/icon/bk.js +90 -30
- package/lib/icon/circle.js +90 -30
- package/lib/icon/close-line.js +90 -30
- package/lib/icon/close.js +90 -30
- package/lib/icon/code.js +90 -30
- package/lib/icon/cog-shape.js +90 -30
- package/lib/icon/collapse-left.js +90 -30
- package/lib/icon/copy.js +90 -30
- package/lib/icon/data-shape.js +90 -30
- package/lib/icon/del.js +90 -30
- package/lib/icon/doc-fill.js +90 -30
- package/lib/icon/done.js +90 -30
- package/lib/icon/down-shape.js +90 -30
- package/lib/icon/down-small.js +90 -30
- package/lib/icon/edit-line.js +90 -30
- package/lib/icon/ellipsis.js +90 -30
- package/lib/icon/enlarge-line.js +90 -30
- package/lib/icon/error.js +90 -30
- package/lib/icon/excel-fill.js +90 -30
- package/lib/icon/exclamation-circle-shape.js +90 -30
- package/lib/icon/eye.js +90 -30
- package/lib/icon/filliscreen-line.js +90 -30
- package/lib/icon/folder-open.js +90 -30
- package/lib/icon/folder-shape-open.js +90 -30
- package/lib/icon/folder-shape.js +90 -30
- package/lib/icon/folder.js +90 -30
- package/lib/icon/funnel.js +90 -30
- package/lib/icon/help-document-fill.js +90 -30
- package/lib/icon/help-fill.js +90 -30
- package/lib/icon/help.js +90 -30
- package/lib/icon/image-fill.js +90 -30
- package/lib/icon/img-placehoulder.js +88 -52
- package/lib/icon/index.js +255 -267
- package/lib/icon/info-line.js +88 -52
- package/lib/icon/info.js +88 -52
- package/lib/icon/left-shape.js +88 -52
- package/lib/icon/left-turn-line.js +88 -52
- package/lib/icon/narrow-line.js +88 -52
- package/lib/icon/original.js +88 -52
- package/lib/icon/pdf-fill.js +88 -52
- package/lib/icon/play-shape.js +88 -52
- package/lib/icon/plus.js +88 -52
- package/lib/icon/ppt-fill.js +88 -52
- package/lib/icon/qq.js +88 -52
- package/lib/icon/right-shape.js +88 -52
- package/lib/icon/right-turn-line.js +88 -52
- package/lib/icon/search.js +88 -52
- package/lib/icon/share.js +88 -52
- package/lib/icon/spinner.js +88 -52
- package/lib/icon/success.js +88 -52
- package/lib/icon/switcher-loading.js +88 -52
- package/lib/icon/text-file.js +88 -52
- package/lib/icon/text-fill.js +88 -52
- package/lib/icon/transfer.js +88 -52
- package/lib/icon/tree-application-shape.js +88 -52
- package/lib/icon/unfull-screen.js +88 -52
- package/lib/icon/unvisible.js +88 -52
- package/lib/icon/up-shape.js +88 -52
- package/lib/icon/upload.js +88 -52
- package/lib/icon/video-fill.js +88 -52
- package/lib/icon/warn.js +88 -52
- package/lib/icon/weixin.js +88 -52
- package/lib/image/index.js +213 -164
- package/lib/index.js +134 -50
- package/lib/info-box/index.js +206 -152
- package/lib/input/index.js +167 -99
- package/lib/link/index.js +115 -47
- package/lib/loading/index.js +127 -67
- package/lib/menu/index.js +156 -92
- package/lib/message/index.js +148 -76
- package/lib/modal/index.js +151 -85
- package/lib/navigation/index.js +134 -66
- package/lib/notify/index.js +153 -81
- package/lib/overflow-title/index.js +128 -92
- package/lib/pagination/index.js +220 -131
- package/lib/plugin-popover/index.js +329 -148
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.js +332 -153
- package/lib/popover2/index.js +99 -35
- package/lib/preset.js +104 -37
- package/lib/process/index.js +134 -92
- package/lib/progress/index.js +127 -63
- package/lib/radio/index.js +142 -81
- package/lib/rate/index.js +127 -63
- package/lib/resize-layout/index.js +147 -79
- package/lib/search-select/index.js +220 -168
- package/lib/select/index.js +394 -315
- package/lib/shared/index.js +203 -228
- package/lib/sideslider/index.js +137 -88
- package/lib/slider/index.js +196 -147
- package/lib/steps/index.js +152 -105
- package/lib/swiper/index.js +126 -62
- package/lib/switcher/index.js +133 -65
- package/lib/tab/index.js +188 -118
- package/lib/table/index.js +572 -457
- package/lib/table-column/index.js +197 -129
- package/lib/tag/index.js +130 -58
- package/lib/tag-input/index.js +277 -175
- package/lib/time-picker/index.js +111 -40
- package/lib/timeline/index.js +114 -50
- package/lib/transfer/index.js +174 -89
- package/lib/tree/index.js +235 -158
- package/lib/upload/index.js +227 -173
- package/lib/virtual-render/index.js +154 -86
- package/package.json +1 -1
package/lib/rate/index.js
CHANGED
@@ -1,42 +1,102 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue")) : factory(root["../shared"], root["vue"]);
|
8
|
+
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
|
+
}
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
14
|
+
|
15
|
+
/***/ 4212:
|
16
|
+
/***/ ((module) => {
|
17
|
+
|
18
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
19
|
+
|
20
|
+
/***/ }),
|
21
|
+
|
22
|
+
/***/ 748:
|
23
|
+
/***/ ((module) => {
|
24
|
+
|
25
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
26
|
+
|
27
|
+
/***/ })
|
28
|
+
|
29
|
+
/******/ });
|
6
30
|
/************************************************************************/
|
7
|
-
/******/
|
8
|
-
/******/
|
9
|
-
/******/
|
10
|
-
/******/
|
11
|
-
/******/
|
12
|
-
/******/
|
13
|
-
/******/
|
14
|
-
/******/
|
31
|
+
/******/ // The module cache
|
32
|
+
/******/ var __webpack_module_cache__ = {};
|
33
|
+
/******/
|
34
|
+
/******/ // The require function
|
35
|
+
/******/ function __webpack_require__(moduleId) {
|
36
|
+
/******/ // Check if module is in cache
|
37
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
38
|
+
/******/ if (cachedModule !== undefined) {
|
39
|
+
/******/ return cachedModule.exports;
|
15
40
|
/******/ }
|
16
|
-
/******/
|
17
|
-
/******/
|
18
|
-
/******/
|
19
|
-
/******/
|
20
|
-
/******/
|
21
|
-
/******/
|
22
|
-
/******/
|
23
|
-
/******/
|
41
|
+
/******/ // Create a new module (and put it into the cache)
|
42
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
43
|
+
/******/ // no module.id needed
|
44
|
+
/******/ // no module.loaded needed
|
45
|
+
/******/ exports: {}
|
46
|
+
/******/ };
|
47
|
+
/******/
|
48
|
+
/******/ // Execute the module function
|
49
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
50
|
+
/******/
|
51
|
+
/******/ // Return the exports of the module
|
52
|
+
/******/ return module.exports;
|
53
|
+
/******/ }
|
54
|
+
/******/
|
55
|
+
/************************************************************************/
|
56
|
+
/******/ /* webpack/runtime/define property getters */
|
57
|
+
/******/ (() => {
|
58
|
+
/******/ // define getter functions for harmony exports
|
59
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
60
|
+
/******/ for(var key in definition) {
|
61
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
62
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
63
|
+
/******/ }
|
64
|
+
/******/ }
|
65
|
+
/******/ };
|
66
|
+
/******/ })();
|
67
|
+
/******/
|
68
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
69
|
+
/******/ (() => {
|
70
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
71
|
+
/******/ })();
|
72
|
+
/******/
|
73
|
+
/******/ /* webpack/runtime/make namespace object */
|
74
|
+
/******/ (() => {
|
75
|
+
/******/ // define __esModule on exports
|
76
|
+
/******/ __webpack_require__.r = (exports) => {
|
77
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
78
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
79
|
+
/******/ }
|
80
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
81
|
+
/******/ };
|
82
|
+
/******/ })();
|
83
|
+
/******/
|
24
84
|
/************************************************************************/
|
25
85
|
var __webpack_exports__ = {};
|
86
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
87
|
+
(() => {
|
88
|
+
// ESM COMPAT FLAG
|
89
|
+
__webpack_require__.r(__webpack_exports__);
|
26
90
|
|
27
91
|
// EXPORTS
|
28
92
|
__webpack_require__.d(__webpack_exports__, {
|
29
|
-
"
|
93
|
+
"default": () => (/* binding */ src)
|
30
94
|
});
|
31
95
|
|
32
|
-
|
33
|
-
var
|
34
|
-
|
35
|
-
|
36
|
-
;// CONCATENATED MODULE: external "vue"
|
37
|
-
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
38
|
-
var external_vue_y = x => () => x
|
39
|
-
const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
|
96
|
+
// EXTERNAL MODULE: external "../shared"
|
97
|
+
var external_shared_ = __webpack_require__(4212);
|
98
|
+
// EXTERNAL MODULE: external "vue"
|
99
|
+
var external_vue_ = __webpack_require__(748);
|
40
100
|
;// CONCATENATED MODULE: ../../packages/rate/src/star.tsx
|
41
101
|
|
42
102
|
|
@@ -67,15 +127,15 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
67
127
|
*/
|
68
128
|
|
69
129
|
|
70
|
-
/* harmony default export */ const star = ((0,
|
130
|
+
/* harmony default export */ const star = ((0,external_vue_.defineComponent)({
|
71
131
|
name: 'Star',
|
72
132
|
props: {
|
73
|
-
rate:
|
74
|
-
width:
|
75
|
-
height:
|
76
|
-
editable:
|
77
|
-
hoverRate:
|
78
|
-
max:
|
133
|
+
rate: external_shared_.PropTypes.number.def(0),
|
134
|
+
width: external_shared_.PropTypes.number.def(15),
|
135
|
+
height: external_shared_.PropTypes.number.def(16),
|
136
|
+
editable: external_shared_.PropTypes.bool.def(true),
|
137
|
+
hoverRate: external_shared_.PropTypes.number.def(0),
|
138
|
+
max: external_shared_.PropTypes.number.def(5)
|
79
139
|
},
|
80
140
|
emits: ['chooseRate', 'changeHover'],
|
81
141
|
setup: function setup(props, _ref) {
|
@@ -94,14 +154,14 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
94
154
|
};
|
95
155
|
|
96
156
|
var starClass = function starClass(index) {
|
97
|
-
return (0,
|
157
|
+
return (0,external_shared_.classes)({
|
98
158
|
'bk-is-select': index < Math.floor(displayRate.value),
|
99
159
|
'bk-is-edit': props.editable,
|
100
160
|
'bk-rate-star': true
|
101
161
|
});
|
102
162
|
};
|
103
163
|
|
104
|
-
var displayRate = (0,
|
164
|
+
var displayRate = (0,external_vue_.computed)(function () {
|
105
165
|
return props.hoverRate || props.rate;
|
106
166
|
});
|
107
167
|
var starStyle = {
|
@@ -110,10 +170,10 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
110
170
|
minWidth: "".concat(props.width, "px")
|
111
171
|
};
|
112
172
|
return function () {
|
113
|
-
return (0,
|
173
|
+
return (0,external_vue_.createVNode)("p", {
|
114
174
|
"class": "bk-rate-stars"
|
115
175
|
}, [Array(props.max).fill(1).map(function (_, index) {
|
116
|
-
return (0,
|
176
|
+
return (0,external_vue_.createVNode)("svg", {
|
117
177
|
"class": starClass(index),
|
118
178
|
"style": starStyle,
|
119
179
|
"x": "0px",
|
@@ -125,15 +185,15 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
125
185
|
"onMouseenter": function onMouseenter() {
|
126
186
|
return changeHover(index);
|
127
187
|
}
|
128
|
-
}, [(0,
|
188
|
+
}, [(0,external_vue_.createVNode)("g", {
|
129
189
|
"transform": "translate(-143.000000, -635.000000)"
|
130
|
-
}, [(0,
|
190
|
+
}, [(0,external_vue_.createVNode)("g", {
|
131
191
|
"transform": "translate(83.000000, 114.000000)"
|
132
|
-
}, [(0,
|
192
|
+
}, [(0,external_vue_.createVNode)("g", {
|
133
193
|
"transform": "translate(15.000000, 384.000000)"
|
134
|
-
}, [(0,
|
194
|
+
}, [(0,external_vue_.createVNode)("g", {
|
135
195
|
"transform": "translate(29.000000, 137.000000)"
|
136
|
-
}, [(0,
|
196
|
+
}, [(0,external_vue_.createVNode)("polygon", {
|
137
197
|
"class": "st1",
|
138
198
|
"points": "48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"
|
139
199
|
}, null)])])])])]);
|
@@ -172,22 +232,22 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
172
232
|
|
173
233
|
|
174
234
|
|
175
|
-
/* harmony default export */ const rate = ((0,
|
235
|
+
/* harmony default export */ const rate = ((0,external_vue_.defineComponent)({
|
176
236
|
name: 'Rate',
|
177
237
|
components: {
|
178
238
|
star: star
|
179
239
|
},
|
180
240
|
props: {
|
181
|
-
modelValue:
|
182
|
-
size:
|
183
|
-
editable:
|
184
|
-
withValidate:
|
241
|
+
modelValue: external_shared_.PropTypes.number.def(0),
|
242
|
+
size: external_shared_.PropTypes.size(),
|
243
|
+
editable: external_shared_.PropTypes.bool.def(true),
|
244
|
+
withValidate: external_shared_.PropTypes.bool.def(true)
|
185
245
|
},
|
186
246
|
emits: ['change', 'update:modelValue'],
|
187
247
|
setup: function setup(props, _ref) {
|
188
248
|
var emit = _ref.emit;
|
189
|
-
var formItem = (0,
|
190
|
-
var hoverRate = (0,
|
249
|
+
var formItem = (0,external_shared_.useFormItem)();
|
250
|
+
var hoverRate = (0,external_vue_.ref)(0);
|
191
251
|
|
192
252
|
var chooseRate = function chooseRate(val) {
|
193
253
|
if (!props.editable) return;
|
@@ -199,7 +259,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
199
259
|
hoverRate.value = val;
|
200
260
|
};
|
201
261
|
|
202
|
-
var rateClass = (0,
|
262
|
+
var rateClass = (0,external_shared_.classes)({
|
203
263
|
'bk-rate': true
|
204
264
|
});
|
205
265
|
var sizeMap = {
|
@@ -216,7 +276,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
216
276
|
width: 15,
|
217
277
|
height: 16
|
218
278
|
};
|
219
|
-
var starStyle = (0,
|
279
|
+
var starStyle = (0,external_vue_.computed)(function () {
|
220
280
|
var integer = Math.floor(props.modelValue);
|
221
281
|
var fixWidth = (rateSize.width + 3) * integer;
|
222
282
|
var rateWidth = rateSize.width * (props.modelValue - integer);
|
@@ -228,7 +288,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
228
288
|
width: rateSize.width,
|
229
289
|
height: rateSize.height
|
230
290
|
};
|
231
|
-
(0,
|
291
|
+
(0,external_vue_.watch)(function () {
|
232
292
|
return props.modelValue;
|
233
293
|
}, function () {
|
234
294
|
var _a;
|
@@ -238,9 +298,9 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
238
298
|
}
|
239
299
|
});
|
240
300
|
return function () {
|
241
|
-
return (0,
|
301
|
+
return (0,external_vue_.createVNode)("p", {
|
242
302
|
"class": rateClass
|
243
|
-
}, [props.editable ? (0,
|
303
|
+
}, [props.editable ? (0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
|
244
304
|
"rate": props.modelValue,
|
245
305
|
"hover-rate": hoverRate.value,
|
246
306
|
"onChooseRate": chooseRate,
|
@@ -248,12 +308,12 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
248
308
|
"onMouseleave": function onMouseleave() {
|
249
309
|
return changeHover(0);
|
250
310
|
}
|
251
|
-
}, commonAttrs), null) : [(0,
|
311
|
+
}, commonAttrs), null) : [(0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
|
252
312
|
"rate": 5,
|
253
313
|
"style": starStyle.value,
|
254
314
|
"class": "bk-score-real",
|
255
315
|
"editable": false
|
256
|
-
}, commonAttrs), null), (0,
|
316
|
+
}, commonAttrs), null), (0,external_vue_.createVNode)(star, (0,external_vue_.mergeProps)({
|
257
317
|
"rate": 0,
|
258
318
|
"editable": false
|
259
319
|
}, commonAttrs), null)]]);
|
@@ -288,7 +348,11 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
288
348
|
*/
|
289
349
|
|
290
350
|
|
291
|
-
var BkRate = (0,
|
351
|
+
var BkRate = (0,external_shared_.withInstall)(rate);
|
292
352
|
/* harmony default export */ const src = (BkRate);
|
293
|
-
|
294
|
-
|
353
|
+
})();
|
354
|
+
|
355
|
+
/******/ return __webpack_exports__;
|
356
|
+
/******/ })()
|
357
|
+
;
|
358
|
+
});
|
@@ -1,39 +1,107 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../icon"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../icon"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../icon")) : factory(root["../shared"], root["vue"], root["../icon"]);
|
8
|
+
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
|
+
}
|
10
|
+
})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__6870__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
14
|
+
|
15
|
+
/***/ 6870:
|
16
|
+
/***/ ((module) => {
|
17
|
+
|
18
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
|
19
|
+
|
20
|
+
/***/ }),
|
21
|
+
|
22
|
+
/***/ 4212:
|
23
|
+
/***/ ((module) => {
|
24
|
+
|
25
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
26
|
+
|
27
|
+
/***/ }),
|
28
|
+
|
29
|
+
/***/ 748:
|
30
|
+
/***/ ((module) => {
|
31
|
+
|
32
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
33
|
+
|
34
|
+
/***/ })
|
35
|
+
|
36
|
+
/******/ });
|
7
37
|
/************************************************************************/
|
8
|
-
/******/
|
9
|
-
/******/
|
10
|
-
/******/
|
11
|
-
/******/
|
12
|
-
/******/
|
13
|
-
/******/
|
14
|
-
/******/
|
15
|
-
/******/
|
38
|
+
/******/ // The module cache
|
39
|
+
/******/ var __webpack_module_cache__ = {};
|
40
|
+
/******/
|
41
|
+
/******/ // The require function
|
42
|
+
/******/ function __webpack_require__(moduleId) {
|
43
|
+
/******/ // Check if module is in cache
|
44
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
45
|
+
/******/ if (cachedModule !== undefined) {
|
46
|
+
/******/ return cachedModule.exports;
|
16
47
|
/******/ }
|
17
|
-
/******/
|
18
|
-
/******/
|
19
|
-
/******/
|
20
|
-
/******/
|
21
|
-
/******/
|
22
|
-
/******/
|
23
|
-
/******/
|
24
|
-
/******/
|
48
|
+
/******/ // Create a new module (and put it into the cache)
|
49
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
50
|
+
/******/ // no module.id needed
|
51
|
+
/******/ // no module.loaded needed
|
52
|
+
/******/ exports: {}
|
53
|
+
/******/ };
|
54
|
+
/******/
|
55
|
+
/******/ // Execute the module function
|
56
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
57
|
+
/******/
|
58
|
+
/******/ // Return the exports of the module
|
59
|
+
/******/ return module.exports;
|
60
|
+
/******/ }
|
61
|
+
/******/
|
62
|
+
/************************************************************************/
|
63
|
+
/******/ /* webpack/runtime/define property getters */
|
64
|
+
/******/ (() => {
|
65
|
+
/******/ // define getter functions for harmony exports
|
66
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
67
|
+
/******/ for(var key in definition) {
|
68
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
69
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
70
|
+
/******/ }
|
71
|
+
/******/ }
|
72
|
+
/******/ };
|
73
|
+
/******/ })();
|
74
|
+
/******/
|
75
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
76
|
+
/******/ (() => {
|
77
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
78
|
+
/******/ })();
|
79
|
+
/******/
|
80
|
+
/******/ /* webpack/runtime/make namespace object */
|
81
|
+
/******/ (() => {
|
82
|
+
/******/ // define __esModule on exports
|
83
|
+
/******/ __webpack_require__.r = (exports) => {
|
84
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
85
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
86
|
+
/******/ }
|
87
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
88
|
+
/******/ };
|
89
|
+
/******/ })();
|
90
|
+
/******/
|
25
91
|
/************************************************************************/
|
26
92
|
var __webpack_exports__ = {};
|
93
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
94
|
+
(() => {
|
95
|
+
// ESM COMPAT FLAG
|
96
|
+
__webpack_require__.r(__webpack_exports__);
|
27
97
|
|
28
98
|
// EXPORTS
|
29
99
|
__webpack_require__.d(__webpack_exports__, {
|
30
|
-
"
|
100
|
+
"default": () => (/* binding */ src)
|
31
101
|
});
|
32
102
|
|
33
|
-
|
34
|
-
var
|
35
|
-
var y = x => () => x
|
36
|
-
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
103
|
+
// EXTERNAL MODULE: external "../shared"
|
104
|
+
var external_shared_ = __webpack_require__(4212);
|
37
105
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
38
106
|
function _defineProperty(obj, key, value) {
|
39
107
|
if (key in obj) {
|
@@ -49,14 +117,10 @@ function _defineProperty(obj, key, value) {
|
|
49
117
|
|
50
118
|
return obj;
|
51
119
|
}
|
52
|
-
|
53
|
-
var
|
54
|
-
|
55
|
-
|
56
|
-
;// CONCATENATED MODULE: external "../icon"
|
57
|
-
var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
58
|
-
var external_icon_y = x => () => x
|
59
|
-
const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight });
|
120
|
+
// EXTERNAL MODULE: external "vue"
|
121
|
+
var external_vue_ = __webpack_require__(748);
|
122
|
+
// EXTERNAL MODULE: external "../icon"
|
123
|
+
var external_icon_ = __webpack_require__(6870);
|
60
124
|
;// CONCATENATED MODULE: ../../packages/resize-layout/src/resize-layout.tsx
|
61
125
|
|
62
126
|
|
@@ -89,26 +153,26 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
89
153
|
|
90
154
|
|
91
155
|
|
92
|
-
/* harmony default export */ const resize_layout = ((0,
|
156
|
+
/* harmony default export */ const resize_layout = ((0,external_vue_.defineComponent)({
|
93
157
|
name: 'ResizeLayout',
|
94
158
|
props: {
|
95
|
-
placement:
|
96
|
-
min:
|
97
|
-
max:
|
98
|
-
triggerWidth:
|
99
|
-
triggerOffset:
|
100
|
-
initialDivide:
|
101
|
-
immediate:
|
102
|
-
disabled:
|
103
|
-
collapsible:
|
104
|
-
autoMinimize:
|
105
|
-
border:
|
159
|
+
placement: external_shared_.PropTypes.placement().def('left'),
|
160
|
+
min: external_shared_.PropTypes.number.def(3),
|
161
|
+
max: external_shared_.PropTypes.number.def(Infinity),
|
162
|
+
triggerWidth: external_shared_.PropTypes.number.def(5),
|
163
|
+
triggerOffset: external_shared_.PropTypes.number.def(3),
|
164
|
+
initialDivide: external_shared_.PropTypes.oneOfType([String, Number]).def('20%'),
|
165
|
+
immediate: external_shared_.PropTypes.bool,
|
166
|
+
disabled: external_shared_.PropTypes.bool,
|
167
|
+
collapsible: external_shared_.PropTypes.bool,
|
168
|
+
autoMinimize: external_shared_.PropTypes.oneOfType([Boolean, Number]).def(false),
|
169
|
+
border: external_shared_.PropTypes.bool.def(true)
|
106
170
|
},
|
107
171
|
emits: ['before-resize', 'resizing', 'after-resize', 'collapse-change'],
|
108
172
|
setup: function setup(props, _ref) {
|
109
173
|
var emit = _ref.emit;
|
110
174
|
|
111
|
-
var _toRefs = (0,
|
175
|
+
var _toRefs = (0,external_vue_.toRefs)(props),
|
112
176
|
placement = _toRefs.placement,
|
113
177
|
initialDivide = _toRefs.initialDivide,
|
114
178
|
triggerOffset = _toRefs.triggerOffset,
|
@@ -118,22 +182,22 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
118
182
|
immediate = _toRefs.immediate,
|
119
183
|
autoMinimize = _toRefs.autoMinimize;
|
120
184
|
|
121
|
-
var collapsed = (0,
|
122
|
-
var asideContentVisible = (0,
|
123
|
-
var minimized = (0,
|
124
|
-
var limitMax = (0,
|
125
|
-
var state = (0,
|
126
|
-
var bkResizeLayoutRef = (0,
|
127
|
-
var resizeProxyRef = (0,
|
128
|
-
var resizeMaskRef = (0,
|
129
|
-
var asideRef = (0,
|
130
|
-
var vertical = (0,
|
185
|
+
var collapsed = (0,external_vue_.ref)(false);
|
186
|
+
var asideContentVisible = (0,external_vue_.ref)(true);
|
187
|
+
var minimized = (0,external_vue_.ref)(false);
|
188
|
+
var limitMax = (0,external_vue_.ref)(null);
|
189
|
+
var state = (0,external_vue_.ref)({});
|
190
|
+
var bkResizeLayoutRef = (0,external_vue_.ref)(null);
|
191
|
+
var resizeProxyRef = (0,external_vue_.ref)(null);
|
192
|
+
var resizeMaskRef = (0,external_vue_.ref)(null);
|
193
|
+
var asideRef = (0,external_vue_.ref)(null);
|
194
|
+
var vertical = (0,external_vue_.computed)(function () {
|
131
195
|
return ['left', 'right'].includes(placement.value);
|
132
196
|
});
|
133
|
-
var cssPropKey = (0,
|
197
|
+
var cssPropKey = (0,external_vue_.computed)(function () {
|
134
198
|
return vertical.value ? 'width' : 'height';
|
135
199
|
});
|
136
|
-
var asideStyle = (0,
|
200
|
+
var asideStyle = (0,external_vue_.computed)(function () {
|
137
201
|
var divide = initialDivide.value;
|
138
202
|
|
139
203
|
if (typeof divide === 'number') {
|
@@ -142,13 +206,13 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
142
206
|
|
143
207
|
return _defineProperty({}, cssPropKey.value, divide);
|
144
208
|
});
|
145
|
-
var triggerStyle = (0,
|
209
|
+
var triggerStyle = (0,external_vue_.computed)(function () {
|
146
210
|
var _style;
|
147
211
|
|
148
212
|
var style = (_style = {}, _defineProperty(_style, "margin-".concat(placement.value), "".concat(triggerOffset.value - triggerWidth.value, "px")), _defineProperty(_style, cssPropKey.value, "".concat(triggerWidth.value, "px")), _style);
|
149
213
|
return style;
|
150
214
|
});
|
151
|
-
var parseAutoMinimize = (0,
|
215
|
+
var parseAutoMinimize = (0,external_vue_.computed)(function () {
|
152
216
|
if (autoMinimize.value) {
|
153
217
|
return typeof autoMinimize.value === 'boolean' ? 50 : autoMinimize.value;
|
154
218
|
}
|
@@ -265,7 +329,7 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
265
329
|
document.removeEventListener('mouseup', handleMouseUp);
|
266
330
|
document.onselectstart = null;
|
267
331
|
document.ondragstart = null;
|
268
|
-
(0,
|
332
|
+
(0,external_vue_.nextTick)(function () {
|
269
333
|
setupAutoMinimize();
|
270
334
|
emit('after-resize', parseFloat(resizeProxyRef.value.style[placement.value]));
|
271
335
|
});
|
@@ -297,7 +361,7 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
297
361
|
}
|
298
362
|
|
299
363
|
setupAsideAnimation();
|
300
|
-
(0,
|
364
|
+
(0,external_vue_.nextTick)(function () {
|
301
365
|
asideRef.value.setAttribute("data-".concat(cssPropKey.value), asideStyle.value[cssPropKey.value]);
|
302
366
|
});
|
303
367
|
};
|
@@ -332,10 +396,10 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
332
396
|
asideRef.value.style.transition = "".concat(cssPropKey.value, " cubic-bezier(0.4, 0, 0.2, 1) .3s");
|
333
397
|
};
|
334
398
|
|
335
|
-
(0,
|
399
|
+
(0,external_vue_.onMounted)(function () {
|
336
400
|
observer.observe(bkResizeLayoutRef.value);
|
337
401
|
});
|
338
|
-
(0,
|
402
|
+
(0,external_vue_.onBeforeUnmount)(function () {
|
339
403
|
observer.unobserve(bkResizeLayoutRef.value);
|
340
404
|
});
|
341
405
|
return {
|
@@ -363,31 +427,31 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
363
427
|
'bk-resize-layout-collapsed': this.collapsed,
|
364
428
|
'bk-resize-layout-border': this.border
|
365
429
|
}];
|
366
|
-
return (0,
|
430
|
+
return (0,external_vue_.createVNode)("div", {
|
367
431
|
"ref": "bkResizeLayoutRef",
|
368
432
|
"class": bkResizeLayoutClass
|
369
|
-
}, [(0,
|
433
|
+
}, [(0,external_vue_.createVNode)("aside", {
|
370
434
|
"class": "bk-resize-layout-aside",
|
371
435
|
"ref": "asideRef",
|
372
436
|
"style": this.asideStyle
|
373
|
-
}, [(0,
|
437
|
+
}, [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)("div", {
|
374
438
|
"class": "bk-resize-layout-aside-content"
|
375
|
-
}, [(_b = (_a = this.$slots).aside) === null || _b === void 0 ? void 0 : _b.call(_a)]), [[
|
439
|
+
}, [(_b = (_a = this.$slots).aside) === null || _b === void 0 ? void 0 : _b.call(_a)]), [[external_vue_.vShow, this.asideContentVisible]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
|
376
440
|
"class": "bk-resize-trigger",
|
377
441
|
"style": this.triggerStyle,
|
378
|
-
"onMousedown": (0,
|
379
|
-
}, null), [[
|
442
|
+
"onMousedown": (0,external_vue_.withModifiers)(this.handleMousedown, ['left'])
|
443
|
+
}, null), [[external_vue_.vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
|
380
444
|
"class": ['bk-resize-proxy', this.placement],
|
381
445
|
"ref": "resizeProxyRef"
|
382
|
-
}, null), [[
|
446
|
+
}, null), [[external_vue_.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_d = (_c = this.$slots)['collapse-trigger']) === null || _d === void 0 ? void 0 : _d.call(_c)) || (this.collapsed ? (0,external_vue_.createVNode)(external_icon_.AngleRight, {
|
383
447
|
"class": "bk-resize-collapse",
|
384
448
|
"onClick": this.setCollapse
|
385
|
-
}, null) : (0,
|
449
|
+
}, null) : (0,external_vue_.createVNode)(external_icon_.AngleLeft, {
|
386
450
|
"class": "bk-resize-collapse",
|
387
451
|
"onClick": this.setCollapse
|
388
|
-
}, null)))]), (0,
|
452
|
+
}, null)))]), (0,external_vue_.createVNode)("main", {
|
389
453
|
"class": "bk-resize-layout-main"
|
390
|
-
}, [(_f = (_e = this.$slots).main) === null || _f === void 0 ? void 0 : _f.call(_e)]), (0,
|
454
|
+
}, [(_f = (_e = this.$slots).main) === null || _f === void 0 ? void 0 : _f.call(_e)]), (0,external_vue_.createVNode)("div", {
|
391
455
|
"class": "bk-resize-mask",
|
392
456
|
"ref": "resizeMaskRef"
|
393
457
|
}, null)]);
|
@@ -421,7 +485,11 @@ const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __W
|
|
421
485
|
*/
|
422
486
|
|
423
487
|
|
424
|
-
var BkResizeLayout = (0,
|
488
|
+
var BkResizeLayout = (0,external_shared_.withInstall)(resize_layout);
|
425
489
|
/* harmony default export */ const src = (BkResizeLayout);
|
426
|
-
|
427
|
-
|
490
|
+
})();
|
491
|
+
|
492
|
+
/******/ return __webpack_exports__;
|
493
|
+
/******/ })()
|
494
|
+
;
|
495
|
+
});
|