react-kggraph 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/react-kggraph.css +2 -0
  2. package/package.json +2 -1
  3. package/lib/components/Graph/CytoscapeReact.css +0 -1
  4. package/lib/components/Graph/components/ActionBar/index.css +0 -1
  5. package/lib/components/Graph/components/PathAnalysis/index.css +0 -1
  6. package/lib/components/Graph/components/QueryNode/index.css +0 -1
  7. package/lib/components/Graph/components/SettingCircle/index.css +0 -1
package/lib/react-kggraph.css ADDED
@@ -0,0 +1,2 @@
1
+ .cytoscape-container{width:100%;max-width:100%;margin:20px auto}.search-input{border:1px solid #ddd;border-radius:4px;width:300px;margin-bottom:10px;padding:8px 12px}.btn-group{margin-bottom:10px}.btn{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:4px;margin:0 5px;padding:8px 16px}.btn:hover{background:#3367d6}.result-text{color:#333;margin-bottom:10px;font-size:14px}.cy-container{width:100%;height:calc(100vh - 180px)}.cy-container :global(.grayed){opacity:.3!important;color:#757575!important;background-color:#bdbdbd!important}.cy-container :global(.highlighted){color:#333!important;background-color:#ffeb3b!important;border-color:#fbc02d!important}.cy-container :global(.selected){color:#1b5e20!important;background-color:#a5d6a7!important;border-color:#4caf50!important}.cy-container .cy-edge:selected{line-color:#ea4335;line-width:3px;line-style:solid}.cy-container .cy-node:hover:not(:selected){background-color:#3367d6}.cy-container .cy-edge:hover:not(:selected){line-color:#757575}.path-nodes-container{margin-bottom:15px}.path-nodes-container h3{color:#333;margin:10px 0;font-size:16px}.node-input-row{align-items:center;margin-bottom:8px;display:flex}.node-input-row span{min-width:60px;margin-right:10px}.node-input-row input{flex:1;margin-right:10px}.remove-node-btn{background:#f44336;padding:6px 12px;font-size:12px}.add-node-btn{background:#4caf50;margin-top:10px;padding:8px 16px}.menuBtn:first-child{transform:rotate(0)skew(31deg)}.menuBtn:nth-child(2){transform:rotate(51deg)skew(31deg)}.menuBtn:nth-child(3){transform:rotate(102deg)skew(31deg)}.menuBtn:nth-child(4){transform:rotate(153deg)skew(31deg)}.menuBtn:nth-child(5){transform:rotate(204deg)skew(31deg)}.menuBtn:nth-child(6){transform:rotate(255deg)skew(31deg)}.menuBtn:nth-child(7){transform:rotate(306deg)skew(35deg)}.menuBtn .menu-item{color:#fff;text-align:center;width:50px;height:20px;font-size:12px;display:block;position:absolute}.menuBtn .menu-item:hover{background:0 0!important}.menuBtn .menu-item{bottom:5px;right:19px;transform:skew(-30deg)translate(-9%)rotate(2deg)translateY(0%)}.menuCertent{z-index:999;color:#fff;text-align:center;cursor:pointer;border:2px solid #c9cec9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:-15%;margin-left:-15%;font-size:16px;display:flex;position:absolute;top:50%;left:50%}.graph-bar{background:#fff;border-radius:6px;align-items:center;height:60px;display:flex;box-shadow:0 4px 20px #100dae33}.graph-bar .graph-bar-min{display:flex}.graph-bar .graph-bar-menu{cursor:pointer;white-space:nowrap;align-items:center;margin:0 10px;display:flex;position:relative}.graph-bar .graph-bar-menu:hover .grap-menu-dropdown-item{color:#145afd}.graph-bar .grap-menu-dropdown{z-index:99;background:#fff;border-radius:6px;padding:5px 0;position:absolute;top:60px;box-shadow:0 4px 20px #0000003b}.graph-bar .grap-menu-dropdown p{white-space:nowrap;padding:5px 15px}.graph-bar .grap-menu-dropdown p:hover{color:#145afd;background:#f5f5f5}.graph-bar .grap-menu-dropdown-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.graph-bar .hide{display:none}.graph-bar .show{display:block}.path-node{z-index:10;background-color:#fff;border-radius:10px;width:380px;padding:10px 20px;position:absolute;top:20px;right:0}.path-node .title{justify-content:space-between;align-items:center;height:35px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.path-node .search-input{margin-bottom:0;padding-bottom:5px}.path-node .btn-group{justify-content:flex-end;margin-top:20px;display:flex}.path-node .ant-select-suffix{width:10px}.query-node{background-color:#fff;border-radius:10px;width:300px;padding:10px 20px;position:absolute;top:20px;right:0}.query-node .title{justify-content:space-between;align-items:center;height:35px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.radial-menu{justify-content:center;align-items:center;display:inline-flex;position:relative}.radial-svg{position:absolute;top:0;left:0}.sector-group{cursor:pointer;transition:all .2s}.sector-group .sector-path{transition:all .2s}.sector-group:hover .sector-path{filter:brightness(1.15)drop-shadow(0 2px 4px #0000004d)}.sector-label{pointer-events:none;text-shadow:0 1px 3px #0006;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-avatar{z-index:10;cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0000004d}.center-avatar img{object-fit:cover;width:100%;height:100%}.center-avatar .center-text{text-align:center;font-size:14px}.center-avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006}.center-avatar:active{transform:scale(.95)}
2
+ /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-kggraph",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "description": "A knowledge graph visualization component based on Cytoscape",
5
5
  "type": "module",
6
6
  "main": "./lib/index.es.js",
@@ -13,6 +13,7 @@
13
13
  "files": [
14
14
  "lib"
15
15
  ],
16
+ "style": "lib/components/Graph/CytoscapeReact.css",
16
17
  "keywords": [
17
18
  "knowledge-graph",
18
19
  "cytoscape",
package/lib/components/Graph/CytoscapeReact.css DELETED
@@ -1 +0,0 @@
1
- .cytoscape-container{width:100%;max-width:100%;margin:20px auto}.search-input{border:1px solid #ddd;border-radius:4px;width:300px;margin-bottom:10px;padding:8px 12px}.btn-group{margin-bottom:10px}.btn{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:4px;margin:0 5px;padding:8px 16px}.btn:hover{background:#3367d6}.result-text{color:#333;margin-bottom:10px;font-size:14px}.cy-container{width:100%;height:calc(100vh - 180px)}.cy-container :global(.grayed){opacity:.3!important;color:#757575!important;background-color:#bdbdbd!important}.cy-container :global(.highlighted){color:#333!important;background-color:#ffeb3b!important;border-color:#fbc02d!important}.cy-container :global(.selected){color:#1b5e20!important;background-color:#a5d6a7!important;border-color:#4caf50!important}.cy-container .cy-edge:selected{line-color:#ea4335;line-width:3px;line-style:solid}.cy-container .cy-node:hover:not(:selected){background-color:#3367d6}.cy-container .cy-edge:hover:not(:selected){line-color:#757575}.path-nodes-container{margin-bottom:15px}.path-nodes-container h3{color:#333;margin:10px 0;font-size:16px}.node-input-row{align-items:center;margin-bottom:8px;display:flex}.node-input-row span{min-width:60px;margin-right:10px}.node-input-row input{flex:1;margin-right:10px}.remove-node-btn{background:#f44336;padding:6px 12px;font-size:12px}.add-node-btn{background:#4caf50;margin-top:10px;padding:8px 16px}.menuBtn:first-child{transform:rotate(0)skew(31deg)}.menuBtn:nth-child(2){transform:rotate(51deg)skew(31deg)}.menuBtn:nth-child(3){transform:rotate(102deg)skew(31deg)}.menuBtn:nth-child(4){transform:rotate(153deg)skew(31deg)}.menuBtn:nth-child(5){transform:rotate(204deg)skew(31deg)}.menuBtn:nth-child(6){transform:rotate(255deg)skew(31deg)}.menuBtn:nth-child(7){transform:rotate(306deg)skew(35deg)}.menuBtn .menu-item{color:#fff;text-align:center;width:50px;height:20px;font-size:12px;display:block;position:absolute}.menuBtn .menu-item:hover{background:0 0!important}.menuBtn .menu-item{bottom:5px;right:19px;transform:skew(-30deg)translate(-9%)rotate(2deg)translateY(0%)}.menuCertent{z-index:999;color:#fff;text-align:center;cursor:pointer;border:2px solid #c9cec9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:-15%;margin-left:-15%;font-size:16px;display:flex;position:absolute;top:50%;left:50%}
package/lib/components/Graph/components/ActionBar/index.css DELETED
@@ -1 +0,0 @@
1
- .graph-bar{background:#fff;border-radius:6px;align-items:center;height:60px;display:flex;box-shadow:0 4px 20px #100dae33}.graph-bar .graph-bar-min{display:flex}.graph-bar .graph-bar-menu{cursor:pointer;white-space:nowrap;align-items:center;margin:0 10px;display:flex;position:relative}.graph-bar .graph-bar-menu:hover .grap-menu-dropdown-item{color:#145afd}.graph-bar .grap-menu-dropdown{z-index:99;background:#fff;border-radius:6px;padding:5px 0;position:absolute;top:60px;box-shadow:0 4px 20px #0000003b}.graph-bar .grap-menu-dropdown p{white-space:nowrap;padding:5px 15px}.graph-bar .grap-menu-dropdown p:hover{color:#145afd;background:#f5f5f5}.graph-bar .grap-menu-dropdown-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.graph-bar .hide{display:none}.graph-bar .show{display:block}
package/lib/components/Graph/components/PathAnalysis/index.css DELETED
@@ -1 +0,0 @@
1
- .path-node{z-index:10;background-color:#fff;border-radius:10px;width:380px;padding:10px 20px;position:absolute;top:20px;right:0}.path-node .title{justify-content:space-between;align-items:center;height:35px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.path-node .search-input{margin-bottom:0;padding-bottom:5px}.path-node .btn-group{justify-content:flex-end;margin-top:20px;display:flex}.path-node .ant-select-suffix{width:10px}
package/lib/components/Graph/components/QueryNode/index.css DELETED
@@ -1 +0,0 @@
1
- .query-node{background-color:#fff;border-radius:10px;width:300px;padding:10px 20px;position:absolute;top:20px;right:0}.query-node .title{justify-content:space-between;align-items:center;height:35px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}
package/lib/components/Graph/components/SettingCircle/index.css DELETED
@@ -1 +0,0 @@
1
- .radial-menu{justify-content:center;align-items:center;display:inline-flex;position:relative}.radial-svg{position:absolute;top:0;left:0}.sector-group{cursor:pointer;transition:all .2s}.sector-group .sector-path{transition:all .2s}.sector-group:hover .sector-path{filter:brightness(1.15)drop-shadow(0 2px 4px #0000004d)}.sector-label{pointer-events:none;text-shadow:0 1px 3px #0006;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-avatar{z-index:10;cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0000004d}.center-avatar img{object-fit:cover;width:100%;height:100%}.center-avatar .center-text{text-align:center;font-size:14px}.center-avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006}.center-avatar:active{transform:scale(.95)}