@gct-paas/word 0.1.28 → 0.1.29

package/dist/index.es.js

@@ -34074,7 +34074,7 @@ const _sfc_main$3q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GctCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$3q, [["__scopeId", "data-v-ca2102ea"]]);
+const GctCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$3q, [["__scopeId", "data-v-90f28e3c"]]);
 const _hoisted_1$2g = { class: "collapse" };
 const _hoisted_2$1t = { class: "header-text" };
 const _hoisted_3$18 = {
@@ -49218,16 +49218,32 @@ class RuntimeJsonBuilder {
   setPageSize(size, options) {
     const pgSz = this.findNode(this.json.document, "w:pgSz");
     if (!pgSz) return this;
-    if (size === PageSizeEnumConst.A3) {
-      pgSz["@attrs"]["w:w"] = "16838";
-      pgSz["@attrs"]["w:h"] = "23811";
-    } else if (size === PageSizeEnumConst.A5) {
-      pgSz["@attrs"]["w:w"] = "8391";
-      pgSz["@attrs"]["w:h"] = "11906";
-    } else if (size === PageSizeEnumConst.CUSTOM) {
-      pgSz["@attrs"]["w:w"] = UnitConverter.cmToTwip(options.width / 10);
-      pgSz["@attrs"]["w:h"] = UnitConverter.cmToTwip(options.height / 10);
+    const direction = options?.direction ?? "portrait";
+    let width = 11906;
+    let height = 16838;
+    switch (size) {
+      case PageSizeEnumConst.A3:
+        width = 16838;
+        height = 23811;
+        break;
+      case PageSizeEnumConst.A5:
+        width = 8391;
+        height = 11906;
+        break;
+      case PageSizeEnumConst.CUSTOM:
+        width = Number(UnitConverter.cmToTwip(options.width / 10));
+        height = Number(UnitConverter.cmToTwip(options.height / 10));
+        break;
+      default:
+        width = 11906;
+        height = 16838;
+        break;
     }
+    if (direction === "landscape") {
+      [width, height] = [height, width];
+    }
+    pgSz["@attrs"]["w:w"] = String(width);
+    pgSz["@attrs"]["w:h"] = String(height);
     return this;
   }
   /**
@@ -49366,7 +49382,8 @@ class SingleTemplateStrategy extends DocRequestStrategy {
     if (!requestInfo.runtimeJson) {
       const json = new RuntimeJsonBuilder(DefaultDocxJson).setPageSize(requestInfo.paperSize, {
         width: requestInfo.width,
-        height: requestInfo.height
+        height: requestInfo.height,
+        direction: requestInfo.direction
       }).build();
       requestInfo.runtimeJson = JSON.stringify(json);
     }
@@ -51451,6 +51468,7 @@ function useDocumentFactory(props, payload) {
     () => finisher.value,
     () => {
       console.log("Document request success");
+      payload.onDocumentLoadSuccess?.();
     }
   );
   async function mountDocument(result) {
@@ -51461,7 +51479,6 @@ function useDocumentFactory(props, payload) {
       docInfo.value = snapshotDocInfo(ins);
     };
     docInfo.value = initialized.docInfo;
-    payload.onDocumentLoadSuccess?.(result);
   }
   const hasData = computed(() => docIns.value !== null);
   function clear() {
@@ -57170,6 +57187,86 @@ function useDocController(factory2, ops) {
   );
   return controller;
 }
+const DEBOUNCE_MS = 300;
+function useDocLooperAutoSaveNotify(factory2, ops, options) {
+  let suppress = true;
+  let unsubscribeData = null;
+  let stopWatchDoc = null;
+  let stopWatchTick = null;
+  let debounceTimer = null;
+  function doNotify() {
+    if (suppress) return;
+    const { dirty } = ops.getUnsavedChanges({
+      includeRawData: true
+    });
+    if (dirty) {
+      options.onLooperAutoSave?.({
+        changed: true
+      });
+    }
+  }
+  function flushNotify() {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
+    debounceTimer = setTimeout(() => {
+      debounceTimer = null;
+      doNotify();
+    }, DEBOUNCE_MS);
+  }
+  function cancelFlushNotify() {
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+      debounceTimer = null;
+    }
+  }
+  function scheduleNotify() {
+    if (suppress) return;
+    flushNotify();
+  }
+  function disposeSubscriptions() {
+    cancelFlushNotify();
+    unsubscribeData?.();
+    unsubscribeData = null;
+    stopWatchTick?.();
+    stopWatchTick = null;
+  }
+  function bindDoc() {
+    disposeSubscriptions();
+    suppress = true;
+    const doc = factory2.docIns.value;
+    if (!doc) return;
+    unsubscribeData = doc.dataManager.subscribe("$", () => {
+      scheduleNotify();
+    });
+  }
+  function releaseSuppressOnLoad() {
+    cancelFlushNotify();
+    Promise.resolve().then(() => {
+      suppress = false;
+    });
+  }
+  stopWatchDoc = watch(
+    () => factory2.docIns.value,
+    (doc) => {
+      if (!doc) {
+        disposeSubscriptions();
+        suppress = true;
+        return;
+      }
+      bindDoc();
+    },
+    {
+      immediate: true
+    }
+  );
+  onBeforeUnmount(() => {
+    stopWatchDoc?.();
+    stopWatchDoc = null;
+    disposeSubscriptions();
+  });
+  return releaseSuppressOnLoad;
+}
 var DeviceLink;
 ((DeviceLink2) => {
   ((TmplTypeEnum2) => {
@@ -57496,10 +57593,26 @@ function toDocPayload(options, ctx) {
 }
 function useWord(props, options) {
   const ctx = useDocSuite(options);
-  const factory2 = useDocumentFactory(toDocProps(props), toDocPayload(options, ctx));
+  let releaseSuppressOnLoad;
+  const factory2 = useDocumentFactory(
+    toDocProps(props),
+    toDocPayload(
+      {
+        ...options,
+        onDocumentLoadSuccess: () => {
+          options.onDocumentLoadSuccess?.();
+          releaseSuppressOnLoad?.();
+        }
+      },
+      ctx
+    )
+  );
   const ops = useDocOperations(factory2.docIns);
   const controller = useDocController(factory2, ops);
   useDocRuntimeProvider(factory2, controller);
+  releaseSuppressOnLoad = useDocLooperAutoSaveNotify(factory2, ops, {
+    onLooperAutoSave: options.onLooperAutoSave
+  });
   const formTmplConfigController = useFormTmplConfig().provideController();
   return {
     controller,
@@ -61601,7 +61714,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const docDesignLayout = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__scopeId", "data-v-e6b0dcfe"]]);
+const docDesignLayout = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__scopeId", "data-v-041003c9"]]);
 function convertPxToPaperSize(pageSize, customSize) {
   if (pageSize === PageSizeEnumConst.A3) {
     return {

package/dist/sdk/doc-runtime/composables/useDocLooperAutoSaveNotify.d.ts

@@ -0,0 +1,18 @@
+import { DocumentFactory } from '../factories/useDocumentFactory';
+import { DocOperations } from './useDocOperations';
+/** 与外部 nocode EmitterEnum.__on_looper_auto_save 对齐的事件名 */
+export declare const DOC_LOOPER_AUTO_SAVE_EVENT: "__on_looper_auto_save";
+export interface DocLooperAutoSavePayload {
+    changed?: boolean;
+}
+export interface UseDocLooperAutoSaveNotifyOptions {
+    onLooperAutoSave?: (payload?: DocLooperAutoSavePayload) => void;
+}
+/**
+ * 监听文档数据/模型变更，在用户停止输入后（防抖 300ms）检测 dirty 状态，
+ * 若有未保存改动则触发 onLooperAutoSave 回调。
+ *
+ * 返回 releaseSuppressOnLoad，需由外部在文档成功加载后调用，以准确控制
+ * suppress 的释放时机（避免初始化阶段的数据变更触发误报）。
+ */
+export declare function useDocLooperAutoSaveNotify(factory: DocumentFactory, ops: DocOperations, options: UseDocLooperAutoSaveNotifyOptions): () => void;

package/dist/sdk/doc-runtime/factories/runtime-json-builder.d.ts

@@ -6,9 +6,10 @@ export declare class RuntimeJsonBuilder {
     /**
      * 页面设置
      */
-    setPageSize(size: PageSizeEnum, options?: {
+    setPageSize(size: PageSizeEnum, options: {
         width: number;
         height: number;
+        direction?: 'portrait' | 'landscape';
     }): this;
     /**
      * 构建

package/dist/sdk/doc-runtime/factories/useDocumentFactory.d.ts

@@ -47,7 +47,7 @@ export interface IDocPayload extends IDocTemplatePayload, IDocInstancePayload {
      * 文档接口请求成功且引擎挂载完成后的回调（每轮成功加载触发一次）。
      * 不会在 requestId 为空、请求被丢弃、或初始化抛错时调用。
      */
-    onDocumentLoadSuccess?: (result: Execute) => void;
+    onDocumentLoadSuccess?: () => void;
 }
 /** 文档加载工厂 — 只负责响应式加载与生命周期，不包含业务操作 */
 export interface DocumentFactory {

package/dist/sdk/types/index.d.ts

@@ -6,7 +6,6 @@ import { DocBaselineContext, DocUnsavedChanges, DocOperations, DocGetUnsavedChan
 import { OnlineFormInstanceResponse, OnlineFormTmplResponse } from '@gct-paas/api/apaas';
 import { FieldChangeItem } from '../../runtime/interface/change-diff';
 import { FormTmplConfigController } from '../../suites/edhr/panel-schema/data-load/hooks/form-tmpl-config';
-import { Execute } from '../doc-runtime/factories/useDocumentFactory';
 export type { DocUnsavedChanges, DocGetUnsavedChangesOptions, } from '../doc-runtime/composables/useDocOperations';
 export type { FieldModelQuery } from './field-model-query';
 /** 字段权限信息 */
@@ -193,7 +192,14 @@ export interface UseWordOptions {
      * 文档接口请求成功且引擎挂载完成后的回调（每轮成功加载触发一次）。
      * 不会在 requestId 为空、请求被丢弃、或初始化抛错时调用。
      */
-    onDocumentLoadSuccess?: (result: Execute) => void;
+    onDocumentLoadSuccess?: () => void;
+    /**
+     * 文档数据发生变化（防抖 300ms 后）的回调，可在此处触发外部自动保存通知。
+     * 例：() => emitter.emit(EmitterEnum.__on_looper_auto_save)
+     */
+    onLooperAutoSave?: (payload?: {
+        changed?: boolean;
+    }) => void;
     /** 扩展字段 - 兼容其他未明确定义的负载参数 */
     [key: string]: any;
 }

package/dist/word.css

@@ -5554,13 +5554,13 @@
 .slide-right-leave-active[data-v-3e5daf47] {
   transition: all 0.25s ease;
 }
-.gct-checkbox[data-v-ca2102ea] {
+.gct-checkbox[data-v-90f28e3c] {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   font-size: 14px;
 }
-.gct-checkbox-input[data-v-ca2102ea] {
+.gct-checkbox-input[data-v-90f28e3c] {
   width: 16px;
   height: 16px;
   border: 1px solid #d9d9d9;
@@ -5571,7 +5571,7 @@
   position: relative;
   transition: all 0.2s;
 }
-.gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-inner[data-v-90f28e3c] {
   position: absolute;
   left: 4px;
   top: 0px;
@@ -5582,15 +5582,16 @@
   border-left: 0;
   transform: rotate(45deg) scale(0);
   transition: transform 0.15s;
+  box-sizing: content-box;
 }
-.gct-checkbox-checked .gct-checkbox-input[data-v-ca2102ea] {
+.gct-checkbox-checked .gct-checkbox-input[data-v-90f28e3c] {
   background: #026ac8;
   border-color: #026ac8;
 }
-.gct-checkbox-checked .gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-checked .gct-checkbox-inner[data-v-90f28e3c] {
   transform: rotate(45deg) scale(1);
 }
-.gct-checkbox-indeterminate .gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-indeterminate .gct-checkbox-inner[data-v-90f28e3c] {
   width: 8px;
   height: 2px;
   left: 3px;
@@ -5599,38 +5600,38 @@
   background: #fff;
   transform: scale(1);
 }
-.gct-checkbox-disabled[data-v-ca2102ea] {
+.gct-checkbox-disabled[data-v-90f28e3c] {
   cursor: not-allowed;
   color: #aaa;
 }
-.gct-checkbox-disabled .gct-checkbox-input[data-v-ca2102ea] {
+.gct-checkbox-disabled .gct-checkbox-input[data-v-90f28e3c] {
   background: #f5f5f5;
   border-color: #d9d9d9;
 }
-.gct-checkbox-disabled .gct-checkbox-input .gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-disabled .gct-checkbox-input .gct-checkbox-inner[data-v-90f28e3c] {
   border-color: #d9d9d9;
 }
-.gct-checkbox-small[data-v-ca2102ea] {
+.gct-checkbox-small[data-v-90f28e3c] {
   font-size: 12px;
 }
-.gct-checkbox-small .gct-checkbox-input[data-v-ca2102ea] {
+.gct-checkbox-small .gct-checkbox-input[data-v-90f28e3c] {
   width: 14px;
   height: 14px;
   margin-right: 6px;
 }
-.gct-checkbox-small .gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-small .gct-checkbox-inner[data-v-90f28e3c] {
   width: 3px;
   height: 8px;
 }
-.gct-checkbox-group-small .gct-checkbox[data-v-ca2102ea] {
+.gct-checkbox-group-small .gct-checkbox[data-v-90f28e3c] {
   font-size: 12px;
 }
-.gct-checkbox-group-small .gct-checkbox-input[data-v-ca2102ea] {
+.gct-checkbox-group-small .gct-checkbox-input[data-v-90f28e3c] {
   width: 14px;
   height: 14px;
   margin-right: 6px;
 }
-.gct-checkbox-group-small .gct-checkbox-inner[data-v-ca2102ea] {
+.gct-checkbox-group-small .gct-checkbox-inner[data-v-90f28e3c] {
   width: 3px;
   height: 8px;
 }
@@ -9134,40 +9135,40 @@ ul li .widget-icon[data-v-1e28101c] {
   position: relative;
   background-color: #f0f0f0;
 }
-.doc-design-layout[data-v-e6b0dcfe] {
+.doc-design-layout[data-v-041003c9] {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
 }
-.doc-design-layout.preview[data-v-e6b0dcfe] {
+.doc-design-layout.preview[data-v-041003c9] {
   pointer-events: none;
 }
-.doc-design-layout .design-body[data-v-e6b0dcfe] {
+.doc-design-layout .design-body[data-v-041003c9] {
   flex: 1;
   display: flex;
   min-height: 0;
 }
-.doc-design-layout .design-body .design-sidebar[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-sidebar[data-v-041003c9] {
   position: relative;
   overflow: hidden;
   background: #fff;
   flex-shrink: 0;
 }
-.doc-design-layout .design-body .design-sidebar.left[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-sidebar.left[data-v-041003c9] {
   border-right: 1px solid #e0e0e0;
 }
-.doc-design-layout .design-body .design-sidebar.right[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-sidebar.right[data-v-041003c9] {
   border-left: 1px solid #e0e0e0;
 }
-.doc-design-layout .design-body .design-sidebar .right-container[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-sidebar .right-container[data-v-041003c9] {
   position: relative;
   display: flex;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.doc-design-layout .design-body .design-sidebar .right-container .divider[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-sidebar .right-container .divider[data-v-041003c9] {
   position: absolute;
   left: 0;
   top: 0;
@@ -9178,13 +9179,13 @@ ul li .widget-icon[data-v-1e28101c] {
   left: 46px;
   transform: translateX(-50%);
 }
-.doc-design-layout .design-body .design-main[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-main[data-v-041003c9] {
   position: relative;
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
-.doc-design-layout .design-body .design-main .empty-container[data-v-e6b0dcfe] {
+.doc-design-layout .design-body .design-main .empty-container[data-v-041003c9] {
   position: absolute;
   top: 0;
   left: 50%;
@@ -9198,15 +9199,16 @@ ul li .widget-icon[data-v-1e28101c] {
   pointer-events: all;
   transform: translateX(-50%);
 }
-.doc-design-layout .design-footer[data-v-e6b0dcfe] {
+.doc-design-layout .design-footer[data-v-041003c9] {
   flex-shrink: 0;
   display: flex;
   align-items: center;
-  height: 28px;
+  height: 0px;
   padding: 0 12px;
   font-size: 12px;
   background: #f8f8f8;
   border-top: 1px solid #e0e0e0;
+  border: none;
 }
 .render-container[data-v-c852bc0c] {
   overflow-y: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/word",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "GCT 在线 word",
   "keywords": [
     "vue",