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

package/es/modules/gct-form/controller/gct-form/gct-form.controller.mjs

@@ -13,6 +13,7 @@ import { QXEvent } from "qx-util";
 * @implements {IFormController}
 */
 var GctFormController = class {
+	model;
 	evt = new QXEvent();
 	state = reactive(new FormState());
 	item = {};

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

@@ -0,0 +1,67 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-gct-form-date-range {
+  width: 100%;
+}

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-select/gct-form-select.mjs

@@ -55,7 +55,7 @@ var GctFormSelect = /* @__PURE__ */ defineComponent({
 			}
 		});
 		const options = computed(() => {
-			if (props.c.state.options && props.c.state.options.length > 0) return props.c.state.options;
+			if (props.c?.state?.options && props.c?.state?.options?.length > 0) return props.c.state.options;
 			return editorC.options;
 		});
 		onUnmounted(() => {

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

@@ -24,9 +24,10 @@ import gct_form_model_select_default from "./gct-form-model-select/index.mjs";
 import gct_form_multiple_choice_default from "./gct-form-multiple-choice/index.mjs";
 import gct_form_table_default from "./gct-form-table/index.mjs";
 import gct_select_form_table_default from "./gct-select-form-table/index.mjs";
+import gct_form_date_range_default from "./gct-form-date-range/index.mjs";
 //#region src/modules/gct-form/editor/index.ts
 var editor_default = { install(app) {
-	app.use(gct_form_length_unit_default).use(gct_form_color_default).use(gct_form_date_format_select_default).use(gct_form_date_default).use(gct_form_formula_default).use(gct_form_check_switch_default).use(gct_form_i18n_default).use(gct_form_group_select_default).use(gct_form_icon_select_default).use(gct_form_number_default).use(gct_form_picker_default).use(gct_form_pixel_config_default).use(gct_form_select_default).use(gct_form_span_default).use(gct_form_switch_default).use(gct_form_text_default).use(gct_form_textarea_default).use(gct_form_radio_default).use(gct_form_info_default).use(gct_form_checkbox_default).use(gct_form_date_default).use(gct_form_model_select_default).use(gct_form_multiple_choice_default).use(gct_form_table_default).use(gct_select_form_table_default).use(gct_form_action_default).use(gct_form_empty_default);
+	app.use(gct_form_length_unit_default).use(gct_form_color_default).use(gct_form_date_format_select_default).use(gct_form_date_default).use(gct_form_formula_default).use(gct_form_check_switch_default).use(gct_form_i18n_default).use(gct_form_group_select_default).use(gct_form_icon_select_default).use(gct_form_number_default).use(gct_form_picker_default).use(gct_form_pixel_config_default).use(gct_form_select_default).use(gct_form_span_default).use(gct_form_switch_default).use(gct_form_text_default).use(gct_form_textarea_default).use(gct_form_radio_default).use(gct_form_info_default).use(gct_form_checkbox_default).use(gct_form_date_default).use(gct_form_model_select_default).use(gct_form_multiple_choice_default).use(gct_form_table_default).use(gct_select_form_table_default).use(gct_form_action_default).use(gct_form_empty_default).use(gct_form_date_range_default);
 } };
 //#endregion
 export { editor_default as default };

package/es/modules/gct-form/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useForm } from './use-form/use-form';
 export { useGctFormValue, useGctFormValueByText, } from './use-gct-form-value/use-gct-form-value';
+export { useFormValue } from './use-form-value/use-form-value';

package/es/modules/gct-form/hooks/index.mjs

@@ -1,2 +1,3 @@
 import "./use-form/use-form.mjs";
 import "./use-gct-form-value/use-gct-form-value.mjs";
+import "./use-form-value/use-form-value.mjs";

package/es/modules/gct-form/hooks/use-form-value/use-form-value.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+/**
+ * 返回一个编辑用的双向数据绑定的值
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 15:03:50
+ * @export
+ * @template T
+ * @return {*}  {Ref<T>}
+ */
+export declare function useFormValue<T = any>(): Ref<T>;

package/es/modules/gct-form/hooks/use-form-value/use-form-value.mjs

@@ -0,0 +1,27 @@
+import { getCurrentInstance, ref, watch } from "vue";
+//#region src/modules/gct-form/hooks/use-form-value/use-form-value.ts
+/**
+* 返回一个编辑用的双向数据绑定的值
+*
+* @author zhanghanrui
+* @date 2024-03-27 15:03:50
+* @export
+* @template T
+* @return {*}  {Ref<T>}
+*/
+function useFormValue() {
+	let vue = getCurrentInstance().proxy;
+	const props = vue.$props;
+	const emit = vue.$emit;
+	const val = ref(props.value);
+	watch(() => props.value, (newVal) => {
+		if (val.value !== newVal) val.value = newVal;
+	});
+	watch(val, (newVal, oldVal) => {
+		if (oldVal !== newVal) emit("update:value", newVal);
+	});
+	vue = null;
+	return val;
+}
+//#endregion
+export { useFormValue };

package/es/modules/gct-form/index.mjs

@@ -29,6 +29,7 @@ import "./controller/form-line/form-line.controller.mjs";
 import "./controller/index.mjs";
 import "./hooks/use-form/use-form.mjs";
 import "./hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "./hooks/use-form-value/use-form-value.mjs";
 import "./hooks/index.mjs";
 import "./props/gct-form-item/gct-form-item.props.mjs";
 import "./register/editor-register/editor-register.mjs";
@@ -49,6 +50,7 @@ import { GridContainer } from "./components/grid-container/grid-container.mjs";
 import "./components/index.mjs";
 import editor_default from "./editor/index.mjs";
 import { GctEditForm } from "./widgets/gct-edit-form/gct-edit-form.mjs";
+import GctSearchForm from "./widgets/gct-search-form/gct-search-form.mjs";
 //#region src/modules/gct-form/index.ts
 var gct_form_default = { install(app) {
 	app.use(editor_default);
@@ -56,6 +58,7 @@ var gct_form_default = { install(app) {
 	app.component(FlexItem.name, FlexItem);
 	app.component(GridContainer.name, GridContainer);
 	app.component(GctEditForm.name, GctEditForm);
+	app.component(GctSearchForm.name, GctSearchForm);
 	app.use(gct_form_default$1);
 } };
 //#endregion

package/es/modules/gct-form/interface/i-controller/form-hidden-item/form-hidden-item.controller.d.ts

@@ -1,6 +1,6 @@
-import { IFormHiddenItem } from '../../i-form';
-import { IFormHiddenItemState } from '../../i-state';
-import { IFormItemBasicController } from '../form-item-basic/form-item-basic.controller';
+import { IFormEditItem } from '../../i-form';
+import { IFormEditItemState } from '../../i-state';
+import { IFormEditItemController } from '../form-edit-item/form-edit-item.controller';
 /**
  * 隐藏表单项控制器，只存在逻辑，不会渲染元素
  *
@@ -12,7 +12,7 @@ import { IFormItemBasicController } from '../form-item-basic/form-item-basic.con
  * @template M
  * @template S
  */
-export interface IFormHiddenItemController<M extends IFormHiddenItem = IFormHiddenItem, S extends IFormHiddenItemState = IFormHiddenItemState> extends IFormItemBasicController<M, S> {
+export interface IFormHiddenItemController<M extends IFormEditItem = IFormEditItem, S extends IFormEditItemState = IFormEditItemState> extends IFormEditItemController<M, S> {
     /**
      * 隐藏表单项类型
      *

package/es/modules/gct-form/interface/i-form/i-form-hidden-item.d.ts

@@ -1,4 +1,4 @@
-import { IFormItemBasic } from './i-form-item-basic';
+import { IFormEditItem } from './i-form-edit-item';
 /**
  * 隐藏表单项
  *
@@ -6,6 +6,6 @@ import { IFormItemBasic } from './i-form-item-basic';
  * @date 2024-04-01 14:04:13
  * @export
  * @interface IFormHiddenItem
- * @extends {IFormItemBasic}
+ * @extends {IFormEditItem}
  */
-export type IFormHiddenItem = IFormItemBasic;
+export type IFormHiddenItem = IFormEditItem;

package/es/modules/gct-form/interface/i-form/i-form-item-basic.d.ts

@@ -11,6 +11,14 @@ import { IFormController, IFormEditItemController } from '../i-controller';
  * @interface IFormItemBasic
  */
 export interface IFormItemBasic {
+    /**
+     * 子元素
+     *
+     * @author zhanghanrui
+     * @date 2024-04-01 15:04:57
+     * @type {string}
+     */
+    label?: string;
     /**
      * 项类型
      *

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.mjs

@@ -61,7 +61,9 @@ var GctFormCollapse = /* @__PURE__ */ defineComponent({
 				"key": item.name,
 				"header": item.title,
 				"collapsible": collapsible
-			}, { default: () => [items[index]] });
+			}, { default() {
+				return items[index];
+			} });
 		})] });
 	}
 });

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.mjs

