cloud-ui.vusion
Version:
Vusion Cloud UI
1,029 lines (1,028 loc) • 350 kB
JSON
[
{
"id": 0,
"title": "主题样式设置",
"toPosition": "quickSetting",
"items": [
{
"id": 1,
"title": "主题颜色",
"name": "color-style",
"toPosition": "colorStyle",
"type": [],
"cssProperty": {},
"preview": {
"template": "<div style=\"height:100%;background: #F7F8FA;\">\n <u-text :class=\"[$style.areaTitle, $style.base]\">主题颜色预览</u-text><br>\n <div :class=\"[$style.sectionTitle, $style.base]\" style=\"margin: 16px 0;\">以按钮组件为例</div>\n <u-button :class=\"$style.btn\" style=\"background: var(--brand-primary);\">主色</u-button>\n <u-button :class=\"$style.btn\" style=\"background: var(--brand-success);\">成功</u-button>\n <u-button :class=\"$style.btn\" style=\"background: var(--brand-warning);\">告警</u-button>\n <u-button :class=\"$style.btn\" style=\"background: var(--brand-error);\">错误</u-button>\n <u-button :class=\"$style.btn\" style=\"background: var(--brand-disabled);color:#999999;\">禁用</u-button>\n </div>",
"style": ".base {\n font-family: PingFang SC;\n font-style: normal;\n font-weight: normal;\n}\n\n.areaTitle {\n width: 108px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #333333;\n}\n\n.sectionTitle {\n width: 320px;\n height: 24px;\n font-size: 14px;\n line-height: 24px;\n color: #666666;\n}\n\n.btn {\n width: 100px;\n height: 32px;\n margin-right: 10px;\n margin-bottom: 12px;\n mix-blend-mode: normal;\n border-radius: 4px;\n color: white;\n font-family: PingFang SC;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n border: 0;\n box-shadow: none;\n}\n\n.btn:hover {\n color: white;\n}"
}
},
{
"id": 2,
"title": "导航",
"name": "nav-bar",
"toPosition": "navBar",
"type": [],
"cssProperty": {},
"preview": {
"template": " <div style=\"height:100%;background: #F7F8FA;\">\n <u-text :class=\"[$style.areaTitle, $style.base]\">视觉风格预览</u-text><br>\n <div>\n <div :class=\"[$style.sectionTitle, $style.base]\" style=\"margin: 16px 0;\">顶部导航</div>\n <u-navbar-multi style=\"margin-bottom: 16px;\">\n <u-text text=\"应用名称\" size=\"large\" slot=\"left\" style=\"margin-left:10px; margin-right: var(--navbar-space-x);\"></u-text>\n <u-navbar-item-multi>菜单项 1</u-navbar-item-multi>\n <u-navbar-item-multi>菜单项 2</u-navbar-item-multi> \n </u-navbar-multi>\n </div>\n <div>\n <div :class=\"[$style.sectionTitle, $style.base]\" style=\"margin: 16px 0;\">侧边导航</div>\n <u-sidebar value=\"1\" :router=\"false\">\n <u-sidebar-item value=\"1\">菜单项 1</u-sidebar-item>\n <u-sidebar-item value=\"2\">菜单项 2</u-sidebar-item>\n <u-sidebar-item value=\"3\">菜单项 3</u-sidebar-item>\n </u-sidebar>\n </div>\n <div :class=\"$style.table\">\n <div :class=\"[$style.sectionTitle, $style.base]\" style=\"margin: 0 0 16px;\">表单</div>\n <u-form layout=\"inline\" label-size=\"auto\" style=\"background:white;padding: 8px;\">\n <u-grid-layout style=\"width:100%\">\n <u-grid-layout-row :repeat=\"1\">\n <u-grid-layout-column>\n <div style=\"height: 36px;line-height:36px;background: var(--background-color-base);text-indent: 15px;\">标题</div>\n </u-grid-layout-column>\n </u-grid-layout-row>\n </u-grid-layout>\n <u-grid-layout gap=\"normal none\">\n <u-grid-layout-row :repeat=\"2\">\n <u-grid-layout-column style=\"padding-right: 12px;\">\n <u-form-item label-layout=\"block\" label=\"名称\" style=\"margin-bottom: var(--space-base);width: 100%;\">\n <u-input maxlength=\"20\" placeholder=\"请输入\" style=\"border-radius: var(--border-radius-base);border-color: var(--border-color-base);\"></u-input>\n </u-form-item>\n </u-grid-layout-column>\n <u-grid-layout-column style=\"padding-left: 12px;\">\n <u-form-item label-layout=\"block\" label=\"名称\" style=\"margin-bottom: var(--space-base);width: 100%;\">\n <u-input maxlength=\"20\" placeholder=\"请输入\" style=\"border-radius: var(--border-radius-base);border-color: var(--border-color-base);\"></u-input>\n </u-form-item>\n </u-grid-layout-column>\n </u-grid-layout-row>\n </u-grid-layout>\n </u-form>\n </div>\n </div>",
"style": ".base {\n font-family: PingFang SC;\n font-style: normal;\n font-weight: normal;\n}\n\n.areaTitle {\n width: 108px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #333333;\n}\n\n.sectionTitle {\n width: 320px;\n height: 24px;\n font-size: 14px;\n line-height: 24px;\n color: #666666;\n}\n\n.table {\n margin-top: 16px;\n}\n\n.table [class^=\"u-form_item_label\"] {\n padding-right: 12px !important;\n height: 14px;\n font-family: PingFang SC;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 14px;\n color: #999999;\n}\n\n.table [class^=\"u-form_item_field__\"] {\n width: calc(100% - 40px);\n}"
}
},
{
"id": 3,
"title": "字体",
"name": "font",
"toPosition": "font",
"type": [],
"cssProperty": {},
"preview": {
"template": "<div style=\"height:100%;background: #F7F8FA;\">\n <u-text :class=\"[$style.areaTitle, $style.base]\">字体预览\n <u-icon-tooltip placement=\"right\" style=\"font-size:12px;vertical-align: 2px;\">若您未安装对应字体，则无法预览、使用</u-icon-tooltip>\n </u-text><br>\n <div :class=\"$style.section\">\n <u-text :class=\"[$style.sectionTitle, $style.base]\" style=\"margin-bottom:4px;\">文本</u-text><br>\n <u-text :class=\"$style.base\" style=\"font-family: var(--font-family-zh-CN);font-size: var(--font-size-base);line-height: 22px;color: var(--color-base);\">\n 您可以在此看到字体预览效果。\n </u-text>\n <u-link>超链接</u-link>\n <u-text :class=\"[$style.sectionTitle, $style.base]\" style=\"margin-bottom:4px;margin-top:16px;\">Text</u-text><br>\n <u-text :class=\"$style.base\" style=\"font-family: var(--font-family-zh-CN);font-size: var(--font-size-base);line-height: 22px;color: var(--color-base);\">\n You can preview the font here.\n </u-text>\n <u-link>Link</u-link>\n </div>\n</div>",
"style": ".base {\n white-space: initial;\n font-family: PingFang SC;\n font-style: normal;\n font-weight: normal;\n}\n\n.areaTitle {\n width: 108px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #333333;\n}\n\n.section {\n margin: 16px 0 32px 0;\n}\n\n.sectionTitle {\n display: inline-block;\n width: 320px;\n height: 24px;\n margin-bottom: 16px;\n font-size: 14px;\n line-height: 24px;\n color: #666666;\n}"
}
}
]
},
{
"id": 0.1,
"title": "高级设置",
"toPosition": "highLevelSetting",
"items": [
{
"id": 6,
"name": "u-linear-layout",
"title": "线性布局",
"toPosition": "linearLayout",
"type": [
"vertical",
"horizontal",
"space-between"
],
"preview": {
"template": "<div>\n <u-linear-layout direction=\"vertical\" :class=\"$style.linearLayout\"\n style=\"margin-bottom:16px;line-height: 0;\">\n <u-block style=\"width: 100%;\"></u-block>\n <u-block style=\"width: 100%;\"></u-block>\n </u-linear-layout>\n <u-linear-layout direction=\"horizontal\" :class=\"$style.linearLayout\"\n style=\"margin-bottom:16px;line-height: 0;\">\n <u-block style=\"display:inline-block;width: 104px;\"></u-block>\n <u-block style=\"display:inline-block;width: 104px;\"></u-block>\n <u-block style=\"display:inline-block;width: 104px;\"></u-block>\n </u-linear-layout>\n <u-linear-layout direction=\"horizontal\" :class=\"$style.linearLayout\"\n justify=\"space-between\"\n style=\"margin-bottom:8px;\">\n <u-block style=\"display:inline-block;width: 104px;\"></u-block>\n <u-block style=\"display:inline-block;width: 104px;\"></u-block>\n </u-linear-layout>\n </div>",
"style": ".linearLayout [class^=\"u-block\"] {\n height: 48px;\n background: #337EFF !important;\n opacity: 0.5;\n}"
},
"cssProperty": {
"--linear-layout-background": {
"type": "color",
"desc": "加载时遮罩背景颜色,如：#223325"
}
}
},
{
"id": 8,
"name": "u-crumb",
"title": "面包屑",
"toPosition": "crumb",
"type": [],
"preview": {
"template": "<u-crumb>\n <u-crumb-item to=\"/\">一级页面</u-crumb-item>\n <u-crumb-item to=\"/two\">二级页面</u-crumb-item>\n <u-crumb-item type=\"text\" to=\"/two/three\">三级页面</u-crumb-item>\n <u-crumb-item disabled>四级页面</u-crumb-item>\n</u-crumb>"
},
"cssProperty": {
"--crumb-color-link": {
"type": "color",
"desc": "可跳转链接的默认文字颜色,如：#223325"
},
"--crumb-color-disabled": {
"type": "color",
"desc": "禁用链接的默认文字颜色,如：#223325"
},
"--crumb-space-x": {
"type": "input",
"desc": "链接与箭头符号之间的间距,如：1px"
}
}
},
{
"id": 9,
"name": "u-panel",
"title": "面板",
"toPosition": "u-panel",
"type": [],
"preview": {
"template": "<u-panel title=\"面板标题\">\n <u-skeleton></u-skeleton>\n </u-panel>"
},
"cssProperty": {
"--panel-border-width": {
"type": "input",
"desc": "面板外边框宽度,如：1px",
"depStaticStyles": [
"border-top-width",
"border-right-width",
"border-bottom-width",
"border-left-width"
]
},
"--panel-border-radius": {
"type": "input",
"desc": "面板外边框圆角,如：1px",
"depStaticStyles": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-left-radius",
"border-bottom-right-radius"
]
},
"--panel-background": {
"type": "color",
"desc": "面板背景色,如：#223325",
"depStaticStyles": [
"background-color"
]
},
"--panel-box-shadow": {
"type": "input",
"desc": "面板外边框阴影,如：1px"
},
"--panel-head-padding-x": {
"type": "input",
"desc": "面板标题左右内边距,如：1px"
},
"--panel-head-padding-y": {
"type": "input",
"desc": "面板标题上下内边距,如：1px"
},
"--panel-body-padding-x": {
"type": "input",
"desc": "面板内容区内边距,如：1px"
},
"--panel-body-padding-y": {
"type": "input",
"desc": "面板内容区内边距,如：1px"
},
"--panel-title-font-size": {
"type": "input",
"desc": "面板标题字号大小,如：1px"
},
"--panel-title-font-weight": {
"type": "input",
"desc": "面板标题字体粗细,如：bold"
}
}
},
{
"id": 10,
"name": "u-collapse",
"title": "折叠面板",
"children": [
"u-collapse-item"
],
"toPosition": "collapse",
"type": [
"base",
"simple"
],
"preview": {
"template": "<div>\n <div class=\"componentClassTitle\">基础样式一</div>\n <u-collapse style=\"margin-bottom:48px;\">\n <u-collapse-item title=\"面板1\">Content1</u-collapse-item>\n <u-collapse-item title=\"面板2\" expanded>Content2</u-collapse-item>\n <u-collapse-item title=\"面板3\" disabled>Content3</u-collapse-item>\n </u-collapse>\n <div class=\"componentClassTitle\">基础样式二</div>\n <u-collapse appear=\"simple\">\n <u-collapse-item title=\"面板1\">Content1</u-collapse-item>\n <u-collapse-item title=\"面板2\" expanded>Content2</u-collapse-item>\n <u-collapse-item title=\"面板3\" disabled>Content3</u-collapse-item>\n </u-collapse>\n</div>"
},
"cssProperty": {
"--collapse-item-fill-background": {
"type": "color",
"desc": "面板项背景颜色,如：#223325"
},
"--collapse-border-width": {
"type": "input",
"desc": "面板边框宽度,如：1px"
},
"--collapse-border-color": {
"type": "color",
"desc": "面板边框颜色,如：#223325"
},
"--collapse-border-radius": {
"type": "input",
"desc": "面板边框圆角,如：1px"
},
"--collapse-item-head-color-disabled": {
"type": "color",
"desc": "面板禁用项折叠表头文字颜色,如：#223325"
},
"--collapse-item-head-padding": {
"type": "input",
"desc": "面板项折叠表头内边距,如：1px"
},
"--collapse-item-expander-size": {
"type": "input",
"desc": "面板项展开箭头容器元素大小,如：1px"
},
"--collapse-item-expander-color": {
"type": "color",
"desc": "面板项展开箭头颜色,如：#223325"
},
"--collapse-item-expander-color-disabled": {
"type": "color",
"desc": "面板项展开箭头颜色（禁用状态）,如：#223325"
},
"--collapse-item-expander-font-size": {
"type": "input",
"desc": "面板项展开箭头大小,如：1px"
},
"--collapse-item-content-padding": {
"type": "input",
"desc": "面板项内容区内边距,如：1px"
},
"--collapse-transition-duration": {
"type": "input",
"desc": "面板展开动画快慢参数,如：0.2s"
}
}
},
{
"id": 11,
"name": "u-text",
"title": "文本",
"toPosition": "text",
"type": [
"normal",
"small",
"large",
"primary",
"secondary",
"success",
"warning",
"error",
"disabled",
"ellipsis"
],
"preview": {
"template": "<div>\n <div class=\"componentClassTitle\">基础样式</div>\n <div style=\"margin-bottom:40px;\">\n <u-text size=\"normal\" color=\"normal\" style=\"margin-right:24px;\">\n Normal\n </u-text>\n <u-text size=\"small\" style=\"margin-right:24px;\">\n Small\n </u-text>\n <u-text size=\"large\" style=\"margin-right:24px;\">\n Large\n </u-text>\n <u-text size=\"primary\" color=\"primary\" style=\"margin-right:24px;\">\n Primary\n </u-text>\n <u-text size=\"secondary\" color=\"secondary\" style=\"margin-right:24px;\">\n Secondary\n </u-text>\n <u-text size=\"success\" color=\"success\" style=\"margin-right:24px;\">\n Success\n </u-text>\n <u-text size=\"warning\" color=\"warning\" style=\"margin-right:24px;\">\n Warning\n </u-text>\n <u-text size=\"error\" color=\"error\" style=\"margin-right:24px;\">\n Error\n </u-text>\n <u-text size=\"disabled\" color=\"disabled\" style=\"margin-right:24px;\">\n Disabled\n </u-text>\n </div>\n <div class=\"componentClassTitle\">长文本</div>\n <u-text overflow=\"ellipsis\" size=\"normal\">\n Content content content content content content content content content content content content content content content content content content content content content content content content content content content...\n </u-text>\n</div>"
},
"cssProperty": {
"--text-font-size": {
"type": "input",
"desc": "文本字号大小,如：1px",
"depAttrs": {
"size": [
"normal"
]
},
"depStaticStyles": [
"font-size"
]
},
"--text-font-size-small": {
"type": "input",
"desc": "小号文本字号大小,如：1px",
"depAttrs": {
"size": [
"small"
]
},
"depStaticStyles": [
"font-size"
]
},
"--text-font-size-large": {
"type": "input",
"desc": "大号文本字号大小,如：1px",
"depAttrs": {
"size": [
"large"
]
},
"depStaticStyles": [
"font-size"
]
},
"--text-font-size-huge": {
"type": "input",
"desc": "巨大号文本字号大小,如：1px",
"depAttrs": {
"size": [
"huge"
]
},
"depStaticStyles": [
"font-size"
]
},
"--text-color-primary": {
"type": "color",
"desc": "主要文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"color"
]
},
"--text-color-secondary": {
"type": "color",
"desc": "次要文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"secondary"
]
},
"depStaticStyles": [
"color"
]
},
"--text-color-success": {
"type": "color",
"desc": "成功文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"color"
]
},
"--text-color-warning": {
"type": "color",
"desc": "警告文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"color"
]
},
"--text-color-error": {
"type": "color",
"desc": "错误文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"color"
]
},
"--text-color-disabled": {
"type": "color",
"desc": "禁用文本字体颜色,如：#223325",
"depAttrs": {
"color": [
"disabled"
]
}
}
}
},
{
"id": 12,
"name": "u-link",
"title": "链接",
"toPosition": "link",
"type": [
"",
"success",
"warning",
"danger"
],
"preview": {
"template": "<div>\n <div style=\"margin-bottom: 40px;\">\n <div class=\"componentClassTitle\">鼠标悬停状态为下划线</div>\n <u-link style=\"margin-right:24px;\">Base</u-link>\n <u-link style=\"margin-right:24px;\" color=\"success\">Success</u-link>\n <u-link style=\"margin-right:24px;\" color=\"warning\">Warning</u-link>\n <u-link style=\"margin-right:24px;\" color=\"danger\">Danger</u-link>\n <u-link disabled>Disabled</u-link>\n </div>\n <div>\n <div class=\"componentClassTitle\">鼠标悬停状态为颜色变化</div>\n <u-link hovertype=\"color\" style=\"margin-right:24px;\">Base</u-link>\n <u-link hovertype=\"color\" style=\"margin-right:24px;\" color=\"success\">Success</u-link>\n <u-link hovertype=\"color\" style=\"margin-right:24px;\" color=\"warning\">Warning</u-link>\n <u-link hovertype=\"color\" style=\"margin-right:24px;\" color=\"danger\">Danger</u-link>\n <u-link hovertype=\"color\" disabled>Disabled</u-link>\n </div>\n</div>"
},
"cssProperty": {
"--link-color": {
"type": "color",
"desc": "默认链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"color"
]
},
"--link-color-light": {
"type": "color",
"desc": "浅色链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"light"
]
},
"depStaticStyles": [
"color"
]
},
"--link-color-success": {
"type": "color",
"desc": "成功链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"color"
]
},
"--link-color-warning": {
"type": "color",
"desc": "警告链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"color"
]
},
"--link-color-danger": {
"type": "color",
"desc": "危险链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"danger"
]
},
"depStaticStyles": [
"color"
]
},
"--link-color-disabled": {
"type": "color",
"desc": "禁用链接字体颜色,如：#223325"
},
"--link-color-hover": {
"type": "color",
"desc": "默认链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
}
},
"--link-color-success-hover": {
"type": "color",
"desc": "成功链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"success"
]
}
},
"--link-color-warning-hover": {
"type": "color",
"desc": "警告链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"warning"
]
}
},
"--link-color-danger-hover": {
"type": "color",
"desc": "危险链接字体颜色,如：#223325",
"depAttrs": {
"color": [
"danger"
]
}
}
}
},
{
"id": 14,
"name": "u-label",
"title": "标签",
"toPosition": "label",
"type": [
"",
"primary",
"success",
"warning",
"error",
"small",
"large"
],
"preview": {
"template": "<div>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"normal\">Base</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"normal\" color=\"primary\">Primary</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"normal\" color=\"success\">Success</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"normal\" color=\"warning\">Warning</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"normal\" color=\"error\">Error</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"small\">Small</u-label>\n <u-label style=\"margin-right:20px;margin-bottom:20px;\" size=\"large\">Large</u-label>\n <u-label removable>removable</u-label>\n</div>"
},
"cssProperty": {
"--label-padding-x": {
"type": "input",
"desc": "标签水平方向内边距,如：1px",
"depAttrs": {
"size": [
"normal",
null
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-padding-x-small": {
"type": "input",
"desc": "小号标签水平方向内边距,如：1px",
"depAttrs": {
"size": [
"small"
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-padding-x-large": {
"type": "input",
"desc": "大号标签水平方向内边距,如：1px",
"depAttrs": {
"size": [
"large"
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-padding-y": {
"type": "input",
"desc": "标签垂直方向内边距,如：1px",
"depAttrs": {
"size": [
"normal",
null
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-padding-y-small": {
"type": "input",
"desc": "小号标签垂直方向内边距,如：1px",
"depAttrs": {
"size": [
"small"
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-padding-y-large": {
"type": "input",
"desc": "大号标签垂直方向内边距,如：1px",
"depAttrs": {
"size": [
"large"
]
},
"depStaticStyles": [
"padding-left",
"padding-right"
]
},
"--label-font-size": {
"type": "input",
"desc": "标签的字号大小,如：1px",
"depAttrs": {
"size": [
"normal",
null
]
},
"depStaticStyles": [
"font-size"
]
},
"--label-font-size-small": {
"type": "input",
"desc": "小号标签的字号大小,如：1px",
"depAttrs": {
"size": [
"small"
]
},
"depStaticStyles": [
"font-size"
]
},
"--label-font-size-large": {
"type": "input",
"desc": "大号标签的字号大小,如：1px",
"depAttrs": {
"size": [
"large"
]
},
"depStaticStyles": [
"font-size"
]
},
"--label-remove-padding-x": {
"type": "input",
"desc": "可删除标签的删除图标与文本之间的内边距,如：1px",
"depAttrs": {
"size": [
"normal",
null
]
}
},
"--label-remove-padding-x-small": {
"type": "input",
"desc": "可删除小号标签的删除图标与文本之间的内边距,如：1px",
"depAttrs": {
"size": [
"small"
]
}
},
"--label-remove-padding-x-large": {
"type": "input",
"desc": "可删除大号标签的删除图标与文本之间的内边距,如：1px",
"depAttrs": {
"size": [
"large"
]
}
},
"--label-background": {
"type": "color",
"desc": "默认标签的背景色,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-primary": {
"type": "color",
"desc": "主要标签的背景色,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-success": {
"type": "color",
"desc": "成功标签的背景色,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-warning": {
"type": "color",
"desc": "警告标签的背景色,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-error": {
"type": "color",
"desc": "错误标签的背景色,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-hover": {
"type": "color",
"desc": "默认标签的背景色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-primary-hover": {
"type": "color",
"desc": "主要标签的背景色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-success-hover": {
"type": "color",
"desc": "成功标签的背景色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-warning-hover": {
"type": "color",
"desc": "警告标签的背景色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-error-hover": {
"type": "color",
"desc": "错误标签的背景色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-selected": {
"type": "color",
"desc": "默认标签的背景色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-primary-selected": {
"type": "color",
"desc": "主要标签的背景色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-success-selected": {
"type": "color",
"desc": "成功标签的背景色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-warning-selected": {
"type": "color",
"desc": "警告标签的背景色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-background-error-selected": {
"type": "color",
"desc": "错误标签的背景色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"background-color"
]
},
"--label-color": {
"type": "color",
"desc": "默认标签的字体颜色,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-primary": {
"type": "color",
"desc": "主要标签的字体颜色,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-success": {
"type": "color",
"desc": "成功标签的字体颜色,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-warning": {
"type": "color",
"desc": "警告标签的字体颜色,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-error": {
"type": "color",
"desc": "错误标签的字体颜色,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-hover": {
"type": "color",
"desc": "默认标签的字体颜色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-primary-hover": {
"type": "color",
"desc": "主要标签的字体颜色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-success-hover": {
"type": "color",
"desc": "成功标签的字体颜色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-warning-hover": {
"type": "color",
"desc": "警告标签的字体颜色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-error-hover": {
"type": "color",
"desc": "错误标签的字体颜色（hover状态）,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-selected": {
"type": "color",
"desc": "默认标签的字体颜色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"default",
null
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-primary-selected": {
"type": "color",
"desc": "主要标签的字体颜色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"primary"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-success-selected": {
"type": "color",
"desc": "成功标签的字体颜色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"success"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-warning-selected": {
"type": "color",
"desc": "警告标签的字体颜色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"warning"
]
},
"depStaticStyles": [
"color"
]
},
"--label-color-error-selected": {
"type": "color",
"desc": "错误标签的字体颜色（选中状态）,如：#223325",
"depAttrs": {
"color": [
"error"
]
},
"depStaticStyles": [
"color"
]
},
"--label-line-background": {
"type": "color",
"desc": "线性标签的背景颜色,如：#223325",
"excludeTags": [
"u-label"
]
},
"--label-line-background-hover": {
"type": "color",
"desc": "线性标签的背景颜色（hover状态）,如：#223325",
"excludeTags": [
"u-label"
]