ronds-metadata 1.1.13 → 1.1.16

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/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.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/framework/graph/index.js

@@ -11,7 +11,7 @@ var _excluded = ["wrapper", "container", "nodes", "edges"];
  */
 import { Graph } from '@antv/x6';
 import { debounceTime, fromEventPattern, map, merge, scan, tap } from 'rxjs';
-import "./index.css";
+import './index.less';
 export var GraphCore = /*#__PURE__*/function () {
   // 传入的 nodes 原始信息
   // 传入的 edges 原始信息

package/es/framework/graph/{index.css → index.less}

@@ -2,10 +2,12 @@
   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;

package/es/framework/libs/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "fa"; /* Project id 2247093 */
-  src: url('iconfont.woff2?t=1653875373166') format('woff2'),
-       url('iconfont.woff?t=1653875373166') format('woff'),
-       url('iconfont.ttf?t=1653875373166') format('truetype');
+  src: url('iconfont.woff2?t=1655104677804') format('woff2'),
+       url('iconfont.woff?t=1655104677804') format('woff'),
+       url('iconfont.ttf?t=1655104677804') format('truetype');
 }
 
 .fa {
@@ -13,6 +13,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.fa-info:before {
+  content: "\e7dc";
+}
+
+.fa-expert:before {
+  content: "\e60c";
+}
+
+.fa-ai1:before {
+  content: "\e60d";
+}
+
+.fa-ai2:before {
+  content: "\e893";
+}
+
 .fa-ai:before {
   content: "\e887";
 }

package/es/index.js

@@ -3,7 +3,7 @@
  * @Date: 2021-09-18 14:15:04
  * @LastEditTime: 2022-05-28 11:18:17
  */
-import "./theme.css";
+import './theme.less';
 export { default as MetadataEdit } from './comps/MetadataEdit';
 export { default as MetaPropsEdit } from './comps/MetadataEdit/components/MetaPropsEdit';
 export { default as MetadataEditV2 } from './comps/MetadataEditV2';

package/es/theme.less

@@ -0,0 +1,69 @@
+.ronds-metadata-dark {
+  --ronds-metadata-color-border-1: #314162;
+  --ronds-metadata-color-bg-2: #0d1f40;
+  --ronds-metadata-color-bg-4: #1c3771;
+  --ronds-metadata-color-text-1: #ffffff;
+
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    overflow: auto;
+  }
+  ::-webkit-scrollbar-corner {
+    background-color: transparent;
+    color: transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
+    background: var(--scrollbar-color);
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 3px;
+
+    &:hover {
+      border-radius: 2px;
+      // box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
+      background: var(--scrollbar-color-hover);
+    }
+
+    &:active {
+      // box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
+      background: var(--scrollbar-color-hover);
+    }
+  }
+}
+
+.ronds-metadata-normal {
+  --ronds-metadata-color-border-1: #d9d9d9;
+  --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
+  --ronds-metadata-color-bg-4: #ffffff;
+  --ronds-metadata-color-text-1: #1d2129;
+
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    overflow: auto;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-color);
+    min-height: 25px;
+    min-width: 25px;
+    border-radius: 3px;
+
+    &:hover {
+      background-color: #a8a8a8;
+    }
+
+    &:active {
+      background-color: #787878;
+    }
+
+    /* border: 1px solid #e0e0e0; */
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: #f7f7f7;
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.1.13",
+  "version": "1.1.16",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -11,7 +11,8 @@
     "release": "npm run build && npm publish",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "test": "umi-test",
-    "test:coverage": "umi-test --coverage"
+    "test:coverage": "umi-test --coverage",
+    "prepublishOnly": "npm run build"
   },
   "main": "es",
   "module": "es",

package/es/comps/DynamicPorts/comps/contextMenu/GraphContextMenu/index.css

@@ -1,21 +0,0 @@
-.graphContextMenu {
-  position: absolute;
-  z-index: 1;
-  background-color: #fff;
-}
-.loadExperimentModal :global .ant-modal-title {
-  font-size: 14px;
-}
-.loadExperimentModal :global .ant-btn {
-  font-size: 12px;
-}
-.loadExperimentModal .versionTable :global .ant-table.ant-table-small {
-  font-size: 12px;
-}
-.loadExperimentModal .versionTable .operations :global .ant-btn:first-of-type {
-  padding-left: 0;
-  border-left: 0;
-}
-.loadExperimentModal .versionTable .operations :global .ant-btn.ant-btn-sm {
-  font-size: 12px;
-}

package/es/comps/DynamicPorts/comps/contextMenu/NodeContextMenu/index.css

@@ -1,23 +0,0 @@
-.graphContextMenu {
-  position: absolute;
-  z-index: 1;
-  width: 100px;
-  background-color: #fff;
-  box-shadow: 0 2px 10px rgb(0 0 0 1);
-}
-.loadExperimentModal :global .ant-modal-title {
-  font-size: 14px;
-}
-.loadExperimentModal :global .ant-btn {
-  font-size: 12px;
-}
-.loadExperimentModal .versionTable :global .ant-table.ant-table-small {
-  font-size: 12px;
-}
-.loadExperimentModal .versionTable .operations :global .ant-btn:first-of-type {
-  padding-left: 0;
-  border-left: 0;
-}
-.loadExperimentModal .versionTable .operations :global .ant-btn.ant-btn-sm {
-  font-size: 12px;
-}

package/es/comps/DynamicPorts/comps/shape/edge.css

@@ -1,4 +0,0 @@
-.x6-edge-selected path[stroke-width='1'],
-.x6-edge:hover path[stroke-width='1'] {
-  stroke-width: 3px;
-}