@xysfe/actui/es/Collapse/index.js

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/utils/raf.js"),require("@xysfe/actui/es/assets/img/icon-down_sq1.png")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/utils/helpers.js","@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/utils/raf.js","@xysfe/actui/es/assets/img/icon-down_sq1.png"],t):"object"==typeof exports?exports.Collapse=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/utils/helpers.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/utils/raf.js"),require("@xysfe/actui/es/assets/img/icon-down_sq1.png")):e.Collapse=t(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/utils/helpers.js"],e["@xysfe/actui/es/assets/mixins/visible.js"],e["@xysfe/actui/es/assets/utils/raf.js"],e["@xysfe/actui/es/assets/img/icon-down_sq1.png"])}("undefined"!=typeof self?self:this,function(e,t,s,i,n){return function(e){function t(i){if(s[i])return s[i].exports;var n=s[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,i){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=1820)}({1170:function(e,t,s){"use strict";var i=s(40),n=s.n(i),a=s(876),o=(s.n(a),s(39));s.n(o);t.a={name:"ActCollapse",mixins:[n.a],props:{initState:{type:Boolean,default:!0},title:{type:String,default:""},borderRadius:{type:[String,Number],default:"8px"},trigger:{type:String,default:"default"}},data:function(){return{contentShow:this.initState,isExpanded:this.initState}},computed:{panelRadius:function(){return Object(o.formatFontSize)(this.borderRadius)}},methods:{toggle:function(){this.isExpanded=!this.isExpanded,"immediate"===this.trigger&&(this.isExpanded?this.$emit("expand"):this.$emit("fold"),this.$emit("toggle",this.isExpanded))},onToggle:function(){var e=this;this.isExpanded&&(this.contentShow=!0),(this.isExpanded?this.$nextTick:a.raf)(function(){var t=e.$refs,s=t.content,i=t.wrapper;if(s&&i){var n=s.offsetHeight;if(n){var o=n+"px";i.style.height=e.isExpanded?0:o,Object(a.doubleRaf)(function(){i.style.height=e.isExpanded?o:0})}else e.onToggleEnd()}})},onToggleEnd:function(){this.isExpanded?this.$refs.wrapper.style.height="":this.contentShow=!1,"default"===this.trigger&&(this.isExpanded?this.$emit("expand"):this.$emit("fold"),this.$emit("toggle",this.isExpanded))}},watch:{isExpanded:function(){this.onToggle()}}}},1820:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s(26),n=s.n(i),a=s(1821);a.a.install=function(e){e.component(a.a.name,a.a),e.prototype.$createCollapse=n()(a.a,e)},t.default=a.a},1821:function(e,t,s){"use strict";function i(e){r||s(1822)}var n=s(1170),a=s(1823),o=s(7),r=!1,u=i,c=Object(o.a)(n.a,a.a,a.b,!1,u,"data-v-f3f74c0a",null);c.options.__file="src\\components\\Collapse\\src\\index.vue",t.a=c.exports},1822:function(e,t){},1823:function(e,t,s){"use strict";s.d(t,"a",function(){return i}),s.d(t,"b",function(){return n});var i=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"act-Collapse",style:{"border-radius":e.panelRadius}},[e.$slots.header?e._t("header"):i("div",{staticClass:"item-header"},[e.$scopedSlots.title?e._t("title",null,{expanded:e.isExpanded}):i("div",{staticClass:"title"},[e._v("\n      "+e._s(e.title)+"\n    ")]),e._v(" "),e.$scopedSlots.icon?e._t("icon",null,{expanded:e.isExpanded}):i("div",{staticClass:"icon",on:{click:e.toggle}},[i("img",{class:{expanded:e.isExpanded},attrs:{alt:"",src:s(925)}})])],2),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.contentShow,expression:"contentShow"}],ref:"wrapper",staticClass:"content-wrapper",on:{transitionend:e.onToggleEnd}},[i("div",{ref:"content",staticClass:"content"},[e._t("default")],2)])],2)},n=[];i._withStripped=!0},26:function(t,s){t.exports=e},39:function(e,s){e.exports=t},40:function(e,t){e.exports=s},7:function(e,t,s){"use strict";function i(e,t,s,i,n,a,o,r){e=e||{};var u=typeof e.default;"object"!==u&&"function"!==u||(e=e.default);var c="function"==typeof e?e.options:e;t&&(c.render=t,c.staticRenderFns=s,c._compiled=!0),i&&(c.functional=!0),a&&(c._scopeId=a);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=d):n&&(d=r?function(){n.call(this,this.$root.$options.shadowRoot)}:n),d)if(c.functional){c._injectStyles=d;var l=c.render;c.render=function(e,t){return d.call(t),l(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,d):[d]}return{exports:e,options:c}}t.a=i},876:function(e,t){e.exports=i},925:function(e,t){e.exports=n}})});