@teamias/rex-design 0.0.1

package/dist/components/base-list-table/demo/VirtualDemo.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/base-list-table/demo/VirtualDemo.js

@@ -0,0 +1,548 @@
+import React from 'react';
+import { BaseListTable } from "../base-list-table";
+export default (function () {
+  return /*#__PURE__*/React.createElement(BaseListTable, {
+    defaultExpandAllCollapse: true,
+    rowSelection: {
+      getCheckboxProps: function getCheckboxProps(record) {
+        return {
+          disabled: record.key === 'parent_1075'
+        };
+      }
+    },
+    scroll: function scroll(h) {
+      return {
+        y: h
+      };
+    },
+    virtual: true,
+    headerRender: function headerRender(originNode) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, originNode, /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: 'red'
+        }
+      }, "\u81EA\u5B9A\u4E49\u5185\u5BB9"));
+    },
+    titleRender: function titleRender(item, index, originNode) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, originNode.checkboxNode, originNode.dataNode, /*#__PURE__*/React.createElement("span", {
+        style: {
+          flex: 1,
+          textAlign: 'right',
+          color: 'red'
+        }
+      }, "\u81EA\u5B9A\u4E49\u5185\u5BB9"));
+    },
+    fieldsConfig: [{
+      "title": "编号/状态",
+      "dataIndex": "status_name",
+      "key": "status_name"
+    }, {
+      "title": "SPU/组合SKU",
+      "dataIndex": "goods_spu_info",
+      "key": "goods_spu_info"
+    }, {
+      "title": "图片",
+      "dataIndex": "goods_image",
+      "key": "goods_image",
+      "align": 'center'
+    }, {
+      "title": "SKU/属性",
+      "dataIndex": "goods_sku_info",
+      "key": "goods_sku_info"
+    }, {
+      "title": "计划员",
+      "dataIndex": "planuser",
+      "key": "planuser"
+    }, {
+      "title": "供应商",
+      "dataIndex": "factory",
+      "key": "factory"
+    }, {
+      "title": "ASIN",
+      "dataIndex": "asin",
+      "key": "asin"
+    }, {
+      "title": "销量",
+      "dataIndex": "goods_sales",
+      "key": "goods_sales"
+    }, {
+      "title": "DMS",
+      "dataIndex": "goods_dms",
+      "key": "goods_dms"
+    }, {
+      "title": "毛利率",
+      "dataIndex": "gross_margin",
+      "key": "gross_margin"
+    }, {
+      "title": "售后率",
+      "dataIndex": "goods_rma",
+      "key": "goods_rma"
+    }],
+    dataSource: new Array(5000).fill(0).map(function (_, index) {
+      return {
+        "key": "parent_1075".concat(index),
+        "id": [{
+          "type": "text",
+          "props": {
+            "value": "1075-".concat(index),
+            "width": 200
+          },
+          "extra": {
+            "colSpan": 28
+          }
+        }],
+        "store_name": [{
+          "type": "text",
+          "props": {
+            "label": "目的仓",
+            "value": "国内备货仓",
+            "width": 200
+          }
+        }],
+        "planuser": [{
+          "type": "text",
+          "props": {
+            "label": "计划员",
+            "value": "",
+            "width": 200
+          }
+        }],
+        "label": [{
+          "type": "tag",
+          "props": {
+            "value": "加工"
+          }
+        }],
+        children: [{
+          "key": "1075_1102".concat(index),
+          "id": 1075,
+          "detail_id": 1102,
+          "status_name": [{
+            "type": "text",
+            "props": {
+              "value": 1075
+            },
+            "extra": {
+              "rowSpan": 2
+            }
+          }, {
+            "type": "tag",
+            "props": {
+              "value": "待处理"
+            }
+          }],
+          "goods_spu_info": [{
+            "type": "text",
+            "props": {
+              "label": "SPU",
+              "value": {
+                "type": "link",
+                "props": {
+                  "label": "CO576911",
+                  "value": "/"
+                }
+              }
+            },
+            "extra": {
+              "rowSpan": 2
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "label": "品名",
+              "value": "跨境新款车载垃圾桶带盖多功能车家两用置物收纳桶迷你汽车垃圾桶"
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "label": "买手",
+              "value": ""
+            }
+          }],
+          "store_name": [{
+            "type": "text",
+            "props": {
+              "value": "国内备货仓"
+            }
+          }],
+          "goods_image": [{
+            "type": "img",
+            "props": {
+              "value": "http://image.spocoo.com/881a5f295d399a1bfab9cd9a03173801.jpg"
+            }
+          }],
+          "goods_sku_info": [{
+            "type": "link",
+            "props": {
+              "label": "CO576911_01",
+              "value": "/"
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "value": "跨境新款车载垃圾桶带盖多功能车家两用置物收纳桶迷你汽车垃圾桶 黑色"
+            }
+          }, {
+            "type": "tag",
+            "props": {
+              "value": "加",
+              "color": "red"
+            }
+          }],
+          "planuser": [{
+            "type": "text",
+            "props": {
+              "value": ""
+            }
+          }],
+          "factory": [{
+            "type": "link",
+            "props": {
+              "label": "CO576911_01",
+              "value": "/"
+            }
+          }],
+          "asin": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }],
+          "goods_sales": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 /  / "
+            }
+          }],
+          "goods_dms": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }],
+          "gross_margin": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 / 0 / 0"
+            }
+          }],
+          "goods_rma": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 / 0 / 0"
+            }
+          }],
+          "goods_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "usable_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "having_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "unsellable_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "plan_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "process_ing_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "ship_wait_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "shiping_num": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "overseas_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "shiped_error_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "time_info": [{
+            "type": "text",
+            "props": {
+              "value": "1970-01-01 08:00:00(黄盛)"
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "value": "2025-03-12 15:54:26(黄盛)"
+            }
+          }],
+          "p_remark": [{
+            "type": "text",
+            "props": {
+              "value": ""
+            }
+          }],
+          "quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "quantity_modify": [{
+            "type": "text",
+            "props": {
+              "value": 103
+            }
+          }],
+          "bom_data": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }]
+        }, {
+          "key": "1075_1103".concat(index),
+          "id": 1075,
+          "detail_id": 1103,
+          "status_name": [{
+            "type": "text",
+            "props": {
+              "value": ""
+            },
+            "extra": {
+              "rowSpan": -1
+            }
+          }, {
+            "type": "tag",
+            "props": {
+              "value": ""
+            }
+          }],
+          "goods_spu_info": [{
+            "type": "text",
+            "props": {
+              "label": "SPU",
+              "value": {
+                "type": "link",
+                "props": {
+                  "label": "",
+                  "value": "/"
+                }
+              }
+            },
+            "extra": {
+              "rowSpan": -1
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "label": "品名",
+              "value": ""
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "label": "买手",
+              "value": ""
+            }
+          }],
+          "store_name": [{
+            "type": "text",
+            "props": {
+              "value": "国内备货仓"
+            }
+          }],
+          "goods_image": [{
+            "type": "img",
+            "props": {
+              "value": "http://image.spocoo.com/ac88db91d513da3256a6e18dd60c11a8.jpg"
+            }
+          }],
+          "goods_sku_info": [{
+            "type": "link",
+            "props": {
+              "label": "CO576911_02",
+              "value": "/"
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "value": "跨境新款车载垃圾桶带盖多功能车家两用置物收纳桶迷你汽车垃圾桶 粉色"
+            }
+          }, {
+            "type": "tag",
+            "props": {
+              "value": "加",
+              "color": "red"
+            }
+          }],
+          "planuser": [{
+            "type": "text",
+            "props": {
+              "value": ""
+            }
+          }],
+          "factory": [{
+            "type": "link",
+            "props": {
+              "label": "CO576911_02",
+              "value": "/"
+            }
+          }],
+          "asin": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }],
+          "goods_sales": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 /  / "
+            }
+          }],
+          "goods_dms": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }],
+          "gross_margin": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 / 0 / 0"
+            }
+          }],
+          "goods_rma": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0 / 0 / 0 / 0"
+            }
+          }],
+          "goods_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "usable_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "having_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "unsellable_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "plan_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "process_ing_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "ship_wait_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "shiping_num": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "overseas_stock": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "shiped_error_quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "time_info": [{
+            "type": "text",
+            "props": {
+              "value": "1970-01-01 08:00:00(黄盛)"
+            }
+          }, {
+            "type": "text",
+            "props": {
+              "value": "2025-03-12 15:54:26(黄盛)"
+            }
+          }],
+          "p_remark": [{
+            "type": "text",
+            "props": {
+              "value": ""
+            }
+          }],
+          "quantity": [{
+            "type": "text",
+            "props": {
+              "value": 0
+            }
+          }],
+          "quantity_modify": [{
+            "type": "text",
+            "props": {
+              "value": 102
+            }
+          }],
+          "bom_data": [{
+            "type": "text",
+            "props": {
+              "value": "0 / 0"
+            }
+          }]
+        }]
+      };
+    })
+  });
+});

