@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/schema/search/BaseSearch.mjs

@@ -0,0 +1,155 @@
+import { displayProps } from "../common-config/display-editor-config.mjs";
+import { PropGroup, SEARCH_SERVICE } from "@gct-paas/core";
+import { SEARCH_TYPE } from "@gct-paas/schema";
+//#region src/schema/search/BaseSearch.ts
+function getSearchOptions(type) {
+	return SEARCH_TYPE[type].filter?.map((i) => {
+		return {
+			label: `sys.model.${i}`,
+			value: i
+		};
+	}) || [];
+}
+var BaseSearch = class {
+	/**
+	* BaseSearch 单例实例
+	*/
+	static instance;
+	/** 组件唯一标识 */
+	id;
+	/** 组件名称 */
+	name;
+	/**组件类型 需和文件名一致 */
+	type;
+	/**i18n字段 */
+	i18n;
+	/**字段key */
+	field;
+	/**字段id */
+	fieldId;
+	/**字段类型 */
+	fieldType;
+	/**字段名称 */
+	label;
+	/** 默认值 */
+	defaultValue;
+	/**显示标题 */
+	displayLabelText;
+	clearable;
+	ope;
+	placeholder;
+	constructor() {
+		this.id = "";
+		this.name = void 0;
+		this.type = void 0;
+		this.i18n = {};
+		this.field = "";
+		this.fieldId = "";
+		this.fieldType = void 0;
+		this.label = "";
+		this.displayLabelText = true;
+		this.defaultValue = void 0;
+		this.clearable = true;
+		this.ope = [];
+		this.placeholder = "sys.inputText";
+	}
+	get baseAttrs() {
+		return {
+			id: this.id,
+			name: this.name,
+			type: this.type,
+			i18n: this.i18n
+		};
+	}
+	get baseProps() {
+		return {
+			field: this.field,
+			fieldId: this.fieldId,
+			fieldType: this.fieldType,
+			label: this.label,
+			displayLabelText: this.displayLabelText,
+			defaultValue: this.defaultValue,
+			clearable: this.clearable,
+			ope: this.ope,
+			placeholder: this.placeholder,
+			...displayProps
+		};
+	}
+	get labelEditor() {
+		return [
+			{
+				component: "custom-name-editor",
+				name: "label",
+				label: "sys.pageDesigner.fieldTitle",
+				group: PropGroup.BASIC,
+				_config: { formItemCheckbox: {
+					label: "sys.pageDesigner.displayLabelText",
+					propsKey: "displayLabelText"
+				} }
+			},
+			{
+				component: "input-attr-editor",
+				name: "",
+				label: "sys.pageDesigner.inputAttr",
+				group: PropGroup.FIELD_CONFIG,
+				_config: { needFieldAttrs: ["readonly"] },
+				hidden: (widget) => {
+					return widget.isSearchField && widget.materialType === "tableField" || widget.props.field === "operating_state_";
+				}
+			},
+			{
+				component: "dependency-editor",
+				name: "componentDependency",
+				label: "",
+				group: PropGroup.COMPONENTDEPENDENCY,
+				hidden: (widget) => {
+					return widget.isSearchField && widget.materialType === "tableField" || widget.props.field === "operating_state_";
+				}
+			}
+		];
+	}
+	get placeholderEditor() {
+		return {
+			component: "text-editor",
+			name: "placeholder",
+			label: "sys.pageDesigner.fieldPlaceholder",
+			group: PropGroup.FIELD_CONFIG,
+			_config: {
+				i18n: true,
+				showCount: true,
+				maxlength: 32
+			}
+		};
+	}
+	get isRangEditor() {
+		return {
+			component: "switch-editor",
+			name: "isRang",
+			label: "sys.pageDesigner.rangSearch",
+			group: PropGroup.FIELD_CONFIG,
+			changeCallback(widget, isRang) {
+				widget.props.ope = isRang ? [SEARCH_SERVICE.RANGE] : [SEARCH_SERVICE.EQ];
+			}
+		};
+	}
+	get moreOptionsEditor() {
+		return {
+			component: "checkbox-list-editor",
+			name: "moreOptions",
+			label: "sys.pageDesigner.nullCondition",
+			group: PropGroup.OPERATOR_CONFIG,
+			_config: { options: () => getSearchOptions("more") }
+		};
+	}
+	get ignoreEditor() {
+		return {
+			component: "checkbox-list-editor",
+			name: "ignoreOptions",
+			label: "sys.pageDesigner.matchingRule",
+			group: PropGroup.OPERATOR_CONFIG,
+			_config: { options: () => getSearchOptions("ignore") }
+		};
+	}
+};
+//#endregion
+export { BaseSearch, getSearchOptions };

