MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

binding interface now only updates when the dropdown is closed

This commit is contained in:
kevmodrome 2020-08-25 11:20:39 +02:00
parent 60264d6cb8
commit 32a0d1e176
3 changed files with 38 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/builder/package.json
View File

@ -57,7 +57,7 @@
] ]
}, },
"dependencies": { "dependencies": {
"@budibase/bbui": "^1.23.1", "@budibase/bbui": "^1.27.0",
"@budibase/client": "^0.1.17", "@budibase/client": "^0.1.17",
"@budibase/colorpicker": "^1.0.1", "@budibase/colorpicker": "^1.0.1",
"@nx-js/compiler-util": "^2.0.0", "@nx-js/compiler-util": "^2.0.0",

35
packages/builder/src/components/userInterface/PropertyControl.svelte
View File

@ -1,4 +1,6 @@
<script> <script>
import { Icon } from "@budibase/bbui"
import Input from "components/common/Input.svelte"
import { store, backendUiStore } from "builderStore" import { store, backendUiStore } from "builderStore"
import fetchBindableProperties from "builderStore/fetchBindableProperties" import fetchBindableProperties from "builderStore/fetchBindableProperties"
import { DropdownMenu } from "@budibase/bbui" import { DropdownMenu } from "@budibase/bbui"
@ -12,13 +14,17 @@
export let props = {} export let props = {}
export let onChange = () => {} export let onChange = () => {}
let temporaryBindableValue = value
function handleClose() {
handleChange(key, temporaryBindableValue)
}
let bindableProperties let bindableProperties
let anchor let anchor
let dropdown let dropdown
$: console.log()
async function getBindableProperties() { async function getBindableProperties() {
// Get all bindableProperties // Get all bindableProperties
bindableProperties = fetchBindableProperties({ bindableProperties = fetchBindableProperties({
@ -98,14 +104,24 @@
{...props} {...props}
name={key} /> name={key} />
</div> </div>
<button on:click={dropdown.show}>O</button> {#if control == Input}
<button on:click={dropdown.show}>
<Icon name="edit" />
</button>
{/if}
</div> </div>
<DropdownMenu bind:this={dropdown} {anchor} align="right"> {#if control == Input}
<DropdownMenu
on:close={handleClose}
bind:this={dropdown}
{anchor}
align="right">
<BindingDropdown <BindingDropdown
{...handlevalueKey(value)} {...handlevalueKey(value)}
on:update={e => handleChange(key, e.detail)} on:update={e => (temporaryBindableValue = e.detail)}
{bindableProperties} /> {bindableProperties} />
</DropdownMenu> </DropdownMenu>
{/if}
<style> <style>
.property-control { .property-control {
@ -139,8 +155,11 @@
position: absolute; position: absolute;
background: none; background: none;
border: none; border: none;
right: 0px; border-radius: 50%;
top: 0; height: 24px;
bottom: 0; width: 24px;
background: rgb(224, 224, 224);
right: 5px;
--spacing-s: 0;
} }
</style> </style>

8
packages/builder/yarn.lock
View File

@ -987,10 +987,10 @@
resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39" resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
"@budibase/bbui@^1.23.1": "@budibase/bbui@^1.27.0":
version "1.23.1" version "1.27.0"
resolved "https://registry.yarnpkg.com/@budibase/bbui/-/bbui-1.23.1.tgz#232b0d31379ef64afe5e76f477d5489e67defc22" resolved "https://registry.yarnpkg.com/@budibase/bbui/-/bbui-1.27.0.tgz#948102a29c203c503745c69c2cdea4440e257a74"
integrity sha512-L5KbkBPbTaPUGUEM33hxV2G8R6e+ckBZmph6LnjLsI6a5Bs0hWPv6pYHukeiOMXLPyGlF+ShIfYgoFHi+GRRGA== integrity sha512-7YPWD9gASfUiAmPsvYdGvBtVOdVoOKFRV+q3on8mZ9v/NlupZ2gVJy4m6NsRuoCJBhRF1Uq6bR716KFFxqZXVg==
dependencies: dependencies:
sirv-cli "^0.4.6" sirv-cli "^0.4.6"