@styli/react
Version:
3 lines (2 loc) • 1.78 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("@styli/core"),t=require("@styli/styled"),s=(e=require("@styli/preset-web"))&&"object"==typeof e&&"default"in e?e.default:e,l=require("react"),i=require("@styli/store"),o=require("@styli/parser");function n(){return(n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(this,arguments)}var a=l.forwardRef((function(e,r){var t=e.as,s=void 0===t?"div":t,a=function(e,r){if(null==e)return{};var t,s,l={},i=Object.keys(e);for(s=0;s<i.length;s++)r.indexOf(t=i[s])>=0||(l[t]=e[t]);return l}(e,["as"]),y=new o.Parser(a),c=y.getParsedProps();if(i.store.config.inline)c.style=Array.isArray(a.style)?[y.toStyle(),a.style]:n({},y.toStyle(),a.style);else{y.insertRule();var u=y.getClassNames().join(" ");c.className=u}return l.createElement(s,n({ref:r},c))})),y=t.styled("div"),c=t.styled("span"),u=t.styled("img");r.injectGlobalStyle({"*":{border:"0 solid #ccc",boxSizing:"border-box"},"*::before":{boxSizing:"border-box"},"*::after":{boxSizing:"border-box"}}),r.setConfig(s),exports.Box=a,exports.Image=u,exports.Text=c,exports.View=y,exports.jsx=function(e,r){void 0===r&&(r={});for(var t=arguments.length,s=new Array(t>2?t-2:0),a=2;a<t;a++)s[a-2]=arguments[a];if("string"!=typeof e||!r||!Object.keys(r).length)return l.createElement.apply(null,arguments);var y=new o.Parser(r),c=y.getParsedProps(),u=i.store.config.inline;if(u)c.style=Array.isArray(r.style)?[y.toStyle(),r.style]:n({},y.toStyle(),r.style);else{y.insertRule();var f=y.getClassNames().join(" ").trim();f&&(c.className=f)}return l.createElement.apply(null,[e,c].concat(s))};
//# sourceMappingURL=react.cjs.production.min.js.map