ronds-metadata 1.1.12 → 1.1.15

package/es/comps/Editable/index.js

@@ -19,7 +19,7 @@ import EditableHeardCell from './comps/EditableHeardCell';
 import useMemoSubject from '../../framework/rxjs-hooks/useMemoSubject';
 import useObservable from '../../framework/rxjs-hooks/useObservable';
 import { tr } from '../../framework/locale';
-import "./index.css";
+import './index.less';
 
 var Editable = function Editable(props) {
   var _props$type = props.type,
@@ -33,6 +33,7 @@ var Editable = function Editable(props) {
       _props$isAddColumn = props.isAddColumn,
       isAddColumn = _props$isAddColumn === void 0 ? false : _props$isAddColumn,
       tableProps = props.tableProps,
+      onRowClick = props.onRowClick,
       onRowConfirm = props.onRowConfirm,
       onRowDelete = props.onRowDelete,
       onMulChange = props.onMulChange,
@@ -120,6 +121,10 @@ var Editable = function Editable(props) {
         setEditHeardCellkey(data.payload);
         break;
 
+      case 'onRowClick':
+        onRowClick && onRowClick(data.payload);
+        break;
+
       case 'onSingleSave':
         if (lastValueRef.current && lastValueRef.current.rowIdx === data.payload._rowKey_) {
           onRowConfirm && onRowConfirm({

package/es/comps/Editable/index.less

@@ -0,0 +1,97 @@
+.ronds-edit-table {
+  // table {
+  //   border-collapse: collapse !important;
+  // }
+  width: 100%;
+  height: 100%;
+
+  .ant-table-body {
+    overflow: auto !important;
+  }
+
+  //解决固定列底部预留的空隙
+  .ant-table-fixed-left,
+  .ant-table-fixed-right {
+    .ant-table-body-outer {
+      margin-bottom: 0 !important;
+    }
+    .ant-table-cell-scrollbar {
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+  }
+
+  .ant-spin-nested-loading,
+  .ant-spin-container,
+  .ant-table,
+  .ant-table-container,
+  .ant-table-content {
+    width: 100%;
+    height: 100%;
+  }
+
+  .ant-table-cell,
+  .ant-table-row {
+    height: 30px;
+    padding: 0px 8px !important;
+  }
+
+  .ant-table-body {
+    height: 100%;
+    overflow-y: auto !important;
+  }
+
+  .ant-table.ant-table-small .ant-table-thead > tr > th {
+    padding: 8px !important;
+    background-color: #ebebeb;
+    border-right: 1px solid #f2f2f2;
+  }
+
+  .ant-table-fixed {
+    table-layout: fixed;
+  }
+
+  .ant-table-tbody > tr > td {
+    word-wrap: break-word;
+    word-break: break-all;
+  }
+
+  .ant-table.ant-table-bordered > .ant-table-container {
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  .ant-table .ant-table-expanded-row-fixed {
+    padding: 0% !important;
+    margin: 0% !important;
+  }
+
+  .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
+    border-right: 0 !important;
+  }
+}
+
+.ronds-metadata-normal {
+  .ant-table {
+    border-right: 1px solid #f0f0f0 !important;
+
+    .ant-table-row--odd {
+      background-color: #ebebeb !important;
+      .ant-table-cell {
+        background-color: #ebebeb !important;
+      }
+    }
+
+    .ant-table-expanded-row-fixed::after {
+      border: 0 !important;
+    }
+
+    .ant-table-placeholder {
+      pointer-events: none;
+      background-color: #fff !important;
+      .ant-table-cell {
+        padding: 0 !important;
+        background-color: #fff !important;
+      }
+    }
+  }
+}

package/es/comps/JsonEdit/index.js

@@ -22,7 +22,7 @@ import 'codemirror/addon/fold/comment-fold';
 import 'codemirror/addon/selection/active-line.js';
 import 'codemirror/addon/edit/closebrackets.js';
 import 'codemirror/addon/edit/matchbrackets.js';
-import "./index.css";
+import './index.less';
 import { SQL_DICO } from './constant';
 
 var SqlEdit = function SqlEdit(props) {

package/es/comps/JsonEdit/{index.css → index.less}

@@ -7,6 +7,7 @@
 .sql {
   color: blue;
 }
+
 .sql:after {
   content: 'sql';
   padding-left: 20px;
@@ -14,6 +15,7 @@
   float: right;
   color: gray;
 }
+
 .table {
   color: blueviolet;
 }
@@ -24,6 +26,7 @@
   float: right;
   color: gray;
 }
+
 .column {
   color: brown;
 }
@@ -34,6 +37,7 @@
   float: right;
   color: gray;
 }
+
 .pf {
   color: cadetblue;
 }
@@ -44,8 +48,10 @@
   float: right;
   color: gray;
 }
+
 .CodeMirror {
   height: 100%;
+  // height: auto;
   min-height: 28px;
   font-size: 14px;
   direction: ltr;

package/es/comps/JsonView/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
-import "./index.css";
+import './index.less';
 
 var JsonView = function JsonView(props) {
   var json = props.json;

package/es/comps/JsonView/{index.css → index.less}

@@ -1,41 +1,41 @@
-pre {
-  margin: 0;
-  font-weight: 900;
-  font-size: 14px;
-}
-.string {
-  color: #3ab54a;
-}
-.number {
-  color: #25aae2;
-}
-.boolean {
-  color: #f98280;
-}
-.null {
-  color: #f1592a;
-}
-.width-10 {
-  width: 10px;
-}
-.key {
-  color: #92278f;
-}
-.open {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  background: url('./icon/close.png') no-repeat;
-  background-size: 100% 100%;
-  vertical-align: middle;
-  cursor: pointer;
-}
-.close {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  background: url('./icon/open.png') no-repeat;
-  background-size: 100% 100%;
-  vertical-align: middle;
-  cursor: pointer;
-}
+pre {
+  margin: 0;
+  font-weight: 900;
+  font-size: 14px;
+}
+.string {
+  color: #3ab54a;
+}
+.number {
+  color: #25aae2;
+}
+.boolean {
+  color: #f98280;
+}
+.null {
+  color: #f1592a;
+}
+.width-10 {
+  width: 10px;
+}
+.key {
+  color: #92278f;
+}
+.open {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  background: url('./icon/close.png') no-repeat;
+  background-size: 100% 100%;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.close {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  background: url('./icon/open.png') no-repeat;
+  background-size: 100% 100%;
+  vertical-align: middle;
+  cursor: pointer;
+}

package/es/comps/MdEdit/index.js

@@ -8,7 +8,7 @@ import MdEditor from 'react-markdown-editor-lite';
 import MarkdownIt from 'markdown-it';
 import emoji from 'markdown-it-emoji';
 import 'react-markdown-editor-lite/lib/index.css';
-import "./index.css";
+import './index.less';
 var mdParser = new MarkdownIt({
   html: true,
   linkify: true,

package/es/comps/MetadataEdit/index.js

@@ -13,7 +13,7 @@ import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
-import "./index.css";
+import './index.less';
 import MetaFieldsEdit from './components/MetaFieldsEdit';
 import MetaPropsEdit from './components/MetaPropsEdit';
 import { OUTERMOST_TYPES_OPTIONS } from './constant';

package/es/comps/MetadataEdit/index.less

@@ -0,0 +1,10 @@
+.metadata-edit {
+  height: 100%;
+  width: 100%;
+  .ant-row {
+    display: block;
+  }
+  .pr-10 {
+    padding-right: 10px;
+  }
+}

package/es/comps/MetadataEdit/type.d.ts

@@ -1,20 +1,20 @@
-export interface IMetaFileds {
-  id: string;
-  type: 'object';
-  properties: any[];
-  value: any;
-}
-
-export type ITypeStatus = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array';
-
-export type IMetaProperty = {
-  /**
-   * 属性的名称
-   */
-  id: string;
-  /**
-   * 类型
-   */
-  type: string;
-  enum?: any[];
-};
+export interface IMetaFileds {
+  id: string;
+  type: 'object';
+  properties: any[];
+  value: any;
+}
+
+export type ITypeStatus = 'object' | 'ref' | 'bool' | 'number' | 'text' | 'enum' | 'array';
+
+export type IMetaProperty = {
+  /**
+   * 属性的名称
+   */
+  id: string;
+  /**
+   * 类型
+   */
+  type: string;
+  enum?: any[];
+};

package/es/comps/MetadataEditV2/index.js

@@ -13,7 +13,7 @@ import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
-import "./index.css";
+import './index.less';
 import MetaFieldsEdit from './components/MetaFieldsEdit';
 import MetaPropsEdit from './components/MetaPropsEdit';
 import { OUTERMOST_TYPES_OPTIONS } from './constant';

package/es/comps/MetadataEditV2/index.less

@@ -0,0 +1,11 @@
+.metadata-edit {
+  height: 100%;
+  width: 100%;
+  .ant-row {
+    display: block;
+  }
+  .pr-10 {
+    padding-right: 10px;
+    width: 50%;
+  }
+}

package/es/comps/MetadataForm/HOC/index.js

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  */
 import React from 'react';
 import { deepClone } from '../../../utils';
-import "./index.css";
+import './index.less';
 export function withAddOnAfter(WrappedComponent) {
   return function (props) {
     var type = props.type,

package/es/comps/MetadataForm/HOC/index.less

@@ -0,0 +1,25 @@
+.with-add-on-after {
+  --card-bg: #ffffff;
+  position: relative;
+  width: 100%;
+  & > .ant-form-item {
+    padding: 0 !important;
+    flex: 1;
+  }
+  &-extra {
+    position: absolute;
+    right: 20px;
+    top: 18px;
+    padding: 0 6px;
+    background-color: var(--card-bg);
+    z-index: 1000;
+  }
+  &-ref {
+    position: absolute;
+    right: 20px;
+    top: -10px;
+    padding: 0 6px;
+    background-color: var(--card-bg);
+    z-index: 1000;
+  }
+}

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

@@ -29,7 +29,7 @@ interface IMetadataFormProps {
     /**
      * 不可编辑
      */
-    disabled?: boolean;
+    disabled?: boolean | string[];
     /**
      * 引用类型是否显示成表单
      */

package/es/comps/MetadataForm/index.js

@@ -5,7 +5,7 @@ import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { renderForm } from './utils';
-import "./index.css";
+import './index.less';
 import { MetadataFormContext } from './interface';
 import { JsonMetadataProvider } from '../../framework/metadata';
 import { MetadataService } from '../../framework/metadata/MetadataService';

package/es/comps/MetadataForm/index.less

@@ -0,0 +1,11 @@
+.metadata-form {
+  .ant-row {
+    display: block;
+  }
+  .ant-form-item {
+    margin: 0;
+  }
+  .ant-form-item-label > label .ant-form-item-tooltip {
+    margin-left: 5px;
+  }
+}

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

@@ -16,7 +16,7 @@ export interface IMetadataRefContextProps {
 }
 export declare const MetadataRefContext: React.Context<IMetadataRefContextProps>;
 export interface IFormOptions {
-    disabled: boolean;
+    disabled: boolean | string[];
     isRefForm: boolean;
     isShowTypeInfo: boolean;
     initEnumValue?: boolean;

package/es/comps/MetadataForm/interface.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-23 11:56:54
+ * @LastEditTime: 2022-06-08 15:45:36
  */
 import React from 'react';
 export var MetadataFormContext = /*#__PURE__*/React.createContext(null);

package/es/comps/MetadataForm/utils.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /*
  * @Author: wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-28 09:35:48
+ * @LastEditTime: 2022-06-08 15:54:53
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -26,10 +26,23 @@ var DataCellMap = {
 export function getDataCell(item, options) {
   if (item.type && DataCellMap[item.type]) {
     var Comm = DataCellMap[item.type];
+
+    var isDisabled = function isDisabled(b) {
+      if (typeof b === 'boolean') {
+        return b;
+      } else if (b.findIndex(function (it) {
+        return it === item.id;
+      }) > -1) {
+        return true;
+      }
+
+      return false;
+    };
+
     return /*#__PURE__*/React.createElement(Comm, _extends({
       key: item.id
     }, item, {
-      disabled: options.disabled,
+      disabled: isDisabled(options.disabled),
       isRefForm: options.isRefForm,
       isShowTypeInfo: options.isShowTypeInfo,
       field: options.field,

package/es/framework/graph/index.d.ts

@@ -49,11 +49,18 @@ export declare class GraphCore<N extends Node<Node.Properties> = Node<Node.Prope
     validateContextMenu(data: ContextMenuInfo): boolean;
     onContextMenu(data: ContextMenuInfo): any;
     zoom: (factor: number | 'fit' | 'real') => void;
+    onMoveNodeStart(args: any): void;
+    onMoveNodes(args: any[]): void;
     addNode: (nodeMeta: any) => N;
+    getNodes: () => N[];
     addEdge: (edgeMeta: any) => E;
     deleteNodes: (nodes: (Node | string)[] | Node | string) => void;
     deleteEdges: (edges: (Edge | string)[] | Edge | string) => void;
     getNodeById: (nodeId: string) => N | undefined;
+    updateNodeById: (nodeId: string, handler: (node?: N) => void) => void;
+    updateNodes: (handler: (nodes: N[]) => void) => void;
+    updateEdgeById: (edgeId: string, handler: (node?: E) => void) => void;
+    updateEdges: (handler: (edges: E[]) => void) => void;
     throwRenderError: () => void;
     dispose(): void;
 }