Commit 8a0884e

committed

Add custom control for variable header

1 parent 6a3d7d3 commit 8a0884eCopy full SHA for 8a0884e

File tree

+26

-5

lines changed

+26

-5

lines changed

Lines changed: 13 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,13 @@`
	`1`	`+import { CompAction } from "lowcoder-core";`
	`2`	`+import SimpleStringControl from "../controls/simpleStringControl";`
	`3`	`+`
	`4`	`+export class SimpleVariableHeaderComp extends SimpleStringControl {`
	`5`	`+ override reduce(action: CompAction): this {`
	`6`	`+ // if (isBroadcastAction<RenameAction>(action, CompActionTypes.RENAME)) {`
	`7`	`+ // if (this.getView() === action.action.oldName) {`
	`8`	`+ // return super.reduce(this.changeValueAction(action.action.name));`
	`9`	`+ // }`
	`10`	`+ // }`
	`11`	`+ return super.reduce(action);`
	`12`	`+ }`
	`13`	`+}`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ const ExecuteQueryPropertyView = ({`
`99`	`99`	`const ExecuteQueryTmpAction = (function () {`
`100`	`100`	`const childrenMap = {`
`101`	`101`	`queryName: SimpleNameComp,`
`102`		`- queryVariables: withDefault(keyValueListControl(false, [], "string"), [])`
	`102`	`+ queryVariables: withDefault(keyValueListControl(false, [], "variable"), [])`
`103`	`103`	`};`
`104`	`104`	`return new MultiCompBuilder(childrenMap, () => {`
`105`	`105`	`return () => Promise.resolve(undefined as unknown);`

Lines changed: 10 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ import { StringControl } from "./codeControl";`
`6`	`6`	`import { ControlParams } from "./controlParams";`
`7`	`7`	`import { dropdownControl } from "./dropdownControl";`
`8`	`8`	`import { ParamsStringControl } from "./paramsControl";`
	`9`	`+import { SimpleVariableHeaderComp } from "../comps/simpleVariableHeaderComp";`
`9`	`10`
`10`	`11`	const KeyValueWrapper = styled.div`
`11`	`12`	`display: flex;`
`@@ -58,13 +59,20 @@ export type KeyValueControlParams = ControlParams & {`
`58`	`59`	`export function keyValueControl<T extends OptionsType>(`
`59`	`60`	`hasType: boolean = false,`
`60`	`61`	`types: T,`
`61`		`- controlType: "params" \| "string" = "params"`
	`62`	`+ controlType: "params" \| "string" \|"variable"= "params"`
`62`	`63`	`) {`
`63`		`- const childrenMap = {`
	`64`	`+ let childrenMap = {`
`64`	`65`	`key: controlType === "params" ? ParamsStringControl : StringControl,`
`65`	`66`	`value: controlType === "params" ? ParamsStringControl : StringControl,`
`66`	`67`	`type: dropdownControl(types, types[0]?.value),`
`67`	`68`	`};`
	`69`	`+ if(controlType === "variable") {`
	`70`	`+ childrenMap = {`
	`71`	`+ key: SimpleVariableHeaderComp as any,`
	`72`	`+ value: SimpleVariableHeaderComp as any,`
	`73`	`+ type: dropdownControl(types, types[0]?.value),`
	`74`	`+ };`
	`75`	`+ }`
`68`	`76`	`return class extends new MultiCompBuilder(childrenMap, (props) => {`
`69`	`77`	`return hasType`
`70`	`78`	`? {`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ import { keyValueControl, KeyValueControlParams } from "./keyValueControl"`
`14`	`14`	`export function keyValueListControl<T extends OptionsType>(`
`15`	`15`	`hasType: boolean = false,`
`16`	`16`	`types: T \| OptionsType = [],`
`17`		`- controlType: "params" \| "string" = "params"`
	`17`	`+ controlType: "params" \| "string" \|"variable"= "params"`
`18`	`18`	`) {`
`19`	`19`	`return class extends list(keyValueControl(hasType, types, controlType)) {`
`20`	`20`	`getQueryParams() {`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ import { keyValueListControl } from "../../controls/keyValueListControl";`
`3`	`3`
`4`	`4`	`export const VariablesComp = new MultiCompBuilder(`
`5`	`5`	`{`
`6`		`- variables: withDefault(keyValueListControl(false, [], "string"), [{ key: "", value: "" }]),`
	`6`	`+ variables: withDefault(keyValueListControl(false, [], "variable"), [{ key: "", value: "" }]),`
`7`	`7`	`},`
`8`	`8`	`(props) => props //props.variables`
`9`	`9`	`)`

Comments

(0)