package/es/schema/utils.d.ts

@@ -0,0 +1,8 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/**
+ * 创建搜索字段组件
+ * @param data
+ * @returns
+ */
+export declare function createdSearchField(data: IObject): LowCodeWidget.SearchSchema;
+export declare function changeCmpData(widget: LowCodeWidget.BasicSchema): void;

package/es/schema/utils.mjs

@@ -0,0 +1,76 @@
+import { designRegister } from "../utils/design-view/index.mjs";
+import "../utils/index.mjs";
+import { cloneDeep, difference, merge, pick, without } from "lodash-es";
+import { FIELD_TYPE, FieldIconMap, buildShortUUID, t, transformBindCmp2CmpType } from "@gct-paas/core";
+import { basicSearchAttrsUtils, transformField2SearchComponent, transformI18n } from "@gct-paas/schema";
+//#region src/schema/utils.ts
+/**
+* 创建搜索字段组件
+* @param data
+* @returns
+*/
+function createdSearchField(data) {
+	const { field, fieldId, fieldName, fieldCodeChain, fieldType: comType, label, bindModelKey, modelKey, returnType, type, preLocation, isFieldModel, platform } = data;
+	const basic = {
+		id: buildShortUUID(comType),
+		name: `sys.pageDesigner.fieldCmp.${type || comType}`,
+		icon: FieldIconMap[type || comType],
+		isSearchField: true,
+		preLocation,
+		platform
+	};
+	const fieldType = [FIELD_TYPE.AGG, FIELD_TYPE.EXPRESSION].includes(comType) ? returnType : comType;
+	data.fieldType = fieldType;
+	const { searchCmpKey, attrsTransform } = transformField2SearchComponent(fieldType) || {};
+	if (!searchCmpKey) return;
+	const searchCmp = cloneDeep(designRegister.value.getProvider(searchCmpKey)?.schema);
+	const otherAttrs = Object.fromEntries(attrsTransform.concat([...basicSearchAttrsUtils.ope]).map((row) => {
+		const value = data[row.from];
+		return [row.to, row.transform ? row.transform(value) : value];
+	}));
+	merge(searchCmp.props, {
+		field,
+		fieldId,
+		fieldType,
+		fieldName,
+		fieldCodeChain,
+		label,
+		modelKey,
+		bindModelKey,
+		disabled: false,
+		readonly: false,
+		modeldata: {
+			modelCategory: data.modelCategory,
+			modelType: data.modelType
+		},
+		isFieldModel,
+		...otherAttrs
+	}, searchCmp.props.placeholder && { placeholder: t(searchCmp.props.placeholder) });
+	if (isFieldModel && fieldCodeChain) searchCmp.props.fieldSearchKey = [...JSON.parse(fieldCodeChain)?.fieldLink || [], field].join("$");
+	return merge(searchCmp, basic);
+}
+function changeCmpData(widget) {
+	const cmpType = transformBindCmp2CmpType[widget.props.bindCompStyleType];
+	const cmp = cloneDeep(designRegister.value.getProvider(cmpType)?.schema);
+	const sourceWidgetPropsAttrs = Object.keys(widget.props);
+	const nowWidgetPropsAttrs = Object.keys(cmp.props);
+	const commonAttrs = [
+		"field",
+		"fieldId",
+		"fieldType",
+		"fieldName",
+		"fieldCodeChain",
+		"bindFieldKey"
+	];
+	const addAttrs = difference(nowWidgetPropsAttrs, sourceWidgetPropsAttrs);
+	const delAttrs = without(difference(sourceWidgetPropsAttrs, nowWidgetPropsAttrs), ...commonAttrs);
+	widget.type = cmp.type;
+	delAttrs.forEach((attr) => {
+		delete widget.props[attr];
+	});
+	const addRes = pick(cmp.props, addAttrs);
+	merge(widget.props, addRes);
+	transformI18n(widget.props);
+}
+//#endregion
+export { changeCmpData, createdSearchField };

