fhrons-mobile-next 2.0.0 → 2.0.1

package/packages/theme/theme.less

@@ -0,0 +1,26 @@
+.theme-color {
+	color: var(--theme-color100);
+}
+.theme-dark-bg {
+	background-color: var(--theme-color100);
+}
+.theme-bg {
+	background-color: var(--theme-color10);
+}
+/**  生成0-100 透明度的主题色 */
+.generate-theme-color(@i) when (@i >=0) {
+	.theme-color-@{i} {
+		color: ~"var(--theme-color@{i}) !important";
+	}
+
+	.bgc-theme-@{i} {
+		background-color: ~"var(--theme-color@{i}) !important";
+	}
+
+	.bdc-theme-@{i} {
+		border-color: ~"var(--theme-color@{i}) !important";
+	}
+	.generate-theme-color(@i - 1);
+}
+
+.generate-theme-color(100);

package/packages/uploadFile/VanUploadFile.vue

@@ -0,0 +1,80 @@
+<template>
+	<van-uploader id="VanUploadFile" class="van-uploadFile" v-bind="$attrs" v-model="vanFileList" :after-read="vanAfterRead" :preview-options="previewOptions" upload-icon=" iconfont icon-tianjia ft24 c-7f808a" @oversize="() => $emit('oversize', arguments)" @click-preview="() => $emit('click-preview', arguments)" @close-preview="() => $emit('close-preview', arguments)" @delete="() => $emit('delete', arguments)">
+		<slot name="default"></slot>
+		<slot name="preview-cover"></slot>
+	</van-uploader>
+</template>
+
+<script>
+export default {
+	name: "VanUploadFile",
+	props: {
+		afterRead: {
+			type: Function,
+			default: function () {},
+		},
+		previewOptions: {
+			closeable: true,
+		},
+		fileList: {
+			type: Array,
+			default: () => [],
+		},
+	},
+	watch: {
+		fileList: {
+			handler(newVal, oldVal) {
+				this.$set(this, "vanFileList", newVal);
+			},
+			deep: true,
+		},
+	},
+	data() {
+		return {
+			vanFileList: [],
+		};
+	},
+	created() {
+		console.log(this);
+		this.vanFileList = this.fileList;
+	},
+	methods: {
+		vanAfterRead(fileArr, details) {
+			const { index } = details;
+			if (!Array.isArray(fileArr)) fileArr = [fileArr];
+			fileArr.forEach((item, index) => {
+				fileArr[index].status = "uploading";
+				fileArr[index].message = this.$t("workorder.uploadfile.224534");
+			});
+			const uploadArr = fileArr.map((file) => {
+				return FHCommon.upload({ file });
+			});
+			Promise.all(uploadArr)
+				.then((resArr) => {
+					const resultArr = resArr.map((res) => {
+						return {
+							url: res,
+							status: "done",
+							message: this.$t("componentsfile.uploadfile.7b44sh"),
+						};
+					});
+					console.log(this.fileList, index);
+					this.fileList.splice(index, resultArr.length, ...resultArr);
+					fileArr.forEach((item) => {
+						item.status = "done";
+					});
+
+					this.afterRead(fileArr, details, this.fileList);
+				})
+				.catch((err) => {
+					fileArr.forEach((item) => {
+						item.status = "failed";
+						item.message = this.$t("aqcomponents.offline.u15l63");
+					});
+				});
+		},
+	},
+};
+</script>
+
+<style lang="less" scoped></style>

package/packages/uploadFile/index.js

@@ -0,0 +1,5 @@
+import UploadFile from './index.vue';
+UploadFile.install = (Vue) => {
+    Vue.component(UploadFile.name, UploadFile);
+};
+export default UploadFile;