@gct-paas/core-web 0.1.6-dev.9 → 6.0.0-dev.2

package/es/modules/gct-form/editor/gct-form-date-range/form-date-range.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { IEditorBasic, IFormItem } from '../../interface';
+export declare const GctFormDateRange: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem & {
+            default?: string[];
+        }>;
+        required: true;
+    };
+    model: {
+        type: PropType<IEditorBasic>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    value: {
+        type: PropType<(string | null)[]>;
+        default: () => never[];
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').Ref<(string | null)[], (string | null)[]>;
+    editorProps: IObject;
+    format: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem & {
+            default?: string[];
+        }>;
+        required: true;
+    };
+    model: {
+        type: PropType<IEditorBasic>;
+        required: true;
+    };
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    value: {
+        type: PropType<(string | null)[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: (string | null)[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/modules/gct-form/editor/gct-form-date-range/form-date-range.mjs

@@ -0,0 +1,62 @@
+import { useFormValue } from "../../hooks/use-form-value/use-form-value.mjs";
+import "../../hooks/index.mjs";
+import './form-date-range.css';/* empty css                      */
+import { createVNode, defineComponent, mergeProps, resolveComponent, watch } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-date-range/form-date-range.tsx
+var GctFormDateRange = /* @__PURE__ */ defineComponent({
+	name: "GctFormDateRange",
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		data: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("gct-form-date-range");
+		const format = props.model.format || "YYYY-MM-DD HH:mm:ss";
+		const val = useFormValue();
+		const editorProps = props.model.props || {};
+		const [startKey, endKey] = props.itemModel.fields || [];
+		const defaultVal = props.itemModel?.default;
+		if (defaultVal && defaultVal.length > 0) val.value = defaultVal;
+		watch(val, () => {
+			if (val.value) {
+				const [start, end] = val.value;
+				if (start) props.data[startKey] = start;
+				if (end) props.data[endKey] = end;
+			}
+		});
+		return {
+			ns,
+			val,
+			editorProps,
+			format
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("a-range-picker"), mergeProps(this.editorProps, {
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event,
+			"valueFormat": this.format,
+			"class": this.ns.b(),
+			"show-time": true,
+			"placeholder": this.model.placeholder
+		}), null);
+	}
+});
+//#endregion
+export { GctFormDateRange };

package/es/modules/gct-form/editor/gct-form-date-range/form-date-range.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '../../interface';
+/**
+ * 日期时间范围选择编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 14:03:14
+ * @export
+ * @class FormDateRangeProvider
+ * @implements {IEditorProvider}
+ */
+export declare class FormDateRangeProvider implements IEditorProvider {
+    component: string;
+}

package/es/modules/gct-form/editor/gct-form-date-range/form-date-range.provider.mjs

@@ -0,0 +1,15 @@
+//#region src/modules/gct-form/editor/gct-form-date-range/form-date-range.provider.ts
+/**
+* 日期时间范围选择编辑器
+*
+* @author zhanghanrui
+* @date 2024-03-27 14:03:14
+* @export
+* @class FormDateRangeProvider
+* @implements {IEditorProvider}
+*/
+var FormDateRangeProvider = class {
+	component = "gct-form-date-range";
+};
+//#endregion
+export { FormDateRangeProvider };

package/es/modules/gct-form/editor/gct-form-date-range/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/modules/gct-form/editor/gct-form-date-range/index.mjs

@@ -0,0 +1,8 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { FormDateRangeProvider } from "./form-date-range.provider.mjs";
+import { GctFormDateRange } from "./form-date-range.mjs";
+//#region src/modules/gct-form/editor/gct-form-date-range/index.ts
+var gct_form_date_range_default = widthEditorInstall(EditorType.DATE_RANGE, () => new FormDateRangeProvider(), GctFormDateRange);
+//#endregion
+export { gct_form_date_range_default as default };

package/es/modules/gct-form/editor/gct-form-formula/gct-form-formula.mjs

@@ -33,21 +33,20 @@ var GctFormFormula = /* @__PURE__ */ defineComponent({
 		const inputRef = ref();
 		const val = useGctFormValue();
 		const expressionEcho = useGctFormValue("expressionEcho");
+		const returnType = useGctFormValue("mappingType");
 		const openExpress = async () => {
 			const res = await openFormulaEditor({
-				expr: val.value.expr,
+				expr: val.value,
 				exprEcho: expressionEcho?.value,
-				returnType: val.value.mappingType || "string",
+				returnType: returnType.value || "string",
 				mode: ExpressionModeEnum.DATA_SET_FORMULA,
 				identifiers: {},
 				...props.model.config || {}
 			});
 			if (res) {
-				val.value = {
-					expr: res.expr,
-					mappingType: res.returnType
-				};
+				val.value = res.expr;
 				if (expressionEcho) expressionEcho.value = res.exprEcho;
+				if (returnType) returnType.value = res.returnType;
 				formC.validateItem(props.itemModel.name);
 			}
 		};
@@ -59,7 +58,7 @@ var GctFormFormula = /* @__PURE__ */ defineComponent({
 				"ref": inputRef,
 				"class": ns.e("input"),
 				"readonly": true,
-				"value": expressionEcho?.value || val.value,
+				"value": expressionEcho.value || val.value,
 				"placeholder": t("sys.inputText")
 			}, null)]);
 		};

package/es/modules/gct-form/editor/gct-form-i18n/gct-form-i18n.mjs

@@ -1,8 +1,10 @@
 import { useForm } from "../../hooks/use-form/use-form.mjs";
 import "../../hooks/index.mjs";
 import { gctFormItemEditorProps } from "../../props/gct-form-item/gct-form-item.props.mjs";
-import { computed, createVNode, defineComponent, mergeProps, ref, resolveComponent } from "vue";
-import { modelLoader, useNamespace } from "@gct-paas/core";
+import i18n_select_input_default from "../../../../components/I18nSelect/src/i18n-select-input.vue.mjs";
+import "../../../../components/index.mjs";
+import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { modelLoader, t, useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-form/editor/gct-form-i18n/gct-form-i18n.tsx
 var GctFormI18n = /* @__PURE__ */ defineComponent({
 	name: "GctFormI18n",
@@ -62,13 +64,13 @@ var GctFormI18n = /* @__PURE__ */ defineComponent({
 		};
 	},
 	render() {
-		return createVNode(resolveComponent("i18n-select-input"), mergeProps({
+		return createVNode(i18n_select_input_default, mergeProps({
 			"class": [this.ns.b(), this.ns.m(this.size)],
 			"i18nText": this.val,
 			"onUpdate:i18nText": ($event) => this.val = $event,
 			"i18nConfig": this.i18nConfigValue,
 			"onUpdate:i18nConfig": ($event) => this.i18nConfigValue = $event,
-			"placeholderText": this.model.placeholder || this.$t("sys.inputText"),
+			"placeholderText": this.model.placeholder || t("sys.inputText"),
 			"attr": "i18nKey",
 			"btnHeight": this.size === "small" ? "26px" : void 0,
 			"inputExtraProps": {

package/es/modules/gct-form/editor/gct-form-model-select/gct-form-model-select.mjs

@@ -1,5 +1,6 @@
 import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
 import "../../hooks/index.mjs";
+import online_form_model_select_default from "./select-online-form-model/online-form-model-select.vue.mjs";
 import './gct-form-model-select.css';/* empty css                            */
 import { createVNode, defineComponent, isVNode, onMounted, ref, resolveComponent } from "vue";
 import { groupBy } from "lodash-es";
@@ -96,6 +97,18 @@ var GctFormModelSelect = /* @__PURE__ */ defineComponent({
 				}), "group");
 			}
 		}
+		function onFormSelectChange(formInfo) {
+			if (!formInfo) {
+				modelName.value = "";
+				formId.value = void 0;
+				val.value = void 0;
+			} else {
+				const { name, version } = formInfo;
+				if (version) modelName.value = `${name}:${version}`;
+				else modelName.value = name;
+			}
+			onFieldChange();
+		}
 		return () => {
 			let _slot2, _slot3;
 			return createVNode("div", { "class": ns.b() }, [createVNode(resolveComponent("a-input-group"), { "compact": true }, { default: () => [createVNode(resolveComponent("a-select"), {
@@ -115,7 +128,7 @@ var GctFormModelSelect = /* @__PURE__ */ defineComponent({
 					"key": item.value,
 					"value": item.value
 				}, _isSlot(_slot = t(item.label)) ? _slot : { default: () => [_slot] });
-			})) ? _slot2 : { default: () => [_slot2] }), createVNode(resolveComponent("a-select"), {
+			})) ? _slot2 : { default: () => [_slot2] }), category.value !== "form" ? createVNode(resolveComponent("a-select"), {
 				"value": val.value,
 				"onUpdate:value": ($event) => val.value = $event,
 				"class": ns.e("model"),
@@ -138,7 +151,16 @@ var GctFormModelSelect = /* @__PURE__ */ defineComponent({
 					"key": group,
 					"label": group
 				}, _isSlot(items) ? items : { default: () => [items] });
-			})) ? _slot3 : { default: () => [_slot3] })] })]);
+			})) ? _slot3 : { default: () => [_slot3] }) : createVNode(online_form_model_select_default, {
+				"joinFormRefId": formId.value,
+				"onUpdate:joinFormRefId": ($event) => formId.value = $event,
+				"joinModelKey": val.value,
+				"onUpdate:joinModelKey": ($event) => val.value = $event,
+				"class": ns.e("model"),
+				"disabled": props.model.disabled,
+				"border": true,
+				"onChange": onFormSelectChange
+			}, null)] })]);
 		};
 	}
 });

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue.d.ts

