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

package/es/components/UserPick/src/hooks.mjs

@@ -0,0 +1,94 @@
+import { reactive, ref, toRaw } from "vue";
+import { cloneDeep } from "lodash-es";
+//#region src/components/UserPick/src/hooks.ts
+function useModalPickerCom({ getUserOptions, getUserByIds, getDeptOptions }) {
+	const orgsOptions = ref([]);
+	const treeData = ref([]);
+	const userData = ref([]);
+	const selectedKeys = ref([]);
+	const checkedUsers = ref([]);
+	const UsersMap = reactive({});
+	const checkedDepts = ref({ checked: [] });
+	const orgId = ref("");
+	async function ready({ userIds = [], deptIds = [] } = {}, userFlag = true) {
+		await initDeptTree();
+		checkedDepts.value.checked = cloneDeep(deptIds || []);
+		if (userFlag) addUserByids(cloneDeep(userIds || []));
+	}
+	async function initDeptTree() {
+		const orgs = await getDeptOptions();
+		orgs?.forEach((i) => {
+			if (!orgs.find((o) => o.id === i.parentId)) i.parentId = "ROOT";
+		});
+		orgsOptions.value = orgs;
+		treeData.value = transformTreeData(orgs);
+	}
+	async function getUserTree(keyword) {
+		const { data = [] } = await getUserOptions({
+			orgId: orgId.value,
+			pageNo: 1,
+			pageSize: 9999,
+			keyword
+		}) || {};
+		userData.value = data;
+	}
+	async function selectTreeNode(key) {
+		orgId.value = key;
+		selectedKeys.value = [key];
+		await getUserTree();
+	}
+	function checkedBox(e, value, multiple) {
+		if (e.target.checked) {
+			if (multiple) checkedUsers.value.push(value.id);
+			else checkedUsers.value = [value.id];
+			UsersMap[value.id] = toRaw(value);
+		} else {
+			const index = checkedUsers.value.findIndex((i) => i === value.id);
+			checkedUsers.value.splice(index, 1);
+			UsersMap[value.id] = void 0;
+		}
+	}
+	async function addUserByids(userIds) {
+		checkedUsers.value = userIds;
+		const key = treeData.value[0]?.key;
+		if (key) await selectTreeNode(key);
+		userIds.forEach(async (id) => {
+			const user = userData.value.find((i) => i.id === id);
+			if (user) UsersMap[id] = user;
+			else UsersMap[id] = (await getUserByIds({ ids: id }) || [])[0];
+		});
+	}
+	return {
+		treeData,
+		selectedKeys,
+		userData,
+		selectTreeNode,
+		getUserTree,
+		checkedBox,
+		checkedDepts,
+		checkedUsers,
+		UsersMap,
+		orgsOptions,
+		ready
+	};
+}
+/**
+* 将后端扁平化数据解析成树结构的方法
+* @param list 树LIST
+* @param parentId 父ID
+* @returns 包含children的树结构
+*/
+function transformTreeData(list, parentId = "ROOT") {
+	const tree = [];
+	for (const node of list) if (node.parentId === parentId) {
+		const item = transformTreeData(list, node.id);
+		if (item.length > 0) node.children = item;
+		else node.children = [];
+		node.key = node.id;
+		node.title = node.name;
+		tree.push(node);
+	}
+	return tree;
+}
+//#endregion
+export { useModalPickerCom };

package/es/components/UserPick/src/user-pick.vue.d.ts

@@ -0,0 +1,17 @@
+import { PickType } from '../index';
+type __VLS_Props = {
+    getUserOptions: Fn;
+    getUserByIds: Fn;
+    destroyVm: Fn;
+    getDeptOptions: Fn;
+    type: PickType;
+};
+declare function openPickerByDept({ deptIds, multiple, callback }: IObject): void;
+declare function openPickerByUser({ userIds, multiple, callback }: IObject): void;
+declare function openPicker({ userIds, deptIds, callback }: IObject): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    openPickerByUser: typeof openPickerByUser;
+    openPicker: typeof openPicker;
+    openPickerByDept: typeof openPickerByDept;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/UserPick/src/user-pick.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import user_pick_vue_vue_type_script_setup_true_lang_default from "./user-pick.vue_vue_type_script_setup_true_lang.mjs";
+import './user-pick.vue_vue_type_style_index_0_scoped_081b9663_lang.css';/* empty css                                                                */
+//#region src/components/UserPick/src/user-pick.vue
+var user_pick_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_pick_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-081b9663"]]);
+//#endregion
+export { user_pick_default as default };

