eoss 0.1.0-alpha.20 → 0.1.0-alpha.21

package/lib/drawer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 189);
+/******/ 	return __webpack_require__(__webpack_require__.s = 193);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -127,7 +127,152 @@ function _broadcast(componentName, eventName, params) {
 
 /***/ }),
 
-/***/ 18:
+/***/ 15:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollbarWidth; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return scrollIntoView; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getScrollSize; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollMove; });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
+
+
+/**
+ * 缓存变量，用于存储计算过的滚动条宽度
+ */
+var scrollBarWidth = void 0;
+
+/**
+ * 计算并返回浏览器滚动条的宽度
+ * @returns {number} 滚动条宽度（像素）
+ */
+var getScrollbarWidth = function getScrollbarWidth() {
+  // 服务器端渲染时返回0
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return 0;
+  // 如果已经计算过，直接返回缓存值
+  if (scrollBarWidth !== undefined) return scrollBarWidth;
+
+  // 创建测试元素
+  var outer = document.createElement('div');
+  outer.className = 'es-scrollbar__wrap';
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  outer.style.position = 'absolute';
+  outer.style.top = '-9999px';
+  document.body.appendChild(outer);
+
+  // 计算无滚动条时的宽度
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+
+  // 创建内部元素并计算有滚动条时的宽度
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+
+  var widthWithScroll = inner.offsetWidth;
+  // 清理DOM
+  outer.parentNode.removeChild(outer);
+  // 计算滚动条宽度
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+
+  return scrollBarWidth;
+};
+
+/**
+ * 将指定元素滚动到容器视图中
+ * @param {HTMLElement} container - 容器元素
+ * @param {HTMLElement} selected - 要滚动到视图中的元素
+ * @example
+ * // 用法示例
+ * const container = document.querySelector('.container');
+ * const element = document.querySelector('.target-element');
+ * scrollIntoView(container, element);
+ */
+function scrollIntoView(container, selected) {
+  // 服务器端渲染时不执行
+  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
+
+  // 如果没有指定元素，滚动到顶部
+  if (!selected) {
+    container.scrollTop = 0;
+    return;
+  }
+
+  // 收集所有偏移父元素
+  var offsetParents = [];
+  var pointer = selected.offsetParent;
+  while (pointer && container !== pointer && container.contains(pointer)) {
+    offsetParents.push(pointer);
+    pointer = pointer.offsetParent;
+  }
+
+  // 计算元素相对于容器的顶部偏移量
+  var top = selected.offsetTop + offsetParents.reduce(function (prev, curr) {
+    return prev + curr.offsetTop;
+  }, 0);
+  var bottom = top + selected.offsetHeight;
+  var viewRectTop = container.scrollTop;
+  var viewRectBottom = viewRectTop + container.clientHeight;
+
+  // 调整滚动位置使元素可见
+  if (top < viewRectTop) {
+    container.scrollTop = top;
+  } else if (bottom > viewRectBottom) {
+    container.scrollTop = bottom - container.clientHeight;
+  }
+}
+
+// 获取滚动条大小
+function getScrollSize(wrap) {
+  if (!wrap) {
+    return { width: '', height: '' };
+  };
+  var heightPercentage = 0;
+  var widthPercentage = 0;
+
+  // 修复滚动条尺寸计算逻辑
+  var scrollHeight = wrap.scrollHeight;
+  var scrollWidth = wrap.scrollWidth;
+  var clientHeight = wrap.clientHeight;
+  var clientWidth = wrap.clientWidth;
+  var sizes = {
+    width: '',
+    height: ''
+  };
+  // 只有当内容高度超过容器高度时才显示垂直滚动条
+  if (scrollHeight > clientHeight) {
+    heightPercentage = clientHeight * 100 / scrollHeight;
+    sizes.height = heightPercentage < 100 ? heightPercentage + '%' : '100%';
+  } else {
+    sizes.height = '';
+  }
+
+  // 只有当内容宽度超过容器宽度时才显示水平滚动条
+  if (scrollWidth > clientWidth) {
+    widthPercentage = clientWidth * 100 / scrollWidth;
+    sizes.width = widthPercentage < 100 ? widthPercentage + '%' : '100%';
+  } else {
+    sizes.width = '';
+  }
+  return sizes;
+}
+
+// 滚动条移动
+function scrollMove(wrap) {
+  if (!wrap) return;
+
+  // 立即更新滚动条位置，不使用阈值判断
+  var y = wrap.scrollTop * 100 / wrap.clientHeight;
+  var x = wrap.scrollLeft * 100 / wrap.clientWidth;
+  return { y: y, x: x };
+}
+
+/***/ }),
+
+/***/ 16:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -149,14 +294,14 @@ function _broadcast(componentName, eventName, params) {
 
 /***/ }),
 
