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

package/dist/index.min.css

@@ -0,0 +1,2 @@
+.handwriting-pad[data-v-d5b980b7]{display:inline-block}.canvas[data-v-d5b980b7]{touch-action:none;background:0 0;display:block}
+/*$vite$:1*/

package/es/Event/baseEvent.d.ts

@@ -30,8 +30,8 @@ export declare class Events<TContext extends Context = Context> {
     /**流程信息 */
     ProcessAppRoved?: ProcessAppRovedData;
     pageLayoutMode?: pageLayoutModeEnum;
-    constructor({ js, css, pageKey, ContextPc, }: EventsConstructor & {
-        ContextPc: ContextConstructor<TContext>;
+    constructor({ js, css, pageKey, ContextVm, }: EventsConstructor & {
+        ContextVm: ContextConstructor<TContext>;
     });
     /**初始化流程节点信息 */
     runProcessBySaskId({ taskId, processInstanceId, examineAndApproveState, refFormId, }: IObject): Promise<void>;

package/es/Event/baseEvent.mjs

@@ -23,7 +23,7 @@ var Events = class {
 	/**流程信息 */
 	ProcessAppRoved;
 	pageLayoutMode;
-	constructor({ js, css, pageKey, ContextPc }) {
+	constructor({ js, css, pageKey, ContextVm }) {
 		this.cssData = this.#createCss(css);
 		/**
 		* 绑定外部搜索的表格组件
@@ -41,7 +41,7 @@ var Events = class {
 		* 组件订阅中心
 		*/
 		this.#Oberver = {};
-		this.context = new ContextPc({
+		this.context = new ContextVm({
 			$ref: this.getComponent.bind(this),
 			$asyncRef: this.getSyncComponent.bind(this)
 		});

package/es/Event/eventType.d.ts

@@ -3,7 +3,7 @@ export interface InitNodeOptions {
     /**组件方法 */
     elRef: Record<string, FunctionType> | null;
     /**组件类型 */
-    type: FormComponents;
+    type: string | FormComponents;
 }
 export interface EventsConstructor {
     js: string;

package/es/Event/eventType.mjs

@@ -0,0 +1 @@
+import "@gct-paas/core";

package/es/Event/index.d.ts

@@ -1,5 +1,5 @@
-export { Globals, pageGlobaVariables, globalVarCaches, formMap, setFormData, pageDataforJson, getPageTitle, getPremission, } from './utils/runGlobalByPage';
+export { Globals, pageGlobaVariables, globalVarCaches, formMap, setFormData, pageDataforJson, getPageTitle, getPremission, PageTypeEnum, } from './utils/runGlobalByPage';
 export { Events, Context, GctComponent, type ModalInstance } from './baseEvent';
-export { type EventsConstructor } from './eventType';
+export * from './eventType';
 export * from './Dependency/useDependencyToShow';
 export * from './Dependency/useDependency';

package/es/Event/index.mjs

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

package/es/Event/utils/runGlobalByPage.mjs

@@ -299,4 +299,4 @@ var Globals = class Globals {
 };
 var getPremission = Globals.getPremission.bind(Globals);
 //#endregion
-export { Globals, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData };
+export { Globals, PageTypeEnum, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData };

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+export { _plugin_vue_export_helper_default as default };

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/index.d.ts

@@ -1,3 +1,4 @@
 export * from './utils';
+export * from './components';
 export * from './Event';
 export declare function onInit(): void;

package/es/index.mjs

@@ -1,12 +1,14 @@
 import { RenderRegister } from "./register/render-register/render-register.mjs";
 import { transformPropsField } from "./utils/field-attrs/index.mjs";
-import { useStyle } from "./utils/useStyle.mjs";
+import { schemaToStyle, useStyle } from "./utils/useStyle.mjs";
 import { FieldSchema, initFieldWidgetRuntime } from "./utils/getFieldSchema.mjs";
 import { addDataByForm, setDataByForm, transSelectData, transformData, transformDataToDict, transformSourceData } from "./utils/model-transformer.mjs";
 import { calculate, identify } from "./utils/expression/index.mjs";
 import { getRefInfoId } from "./utils/get-ref-data.mjs";
 import "./utils/index.mjs";
-import { Globals, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData } from "./Event/utils/runGlobalByPage.mjs";
+import HandwritingPad_default from "./components/HandwritingPad.vue.mjs";
+import "./components/index.mjs";
+import { Globals, PageTypeEnum, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData } from "./Event/utils/runGlobalByPage.mjs";
 import { Context, Events, GctComponent } from "./Event/baseEvent.mjs";
 import { dependencyToShow, dependencyToShowSync, tableWidgetByDept, tableWidgetToShow, useDependencyToShow, useDependencyToShowList } from "./Event/Dependency/useDependencyToShow.mjs";
 import { useDependency, useDependencyByRequired } from "./Event/Dependency/useDependency.mjs";
@@ -17,4 +19,4 @@ function onInit() {
 	else console.warn("渲染注册已存在，可能存在重复注册问题，请检查是否有重复引入渲染包的情况");
 }
 //#endregion
-export { Context, Events, FieldSchema, GctComponent, Globals, addDataByForm, calculate, dependencyToShow, dependencyToShowSync, formMap, getPageTitle, getPremission, getRefInfoId, globalVarCaches, identify, initFieldWidgetRuntime, onInit, pageDataforJson, pageGlobaVariables, setDataByForm, setFormData, tableWidgetByDept, tableWidgetToShow, transSelectData, transformData, transformDataToDict, transformPropsField, transformSourceData, useDependency, useDependencyByRequired, useDependencyToShow, useDependencyToShowList, useStyle };
+export { Context, Events, FieldSchema, GctComponent, Globals, HandwritingPad_default as HandwritingPad, PageTypeEnum, addDataByForm, calculate, dependencyToShow, dependencyToShowSync, formMap, getPageTitle, getPremission, getRefInfoId, globalVarCaches, identify, initFieldWidgetRuntime, onInit, pageDataforJson, pageGlobaVariables, schemaToStyle, setDataByForm, setFormData, tableWidgetByDept, tableWidgetToShow, transSelectData, transformData, transformDataToDict, transformPropsField, transformSourceData, useDependency, useDependencyByRequired, useDependencyToShow, useDependencyToShowList, useStyle };

package/es/utils/index.d.ts

@@ -1,5 +1,5 @@
 export { transformPropsField } from './field-attrs';
-export { useStyle } from './useStyle';
+export { useStyle, schemaToStyle } from './useStyle';
 export { initFieldWidgetRuntime, FieldSchema } from './getFieldSchema';
 export { transformDataToDict, transformSourceData, transformData, addDataByForm, setDataByForm, transSelectData, type RowData, type DictMap, } from './model-transformer';
 export { calculate, identify } from './expression';

package/es/utils/useStyle.mjs

@@ -11,5 +11,12 @@ function useStyle(widget) {
 		contentFont: extractFontStyle(style.contentFont)
 	};
 }
+/**
+* 将样式对象转换为字体样式
+*
+* @param schema - 样式配置对象
+* @returns 转换后的字体样式对象
+*/
+var schemaToStyle = (schema) => extractFontStyle(schema);
 //#endregion
-export { useStyle };
+export { schemaToStyle, useStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/render",
-  "version": "0.1.4-dev.12",
+  "version": "0.1.4-dev.13",
   "type": "module",
   "description": "paas 平台网页端底包",
   "main": "dist/index.min.cjs",
@@ -46,10 +46,10 @@
   },
   "dependencies": {
     "@gct-paas/api": "^0.1.1",
-    "@gct-paas/core": "0.1.4-dev.12",
-    "@gct-paas/core-web": "0.1.4-dev.12",
-    "@gct-paas/schema": "0.1.4-dev.12",
-    "@gct-paas/scss": "0.1.4-dev.12",
+    "@gct-paas/core": "0.1.4-dev.13",
+    "@gct-paas/core-web": "0.1.4-dev.13",
+    "@gct-paas/schema": "0.1.4-dev.13",
+    "@gct-paas/scss": "0.1.4-dev.13",
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "bignumber.js": "^10.0.2",
@@ -57,16 +57,16 @@
     "escodegen": "^2.1.0",
     "esprima-next": "5.8.4",
     "estraverse": "^5.3.0",
-    "qs": "^6.14.1",
+    "qs": "^6.15.0",
     "qx-util": "^0.4.8",
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.6-dev.1",
+    "@gct-paas/build": "^0.1.6-dev.4",
     "@types/escodegen": "^0.0.10",
     "@types/estraverse": "^5.1.7",
     "@types/estree": "^1.0.8",
-    "@types/qs": "^6.14.0"
+    "@types/qs": "^6.15.0"
   },
-  "gitHead": "0a7f1a0388cb21eb1c3a4868b14d664a5a3152ed"
+  "gitHead": "730343d424ac98e1cd00b6f4cddf8a9823a48357"
 }