package/es/components/UserPick/src/user-pick.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,280 @@
+import { useModalPickerCom } from "./hooks.mjs";
+import user_item_default from "./components/user-item.vue.mjs";
+import dept_item_default from "./components/dept-item.vue.mjs";
+import "../../../loader.mjs";
+import { PickType } from "../index.mjs";
+import { useModal as useModal$1 } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../modules/global-modal/index.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, reactive, ref, renderList, resolveComponent, toDisplayString, toRaw, unref, vShow, withCtx, withDirectives } from "vue";
+import { t } from "@gct-paas/core";
+import { Checkbox, Empty, Input, Tree } from "ant-design-vue";
+//#region src/components/UserPick/src/user-pick.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "ks-row main" };
+var _hoisted_2 = { class: "h50% ks-col ks-row flex-col" };
+var _hoisted_3 = { class: "h40px text-center leading-10 font-bold baseborder border-0 border-b border-r" };
+var _hoisted_4 = { class: "ks-col overflow-x-auto pt10px" };
+var _hoisted_5 = {
+	key: 0,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_6 = { class: "baseborder border-t border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_7 = { class: "overflow-x-auto ks-col p10px" };
+var _hoisted_8 = {
+	key: 0,
+	class: "shrink-0 ks-row w-11/36 flex-col"
+};
+var _hoisted_9 = { class: "baseborder border-0 border-b h40px text-center leading-10" };
+var _hoisted_10 = { class: "p5px" };
+var _hoisted_11 = { class: "overflow-x-auto ks-col ml5px mr5px" };
+var _hoisted_12 = {
+	key: 0,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_13 = { class: "baseborder border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_14 = { class: "overflow-x-auto ks-col pt5px" };
+var _hoisted_15 = {
+	key: 1,
+	class: "h50% ks-col ks-row flex-col"
+};
+var _hoisted_16 = { class: "baseborder border-t border-0 border-b border-l h40px text-center leading-10" };
+var _hoisted_17 = { class: "overflow-x-auto ks-col pt5px" };
+var PickerEnums = /* @__PURE__ */ function(PickerEnums) {
+	PickerEnums["USER"] = "picker_user";
+	PickerEnums["DEPT"] = "picker_dept";
+	PickerEnums["ALL"] = "pickker_all";
+	return PickerEnums;
+}(PickerEnums || {});
+var user_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-pick",
+	props: {
+		getUserOptions: {},
+		getUserByIds: {},
+		destroyVm: {},
+		getDeptOptions: {},
+		type: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const pickerMultiple = ref(true);
+		const visibleUser = ref([]);
+		const { getUserOptions, getUserByIds, destroyVm, getDeptOptions } = reactive(props);
+		if (props.type === PickType.ViSIBLE)
+ /**
+		* 用户组加载可选人员
+		*/
+		_api.apaas.designerCommon.getGetVisibleUser().then((res) => {
+			visibleUser.value = res;
+		});
+		let callbackFun;
+		const { treeData, selectedKeys, selectTreeNode, userData, getUserTree, checkedBox, checkedUsers, checkedDepts, UsersMap, orgsOptions, ready } = useModalPickerCom({
+			getUserOptions,
+			getUserByIds,
+			getDeptOptions
+		});
+		const [register, { openModal, closeModal }] = useModal$1();
+		const userName = ref("");
+		const title = ref("");
+		const pickerType = ref(PickerEnums.ALL);
+		function handleOk() {
+			closeModal();
+			if (pickerType.value === PickerEnums.ALL) {
+				let userMaps = checkedUsers.value.map((i) => toRaw(UsersMap[i]));
+				let DeptMaps = checkedDepts.value.checked.map((i) => {
+					return toRaw(orgsOptions.value.find((org) => org.id === i));
+				});
+				callbackFun({
+					userIds: toRaw(checkedUsers.value),
+					deptIds: toRaw(checkedDepts.value.checked)
+				}, {
+					userMaps,
+					DeptMaps
+				});
+			}
+			if (pickerType.value === PickerEnums.USER) {
+				let usermaps = checkedUsers.value.map((i) => toRaw(UsersMap[i]));
+				callbackFun(toRaw(checkedUsers.value), toRaw(usermaps));
+			}
+			if (pickerType.value === PickerEnums.DEPT) {
+				let DeptMaps = checkedDepts.value.checked.map((i) => {
+					return toRaw(orgsOptions.value.find((org) => org.id === i));
+				});
+				callbackFun(toRaw(checkedDepts.value.checked), DeptMaps);
+			}
+			destroyVm();
+		}
+		function openPickerByDept({ deptIds, multiple, callback }) {
+			ready({ deptIds }, false);
+			callbackFun = callback;
+			pickerType.value = PickerEnums.DEPT;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = multiple;
+			openModal();
+		}
+		function openPickerByUser({ userIds, multiple, callback }) {
+			ready({ userIds });
+			callbackFun = callback;
+			pickerType.value = PickerEnums.USER;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = multiple;
+			openModal();
+		}
+		function openPicker({ userIds, deptIds, callback }) {
+			ready({
+				userIds,
+				deptIds
+			});
+			callbackFun = callback;
+			pickerType.value = PickerEnums.ALL;
+			title.value = t("sys.org." + pickerType.value);
+			pickerMultiple.value = true;
+			openModal();
+		}
+		function selectNode(keys) {
+			let key = keys[0];
+			key && selectTreeNode(key);
+		}
+		function change() {
+			getUserTree(userName.value);
+		}
+		function onCancel() {
+			destroyVm();
+		}
+		/**
+		* 部门单选控制
+		*/
+		function checkDept({ checked }) {
+			if (!pickerMultiple.value && checked.length > 1) checked.shift();
+		}
+		__expose({
+			openPickerByUser,
+			openPicker,
+			openPickerByDept
+		});
+		return (_ctx, _cache) => {
+			const _component_ScrollContainer = resolveComponent("ScrollContainer");
+			const _component_SearchOutlined = resolveComponent("SearchOutlined");
+			const _component_overlayScrollbarsComponent = resolveComponent("overlayScrollbarsComponent");
+			return openBlock(), createBlock(unref(BasicModal), {
+				height: 500,
+				title: title.value,
+				centered: "",
+				width: "740px",
+				"mask-closable": false,
+				"ok-button-props": { disabled: !unref(checkedUsers).length && !unref(checkedDepts).checked.length },
+				onRegister: unref(register),
+				onOk: handleOk,
+				onCancel
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					createElementVNode("div", { class: normalizeClass(["shrink-0 dept baseborder border-0 border-r ks-row flex-col", pickerType.value !== PickerEnums.DEPT ? "w-14/36" : "w-1/2"]) }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("sys.org.orgTree")), 1), createElementVNode("div", _hoisted_4, [createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [unref(treeData)?.length ? (openBlock(), createBlock(unref(Tree), {
+							key: 0,
+							"checked-keys": unref(checkedDepts),
+							"onUpdate:checkedKeys": _cache[0] || (_cache[0] = ($event) => isRef(checkedDepts) ? checkedDepts.value = $event : null),
+							"check-strictly": "",
+							"selected-keys": unref(selectedKeys),
+							checkable: pickerType.value !== PickerEnums.USER,
+							"block-node": "",
+							"tree-data": unref(treeData),
+							"default-expand-all": "",
+							virtual: false,
+							onSelect: selectNode,
+							onCheck: checkDept
+						}, {
+							title: withCtx(({ title }) => [_cache[2] || (_cache[2] = createElementVNode("span", { class: "iconfont icon-wenjianjia depticon" }, null, -1)), createTextVNode(" " + toDisplayString(title), 1)]),
+							_: 1
+						}, 8, [
+							"checked-keys",
+							"selected-keys",
+							"checkable",
+							"tree-data"
+						])) : createCommentVNode("", true)]),
+						_: 1
+					})])]), !!visibleUser.value?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("sys.org.visiblePersonnel")), 1), createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleUser.value, (i) => {
+							return openBlock(), createElementBlock("div", { key: i.id }, [createVNode(unref(Checkbox), {
+								checked: unref(checkedUsers).indexOf(i.id) > -1,
+								onChange: (e) => unref(checkedBox)(e, i, pickerMultiple.value)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(i.fullname), 1)]),
+								_: 2
+							}, 1032, ["checked", "onChange"])]);
+						}), 128))])]),
+						_: 1
+					})])) : createCommentVNode("", true)], 2),
+					pickerType.value !== PickerEnums.DEPT ? (openBlock(), createElementBlock("div", _hoisted_8, [
+						createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("sys.org.candidates")), 1),
+						createElementVNode("div", _hoisted_10, [createVNode(unref(Input), {
+							value: userName.value,
+							"onUpdate:value": _cache[1] || (_cache[1] = ($event) => userName.value = $event),
+							placeholder: unref(t)("sys.org.pleaseEnterSearchContent"),
+							onChange: change
+						}, {
+							prefix: withCtx(() => [createVNode(_component_SearchOutlined)]),
+							_: 1
+						}, 8, ["value", "placeholder"])]),
+						createElementVNode("div", _hoisted_11, [createVNode(_component_ScrollContainer, null, {
+							default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+								image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+								description: unref(t)("sys.org.noPersonnelInformationCurrentlyAvailable")
+							}, null, 8, ["image", "description"]), [[vShow, !unref(userData).length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userData), (i) => {
+								return openBlock(), createElementBlock("div", { key: i.id }, [createVNode(unref(Checkbox), {
+									checked: unref(checkedUsers).indexOf(i.id) > -1,
+									onChange: (e) => unref(checkedBox)(e, i, pickerMultiple.value)
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(i.__LABEL__ || i.fullname), 1)]),
+									_: 2
+								}, 1032, ["checked", "onChange"])]);
+							}), 128))]),
+							_: 1
+						})])
+					])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["shrink-0 baseborder border-0 border-l ks-row flex-col", pickerType.value !== PickerEnums.DEPT ? "w-11/36" : "w-1/2"]) }, [pickerType.value !== PickerEnums.USER ? (openBlock(), createElementBlock("div", _hoisted_12, [createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("sys.org.selectedDepartment")), 1), createElementVNode("div", _hoisted_14, [createVNode(_component_ScrollContainer, null, {
+						default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+							image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+							description: unref(t)("sys.ipaas.noData")
+						}, null, 8, ["image", "description"]), [[vShow, !unref(checkedDepts).checked.length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedDepts).checked, (u, index) => {
+							return openBlock(), createBlock(dept_item_default, {
+								key: u,
+								"dept-options": unref(orgsOptions),
+								"dept-id": u,
+								class: "rows",
+								onDeleteDept: ($event) => unref(checkedDepts).checked.splice(index, 1)
+							}, null, 8, [
+								"dept-options",
+								"dept-id",
+								"onDeleteDept"
+							]);
+						}), 128))]),
+						_: 1
+					})])])) : createCommentVNode("", true), pickerType.value !== PickerEnums.DEPT ? (openBlock(), createElementBlock("div", _hoisted_15, [createElementVNode("div", _hoisted_16, toDisplayString(unref(t)("sys.org.selectedPersonnel")), 1), createElementVNode("div", _hoisted_17, [createVNode(_component_overlayScrollbarsComponent, null, {
+						default: withCtx(() => [withDirectives(createVNode(unref(Empty), {
+							image: unref(Empty).PRESENTED_IMAGE_SIMPLE,
+							description: unref(t)("sys.ipaas.noData")
+						}, null, 8, ["image", "description"]), [[vShow, !unref(checkedUsers).length]]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedUsers), (u, index) => {
+							return openBlock(), createBlock(user_item_default, {
+								key: u,
+								class: "rows",
+								"user-id": u,
+								"users-map": unref(UsersMap),
+								onDeleteUser: ($event) => unref(checkedUsers).splice(index, 1)
+							}, null, 8, [
+								"user-id",
+								"users-map",
+								"onDeleteUser"
+							]);
+						}), 128))]),
+						_: 1
+					})])])) : createCommentVNode("", true)], 2)
+				])]),
+				_: 1
+			}, 8, [
+				"title",
+				"ok-button-props",
+				"onRegister"
+			]);
+		};
+	}
+});
+//#endregion
+export { user_pick_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/UserPick/src/user-pick.vue_vue_type_style_index_0_scoped_081b9663_lang.css

@@ -0,0 +1,39 @@
+.dept[data-v-081b9663] {
+  background-color: #fafafa;
+}
+.main[data-v-081b9663] {
+  height: 100%;
+  border: 1px solid #eaeaea;
+}
+.baseborder[data-v-081b9663] {
+  border-style: solid;
+  border-color: #eaeaea;
+}
+[data-v-081b9663] .ant-tree {
+  background-color: transparent;
+}
+[data-v-081b9663] .ant-tree .ant-tree-treenode {
+  padding: 4px;
+}
+[data-v-081b9663] .ant-tree-treenode-selected {
+  background: rgba(13, 170, 156, 0.1);
+  color: var(--ant-primary-color);
+}
+[data-v-081b9663] .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background: transparent;
+  color: var(--ant-primary-color);
+}
+[data-v-081b9663] .ant-tree-node-content-wrapper:hover {
+  background-color: transparent;
+  color: var(--ant-primary-color);
+}
+.rows[data-v-081b9663] {
+  padding: 2px 4px;
+}
+.rows[data-v-081b9663]:hover {
+  background: rgba(13, 170, 156, 0.1);
+  color: var(--ant-primary-color);
+}
+.depticon[data-v-081b9663] {
+  color: #fcc12b;
+}

