{"versions":{"1.0.0":{"name":"diagram-js-grid-bg","version":"1.0.0","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"gitHead":"0bd798b63aa9c75338911c971b8d60699699ede5","_id":"diagram-js-grid-bg@1.0.0","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-i4VL5FD+IFxT5A6IDwdhWLqYTljQiGmnXGMrpjIImp+2obgqxmJ66eF2Z8hgClke+I/LpfegjUqRDP9OWXwK5A==","shasum":"cf16851b0215e84e0279a9659755a2ead56ec49c","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.0.0.tgz","fileCount":10,"unpackedSize":62008,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGHeH90Ca0gzpYpzsM+BPbkuS1iZ9gafFdA8CyVGitt2AiEA5epBlSvye+7B+mLPTwhZRKkWQCeZJgQZ0aA3yJDolZg="}],"size":10558},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.0.0_1686886038416_0.44720101303362503"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-16T03:27:18.579Z","publish_time":1686886038579,"_source_registry_name":"default","contributors":[]},"1.0.1":{"name":"diagram-js-grid-bg","version":"1.0.1","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js","diagram-js-grid-bg","diagram-js-grid-background","bpmn-js-grid-bg","bpmn-js-grid-background"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"gitHead":"31898ee7213c522f26eacf2160569b0bde01ace3","_id":"diagram-js-grid-bg@1.0.1","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-pSBWoCmGFJPO6Vk7Yozh+BMQS24ft8t1oY5ZZ5sdHBtW0rR96IR1ZCrtSPc6F6tbtVz1X+R1/X3MeWjvTXgBzw==","shasum":"b0effc14e5606b7c1db6f3db6c636ffc7c56622c","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.0.1.tgz","fileCount":12,"unpackedSize":114904321,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAIbBRCUXIIk79IKOU4fYvufCVXJBpPs91MExvCl3yB7AiEAtf403bNDDmPr+hy1emu3l2Gnh7oHhGKv2mgrZcyDT/c="}],"size":114787440},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.0.1_1687660232835_0.44088619535507223"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-25T02:30:34.184Z","publish_time":1687660234184,"_source_registry_name":"default","contributors":[]},"1.0.2":{"name":"diagram-js-grid-bg","version":"1.0.2","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js","diagram-js-grid-bg","diagram-js-grid-background","bpmn-js-grid-bg","bpmn-js-grid-background"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"gitHead":"f901a44f1127aa0db9c75ff761f5b2dc021e4b0f","_id":"diagram-js-grid-bg@1.0.2","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-IwGxUQ0i8YbZToGICdf7IJBt4v8KPHqZNN4516B+Oo/MlFYDKkEVXtdndNZKtkfl8oR8lwwT178CfYSHqSQ7Wg==","shasum":"81cb90e0dae80c3ad88df9a723e68d12babaf638","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.0.2.tgz","fileCount":12,"unpackedSize":114904969,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE+4QVEgmTzCUajucHdx9JxbKTUUYjGOdkQ6Su05G+p6AiBZJg4k/SXS/581LYPeYwnoKzVTZ0O8Ft3BMaofsgJmLQ=="}],"size":114787485},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.0.2_1690788430314_0.4926246313019127"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-07-31T07:27:11.722Z","publish_time":1690788431722,"_source_registry_name":"default","contributors":[]},"1.0.3":{"name":"diagram-js-grid-bg","version":"1.0.3","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js","diagram-js-grid-bg","diagram-js-grid-background","bpmn-js-grid-bg","bpmn-js-grid-background"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"gitHead":"6b41167eae62d8ac5c419a95448e2c968f82a7a6","_id":"diagram-js-grid-bg@1.0.3","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-iKuasb0TME/mShObxsGPR6TFNMcuYQdvilk1j63sFx9TMjEVoKqf8sQR4CqSkD+YjclSDzSM6izYtKs0e6H7LA==","shasum":"f99fe4cebc146398d3f0379b29d5724826a68d6c","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.0.3.tgz","fileCount":12,"unpackedSize":114875246,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5btxvByCazgrOWC+AfB8/QaY4LHSB0QT+7eIdgqYVFAiEArITel4PnbSJkKI0rdCcrQk6QRHFcc/Uac++8HppTPu0="}],"size":114783224},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.0.3_1690788557586_0.7994041805947174"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-07-31T07:29:19.182Z","publish_time":1690788559182,"_source_registry_name":"default","contributors":[]},"1.0.4":{"name":"diagram-js-grid-bg","version":"1.0.4","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js","diagram-js-grid-bg","diagram-js-grid-background","bpmn-js-grid-bg","bpmn-js-grid-background"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"gitHead":"1cd026631fae12c7716c032f4cfce8c1b407175c","_id":"diagram-js-grid-bg@1.0.4","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-9epW59tRJkDNKdy/u8Er0GCmKOo1tMRYVBiAng0GOc4+FmJQKhnAHH+EF77v0XOdGDLHe6ljVD+gwEzs3kuKYQ==","shasum":"f8e90dec73d5c4d2827b8e68fea0894a56991978","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.0.4.tgz","fileCount":12,"unpackedSize":12759800,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGCL0oJYP7lIHTiuPea+GPCZgaMjlNPLyXccNz+HU6MQIgE5bSbNw4FwfBc56/eiEdLLNiItLzPnPBfDH+QJff8qo="}],"size":12691781},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.0.4_1691569275920_0.7484738614719197"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-08-09T08:21:16.362Z","publish_time":1691569276362,"_source_registry_name":"default","contributors":[]},"1.1.0":{"name":"diagram-js-grid-bg","version":"1.1.0","description":"A visual grid background for diagram-js, base on diagram-js-grid.","main":"dist/diagram-js-grid-bg.cjs","module":"dist/diagram-js-grid-bg.es.js","umd:main":"dist/diagram-js-grid-bg.umd.js","types":"dist/GridLine/index","keywords":["diagram-js","grid","bpmn-js","diagram-js-grid-bg","diagram-js-grid-background","bpmn-js-grid-bg","bpmn-js-grid-background"],"scripts":{"build":"rollup --config"},"repository":{"type":"git","url":"git+https://github.com/miyuesc/diagram-js-grid-bg.git"},"author":{"name":"MiyueSC"},"license":"MIT","bugs":{"url":"https://github.com/miyuesc/diagram-js-grid-bg/issues"},"homepage":"https://github.com/miyuesc/diagram-js-grid-bg#readme","dependencies":{"min-dom":"^4.1.0","tiny-svg":"^3.0.1"},"devDependencies":{"@babel/preset-typescript":"^7.22.5","@rollup/plugin-commonjs":"^25.0.1","@rollup/plugin-node-resolve":"^15.1.0","diagram-js":"^12.2.0","rollup":"^2.79.1","rollup-plugin-babel":"^4.4.0","rollup-plugin-typescript2":"^0.34.1","typescript":"^5.1.3"},"_id":"diagram-js-grid-bg@1.1.0","gitHead":"44b08a239fceac1b91739f7b809c65b9918e7f83","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-6oUKwRxUjgW2Y9n68EL5xGadGBTf8k32fgWbM8BCa2mB0WXk3jBbIRR5eE2El1xr6mJT058aGet9Cb8JUlwwIQ==","shasum":"28a068e162984606e000e84ceef72f896a9f4492","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/diagram-js-grid-bg/-/diagram-js-grid-bg-1.1.0.tgz","fileCount":12,"unpackedSize":12759289,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJfbrvEIsU79Tvq59n5/loiwit3QM4mC9bI0nCNEC64AIhAIRHBORunCUAxr6rAzlzv5XBPzKyttlxSHsmlomHSfYb"}],"size":12694532},"_npmUser":{"name":"anonymous","email":"913784771@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"913784771@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/diagram-js-grid-bg_1.1.0_1714309278988_0.6650855515265999"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2024-04-28T13:01:19.282Z","publish_time":1714309279282,"_source_registry_name":"default","contributors":[]}},"dist-tags":{"latest":"1.1.0"},"name":"diagram-js-grid-bg","time":{"created":"2023-06-16T03:27:34.815Z","modified":"2024-04-28T19:57:18.867Z","1.0.0":"2023-06-16T03:27:18.579Z","1.0.1":"2023-06-25T02:30:34.184Z","1.0.2":"2023-07-31T07:27:11.722Z","1.0.3":"2023-07-31T07:29:19.182Z","1.0.4":"2023-08-09T08:21:16.362Z","1.1.0":"2024-04-28T13:01:19.282Z"},"readme":"# diagram-js-grid-bg\r\nA visual grid background for diagram-js, base on diagram-js-grid.\r\n\r\n一个提供给 diagram-js 使用的虚拟网格背景，基于 `diagram-js-grid` 项目。\r\n\r\n## How to use 如何使用\r\n\r\n1. ~~Clone this repository.~~\r\n2. ~~Copy the `GridLine` directory to your own project.~~\r\n3. ~~`import` it.~~\r\n\r\n\r\n1. ~~克隆这个项目.~~\r\n2. ~~将 `GridLine` 这个目录复制到你自己的项目中.~~\r\n3. ~~使用 `import` 导入这个模块.~~\r\n\r\n>  This project has been published as an NPM dependency package.\r\n>\r\n> 该项目已经发布为一个NPM依赖包\r\n\r\n1. Add the diagram-js-grid-bg to your project:\r\n\r\n```sh\r\nnpm install diagram-js-grid-bg\r\n```\r\n\r\n2. Add it to the additionalModules Array\r\n\r\n\r\n```js\r\nimport Modeler from 'bpmn-js/lib/Modeler'\r\nimport GridLineModule from 'diagram-js-grid-bg'\r\n\r\n\r\nconst modeler = new Modeler({\r\n  container: '#container',\r\n  additionalModules: [\r\n    // ...\r\n    GridLineModule\r\n  ]\r\n})\r\n```\r\n\r\n## Configurations 配置项\r\n\r\nThis plugin module supports five custom configurations.\r\n\r\n| name             | desc    | type   | default               | required |\r\n|------------------|---------|--------|-----------------------|----------|\r\n| smallGridSpacing | 最小网格边长  | number | 10                    | false    |\r\n| gridSpacing      | 大号网格边长  | number | smallGridSpacing * 10 | false    |\r\n| gridLineStroke   | 网格边框宽度  | number | 0.5                   | false    |\r\n| gridLineOpacity  | 网格边框透明度 | number | 0.4                   | false    |\r\n| gridLineColor    | 网格边框颜色  | string | #ccc                  | false    |\r\n\r\n\r\n## Preview 效果预览\r\n\r\n#### 1. default 默认效果\r\n\r\n![default](./screenshot/demo1.gif)\r\n\r\n#### 2. custom config 自定义配置\r\n\r\n```js\r\nimport Modeler from 'bpmn-js/lib/Modeler'\r\nimport GridLineModule from '@/xxx/GridLine'\r\n\r\n\r\nconst modeler = new Modeler({\r\n  container: '#container',\r\n  additionalModules: [\r\n    // ...\r\n    GridLineModule\r\n  ],\r\n  gridLine: {\r\n    smallGridSpacing: 20,\r\n    gridSpacing: 80,\r\n    gridLineStroke: 1,\r\n    gridLineOpacity: 0.2,\r\n    gridLineColor: '#20e512'\r\n  }\r\n})\r\n```\r\n\r\n![custom](./screenshot/demo2.gif)","users":{}}