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.
@@ -272,13 +272,6 @@ module.exports = function (argument) {
272
272
  };
273
273
 
274
274
 
275
- /***/ }),
276
-
277
- /***/ "0f02":
278
- /***/ (function(module, exports, __webpack_require__) {
279
-
280
- // extracted by mini-css-extract-plugin
281
-
282
275
  /***/ }),
283
276
 
284
277
  /***/ "102f":
@@ -525,6 +518,13 @@ module.exports = function (it) {
525
518
  /* unused harmony reexport * */
526
519
 
527
520
 
521
+ /***/ }),
522
+
523
+ /***/ "2199":
524
+ /***/ (function(module, exports, __webpack_require__) {
525
+
526
+ // extracted by mini-css-extract-plugin
527
+
528
528
  /***/ }),
529
529
 
530
530
  /***/ "2236":
@@ -643,17 +643,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
643
643
  };
644
644
 
645
645
 
646
- /***/ }),
647
-
648
- /***/ "24e0":
649
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
650
-
651
- "use strict";
652
- /* 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");
653
- /* 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__);
654
- /* unused harmony reexport * */
655
-
656
-
657
646
  /***/ }),
658
647
 
659
648
  /***/ "2638":
@@ -9017,17 +9006,6 @@ if (!version && userAgent) {
9017
9006
  module.exports = version;
9018
9007
 
9019
9008
 
9020
- /***/ }),
9021
-
9022
- /***/ "2e6a":
9023
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
9024
-
9025
- "use strict";
9026
- /* 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");
9027
- /* 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__);
9028
- /* unused harmony reexport * */
9029
-
9030
-
9031
9009
  /***/ }),
9032
9010
 
9033
9011
  /***/ "2e6e":
@@ -9079,6 +9057,17 @@ module.exports = function (it) {
9079
9057
  };
9080
9058
 
9081
9059
 
9060
+ /***/ }),
9061
+
9062
+ /***/ "3674":
9063
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
9064
+
9065
+ "use strict";
9066
+ /* 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");
9067
+ /* 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__);
9068
+ /* unused harmony reexport * */
9069
+
9070
+
9082
9071
  /***/ }),
9083
9072
 
9084
9073
  /***/ "371b":
@@ -10165,13 +10154,6 @@ module.exports = function (argument) {
10165
10154
 
10166
10155
  /***/ }),
10167
10156
 
10168
- /***/ "7dc1":
10169
- /***/ (function(module, exports, __webpack_require__) {
10170
-
10171
- // extracted by mini-css-extract-plugin
10172
-
10173
- /***/ }),
10174
-
10175
10157
  /***/ "7e3a":
10176
10158
  /***/ (function(module, exports, __webpack_require__) {
10177
10159
 
@@ -10992,6 +10974,13 @@ module.exports = !fails(function () {
10992
10974
 
10993
10975
  /***/ }),
10994
10976
 
10977
+ /***/ "bf4d":
10978
+ /***/ (function(module, exports, __webpack_require__) {
10979
+
10980
+ // extracted by mini-css-extract-plugin
10981
+
10982
+ /***/ }),
10983
+
10995
10984
  /***/ "c04e":
10996
10985
  /***/ (function(module, exports, __webpack_require__) {
10997
10986
 
@@ -16927,8 +16916,8 @@ var checkbox_group_component = normalizeComponent(
16927
16916
  )
16928
16917
 
16929
16918
  /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
16930
- // 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
16931
- var radiovue_type_template_id_efdfba46_render = function render() {
16919
+ // 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
16920
+ var radiovue_type_template_id_83718a96_render = function render() {
16932
16921
  var _vm = this,
16933
16922
  _c = _vm._self._c;
16934
16923
  return !_vm.radioButton ? _c('label', {
@@ -16951,11 +16940,9 @@ var radiovue_type_template_id_efdfba46_render = function render() {
16951
16940
  }
16952
16941
  })]), _vm.$slots.default ? _c('div', {
16953
16942
  staticClass: "vd-radio__label"
16954
- }, [_c('p', {
16943
+ }, [_c('div', {
16955
16944
  staticClass: "vd-radio__text"
16956
- }, [_vm._t("default")], 2), _vm.extra ? _c('p', {
16957
- staticClass: "vd-radio__description"
16958
- }, [_vm._v(_vm._s(_vm.extra))]) : _vm._e()]) : _vm._e()]) : _c('label', {
16945
+ }, [_vm._t("default")], 2)]) : _vm._e()]) : _c('label', {
16959
16946
  staticClass: "vd-radio vd-radio-button",
16960
16947
  class: _vm.radioButtonClasses
16961
16948
  }, [_c('input', {
@@ -16974,9 +16961,9 @@ var radiovue_type_template_id_efdfba46_render = function render() {
16974
16961
  staticClass: "vd-radio-button-text"
16975
16962
  }, [_vm._t("default")], 2)]);
16976
16963
  };