-/***/ 189:
+/***/ 193:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/drawer.vue?vue&type=template&id=297c55df&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/drawer/src/drawer.vue?vue&type=template&id=5e536594&
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -282,10 +427,10 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/drawer/src/drawer.vue?vue&type=template&id=297c55df&
+// CONCATENATED MODULE: ./packages/drawer/src/drawer.vue?vue&type=template&id=5e536594&
 
 // EXTERNAL MODULE: ./src/utils/popup/index.js + 1 modules
-var popup = __webpack_require__(22);
+var popup = __webpack_require__(23);
 
 // EXTERNAL MODULE: ./src/mixins/emitter.js
 var emitter = __webpack_require__(10);
@@ -347,6 +492,9 @@ var emitter = __webpack_require__(10);
 //
 //
 //
+//
+//
+//
 
 
 
@@ -361,7 +509,7 @@ var emitter = __webpack_require__(10);
   mixins: [popup["b" /* default */], emitter["a" /* default */]],
   props: {
     /**
-     * Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true
+     * Drawer 自身是否插入至 body 元素上。
      */
     appendToBody: {
       type: Boolean,
@@ -423,7 +571,9 @@ var emitter = __webpack_require__(10);
      */
     modalAppendToBody: {
       type: Boolean,
-      default: true
+      default: function _default() {
+        return this.appendToBody;
+      }
     },
     /**
      * 是否显示关闭按钮
@@ -581,6 +731,9 @@ var emitter = __webpack_require__(10);
     }
   },
   mounted: function mounted() {
+    if (!this.lazy) {
+      return;
+    }
     if (this.visible) {
       this.rendered = true;
       this.open();
@@ -598,194 +751,42 @@ var emitter = __webpack_require__(10);
 });
 // CONCATENATED MODULE: ./packages/drawer/src/drawer.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_drawervue_type_script_lang_js_ = (drawervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(5);
-
-// CONCATENATED MODULE: ./packages/drawer/src/drawer.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_drawervue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var drawer = (component.exports);
-// CONCATENATED MODULE: ./packages/drawer/index.js
-
-
-/* istanbul ignore next */
-drawer.install = function (Vue) {
-  Vue.component(drawer.name, drawer);
-};
-
-/* harmony default export */ var packages_drawer = __webpack_exports__["default"] = (drawer);
-
-/***/ }),
-
-/***/ 19:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollbarWidth; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return scrollIntoView; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getScrollSize; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return scrollMove; });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-
-
-/**
- * 缓存变量，用于存储计算过的滚动条宽度
- */
-var scrollBarWidth = void 0;
-
-/**
- * 计算并返回浏览器滚动条的宽度
- * @returns {number} 滚动条宽度（像素）
- */
-var getScrollbarWidth = function getScrollbarWidth() {
-  // 服务器端渲染时返回0
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return 0;
-  // 如果已经计算过，直接返回缓存值
-  if (scrollBarWidth !== undefined) return scrollBarWidth;
-
-  // 创建测试元素
-  var outer = document.createElement('div');
-  outer.className = 'es-scrollbar__wrap';
-  outer.style.visibility = 'hidden';
-  outer.style.width = '100px';
-  outer.style.position = 'absolute';
-  outer.style.top = '-9999px';
-  document.body.appendChild(outer);
-
-  // 计算无滚动条时的宽度
-  var widthNoScroll = outer.offsetWidth;
-  outer.style.overflow = 'scroll';
-
-  // 创建内部元素并计算有滚动条时的宽度
-  var inner = document.createElement('div');
-  inner.style.width = '100%';
-  outer.appendChild(inner);
-
-  var widthWithScroll = inner.offsetWidth;
-  // 清理DOM
-  outer.parentNode.removeChild(outer);
-  // 计算滚动条宽度
-  scrollBarWidth = widthNoScroll - widthWithScroll;
-
-  return scrollBarWidth;
-};
-
-/**
- * 将指定元素滚动到容器视图中
- * @param {HTMLElement} container - 容器元素
- * @param {HTMLElement} selected - 要滚动到视图中的元素
- * @example
- * // 用法示例
- * const container = document.querySelector('.container');
- * const element = document.querySelector('.target-element');
- * scrollIntoView(container, element);
- */
-function scrollIntoView(container, selected) {
-  // 服务器端渲染时不执行
-  if (vue__WEBPACK_IMPORTED_MODULE_0___default.a.prototype.$isServer) return;
-
-  // 如果没有指定元素，滚动到顶部
-  if (!selected) {
-    container.scrollTop = 0;
-    return;
-  }
-
-  // 收集所有偏移父元素
-  var offsetParents = [];
-  var pointer = selected.offsetParent;
-  while (pointer && container !== pointer && container.contains(pointer)) {
-    offsetParents.push(pointer);
-    pointer = pointer.offsetParent;
-  }
-
-  // 计算元素相对于容器的顶部偏移量
-  var top = selected.offsetTop + offsetParents.reduce(function (prev, curr) {
-    return prev + curr.offsetTop;
-  }, 0);
-  var bottom = top + selected.offsetHeight;
-  var viewRectTop = container.scrollTop;
-  var viewRectBottom = viewRectTop + container.clientHeight;
-
-  // 调整滚动位置使元素可见
-  if (top < viewRectTop) {
-    container.scrollTop = top;
-  } else if (bottom > viewRectBottom) {
-    container.scrollTop = bottom - container.clientHeight;
-  }
-}
-
-// 获取滚动条大小
-function getScrollSize(wrap) {
-  if (!wrap) {
-    return { width: '', height: '' };
-  };
-  var heightPercentage = 0;
-  var widthPercentage = 0;
-
-  // 修复滚动条尺寸计算逻辑
-  var scrollHeight = wrap.scrollHeight;
-  var scrollWidth = wrap.scrollWidth;
-  var clientHeight = wrap.clientHeight;
-  var clientWidth = wrap.clientWidth;
-  var sizes = {
-    width: '',
-    height: ''
-  };
-  // 只有当内容高度超过容器高度时才显示垂直滚动条
-  if (scrollHeight > clientHeight) {
-    heightPercentage = clientHeight * 100 / scrollHeight;
-    sizes.height = heightPercentage < 100 ? heightPercentage + '%' : '100%';
-  } else {
-    sizes.height = '';
-  }
-
-  // 只有当内容宽度超过容器宽度时才显示水平滚动条
-  if (scrollWidth > clientWidth) {
-    widthPercentage = clientWidth * 100 / scrollWidth;
-    sizes.width = widthPercentage < 100 ? widthPercentage + '%' : '100%';
-  } else {
-    sizes.width = '';
-  }
-  return sizes;
-}
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(3);
 
