ronds-metadata 1.3.54 → 1.3.56

package/es/comps/MetadataForm/DataCell/plugin/SparkSqlTable.js

@@ -0,0 +1,249 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { tr } from '../../../../framework/locale';
+import Search from "antd/es/input/Search";
+import React from 'react';
+import { InsertRowAboveOutlined, EyeOutlined, MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
+import Split from '../../../Split';
+import SqlEdit from '../../../JsonEdit';
+var SparkSqlTable = function SparkSqlTable(props) {
+  var extraDico = props.extraDico,
+    initSql = props.initSql,
+    dataSource = props.dataSource,
+    onSearch = props.onSearch,
+    value = props.value,
+    onChange = props.onChange;
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchValue = _React$useState2[0],
+    setSearchValue = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    view = _React$useState4[0],
+    setView = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    selected = _React$useState6[0],
+    setSelected = _React$useState6[1];
+  var _React$useState7 = React.useState([]),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    list = _React$useState8[0],
+    setList = _React$useState8[1];
+  var handleAddItem = function handleAddItem() {
+    var _list = [].concat(_toConsumableArray(list), [{
+      alias: undefined,
+      outputView: undefined,
+      sqlEdit: undefined
+    }]);
+    setList(_list);
+    triggerChange({
+      list: _list
+    });
+  };
+  var handleRemoveItem = function handleRemoveItem(index) {
+    var _list = list.filter(function (_, idx) {
+      return idx !== index;
+    });
+    setList(_list);
+    triggerChange({
+      list: _list
+    });
+  };
+  var triggerChange = function triggerChange(changedValue) {
+    onChange && onChange(_objectSpread({
+      view: view,
+      selected: selected,
+      list: list
+    }, changedValue));
+  };
+  var onViewChange = function onViewChange(v) {
+    setView(v.target.value);
+    triggerChange({
+      view: v.target.value
+    });
+  };
+  var onSelectedChange = function onSelectedChange(v) {
+    setSelected(v.target.value);
+    triggerChange({
+      selected: v.target.value
+    });
+  };
+  var onListChange = function onListChange(v, index, key) {
+    var _list = _toConsumableArray(list);
+    _list[index][key] = typeof v === 'string' ? v : v.target.value;
+    setList(_list);
+    triggerChange({
+      list: _list
+    });
+  };
+  React.useEffect(function () {
+    if (value) {
+      if (value['view']) {
+        setView(value['view']);
+      }
+      if (value['selected']) {
+        setSelected(value['selected']);
+      }
+      if (value['list']) {
+        setList(value['list']);
+      }
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '2px solid #bbbbbb',
+      height: '500px'
+    }
+  }, /*#__PURE__*/React.createElement(Split, {
+    gutterSize: 2,
+    sizes: [20, 80],
+    direction: "horizontal"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '10px'
+    }
+  }, /*#__PURE__*/React.createElement(Search, {
+    placeholder: tr('根据库名, 表名搜索'),
+    value: searchValue,
+    onChange: function onChange(e) {
+      setSearchValue(e.target.value);
+    },
+    onSearch: onSearch
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100%',
+      overflowY: 'auto'
+    }
+  }, dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: 1,
+      style: {
+        paddingTop: '8px'
+      }
+    }, /*#__PURE__*/React.createElement(InsertRowAboveOutlined, null), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(_Button, {
+      type: "text",
+      onClick: function onClick() {}
+    }, item.name)));
+  }))), /*#__PURE__*/React.createElement(Split, {
+    gutterSize: 2,
+    sizes: [7, 93],
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      marginTop: '10px ',
+      marginLeft: '10px',
+      marginRight: '10px',
+      marginBottom: '6px'
+    }
+  }, /*#__PURE__*/React.createElement("span", null, tr('视图'), " ", /*#__PURE__*/React.createElement(_Input, {
+    style: {
+      width: '160px',
+      marginLeft: '5px',
+      marginRight: '8px'
+    },
+    value: view,
+    onChange: onViewChange
+  })), /*#__PURE__*/React.createElement("span", null, tr('已选'), ' ', /*#__PURE__*/React.createElement(_Select, {
+    style: {
+      width: '160px',
+      marginLeft: '5px'
+    },
+    suffixIcon: /*#__PURE__*/React.createElement(EyeOutlined, null),
+    value: selected,
+    onChange: onSelectedChange
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '8px',
+      height: '100%',
+      overflowY: 'auto'
+    }
+  }, list.map(function (item, idx) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        width: '100%',
+        marginBottom: '10px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        border: '1px solid #bbbbbb',
+        width: '900px'
+      }
+    }, /*#__PURE__*/React.createElement(Split, {
+      gutterSize: 1,
+      sizes: [20, 80],
+      direction: "vertical"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        marginTop: '10px ',
+        marginLeft: '10px',
+        marginRight: '10px',
+        marginBottom: '6px'
+      }
+    }, /*#__PURE__*/React.createElement("span", null, tr('别名'), ' ', /*#__PURE__*/React.createElement(_Input, {
+      style: {
+        width: '160px',
+        marginLeft: '5px',
+        marginRight: '8px'
+      },
+      value: item.alias,
+      onChange: function onChange(val) {
+        return onListChange(val, idx, 'alias');
+      }
+    })), /*#__PURE__*/React.createElement("span", null, tr('输出视图'), ' ', /*#__PURE__*/React.createElement(_Input, {
+      style: {
+        width: '160px',
+        marginLeft: '5px'
+      },
+      placeholder: '请输入',
+      value: item.outputView,
+      onChange: function onChange(val) {
+        return onListChange(val, idx, 'outputView');
+      }
+    }))), /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxHeight: '80px',
+        overflowY: 'auto'
+      }
+    }, /*#__PURE__*/React.createElement(SqlEdit, {
+      value: initSql,
+      theme: 'neo',
+      isLineNumbers: false,
+      extraDico: extraDico,
+      onChange: function onChange(val) {
+        return onListChange(val, idx, 'sqlEdit');
+      },
+      onSelectChange: function onSelectChange() {}
+    })))), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
+      style: {
+        marginLeft: 'auto'
+      },
+      onClick: function onClick() {
+        return handleRemoveItem(idx);
+      }
+    }));
+  }), /*#__PURE__*/React.createElement(_Button, {
+    type: "dashed",
+    onClick: function onClick() {
+      handleAddItem();
+      setList([].concat(_toConsumableArray(list), [{
+        alias: undefined,
+        outputView: undefined,
+        sqlEdit: undefined
+      }]));
+    },
+    icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+  }, tr('添加SQL语句'))))));
+};
+export default SparkSqlTable;

