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

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

@@ -0,0 +1,116 @@
+import online_form_model_modal_default from "./online-form-model-modal.vue.mjs";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, ref, resolveComponent, toRaw, unref, watch, withModifiers } from "vue";
+import { FormDesignEnum, t } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-model-select/select-online-form-model/online-form-model-select.vue?vue&type=script&setup=true&name=online-form-model-select&lang.ts
+var online_form_model_select_vue_vue_type_script_setup_true_name_online_form_model_select_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "online-form-model-select",
+	props: {
+		joinFormRefId: {},
+		joinModelKey: {},
+		joinSubModel: { type: Boolean },
+		border: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"change",
+		"update:joinFormRefId",
+		"update:joinModelKey",
+		"update:joinSubModel",
+		"on-clear"
+	],
+	setup(__props, { emit: __emit }) {
+		const moduleType = FormDesignEnum.ONLINE_FORM;
+		const props = __props;
+		const emit = __emit;
+		const _options = ref([]);
+		const localVal = computed({
+			get() {
+				return props.joinFormRefId;
+			},
+			set(v) {
+				emit("update:joinFormRefId", v);
+			}
+		});
+		watch(() => localVal.value, async (v) => {
+			if (v) {
+				let data = _options.value.find((e) => e.refId === v);
+				if (!data) data = await getTmplInfo(v ? v.split(":")[1] || v.split(":")[0] : "");
+			}
+		}, { immediate: true });
+		const optionsData = computed(() => {
+			return _options.value.map((e) => {
+				return {
+					...e,
+					fieldLabel: `${e.name}${e.version ? " : " + e.version : ""}`
+				};
+			});
+		});
+		async function getTmplInfo(id) {
+			const res = await _api.apaas.formRelate.getInfo({
+				id,
+				moduleType
+			});
+			res && _options.value.push({
+				...res,
+				refId: res.baseId ? res.baseId + ":" + res.id : res.id
+			});
+			return res;
+		}
+		function getOptionValue(v = localVal.value) {
+			return toRaw(optionsData.value.find((i) => i.refId === v));
+		}
+		const openModal = async () => {
+			if (props.disabled) return;
+			const res = await _gct.openUtil.modal(online_form_model_modal_default, {
+				formSelected: getOptionValue(),
+				modelSelected: props.joinModelKey,
+				moduleType
+			}, {
+				title: "表单模型选择",
+				width: 800,
+				okText: t("sys.okText"),
+				okButtonProps: { disabled: true }
+			});
+			if (res.ok && res.params) {
+				const { formSelected, modelKey, subModel } = res.params ?? {};
+				if (!formSelected) return;
+				if (!_options.value.some((e) => e.refId === formSelected.refId)) _options.value.push({ ...formSelected });
+				localVal.value = formSelected.refId;
+				emit("update:joinModelKey", modelKey);
+				emit("update:joinSubModel", subModel);
+				if (formSelected.refId !== props.joinFormRefId || modelKey !== props.joinModelKey) emit("on-clear");
+				emit("change", formSelected);
+			}
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, {
+				value: localVal.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => localVal.value = $event),
+				class: normalizeClass([!__props.border && "custom-select-no-arrow"]),
+				placeholder: unref(t)("sys.chooseText"),
+				bordered: __props.border,
+				disabled: __props.disabled,
+				"show-search": false,
+				"show-arrow": false,
+				"allow-clear": false,
+				open: false,
+				"field-names": {
+					label: "fieldLabel",
+					value: "refId"
+				},
+				options: optionsData.value,
+				onClick: _cache[1] || (_cache[1] = withModifiers(($event) => openModal(), ["stop"]))
+			}, null, 8, [
+				"value",
+				"class",
+				"placeholder",
+				"bordered",
+				"disabled",
+				"options"
+			]);
+		};
+	}
+});
+//#endregion
+export { online_form_model_select_vue_vue_type_script_setup_true_name_online_form_model_select_lang_default as default };

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-edit-item/form-edit-item.controller.d.ts

@@ -37,6 +37,13 @@ export interface IFormEditItemController<M extends IFormEditItem = IFormEditItem
      * @type {string}
      */
     key: string;
+    /**
+     * 忽略下一次值变化
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 20:04:55
+     */
+    ignoreChangeOnce(): void;
     /**
      * 重置表单项值
      *

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

@@ -28,8 +28,8 @@ var GctFormGroup = /* @__PURE__ */ defineComponent({
 		const ns = useNamespace("form-group");
 		const keys = ref([0]);
 		function renderContainer() {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default: () => slots.default?.() });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default: () => slots.default?.() });
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { ...slots });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { ...slots });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		const style = {};

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.css

@@ -83,12 +83,12 @@
 .gct-form-tab > .ant-tabs-nav > .ant-tabs-nav-wrap {
   border-bottom: 1px solid #E0E3EA;
 }
-.gct-form-tab > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
-  margin-left: var(--gct-form-tab-tab-spacing);
-}
 .gct-form-tab > .ant-tabs-nav .ant-tabs-tab {
   padding: 7px 0;
 }
