ronds-metadata 1.3.3 → 1.3.5

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

@@ -0,0 +1,18 @@
+import 'monaco-editor/esm/vs/basic-languages/pgsql/pgsql.contribution.js';
+interface ICodeEditProps {
+    value?: string;
+    theme?: 'light' | 'vs-dark';
+    mode?: 'javascript' | 'python' | 'pgsql';
+    width?: string | number;
+    height?: string | number;
+    /**
+     * 联想提示说明
+     */
+    extraDico?: any[];
+    /**
+     * 编辑框输入值改变回调
+     */
+    onChange?: (txt: string) => void;
+}
+declare const CodeEdit: (props: ICodeEditProps) => JSX.Element;
+export default CodeEdit;

package/es/comps/CodeEdit/index.js

@@ -0,0 +1,143 @@
+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: 2023-09-08 10:02:20
+ * @LastEditTime: 2023-09-08 18:47:50
+ */
+import Editor, { useMonaco } from '@monaco-editor/react';
+import React from 'react';
+// 引入所需的语言库
+import 'monaco-editor/esm/vs/basic-languages/pgsql/pgsql.contribution.js';
+var CodeEdit = function CodeEdit(props) {
+  var value = props.value,
+    width = props.width,
+    height = props.height,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'javascript' : _props$mode,
+    onChange = props.onChange;
+  var editorRef = React.useRef(null);
+  var monaco = useMonaco();
+  var initSuggestion = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var l, _yield$import, conf, language;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          // 动态导入 pgsql 模块
+          l = {};
+          if (!(mode === 'pgsql')) {
+            _context.next = 8;
+            break;
+          }
+          _context.next = 4;
+          return import('monaco-editor/esm/vs/basic-languages/pgsql/pgsql.js');
+        case 4:
+          _yield$import = _context.sent;
+          conf = _yield$import.conf;
+          language = _yield$import.language;
+          l = language;
+        case 8:
+          if (mode === 'python') {
+            l = {
+              keywords: ['signal'],
+              operators: ['add'],
+              builtinFunctions: ['alarm', 'plot']
+            };
+          }
+          monaco.languages.registerCompletionItemProvider(mode, {
+            provideCompletionItems: function provideCompletionItems(model, position) {
+              var _l, _l2, _l3;
+              // 获取原有的提示项
+              // const suggestions = monaco.languages.provideCompletionItems(model, position).suggestions;
+              var word = model.getWordUntilPosition(position);
+              var range = {
+                startLineNumber: position.lineNumber,
+                endLineNumber: position.lineNumber,
+                startColumn: word.startColumn,
+                endColumn: word.endColumn
+              };
+              var keyword = (((_l = l) === null || _l === void 0 ? void 0 : _l.keywords) || []).map(function (item) {
+                return {
+                  insertText: item,
+                  kind: monaco.languages.CompletionItemKind.Keyword,
+                  label: item,
+                  range: range
+                };
+              });
+              var operator = (((_l2 = l) === null || _l2 === void 0 ? void 0 : _l2.operators) || []).map(function (item) {
+                return {
+                  insertText: item,
+                  kind: monaco.languages.CompletionItemKind.Method,
+                  label: item,
+                  range: range
+                };
+              });
+              var fnc = (((_l3 = l) === null || _l3 === void 0 ? void 0 : _l3.builtinFunctions) || []).map(function (item) {
+                return {
+                  insertText: item,
+                  kind: monaco.languages.CompletionItemKind.Function,
+                  label: item,
+                  range: range
+                };
+              });
+              return {
+                suggestions: [].concat(_toConsumableArray(keyword), _toConsumableArray(operator), _toConsumableArray(fnc))
+              };
+            },
+            triggerCharacters: ['$', '.', '=', ':'] // 触发提示的字符 可以定义多个
+          });
+        case 10:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [monaco]);
+  var initHighlight = React.useCallback(function () {
+    monaco.languages.setMonarchTokensProvider(mode, {
+      ignoreCase: true,
+      tokenizer: {
+        root: [[/plot/, {
+          token: 'keyword'
+        }], [/alarm/, {
+          token: 'keyword'
+        }], [/add/, {
+          token: 'keyword'
+        }], [/signal/, {
+          token: 'string.escape'
+        }]]
+      }
+    });
+  }, [monaco]);
+  React.useEffect(function () {
+    if (monaco) {
+      initHighlight();
+      initSuggestion();
+    }
+  }, [monaco, value, initSuggestion]);
+  var onEditorChange = function onEditorChange(data) {
+    initHighlight();
+    onChange && onChange(data);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Editor, {
+    width: width || '100%',
+    height: height || '100%',
+    theme: theme,
+    defaultLanguage: mode,
+    defaultValue: value
+    // beforeMount={onEditorWillMount}
+    ,
+    onMount: function onMount(editor) {
+      editorRef.current = editor;
+    },
+    options: {
+      readOnly: false,
+      automaticLayout: true,
+      wordWrap: 'on'
+    },
+    onChange: onEditorChange
+  }));
+};
+export default CodeEdit;

