weex-flymeui
Version:
A Flyme Style UI library based on Weex for Creator.
3 lines (2 loc) • 19.3 kB
JavaScript
// { "framework": "Vue" }
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["npm/weex-flymeui/components/fm-action-sheet/index"]=t():e["npm/weex-flymeui/components/fm-action-sheet/index"]=t()}("undefined"!=typeof self?self:this,function(){return 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,{configurable:!1,enumerable:!0,get: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=107)}([function(e,t){e.exports=function(e,t,n,o,r){var i,s=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(i=e,s=e.default);var u,l="function"==typeof s?s.options:s;if(t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),o&&(l._scopeId=o),r?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=u):n&&(u=n),u){var c=l.functional,p=c?l.render:l.beforeCreate;c?l.render=function(e,t){return u.call(t),p(e,t)}:l.beforeCreate=p?[].concat(p,u):[u]}return{esModule:i,exports:s,options:l}}},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var r=function(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}(o),i=o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"});return[n].concat(i).concat([r]).join("\n")}return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<e.length;r++){var s=e[r];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(e,t,n){var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var r=n(3),i={},s=o&&(document.head||document.getElementsByTagName("head")[0]),a=null,u=0,l=!1,c=function(){},p=null,f="data-vue-ssr-id",d="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function h(e){for(var t=0;t<e.length;t++){var n=e[t],o=i[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(v(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var s=[];for(r=0;r<n.parts.length;r++)s.push(v(n.parts[r]));i[n.id]={id:n.id,refs:1,parts:s}}}}function m(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function v(e){var t,n,o=document.querySelector("style["+f+'~="'+e.id+'"]');if(o){if(l)return c;o.parentNode.removeChild(o)}if(d){var r=u++;o=a||(a=m()),t=b.bind(null,o,r,!1),n=b.bind(null,o,r,!0)}else o=m(),t=function(e,t){var n=t.css,o=t.media,r=t.sourceMap;o&&e.setAttribute("media",o);p.ssrId&&e.setAttribute(f,t.id);r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,o),n=function(){o.parentNode.removeChild(o)};return t(e),function(o){if(o){if(o.css===e.css&&o.media===e.media&&o.sourceMap===e.sourceMap)return;t(e=o)}else n()}}e.exports=function(e,t,n,o){l=n,p=o||{};var s=r(e,t);return h(s),function(t){for(var n=[],o=0;o<s.length;o++){var a=s[o];(u=i[a.id]).refs--,n.push(u)}t?h(s=r(e,t)):s=[];for(o=0;o<n.length;o++){var u;if(0===(u=n[o]).refs){for(var l=0;l<u.parts.length;l++)u.parts[l]();delete i[u.id]}}}};var y=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function b(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=y(t,r);else{var i=document.createTextNode(r),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}},function(e,t){e.exports=function(e,t){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],s=i[0],a={id:e+":"+r,css:i[1],media:i[2],sourceMap:i[3]};o[s]?o[s].parts.push(a):n.push(o[s]={id:s,parts:[a]})}return n}},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.use=t.t=void 0;var o=function(e){return e&&e.__esModule?e:{default:e}}(n(13)).default,r=t.t=function(e,t){for(var n=void 0,r=e.split("."),i=o,s=0,a=r.length;s<a;s++){if(n=i[r[s]],s===a-1)return n;if(!n)return"";i=n}return""},i=t.use=function(e){o=e||o};t.default={t:r,use:i}},,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(5);t.default={methods:{t:function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return o.t.apply(this,t)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={el:{common:{delete:"删除",cancel:"取消",confirm:"确认",close:"关闭",title:"标题",more:"更多"},titlebar:{title:"标题"},searchbar:{search:"搜索"},foldabletext:{more:"更多"},input:{placeholder:"请输入",inputError:"输入有误"},tag:{tagName:"标签"}}}},,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(22);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},function(e,t,n){var o=!1;var r=n(0)(n(25),n(26),function(e){o||n(23)},"data-v-10e45e81",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-overlay/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},function(e,t,n){var o=n(24);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("94068fec",o,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.fm-overlay[data-v-10e45e81] {\n width: 10rem;\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=weex.requireModule("animation");t.default={name:"FmOverlay",props:{show:{type:Boolean,default:!0},hasAnimation:{type:Boolean,default:!0},duration:{type:[Number,String],default:300},timingFunction:{type:Array,default:function(){return["ease-in","ease-out"]}},opacity:{type:[Number,String],default:.5},canAutoClose:{type:Boolean,default:!0},useNative:{type:Boolean,default:!0}},computed:{overlayStyle:function(){return{opacity:this.hasAnimation?0:1,backgroundColor:"rgba(0, 0, 0,"+this.opacity+")"}},shouldShow:function(){var e=this;if(!this.isCreator){var t=this.show;return this.hasAnimation&&setTimeout(function(){e.appearOverlay(t)},50),t}},isCreator:function(){return this.useNative&&weex.supports&&weex.supports("@component/FmOverlayNative")}},methods:{overlayClicked:function(e){this.canAutoClose?this.appearOverlay(!1):this.$emit("fmOverlayBodyClicked",{})},appearOverlay:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.duration,r=this.hasAnimation,i=this.timingFunction,s=this.canAutoClose,a=!e&&s;a&&this.$emit("fmOverlayBodyClicking",{});var u=this.$refs["fm-overlay"];r&&u?o.transition(u,{styles:{opacity:e?1:0},duration:n,timingFunction:i[e?0:1],delay:0},function(){a&&t.$emit("fmOverlayBodyClicked",{})}):a&&this.$emit("fmOverlayBodyClicked",{})},hide:function(){this.appearOverlay(!1)}}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(e.isCreator?"FmOverlayNative":"div",{tag:"component",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{visible:e.show,touchable:e.canAutoClose},on:{onDismiss:e.overlayClicked}},[e.show&&!e.isCreator?n("div",{ref:"fm-overlay",staticClass:"fm-overlay",staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.overlayStyle),attrs:{watch:e.shouldShow},on:{click:e.overlayClicked}},[e._t("default")],2):e._e(),e._v(" "),e.isCreator?n("div",[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(47);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},function(e,t,n){var o=!1;var r=n(0)(n(50),n(51),function(e){o||n(48)},"data-v-5cb22ec6",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-simple-btn/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},function(e,t,n){var o=n(49);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("0b4db20a",o,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.dialog-btn[data-v-5cb22ec6] {\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n.btnText[data-v-5cb22ec6] {\n font-family: sans-serif-medium;\n font-weight: 500;\n font-size: 0.44444rem;\n color: #198ded;\n text-align: center;\n}\n.dialog-btnText[data-v-5cb22ec6] {\n padding: 0.33333rem;\n}\n.actionSheet-btnText[data-v-5cb22ec6] {\n\t\tline-height: 1.77778rem;\n\t\tborder-bottom-style: solid;\n\t\tborder-bottom-width: 1px;\n\t\tborder-bottom-color: #E6E6E6;\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"FmSimpleBtn",props:{text:String,type:String,color:String,msg:[String,Number,Array,Object],scene:{type:String,defalut:"dialog"}},computed:{btnClz:function(){var e=["btnText"];return"dialog"===this.scene?e.push("dialog-btnText"):"actionSheet"===this.scene&&e.push("actionSheet-btnText"),e},btnStyle:function(){var e=this.color;if(e)return{color:e}}},methods:{click:function(){var e=this.text,t=this.msg,n=this.type;this.$emit("click",{text:e,type:n,msg:t})}}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dialog-btn",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0)},[n("text",{class:e.btnClz,staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.btnStyle),on:{click:function(t){e.click()}}},[e._v(e._s(e.text))])])},staticRenderFns:[]},e.exports.render._withStripped=!0},,,,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(66);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},function(e,t,n){var o=!1;var r=n(0)(n(69),n(70),function(e){o||n(67)},"data-v-0a22d546",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-popup/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},function(e,t,n){var o=n(68);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("2b678b99",o,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n.fm-popup[data-v-0a22d546] {\n\t\tposition: fixed;\n\t\twidth: 10rem;\n}\n.top[data-v-0a22d546] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-0a22d546] {\n left: 0;\n right: 0;\n}\n.left[data-v-0a22d546] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-0a22d546] {\n bottom: 0;\n top: 0;\n}\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r="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},i=function(e){return e&&e.__esModule?e:{default:e}}(n(21));var s=weex.requireModule("animation"),a=weex.config.env.platform,u="object"===("undefined"==typeof window?"undefined":r(window))&&"web"===a.toLowerCase();t.default={name:"FmPopup",components:{FmOverlay:i.default},props:{show:{type:Boolean,default:!1},pos:{type:String,default:"bottom"},popupColor:{type:String,default:"#FFFFFF"},overlayCfg:{type:Object,default:function(){return{hasAnimation:!0,timingFunction:["ease-in","ease-out"],duration:300,opacity:.5}}},height:{type:[Number,String],default:840},standOut:{type:[Number,String],default:0},width:{type:[Number,String],default:1080},animation:{type:Object,default:function(){return{timingFunction:"ease-out"}}}},data:function(){return{haveOverlay:!0,isOverShow:!0}},computed:{isNeedShow:function(){var e=this;return setTimeout(function(){e.appearPopup(e.show)},50),this.show},_height:function(){return this.appearPopup(this.show,150),this.height},transformValue:function(){return this.getTransform(this.pos,this.width,this.height,!0)},padStyle:function(){var e=this.pos,t=this.width,n=this.height,r={width:t+"px",backgroundColor:this.popupColor};return"top"===e&&(r=o({},r,{top:-n+"px",height:n+"px"})),"bottom"===e&&(r=o({},r,{bottom:-n+"px",height:n+"px"})),"left"===e&&(r=o({},r,{left:-t+"px"})),"right"===e&&(r=o({},r,{right:-t+"px"})),r}},methods:{handleTouchEnd:function(e){"Web"===weex.config.env.platform&&e.preventDefault&&e.preventDefault()},hide:function(){this.appearPopup(!1),this.$refs.overlay.appearOverlay(!1)},fmOverlayBodyClicking:function(){this.isShow&&this.appearPopup(!1)},appearPopup:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;this.isShow=e;var r=this.$refs["fm-popup"];r&&s.transition(r,o({styles:{transform:this.getTransform(this.pos,this.width,this.height,!e)},duration:n,delay:0},this.animation),function(){e||t.$emit("fmPopupOverlayClicked",{pos:t.pos})})},getTransform:function(e,t,n,o){var r="top"===e||"bottom"===e?n:t,i=void 0;switch(u&&(r-=this.standOut),o&&(r=0),e){case"top":i="translateY("+r+"px)";break;case"bottom":i="translateY(-"+r+"px)";break;case"left":i="translateX("+r+"px)";break;case"right":i="translateX(-"+r+"px)"}return i}}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),on:{touchend:e.handleTouchEnd}},[e.show?n("fm-overlay",e._b({ref:"overlay",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{show:e.haveOverlay&&e.isOverShow,"use-native":!1},on:{fmOverlayBodyClicking:e.fmOverlayBodyClicking}},"fm-overlay",e.overlayCfg,!1)):e._e()],1),e._v(" "),e.show?n("div",{ref:"fm-popup",class:["fm-popup",e.pos],staticStyle:e.$processStyle(void 0),style:e.$processStyle(e.padStyle),attrs:{height:e._height,hack:e.isNeedShow},on:{click:function(){}}},[e._t("default")],2):e._e()])},staticRenderFns:[]},e.exports.render._withStripped=!0},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(108);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(o).default}})},function(e,t,n){var o=!1;var r=n(0)(n(111),n(112),function(e){o||n(109)},"data-v-81855a66",null);r.options.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-action-sheet/index.vue",r.esModule&&Object.keys(r.esModule).some(function(e){return"default"!==e&&"__"!==e.substr(0,2)})&&console.error("named exports are not supported in *.vue files."),r.options.functional&&console.error("[vue-loader] index.vue: functional components are not supported with templates, they should use render functions."),e.exports=r.exports},function(e,t,n){var o=n(110);"string"==typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);n(2)("d509f1e2",o,!1,{})},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",""])},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(n(65)),r=a(n(46)),i=a(n(12)),s=n(5);function a(e){return e&&e.__esModule?e:{default:e}}t.default={name:"FmActionSheet",mixins:[i.default],components:{FmPopup:o.default,FmSimpleBtn:r.default},props:{show:{type:Boolean,default:!1},canAutoClose:{type:Boolean,default:!0},confirmText:{type:String,default:function(){return(0,s.t)("el.common.confirm")}},confirmColor:{type:String,default:"#DE3938"},cancelText:{type:String,default:function(){return(0,s.t)("el.common.cancel")}},actionBtns:{type:Array,default:function(){return[]}}},data:function(){return{}},computed:{overlayCfg:function(){return{hasAnimation:!0,timingFunction:["ease-in","ease-out"],duration:300,opacity:.5,canAutoClose:this.canAutoClose}},_height:function(){return 192*this.btns.length},btns:function(){var e=[];return e=this.actionBtns&&this.actionBtns.length?this.actionBtns.concat([{text:this.cancelText,type:"cancel"}]):[{text:this.confirmText,color:this.confirmColor,type:"confirm"},{text:this.cancelText,type:"cancel"}],e}},methods:{popupOverlayClick:function(){this.canAutoClose&&this.$emit("fmActionSheetOverlayClick",{})},btnClick:function(e){this.$refs["fm-popup"].hide(),this.$emit("fmActionSheetBtnClicked",e)}}}},function(e,t,n){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("fm-popup",{ref:"fm-popup",staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{"have-overlay":!0,"popup-color":"#FFFFFF",show:e.show,"overlay-cfg":e.overlayCfg,pos:"bottom",height:e._height},on:{fmPopupOverlayClicked:e.popupOverlayClick}},e._l(e.btns,function(t,o){return n("fm-simple-btn",{key:o,staticStyle:e.$processStyle(void 0),style:e.$processStyle(void 0),attrs:{scene:"actionSheet",color:t.color,text:t.text,type:t.type,msg:t.msg},on:{click:e.btnClick}})}))},staticRenderFns:[]},e.exports.render._withStripped=!0}])});