package/es/setup-app.mjs

@@ -1,18 +1,11 @@
-import { HttpUtil } from '@gct-paas/api';
-import 'lodash-es';
-import 'qx-util';
-import './constant/page-designer.mjs';
-import '@gct-paas/core';
-import './provider/design-editor-node/design-editor-node.provider.mjs';
-import { designInterceptors } from './utils/design-interceptors/design-interceptors.mjs';
-import './utils/field-attrs/basicAttrs.mjs';
-import './utils/field-filter/index.mjs';
-import './utils/find-deep-types/find-deep-types.mjs';
-import { onWidgetInfoInit } from './utils/init-widget-info/init-widget-info.mjs';
-
+import { designInterceptors } from "./utils/design-interceptors/design-interceptors.mjs";
+import { onWidgetInfoInit } from "./utils/init-widget-info/init-widget-info.mjs";
+import "./utils/index.mjs";
+import { HttpUtil } from "@gct-paas/api";
+//#region src/setup-app.ts
 async function designSetupApp() {
-  onWidgetInfoInit();
-  HttpUtil.use(designInterceptors);
+	onWidgetInfoInit();
+	HttpUtil.use(designInterceptors);
 }
-
+//#endregion
 export { designSetupApp };

package/es/utils/design-interceptors/design-interceptors.mjs

@@ -1,20 +1,23 @@
-import { AxiosHeaders } from 'axios';
-
+import { AxiosHeaders } from "axios";
+//#region src/utils/design-interceptors/design-interceptors.ts
+/**
+* 安装拦截器
+*
+* @export
+* @param {AxiosInstance} axios
+*/
 function designInterceptors(axios) {
-  axios.interceptors.request.use((config) => {
-    if (!config.headers) {
-      config.headers = new AxiosHeaders();
-    }
-    config.headers.Env = "dev";
-    if (!config.headers["App-Tag"]) {
-      config.headers["App-Tag"] = _gct.store.context.aid;
-      config.headers["Module"] = "TENANT_CENTER";
-    }
-    if (!config.headers["Branch-Id"]) {
-      config.headers["Branch-Id"] = _gct.store.context.bid;
-    }
-    return config;
-  });
+	axios.interceptors.request.use((config) => {
+		if (!config.headers) config.headers = new AxiosHeaders();
+		config.headers.Env = "dev";
+		config.headers.source = 501;
+		if (!config.headers["App-Tag"]) {
+			config.headers["App-Tag"] = _gct.store.context.aid;
+			config.headers["Module"] = "TENANT_CENTER";
+		}
+		if (!config.headers["Branch-Id"]) config.headers["Branch-Id"] = _gct.store.context.bid;
+		return config;
+	});
 }
-
+//#endregion
 export { designInterceptors };

package/es/utils/design-plugin-pkg-util/design-plugin-pkg-util.d.ts