16977
- var radiovue_type_template_id_efdfba46_staticRenderFns = [];
16964
+ var radiovue_type_template_id_83718a96_staticRenderFns = [];
16978
16965
 
16979
- // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=template&id=efdfba46
16966
+ // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=template&id=83718a96
16980
16967
 
16981
16968
  // CONCATENATED MODULE: ./packages/components/radio/assist.js
16982
16969
 
@@ -17026,9 +17013,9 @@ const radiovue_type_script_lang_js_prefixCls = 'vd-radio';
17026
17013
  type: Boolean,
17027
17014
  default: false
17028
17015
  },
17029
- extra: {
17030
- type: [String, Number, Boolean]
17031
- },
17016
+ // extra: {
17017
+ // type: [String, Number, Boolean],
17018
+ // },
17032
17019
  value: {
17033
17020
  type: [String, Number, Boolean],
17034
17021
  default: false
@@ -17129,8 +17116,8 @@ const radiovue_type_script_lang_js_prefixCls = 'vd-radio';
17129
17116
  });
17130
17117
  // CONCATENATED MODULE: ./packages/components/radio/index.vue?vue&type=script&lang=js
17131
17118
  /* harmony default export */ var components_radiovue_type_script_lang_js = (radiovue_type_script_lang_js);
17132
- // EXTERNAL MODULE: ./packages/components/radio/index.vue?vue&type=style&index=0&id=efdfba46&prod&lang=less
17133
- var radiovue_type_style_index_0_id_efdfba46_prod_lang_less = __webpack_require__("24e0");
17119
+ // EXTERNAL MODULE: ./packages/components/radio/index.vue?vue&type=style&index=0&id=83718a96&prod&lang=less
17120
+ var radiovue_type_style_index_0_id_83718a96_prod_lang_less = __webpack_require__("3674");
17134
17121
 
17135
17122
  // CONCATENATED MODULE: ./packages/components/radio/index.vue
17136
17123
 
@@ -17143,8 +17130,8 @@ var radiovue_type_style_index_0_id_efdfba46_prod_lang_less = __webpack_require__
17143
17130
 
