{"_id":"@aicloud/ac-element-plus","_rev":"2-fc85c9e8dde84552d976a5cba8fb42ac","name":"@aicloud/ac-element-plus","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@aicloud/ac-element-plus","version":"0.0.1","keywords":["element-ui","element-plus","vite","vite3","vitepress","vue","vue3","t-ui","ac-element-plus","aicloud","二次封装组件","封装组件","components"],"author":{"name":"aicloud"},"license":"MIT","_id":"@aicloud/ac-element-plus@0.0.1","maintainers":[{"name":"tyrekexu","email":"windybamb@163.com"}],"homepage":"https://aicloud.github.io/ac-element-plus/","bugs":{"url":"https://github.com/aicloud/ac-element-plus/issues"},"dist":{"shasum":"71a267fbaaeddedb166eec1140bc2a3a93140640","tarball":"https://registry.npmjs.org/@aicloud/ac-element-plus/-/ac-element-plus-0.0.1.tgz","fileCount":310,"integrity":"sha512-1246X3ifZ06SNBLiQ3sn2jY683ia2XmCR1BogcDh8RtxppiNTx9eoBonnNRjCF+l1FPXAsQCdaOa/0jTqv36bw==","signatures":[{"sig":"MEUCIH5t59BXFxlHP0diYVwpImqsIkKYgQniMSEOmAid5hKpAiEArNTakB98kBUORg+hoUMz0dxQb9ok1lfUixHRra3cIV8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":470675},"config":{"commitizen":{"path":"node_modules/cz-git","useEmoji":true}},"engines":{"node":">= 18"},"scripts":{"pub":"npm publish --registry=https://registry.npmjs.org/","build":"pnpm run clean && pnpm run build:theme && pnpm run build:main","clean":"rimraf dist && rimraf packages/theme-chalk/dist","deploy":"deploy.sh","lib-pub":"lib.sh","prepare":"husky install","publish":"publish.sh","docs:dev":"pnpm run -C docs dev","prettier":"prettier --write \"packages/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"","resolver":"resolver.sh","build:main":"pnpm run -C scripts/build build","docs:build":"pnpm run -C docs build","preinstall":"npx only-allow pnpm","stub:build":"pnpm run -C scripts/build stub","build:theme":"pnpm run -C packages/theme-chalk build","build:utils":"pnpm run -C packages/utils build","postinstall":"pnpm stub:build && pnpm build:utils && pnpm build:eslint-config","docs:prettier":"prettier --write \"docs/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"","build:resolver":"rimraf packages/resolver/dist && pnpm run -C packages/resolver build","lint:lint-staged":"lint-staged","build:eslint-config":"pnpm run -C packages/eslint-config build"},"_npmUser":{"name":"tyrekexu","email":"windybamb@163.com"},"repository":{"url":"git+https://github.com/aicloud/ac-element-plus.git","type":"git"},"workspaces":{"packages":["packages/*","docs"]},"_npmVersion":"10.8.3","description":"Vue3 中基于Element-plus二次封装基础组件文档","directories":{},"lint-staged":{"*.{vue,js,ts,jsx,tsx}":["pnpm run lint"]},"_nodeVersion":"22.12.0","dependencies":{"vue":"^3.4.21","vite":"^5.2.9","dayjs":"^1.11.7","esbuild":"0.24.0","vue-tsc":"1.8.27","lodash-es":"^4.17.21","sortablejs":"^1.15.0","element-plus":"^2.7.8","@ac-element-plus/types":"workspace:*","@ac-element-plus/utils":"workspace:*","@element-plus/icons-vue":"^2.3.1","@ac-element-plus/resolver":"workspace:*","@ac-element-plus/components":"workspace:*","@ac-element-plus/theme-chalk":"workspace:*","@ac-element-plus/eslint-config":"workspace:*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"ora":"^6.3.1","tsx":"^4.7.2","sass":"1.32.13","chalk":"4.1.2","execa":"5.1.0","husky":"^8.0.3","jsdom":"^22.1.0","cz-git":"^1.6.1","rimraf":"^5.0.0","rollup":"^4.14.3","semver":"^7.5.1","vitest":"^1.5.0","consola":"^3.1.0","cssnano":"^6.0.1","postcss":"^8.4.24","unbuild":"^2.0.0","enquirer":"^2.3.6","fs-extra":"^11.1.1","minimist":"^1.2.8","prettier":"^2.8.8","fast-glob":"^3.2.12","commitizen":"^4.3.0","typescript":"^5.4.5","@pnpm/types":"^9.0.0","@types/node":"^20.1.4","lint-staged":"^13.2.2","sass-loader":"13.1.0","@types/jsdom":"^21.1.1","autoprefixer":"^10.4.14","compare-func":"^2.0.0","@commitlint/cli":"^17.6.3","@types/fs-extra":"^11.0.1","@vue/test-utils":"^2.4.5","cz-customizable":"^7.0.0","vite-plugin-dts":"^3.8.3","@types/lodash-es":"^4.17.7","@inquirer/prompts":"^1.2.3","@types/sortablejs":"^1.15.1","@vitejs/plugin-vue":"^5.0.4","rollup-plugin-scss":"^4.0.0","@vitest/coverage-v8":"^1.5.0","rollup-plugin-banner2":"^1.2.3","rollup-plugin-esbuild":"^6.1.1","rollup-plugin-postcss":"^4.0.2","@vitejs/plugin-vue-jsx":"^3.1.0","@rollup/plugin-commonjs":"^25.0.7","cz-conventional-changelog":"^3.3.0","conventional-changelog-cli":"^3.0.0","@rollup/plugin-node-resolve":"^15.2.3","@pnpm/find-workspace-packages":"^6.0.8","@commitlint/config-conventional":"^17.6.3","conventional-changelog-custom-config":"^0.3.1"},"peerDependencies":{"vue":"^3.2.0","element-plus":"^2.7.8"},"_npmOperationalInternal":{"tmp":"tmp/ac-element-plus_0.0.1_1764241861445_0.35713909015075074","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@aicloud/ac-element-plus","version":"0.0.2","description":"Vue3 中基于Element-plus二次封装基础组件文档","author":{"name":"aicloud"},"license":"MIT","publishConfig":{"access":"public"},"workspaces":{"packages":["packages/*","docs"]},"scripts":{"preinstall":"npx only-allow pnpm","postinstall":"pnpm stub:build && pnpm build:utils && pnpm build:eslint-config","stub:build":"pnpm run -C scripts/build stub","build":"pnpm run clean && pnpm run build:theme && pnpm run build:main","build:resolver":"rimraf packages/resolver/dist && pnpm run -C packages/resolver build","build:utils":"pnpm run -C packages/utils build","build:main":"pnpm run -C scripts/build build","build:theme":"pnpm run -C packages/theme-chalk build","build:eslint-config":"pnpm run -C packages/eslint-config build","clean":"rimraf dist && rimraf packages/theme-chalk/dist","pub":"npm publish --registry=https://registry.npmjs.org/","deploy":"deploy.sh","resolver":"resolver.sh","publish":"publish.sh","lib-pub":"lib.sh","prettier":"prettier --write \"packages/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"","docs:prettier":"prettier --write \"docs/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"","docs:dev":"pnpm run -C docs dev","docs:build":"pnpm run -C docs build","lint:lint-staged":"lint-staged","prepare":"husky install"},"dependencies":{"@element-plus/icons-vue":"^2.3.1","@ac-element-plus/components":"workspace:*","@ac-element-plus/eslint-config":"workspace:*","@ac-element-plus/resolver":"workspace:*","@ac-element-plus/theme-chalk":"workspace:*","@ac-element-plus/types":"workspace:*","@ac-element-plus/utils":"workspace:*","dayjs":"^1.11.7","element-plus":"^2.7.8","esbuild":"0.24.0","lodash-es":"^4.17.21","sortablejs":"^1.15.0","vite":"^5.2.9","vue":"^3.4.21","vue-tsc":"1.8.27"},"devDependencies":{"@commitlint/cli":"^17.6.3","@commitlint/config-conventional":"^17.6.3","@inquirer/prompts":"^1.2.3","@pnpm/find-workspace-packages":"^6.0.8","@pnpm/types":"^9.0.0","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@types/fs-extra":"^11.0.1","@types/jsdom":"^21.1.1","@types/lodash-es":"^4.17.7","@types/node":"^20.1.4","@types/sortablejs":"^1.15.1","@vitejs/plugin-vue":"^5.0.4","@vitejs/plugin-vue-jsx":"^3.1.0","@vitest/coverage-v8":"^1.5.0","@vue/test-utils":"^2.4.5","autoprefixer":"^10.4.14","chalk":"4.1.2","commitizen":"^4.3.0","compare-func":"^2.0.0","consola":"^3.1.0","conventional-changelog-cli":"^3.0.0","conventional-changelog-custom-config":"^0.3.1","cssnano":"^6.0.1","cz-conventional-changelog":"^3.3.0","cz-customizable":"^7.0.0","cz-git":"^1.6.1","enquirer":"^2.3.6","execa":"5.1.0","fast-glob":"^3.2.12","fs-extra":"^11.1.1","husky":"^8.0.3","jsdom":"^22.1.0","lint-staged":"^13.2.2","minimist":"^1.2.8","ora":"^6.3.1","postcss":"^8.4.24","prettier":"^2.8.8","rimraf":"^5.0.0","rollup":"^4.14.3","rollup-plugin-banner2":"^1.2.3","rollup-plugin-esbuild":"^6.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-scss":"^4.0.0","sass":"1.32.13","sass-loader":"13.1.0","semver":"^7.5.1","tsx":"^4.7.2","typescript":"^5.4.5","unbuild":"^2.0.0","vite-plugin-dts":"^3.8.3","vitest":"^1.5.0"},"peerDependencies":{"element-plus":"^2.7.8","vue":"^3.2.0"},"engines":{"node":">= 18"},"config":{"commitizen":{"path":"node_modules/cz-git","useEmoji":true}},"lint-staged":{"*.{vue,js,ts,jsx,tsx}":["pnpm run lint"]},"repository":{"type":"git","url":"git+https://github.com/aicloud/ac-element-plus.git"},"homepage":"https://aicloud.github.io/ac-element-plus/","keywords":["element-ui","element-plus","vite","vite3","vitepress","vue","vue3","t-ui","ac-element-plus","aicloud","二次封装组件","封装组件","components"],"_id":"@aicloud/ac-element-plus@0.0.2","bugs":{"url":"https://github.com/aicloud/ac-element-plus/issues"},"_nodeVersion":"22.12.0","_npmVersion":"10.8.3","dist":{"integrity":"sha512-zB0lLhJbZJaW3Uh/EsKwTzueBZb9N7M9+dyNu4k4LumDZfx0kpkBZieyjOpB4r83ew7eqJVWLLdyDakhu8v70A==","shasum":"3ba2831020f806f87fa131fb7e64df11d624dd2c","tarball":"https://registry.npmjs.org/@aicloud/ac-element-plus/-/ac-element-plus-0.0.2.tgz","fileCount":311,"unpackedSize":45442011,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCpOg4/hDe8QSH6F0m0D9pnm4ZTdPfFX+epcT1b+GkMBQIgG/nH0kP+tAgcv/+4Lkgz27BE8PhP10IvRZ8B10VOXpM="}]},"_npmUser":{"name":"tyrekexu","email":"windybamb@163.com"},"directories":{},"maintainers":[{"name":"tyrekexu","email":"windybamb@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ac-element-plus_0.0.2_1764296539402_0.9717508813333167"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-27T11:11:01.348Z","modified":"2025-11-28T02:22:20.339Z","0.0.1":"2025-11-27T11:11:01.697Z","0.0.2":"2025-11-28T02:22:20.128Z"},"bugs":{"url":"https://github.com/aicloud/ac-element-plus/issues"},"author":{"name":"aicloud"},"license":"MIT","homepage":"https://aicloud.github.io/ac-element-plus/","keywords":["element-ui","element-plus","vite","vite3","vitepress","vue","vue3","t-ui","ac-element-plus","aicloud","二次封装组件","封装组件","components"],"repository":{"type":"git","url":"git+https://github.com/aicloud/ac-element-plus.git"},"description":"Vue3 中基于Element-plus二次封装基础组件文档","maintainers":[{"name":"tyrekexu","email":"windybamb@163.com"}],"readme":"# ac-element-plus\n\n## [Vue2 基于 Element-ui基础组件传送门](https://github.com/aicloud/t-ui)\n\n> 基于 Element-ui 二次封装基础组件地址\n>\n## [ac-element-plus使用Demo项目](https://github.com/aicloud/aicloud-admin)\n\n>`aicloud-admin`是基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的一套后台管理模板；此项目全面使用了`ac-element-plus`二次封装基础组件库\n\n## 介绍\n\n> 基于 vue3+ ts+ Element-plus 二次封装组件\n\n这是我在学习 Vue3 中基于[Element-plus](https://element-plus.org/zh-CN/) 二次封装基础组件文档，希望对你有用。可查看 [详细组件案例文档](https://aicloud.github.io/ac-element-plus/) 预览\n\n

\n \n \"vue3\"\n \n \n \"ac-element-plus\"\n \n \n \"ac-element-plus\"\n \n \n \"npm\"\n \n

\n\n## 动态效果图\n\n\n\n### 安装\n\n**建议您使用包管理器 ([pnpm](https://pnpm.io/)推荐 ， [yarn](https://classic.yarnpkg.com/lang/en/)，[npm](https://www.npmjs.com/)) 安装 @aicloud/ac-element-plus**。\n\n\n```sh [pnpm]\npnpm install @aicloud/ac-element-plus -S\n```\n\n```sh [yarn]\nyarn add @aicloud/ac-element-plus\n```\n\n```sh [npm]\nnpm install @aicloud/ac-element-plus -S\n```\n\n\n## 全局注册使用\n\n> ### 前提条件：使用项目必须全局注册 Element-plus组件库\n\n```js\n// 在main.js中按下引入\nimport { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport ElementPlus from \"element-plus\";\nimport \"element-plus/dist/index.css\";\nimport \"element-plus/theme-chalk/dark/css-vars.css\";\nimport locale from \"element-plus/es/locale/lang/zh-cn\";\n// element-plus图标\nimport * as ElementPlusIconsVue from \"@element-plus/icons-vue\";\nimport TuiPlus from '@aicloud/ac-element-plus'\nimport '@aicloud/ac-element-plus/index.css'\nconst app = createApp(App)\n// 注册所有图标\n for (const [key, component] of Object.entries(ElementPlusIconsVue)) {\n app.component(key, component);\n }\n // 注册ElementPlus\n app.use(ElementPlus, {\n locale // 语言设置\n // size: Cookies.get('size') || 'medium' // 尺寸设置\n });\napp.use(TuiPlus)\napp.mount('#app')\n```\n\n## 按需引入\n\n```js\n// 在main.js中按下引入\nimport '@aicloud/ac-element-plus/index.css'\n// 单个.vue文件引入\n\n```\n## 浏览器直接引入\n\n直接通过浏览器的 HTML 标签导入 @aicloud/ac-element-plus，然后就可以使用全局变量 `TuiPlus` 了。\n\n根据不同的 CDN 提供商有不同的引入方式， 我们在这里以[unpkg](https://unpkg.com) 和 [jsDelivr](https://jsdelivr.com) 举例。 你也可以使用其它的 CDN 供应商。\n\n### unpkg\n\n```html\n\n \n \n \n \n \n \n\n \n \n \n \n\n```\n\n### jsDelivr\n\n```html\n\n \n \n \n \n \n \n\n \n \n \n \n\n```\n## 全部组件如下\n| 组件名称 | 说明 |\n| :----------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| TLayoutPage | 布局页面 |\n| TLayoutPageItem | 布局页面子项 |\n| TAdaptivePage | [一屏组件](https://aicloud.github.io/ac-element-plus/components/TAdaptivePage/base.html?_blank)（继承TTable 及 TQueryCondition 组件的所有属性、事件、插槽、方法） |\n| TQueryCondition | [条件查询组件](https://aicloud.github.io/ac-element-plus/components/TQueryCondition/base.html?_blank) |\n| TTable | [表格组件](https://aicloud.github.io/ac-element-plus/components/TTable/base.html?_blank) |\n| Virtualized TTable | [虚拟列表](https://aicloud.github.io/ac-element-plus/components/TTableVirtual/base.html?_blank) |\n| TForm | [表单组件](https://aicloud.github.io/ac-element-plus/components/TForm/base.html?_blank) |\n| TSelectTable | [下拉选择表格组件](https://aicloud.github.io/ac-element-plus/components/TSelectTable/base.html?_blank) |\n| Virtualized TSelectTable | [下拉选择虚拟表格组件](https://aicloud.github.io/ac-element-plus/components/multipleVirtual/base.html?_blank) |\n| TSelectIcon | [图标选择组件](https://aicloud.github.io/ac-element-plus/components/TSelectIcon/base.html?_blank) |\n| TSelect | [下拉选择组件](https://aicloud.github.io/ac-element-plus/components/TSelect/base.html?_blank) |\n| TDetail | [详情组件](https://aicloud.github.io/ac-element-plus/components/TDetail/base.html?_blank) |\n| TButton | [防抖按钮组件](https://aicloud.github.io/ac-element-plus/components/TButton/base.html?_blank) |\n| TStepWizard | [步骤条组件](https://aicloud.github.io/ac-element-plus/components/TStepWizard/base.html?_blank) |\n| TTimerBtn | 定时按钮组件 |\n| TModuleForm | [模块表单/详情组件](https://aicloud.github.io/ac-element-plus/components/TModuleForm/base.html?_blank) |\n| TDatePicker | [日期选择器组件](https://aicloud.github.io/ac-element-plus/components/TDatePicker/base.html?_blank) |\n| TRadio | [单选组件](https://aicloud.github.io/ac-element-plus/components/TRadio/base.html?_blank) |\n| TCheckbox | [多选组件](https://aicloud.github.io/ac-element-plus/components/TCheckbox/base.html?_blank) |\n| TChart | [图表组件](https://aicloud.github.io/ac-element-plus/components/TChart/base.html?_blank) |\n| TTabs | [标签页组件](https://aicloud.github.io/ac-element-plus/components/TTabs/base.html?_blank) |\n| TSelectIcon | [图标选择组件](https://aicloud.github.io/ac-element-plus/components/TSelectIcon/base.html?_blank) |\n\n\n\n## Vue - Official （Volar）待验证\n\n```js\n// 需要在使用的项目的tsconfig.json文件中添加以下\ncompilerOptions：{\n \"types\": [\n \"@aicloud/ac-element-plus/index.d.ts\"\n ],\n}\n\n```\n## 自动按需导入 (暂不支持--待完善)\n- 1. 安装插件\n\n ```sh\n pnpm install -D unplugin-vue-components unplugin-auto-import @ac-element-plus/resolver\n\n ```\n- 2. 配置 `vite.config.ts` 或者配置 `webpack(vue).config.js`\n### vite.config.ts配置\n```js\n // vite.config.ts\n import { defineConfig } from 'vite'\n import AutoImport from 'unplugin-auto-import/vite'\n import Components from 'unplugin-vue-components/vite'\n import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'\n import { TuiPlusResolver } from '@ac-element-plus/resolver'\n\n export default defineConfig({\n // ...\n plugins: [\n // ...\n AutoImport({\n resolvers: [ElementPlusResolver()]\n }),\n Components({\n resolvers: [ElementPlusResolver(), TuiPlusResolver()]\n })\n ]\n })\n```\n### vue.config.js配置\n```js\nconst { defineConfig } = require('@vue/cli-service')\n const AutoImport = require('unplugin-auto-import/webpack')\n const Components = require('unplugin-vue-components/webpack')\n const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')\n const { TuiPlusResolver } = require('@ac-element-plus/resolver')\n\n module.exports = defineConfig({\n // ...\n configureWebpack: {\n plugins: [\n // ...\n AutoImport({\n resolvers: [ElementPlusResolver()]\n }),\n Components({\n resolvers: [TuiPlusResolver(), ElementPlusResolver()]\n })\n ]\n }\n })\n```\n## 安装依赖\n> ### 注意: 本地环境版本最好安装 [Node.js 18.x+](https://nodejs.org/en)、[pnpm 7.x+](https://github.com/pnpm/pnpm/)\n\n```shell\nnpm install -g pnpm\n\n# 安装依赖\npnpm install --registry=https://registry.npmjs.org/\n>pnpm config get registry 查看当前指向源\n\n# 如果安装依赖失败，可以尝试使用淘宝镜像 --registry=https://registry.npmmirror.com/\n>pnpm config set registry https://registry.npmmirror.com/ 切换淘宝镜像源\n>pnpm install\n\n```\n\n## 本地运行 vitepress 中组件文档\n\n```shell\n// docs项目(文档demo示例)基于vue3+vite项目\nnpm run docs:dev\n\n```\n\n## Thanks to all the contributors\n\n\n \"contributors\"\n\n\n## 微信交流群\n\n>目前微信群已超过 200 人，需要加微信好友(请备注 ac-element-plus)，拉大家进群\n\n| 微信二维码 |\n| :---------------------------------------: |\n| |\n\n## Git 提交规范\n\n- `ci`: ci 配置文件和脚本的变动;\n- `chore`: 构建系统或辅助工具的变动;\n- `fix`: 代码 BUG 修复;\n- `feat`: 新功能;\n- `perf`: 性能优化和提升;\n- `refactor`: 仅仅是代码变动，既不是修复 BUG 也不是引入新功能;\n- `style`: 代码格式调整，可能是空格、分号、缩进等等;\n- `docs`: 文档变动;\n- `test`: 补充缺失的测试用例或者修正现有的测试用例;\n- `revert`: 回滚操作;\n","readmeFilename":"README.md"}