web-component-gallery 0.1.52 → 0.1.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/amap.umd.js +2 -2
- package/dist/form.umd.js +2 -2
- package/dist/index.umd.js +2 -2
- package/lib/form/components/AUpload.vue +21 -24
- package/lib/table/index.vue +2 -2
- package/package.json +1 -1
- package/plugins/lib/form/components/AUpload.vue +21 -24
- package/plugins/lib/table/index.vue +2 -2
package/dist/amap.umd.js
CHANGED
|
@@ -8263,7 +8263,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
|
|
|
8263
8263
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
8264
8264
|
|
|
8265
8265
|
"use strict";
|
|
8266
|
-
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl:
|
|
8266
|
+
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl: String,\n /* 显示需要pin的接口前缀 */\n filePrefixUrl: String,\n /* 上传文件格式限制 */\n fileAccept: String,\n /* 上传文件携带Headers信息 */\n fileHeaders: Object,\n /* 删除文件函数回调 */\n fileRemoveHandle: Function\n },\n data() {\n return {\n fileList: [],\n modalValue: []\n };\n },\n watch: {\n value() {\n this.setResetFile();\n }\n },\n computed: {\n uploadAttrs() {\n return {\n prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n headers: this.fileHeaders ?? this.$store.getters.fileHeaders\n };\n }\n },\n mounted() {\n this.setResetFile();\n },\n methods: {\n setResetFile() {\n let arrayObject;\n try {\n arrayObject = JSON.parse(this.value);\n } catch (e) {\n arrayObject = [].concat(this.value);\n }\n this.modalValue = arrayObject ?? [];\n this.fileList = this.modalValue.map(file => ({\n ...file,\n url: `${this.uploadAttrs.prefix}${file.url}`,\n type: file.contentType,\n status: 'done'\n }));\n },\n handleFilePreview({\n uid,\n contentType,\n url\n }) {\n let suffix = url.substr(url.lastIndexOf('.') + 1);\n const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n this.$viewerApi({\n options: {\n url: 'url',\n toolbar: true,\n initialViewIndex: this.fileList.findIndex(file => file.url == url)\n },\n images: this.fileList\n });\n return;\n }\n this.$dialog('fileBrowse', {\n src: url\n });\n },\n handleFileChange({\n file,\n fileList\n }) {\n file.status == 'uploading' && (this.fileList = fileList);\n switch (file.status) {\n case 'removed':\n const params = {\n id: file.uid\n };\n const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n requestHandle.then(Response => {\n const i = this.modalValue.findIndex(e => e.uid == file.uid);\n this.modalValue.splice(i, 1);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n });\n break;\n case 'done':\n const {\n data\n } = file.response;\n const uploadFileObj = {\n ...data,\n uid: data.id\n };\n delete uploadFileObj.id;\n this.modalValue.push(uploadFileObj);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n break;\n }\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
8267
8267
|
|
|
8268
8268
|
/***/ }),
|
|
8269
8269
|
|
|
@@ -8428,7 +8428,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
8428
8428
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
8429
8429
|
|
|
8430
8430
|
"use strict";
|
|
8431
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", {\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept
|
|
8431
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", _vm._b({\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept\n },\n on: {\n change: _vm.handleFileChange,\n preview: _vm.handleFilePreview,\n reject: function ($event) {\n return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n }\n }\n }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n staticStyle: {\n fontsize: \"36px\"\n },\n attrs: {\n type: \"plus\"\n }\n })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n staticClass: \"tips\"\n }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
8432
8432
|
|
|
8433
8433
|
/***/ }),
|
|
8434
8434
|
|
package/dist/form.umd.js
CHANGED
|
@@ -7011,7 +7011,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
|
|
|
7011
7011
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
7012
7012
|
|
|
7013
7013
|
"use strict";
|
|
7014
|
-
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl:
|
|
7014
|
+
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl: String,\n /* 显示需要pin的接口前缀 */\n filePrefixUrl: String,\n /* 上传文件格式限制 */\n fileAccept: String,\n /* 上传文件携带Headers信息 */\n fileHeaders: Object,\n /* 删除文件函数回调 */\n fileRemoveHandle: Function\n },\n data() {\n return {\n fileList: [],\n modalValue: []\n };\n },\n watch: {\n value() {\n this.setResetFile();\n }\n },\n computed: {\n uploadAttrs() {\n return {\n prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n headers: this.fileHeaders ?? this.$store.getters.fileHeaders\n };\n }\n },\n mounted() {\n this.setResetFile();\n },\n methods: {\n setResetFile() {\n let arrayObject;\n try {\n arrayObject = JSON.parse(this.value);\n } catch (e) {\n arrayObject = [].concat(this.value);\n }\n this.modalValue = arrayObject ?? [];\n this.fileList = this.modalValue.map(file => ({\n ...file,\n url: `${this.uploadAttrs.prefix}${file.url}`,\n type: file.contentType,\n status: 'done'\n }));\n },\n handleFilePreview({\n uid,\n contentType,\n url\n }) {\n let suffix = url.substr(url.lastIndexOf('.') + 1);\n const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n this.$viewerApi({\n options: {\n url: 'url',\n toolbar: true,\n initialViewIndex: this.fileList.findIndex(file => file.url == url)\n },\n images: this.fileList\n });\n return;\n }\n this.$dialog('fileBrowse', {\n src: url\n });\n },\n handleFileChange({\n file,\n fileList\n }) {\n file.status == 'uploading' && (this.fileList = fileList);\n switch (file.status) {\n case 'removed':\n const params = {\n id: file.uid\n };\n const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n requestHandle.then(Response => {\n const i = this.modalValue.findIndex(e => e.uid == file.uid);\n this.modalValue.splice(i, 1);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n });\n break;\n case 'done':\n const {\n data\n } = file.response;\n const uploadFileObj = {\n ...data,\n uid: data.id\n };\n delete uploadFileObj.id;\n this.modalValue.push(uploadFileObj);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n break;\n }\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
7015
7015
|
|
|
7016
7016
|
/***/ }),
|
|
7017
7017
|
|
|
@@ -7110,7 +7110,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
7110
7110
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
7111
7111
|
|
|
7112
7112
|
"use strict";
|
|
7113
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", {\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept
|
|
7113
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", _vm._b({\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept\n },\n on: {\n change: _vm.handleFileChange,\n preview: _vm.handleFilePreview,\n reject: function ($event) {\n return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n }\n }\n }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n staticStyle: {\n fontsize: \"36px\"\n },\n attrs: {\n type: \"plus\"\n }\n })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n staticClass: \"tips\"\n }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
7114
7114
|
|
|
7115
7115
|
/***/ }),
|
|
7116
7116
|
|
package/dist/index.umd.js
CHANGED
|
@@ -8263,7 +8263,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_
|
|
|
8263
8263
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
8264
8264
|
|
|
8265
8265
|
"use strict";
|
|
8266
|
-
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl:
|
|
8266
|
+
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/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 ant_design_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/upload/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n model: {\n prop: 'value',\n event: 'handleFileUpload'\n },\n components: {\n Icon: ant_design_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n Upload: ant_design_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n },\n props: {\n value: {\n type: [String, Array],\n default: () => []\n },\n /* 提示文字 */\n tips: String,\n /* 上传文件数量限制 */\n uploadLen: {\n type: Number,\n default: 1\n },\n /* 上传接口 */\n fileUploadUrl: String,\n /* 显示需要pin的接口前缀 */\n filePrefixUrl: String,\n /* 上传文件格式限制 */\n fileAccept: String,\n /* 上传文件携带Headers信息 */\n fileHeaders: Object,\n /* 删除文件函数回调 */\n fileRemoveHandle: Function\n },\n data() {\n return {\n fileList: [],\n modalValue: []\n };\n },\n watch: {\n value() {\n this.setResetFile();\n }\n },\n computed: {\n uploadAttrs() {\n return {\n prefix: this.filePrefixUrl ?? this.$https.FILEURL,\n action: this.fileUploadUrl ?? this.$https.UPLOADURL,\n headers: this.fileHeaders ?? this.$store.getters.fileHeaders\n };\n }\n },\n mounted() {\n this.setResetFile();\n },\n methods: {\n setResetFile() {\n let arrayObject;\n try {\n arrayObject = JSON.parse(this.value);\n } catch (e) {\n arrayObject = [].concat(this.value);\n }\n this.modalValue = arrayObject ?? [];\n this.fileList = this.modalValue.map(file => ({\n ...file,\n url: `${this.uploadAttrs.prefix}${file.url}`,\n type: file.contentType,\n status: 'done'\n }));\n },\n handleFilePreview({\n uid,\n contentType,\n url\n }) {\n let suffix = url.substr(url.lastIndexOf('.') + 1);\n const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP'];\n if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {\n this.$viewerApi({\n options: {\n url: 'url',\n toolbar: true,\n initialViewIndex: this.fileList.findIndex(file => file.url == url)\n },\n images: this.fileList\n });\n return;\n }\n this.$dialog('fileBrowse', {\n src: url\n });\n },\n handleFileChange({\n file,\n fileList\n }) {\n file.status == 'uploading' && (this.fileList = fileList);\n switch (file.status) {\n case 'removed':\n const params = {\n id: file.uid\n };\n const requestHandle = this.fileRemoveHandle ? this.fileRemoveHandle(params) : this.$store.dispatch('fileRemoveHandle', params);\n requestHandle.then(Response => {\n const i = this.modalValue.findIndex(e => e.uid == file.uid);\n this.modalValue.splice(i, 1);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n });\n break;\n case 'done':\n const {\n data\n } = file.response;\n const uploadFileObj = {\n ...data,\n uid: data.id\n };\n delete uploadFileObj.id;\n this.modalValue.push(uploadFileObj);\n this.$emit('handleFileUpload', JSON.stringify(this.modalValue));\n break;\n }\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
8267
8267
|
|
|
8268
8268
|
/***/ }),
|
|
8269
8269
|
|
|
@@ -8428,7 +8428,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
8428
8428
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
8429
8429
|
|
|
8430
8430
|
"use strict";
|
|
8431
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", {\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept
|
|
8431
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: function() { return /* binding */ render; },\n/* harmony export */ staticRenderFns: function() { return /* binding */ staticRenderFns; }\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"TAntdUpload\"\n }, [_c(\"Upload\", _vm._b({\n attrs: {\n name: \"file\",\n \"file-list\": _vm.fileList,\n \"list-type\": \"picture-card\",\n accept: _vm.fileAccept\n },\n on: {\n change: _vm.handleFileChange,\n preview: _vm.handleFilePreview,\n reject: function ($event) {\n return _vm.$message.error(`上传文件类型只能为${_vm.fileAccept}`);\n }\n }\n }, \"Upload\", _vm.uploadAttrs, false), [!_vm.fileList || _vm.fileList.length < _vm.uploadLen ? _c(\"div\", [_c(\"Icon\", {\n staticStyle: {\n fontsize: \"36px\"\n },\n attrs: {\n type: \"plus\"\n }\n })], 1) : _vm._e()]), _vm._v(\" \"), _vm.tips ? _c(\"span\", {\n staticClass: \"tips\"\n }, [_vm._v(_vm._s(_vm.tips))]) : _vm._e()], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/AUpload.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
|
|
8432
8432
|
|
|
8433
8433
|
/***/ }),
|
|
8434
8434
|
|
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
:file-list="fileList"
|
|
6
6
|
list-type="picture-card"
|
|
7
7
|
:accept="fileAccept"
|
|
8
|
-
|
|
9
|
-
:headers="fileHeaders"
|
|
8
|
+
v-bind="uploadAttrs"
|
|
10
9
|
@change="handleFileChange"
|
|
11
10
|
@preview="handleFilePreview"
|
|
12
11
|
@reject="$message.error(`上传文件类型只能为${fileAccept}`)"
|
|
@@ -43,37 +42,35 @@ export default {
|
|
|
43
42
|
default: 1
|
|
44
43
|
},
|
|
45
44
|
/* 上传接口 */
|
|
46
|
-
fileUploadUrl:
|
|
47
|
-
type: String,
|
|
48
|
-
default: this.$https.UPLOADURL
|
|
49
|
-
},
|
|
45
|
+
fileUploadUrl: String,
|
|
50
46
|
/* 显示需要pin的接口前缀 */
|
|
51
|
-
filePrefixUrl:
|
|
52
|
-
type: String,
|
|
53
|
-
default: this.$https.FILEURL
|
|
54
|
-
},
|
|
47
|
+
filePrefixUrl: String,
|
|
55
48
|
/* 上传文件格式限制 */
|
|
56
49
|
fileAccept: String,
|
|
57
50
|
/* 上传文件携带Headers信息 */
|
|
58
|
-
fileHeaders:
|
|
59
|
-
type: Object,
|
|
60
|
-
default: () => ({
|
|
61
|
-
token: this.$store.getters.token
|
|
62
|
-
})
|
|
63
|
-
},
|
|
51
|
+
fileHeaders: Object,
|
|
64
52
|
/* 删除文件函数回调 */
|
|
65
53
|
fileRemoveHandle: Function
|
|
66
|
-
},
|
|
54
|
+
},
|
|
67
55
|
data() {
|
|
68
56
|
return {
|
|
69
|
-
fileList: [],
|
|
57
|
+
fileList: [],
|
|
70
58
|
modalValue: []
|
|
71
59
|
}
|
|
72
60
|
},
|
|
73
61
|
watch: {
|
|
74
62
|
value() {
|
|
75
63
|
this.setResetFile()
|
|
76
|
-
}
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
computed: {
|
|
67
|
+
uploadAttrs() {
|
|
68
|
+
return {
|
|
69
|
+
prefix: this.filePrefixUrl ?? this.$https.FILEURL,
|
|
70
|
+
action: this.fileUploadUrl ?? this.$https.UPLOADURL,
|
|
71
|
+
headers: this.fileHeaders ?? this.$store.getters.fileHeaders
|
|
72
|
+
}
|
|
73
|
+
}
|
|
77
74
|
},
|
|
78
75
|
mounted() {
|
|
79
76
|
this.setResetFile()
|
|
@@ -89,7 +86,7 @@ export default {
|
|
|
89
86
|
this.modalValue = arrayObject ?? []
|
|
90
87
|
this.fileList = this.modalValue.map(file => ({
|
|
91
88
|
...file,
|
|
92
|
-
url: `${this.
|
|
89
|
+
url: `${this.uploadAttrs.prefix}${file.url}`,
|
|
93
90
|
type: file.contentType,
|
|
94
91
|
status: 'done'
|
|
95
92
|
}))
|
|
@@ -101,7 +98,7 @@ export default {
|
|
|
101
98
|
const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP']
|
|
102
99
|
|
|
103
100
|
if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {
|
|
104
|
-
this.$viewerApi({
|
|
101
|
+
this.$viewerApi({
|
|
105
102
|
options: {
|
|
106
103
|
url: 'url',
|
|
107
104
|
toolbar: true,
|
|
@@ -115,7 +112,7 @@ export default {
|
|
|
115
112
|
this.$dialog(
|
|
116
113
|
'fileBrowse',
|
|
117
114
|
{ src: url }
|
|
118
|
-
)
|
|
115
|
+
)
|
|
119
116
|
},
|
|
120
117
|
|
|
121
118
|
handleFileChange({ file, fileList }) {
|
|
@@ -132,6 +129,7 @@ export default {
|
|
|
132
129
|
requestHandle.then( Response => {
|
|
133
130
|
const i = this.modalValue.findIndex(e => e.uid == file.uid)
|
|
134
131
|
this.modalValue.splice(i, 1)
|
|
132
|
+
this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
135
133
|
} )
|
|
136
134
|
break
|
|
137
135
|
case 'done':
|
|
@@ -139,10 +137,9 @@ export default {
|
|
|
139
137
|
const uploadFileObj = { ...data, uid: data.id }
|
|
140
138
|
delete uploadFileObj.id
|
|
141
139
|
this.modalValue.push(uploadFileObj)
|
|
140
|
+
this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
142
141
|
break
|
|
143
142
|
}
|
|
144
|
-
|
|
145
|
-
file.status != 'uploading' && this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
146
143
|
}
|
|
147
144
|
}
|
|
148
145
|
}
|
package/lib/table/index.vue
CHANGED
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
>
|
|
17
17
|
<div class="WebComponentTable__List__Title" ref="TableListTitle" slot="title">
|
|
18
18
|
<slot name="ATableTitle" />
|
|
19
|
-
</div>
|
|
19
|
+
</div>
|
|
20
20
|
|
|
21
21
|
<template v-for="{ dataIndex } in $attrs.columns" #[dataIndex]>
|
|
22
22
|
<!-- 自定义头部渲染 -->
|
|
23
23
|
<slot :name="dataIndex" />
|
|
24
24
|
</template>
|
|
25
|
-
|
|
25
|
+
|
|
26
26
|
<template #customRender="text, record, i, column">
|
|
27
27
|
<slot :name="column.dataIndex" :customProps="record" :text="text" :index="i" />
|
|
28
28
|
</template>
|
package/package.json
CHANGED
|
@@ -5,8 +5,7 @@
|
|
|
5
5
|
:file-list="fileList"
|
|
6
6
|
list-type="picture-card"
|
|
7
7
|
:accept="fileAccept"
|
|
8
|
-
|
|
9
|
-
:headers="fileHeaders"
|
|
8
|
+
v-bind="uploadAttrs"
|
|
10
9
|
@change="handleFileChange"
|
|
11
10
|
@preview="handleFilePreview"
|
|
12
11
|
@reject="$message.error(`上传文件类型只能为${fileAccept}`)"
|
|
@@ -43,37 +42,35 @@ export default {
|
|
|
43
42
|
default: 1
|
|
44
43
|
},
|
|
45
44
|
/* 上传接口 */
|
|
46
|
-
fileUploadUrl:
|
|
47
|
-
type: String,
|
|
48
|
-
default: this.$https.UPLOADURL
|
|
49
|
-
},
|
|
45
|
+
fileUploadUrl: String,
|
|
50
46
|
/* 显示需要pin的接口前缀 */
|
|
51
|
-
filePrefixUrl:
|
|
52
|
-
type: String,
|
|
53
|
-
default: this.$https.FILEURL
|
|
54
|
-
},
|
|
47
|
+
filePrefixUrl: String,
|
|
55
48
|
/* 上传文件格式限制 */
|
|
56
49
|
fileAccept: String,
|
|
57
50
|
/* 上传文件携带Headers信息 */
|
|
58
|
-
fileHeaders:
|
|
59
|
-
type: Object,
|
|
60
|
-
default: () => ({
|
|
61
|
-
token: this.$store.getters.token
|
|
62
|
-
})
|
|
63
|
-
},
|
|
51
|
+
fileHeaders: Object,
|
|
64
52
|
/* 删除文件函数回调 */
|
|
65
53
|
fileRemoveHandle: Function
|
|
66
|
-
},
|
|
54
|
+
},
|
|
67
55
|
data() {
|
|
68
56
|
return {
|
|
69
|
-
fileList: [],
|
|
57
|
+
fileList: [],
|
|
70
58
|
modalValue: []
|
|
71
59
|
}
|
|
72
60
|
},
|
|
73
61
|
watch: {
|
|
74
62
|
value() {
|
|
75
63
|
this.setResetFile()
|
|
76
|
-
}
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
computed: {
|
|
67
|
+
uploadAttrs() {
|
|
68
|
+
return {
|
|
69
|
+
prefix: this.filePrefixUrl ?? this.$https.FILEURL,
|
|
70
|
+
action: this.fileUploadUrl ?? this.$https.UPLOADURL,
|
|
71
|
+
headers: this.fileHeaders ?? this.$store.getters.fileHeaders
|
|
72
|
+
}
|
|
73
|
+
}
|
|
77
74
|
},
|
|
78
75
|
mounted() {
|
|
79
76
|
this.setResetFile()
|
|
@@ -89,7 +86,7 @@ export default {
|
|
|
89
86
|
this.modalValue = arrayObject ?? []
|
|
90
87
|
this.fileList = this.modalValue.map(file => ({
|
|
91
88
|
...file,
|
|
92
|
-
url: `${this.
|
|
89
|
+
url: `${this.uploadAttrs.prefix}${file.url}`,
|
|
93
90
|
type: file.contentType,
|
|
94
91
|
status: 'done'
|
|
95
92
|
}))
|
|
@@ -101,7 +98,7 @@ export default {
|
|
|
101
98
|
const pictureSuffix = ['JPEG', 'JPG', 'GIF', 'PNG', 'TIFF', 'WEBP', 'BMP']
|
|
102
99
|
|
|
103
100
|
if (contentType.includes('image') || pictureSuffix.includes(suffix.toUpperCase())) {
|
|
104
|
-
this.$viewerApi({
|
|
101
|
+
this.$viewerApi({
|
|
105
102
|
options: {
|
|
106
103
|
url: 'url',
|
|
107
104
|
toolbar: true,
|
|
@@ -115,7 +112,7 @@ export default {
|
|
|
115
112
|
this.$dialog(
|
|
116
113
|
'fileBrowse',
|
|
117
114
|
{ src: url }
|
|
118
|
-
)
|
|
115
|
+
)
|
|
119
116
|
},
|
|
120
117
|
|
|
121
118
|
handleFileChange({ file, fileList }) {
|
|
@@ -132,6 +129,7 @@ export default {
|
|
|
132
129
|
requestHandle.then( Response => {
|
|
133
130
|
const i = this.modalValue.findIndex(e => e.uid == file.uid)
|
|
134
131
|
this.modalValue.splice(i, 1)
|
|
132
|
+
this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
135
133
|
} )
|
|
136
134
|
break
|
|
137
135
|
case 'done':
|
|
@@ -139,10 +137,9 @@ export default {
|
|
|
139
137
|
const uploadFileObj = { ...data, uid: data.id }
|
|
140
138
|
delete uploadFileObj.id
|
|
141
139
|
this.modalValue.push(uploadFileObj)
|
|
140
|
+
this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
142
141
|
break
|
|
143
142
|
}
|
|
144
|
-
|
|
145
|
-
file.status != 'uploading' && this.$emit('handleFileUpload', JSON.stringify(this.modalValue))
|
|
146
143
|
}
|
|
147
144
|
}
|
|
148
145
|
}
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
>
|
|
17
17
|
<div class="WebComponentTable__List__Title" ref="TableListTitle" slot="title">
|
|
18
18
|
<slot name="ATableTitle" />
|
|
19
|
-
</div>
|
|
19
|
+
</div>
|
|
20
20
|
|
|
21
21
|
<template v-for="{ dataIndex } in $attrs.columns" #[dataIndex]>
|
|
22
22
|
<!-- 自定义头部渲染 -->
|
|
23
23
|
<slot :name="dataIndex" />
|
|
24
24
|
</template>
|
|
25
|
-
|
|
25
|
+
|
|
26
26
|
<template #customRender="text, record, i, column">
|
|
27
27
|
<slot :name="column.dataIndex" :customProps="record" :text="text" :index="i" />
|
|
28
28
|
</template>
|