bkui-vue 0.0.2-beta.36 → 0.0.2-beta.37
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 +391 -1
- package/lib/alert/index.js +287 -1
- package/lib/animate-number/index.js +219 -1
- package/lib/backtop/index.js +264 -1
- package/lib/badge/index.js +304 -1
- package/lib/breadcrumb/index.js +379 -1
- package/lib/button/index.js +403 -1
- package/lib/card/index.js +369 -1
- package/lib/cascader/index.js +2095 -2
- package/lib/checkbox/index.js +602 -1
- package/lib/code-diff/index.js +5548 -1
- package/lib/collapse/index.js +605 -1
- package/lib/collapse-transition/index.js +237 -1
- package/lib/color-picker/index.js +2735 -1
- package/lib/components.js +770 -1
- package/lib/config-provider/index.js +377 -1
- package/lib/container/index.js +408 -1
- package/lib/date-picker/index.js +5576 -1
- package/lib/dialog/index.js +1324 -2
- package/lib/directives/index.js +1386 -2
- package/lib/dist.index.js +179 -1
- package/lib/divider/index.js +237 -1
- package/lib/dropdown/index.js +455 -1
- package/lib/exception/index.js +435 -1
- package/lib/fixed-navbar/index.js +222 -1
- package/lib/form/index.js +1004 -1
- package/lib/hooks.js +133 -1
- package/lib/icon/angle-double-down-line.js +541 -1
- package/lib/icon/angle-double-left-line.js +541 -1
- package/lib/icon/angle-double-left.js +541 -1
- package/lib/icon/angle-double-right-line.js +541 -1
- package/lib/icon/angle-double-right.js +541 -1
- package/lib/icon/angle-double-up-line.js +541 -1
- package/lib/icon/angle-down-fill.js +541 -1
- package/lib/icon/angle-down-line.js +541 -1
- package/lib/icon/angle-down.js +541 -1
- package/lib/icon/angle-left.js +541 -1
- package/lib/icon/angle-right.js +541 -1
- package/lib/icon/angle-up-fill.js +541 -1
- package/lib/icon/angle-up.js +541 -1
- package/lib/icon/archive-fill.js +541 -1
- package/lib/icon/arrows-left.js +541 -1
- package/lib/icon/arrows-right.js +541 -1
- package/lib/icon/assistant.js +541 -1
- package/lib/icon/audio-fill.js +541 -1
- package/lib/icon/bk.js +541 -1
- package/lib/icon/circle.js +541 -1
- package/lib/icon/close-line.js +541 -1
- package/lib/icon/close.js +541 -1
- package/lib/icon/code.js +541 -1
- package/lib/icon/cog-shape.js +541 -1
- package/lib/icon/collapse-left.js +541 -1
- package/lib/icon/copy-shape.js +541 -1
- package/lib/icon/copy.js +541 -1
- package/lib/icon/data-shape.js +541 -1
- package/lib/icon/del.js +541 -1
- package/lib/icon/doc-fill.js +541 -1
- package/lib/icon/done.js +541 -1
- package/lib/icon/down-shape.js +541 -1
- package/lib/icon/down-small.js +541 -1
- package/lib/icon/edit-line.js +541 -1
- package/lib/icon/ellipsis.js +541 -1
- package/lib/icon/enlarge-line.js +541 -1
- package/lib/icon/error.js +541 -1
- package/lib/icon/excel-fill.js +541 -1
- package/lib/icon/exclamation-circle-shape.js +541 -1
- package/lib/icon/eye.js +541 -1
- package/lib/icon/filliscreen-line.js +541 -1
- package/lib/icon/fix-line.js +541 -1
- package/lib/icon/fix-shape.js +541 -1
- package/lib/icon/folder-open.js +541 -1
- package/lib/icon/folder-shape-open.js +541 -1
- package/lib/icon/folder-shape.js +541 -1
- package/lib/icon/folder.js +541 -1
- package/lib/icon/funnel.js +541 -1
- package/lib/icon/help-document-fill.js +541 -1
- package/lib/icon/help-fill.js +541 -1
- package/lib/icon/help.js +541 -1
- package/lib/icon/image-fill.js +563 -1
- package/lib/icon/img-error.js +563 -1
- package/lib/icon/img-placehoulder.js +563 -1
- package/lib/icon/index.js +2353 -1
- package/lib/icon/info-line.js +563 -1
- package/lib/icon/info.js +563 -1
- package/lib/icon/left-shape.js +563 -1
- package/lib/icon/left-turn-line.js +563 -1
- package/lib/icon/narrow-line.js +563 -1
- package/lib/icon/original.js +563 -1
- package/lib/icon/pdf-fill.js +563 -1
- package/lib/icon/play-shape.js +563 -1
- package/lib/icon/plus.js +563 -1
- package/lib/icon/ppt-fill.js +563 -1
- package/lib/icon/qq.js +563 -1
- package/lib/icon/right-shape.js +563 -1
- package/lib/icon/right-turn-line.js +563 -1
- package/lib/icon/search.js +563 -1
- package/lib/icon/share.js +563 -1
- package/lib/icon/spinner.js +563 -1
- package/lib/icon/success.js +563 -1
- package/lib/icon/switcher-loading.js +563 -1
- package/lib/icon/text-file.js +563 -1
- package/lib/icon/text-fill.js +563 -1
- package/lib/icon/transfer.js +563 -1
- package/lib/icon/tree-application-shape.js +563 -1
- package/lib/icon/unfull-screen.js +563 -1
- package/lib/icon/unvisible.js +563 -1
- package/lib/icon/up-shape.js +563 -1
- package/lib/icon/upload.js +563 -1
- package/lib/icon/video-fill.js +563 -1
- package/lib/icon/warn.js +563 -1
- package/lib/icon/weixin-pro.js +563 -1
- package/lib/icon/weixin.js +563 -1
- package/lib/image/index.js +681 -1
- package/lib/index.js +195 -1
- package/lib/info-box/index.js +1514 -2
- package/lib/input/index.js +1038 -1
- package/lib/link/index.js +232 -1
- package/lib/loading/index.js +443 -1
- package/lib/locale/index.js +489 -1
- package/lib/menu/index.js +793 -1
- package/lib/message/index.js +1842 -2
- package/lib/modal/index.js +407 -1
- package/lib/navigation/index.js +439 -1
- package/lib/notify/index.js +470 -1
- package/lib/overflow-title/index.js +547 -1
- package/lib/pagination/index.js +974 -1
- package/lib/plugin-popover/index.js +4121 -1
- package/lib/plugins/index.js +130 -1
- package/lib/pop-confirm/index.js +367 -1
- package/lib/popover/index.js +4127 -1
- package/lib/popover2/index.js +171 -1
- package/lib/preset.js +164 -1
- package/lib/process/index.js +1146 -2
- package/lib/progress/index.js +495 -1
- package/lib/radio/index.js +693 -1
- package/lib/rate/index.js +406 -1
- package/lib/resize-layout/index.js +499 -1
- package/lib/search-select/index.js +3024 -2
- package/lib/select/index.js +2599 -2
- package/lib/shared/index.js +2832 -1
- package/lib/sideslider/index.js +1056 -2
- package/lib/slider/index.js +1683 -2
- package/lib/steps/index.js +1215 -2
- package/lib/swiper/index.js +404 -1
- package/lib/switcher/index.js +335 -1
- package/lib/tab/index.js +935 -1
- package/lib/table/index.js +6588 -1
- package/lib/table-column/index.js +768 -1
- package/lib/tag/index.js +309 -1
- package/lib/tag-input/index.js +1758 -1
- package/lib/time-picker/index.js +142 -1
- package/lib/timeline/index.js +310 -1
- package/lib/transfer/index.js +767 -1
- package/lib/tree/index.js +2664 -1
- package/lib/upload/index.js +3257 -2
- package/lib/virtual-render/index.js +806 -1
- package/package.json +1 -1
- package/lib/cascader/index.js.LICENSE.txt +0 -1
- package/lib/dialog/index.js.LICENSE.txt +0 -1
- package/lib/directives/index.js.LICENSE.txt +0 -14
- package/lib/info-box/index.js.LICENSE.txt +0 -1
- package/lib/message/index.js.LICENSE.txt +0 -6
- package/lib/process/index.js.LICENSE.txt +0 -1
- package/lib/search-select/index.js.LICENSE.txt +0 -1
- package/lib/select/index.js.LICENSE.txt +0 -1
- package/lib/sideslider/index.js.LICENSE.txt +0 -1
- package/lib/slider/index.js.LICENSE.txt +0 -1
- package/lib/steps/index.js.LICENSE.txt +0 -1
- package/lib/upload/index.js.LICENSE.txt +0 -1
package/lib/progress/index.js
CHANGED
@@ -1 +1,495 @@
|
|
1
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../config-provider"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../config-provider"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../config-provider")) : factory(root["../shared"], root["vue"], root["../config-provider"]);
|
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__2717__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
14
|
+
|
15
|
+
/***/ 2717:
|
16
|
+
/***/ ((module) => {
|
17
|
+
|
18
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__2717__;
|
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
|
+
/******/ });
|
37
|
+
/************************************************************************/
|
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;
|
47
|
+
/******/ }
|
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
|
+
/******/
|
91
|
+
/************************************************************************/
|
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__);
|
97
|
+
|
98
|
+
// EXPORTS
|
99
|
+
__webpack_require__.d(__webpack_exports__, {
|
100
|
+
"default": () => (/* binding */ src)
|
101
|
+
});
|
102
|
+
|
103
|
+
// EXTERNAL MODULE: external "../shared"
|
104
|
+
var external_shared_ = __webpack_require__(4212);
|
105
|
+
// EXTERNAL MODULE: external "vue"
|
106
|
+
var external_vue_ = __webpack_require__(748);
|
107
|
+
// EXTERNAL MODULE: external "../config-provider"
|
108
|
+
var external_config_provider_ = __webpack_require__(2717);
|
109
|
+
;// CONCATENATED MODULE: ../../packages/progress/src/circle.tsx
|
110
|
+
|
111
|
+
/*
|
112
|
+
* Tencent is pleased to support the open source community by making
|
113
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
114
|
+
*
|
115
|
+
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
116
|
+
*
|
117
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
118
|
+
*
|
119
|
+
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
120
|
+
*
|
121
|
+
* ---------------------------------------------------
|
122
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
123
|
+
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
124
|
+
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
125
|
+
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
126
|
+
*
|
127
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
128
|
+
* the Software.
|
129
|
+
*
|
130
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
131
|
+
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
132
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
133
|
+
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
134
|
+
* IN THE SOFTWARE.
|
135
|
+
*/
|
136
|
+
|
137
|
+
/** 环形进度和仪表盘 */
|
138
|
+
var Circle = function Circle(_, _ref) {
|
139
|
+
var attrs = _ref.attrs,
|
140
|
+
slots = _ref.slots;
|
141
|
+
var _usePrefix = (0,external_config_provider_.usePrefix)(),
|
142
|
+
resolveClassName = _usePrefix.resolveClassName;
|
143
|
+
var width = attrs.width,
|
144
|
+
percent = attrs.percent,
|
145
|
+
strokeWidth = attrs.strokeWidth,
|
146
|
+
color = attrs.color,
|
147
|
+
strokeLinecap = attrs.strokeLinecap,
|
148
|
+
theme = attrs.theme,
|
149
|
+
type = attrs.type,
|
150
|
+
bgColor = attrs.bgColor,
|
151
|
+
titleStyle = attrs.titleStyle;
|
152
|
+
var circleStrokeWidth = strokeWidth || 6;
|
153
|
+
var circleSize = width || 126;
|
154
|
+
var circleStyle = {
|
155
|
+
width: typeof circleSize === 'number' ? "".concat(circleSize, "px") : circleSize,
|
156
|
+
height: typeof circleSize === 'number' ? "".concat(circleSize, "px") : circleSize,
|
157
|
+
fontSize: "".concat(circleSize * .15 + 6, "px")
|
158
|
+
};
|
159
|
+
var radius = 50 - circleStrokeWidth / 2;
|
160
|
+
var isDashboard = type === 'dashboard';
|
161
|
+
/** 总度数 */
|
162
|
+
var len = Math.PI * 2 * radius;
|
163
|
+
/** 绘制长度 */
|
164
|
+
var rate = isDashboard && 0.75 || 1;
|
165
|
+
/** stroke偏移 */
|
166
|
+
var strokeDashoffset = "".concat(-1 * len * (1 - rate) / 2, "px");
|
167
|
+
var transition = 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease';
|
168
|
+
/** 底色样式 */
|
169
|
+
var trailStyle = {
|
170
|
+
strokeDasharray: "".concat(len * rate, "px, ").concat(len, "px"),
|
171
|
+
strokeDashoffset: strokeDashoffset
|
172
|
+
};
|
173
|
+
/** 路径样式 */
|
174
|
+
var pathStyle = {
|
175
|
+
strokeDasharray: "".concat(len * rate * (percent / 100), "px, ").concat(len, "px"),
|
176
|
+
strokeDashoffset: strokeDashoffset,
|
177
|
+
transition: transition
|
178
|
+
};
|
179
|
+
/** 绘制路径 */
|
180
|
+
var path = "\n M 50 50\n m 0 ".concat(isDashboard ? '' : '-').concat(radius, "\n a ").concat(radius, " ").concat(radius, " 0 1 1 0 ").concat(isDashboard ? '-' : '').concat(radius * 2, "\n a ").concat(radius, " ").concat(radius, " 0 1 1 0 ").concat(isDashboard ? '' : '-').concat(radius * 2, "\n ");
|
181
|
+
/** 底色 */
|
182
|
+
var progressCircleTrail = {
|
183
|
+
d: path,
|
184
|
+
stroke: bgColor || '#f5f5f5',
|
185
|
+
'stroke-linecap': strokeLinecap,
|
186
|
+
'stroke-width': circleStrokeWidth,
|
187
|
+
'fill-opacity': '0',
|
188
|
+
"class": 'process-circle-trail',
|
189
|
+
style: trailStyle
|
190
|
+
};
|
191
|
+
/** 路径 */
|
192
|
+
var progressCirclePath = {
|
193
|
+
d: path,
|
194
|
+
stroke: color || '#13ce66',
|
195
|
+
'stroke-linecap': strokeLinecap,
|
196
|
+
'stroke-width': percent > 0 && circleStrokeWidth || 0,
|
197
|
+
'fill-opacity': '0',
|
198
|
+
"class": "process-circle-path ".concat(resolveClassName("".concat(theme, "-circle-trail"))),
|
199
|
+
style: pathStyle
|
200
|
+
};
|
201
|
+
return (0,external_vue_.createVNode)("div", {
|
202
|
+
"class": "progress-outer-circle",
|
203
|
+
"style": circleStyle
|
204
|
+
}, [(0,external_vue_.createVNode)("svg", {
|
205
|
+
"viewBox": "0 0 100 100"
|
206
|
+
}, [(0,external_vue_.createVNode)("path", progressCircleTrail, null), (0,external_vue_.createVNode)("path", progressCirclePath, null)]), (0,external_vue_.createVNode)("span", {
|
207
|
+
"class": "progress-circle-text",
|
208
|
+
"style": titleStyle
|
209
|
+
}, [slots === null || slots === void 0 ? void 0 : slots["default"]()])]);
|
210
|
+
};
|
211
|
+
/* harmony default export */ const circle = (Circle);
|
212
|
+
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
213
|
+
function _typeof(obj) {
|
214
|
+
"@babel/helpers - typeof";
|
215
|
+
|
216
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
217
|
+
return typeof obj;
|
218
|
+
} : function (obj) {
|
219
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
220
|
+
}, _typeof(obj);
|
221
|
+
}
|
222
|
+
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
|
223
|
+
|
224
|
+
function _toPrimitive(input, hint) {
|
225
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
226
|
+
var prim = input[Symbol.toPrimitive];
|
227
|
+
if (prim !== undefined) {
|
228
|
+
var res = prim.call(input, hint || "default");
|
229
|
+
if (_typeof(res) !== "object") return res;
|
230
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
231
|
+
}
|
232
|
+
return (hint === "string" ? String : Number)(input);
|
233
|
+
}
|
234
|
+
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
|
235
|
+
|
236
|
+
|
237
|
+
function _toPropertyKey(arg) {
|
238
|
+
var key = _toPrimitive(arg, "string");
|
239
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
240
|
+
}
|
241
|
+
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
242
|
+
|
243
|
+
function _defineProperty(obj, key, value) {
|
244
|
+
key = _toPropertyKey(key);
|
245
|
+
if (key in obj) {
|
246
|
+
Object.defineProperty(obj, key, {
|
247
|
+
value: value,
|
248
|
+
enumerable: true,
|
249
|
+
configurable: true,
|
250
|
+
writable: true
|
251
|
+
});
|
252
|
+
} else {
|
253
|
+
obj[key] = value;
|
254
|
+
}
|
255
|
+
return obj;
|
256
|
+
}
|
257
|
+
;// CONCATENATED MODULE: ../../packages/progress/src/line.tsx
|
258
|
+
|
259
|
+
|
260
|
+
/*
|
261
|
+
* Tencent is pleased to support the open source community by making
|
262
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
263
|
+
*
|
264
|
+
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
265
|
+
*
|
266
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
267
|
+
*
|
268
|
+
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
269
|
+
*
|
270
|
+
* ---------------------------------------------------
|
271
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
272
|
+
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
273
|
+
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
274
|
+
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
275
|
+
*
|
276
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
277
|
+
* the Software.
|
278
|
+
*
|
279
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
280
|
+
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
281
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
282
|
+
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
283
|
+
* IN THE SOFTWARE.
|
284
|
+
*/
|
285
|
+
|
286
|
+
/** 进度条直线*/
|
287
|
+
var Line = function Line(_, _ref) {
|
288
|
+
var attrs = _ref.attrs,
|
289
|
+
slots = _ref.slots;
|
290
|
+
var _usePrefix = (0,external_config_provider_.usePrefix)(),
|
291
|
+
resolveClassName = _usePrefix.resolveClassName;
|
292
|
+
var percent = attrs.percent,
|
293
|
+
strokeWidth = attrs.strokeWidth,
|
294
|
+
size = attrs.size,
|
295
|
+
color = attrs.color,
|
296
|
+
titleStyle = attrs.titleStyle,
|
297
|
+
showText = attrs.showText,
|
298
|
+
textInside = attrs.textInside,
|
299
|
+
theme = attrs.theme;
|
300
|
+
var percentStyle = {
|
301
|
+
height: "".concat(strokeWidth, "px"),
|
302
|
+
lineHeight: "".concat(strokeWidth, "px")
|
303
|
+
};
|
304
|
+
var barStyle = {
|
305
|
+
width: "".concat(percent, "%"),
|
306
|
+
background: color,
|
307
|
+
animationDuration: '3s'
|
308
|
+
};
|
309
|
+
/** 根据 textInside 来区分何时展示 默认slot*/
|
310
|
+
var showDefault = function showDefault() {
|
311
|
+
var isTextInside = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
312
|
+
if (!(showText || slots["default"])) {
|
313
|
+
return null;
|
314
|
+
}
|
315
|
+
if (isTextInside && textInside || !isTextInside && !textInside) {
|
316
|
+
return slots === null || slots === void 0 ? void 0 : slots["default"]();
|
317
|
+
}
|
318
|
+
return null;
|
319
|
+
};
|
320
|
+
return (0,external_vue_.createVNode)("div", {
|
321
|
+
"class": "progress-outer"
|
322
|
+
}, [(0,external_vue_.createVNode)("div", {
|
323
|
+
"class": "".concat(resolveClassName("progress-".concat(size || 'normal')), " progress-bar"),
|
324
|
+
"style": percentStyle
|
325
|
+
}, [(0,external_vue_.createVNode)("div", {
|
326
|
+
"style": barStyle,
|
327
|
+
"class": _defineProperty({
|
328
|
+
'progress-inner': true
|
329
|
+
}, "".concat(resolveClassName("".concat(theme))), true)
|
330
|
+
}, [(0,external_vue_.createVNode)("div", {
|
331
|
+
"class": "inner-text",
|
332
|
+
"style": titleStyle
|
333
|
+
}, [showDefault()])])]), showDefault(false)]);
|
334
|
+
};
|
335
|
+
/* harmony default export */ const line = (Line);
|
336
|
+
;// CONCATENATED MODULE: ../../packages/progress/src/progress.tsx
|
337
|
+
|
338
|
+
/*
|
339
|
+
* Tencent is pleased to support the open source community by making
|
340
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
341
|
+
*
|
342
|
+
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
343
|
+
*
|
344
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
345
|
+
*
|
346
|
+
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
347
|
+
*
|
348
|
+
* ---------------------------------------------------
|
349
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
350
|
+
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
351
|
+
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
352
|
+
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
353
|
+
*
|
354
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
355
|
+
* the Software.
|
356
|
+
*
|
357
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
358
|
+
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
359
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
360
|
+
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
361
|
+
* IN THE SOFTWARE.
|
362
|
+
*/
|
363
|
+
|
364
|
+
|
365
|
+
|
366
|
+
|
367
|
+
|
368
|
+
function _isSlot(s) {
|
369
|
+
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_.isVNode)(s);
|
370
|
+
}
|
371
|
+
var progressType = {
|
372
|
+
extCls: external_shared_.PropTypes.string,
|
373
|
+
type: (0,external_shared_.ProgressType)(),
|
374
|
+
percent: external_shared_.PropTypes.number.def(0),
|
375
|
+
theme: external_shared_.PropTypes.theme().def(external_shared_.ThemeEnum.PRIMARY),
|
376
|
+
size: external_shared_.PropTypes.size(),
|
377
|
+
width: external_shared_.PropTypes.number.def(126),
|
378
|
+
strokeWidth: external_shared_.PropTypes.number,
|
379
|
+
strokeLinecap: (0,external_shared_.ProgressStrokeLineCapType)(),
|
380
|
+
textInside: external_shared_.PropTypes.bool.def(false),
|
381
|
+
showText: external_shared_.PropTypes.bool.def(true),
|
382
|
+
color: external_shared_.PropTypes.string,
|
383
|
+
bgColor: external_shared_.PropTypes.string,
|
384
|
+
fixed: external_shared_.PropTypes.number.validate(function (value) {
|
385
|
+
return value >= 0 && value <= 20;
|
386
|
+
}).def(0),
|
387
|
+
format: external_shared_.PropTypes.func.def(function (percent) {
|
388
|
+
return "".concat(percent, "%");
|
389
|
+
}),
|
390
|
+
titleStyle: external_shared_.PropTypes.object.def({
|
391
|
+
fontSize: '16px',
|
392
|
+
verticalAlign: 'middle'
|
393
|
+
})
|
394
|
+
};
|
395
|
+
/* harmony default export */ const progress = ((0,external_vue_.defineComponent)({
|
396
|
+
name: 'Progress',
|
397
|
+
props: progressType,
|
398
|
+
setup: function setup() {
|
399
|
+
var _usePrefix = (0,external_config_provider_.usePrefix)(),
|
400
|
+
resolveClassName = _usePrefix.resolveClassName;
|
401
|
+
return {
|
402
|
+
resolveClassName: resolveClassName
|
403
|
+
};
|
404
|
+
},
|
405
|
+
methods: {
|
406
|
+
/** 验证进度值 */validPercent: function validPercent(percent) {
|
407
|
+
if (!percent || percent < 0) {
|
408
|
+
return 0;
|
409
|
+
}
|
410
|
+
if (percent > 100) {
|
411
|
+
return 100;
|
412
|
+
}
|
413
|
+
return percent;
|
414
|
+
},
|
415
|
+
/** text 区域展示内容*/renderProcessInfo: function renderProcessInfo() {
|
416
|
+
var _a;
|
417
|
+
var _this$$props = this.$props,
|
418
|
+
showText = _this$$props.showText,
|
419
|
+
format = _this$$props.format,
|
420
|
+
percent = _this$$props.percent,
|
421
|
+
textInside = _this$$props.textInside,
|
422
|
+
titleStyle = _this$$props.titleStyle,
|
423
|
+
fixed = _this$$props.fixed;
|
424
|
+
var formatPercent = format((_a = this.validPercent(percent)) === null || _a === void 0 ? void 0 : _a.toFixed(fixed));
|
425
|
+
if ((showText || this.$slots["default"]) && textInside) {
|
426
|
+
return this.$slots["default"] ? this.$slots["default"]() : (0,external_vue_.createVNode)("span", null, [formatPercent]);
|
427
|
+
}
|
428
|
+
if (!showText || textInside) return null;
|
429
|
+
return (0,external_vue_.createVNode)("span", {
|
430
|
+
"class": "progress-text",
|
431
|
+
"style": typeof formatPercent === 'string' ? titleStyle : undefined
|
432
|
+
}, [this.$slots["default"] ? this.$slots["default"]() : formatPercent]);
|
433
|
+
}
|
434
|
+
},
|
435
|
+
render: function render() {
|
436
|
+
var progressInfo = this.renderProcessInfo();
|
437
|
+
var $props = Object.assign(Object.assign({}, this.$props), {
|
438
|
+
percent: this.validPercent(this.percent)
|
439
|
+
});
|
440
|
+
var progress = (0,external_vue_.createVNode)(line, $props, _isSlot(progressInfo) ? progressInfo : {
|
441
|
+
"default": function _default() {
|
442
|
+
return [progressInfo];
|
443
|
+
}
|
444
|
+
});
|
445
|
+
if (this.type === 'circle' || this.type === 'dashboard') {
|
446
|
+
progress = (0,external_vue_.createVNode)(circle, $props, _isSlot(progressInfo) ? progressInfo : {
|
447
|
+
"default": function _default() {
|
448
|
+
return [progressInfo];
|
449
|
+
}
|
450
|
+
});
|
451
|
+
}
|
452
|
+
var progressProps = {
|
453
|
+
"class": (0,external_shared_.classes)({
|
454
|
+
extCls: !!this.extCls
|
455
|
+
}, "".concat(this.resolveClassName('progress'), " ").concat(this.resolveClassName("progress-".concat(this.type))))
|
456
|
+
};
|
457
|
+
return (0,external_vue_.createVNode)("div", progressProps, [progress]);
|
458
|
+
}
|
459
|
+
}));
|
460
|
+
;// CONCATENATED MODULE: ../../packages/progress/src/index.ts
|
461
|
+
/*
|
462
|
+
* Tencent is pleased to support the open source community by making
|
463
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
464
|
+
*
|
465
|
+
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
466
|
+
*
|
467
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
468
|
+
*
|
469
|
+
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
470
|
+
*
|
471
|
+
* ---------------------------------------------------
|
472
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
473
|
+
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
474
|
+
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
475
|
+
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
476
|
+
*
|
477
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
478
|
+
* the Software.
|
479
|
+
*
|
480
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
481
|
+
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
482
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
483
|
+
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
484
|
+
* IN THE SOFTWARE.
|
485
|
+
*/
|
486
|
+
|
487
|
+
|
488
|
+
var BkProgress = (0,external_shared_.withInstall)(progress);
|
489
|
+
/* harmony default export */ const src = (BkProgress);
|
490
|
+
})();
|
491
|
+
|
492
|
+
/******/ return __webpack_exports__;
|
493
|
+
/******/ })()
|
494
|
+
;
|
495
|
+
});
|