Commit 03d2442

committed

reduce delay in height calculation

1 parent 03478a5 commit 03d2442Copy full SHA for 03d2442

File tree

-18

lines changed

-18

lines changed

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -304,11 +304,11 @@ export function useCompInstance<T extends CompConstructor>(`
`304`	`304`
`305`	`305`	`let updateHandler = () => setComp(container.comp);`
`306`	`306`
`307`		`- if (UPDATE_ROOT_VIEW_DEBOUNCE > 0) {`
	`307`	`+ // if (UPDATE_ROOT_VIEW_DEBOUNCE > 0) {`
`308`	`308`	`updateHandler = debounce(() => {`
`309`	`309`	`setComp(container.comp);`
`310`		`- }, UPDATE_ROOT_VIEW_DEBOUNCE);`
`311`		`- }`
	`310`	`+ }, 50/* UPDATE_ROOT_VIEW_DEBOUNCE */);`
	`311`	`+ // }`
`312`	`312`
`313`	`313`	`const finalHandlers = [...(handlers \|\| []), updateHandler];`
`314`	`314`	`finalHandlers.forEach((handler) => container.addChangeListener(handler));`

Lines changed: 2 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -343,6 +343,7 @@ export const CompSelectionWrapper = React.memo((props: {`
`343`	`343`	`});`
`344`	`344`	`// log.debug("CompSelectionWrapper. name: ", props.name, " zIndex: ", zIndex);`
`345`	`345`	`const { nameConfig, resizeIconSize } = props;`
	`346`	`+`
`346`	`347`	`return (`
`347`	`348`	`<div id={props.id} style={{ ...props.style, zIndex }} className={props.className}>`
`348`	`349`	`<SelectableDiv`
`@@ -400,7 +401,7 @@ export const CompSelectionWrapper = React.memo((props: {`
`400`	`401`	`\|\| props.compType === 'container'`
`401`	`402`	`}`
`402`	`403`	`refreshMode="debounce"`
`403`		`- refreshRate={100}`
	`404`	`+ refreshRate={0}`
`404`	`405`	`onResize={props.onInnerResize}`
`405`	`406`	`observerOptions={{ box: "border-box" }}`
`406`	`407`	`>`

Lines changed: 0 additions & 13 deletions

Original file line number	Diff line number	Diff line change
`@@ -104,19 +104,6 @@ const ResizableStyled = styled(Resizable)<{ $zIndex: number, isDroppable : boole`
`104`	`104`	`*/`
`105`	`105`	`export const GridItem = React.memo((props: GridItemProps) => {`
`106`	`106`	`const position = useMemo(() =>{`
`107`		`- console.log('calculateGridItemPOistion', JSON.stringify({`
`108`		`- name: props.name,`
`109`		`- margin: props.margin,`
`110`		`- containerPadding: props.containerPadding,`
`111`		`- containerWidth: props.containerWidth,`
`112`		`- cols: props.cols,`
`113`		`- rowHeight: props.rowHeight,`
`114`		`- maxRows: props.maxRows,`
`115`		`- x: props.x,`
`116`		`- y: props.y,`
`117`		`- w: props.w,`
`118`		`- h: props.h,`
`119`		`- }));`
`120`	`107`	`return calcGridItemPosition({`
`121`	`108`	`margin: props.margin,`
`122`	`109`	`containerPadding: props.containerPadding,`

Lines changed: 0 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -207,7 +207,6 @@ export function setTransform(`
`207`	`207`	`hidden?: boolean,`
`208`	`208`	`isDragging?: boolean,`
`209`	`209`	`): Record<string, any> {`
`210`		`- console.log(name, {top, left, width, height })`
`211`	`210`	`// Replace unitless items with px`
`212`	`211`	const translate = `translate(${left}px,${top}px)`;
`213`	`212`	`function containsChart(str:string) {`

Comments

(0)