@@ -0,0 +1,23 @@
+import { IModal } from '@gct-paas/core';
+interface IRowVO {
+    id: string;
+    name: string;
+    desc: string;
+    modifier: string;
+    modifyTime: string;
+    default?: number;
+    categoryId?: string;
+    children?: IRowVO[];
+}
+type __VLS_Props = {
+    modal: IModal;
+    modelSelected?: string;
+    formSelected?: IRowVO;
+};
+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, {
+    tableRef: {
+        $props: import('vxe-table').VxeTableProps<any> & import('vxe-table').VxeTableEventProps<any>;
+        $slots: import('vxe-table').VxeTableSlots<any>;
+    } | null;
+}, HTMLDivElement>;
+export default _default;

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import online_form_model_modal_vue_vue_type_script_setup_true_name_online_form_model_modal_lang_default from "./online-form-model-modal.vue_vue_type_script_setup_true_name_online-form-model-modal_lang.mjs";
+import './online-form-model-modal.vue_vue_type_style_index_0_scoped_41c1457b_lang.css';/* empty css                                                                              */
+//#region src/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue
+var online_form_model_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(online_form_model_modal_vue_vue_type_script_setup_true_name_online_form_model_modal_lang_default, [["__scopeId", "data-v-41c1457b"]]);
+//#endregion
+export { online_form_model_modal_default as default };

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue_vue_type_script_setup_true_name_online-form-model-modal_lang.mjs

