!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.magicImage=t(require("react")):e.magicImage=t(e.React)}(self,(function(e){return(()=>{var t={17:e=>{window,e.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:"backEnd";if(this.isEditor()){var t=window.globalGetState().canvas;return"default"===t.canvastype?t.ostype:t.canvastype}if("backEnd"===e){var n,r=null===(n=window.__MAGIC__)||void 0===n?void 0:n.canvas;return"object"===o(r)&&r.os?r.os:null}if("frontEnd"===e){var i=navigator.userAgent,a=i.match(/(Android);?[\s\/]+([\d.]+)?/),A=i.match(/(iPad).*OS\s([\d_]+)/),c=i.match(/(iPod)(.*OS\s([\d_]+))?/),s=!A&&i.match(/(iPhone\sOS)\s([\d_]+)/);return a?"android":A||c||s?"ios":"pc"}},getproductUid:function(){return this.isEditor()?window.globalGetState().canvas.productUId:window.__MAGIC__.canvas.productUId},getVersion:function(){if(this.isEditor())return window.globalGetState().canvas.appversion;if(this.inApp()){var e=window.__MAGIC__.action&&window.__MAGIC__.action.custom&&window.__MAGIC__.action.custom.getAppInfo;if(e&&"function"==typeof e){var t=e();if(t&&t.version)return t.version}var n=this.getOS(),o=window.__MAGIC__.canvas.pua,r=new RegExp("(".concat(o,") *([^ ]*)"),"i");"gogokid"===o&&("ios"===n?r=/Version ([\d\.]*);/:"android"===n&&(r=/gogokid\(([^)]*)\)/));var i=window.navigator.userAgent.match(/app_version\/([\d\.]+)/),a=window.navigator.userAgent.match(r);if(i)return i[1].replace(/[^0-9\.]+/g,"");if(a)return a[2].replace(/[^0-9\.]+/g,"")}},compareVersion:function(e,t){t=t||this.getVersion();var n=e.split(".").map((function(e){return parseInt(e)})),o=t.split(".").map((function(e){return parseInt(e)}));if(n.length==o.length){for(var r=0;ro[r])return 1;if(n[r]1&&void 0!==arguments[1]?arguments[1]:"s";if(!e)return 0;var n=Number(new Date)-Number(e)||0;return n=n>=0?n:0,"ms"===t?n:Number((n/1e3).toFixed(2))},escapeHTML:function(e){var t={"&":"&","<":"<",">":">","'":"'",'"':"""};return e.replace(/[&<>'"]/g,(function(e){return t[e]||""}))},getQuery:function(e){var t=(e||location.href).split("?")[1]||"";if(t){var n=t.split("&"),o={};for(var r in n){var i=n[r].split("="),a=i.shift(),A=this.escapeHTML(decodeURIComponent(i.join("=")));o[a]=A}return o}return{}},urlEncode:function(e){var t=[];for(var n in e){var o="".concat(n,"=").concat(encodeURIComponent(e[n]));t.push(o)}return t.join("&")},addQueryUrl:function(e,t){return"object"===o(t)&&(t=this.urlEncode(t)),t?e.match(/\?/)?e.match(/&$/)?e+t:"".concat(e,"&").concat(t):"".concat(e,"?").concat(t):e},sendLog:function(e){var t,n,r,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("object"===o(e)&&(a=e.params||{},e=e.eventName),this.isEditor())console.log(e,"magic editor canvas no log!");else if(a.language=navigator.language,a.country=window.__MAGIC__.canvas.region||"unknow",a.appType=window.__MAGIC__.canvas.appType||"unknow",a.pageNo=(null===(t=window.__MAGIC__.dynamicInfo)||void 0===t||null===(n=t.schemaRenderComponent)||void 0===n||null===(r=n.state)||void 0===r?void 0:r.pageNo)||0,a.inorout=this.inApp()?"in":"out",a.osType=this.getOS(),a.h5url=location.href,e.match(/^magic_sdk_/)||(e="magic_sdk_".concat(e)),this.inApp()&&window.__MAGIC__.action&&window.__MAGIC__.action.magicUnifyJsb&&window.__MAGIC__.action.magicUnifyJsb.appSendLog){var A=window.__MAGIC__.teaEvtParams||{},c=Object.assign({},A,a);window.__MAGIC__.action.magicUnifyJsb.call("appSendLog",{eventName:e,params:c})}else if(window.collectEvent){var s=this.inApp()?{}:{__userless:1};window.collectEvent(e,i(i({},a),s))}else console.log(e,"cannot log")},backToApp:function(e){if(e=e||{},!this.isEditor()){if(window.self!==window.top)return void this.toast({type:"text",content:"Please operate in app."});var t=e.downloadLink||window.__MAGIC__.canvas.downlink;"object"===o(t)&&(t=t[this.getOS()]);var n,r=e.timeout||3e3,i=e.type||"webview",a=e.data||{url:location.href};try{n=function(e){var t,n=e.type,o=e.data,r=window.__MAGIC__&&window.__MAGIC__.action&&window.__MAGIC__.action.custom&&window.__MAGIC__.action.custom.urlScheme;return r&&"function"==typeof r?(t=r(e),console.log("custom.urlScheme",e,t),t):(r=window.__MAGIC__&&window.__MAGIC__.action&&window.__MAGIC__.action.urlScheme&&window.__MAGIC__.action.urlScheme[n])&&"function"==typeof r?(t=r(o),console.log("urlScheme[type]",e,t),t):void 0}({type:i,data:a})}catch(e){console.log(e),n=null}var A=e.scheme||n||window.__MAGIC__.canvas.urlScheme;"object"===o(A)&&(A=A[i]),A=A.replace(/{{([\w\.]*)}}/g,(function(e,t){for(var n=t.split("."),o=a[n.shift()],r=0,i=n.length;r2&&void 0!==arguments[2]?arguments[2]:3e3);e&&(this.iframeHref(e),location.href=e),document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&clearTimeout(n)}))}else console.log("Product downlink is not existed.");else console.log("Product scheme is not existed.")},iframeHref:function(e){var t=document.getElementsByTagName("body"),n=document.getElementById("app_iframe");if(n){var o=n.parentNode;o&&o.removeChild(n)}var r=document.createElement("iframe");r.id="app_iframe",r.src=e,r.style.cssText="display: none",t[0].appendChild(r)},getimgsize:function(e){var t=this.getQuery(e);return t.size?{width:"".concat(parseFloat(t.size.split("x")[0])/100,"rem"),height:"".concat(parseFloat(t.size.split("x")[1])/100,"rem")}:{}},toast:function(e){var t=e.type,n=void 0===t?"text":t,o=e.content,r=void 0===o?"toast tips":o,i=e.duration,a=void 0===i?2:i,A=document.createElement("div"),c="mes_".concat(Math.random().toString(36).substr(2));if(A.className="magic-tool-toast",A.id=c,A.setAttribute("style","background-size:100% 100%;position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%, -50%);background-color: rgba(0,0,0,0.7); border-radius: 0.06rem;z-index: 9999; font-size: 0.3rem;padding: 0.2rem; text-align: center; color: white;"),"text"===n)A.innerHTML=r;else{var s=this.getimgsize(r);A.style.width=s.width||"2rem",A.style.height=s.height||"2rem",A.style.backgroundImage="url(".concat(r,")")}var u=document.body;this.isEditor()&&(u=document.getElementsByClassName("magic-editor-canvas-area")[0]||document.body),u.appendChild(A),setTimeout((function(){u.removeChild(A)}),1e3*a)},getTzName:function(){return window&&window.Intl?window.Intl.DateTimeFormat().resolvedOptions().timeZone:(new Date).getTimezoneOffset()/-60},debounce:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:400,n=null;return function(){for(var o=arguments.length,r=new Array(o),i=0;i{"use strict";n.d(t,{Z:()=>A});var o=n(81),r=n.n(o),i=n(645),a=n.n(i)()(r());a.push([e.id,".mimage{position:relative;background-size:100% 100%;width:6rem;height:3.6rem;user-select:none;overflow:hidden}.mimage .tips{position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;color:var(--color-text-2);font-size:.28rem}.mimage .real-image{position:absolute;top:0;left:0;width:100%;height:100%;user-select:all}.mimage .cover-div{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%}.mimage .cover-div.hide{height:0}.matertial-style{user-select:none}.matertial-style:hover{background:rgba(49,46,56,.05) !important}",""]);const A=a},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var A=0;A0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),t.push(u))}},t}},81:e=>{"use strict";e.exports=function(e){return e[1]}},523:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>v});var o=n(994),r=n.n(o),i=n(795),a=n.n(i),A=n(569),c=n.n(A),s=n(565),u=n.n(s),l=n(216),d=n.n(l),g=n(589),f=n.n(g),p=n(237),m={};m.styleTagTransform=f(),m.setAttributes=u(),m.insert=c().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=d(),r()(p.Z,m);const v=p.Z&&p.Z.locals?p.Z.locals:void 0},994:e=>{"use strict";var t=[];function n(e){for(var n=-1,o=0;o{"use strict";var t={};e.exports=function(e,n){var o=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(n)}},216:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,n)=>{"use strict";e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},795:e=>{"use strict";e.exports=function(e){var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var r=void 0!==n.layer;r&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,r&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},379:function(e,t,n){var o,r,i=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),A=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&i(t,e,n);return a(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};o=[n,t,n(359),n(17),n(91),n(523)],r=function(e,t,n,o,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n=A(n),o=c(o),r=c(r);class i extends n.Component{constructor(e){super(e)}componentDidMount(){}render(){const{longPressSave:e,needLoadBackground:t,matertialType:i=!1,materialStyle:a={}}=this.props;let{imgSrc:A}=this.props;const c=o.default.isEditor()&&""===A?n.default.createElement("div",{className:"tips"},"支持格式: PNG/JPG/GIF/WEBP, 建议大小: GIF不超过10MB,PNG、JPG、WEBP不超过500KB"):null;return A=A||r.default,i?n.default.createElement("img",{src:A,id:this.props.id,style:a,className:"matertial-style",draggable:"false"}):n.default.createElement("div",{id:this.props.id,"data-comp-type":this.props.comptype,className:"mimage",style:t?{backgroundColor:this.props.loadBackground}:{}},n.default.createElement("img",{src:A,className:"real-image",draggable:"false"}),n.default.createElement("div",{className:"cover-div "+(e?"hide":"")}),c)}}t.default=i}.apply(t,o),void 0===r||(e.exports=r)},91:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});const o="data:image/png;base64,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"},359:t=>{"use strict";t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var i=n[e]={id:e,exports:{}};return t[e].call(i.exports,i,i.exports,o),i.exports}return o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(379)})()}));