feat: right side panel (#6952)

<img width="1183" height="809" alt="CleanShot 2025-11-26 at 16 01 15"
src="https://github.com/user-attachments/assets/c14dc5c3-a672-4dcd-917d-14f16310188e"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6952-feat-right-side-panel-2b76d73d36508112b121c283a479f42a)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Rizumu Ayaka
2025-12-03 13:55:24 +08:00
committed by GitHub
parent fb54669dc3
commit 68274134c8
42 changed files with 1271 additions and 374 deletions

View File

@@ -1,18 +1,24 @@
<script setup lang="ts">
import { noop } from 'es-toolkit'
import { inject } from 'vue'
import type { SimplifiedWidget } from '@/types/simplifiedWidget'
defineProps<{
widget: Pick<SimplifiedWidget<string | number | undefined>, 'name' | 'label'>
}>()
const hideLayoutField = inject<boolean>('hideLayoutField', false)
</script>
<template>
<div
class="grid grid-cols-subgrid h-7.5 min-w-0 items-center justify-between gap-1"
>
<div class="relative flex h-full min-w-0 items-center">
<div
v-if="!hideLayoutField"
class="relative flex h-full min-w-0 items-center"
>
<p
v-if="widget.name"
class="flex-1 truncate text-xs font-normal text-node-component-slot-text"