{"id":18293721,"url":"https://github.com/museui/muse-ui-loading","last_synced_at":"2025-04-05T11:31:14.120Z","repository":{"id":44176263,"uuid":"137636689","full_name":"museui/muse-ui-loading","owner":"museui","description":"Muse-UI loading plugin","archived":false,"fork":false,"pushed_at":"2022-12-09T09:40:16.000Z","size":447,"stargazers_count":9,"open_issues_count":20,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-21T03:34:39.790Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/museui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-06-17T07:24:12.000Z","updated_at":"2019-12-16T00:26:42.000Z","dependencies_parsed_at":"2023-01-25T13:30:45.758Z","dependency_job_id":null,"html_url":"https://github.com/museui/muse-ui-loading","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/museui%2Fmuse-ui-loading","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/museui%2Fmuse-ui-loading/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/museui%2Fmuse-ui-loading/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/museui%2Fmuse-ui-loading/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/museui","download_url":"https://codeload.github.com/museui/muse-ui-loading/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247330650,"owners_count":20921672,"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":[],"created_at":"2024-11-05T14:25:51.352Z","updated_at":"2025-04-05T11:31:13.835Z","avatar_url":"https://github.com/museui.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Muse-UI-Loading\n\nMuse-UI plugin loading\n\n\u003ca href=\"https://travis-ci.org/museui/muse-ui-loading\"\u003e\n  \u003cimg src=\"https://img.shields.io/travis/museui/muse-ui-loading.svg\" alt=\"travis ci badge\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.org/package/muse-ui-loading\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/v/muse-ui-loading.svg\" alt=\"Downloads\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://npmjs.org/package/muse-ui-loading\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/dm/muse-ui-loading.svg\" alt=\"Downloads\"\u003e\n\u003c/a\u003e\n\n## Installation\n\n```bash\nnpm install -S muse-ui-loading\n// or\nyarn add muse-ui-loading\n```\n\n## CDN\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/muse-ui-loading/dist/muse-ui-loading.all.css\"/\u003e\n\u003cscript src=\"https://unpkg.com/muse-ui-loading/dist/muse-ui-loading.js\"\u003e\u003c/script\u003e\n```\n\n## Usage\n\n```javascript\nimport 'muse-ui-loading/dist/muse-ui-loading.css'; // load css\nimport Vue from 'vue';\nimport MuseUILoading from 'muse-ui-loading';\nVue.use(MuseUILoading);\n\nnew Vue({\n  methods: {\n    loading () {\n      const loading = this.$loading({\n        // ...options\n      });\n      setTimeout(() =\u003e {\n        loading.close();\n      }, 3000)\n    }\n  }\n});\n\n// or\nconst loading = MuseUILoading({\n  // ...options\n});\nsetTimeout(() =\u003e {\n  loading.close();\n}, 3000)\n```\n\nuse `v-loading` in element, use `data-mu-loading-*` set option\n\n```html\n\u003cdiv v-loading=\"true\" data-mu-loading-overlay-color=\"rgba(0, 0, 0, .6)\" style=\"position: relative; width: 500px; height: 400px;\"\u003e\u003c/div\u003e\n```\n\nelement `position` is can`t `static`;\n\n## API\n\n### config\n\n`Vue.use(MuseUILoading, config)` change default config\n\n```javascript\n{\n  overlayColor: 'hsla(0,0%,100%,.9)',        // overlay color\n  size: 48,                                  // circle progress size\n  color: 'primary',                           // color\n  className: ''                               // loading class name\n}\n```\n\n### config (config\u003cObject\u003e)\n\nChange default config, Will return new config.\n\n### Loading (options)\n\nShow loading , Will return object ({ instance, close }).\n\n### Options\n\n| Name | Description | Type | Accepted Values | Default |\n|------|-------------|------|-----------------|---------|\n| overlayColor | overlay color | String | — | hsla(0,0%,100%,.9) |\n| color | loading color, loading text color | String | — | primary |\n| size | loading size | Number | — | 48 |\n| text | loading text | String | — | — |\n| className | loading class | String | — | — |\n| target | the DOM node Loading needs to cover | Element | — | document.body |\n\n### v-loading\n\n`v-loading=\"true\"`\n\n* data-mu-loading-overlay-color\n* data-mu-loading-color\n* data-mu-loading-size\n* data-mu-loading-text\n* data-mu-loading-class\n\n\n## Dependencies Muse-UI\n\n* `mu-circle-progress`\n* `mu-fade-transition`\n* muse-ui/lib/internal/mixins/color\n* muse-ui/lib/internal/mixins/popup/utils\n\n## Licence\n\nmuse-ui is open source and released under the MIT Licence.\n\nCopyright (c) 2018 myron\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuseui%2Fmuse-ui-loading","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuseui%2Fmuse-ui-loading","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuseui%2Fmuse-ui-loading/lists"}