@fangzhongya/page 0.0.32 → 0.0.33

package/dist/config/elements/navigat.js

@@ -0,0 +1,608 @@
+const json = {
+  // ============ 导航组件 ============
+  ElBreadcrumb: {
+    name: "ElBreadcrumb",
+    title: "面包屑",
+    status: { add: "ElBreadcrumbItem" },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "separator",
+          type: "string",
+          default: "/",
+          title: "分隔符"
+        },
+        {
+          name: "separatorClass",
+          type: "string",
+          title: "图标分隔符的类名"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "面包屑项",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElBreadcrumbItem: {
+    name: "ElBreadcrumbItem",
+    title: "面包屑项",
+    support: {
+      props: [
+        {
+          name: "to",
+          type: ["string", "object"],
+          title: "路由跳转对象，同 vue-router 的 to"
+        },
+        {
+          name: "replace",
+          type: "boolean",
+          default: false,
+          title: "在使用 to 进行路由跳转时，是否启用 replace 模式"
+        }
+      ],
+      slots: [{ name: "default", title: "项目内容" }]
+    }
+  },
+  ElDropdown: {
+    name: "ElDropdown",
+    title: "下拉菜单",
+    status: { inline: true },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "type",
+          type: "string",
+          options: [
+            "primary",
+            "success",
+            "warning",
+            "danger",
+            "info",
+            ""
+          ],
+          title: "菜单按钮类型"
+        },
+        {
+          name: "size",
+          type: "string",
+          options: ["large", "default", "small"],
+          title: "菜单尺寸"
+        },
+        {
+          name: "splitButton",
+          type: "boolean",
+          default: false,
+          title: "是否为下拉按钮"
+        },
+        {
+          name: "trigger",
+          type: "string",
+          default: "hover",
+          options: ["hover", "click", "contextmenu"],
+          title: "触发方式"
+        },
+        {
+          name: "hideOnClick",
+          type: "boolean",
+          default: true,
+          title: "是否在点击菜单项后隐藏菜单"
+        },
+        {
+          name: "showTimeout",
+          type: "number",
+          default: 150,
+          title: "打开菜单的延时（仅在 trigger 为 hover 时有效）"
+        },
+        {
+          name: "hideTimeout",
+          type: "number",
+          default: 150,
+          title: "关闭菜单的延时（仅在 trigger 为 hover 时有效）"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        {
+          name: "placement",
+          type: "string",
+          default: "bottom",
+          options: [
+            "top",
+            "top-start",
+            "top-end",
+            "bottom",
+            "bottom-start",
+            "bottom-end",
+            "left",
+            "left-start",
+            "left-end",
+            "right",
+            "right-start",
+            "right-end"
+          ],
+          title: "菜单弹出位置"
+        },
+        {
+          name: "teleported",
+          type: "boolean",
+          default: true,
+          title: "是否将下拉列表插入至 body 元素"
+        }
+      ],
+      emits: [
+        {
+          name: "click",
+          param: 1,
+          title: "点击菜单项触发（splitButton 为 true 时，点击左侧按钮触发）"
+        },
+        { name: "command", param: 2, title: "点击菜单项触发" },
+        {
+          name: "visible-change",
+          param: 1,
+          title: "下拉框出现/隐藏时触发"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "触发下拉列表显示的元素",
+          required: true,
+          default: []
+        },
+        {
+          name: "dropdown",
+          title: "下拉列表，通常为 ElDropdownMenu 组件",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElDropdownMenu: {
+    name: "ElDropdownMenu",
+    title: "下拉菜单列表",
+    status: { add: "ElDropdownItem" },
+    support: {
+      slots: [
+        {
+          name: "default",
+          title: "下拉菜单项",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElDropdownItem: {
+    name: "ElDropdownItem",
+    title: "下拉菜单项",
+    support: {
+      props: [
+        {
+          name: "command",
+          type: ["string", "number", "object"],
+          title: "指令，触发 command 回调的参数"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        {
+          name: "divided",
+          type: "boolean",
+          default: false,
+          title: "是否显示分割线"
+        },
+        { name: "icon", type: "string", title: "图标组件" }
+      ],
+      emits: [{ name: "click", param: 1, title: "点击菜单项触发" }],
+      slots: [{ name: "default", title: "菜单项内容" }]
+    }
+  },
+  ElMenu: {
+    name: "ElMenu",
+    title: "导航菜单",
+    status: { add: "ElSubMenu" },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "mode",
+          type: "string",
+          default: "vertical",
+          options: ["horizontal", "vertical"],
+          title: "菜单展示模式"
+        },
+        {
+          name: "collapse",
+          type: "boolean",
+          default: false,
+          title: "是否水平折叠收起菜单（仅在 mode 为 vertical 时可用）"
+        },
+        {
+          name: "backgroundColor",
+          type: "string",
+          title: "菜单的背景色"
+        },
+        { name: "textColor", type: "string", title: "菜单的文字颜色" },
+        {
+          name: "activeTextColor",
+          type: "string",
+          title: "当前激活菜单的文字颜色"
+        },
+        {
+          name: "defaultActive",
+          type: "string",
+          default: "",
+          title: "页面加载时默认激活菜单的 index"
+        },
+        {
+          name: "uniqueOpened",
+          type: "boolean",
+          default: false,
+          title: "是否只保持一个子菜单的展开"
+        },
+        {
+          name: "router",
+          type: "boolean",
+          default: false,
+          title: "是否使用 vue-router 的模式"
+        },
+        {
+          name: "collapseTransition",
+          type: "boolean",
+          default: true,
+          title: "是否开启折叠动画"
+        }
+      ],
+      emits: [
+        { name: "select", param: 2, title: "菜单激活回调" },
+        { name: "open", param: 2, title: "子菜单展开的回调" },
+        { name: "close", param: 2, title: "子菜单收起的回调" }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "菜单内容",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElMenuItem: {
+    name: "ElMenuItem",
+    title: "菜单项",
+    support: {
+      props: [
+        {
+          name: "index",
+          type: "string",
+          required: true,
+          title: "唯一标识"
+        },
+        {
+          name: "route",
+          type: ["string", "object"],
+          title: "Vue Router 路径对象"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        }
+      ],
+      slots: [
+        { name: "default", title: "菜单项内容" },
+        { name: "title", title: "自定义菜单项标题" }
+      ]
+    }
+  },
+  ElSubMenu: {
+    name: "ElSubMenu",
+    title: "子菜单",
+    status: { add: "ElMenuItem" },
+    support: {
+      props: [
+        {
+          name: "index",
+          type: "string",
+          required: true,
+          title: "唯一标识"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        {
+          name: "popperClass",
+          type: "string",
+          title: "弹出菜单的自定义类名"
+        },
+        {
+          name: "teleported",
+          type: "boolean",
+          default: true,
+          title: "是否将弹出菜单插入至 body 元素"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "子菜单内容",
+          required: true,
+          default: []
+        },
+        { name: "title", title: "子菜单标题" }
+      ]
+    }
+  },
+  ElMenuItemGroup: {
+    name: "ElMenuItemGroup",
+    title: "菜单项分组",
+    support: {
+      props: [{ name: "title", type: "string", title: "分组标题" }],
+      slots: [
+        {
+          name: "default",
+          title: "该分组下的菜单项",
+          required: true,
+          default: []
+        },
+        { name: "title", title: "自定义分组标题" }
+      ]
+    }
+  },
+  ElPageHeader: {
+    name: "ElPageHeader",
+    title: "页头",
+    support: {
+      config: ["ref"],
+      props: [
+        { name: "icon", type: "string", title: "标题左侧的图标组件" },
+        {
+          name: "title",
+          type: "string",
+          default: "返回",
+          title: "主标题"
+        },
+        { name: "content", type: "string", title: "内容" }
+      ],
+      emits: [{ name: "back", param: 0, title: "点击左侧区域时触发" }],
+      slots: [
+        { name: "default", title: "内容区域" },
+        { name: "icon", title: "自定义图标" },
+        { name: "title", title: "自定义标题" },
+        { name: "content", title: "自定义内容" },
+        { name: "extra", title: "右侧操作区" }
+      ]
+    }
+  },
+  ElSteps: {
+    name: "ElSteps",
+    title: "步骤条",
+    status: { add: "ElStep" },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "space",
+          type: ["number", "string"],
+          title: "每个 step 的间距，不填写将自适应间距"
+        },
+        {
+          name: "direction",
+          type: "string",
+          default: "horizontal",
+          options: ["vertical", "horizontal"],
+          title: "显示方向"
+        },
+        {
+          name: "active",
+          type: "number",
+          default: 0,
+          title: "设置当前激活步骤"
+        },
+        {
+          name: "processStatus",
+          type: "string",
+          default: "process",
+          options: ["wait", "process", "finish", "error", "success"],
+          title: "当前步骤的状态"
+        },
+        {
+          name: "finishStatus",
+          type: "string",
+          default: "finish",
+          options: ["wait", "process", "finish", "error", "success"],
+          title: "结束步骤的状态"
+        },
+        {
+          name: "alignCenter",
+          type: "boolean",
+          default: false,
+          title: "标题和描述是否居中"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "步骤项",
+          required: true,
+          default: []
+        }
+      ]
+    }
+  },
+  ElStep: {
+    name: "ElStep",
+    title: "步骤项",
+    support: {
+      props: [
+        { name: "title", type: "string", title: "标题" },
+        { name: "description", type: "string", title: "描述性文字" },
+        { name: "icon", type: "string", title: "图标组件" },
+        {
+          name: "status",
+          type: "string",
+          options: ["wait", "process", "finish", "error", "success"],
+          title: "当前步骤的状态"
+        }
+      ],
+      slots: [
+        { name: "default", title: "步骤项内容" },
+        { name: "title", title: "自定义标题" },
+        { name: "icon", title: "自定义图标" },
+        { name: "description", title: "自定义描述" }
+      ]
+    }
+  },
+  ElTabs: {
+    name: "ElTabs",
+    title: "标签页",
+    status: { add: "ElTabPane" },
+    support: {
+      config: ["ref"],
+      props: [
+        {
+          name: "modelValue",
+          type: ["string", "number"],
+          model: true,
+          title: "绑定值，选中选项卡的 name"
+        },
+        {
+          name: "type",
+          type: "string",
+          default: "",
+          options: ["card", "border-card", ""],
+          title: "风格类型"
+        },
+        {
+          name: "tabPosition",
+          type: "string",
+          default: "top",
+          options: ["top", "right", "bottom", "left"],
+          title: "选项卡所在位置"
+        },
+        {
+          name: "stretch",
+          type: "boolean",
+          default: false,
+          title: "标签的宽度是否自撑开"
+        },
+        {
+          name: "beforeLeave",
+          type: "function",
+          title: "切换标签之前的钩子函数，若返回 false 或者返回 Promise 且被 reject，则阻止切换"
+        },
+        {
+          name: "editable",
+          type: "boolean",
+          default: false,
+          title: "标签是否可增删"
+        },
+        {
+          name: "addable",
+          type: "boolean",
+          default: false,
+          title: "标签是否可增加"
+        },
+        {
+          name: "closable",
+          type: "boolean",
+          default: false,
+          title: "标签是否可关闭"
+        }
+      ],
+      emits: [
+        { name: "tabClick", param: 1, title: "tab 被选中时触发" },
+        { name: "tabChange", param: 1, title: "activeName 改变时触发" },
+        {
+          name: "tabRemove",
+          param: 1,
+          title: "点击 tab 移除按钮时触发"
+        },
+        {
+          name: "edit",
+          param: 2,
+          title: "点击 tabs 的新增按钮或 tab 被关闭后触发"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "标签页内容",
+          required: true,
+          default: []
+        },
+        { name: "nav", title: "选项卡标题区域" }
+      ]
+    }
+  },
+  ElTabPane: {
+    name: "ElTabPane",
+    title: "标签页项",
+    support: {
+      props: [
+        {
+          name: "label",
+          type: "string",
+          required: true,
+          title: "选项卡标题"
+        },
+        {
+          name: "name",
+          type: ["string", "number"],
+          required: true,
+          title: "与选项卡 activeName 对应的标识符"
+        },
+        {
+          name: "disabled",
+          type: "boolean",
+          default: false,
+          title: "是否禁用"
+        },
+        {
+          name: "closable",
+          type: "boolean",
+          default: false,
+          title: "标签是否可关闭"
+        },
+        {
+          name: "lazy",
+          type: "boolean",
+          default: false,
+          title: "标签是否延迟渲染"
+        }
+      ],
+      slots: [
+        {
+          name: "default",
+          title: "选项卡内容",
+          required: true,
+          default: []
+        },
+        { name: "label", title: "自定义选项卡标题的内容" }
+      ]
+    }
+  }
+  // ============ 导航组件结束 ============
+};
+export {
+  json as default
+};