{"id":19458529,"url":"https://github.com/infernalazazel/k-naiveui-pro","last_synced_at":"2025-04-25T06:30:29.671Z","repository":{"id":257804537,"uuid":"863381860","full_name":"InfernalAzazel/k-naiveui-pro","owner":"InfernalAzazel","description":"Professional level components developed based on Naiveui. ProComponents in Vue","archived":false,"fork":false,"pushed_at":"2024-11-26T08:24:04.000Z","size":13292,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T12:18:02.073Z","etag":null,"topics":["k-naiveui-pro","naive-ui","procomponents","unocss","vue","vue3"],"latest_commit_sha":null,"homepage":"https://infernalazazel.github.io/k-naiveui-pro/","language":"Vue","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/InfernalAzazel.png","metadata":{"files":{"readme":"README-zh_CN.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":"2024-09-26T07:45:30.000Z","updated_at":"2025-02-16T06:57:42.000Z","dependencies_parsed_at":"2024-09-29T10:01:33.388Z","dependency_job_id":"f34ca05e-383c-4bba-aad4-4f9463f5f175","html_url":"https://github.com/InfernalAzazel/k-naiveui-pro","commit_stats":null,"previous_names":["infernalazazel/k-naiveui-pro"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InfernalAzazel%2Fk-naiveui-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InfernalAzazel%2Fk-naiveui-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InfernalAzazel%2Fk-naiveui-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/InfernalAzazel%2Fk-naiveui-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/InfernalAzazel","download_url":"https://codeload.github.com/InfernalAzazel/k-naiveui-pro/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250766958,"owners_count":21483894,"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":["k-naiveui-pro","naive-ui","procomponents","unocss","vue","vue3"],"created_at":"2024-11-10T17:27:27.710Z","updated_at":"2025-04-25T06:30:29.198Z","avatar_url":"https://github.com/InfernalAzazel.png","language":"Vue","readme":"# kylin naiveui pro\n\n查看我们的网站 [k-naiveui-pro](https://infernalazazel.github.io/k-naiveui-pro/) 了解更多信息.\n\n简体中文 | [English](./README.md)\n\n\u003e 目前在测试阶段请勿用于生产环境\n\n## 安装\n\n```bash\npnpm add naive-ui k-naiveui-pro unocss @vueuse/core @iconify/vue\n```\n\n## 使用\n\n### 全局\n\n一. 在 `main.ts` 中注册组件\n\n```ts\n\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport naive from 'naive-ui'\nimport KNaiveUiPro from 'k-naiveui-pro'\n\nconst app =createApp(App)\napp.use(naive)\napp.use(KNaiveUiPro)\napp.mount('#app')\n```\n二. 在 `vite.config.ts` 添加 UnoCSS 插件\n\n```ts\nimport { fileURLToPath, URL } from 'node:url'\nimport { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport UnoCSS from 'unocss/vite'\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [\n    vue(),\n    UnoCSS()\n  ],\n  resolve: {\n    alias: {\n      '@': fileURLToPath(new URL('./src', import.meta.url))\n    }\n  }\n})\n```\n三. 在项目根下创建一个 `uno.config.ts` 文件, 配置如下:\n\n```ts\nimport {defineConfig, presetUno} from 'unocss'\n\nexport default defineConfig({\n    presets: [presetUno()],\n})\n```\n\n## 按需引入\n\n```bash\npnpm add k-naiveui-pro-resolver unplugin-vue-components\n```\n\n- 在 `vite.config.ts` 文件添加 NaiveUiResolver KNaiveUiProResolver 插件并配置\n\n```ts\nimport { fileURLToPath, URL } from 'node:url'\nimport { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport UnoCSS from 'unocss/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { NaiveUiResolver } from 'unplugin-vue-components/resolvers'\nimport { KNaiveUiProResolver } from 'k-naiveui-pro-resolver'\n\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [\n    vue(),\n    UnoCSS(),\n    Components({\n      resolvers: [\n        NaiveUiResolver(), \n        KNaiveUiProResolver()\n      ]\n    })\n  ],\n  resolve: {\n    alias: {\n      '@': fileURLToPath(new URL('./src', import.meta.url))\n    }\n  }\n})\n```\n\n## 办事列表\n\n- [X] 添加 ProLayout\n- [X] 添加 ProBaseForm\n- [X] 添加 ProQueryForm\n- [X] 添加 ProStepsForm\n- [ ] 添加 ProCrud\n- [X] 添加 ProBreadcrumb\n- [X] 添加 ProBackground\n- [X] 添加 ProTabs\n- [X] 添加 ProCheckbox\n- [X] 添加 ProRadio\n- [X] 添加 ProColumnSetting\n- [X] 添加 ProDescriptions\n- [X] 添加 ProToggleFullScreen\n- [X] 添加 ProToggleLanguage\n- [X] 添加 ProToggleTheme\n- [X] 添加 ProCheckCard\n- [X] 添加 ProAvatar\n\n\n## License\nMIT\n\nCopyright (c) 2024-present, kylin","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finfernalazazel%2Fk-naiveui-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finfernalazazel%2Fk-naiveui-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finfernalazazel%2Fk-naiveui-pro/lists"}