@teamias/rex-design 0.0.1 → 0.0.3

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

@@ -1,17 +1,25 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["fieldsConfig", "requestFields", "requestFieldsUrl", "requestFieldsParams", "scroll", "virtual", "titleRender", "rowSelection", "dataSource", "headerRender", "defaultExpandAllCollapse", "tableMaxRowCount"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
-import { Checkbox, Collapse, List, Skeleton } from 'antd';
 import { CaretRightOutlined } from '@ant-design/icons';
+import { useRequestFields, useRequestFieldsConfig, useRexProConfigProvider, useStateData } from "../..";
 import { useDebounceEffect, useDeepCompareEffect } from 'ahooks';
-import classNames from "classnames";
+import { Checkbox, Collapse, List, Skeleton } from 'antd';
+import classNames from 'classnames';
 import VirtualList from 'rc-virtual-list';
-import { useStateData, useRequestFields, useRequestFieldsConfig, useRexProConfigProvider } from "../..";
-import { Header, TableMoreData, TableTitle, Wrapper } from "./style";
+import React from 'react';
 import { BaseTable } from "../base-table/base-table";
 import { DataCell } from "../data-cell/data-cell";
+import { Header, TableMoreData, TableTitle, Wrapper } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BaseListTable = function BaseListTable(_ref) {
   var fieldsConfig = _ref.fieldsConfig,
     requestFields = _ref.requestFields,
@@ -71,7 +79,7 @@ export var BaseListTable = function BaseListTable(_ref) {
       children = childrenDataSource.slice(0, tableMaxRowCount);
     }
     var titleNode = function () {
-      var checkboxNode = openCheckbox ? /*#__PURE__*/React.createElement(Checkbox, _extends({}, state.checkboxPropsMap["".concat(key)], {
+      var checkboxNode = openCheckbox ? /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, state.checkboxPropsMap["".concat(key)]), {}, {
         checked: state.selected.includes(key),
         onChange: function onChange(e) {
           if (e.target.checked) {
@@ -87,81 +95,88 @@ export var BaseListTable = function BaseListTable(_ref) {
           }
           update();
         }
-      })) : /*#__PURE__*/React.createElement(React.Fragment, null);
-      var dataNode = /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(item).map(function (inlineKey) {
-        var data = item[inlineKey];
-        if ([state.keyField, 'children'].includes(inlineKey) || !Array.isArray(data)) return /*#__PURE__*/React.createElement("span", {
-          style: {
-            display: 'none'
-          },
-          key: inlineKey
-        });
-        return /*#__PURE__*/React.createElement(DataCell, {
-          key: inlineKey,
-          items: data
-        });
-      }));
-      return /*#__PURE__*/React.createElement(TableTitle, {
-        className: "base-list-table-table-title"
-      }, titleRender ? titleRender(item, index, {
-        checkboxNode: checkboxNode,
-        dataNode: dataNode
-      }) : /*#__PURE__*/React.createElement(React.Fragment, null, checkboxNode, dataNode));
+      })) : /*#__PURE__*/_jsx(_Fragment, {});
+      var dataNode = /*#__PURE__*/_jsx(_Fragment, {
+        children: Object.keys(item).map(function (inlineKey) {
+          var data = item[inlineKey];
+          if ([state.keyField, 'children'].includes(inlineKey) || !Array.isArray(data)) return /*#__PURE__*/_jsx("span", {
+            style: {
+              display: 'none'
+            }
+          }, inlineKey);
+          return /*#__PURE__*/_jsx(DataCell, {
+            items: data
+          }, inlineKey);
+        })
+      });
+      return /*#__PURE__*/_jsx(TableTitle, {
+        className: "base-list-table-table-title",
+        children: titleRender ? titleRender(item, index, {
+          checkboxNode: checkboxNode,
+          dataNode: dataNode
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [checkboxNode, dataNode]
+        })
+      });
     }();