@@ -1,13 +1,10 @@
 import './gct-form-collapse-pane.css';/* empty css                             */
-import { createVNode, defineComponent, isVNode, mergeProps, resolveComponent } from "vue";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
 import { useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.tsx
 /**
 * 表单折叠面板项
 */
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var GctFormCollapsePane = /* @__PURE__ */ defineComponent({
 	name: "GctFormCollapsePane",
 	props: {
@@ -28,8 +25,12 @@ var GctFormCollapsePane = /* @__PURE__ */ defineComponent({
 		const ns = useNamespace("form-collapse-pane");
 		const style = {};
 		function renderContainer(items) {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, _isSlot(items) ? items : { default: () => [items] });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, _isSlot(items) ? items : { default: () => [items] });
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default() {
+				return items;
+			} });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default() {
+				return items;
+			} });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		if (props.model.width) style[ns.cssVarName("form-collapse-pane-width")] = props.model.width;

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.d.ts

@@ -1,4 +1,4 @@
-import { IFormHiddenItem } from '../../../interface';
+import { IEditorBasic, IFormHiddenItem } from '../../../interface';
 /**
  * 表单隐藏项模型
  *
@@ -11,6 +11,6 @@ export declare class GctFormHiddenItemModel implements IFormHiddenItem {
     name: string;
     field?: string;
     defaultValue?: any;
-    editor?: any;
+    editor: IEditorBasic;
     constructor(name: string, options?: Partial<IFormHiddenItem>);
 }

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs

@@ -11,7 +11,7 @@ var GctFormHiddenItemModel = class {
 	name;
 	field;
 	defaultValue;
-	editor;
+	editor = { type: "hidden" };
 	constructor(name, options) {
 		this.name = name;
 		if (options) Object.assign(this, options);

package/es/modules/gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.mjs

@@ -57,7 +57,9 @@ var GctFormTab = /* @__PURE__ */ defineComponent({
 			return createVNode(resolveComponent("a-tab-pane"), {
 				"key": item.name,
 				"tab": item.title
-			}, { default: () => [items[index]] });
+			}, { default() {
+				return items[index];
+			} });
 		})] });
 	}
 });

