@regenbio/regenbio-components-react 1.2.16 → 1.2.17

package/packages/descriptions/README.md

@@ -1,53 +0,0 @@
-# @ant-design/pro-descriptions
-
-> Advanced description list component, providing a more convenient and faster solution to build description lists.
-
-See our website [@ant-design/pro-descriptions](https://procomponent.ant.design/) for more information.
-
-ProDescriptions was created to solve the problem of having to write a lot of sample code for Descriptions in a project, so it encapsulates a lot of common logic in it. Writing a Descriptions in React inevitably requires defining some of the same properties. So ProDescriptions by default encapsulates the logic of requesting network, columns display.
-
-For example, if ProDescriptions encapsulates the behavior of the request network, ProDescriptions will bring the data in props.params into the request by default, and if the interface happens to be the same as our definition, it will be very easy to implement a query.
-
-```tsx | pure
-import request from 'umi-request';
-
-const fetchData = (params) =>
-  request<{
-    data: T{};
-  }>('https://proapi.azurewebsites.net/github/issues', {
-    params,
-  });
-
-const keyWords = "Ant Design"
-
-<ProDescriptions<T,U> request={fetchData} />;
-```
-
-We agree that request has one parameter and `params` will take its own `params` in props. The type is as follows:
-
-```tsx | pure
-(params: U) => RequestData;
-```
-
-There are also conventions for ProDescriptions with the results of the request back, of the following type.
-
-```tsx | pure
-interface RequestData {
-  data: Datum{};
-  success: boolean;
-}
-```
-
-## Install
-
-Using npm:
-
-```bash
-$ npm install --save  @ant-design/pro-descriptions
-```
-
-or using yarn:
-
-```bash
-$ yarn add @ant-design/pro-descriptions
-```

package/packages/descriptions/package.json

@@ -1,60 +0,0 @@
-{
-  "name": "@ant-design/pro-descriptions",
-  "version": "2.6.2",
-  "description": "@ant-design/pro-descriptions",
-  "keywords": [
-    "antd",
-    "admin",
-    "ant-design",
-    "ant-design-pro"
-  ],
-  "homepage": "https://github.com/ant-design/pro-components/tree/master/packages/descriptions#readme",
-  "bugs": "http://github.com/umijs/plugins/issues",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ant-design/pro-components.git"
-  },
-  "license": "MIT",
-  "sideEffects": false,
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "types": "es/index.d.ts",
-  "files": [
-    "es",
-    "dist",
-    "lib"
-  ],
-  "scripts": {
-    "build": "father build"
-  },
-  "browserslist": [
-    "last 2 versions",
-    "Firefox ESR",
-    "> 1%",
-    "ie >= 11"
-  ],
-  "dependencies": {
-    "@ant-design/pro-field": "2.17.2",
-    "@ant-design/pro-form": "2.31.2",
-    "@ant-design/pro-provider": "2.15.2",
-    "@ant-design/pro-skeleton": "2.2.1",
-    "@ant-design/pro-utils": "2.16.2",
-    "@babel/runtime": "^7.18.0",
-    "rc-resize-observer": "^0.2.3",
-    "rc-util": "^5.0.6"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.4"
-  },
-  "peerDependencies": {
-    "antd": "^4.24.15 || ^5.11.2",
-    "react": ">=17.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "authors": [
-    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)",
-    "chenshuai2144 <qixian.cs@outlook.om> (https://github.com/chenshuai2144)"
-  ]
-}

package/packages/descriptions/src/components/descriptions.en-US.md

