@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
55 lines (54 loc) • 4.98 kB
JavaScript
import React from "react";
import classNames from "classnames";
const Z = {
classPrefix: "icon",
tag: "img",
size: "",
onClick: (N) => {
},
className: ""
};
function m(N) {
return N === "" ? "" : Number.isNaN(Number(N)) ? String(N) : `${N}px`;
}
function l(N) {
const U = "dynamicLoading", d = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzhweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bG9hZGluZ19pY29uPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXR0ZXJuIGlkPSJwYXR0ZXJuLTEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHBhdHRlcm5Vbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZS0yIj48L3VzZT4KICAgICAgICA8L3BhdHRlcm4+CiAgICAgICAgPGltYWdlIGlkPSJpbWFnZS0yIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1lBQUFBbUNBWUFBQUNvUGVtdUFBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQUpxQURBQVFBQUFBQkFBQUFKZ0FBQUFDRThpQmJBQUFEaEVsRVFWUllDYldXYTNKVE1ReEdFOHFqTXpBc2dDMncvdzJ3amY1bkFUeUdkeTg2VGsvN1JiaHBtVHFhVVQ3WmxxVVQzWnZDZnR1MnE5MXV0eTkvRmtxc1gweGk5dEpyV1VYS1JyRGdnK2JYNVZzb2Nicm51ZGZqdXJMV25sYzVHbU5DSGxaM24weUJIUFRzUUxZRmpHYjN3U1dVY0FKU1ExRDJscG9UeThKTXpvWUNjeTZRWitwU0lJdk53RHhMRlV6MXNmc2xNbmRKUEFPYlRVSWd0RU9Sdjl3NkdFMW8zQzNCZk5mOEFtY0h1dzhxSVFIOFU0NENpQXZJM2pKallqYnlmYkdSYXJOVFVPWXMwM3lVVGt3Z2xXYkVHb0E0WDRTLy9rN3Q3Qk9qZ1ZBcUFHbUNNVzNoWnU5bTN2bXZ1RStNaG9JeENhY2lvTVVUeklsNXRrVHpIUk1LRlVxZy92N1JYRGhydkZoQ2RGUEVva0psUStFRVlLMERqSEhHbzF3S1JlRUVZeTBnQU1aTWk5ajN5WGRLT05ZdnkxMVgrSFNiZ1ZGVnFGUUFnVk9KY1l3NnIwZTA2RU13eWdHaEdRdkdQckhUWTByNHovTGY1ZGliZzZ6NVREQXFDdFNyNTc2d2duNnQ1Qy85d2xQWEhTenI5WGZHZFNydklvL3pSL21IK20vNis5S1A1VTZTM1BSYVR0OUZhM0krcklObGdnVkpORWI5WlFMMHF4eW9UK1VBdlN2SFBwZC9MK2VjUE81NDExcTFkUXZKbmpiaUJQT3dYMlNkaFdra0ZKUDVWZzRZZ0svSzM1WmoxT1pjdUFTMEpubjJRN0doSFN3UGhXRXZwMFFEWG5pbkJSaFE3UE9EdUN6M0I4R1BoVDNXbkF1WHRhbWZYc3ZkTmdNenljdENvUWtsR0ZERW5BTkNUZjZ1a1l1eGh3dlc0ZXhqWCs0TXNINlFhMkxjWW41elFIeE03bEdZWHlvVEFvNS9EZGpEMkNjdkllMmprbXM4Q3RCVTJqd2tTYzl2U3dQQVVLRXM2SjhRd2R5djFHR2M2OVlHMWp6T0JvdVBzb09aNktRNm1GQUpOanJYaDFOeGN0Ym1YQ2hVTUZRZzlmWlJDdUxFOGhLeFlJSzROcy9tTms0NGExZVpJek5YSmU4SWpDWVd6a2JzdXhZazFUT1UreHJGQlVPWm5QWE5JNGRhUXFtY2ozbzhTZ3VuRXVQQ0NaUjc1dGkwMG9mWlJDanlqQVc3U1QwUzdwRTdWREEycExXaEtoenJqTDJUWUVLaHdLakU1REc5YnQ2aEhrYmUvakZnQW5VbzlvV3pJSXJaRENEZEw2Q094UGJCdlZFendXeGlRL1FVakExVWV3aWxuZ0xqYnBycmYzNlZDZFZCQlVBOXMxQVdKeFpLQlk0N3FIVXFIREdxV2U5Qk1FR0Z5YlVOVklzRGd3bWxDc1dhR0JQa3NMcGJYL3NvZTJNQlVNOEVTSjBWWis4aE9Hb2tJSGN3K2czb0RwWk5qUjhETjZyV2gwQ3NpZE5uRXlPUFBrNlE5WUF6T1pzVHB3czRVd3AxUzVoWlRNL2NuNjcvQXRnNFM3Y1FRMTFqQUFBQUFFbEZUa1N1UW1DQyI+PC9pbWFnZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLmjqfku7YiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIyLlRvYXN0LURNL0xvYWRpbmciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OSwgLTI5KSI+CiAgICAgICAgICAgIDxnIGlkPSJsb2FkaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMCwgMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImxvYWRpbmdfaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuNjY2NywgMjkuNjY2NykiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOC4zMzMzMzMzLDAgQzI4LjQ1ODU1MzcsMCAzNi42NjY2NjY3LDguMjA4MTEyOTIgMzYuNjY2NjY2NywxOC4zMzMzMzMzIEMzNi42NjY2NjY3LDI4LjQ1ODU1MzcgMjguNDU4NTUzNywzNi42NjY2NjY3IDE4LjMzMzMzMzMsMzYuNjY2NjY2NyBDOC4yMDgxMTI5MiwzNi42NjY2NjY3IDAsMjguNDU4NTUzNyAwLDE4LjMzMzMzMzMgQzAsOC4yMDgxMTI5MiA4LjIwODExMjkyLDAgMTguMzMzMzMzMywwIFogTTE4LjMzMzMzMzMsMy4wNTU1NTU1NiBDOS44OTU2NDk2NiwzLjA1NTU1NTU2IDMuMDU1NTU1NTYsOS44OTU2NDk2NiAzLjA1NTU1NTU2LDE4LjMzMzMzMzMgQzMuMDU1NTU1NTYsMjYuNzcxMDE3IDkuODk1NjQ5NjYsMzMuNjExMTExMSAxOC4zMzMzMzMzLDMzLjYxMTExMTEgQzI2Ljc3MTAxNywzMy42MTExMTExIDMzLjYxMTExMTEsMjYuNzcxMDE3IDMzLjYxMTExMTEsMTguMzMzMzMzMyBDMzMuNjExMTExMSw5Ljg5NTY0OTY2IDI2Ljc3MTAxNywzLjA1NTU1NTU2IDE4LjMzMzMzMzMsMy4wNTU1NTU1NiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9InVybCgjcGF0dGVybi0xKSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjE4LjMzMzMzMzMiIGN5PSIxLjUyNzc3Nzc4IiByPSIxLjUyNzc3Nzc4Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+", {
classPrefix: c,
tag: F,
size: i,
children: T,
className: V,
style: R,
logValue: z,
onClick: g,
...a
} = {
...Z,
...N
}, C = (W) => {
g && g(W);
}, Q = () => ({
src: d,
alt: U
}), M = {}, I = m(i);
return I && (M.width = I, M.height = I), React.createElement(
F,
{
className: classNames(`${c}_img ${U} ${V || ""}`, { "auto-track": !!z, icon_rotate: true }),
style: {
...M,
...R
},
...a,
onClick: C,
...Q(),
"data-log-name": z
},
T
);
}
l.defaultProps = Z;
l.displayName = "FiresoonMobileIcon-dynamicLoading";
export {
l
};