-    var bodyNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BaseTable, _extends({
-      scroll: {
-        x: 1000
-      }
-    }, tableProps, {
-      dataSource: children,
-      fieldsConfig: fields,
-      pagination: false
-    })), openMaxRowCountRow && childrenDataSource.length > tableMaxRowCount ? /*#__PURE__*/React.createElement(TableMoreData, {
-      className: "base-list-table-more-data"
-    }, /*#__PURE__*/React.createElement("a", {
-      href: "void",
-      "aria-hidden": "true",
-      onClick: function onClick(e) {
-        e.preventDefault();
-        config.expandMoreData = !config.expandMoreData;
-        update();
-      }
-    }, config.expandMoreData ? formatMessage({
-      id: 'bit.data-display.base-list-table.expand-more-data-hide',
-      defaultMessage: '收起'
-    }) : formatMessage({
-      id: 'bit.data-display.base-list-table.expand-more-data',
-      defaultMessage: '还有{count}条数据未展示'
-    }, {
-      count: childrenDataSource.length - tableMaxRowCount
-    }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
-    return /*#__PURE__*/React.createElement(List.Item, {
-      key: key
-    }, /*#__PURE__*/React.createElement(Collapse, {
-      size: "small",
-      collapsible: "icon",
-      destroyInactivePanel: true
-      // bordered={false}
-      ,
-      defaultActiveKey: defaultExpandAllCollapse && (typeof config.collapseActiveKey === 'undefined' || config.collapseActiveKey) ? [key] : []
-      // activeKey={config.collapseActiveKey ? [key as string] : []}
-      ,
-      expandIcon: function expandIcon(_ref2) {
-        var isActive = _ref2.isActive;
-        return /*#__PURE__*/React.createElement(CaretRightOutlined, {
-          rotate: isActive ? 90 : 0
-        });
-      },
-      items: [{
-        key: key,
-        label: titleNode,
-        children: bodyNode
-      }],
-      onChange: function onChange() {
-        config.collapseActiveKey = !config.collapseActiveKey;
-        // update();
-      }
-    }));
+    var bodyNode = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(BaseTable, _objectSpread(_objectSpread({
+        scroll: {
+          x: 1000
+        }
+      }, tableProps), {}, {
+        dataSource: children,
+        fieldsConfig: fields,
+        pagination: false
+      })), openMaxRowCountRow && childrenDataSource.length > tableMaxRowCount ? /*#__PURE__*/_jsx(TableMoreData, {
+        className: "base-list-table-more-data",
+        children: /*#__PURE__*/_jsx("a", {
+          href: "void",
+          "aria-hidden": "true",
+          onClick: function onClick(e) {
+            e.preventDefault();
+            config.expandMoreData = !config.expandMoreData;
+            update();
+          },
+          children: config.expandMoreData ? formatMessage({
+            id: 'rex.components.base-list-table.expand-more-data-hide',
+            defaultMessage: '收起'
+          }) : formatMessage({
+            id: 'rex.components.base-list-table.expand-more-data',
+            defaultMessage: '还有{count}条数据未展示'
+          }, {
+            count: childrenDataSource.length - tableMaxRowCount
+          })
+        })
+      }) : /*#__PURE__*/_jsx(_Fragment, {})]
+    });
+    return /*#__PURE__*/_jsx(List.Item, {
+      children: /*#__PURE__*/_jsx(Collapse, {
+        size: "small",
+        collapsible: "icon",
+        destroyInactivePanel: true
+        // bordered={false}
+        ,
+        defaultActiveKey: defaultExpandAllCollapse && (typeof config.collapseActiveKey === 'undefined' || config.collapseActiveKey) ? [key] : []
+        // activeKey={config.collapseActiveKey ? [key as string] : []}
+        ,
+        expandIcon: function expandIcon(_ref2) {
+          var isActive = _ref2.isActive;
+          return /*#__PURE__*/_jsx(CaretRightOutlined, {
+            rotate: isActive ? 90 : 0
+          });
+        },
+        items: [{
+          key: key,
+          label: titleNode,
+          children: bodyNode
+        }],
+        onChange: function onChange() {
+          config.collapseActiveKey = !config.collapseActiveKey;
+          // update();
+        }
+      })
+    }, key);
   };
 
   /** 处理数据 */
