UNPKG

@antv/f6-ui

Version:

UI system for @antv/f6

282 lines (265 loc) 10.1 kB
import { __spreadArray } from "tslib"; export function typeParser(value) { if (/^[-\+\.\d]+$/.test(value)) { return Number(value); } if (/true|false/.test(value)) { return Boolean(value); } if (/^\s*\[/.test(value)) { try { return JSON.parse(value); } catch (e) { throw new Error("\u89E3\u6790\u6570\u7EC4" + value + "\u5931\u8D25"); } } if (/^\s*\{/.test(value)) { try { return JSON.parse(value); } catch (e) { throw new Error("\u89E3\u6790\u5BF9\u8C61" + value + "\u5931\u8D25"); } } return value; } var colors; (function (colors) { colors[colors["aliceblue"] = 0] = "aliceblue"; colors[colors["antiquewhite"] = 1] = "antiquewhite"; colors[colors["aqua"] = 2] = "aqua"; colors[colors["aquamarine"] = 3] = "aquamarine"; colors[colors["azure"] = 4] = "azure"; colors[colors["beige"] = 5] = "beige"; colors[colors["bisque"] = 6] = "bisque"; colors[colors["black"] = 7] = "black"; colors[colors["blanchedalmond"] = 8] = "blanchedalmond"; colors[colors["blue"] = 9] = "blue"; colors[colors["blueviolet"] = 10] = "blueviolet"; colors[colors["brown"] = 11] = "brown"; colors[colors["burlywood"] = 12] = "burlywood"; colors[colors["cadetblue"] = 13] = "cadetblue"; colors[colors["chartreuse"] = 14] = "chartreuse"; colors[colors["chocolate"] = 15] = "chocolate"; colors[colors["coral"] = 16] = "coral"; colors[colors["cornflowerblue"] = 17] = "cornflowerblue"; colors[colors["cornsilk"] = 18] = "cornsilk"; colors[colors["crimson"] = 19] = "crimson"; colors[colors["cyan"] = 20] = "cyan"; colors[colors["darkblue"] = 21] = "darkblue"; colors[colors["darkcyan"] = 22] = "darkcyan"; colors[colors["darkgoldenrod"] = 23] = "darkgoldenrod"; colors[colors["darkgray"] = 24] = "darkgray"; colors[colors["darkgreen"] = 25] = "darkgreen"; colors[colors["darkgrey"] = 26] = "darkgrey"; colors[colors["darkkhaki"] = 27] = "darkkhaki"; colors[colors["darkmagenta"] = 28] = "darkmagenta"; colors[colors["darkolivegreen"] = 29] = "darkolivegreen"; colors[colors["darkorange"] = 30] = "darkorange"; colors[colors["darkorchid"] = 31] = "darkorchid"; colors[colors["darkred"] = 32] = "darkred"; colors[colors["darksalmon"] = 33] = "darksalmon"; colors[colors["darkseagreen"] = 34] = "darkseagreen"; colors[colors["darkslateblue"] = 35] = "darkslateblue"; colors[colors["darkslategray"] = 36] = "darkslategray"; colors[colors["darkslategrey"] = 37] = "darkslategrey"; colors[colors["darkturquoise"] = 38] = "darkturquoise"; colors[colors["darkviolet"] = 39] = "darkviolet"; colors[colors["deeppink"] = 40] = "deeppink"; colors[colors["deepskyblue"] = 41] = "deepskyblue"; colors[colors["dimgray"] = 42] = "dimgray"; colors[colors["dimgrey"] = 43] = "dimgrey"; colors[colors["dodgerblue"] = 44] = "dodgerblue"; colors[colors["firebrick"] = 45] = "firebrick"; colors[colors["floralwhite"] = 46] = "floralwhite"; colors[colors["forestgreen"] = 47] = "forestgreen"; colors[colors["fuchsia"] = 48] = "fuchsia"; colors[colors["gainsboro"] = 49] = "gainsboro"; colors[colors["ghostwhite"] = 50] = "ghostwhite"; colors[colors["gold"] = 51] = "gold"; colors[colors["goldenrod"] = 52] = "goldenrod"; colors[colors["gray"] = 53] = "gray"; colors[colors["green"] = 54] = "green"; colors[colors["greenyellow"] = 55] = "greenyellow"; colors[colors["grey"] = 56] = "grey"; colors[colors["honeydew"] = 57] = "honeydew"; colors[colors["hotpink"] = 58] = "hotpink"; colors[colors["indianred"] = 59] = "indianred"; colors[colors["indigo"] = 60] = "indigo"; colors[colors["ivory"] = 61] = "ivory"; colors[colors["khaki"] = 62] = "khaki"; colors[colors["lavender"] = 63] = "lavender"; colors[colors["lavenderblush"] = 64] = "lavenderblush"; colors[colors["lawngreen"] = 65] = "lawngreen"; colors[colors["lemonchiffon"] = 66] = "lemonchiffon"; colors[colors["lightblue"] = 67] = "lightblue"; colors[colors["lightcoral"] = 68] = "lightcoral"; colors[colors["lightcyan"] = 69] = "lightcyan"; colors[colors["lightgoldenrodyellow"] = 70] = "lightgoldenrodyellow"; colors[colors["lightgray"] = 71] = "lightgray"; colors[colors["lightgreen"] = 72] = "lightgreen"; colors[colors["lightgrey"] = 73] = "lightgrey"; colors[colors["lightpink"] = 74] = "lightpink"; colors[colors["lightsalmon"] = 75] = "lightsalmon"; colors[colors["lightseagreen"] = 76] = "lightseagreen"; colors[colors["lightskyblue"] = 77] = "lightskyblue"; colors[colors["lightslategray"] = 78] = "lightslategray"; colors[colors["lightslategrey"] = 79] = "lightslategrey"; colors[colors["lightsteelblue"] = 80] = "lightsteelblue"; colors[colors["lightyellow"] = 81] = "lightyellow"; colors[colors["lime"] = 82] = "lime"; colors[colors["limegreen"] = 83] = "limegreen"; colors[colors["linen"] = 84] = "linen"; colors[colors["magenta"] = 85] = "magenta"; colors[colors["maroon"] = 86] = "maroon"; colors[colors["mediumaquamarine"] = 87] = "mediumaquamarine"; colors[colors["mediumblue"] = 88] = "mediumblue"; colors[colors["mediumorchid"] = 89] = "mediumorchid"; colors[colors["mediumpurple"] = 90] = "mediumpurple"; colors[colors["mediumseagreen"] = 91] = "mediumseagreen"; colors[colors["mediumslateblue"] = 92] = "mediumslateblue"; colors[colors["mediumspringgreen"] = 93] = "mediumspringgreen"; colors[colors["mediumturquoise"] = 94] = "mediumturquoise"; colors[colors["mediumvioletred"] = 95] = "mediumvioletred"; colors[colors["midnightblue"] = 96] = "midnightblue"; colors[colors["mintcream"] = 97] = "mintcream"; colors[colors["mistyrose"] = 98] = "mistyrose"; colors[colors["moccasin"] = 99] = "moccasin"; colors[colors["navajowhite"] = 100] = "navajowhite"; colors[colors["navy"] = 101] = "navy"; colors[colors["oldlace"] = 102] = "oldlace"; colors[colors["olive"] = 103] = "olive"; colors[colors["olivedrab"] = 104] = "olivedrab"; colors[colors["orange"] = 105] = "orange"; colors[colors["orangered"] = 106] = "orangered"; colors[colors["orchid"] = 107] = "orchid"; colors[colors["palegoldenrod"] = 108] = "palegoldenrod"; colors[colors["palegreen"] = 109] = "palegreen"; colors[colors["paleturquoise"] = 110] = "paleturquoise"; colors[colors["palevioletred"] = 111] = "palevioletred"; colors[colors["papayawhip"] = 112] = "papayawhip"; colors[colors["peachpuff"] = 113] = "peachpuff"; colors[colors["peru"] = 114] = "peru"; colors[colors["pink"] = 115] = "pink"; colors[colors["plum"] = 116] = "plum"; colors[colors["powderblue"] = 117] = "powderblue"; colors[colors["purple"] = 118] = "purple"; colors[colors["red"] = 119] = "red"; colors[colors["rosybrown"] = 120] = "rosybrown"; colors[colors["royalblue"] = 121] = "royalblue"; colors[colors["saddlebrown"] = 122] = "saddlebrown"; colors[colors["salmon"] = 123] = "salmon"; colors[colors["sandybrown"] = 124] = "sandybrown"; colors[colors["seagreen"] = 125] = "seagreen"; colors[colors["seashell"] = 126] = "seashell"; colors[colors["sienna"] = 127] = "sienna"; colors[colors["silver"] = 128] = "silver"; colors[colors["skyblue"] = 129] = "skyblue"; colors[colors["slateblue"] = 130] = "slateblue"; colors[colors["slategray"] = 131] = "slategray"; colors[colors["slategrey"] = 132] = "slategrey"; colors[colors["snow"] = 133] = "snow"; colors[colors["springgreen"] = 134] = "springgreen"; colors[colors["steelblue"] = 135] = "steelblue"; colors[colors["tan"] = 136] = "tan"; colors[colors["teal"] = 137] = "teal"; colors[colors["thistle"] = 138] = "thistle"; colors[colors["tomato"] = 139] = "tomato"; colors[colors["turquoise"] = 140] = "turquoise"; colors[colors["violet"] = 141] = "violet"; colors[colors["wheat"] = 142] = "wheat"; colors[colors["white"] = 143] = "white"; colors[colors["whitesmoke"] = 144] = "whitesmoke"; colors[colors["yellow"] = 145] = "yellow"; colors[colors["yellowgreen"] = 146] = "yellowgreen"; })(colors || (colors = {})); export function isColor(value) { return colors[value] || value.startsWith('rgb(') || value.startsWith('rgba(') || value.startsWith('#') && !isNaN(Number("0x" + value.slice(1))); } export function walkDomSelector(dom, fn) { if (!dom || !fn) return; if (dom.attrs.id) { fn('id', dom.attrs.id); } if (dom.attrs.class) { selectorToArr(dom.attrs.class, /\s+/g).forEach(function (className) { return fn('class', className); }); } fn('tagName', dom.tagName); } export function selectorToArr(selector, rex) { if (!rex) return [selector]; return selector.split(rex).filter(function (s) { return s != ''; }); } export function isSelectorMatchDom(dom, selector) { if (!dom || !selector) { return false; } var tags = selector.match(/(^[^\.#]+)/g); var ids = selector.match(/#[^\.#]+/g); var classes = selector.match(/\.[^\.#]+/g); var parts = __spreadArray(__spreadArray(__spreadArray([], tags || []), ids || []), classes || []); var domSels = {}; walkDomSelector(dom, function (key, sel) { switch (key) { case 'id': domSels["#" + sel] = 1; break; case 'class': domSels["." + sel] = 1; break; case 'tagName': domSels["" + sel] = 1; break; } }); for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) { var part = parts_1[_i]; // 对比dom的id/class等是否和selector匹配上的 if (!domSels[part]) return false; } return true; } export var reflowAttrs = { position: 1, display: 1, width: 1, height: 1, minWidth: 1, minHeight: 1, top: 1, left: 1, right: 1, bottom: 1, flex: 1, margin: 1, marginLeft: 1, marginRight: 1, marginTop: 1, marginBottom: 1, padding: 1, paddingLeft: 1, paddingRight: 1, paddingTop: 1, paddingBottom: 1, borderWidth: 1, borderLeftWidth: 1, borderRightWidth: 1, borderTopWidth: 1, borderBottomWidth: 1, flexDirection: 1, justifyContent: 1, alignItems: 1, alignSelf: 1, flexWrap: 1 }; export var layoutAttrs = { left: 1, top: 1, right: 1, bottom: 1, width: 1, height: 1, direction: 1 };