@hzab/login-pc

组件模板

• [email protected]

• 注意：首次克隆先执行 npm run prepare 命令

组件

示例

import CompositeLogin from "@hzab/login-pc/components/CompositeLogin";
import PasswordLogin from "@hzab/login-pc/components/PasswordLogin";
      <CompositeLogin
        codeUrl={codeUrl}
        loginDM={loginDM}
        captchaDM={captchaDM}
        phoneLoginDM={phoneLoginDM}
        scanValidateDM={scanValidateDM}
        generateCodeDM={generateCodeDM}
        loginParams={loginParams}
        onLoginSuccess={onLoginSuccess}
      ></CompositeLogin>
      <PasswordLogin
        codeUrl={codeUrl}
        loginDM={loginDM}
        captchaDM={captchaDM}
        phoneLoginDM={phoneLoginDM}
        scanValidateDM={scanValidateDM}
        generateCodeDM={generateCodeDM}
        loginParams={loginParams}
        onLoginSuccess={onLoginSuccess}
      ></PasswordLogin>

API

InfoPanel Attributes

| 参数 | 类型 | 必填 | 默认值 | 说明 | | -------------- | --------- | ---- | ------ | -------------------- | | loginDM | DataModel | 是 | - | 密码登陆 | | captchaDM | DataModel | 是 | - | 获取验证码 | | phoneLoginDM | DataModel | 是 | - | 手机号登陆 | | scanValidateDM | DataModel | 是 | - | 二维码登录 | | generateCodeDM | DataModel | 是 | - | 获取二维码 UUID | | loginParams | DataModel | 否 | - | 登录携带的额外参数 | | codeUrl | DataModel | 是 | - | 生成二维码的前缀地址 | | onLoginSuccess | DataModel | 是 | - | 登录成功的回调 |

组件开发流程

• 在 config/webpack.config.js 中按需修改 library 配置的文件名
• 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
• 在 tsconfig.json 中按需修改 paths 配置的包名，解决 ts 报错问题
• npm run dev

文件目录

• example 本地开发测试代码
• src 组件源码

命令

• Mac 执行该命令，设置 pre-commit 为可执行文件

  • npm run mac-chmod
  • chmod +x .husky && chmod +x .husky/pre-commit

• 生成文档：npm run docs

• 本地运行：npm run dev

• 打包编译：npm run build

发布

• 注意：示例代码生效，但发布之后未生效。确认是否执行了编译！！！

• 编译组件：npm run build

• 命令：npm publish --access public

• 发布目录：

  • src

配置

配置文件

• 本地配置文件：config/config.js

webpack 配置文件

• config/webpack.config.js