{"_id":"@belleui/belle-modal","_rev":"2-359e3983e4a4b6ecaf339205804ffa9f","name":"@belleui/belle-modal","dist-tags":{"latest":"0.0.1-alpha.2"},"versions":{"0.0.1-alpha.1":{"name":"@belleui/belle-modal","version":"0.0.1-alpha.1","description":"[](#belleuibelle-modal)","keywords":["web-components","belleui"],"author":{"name":"WUSO01","email":"hi.wuso01@gmail.com"},"homepage":"https://github.com/belleui/belleui/tree/master/packages/belle-modal","license":"MIT","main":"lib/belle-modal.js","module":"lib/belle-modal.js","types":"lib/belle-modal.d.ts","repository":{"type":"git","url":"git+https://github.com/belleui/belleui.git","directory":"packages/belle-modal"},"publishConfig":{"access":"public"},"dependencies":{"@belleui/belle-button":"^0.0.1-alpha.1","lit-element":"^2.3.1"},"gitHead":"540a9d3bd74420d1de2b4d9045415fbad9d91c86","bugs":{"url":"https://github.com/belleui/belleui/issues"},"_id":"@belleui/belle-modal@0.0.1-alpha.1","_nodeVersion":"14.5.0","_npmVersion":"lerna/3.22.1/node@v14.5.0+x64 (darwin)","dist":{"integrity":"sha512-a/lG8zlvQKJS2HwxhV+ZT2p0ebJCRjEsmHX//LO8YPea2DoeVyV3Sa/r8+1Gjrm2DcElGoj4ZF8S4Ucts/Jgtw==","shasum":"2e4d80699e7fa38aefdc8e8854ffcc8b2a0bbc33","tarball":"https://registry.npmjs.org/@belleui/belle-modal/-/belle-modal-0.0.1-alpha.1.tgz","fileCount":8,"unpackedSize":13720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl8CfCRA9TVsSAnZWagAA8EQP/jZnAGH95yf7NR2+dzht\nfC8yoqtMLpQaFBLmBxAMdwUlRG8F7n1bQw3T3d24ZH4I/KXWGh0Exqtr7iEe\nvoBvPcRjp+Zshsqkhuq1wgmF5JG7slBapy1OXCYl8c3DO/rA9bYxietvptnG\nf5CXdiq8qmtcusNQBxT4BpX5I+E/ozAuFTAgsYrPjtNpZGJt/fJO4w/GzKvW\n6vDJsw6aYaWOg4okbkltP+jAP+NBQlmuDIxtxppdKmQxITtgeyZdZ2M1/jtb\nXPUyOLH2H1i1Q3ieF3emxl56MSACSkiWOWo0DSbMgiQuujKtWQCq+Ltdxwt2\nADhKPuBFl8+dmQFioJSIXD4jJ4pZg5CyJZk1gU8N38O5QdqKeA8PGpAkuxH8\nNwTAueDfEvQioDHUqArJ1jaaGiUBiP2fcKR1DYxYwvKUOMLIoTemdXWR/nEy\nciSa18T87BHG+rJpSAHKqHhe9Vlt5ygp4Q8gSWlfE2hgD7dpuCObt6Bo0Tjh\nvr7T4BpwNR8CO6fHX309zafG7i+1kPHPnbrAmvSz9jqlbJPPmWvkS0J4EUO5\nUSomL2SWlXraccfl6UDBzMCeP05EHlBKTCOHCt4QAaK8nr5RZiDZD1wsfCqL\nSqPkcdiPRRbuo/dTh5GeKy3KyfvYSsSb0ehXE8GiYay3AVFhPSlJImAZRhtk\ns/l7\r\n=+cnW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZv+cbuy0fC0Yja02z+hidHfOfT0ZmtFIeuyV4SpgX8AiEAhebSHwrn6YDkPPNjokQTZ4nMYEJvKD5bgrq8WMWbUbw="}]},"maintainers":[{"name":"simonwu","email":"hi.wuso01@gmail.com"}],"_npmUser":{"name":"simonwu","email":"hi.wuso01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/belle-modal_0.0.1-alpha.1_1603780766680_0.2522907082690913"},"_hasShrinkwrap":false},"0.0.1-alpha.2":{"name":"@belleui/belle-modal","version":"0.0.1-alpha.2","description":"[](#belleuibelle-modal)","keywords":["web-components","belleui"],"author":{"name":"WUSO01","email":"hi.wuso01@gmail.com"},"homepage":"https://github.com/belleui/belleui/tree/master/packages/modal","license":"MIT","main":"lib/belle-modal.js","module":"lib/belle-modal.js","types":"lib/belle-modal.d.ts","repository":{"type":"git","url":"git+https://github.com/belleui/belleui.git","directory":"packages/modal"},"publishConfig":{"access":"public"},"dependencies":{"@belleui/belle-button":"^0.0.1-alpha.2","lit-element":"^2.3.1"},"gitHead":"3664724905e2074a2e3ec3b5bfc8e0489f431a6a","bugs":{"url":"https://github.com/belleui/belleui/issues"},"_id":"@belleui/belle-modal@0.0.1-alpha.2","_nodeVersion":"14.5.0","_npmVersion":"lerna/3.22.1/node@v14.5.0+x64 (darwin)","dist":{"integrity":"sha512-M4zX6ovggQkzlVx5sE6LjDqZk959LF9ODFrA53m2SsLgScSeQoe+2VfDs6Acut+TE8/68YjxqSY9oSfafI/OBw==","shasum":"0678881b597873963c222a9eac581b3d12efbaff","tarball":"https://registry.npmjs.org/@belleui/belle-modal/-/belle-modal-0.0.1-alpha.2.tgz","fileCount":8,"unpackedSize":13978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd/d7CRA9TVsSAnZWagAACfgP/3MuxHRpbAMl5akuwxlD\n/dhJmp4qshvv8LU4Iy0FSdetuN8qpcmWosZ/nxOkhP+ZqKsaJV9S4q++wJh1\n2sufmIjEzTSvg70udfbNWTfYpIy7tZZDD0l/LtuiP/0s6SLGHM52qKs8rS/4\nNQ3TeFN9mlKLWEqqL6bXMGsjgHe0flGvhdo8tZIpXSq7eFSYCpNVQWKvGtRF\nPNOW4hWQYxWZVOzgXe/dIa/Qa6Gmgn7e5wuklKsIYGJj2JHzYQcFc0JMeNks\nVzF5IdvVzDvGSsDIu/InuJbISbCLYPxENPmGRq0NQLxdkoMt6oONMsZ2F0gf\no3fxfgL7UHm9OvidVXLVuMluGZVN1cSM92FxZEVn6qan582Ct8tYjlSxa19j\n7WbQNaPb7EBAxmWhO+pyyQqanvZJbVSnFL/t7iOVa+q5vJ2emelvtSci9sgK\n+LSJPfW30fBLFhjsUtKkrWWAFzN8TrKykHjIz/iQIxVRE62R55itCd8i/UOt\nKMqY7O3I7N9mXvG7HTqt0qCvgUp04RGUMLho1NehfhdfsehB+uXSNOEZFy4V\nkEBPSB9pRTXF1mDc9pDnyV+F5IV41bK4ubSNpyRawDssIQbOfILsJXPWVGlz\nfoszs6igIblUZrZz+1UrCaz1+jh7CxWY8QCiolICJYCVsPVFy6DV1LLjjLj3\nkuCi\r\n=hE9/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+DJXN8zt3QR+BprPLk6MGmW1xnLw4yHehZqYd4p4MiwIgSG+ZGbTdU3FRtCEHYPuUn5j1qe1ow9TSM9K7sD7JLic="}]},"_npmUser":{"name":"simonwu","email":"hi.wuso01@gmail.com"},"directories":{},"maintainers":[{"name":"simonwu","email":"hi.wuso01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/belle-modal_0.0.1-alpha.2_1618474874615_0.8088573343686547"},"_hasShrinkwrap":false}},"time":{"created":"2020-10-27T06:39:26.428Z","0.0.1-alpha.1":"2020-10-27T06:39:26.877Z","modified":"2022-04-04T18:20:05.180Z","0.0.1-alpha.2":"2021-04-15T08:21:14.741Z"},"maintainers":[{"name":"simonwu","email":"hi.wuso01@gmail.com"}],"description":"[](#belleuibelle-modal)","homepage":"https://github.com/belleui/belleui/tree/master/packages/modal","keywords":["web-components","belleui"],"repository":{"type":"git","url":"git+https://github.com/belleui/belleui.git","directory":"packages/modal"},"author":{"name":"WUSO01","email":"hi.wuso01@gmail.com"},"bugs":{"url":"https://github.com/belleui/belleui/issues"},"license":"MIT","readme":"[](#belleuibelle-modal)\n\n# @belleui/belle-modal\n\n<p>\n\t\t<a href=\"https://npmcharts.com/compare/@belleui/belle-modal?minimal=true\"><img alt=\"Downloads per month\" src=\"https://img.shields.io/npm/dm/@belleui/belle-modal.svg\" height=\"20\"/></a>\n<a href=\"https://www.npmjs.com/package/@belleui/belle-modal\"><img alt=\"NPM Version\" src=\"https://img.shields.io/npm/v/@belleui/belle-modal.svg\" height=\"20\"/></a>\n<a href=\"https://github.com/belleui/belleui/blob/master/packages/modal\"><img alt=\"TypeScript\" src=\"https://img.shields.io/npm/types/@belleui/belle-modal\" height=\"20\"/></a>\n<a href=\"https://www.webcomponents.org/element/@belleui/belle-modal\"><img alt=\"Published on webcomponents.org\" src=\"https://img.shields.io/badge/webcomponents.org-published-blue.svg\" height=\"20\"/></a>\n\t</p>\n\n[](#preview)\n\n## Preview\n\n![screent shot](./image/screenshot.png)\n\n\n[](#install)\n\n## Install\n\n> npm install @belleui/belle-modal\n\n[](#useage)\n\n## Useage\n\n### Basic Useage\n\n```html\n<belle-modal\n  title=\"Basic Modal\"\n  .visible=\"${false}\"\n  @onOk=${handleOk}\n  @onCancel=${handleCancel}\n>\n  <div style=\"width: 500px;\">\n    <p>\b弹窗的内容</p>\n    <p>\b弹窗的内容</p>\n    <p>\b弹窗的内容</p>\n    <p>\b弹窗的内容</p>\n    <p>...</p>\n  </div>\n</belle-modal>\n```\n\n[](#properties)\n\n## Properties\n\n| Property       | Attribute      | Type                     | Default | Description               |\n|----------------|----------------|--------------------------|---------|---------------------------|\n| `cancelText`   | `cancelText`   | `string`                 | \"取消\"    | 取消按钮文字                    |\n| `closable`     | `closable`     | `boolean`                | true    | 是否显示右上角关闭按钮               |\n| `footer`       | `footer`       | `TemplateResult \\| null` | \"\"      | 自定义footer，为null时不显示footer |\n| `maskClosable` | `maskClosable` | `boolean`                | true    | 是否允许点击蒙层关闭                |\n| `modalMask`    |                | `HTMLElement`            |         |                           |\n| `okText`       | `okText`       | `string`                 | \"确认\"    | 确认按钮文字                    |\n| `title`        | `title`        | `string`                 | \"\"      | 弹窗标题                      |\n| `visible`      | `visible`      | `boolean`                | false   | 是否显示弹窗                    |\n\n\n[](#methods)\n\n## Methods\n\n| Method         | Type       |\n|----------------|------------|\n| `handleCancel` | `(): void` |\n| `handleOk`     | `(): void` |\n\n\n[](#events)\n\n## Events\n\n| Event      | Description    |\n|------------|----------------|\n| `onCancel` | \b\b\b点击确定的回调函数   |\n| `onOk`     | 关闭弹窗和点击取消的回调函数 |\n\n","readmeFilename":"README.md"}