vdesign-ui 0.1.22 → 0.1.23

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.
@@ -263,13 +263,6 @@ module.exports = function (argument) {
263
263
  };
264
264
 
265
265
 
266
- /***/ }),
267
-
268
- /***/ "0f02":
269
- /***/ (function(module, exports, __webpack_require__) {
270
-
271
- // extracted by mini-css-extract-plugin
272
-
273
266
  /***/ }),
274
267
 
275
268
  /***/ "102f":
@@ -516,6 +509,13 @@ module.exports = function (it) {
516
509
  /* unused harmony reexport * */
517
510
 
518
511
 
512
+ /***/ }),
513
+
514
+ /***/ "2199":
515
+ /***/ (function(module, exports, __webpack_require__) {
516
+
517
+ // extracted by mini-css-extract-plugin
518
+
519
519
  /***/ }),
520
520
 
521
521
  /***/ "2236":
@@ -634,17 +634,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
634
634
  };
635
635
 
636
636
 
637
- /***/ }),
638
-
639
- /***/ "24e0":
640
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
641
-
642
- "use strict";
643
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_efdfba46_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7dc1");
644
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_efdfba46_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_efdfba46_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
645
- /* unused harmony reexport * */
646
-
647
-
648
637
  /***/ }),
649
638
 
650
639
  /***/ "2638":
@@ -9008,17 +8997,6 @@ if (!version && userAgent) {
9008
8997
  module.exports = version;
9009
8998
 
9010
8999
 
9011
- /***/ }),
9012
-
9013
- /***/ "2e6a":
9014
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
9015
-
9016
- "use strict";
9017
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_24477977_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0f02");
9018
- /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_24477977_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_24477977_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
9019
- /* unused harmony reexport * */
9020
-
9021
-
9022
9000
  /***/ }),
9023
9001
 
9024
9002
  /***/ "2e6e":
@@ -9070,6 +9048,17 @@ module.exports = function (it) {
9070
9048
  };
9071
9049
 
9072
9050
 
9051
+ /***/ }),
9052
+
9053
+ /***/ "3674":
9054
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
9055
+
9056
+ "use strict";
9057
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_83718a96_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bf4d");
9058
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_83718a96_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_83718a96_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
9059
+ /* unused harmony reexport * */
9060
+
9061
+
9073
9062
  /***/ }),
9074
9063
 
9075
9064
  /***/ "371b":
@@ -10156,13 +10145,6 @@ module.exports = function (argument) {
10156
10145
 
10157
10146
  /***/ }),
10158
10147
 
10159
- /***/ "7dc1":
10160
- /***/ (function(module, exports, __webpack_require__) {
10161
-
10162
- // extracted by mini-css-extract-plugin
10163
-
10164
- /***/ }),
10165
-
10166
10148
  /***/ "7e3a":
10167
10149
  /***/ (function(module, exports, __webpack_require__) {
10168
10150
 
@@ -10983,6 +10965,13 @@ module.exports = !fails(function () {
10983
10965
 
10984
10966
  /***/ }),
10985
10967
 
10968
+ /***/ "bf4d":
10969
+ /***/ (function(module, exports, __webpack_require__) {
10970
+
10971
+ // extracted by mini-css-extract-plugin
10972
+
10973
+ /***/ }),
10974
+
10986
10975
  /***/ "c04e":
10987
10976
  /***/ (function(module, exports, __webpack_require__) {
10988
10977
 
@@ -16918,8 +16907,8 @@ var checkbox_group_component = normalizeComponent(
16918
16907
  )
16919
16908
 
16920
16909
  /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
16921
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7c5a412-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/radio/index.vue?vue&type=template&id=efdfba46
16922
- var radiovue_type_template_id_efdfba46_render = function render() {
16910
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7c5a412-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/radio/index.vue?vue&type=template&id=83718a96
16911
+ var radiovue_type_template_id_83718a96_render = function render() {
16923
16912
  var _vm = this,
16924
16913
  _c = _vm._self._c;
16925
16914
  return !_vm.radioButton ? _c('label', {
@@ -16942,11 +16931,9 @@ var radiovue_type_template_id_efdfba46_render = function render() {
16942
16931
  }
16943
16932
  })]), _vm.$slots.default ? _c('div', {
16944
16933
  staticClass: "vd-radio__label"
16945
- }, [_c('p', {
16934
+ }, [_c('div', {
16946
16935
  staticClass: "vd-radio__text"
16947
- }, [_vm._t("default")], 2), _vm.extra ? _c('p', {
16948
- staticClass: "vd-radio__description"
16949
- }, [_vm._v(_vm._s(_vm.extra))]) : _vm._e()]) : _vm._e()]) : _c('label', {
16936
+ }, [_vm._t("default")], 2)]) : _vm._e()]) : _c('label', {
16950
16937
  staticClass: "vd-radio vd-radio-button",
16951
16938
  class: _vm.radioButtonClasses
16952
16939
  }, [_c('input', {
@@ -16965,9 +16952,9 @@ var radiovue_type_template_id_efdfba46_render = function render() {
16965
16952
  staticClass: "vd-radio-button-text"
16966
16953
  }, [_vm._t("default")], 2)]);
16967
16954
  };
