@xanui/core 1.2.15 → 1.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/getProps.js +13 -13
- package/css/getProps.js.map +1 -1
- package/css/getProps.mjs +13 -13
- package/css/getProps.mjs.map +1 -1
- package/package.json +1 -1
package/css/getProps.js
CHANGED
|
@@ -43,17 +43,17 @@
|
|
|
43
43
|
},
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
|
-
if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
46
|
+
// if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop as any)) {
|
|
47
|
+
// const keys: any = Object.keys(_css)
|
|
48
|
+
// let p: any = {
|
|
49
|
+
// [`${prop}Width`]: value + 'px' + (important || ""),
|
|
50
|
+
// }
|
|
51
|
+
// // if (!keys.includes(`${prop}Color`)) {
|
|
52
|
+
// // p[`${prop}Color`] = "divider.primary"
|
|
53
|
+
// // }
|
|
54
|
+
// if (!keys.includes(`${prop}Style`)) {
|
|
55
|
+
// p[`${prop}Style`] = "solid"
|
|
56
|
+
// }
|
|
57
|
+
// return p
|
|
58
|
+
// }
|
|
59
59
|
};exports.default=getProps;//# sourceMappingURL=getProps.js.map
|
package/css/getProps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n let important;\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (prop === 'disabled') {\n if ((value as any) === true) {\n let c: any = {\n pointerEvents: \"none!important\",\n cursor: \"default!important\",\n userSelect: \"none!important\",\n opacity: \"0.5!important\",\n color: `text.primary!important`,\n borderColor: `divider.secondary!important`,\n }\n\n if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n c.bgcolor = `divider.primary!important`\n }\n return c\n }\n return {}\n }\n\n\n if (prop === \"spacing\" && typeof value === \"number\") {\n const val = value * 8;\n const isFlex =\n (_css as any)?.flexBox ||\n (_css as any)?.flexRow ||\n (_css as any)?.flexColumn ||\n (_css as any)?.display === \"flex\";\n\n if (isFlex) {\n const isColumn = (_css as any)?.flexColumn === true;\n\n return {\n ...(isColumn\n ? { marginTop: `-${val}px${important || \"\"}` }\n : { marginLeft: `-${val}px${important || \"\"}` }),\n\n \"& > *\": isColumn\n ? { marginTop: `${val}px${important || \"\"}` }\n : { marginLeft: `${val}px${important || \"\"}` },\n } as any;\n }\n\n // non-flex fallback (safe & predictable)\n return {\n \"& > * + *\": {\n marginTop: `${val}px${important || \"\"}`,\n },\n } as any;\n }\n\n\n if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n
|
|
1
|
+
{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n let important;\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (prop === 'disabled') {\n if ((value as any) === true) {\n let c: any = {\n pointerEvents: \"none!important\",\n cursor: \"default!important\",\n userSelect: \"none!important\",\n opacity: \"0.5!important\",\n color: `text.primary!important`,\n borderColor: `divider.secondary!important`,\n }\n\n if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n c.bgcolor = `divider.primary!important`\n }\n return c\n }\n return {}\n }\n\n\n if (prop === \"spacing\" && typeof value === \"number\") {\n const val = value * 8;\n const isFlex =\n (_css as any)?.flexBox ||\n (_css as any)?.flexRow ||\n (_css as any)?.flexColumn ||\n (_css as any)?.display === \"flex\";\n\n if (isFlex) {\n const isColumn = (_css as any)?.flexColumn === true;\n\n return {\n ...(isColumn\n ? { marginTop: `-${val}px${important || \"\"}` }\n : { marginLeft: `-${val}px${important || \"\"}` }),\n\n \"& > *\": isColumn\n ? { marginTop: `${val}px${important || \"\"}` }\n : { marginLeft: `${val}px${important || \"\"}` },\n } as any;\n }\n\n // non-flex fallback (safe & predictable)\n return {\n \"& > * + *\": {\n marginTop: `${val}px${important || \"\"}`,\n },\n } as any;\n }\n\n\n // if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n // const keys: any = Object.keys(_css)\n // let p: any = {\n // [`${prop}Width`]: value + 'px' + (important || \"\"),\n // }\n // // if (!keys.includes(`${prop}Color`)) {\n // // p[`${prop}Color`] = \"divider.primary\"\n // // }\n // if (!keys.includes(`${prop}Style`)) {\n // p[`${prop}Style`] = \"solid\"\n // }\n // return p\n // }\n}\n\nexport default getProps"],"names":[],"mappings":"sEAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAC7D,IAAA,IAAI,SAAS;AACb,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;QACrB,MAAM,MAAM,GACR,CAAC,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO;AACrB,aAAA,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO,CAAA;AACrB,aAAA,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,UAAU,CAAA;YACzB,CAAC,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO,MAAK,MAAM;QAErC,IAAI,MAAM,EAAE;AACR,YAAA,MAAM,QAAQ,GAAG,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,UAAU,MAAK,IAAI;YAEnD,OAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACC;kBACE,EAAE,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC5C,kBAAE,EAAE,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,EAAE,EAAE,EAAC,EAAA,EAEpD,OAAO,EAAE;sBACH,EAAE,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC3C,sBAAE,EAAE,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE,EAAE,GAC9C;QACZ;;QAGA,OAAO;AACH,YAAA,WAAW,EAAE;AACT,gBAAA,SAAS,EAAE,CAAA,EAAG,GAAG,KAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC1C,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAgBJ"}
|
package/css/getProps.mjs
CHANGED
|
@@ -43,17 +43,17 @@ const getProps = (prop, value, _css) => {
|
|
|
43
43
|
},
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
|
-
if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
46
|
+
// if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop as any)) {
|
|
47
|
+
// const keys: any = Object.keys(_css)
|
|
48
|
+
// let p: any = {
|
|
49
|
+
// [`${prop}Width`]: value + 'px' + (important || ""),
|
|
50
|
+
// }
|
|
51
|
+
// // if (!keys.includes(`${prop}Color`)) {
|
|
52
|
+
// // p[`${prop}Color`] = "divider.primary"
|
|
53
|
+
// // }
|
|
54
|
+
// if (!keys.includes(`${prop}Style`)) {
|
|
55
|
+
// p[`${prop}Style`] = "solid"
|
|
56
|
+
// }
|
|
57
|
+
// return p
|
|
58
|
+
// }
|
|
59
59
|
};export{getProps as default};//# sourceMappingURL=getProps.mjs.map
|
package/css/getProps.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getProps.mjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n let important;\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (prop === 'disabled') {\n if ((value as any) === true) {\n let c: any = {\n pointerEvents: \"none!important\",\n cursor: \"default!important\",\n userSelect: \"none!important\",\n opacity: \"0.5!important\",\n color: `text.primary!important`,\n borderColor: `divider.secondary!important`,\n }\n\n if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n c.bgcolor = `divider.primary!important`\n }\n return c\n }\n return {}\n }\n\n\n if (prop === \"spacing\" && typeof value === \"number\") {\n const val = value * 8;\n const isFlex =\n (_css as any)?.flexBox ||\n (_css as any)?.flexRow ||\n (_css as any)?.flexColumn ||\n (_css as any)?.display === \"flex\";\n\n if (isFlex) {\n const isColumn = (_css as any)?.flexColumn === true;\n\n return {\n ...(isColumn\n ? { marginTop: `-${val}px${important || \"\"}` }\n : { marginLeft: `-${val}px${important || \"\"}` }),\n\n \"& > *\": isColumn\n ? { marginTop: `${val}px${important || \"\"}` }\n : { marginLeft: `${val}px${important || \"\"}` },\n } as any;\n }\n\n // non-flex fallback (safe & predictable)\n return {\n \"& > * + *\": {\n marginTop: `${val}px${important || \"\"}`,\n },\n } as any;\n }\n\n\n if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n
|
|
1
|
+
{"version":3,"file":"getProps.mjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n let important;\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (prop === 'disabled') {\n if ((value as any) === true) {\n let c: any = {\n pointerEvents: \"none!important\",\n cursor: \"default!important\",\n userSelect: \"none!important\",\n opacity: \"0.5!important\",\n color: `text.primary!important`,\n borderColor: `divider.secondary!important`,\n }\n\n if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n c.bgcolor = `divider.primary!important`\n }\n return c\n }\n return {}\n }\n\n\n if (prop === \"spacing\" && typeof value === \"number\") {\n const val = value * 8;\n const isFlex =\n (_css as any)?.flexBox ||\n (_css as any)?.flexRow ||\n (_css as any)?.flexColumn ||\n (_css as any)?.display === \"flex\";\n\n if (isFlex) {\n const isColumn = (_css as any)?.flexColumn === true;\n\n return {\n ...(isColumn\n ? { marginTop: `-${val}px${important || \"\"}` }\n : { marginLeft: `-${val}px${important || \"\"}` }),\n\n \"& > *\": isColumn\n ? { marginTop: `${val}px${important || \"\"}` }\n : { marginLeft: `${val}px${important || \"\"}` },\n } as any;\n }\n\n // non-flex fallback (safe & predictable)\n return {\n \"& > * + *\": {\n marginTop: `${val}px${important || \"\"}`,\n },\n } as any;\n }\n\n\n // if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n // const keys: any = Object.keys(_css)\n // let p: any = {\n // [`${prop}Width`]: value + 'px' + (important || \"\"),\n // }\n // // if (!keys.includes(`${prop}Color`)) {\n // // p[`${prop}Color`] = \"divider.primary\"\n // // }\n // if (!keys.includes(`${prop}Style`)) {\n // p[`${prop}Style`] = \"solid\"\n // }\n // return p\n // }\n}\n\nexport default getProps"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAC7D,IAAA,IAAI,SAAS;AACb,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAA,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;QACrB,MAAM,MAAM,GACR,CAAC,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO;AACrB,aAAA,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO,CAAA;AACrB,aAAA,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,UAAU,CAAA;YACzB,CAAC,IAAY,aAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,OAAO,MAAK,MAAM;QAErC,IAAI,MAAM,EAAE;AACR,YAAA,MAAM,QAAQ,GAAG,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,UAAU,MAAK,IAAI;YAEnD,OAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACC;kBACE,EAAE,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC5C,kBAAE,EAAE,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,EAAE,EAAE,EAAC,EAAA,EAEpD,OAAO,EAAE;sBACH,EAAE,SAAS,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC3C,sBAAE,EAAE,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,EAAK,SAAS,IAAI,EAAE,CAAA,CAAE,EAAE,GAC9C;QACZ;;QAGA,OAAO;AACH,YAAA,WAAW,EAAE;AACT,gBAAA,SAAS,EAAE,CAAA,EAAG,GAAG,KAAK,SAAS,IAAI,EAAE,CAAA,CAAE;AAC1C,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAgBJ"}
|