ronds-metadata 1.3.89 → 1.3.91

package/es/comps/CodeEditor/suggestions/register/table.js

@@ -0,0 +1,173 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/*
+ * @Author: wangxian
+ * @Date: 2024-11-11 16:36:17
+ * @LastEditTime: 2024-11-13 15:17:02
+ */
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { tr } from '../../../../framework/locale';
+import { compatibleDataBaseName } from '../../utils';
+import { addSuggestField } from './field';
+import { MetadataService } from '../../../../framework/metadata/MetadataService';
+var tableList = {};
+/** 当前库下的表 */
+var suggestTable = monaco.languages.registerCompletionItemProvider('sql', {
+  provideCompletionItems: function provideCompletionItems() {
+    return {
+      suggestions: []
+    };
+  }
+});
+export var resetSuggestTable = function resetSuggestTable() {
+  suggestTable.dispose();
+};
+var addSuggestTable = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var schemaName, namespace, server, data;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          schemaName = props.schemaName, namespace = props.namespace;
+          if (tableList[schemaName]) {
+            _context.next = 7;
+            break;
+          }
+          server = new MetadataService();
+          _context.next = 5;
+          return server.getAllTableFromSchema({
+            schemaName: schemaName,
+            namespace: namespace
+          });
+        case 5:
+          data = _context.sent;
+          tableList[schemaName] = data;
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function addSuggestTable(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getSubdirName = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(namespace) {
+    var server, list;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          server = new MetadataService();
+          _context2.next = 3;
+          return server.getSubdirFromNs(namespace);
+        case 3:
+          list = _context2.sent;
+          return _context2.abrupt("return", list);
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getSubdirName(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var checkTableContext = function checkTableContext(text) {
+  var normalizedText = text.trim().toUpperCase();
+  var tableKeywords = ['FROM', 'JOIN', 'INNER JOIN', 'LEFT JOIN', 'RIGHT JOIN', 'UPDATE'];
+  for (var _i = 0, _tableKeywords = tableKeywords; _i < _tableKeywords.length; _i++) {
+    var keyword = _tableKeywords[_i];
+    if (normalizedText.endsWith(keyword)) {
+      return true;
+    }
+  }
+  return false;
+};
+var handleInsertText = function handleInsertText(keyword, tableName, databaseCode) {
+  if (/^[\"\`\[]/.test(keyword)) {
+    return tableName;
+  }
+  return compatibleDataBaseName(tableName, databaseCode);
+};
+var registerSuggestTable = function registerSuggestTable(_tableList, databaseCode, namespace) {
+  monaco.editor.registerCommand('addFieldList', function (_) {
+    var _ref3 = arguments.length <= 1 ? undefined : arguments[1],
+      tableName = _ref3.tableName,
+      namespace = _ref3.namespace;
+    var tableNames = _tableList.map(function (it) {
+      return it.name;
+    });
+    // 过滤非public模式的表名调用
+    getSubdirName(namespace).then(function (schemas) {
+      if (schemas.includes('public') && tableNames.includes(tableName)) {
+        var props = {
+          tableName: tableName,
+          namespace: "".concat(namespace, ":public")
+        };
+        addSuggestField(props);
+      }
+    });
+  });
+  tableList['public'] = _tableList;
+  resetSuggestTable();
+  suggestTable = monaco.languages.registerCompletionItemProvider('sql', {
+    triggerCharacters: ['.'],
+    // @ts-ignore
+    provideCompletionItems: function provideCompletionItems(model, position) {
+      var lineContentUntilPosition = model.getValueInRange({
+        startLineNumber: position.lineNumber,
+        startColumn: 1,
+        endLineNumber: position.lineNumber,
+        endColumn: position.column
+      });
+      var isTableContext = checkTableContext(lineContentUntilPosition);
+      // 获取触发提示的字符
+      var match = lineContentUntilPosition.match(/\S+$/);
+      var word;
+      if (match) {
+        word = match[0];
+      }
+      if (!word) {
+        return {}; // 如果没有匹配到，直接返回
+      }
+      if (word && !tableList[word]) {
+        addSuggestTable({
+          schemaName: word,
+          namespace: namespace
+        });
+      }
+      var suggestions = Object.keys(tableList).reduce(function (acc, cur) {
+        var arr = tableList[cur].map(function (it) {
+          return {
+            label: {
+              label: it.name,
+              detail: (it === null || it === void 0 ? void 0 : it.belong) ? "(".concat(it === null || it === void 0 ? void 0 : it.belong, ")") : null,
+              description: tr('表名')
+            },
+            kind: monaco.languages.CompletionItemKind.Folder,
+            insertText: handleInsertText(word, it.name, databaseCode),
+            // range: monaco.Range.fromPositions(position),
+            // documentation: tableName?.comment,
+            sortText: isTableContext ? '01' : '08',
+            command: {
+              id: 'addFieldList',
+              title: 'addFieldList',
+              arguments: [{
+                tableName: it.name,
+                namespace: namespace
+              }]
+            }
+          };
+        });
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(arr));
+      }, []);
+      return {
+        suggestions: suggestions
+      };
+    }
+  });
+};
+export { suggestTable, registerSuggestTable, addSuggestTable };

package/es/comps/CodeEditor/utils.d.ts

@@ -0,0 +1,13 @@
+import { DatabaseTypeCode } from './config';
+/**
+ * 格式化sql
+ */
+export declare function formatSql(sql: string, dbType: any): Promise<string>;
+/**
+ * 兼容处理数据库名称
+ * @param databaseName
+ * @param databaseType
+ * @returns
+ */
+export declare function compatibleDataBaseName(databaseName: string, databaseType: DatabaseTypeCode): string;
+export declare const removeDefaultActions: () => void;

package/es/comps/CodeEditor/utils.js

@@ -0,0 +1,69 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { format } from 'sql-formatter';
+import * as actions from 'monaco-editor/esm/vs/platform/actions/common/actions';
+import { DatabaseTypeCode, removableIds } from './config';
+/**
+ * 格式化sql
+ */
+export function formatSql(sql, dbType) {
+  var arr = ['bigquery', 'db2', 'hive', 'mariadb', 'mysql', 'n1ql', 'plsql', 'postgresql', 'redshift', 'spark', 'sqlite', 'sql', 'trino', 'transactsql', 'singlestoredb', 'snowflake'];
+  var language = arr.includes(dbType.toLowerCase()) ? dbType.toLowerCase() : 'sql';
+  return new Promise(function (r) {
+    var formatRes = '';
+    try {
+      formatRes = format(sql || '', {
+        language: language
+      });
+    } catch (e) {
+      r(formatRes);
+    }
+    // 如果格式化失败，直接返回原始sql
+    r(formatRes);
+  });
+}
+/**
+ * 兼容处理数据库名称
+ * @param databaseName
+ * @param databaseType
+ * @returns
+ */
+export function compatibleDataBaseName(databaseName, databaseType) {
+  //""  oracele  sqlite postgrsql  h2 dm
+  // ` MYSQL clickhouse MariaDB
+  // [ sqlserver
+  if ([DatabaseTypeCode.ORACLE, DatabaseTypeCode.SQLITE, DatabaseTypeCode.POSTGRESQL, DatabaseTypeCode.H2, DatabaseTypeCode.DB2, DatabaseTypeCode.KINGBASE, DatabaseTypeCode.DM].includes(databaseType)) {
+    return "\"".concat(databaseName, "\"");
+  } else if ([DatabaseTypeCode.SQLSERVER].includes(databaseType)) {
+    return "[".concat(databaseName, "]");
+  } else if ([DatabaseTypeCode.MYSQL, DatabaseTypeCode.CLICKHOUSE, DatabaseTypeCode.TIMEPLUS, DatabaseTypeCode.MARIADB].includes(databaseType)) {
+    return "`".concat(databaseName, "`");
+  } else {
+    return "".concat(databaseName);
+  }
+}
+export var removeDefaultActions = function removeDefaultActions() {
+  //获取 Monaco Editor 的菜单项注册表
+  var menus = actions.MenuRegistry._menuItems;
+  //查找编辑器上下文菜单的注册条目
+  var contextMenuEntry = _toConsumableArray(menus).find(function (entry) {
+    return entry[0]._debugName == 'EditorContext' || entry[0].id == 'EditorContext';
+  });
+  // 从上下文菜单的注册条目中提取菜单项
+  var contextMenuLinks = contextMenuEntry[1];
+  // 移除菜单项的函数
+  var removeById = function removeById(list, ids) {
+    var node = list._first;
+    //// 检查当前菜单项是否应该移除
+    do {
+      var _node$element, _node$element$command, _node$element2;
+      // 注意 node.element?.command?.id || node.element?.title 的用法
+      var shouldRemove = ids.includes(((_node$element = node.element) === null || _node$element === void 0 ? void 0 : (_node$element$command = _node$element.command) === null || _node$element$command === void 0 ? void 0 : _node$element$command.id) || ((_node$element2 = node.element) === null || _node$element2 === void 0 ? void 0 : _node$element2.title));
+      // 如果应该移除，则从链表中移除当前节点
+      if (shouldRemove) {
+        list._remove(node);
+      }
+    } while (node = node.next);
+  };
+  // 通过调用 removeById 函数移除特定的菜单项
+  removeById(contextMenuLinks, removableIds);
+};

package/es/comps/DataMine/Line.js

@@ -52,7 +52,6 @@ var LineChart = function LineChart(props) {
 
       // 在这里处理选中的数据范围
     });
-
     line.render();
   }, []);
   React.useEffect(function () {

package/es/comps/DraggableDiv/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import 'react-grid-layout/css/styles.css';
+import 'react-resizable/css/styles.css';
+import './index.less';
+interface IDraggableDivProps {
+    children: React.ReactNode;
+}
+declare const DraggableDiv: (props: IDraggableDivProps) => JSX.Element;
+export default DraggableDiv;

package/es/comps/DraggableDiv/index.js

@@ -0,0 +1,139 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
+import { Responsive, WidthProvider } from 'react-grid-layout';
+import 'react-grid-layout/css/styles.css';
+import 'react-resizable/css/styles.css';
+import './index.less';
+var ResponsiveGridLayout = WidthProvider(Responsive);
+var DraggableDiv = function DraggableDiv(props) {
+  var children = props.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showGrid = _useState2[0],
+    setShowGrid = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    backgroundStyle = _useState4[0],
+    setBackgroundStyle = _useState4[1];
+  var gridLayoutRef = useRef(null);
+  var backgroundRef = useRef(null);
+  var parentContainerRef = useRef(null);
+  var layout = useMemo(function () {
+    return [{
+      i: '1',
+      x: 0,
+      y: 0,
+      w: 2,
+      h: 2
+    }, {
+      i: '2',
+      x: 2,
+      y: 0,
+      w: 2,
+      h: 2
+    }];
+  }, []);
+  var handleDragStart = function handleDragStart() {
+    return setShowGrid(true);
+  };
+  var handleDragStop = function handleDragStop() {
+    updateBackgroundSize();
+    setShowGrid(false);
+  };
+  var handleResizeStart = function handleResizeStart() {
+    return setShowGrid(true);
+  };
+  var handleResizeStop = function handleResizeStop() {
+    updateBackgroundSize();
+    setShowGrid(false);
+  };
+  // 更新背景网格尺寸的函数
+  var updateBackgroundSize = useCallback(function () {
+    if (gridLayoutRef.current && backgroundRef.current && parentContainerRef.current) {
+      var actualGridContainer = gridLayoutRef.current.querySelector('.react-grid-layout');
+      var parentContainer = parentContainerRef.current;
+      if (actualGridContainer && parentContainer) {
+        var gridRect = actualGridContainer.getBoundingClientRect();
+        var parentRect = parentContainer.getBoundingClientRect();
+        // 计算内部网格容器的实际宽度和高度
+        var gridWidth = Math.ceil(gridRect.width);
+        var gridHeight = Math.ceil(gridRect.height);
+        // 获取父容器的宽度和高度（包含滚动条的可视区域）
+        var parentWidth = parentRect.width;
+        var parentHeight = parentRect.height;
+        // 仅在内容溢出时扩大背景网格
+        var finalWidth = '100%';
+        var finalHeight = '100%';
+        // 如果网格内容宽度 > 父容器宽度，使用内容宽度
+        if (gridWidth > parentWidth) {
+          finalWidth = "".concat(gridWidth, "px");
+        }
+        // 如果网格内容高度 > 父容器高度，使用内容高度
+        if (gridHeight > parentHeight) {
+          finalHeight = "".concat(gridHeight, "px");
+        }
+        setBackgroundStyle({
+          width: finalWidth,
+          height: finalHeight
+        });
+      }
+    }
+  }, []);
+  useEffect(function () {
+    updateBackgroundSize();
+    // 添加 resize 监听器，当窗口大小变化时重新计算
+    var handleResize = function handleResize() {
+      updateBackgroundSize();
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, [updateBackgroundSize]);
+  return (
+    /*#__PURE__*/
+    // 为父容器添加 ref
+    React.createElement("div", {
+      ref: parentContainerRef,
+      className: "parent"
+    }, /*#__PURE__*/React.createElement("div", {
+      ref: gridLayoutRef
+    }, /*#__PURE__*/React.createElement(ResponsiveGridLayout, {
+      className: "layout",
+      layouts: {
+        lg: layout
+      },
+      cols: {
+        lg: 24,
+        md: 12
+      },
+      rowHeight: 40
+      // width={1200}
+      ,
+      isResizable: true,
+      isDraggable: true,
+      onDragStart: handleDragStart,
+      onDragStop: handleDragStop,
+      onResizeStart: handleResizeStart,
+      onResizeStop: handleResizeStop,
+      compactType: "vertical",
+      preventCollision: false,
+      containerPadding: [0, 0],
+      style: {
+        minHeight: '100%',
+        minWidth: '100%'
+      }
+    }, React.Children.map(children, function (child, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: "".concat(index),
+        className: "grid-item"
+      }, child);
+    }))), showGrid && /*#__PURE__*/React.createElement("div", {
+      ref: backgroundRef,
+      className: "grid-background",
+      style: _objectSpread({}, backgroundStyle)
+    }))
+  );
+};
+export default DraggableDiv;

package/es/comps/DraggableDiv/index.less

@@ -0,0 +1,45 @@
+.parent {
+  width: 100%;
+  height: 600px;
+  margin: 20px auto;
+  border: 2px solid #ddd;
+  border-radius: 8px;
+  position: relative;
+  overflow: auto; // 父容器有滚动条
+
+  // 背景网格线（1px 线，20px 间距）
+  background: linear-gradient(to right, #f9f9f9 99%, #e0e0e0 99%) 0 0 / 20px 1px, linear-gradient(to bottom, #f9f9f9 99%, #e0e0e0 99%) 0 0 / 1px 20px;
+}
+
+.grid-item {
+  background-color: rgba(255, 255, 255, 0.95);
+  border: 1px solid #ccc;
+  border-radius: 6px;
+  padding: 10px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: move;
+  user-select: none;
+  outline: 1px dashed rgba(0, 0, 0, 0.05);
+  outline-offset: -1;
+  z-index: 2;
+}
+
+.grid-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none; // 不阻止鼠标事件穿透
+  z-index: 1;
+
+  width: 100%;
+  height: 100%;
+
+  background-image: linear-gradient(to right, #e0e0e0 1px, transparent 1px), linear-gradient(to bottom, #e0e0e0 1px, transparent 1px);
+  background-size: 20px 20px;
+  background-position: 0 0;
+}

package/es/comps/DynamicPorts/comps/ContextMenu.less

@@ -1,8 +1,8 @@
-.mask {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  z-index: 99999;
-}
+.mask {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 99999;
+}

package/es/comps/DynamicPorts/comps/DragNode.js

@@ -17,7 +17,7 @@ var InnerNodeTitle = function InnerNodeTitle(props) {
   var data = props.data,
     connectDragPreview = props.connectDragPreview,
     connectDragSource = props.connectDragSource;
-  return /*#__PURE__*/React.createElement("div", null, connectDragPreview(connectDragSource( /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, connectDragPreview(connectDragSource(/*#__PURE__*/React.createElement("div", {
     className: "node-element",
     style: {
       width: '100%'

package/es/comps/DynamicPorts/comps/GraphHandler/index.less

@@ -1,39 +1,39 @@
-.handler {
-  position: absolute;
-  top: 61px;
-  right: 14px;
-  z-index: 99;
-  width: 32px;
-  margin: 0;
-  padding: 3px 0;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 16px;
-  list-style-type: none;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.04);
-  border-radius: 3px;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
-
-  .item {
-    text-align: center;
-    cursor: pointer;
-
-    &:hover {
-      color: #000;
-      background-color: #e0e0e0;
-    }
-  }
-
-  .tools-selected {
-    color: #000;
-    background-color: #e0e0e0;
-  }
-}
-
-.popover {
-  :global {
-    .ant-popover-inner-content {
-      padding: 3px 8px;
-    }
-  }
-}
+.handler {
+  position: absolute;
+  top: 61px;
+  right: 14px;
+  z-index: 99;
+  width: 32px;
+  margin: 0;
+  padding: 3px 0;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 16px;
+  list-style-type: none;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.04);
+  border-radius: 3px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
+
+  .item {
+    text-align: center;
+    cursor: pointer;
+
+    &:hover {
+      color: #000;
+      background-color: #e0e0e0;
+    }
+  }
+
+  .tools-selected {
+    color: #000;
+    background-color: #e0e0e0;
+  }
+}
+
+.popover {
+  :global {
+    .ant-popover-inner-content {
+      padding: 3px 8px;
+    }
+  }
+}

package/es/comps/DynamicPorts/comps/NodeElementAlgo.d.ts

@@ -0,0 +1,6 @@
+import '../index.less';
+interface NodeElementProps {
+    node?: Node;
+}
+declare const NodeElementAlgo: (props: NodeElementProps) => JSX.Element;
+export default NodeElementAlgo;

package/es/comps/DynamicPorts/comps/NodeElementAlgo.js

@@ -0,0 +1,76 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: wangxian
+ * @Date: 2022-05-24 08:50:16
+ * @LastEditTime: 2025-07-02 09:11:56
+ */
+import { GlobalOutlined } from '@ant-design/icons';
+import { filter } from 'rxjs/operators';
+import '../index.less';
+import Icon from '../../Icons';
+import { NodeStatus } from './NodeStatus';
+import { gDPGraph } from '../graph';
+import React from 'react';
+import { tr } from '../../../framework/locale';
+import Texty from '../../../comps/Editable/comps/Texty';
+var NodeElementAlgo = function NodeElementAlgo(props) {
+  var node = props.node;
+  var data = (node === null || node === void 0 ? void 0 : node.getData()) || {};
+  var id = data.id,
+    name = data.name,
+    icon = data.icon,
+    param = data.param;
+  var _React$useState = React.useState({}),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    nodeStatus = _React$useState2[0],
+    setNodeStatus = _React$useState2[1];
+  React.useEffect(function () {
+    var sub = gDPGraph && gDPGraph.factory$.executionStatus.pipe(filter(function (x) {
+      return !!x;
+    })).subscribe(function (v) {
+      var _status = v.statusList.find(function (it) {
+        return (it === null || it === void 0 ? void 0 : it.nodeId) === id;
+      });
+      setNodeStatus(_objectSpread(_objectSpread({}, _status), {}, {
+        debugId: v.debugId
+      }));
+    });
+    return function () {
+      sub.unsubscribe();
+    };
+  }, [gDPGraph]);
+  var onStatusClick = function onStatusClick(e) {
+    e.stopPropagation();
+    gDPGraph.factory$.statusClick.next(_objectSpread(_objectSpread({}, data), {}, {
+      status: _objectSpread({
+        nodeId: id
+      }, nodeStatus)
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "node-element-algo"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "icon",
+    style: {
+      cursor: 'pointer'
+    }
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    type: icon,
+    style: {
+      fontSize: '18px'
+    }
+  }) : /*#__PURE__*/React.createElement(GlobalOutlined, null)), /*#__PURE__*/React.createElement("div", {
+    className: "notation"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "name",
+    title: tr(name)
+  }, tr(name)), (param === null || param === void 0 ? void 0 : param.remark) && /*#__PURE__*/React.createElement("div", {
+    className: "remark"
+  }, /*#__PURE__*/React.createElement(Texty, null, param === null || param === void 0 ? void 0 : param.remark))), nodeStatus && (nodeStatus === null || nodeStatus === void 0 ? void 0 : nodeStatus.nodeStatus) && /*#__PURE__*/React.createElement(NodeStatus, {
+    onClick: onStatusClick,
+    className: "statusIcon",
+    status: nodeStatus.nodeStatus
+  }))));
+};
+export default NodeElementAlgo;

package/es/comps/DynamicPorts/comps/NodeElementConfig.d.ts

@@ -0,0 +1,6 @@
+import '../index.less';
+interface NodeElementProps {
+    node?: Node;
+}
+declare const NodeElementConfig: (props: NodeElementProps) => JSX.Element;
+export default NodeElementConfig;