Xhh-design NPM

模板来自 element-plus

替换所有的 element-plus 为 xhh-design 包括文件名，文件夹名，代码中的字符串，驼峰写法也要替换
运行发现报错，将部分 xhh-design 替换回去，包括 xhh-design/icon-vue，unplugin-xhh-design 等
删除多余的代码，element-plus 以往的组件，保留 base 和 config-provider

2023-10-30：

通用问题，需要持续改进

将多余的 css 去掉
类型声明需要优化：1. 编写新的类型 2. 将 any 替换成有意义的类型

问题 1

在 src 目录下有 form.ts 文件，但是在导入 ts 文件时，会提示错误，但是不论哪中错误，程序都能正确运行，只是编辑器会提示错误而已
1. 若导入语句是 import Form from './src/index' 则提示 TS2307: Cannot find module './src/index' or its corresponding type declarations
2. 若导入语句是 import Form from './src/table.ts' 则提示 TS2691: An import path cannot end with a '.ts' extension. Consider importing './src/index.js' instead

此问题已经解决：当文件是 table.ts 时，导入语句应该是 import Form from './src' 也就是说后边的 index 应该省略

问题 2

rules 不生效
解决：form-item 组件需要传入 prop 属性才能生效

问题 3

form 的值变化后，不重新渲染不生效
在 form.item 组件中，需要监听 itemValue，并给 value 进行赋值，才能将值传递下去，注意这里的 watch 必须使用 get 方法的形式

2023-10-31

table 组件，罗列出需要改的点

表格的高度适应页面
表格是否可以虚拟滚动
表格的列是否可以被设置隐藏显示

2023-11-03

规划

表格列的配置 ✅
表格操作按钮
表格与表单合并
根据配置生成增删改查功能
相同的请求同时发送时需要合并请求
请求可以被取消

小功能列表

配置按钮出现在表头，以设置按钮的形式出现，并且可以在配置界面被配置到哪个列上，显示配置按钮的细节:
- 配置按钮只能在一个列上显示
- 设置了配置按钮的列无法被隐藏
操作列中有上传按钮
操作列中有二次确认按钮

反思

重要的不是这些页面的奇技淫巧，而是根据这些页面的增删改查能实现什么业务场景，当放在实际的业务场景时，这样的页面功能能有多大的作用

接下来，融合 form 与 table，使用 table 组件，直接实现同质化的增删改查

2023-11-10

不要在 vue 文件中写 style，也不要引入 style，否则会出现编译异常（能正常运行）

2024-01-26

发版流程，本地登录 npm; npm login
修改版本号，修改 lib 下的 package.json 的版本号，再修改 packages 下的 package.json 的版本号
执行 yarn b
进入到 dist/xhh-design 执行 npm publish

2024-02-01

发版时如果遇到问题： npm cache clean --force cd ~ ll rm -rf .npm npm log npm help rm -rf ~/.npmrc npm config list npm config delete registry npm config ls -l npm login npm publish

尝试删除以前的配置，在输入 npm login 时出现输入用户名密码邮箱时即可成功发版

方法 2 连接个人热点，执行 npm login 再执行 npm publish

方法 3 10831 npm config set registry https://registry.npmmirror.com 10833 npm config set registry https://registry.npmjs.org/

切换了一下这个源

切换了一下网络

执行了 npm config delete registry

npm cache clean --force

再次执行 npm login

检查版本是否已经同步 npm view xhh-design version cnpm view xhh-design version