feat(widget.js): 扩展opts_set_style支持更多CSS属性
新增支持的样式属性: - borderRadius, borderTopLeftRadius等圆角属性 - border, borderColor, borderWidth, borderStyle等边框属性 - padding方向细分: paddingLeft/Right/Top/Bottom - flex布局: flexGrow, flex, flexBasis, flexDirection, flexWrap, alignItems, justifyContent, gap, order - 视觉效果: opacity, boxShadow, textShadow, transition, transform - 文本: textDecoration, textTransform, whiteSpace, wordBreak - 其他: pointerEvents, userSelect, objectFit, outline, boxSizing 注意: fontSize/fontWeight不加入keys,保留charsize响应式缩放机制
This commit is contained in:
parent
e448d242d7
commit
05f869af18
@ -120,12 +120,18 @@ bricks.JsWidget = class {
|
|||||||
"marginTop",
|
"marginTop",
|
||||||
"marginBottom",
|
"marginBottom",
|
||||||
"padding",
|
"padding",
|
||||||
|
"paddingLeft",
|
||||||
|
"paddingRight",
|
||||||
|
"paddingTop",
|
||||||
|
"paddingBottom",
|
||||||
"align",
|
"align",
|
||||||
"textAlign",
|
"textAlign",
|
||||||
"overflowY",
|
"overflowY",
|
||||||
"overflowX",
|
"overflowX",
|
||||||
"overflow",
|
"overflow",
|
||||||
"flexShrink",
|
"flexShrink",
|
||||||
|
"flexGrow",
|
||||||
|
"flex",
|
||||||
"minWidth",
|
"minWidth",
|
||||||
"maxWidth",
|
"maxWidth",
|
||||||
"minHeight",
|
"minHeight",
|
||||||
@ -137,7 +143,46 @@ bricks.JsWidget = class {
|
|||||||
"zIndex",
|
"zIndex",
|
||||||
"overflowX",
|
"overflowX",
|
||||||
"overflowY",
|
"overflowY",
|
||||||
"color"
|
"color",
|
||||||
|
"borderRadius",
|
||||||
|
"borderTopLeftRadius",
|
||||||
|
"borderTopRightRadius",
|
||||||
|
"borderBottomLeftRadius",
|
||||||
|
"borderBottomRightRadius",
|
||||||
|
"border",
|
||||||
|
"borderTop",
|
||||||
|
"borderBottom",
|
||||||
|
"borderLeft",
|
||||||
|
"borderRight",
|
||||||
|
"borderColor",
|
||||||
|
"borderWidth",
|
||||||
|
"borderStyle",
|
||||||
|
"opacity",
|
||||||
|
"boxShadow",
|
||||||
|
"textShadow",
|
||||||
|
"textDecoration",
|
||||||
|
"textTransform",
|
||||||
|
"whiteSpace",
|
||||||
|
"wordBreak",
|
||||||
|
"wordWrap",
|
||||||
|
"overflowWrap",
|
||||||
|
"gap",
|
||||||
|
"alignItems",
|
||||||
|
"alignSelf",
|
||||||
|
"justifyContent",
|
||||||
|
"flexDirection",
|
||||||
|
"flexWrap",
|
||||||
|
"flexBasis",
|
||||||
|
"order",
|
||||||
|
"transition",
|
||||||
|
"transform",
|
||||||
|
"pointerEvents",
|
||||||
|
"userSelect",
|
||||||
|
"listStyle",
|
||||||
|
"objectFit",
|
||||||
|
"objectPosition",
|
||||||
|
"outline",
|
||||||
|
"boxSizing"
|
||||||
];
|
];
|
||||||
var mapping_keys = {
|
var mapping_keys = {
|
||||||
"bgcolor":"backgroundColor"
|
"bgcolor":"backgroundColor"
|
||||||
|
|||||||
47
dist/bricks.js
vendored
47
dist/bricks.js
vendored
@ -1272,12 +1272,18 @@ bricks.JsWidget = class {
|
|||||||
"marginTop",
|
"marginTop",
|
||||||
"marginBottom",
|
"marginBottom",
|
||||||
"padding",
|
"padding",
|
||||||
|
"paddingLeft",
|
||||||
|
"paddingRight",
|
||||||
|
"paddingTop",
|
||||||
|
"paddingBottom",
|
||||||
"align",
|
"align",
|
||||||
"textAlign",
|
"textAlign",
|
||||||
"overflowY",
|
"overflowY",
|
||||||
"overflowX",
|
"overflowX",
|
||||||
"overflow",
|
"overflow",
|
||||||
"flexShrink",
|
"flexShrink",
|
||||||
|
"flexGrow",
|
||||||
|
"flex",
|
||||||
"minWidth",
|
"minWidth",
|
||||||
"maxWidth",
|
"maxWidth",
|
||||||
"minHeight",
|
"minHeight",
|
||||||
@ -1289,7 +1295,46 @@ bricks.JsWidget = class {
|
|||||||
"zIndex",
|
"zIndex",
|
||||||
"overflowX",
|
"overflowX",
|
||||||
"overflowY",
|
"overflowY",
|
||||||
"color"
|
"color",
|
||||||
|
"borderRadius",
|
||||||
|
"borderTopLeftRadius",
|
||||||
|
"borderTopRightRadius",
|
||||||
|
"borderBottomLeftRadius",
|
||||||
|
"borderBottomRightRadius",
|
||||||
|
"border",
|
||||||
|
"borderTop",
|
||||||
|
"borderBottom",
|
||||||
|
"borderLeft",
|
||||||
|
"borderRight",
|
||||||
|
"borderColor",
|
||||||
|
"borderWidth",
|
||||||
|
"borderStyle",
|
||||||
|
"opacity",
|
||||||
|
"boxShadow",
|
||||||
|
"textShadow",
|
||||||
|
"textDecoration",
|
||||||
|
"textTransform",
|
||||||
|
"whiteSpace",
|
||||||
|
"wordBreak",
|
||||||
|
"wordWrap",
|
||||||
|
"overflowWrap",
|
||||||
|
"gap",
|
||||||
|
"alignItems",
|
||||||
|
"alignSelf",
|
||||||
|
"justifyContent",
|
||||||
|
"flexDirection",
|
||||||
|
"flexWrap",
|
||||||
|
"flexBasis",
|
||||||
|
"order",
|
||||||
|
"transition",
|
||||||
|
"transform",
|
||||||
|
"pointerEvents",
|
||||||
|
"userSelect",
|
||||||
|
"listStyle",
|
||||||
|
"objectFit",
|
||||||
|
"objectPosition",
|
||||||
|
"outline",
|
||||||
|
"boxSizing"
|
||||||
];
|
];
|
||||||
var mapping_keys = {
|
var mapping_keys = {
|
||||||
"bgcolor":"backgroundColor"
|
"bgcolor":"backgroundColor"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user