@gct-paas/render 0.1.4-dev.13 → 0.1.4-dev.14

package/es/Event/Dependency/displayRule.mjs

@@ -3,7 +3,7 @@ import "../../utils/index.mjs";
 import { formMap, getPremission } from "../utils/runGlobalByPage.mjs";
 import { DisplayType } from "@gct-paas/core";
 import { watchDebounced } from "@vueuse/core";
-import { ref, toRef } from "vue";
+import { reactive, ref, toRef } from "vue";
 //#region src/Event/Dependency/displayRule.ts
 /**单组件显隐控制 */
 function useVisibileByRuleHook(props, id) {
@@ -70,5 +70,69 @@ function playValueByRule(form, formCacheMap, displayRule, callback) {
 	});
 	calculate(displayRule, cache).then(callback);
 }
+/**
+* 需要做控制的数组组件
+* @param optopns 被控制的数组
+* @param tableForm 需要添加的额外的form {key:object }
+* @returns
+*/
+function useDisplayRuleOptions(optopns, tableForm) {
+	const OptionsFlag = reactive({});
+	return toRef(() => {
+		if (!optopns) return [];
+		return optopns.filter((i) => {
+			const { displayRule, hidden, displayType } = i.props || i;
+			/**按钮权限 */
+			if (!getPremission(i.id)) OptionsFlag[i.id] = false;
+			else if (displayType === DisplayType.CONFIG) OptionsFlag[i.id] = !hidden;
+			else getOptionsByDisplayRule({
+				displayRule,
+				tableForm
+			}, (f) => {
+				OptionsFlag[i.id] = f;
+			});
+			return OptionsFlag[i.id];
+		});
+	});
+}
+function useDisplayRuleColumnByStyles(optopnslist, tableForm) {
+	if (!optopnslist?.length) return;
+	const ColumnEmptyRule = [];
+	const ColumnRule = [];
+	optopnslist.forEach((i, index) => {
+		if (i.displayRule) ColumnRule.push({
+			...i,
+			id: index
+		});
+		else ColumnEmptyRule.push({
+			...i,
+			id: index
+		});
+	});
+	const tagWidgetStyle = useDisplayRuleOptionsBytable(ColumnRule, tableForm);
+	const tagDefaultStyle = useDisplayRuleOptionsBytable(ColumnEmptyRule, tableForm);
+	return toRef(() => tagWidgetStyle?.value || tagDefaultStyle?.value);
+}
+/**
+* 需要做控制的逻辑数组
+* @param optopns 被控制的数组
+* @param tableForm 需要添加的额外的form {key:object }
+* @returns
+*/
+function useDisplayRuleOptionsBytable(optopns, tableForm) {
+	const OptionsFlag = reactive({});
+	if (!optopns) return;
+	return toRef(() => optopns.find((i) => {
+		const { displayRule, hidden, displayType } = i.props || i;
+		if (displayType === DisplayType.CONFIG) OptionsFlag[i.id] = !hidden;
+		else getOptionsByDisplayRule({
+			displayRule,
+			tableForm
+		}, (f) => {
+			OptionsFlag[i.id] = f;
+		});
+		return OptionsFlag[i.id];
+	}));
+}
 //#endregion
-export { useVisibileByRuleHook };
+export { useDisplayRuleColumnByStyles, useDisplayRuleOptions, useVisibileByRuleHook };

package/es/Event/baseEvent.mjs

@@ -5,9 +5,9 @@ import { $httpBizService, $request, BizService } from "./bizServiceRequest.mjs";
 import { globalLoading } from "./utils/globalLoading.mjs";
 import { ProcessAppRovedData } from "./utils/processRovedInfo.mjs";
 import { FormComponents, INNER_EVENT, t } from "@gct-paas/core";
+import dayjs from "dayjs";
 import * as _ from "lodash-es";
 import { cloneDeep, differenceBy } from "lodash-es";
-import dayjs from "dayjs";
 import BigNumberJS from "bignumber.js";
 import { useStyleTag } from "@vueuse/core";
 import { toRaw } from "vue";

package/es/Event/index.d.ts

@@ -3,3 +3,5 @@ export { Events, Context, GctComponent, type ModalInstance } from './baseEvent';
 export * from './eventType';
 export * from './Dependency/useDependencyToShow';
 export * from './Dependency/useDependency';
+export * from './Dependency/controller';
+export * from './Dependency/displayRule';