-// 滚动条移动
-function scrollMove(wrap) {
-  if (!wrap) return;
+// CONCATENATED MODULE: ./packages/drawer/src/drawer.vue
 
-  // 立即更新滚动条位置，不使用阈值判断
-  var y = wrap.scrollTop * 100 / wrap.clientHeight;
-  var x = wrap.scrollLeft * 100 / wrap.clientWidth;
-  return { y: y, x: x };
-}
 
-/***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
 
-module.exports = require("vue");
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_drawervue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var drawer = (component.exports);
+// CONCATENATED MODULE: ./packages/drawer/index.js
+
+
+/* istanbul ignore next */
+drawer.install = function (Vue) {
+  Vue.component(drawer.name, drawer);
+};
+
+/* harmony default export */ var packages_drawer = __webpack_exports__["default"] = (drawer);
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -794,14 +795,14 @@ module.exports = require("vue");
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ popup_manager; });
 
 // EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(2);
+var external_vue_ = __webpack_require__(4);
 var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 // EXTERNAL MODULE: ./src/utils/merge.js
-var merge = __webpack_require__(18);
+var merge = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./src/utils/dom.js
-var utils_dom = __webpack_require__(4);
+var utils_dom = __webpack_require__(5);
 
 // CONCATENATED MODULE: ./src/utils/popup/popup-manager.js
 
@@ -1010,7 +1011,7 @@ if (!external_vue_default.a.prototype.$isServer) {
 
 /* harmony default export */ var popup_manager = (PopupManager);
 // EXTERNAL MODULE: ./src/utils/scrollbar.js
-var scrollbar = __webpack_require__(19);
+var scrollbar = __webpack_require__(15);
 
 // CONCATENATED MODULE: ./src/utils/popup/index.js
 
@@ -1056,6 +1057,10 @@ var scrollBarWidth = void 0;
     closeOnClickModal: {
       type: Boolean,
       default: false
+    },
+    lazy: {
+      type: Boolean,
+      default: true
     }
   },
 
@@ -1085,7 +1090,7 @@ var scrollBarWidth = void 0;
       bodyPaddingRight: null,
       computedBodyPaddingRight: 0,
       withoutHiddenClass: true,
-      rendered: false
+      rendered: !this.lazy
     };
   },
 
@@ -1234,9 +1239,121 @@ var scrollBarWidth = void 0;
 
 
 
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
 /***/ }),
 
 /***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
+/***/ }),
+
+/***/ 5:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1252,7 +1369,7 @@ var scrollBarWidth = void 0;
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getScrollContainer; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return isInContainer; });
 /* unused harmony export insertAfter */
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
 var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
@@ -1493,111 +1610,6 @@ function insertAfter(newEl, targetEl) {
   }
 }
 
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
 /***/ })
 
 /******/ });