@gct-paas/design 0.1.4-dev.16 → 0.1.4-dev.18

package/es/components/design-view-layout/design-view-layout.css

@@ -68,21 +68,21 @@
 */
 .gct-design-view-layout {
   position: relative;
-  height: 100%;
   width: 100%;
+  height: 100%;
   overflow: hidden;
 }
-.gct-design-view-layout :global(.gct-modal-name-editor__input .ant-input.ant-input-sm) {
+.gct-design-view-layout .gct-modal-name-editor__input .ant-input.ant-input-sm {
   color: rgb(26, 29, 35);
 }
 .gct-design-view-layout__header {
-  width: 100%;
-  height: 69px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: #fff;
+  width: 100%;
+  height: 69px;
   padding: 0 24px;
+  background-color: #fff;
   border-bottom: 1px solid #E0E3EB;
 }
 
@@ -90,10 +90,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
   width: 20px;
   height: 20px;
   font-size: 20px;
+  cursor: pointer;
 }
 
 .gct-design-view-layout__header-info {
@@ -131,8 +131,8 @@
 
 .gct-design-view-layout__header-actions {
   display: flex;
-  align-items: center;
   gap: 12px;
+  align-items: center;
   height: 100%;
 }
 
@@ -141,14 +141,14 @@
   align-items: center;
 }
 .gct-design-view-layout__header-action-btn:focus {
-  border-color: #E0E3EB;
   color: rgba(0, 0, 0, 0.85);
+  border-color: #E0E3EB;
 }
