vue-gutter-resize
Version:
resize adjacent dom by dragging the gutter
735 lines (636 loc) • 26.3 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["vue-gutter-resize"] = factory();
else
root["vue-gutter-resize"] = factory();
})((typeof self !== 'undefined' ? self : this), function() {
return /******/ (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 = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "fb15");
/******/ })
/************************************************************************/
/******/ ({
/***/ "533b":
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "8670":
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "bcf8":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_column_gutter_vue_vue_type_style_index_0_id_09736778_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("533b");
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_column_gutter_vue_vue_type_style_index_0_id_09736778_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_column_gutter_vue_vue_type_style_index_0_id_09736778_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_column_gutter_vue_vue_type_style_index_0_id_09736778_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "d4ca":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_row_gutter_vue_vue_type_style_index_0_id_7f9fb64e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8670");
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_row_gutter_vue_vue_type_style_index_0_id_7f9fb64e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_row_gutter_vue_vue_type_style_index_0_id_7f9fb64e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_row_gutter_vue_vue_type_style_index_0_id_7f9fb64e_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/***/ "f6fd":
/***/ (function(module, exports) {
// document.currentScript polyfill by Adam Miller
// MIT license
(function(document){
var currentScript = "currentScript",
scripts = document.getElementsByTagName('script'); // Live NodeList collection
// If browser needs currentScript polyfill, add get currentScript() to the document object
if (!(currentScript in document)) {
Object.defineProperty(document, currentScript, {
get: function(){
// IE 6-10 supports script readyState
// IE 10+ support stack trace
try { throw new Error(); }
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
// Specifically works with the format of stack traces in IE.
var i, res = ((/.*at [^\(]*\((.*):.+:.+\)$/ig).exec(err.stack) || [false])[1];
// For all scripts on the page, if src matches or if ready state is interactive, return the script tag
for(i in scripts){
if(scripts[i].src == res || scripts[i].readyState == "interactive"){
return scripts[i];
}
}
// If no match, return null
return null;
}
}
});
}
})(document);
/***/ }),
/***/ "fb15":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
;
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
// This file is imported into lib/wc client bundles.
if (typeof window !== 'undefined') {
if (true) {
__webpack_require__("f6fd")
}
var i
if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
__webpack_require__.p = i[1] // eslint-disable-line
}
}
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2219c620-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/column-gutter.vue?vue&type=template&id=09736778&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:"gutter",style:(("width: " + _vm.width + "; height: " + _vm.height + ";"))},[_c('div',{staticClass:"pane pane-v left",style:(("width: calc(" + (_vm.areaSize[0]) + "% - " + (_vm.gutterSize || _vm.gutterSizes[0]) + ");"))},[_vm._t(("col-" + (0)))],2),_vm._l((_vm.column - 1),function(n){return _c('div',{key:n,staticClass:"afterCol",style:(("width: calc(" + (_vm.areaSize[n]) + "% - " + (_vm.gutterSize || _vm.gutterSizes[n - 1]) + ");"))},[_c('div',{staticClass:"gutter gutter-v",style:(("\n width: " + (_vm.gutterSize || _vm.gutterSizes[n - 1]) + ";\n height: " + _vm.height + ";\n background-color: " + (_vm.color || _vm.colors[n - 1]) + ";\n ")),attrs:{"draggable":"true"},on:{"drag":function($event){return _vm.drag($event, n - 1);},"dragstart":function($event){return _vm.dragstart($event, n - 1);}}}),(n !== _vm.column - 1)?_c('div',{staticClass:"pane pane-v",style:(("width: calc(" + (100) + "% - " + (_vm.gutterSize || _vm.gutterSizes[n - 1])))},[_vm._t(("col-" + n))],2):_c('div',{staticClass:"pane pane-v",style:(("width: calc(" + (100) + "%}"))},[_vm._t(("col-" + n))],2)])})],2)}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/components/column-gutter.vue?vue&type=template&id=09736778&scoped=true&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/mixins/gutter.vue?vue&type=script&lang=js&
const MAX_DRAG_RANGE = 100;
const MIN_DRAG_RANGE = 0;
/* harmony default export */ var guttervue_type_script_lang_js_ = ({
props: {
width: {
type: String,
required: true,
default: '500px',
},
height: {
type: String,
required: true,
default: '500px',
},
gutterSize: {
type: String,
},
gutterSizes: {
type: Array,
},
color: {
type: String,
},
colors: {
type: Array,
},
},
data() {
return {
target: undefined,
areaSize: [],
gutterComponent: {
width: 0,
height: 0,
offsetX: 0,
offsetY: 0,
},
};
},
created() {
this.divideArea();
},
mounted() {
this.setPlaygroundRect();
},
methods: {
isArrayContains(array) {
return array && array.length && array.length > 0;
},
draggingGutter(e, mousePosition, index, gutterSize) {
const gutterSum = this.getGutterSum(
index,
this.gutterSize,
this.gutterSizes,
);
if (this.isDraggingGutter(e)) {
const oneTopSize = ((mousePosition + gutterSum) / gutterSize) * 100;
if (this.isGutterInRange(oneTopSize)) {
let before = 0;
for (let i = 0; i < index; i += 1) {
before += this.areaSize[i];
}
const sum = this.areaSize[index] + this.areaSize[index + 1];
if (oneTopSize - before >= 0 && before + sum - oneTopSize >= 0) {
this.areaSize.splice(index, 1, oneTopSize - before);
this.areaSize.splice(index + 1, 1, before + sum - oneTopSize);
}
}
}
},
specifyDivideArea(sizes) {
const sum = sizes.reduce((prev, current) => prev + current);
if (sum > 100) throw console.error('Please total area size is 100 or less.');
sizes.forEach((size) => {
const raio = 100 / sum;
this.areaSize.push(size * raio);
});
},
generalDivideArea() {
for (let i = 0; i < this.row; i += 1) {
this.areaSize.push(100 / this.row);
}
},
dragstart(e) {
if (this.target && this.target.classList) {
this.target.classList.remove('active');
}
e.target.classList.add('active');
this.target = e.target;
},
setPlaygroundRect() {
const clientRect = this.$refs.gutter.getBoundingClientRect();
this.gutterComponent.width = clientRect.width;
this.gutterComponent.height = clientRect.height;
this.gutterComponent.offsetX = window.pageXOffset + clientRect.left;
this.gutterComponent.offsetY = window.pageYOffset + clientRect.top;
},
isDraggingGutter(e) {
return e && e.clientX > 0 && e.clientY > 0;
},
isGutterInRange(size) {
return size < MAX_DRAG_RANGE && size > MIN_DRAG_RANGE;
},
getCurrentMousePosition(e) {
return {
mouseX: e.clientX - this.gutterComponent.offsetX,
mouseY: e.clientY - this.gutterComponent.offsetY,
};
},
getGutterSum(index) {
let gutterSum = 0;
if (this.isArrayContains(this.gutterSizes)) {
for (let i = 0; i < index; i += 1) {
gutterSum
+= parseInt(this.gutterSizes[i].match(/-?[0-9]+\.?[0-9]*/g).pop(), 10);
}
gutterSum
+= parseInt(this.gutterSizes[index].match(/-?[0-9]+\.?[0-9]*/g).pop(), 10) / 2;
} else {
for (let i = 0; i < index; i += 1) {
gutterSum += parseInt(this.gutterSize.match(/-?[0-9]+\.?[0-9]*/g).pop(), 10);
}
gutterSum
+= parseInt(this.gutterSize.match(/-?[0-9]+\.?[0-9]*/g).pop(), 10) / 2;
}
return gutterSum;
},
},
});
// CONCATENATED MODULE: ./src/mixins/gutter.vue?vue&type=script&lang=js&
/* harmony default export */ var mixins_guttervue_type_script_lang_js_ = (guttervue_type_script_lang_js_);
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
/* 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, 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 functioal 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
}
}
// CONCATENATED MODULE: ./src/mixins/gutter.vue
var gutter_render, gutter_staticRenderFns
/* normalize component */
var component = normalizeComponent(
mixins_guttervue_type_script_lang_js_,
gutter_render,
gutter_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var gutter = (component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/column-gutter.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var column_guttervue_type_script_lang_js_ = ({
name: 'ColumnGutter',
mixins: [gutter],
props: {
column: {
type: Number,
required: true,
default: 2,
},
columnSizes: {
type: Array,
},
},
created() {
if (this.isArrayContains(this.columnSizes)) {
if (this.column !== this.columnSizes.length) {
throw console.error(
`Please column equal columnSizes.length\ncolumn: ${this.column}, columnSizes.length: ${this.columnSizes.length}`,
);
}
}
if (this.isArrayContains(this.colors)) {
if (this.column - 1 !== this.colors.length) {
throw console.error(
`Please (column - 1) equal colors.length\n(column - 1): ${this.column - 1}, colors.length: ${this.colors.length}`,
);
}
}
},
methods: {
divideArea() {
if (this.isArrayContains(this.columnSizes)) {
this.specifyDivideArea(this.columnSizes);
} else {
this.generalDivideArea();
}
},
drag(e, index) {
const { mouseX } = this.getCurrentMousePosition(e);
this.draggingGutter(e, mouseX, index, this.gutterComponent.width);
this.$emit('resize', { col: this.areaSize });
},
},
});
// CONCATENATED MODULE: ./src/components/column-gutter.vue?vue&type=script&lang=js&
/* harmony default export */ var components_column_guttervue_type_script_lang_js_ = (column_guttervue_type_script_lang_js_);
// EXTERNAL MODULE: ./src/components/column-gutter.vue?vue&type=style&index=0&id=09736778&scoped=true&lang=css&
var column_guttervue_type_style_index_0_id_09736778_scoped_true_lang_css_ = __webpack_require__("bcf8");
// CONCATENATED MODULE: ./src/components/column-gutter.vue
/* normalize component */
var column_gutter_component = normalizeComponent(
components_column_guttervue_type_script_lang_js_,
render,
staticRenderFns,
false,
null,
"09736778",
null
)
/* harmony default export */ var column_gutter = (column_gutter_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2219c620-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/row-gutter.vue?vue&type=template&id=7f9fb64e&scoped=true&
var row_guttervue_type_template_id_7f9fb64e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:"gutter",style:(("width: " + _vm.width + "; height: " + _vm.height + ";"))},[_c('div',{style:(("height: calc(" + (_vm.areaSize[0]) + "%);"))},[_vm._t("row-0")],2),_vm._l((_vm.row - 1),function(n){return _c('div',{key:n,style:(("height: calc(" + (_vm.areaSize[n]) + "% - " + (_vm.gutterSize || _vm.gutterSizes[n - 1]) + ");"))},[_c('div',{staticClass:"gutter gutter-h",style:(("\n height: " + (_vm.gutterSize || _vm.gutterSizes[n - 1]) + ";\n width: " + _vm.width + ";\n background-color: " + (_vm.color || _vm.colors[n - 1]) + ";\n ")),attrs:{"draggable":"true"},on:{"drag":function($event){return _vm.drag($event, n - 1);},"dragstart":function($event){return _vm.dragstart($event, n - 1);}}}),(n !== _vm.row - 1)?_c('div',{staticClass:"pane pane-h",style:(("height: calc(" + (100) + "% - " + (_vm.gutterSize || _vm.gutterSizes[n - 1]) + ");"))},[_vm._t(("row-" + n))],2):_c('div',{staticClass:"pane pane-h",style:(("height: calc(" + (100) + "%});"))},[_vm._t(("row-" + n))],2)])})],2)}
var row_guttervue_type_template_id_7f9fb64e_scoped_true_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/row-gutter.vue?vue&type=template&id=7f9fb64e&scoped=true&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/row-gutter.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var row_guttervue_type_script_lang_js_ = ({
name: 'RowGutter',
mixins: [gutter],
props: {
row: {
type: Number,
required: true,
default: 2,
},
rowSizes: {
type: Array,
},
},
created() {
if (this.isArrayContains(this.rowSizes)) {
if (this.row !== this.rowSizes.length) {
throw console.error(
`Please row equal rowSizes.length\nrow: ${this.row}, rowSizes.length: ${this.rowSizes.length}`,
);
}
}
if (this.isArrayContains(this.colors)) {
if (this.row - 1 !== this.colors.length) {
throw console.error(
`Please (row - 1) equal colors.length\n(row - 1): ${this.row - 1}, colors.length: ${this.colors.length}`,
);
}
}
},
methods: {
divideArea() {
if (this.isArrayContains(this.rowSizes)) {
this.specifyDivideArea(this.rowSizes);
} else {
this.generalDivideArea();
}
},
drag(e, index) {
const { mouseY } = this.getCurrentMousePosition(e);
this.draggingGutter(e, mouseY, index, this.gutterComponent.height);
this.$emit('resize', { row: this.areaSize });
},
},
});
// CONCATENATED MODULE: ./src/components/row-gutter.vue?vue&type=script&lang=js&
/* harmony default export */ var components_row_guttervue_type_script_lang_js_ = (row_guttervue_type_script_lang_js_);
// EXTERNAL MODULE: ./src/components/row-gutter.vue?vue&type=style&index=0&id=7f9fb64e&scoped=true&lang=css&
var row_guttervue_type_style_index_0_id_7f9fb64e_scoped_true_lang_css_ = __webpack_require__("d4ca");
// CONCATENATED MODULE: ./src/components/row-gutter.vue
/* normalize component */
var row_gutter_component = normalizeComponent(
components_row_guttervue_type_script_lang_js_,
row_guttervue_type_template_id_7f9fb64e_scoped_true_render,
row_guttervue_type_template_id_7f9fb64e_scoped_true_staticRenderFns,
false,
null,
"7f9fb64e",
null
)
/* harmony default export */ var row_gutter = (row_gutter_component.exports);
// CONCATENATED MODULE: ./src/index.js
const Components = {
ColumnGutter: column_gutter,
RowGutter: row_gutter,
};
function install(Vue) {
Object.keys(Components).forEach((name) => {
Vue.component(name, Components[name]);
});
}
const src_plugin = {
install,
};
if (typeof window !== 'undefined' && window.Vue) {
window.Vue.use(src_plugin);
}
// Make it split and import
// Make it available as vue plugin
/* harmony default export */ var src = (src_plugin);
// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
/* concated harmony reexport ColumnGutter */__webpack_require__.d(__webpack_exports__, "ColumnGutter", function() { return column_gutter; });
/* concated harmony reexport RowGutter */__webpack_require__.d(__webpack_exports__, "RowGutter", function() { return row_gutter; });
/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src);
/***/ })
/******/ });
});
//# sourceMappingURL=vue-gutter-resize.umd.js.map