{"_id":"@charyliu/pack-vue","_rev":"1-88a667772e706194c1b179c02ccff1c2","name":"@charyliu/pack-vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@charyliu/pack-vue","version":"1.0.0","author":{"name":"Chary Liu"},"license":"ISC","_id":"@charyliu/pack-vue@1.0.0","maintainers":[{"name":"charyliu","email":"chary.liu@outlook.com"}],"dist":{"shasum":"77b4475ae40afa413d5cce6319d30a1d1aae005a","tarball":"https://registry.npmjs.org/@charyliu/pack-vue/-/pack-vue-1.0.0.tgz","fileCount":7,"integrity":"sha512-YMUi8zacZZayjsOFGWvG0VnoPyVqtoKTdw4VjtiKHMXIUGFb8V5KHiH4a2PZnqM63Rd1hT9zFdlW2JsEGHqM8g==","signatures":[{"sig":"MEQCIHirayhmtWNSgOjc0N8UnmvdsiTxRrHST57UnO3nd+ErAiAVt59RbHM6dEznm9Xlqp9JHaLeuK0YP7ovBv29CgHX4Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11616},"main":"./src/index.js","gitHead":"794ed9238555338234e2ea6231239ffa501940f9","scripts":{"pub":"npm publish"},"_npmUser":{"name":"charyliu","email":"chary.liu@outlook.com"},"repository":{"url":"https://github.com/Chary-Liu","type":"git"},"_npmVersion":"10.8.2","description":"**此包提供了一些vue组件：**   - Popup（弹窗组件）","directories":{},"_nodeVersion":"18.20.5","publishConfig":{"access":"public","registry":"https://registry.npmjs.com"},"_hasShrinkwrap":false,"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/pack-vue_1.0.0_1739511932762_0.26937964888574184","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@charyliu/pack-vue","version":"1.0.1","description":"**此包提供了一些vue组件：**   - Popup（弹窗组件）","main":"./src/index.js","types":"./src/index.d.ts","scripts":{"pub":"npm publish"},"author":{"name":"Chary Liu"},"repository":{"type":"git","url":"https://github.com/Chary-Liu"},"license":"ISC","publishConfig":{"access":"public","registry":"https://registry.npmjs.com"},"devDependencies":{},"_id":"@charyliu/pack-vue@1.0.1","gitHead":"04ac8dda281ff0e69218a3ba7812f9bacb373922","_nodeVersion":"18.20.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-htOeA2QTEAefUzqCsQSPXxtfg65Pe26ePPSeg9FEe9xI8xIO2ZUevPidRkRF+Fz3frBAh7LEPOgUugFfoecFQQ==","shasum":"bb9b6cba2fac6258536f7ad2c3dba083973cc646","tarball":"https://registry.npmjs.org/@charyliu/pack-vue/-/pack-vue-1.0.1.tgz","fileCount":8,"unpackedSize":11662,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDcSqybwpDBYlnRnjD/hl8L2TIvauXt9OqnChAFni+xyAiAzQ2i6WCXBL8897z/1+o91WH1Sn+F64zBRY4KcNdfseA=="}]},"_npmUser":{"name":"charyliu","email":"chary.liu@outlook.com"},"directories":{},"maintainers":[{"name":"charyliu","email":"chary.liu@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/pack-vue_1.0.1_1739512663451_0.9868769997457849"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-14T05:45:32.702Z","modified":"2025-02-14T05:57:43.821Z","1.0.0":"2025-02-14T05:45:32.941Z","1.0.1":"2025-02-14T05:57:43.642Z"},"author":{"name":"Chary Liu"},"license":"ISC","repository":{"type":"git","url":"https://github.com/Chary-Liu"},"description":"**此包提供了一些vue组件：**   - Popup（弹窗组件）","maintainers":[{"name":"charyliu","email":"chary.liu@outlook.com"}],"readme":"## 包说明\n\n**此包提供了一些vue组件：**  \n- Popup（弹窗组件）     \n\n**维护： [github](https://github.com/Chary-Liu)**\n\n## Install\n`npm install @charyliu/pack-vue`\n\n## Usage\n```ts\nimport {\n  Popup, showPop, hidePop\n} from '@charyliu/pack-vue'\n```\n\n\n## Popup组件说明\n### Popup.props  \n\n| 属性            | 类型         | 必填 | 默认     | 描述         |\n|----------------|--------------|------|---------|--------------|\n| isCenter | boolean | false | true | 弹窗是否居中显示 |\n| maskOpacity | number | false | 0.7 | 弹窗蒙层（黑色）透明度 |\n| clickMaskHide | boolean | false | false | 点击弹窗蒙层关闭弹窗 |\n| maskClickThrough | boolean | false | false | 弹窗蒙层是否点击穿透 |\n| contentClassName | string | false | '' | 弹窗内容样式类名 |\n\n\n### showPop  \n\n```ts\n/** 弹窗配置 */\ninterface PopOptions {\n    /** 弹窗层级（打开高层级弹窗将自动隐藏低层级弹窗，关闭高层级弹窗后低层级弹窗将自动显示），默认0 */\n    zIndex?: number;\n    /** 弹窗是否居中显示，默认true */\n    isCenter?: boolean;\n    /** 弹窗蒙层（黑色）透明度, 默认0.7 */\n    maskOpacity?: number;\n    /** 点击弹窗蒙层关闭弹窗，默认false */\n    clickMaskHide?: boolean;\n    /** 点击弹窗蒙层回调 */\n    onClickMask?: Function;\n    /** 弹窗蒙层是否点击穿透, 默认false */\n    maskClickThrough?: boolean;\n    /** 弹窗内容样式类名 */\n    contentClassName?: string;\n    /** 自定义传入参数，会注入到弹出组件的props */\n    [keyName: string]: any;\n}\n/**\n * 展示弹窗\n * @param popComp 弹窗组件\n * @param options 弹窗配置\n * @returns 弹窗id\n */\ndeclare const showPop: (popComp: Vue.Component, options?: PopOptions) => string;\n```\n\n### hidePop  \n\n```ts\n/**\n * 隐藏弹窗\n * @param options 弹窗关闭配置\n */\ndeclare function hidePop(options?: {\n    /** 关闭全部 */\n    isHideAll?: boolean;\n    /** 要隐藏的弹窗的id，未传默认隐藏最上层弹窗 */\n    id?: string;\n    /** 弹窗内容样式类名 */\n    contentClassName?: string;\n    /** 延迟关闭弹窗的时间（ms），默认0 */\n    delay?: number;\n}): void;\n```\n\n### 使用示范  \n- App.vue引入Popup组件\n```Vue\n<script setup>\nimport { Popup } from '@charyliu/pack-vue'\nimport Index from 'index.vue'\n</script>\n\n<template>\n  <div style=\"position: absolute; width: 100%; height: 100%\">\n    <Popup/>\n    <Index></Index>\n  </div>\n</template>\n\n<style scoped></style>\n```\n- 其它组件（如index.vue）使用showPop/hidePop显隐弹窗\n```Vue\n<script setup>\nimport { showPop, hidePop } from '@charyliu/pack-vue'\nimport Rank from 'rank.vue'\n// 打开排行榜弹窗\nconst showRank = () => {\n  showPop(Rank);\n  setTimeout(() => {\n    // 隐藏排行榜弹窗\n    hidePop(Rank);\n  }, 2000);\n};\n</script>\n\n<template>\n  <div style=\"position: absolute; width: 100%; height: 100%;\">\n    <Popup />\n    <button @click=\"showRank\">showRank</button>\n  </div>\n</template>\n\n<style scoped></style>\n```\n","readmeFilename":"README.md"}