@@ -1,168 +0,0 @@
----
-title: ProDescriptions
-atomId: ProDescriptions
-nav:
-  title: ProDescriptions - 高级定义列表
-  order: 1
----
-
-# ProDescriptions
-
-## When to use
-
-The advanced description list component provides a more convenient and faster solution to build a description list.
-
-ProDescriptions was born to solve the problem of writing a lot of boilerplate code of Descriptions in the project, so many common logics are encapsulated in it. Writing a Descriptions in React will inevitably need to define some similar properties. So ProDescriptions encapsulates the request network by default, and the logic shown in the columns column.
-
-For example, ProDescriptions encapsulates the behavior of the request network, and ProDescriptions will bring the data in props.params into the request by default. If the interface happens to be the same as our definition, it will be very simple to implement a query.
-
-```tsx | pure
-import request from'umi-request';
-
-const fetchData = (params) =>
-  request<{
-    data: T{};
-  }>('https://proapi.azurewebsites.net/github/issues', {
-    params,
-  });
-
-const keyWords = "Ant Design"
-
-<ProDescriptions<T,U> request={fetchData} />;
-```
-
-We agree that request has a parameter, and `params` will carry the `params` in props. The types are as follows:
-
-```tsx | pure
-(params: U) => RequestData;
-```
-
-There are also some conventions on the ProDescriptions of the results returned by the request, the types are as follows:
-
-```tsx | pure
-interface RequestData {
-  data: Datum{};
-  success: boolean;
-}
-```
-
-## Code Demo
-
-### Basic definition list
-
-### Basic usage
-
-<code src="../demos/base.tsx" oldtitle="Basic definition list"></code>
-
-### Request data remotely
-
-Display the definition list by requesting interface data
-
-<code src="../demos/request.tsx" oldtitle="remote request data"></code>
-
-### columns configuration
-
-Display the definition list by requesting interface data and columns
-
-<code src="../demos/columns.tsx" oldtitle="columns configuration"></code>
-
-### format configuration
-
-Format the date according to format
-
-<code src="../demos/format.tsx" oldtitle="format configuration"></code>
-
-### dataSource configuration data
-
-ProDescriptions supports the same dataSource as Table
-
-<code src="../demos/use-data-source.tsx" oldtitle="dataSource configuration data"></code>
-
-### Editable definition list
-
-API is the same as ProTable
-
-<code src="../demos/editable.tsx" oldtitle="Editable definition list"></code>
-
-## API
-
-### ProDescriptions
-
-> For more features, see [Descriptions](https://ant.design/components/descriptions-cn/) of antd
-
-| Parameters | Description | Type | Default Value |
-| --- | --- | --- | --- |
-| title | The title of the description list, displayed at the top | `ReactNode` | - |
-| tooltip | Supplementary description of the content, displayed after hover | `string` | - |
-| loading | Display a loaded skeleton screen, the skeleton screen and dom will not correspond one-to-one | `boolean` | - |
-| extra | Describe the operation area of ​​the list, displayed on the upper right | `string` \| `ReactNode` | - |
-| bordered | Whether to display the border | boolean | false |
-| column | The number of `ProDescriptionsItems` in a row, can be written as pixel value or support responsive object writing `{ xs: 8, sm: 16, md: 24}` | number | 3 |
-| size | Set the size of the list. Can be set to `middle`, `small`, or left blank (only setting `bordered={true}` takes effect) | `default` \| `middle` \| `small` | - |
-| layout | Description layout | `horizontal` \| `vertical` | `horizontal` |
-| colon | Configure the default value of `colon` of `ProDescriptions.Item` | boolean | true |
-| request | Request data, when columns are not set, ProDescriptions.Item needs to set the corresponding dataIndex | - | - |
-| onRequestError | Handling request errors, by default an error will be thrown directly | - | - |
-| columns | Column definition, used with request [columns](/components/table#columns) | - | - |
-| editable | Editable related configuration | [EditableConfig](#editable-edit-configuration) | - |
-
-### editable edit configuration
-
-| Property | Description | Type | Default Value |
-| --- | --- | --- | --- |
-| form | The form instance of the editable form, use `Form.useForm` to generate and use | `FormInstance` | - |
-| formProps | form properties can be configured, but onFinish is not supported | [\`FormProps'](https://procomponents.ant.design/components/form#proform) | - |
-| editableKeys | Row being edited, controlled attributes. The default`key` will use the configuration of `rowKey`, if there is no configuration, it will use the`index`,it is recommended to use rowKey | `Key[]` | - |
-| onChange | Triggered when row data is modified | `(editableKeys: Key[], editableRows: T[]) => void` | - |
-| onSave | Triggered when a row is saved | `(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>` | - |
-| onDelete | Triggered when a row is deleted | `(key: Key, row: T) => Promise<any>` | - |
-| onCancel | Triggered when cancel editing a line | `(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>` | - |
-| actionRender | Custom edit mode action bar | `(row: T, config: ActionRenderConfig,defaultDom) => ReactNode[]` | - |
-| deletePopconfirmMessage | The pop-up confirmation box prompt message when deleting | `ReactNode` | `Delete this line?` |
-| onlyOneLineEditorAlertMessage | Only one line can be edited | `ReactNode` | `Only one line can be edited at the same time` |
-| onlyAddOneLineAlertMessage | Only one line can be added at the same time | `ReactNode` | `Only add one line` |
-
-### ProDescriptions.Item
-
-| Parameters | Description | Type | Default Value |
-| --- | --- | --- | --- |
-| label | Description of content | ReactNode | - |
-| tooltip | Supplementary description of the content, displayed after hover | string | - |
-| ellipsis | Whether to abbreviate automatically | `boolean` | - |
-| copyable | Whether to support copying | `boolean` | - |
-| span | number of columns included | number | 1 |
-| valueType | Formatted type | `ValueType` | - |
-| valueEnum | Enumeration of current column values ​​[valueEnum](/components/table#valueenum) | `Record` | - |
-| request | Request enumerated data from the network | `()=>Promise<{[key:string`\|`number]:any}>` | - |
-| dataIndex | The key of the returned data is used in conjunction with the request of ProDescriptions for the definition list of the profile | `React.Text` \| `React.Text[]` | - |
-| editable | Whether it is editable in the edit table, the parameters of the function are the same as the render of the table | `false` \| `(text: any, record: T,index: number) => boolean` | true |
-
-> span is the number of Description.Item. span={2} will occupy the width of two DescriptionItem.
-
-### ActionRef
-
-We need to manually trigger the update of the description list when performing an operation or tab switching. It is difficult to solve this problem with pure props, so we provide a ref to support some default operations.
-
-```tsx | pure
-const ref = useRef<ActionType>();
-
-// refresh every two seconds
-useEffect(() => {
-  setInterval(() => {
-    ref.current.reload();
-  }, 2000);
-}, []);
-
-// hooks binding
-<ProDescriptions actionRef={ref} />;
-
-// class
-<ProDescriptions actionRef={(ref) => (this.ref = ref)} />;
-```
-
-`ActionRef` also supports some other behaviors, which will reduce your coding cost in some cases, but ref will break away from the life cycle of react, so these actions are not controlled.
-
-```tsx | pure
-// refresh
-ref.current.reload();
-```

package/packages/descriptions/src/components/descriptions.md

@@ -1,173 +0,0 @@
----
-title: ProDescriptions - 定义列表
-atomId: ProDescriptions
-order: 1
----
-
-# ProDescriptions - 高级定义列表
-
-## 何时使用
-
-高级描述列表组件，提供一个更加方便快速的方案来构建描述列表。
-
-ProDescriptions 的诞生是为了解决项目中需要写很多 Descriptions 的样板代码的问题，所以在其中封装了很多常用的逻辑。在 React 中写一个 Descriptions 免不了需要定义一些雷同的属性。所以 ProDescriptions 默认封装了请求网络，columns 列展示的逻辑。
-
-比如 ProDescriptions 封装了请求网络的行为，ProDescriptions 会将 props.params 中的数据默认带入到请求中，如果接口恰好与我们的定义相同，实现一个查询会非常简单。
-
-```tsx | pure
-import request from 'umi-request';
-
-const fetchData = (params) =>
-  request<{
-    data: T{};
-  }>('https://proapi.azurewebsites.net/github/issues', {
-    params,
-  });
-
-const keyWords = "Ant Design"
-
-<ProDescriptions<T,U> request={fetchData} />;
-```
-
-我们约定 request 拥有一个参数， `params` 会自带 props 中的 `params` 。类型如下:
-
-```tsx | pure
-(params: U) => RequestData;
-```
-
-对于请求回来的结果，ProDescriptions 也有一些约定，类型如下：
-
-```tsx | pure
-interface RequestData {
-  data: Datum{};
-  success: boolean;
-}
-```
-
-## 代码演示
-
-### 基础定义列表
-
-### 基本使用
-
-<code src="../demos/base.tsx" title="基础定义列表" ></code>
-
-### 数组类型 dataIndex
-
-<code src="../demos/arrayDataIndex.tsx" title="数组类型dataIndex" ></code>
-
-### 格式化配置
-
-根据配置格式化日期
-
-<code src="../demos/format.tsx" title="format configuration" ></code>
-
-### 远程请求数据
-
-通过请求接口数据来展示定义列表
-
-<code src="../demos/request.tsx" title="远程请求数据" ></code>
-
-### columns 配置
-
-通过请求接口数据和 columns 来展示定义列表
-
-<code src="../demos/columns.tsx" title="columns 配置" ></code>
-
-### dataSource 配置数据
-
-ProDescriptions 支持了和 Table 相同的 dataSource
-
-<code src="../demos/use-data-source.tsx" title="dataSource 配置数据" ></code>
-
-### 可编辑的定义列表
-
-API 与 ProTable 相同
-
-<code src="../demos/editable.tsx" title="可编辑的定义列表" ></code>
-
-## API
-
-### ProDescriptions
-
-> 更多功能查看 antd 的 [Descriptions](https://ant.design/components/descriptions-cn/)
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| title | 描述列表的标题，显示在最顶部 | `ReactNode` | - |
-| tooltip | 内容的补充描述，hover 后显示 | `string` | - |
-| loading | 展示一个加载的骨架屏，骨架屏和 dom 不会一一对应 | `boolean` | - |
-| extra | 描述列表的操作区域，显示在右上方 | `string` \| `ReactNode` | - |
-| bordered | 是否展示边框 | boolean | false |
-| column | 一行的 `ProDescriptionsItems` 数量，可以写成像素值或支持响应式的对象写法 `{ xs: 1, sm: 2, md: 3}` | number | 3 |
-| size | 设置列表的大小。可以设置为 `middle` 、`small`，或不填（只有设置 `bordered={true}` 生效） | `default` \| `middle` \| `small` | - |
-| layout | 描述布局 | `horizontal` \| `vertical` | `horizontal` |
-| colon | 配置 `ProDescriptions.Item` 的 `colon` 的默认值 | boolean | true |
-| request | 请求数据，不设置 columns 时 ProDescriptions.Item 需设置对应的 dataIndex | - | - |
-| onRequestError | 处理 request 的错误，默认会直接抛出错误 | - | - |
-| columns | 列定义，与 request 配合使用 [columns](/components/table#columns) | - | - |
-| editable | 编辑的相关配置 | [EditableConfig](#editable-编辑配置) | - |
-
-### editable 编辑配置
-
-| 属性 | 描述 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| form | 可编辑表格的 form 实例，使用 `Form.useForm` 生成后使用 | `FormInstance` | - |
-| formProps | 可以配置 form 的属性，但是不支持 onFinish | [`FormProps`](https://procomponents.ant.design/components/form#proform) | - |
-| editableKeys | 正在编辑的行，受控属性。 默认 `key` 会使用 `rowKey` 的配置，如果没有配置会使用 `index`，建议使用 rowKey | `Key[]` | - |
-| onChange | 行数据被修改的时候触发 | `(editableKeys: Key[], editableRows: T[]) => void` | - |
-| onSave | 保存一行的时候触发 | `(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>` | - |
-| saveText | 保存一行的文字 | `React.ReactNode` | `保存` |
-| onDelete | 删除一行的时候触发 | `(key: Key, row: T) => Promise<any>` | - |
-| deleteText | 删除一行的文字 | `React.ReactNode` | `删除` |
-| onCancel | 取消编辑一行时触发 | `(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>` | - |
-| cancelText | 取消编辑一行的文字 | `React.ReactNode` | `取消` |
-| actionRender | 自定义编辑模式的操作栏 | `(row: T, config: ActionRenderConfig,defaultDom) => ReactNode[]` | - |
-| deletePopconfirmMessage | 删除时弹出的确认框提示消息 | `ReactNode` | `删除此项？` |
-| onlyOneLineEditorAlertMessage | 只能编辑一行的的提示 | `ReactNode` | `只能同时编辑一行` |
-| onlyAddOneLineAlertMessage | 只能同时新增一行的提示 | `ReactNode` | `只能新增一行` |
-
-### ProDescriptions.Item
-
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| label | 内容的描述 | ReactNode | - |
-| tooltip | 内容的补充描述，hover 后显示 | string | - |
-| ellipsis | 是否自动缩略 | `boolean` | - |
-| copyable | 是否支持复制 | `boolean` | - |
-| span | 包含列的数量 | number | 1 |
-| valueType | 格式化的类型 | `ValueType` | - |
-| valueEnum | 当前列值的枚举 [valueEnum](/components/table#valueenum) | `Record` | - |
-| request | 从网络请求枚举数据 | `()=>Promise<{[key:string`\|`number]:any}>` | - |
-| dataIndex | 返回数据的 key 与 ProDescriptions 的 request 配合使用，用于配置式的定义列表 | `React.Text` \| `React.Text[]` | - |
-| editable | 在编辑表格中是否可编辑的，函数的参数和 table 的 render 一样 | `false` \| `(text: any, record: T,index: number) => boolean` | true |
-
-> span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。
-
-### ActionRef
-
-在进行了操作，或者 tab 切换等时候我们需要手动触发一下描述列表的更新，纯粹的 props 很难解决这个问题，所以我们提供一个 ref 来支持一些默认的操作。
-
-```tsx | pure
-const ref = useRef<ActionType>();
-
-// 两秒刷新一次
-useEffect(() => {
-  setInterval(() => {
-    ref.current.reload();
-  }, 2000);
-}, []);
-
-// hooks 绑定
-<ProDescriptions actionRef={ref} />;
-
-// class
-<ProDescriptions actionRef={(ref) => (this.ref = ref)} />;
-```
-
-`ActionRef` 还支持了一些别的行为，某些时候会减少的你的编码成本，但是 ref 会脱离 react 的生命周期，所以这些 action 都是不受控的。
-
-```tsx | pure
-// 刷新
-ref.current.reload();
-```

package/packages/descriptions/src/demos/arrayDataIndex.tsx

@@ -1,66 +0,0 @@
-import type { ProDescriptionsActionType } from '@ant-design/pro-components';
-import { ProDescriptions } from '@ant-design/pro-components';
-import { Button } from 'antd';
-import { useRef } from 'react';
-
-export default () => {
-  const actionRef = useRef<ProDescriptionsActionType>();
-  return (
-    <ProDescriptions
-      actionRef={actionRef}
-      title="高级定义列表 request"
-      request={async () => {
-        return Promise.resolve({
-          success: true,
-          data: {
-            info: {
-              id: '这是一段文本',
-              date: '20200730',
-              money: '12121',
-            },
-          },
-        });
-      }}
-      editable={{
-        onSave: async (keypath, newInfo, oriInfo) => {
-          console.log(keypath, newInfo, oriInfo);
-          return true;
-        },
-      }}
-    >
-      <ProDescriptions.Item
-        formItemProps={{
-          rules: [
-            {
-              required: true,
-              message: '此项为必填项',
-            },
-          ],
-        }}
-        dataIndex={['info', 'id']}
-      />
-      <ProDescriptions.Item
-        dataIndex={['info', 'date']}
-        label="日期"
-        valueType="date"
-      />
-      <ProDescriptions.Item
-        label="money"
-        dataIndex={['info', 'money']}
-        valueType="money"
-      />
-      <ProDescriptions.Item label="文本" valueType="option">
-        <Button
-          type="primary"
-          onClick={() => {
-            actionRef.current?.reload();
-          }}
-          key="reload"
-        >
-          刷新
-        </Button>
-        <Button key="rest">重置</Button>
-      </ProDescriptions.Item>
-    </ProDescriptions>
-  );
-};

package/packages/descriptions/src/demos/base.demo-test.tsx

@@ -1,36 +0,0 @@
-import { ProDescriptions } from '@ant-design/pro-components';
-import { Button } from 'antd';
-
-export default () => {
-  return (
-    <>
-      <ProDescriptions.Item label="文本" valueType="option">
-        <Button key="primary" type="primary">
-          提交
-        </Button>
-      </ProDescriptions.Item>
-      <ProDescriptions
-        column={2}
-        title="高级定义列表"
-        tooltip="包含了从服务器请求，columns等功能"
-        request={async () => ({
-          data: [{ id: 1, money: 12345 }],
-          success: true,
-        })}
-        columns={[
-          {
-            title: () => '文本 2',
-            key: 'text',
-            dataIndex: 'id',
-          },
-          {
-            title: 'money',
-            key: 'money',
-            dataIndex: 'money',
-            valueType: { type: 'money', showSymbol: false },
-          },
-        ]}
-      />
-    </>
-  );
-};

package/packages/descriptions/src/demos/base.tsx

@@ -1,115 +0,0 @@
-import { ProDescriptions } from '@ant-design/pro-components';
-import { Button } from 'antd';
-import dayjs from 'dayjs';
-
-export default () => {
-  return (
-    <ProDescriptions
-      column={2}
-      title="高级定义列表"
-      tooltip="包含了从服务器请求，columns等功能"
-    >
-      <ProDescriptions.Item valueType="option">
-        <Button key="primary" type="primary">
-          提交
-        </Button>
-      </ProDescriptions.Item>
-      <ProDescriptions.Item
-        span={2}
-        valueType="text"
-        contentStyle={{
-          maxWidth: '80%',
-        }}
-        renderText={(_) => {
-          return _ + _;
-        }}
-        ellipsis
-        label="文本"
-      >
-        这是一段很长很长超级超级长的无意义说明文本并且重复了很多没有意义的词语，就是为了让它变得很长很长超级超级长
-      </ProDescriptions.Item>
-      <ProDescriptions.Item
-        label="金额"
-        tooltip="仅供参考，以实际为准"
-        valueType="money"
-      >
-        100
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="百分比" valueType="percent">
-        100
-      </ProDescriptions.Item>
-      <ProDescriptions.Item
-        label="选择框"
-        valueEnum={{
-          all: { text: '全部', status: 'Default' },
-          open: {
-            text: '未解决',
-            status: 'Error',
-          },
-          closed: {
-            text: '已解决',
-            status: 'Success',
-          },
-          processing: {
-            text: '解决中',
-            status: 'Processing',
-          },
-        }}
-      >
-        open
-      </ProDescriptions.Item>
-      <ProDescriptions.Item
-        label="远程选择框"
-        request={async () => [
-          { label: '全部', value: 'all' },
-          { label: '未解决', value: 'open' },
-          { label: '已解决', value: 'closed' },
-          { label: '解决中', value: 'processing' },
-        ]}
-      >
-        closed
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="进度条" valueType="progress">
-        40
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="日期时间" valueType="dateTime">
-        {dayjs().valueOf()}
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="日期" valueType="date">
-        {dayjs().valueOf()}
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="日期区间" valueType="dateTimeRange">
-        {[dayjs().add(-1, 'd').valueOf(), dayjs().valueOf()]}
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="时间" valueType="time">
-        {dayjs().valueOf()}
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="代码块" valueType="code">
-        {`
-yarn run v1.22.0
-$ eslint --format=pretty ./packages
-Done in 9.70s.
-          `}
-      </ProDescriptions.Item>
-      <ProDescriptions.Item label="JSON 代码块" valueType="jsonCode">
-        {`{
-  "compilerOptions": {
-    "target": "esnext",
-    "moduleResolution": "node",
-    "jsx": "preserve",
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noImplicitReturns": true,
-
-    "declaration": true,
-    "skipLibCheck": true
-  },
-  "include": ["**/src", "**/docs", "scripts", "**/demo", ".eslintrc.js"]
-}
-`}
-      </ProDescriptions.Item>
-    </ProDescriptions>
-  );
-};