+
+
+
-
-
+
-
- 
+
+ 
@@ -12,7 +15,7 @@
## DataV是干什么的?
-* DataV是一个基于**Vue**的数据可视化组件库
+* DataV是一个基于**Vue**的数据可视化组件库（当然也有[React版本](https://github.com/DataV-Team/DataV-React)）
* 提供用于提升页面视觉效果的**SVG**边框和装饰
* 提供常用的**图表**如折线图等
* 飞线图/轮播表等其他组件
@@ -44,27 +47,16 @@ Vue.use(borderBox1)
[UMD版使用示例](./umdExample.html)
-### React版本
-
-React版本已在开发中，敬请期待
-
-### 调研
-
-关于React版本组件库及反馈请移步[问卷调查](https://www.wjx.cn/jq/45326197.aspx)
-
-
-
### TODO
-* **飞线图**添加多中心点及反向飞线功能
-* **边框**及**装饰**添加颜色及其他必要配置项，增强可配置性及灵活性.
+* **地图组件**
+* **TS**重构组件库底层依赖
### 致谢
-组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https://github.com/jiaming743/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。
+组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https://github.com/DataV-Team/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。
### 反馈
-
### Demo
diff --git a/README_EN.md b/README_EN.md
index de6453a..7289581 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -1,10 +1,12 @@
[中文](./README.md)
+
+DataV
-
+
+
@@ -13,7 +15,7 @@
## What is DataV?
-* DataV is a data **visualization** components library based on **Vue**.
+* DataV is a data **visualization** components library based on **Vue**（Of course there are also [React versions](https://github.com/DataV-Team/DataV-React)）.
* Provide cool **SVG** borders and decorations.
* Provide common **charts** such as line chart, etc..
* flying line chart, carousel table and etc.
@@ -57,12 +59,12 @@ React version of the component library and feedback[Questionnaire](https://www.w
### TODO
-* **flylineChart**Add multi-center point and reverse fly line function.
-* Add color and other necessary configuration to the **borderBox** and **decoration** to enhance configurability and flexibility.
+* **Map Component**
+* Refactor underlying dependencies using **TS**.
### Acknowledgement
-The development of the component library is based on personal learning and interest. Due to technical level and experience limitations, there are still many imperfections in the components. If there are errors, you can submit [issue](https://github.com/jiaming743/DataV/issues/new?template=bug_report.md) in time or add feedback groups for feedback. Welcome to provide corrections and suggestions. Thank you for your support.
+The development of the component library is based on personal learning and interest. Due to technical level and experience limitations, there are still many imperfections in the components. If there are errors, you can submit [issue](https://github.com/DataV-team/DataV/issues/new?template=bug_report.md) in time or add feedback groups for feedback. Welcome to provide corrections and suggestions. Thank you for your support.
### Feedback
diff --git a/build/rollup.terser.config.js b/build/rollup.terser.config.js
index 32c8738..bcb5833 100644
--- a/build/rollup.terser.config.js
+++ b/build/rollup.terser.config.js
@@ -12,13 +12,13 @@ export default {
name: 'datav'
},
plugins: [
- terser(),
resolve(),
babel({
exclude: 'node_modules/**'
}),
commonjs(),
vue(),
+ terser(),
],
external: ['Vue']
}
\ No newline at end of file
diff --git a/dist/datav.map.vue.js b/dist/datav.map.vue.js
index 7d428ac..8879b3d 100644
--- a/dist/datav.map.vue.js
+++ b/dist/datav.map.vue.js
@@ -2,9 +2,9 @@
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('vue')) :
typeof define === 'function' && define.amd ? define(['vue'], factory) :
(global = global || self, factory(global.Vue));
-}(this, function (Vue) { 'use strict';
+}(this, (function (Vue) { 'use strict';
- Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
+ Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
function randomExtend(minNum, maxNum) {
if (arguments.length === 1) {
@@ -38,6 +38,13 @@
const minusY = Math.abs(pointOne[1] - pointTwo[1]);
return Math.sqrt(minusX * minusX + minusY * minusY);
}
+ function uuid(hasHyphen) {
+ return (hasHyphen ? 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx' : 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx').replace(/[xy]/g, function (c) {
+ const r = Math.random() * 16 | 0;
+ const v = c == 'x' ? r : r & 0x3 | 0x8;
+ return v.toString(16);
+ });
+ }
var autoResize = {
data() {
@@ -72,10 +79,17 @@
onResize
} = this;
return new Promise(resolve => {
- $nextTick(e => {
+ $nextTick(_ => {
const dom = this.dom = $refs[ref];
- this.width = dom.clientWidth;
- this.height = dom.clientHeight;
+ this.width = dom ? dom.clientWidth : 0;
+ this.height = dom ? dom.clientHeight : 0;
+
+ if (!dom) {
+ console.warn('DataV: Failed to get dom node, component rendering may be abnormal!');
+ } else if (!this.width || !this.height) {
+ console.warn('DataV: Component width or height is 0px, rendering abnormality may occur!');
+ }
+
if (typeof onResize === 'function' && resize) onResize();
resolve();
});
@@ -103,6 +117,7 @@
domObserver,
debounceInitWHFun
} = this;
+ if (!domObserver) return;
domObserver.disconnect();
domObserver.takeRecords();
domObserver = null;
@@ -185,146 +200,134 @@
}
};
- function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
- /* server only */
- , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
- if (typeof shadowMode !== 'boolean') {
- createInjectorSSR = createInjector;
- createInjector = shadowMode;
- shadowMode = false;
- } // Vue.extend constructor export interop.
-
-
- var options = typeof script === 'function' ? script.options : script; // render functions
-
- if (template && template.render) {
- options.render = template.render;
- options.staticRenderFns = template.staticRenderFns;
- options._compiled = true; // functional template
-
- if (isFunctionalTemplate) {
- options.functional = true;
- }
- } // scopedId
-
-
- if (scopeId) {
- options._scopeId = scopeId;
- }
-
- var hook;
-
- if (moduleIdentifier) {
- // server build
- hook = function hook(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 (style) {
- style.call(this, createInjectorSSR(context));
- } // register component module identifier for async chunk inference
-
-
- 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 (style) {
- hook = shadowMode ? function () {
- style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
- } : function (context) {
- style.call(this, createInjector(context));
- };
- }
-
- if (hook) {
- if (options.functional) {
- // 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 script;
+ function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+ if (typeof shadowMode !== 'boolean') {
+ createInjectorSSR = createInjector;
+ createInjector = shadowMode;
+ shadowMode = false;
+ }
+ // Vue.extend constructor export interop.
+ const options = typeof script === 'function' ? script.options : script;
+ // render functions
+ if (template && template.render) {
+ options.render = template.render;
+ options.staticRenderFns = template.staticRenderFns;
+ options._compiled = true;
+ // functional template
+ if (isFunctionalTemplate) {
+ options.functional = true;
+ }
+ }
+ // scopedId
+ if (scopeId) {
+ options._scopeId = scopeId;
+ }
+ let 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 (style) {
+ style.call(this, createInjectorSSR(context));
+ }
+ // register component module identifier for async chunk inference
+ 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 (style) {
+ hook = shadowMode
+ ? function (context) {
+ style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+ }
+ : function (context) {
+ style.call(this, createInjector(context));
+ };
+ }
+ if (hook) {
+ if (options.functional) {
+ // register for functional component in vue file
+ const originalRender = options.render;
+ options.render = function renderWithStyleInjection(h, context) {
+ hook.call(context);
+ return originalRender(h, context);
+ };
+ }
+ else {
+ // inject component registration as beforeCreate hook
+ const existing = options.beforeCreate;
+ options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+ }
+ }
+ return script;
+ }
+
+ const isOldIE = typeof navigator !== 'undefined' &&
+ /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+ function createInjector(context) {
+ return (id, style) => addStyle(id, style);
+ }
+ let HEAD;
+ const styles = {};
+ function addStyle(id, css) {
+ const group = isOldIE ? css.media || 'default' : id;
+ const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+ if (!style.ids.has(id)) {
+ style.ids.add(id);
+ let code = css.source;
+ if (css.map) {
+ // https://developer.chrome.com/devtools/docs/javascript-debugging
+ // this makes source maps inside style tags work properly in Chrome
+ code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+ // http://stackoverflow.com/a/26603875
+ code +=
+ '\n/*# sourceMappingURL=data:application/json;base64,' +
+ btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+ ' */';
+ }
+ if (!style.element) {
+ style.element = document.createElement('style');
+ style.element.type = 'text/css';
+ if (css.media)
+ style.element.setAttribute('media', css.media);
+ if (HEAD === undefined) {
+ HEAD = document.head || document.getElementsByTagName('head')[0];
+ }
+ HEAD.appendChild(style.element);
+ }
+ if ('styleSheet' in style.element) {
+ style.styles.push(code);
+ style.element.styleSheet.cssText = style.styles
+ .filter(Boolean)
+ .join('\n');
+ }
+ else {
+ const index = style.ids.size - 1;
+ const textNode = document.createTextNode(code);
+ const nodes = style.element.childNodes;
+ if (nodes[index])
+ style.element.removeChild(nodes[index]);
+ if (nodes.length)
+ style.element.insertBefore(textNode, nodes[index]);
+ else
+ style.element.appendChild(textNode);
+ }
+ }
}
- var normalizeComponent_1 = normalizeComponent;
-
- var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
- function createInjector(context) {
- return function (id, style) {
- return addStyle(id, style);
- };
- }
- var HEAD;
- var styles = {};
-
- function addStyle(id, css) {
- var group = isOldIE ? css.media || 'default' : id;
- var style = styles[group] || (styles[group] = {
- ids: new Set(),
- styles: []
- });
-
- if (!style.ids.has(id)) {
- style.ids.add(id);
- var code = css.source;
-
- if (css.map) {
- // https://developer.chrome.com/devtools/docs/javascript-debugging
- // this makes source maps inside style tags work properly in Chrome
- code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; // http://stackoverflow.com/a/26603875
-
- code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
- }
-
- if (!style.element) {
- style.element = document.createElement('style');
- style.element.type = 'text/css';
- if (css.media) style.element.setAttribute('media', css.media);
-
- if (HEAD === undefined) {
- HEAD = document.head || document.getElementsByTagName('head')[0];
- }
-
- HEAD.appendChild(style.element);
- }
-
- if ('styleSheet' in style.element) {
- style.styles.push(code);
- style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
- } else {
- var index = style.ids.size - 1;
- var textNode = document.createTextNode(code);
- var nodes = style.element.childNodes;
- if (nodes[index]) style.element.removeChild(nodes[index]);
- if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
- }
- }
- }
-
- var browser = createInjector;
-
/* script */
const __vue_script__ = script;
@@ -346,7 +349,7 @@
/* style */
const __vue_inject_styles__ = function (inject) {
if (!inject) return
- inject("data-v-39d8efee_0", { source: "#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;AACd","file":"main.vue","sourcesContent":["#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n"]}, media: undefined });
+ inject("data-v-2da16e2c_0", { source: "#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,0BAA0B;EAC1B,YAAY;AACd","file":"main.vue","sourcesContent":["#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top;\n z-index: 999;\n}\n"]}, media: undefined });
};
/* scoped */
@@ -357,21 +360,25 @@
const __vue_is_functional_template__ = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var FullScreenContainer = normalizeComponent_1(
+ const __vue_component__ = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
__vue_inject_styles__,
__vue_script__,
__vue_scope_id__,
__vue_is_functional_template__,
__vue_module_identifier__,
- browser,
+ false,
+ createInjector,
+ undefined,
undefined
);
function fullScreenContainer (Vue) {
- Vue.component(FullScreenContainer.name, FullScreenContainer);
+ Vue.component(__vue_component__.name, __vue_component__);
}
//
@@ -531,7 +538,7 @@
/* style */
const __vue_inject_styles__$1 = function (inject) {
if (!inject) return
- inject("data-v-b0e29178_0", { source: ".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB","file":"main.vue","sourcesContent":[".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n"]}, media: undefined });
+ inject("data-v-c8b3d976_0", { source: ".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;AACjB","file":"main.vue","sourcesContent":[".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.dv-loading .loading-tip {\n font-size: 15px;\n}\n"]}, media: undefined });
};
/* scoped */
@@ -542,4586 +549,4689 @@
const __vue_is_functional_template__$1 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var Loading = normalizeComponent_1(
+ const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
{ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
__vue_inject_styles__$1,
__vue_script__$1,
__vue_scope_id__$1,
__vue_is_functional_template__$1,
__vue_module_identifier__$1,
- browser,
+ false,
+ createInjector,
+ undefined,
undefined
);
function loading (Vue) {
- Vue.component(Loading.name, Loading);
+ Vue.component(__vue_component__$1.name, __vue_component__$1);
}
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var script$2 = {
- name: 'DvBorderBox1',
-
- data() {
- return {
- border: ['left-top', 'right-top', 'left-bottom', 'right-bottom']
- };
- }
+ function unwrapExports (x) {
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+ }
- };
+ function createCommonjsModule(fn, module) {
+ return module = { exports: {} }, fn(module, module.exports), module.exports;
+ }
- /* script */
- const __vue_script__$2 = script$2;
+ var interopRequireDefault = createCommonjsModule(function (module) {
+ function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : {
+ "default": obj
+ };
+ }
- /* template */
- var __vue_render__$2 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c(
- "div",
- { staticClass: "dv-border-box-1" },
- [
- _vm._l(_vm.border, function(item) {
- return _c(
- "svg",
- {
- key: item,
- class: item + " border",
- attrs: { width: "150px", height: "150px" }
- },
- [
- _c(
- "polygon",
- {
- attrs: {
- fill: "#4fd2dd",
- points:
- "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "fill",
- values: "#4fd2dd;#235fa7;#4fd2dd",
- dur: "0.5s",
- begin: "0s",
- repeatCount: "indefinite"
- }
- })
- ]
- ),
- _vm._v(" "),
- _c(
- "polygon",
- {
- attrs: {
- fill: "#235fa7",
- points:
- "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "fill",
- values: "#235fa7;#4fd2dd;#235fa7",
- dur: "0.5s",
- begin: "0s",
- repeatCount: "indefinite"
- }
- })
- ]
- ),
- _vm._v(" "),
- _c(
- "polygon",
- {
- attrs: {
- fill: "#4fd2dd",
- points:
- "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "fill",
- values: "#4fd2dd;#235fa7;transparent",
- dur: "1s",
- begin: "0s",
- repeatCount: "indefinite"
- }
- })
- ]
- )
- ]
- )
- }),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ],
- 2
- )
- };
- var __vue_staticRenderFns__$2 = [];
- __vue_render__$2._withStripped = true;
+ module.exports = _interopRequireDefault;
+ });
- /* style */
- const __vue_inject_styles__$2 = function (inject) {
- if (!inject) return
- inject("data-v-53e01884_0", { source: ".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ unwrapExports(interopRequireDefault);
- };
- /* scoped */
- const __vue_scope_id__$2 = undefined;
- /* module identifier */
- const __vue_module_identifier__$2 = undefined;
- /* functional template */
- const __vue_is_functional_template__$2 = false;
- /* style inject SSR */
-
+ function _arrayLikeToArray(arr, len) {
+ if (len == null || len > arr.length) len = arr.length;
-
- var BorderBox1 = normalizeComponent_1(
- { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
- __vue_inject_styles__$2,
- __vue_script__$2,
- __vue_scope_id__$2,
- __vue_is_functional_template__$2,
- __vue_module_identifier__$2,
- browser,
- undefined
- );
+ for (var i = 0, arr2 = new Array(len); i < len; i++) {
+ arr2[i] = arr[i];
+ }
- function borderBox1 (Vue) {
- Vue.component(BorderBox1.name, BorderBox1);
+ return arr2;
}
- //
- var script$3 = {
- name: 'DvBorderBox2',
- mixins: [autoResize],
+ var arrayLikeToArray = _arrayLikeToArray;
- data() {
- return {
- ref: 'border-box-2'
- };
- }
+ function _arrayWithoutHoles(arr) {
+ if (Array.isArray(arr)) return arrayLikeToArray(arr);
+ }
- };
+ var arrayWithoutHoles = _arrayWithoutHoles;
- /* script */
- const __vue_script__$3 = script$3;
+ function _iterableToArray(iter) {
+ if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+ }
- /* template */
- var __vue_render__$3 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-2" }, [
- _c(
- "svg",
- {
- staticClass: "dv-border-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("polyline", {
- staticClass: "dv-bb2-line1",
- attrs: {
- points:
- "2, 2 " +
- (_vm.width - 2) +
- " ,2 " +
- (_vm.width - 2) +
- ", " +
- (_vm.height - 2) +
- " 2, " +
- (_vm.height - 2) +
- " 2, 2"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb2-line2",
- attrs: {
- points:
- "6, 6 " +
- (_vm.width - 6) +
- ", 6 " +
- (_vm.width - 6) +
- ", " +
- (_vm.height - 6) +
- " 6, " +
- (_vm.height - 6) +
- " 6, 6"
- }
- }),
- _vm._v(" "),
- _c("circle", { attrs: { cx: "11", cy: "11", r: "1" } }),
- _vm._v(" "),
- _c("circle", { attrs: { cx: _vm.width - 11, cy: "11", r: "1" } }),
- _vm._v(" "),
- _c("circle", {
- attrs: { cx: _vm.width - 11, cy: _vm.height - 11, r: "1" }
- }),
- _vm._v(" "),
- _c("circle", { attrs: { cx: "11", cy: _vm.height - 11, r: "1" } })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$3 = [];
- __vue_render__$3._withStripped = true;
+ var iterableToArray = _iterableToArray;
- /* style */
- const __vue_inject_styles__$3 = function (inject) {
- if (!inject) return
- inject("data-v-2c14f4ac_0", { source: ".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,UAAU;AACZ;AACA;EACE,YAAY;AACd;AACA;EACE,gCAAgC;AAClC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .dv-border-svg-container circle {\n fill: #fff;\n}\n.dv-border-box-2 .dv-bb2-line1 {\n stroke: #fff;\n}\n.dv-border-box-2 .dv-bb2-line2 {\n stroke: rgba(255, 255, 255, 0.6);\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ function _unsupportedIterableToArray(o, minLen) {
+ if (!o) return;
+ if (typeof o === "string") return arrayLikeToArray(o, minLen);
+ var n = Object.prototype.toString.call(o).slice(8, -1);
+ if (n === "Object" && o.constructor) n = o.constructor.name;
+ if (n === "Map" || n === "Set") return Array.from(o);
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+ }
- };
- /* scoped */
- const __vue_scope_id__$3 = undefined;
- /* module identifier */
- const __vue_module_identifier__$3 = undefined;
- /* functional template */
- const __vue_is_functional_template__$3 = false;
- /* style inject SSR */
-
+ var unsupportedIterableToArray = _unsupportedIterableToArray;
-
- var BorderBox2 = normalizeComponent_1(
- { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
- __vue_inject_styles__$3,
- __vue_script__$3,
- __vue_scope_id__$3,
- __vue_is_functional_template__$3,
- __vue_module_identifier__$3,
- browser,
- undefined
- );
+ function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+ }
- function borderBox2 (Vue) {
- Vue.component(BorderBox2.name, BorderBox2);
+ var nonIterableSpread = _nonIterableSpread;
+
+ function _toConsumableArray(arr) {
+ return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
}
- //
- var script$4 = {
- name: 'DvBorderBox3',
- mixins: [autoResize],
+ var toConsumableArray = _toConsumableArray;
- data() {
- return {
- ref: 'border-box-3'
+ var _typeof_1 = createCommonjsModule(function (module) {
+ function _typeof(obj) {
+ "@babel/helpers - typeof";
+
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ module.exports = _typeof = function _typeof(obj) {
+ return typeof obj;
+ };
+ } else {
+ module.exports = _typeof = function _typeof(obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
- };
+ return _typeof(obj);
+ }
- /* script */
- const __vue_script__$4 = script$4;
+ module.exports = _typeof;
+ });
- /* template */
- var __vue_render__$4 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-3" }, [
- _c(
- "svg",
- {
- staticClass: "dv-border-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("polyline", {
- staticClass: "dv-bb3-line1",
- attrs: {
- points:
- "4, 4 " +
- (_vm.width - 22) +
- " ,4 " +
- (_vm.width - 22) +
- ", " +
- (_vm.height - 22) +
- " 4, " +
- (_vm.height - 22) +
- " 4, 4"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb3-line2",
- attrs: {
- points:
- "10, 10 " +
- (_vm.width - 16) +
- ", 10 " +
- (_vm.width - 16) +
- ", " +
- (_vm.height - 16) +
- " 10, " +
- (_vm.height - 16) +
- " 10, 10"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb3-line2",
- attrs: {
- points:
- "16, 16 " +
- (_vm.width - 10) +
- ", 16 " +
- (_vm.width - 10) +
- ", " +
- (_vm.height - 10) +
- " 16, " +
- (_vm.height - 10) +
- " 16, 16"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb3-line2",
- attrs: {
- points:
- "22, 22 " +
- (_vm.width - 4) +
- ", 22 " +
- (_vm.width - 4) +
- ", " +
- (_vm.height - 4) +
- " 22, " +
- (_vm.height - 4) +
- " 22, 22"
- }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$4 = [];
- __vue_render__$4._withStripped = true;
+ function _arrayWithHoles(arr) {
+ if (Array.isArray(arr)) return arr;
+ }
- /* style */
- const __vue_inject_styles__$4 = function (inject) {
- if (!inject) return
- inject("data-v-f2ff245a_0", { source: ".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container polyline {\n fill: none;\n stroke: #2862b7;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ var arrayWithHoles = _arrayWithHoles;
- };
- /* scoped */
- const __vue_scope_id__$4 = undefined;
- /* module identifier */
- const __vue_module_identifier__$4 = undefined;
- /* functional template */
- const __vue_is_functional_template__$4 = false;
- /* style inject SSR */
-
+ function _iterableToArrayLimit(arr, i) {
+ if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+ var _arr = [];
+ var _n = true;
+ var _d = false;
+ var _e = undefined;
-
- var BorderBox3 = normalizeComponent_1(
- { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
- __vue_inject_styles__$4,
- __vue_script__$4,
- __vue_scope_id__$4,
- __vue_is_functional_template__$4,
- __vue_module_identifier__$4,
- browser,
- undefined
- );
+ try {
+ for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+ _arr.push(_s.value);
- function borderBox3 (Vue) {
- Vue.component(BorderBox3.name, BorderBox3);
+ if (i && _arr.length === i) break;
+ }
+ } catch (err) {
+ _d = true;
+ _e = err;
+ } finally {
+ try {
+ if (!_n && _i["return"] != null) _i["return"]();
+ } finally {
+ if (_d) throw _e;
+ }
+ }
+
+ return _arr;
}
- //
- var script$5 = {
- name: 'DvBorderBox4',
- mixins: [autoResize],
+ var iterableToArrayLimit = _iterableToArrayLimit;
- data() {
- return {
- ref: 'border-box-4'
- };
- },
+ function _nonIterableRest() {
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+ }
- props: {
- reverse: {
- type: Boolean,
- default: false
+ var nonIterableRest = _nonIterableRest;
+
+ function _slicedToArray(arr, i) {
+ return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+ }
+
+ var slicedToArray = _slicedToArray;
+
+ var util = createCommonjsModule(function (module, exports) {
+
+
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.deepClone = deepClone;
+ exports.eliminateBlur = eliminateBlur;
+ exports.checkPointIsInCircle = checkPointIsInCircle;
+ exports.getTwoPointDistance = getTwoPointDistance;
+ exports.checkPointIsInPolygon = checkPointIsInPolygon;
+ exports.checkPointIsInSector = checkPointIsInSector;
+ exports.checkPointIsNearPolyline = checkPointIsNearPolyline;
+ exports.checkPointIsInRect = checkPointIsInRect;
+ exports.getRotatePointPos = getRotatePointPos;
+ exports.getScalePointPos = getScalePointPos;
+ exports.getTranslatePointPos = getTranslatePointPos;
+ exports.getDistanceBetweenPointAndLine = getDistanceBetweenPointAndLine;
+ exports.getCircleRadianPoint = getCircleRadianPoint;
+ exports.getRegularPolygonPoints = getRegularPolygonPoints;
+ exports["default"] = void 0;
+
+ var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
+
+ var _slicedToArray2 = interopRequireDefault(slicedToArray);
+
+ var _typeof2 = interopRequireDefault(_typeof_1);
+
+ var abs = Math.abs,
+ sqrt = Math.sqrt,
+ sin = Math.sin,
+ cos = Math.cos,
+ max = Math.max,
+ min = Math.min,
+ PI = Math.PI;
+ /**
+ * @description Clone an object or array
+ * @param {Object|Array} object Cloned object
+ * @param {Boolean} recursion Whether to use recursive cloning
+ * @return {Object|Array} Clone object
+ */
+
+ function deepClone(object) {
+ var recursion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ if (!object) return object;
+ var parse = JSON.parse,
+ stringify = JSON.stringify;
+ if (!recursion) return parse(stringify(object));
+ var clonedObj = object instanceof Array ? [] : {};
+
+ if (object && (0, _typeof2["default"])(object) === 'object') {
+ for (var key in object) {
+ if (object.hasOwnProperty(key)) {
+ if (object[key] && (0, _typeof2["default"])(object[key]) === 'object') {
+ clonedObj[key] = deepClone(object[key], true);
+ } else {
+ clonedObj[key] = object[key];
+ }
+ }
}
}
- };
- /* script */
- const __vue_script__$5 = script$5;
+ return clonedObj;
+ }
+ /**
+ * @description Eliminate line blur due to 1px line width
+ * @param {Array} points Line points
+ * @return {Array} Line points after processed
+ */
- /* template */
- var __vue_render__$5 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-4" }, [
- _c(
- "svg",
- {
- class: "dv-border-svg-container " + (_vm.reverse && "dv-reverse"),
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("polyline", {
- staticClass: "dv-bb4-line-1",
- attrs: {
- points:
- "145, " +
- (_vm.height - 5) +
- " 40, " +
- (_vm.height - 5) +
- " 10, " +
- (_vm.height - 35) +
- "\n 10, 40 40, 5 150, 5 170, 20 " +
- (_vm.width - 15) +
- ", 20"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-2",
- attrs: {
- points:
- "245, " +
- (_vm.height - 1) +
- " 36, " +
- (_vm.height - 1) +
- " 14, " +
- (_vm.height - 23) +
- "\n 14, " +
- (_vm.height - 100)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-3",
- attrs: {
- points: "7, " + (_vm.height - 40) + " 7, " + (_vm.height - 75)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-4",
- attrs: { points: "28, 24 13, 41 13, 64" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-5",
- attrs: { points: "5, 45 5, 140" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-6",
- attrs: { points: "14, 75 14, 180" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-7",
- attrs: { points: "55, 11 147, 11 167, 26 250, 26" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-8",
- attrs: { points: "158, 5 173, 16" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-9",
- attrs: { points: "200, 17 " + (_vm.width - 10) + ", 17" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb4-line-10",
- attrs: { points: "385, 17 " + (_vm.width - 10) + ", 17" }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$5 = [];
- __vue_render__$5._withStripped = true;
- /* style */
- const __vue_inject_styles__$5 = function (inject) {
- if (!inject) return
- inject("data-v-3e5643ee_0", { source: ".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue","E:\\Project\\A_MIT_LICENSE\\DataV\\src\\components\\borderBox4\\src\\main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,WAAW;AACb;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,WAAW;EACX,eAAe;AACjB;AACA;EACE,4BAA4B;EAC5B,eAAe;AACjB;AACA;EACE,WAAW;EACX,iBAAiB;EACjB,qBAAqB;AACvB;ACCA;EACA,WAAA;EACA,iBAAA;EACA,qBAAA;ADCA;ACCA;EACA,WAAA;EACA,eAAA;ADCA;ACCA;EACA,4BAAA;EACA,eAAA;AACA;AACA;EACA,4BAAA;EDCE,eAAe;ACCjB;AACA;EACA,4BAAA;EACA,iBAAA;EDCE,qBAAqB;ACCvB;AACA;EACA,WAAA;EDCE,iBAAiB;ECCnB,qBAAA;EACA,yBAAA;AACA;ADCA;ECCA,4BAAA;EACA,eAAA;EACA,wBAAA;ADCA;ACCA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;ADCA","file":"main.vue","sourcesContent":[".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container polyline {\n fill: none;\n}\n.dv-border-box-4 .sred {\n stroke: red;\n}\n.dv-border-box-4 .sblue {\n stroke: rgba(0, 0, 255, 0.8);\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke: red;\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke: red;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke: rgba(0, 0, 255, 0.8);\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n","\r\n \r\n \r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n"]}, media: undefined });
+ function eliminateBlur(points) {
+ return points.map(function (_ref) {
+ var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+ x = _ref2[0],
+ y = _ref2[1];
- };
- /* scoped */
- const __vue_scope_id__$5 = undefined;
- /* module identifier */
- const __vue_module_identifier__$5 = undefined;
- /* functional template */
- const __vue_is_functional_template__$5 = false;
- /* style inject SSR */
-
+ return [parseInt(x) + 0.5, parseInt(y) + 0.5];
+ });
+ }
+ /**
+ * @description Check if the point is inside the circle
+ * @param {Array} point Postion of point
+ * @param {Number} rx Circle x coordinate
+ * @param {Number} ry Circle y coordinate
+ * @param {Number} r Circle radius
+ * @return {Boolean} Result of check
+ */
-
- var BorderBox4 = normalizeComponent_1(
- { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
- __vue_inject_styles__$5,
- __vue_script__$5,
- __vue_scope_id__$5,
- __vue_is_functional_template__$5,
- __vue_module_identifier__$5,
- browser,
- undefined
- );
- function borderBox4 (Vue) {
- Vue.component(BorderBox4.name, BorderBox4);
+ function checkPointIsInCircle(point, rx, ry, r) {
+ return getTwoPointDistance(point, [rx, ry]) <= r;
}
+ /**
+ * @description Get the distance between two points
+ * @param {Array} point1 point1
+ * @param {Array} point2 point2
+ * @return {Number} Distance between two points
+ */
- //
- var script$6 = {
- name: 'DvBorderBox5',
- mixins: [autoResize],
- data() {
- return {
- ref: 'border-box-5'
- };
- },
+ function getTwoPointDistance(_ref3, _ref4) {
+ var _ref5 = (0, _slicedToArray2["default"])(_ref3, 2),
+ xa = _ref5[0],
+ ya = _ref5[1];
- props: {
- reverse: {
- type: Boolean,
- default: false
+ var _ref6 = (0, _slicedToArray2["default"])(_ref4, 2),
+ xb = _ref6[0],
+ yb = _ref6[1];
+
+ var minusX = abs(xa - xb);
+ var minusY = abs(ya - yb);
+ return sqrt(minusX * minusX + minusY * minusY);
+ }
+ /**
+ * @description Check if the point is inside the polygon
+ * @param {Array} point Postion of point
+ * @param {Array} points The points that makes up a polyline
+ * @return {Boolean} Result of check
+ */
+
+
+ function checkPointIsInPolygon(point, polygon) {
+ var counter = 0;
+
+ var _point = (0, _slicedToArray2["default"])(point, 2),
+ x = _point[0],
+ y = _point[1];
+
+ var pointNum = polygon.length;
+
+ for (var i = 1, p1 = polygon[0]; i <= pointNum; i++) {
+ var p2 = polygon[i % pointNum];
+
+ if (x > min(p1[0], p2[0]) && x <= max(p1[0], p2[0])) {
+ if (y <= max(p1[1], p2[1])) {
+ if (p1[0] !== p2[0]) {
+ var xinters = (x - p1[0]) * (p2[1] - p1[1]) / (p2[0] - p1[0]) + p1[1];
+
+ if (p1[1] === p2[1] || y <= xinters) {
+ counter++;
+ }
+ }
+ }
}
+
+ p1 = p2;
}
- };
- /* script */
- const __vue_script__$6 = script$6;
+ return counter % 2 === 1;
+ }
+ /**
+ * @description Check if the point is inside the sector
+ * @param {Array} point Postion of point
+ * @param {Number} rx Sector x coordinate
+ * @param {Number} ry Sector y coordinate
+ * @param {Number} r Sector radius
+ * @param {Number} startAngle Sector start angle
+ * @param {Number} endAngle Sector end angle
+ * @param {Boolean} clockWise Whether the sector angle is clockwise
+ * @return {Boolean} Result of check
+ */
- /* template */
- var __vue_render__$6 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-5" }, [
- _c(
- "svg",
- {
- class: "dv-svg-container " + (_vm.reverse && "dv-reverse"),
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("polyline", {
- staticClass: "dv-bb5-line-1",
- attrs: {
- points:
- "8, 5 " +
- (_vm.width - 5) +
- ", 5 " +
- (_vm.width - 5) +
- ", " +
- (_vm.height - 100) +
- "\n " +
- (_vm.width - 100) +
- ", " +
- (_vm.height - 5) +
- " 8, " +
- (_vm.height - 5) +
- " 8, 5"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb5-line-2",
- attrs: {
- points:
- "3, 5 " +
- (_vm.width - 20) +
- ", 5 " +
- (_vm.width - 20) +
- ", " +
- (_vm.height - 60) +
- "\n " +
- (_vm.width - 74) +
- ", " +
- (_vm.height - 5) +
- " 3, " +
- (_vm.height - 5) +
- " 3, 5"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb5-line-3",
- attrs: { points: "50, 13 " + (_vm.width - 35) + ", 13" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb5-line-4",
- attrs: { points: "15, 20 " + (_vm.width - 35) + ", 20" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb5-line-5",
- attrs: {
- points:
- "15, " +
- (_vm.height - 20) +
- " " +
- (_vm.width - 110) +
- ", " +
- (_vm.height - 20)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb5-line-6",
- attrs: {
- points:
- "15, " +
- (_vm.height - 13) +
- " " +
- (_vm.width - 110) +
- ", " +
- (_vm.height - 13)
- }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$6 = [];
- __vue_render__$6._withStripped = true;
- /* style */
- const __vue_inject_styles__$6 = function (inject) {
- if (!inject) return
- inject("data-v-775fac1b_0", { source: ".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,gCAAgC;AAClC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;;EAEE,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-svg-container polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1 {\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke: rgba(255, 255, 255, 0.2);\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n stroke: rgba(255, 255, 255, 0.15);\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ function checkPointIsInSector(point, rx, ry, r, startAngle, endAngle, clockWise) {
+ if (!point) return false;
+ if (getTwoPointDistance(point, [rx, ry]) > r) return false;
- };
- /* scoped */
- const __vue_scope_id__$6 = undefined;
- /* module identifier */
- const __vue_module_identifier__$6 = undefined;
- /* functional template */
- const __vue_is_functional_template__$6 = false;
- /* style inject SSR */
-
+ if (!clockWise) {
+ var _deepClone = deepClone([endAngle, startAngle]);
-
- var BorderBox5 = normalizeComponent_1(
- { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
- __vue_inject_styles__$6,
- __vue_script__$6,
- __vue_scope_id__$6,
- __vue_is_functional_template__$6,
- __vue_module_identifier__$6,
- browser,
- undefined
- );
+ var _deepClone2 = (0, _slicedToArray2["default"])(_deepClone, 2);
- function borderBox5 (Vue) {
- Vue.component(BorderBox5.name, BorderBox5);
- }
+ startAngle = _deepClone2[0];
+ endAngle = _deepClone2[1];
+ }
- //
- var script$7 = {
- name: 'DvBorderBox6',
- mixins: [autoResize],
+ var reverseBE = startAngle > endAngle;
- data() {
- return {
- ref: 'border-box-6'
- };
+ if (reverseBE) {
+ var _ref7 = [endAngle, startAngle];
+ startAngle = _ref7[0];
+ endAngle = _ref7[1];
}
- };
+ var minus = endAngle - startAngle;
+ if (minus >= PI * 2) return true;
- /* script */
- const __vue_script__$7 = script$7;
+ var _point2 = (0, _slicedToArray2["default"])(point, 2),
+ x = _point2[0],
+ y = _point2[1];
- /* template */
- var __vue_render__$7 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-6" }, [
- _c(
- "svg",
- {
- staticClass: "dv-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("circle", { attrs: { cx: "5", cy: "5", r: "2" } }),
- _vm._v(" "),
- _c("circle", { attrs: { cx: _vm.width - 5, cy: "5", r: "2" } }),
- _vm._v(" "),
- _c("circle", {
- attrs: { cx: _vm.width - 5, cy: _vm.height - 5, r: "2" }
- }),
- _vm._v(" "),
- _c("circle", { attrs: { cx: "5", cy: _vm.height - 5, r: "2" } }),
- _vm._v(" "),
- _c("polyline", {
- attrs: { points: "10, 4 " + (_vm.width - 10) + ", 4" }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points:
- "10, " +
- (_vm.height - 4) +
- " " +
- (_vm.width - 10) +
- ", " +
- (_vm.height - 4)
- }
- }),
- _vm._v(" "),
- _c("polyline", { attrs: { points: "5, 70 5, " + (_vm.height - 70) } }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points:
- _vm.width -
- 5 +
- ", 70 " +
- (_vm.width - 5) +
- ", " +
- (_vm.height - 70)
- }
- }),
- _vm._v(" "),
- _c("polyline", { attrs: { points: "3, 10, 3, 50" } }),
- _vm._v(" "),
- _c("polyline", { attrs: { points: "7, 30 7, 80" } }),
- _vm._v(" "),
- _c("polyline", {
- attrs: { points: _vm.width - 3 + ", 10 " + (_vm.width - 3) + ", 50" }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: { points: _vm.width - 7 + ", 30 " + (_vm.width - 7) + ", 80" }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points: "3, " + (_vm.height - 10) + " 3, " + (_vm.height - 50)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points: "7, " + (_vm.height - 30) + " 7, " + (_vm.height - 80)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points:
- _vm.width -
- 3 +
- ", " +
- (_vm.height - 10) +
- " " +
- (_vm.width - 3) +
- ", " +
- (_vm.height - 50)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- points:
- _vm.width -
- 7 +
- ", " +
- (_vm.height - 30) +
- " " +
- (_vm.width - 7) +
- ", " +
- (_vm.height - 80)
- }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$7 = [];
- __vue_render__$7._withStripped = true;
+ var _getCircleRadianPoint = getCircleRadianPoint(rx, ry, r, startAngle),
+ _getCircleRadianPoint2 = (0, _slicedToArray2["default"])(_getCircleRadianPoint, 2),
+ bx = _getCircleRadianPoint2[0],
+ by = _getCircleRadianPoint2[1];
- /* style */
- const __vue_inject_styles__$7 = function (inject) {
- if (!inject) return
- inject("data-v-a61b75b4_0", { source: ".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;EACV,eAAe;EACf,iCAAiC;AACnC;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-svg-container circle {\n fill: gray;\n}\n.dv-border-box-6 .dv-svg-container polyline {\n fill: none;\n stroke-width: 1;\n stroke: rgba(255, 255, 255, 0.35);\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ var _getCircleRadianPoint3 = getCircleRadianPoint(rx, ry, r, endAngle),
+ _getCircleRadianPoint4 = (0, _slicedToArray2["default"])(_getCircleRadianPoint3, 2),
+ ex = _getCircleRadianPoint4[0],
+ ey = _getCircleRadianPoint4[1];
- };
- /* scoped */
- const __vue_scope_id__$7 = undefined;
- /* module identifier */
- const __vue_module_identifier__$7 = undefined;
- /* functional template */
- const __vue_is_functional_template__$7 = false;
- /* style inject SSR */
-
+ var vPoint = [x - rx, y - ry];
+ var vBArm = [bx - rx, by - ry];
+ var vEArm = [ex - rx, ey - ry];
+ var reverse = minus > PI;
-
- var BorderBox6 = normalizeComponent_1(
- { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
- __vue_inject_styles__$7,
- __vue_script__$7,
- __vue_scope_id__$7,
- __vue_is_functional_template__$7,
- __vue_module_identifier__$7,
- browser,
- undefined
- );
+ if (reverse) {
+ var _deepClone3 = deepClone([vEArm, vBArm]);
- function borderBox6 (Vue) {
- Vue.component(BorderBox6.name, BorderBox6);
+ var _deepClone4 = (0, _slicedToArray2["default"])(_deepClone3, 2);
+
+ vBArm = _deepClone4[0];
+ vEArm = _deepClone4[1];
+ }
+
+ var inSector = isClockWise(vBArm, vPoint) && !isClockWise(vEArm, vPoint);
+ if (reverse) inSector = !inSector;
+ if (reverseBE) inSector = !inSector;
+ return inSector;
}
+ /**
+ * @description Determine if the point is in the clockwise direction of the vector
+ * @param {Array} vArm Vector
+ * @param {Array} vPoint Point
+ * @return {Boolean} Result of check
+ */
- //
- var script$8 = {
- name: 'DvBorderBox7',
- mixins: [autoResize],
- data() {
- return {
- ref: 'border-box-7'
- };
- }
+ function isClockWise(vArm, vPoint) {
+ var _vArm = (0, _slicedToArray2["default"])(vArm, 2),
+ ax = _vArm[0],
+ ay = _vArm[1];
- };
+ var _vPoint = (0, _slicedToArray2["default"])(vPoint, 2),
+ px = _vPoint[0],
+ py = _vPoint[1];
- /* script */
- const __vue_script__$8 = script$8;
+ return -ay * px + ax * py > 0;
+ }
+ /**
+ * @description Check if the point is inside the polyline
+ * @param {Array} point Postion of point
+ * @param {Array} polyline The points that makes up a polyline
+ * @param {Number} lineWidth Polyline linewidth
+ * @return {Boolean} Result of check
+ */
- /* template */
- var __vue_render__$8 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-7" }, [
- _c(
- "svg",
- {
- staticClass: "dv-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c("polyline", {
- staticClass: "dv-bb7-line-width-2",
- attrs: { points: "0, 25 0, 0 25, 0" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-2",
- attrs: {
- points:
- _vm.width - 25 + ", 0 " + _vm.width + ", 0 " + _vm.width + ", 25"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-2",
- attrs: {
- points:
- _vm.width -
- 25 +
- ", " +
- _vm.height +
- " " +
- _vm.width +
- ", " +
- _vm.height +
- " " +
- _vm.width +
- ", " +
- (_vm.height - 25)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-2",
- attrs: {
- points:
- "0, " +
- (_vm.height - 25) +
- " 0, " +
- _vm.height +
- " 25, " +
- _vm.height
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-5",
- attrs: { points: "0, 10 0, 0 10, 0" }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-5",
- attrs: {
- points:
- _vm.width - 10 + ", 0 " + _vm.width + ", 0 " + _vm.width + ", 10"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-5",
- attrs: {
- points:
- _vm.width -
- 10 +
- ", " +
- _vm.height +
- " " +
- _vm.width +
- ", " +
- _vm.height +
- " " +
- _vm.width +
- ", " +
- (_vm.height - 10)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "dv-bb7-line-width-5",
- attrs: {
- points:
- "0, " +
- (_vm.height - 10) +
- " 0, " +
- _vm.height +
- " 10, " +
- _vm.height
- }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
- };
- var __vue_staticRenderFns__$8 = [];
- __vue_render__$8._withStripped = true;
- /* style */
- const __vue_inject_styles__$8 = function (inject) {
- if (!inject) return
- inject("data-v-4407270e_0", { source: ".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mDAAmD;EACnD,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;EACV,qBAAqB;AACvB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,gCAAgC;EAChC,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 40px rgba(128, 128, 128, 0.3);\n border: 1px solid rgba(128, 128, 128, 0.3);\n}\n.dv-border-box-7 .dv-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-svg-container polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke: rgba(128, 128, 128, 0.3);\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke: rgba(128, 128, 128, 0.5);\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ function checkPointIsNearPolyline(point, polyline, lineWidth) {
+ var halfLineWidth = lineWidth / 2;
+ var moveUpPolyline = polyline.map(function (_ref8) {
+ var _ref9 = (0, _slicedToArray2["default"])(_ref8, 2),
+ x = _ref9[0],
+ y = _ref9[1];
- };
- /* scoped */
- const __vue_scope_id__$8 = undefined;
- /* module identifier */
- const __vue_module_identifier__$8 = undefined;
- /* functional template */
- const __vue_is_functional_template__$8 = false;
- /* style inject SSR */
-
+ return [x, y - halfLineWidth];
+ });
+ var moveDownPolyline = polyline.map(function (_ref10) {
+ var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
+ x = _ref11[0],
+ y = _ref11[1];
-
- var BorderBox7 = normalizeComponent_1(
- { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
- __vue_inject_styles__$8,
- __vue_script__$8,
- __vue_scope_id__$8,
- __vue_is_functional_template__$8,
- __vue_module_identifier__$8,
- browser,
- undefined
- );
+ return [x, y + halfLineWidth];
+ });
+ var polygon = [].concat((0, _toConsumableArray2["default"])(moveUpPolyline), (0, _toConsumableArray2["default"])(moveDownPolyline.reverse()));
+ return checkPointIsInPolygon(point, polygon);
+ }
+ /**
+ * @description Check if the point is inside the rect
+ * @param {Array} point Postion of point
+ * @param {Number} x Rect start x coordinate
+ * @param {Number} y Rect start y coordinate
+ * @param {Number} width Rect width
+ * @param {Number} height Rect height
+ * @return {Boolean} Result of check
+ */
- function borderBox7 (Vue) {
- Vue.component(BorderBox7.name, BorderBox7);
+
+ function checkPointIsInRect(_ref12, x, y, width, height) {
+ var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
+ px = _ref13[0],
+ py = _ref13[1];
+
+ if (px < x) return false;
+ if (py < y) return false;
+ if (px > x + width) return false;
+ if (py > y + height) return false;
+ return true;
}
+ /**
+ * @description Get the coordinates of the rotated point
+ * @param {Number} rotate Degree of rotation
+ * @param {Array} point Postion of point
+ * @param {Array} origin Rotation center
+ * @param {Array} origin Rotation center
+ * @return {Number} Coordinates after rotation
+ */
- //
- var script$9 = {
- name: 'DvBorderBox8',
- mixins: [autoResize],
- data() {
- const timestamp = Date.now();
- return {
- ref: 'border-box-8',
- path: `border-box-8-path-${timestamp}`,
- gradient: `border-box-8-gradient-${timestamp}`,
- mask: `border-box-8-mask-${timestamp}`
- };
- },
+ function getRotatePointPos() {
+ var rotate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var point = arguments.length > 1 ? arguments[1] : undefined;
+ var origin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 0];
+ if (!point) return false;
+ if (rotate % 360 === 0) return point;
- computed: {
- length() {
- const {
- width,
- height
- } = this;
- return (width + height - 5) * 2;
- }
+ var _point3 = (0, _slicedToArray2["default"])(point, 2),
+ x = _point3[0],
+ y = _point3[1];
- }
- };
+ var _origin = (0, _slicedToArray2["default"])(origin, 2),
+ ox = _origin[0],
+ oy = _origin[1];
- /* script */
- const __vue_script__$9 = script$9;
+ rotate *= PI / 180;
+ return [(x - ox) * cos(rotate) - (y - oy) * sin(rotate) + ox, (x - ox) * sin(rotate) + (y - oy) * cos(rotate) + oy];
+ }
+ /**
+ * @description Get the coordinates of the scaled point
+ * @param {Array} scale Scale factor
+ * @param {Array} point Postion of point
+ * @param {Array} origin Scale center
+ * @return {Number} Coordinates after scale
+ */
- /* template */
- var __vue_render__$9 = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-8" }, [
- _c(
- "svg",
- {
- staticClass: "dv-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c(
- "defs",
- [
- _c("path", {
- attrs: {
- id: _vm.path,
- d:
- "M2.5, 2.5 L" +
- (_vm.width - 2.5) +
- ", 2.5 L" +
- (_vm.width - 2.5) +
- ", " +
- (_vm.height - 2.5) +
- " L2.5, " +
- (_vm.height - 2.5) +
- " L2.5, 2.5",
- fill: "transparent"
- }
- }),
- _vm._v(" "),
- _c(
- "radialGradient",
- { attrs: { id: _vm.gradient, cx: "50%", cy: "50%", r: "50%" } },
- [
- _c("stop", {
- attrs: {
- offset: "0%",
- "stop-color": "#fff",
- "stop-opacity": "1"
- }
- }),
- _vm._v(" "),
- _c("stop", {
- attrs: {
- offset: "100%",
- "stop-color": "#fff",
- "stop-opacity": "0"
- }
- })
- ],
- 1
- ),
- _vm._v(" "),
- _c("mask", { attrs: { id: _vm.mask } }, [
- _c(
- "circle",
- {
- attrs: {
- cx: "0",
- cy: "0",
- r: "150",
- fill: "url(#" + _vm.gradient + ")"
- }
- },
- [
- _c("animateMotion", {
- attrs: {
- dur: "3s",
- path:
- "M2.5, 2.5 L" +
- (_vm.width - 2.5) +
- ", 2.5 L" +
- (_vm.width - 2.5) +
- ", " +
- (_vm.height - 2.5) +
- " L2.5, " +
- (_vm.height - 2.5) +
- " L2.5, 2.5",
- rotate: "auto",
- repeatCount: "indefinite"
- }
- })
- ],
- 1
- )
- ])
- ],
- 1
- ),
- _vm._v(" "),
- _c("use", {
- attrs: {
- stroke: "#235fa7",
- "stroke-width": "1",
- "xlink:href": "#" + _vm.path
- }
- }),
- _vm._v(" "),
- _c(
- "use",
- {
- attrs: {
- stroke: "#4fd2dd",
- "stroke-width": "3",
- "xlink:href": "#" + _vm.path,
- mask: "url(#" + _vm.mask + ")"
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "stroke-dasharray",
- from: "0, " + _vm.length,
- to: _vm.length + ", 0",
- dur: "3s",
- repeatCount: "indefinite"
- }
- })
- ]
- )
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
+
+ function getScalePointPos() {
+ var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [1, 1];
+ var point = arguments.length > 1 ? arguments[1] : undefined;
+ var origin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [0, 0];
+ if (!point) return false;
+ if (scale === 1) return point;
+
+ var _point4 = (0, _slicedToArray2["default"])(point, 2),
+ x = _point4[0],
+ y = _point4[1];
+
+ var _origin2 = (0, _slicedToArray2["default"])(origin, 2),
+ ox = _origin2[0],
+ oy = _origin2[1];
+
+ var _scale = (0, _slicedToArray2["default"])(scale, 2),
+ xs = _scale[0],
+ ys = _scale[1];
+
+ var relativePosX = x - ox;
+ var relativePosY = y - oy;
+ return [relativePosX * xs + ox, relativePosY * ys + oy];
+ }
+ /**
+ * @description Get the coordinates of the scaled point
+ * @param {Array} translate Translation distance
+ * @param {Array} point Postion of point
+ * @return {Number} Coordinates after translation
+ */
+
+
+ function getTranslatePointPos(translate, point) {
+ if (!translate || !point) return false;
+
+ var _point5 = (0, _slicedToArray2["default"])(point, 2),
+ x = _point5[0],
+ y = _point5[1];
+
+ var _translate = (0, _slicedToArray2["default"])(translate, 2),
+ tx = _translate[0],
+ ty = _translate[1];
+
+ return [x + tx, y + ty];
+ }
+ /**
+ * @description Get the distance from the point to the line
+ * @param {Array} point Postion of point
+ * @param {Array} lineBegin Line start position
+ * @param {Array} lineEnd Line end position
+ * @return {Number} Distance between point and line
+ */
+
+
+ function getDistanceBetweenPointAndLine(point, lineBegin, lineEnd) {
+ if (!point || !lineBegin || !lineEnd) return false;
+
+ var _point6 = (0, _slicedToArray2["default"])(point, 2),
+ x = _point6[0],
+ y = _point6[1];
+
+ var _lineBegin = (0, _slicedToArray2["default"])(lineBegin, 2),
+ x1 = _lineBegin[0],
+ y1 = _lineBegin[1];
+
+ var _lineEnd = (0, _slicedToArray2["default"])(lineEnd, 2),
+ x2 = _lineEnd[0],
+ y2 = _lineEnd[1];
+
+ var a = y2 - y1;
+ var b = x1 - x2;
+ var c = y1 * (x2 - x1) - x1 * (y2 - y1);
+ var molecule = abs(a * x + b * y + c);
+ var denominator = sqrt(a * a + b * b);
+ return molecule / denominator;
+ }
+ /**
+ * @description Get the coordinates of the specified radian on the circle
+ * @param {Number} x Circle x coordinate
+ * @param {Number} y Circle y coordinate
+ * @param {Number} radius Circle radius
+ * @param {Number} radian Specfied radian
+ * @return {Array} Postion of point
+ */
+
+
+ function getCircleRadianPoint(x, y, radius, radian) {
+ return [x + cos(radian) * radius, y + sin(radian) * radius];
+ }
+ /**
+ * @description Get the points that make up a regular polygon
+ * @param {Number} x X coordinate of the polygon inscribed circle
+ * @param {Number} y Y coordinate of the polygon inscribed circle
+ * @param {Number} r Radius of the polygon inscribed circle
+ * @param {Number} side Side number
+ * @param {Number} minus Radian offset
+ * @return {Array} Points that make up a regular polygon
+ */
+
+
+ function getRegularPolygonPoints(rx, ry, r, side) {
+ var minus = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : PI * -0.5;
+ var radianGap = PI * 2 / side;
+ var radians = new Array(side).fill('').map(function (t, i) {
+ return i * radianGap + minus;
+ });
+ return radians.map(function (radian) {
+ return getCircleRadianPoint(rx, ry, r, radian);
+ });
+ }
+
+ var _default = {
+ deepClone: deepClone,
+ eliminateBlur: eliminateBlur,
+ checkPointIsInCircle: checkPointIsInCircle,
+ checkPointIsInPolygon: checkPointIsInPolygon,
+ checkPointIsInSector: checkPointIsInSector,
+ checkPointIsNearPolyline: checkPointIsNearPolyline,
+ getTwoPointDistance: getTwoPointDistance,
+ getRotatePointPos: getRotatePointPos,
+ getScalePointPos: getScalePointPos,
+ getTranslatePointPos: getTranslatePointPos,
+ getCircleRadianPoint: getCircleRadianPoint,
+ getRegularPolygonPoints: getRegularPolygonPoints,
+ getDistanceBetweenPointAndLine: getDistanceBetweenPointAndLine
};
- var __vue_staticRenderFns__$9 = [];
- __vue_render__$9._withStripped = true;
+ exports["default"] = _default;
+ });
- /* style */
- const __vue_inject_styles__$9 = function (inject) {
- if (!inject) return
- inject("data-v-700cf158_0", { source: ".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ unwrapExports(util);
+ var util_1 = util.deepClone;
+ var util_2 = util.eliminateBlur;
+ var util_3 = util.checkPointIsInCircle;
+ var util_4 = util.getTwoPointDistance;
+ var util_5 = util.checkPointIsInPolygon;
+ var util_6 = util.checkPointIsInSector;
+ var util_7 = util.checkPointIsNearPolyline;
+ var util_8 = util.checkPointIsInRect;
+ var util_9 = util.getRotatePointPos;
+ var util_10 = util.getScalePointPos;
+ var util_11 = util.getTranslatePointPos;
+ var util_12 = util.getDistanceBetweenPointAndLine;
+ var util_13 = util.getCircleRadianPoint;
+ var util_14 = util.getRegularPolygonPoints;
- };
- /* scoped */
- const __vue_scope_id__$9 = undefined;
- /* module identifier */
- const __vue_module_identifier__$9 = undefined;
- /* functional template */
- const __vue_is_functional_template__$9 = false;
- /* style inject SSR */
-
+ var util$1 = createCommonjsModule(function (module, exports) {
-
- var BorderBox8 = normalizeComponent_1(
- { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
- __vue_inject_styles__$9,
- __vue_script__$9,
- __vue_scope_id__$9,
- __vue_is_functional_template__$9,
- __vue_module_identifier__$9,
- browser,
- undefined
- );
- function borderBox8 (Vue) {
- Vue.component(BorderBox8.name, BorderBox8);
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.filterNonNumber = filterNonNumber;
+ exports.deepMerge = deepMerge;
+ exports.mulAdd = mulAdd;
+ exports.mergeSameStackData = mergeSameStackData;
+ exports.getTwoPointDistance = getTwoPointDistance;
+ exports.getLinearGradientColor = getLinearGradientColor;
+ exports.getPolylineLength = getPolylineLength;
+ exports.getPointToLineDistance = getPointToLineDistance;
+ exports.initNeedSeries = initNeedSeries;
+ exports.radianToAngle = radianToAngle;
+
+ var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
+
+ var _typeof2 = interopRequireDefault(_typeof_1);
+
+
+
+ function filterNonNumber(array) {
+ return array.filter(function (n) {
+ return typeof n === 'number';
+ });
}
- //
- var script$a = {
- name: 'DvBorderBox9',
- mixins: [autoResize],
+ function deepMerge(target, merged) {
+ for (var key in merged) {
+ if (target[key] && (0, _typeof2["default"])(target[key]) === 'object') {
+ deepMerge(target[key], merged[key]);
+ continue;
+ }
- data() {
- const timestamp = Date.now();
- return {
- ref: 'border-box-9',
- gradientId: `border-box-9-gradient-${timestamp}`,
- maskId: `border-box-9-mask-${timestamp}`
- };
+ if ((0, _typeof2["default"])(merged[key]) === 'object') {
+ target[key] = (0, util.deepClone)(merged[key], true);
+ continue;
+ }
+
+ target[key] = merged[key];
}
- };
+ return target;
+ }
- /* script */
- const __vue_script__$a = script$a;
+ function mulAdd(nums) {
+ nums = filterNonNumber(nums);
+ return nums.reduce(function (all, num) {
+ return all + num;
+ }, 0);
+ }
- /* template */
- var __vue_render__$a = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-9" }, [
- _c(
- "svg",
- {
- staticClass: "dv-svg-container",
- attrs: { width: _vm.width, height: _vm.height }
- },
- [
- _c(
- "defs",
- [
- _c(
- "linearGradient",
- {
- attrs: {
- id: _vm.gradientId,
- x1: "0%",
- y1: "0%",
- x2: "100%",
- y2: "100%"
- }
- },
- [
- _c("stop", {
- attrs: { offset: "0%", "stop-color": "#11eefd" }
- }),
- _vm._v(" "),
- _c("stop", {
- attrs: { offset: "100%", "stop-color": "#0078d2" }
- })
- ],
- 1
- ),
- _vm._v(" "),
- _c("mask", { attrs: { id: _vm.maskId } }, [
- _c("polyline", {
- attrs: {
- stroke: "#fff",
- "stroke-width": "3",
- fill: "transparent",
- points:
- "8, " +
- _vm.height * 0.4 +
- " 8, 3, " +
- (_vm.width * 0.4 + 7) +
- ", 3"
- }
- }),
- _vm._v(" "),
- _c("polyline", {
+ function mergeSameStackData(item, series) {
+ var stack = item.stack;
+ if (!stack) return (0, _toConsumableArray2["default"])(item.data);
+ var stacks = series.filter(function (_ref) {
+ var s = _ref.stack;
+ return s === stack;
+ });
+ var index = stacks.findIndex(function (_ref2) {
+ var d = _ref2.data;
+ return d === item.data;
+ });
+ var datas = stacks.splice(0, index + 1).map(function (_ref3) {
+ var data = _ref3.data;
+ return data;
+ });
+ var dataLength = datas[0].length;
+ return new Array(dataLength).fill(0).map(function (foo, i) {
+ return mulAdd(datas.map(function (d) {
+ return d[i];
+ }));
+ });
+ }
+
+ function getTwoPointDistance(pointOne, pointTwo) {
+ var minusX = Math.abs(pointOne[0] - pointTwo[0]);
+ var minusY = Math.abs(pointOne[1] - pointTwo[1]);
+ return Math.sqrt(minusX * minusX + minusY * minusY);
+ }
+
+ function getLinearGradientColor(ctx, begin, end, color) {
+ if (!ctx || !begin || !end || !color.length) return;
+ var colors = color;
+ typeof colors === 'string' && (colors = [color, color]);
+ var linearGradientColor = ctx.createLinearGradient.apply(ctx, (0, _toConsumableArray2["default"])(begin).concat((0, _toConsumableArray2["default"])(end)));
+ var colorGap = 1 / (colors.length - 1);
+ colors.forEach(function (c, i) {
+ return linearGradientColor.addColorStop(colorGap * i, c);
+ });
+ return linearGradientColor;
+ }
+
+ function getPolylineLength(points) {
+ var lineSegments = new Array(points.length - 1).fill(0).map(function (foo, i) {
+ return [points[i], points[i + 1]];
+ });
+ var lengths = lineSegments.map(function (item) {
+ return getTwoPointDistance.apply(void 0, (0, _toConsumableArray2["default"])(item));
+ });
+ return mulAdd(lengths);
+ }
+
+ function getPointToLineDistance(point, linePointOne, linePointTwo) {
+ var a = getTwoPointDistance(point, linePointOne);
+ var b = getTwoPointDistance(point, linePointTwo);
+ var c = getTwoPointDistance(linePointOne, linePointTwo);
+ return 0.5 * Math.sqrt((a + b + c) * (a + b - c) * (a + c - b) * (b + c - a)) / c;
+ }
+
+ function initNeedSeries(series, config, type) {
+ series = series.filter(function (_ref4) {
+ var st = _ref4.type;
+ return st === type;
+ });
+ series = series.map(function (item) {
+ return deepMerge((0, util.deepClone)(config, true), item);
+ });
+ return series.filter(function (_ref5) {
+ var show = _ref5.show;
+ return show;
+ });
+ }
+
+ function radianToAngle(radian) {
+ return radian / Math.PI * 180;
+ }
+ });
+
+ unwrapExports(util$1);
+ var util_1$1 = util$1.filterNonNumber;
+ var util_2$1 = util$1.deepMerge;
+ var util_3$1 = util$1.mulAdd;
+ var util_4$1 = util$1.mergeSameStackData;
+ var util_5$1 = util$1.getTwoPointDistance;
+ var util_6$1 = util$1.getLinearGradientColor;
+ var util_7$1 = util$1.getPolylineLength;
+ var util_8$1 = util$1.getPointToLineDistance;
+ var util_9$1 = util$1.initNeedSeries;
+ var util_10$1 = util$1.radianToAngle;
+
+ //
+ var script$2 = {
+ name: 'DvBorderBox1',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
+
+ data() {
+ return {
+ ref: 'border-box-1',
+ border: ['left-top', 'right-top', 'left-bottom', 'right-bottom'],
+ defaultColor: ['#4fd2dd', '#235fa7'],
+ mergedColor: []
+ };
+ },
+
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
+
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
+
+ },
+
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
+
+ };
+
+ /* script */
+ const __vue_script__$2 = script$2;
+
+ /* template */
+ var __vue_render__$2 = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c(
+ "div",
+ { ref: _vm.ref, staticClass: "dv-border-box-1" },
+ [
+ _c(
+ "svg",
+ {
+ staticClass: "border",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "10, 27 10, " +
+ (_vm.height - 27) +
+ " 13, " +
+ (_vm.height - 24) +
+ " 13, " +
+ (_vm.height - 21) +
+ " 24, " +
+ (_vm.height - 11) +
+ "\n 38, " +
+ (_vm.height - 11) +
+ " 41, " +
+ (_vm.height - 8) +
+ " 73, " +
+ (_vm.height - 8) +
+ " 75, " +
+ (_vm.height - 10) +
+ " 81, " +
+ (_vm.height - 10) +
+ "\n 85, " +
+ (_vm.height - 6) +
+ " " +
+ (_vm.width - 85) +
+ ", " +
+ (_vm.height - 6) +
+ " " +
+ (_vm.width - 81) +
+ ", " +
+ (_vm.height - 10) +
+ " " +
+ (_vm.width - 75) +
+ ", " +
+ (_vm.height - 10) +
+ "\n " +
+ (_vm.width - 73) +
+ ", " +
+ (_vm.height - 8) +
+ " " +
+ (_vm.width - 41) +
+ ", " +
+ (_vm.height - 8) +
+ " " +
+ (_vm.width - 38) +
+ ", " +
+ (_vm.height - 11) +
+ "\n " +
+ (_vm.width - 24) +
+ ", " +
+ (_vm.height - 11) +
+ " " +
+ (_vm.width - 13) +
+ ", " +
+ (_vm.height - 21) +
+ " " +
+ (_vm.width - 13) +
+ ", " +
+ (_vm.height - 24) +
+ "\n " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height - 27) +
+ " " +
+ (_vm.width - 10) +
+ ", 27 " +
+ (_vm.width - 13) +
+ ", 25 " +
+ (_vm.width - 13) +
+ ", 21\n " +
+ (_vm.width - 24) +
+ ", 11 " +
+ (_vm.width - 38) +
+ ", 11 " +
+ (_vm.width - 41) +
+ ", 8 " +
+ (_vm.width - 73) +
+ ", 8 " +
+ (_vm.width - 75) +
+ ", 10\n " +
+ (_vm.width - 81) +
+ ", 10 " +
+ (_vm.width - 85) +
+ ", 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _vm._l(_vm.border, function(item) {
+ return _c(
+ "svg",
+ {
+ key: item,
+ class: item + " border",
+ attrs: { width: "150px", height: "150px" }
+ },
+ [
+ _c(
+ "polygon",
+ {
attrs: {
- fill: "#fff",
+ fill: _vm.mergedColor[0],
points:
- "8, " +
- _vm.height * 0.15 +
- " 8, 3, " +
- (_vm.width * 0.1 + 7) +
- ", 3\n " +
- _vm.width * 0.1 +
- ", 8 14, 8 14, " +
- (_vm.height * 0.15 - 7) +
- "\n "
+ "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
}
- }),
- _vm._v(" "),
- _c("polyline", {
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "fill",
+ values:
+ _vm.mergedColor[0] +
+ ";" +
+ _vm.mergedColor[1] +
+ ";" +
+ _vm.mergedColor[0],
+ dur: "0.5s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c(
+ "polygon",
+ {
attrs: {
- stroke: "#fff",
- "stroke-width": "3",
- fill: "transparent",
+ fill: _vm.mergedColor[1],
points:
- _vm.width * 0.5 +
- ", 3 " +
- (_vm.width - 3) +
- ", 3, " +
- (_vm.width - 3) +
- ", " +
- _vm.height * 0.25
+ "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
}
- }),
- _vm._v(" "),
- _c("polyline", {
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "fill",
+ values:
+ _vm.mergedColor[1] +
+ ";" +
+ _vm.mergedColor[0] +
+ ";" +
+ _vm.mergedColor[1],
+ dur: "0.5s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c(
+ "polygon",
+ {
attrs: {
- fill: "#fff",
+ fill: _vm.mergedColor[0],
points:
- "\n " +
- _vm.width * 0.52 +
- ", 3 " +
- _vm.width * 0.58 +
- ", 3\n " +
- (_vm.width * 0.58 - 7) +
- ", 9 " +
- (_vm.width * 0.52 + 7) +
- ", 9\n "
+ "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
}
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- fill: "#fff",
- points:
- "\n " +
- _vm.width * 0.9 +
- ", 3 " +
- (_vm.width - 3) +
- ", 3 " +
- (_vm.width - 3) +
- ", " +
- _vm.height * 0.1 +
- "\n " +
- (_vm.width - 9) +
- ", " +
- (_vm.height * 0.1 - 7) +
- " " +
- (_vm.width - 9) +
- ", 9 " +
- (_vm.width * 0.9 + 7) +
- ", 9\n "
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- stroke: "#fff",
- "stroke-width": "3",
- fill: "transparent",
- points:
- "8, " +
- _vm.height * 0.5 +
- " 8, " +
- (_vm.height - 3) +
- " " +
- (_vm.width * 0.3 + 7) +
- ", " +
- (_vm.height - 3)
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- fill: "#fff",
- points:
- "\n 8, " +
- _vm.height * 0.55 +
- " 8, " +
- _vm.height * 0.7 +
- "\n 2, " +
- (_vm.height * 0.7 - 7) +
- " 2, " +
- (_vm.height * 0.55 + 7) +
- "\n "
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- stroke: "#fff",
- "stroke-width": "3",
- fill: "transparent",
- points:
- _vm.width * 0.35 +
- ", " +
- (_vm.height - 3) +
- " " +
- (_vm.width - 3) +
- ", " +
- (_vm.height - 3) +
- " " +
- (_vm.width - 3) +
- ", " +
- _vm.height * 0.35
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- attrs: {
- fill: "#fff",
- points:
- "\n " +
- _vm.width * 0.92 +
- ", " +
- (_vm.height - 3) +
- " " +
- (_vm.width - 3) +
- ", " +
- (_vm.height - 3) +
- " " +
- (_vm.width - 3) +
- ", " +
- _vm.height * 0.8 +
- "\n " +
- (_vm.width - 9) +
- ", " +
- (_vm.height * 0.8 + 7) +
- " " +
- (_vm.width - 9) +
- ", " +
- (_vm.height - 9) +
- " " +
- (_vm.width * 0.92 + 7) +
- ", " +
- (_vm.height - 9) +
- "\n "
- }
- })
- ])
- ],
- 1
- ),
- _vm._v(" "),
- _c("rect", {
- attrs: {
- x: "0",
- y: "0",
- width: _vm.width,
- height: _vm.height,
- fill: "url(#" + _vm.gradientId + ")",
- mask: "url(#" + _vm.maskId + ")"
- }
- })
- ]
- ),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ])
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "fill",
+ values:
+ _vm.mergedColor[0] +
+ ";" +
+ _vm.mergedColor[1] +
+ ";transparent",
+ dur: "1s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ )
+ ]
+ )
+ }),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ],
+ 2
+ )
};
- var __vue_staticRenderFns__$a = [];
- __vue_render__$a._withStripped = true;
+ var __vue_staticRenderFns__$2 = [];
+ __vue_render__$2._withStripped = true;
/* style */
- const __vue_inject_styles__$a = function (inject) {
+ const __vue_inject_styles__$2 = function (inject) {
if (!inject) return
- inject("data-v-3e8002dc_0", { source: ".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 svg {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ inject("data-v-5d85361d_0", { source: ".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-1 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-1 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-1 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-1 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
- const __vue_scope_id__$a = undefined;
+ const __vue_scope_id__$2 = undefined;
/* module identifier */
- const __vue_module_identifier__$a = undefined;
+ const __vue_module_identifier__$2 = undefined;
/* functional template */
- const __vue_is_functional_template__$a = false;
+ const __vue_is_functional_template__$2 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var BorderBox9 = normalizeComponent_1(
- { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
- __vue_inject_styles__$a,
- __vue_script__$a,
- __vue_scope_id__$a,
- __vue_is_functional_template__$a,
- __vue_module_identifier__$a,
- browser,
+ const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+ __vue_inject_styles__$2,
+ __vue_script__$2,
+ __vue_scope_id__$2,
+ __vue_is_functional_template__$2,
+ __vue_module_identifier__$2,
+ false,
+ createInjector,
+ undefined,
undefined
);
- function borderBox9 (Vue) {
- Vue.component(BorderBox9.name, BorderBox9);
+ function borderBox1 (Vue) {
+ Vue.component(__vue_component__$2.name, __vue_component__$2);
}
//
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- var script$b = {
- name: 'DvBorderBox10',
+ var script$3 = {
+ name: 'DvBorderBox2',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
data() {
return {
- border: ['left-top', 'right-top', 'left-bottom', 'right-bottom']
+ ref: 'border-box-2',
+ defaultColor: ['#fff', 'rgba(255, 255, 255, 0.6)'],
+ mergedColor: []
};
+ },
+
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
+
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
+
+ },
+
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
};
/* script */
- const __vue_script__$b = script$b;
+ const __vue_script__$3 = script$3;
/* template */
- var __vue_render__$b = function() {
+ var __vue_render__$3 = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
- return _c(
- "div",
- { staticClass: "dv-border-box-10" },
- [
- _vm._l(_vm.border, function(item) {
- return _c(
- "svg",
- {
- key: item,
- class: item + " border",
- attrs: { width: "150px", height: "150px" }
- },
- [
- _c("polygon", {
- attrs: {
- fill: "#d3e1f8",
- points: "40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
- }
- })
- ]
- )
- }),
- _vm._v(" "),
- _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
- ],
- 2
- )
- };
- var __vue_staticRenderFns__$b = [];
- __vue_render__$b._withStripped = true;
-
- /* style */
- const __vue_inject_styles__$b = function (inject) {
- if (!inject) return
- inject("data-v-4ca6df50_0", { source: ".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,sCAAsC;EACtC,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 25px 3px #1d48c4;\n border-radius: 6px;\n}\n.dv-border-box-10 .border {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
-
- };
- /* scoped */
- const __vue_scope_id__$b = undefined;
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-2" }, [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 7, 7 " +
+ (_vm.width - 7) +
+ ", 7 " +
+ (_vm.width - 7) +
+ ", " +
+ (_vm.height - 7) +
+ " 7, " +
+ (_vm.height - 7) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "2, 2 " +
+ (_vm.width - 2) +
+ " ,2 " +
+ (_vm.width - 2) +
+ ", " +
+ (_vm.height - 2) +
+ " 2, " +
+ (_vm.height - 2) +
+ " 2, 2"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "6, 6 " +
+ (_vm.width - 6) +
+ ", 6 " +
+ (_vm.width - 6) +
+ ", " +
+ (_vm.height - 6) +
+ " 6, " +
+ (_vm.height - 6) +
+ " 6, 6"
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: { fill: _vm.mergedColor[0], cx: "11", cy: "11", r: "1" }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[0],
+ cx: _vm.width - 11,
+ cy: "11",
+ r: "1"
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[0],
+ cx: _vm.width - 11,
+ cy: _vm.height - 11,
+ r: "1"
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[0],
+ cx: "11",
+ cy: _vm.height - 11,
+ r: "1"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ])
+ };
+ var __vue_staticRenderFns__$3 = [];
+ __vue_render__$3._withStripped = true;
+
+ /* style */
+ const __vue_inject_styles__$3 = function (inject) {
+ if (!inject) return
+ inject("data-v-d5c64680_0", { source: ".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-2 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-2 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+
+ };
+ /* scoped */
+ const __vue_scope_id__$3 = undefined;
/* module identifier */
- const __vue_module_identifier__$b = undefined;
+ const __vue_module_identifier__$3 = undefined;
/* functional template */
- const __vue_is_functional_template__$b = false;
+ const __vue_is_functional_template__$3 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var BorderBox10 = normalizeComponent_1(
- { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
- __vue_inject_styles__$b,
- __vue_script__$b,
- __vue_scope_id__$b,
- __vue_is_functional_template__$b,
- __vue_module_identifier__$b,
- browser,
+ const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+ __vue_inject_styles__$3,
+ __vue_script__$3,
+ __vue_scope_id__$3,
+ __vue_is_functional_template__$3,
+ __vue_module_identifier__$3,
+ false,
+ createInjector,
+ undefined,
undefined
);
- function borderBox10 (Vue) {
- Vue.component(BorderBox10.name, BorderBox10);
+ function borderBox2 (Vue) {
+ Vue.component(__vue_component__$3.name, __vue_component__$3);
}
//
- var script$c = {
- name: 'DvDecoration1',
+ var script$4 = {
+ name: 'DvBorderBox3',
mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
data() {
- const pointSideLength = 2.5;
return {
- ref: 'decoration-1',
- svgWH: [200, 50],
- svgScale: [1, 1],
- rowNum: 4,
- rowPoints: 20,
- pointSideLength,
- halfPointSideLength: pointSideLength / 2,
- points: [],
- rects: []
+ ref: 'border-box-3',
+ defaultColor: ['#2862b7', '#2862b7'],
+ mergedColor: []
};
},
- methods: {
- afterAutoResizeMixinInit() {
- const {
- calcSVGData
- } = this;
- calcSVGData();
- },
-
- calcSVGData() {
- const {
- calcPointsPosition,
- calcRectsPosition,
- calcScale
- } = this;
- calcPointsPosition();
- calcRectsPosition();
- calcScale();
- },
-
- calcPointsPosition() {
- const {
- svgWH,
- rowNum,
- rowPoints
- } = this;
- const [w, h] = svgWH;
- const horizontalGap = w / (rowPoints + 1);
- const verticalGap = h / (rowNum + 1);
- let points = new Array(rowNum).fill(0).map((foo, i) => new Array(rowPoints).fill(0).map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)]));
- this.points = points.reduce((all, item) => [...all, ...item], []);
- },
-
- calcRectsPosition() {
- const {
- points,
- rowPoints
- } = this;
- const rect1 = points[rowPoints * 2 - 1];
- const rect2 = points[rowPoints * 2 - 3];
- this.rects = [rect1, rect2];
- },
-
- calcScale() {
+ watch: {
+ color() {
const {
- width,
- height,
- svgWH
+ mergeColor
} = this;
- const [w, h] = svgWH;
- this.svgScale = [width / w, height / h];
- },
+ mergeColor();
+ }
- onResize() {
+ },
+ methods: {
+ mergeColor() {
const {
- calcSVGData
+ color,
+ defaultColor
} = this;
- calcSVGData();
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
}
+ },
+
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
+
};
/* script */
- const __vue_script__$c = script$c;
+ const __vue_script__$4 = script$4;
/* template */
- var __vue_render__$c = function() {
+ var __vue_render__$4 = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-decoration-1" }, [
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-3" }, [
_c(
"svg",
{
- style:
- "transform:scale(" + _vm.svgScale[0] + "," + _vm.svgScale[1] + ");",
- attrs: { width: _vm.svgWH[0] + "px", height: _vm.svgWH[1] + "px" }
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
},
[
- _vm._l(_vm.points, function(point, i) {
- return [
- Math.random() > 0.6
- ? _c(
- "rect",
- {
- key: i,
- attrs: {
- fill: "#fff",
- x: point[0] - _vm.halfPointSideLength,
- y: point[1] - _vm.halfPointSideLength,
- width: _vm.pointSideLength,
- height: _vm.pointSideLength
- }
- },
- [
- Math.random() > 0.6
- ? _c("animate", {
- attrs: {
- attributeName: "fill",
- values: "#fff;transparent",
- dur: "1s",
- begin: Math.random() * 2,
- repeatCount: "indefinite"
- }
- })
- : _vm._e()
- ]
- )
- : _vm._e()
- ]
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 23, 23 " +
+ (_vm.width - 24) +
+ ", 23 " +
+ (_vm.width - 24) +
+ ", " +
+ (_vm.height - 24) +
+ " 23, " +
+ (_vm.height - 24) +
+ "\n "
+ }
}),
_vm._v(" "),
- _vm.rects[0]
- ? _c(
- "rect",
- {
- attrs: {
- fill: "#0de7c2",
- x: _vm.rects[0][0] - _vm.pointSideLength,
- y: _vm.rects[0][1] - _vm.pointSideLength,
- width: _vm.pointSideLength * 2,
- height: _vm.pointSideLength * 2
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "width",
- values: "0;" + _vm.pointSideLength * 2,
- dur: "2s",
- repeatCount: "indefinite"
- }
- }),
- _vm._v(" "),
- _c("animate", {
- attrs: {
- attributeName: "height",
- values: "0;" + _vm.pointSideLength * 2,
- dur: "2s",
- repeatCount: "indefinite"
- }
- }),
- _vm._v(" "),
- _c("animate", {
- attrs: {
- attributeName: "x",
- values:
- _vm.rects[0][0] +
- ";" +
- (_vm.rects[0][0] - _vm.pointSideLength),
- dur: "2s",
- repeatCount: "indefinite"
- }
- }),
- _vm._v(" "),
- _c("animate", {
- attrs: {
- attributeName: "y",
- values:
- _vm.rects[0][1] +
- ";" +
- (_vm.rects[0][1] - _vm.pointSideLength),
- dur: "2s",
- repeatCount: "indefinite"
- }
- })
- ]
- )
- : _vm._e(),
+ _c("polyline", {
+ staticClass: "dv-bb3-line1",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "4, 4 " +
+ (_vm.width - 22) +
+ " ,4 " +
+ (_vm.width - 22) +
+ ", " +
+ (_vm.height - 22) +
+ " 4, " +
+ (_vm.height - 22) +
+ " 4, 4"
+ }
+ }),
_vm._v(" "),
- _vm.rects[1]
- ? _c(
- "rect",
- {
- attrs: {
- fill: "#0de7c2",
- x: _vm.rects[1][0] - 40,
- y: _vm.rects[1][1] - _vm.pointSideLength,
- width: 40,
- height: _vm.pointSideLength * 2
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: "width",
- values: "0;40;0",
- dur: "2s",
- repeatCount: "indefinite"
- }
- }),
- _vm._v(" "),
- _c("animate", {
- attrs: {
- attributeName: "x",
- values:
- _vm.rects[1][0] +
- ";" +
- (_vm.rects[1][0] - 40) +
- ";" +
- _vm.rects[1][0],
- dur: "2s",
- repeatCount: "indefinite"
- }
- })
- ]
- )
- : _vm._e()
- ],
- 2
- )
+ _c("polyline", {
+ staticClass: "dv-bb3-line2",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "10, 10 " +
+ (_vm.width - 16) +
+ ", 10 " +
+ (_vm.width - 16) +
+ ", " +
+ (_vm.height - 16) +
+ " 10, " +
+ (_vm.height - 16) +
+ " 10, 10"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb3-line2",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "16, 16 " +
+ (_vm.width - 10) +
+ ", 16 " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height - 10) +
+ " 16, " +
+ (_vm.height - 10) +
+ " 16, 16"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb3-line2",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "22, 22 " +
+ (_vm.width - 4) +
+ ", 22 " +
+ (_vm.width - 4) +
+ ", " +
+ (_vm.height - 4) +
+ " 22, " +
+ (_vm.height - 4) +
+ " 22, 22"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
- var __vue_staticRenderFns__$c = [];
- __vue_render__$c._withStripped = true;
+ var __vue_staticRenderFns__$4 = [];
+ __vue_render__$4._withStripped = true;
/* style */
- const __vue_inject_styles__$c = function (inject) {
+ const __vue_inject_styles__$4 = function (inject) {
if (!inject) return
- inject("data-v-37b4d8de_0", { source: ".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n"]}, media: undefined });
+ inject("data-v-8dbfb74c_0", { source: ".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-3 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-3 .dv-bb3-line1 {\n stroke-width: 3;\n}\n.dv-border-box-3 .dv-bb3-line2 {\n stroke-width: 1;\n}\n.dv-border-box-3 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
- const __vue_scope_id__$c = undefined;
+ const __vue_scope_id__$4 = undefined;
/* module identifier */
- const __vue_module_identifier__$c = undefined;
+ const __vue_module_identifier__$4 = undefined;
/* functional template */
- const __vue_is_functional_template__$c = false;
+ const __vue_is_functional_template__$4 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var Decoration1 = normalizeComponent_1(
- { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
- __vue_inject_styles__$c,
- __vue_script__$c,
- __vue_scope_id__$c,
- __vue_is_functional_template__$c,
- __vue_module_identifier__$c,
- browser,
+ const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+ __vue_inject_styles__$4,
+ __vue_script__$4,
+ __vue_scope_id__$4,
+ __vue_is_functional_template__$4,
+ __vue_module_identifier__$4,
+ false,
+ createInjector,
+ undefined,
undefined
);
- function decoration1 (Vue) {
- Vue.component(Decoration1.name, Decoration1);
+ function borderBox3 (Vue) {
+ Vue.component(__vue_component__$4.name, __vue_component__$4);
}
//
- var script$d = {
- name: 'DvDecoration2',
+ var script$5 = {
+ name: 'DvBorderBox4',
mixins: [autoResize],
props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
reverse: {
type: Boolean,
default: false
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
}
},
data() {
return {
- ref: 'decoration-2',
- x: 0,
- y: 0,
- w: 0,
- h: 0
+ ref: 'border-box-4',
+ defaultColor: ['red', 'rgba(0,0,255,0.8)'],
+ mergedColor: []
};
},
watch: {
- reverse() {
+ color() {
const {
- calcSVGData
+ mergeColor
} = this;
- calcSVGData();
+ mergeColor();
}
},
methods: {
- afterAutoResizeMixinInit() {
- const {
- calcSVGData
- } = this;
- calcSVGData();
- },
-
- calcSVGData() {
- const {
- reverse,
- width,
- height
- } = this;
-
- if (reverse) {
- this.w = 1;
- this.h = height;
- this.x = width / 2;
- this.y = 0;
- } else {
- this.w = width;
- this.h = 1;
- this.x = 0;
- this.y = height / 2;
- }
- },
-
- onResize() {
+ mergeColor() {
const {
- calcSVGData
+ color,
+ defaultColor
} = this;
- calcSVGData();
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
}
+ },
+
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
+
};
/* script */
- const __vue_script__$d = script$d;
+ const __vue_script__$5 = script$5;
/* template */
- var __vue_render__$d = function() {
+ var __vue_render__$5 = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-decoration-2" }, [
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-4" }, [
_c(
"svg",
- { attrs: { width: _vm.width + "px", height: _vm.height + "px" } },
+ {
+ class: "dv-border-svg-container " + (_vm.reverse && "dv-reverse"),
+ attrs: { width: _vm.width, height: _vm.height }
+ },
[
- _c(
- "rect",
- {
- attrs: {
- x: _vm.x,
- y: _vm.y,
- width: _vm.w,
- height: _vm.h,
- fill: "#3faacb"
- }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: _vm.reverse ? "height" : "width",
- from: "0",
- to: _vm.reverse ? _vm.height : _vm.width,
- dur: "6s",
- calcMode: "spline",
- keyTimes: "0;1",
- keySplines: ".42,0,.58,1",
- repeatCount: "indefinite"
- }
- })
- ]
- ),
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n " +
+ (_vm.width - 15) +
+ ", 22 170, 22 150, 7 40, 7 28, 21 32, 24\n 16, 42 16, " +
+ (_vm.height - 32) +
+ " 41, " +
+ (_vm.height - 7) +
+ " " +
+ (_vm.width - 15) +
+ ", " +
+ (_vm.height - 7) +
+ "\n "
+ }
+ }),
_vm._v(" "),
- _c(
- "rect",
- {
- attrs: { x: _vm.x, y: _vm.y, width: "1", height: "1", fill: "#fff" }
- },
- [
- _c("animate", {
- attrs: {
- attributeName: _vm.reverse ? "y" : "x",
- from: "0",
- to: _vm.reverse ? _vm.height : _vm.width,
- dur: "6s",
- calcMode: "spline",
- keyTimes: "0;1",
- keySplines: "0.42,0,0.58,1",
- repeatCount: "indefinite"
- }
- })
- ]
- )
+ _c("polyline", {
+ staticClass: "dv-bb4-line-1",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "145, " +
+ (_vm.height - 5) +
+ " 40, " +
+ (_vm.height - 5) +
+ " 10, " +
+ (_vm.height - 35) +
+ "\n 10, 40 40, 5 150, 5 170, 20 " +
+ (_vm.width - 15) +
+ ", 20"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-2",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "245, " +
+ (_vm.height - 1) +
+ " 36, " +
+ (_vm.height - 1) +
+ " 14, " +
+ (_vm.height - 23) +
+ "\n 14, " +
+ (_vm.height - 100)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-3",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "7, " + (_vm.height - 40) + " 7, " + (_vm.height - 75)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-4",
+ attrs: { stroke: _vm.mergedColor[0], points: "28, 24 13, 41 13, 64" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-5",
+ attrs: { stroke: _vm.mergedColor[0], points: "5, 45 5, 140" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-6",
+ attrs: { stroke: _vm.mergedColor[1], points: "14, 75 14, 180" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-7",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points: "55, 11 147, 11 167, 26 250, 26"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-8",
+ attrs: { stroke: _vm.mergedColor[1], points: "158, 5 173, 16" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-9",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "200, 17 " + (_vm.width - 10) + ", 17"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb4-line-10",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points: "385, 17 " + (_vm.width - 10) + ", 17"
+ }
+ })
]
- )
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
- var __vue_staticRenderFns__$d = [];
- __vue_render__$d._withStripped = true;
+ var __vue_staticRenderFns__$5 = [];
+ __vue_render__$5._withStripped = true;
/* style */
- const __vue_inject_styles__$d = function (inject) {
+ const __vue_inject_styles__$5 = function (inject) {
if (!inject) return
- inject("data-v-830db22e_0", { source: ".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,YAAY;EACZ,uBAAuB;EACvB,mBAAmB;AACrB","file":"main.vue","sourcesContent":[".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"]}, media: undefined });
+ inject("data-v-229480d1_0", { source: ".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,QAAQ;EACR,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;AACA;EACE,iBAAiB;EACjB,qBAAqB;EACrB,yBAAyB;AAC3B;AACA;EACE,eAAe;EACf,wBAAwB;AAC1B;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-4 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-4 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-4 .sw1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .sw3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-1 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-2 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-3 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-4 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-5 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-6 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-7 {\n stroke-width: 1;\n}\n.dv-border-box-4 .dv-bb4-line-8 {\n stroke-width: 3px;\n stroke-linecap: round;\n}\n.dv-border-box-4 .dv-bb4-line-9 {\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-dasharray: 100 250;\n}\n.dv-border-box-4 .dv-bb4-line-10 {\n stroke-width: 1;\n stroke-dasharray: 80 270;\n}\n.dv-border-box-4 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
- const __vue_scope_id__$d = undefined;
+ const __vue_scope_id__$5 = undefined;
/* module identifier */
- const __vue_module_identifier__$d = undefined;
+ const __vue_module_identifier__$5 = undefined;
/* functional template */
- const __vue_is_functional_template__$d = false;
+ const __vue_is_functional_template__$5 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var Decoration2 = normalizeComponent_1(
- { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
- __vue_inject_styles__$d,
- __vue_script__$d,
- __vue_scope_id__$d,
- __vue_is_functional_template__$d,
- __vue_module_identifier__$d,
- browser,
+ const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+ __vue_inject_styles__$5,
+ __vue_script__$5,
+ __vue_scope_id__$5,
+ __vue_is_functional_template__$5,
+ __vue_module_identifier__$5,
+ false,
+ createInjector,
+ undefined,
undefined
);
- function decoration2 (Vue) {
- Vue.component(Decoration2.name, Decoration2);
+ function borderBox4 (Vue) {
+ Vue.component(__vue_component__$5.name, __vue_component__$5);
}
//
- var script$e = {
- name: 'DvDecoration3',
+ var script$6 = {
+ name: 'DvBorderBox5',
mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ reverse: {
+ type: Boolean,
+ default: false
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
data() {
- const pointSideLength = 7;
return {
- ref: 'decoration-3',
- svgWH: [300, 35],
- svgScale: [1, 1],
- rowNum: 2,
- rowPoints: 25,
- pointSideLength,
- halfPointSideLength: pointSideLength / 2,
- points: []
+ ref: 'border-box-5',
+ defaultColor: ['rgba(255, 255, 255, 0.35)', 'rgba(255, 255, 255, 0.20)'],
+ mergedColor: []
};
},
- methods: {
- afterAutoResizeMixinInit() {
- const {
- calcSVGData
- } = this;
- calcSVGData();
- },
-
- calcSVGData() {
- const {
- calcPointsPosition,
- calcScale
- } = this;
- calcPointsPosition();
- calcScale();
- },
-
- calcPointsPosition() {
- const {
- svgWH,
- rowNum,
- rowPoints
- } = this;
- const [w, h] = svgWH;
- const horizontalGap = w / (rowPoints + 1);
- const verticalGap = h / (rowNum + 1);
- let points = new Array(rowNum).fill(0).map((foo, i) => new Array(rowPoints).fill(0).map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)]));
- this.points = points.reduce((all, item) => [...all, ...item], []);
- },
-
- calcScale() {
+ watch: {
+ color() {
const {
- width,
- height,
- svgWH
+ mergeColor
} = this;
- const [w, h] = svgWH;
- this.svgScale = [width / w, height / h];
- },
+ mergeColor();
+ }
- onResize() {
+ },
+ methods: {
+ mergeColor() {
const {
- calcSVGData
+ color,
+ defaultColor
} = this;
- calcSVGData();
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
}
+ },
+
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
+
};
/* script */
- const __vue_script__$e = script$e;
+ const __vue_script__$6 = script$6;
/* template */
- var __vue_render__$e = function() {
+ var __vue_render__$6 = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-decoration-3" }, [
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-5" }, [
_c(
"svg",
{
- style:
- "transform:scale(" + _vm.svgScale[0] + "," + _vm.svgScale[1] + ");",
- attrs: { width: _vm.svgWH[0] + "px", height: _vm.svgWH[1] + "px" }
+ class: "dv-border-svg-container " + (_vm.reverse && "dv-reverse"),
+ attrs: { width: _vm.width, height: _vm.height }
},
[
- _vm._l(_vm.points, function(point, i) {
- return [
- _c(
- "rect",
- {
- key: i,
- attrs: {
- fill: "#7acaec",
- x: point[0] - _vm.halfPointSideLength,
- y: point[1] - _vm.halfPointSideLength,
- width: _vm.pointSideLength,
- height: _vm.pointSideLength
- }
- },
- [
- Math.random() > 0.6
- ? _c("animate", {
- attrs: {
- attributeName: "fill",
- values: "#7acaec;transparent",
- dur: Math.random() + 1 + "s",
- begin: Math.random() * 2,
- repeatCount: "indefinite"
- }
- })
- : _vm._e()
- ]
- )
- ]
- })
- ],
- 2
- )
- ])
- };
- var __vue_staticRenderFns__$e = [];
- __vue_render__$e._withStripped = true;
-
- /* style */
- const __vue_inject_styles__$e = function (inject) {
- if (!inject) return
- inject("data-v-557fdf18_0", { source: ".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,0BAA0B;AAC5B","file":"main.vue","sourcesContent":[".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n"]}, media: undefined });
-
- };
- /* scoped */
- const __vue_scope_id__$e = undefined;
- /* module identifier */
- const __vue_module_identifier__$e = undefined;
- /* functional template */
- const __vue_is_functional_template__$e = false;
- /* style inject SSR */
-
-
-
- var Decoration3 = normalizeComponent_1(
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
- __vue_inject_styles__$e,
- __vue_script__$e,
- __vue_scope_id__$e,
- __vue_is_functional_template__$e,
- __vue_module_identifier__$e,
- browser,
- undefined
- );
-
- function decoration3 (Vue) {
- Vue.component(Decoration3.name, Decoration3);
- }
-
- //
- var script$f = {
- name: 'DvDecoration4',
- mixins: [autoResize],
- props: ['reverse'],
-
- data() {
- return {
- ref: 'decoration-4'
- };
- }
-
- };
-
- /* script */
- const __vue_script__$f = script$f;
-
- /* template */
- var __vue_render__$f = function() {
- var _vm = this;
- var _h = _vm.$createElement;
- var _c = _vm._self._c || _h;
- return _c("div", { ref: _vm.ref, staticClass: "dv-decoration-4" }, [
- _c(
- "div",
- {
- class: "container " + (_vm.reverse ? "reverse" : "normal"),
- style: _vm.reverse
- ? "width:" + _vm.width + "px;height:5px"
- : "width:5px;height:" + _vm.height + "px;"
- },
- [
- _c(
- "svg",
- {
- attrs: {
- width: _vm.reverse ? _vm.width : 5,
- height: _vm.reverse ? 5 : _vm.height
- }
- },
- [
- _c("polyline", {
- attrs: {
- stroke: "rgba(255, 255, 255, 0.3)",
- points: _vm.reverse
- ? "0, 2.5 " + _vm.width + ", 2.5"
- : "2.5, 0 2.5, " + _vm.height
- }
- }),
- _vm._v(" "),
- _c("polyline", {
- staticClass: "bold-line",
- attrs: {
- stroke: "rgba(255, 255, 255, 0.3)",
- "stroke-width": "3",
- "stroke-dasharray": "20, 80",
- "stroke-dashoffset": "-30",
- points: _vm.reverse
- ? "0, 2.5 " + _vm.width + ", 2.5"
- : "2.5, 0 2.5, " + _vm.height
- }
- })
- ]
- )
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 10, 22 " +
+ (_vm.width - 22) +
+ ", 22 " +
+ (_vm.width - 22) +
+ ", " +
+ (_vm.height - 86) +
+ " " +
+ (_vm.width - 84) +
+ ", " +
+ (_vm.height - 24) +
+ " 10, " +
+ (_vm.height - 24) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-1",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "8, 5 " +
+ (_vm.width - 5) +
+ ", 5 " +
+ (_vm.width - 5) +
+ ", " +
+ (_vm.height - 100) +
+ "\n " +
+ (_vm.width - 100) +
+ ", " +
+ (_vm.height - 5) +
+ " 8, " +
+ (_vm.height - 5) +
+ " 8, 5"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-2",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "3, 5 " +
+ (_vm.width - 20) +
+ ", 5 " +
+ (_vm.width - 20) +
+ ", " +
+ (_vm.height - 60) +
+ "\n " +
+ (_vm.width - 74) +
+ ", " +
+ (_vm.height - 5) +
+ " 3, " +
+ (_vm.height - 5) +
+ " 3, 5"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-3",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points: "50, 13 " + (_vm.width - 35) + ", 13"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-4",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points: "15, 20 " + (_vm.width - 35) + ", 20"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-5",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "15, " +
+ (_vm.height - 20) +
+ " " +
+ (_vm.width - 110) +
+ ", " +
+ (_vm.height - 20)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb5-line-6",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "15, " +
+ (_vm.height - 13) +
+ " " +
+ (_vm.width - 110) +
+ ", " +
+ (_vm.height - 13)
+ }
+ })
]
- )
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
- var __vue_staticRenderFns__$f = [];
- __vue_render__$f._withStripped = true;
+ var __vue_staticRenderFns__$6 = [];
+ __vue_render__$6._withStripped = true;
/* style */
- const __vue_inject_styles__$f = function (inject) {
+ const __vue_inject_styles__$6 = function (inject) {
if (!inject) return
- inject("data-v-15cdd0b4_0", { source: ".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n70% {\n height: 100%;\n}\n100% {\n height: 100%;\n}\n}\n@keyframes ani-width {\n70% {\n width: 100%;\n}\n100% {\n width: 100%;\n}\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,aAAa;EACb,gBAAgB;EAChB,kBAAkB;AACpB;AACA;EACE,qBAAqB;EACrB,6CAA6C;EAC7C,SAAS;EACT,iBAAiB;AACnB;AACA;EACE,oBAAoB;EACpB,4CAA4C;EAC5C,QAAQ;EACR,gBAAgB;AAClB;AACA;AACE;IACE,YAAY;AACd;AACA;IACE,YAAY;AACd;AACF;AACA;AACE;IACE,WAAW;AACb;AACA;IACE,WAAW;AACb;AACF","file":"main.vue","sourcesContent":[".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;\n overflow: hidden;\n position: absolute;\n}\n.dv-decoration-4 .normal {\n height: 0% !important;\n animation: ani-height 3s ease-in-out infinite;\n left: 50%;\n margin-left: -2px;\n}\n.dv-decoration-4 .reverse {\n width: 0% !important;\n animation: ani-width 3s ease-in-out infinite;\n top: 50%;\n margin-top: -2px;\n}\n@keyframes ani-height {\n 70% {\n height: 100%;\n }\n 100% {\n height: 100%;\n }\n}\n@keyframes ani-width {\n 70% {\n width: 100%;\n }\n 100% {\n width: 100%;\n }\n}\n"]}, media: undefined });
+ inject("data-v-5e711d00_0", { source: ".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1,\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke-width: 1;\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;;EAEE,eAAe;AACjB;AACA;;EAEE,eAAe;AACjB;AACA;;EAEE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: rotate(180deg);\n}\n.dv-border-box-5 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-border-svg-container > polyline {\n fill: none;\n}\n.dv-border-box-5 .dv-bb5-line-1,\n.dv-border-box-5 .dv-bb5-line-2 {\n stroke-width: 1;\n}\n.dv-border-box-5 .dv-bb5-line-3,\n.dv-border-box-5 .dv-bb5-line-6 {\n stroke-width: 5;\n}\n.dv-border-box-5 .dv-bb5-line-4,\n.dv-border-box-5 .dv-bb5-line-5 {\n stroke-width: 2;\n}\n.dv-border-box-5 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
- const __vue_scope_id__$f = undefined;
+ const __vue_scope_id__$6 = undefined;
/* module identifier */
- const __vue_module_identifier__$f = undefined;
+ const __vue_module_identifier__$6 = undefined;
/* functional template */
- const __vue_is_functional_template__$f = false;
+ const __vue_is_functional_template__$6 = false;
/* style inject SSR */
+ /* style inject shadow dom */
+
- var Decoration4 = normalizeComponent_1(
- { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
- __vue_inject_styles__$f,
- __vue_script__$f,
- __vue_scope_id__$f,
- __vue_is_functional_template__$f,
- __vue_module_identifier__$f,
- browser,
+ const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+ __vue_inject_styles__$6,
+ __vue_script__$6,
+ __vue_scope_id__$6,
+ __vue_is_functional_template__$6,
+ __vue_module_identifier__$6,
+ false,
+ createInjector,
+ undefined,
undefined
);
- function decoration4 (Vue) {
- Vue.component(Decoration4.name, Decoration4);
- }
-
- function unwrapExports (x) {
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
- }
-
- function createCommonjsModule(fn, module) {
- return module = { exports: {} }, fn(module, module.exports), module.exports;
+ function borderBox5 (Vue) {
+ Vue.component(__vue_component__$6.name, __vue_component__$6);
}
- var _global = createCommonjsModule(function (module) {
- // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
- var global = module.exports = typeof window != 'undefined' && window.Math == Math
- ? window : typeof self != 'undefined' && self.Math == Math ? self
- // eslint-disable-next-line no-new-func
- : Function('return this')();
- if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
- });
-
- var _core = createCommonjsModule(function (module) {
- var core = module.exports = { version: '2.6.9' };
- if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
- });
- var _core_1 = _core.version;
-
- var _isObject = function (it) {
- return typeof it === 'object' ? it !== null : typeof it === 'function';
- };
-
- var _anObject = function (it) {
- if (!_isObject(it)) throw TypeError(it + ' is not an object!');
- return it;
- };
-
- var _fails = function (exec) {
- try {
- return !!exec();
- } catch (e) {
- return true;
- }
- };
-
- // Thank's IE8 for his funny defineProperty
- var _descriptors = !_fails(function () {
- return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
- });
-
- var document$1 = _global.document;
- // typeof document.createElement is 'object' in old IE
- var is = _isObject(document$1) && _isObject(document$1.createElement);
- var _domCreate = function (it) {
- return is ? document$1.createElement(it) : {};
- };
-
- var _ie8DomDefine = !_descriptors && !_fails(function () {
- return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
- });
-
- // 7.1.1 ToPrimitive(input [, PreferredType])
-
- // instead of the ES6 spec version, we didn't implement @@toPrimitive case
- // and the second argument - flag - preferred type is a string
- var _toPrimitive = function (it, S) {
- if (!_isObject(it)) return it;
- var fn, val;
- if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
- if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
- if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
- throw TypeError("Can't convert object to primitive value");
- };
-
- var dP = Object.defineProperty;
-
- var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
- _anObject(O);
- P = _toPrimitive(P, true);
- _anObject(Attributes);
- if (_ie8DomDefine) try {
- return dP(O, P, Attributes);
- } catch (e) { /* empty */ }
- if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
- if ('value' in Attributes) O[P] = Attributes.value;
- return O;
- };
-
- var _objectDp = {
- f: f
- };
-
- var _propertyDesc = function (bitmap, value) {
- return {
- enumerable: !(bitmap & 1),
- configurable: !(bitmap & 2),
- writable: !(bitmap & 4),
- value: value
- };
- };
-
- var _hide = _descriptors ? function (object, key, value) {
- return _objectDp.f(object, key, _propertyDesc(1, value));
- } : function (object, key, value) {
- object[key] = value;
- return object;
- };
-
- var hasOwnProperty = {}.hasOwnProperty;
- var _has = function (it, key) {
- return hasOwnProperty.call(it, key);
- };
-
- var id = 0;
- var px = Math.random();
- var _uid = function (key) {
- return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
- };
-
- var _library = false;
-
- var _shared = createCommonjsModule(function (module) {
- var SHARED = '__core-js_shared__';
- var store = _global[SHARED] || (_global[SHARED] = {});
-
- (module.exports = function (key, value) {
- return store[key] || (store[key] = value !== undefined ? value : {});
- })('versions', []).push({
- version: _core.version,
- mode: 'global',
- copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
- });
- });
+ //
+ var script$7 = {
+ name: 'DvBorderBox6',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
- var _functionToString = _shared('native-function-to-string', Function.toString);
+ data() {
+ return {
+ ref: 'border-box-6',
+ defaultColor: ['rgba(255, 255, 255, 0.35)', 'gray'],
+ mergedColor: []
+ };
+ },
- var _redefine = createCommonjsModule(function (module) {
- var SRC = _uid('src');
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
- var TO_STRING = 'toString';
- var TPL = ('' + _functionToString).split(TO_STRING);
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
- _core.inspectSource = function (it) {
- return _functionToString.call(it);
- };
+ },
- (module.exports = function (O, key, val, safe) {
- var isFunction = typeof val == 'function';
- if (isFunction) _has(val, 'name') || _hide(val, 'name', key);
- if (O[key] === val) return;
- if (isFunction) _has(val, SRC) || _hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));
- if (O === _global) {
- O[key] = val;
- } else if (!safe) {
- delete O[key];
- _hide(O, key, val);
- } else if (O[key]) {
- O[key] = val;
- } else {
- _hide(O, key, val);
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
- // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
- })(Function.prototype, TO_STRING, function toString() {
- return typeof this == 'function' && this[SRC] || _functionToString.call(this);
- });
- });
- var _aFunction = function (it) {
- if (typeof it != 'function') throw TypeError(it + ' is not a function!');
- return it;
};
- // optional / simple context binding
+ /* script */
+ const __vue_script__$7 = script$7;
- var _ctx = function (fn, that, length) {
- _aFunction(fn);
- if (that === undefined) return fn;
- switch (length) {
- case 1: return function (a) {
- return fn.call(that, a);
- };
- case 2: return function (a, b) {
- return fn.call(that, a, b);
- };
- case 3: return function (a, b, c) {
- return fn.call(that, a, b, c);
- };
- }
- return function (/* ...args */) {
- return fn.apply(that, arguments);
- };
- };
-
- var PROTOTYPE = 'prototype';
-
- var $export = function (type, name, source) {
- var IS_FORCED = type & $export.F;
- var IS_GLOBAL = type & $export.G;
- var IS_STATIC = type & $export.S;
- var IS_PROTO = type & $export.P;
- var IS_BIND = type & $export.B;
- var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] || (_global[name] = {}) : (_global[name] || {})[PROTOTYPE];
- var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
- var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});
- var key, own, out, exp;
- if (IS_GLOBAL) source = name;
- for (key in source) {
- // contains in native
- own = !IS_FORCED && target && target[key] !== undefined;
- // export native or passed
- out = (own ? target : source)[key];
- // bind timers to global for call from export context
- exp = IS_BIND && own ? _ctx(out, _global) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
- // extend global
- if (target) _redefine(target, key, out, type & $export.U);
- // export
- if (exports[key] != out) _hide(exports, key, exp);
- if (IS_PROTO && expProto[key] != out) expProto[key] = out;
- }
- };
- _global.core = _core;
- // type bitmap
- $export.F = 1; // forced
- $export.G = 2; // global
- $export.S = 4; // static
- $export.P = 8; // proto
- $export.B = 16; // bind
- $export.W = 32; // wrap
- $export.U = 64; // safe
- $export.R = 128; // real proto method for `library`
- var _export = $export;
-
- // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
- _export(_export.S + _export.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });
-
- // 7.1.4 ToInteger
- var ceil = Math.ceil;
- var floor = Math.floor;
- var _toInteger = function (it) {
- return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+ /* template */
+ var __vue_render__$7 = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-6" }, [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 9, 7 " +
+ (_vm.width - 9) +
+ ", 7 " +
+ (_vm.width - 9) +
+ ", " +
+ (_vm.height - 7) +
+ " 9, " +
+ (_vm.height - 7) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: { fill: _vm.mergedColor[1], cx: "5", cy: "5", r: "2" }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[1],
+ cx: _vm.width - 5,
+ cy: "5",
+ r: "2"
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[1],
+ cx: _vm.width - 5,
+ cy: _vm.height - 5,
+ r: "2"
+ }
+ }),
+ _vm._v(" "),
+ _c("circle", {
+ attrs: {
+ fill: _vm.mergedColor[1],
+ cx: "5",
+ cy: _vm.height - 5,
+ r: "2"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "10, 4 " + (_vm.width - 10) + ", 4"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "10, " +
+ (_vm.height - 4) +
+ " " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height - 4)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "5, 70 5, " + (_vm.height - 70)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ _vm.width -
+ 5 +
+ ", 70 " +
+ (_vm.width - 5) +
+ ", " +
+ (_vm.height - 70)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: { stroke: _vm.mergedColor[0], points: "3, 10, 3, 50" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: { stroke: _vm.mergedColor[0], points: "7, 30 7, 80" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: _vm.width - 3 + ", 10 " + (_vm.width - 3) + ", 50"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: _vm.width - 7 + ", 30 " + (_vm.width - 7) + ", 80"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "3, " + (_vm.height - 10) + " 3, " + (_vm.height - 50)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points: "7, " + (_vm.height - 30) + " 7, " + (_vm.height - 80)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ _vm.width -
+ 3 +
+ ", " +
+ (_vm.height - 10) +
+ " " +
+ (_vm.width - 3) +
+ ", " +
+ (_vm.height - 50)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ _vm.width -
+ 7 +
+ ", " +
+ (_vm.height - 30) +
+ " " +
+ (_vm.width - 7) +
+ ", " +
+ (_vm.height - 80)
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ])
};
+ var __vue_staticRenderFns__$7 = [];
+ __vue_render__$7._withStripped = true;
- // 7.2.1 RequireObjectCoercible(argument)
- var _defined = function (it) {
- if (it == undefined) throw TypeError("Can't call method on " + it);
- return it;
- };
+ /* style */
+ const __vue_inject_styles__$7 = function (inject) {
+ if (!inject) return
+ inject("data-v-715598fc_0", { source: ".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;EACV,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-6 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
- // true -> String#at
- // false -> String#codePointAt
- var _stringAt = function (TO_STRING) {
- return function (that, pos) {
- var s = String(_defined(that));
- var i = _toInteger(pos);
- var l = s.length;
- var a, b;
- if (i < 0 || i >= l) return TO_STRING ? '' : undefined;
- a = s.charCodeAt(i);
- return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
- ? TO_STRING ? s.charAt(i) : a
- : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
};
- };
-
- var _iterators = {};
-
- var toString = {}.toString;
-
- var _cof = function (it) {
- return toString.call(it).slice(8, -1);
- };
+ /* scoped */
+ const __vue_scope_id__$7 = undefined;
+ /* module identifier */
+ const __vue_module_identifier__$7 = undefined;
+ /* functional template */
+ const __vue_is_functional_template__$7 = false;
+ /* style inject SSR */
+
+ /* style inject shadow dom */
+
- // fallback for non-array-like ES3 and non-enumerable old V8 strings
+
+ const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+ __vue_inject_styles__$7,
+ __vue_script__$7,
+ __vue_scope_id__$7,
+ __vue_is_functional_template__$7,
+ __vue_module_identifier__$7,
+ false,
+ createInjector,
+ undefined,
+ undefined
+ );
- // eslint-disable-next-line no-prototype-builtins
- var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
- return _cof(it) == 'String' ? it.split('') : Object(it);
- };
+ function borderBox6 (Vue) {
+ Vue.component(__vue_component__$7.name, __vue_component__$7);
+ }
- // to indexed object, toObject with fallback for non-array-like ES3 strings
+ //
+ var script$8 = {
+ name: 'DvBorderBox7',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
+ data() {
+ return {
+ ref: 'border-box-7',
+ defaultColor: ['rgba(128,128,128,0.3)', 'rgba(128,128,128,0.5)'],
+ mergedColor: []
+ };
+ },
- var _toIobject = function (it) {
- return _iobject(_defined(it));
- };
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
- // 7.1.15 ToLength
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
- var min = Math.min;
- var _toLength = function (it) {
- return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
- };
+ },
- var max = Math.max;
- var min$1 = Math.min;
- var _toAbsoluteIndex = function (index, length) {
- index = _toInteger(index);
- return index < 0 ? max(index + length, 0) : min$1(index, length);
- };
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
- // false -> Array#indexOf
- // true -> Array#includes
-
-
-
- var _arrayIncludes = function (IS_INCLUDES) {
- return function ($this, el, fromIndex) {
- var O = _toIobject($this);
- var length = _toLength(O.length);
- var index = _toAbsoluteIndex(fromIndex, length);
- var value;
- // Array#includes uses SameValueZero equality algorithm
- // eslint-disable-next-line no-self-compare
- if (IS_INCLUDES && el != el) while (length > index) {
- value = O[index++];
- // eslint-disable-next-line no-self-compare
- if (value != value) return true;
- // Array#indexOf ignores holes, Array#includes - not
- } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
- if (O[index] === el) return IS_INCLUDES || index || 0;
- } return !IS_INCLUDES && -1;
- };
};
- var shared = _shared('keys');
+ /* script */
+ const __vue_script__$8 = script$8;
- var _sharedKey = function (key) {
- return shared[key] || (shared[key] = _uid(key));
+ /* template */
+ var __vue_render__$8 = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c(
+ "div",
+ {
+ ref: _vm.ref,
+ staticClass: "dv-border-box-7",
+ style:
+ "box-shadow: inset 0 0 40px " +
+ _vm.mergedColor[0] +
+ "; border: 1px solid " +
+ _vm.mergedColor[0] +
+ "; background-color: " +
+ _vm.backgroundColor
+ },
+ [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-2",
+ attrs: { stroke: _vm.mergedColor[0], points: "0, 25 0, 0 25, 0" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-2",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ _vm.width -
+ 25 +
+ ", 0 " +
+ _vm.width +
+ ", 0 " +
+ _vm.width +
+ ", 25"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-2",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ _vm.width -
+ 25 +
+ ", " +
+ _vm.height +
+ " " +
+ _vm.width +
+ ", " +
+ _vm.height +
+ " " +
+ _vm.width +
+ ", " +
+ (_vm.height - 25)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-2",
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ points:
+ "0, " +
+ (_vm.height - 25) +
+ " 0, " +
+ _vm.height +
+ " 25, " +
+ _vm.height
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-5",
+ attrs: { stroke: _vm.mergedColor[1], points: "0, 10 0, 0 10, 0" }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-5",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ _vm.width -
+ 10 +
+ ", 0 " +
+ _vm.width +
+ ", 0 " +
+ _vm.width +
+ ", 10"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-5",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ _vm.width -
+ 10 +
+ ", " +
+ _vm.height +
+ " " +
+ _vm.width +
+ ", " +
+ _vm.height +
+ " " +
+ _vm.width +
+ ", " +
+ (_vm.height - 10)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ staticClass: "dv-bb7-line-width-5",
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ points:
+ "0, " +
+ (_vm.height - 10) +
+ " 0, " +
+ _vm.height +
+ " 10, " +
+ _vm.height
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ]
+ )
};
+ var __vue_staticRenderFns__$8 = [];
+ __vue_render__$8._withStripped = true;
- var arrayIndexOf = _arrayIncludes(false);
- var IE_PROTO = _sharedKey('IE_PROTO');
-
- var _objectKeysInternal = function (object, names) {
- var O = _toIobject(object);
- var i = 0;
- var result = [];
- var key;
- for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key);
- // Don't enum bug & hidden keys
- while (names.length > i) if (_has(O, key = names[i++])) {
- ~arrayIndexOf(result, key) || result.push(key);
- }
- return result;
- };
-
- // IE 8- don't enum bug keys
- var _enumBugKeys = (
- 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
- ).split(',');
-
- // 19.1.2.14 / 15.2.3.14 Object.keys(O)
-
+ /* style */
+ const __vue_inject_styles__$8 = function (inject) {
+ if (!inject) return
+ inject("data-v-21156cd2_0", { source: ".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-border-svg-container > polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,YAAY;AACd;AACA;EACE,UAAU;EACV,qBAAqB;AACvB;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-border-svg-container {\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-border-svg-container > polyline {\n fill: none;\n stroke-linecap: round;\n}\n.dv-border-box-7 .dv-bb7-line-width-2 {\n stroke-width: 2;\n}\n.dv-border-box-7 .dv-bb7-line-width-5 {\n stroke-width: 5;\n}\n.dv-border-box-7 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ };
+ /* scoped */
+ const __vue_scope_id__$8 = undefined;
+ /* module identifier */
+ const __vue_module_identifier__$8 = undefined;
+ /* functional template */
+ const __vue_is_functional_template__$8 = false;
+ /* style inject SSR */
+
+ /* style inject shadow dom */
+
- var _objectKeys = Object.keys || function keys(O) {
- return _objectKeysInternal(O, _enumBugKeys);
- };
+
+ const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+ __vue_inject_styles__$8,
+ __vue_script__$8,
+ __vue_scope_id__$8,
+ __vue_is_functional_template__$8,
+ __vue_module_identifier__$8,
+ false,
+ createInjector,
+ undefined,
+ undefined
+ );
- var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
- _anObject(O);
- var keys = _objectKeys(Properties);
- var length = keys.length;
- var i = 0;
- var P;
- while (length > i) _objectDp.f(O, P = keys[i++], Properties[P]);
- return O;
- };
+ function borderBox7 (Vue) {
+ Vue.component(__vue_component__$8.name, __vue_component__$8);
+ }
- var document$2 = _global.document;
- var _html = document$2 && document$2.documentElement;
-
- // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-
-
-
- var IE_PROTO$1 = _sharedKey('IE_PROTO');
- var Empty = function () { /* empty */ };
- var PROTOTYPE$1 = 'prototype';
-
- // Create object with fake `null` prototype: use iframe Object with cleared prototype
- var createDict = function () {
- // Thrash, waste and sodomy: IE GC bug
- var iframe = _domCreate('iframe');
- var i = _enumBugKeys.length;
- var lt = '<';
- var gt = '>';
- var iframeDocument;
- iframe.style.display = 'none';
- _html.appendChild(iframe);
- iframe.src = 'javascript:'; // eslint-disable-line no-script-url
- // createDict = iframe.contentWindow.Object;
- // html.removeChild(iframe);
- iframeDocument = iframe.contentWindow.document;
- iframeDocument.open();
- iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
- iframeDocument.close();
- createDict = iframeDocument.F;
- while (i--) delete createDict[PROTOTYPE$1][_enumBugKeys[i]];
- return createDict();
- };
+ //
+ var script$9 = {
+ name: 'DvBorderBox8',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ dur: {
+ type: Number,
+ default: 3
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ },
+ reverse: {
+ type: Boolean,
+ default: false
+ }
+ },
- var _objectCreate = Object.create || function create(O, Properties) {
- var result;
- if (O !== null) {
- Empty[PROTOTYPE$1] = _anObject(O);
- result = new Empty();
- Empty[PROTOTYPE$1] = null;
- // add "__proto__" for Object.getPrototypeOf polyfill
- result[IE_PROTO$1] = O;
- } else result = createDict();
- return Properties === undefined ? result : _objectDps(result, Properties);
- };
+ data() {
+ const id = uuid();
+ return {
+ ref: 'border-box-8',
+ path: `border-box-8-path-${id}`,
+ gradient: `border-box-8-gradient-${id}`,
+ mask: `border-box-8-mask-${id}`,
+ defaultColor: ['#235fa7', '#4fd2dd'],
+ mergedColor: []
+ };
+ },
- var _wks = createCommonjsModule(function (module) {
- var store = _shared('wks');
+ computed: {
+ length() {
+ const {
+ width,
+ height
+ } = this;
+ return (width + height - 5) * 2;
+ },
- var Symbol = _global.Symbol;
- var USE_SYMBOL = typeof Symbol == 'function';
+ pathD() {
+ const {
+ reverse,
+ width,
+ height
+ } = this;
+ if (reverse) return `M 2.5, 2.5 L 2.5, ${height - 2.5} L ${width - 2.5}, ${height - 2.5} L ${width - 2.5}, 2.5 L 2.5, 2.5`;
+ return `M2.5, 2.5 L${width - 2.5}, 2.5 L${width - 2.5}, ${height - 2.5} L2.5, ${height - 2.5} L2.5, 2.5`;
+ }
- var $exports = module.exports = function (name) {
- return store[name] || (store[name] =
- USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : _uid)('Symbol.' + name));
- };
+ },
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
- $exports.store = store;
- });
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
- var def = _objectDp.f;
+ },
- var TAG = _wks('toStringTag');
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
- var _setToStringTag = function (it, tag, stat) {
- if (it && !_has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
};
- var IteratorPrototype = {};
-
- // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
- _hide(IteratorPrototype, _wks('iterator'), function () { return this; });
+ /* script */
+ const __vue_script__$9 = script$9;
- var _iterCreate = function (Constructor, NAME, next) {
- Constructor.prototype = _objectCreate(IteratorPrototype, { next: _propertyDesc(1, next) });
- _setToStringTag(Constructor, NAME + ' Iterator');
+ /* template */
+ var __vue_render__$9 = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-8" }, [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c(
+ "defs",
+ [
+ _c("path", {
+ attrs: { id: _vm.path, d: _vm.pathD, fill: "transparent" }
+ }),
+ _vm._v(" "),
+ _c(
+ "radialGradient",
+ { attrs: { id: _vm.gradient, cx: "50%", cy: "50%", r: "50%" } },
+ [
+ _c("stop", {
+ attrs: {
+ offset: "0%",
+ "stop-color": "#fff",
+ "stop-opacity": "1"
+ }
+ }),
+ _vm._v(" "),
+ _c("stop", {
+ attrs: {
+ offset: "100%",
+ "stop-color": "#fff",
+ "stop-opacity": "0"
+ }
+ })
+ ],
+ 1
+ ),
+ _vm._v(" "),
+ _c("mask", { attrs: { id: _vm.mask } }, [
+ _c(
+ "circle",
+ {
+ attrs: {
+ cx: "0",
+ cy: "0",
+ r: "150",
+ fill: "url(#" + _vm.gradient + ")"
+ }
+ },
+ [
+ _c("animateMotion", {
+ attrs: {
+ dur: _vm.dur + "s",
+ path: _vm.pathD,
+ rotate: "auto",
+ repeatCount: "indefinite"
+ }
+ })
+ ],
+ 1
+ )
+ ])
+ ],
+ 1
+ ),
+ _vm._v(" "),
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "5, 5 " +
+ (_vm.width - 5) +
+ ", 5 " +
+ (_vm.width - 5) +
+ " " +
+ (_vm.height - 5) +
+ " 5, " +
+ (_vm.height - 5)
+ }
+ }),
+ _vm._v(" "),
+ _c("use", {
+ attrs: {
+ stroke: _vm.mergedColor[0],
+ "stroke-width": "1",
+ "xlink:href": "#" + _vm.path
+ }
+ }),
+ _vm._v(" "),
+ _c(
+ "use",
+ {
+ attrs: {
+ stroke: _vm.mergedColor[1],
+ "stroke-width": "3",
+ "xlink:href": "#" + _vm.path,
+ mask: "url(#" + _vm.mask + ")"
+ }
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "stroke-dasharray",
+ from: "0, " + _vm.length,
+ to: _vm.length + ", 0",
+ dur: _vm.dur + "s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ )
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ])
};
+ var __vue_staticRenderFns__$9 = [];
+ __vue_render__$9._withStripped = true;
- // 7.1.13 ToObject(argument)
+ /* style */
+ const __vue_inject_styles__$9 = function (inject) {
+ if (!inject) return
+ inject("data-v-681e49b5_0", { source: ".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-8 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
- var _toObject = function (it) {
- return Object(_defined(it));
- };
+ };
+ /* scoped */
+ const __vue_scope_id__$9 = undefined;
+ /* module identifier */
+ const __vue_module_identifier__$9 = undefined;
+ /* functional template */
+ const __vue_is_functional_template__$9 = false;
+ /* style inject SSR */
+
+ /* style inject shadow dom */
+
- // 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
+
+ const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+ __vue_inject_styles__$9,
+ __vue_script__$9,
+ __vue_scope_id__$9,
+ __vue_is_functional_template__$9,
+ __vue_module_identifier__$9,
+ false,
+ createInjector,
+ undefined,
+ undefined
+ );
+ function borderBox8 (Vue) {
+ Vue.component(__vue_component__$9.name, __vue_component__$9);
+ }
- var IE_PROTO$2 = _sharedKey('IE_PROTO');
- var ObjectProto = Object.prototype;
+ //
+ var script$a = {
+ name: 'DvBorderBox9',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
+ }
+ },
- var _objectGpo = Object.getPrototypeOf || function (O) {
- O = _toObject(O);
- if (_has(O, IE_PROTO$2)) return O[IE_PROTO$2];
- if (typeof O.constructor == 'function' && O instanceof O.constructor) {
- return O.constructor.prototype;
- } return O instanceof Object ? ObjectProto : null;
- };
+ data() {
+ const id = uuid();
+ return {
+ ref: 'border-box-9',
+ gradientId: `border-box-9-gradient-${id}`,
+ maskId: `border-box-9-mask-${id}`,
+ defaultColor: ['#11eefd', '#0078d2'],
+ mergedColor: []
+ };
+ },
- var ITERATOR = _wks('iterator');
- var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
- var FF_ITERATOR = '@@iterator';
- var KEYS = 'keys';
- var VALUES = 'values';
-
- var returnThis = function () { return this; };
-
- var _iterDefine = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) {
- _iterCreate(Constructor, NAME, next);
- var getMethod = function (kind) {
- if (!BUGGY && kind in proto) return proto[kind];
- switch (kind) {
- case KEYS: return function keys() { return new Constructor(this, kind); };
- case VALUES: return function values() { return new Constructor(this, kind); };
- } return function entries() { return new Constructor(this, kind); };
- };
- var TAG = NAME + ' Iterator';
- var DEF_VALUES = DEFAULT == VALUES;
- var VALUES_BUG = false;
- var proto = Base.prototype;
- var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT];
- var $default = $native || getMethod(DEFAULT);
- var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined;
- var $anyNative = NAME == 'Array' ? proto.entries || $native : $native;
- var methods, key, IteratorPrototype;
- // Fix native
- if ($anyNative) {
- IteratorPrototype = _objectGpo($anyNative.call(new Base()));
- if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) {
- // Set @@toStringTag to native iterators
- _setToStringTag(IteratorPrototype, TAG, true);
- // fix for some old engines
- if ( typeof IteratorPrototype[ITERATOR] != 'function') _hide(IteratorPrototype, ITERATOR, returnThis);
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
- }
- // fix Array#{values, @@iterator}.name in V8 / FF
- if (DEF_VALUES && $native && $native.name !== VALUES) {
- VALUES_BUG = true;
- $default = function values() { return $native.call(this); };
- }
- // Define iterator
- if ( (BUGGY || VALUES_BUG || !proto[ITERATOR])) {
- _hide(proto, ITERATOR, $default);
- }
- // Plug for library
- _iterators[NAME] = $default;
- _iterators[TAG] = returnThis;
- if (DEFAULT) {
- methods = {
- values: DEF_VALUES ? $default : getMethod(VALUES),
- keys: IS_SET ? $default : getMethod(KEYS),
- entries: $entries
- };
- if (FORCED) for (key in methods) {
- if (!(key in proto)) _redefine(proto, key, methods[key]);
- } else _export(_export.P + _export.F * (BUGGY || VALUES_BUG), NAME, methods);
- }
- return methods;
- };
- var $at = _stringAt(true);
-
- // 21.1.3.27 String.prototype[@@iterator]()
- _iterDefine(String, 'String', function (iterated) {
- this._t = String(iterated); // target
- this._i = 0; // next index
- // 21.1.5.2.1 %StringIteratorPrototype%.next()
- }, function () {
- var O = this._t;
- var index = this._i;
- var point;
- if (index >= O.length) return { value: undefined, done: true };
- point = $at(O, index);
- this._i += point.length;
- return { value: point, done: false };
- });
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
- // call something on iterator step with safe closing on error
+ },
- var _iterCall = function (iterator, fn, value, entries) {
- try {
- return entries ? fn(_anObject(value)[0], value[1]) : fn(value);
- // 7.4.6 IteratorClose(iterator, completion)
- } catch (e) {
- var ret = iterator['return'];
- if (ret !== undefined) _anObject(ret.call(iterator));
- throw e;
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
}
- };
-
- // check on default Array iterator
- var ITERATOR$1 = _wks('iterator');
- var ArrayProto = Array.prototype;
-
- var _isArrayIter = function (it) {
- return it !== undefined && (_iterators.Array === it || ArrayProto[ITERATOR$1] === it);
};
- var _createProperty = function (object, index, value) {
- if (index in object) _objectDp.f(object, index, _propertyDesc(0, value));
- else object[index] = value;
- };
-
- // getting tag from 19.1.3.6 Object.prototype.toString()
-
- var TAG$1 = _wks('toStringTag');
- // ES3 wrong here
- var ARG = _cof(function () { return arguments; }()) == 'Arguments';
-
- // fallback for IE11 Script Access Denied error
- var tryGet = function (it, key) {
- try {
- return it[key];
- } catch (e) { /* empty */ }
- };
-
- var _classof = function (it) {
- var O, T, B;
- return it === undefined ? 'Undefined' : it === null ? 'Null'
- // @@toStringTag case
- : typeof (T = tryGet(O = Object(it), TAG$1)) == 'string' ? T
- // builtinTag case
- : ARG ? _cof(O)
- // ES3 arguments fallback
- : (B = _cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;
- };
-
- var ITERATOR$2 = _wks('iterator');
-
- var core_getIteratorMethod = _core.getIteratorMethod = function (it) {
- if (it != undefined) return it[ITERATOR$2]
- || it['@@iterator']
- || _iterators[_classof(it)];
- };
-
- var ITERATOR$3 = _wks('iterator');
- var SAFE_CLOSING = false;
-
- try {
- var riter = [7][ITERATOR$3]();
- riter['return'] = function () { SAFE_CLOSING = true; };
- // eslint-disable-next-line no-throw-literal
- Array.from(riter, function () { throw 2; });
- } catch (e) { /* empty */ }
-
- var _iterDetect = function (exec, skipClosing) {
- if (!skipClosing && !SAFE_CLOSING) return false;
- var safe = false;
- try {
- var arr = [7];
- var iter = arr[ITERATOR$3]();
- iter.next = function () { return { done: safe = true }; };
- arr[ITERATOR$3] = function () { return iter; };
- exec(arr);
- } catch (e) { /* empty */ }
- return safe;
- };
-
- _export(_export.S + _export.F * !_iterDetect(function (iter) { Array.from(iter); }), 'Array', {
- // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)
- from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
- var O = _toObject(arrayLike);
- var C = typeof this == 'function' ? this : Array;
- var aLen = arguments.length;
- var mapfn = aLen > 1 ? arguments[1] : undefined;
- var mapping = mapfn !== undefined;
- var index = 0;
- var iterFn = core_getIteratorMethod(O);
- var length, result, step, iterator;
- if (mapping) mapfn = _ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);
- // if object isn't iterable or it's array with default iterator - use simple case
- if (iterFn != undefined && !(C == Array && _isArrayIter(iterFn))) {
- for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) {
- _createProperty(result, index, mapping ? _iterCall(iterator, mapfn, [step.value, index], true) : step.value);
- }
- } else {
- length = _toLength(O.length);
- for (result = new C(length); length > index; index++) {
- _createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);
- }
- }
- result.length = index;
- return result;
- }
- });
-
- var f$1 = _wks;
-
- var _wksExt = {
- f: f$1
- };
-
- var defineProperty = _objectDp.f;
- var _wksDefine = function (name) {
- var $Symbol = _core.Symbol || (_core.Symbol = _global.Symbol || {});
- if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: _wksExt.f(name) });
- };
-
- _wksDefine('asyncIterator');
-
- var _meta = createCommonjsModule(function (module) {
- var META = _uid('meta');
-
-
- var setDesc = _objectDp.f;
- var id = 0;
- var isExtensible = Object.isExtensible || function () {
- return true;
- };
- var FREEZE = !_fails(function () {
- return isExtensible(Object.preventExtensions({}));
- });
- var setMeta = function (it) {
- setDesc(it, META, { value: {
- i: 'O' + ++id, // object ID
- w: {} // weak collections IDs
- } });
- };
- var fastKey = function (it, create) {
- // return primitive with prefix
- if (!_isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
- if (!_has(it, META)) {
- // can't set metadata to uncaught frozen object
- if (!isExtensible(it)) return 'F';
- // not necessary to add metadata
- if (!create) return 'E';
- // add missing metadata
- setMeta(it);
- // return object ID
- } return it[META].i;
- };
- var getWeak = function (it, create) {
- if (!_has(it, META)) {
- // can't set metadata to uncaught frozen object
- if (!isExtensible(it)) return true;
- // not necessary to add metadata
- if (!create) return false;
- // add missing metadata
- setMeta(it);
- // return hash weak collections IDs
- } return it[META].w;
- };
- // add metadata on freeze-family methods calling
- var onFreeze = function (it) {
- if (FREEZE && meta.NEED && isExtensible(it) && !_has(it, META)) setMeta(it);
- return it;
- };
- var meta = module.exports = {
- KEY: META,
- NEED: false,
- fastKey: fastKey,
- getWeak: getWeak,
- onFreeze: onFreeze
- };
- });
- var _meta_1 = _meta.KEY;
- var _meta_2 = _meta.NEED;
- var _meta_3 = _meta.fastKey;
- var _meta_4 = _meta.getWeak;
- var _meta_5 = _meta.onFreeze;
-
- var f$2 = Object.getOwnPropertySymbols;
-
- var _objectGops = {
- f: f$2
- };
-
- var f$3 = {}.propertyIsEnumerable;
-
- var _objectPie = {
- f: f$3
- };
-
- // all enumerable object keys, includes symbols
-
-
-
- var _enumKeys = function (it) {
- var result = _objectKeys(it);
- var getSymbols = _objectGops.f;
- if (getSymbols) {
- var symbols = getSymbols(it);
- var isEnum = _objectPie.f;
- var i = 0;
- var key;
- while (symbols.length > i) if (isEnum.call(it, key = symbols[i++])) result.push(key);
- } return result;
- };
-
- // 7.2.2 IsArray(argument)
-
- var _isArray = Array.isArray || function isArray(arg) {
- return _cof(arg) == 'Array';
- };
-
- // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
-
- var hiddenKeys = _enumBugKeys.concat('length', 'prototype');
-
- var f$4 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
- return _objectKeysInternal(O, hiddenKeys);
- };
-
- var _objectGopn = {
- f: f$4
- };
-
- // fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
-
- var gOPN = _objectGopn.f;
- var toString$1 = {}.toString;
-
- var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
- ? Object.getOwnPropertyNames(window) : [];
-
- var getWindowNames = function (it) {
- try {
- return gOPN(it);
- } catch (e) {
- return windowNames.slice();
- }
- };
-
- var f$5 = function getOwnPropertyNames(it) {
- return windowNames && toString$1.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(_toIobject(it));
- };
-
- var _objectGopnExt = {
- f: f$5
- };
-
- var gOPD = Object.getOwnPropertyDescriptor;
-
- var f$6 = _descriptors ? gOPD : function getOwnPropertyDescriptor(O, P) {
- O = _toIobject(O);
- P = _toPrimitive(P, true);
- if (_ie8DomDefine) try {
- return gOPD(O, P);
- } catch (e) { /* empty */ }
- if (_has(O, P)) return _propertyDesc(!_objectPie.f.call(O, P), O[P]);
- };
-
- var _objectGopd = {
- f: f$6
- };
-
- // ECMAScript 6 symbols shim
-
-
-
-
-
- var META = _meta.KEY;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- var gOPD$1 = _objectGopd.f;
- var dP$1 = _objectDp.f;
- var gOPN$1 = _objectGopnExt.f;
- var $Symbol = _global.Symbol;
- var $JSON = _global.JSON;
- var _stringify = $JSON && $JSON.stringify;
- var PROTOTYPE$2 = 'prototype';
- var HIDDEN = _wks('_hidden');
- var TO_PRIMITIVE = _wks('toPrimitive');
- var isEnum = {}.propertyIsEnumerable;
- var SymbolRegistry = _shared('symbol-registry');
- var AllSymbols = _shared('symbols');
- var OPSymbols = _shared('op-symbols');
- var ObjectProto$1 = Object[PROTOTYPE$2];
- var USE_NATIVE = typeof $Symbol == 'function' && !!_objectGops.f;
- var QObject = _global.QObject;
- // Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
- var setter = !QObject || !QObject[PROTOTYPE$2] || !QObject[PROTOTYPE$2].findChild;
-
- // fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
- var setSymbolDesc = _descriptors && _fails(function () {
- return _objectCreate(dP$1({}, 'a', {
- get: function () { return dP$1(this, 'a', { value: 7 }).a; }
- })).a != 7;
- }) ? function (it, key, D) {
- var protoDesc = gOPD$1(ObjectProto$1, key);
- if (protoDesc) delete ObjectProto$1[key];
- dP$1(it, key, D);
- if (protoDesc && it !== ObjectProto$1) dP$1(ObjectProto$1, key, protoDesc);
- } : dP$1;
-
- var wrap = function (tag) {
- var sym = AllSymbols[tag] = _objectCreate($Symbol[PROTOTYPE$2]);
- sym._k = tag;
- return sym;
- };
-
- var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function (it) {
- return typeof it == 'symbol';
- } : function (it) {
- return it instanceof $Symbol;
- };
+ /* script */
+ const __vue_script__$a = script$a;
- var $defineProperty = function defineProperty(it, key, D) {
- if (it === ObjectProto$1) $defineProperty(OPSymbols, key, D);
- _anObject(it);
- key = _toPrimitive(key, true);
- _anObject(D);
- if (_has(AllSymbols, key)) {
- if (!D.enumerable) {
- if (!_has(it, HIDDEN)) dP$1(it, HIDDEN, _propertyDesc(1, {}));
- it[HIDDEN][key] = true;
- } else {
- if (_has(it, HIDDEN) && it[HIDDEN][key]) it[HIDDEN][key] = false;
- D = _objectCreate(D, { enumerable: _propertyDesc(0, false) });
- } return setSymbolDesc(it, key, D);
- } return dP$1(it, key, D);
- };
- var $defineProperties = function defineProperties(it, P) {
- _anObject(it);
- var keys = _enumKeys(P = _toIobject(P));
- var i = 0;
- var l = keys.length;
- var key;
- while (l > i) $defineProperty(it, key = keys[i++], P[key]);
- return it;
- };
- var $create = function create(it, P) {
- return P === undefined ? _objectCreate(it) : $defineProperties(_objectCreate(it), P);
- };
- var $propertyIsEnumerable = function propertyIsEnumerable(key) {
- var E = isEnum.call(this, key = _toPrimitive(key, true));
- if (this === ObjectProto$1 && _has(AllSymbols, key) && !_has(OPSymbols, key)) return false;
- return E || !_has(this, key) || !_has(AllSymbols, key) || _has(this, HIDDEN) && this[HIDDEN][key] ? E : true;
- };
- var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key) {
- it = _toIobject(it);
- key = _toPrimitive(key, true);
- if (it === ObjectProto$1 && _has(AllSymbols, key) && !_has(OPSymbols, key)) return;
- var D = gOPD$1(it, key);
- if (D && _has(AllSymbols, key) && !(_has(it, HIDDEN) && it[HIDDEN][key])) D.enumerable = true;
- return D;
- };
- var $getOwnPropertyNames = function getOwnPropertyNames(it) {
- var names = gOPN$1(_toIobject(it));
- var result = [];
- var i = 0;
- var key;
- while (names.length > i) {
- if (!_has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META) result.push(key);
- } return result;
- };
- var $getOwnPropertySymbols = function getOwnPropertySymbols(it) {
- var IS_OP = it === ObjectProto$1;
- var names = gOPN$1(IS_OP ? OPSymbols : _toIobject(it));
- var result = [];
- var i = 0;
- var key;
- while (names.length > i) {
- if (_has(AllSymbols, key = names[i++]) && (IS_OP ? _has(ObjectProto$1, key) : true)) result.push(AllSymbols[key]);
- } return result;
+ /* template */
+ var __vue_render__$a = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-9" }, [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c(
+ "defs",
+ [
+ _c(
+ "linearGradient",
+ {
+ attrs: {
+ id: _vm.gradientId,
+ x1: "0%",
+ y1: "0%",
+ x2: "100%",
+ y2: "100%"
+ }
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "x1",
+ values: "0%;100%;0%",
+ dur: "10s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ }),
+ _vm._v(" "),
+ _c("animate", {
+ attrs: {
+ attributeName: "x2",
+ values: "100%;0%;100%",
+ dur: "10s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ }),
+ _vm._v(" "),
+ _c(
+ "stop",
+ { attrs: { offset: "0%", "stop-color": _vm.mergedColor[0] } },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "stop-color",
+ values:
+ _vm.mergedColor[0] +
+ ";" +
+ _vm.mergedColor[1] +
+ ";" +
+ _vm.mergedColor[0],
+ dur: "10s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c(
+ "stop",
+ {
+ attrs: { offset: "100%", "stop-color": _vm.mergedColor[1] }
+ },
+ [
+ _c("animate", {
+ attrs: {
+ attributeName: "stop-color",
+ values:
+ _vm.mergedColor[1] +
+ ";" +
+ _vm.mergedColor[0] +
+ ";" +
+ _vm.mergedColor[1],
+ dur: "10s",
+ begin: "0s",
+ repeatCount: "indefinite"
+ }
+ })
+ ]
+ )
+ ],
+ 1
+ ),
+ _vm._v(" "),
+ _c("mask", { attrs: { id: _vm.maskId } }, [
+ _c("polyline", {
+ attrs: {
+ stroke: "#fff",
+ "stroke-width": "3",
+ fill: "transparent",
+ points:
+ "8, " +
+ _vm.height * 0.4 +
+ " 8, 3, " +
+ (_vm.width * 0.4 + 7) +
+ ", 3"
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ fill: "#fff",
+ points:
+ "8, " +
+ _vm.height * 0.15 +
+ " 8, 3, " +
+ (_vm.width * 0.1 + 7) +
+ ", 3\n " +
+ _vm.width * 0.1 +
+ ", 8 14, 8 14, " +
+ (_vm.height * 0.15 - 7) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: "#fff",
+ "stroke-width": "3",
+ fill: "transparent",
+ points:
+ _vm.width * 0.5 +
+ ", 3 " +
+ (_vm.width - 3) +
+ ", 3, " +
+ (_vm.width - 3) +
+ ", " +
+ _vm.height * 0.25
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ fill: "#fff",
+ points:
+ "\n " +
+ _vm.width * 0.52 +
+ ", 3 " +
+ _vm.width * 0.58 +
+ ", 3\n " +
+ (_vm.width * 0.58 - 7) +
+ ", 9 " +
+ (_vm.width * 0.52 + 7) +
+ ", 9\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ fill: "#fff",
+ points:
+ "\n " +
+ _vm.width * 0.9 +
+ ", 3 " +
+ (_vm.width - 3) +
+ ", 3 " +
+ (_vm.width - 3) +
+ ", " +
+ _vm.height * 0.1 +
+ "\n " +
+ (_vm.width - 9) +
+ ", " +
+ (_vm.height * 0.1 - 7) +
+ " " +
+ (_vm.width - 9) +
+ ", 9 " +
+ (_vm.width * 0.9 + 7) +
+ ", 9\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: "#fff",
+ "stroke-width": "3",
+ fill: "transparent",
+ points:
+ "8, " +
+ _vm.height * 0.5 +
+ " 8, " +
+ (_vm.height - 3) +
+ " " +
+ (_vm.width * 0.3 + 7) +
+ ", " +
+ (_vm.height - 3)
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ fill: "#fff",
+ points:
+ "\n 8, " +
+ _vm.height * 0.55 +
+ " 8, " +
+ _vm.height * 0.7 +
+ "\n 2, " +
+ (_vm.height * 0.7 - 7) +
+ " 2, " +
+ (_vm.height * 0.55 + 7) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ stroke: "#fff",
+ "stroke-width": "3",
+ fill: "transparent",
+ points:
+ _vm.width * 0.35 +
+ ", " +
+ (_vm.height - 3) +
+ " " +
+ (_vm.width - 3) +
+ ", " +
+ (_vm.height - 3) +
+ " " +
+ (_vm.width - 3) +
+ ", " +
+ _vm.height * 0.35
+ }
+ }),
+ _vm._v(" "),
+ _c("polyline", {
+ attrs: {
+ fill: "#fff",
+ points:
+ "\n " +
+ _vm.width * 0.92 +
+ ", " +
+ (_vm.height - 3) +
+ " " +
+ (_vm.width - 3) +
+ ", " +
+ (_vm.height - 3) +
+ " " +
+ (_vm.width - 3) +
+ ", " +
+ _vm.height * 0.8 +
+ "\n " +
+ (_vm.width - 9) +
+ ", " +
+ (_vm.height * 0.8 + 7) +
+ " " +
+ (_vm.width - 9) +
+ ", " +
+ (_vm.height - 9) +
+ " " +
+ (_vm.width * 0.92 + 7) +
+ ", " +
+ (_vm.height - 9) +
+ "\n "
+ }
+ })
+ ])
+ ],
+ 1
+ ),
+ _vm._v(" "),
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 15, 9 " +
+ (_vm.width * 0.1 + 1) +
+ ", 9 " +
+ (_vm.width * 0.1 + 4) +
+ ", 6 " +
+ (_vm.width * 0.52 + 2) +
+ ", 6\n " +
+ (_vm.width * 0.52 + 6) +
+ ", 10 " +
+ (_vm.width * 0.58 - 7) +
+ ", 10 " +
+ (_vm.width * 0.58 - 2) +
+ ", 6\n " +
+ (_vm.width * 0.9 + 2) +
+ ", 6 " +
+ (_vm.width * 0.9 + 6) +
+ ", 10 " +
+ (_vm.width - 10) +
+ ", 10 " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height * 0.1 - 6) +
+ "\n " +
+ (_vm.width - 6) +
+ ", " +
+ (_vm.height * 0.1 - 1) +
+ " " +
+ (_vm.width - 6) +
+ ", " +
+ (_vm.height * 0.8 + 1) +
+ " " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height * 0.8 + 6) +
+ "\n " +
+ (_vm.width - 10) +
+ ", " +
+ (_vm.height - 10) +
+ " " +
+ (_vm.width * 0.92 + 7) +
+ ", " +
+ (_vm.height - 10) +
+ " " +
+ (_vm.width * 0.92 + 2) +
+ ", " +
+ (_vm.height - 6) +
+ "\n 11, " +
+ (_vm.height - 6) +
+ " 11, " +
+ (_vm.height * 0.15 - 2) +
+ " 15, " +
+ (_vm.height * 0.15 - 7) +
+ "\n "
+ }
+ }),
+ _vm._v(" "),
+ _c("rect", {
+ attrs: {
+ x: "0",
+ y: "0",
+ width: _vm.width,
+ height: _vm.height,
+ fill: "url(#" + _vm.gradientId + ")",
+ mask: "url(#" + _vm.maskId + ")"
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ])
};
+ var __vue_staticRenderFns__$a = [];
+ __vue_render__$a._withStripped = true;
- // 19.4.1.1 Symbol([description])
- if (!USE_NATIVE) {
- $Symbol = function Symbol() {
- if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor!');
- var tag = _uid(arguments.length > 0 ? arguments[0] : undefined);
- var $set = function (value) {
- if (this === ObjectProto$1) $set.call(OPSymbols, value);
- if (_has(this, HIDDEN) && _has(this[HIDDEN], tag)) this[HIDDEN][tag] = false;
- setSymbolDesc(this, tag, _propertyDesc(1, value));
- };
- if (_descriptors && setter) setSymbolDesc(ObjectProto$1, tag, { configurable: true, set: $set });
- return wrap(tag);
- };
- _redefine($Symbol[PROTOTYPE$2], 'toString', function toString() {
- return this._k;
- });
-
- _objectGopd.f = $getOwnPropertyDescriptor;
- _objectDp.f = $defineProperty;
- _objectGopn.f = _objectGopnExt.f = $getOwnPropertyNames;
- _objectPie.f = $propertyIsEnumerable;
- _objectGops.f = $getOwnPropertySymbols;
-
- if (_descriptors && !_library) {
- _redefine(ObjectProto$1, 'propertyIsEnumerable', $propertyIsEnumerable, true);
- }
+ /* style */
+ const __vue_inject_styles__$a = function (inject) {
+ if (!inject) return
+ inject("data-v-db539808_0", { source: ".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,QAAQ;AACV;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n}\n.dv-border-box-9 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
- _wksExt.f = function (name) {
- return wrap(_wks(name));
};
- }
-
- _export(_export.G + _export.W + _export.F * !USE_NATIVE, { Symbol: $Symbol });
-
- for (var es6Symbols = (
- // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14
- 'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'
- ).split(','), j = 0; es6Symbols.length > j;)_wks(es6Symbols[j++]);
-
- for (var wellKnownSymbols = _objectKeys(_wks.store), k = 0; wellKnownSymbols.length > k;) _wksDefine(wellKnownSymbols[k++]);
-
- _export(_export.S + _export.F * !USE_NATIVE, 'Symbol', {
- // 19.4.2.1 Symbol.for(key)
- 'for': function (key) {
- return _has(SymbolRegistry, key += '')
- ? SymbolRegistry[key]
- : SymbolRegistry[key] = $Symbol(key);
- },
- // 19.4.2.5 Symbol.keyFor(sym)
- keyFor: function keyFor(sym) {
- if (!isSymbol(sym)) throw TypeError(sym + ' is not a symbol!');
- for (var key in SymbolRegistry) if (SymbolRegistry[key] === sym) return key;
- },
- useSetter: function () { setter = true; },
- useSimple: function () { setter = false; }
- });
-
- _export(_export.S + _export.F * !USE_NATIVE, 'Object', {
- // 19.1.2.2 Object.create(O [, Properties])
- create: $create,
- // 19.1.2.4 Object.defineProperty(O, P, Attributes)
- defineProperty: $defineProperty,
- // 19.1.2.3 Object.defineProperties(O, Properties)
- defineProperties: $defineProperties,
- // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
- getOwnPropertyDescriptor: $getOwnPropertyDescriptor,
- // 19.1.2.7 Object.getOwnPropertyNames(O)
- getOwnPropertyNames: $getOwnPropertyNames,
- // 19.1.2.8 Object.getOwnPropertySymbols(O)
- getOwnPropertySymbols: $getOwnPropertySymbols
- });
-
- // Chrome 38 and 39 `Object.getOwnPropertySymbols` fails on primitives
- // https://bugs.chromium.org/p/v8/issues/detail?id=3443
- var FAILS_ON_PRIMITIVES = _fails(function () { _objectGops.f(1); });
-
- _export(_export.S + _export.F * FAILS_ON_PRIMITIVES, 'Object', {
- getOwnPropertySymbols: function getOwnPropertySymbols(it) {
- return _objectGops.f(_toObject(it));
- }
- });
-
- // 24.3.2 JSON.stringify(value [, replacer [, space]])
- $JSON && _export(_export.S + _export.F * (!USE_NATIVE || _fails(function () {
- var S = $Symbol();
- // MS Edge converts symbol values to JSON as {}
- // WebKit converts symbol values to JSON as null
- // V8 throws on boxed symbols
- return _stringify([S]) != '[null]' || _stringify({ a: S }) != '{}' || _stringify(Object(S)) != '{}';
- })), 'JSON', {
- stringify: function stringify(it) {
- var args = [it];
- var i = 1;
- var replacer, $replacer;
- while (arguments.length > i) args.push(arguments[i++]);
- $replacer = replacer = args[1];
- if (!_isObject(replacer) && it === undefined || isSymbol(it)) return; // IE8 returns string on undefined
- if (!_isArray(replacer)) replacer = function (key, value) {
- if (typeof $replacer == 'function') value = $replacer.call(this, key, value);
- if (!isSymbol(value)) return value;
- };
- args[1] = replacer;
- return _stringify.apply($JSON, args);
- }
- });
-
- // 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
- $Symbol[PROTOTYPE$2][TO_PRIMITIVE] || _hide($Symbol[PROTOTYPE$2], TO_PRIMITIVE, $Symbol[PROTOTYPE$2].valueOf);
- // 19.4.3.5 Symbol.prototype[@@toStringTag]
- _setToStringTag($Symbol, 'Symbol');
- // 20.2.1.9 Math[@@toStringTag]
- _setToStringTag(Math, 'Math', true);
- // 24.3.3 JSON[@@toStringTag]
- _setToStringTag(_global.JSON, 'JSON', true);
-
- // 22.1.3.31 Array.prototype[@@unscopables]
- var UNSCOPABLES = _wks('unscopables');
- var ArrayProto$1 = Array.prototype;
- if (ArrayProto$1[UNSCOPABLES] == undefined) _hide(ArrayProto$1, UNSCOPABLES, {});
- var _addToUnscopables = function (key) {
- ArrayProto$1[UNSCOPABLES][key] = true;
- };
-
- var _iterStep = function (done, value) {
- return { value: value, done: !!done };
- };
+ /* scoped */
+ const __vue_scope_id__$a = undefined;
+ /* module identifier */
+ const __vue_module_identifier__$a = undefined;
+ /* functional template */
+ const __vue_is_functional_template__$a = false;
+ /* style inject SSR */
+
+ /* style inject shadow dom */
+
- // 22.1.3.4 Array.prototype.entries()
- // 22.1.3.13 Array.prototype.keys()
- // 22.1.3.29 Array.prototype.values()
- // 22.1.3.30 Array.prototype[@@iterator]()
- var es6_array_iterator = _iterDefine(Array, 'Array', function (iterated, kind) {
- this._t = _toIobject(iterated); // target
- this._i = 0; // next index
- this._k = kind; // kind
- // 22.1.5.2.1 %ArrayIteratorPrototype%.next()
- }, function () {
- var O = this._t;
- var kind = this._k;
- var index = this._i++;
- if (!O || index >= O.length) {
- this._t = undefined;
- return _iterStep(1);
- }
- if (kind == 'keys') return _iterStep(0, index);
- if (kind == 'values') return _iterStep(0, O[index]);
- return _iterStep(0, [index, O[index]]);
- }, 'values');
-
- // argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
- _iterators.Arguments = _iterators.Array;
-
- _addToUnscopables('keys');
- _addToUnscopables('values');
- _addToUnscopables('entries');
-
- var ITERATOR$4 = _wks('iterator');
- var TO_STRING_TAG = _wks('toStringTag');
- var ArrayValues = _iterators.Array;
-
- var DOMIterables = {
- CSSRuleList: true, // TODO: Not spec compliant, should be false.
- CSSStyleDeclaration: false,
- CSSValueList: false,
- ClientRectList: false,
- DOMRectList: false,
- DOMStringList: false,
- DOMTokenList: true,
- DataTransferItemList: false,
- FileList: false,
- HTMLAllCollection: false,
- HTMLCollection: false,
- HTMLFormElement: false,
- HTMLSelectElement: false,
- MediaList: true, // TODO: Not spec compliant, should be false.
- MimeTypeArray: false,
- NamedNodeMap: false,
- NodeList: true,
- PaintRequestList: false,
- Plugin: false,
- PluginArray: false,
- SVGLengthList: false,
- SVGNumberList: false,
- SVGPathSegList: false,
- SVGPointList: false,
- SVGStringList: false,
- SVGTransformList: false,
- SourceBufferList: false,
- StyleSheetList: true, // TODO: Not spec compliant, should be false.
- TextTrackCueList: false,
- TextTrackList: false,
- TouchList: false
- };
+
+ const __vue_component__$a = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
+ __vue_inject_styles__$a,
+ __vue_script__$a,
+ __vue_scope_id__$a,
+ __vue_is_functional_template__$a,
+ __vue_module_identifier__$a,
+ false,
+ createInjector,
+ undefined,
+ undefined
+ );
- for (var collections = _objectKeys(DOMIterables), i = 0; i < collections.length; i++) {
- var NAME = collections[i];
- var explicit = DOMIterables[NAME];
- var Collection = _global[NAME];
- var proto = Collection && Collection.prototype;
- var key;
- if (proto) {
- if (!proto[ITERATOR$4]) _hide(proto, ITERATOR$4, ArrayValues);
- if (!proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME);
- _iterators[NAME] = ArrayValues;
- if (explicit) for (key in es6_array_iterator) if (!proto[key]) _redefine(proto, key, es6_array_iterator[key], true);
- }
+ function borderBox9 (Vue) {
+ Vue.component(__vue_component__$a.name, __vue_component__$a);
}
- // 22.1.2.2 / 15.4.3.2 Array.isArray(arg)
-
-
- _export(_export.S, 'Array', { isArray: _isArray });
-
- var SPECIES = _wks('species');
-
- var _arraySpeciesConstructor = function (original) {
- var C;
- if (_isArray(original)) {
- C = original.constructor;
- // cross-realm fallback
- if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined;
- if (_isObject(C)) {
- C = C[SPECIES];
- if (C === null) C = undefined;
- }
- } return C === undefined ? Array : C;
- };
-
- // 9.4.2.3 ArraySpeciesCreate(originalArray, length)
-
-
- var _arraySpeciesCreate = function (original, length) {
- return new (_arraySpeciesConstructor(original))(length);
- };
-
- // 0 -> Array#forEach
- // 1 -> Array#map
- // 2 -> Array#filter
- // 3 -> Array#some
- // 4 -> Array#every
- // 5 -> Array#find
- // 6 -> Array#findIndex
-
-
-
-
-
- var _arrayMethods = function (TYPE, $create) {
- var IS_MAP = TYPE == 1;
- var IS_FILTER = TYPE == 2;
- var IS_SOME = TYPE == 3;
- var IS_EVERY = TYPE == 4;
- var IS_FIND_INDEX = TYPE == 6;
- var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
- var create = $create || _arraySpeciesCreate;
- return function ($this, callbackfn, that) {
- var O = _toObject($this);
- var self = _iobject(O);
- var f = _ctx(callbackfn, that, 3);
- var length = _toLength(self.length);
- var index = 0;
- var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
- var val, res;
- for (;length > index; index++) if (NO_HOLES || index in self) {
- val = self[index];
- res = f(val, index, O);
- if (TYPE) {
- if (IS_MAP) result[index] = res; // map
- else if (res) switch (TYPE) {
- case 3: return true; // some
- case 5: return val; // find
- case 6: return index; // findIndex
- case 2: result.push(val); // filter
- } else if (IS_EVERY) return false; // every
- }
- }
- return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;
- };
- };
-
- var _strictMethod = function (method, arg) {
- return !!method && _fails(function () {
- // eslint-disable-next-line no-useless-call
- arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);
- });
- };
-
- var $forEach = _arrayMethods(0);
- var STRICT = _strictMethod([].forEach, true);
-
- _export(_export.P + _export.F * !STRICT, 'Array', {
- // 22.1.3.10 / 15.4.4.18 Array.prototype.forEach(callbackfn [, thisArg])
- forEach: function forEach(callbackfn /* , thisArg */) {
- return $forEach(this, callbackfn, arguments[1]);
- }
- });
-
- var _arrayFill = function fill(value /* , start = 0, end = @length */) {
- var O = _toObject(this);
- var length = _toLength(O.length);
- var aLen = arguments.length;
- var index = _toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);
- var end = aLen > 2 ? arguments[2] : undefined;
- var endPos = end === undefined ? length : _toAbsoluteIndex(end, length);
- while (endPos > index) O[index++] = value;
- return O;
- };
-
- // 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)
-
-
- _export(_export.P, 'Array', { fill: _arrayFill });
-
- _addToUnscopables('fill');
-
- var $map = _arrayMethods(1);
-
- _export(_export.P + _export.F * !_strictMethod([].map, true), 'Array', {
- // 22.1.3.15 / 15.4.4.19 Array.prototype.map(callbackfn [, thisArg])
- map: function map(callbackfn /* , thisArg */) {
- return $map(this, callbackfn, arguments[1]);
- }
- });
-
- // 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined)
-
- var $find = _arrayMethods(6);
- var KEY = 'findIndex';
- var forced = true;
- // Shouldn't skip holes
- if (KEY in []) Array(1)[KEY](function () { forced = false; });
- _export(_export.P + _export.F * forced, 'Array', {
- findIndex: function findIndex(callbackfn /* , that = undefined */) {
- return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
- }
- });
- _addToUnscopables(KEY);
-
- var _arrayReduce = function (that, callbackfn, aLen, memo, isRight) {
- _aFunction(callbackfn);
- var O = _toObject(that);
- var self = _iobject(O);
- var length = _toLength(O.length);
- var index = isRight ? length - 1 : 0;
- var i = isRight ? -1 : 1;
- if (aLen < 2) for (;;) {
- if (index in self) {
- memo = self[index];
- index += i;
- break;
- }
- index += i;
- if (isRight ? index < 0 : length <= index) {
- throw TypeError('Reduce of empty array with no initial value');
+ //
+ var script$b = {
+ name: 'DvBorderBox10',
+ mixins: [autoResize],
+ props: {
+ color: {
+ type: Array,
+ default: () => []
+ },
+ backgroundColor: {
+ type: String,
+ default: 'transparent'
}
- }
- for (;isRight ? index >= 0 : length > index; index += i) if (index in self) {
- memo = callbackfn(memo, self[index], index, O);
- }
- return memo;
- };
-
- _export(_export.P + _export.F * !_strictMethod([].reduce, true), 'Array', {
- // 22.1.3.18 / 15.4.4.21 Array.prototype.reduce(callbackfn [, initialValue])
- reduce: function reduce(callbackfn /* , initialValue */) {
- return _arrayReduce(this, callbackfn, arguments.length, arguments[1], false);
- }
- });
-
- // 21.2.5.3 get RegExp.prototype.flags
-
- var _flags = function () {
- var that = _anObject(this);
- var result = '';
- if (that.global) result += 'g';
- if (that.ignoreCase) result += 'i';
- if (that.multiline) result += 'm';
- if (that.unicode) result += 'u';
- if (that.sticky) result += 'y';
- return result;
- };
-
- // 21.2.5.3 get RegExp.prototype.flags()
- if (_descriptors && /./g.flags != 'g') _objectDp.f(RegExp.prototype, 'flags', {
- configurable: true,
- get: _flags
- });
-
- var TO_STRING = 'toString';
- var $toString = /./[TO_STRING];
-
- var define = function (fn) {
- _redefine(RegExp.prototype, TO_STRING, fn, true);
- };
-
- // 21.2.5.14 RegExp.prototype.toString()
- if (_fails(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
- define(function toString() {
- var R = _anObject(this);
- return '/'.concat(R.source, '/',
- 'flags' in R ? R.flags : !_descriptors && R instanceof RegExp ? _flags.call(R) : undefined);
- });
- // FF44- RegExp#toString has a wrong name
- } else if ($toString.name != TO_STRING) {
- define(function toString() {
- return $toString.call(this);
- });
- }
-
- var DateProto = Date.prototype;
- var INVALID_DATE = 'Invalid Date';
- var TO_STRING$1 = 'toString';
- var $toString$1 = DateProto[TO_STRING$1];
- var getTime = DateProto.getTime;
- if (new Date(NaN) + '' != INVALID_DATE) {
- _redefine(DateProto, TO_STRING$1, function toString() {
- var value = getTime.call(this);
- // eslint-disable-next-line no-self-compare
- return value === value ? $toString$1.call(this) : INVALID_DATE;
- });
- }
-
- // 19.1.3.6 Object.prototype.toString()
-
- var test = {};
- test[_wks('toStringTag')] = 'z';
- if (test + '' != '[object z]') {
- _redefine(Object.prototype, 'toString', function toString() {
- return '[object ' + _classof(this) + ']';
- }, true);
- }
-
- var $filter = _arrayMethods(2);
-
- _export(_export.P + _export.F * !_strictMethod([].filter, true), 'Array', {
- // 22.1.3.7 / 15.4.4.20 Array.prototype.filter(callbackfn [, thisArg])
- filter: function filter(callbackfn /* , thisArg */) {
- return $filter(this, callbackfn, arguments[1]);
- }
- });
-
- var util = createCommonjsModule(function (module, exports) {
-
-
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.deepClone = deepClone;
- exports.eliminateBlur = eliminateBlur;
- exports.checkPointIsInCircle = checkPointIsInCircle;
- exports.getTwoPointDistance = getTwoPointDistance;
- exports.checkPointIsInPolygon = checkPointIsInPolygon;
- exports.checkPointIsInSector = checkPointIsInSector;
- exports.checkPointIsNearPolyline = checkPointIsNearPolyline;
- exports.checkPointIsInRect = checkPointIsInRect;
- exports.getRotatePointPos = getRotatePointPos;
- exports.getScalePointPos = getScalePointPos;
- exports.getTranslatePointPos = getTranslatePointPos;
- exports.getDistanceBetweenPointAndLine = getDistanceBetweenPointAndLine;
- exports.getCircleRadianPoint = getCircleRadianPoint;
- exports.getRegularPolygonPoints = getRegularPolygonPoints;
- exports.filterNull = filterNull;
- exports["default"] = void 0;
-
-
-
-
-
-
-
-
-
-
+ },
+ data() {
+ return {
+ ref: 'border-box-10',
+ border: ['left-top', 'right-top', 'left-bottom', 'right-bottom'],
+ defaultColor: ['#1d48c4', '#d3e1f8'],
+ mergedColor: []
+ };
+ },
+ watch: {
+ color() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
+ },
+ methods: {
+ mergeColor() {
+ const {
+ color,
+ defaultColor
+ } = this;
+ this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
+ }
+ },
+ mounted() {
+ const {
+ mergeColor
+ } = this;
+ mergeColor();
+ }
+ };
+ /* script */
+ const __vue_script__$b = script$b;
+ /* template */
+ var __vue_render__$b = function() {
+ var _vm = this;
+ var _h = _vm.$createElement;
+ var _c = _vm._self._c || _h;
+ return _c(
+ "div",
+ {
+ ref: _vm.ref,
+ staticClass: "dv-border-box-10",
+ style: "box-shadow: inset 0 0 25px 3px " + _vm.mergedColor[0]
+ },
+ [
+ _c(
+ "svg",
+ {
+ staticClass: "dv-border-svg-container",
+ attrs: { width: _vm.width, height: _vm.height }
+ },
+ [
+ _c("polygon", {
+ attrs: {
+ fill: _vm.backgroundColor,
+ points:
+ "\n 4, 0 " +
+ (_vm.width - 4) +
+ ", 0 " +
+ _vm.width +
+ ", 4 " +
+ _vm.width +
+ ", " +
+ (_vm.height - 4) +
+ " " +
+ (_vm.width - 4) +
+ ", " +
+ _vm.height +
+ "\n 4, " +
+ _vm.height +
+ " 0, " +
+ (_vm.height - 4) +
+ " 0, 4\n "
+ }
+ })
+ ]
+ ),
+ _vm._v(" "),
+ _vm._l(_vm.border, function(item) {
+ return _c(
+ "svg",
+ {
+ key: item,
+ class: item + " dv-border-svg-container",
+ attrs: { width: "150px", height: "150px" }
+ },
+ [
+ _c("polygon", {
+ attrs: {
+ fill: _vm.mergedColor[1],
+ points: "40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
+ }
+ })
+ ]
+ )
+ }),
+ _vm._v(" "),
+ _c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
+ ],
+ 2
+ )
+ };
+ var __vue_staticRenderFns__$b = [];
+ __vue_render__$b._withStripped = true;
+ /* style */
+ const __vue_inject_styles__$b = function (inject) {
+ if (!inject) return
+ inject("data-v-746a9ff1_0", { source: ".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n}\n.dv-border-box-10 .dv-border-svg-container {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n", map: {"version":3,"sources":["main.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;AAChB;AACA;EACE,UAAU;EACV,0BAA0B;AAC5B;AACA;EACE,WAAW;EACX,0BAA0B;AAC5B;AACA;EACE,UAAU;EACV,WAAW;EACX,0CAA0C;AAC5C;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n}\n.dv-border-box-10 .dv-border-svg-container {\n position: absolute;\n display: block;\n}\n.dv-border-box-10 .right-top {\n right: 0px;\n transform: rotateY(180deg);\n}\n.dv-border-box-10 .left-bottom {\n bottom: 0px;\n transform: rotateX(180deg);\n}\n.dv-border-box-10 .right-bottom {\n right: 0px;\n bottom: 0px;\n transform: rotateX(180deg) rotateY(180deg);\n}\n.dv-border-box-10 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
+ };
+ /* scoped */
+ const __vue_scope_id__$b = undefined;
+ /* module identifier */
+ const __vue_module_identifier__$b = undefined;
+ /* functional template */
+ const __vue_is_functional_template__$b = false;
+ /* style inject SSR */
+
+ /* style inject shadow dom */
+
+
+ const __vue_component__$b = /*#__PURE__*/normalizeComponent(
+ { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
+ __vue_inject_styles__$b,
+ __vue_script__$b,
+ __vue_scope_id__$b,
+ __vue_is_functional_template__$b,
+ __vue_module_identifier__$b,
+ false,
+ createInjector,
+ undefined,
+ undefined
+ );
+ function borderBox10 (Vue) {
+ Vue.component(__vue_component__$b.name, __vue_component__$b);
+ }
+ var keywords = createCommonjsModule(function (module, exports) {
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = void 0;
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+ var _default = new Map([['transparent', 'rgba(0,0,0,0)'], ['black', '#000000'], ['silver', '#C0C0C0'], ['gray', '#808080'], ['white', '#FFFFFF'], ['maroon', '#800000'], ['red', '#FF0000'], ['purple', '#800080'], ['fuchsia', '#FF00FF'], ['green', '#008000'], ['lime', '#00FF00'], ['olive', '#808000'], ['yellow', '#FFFF00'], ['navy', '#000080'], ['blue', '#0000FF'], ['teal', '#008080'], ['aqua', '#00FFFF'], ['aliceblue', '#f0f8ff'], ['antiquewhite', '#faebd7'], ['aquamarine', '#7fffd4'], ['azure', '#f0ffff'], ['beige', '#f5f5dc'], ['bisque', '#ffe4c4'], ['blanchedalmond', '#ffebcd'], ['blueviolet', '#8a2be2'], ['brown', '#a52a2a'], ['burlywood', '#deb887'], ['cadetblue', '#5f9ea0'], ['chartreuse', '#7fff00'], ['chocolate', '#d2691e'], ['coral', '#ff7f50'], ['cornflowerblue', '#6495ed'], ['cornsilk', '#fff8dc'], ['crimson', '#dc143c'], ['cyan', '#00ffff'], ['darkblue', '#00008b'], ['darkcyan', '#008b8b'], ['darkgoldenrod', '#b8860b'], ['darkgray', '#a9a9a9'], ['darkgreen', '#006400'], ['darkgrey', '#a9a9a9'], ['darkkhaki', '#bdb76b'], ['darkmagenta', '#8b008b'], ['darkolivegreen', '#556b2f'], ['darkorange', '#ff8c00'], ['darkorchid', '#9932cc'], ['darkred', '#8b0000'], ['darksalmon', '#e9967a'], ['darkseagreen', '#8fbc8f'], ['darkslateblue', '#483d8b'], ['darkslategray', '#2f4f4f'], ['darkslategrey', '#2f4f4f'], ['darkturquoise', '#00ced1'], ['darkviolet', '#9400d3'], ['deeppink', '#ff1493'], ['deepskyblue', '#00bfff'], ['dimgray', '#696969'], ['dimgrey', '#696969'], ['dodgerblue', '#1e90ff'], ['firebrick', '#b22222'], ['floralwhite', '#fffaf0'], ['forestgreen', '#228b22'], ['gainsboro', '#dcdcdc'], ['ghostwhite', '#f8f8ff'], ['gold', '#ffd700'], ['goldenrod', '#daa520'], ['greenyellow', '#adff2f'], ['grey', '#808080'], ['honeydew', '#f0fff0'], ['hotpink', '#ff69b4'], ['indianred', '#cd5c5c'], ['indigo', '#4b0082'], ['ivory', '#fffff0'], ['khaki', '#f0e68c'], ['lavender', '#e6e6fa'], ['lavenderblush', '#fff0f5'], ['lawngreen', '#7cfc00'], ['lemonchiffon', '#fffacd'], ['lightblue', '#add8e6'], ['lightcoral', '#f08080'], ['lightcyan', '#e0ffff'], ['lightgoldenrodyellow', '#fafad2'], ['lightgray', '#d3d3d3'], ['lightgreen', '#90ee90'], ['lightgrey', '#d3d3d3'], ['lightpink', '#ffb6c1'], ['lightsalmon', '#ffa07a'], ['lightseagreen', '#20b2aa'], ['lightskyblue', '#87cefa'], ['lightslategray', '#778899'], ['lightslategrey', '#778899'], ['lightsteelblue', '#b0c4de'], ['lightyellow', '#ffffe0'], ['limegreen', '#32cd32'], ['linen', '#faf0e6'], ['magenta', '#ff00ff'], ['mediumaquamarine', '#66cdaa'], ['mediumblue', '#0000cd'], ['mediumorchid', '#ba55d3'], ['mediumpurple', '#9370db'], ['mediumseagreen', '#3cb371'], ['mediumslateblue', '#7b68ee'], ['mediumspringgreen', '#00fa9a'], ['mediumturquoise', '#48d1cc'], ['mediumvioletred', '#c71585'], ['midnightblue', '#191970'], ['mintcream', '#f5fffa'], ['mistyrose', '#ffe4e1'], ['moccasin', '#ffe4b5'], ['navajowhite', '#ffdead'], ['oldlace', '#fdf5e6'], ['olivedrab', '#6b8e23'], ['orange', '#ffa500'], ['orangered', '#ff4500'], ['orchid', '#da70d6'], ['palegoldenrod', '#eee8aa'], ['palegreen', '#98fb98'], ['paleturquoise', '#afeeee'], ['palevioletred', '#db7093'], ['papayawhip', '#ffefd5'], ['peachpuff', '#ffdab9'], ['peru', '#cd853f'], ['pink', '#ffc0cb'], ['plum', '#dda0dd'], ['powderblue', '#b0e0e6'], ['rosybrown', '#bc8f8f'], ['royalblue', '#4169e1'], ['saddlebrown', '#8b4513'], ['salmon', '#fa8072'], ['sandybrown', '#f4a460'], ['seagreen', '#2e8b57'], ['seashell', '#fff5ee'], ['sienna', '#a0522d'], ['skyblue', '#87ceeb'], ['slateblue', '#6a5acd'], ['slategray', '#708090'], ['slategrey', '#708090'], ['snow', '#fffafa'], ['springgreen', '#00ff7f'], ['steelblue', '#4682b4'], ['tan', '#d2b48c'], ['thistle', '#d8bfd8'], ['tomato', '#ff6347'], ['turquoise', '#40e0d0'], ['violet', '#ee82ee'], ['wheat', '#f5deb3'], ['whitesmoke', '#f5f5f5'], ['yellowgreen', '#9acd32']]);
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+ exports["default"] = _default;
+ });
- function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+ unwrapExports(keywords);
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+ var lib = createCommonjsModule(function (module, exports) {
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
- function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.getRgbValue = getRgbValue;
+ exports.getRgbaValue = getRgbaValue;
+ exports.getOpacity = getOpacity;
+ exports.toRgb = toRgb;
+ exports.toHex = toHex;
+ exports.getColorFromRgbValue = getColorFromRgbValue;
+ exports.darken = darken;
+ exports.lighten = lighten;
+ exports.fade = fade;
+ exports["default"] = void 0;
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+ var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
- function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+ var _keywords = interopRequireDefault(keywords);
- var abs = Math.abs,
- sqrt = Math.sqrt,
- sin = Math.sin,
- cos = Math.cos,
- max = Math.max,
- min = Math.min,
- PI = Math.PI;
- /**
- * @description Clone an object or array
- * @param {Object|Array} object Cloned object
- * @param {Boolean} recursion Whether to use recursive cloning
- * @return {Object|Array} Clone object
+ var hexReg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+ var rgbReg = /^(rgb|rgba|RGB|RGBA)/;
+ var rgbaReg = /^(rgba|RGBA)/;
+ /**
+ * @description Color validator
+ * @param {String} color Hex|Rgb|Rgba color or color keyword
+ * @return {String|Boolean} Valid color Or false
*/
- function deepClone(object) {
- var recursion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
- var parse = JSON.parse,
- stringify = JSON.stringify;
- if (!recursion) return parse(stringify(object));
- var clonedObj = object instanceof Array ? [] : {};
+ function validator(color) {
+ var isHex = hexReg.test(color);
+ var isRgb = rgbReg.test(color);
+ if (isHex || isRgb) return color;
+ color = getColorByKeyword(color);
- if (object && _typeof(object) === 'object') {
- for (var key in object) {
- if (object.hasOwnProperty(key)) {
- if (object[key] && _typeof(object[key]) === 'object') {
- clonedObj[key] = deepClone(object[key], true);
- } else {
- clonedObj[key] = object[key];
- }
- }
- }
+ if (!color) {
+ console.error('Color: Invalid color!');
+ return false;
}
- return clonedObj;
- }
- /**
- * @description Eliminate line blur due to 1px line width
- * @param {Array} points Line points
- * @return {Array} Line points after processed
- */
-
-
- function eliminateBlur(points) {
- return points.map(function (_ref) {
- var _ref2 = _slicedToArray(_ref, 2),
- x = _ref2[0],
- y = _ref2[1];
-
- return [parseInt(x) + 0.5, parseInt(y) + 0.5];
- });
- }
- /**
- * @description Check if the point is inside the circle
- * @param {Array} point Postion of point
- * @param {Number} rx Circle x coordinate
- * @param {Number} ry Circle y coordinate
- * @param {Number} r Circle radius
- * @return {Boolean} Result of check
- */
-
-
- function checkPointIsInCircle(point, rx, ry, r) {
- return getTwoPointDistance(point, [rx, ry]) <= r;
- }
- /**
- * @description Get the distance between two points
- * @param {Array} point1 point1
- * @param {Array} point2 point2
- * @return {Number} Distance between two points
- */
-
-
- function getTwoPointDistance(_ref3, _ref4) {
- var _ref5 = _slicedToArray(_ref3, 2),
- xa = _ref5[0],
- ya = _ref5[1];
-
- var _ref6 = _slicedToArray(_ref4, 2),
- xb = _ref6[0],
- yb = _ref6[1];
-
- var minusX = abs(xa - xb);
- var minusY = abs(ya - yb);
- return sqrt(minusX * minusX + minusY * minusY);
+ return color;
}
- /**
- * @description Check if the point is inside the polygon
- * @param {Array} point Postion of point
- * @param {Array} points The points that makes up a polyline
- * @return {Boolean} Result of check
+ /**
+ * @description Get color by keyword
+ * @param {String} keyword Color keyword like red, green and etc.
+ * @return {String|Boolean} Hex or rgba color (Invalid keyword will return false)
*/
- function checkPointIsInPolygon(point, polygon) {
- var counter = 0;
-
- var _point = _slicedToArray(point, 2),
- x = _point[0],
- y = _point[1];
-
- var pointNum = polygon.length;
-
- for (var i = 1, p1 = polygon[0]; i <= pointNum; i++) {
- var p2 = polygon[i % pointNum];
-
- if (x > min(p1[0], p2[0]) && x <= max(p1[0], p2[0])) {
- if (y <= max(p1[1], p2[1])) {
- if (p1[0] !== p2[0]) {
- var xinters = (x - p1[0]) * (p2[1] - p1[1]) / (p2[0] - p1[0]) + p1[1];
-
- if (p1[1] === p2[1] || y <= xinters) {
- counter++;
- }
- }
- }
- }
-
- p1 = p2;
+ function getColorByKeyword(keyword) {
+ if (!keyword) {
+ console.error('getColorByKeywords: Missing parameters!');
+ return false;
}
- return counter % 2 === 1;
+ if (!_keywords["default"].has(keyword)) return false;
+ return _keywords["default"].get(keyword);
}
- /**
- * @description Check if the point is inside the sector
- * @param {Array} point Postion of point
- * @param {Number} rx Sector x coordinate
- * @param {Number} ry Sector y coordinate
- * @param {Number} r Sector radius
- * @param {Number} startAngle Sector start angle
- * @param {Number} endAngle Sector end angle
- * @param {Boolean} clockWise Whether the sector angle is clockwise
- * @return {Boolean} Result of check
+ /**
+ * @description Get the Rgb value of the color
+ * @param {String} color Hex|Rgb|Rgba color or color keyword
+ * @return {Array\r\n \r\n