@zscreate/form-component 1.0.7 → 1.0.8
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.
|
@@ -2851,7 +2851,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core
|
|
|
2851
2851
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
2852
2852
|
|
|
2853
2853
|
"use strict";
|
|
2854
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.27.1@core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _mixins_widgetMixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../mixins/widgetMixins */ \"./src/form/mixins/widgetMixins.js\");\n/* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../util/util */ \"./src/form/util/util.js\");\n\n\n //获取文件后缀名\n\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"FileUpload\",\n mixins: [_mixins_widgetMixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n props: {\n widget: {\n type: Object,\n default: () => {\n return {};\n }\n }\n },\n data() {\n return {\n dataModel: [],\n previewVisible: false,\n previewImage: \"\",\n previewType: \"picture\",\n previewPdfSrc: \"\",\n headers: {},\n fileList: [],\n imgUrl: window._CONFIG.imgDomainURL || window._CONFIG.imgUrl\n };\n },\n components: {},\n created() {\n this.showImage();\n },\n methods: {\n //回显\n showImage() {\n this.fileList = this.dataModel.map(item => {\n let tempItem = {\n ...item\n };\n tempItem.url = this.imgUrl + tempItem.url;\n return tempItem;\n });\n },\n previewFile(file) {\n console.log(file);\n },\n getBack(file) {},\n beforeUpload(file, fileList) {\n //上传时候校验\n //文件类型校验\n if (!this.widget.ext.includes((0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name))) {\n this.$message.error(\"不允许上传的文件类型!\");\n return false;\n }\n //文件大小校验\n if (file.size > this.widget.options.fileSize * 1024) {\n this.$message.error(\"文件超出\" + this.widget.options.fileSize + \"kb!\");\n return false;\n }\n },\n filterList(id) {\n this.fileList = this.fileList.filter(item => {\n return item.uid === id;\n });\n },\n resetDataModel() {\n this.dataModel = \"\";\n },\n handleCancel() {\n this.previewVisible = false;\n },\n async handlePreview(file) {\n let ext = (0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name);\n // 判断当前为图片或者pdf就让其预览\n if (!file.url) return;\n if (['png', 'jpg', 'jpeg', 'gif', 'pdf'].includes(ext)) {\n if (ext === 'pdf') {\n this.previewType = \"pdf\";\n this.previewPdfSrc = file.url + '?download=0';\n } else {\n this.previewType = \"picture\";\n this.previewImage = file.url;\n }\n this.previewVisible = true;\n return;\n }\n // 非图片或pdf 文件 直接下载\n const a = document.createElement(\"a\");\n a.href = file.url;\n a.download = file.name;\n a.click();\n },\n handleChange({\n file,\n fileList\n }) {\n //校验 从 本地fileList移除\n if (!this.widget.ext.includes((0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name))) {\n // this.filterList(fileList, file.uid);\n return false;\n }\n if (file.size > this.widget.options.fileSize * 1024) {\n // this.filterList(fileList, file.uid);\n return false;\n }\n this.fileList = fileList;\n if (file.status == \"done\") {\n let response = file.response;\n this.dataModel.push({\n key: file.uid,\n uid: file.uid,\n url: response.message,\n status: \"done\",\n name: file.name\n });\n } else if (file.status == \"removed\") {\n this.dataModel = this.dataModel.filter(item => {\n return item.uid !== file.uid;\n });\n }\n }\n },\n watch: {\n dataModel(val) {\n this.pulishMsg(val);\n // console.log(this.widget.options.canView = false)\n this.$emit(\"updateModels\", val);\n }\n }\n});\n\n//# sourceURL=webpack://form-component/./src/form/modules/components/FileUpload/component.vue?./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options");
|
|
2854
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/_core-js@3.27.1@core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _mixins_widgetMixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../mixins/widgetMixins */ \"./src/form/mixins/widgetMixins.js\");\n/* harmony import */ var _util_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../util/util */ \"./src/form/util/util.js\");\n\n\n //获取文件后缀名\n\nfunction getBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = error => reject(error);\n });\n}\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"FileUpload\",\n mixins: [_mixins_widgetMixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n props: {\n widget: {\n type: Object,\n default: () => {\n return {};\n }\n }\n },\n data() {\n return {\n dataModel: [],\n previewVisible: false,\n previewImage: \"\",\n previewType: \"picture\",\n previewPdfSrc: \"\",\n headers: {},\n fileList: [],\n imgUrl: window._CONFIG.imgDomainURL || window._CONFIG.imgUrl\n };\n },\n components: {},\n created() {\n debugger;\n this.showImage();\n },\n methods: {\n //回显\n showImage() {\n this.fileList = this.dataModel.map(item => {\n let tempItem = {\n uid: '-1',\n ...item,\n status: 'done'\n };\n tempItem.url = this.imgUrl + tempItem.url;\n return tempItem;\n });\n },\n previewFile(file) {\n console.log(file);\n },\n getBack(file) {},\n beforeUpload(file, fileList) {\n //上传时候校验\n //文件类型校验\n if (!this.widget.ext.includes((0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name))) {\n this.$message.error(\"不允许上传的文件类型!\");\n return false;\n }\n //文件大小校验\n if (file.size > this.widget.options.fileSize * 1024) {\n this.$message.error(\"文件超出\" + this.widget.options.fileSize + \"kb!\");\n return false;\n }\n },\n filterList(id) {\n this.fileList = this.fileList.filter(item => {\n return item.uid === id;\n });\n },\n resetDataModel() {\n this.dataModel = \"\";\n },\n handleCancel() {\n this.previewVisible = false;\n },\n async handlePreview(file) {\n let ext = (0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name);\n // 判断当前为图片或者pdf就让其预览\n if (!file.url) return;\n if (['png', 'jpg', 'jpeg', 'gif', 'pdf'].includes(ext)) {\n if (ext === 'pdf') {\n this.previewType = \"pdf\";\n this.previewPdfSrc = file.url + '?download=0';\n } else {\n this.previewType = \"picture\";\n this.previewImage = file.url;\n }\n this.previewVisible = true;\n return;\n }\n // 非图片或pdf 文件 直接下载\n const a = document.createElement(\"a\");\n a.href = file.url;\n a.download = file.name;\n a.click();\n },\n handleChange({\n file,\n fileList\n }) {\n //校验 从 本地fileList移除\n if (!this.widget.ext.includes((0,_util_util__WEBPACK_IMPORTED_MODULE_2__.getFileExt)(file.name))) {\n // this.filterList(fileList, file.uid);\n return false;\n }\n if (file.size > this.widget.options.fileSize * 1024) {\n // this.filterList(fileList, file.uid);\n return false;\n }\n this.fileList = fileList;\n if (file.status == \"done\") {\n let response = file.response;\n this.dataModel.push({\n key: file.uid,\n uid: file.uid,\n url: response.message,\n status: \"done\",\n name: file.name\n });\n } else if (file.status == \"removed\") {\n this.dataModel = this.dataModel.filter(item => {\n return item.uid !== file.uid;\n });\n }\n }\n },\n watch: {\n dataModel(val) {\n this.pulishMsg(val);\n // console.log(this.widget.options.canView = false)\n this.$emit(\"updateModels\", val);\n }\n }\n});\n\n//# sourceURL=webpack://form-component/./src/form/modules/components/FileUpload/component.vue?./node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options");
|
|
2855
2855
|
|
|
2856
2856
|
/***/ }),
|
|
2857
2857
|
|