@gct-paas/render 0.1.4-dev.8 → 0.1.5-dev.0

package/es/components/HandwritingPad.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    width?: number;
+    height?: number;
+    backgroundColor?: string;
+    lineWidth?: number;
+    strokeStyle?: string;
+};
+/** 清空 */
+declare function clear(): void;
+/** 获取签名 */
+declare function getValue(): string | undefined;
+/** 回显 */
+declare function setValue(base64: string): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getValue: typeof getValue;
+    setValue: typeof setValue;
+    clear: typeof clear;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    width: number;
+    height: number;
+    backgroundColor: string;
+    lineWidth: number;
+    strokeStyle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+export default _default;

package/es/components/HandwritingPad.vue.mjs

@@ -0,0 +1,7 @@
+import HandwritingPad_vue_vue_type_script_setup_true_name_HandwritingPad_lang_default from "./HandwritingPad.vue_vue_type_script_setup_true_name_HandwritingPad_lang.mjs";
+import './HandwritingPad.vue_vue_type_style_index_0_scoped_d5b980b7_lang.css';/* empty css                                                                    */
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/HandwritingPad.vue
+var HandwritingPad_default = /* @__PURE__ */ _plugin_vue_export_helper_default(HandwritingPad_vue_vue_type_script_setup_true_name_HandwritingPad_lang_default, [["__scopeId", "data-v-d5b980b7"]]);
+//#endregion
+export { HandwritingPad_default as default };

package/es/components/HandwritingPad.vue_vue_type_script_setup_true_name_HandwritingPad_lang.mjs

@@ -0,0 +1,109 @@
+import { createElementBlock, createElementVNode, defineComponent, onMounted, openBlock, ref } from "vue";
+//#region src/components/HandwritingPad.vue?vue&type=script&setup=true&name=HandwritingPad&lang.ts
+var _hoisted_1 = { class: "handwriting-pad" };
+var _hoisted_2 = ["width", "height"];
+var HandwritingPad_vue_vue_type_script_setup_true_name_HandwritingPad_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HandwritingPad",
+	props: {
+		width: { default: 300 },
+		height: { default: 150 },
+		backgroundColor: { default: "transparent" },
+		lineWidth: { default: 2 },
+		strokeStyle: { default: "#000" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const canvasRef = ref(null);
+		let ctx = null;
+		let isDrawing = false;
+		let startX = 0;
+		let startY = 0;
+		onMounted(() => {
+			ctx = canvasRef.value.getContext("2d");
+			if (props.backgroundColor !== "transparent") {
+				ctx.fillStyle = props.backgroundColor;
+				ctx.fillRect(0, 0, props.width, props.height);
+			}
+			ctx.lineWidth = props.lineWidth;
+			ctx.strokeStyle = props.strokeStyle;
+		});
+		/** 统一坐标获取 */
+		function getPoint(e) {
+			const rect = canvasRef.value.getBoundingClientRect();
+			if ("touches" in e) return {
+				x: e.touches[0].clientX - rect.left,
+				y: e.touches[0].clientY - rect.top
+			};
+			return {
+				x: e.offsetX,
+				y: e.offsetY
+			};
+		}
+		function start(e) {
+			e.preventDefault();
+			isDrawing = true;
+			const { x, y } = getPoint(e);
+			startX = x;
+			startY = y;
+		}
+		function move(e) {
+			if (!isDrawing || !ctx) return;
+			e.preventDefault();
+			const { x, y } = getPoint(e);
+			ctx.beginPath();
+			ctx.moveTo(startX, startY);
+			ctx.lineTo(x, y);
+			ctx.stroke();
+			ctx.closePath();
+			startX = x;
+			startY = y;
+		}
+		function end(e) {
+			e.preventDefault();
+			isDrawing = false;
+		}
+		/** 清空 */
+		function clear() {
+			ctx?.clearRect(0, 0, props.width, props.height);
+			if (props.backgroundColor !== "transparent") {
+				ctx.fillStyle = props.backgroundColor;
+				ctx.fillRect(0, 0, props.width, props.height);
+			}
+		}
+		/** 获取签名 */
+		function getValue() {
+			return canvasRef.value?.toDataURL();
+		}
+		/** 回显 */
+		function setValue(base64) {
+			const img = new Image();
+			img.src = base64;
+			img.onload = () => {
+				ctx?.drawImage(img, 0, 0);
+			};
+		}
+		__expose({
+			getValue,
+			setValue,
+			clear
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("canvas", {
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				width: __props.width,
+				height: __props.height,
+				class: "canvas",
+				onMousedown: start,
+				onMousemove: move,
+				onMouseup: end,
+				onMouseleave: end,
+				onTouchstart: start,
+				onTouchmove: move,
+				onTouchend: end
+			}, null, 40, _hoisted_2)]);
+		};
+	}
+});
+//#endregion
+export { HandwritingPad_vue_vue_type_script_setup_true_name_HandwritingPad_lang_default as default };

