uudev 1.1.7 → 1.1.9

package/apptemplate/office/src_word/demo/demo.vue

@@ -1,58 +1,158 @@
-
-
-<template>
-  <h1>欢迎使用uudev开发工具</h1>
-  <p>
-    uudev是一个基于Office的web化开发工具集，提供了从开发、调试到部署的一站式解决方案，帮助开发者更高效地构建Office的web化插件应用。
-  </p>
-  <p style="font-weight: bold;">
-    这是一个html页面，点击本页面后，按<span style="border: 2px solid;">F11</span>可以打开调试工具。
-  </p>
-  <h3>Word示例</h3>
-  <div>
-  <a class="demoHref" @click="putRangeValue">给文档开头赋值</a>（代码：Application.ActiveDocument.Range(0).Text = "Hello, uudev!'）
-  </div>
-  <div>
-    <a class="demoHref" @click="getDocInfo">取文档信息</a>
-    <a class="demoHref" @click="clearDocInfo">清除文档信息</a>
-    <span>{{ docName }}</span>（代码：Application.ActiveDocument.Name）
-  </div>
-  <h2>事件通知示例</h2>
-   <div>
-    <span>事件相关的代码示例，请参考Excel的事件示例</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-const putRangeValue = () => {
-  const doc = Application.ActiveDocument;
-  if (doc) {
-    doc.Range(0, 0).Text = "Hello, uudev!";
-  }
-}
-
-var docName = ref('');
-const getDocInfo=() => {
-  const doc = Application.ActiveDocument
-  if (doc) {
-    docName.value = `文档名称: ${doc.Name}`;
-    const info = `文档名称: ${doc.Name}\n文档路径: ${doc.FullName}`;
-    console.log(info);
-  } else {
-    docName.value = '';
-    alert('没有打开的文档');
-  }
-}
-const clearDocInfo = () => {
-  docName.value = '';
-}
-</script>
-<style scoped>
-.demoHref {
-  color: #42b983;
-  cursor: pointer;
-  text-decoration: underline;
-  margin-right: 50px;
-}
-</style>
+
+
+<template>
+  <h1>欢迎使用uudev开发工具</h1>
+  <p>
+    uudev是一个基于Office的web化开发工具集，提供了从开发、调试到部署的一站式解决方案，帮助开发者更高效地构建Office的web化插件应用。
+  </p>
+  <p style="font-weight: bold;">
+    这是一个html页面，点击本页面后，按<span style="border: 2px solid;">F11</span>可以打开调试工具。
+  </p>
+  <h2>Word示例</h2>
+  <div>
+    <a class="demoHref" @click="putRangeValue">给文档开头赋值</a>（代码：Application.ActiveDocument.Range(0, 0).Text = "Hello, uudev!"）
+  </div>
+  <div>
+    <a class="demoHref" @click="getDocInfo">取文档信息</a>
+    <a class="demoHref" @click="clearDocInfo">清除</a>
+    <span style="color: red;">{{ docName }}</span>（代码：Application.ActiveDocument.Name）
+  </div>
+  <div>
+    <a class="demoHref" @click="appendParagraph">追加段落</a>（代码：Application.ActiveDocument.Content.Paragraphs.Add()）
+  </div>
+  <div>
+    <a class="demoHref" @click="deleteCurrentParagraph">删除当前段落</a><span style="color: red;">{{ deleteParaErrInfo }}</span>
+  </div>
+  <div>
+    <a class="demoHref" @click="selectAllContent">选中全文</a><span style="color: red;">{{ selectAllInfo }}</span>
+  </div>
+  <h2>事件通知示例</h2>
+  <div>
+    <label class="demoHref">
+      <input type="checkbox" v-model="isWindowSelectionChangeRegister" @change="regWindowSelectionChange" /> 注册选中区域改变事件
+    </label>
+    <span style="color: red;">{{ WindowSelectionChangeInfo }}</span>
+  </div>
+  <div>
+    <label class="demoHref">
+      <input type="checkbox" v-model="isNewDocumentEventRegister" @change="regNewDocumentEvent" /> 注册新建文档事件
+    </label>
+    <span style="color: red;">{{ NewDocumentEventInfo }}</span>
+  </div>
+  <div>
+    <span>更多其他事件类型（ewdWindowActivate、ewdWindowDeactivate等），请查看帮助文档</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+defineOptions({
+  name: 'DemoPage',
+});
+
+const docName = ref('');
+const deleteParaErrInfo = ref('');
+const selectAllInfo = ref('');
+
+const isWindowSelectionChangeRegister = ref(false);
+const WindowSelectionChangeInfo = ref('');
+
+const isNewDocumentEventRegister = ref(false);
+const NewDocumentEventInfo = ref('');
+
+const putRangeValue = () => {
+  const doc = Application.ActiveDocument;
+  if (doc) {
+    doc.Range(0, 0).Text = "Hello, uudev!";
+  }
+}
+
+const getDocInfo = () => {
+  const doc = Application.ActiveDocument;
+  if (doc) {
+    docName.value = `文档名称: ${doc.Name}`;
+    const info = `文档名称: ${doc.Name}\n文档路径: ${doc.FullName}`;
+    console.log(info);
+  } else {
+    docName.value = '';
+    alert('没有打开的文档');
+  }
+}
+
+const clearDocInfo = () => {
+  docName.value = '';
+}
+
+const appendParagraph = () => {
+  const doc = Application.ActiveDocument;
+  if (doc) {
+    doc.Content.Paragraphs.Add();
+    deleteParaErrInfo.value = '';
+  } else {
+    alert('没有打开的文档');
+  }
+}
+
+const deleteCurrentParagraph = () => {
+  const doc = Application.ActiveDocument;
+  if (!doc) {
+    alert('没有打开的文档');
+    return;
+  }
+  const sel = Application.Selection;
+  if (sel && sel.Paragraphs.Count > 0) {
+    if (doc.Paragraphs.Count > 1) {
+      sel.Paragraphs.Item(1).Range.Delete();
+      deleteParaErrInfo.value = '';
+    } else {
+      deleteParaErrInfo.value = '文档中至少保留一个段落，不能删除';
+    }
+  }
+}
+
+const selectAllContent = () => {
+  const doc = Application.ActiveDocument;
+  if (doc) {
+    doc.Content.Select();
+    selectAllInfo.value = '已选中全文内容';
+  } else {
+    selectAllInfo.value = '';
+    alert('没有打开的文档');
+  }
+}
+
+const regWindowSelectionChange = () => {
+  if (isWindowSelectionChangeRegister.value) {
+    Application.MountEvent(ewdWindowSelectionChange, (sel: Selection) => {
+      const doc = Application.ActiveDocument;
+      if (doc && sel) {
+        WindowSelectionChangeInfo.value = `选中了内容: "${sel.Text.substring(0, 20)}" (段落: ${sel.Paragraphs.Count})`;
+      }
+    });
+  } else {
+    Application.UnMountEvent(ewdWindowSelectionChange);
+    WindowSelectionChangeInfo.value = '';
+  }
+}
+
+const regNewDocumentEvent = () => {
+  const onNewDocument = (doc: Document) => {
+    NewDocumentEventInfo.value = `新建了文档:${doc.Name}`;
+  };
+  if (isNewDocumentEventRegister.value) {
+    Application.MountEvent(ewdNewDocument, onNewDocument);
+  } else {
+    Application.UnMountEvent(ewdNewDocument, onNewDocument);
+    NewDocumentEventInfo.value = '';
+  }
+}
+</script>
+<style scoped>
+.demoHref {
+  color: #42b983;
+  cursor: pointer;
+  text-decoration: underline;
+  margin-right: 50px;
+}
+</style>