17144
17131
  var radio_component = normalizeComponent(
17145
17132
  components_radiovue_type_script_lang_js,
17146
- radiovue_type_template_id_efdfba46_render,
17147
- radiovue_type_template_id_efdfba46_staticRenderFns,
17133
+ radiovue_type_template_id_83718a96_render,
17134
+ radiovue_type_template_id_83718a96_staticRenderFns,
17148
17135
  false,
17149
17136
  null,
17150
17137
  null,
@@ -21331,14 +21318,14 @@ var skeleton_component = normalizeComponent(
21331
21318
  )
21332
21319
 
21333
21320
  /* harmony default export */ var skeleton = (skeleton_component.exports);
21334
- // 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
21335
- var uploadvue_type_template_id_24477977_render = function render() {
21321
+ // 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
21322
+ var uploadvue_type_template_id_4084f5d0_render = function render() {
21336
21323
  var _vm = this,
21337
21324
  _c = _vm._self._c;
21338
21325
  return _c('div', {
21339
21326
  staticClass: "vd-upload",
21340
21327
  class: {
21341
- 'vd-upload--block': _vm.block && _vm.listData.length === 0
21328
+ 'vd-upload--block': _vm.block
21342
21329
  }
21343
21330
  }, [_c('div', {
21344
21331
  staticClass: "vd-upload__wrapper"
@@ -21350,297 +21337,108 @@ var uploadvue_type_template_id_24477977_render = function render() {
21350
21337
  }, [_c('vd-icon', {
21351
21338
  staticClass: "vd-upload__icon",
21352
21339
  attrs: {
21353
- "name": "icon_btn_photo"
21340
+ "name": _vm.photo
21354
21341
  }
21355
21342
  }), _vm.text ? _c('p', {
21356
21343
  staticClass: "vd-upload__text"
21357
21344
  }, [_vm._v(_vm._s(_vm.text))]) : _vm._e(), _c('input', {
21345
+ ref: "input",
21358
21346
  staticClass: "vd-upload__input",
21359
21347
  attrs: {
21360
21348
  "type": "file",
21361
- "accept": "image/*,.pdf",
21362
- "multiple": _vm.multiple,
21349
+ "accept": _vm.accept,
21363
21350
  "disabled": _vm.disabled
21364
21351
  },
21365
21352
  on: {
21366
21353
  "change": _vm.onChange
21367
21354
  }
21368
- })], 1), _vm._l(_vm.listData, function (item) {
21369
- return _c('div', {
21370
- key: item.id,
21371
- staticClass: "vd-upload__preview",
21372
- class: _vm.fileCls(item.type)
21373
- }, [item.type.startsWith('image') ? _c('div', {
21374
- staticClass: "vd-upload__preview-img",
21375
- on: {
21376
- "click": function ($event) {
21377
- return _vm.onPreview(item);
21378
- }
21379
- }
21380
- }, [_c('img', {
21381
- attrs: {
21382
- "src": item.url
21383
- }
21384
- })]) : _vm._e(), item.type === 'application/pdf' ? _c('div', {
21385
- staticClass: "vd-upload__preview-word"
21386
- }, [_vm._v("PDF")]) : _vm._e(), _vm.deletable ? _c('div', {
21387
- staticClass: "vd-upload__preview-delete",
21388
- on: {
21389
- "click": function ($event) {
21390
- return _vm.onDelete($event, item);
21391
- }
21392
- }
21393
- }, [_c('vd-icon', {
21394
- staticClass: "vd-upload__preview-delete-icon",
21395
- attrs: {
21396
- "name": "icon_btn_close"
21397
- }
21398
- })], 1) : _vm._e()]);
21399
- })], 2), _vm.isPreview ? _c('div', {
21400
- staticClass: "vd-image-preview",
21401
- on: {
21402
- "click": _vm.closePreview
21403
- }
21404
- }, _vm._l(_vm.listData, function (item) {
21405
- return _c('div', {
21406
- directives: [{
21407
- name: "show",
21408
- rawName: "v-show",
21409
- value: _vm.curNum === item.id,
21410
- expression: "curNum === item.id"
21411
- }],
21412
- key: item.id,
21413
- staticClass: "vd-image-preview__item"
21414
- }, [_c('img', {
21415
- attrs: {
21416
- "src": item.url
21417
- }
21418
- })]);
21419
- }), 0) : _vm._e()]);
21355
+ })], 1)])]);
21420
21356
  };
21421
- var uploadvue_type_template_id_24477977_staticRenderFns = [];
21357
+ var uploadvue_type_template_id_4084f5d0_staticRenderFns = [];
21422
21358
 
21423
- // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=template&id=24477977
21359
+ // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=template&id=4084f5d0
21424
21360
 
21425
21361
  // 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
