132 lines
2.8 KiB
TypeScript
Executable File
132 lines
2.8 KiB
TypeScript
Executable File
import { formatName } from "lib/comps/form/gen/fields";
|
|
import { generateForm } from "lib/comps/form/gen/gen-form";
|
|
import { createItem } from "lib/gen/utils";
|
|
import get from "lodash.get";
|
|
|
|
export const generateMDForm = async (
|
|
arg: { item: PrasiItem; table: string; fields: any },
|
|
data: any,
|
|
commit: boolean
|
|
) => {
|
|
const item = arg.item;
|
|
const tab_detail = item.edit.childs[0].edit.childs.find(
|
|
(e) => get(e, "component.id") === "cb52075a-14ab-455a-9847-6f1d929a2a73"
|
|
);
|
|
const props: Record<string, PropVal> = {
|
|
gen__table: {
|
|
mode: "string",
|
|
value: arg.table,
|
|
},
|
|
name: {
|
|
mode: "string",
|
|
value: arg.table,
|
|
},
|
|
gen__fields: {
|
|
mode: "raw",
|
|
value: `${JSON.stringify(arg.fields)}`,
|
|
},
|
|
deps: {
|
|
mode: "raw",
|
|
value: `({ md: typeof md !== "undefined" ? md : undefined })`,
|
|
},
|
|
on_load: {
|
|
mode: "string",
|
|
value: "",
|
|
},
|
|
on_submit: {
|
|
mode: "string",
|
|
value: "",
|
|
},
|
|
body: {
|
|
mode: "jsx",
|
|
value: createItem({
|
|
name: "item",
|
|
childs: [],
|
|
}),
|
|
},
|
|
};
|
|
const raw_new_item: any = {
|
|
type: "item",
|
|
name: "item",
|
|
component: {
|
|
id: "c4e65c26-4f36-48aa-a5b3-0771feac082e",
|
|
props,
|
|
},
|
|
};
|
|
|
|
let cur_item = (
|
|
item.edit.childs
|
|
.find((e) => e.name.includes("child"))
|
|
?.edit?.childs?.find((e) => e.name === "tab")?.component?.props as any
|
|
)?.child?.content?.childs?.[0];
|
|
|
|
if (cur_item) {
|
|
const new_item = createItem(raw_new_item) as IItem;
|
|
for (const [k, v] of Object.entries(new_item.component?.props || {})) {
|
|
if (cur_item.component) {
|
|
const prop = v as any;
|
|
if (prop.meta.type !== "content-element") {
|
|
cur_item.component.props[k] = v;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
cur_item = raw_new_item;
|
|
}
|
|
|
|
generateForm(async (props: any) => {}, props, cur_item, false, true);
|
|
|
|
tab_detail?.edit.setProp("breadcrumb", {
|
|
mode: "raw",
|
|
value: `\
|
|
() => {
|
|
const breads: BreadItem[] = [
|
|
{
|
|
label: md.title || "List ${formatName(arg.table)}",
|
|
onClick: () => {
|
|
md.selected = null;
|
|
md.tab.active = "master";
|
|
md.params.apply();
|
|
md.render();
|
|
},
|
|
},
|
|
];
|
|
|
|
if (isEditor) {
|
|
breads.push({ label: lang.t("Add New") });
|
|
} else {
|
|
if (
|
|
md.selected &&
|
|
typeof md.selected === "object"
|
|
) {
|
|
if (Object.keys(md.selected).length === 0){
|
|
breads.push({ label: lang.t("Add New") });
|
|
} else {
|
|
breads.push({ label: guessLabel(md.selected) || "Detail" });
|
|
}
|
|
}
|
|
}
|
|
|
|
return breads;
|
|
};
|
|
|
|
type BreadItem = {
|
|
label: any;
|
|
url?: string;
|
|
onClick?: () => void;
|
|
}
|
|
`,
|
|
});
|
|
|
|
tab_detail?.edit.setChilds([
|
|
{
|
|
type: "item",
|
|
name: "item",
|
|
component: {
|
|
id: "c4e65c26-4f36-48aa-a5b3-0771feac082e",
|
|
props,
|
|
},
|
|
},
|
|
]);
|
|
};
|