@@ -0,0 +1,220 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, toRaw, unref, watch, withCtx, withKeys } from "vue";
+import { orderBy } from "lodash-es";
+import { t, useModal } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue?vue&type=script&setup=true&name=online-form-model-modal&lang.ts
+var _hoisted_1 = { class: "ks-row" };
+var _hoisted_2 = { class: "pt-20px px-20px gct-online-form-model-modal ks-col" };
+var _hoisted_3 = { class: "ks-row" };
+var _hoisted_4 = { class: "gct-text-overflow" };
+var _hoisted_5 = {
+	key: 0,
+	class: "gct-custom-tag ml4px"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "flex items-center"
+};
+var _hoisted_7 = ["src"];
+var _hoisted_8 = { class: "model-list w280px h520px" };
+var _hoisted_9 = { class: "model-table-wrap" };
+var _hoisted_10 = ["onClick"];
+var _hoisted_11 = ["title"];
+var FormTypeEnum = /* @__PURE__ */ function(FormTypeEnum) {
+	/** 基础表单 */
+	FormTypeEnum["BASE"] = "BASE";
+	/** 流程表单 */
+	FormTypeEnum["PROCESS"] = "PROCESS";
+	/** 视图表单 */
+	FormTypeEnum["VIEW"] = "VIEW";
+	/** 文本表单 */
+	FormTypeEnum["TEXT"] = "TEXT";
+	/** 文件表单 */
+	FormTypeEnum["FILE"] = "FILE";
+	return FormTypeEnum;
+}(FormTypeEnum || {});
+var online_form_model_modal_vue_vue_type_script_setup_true_name_online_form_model_modal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "online-form-model-modal",
+	props: {
+		modal: {},
+		modelSelected: {},
+		formSelected: {}
+	},
+	setup(__props) {
+		const svgUtils = {
+			[FormTypeEnum.TEXT]: "/extras-assets/online-form-svg/text-online-form.svg",
+			[FormTypeEnum.BASE]: "/extras-assets/online-form-svg/base-online-form.svg",
+			[FormTypeEnum.PROCESS]: "/extras-assets/online-form-svg/proccess-online-form.svg",
+			[FormTypeEnum.VIEW]: "/extras-assets/online-form-svg/view-online-form.svg",
+			[FormTypeEnum.FILE]: "/extras-assets/online-form-svg/file-online-form.svg"
+		};
+		const props = __props;
+		const keys = ["name", "code"];
+		const tableRef = ref();
+		const categoryList = ref([]);
+		const formState = ref({});
+		const tableData = ref([]);
+		const modelTableData = ref([]);
+		const modelKey = ref();
+		const formSelectedRow = ref();
+		watch(modelKey, (k) => {
+			props.modal.setOptions?.({ okButtonProps: { disabled: !k } });
+		});
+		/**获取表单分类 */
+		async function getCategoryList() {
+			categoryList.value = await _api.apaas.modelComprehensive.postBizServiceModelCategoryModelKeyBsKey({
+				modelCategory: "entity",
+				modelKey: "em_form_category",
+				bsKey: "biz_tree"
+			}, {}, {}) || [];
+		}
+		onMounted(async () => {
+			getCategoryList();
+			await getDataSource();
+			const row = props.formSelected?.id ? tableData.value.find((i) => i.id === props.formSelected?.id) : tableData.value[0];
+			tableRef.value?.setCurrentRow(row);
+			await cellClickEvent({ row });
+			modelKey.value = props.modelSelected;
+		});
+		async function getDataSource() {
+			keys.forEach((key) => {
+				if (formState.value[key]) formState.value[key] = formState.value[key].trim();
+			});
+			tableData.value = await _api.apaas.onlineFormTmpl.getListBaseAndProcessForm(formState.value) || [];
+		}
+		const onSave = async () => {
+			const row = formSelectedRow.value;
+			const formSelected = row ? {
+				...toRaw(row),
+				refId: row.baseId ? `${row.baseId}:${row.id}` : row.id
+			} : void 0;
+			const info = modelTableData.value.find((item) => item.key === modelKey.value);
+			return {
+				ok: true,
+				params: {
+					modelKey: modelKey.value,
+					formSelected,
+					subModel: Boolean(info?.subModel)
+				}
+			};
+		};
+		async function cellClickEvent({ row }) {
+			if (!row || formSelectedRow.value?.id === row.id) return;
+			formSelectedRow.value = row;
+			modelTableData.value = orderBy(await _api.apaas.onlineFormTmpl.getFormModelsId({ id: row.id }), "subModel", "asc");
+			modelKey.value = "";
+		}
+		useModal(onSave);
+		return (_ctx, _cache) => {
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_row = resolveComponent("a-row");
+			const _component_a_form = resolveComponent("a-form");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_vxe_column = resolveComponent("vxe-column");
+			const _component_vxe_table = resolveComponent("vxe-table");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(_component_a_form, { model: formState.value }, {
+				default: withCtx(() => [createVNode(_component_a_row, { gutter: 16 }, {
+					default: withCtx(() => [createVNode(_component_a_col, { span: 12 }, {
+						default: withCtx(() => [createVNode(_component_a_form_item, { label: "表单分类" }, {
+							default: withCtx(() => [createVNode(_component_a_tree_select, {
+								value: formState.value.categoryId,
+								"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.value.categoryId = $event),
+								placeholder: "请选择表单分类",
+								clearable: "",
+								"show-search": "",
+								"tree-data": categoryList.value,
+								"tree-node-filter-prop": "name",
+								"field-names": {
+									label: "name",
+									value: "id",
+									children: "child"
+								},
+								onChange: getDataSource
+							}, null, 8, ["value", "tree-data"])]),
+							_: 1
+						})]),
+						_: 1
+					}), createVNode(_component_a_col, { span: 12 }, {
+						default: withCtx(() => [createVNode(_component_a_form_item, { label: "表单名称" }, {
+							default: withCtx(() => [createVNode(_component_a_input, {
+								value: formState.value.name,
+								"onUpdate:value": _cache[1] || (_cache[1] = ($event) => formState.value.name = $event),
+								placeholder: "请输入表单名称",
+								clearable: "",
+								onKeyup: withKeys(getDataSource, ["enter"]),
+								onChange: getDataSource
+							}, null, 8, ["value"])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model"]), createVNode(_component_vxe_table, {
+				ref_key: "tableRef",
+				ref: tableRef,
+				"show-overflow": "",
+				data: tableData.value,
+				height: 400,
+				"scroll-y": {
+					enabled: true,
+					oSize: 10
+				},
+				"row-config": {
+					isHover: true,
+					keyField: "id",
+					height: 44,
+					isCurrent: true
+				},
+				class: normalizeClass({
+					vxetable: true,
+					default: true
+				}),
+				onCellClick: cellClickEvent
+			}, {
+				default: withCtx(() => [createVNode(_component_vxe_column, {
+					field: "name",
+					title: "表单名称",
+					"show-overflow": "",
+					"tree-node": ""
+				}, {
+					default: withCtx(({ row }) => [createElementVNode("div", _hoisted_3, [createVNode(_component_a_tooltip, null, {
+						title: withCtx(() => [createTextVNode(toDisplayString(row.version || row.name), 1)]),
+						default: withCtx(() => [createElementVNode("div", _hoisted_4, toDisplayString(row.version || row.name), 1)]),
+						_: 2
+					}, 1024), row.default ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(t)("sys.default")), 1)) : createCommentVNode("", true)])]),
+					_: 1
+				}), createVNode(_component_vxe_column, {
+					field: "formType",
+					title: "表单类型",
+					"show-overflow": "",
+					width: "120"
+				}, {
+					default: withCtx(({ row }) => [row.formType ? (openBlock(), createElementBlock("div", _hoisted_6, [createElementVNode("img", {
+						src: svgUtils[row.formType],
+						class: "w18px h18px mr-4px"
+					}, null, 8, _hoisted_7), createTextVNode(" " + toDisplayString(unref(t)(`sys.onlineForm.formTypeEnum.${row.formType}`)), 1)])) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["data"])]), createElementVNode("div", _hoisted_8, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "model-title" }, "选择模型", -1)), createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(modelTableData.value, (item) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.key,
+					class: normalizeClass(["model-table-row ks-row", { selected: item.key === modelKey.value }]),
+					onClick: ($event) => modelKey.value = item.key
+				}, [createElementVNode("div", {
+					class: "model-tag mr8px",
+					style: normalizeStyle({ "--tag-bg": item.subModel === 1 ? "#0066FF" : "#B445F5" })
+				}, toDisplayString(item.subModel === 1 ? "子表" : "主表"), 5), createElementVNode("div", {
+					class: "ks-col ell",
+					title: item.name
+				}, toDisplayString(item.name), 9, _hoisted_11)], 10, _hoisted_10);
+			}), 128))])])]);
+		};
+	}
+});
+//#endregion
+export { online_form_model_modal_vue_vue_type_script_setup_true_name_online_form_model_modal_lang_default as default };

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-modal.vue_vue_type_style_index_0_scoped_41c1457b_lang.css

@@ -0,0 +1,100 @@
+.gct-online-form-model-modal[data-v-41c1457b] {
+  border-right: 1px solid #f0f0f0;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .vxe-table {
+  --vxe-table-row-hover-radio-checked-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-row-radio-checked-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-row-checkbox-checked-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-row-hover-checkbox-checked-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-row-current-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-row-hover-current-background-color: hsl(from var(--ant-primary-color) h s 94%);
+  --vxe-table-header-background-color: #f6f8faff;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .gct-text-overflow {
+  color: #212528;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .vxe-cell--label {
+  color: #212528;
+}
+.gct-online-form-model-modal[data-v-41c1457b] 
+    .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon
+   {
+  color: var(--ant-primary-color);
+}
+.gct-online-form-model-modal[data-v-41c1457b] .vxe-tree--node-btn.rotate90 {
+  color: var(--ant-primary-color);
+}
+.gct-online-form-model-modal[data-v-41c1457b] .ant-form .ant-form-item {
+  margin-bottom: 15px;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .ant-form .ant-form-item-label {
+  padding: 0;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .ant-form .ant-form-item .ant-form-item-label > label::after {
+  display: block;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .vxe-table--render-default .vxe-cell--radio.is--disabled .vxe-radio--icon {
+  position: relative;
+}
+.gct-online-form-model-modal[data-v-41c1457b] .vxe-table--render-default .vxe-cell--radio.is--disabled .vxe-radio--icon::after {
+  content: '';
+  background-color: rgba(0, 0, 0, 0.06);
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+}
+.model-list[data-v-41c1457b] {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.model-list .model-title[data-v-41c1457b] {
+  color: #212528;
+  border-bottom: 1px solid #f0f0f0;
+  padding: 16px 16px 20px;
+  font-weight: 500;
+}
+.model-list .model-title[data-v-41c1457b]::before {
+  content: ' ';
+  display: inline-block;
+  width: 2px;
+  height: 12px;
+  background-color: var(--ant-primary-color);
+  margin-right: 8px;
+  vertical-align: -1px;
+}
+.model-list .model-table-wrap[data-v-41c1457b] {
+  overflow: auto;
+  padding: 0 12px;
+  flex: 1;
+}
+.model-list .model-table-row[data-v-41c1457b] {
+  padding: 9px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+  align-items: center;
+}
+.model-list .model-table-row.selected[data-v-41c1457b] {
+  color: var(--ant-primary-color);
+  background: hsl(from var(--ant-primary-color) h s 94%);
+}
+.model-list .model-table-row[data-v-41c1457b]:hover {
+  background: rgba(0, 0, 0, 0.04);
+}
+.model-list .model-table-row .model-tag[data-v-41c1457b] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #ffffff;
+  background-color: var(--tag-bg, #0066ff);
+  border-radius: 2px;
+  font-size: 10px;
+  padding: 0 4px;
+  height: 16px;
+}

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-select.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    joinFormRefId?: string;
+    joinModelKey?: string;
+    joinSubModel?: boolean;
+    border?: boolean;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (data: IObject) => any;
+    "on-clear": () => any;
+    "update:joinFormRefId": (value: string) => any;
+    "update:joinModelKey": (value: string) => any;
+    "update:joinSubModel": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((data: IObject) => any) | undefined;
+    "onOn-clear"?: (() => any) | undefined;
+    "onUpdate:joinFormRefId"?: ((value: string) => any) | undefined;
+    "onUpdate:joinModelKey"?: ((value: string) => any) | undefined;
+    "onUpdate:joinSubModel"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-select.vue.mjs

@@ -0,0 +1,5 @@
+import online_form_model_select_vue_vue_type_script_setup_true_name_online_form_model_select_lang_default from "./online-form-model-select.vue_vue_type_script_setup_true_name_online-form-model-select_lang.mjs";
+//#region src/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-select.vue
+var online_form_model_select_default = online_form_model_select_vue_vue_type_script_setup_true_name_online_form_model_select_lang_default;
+//#endregion
+export { online_form_model_select_default as default };