@kep-platform/basic-component 0.0.6 → 0.0.11

package/dist/Columns/Columns.d.ts

@@ -3,6 +3,7 @@ export declare const DefaultColumnWidth = 200;
 export type ColumnsProps = {
     columns: ColumnType[];
     rowData: Record<string, any>;
+    rowIndex?: number;
     isFlex?: boolean;
     leftBase?: number;
     columnsKey?: string;
@@ -21,4 +22,4 @@ export declare const Column: import("styled-components/dist/types").IStyledCompo
     left?: string | undefined;
     right?: string | undefined;
 }>> & string;
-export default function Columns({ columns, rowData, isFlex, leftBase, columnsKey, ...columnsRestProps }: ColumnsProps): React.JSX.Element;
+export default function Columns({ columns, rowData, rowIndex, isFlex, leftBase, columnsKey, ...columnsRestProps }: ColumnsProps): React.JSX.Element;

package/dist/Columns/Columns.js

@@ -1,4 +1,4 @@
-var _excluded = ["columns", "rowData", "isFlex", "leftBase", "columnsKey"],
+var _excluded = ["columns", "rowData", "rowIndex", "isFlex", "leftBase", "columnsKey"],
   _excluded2 = ["dataIndex", "render", "key"];
 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 _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; }
@@ -57,6 +57,8 @@ var displayColumnsCache = {};
 export default function Columns(_ref) {
   var columns = _ref.columns,
     rowData = _ref.rowData,
+    _ref$rowIndex = _ref.rowIndex,
+    rowIndex = _ref$rowIndex === void 0 ? 0 : _ref$rowIndex,
     _ref$isFlex = _ref.isFlex,
     isFlex = _ref$isFlex === void 0 ? true : _ref$isFlex,
     _ref$leftBase = _ref.leftBase,
@@ -112,8 +114,9 @@ export default function Columns(_ref) {
     direction: "row"
   }, columnsRestProps, {
     widthSum: widthSum,
-    isFlex: isFlex
-  }), displayColumns.map(function (_ref3, index) {
+    isFlex: isFlex,
+    rowIndex: rowIndex
+  }), displayColumns.map(function (_ref3) {
     var dataIndex = _ref3.dataIndex,
       render = _ref3.render,
       key = _ref3.key,
@@ -121,6 +124,6 @@ export default function Columns(_ref) {
     return /*#__PURE__*/React.createElement(Column, _extends({}, listItemRestProps, {
       key: key,
       isFlex: isFlex
-    }), (render === null || render === void 0 ? void 0 : render(rowData[dataIndex], rowData, index)) || rowData[dataIndex] || '-');
+    }), (render === null || render === void 0 ? void 0 : render(rowData[dataIndex], rowData, rowIndex)) || rowData[dataIndex] || '-');
   }));
 }

package/dist/Spin/Spin.js

@@ -4,13 +4,14 @@ import styled from 'styled-components';
 var SpinContainer = styled.div.withConfig({
   displayName: "SpinContainer",
   componentId: "basic-component-347b__sc-1s1g2fa-0"
-})(["position:relative;display:flex;"]);
+})(["position:relative;"]);
 var SpinMark = styled.div.withConfig({
   displayName: "SpinMark",
   componentId: "basic-component-347b__sc-1s1g2fa-1"
-})(["position:absolute;content:'';inset:0 0 0 0;background-color:rgba(255,255,255,0.5);display:flex;justify-content:center;align-items:center;"]);
+})(["position:absolute;inset:0 0 0 0;background-color:rgba(255,255,255,0.5);display:flex;justify-content:center;align-items:center;"]);
 export default function Spin(props) {
   return /*#__PURE__*/React.createElement(SpinContainer, null, props.children, /*#__PURE__*/React.createElement(SpinMark, {
-    spinning: props.spinning
+    spinning: props.spinning,
+    hidden: !props.spinning
   }, /*#__PURE__*/React.createElement(LoadingOutlined, null)));
 }

package/dist/Table/Table.js

@@ -222,10 +222,11 @@ export default function Table(_ref3) {
     isFlex: !scroll
   }), /*#__PURE__*/React.createElement(TableBody, {
     direction: "column"
-  }, formatedDataSource.map(function (rowData) {
+  }, formatedDataSource.map(function (rowData, index) {
     return /*#__PURE__*/React.createElement(TableBodyRow, {
       key: rowData[rowKey]
     }, /*#__PURE__*/React.createElement(Columns, {
+      rowIndex: index,
       rowData: rowData,
       columns: columns,
       isFlex: !scroll

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "0.0.6",
+  "version": "0.0.11",
   "description": "A react library developed with dumi",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -74,10 +74,10 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "gitHead": "7fdc480be2d212aeacbb4d7a623d5ccb716762a4",
+  "gitHead": "26226dbcd50f2ebc2e61d78e2c0eee99db6f7cc6",
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@kep-platform/hooks": "^0.0.6",
+    "@kep-platform/hooks": "^0.0.11",
     "color": "^4.2.3",
     "rc-pagination": "^4.1.0",
     "styled-components": "^6.1.11"