@gct-paas/core-web 0.1.4-dev.12 → 0.1.4-dev.13

package/es/components/field-upload/src/components/base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs

@@ -0,0 +1,227 @@
+import svg_icon_default from "../../../svg-icon/svg-icon.vue.mjs";
+import { statusEnum } from "../types/index.mjs";
+import { getFileSize, sizeParser, typeParser } from "../hooks/hooks.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { cloneDeep } from "lodash-es";
+import { Uploader, downloadByUrl, t, uuid2 } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/components/field-upload/src/components/base-upload.vue?vue&type=script&name=baseUpload&setup=true&lang.ts
+var _hoisted_1 = { class: "progress-box" };
+var _hoisted_2 = { class: "progress-item__box pl-10px" };
+var _hoisted_3 = { class: "progress-item__name" };
+var _hoisted_4 = ["onClick"];
+var _hoisted_5 = {
+	key: 0,
+	class: "error",
+	style: { "color": "red" }
+};
+var _hoisted_6 = {
+	key: 1,
+	style: { "color": "var(--ant-primary-color)" }
+};
+var base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "base-upload",
+	props: {
+		modelKey: {},
+		modelValue: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		maxCount: {},
+		maxSize: {},
+		accept: {},
+		isTable: { type: Boolean },
+		beforeUpload: { type: Function }
+	},
+	emits: [
+		"update:modelValue",
+		"onBeforeUpload",
+		"saveTableRow"
+	],
+	setup(__props, { emit: __emit }) {
+		const fileLen = ref(0);
+		const fileList = ref([]);
+		const emit = __emit;
+		const props = __props;
+		const fileTypeParser = computed(() => {
+			return (fileName) => {
+				return typeParser(fileName);
+			};
+		});
+		const value = computed({
+			get() {
+				try {
+					return props.modelValue ? props.modelValue.split(",") : [];
+				} catch (error) {
+					return [];
+				}
+			},
+			set(value) {
+				if (value?.length > 0) emit("update:modelValue", value);
+				else emit("update:modelValue", []);
+			}
+		});
+		watch(() => props.modelValue, async () => {
+			const P = (props.modelValue ? props.modelValue.split(",") : []).map(async (url) => {
+				const path = void 0 + url;
+				return {
+					uid: uuid2(16, 16),
+					path,
+					name: url.split("/").at(-1),
+					status: void 0,
+					fileSize: await getFileSize(path),
+					percentNum: 0
+				};
+			});
+			fileList.value = await Promise.all(P);
+		}, { immediate: true });
+		const fileSizeParser = computed(() => {
+			return (size) => {
+				return sizeParser(size);
+			};
+		});
+		const acceptList = computed(() => {
+			const _accept = cloneDeep(props.accept || []);
+			const handleAccept = [...new Set(_accept)];
+			const allAccepts = [];
+			handleAccept.forEach((ext) => {
+				allAccepts.push(ext);
+				if (ext === ext.toLowerCase()) allAccepts.push(ext.toUpperCase());
+				if (ext === ext.toUpperCase()) allAccepts.push(ext.toLowerCase());
+			});
+			return [...new Set(allAccepts)].map((i) => "." + i);
+		});
+		const showUpload = computed(() => {
+			if (props.maxCount === null || props.maxCount === void 0) return true;
+			return fileList.value.length < props.maxCount;
+		});
+		const isMultiple = computed(() => {
+			if (props.maxCount === null || props.maxCount === void 0) return true;
+			return props.maxCount > 1;
+		});
+		async function beforeUploadFn({ file }) {
+			fileLen.value += 1;
+			if (fileLen.value > props.maxCount) {
+				fileLen.value -= 1;
+				return;
+			}
+			fileList.value = [...fileList.value, {
+				uid: file.uid,
+				name: file.name,
+				fileSize: file.size,
+				path: "",
+				percentNum: 0,
+				status: statusEnum.ACTIVE
+			}];
+			await uploadFile(file);
+		}
+		async function uploadFile(file) {
+			let findItem = fileList.value.find((item) => item.uid === file.uid) || {};
+			try {
+				await Uploader.beforeUploadFun(file, {
+					maxSize: props.maxSize || 5,
+					acceptList: (props.accept || []).map((i) => "." + i),
+					beforeUpload: async (file) => {
+						if (props.beforeUpload && Object.prototype.toString.call(props.beforeUpload) === "[object Function]") return props.beforeUpload(file);
+					}
+				});
+				const timer = setInterval(() => {
+					if (findItem["percentNum"] && findItem["percentNum"] < 95) findItem["percentNum"] += 1;
+				}, 100);
+				try {
+					const path = await Uploader.uploadByFile(file, true, props.modelKey);
+					value.value = [...value.value, path];
+					findItem = Object.assign(findItem, {
+						path: void 0 + path,
+						percentNum: 100,
+						status: void 0
+					});
+					clearInterval(timer);
+					await nextTick();
+					/**列字段时候触发保存 */
+					props.isTable && emit("saveTableRow");
+				} catch (err) {
+					fileLen.value -= 1;
+					console.warn(err);
+					findItem["status"] = statusEnum.EXCEPTION;
+					clearInterval(timer);
+				}
+			} catch (error) {
+				fileLen.value -= 1;
+				message.warn(error);
+				fileList.value.splice(fileList.value.length - 1, 1);
+			}
+		}
+		async function deleteFile(index) {
+			fileLen.value -= 1;
+			fileList.value.splice(index, 1);
+			value.value.splice(index, 1);
+			value.value = [...value.value];
+			await nextTick();
+		}
+		async function downFile(item) {
+			downloadByUrl({ url: item.path });
+		}
+		return (_ctx, _cache) => {
+			const _component_a_upload_dragger = resolveComponent("a-upload-dragger");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_progress = resolveComponent("a-progress");
+			const _component_close_outlined = resolveComponent("close-outlined");
+			return withDirectives((openBlock(), createElementBlock("div", null, [withDirectives(createVNode(_component_a_upload_dragger, {
+				style: { "margin-bottom": "16px" },
+				disabled: __props.disabled,
+				"custom-request": beforeUploadFn,
+				multiple: isMultiple.value,
+				"file-list": [],
+				accept: acceptList.value + ""
+			}, {
+				default: withCtx(() => [createElementVNode("div", null, [createVNode(svg_icon_default, {
+					size: "56",
+					name: "folder"
+				})]), _cache[0] || (_cache[0] = createElementVNode("p", {
+					class: "ant-upload-text",
+					style: { "font-size": "14px" }
+				}, " 点击或将文件拖拽到这里上传 ", -1))]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"multiple",
+				"accept"
+			]), [[vShow, showUpload.value]]), createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: "progress-item mb-8px w-full"
+				}, [
+					createVNode(svg_icon_default, {
+						class: "svg-icon",
+						size: item.status ? 32 : 24,
+						name: fileTypeParser.value(item.name)
+					}, null, 8, ["size", "name"]),
+					createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(_component_a_tooltip, null, {
+						title: withCtx(() => [createTextVNode(toDisplayString(item.name), 1)]),
+						default: withCtx(() => [createElementVNode("span", {
+							class: "label",
+							onClick: withModifiers(($event) => downFile(item), ["stop"])
+						}, toDisplayString(item.name), 9, _hoisted_4)]),
+						_: 2
+					}, 1024), item.fileSize ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(["size", { "mr-40px": item.status }])
+					}, toDisplayString(fileSizeParser.value(item.fileSize)), 3)) : createCommentVNode("", true)]), withDirectives(createVNode(_component_a_progress, {
+						"stroke-width": 4,
+						percent: item.percentNum
+					}, {
+						format: withCtx((percent) => [item.status === unref(statusEnum).EXCEPTION ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("sys.component.upload.uploadError")) + "！", 1)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(percent + "%"), 1))]),
+						_: 2
+					}, 1032, ["percent"]), [[vShow, item.status]])]),
+					!__props.disabled ? (openBlock(), createBlock(_component_close_outlined, {
+						key: 0,
+						class: "mt-3px icon",
+						onClick: withModifiers(($event) => deleteFile(index), ["stop"])
+					}, null, 8, ["onClick"])) : createCommentVNode("", true)
+				]);
+			}), 128))])], 512)), [[vShow, !__props.readonly]]);
+		};
+	}
+});
+//#endregion
+export { base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default as default };

