y9plugin-components 插件安装使用说明(只适用于 vue3 项目)

安装使用步骤

安装组件插件的依赖

npm i [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] [email protected]

npm i [email protected] --save-dev

安装组件插件

npm i y9plugin-components@3

在 main.ts 文件注册插件

1、不需要应用国际化语言,默认是中文，请复制以下代码

import y9pluginComponents from "y9plugin-components";
const app: any = createApp(App);
app.use(y9pluginComponents);
app.mount("#app");

2、需要应用国际化语言，请复制以下代码

import { createApp } from "vue";
import { setupStore } from "@/store";
import y9pluginComponents from "y9plugin-components";
import y9_zhCn from "y9plugin-components/src/language/zh-cn"; //默认的y9组件插件中文包
import y9_en from "y9plugin-components/src/language/en"; //默认的y9组件插件英文包
import { useSettingStore } from "@/store/modules/settingStore";
const app: any = createApp(App);
setupStore(app);
let opts = ref({});
watch(
  () => useSettingStore().getWebLanguage,
  (newLang) => {
    opts.value.locale = newLang === "en" ? y9_en : y9_zhCn;
  },
  {
    immediate: true,
  }
);
app.use(y9pluginComponents, opts.value);
app.mount("#app");

运行项目

npm run serve

运行成功后，根据组件说明文档使用组件即可

版本更新说明

| 版本号 | 更新时间 | 更新内容 | 更新者 | | ------ | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | | 3.0.21 | 2025.6.16 | 组件警告的处理 | chensiwen | | 3.0.20 | 2025.6.4 | 修复 y9Filter 组件 bug | chensiwen | | 3.0.19 | 2025.4.21 | y9Upload，y9Uploads 组件 props 中新增 beforeSelect 函数：选择文件前钩子，若返回 false 或者 promise 且被 reject，则停止选择文件，reject 内填写字符串可显示提示信息 | chensiwen | | 3.0.16 | 2025.1.14 | y9Tree 组件搜索时 显示数据的渲染问题 | chensiwen | | 3.0.13 | 2024.12.25 | vue 文件内多个表格组件自动计算高度冲突处理 | chensiwen | | 3.0.12 | 2024.12.17 | 修改部分图片大小写 | whb | | 3.0.8 | 2024.12.3 | 添加了上传组件 y9Uploader | whb | | 3.0.4 | 2024.11.27 | 点击 treeData 的 item，修改数据时，item 的高亮丢失 | yehaifeng | | 3.0.3 | 2024.11.08 | 分页样式、表格单选样式调整 | chensiwen | | 3.0.2 | 2024.11.08 | tree 组件添加一个 id | yehaifeng | | 3.0.1 | 2024.11.04 | 解决表格 tooltip 报错原因，添加表格表头列插槽 | chensiwen | | 2.2.1 | 2024.10.23 | y9tree 组件，defaultAcitonIcons 增加 edit | yehaifeng | | 2.2.0 | 2024.7.19 | 更新最新依赖 | chensiwen | | 2.1.17 | 2024.6.24 | 表格新增控制 tooltip 配置 | chensiwen | | 2.1.9 | 2024.6.4 | cuPageMemory 参数修改为布尔类型 | chensiwen | | 2.1.8 | 2024.2.23 | 表单组件的上传图片功能，传入默认列表时，如果限制数量和默认列表数量，屏蔽上传 | fuyu | | 2.1.7 | 2024.2.21 | 列表组件、表格组件中分页组件的设置记忆性参数传递 | chensiwen | | 2.1.5 | 2024.2.20 | 分页组件的当前分页，每页条目个数设置记忆性参数 | chensiwen | | 2.1.3 | 2024.1.29 | 过滤组件、table 组件、vxeTable 组件的过滤配置，添加 fangDouTime 配置，可配置过滤的防抖值。配置为 0,即可立即返回过滤数据 | fuyu | | 2.1.2 | 2024.1.18 | 表单组件的 date 类型添加 teleported 配置 | fuyu | | 2.1.1 | 2024.1.17 | 树组件新增自定义节点样式的配置 | fuyu | | 2.1.0 | 2023.12.8 | 分页组件每页显示个数选择器的选项调整 | fuyu | | 2.0.9 | 2023.12.8 | 所有组件中的 el-input 输入框添加了防止自动填充的功能 | fuyu | | 2.0.8 | 2023.10.31 | 修复在框架中修改字体大小时，鼠标经过表格，表格字体大小会恢复默认大小的 bug | fuyu | | 2.0.7 | 2023.10.18 | 表格高度新增属性 openAutoComputedHeight，控制开启自动计算高度，优先级比 height 属性高 | fuyu | | 2.0.6 | 2023.10.17 | 表格高度没传入则设置为自动计算好的高度 | fuyu | | 2.0.5 | 2023.9.27 | 更新最新依赖 | fuyu | | 2.0.4 | 2023.9.27 | 因国产系统暂时无法使用最新依赖，因此先回退版本，回退依赖 | fuyu |