{"_id":"@alilc/graph-react-renderer","_rev":"4-a2a5c98cca913b2c9d3f83ed0963653a","name":"@alilc/graph-react-renderer","dist-tags":{"latest":"1.0.3-alpha.5"},"versions":{"1.0.3-alpha.5":{"name":"@alilc/graph-react-renderer","version":"1.0.3-alpha.5","license":"MIT","_id":"@alilc/graph-react-renderer@1.0.3-alpha.5","maintainers":[{"name":"yang1996","email":"89915256@qq.com"},{"name":"jun.li","email":"jun.lukesmail@gmail.com"},{"name":"qingniaotonghua","email":"1021281778@qq.com"},{"name":"woshilaoge","email":"woshilaoge@hotmail.com"},{"name":"jack.lianjie","email":"jack.lianjie@gmail.com"},{"name":"otakuxv","email":"monkey362531@gmail.com"},{"name":"zyy7259","email":"zyy7259@gmail.com"},{"name":"sun2ama","email":"339341037@qq.com"},{"name":"hujiulong","email":"me@hujiulong.com"},{"name":"liujuping123","email":"1052228950@qq.com"},{"name":"akirakai","email":"akirakai@163.com"},{"name":"xingmolu","email":"591745264@qq.com"},{"name":"eternalsky","email":"wsj7552715@hotmail.com"},{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"hzd822","email":"hzd822@qq.com"},{"name":"clarencep","email":"clarence.pchy@gmail.com"},{"name":"alvarto","email":"humphry.huang9@gmail.com"},{"name":"leoyuan88","email":"yuanlihao1988@gmail.com"}],"dist":{"shasum":"f60a64f22edbf6c109289faf0c215654bd0d08f9","tarball":"https://registry.npmjs.org/@alilc/graph-react-renderer/-/graph-react-renderer-1.0.3-alpha.5.tgz","fileCount":108,"integrity":"sha512-G0HcQgbeDXfJhEDlrN/w7BJCfvgajfmSHi2QEmNX2RP7xlCJidT4y/ydop9SlhD4mut3LP/0nxt5bvPLcVlHqw==","signatures":[{"sig":"MEUCIQCj9wPaVu0EsW5Eh3H7BvyeZT0OE+ZUmaA4aH9VNjqfCQIgRZ8id3bgB0YTLjpoTgDAFkQCVS9ThSVoy7WuZoCGunE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":201362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2NPbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/bA//Q77EZ5FKW3EZLYfu+FXCnTEvJyqKdqKzkx1U9vK34yy1FJ6e\r\n+ig7kI90ZYpVLKwamMRiyHIGGhsEApUKD4DQpIFwMORJZIO3l3whs6lXd5ZA\r\ngXxHAQY0vwlJ/9rFvtzMa2ORMAu/S+hor3pZK8kZVmhw08Ffv/W2l0wbi+JH\r\nN3B6yj0uX/OHMcmFgHh57pe2gVUQwk+HK7EYRHj4KFkMRHRovAZuw9tjQXS5\r\nA5tlA3MIjLX8qMAmsc9aT/ZdBoQ3ziXWMQSIkchqIZ40C8gdogDJqvQY5XXV\r\nx8P9KrWstTl6VG6PwYx8j0j5zKT0IRm+wTNTfjZ1K4gpCiPFpXQeHRjDTPvL\r\nbAdJoSMYgYPC5sClv4xGLYxMYfWnVeSmp138mSRiipMkCyWxyDPZmxrGp6p6\r\nm3o6Y7/jQavfMshTdDthdHLLB/F9rhl6ErLyy1x7YwxutQLQVJUWW7ryvkUP\r\nDJk56Of3SbpPHiHf2zoL5rBVOcSjoZNGHTpqCpz/Ax0bmMdqtd5Iu3FVVFW0\r\n4GLpFNA4w7Hmv0hBRxWOfHhXbT1JD80z44Ounak6gwv0ItU7Wq9+8RyNZRQK\r\nM0HqreFLpfGWKkLDBGqq/tQQ7l7FbIgXiaFVwLFSp5TjHgnc2iUw97zguGeB\r\nVW7djo63769a9qheT3yQd09tTrmMTuJmbFQ=\r\n=E6uk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"es/index.js","gitHead":"b4baf3f601f84abf52b493b1135487a76a765ec0","scripts":{"test":"jest -c jest.config.js","build":"build-scripts build --skip-demo","prepublish":"tnpm run build","build:watch":"build-scripts build --skip-demo --watch"},"_npmUser":{"name":"jun.li","email":"jun.lukesmail@gmail.com"},"_npmVersion":"lerna/3.22.1/node@v14.20.0+x64 (darwin)","description":"for Graph Editor Engine","directories":{},"_nodeVersion":"14.20.0","dependencies":{"ramda":"^0.27.1","lodash":"^4.17.21","scheduler":"^0.20.2","@antv/util":"^2.0.14","list-diff2":"^0.1.4","hex-to-rgba":"^2.0.1","vision-types":"^1.0.4","@antv/g-canvas":"^0.5.12","@react-pdf/font":"^2.0.10","@react-pdf/yoga":"^2.0.2","react-reconciler":"^0.26.2","@react-pdf/layout":"^2.0.15","@react-pdf/textkit":"^2.0.5","@react-pdf/stylesheet":"^2.0.8"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"lerna":"^5.1.8","react":"^16.3.0","enzyme":"^3.11.0","eslint":"^6.0.1","@ice/spec":"^0.1.1","expect.js":"^0.3.1","react-dom":"^16.3.0","@types/ramda":"^0.27.1","@types/react":"^16.3.0","enzyme-to-json":"^3.5.0","@alife/theme-97":"^1.0.1","@types/react-dom":"^16.3.0","@alib/build-scripts":"^0.1.18","build-plugin-fusion":"^0.1.0","react-test-renderer":"^16.8.6","build-plugin-component":"^1.10.0","enzyme-adapter-react-16":"^1.14.0","jest-environment-enzyme":"^7.1.2","build-plugin-modular-import":"^0.1.0","build-plugin-moment-locales":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/graph-react-renderer_1.0.3-alpha.5_1675154394931_0.03475263036298748","host":"s3://npm-registry-packages"}}},"time":{"created":"2023-01-31T08:39:54.855Z","modified":"2025-03-04T07:42:45.700Z","1.0.3-alpha.5":"2023-01-31T08:39:55.095Z"},"license":"MIT","description":"for Graph Editor Engine","maintainers":[{"email":"me@hujiulong.com","name":"hujiulong"},{"email":"clarence.pchy@gmail.com","name":"clarencep"},{"email":"humphry.huang9@gmail.com","name":"alvarto"},{"email":"akirakai@163.com","name":"akirakai"},{"email":"591745264@qq.com","name":"xingmolu"},{"email":"yuanlihao1988@163.com","name":"leoyuan"},{"email":"yuanlihao1988@gmail.com","name":"leoyuan88"},{"email":"1052228950@qq.com","name":"liujuping123"},{"email":"hzd822@qq.com","name":"hzd822"},{"email":"muscle.mark.cheng@gmail.com","name":"mark-ck"},{"email":"wsj7552715@hotmail.com","name":"eternalsky"},{"email":"jun.lukesmail@gmail.com","name":"jun.li"},{"email":"89915256@qq.com","name":"yang1996"},{"email":"339341037@qq.com","name":"sun2ama"},{"email":"zyy7259@gmail.com","name":"zyy7259"},{"email":"monkey362531@gmail.com","name":"otakuxv"},{"email":"jack.lianjie@gmail.com","name":"jack.lianjie"},{"email":"woshilaoge@hotmail.com","name":"woshilaoge"},{"email":"1021281778@qq.com","name":"qingniaotonghua"},{"email":"whatever6g@gmail.com","name":"whatever_lll"},{"email":"1ncounter.100@gmail.com","name":"1ncounter"},{"email":"710411486@qq.com","name":"soberz"}],"readme":"### node 的样式的编写规则\n\n#### 是否可拖拽\n\n> 鼠标 mousedown 一个 node 节点并且移动的时候，是否可以移动画布上的内容\n\n```tsx\n// 节点的属性\nexport interface INodeProps {\n  itemName: string;\n  itemColor: string;\n  img: string;\n  itemDesc?: string;\n  selected: boolean;\n  hovered: boolean;\n  error: boolean;\n  // 是否可拖拽，默认可拖拽\n  draggable?: boolean;\n}\n\n// 如果想要在某个shape上覆盖 nodeProps: INodeProps 上的 draggable 属性，可以按照如下设置\nconst DemoNode = (props: INodeProps) => {\n  return (\n    <Shape>\n      <Rect name=\"border-wrapper\" draggable={false} style={{ \n        borderRadius: 4, \n      }}>\n        <Text name=\"border-wrapper-text\">内容</Text>\n      </Rect>\n    </Shape>\n  )\n}\n\nexport default DemoNode;\n```\n\n#### 透明度相关\n\n> - 透明度相关属性包括：opacity，fillOpacity，strokeOpacity， 适用的元素：Rect, Image;\n> - fillOpacity 和 strokeOpacity 的优先级高于 opacity;\n> - 透明度还需要考虑元素的父子嵌套关系，子元素的透明度 = 父元素的透明度 * 自身透明度，透明度默认值为：globalAlpha，未设置则为 1;\n\n- opacity: Number 范围 [0, 1]\n- fillOpacity: Number 范围 [0, 1]\n- strokeOpacity: Number 范围 [0, 1]\n\n```tsx\nexport interface IOpacityStyle {\n  opacity?: number;\n  fillOpacity?: number;\n  strokeOpacity?: number;\n}\n\nconst DemoNode = (props: INodeProps) => {\n  return (\n    <Shape>\n      <Rect name=\"border-wrapper\" draggable={false} style={{ \n        borderRadius: 4, \n        opacity: 0.5,\n        fillOpacity: 0.5,\n        strokeOpacity: 0.5,\n      }}>\n        <Text name=\"border-wrapper-text\">内容</Text>\n      </Rect>\n    </Shape>\n  )\n}\n```\n\n","readmeFilename":"README.md"}