@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
996 lines (995 loc) • 23.5 kB
JSON
{
"bk-alert": {
"attributes": ["title", "closable", "close-text", "show-icon", "on-close"],
"subtags": [],
"description": "页面上面的提示信息"
},
"bk-animate-number": { "attributes": ["digits", "ext-cls"], "subtags": [], "description": "给数字加上动画效果" },
"bk-badge": {
"attributes": [
"val",
"icon",
"max",
"dot",
"visible",
"position",
"ext-cls",
"radius",
"valLength",
"on-hover",
"on-leave"
],
"subtags": [],
"description": "可以出现在任意 DOM 节点角上的数字或状态标记"
},
"bk-tree-node": { "attributes": ["name"] },
"bk-big-tree": {
"attributes": ["on-select-change", "on-check-change", "on-expand-change", "on-disable-change"],
"subtags": [],
"description": "非递归渲染的树组件,适用于渲染大量树节点,更快的渲染速度,更少的内存使用,并且节点状态不污染原始数据"
},
"bk-breadcrumb": { "attributes": ["separator", "separator-class"] },
"bk-breadcrumb-item": { "attributes": ["to", "replace"] },
"bk-button": {
"attributes": [
"hover-theme",
"size",
"title",
"icon",
"icon-right",
"disabled",
"loading",
"outline",
"text",
"ext-cls",
"on-click"
],
"subtags": [],
"description": "常用的操作按钮"
},
"bk-card": {
"attributes": [
"is-collapse",
"collapse-icons",
"collapse-status",
"position",
"showHead",
"showFoot",
"isEdit",
"border",
"on-edit"
],
"subtags": ["header", "footer"],
"description": "卡片是一种容器,可以将信息聚合展示。"
},
"bk-cascade": {
"attributes": [
"value",
"multiple",
"list",
"options",
"scroll-height",
"scroll-width",
"placeholder",
"disabled",
"clearable",
"check-any-level",
"filterable",
"show-complete-name",
"separator",
"trigger",
"remote-method",
"is-remote",
"popover-options",
"toggle",
"change",
"clear",
"search"
]
},
"bk-checkbox": {
"attributes": [
"name",
"value",
"true-value",
"false-value",
"disabled",
"checked",
"indeterminate",
"ext-cls",
"before-change"
]
},
"bk-checkbox-group": { "attributes": ["name"] },
"bk-collapse": { "attributes": ["active-name", "accordion", "ext-cls"] },
"bk-collapse-item": {
"attributes": ["name", "ext-cls", "content-hidden-type", "hide-arrow", "custom-trigger-area", "disabled"]
},
"bk-color-picker": {
"attributes": ["size", "show-value", "transfer", "disabled", "readonly", "recommend", "ext-cls", "on-change"],
"subtags": [],
"description": "用于颜色选择,支持多种颜色格式,支持颜色预设。"
},
"bk-compose-form-item": {
"attributes": ["tail-background-color"],
"subtags": [],
"description": "多个表单项组合排版的布局风格"
},
"bk-date-picker": {
"attributes": [
"type",
"value",
"editable",
"format",
"readonly",
"disabled",
"clearable",
"open",
"multiple",
"time-picker-options",
"start-date",
"placeholder",
"placement",
"transfer",
"shortcuts",
"shortcut-close",
"options",
"font-size",
"ext-cls",
"up-to-now",
"use-shortcut-text",
"shortcut-selected-index",
"footer-slot-cls",
"behavior",
"on-change",
"on-clear",
"on-open-change",
"on-pick-success",
"on-shortcut-change"
],
"subtags": ["trigger", "footer"],
"description": " DatePicker 日期选择器"
},
"bk-dialog": {
"attributes": [
"title",
"render-directive",
"ok-text",
"cancel-text",
"theme",
"position",
"width",
"show-mask",
"mask-close",
"close-icon",
"esc-close",
"fullscreen",
"header-position",
"show-footer",
"footer-position",
"draggable",
"scrollable",
"transfer",
"auto-close",
"on-close",
"confirm-fn",
"ext-cls",
"on-confirm",
"on-cancel",
"on-value-change",
"on-after-leave"
],
"subtags": ["header", "footer", "tools"],
"description": "可完全定制内容的弹框"
},
"bk-diff": {
"attributes": ["new-content", "context", "theme", "format", "ext-cls"],
"subtags": [],
"description": " Diff 差异对比"
},
"bk-divider": {
"attributes": ["align", "color", "width", "type"],
"subtags": [],
"description": "区分内容 的 分割线"
},
"bk-dropdown-menu": {
"attributes": ["trigger", "font-size", "disabled", "ext-cls", "on-show", "on-hide"],
"subtags": ["dropdown-trigger", "dropdown-content"],
"description": " DropdownMenu 下拉菜单"
},
"bk-exception": { "attributes": ["scene", "ext-cls"], "subtags": [], "description": " Exception 异常提示" },
"bk-fixed-navbar": { "attributes": ["navItems", "ext-cls"], "subtags": [], "description": " FixedNavbar 悬浮导航" },
"bk-form": { "attributes": ["form-type", "label-width", "model", "rules", "ext-cls"] },
"bk-form-item": {
"attributes": [
"property",
"label",
"label-width",
"error-display-type",
"desc",
"desc-type",
"desc-icon",
"required",
"rules",
"icon-offset",
"ext-cls",
"auto-check"
]
},
"bk-container": { "attributes": ["col", "gutter", "margin", "flex", "ext-cls"] },
"bk-col": { "attributes": ["span", "offset", "pull", "push"] },
"bk-icon": { "attributes": ["svg", "width", "height"], "subtags": [], "description": "`bk-magic-vue` 图标集" },
"bk-image": {
"attributes": [
"src",
"fit",
"alt",
"referrer-policy",
"lazy",
"scroll-container",
"fallback",
"preview-src-list",
"z-index",
"isShowPreviewTitle"
]
},
"bk-image-viewer": { "attributes": ["urlList", "isShowTitle", "onSwitch", "onClose", "initialIndex"] },
"bk-info-box": {
"attributes": [
"width",
"type",
"title",
"subHeader",
"subTitle",
"showFooter",
"theme",
"maskClose",
"escClose",
"closeIcon",
"okText",
"cancelText",
"container",
"icon",
"confirmLoading",
"confirmFn",
"cancelFn",
"closeFn",
"stateChangeFn",
"afterLeaveFn"
],
"subtags": [],
"description": "模态对话框组件,可用于消息提示,成功提示,错误提示,后续操作询问等"
},
"bk-HTML": { "attributes": [] },
"bk-link": {
"attributes": ["href", "disabled", "underline", "icon", "icon-placement", "on-click"],
"subtags": [],
"description": "文字超链接"
},
"bk-loading": {
"attributes": [
"mode",
"title",
"size",
"theme",
"delay",
"immediate",
"opacity",
"color",
"zIndex",
"afterLeave",
"extCls"
],
"subtags": [],
"description": "覆盖正在加载数据的组件一个 loading 层"
},
"bk-message": {
"attributes": [
"icon",
"message",
"delay",
"dismissable",
"offsetY",
"spacing",
"limit",
"ellipsisLine",
"onClose",
"extCls",
"ellipsisCopy"
],
"subtags": [],
"description": "用户操作后的消息提示,用于成功、失败、警告等消息提醒。"
},
"bk-navigation": {
"attributes": [
"nav-width",
"hover-width",
"side-title",
"header-title",
"hover-leave-delay",
"default-open",
"theme-color",
"head-height",
"navigation-type",
"need-menu",
"ext-cls"
]
},
"bk-navigation-menu": {
"attributes": [
"default-active",
"unique-opened",
"toggle-active",
"item-hover-bg-color",
"item-hover-color",
"item-active-bg-color",
"item-active-color",
"item-default-bg-color",
"item-default-color",
"item-default-icon-color",
"item-child-icon-default-color",
"item-child-icon-hover-color",
"item-active-icon-color",
"item-hover-icon-color",
"item-child-icon-active-color",
"sub-menu-open-bg-color",
"before-nav-change"
]
},
"bk-navigation-menu-item": { "attributes": ["id", "disabled", "icon", "has-child", "group", "title"] },
"bk-navigation-menu-group": { "attributes": ["groupName"] },
"bk-notify": {
"attributes": [
"icon",
"title",
"message",
"position",
"delay",
"dismissable",
"limit",
"limitLine",
"showViewMore",
"offsetX",
"offsetY",
"onViewMoreHandler",
"onClose",
"ext-cls"
],
"subtags": [],
"description": "用来给用户推送通知提示信息,通知可配置为从界面的四个角出现"
},
"bk-pagination": {
"attributes": [
"current",
"limit",
"limit-list",
"show-limit",
"location",
"align",
"type",
"size",
"small",
"show-total-count",
"ext-cls",
"on-change",
"on-limit-change"
],
"subtags": [],
"description": "分页显示数据"
},
"bk-popconfirm": {
"attributes": [
"content",
"trigger",
"confirm-text",
"cancel-text",
"ext-cls",
"ext-popover-cls",
"on-confirm",
"on-cancel"
],
"subtags": ["content"],
"description": "区别于使用模态的 Info 弹窗,弹出确认框是非模态的、符合就近原则的,尽量减少对流程的打断干扰"
},
"bk-popover": {
"attributes": [
"delay",
"width",
"max-width",
"always",
"content",
"disabled",
"transfer",
"on-show",
"on-hide",
"tippy-options",
"ext-cls",
"z-index"
],
"subtags": [],
"description": "当鼠标指向页面元素时给出简单的提示"
},
"bk-process": {
"attributes": ["display-key", "controllable", "show-steps", "cur-process", "ext-cls", "on-process-changed"],
"subtags": [],
"description": " Process 步骤"
},
"bk-progress": {
"attributes": ["percent", "size", "stroke-width", "text-inside", "color", "show-text", "title-style", "ext-cls"],
"subtags": [],
"description": "进度条"
},
"bk-radio": { "attributes": ["name", "value", "disabled", "checked", "ext-cls"] },
"bk-radio-group": { "attributes": ["name"] },
"bk-rate": {
"attributes": ["tooltips", "edit", "width", "height", "ext-cls", "on-score"],
"subtags": [],
"description": "评分组件,支持展示分数和评分"
},
"bk-resize-layout": {
"attributes": [
"initial-divide",
"placement",
"min",
"max",
"disabled",
"immediate",
"collapsible",
"auto-minimize",
"border",
"ext-cls"
]
},
"bk-round-progress": {
"attributes": [
"width",
"num-unit",
"content",
"num-show",
"num-style",
"title",
"title-style",
"config",
"ext-cls"
],
"subtags": [],
"description": "环形进度条"
},
"bk-search-select": {
"attributes": [
"data",
"values",
"split-code",
"explain-code",
"placeholder",
"empty-text",
"max-height",
"min-height",
"strink",
"show-delay",
"display-key",
"primary-key",
"condition",
"filter",
"filter-children-method",
"filter-menu-method",
"remote-method",
"remote-empty-text",
"remote-loading-text",
"show-condition",
"key-delay",
"readonly",
"wrap-zindex",
"popover-zindex",
"default-focus",
"show-popover-tag-change",
"input-type",
"clearable",
"validate-message",
"ext-cls",
"on-show-menu",
"on-input-change",
"on-input-cut",
"on-input-click",
"on-input-focus",
"on-menu-select",
"on-menu-child-select",
"on-change",
"on-key-delete",
"on-key-enter",
"on-child-checked",
"on-clear",
"on-search"
],
"subtags": ["prefix", "nextfix", "validate"],
"description": "功能组件,用于将搜索查询项集中在一个选择器中,搜索查询更加便捷、简单"
},
"bk-select": {
"attributes": [
"value",
"multiple",
"display-tag",
"is-tag-width-limit",
"collapse-tag",
"show-select-all",
"scroll-height",
"placeholder",
"disabled",
"readonly",
"size",
"loading",
"clearable",
"searchable",
"search-ignore-case",
"popover-min-width",
"popover-width",
"popover-options",
"remote-method",
"font-size",
"ext-cls",
"ext-popover-cls",
"z-index",
"prefix-icon",
"search-placeholder",
"search-with-pinyin",
"enable-virtual-scroll",
"virtual-scroll-render",
"list",
"id-Key",
"display-key",
"item-height",
"show-empty",
"show-on-init",
"behavior"
]
},
"bk-option": { "attributes": ["id", "name", "disabled"] },
"bk-option-group": { "attributes": ["name", "show-count", "show-collapse", "is-collapse", "readonly"] },
"bk-sideslider": {
"attributes": [
"title",
"quick-close",
"show-mask",
"width",
"direction",
"before-close",
"ext-cls",
"transfer",
"on-shown",
"on-hidden",
"on-animation-end"
],
"subtags": ["content", "footer"],
"description": "提供一个从两侧滑入的组件,供用户填写/查看更多信息"
},
"bk-slider": {
"attributes": [
"range",
"value",
"min-value",
"max-value",
"show-tip",
"ext-cls",
"step",
"show-interval",
"show-interval-label",
"interval-label-unit",
"show-button-label",
"button-label-unit",
"show-between-label",
"show-input",
"custom-content",
"show-custom-label",
"show-custom-tip",
"vertical",
"height",
"on-change"
],
"subtags": [],
"description": "用于操作反馈的中间态(loading)、成功、失败等"
},
"bk-steps": {
"attributes": [
"cur-step",
"direction",
"size",
"status",
"controllable",
"theme",
"ext-cls",
"before-change",
"on-step-changed"
],
"subtags": [],
"description": "引导用户按步骤完成流程的组件"
},
"bk-swiper": {
"attributes": ["list", "is-loop", "loop-time", "height", "width", "ext-cls", "on-index-change"],
"subtags": [],
"description": "轮播图组件,用于展示图片"
},
"bk-switcher": {
"attributes": [
"disabled",
"show-text",
"on-text",
"off-text",
"size",
"theme",
"is-outline",
"is-square",
"true-value",
"false-value",
"pre-check",
"on-change"
],
"subtags": [],
"description": "在两种状态之间的切换"
},
"bk-tab": {
"attributes": [
"active",
"type",
"tab-position",
"closable",
"addable",
"sortable",
"sort-type",
"label-height",
"scroll-step",
"before-toggle",
"ext-cls",
"validate-active",
"show-header",
"change-on-hover",
"change-on-hover-delay"
]
},
"bk-tab-panel": {
"attributes": ["name", "label", "render-label", "closable", "visible", "disabled", "sortable", "render-directive"]
},
"bk-table": {
"attributes": [
"data",
"height",
"max-height",
"stripe",
"border",
"outer-border",
"row-border",
"col-border",
"size",
"fit",
"show-header",
"highlight-current-row",
"row-class-name",
"row-style",
"cell-class-name",
"cell-style",
"cell-attributes",
"header-border",
"header-row-class-name",
"header-row-style",
"header-cell-class-name",
"header-cell-style",
"header-cell-attributes",
"row-key",
"empty-text",
"default-expand-all",
"expand-row-keys",
"default-sort",
"show-summary",
"sum-text",
"summary-method",
"span-method",
"select-on-indeterminate",
"pagination",
"auto-scroll-to-top",
"ext-cls"
]
},
"bk-table-column": {
"attributes": [
"type",
"index",
"column-key",
"label",
"prop",
"width",
"min-width",
"fixed",
"render-header",
"sortable",
"sort-method",
"sort-by",
"sort-orders",
"resizable",
"formatter",
"show-overflow-tooltip",
"align",
"header-align",
"class-name",
"label-class-name",
"selectable",
"reserve-selection",
"filters",
"filter-placement",
"filter-multiple",
"filter-method",
"filter-searchable",
"filtered-value",
"before-expand-change",
"before-select-change",
"before-select-all-change"
]
},
"bk-table-setting-content": { "attributes": ["fields", "selected", "value-key", "label-key", "size", "limit"] },
"bk-table-plus": {
"attributes": [
"data",
"height",
"max-height",
"stripe",
"border",
"size",
"fit",
"show-header",
"highlight-current-row",
"current-row-key",
"row-class-name",
"row-style",
"cell-class-name",
"cell-style",
"header-row-class-name",
"header-row-style",
"header-cell-class-name",
"header-cell-style",
"row-key",
"empty-text",
"default-expand-all",
"expand-row-keys",
"default-sort",
"tooltip-effect",
"show-summary",
"sum-text",
"summary-method",
"span-method",
"select-on-indeterminate",
"indent",
"lazy",
"load ",
"tree-props"
]
},
"bk-table-plus-column": {
"attributes": [
"type",
"index",
"column-key",
"label",
"prop",
"width",
"min-width",
"fixed",
"render-header",
"sortable",
"sort-method",
"sort-by",
"sort-orders",
"resizable",
"formatter",
"align",
"header-align",
"class-name",
"label-class-name",
"selectable",
"reserve-selection",
"filters",
"filter-placement",
"filter-multiple",
"filter-method",
"filtered-value"
]
},
"bk-tag": {
"attributes": ["icon", "theme", "effect", "checkable", "checked", "radius", "ext-cls", "on-close", "on-change"],
"subtags": [],
"description": "用于标记事物的属性 & 维度和分类的小标签"
},
"bk-tag-input": {
"attributes": [
"placeholder",
"disabled",
"allow-next-focus",
"save-key",
"search-key",
"display-key",
"has-delete-icon",
"clearable",
"allow-create",
"max-data",
"use-group",
"max-result",
"content-width",
"content-max-height",
"separator",
"tpl",
"tag-tpl",
"paste-fn",
"left-space",
"trigger",
"filter-callback",
"ext-cls",
"tooltip-key",
"allow-auto-match",
"create-tag-validator",
"on-change",
"on-select",
"on-remove",
"on-removeAll",
"on-blur"
],
"subtags": [],
"description": "常用于对标签列表的填写、关键字的输入"
},
"bk-time-picker": {
"attributes": [
"type",
"allow-cross-day",
"value",
"editable",
"format",
"steps",
"placement",
"placeholder",
"open",
"disabled",
"disabled-hours",
"disabled-minutes",
"disabled-seconds",
"hide-disabled-options",
"font-size",
"ext-cls",
"behavior",
"on-change",
"on-open-change"
],
"subtags": [],
"description": " TimePicker 时间选择器"
},
"bk-timeline": {
"attributes": ["ext-cls", "on-select"],
"subtags": ["`title${index}`"],
"description": " Timeline 时间轴"
},
"bk-tooltips": {
"attributes": [
"html",
"showOnInit",
"width",
"theme",
"placement",
"placements",
"trigger",
"delay",
"duration",
"distance",
"appendTo",
"zIndex",
"onShow",
"onShown",
"onHide / onClose",
"onHidden",
"extCls",
"disabled",
"allowHtml"
],
"subtags": [],
"description": "当鼠标指向页面元素时给出简单的提示"
},
"bk-transfer": {
"attributes": [
"empty-content",
"display-key",
"setting-key",
"sort-key",
"searchable",
"sortable",
"source-list",
"target-list",
"always-show-close",
"show-overflow-tips",
"ext-cls",
"on-change"
],
"subtags": [
"left-header",
"right-header",
"left-empty-content",
"right-empty-content",
"source-option",
"target-option"
],
"description": "穿梭框"
},
"bk-transition": {
"attributes": ["duration-time", "duration-type"],
"subtags": [],
"description": "Magicbox提供了一些通用动画,可配合`transition`直接使用"
},
"bk-tree": {
"attributes": [
"node-key",
"show-icon",
"multiple",
"has-border",
"draggable",
"drag-sort",
"drag-after-expanded",
"is-delete-root",
"opened-icon",
"closed-icon",
"node-icon",
"tpl",
"ext-cls",
"on-on-click",
"on-on-check",
"on-on-expanded",
"on-on-drag-node",
"on-async-load-nodes"
],
"subtags": [],
"description": "用清晰的层级结构展示信息,可展开或折叠。"
},
"bk-upload": {
"attributes": [
"accept",
"url",
"header",
"handle-res-code",
"multiple",
"name",
"size",
"limit",
"form-data-attributes",
"with-credentials",
"tip",
"delay-time",
"validate-name",
"custom-request",
"ext-cls",
"files",
"on-on-done",
"on-on-progress",
"on-on-success",
"on-on-error",
"on-on-exceed",
"on-on-delete"
],
"subtags": [],
"description": " Upload 文件上传"
},
"bk-version-detail": {
"attributes": [
"versionList",
"versionDetail",
"finished",
"getVersionList",
"getVersionDetail",
"currentVersion",
"minLeftWidth",
"maxLeftWidth",
"versionTitleName",
"versionSubTitleName",
"on-change"
],
"subtags": ["item", "default"],
"description": " 版本更新明细显示组件"
},
"bk-virtual-scroll": {
"attributes": ["show-index", "list", "ext-cls", "on-change", "on-horizontal-scroll"],
"subtags": ["default", "index"],
"description": " VirtualScroll 虚拟滚动"
},
"bk-zoom-image": { "attributes": ["ext-cls"], "subtags": [], "description": "图片缩放组件,用于查看图片详情" }
}