bkui-vue 0.0.1-beta.390 → 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/dist/index.cjs.js +22 -22
- package/dist/index.esm.js +0 -1
- package/dist/index.umd.js +23 -23
- 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/badge.d.ts +1 -1
- package/lib/badge/index.d.ts +4 -4
- package/lib/badge/index.js +114 -50
- package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
- package/lib/breadcrumb/breadcrumb.d.ts +1 -1
- package/lib/breadcrumb/index.d.ts +5 -5
- package/lib/breadcrumb/index.js +133 -67
- package/lib/button/index.js +147 -68
- package/lib/card/index.js +154 -69
- package/lib/cascader/cascader.d.ts +3 -3
- package/lib/cascader/index.d.ts +10 -10
- 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/color-picker.d.ts +1 -1
- package/lib/color-picker/index.d.ts +4 -4
- package/lib/color-picker/index.js +245 -193
- package/lib/components.js +671 -434
- package/lib/container/container.d.ts +1 -1
- package/lib/container/index.d.ts +4 -4
- package/lib/container/index.js +125 -64
- package/lib/date-picker/date-picker.d.ts +2 -2
- package/lib/date-picker/index.d.ts +7 -7
- package/lib/date-picker/index.js +563 -462
- package/lib/date-picker/panel/time-range.d.ts +3 -3
- package/lib/date-picker/panel/time.d.ts +3 -3
- package/lib/date-picker/time-picker.d.ts +3 -3
- package/lib/dialog/dialog.d.ts +2 -2
- package/lib/dialog/index.d.ts +7 -7
- package/lib/dialog/index.js +198 -108
- package/lib/directives/index.d.ts +1 -0
- package/lib/directives/index.js +139 -86
- package/lib/dist.index.js +133 -48
- package/lib/divider/index.js +118 -50
- package/lib/dropdown/dropdown.d.ts +2 -2
- package/lib/dropdown/index.d.ts +7 -7
- package/lib/dropdown/index.js +155 -73
- package/lib/exception/index.js +145 -97
- package/lib/fixed-navbar/fixed-navbar.d.ts +1 -1
- package/lib/fixed-navbar/index.d.ts +4 -4
- package/lib/fixed-navbar/index.js +107 -43
- package/lib/form/form-item.d.ts +1 -1
- package/lib/form/index.d.ts +1 -1
- 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.d.ts +4 -4
- package/lib/input/index.js +167 -99
- package/lib/input/input.d.ts +1 -1
- package/lib/link/index.d.ts +4 -4
- package/lib/link/index.js +115 -47
- package/lib/link/link.d.ts +1 -1
- package/lib/loading/index.d.ts +4 -4
- package/lib/loading/index.js +127 -67
- package/lib/loading/loading.d.ts +1 -1
- package/lib/menu/index.js +156 -92
- package/lib/message/index.js +148 -76
- package/lib/modal/index.d.ts +4 -4
- package/lib/modal/index.js +151 -85
- package/lib/modal/modal.d.ts +1 -1
- package/lib/navigation/index.js +134 -66
- package/lib/notify/index.js +153 -81
- package/lib/notify/notifyConstructor.d.ts +1 -1
- package/lib/overflow-title/index.js +128 -92
- package/lib/pagination/index.d.ts +4 -4
- package/lib/pagination/index.js +220 -131
- package/lib/pagination/pagination.d.ts +1 -1
- package/lib/plugin-popover/index.js +190 -143
- package/lib/plugins/index.js +100 -33
- package/lib/popover/index.d.ts +10 -10
- package/lib/popover/index.js +193 -148
- package/lib/popover/popover.d.ts +3 -3
- package/lib/popover2/index.js +99 -35
- package/lib/preset.js +104 -37
- package/lib/process/index.d.ts +4 -4
- package/lib/process/index.js +134 -92
- package/lib/process/process.d.ts +1 -1
- package/lib/progress/index.d.ts +7 -7
- package/lib/progress/index.js +127 -63
- package/lib/progress/progress.d.ts +2 -2
- 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.d.ts +10 -10
- package/lib/select/index.js +394 -315
- package/lib/select/select.d.ts +3 -3
- package/lib/shared/index.js +203 -228
- package/lib/sideslider/index.d.ts +4 -4
- package/lib/sideslider/index.js +137 -88
- package/lib/sideslider/sideslider.d.ts +1 -1
- package/lib/slider/index.d.ts +7 -7
- package/lib/slider/index.js +196 -147
- package/lib/slider/slider.d.ts +2 -2
- package/lib/steps/index.js +152 -105
- package/lib/swiper/index.js +126 -62
- package/lib/switcher/index.d.ts +4 -4
- package/lib/switcher/index.js +133 -65
- package/lib/switcher/switcher.d.ts +1 -1
- package/lib/tab/index.d.ts +4 -4
- package/lib/tab/index.js +188 -118
- package/lib/tab/tab.d.ts +1 -1
- 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.d.ts +7 -7
- package/lib/tag-input/index.js +277 -175
- package/lib/tag-input/tag-input.d.ts +2 -2
- package/lib/time-picker/index.d.ts +10 -10
- package/lib/time-picker/index.js +111 -40
- package/lib/timeline/index.d.ts +4 -4
- package/lib/timeline/index.js +114 -50
- package/lib/timeline/timeline.d.ts +1 -1
- package/lib/transfer/index.js +174 -89
- package/lib/tree/index.js +235 -158
- package/lib/upload/index.d.ts +7 -7
- package/lib/upload/index.js +227 -173
- package/lib/upload/upload-list.d.ts +1 -1
- package/lib/upload/upload-trigger.d.ts +1 -1
- package/lib/upload/upload.d.ts +2 -2
- package/lib/virtual-render/index.js +154 -86
- package/package.json +1 -1
package/lib/image/index.js
CHANGED
@@ -1,10 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
3
|
+
module.exports = factory(require("../shared"), require("vue"), require("../icon"), require("vue-types"), require("lodash"), require("../directives"));
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
5
|
+
define(["../shared", "vue", "../icon", "vue-types", "lodash", "../directives"], factory);
|
6
|
+
else {
|
7
|
+
var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../icon"), require("vue-types"), require("lodash"), require("../directives")) : factory(root["../shared"], root["vue"], root["../icon"], root["vue-types"], root["lodash"], root["../directives"]);
|
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__, __WEBPACK_EXTERNAL_MODULE__210__, __WEBPACK_EXTERNAL_MODULE__467__, __WEBPACK_EXTERNAL_MODULE__4061__) => {
|
11
|
+
return /******/ (() => { // webpackBootstrap
|
12
|
+
/******/ "use strict";
|
13
|
+
/******/ var __webpack_modules__ = ({
|
8
14
|
|
9
15
|
/***/ 5458:
|
10
16
|
/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
@@ -142,92 +148,139 @@ module.exports = function (i) {
|
|
142
148
|
return i[1];
|
143
149
|
};
|
144
150
|
|
151
|
+
/***/ }),
|
152
|
+
|
153
|
+
/***/ 4061:
|
154
|
+
/***/ ((module) => {
|
155
|
+
|
156
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4061__;
|
157
|
+
|
158
|
+
/***/ }),
|
159
|
+
|
160
|
+
/***/ 6870:
|
161
|
+
/***/ ((module) => {
|
162
|
+
|
163
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
|
164
|
+
|
165
|
+
/***/ }),
|
166
|
+
|
167
|
+
/***/ 4212:
|
168
|
+
/***/ ((module) => {
|
169
|
+
|
170
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
|
171
|
+
|
172
|
+
/***/ }),
|
173
|
+
|
174
|
+
/***/ 467:
|
175
|
+
/***/ ((module) => {
|
176
|
+
|
177
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__467__;
|
178
|
+
|
179
|
+
/***/ }),
|
180
|
+
|
181
|
+
/***/ 748:
|
182
|
+
/***/ ((module) => {
|
183
|
+
|
184
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
|
185
|
+
|
186
|
+
/***/ }),
|
187
|
+
|
188
|
+
/***/ 210:
|
189
|
+
/***/ ((module) => {
|
190
|
+
|
191
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__210__;
|
192
|
+
|
145
193
|
/***/ })
|
146
194
|
|
147
|
-
/******/
|
195
|
+
/******/ });
|
148
196
|
/************************************************************************/
|
149
|
-
/******/
|
150
|
-
/******/
|
151
|
-
/******/
|
152
|
-
/******/
|
153
|
-
/******/
|
154
|
-
/******/
|
155
|
-
/******/
|
156
|
-
/******/
|
157
|
-
/******/
|
197
|
+
/******/ // The module cache
|
198
|
+
/******/ var __webpack_module_cache__ = {};
|
199
|
+
/******/
|
200
|
+
/******/ // The require function
|
201
|
+
/******/ function __webpack_require__(moduleId) {
|
202
|
+
/******/ // Check if module is in cache
|
203
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
204
|
+
/******/ if (cachedModule !== undefined) {
|
205
|
+
/******/ return cachedModule.exports;
|
206
|
+
/******/ }
|
207
|
+
/******/ // Create a new module (and put it into the cache)
|
208
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
209
|
+
/******/ id: moduleId,
|
210
|
+
/******/ // no module.loaded needed
|
211
|
+
/******/ exports: {}
|
212
|
+
/******/ };
|
213
|
+
/******/
|
214
|
+
/******/ // Execute the module function
|
215
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
216
|
+
/******/
|
217
|
+
/******/ // Return the exports of the module
|
218
|
+
/******/ return module.exports;
|
158
219
|
/******/ }
|
159
|
-
/******/
|
160
|
-
/******/ var module = __webpack_module_cache__[moduleId] = {
|
161
|
-
/******/ id: moduleId,
|
162
|
-
/******/ // no module.loaded needed
|
163
|
-
/******/ exports: {}
|
164
|
-
/******/ };
|
165
|
-
/******/
|
166
|
-
/******/ // Execute the module function
|
167
|
-
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
168
|
-
/******/
|
169
|
-
/******/ // Return the exports of the module
|
170
|
-
/******/ return module.exports;
|
171
|
-
/******/ }
|
172
|
-
/******/
|
220
|
+
/******/
|
173
221
|
/************************************************************************/
|
174
|
-
/******/
|
175
|
-
/******/
|
176
|
-
/******/
|
177
|
-
/******/
|
178
|
-
/******/
|
179
|
-
/******/
|
180
|
-
/******/
|
181
|
-
/******/
|
182
|
-
/******/
|
183
|
-
/******/
|
184
|
-
/******/
|
185
|
-
/******/
|
186
|
-
/******/
|
187
|
-
/******/
|
188
|
-
/******/
|
189
|
-
/******/
|
190
|
-
/******/
|
191
|
-
/******/
|
192
|
-
/******/
|
222
|
+
/******/ /* webpack/runtime/compat get default export */
|
223
|
+
/******/ (() => {
|
224
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
225
|
+
/******/ __webpack_require__.n = (module) => {
|
226
|
+
/******/ var getter = module && module.__esModule ?
|
227
|
+
/******/ () => (module['default']) :
|
228
|
+
/******/ () => (module);
|
229
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
230
|
+
/******/ return getter;
|
231
|
+
/******/ };
|
232
|
+
/******/ })();
|
233
|
+
/******/
|
234
|
+
/******/ /* webpack/runtime/define property getters */
|
235
|
+
/******/ (() => {
|
236
|
+
/******/ // define getter functions for harmony exports
|
237
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
238
|
+
/******/ for(var key in definition) {
|
239
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
240
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
241
|
+
/******/ }
|
193
242
|
/******/ }
|
194
|
-
/******/ }
|
195
|
-
/******/ };
|
196
|
-
/******/
|
197
|
-
/******/
|
198
|
-
/******/
|
199
|
-
/******/ (
|
200
|
-
/******/
|
201
|
-
/******/
|
202
|
-
/******/
|
243
|
+
/******/ };
|
244
|
+
/******/ })();
|
245
|
+
/******/
|
246
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
247
|
+
/******/ (() => {
|
248
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
249
|
+
/******/ })();
|
250
|
+
/******/
|
251
|
+
/******/ /* webpack/runtime/make namespace object */
|
252
|
+
/******/ (() => {
|
253
|
+
/******/ // define __esModule on exports
|
254
|
+
/******/ __webpack_require__.r = (exports) => {
|
255
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
256
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
257
|
+
/******/ }
|
258
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
259
|
+
/******/ };
|
260
|
+
/******/ })();
|
261
|
+
/******/
|
203
262
|
/************************************************************************/
|
204
263
|
var __webpack_exports__ = {};
|
205
264
|
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
206
265
|
(() => {
|
266
|
+
// ESM COMPAT FLAG
|
267
|
+
__webpack_require__.r(__webpack_exports__);
|
207
268
|
|
208
269
|
// EXPORTS
|
209
270
|
__webpack_require__.d(__webpack_exports__, {
|
210
|
-
"
|
211
|
-
"
|
212
|
-
"
|
271
|
+
"Image": () => (/* reexport */ src_image),
|
272
|
+
"ImageViewer": () => (/* reexport */ src_image_viewer),
|
273
|
+
"default": () => (/* binding */ src)
|
213
274
|
});
|
214
275
|
|
215
|
-
|
216
|
-
var
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
var
|
221
|
-
|
222
|
-
|
223
|
-
;// CONCATENATED MODULE: external "../icon"
|
224
|
-
var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
225
|
-
var external_icon_y = x => () => x
|
226
|
-
const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight, ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Close, ["Spinner"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Spinner });
|
227
|
-
;// CONCATENATED MODULE: external "vue-types"
|
228
|
-
var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
229
|
-
var external_vue_types_y = x => () => x
|
230
|
-
const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: () => __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__.toType });
|
276
|
+
// EXTERNAL MODULE: external "../shared"
|
277
|
+
var external_shared_ = __webpack_require__(4212);
|
278
|
+
// EXTERNAL MODULE: external "vue"
|
279
|
+
var external_vue_ = __webpack_require__(748);
|
280
|
+
// EXTERNAL MODULE: external "../icon"
|
281
|
+
var external_icon_ = __webpack_require__(6870);
|
282
|
+
// EXTERNAL MODULE: external "vue-types"
|
283
|
+
var external_vue_types_ = __webpack_require__(210);
|
231
284
|
;// CONCATENATED MODULE: ../../packages/image/src/props.ts
|
232
285
|
|
233
286
|
|
@@ -242,15 +295,15 @@ var FitEnum;
|
|
242
295
|
})(FitEnum || (FitEnum = {}));
|
243
296
|
|
244
297
|
var propsImage = {
|
245
|
-
src:
|
246
|
-
fallback:
|
247
|
-
placeholder:
|
248
|
-
fit: (0,
|
249
|
-
lazy:
|
250
|
-
urlList:
|
251
|
-
isShowPreviewTitle:
|
252
|
-
maskClose:
|
253
|
-
zIndex:
|
298
|
+
src: external_shared_.PropTypes.string.def(''),
|
299
|
+
fallback: external_shared_.PropTypes.string.def(''),
|
300
|
+
placeholder: external_shared_.PropTypes.any,
|
301
|
+
fit: (0,external_vue_types_.toType)('fit', {}).def(FitEnum.FILL),
|
302
|
+
lazy: external_shared_.PropTypes.bool,
|
303
|
+
urlList: external_shared_.PropTypes.array.def([]),
|
304
|
+
isShowPreviewTitle: external_shared_.PropTypes.bool.def(true),
|
305
|
+
maskClose: external_shared_.PropTypes.bool.def(true),
|
306
|
+
zIndex: external_shared_.PropTypes.number.def(2000)
|
254
307
|
};
|
255
308
|
var propsImageViever = {
|
256
309
|
urlList: {
|
@@ -259,11 +312,11 @@ var propsImageViever = {
|
|
259
312
|
return [];
|
260
313
|
}
|
261
314
|
},
|
262
|
-
zIndex:
|
263
|
-
initialIndex:
|
264
|
-
isShowTitle:
|
265
|
-
loops:
|
266
|
-
maskClose:
|
315
|
+
zIndex: external_shared_.PropTypes.number.def(2000),
|
316
|
+
initialIndex: external_shared_.PropTypes.number.def(0),
|
317
|
+
isShowTitle: external_shared_.PropTypes.bool.def(true),
|
318
|
+
loops: external_shared_.PropTypes.bool.def(true),
|
319
|
+
maskClose: external_shared_.PropTypes.bool.def(true)
|
267
320
|
};
|
268
321
|
// EXTERNAL MODULE: ../../packages/image/src/image-viewer.less
|
269
322
|
var image_viewer = __webpack_require__(5458);
|
@@ -300,27 +353,27 @@ var image_viewer = __webpack_require__(5458);
|
|
300
353
|
|
301
354
|
|
302
355
|
|
303
|
-
/* harmony default export */ const src_image = ((0,
|
356
|
+
/* harmony default export */ const src_image = ((0,external_vue_.defineComponent)({
|
304
357
|
name: 'Image',
|
305
358
|
props: propsImage,
|
306
359
|
emits: ['loaded', 'error', 'close', 'change'],
|
307
360
|
setup: function setup(props, _ref) {
|
308
361
|
var emit = _ref.emit,
|
309
362
|
slots = _ref.slots;
|
310
|
-
var loading = (0,
|
311
|
-
var hasError = (0,
|
312
|
-
var isShowViewer = (0,
|
313
|
-
var prevOverflow = (0,
|
314
|
-
var imageSrc = (0,
|
363
|
+
var loading = (0,external_vue_.ref)(true);
|
364
|
+
var hasError = (0,external_vue_.ref)(true);
|
365
|
+
var isShowViewer = (0,external_vue_.ref)(false);
|
366
|
+
var prevOverflow = (0,external_vue_.ref)('');
|
367
|
+
var imageSrc = (0,external_vue_.ref)('');
|
315
368
|
|
316
369
|
function clickHandler() {}
|
317
370
|
|
318
|
-
(0,
|
371
|
+
(0,external_vue_.watch)(function () {
|
319
372
|
return props.src;
|
320
373
|
}, function () {
|
321
374
|
loadImage();
|
322
375
|
});
|
323
|
-
var preview = (0,
|
376
|
+
var preview = (0,external_vue_.computed)(function () {
|
324
377
|
var _a;
|
325
378
|
|
326
379
|
return ((_a = props === null || props === void 0 ? void 0 : props.urlList) === null || _a === void 0 ? void 0 : _a.length) > 0;
|
@@ -345,9 +398,9 @@ var image_viewer = __webpack_require__(5458);
|
|
345
398
|
return function () {
|
346
399
|
function getContent() {
|
347
400
|
if (loading.value) {
|
348
|
-
return (0,
|
401
|
+
return (0,external_vue_.createVNode)("div", {
|
349
402
|
"class": "bk-image-placeholder"
|
350
|
-
}, [(0,
|
403
|
+
}, [(0,external_vue_.createVNode)(external_icon_.Spinner, null, null)]);
|
351
404
|
}
|
352
405
|
|
353
406
|
if (hasError.value) {
|
@@ -359,18 +412,18 @@ var image_viewer = __webpack_require__(5458);
|
|
359
412
|
return slots.error;
|
360
413
|
}
|
361
414
|
|
362
|
-
return (0,
|
415
|
+
return (0,external_vue_.createVNode)("div", {
|
363
416
|
"class": "bk-image-placeholder"
|
364
|
-
}, [props.fallback ? (0,
|
417
|
+
}, [props.fallback ? (0,external_vue_.createVNode)("img", {
|
365
418
|
"src": props.fallback,
|
366
419
|
"alt": '图片加载错误'
|
367
|
-
}, null) : '', (0,
|
420
|
+
}, null) : '', (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
|
368
421
|
"class": "bk-icon icon-image-fail"
|
369
|
-
}, null), [[(0,
|
422
|
+
}, null), [[(0,external_vue_.resolveDirective)("else")]])]);
|
370
423
|
} // @ts-ignore
|
371
424
|
|
372
425
|
|
373
|
-
return (0,
|
426
|
+
return (0,external_vue_.createVNode)("img", {
|
374
427
|
"src": props.src,
|
375
428
|
"onClick": clickHandler,
|
376
429
|
"style": {
|
@@ -379,9 +432,9 @@ var image_viewer = __webpack_require__(5458);
|
|
379
432
|
}, null);
|
380
433
|
}
|
381
434
|
|
382
|
-
return (0,
|
435
|
+
return (0,external_vue_.createVNode)("div", {
|
383
436
|
"class": "bk-image"
|
384
|
-
}, [getContent(), preview.value && isShowViewer.value ? (0,
|
437
|
+
}, [getContent(), preview.value && isShowViewer.value ? (0,external_vue_.createVNode)(src_image_viewer, {
|
385
438
|
"zIndex": props.zIndex,
|
386
439
|
"maskClose": props.maskClose,
|
387
440
|
"is-show-title": props.isShowPreviewTitle,
|
@@ -392,14 +445,10 @@ var image_viewer = __webpack_require__(5458);
|
|
392
445
|
};
|
393
446
|
}
|
394
447
|
}));
|
395
|
-
|
396
|
-
var
|
397
|
-
|
398
|
-
|
399
|
-
;// CONCATENATED MODULE: external "../directives"
|
400
|
-
var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
401
|
-
var external_directives_y = x => () => x
|
402
|
-
const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips });
|
448
|
+
// EXTERNAL MODULE: external "lodash"
|
449
|
+
var external_lodash_ = __webpack_require__(467);
|
450
|
+
// EXTERNAL MODULE: external "../directives"
|
451
|
+
var external_directives_ = __webpack_require__(4061);
|
403
452
|
;// CONCATENATED MODULE: ../../packages/image/src/image-viewer.tsx
|
404
453
|
|
405
454
|
|
@@ -434,49 +483,49 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
434
483
|
|
435
484
|
|
436
485
|
|
437
|
-
/* harmony default export */ const src_image_viewer = ((0,
|
486
|
+
/* harmony default export */ const src_image_viewer = ((0,external_vue_.defineComponent)({
|
438
487
|
name: 'ImageViewer',
|
439
488
|
directives: {
|
440
|
-
bkTooltips:
|
489
|
+
bkTooltips: external_directives_.bkTooltips
|
441
490
|
},
|
442
491
|
props: propsImageViever,
|
443
492
|
emits: ['close', 'change'],
|
444
493
|
setup: function setup(props, _ref) {
|
445
494
|
var emit = _ref.emit;
|
446
|
-
var scopeEventListener = (0,
|
447
|
-
|
448
|
-
var wrapper = (0,
|
449
|
-
var imgRefs = (0,
|
450
|
-
var mode = (0,
|
451
|
-
var index = (0,
|
452
|
-
var loading = (0,
|
453
|
-
var error = (0,
|
454
|
-
var transform = (0,
|
495
|
+
var scopeEventListener = (0,external_vue_.effectScope)(); // @ts-ignore
|
496
|
+
|
497
|
+
var wrapper = (0,external_vue_.ref)();
|
498
|
+
var imgRefs = (0,external_vue_.ref)([]);
|
499
|
+
var mode = (0,external_vue_.ref)('');
|
500
|
+
var index = (0,external_vue_.ref)(props.initialIndex);
|
501
|
+
var loading = (0,external_vue_.ref)(false);
|
502
|
+
var error = (0,external_vue_.ref)(false);
|
503
|
+
var transform = (0,external_vue_.shallowRef)({
|
455
504
|
scale: 1,
|
456
505
|
deg: 0,
|
457
506
|
offsetX: 0,
|
458
507
|
offsetY: 0,
|
459
508
|
enableTransition: false
|
460
509
|
});
|
461
|
-
var isSingle = (0,
|
510
|
+
var isSingle = (0,external_vue_.computed)(function () {
|
462
511
|
var _a;
|
463
512
|
|
464
513
|
return ((_a = props === null || props === void 0 ? void 0 : props.urlList) === null || _a === void 0 ? void 0 : _a.length) < 2;
|
465
514
|
});
|
466
|
-
var isFirst = (0,
|
515
|
+
var isFirst = (0,external_vue_.computed)(function () {
|
467
516
|
return index.value === 0;
|
468
517
|
});
|
469
|
-
var isLast = (0,
|
518
|
+
var isLast = (0,external_vue_.computed)(function () {
|
470
519
|
return index.value === props.urlList.length - 1;
|
471
520
|
});
|
472
|
-
var currentImg = (0,
|
521
|
+
var currentImg = (0,external_vue_.computed)(function () {
|
473
522
|
return props.urlList[index.value];
|
474
523
|
});
|
475
|
-
var currentName = (0,
|
524
|
+
var currentName = (0,external_vue_.computed)(function () {
|
476
525
|
var arr = currentImg.value.split('/');
|
477
526
|
return arr[arr.length - 1];
|
478
527
|
});
|
479
|
-
var imgStyle = (0,
|
528
|
+
var imgStyle = (0,external_vue_.computed)(function () {
|
480
529
|
var _transform$value = transform.value,
|
481
530
|
scale = _transform$value.scale,
|
482
531
|
deg = _transform$value.deg,
|
@@ -524,20 +573,20 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
524
573
|
|
525
574
|
return style;
|
526
575
|
});
|
527
|
-
var wrapStyles = (0,
|
576
|
+
var wrapStyles = (0,external_vue_.computed)(function () {
|
528
577
|
var zIndex = 2000;
|
529
578
|
|
530
579
|
if (props.zIndex) {
|
531
580
|
zIndex = props.zIndex;
|
532
581
|
} else {
|
533
|
-
zIndex +=
|
582
|
+
zIndex += external_shared_.bkZIndexManager.getModalNextIndex() || 1;
|
534
583
|
}
|
535
584
|
|
536
585
|
return {
|
537
586
|
zIndex: zIndex
|
538
587
|
};
|
539
588
|
});
|
540
|
-
var keydownHandler = (0,
|
589
|
+
var keydownHandler = (0,external_lodash_.throttle)(function (e) {
|
541
590
|
switch (Number(e.code)) {
|
542
591
|
// ESC
|
543
592
|
case 27:
|
@@ -570,7 +619,7 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
570
619
|
break;
|
571
620
|
}
|
572
621
|
});
|
573
|
-
var mousewheelHandler = (0,
|
622
|
+
var mousewheelHandler = (0,external_lodash_.throttle)(function (e
|
574
623
|
/* TODO: wheelDelta is deprecated */
|
575
624
|
) {
|
576
625
|
var delta = e.wheelDelta ? e.wheelDelta : -e.detail;
|
@@ -686,7 +735,7 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
686
735
|
offsetY = _transform$value2.offsetY;
|
687
736
|
var startX = e.pageX;
|
688
737
|
var startY = e.pageY;
|
689
|
-
var mousemove = (0,
|
738
|
+
var mousemove = (0,external_lodash_.throttle)(function (ev) {
|
690
739
|
transform.value = Object.assign(Object.assign({}, transform.value), {
|
691
740
|
offsetX: offsetX + ev.pageX - startX,
|
692
741
|
offsetY: offsetY + ev.pageY - startY
|
@@ -704,67 +753,67 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
704
753
|
}
|
705
754
|
|
706
755
|
return function () {
|
707
|
-
return (0,
|
756
|
+
return (0,external_vue_.createVNode)(external_vue_.Teleport, {
|
708
757
|
"to": 'body'
|
709
758
|
}, {
|
710
759
|
"default": function _default() {
|
711
|
-
return [(0,
|
760
|
+
return [(0,external_vue_.createVNode)(external_vue_.Transition, null, {
|
712
761
|
"default": function _default() {
|
713
|
-
return [(0,
|
762
|
+
return [(0,external_vue_.createVNode)("div", {
|
714
763
|
"tabindex": '-1',
|
715
764
|
"ref": 'wrapper',
|
716
765
|
"class": 'bk-image-viewer-wrapper',
|
717
766
|
"style": wrapStyles.value
|
718
|
-
}, [(0,
|
767
|
+
}, [(0,external_vue_.createVNode)("div", {
|
719
768
|
"class": 'bk-image-viewer-mask',
|
720
769
|
"onClick": function onClick() {
|
721
770
|
props.maskClose && hide();
|
722
771
|
}
|
723
|
-
}, null), props.isShowTitle && props.urlList.length ? (0,
|
772
|
+
}, null), props.isShowTitle && props.urlList.length ? (0,external_vue_.createVNode)("div", {
|
724
773
|
"class": 'bk-image-viewer-header'
|
725
|
-
}, [(0,
|
774
|
+
}, [(0,external_vue_.createVNode)("div", null, [currentName]), (0,external_vue_.createVNode)("div", {
|
726
775
|
"class": 'tc '
|
727
|
-
}, [index.value + 1, (0,
|
776
|
+
}, [index.value + 1, (0,external_vue_.createTextVNode)("/"), props.urlList.length]), (0,external_vue_.createVNode)("div", {
|
728
777
|
"class": 'quit-box tr'
|
729
|
-
}, [(0,
|
778
|
+
}, [(0,external_vue_.createVNode)("div", {
|
730
779
|
"class": 'quit-tips mr10'
|
731
|
-
}, [(0,
|
780
|
+
}, [(0,external_vue_.createTextVNode)("ESC \u53EF\u4EE5\u9000\u51FA\u5168\u5C4F")]), (0,external_vue_.createVNode)("div", {
|
732
781
|
"class": 'bk-image-viewer-close',
|
733
782
|
"onClick": hide
|
734
|
-
}, [(0,
|
783
|
+
}, [(0,external_vue_.createVNode)(external_icon_.Close, null, null)])])]) : '', !isSingle.value ? (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)("div", {
|
735
784
|
"onClick": prev,
|
736
785
|
"class": "bk-image-viewer-btn bk-image-viewer-prev ".concat(!props.loops && isFirst ? 'is-disabled' : '')
|
737
|
-
}, [(0,
|
786
|
+
}, [(0,external_vue_.createVNode)(external_icon_.AngleLeft, null, null)]), (0,external_vue_.createVNode)("div", {
|
738
787
|
"onClick": next,
|
739
788
|
"class": "bk-image-viewer-btn bk-image-viewer-prev ".concat(!props.loops && isLast ? 'is-disabled' : '')
|
740
|
-
}, [(0,
|
789
|
+
}, [(0,external_vue_.createVNode)(external_icon_.AngleRight, null, null)]), (0,external_vue_.createVNode)("div", {
|
741
790
|
"class": "bk-image-viewer-actions-inner"
|
742
|
-
}, [(0,
|
791
|
+
}, [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)(external_icon_.AngleLeft, {
|
743
792
|
"onClick": function onClick() {
|
744
793
|
return handleActions('zoomOut');
|
745
794
|
}
|
746
|
-
}, null), [[(0,
|
795
|
+
}, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '提示信息', placement: 'top'}"]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
|
747
796
|
"class": "",
|
748
797
|
"onClick": function onClick() {
|
749
798
|
return handleActions('zoomOut');
|
750
799
|
}
|
751
|
-
}, null), [[(0,
|
800
|
+
}, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '提示信息', placement: 'top'}"]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
|
752
801
|
"class": "bk-icon icon-narrow-line",
|
753
802
|
"onClick": function onClick() {
|
754
803
|
return handleActions('zoomOut');
|
755
804
|
}
|
756
|
-
}, null), [[(0,
|
805
|
+
}, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '提示信息', placement: 'top'}"]])])]) : '', (0,external_vue_.createVNode)("div", {
|
757
806
|
"class": "bk-image-viewer-canvas ".concat(props.isShowTitle ? 'bk-image-viewer-has-header' : '')
|
758
|
-
}, [error.value ? (0,
|
807
|
+
}, [error.value ? (0,external_vue_.createVNode)("div", {
|
759
808
|
"class": "bk-image-viewer-error"
|
760
|
-
}, [(0,
|
809
|
+
}, [(0,external_vue_.createVNode)("div", null, [(0,external_vue_.createVNode)("i", {
|
761
810
|
"class": "bk-icon icon-image-fail"
|
762
|
-
}, null)]), (0,
|
811
|
+
}, null)]), (0,external_vue_.createVNode)("div", null, [(0,external_vue_.createTextVNode)("\u62B1\u6B49\uFF0C\u56FE\u7247\u52A0\u8F7D\u5931\u8D25")])]) : props.urlList.map(function (url, i) {
|
763
812
|
if (i === index.value) {
|
764
813
|
return '';
|
765
814
|
}
|
766
815
|
|
767
|
-
return (0,
|
816
|
+
return (0,external_vue_.createVNode)("img", {
|
768
817
|
"key": i,
|
769
818
|
"ref": function ref(el) {
|
770
819
|
return imgRefs[i] = el;
|
@@ -814,11 +863,11 @@ const external_directives_namespaceObject = external_directives_x({ ["bkTooltips
|
|
814
863
|
|
815
864
|
|
816
865
|
|
817
|
-
var BkImage = (0,
|
866
|
+
var BkImage = (0,external_shared_.withInstall)(src_image);
|
818
867
|
/* harmony default export */ const src = (BkImage);
|
819
868
|
})();
|
820
869
|
|
821
|
-
|
822
|
-
|
823
|
-
|
824
|
-
|
870
|
+
/******/ return __webpack_exports__;
|
871
|
+
/******/ })()
|
872
|
+
;
|
873
|
+
});
|