16968
- var radiovue_type_template_id_efdfba46_staticRenderFns = [];
16955
+ var radiovue_type_template_id_83718a96_staticRenderFns = [];
16969
16956
 
16970
- // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=template&id=efdfba46
16957
+ // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=template&id=83718a96
16971
16958
 
16972
16959
  // CONCATENATED MODULE: ./packages/components/radio/assist.js
16973
16960
 
@@ -17017,9 +17004,9 @@ const radiovue_type_script_lang_js_prefixCls = 'vd-radio';
17017
17004
  type: Boolean,
17018
17005
  default: false
17019
17006
  },
17020
- extra: {
17021
- type: [String, Number, Boolean]
17022
- },
17007
+ // extra: {
17008
+ // type: [String, Number, Boolean],
17009
+ // },
17023
17010
  value: {
17024
17011
  type: [String, Number, Boolean],
17025
17012
  default: false
@@ -17120,8 +17107,8 @@ const radiovue_type_script_lang_js_prefixCls = 'vd-radio';
17120
17107
  });
17121
17108
  // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=script&lang=js
17122
17109
  /* harmony default export */ var components_radiovue_type_script_lang_js = (radiovue_type_script_lang_js);
17123
- // EXTERNAL MODULE: ./packages/components/radio/index.vue?vue&type=style&index=0&id=efdfba46&prod&lang=less
17124
- var radiovue_type_style_index_0_id_efdfba46_prod_lang_less = __webpack_require__("24e0");
17110
+ // EXTERNAL MODULE: ./packages/components/radio/index.vue?vue&type=style&index=0&id=83718a96&prod&lang=less
17111
+ var radiovue_type_style_index_0_id_83718a96_prod_lang_less = __webpack_require__("3674");
17125
17112
 
17126
17113
  // CONCATENATED MODULE: ./packages/components/radio/index.vue
17127
17114
 
@@ -17134,8 +17121,8 @@ var radiovue_type_style_index_0_id_efdfba46_prod_lang_less = __webpack_require__
17134
17121
 
