otc-comp-pc v0.3.2-alpha.4

otc-comp-pc

交易中心-公共-业务组件

📦 下载/安装

# 使用 npm 安装
npm install otc-comp-pc

# 使用 yarn 安装
yarn add otc-comp-pc

🔨 已有组件使用

MOCK 及 DEV 环境切换

可以使用暴露的 setIsMock(boolean) 方法切换 Mock 及 Dev 模式，当前库的 Mock 是无 Http 请求，Mock 数据纯由内部模拟函数请求获取

PS: 尽量以环境变量控制这个模式的切换，和项目的保持统一

本地开发

端口号：一般为8080

babel 配置按需加载

仅在0.3.0支持

• babel-plugin-import

{
  "plugins": [
    [
      'import',
          { libraryName: 'otc-comp-pc', camel2DashComponentName: false, customName: (name, file)=>{
            if (name === 'commonFunc'){ // commonFunc非组件而是工具方法类
              return 'otc-comp-pc/es/util.js';
            }
            return `otc-comp-pc/es/components/${name}`
          }}
      ]
  ]
}

🤝 开发

开发需要了解以下情况：

• 在根目录下执行 yarn dev 会启动开发服务器，此时会在浏览器中展示 不同组件 的真实效果，在 /src/components 下的修改都会进行热更新

• example/index.js, index.html, 主要组件代码在 src/components 下

打包发布：

• yarn build
• npm publish

发票填写组件

/**
 * 发票信息
 * formItemLayout: {} // 非必填，表单布局
 * isZeroTax: true/false // 非必填，是否含0税率，默认false
 * getForm: {} // 必填，表单项内容
 * invoiceInfo: {} // 必填，返给父组件的发票信息
 * setinvoiceInfo: func // 必填，父组件的发票信息设置
 */
<InvoiceInfo
  getForm={setinvoiceForm}
  isZeroTax={isZeroTax}
  invoiceInfo={invoiceInfo}
  setinvoiceInfo={setinvoiceInfo}
/>

如果默认信息发票类型或发票抬头类型为空，则默认 发票类型：电子；发票抬头类型：企业

const invoiceInfo = {
  invoiceType: '发票类型', // 默认发票类型是电子票，发票抬头类型是企业 (或传数组,数组则展示发票信息合集)，该组件不支持未指定、其他 发票类型，默认未电子票。
  invoiceTitleType: '发票抬头类型',
  title: '发票抬头',
  taxNo: '税号',
  address: '地址',
  phone: '电话',
  bankName: '银行',
  bankAccount: '账号',
  remark: '备注',
};