CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-09 00:06:05 +12:00
Code Issues Projects Releases Wiki Activity

Highlight setting feedback

Browse source
This commit is contained in:
Dean 2024-02-23 11:22:02 +00:00
parent be05985882
commit 717729cd02
2 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/builder/src/components/design/settings/controls/PropertyControl.svelte
View file

@ -20,16 +20,23 @@
export let bindings = []
export let componentBindings = []
export let nested = false
export let highlighted
export let propertyFocus = false
export let info = null
export let disableBindings = false
export let wide
let highlightType
$: highlightedProp = $builderStore.highlightedSetting
$: allBindings = getAllBindings(bindings, componentBindings, nested)
$: safeValue = getSafeValue(value, defaultValue, allBindings)
$: replaceBindings = val => readableToRuntimeBinding(allBindings, val)
$: if (!Array.isArray(value)) {
highlightType =
highlightedProp?.key === key ? `highlighted-${highlightedProp?.type}` : ""
}
const getAllBindings = (bindings, componentBindings, nested) => {
if (!nested) {
return bindings
@ -70,21 +77,17 @@
}
onDestroy(() => {
if (highlighted) {
if (highlightedProp) {
builderStore.highlightSetting(null)
}
})
let highlight
$: if (!Array.isArray(value)) {
highlight = highlighted?.type ? `highlighted-${highlighted?.type}` : ""
}
</script>
<div
id={`${key}-prop-control-wrap`}
class={`property-control ${highlight}`}
class={`property-control ${highlightType}`}
class:wide={!label || labelHidden || wide === true}
class:highlighted={highlighted && !Array.isArray(value)}
class:highlighted={highlightType}
class:property-focus={propertyFocus}
>
{#if label && !labelHidden}

3
packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ComponentSettingsSection.svelte
View file

@ -177,9 +177,6 @@
defaultValue={setting.defaultValue}
nested={setting.nested}
onChange={val => updateSetting(setting, val)}
highlighted={$builderStore.highlightedSetting?.key === setting.key
? $builderStore.highlightedSetting
: null}
propertyFocus={$builderStore.propertyFocus === setting.key}
info={setting.info}
disableBindings={setting.disableBindings}