UNPKG

element-nice-ui

Version:

A Component Library for Vue.js.

938 lines (862 loc) 29 kB
module.exports = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/dist/"; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 187); /******/ }) /************************************************************************/ /******/ ({ /***/ 187: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib??vue-loader-options!./packages/new-tree/src/tree.vue?vue&type=template&id=7cfa9e04 var render = function render() { var _vm = this, _c = _vm._self._c return _c( "div", { staticClass: "el-new-tree" }, [ !_vm.rootChildren.some((child) => child.visible) ? _c( "div", { staticStyle: { "text-align": "center", color: "#909399" } }, [_vm._v("\n 暂无数据\n ")] ) : _vm._e(), _vm._l(_vm.rootChildren, function (node, index) { return _c("TreeItem", { key: node.$id, attrs: { node: node } }) }), ], 2 ) } var staticRenderFns = [] render._withStripped = true // CONCATENATED MODULE: ./packages/new-tree/src/tree.vue?vue&type=template&id=7cfa9e04 // CONCATENATED MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib??vue-loader-options!./packages/new-tree/src/tree-item.vue?vue&type=template&id=2312f434 var tree_itemvue_type_template_id_2312f434_render = function render() { var _vm = this, _c = _vm._self._c return _c( "div", { directives: [ { name: "show", rawName: "v-show", value: _vm.node.visible, expression: "node.visible", }, ], staticClass: "el-new-tree__item", }, [ _c( "section", { staticClass: "el-new-tree__content", class: { "el-new-tree--expanded": _vm.node.expanded, "el-new-tree--selected": _vm.node.selected, "el-new-tree--disabled": !_vm.selectable, }, style: _vm.contentStyle, on: { click: _vm.onSelect }, }, [ _vm.node.children.length ? _c("i", { staticClass: "el-new-tree__expand-icon el-icon-caret-right", on: { click: function ($event) { $event.stopPropagation() return _vm.node.toggleExpanded() }, }, }) : _c("span", { staticStyle: { padding: "0 8px" } }), _vm.tree.checkable && (!_vm.tree.checkableFilter || _vm.tree.checkableFilter(_vm.node.data)) ? _c("el-checkbox", { attrs: { indeterminate: _vm.node.indeterminate, value: _vm.node.checked, }, on: { input: _vm.onToggleCheck }, }) : _vm._e(), _vm.tree.$scopedSlots.default ? _c("slot-render", { attrs: { scope: _vm.tree.$scopedSlots.default({ item: _vm.node.data }), }, }) : _c("span", { staticClass: "el-new-tree__label" }, [ _vm._v(_vm._s(_vm.label)), ]), ], 1 ), _c("el-collapse-transition", [ _vm.node.children.length && _vm.node.expanded ? _c( "div", _vm._l(_vm.node.children, function (childNode, index) { return _c("tree-item", { key: childNode.$id, attrs: { node: childNode }, }) }), 1 ) : _vm._e(), ]), ], 1 ) } var tree_itemvue_type_template_id_2312f434_staticRenderFns = [] tree_itemvue_type_template_id_2312f434_render._withStripped = true // CONCATENATED MODULE: ./packages/new-tree/src/tree-item.vue?vue&type=template&id=2312f434 // EXTERNAL MODULE: external "element-nice-ui/lib/transitions/collapse-transition" var collapse_transition_ = __webpack_require__(50); var collapse_transition_default = /*#__PURE__*/__webpack_require__.n(collapse_transition_); // EXTERNAL MODULE: external "element-nice-ui/lib/checkbox" var checkbox_ = __webpack_require__(26); var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_); // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.4.1_@babel+core@7.28.0_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib??vue-loader-options!./packages/new-tree/src/tree-item.vue?vue&type=script&lang=js /* harmony default export */ var tree_itemvue_type_script_lang_js = ({ name: 'TreeItem', components: { ElCollapseTransition: collapse_transition_default.a, ElCheckbox: checkbox_default.a, SlotRender: { functional: true, props: { scope: { type: [Object, Array], required: true } }, render(h, _ref) { let { props } = _ref; return props.scope; } } }, inject: ['tree'], props: { node: { type: Object } }, computed: { label() { return this.node.data.label; }, value() { return this.node.data.value; }, contentStyle() { const { depth } = this.node; return { paddingLeft: (depth - 1) * 16 + 'px' }; }, selectable() { const { tree } = this; return tree.selectableFilter ? tree.selectableFilter(this.node.data) : true; } }, methods: { onToggleCheck(checked) { this.node.setChecked(checked, 'event'); const { tree } = this.tree; const { nodeKeyMap } = tree; this.tree.$emit('input', Array.from(tree.checkedSet)); this.tree.$emit('change', Array.from(tree.checkedSet), Array.from(tree.checkedSet).map(key => nodeKeyMap[key].data.label), Array.from(tree.checkedSet).map(key => nodeKeyMap[key].data)); }, /** 选择 */ onSelect() { if (this.tree.checkable || !this.selectable) return; this.node.setSelected(); const { currentSelectNode } = this.tree.tree; if (currentSelectNode) { const { data } = currentSelectNode; this.tree.$emit('input', data.value); this.tree.$emit('change', data.value, data.label, data); } else { this.tree.$emit('input', ''); this.tree.$emit('change', '', '', null); } } } }); // CONCATENATED MODULE: ./packages/new-tree/src/tree-item.vue?vue&type=script&lang=js /* harmony default export */ var src_tree_itemvue_type_script_lang_js = (tree_itemvue_type_script_lang_js); // EXTERNAL MODULE: ./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib/runtime/componentNormalizer.js var componentNormalizer = __webpack_require__(2); // CONCATENATED MODULE: ./packages/new-tree/src/tree-item.vue /* normalize component */ var component = Object(componentNormalizer["a" /* default */])( src_tree_itemvue_type_script_lang_js, tree_itemvue_type_template_id_2312f434_render, tree_itemvue_type_template_id_2312f434_staticRenderFns, false, null, null, null ) /* harmony default export */ var tree_item = (component.exports); // CONCATENATED MODULE: ./packages/new-tree/src/tree-node.js const _excluded = ["id", "data"]; function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; } function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; } function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; } function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /** * @typedef {Object} NodeOption * @property {TreeNode} parent 父节点 * @property {number} id 节点id * @property {Object} data 节点数据 * @property {Tree} context 上下文对象 * @property {number} depth 节点深度 */ class TreeNode { /** * @param {NodeOption} options 节点选项 */ constructor(options) { /** * 上下文 * @type {Tree} */ _defineProperty(this, "context", null); /** * 父节点 * @type {TreeNode} */ _defineProperty(this, "parent", null); /** * 树的深度 * @type {number} */ _defineProperty(this, "depth", 1); /** * 节点数据 * @type {Object} */ _defineProperty(this, "data", null); /** * 节点id * @type {number} */ _defineProperty(this, "$id", null); /** 节点在同级中的索引 */ _defineProperty(this, "index", 0); /** * 节点展开 * @type {boolean} */ _defineProperty(this, "expanded", false); /** * 节点选中 * @type {boolean} */ _defineProperty(this, "checked", false); /** * 节点单选 * @type {boolean} */ _defineProperty(this, "selected", false); /** 节点中间态 */ _defineProperty(this, "indeterminate", false); /** 节点可见 */ _defineProperty(this, "visible", true); /** * 子节点 * @type {TreeNode[]} */ _defineProperty(this, "children", []); let { id, data } = options, restOptions = _objectWithoutProperties(options, _excluded); this.$id = id; this.data = data; Object.keys(restOptions).forEach(key => { this[key] = restOptions[key]; }); const { nodeKeyMap } = this.context; if (data) { // 将节点的值属性作为键, 节点本身作为值映射,方便直接查找 if (data.value) { nodeKeyMap[data.value] = this; } } if (data && Array.isArray(data.children) && data.children.length) { this.children = data.children.map((childData, index) => new TreeNode({ depth: this.depth + 1, data: childData, id: this.context.autoIncreaseId++, context: this.context, parent: this, index })); } } /** 切换展开折叠状态 */ toggleExpanded() { this.expanded = !this.expanded; } /** * 设置节点单选状态 */ setSelected() { const { context } = this; let { currentSelectNode } = context; // 已有选中节点且和当前节点不冲突 if (currentSelectNode && currentSelectNode !== this) { currentSelectNode.selected = false; } this.setParentExpand(true); this.selected = true; context.currentSelectNode = this; } /** * 设置节点选中状态 * @param {boolean} val 值 * @param {'event'|'init'} target 触发目标 */ setChecked(val, target) { if (val === undefined) { val = !this.checked; } this.checked = val; // this.indeterminate = false // select用不到 val ? this.context.checkedSet.add(this.data.value) : this.context.checkedSet.delete(this.data.value); // 所有的子节点如与当前选中状态不一致也执行此方法 this.children.forEach(child => { child.checked !== val && child.setChecked(val); }); // 如果树定义了冒泡机制, 那么状态改变时会通知父级 select组件用不到 // if (this.context.bubble) { // // 事件触发的操作通知父节点 // if (target === 'event') { // this.notifyParent() // } // } } /** 设置父组件展开 */ setParentExpand(val) { if (!this.parent) return; this.parent.visible = val; this.parent.expanded = true; this.parent.setParentExpand(val); } /** 通知父级当前状态 select组件用不到 */ // notifyParent() { // // 子节点全选 // let allChildrenChecked = true // // 子节点部分选择(选择了但是没有全选) // let indeterminate = false // const { parent } = this // if (!parent) return // parent.children.some(child => { // if (child.checked) { // indeterminate = true // } else { // allChildrenChecked = false // } // return !allChildrenChecked && indeterminate // }) // // 子级全选 // if (allChildrenChecked) { // parent.checked = true // parent.indeterminate = false // } else { // // 在关联性树结构中应连带着吧checked置空 // parent.checked = false // if (indeterminate) { // parent.indeterminate = true // } else { // parent.indeterminate = false // } // } // parent.notifyParent() // } } // CONCATENATED MODULE: ./packages/new-tree/src/tree.js const tree_excluded = ["data"]; function tree_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = tree_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; } function tree_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; } function tree_defineProperty(e, r, t) { return (r = tree_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; } function tree_toPropertyKey(t) { var i = tree_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; } function tree_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } class tree_Tree { /** * @param {Object} options 树选项 * @param {Record<string, any>[] | Record<string, any>} options.data 数据 * @param {boolean} options.bubble 是否冒泡 * @param {string} options.filterNodeMethod 节点过滤方法 */ constructor() { let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; /** * 根节点 * @type {TreeNode} */ tree_defineProperty(this, "root", null); /** * 自增id * @type {number} */ tree_defineProperty(this, "autoIncreaseId", 0); /** * 节点的key映射 * @type {Record<string, TreeNode>} */ tree_defineProperty(this, "nodeKeyMap", Object.create(null)); /** * 选中节点的集合 * @type {Set<string>} */ tree_defineProperty(this, "checkedSet", new Set()); /** 是否向上通知 */ tree_defineProperty(this, "bubble", true); /** * 当前选中节点 * @type {TreeNode} */ tree_defineProperty(this, "currentSelectNode", null); let { data } = options, rest = tree_objectWithoutProperties(options, tree_excluded); Object.keys(rest).forEach(key => { this[key] = rest[key]; }); this.root = new TreeNode({ id: this.autoIncreaseId++, data: Array.isArray(options.data) ? { children: data } : data, context: this, depth: 0 }); } getCurrentNode() { return this.currentSelectNode; } // 合并节点, 如果子级也全部选中那么只显示父级 getCheckedNodes() { let merge = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; if (!merge) { return Array.from(this.checkedSet).map(item => { return this.nodeKeyMap[item]; }); } const checkedNodes = []; const _traverse = function traverse(node) { if (node.checked) { checkedNodes.push(node); } if (!node.children || !node.children.length) return; let childrenAllChecked = node.children.every(child => child.checked); // 如果子节点没有全部选中, 则继续深度遍历 if (!childrenAllChecked || !node.checked) { node.children.forEach(node => _traverse(node)); } }; _traverse(this.root); return checkedNodes; } filter(val) { let { root, filterNodeMethod } = this; if (!val) { let walk = data => { data.forEach(child => { child.visible = true; if (child.children && child.children.length) { walk(child.children); } }); }; walk(root.children); return; } /** * 遍历 * @param {TreeNode[]} data */ function walk(data) { data.forEach(child => { child.visible = filterNodeMethod.call(child, val, child.data); child.visible && child.setParentExpand(child.visible); if (child.children && child.children.length) { walk(child.children); } }); } walk(root.children); } } // CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@8.4.1_@babel+core@7.28.0_webpack@4.47.0/node_modules/babel-loader/lib!./node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.18_css-loader@5.2.7_webpack@4.47.0__lodash@4.1_bb9a19950a80e648dc95ba33c71fa343/node_modules/vue-loader/lib??vue-loader-options!./packages/new-tree/src/tree.vue?vue&type=script&lang=js /* harmony default export */ var treevue_type_script_lang_js = ({ name: 'ElNewTree', components: { TreeItem: tree_item }, props: { treeData: { type: Array }, checkableFilter: { type: Function }, selectableFilter: { type: Function }, defaultShowAll: { type: Boolean, default: false }, filterNodeMethod: { type: Function }, /** 可选择 */ checkable: { type: Boolean }, /** 是否冒泡关联 */ bubble: { type: Boolean, default: true } }, provide() { return { tree: this }; }, data: () => ({ /** * 树 * @type {Tree} */ tree: null }), computed: { rootChildren() { return this.tree ? this.tree.root.children : []; } }, watch: { treeData(val) { this.initTree(val); } }, methods: { /** 设置树的选中状态 */ setTreeChecked(keys) { if (!this.checkable) return; const { tree } = this; // 移除旧的选中状态 tree.checkedSet.forEach(key => { let treeNode = tree.nodeKeyMap[key]; if (treeNode) { treeNode.checked = false; } }); tree.checkedSet.clear(); // 选中新的节点 keys.forEach(key => { tree.checkedSet.add(key); let treeNode = tree.nodeKeyMap[key]; if (treeNode) { treeNode.checked = true; // let p = treeNode.parent // while(p) { // p.expanded = true // p = p.parent // } } }); }, /** 设置树的单选状态 */ setTreeSelected(value) { if (this.checkable) return; const { tree } = this; /** 没有值 */ if (!value) { if (tree.currentSelectNode) { tree.currentSelectNode.selected = false; } tree.currentSelectNode = null; return; } let node = tree.nodeKeyMap[value]; if (node) { node.setSelected(); } }, /** 初始化整棵树 */ initTree(data) { let tree = new tree_Tree({ data, bubble: this.bubble, filterNodeMethod: this.filterNodeMethod || ((value, data) => { if (!value) return true; return data.label.includes(value); }) }); this.tree = tree; }, getCurrentNode() { return this.tree.getCurrentNode(); }, getCheckedNodes(merge) { return this.tree.getCheckedNodes(merge); }, filter(val) { this.tree.filter(val); } }, created() { this.initTree(this.treeData); } }); // CONCATENATED MODULE: ./packages/new-tree/src/tree.vue?vue&type=script&lang=js /* harmony default export */ var src_treevue_type_script_lang_js = (treevue_type_script_lang_js); // CONCATENATED MODULE: ./packages/new-tree/src/tree.vue /* normalize component */ var tree_component = Object(componentNormalizer["a" /* default */])( src_treevue_type_script_lang_js, render, staticRenderFns, false, null, null, null ) /* harmony default export */ var src_tree = (tree_component.exports); // CONCATENATED MODULE: ./packages/new-tree/index.js src_tree.install = function (Vue) { Vue.component(src_tree.name, src_tree); }; /* harmony default export */ var new_tree = __webpack_exports__["default"] = (src_tree); /***/ }), /***/ 2: /***/ (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 } } /***/ }), /***/ 26: /***/ (function(module, exports) { module.exports = require("element-nice-ui/lib/checkbox"); /***/ }), /***/ 50: /***/ (function(module, exports) { module.exports = require("element-nice-ui/lib/transitions/collapse-transition"); /***/ }) /******/ });