package/es/components/field-upload/src/components/base-upload.vue_vue_type_style_index_0_scoped_f53b6ac6_lang.css

@@ -0,0 +1,76 @@
+.progress-box[data-v-f53b6ac6] {
+  max-height: 320px;
+  overflow-y: auto;
+}
+.progress-box[data-v-f53b6ac6]::-webkit-scrollbar {
+  display: block;
+  width: 4px;
+}
+.progress-item[data-v-f53b6ac6] {
+  display: flex;
+  justify-content: flex-start;
+}
+.progress-item .svg-icon[data-v-f53b6ac6] {
+  width: 32px;
+  height: 32px;
+}
+.progress-item__box[data-v-f53b6ac6] {
+  display: flex;
+  flex-direction: column;
+  align-self: center;
+  width: calc(100% - 72px);
+  line-height: 22px;
+}
+.progress-item__box[data-v-f53b6ac6] .ant-progress {
+  line-height: 0.4;
+}
+.progress-item__box[data-v-f53b6ac6] .ant-progress .ant-progress-text {
+  position: absolute;
+  top: -14px;
+  right: 0;
+  color: #797a7d;
+  line-height: 0.6;
+}
+.progress-item__box[data-v-f53b6ac6] .ant-progress .ant-progress-text:has(.error) {
+  right: 30px;
+}
+.progress-item__box[data-v-f53b6ac6] .ant-progress-show-info .ant-progress-outer {
+  margin-right: 0;
+  padding-right: 0;
+}
+.progress-item__box[data-v-f53b6ac6] .ant-progress-show-info .ant-progress-outer .ant-progress-inner {
+  background: #e6e9ef;
+}
+.progress-item__name[data-v-f53b6ac6] {
+  display: flex;
+  width: 100%;
+}
+.progress-item__name .label[data-v-f53b6ac6] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.progress-item__name .label[data-v-f53b6ac6]:hover {
+  color: var(--ant-primary-color);
+}
+.progress-item__name .size[data-v-f53b6ac6] {
+  margin-left: 16px;
+  color: #c3c3c3;
+}
+.progress-item .icon[data-v-f53b6ac6] {
+  align-self: center;
+  margin-left: 24px;
+  color: #212528;
+  font-size: 16px;
+  justify-items: flex-end;
+}
+[data-v-f53b6ac6] .ant-upload.ant-upload-drag {
+  background: #f7f8fa;
+}
+[data-v-f53b6ac6] .ant-upload.ant-upload-drag.ant-upload-disabled {
+  opacity: 0.5;
+}
+[data-v-f53b6ac6] .ant-upload.ant-upload-drag .ant-upload {
+  padding: 40px 0;
+}

