ronds-metadata 1.1.11 → 1.1.14

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,86 +1,87 @@
-{
-  "public": true,
-  "name": "ronds-metadata",
-  "version": "1.1.11",
-  "scripts": {
-    "start": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage"
-  },
-  "main": "es",
-  "module": "es",
-  "types": "es/index.d.ts",
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "files": [
-    "/es"
-  ],
-  "dependencies": {
-    "@antv/x6": "^1.32.2",
-    "@antv/x6-react-shape": "^1.6.0",
-    "@babel/helper-create-regexp-features-plugin": "^7.12.13",
-    "@babel/runtime": "^7.11.2",
-    "@popperjs/core": "^2.4.4",
-    "ahooks": "^3.4.0",
-    "axios": "^0.21.4",
-    "babel-plugin-import": "^1.13.3",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "bl": "^5.0.0",
-    "codemirror": "^5.63.0",
-    "highlight.js": "11.3.1",
-    "immer": "^9.0.14",
-    "lodash": "^4.17.21",
-    "markdown-it": "^12.3.2",
-    "markdown-it-emoji": "^2.0.0",
-    "qs": "^6.10.1",
-    "react": "^17.0.2",
-    "react-dnd": "^11.1.3",
-    "react-dnd-html5-backend": "^11.1.3",
-    "react-markdown-editor-lite": "^1.3.2",
-    "react-popper": "^2.2.3",
-    "rxjs": "^7.5.4"
-  },
-  "peerDependencies": {
-    "antd": ">=4.1.5",
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0",
-    "react-router": ">=5.0.0",
-    "styled-components": ">=4.1.1"
-  },
-  "devDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
-    "@types/react-router": "^5.1.8",
-    "@types/react-window": "^1.8.2",
-    "@types/styled-components": "^5.1.2",
-    "@umijs/test": "^3.0.5",
-    "antd": "^4.18.1",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^4.2.2",
-    "dumi": "^1.0.16",
-    "father-build": "^1.17.2",
-    "gh-pages": "^3.0.0",
-    "less-loader": "^7.0.0",
-    "lint-staged": "^10.0.7",
-    "prettier": "^2.2.1",
-    "style-loader": "^1.2.1",
-    "webpack-cli": "^3.3.12",
-    "copy-to-clipboard": "^3.3.1",
-    "yorkie": "^2.0.0"
-  }
-}
+{
+  "public": true,
+  "name": "ronds-metadata",
+  "version": "1.1.14",
+  "scripts": {
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "prepublishOnly": "npm run build"
+  },
+  "main": "es",
+  "module": "es",
+  "types": "es/index.d.ts",
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "files": [
+    "/es"
+  ],
+  "dependencies": {
+    "@antv/x6": "^1.32.2",
+    "@antv/x6-react-shape": "^1.6.0",
+    "@babel/helper-create-regexp-features-plugin": "^7.12.13",
+    "@babel/runtime": "^7.11.2",
+    "@popperjs/core": "^2.4.4",
+    "ahooks": "^3.4.0",
+    "axios": "^0.21.4",
+    "babel-plugin-import": "^1.13.3",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "bl": "^5.0.0",
+    "codemirror": "^5.63.0",
+    "highlight.js": "11.3.1",
+    "immer": "^9.0.14",
+    "lodash": "^4.17.21",
+    "markdown-it": "^12.3.2",
+    "markdown-it-emoji": "^2.0.0",
+    "qs": "^6.10.1",
+    "react": "^17.0.2",
+    "react-dnd": "^11.1.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "react-markdown-editor-lite": "^1.3.2",
+    "react-popper": "^2.2.3",
+    "rxjs": "^7.5.4"
+  },
+  "peerDependencies": {
+    "antd": ">=4.1.5",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0",
+    "react-router": ">=5.0.0",
+    "styled-components": ">=4.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-router": "^5.1.8",
+    "@types/react-window": "^1.8.2",
+    "@types/styled-components": "^5.1.2",
+    "@umijs/test": "^3.0.5",
+    "antd": "^4.18.1",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^4.2.2",
+    "dumi": "^1.0.16",
+    "father-build": "^1.17.2",
+    "gh-pages": "^3.0.0",
+    "less-loader": "^7.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^2.2.1",
+    "style-loader": "^1.2.1",
+    "webpack-cli": "^3.3.12",
+    "copy-to-clipboard": "^3.3.1",
+    "yorkie": "^2.0.0"
+  }
+}

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%;
-}

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

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

package/es/comps/MetadataForm/index.css

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