{ "version": "2.2.0", "baseline": "2.2.x", "description": "Rax System UI Components", "publish-template": "@alifd/meet-theme-template@2x", "icon": { "iconfont-project-id": "1273696", "iconfont-path": "https://at.alicdn.com/t/font_515771_7u6frotlpa6" }, "data": { "style": { "color": { "family": "style", "chinese": "颜色", "display": "Color", "variables": [ { "component": "color", "name": "--color-surface", "value": "#fff", "type": "color", "group": "color", "desc": "surface", "semantic": "前景色", "category": "background", "namespace": "default" }, { "component": "color", "name": "--color-lining", "value": "#aeaeae", "type": "color", "group": "color", "desc": "lining", "semantic": "背景衬色", "category": "background", "namespace": "default" }, { "component": "color", "name": "--color-white", "value": "#fff", "type": "color", "group": "color", "desc": "white", "semantic": "纯白色", "category": "default", "unconfigurable": true, "namespace": "default" }, { "component": "color", "name": "--color-black", "value": "#000", "type": "color", "group": "color", "desc": "black", "semantic": "纯黑色", "category": "default", "unconfigurable": true, "namespace": "default" }, { "component": "color", "name": "--color-transparent", "value": "transparent", "type": "color", "group": "color", "desc": "transparent", "semantic": "透明色", "category": "default", "unconfigurable": true, "namespace": "default" }, { "component": "color", "name": "--color-text1-1", "value": "#ccc", "type": "color", "group": "color", "desc": "text1-1", "semantic": "文本1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text1-2", "value": "#999", "type": "color", "group": "color", "desc": "text1-2", "semantic": "文本2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text1-3", "value": "#666", "type": "color", "group": "color", "desc": "text1-3", "semantic": "文本3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text1-4", "value": "#222", "type": "color", "group": "color", "desc": "text1-4", "semantic": "文本4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line1-1", "value": "#f2f2f2", "type": "color", "group": "color", "desc": "line1-1", "semantic": "线条1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line1-2", "value": "#eee", "type": "color", "group": "color", "desc": "line1-2", "semantic": "线条2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line1-3", "value": "#e6e6e6", "type": "color", "group": "color", "desc": "line1-3", "semantic": "线条3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line1-4", "value": "#ddd", "type": "color", "group": "color", "desc": "line1-4", "semantic": "线条4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill1-1", "value": "#f9f9f9", "type": "color", "group": "color", "desc": "fill1-1", "semantic": "填充1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill1-2", "value": "#f5f5f5", "type": "color", "group": "color", "desc": "fill1-2", "semantic": "填充2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill1-3", "value": "#f2f2f2", "type": "color", "group": "color", "desc": "fill1-3", "semantic": "填充3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill1-4", "value": "#eee", "type": "color", "group": "color", "desc": "fill1-4", "semantic": "填充4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text2-1", "value": "rgba(255, 255, 255, 0.26)", "type": "color", "group": "color", "desc": "text2-1", "semantic": "反色文本1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text2-2", "value": "rgba(255, 255, 255, 0.52)", "type": "color", "group": "color", "desc": "text2-2", "semantic": "反色文本2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text2-3", "value": "rgba(255, 255, 255, 0.74)", "type": "color", "group": "color", "desc": "text2-3", "semantic": "反色文本3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-text2-4", "value": "rgba(255, 255, 255, 1)", "type": "color", "group": "color", "desc": "text2-4", "semantic": "反色文本4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line2-1", "value": "rgba(255, 255, 255, 0.08)", "type": "color", "group": "color", "desc": "line2-1", "semantic": "反色线条1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line2-2", "value": "rgba(255, 255, 255, 0.12)", "type": "color", "group": "color", "desc": "line2-2", "semantic": "反色线条2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line2-3", "value": "rgba(255, 255, 255, 0.16)", "type": "color", "group": "color", "desc": "line2-3", "semantic": "反色线条3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-line2-4", "value": "rgba(255, 255, 255, 0.18)", "type": "color", "group": "color", "desc": "line2-4", "semantic": "反色线条4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill2-1", "value": "rgba(255, 255, 255, 0.04)", "type": "color", "group": "color", "desc": "fill2-1", "semantic": "反色填充1", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill2-2", "value": "rgba(255, 255, 255, 0.06)", "type": "color", "group": "color", "desc": "fill2-2", "semantic": "反色填充2", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill2-3", "value": "rgba(255, 255, 255, 0.08)", "type": "color", "group": "color", "desc": "fill2-3", "semantic": "反色填充3", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-fill2-4", "value": "rgba(255, 255, 255, 0.12)", "type": "color", "group": "color", "desc": "fill2-4", "semantic": "反色填充4", "category": "neutural", "namespace": "default" }, { "component": "color", "name": "--color-brand-1", "value": "#c4edff", "type": "color", "group": "color", "desc": "brand1", "semantic": "品牌1", "category": "brand", "namespace": "default" }, { "component": "color", "name": "--color-brand-2", "value": "#4ab7ff", "type": "color", "group": "color", "desc": "brand2", "semantic": "品牌2", "category": "brand", "namespace": "default" }, { "component": "color", "name": "--color-brand-3", "value": "#209bfa", "type": "color", "group": "color", "desc": "brand3", "semantic": "品牌3", "category": "brand", "namespace": "default" }, { "component": "color", "name": "--color-brand-4", "value": "#1179d4", "type": "color", "group": "color", "desc": "brand4", "semantic": "品牌4", "category": "brand", "namespace": "default" }, { "component": "color", "name": "--color-link-1", "value": "#c4edff", "type": "color", "group": "color", "desc": "link1", "semantic": "链接1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-link-2", "value": "#4ab7ff", "type": "color", "group": "color", "desc": "link2", "semantic": "链接2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-link-3", "value": "#209bfa", "type": "color", "group": "color", "desc": "link3", "semantic": "链接3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-link-4", "value": "#1179d4", "type": "color", "group": "color", "desc": "link4", "semantic": "链接4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-success-1", "value": "#a8ffc4", "type": "color", "group": "color", "desc": "success1", "semantic": "成功提示1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-success-2", "value": "#28de74", "type": "color", "group": "color", "desc": "success2", "semantic": "成功提示2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-success-3", "value": "#05d161", "type": "color", "group": "color", "desc": "success3", "semantic": "成功提示3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-success-4", "value": "#00ab53", "type": "color", "group": "color", "desc": "success4", "semantic": "成功提示4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-notice-1", "value": "#e6fffb", "type": "color", "group": "color", "desc": "notice1", "semantic": "告知提示1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-notice-2", "value": "#38d9d3", "type": "color", "group": "color", "desc": "notice2", "semantic": "告知提示2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-notice-3", "value": "#14cccc", "type": "color", "group": "color", "desc": "notice3", "semantic": "告知提示3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-notice-4", "value": "#08a1a6", "type": "color", "group": "color", "desc": "notice4", "semantic": "告知提示4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-warning-1", "value": "#ffe7a3", "type": "color", "group": "color", "desc": "warning1", "semantic": "警告提示1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-warning-2", "value": "#f8ab22", "type": "color", "group": "color", "desc": "warning2", "semantic": "警告提示2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-warning-3", "value": "#ff9900", "type": "color", "group": "color", "desc": "warning3", "semantic": "警告提示3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-warning-4", "value": "#d97b00", "type": "color", "group": "color", "desc": "warning4", "semantic": "警告提示4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-error-1", "value": "#ffdcd6", "type": "color", "group": "color", "desc": "error1", "semantic": "错误提示1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-error-2", "value": "#f75e59", "type": "color", "group": "color", "desc": "error2", "semantic": "错误提示2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-error-3", "value": "#eb2f2f", "type": "color", "group": "color", "desc": "error3", "semantic": "错误提示3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-error-4", "value": "#c41d23", "type": "color", "group": "color", "desc": "error4", "semantic": "错误提示4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-help-1", "value": "#c4edff", "type": "color", "group": "color", "desc": "help1", "semantic": "帮助提示1", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-help-2", "value": "#4ab7ff", "type": "color", "group": "color", "desc": "help2", "semantic": "帮助提示2", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-help-3", "value": "#209bfa", "type": "color", "group": "color", "desc": "help3", "semantic": "帮助提示3", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-help-4", "value": "#1179d4", "type": "color", "group": "color", "desc": "help4", "semantic": "帮助提示4", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-red", "value": "red", "type": "color", "group": "color", "desc": "data-red", "semantic": "数据色-红", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-orange", "value": "orange", "type": "color", "group": "color", "desc": "data-orange", "semantic": "数据色-橙", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-yellow", "value": "yellow", "type": "color", "group": "color", "desc": "data-yellow", "semantic": "数据色-黄", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-green", "value": "green", "type": "color", "group": "color", "desc": "data-green", "semantic": "数据色-绿", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-cyan", "value": "cyan", "type": "color", "group": "color", "desc": "data-cyan", "semantic": "数据色-青色", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-blue", "value": "blue", "type": "color", "group": "color", "desc": "data-blue", "semantic": "数据色-蓝", "category": "data", "namespace": "default" }, { "component": "color", "name": "--color-data-indigo", "value": "indigo", "type": "color", "group": "color", "desc": "data-indigo", "semantic": "数据色-靛蓝", "category": "function", "namespace": "default" }, { "component": "color", "name": "--color-data-purple", "value": "purple", "type": "color", "group": "color", "desc": "data-purple", "semantic": "数据色-紫", "category": "function", "namespace": "default" } ] }, "line": { "family": "style", "chinese": "线条", "display": "Line", "variables": [ { "component": "line", "name": "--line-zero", "value": "0rpx", "desc": "line-0", "semantic": "无线条", "group": "line.width", "type": "number", "unconfigurable": true, "unit": "rpx", "namespace": "default" }, { "component": "line", "name": "--line-1", "value": "1rpx", "desc": "line-1", "semantic": "线条1", "group": "line.width", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "line", "name": "--line-2", "value": "2rpx", "desc": "line-2", "semantic": "线条2", "group": "line.width", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "line", "name": "--line-3", "value": "4rpx", "desc": "line-3", "semantic": "线条3", "group": "line.width", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "line", "name": "--line-solid", "value": "solid", "desc": "line-solid", "semantic": "实线", "group": "line.style", "unconfigurable": true, "type": "line-style", "namespace": "default" }, { "component": "line", "name": "--line-dashed", "value": "dashed", "desc": "line-dashed", "semantic": "虚线", "group": "line.style", "unconfigurable": true, "type": "line-style", "namespace": "default" }, { "component": "line", "name": "--line-dotted", "value": "dotted", "desc": "line-dotted", "semantic": "点线", "group": "line.style", "unconfigurable": true, "type": "line-style", "namespace": "default" } ] }, "corner": { "family": "style", "chinese": "边角", "display": "Corner", "variables": [ { "component": "corner", "name": "--corner-zero", "value": "0rpx", "group": "corner", "desc": "corner-zero", "semantic": "零圆角", "unconfigurable": true, "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "corner", "name": "--corner-1", "value": "8rpx", "group": "corner", "desc": "corner-1", "semantic": "圆角1", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "corner", "name": "--corner-2", "value": "16rpx", "group": "corner", "desc": "corner-2", "semantic": "圆角2", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "corner", "name": "--corner-3", "value": "32rpx", "group": "corner", "desc": "corner-3", "semantic": "圆角3", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "corner", "name": "--corner-circle", "value": "50%", "group": "corner", "desc": "corner-circle", "semantic": "圆角", "unconfigurable": true, "type": "number", "unit": "%", "namespace": "default" }, { "component": "corner", "name": "--corner-semicircle", "value": "999rpx", "group": "corner", "desc": "corner-semicircle", "semantic": "半圆形", "unconfigurable": true, "type": "number", "unit": "rpx", "namespace": "default" } ] }, "size": { "variables": [ { "component": "size", "name": "--s-base", "value": "8rpx", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-base", "semantic": "基准尺寸", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "size", "name": "--s-zero", "value": "0rpx", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-0", "semantic": "无尺寸", "group": "size", "unconfigurable": true, "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "size", "name": "--s-0", "value": "--s-zero", "display:": "Size", "chinese:": "尺寸", "family:": "style", "unconfigurable": true, "type": "string", "desc": "s-0", "namespace": "default" }, { "component": "size", "name": "--s-1", "value": "calc(var(--s-base) * 1)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-1", "semantic": "尺寸1", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-2", "value": "calc(var(--s-base) * 2)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-2", "semantic": "尺寸2", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-3", "value": "calc(var(--s-base) * 3)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-3", "semantic": "尺寸3", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-4", "value": "calc(var(--s-base) * 4)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-4", "semantic": "尺寸4", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-5", "value": "calc(var(--s-base) * 5)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-5", "semantic": "尺寸5", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-6", "value": "calc(var(--s-base) * 6)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-6", "semantic": "尺寸6", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-7", "value": "calc(var(--s-base) * 7)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-7", "semantic": "尺寸7", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-8", "value": "calc(var(--s-base) * 8)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-8", "semantic": "尺寸8", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-9", "value": "calc(var(--s-base) * 9)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-9", "semantic": "尺寸9", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-10", "value": "calc(var(--s-base) * 10)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-10", "semantic": "尺寸10", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-11", "value": "calc(var(--s-base) * 11)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-11", "semantic": "尺寸11", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-12", "value": "calc(var(--s-base) * 12)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-12", "semantic": "尺寸12", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-13", "value": "calc(var(--s-base) * 13)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-13", "semantic": "尺寸13", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-14", "value": "calc(var(--s-base) * 14)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-14", "semantic": "尺寸14", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-15", "value": "calc(var(--s-base) * 15)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-15", "semantic": "尺寸15", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-16", "value": "calc(var(--s-base) * 16)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-16", "semantic": "尺寸16", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-17", "value": "calc(var(--s-base) * 17)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-17", "semantic": "尺寸17", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-18", "value": "calc(var(--s-base) * 18)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-18", "semantic": "尺寸18", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-19", "value": "calc(var(--s-base) * 19)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-19", "semantic": "尺寸19", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-20", "value": "calc(var(--s-base) * 20)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-20", "semantic": "尺寸20", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-21", "value": "calc(var(--s-base) * 21)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-21", "semantic": "尺寸21", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-22", "value": "calc(var(--s-base) * 22)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-22", "semantic": "尺寸22", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-23", "value": "calc(var(--s-base) * 23)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-23", "semantic": "尺寸23", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-24", "value": "calc(var(--s-base) * 24)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-24", "semantic": "尺寸24", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-25", "value": "calc(var(--s-base) * 25)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-25", "semantic": "尺寸25", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-26", "value": "calc(var(--s-base) * 26)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-26", "semantic": "尺寸26", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-27", "value": "calc(var(--s-base) * 27)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-27", "semantic": "尺寸27", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-28", "value": "calc(var(--s-base) * 28)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-28", "semantic": "尺寸28", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-29", "value": "calc(var(--s-base) * 29)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-29", "semantic": "尺寸29", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-30", "value": "calc(var(--s-base) * 30)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-30", "semantic": "尺寸30", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-31", "value": "calc(var(--s-base) * 31)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-31", "semantic": "尺寸31", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-32", "value": "calc(var(--s-base) * 32)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-32", "semantic": "尺寸32", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-33", "value": "calc(var(--s-base) * 33)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-33", "semantic": "尺寸33", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-34", "value": "calc(var(--s-base) * 34)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-34", "semantic": "尺寸34", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-35", "value": "calc(var(--s-base) * 35)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-35", "semantic": "尺寸35", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-36", "value": "calc(var(--s-base) * 36)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-36", "semantic": "尺寸36", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-37", "value": "calc(var(--s-base) * 37)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-37", "semantic": "尺寸37", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-38", "value": "calc(var(--s-base) * 38)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-38", "semantic": "尺寸38", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-39", "value": "calc(var(--s-base) * 39)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-39", "semantic": "尺寸39", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-40", "value": "calc(var(--s-base) * 40)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-40", "semantic": "尺寸40", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-41", "value": "calc(var(--s-base) * 41)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-41", "semantic": "尺寸41", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-42", "value": "calc(var(--s-base) * 42)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-42", "semantic": "尺寸42", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-43", "value": "calc(var(--s-base) * 43)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-43", "semantic": "尺寸43", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-44", "value": "calc(var(--s-base) * 44)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-44", "semantic": "尺寸44", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-45", "value": "calc(var(--s-base) * 45)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-45", "semantic": "尺寸45", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-46", "value": "calc(var(--s-base) * 46)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-46", "semantic": "尺寸46", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-47", "value": "calc(var(--s-base) * 47)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-47", "semantic": "尺寸47", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-48", "value": "calc(var(--s-base) * 48)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-48", "semantic": "尺寸48", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-49", "value": "calc(var(--s-base) * 49)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-49", "semantic": "尺寸49", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-50", "value": "calc(var(--s-base) * 50)", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-50", "semantic": "尺寸50", "group": "size", "unconfigurable": true, "type": "reference", "namespace": "default" }, { "component": "size", "name": "--s-compact", "value": "400rpx", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-compact", "semantic": "紧凑尺寸", "unconfigurable": true, "group": "size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "size", "name": "--s-comfortable", "value": "640rpx", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-comfortable", "semantic": "适中尺寸", "unconfigurable": true, "group": "size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "size", "name": "--s-luxury", "value": "1280rpx", "display:": "Size", "chinese:": "尺寸", "family:": "style", "desc": "s-luxury", "semantic": "超大尺寸", "group": "size", "unconfigurable": true, "type": "number", "unit": "rpx", "namespace": "default" } ] }, "shadow": { "family": "style", "chinese": "阴影", "display": "Shadow", "variables": [ { "component": "shadow", "name": "--shadow-zero", "value": "none", "group": "shadow", "type": "shadow", "desc": "shadow-0", "semantic": "无阴影", "unconfigurable": true, "namespace": "default" }, { "component": "shadow", "name": "--shadow-1-p", "value": "0rpx 0rpx 4rpx 0rpx rgba(0, 0, 0, 0.08)", "group": "shadow", "type": "shadow", "desc": "shadow1-p", "semantic": "shadow1-p", "namespace": "default" }, { "component": "shadow", "name": "--shadow-1-e", "value": "0rpx 4rpx 16rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow2-e", "semantic": "shadow2-e", "namespace": "default" }, { "component": "shadow", "name": "--shadow-2-p", "value": "0rpx 0rpx 16rpx 0rpx rgba(0, 0, 0, 0.08)", "group": "shadow", "type": "shadow", "desc": "shadow2-p", "semantic": "shadow2-p", "namespace": "default" }, { "component": "shadow", "name": "--shadow-2-e", "value": "0rpx 16rpx 32rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow2-e", "semantic": "shadow2-e", "namespace": "default" }, { "component": "shadow", "name": "--shadow-3-p", "value": "0rpx 0rpx 32rpx 0rpx rgba(0, 0, 0, 0.08)", "group": "shadow", "type": "shadow", "desc": "shadow3-p", "semantic": "shadow3-p", "namespace": "default" }, { "component": "shadow", "name": "--shadow-3-e", "value": "0rpx 16rpx 32rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow3-e", "semantic": "shadow3-e", "namespace": "default" }, { "component": "shadow", "name": "--shadow-1", "value": "0rpx 0rpx 4rpx 0rpx rgba(0, 0, 0, 0.08), 0rpx 4rpx 16rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow1", "semantic": "shadow1", "unconfigurable": true, "namespace": "default" }, { "component": "shadow", "name": "--shadow-2", "value": "0rpx 0rpx 16rpx 0rpx rgba(0, 0, 0, 0.08), 0rpx 16rpx 32rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow2", "semantic": "shadow2", "unconfigurable": true, "namespace": "default" }, { "component": "shadow", "name": "--shadow-3", "value": "0rpx 0rpx 32rpx 0rpx rgba(0, 0, 0, 0.08), 0rpx 16rpx 32rpx 0rpx rgba(0, 0, 0, 0.12)", "group": "shadow", "type": "shadow", "desc": "shadow3", "semantic": "shadow3", "unconfigurable": true, "namespace": "default" } ] }, "font": { "family": "style", "chinese": "字体", "display": "Font", "variables": [ { "component": "font", "name": "--font-family-1", "value": "Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC', 'Microsoft YaHei'", "group": "font", "type": "font", "desc": "fontfamily1", "semantic": "字体族1", "namespace": "default" }, { "component": "font", "name": "--font-family-2", "value": "Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC', 'Microsoft YaHei'", "group": "font", "type": "font", "desc": "fontfamily2", "semantic": "字体族2", "namespace": "default" }, { "component": "font", "name": "--font-family-3", "value": "'Andale Mono', monospace", "group": "font", "type": "font", "desc": "fontfamily3", "semantic": "字体族3", "namespace": "default" } ] }, "motion": { "variables": [ { "component": "motion", "name": "--motion-time-1", "value": "0.1s", "unconfigurable": true, "desc": "motion-1", "group": "motion.time", "semantic": "动画时间", "type": "number", "unit": "s", "namespace": "default" }, { "component": "motion", "name": "--motion-time-2", "value": "0.25s", "unconfigurable": true, "desc": "motion-2", "group": "motion.time", "semantic": "动画时间", "type": "number", "unit": "s", "namespace": "default" }, { "component": "motion", "name": "--motion-time-3", "value": "0.3s", "unconfigurable": true, "desc": "motion-3", "group": "motion.time", "semantic": "动画时间", "type": "number", "unit": "s", "namespace": "default" }, { "component": "motion", "name": "--motion-type-linear", "value": "cubic-bezier(0, 0, 1, 1)", "unconfigurable": true, "desc": "motion-linear", "group": "motion.type", "semantic": "动画时间", "type": "string", "namespace": "default" }, { "component": "motion", "name": "--motion-type-ease", "value": "cubic-bezier(0.25, 0.1, 0.25, 1)", "unconfigurable": true, "desc": "motion-ease", "group": "motion.type", "semantic": "动画时间", "type": "string", "namespace": "default" }, { "component": "motion", "name": "--motion-type-ease-in", "value": "cubic-bezier(0.42, 0, 1, 1)", "unconfigurable": true, "desc": "motion-ease-in", "group": "motion.type", "semantic": "动画时间", "type": "string", "namespace": "default" }, { "component": "motion", "name": "--motion-type-ease-out", "value": "cubic-bezier(0, 0, 0.58, 1)", "unconfigurable": true, "desc": "motion-ease-out", "group": "motion.type", "semantic": "动画时间", "type": "string", "namespace": "default" } ] }, "elevation": { "variables": [ { "component": "elevation", "name": "--elevation-0", "value": "0", "unconfigurable": true, "group": "elevation", "desc": "elevation-0", "semantic": "无层级", "type": "number", "namespace": "default" }, { "component": "elevation", "name": "--elevation-1", "value": "100", "unconfigurable": true, "group": "elevation", "desc": "elevation-1", "semantic": "层级1-内容", "type": "number", "namespace": "default" }, { "component": "elevation", "name": "--elevation-2", "value": "200", "unconfigurable": true, "group": "elevation", "desc": "elevation-2", "semantic": "层级2-内容", "type": "number", "namespace": "default" }, { "component": "elevation", "name": "--elevation-3", "value": "300", "unconfigurable": true, "group": "elevation", "desc": "elevation-3", "semantic": "层级3-系统", "type": "number", "namespace": "default" }, { "component": "elevation", "name": "--elevation-4", "value": "400", "unconfigurable": true, "group": "elevation", "desc": "elevation-4", "semantic": "层级4-系统", "type": "number", "namespace": "default" }, { "component": "elevation", "name": "--elevation-ravine", "value": "-999", "unconfigurable": true, "group": "elevation", "desc": "elevation-sinking", "semantic": "下沉式层级", "type": "string", "namespace": "default" }, { "component": "elevation", "name": "--elevation-peak", "value": "999", "unconfigurable": true, "group": "elevation", "desc": "elevation-peak", "semantic": "高峰", "type": "number", "namespace": "default" } ] }, "icon": { "family": "general", "chinese": "图标", "display": "Icon", "variables": [ { "component": "icon", "name": "--icon-xxs", "value": "var(--s-3)", "desc": "icon-xxs", "semantic": "xxs", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-xs", "value": "var(--s-4)", "desc": "icon-xs", "semantic": "xs", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-s", "value": "var(--s-5)", "desc": "icon-s", "semantic": "s", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-m", "value": "var(--s-6)", "desc": "icon-m", "semantic": "m", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-l", "value": "var(--s-8)", "desc": "icon-l", "semantic": "l", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-xl", "value": "var(--s-12)", "desc": "icon-xl", "semantic": "xl", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-xxl", "value": "var(--s-16)", "desc": "icon-xxl", "semantic": "xxl", "group": "icon.size", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "icon", "name": "--icon-font-family", "value": "'meet-iconfont'", "desc": "icon-font-family", "semantic": "family", "unconfigurable": true, "type": "font-family", "namespace": "default" }, { "component": "icon", "name": "--icon-content-play-filling", "value": "'\\e896'", "desc": "icon-content-play-filling", "group": "icon.content", "semantic": "play-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-select", "value": "'\\e8b0'", "desc": "icon-content-select", "group": "icon.content", "semantic": "select", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-add", "value": "'\\e8b3'", "desc": "icon-content-add", "group": "icon.content", "semantic": "add", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-close", "value": "'\\e8b4'", "desc": "icon-content-close", "group": "icon.content", "semantic": "close", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-search", "value": "'\\e8b2'", "desc": "icon-content-search", "group": "icon.content", "semantic": "search", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-ashbin", "value": "'\\e873'", "desc": "icon-content-ashbin", "group": "icon.content", "semantic": "ashbin", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-semi-select", "value": "'\\e8a5'", "desc": "icon-content-semi-select", "group": "icon.content", "semantic": "semi-select", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-error", "value": "'\\e8ae'", "desc": "icon-content-error", "group": "icon.content", "semantic": "error", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-prompt", "value": "'\\e8b1'", "desc": "icon-content-prompt", "group": "icon.content", "semantic": "prompt", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-prompt-filling", "value": "'\\e8ad'", "desc": "icon-content-prompt-filling", "group": "icon.content", "semantic": "prompt-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-success", "value": "'\\e8a9'", "desc": "icon-content-success", "group": "icon.content", "semantic": "success", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-warning", "value": "'\\e8af'", "desc": "icon-content-warning", "group": "icon.content", "semantic": "warning", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-left", "value": "'\\e8ab'", "desc": "icon-content-arrow-left", "group": "icon.content", "semantic": "arrow-left", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-right", "value": "'\\e879'", "desc": "icon-content-arrow-right", "group": "icon.content", "semantic": "arrow-right", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-up", "value": "'\\e8a8'", "desc": "icon-content-arrow-up", "group": "icon.content", "semantic": "arrow-up", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-down", "value": "'\\e8a7'", "desc": "icon-content-arrow-down", "group": "icon.content", "semantic": "arrow-down", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-double-left", "value": "'\\e8a0'", "desc": "icon-content-arrow-double-left", "group": "icon.content", "semantic": "arrow-double-left", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-arrow-double-right", "value": "'\\e8a1'", "desc": "icon-content-arrow-double-right", "group": "icon.content", "semantic": "arrow-double-right", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-triangle-arrow-up", "value": "'\\e89e'", "desc": "icon-content-triangle-arrow-up", "group": "icon.content", "semantic": "triangle-arrow-up", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-triangle-arrow-down", "value": "'\\e874'", "desc": "icon-content-triangle-arrow-down", "group": "icon.content", "semantic": "triangle-arrow-down", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-triangle-arrow-left", "value": "'\\e873'", "desc": "icon-content-triangle-arrow-left", "group": "icon.content", "semantic": "triangle-arrow-left", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-triangle-arrow-right", "value": "'\\e89d'", "desc": "icon-content-triangle-arrow-right", "group": "icon.content", "semantic": "triangle-arrow-right", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-heart-filling", "value": "'\\e89f'", "desc": "icon-content-heart-filling", "group": "icon.content", "semantic": "heart-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-minus", "value": "'\\e8aa'", "desc": "icon-content-minus", "group": "icon.content", "semantic": "minus", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-loading", "value": "'\\e8a4'", "desc": "icon-content-loading", "group": "icon.content", "semantic": "loading", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-favorites-filling", "value": "'\\e8a3'", "desc": "icon-content-favorites-filling", "group": "icon.content", "semantic": "favorites-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-warning-filling", "value": "'\\e8ac'", "desc": "icon-content-warning-filling", "group": "icon.content", "semantic": "warning-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-success-filling", "value": "'\\e8a6'", "desc": "icon-content-success-filling", "group": "icon.content", "semantic": "success-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-delete-filling", "value": "'\\e877'", "desc": "icon-content-delete-filling", "group": "icon.content", "semantic": "delete-filling", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-asterisk", "value": "'\\e8a2'", "desc": "icon-content-asterisk", "group": "icon.content", "semantic": "asterisk", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-switch", "value": "'\\e89a'", "desc": "icon-content-switch", "group": "icon.content", "semantic": "switch", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-upload", "value": "'\\e875'", "desc": "icon-content-upload", "group": "icon.content", "semantic": "upload", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-download", "value": "'\\e878'", "desc": "icon-content-download", "group": "icon.content", "semantic": "download", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-picture", "value": "'\\e898'", "desc": "icon-content-picture", "group": "icon.content", "semantic": "picture", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-ellipsis", "value": "'\\e87a'", "desc": "icon-content-ellipsis", "group": "icon.content", "semantic": "ellipsis", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-calendar", "value": "'\\e876'", "desc": "icon-content-calendar", "group": "icon.content", "semantic": "calendar", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-list", "value": "'\\e87d'", "desc": "icon-content-list", "group": "icon.content", "semantic": "list", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-chart-pie", "value": "'\\e881'", "desc": "icon-content-chart-pie", "group": "icon.content", "semantic": "chart-pie", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-chart-bar", "value": "'\\e87e'", "desc": "icon-content-chart-bar", "group": "icon.content", "semantic": "chart-bar", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-detail", "value": "'\\e880'", "desc": "icon-content-detail", "group": "icon.content", "semantic": "detail", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-dashborad", "value": "'\\e87f'", "desc": "icon-content-dashborad", "group": "icon.content", "semantic": "dashborad", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-help", "value": "'\\e883'", "desc": "icon-content-help", "group": "icon.content", "semantic": "help", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-unlock", "value": "'\\e88a'", "desc": "icon-content-unlock", "group": "icon.content", "semantic": "unlock", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-lock", "value": "'\\e87c'", "desc": "icon-content-lock", "group": "icon.content", "semantic": "lock", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-set", "value": "'\\e889'", "desc": "icon-content-set", "group": "icon.content", "semantic": "set", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-toggle-left", "value": "'\\e887'", "desc": "icon-content-toggle-left", "group": "icon.content", "semantic": "toggle-left", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-toggle-right", "value": "'\\e884'", "desc": "icon-content-toggle-right", "group": "icon.content", "semantic": "toggle-right", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-filter", "value": "'\\e885'", "desc": "icon-content-filter", "group": "icon.content", "semantic": "filter", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-eye", "value": "'\\e886'", "desc": "icon-content-eye", "group": "icon.content", "semantic": "eye", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-eye-close", "value": "'\\e88b'", "desc": "icon-content-eye-close", "group": "icon.content", "semantic": "eye-close", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-copy", "value": "'\\e894'", "desc": "icon-content-copy", "group": "icon.content", "semantic": "copy", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-email", "value": "'\\e88e'", "desc": "icon-content-email", "group": "icon.content", "semantic": "email", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-attachment", "value": "'\\e892'", "desc": "icon-content-attachment", "group": "icon.content", "semantic": "attachment", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-exit", "value": "'\\e888'", "desc": "icon-content-exit", "group": "icon.content", "semantic": "exit", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-edit", "value": "'\\e893'", "desc": "icon-content-edit", "group": "icon.content", "semantic": "edit", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-account", "value": "'\\e88c'", "desc": "icon-content-account", "group": "icon.content", "semantic": "account", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-refresh", "value": "'\\e891'", "desc": "icon-content-refresh", "group": "icon.content", "semantic": "refresh", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-cry", "value": "'\\e890'", "desc": "icon-content-cry", "group": "icon.content", "semantic": "cry", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-smile", "value": "'\\e88d'", "desc": "icon-content-smile", "group": "icon.content", "semantic": "smile", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-ascending", "value": "'\\e88f'", "desc": "icon-content-ascending", "group": "icon.content", "semantic": "ascending", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-descending", "value": "'\\e89b'", "desc": "icon-content-descending", "group": "icon.content", "semantic": "descending", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-clock", "value": "'\\e87b'", "desc": "icon-content-clock", "group": "icon.content", "semantic": "clock", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-sorting", "value": "'\\e895'", "desc": "icon-content-sorting", "group": "icon.content", "semantic": "sorting", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-form", "value": "'\\e882'", "desc": "icon-content-form", "group": "icon.content", "semantic": "form", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--icon-content-add-square", "value": "'\\e89c'", "desc": "icon-content-add-square", "group": "icon.content", "semantic": "add-square", "type": "icon", "unconfigurable": true, "namespace": "default" }, { "component": "icon", "name": "--font-family", "value": "'meet-iconfont'", "unconfigurable": true, "type": "string", "desc": "font-family", "namespace": "default" }, { "component": "icon", "name": "--font-path", "value": "url('https://at.alicdn.com/t/font_1273696_w04qt8uhko.ttf')", "unconfigurable": true, "type": "string", "desc": "font-path", "namespace": "default" } ] }, "paragraph": { "variables": [ { "component": "paragraph", "name": "--p-display-3-font-family", "value": "var(--font-family-2)", "desc": "display3", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-3-font-size", "value": "124rpx", "desc": "display3", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-3-icon-size", "value": "124rpx", "desc": "display3", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-3-font-weight", "value": "900", "desc": "display3", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-display-3-margin-top", "value": "var(--s-9)", "desc": "display3", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-3-margin-bottom", "value": "var(--s-9)", "desc": "display3", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-font-family", "value": "var(--font-family-2)", "desc": "display2", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-font-size", "value": "96rpx", "desc": "display2", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-icon-size", "value": "96rpx", "desc": "display2", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-font-weight", "value": "800", "desc": "display2", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-margin-top", "value": "var(--s-8)", "desc": "display2", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-2-margin-bottom", "value": "var(--s-8)", "desc": "display2", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-font-family", "value": "var(--font-family-2)", "desc": "display1", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-font-size", "value": "72rpx", "desc": "display1", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-icon-size", "value": "72rpx", "desc": "display1", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-font-weight", "value": "700", "desc": "display1", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-margin-top", "value": "var(--s-7)", "desc": "display1", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-display-1-margin-bottom", "value": "var(--s-7)", "desc": "display1", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-font-family", "value": "var(--font-family-2)", "desc": "headline", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-font-size", "value": "48rpx", "desc": "headline", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-icon-size", "value": "48rpx", "desc": "headline", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-font-weight", "value": "600", "desc": "headline", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-margin-top", "value": "var(--s-6)", "desc": "headline", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-headline-margin-bottom", "value": "var(--s-6)", "desc": "headline", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-title-font-family", "value": "var(--font-family-2)", "desc": "title", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-title-font-size", "value": "40rpx", "desc": "title", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-title-icon-size", "value": "40rpx", "desc": "title", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-title-font-weight", "value": "500", "desc": "title", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-title-margin-top", "value": "var(--s-5)", "desc": "title", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-title-margin-bottom", "value": "var(--s-5)", "desc": "title", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-font-family", "value": "var(--font-family-2)", "desc": "subhead", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-font-size", "value": "36rpx", "desc": "subhead", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-icon-size", "value": "36rpx", "desc": "subhead", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-font-weight", "value": "400", "desc": "subhead", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-margin-top", "value": "var(--s-4)", "desc": "subhead", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-subhead-margin-bottom", "value": "var(--s-4)", "desc": "subhead", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-font-family", "value": "var(--font-family-1)", "desc": "body2", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-font-size", "value": "32rpx", "desc": "body2", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-icon-size", "value": "32rpx", "desc": "body2", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-font-weight", "value": "300", "desc": "body2", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-margin-top", "value": "var(--s-3)", "desc": "body2", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-2-margin-bottom", "value": "var(--s-3)", "desc": "body2", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-font-family", "value": "var(--font-family-1)", "desc": "body1", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-font-size", "value": "28rpx", "desc": "body1", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-icon-size", "value": "28rpx", "desc": "body1", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-font-weight", "value": "200", "desc": "body1", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-margin-top", "value": "var(--s-2)", "desc": "body1", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-body-1-margin-bottom", "value": "var(--s-2)", "desc": "body1", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-font-family", "value": "var(--font-family-1)", "desc": "caption", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-font-size", "value": "24rpx", "desc": "caption", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-icon-size", "value": "24rpx", "desc": "caption", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-font-weight", "value": "100", "desc": "caption", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-margin-top", "value": "var(--s-3)", "desc": "caption", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-caption-margin-bottom", "value": "var(--s-3)", "desc": "caption", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-font-family", "value": "var(--font-family-1)", "desc": "overline", "semantic": "字体族", "group": "p.font-family", "enum": "font", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-font-size", "value": "20rpx", "desc": "overline", "semantic": "字体大小", "group": "p.font-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-icon-size", "value": "20rpx", "desc": "overline", "semantic": "图标大小", "group": "p.icon-size", "type": "number", "unit": "rpx", "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-font-weight", "value": "100", "desc": "overline", "semantic": "字重", "group": "p.font-weight", "type": "number", "step": 100, "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-margin-top", "value": "var(--s-1)", "desc": "overline", "semantic": "顶部外边距", "group": "p.margin-top", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "paragraph", "name": "--p-overline-margin-bottom", "value": "var(--s-1)", "desc": "overline", "semantic": "底部外边距", "group": "p.margin-bottom", "enum": "size", "type": "enum", "namespace": "default" } ] }, "box": { "family": "style", "chinese": "样式", "display": "Box", "variables": [ { "component": "box", "name": "--box-large-min-width", "value": "var(--s-14)", "intermediate": true, "desc": "min-width", "senmantic": "最小宽", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-min-height", "value": "var(--s-11)", "intermediate": true, "desc": "min-height", "senmantic": "最小高", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-border-width", "value": "var(--line-1)", "intermediate": true, "desc": "border-width", "senmantic": "边框宽度", "enum": "line.width", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-border-radius", "value": "var(--corner-1)", "intermediate": true, "desc": "broder-radius", "senmantic": "圆角尺寸", "enum": "corner", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-padding-hoz", "value": "var(--s-6)", "intermediate": true, "desc": "padding", "senmantic": "水平内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-padding-ver", "value": "var(--s-3)", "intermediate": true, "desc": "padding", "senmantic": "上下内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-padding", "value": "var(--box-large-padding-ver) var(--box-large-padding-hoz)", "intermediate": true, "desc": "padding", "senmantic": "内边距", "group": "box-padding", "type": "complex", "ref": [ "--box-large-padding-ver", "--box-large-padding-hoz" ], "namespace": "default" }, { "component": "box", "name": "--box-large-spacing", "value": "var(--s-3)", "intermediate": true, "desc": "spacing", "senmantic": "元素间隙", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-margin-top", "value": "var(--s-3)", "intermediate": true, "desc": "margin-top", "senmantic": "顶部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-large-margin-bottom", "value": "var(--s-3)", "intermediate": true, "desc": "margin-bottom", "senmantic": "底部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-min-width", "value": "var(--s-11)", "intermediate": true, "desc": "min-width", "senmantic": "最小宽", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-min-height", "value": "var(--s-9)", "intermediate": true, "desc": "min-height", "senmantic": "最小高", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-border-width", "value": "var(--line-1)", "intermediate": true, "desc": "border-width", "senmantic": "边框宽度", "enum": "line.width", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-border-radius", "value": "var(--corner-1)", "intermediate": true, "desc": "broder-radius", "senmantic": "圆角尺寸", "enum": "corner", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-padding-hoz", "value": "var(--s-4)", "intermediate": true, "desc": "padding", "senmantic": "水平内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-padding-ver", "value": "var(--s-2)", "intermediate": true, "desc": "padding", "senmantic": "上下内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "intermediate": true, "desc": "padding", "senmantic": "内边距", "unconfigurable": true, "type": "complex", "group": "box-padding", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ], "namespace": "default" }, { "component": "box", "name": "--box-medium-spacing", "value": "var(--s-2)", "intermediate": true, "desc": "spacing", "senmantic": "元素间隙", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-margin-top", "value": "var(--s-2)", "intermediate": true, "desc": "margin-top", "senmantic": "顶部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-medium-margin-bottom", "value": "var(--s-2)", "intermediate": true, "desc": "margin-bottom", "senmantic": "底部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-min-width", "value": "var(--s-8)", "intermediate": true, "desc": "min-width", "senmantic": "最小宽", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-min-height", "value": "var(--s-7)", "intermediate": true, "desc": "min-height", "senmantic": "最小高", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-border-width", "value": "var(--line-1)", "intermediate": true, "desc": "border-width", "senmantic": "边框宽度", "enum": "line.width", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-border-radius", "value": "var(--corner-1)", "intermediate": true, "desc": "broder-radius", "senmantic": "圆角尺寸", "enum": "corner", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-padding-hoz", "value": "var(--s-3)", "intermediate": true, "desc": "padding", "senmantic": "水平内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-padding-ver", "value": "var(--s-1)", "intermediate": true, "desc": "padding", "senmantic": "上下内边距", "unconfigurable": true, "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-padding", "value": "var(--box-small-padding-ver) var(--box-small-padding-hoz)", "intermediate": true, "desc": "padding", "senmantic": "内边距", "type": "complex", "ref": [ "--box-small-padding-ver", "--box-small-padding-hoz" ], "namespace": "default" }, { "component": "box", "name": "--box-small-spacing", "value": "var(--s-1)", "intermediate": true, "desc": "spacing", "senmantic": "元素间隙", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-margin-top", "value": "var(--s-1)", "intermediate": true, "desc": "margin-top", "senmantic": "顶部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-small-margin-bottom", "value": "var(--s-1)", "intermediate": true, "desc": "margin-bottom", "senmantic": "底部外边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-solid-border-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-solid-border-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-border-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-border-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-background-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-solid-background-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-background-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-background-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-font-color", "value": "var(--color-white)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-solid-font-color-hover", "value": "var(--color-white)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-font-color-active", "value": "var(--color-white)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-font-color-disabled", "value": "var(--color-white)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-icon-color", "value": "var(--color-white)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-solid-icon-color-hover", "value": "var(--color-white)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-icon-color-active", "value": "var(--color-white)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-solid-icon-color-disabled", "value": "var(--color-white)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-border-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-outline-border-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-border-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-border-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-outline-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-font-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-outline-font-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-font-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-font-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-icon-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "intermeditate": true, "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-outline-icon-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "intermeditate": true, "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-icon-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "intermeditate": true, "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-outline-icon-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "intermeditate": true, "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-text-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-text-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-font-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "intermeditate": true, "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-text-font-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "intermeditate": true, "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-font-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "intermeditate": true, "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-font-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "intermeditate": true, "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-icon-color", "value": "var(--color-brand-3)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "intermeditate": true, "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-primary-text-icon-color-hover", "value": "var(--color-brand-2)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "intermeditate": true, "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-icon-color-active", "value": "var(--color-brand-4)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "intermeditate": true, "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-primary-text-icon-color-disabled", "value": "var(--color-brand-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "intermeditate": true, "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-solid-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-background-color", "value": "var(--color-fill1-2)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-solid-background-color-hover", "value": "var(--color-fill1-3)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-background-color-active", "value": "var(--color-fill1-4)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-background-color-disabled", "value": "var(--color-line1-1)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-font-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-solid-font-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-font-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-font-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-icon-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-solid-icon-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-icon-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-solid-icon-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-border-color", "value": "var(--color-line1-4)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-outline-border-color-hover", "value": "var(--color-line1-3)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-border-color-active", "value": "var(--color-line1-2)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-border-color-disabled", "value": "var(--color-line1-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-outline-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-font-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-outline-font-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-font-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-font-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-icon-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-outline-icon-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-icon-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-outline-icon-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-text-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-text-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-font-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-text-font-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-font-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-font-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-icon-color", "value": "var(--color-text1-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-normal-text-icon-color-hover", "value": "var(--color-text1-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-icon-color-active", "value": "var(--color-text1-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-normal-text-icon-color-disabled", "value": "var(--color-text1-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-solid-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-background-color", "value": "var(--color-fill2-4)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-solid-background-color-hover", "value": "var(--color-fill2-3)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-background-color-active", "value": "var(--color-fill2-2)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-background-color-disabled", "value": "var(--color-fill2-1)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-font-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-solid-font-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-font-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-font-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-icon-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-solid-icon-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-icon-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-solid-icon-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-border-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-outline-border-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-border-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-border-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-outline-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-font-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-outline-font-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-font-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-font-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-icon-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-outline-icon-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-icon-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-outline-icon-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-text-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-text-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-font-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-text-font-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-font-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-font-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-icon-color", "value": "var(--color-text2-4)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-inverse-text-icon-color-hover", "value": "var(--color-text2-3)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-icon-color-active", "value": "var(--color-text2-2)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-inverse-text-icon-color-disabled", "value": "var(--color-text2-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-border-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-solid-border-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-border-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-border-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-background-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-solid-background-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-background-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-background-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-font-color", "value": "var(--color-white)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-solid-font-color-hover", "value": "var(--color-white)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-font-color-active", "value": "var(--color-white)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-font-color-disabled", "value": "var(--color-white)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-icon-color", "value": "var(--color-white)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-solid-icon-color-hover", "value": "var(--color-white)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-icon-color-active", "value": "var(--color-white)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-solid-icon-color-disabled", "value": "var(--color-white)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-border-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-outline-border-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-border-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-border-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-outline-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-font-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-outline-font-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-font-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-font-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-icon-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-outline-icon-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-icon-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-outline-icon-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-border-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "border-color", "senmantic": "边框颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-text-border-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "hover-color", "senmantic": "鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-border-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "active-color", "senmantic": "激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-border-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "disabled-color", "senmantic": "禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-background-color", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-color", "senmantic": "背景颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-text-background-color-hover", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-hover-color", "senmantic": "背景鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-background-color-active", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-active-color", "senmantic": "背景激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-background-color-disabled", "value": "var(--color-transparent)", "intermediate": true, "desc": "bg-disabled-color", "senmantic": "背景禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-font-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "text-color", "senmantic": "文本颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-text-font-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "text-hover-color", "senmantic": "文本鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-font-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "text-active-color", "senmantic": "文本激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-font-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "text-disabled-color", "senmantic": "文本禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-icon-color", "value": "var(--color-error-3)", "intermediate": true, "desc": "icon-color", "senmantic": "图标颜色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--box-warning-text-icon-color-hover", "value": "var(--color-error-2)", "intermediate": true, "desc": "icon-hover-color", "senmantic": "图表鼠标覆盖颜色", "namespace": "hover", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-icon-color-active", "value": "var(--color-error-4)", "intermediate": true, "desc": "icon-active-color", "senmantic": "图标激活颜色", "namespace": "active", "enum": "color", "type": "enum" }, { "component": "box", "name": "--box-warning-text-icon-color-disabled", "value": "var(--color-error-1)", "intermediate": true, "desc": "icon-disabled-color", "senmantic": "图标禁用颜色", "namespace": "disabled", "enum": "color", "type": "enum" }, { "component": "box", "name": "--block-padding", "value": "var(--s-4)", "intermediate": true, "desc": "block-padding", "senmantic": "区块内边距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--block-border-width", "value": "var(--line-zero)", "intermediate": true, "desc": "block-border-width", "senmantic": "区块边框宽度", "enum": "line.width", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--block-border-radius", "value": "var(--corner-2)", "intermediate": true, "desc": "block-corner", "senmantic": "区块圆角", "enum": "corner", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--block-border-color", "value": "var(--color-line1-1)", "intermediate": true, "desc": "block-border-color", "senmantic": "区块边框色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--page-padding", "value": "var(--s-4) var(--s-4)", "intermediate": true, "desc": "page-padding", "senmantic": "页面内边距", "unconfigurable": true, "type": "complex", "ref": [ "--s-4" ], "namespace": "default" }, { "component": "box", "name": "--grid-gutter-column", "value": "var(--s-2)", "intermediate": true, "desc": "column-width", "senmantic": "列间距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "box", "name": "--grid-gutter-row", "value": "var(--s-2)", "intermediate": true, "desc": "row-width", "senmantic": "行边距", "enum": "size", "type": "enum", "namespace": "default" } ] } }, "component": { "action-sheet": { "variables": [ { "component": "action-sheet", "name": "--action-sheet-padding-lr", "value": "var(--s-2)", "desc": "padding(l,r)", "semantic": "左右内间距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "action-sheet", "name": "--action-sheet-padding-tb", "value": "var(--s-4)", "desc": "padding(t,b)", "semantic": "上下内间距", "enum": "size", "type": "enum", "namespace": "default" }, { "component": "action-sheet", "name": "--action-sheet-bg-color", "value": "var(--color-fill1-1)", "desc": "bg-color", "semantic": "背景色", "enum": "color", "type": "enum", "namespace": "default" }, { "component": "action-sheet", "name": "--action-sheet-msg-font-color", "value": "var(--color-text1-3)", "desc": "font-color", "semantic": "提示信息字体颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-msg-font-size", "value": "var(--p-body-1-icon-size)", "desc": "font-color", "semantic": "提示信息字体大小", "namespace": "state/normal", "enum": "p.icon-size", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-msg-padding", "value": "var(--s-4)", "desc": "msg-padding", "semantic": "提示信息内间距", "namespace": "size/normal", "enum": "size", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-option-border-color", "value": "var(--color-line1-3)", "desc": "font-color", "semantic": "提示信息字体颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-option-font-color", "value": "var(--color-text1-4)", "desc": "item-font-color", "semantic": "选择项字体颜色", "namespace": "state/normal", "originVal": "var(--box-normal-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "action-sheet", "name": "--action-sheet-option-font-color-hover", "value": "var(--color-text1-3)", "desc": "item-font-color", "semantic": "选择项字体颜色", "namespace": "state/active", "originVal": "var(--box-normal-solid-font-color-hover)", "type": "enum", "enum": "color" }, { "component": "action-sheet", "name": "--action-sheet-option-font-color-disabled", "value": "var(--color-text1-1)", "desc": "item-font-color", "semantic": "选择项字体颜色", "namespace": "state/disabled", "originVal": "var(--box-normal-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "action-sheet", "name": "--action-sheet-option-font-size", "value": "var(--p-caption-font-size)", "desc": "item-font-size", "semantic": "选择项字体大小", "namespace": "state/normal", "enum": "p.font-size", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-option-padding", "value": "var(--s-4)", "desc": "item-padding", "semantic": "可选项内间距", "namespace": "state/normal", "enum": "size", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-gap-height", "value": "var(--s-2)", "desc": "cancel-gap-size", "semantic": "取消按钮顶部间隙", "namespace": "state/normal", "enum": "size", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-corner", "value": "var(--corner-zero)", "desc": "corner", "semantic": "圆角", "namespace": "state/normal", "enum": "corner", "type": "enum" }, { "component": "action-sheet", "name": "--action-sheet-icon-corner", "value": "var(--corner-1)", "desc": "icon-color", "semantic": "icon 圆角", "namespace": "state/normal", "enum": "corner", "type": "enum" } ] }, "avatar": { "family": "data-display", "chinese": "头像", "display": "Avatar", "variables": [ { "component": "avatar", "name": "--avatar-small-size", "value": "var(--s-6)", "desc": "width", "namespace": "width/small", "semantic": "宽/高", "enum": "size", "type": "enum" }, { "component": "avatar", "name": "--avatar-medium-size", "value": "var(--s-9)", "desc": "width", "namespace": "width/medium", "semantic": "宽/高", "enum": "size", "type": "enum" }, { "component": "avatar", "name": "--avatar-large-size", "value": "var(--s-12)", "desc": "width", "namespace": "width/large", "semantic": "宽/高", "enum": "size", "type": "enum" }, { "component": "avatar", "name": "--avatar-small-font-size", "value": "var(--p-caption-font-size)", "enum": "p.font-size", "type": "enum", "desc": "avatar-small-font-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-medium-font-size", "value": "var(--p-body-1-font-size)", "enum": "p.font-size", "type": "enum", "desc": "avatar-medium-font-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-large-font-size", "value": "var(--p-body-2-font-size)", "enum": "p.font-size", "type": "enum", "desc": "avatar-large-font-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-small-icon-size", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "avatar-small-icon-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-medium-icon-size", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "avatar-medium-icon-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-large-icon-size", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "avatar-large-icon-size", "namespace": "default" }, { "component": "avatar", "name": "--avatar-circle-corner", "value": "var(--corner-circle)", "desc": "border-radius", "namespace": "border/circle", "semantic": "边框圆角", "enum": "corner", "type": "enum" }, { "component": "avatar", "name": "--avatar-square-corner", "value": "var(--corner-1)", "desc": "border-radius", "namespace": "border/circle", "semantic": "边框圆角", "enum": "corner", "type": "enum" }, { "component": "avatar", "name": "--avatar-bg-color", "value": "var(--color-fill1-4)", "desc": "background", "namespace": "base/background", "semantic": "背景色", "enum": "color", "type": "enum" }, { "component": "avatar", "name": "--avatar-font-color", "value": "var(--color-white)", "desc": "text-color", "namespace": "font/color", "semantic": "字色", "enum": "color", "type": "enum" }, { "component": "avatar", "name": "--avatar-icon-color", "value": "var(--color-white)", "desc": "icon-color", "namespace": "icon/color", "semantic": "icon颜色", "enum": "color", "type": "enum" } ] }, "badge": { "family": "data-display", "chinese": "徽章", "display": "Badge", "variables": [ { "component": "badge", "name": "--badge-number-size", "value": "var(--s-4)", "desc": "size", "namespace": "size/bounding", "semantic": "大小", "enum": "size", "type": "enum" }, { "component": "badge", "name": "--badge-number-padding", "value": "var(--s-1)", "desc": "padding(l, r)", "namespace": "size/bounding", "semantic": "内边距", "enum": "size", "type": "enum" }, { "component": "badge", "name": "--badge-number-font-size", "value": "var(--p-caption-font-size)", "desc": "size", "namespace": "size/text", "semantic": "字号", "enum": "p.font-size", "type": "enum" }, { "component": "badge", "name": "--badge-number-font-color", "value": "var(--color-white)", "desc": "text", "namespace": "base/color", "semantic": "字色", "originVal": "var(--box-primary-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "badge", "name": "--badge-bg-color", "value": "var(--color-error-3)", "desc": "background", "namespace": "base/color", "semantic": "背景色", "originVal": "var(--box-warning-text-icon-color)", "type": "enum", "enum": "color" }, { "component": "badge", "name": "--badge-border-color", "value": "var(--color-white)", "desc": "border-color", "namespace": "base/border", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "badge", "name": "--badge-border-width", "value": "var(--line-3)", "desc": "border-width", "namespace": "base/border", "semantic": "边框大小", "enum": "line.width", "type": "enum" }, { "component": "badge", "name": "--badge-unread-bg-color", "value": "var(--color-error-3)", "desc": "background", "namespace": "statement/unread", "semantic": "未读背景色", "originVal": "var(--box-warning-text-icon-color)", "type": "enum", "enum": "color" }, { "component": "badge", "name": "--badge-dot-bg-color", "value": "var(--color-error-3)", "desc": "background", "namespace": "statement/dot", "semantic": "圆点背景色", "originVal": "var(--box-warning-text-icon-color)", "type": "enum", "enum": "color" }, { "component": "badge", "name": "--badge-dot-size", "value": "var(--s-2)", "desc": "dot size", "namespace": "statement/dot/size", "semantic": "dot状态大小", "enum": "size", "type": "enum" } ] }, "button": { "family": "general", "chinese": "按键", "display": "Button", "variables": [ { "component": "button", "name": "--button-motion-type", "value": "var(--motion-type-ease)", "desc": "motion-type", "semantic": "动画类型", "namespace": "base/motion", "unconfigurable": true, "enum": "motion.type", "type": "enum" }, { "component": "button", "name": "--button-motion-time", "value": "var(--motion-time-2)", "desc": "motion-time", "semantic": "动画时长", "namespace": "base/motion", "unconfigurable": true, "enum": "motion.time", "type": "enum" }, { "component": "button", "name": "--button-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "semantic": "字体大小", "namespace": "size/small", "enum": "p.font-size", "type": "enum" }, { "component": "button", "name": "--button-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "font-size", "semantic": "字体大小", "namespace": "size/medium", "enum": "p.font-size", "type": "enum" }, { "component": "button", "name": "--button-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "font-size", "semantic": "字体大小", "namespace": "size/large", "enum": "p.font-size", "type": "enum" }, { "component": "button", "name": "--button-small-padding", "value": "var(--box-small-padding-ver) var(--box-small-padding-hoz)", "desc": "padding", "semantic": "填充", "namespace": "size/small", "unconfigurable": true, "originVal": "var(--box-small-padding)", "type": "complex", "ref": [ "--box-small-padding-ver", "--box-small-padding-hoz" ] }, { "component": "button", "name": "--button-small-spacing", "value": "var(--s-1)", "desc": "spacing", "semantic": "内部元素间隙", "namespace": "size/small", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "button", "name": "--button-small-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/small", "semantic": "边框宽度", "originVal": "var(--box-small-border-width)", "type": "enum", "enum": "line.width" }, { "component": "button", "name": "--button-small-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/small", "semantic": "圆角", "originVal": "var(--box-small-border-radius)", "type": "enum", "enum": "corner" }, { "component": "button", "name": "--button-medium-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "padding", "semantic": "填充", "namespace": "size/medium", "unconfigurable": true, "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "button", "name": "--button-medium-spacing", "value": "var(--s-2)", "desc": "spacing", "semantic": "内部元素间隙", "namespace": "size/medium", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "button", "name": "--button-medium-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/medium", "semantic": "边框宽度", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "button", "name": "--button-medium-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/medium", "semantic": "圆角", "originVal": "var(--box-medium-border-radius)", "type": "enum", "enum": "corner" }, { "component": "button", "name": "--button-large-padding", "value": "var(--box-large-padding-ver) var(--box-large-padding-hoz)", "desc": "padding", "semantic": "填充", "namespace": "size/large", "unconfigurable": true, "originVal": "var(--box-large-padding)", "type": "complex", "ref": [ "--box-large-padding-ver", "--box-large-padding-hoz" ] }, { "component": "button", "name": "--button-large-spacing", "value": "var(--s-3)", "desc": "spacing", "semantic": "内部元素间隙", "namespace": "size/large", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "button", "name": "--button-large-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/large", "semantic": "边框宽度", "originVal": "var(--box-large-border-width)", "type": "enum", "enum": "line.width" }, { "component": "button", "name": "--button-large-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/large", "semantic": "圆角", "originVal": "var(--box-large-border-radius)", "type": "enum", "enum": "corner" }, { "component": "button", "name": "--button-normal-solid-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/normal/solid", "originVal": "var(--box-normal-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/normal/solid", "originVal": "var(--box-normal-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/normal/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-solid-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-background-color", "value": "var(--color-fill1-2)", "desc": "bg-color", "namespace": "state/normal/solid", "semantic": "背景颜色", "originVal": "var(--box-normal-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-background-color-active", "value": "var(--color-fill1-4)", "desc": "bg-color-active", "namespace": "state/normal/solid", "semantic": "背景颜色激活", "originVal": "var(--box-normal-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-background-color-disabled", "value": "var(--color-line1-1)", "desc": "bg-color-disabled", "namespace": "state/normal/solid", "semantic": "背景颜色禁用", "originVal": "var(--box-normal-solid-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-font-color", "value": "var(--color-text1-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/normal/solid", "originVal": "var(--box-normal-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-font-color-active", "value": "var(--color-text1-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/normal/solid", "originVal": "var(--box-normal-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-solid-font-color-disabled", "value": "var(--color-text1-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/normal/solid", "originVal": "var(--box-normal-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/normal/outline", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-border-color-active", "value": "var(--color-line1-2)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/normal/outline", "originVal": "var(--box-normal-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-border-color-disabled", "value": "var(--color-line1-1)", "desc": "border-color-disabled", "namespace": "state/normal/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-outline-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/outline", "semantic": "背景颜色", "originVal": "var(--box-normal-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/normal/outline", "semantic": "背景颜色激活", "originVal": "var(--box-normal-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/normal/outline", "semantic": "背景颜色禁用", "originVal": "var(--box-normal-outline-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-font-color", "value": "var(--color-text1-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/normal/outline", "originVal": "var(--box-normal-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-font-color-active", "value": "var(--color-text1-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/normal/outline", "originVal": "var(--box-normal-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-outline-font-color-disabled", "value": "var(--color-text1-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/normal/outline", "originVal": "var(--box-normal-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/normal/text", "originVal": "var(--box-normal-text-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/normal/text", "originVal": "var(--box-normal-text-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/normal/text", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-text-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/text", "semantic": "背景颜色", "originVal": "var(--box-normal-text-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/normal/text", "semantic": "背景颜色激活", "originVal": "var(--box-normal-text-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/normal/text", "semantic": "背景颜色禁用", "originVal": "var(--box-normal-text-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-font-color", "value": "var(--color-text1-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/normal/text", "originVal": "var(--box-normal-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-font-color-active", "value": "var(--color-text1-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/normal/text", "originVal": "var(--box-normal-text-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-normal-text-font-color-disabled", "value": "var(--color-text1-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/normal/text", "originVal": "var(--box-normal-text-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-border-color", "value": "var(--color-brand-3)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/primary/solid", "originVal": "var(--box-primary-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-border-color-active", "value": "var(--color-brand-4)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/primary/solid", "originVal": "var(--box-primary-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-border-color-disabled", "value": "var(--color-brand-1)", "desc": "border-color-disabled", "namespace": "state/primary/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-primary-solid-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-background-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/primary/solid", "semantic": "背景颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-background-color-active", "value": "var(--color-brand-4)", "desc": "bg-color-active", "namespace": "state/primary/solid", "semantic": "背景颜色激活", "originVal": "var(--box-primary-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-background-color-disabled", "value": "var(--color-brand-1)", "desc": "bg-color-disabled", "namespace": "state/primary/solid", "semantic": "背景颜色禁用", "originVal": "var(--box-primary-solid-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-font-color", "value": "var(--color-white)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/primary/solid", "originVal": "var(--box-primary-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-font-color-active", "value": "var(--color-white)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/primary/solid", "originVal": "var(--box-primary-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-solid-font-color-disabled", "value": "var(--color-white)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/primary/solid", "originVal": "var(--box-primary-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-border-color", "value": "var(--color-brand-3)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/primary/outline", "originVal": "var(--box-primary-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-border-color-active", "value": "var(--color-brand-4)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/primary/outline", "originVal": "var(--box-primary-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-border-color-disabled", "value": "var(--color-brand-1)", "desc": "border-color-disabled", "namespace": "state/primary/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-primary-outline-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/primary/outline", "semantic": "背景颜色", "originVal": "var(--box-primary-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/primary/outline", "semantic": "背景颜色激活", "originVal": "var(--box-primary-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/primary/outline", "semantic": "背景颜色禁用", "originVal": "var(--box-primary-outline-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-font-color", "value": "var(--color-brand-3)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/primary/outline", "originVal": "var(--box-primary-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-font-color-active", "value": "var(--color-brand-4)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/primary/outline", "originVal": "var(--box-primary-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-outline-font-color-disabled", "value": "var(--color-brand-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/primary/outline", "originVal": "var(--box-primary-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/primary/text", "originVal": "var(--box-primary-text-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/primary/text", "originVal": "var(--box-primary-text-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/primary/text", "semantic": "边框颜色禁用", "originVal": "var(--box-primary-text-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/primary/text", "semantic": "背景颜色", "originVal": "var(--box-primary-text-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/primary/text", "semantic": "背景颜色激活", "originVal": "var(--box-primary-text-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/primary/text", "semantic": "背景颜色禁用", "originVal": "var(--box-primary-text-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-font-color", "value": "var(--color-brand-3)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/primary/text", "originVal": "var(--box-primary-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-font-color-active", "value": "var(--color-brand-4)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/primary/text", "originVal": "var(--box-primary-text-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-primary-text-font-color-disabled", "value": "var(--color-brand-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/primary/text", "originVal": "var(--box-primary-text-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-border-color", "value": "var(--color-error-3)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/warning/solid", "originVal": "var(--box-warning-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-border-color-active", "value": "var(--color-error-4)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/warning/solid", "originVal": "var(--box-warning-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-border-color-disabled", "value": "var(--color-error-1)", "desc": "border-color-disabled", "namespace": "state/warning/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-warning-solid-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-background-color", "value": "var(--color-error-3)", "desc": "bg-color", "namespace": "state/warning/solid", "semantic": "背景颜色", "originVal": "var(--box-warning-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-background-color-active", "value": "var(--color-error-4)", "desc": "bg-color-active", "namespace": "state/warning/solid", "semantic": "背景颜色激活", "originVal": "var(--box-warning-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-background-color-disabled", "value": "var(--color-error-1)", "desc": "bg-color-disabled", "namespace": "state/warning/solid", "semantic": "背景颜色禁用", "originVal": "var(--box-warning-solid-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-font-color", "value": "var(--color-white)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/warning/solid", "originVal": "var(--box-warning-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-font-color-active", "value": "var(--color-white)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/warning/solid", "originVal": "var(--box-warning-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-solid-font-color-disabled", "value": "var(--color-white)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/warning/solid", "originVal": "var(--box-warning-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-border-color", "value": "var(--color-error-3)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/warning/outline", "originVal": "var(--box-warning-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-border-color-active", "value": "var(--color-error-4)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/warning/outline", "originVal": "var(--box-warning-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-border-color-disabled", "value": "var(--color-error-1)", "desc": "border-color-disabled", "namespace": "state/warning/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-warning-outline-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/warning/outline", "semantic": "背景颜色", "originVal": "var(--box-warning-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/warning/outline", "semantic": "背景颜色激活", "originVal": "var(--box-warning-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/warning/outline", "semantic": "背景颜色禁用", "originVal": "var(--box-warning-outline-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-font-color", "value": "var(--color-error-3)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/warning/outline", "originVal": "var(--box-warning-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-font-color-active", "value": "var(--color-error-4)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/warning/outline", "originVal": "var(--box-warning-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-outline-font-color-disabled", "value": "var(--color-error-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/warning/outline", "originVal": "var(--box-warning-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/warning/text", "originVal": "var(--box-warning-text-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/warning/text", "originVal": "var(--box-warning-text-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/warning/text", "semantic": "边框颜色禁用", "originVal": "var(--box-warning-text-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/warning/text", "semantic": "背景颜色", "originVal": "var(--box-warning-text-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/warning/text", "semantic": "背景颜色激活", "originVal": "var(--box-warning-text-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/warning/text", "semantic": "背景颜色禁用", "originVal": "var(--box-warning-text-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-font-color", "value": "var(--color-error-3)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/warning/text", "originVal": "var(--box-warning-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-font-color-active", "value": "var(--color-error-4)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/warning/text", "originVal": "var(--box-warning-text-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-warning-text-font-color-disabled", "value": "var(--color-error-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/warning/text", "originVal": "var(--box-warning-text-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/inverse/solid", "originVal": "var(--box-inverse-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/inverse/solid", "originVal": "var(--box-inverse-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/inverse/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-inverse-solid-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-background-color", "value": "var(--color-fill2-4)", "desc": "bg-color", "namespace": "state/inverse/solid", "semantic": "背景颜色", "originVal": "var(--box-inverse-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-background-color-active", "value": "var(--color-fill2-2)", "desc": "bg-color-active", "namespace": "state/inverse/solid", "semantic": "背景颜色激活", "originVal": "var(--box-inverse-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-background-color-disabled", "value": "var(--color-fill2-1)", "desc": "bg-color-disabled", "namespace": "state/inverse/solid", "semantic": "背景颜色禁用", "originVal": "var(--box-inverse-solid-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-font-color", "value": "var(--color-text2-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/inverse/solid", "originVal": "var(--box-inverse-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-font-color-active", "value": "var(--color-text2-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/inverse/solid", "originVal": "var(--box-inverse-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-solid-font-color-disabled", "value": "var(--color-text2-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/inverse/solid", "originVal": "var(--box-inverse-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-border-color", "value": "var(--color-text2-4)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/inverse/outline", "originVal": "var(--box-inverse-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-border-color-active", "value": "var(--color-text2-2)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/inverse/outline", "originVal": "var(--box-inverse-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-border-color-disabled", "value": "var(--color-text2-1)", "desc": "border-color-disabled", "namespace": "state/inverse/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-inverse-outline-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/inverse/outline", "semantic": "背景颜色", "originVal": "var(--box-inverse-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/inverse/outline", "semantic": "背景颜色激活", "originVal": "var(--box-inverse-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/inverse/outline", "semantic": "背景颜色禁用", "originVal": "var(--box-inverse-outline-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-font-color", "value": "var(--color-text2-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/inverse/outline", "originVal": "var(--box-inverse-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-font-color-active", "value": "var(--color-text2-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/inverse/outline", "originVal": "var(--box-inverse-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-outline-font-color-disabled", "value": "var(--color-text2-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/inverse/outline", "originVal": "var(--box-inverse-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-border-color", "value": "var(--color-transparent)", "desc": "border-color", "semantic": "边框颜色", "namespace": "state/inverse/text", "originVal": "var(--box-inverse-text-border-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "semantic": "边框颜色激活", "namespace": "state/inverse/text", "originVal": "var(--box-inverse-text-border-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/inverse/text", "semantic": "边框颜色禁用", "originVal": "var(--box-inverse-text-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/inverse/text", "semantic": "背景颜色", "originVal": "var(--box-inverse-text-background-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/inverse/text", "semantic": "背景颜色激活", "originVal": "var(--box-inverse-text-background-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/inverse/text", "semantic": "背景颜色禁用", "originVal": "var(--box-inverse-text-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-font-color", "value": "var(--color-text2-4)", "desc": "font-color", "semantic": "字体颜色", "namespace": "state/inverse/text", "originVal": "var(--box-inverse-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-font-color-active", "value": "var(--color-text2-2)", "desc": "font-color-active", "semantic": "字体颜色激活", "namespace": "state/inverse/text", "originVal": "var(--box-inverse-text-font-color-active)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--button-inverse-text-font-color-disabled", "value": "var(--color-text2-1)", "desc": "font-color-disabled", "semantic": "字体颜色禁用", "namespace": "state/inverse/text", "originVal": "var(--box-inverse-text-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--menu-disabled-color", "value": "var(--color-text1-1)", "desc": "color", "namespace": "base/color/disabled", "semantic": "禁用颜色", "originVal": "var(--box-normal-text-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--menu-loading-color", "value": "var(--color-brand-3)", "desc": "color", "namespace": "base/color/loading", "semantic": "loading颜色", "originVal": "var(--box-primary-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--menu-selected-color", "value": "var(--color-brand-3)", "desc": "color", "namespace": "base/color/selected", "semantic": "选中颜色", "originVal": "var(--box-primary-text-font-color)", "type": "enum", "enum": "color" }, { "component": "button", "name": "--menu-arrow-color", "value": "var(--color-text1-2)", "desc": "color", "namespace": "base/color/arrow", "semantic": "箭头颜色", "originVal": "var(--box-normal-text-icon-color-active)", "type": "enum", "enum": "color" } ] }, "calendar": { "family": "data-display", "chinese": "日历", "display": "Calendar", "variables": [ { "component": "calendar", "name": "--calendar-head-select-border-color", "value": "var(--color-line1-3)", "desc": "border-color", "semantic": "头部选中边框颜色", "namespace": "state/head/select", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-select-padding", "value": "var(--s-2)", "desc": "padding", "semantic": "头部选中内边距", "namespace": "size/head/select", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-title-month-date-picker-width", "value": "var(--s-30)", "desc": "month-date-picker-width", "semantic": "月、日弹出 picker 宽度", "namespace": "size/head/title", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-title-year-date-picker-width", "value": "var(--s-24)", "desc": "year-date-picker-width", "semantic": "年、日弹出picker 宽度", "namespace": "size/head/title", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-background-color", "value": "var(--color-brand-3)", "desc": "bg-color", "semantic": "头部背景色", "namespace": "state/normal/head", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-line-height", "value": "var(--s-12)", "desc": "line-height", "semantic": "头部行高", "namespace": "state/normal/head", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-title-color", "value": "var(--color-white)", "desc": "title-color", "semantic": "头部标题颜色", "namespace": "state/normal/head", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-title-size", "value": "var(--p-body-2-font-size)", "desc": "title-size", "semantic": "标题尺寸", "namespace": "size/head", "enum": "p.font-size", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-icon-color", "value": "var(--color-white)", "desc": "icon-color", "semantic": "icon颜色", "namespace": "state/normal/head", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-head-normal-icon-size", "value": "var(--p-body-2-font-size)", "desc": "icon-size", "semantic": "icon-size", "namespace": "size/head", "enum": "p.font-size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-padding-vertical", "value": "var(--s-5)", "desc": "padding(t,b)", "semantic": "上下内边距", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-padding-horizon", "value": "var(--s-3)", "desc": "padding(l,r)", "semantic": "左右内边距", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-top-margin-bottom", "value": "var(--s-5)", "desc": "margin-bottom", "semantic": "下边距", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-top-line-height", "value": "var(--s-5)", "desc": "top-line-height", "semantic": "顶部行高", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-top-item-size", "value": "var(--p-body-2-font-size)", "desc": "top-item-size", "semantic": "头部item 尺寸", "namespace": "size/content", "enum": "p.font-size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-top-item-color", "value": "var(--color-text1-2)", "desc": "top-item-color", "semantic": "头部 item 颜色", "namespace": "state/normal/content", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-row-line-height", "value": "var(--s-8)", "desc": "line-row-height", "semantic": "一行的行高", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-content-row-margin-bottom", "value": "var(--s-1)", "desc": "row-margin-bottom", "semantic": "一行底部外边距", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-range-container-background-color", "value": "var(--color-brand-1)", "desc": "range-container-background-color", "semantic": "range 背景色", "namespace": "state/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-disabled-text-color", "value": "var(--color-text1-1)", "desc": "font-color", "semantic": "禁用时字体颜色", "namespace": "state/disabled/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-selected-primary-color", "value": "var(--color-brand-3)", "desc": "primary-color", "semantic": "主色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-padding-top", "value": "var(--s-4)", "desc": "year-padding-top", "semantic": "年顶部内边距", "namespace": "size/cell", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-padding-left", "value": "var(--s-2)", "desc": "year-padding-left", "semantic": "年左侧内边距", "namespace": "size/cell", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-height", "value": "var(--s-20)", "desc": "year-height", "semantic": "年高度", "namespace": "size/cell", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-margin-horizon", "value": "var(--s-1)", "desc": "year-margin(l,r)", "semantic": "年水平边距", "namespace": "size/cell", "enum": "size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-normal-background-color", "value": "var(--color-white)", "desc": "year-bg-color", "semantic": "年背景色", "namespace": "state/normal/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-disabled-background-color", "value": "var(--color-white)", "desc": "year-bg-color", "semantic": "年禁用时背景色", "namespace": "state/disabled/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-selected-background-color", "value": "var(--color-brand-1)", "desc": "year-bg-color", "semantic": "年选中时背景色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-normal-text-color", "value": "var(--color-black)", "desc": "year-font-color", "semantic": "年文字颜色", "namespace": "state/normal/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-disabled-text-color", "value": "var(--color-text1-1)", "desc": "year-font-color", "semantic": "年禁用时文字色", "namespace": "state/disabled/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-selected-text-color", "value": "var(--color-brand-3)", "desc": "year-font-color", "semantic": "年选中时文字色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-normal-line-color", "value": "var(--color-line1-3)", "desc": "year-line-color", "semantic": "年分割线颜色", "namespace": "state/normal/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-disabled-line-color", "value": "var(--color-line1-3)", "desc": "year-line-color", "semantic": "年禁用分割线颜色", "namespace": "state/disabled/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-selected-line-color", "value": "var(--color-brand-3)", "desc": "year-line-color", "semantic": "年选中时分割线颜色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-year-font-size", "value": "var(--p-body-2-font-size)", "desc": "year-font-size", "semantic": "年正常字体尺寸", "namespace": "state/normal/cell", "enum": "p.font-size", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-normal-background-color", "value": "var(--color-white)", "desc": "cell-bg-color", "semantic": "cell 背景色", "namespace": "state/normal/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-disabled-background-color", "value": "var(--color-white)", "desc": "cell-bg-color", "semantic": "禁用 cell 背景色", "namespace": "state/disabled/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-selected-background-color", "value": "var(--color-brand-3)", "desc": "cell-bg-color", "semantic": "选中 cell 背景色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-normal-text-color", "value": "var(--color-black)", "desc": "cell-font-color", "semantic": "cell 文字颜色", "namespace": "state/normal/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-selected-text-color", "value": "var(--color-white)", "desc": "cell-font-color", "semantic": "选中 cell 文字颜色", "namespace": "state/selected/cell", "enum": "color", "type": "enum" }, { "component": "calendar", "name": "--calendar-cell-height", "value": "var(--s-8)", "desc": "cell-height", "semantic": "cell 高度", "namespace": "size/cell", "enum": "size", "type": "enum" } ] }, "checkbox": { "family": "data-entry", "chinese": "复选框", "display": "Checkbox", "variables": [ { "component": "checkbox", "name": "--checkbox-motion-time", "value": "var(--motion-time-1)", "desc": "motion time", "namespace": "motion", "semantic": "动画时长", "enum": "motion.time", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-motion-type", "value": "var(--motion-type-ease)", "desc": "motion type", "namespace": "base/motion", "semantic": "动画类型", "enum": "motion.type", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-small-padding", "value": "var(--s-1)", "desc": "padding(t,b)", "namespace": "box/small", "semantic": "填充", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-text-small-margin", "value": "var(--s-1)", "desc": "spacing", "namespace": "box/small", "semantic": "间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-medium-padding", "value": "var(--s-2)", "desc": "padding(t,b)", "namespace": "box/medium", "semantic": "填充", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-text-medium-margin", "value": "var(--s-2)", "desc": "spacing", "namespace": "box/medium", "semantic": "间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-large-padding", "value": "var(--s-3)", "desc": "padding(t,b)", "namespace": "box/large", "semantic": "填充", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-text-large-margin", "value": "var(--s-3)", "desc": "spacing", "namespace": "box/large", "semantic": "间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "checkbox", "name": "--checkbox-hoz-margin", "value": "var(--s-1)", "desc": "hoz-margin", "namespace": "size", "semantic": "横向间隙", "enum": "size", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-small-size", "value": "var(--s-4)", "desc": "circle-size", "namespace": "size", "semantic": "circle大小", "enum": "size", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-medium-size", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "checkbox-circle-medium-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-circle-large-size", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "checkbox-circle-large-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-circle-corner", "value": "var(--corner-circle)", "desc": "circle-corner", "namespace": "corner", "semantic": "圆角", "enum": "corner", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "box", "semantic": "边框大小", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "checkbox", "name": "--checkbox-circle-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "namespace": "box", "semantic": "边框颜色", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-circle-selected-bg-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "box", "semantic": "选中背景颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-circle-selected-border-color", "value": "var(--color-brand-3)", "desc": "border-color", "namespace": "box", "semantic": "选中边框颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-circle-indeterminate-bg-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "box", "semantic": "indeterminate背景颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-circle-indeterminate-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "line", "semantic": "indeterminate边框大小", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "checkbox", "name": "--checkbox-circle-disabled-border-color", "value": "var(--color-fill1-4)", "desc": "border-color", "namespace": "color", "semantic": "禁用边框颜色", "enum": "color", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-disabled-bg-color", "value": "var(--color-fill1-1)", "desc": "bg-color", "namespace": "color", "semantic": "禁用背景颜色", "enum": "color", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-disabled-selected-border-color", "value": "var(--color-brand-1)", "desc": "disabled-selected-border-color", "namespace": "color", "semantic": "禁用选中边框颜色", "enum": "color", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-circle-disabled-selected-bg-color", "value": "var(--color-brand-1)", "desc": "disabled-selected-bg-color", "namespace": "color", "semantic": "禁用选中背景颜色", "enum": "color", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-icon-small-size", "value": "var(--s-2)", "desc": "icon-size", "namespace": "size", "semantic": "icon大小", "enum": "size", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-icon-medium-size", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "checkbox-icon-medium-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-icon-large-size", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "checkbox-icon-large-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-icon-selected-color", "value": "var(--color-white)", "desc": "icon-selected-color", "namespace": "box", "semantic": "icon选中颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-icon-indeterminate-color", "value": "var(--color-white)", "desc": "icon-indeterminate-color", "namespace": "box", "semantic": "icon indeterminate颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-icon-disabled-color", "value": "var(--color-white)", "desc": "icon-disabled-color", "namespace": "box", "semantic": "icon禁用颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-text-font-small-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "namespace": "size", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "checkbox", "name": "--checkbox-text-font-medium-size", "value": "var(--p-body-2-font-size)", "enum": "p.font-size", "type": "enum", "desc": "checkbox-text-font-medium-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-text-font-large-size", "value": "var(--p-subhead-font-size)", "enum": "p.font-size", "type": "enum", "desc": "checkbox-text-font-large-size", "namespace": "default" }, { "component": "checkbox", "name": "--checkbox-text-color", "value": "var(--color-text1-4)", "desc": "font-color", "namespace": "box", "semantic": "字体颜色", "originVal": "var(--box-normal-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "checkbox", "name": "--checkbox-text-disbled-color", "value": "var(--color-text1-1)", "desc": "disbled-font-color", "namespace": "color", "semantic": "禁用字体颜色", "enum": "color", "type": "enum" } ] }, "dialog": { "family": "feedback", "chinese": "对话框", "display": "Dialog", "variables": [ { "component": "dialog", "name": "--dialog-bg-color", "value": "var(--color-white)", "desc": "bg-color", "semantic": "背景色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "padding", "semantic": "内边距", "namespace": "state/normal", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "dialog", "name": "--dialog-title-font-color", "value": "var(--color-text1-4)", "desc": "title-color", "semantic": "标题颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-title-font-size", "value": "var(--p-title-font-size)", "desc": "font-size", "semantic": "标题字号", "namespace": "size/title", "enum": "p.font-size", "type": "enum" }, { "component": "dialog", "name": "--dialog-header-padding", "value": "var(--s-4)", "desc": "header-padding", "semantic": "顶部内边距", "namespace": "size/header", "enum": "size", "type": "enum" }, { "component": "dialog", "name": "--dialog-header-spacing", "value": "var(--s-2)", "desc": "header-spacing", "semantic": "顶部内容间隙", "namespace": "size/header", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "dialog", "name": "--dialog-confirm-icon-color", "value": "var(--color-warning-3)", "desc": "icon-color", "semantic": "confirm提示图标颜色", "namespace": "state/confirm", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-alert-icon-color", "value": "var(--color-help-3)", "desc": "icon-color", "semantic": "alert提示图标颜色", "namespace": "state/alert", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-icon-size", "value": "var(--s-5)", "desc": "icon-size", "semantic": "图标尺寸", "namespace": "size/icon", "enum": "size", "type": "enum" }, { "component": "dialog", "name": "--dialog-close-icon-color", "value": "var(--color-text1-2)", "desc": "close-icon-color", "semantic": "关闭图标颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-close-icon-size", "value": "var(--p-body-2-font-size)", "desc": "close-icon-size", "semantic": "关闭图标颜色", "namespace": "size/close-icon", "enum": "p.font-size", "type": "enum" }, { "component": "dialog", "name": "--dialog-close-icon-padding", "value": "var(--s-4)", "desc": "close-icon-padding", "semantic": "关闭图标间隙", "namespace": "size/close-icon", "enum": "size", "type": "enum" }, { "component": "dialog", "name": "--dialog-content-min-height", "value": "100rpx", "desc": "min-height", "semantic": "最小高", "namespace": "size/content", "type": "number", "unit": "rpx" }, { "component": "dialog", "name": "--dialog-content-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "semantic": "字体大小", "namespace": "state/content", "enum": "p.font-size", "type": "enum" }, { "component": "dialog", "name": "--dialog-content-font-color", "value": "var(--color-text1-3)", "desc": "font-color", "semantic": "字体颜色(文本模式)", "namespace": "state/content", "enum": "color", "type": "enum" }, { "component": "dialog", "name": "--dialog-content-padding-tb", "value": "var(--s-2)", "desc": "padding(t,b)", "semantic": "上下间距", "namespace": "size/content", "enum": "size", "type": "enum" }, { "component": "dialog", "name": "--dialog-footer-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "footer-padding", "semantic": "底部按钮内边距", "namespace": "size/footer", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "dialog", "name": "--dialog-footer-border-width", "value": "var(--line-1)", "desc": "border-top-width", "semantic": "顶部边框宽度", "namespace": "size/footer", "enum": "line.width", "type": "enum" }, { "component": "dialog", "name": "--dialog-footer-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "semantic": "顶部边框颜色", "namespace": "state/footer", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "dialog", "name": "--dialog-footer-spacing", "value": "var(--s-2)", "desc": "footer-spacing", "semantic": "底部按钮间隙", "namespace": "size/footer", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" } ] }, "divider": { "family": "data-display", "chinese": "分割线", "display": "Divider", "variables": [ { "component": "divider", "name": "--divider-ver-margin", "value": "var(--s-2)", "desc": "margin-tb", "namespace": "size/bounding", "semantic": "上下外边距", "enum": "size", "type": "enum" }, { "component": "divider", "name": "--divider-hoz-margin", "value": "var(--s-2)", "desc": "margin-lr", "namespace": "size/bounding", "semantic": "左右外边距", "enum": "size", "type": "enum" }, { "component": "divider", "name": "--divider-font-color", "value": "var(--color-text1-3)", "desc": "font-color", "namespace": "state/normal", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "divider", "name": "--divider-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "namespace": "state/normal", "semantic": "字体尺寸", "enum": "p.font-size", "type": "enum" }, { "component": "divider", "name": "--divider-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/bounding", "semantic": "标题间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "divider", "name": "--divider-color", "value": "var(--color-line1-2)", "desc": "color", "namespace": "state/normal", "semantic": "分割线颜色", "enum": "color", "type": "enum" } ] }, "drawer": { "family": "feedback", "chinese": "抽屉", "display": "Drawer", "variables": [ { "component": "drawer", "name": "--drawer-content-bg-color", "value": "var(--color-white)", "desc": "bg-color", "semantic": "内容背景色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "drawer", "name": "--drawer-elevation", "value": "var(--elevation-3)", "desc": "elevation", "semantic": "海拔", "namespace": "state/normal", "enum": "elevation", "type": "enum" }, { "component": "drawer", "name": "--drawer-content-shadow", "value": "var(--shadow-zero)", "desc": "shadow", "semantic": "阴影", "namespace": "state/normal", "enum": "shadow", "type": "enum" }, { "component": "drawer", "name": "--drawer-content-corner", "value": "var(--corner-zero)", "desc": "corner", "semantic": "圆角", "namespace": "state/normal", "enum": "corner", "type": "enum" }, { "component": "drawer", "name": "--drawer-title-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "title-padding", "semantic": "标题内边距", "namespace": "size/bounding", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "drawer", "name": "--drawer-title-border-width", "value": "var(--line-1)", "desc": "title-border-width", "semantic": "边框宽度", "namespace": "state/normal", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "drawer", "name": "--drawer-title-border-color", "value": "var(--color-line1-4)", "desc": "title-border-color", "semantic": "边框颜色", "namespace": "state/normal", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "drawer", "name": "--drawer-title-font-color", "value": "var(--color-black)", "desc": "title-font-color", "semantic": "标题字体颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "drawer", "name": "--drawer-title-font-size", "value": "var(--p-subhead-font-size)", "desc": "title-font-size", "semantic": "标题字体大小", "namespace": "state/normal", "enum": "p.font-size", "type": "enum" }, { "component": "drawer", "name": "--drawer-close-icon-size", "value": "var(--p-caption-icon-size)", "desc": "icon-size", "semantic": "图标尺寸", "namespace": "state/normal", "enum": "p.icon-size", "type": "enum" }, { "component": "drawer", "name": "--drawer-close-icon-color", "value": "var(--color-text1-2)", "desc": "icon-color", "semantic": "图标颜色", "namespace": "state/normal", "enum": "color", "type": "enum" } ] }, "form": { "family": "data-entry", "chinese": "表单", "display": "Form", "variables": [ { "component": "form", "name": "--form-bg-color", "value": "var(--color-white)", "enum": "color", "type": "enum", "desc": "form-bg-color", "namespace": "default" }, { "component": "form", "name": "--form-label-font-size-medium", "value": "var(--p-caption-font-size)", "desc": "label size medium", "namespace": "size/label", "semantic": "标签字号(中)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-font-size-small", "value": "var(--p-caption-font-size)", "desc": "label size small", "namespace": "size/label", "semantic": "标签字号(小)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-font-size-large", "value": "var(--p-body-1-font-size)", "desc": "label size large", "namespace": "size/label", "semantic": "标签字号(大)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-preview-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "small-preview-input-size", "namespace": "size/preview-input", "semantic": "标签字号(小)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-preview-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "medium-preview-input-size", "namespace": "size/preview-input", "semantic": "标签字号(中)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-preview-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "large-preview-input-size", "namespace": "size/preview-input", "semantic": "标签字号(大)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-font-size-inset-large", "value": "var(--p-subhead-font-size)", "desc": "label size large (inset)", "namespace": "size/label-inset", "semantic": "内嵌标签字号(大)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-font-size-inset-medium", "value": "var(--p-body-2-font-size)", "desc": "label size medium (inset)", "namespace": "size/label-inset", "semantic": "内嵌标签字号(中)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-font-size-inset-small", "value": "var(--p-body-1-font-size)", "desc": "label size small (inset)", "namespace": "size/label-inset", "semantic": "内嵌标签字号(小)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-label-inset-margin-right", "value": "var(--s-3)", "desc": "label inset margin", "namespace": "size/label", "semantic": "内嵌标签右边距", "enum": "size", "type": "enum" }, { "component": "form", "name": "--form-label-color", "value": "var(--color-text1-4)", "desc": "label color", "namespace": "color/label", "semantic": "标签颜色", "enum": "color", "type": "enum" }, { "component": "form", "name": "--form-item-spacing-normal", "value": "var(--s-2)", "desc": "form item spacing", "namespace": "size/item", "semantic": "item边距", "originVal": "var(--box-medium-margin-top)", "type": "enum", "enum": "size" }, { "component": "form", "name": "--form-item-spacing-inset", "value": "var(--s-2)", "desc": "form item spacing", "namespace": "size/item", "semantic": "内嵌item边距", "originVal": "var(--box-medium-margin-top)", "type": "enum", "enum": "size" }, { "component": "form", "name": "--form-help-font-size", "value": "var(--p-caption-font-size)", "desc": "help size", "namespace": "size/help", "semantic": "辅助文案字号", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-help-font-size-medium", "value": "var(--p-caption-font-size)", "desc": "help size medium", "namespace": "size/help", "semantic": "辅助文案字号(中)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-help-font-size-small", "value": "var(--p-caption-font-size)", "desc": "help size small", "namespace": "size/help", "semantic": "辅助文案字号(小)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-help-font-size-large", "value": "var(--p-body-1-font-size)", "desc": "help size large", "namespace": "size/help", "semantic": "辅助文案字号(大)", "enum": "p.font-size", "type": "enum" }, { "component": "form", "name": "--form-help-color", "value": "var(--color-text1-2)", "desc": "color help", "namespace": "color/help", "semantic": "辅助文案颜色", "enum": "color", "type": "enum" }, { "component": "form", "name": "--form-error-color", "value": "var(--color-error-3)", "desc": "color error", "namespace": "color/error", "semantic": "错误文案颜色", "enum": "color", "type": "enum" }, { "component": "form", "name": "--form-border-color", "value": "var(--color-line1-3)", "desc": "color border", "namespace": "color/border", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "form", "name": "--form-required-font-size", "value": "var(--s-2)", "desc": "required border", "namespace": "size/required", "semantic": "星号字号", "enum": "size", "type": "enum" }, { "component": "form", "name": "--form-required-inset-font-size", "value": "var(--s-1)", "desc": "required inset border", "namespace": "size/required-inset", "semantic": "内嵌星号字号", "enum": "size", "type": "enum" }, { "component": "form", "name": "--form-required-color", "value": "var(--color-error-3)", "desc": "required color", "namespace": "color/required", "semantic": "星号颜色", "enum": "color", "type": "enum" } ] }, "input": { "family": "data-entry", "chinese": "文本输入框", "display": "Input", "variables": [ { "component": "input", "name": "--input-small-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "bounding/small", "semantic": "圆角", "originVal": "var(--box-small-border-radius)", "type": "enum", "enum": "corner" }, { "component": "input", "name": "--input-small-spacing", "value": "var(--s-1)", "desc": "spacing", "namespace": "size/small", "semantic": "内部间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "input", "name": "--input-small-border-width", "value": "0rpx", "desc": "border-width", "namespace": "bounding/small", "semantic": "边框宽度", "type": "number", "unit": "rpx" }, { "component": "input", "name": "--input-medium-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "bounding/medium", "semantic": "圆角", "originVal": "var(--box-medium-border-radius)", "type": "enum", "enum": "corner" }, { "component": "input", "name": "--input-medium-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/medium", "semantic": "内部间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "input", "name": "--input-medium-border-width", "value": "0rpx", "desc": "border-width", "namespace": "bounding/medium", "semantic": "边框宽度", "type": "number", "unit": "rpx" }, { "component": "input", "name": "--input-large-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "bounding/large", "semantic": "圆角", "originVal": "var(--box-large-border-radius)", "type": "enum", "enum": "corner" }, { "component": "input", "name": "--input-large-spacing", "value": "var(--s-3)", "desc": "spacing", "namespace": "size/large", "semantic": "内部间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "input", "name": "--input-large-border-width", "value": "0rpx", "desc": "border-width", "namespace": "bounding/large", "semantic": "边框宽度", "type": "number", "unit": "rpx" }, { "component": "input", "name": "--input-small-padding-tb", "value": "var(--s-1)", "desc": "padding(t,b)", "namespace": "size/small", "semantic": "上下内间距", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-medium-padding-tb", "value": "var(--s-2)", "desc": "padding(t,b)", "namespace": "size/medium", "semantic": "上下内间距", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-padding-lr", "value": "var(--s-3)", "desc": "padding(l,r)", "namespace": "size/normal", "semantic": "左右内间距", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-large-padding-tb", "value": "var(--s-3)", "desc": "padding(t,b)", "namespace": "size/large", "semantic": "上下内间距", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-large-icon-size", "value": "var(--s-5)", "desc": "icon-size", "namespace": "size/large", "semantic": "icon 尺寸", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-medium-icon-size", "value": "var(--s-4)", "desc": "icon-size", "namespace": "size/medium", "semantic": "icon 尺寸", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-small-icon-size", "value": "var(--s-3)", "desc": "icon-size", "namespace": "size/small", "semantic": "icon 尺寸", "enum": "size", "type": "enum" }, { "component": "input", "name": "--input-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "font-size", "namespace": "size/large", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "input", "name": "--input-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "font-size", "namespace": "size/medium", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "input", "name": "--input-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "namespace": "size/small", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "input", "name": "--input-loading-icon-color", "value": "var(--color-brand-3)", "desc": "loading-icon-color", "namespace": "state/normal", "semantic": "加载 icon 颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-clear-icon-color", "value": "var(--color-text1-2)", "desc": "clear-icon-color", "namespace": "state/normal", "semantic": "清空 icon 颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-bg-color", "value": "var(--color-fill1-1)", "desc": "bg-color", "namespace": "state/normal", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-border-color", "value": "var(--color-transparent)", "desc": "border-color", "namespace": "state/normal", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-text-color", "value": "var(--color-text1-4)", "desc": "text-color", "namespace": "state/normal", "semantic": "文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-placeholder-color", "value": "var(--color-text1-2)", "desc": "placeholder-color", "namespace": "state/normal", "semantic": "提示文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-text-color-disabled", "value": "var(--color-text1-1)", "desc": "disabled-text-color", "namespace": "state/normal", "semantic": "禁用态文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-normal-limit-hint-color", "value": "var(--color-text1-2)", "desc": "limit-hint-color", "namespace": "state/normal", "semantic": "提示文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-bg-color", "value": "var(--color-fill2-1)", "desc": "loading-icon-color", "namespace": "state/inverse", "semantic": "加载 icon 颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-border-color", "value": "var(--color-transparent)", "desc": "border-color", "namespace": "state/inverse", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-text-color", "value": "var(--color-white)", "desc": "text-color", "namespace": "state/inverse", "semantic": "文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-placeholder-color", "value": "var(--color-text2-2)", "desc": "placeholder-color", "namespace": "state/inverse", "semantic": "提示文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-text-color-disabled", "value": "var(--color-text2-1)", "desc": "disabled-text-color", "namespace": "state/inverse", "semantic": "禁用态文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--input-inverse-limit-hint-color", "value": "var(--color-text2-2)", "desc": "limit-hint-color", "namespace": "state/inverse", "semantic": "提示文字颜色", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-bg-color", "value": "var(--color-white)", "desc": "background", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-border-color", "value": "var(--color-line1-3)", "desc": "border-color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-item-height", "value": "var(--s-14)", "desc": "height", "namespace": "size/item", "enum": "size", "type": "enum" }, { "component": "input", "name": "--list-item-padding-tb", "value": "var(--s-3)", "desc": "padding(t; b)", "namespace": "size/item", "enum": "size", "type": "enum" }, { "component": "input", "name": "--list-item-padding-lr", "value": "var(--s-4)", "desc": "padding(l; r)", "namespace": "size/item", "enum": "size", "type": "enum" }, { "component": "input", "name": "--list-title-color", "value": "var(--color-text1-4)", "desc": "title-color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-divider-border-bottom-color", "value": "var(--color-line1-3)", "desc": "divider-color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-item-spacing", "value": "var(--s-2)", "desc": "margin(r)", "namespace": "size/media", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "input", "name": "--list-title-font-size", "value": "var(--s-4)", "desc": "font-size", "namespace": "size/title", "enum": "size", "type": "enum" }, { "component": "input", "name": "--list-caption-font-size", "value": "28rpx", "desc": "font-size", "namespace": "size/caption", "type": "number", "unit": "rpx" }, { "component": "input", "name": "--list-caption-color", "value": "var(--color-text1-2)", "desc": "caption color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "input", "name": "--list-icon-font-size", "value": "var(--icon-s)", "desc": "size", "namespace": "size/icon", "enum": "icon.size", "type": "enum" }, { "component": "input", "name": "--list-icon-color", "value": "var(--color-text1-2)", "desc": "icon color", "namespace": "statement/normal", "enum": "color", "type": "enum" } ] }, "message": { "family": "feedback", "chinese": "信息反馈", "display": "Message", "variables": [ { "component": "message", "name": "--message-spacing", "value": "var(--s-2)", "desc": "spacing", "semantic": "元素间距", "namespace": "size/medium", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "message", "name": "--message-elevation", "value": "var(--elevation-4)", "desc": "elevation", "semantic": "海拔", "namespace": "size/elevation", "enum": "elevation", "type": "enum" }, { "component": "message", "name": "--message-font-large", "value": "var(--p-body-2-font-size)", "desc": "font-large", "semantic": "标题字号", "namespace": "size/medium", "enum": "p.font-size", "type": "enum" }, { "component": "message", "name": "--message-font-small", "value": "var(--p-body-1-font-size)", "desc": "font-small", "semantic": "内容字号", "namespace": "size/medium", "enum": "p.font-size", "type": "enum" }, { "component": "message", "name": "--message-title-color", "value": "var(--color-text1-4)", "desc": "title-color", "semantic": "标题颜色", "namespace": "color/normal", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-success", "value": "var(--color-success-1)", "desc": "bg", "semantic": "背景色", "namespace": "color/success", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-warning", "value": "var(--color-warning-1)", "desc": "bg", "semantic": "背景色", "namespace": "color/warning", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-error", "value": "var(--color-error-1)", "desc": "bg", "semantic": "背景色", "namespace": "color/error", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-notice", "value": "var(--color-notice-1)", "desc": "bg", "semantic": "背景色", "namespace": "color/notice", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-help", "value": "var(--color-help-1)", "desc": "bg", "semantic": "背景色", "namespace": "color/help", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-bg-loading", "value": "var(--color-surface)", "desc": "bg", "semantic": "背景色", "namespace": "color/loading", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-success", "value": "var(--color-success-3)", "desc": "icon", "semantic": "图标色", "namespace": "color/success", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-warning", "value": "var(--color-warning-4)", "desc": "icon", "semantic": "图标色", "namespace": "color/warning", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-error", "value": "var(--color-error-3)", "desc": "icon", "semantic": "图标色", "namespace": "color/error", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-notice", "value": "var(--color-help-3)", "desc": "icon", "semantic": "图标色", "namespace": "color/notice", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-help", "value": "var(--color-notice-3)", "desc": "icon", "semantic": "图标色", "namespace": "color/help", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-icon-loading", "value": "var(--color-brand-3)", "desc": "icon", "semantic": "图标色", "namespace": "color/loading", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-toast-bg", "value": "rgba(0, 0, 0, 0.6)", "desc": "bg", "semantic": "背景色", "namespace": "color/toast", "type": "string" }, { "component": "message", "name": "--message-toast-min-width", "value": "var(--s-20)", "desc": "min-width", "semantic": "最小宽度", "namespace": "size/toast", "enum": "size", "type": "enum" }, { "component": "message", "name": "--message-toast-color", "value": "var(--color-white)", "desc": "color", "semantic": "文本颜色", "namespace": "color/toast", "enum": "color", "type": "enum" }, { "component": "message", "name": "--message-toast-spacing", "value": "var(--s-3)", "desc": "padding", "semantic": "边距", "namespace": "size/toast", "enum": "size", "type": "enum" }, { "component": "message", "name": "--message-toast-corner", "value": "var(--corner-2)", "desc": "corner", "semantic": "圆角", "namespace": "size/toast", "enum": "corner", "type": "enum" }, { "component": "message", "name": "--message-toast-icon-size", "value": "var(--p-headline-icon-size)", "desc": "icon-size", "semantic": "图标大小", "namespace": "size/toast", "enum": "p.icon-size", "type": "enum" } ] }, "modal": { "family": "feedback", "chinese": "模态框", "display": "Modal", "variables": [ { "component": "modal", "name": "--modal-elevation", "value": "var(--elevation-3)", "desc": "z-index", "semantic": "层级", "unconfigurable": true, "enum": "elevation", "type": "enum", "namespace": "default" }, { "component": "modal", "name": "--modal-container-bg-color", "value": "var(--color-white)", "desc": "content-bg-color", "senmantic": "内容区背景色", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "modal", "name": "--modal-mask-bg-color", "value": "rgba(0, 0, 0, 0.5)", "desc": "mask-bg-color", "senmantic": "遮罩背景色", "namespace": "statement/normal", "type": "string" } ] }, "nav": { "family": "navigation", "chinese": "导航", "display": "Nav", "variables": [ { "component": "nav", "name": "--nav-item-small-height", "value": "var(--s-8)", "desc": "height", "namespace": "size/small", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "nav", "name": "--nav-item-medium-height", "value": "var(--s-12)", "desc": "height", "namespace": "size/medium", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "nav", "name": "--nav-item-large-height", "value": "var(--s-14)", "desc": "height", "namespace": "size/large", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "nav", "name": "--nav-item-padding", "value": "var(--s-4)", "desc": "padding", "namespace": "size", "semantic": "内边框", "enum": "size", "type": "enum" }, { "component": "nav", "name": "--nav-item-base-font-size", "value": "var(--s-4)", "desc": "font-size", "namespace": "size", "semantic": "字体基础大小", "enum": "size", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-background-color", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/normal/solid", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-background-color-hover", "value": "var(--color-fill1-3)", "desc": "bg-color", "namespace": "state/normal/solid/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-background-color-active", "value": "var(--color-fill1-1)", "desc": "bg-color", "namespace": "state/normal/solid/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/text", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-background-color-hover", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/text/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/text/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-background-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/primary/solid", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-background-color-hover", "value": "var(--color-brand-4)", "desc": "bg-color", "namespace": "state/primary/solid/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-background-color-active", "value": "var(--color-brand-4)", "desc": "bg-color", "namespace": "state/primary/solid/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-background-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/primary/text", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-background-color-hover", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/primary/text/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-background-color-active", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/primary/text/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-background-color", "value": "var(--color-fill2-4)", "desc": "bg-color", "namespace": "state/inverse/solid", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-background-color-hover", "value": "var(--color-text2-1)", "desc": "bg-color", "namespace": "state/inverse/solid/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-background-color-active", "value": "var(--color-text2-1)", "desc": "bg-color", "namespace": "state/inverse/solid/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-background-color", "value": "var(--color-fill2-4)", "desc": "bg-color", "namespace": "state/inverse/text", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-background-color-hover", "value": "var(--color-fill2-4)", "desc": "bg-color", "namespace": "state/inverse/text/hover", "semantic": "触摸背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-background-color-active", "value": "var(--color-fill2-4)", "desc": "bg-color", "namespace": "state/inverse/text/active", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-font-color", "value": "var(--color-text1-4)", "desc": "bg-color", "namespace": "state/normal/solid", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-font-color-hover", "value": "var(--color-text1-3)", "desc": "bg-color", "namespace": "state/normal/solid/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-solid-font-color-active", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/normal/solid/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-font-color", "value": "var(--color-text1-4)", "desc": "bg-color", "namespace": "state/normal/text", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-font-color-hover", "value": "var(--color-text1-3)", "desc": "bg-color", "namespace": "state/normal/text/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-text-font-color-active", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/normal/text/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-font-color", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/primary/solid", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-font-color-hover", "value": "var(--color-text2-3)", "desc": "bg-color", "namespace": "state/primary/solid/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-solid-font-color-active", "value": "var(--color-text2-3)", "desc": "bg-color", "namespace": "state/primary/solid/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-font-color", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/primary/text", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-font-color-hover", "value": "var(--color-text2-3)", "desc": "bg-color", "namespace": "state/primary/text/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-primary-text-font-color-active", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/primary/text/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-font-color", "value": "var(--color-text2-4)", "desc": "bg-color", "namespace": "state/inverse/solid", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-font-color-hover", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/inverse/solid/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-solid-font-color-active", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/inverse/solid/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-font-color", "value": "var(--color-text2-4)", "desc": "bg-color", "namespace": "state/inverse/text", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-font-color-hover", "value": "var(--color-text2-3)", "desc": "bg-color", "namespace": "state/inverse/text/hover", "semantic": "触摸字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-inverse-text-font-color-active", "value": "var(--color-white)", "desc": "bg-color", "namespace": "state/inverse/text/active", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "nav", "name": "--nav-item-normal-extra-color", "value": "var(--color-text1-4)", "desc": "extra-icon-color", "namespace": "state/normal", "semantic": "右侧扩展图标颜色", "originVal": "var(--box-normal-text-icon-color)", "type": "enum", "enum": "color" }, { "component": "nav", "name": "--nav-item-primary-extra-color", "value": "var(--color-white)", "desc": "extra-icon-color", "namespace": "state/primary", "semantic": "右侧扩展图标颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "nav", "name": "--nav-item-inverse-extra-color", "value": "var(--color-text2-4)", "desc": "extra-icon-color", "namespace": "state/inverse", "semantic": "右侧扩展图标颜色", "originVal": "var(--box-inverse-solid-icon-color)", "type": "enum", "enum": "color" } ] }, "number-picker": { "family": "data-entry", "chinese": "数字输入框", "display": "NumberPicker", "variables": [ { "component": "number-picker", "name": "--numberpicker-large-font-size", "value": "var(--p-body-2-font-size)", "desc": "large-font-size", "semantic": "大尺寸字号", "namespace": "size/font", "enum": "p.font-size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-medium-font-size", "value": "var(--p-body-1-font-size)", "desc": "medium-font-size", "semantic": "中尺寸字号", "namespace": "size/font", "enum": "p.font-size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-small-font-size", "value": "var(--p-overline-font-size)", "desc": "small-font-size", "semantic": "小尺寸字号", "namespace": "size/font", "enum": "p.font-size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-small-input-width", "value": "var(--s-8)", "desc": "small-width", "semantic": "小尺寸输入框宽度", "namespace": "size/input", "enum": "size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-medium-input-width", "value": "var(--s-11)", "desc": "medium-width", "semantic": "中尺寸输入框宽度", "namespace": "size/input", "enum": "size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-large-input-width", "value": "var(--s-14)", "desc": "large-width", "semantic": "大尺寸输入框宽度", "namespace": "size/input", "enum": "size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-height", "value": "var(--s-4)", "desc": "height", "semantic": "高度", "namespace": "size/bounding", "enum": "size", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-input-border-color", "value": "var(--color-line1-4)", "desc": "input-border-color", "semantic": "输入框边框颜色", "namespace": "state/input", "enum": "color", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-input-color", "value": "var(--color-text1-4)", "desc": "input-font-color", "semantic": "输入框文字颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-button-corner", "value": "var(--corner-1)", "desc": "button-corner", "semantic": "按钮圆角", "namespace": "size/button", "enum": "corner", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-button-border-width", "value": "var(--line-1)", "desc": "border-width", "semantic": "按钮边框尺寸", "namespace": "size/button", "enum": "line.width", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-button-border-color", "value": "var(--color-line1-4)", "desc": "button-border-color", "semantic": "按钮边框颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-button-icon-color", "value": "var(--color-text1-4)", "desc": "icon-color", "semantic": "图标颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-disabled-input-color", "value": "var(--color-text1-1)", "desc": "input-color", "semantic": "禁用输入框文字颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" }, { "component": "number-picker", "name": "--numberpicker-disabled-button-icon-color", "value": "var(--color-text1-1)", "desc": "icon-color", "semantic": "禁用图标颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" } ] }, "pagination": { "family": "navigation", "chinese": "分页", "display": "Pagination", "variables": [ { "component": "pagination", "name": "--pagination-small-text-mini-width", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "pagination-small-text-mini-width", "namespace": "default" }, { "component": "pagination", "name": "--pagination-small-text-padding-left", "value": "20rpx", "type": "number", "desc": "pagination-small-text-padding-left", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-small-text-padding-right", "value": "20rpx", "type": "number", "desc": "pagination-small-text-padding-right", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-small-text-number-font-size", "value": "28rpx", "type": "number", "desc": "pagination-small-text-number-font-size", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-small-icon-font-size", "value": "36rpx", "type": "number", "desc": "pagination-small-icon-font-size", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-medium-text-mini-width", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "pagination-medium-text-mini-width", "namespace": "default" }, { "component": "pagination", "name": "--pagination-medium-text-padding-left", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "pagination-medium-text-padding-left", "namespace": "default" }, { "component": "pagination", "name": "--pagination-medium-text-padding-right", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "pagination-medium-text-padding-right", "namespace": "default" }, { "component": "pagination", "name": "--pagination-medium-text-number-font-size", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "pagination-medium-text-number-font-size", "namespace": "default" }, { "component": "pagination", "name": "--pagination-medium-icon-font-size", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "pagination-medium-icon-font-size", "namespace": "default" }, { "component": "pagination", "name": "--pagination-large-text-mini-width", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "pagination-large-text-mini-width", "namespace": "default" }, { "component": "pagination", "name": "--pagination-large-text-padding-left", "value": "28rpx", "type": "number", "desc": "pagination-large-text-padding-left", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-large-text-padding-right", "value": "28rpx", "type": "number", "desc": "pagination-large-text-padding-right", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-large-text-number-font-size", "value": "36rpx", "type": "number", "desc": "pagination-large-text-number-font-size", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-large-icon-font-size", "value": "44rpx", "type": "number", "desc": "pagination-large-icon-font-size", "unit": "rpx", "namespace": "default" }, { "component": "pagination", "name": "--pagination-text-current-color", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "pagination-text-current-color", "namespace": "default" }, { "component": "pagination", "name": "--pagination-icon-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "pagination-icon-color", "namespace": "default" }, { "component": "pagination", "name": "--pagination-icon-disabled-color", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "pagination-icon-disabled-color", "namespace": "default" } ] }, "picker": { "family": "data-entry", "chinese": "选择框", "display": "Picker", "variables": [ { "component": "picker", "name": "--picker-height", "value": "var(--s-9)", "desc": "height", "namespace": "size/item", "enum": "size", "type": "enum" }, { "component": "picker", "name": "--picker-font-size", "value": "var(--p-subhead-font-size)", "desc": "size", "namespace": "size/text", "enum": "p.font-size", "type": "enum" }, { "component": "picker", "name": "--picker-select-font-size", "value": "var(--p-subhead-font-size)", "desc": "select size", "namespace": "size/text", "enum": "p.font-size", "type": "enum" }, { "component": "picker", "name": "--picker-select-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "statement/select", "enum": "color", "type": "enum" }, { "component": "picker", "name": "--picker-disabled-color", "value": "var(--color-text1-1)", "desc": "color", "namespace": "statement/disabled", "enum": "color", "type": "enum" }, { "component": "picker", "name": "--picker-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "picker", "name": "--picker-divider-color", "value": "var(--color-line1-2)", "desc": "divider", "namespace": "statement/normal", "enum": "color", "type": "enum" } ] }, "progress": { "family": "data-entry", "chinese": "进度条", "display": "Progress", "variables": [ { "component": "progress", "name": "--progress-bar-large-corner", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "progress-bar-large-corner", "namespace": "default" }, { "component": "progress", "name": "--progress-bar-medium-corner", "value": "18rpx", "type": "number", "desc": "progress-bar-medium-corner", "unit": "rpx", "namespace": "default" }, { "component": "progress", "name": "--progress-bar-small-corner", "value": "12rpx", "type": "number", "desc": "progress-bar-small-corner", "unit": "rpx", "namespace": "default" }, { "component": "progress", "name": "--progress-margin", "value": "var(--s-2)", "enum": "size", "type": "enum", "desc": "progress-margin", "namespace": "default" }, { "component": "progress", "name": "--progress-small-spacing", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "progress-small-spacing", "namespace": "default" }, { "component": "progress", "name": "--progress-medium-spacing", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "progress-medium-spacing", "namespace": "default" }, { "component": "progress", "name": "--progress-large-spacing", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "progress-large-spacing", "namespace": "default" } ] }, "radio": { "family": "data-entry", "chinese": "单选框", "display": "Radio", "variables": [ { "component": "radio", "name": "--radio-motion-time", "value": "var(--motion-time-1)", "enum": "motion.time", "type": "enum", "desc": "radio-motion-time", "namespace": "default" }, { "component": "radio", "name": "--radio-motion-type", "value": "var(--motion-type-ease)", "enum": "motion.type", "type": "enum", "desc": "radio-motion-type", "namespace": "default" }, { "component": "radio", "name": "--radio-small-padding", "value": "var(--s-1)", "desc": "padding(t,b)", "namespace": "size/small", "semantic": "填充", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-circle-border-small-width", "value": "var(--line-1)", "desc": "border width", "namespace": "size/small", "semantic": "边框宽度", "originVal": "var(--box-small-border-width)", "type": "enum", "enum": "line.width" }, { "component": "radio", "name": "--radio-text-left-small-margin", "value": "var(--s-1)", "desc": "spacing", "namespace": "size/small", "semantic": "元素间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-medium-padding", "value": "var(--s-2)", "desc": "padding(t,b)", "namespace": "size/medium", "semantic": "填充", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-circle-border-medium-width", "value": "var(--line-1)", "desc": "border width", "namespace": "size/medium", "semantic": "边框宽度", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "radio", "name": "--radio-text-left-medium-margin", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/medium", "semantic": "元素间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-large-padding", "value": "var(--s-3)", "desc": "padding(t,b)", "namespace": "size/large", "semantic": "填充", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-circle-border-large-width", "value": "var(--line-1)", "desc": "border width", "namespace": "size/large", "semantic": "边框宽度", "originVal": "var(--box-large-border-width)", "type": "enum", "enum": "line.width" }, { "component": "radio", "name": "--radio-text-left-large-margin", "value": "var(--s-3)", "desc": "spacing", "namespace": "size/large", "semantic": "元素间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "radio", "name": "--radio-hoz-margin", "value": "var(--s-1)", "desc": "spacing", "namespace": "statement/hoz", "semantic": "横向元素间隙", "enum": "size", "type": "enum" }, { "component": "radio", "name": "--radio-small-circle-size", "value": "var(--s-4)", "desc": "circle-size", "namespace": "size", "semantic": "circle大小", "enum": "size", "type": "enum" }, { "component": "radio", "name": "--radio-medium-circle-size", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "radio-medium-circle-size", "namespace": "default" }, { "component": "radio", "name": "--radio-large-circle-size", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "radio-large-circle-size", "namespace": "default" }, { "component": "radio", "name": "--radio-circle-corner", "value": "var(--corner-circle)", "desc": "circle-corner", "namespace": "corner", "semantic": "圆角", "enum": "corner", "type": "enum" }, { "component": "radio", "name": "--radio-circle-border-color", "value": "var(--color-line1-3)", "desc": "border-color", "namespace": "color", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-circle-bg-color", "value": "var(--color-white)", "desc": "bg-color", "namespace": "color", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-circle-selected-border-width", "value": "var(--line-1)", "desc": "selected-border-width", "namespace": "line", "semantic": "选中边框大小", "enum": "line.width", "type": "enum" }, { "component": "radio", "name": "--radio-circle-selected-border-color", "value": "var(--color-brand-3)", "desc": "selected-border-color", "namespace": "box", "semantic": "选中边框颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "radio", "name": "--radio-circle-disabled-border-color", "value": "var(--color-fill1-4)", "desc": "disabled-border-color", "namespace": "color", "semantic": "禁用边框颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-circle-selected-disabled-border-color", "value": "var(--color-brand-1)", "desc": "disabled-border-color", "namespace": "color", "semantic": "选中禁用边框颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-circle-disabled-bg-color", "value": "var(--color-fill1-1)", "desc": "disabled-bg-color", "namespace": "color", "semantic": "禁用背景颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-circle-selected-bg-color", "value": "var(--color-brand-3)", "desc": "selected-bg-color", "namespace": "box", "semantic": "选中背景颜色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "radio", "name": "--radio-circle-selected-disabled-bg-color", "value": "var(--color-brand-1)", "desc": "selected-disabled-bg-color", "namespace": "color", "semantic": "选中禁用背景颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-small-point-size", "value": "var(--s-1)", "desc": "point-size", "namespace": "size", "semantic": "选中点的大小", "enum": "size", "type": "enum" }, { "component": "radio", "name": "--radio-medium-point-size", "value": "12rpx", "type": "number", "desc": "radio-medium-point-size", "unit": "rpx", "namespace": "default" }, { "component": "radio", "name": "--radio-large-point-size", "value": "var(--s-2)", "enum": "size", "type": "enum", "desc": "radio-large-point-size", "namespace": "default" }, { "component": "radio", "name": "--radio-point-selected-bg-color", "value": "var(--color-white)", "desc": "selected-point-bg-color", "namespace": "box", "semantic": "选中点的背景颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "radio", "name": "--radio-point-selected-disabled-bg-color", "value": "var(--color-white)", "desc": "selected-disabled-point-bg-color", "namespace": "box", "semantic": "选中禁用点的背景颜色", "originVal": "var(--box-primary-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "radio", "name": "--radio-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "text-size", "namespace": "size", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "radio", "name": "--radio-medium-font-size", "value": "var(--p-body-2-font-size)", "enum": "p.font-size", "type": "enum", "desc": "radio-medium-font-size", "namespace": "default" }, { "component": "radio", "name": "--radio-large-font-size", "value": "var(--p-subhead-font-size)", "enum": "p.font-size", "type": "enum", "desc": "radio-large-font-size", "namespace": "default" }, { "component": "radio", "name": "--radio-text-color", "value": "var(--color-text1-4)", "desc": "text-color", "namespace": "color", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-text-selected-color", "value": "var(--color-text1-4)", "desc": "selected-text-color", "namespace": "color", "semantic": "选中字体颜色", "enum": "color", "type": "enum" }, { "component": "radio", "name": "--radio-text-disbled-color", "value": "var(--color-text1-1)", "desc": "disbled-text-color", "namespace": "color", "semantic": "禁用字体颜色", "enum": "color", "type": "enum" } ] }, "range": { "family": "data-entry", "chinese": "区域选择", "display": "Radio", "variables": [ { "component": "range", "name": "--range-track-large-height", "value": "12rpx", "desc": "height-large", "namespace": "size/track", "type": "number", "unit": "rpx" }, { "component": "range", "name": "--range-track-medium-height", "value": "8rpx", "desc": "height-medium", "namespace": "size/track", "type": "number", "unit": "rpx" }, { "component": "range", "name": "--range-track-small-height", "value": "4rpx", "desc": "height-small", "namespace": "size/track", "type": "number", "unit": "rpx" }, { "component": "range", "name": "--range-track-bg-color", "value": "var(--color-line1-1)", "desc": "track background", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-track-bg-color-disabled", "value": "var(--color-line1-1)", "desc": "track background", "namespace": "statement/disabled", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-track-bg-color-selected", "value": "var(--color-brand-3)", "desc": "track-background", "namespace": "statement/selected", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-track-bg-color-selected-disabled", "value": "var(--color-line1-4)", "desc": "track background", "namespace": "statement/disabled-selected", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-thumb-large-size", "value": "var(--s-6)", "desc": "size-large", "namespace": "size/thumb", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-thumb-medium-size", "value": "var(--s-5)", "desc": "size-medium", "namespace": "size/thumb", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-thumb-small-size", "value": "var(--s-4)", "desc": "size-small", "namespace": "size/thumb", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-thumb-bg-color", "value": "var(--color-white)", "desc": "thumb background", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-thumb-shadow", "value": "var(--shadow-1)", "desc": "thumb shadow", "namespace": "statement/normal", "enum": "shadow", "type": "enum" }, { "component": "range", "name": "--range-thumb-active-shadow", "value": "var(--shadow-1)", "desc": "thumb shadow", "namespace": "statement/dragging", "enum": "shadow", "type": "enum" }, { "component": "range", "name": "--range-thumb-border-width", "value": "var(--line-1)", "desc": "border width", "namespace": "size/thumb", "enum": "line.width", "type": "enum" }, { "component": "range", "name": "--range-thumb-border-color", "value": "var(--color-line1-2)", "desc": "thumb border", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-mark-width", "value": "var(--line-3)", "desc": "width", "namespace": "size/mark", "enum": "line.width", "type": "enum" }, { "component": "range", "name": "--range-mark-height", "value": "var(--s-3)", "desc": "height", "namespace": "size/mark", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-mark-bg-color", "value": "var(--color-line1-1)", "desc": "mark background", "namespace": "statement/background", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-mark-bg-color-active", "value": "var(--color-brand-3)", "desc": "mark background", "namespace": "statement/dragging", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-mark-bg-color-disabled", "value": "var(--color-text1-1)", "desc": "mark background", "namespace": "statement/disabled", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-mark-bg-color-active-disabled", "value": "var(--color-text1-2)", "desc": "mark background", "namespace": "statement/disabled_and_active", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-tooltip-size-width", "value": "var(--s-10)", "desc": "width", "namespace": "size/tooltip", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-tooltip-size-height", "value": "var(--s-10)", "desc": "height", "namespace": "size/tooltip", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-tooltip-color", "value": "var(--color-text1-3)", "desc": "tooltip color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-tooltip-shadow", "value": "var(--shadow-1)", "desc": "tooltip shadow", "namespace": "statement/normal", "enum": "shadow", "type": "enum" }, { "component": "range", "name": "--range-tooltip-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/tooltip", "enum": "corner", "type": "enum" }, { "component": "range", "name": "--range-tooltip-bg-color", "value": "var(--color-white)", "desc": "tooltip background", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-arrow-border-width", "value": "var(--s-4)", "desc": "border-width", "namespace": "size/arrow", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-label-margin", "value": "var(--s-4)", "desc": "margin(t)", "namespace": "size/label", "enum": "size", "type": "enum" }, { "component": "range", "name": "--range-label-font-size", "value": "18rpx", "desc": "font size", "namespace": "size/label", "type": "number", "unit": "rpx" }, { "component": "range", "name": "--range-label-font-weight", "value": "'normal'", "desc": "font weight", "namespace": "size/label", "type": "string" }, { "component": "range", "name": "--range-label-color", "value": "var(--color-text1-2)", "desc": "label color", "namespace": "statement/normal", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-label-color-active", "value": "#1f2933", "desc": "label color", "namespace": "statement/dragging", "type": "string" }, { "component": "range", "name": "--range-label-color-disabled", "value": "var(--color-text1-2)", "desc": "label color", "namespace": "statement/disabled", "enum": "color", "type": "enum" }, { "component": "range", "name": "--range-label-color-active-disabled", "value": "var(--color-text1-2)", "desc": "label color", "namespace": "statement/disabled-dragging", "enum": "color", "type": "enum" } ] }, "rating": { "family": "data-entry", "chinese": "评分", "display": "Rating", "variables": [ { "component": "rating", "name": "--rating-color", "value": "var(--color-fill1-2)", "desc": "default color", "namespace": "base/color", "semantic": "默认颜色", "originVal": "var(--box-normal-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "rating", "name": "--rating-low-grade-color", "value": "var(--color-text1-3)", "desc": "low active color", "namespace": "base/color", "semantic": "低分活动颜色", "originVal": "var(--box-normal-outline-icon-color-hover)", "type": "enum", "enum": "color" }, { "component": "rating", "name": "--rating-high-grade-color", "value": "var(--color-brand-3)", "desc": "high active color", "namespace": "base/color", "semantic": "高分活动颜色", "unconfigurable": true, "originVal": "var(--box-primary-outline-icon-color)", "type": "enum", "enum": "color" }, { "component": "rating", "name": "--rating-small-icon-size", "value": "var(--icon-xs)", "desc": "font size", "namespace": "size/small", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "rating", "name": "--rating-medium-icon-size", "value": "var(--icon-s)", "desc": "font size", "namespace": "size/medium", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "rating", "name": "--rating-large-icon-size", "value": "var(--icon-m)", "desc": "font size", "namespace": "size/large", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "rating", "name": "--rating-small-padding", "value": "var(--box-small-padding-ver) var(--box-small-padding-hoz)", "desc": "padding", "namespace": "size/small", "semantic": "填充", "originVal": "var(--box-small-padding)", "type": "complex", "ref": [ "--box-small-padding-ver", "--box-small-padding-hoz" ] }, { "component": "rating", "name": "--rating-small-spacing", "value": "var(--s-1)", "desc": "spacing", "namespace": "size/small", "semantic": "内部元素间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "rating", "name": "--rating-medium-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "padding", "namespace": "size/medium", "semantic": "填充", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "rating", "name": "--rating-medium-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/medium", "semantic": "内部元素间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "rating", "name": "--rating-large-padding", "value": "var(--box-large-padding-ver) var(--box-large-padding-hoz)", "desc": "padding", "namespace": "size/large", "semantic": "填充", "originVal": "var(--box-large-padding)", "type": "complex", "ref": [ "--box-large-padding-ver", "--box-large-padding-hoz" ] }, { "component": "rating", "name": "--rating-large-spacing", "value": "var(--s-3)", "desc": "spacing", "namespace": "size/large", "semantic": "内部元素间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" } ] }, "search": { "family": "data-display", "chinese": "搜索", "display": "Search", "variables": [ { "component": "search", "name": "--search-small-height", "value": "var(--s-7)", "desc": "height", "namespace": "height/small", "semantic": "高", "enum": "size", "type": "enum" }, { "component": "search", "name": "--search-medium-height", "value": "var(--s-9)", "desc": "height", "namespace": "height/medium", "semantic": "高", "enum": "size", "type": "enum" }, { "component": "search", "name": "--search-large-height", "value": "var(--s-11)", "desc": "height", "namespace": "height/large", "semantic": "高", "enum": "size", "type": "enum" }, { "component": "search", "name": "--search-corner", "value": "var(--s-1)", "desc": "border-radius", "namespace": "border/circle", "semantic": "边框圆角", "enum": "size", "type": "enum" }, { "component": "search", "name": "--search-border-color", "value": "var(--color-transparent)", "desc": "border-color", "namespace": "border/color", "semantic": "边框颜色", "originVal": "var(--box-normal-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "search", "name": "--search-bg-color", "value": "var(--color-fill1-1)", "desc": "background", "namespace": "base/background", "semantic": "背景色", "enum": "color", "type": "enum" }, { "component": "search", "name": "--search-font-color", "value": "var(--color-text1-4)", "desc": "text-color", "namespace": "font/color", "semantic": "字色", "originVal": "var(--box-normal-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "search", "name": "--search-icon-color", "value": "var(--color-text1-4)", "desc": "icon-color", "namespace": "icon/color", "semantic": "icon颜色", "originVal": "var(--box-normal-solid-icon-color)", "type": "enum", "enum": "color" } ] }, "select": { "family": "data-entry", "chinese": "下拉选择框", "display": "Search", "variables": [ { "component": "select", "name": "--select-search-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "search-padding", "semantic": "搜索框边距", "namespace": "size/search", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] } ] }, "select-drawer": { "family": "utils", "chinese": "选择抽屉", "display": "SelectDrawer", "variables": [ { "component": "select-drawer", "name": "--select-drawer-small-padding-tb", "value": "var(--s-1)", "desc": "padding(t,b)", "namespace": "size/small", "semantic": "上下间距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-medium-padding-tb", "value": "var(--s-2)", "desc": "padding(t,b)", "namespace": "size/medium", "semantic": "上下间距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-large-padding-tb", "value": "var(--s-3)", "desc": "padding(t,b)", "namespace": "size/large", "semantic": "上下间距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-padding-lr", "value": "var(--s-4)", "desc": "padding(l,r)", "namespace": "size/normal", "semantic": "左右间距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-normal-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "statement/normal", "semantic": "内容颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-inverse-color", "value": "var(--color-text2-4)", "desc": "color", "namespace": "statement/inverse", "semantic": "内容颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-normal-icon-color", "value": "var(--color-text1-2)", "desc": "icon-color", "namespace": "statement/normal", "semantic": "箭头颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-inverse-icon-color", "value": "var(--color-text2-2)", "desc": "icon-color", "namespace": "statement/inverse", "semantic": "箭头颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-title-color", "value": "var(--color-text1-4)", "desc": "title-color", "namespace": "statement/normal", "semantic": "标题颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-normal-placeholder-color", "value": "var(--color-text1-2)", "desc": "placeholder-color", "namespace": "statement/normal", "semantic": "占位颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-inverse-placeholder-color", "value": "var(--color-text2-2)", "desc": "placeholder-color", "namespace": "statement/inverse", "semantic": "占位颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "font-size", "namespace": "size/large", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "font-size", "namespace": "size/medium", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "namespace": "size/small", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-large-icon-size", "value": "var(--icon-s)", "desc": "icon-size", "namespace": "size/large", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-medium-icon-size", "value": "var(--icon-xs)", "desc": "icon-size", "namespace": "size/medium", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-small-icon-size", "value": "var(--icon-xxs)", "desc": "icon-size", "namespace": "size/small", "semantic": "图标大小", "enum": "icon.size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-empty-padding-lr", "value": "var(--s-5)", "desc": "padding(l,r)", "namespace": "state/empty", "semantic": "空选项时弹出框左右内边距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-empty-padding-tb", "value": "var(--s-10)", "desc": "padding(t,b)", "namespace": "state/empty", "semantic": "空选项时弹出框上下内边距", "enum": "size", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-empty-font-color", "value": "var(--color-text1-2)", "desc": "content-font-color", "namespace": "state/empty", "semantic": "空选项弹出框提示文案字体颜色", "enum": "color", "type": "enum" }, { "component": "select-drawer", "name": "--select-drawer-empty-font-size", "value": "var(--p-body-1-font-size)", "desc": "content-font-size", "namespace": "state/empty", "semantic": "空选项弹出框提示文案字体大小", "enum": "p.font-size", "type": "enum" } ] }, "step": { "family": "navigation", "chinese": "步骤", "display": "Step", "variables": [ { "component": "step", "name": "--step-horn-line-width", "value": "var(--line-1)", "desc": "horn-width", "semantic": "连接线宽度", "namespace": "size/bounding", "enum": "line.width", "type": "enum" }, { "component": "step", "name": "--step-node-border-width", "value": "var(--line-1)", "desc": "node-width", "semantic": "圆点宽度", "namespace": "size/bounding", "enum": "line.width", "type": "enum" }, { "component": "step", "name": "--step-spacing", "value": "var(--s-2)", "desc": "spacing", "semantic": "间隙", "namespace": "size/padding", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "step", "name": "--step-circle-inner-font-size", "value": "var(--p-body-1-icon-size)", "desc": "circle-inner-font-size", "semantic": "circle内部字体", "namespace": "size/font", "enum": "p.icon-size", "type": "enum" }, { "component": "step", "name": "--step-title-font-size", "value": "var(--p-body-2-icon-size)", "desc": "title-font-size", "semantic": "标题字体大小", "namespace": "size/font", "enum": "p.icon-size", "type": "enum" }, { "component": "step", "name": "--step-content-font-size", "value": "var(--p-body-1-icon-size)", "desc": "content-font-size", "semantic": "描述文案字体大小", "namespace": "size/font", "enum": "p.icon-size", "type": "enum" }, { "component": "step", "name": "--step-circle-size", "value": "var(--s-7)", "desc": "circle-size", "semantic": "circle尺寸", "namespace": "size/bounding", "enum": "size", "type": "enum" }, { "component": "step", "name": "--step-dot-size", "value": "var(--s-4)", "desc": "dot-size", "semantic": "dot尺寸", "namespace": "size/bounding", "enum": "size", "type": "enum" }, { "component": "step", "name": "--step-arrow-size", "value": "56rpx", "desc": "arrow-size", "semantic": "arrow 高度", "namespace": "size/bounding", "type": "number", "unit": "rpx" }, { "component": "step", "name": "--step-active-color", "value": "var(--color-brand-3)", "desc": "common-active-color", "semantic": "激活颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-node-bg-color", "value": "var(--color-white)", "desc": "node-bg-color", "semantic": "节点背景颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-body-font-color", "value": "var(--color-text1-3)", "desc": "text-color", "semantic": "标题和描述文案颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-title-process-color", "value": "var(--color-text1-4)", "desc": "process-title-font-color", "semantic": "标题 process 颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-wait-line-color", "value": "var(--color-line1-3)", "desc": "wait-line-color", "semantic": "连接线颜色", "namespace": "state/normal", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-vertical-spacing", "value": "var(--s-4)", "desc": "vertical-spacing", "semantic": "垂直模式 节点与文案间隙", "namespace": "size/padding", "enum": "size", "type": "enum" }, { "component": "step", "name": "--step-arrow-finish-bg-color", "value": "var(--color-brand-1)", "desc": "arrow-bg-color", "semantic": "箭头已完成背景颜色", "namespace": "state/finish", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-circle-finish-font-color", "value": "var(--color-text1-1)", "desc": "circle-node-font-color", "semantic": "箭头字体颜色", "namespace": "state/finish", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-dot-wait-border-color", "value": "var(--color-text1-1)", "desc": "node-wait-border-color", "semantic": "圆点边框颜色", "namespace": "state/finish", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-circle-process-font-color", "value": "var(--color-white)", "desc": "circle-node-font-color", "semantic": "节点内部字体颜色", "namespace": "state/process", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-arrow-wait-color", "value": "var(--color-fill1-2)", "desc": "arrow-bg-color", "semantic": "箭头未完成背景颜色", "namespace": "state/wait", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-arrow-disabled-bg-color", "value": "var(--color-fill1-1)", "desc": "arrow-bg-color", "semantic": "禁用背景颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-horn-disabled-color", "value": "var(--color-line1-1)", "desc": "line-color", "semantic": "连接线颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-node-disabled-border-color", "value": "var(--color-line1-4)", "desc": "node-border-color", "semantic": "节点颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" }, { "component": "step", "name": "--step-disabled-font-color", "value": "var(--color-text1-1)", "desc": "text-color", "semantic": "标题、描述字体颜色", "namespace": "state/disabled", "enum": "color", "type": "enum" } ] }, "switch": { "family": "data-entry", "chinese": "开关", "display": "Switch", "variables": [ { "component": "switch", "name": "--switch-small-width", "value": "var(--s-9)", "desc": "width", "namespace": "size/small", "semantic": "宽度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-medium-width", "value": "var(--s-11)", "desc": "width", "namespace": "size/medium", "semantic": "宽度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-large-width", "value": "var(--s-12)", "desc": "width", "namespace": "size/large", "semantic": "宽度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-small-height", "value": "var(--s-5)", "desc": "height", "namespace": "size/small", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-medium-height", "value": "var(--s-6)", "desc": "height", "namespace": "size/medium", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-large-height", "value": "var(--s-7)", "desc": "height", "namespace": "size/large", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-padding", "value": "var(--s-1) / 4", "desc": "padding", "namespace": "size", "semantic": "内边框", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-background-color", "value": "var(--color-white)", "desc": "background color", "namespace": "state", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-checked-background-color", "value": "var(--color-brand-3)", "desc": "background color", "namespace": "state/checked", "semantic": "选中背景颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-disabled-background-color", "value": "var(--color-fill1-1)", "desc": "background color", "namespace": "state/disabled", "semantic": "禁选背景颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-disabled-checked-background-color", "value": "var(--color-brand-1)", "desc": "background color", "namespace": "state/disabled/checked", "semantic": "禁选选中背景颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-border-width", "value": "var(--line-1)", "desc": "border width", "namespace": "size", "semantic": "边框宽度", "enum": "line.width", "type": "enum" }, { "component": "switch", "name": "--switch-border-color", "value": "var(--color-line1-4)", "desc": "border color", "namespace": "state", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-checked-border-color", "value": "var(--color-brand-3)", "desc": "border color", "namespace": "state/checked", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-disabled-border-color", "value": "var(--color-line1-2)", "desc": "border color", "namespace": "state/disabled", "semantic": "禁选边框颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-disabled-checked-border-color", "value": "var(--color-brand-1)", "desc": "border color", "namespace": "state/disabled/checked", "semantic": "禁选选中边框颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-small-corner", "value": "calc(var(--switch-small-height) / 2)", "desc": "corner", "namespace": "size/small", "semantic": "圆角", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-medium-corner", "value": "calc(var(--switch-medium-height) / 2)", "desc": "corner", "namespace": "size/medium", "semantic": "圆角", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-large-corner", "value": "calc(var(--switch-large-height) / 2)", "desc": "corner", "namespace": "size/large", "semantic": "圆角", "enum": "size", "type": "enum" }, { "component": "switch", "name": "--switch-motion-type", "value": "var(--motion-type-ease)", "desc": "motion type", "namespace": "base/motion", "semantic": "动画类型", "enum": "motion.type", "type": "enum" }, { "component": "switch", "name": "--switch-motion-time", "value": "var(--motion-time-2)", "desc": "motion time", "namespace": "base/motion", "semantic": "动画时长", "enum": "motion.time", "type": "enum" }, { "component": "switch", "name": "--switch-knob-small-size", "value": "calc(var(--switch-small-height) - (var(--s-1) / 2))", "desc": "knob size", "namespace": "size/small", "semantic": "按钮大小", "type": "complex", "ref": [ "--switch-small-height", "--s-1" ] }, { "component": "switch", "name": "--switch-knob-medium-size", "value": "calc(var(--switch-medium-height) - (var(--s-1) / 2))", "desc": "knob size", "namespace": "size/medium", "semantic": "按钮大小", "type": "complex", "ref": [ "--switch-medium-height", "--s-1" ] }, { "component": "switch", "name": "--switch-knob-large-size", "value": "calc(var(--switch-large-height) - (var(--s-1) / 2))", "desc": "knob size", "namespace": "size/large", "semantic": "按钮大小", "type": "complex", "ref": [ "--switch-large-height", "--s-1" ] }, { "component": "switch", "name": "--switch-knob-background-color", "value": "var(--color-white)", "desc": "konb background color", "namespace": "state", "semantic": "按钮背景颜色", "enum": "color", "type": "enum" }, { "component": "switch", "name": "--switch-knob-box-shadow", "value": "var(--shadow-1)", "desc": "konb box shadow", "namespace": "state", "semantic": "按钮投影", "enum": "shadow", "type": "enum" }, { "component": "switch", "name": "--switch-knob-loading-small-size", "value": "var(--p-body-1-font-size)", "desc": "loading size", "namespace": "size/small", "semantic": "Loading 大小", "enum": "p.font-size", "type": "enum" }, { "component": "switch", "name": "--switch-knob-loading-medium-size", "value": "var(--p-body-1-font-size)", "desc": "loading size", "namespace": "size/medium", "semantic": "Loading 大小", "enum": "p.font-size", "type": "enum" }, { "component": "switch", "name": "--switch-knob-loading-large-size", "value": "var(--p-body-2-font-size)", "desc": "loading size", "namespace": "size/large", "semantic": "Loading 大小", "enum": "p.font-size", "type": "enum" }, { "component": "switch", "name": "--switch-knob-loading-color", "value": "var(--color-brand-3)", "desc": "background color", "namespace": "color", "semantic": "Loading 颜色", "enum": "color", "type": "enum" } ] }, "tab": { "family": "navigation", "chinese": "标签页", "display": "Tab", "variables": [ { "component": "tab", "name": "--tab-small-icon-size", "value": "var(--icon-xxs)", "desc": "icon-size", "namespace": "size/small", "semantic": "小尺寸图标大小", "enum": "icon.size", "type": "enum" }, { "component": "tab", "name": "--tab-medium-icon-size", "value": "var(--icon-xs)", "desc": "icon-size", "namespace": "size/medium", "semantic": "中尺寸图标大小", "enum": "icon.size", "type": "enum" }, { "component": "tab", "name": "--tab-large-icon-size", "value": "var(--icon-s)", "desc": "icon-size", "namespace": "size/large", "semantic": "大尺寸图标大小", "enum": "icon.size", "type": "enum" }, { "component": "tab", "name": "--tab-small-spacing", "value": "var(--s-1)", "desc": "spacing", "namespace": "size/small", "semantic": "小尺寸内部间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "tab", "name": "--tab-medium-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/medium", "semantic": "中尺寸内部间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "tab", "name": "--tab-large-spacing", "value": "var(--s-3)", "desc": "spacing", "namespace": "size/large", "semantic": "大尺寸内部间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "tab", "name": "--tab-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "font-size", "namespace": "size/small", "semantic": "小尺寸文字大小", "enum": "p.font-size", "type": "enum" }, { "component": "tab", "name": "--tab-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "font-size", "namespace": "size/medium", "semantic": "中尺寸文字大小", "enum": "p.font-size", "type": "enum" }, { "component": "tab", "name": "--tab-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "font-size", "namespace": "size/large", "semantic": "大尺寸文字大小", "enum": "p.font-size", "type": "enum" }, { "component": "tab", "name": "--tab-small-padding", "value": "var(--box-small-padding-ver) var(--box-small-padding-hoz)", "desc": "padding", "namespace": "size/small", "semantic": "small内边距", "originVal": "var(--box-small-padding)", "type": "complex", "ref": [ "--box-small-padding-ver", "--box-small-padding-hoz" ] }, { "component": "tab", "name": "--tab-small-corner", "value": "var(--corner-1)", "desc": "border radius", "namespace": "size/small", "semantic": "small内边距", "originVal": "var(--box-small-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tab", "name": "--tab-medium-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "padding", "namespace": "size/medium", "semantic": "medium内边距", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "tab", "name": "--tab-medium-corner", "value": "var(--corner-1)", "desc": "border radius", "namespace": "size/medium", "semantic": "medium内边距", "originVal": "var(--box-medium-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tab", "name": "--tab-large-padding", "value": "var(--box-large-padding-ver) var(--box-large-padding-hoz)", "desc": "padding", "namespace": "size/large", "semantic": "large内边距", "originVal": "var(--box-large-padding)", "type": "complex", "ref": [ "--box-large-padding-ver", "--box-large-padding-hoz" ] }, { "component": "tab", "name": "--tab-large-corner", "value": "var(--corner-1)", "desc": "border radius", "namespace": "size/large", "semantic": "large内边距", "originVal": "var(--box-large-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tab", "name": "--tab-bg-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal", "semantic": "背景色", "originVal": "var(--box-normal-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-capsule-bg-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/capsule", "semantic": "背景色", "originVal": "var(--box-normal-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-capsule-active-bg-color", "value": "var(--color-brand-3)", "desc": "bg-color", "namespace": "state/capsule", "semantic": "选中背景色", "originVal": "var(--box-primary-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-divider-color", "value": "var(--color-line1-4)", "desc": "divider-color", "namespace": "state/normal", "semantic": "分割线颜色", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-divider-height", "value": "var(--line-1)", "desc": "divider-height", "namespace": "size/bounding", "semantic": "分割线高度", "enum": "line.width", "type": "enum" }, { "component": "tab", "name": "--tab-active-line-height", "value": "4rpx", "desc": "active-line-height", "namespace": "state/active", "semantic": "激活线高度", "type": "number", "unit": "rpx" }, { "component": "tab", "name": "--tab-normal-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "state/normal", "semantic": "普通文本颜色", "originVal": "var(--box-normal-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-active-color", "value": "var(--color-brand-3)", "desc": "color", "namespace": "state/active", "semantic": "选中文本颜色", "originVal": "var(--box-primary-text-font-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-capsule-normal-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "state/capsule", "semantic": "普通文本颜色", "originVal": "var(--box-normal-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-capsule-active-color", "value": "var(--color-white)", "desc": "capsule color", "namespace": "state/capsule", "semantic": "选中文本颜色", "originVal": "var(--box-primary-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "tab", "name": "--tab-capsule-border-color", "value": "var(--color-line1-4)", "desc": "border color", "namespace": "state/capsule", "semantic": "边框颜色", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" } ] }, "tag": { "family": "data-display", "chinese": "标签", "display": "Tag", "variables": [ { "component": "tag", "name": "--tag-selectable-solid-border-color", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-border-color-hover", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-border-color-active", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-border-color-disabled", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-border-color-selected", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-border-color-selected-disabled", "value": "transparent", "type": "string", "desc": "tag-selectable-solid-border-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color", "value": "var(--color-fill1-2)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color-hover", "value": "var(--color-fill1-2)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color-active", "value": "var(--color-fill1-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color-disabled", "value": "var(--color-fill1-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color-selected", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-background-color-selected-disabled", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-background-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color-hover", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color-active", "value": "var(--color-text1-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color-selected", "value": "var(--color-white)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-solid-font-color-selected-disabled", "value": "var(--color-white)", "enum": "color", "type": "enum", "desc": "tag-selectable-solid-font-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color", "value": "var(--color-line1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color-hover", "value": "var(--color-line1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color-active", "value": "var(--color-line1-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color-disabled", "value": "var(--color-line1-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color-selected", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-border-color-selected-disabled", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-border-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-background-color", "value": "transparent", "type": "string", "desc": "tag-selectable-outline-background-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-background-color-hover", "value": "transparent", "type": "string", "desc": "tag-selectable-outline-background-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-background-color-active", "value": "transparent", "type": "string", "desc": "tag-selectable-outline-background-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-background-color-disabled", "value": "transparent", "type": "string", "desc": "tag-selectable-outline-background-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-background-color-selected-disabled", "value": "transparent", "type": "string", "desc": "tag-selectable-outline-background-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color-hover", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color-active", "value": "var(--color-text1-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color-selected", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-font-color-selected-disabled", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-font-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color-hover", "value": "var(--color-brand-3)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color-active", "value": "var(--color-brand-4)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color-disabled", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color-selected", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color-selected", "namespace": "default" }, { "component": "tag", "name": "--tag-selectable-outline-icon-background-color-selected-disabled", "value": "var(--color-brand-1)", "enum": "color", "type": "enum", "desc": "tag-selectable-outline-icon-background-color-selected-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-large-font-size", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-large-font-size", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-medium-font-size", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-medium-font-size", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-small-font-size", "value": "var(--s-2)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-small-font-size", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-large-right", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-large-right", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-medium-right", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-medium-right", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-small-right", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-small-right", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-large-bottom", "value": "var(--s-5)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-large-bottom", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-medium-bottom", "value": "var(--s-4)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-medium-bottom", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-small-bottom", "value": "var(--s-3)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-small-bottom", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-large-width", "value": "var(--s-10)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-large-width", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-medium-width", "value": "var(--s-8)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-medium-width", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-small-width", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-small-width", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-large-height", "value": "var(--s-10)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-large-height", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-medium-height", "value": "var(--s-8)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-medium-height", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-selectable-outline-small-height", "value": "var(--s-6)", "enum": "size", "type": "enum", "desc": "tag-icon-selectable-outline-small-height", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-border-color-hover", "value": "transparent", "type": "string", "desc": "tag-closable-solid-border-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-border-color-active", "value": "transparent", "type": "string", "desc": "tag-closable-solid-border-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-border-color-disabled", "value": "transparent", "type": "string", "desc": "tag-closable-solid-border-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-background-color", "value": "var(--color-fill1-2)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-background-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-background-color-hover", "value": "var(--color-fill1-2)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-background-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-background-color-active", "value": "var(--color-fill1-4)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-background-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-background-color-disabled", "value": "var(--color-line1-1)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-background-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-font-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-font-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-font-color-hover", "value": "var(--color-text1-2)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-font-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-font-color-active", "value": "var(--color-text1-2)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-font-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-font-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-font-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-icon-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-icon-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-icon-color-hover", "value": "var(--color-text1-3)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-icon-color-hover", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-icon-color-active", "value": "var(--color-text1-2)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-icon-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-solid-icon-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "tag-closable-solid-icon-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-border-color", "value": "var(--color-line1-4)", "enum": "color", "type": "enum", "desc": "tag-closable-outline-border-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-border-color-active", "value": "var(--color-line1-3)", "enum": "color", "type": "enum", "desc": "tag-closable-outline-border-color-active", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-border-color-disabled", "value": "var(--color-line1-1)", "enum": "color", "type": "enum", "desc": "tag-closable-outline-border-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-font-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "tag-closable-outline-font-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-font-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "tag-closable-outline-font-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-background-color", "value": "transparent", "type": "string", "desc": "tag-closable-outline-background-color", "namespace": "default" }, { "component": "tag", "name": "--tag-closable-outline-background-color-disabled", "value": "transparent", "type": "string", "desc": "tag-closable-outline-background-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--box-closable-outline-icon-color", "value": "var(--color-text1-4)", "enum": "color", "type": "enum", "desc": "box-closable-outline-icon-color", "namespace": "default" }, { "component": "tag", "name": "--box-closable-outline-icon-color-hover", "value": "var(--color-text1-3)", "enum": "color", "type": "enum", "desc": "box-closable-outline-icon-color-hover", "namespace": "default" }, { "component": "tag", "name": "--box-closable-outline-icon-color-active", "value": "var(--color-text1-2)", "enum": "color", "type": "enum", "desc": "box-closable-outline-icon-color-active", "namespace": "default" }, { "component": "tag", "name": "--box-closable-outline-icon-color-disabled", "value": "var(--color-text1-1)", "enum": "color", "type": "enum", "desc": "box-closable-outline-icon-color-disabled", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-large-font-size", "value": "42rpx", "type": "number", "desc": "tag-icon-closable-large-font-size", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-medium-font-size", "value": "36rpx", "type": "number", "desc": "tag-icon-closable-medium-font-size", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-small-font-size", "value": "30rpx", "type": "number", "desc": "tag-icon-closable-small-font-size", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-large-spacing", "value": "24rpx", "type": "number", "desc": "tag-icon-closable-large-spacing", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-medium-spacing", "value": "16rpx", "type": "number", "desc": "tag-icon-closable-medium-spacing", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-icon-closable-small-spacing", "value": "8rpx", "type": "number", "desc": "tag-icon-closable-small-spacing", "unit": "rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-motion-type", "value": "var(--motion-type-ease)", "desc": "motion type", "namespace": "base/motion", "semantic": "动画类型", "unconfigurable": true, "enum": "motion.type", "type": "enum" }, { "component": "tag", "name": "--tag-motion-time", "value": "var(--motion-time-2)", "desc": "motion time", "namespace": "base/motion", "semantic": "动画时长", "unconfigurable": true, "enum": "motion.time", "type": "enum" }, { "component": "tag", "name": "--tag-small-font-size", "value": "var(--p-body-1-font-size)", "desc": "font size", "namespace": "size/small", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "tag", "name": "--tag-medium-font-size", "value": "var(--p-body-2-font-size)", "desc": "font size", "namespace": "size/medium", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "tag", "name": "--tag-large-font-size", "value": "var(--p-subhead-font-size)", "desc": "font size", "namespace": "size/large", "semantic": "字体大小", "enum": "p.font-size", "type": "enum" }, { "component": "tag", "name": "--tag-readonly-large-padding", "value": "6rpx var(--s-3)", "enum": "size", "type": "enum", "desc": "tag-readonly-large-padding", "namespace": "default" }, { "component": "tag", "name": "--tag-readonly-medium-padding", "value": "6rpx 20rpx", "type": "number", "desc": "tag-readonly-medium-padding", "unit": "rpx 20rpx", "namespace": "default" }, { "component": "tag", "name": "--tag-readonly-small-padding", "value": "6rpx var(--s-2)", "enum": "size", "type": "enum", "desc": "tag-readonly-small-padding", "namespace": "default" }, { "component": "tag", "name": "--tag-small-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/small", "semantic": "边框宽度", "originVal": "var(--box-small-border-width)", "type": "enum", "enum": "line.width" }, { "component": "tag", "name": "--tag-small-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/small", "semantic": "圆角", "originVal": "var(--box-small-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tag", "name": "--tag-small-padding", "value": "var(--box-small-padding-ver) var(--box-small-padding-hoz)", "desc": "padding", "namespace": "size/small", "semantic": "填充", "originVal": "var(--box-small-padding)", "type": "complex", "ref": [ "--box-small-padding-ver", "--box-small-padding-hoz" ] }, { "component": "tag", "name": "--tag-small-spacing", "value": "var(--s-1)", "desc": "spacing", "namespace": "size/small", "semantic": "内部元素间隙", "originVal": "var(--box-small-spacing)", "type": "enum", "enum": "size" }, { "component": "tag", "name": "--tag-medium-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/medium", "semantic": "边框宽度", "originVal": "var(--box-medium-border-width)", "type": "enum", "enum": "line.width" }, { "component": "tag", "name": "--tag-medium-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/medium", "semantic": "圆角", "originVal": "var(--box-medium-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tag", "name": "--tag-medium-padding", "value": "var(--box-medium-padding-ver) var(--box-medium-padding-hoz)", "desc": "padding", "namespace": "size/medium", "semantic": "填充", "originVal": "var(--box-medium-padding)", "type": "complex", "ref": [ "--box-medium-padding-ver", "--box-medium-padding-hoz" ] }, { "component": "tag", "name": "--tag-medium-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "size/medium", "semantic": "内部元素间隙", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "tag", "name": "--tag-large-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "size/large", "semantic": "边框宽度", "originVal": "var(--box-large-border-width)", "type": "enum", "enum": "line.width" }, { "component": "tag", "name": "--tag-large-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "size/large", "semantic": "圆角", "originVal": "var(--box-large-border-radius)", "type": "enum", "enum": "corner" }, { "component": "tag", "name": "--tag-large-padding", "value": "var(--box-large-padding-ver) var(--box-large-padding-hoz)", "desc": "padding", "namespace": "size/large", "semantic": "填充", "originVal": "var(--box-large-padding)", "type": "complex", "ref": [ "--box-large-padding-ver", "--box-large-padding-hoz" ] }, { "component": "tag", "name": "--tag-large-spacing", "value": "var(--s-3)", "desc": "spacing", "namespace": "size/large", "semantic": "内部元素间隙", "originVal": "var(--box-large-spacing)", "type": "enum", "enum": "size" }, { "component": "tag", "name": "--tag-normal-solid-border-color", "value": "var(--color-transparent)", "desc": "border-color", "namespace": "state/solid/solid", "semantic": "边框颜色", "originVal": "var(--box-normal-solid-border-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-border-color-active", "value": "var(--color-transparent)", "desc": "border-color-active", "namespace": "state/normal/solid", "semantic": "边框颜色激活", "originVal": "var(--box-normal-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-border-color-disabled", "value": "var(--color-transparent)", "desc": "border-color-disabled", "namespace": "state/normal/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-solid-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-border-color-selected", "value": "var(--color-transparent)", "desc": "border-color-active", "namespace": "state/normal/solid", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-solid-border-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-border-color-selected-disabled", "value": "var(-box-normal-solid-border-color-disabled)", "desc": "border-color-selected-disabled", "namespace": "state/normal/solid", "semantic": "边框颜色选中禁用", "type": "string" }, { "component": "tag", "name": "--tag-normal-solid-background-color", "value": "var(--color-fill1-2)", "desc": "bg-color", "namespace": "state/normal/solid", "semantic": "背景颜色", "originVal": "var(--box-normal-solid-background-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-background-color-active", "value": "var(--color-fill1-4)", "desc": "bg-color-active", "namespace": "state/normal/solid", "semantic": "背景颜色激活", "originVal": "var(--box-normal-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-background-color-disabled", "value": "var(--color-line1-1)", "desc": "bg-color-disabled", "namespace": "state/normal/solid", "semantic": "背景颜色禁用", "originVal": "var(--box-normal-solid-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-background-color-selected", "value": "var(--color-fill1-4)", "desc": "background-color-selected", "namespace": "state/normal/solid", "semantic": "背景颜色禁用选中", "originVal": "var(--box-normal-solid-background-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-background-color-selected-disabled", "value": "var(--color-line1-1)", "desc": "background-color-selected-disabled", "namespace": "state/normal/solid", "semantic": "背景颜色禁用选中", "originVal": "var(\n --box-normal-solid-background-color-disabled\n )", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-font-color", "value": "var(--color-text1-4)", "desc": "font-color", "namespace": "state/normal/solid", "semantic": "字体颜色", "originVal": "var(--box-normal-solid-font-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-font-color-active", "value": "var(--color-text1-2)", "desc": "font-color-active", "namespace": "state/normal/solid", "semantic": "字体颜色激活", "originVal": "var(--box-normal-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-font-color-disabled", "value": "var(--color-text1-1)", "desc": "font-color-disabled", "namespace": "state/normal/solid", "semantic": "字体颜色禁用", "originVal": "var(--box-normal-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-font-color-selected", "value": "var(--color-text1-2)", "desc": "font-color-select", "namespace": "state/normal/solid", "semantic": "选中字体颜色", "originVal": "var(--box-normal-solid-font-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-font-color-selected-disabled", "value": "var(--color-text1-1)", "desc": "font-color-selected-disabled", "namespace": "state/normal/solid", "semantic": "选中字体颜色禁用", "originVal": "var(--box-normal-solid-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-icon-background-color", "value": "var(--color-text1-4)", "desc": "icon-background-color", "namespace": "state/normal/solid", "semantic": "选中背景颜色", "originVal": "var(--box-normal-solid-icon-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-solid-icon-background-color-selected-disabled", "value": "var(--color-text1-1)", "desc": "icon-background-color-selected-disabled", "namespace": "state/normal/solid", "semantic": "icon背景颜色禁用选中", "originVal": "var(\n --box-normal-solid-icon-color-disabled\n )", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "namespace": "state/outline/outline", "semantic": "边框颜色", "originVal": "var(--box-normal-outline-border-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-border-color-active", "value": "var(--color-line1-2)", "desc": "border-color-active", "namespace": "state/normal/outline", "semantic": "边框颜色激活", "originVal": "var(--box-normal-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-border-color-disabled", "value": "var(--color-line1-1)", "desc": "border-color-disabled", "namespace": "state/normal/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-outline-border-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-border-color-selected", "value": "var(--color-line1-2)", "desc": "border-color-active", "namespace": "state/normal/outline", "semantic": "边框颜色禁用", "originVal": "var(--box-normal-outline-border-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-border-color-selected-disabled", "value": "var(-box-normal-outline-border-color-disabled)", "desc": "border-color-selected-disabled", "namespace": "state/normal/outline", "semantic": "边框颜色选中禁用", "type": "string" }, { "component": "tag", "name": "--tag-normal-outline-background-color", "value": "var(--color-transparent)", "desc": "bg-color", "namespace": "state/normal/outline", "semantic": "背景颜色", "originVal": "var(--box-normal-outline-background-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-background-color-active", "value": "var(--color-transparent)", "desc": "bg-color-active", "namespace": "state/normal/outline", "semantic": "背景颜色激活", "originVal": "var(--box-normal-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-background-color-disabled", "value": "var(--color-transparent)", "desc": "bg-color-disabled", "namespace": "state/normal/outline", "semantic": "背景颜色禁用", "originVal": "var(--box-normal-outline-background-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-background-color-selected", "value": "var(--color-transparent)", "desc": "background-color-selected", "namespace": "state/normal/outline", "semantic": "背景颜色禁用选中", "originVal": "var(--box-normal-outline-background-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-background-color-selected-disabled", "value": "var(--color-transparent)", "desc": "background-color-selected-disabled", "namespace": "state/normal/outline", "semantic": "背景颜色禁用选中", "originVal": "var(\n --box-normal-outline-background-color-disabled\n )", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-font-color", "value": "var(--color-text1-4)", "desc": "font-color", "namespace": "state/normal/outline", "semantic": "字体颜色", "originVal": "var(--box-normal-outline-font-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-font-color-active", "value": "var(--color-text1-2)", "desc": "font-color-active", "namespace": "state/normal/outline", "semantic": "字体颜色激活", "originVal": "var(--box-normal-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-font-color-disabled", "value": "var(--color-text1-1)", "desc": "font-color-disabled", "namespace": "state/normal/outline", "semantic": "字体颜色禁用", "originVal": "var(--box-normal-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-font-color-selected", "value": "var(--color-text1-2)", "desc": "font-color-select", "namespace": "state/normal/outline", "semantic": "选中字体颜色", "originVal": "var(--box-normal-outline-font-color-active)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-font-color-selected-disabled", "value": "var(--color-text1-1)", "desc": "font-color-selected-disabled", "namespace": "state/normal/outline", "semantic": "选中字体颜色禁用", "originVal": "var(--box-normal-outline-font-color-disabled)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-icon-background-color", "value": "var(--color-text1-4)", "desc": "icon-background-color", "namespace": "state/normal/outline", "semantic": "选中背景颜色", "originVal": "var(--box-normal-outline-icon-color)", "type": "enum", "enum": "color" }, { "component": "tag", "name": "--tag-normal-outline-icon-background-color-selected-disabled", "value": "var(--color-text1-1)", "desc": "icon-background-color-selected-disabled", "namespace": "state/normal/outline", "semantic": "icon背景颜色禁用选中", "originVal": "var(\n --box-normal-outline-icon-color-disabled\n )", "type": "enum", "enum": "color" } ] }, "transfer": { "family": "data-entry", "chinese": "穿梭框", "display": "Transfer", "variables": [ { "component": "transfer", "name": "--transfer-padding", "value": "20rpx", "desc": "padding", "namespace": "base/padding", "semantic": "内边距", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-tab-icon-z-index", "value": "var(--elevation-1)", "desc": "padding", "namespace": "base/padding", "semantic": "层级", "enum": "elevation", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-height", "value": "var(--s-6)", "desc": "padding", "namespace": "base/padding", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-width", "value": "var(--s-6)", "desc": "padding", "namespace": "base/padding", "semantic": "宽度", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-border-width", "value": "var(--line-1)", "desc": "padding", "namespace": "base/padding", "semantic": "边框宽度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-border-style", "value": "var(--line-solid)", "desc": "padding", "namespace": "base/padding", "semantic": "边框样式", "enum": "line.style", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-border-color", "value": "var(--color-line1-4)", "desc": "padding", "namespace": "base/padding", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-corner", "value": "var(--s-5)", "desc": "border-radius", "namespace": "base/corner", "semantic": "圆角", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-background-color", "value": "var(--color-white)", "desc": "background", "namespace": "base/background", "semantic": "背景", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-icon-next-icon-font-size", "value": "28rpx", "desc": "padding", "namespace": "base/padding", "semantic": "字体", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-tab-icon-next-icon-color", "value": "var(--color-text1-2)", "desc": "color", "namespace": "base/color", "semantic": "颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-height", "value": "var(--s-9)", "desc": "height", "namespace": "base/height", "semantic": "高度", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-line-height", "value": "var(--s-9)", "desc": "line-height", "namespace": "base/line-height", "semantic": "行高", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-font-size", "value": "var(--s-4)", "desc": "font-size", "namespace": "base/font-size", "semantic": "字体", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "base/color", "semantic": "颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "base/border-width", "semantic": "边框宽度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "namespace": "base/border-color", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item-corner", "value": "10rpx", "desc": "border-radius", "namespace": "base/corner", "semantic": "边框圆角", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-tab-item--selected-color", "value": "var(--color-brand-3)", "desc": "selected-color", "namespace": "base/selected-color", "semantic": "选中颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-item--selected-border-color", "value": "var(--color-brand-3)", "desc": "border-color", "namespace": "base/border-color", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-after-top", "value": "var(--s-zero)", "desc": "top", "namespace": "base/top", "semantic": "距离顶部", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-after-width", "value": "var(--line-1)", "desc": "width", "namespace": "base/width", "semantic": "宽度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-tab-after-background-color", "value": "var(--color-brand-3)", "desc": "background-color", "namespace": "base/background-color", "semantic": "背景色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-list-border-color", "value": "var(--color-line1-4)", "desc": "border-color", "namespace": "base/border-color", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-list-border-style", "value": "var(--line-solid)", "desc": "border-style", "namespace": "base/border-style", "semantic": "边框样式", "enum": "line.style", "type": "enum" }, { "component": "transfer", "name": "--transfer-list-border-width", "value": "var(--line-1)", "desc": "border-width", "namespace": "base/border-width", "semantic": "边框宽度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-list-corner", "value": "10rpx", "desc": "border-radius", "namespace": "base/corner", "semantic": "边框圆角", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-list-padding-left", "value": "20rpx", "desc": "padding-left", "namespace": "base/padding-left", "semantic": "距离左侧", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-list-margin-top", "value": "var(--s-5)", "desc": "margin-top", "namespace": "base/margin-top", "semantic": "距离顶部", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-list-scroll-height", "value": "60vh", "desc": "height", "namespace": "base/height", "semantic": "高度", "type": "number", "unit": "vh" }, { "component": "transfer", "name": "--transfer-list--selected-padding-bottom", "value": "112rpx", "desc": "bottom", "namespace": "base/bottom", "semantic": "距离底部", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-list--selected-height", "value": "112rpx", "desc": "height", "namespace": "base/height", "semantic": "高度", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-list-padding-right", "value": "var(--s-zero)", "desc": "right", "namespace": "base/right", "semantic": "距离右侧", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-list--selected-border-bottom-color", "value": "var(--color-line1-4)", "desc": "bottom-color", "namespace": "base/bottom-color", "semantic": "边框颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-list--selected-border-bottom-style", "value": "var(--line-solid)", "desc": "bottom-style", "namespace": "base/bottom-style", "semantic": "边框样式", "enum": "line.style", "type": "enum" }, { "component": "transfer", "name": "--transfer-list--selected-border-bottom-width", "value": "var(--line-1)", "desc": "bottom-width", "namespace": "base/bottom-width", "semantic": "边框宽度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-left", "value": "var(--s-zero)", "desc": "left", "namespace": "base/left", "semantic": "距离左侧", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-bottom", "value": "var(--s-zero)", "desc": "bottom", "namespace": "base/bottom", "semantic": "距离底部", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-background-color", "value": "var(--color-white)", "desc": "background-color", "namespace": "base/background-color", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-height", "value": "114rpx", "desc": "height", "namespace": "base/height", "semantic": "高度", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-select-tip-padding-left", "value": "20rpx", "desc": "padding-left", "namespace": "base/padding-left", "semantic": "距离左侧", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-select-tip-z-index", "value": "var(--elevation-1)", "desc": "z-index", "namespace": "base/z-index", "semantic": "层级", "enum": "elevation", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-after-height", "value": "var(--line-1)", "desc": "height", "namespace": "base/height", "semantic": "高度", "enum": "line.width", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-after-background", "value": "var(--color-line1-4)", "desc": "background", "namespace": "base/background", "semantic": "背景色", "enum": "color", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-after-left", "value": "var(--s-zero)", "desc": "left", "namespace": "base/left", "semantic": "距离左侧", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-select-tip-after-right", "value": "20rpx", "desc": "right", "namespace": "base/right", "semantic": "距离右侧", "type": "number", "unit": "rpx" }, { "component": "transfer", "name": "--transfer-select-tip-after-top", "value": "var(--s-zero)", "desc": "top", "namespace": "base/top", "semantic": "具体顶部", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-button-margin-top", "value": "var(--s-5)", "desc": "margin-top", "namespace": "base/margin-top", "semantic": "距离顶部", "enum": "size", "type": "enum" }, { "component": "transfer", "name": "--transfer-empty-content-margin-top", "value": "112rpx", "desc": "margin-top", "namespace": "base/margin-top", "semantic": "距离顶部", "type": "number", "unit": "rpx" } ] }, "typography": { "family": "data-display", "chinese": "排版", "display": "Typography", "variables": [ { "component": "typography", "name": "--typography-mark-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "state/mark", "semantic": "颜色", "enum": "color", "type": "enum" }, { "component": "typography", "name": "--typography-mark-background-color", "value": "var(--color-warning-2)", "desc": "bg-color", "namespace": "state/mark", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "typography", "name": "--typography-code-corner", "value": "var(--corner-1)", "desc": "corner", "namespace": "state/code", "semantic": "圆角尺寸", "enum": "corner", "type": "enum" }, { "component": "typography", "name": "--typography-code-color", "value": "var(--color-text1-4)", "desc": "color", "namespace": "state/code", "semantic": "字体颜色", "enum": "color", "type": "enum" }, { "component": "typography", "name": "--typography-code-background-color", "value": "var(--color-fill1-2)", "desc": "bg-color", "namespace": "state/code", "semantic": "背景颜色", "enum": "color", "type": "enum" }, { "component": "typography", "name": "--typography-code-border-color", "value": "var(--color-line1-1)", "desc": "border-color", "namespace": "state/code", "semantic": "边框颜色", "enum": "color", "type": "enum" } ] }, "upload": { "family": "data-entry", "chinese": "上传", "display": "Upload", "variables": [ { "component": "upload", "name": "--upload-card-size", "value": "var(--s-20)", "desc": "size", "namespace": "card/size", "semantic": "卡片大小", "enum": "size", "type": "enum" }, { "component": "upload", "name": "--upload-card-icon-size", "value": "var(--p-headline-icon-size)", "desc": "icon-size", "namespace": "card/size", "semantic": "图标大小", "enum": "p.icon-size", "type": "enum" }, { "component": "upload", "name": "--upload-card-font-size", "value": "var(--p-caption-font-size)", "desc": "font-size", "namespace": "card/size", "semantic": "文字大小", "enum": "p.font-size", "type": "enum" }, { "component": "upload", "name": "--upload-card-small-icon-size", "value": "var(--p-subhead-icon-size)", "desc": "small-icon-size", "namespace": "card/size", "semantic": "小图标大小", "enum": "p.icon-size", "type": "enum" }, { "component": "upload", "name": "--upload-card-spacing", "value": "var(--s-2)", "desc": "spacing", "namespace": "card/size", "semantic": "内容间距", "originVal": "var(--box-medium-spacing)", "type": "enum", "enum": "size" }, { "component": "upload", "name": "--upload-card-remove-size", "value": "var(--s-4)", "desc": "remove-size", "namespace": "card/size", "semantic": "删除按钮大小", "enum": "size", "type": "enum" }, { "component": "upload", "name": "--upload-card-remove-icon-size", "value": "var(--p-body-1-icon-size)", "desc": "remove-icon-size", "namespace": "card/size", "semantic": "删除按钮图标大小", "enum": "p.icon-size", "type": "enum" }, { "component": "upload", "name": "--upload-card-color", "value": "var(--color-text1-1)", "desc": "color", "namespace": "card/color", "semantic": "默认颜色", "enum": "color", "type": "enum" }, { "component": "upload", "name": "--upload-card-error-color", "value": "var(--color-error-3)", "desc": "error-color", "namespace": "card/color", "semantic": "错误颜色", "enum": "color", "type": "enum" }, { "component": "upload", "name": "--upload-card-error-bg", "value": "var(--color-error-1)", "desc": "size", "namespace": "card/color", "semantic": "错误颜色", "enum": "color", "type": "enum" } ] } } } }