package/es/components/field-upload/src/components/file-list.vue.d.ts

@@ -0,0 +1,17 @@
+import { fileType } from '../types';
+import { MaterialEnum } from '@gct-paas/core';
+interface IProps {
+    showType: 'Card' | 'List';
+    fileList: fileType[];
+    isDesign: boolean;
+    materialType: MaterialEnum;
+    hasSize: boolean;
+    nameClick?: (item: fileType) => void;
+    hideSwitch?: boolean;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:showType": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:showType"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/field-upload/src/components/file-list.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import file_list_vue_vue_type_script_setup_true_name_fileList_lang_default from "./file-list.vue_vue_type_script_setup_true_name_fileList_lang.mjs";
+import './file-list.vue_vue_type_style_index_0_scoped_3918aad0_lang.css';/* empty css                                                                */
+//#region src/components/field-upload/src/components/file-list.vue
+var file_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(file_list_vue_vue_type_script_setup_true_name_fileList_lang_default, [["__scopeId", "data-v-3918aad0"]]);
+//#endregion
+export { file_list_default as default };

package/es/components/field-upload/src/components/file-list.vue_vue_type_script_setup_true_name_fileList_lang.mjs

@@ -0,0 +1,129 @@
+import svg_icon_default from "../../../svg-icon/svg-icon.vue.mjs";
+import { sizeParser, typeParser } from "../hooks/hooks.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { isFunction } from "lodash-es";
+import { MaterialEnum, downloadByUrl } from "@gct-paas/core";
+//#region src/components/field-upload/src/components/file-list.vue?vue&type=script&setup=true&name=fileList&lang.ts
+var _hoisted_1 = { class: "file-list" };
+var _hoisted_2 = {
+	key: 0,
+	class: "file-list__header"
+};
+var _hoisted_3 = ["onClick"];
+var _hoisted_4 = { class: "file-list__item-name" };
+var _hoisted_5 = ["onClick"];
+var _hoisted_6 = ["onClick"];
+var file_list_vue_vue_type_script_setup_true_name_fileList_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "file-list",
+	props: {
+		showType: {},
+		fileList: {},
+		isDesign: { type: Boolean },
+		materialType: {},
+		hasSize: { type: Boolean },
+		nameClick: { type: Function },
+		hideSwitch: { type: Boolean }
+	},
+	emits: ["update:showType"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const filesList = ref([]);
+		const switchIcons = [{
+			icon: "icon-liebiaozhanshi",
+			name: "List",
+			key: "switch_icon_list"
+		}, {
+			icon: "icon-kapianzhanshi",
+			name: "Card",
+			key: "switch_icon_card"
+		}];
+		watch(() => props.fileList, async (val) => {
+			if (!props.isDesign && props.hasSize) {
+				const ids = props.fileList.map((i) => {
+					return i.path.split("/")[2];
+				});
+				filesList.value = (await _api.apaas.fileResource.postList({ ids }) || []).map((item) => {
+					const minio = void 0;
+					return {
+						path: /^\/w/.test(item.url) ? `${minio}${item.url}` : `${minio}/${item.url}`,
+						name: item.name,
+						size: item.size
+					};
+				});
+			} else filesList.value = val.map((item) => {
+				return typeof item === "string" ? {
+					name: getFileName(item),
+					path: item
+				} : item;
+			});
+		}, { immediate: true });
+		const getFileName = (path) => {
+			const parts = path.split("/");
+			return parts[parts.length - 1];
+		};
+		const fileTypeParser = computed(() => {
+			return (item) => {
+				if (item?.type === "external") return "link";
+				return typeParser(item?.name ?? item);
+			};
+		});
+		const fileSizeParser = computed(() => {
+			return (size) => {
+				return sizeParser(size);
+			};
+		});
+		const onChangeTypeTab = (data) => {
+			emit("update:showType", data.name);
+		};
+		async function downFile(item) {
+			if (props.isDesign) return;
+			if (props.nameClick && isFunction(props.nameClick)) props.nameClick(item);
+			else downloadByUrl({ url: item.path });
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return openBlock(), createElementBlock("div", _hoisted_1, [!__props.hideSwitch ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock(Fragment, null, renderList(switchIcons, (tab) => {
+				return createElementVNode("div", {
+					key: tab.key,
+					class: normalizeClass(["switch-item", [__props.showType === tab.name && "selected"]]),
+					onClick: withModifiers(() => onChangeTypeTab(tab), ["stop"])
+				}, [createElementVNode("i", { class: normalizeClass(["iconfont", tab.icon]) }, null, 2)], 10, _hoisted_3);
+			}), 64))])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass([
+				"file-list__list",
+				__props.showType === "Card" ? "flex-card" : "flex-list",
+				!!__props.hideSwitch ? "hide-switch" : ""
+			]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filesList.value, (file, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: index,
+					class: normalizeClass([
+						"file-list__item",
+						__props.isDesign ? "is-design" : "",
+						{ "material-table-field": __props.materialType === unref(MaterialEnum).MaterialTableField }
+					])
+				}, [
+					createVNode(svg_icon_default, {
+						class: normalizeClass(["file-list__item-svg", !__props.hasSize ? "no-size" : ""]),
+						size: __props.showType === "Card" ? 32 : 24,
+						name: fileTypeParser.value(file)
+					}, null, 8, [
+						"class",
+						"size",
+						"name"
+					]),
+					createElementVNode("div", _hoisted_4, [__props.isDesign ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						onClick: withModifiers(($event) => downFile(file), ["stop"])
+					}, toDisplayString(file.name), 9, _hoisted_5)) : (openBlock(), createBlock(_component_a_tooltip, { key: 1 }, {
+						title: withCtx(() => [createTextVNode(toDisplayString(file.name), 1)]),
+						default: withCtx(() => [createElementVNode("span", { onClick: withModifiers(($event) => downFile(file), ["stop"]) }, toDisplayString(file.name), 9, _hoisted_6)]),
+						_: 2
+					}, 1024))]),
+					createElementVNode("span", { class: normalizeClass(["file-list__item-size", [__props.isDesign ? "is-design" : ""]]) }, toDisplayString(__props.hasSize ? fileSizeParser.value(file.size) : ""), 3)
+				], 2);
+			}), 128))], 2)]);
+		};
+	}
+});
+//#endregion
+export { file_list_vue_vue_type_script_setup_true_name_fileList_lang_default as default };