17135
17122
  var radio_component = normalizeComponent(
17136
17123
  components_radiovue_type_script_lang_js,
17137
- radiovue_type_template_id_efdfba46_render,
17138
- radiovue_type_template_id_efdfba46_staticRenderFns,
17124
+ radiovue_type_template_id_83718a96_render,
17125
+ radiovue_type_template_id_83718a96_staticRenderFns,
17139
17126
  false,
17140
17127
  null,
17141
17128
  null,
@@ -21322,14 +21309,14 @@ var skeleton_component = normalizeComponent(
21322
21309
  )
21323
21310
 
21324
21311
  /* harmony default export */ var skeleton = (skeleton_component.exports);
21325
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7c5a412-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/upload/index.vue?vue&type=template&id=24477977
21326
- var uploadvue_type_template_id_24477977_render = function render() {
21312
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f7c5a412-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/upload/index.vue?vue&type=template&id=4084f5d0
21313
+ var uploadvue_type_template_id_4084f5d0_render = function render() {
21327
21314
  var _vm = this,
21328
21315
  _c = _vm._self._c;
21329
21316
  return _c('div', {
21330
21317
  staticClass: "vd-upload",
21331
21318
  class: {
21332
- 'vd-upload--block': _vm.block && _vm.listData.length === 0
21319
+ 'vd-upload--block': _vm.block
21333
21320
  }
21334
21321
  }, [_c('div', {
21335
21322
  staticClass: "vd-upload__wrapper"
@@ -21341,297 +21328,108 @@ var uploadvue_type_template_id_24477977_render = function render() {
21341
21328
  }, [_c('vd-icon', {
21342
21329
  staticClass: "vd-upload__icon",
21343
21330
  attrs: {
21344
- "name": "icon_btn_photo"
21331
+ "name": _vm.photo
21345
21332
  }
21346
21333
  }), _vm.text ? _c('p', {
21347
21334
  staticClass: "vd-upload__text"
21348
21335
  }, [_vm._v(_vm._s(_vm.text))]) : _vm._e(), _c('input', {
21336
+ ref: "input",
21349
21337
  staticClass: "vd-upload__input",
21350
21338
  attrs: {
21351
21339
  "type": "file",
21352
- "accept": "image/*,.pdf",
21353
- "multiple": _vm.multiple,
21340
+ "accept": _vm.accept,
21354
21341
  "disabled": _vm.disabled
21355
21342
  },
21356
21343
  on: {
21357
21344
  "change": _vm.onChange
21358
21345
  }
21359
- })], 1), _vm._l(_vm.listData, function (item) {
21360
- return _c('div', {
21361
- key: item.id,
21362
- staticClass: "vd-upload__preview",
21363
- class: _vm.fileCls(item.type)
21364
- }, [item.type.startsWith('image') ? _c('div', {
21365
- staticClass: "vd-upload__preview-img",
21366
- on: {
21367
- "click": function ($event) {
21368
- return _vm.onPreview(item);
21369
- }
21370
- }
21371
- }, [_c('img', {
21372
- attrs: {
21373
- "src": item.url
21374
- }
21375
- })]) : _vm._e(), item.type === 'application/pdf' ? _c('div', {
21376
- staticClass: "vd-upload__preview-word"
21377
- }, [_vm._v("PDF")]) : _vm._e(), _vm.deletable ? _c('div', {
21378
- staticClass: "vd-upload__preview-delete",
21379
- on: {
21380
- "click": function ($event) {
21381
- return _vm.onDelete($event, item);
21382
- }
21383
- }
21384
- }, [_c('vd-icon', {
21385
- staticClass: "vd-upload__preview-delete-icon",
21386
- attrs: {
21387
- "name": "icon_btn_close"
21388
- }
21389
- })], 1) : _vm._e()]);
21390
- })], 2), _vm.isPreview ? _c('div', {
21391
- staticClass: "vd-image-preview",
21392
- on: {
21393
- "click": _vm.closePreview
21394
- }
21395
- }, _vm._l(_vm.listData, function (item) {
21396
- return _c('div', {
21397
- directives: [{
21398
- name: "show",
21399
- rawName: "v-show",
21400
- value: _vm.curNum === item.id,
21401
- expression: "curNum === item.id"
21402
- }],
21403
- key: item.id,
21404
- staticClass: "vd-image-preview__item"
21405
- }, [_c('img', {
21406
- attrs: {
21407
- "src": item.url
21408
- }
21409
- })]);
21410
- }), 0) : _vm._e()]);
21346
+ })], 1)])]);
21411
21347
  };
21412
- var uploadvue_type_template_id_24477977_staticRenderFns = [];
21348
+ var uploadvue_type_template_id_4084f5d0_staticRenderFns = [];
21413
21349
 
21414
- // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=template&id=24477977
21350
+ // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=template&id=4084f5d0
21415
21351
 
