raintee-maputils 1.0.21 → 1.0.23

package/dist/index.js

@@ -5754,74 +5754,74 @@ var RainteeGISUtil = /*#__PURE__*/Object.freeze({
 });
 
 const treeDataAdapter = (data) => {
-    let i = 0;
-    let treeData = [];
-    let checkedKeys = [];
-    data.forEach((item) => {
-        let kvs = item.id.split(';').map(kvstr => kvstr.split('='));
-        let groups = kvs.find(item => item[0] === 'Main')[1].split('/');
-        let layerName = kvs.find(item => item[0] === 'CN')[1];
-        let currentNode = treeData;
-        groups.forEach((group, index) => {
-            currentNode.find(item => item.label === group) || i++;
-            currentNode.find(item => item.label === group) || currentNode.push({
-                id: i,
-                label: group,
-                children: []
-            });
-            currentNode = currentNode.find(item => item.label === group).children;
-        });
-        i++;
-        currentNode.push({
-            id: i,
-            label: layerName,
-            fullLayerName: groups.length === 0 ? layerName : groups.join('-') + '-' + layerName,
-            layerId: item.id,
-            opacity: '1.0',
-        });
-        if (item.layout && item.layout.visibility == 'visible') {
-            checkedKeys.push(i);
-        }
+  let i = 0;
+  let treeData = [];
+  let checkedKeys = [];
+  data.forEach((item) => {
+    let kvs = item.id.split(';').map(kvstr => kvstr.split('='));
+    let groups = kvs.find(item => item[0] === 'Main')[1].split('/');
+    let layerName = kvs.find(item => item[0] === 'CN')[1];
+    let currentNode = treeData;
+    groups.forEach((group, index) => {
+      currentNode.find(item => item.label === group) || i++;
+      currentNode.find(item => item.label === group) || currentNode.push({
+        id: i,
+        label: group,
+        children: []
+      });
+      currentNode = currentNode.find(item => item.label === group).children;
     });
-    return { treeData, checkedKeys }
+    i++;
+    currentNode.push({
+      id: i,
+      label: layerName,
+      fullLayerName: groups.length === 0 ? layerName : groups.join('-') + '-' + layerName,
+      layerId: item.id,
+      opacity: '1.0',
+    });
+    if (item.layout && item.layout.visibility == 'visible') {
+      checkedKeys.push(i);
+    }
+  });
+  return { treeData, checkedKeys }
 };
 const treeDataAdapterNext = (data) => {
-    let i = 0;
-    let treeData = [];
-    let checkedKeys = [];
-    data.forEach((item) => {
-        let kvs = item.id.split(';').map(kvstr => kvstr.split('='));
-        let groups = kvs.find(item => item[0] === 'Main')[1].split('/');
-        let layerName = kvs.find(item => item[0] === 'CN')[1];
-        let currentNode = treeData;
-        groups.length === 0 ? layerName : groups.join('-') + '-' + layerName;
-        groups.forEach((group, index) => {
-            currentNode.find(item => item.label === group) || i++;
-            currentNode.find(item => item.label === group) || currentNode.push({
-                id: `TreeId=${i};`,
-                label: group,
-                children: []
-            });
-            currentNode = currentNode.find(item => item.label === group).children;
-        });
-        i++;
-        currentNode.push({
-            id: item.id,
-            label: layerName,
-            fullLayerName: getLayerIdFidld(item.id, 'Main') + '-' + getLayerIdFidld(item.id, 'CN'),
-            layerId: item.id,
-            opacity: '1.0',
-        });
-        if (item.layout && item.layout.visibility == 'visible') {
-            checkedKeys.push(i);
-        }
+  let i = 0;
+  let treeData = [];
+  let checkedKeys = [];
+  data.forEach((item) => {
+    let kvs = item.id.split(';').map(kvstr => kvstr.split('='));
+    let groups = kvs.find(item => item[0] === 'Main')[1].split('/');
+    let layerName = kvs.find(item => item[0] === 'CN')[1];
+    let currentNode = treeData;
+    groups.length === 0 ? layerName : groups.join('-') + '-' + layerName;
+    groups.forEach((group, index) => {
+      currentNode.find(item => item.label === group) || i++;
+      currentNode.find(item => item.label === group) || currentNode.push({
+        id: `TreeId=${i};`,
+        label: group,
+        children: []
+      });
+      currentNode = currentNode.find(item => item.label === group).children;
     });
-    return { treeData, checkedKeys }
+    i++;
+    currentNode.push({
+      id: item.id,
+      label: layerName,
+      fullLayerName: getLayerIdFidld(item.id, 'Main') + '-' + getLayerIdFidld(item.id, 'CN'),
+      layerId: item.id,
+      opacity: '1.0',
+    });
+    if (item.layout && item.layout.visibility == 'visible') {
+      checkedKeys.push(i);
+    }
+  });
+  return { treeData, checkedKeys }
 };
 const getLayerIdFidld = (str, field) => {
-    let kvs = str.split(';').map(kvstr => kvstr.split('='));
-    let layerId = kvs.find(item => item[0] === field)[1];
-    return layerId
+  let kvs = str.split(';').map(kvstr => kvstr.split('='));
+  let layerId = kvs.find(item => item[0] === field)[1];
+  return layerId
 };
 /**
  * 生成唯一ID字符串
@@ -5832,35 +5832,121 @@ const getLayerIdFidld = (str, field) => {
  * @returns {string} 唯一ID字符串
  */
 const GenerateUniqueId = (
-    projectId,
-    objectTypeId,
-    groupId,
-    objectId
+  projectId,
+  objectTypeId,
+  groupId,
+  objectId
 ) => {
-    // 将参数组合成一个字符串
-    const combinedString = `${projectId}|${objectTypeId}|${groupId}|${objectId}`;
-
-    // 使用简单的哈希函数生成固定长度的字符串
-    let hash = 0;
-    for (let i = 0; i < combinedString.length; i++) {
-        const char = combinedString.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
-        hash = hash & hash; // Convert to 32bit integer
-    }
+  // 将参数组合成一个字符串
+  const combinedString = `${projectId}|${objectTypeId}|${groupId}|${objectId}`;
+
+  // 使用简单的哈希函数生成固定长度的字符串
+  let hash = 0;
+  for (let i = 0; i < combinedString.length; i++) {
+    const char = combinedString.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash; // Convert to 32bit integer
+  }
 
-    // 转换为16进制字符串并补零到8位
-    const hexHash = (hash >>> 0).toString(16).padStart(8, "0");
+  // 转换为16进制字符串并补零到8位
+  const hexHash = (hash >>> 0).toString(16).padStart(8, "0");
 
-    // 添加前缀和分隔符增强可读性
-    return `UID-${projectId.slice(0, 2)}-${objectTypeId.slice(
-        0,
-        2
-    )}-${groupId.slice(0, 2)}-${hexHash}`;
-};
+  // 添加前缀和分隔符增强可读性
+  return `UID-${projectId.slice(0, 2)}-${objectTypeId.slice(
+    0,
+    2
+  )}-${groupId.slice(0, 2)}-${hexHash}`;
+};
+/**
+ * 生成一个带斑马纹、固定宽高、支持滚动条的键值对表格 HTML 字符串
+ * @param {Array<{label: string, value: string}>} data - 键值对数组，如 [{label: '姓名', value: '张三'}, ...]
+ * @param {Object} [options] - 可选配置
+ * @param {number} [options.width=600] - 表格容器宽度（像素）
+ * @param {number} [options.height=400] - 表格容器高度（像素）
+ * @returns {string} - 返回一个完整的 HTML 字符串，可直接插入到 innerHTML 中
+ */
+function generateKeyValueTableHTML(data, options = {}) {
+  const { width = 600, height = 400 } = options;
+
+  // 开始拼接 HTML 字符串
+  let html = `
+      <div style="
+        width: ${width}px;
+        height: ${height}px;
+        overflow: auto;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+      ">
+        <table style="
+          width: 100%;
+          border-collapse: collapse;
+          font-family: Arial, sans-serif;
+          font-size: 14px;
+        ">
+          <tbody>
+                  <tr style="background-color: '#f9f9f9';">
+          <td style="
+            padding: 8px 12px;
+            border: 1px solid #ccc;
+            font-weight: bold;
+            min-width: 100px;
+          ">属性</td>
+          <td style="
+            padding: 8px 12px;
+            border: 1px solid #ccc;
+            word-break: break-word;
+          ">值</td>
+        </tr>
+    `;
+
+  // 遍历键值对，生成行
+  data.forEach((item, index) => {
+    const bgColor = index % 2 === 0 ? '#ffffff' : '#f9f9f9'; // 斑马纹背景色
+    const label = item.label || '';
+    const value = item.value || '';
+
+    html += `
+        <tr style="background-color: ${bgColor};">
+          <td style="
+            padding: 8px 12px;
+            border: 1px solid #ccc;
+            font-weight: bold;
+            min-width: 100px;
+          ">${label}</td>
+          <td style="
+            padding: 8px 12px;
+            border: 1px solid #ccc;
+            word-break: break-word;
+          ">${value}</td>
+        </tr>
+      `;
+  });
+
+  // 闭合标签
+  html += `
+          </tbody>
+        </table>
+      </div>
+    `;
+
+  // 返回拼接好的 HTML 字符串
+  return html;
+}
+
+function downloadByUrl(url, filename = '') {
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename || ''; // 为空则使用服务器返回的默认文件名
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
 
 var RainteeSourceMapTool = /*#__PURE__*/Object.freeze({
     __proto__: null,
     GenerateUniqueId: GenerateUniqueId,
+    downloadByUrl: downloadByUrl,
+    generateKeyValueTableHTML: generateKeyValueTableHTML,
     getLayerIdFidld: getLayerIdFidld,
     treeDataAdapter: treeDataAdapter,
     treeDataAdapterNext: treeDataAdapterNext