From 396937e7e3c894897d1ad1ddeceae804d00098bf Mon Sep 17 00:00:00 2001 From: Artkrygin <80037398+Artkrygin@users.noreply.github.com> Date: Tue, 12 Oct 2021 16:13:27 +0300 Subject: [PATCH] GH-38 Change layout --- src/layouts/AntdFormLayout.tsx | 4 +- src/layouts/AntdHorizontalLayout.tsx | 8 +- src/layouts/AntdVerticalLayout.tsx | 1 + stories/FormWithColumns.stories.tsx | 455 +++++++++++++++------------ 4 files changed, 258 insertions(+), 210 deletions(-) diff --git a/src/layouts/AntdFormLayout.tsx b/src/layouts/AntdFormLayout.tsx index 9e61ec0..8cb655a 100644 --- a/src/layouts/AntdFormLayout.tsx +++ b/src/layouts/AntdFormLayout.tsx @@ -78,11 +78,11 @@ export const AntdFormLayout: React.FC = ({ onEdit, editing, }) => { - const { readOnly } = viewKindElement.options; + const { readOnly, style } = viewKindElement.options; return ( {({ width, height }: any) => ( -
onEdit()}> +
onEdit()}> {title} {readOnly ? null : }
diff --git a/src/layouts/AntdHorizontalLayout.tsx b/src/layouts/AntdHorizontalLayout.tsx index 3bb143b..def4b3b 100644 --- a/src/layouts/AntdHorizontalLayout.tsx +++ b/src/layouts/AntdHorizontalLayout.tsx @@ -30,12 +30,16 @@ export const AntdHorizontalLayoutRenderer: React.FC = ({ //const layout = viewKindElement as Layout; const parentViewKindElement = viewKindElement; const Render: React.FC = ({ idx, viewKind, viewKindElement, viewDescr, enabled }) => { + const defaultSize = parentViewKindElement.options?.defaultSize; const options = viewKindElement.options || {}; const numberOfColumns = Math.ceil(24 / (parentViewKindElement.elements?.length || 1)); const style: any = options.style; - const span = options.contentSize || numberOfColumns; + const span = + defaultSize && defaultSize[viewKindElement['@id']] + ? defaultSize && defaultSize[viewKindElement['@id']] + : options.contentSize || numberOfColumns; return ( - + = ({ style={{ position: 'relative', width: '100%', + height: '100%', //flex: viewKindElement.options && viewKindElement.options.height === 'all-empty-space' ? '1 1 auto' : '', }}> diff --git a/stories/FormWithColumns.stories.tsx b/stories/FormWithColumns.stories.tsx index 0282d53..9a8f8b9 100644 --- a/stories/FormWithColumns.stories.tsx +++ b/stories/FormWithColumns.stories.tsx @@ -92,232 +92,275 @@ const viewKinds = [ // child ui elements configs elements: [ { - '@id': 'rm:_83hd7f', - '@type': 'aldkg:FormLayout', + '@id': 'mktp:_8255hFsd', + '@type': 'aldkg:VerticalLayout', options: { - readOnly: false, + style: { + height: '20%', + }, + width: 'all-empty-space', }, elements: [ { - '@id': 'mktp:_87Dfg78', - '@type': 'aldkg:HorizontalLayout', + '@id': 'rm:_83hd7f', + '@type': 'aldkg:FormLayout', options: { - justify: 'start', // start end center space-between space-around - align: 'flex-start', - //contentSize: true, - style: { - //flexGrow: '5', - width: '100%', - }, - width: 'all-empty-space', + readOnly: false, }, elements: [ { - '@id': 'mktp:_8255hFd3', - '@type': 'aldkg:VerticalLayout', + '@id': 'mktp:_87Dfg78', + '@type': 'aldkg:HorizontalLayout', options: { + justify: 'start', // start end center space-between space-around + align: 'flex-start', + //contentSize: true, style: { - padding: '5px', + //flexGrow: '5', + width: '100%', + }, + defaultSize: { + 'mktp:_8255hFd3': 4, + 'mktp:_88Dfg78': 20, }, width: 'all-empty-space', }, elements: [ { - '@id': 'mktp:_63JdF67', - '@type': 'aldkg:Image', - resultsScope: 'rm:Cards_Coll/imageUrl', + '@id': 'mktp:_8255hFd3', + '@type': 'aldkg:VerticalLayout', options: { - fallback: - 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==', + style: { + padding: '5px', + }, + width: 'all-empty-space', }, - }, - ], - }, - { - '@id': 'mktp:_93JhdA78', - '@type': 'aldkg:VerticalLayout', - options: { - style: { - padding: '5px', - }, - width: 'all-empty-space', - }, - elements: [ - /*{ - '@id': 'mktp:_92KdFj6', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/identifier', - },*/ - { - '@id': 'mktp:_63JdF67', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/name', - }, - { - '@id': 'mktp:_Kjd7F7s8', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/country', - }, - { - '@id': 'mktp:_Kf893Jd6', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/brand', + elements: [ + { + '@id': 'mktp:_63JdF67', + '@type': 'aldkg:Image', + resultsScope: 'rm:Cards_Coll/imageUrl', + options: { + fallback: + 'data:image/png;base64,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', + }, + }, + ], }, { - '@id': 'mktp:_K84jd^', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/price', - }, - { - '@id': 'mktp:_dF7jdF6', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/saleValue', - }, - { - '@id': 'mktp:_93Kdf7j', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/seller', - }, - ], - }, - { - '@id': 'mktp:_87Kdf3Ry7', - '@type': 'aldkg:VerticalLayout', - options: { - style: { - padding: '5px', - }, - width: 'all-empty-space', - }, - elements: [ - { - '@id': 'mktp:_93Kd8hH', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/categoryPopularity', - }, - { - '@id': 'mktp:_j7JG8d', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/commentsCount', - }, - { - '@id': 'mktp:_fg78Dfj6', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/starsValue', - }, - { - '@id': 'mktp:_924KFhf7', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/questionsCount', - }, - ], - }, - { - '@id': 'mktp:_86hDyf9', - '@type': 'aldkg:VerticalLayout', - options: { - style: { - padding: '5px', - }, - width: 'all-empty-space', - }, - elements: [ - { - '@id': 'mktp:_Kd83457', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/lastMonthSalesAmount', - }, - { - '@id': 'mktp:_8385jKd', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/lastMonthSalesValue', - }, - { - '@id': 'mktp:_8357KhfEm', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/perMonthSalesAmount', - }, - { - '@id': 'mktp:_956jsnH', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/perMonthSalesValue', - }, - { - '@id': 'mktp:_834LdjR', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/prevMonthSalesAmount', - }, - { - '@id': 'mktp:_935jFhj', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/prevMonthSalesValue', - }, - ], - }, - { - '@id': 'mktp:_9348jDf7', - '@type': 'aldkg:VerticalLayout', - options: { - style: { - padding: '5px', - }, - width: 'all-empty-space', - }, - elements: [ - { - '@id': 'mktp:_912JdmF', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/salesAmountDiff', - }, - { - '@id': 'mktp:_935KfH', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/totalSales', - }, - { - '@id': 'mktp:_482fDg8', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/totalSalesDiff', - }, - { - '@id': 'mktp:_94Fdf72', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/stocks', - }, - { - '@id': 'mktp:_68hDf2', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/stocksDiffOrders', - }, - { - '@id': 'mktp:_683Jfg72', - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/stocksDiffReturns', + '@id': 'mktp:_88Dfg78', + '@type': 'aldkg:VerticalLayout', + options: { + style: { + height: '20%', + }, + }, + elements: [ + { + '@id': 'mktp:_63JdF67', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/name', + }, + { + '@id': 'mktp:_87Dfg78', + '@type': 'aldkg:HorizontalLayout', + options: { + justify: 'start', // start end center space-between space-around + align: 'flex-start', + //contentSize: true, + style: { + //flexGrow: '5', + width: '100%', + }, + width: 'all-empty-space', + }, + elements: [ + { + '@id': 'mktp:_93JhdA78', + '@type': 'aldkg:VerticalLayout', + options: { + style: { + padding: '5px', + }, + width: 'all-empty-space', + }, + elements: [ + /*{ + '@id': 'mktp:_92KdFj6', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/identifier', + },*/ + { + '@id': 'mktp:_Kjd7F7s8', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/country', + }, + { + '@id': 'mktp:_Kf893Jd6', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/brand', + }, + { + '@id': 'mktp:_K84jd^', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/price', + }, + { + '@id': 'mktp:_dF7jdF6', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/saleValue', + }, + { + '@id': 'mktp:_93Kdf7j', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/seller', + }, + ], + }, + { + '@id': 'mktp:_87Kdf3Ry7', + '@type': 'aldkg:VerticalLayout', + options: { + style: { + padding: '5px', + }, + width: 'all-empty-space', + }, + elements: [ + { + '@id': 'mktp:_93Kd8hH', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/categoryPopularity', + }, + { + '@id': 'mktp:_j7JG8d', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/commentsCount', + }, + { + '@id': 'mktp:_fg78Dfj6', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/starsValue', + }, + { + '@id': 'mktp:_924KFhf7', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/questionsCount', + }, + ], + }, + { + '@id': 'mktp:_86hDyf9', + '@type': 'aldkg:VerticalLayout', + options: { + style: { + padding: '5px', + }, + width: 'all-empty-space', + }, + elements: [ + { + '@id': 'mktp:_Kd83457', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/lastMonthSalesAmount', + }, + { + '@id': 'mktp:_8385jKd', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/lastMonthSalesValue', + }, + { + '@id': 'mktp:_8357KhfEm', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/perMonthSalesAmount', + }, + { + '@id': 'mktp:_956jsnH', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/perMonthSalesValue', + }, + { + '@id': 'mktp:_834LdjR', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/prevMonthSalesAmount', + }, + { + '@id': 'mktp:_935jFhj', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/prevMonthSalesValue', + }, + ], + }, + { + '@id': 'mktp:_9348jDf7', + '@type': 'aldkg:VerticalLayout', + options: { + style: { + padding: '5px', + }, + width: 'all-empty-space', + }, + elements: [ + { + '@id': 'mktp:_912JdmF', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/salesAmountDiff', + }, + { + '@id': 'mktp:_935KfH', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/totalSales', + }, + { + '@id': 'mktp:_482fDg8', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/totalSalesDiff', + }, + { + '@id': 'mktp:_94Fdf72', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/stocks', + }, + { + '@id': 'mktp:_68hDf2', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/stocksDiffOrders', + }, + { + '@id': 'mktp:_683Jfg72', + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/stocksDiffReturns', + }, + /*{ + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/rootId', + }, + { + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/photosCount', + }, + { + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/firstParsedAt', + }, + { + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/lastMonthParsedAt', + }, + { + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/parsedAt', + }, + { + '@type': 'aldkg:Control', + resultsScope: 'rm:Cards_Coll/prevParsedAt', + },*/ + ], + }, + ], + }, + ], }, - /*{ - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/rootId', - }, - { - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/photosCount', - }, - { - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/firstParsedAt', - }, - { - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/lastMonthParsedAt', - }, - { - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/parsedAt', - }, - { - '@type': 'aldkg:Control', - resultsScope: 'rm:Cards_Coll/prevParsedAt', - },*/ ], }, ],