@@ -0,0 +1,28 @@
+import { App } from 'vue';
+import { Platform, PluginPgkUtil, LoadPluginResult } from '@gct-paas/core';
+/**
+ * 插件包处理工具类
+ *
+ * @export
+ * @class DesignPluginPgkUtil
+ */
+export declare class DesignPluginPgkUtil extends PluginPgkUtil {
+    /**
+     * 加载设计态插件包
+     *
+     * @static
+     * @param {App} app
+     * @param {Platform} platform
+     * @returns {*}  {Promise<LoadPluginResult>}
+     */
+    static loadDesignPlugin(_app: App, _platform: Platform, _kit?: string[]): Promise<LoadPluginResult>;
+    /**
+     * 加载设计态中，已经被从配置中移除的插件
+     *
+     * @static
+     * @param {Platform} platform
+     * @param {IObject[]} configs
+     * @returns {*}  {Promise<void>}
+     */
+    static loadDesignDeletedPlugins(platform: Platform, configs?: IObject[]): Promise<void>;
+}

package/es/utils/design-plugin-pkg-util/design-plugin-pkg-util.mjs

@@ -0,0 +1,57 @@
+import { Platform, PluginModeEnum, PluginPgkUtil } from "@gct-paas/core";
+//#region src/utils/design-plugin-pkg-util/design-plugin-pkg-util.ts
+/**
+* 插件包处理工具类
+*
+* @export
+* @class DesignPluginPgkUtil
+*/
+var DesignPluginPgkUtil = class extends PluginPgkUtil {
+	/**
+	* 加载设计态插件包
+	*
+	* @static
+	* @param {App} app
+	* @param {Platform} platform
+	* @returns {*}  {Promise<LoadPluginResult>}
+	*/
+	static async loadDesignPlugin(_app, _platform, _kit = []) {
+		return [[], {}];
+	}
+	/**
+	* 加载设计态中，已经被从配置中移除的插件
+	*
+	* @static
+	* @param {Platform} platform
+	* @param {IObject[]} configs
+	* @returns {*}  {Promise<void>}
+	*/
+	static async loadDesignDeletedPlugins(platform, configs = []) {
+		try {
+			const moduleMap = await this.loadPlugins(PluginModeEnum.DESIGN, configs);
+			configs.forEach((plugin) => {
+				const module = moduleMap[plugin.key];
+				if (!module) {
+					console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
+					return;
+				}
+				switch (platform) {
+					case Platform.MOBILE:
+						if (module.mobile) _gct.register.designer.mobile.register(plugin.key, () => new module.mobile());
+						break;
+					case Platform.PAD:
+						if (module.mobile) _gct.register.designer.pad.register(plugin.key, () => new module.mobile());
+						break;
+					case Platform.WEB:
+						if (module.web) _gct.register.designer.web.register(plugin.key, () => new module.web());
+						break;
+					default: console.warn(`未知平台 ${platform}，无法注册插件 ${plugin.key}`);
+				}
+			});
+		} catch (error) {
+			console.error(error);
+		}
+	}
+};
+//#endregion
+export { DesignPluginPgkUtil };

package/es/utils/design-view/index.d.ts

@@ -0,0 +1,9 @@
+import { Platform } from '@gct-paas/core';
+/**
+ * 设计器当前的平台类型，默认为WEB
+ */
+export declare const platform: import('vue').Ref<Platform, Platform>;
+/**
+ * 当前平台的插件注册实例
+ */
+export declare const designRegister: import('vue').ComputedRef<import('../..').DesignerRegister>;

package/es/utils/design-view/index.mjs

@@ -0,0 +1,20 @@
+import { Platform } from "@gct-paas/core";
+import { computed, ref } from "vue";
+//#region src/utils/design-view/index.ts
+/**
+* 设计器当前的平台类型，默认为WEB
+*/
+var platform = ref(Platform.WEB);
+/**
+* 当前平台的插件注册实例
+*/
+var designRegister = computed(() => {
+	switch (platform.value) {
+		case Platform.MOBILE: return _gct.register.designer.mobile;
+		case Platform.PAD: return _gct.register.designer.pad;
+		case Platform.WEB:
+		default: return _gct.register.designer.web;
+	}
+});
+//#endregion
+export { designRegister, platform };