import { useEditor } from "@/modules/editor"; import { css } from "@linaria/core"; import { watch } from "vue"; import { string } from "vue-types"; import { useCompData, useCreateChild } from "."; import { Text } from "../../../basicUI"; import { createUIComp } from "../../../defines/createUIComp"; export const Component = createUIComp({ props: { compId: string().isRequired, }, setup(props) { const { helper } = useEditor(); const { value, children } = useCompData(props.compId); const createList = useCreateChild("list"); watch( () => [value.columns], () => { const { columns } = value; const { list } = children; const offset = columns - list.length; if (offset > 0) { children.list.push(...createList(offset)); } else { list.splice(columns, offset * -1); } } ); return () => (