+.gct-form-tab > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
+  margin-left: var(--gct-form-tab-tab-spacing);
+}
 .gct-form-tab.ant-tabs .ant-tabs-tabpane {
   overflow: hidden auto;
 }

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 = {};

package/es/modules/gct-form/widgets/gct-search-form/form/app-form.css

@@ -0,0 +1,70 @@
+@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-app-form {
+  padding: 16px 16px 0;
+}
+.gct-app-form .gct-grid-container > .ant-col:first-child .gct-app-form-item {
+  padding-left: 0;
+}

package/es/modules/gct-form/widgets/gct-search-form/form/app-form.d.ts

@@ -0,0 +1,22 @@
+import { PropType, VNode } from 'vue';
+import { IForm, IFormContainer, IFormItem, IFormItemBasic } from '../../..';
+export declare const AppForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IForm>;
+        required: true;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: import('../form.controller').FormController;
+    renderItem: (item: IFormItem) => import("vue/jsx-runtime").JSX.Element | null;
+    renderContainer: (container: IFormContainer) => import("vue/jsx-runtime").JSX.Element | undefined;
+    renderChildren: (children: IFormItemBasic[]) => (VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | null)[] | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<IForm>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default AppForm;

package/es/modules/gct-form/widgets/gct-search-form/form/app-form.mjs

@@ -0,0 +1,106 @@
+import { EditorRegisterConst as EditorRegisterConst$1 } from "../../../constants/editor-register/editor-register.mjs";
+import { FlexContainer } from "../../../components/flex-container/flex-container.mjs";
+import { GridContainer } from "../../../components/grid-container/grid-container.mjs";
+import "../../../components/index.mjs";
+import { useFormController } from "../form.controller.mjs";
+import './app-form.css';/* empty css               */
+import { AppFormItem } from "../form-item/form-item.mjs";
+import "../../../index.mjs";
+import { createVNode, defineComponent, h, isVNode, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/widgets/gct-search-form/form/app-form.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var AppForm = /* @__PURE__ */ defineComponent({
+	name: "AppForm",
+	props: { model: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const ns = useNamespace("app-form");
+		const c = useFormController(props.model);
+		/**
+		* 绘制表单项
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:52
+		* @param {IFormItem} item
+		* @return {*}
+		*/
+		const renderItem = (item) => {
+			if (item.editor.type === "hidden") return null;
+			const provider = _gct.register.editor.get(EditorRegisterConst$1.PREFIX + item.editor.type);
+			console.log("item--------------", c, item, provider);
+			let content = null;
+			if (provider) if (provider.render) content = provider.render(c.state.data[item.name], c.state.data, item);
+			else if (provider.component) content = h(typeof provider.component === "string" ? resolveComponent(provider.component) : provider.component, {
+				c,
+				value: c.state.data[item.name],
+				itemModel: item,
+				model: item.editor,
+				data: c.state.data,
+				"onUpdate:value": (value) => {
+					console.log("onUpdate:value", value, c.state.data);
+					c.state.data[item.name] = value;
+					console.log("c.state.data----------", c.state.data);
+				}
+			});
+			else console.error(`未找到编辑器绘制组件：${item.name} - ${item.editor.type}，请实现 component 或 render 方法`);
+			else console.error(`未找到编辑器适配器：${item.name} - ${item.editor.type}`);
+			return createVNode(AppFormItem, { "model": item }, _isSlot(content) ? content : { default: () => [content] });
+		};
+		/**
+		* 绘制表单容器
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:17
+		* @param {IFormContainer} container
+		* @return {*}
+		*/
+		const renderContainer = (container) => {
+			if (container.layout === "flex") {
+				let _slot;
+				return createVNode(FlexContainer, { "layout": container.flex }, _isSlot(_slot = renderChildren(container.children)) ? _slot : { default: () => [_slot] });
+			}
+			if (container.layout === "grid") {
+				let _slot2;
+				return createVNode(GridContainer, { "layout": container.grid }, _isSlot(_slot2 = renderChildren(container.children)) ? _slot2 : { default: () => [_slot2] });
+			}
+			console.error("不支持的layout类型" + container.layout);
+		};
+		/**
+		* 绘制子元素
+		*
+		* @author zhanghanrui
+		* @date 2024-03-26 21:03:22
+		* @param {IFormItemBasic[]} children
+		* @return {*}
+		*/
+		const renderChildren = (children) => {
+			if (!children) return null;
+			return children.flatMap((item) => {
+				const container = item;
+				if (container.children) return renderChildren(container.children);
+				return renderItem(item);
+			});
+		};
+		return {
+			ns,
+			c,
+			renderItem,
+			renderContainer,
+			renderChildren
+		};
+	},
+	render() {
+		let _slot3;
+		return createVNode(resolveComponent("a-form"), {
+			"model": this.c.state.data,
+			"class": this.ns.b()
+		}, _isSlot(_slot3 = this.model.children.map((item) => this.renderContainer(item))) ? _slot3 : { default: () => [_slot3] });
+	}
+});
+//#endregion
+export { AppForm as default };