@@ -235,58 +250,64 @@ export var BaseListTable = function BaseListTable(_ref) {
     wait: 0
   });
   if (loading) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Skeleton, {
-      active: true
-    }), /*#__PURE__*/React.createElement(Skeleton, {
-      active: true
-    }));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Skeleton, {
+        active: true
+      }), /*#__PURE__*/_jsx(Skeleton, {
+        active: true
+      })]
+    });
   }
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    className: classNames("base-list-table-table-box", state.listKey)
-  }, /*#__PURE__*/React.createElement(Header, {
-    className: "base-list-table-table-header"
-  }, function () {
-    var originNode = openCheckbox ? /*#__PURE__*/React.createElement(Checkbox, {
-      disabled: dataSource.length === 0,
-      indeterminate: state.selected.length > 0 && state.selected.length < dataSource.length - state.checkboxDisabled.length,
-      checked: dataSource.length !== 0 && state.selected.length === dataSource.length - state.checkboxDisabled.length,
-      onChange: function onChange(e) {
-        if (e.target.checked) {
-          var baseArr = dataSource.filter(function (item) {
-            return !state.checkboxDisabled.includes(item[state.keyField]);
-          });
-          state.selected = baseArr.map(function (item) {
-            return item[state.keyField];
-          });
-          state.selectedItems = baseArr;
-        } else {
-          state.selected = [];
-          state.selectedItems = [];
-        }
-        update();
-      }
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null);
-    if (headerRender) return headerRender(originNode);
-    return originNode;
-  }()), virtual ? /*#__PURE__*/React.createElement(List, {
-    size: "small"
-  }, /*#__PURE__*/React.createElement(VirtualList, {
-    data: dataSource,
-    fullHeight: false,
-    height: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
-    itemHeight: 200,
-    itemKey: state.keyField
-    // onScroll={onScroll}
-  }, renderItem)) : /*#__PURE__*/React.createElement(List, {
-    style: {
-      maxHeight: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
-      overflow: 'auto'
-    },
-    dataSource: dataSource,
-    itemLayout: "vertical",
-    size: "small",
-    rowKey: state.keyField,
-    renderItem: renderItem
-  }));
-};
-;
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    className: classNames('base-list-table-table-box', state.listKey),
+    children: [/*#__PURE__*/_jsx(Header, {
+      className: "base-list-table-table-header",
+      children: function () {
+        var originNode = openCheckbox ? /*#__PURE__*/_jsx(Checkbox, {
+          disabled: dataSource.length === 0,
+          indeterminate: state.selected.length > 0 && state.selected.length < dataSource.length - state.checkboxDisabled.length,
+          checked: dataSource.length !== 0 && state.selected.length === dataSource.length - state.checkboxDisabled.length,
+          onChange: function onChange(e) {
+            if (e.target.checked) {
+              var baseArr = dataSource.filter(function (item) {
+                return !state.checkboxDisabled.includes(item[state.keyField]);
+              });
+              state.selected = baseArr.map(function (item) {
+                return item[state.keyField];
+              });
+              state.selectedItems = baseArr;
+            } else {
+              state.selected = [];
+              state.selectedItems = [];
+            }
+            update();
+          }
+        }) : /*#__PURE__*/_jsx(_Fragment, {});
+        if (headerRender) return headerRender(originNode);
+        return originNode;
+      }()
+    }), virtual ? /*#__PURE__*/_jsx(List, {
+      size: "small",
+      children: /*#__PURE__*/_jsx(VirtualList, {
+        data: dataSource,
+        fullHeight: false,
+        height: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
+        itemHeight: 200,
+        itemKey: state.keyField
+        // onScroll={onScroll}
+        ,
+        children: renderItem
+      })
+    }) : /*#__PURE__*/_jsx(List, {
+      style: {
+        maxHeight: typeof scroll === 'function' ? scroll(state.scrollHeight).y : scroll === null || scroll === void 0 ? void 0 : scroll.y,
+        overflow: 'auto'
+      },
+      dataSource: dataSource,
+      itemLayout: "vertical",
+      size: "small",
+      rowKey: state.keyField,
+      renderItem: renderItem
+    })]
+  });
+};

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

@@ -1,7 +1,10 @@
 import React from 'react';
 import { BaseListTable } from "../base-list-table";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default (function () {
-  return /*#__PURE__*/React.createElement(BaseListTable, {
+  return /*#__PURE__*/_jsx(BaseListTable, {
     defaultExpandAllCollapse: true
     // rowSelection={{
     //   getCheckboxProps (record) {
@@ -14,20 +17,26 @@ export default (function () {
     // virtual
     ,
     headerRender: function headerRender(originNode) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, originNode, /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: 'red'
-        }
-      }, "\u81EA\u5B9A\u4E49\u5185\u5BB9"));
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [originNode, /*#__PURE__*/_jsx("span", {
+          style: {
+            color: 'red'
+          },
+          children: "\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"));
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [originNode.checkboxNode, originNode.dataNode, /*#__PURE__*/_jsx("span", {
+          style: {
+            flex: 1,
+            textAlign: 'right',
+            color: 'red'
+          },
+          children: "\u81EA\u5B9A\u4E49\u5185\u5BB9"
+        })]
+      });
     },
     fieldsConfig: [{
       "title": "编号/状态",

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { BaseListTable } from "../base-list-table";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
-  return /*#__PURE__*/React.createElement(BaseListTable, {
+  return /*#__PURE__*/_jsx(BaseListTable, {
     defaultExpandAllCollapse: true,
     rowSelection: {},
     fieldsConfig: [{