Commit351dee0

committed

Table: set switch column editable on double click

1 parente98b82d commit351dee0Copy full SHA for 351dee0

File tree

+19

-11

lines changed

+19

-11

lines changed

Lines changed: 11 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -84,12 +84,14 @@ export function EditableCell<T extends JSONValue>(props: EditableCellProps<T>) {`
`84`	`84`	`useEffect(()=>{`
`85`	`85`	`setTmpValue(value);`
`86`	`86`	`},[value]);`
	`87`	`+`
`87`	`88`	`constonChange=useCallback(`
`88`	`89`	`(value:T)=>{`
`89`	`90`	`setTmpValue(value);`
`90`	`91`	`},`
`91`	`92`	`[setTmpValue]`
`92`	`93`	`);`
	`94`	`+`
`93`	`95`	`constonChangeEnd=useCallback(()=>{`
`94`	`96`	`setIsEditing(false);`
`95`	`97`	`dispatch(`
`@@ -127,11 +129,18 @@ export function EditableCell<T extends JSONValue>(props: EditableCellProps<T>) {`
`127`	`129`	`textOverflow={props.textOverflow}`
`128`	`130`	`>`
`129`	`131`	`{status==="toSave"&&!isEditing&&<EditableChip/>}`
	`132`	`+{normalView}`
	`133`	`+{/* overlay on normal view to handle double click for editing */}`
`130`	`134`	`<div`
`131`		`-style={{minHeight:'24px'}}`
	`135`	`+style={{`
	`136`	`+position:'absolute',`
	`137`	`+top:0,`
	`138`	`+left:0,`
	`139`	`+width:'100%',`
	`140`	`+height:'100%',`
	`141`	`+}}`
`132`	`142`	`onDoubleClick={enterEditFn}`
`133`	`143`	`>`
`134`		`-{normalView}`
`135`	`144`	`</div>`
`136`	`145`	`</ColumnTypeView>`
`137`	`146`	`);`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ import styled from "styled-components";`
`4`	`4`	`constColumnTypeViewWrapper=styled.div<{`
`5`	`5`	`$textOverflow?:boolean`
`6`	`6`	}>`
	`7`	`+ position: relative;`
`7`	`8`	${props=>!props.$textOverflow&&`
`8`	`9`	`div {`
`9`	`10`	`overflow: hidden;`

Lines changed: 5 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export const SwitchComp = (function () {`
`78`	`78`	`return(`
`79`	`79`	`<Switch`
`80`	`80`	`checked={value}`
`81`		`-disabled={props.disabled}`
	`81`	`+disabled={props.disabled\|\|true}`
`82`	`82`	`ref={props.viewRef}`
`83`	`83`	`onChange={(checked)=>{`
`84`	`84`	`props.value.onChange(checked);`
`@@ -96,20 +96,18 @@ export const SwitchComp = (function () {`
`96`	`96`	`.setEditViewFn((props)=>{`
`97`	`97`	`return(`
`98`	`98`	`<Wrapper`
`99`		`-onBlur={(e)=>{`
`100`		`-if(!e.currentTarget?.contains(e.relatedTarget)){`
`101`		`-props.onChangeEnd();`
`102`		`-}`
	`99`	`+onBlur={()=>{`
	`100`	`+props.onChangeEnd()`
`103`	`101`	`}}`
`104`	`102`	`>`
`105`	`103`	`<Switch`
	`104`	`+autoFocus`
`106`	`105`	`defaultChecked={props.value}`
`107`	`106`	`disabled={false}`
`108`		`-onChange={(checked)=>{`
	`107`	`+onChange={(checked,e)=>{`
`109`	`108`	`props.onChange(checked);`
`110`	`109`	`}}`
`111`	`110`	`/>`
`112`		`-`
`113`	`111`	`</Wrapper>`
`114`	`112`	`);`
`115`	`113`	`})`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -92,8 +92,8 @@ export const viteConfig: UserConfig = {`
`92`	`92`	`},`
`93`	`93`	`},`
`94`	`94`	`optimizeDeps:{`
`95`		`-entries:['./src/*/.{js,jsx,ts,tsx}']`
`96`		`-//include: ['antd/es/*'],`
	`95`	`+entries:['./src/*/.{js,jsx,ts,tsx}'],`
	`96`	`+include:['antd'],`
`97`	`97`	`// include: ['antd/*/'],`
`98`	`98`	`// force: true,`
`99`	`99`	`},`

Comments

(0)