mirror/lowdefy
2
0
Fork 0
mirror of https://github.com/lowdefy/lowdefy.git synced 2025-02-23 14:39:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(docs): Add optionsSelector displayType.

Browse Source
This commit is contained in:
Gervwyk 2021-01-27 12:56:40 +02:00
parent 906098885c
commit 572a63d5de
2 changed files with 118 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
packages/docs/templates/blocks/propertiesFormTransformer.js vendored
View File

@ -174,7 +174,7 @@ function makeBlockDefinition(propertyName, propertyDescription) {
block.type = 'ControlledList';
block.blocks = [
{
id: 'block.properties.options.$',
id: `block.properties.${propertyName}.$`,
type: 'TextInput',
properties: {
size: 'small',
@ -185,6 +185,90 @@ function makeBlockDefinition(propertyName, propertyDescription) {
},
];
return block;
case 'optionsSelector':
block.type = 'Box';
block.blocks = [
{
id: '__optionsType',
type: 'ButtonSelector',
properties: {
title: 'Options type',
options: ['Primitive', 'Label-value pairs'],
size: 'small',
label: { span: 8, align: 'right' },
},
},
{
id: `block.properties.options`,
type: 'ControlledList',
properties: {
title: 'options:',
size: 'small',
},
blocks: [
{
id: `block.properties.options.$.primitive`,
type: 'TextInput',
visible: {
_if: {
test: { _eq: [{ _state: '__optionsType' }, 'Primitive'] },
then: true,
else: false,
},
},
properties: {
size: 'small',
label: {
disabled: true,
},
},
},
{
id: `block.properties.options.$.label`,
type: 'TextInput',
visible: {
_if: {
test: {
_eq: [{ _state: '__optionsType' }, 'Label-value pairs'],
},
then: true,
else: false,
},
},
properties: {
size: 'small',
title: 'label',
label: {
span: 8,
align: 'right',
},
},
},
{
id: `block.properties.options.$.value`,
type: 'TextInput',
visible: {
_if: {
test: {
_eq: [{ _state: '__optionsType' }, 'Label-value pairs'],
},
then: true,
else: false,
},
},
properties: {
size: 'small',
title: 'value',
label: {
span: 8,
align: 'right',
},
},
},
],
},
];
return block;
}
}
@ -213,9 +297,11 @@ function makeBlockDefinition(propertyName, propertyDescription) {
function transformer(obj) {
const blockProperties = obj.schema.properties.properties;
const blocks = Object.keys(blockProperties).map((key) => {
return makeBlockDefinition(key, blockProperties[key]);
});
const blocks = Object.keys(blockProperties)
.sort()
.map((key) => {
return makeBlockDefinition(key, blockProperties[key]);
});
return blocks;
}

29
packages/docs/templates/blocks/propertiesGetterTransformer.js vendored
View File

@ -17,10 +17,14 @@
function transformer(obj) {
const blockProperties = obj.schema.properties.properties;
const styleProperties = [];
const optionsSelector = [];
Object.keys(blockProperties).forEach((key) => {
if (blockProperties[key].docs && blockProperties[key].docs.displayType === 'style') {
styleProperties.push(key);
}
if (blockProperties[key].docs && blockProperties[key].docs.displayType === 'optionsSelector') {
optionsSelector.push(key);
}
});
const styleArray = styleProperties.map((name) => {
const ret = {};
@ -31,9 +35,32 @@ function transformer(obj) {
};
return ret;
});
const optionsArray = optionsSelector.map((name) => {
const ret = {};
ret[name] = {
_if: {
test: { _eq: [{ _state: '__optionsType' }, 'Primitive'] },
then: {
_get: {
key: '0.options',
from: {
'_mql.aggregate': {
pipeline: [{ $addFields: { options: '$options.primitive' } }],
on: [{ _state: 'block.properties' }],
},
},
},
},
else: {
_state: 'block.properties.options',
},
},
};
return ret;
});
const assignArray = [{ _state: 'block.properties' }];
return {
'_object.assign': assignArray.concat(styleArray),
'_object.assign': assignArray.concat(styleArray, optionsArray),
};
}