21416
21352
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/upload/index.vue?vue&type=script&lang=js
21417
-
21418
-
21419
-
21420
-
21421
- const uploadvue_type_script_lang_js_prefixCls = 'vd-upload';
21422
21353
  /* harmony default export */ var uploadvue_type_script_lang_js = ({
21423
21354
  name: 'vd-upload',
21424
- model: {
21425
- prop: 'fileList'
21426
- },
21355
+ inheritAttrs: false,
21427
21356
  props: {
21428
- uploaded: {
21429
- type: Boolean,
21430
- default: false
21431
- },
21432
- preview: {
21433
- type: Boolean,
21434
- default: true
21435
- },
21436
- block: {
21437
- type: Boolean,
21438
- default: false
21439
- },
21440
- text: {
21357
+ photo: {
21441
21358
  type: String,
21442
- default: ''
21359
+ default: 'icon_btn_photo'
21443
21360
  },
21444
- fileList: {
21445
- type: Array,
21446
- default: () => []
21447
- },
21448
- deletable: {
21449
- type: Boolean,
21450
- default: true
21451
- },
21452
- disabled: {
21453
- type: Boolean,
21454
- default: false
21455
- },
21456
- /**
21457
- * 文件读取前钩子函数
21458
- */
21459
- beforeRead: {
21460
- type: Function,
21461
- default: () => () => true
21462
- },
21463
- /**
21464
- * 文件读取完钩子函数
21465
- */
21466
- afterRead: {
21467
- type: Function,
21468
- default: () => () => true
21469
- },
21470
- /**
21471
- * 文件删除前钩子函数
21472
- */
21473
- beforeDelete: {
21474
- type: Function,
21475
- default: () => () => true
21476
- },
21477
- maxCount: {
21478
- type: Number,
21479
- default: 1000
21361
+ text: String,
21362
+ block: Boolean,
21363
+ disabled: Boolean,
21364
+ beforeRead: Function,
21365
+ afterRead: Function,
21366
+ accept: {
21367
+ type: String,
21368
+ default: 'image/*'
21480
21369
  },
21481
21370
  maxSize: {
21482
21371
  type: Number,
21483
- default: 6 * 1024 * 1024
21484
- },
21485
- multiple: {
21486
- type: Boolean,
21487
- default: false
21488
- }
21489
- },
21490
- data() {
21491
- return {
21492
- listData: this.fileList,
21493
- curNum: 1,
21494
- isPreview: false
21495
- };
21496
- },
21497
- watch: {
21498
- /**
21499
- * 监听列表数据
21500
- */
21501
- fileList: {
21502
- handler(value) {
21503
- this.listData = value;
21504
- },
21505
- deep: true
21372
+ default: Number.MAX_VALUE
21506
21373
  }
21507
21374
  },
21508
21375
  methods: {
21509
- fileCls(file) {
21510
- if (file === 'application/pdf') {
21511
- return [`${uploadvue_type_script_lang_js_prefixCls}__preview--pdf`];
21512
- } else {
21513
- return [];
21376
+ onChange(event) {
21377
+ let {
21378
+ files
21379
+ } = event.target;
21380
+ if (this.disabled || !files.length) {
21381
+ return;
21514
21382
  }
21515
- },
21516
- onDelete(e, item) {
21517
- e.stopPropagation();
21518
- const {
21519
- disabled,
21520
- beforeDelete,
21521
- listData
21522
- } = this;
21523
- /**
21524
- * 判断是否允许删除文件
21525
- */
21526
- if (!disabled && beforeDelete(item) !== false) {
21527
- /**
21528
- * 索引
21529
- */
21530
- let i = 0;
21531
- /**
21532
- * 循环遍历数组定位下标位置
21533
- */
21534
- for (; i < listData.length; i++) {
21535
- /**
21536
- * 判断 id 是否相等
21537
- */
21538
- if (listData[i].id === item.id) break;
21539
- }
21540
- /**
21541
- * 删除
21542
- */
21543
- listData.splice(i, 1);
21544
- this.$emit('input', listData);
21545
- this.$emit('on-change', listData);
21383
+ files = files.length === 1 ? files[0] : [].slice.call(files, 0);
21384
+ if (!files || this.beforeRead && !this.beforeRead(files)) {
21385
+ return;
21546
21386
  }
21547
- },
21548
- onChange(e) {
21549
- const {
21550
- beforeRead,
21551
- afterRead,
21552
- maxSize,
21553
- maxCount,
21554
- listData
21555
- } = this;
21556
- /**
21557
- * 获取不超过 maxCount 文件
21558
- */
21559
- const files = Object.values(e.target.files).slice(0, maxCount);
21560
-
21561
- /**
21562
- * 判断是否允许读取文件
21563
- */
21564
- if (beforeRead(files) !== false) {
21565
- /**
21566
- * 循环遍历添加数据
21567
- */
21568
- const arr = [];
21569
- files.forEach(elem => {
21570
- /**
21571
- * 判断大小是否小于或等于 maxSize
21572
- */
21573
- if (elem.size <= maxSize) {
21574
- /**
21575
- * 数组长度
21576
- */
21577
- const len = listData.length;
21578
- /**
21579
- * 获取 id
21580
- */
21581
- const id = len === 0 ? 1 : listData[len - 1].id + 1;
21582
- /**
21583
- * 创建 blob 预览图片地址
21584
- */
21585
- const url = window.URL.createObjectURL(elem);
21586
- const type = e.target.files[0].type;
21587
- /**
21588
- * 添加进数组
21589
- */
21590
- listData.push({
21591
- id,
21592
- url,
21593
- type
21594
- });
21595
- arr.push(elem);
21596
- }
21387
+ if (Array.isArray(files)) {
21388
+ Promise.all(files.map(this.readFile)).then(contents => {
21389
+ let oversize = false;
21390
+ const payload = files.map((file, index) => {
21391
+ if (file.size > this.maxSize) {
21392
+ oversize = true;
21393
+ }
21394
+ return {
21395
+ file: files[index],
21396
+ content: contents[index]
21397
+ };
21398
+ });
21399
+ this.onAfterRead(payload, oversize);
21400
+ });
21401
+ } else {
21402
+ this.readFile(files).then(content => {
21403
+ this.onAfterRead({
21404
+ file: files,
21405
+ content
21406
+ }, files.size > this.maxSize);
21597
21407
  });
21598
- /**
21599
- * 符合规则的图片数组
21600
- */
21601
- if (arr.length > 0) {
21602
- afterRead(arr);
21603
- this.$emit('change', listData);
21604
- this.$emit('num-changed', this.curNum);
21605
- }
21606
21408
  }
21607
21409
  },
21608
- onPreview({
21609
- id
21610
- }) {
21611
- const {
21612
- disabled,
21613
- preview
21614
- } = this;
21615
- /**
21616
- * 判断是否允许预览
21617
- */
21618
- if (!disabled && preview) {
21619
- this.curNum = id;
21620
- /**
21621
- * 打开图片预览
21622
- */
21623
- this.isPreview = true;
21624
- }
21410
+ readFile(file) {
21411
+ return new Promise(resolve => {
21412
+ const reader = new FileReader();
21413
+ reader.onload = event => {
21414
+ resolve(event.target.result);
21415
+ };
21416
+ reader.readAsDataURL(file);
21417
+ });
21625
21418
  },
21626
- closePreview() {
21627
- this.isPreview = false;
21419
+ onAfterRead(files, oversize) {
21420
+ if (oversize) {
21421
+ this.$emit('oversize', files);
21422
+ } else {
21423
+ this.afterRead && this.afterRead(files);
21424
+ this.$refs.input && (this.$refs.input.value = '');
21425
+ }
21628
21426
  }
21629
21427
  }
21630
21428
  });
21631
21429
  // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=script&lang=js
21632
21430
  /* harmony default export */ var components_uploadvue_type_script_lang_js = (uploadvue_type_script_lang_js);
21633
- // EXTERNAL MODULE: ./packages/components/upload/index.vue?vue&type=style&index=0&id=24477977&prod&lang=less
21634
- var uploadvue_type_style_index_0_id_24477977_prod_lang_less = __webpack_require__("2e6a");
21431
+ // EXTERNAL MODULE: ./packages/components/upload/index.vue?vue&type=style&index=0&id=4084f5d0&prod&lang=less
21432
+ var uploadvue_type_style_index_0_id_4084f5d0_prod_lang_less = __webpack_require__("fca9");
21635
21433
 
21636
21434
  // CONCATENATED MODULE: ./packages/components/upload/index.vue
21637
21435
 
@@ -21644,8 +21442,8 @@ var uploadvue_type_style_index_0_id_24477977_prod_lang_less = __webpack_require_
21644
21442
 
21645
21443
  var upload_component = normalizeComponent(
21646
21444
  components_uploadvue_type_script_lang_js,
21647
- uploadvue_type_template_id_24477977_render,
21648
- uploadvue_type_template_id_24477977_staticRenderFns,
21445
+ uploadvue_type_template_id_4084f5d0_render,
21446
+ uploadvue_type_template_id_4084f5d0_staticRenderFns,
21649
21447
  false,
21650
21448
  null,
21651
21449
  null,
@@ -27106,6 +26904,17 @@ module.exports = function (it) {
27106
26904
  };
27107
26905
 
27108
26906
 
26907
+ /***/ }),
26908
+
26909
+ /***/ "fca9":
26910
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
26911
+
26912
+ "use strict";
26913
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4084f5d0_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2199");
26914
+ /* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4084f5d0_prod_lang_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_11_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_11_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_11_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_11_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_4084f5d0_prod_lang_less__WEBPACK_IMPORTED_MODULE_0__);
26915
+ /* unused harmony reexport * */
26916
+
26917
+
27109
26918
  /***/ }),
27110
26919
 
27111
26920
  /***/ "fd46":