aiit_sdk v2.1.4

aiit_sdk

https://www.npmjs.com/package/aiit_sdk

ChangeButton API

AlarmModel

PageTable

VirtualLayer

returnData的返回格式为{

    "db_name": 表名,
    "url": 表名相应的api,
    "databaseId": 数据库id,
    "databaseName": 数据库名字,
    "databaseType": 数据库类型

}

Login

登录界面

例子
const [returnData, setReturnData] = useState({});
########################################
<BrowserRouter>
    <Routes>
        <Route
        path="/"
        element={<Login redirectUrl="/bar" setToken={setToken} loginUrl="127.0.0.1:8000/login" token={token}/> }
        />
        <Route path="/bar" element={<div>1235</div>} />
    </Routes>
</BrowserRouter>

ForceNetworkGraph

基于 d3 的力导向图

nodeEdgeSource 参数 | 参数 | 说明 | 类型 | | -------------------- | -------------------: | -----: | | nodes_labels（必选） | 代表节点列表 | array | | relation_types （必选） | 代表关系边列表 | array |

nodes_labels 参数 | 参数 | 说明 | 类型 | | -------------------- | -------------------: | -----: | | name（必选） | 节点名称 | string | | index （必选） | 节点 index | number | | propery （必选） | 节点属性 | array | | color （可选） | 节点颜色 | string | | radius （可选） | 节点大小半径 | number | | fontSize （可选） | 字体大小 | number |

relation_types 参数 | 参数 | 说明 | 类型 | | -------------------- | -------------------: | -----: | | source（必选） | 起始节点的 index | number | | target （必选） | 目标节点 index | number | | value （必选） | 关系边的长 | number | | color （可选） | 关系边的颜色 | string | | relation （必选） | 关系的名称标注 | string | | fontSize （可选） | 字体大小 | number |

// nodeEdgeSource格式如下
const nodeEdgeA = {
    nodes_labels: [
      {
        name: "Patent_type",
        index: 0,
        propery: ["name"],
      },
      {
        name: "国家",
        index: 1,
        propery: ["专利名", "发明人", "瑞", "专业"],
        // color: "#a0d911",
      },

      {
        name: "人物",
        index: 2,
        propery: ["专利名", "发明人", "瑞", "专业"],
        color: "#87e8de",
        radius: 20,
      },

      {
        name: "Patent_temp",
        index: 3,
        propery: [
          "优先权",
          "代理人",
          "国际申请",
          "分类号",
          "摘要",
          "专利类型",
          "申请日",
          "专利申请号",
          "专利代理机构",
          "进入国家阶段日期",
          "主分类号",
          "公开\\(公告\\)号",
          "国际公布",
          "name",
          "公开(公告)日",
          "分案原申请号",
          "发明(设计)人",
          "地址",
          "申请(专利权)人",
        ],
        color: "#87e8de",
      },
    ],
    relation_types: [
      {
        source: 1,
        target: 0,
        value: 1.3,
        relation: "is in type    ",
        color: "red",
      },
      {
        source: 2,
        target: 3,
        value: 1.3,
        relation: "是公民",
      },
      {
        source: 3,
        target: 2,
        value: 1.3,
        relation: "miumiu",
      },
    ],
  };
  const clickPoint = (element, e, d) => {
    console.log(element, d, e);
    d3.select(element).attr("fill", "blue");
  };
  return(
      <div>
        <ForceNetworkGraph
            nodeEdgeSource={nodeEdgeA}
            nameNeed="TupuA"
            pointOnclick={clickPoint}
            width="50vw"
            height="40vh"
            scale="1.2"
          position={{ top: -100, bottom: 10, left: -100, right: 10 }}
            />
        </div>
  )