yystopf
/
inula
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Match-id-2a32f3df93794ac555089f7efbae08d7c1ed6676

This commit is contained in:
* 2022-05-09 16:47:25 +08:00 committed by *
parent bfb7283dc5
commit e343eab0f2
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
libs/extension/src/components/ComponentInfo.tsx
View File

@ -70,9 +70,9 @@ function ComponentAttr({ attrsName, attrsType, attrs, id }: {
<span className={styles.attrArrow}>{hasChild && <Triangle director={isCollapsed ? 'right' : 'down'} />}</span>
<span className={styles.attrName}>{`${item.name}`}</span>
{' :'}
{item.type === 'string' || item.type === 'number' ? (
<input
value={item.value}
{item.type === 'string' || item.type === 'number' || item.type === 'undefined' || item.type === 'null'
? <input
value={String(item.value)}
className={styles.attrValue}
onChange={(event) => {
const nextAttrs = [...editableAttrs];
@ -93,8 +93,23 @@ function ComponentAttr({ attrsName, attrsType, attrs, id }: {
}
}}
/>
) : (
<span className={styles.attrValue}>{item.value}</span>
: (item.type === 'boolean'
? <input
type={'checkbox'}
checked={item.value}
className={styles.attrValue}
onChange={(event) => {
const nextAttrs = [...editableAttrs];
const nextItem = {...item};
nextItem.value = event.target.checked;
nextAttrs[index] = nextItem;
setEditableAttrs(nextAttrs);
if (!isDev) {
const data = buildAttrModifyData(attrsType,attrs, nextItem.value,item, index, id);
postMessageToBackground(ModifyAttrs, data);
}
}}/>
: <span className={styles.attrValue}>{item.value}</span>
)}
</div>
);