devject-design 0.2.6 → 0.3.0

package/README.md

@@ -10,6 +10,7 @@ Devject Design 是一个基于 Vue 3 和 Element Plus 的可视化表单设计
 - 🎨 **Element Plus 风格**：与 Element Plus UI 完美融合。
 - 🧩 **可视化设计器**：支持拖拽、属性配置、实时预览。
 - 📝 **表单渲染器**：根据 JSON 结构自动渲染表单，支持数据双向绑定与校验。
+- 👁️ **节点可见/只读**：所有内置组件支持“可见”控制，输入类组件支持“只读”控制。
 - 📤 **导入/导出**：支持 JSON 格式的布局与数据导入导出。
 - 📊 **高级组件**：
     - **静态表格 (StaticTable)**：支持 Excel 导入（自动识别表头、清空旧数据）与导出。
@@ -501,6 +502,13 @@ registerComponent({
 - **手动触发**：通过 `FormRenderer` 的 `validate()` 方法。
 - **导出时触发**：调用 `exportData()` 时默认会自动校验，校验失败则抛出异常。
 
+### 4. 可见与只读
+
+- 所有内置组件都支持 `visible` 属性；当值为 `false` 时，节点会在 `FormRenderer` 预览态中隐藏。
+- 设计器画布不会因为 `visible=false` 而隐藏节点，方便继续选中和编辑。
+- 输入类组件额外支持 `readonly` 属性，用于将单个组件设为只读。
+- `FormRenderer` 顶层 `readonly` 仍然保留，适合整张表单统一只读；节点级 `readonly` 适合精细控制单个组件。
+
 
 ## 📄 许可证
 

package/dist/devject/devject-design/src/core/builtin/utils.d.ts

@@ -2,8 +2,12 @@ import { Ref } from 'vue';
 import { FormItemRule } from 'element-plus';
 import { PropConfigItem } from '../../../../../devject-design/devject-design/src/core/registry';
 import { SchemaNode, FormDataModel } from '../../../../../devject-design/devject-design/src/ui/state/types';
+export declare function commonVisibilityConfig(): PropConfigItem[];
+export declare function commonContainerTitleConfig(): PropConfigItem[];
 export declare function commonFieldConfig(includePlaceholder?: boolean): PropConfigItem[];
 export declare const commonDefault: (label: string, fieldPrefix: string) => {
+    visible: boolean;
+    readonly: boolean;
     label: string;
     field: string;
     placeholder: string;