matrix_components 2.0.375 → 2.0.377

package/dist/ComponentDemo/PdfDemo.vue

@@ -1,207 +0,0 @@
-<template>
-  <div class="demo-container">
-    <div class="control-panel">
-      <h3>PDF 文档预览演示</h3>
-
-      <!-- 文件上传方式 -->
-      <div class="upload-section">
-        <h4>方式一：文件上传</h4>
-        <input
-          type="file"
-          @change="importPdf(($event.target as any)?.files?.[0])"
-          accept=".pdf"
-        />
-        <button @click="clearFile" :disabled="!file">清除文件</button>
-      </div>
-
-      <!-- URL方式 -->
-      <div class="url-section">
-        <h4>方式二：URL地址</h4>
-        <input
-          v-model="pdfUrl"
-          type="text"
-          placeholder="请输入PDF文档的URL地址"
-          class="url-input"
-        />
-        <button @click="loadFromUrl" :disabled="!pdfUrl.trim()">加载URL</button>
-        <button @click="clearUrl" :disabled="!pdfUrl">清除URL</button>
-      </div>
-
-      <!-- 搜索功能 -->
-      <div class="search-section">
-        <h4>文档搜索</h4>
-        <input
-          v-model="searchKeyword"
-          type="text"
-          placeholder="输入要搜索的关键字"
-          class="search-input"
-        />
-        <button @click="clickPdf" :disabled="!searchKeyword.trim()">搜索</button>
-      </div>
-    </div>
-
-    <!-- PDF组件 -->
-    <div class="pdf-container">
-      <NsPdf
-        v-if="counts"
-        ref="pdfRef"
-        :url="currentUrl"
-        :hasTool="true">
-      </NsPdf>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, nextTick } from 'vue'
-
-const counts = ref(true)
-const file = ref()
-const pdfRef = ref()
-const pdfUrl = ref(
-  'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.pdf',
-)
-const currentUrl = ref(pdfUrl.value)
-const searchKeyword = ref('')
-
-function importPdf(f: any) {
-  // 清除URL，使用文件上传
-  pdfUrl.value = ''
-  file.value = f
-
-  if (f && f.name.endsWith('.pdf')) {
-    // 创建文件URL
-    const fileUrl = URL.createObjectURL(f)
-    currentUrl.value = fileUrl
-  } else if (f) {
-    alert('请选择PDF文件')
-    clearFile()
-  }
-}
-
-function loadFromUrl() {
-  if (pdfUrl.value.trim()) {
-    // 清除文件，使用URL
-    clearFile()
-    currentUrl.value = pdfUrl.value.trim()
-  }
-}
-
-function clearFile() {
-  file.value = null
-  if (currentUrl.value.startsWith('blob:')) {
-    URL.revokeObjectURL(currentUrl.value)
-  }
-  currentUrl.value = ''
-}
-
-function clearUrl() {
-  pdfUrl.value = ''
-  currentUrl.value = ''
-}
-
-function clickPdf() {
-  if (searchKeyword.value.trim() && pdfRef.value) {
-    pdfRef.value.search(searchKeyword.value.trim())
-  }
-}
-
-// 重新加载组件
-function reloadComponent() {
-  counts.value = false
-  nextTick(() => {
-    counts.value = true
-  })
-}
-</script>
-
-<style scoped lang="scss">
-.demo-container {
-  padding: 20px;
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.control-panel {
-  background: #f5f5f5;
-  padding: 20px;
-  border-radius: 8px;
-  margin-bottom: 20px;
-
-  h3 {
-    margin: 0 0 20px 0;
-    color: #333;
-  }
-
-  h4 {
-    margin: 15px 0 10px 0;
-    color: #666;
-    font-size: 14px;
-  }
-}
-
-.upload-section,
-.url-section,
-.search-section {
-  margin-bottom: 20px;
-  padding: 15px;
-  background: white;
-  border-radius: 6px;
-  border: 1px solid #e0e0e0;
-
-  input[type='file'] {
-    margin-right: 10px;
-  }
-
-  .url-input,
-  .search-input {
-    width: 300px;
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    margin-right: 10px;
-    font-size: 14px;
-
-    &:focus {
-      outline: none;
-      border-color: #409eff;
-    }
-  }
-
-  button {
-    padding: 8px 16px;
-    background: #409eff;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    margin-right: 10px;
-    font-size: 14px;
-
-    &:hover:not(:disabled) {
-      background: #337ecc;
-    }
-
-    &:disabled {
-      background: #c0c4cc;
-      cursor: not-allowed;
-    }
-  }
-}
-
-.pdf-container {
-  height: 600px;
-  border: 1px solid #e0e0e0;
-  border-radius: 8px;
-  overflow: hidden;
-  margin-bottom: 20px;
-}
-
-@media (max-width: 768px) {
-  .url-input,
-  .search-input {
-    width: 100% !important;
-    margin-bottom: 10px;
-  }
-}
-</style>

package/dist/ComponentDemo/SaturationLineDemo.vue

@@ -1,277 +0,0 @@
-<template>
-    <div class="saturation-line-view">
-      <span>浸润线</span>
-      <NsSaturationline ref="canvasRef" class="saturationline-canvas" :data="state.damData" :waterLevel="state.waterLevel"></NsSaturationline>
-    </div>
-</template>
-<script setup lang="ts" name="">
-import { reactive } from 'vue';
-
-const state = reactive({
-    damData: {
-    "sectionTableList": [
-        {
-            "id": 209,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "-14.24",
-            "y": "46",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:55:54",
-            "isDelete": 0,
-            "tmpId": 44958,
-            "xPoint": "-14.24",
-            "yPoint": "46"
-        },
-        {
-            "id": 210,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "-7.12",
-            "y": "48",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:56:46",
-            "isDelete": 0,
-            "tmpId": 39368,
-            "xPoint": "-7.12",
-            "yPoint": "48"
-        },
-        {
-            "id": 211,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "-2.5",
-            "y": "52.8",
-            "isTop": true,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:56:47",
-            "isDelete": 0,
-            "tmpId": 56071,
-            "xPoint": "-2.5",
-            "yPoint": "52.8"
-        },
-        {
-            "id": 212,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "2.5",
-            "y": "52.8",
-            "isTop": true,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:57:18",
-            "isDelete": 0,
-            "tmpId": 85724,
-            "xPoint": "2.5",
-            "yPoint": "52.8"
-        },
-        {
-            "id": 213,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "19",
-            "y": "44",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:57:53",
-            "isDelete": 0,
-            "tmpId": 9252,
-            "xPoint": "19",
-            "yPoint": "44"
-        },
-        {
-            "id": 214,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "22",
-            "y": "44",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 17:16:46",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:57:51",
-            "isDelete": 0,
-            "tmpId": 17973,
-            "xPoint": "22",
-            "yPoint": "44"
-        },
-        {
-            "id": 215,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "42.85",
-            "y": "36",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:55:54",
-            "isDelete": 0,
-            "tmpId": 37114,
-            "xPoint": "42.85",
-            "yPoint": "36"
-        },
-        {
-            "id": 216,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "51.45",
-            "y": "36",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:55:54",
-            "isDelete": 0,
-            "tmpId": 84334,
-            "xPoint": "51.45",
-            "yPoint": "36"
-        },
-        {
-            "id": 217,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "71.2",
-            "y": "30",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:55:54",
-            "isDelete": 0,
-            "tmpId": 45304,
-            "xPoint": "71.2",
-            "yPoint": "30"
-        },
-        {
-            "id": 218,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "x": "78.67",
-            "y": "30",
-            "isTop": false,
-            "createBy": 1,
-            "createTime": "2025-12-04 16:50:00",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 16:55:54",
-            "isDelete": 0,
-            "tmpId": 69492,
-            "xPoint": "78.67",
-            "yPoint": "30"
-        }
-    ],
-    "pipelineTableList": [
-        {
-            "id": 77,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "pointCode": "xiangshanup1",
-            "x": "-2.5",
-            "y": "52.8",
-            "height": "25",
-            "createBy": 1,
-            "createTime": "2025-12-04 16:16:41",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 17:19:29",
-            "isDelete": 0,
-            "pointName": "UP1",
-            "value": 40,
-            "time": "2025-12-04 20:07:32",
-            "xPoint": "-2.5",
-            "yPoint": "52.8"
-        },
-        {
-            "id": 78,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "pointCode": "xsUP2",
-            "x": "2.5",
-            "y": "52.8",
-            "height": "25",
-            "createBy": 1,
-            "createTime": "2025-12-04 16:16:41",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 17:19:29",
-            "isDelete": 0,
-            "pointName": "UP2",
-            "value": 45,
-            "time": "2025-12-04 20:07:32",
-            "xPoint": "2.5",
-            "yPoint": "52.8"
-        },
-        {
-            "id": 79,
-            "damCode": "dam_1996484649555202048",
-            "sectionId": 41,
-            "pointCode": "xsup3",
-            "x": "8",
-            "y": "49.5",
-            "height": "22",
-            "createBy": 1,
-            "createTime": "2025-12-04 16:16:41",
-            "updateBy": 1,
-            "updateTime": "2025-12-04 17:19:29",
-            "isDelete": 0,
-            "pointName": "UP3",
-            "value": 50,
-            "time": "2025-12-04 20:07:32",
-            "xPoint": "8",
-            "yPoint": "49.5"
-        }
-    ],
-    "isWall": "0",
-    "yStart": "20",
-    "wallXpoint": "0"
-},
-    waterLevel: {
-        "map": [
-            {
-                "id": 77,
-                "pointCode": "xiangshanup1",
-                "waterLevel": 40,
-                "date": "2025-12-04 20:07:32"
-            },
-            {
-                "id": 78,
-                "pointCode": "xsUP2",
-                "waterLevel": 45,
-                "date": "2025-12-04 20:07:32"
-            },
-            {
-                "id": 79,
-                "pointCode": "xsup3",
-                "waterLevel": 50,
-                "date": "2025-12-04 20:07:32"
-            }
-        ],
-        "kssw": 50,
-        "xxsw": "0",
-        "sjsw": "0",
-        "jhsw": "0"
-    },
-});
-</script>
-<style lang="scss" scoped>
-.saturation-line-view {
-  width: calc(100% - 40px);
-  height: calc(100% - 20px);
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  .saturationline-canvas {
-    flex: 1;
-    height: 100%;
-  }
-}
-</style>

package/dist/ComponentDemo/SimpleFormConfig.json

@@ -1,97 +0,0 @@
-{
-  "formData": {
-    "name": "xx",
-    "email": "yy@zz.com",
-    "age": null,
-    "city": "",
-    "description": ""
-  },
-  "formItems": [
-    {
-      "label": "姓名",
-      "prop": "name",
-      "component": "input",
-      "span": 24,
-      "required": true,
-      "placeholder": "请输入姓名",
-      "props": {
-        "clearable": true
-      }
-    },
-    {
-      "label": "邮箱",
-      "prop": "email",
-      "component": "input",
-      "span": 24,
-      "required": true,
-      "placeholder": "请输入邮箱",
-      "props": {
-        "clearable": true
-      },
-      "rules": [
-        {
-          "type": "email",
-          "message": "请输入正确的邮箱地址",
-          "trigger": "blur"
-        }
-      ]
-    },
-    {
-      "label": "年龄",
-      "prop": "age",
-      "component": "number",
-      "span": 24,
-      "placeholder": "请输入年龄",
-      "props": {
-        "min": 1,
-        "max": 120,
-        "controlsPosition": "right"
-      }
-    },
-    {
-      "label": "城市",
-      "prop": "city",
-      "component": "select",
-      "span": 24,
-      "placeholder": "请选择城市",
-      "options": [
-        { "label": "北京", "value": "beijing" },
-        { "label": "上海", "value": "shanghai" },
-        { "label": "广州", "value": "guangzhou" },
-        { "label": "深圳", "value": "shenzhen" }
-      ],
-      "props": {
-        "clearable": true
-      }
-    },
-    {
-      "label": "描述",
-      "prop": "description",
-      "component": "textarea",
-      "span": 24,
-      "placeholder": "请输入描述",
-      "props": {
-        "rows": 3,
-        "maxlength": 200,
-        "showWordLimit": true
-      }
-    }
-  ],
-  "formRules": {
-    "name": [
-      {
-        "required": true,
-        "message": "请输入姓名",
-        "trigger": "blur"
-      }
-    ],
-    "email": [
-      {
-        "required": true,
-        "message": "请输入邮箱地址",
-        "trigger": "blur"
-      }
-    ]
-  },
-  "optionsData": {}
-}