feat: test

packages/test_cqj/README.md

+# `@wisdom-components/test_cqj`
+
+> TODO: description
+
+## Usage
+
+```
+const testCqj = require('@wisdom-components/test_cqj');
+
+// TODO: DEMONSTRATE API
+```

packages/test_cqj/package.json

+{
+  "name": "@wisdom-components/test_cqj",
+  "version": "1.0.0",
+  "description": "> TODO: description",
+  "author": "chenqianjian <939305299@qq.com>",
+  "homepage": "",
+  "license": "ISC",
+  "main": "lib/test_cqj.js",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npm.taobao.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://g.civnet.cn:8443/ReactWeb5/wisdom-components.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  }
+}

packages/test_cqj/src/index.js

+// eslint-disable-next-line no-unused-vars
+import React from 'react';
+import PropTypes from 'prop-types';
+import { List } from 'antd';
+
+const PandaList = (props) => {
+  return <List {...props} />;
+};
+
+PandaList.defaultProps = {
+  bordered: false,
+  className: 'panda-list',
+  dataSource: [],
+  footer: <div className="panda-list-footer" />,
+  grid: undefined,
+  header: <div className="panda-list-header" />,
+  itemLayout: undefined,
+  loading: false,
+  loadMore: undefined,
+  locale: { emptyText: '暂无数据' },
+  pagination: false,
+  renderItem: (item, index) => <List.Item key={index}>{item}</List.Item>,
+  size: 'default',
+  split: false,
+};
+
+PandaList.propTypes = {
+  bordered: PropTypes.bool, // 是否显示边框
+  className: PropTypes.string, // 类名称
+  dataSource: PropTypes.array, // 列表数据源
+  footer: PropTypes.element, // 列表尾部
+  grid: PropTypes.object, // 列表栅格配置
+  header: PropTypes.element, // 列表头部
+  itemLayout: PropTypes.string, // 	设置 List.Item 布局, 设置成 vertical 则竖直样式显示, 默认横排
+  loading: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]), // 当卡片内容还在加载中时，可以用 loading 展示一个占位
+  loadMore: PropTypes.element, // 加载更多
+  locale: PropTypes.object, // 默认文案设置，目前包括空数据文案
+  pagination: PropTypes.object, // 对应的 pagination 配置, 设置 false 不显示
+  renderItem: PropTypes.func, // 列表元素展示钩子
+  size: PropTypes.oneOf(['small', 'default', 'large']), // 	list 的尺寸
+  split: PropTypes.bool, // 	是否展示分割线
+};
+
+PandaList.Item = List.Item;
+PandaList.Item.Meta = List.Item.Meta;
+
+export default PandaList;

packages/test_cqj/src/test_cqj.md

+---
+title: ProList - 标准列表
+nav:
+  title: 组件
+  path: /components
+group:
+  path: /
+---
+
+# ProList 标准列表
+
+通用列表。
+
+# 何时使用
+
+- 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。.
+
+## 简单列表
+
+列表拥有大、中、小三种尺寸。
+
+通过设置 `size` 为 `large` `small` 分别把按钮设为大、小尺寸。若不设置 `size`，则尺寸为中。
+
+可通过设置 `header` 和 `footer`，来自定义列表头部和尾部。
+
+<code src="./demos/Simple.js">
+
+## 基础列表
+
+基础列表。
+
+<code src="./demos/Basis.js">
+
+## 分页列表
+
+分页列表。
+
+<code src="./demos/Pagination.js">
+
+## API
+
+### List
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+| bordered | 是否展示边框 | boolean | false |  |
+| dataSource | 列表数据源 | any\[] | - |  |
+| footer | 列表底部 | ReactNode | - |  |
+| grid | 列表栅格配置 | [object](#List-grid-props) | - |  |
+| header | 列表头部 | ReactNode | - |  |
+| itemLayout | 设置 `List.Item` 布局, 设置成 `vertical` 则竖直样式显示, 默认横排 | string | - |  |
+| loading | 当卡片内容还在加载中时，可以用 `loading` 展示一个占位 | boolean \| [object](/components/spin/#API) ([更多](https://github.com/ant-design/ant-design/issues/8659)) | false |  |
+| loadMore | 加载更多 | ReactNode | - |  |
+| locale | 默认文案设置，目前包括空数据文案 | object | {emptyText: `暂无数据`} |  |
+| pagination | 对应的 `pagination` 配置, 设置 false 不显示 | boolean \| object | false |  |
+| renderItem | 当使用 dataSource 时，可以用 `renderItem` 自定义渲染列表项 | (item) => ReactNode | - |  |
+| size | list 的尺寸 | `default` \| `large` \| `small` | `default` |  |
+| split | 是否展示分割线 | boolean | true |  |
+
+### pagination
+
+分页的配置项。
+
+| 参数     | 说明               | 类型                        | 默认值   |
+| -------- | ------------------ | --------------------------- | -------- |
+| position | 指定分页显示的位置 | `top` \| `bottom` \| `both` | `bottom` |
+
+更多配置项，请查看 [`Pagination`](/components/pagination/)。
+
+### List grid props
+
+| 参数   | 说明                 | 类型   | 默认值 | 版本 |
+| ------ | -------------------- | ------ | ------ | ---- |
+| column | 列数                 | number | -      |      |
+| gutter | 栅格间隔             | number | 0      |      |
+| xs     | `<576px` 展示的列数  | number | -      |      |
+| sm     | `≥576px` 展示的列数  | number | -      |      |
+| md     | `≥768px` 展示的列数  | number | -      |      |
+| lg     | `≥992px` 展示的列数  | number | -      |      |
+| xl     | `≥1200px` 展示的列数 | number | -      |      |
+| xxl    | `≥1600px` 展示的列数 | number | -      |      |
+
+### List.Item
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 |
+| --- | --- | --- | --- | --- |
+| actions | 列表操作组，根据 `itemLayout` 的不同, 位置在卡片底部或者最右侧 | Array&lt;ReactNode> | - |  |
+| extra | 额外内容, 通常用在 `itemLayout` 为 `vertical` 的情况下, 展示右侧内容; `horizontal` 展示在列表元素最右侧 | ReactNode | - |  |
+
+### List.Item.Meta
+
+| 参数        | 说明               | 类型      | 默认值 | 版本 |
+| ----------- | ------------------ | --------- | ------ | ---- |
+| avatar      | 列表元素的图标     | ReactNode | -      |      |
+| description | 列表元素的描述内容 | ReactNode | -      |      |
+| title       | 列表元素的标题     | ReactNode | -      |      |