package/es/comps/MetadataForm/HOC/index.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import './index.less';
-export declare function withAddOnAfter(WrappedComponent: any): (props: any) => JSX.Element;
+export declare function withAddOnAfter(WrappedComponent: any): (props: any) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { FormInstance } from 'antd/lib/form/hooks/useForm';
+import React from 'react';
 import './index.less';
 import { IMetaData } from '../../framework/metadata/types';
 interface IMetadataFormProps {
@@ -71,5 +72,5 @@ interface IMetadataFormProps {
      */
     onCellButtonClick?: (changedValues: any) => void;
 }
-declare const MetadataForm: (props: IMetadataFormProps) => JSX.Element;
+declare const MetadataForm: (props: IMetadataFormProps) => React.JSX.Element;
 export default MetadataForm;

package/es/comps/MetadataForm/index.less

@@ -1,26 +1,26 @@
-.metadata-form {
-  // .ant-row {
-  //   display: flex !important;
-  // }
-  .ant-form-item {
-    margin: 0 !important;
-    // flex-wrap: nowrap !important;
-  }
-  .ant-form-item-label > label .ant-form-item-tooltip {
-    margin-left: 5px;
-  }
-  .ant-form-item-label {
-    padding: 0 0 2px !important;
-  }
-
-  // .ant-select-selection-overflow {
-  //   flex-wrap: nowrap;
-  //   overflow: hidden !important;
-  //   min-height: 26px;
-  // }
-
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
+.metadata-form {
+  // .ant-row {
+  //   display: flex !important;
+  // }
+  .ant-form-item {
+    margin: 0 !important;
+    // flex-wrap: nowrap !important;
+  }
+  .ant-form-item-label > label .ant-form-item-tooltip {
+    margin-left: 5px;
+  }
+  .ant-form-item-label {
+    padding: 0 0 2px !important;
+  }
+
+  // .ant-select-selection-overflow {
+  //   flex-wrap: nowrap;
+  //   overflow: hidden !important;
+  //   min-height: 26px;
+  // }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { IFormOptions } from './interface';
-export declare function getDataCell(item: any, options: IFormOptions, colSpan: number): JSX.Element;
+export declare function getDataCell(item: any, options: IFormOptions, colSpan: number): React.JSX.Element;
 /**
  *  渲染表单
  * @param schemaRef 元数据的schema
@@ -11,7 +12,7 @@ export declare function getDataCell(item: any, options: IFormOptions, colSpan: n
  * @param isObj 是否是个对象
  * @returns
  */
-export declare function renderForm(schemaRef: any[], options: IFormOptions, colSpan?: number): JSX.Element;
+export declare function renderForm(schemaRef: any[], options: IFormOptions, colSpan?: number): React.JSX.Element;
 export declare function getLabelByProps(data: any): any;
 export declare function assign(pathArr: string[], val: any, obj: any): void;
 export declare function assignReplace(pathArr: string[], val: any, obj: any): void;

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

@@ -21,5 +21,5 @@ interface IPrpos {
     children: ReactNode;
 }
 /** antd的card不能直接放在children里 外层套一个div */
-declare const Index: (props: IPrpos) => JSX.Element;
+declare const Index: (props: IPrpos) => React.JSX.Element;
 export default Index;

package/es/comps/Split/index.less

@@ -1,29 +1,29 @@
-.split-panel {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .gutter {
-    width: 100%;
-    height: 100%;
-
-    background-color: #bebebe;
-    background-repeat: no-repeat;
-    background-position: 50%;
-
-    .gutter-vertical {
-      cursor: row-resize;
-    }
-
-    .gutter-horizontal {
-      cursor: col-resize;
-    }
-  }
-
-  > * {
-    height: 100%;
-    width: 100%;
-    float: left;
-    position: relative;
-  }
-}
+.split-panel {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .gutter {
+    width: 100%;
+    height: 100%;
+
+    background-color: #bebebe;
+    background-repeat: no-repeat;
+    background-position: 50%;
+
+    .gutter-vertical {
+      cursor: row-resize;
+    }
+
+    .gutter-horizontal {
+      cursor: col-resize;
+    }
+  }
+
+  > * {
+    height: 100%;
+    width: 100%;
+    float: left;
+    position: relative;
+  }
+}

package/es/framework/RxStore/demo/index.d.ts

@@ -1 +1,2 @@
-export default function (): JSX.Element;
+import React from 'react';
+export default function (): React.JSX.Element;

package/es/framework/graph/index.less

@@ -1,15 +1,15 @@
-.ant-spin-container {
-  width: 100%;
-  height: 100%;
-}
-
-// .x6-widget-selection-inner {
-//   border: none !important;
-//   box-shadow: none !important;
-// }
-
-.x6-widget-selection-box {
-  border: none !important;
-  box-shadow: none !important;
-  position: static !important;
-}
+.ant-spin-container {
+  width: 100%;
+  height: 100%;
+}
+
+// .x6-widget-selection-inner {
+//   border: none !important;
+//   box-shadow: none !important;
+// }
+
+.x6-widget-selection-box {
+  border: none !important;
+  box-shadow: none !important;
+  position: static !important;
+}

package/es/framework/http/msgpack5/lib/helpers.js

@@ -9,7 +9,6 @@ export function IncompleteBufferError(message) {
   if (Error.captureStackTrace) {
     Error.captureStackTrace(this, this.constructor); // super helper method to include stack trace in error object
   }
-
   this.name = this.constructor.name;
   this.message = message || 'unable to decode';
 }