cf-custom-ui
v1.1.1
Published
### 长风自定义组件说明-2024.04.02 #### 1. changPsw - 说明：强制更改密码组件（应用：登录密码超过30天未修改，强制跳转到此界面） - 用法： 执行安装命令 ``` npm install cf-custom-ui ``` 然后再main.js引用全局注册 ``` import cf-custom-ui from 'cf-custom-ui'
Readme
cf-custom-ui
长风自定义组件说明-2024.04.02
1. changPsw
说明：强制更改密码组件（应用：登录密码超过30天未修改，强制跳转到此界面）
用法： 执行安装命令
npm install cf-custom-ui然后再main.js引用全局注册
import cf-custom-ui from 'cf-custom-ui' Vue.use(cf-custom-ui)然后再需要使用的页面使用即可
<cf-change-psw :show="showDialog" @close="closeDialog"></cf-change-psw>参数说明：
参数 | 说明|类型| 可选值| 默认值 -------- | -----| -----| -----| ----- show | 弹框显隐初始化|boolean||false theme | 主题样式（内置了两个颜色主题：白色、蓝色）|string|primary/white|white loginInfo | 用户登录信息，需包含一下信息{username: "",password: "",pswDay: ""}|object|| validImg | 验证码图片值|string||
方法说明： 方法 | 说明|参数| -------- | -----| -----| changePassword |提交更改密码 |（username,oldPassword,newPassword）三个参数：用户名，旧密码，新密码 updateValid|刷新验证码 |1 （定值不变） close |关闭弹窗事件 |
组件效果
打包到npm步骤
1. 打包
npm run package执行npm run package 命令进行打包，执行成功后会在目录下生成一个文件
2. 生成配置文件
cd cf-custom-ui
npm init -y进入刚才生成的文件夹，进入命令 cd cf-custom-ui ， 执行初始化命令 npm init -y ，会生成package.json, 在package.json可以写一些配置。
优化，只保留我们需要的文件，并新建 readme.md 写上组件使用说明。
3. npm账号登录
使用npm adduser 命令添加npm账号，如果没有自行到npm注册一个账号即可
4. 上传插件
npm publish
在打包目录下使用 npm publish，上传插件到npm平台
5. 版本更新
如果更新组件，需要修改version版本号，版本号要比上次的大，否则无法上传