package/dist/components/base-list-table/index.d.ts

@@ -0,0 +1 @@
+export * from './base-list-table';

package/dist/components/base-list-table/index.js

@@ -0,0 +1 @@
+export * from "./base-list-table";

package/dist/components/base-list-table/style/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableMoreData: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/base-list-table/style/index.js

@@ -0,0 +1,17 @@
+import styled from 'styled-components';
+export var Wrapper = styled.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "rex-design-aaf4__sc-yd1xjd-0"
+})(["&.base-list-table-table-box{padding-inline:12px;.ant-list-item{border:none;padding-inline:0;display:block;}}"]);
+export var Header = styled.div.withConfig({
+  displayName: "Header",
+  componentId: "rex-design-aaf4__sc-yd1xjd-1"
+})(["&.base-list-table-table-header{display:flex;gap:10px;flex-wrap:wrap;}"]);
+export var TableTitle = styled.div.withConfig({
+  displayName: "TableTitle",
+  componentId: "rex-design-aaf4__sc-yd1xjd-2"
+})(["&.base-list-table-table-title{display:inline-flex;gap:20px;flex-wrap:wrap;width:100%;.ant-checkbox-wrapper{height:100%;}.data-cell-row-text-value{width:initial;}}"]);
+export var TableMoreData = styled.div.withConfig({
+  displayName: "TableMoreData",
+  componentId: "rex-design-aaf4__sc-yd1xjd-3"
+})(["&.base-list-table-more-data{display:flex;justify-content:center;margin-top:4px;}"]);