package/es/Event/index.mjs

@@ -1,5 +1,7 @@
 import "./utils/runGlobalByPage.mjs";
 import "./baseEvent.mjs";
 import "./eventType.mjs";
+import "./Dependency/controller.mjs";
+import "./Dependency/displayRule.mjs";
 import "./Dependency/useDependencyToShow.mjs";
 import "./Dependency/useDependency.mjs";

package/es/Event/utils/runGlobalByPage.d.ts

@@ -326,7 +326,7 @@ export declare class Globals {
         name: string | undefined;
     }>;
     /**注册钩子 */
-    static usePageHooks<T extends Events = Events>(Event: T, pageEvents: RuntimePageJson['pageEvents'], globalEvents: RuntimePageJson['globalEvents'], pageCallback?: (Event: T) => Promise<void>): {
+    static usePageHooks<T extends Events = Events>(Event: T, pageEvents?: RuntimePageJson['pageEvents'], globalEvents?: RuntimePageJson['globalEvents'], pageCallback?: (Event: T) => Promise<void>): {
         pageload: import('vue').Ref<boolean, boolean>;
     };
 }

package/es/Event/utils/runGlobalByPage.mjs

@@ -266,7 +266,7 @@ var Globals = class Globals {
 			if (pageCallback) await pageCallback(Event);
 			pageload.value = true;
 			/**全局钩子 */
-			if (globalEvents.pageMounted) for (const fun of this.globalHookCaches.pageMounted) await fun();
+			if (globalEvents?.pageMounted) for (const fun of this.globalHookCaches.pageMounted) await fun();
 			const { extraParams, name } = pageEvents?.pageMounted || {};
 			if (name)
  /**页面钩子 */
@@ -282,12 +282,12 @@ var Globals = class Globals {
 			/**页面销毁时候的钩子函数 */
 			Event.runExportByName(name, extraParams);
 			/**全局钩子 */
-			if (globalEvents.pageDestroyed) for (const fun of this.globalHookCaches.pageDestroyed) await fun();
+			if (globalEvents?.pageDestroyed) for (const fun of this.globalHookCaches.pageDestroyed) await fun();
 		});
 		onActivated(async () => {
 			Globals.setContextByKey(Event.context);
 			/**全局钩子 */
-			if (globalEvents.pageActivated) for (const fun of this.globalHookCaches.pageActivated) await fun();
+			if (globalEvents?.pageActivated) for (const fun of this.globalHookCaches.pageActivated) await fun();
 			const { extraParams, name } = pageEvents?.pageActivated || {};
 			if (name)
  /**页面钩子 */

package/es/constant/date-time.d.ts

@@ -0,0 +1,99 @@
+import { FieldSysVarDefaultValueEnum } from '@gct-paas/core';
+import { default as dayjs, Dayjs } from 'dayjs';
+export declare const DESIGN_TYPE = "view-design";
+export declare const DESIGN_DATA_KEY_TAG = "id";
+/**
+ * 设计项标识标签属性
+ */
+export declare enum DesignItemAttribute {
+    /**
+     * 可以激活项的标识
+     */
+    ACTIVE_TAG = "design-active-item",
+    /**
+     * 拖拽项标识属性
+     */
+    DRAG_TAG = "design-drop-item",
+    /**
+     * 项排序值标识
+     */
+    INDEX_TAG = "design-item-index",
+    /**
+     * 设计项标识属性
+     */
+    NODE_ID_TAG = "design-item-id",
+    /**
+     * 项文本名称
+     */
+    DESIGN_NAME = "design-item-name",
+    /**
+     * 分组标识
+     */
+    GROUP_TAG = "design-group-tag",
+    /**
+     * 拖拽组类型
+     */
+    DRAG_GROUP_TYPE = "drag-group-type",
+    /**
+     * 是否为行内元素
+     */
+    IS_INLINE_BLOCK = "is-inline-block",
+    /**
+     * 特殊情况下，例如表格将表格元素自己复制了好几份，需要指定实际呈现元素在 querySelectorAll 中的位置。便于悬浮或者选中时位置的计算
+     */
+    SELECTOR_INDEX = "selector-index"
+}
+/** 日期时间可选范围 */
+export declare const DateRangeMap: {
+    WEEK_NOW: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    MONTH_NOW: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    QUARTER_NOW: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    YEAR_NOW: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    WEEk_BEFORE: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    MONTH_BEFORE: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    QUARTER_BEFORE: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    YEAR_BEFORE: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+        maxDate: dayjs.Dayjs;
+    };
+    DATE_BEFORE: (current: number) => {
+        disabled: boolean;
+        maxDate: dayjs.Dayjs;
+    };
+    DATE_AFTER: (current: number) => {
+        disabled: boolean;
+        minDate: dayjs.Dayjs;
+    };
+};
+export declare const getDisabledDate: (current: Dayjs, rangeType: keyof typeof DateRangeMap) => boolean;
+export declare const getMobileDateRange: (rangeType: keyof typeof DateRangeMap) => any;
+export declare const getDefaultDate: (type: FieldSysVarDefaultValueEnum, formatType: string) => string | undefined;

package/es/constant/date-time.mjs

@@ -0,0 +1,187 @@
+import { FieldSysVarDefaultValueEnum } from "@gct-paas/core";
+import dayjs from "dayjs";
+//#region src/constant/date-time.ts
+var DESIGN_TYPE = "view-design";
+var DESIGN_DATA_KEY_TAG = "id";
+/**
+* 设计项标识标签属性
+*/
+var DesignItemAttribute = /* @__PURE__ */ function(DesignItemAttribute) {
+	/**
+	* 可以激活项的标识
+	*/
+	DesignItemAttribute["ACTIVE_TAG"] = "design-active-item";
+	/**
+	* 拖拽项标识属性
+	*/
+	DesignItemAttribute["DRAG_TAG"] = "design-drop-item";
+	/**
+	* 项排序值标识
+	*/
+	DesignItemAttribute["INDEX_TAG"] = "design-item-index";
+	/**
+	* 设计项标识属性
+	*/
+	DesignItemAttribute["NODE_ID_TAG"] = "design-item-id";
+	/**
+	* 项文本名称
+	*/
+	DesignItemAttribute["DESIGN_NAME"] = "design-item-name";
+	/**
+	* 分组标识
+	*/
+	DesignItemAttribute["GROUP_TAG"] = "design-group-tag";
+	/**
+	* 拖拽组类型
+	*/
+	DesignItemAttribute["DRAG_GROUP_TYPE"] = "drag-group-type";
+	/**
+	* 是否为行内元素
+	*/
+	DesignItemAttribute["IS_INLINE_BLOCK"] = "is-inline-block";
+	/**
+	* 特殊情况下，例如表格将表格元素自己复制了好几份，需要指定实际呈现元素在 querySelectorAll 中的位置。便于悬浮或者选中时位置的计算
+	*/
+	DesignItemAttribute["SELECTOR_INDEX"] = "selector-index";
+	return DesignItemAttribute;
+}({});
+/** 日期时间可选范围 */
+var DateRangeMap = {
+	WEEK_NOW: (current) => {
+		const startDate = dayjs().startOf("week").add(1, "day");
+		const endDate = dayjs().endOf("week").add(1, "day");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	MONTH_NOW: (current) => {
+		const startDate = dayjs().startOf("month");
+		const endDate = dayjs().endOf("month");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	QUARTER_NOW: (current) => {
+		const startDate = dayjs().startOf("quarter");
+		const endDate = dayjs().endOf("quarter");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	YEAR_NOW: (current) => {
+		const startDate = dayjs().startOf("year");
+		const endDate = dayjs().endOf("year");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	WEEk_BEFORE: (current) => {
+		dayjs.locale("zh-cn");
+		const lastWeekStart = dayjs().startOf("week").subtract(1, "week");
+		const lastWeekEnd = lastWeekStart.clone().endOf("week");
+		const startTDS = lastWeekStart.valueOf();
+		const endTDS = lastWeekEnd.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: lastWeekStart,
+			maxDate: lastWeekEnd
+		};
+	},
+	MONTH_BEFORE: (current) => {
+		const startDate = dayjs().add(-1, "month").startOf("month");
+		const endDate = dayjs().add(-1, "month").endOf("month");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	QUARTER_BEFORE: (current) => {
+		const startDate = dayjs().add(-1, "quarter").startOf("quarter");
+		const endDate = dayjs().add(-1, "quarter").endOf("quarter");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	YEAR_BEFORE: (current) => {
+		const startDate = dayjs().add(-1, "year").startOf("year");
+		const endDate = dayjs().add(-1, "year").endOf("year");
+		const startTDS = startDate.valueOf();
+		const endTDS = endDate.valueOf();
+		return {
+			disabled: current < startTDS || current > endTDS,
+			minDate: startDate,
+			maxDate: endDate
+		};
+	},
+	DATE_BEFORE: (current) => {
+		const endDate = dayjs().add(-1, "day");
+		return {
+			disabled: current < endDate.valueOf(),
+			maxDate: endDate
+		};
+	},
+	DATE_AFTER: (current) => {
+		const startDate = dayjs();
+		return {
+			disabled: current > startDate.valueOf(),
+			minDate: startDate
+		};
+	}
+};
+var getDisabledDate = (current, rangeType) => {
+	const tds = dayjs(current).valueOf();
+	const func = DateRangeMap[rangeType];
+	if (func) {
+		const { disabled } = func(tds);
+		return disabled;
+	}
+	return false;
+};
+var getMobileDateRange = (rangeType) => {
+	const func = DateRangeMap[rangeType];
+	if (func) {
+		const { minDate, maxDate } = func(0);
+		return Object.assign({}, minDate && { minDate: new Date(minDate) }, maxDate && { maxDate: new Date(maxDate) });
+	}
+	return {};
+};
+var getDefaultDate = (type, formatType) => {
+	let defaultDate;
+	switch (type) {
+		case FieldSysVarDefaultValueEnum.SYS_DATE:
+			defaultDate = dayjs().format(formatType ?? "YYYY-MM-DD");
+			break;
+		case FieldSysVarDefaultValueEnum.SYS_DATE_TIME:
+			defaultDate = dayjs().format(formatType ?? "YYYY-MM-DD HH:mm:ss");
+			break;
+		case FieldSysVarDefaultValueEnum.SYS_TIME:
+			defaultDate = dayjs().format(formatType ?? "HH:mm:ss");
+			break;
+	}
+	return defaultDate;
+};
+//#endregion
+export { DESIGN_DATA_KEY_TAG, DESIGN_TYPE, DateRangeMap, DesignItemAttribute, getDefaultDate, getDisabledDate, getMobileDateRange };

package/es/constant/index.d.ts

@@ -0,0 +1,93 @@
+/**
+ * 控制器类型
+ *
+ * @author zhanghanrui
+ * @date 2024-07-05 13:07:45
+ * @export
+ * @enum {number}
+ */
+export declare enum ControllerType {
+    /**
+     * 设计视图
+     */
+    DESIGN_RENDER = "design-render"
+}
+/**
+ * 绘制界面模式前缀(主要用于插件的区分，此设计界面是通用的，通过此标识区分不同界面加载不同组件)
+ *
+ * @author zhanghanrui
+ * @date 2024-07-15 14:07:42
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignRenderViewPrefix {
+    /**
+     * 自定义视图
+     */
+    CUSTOM_HOME = "custom-home",
+    /**
+     * 卡片绘制
+     */
+    CARD_VIEW = "card-view",
+    /**
+     * 卡片绘制
+     */
+    MOBILE_CARD_VIEW = "mobile-card-view",
+    /**
+     * 设计编辑器
+     */
+    DESIGN_EDITOR = "design-editor"
+}
+/**
+ * 绘制节点类型
+ *
+ * @author zhanghanrui
+ * @date 2024-07-15 15:07:16
+ * @export
+ * @enum {number}
+ */
+export declare enum RenderNodeType {
+    /**
+     * 页面
+     */
+    PAGE = "PAGE",
+    /**
+     * 页面小写标识
+     */
+    PAGE_LOWER = "page",
+    /**
+     * 属性
+     */
+    FIELD = "field",
+    /**
+     * 面板
+     */
+    PANEL = "panel",
+    /**
+     * 选项卡
+     */
+    TABS = "tabs",
+    /**
+     * 选项卡子项
+     */
+    TAB_ITEM = "tab-item",
+    /**
+     * 菜单列表
+     */
+    MENU_LIST = "menu-list",
+    /**
+     * 选择组件
+     */
+    SELECT_COMPONENT = "select-component",
+    GRID = "grid",
+    GRID_ITEM = "grid-item",
+    /**消息 */
+    MESSAGE = "message",
+    /**工作台 */
+    WORKBENCH = "workbench",
+    /**个人中心 */
+    PERSONAL_CENTER = "personal-center",
+    /**待办 */
+    TODO = "todo"
+}
+export * from './date-time';

package/es/constant/index.mjs

@@ -0,0 +1,99 @@
+import "./date-time.mjs";
+//#region src/constant/index.ts
+/**
+* 控制器类型
+*
+* @author zhanghanrui
+* @date 2024-07-05 13:07:45
+* @export
+* @enum {number}
+*/
+var ControllerType = /* @__PURE__ */ function(ControllerType) {
+	/**
+	* 设计视图
+	*/
+	ControllerType["DESIGN_RENDER"] = "design-render";
+	return ControllerType;
+}({});
+/**
+* 绘制界面模式前缀(主要用于插件的区分，此设计界面是通用的，通过此标识区分不同界面加载不同组件)
+*
+* @author zhanghanrui
+* @date 2024-07-15 14:07:42
+* @export
+* @enum {number}
+*/
+var DesignRenderViewPrefix = /* @__PURE__ */ function(DesignRenderViewPrefix) {
+	/**
+	* 自定义视图
+	*/
+	DesignRenderViewPrefix["CUSTOM_HOME"] = "custom-home";
+	/**
+	* 卡片绘制
+	*/
+	DesignRenderViewPrefix["CARD_VIEW"] = "card-view";
+	/**
+	* 卡片绘制
+	*/
+	DesignRenderViewPrefix["MOBILE_CARD_VIEW"] = "mobile-card-view";
+	/**
+	* 设计编辑器
+	*/
+	DesignRenderViewPrefix["DESIGN_EDITOR"] = "design-editor";
+	return DesignRenderViewPrefix;
+}({});
+/**
+* 绘制节点类型
+*
+* @author zhanghanrui
+* @date 2024-07-15 15:07:16
+* @export
+* @enum {number}
+*/
+var RenderNodeType = /* @__PURE__ */ function(RenderNodeType) {
+	/**
+	* 页面
+	*/
+	RenderNodeType["PAGE"] = "PAGE";
+	/**
+	* 页面小写标识
+	*/
+	RenderNodeType["PAGE_LOWER"] = "page";
+	/**
+	* 属性
+	*/
+	RenderNodeType["FIELD"] = "field";
+	/**
+	* 面板
+	*/
+	RenderNodeType["PANEL"] = "panel";
+	/**
+	* 选项卡
+	*/
+	RenderNodeType["TABS"] = "tabs";
+	/**
+	* 选项卡子项
+	*/
+	RenderNodeType["TAB_ITEM"] = "tab-item";
+	/**
+	* 菜单列表
+	*/
+	RenderNodeType["MENU_LIST"] = "menu-list";
+	/**
+	* 选择组件
+	*/
+	RenderNodeType["SELECT_COMPONENT"] = "select-component";
+	RenderNodeType["GRID"] = "grid";
+	RenderNodeType["GRID_ITEM"] = "grid-item";
+	/**消息 */
+	RenderNodeType["MESSAGE"] = "message";
+	/**工作台 */
+	RenderNodeType["WORKBENCH"] = "workbench";
+	/**个人中心 */
+	RenderNodeType["PERSONAL_CENTER"] = "personal-center";
+	/**待办 */
+	RenderNodeType["TODO"] = "todo";
+	return RenderNodeType;
+}({});
+//#endregion
+export { ControllerType, DesignRenderViewPrefix, RenderNodeType };

package/es/controller/design-render/design-render.controller.d.ts

@@ -0,0 +1,18 @@
+import { IDesignNode, IDesignNodeData, IDesignTreeItem } from '@gct-paas/schema';
+import { IDesignRenderBaseController, IDesignRenderController, IDesignRenderState } from '../../interface';
+export declare class DesignRenderController implements IDesignRenderController {
+    state: IDesignRenderState;
+    prefix: string;
+    preview: boolean;
+    readonly item: Map<string, IDesignRenderBaseController<IDesignNodeData, import('../../interface').IDesignRenderBaseState>>;
+    protected nodes: IDesignNode<IDesignNodeData>[];
+    protected tree: IDesignTreeItem[];
+    setTree(tree: IDesignTreeItem[]): void;
+    setNodes(nodes: IDesignNode<IDesignNodeData>[]): void;
+    getNodes(parentId?: string): IDesignNode[];
+    protected getTreeItem(tag: string, items?: IDesignTreeItem[]): IDesignTreeItem | null;
+    getController(id: string): IDesignRenderBaseController;
+    mounted(): void;
+    unmounted(): void;
+    protected reset(): void;
+}