Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@gm-pc/locales

gmfe938ISC1.24.7TypeScript support: included

null

readme

gm-pc

观麦新架构组件库,采用lerna分包管理,👉 预览地址

NPM version NPM downloads

⌨️ 本地开发

git clone git@github.com:gmfe/gm-pc.git
cd gm-pc
# 安装依赖
yarn

# 各个包的依赖安装
lerna bootstrap

# 项目启动
yarn start

打开浏览器访问 http://localhost:7000

在每个文件夹下面的 stories.tsx 编写示例代码

✨ 一些主要的packages

@gm-pc/business

这里存放和业务强相关的组件

@gm-pc/locales

处理多语言的

@gm-pc/react

组件库

@gm-pc/table-x

列表相关的

@gm-pc/keyboard

键盘操作相关的

🔨 示例

import { Button, Input } from '@gm-pc/react'
const App = () => (
  <>
    <Button type="primary">点击</Button>
    <Input />
  </>
);

changelog

参照antd前缀字符

  • 🔥:支持新特性
  • 🐞:修复bug
  • 💄:样式修改
  • 🛠:优化或重构

1.7.0

2021-12-21

  • 🔥 table-x 增加indexTableHoc, ,通过配置prop为isIndex自动增加序号列。#68 @bozouai

    1.6.3

    2021-12-10
  • 🔥 column加上isKeyboard的prop #65 @bozouai
  • 🐞 修复BoxPanelmap时没加key导致警告 #66 @bozouai

    1.6.2

2021-12-01

  1. 🔥 table的column增加hide字段,用于隐藏列 #62 @bozouai
  2. 🔥 Tabs的每一项增加hide字段,用于隐藏该tab #64 @bozouai
  3. 🔥 Table增加rowSelect,支持点击行选择,demo参照table.stories [#61][https://github.com/gmfe/gm-pc/pull/61] @bozouai

全新库

3.0.0

breaking change

  1. TableSelect 的 selected 由选传修改为必传;

  2. Sortable 和 GroupSortable 的 onChange 由选传修改为必传;

  3. @gm-pc/table-x 的 Th 内部实现的 SortHeader 废弃;

  4. 由于 TypeScript 目前不支持带泛型参数的React.memo [@type/react] Generic Props lost with React memo ,所以内部包裹了一层实现typedMemo

  5. 由于 TypeScript 不支持 react-table 中 accessor 中的嵌套定义,请使用以下方法替代:

    import { Columns } from 'react-table'
    
    interface InitialDataItem {
      address: {
        text: string
        value: number
      }
    }
    
    const columns: Columns<InitialDataItem>[] = [
      {
        ...
        accessor: 'address.text' as any // 使用断言的方式绕过 TSC 对类型的校验
        // 或者
        // @ts-ignore
        accessor: 'address.text' // 禁用掉 TSC 对下一行代码的校验
      }
    ]
  6. 在使用 DiyTableX 时,如果传入的 accessor 是一个 function,请提供唯一的 id

  7. 在使用 SelectTableX 的子组件 BatchActionBar 时,count 不再需要手动去除来切换当前页和全部页;

  8. 全键盘 keyboardTableHoc 修改为 keyboardTableHOC,同时不再维护,请迁移使用 keyboardTableXHOC;

  9. 由于 TypeScript 启动了 isoluatedModules(该选项是为了确保当前程序可以被 babel 正确编译),babel 在编译中将会对所有的 interface 或 type 报出没有该模块的警告。为了解决该问题,所有导出的类型都需要修改为

    // a.ts
    interface AProps {}
    export type { AProps }
    
    // b.ts
    import type { AProps } from './a'

    TypeScript 仅仅导入声明语法