{"id":17880604,"url":"https://github.com/a7650/vue-popout","last_synced_at":"2026-01-21T10:37:43.080Z","repository":{"id":106466813,"uuid":"199304671","full_name":"a7650/vue-popout","owner":"a7650","description":"一款vue插件，对你的vue应用进行窗口管理。","archived":false,"fork":false,"pushed_at":"2019-08-01T08:56:05.000Z","size":26,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T01:45:34.702Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/a7650.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-07-28T15:30:01.000Z","updated_at":"2020-11-13T03:44:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"12e6566e-4262-4872-a157-ad7c026feb69","html_url":"https://github.com/a7650/vue-popout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/a7650/vue-popout","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a7650%2Fvue-popout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a7650%2Fvue-popout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a7650%2Fvue-popout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a7650%2Fvue-popout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/a7650","download_url":"https://codeload.github.com/a7650/vue-popout/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/a7650%2Fvue-popout/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28631937,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-21T04:47:28.174Z","status":"ssl_error","status_checked_at":"2026-01-21T04:47:22.943Z","response_time":86,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-28T12:26:29.342Z","updated_at":"2026-01-21T10:37:43.064Z","avatar_url":"https://github.com/a7650.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🛸vue-popout\n### vue弹窗管理，可以方便管理你的应用窗口，可以像原生app一样使用左滑/后退来进行操控。\n\n[npm v1.0.4][npm-url]\n\n\n[npm-url]: https://www.npmjs.com/package/vue-popout\n\n### 使用方法\n\n## 安装\n\n`npm install vue-popout`\n\n## 使用\n\n```javascript\nimport Vue from 'vue'\nimport vuePopout from \"vue-popout\"\n\n\nVue.use(vuePopout)\n// 启动你的应用...\n```\n\n    \n使用`Vue.use(vuePopout)`之后你将会有一个全局的popout实例（通过vm.popout访问）和注册到全局的模块`\u003cpopout\u003e`\n\n### `\u003cpopout\u003e`模块\n\n#### 可以在任意组件中使用popout模块\n\n     你可以像普通模块一样给popout模块传递props来控制其行为。主要有以下参数：\n     \n     `name`(String):为该popout窗口的名称，即vm.popout()的第一个参数，传入该值即可打开窗口。默认为\"default\"。\n     \n     `type`(String):\u003cpopout\u003e模块内为文本节点时使用该参数，通过该参数将文本作为弹窗显示，并应用对应的样式，\n     \n      支持以下属性：\n     \n           default:type的默认属性，内容正常显示，无额外行为。\n           \n           ordinary:普通类型弹窗，白色背景，黑色字体。\n           \n           warn:警告信息类型弹窗，会在普通类型弹窗上有一个黄色的叹号。\n           \n           error：错误信息类型弹窗，会在普通类型弹窗上有一个红色的叹号。\n           \n      `contentAnimation`(String):窗口的进入/离开动画，该属性可以设置你的窗口的进入动画，目前内置了以下几种动画：\n      \n           fade:默认属性，渐隐出现/消失。\n      \n           bottomToTop:从下向上出现。   \n           \n           rightToLeft:从右往左。\n           \n           bounce:抖动。\n           \n           shrink:缩小。\n           \n           enlarge:放大。\n           \n      `filterAnimation`(String):背景的进入/离开动画,所有可选属性同上，默认为fade。\n      \n      `filterOpacity`(String):背景透明度，为0-1之间的数值，默认值为0.6.\n      \n### popout实例\n\n#### 可以在任意组件中通过vm.popout访问popout实例，该实例有多种属性和方法\n\n#### 🌴popout属性\n\n     `originUrl`:页面初始url，即打开窗口之前的url。\n     \n#### 🌴popout方法（popout中所有方法都支持链式调用）\n     \n      `open([name(必须)|String],[duration(可选)|String])`:打开某个窗口，name为popout模块的name，duration为打开的时间/ms，\n      \n            即一定时间后会关闭该窗口如果不传入duration参数则不会执行关闭动作。\n      \n      `back()`:回退，即关闭上一个窗口。\n      \n      `close([name(必须)|String],[flag(可选)|String])`:关闭窗口，name为要关闭窗口的名称，flag为一个标识符，可以传入next或\n      \n            previous，分别表示关闭name窗口的后一个或前一个窗口。\n            \n            *注意：在关闭某一个窗口时，所有在此窗口之后打开的窗口都会被关闭。\n      \n      `closeAll()`:关闭所有窗口。\n      \n      `currentStack()`:查看当前打开的窗口，返回一个数组，数组的顺序为窗口打开的顺序。\n      \n      `stackKeyMap()`:查看popoutVal(与窗口name对应的唯一随机序列，与地址栏中popout的值对应)与窗口name的对应关系。\n      \n            *注意：popoutVal值只使用一次，每次打开窗口都会有一个新的值生成，所以你只能查看当前打开的窗口的stackKeyMap。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa7650%2Fvue-popout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fa7650%2Fvue-popout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fa7650%2Fvue-popout/lists"}