{"id":20533078,"url":"https://github.com/view-design/iview-loader","last_synced_at":"2025-04-14T06:32:44.615Z","repository":{"id":57278754,"uuid":"206217565","full_name":"view-design/iview-loader","owner":"view-design","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-03T06:15:11.000Z","size":237,"stargazers_count":2,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-08T14:38:45.221Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/view-design.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-09-04T02:52:24.000Z","updated_at":"2020-03-27T19:27:59.000Z","dependencies_parsed_at":"2024-06-18T22:54:46.251Z","dependency_job_id":null,"html_url":"https://github.com/view-design/iview-loader","commit_stats":{"total_commits":18,"total_committers":4,"mean_commits":4.5,"dds":0.2222222222222222,"last_synced_commit":"9d209740ba1c2711c097b5ffc9d5ac1cec2f02bf"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/view-design%2Fiview-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/view-design%2Fiview-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/view-design%2Fiview-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/view-design%2Fiview-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/view-design","download_url":"https://codeload.github.com/view-design/iview-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248834217,"owners_count":21168986,"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-16T00:18:34.862Z","updated_at":"2025-04-14T06:32:44.558Z","avatar_url":"https://github.com/view-design.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# iview-loader\n[![iView Loader](https://img.shields.io/npm/v/iview-loader.svg?style=flat-square)](https://www.npmjs.org/package/iview-loader)\n### Brief Introduction\nUniform iView tag writing specification, all tags can be used in the form of capital letters, including two tags `Switch` and `Circle` that are restricted by Vue.\n\nAlthough not recommended, you can use the loader option configuration to open all tag prefixes, such as `i-date-picker`.\n\n### Usage\n\n#### Install\nFirst, install iview-loader through npm\n```\nnpm install iview-loader --save-dev\n```\n#### Setting\nConfigure webpack to rewrite the normal vue-loader configuration, such as:\n```js\nmodule: {\n    rules: [\n        {\n            test: /\\.vue$/,\n            use: [\n                {\n                    loader: 'vue-loader',\n                    options: {\n                        \n                    }\n                },\n                {\n                    loader: 'iview-loader',\n                    options: {\n                        prefix: false\n                    }\n                }\n            ]\n        }\n    ]\n}\n```\n\n#### Illustrate\n- You can write `\u003cSwitch\u003e` and `\u003cCircle\u003e` tags now. \n- After the parameter `prefix` is set to `true`, all iView component tag names can be prefixed, such as `\u003ci-row\u003e` and `\u003ci-select\u003e`.\n\nThe following is the complete tag name:\n```js\n{\n    'i-affix': 'Affix',\n    'i-alert': 'Alert',\n    'i-auto-complete': 'AutoComplete',\n    'i-avatar': 'Avatar',\n    'i-back-top': 'BackTop',\n    'i-badge': 'Badge',\n    'i-breadcrumb': 'Breadcrumb',\n    'i-breadcrumb-item': 'BreadcrumbItem',\n    'i-button': 'Button',\n    'i-button-group': 'ButtonGroup',\n    'i-card': 'Card',\n    'i-carousel': 'Carousel',\n    'i-carousel-item': 'CarouselItem',\n    'i-cascader': 'Cascader',\n    'i-checkbox': 'Checkbox',\n    'i-checkbox-group': 'CheckboxGroup',\n    'i-circle': 'i-circle',\n    'i-col': 'Col',\n    'i-collapse': 'Collapse',\n    'i-color-picker': 'ColorPicker',\n    'i-date-picker': 'DatePicker',\n    'i-dropdown': 'Dropdown',\n    'i-dropdown-item': 'DropdownItem',\n    'i-dropdown-menu': 'DropdownMenu',\n    'i-form': 'Form',\n    'i-form-item': 'FormItem',\n    'i-icon': 'Icon',\n    'i-input': 'Input',\n    'i-input-number': 'InputNumber',\n    'i-menu': 'Menu',\n    'i-menu-group': 'MenuGroup',\n    'i-menu-item': 'MenuItem',\n    'i-submenu': 'Submenu',\n    'i-modal': 'Modal',\n    'i-option': 'Option',\n    'i-option-group': 'OptionGroup',\n    'i-page': 'Page',\n    'i-panel': 'Panel',\n    'i-poptip': 'Poptip',\n    'i-progress': 'Progress',\n    'i-radio': 'Radio',\n    'i-radio-group': 'RadioGroup',\n    'i-rate': 'Rate',\n    'i-row': 'Row',\n    'i-select': 'Select',\n    'i-slider': 'Slider',\n    'i-spin': 'Spin',\n    'i-step': 'Step',\n    'i-steps': 'Steps',\n    'i-switch': 'i-switch',\n    'i-table': 'Table',\n    'i-tabs': 'Tabs',\n    'i-tab-pane': 'TabPane',\n    'i-tag': 'Tag',\n    'i-timeline': 'Timeline',\n    'i-timeline-item': 'TimelineItem',\n    'i-time-picker': 'TimePicker',\n    'i-tooltip': 'Tooltip',\n    'i-transfer': 'Transfer',\n    'i-tree': 'Tree',\n    'i-upload': 'Upload'\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fview-design%2Fiview-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fview-design%2Fiview-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fview-design%2Fiview-loader/lists"}