bkui-vue 0.0.1-beta.391 → 0.0.1-beta.392
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/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 +190 -143
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.js +193 -148
- 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/container/index.js
CHANGED
@@ -1,45 +1,105 @@
|
|
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
|
-
"
|
30
|
-
"
|
31
|
-
"
|
32
|
-
"
|
93
|
+
"BkCol": () => (/* reexport */ col),
|
94
|
+
"BkContainer": () => (/* binding */ BkContainer),
|
95
|
+
"BkRow": () => (/* reexport */ row),
|
96
|
+
"default": () => (/* binding */ src)
|
33
97
|
});
|
34
98
|
|
35
|
-
|
36
|
-
var
|
37
|
-
|
38
|
-
|
39
|
-
;// CONCATENATED MODULE: external "vue"
|
40
|
-
var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
41
|
-
var external_vue_y = x => () => x
|
42
|
-
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, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide });
|
99
|
+
// EXTERNAL MODULE: external "../shared"
|
100
|
+
var external_shared_ = __webpack_require__(4212);
|
101
|
+
// EXTERNAL MODULE: external "vue"
|
102
|
+
var external_vue_ = __webpack_require__(748);
|
43
103
|
;// CONCATENATED MODULE: ../../packages/container/src/col.tsx
|
44
104
|
|
45
105
|
|
@@ -72,20 +132,20 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
|
|
72
132
|
|
73
133
|
var colProps = {
|
74
134
|
// 栅格的占位格数,可选值为 0~24 的整数,为 0 时,则为 col 相当于 width: 100%
|
75
|
-
span:
|
135
|
+
span: external_shared_.PropTypes.number.def(1),
|
76
136
|
// 栅格的偏移
|
77
|
-
offset:
|
137
|
+
offset: external_shared_.PropTypes.number.def(0),
|
78
138
|
// 栅格向左移动格数
|
79
|
-
pull:
|
139
|
+
pull: external_shared_.PropTypes.number.def(0),
|
80
140
|
// 栅格向右移动格数
|
81
|
-
push:
|
141
|
+
push: external_shared_.PropTypes.number.def(0)
|
82
142
|
};
|
83
|
-
/* harmony default export */ const col = ((0,
|
143
|
+
/* harmony default export */ const col = ((0,external_vue_.defineComponent)({
|
84
144
|
name: 'Col',
|
85
145
|
props: colProps,
|
86
146
|
emits: [],
|
87
147
|
setup: function setup(props, ctx) {
|
88
|
-
var _inject = (0,
|
148
|
+
var _inject = (0,external_vue_.inject)('containerProps'),
|
89
149
|
col = _inject.col,
|
90
150
|
gutter = _inject.gutter,
|
91
151
|
flex = _inject.flex;
|
@@ -94,10 +154,10 @@ var colProps = {
|
|
94
154
|
offset = props.offset,
|
95
155
|
pull = props.pull,
|
96
156
|
push = props.push;
|
97
|
-
var realSpan = (0,
|
157
|
+
var realSpan = (0,external_vue_.computed)(function () {
|
98
158
|
return span || col;
|
99
159
|
});
|
100
|
-
(0,
|
160
|
+
(0,external_vue_.provide)('containerProps', {
|
101
161
|
col: realSpan.value,
|
102
162
|
gutter: gutter,
|
103
163
|
flex: flex
|
@@ -107,7 +167,7 @@ var colProps = {
|
|
107
167
|
return "".concat(Number((val * 100).toFixed(3)), "%");
|
108
168
|
};
|
109
169
|
|
110
|
-
var style = (0,
|
170
|
+
var style = (0,external_vue_.computed)(function () {
|
111
171
|
return {
|
112
172
|
width: formatPercentage(realSpan.value / col),
|
113
173
|
'padding-right': "".concat(gutter / 2, "px"),
|
@@ -120,7 +180,7 @@ var colProps = {
|
|
120
180
|
return function () {
|
121
181
|
var _a, _b;
|
122
182
|
|
123
|
-
return (0,
|
183
|
+
return (0,external_vue_.createVNode)("div", {
|
124
184
|
"class": "bk-grid-col",
|
125
185
|
"style": style.value
|
126
186
|
}, [(_b = (_a = ctx.slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)]);
|
@@ -159,17 +219,17 @@ var colProps = {
|
|
159
219
|
|
160
220
|
var containerProps = {
|
161
221
|
// 栅格数,默认 24
|
162
|
-
col:
|
222
|
+
col: external_shared_.PropTypes.number.def(24),
|
163
223
|
// 栅格间距,单位 px,左右平分
|
164
|
-
gutter:
|
224
|
+
gutter: external_shared_.PropTypes.number.def(20),
|
165
225
|
// 栅格容器的左右外边距
|
166
|
-
margin:
|
226
|
+
margin: external_shared_.PropTypes.number.def(20),
|
167
227
|
// 控制 row 是否使用 flex 布局
|
168
|
-
flex:
|
228
|
+
flex: external_shared_.PropTypes.bool.def(false),
|
169
229
|
// 外部设置的 class name
|
170
|
-
extCls:
|
230
|
+
extCls: external_shared_.PropTypes.string
|
171
231
|
};
|
172
|
-
/* harmony default export */ const container = ((0,
|
232
|
+
/* harmony default export */ const container = ((0,external_vue_.defineComponent)({
|
173
233
|
name: 'Container',
|
174
234
|
props: containerProps,
|
175
235
|
emits: [],
|
@@ -178,15 +238,15 @@ var containerProps = {
|
|
178
238
|
gutter = props.gutter,
|
179
239
|
flex = props.flex,
|
180
240
|
extCls = props.extCls;
|
181
|
-
(0,
|
241
|
+
(0,external_vue_.provide)('containerProps', {
|
182
242
|
col: col,
|
183
243
|
gutter: gutter,
|
184
244
|
flex: flex
|
185
245
|
});
|
186
|
-
var classes = (0,
|
246
|
+
var classes = (0,external_vue_.computed)(function () {
|
187
247
|
return extCls ? "bk-grid-container ".concat(extCls) : 'bk-grid-container';
|
188
248
|
});
|
189
|
-
var style = (0,
|
249
|
+
var style = (0,external_vue_.computed)(function () {
|
190
250
|
var margin = props.margin;
|
191
251
|
return {
|
192
252
|
'padding-right': "".concat(margin, "px"),
|
@@ -196,7 +256,7 @@ var containerProps = {
|
|
196
256
|
return function () {
|
197
257
|
var _a, _b;
|
198
258
|
|
199
|
-
return (0,
|
259
|
+
return (0,external_vue_.createVNode)("div", {
|
200
260
|
"class": classes.value,
|
201
261
|
"style": style.value
|
202
262
|
}, [(_b = (_a = ctx.slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)]);
|
@@ -232,21 +292,21 @@ var containerProps = {
|
|
232
292
|
* IN THE SOFTWARE.
|
233
293
|
*/
|
234
294
|
|
235
|
-
/* harmony default export */ const row = ((0,
|
295
|
+
/* harmony default export */ const row = ((0,external_vue_.defineComponent)({
|
236
296
|
name: 'Row',
|
237
297
|
emits: [],
|
238
298
|
setup: function setup(_props, ctx) {
|
239
|
-
var _inject = (0,
|
299
|
+
var _inject = (0,external_vue_.inject)('containerProps'),
|
240
300
|
col = _inject.col,
|
241
301
|
gutter = _inject.gutter,
|
242
302
|
flex = _inject.flex;
|
243
303
|
|
244
|
-
(0,
|
304
|
+
(0,external_vue_.provide)('containerProps', {
|
245
305
|
col: col,
|
246
306
|
gutter: gutter,
|
247
307
|
flex: flex
|
248
308
|
});
|
249
|
-
var style = (0,
|
309
|
+
var style = (0,external_vue_.computed)(function () {
|
250
310
|
var o = flex ? {
|
251
311
|
display: ['-webkit-box', '-ms-flexbox', 'flex']
|
252
312
|
} : {};
|
@@ -258,7 +318,7 @@ var containerProps = {
|
|
258
318
|
return function () {
|
259
319
|
var _a, _b;
|
260
320
|
|
261
|
-
return (0,
|
321
|
+
return (0,external_vue_.createVNode)("div", {
|
262
322
|
"class": "bk-grid-row",
|
263
323
|
"style": style.value
|
264
324
|
}, [(_b = (_a = ctx.slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)]);
|
@@ -295,14 +355,15 @@ var containerProps = {
|
|
295
355
|
|
296
356
|
|
297
357
|
|
298
|
-
var BkContainer = (0,
|
358
|
+
var BkContainer = (0,external_shared_.withInstallProps)(container, {
|
299
359
|
Row: row,
|
300
360
|
Col: col
|
301
361
|
});
|
302
362
|
/* harmony default export */ const src = (BkContainer);
|
303
363
|
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
364
|
+
})();
|
365
|
+
|
366
|
+
/******/ return __webpack_exports__;
|
367
|
+
/******/ })()
|
368
|
+
;
|
369
|
+
});
|