@bit-sun/business-component 2.4.19 → 2.4.21

package/src/components/Business/columnSettingTable/index.md

@@ -1,358 +1,358 @@
----
-nav:
-  title: '组件1'
-  order: 1
-group:
-  title: 业务组件
-  order: 1
-title: 列设置表格
-order: 2
----
-
-# 详情页表格列设置
-
-
-## antd列设置表格
-
-```tsx
-import React, { useState } from 'react';
-import { ColumnSettingTable } from '../../../index.ts';
-
-export default () => {
-  const columns = [
-      {
-        dataIndex: 'lineNo',
-        title: '行号',
-        width: 80,
-        fixed: 'left',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'skuName',
-        title: '商品名称',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'spuCode',
-        title: '商品代码',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: true,
-        },
-      },
-      {
-        dataIndex: 'skuCode',
-        title: 'SKU',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: true,
-        },
-      },
-      {
-        dataIndex: 'skuSpec',
-        title: '商品规格',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'barCode',
-        title: '条码',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'executeAmount',
-        title: '可执行数量',
-      },
-      {
-        dataIndex: 'planAmount',
-        title: '数量',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'baseUnitCode',
-        title: '单位',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'completeAmount',
-        title: '累计入库数量',
-      },
-      {
-        dataIndex: 'reverseNumber',
-        title: '累计退货数量',
-      },
-      {
-        dataIndex: 'taxRate',
-        title: '税率',
-      },
-      {
-        dataIndex: 'taxAmount',
-        title: '税额',
-      },
-      {
-        dataIndex: 'standardPrice',
-        title: '标准单价',
-      },
-    ]
-  const config = {
-    scroll: {
-      x: '100%',
-    },
-    rowKey: 'id',
-    dataSource: [{}, {}],
-    pagination: {
-      showTotal: (total: any) => `共 ${total} 条`,
-      showQuickJumper: true,
-      hideOnSinglePage: true,
-      current: 1,
-      pageSize: 10,
-      total: 10,
-      size: 'small'
-    },
-    rowSelection: {
-    },
-    summary: () => {
-      return {
-        diy: true,
-        cont: [
-          {
-            key: 'spuCode',
-            value: 100,
-          },
-          {
-            key: 'skuSpec',
-            value: 200,
-          },
-          {
-            key: 'executeAmount',
-            value: 300,
-          },
-          {
-            key: 'completeAmount',
-            value: 300,
-          },
-          {
-            key: 'taxAmount',
-            value: 300,
-          },
-          {
-            key: 'standardPrice',
-            value: 300,
-          },
-        ],
-      }
-    },
-    dynamicColumns: [
-      {
-        key: 'expectTime',
-      },
-      {
-        key: 'planAmount',
-      },
-      {
-        key: 'price',
-      },
-    ],
-    columns,
-    tableCode: 'uniquecode-1',
-  }
-  return (
-    <ColumnSettingTable
-      {
-        ...config
-      }
-    />
-
-  );
-};
-```
-
-## sula列设置表格
-
-```tsx
-import React, { useState } from 'react';
-import { SulaColumnSettingTable } from '../../../index.ts';
-
-export default () => {
-  const settingTableRef = React.useRef(null);
-  const columns = [
-      {
-        dataIndex: 'lineNo',
-        title: '行号',
-        width: 80,
-        fixed: 'left',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'skuName',
-        title: '商品名称',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'spuCode',
-        title: '商品代码',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: true,
-        },
-      },
-      {
-        dataIndex: 'skuCode',
-        title: 'SKU',
-        fixed: 'left',
-        ellipsis: {
-          showTitle: true,
-        },
-      },
-      {
-        dataIndex: 'skuSpec',
-        title: '商品规格',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'barCode',
-        title: '条码',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'executeAmount',
-        title: '可执行数量',
-      },
-      {
-        dataIndex: 'planAmount',
-        title: '数量',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'baseUnitCode',
-        title: '单位',
-        ellipsis: {
-          showTitle: false,
-        },
-      },
-      {
-        dataIndex: 'completeAmount',
-        title: '累计入库数量',
-      },
-      {
-        dataIndex: 'reverseNumber',
-        title: '累计退货数量',
-      },
-      {
-        dataIndex: 'taxRate',
-        title: '税率',
-      },
-      {
-        dataIndex: 'taxAmount',
-        title: '税额',
-      },
-      {
-        dataIndex: 'standardPrice',
-        title: '标准单价',
-      },
-    ]
-  const config = {
-    modeType: 'view',
-    scroll: {
-      x: '100%',
-    },
-    rowKey: 'id',
-    // initialDataSource: [{}, {}],
-    remoteDataSource: {
-      url: 'xxxxxx',
-      converter: ({ data }: any) => {
-        return {
-          list: [{},{}],
-          total: 2
-        };
-      },
-    },
-    pagination: {
-      showTotal: (total: any) => `共 ${total} 条`,
-      showQuickJumper: true,
-      hideOnSinglePage: true,
-      current: 1,
-      pageSize: 10,
-      total: 10,
-      size: 'small'
-    },
-    rowSelection: {
-    },
-    summary: () => {
-      return {
-        diy: true,
-        cont: [
-          {
-            key: 'spuCode',
-            value: 100,
-          },
-          {
-            key: 'skuSpec',
-            value: 200,
-          },
-          {
-            key: 'executeAmount',
-            value: 300,
-          },
-          {
-            key: 'completeAmount',
-            value: 300,
-          },
-          {
-            key: 'taxAmount',
-            value: 300,
-          },
-          {
-            key: 'standardPrice',
-            value: 300,
-          },
-        ],
-      }
-    },
-    dynamicColumns: [
-      {
-        key: 'expectTime',
-      },
-      {
-        key: 'planAmount',
-      },
-      {
-        key: 'price',
-      },
-    ],
-    columns,
-    tableCode: 'uniquecode-1',
-  }
-  return (
-    <SulaColumnSettingTable
-      {
-        ...config
-      }
-      ref={settingTableRef}
-    />
-  );
-};
+---
+nav:
+  title: '组件1'
+  order: 1
+group:
+  title: 业务组件
+  order: 1
+title: 列设置表格
+order: 2
+---
+
+# 详情页表格列设置
+
+
+## antd列设置表格
+
+```tsx
+import React, { useState } from 'react';
+import { ColumnSettingTable } from '../../../index.ts';
+
+export default () => {
+  const columns = [
+      {
+        dataIndex: 'lineNo',
+        title: '行号',
+        width: 80,
+        fixed: 'left',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'skuName',
+        title: '商品名称',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'spuCode',
+        title: '商品代码',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: true,
+        },
+      },
+      {
+        dataIndex: 'skuCode',
+        title: 'SKU',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: true,
+        },
+      },
+      {
+        dataIndex: 'skuSpec',
+        title: '商品规格',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'barCode',
+        title: '条码',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'executeAmount',
+        title: '可执行数量',
+      },
+      {
+        dataIndex: 'planAmount',
+        title: '数量',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'baseUnitCode',
+        title: '单位',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'completeAmount',
+        title: '累计入库数量',
+      },
+      {
+        dataIndex: 'reverseNumber',
+        title: '累计退货数量',
+      },
+      {
+        dataIndex: 'taxRate',
+        title: '税率',
+      },
+      {
+        dataIndex: 'taxAmount',
+        title: '税额',
+      },
+      {
+        dataIndex: 'standardPrice',
+        title: '标准单价',
+      },
+    ]
+  const config = {
+    scroll: {
+      x: '100%',
+    },
+    rowKey: 'id',
+    dataSource: [{}, {}],
+    pagination: {
+      showTotal: (total: any) => `共 ${total} 条`,
+      showQuickJumper: true,
+      hideOnSinglePage: true,
+      current: 1,
+      pageSize: 10,
+      total: 10,
+      size: 'small'
+    },
+    rowSelection: {
+    },
+    summary: () => {
+      return {
+        diy: true,
+        cont: [
+          {
+            key: 'spuCode',
+            value: 100,
+          },
+          {
+            key: 'skuSpec',
+            value: 200,
+          },
+          {
+            key: 'executeAmount',
+            value: 300,
+          },
+          {
+            key: 'completeAmount',
+            value: 300,
+          },
+          {
+            key: 'taxAmount',
+            value: 300,
+          },
+          {
+            key: 'standardPrice',
+            value: 300,
+          },
+        ],
+      }
+    },
+    dynamicColumns: [
+      {
+        key: 'expectTime',
+      },
+      {
+        key: 'planAmount',
+      },
+      {
+        key: 'price',
+      },
+    ],
+    columns,
+    tableCode: 'uniquecode-1',
+  }
+  return (
+    <ColumnSettingTable
+      {
+        ...config
+      }
+    />
+
+  );
+};
+```
+
+## sula列设置表格
+
+```tsx
+import React, { useState } from 'react';
+import { SulaColumnSettingTable } from '../../../index.ts';
+
+export default () => {
+  const settingTableRef = React.useRef(null);
+  const columns = [
+      {
+        dataIndex: 'lineNo',
+        title: '行号',
+        width: 80,
+        fixed: 'left',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'skuName',
+        title: '商品名称',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'spuCode',
+        title: '商品代码',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: true,
+        },
+      },
+      {
+        dataIndex: 'skuCode',
+        title: 'SKU',
+        fixed: 'left',
+        ellipsis: {
+          showTitle: true,
+        },
+      },
+      {
+        dataIndex: 'skuSpec',
+        title: '商品规格',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'barCode',
+        title: '条码',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'executeAmount',
+        title: '可执行数量',
+      },
+      {
+        dataIndex: 'planAmount',
+        title: '数量',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'baseUnitCode',
+        title: '单位',
+        ellipsis: {
+          showTitle: false,
+        },
+      },
+      {
+        dataIndex: 'completeAmount',
+        title: '累计入库数量',
+      },
+      {
+        dataIndex: 'reverseNumber',
+        title: '累计退货数量',
+      },
+      {
+        dataIndex: 'taxRate',
+        title: '税率',
+      },
+      {
+        dataIndex: 'taxAmount',
+        title: '税额',
+      },
+      {
+        dataIndex: 'standardPrice',
+        title: '标准单价',
+      },
+    ]
+  const config = {
+    modeType: 'view',
+    scroll: {
+      x: '100%',
+    },
+    rowKey: 'id',
+    // initialDataSource: [{}, {}],
+    remoteDataSource: {
+      url: 'xxxxxx',
+      converter: ({ data }: any) => {
+        return {
+          list: [{},{}],
+          total: 2
+        };
+      },
+    },
+    pagination: {
+      showTotal: (total: any) => `共 ${total} 条`,
+      showQuickJumper: true,
+      hideOnSinglePage: true,
+      current: 1,
+      pageSize: 10,
+      total: 10,
+      size: 'small'
+    },
+    rowSelection: {
+    },
+    summary: () => {
+      return {
+        diy: true,
+        cont: [
+          {
+            key: 'spuCode',
+            value: 100,
+          },
+          {
+            key: 'skuSpec',
+            value: 200,
+          },
+          {
+            key: 'executeAmount',
+            value: 300,
+          },
+          {
+            key: 'completeAmount',
+            value: 300,
+          },
+          {
+            key: 'taxAmount',
+            value: 300,
+          },
+          {
+            key: 'standardPrice',
+            value: 300,
+          },
+        ],
+      }
+    },
+    dynamicColumns: [
+      {
+        key: 'expectTime',
+      },
+      {
+        key: 'planAmount',
+      },
+      {
+        key: 'price',
+      },
+    ],
+    columns,
+    tableCode: 'uniquecode-1',
+  }
+  return (
+    <SulaColumnSettingTable
+      {
+        ...config
+      }
+      ref={settingTableRef}
+    />
+  );
+};
 ```