ronds-metadata 1.1.13 → 1.1.14

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.14",
   "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;
-}

package/es/comps/DynamicPorts/index.css

@@ -1,169 +0,0 @@
-.node-element {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: 180px;
-  height: 32px;
-  overflow: hidden;
-  background-color: var(--ronds-metadata-color-bg-4);
-  color: var(--ronds-metadata-color-text-1);
-  border-radius: 4px;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
-}
-.node-element.selected,
-.node-element:hover {
-  background-color: var(--ronds-metadata-color-bg-4);
-  color: var(--ronds-metadata-color-text-1);
-  border: 1px solid #1890ff;
-  box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
-}
-.node-element.selected .icon,
-.node-element:hover .icon {
-  width: 32px;
-  height: 30px;
-  margin: 0 1px 0 -1px;
-}
-.node-element > * {
-  flex-grow: 1;
-}
-.node-element .icon {
-  display: inline-flex;
-  flex-grow: 0;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background-color: var(--ronds-metadata-color-bg-2);
-  border-radius: 4px 0 0 4px;
-}
-.node-element .notation {
-  display: inline-flex;
-  align-items: center;
-  width: calc(100% - 32px);
-  padding: 0 8px;
-  user-select: none;
-}
-.node-element .notation > * {
-  flex-grow: 1;
-}
-.node-element .notation .name {
-  overflow-x: hidden;
-  color: var(--ronds-metadata-color-text-1);
-  font-size: 12px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  vertical-align: middle;
-}
-.node-element .notation .statusIcon {
-  display: inline-flex;
-  flex-grow: 0;
-  align-items: center;
-  font-size: 14px;
-  transform: translateZ(0);
-}
-.dynamic-ports {
-  position: relative;
-}
-.dynamic-ports .x6-node [magnet='true'] {
-  cursor: crosshair;
-  transition: none;
-}
-.dynamic-ports .x6-node [magnet='true']:hover {
-  opacity: 1;
-}
-.dynamic-ports .x6-node [magnet='true'][port-group='in'] {
-  cursor: move;
-  stroke: none;
-}
-.dynamic-ports .x6-port-body > span {
-  display: block;
-}
-.dynamic-ports .x6-node-selected .node-element {
-  background-color: var(--ronds-metadata-color-bg-4);
-  border: 1px solid #1890ff;
-  box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
-}
-.dynamic-ports .dp-port {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #808080;
-  border-radius: 100%;
-  background: #fff;
-  display: block;
-}
-.dynamic-ports .dp-port.connected {
-  width: 0;
-  height: 0;
-  margin-top: 3px;
-  margin-left: -1px;
-  border-width: 5px 4px 0;
-  border-style: solid;
-  border-color: #808080 transparent transparent;
-  border-radius: 0;
-  background-color: transparent;
-}
-.dynamic-ports .x6-port-body.available {
-  overflow: visible;
-}
-.dynamic-ports .x6-port-body.available body {
-  overflow: visible;
-}
-.dynamic-ports .x6-port-body.available span {
-  overflow: visible;
-  display: block;
-}
-.dynamic-ports .x6-port-body.available body > span::before {
-  content: ' ';
-  float: left;
-  width: 20px;
-  height: 20px;
-  margin-top: -6px;
-  margin-left: -6px;
-  border-radius: 50%;
-  background-color: rgba(57, 202, 116, 0.6);
-  box-sizing: border-box;
-}
-.dynamic-ports .x6-port-body.available body > span::after {
-  content: ' ';
-  float: left;
-  clear: both;
-  width: 10px;
-  height: 10px;
-  margin-top: -15px;
-  margin-left: -1px;
-  border-radius: 50%;
-  background-color: #fff;
-  border: 1px solid #39ca74;
-  z-index: 10;
-  box-sizing: border-box;
-}
-.dynamic-ports .x6-port-body.adsorbed {
-  overflow: visible;
-}
-.dynamic-ports .x6-port-body.adsorbed body {
-  overflow: visible;
-}
-.dynamic-ports .x6-port-body.adsorbed body > span::before {
-  content: ' ';
-  float: left;
-  width: 28px;
-  height: 28px;
-  margin-top: -9px;
-  margin-left: -10px;
-  border-radius: 50%;
-  background-color: rgba(57, 202, 116, 0.6);
-  box-sizing: border-box;
-}
-.dynamic-ports .x6-port-body.adsorbed body > span::after {
-  content: ' ';
-  float: left;
-  clear: both;
-  width: 10px;
-  height: 10px;
-  margin-top: -19px;
-  border-radius: 50%;
-  background-color: #fff;
-  border: 1px solid #39ca74;
-  z-index: 10;
-  box-sizing: border-box;
-}

package/es/comps/Editable/index.css

@@ -1,75 +0,0 @@
-.ronds-edit-table {
-  width: 100%;
-  height: 100%;
-}
-.ronds-edit-table .ant-table-body {
-  overflow: auto !important;
-}
-.ronds-edit-table .ant-table-fixed-left .ant-table-body-outer,
-.ronds-edit-table .ant-table-fixed-right .ant-table-body-outer {
-  margin-bottom: 0 !important;
-}
-.ronds-edit-table .ant-table-fixed-left .ant-table-cell-scrollbar,
-.ronds-edit-table .ant-table-fixed-right .ant-table-cell-scrollbar {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-.ronds-edit-table .ant-spin-nested-loading,
-.ronds-edit-table .ant-spin-container,
-.ronds-edit-table .ant-table,
-.ronds-edit-table .ant-table-container,
-.ronds-edit-table .ant-table-content {
-  width: 100%;
-  height: 100%;
-}
-.ronds-edit-table .ant-table-cell,
-.ronds-edit-table .ant-table-row {
-  height: 30px;
-  padding: 0px 8px !important;
-}
-.ronds-edit-table .ant-table-body {
-  height: 100%;
-  overflow-y: auto !important;
-}
-.ronds-edit-table .ant-table.ant-table-small .ant-table-thead > tr > th {
-  padding: 8px !important;
-  background-color: #ebebeb;
-  border-right: 1px solid #f2f2f2;
-}
-.ronds-edit-table .ant-table-fixed {
-  table-layout: fixed;
-}
-.ronds-edit-table .ant-table-tbody > tr > td {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.ronds-edit-table .ant-table.ant-table-bordered > .ant-table-container {
-  border-bottom: 1px solid #f0f0f0;
-}
-.ronds-edit-table .ant-table .ant-table-expanded-row-fixed {
-  padding: 0% !important;
-  margin: 0% !important;
-}
-.ronds-edit-table .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;
-}
-.ronds-metadata-normal .ant-table .ant-table-row--odd {
-  background-color: #ebebeb !important;
-}
-.ronds-metadata-normal .ant-table .ant-table-row--odd .ant-table-cell {
-  background-color: #ebebeb !important;
-}
-.ronds-metadata-normal .ant-table .ant-table-expanded-row-fixed::after {
-  border: 0 !important;
-}
-.ronds-metadata-normal .ant-table .ant-table-placeholder {
-  pointer-events: none;
-  background-color: #fff !important;
-}
-.ronds-metadata-normal .ant-table .ant-table-placeholder .ant-table-cell {
-  padding: 0 !important;
-  background-color: #fff !important;
-}

package/es/comps/MetadataEdit/index.css

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

package/es/comps/MetadataEditV2/index.css

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