package/es/modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.mjs

@@ -1,13 +1,10 @@
 import './gct-form-tab-pane.css';/* empty css                        */
-import { createVNode, defineComponent, isVNode, resolveComponent } from "vue";
+import { createVNode, defineComponent, resolveComponent } from "vue";
 import { useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.tsx
 /**
 * 表单分页pane
 */
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var GctFormTabPane = /* @__PURE__ */ defineComponent({
 	name: "GctFormTabPane",
 	props: {
@@ -28,8 +25,12 @@ var GctFormTabPane = /* @__PURE__ */ defineComponent({
 		const ns = useNamespace("form-tab-pane");
 		const style = {};
 		function renderContainer(items) {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, _isSlot(items) ? items : { default: () => [items] });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, _isSlot(items) ? items : { default: () => [items] });
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default() {
+				return items;
+			} });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default() {
+				return items;
+			} });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		if (props.model.width) style[ns.cssVarName("form-tab-pane-width")] = props.model.width;

package/es/modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.mjs

@@ -1,13 +1,10 @@
 import './gct-form-title-group.css';/* empty css                           */
-import { createVNode, defineComponent, isVNode, ref, resolveComponent } from "vue";
+import { createVNode, defineComponent, ref, resolveComponent } from "vue";
 import { useNamespace } from "@gct-paas/core";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.tsx
 /**
 * 表单分组
 */
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var GctFormTitleGroup = /* @__PURE__ */ defineComponent({
 	name: "GctFormTitleGroup",
 	props: {
@@ -24,8 +21,12 @@ var GctFormTitleGroup = /* @__PURE__ */ defineComponent({
 		const ns = useNamespace("form-title-group");
 		const keys = ref([0]);
 		function renderContainer(items) {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, _isSlot(items) ? items : { default: () => [items] });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, _isSlot(items) ? items : { default: () => [items] });
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default() {
+				return items;
+			} });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default() {
+				return items;
+			} });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		const style = {};