@fangzhongya/page 0.0.32 → 0.0.33

package/dist/config/elements/basis.cjs

@@ -0,0 +1,705 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const json = {
+  // ============ 基础组件 (12个) ============
+  ElAffix: {
+    name: "ElAffix",
+    title: "固钉",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "offset",
+          type: "number",
+          default: 0,
+          title: "偏移距离"
+        },
+        {
+          name: "position",
+          type: "string",
+          default: "top",
+          options: ["top", "bottom"],
+          title: "固定位置"
+        },
+        {
+          name: "target",
+          type: "string",
+          default: "",
+          title: "指定容器（CSS选择器）"
+        },
+        {
+          name: "zIndex",
+          type: "number",
+          default: 100,
+          title: "z-index 层级"
+        }
+      ],
+      emits: [
+        { name: "scroll", param: 1, title: "滚动时触发" },
+        { name: "change", param: 1, title: "固定状态变化时触发" }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "固钉内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElButton: {
+    name: "ElButton",
+    title: "按钮",
+    status: { inline: true },
+    support: {
+      config: ["config:ref", "config:value"],
+      attrs: [
+        {
+          compon: "choice",
+          name: "type",
+          type: "string",
+          default: "",
+          options: [
+            "primary",
+            "success",
+            "warning",
+            "danger",
+            "info",
+            "text"
+          ],
+          title: "类型"
+        },
+        {
+          name: "plain",
+          type: "boolean",
+          default: false,
+          title: "朴素按钮"
+        },
+        {
+          name: "text",
+          type: "boolean",
+          default: false,
+          title: "文字按钮"
+        },
+        {
+          name: "link",
+          type: "boolean",
+          default: false,
+          title: "链接按钮"
+        },
+        {
+          name: "round",
+          type: "boolean",
+          default: false,
+          title: "圆角按钮"
+        },
+        {
+          name: "circle",
+          type: "boolean",
+          default: false,
+          title: "圆形按钮"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        {
+          compon: "choice",
+          name: "size",
+          type: "string",
+          options: ["large", "default", "small"],
+          title: "尺寸"
+        },
+        {
+          name: "loading",
+          type: "boolean",
+          default: false,
+          title: "加载中状态"
+        },
+        {
+          name: "autofocus",
+          type: "boolean",
+          default: false,
+          title: "自动获取焦点"
+        },
+        {
+          name: "nativeType",
+          type: "string",
+          default: "button",
+          title: "原生 type 属性"
+        }
+      ],
+      emits: [{ name: "click", param: 1, title: "点击事件" }],
+      slots: [
+        { name: "default", title: "按钮内容" },
+        { name: "icon", title: "图标" },
+        { name: "loading", title: "加载中状态下的内容" }
+      ]
+    }
+  },
+  ElIcon: {
+    name: "ElIcon",
+    title: "图标",
+    status: { inline: true },
+    support: {
+      props: [
+        { name: "size", type: ["number", "string"], title: "图标尺寸" },
+        { name: "color", type: "string", title: "图标颜色" }
+      ],
+      slots: [
+        { name: "default", title: "自定义图标组件", required: true }
+      ]
+    }
+  },
+  ElLink: {
+    name: "ElLink",
+    title: "链接",
+    status: { inline: true },
+    support: {
+      config: ["config:ref", "config:value"],
+      props: [
+        {
+          compon: "choice",
+          name: "type",
+          type: "string",
+          default: "default",
+          options: [
+            "primary",
+            "success",
+            "warning",
+            "danger",
+            "info",
+            "default"
+          ],
+          title: "类型"
+        },
+        {
+          name: "underline",
+          type: "boolean",
+          default: true,
+          title: "是否显示下划线"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        { name: "href", type: "string", title: "原生 href 属性" },
+        {
+          compon: "choice",
+          name: "target",
+          type: "string",
+          options: ["_blank", "_self", "_parent", "_top"],
+          title: "打开方式"
+        },
+        { name: "icon", type: "string", title: "图标组件" }
+      ],
+      emits: [{ name: "click", param: 1, title: "点击事件" }],
+      slots: [
+        { name: "default", title: "链接内容" },
+        { name: "icon", title: "自定义图标，覆盖 icon 属性" }
+      ]
+    }
+  },
+  ElScrollbar: {
+    name: "ElScrollbar",
+    title: "滚动条",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "height",
+          type: ["string", "number"],
+          title: "滚动条容器高度"
+        },
+        {
+          name: "maxHeight",
+          type: ["string", "number"],
+          title: "滚动条容器最大高度"
+        },
+        {
+          name: "native",
+          type: "boolean",
+          default: false,
+          title: "是否使用原生滚动条样式"
+        },
+        {
+          name: "wrapStyle",
+          type: ["string", "object", "array"],
+          title: "包裹容器的样式"
+        },
+        {
+          name: "viewStyle",
+          type: ["string", "object", "array"],
+          title: "视图容器的样式"
+        },
+        {
+          name: "always",
+          type: "boolean",
+          default: false,
+          title: "滚动条是否总是显示"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "滚动条内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElSpace: {
+    name: "ElSpace",
+    title: "间距",
+    support: {
+      props: [
+        {
+          name: "size",
+          type: ["number", "string", "array"],
+          default: "default",
+          title: "间距大小"
+        },
+        {
+          name: "direction",
+          type: "string",
+          default: "horizontal",
+          options: ["horizontal", "vertical"],
+          title: "排列方向"
+        },
+        { name: "alignment", type: "string", title: "对齐方式" },
+        {
+          name: "wrap",
+          type: "boolean",
+          default: false,
+          title: "是否自动换行"
+        },
+        {
+          name: "fill",
+          type: "boolean",
+          default: false,
+          title: "子元素是否填充容器"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "需要设置间距的内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElText: {
+    name: "ElText",
+    title: "文本",
+    status: { inline: true },
+    support: {
+      config: ["config:ref", "config:value"],
+      props: [
+        {
+          compon: "choice",
+          name: "type",
+          type: "string",
+          default: "",
+          options: [
+            "primary",
+            "success",
+            "warning",
+            "danger",
+            "info",
+            ""
+          ],
+          title: "类型"
+        },
+        {
+          compon: "choice",
+          name: "size",
+          type: "string",
+          options: ["large", "default", "small"],
+          title: "尺寸"
+        },
+        {
+          name: "truncated",
+          type: "boolean",
+          default: false,
+          title: "文本是否截断显示"
+        },
+        {
+          name: "lineClamp",
+          type: "number",
+          title: "多行文本的最大行数"
+        }
+      ],
+      slots: [{ name: "default", title: "文本内容" }]
+    }
+  },
+  ElRow: {
+    name: "ElRow",
+    title: "行",
+    status: { add: "ElCol" },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "gutter",
+          type: "number",
+          default: 0,
+          title: "栅格间隔"
+        },
+        {
+          name: "justify",
+          type: "string",
+          default: "start",
+          options: [
+            "start",
+            "end",
+            "center",
+            "space-between",
+            "space-around",
+            "space-evenly"
+          ],
+          title: "水平排列方式"
+        },
+        {
+          name: "align",
+          type: "string",
+          options: ["top", "middle", "bottom"],
+          title: "垂直对齐方式"
+        },
+        {
+          name: "tag",
+          type: "string",
+          default: "div",
+          title: "自定义元素标签"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "列内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElCol: {
+    name: "ElCol",
+    title: "列",
+    support: {
+      config: ["ref"],
+      attrs: [],
+      props: [
+        {
+          name: "span",
+          type: "number",
+          default: 24,
+          title: "栅格占据的列数",
+          config: {
+            min: 1,
+            step: 1,
+            max: 24
+          }
+        },
+        {
+          name: "offset",
+          type: "number",
+          default: 0,
+          title: "栅格左侧的间隔格数"
+        },
+        {
+          name: "push",
+          type: "number",
+          default: 0,
+          title: "栅格向右移动格数"
+        },
+        {
+          name: "pull",
+          type: "number",
+          default: 0,
+          title: "栅格向左移动格数"
+        },
+        {
+          name: "xs",
+          type: ["number", "object"],
+          title: "<768px 响应式栅格"
+        },
+        {
+          name: "sm",
+          type: ["number", "object"],
+          title: "≥768px 响应式栅格"
+        },
+        {
+          name: "md",
+          type: ["number", "object"],
+          title: "≥992px 响应式栅格"
+        },
+        {
+          name: "lg",
+          type: ["number", "object"],
+          title: "≥1200px 响应式栅格"
+        },
+        {
+          name: "xl",
+          type: ["number", "object"],
+          title: "≥1920px 响应式栅格"
+        },
+        {
+          name: "tag",
+          type: "string",
+          default: "div",
+          title: "自定义元素标签"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "列内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  // --- 2. 容器布局组件 ---
+  ElContainer: {
+    name: "ElContainer",
+    title: "外层容器",
+    status: {},
+    // 可添加的子组件
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "direction",
+          type: "string",
+          options: ["horizontal", "vertical"],
+          title: "子元素排列方向",
+          descr: "默认行为：子元素含 ElHeader 或 ElFooter 时为 vertical，否则为 horizontal[citation:2]"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "容器内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElHeader: {
+    name: "ElHeader",
+    title: "顶栏容器",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "height",
+          type: "string",
+          default: "60px",
+          title: "高度"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "顶栏内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElAside: {
+    name: "ElAside",
+    title: "侧边栏容器",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "width",
+          type: "string",
+          default: "300px",
+          title: "宽度"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "侧边栏内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElMain: {
+    name: "ElMain",
+    title: "主要区域容器",
+    support: {
+      config: ["ref"],
+      slots: [
+        {
+          name: "default",
+          title: "主要内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElFooter: {
+    name: "ElFooter",
+    title: "底栏容器",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "height",
+          type: "string",
+          default: "60px",
+          title: "高度"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "底栏内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElSplitter: {
+    name: "ElSplitter",
+    title: "分隔面板",
+    status: { add: "ElSplitterPanel" },
+    // 表示容器内可添加子面板
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "layout",
+          type: "string",
+          default: "horizontal",
+          options: ["horizontal", "vertical"],
+          title: "布局方向",
+          descr: "horizontal (水平) / vertical (垂直)"
+        },
+        {
+          name: "lazy",
+          type: "boolean",
+          default: false,
+          title: "懒更新模式",
+          descr: "为 true 时，面板尺寸只在拖拽结束后更新"
+        }
+      ],
+      emits: [
+        {
+          name: "resize-start",
+          param: 1,
+          title: "开始调整面板大小时触发"
+        },
+        {
+          name: "resize",
+          param: 1,
+          title: "调整面板大小时触发"
+        },
+        {
+          name: "resize-end",
+          param: 1,
+          title: "面板调整大小结束时触发"
+        },
+        {
+          name: "collapse",
+          param: 1,
+          title: "当面板折叠时触发"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "面板内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElSplitterPanel: {
+    name: "ElSplitterPanel",
+    title: "分隔面板-子面板",
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "size",
+          type: ["string", "number"],
+          model: true,
+          // 注意：此处使用 v-model:size 绑定
+          title: "面板尺寸",
+          descr: '初始大小，支持像素(如300)或百分比(如"30%")'
+        },
+        {
+          name: "min",
+          type: ["string", "number"],
+          title: "最小尺寸",
+          descr: "面板最小尺寸，支持像素或百分比"
+        },
+        {
+          name: "max",
+          type: ["string", "number"],
+          title: "最大尺寸",
+          descr: "面板最大尺寸，支持像素或百分比"
+        },
+        {
+          name: "resizable",
+          type: "boolean",
+          default: true,
+          title: "是否可调整大小"
+        },
+        {
+          name: "collapsible",
+          type: "boolean",
+          default: false,
+          title: "是否可折叠",
+          descr: "为 true 时，面板可折叠收起"
+        }
+      ],
+      emits: [
+        {
+          name: "update:size",
+          param: 1,
+          title: "当面板大小改变时触发"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "面板的默认内容",
+          required: true,
+          default: []
+        },
+        {
+          name: "start-collapsible",
+          title: "自定义起始折叠按钮的内容"
+        },
+        {
+          name: "end-collapsible",
+          title: "自定义结束折叠按钮的内容"
+        }
+      ]
+    }
+  }
+  // ============ 基础组件结束 ============
+};
+exports.default = json;

package/dist/config/elements/basis.d.ts

@@ -0,0 +1,4 @@
+declare const json: {
+    [key: string]: ControlDesign;
+};
+export default json;