package/es/comps/DataMine/Line.d.ts

@@ -0,0 +1,5 @@
+interface ILineChartProps {
+    data: any[];
+}
+declare const LineChart: (props: ILineChartProps) => JSX.Element;
+export default LineChart;

package/es/comps/DataMine/Line.js

@@ -0,0 +1,70 @@
+import { Line } from '@antv/g2plot';
+import React from 'react';
+import { transXYData } from './utils';
+var LineChart = function LineChart(props) {
+  var data = props.data;
+  var containerRef = React.useRef();
+  var plotRef = React.useRef();
+  React.useEffect(function () {
+    var line = new Line(containerRef.current, {
+      data: [],
+      xField: 'x',
+      yField: 'y',
+      annotations: [
+      // 低于中位数颜色变化
+      {
+        type: 'regionFilter',
+        start: ['min', 15],
+        end: ['max', 'max'],
+        color: '#F4664A'
+      }, {
+        type: 'text',
+        position: ['min', 15],
+        content: '报警阈值',
+        offsetY: -4,
+        style: {
+          textBaseline: 'bottom'
+        }
+      }, {
+        type: 'line',
+        start: ['min', 15],
+        end: ['max', 15],
+        style: {
+          stroke: '#F4664A',
+          lineDash: [2, 2]
+        }
+      }],
+      seriesField: 'name',
+      xAxis: {
+        type: 'time'
+      },
+      interactions: [{
+        type: 'brush',
+        cfg: {
+          enabled: false,
+          type: 'x-rect'
+        }
+      }]
+    });
+    plotRef.current = line;
+    line.on('brushselected', function (ev) {
+      var selectedData = ev.selected;
+
+      // 在这里处理选中的数据范围
+    });
+
+    line.render();
+  }, []);
+  React.useEffect(function () {
+    var _data = transXYData(data);
+    plotRef.current.changeData(_data);
+  }, [data]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }));
+};
+export default LineChart;

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

@@ -0,0 +1,4 @@
+interface IDataMineProps {
+}
+declare const DataMine: (props: IDataMineProps) => JSX.Element;
+export default DataMine;

package/es/comps/DataMine/index.js

