require('../../common/vendor.js');(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["work/components/shmily-drag-image/shmily-drag-image"],{ /***/ 1077: /*!*****************************************************************************************************!*\ !*** D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue ***! \*****************************************************************************************************/ /*! no static exports found */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./shmily-drag-image.vue?vue&type=template&id=75f788fa&scoped=true& */ 1078); /* harmony import */ var _shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shmily-drag-image.vue?vue&type=script&lang=js& */ 1080); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /* harmony import */ var _shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shmily-drag-image.vue?vue&type=style&index=0&id=75f788fa&lang=scss&scoped=true& */ 1082); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 55); var renderjs /* normalize component */ var component = Object(_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( _shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], _shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"], _shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], false, null, "75f788fa", null, false, _shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"], renderjs ) component.options.__file = "work/components/shmily-drag-image/shmily-drag-image.vue" /* harmony default export */ __webpack_exports__["default"] = (component.exports); /***/ }), /***/ 1078: /*!************************************************************************************************************************************************!*\ !*** D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=template&id=75f788fa&scoped=true& ***! \************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns, recyclableRender, components */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./shmily-drag-image.vue?vue&type=template&id=75f788fa&scoped=true& */ 1079); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_template_id_75f788fa_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"]; }); /***/ }), /***/ 1079: /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=template&id=75f788fa&scoped=true& ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns, recyclableRender, components */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; }); var components var render = function () { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h var g0 = _vm.viewWidth ? _vm.imageList.length : null _vm.$mp.data = Object.assign( {}, { $root: { g0: g0, }, } ) } var recyclableRender = false var staticRenderFns = [] render._withStripped = true /***/ }), /***/ 1080: /*!******************************************************************************************************************************!*\ !*** D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=script&lang=js& ***! \******************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./shmily-drag-image.vue?vue&type=script&lang=js& */ 1081); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /* harmony default export */ __webpack_exports__["default"] = (_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a); /***/ }), /***/ 1081: /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; /* WEBPACK VAR INJECTION */(function(uni) { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11)); var _config = _interopRequireDefault(__webpack_require__(/*! @/config */ 37)); var _common = __webpack_require__(/*! @/utils/common.js */ 47); function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } var baseUrl = _config.default.baseUrl; var _default2 = { emits: ['input', 'update:modelValue'], props: { // 排序图片 value: { type: Array, default: function _default() { return []; } }, // 排序图片 modelValue: { type: Array, default: function _default() { return []; } }, // 从 list 元素对象中读取的键名 keyName: { type: String, default: null }, // 选择图片数量限制 number: { type: Number, default: 9 }, // 图片父容器宽度(实际显示的图片宽度为 imageWidth / 1.1 ),单位 rpx // imageWidth > 0 则 cols 无效 imageWidth: { type: Number, default: 0 }, // 图片列数 cols: { type: Number, default: 3 }, // 图片圆角,单位 rpx borderRadius: { type: Number, default: 0 }, // 图片周围空白填充,单位 rpx padding: { type: Number, default: 10 }, // 拖动图片时放大倍数 [0, ∞) scale: { type: Number, default: 1.1 }, // 拖动图片时不透明度 opacity: { type: Number, default: 0.7 }, // 自定义添加 addImage: { type: Function, default: null }, // 删除确认 delImage: { type: Function, default: null } }, data: function data() { return { imageList: [], width: 0, add: { x: 0, y: 0 }, colsValue: 0, viewWidth: 0, tempItem: null, timer: null, changeStatus: true, preStatus: true, first: true, baseUrl: '' }; }, computed: { areaHeight: function areaHeight() { var height = ''; // return '355px' if (this.imageList.length < this.number) { height = (Math.ceil((this.imageList.length + 1) / this.colsValue) * this.viewWidth).toFixed() + 'px'; } else { height = (Math.ceil(this.imageList.length / this.colsValue) * this.viewWidth).toFixed() + 'px'; } // console.log('areaHeight', height) return height; }, childWidth: function childWidth() { return this.viewWidth - this.rpx2px(this.padding) * 2 + 'px'; } }, watch: { value: { handler: function handler(n) { if (!this.first && this.changeStatus) { // console.log('watch', n) var flag = false; for (var i = 0; i < n.length; i++) { if (flag) { this.addProperties(this.getSrc(n[i])); continue; } if (this.imageList.length === i || this.imageList[i].src !== this.getSrc(n[i])) { flag = true; this.imageList.splice(i); this.addProperties(this.getSrc(n[i])); } } } }, deep: true }, modelValue: { handler: function handler(n) { if (!this.first && this.changeStatus) { console.log('watch', n); var flag = false; for (var i = 0; i < n.length; i++) { if (flag) { this.addProperties(this.getSrc(n[i])); continue; } if (this.imageList.length === i || this.imageList[i].src !== this.getSrc(n[i])) { flag = true; this.imageList.splice(i); this.addProperties(this.getSrc(n[i])); } } } }, deep: true } }, created: function created() { this.width = uni.getSystemInfoSync().windowWidth; this.baseUrl = baseUrl; }, mounted: function mounted() { var _this = this; var query = uni.createSelectorQuery().in(this); query.select('.con').boundingClientRect(function (data) { _this.colsValue = _this.cols; _this.viewWidth = data.width / _this.cols; if (_this.imageWidth > 0) { _this.viewWidth = _this.rpx2px(_this.imageWidth); _this.colsValue = Math.floor(data.width / _this.viewWidth); } var list = _this.value; var _iterator = _createForOfIteratorHelper(list), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var item = _step.value; _this.addProperties(_this.getSrc(item)); } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } _this.first = false; }); query.exec(); }, methods: { getSrc: function getSrc(item) { if (this.keyName !== null) { return item[this.keyName]; } return item; }, onChange: function onChange(e, item) { var _this2 = this; if (!item) return; item.oldX = e.detail.x; item.oldY = e.detail.y; if (e.detail.source === 'touch') { if (item.moveEnd) { item.offset = Math.sqrt(Math.pow(item.oldX - item.absX * this.viewWidth, 2) + Math.pow(item.oldY - item.absY * this.viewWidth, 2)); } var x = Math.floor((e.detail.x + this.viewWidth / 2) / this.viewWidth); if (x >= this.colsValue) return; var y = Math.floor((e.detail.y + this.viewWidth / 2) / this.viewWidth); var index = this.colsValue * y + x; if (item.index != index && index < this.imageList.length) { this.changeStatus = false; var _iterator2 = _createForOfIteratorHelper(this.imageList), _step2; try { var _loop = function _loop() { var obj = _step2.value; if (item.index > index && obj.index >= index && obj.index < item.index) { _this2.change(obj, 1); } else if (item.index < index && obj.index <= index && obj.index > item.index) { _this2.change(obj, -1); } else if (obj.id != item.id) { obj.offset = 0; obj.x = obj.oldX; obj.y = obj.oldY; setTimeout(function () { _this2.$nextTick(function () { obj.x = obj.absX * _this2.viewWidth; obj.y = obj.absY * _this2.viewWidth; }); }, 0); } }; for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { _loop(); } } catch (err) { _iterator2.e(err); } finally { _iterator2.f(); } item.index = index; item.absX = x; item.absY = y; if (!item.moveEnd) { setTimeout(function () { _this2.$nextTick(function () { item.x = item.absX * _this2.viewWidth; item.y = item.absY * _this2.viewWidth; }); }, 0); } // console.log('bbb', JSON.parse(JSON.stringify(item))); this.sortList(); } } }, change: function change(obj, i) { var _this3 = this; obj.index += i; obj.offset = 0; obj.x = obj.oldX; obj.y = obj.oldY; obj.absX = obj.index % this.colsValue; obj.absY = Math.floor(obj.index / this.colsValue); setTimeout(function () { _this3.$nextTick(function () { obj.x = obj.absX * _this3.viewWidth; obj.y = obj.absY * _this3.viewWidth; }); }, 0); }, touchstart: function touchstart(item) { var _this4 = this; this.imageList.forEach(function (v) { v.zIndex = v.index + 9; }); item.zIndex = 99; item.moveEnd = true; this.tempItem = item; this.timer = setTimeout(function () { item.scale = _this4.scale; item.opacity = _this4.opacity; clearTimeout(_this4.timer); _this4.timer = null; }, 200); }, touchend: function touchend(item) { var _this5 = this; this.previewImage(item); item.scale = 1; item.opacity = 1; item.x = item.oldX; item.y = item.oldY; item.offset = 0; item.moveEnd = false; setTimeout(function () { _this5.$nextTick(function () { item.x = item.absX * _this5.viewWidth; item.y = item.absY * _this5.viewWidth; _this5.tempItem = null; _this5.changeStatus = true; }); // console.log('ccc', JSON.parse(JSON.stringify(item))); }, 0); // console.log('ddd', JSON.parse(JSON.stringify(item))); }, previewImage: function previewImage(item) { var _this6 = this; if (this.timer && this.preStatus && this.changeStatus && item.offset < 28.28) { clearTimeout(this.timer); this.timer = null; var list = this.value || this.modelValue; var srcList = list.map(function (v) { return _this6.baseUrl + _this6.getSrc(v); }); // console.log(list, srcList); uni.previewImage({ urls: srcList, current: item.src, success: function success() { _this6.preStatus = false; setTimeout(function () { _this6.preStatus = true; }, 600); }, fail: function fail(e) { console.log(e); } }); } else if (this.timer) { clearTimeout(this.timer); this.timer = null; } }, mouseenter: function mouseenter() {}, mouseleave: function mouseleave() {}, addImages: function addImages() { var that = this; if (typeof this.addImage === 'function') { this.addImage.bind(this.$parent)(); } else { var checkNumber = this.number - this.imageList.length; uni.chooseImage({ count: checkNumber, sourceType: ['album', 'camera'], success: function success(res) { var count = checkNumber <= res.tempFilePaths.length ? checkNumber : res.tempFilePaths.length; // for (let i = 0; i < count; i++) { // this.addProperties(res.tempFilePaths[i]) // } var img = res.tempFilePaths; var imglen = res.tempFilePaths.length; var fuwufile = []; (0, _common.uploadmore)('/common/upload', img, 0, 0, 0, imglen, fuwufile, function (rs) { // console.log(rs,123) for (var i = 0; i < count; i++) { that.addProperties(rs[i]); } that.sortList(); }); // that.imageList = that.imageList.concat(rs); // 上传 } }); } }, delImages: function delImages(item, index) { var _this7 = this; if (typeof this.delImage === 'function') { this.delImage.bind(this.$parent)(function () { _this7.delImageHandle(item, index); }); } else { this.delImageHandle(item, index); } }, delImageHandle: function delImageHandle(item, index) { var _this8 = this; this.imageList.splice(index, 1); var _iterator3 = _createForOfIteratorHelper(this.imageList), _step3; try { var _loop2 = function _loop2() { var obj = _step3.value; if (obj.index > item.index) { obj.index -= 1; obj.x = obj.oldX; obj.y = obj.oldY; obj.absX = obj.index % _this8.colsValue; obj.absY = Math.floor(obj.index / _this8.colsValue); _this8.$nextTick(function () { obj.x = obj.absX * _this8.viewWidth; obj.y = obj.absY * _this8.viewWidth; }); } }; for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { _loop2(); } } catch (err) { _iterator3.e(err); } finally { _iterator3.f(); } this.add.x = this.imageList.length % this.colsValue * this.viewWidth + 'px'; this.add.y = Math.floor(this.imageList.length / this.colsValue) * this.viewWidth + 'px'; this.sortList(); }, delImageMp: function delImageMp(item, index) { this.delImages(item, index); }, sortList: function sortList() { var _this9 = this; // console.log('sortList'); var result = []; var source = this.value; var list = this.imageList.slice(); list.sort(function (a, b) { return a.index - b.index; }); var _iterator4 = _createForOfIteratorHelper(list), _step4; try { var _loop3 = function _loop3() { var s = _step4.value; var item = source.find(function (d) { return _this9.getSrc(d) == s.src; }); if (item) { result.push(item); } else { if (_this9.keyName !== null) { result.push((0, _defineProperty2.default)({}, _this9.keyName, s.src)); } else { result.push(s.src); } } }; for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { _loop3(); } } catch (err) { _iterator4.e(err); } finally { _iterator4.f(); } this.$emit("input", result); this.$emit("update:modelValue", result); }, addProperties: function addProperties(item) { var absX = this.imageList.length % this.colsValue; var absY = Math.floor(this.imageList.length / this.colsValue); var x = absX * this.viewWidth; var y = absY * this.viewWidth; this.imageList.push({ src: item, x: x, y: y, oldX: x, oldY: y, absX: absX, absY: absY, scale: 1, zIndex: 9, opacity: 1, index: this.imageList.length, id: this.guid(16), disable: false, offset: 0, moveEnd: false }); this.add.x = this.imageList.length % this.colsValue * this.viewWidth + 'px'; this.add.y = Math.floor(this.imageList.length / this.colsValue) * this.viewWidth + 'px'; }, nothing: function nothing() {}, rpx2px: function rpx2px(v) { return this.width * v / 750; }, guid: function guid() { var len = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 32; var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uuid = []; var radix = chars.length; for (var i = 0; i < len; i++) { uuid[i] = chars[0 | Math.random() * radix]; } uuid.shift(); return "u".concat(uuid.join('')); } } }; exports.default = _default2; /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"])) /***/ }), /***/ 1082: /*!***************************************************************************************************************************************************************!*\ !*** D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=style&index=0&id=75f788fa&lang=scss&scoped=true& ***! \***************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src??ref--8-oneOf-1-3!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!../../../../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./shmily-drag-image.vue?vue&type=style&index=0&id=75f788fa&lang=scss&scoped=true& */ 1083); /* harmony import */ var _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /* harmony default export */ __webpack_exports__["default"] = (_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_shmily_drag_image_vue_vue_type_style_index_0_id_75f788fa_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); /***/ }), /***/ 1083: /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/work/work/boman/school/qs_cfschool/work/components/shmily-drag-image/shmily-drag-image.vue?vue&type=style&index=0&id=75f788fa&lang=scss&scoped=true& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { // extracted by mini-css-extract-plugin if(false) { var cssReload; } /***/ }) }]); //# sourceMappingURL=../../../../.sourcemap/mp-weixin/work/components/shmily-drag-image/shmily-drag-image.js.map ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([ 'work/components/shmily-drag-image/shmily-drag-image-create-component', { 'work/components/shmily-drag-image/shmily-drag-image-create-component':(function(module, exports, __webpack_require__){ __webpack_require__('2')['createComponent'](__webpack_require__(1077)) }) }, [['work/components/shmily-drag-image/shmily-drag-image-create-component']] ]);