-.gct-design-view-layout__header-action-btn :global(.gct-iconfont) {
-  font-size: 14px;
+.gct-design-view-layout__header-action-btn .gct-iconfont {
   margin-right: 6px;
+  font-size: 14px;
 }
-.gct-design-view-layout__header-action-btn :global(span) {
+.gct-design-view-layout__header-action-btn span {
   height: 22px;
 }
 

package/es/components/design-view-layout/design-view-layout.mjs

@@ -102,7 +102,7 @@ var DesignViewLayout = /* @__PURE__ */ defineComponent({
 				createVNode("div", { "class": ns.e("header-left") }, [isBack.value ? createVNode("div", {
 					"class": ns.e("header-back"),
 					"onClick": onBack
-				}, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/assets/card-design/arrow_back.svg" }, null)]) : null, props.editName ? createVNode("div", { "class": ns.e("header-info") }, [createVNode("div", { "class": ns.e("header-sub-title") }, [subTitle.value]), createVNode("div", { "class": ns.e("header-title") }, [createVNode(ModalNameEditor, {
+				}, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/card-design/arrow_back.svg" }, null)]) : null, props.editName ? createVNode("div", { "class": ns.e("header-info") }, [createVNode("div", { "class": ns.e("header-sub-title") }, [subTitle.value]), createVNode("div", { "class": ns.e("header-title") }, [createVNode(ModalNameEditor, {
 					"value": val.value,
 					"onUpdate:value": ($event) => val.value = $event,
 					"defaultName": props.defaultName

package/es/components/field-transfer/components/Transfer/AdvancedTransfer.mjs

@@ -4,6 +4,8 @@ import { FieldIconMap, t } from "@gct-paas/core";
 import { computed, createVNode, defineComponent, ref, toRefs, watch } from "vue";
 import { Empty, Transfer } from "ant-design-vue";
 //#region src/components/field-transfer/components/Transfer/AdvancedTransfer.tsx
+var noData = "/extras-assets/design-view/pic_nodata.svg";
+var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var AdvancedTransfer_default = /* @__PURE__ */ defineComponent({
 	name: "AdvancedTransfer",
 	props: {
@@ -88,7 +90,10 @@ var AdvancedTransfer_default = /* @__PURE__ */ defineComponent({
 				"checkedKeys": targetCheckedKeys.value,
 				"onCheckedKeysChange": setTargetCheckedKeys
 			}, null);
-			if (direction === "left" && (!leftOption.value.length || !filteredLeftOption.value.length)) return createVNode("div", { "class": "empty-container" }, [createVNode(Empty, { "description": leftOption.value.length ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData") }, null)]);
+			if (direction === "left" && (!leftOption.value.length || !filteredLeftOption.value.length)) return createVNode("div", { "class": "empty-container" }, [createVNode(Empty, {
+				"image": leftOption.value.length ? noSearchData : noData,
+				"description": leftOption.value.length ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+			}, null)]);
 		} };
 		return () => {
 			return createVNode("div", { "class": "advanced-transfer-container" }, [createVNode(Transfer, {

package/es/components/field-transfer/components/Transfer/TransferTree.mjs

@@ -5,6 +5,8 @@ import { FieldIconMap, t } from "@gct-paas/core";
 import { computed, createVNode, defineComponent, ref, toRefs } from "vue";
 import { Empty, Input, Tree } from "ant-design-vue";
 //#region src/components/field-transfer/components/Transfer/TransferTree.tsx
+var noData = "/extras-assets/design-view/pic_nodata.svg";
+var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var TransferTree_default = /* @__PURE__ */ defineComponent({
 	name: "TransferTree",
 	props: {
@@ -52,7 +54,10 @@ var TransferTree_default = /* @__PURE__ */ defineComponent({
 			}, null)]), createVNode("div", {
 				"class": "tree-wrapper",
 				"style": { overflow: "auto" }
-			}, [filteredTreeData.value.length === 0 ? createVNode("div", { "class": "empty-container" }, [createVNode(Empty, { "description": keyword.value ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData") }, null)]) : createVNode(Tree, {
+			}, [filteredTreeData.value.length === 0 ? createVNode("div", { "class": "empty-container" }, [createVNode(Empty, {
+				"image": keyword.value ? noSearchData : noData,
+				"description": keyword.value ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+			}, null)]) : createVNode(Tree, {
 				"showIcon": true,
 				"showLine": { showLeafIcon: false },
 				"blockNode": true,

package/es/hooks/design-view/page/usePage.mjs

@@ -43,7 +43,7 @@ async function loadPageInfo(app) {
 	};
 	else pageInfo.value = platform.value === Platform.WEB ? await _api.apaas.webpage.getInfo({ id: _gct.store.context.pid }) : platform.value === Platform.PAD ? await _api.apaas.padPage.getInfo({ id: _gct.store.context.pid }) : await _api.apaas.mobilePage.getInfo({ id: _gct.store.context.pid });
 	const [configs] = await DesignPluginPgkUtil.loadDesignPlugin(app, platform.value, _gct.store.appInfo.suiteKey ? [_gct.store.appInfo.suiteKey] : void 0);
-	setPluginConfigs([configs]);
+	setPluginConfigs(configs);
 	if (!historyUtils.isHistoryInfoExist(_gct.store.context.pid)) historyUtils.init({ historyId: _gct.store.context.pid ?? "" });
 	if (pageInfo.value.designerJson && !isNil(pageInfo.value.designerJson) && !isEmpty(pageInfo.value.designerJson)) {
 		const _json = JSON.parse(pageInfo.value.designerJson);

package/es/hooks/design-view/useDesigner.d.ts

@@ -1085,7 +1085,7 @@ export declare function useDesigner(): {
     methodMap: import('vue').Ref<import('@gct-paas/schema').ExportMethod, import('@gct-paas/schema').ExportMethod>;
     checkWidgetMove: () => boolean;
     handleAddDrag: (newIndex: number, childrenList: LowCodeWidget.BasicSchema[], scope: SCOPE, formID?: string) => void;
-    setPageJson: (json: PageJson) => void;
+    setPageJson: (json: PageJson) => Promise<void>;
     save: (flag?: boolean, showSuccess?: boolean) => Promise<boolean>;
     savePageJsonSnapshot: (json?: PageJson) => void;
     emitCache: () => void;

package/es/hooks/design-view/useDesigner.mjs

@@ -1,4 +1,6 @@
 import { platform } from "../../utils/design-view/index.mjs";
+import { initMethodMap } from "../../utils/transform-js/transform-js.mjs";
+import "../../utils/index.mjs";
 import { methodMap, pageJson } from "./design-state.mjs";
 import { useDesignModal } from "./designer/useDesignModal.mjs";
 import { useDesignPreview } from "./designer/useDesignPreview.mjs";
@@ -36,9 +38,12 @@ function useDesigner() {
 	/**
 	* 设置设计器的 pageJSON
 	*/
-	function setPageJson(json) {
+	async function setPageJson(json) {
 		pageJson.pageConfig.hasFooter = platform.value === Platform.MOBILE || platform.value === Platform.PAD;
 		Object.assign(pageJson, json);
+		initMethodMap(pageJson.js).then((map) => {
+			methodMap.value = map;
+		});
 		cache.emitCache();
 	}
 	/** 检查是否可以拖拽进入的方法，比如某些组件不能拖到某些组件内 */

package/es/hooks/design-view/widget/useSelectedWidget.d.ts

@@ -7,7 +7,7 @@ export declare function useSelectedWidget(): {
     resetSelectedModal: () => void;
     setSelectedWidget: (widget: Partial<LowCodeWidget.BasicSchema>, scope?: SCOPE) => void;
     resetSelectedWidget: (scope?: SCOPE) => void;
-    selectedAllPropEditors: import('vue').ComputedRef<any>;
+    selectedAllPropEditors: import('vue').ComputedRef<import('@gct-paas/schema').IPropEditor[]>;
     selectedAllStyleEditors: import('vue').ComputedRef<import('@gct-paas/schema').IStyleEditor[]>;
     selectedAllEvents: import('vue').ComputedRef<IObject[]>;
     selectedEvents: import('vue').WritableComputedRef<import('@gct-paas/schema').IBasicEvents, import('@gct-paas/schema').IBasicEvents>;

package/es/hooks/design-view/widget/useSelectedWidget.mjs

@@ -1,3 +1,4 @@
+import { designRegister } from "../../../utils/design-view/index.mjs";
 import { commonStyle } from "../../../schema/common-config/common-style.mjs";
 import "../../../schema/index.mjs";
 import { subTableModalId, subTableModalState, widgetInfo } from "../design-state.mjs";
@@ -7,11 +8,8 @@ import { useWidgetQuery } from "./useWidgetQuery.mjs";
 import { get, has, isArray, isEmpty } from "lodash-es";
 import { BuiltinType, FIELD_TYPE, FormComponents, PanelEnum, TreeHelper } from "@gct-paas/core";
 import { computed, ref } from "vue";
-import { getCompPos } from "@gct-paas/schema";
+import { FieldEditorOverrideRegistry, getCompPos } from "@gct-paas/schema";
 //#region src/hooks/design-view/widget/useSelectedWidget.ts
-var fieldFormEvents = {};
-var fieldFormEditors = {};
-var fieldFormStyles = {};
 var selectedConfig = ref({ mode: "move" });
 var selectedParentChildren = ref([]);
 var selectedParentWidgets = ref([]);
@@ -129,9 +127,17 @@ function useSelectedWidget() {
 	/**被选择的组件/弹框拥有的所有事件 */
 	const selectedAllEvents = computed(() => {
 		const { type } = selectedRef.value;
-		const eventConfig = widgetInfo.value.events[type] || fieldFormEvents[type] || [];
-		if (typeof eventConfig === "function") return eventConfig(selectedRef.value);
-		else return eventConfig;
+		const widgetEvents = widgetInfo.value.events;
+		if (widgetEvents[type] && isArray(widgetEvents[type])) return widgetEvents[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllEvents 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		if (selectedRef.value.props.fieldReadonly) return (provider.events || []).filter((event) => event.name === "onClick");
+		const overrideEvents = FieldEditorOverrideRegistry.get(type)?.events;
+		const defaultEvents = provider.events || [];
+		return overrideEvents?.(selectedRef.value, defaultEvents) || defaultEvents;
 	});
 	/**被选择的组件/弹框拥有的所有属性编辑器的描述集合 */
 	const selectedAllPropEditors = computed(() => {
@@ -144,12 +150,28 @@ function useSelectedWidget() {
 				return widget.id === get(selectedRef.value, "preLocation");
 			});
 		}
-		return widgetPropsEditors[type] && isArray(widgetPropsEditors[type]) ? widgetPropsEditors[type] : fieldFormEditors[type]?.(selectedRef.value, preCompInfo);
+		if (widgetPropsEditors[type] && isArray(widgetPropsEditors[type])) return widgetPropsEditors[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllPropEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		const overridePropEditor = FieldEditorOverrideRegistry.get(type)?.propEditor;
+		const defaultPropEditors = provider.propEditors || [];
+		return overridePropEditor?.(selectedRef.value, defaultPropEditors, preCompInfo) || defaultPropEditors;
 	});
 	/**被选择的组件/弹框拥有的所有样式编辑器的描述集合 */
 	const selectedAllStyleEditors = computed(() => {
 		const { type } = selectedRef.value;
-		return widgetInfo.value.styleEditors[type] || fieldFormStyles[type]?.(selectedRef.value);
+		if (widgetInfo.value.styleEditors[type] && isArray(widgetInfo.value.styleEditors[type])) return widgetInfo.value.styleEditors[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllStyleEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		const overrideStyleEditor = FieldEditorOverrideRegistry.get(type)?.styleEditor;
+		const defaultStyleEditors = provider.styleEditors || [];
+		return overrideStyleEditor?.(selectedRef.value, defaultStyleEditors) || defaultStyleEditors;
 	});
 	/**被选择的组件所有设计相关配置信息集合 */
 	const selectedAllDesingerConfig = computed(() => {

package/es/index.mjs

@@ -37,6 +37,7 @@ import { getAutofillEditor } from "./schema/common-config/autofill-editor-config
 import { fixedAlignEditor } from "./schema/common-config/column-editor-config.mjs";
 import { BaseSearch, getSearchOptions } from "./schema/search/BaseSearch.mjs";
 import { BaseDate } from "./schema/search/BaseDate.mjs";
+import { FieldOverrideUtil, setupOverride } from "./schema/field/index.mjs";
 import "./schema/index.mjs";
 import { isModified, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, wfNodesModalId, wfNodesModalState, widgetInfo, workflowModalId, workflowModalState } from "./hooks/design-view/design-state.mjs";
 import { useScope } from "./hooks/design-view/layout/useScope.mjs";
@@ -90,4 +91,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignEditorNode, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignSaveTip, DesignStepCheck, DesignViewHooks, DesignViewLayout, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldSchema, InsertNodeMode, MaterialGroup, MaterialRegister, MenuClickEvent, ModalNameEditor, ModelTypeEnum, NotMask, PageTypeEnum, ProcessTypeEnum, SCREditorUtils, ScriptTypeEnum, user_lock_default as UserLock, user_occupy_default as UserOccupy, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, commonStyle, createWidgetByType, createWidgetProvider, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useKeyParser, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };
+export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignEditorNode, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignSaveTip, DesignStepCheck, DesignViewHooks, DesignViewLayout, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldOverrideUtil, FieldSchema, InsertNodeMode, MaterialGroup, MaterialRegister, MenuClickEvent, ModalNameEditor, ModelTypeEnum, NotMask, PageTypeEnum, ProcessTypeEnum, SCREditorUtils, ScriptTypeEnum, user_lock_default as UserLock, user_occupy_default as UserOccupy, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, commonStyle, createWidgetByType, createWidgetProvider, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, setupOverride, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useKeyParser, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };

package/es/schema/common-config/button-editor-config.mjs

@@ -1,5 +1,7 @@
+import { platform } from "../../utils/design-view/index.mjs";
+import "../../utils/index.mjs";
 import { hiddenButtonProps } from "./button-props-func.mjs";
-import { ButtonColorTheme, ButtonColorType, ButtonSize, ButtonStyle, PropGroup, StyleGroup } from "@gct-paas/core";
+import { ButtonColorTheme, ButtonColorType, ButtonSize, ButtonStyle, Platform, PropGroup, StyleGroup } from "@gct-paas/core";
 //#region src/schema/common-config/button-editor-config.ts
 var buttonProps = {
 	disabled: false,
@@ -79,7 +81,7 @@ var buttonEditor = [
 		label: "sys.pageDesigner.buttonSize",
 		group: PropGroup.ButtonStyle,
 		hidden: (widget) => {
-			return hiddenButtonProps(widget);
+			return hiddenButtonProps(widget) || platform.value === Platform.MOBILE;
 		},
 		_config: { options: Object.values(ButtonSize).map((i) => {
 			return {

package/es/schema/common-config/common-field-editor-config.d.ts

@@ -9,7 +9,7 @@ export declare const getInputAttrEditor: (needFieldAttrs: string[]) => LowCodeWi
 /** 获取组件类型config */
 export declare const getBindCmpTypeEditor: ({ name, type, hiddenCallback, filterOptionsCallback, groupName, }: {
     name: string;
-    type: BindCmpStyleTypeEnum | ((arg: LowCodeWidget.BasicSchema) => BindCmpStyleTypeEnum);
+    type: BindCmpStyleTypeEnum | ((arg: LowCodeWidget.BasicSchema) => BindCmpStyleTypeEnum | undefined);
     hiddenCallback?: (arg: LowCodeWidget.BasicSchema | LowCodeModal.Modal) => boolean;
     filterOptionsCallback?: (arg: BindCmpStyleEnum, widget?: LowCodeWidget.BasicSchema) => boolean;
     groupName?: string;

package/es/schema/field/card-list-field.d.ts

@@ -0,0 +1,4 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare function runPropEditor(selected: IObject, propEditorList: LowCodeWidget.PropEditor[], isCard: boolean): LowCodeWidget.PropEditor[];
+export declare function runStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function runEventEditor(): never[];

package/es/schema/field/card-list-field.mjs

@@ -0,0 +1,269 @@
+import { displayEditor } from "../common-config/display-editor-config.mjs";
+import { basicFieldEditor, getBindCmpTypeEditor } from "../common-config/common-field-editor-config.mjs";
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum, CURRENCY_ENUM, CURRENCY_LANG_ENUM, FIELD_TYPE, FormComponents, MaterialEnum, ProgressTypeEnum, PropGroup, SignatureTypeEnum, StyleGroup, TIMETYPE_ENUM, TIMETYPE_LANG_ENUM, TagTypeEnum, TextDecoration, buildShortUUID, tagEnum } from "@gct-paas/core";
+import { FieldEditorOverrideRegistry } from "@gct-paas/schema";
+//#region src/schema/field/card-list-field.ts
+function runPropEditor(selected, propEditorList, isCard) {
+	if ([
+		FIELD_TYPE.TEXT,
+		FIELD_TYPE.LONG_TEXT,
+		FIELD_TYPE.INTEGER,
+		FIELD_TYPE.LONG,
+		FIELD_TYPE.DOUBLE,
+		FIELD_TYPE.DECIMAL,
+		FIELD_TYPE.BOOLEAN,
+		FIELD_TYPE.ENUM,
+		FIELD_TYPE.ENUM_MULTI,
+		FIELD_TYPE.REF,
+		FIELD_TYPE.REF_MULTI,
+		FIELD_TYPE.TRANSACTION,
+		FIELD_TYPE.RDO_REF
+	].includes(selected.props.fieldType) && isCard) return propEditorList;
+	if (selected.type === FormComponents.EXPRESSION || selected.type === FormComponents.AGG) return propEditorList;
+	const propArr = [...basicFieldEditor, ...displayEditor];
+	if (selected.type === FormComponents.Signature) propArr.push({
+		component: "select-editor",
+		name: "signatureType",
+		label: "sys.pageDesigner.signatureType",
+		group: PropGroup.FIELD_CONFIG,
+		_config: {
+			showSearch: true,
+			options: Object.keys(SignatureTypeEnum).map((key) => {
+				return {
+					label: "sys.pageDesigner." + SignatureTypeEnum[key],
+					value: SignatureTypeEnum[key]
+				};
+			})
+		},
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE;
+		}
+	}, {
+		component: "datetime-style-editor",
+		name: "displayStyle",
+		label: "sys.pageDesigner.displayStyle",
+		group: PropGroup.FIELD_CONFIG,
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE || widget.props.signatureType !== SignatureTypeEnum.SIGNATURE_DATETIME;
+		}
+	}, {
+		component: "date-style-editor",
+		name: "displayStyle",
+		label: "sys.pageDesigner.displayStyle",
+		group: PropGroup.FIELD_CONFIG,
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE || widget.props.signatureType !== SignatureTypeEnum.SIGNATURE_DATE;
+		}
+	});
+	if (selected.type === FormComponents.UploadImage && !isCard) propArr.push({
+		component: "max-display-editor",
+		name: "displayMaxNum",
+		label: "sys.pageDesigner.displayMaxNum",
+		group: PropGroup.SHOW,
+		_config: {
+			min: 1,
+			max: 20,
+			precision: 0
+		}
+	});
+	if ([
+		FormComponents.Switch,
+		FormComponents.Select,
+		FormComponents.Radio,
+		FormComponents.Checkbox,
+		FormComponents.Input,
+		FormComponents.ElectronicSignature,
+		FormComponents.Inputnumber
+	].includes(selected.type)) {
+		propArr.push(...getBindCmpTypeEditor({
+			name: "bindCompStyleType",
+			hiddenCallback: (widget) => {
+				return [FIELD_TYPE.LONG_TEXT, FIELD_TYPE.TEXT].includes(widget.props.fieldType);
+			},
+			type: (widget) => {
+				if ([FIELD_TYPE.LONG_TEXT].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindLongText;
+				else if (FIELD_TYPE.BOOLEAN === widget.props.fieldType) return BindCmpStyleTypeEnum.BindBool;
+				else if ([FIELD_TYPE.USER].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindPerson;
+				else if ([FIELD_TYPE.ORG].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindDept;
+				else if ([FIELD_TYPE.REF, FIELD_TYPE.ENUM].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindLink;
+				else if ([
+					FIELD_TYPE.REF_MULTI,
+					FIELD_TYPE.ENUM_MULTI,
+					FIELD_TYPE.USER_MULTI,
+					FIELD_TYPE.ORG_MULTI
+				].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindMulti;
+				else if ([FIELD_TYPE.LONG, FIELD_TYPE.INTEGER].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindNum;
+				else if ([FIELD_TYPE.DECIMAL].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindDecimal;
+			}
+		}));
+		if (FormComponents.Inputnumber === selected.type) propArr.push(...[{
+			component: "select-editor",
+			name: "displayTimeType",
+			label: "sys.pageDesigner.timeType",
+			group: PropGroup.FIELD_CONFIG,
+			hidden: (widget) => {
+				return widget.props.bindCompStyleType !== BindCmpStyleEnum.CMP_TIME;
+			},
+			_config: {
+				showSearch: true,
+				placeholder: "sys.pageDesigner.timeType",
+				clearable: false,
+				options: Object.keys(TIMETYPE_ENUM).map((key) => {
+					return {
+						label: "sys.component.time." + TIMETYPE_LANG_ENUM[key],
+						value: TIMETYPE_ENUM[key]
+					};
+				})
+			}
+		}, {
+			component: "select-editor",
+			name: "currency",
+			label: "",
+			group: PropGroup.FIELD_CONFIG,
+			hidden: (widget) => {
+				return widget.props.bindCompStyleType !== BindCmpStyleEnum.CMP_CURRENCY;
+			},
+			_config: {
+				showSearch: true,
+				placeholder: "sys.chooseText",
+				clearable: false,
+				options: Object.keys(CURRENCY_ENUM).map((key) => {
+					return {
+						label: "sys.pageDesigner." + CURRENCY_LANG_ENUM[key],
+						value: CURRENCY_ENUM[key]
+					};
+				})
+			}
+		}]);
+	}
+	return propArr;
+}
+function runStyleEditor() {
+	return [
+		{
+			component: "position-editor",
+			name: "position",
+			label: "sys.pageDesigner.position",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "number-editor",
+			name: "width",
+			label: "sys.width",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "number-editor",
+			name: "height",
+			label: "sys.height",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "font-editor",
+			name: "labelFont",
+			label: "sys.name",
+			group: StyleGroup.STYLE
+		},
+		{
+			component: "font-editor",
+			name: "contentFont",
+			label: "sys.content",
+			group: StyleGroup.STYLE,
+			hidden(widget) {
+				return [
+					FIELD_TYPE.ATTACHMENT,
+					FIELD_TYPE.IMAGE,
+					FIELD_TYPE.DATA_TABLE_FORMULA
+				].includes(widget.props.fieldType);
+			},
+			_config: { hiddenColor: true }
+		},
+		{
+			component: "boolean-editor",
+			name: "tagStyleOpen",
+			label: "sys.pageDesigner.tagStyle",
+			group: StyleGroup.STYLE,
+			hidden(widget) {
+				if ([
+					FIELD_TYPE.ATTACHMENT,
+					FIELD_TYPE.IMAGE,
+					FIELD_TYPE.RDO_REF,
+					FIELD_TYPE.DATA_TABLE_FORMULA
+				].includes(widget.props.fieldType)) return true;
+				if ([FormComponents.Switch, FormComponents.EXPRESSION].includes(widget.type)) return widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN;
+				return false;
+			},
+			_config: {
+				showType: "checkbox",
+				options: [{
+					label: "sys.pageDesigner.configureContentAsLabelStyle",
+					value: true
+				}]
+			},
+			changeCallback: (widget, value) => {
+				if (value && !widget.style.tagStyle) widget.style.tagStyle = {
+					color: "",
+					tagType: TagTypeEnum.RADIUS
+				};
+			}
+		},
+		{
+			component: "tag-editor",
+			name: "tagStyle",
+			group: StyleGroup.STYLE,
+			hidden: (widget) => {
+				if ([FormComponents.Switch, FormComponents.EXPRESSION].includes(widget.type) && widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN) return true;
+				if (widget.props?.fieldType === FIELD_TYPE.DATA_TABLE_FORMULA) return true;
+				return !widget.style.tagStyleOpen;
+			}
+		},
+		{
+			component: "column-tag-editor",
+			name: "columnFontStyleByRule",
+			label: "",
+			group: StyleGroup.STYLE,
+			_config: { generator: getFontStyleRule },
+			hidden: (widget) => {
+				return widget.props?.fieldType !== FIELD_TYPE.DATA_TABLE_FORMULA;
+			}
+		}
+	];
+}
+function runEventEditor() {
+	return [];
+}
+FieldEditorOverrideRegistry.register(MaterialEnum.cardListFormField, {
+	events: (_selectedRef, _defaultEvents) => runEventEditor(),
+	propEditor: (selectedRef, defaultList, _preCompInfo) => {
+		return runPropEditor(selectedRef, defaultList, true);
+	},
+	styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+});
+/**添加样式规则 */
+function getFontStyleRule() {
+	return {
+		id: buildShortUUID("content"),
+		displayRule: "",
+		contentFont: {
+			fontSize: "",
+			bold: false,
+			italic: false,
+			textDecoration: TextDecoration.NONE,
+			color: "",
+			align: "left"
+		},
+		tagStyle: {
+			color: "#0DAA9C",
+			tagType: TagTypeEnum.RADIUS,
+			progressBarType: ProgressTypeEnum.CIRCLE
+		},
+		progressStyle: {
+			color: "#0DAA9C",
+			tagType: ProgressTypeEnum.CIRCLE
+		},
+		tagType: tagEnum.TAG,
+		tagStyleOpen: false
+	};
+}
+//#endregion
+export { runPropEditor };

package/es/schema/field/data-table-column.d.ts

@@ -0,0 +1,81 @@
+import { tableColumnWidthEnum, fixedAlignENUM, PropGroup, Platform, FormComponents, MaterialEnum } from '@gct-paas/core';
+import { ColumnTable, LowCodeWidget } from '@gct-paas/schema';
+/**字段拖入表格内的逻辑 */
+interface WidgetSchemas extends Omit<ColumnTable, 'props'> {
+    props: PartialByKeys<ColumnTable['props'], 'fieldType'>;
+}
+export declare function runWidget(widget: LowCodeWidget.FieldSchema): ColumnTable;
+export declare function runSubtableFieldWidget(widget: LowCodeWidget.FieldSchema): {
+    [key: string]: any;
+    props: import('@gct-paas/schema').IFormItemProps & import('@gct-paas/schema').IWidgetProps;
+    id: string;
+    platform: Platform;
+    categoryType?: import('@gct-paas/core').CategoryTypeEnum;
+    alias: string;
+    name: string;
+    compName?: string;
+    compKey?: string;
+    type: string | FormComponents;
+    icon: string;
+    children?: any[];
+    internal?: boolean;
+    description?: string;
+    style: Partial<import('@gct-paas/schema').IBasicStyle>;
+    events: import('@gct-paas/schema').IBasicEvents;
+    formItem?: boolean;
+    display?: import('@gct-paas/core').DisplayEnums;
+    displayName?: string;
+    i18n?: Record<string, string>;
+    isField?: boolean;
+    materialType?: MaterialEnum;
+    preLocation?: string;
+    ignoringStyle?: string[];
+    isReadonlyWidget?: boolean;
+    parentComponent?: FormComponents;
+    dropPlaceholder?: string;
+    _plugin?: import('@gct-paas/schema').PagePlugin;
+} & {
+    props: {
+        fixedAlign: fixedAlignENUM;
+        embeddedSearch: boolean;
+    };
+    style: {
+        columnwidthConfigure: tableColumnWidthEnum;
+        columnwidth: number;
+        columnFontStyleByRule: never[];
+        columnBackgroundByRule: never[];
+    };
+};
+export declare function webRunPropEditor(list: LowCodeWidget.PropEditor[]): (import('@gct-paas/schema').IPropEditor | {
+    component: string;
+    name: string;
+    label: string;
+    group: PropGroup;
+    _config: {
+        options: {
+            icon: string;
+            label: string;
+            value: string;
+        }[];
+        min?: undefined;
+        max?: undefined;
+        precision?: undefined;
+    };
+    hidden(widget: WidgetSchemas): true | undefined;
+} | {
+    component: string;
+    name: string;
+    label: string;
+    group: PropGroup;
+    _config: {
+        min: number;
+        max: number;
+        precision: number;
+        options?: undefined;
+    };
+    hidden(widget: WidgetSchemas): true | undefined;
+})[];
+export declare function runStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function mobileRunSubTableStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function runEventEditor(_list: LowCodeWidget.EventsType[]): never[];
+export {};