@@ -0,0 +1,157 @@
+import "antd/es/divider/style";
+import _Divider from "antd/es/divider";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/collapse/style";
+import _Collapse from "antd/es/collapse";
+import "antd/es/tabs/style";
+import _Tabs from "antd/es/tabs";
+import "antd/es/tree/style";
+import _Tree from "antd/es/tree";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+/*
+ * @Author: wangxian
+ * @Date: 2023-09-08 14:44:29
+ * @LastEditTime: 2023-09-12 17:08:41
+ */
+import { PlusOutlined, CaretUpOutlined, CaretRightOutlined, DownOutlined } from '@ant-design/icons';
+import CodeEdit from '../CodeEdit';
+import { transCode2Graph } from './utils';
+import LineChart from './Line';
+import { SIGNAL, TREEDATA } from './utils';
+import React from 'react';
+import Split from '../Split';
+var RangePicker = _DatePicker.RangePicker;
+var DataMine = function DataMine(props) {
+  var value = "s1 = signal('\u6E29\u5EA61')\ns2 = signal('\u6E29\u5EA63')\ns3 = add(s1,s2)\n\nalarm(s3).over(15).level(3).des('\u6E29\u5EA6\u65F6\u5E8F\u62A5\u8B66')\n\nplot(s3)";
+  //   const [sigValue, setSigValue] = React.useState<string[]>([]);
+  var _React$useState = React.useState([SIGNAL[0], SIGNAL[2]]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    sigChartData = _React$useState2[0],
+    setSigChartData = _React$useState2[1];
+  //   React.useEffect(() => {
+  //     const _sigChartData = [];
+  //     for (let i = 0; i < sigValue.length; i++) {
+  //       const _data = SIGNAL.find((it) => it.id === sigValue[i]);
+  //       _sigChartData.push(_data);
+  //     }
+  //     setSigChartData([..._sigChartData]);
+  //   }, [sigValue]);
+  var onChange = function onChange(txt) {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Split, {
+    sizes: [15, 85],
+    gutterSize: 5
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Tabs, {
+    defaultActiveKey: "item-1"
+  }, /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    tab: "\u8BBE\u5907\u6811",
+    key: "item-1"
+  }, /*#__PURE__*/React.createElement(_Tree, {
+    showLine: true,
+    switcherIcon: /*#__PURE__*/React.createElement(DownOutlined, null),
+    defaultExpandedKeys: ['0-0-0'],
+    onSelect: function onSelect() {},
+    treeData: TREEDATA
+  })), /*#__PURE__*/React.createElement(_Tabs.TabPane, {
+    tab: "\u6A21\u578B\u5E93",
+    key: "item-2"
+  }, /*#__PURE__*/React.createElement(_Collapse, {
+    accordion: true,
+    defaultActiveKey: 1
+  }, /*#__PURE__*/React.createElement(_Collapse.Panel, {
+    header: "add-\u52A0 ",
+    key: "1"
+  }, /*#__PURE__*/React.createElement("p", null, "add(\u4FE1\u53F71\uFF0C\u4FE1\u53F72) \u4E24\u4E2A\u4FE1\u53F7\u76F8\u52A0"), /*#__PURE__*/React.createElement("p", null, "\u793A\u4F8B"), /*#__PURE__*/React.createElement("p", null, "s3 = add(s1,s2)")), /*#__PURE__*/React.createElement(_Collapse.Panel, {
+    header: "alarm-\u81EA\u5B9A\u4E49\u62A5\u8B66",
+    key: "2"
+  }, /*#__PURE__*/React.createElement("p", null, "2223")), /*#__PURE__*/React.createElement(_Collapse.Panel, {
+    header: "signal-\u4FE1\u53F7",
+    key: "3"
+  }, /*#__PURE__*/React.createElement("p", null, "2223")))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    style: {
+      marginBottom: '10px'
+    },
+    size: "small",
+    type: "link",
+    onClick: function onClick() {
+      transCode2Graph(value);
+    }
+  }, "\u4FE1\u53F7"), /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
+    style: {
+      marginBottom: '10px'
+    },
+    size: "small",
+    type: "link",
+    onClick: function onClick() {
+      transCode2Graph(value);
+    }
+  }, "\u4EE3\u7801"), /*#__PURE__*/React.createElement(_Divider, {
+    type: "vertical"
+  }), /*#__PURE__*/React.createElement(_Button, {
+    style: {
+      marginBottom: '10px'
+    },
+    size: "small",
+    type: "link",
+    onClick: function onClick() {
+      transCode2Graph(value);
+    }
+  }, "\u89E3\u6790\u6210\u56FE\u7ED3\u6784")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(CaretUpOutlined, null)
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      border: '1px solid #ccc',
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '200px'
+    }
+  }, /*#__PURE__*/React.createElement(LineChart, {
+    data: sigChartData
+  }))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    icon: /*#__PURE__*/React.createElement(CaretRightOutlined, null)
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px',
+      border: '1px solid #ccc',
+      flex: 1,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(CodeEdit, {
+    value: value,
+    height: '140px',
+    mode: "python",
+    onChange: onChange
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '200px',
+      padding: '10px'
+    }
+  }, /*#__PURE__*/React.createElement(LineChart, {
+    data: [SIGNAL[1]]
+  }))))));
+};
+export default DataMine;

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

@@ -0,0 +1,39 @@
+export declare const SIGNAL: {
+    id: string;
+    name: string;
+    x: number[];
+    y: number[];
+}[];
+export declare const TREEDATA: {
+    title: string;
+    key: string;
+    children: {
+        title: string;
+        key: string;
+        children: {
+            title: string;
+            key: string;
+        }[];
+    }[];
+}[];
+export declare const FNC: ({
+    id: string;
+    name: string;
+    method?: undefined;
+} | {
+    id: string;
+    name: string;
+    method: ({
+        code: string;
+        name: string;
+        value: number;
+    } | {
+        code: string;
+        name: string;
+        value: string;
+    })[];
+})[];
+export declare const transCode2Graph: (code: string) => void;
+export declare const getArg: (txt: string) => string;
+export declare const getFnc: (txt: string) => string;
+export declare const transXYData: (data: any[]) => any[];