package/dist/components/base-table/base-table.d.ts

@@ -0,0 +1,51 @@
+import { GetProps, Table } from "antd";
+import { IDataCellItem, TGroupV2 } from "../data-cell/types";
+export declare const BaseTable: <T extends object = object>({ useDataCellRender, fields: outFields, fieldsConfig, fieldProps: outFieldProps, requestFields, requestFieldsUrl, requestFieldsParams, fieldPropsFn, indexColumn, extraColumns, onDataCellClick, onDataCellClickV2, scroll, rootClassName, customEmptyText, ...otherProps }: IBaseTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+/** 组件props */
+export interface IBaseTableProps<T extends object = object> extends Omit<TRawTableProps<T>, 'size' | 'bordered' | 'tableLayout' | 'scroll'> {
+    /** @deprecated 使用 fieldsConfig */
+    fields?: TBaseTableColumns<T>[];
+    /**
+     * 静态配置(通过这个组合columns, 可不配置直接使用原 columns)
+     */
+    fieldsConfig?: TBaseTableColumns<T>[];
+    /** 通过这个组合columns, 可不配置直接使用原 columns */
+    fieldProps?: Record<string, TBaseTableColumns<T>>;
+    /** 接口方式获取配置数据,优先级高 */
+    requestFields?: () => Promise<TBaseTableColumns<T>[]>;
+    /** 配置数据, 配置url的时候,通过注入请求器的方式获取 */
+    requestFieldsUrl?: string;
+    /** 配套 */
+    requestFieldsParams?: Record<string, unknown>;
+    /** 映射,优先级高 */
+    fieldPropsFn?: () => Record<string, TBaseTableColumns<T>>;
+    /** 在配置数据的基础上,扩展一些手写列 */
+    extraColumns?: TBaseTableColumns<T>[];
+    /** 索引列 */
+    indexColumn?: TBaseTableColumns<T>;
+    /**
+     * @desc 使用 DataCell 组件渲染单元格, 需要注意数据结构
+     * @default true
+     */
+    useDataCellRender?: boolean;
+    /** dataCell组件中的点击回调 */
+    onDataCellClick?: (item: IDataCellItem, dataIndex: string, record: T, index: number) => void;
+    onDataCellClickV2?: (data: {
+        item: IDataCellItem;
+        subItem?: Exclude<TGroupV2['props'], undefined>['items'][number];
+        dataIndex: string;
+        record: T;
+        index: number;
+    }) => void;
+    /** 滚动 */
+    scroll?: TRawTableProps<T>['scroll'] | ((height?: number) => TRawTableProps<T>['scroll']);
+    /** 自定义空数据文案 */
+    customEmptyText?: string;
+}
+export type TRawTableProps<T> = GetProps<typeof Table<T>>;
+export type TBaseTableColumns<T> = Required<TRawTableProps<T>>['columns'][number] & {
+    /** 控制隐藏 */
+    hidden?: boolean;
+    /** 权限key */
+    permissionKey?: string;
+};