package/es/components/field-upload/src/components/file-list.vue_vue_type_style_index_0_scoped_3918aad0_lang.css

@@ -0,0 +1,129 @@
+.file-list__header[data-v-3918aad0] {
+  width: 64px;
+  height: 32px;
+  padding: 4px;
+  border-radius: 4px;
+  background: #f3f5f9;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.file-list__header .switch-item[data-v-3918aad0] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  color: #c9cede;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.file-list__header .switch-item .iconfont[data-v-3918aad0] {
+  width: 24px;
+  height: 24px;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+}
+.file-list__header .switch-item.selected[data-v-3918aad0] {
+  background-color: #fff;
+  color: #384356;
+}
+.file-list__list[data-v-3918aad0] {
+  margin-top: 12px;
+  display: flex;
+}
+.file-list__list.hide-switch[data-v-3918aad0] {
+  margin-top: 0;
+}
+.file-list__list[data-v-3918aad0]::-webkit-scrollbar {
+  display: block;
+  width: 4px;
+}
+.file-list__list.flex-card[data-v-3918aad0] {
+  flex-direction: row;
+  flex-wrap: wrap;
+  max-height: 372px;
+  overflow-y: auto;
+}
+.file-list__list.flex-card .file-list__item[data-v-3918aad0] {
+  flex-direction: column;
+  text-align: center;
+  width: 115px;
+  background: #fff;
+  margin-right: 10px;
+  padding: 16px 10px;
+  border: 1px solid #e8ebf0;
+  border-radius: 4px 4px 4px 4px;
+}
+.file-list__list.flex-card .file-list__item.material-table-field[data-v-3918aad0]:nth-child(3n + 3) {
+  margin-right: 0;
+}
+.file-list__list.flex-card .file-list__item-svg[data-v-3918aad0] {
+  margin: 0 auto;
+}
+.file-list__list.flex-card .file-list__item-svg.no-size[data-v-3918aad0] {
+  margin-top: 6px;
+}
+.file-list__list.flex-card .file-list__item-name[data-v-3918aad0] {
+  width: 100%;
+  height: 22px;
+  line-height: 22px;
+  margin: 8px auto 0;
+}
+.file-list__list.flex-card .file-list__item-size[data-v-3918aad0] {
+  line-height: 18px;
+  margin-top: 2px;
+  font-size: 12px;
+  color: #c3c3c3;
+}
+.file-list__list.flex-card .file-list__item[data-v-3918aad0]:hover {
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
+  border-color: #fff;
+}
+.file-list__list.flex-card .file-list__item:hover .file-list__item-size.is-design[data-v-3918aad0] {
+  color: #c3c3c3;
+}
+.file-list__list.flex-list[data-v-3918aad0] {
+  flex-direction: column;
+  max-height: 320px;
+  overflow-y: auto;
+}
+.file-list__list.flex-list .file-list__item[data-v-3918aad0] {
+  line-height: 24px;
+}
+.file-list__list.flex-list .file-list__item-name[data-v-3918aad0] {
+  height: 24px;
+  width: calc(100% - 26px);
+  margin-left: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.file-list__list.flex-list .file-list__item-size[data-v-3918aad0] {
+  margin-left: 16px;
+  margin-right: 3px;
+}
+.file-list__item[data-v-3918aad0] {
+  display: flex;
+  margin-top: 2px;
+  margin-bottom: 6px;
+}
+.file-list__item-name span[data-v-3918aad0] {
+  display: inline-block;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.file-list__item-size[data-v-3918aad0] {
+  color: #c3c3c3;
+}
+.file-list__item[data-v-3918aad0]:hover {
+  cursor: pointer;
+  color: var(--ant-primary-color);
+}
+.file-list__item.is-design[data-v-3918aad0] {
+  cursor: default;
+  color: rgba(0, 0, 0, 0.85);
+}

package/es/components/field-upload/src/components/upload-design.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    disabled: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/field-upload/src/components/upload-design.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default from "./upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs";
+import './upload-design.vue_vue_type_style_index_0_scoped_1e5189c1_lang.css';/* empty css                                                                    */
+//#region src/components/field-upload/src/components/upload-design.vue
+var upload_design_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default, [["__scopeId", "data-v-1e5189c1"]]);
+//#endregion
+export { upload_design_default as default };

package/es/components/field-upload/src/components/upload-design.vue_vue_type_script_name_UploadDesign_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import svg_icon_default from "../../../svg-icon/svg-icon.vue.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/field-upload/src/components/upload-design.vue?vue&type=script&name=UploadDesign&setup=true&lang.ts
+var _hoisted_1 = { class: "upload-design" };
+var _hoisted_2 = { style: { "pointer-events": "none" } };
+var _hoisted_3 = { class: "progress-wrap" };
+var _hoisted_4 = { class: "progress-box text-sm" };
+var upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "upload-design",
+	props: { disabled: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_a_upload_dragger = resolveComponent("a-upload-dragger");
+			const _component_a_progress = resolveComponent("a-progress");
+			const _component_close_outlined = resolveComponent("close-outlined");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(_component_a_upload_dragger, {
+				"file-list": [],
+				disabled: __props.disabled
+			}, {
+				default: withCtx(() => [createElementVNode("div", null, [createVNode(svg_icon_default, {
+					size: "56",
+					name: "folder"
+				})]), _cache[0] || (_cache[0] = createElementVNode("p", {
+					class: "ant-upload-text",
+					style: { "font-size": "14px" }
+				}, " 点击或将文件拖拽到这里上传 ", -1))]),
+				_: 1
+			}, 8, ["disabled"])]), createElementVNode("div", _hoisted_3, [
+				createVNode(svg_icon_default, {
+					size: "32",
+					name: "doc"
+				}),
+				createElementVNode("div", _hoisted_4, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "left w-full" }, [createElementVNode("span", { class: "label" }, "示例内容.docx"), createElementVNode("span", { class: "size ml-16px text-[#C3C3C3]" }, "88M")], -1)), createVNode(_component_a_progress, {
+					"stroke-width": 4,
+					percent: 88
+				})]),
+				createVNode(_component_close_outlined, { class: "mt-3px icon" })
+			])]);
+		};
+	}
+});
+//#endregion
+export { upload_design_vue_vue_type_script_name_UploadDesign_setup_true_lang_default as default };