react-kggraph 0.0.22 → 0.0.24

package/lib/index.es8.js

@@ -1,15 +1,15 @@
 import { message as C } from "antd";
-import j from "./index.es23.js";
-import I from "./index.es24.js";
-import P from "./index.es25.js";
-import $ from "./index.es26.js";
-import D from "./index.es27.js";
-import J from "./index.es28.js";
-import N from "./index.es29.js";
-import R from "./index.es30.js";
-import q from "./index.es31.js";
-import A from "./index.es32.js";
-import B from "./index.es33.js";
+import j from "./index.es25.js";
+import I from "./index.es26.js";
+import P from "./index.es27.js";
+import $ from "./index.es28.js";
+import D from "./index.es29.js";
+import J from "./index.es30.js";
+import N from "./index.es31.js";
+import R from "./index.es32.js";
+import q from "./index.es33.js";
+import A from "./index.es34.js";
+import B from "./index.es35.js";
 import { jsonStringifyParse as U } from "./index.es12.js";
 const L = [j, I, P, $, D, J, N, R, q, A], G = (c) => {
   let o = {};

package/lib/src/components/Graph/components/ActionBar/actionList.d.ts

@@ -7,4 +7,8 @@ export interface ActionBarItem {
     onClick?: (params?: any) => void;
 }
 export declare const actionList: ActionBarItem[];
+export declare const entityRelationList: {
+    label: string;
+    key: string;
+}[];
 export { actionList as default };

package/lib/src/components/Graph/components/KnowledgeCard/components/AudioSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface AudioItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface AudioSectionProps {
+    audios: AudioItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const AudioSection: React.FC<AudioSectionProps>;
+export default AudioSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/DocumentSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface DocumentItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface DocumentSectionProps {
+    documents: DocumentItem[];
+    forceSingleColumn?: boolean;
+    source: any;
+}
+declare const DocumentSection: React.FC<DocumentSectionProps>;
+export default DocumentSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/ImageSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface ImageItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface ImageSectionProps {
+    images: ImageItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const ImageSection: React.FC<ImageSectionProps>;
+export default ImageSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/ListCard.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { EntityInfo } from '../../../../../../api/kg/kgSerach';
+interface ListCardProps {
+    entity: EntityInfo;
+    viewMode: 'list' | 'grid';
+    keyword?: string;
+    className?: string;
+    contentClass?: string;
+    titleClass?: string;
+    onViewDetails: (entity: EntityInfo) => void;
+    source?: string;
+}
+declare const ListCard: React.FC<ListCardProps>;
+export default ListCard;

package/lib/src/components/Graph/components/KnowledgeCard/components/PropertySection.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface Property {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface PropertySectionProps {
+    properties: Property[];
+    excludedKeys?: string[];
+}
+declare const PropertySection: React.FC<PropertySectionProps>;
+export default PropertySection;

package/lib/src/components/Graph/components/KnowledgeCard/components/RelationSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface RelationItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface RelationSectionProps {
+    relations: RelationItem[];
+    kgIds?: any;
+    viewMode?: 'list' | 'grid';
+    source?: string;
+}
+declare const RelationSection: React.FC<RelationSectionProps>;
+export default RelationSection;

package/lib/src/components/Graph/components/KnowledgeCard/components/SourceCard.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ({ detailData, drawerInfo, loading }: {
+    detailData: any;
+    drawerInfo: any;
+    loading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/src/components/Graph/components/KnowledgeCard/components/VideoSection.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface VideoItem {
+    propertyKey: string;
+    propertyValue: string;
+}
+interface VideoSectionProps {
+    videos: VideoItem[];
+    forceSingleColumn?: boolean;
+    source?: string;
+}
+declare const VideoSection: React.FC<VideoSectionProps>;
+export default VideoSection;

package/lib/src/components/Graph/components/KnowledgeCard/data.d.ts

@@ -0,0 +1,84 @@
+export declare const cardDara: {
+    msg: string;
+    code: number;
+    data: {
+        size: number;
+        nodes: {
+            varName: string;
+            type: string;
+            id: string;
+            label: string;
+            types: string;
+            properties: {
+                datatype: string;
+                id: string;
+                type: string;
+                value: string;
+                label: string;
+            };
+        }[];
+        links: {
+            source: string;
+            target: string;
+            label: string;
+            id: string;
+        }[];
+        isCalculateXY: boolean;
+        data2: {
+            AnsNum: number;
+            OutputLimit: number;
+            QueryTime: string;
+            StatusCode: number;
+            StatusMsg: string;
+            ThreadId: string;
+            head: {
+                link: never[];
+                vars: string[];
+            };
+            results: {
+                bindings: {
+                    b: {
+                        type: string;
+                        value: string;
+                    };
+                    c: {
+                        datatype: string;
+                        type: string;
+                        value: string;
+                    };
+                }[];
+            };
+        };
+        property: {
+            propertyKey: string;
+            propertyValue: string;
+        }[];
+        image: {
+            propertyKey: string;
+            propertyValue: string;
+        }[];
+        video: {
+            propertyKey: string;
+            propertyValue: string;
+        }[];
+        audio: {
+            propertyKey: string;
+            propertyValue: string;
+        }[];
+        document: {
+            propertyKey: string;
+            propertyValue: string;
+        }[];
+        relation: {
+            uri: string;
+            showValue: string;
+            showType: string;
+            kg: string;
+            kgId: number;
+            content: {
+                propertyKey: string;
+                propertyValue: string;
+            }[];
+        }[];
+    };
+};

package/lib/src/components/Graph/types.d.ts

@@ -105,9 +105,15 @@ export interface CytoscapeReactProps {
     /** ActionBar 工具栏位置，默认 'bottom-right' */
     actionBarPosition?: ActionBarPosition;
     /** ActionBar 配置 */
-    actionBar?: ActionBarConfig;
+    actionBar?: boolean | ActionBarConfig;
     /** 右键菜单配置，传入则覆盖/追加默认菜单项 */
     actionCircle?: ActionCircleItem[];
     /** 暂无数据描述 */
     noDataDesc?: string;
+    /** 统计配置：true 显示默认统计，false 不显示，数组可自定义统计项如 [{label:'实体',key:'entity'}] */
+    queryStatisticsConfig?: boolean | {
+        label: string;
+        key: string;
+    }[];
+    className?: string;
 }

package/lib/src/components/Graph/utils/edge_node_styles.d.ts

@@ -1,4 +1,5 @@
 import { GraphColors } from '../types';
+export declare const nodeSize = 60;
 export declare const defaultColors: Required<GraphColors>;
 export declare const edgeNodeStyles: ({ elements, colors }: {
     elements: any;

package/lib/style.css

@@ -1 +1 @@
-.cytoscape-container{width:100%;height:100%;margin:20px auto}.search-input{padding:8px 12px;width:300px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.btn-group{margin-bottom:10px}.btn{padding:8px 16px;margin:0 5px;border:none;border-radius:4px;background:#4285f4;color:#fff;cursor:pointer}.btn:hover{background:#3367d6}.result-text{margin-bottom:10px;color:#333;font-size:14px}.cy-container{width:100%;height:100%}.cy-container :global(.grayed){opacity:.3!important;background-color:#bdbdbd!important;color:#757575!important}.cy-container :global(.highlighted){background-color:#ffeb3b!important;border-color:#fbc02d!important;color:#333!important}.cy-container :global(.selected){border-color:#4caf50!important;background-color:#a5d6a7!important;color:#1b5e20!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{margin:10px 0;font-size:16px;color:#333}.node-input-row{display:flex;align-items:center;margin-bottom:8px}.node-input-row span{margin-right:10px;min-width:60px}.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;padding:8px 16px;margin-top:10px}.menuBtn:nth-child(1){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;display:block;width:50px;height:20px;position:absolute;text-align:center;font-size:12px}.menuBtn .menu-item:hover{background:transparent!important}.menuBtn .menu-item{bottom:5px;right:19px;transform:skew(-30deg) translate(-9%) rotate(2deg) translateY(0)}.menuCertent{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;margin-top:-15%;margin-left:-15%;z-index:999;border-radius:50%;color:#fff;text-align:center;font-size:16px;cursor:pointer;border:2px solid #c9cec9}.opacity-30{opacity:.3}.cursor{cursor:pointer}.my-4px{margin:4px 0}.z-10{z-index:10}.hidden{display:none}.w-20px{width:20px}.h-100{height:100%}.rounded-50{border-radius:10%}.relative{position:relative}.absolute{position:absolute}.w-100{width:100%}.graph-bar{position:absolute;display:flex;align-items:center;z-index:10}.graph-bar .graph-bar-min-vertical{padding:10px 0!important}.graph-bar .graph-bar-min{display:flex;background:#fff;padding:10px;box-shadow:0 4px 20px #100dae33;border-radius:6px;flex-wrap:nowrap;gap:10px;width:auto;white-space:nowrap}.graph-bar .graph-bar-menu{position:relative;cursor:pointer;margin:0 10px;white-space:nowrap;display:flex;align-items:center}.graph-bar .graph-bar-menu:hover .grap-menu-dropdown-item{color:#145afd}.graph-bar .grap-menu-dropdown{background:#fff;box-shadow:0 4px 20px #0000003b;border-radius:6px;position:absolute;padding:5px 0;z-index:99;top:60px}.graph-bar .grap-menu-dropdown p{white-space:nowrap;padding:5px 15px}.graph-bar .grap-menu-dropdown p:hover{background:#f5f5f5;color:#145afd}.graph-bar .grap-menu-dropdown-item{display:flex;cursor:pointer;flex-direction:column;align-items:center}.graph-bar .hide{display:none}.graph-bar .show{display:block}.graph-bar.graph-bar-vertical,.graph-bar.graph-bar-vertical .graph-bar-min{flex-direction:column}.graph-bar.graph-bar-vertical .grap-menu-dropdown{top:auto;left:60px;right:auto}.gtaph-statics{right:0;z-index:1;background:#fff;padding:10px;border-radius:10px;width:200px;box-shadow:0 4px 20px #0000003b}.hove-active{cursor:pointer;font-size:14px}.hove-active:hover{color:#145afd}.setting-form{display:flex;flex-direction:column;height:100%}.setting-form .setting-form-content{flex:1;overflow-y:auto;padding:16px}.setting-form .setting-form-footer{position:sticky;bottom:0;background:#fff;padding:16px;border-top:1px solid #f0f0f0;margin-top:auto}.setting-form .setting-form-footer .ant-form-item{margin-bottom:0}.query-node{width:300px;position:absolute;background-color:#fff;right:0;top:20px;padding:10px 20px;border-radius:10px}.path-node{width:380px;position:absolute;background-color:#fff;right:0;padding:10px 20px;border-radius:10px;box-shadow:0 4px 20px #0000003b;z-index:10}.path-node .title{display:flex;justify-content:space-between;height:35px;align-items:center;margin-bottom:10px;font-weight:700;font-size:14px}.path-node .search-input{margin-bottom:0;padding-bottom:5px}.path-node .btn-group{display:flex;justify-content:flex-end;margin-top:20px}.path-node .ant-select-suffix{width:10px}.query-node{width:300px;position:absolute;background-color:#fff;right:0;padding:10px 20px;border-radius:10px;box-shadow:0 4px 20px #0000003b}.query-node .title{display:flex;justify-content:space-between;height:35px;align-items:center;margin-bottom:10px;font-weight:700;font-size:14px}.radial-menu{position:relative;display:inline-flex;align-items:center;justify-content:center}.radial-svg{position:absolute;top:0;left:0}.sector-group{cursor:pointer;transition:all .2s ease}.sector-group .sector-path{transition:all .2s ease}.sector-group:hover .sector-path{filter:brightness(1.15) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.sector-label{pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-avatar{position:absolute;z-index:10;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;overflow:hidden;color:#fff;font-weight:500}.center-avatar img{width:100%;height:100%;object-fit:cover}.center-avatar .center-text{font-size:14px;text-align:center}.center-avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006}.center-avatar:active{transform:scale(.95)}
+.cytoscape-container{width:100%;height:100%;margin:20px auto}.search-input{padding:8px 12px;width:300px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.btn-group{margin-bottom:10px}.btn{padding:8px 16px;margin:0 5px;border:none;border-radius:4px;background:#4285f4;color:#fff;cursor:pointer}.btn:hover{background:#3367d6}.result-text{margin-bottom:10px;color:#333;font-size:14px}.cy-container{width:100%;height:100%}.cy-container :global(.grayed){opacity:.3!important;background-color:#bdbdbd!important;color:#757575!important}.cy-container :global(.highlighted){background-color:#ffeb3b!important;border-color:#fbc02d!important;color:#333!important}.cy-container :global(.selected){border-color:#4caf50!important;background-color:#a5d6a7!important;color:#1b5e20!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{margin:10px 0;font-size:16px;color:#333}.node-input-row{display:flex;align-items:center;margin-bottom:8px}.node-input-row span{margin-right:10px;min-width:60px}.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;padding:8px 16px;margin-top:10px}.menuBtn:nth-child(1){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;display:block;width:50px;height:20px;position:absolute;text-align:center;font-size:12px}.menuBtn .menu-item:hover{background:transparent!important}.menuBtn .menu-item{bottom:5px;right:19px;transform:skew(-30deg) translate(-9%) rotate(2deg) translateY(0)}.menuCertent{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;margin-top:-15%;margin-left:-15%;z-index:999;border-radius:50%;color:#fff;text-align:center;font-size:16px;cursor:pointer;border:2px solid #c9cec9}.opacity-30{opacity:.3}.cursor{cursor:pointer}.my-4px{margin:4px 0}.z-10{z-index:10}.hidden{display:none}.w-20px{width:20px}.h-100{height:100%}.rounded-50{border-radius:10%}.relative{position:relative}.absolute{position:absolute}.w-100{width:100%}.graph-bar{position:absolute;display:flex;align-items:center;z-index:10}.graph-bar .graph-bar-min-vertical{padding:10px 0!important}.graph-bar .graph-bar-min{display:flex;background:#fff;padding:10px;box-shadow:0 4px 20px #100dae33;border-radius:6px;flex-wrap:nowrap;gap:10px;width:auto;white-space:nowrap}.graph-bar .graph-bar-menu{position:relative;cursor:pointer;margin:0 10px;white-space:nowrap;display:flex;align-items:center}.graph-bar .graph-bar-menu:hover .grap-menu-dropdown-item{color:#145afd}.graph-bar .grap-menu-dropdown{background:#fff;box-shadow:0 4px 20px #0000003b;border-radius:6px;position:absolute;padding:5px 0;z-index:99;top:60px}.graph-bar .grap-menu-dropdown p{white-space:nowrap;padding:5px 15px}.graph-bar .grap-menu-dropdown p:hover{background:#f5f5f5;color:#145afd}.graph-bar .grap-menu-dropdown-item{display:flex;cursor:pointer;flex-direction:column;align-items:center}.graph-bar .hide{display:none}.graph-bar .show{display:block}.graph-bar.graph-bar-vertical,.graph-bar.graph-bar-vertical .graph-bar-min{flex-direction:column}.graph-bar.graph-bar-vertical .grap-menu-dropdown{top:auto;left:60px;right:auto}.gtaph-statics{right:0;z-index:1;background:#fff;padding:10px;border-radius:10px;width:200px;box-shadow:0 4px 20px #0000003b}.hove-active{cursor:pointer;font-size:14px}.hove-active:hover{color:#145afd}.setting-form{display:flex;flex-direction:column;height:100%}.setting-form .setting-form-content{flex:1;overflow-y:auto;padding:16px}.setting-form .setting-form-footer{position:sticky;bottom:0;background:#fff;padding:16px;border-top:1px solid #f0f0f0;margin-top:auto}.setting-form .setting-form-footer .ant-form-item{margin-bottom:0}.query-node{width:300px;position:absolute;background-color:#fff;right:0;top:20px;padding:10px 20px;border-radius:10px}.path-node{width:380px;position:absolute;background-color:#fff;right:0;padding:10px 20px;border-radius:10px;box-shadow:0 4px 20px #0000003b;z-index:10}.path-node .title{display:flex;justify-content:space-between;height:35px;align-items:center;margin-bottom:10px;font-weight:700;font-size:14px}.path-node .search-input{margin-bottom:0;padding-bottom:5px}.path-node .btn-group{display:flex;justify-content:flex-end;margin-top:20px}.path-node .ant-select-suffix{width:10px}.query-node{width:300px;position:absolute;background-color:#fff;right:0;padding:10px 20px;border-radius:10px;box-shadow:0 4px 20px #0000003b}.query-node .title{display:flex;justify-content:space-between;height:35px;align-items:center;margin-bottom:10px;font-weight:700;font-size:14px}.radial-menu{position:relative;display:inline-flex;align-items:center;justify-content:center}.radial-svg{position:absolute;top:0;left:0}.sector-group{cursor:pointer;transition:all .2s ease}.sector-group .sector-path{transition:all .2s ease}.sector-group:hover .sector-path{filter:brightness(1.15) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.sector-label{pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center-avatar{position:absolute;z-index:10;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;overflow:hidden;color:#fff;font-weight:500}.center-avatar img{width:100%;height:100%;object-fit:cover}.center-avatar .center-text{font-size:14px;text-align:center}.center-avatar:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006}.center-avatar:active{transform:scale(.95)}.drawer-wraper,.knowledge-card-drawer{padding-bottom:20px}.drawer-wraper .title,.knowledge-card-drawer .title{font-weight:700;font-size:14px;color:#3d3d3d;position:relative;padding-left:8px}.drawer-wraper .title:before,.knowledge-card-drawer .title:before{position:absolute;left:0;transform:translateY(-50%);top:50%;content:"";width:3px;height:17px;background:#145afd}.drawer-wraper .graph-item,.knowledge-card-drawer .graph-item{height:26px;border-bottom:1px solid #E5E5E5;background:#edf3fe}.drawer-wraper .graph-item:hover,.knowledge-card-drawer .graph-item:hover{background:#edf3fe}.drawer-wraper .noraml-type,.knowledge-card-drawer .noraml-type{font-size:14px;color:#145afd;line-height:26px;text-align:center;border-right:1px solid #E5E5E5}.drawer-wraper .noraml-text,.knowledge-card-drawer .noraml-text{font-size:14px;color:#333;line-height:26px}.drawer-wraper .selected-item,.knowledge-card-drawer .selected-item{background:#edf3fe;color:#1890ff}.drawer-wraper .selected-item .noraml-type,.knowledge-card-drawer .selected-item .noraml-type{background:#347bfc;color:#fff}.drawer-wraper .drawer-card-title,.knowledge-card-drawer .drawer-card-title{font-weight:600;font-size:14px;color:#333;position:relative;padding-bottom:10px;margin:15px 0 10px;cursor:pointer}.drawer-wraper .drawer-card-title:hover,.knowledge-card-drawer .drawer-card-title:hover{color:#145afd}.drawer-wraper .drawer-card-title:after,.knowledge-card-drawer .drawer-card-title:after{content:"";position:absolute;border-bottom:1px solid #DFDFDF;width:100%;left:0;bottom:0}.drawer-wraper .drawer-card-title:before,.knowledge-card-drawer .drawer-card-title:before{content:"";position:absolute;border-bottom:1px solid #145AFD;width:64px;left:0;bottom:0;z-index:1}.collapse-wrap{border-color:#dfdfdf;border-radius:0;height:calc(100vh - 480px);overflow-y:auto}.collapse-wrap .ant-collapse-header{padding:9px 10px!important;background:#fff}.collapse-wrap .ant-collapse-item{border-color:#dfdfdf}.collapse-wrap .ant-collapse-title{font-size:14px;font-weight:700;color:#3d3d3d}.collapse-wrap .ant-collapse-body{max-height:calc(100vh - 550px);overflow-y:auto;width:298px;padding:0 16px 16px!important}.collapse-wrap .ant-collapse-body .ant-card-body{padding:0!important}.collapse-wrap .ant-collapse-body .ant-card{border:none}.property-section-wraper .section-item{display:flex;margin-top:4px}.property-section-wraper .detail-label{color:#333;font-size:14px;white-space:nowrap;flex-shrink:0}.property-section-wraper .detail-value{color:#383838;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-wraper .video-item{height:185px;position:relative;background:#333;border-radius:6px}.video-wraper .video-item-video{width:100%;height:100%;border-radius:6px;object-fit:cover}.relation-section-wraper{display:flex;flex-wrap:wrap;gap:10px}.relation-section-wraper .group{width:100%}.relation-section-wraper .section-card{width:100%;height:100%;border:1px solid #DFDFDF}.relation-section-wraper .section-title{margin-bottom:7px}.relation-section-wraper .entity-name-list{font-size:16px;font-weight:700}.relation-section-wraper .view-details-btn{color:#145afd}.relation-section-wraper .detail-item-tag{background-color:#e6f2ff;font-size:14px;border:1px solid #bdf;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:0 13px;color:#1082fe;margin-right:3px}.relation-section-wraper .detail-item-tag1{background-color:#fff5df;font-size:14px;border:1px solid #FFE0B8;border-top-left-radius:10px;border-bottom-right-radius:10px;padding:0 13px;color:#ff9418}.relation-section-wraper .detail-item-list{margin-bottom:3px}.relation-section-wraper .detail-label{color:#676a6c;font-size:14px;white-space:nowrap;flex-shrink:0}.relation-section-wraper .detail-value{color:#383838;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relation-section-wraper .mb-18px{margin-bottom:18px}.knowledge-card-click{height:100%;overflow:hidden}.knowledge-card-click .drawer-card-title2{font-weight:700;flex-wrap:nowrap;padding-bottom:10px;border-bottom:1px solid #e4e7ed;cursor:pointer;color:#333;margin:14px 0}.knowledge-card-click .drawer-card-title2:hover,.knowledge-card-click .drawer-card-title2.active{color:#145afd}.knowledge-card-click .card-item-click{flex-shrink:0;margin-right:10px;border-right:1px solid #e4e7ed;padding-right:10px;height:100%;background:#fff}.knowledge-card-click .knowledge-card-content{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.knowledge-card-click .knowledge-card-content::-webkit-scrollbar{display:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-kggraph",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "A knowledge graph visualization component based on Cytoscape",
   "type": "module",
   "main": "./lib/index.es.js",

package/lib/index.es20.js

@@ -1,62 +0,0 @@
-import { jsx as e, Fragment as N, jsxs as a } from "react/jsx-runtime";
-import { useContext as g } from "react";
-import { Select as v, Space as b, Button as d } from "antd";
-import { CloseOutlined as w } from "@ant-design/icons";
-/* empty css           */
-import { GraphContext as k } from "./index.es15.js";
-const B = ({ searchChange: y, isVisible: h, closePath: c, analysis: i }) => {
-  const { pathNodes: n, setPathNodes: r, graphData: p } = g(k), m = () => {
-    c && c(!1);
-  }, u = () => {
-    i && i(n);
-  }, f = p.filter((t) => t.group === "nodes").map((t) => t.data);
-  return /* @__PURE__ */ e(N, { children: h && /* @__PURE__ */ a("div", { className: "path-node", children: [
-    /* @__PURE__ */ a("div", { className: "title", children: [
-      /* @__PURE__ */ e("span", { children: "路径分析" }),
-      /* @__PURE__ */ e(w, { onClick: () => m() })
-    ] }),
-    n.map((t, s) => /* @__PURE__ */ a("div", { className: "node-input-row", children: [
-      /* @__PURE__ */ a("span", { children: [
-        "节点 ",
-        s + 1,
-        ":"
-      ] }),
-      /* @__PURE__ */ e(
-        v,
-        {
-          showSearch: !0,
-          style: { width: "60%" },
-          options: f.map((o) => ({
-            value: o.name,
-            label: o.name
-          })),
-          placeholder: "请选择节点",
-          className: "select-node",
-          value: t,
-          onChange: (o) => {
-            const l = [...n];
-            l[s] = o, r(l);
-          }
-        }
-      ),
-      n.length > 2 && /* @__PURE__ */ e(
-        "button",
-        {
-          className: "btn remove-node-btn",
-          onClick: () => {
-            const o = n.filter((l, C) => C !== s);
-            r(o);
-          },
-          children: "删除"
-        }
-      )
-    ] }, s)),
-    /* @__PURE__ */ e("div", { className: "btn-group", children: /* @__PURE__ */ a(b, { children: [
-      /* @__PURE__ */ e(d, { onClick: () => r([...n, ""]), children: "添加节点" }),
-      /* @__PURE__ */ e(d, { type: "primary", onClick: () => u(), children: "计算路径" })
-    ] }) })
-  ] }) });
-};
-export {
-  B as default
-};

package/lib/index.es36.js

@@ -1,4 +0,0 @@
-var s = { exports: {} };
-export {
-  s as __module
-};