package/es/components/field-upload/index.d.ts

@@ -0,0 +1,2 @@
+import { WithInstall } from '../../utils';
+export declare const FieldUpload: WithInstall<unknown>;

package/es/components/field-upload/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/with-install.mjs";
+import "../../utils/index.mjs";
+import FieldUpload_default from "./src/FieldUpload.vue.mjs";
+//#region src/components/field-upload/index.ts
+var FieldUpload = withInstall(FieldUpload_default);
+//#endregion
+export { FieldUpload };

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

@@ -0,0 +1,37 @@
+import { MaterialEnum } from '@gct-paas/core';
+import { fileType } from './types';
+type __VLS_Props = {
+    modelKey?: string;
+    modelValue?: string;
+    readonly: boolean;
+    disabled: boolean;
+    /** 设计模式 */
+    isDesign: boolean;
+    /** 单个文件大小 */
+    maxSize?: number;
+    /** 最大上传数量 */
+    maxCount?: number;
+    /** 支持的格式数组 */
+    accept?: string[];
+    materialType: MaterialEnum;
+    /** 表格模式 */
+    isTable?: boolean;
+    /** 表单校验 */
+    beforeUpload?: (file: File) => Promise<unknown>;
+    /** 名字点击事件*/
+    nameClick?: (item: fileType) => void;
+    /** 是否隐藏切换按钮 */
+    hideSwitch?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getShowType(): "List" | "Card";
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    onBeforeUpload: (...args: any[]) => void;
+    saveTableRow: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnBeforeUpload?: ((...args: any[]) => any) | undefined;
+    onSaveTableRow?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default from "./FieldUpload.vue_vue_type_script_setup_true_name_FieldUpload_lang.mjs";
+//#region src/components/field-upload/src/FieldUpload.vue
+var FieldUpload_default = FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default;
+//#endregion
+export { FieldUpload_default as default };

package/es/components/field-upload/src/FieldUpload.vue_vue_type_script_setup_true_name_FieldUpload_lang.mjs

@@ -0,0 +1,111 @@
+import upload_design_default from "./components/upload-design.vue.mjs";
+import base_upload_default from "./components/base-upload.vue.mjs";
+import file_list_default from "./components/file-list.vue.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, ref, toRef } from "vue";
+import { isArray, isString } from "lodash-es";
+import "@gct-paas/core";
+//#region src/components/field-upload/src/FieldUpload.vue?vue&type=script&setup=true&name=FieldUpload&lang.ts
+var _hoisted_1 = { class: "field-upload-wrapper w-full" };
+var FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldUpload",
+	props: {
+		modelKey: {},
+		modelValue: {},
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		isDesign: { type: Boolean },
+		maxSize: {},
+		maxCount: {},
+		accept: {},
+		materialType: {},
+		isTable: { type: Boolean },
+		beforeUpload: { type: Function },
+		nameClick: { type: Function },
+		hideSwitch: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"onBeforeUpload",
+		"saveTableRow"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const showType = ref("List");
+		const emit = __emit;
+		const hasSize = computed(() => {
+			if (isArray(props.modelValue)) return false;
+			return true;
+		});
+		const fileList = toRef(() => {
+			if (isArray(props.modelValue)) return props.modelValue;
+			else if (isString(props.modelValue)) return (props.modelValue ? props.modelValue.split(",") : []).map((val) => ({
+				path: val,
+				name: val.split("/").at(-1),
+				size: props.isDesign ? 88e6 : 0
+			}));
+			return props.modelValue || [];
+		});
+		const updateValue = (value) => {
+			return emit("update:modelValue", value);
+		};
+		const updateType = (value) => {
+			showType.value = value;
+		};
+		const saveTableRowData = () => {
+			/**列字段时候触发保存 */
+			emit("saveTableRow");
+		};
+		__expose({ getShowType() {
+			return showType.value;
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.readonly && fileList.value.length ? (openBlock(), createBlock(file_list_default, {
+				key: 0,
+				"is-design": __props.isDesign,
+				"hide-switch": !!__props.hideSwitch,
+				"file-list": fileList.value,
+				"material-type": __props.materialType,
+				"show-type": showType.value,
+				"name-click": __props.nameClick,
+				"has-size": hasSize.value,
+				"onUpdate:showType": updateType
+			}, null, 8, [
+				"is-design",
+				"hide-switch",
+				"file-list",
+				"material-type",
+				"show-type",
+				"name-click",
+				"has-size"
+			])) : createCommentVNode("", true), !__props.readonly ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.isDesign ? (openBlock(), createBlock(upload_design_default, {
+				key: 0,
+				disabled: __props.disabled
+			}, null, 8, ["disabled"])) : (openBlock(), createBlock(base_upload_default, {
+				key: 1,
+				readonly: __props.readonly,
+				disabled: __props.disabled,
+				"max-size": __props.maxSize,
+				"max-count": __props.maxCount,
+				accept: __props.accept,
+				"model-key": __props.modelKey,
+				"model-value": __props.modelValue,
+				"is-table": __props.isTable,
+				"before-upload": __props.beforeUpload,
+				"onUpdate:modelValue": updateValue,
+				onSaveTableRow: saveTableRowData
+			}, null, 8, [
+				"readonly",
+				"disabled",
+				"max-size",
+				"max-count",
+				"accept",
+				"model-key",
+				"model-value",
+				"is-table",
+				"before-upload"
+			]))], 64)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default as default };

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    modelKey?: string;
+    modelValue?: string;
+    readonly: boolean;
+    disabled: boolean;
+    maxCount?: number;
+    maxSize?: number;
+    accept?: string[];
+    isTable?: boolean;
+    beforeUpload?: (file: File) => Promise<unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    onBeforeUpload: (...args: any[]) => void;
+    saveTableRow: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnBeforeUpload?: ((...args: any[]) => any) | undefined;
+    onSaveTableRow?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default from "./base-upload.vue_vue_type_script_name_baseUpload_setup_true_lang.mjs";
+import './base-upload.vue_vue_type_style_index_0_scoped_f53b6ac6_lang.css';/* empty css                                                                  */
+//#region src/components/field-upload/src/components/base-upload.vue
+var base_upload_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_upload_vue_vue_type_script_name_baseUpload_setup_true_lang_default, [["__scopeId", "data-v-f53b6ac6"]]);
+//#endregion
+export { base_upload_default as default };