21426
-
21427
-
21428
-
21429
-
21430
- const uploadvue_type_script_lang_js_prefixCls = 'vd-upload';
21431
21362
  /* harmony default export */ var uploadvue_type_script_lang_js = ({
21432
21363
  name: 'vd-upload',
21433
- model: {
21434
- prop: 'fileList'
21435
- },
21364
+ inheritAttrs: false,
21436
21365
  props: {
21437
- uploaded: {
21438
- type: Boolean,
21439
- default: false
21440
- },
21441
- preview: {
21442
- type: Boolean,
21443
- default: true
21444
- },
21445
- block: {
21446
- type: Boolean,
21447
- default: false
21448
- },
21449
- text: {
21366
+ photo: {
21450
21367
  type: String,
21451
- default: ''
21368
+ default: 'icon_btn_photo'
21452
21369
  },
21453
- fileList: {
21454
- type: Array,
21455
- default: () => []
21456
- },
21457
- deletable: {
21458
- type: Boolean,
21459
- default: true
21460
- },
21461
- disabled: {
21462
- type: Boolean,
21463
- default: false
21464
- },
21465
- /**
21466
- * 文件读取前钩子函数
21467
- */
21468
- beforeRead: {
21469
- type: Function,
21470
- default: () => () => true
21471
- },
21472
- /**
21473
- * 文件读取完钩子函数
21474
- */
21475
- afterRead: {
21476
- type: Function,
21477
- default: () => () => true
21478
- },
21479
- /**
21480
- * 文件删除前钩子函数
21481
- */
21482
- beforeDelete: {
21483
- type: Function,
21484
- default: () => () => true
21485
- },
21486
- maxCount: {
21487
- type: Number,
21488
- default: 1000
21370
+ text: String,
21371
+ block: Boolean,
21372
+ disabled: Boolean,
21373
+ beforeRead: Function,
21374
+ afterRead: Function,
21375
+ accept: {
21376
+ type: String,
21377
+ default: 'image/*'
21489
21378
  },
21490
21379
  maxSize: {
21491
21380
  type: Number,
21492
- default: 6 * 1024 * 1024
21493
- },
21494
- multiple: {
21495
- type: Boolean,
21496
- default: false
21497
- }
21498
- },
21499
- data() {
21500
- return {
21501
- listData: this.fileList,
21502
- curNum: 1,
21503
- isPreview: false
21504
- };
21505
- },
21506
- watch: {
21507
- /**
21508
- * 监听列表数据
21509
- */
21510
- fileList: {
21511
- handler(value) {
21512
- this.listData = value;
21513
- },
21514
- deep: true
21381
+ default: Number.MAX_VALUE
21515
21382
  }
21516
21383
  },
21517
21384
  methods: {
21518
- fileCls(file) {
21519
- if (file === 'application/pdf') {
21520
- return [`${uploadvue_type_script_lang_js_prefixCls}__preview--pdf`];
21521
- } else {
21522
- return [];
21385
+ onChange(event) {
21386
+ let {
21387
+ files
21388
+ } = event.target;
21389
+ if (this.disabled || !files.length) {
21390
+ return;
21523
21391
  }
21524
- },
21525
- onDelete(e, item) {
21526
- e.stopPropagation();
21527
- const {
21528
- disabled,
21529
- beforeDelete,
21530
- listData
21531
- } = this;
21532
- /**
21533
- * 判断是否允许删除文件
21534
- */
21535
- if (!disabled && beforeDelete(item) !== false) {
21536
- /**
21537
- * 索引
21538
- */
21539
- let i = 0;
21540
- /**
21541
- * 循环遍历数组定位下标位置
21542
- */
21543
- for (; i < listData.length; i++) {
21544
- /**
21545
- * 判断 id 是否相等
21546
- */
21547
- if (listData[i].id === item.id) break;
21548
- }
21549
- /**
21550
- * 删除
21551
- */
21552
- listData.splice(i, 1);
21553
- this.$emit('input', listData);
21554
- this.$emit('on-change', listData);
21392
+ files = files.length === 1 ? files[0] : [].slice.call(files, 0);
21393
+ if (!files || this.beforeRead && !this.beforeRead(files)) {
21394
+ return;
21555
21395
  }
21556
- },
21557
- onChange(e) {
21558
- const {
21559
- beforeRead,
21560
- afterRead,
21561
- maxSize,
21562
- maxCount,
21563
- listData
21564
- } = this;
21565
- /**
21566
- * 获取不超过 maxCount 文件
21567
- */
21568
- const files = Object.values(e.target.files).slice(0, maxCount);
21569
-
21570
- /**
21571
- * 判断是否允许读取文件
21572
- */
21573
- if (beforeRead(files) !== false) {
21574
- /**
21575
- * 循环遍历添加数据
21576
- */
21577
- const arr = [];
21578
- files.forEach(elem => {
21579
- /**
21580
- * 判断大小是否小于或等于 maxSize
21581
- */
21582
- if (elem.size <= maxSize) {
21583
- /**
21584
- * 数组长度
21585
- */
21586
- const len = listData.length;
21587
- /**
21588
- * 获取 id
21589
- */
21590
- const id = len === 0 ? 1 : listData[len - 1].id + 1;
21591
- /**
21592
- * 创建 blob 预览图片地址
21593
- */
21594
- const url = window.URL.createObjectURL(elem);
21595
- const type = e.target.files[0].type;
21596
- /**
21597
- * 添加进数组
21598
- */
21599
- listData.push({
21600
- id,
21601
- url,
21602
- type
21603
- });
21604
- arr.push(elem);
21605
- }
21396
+ if (Array.isArray(files)) {
21397
+ Promise.all(files.map(this.readFile)).then(contents => {
21398
+ let oversize = false;
21399
+ const payload = files.map((file, index) => {
21400
+ if (file.size > this.maxSize) {
21401
+ oversize = true;
21402
+ }
21403
+ return {
21404
+ file: files[index],
21405
+ content: contents[index]
21406
+ };
21407
+ });
21408
+ this.onAfterRead(payload, oversize);
21409
+ });
21410
+ } else {
21411
+ this.readFile(files).then(content => {
21412
+ this.onAfterRead({
21413
+ file: files,
21414
+ content
21415
+ }, files.size > this.maxSize);
21606
21416
  });
21607
- /**
21608
- * 符合规则的图片数组
21609
- */
21610
- if (arr.length > 0) {
21611
- afterRead(arr);
21612
- this.$emit('change', listData);
21613
- this.$emit('num-changed', this.curNum);
21614
- }
21615
21417
  }
21616
21418
  },
21617
- onPreview({
21618
- id
21619
- }) {
21620
- const {
21621
- disabled,
21622
- preview
21623
- } = this;
21624
- /**
21625
- * 判断是否允许预览
21626
- */
21627
- if (!disabled && preview) {
21628
- this.curNum = id;
21629
- /**
21630
- * 打开图片预览
21631
- */
21632
- this.isPreview = true;
21633
- }
21419
+ readFile(file) {
21420
+ return new Promise(resolve => {
21421
+ const reader = new FileReader();
21422
+ reader.onload = event => {
21423
+ resolve(event.target.result);
21424
+ };
21425
+ reader.readAsDataURL(file);
21426
+ });
21634
21427
  },
21635
- closePreview() {
21636
- this.isPreview = false;
21428
+ onAfterRead(files, oversize) {
21429
+ if (oversize) {
21430
+ this.$emit('oversize', files);
21431
+ } else {
21432
+ this.afterRead && this.afterRead(files);
21433
+ this.$refs.input && (this.$refs.input.value = '');
21434
+ }
21637
21435
  }
21638
21436
  }
21639
21437
  });
21640
21438
  // CONCATENATED MODULE: ./packages/components/upload/index.vue?vue&type=script&lang=js
21641
21439
  /* harmony default export */ var components_uploadvue_type_script_lang_js = (uploadvue_type_script_lang_js);
21642
- // EXTERNAL MODULE: ./packages/components/upload/index.vue?vue&type=style&index=0&id=24477977&prod&lang=less
21643
- var uploadvue_type_style_index_0_id_24477977_prod_lang_less = __webpack_require__("2e6a");
21440
+ // EXTERNAL MODULE: ./packages/components/upload/index.vue?vue&type=style&index=0&id=4084f5d0&prod&lang=less
21441
+ var uploadvue_type_style_index_0_id_4084f5d0_prod_lang_less = __webpack_require__("fca9");
21644
21442
 
21645
21443
  // CONCATENATED MODULE: ./packages/components/upload/index.vue
21646
21444
 
@@ -21653,8 +21451,8 @@ var uploadvue_type_style_index_0_id_24477977_prod_lang_less = __webpack_require_
21653
21451
 
21654
21452
  var upload_component = normalizeComponent(
21655
21453
  components_uploadvue_type_script_lang_js,
21656
- uploadvue_type_template_id_24477977_render,
21657
- uploadvue_type_template_id_24477977_staticRenderFns,
21454
+ uploadvue_type_template_id_4084f5d0_render,
21455
+ uploadvue_type_template_id_4084f5d0_staticRenderFns,
21658
21456
  false,
21659
21457
  null,
21660
21458
  null,
@@ -27115,6 +26913,17 @@ module.exports = function (it) {
27115
26913
  };
27116
26914
 
27117
26915
 
26916
+ /***/ }),
26917
+
26918
+ /***/ "fca9":
26919
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
26920
+
26921
+ "use strict";
26922
+ /* 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");
26923
+ /* 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__);
26924
+ /* unused harmony reexport * */
26925
+
26926
+
27118
26927
  /***/ }),
27119
26928
 
27120
26929
  /***/ "fd46":