{"id":19304105,"url":"https://github.com/foolishchow/element-dialog2","last_synced_at":"2025-07-27T16:10:17.494Z","repository":{"id":57222091,"uuid":"88717601","full_name":"foolishchow/element-dialog2","owner":"foolishchow","description":"an extension of element-dialog that allow you to use it nested ","archived":false,"fork":false,"pushed_at":"2017-05-12T06:06:56.000Z","size":56,"stargazers_count":8,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-09-15T06:38:33.555Z","etag":null,"topics":["dialog","element-ui","nested","vue"],"latest_commit_sha":null,"homepage":"","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/foolishchow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-19T07:59:33.000Z","updated_at":"2019-08-20T13:41:52.000Z","dependencies_parsed_at":"2022-09-04T04:40:07.932Z","dependency_job_id":null,"html_url":"https://github.com/foolishchow/element-dialog2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foolishchow%2Felement-dialog2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foolishchow%2Felement-dialog2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foolishchow%2Felement-dialog2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/foolishchow%2Felement-dialog2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/foolishchow","download_url":"https://codeload.github.com/foolishchow/element-dialog2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223896120,"owners_count":17221384,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["dialog","element-ui","nested","vue"],"created_at":"2024-11-09T23:28:43.023Z","updated_at":"2024-11-09T23:28:43.523Z","avatar_url":"https://github.com/foolishchow.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# element-dialog2\nan extension of element-dialog that allow you to use it nested\n\n[![aaa][npm-version]][npm-home]\n\n[npm-version]: https://img.shields.io/npm/v/element-dialog2.svg 'npm-version'\n[npm-home]: https://www.npmjs.com/package/element-dialog2 'element-dialog2'\n\n- dependence      \n    [element-ui][element]   \n    \n    [element]: https://github.com/ElemeFE/element \"element-ui\"\n\n\u003e versions \n\n- 0.0.5   \n    `open` and `close` envents won't be `$emited` repeated.\n- 0.0.4   \n    currently vue@2.3.0+ with element-ui@1.3.0+ work correct.\n\n\n\u003e useage  \n\n - install\n    ```shell\n    npm install element-dialog2 --save\n    ```\n - use\n    ```javascript\n    //common \n    var ElDialog2 = require('element-dialog2');\n    Vue.component(ElDialog2.name,ElDialog2);\n    //import form source\n    import ElDialog2 from 'element-dialog2/src/index.js';\n    Vue.component(ElDialog2.name,ElDialog2)\n    ```\n - code\n    ```html\n    \u003cel-dialog2 title=\"this is title\"  v-if=\"showed\" v-model=\"showed\"\n        v-on:close=\"handleClose\"\u003e\n        \u003cspan\u003ecode of $slots.default\u003c/span\u003e\n        \u003cdiv slot=\"footer\"\u003e\n            code of $slots.footer\n        \u003c/div\u003e\n    \u003c/el-dialog2\u003e\n    ```\n    ```html\n    \u003cel-dialog2   v-if=\"showed\" v-model=\"showed\"\n        v-on:close=\"handleClose\"\u003e\n        \u003cdiv slot=\"title\"\u003e\n            this is title\n        \u003c/div\u003e\n        \u003cspan\u003ecode of $slots.default\u003c/span\u003e\n        \u003cdiv slot=\"footer\"\u003e\n            code of $slots.footer\n        \u003c/div\u003e\n    \u003c/el-dialog2\u003e\n    ```\n\n\u003e ### Attributes\n\n| Attribute     |Compare Element | Description          | Type      | Accepted Values       | Default  |\n|---------- |------|-------------- |---------- |--------------------------------  |-------- |\n| title     |same| title of Dialog. Can also be passed with a named slot (see the following table) | string    | — | — |\n| size      |same| size of Dialog | string    | tiny/small/large/full | small |\n| top      |same| value for `top` of Dialog CSS, works when `size` is not `full` | string    | — | 15% |\n| modal    |same | whether a mask is displayed | boolean   | — | true |\n| modal-append-to-body     |same| whether to append modal to body element. If false, the modal will be appended to Dialog's parent element | boolean   | — | true |\n| lock-scroll     |same| whether scroll of body is disabled while Dialog is displayed | boolean   | — | true |\n| custom-class      |same| custom class names for Dialog | string    | — | — |\n| close-on-click-modal |default value diffrent| whether the Dialog can be closed by clicking the mask | boolean    | — | `false` |\n| close-on-press-escape |same| whether the Dialog can be closed by pressing ESC | boolean    | — | true |\n| show-close |same| whether to show a close button | boolean    | — | true |\n| before-close |same| beforeclose(close) | Function    | — | null |\n\n- beforeClose\n    new in `element-ui@1.3.0+` \n    ```javascript\n        beforeClose(close){\n            if(...){\n                // hook of close\n                close();\n            }\n        }\n    ```\n\n\u003e ### Slot\n\n| Name | Description |\n|------|--------|\n| — | content of Dialog |\n| title | content of the Dialog title |\n| footer | content of the Dialog footer |","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoolishchow%2Felement-dialog2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffoolishchow%2Felement-dialog2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoolishchow%2Felement-dialog2/lists"}