+
{editable ? (
editing ? (
|
@@ -76,6 +76,7 @@ export const CellRenderer: React.FC = ({
myRef={myRef}
query={query}
propKey={uiOptions.key}
+ options={uiOptions}
value={currentData}
{...specialProps}
{...props}
@@ -83,7 +84,14 @@ export const CellRenderer: React.FC = ({
)
) : (
-
+
)}
);
diff --git a/src/cells/cell.css b/src/cells/cell.css
index 3aa1d00..cb5a8df 100644
--- a/src/cells/cell.css
+++ b/src/cells/cell.css
@@ -25,3 +25,18 @@
[data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
border: 1px solid #434343;
}
+
+.ant-card-body {
+ padding: 8px !important;
+}
+
+.image-wrapper {
+ position: relative;
+ background-color: #fe0;
+ width: 100%;
+}
+.image-wrapper {
+ content: '';
+ padding-top: 100%;
+ display: block;
+}
diff --git a/src/cells/index.ts b/src/cells/index.ts
index c45952d..a85ba56 100644
--- a/src/cells/index.ts
+++ b/src/cells/index.ts
@@ -19,6 +19,12 @@ import {
import { antdTextCellTester, AntdTextCellWithStore } from './AntdTextCell';
import { antdTimeCellTester, AntdTimeCellWithStore } from './AntdTimeCell';
import { tinyMCECellTester, TinyMCECellWithStore } from './TinyMCECell';
+import { antdImageCellTester, AntdImageCellWithStore } from './AntdImageCell';
+import { antdCellCardLayoutTester, AntdCellCardLayout } from './AntdCellCardLayout';
+import { antdHorizontalLayoutTester, AntdHorizontalLayoutRenderer } from './AntdCellHorizontalLayout';
+import { antdCellRateWidgetTester, AntdCellRateWidgetWithStore } from './AntdCellRateWidget';
+import { antdCellG2Tester, AntdCellG2 } from './AntdCellG2';
+import { antdButtonCellTester, AntdButtonCellWithStore } from './AntdButtonCell';
export const antdCells: CellRendererRegistryEntry[] = [
{ tester: antdBooleanCellTester, cell: AntdBooleanCellWithStore },
@@ -28,6 +34,12 @@ export const antdCells: CellRendererRegistryEntry[] = [
{ tester: antdTextCellTester, cell: AntdTextCellWithStore },
{ tester: antdTimeCellTester, cell: AntdTimeCellWithStore },
{ tester: tinyMCECellTester, cell: TinyMCECellWithStore },
+ { tester: antdImageCellTester, cell: AntdImageCellWithStore },
+ { tester: antdCellCardLayoutTester, cell: AntdCellCardLayout },
+ { tester: antdHorizontalLayoutTester, cell: AntdHorizontalLayoutRenderer },
+ { tester: antdCellRateWidgetTester, cell: AntdCellRateWidgetWithStore },
+ { tester: antdCellG2Tester, cell: AntdCellG2 },
+ { tester: antdButtonCellTester, cell: AntdButtonCellWithStore },
];
export * from './AntdBooleanCell';
diff --git a/src/data-controls/DataControl.tsx b/src/data-controls/DataControl.tsx
index 70c37e4..24a379e 100644
--- a/src/data-controls/DataControl.tsx
+++ b/src/data-controls/DataControl.tsx
@@ -13,10 +13,12 @@ import { rankWith, RankedTester, uiTypeIs } from '../testers';
import { withStoreToDataControlProps, treeify, strcmp } from '../util/ContextToProps';
import { TableRenderer } from './TableRenderer';
import { TreeRenderer } from './TreeRenderer';
+import { GridRenderer } from './GridRenderer';
const renderType: any = {
tree: TreeRenderer,
table: TableRenderer,
+ grid: GridRenderer,
};
export const AntdDataLayout: React.FC