collapse-item.js 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/ // The require function
  6. /******/ function __webpack_require__(moduleId) {
  7. /******/ // Check if module is in cache
  8. /******/ if(installedModules[moduleId])
  9. /******/ return installedModules[moduleId].exports;
  10. /******/ // Create a new module (and put it into the cache)
  11. /******/ var module = installedModules[moduleId] = {
  12. /******/ exports: {},
  13. /******/ id: moduleId,
  14. /******/ loaded: false
  15. /******/ };
  16. /******/ // Execute the module function
  17. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  18. /******/ // Flag the module as loaded
  19. /******/ module.loaded = true;
  20. /******/ // Return the exports of the module
  21. /******/ return module.exports;
  22. /******/ }
  23. /******/ // expose the modules object (__webpack_modules__)
  24. /******/ __webpack_require__.m = modules;
  25. /******/ // expose the module cache
  26. /******/ __webpack_require__.c = installedModules;
  27. /******/ // __webpack_public_path__
  28. /******/ __webpack_require__.p = "/dist/";
  29. /******/ // Load entry module and return exports
  30. /******/ return __webpack_require__(0);
  31. /******/ })
  32. /************************************************************************/
  33. /******/ ({
  34. /***/ 0:
  35. /***/ function(module, exports, __webpack_require__) {
  36. module.exports = __webpack_require__(77);
  37. /***/ },
  38. /***/ 3:
  39. /***/ function(module, exports) {
  40. module.exports = function normalizeComponent (
  41. rawScriptExports,
  42. compiledTemplate,
  43. scopeId,
  44. cssModules
  45. ) {
  46. var esModule
  47. var scriptExports = rawScriptExports = rawScriptExports || {}
  48. // ES6 modules interop
  49. var type = typeof rawScriptExports.default
  50. if (type === 'object' || type === 'function') {
  51. esModule = rawScriptExports
  52. scriptExports = rawScriptExports.default
  53. }
  54. // Vue.extend constructor export interop
  55. var options = typeof scriptExports === 'function'
  56. ? scriptExports.options
  57. : scriptExports
  58. // render functions
  59. if (compiledTemplate) {
  60. options.render = compiledTemplate.render
  61. options.staticRenderFns = compiledTemplate.staticRenderFns
  62. }
  63. // scopedId
  64. if (scopeId) {
  65. options._scopeId = scopeId
  66. }
  67. // inject cssModules
  68. if (cssModules) {
  69. var computed = options.computed || (options.computed = {})
  70. Object.keys(cssModules).forEach(function (key) {
  71. var module = cssModules[key]
  72. computed[key] = function () { return module }
  73. })
  74. }
  75. return {
  76. esModule: esModule,
  77. exports: scriptExports,
  78. options: options
  79. }
  80. }
  81. /***/ },
  82. /***/ 14:
  83. /***/ function(module, exports) {
  84. module.exports = require("element-ui/lib/mixins/emitter");
  85. /***/ },
  86. /***/ 77:
  87. /***/ function(module, exports, __webpack_require__) {
  88. 'use strict';
  89. exports.__esModule = true;
  90. var _collapseItem = __webpack_require__(78);
  91. var _collapseItem2 = _interopRequireDefault(_collapseItem);
  92. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  93. /* istanbul ignore next */
  94. _collapseItem2.default.install = function (Vue) {
  95. Vue.component(_collapseItem2.default.name, _collapseItem2.default);
  96. };
  97. exports.default = _collapseItem2.default;
  98. /***/ },
  99. /***/ 78:
  100. /***/ function(module, exports, __webpack_require__) {
  101. var Component = __webpack_require__(3)(
  102. /* script */
  103. __webpack_require__(79),
  104. /* template */
  105. __webpack_require__(81),
  106. /* scopeId */
  107. null,
  108. /* cssModules */
  109. null
  110. )
  111. module.exports = Component.exports
  112. /***/ },
  113. /***/ 79:
  114. /***/ function(module, exports, __webpack_require__) {
  115. 'use strict';
  116. exports.__esModule = true;
  117. var _emitter = __webpack_require__(14);
  118. var _emitter2 = _interopRequireDefault(_emitter);
  119. var _collapseTransition = __webpack_require__(80);
  120. var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
  121. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  122. //
  123. //
  124. //
  125. //
  126. //
  127. //
  128. //
  129. //
  130. //
  131. //
  132. //
  133. //
  134. //
  135. //
  136. //
  137. exports.default = {
  138. name: 'ElCollapseItem',
  139. componentName: 'ElCollapseItem',
  140. mixins: [_emitter2.default],
  141. components: {
  142. CollapseTransition: _collapseTransition2.default
  143. },
  144. data: function data() {
  145. return {
  146. contentWrapStyle: {
  147. height: 'auto',
  148. display: 'block'
  149. },
  150. contentHeight: 0
  151. };
  152. },
  153. props: {
  154. title: String,
  155. name: {
  156. type: [String, Number],
  157. default: function _default() {
  158. return this._uid;
  159. }
  160. }
  161. },
  162. computed: {
  163. isActive: function isActive() {
  164. return this.$parent.activeNames.indexOf(this.name) > -1;
  165. }
  166. },
  167. watch: {
  168. 'isActive': function isActive(value) {}
  169. },
  170. methods: {
  171. handleHeaderClick: function handleHeaderClick() {
  172. this.dispatch('ElCollapse', 'item-click', this);
  173. }
  174. },
  175. mounted: function mounted() {}
  176. };
  177. /***/ },
  178. /***/ 80:
  179. /***/ function(module, exports) {
  180. module.exports = require("element-ui/lib/transitions/collapse-transition");
  181. /***/ },
  182. /***/ 81:
  183. /***/ function(module, exports) {
  184. module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
  185. return _c('div', {
  186. staticClass: "el-collapse-item",
  187. class: {
  188. 'is-active': _vm.isActive
  189. }
  190. }, [_c('div', {
  191. staticClass: "el-collapse-item__header",
  192. on: {
  193. "click": _vm.handleHeaderClick
  194. }
  195. }, [_c('i', {
  196. staticClass: "el-collapse-item__header__arrow el-icon-arrow-right"
  197. }), _vm._t("title", [_vm._v(_vm._s(_vm.title))])], 2), _c('collapse-transition', [_c('div', {
  198. directives: [{
  199. name: "show",
  200. rawName: "v-show",
  201. value: (_vm.isActive),
  202. expression: "isActive"
  203. }],
  204. staticClass: "el-collapse-item__wrap"
  205. }, [_c('div', {
  206. staticClass: "el-collapse-item__content"
  207. }, [_vm._t("default")], 2)])])], 1)
  208. },staticRenderFns: []}
  209. /***/ }
  210. /******/ });