package/es/components/HandwritingPad.vue_vue_type_style_index_0_scoped_d5b980b7_lang.css

@@ -0,0 +1,9 @@
+
+.handwriting-pad[data-v-d5b980b7] {
+  display: inline-block;
+}
+.canvas[data-v-d5b980b7] {
+  display: block;
+  background: transparent;
+  touch-action: none;
+}

package/es/components/index.d.ts

@@ -0,0 +1,2 @@
+import { default as HandwritingPad } from './HandwritingPad.vue';
+export { HandwritingPad };

package/es/components/index.mjs

@@ -0,0 +1 @@
+import "./HandwritingPad.vue.mjs";

package/es/constant/data-format.d.ts

@@ -0,0 +1,52 @@
+export declare const DateFormat: {
+    YYYY: {
+        valueFormat: string;
+        picker: string;
+        columnsType: string[];
+    };
+    'YYYY HH': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'YYYY-MM HH:mm': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'YYYY-MM': {
+        valueFormat: string;
+        picker: string;
+        columnsType: string[];
+    };
+    'YYYY-MM-DD': {
+        valueFormat: string;
+        picker: string;
+        columnsType: string[];
+    };
+    'YYYY-MM-DD HH': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'YYYY-MM-DD HH:mm': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'YYYY-MM-DD HH:mm:ss': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'HH:mm:ss': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    'HH:mm': {
+        valueFormat: string;
+        columnsType: string[];
+    };
+    HH: {
+        valueFormat: string;
+        columnsType: string[];
+    };
+};
+export declare const DatepickerRanges: {
+    "sys.pageDesigner.dateRange.weekNow": string;
+};

package/es/constant/data-format.mjs

@@ -0,0 +1,66 @@
+import { DateRangeEnums } from "@gct-paas/core";
+//#region src/constant/data-format.ts
+var DateFormat = {
+	YYYY: {
+		valueFormat: "YYYY-01-01",
+		picker: "year",
+		columnsType: ["year"]
+	},
+	"YYYY HH": {
+		valueFormat: "YYYY-01-01 HH:00:00",
+		columnsType: ["hour"]
+	},
+	"YYYY-MM HH:mm": {
+		valueFormat: "YYYY-MM-01 HH:mm:00",
+		columnsType: ["hour", "minute"]
+	},
+	"YYYY-MM": {
+		valueFormat: "YYYY-MM-01",
+		picker: "month",
+		columnsType: ["year", "month"]
+	},
+	"YYYY-MM-DD": {
+		valueFormat: "YYYY-MM-DD",
+		picker: "date",
+		columnsType: [
+			"year",
+			"month",
+			"day"
+		]
+	},
+	"YYYY-MM-DD HH": {
+		valueFormat: "YYYY-MM-DD HH:00:00",
+		columnsType: ["hour"]
+	},
+	"YYYY-MM-DD HH:mm": {
+		valueFormat: "YYYY-MM-DD HH:mm:00",
+		columnsType: ["hour", "minute"]
+	},
+	"YYYY-MM-DD HH:mm:ss": {
+		valueFormat: "YYYY-MM-DD HH:mm:ss",
+		columnsType: [
+			"hour",
+			"minute",
+			"second"
+		]
+	},
+	"HH:mm:ss": {
+		valueFormat: "HH:mm:ss",
+		columnsType: [
+			"hour",
+			"minute",
+			"second"
+		]
+	},
+	"HH:mm": {
+		valueFormat: "HH:mm:00",
+		columnsType: ["hour", "minute"]
+	},
+	HH: {
+		valueFormat: "HH:00:00",
+		columnsType: ["hour"]
+	}
+};
+var DatepickerRanges = { [DateRangeEnums.WEEK_NOW]: "" };
+//#endregion
+export { DateFormat, DatepickerRanges };

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 | undefined, 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,94 @@
+/**
+ * 控制器类型
+ *
+ * @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';
+export * from './data-format';