Showing preview only (1,456K chars total). Download the full file or copy to clipboard to get everything.
Repository: DataV-Team/DataV
Branch: master
Commit: 417ade755ceb
Files: 219
Total size: 1.3 MB
Directory structure:
gitextract_6ik26r78/
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug_report.md
│ │ ├── feature_request.md
│ │ └── new_component_request.md
│ └── PULL_REQUEST_TEMPLATE.md
├── .gitignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── README_EN.md
├── build/
│ ├── entry.js
│ ├── index.js
│ ├── plugin/
│ │ ├── exec.js
│ │ └── print.js
│ ├── rollup.config.js
│ └── rollup.terser.config.js
├── deploy/
│ ├── index.js
│ └── plugin/
│ ├── ftp.js
│ ├── nodeParams.js
│ └── print.js
├── dist/
│ ├── datav.map.vue.js
│ └── datav.min.vue.js
├── lib/
│ ├── components/
│ │ ├── activeRingChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox1/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox10/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox11/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox12/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox13/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox2/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox3/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox4/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox5/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox6/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox7/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox8/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── borderBox9/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── capsuleChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── charts/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── conicalColumnChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration1/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration10/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration11/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration12/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration2/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration3/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration4/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration5/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration6/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration7/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration8/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── decoration9/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── digitalFlop/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── flylineChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── flylineChartEnhanced/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── fullScreenContainer/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── loading/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── percentPond/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── scrollBoard/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ ├── scrollRankingBoard/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ ├── main.css
│ │ │ └── main.vue
│ │ └── waterLevelPond/
│ │ ├── index.js
│ │ └── src/
│ │ ├── main.css
│ │ └── main.vue
│ ├── index.js
│ ├── mixin/
│ │ └── autoResize.js
│ └── util/
│ └── index.js
├── package.json
├── src/
│ ├── components/
│ │ ├── activeRingChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox1/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox10/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox11/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox12/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox13/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox2/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox3/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox4/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox5/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox6/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox7/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox8/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── borderBox9/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── capsuleChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── charts/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── conicalColumnChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration1/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration10/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration11/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration12/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration2/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration3/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration4/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration5/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration6/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration7/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration8/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── decoration9/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── digitalFlop/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── flylineChart/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── flylineChartEnhanced/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── fullScreenContainer/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── loading/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── percentPond/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── scrollBoard/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ ├── scrollRankingBoard/
│ │ │ ├── index.js
│ │ │ └── src/
│ │ │ └── main.vue
│ │ └── waterLevelPond/
│ │ ├── index.js
│ │ └── src/
│ │ └── main.vue
│ ├── index.js
│ ├── mixin/
│ │ └── autoResize.js
│ └── util/
│ └── index.js
└── umdExample.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .github/ISSUE_TEMPLATE/bug_report.md
================================================
---
name: Bug report
about: 提交Bug反馈
---
<!-- 请确定这是一个Bug反馈，而不是一个需求反馈或问题求助，否则ISSUE可能被关闭 -->
<!-- 请提供可供复现Bug的必要条件，否则ISSUE可能被关闭 -->
<!-- 创建Bug反馈前请确定你的DataV是最新版的 -->
## Bug report
#### 出现Bug的组件？
#### 组件配置数据？
<!-- (config等props，若无配置请忽略) -->
#### 控制台错误输出？
<!-- (若无错误输出请忽略) -->
#### 期望情况？
#### 实际情况？
#### 其他相关信息
- DataV版本
- 浏览器版本
- 其他
================================================
FILE: .github/ISSUE_TEMPLATE/feature_request.md
================================================
---
name: Feature request
about: 新特性建议
---
<!-- 创建新特性建议前请确定你的DataV是最新版的 -->
## Feature request
#### 这个特性解决了什么问题？
#### 这个特性的实现形式？
#### 是否愿意为此特性提交PR？
================================================
FILE: .github/ISSUE_TEMPLATE/new_component_request.md
================================================
---
name: Component request
about: 新组件建议
---
<!-- 创建新组件建议前请确定你的DataV是最新版的 -->
<!-- (将[ ]修改为[x]) -->
## Component request
#### 新组件的类型？
* [ ] 边框
* [ ] 装饰
* [ ] 图表
* [ ] 其他
#### 这个组件的功能描述 (边框及装饰类，请提供样图)？
#### 是否愿意为此组件提交PR？
================================================
FILE: .github/PULL_REQUEST_TEMPLATE.md
================================================
<!-- (将[ ]修改为[x]) -->
**该PR的类型是？** (至少选择一个)
- [ ] Bug修复
- [ ] 新特性
- [ ] 新组件
**该PR是否向下兼容?** (选择任一)
- [ ] 是
- [ ] 否
如果为否，请描述冲突情况:
**涉及到的ISSUE:**
- [ ] 该PR如果涉及到某个ISSUE, 请在PR标题中描述出来 (例如. `fix #xxx[,#xxx]`, "xxx"为ISSUE序号)
**是否在Chrome浏览器下进行过测试？**
- [ ] 是
- [ ] 否
如果这是一个**新特性**或**新组件**相关的PR，请提供如下信息
- [ ] 添加该特性或组件的原因
- [ ] 文档应该修改哪些信息
- [ ] 测试相关
提交**新特性**或**新组件**前请先发起一个相关的ISSUE请求
**其他信息:**
================================================
FILE: .gitignore
================================================
.DS_Store
node_modules
package-lock.json
/deploy/config.js
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
yarn.lock
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw*
================================================
FILE: CHANGELOG.md
================================================
# 2.10.0-alpha (2020-09-09)
### New
- **decoration12:** New decoration(Radar scan).
### Optmization
- **decoration** add `dur` configuration.
- **activeRingChart** add `digitalFlopUnit` configuration.
# 2.9.9-alpha (2020-08-25)
### Optmization
- **borderBox:** Canonical class name.
- **autoResize(mixin):** Add exception prompt.
# 2.9.8-alpha (2020-08-20)
### Optmization
- **scrollRankingBoard:** Add value formatter.
# 2.9.7-alpha (2020-08-19)
### Optmization
- **scrollBoard:** Optimize the update effect of updateRows.
# 2.9.6-alpha (2020-08-05)
### Bug Fixes
- **scrollBoard:** Carousel is abnormal when carousel is page.
- **scrollRankingBoard:** Carousel is abnormal when carousel is page.
# 2.9.5-alpha (2020-08-05)
### Optmization
- **scrollBoard:** Reduce redundant node rendering.
- **scrollRankingBoard:** Reduce redundant node rendering.
- **scrollBoard:** Add api to update row data.
# 2.9.4-alpha (2020-07-03)
### Optmization
- **scrollBoard:** Optimize key value [(#8)](https://github.com/DataV-Team/DataV-React/issues/8).
# 2.9.3-alpha (2020-07-02)
### Perfect
- **uuid:** Optimization of `-` in uuid will cause abnormal svg animation [(#108)](https://github.com/DataV-Team/DataV/issues/108).
# 2.9.2-alpha (2020-06-16)
### Bug Fixes
- **scrollBoard:** reset animationIndex when config upate.
# 2.9.1-alpha (2020-06-16)
### Bug Fixes
- **scrollRankingBoard:** Calculation optimization of negative values [(#101)](https://github.com/DataV-Team/DataV/pull/101).
### Perfect
- **digitalFlop:** add number formatter.
# 2.9.0-alpha (2020-06-10)
### ScrollBoard
- **hoverPause:** add `hoverPause` configuration [(#96)](https://github.com/DataV-Team/DataV/pull/96).
- **mouseover:** add `mouseover` event [(#96)](https://github.com/DataV-Team/DataV/pull/96).
# 2.8.4-alpha (2020-05-25)
### Perfect
- **uuid:** Use uuid to produce unique id.
# 2.8.3-alpha (2020-05-06)
### Perfect
- **activeRingChart:** add `showOriginValue` configuration.
- **capsuleChart:** add `showValue` configuration.
# 2.8.2-alpha (2020-05-06)
### Perfect
- **borderBox8:** add `reverse` configuration.
# 2.8.1-alpha (2020-05-03)
### Perfect
- **digitalFlop:** Use `\n` to start a newline.
- **digitalFlop:** `rowGap` configuration.
# 2.7.4-alpha (2020-04-15)
### Bug Fixes
- **capsuleChart:** Calculate exception when min value is less 5 [(#59)](https://github.com/DataV-Team/DataV/pull/59).
# 2.7.3-alpha (2020-01-16)
### Bug Fixes
- **activeRingChart:** `parseInt` precision lost.
# 2.7.2-alpha (2020-01-10)
### Perfect
- **ativeRingChart:** Add digitalFlopToFixed configuration.
# 2.7.1-alpha (2020-01-08)
### Bug Fixes
- **flylineChartEnhanced:** Exception when relative is false.
# 2.7.0-alpha (2020-01-05)
### New
- **flylineChartEnhanced:** Enhanced flylineChart [(#12)](https://github.com/DataV-Team/DataV/issues/12).
# 2.6.0-alpha (2019-12-25)
### Perfect
- **scrollRankingBoard:** Configurable auto-sequencing [(#35)](https://github.com/DataV-Team/DataV/pull/35).
- **scrollRankingBoard:** Render name using `v-html` [(#36)](https://github.com/DataV-Team/DataV/pull/36).
# 2.5.0-alpha (2019-12-06)
### Feature
- **borderBox & decoration:** **Configurable** colors.
```html
<!-- Example -->
<dv-border-box-1 :color="['red', 'green']" />
<dv-decoration-1 :color="['red', 'green']" />
```
- **scrollBoard:** Configurable index header [(#33)](https://github.com/DataV-Team/DataV/pull/33).
### New
- **borderBox11**
- **borderBox12**
- **borderBox13**
- **decoration11**
# 2.4.8-alpha (2019-11-12)
### Bug Fixes
- **scrollBoard:** After updating props, the carousel speed is abnormal [(#25)](https://github.com/jiaming743/DataV/issues/16),[(#20)](https://github.com/jiaming743/DataV/issues/25).
- **scrollRankingBorad:** After updating props, the carousel speed is abnormal[(#25)](https://github.com/jiaming743/DataV/issues/16),[(#20)](https://github.com/jiaming743/DataV/issues/25).
# 2.4.7-alpha (2019-10-24)
### Perfect
- **charts:** Optimize memory leaks.
- **digitalFlop:** Optimize memory leaks.
# 2.4.6-alpha (2019-10-24)
### Bug Fixes
- **activeRingChart:** Optimize memory leaks [(#16)](https://github.com/jiaming743/DataV/issues/16),[(#20)](https://github.com/jiaming743/DataV/issues/20).
# 2.4.5-alpha (2019-09-24)
### Bug Fixes
- **activeRingChart:** Calculation exception due to data value being 0 [(#17)](https://github.com/jiaming743/DataV/issues/17).
# 2.4.4-alpha (2019-09-05)
### Bug Fixes
- **scrollBoard:** Header column width is abnormal when row data is empty.
# 2.4.3-alpha (2019-09-04)
### Perfect
- **scrollRankingBoard:** Add a unit configuration item.
# 2.4.2-alpha (2019-08-30)
### Perfect
- **capsuleChart:** Class name compatibility optimization.
# 2.4.1-alpha (2019-08-29)
### Perfect
- **capsuleChart:** Adaptive display unit.
# 2.4.0-alpha (2019-08-29)
### New
- **borderBox10**
- **capsuleChart**
# 2.3.9-alpha (2019-08-27)
### Perfect
- **percentPond:** Compatibility enhancement.
# 2.3.8-alpha (2019-08-27)
### Bug Fixes
- **percentPond:** Style compatibility and gradient exceptions.
# 2.3.7-alpha (2019-08-26)
### Bug Fixes
- **borderBox1:** Parent container setting `text-align: center` to cause display exception [(#6)](https://github.com/jiaming743/DataV/issues/6).
# 2.3.6-alpha (2019-08-24)
### Bug Fixes
- **borderBox1:** Animation exception caused by incompatible syntax and spelling mistake [(#4)](https://github.com/jiaming743/DataV/issues/4)[(#5)](https://github.com/jiaming743/DataV/pull/5).
### Perfect
- **svg:** Svg animation compatibility enhancement.
# 2.3.5-alpha (2019-08-22)
### Bug Fixes
- **activeRingChart:** Color configuration does not take effect [(#3)](https://github.com/jiaming743/DataV/pull/3).
# 2.3.4-alpha (2019-08-15)
### Bug Fixes
- **package.json:** Import exception caused by incorrect entry path configuration.
# 2.3.3-alpha (2019-07-22)
### Bug Fixes
- **waterPondLevel:** Potential namespace conflict.
- **digitalFlop:** Potential namespace conflict.
# 2.3.2-alpha (2019-07-05)
### Perfect
- **decoration:** Explicitly set the SVG width and height to enhance stability.
- **Introduced on demand**
```js
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)
```
# 2.3.1-alpha (2019-07-04)
### Perfect
- **charts:** Enhanced style compatibility.
- **scrollBoard:** Enhanced style compatibility.
- **fullScreenContainer:** Fix potential rendering exceptions.
- **mixin:** Strengthen `autoResize` stability.
# 2.3.0-alpha (2019-07-04)
### Directory Structure Change
* **before**
```
.
├── components
│ ├── borderBox1
│ │ └── index.vue
│ ├── borderBox2
│ │ └── index.vue
│ ├── etc.
│ └── index.js
├── mixins
│ └── autoResize.js
├── util
│ └── index.js
│
├── index.js
│
├── package.json // main: 'index.js'
└── etc.
```
* **after**
```
.
├── lib // After compilation
│ ├── components
│ │ ├── borderBox1
│ │ | ├── src
│ │ | | ├── main.vue
│ │ | | └── main.css
│ │ | └── index.js
│ │ ├── etc.
│ │ └── index.js
│ ├── mixin
│ │ └── autoResize.js
│ ├── util
│ │ └── index.js
│ └── index.js
│
├── publish // For pre-publish process
│
├── src // For development environments
│ ├── components
│ │ ├── borderBox1
│ │ | ├── src
│ │ | | └── main.vue
│ │ | └── index.js
│ │ ├── etc.
│ │ └── index.js
│ ├── mixin
│ │ └── autoResize.js
│ ├── util
│ │ └── index.js
│ └── index.js
│
├── package.json // main: '/lib/index.js'
├── publish.js
└── etc.
```
- **Introduced on demand**
```js
import borderBox1 from '@jiaminghi/data-view/lib/components/borderBox1'
Vue.use(borderBox1)
```
# 2.2.0-alpha (2019-06-29)
### New
- **borderBox**
- **decoration**
# 2.1.1-alpha (2019-06-28)
### Bug Fixes
- **autoResize:** Exception caused by `autoResize` mixin.
- **charts:** `Legend` is blocked by slot and can't click.
# 2.1.0-alpha (2019-06-27)
### New
- **conicalColumnChart**
- **scrollRankingBoard**
# 2.0.0-alpha (2019-06-26)
### Perfect
- **SVG:** Refactoring **borderbox** and **decoration** components with SVG (Volume dropped to 6%).
- **charts:** New charting component that supports **animation**.
- **compatibility:** Better data compatibility.
### New
- **digitalFlop**
- **flylineChart**
- **borderBox**
- **decoration**
### Components
- **prefix:** Components add **dv** prefix to prevent conflicts.
```html
<!-- v 1.x.x -->
<decoration-1 />
<!-- v 2.x.x -->
<dv-decoration-1 />
```
================================================
FILE: LICENSE
================================================
The MIT License (MIT)
Copyright (c) 2019-present, DataV-Team
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
================================================
FILE: README.md
================================================
[ENGLISH](./README_EN.md)
<p align="center">
<img src="./icon.png">
</p>
<h1 align="center">DataV</h1>
<p align="center">
<a href="https://github.com/DataV-Team/datav/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/DataV-Team/datav.svg" alt="LICENSE" />
</a>
<a href="https://www.npmjs.com/package/@jiaminghi/data-view">
<img src="https://img.shields.io/npm/v/@jiaminghi/data-view.svg" alt="LICENSE" />
</a>
</p>
## DataV是干什么的?
* DataV是一个基于**Vue**的数据可视化组件库（当然也有[React版本](https://github.com/DataV-Team/DataV-React)）
* 提供用于提升页面视觉效果的**SVG**边框和装饰
* 提供常用的**图表**如折线图等
* 飞线图/轮播表等其他组件
### npm安装
```shell
$ npm install @jiaminghi/data-view
```
### 使用
```js
import Vue from 'vue'
import DataV from '@jiaminghi/data-view'
Vue.use(DataV)
// 按需引入
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)
```
详细文档及示例请移步[HomePage](http://datav.jiaminghi.com).
### UMD版
`UMD`版可直接使用`script`标签引入，`UMD`版文件位于项目`dist`目录下，引入后将自动把所有组件注册为**Vue全局组件**，引入`DataV`前请确保已引入`Vue`。
[UMD版使用示例](./umdExample.html)
### TODO
* **地图组件**
* **TS**重构组件库底层依赖
### 致谢
组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https://github.com/DataV-Team/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。
### 反馈
### Demo
Demo页面使用了全屏组件，请F11全屏后查看。
* [施工养护综合数据](http://datav.jiaminghi.com/demo/construction-data/index.html)
* [机电运维管理台](http://datav.jiaminghi.com/demo/manage-desk/index.html)
* [机电设备电子档案](http://datav.jiaminghi.com/demo/electronic-file/index.html)
================================================
FILE: README_EN.md
================================================
[中文](./README.md)
<p align="center">
<img src="./icon.png">
</p>
<h1 align="center">DataV</h1>
<p align="center">
<a href="https://github.com/DataV-Team/datav/blob/master/LICENSE">
<img src="https://img.shields.io/github/license/DataV-Team/datav.svg" alt="LICENSE" />
</a>
<a href="https://www.npmjs.com/package/@jiaminghi/data-view">
<img src="https://img.shields.io/npm/v/@jiaminghi/data-view.svg" alt="LICENSE" />
</a>
</p>
## What is DataV?
* 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.
### Install with npm
```shell
$ npm install @jiaminghi/data-view
```
### use
```js
import Vue from 'vue'
import DataV from '@jiaminghi/data-view'
Vue.use(DataV)
// Introduced on demand
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)
```
Detailed documents and examples can be viewed on the [HomePage](http://datav.jiaminghi.com).
### UMD version
The `UMD` version can be directly imported using the `script` tag. The `UMD` version file is located in the project `dist` directory. After import, all components will be automatically registered as **Vue global components**. Be sure to introduce `Vue` before introducing `DataV`.
[UMD version usage example](./umdExample.html)
### React version
The reaction version is already under development, so stay tuned
### Questionnaire
React version of the component library and feedback[Questionnaire](https://www.wjx.cn/jq/45326197.aspx)
### TODO
* **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/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
### Demo
The Demo page uses the full-screen component, please view it after F11 full screen.
* [Construction Data](http://datav.jiaminghi.com/demo/construction-data/index.html)
* [Manage-Desk](http://datav.jiaminghi.com/demo/manage-desk/index.html)
* [Electronic-File](http://datav.jiaminghi.com/demo/electronic-file/index.html)
================================================
FILE: build/entry.js
================================================
import Vue from 'vue'
import datav from '../src/index'
Vue.use(datav)
================================================
FILE: build/index.js
================================================
const { copyDir, fileForEach, readFile, writeFile, unlinkDirFileByExtname, dirForEach } = require('@jiaminghi/fs')
const print = require('./plugin/print')
const path = require('path')
const exec = require('./plugin/exec')
const PACKAGE_SRC = './src'
const COMPILE_SRC = './lib'
const COMPONENTS_DIR = '/components'
const ENTRANCE = '/index.js'
const libName = 'datav'
async function start () {
// Compile for NPM
const copyPackage = await copyDir(PACKAGE_SRC, COMPILE_SRC)
if (!copyPackage) {
print.error('Exception in file copy!')
return false
}
print.success('Complete file copy!')
const abstract = await abstractLessFromVue()
if (!abstract) {
print.error('Exception in less file extraction!')
return false
}
print.success('Complete less file extraction!')
await compileLessToCss()
print.success('Complete less compilation to css!')
const unlink = await unlinkDirFileByExtname(COMPILE_SRC, ['.less'])
if (!unlink) {
print.error('Exception in less file deletion!')
return false
}
print.success('Complete less file deletion!')
const addImport = await addCssImport()
if (!addImport) {
print.error('Exception in adding css import statement!')
return false
}
print.success('Finish adding css import statement!')
const componentsExport = await addComponentsExport()
if (!componentsExport) {
print.error('Exception in adding components export statement!')
return false
}
print.success('Finish adding components export statement!')
// Compile for UMD version
const rollupCompile = await exec(`rollup -c build/rollup.config.js`)
if (!rollupCompile) {
print.error('Exception in rollupCompile')
return
}
print.tip('After rollupCompile')
const terser = await exec(`rollup -c build/rollup.terser.config.js`)
if (!terser) {
print.error('Exception in terser')
return
}
print.tip('After terser')
print.yellow('-------------------------------------')
print.success(' DataV Lib Compile Success! ')
print.yellow('-------------------------------------')
return true
}
async function abstractLessFromVue () {
let abstractSuccess = true
await fileForEach(COMPILE_SRC, async src => {
if (path.extname(src) !== '.vue') return
let template = await readFile(src)
let style = template.match(/<style[ \S\n\r]*/g)
if (style) style = style[0]
if (!style) return
style = style.replace(/<style[ a-z="']*>(\n|\r)?|<\/style>/g, '')
style = style.replace(/[\n\r]*$/, '')
const styleSrc = src.replace('.vue', '.less')
let write = await writeFile(styleSrc, style)
if (!write) {
print.error(styleSrc + ' write error!')
abstractSuccess = false
}
template = template.replace(/<style[ \S\n\r]*/g, '')
template = template.replace(/[\n\r]*$/, '')
write = await writeFile(src, template)
if (!write) {
print.error(src + ' rewrite error!')
abstractSuccess = false
}
})
return abstractSuccess
}
async function compileLessToCss () {
let compileSuccess = true
await fileForEach(COMPILE_SRC, async src => {
if (path.extname(src) !== '.less') return
src = src.replace('./', '')
const execString = `lessc ${src} ${src.replace('less', 'css')}`
print.yellow(execString, {
maxBuffer: 1024 ** 5
})
const compile = await exec(execString)
if (!compile) {
print.error(execString + ' Error!')
compileSuccess = false
}
})
return compileSuccess
}
async function addCssImport () {
let importSuccess = true
await fileForEach(COMPILE_SRC + COMPONENTS_DIR, async src => {
if (path.extname(src) !== '.js') return
let content = await readFile(src)
if (content.search(/import[ \S]* from '[\S]*\.vue'/) === -1) return
content = `import './src/main.css'\n` + content
let write = await writeFile(src, content)
if (!write) {
print.error(src + ' write import error!')
importSuccess = false
}
})
return importSuccess
}
async function addComponentsExport () {
const components = []
await dirForEach(COMPILE_SRC + COMPONENTS_DIR, src => {
components.push(src.split('/').slice(-1)[0])
})
const importString = components.reduce((all, current) => {
return all + '\n' + `export { default as ${current} } from '.${COMPONENTS_DIR}/${current}/index'`
}, '/**\n * EXPORT COMPONENTS\n */') + '\n'
const targetSrc = COMPILE_SRC + ENTRANCE
let content = await readFile(targetSrc)
content = importString + content
let write = await writeFile(targetSrc, content)
return write
}
async function compileUMDVersion () {
}
start()
================================================
FILE: build/plugin/exec.js
================================================
const { exec } = require('child_process')
function doExec (execString, maxBuffer = 1024 ** 5) {
return new Promise(resolve => {
exec(execString, {
maxBuffer
}, err => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(true)
}
})
})
}
module.exports = doExec
================================================
FILE: build/plugin/print.js
================================================
const print = {
log (info) {
console.log(info)
},
warn (info) {
console.log('\033[31;33m' + info + '\033[0m')
},
error (info) {
console.log('\033[31;40m' + info + '\033[0m')
},
tip (info) {
console.log('\033[40;32m' + info + '\033[0m')
},
success (info) {
console.log('\033[42;30m' + info + '\033[0m')
},
yellow (info) {
console.log('\033[31;33m' + info + '\033[0m')
}
}
module.exports = print
================================================
FILE: build/rollup.config.js
================================================
import resolve from 'rollup-plugin-node-resolve'
import vue from 'rollup-plugin-vue'
import commonjs from 'rollup-plugin-commonjs'
import babel from 'rollup-plugin-babel'
export default {
input: 'build/entry.js',
output: {
format: 'umd',
file: 'dist/datav.map.vue.js',
name: 'datav'
},
plugins: [
resolve(),
babel({
exclude: 'node_modules/**'
}),
commonjs(),
vue(),
],
external: ['Vue']
}
================================================
FILE: build/rollup.terser.config.js
================================================
import resolve from 'rollup-plugin-node-resolve'
import vue from 'rollup-plugin-vue'
import commonjs from 'rollup-plugin-commonjs'
import babel from 'rollup-plugin-babel'
import { terser } from "rollup-plugin-terser"
export default {
input: 'build/entry.js',
output: {
format: 'umd',
file: 'dist/datav.min.vue.js',
name: 'datav'
},
plugins: [
resolve(),
babel({
exclude: 'node_modules/**'
}),
commonjs(),
vue(),
terser(),
],
external: ['Vue']
}
================================================
FILE: deploy/index.js
================================================
const { fileForEach } = require('@jiaminghi/fs')
const Client = require('ftp')
const print = require('./plugin/print')
const { emptyDir, put } = require('./plugin/ftp')
const getNodeParams = require('./plugin/nodeParams')
let config = null
try {
config = require('./config')
} catch (err) {
void 0
}
const DIST_PATH = './dist/'
const FTP_PATH = './datav/'
const ftp = new Client()
ftp.on('ready', async foo => {
print.tip('FTP connected!')
const isEmpty = await emptyDir(ftp, FTP_PATH)
if (!isEmpty) {
print.error('Exception in emptyDir!')
return false
}
let status = true
await fileForEach(DIST_PATH, async src => {
const destPath = FTP_PATH + src.split('/').slice(-1)[0]
print.tip('Upload: ' + destPath)
if (!await put(ftp, src, destPath)) {
status = false
print.error('Exception in upload ' + destPath)
}
})
if (status) {
print.yellow('-------------------------------------')
print.success(' Automatic Deployment Success! ')
print.yellow('-------------------------------------')
}
ftp.destroy()
})
ftp.on('greeting', foo => {
print.tip('FTP greeting')
})
ftp.on('close', foo => {
print.tip('FTP close')
})
ftp.on('end', foo => {
print.tip('FTP end')
})
ftp.on('error', foo => {
print.tip('FTP error')
})
const { host, user, pass } = config || getNodeParams()
if (!host || !user || !pass) {
print.error('Upload Dist to FTP Missing Parameters!')
return false
}
print.tip('Start Upload!')
ftp.connect({
host,
user,
password: pass
})
================================================
FILE: deploy/plugin/ftp.js
================================================
async function getList (ftp, src) {
return new Promise(resolve => {
ftp.list(src, (err, list) => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(list)
}
})
})
}
async function rmDir (ftp, src, recusive = true) {
return new Promise(resolve => {
ftp.rmdir(src, recusive, err => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(true)
}
})
})
}
async function deleteFile (ftp, src) {
return new Promise(resolve => {
ftp.delete(src, err => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(true)
}
})
})
}
async function emptyDir (ftp, src, except = []) {
const list = await getList(ftp, src)
for (let i = 0, listNum = list.length; i < listNum; i++) {
const { type, name } = list[i]
if (type === 'd' && (name === '.' || name === '..')) continue
if (except.find(n => n === name)) continue
const fullSrc = `${src}${name}`
if (type === 'd') {
if (!await rmDir(ftp, fullSrc, true)) return false
} else {
if (!await deleteFile(ftp, fullSrc)) return false
}
}
return true
}
async function put (ftp, src, dest) {
return new Promise(resolve => {
ftp.put(src, dest, err => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(true)
}
})
})
}
async function mkDir (ftp, src, recusive = true) {
return new Promise(resolve => {
ftp.mkdir(src, recusive, err => {
if (err) {
console.error(err)
resolve(false)
} else {
resolve(true)
}
})
})
}
module.exports = {
put,
rmDir,
mkDir,
getList,
emptyDir,
deleteFile
}
================================================
FILE: deploy/plugin/nodeParams.js
================================================
function getNodeParams () {
const params = {}
process.argv.slice(2).forEach(param => {
param = param.split('=')
params[param[0]] = param[1]
})
return params
}
module.exports = getNodeParams
================================================
FILE: deploy/plugin/print.js
================================================
const print = {
log (info) {
console.log(info)
},
warn (info) {
console.log('\033[31;33m' + info + '\033[0m')
},
error (info) {
console.log('\033[31;40m' + info + '\033[0m')
},
tip (info) {
console.log('\033[40;32m' + info + '\033[0m')
},
success (info) {
console.log('\033[42;30m' + info + '\033[0m')
},
yellow (info) {
console.log('\033[31;33m' + info + '\033[0m')
}
}
module.exports = print
================================================
FILE: dist/datav.map.vue.js
================================================
(function (global, factory) {
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';
Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
function randomExtend(minNum, maxNum) {
if (arguments.length === 1) {
return parseInt(Math.random() * minNum + 1, 10);
} else {
return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
}
}
function debounce(delay, callback) {
let lastTime;
return function () {
clearTimeout(lastTime);
const [that, args] = [this, arguments];
lastTime = setTimeout(() => {
callback.apply(that, args);
}, delay);
};
}
function observerDomResize(dom, callback) {
const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
const observer = new MutationObserver(callback);
observer.observe(dom, {
attributes: true,
attributeFilter: ['style'],
attributeOldValue: true
});
return observer;
}
function getPointDistance(pointOne, pointTwo) {
const minusX = Math.abs(pointOne[0] - pointTwo[0]);
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() {
return {
dom: '',
width: 0,
height: 0,
debounceInitWHFun: '',
domObserver: ''
};
},
methods: {
async autoResizeMixinInit() {
const {
initWH,
getDebounceInitWHFun,
bindDomResizeCallback,
afterAutoResizeMixinInit
} = this;
await initWH(false);
getDebounceInitWHFun();
bindDomResizeCallback();
if (typeof afterAutoResizeMixinInit === 'function') afterAutoResizeMixinInit();
},
initWH(resize = true) {
const {
$nextTick,
$refs,
ref,
onResize
} = this;
return new Promise(resolve => {
$nextTick(_ => {
const dom = this.dom = $refs[ref];
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();
});
});
},
getDebounceInitWHFun() {
const {
initWH
} = this;
this.debounceInitWHFun = debounce(100, initWH);
},
bindDomResizeCallback() {
const {
dom,
debounceInitWHFun
} = this;
this.domObserver = observerDomResize(dom, debounceInitWHFun);
window.addEventListener('resize', debounceInitWHFun);
},
unbindDomResizeCallback() {
let {
domObserver,
debounceInitWHFun
} = this;
if (!domObserver) return;
domObserver.disconnect();
domObserver.takeRecords();
domObserver = null;
window.removeEventListener('resize', debounceInitWHFun);
}
},
mounted() {
const {
autoResizeMixinInit
} = this;
autoResizeMixinInit();
},
beforeDestroy() {
const {
unbindDomResizeCallback
} = this;
unbindDomResizeCallback();
}
};
//
var script = {
name: 'DvFullScreenContainer',
mixins: [autoResize],
data() {
return {
ref: 'full-screen-container',
allWidth: 0,
scale: 0,
datavRoot: '',
ready: false
};
},
methods: {
afterAutoResizeMixinInit() {
const {
initConfig,
setAppScale
} = this;
initConfig();
setAppScale();
this.ready = true;
},
initConfig() {
const {
dom
} = this;
const {
width,
height
} = screen;
this.allWidth = width;
dom.style.width = `${width}px`;
dom.style.height = `${height}px`;
},
setAppScale() {
const {
allWidth,
dom
} = this;
const currentWidth = document.body.clientWidth;
dom.style.transform = `scale(${currentWidth / allWidth})`;
},
onResize() {
const {
setAppScale
} = this;
setAppScale();
}
}
};
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);
}
}
}
/* script */
const __vue_script__ = script;
/* template */
var __vue_render__ = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c(
"div",
{ ref: _vm.ref, attrs: { id: "dv-full-screen-container" } },
[_vm.ready ? [_vm._t("default")] : _vm._e()],
2
)
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
/* style */
const __vue_inject_styles__ = function (inject) {
if (!inject) return
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 */
const __vue_scope_id__ = undefined;
/* module identifier */
const __vue_module_identifier__ = undefined;
/* functional template */
const __vue_is_functional_template__ = false;
/* style inject SSR */
/* style inject shadow dom */
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__,
false,
createInjector,
undefined,
undefined
);
function fullScreenContainer (Vue) {
Vue.component(__vue_component__.name, __vue_component__);
}
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var script$1 = {
name: 'DvLoading'
};
/* script */
const __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { staticClass: "dv-loading" }, [
_c("svg", { attrs: { width: "50px", height: "50px" } }, [
_c(
"circle",
{
attrs: {
cx: "25",
cy: "25",
r: "20",
fill: "transparent",
"stroke-width": "3",
"stroke-dasharray": "31.415, 31.415",
stroke: "#02bcfe",
"stroke-linecap": "round"
}
},
[
_c("animateTransform", {
attrs: {
attributeName: "transform",
type: "rotate",
values: "0, 25 25;360, 25 25",
dur: "1.5s",
repeatCount: "indefinite"
}
}),
_vm._v(" "),
_c("animate", {
attrs: {
attributeName: "stroke",
values: "#02bcfe;#3be6cb;#02bcfe",
dur: "3s",
repeatCount: "indefinite"
}
})
],
1
),
_vm._v(" "),
_c(
"circle",
{
attrs: {
cx: "25",
cy: "25",
r: "10",
fill: "transparent",
"stroke-width": "3",
"stroke-dasharray": "15.7, 15.7",
stroke: "#3be6cb",
"stroke-linecap": "round"
}
},
[
_c("animateTransform", {
attrs: {
attributeName: "transform",
type: "rotate",
values: "360, 25 25;0, 25 25",
dur: "1.5s",
repeatCount: "indefinite"
}
}),
_vm._v(" "),
_c("animate", {
attrs: {
attributeName: "stroke",
values: "#3be6cb;#02bcfe;#3be6cb",
dur: "3s",
repeatCount: "indefinite"
}
})
],
1
)
]),
_vm._v(" "),
_c("div", { staticClass: "loading-tip" }, [_vm._t("default")], 2)
])
};
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
/* style */
const __vue_inject_styles__$1 = function (inject) {
if (!inject) return
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 */
const __vue_scope_id__$1 = undefined;
/* module identifier */
const __vue_module_identifier__$1 = undefined;
/* functional template */
const __vue_is_functional_template__$1 = false;
/* style inject SSR */
/* style inject shadow dom */
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,
false,
createInjector,
undefined,
undefined
);
function loading (Vue) {
Vue.component(__vue_component__$1.name, __vue_component__$1);
}
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;
}
var interopRequireDefault = createCommonjsModule(function (module) {
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
"default": obj
};
}
module.exports = _interopRequireDefault;
});
unwrapExports(interopRequireDefault);
function _arrayLikeToArray(arr, len) {
if (len == null || len > arr.length) len = arr.length;
for (var i = 0, arr2 = new Array(len); i < len; i++) {
arr2[i] = arr[i];
}
return arr2;
}
var arrayLikeToArray = _arrayLikeToArray;
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return arrayLikeToArray(arr);
}
var arrayWithoutHoles = _arrayWithoutHoles;
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
}
var iterableToArray = _iterableToArray;
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);
}
var unsupportedIterableToArray = _unsupportedIterableToArray;
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.");
}
var nonIterableSpread = _nonIterableSpread;
function _toConsumableArray(arr) {
return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
}
var toConsumableArray = _toConsumableArray;
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);
}
module.exports = _typeof;
});
function _arrayWithHoles(arr) {
if (Array.isArray(arr)) return arr;
}
var arrayWithHoles = _arrayWithHoles;
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;
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;
}
var iterableToArrayLimit = _iterableToArrayLimit;
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.");
}
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];
}
}
}
}
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 = (0, _slicedToArray2["default"])(_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 = (0, _slicedToArray2["default"])(_ref3, 2),
xa = _ref5[0],
ya = _ref5[1];
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;
}
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
*/
function checkPointIsInSector(point, rx, ry, r, startAngle, endAngle, clockWise) {
if (!point) return false;
if (getTwoPointDistance(point, [rx, ry]) > r) return false;
if (!clockWise) {
var _deepClone = deepClone([endAngle, startAngle]);
var _deepClone2 = (0, _slicedToArray2["default"])(_deepClone, 2);
startAngle = _deepClone2[0];
endAngle = _deepClone2[1];
}
var reverseBE = startAngle > endAngle;
if (reverseBE) {
var _ref7 = [endAngle, startAngle];
startAngle = _ref7[0];
endAngle = _ref7[1];
}
var minus = endAngle - startAngle;
if (minus >= PI * 2) return true;
var _point2 = (0, _slicedToArray2["default"])(point, 2),
x = _point2[0],
y = _point2[1];
var _getCircleRadianPoint = getCircleRadianPoint(rx, ry, r, startAngle),
_getCircleRadianPoint2 = (0, _slicedToArray2["default"])(_getCircleRadianPoint, 2),
bx = _getCircleRadianPoint2[0],
by = _getCircleRadianPoint2[1];
var _getCircleRadianPoint3 = getCircleRadianPoint(rx, ry, r, endAngle),
_getCircleRadianPoint4 = (0, _slicedToArray2["default"])(_getCircleRadianPoint3, 2),
ex = _getCircleRadianPoint4[0],
ey = _getCircleRadianPoint4[1];
var vPoint = [x - rx, y - ry];
var vBArm = [bx - rx, by - ry];
var vEArm = [ex - rx, ey - ry];
var reverse = minus > PI;
if (reverse) {
var _deepClone3 = deepClone([vEArm, vBArm]);
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
*/
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];
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
*/
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];
return [x, y - halfLineWidth];
});
var moveDownPolyline = polyline.map(function (_ref10) {
var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
x = _ref11[0],
y = _ref11[1];
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 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
*/
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;
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];
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
*/
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
};
exports["default"] = _default;
});
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;
var util$1 = createCommonjsModule(function (module, exports) {
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';
});
}
function deepMerge(target, merged) {
for (var key in merged) {
if (target[key] && (0, _typeof2["default"])(target[key]) === 'object') {
deepMerge(target[key], merged[key]);
continue;
}
if ((0, _typeof2["default"])(merged[key]) === 'object') {
target[key] = (0, util.deepClone)(merged[key], true);
continue;
}
target[key] = merged[key];
}
return target;
}
function mulAdd(nums) {
nums = filterNonNumber(nums);
return nums.reduce(function (all, num) {
return all + num;
}, 0);
}
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: _vm.mergedColor[0],
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:
_vm.mergedColor[0] +
";" +
_vm.mergedColor[1] +
";" +
_vm.mergedColor[0],
dur: "0.5s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
fill: _vm.mergedColor[1],
points:
"27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
}
},
[
_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: _vm.mergedColor[0],
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:
_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__$2 = [];
__vue_render__$2._withStripped = true;
/* style */
const __vue_inject_styles__$2 = function (inject) {
if (!inject) return
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__$2 = undefined;
/* module identifier */
const __vue_module_identifier__$2 = undefined;
/* functional template */
const __vue_is_functional_template__$2 = false;
/* style inject SSR */
/* style inject shadow dom */
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 borderBox1 (Vue) {
Vue.component(__vue_component__$2.name, __vue_component__$2);
}
//
var script$3 = {
name: 'DvBorderBox2',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
return {
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__$3 = script$3;
/* 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("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__$3 = undefined;
/* functional template */
const __vue_is_functional_template__$3 = false;
/* style inject SSR */
/* style inject shadow dom */
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 borderBox2 (Vue) {
Vue.component(__vue_component__$3.name, __vue_component__$3);
}
//
var script$4 = {
name: 'DvBorderBox3',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
return {
ref: 'border-box-3',
defaultColor: ['#2862b7', '#2862b7'],
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__$4 = script$4;
/* 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("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(" "),
_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(" "),
_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__$4 = [];
__vue_render__$4._withStripped = true;
/* style */
const __vue_inject_styles__$4 = function (inject) {
if (!inject) return
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__$4 = undefined;
/* module identifier */
const __vue_module_identifier__$4 = undefined;
/* functional template */
const __vue_is_functional_template__$4 = false;
/* style inject SSR */
/* style inject shadow dom */
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 borderBox3 (Vue) {
Vue.component(__vue_component__$4.name, __vue_component__$4);
}
//
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: 'border-box-4',
defaultColor: ['red', 'rgba(0,0,255,0.8)'],
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__$5 = script$5;
/* 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("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("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__$5 = [];
__vue_render__$5._withStripped = true;
/* style */
const __vue_inject_styles__$5 = function (inject) {
if (!inject) return
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__$5 = undefined;
/* module identifier */
const __vue_module_identifier__$5 = undefined;
/* functional template */
const __vue_is_functional_template__$5 = false;
/* style inject SSR */
/* style inject shadow dom */
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 borderBox4 (Vue) {
Vue.component(__vue_component__$5.name, __vue_component__$5);
}
//
var script$6 = {
name: 'DvBorderBox5',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
reverse: {
type: Boolean,
default: false
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
return {
ref: 'border-box-5',
defaultColor: ['rgba(255, 255, 255, 0.35)', 'rgba(255, 255, 255, 0.20)'],
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__$6 = script$6;
/* 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-border-svg-container " + (_vm.reverse && "dv-reverse"),
attrs: { width: _vm.width, height: _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__$6 = [];
__vue_render__$6._withStripped = true;
/* style */
const __vue_inject_styles__$6 = function (inject) {
if (!inject) return
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__$6 = undefined;
/* module identifier */
const __vue_module_identifier__$6 = undefined;
/* functional template */
const __vue_is_functional_template__$6 = false;
/* style inject SSR */
/* style inject shadow dom */
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 borderBox5 (Vue) {
Vue.component(__vue_component__$6.name, __vue_component__$6);
}
//
var script$7 = {
name: 'DvBorderBox6',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
return {
ref: 'border-box-6',
defaultColor: ['rgba(255, 255, 255, 0.35)', 'gray'],
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__$7 = script$7;
/* 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;
/* 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 });
};
/* 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 */
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
);
function borderBox6 (Vue) {
Vue.component(__vue_component__$7.name, __vue_component__$7);
}
//
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: []
};
},
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__$8 = script$8;
/* 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;
/* 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 */
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
);
function borderBox7 (Vue) {
Vue.component(__vue_component__$8.name, __vue_component__$8);
}
//
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
}
},
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: []
};
},
computed: {
length() {
const {
width,
height
} = this;
return (width + height - 5) * 2;
},
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`;
}
},
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__$9 = script$9;
/* 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;
/* 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 });
};
/* 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 */
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 script$a = {
name: 'DvBorderBox9',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
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: []
};
},
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__$a = script$a;
/* 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;
/* 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 });
};
/* 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 */
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
);
function borderBox9 (Vue) {
Vue.component(__vue_component__$a.name, __vue_component__$a);
}
//
var script$b = {
name: 'DvBorderBox10',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
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;
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']]);
exports["default"] = _default;
});
unwrapExports(keywords);
var lib = createCommonjsModule(function (module, exports) {
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;
var _toConsumableArray2 = interopRequireDefault(toConsumableArray);
var _keywords = interopRequireDefault(keywords);
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 validator(color) {
var isHex = hexReg.test(color);
var isRgb = rgbReg.test(color);
if (isHex || isRgb) return color;
color = getColorByKeyword(color);
if (!color) {
console.error('Color: Invalid color!');
return false;
}
return color;
}
/**
* @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 getColorByKeyword(keyword) {
if (!keyword) {
console.error('getColorByKeywords: Missing parameters!');
return false;
}
if (!_keywords["default"].has(keyword)) return false;
return _keywords["default"].get(keyword);
}
/**
* @description Get the Rgb value of the color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {Array<Number>|Boolean} Rgb value of the color (Invalid input will return false)
*/
function getRgbValue(color) {
if (!color) {
console.error('getRgbValue: Missing parameters!');
return false;
}
color = validator(color);
if (!color) return false;
var isHex = hexReg.test(color);
var isRgb = rgbReg.test(color);
var lowerColor = color.toLowerCase();
if (isHex) return getRgbValueFromHex(lowerColor);
if (isRgb) return getRgbValueFromRgb(lowerColor);
}
/**
* @description Get the rgb value of the hex color
* @param {String} color Hex color
* @return {Array<Number>} Rgb value of the color
*/
function getRgbValueFromHex(color) {
color = color.replace('#', '');
if (color.length === 3) color = Array.from(color).map(function (hexNum) {
return hexNum + hexNum;
}).join('');
color = color.split('');
return new Array(3).fill(0).map(function (t, i) {
return parseInt("0x".concat(color[i * 2]).concat(color[i * 2 + 1]));
});
}
/**
* @description Get the rgb value of the rgb/rgba color
* @param {String} color Hex color
* @return {Array} Rgb value of the color
*/
function getRgbValueFromRgb(color) {
return color.replace(/rgb\(|rgba\(|\)/g, '').split(',').slice(0, 3).map(function (n) {
return parseInt(n);
});
}
/**
* @description Get the Rgba value of the color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {Array<Number>|Boolean} Rgba value of the color (Invalid input will return false)
*/
function getRgbaValue(color) {
if (!color) {
console.error('getRgbaValue: Missing parameters!');
return false;
}
var colorValue = getRgbValue(color);
if (!colorValue) return false;
colorValue.push(getOpacity(color));
return colorValue;
}
/**
* @description Get the opacity of color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {Number|Boolean} Color opacity (Invalid input will return false)
*/
function getOpacity(color) {
if (!color) {
console.error('getOpacity: Missing parameters!');
return false;
}
color = validator(color);
if (!color) return false;
var isRgba = rgbaReg.test(color);
if (!isRgba) return 1;
color = color.toLowerCase();
return Number(color.split(',').slice(-1)[0].replace(/[)|\s]/g, ''));
}
/**
* @description Convert color to Rgb|Rgba color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @param {Number} opacity The opacity of color
* @return {String|Boolean} Rgb|Rgba color (Invalid input will return false)
*/
function toRgb(color, opacity) {
if (!color) {
console.error('toRgb: Missing parameters!');
return false;
}
var rgbValue = getRgbValue(color);
if (!rgbValue) return false;
var addOpacity = typeof opacity === 'number';
if (addOpacity) return 'rgba(' + rgbValue.join(',') + ",".concat(opacity, ")");
return 'rgb(' + rgbValue.join(',') + ')';
}
/**
* @description Convert color to Hex color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {String|Boolean} Hex color (Invalid input will return false)
*/
function toHex(color) {
if (!color) {
console.error('toHex: Missing parameters!');
return false;
}
if (hexReg.test(color)) return color;
color = getRgbValue(color);
if (!color) return false;
return '#' + color.map(function (n) {
return Number(n).toString(16);
}).map(function (n) {
return n === '0' ? '00' : n;
}).join('');
}
/**
* @description Get Color from Rgb|Rgba value
* @param {Array<Number>} value Rgb|Rgba color value
* @return {String|Boolean} Rgb|Rgba color (Invalid input will return false)
*/
function getColorFromRgbValue(value) {
if (!value) {
console.error('getColorFromRgbValue: Missing parameters!');
return false;
}
var valueLength = value.length;
if (valueLength !== 3 && valueLength !== 4) {
console.error('getColorFromRgbValue: Value is illegal!');
return false;
}
var color = valueLength === 3 ? 'rgb(' : 'rgba(';
color += value.join(',') + ')';
return color;
}
/**
* @description Deepen color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {Number} Percent of Deepen (1-100)
* @return {String|Boolean} Rgba color (Invalid input will return false)
*/
function darken(color) {
var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
if (!color) {
console.error('darken: Missing parameters!');
return false;
}
var rgbaValue = getRgbaValue(color);
if (!rgbaValue) return false;
rgbaValue = rgbaValue.map(function (v, i) {
return i === 3 ? v : v - Math.ceil(2.55 * percent);
}).map(function (v) {
return v < 0 ? 0 : v;
});
return getColorFromRgbValue(rgbaValue);
}
/**
* @description Brighten color
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @return {Number} Percent of brighten (1-100)
* @return {String|Boolean} Rgba color (Invalid input will return false)
*/
function lighten(color) {
var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
if (!color) {
console.error('lighten: Missing parameters!');
return false;
}
var rgbaValue = getRgbaValue(color);
if (!rgbaValue) return false;
rgbaValue = rgbaValue.map(function (v, i) {
return i === 3 ? v : v + Math.ceil(2.55 * percent);
}).map(function (v) {
return v > 255 ? 255 : v;
});
return getColorFromRgbValue(rgbaValue);
}
/**
* @description Adjust color opacity
* @param {String} color Hex|Rgb|Rgba color or color keyword
* @param {Number} Percent of opacity
* @return {String|Boolean} Rgba color (Invalid input will return false)
*/
function fade(color) {
var percent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
if (!color) {
console.error('fade: Missing parameters!');
return false;
}
var rgbValue = getRgbValue(color);
if (!rgbValue) return false;
var rgbaValue = [].concat((0, _toConsumableArray2["default"])(rgbValue), [percent / 100]);
return getColorFromRgbValue(rgbaValue);
}
var _default = {
fade: fade,
toHex: toHex,
toRgb: toRgb,
darken: darken,
lighten: lighten,
getOpacity: getOpacity,
getRgbValue: getRgbValue,
getRgbaValue: getRgbaValue,
getColorFromRgbValue: getColorFromRgbValue
};
exports["default"] = _default;
});
unwrapExports(lib);
var lib_1 = lib.getRgbValue;
var lib_2 = lib.getRgbaValue;
var lib_3 = lib.getOpacity;
var lib_4 = lib.toRgb;
var lib_5 = lib.toHex;
var lib_6 = lib.getColorFromRgbValue;
var lib_7 = lib.darken;
var lib_8 = lib.lighten;
var lib_9 = lib.fade;
//
var script$c = {
name: 'DvBorderBox11',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
titleWidth: {
type: Number,
default: 250
},
title: {
type: String,
default: ''
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
const id = uuid();
return {
ref: 'border-box-11',
filterId: `border-box-11-filterId-${id}`,
defaultColor: ['#8aaafb', '#1f33a2'],
mergedColor: []
};
},
watch: {
color() {
const {
mergeColor
} = this;
mergeColor();
}
},
methods: {
mergeColor() {
const {
color,
defaultColor
} = this;
this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
},
fade: lib_9
},
mounted() {
const {
mergeColor
} = this;
mergeColor();
}
};
/* script */
const __vue_script__$c = script$c;
/* template */
var __vue_render__$c = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-11" }, [
_c(
"svg",
{
staticClass: "dv-border-svg-container",
attrs: { width: _vm.width, height: _vm.height }
},
[
_c("defs", [
_c(
"filter",
{
attrs: {
id: _vm.filterId,
height: "150%",
width: "150%",
x: "-25%",
y: "-25%"
}
},
[
_c("feMorphology", {
attrs: {
operator: "dilate",
radius: "2",
in: "SourceAlpha",
result: "thicken"
}
}),
_vm._v(" "),
_c("feGaussianBlur", {
attrs: { in: "thicken", stdDeviation: "3", result: "blurred" }
}),
_vm._v(" "),
_c("feFlood", {
attrs: {
"flood-color": _vm.mergedColor[1],
result: "glowColor"
}
}),
_vm._v(" "),
_c("feComposite", {
attrs: {
in: "glowColor",
in2: "blurred",
operator: "in",
result: "softGlowColored"
}
}),
_vm._v(" "),
_c(
"feMerge",
[
_c("feMergeNode", { attrs: { in: "softGlowColored" } }),
_vm._v(" "),
_c("feMergeNode", { attrs: { in: "SourceGraphic" } })
],
1
)
],
1
)
]),
_vm._v(" "),
_c("polygon", {
attrs: {
fill: _vm.backgroundColor,
points:
"\n 20, 32 " +
(_vm.width * 0.5 - _vm.titleWidth / 2) +
", 32 " +
(_vm.width * 0.5 - _vm.titleWidth / 2 + 20) +
", 53\n " +
(_vm.width * 0.5 + _vm.titleWidth / 2 - 20) +
", 53 " +
(_vm.width * 0.5 + _vm.titleWidth / 2) +
", 32\n " +
(_vm.width - 20) +
", 32 " +
(_vm.width - 8) +
", 48 " +
(_vm.width - 8) +
", " +
(_vm.height - 25) +
" " +
(_vm.width - 20) +
", " +
(_vm.height - 8) +
"\n 20, " +
(_vm.height - 8) +
" 8, " +
(_vm.height - 25) +
" 8, 50\n "
}
}),
_vm._v(" "),
_c("polyline", {
attrs: {
stroke: _vm.mergedColor[0],
filter: "url(#" + _vm.filterId + ")",
points:
"\n " +
(_vm.width - _vm.titleWidth) / 2 +
", 30\n 20, 30 7, 50 7, " +
(50 + (_vm.height - 167) / 2) +
"\n 13, " +
(55 + (_vm.height - 167) / 2) +
" 13, " +
(135 + (_vm.height - 167) / 2) +
"\n 7, " +
(140 + (_vm.height - 167) / 2) +
" 7, " +
(_vm.height - 27) +
"\n 20, " +
(_vm.height - 7) +
" " +
(_vm.width - 20) +
", " +
(_vm.height - 7) +
" " +
(_vm.width - 7) +
", " +
(_vm.height - 27) +
"\n " +
(_vm.width - 7) +
", " +
(140 + (_vm.height - 167) / 2) +
" " +
(_vm.width - 13) +
", " +
(135 + (_vm.height - 167) / 2) +
"\n " +
(_vm.width - 13) +
", " +
(55 + (_vm.height - 167) / 2) +
" " +
(_vm.width - 7) +
", " +
(50 + (_vm.height - 167) / 2) +
"\n " +
(_vm.width - 7) +
", 50 " +
(_vm.width - 20) +
", 30 " +
(_vm.width + _vm.titleWidth) / 2 +
", 30\n " +
((_vm.width + _vm.titleWidth) / 2 - 20) +
", 7 " +
((_vm.width - _vm.titleWidth) / 2 + 20) +
", 7\n " +
(_vm.width - _vm.titleWidth) / 2 +
", 30 " +
((_vm.width - _vm.titleWidth) / 2 + 20) +
", 52\n " +
((_vm.width + _vm.titleWidth) / 2 - 20) +
", 52 " +
(_vm.width + _vm.titleWidth) / 2 +
", 30\n "
}
}),
_vm._v(" "),
_c("polygon", {
attrs: {
stroke: _vm.mergedColor[0],
fill: "transparent",
points:
"\n " +
((_vm.width + _vm.titleWidth) / 2 - 5) +
", 30 " +
((_vm.width + _vm.titleWidth) / 2 - 21) +
", 11\n " +
((_vm.width + _vm.titleWidth) / 2 - 27) +
", 11 " +
((_vm.width + _vm.titleWidth) / 2 - 8) +
", 34\n "
}
}),
_vm._v(" "),
_c("polygon", {
attrs: {
stroke: _vm.mergedColor[0],
fill: "transparent",
points:
"\n " +
((_vm.width - _vm.titleWidth) / 2 + 5) +
", 30 " +
((_vm.width - _vm.titleWidth) / 2 + 22) +
", 49\n " +
((_vm.width - _vm.titleWidth) / 2 + 28) +
", 49 " +
((_vm.width - _vm.titleWidth) / 2 + 8) +
", 26\n "
}
}),
_vm._v(" "),
_c("polygon", {
attrs: {
stroke: _vm.mergedColor[0],
fill: _vm.fade(_vm.mergedColor[1] || _vm.defaultColor[1], 30),
filter: "url(#" + _vm.filterId + ")",
points:
"\n " +
((_vm.width + _vm.titleWidth) / 2 - 11) +
", 37 " +
((_vm.width + _vm.titleWidth) / 2 - 32) +
", 11\n " +
((_vm.width - _vm.titleWidth) / 2 + 23) +
", 11 " +
((_vm.width - _vm.titleWidth) / 2 + 11) +
", 23\n " +
((_vm.width - _vm.titleWidth) / 2 + 33) +
", 49 " +
((_vm.width + _vm.titleWidth) / 2 - 22) +
", 49\n "
}
}),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "1",
points:
"\n " +
((_vm.width - _vm.titleWidth) / 2 - 10) +
", 37 " +
((_vm.width - _vm.titleWidth) / 2 - 31) +
", 37\n " +
((_vm.width - _vm.titleWidth) / 2 - 25) +
", 46 " +
((_vm.width - _vm.titleWidth) / 2 - 4) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "1;0.7;1",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "0.7",
points:
"\n " +
((_vm.width - _vm.titleWidth) / 2 - 40) +
", 37 " +
((_vm.width - _vm.titleWidth) / 2 - 61) +
", 37\n " +
((_vm.width - _vm.titleWidth) / 2 - 55) +
", 46 " +
((_vm.width - _vm.titleWidth) / 2 - 34) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "0.7;0.4;0.7",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "0.5",
points:
"\n " +
((_vm.width - _vm.titleWidth) / 2 - 70) +
", 37 " +
((_vm.width - _vm.titleWidth) / 2 - 91) +
", 37\n " +
((_vm.width - _vm.titleWidth) / 2 - 85) +
", 46 " +
((_vm.width - _vm.titleWidth) / 2 - 64) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "0.5;0.2;0.5",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "1",
points:
"\n " +
((_vm.width + _vm.titleWidth) / 2 + 30) +
", 37 " +
((_vm.width + _vm.titleWidth) / 2 + 9) +
", 37\n " +
((_vm.width + _vm.titleWidth) / 2 + 3) +
", 46 " +
((_vm.width + _vm.titleWidth) / 2 + 24) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "1;0.7;1",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "0.7",
points:
"\n " +
((_vm.width + _vm.titleWidth) / 2 + 60) +
", 37 " +
((_vm.width + _vm.titleWidth) / 2 + 39) +
", 37\n " +
((_vm.width + _vm.titleWidth) / 2 + 33) +
", 46 " +
((_vm.width + _vm.titleWidth) / 2 + 54) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "0.7;0.4;0.7",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"polygon",
{
attrs: {
filter: "url(#" + _vm.filterId + ")",
fill: _vm.mergedColor[0],
opacity: "0.5",
points:
"\n " +
((_vm.width + _vm.titleWidth) / 2 + 90) +
", 37 " +
((_vm.width + _vm.titleWidth) / 2 + 69) +
", 37\n " +
((_vm.width + _vm.titleWidth) / 2 + 63) +
", 46 " +
((_vm.width + _vm.titleWidth) / 2 + 84) +
", 46\n "
}
},
[
_c("animate", {
attrs: {
attributeName: "opacity",
values: "0.5;0.2;0.5",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c(
"text",
{
staticClass: "dv-border-box-11-title",
attrs: {
x: "" + _vm.width / 2,
y: "32",
fill: "#fff",
"font-size": "18",
"text-anchor": "middle",
"dominant-baseline": "middle"
}
},
[_vm._v("\n " + _vm._s(_vm.title) + "\n ")]
),
_vm._v(" "),
_c("polygon", {
attrs: {
fill: _vm.mergedColor[0],
filter: "url(#" + _vm.filterId + ")",
points:
"\n 7, " +
(53 + (_vm.height - 167) / 2) +
" 11, " +
(57 + (_vm.height - 167) / 2) +
"\n 11, " +
(133 + (_vm.height - 167) / 2) +
" 7, " +
(137 + (_vm.height - 167) / 2) +
"\n "
}
}),
_vm._v(" "),
_c("polygon", {
attrs: {
fill: _vm.mergedColor[0],
filter: "url(#" + _vm.filterId + ")",
points:
"\n " +
(_vm.width - 7) +
", " +
(53 + (_vm.height - 167) / 2) +
" " +
(_vm.width - 11) +
", " +
(57 + (_vm.height - 167) / 2) +
"\n " +
(_vm.width - 11) +
", " +
(133 + (_vm.height - 167) / 2) +
" " +
(_vm.width - 7) +
", " +
(137 + (_vm.height - 167) / 2) +
"\n "
}
})
]
),
_vm._v(" "),
_c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
var __vue_staticRenderFns__$c = [];
__vue_render__$c._withStripped = true;
/* style */
const __vue_inject_styles__$c = function (inject) {
if (!inject) return
inject("data-v-10f995ec_0", { source: ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .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-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-11 .dv-border-svg-container > polyline {\n fill: none;\n stroke-width: 1;\n}\n.dv-border-box-11 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
const __vue_scope_id__$c = undefined;
/* module identifier */
const __vue_module_identifier__$c = undefined;
/* functional template */
const __vue_is_functional_template__$c = false;
/* style inject SSR */
/* style inject shadow dom */
const __vue_component__$c = /*#__PURE__*/normalizeComponent(
{ 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,
false,
createInjector,
undefined,
undefined
);
function borderBox11 (Vue) {
Vue.component(__vue_component__$c.name, __vue_component__$c);
}
//
var script$d = {
name: 'DvBorderBox12',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
const id = uuid();
return {
ref: 'border-box-12',
filterId: `borderr-box-12-filterId-${id}`,
defaultColor: ['#2e6099', '#7ce7fd'],
mergedColor: []
};
},
watch: {
color() {
const {
mergeColor
} = this;
mergeColor();
}
},
methods: {
mergeColor() {
const {
color,
defaultColor
} = this;
this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
},
fade: lib_9
},
mounted() {
const {
mergeColor
} = this;
mergeColor();
}
};
/* script */
const __vue_script__$d = script$d;
/* template */
var __vue_render__$d = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-12" }, [
_c(
"svg",
{
staticClass: "dv-border-svg-container",
attrs: { width: _vm.width, height: _vm.height }
},
[
_c("defs", [
_c(
"filter",
{
attrs: {
id: _vm.filterId,
height: "150%",
width: "150%",
x: "-25%",
y: "-25%"
}
},
[
_c("feMorphology", {
attrs: {
operator: "dilate",
radius: "1",
in: "SourceAlpha",
result: "thicken"
}
}),
_vm._v(" "),
_c("feGaussianBlur", {
attrs: { in: "thicken", stdDeviation: "2", result: "blurred" }
}),
_vm._v(" "),
_c(
"feFlood",
{
attrs: {
"flood-color": _vm.fade(
_vm.mergedColor[1] || _vm.defaultColor[1],
70
),
result: "glowColor"
}
},
[
_c("animate", {
attrs: {
attributeName: "flood-color",
values:
"\n " +
_vm.fade(
_vm.mergedColor[1] || _vm.defaultColor[1],
70
) +
";\n " +
_vm.fade(
_vm.mergedColor[1] || _vm.defaultColor[1],
30
) +
";\n " +
_vm.fade(
_vm.mergedColor[1] || _vm.defaultColor[1],
70
) +
";\n ",
dur: "3s",
begin: "0s",
repeatCount: "indefinite"
}
})
]
),
_vm._v(" "),
_c("feComposite", {
attrs: {
in: "glowColor",
in2: "blurred",
operator: "in",
result: "softGlowColored"
}
}),
_vm._v(" "),
_c(
"feMerge",
[
_c("feMergeNode", { attrs: { in: "softGlowColored" } }),
_vm._v(" "),
_c("feMergeNode", { attrs: { in: "SourceGraphic" } })
],
1
)
],
1
)
]),
_vm._v(" "),
_vm.width && _vm.height
? _c("path", {
attrs: {
fill: _vm.backgroundColor,
"stroke-width": "2",
stroke: _vm.mergedColor[0],
d:
"\n M15 5 L " +
(_vm.width - 15) +
" 5 Q " +
(_vm.width - 5) +
" 5, " +
(_vm.width - 5) +
" 15\n L " +
(_vm.width - 5) +
" " +
(_vm.height - 15) +
" Q " +
(_vm.width - 5) +
" " +
(_vm.height - 5) +
", " +
(_vm.width - 15) +
" " +
(_vm.height - 5) +
"\n L 15, " +
(_vm.height - 5) +
" Q 5 " +
(_vm.height - 5) +
" 5 " +
(_vm.height - 15) +
" L 5 15\n Q 5 5 15 5\n "
}
})
: _vm._e(),
_vm._v(" "),
_c("path", {
attrs: {
"stroke-width": "2",
fill: "transparent",
"stroke-linecap": "round",
filter: "url(#" + _vm.filterId + ")",
stroke: _vm.mergedColor[1],
d: "M 20 5 L 15 5 Q 5 5 5 15 L 5 20"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
"stroke-width": "2",
fill: "transparent",
"stroke-linecap": "round",
filter: "url(#" + _vm.filterId + ")",
stroke: _vm.mergedColor[1],
d:
"M " +
(_vm.width - 20) +
" 5 L " +
(_vm.width - 15) +
" 5 Q " +
(_vm.width - 5) +
" 5 " +
(_vm.width - 5) +
" 15 L " +
(_vm.width - 5) +
" 20"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
"stroke-width": "2",
fill: "transparent",
"stroke-linecap": "round",
filter: "url(#" + _vm.filterId + ")",
stroke: _vm.mergedColor[1],
d:
"\n M " +
(_vm.width - 20) +
" " +
(_vm.height - 5) +
" L " +
(_vm.width - 15) +
" " +
(_vm.height - 5) +
"\n Q " +
(_vm.width - 5) +
" " +
(_vm.height - 5) +
" " +
(_vm.width - 5) +
" " +
(_vm.height - 15) +
"\n L " +
(_vm.width - 5) +
" " +
(_vm.height - 20) +
"\n "
}
}),
_vm._v(" "),
_c("path", {
attrs: {
"stroke-width": "2",
fill: "transparent",
"stroke-linecap": "round",
filter: "url(#" + _vm.filterId + ")",
stroke: _vm.mergedColor[1],
d:
"\n M 20 " +
(_vm.height - 5) +
" L 15 " +
(_vm.height - 5) +
"\n Q 5 " +
(_vm.height - 5) +
" 5 " +
(_vm.height - 15) +
"\n L 5 " +
(_vm.height - 20) +
"\n "
}
})
]
),
_vm._v(" "),
_c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
var __vue_staticRenderFns__$d = [];
__vue_render__$d._withStripped = true;
/* style */
const __vue_inject_styles__$d = function (inject) {
if (!inject) return
inject("data-v-40c58fd4_0", { source: ".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-12 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n"]}, media: undefined });
};
/* scoped */
const __vue_scope_id__$d = undefined;
/* module identifier */
const __vue_module_identifier__$d = undefined;
/* functional template */
const __vue_is_functional_template__$d = false;
/* style inject SSR */
/* style inject shadow dom */
const __vue_component__$d = /*#__PURE__*/normalizeComponent(
{ 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,
false,
createInjector,
undefined,
undefined
);
function borderBox12 (Vue) {
Vue.component(__vue_component__$d.name, __vue_component__$d);
}
//
var script$e = {
name: 'DvBorderBox13',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
},
backgroundColor: {
type: String,
default: 'transparent'
}
},
data() {
return {
ref: 'border-box-13',
defaultColor: ['#6586ec', '#2cf7fe'],
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__$e = script$e;
/* template */
var __vue_render__$e = function() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", { ref: _vm.ref, staticClass: "dv-border-box-13" }, [
_c(
"svg",
{
staticClass: "dv-border-svg-container",
attrs: { width: _vm.width, height: _vm.height }
},
[
_c("path", {
attrs: {
fill: _vm.backgroundColor,
stroke: _vm.mergedColor[0],
d:
"\n M 5 20 L 5 10 L 12 3 L 60 3 L 68 10\n L " +
(_vm.width - 20) +
" 10 L " +
(_vm.width - 5) +
" 25\n L " +
(_vm.width - 5) +
" " +
(_vm.height - 5) +
" L 20 " +
(_vm.height - 5) +
"\n L 5 " +
(_vm.height - 20) +
" L 5 20\n "
}
}),
_vm._v(" "),
_c("path", {
attrs: {
fill: "transparent",
"stroke-width": "3",
"stroke-linecap": "round",
"stroke-dasharray": "10, 5",
stroke: _vm.mergedColor[0],
d: "M 16 9 L 61 9"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
fill: "transparent",
stroke: _vm.mergedColor[1],
d: "M 5 20 L 5 10 L 12 3 L 60 3 L 68 10"
}
}),
_vm._v(" "),
_c("path", {
attrs: {
fill: "transparent",
stroke: _vm.mergedColor[1],
d:
"M " +
(_vm.width - 5) +
" " +
(_vm.height - 30) +
" L " +
(_vm.width - 5) +
" " +
(_vm.height - 5) +
" L " +
(_vm.width - 30) +
" " +
(_vm.height - 5)
}
})
]
),
_vm._v(" "),
_c("div", { staticClass: "border-box-content" }, [_vm._t("default")], 2)
])
};
var __vue_staticRenderFns__$e = [];
__vue_render__$e._withStripped = true;
/* style */
const __vue_inject_styles__$e = function (inject) {
if (!inject) return
inject("data-v-6c30a53b_0", { source: ".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .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,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd","file":"main.vue","sourcesContent":[".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n}\n.dv-border-box-13 .border-box-content {\n position: relative;\n width: 100%;\n height: 100%;\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 */
/* style inject shadow dom */
const __vue_component__$e = /*#__PURE__*/normalizeComponent(
{ 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,
false,
createInjector,
undefined,
undefined
);
function borderBox13 (Vue) {
Vue.component(__vue_component__$e.name, __vue_component__$e);
}
//
var script$f = {
name: 'DvDecoration1',
mixins: [autoResize],
props: {
color: {
type: Array,
default: () => []
}
},
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: [],
defaultColor: ['#fff', '#0de7c2'],
mergedColor: []
};
},
watch: {
color() {
const {
mergeColor
} = this;
mergeColor();
}
},
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() {
const {
width,
height,
svgWH
} = this;
const [w, h] = svgWH;
this.svgScale = [width / w, height / h];
},
onResize() {
const {
calcSVGData
} = this;
calcSVGData();
},
mergeColor() {
const {
color,
defaultColor
} = this;
this.mergedColor = util_2$1(util_1(defaultColor, true), color || []);
}
},
mounted() {
const {
mergeColor
} = this;
mergeColor();
}
};
/* 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-1" }, [
_c(
"svg",
{
style:
"transform:scale(" + _vm.svgScale[0] + "," + _vm.svgScale[1] + ");",
attrs: { width: _vm.svgWH[0] + "px", height: _vm.svgWH[1] + "px" }
},
[
_vm._l(_vm.points, function(point, i) {
return [
Math.random() > 0.6
? _c(
"rect",
{
key: i,
attrs: {
fill: _vm.mergedColor[0],
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: _vm.mergedColor[0] + ";transparent",
dur: "1s",
begin: Math.random() * 2,
repeatCount: "indefinite"
}
})
: _vm._e()
]
)
: _vm._e()
]
}),
_vm._v(" "),
_vm.rects[0]
? _c(
"rect",
{
attrs: {
fill: _vm.mergedColor[1],
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),
gitextract_6ik26r78/ ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug_report.md │ │ ├── feature_request.md │ │ └── new_component_request.md │ └── PULL_REQUEST_TEMPLATE.md ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── README_EN.md ├── build/ │ ├── entry.js │ ├── index.js │ ├── plugin/ │ │ ├── exec.js │ │ └── print.js │ ├── rollup.config.js │ └── rollup.terser.config.js ├── deploy/ │ ├── index.js │ └── plugin/ │ ├── ftp.js │ ├── nodeParams.js │ └── print.js ├── dist/ │ ├── datav.map.vue.js │ └── datav.min.vue.js ├── lib/ │ ├── components/ │ │ ├── activeRingChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox1/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox10/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox11/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox12/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox13/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox2/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox3/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox4/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox5/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox6/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox7/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox8/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── borderBox9/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── capsuleChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── charts/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── conicalColumnChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration1/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration10/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration11/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration12/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration2/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration3/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration4/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration5/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration6/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration7/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration8/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── decoration9/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── digitalFlop/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── flylineChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── flylineChartEnhanced/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── fullScreenContainer/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── loading/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── percentPond/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── scrollBoard/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ ├── scrollRankingBoard/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ ├── main.css │ │ │ └── main.vue │ │ └── waterLevelPond/ │ │ ├── index.js │ │ └── src/ │ │ ├── main.css │ │ └── main.vue │ ├── index.js │ ├── mixin/ │ │ └── autoResize.js │ └── util/ │ └── index.js ├── package.json ├── src/ │ ├── components/ │ │ ├── activeRingChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox1/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox10/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox11/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox12/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox13/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox2/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox3/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox4/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox5/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox6/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox7/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox8/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── borderBox9/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── capsuleChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── charts/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── conicalColumnChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration1/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration10/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration11/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration12/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration2/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration3/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration4/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration5/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration6/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration7/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration8/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── decoration9/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── digitalFlop/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── flylineChart/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── flylineChartEnhanced/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── fullScreenContainer/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── loading/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── percentPond/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── scrollBoard/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ ├── scrollRankingBoard/ │ │ │ ├── index.js │ │ │ └── src/ │ │ │ └── main.vue │ │ └── waterLevelPond/ │ │ ├── index.js │ │ └── src/ │ │ └── main.vue │ ├── index.js │ ├── mixin/ │ │ └── autoResize.js │ └── util/ │ └── index.js └── umdExample.html
SYMBOL INDEX (1331 symbols across 13 files)
FILE: build/index.js
constant PACKAGE_SRC (line 6) | const PACKAGE_SRC = './src'
constant COMPILE_SRC (line 7) | const COMPILE_SRC = './lib'
constant COMPONENTS_DIR (line 8) | const COMPONENTS_DIR = '/components'
constant ENTRANCE (line 9) | const ENTRANCE = '/index.js'
function start (line 12) | async function start () {
function abstractLessFromVue (line 97) | async function abstractLessFromVue () {
function compileLessToCss (line 135) | async function compileLessToCss () {
function addCssImport (line 161) | async function addCssImport () {
function addComponentsExport (line 185) | async function addComponentsExport () {
function compileUMDVersion (line 207) | async function compileUMDVersion () {
FILE: build/plugin/exec.js
function doExec (line 3) | function doExec (execString, maxBuffer = 1024 ** 5) {
FILE: build/plugin/print.js
method log (line 2) | log (info) {
method warn (line 5) | warn (info) {
method error (line 8) | error (info) {
method tip (line 11) | tip (info) {
method success (line 14) | success (info) {
method yellow (line 17) | yellow (info) {
FILE: deploy/index.js
constant DIST_PATH (line 15) | const DIST_PATH = './dist/'
constant FTP_PATH (line 16) | const FTP_PATH = './datav/'
FILE: deploy/plugin/ftp.js
function getList (line 1) | async function getList (ftp, src) {
function rmDir (line 15) | async function rmDir (ftp, src, recusive = true) {
function deleteFile (line 29) | async function deleteFile (ftp, src) {
function emptyDir (line 43) | async function emptyDir (ftp, src, except = []) {
function put (line 64) | async function put (ftp, src, dest) {
function mkDir (line 78) | async function mkDir (ftp, src, recusive = true) {
FILE: deploy/plugin/nodeParams.js
function getNodeParams (line 1) | function getNodeParams () {
FILE: deploy/plugin/print.js
method log (line 2) | log (info) {
method warn (line 5) | warn (info) {
method error (line 8) | error (info) {
method tip (line 11) | tip (info) {
method success (line 14) | success (info) {
method yellow (line 17) | yellow (info) {
FILE: dist/datav.map.vue.js
function randomExtend (line 9) | function randomExtend(minNum, maxNum) {
function debounce (line 16) | function debounce(delay, callback) {
function observerDomResize (line 26) | function observerDomResize(dom, callback) {
function getPointDistance (line 36) | function getPointDistance(pointOne, pointTwo) {
function uuid (line 41) | function uuid(hasHyphen) {
method data (line 50) | data() {
method autoResizeMixinInit (line 61) | async autoResizeMixinInit() {
method initWH (line 74) | initWH(resize = true) {
method getDebounceInitWHFun (line 99) | getDebounceInitWHFun() {
method bindDomResizeCallback (line 106) | bindDomResizeCallback() {
method unbindDomResizeCallback (line 115) | unbindDomResizeCallback() {
method mounted (line 129) | mounted() {
method beforeDestroy (line 136) | beforeDestroy() {
method data (line 150) | data() {
method afterAutoResizeMixinInit (line 161) | afterAutoResizeMixinInit() {
method initConfig (line 171) | initConfig() {
method setAppScale (line 184) | setAppScale() {
method onResize (line 193) | onResize() {
function normalizeComponent (line 203) | function normalizeComponent(template, style, script, scopeId, isFunction...
function createInjector (line 280) | function createInjector(context) {
function addStyle (line 285) | function addStyle(id, css) {
function fullScreenContainer (line 380) | function fullScreenContainer (Vue) {
function loading (line 569) | function loading (Vue) {
function unwrapExports (line 573) | function unwrapExports (x) {
function createCommonjsModule (line 577) | function createCommonjsModule(fn, module) {
function _interopRequireDefault (line 582) | function _interopRequireDefault(obj) {
function _arrayLikeToArray (line 593) | function _arrayLikeToArray(arr, len) {
function _arrayWithoutHoles (line 605) | function _arrayWithoutHoles(arr) {
function _iterableToArray (line 611) | function _iterableToArray(iter) {
function _unsupportedIterableToArray (line 617) | function _unsupportedIterableToArray(o, minLen) {
function _nonIterableSpread (line 628) | function _nonIterableSpread() {
function _toConsumableArray (line 634) | function _toConsumableArray(arr) {
function _typeof (line 641) | function _typeof(obj) {
function _arrayWithHoles (line 660) | function _arrayWithHoles(arr) {
function _iterableToArrayLimit (line 666) | function _iterableToArrayLimit(arr, i) {
function _nonIterableRest (line 695) | function _nonIterableRest() {
function _slicedToArray (line 701) | function _slicedToArray(arr, i) {
function deepClone (line 750) | function deepClone(object) {
function eliminateBlur (line 779) | function eliminateBlur(points) {
function checkPointIsInCircle (line 798) | function checkPointIsInCircle(point, rx, ry, r) {
function getTwoPointDistance (line 809) | function getTwoPointDistance(_ref3, _ref4) {
function checkPointIsInPolygon (line 830) | function checkPointIsInPolygon(point, polygon) {
function checkPointIsInSector (line 872) | function checkPointIsInSector(point, rx, ry, r, startAngle, endAngle, cl...
function isClockWise (line 937) | function isClockWise(vArm, vPoint) {
function checkPointIsNearPolyline (line 957) | function checkPointIsNearPolyline(point, polyline, lineWidth) {
function checkPointIsInRect (line 987) | function checkPointIsInRect(_ref12, x, y, width, height) {
function getRotatePointPos (line 1008) | function getRotatePointPos() {
function getScalePointPos (line 1035) | function getScalePointPos() {
function getTranslatePointPos (line 1066) | function getTranslatePointPos(translate, point) {
function getDistanceBetweenPointAndLine (line 1088) | function getDistanceBetweenPointAndLine(point, lineBegin, lineEnd) {
function getCircleRadianPoint (line 1120) | function getCircleRadianPoint(x, y, radius, radian) {
function getRegularPolygonPoints (line 1134) | function getRegularPolygonPoints(rx, ry, r, side) {
function filterNonNumber (line 1203) | function filterNonNumber(array) {
function deepMerge (line 1209) | function deepMerge(target, merged) {
function mulAdd (line 1227) | function mulAdd(nums) {
function mergeSameStackData (line 1234) | function mergeSameStackData(item, series) {
function getTwoPointDistance (line 1257) | function getTwoPointDistance(pointOne, pointTwo) {
function getLinearGradientColor (line 1263) | function getLinearGradientColor(ctx, begin, end, color) {
function getPolylineLength (line 1275) | function getPolylineLength(points) {
function getPointToLineDistance (line 1285) | function getPointToLineDistance(point, linePointOne, linePointTwo) {
function initNeedSeries (line 1292) | function initNeedSeries(series, config, type) {
function radianToAngle (line 1306) | function radianToAngle(radian) {
method data (line 1338) | data() {
method color (line 1348) | color() {
method mergeColor (line 1357) | mergeColor() {
method mounted (line 1367) | mounted() {
function borderBox1 (line 1616) | function borderBox1 (Vue) {
method data (line 1635) | data() {
method color (line 1644) | color() {
method mergeColor (line 1653) | mergeColor() {
method mounted (line 1663) | mounted() {
function borderBox2 (line 1806) | function borderBox2 (Vue) {
method data (line 1825) | data() {
method color (line 1834) | color() {
method mergeColor (line 1843) | mergeColor() {
method mounted (line 1853) | mounted() {
function borderBox3 (line 2001) | function borderBox3 (Vue) {
method data (line 2024) | data() {
method color (line 2033) | color() {
method mergeColor (line 2042) | mergeColor() {
method mounted (line 2052) | mounted() {
function borderBox4 (line 2219) | function borderBox4 (Vue) {
method data (line 2242) | data() {
method color (line 2251) | color() {
method mergeColor (line 2260) | mergeColor() {
method mounted (line 2270) | mounted() {
function borderBox5 (line 2440) | function borderBox5 (Vue) {
method data (line 2459) | data() {
method color (line 2468) | color() {
method mergeColor (line 2477) | mergeColor() {
method mounted (line 2487) | mounted() {
function borderBox6 (line 2704) | function borderBox6 (Vue) {
method data (line 2723) | data() {
method color (line 2732) | color() {
method mergeColor (line 2741) | mergeColor() {
method mounted (line 2751) | mounted() {
function borderBox7 (line 2937) | function borderBox7 (Vue) {
method data (line 2964) | data() {
method length (line 2977) | length() {
method pathD (line 2985) | pathD() {
method color (line 2997) | color() {
method mergeColor (line 3006) | mergeColor() {
method mounted (line 3016) | mounted() {
function borderBox8 (line 3184) | function borderBox8 (Vue) {
method data (line 3203) | data() {
method color (line 3215) | color() {
method mergeColor (line 3224) | mergeColor() {
method mounted (line 3234) | mounted() {
function borderBox9 (line 3627) | function borderBox9 (Vue) {
method data (line 3646) | data() {
method color (line 3656) | color() {
method mergeColor (line 3665) | mergeColor() {
method mounted (line 3675) | mounted() {
function borderBox10 (line 3791) | function borderBox10 (Vue) {
function validator (line 3840) | function validator(color) {
function getColorByKeyword (line 3860) | function getColorByKeyword(keyword) {
function getRgbValue (line 3876) | function getRgbValue(color) {
function getRgbValueFromHex (line 3897) | function getRgbValueFromHex(color) {
function getRgbValueFromRgb (line 3914) | function getRgbValueFromRgb(color) {
function getRgbaValue (line 3926) | function getRgbaValue(color) {
function getOpacity (line 3944) | function getOpacity(color) {
function toRgb (line 3965) | function toRgb(color, opacity) {
function toHex (line 3984) | function toHex(color) {
function getColorFromRgbValue (line 4006) | function getColorFromRgbValue(value) {
function darken (line 4031) | function darken(color) {
function lighten (line 4056) | function lighten(color) {
function fade (line 4081) | function fade(color) {
method data (line 4143) | data() {
method color (line 4154) | color() {
method mergeColor (line 4163) | mergeColor() {
method mounted (line 4174) | mounted() {
function borderBox11 (line 4697) | function borderBox11 (Vue) {
method data (line 4716) | data() {
method color (line 4727) | color() {
method mergeColor (line 4736) | mergeColor() {
method mounted (line 4747) | mounted() {
function borderBox12 (line 5023) | function borderBox12 (Vue) {
method data (line 5042) | data() {
method color (line 5051) | color() {
method mergeColor (line 5060) | mergeColor() {
method mounted (line 5070) | mounted() {
function borderBox13 (line 5194) | function borderBox13 (Vue) {
method data (line 5209) | data() {
method color (line 5227) | color() {
method afterAutoResizeMixinInit (line 5236) | afterAutoResizeMixinInit() {
method calcSVGData (line 5243) | calcSVGData() {
method calcPointsPosition (line 5254) | calcPointsPosition() {
method calcRectsPosition (line 5267) | calcRectsPosition() {
method calcScale (line 5277) | calcScale() {
method onResize (line 5287) | onResize() {
method mergeColor (line 5294) | mergeColor() {
method mounted (line 5304) | mounted() {
function decoration1 (line 5498) | function decoration1 (Vue) {
method data (line 5521) | data() {
method color (line 5534) | color() {
method reverse (line 5541) | reverse() {
method afterAutoResizeMixinInit (line 5550) | afterAutoResizeMixinInit() {
method calcSVGData (line 5557) | calcSVGData() {
method onResize (line 5577) | onResize() {
method mergeColor (line 5584) | mergeColor() {
method mounted (line 5594) | mounted() {
function decoration2 (line 5707) | function decoration2 (Vue) {
method data (line 5722) | data() {
method color (line 5739) | color() {
method afterAutoResizeMixinInit (line 5748) | afterAutoResizeMixinInit() {
method calcSVGData (line 5755) | calcSVGData() {
method calcPointsPosition (line 5764) | calcPointsPosition() {
method calcScale (line 5777) | calcScale() {
method onResize (line 5787) | onResize() {
method mergeColor (line 5794) | mergeColor() {
method mounted (line 5804) | mounted() {
function decoration3 (line 5899) | function decoration3 (Vue) {
method data (line 5922) | data() {
method color (line 5931) | color() {
method mergeColor (line 5940) | mergeColor() {
method mounted (line 5950) | mounted() {
function decoration4 (line 6055) | function decoration4 (Vue) {
method data (line 6074) | data() {
method color (line 6087) | color() {
method afterAutoResizeMixinInit (line 6096) | afterAutoResizeMixinInit() {
method calcSVGData (line 6103) | calcSVGData() {
method onResize (line 6120) | onResize() {
method mergeColor (line 6127) | mergeColor() {
method mounted (line 6137) | mounted() {
function decoration5 (line 6248) | function decoration5 (Vue) {
method data (line 6263) | data() {
method color (line 6283) | color() {
method afterAutoResizeMixinInit (line 6292) | afterAutoResizeMixinInit() {
method calcSVGData (line 6299) | calcSVGData() {
method calcPointsPosition (line 6308) | calcPointsPosition() {
method calcScale (line 6324) | calcScale() {
method onResize (line 6334) | onResize() {
method mergeColor (line 6341) | mergeColor() {
method mounted (line 6351) | mounted() {
function decoration6 (line 6471) | function decoration6 (Vue) {
method data (line 6485) | data() {
method color (line 6493) | color() {
method mergeColor (line 6502) | mergeColor() {
method mounted (line 6512) | mounted() {
function decoration7 (line 6612) | function decoration7 (Vue) {
method data (line 6631) | data() {
method color (line 6640) | color() {
method xPos (line 6649) | xPos(pos) {
method mergeColor (line 6658) | mergeColor() {
method mounted (line 6668) | mounted() {
function decoration8 (line 6766) | function decoration8 (Vue) {
method data (line 6785) | data() {
method color (line 6798) | color() {
method afterAutoResizeMixinInit (line 6807) | afterAutoResizeMixinInit() {
method calcScale (line 6814) | calcScale() {
method onResize (line 6824) | onResize() {
method mergeColor (line 6831) | mergeColor() {
method mounted (line 6842) | mounted() {
function decoration9 (line 7027) | function decoration9 (Vue) {
method data (line 7042) | data() {
method color (line 7059) | color() {
method mergeColor (line 7068) | mergeColor() {
method mounted (line 7078) | mounted() {
function decoration10 (line 7393) | function decoration10 (Vue) {
method data (line 7408) | data() {
method color (line 7417) | color() {
method mergeColor (line 7426) | mergeColor() {
method mounted (line 7437) | mounted() {
function decoration11 (line 7608) | function decoration11 (Vue) {
method data (line 7639) | data() {
method color (line 7661) | color() {
method x (line 7670) | x() {
method y (line 7677) | y() {
method init (line 7686) | init() {
method mergeColor (line 7703) | mergeColor() {
method calcPathD (line 7711) | calcPathD() {
method calcPathColor (line 7731) | calcPathColor() {
method calcCircleR (line 7740) | calcCircleR() {
method calcSplitLinePoints (line 7751) | calcSplitLinePoints() {
method calcArcD (line 7768) | calcArcD() {
method afterAutoResizeMixinInit (line 7785) | afterAutoResizeMixinInit() {
function decoration12 (line 7996) | function decoration12 (Vue) {
function _classCallCheck (line 8000) | function _classCallCheck(instance, Constructor) {
function _defineProperty (line 8008) | function _defineProperty(obj, key, value) {
function abstractBezierCurveToPolyline (line 8069) | function abstractBezierCurveToPolyline(bezierCurve) {
function createGetBezierCurveTPointFun (line 8097) | function createGetBezierCurveTPointFun(beginPoint, controlPoint1, contro...
function getTwoPointDistance (line 8115) | function getTwoPointDistance(_ref, _ref2) {
function getNumsSum (line 8133) | function getNumsSum(nums) {
function getSegmentPointsDistance (line 8145) | function getSegmentPointsDistance(segmentPoints) {
function getSegmentPointsByNum (line 8159) | function getSegmentPointsByNum(getSegmentTPointFuns, segmentPointsNum) {
function getAllDeviations (line 8175) | function getAllDeviations(segmentPointsDistance, avgLength) {
function calcUniformPointsByIteration (line 8199) | function calcUniformPointsByIteration(segmentPoints, getSegmentTPointFun...
function bezierCurveToPolyline (line 8300) | function bezierCurveToPolyline(bezierCurve) {
function getBezierCurveLength (line 8331) | function getBezierCurveLength(bezierCurve) {
function polylineToBezierCurve (line 8387) | function polylineToBezierCurve(polyline) {
function getBezierCurveLineControlPoints (line 8422) | function getBezierCurveLineControlPoints(polyline, index) {
function closeBezierCurve (line 8448) | function closeBezierCurve(bezierCurve, startPoint) {
function getSymmetryPoint (line 8462) | function getSymmetryPoint(point, centerPoint) {
function drawPolylinePath (line 8544) | function drawPolylinePath(ctx, points) {
function drawBezierCurvePath (line 8565) | function drawBezierCurvePath(ctx, points) {
function extendNewGraph (line 9467) | function extendNewGraph(name, config) {
function wrap (line 9524) | function wrap(innerFn, outerFn, self, tryLocsList) {
function tryCatch (line 9548) | function tryCatch(fn, obj, arg) {
function Generator (line 9569) | function Generator() {}
function GeneratorFunction (line 9570) | function GeneratorFunction() {}
function GeneratorFunctionPrototype (line 9571) | function GeneratorFunctionPrototype() {}
function defineIteratorMethods (line 9599) | function defineIteratorMethods(prototype) {
function AsyncIterator (line 9638) | function AsyncIterator(generator, PromiseImpl) {
function makeInvokeMethod (line 9729) | function makeInvokeMethod(innerFn, self, context) {
function maybeInvokeDelegate (line 9811) | function maybeInvokeDelegate(delegate, context) {
function pushTryEntry (line 9909) | function pushTryEntry(locs) {
function resetTryEntry (line 9924) | function resetTryEntry(entry) {
function Context (line 9931) | function Context(tryLocsList) {
function values (line 9967) | function values(iterable) {
function doneResult (line 10003) | function doneResult() {
function handle (line 10054) | function handle(loc, caught) {
function asyncGeneratorStep (line 10239) | function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, ar...
function _asyncToGenerator (line 10255) | function _asyncToGenerator(fn) {
function initTransform (line 10593) | function initTransform(ctx, style) {
function initGraphStyle (line 10615) | function initGraphStyle(ctx, style) {
function initGradient (line 10658) | function initGradient(ctx, style) {
function gradientValidator (line 10689) | function gradientValidator(style) {
function getAutoColorStops (line 10733) | function getAutoColorStops(color) {
function transition (line 10925) | function transition(tBC) {
function checkParams (line 10955) | function checkParams(tBC) {
function getBezierCurve (line 10990) | function getBezierCurve(tBC) {
function getFrameStateProgress (line 11011) | function getFrameStateProgress(bezierCurve, frameNum) {
function getFrameStateFromT (line 11029) | function getFrameStateFromT(bezierCurve, t) {
function getBezierCurvePointFromT (line 11042) | function getBezierCurvePointFromT(bezierCurve, t) {
function getBezierCurvePointTFromReT (line 11068) | function getBezierCurvePointTFromReT(bezierCurve, t) {
function getBezierCurveTState (line 11083) | function getBezierCurveTState(_ref, t) {
function getTransitionState (line 11111) | function getTransitionState(begin, end, frameState) {
function getNumberTransitionState (line 11131) | function getNumberTransitionState(begin, end, frameState) {
function getArrayTransitionState (line 11146) | function getArrayTransitionState(begin, end, frameState) {
function getObjectTransitionState (line 11167) | function getObjectTransitionState(begin, end, frameState) {
function recursionTransitionState (line 11193) | function recursionTransitionState(begin, end, frameState) {
function injectNewCurve (line 11222) | function injectNewCurve(key, curve) {
function delay (line 11723) | function delay(time) {
function ownKeys (line 11757) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 11759) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function animation (line 11963) | function animation(callback, timeStamp) {
function animationAble (line 11984) | function animationAble(graphs) {
function mouseDown (line 11995) | function mouseDown(e) {
function mouseMove (line 12009) | function mouseMove(e) {
function mouseUp (line 12080) | function mouseUp(e) {
function ownKeys (line 12162) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 12164) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function changeDefaultConfig (line 14637) | function changeDefaultConfig(key, config) {
function mergeColor (line 14667) | function mergeColor(chart) {
function delRedundanceGraph (line 14768) | function delRedundanceGraph(updater, series) {
function changeGraphs (line 14784) | function changeGraphs(cache, seriesItem, i, updater) {
function balanceGraphsNum (line 14797) | function balanceGraphsNum(graphs, graphConfig, render) {
function addGraphs (line 14816) | function addGraphs(graphs, seriesItem, i, updater) {
function updateGraphConfigByKey (line 14844) | function updateGraphConfigByKey(graph, config) {
function doUpdate (line 14855) | function doUpdate() {
function title (line 14905) | function title(chart) {
function getTitleConfig (line 14921) | function getTitleConfig(titleItem, updater) {
function getTitleShape (line 14938) | function getTitleShape(titleItem, updater) {
function getTitleStyle (line 14956) | function getTitleStyle(titleItem) {
function ownKeys (line 14986) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 14988) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function grid (line 14990) | function grid(chart) {
function getGridConfig (line 15002) | function getGridConfig(gridItem, updater) {
function getGridShape (line 15019) | function getGridShape(gridItem, updater) {
function getNumberValue (line 15038) | function getNumberValue(val, all) {
function getGridStyle (line 15044) | function getGridStyle(gridItem) {
function ownKeys (line 15078) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 15080) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function axis (line 15089) | function axis(chart) {
function getAllAxis (line 15145) | function getAllAxis(xAxis, yAxis) {
function mergeDefaultAxisConfig (line 15182) | function mergeDefaultAxisConfig(allAxis) {
function mergeDefaultBoundaryGap (line 15200) | function mergeDefaultBoundaryGap(allAxis) {
function calcAxisLabelData (line 15220) | function calcAxisLabelData(allAxis, series) {
function calcValueAxisLabelData (line 15234) | function calcValueAxisLabelData(valueAxis, series) {
function getValueAxisMaxMinValue (line 15264) | function getValueAxisMaxMinValue(axis, series) {
function getSeriesMinMaxValue (line 15284) | function getSeriesMinMaxValue(series) {
function mergeStackData (line 15297) | function mergeStackData(series) {
function getTrueMinMax (line 15306) | function getTrueMinMax(_ref11, _ref12) {
function getValueLever (line 15345) | function getValueLever(value) {
function testMinMaxType (line 15354) | function testMinMaxType(val) {
function getValueAxisLabelFromZero (line 15361) | function getValueAxisLabelFromZero(min, max, interval) {
function getValueAxisLabelFromMin (line 15378) | function getValueAxisLabelFromMin(min, max, interval) {
function getAfterFormatterLabel (line 15389) | function getAfterFormatterLabel(label, formatter) {
function calcLabelAxisLabelData (line 15403) | function calcLabelAxisLabelData(labelAxis) {
function getValueInterval (line 15413) | function getValueInterval(min, max, axis) {
function setAxisPosition (line 15433) | function setAxisPosition(allAxis) {
function calcAxisLinePosition (line 15457) | function calcAxisLinePosition(allAxis, chart) {
function calcAxisTickPosition (line 15484) | function calcAxisTickPosition(allAxis, chart) {
function getTickLinePosition (line 15520) | function getTickLinePosition(axisType, boundaryGap, position, tickPositi...
function calcAxisNamePosition (line 15544) | function calcAxisNamePosition(allAxis, chart) {
function calcSplitLinePosition (line 15580) | function calcSplitLinePosition(allAxis, chart) {
function getLineConfig (line 15608) | function getLineConfig(axisItem) {
function getLineShape (line 15623) | function getLineShape(axisItem) {
function getLineStyle (line 15630) | function getLineStyle(axisItem) {
function getTickConfig (line 15634) | function getTickConfig(axisItem) {
function getTickShapes (line 15653) | function getTickShapes(axisItem) {
function getTickStyle (line 15662) | function getTickStyle(axisItem) {
function getLabelConfig (line 15666) | function getLabelConfig(axisItem) {
function getLabelShapes (line 15688) | function getLabelShapes(axisItem) {
function getLabelRealPosition (line 15700) | function getLabelRealPosition(points, position) {
function getLabelStyle (line 15710) | function getLabelStyle(axisItem, shapes) {
function getAxisLabelRealAlign (line 15724) | function getAxisLabelRealAlign(position) {
function getNameConfig (line 15743) | function getNameConfig(axisItem) {
function getNameShape (line 15757) | function getNameShape(axisItem) {
function getNameStyle (line 15766) | function getNameStyle(axisItem) {
function getNameRealAlign (line 15774) | function getNameRealAlign(position, location) {
function getSplitLineConfig (line 15793) | function getSplitLineConfig(axisItem) {
function getSplitLineShapes (line 15812) | function getSplitLineShapes(axisItem) {
function getSplitLineStyle (line 15821) | function getSplitLineStyle(axisItem) {
function ownKeys (line 15854) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 15856) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function line (line 15861) | function line(chart) {
function calcLinesPosition (line 15906) | function calcLinesPosition(lines, chart) {
function mergeNonNumber (line 15923) | function mergeNonNumber(lineItem, lineData) {
function getLineAxis (line 15930) | function getLineAxis(line, axisData) {
function getLinePosition (line 15946) | function getLinePosition(lineData, lineAxis) {
function getLineFillBottomPos (line 15980) | function getLineFillBottomPos(lineAxis) {
function getLineAreaConfig (line 16006) | function getLineAreaConfig(lineItem) {
function getLineAndAreaShape (line 16024) | function getLineAndAreaShape(lineItem) {
function getLineAreaStyle (line 16031) | function getLineAreaStyle(lineItem) {
function getGradientParams (line 16051) | function getGradientParams(lineItem) {
function lineAreaDrawed (line 16071) | function lineAreaDrawed(_ref5, _ref6) {
function getStartLineAreaConfig (line 16088) | function getStartLineAreaConfig(lineItem) {
function beforeUpdateLineAndArea (line 16098) | function beforeUpdateLineAndArea(graphs, lineItem, i, updater) {
function beforeChangeLineAndArea (line 16112) | function beforeChangeLineAndArea(graph, config) {
function getLineConfig (line 16129) | function getLineConfig(lineItem) {
function getLineGraphName (line 16143) | function getLineGraphName(lineItem) {
function getLineStyle (line 16148) | function getLineStyle(lineItem) {
function getLineLength (line 16160) | function getLineLength(points) {
function getStartLineConfig (line 16167) | function getStartLineConfig(lineItem) {
function getPointConfig (line 16182) | function getPointConfig(lineItem) {
function getPointShapes (line 16201) | function getPointShapes(lineItem) {
function getPointStyle (line 16217) | function getPointStyle(lineItem) {
function getStartPointConfig (line 16225) | function getStartPointConfig(lineItem) {
function getLabelConfig (line 16233) | function getLabelConfig(lineItem) {
function getLabelShapes (line 16252) | function getLabelShapes(lineItem) {
function getLabelPosition (line 16263) | function getLabelPosition(lineItem) {
function getOffsetedPoint (line 16287) | function getOffsetedPoint(_ref9, _ref10) {
function getCenterLabelPoint (line 16299) | function getCenterLabelPoint(_ref13, _ref14) {
function formatterLabel (line 16311) | function formatterLabel(lineItem) {
function getLabelStyle (line 16333) | function getLabelStyle(lineItem) {
function ownKeys (line 16370) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 16372) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function bar (line 16374) | function bar(chart) {
function setBarAxis (line 16411) | function setBarAxis(bars, chart) {
function setBarPositionData (line 16439) | function setBarPositionData(bars, chart) {
function setBarIndex (line 16451) | function setBarIndex(bars) {
function groupBarByLabelAxis (line 16482) | function groupBarByLabelAxis(bars) {
function getBarStack (line 16500) | function getBarStack(bars) {
function setBarNum (line 16509) | function setBarNum(bars) {
function setBarCategoryWidth (line 16519) | function setBarCategoryWidth(bars) {
function setBarWidthAndGap (line 16536) | function setBarWidthAndGap(bars) {
function getBarWidthAndGapWithPercentOrNumber (line 16561) | function getBarWidthAndGapWithPercentOrNumber(barCategoryWidth, barWidth...
function getBarWidthAndGapWidthAuto (line 16580) | function getBarWidthAndGapWidthAuto(barCategoryWidth, barWidth, barGap, ...
function setBarAllWidthAndGap (line 16603) | function setBarAllWidthAndGap(bars) {
function calcBarsPosition (line 16614) | function calcBarsPosition(bars, chart) {
function calcBarLabelAxisCoordinate (line 16622) | function calcBarLabelAxisCoordinate(bars) {
function calcBarValueAxisCoordinate (line 16644) | function calcBarValueAxisCoordinate(bars) {
function eliminateNonNumberData (line 16666) | function eliminateNonNumberData(barItem, barData) {
function eliminateNullBarLabelAxis (line 16675) | function eliminateNullBarLabelAxis(bars) {
function keepSameNumBetweenBarAndData (line 16691) | function keepSameNumBetweenBarAndData(bars) {
function getValuePos (line 16709) | function getValuePos(min, max, value, linePosition, axis) {
function getBackgroundBarConfig (line 16720) | function getBackgroundBarConfig(barItem) {
function getBackgroundBarShapes (line 16739) | function getBackgroundBarShapes(barItem) {
function getBackgroundBarWidth (line 16773) | function getBackgroundBarWidth(barItem) {
function getBackgroundBarStyle (line 16783) | function getBackgroundBarStyle(barItem) {
function getBarConfig (line 16787) | function getBarConfig(barItem) {
function getBarName (line 16805) | function getBarName(barItem) {
function getBarShape (line 16811) | function getBarShape(barItem, i) {
function getLeftEchelonShape (line 16823) | function getLeftEchelonShape(barItem, i) {
function getRightEchelonShape (line 16858) | function getRightEchelonShape(barItem, i) {
function getNormalBarShape (line 16893) | function getNormalBarShape(barItem, i) {
function getBarStyle (line 16921) | function getBarStyle(barItem, i) {
function getGradientParams (line 16945) | function getGradientParams(barItem, i) {
function getStartBarConfig (line 16978) | function getStartBarConfig(barItem) {
function getStartLeftEchelonShape (line 16997) | function getStartLeftEchelonShape(shape, barItem) {
function getStartRightEchelonShape (line 17010) | function getStartRightEchelonShape(shape, barItem) {
function getStartNormalBarShape (line 17023) | function getStartNormalBarShape(shape, barItem) {
function beforeUpdateBar (line 17045) | function beforeUpdateBar(graphs, barItem, i, updater) {
function getLabelConfig (line 17057) | function getLabelConfig(barItem) {
function getLabelShapes (line 17076) | function getLabelShapes(barItem) {
function getFormatterLabels (line 17087) | function getFormatterLabels(barItem) {
function getLabelsPosition (line 17110) | function getLabelsPosition(barItem) {
function getOffsetedPoint (line 17138) | function getOffsetedPoint(_ref12, _ref13) {
function getLabelStyle (line 17150) | function getLabelStyle(barItem) {
function ownKeys (line 17190) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 17192) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function pie (line 17194) | function pie(chart) {
function calcPiesCenter (line 17237) | function calcPiesCenter(pies, chart) {
function calcPiesRadius (line 17250) | function calcPiesRadius(pies, chart) {
function getNumberRadius (line 17267) | function getNumberRadius(radius, maxRadius) {
function calcRosePiesRadius (line 17276) | function calcRosePiesRadius(pies, chart) {
function sortData (line 17303) | function sortData(data) {
function getRoseIncrement (line 17313) | function getRoseIncrement(pie) {
function calcPiesPercent (line 17332) | function calcPiesPercent(pies) {
function toFixedNoCeil (line 17352) | function toFixedNoCeil(number) {
function getDataSum (line 17362) | function getDataSum(data) {
function calcPiesAngle (line 17369) | function calcPiesAngle(pies) {
function getDataAngle (line 17386) | function getDataAngle(data, i) {
function calcPiesInsideLabelPos (line 17398) | function calcPiesInsideLabelPos(pies) {
function getPieInsideLabelPos (line 17408) | function getPieInsideLabelPos(pieItem, dataItem) {
function calcPiesEdgeCenterPos (line 17422) | function calcPiesEdgeCenterPos(pies) {
function calcPiesOutSideLabelPos (line 17440) | function calcPiesOutSideLabelPos(pies) {
function getLabelLineBendRadius (line 17452) | function getLabelLineBendRadius(pieItem) {
function getPieMaxRadius (line 17463) | function getPieMaxRadius(pieItem) {
function getLeftOrRightPieDataItems (line 17475) | function getLeftOrRightPieDataItems(pieItem) {
function sortPiesFromTopToBottom (line 17488) | function sortPiesFromTopToBottom(dataItem) {
function addLabelLineAndAlign (line 17505) | function addLabelLineAndAlign(dataItem, pieItem) {
function getPieConfig (line 17531) | function getPieConfig(pieItem) {
function getStartPieConfig (line 17548) | function getStartPieConfig(pieItem) {
function beforeChangePie (line 17560) | function beforeChangePie(graph) {
function getPieShape (line 17564) | function getPieShape(pieItem, i) {
function getPieStyle (line 17581) | function getPieStyle(pieItem, i) {
function getInsideLabelConfig (line 17591) | function getInsideLabelConfig(pieItem) {
function getInsideLabelShape (line 17609) | function getInsideLabelShape(pieItem, i) {
function getInsideLabelStyle (line 17633) | function getInsideLabelStyle(pieItem, i) {
function getOutsideLabelLineConfig (line 17638) | function getOutsideLabelLineConfig(pieItem) {
function getStartOutsideLabelLineConfig (line 17656) | function getStartOutsideLabelLineConfig(pieItem) {
function getOutsideLabelLineShape (line 17665) | function getOutsideLabelLineShape(pieItem, i) {
function getOutsideLabelLineStyle (line 17673) | function getOutsideLabelLineStyle(pieItem, i) {
function getOutsideLabelConfig (line 17684) | function getOutsideLabelConfig(pieItem) {
function getStartOutsideLabelConfig (line 17702) | function getStartOutsideLabelConfig(pieItem) {
function getOutsideLabelShape (line 17711) | function getOutsideLabelShape(pieItem, i) {
function getOutsideLabelStyle (line 17739) | function getOutsideLabelStyle(pieItem, i) {
function ownKeys (line 17778) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 17780) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function radarAxis (line 17782) | function radarAxis(chart) {
function mergeRadarAxisDefaultConfig (line 17830) | function mergeRadarAxisDefaultConfig(radar) {
function calcRadarAxisCenter (line 17834) | function calcRadarAxisCenter(radarAxis, chart) {
function calcRadarAxisRingRadius (line 17844) | function calcRadarAxisRingRadius(radarAxis, chart) {
function calcRadarAxisLinePosition (line 17858) | function calcRadarAxisLinePosition(radarAxis) {
function calcRadarAxisAreaRadius (line 17876) | function calcRadarAxisAreaRadius(radarAxis) {
function calcRadarAxisLabelPosition (line 17885) | function calcRadarAxisLabelPosition(radarAxis) {
function getSplitAreaConfig (line 17897) | function getSplitAreaConfig(radarAxis) {
function getSplitAreaShape (line 17917) | function getSplitAreaShape(radarAxis, i) {
function getSplitAreaStyle (line 17932) | function getSplitAreaStyle(radarAxis, i) {
function beforeUpdateSplitArea (line 17963) | function beforeUpdateSplitArea(graphs, radarAxis, i, updater) {
function beforeChangeSplitArea (line 17978) | function beforeChangeSplitArea(graph, config) {
function getSplitLineConfig (line 17984) | function getSplitLineConfig(radarAxis) {
function getSplitLineShape (line 18004) | function getSplitLineShape(radarAxis, i) {
function getSplitLineStyle (line 18019) | function getSplitLineStyle(radarAxis, i) {
function beforeUpdateSplitLine (line 18033) | function beforeUpdateSplitLine(graphs, radarAxis, i, updater) {
function beforeChangeSplitLine (line 18048) | function beforeChangeSplitLine(graph, config) {
function getAxisLineConfig (line 18054) | function getAxisLineConfig(radarAxis) {
function getAxisLineShape (line 18072) | function getAxisLineShape(radarAxis, i) {
function getAxisLineStyle (line 18081) | function getAxisLineStyle(radarAxis, i) {
function getAxisLabelConfig (line 18092) | function getAxisLabelConfig(radarAxis) {
function getAxisLableShape (line 18110) | function getAxisLableShape(radarAxis, i) {
function getAxisLableStyle (line 18119) | function getAxisLableStyle(radarAxis, i) {
function ownKeys (line 18177) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 18179) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function radar (line 18181) | function radar(chart) {
function calcRadarPosition (line 18212) | function calcRadarPosition(radars, chart) {
function calcRadarLabelPosition (line 18237) | function calcRadarLabelPosition(radars, chart) {
function calcRadarLabelAlign (line 18253) | function calcRadarLabelAlign(radars, chart) {
function getRadarConfig (line 18280) | function getRadarConfig(radarItem) {
function getStartRadarConfig (line 18294) | function getStartRadarConfig(radarItem, updater) {
function getRadarShape (line 18305) | function getRadarShape(radarItem) {
function getRadarStyle (line 18313) | function getRadarStyle(radarItem) {
function beforeChangeRadar (line 18325) | function beforeChangeRadar(graph, _ref4) {
function getPointConfig (line 18342) | function getPointConfig(radarItem) {
function getStartPointConfig (line 18360) | function getStartPointConfig(radarItem) {
function getPointShape (line 18368) | function getPointShape(radarItem, i) {
function getPointStyle (line 18380) | function getPointStyle(radarItem, i) {
function getLabelConfig (line 18389) | function getLabelConfig(radarItem) {
function getLabelShape (line 18407) | function getLabelShape(radarItem, i) {
function mergePointOffset (line 18424) | function mergePointOffset(_ref5, _ref6) {
function getLabelStyle (line 18436) | function getLabelStyle(radarItem, i) {
function ownKeys (line 18480) | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object...
function _objectSpread (line 18482) | function _objectSpread(target) { for (var i = 1; i < arguments.length; i...
function gauge$1 (line 18484) | function gauge$1(chart) {
function calcGaugesCenter (line 18541) | function calcGaugesCenter(gauges, chart) {
function calcGaugesRadius (line 18554) | function calcGaugesRadius(gauges, chart) {
function calcGaugesDataRadiusAndLineWidth (line 18569) | function calcGaugesDataRadiusAndLineWidth(gauges, chart) {
function calcGaugesDataAngles (line 18589) | function calcGaugesDataAngles(gauges, chart) {
function calcGaugesDataGradient (line 18608) | function calcGaugesDataGradient(gauges, chart) {
function calcGaugesAxisTickPosition (line 18622) | function calcGaugesAxisTickPosition(gauges, chart) {
function calcGaugesLabelPositionAndAlign (line 18653) | function calcGaugesLabelPositionAndAlign(gauges, chart) {
function calcGaugesLabelData (line 18678) | function calcGaugesLabelData(gauges, chart) {
function calcGaugesDetailsPosition (line 18712) | function calcGaugesDetailsPosition(gauges, chart) {
function calcGaugesDetailsContent (line 18740) | function calcGaugesDetailsContent(gauges, chart) {
function getOffsetedPoint (line 18762) | function getOffsetedPoint(_ref4, _ref5) {
function getAxisTickConfig (line 18774) | function getAxisTickConfig(gaugeItem) {
function getAxisTickShape (line 18792) | function getAxisTickShape(gaugeItem, i) {
function getAxisTickStyle (line 18799) | function getAxisTickStyle(gaugeItem, i) {
function getAxisLabelConfig (line 18804) | function getAxisLabelConfig(gaugeItem) {
function getAxisLabelShape (line 18822) | function getAxisLabelShape(gaugeItem, i) {
function getAxisLabelStyle (line 18831) | function getAxisLabelStyle(gaugeItem, i) {
function getBackgroundArcConfig (line 18838) | function getBackgroundArcConfig(gaugeItem) {
function getGaugeBackgroundArcShape (line 18853) | function getGaugeBackgroundArcShape(gaugeItem) {
function getGaugeBackgroundArcStyle (line 18867) | function getGaugeBackgroundArcStyle(gaugeItem) {
function getStartBackgroundArcConfig (line 18876) | function getStartBackgroundArcConfig(gaugeItem) {
function getArcConfig (line 18886) | function getArcConfig(gaugeItem) {
function getGaugeArcShape (line 18903) | function getGaugeArcShape(gaugeItem, i) {
function getGaugeArcStyle (line 18923) | function getGaugeArcStyle(gaugeItem, i) {
function getStartArcConfig (line 18938) | function getStartArcConfig(gaugeItem) {
function beforeChangeArc (line 18949) | function beforeChangeArc(graph, config) {
function getPointerConfig (line 18964) | function getPointerConfig(gaugeItem) {
function getPointerShape (line 18983) | function getPointerShape(gaugeItem) {
function getPointerStyle (line 18991) | function getPointerStyle(gaugeItem) {
function getPointerPoints (line 19010) | function getPointerPoints(_ref8) {
function getStartPointerConfig (line 19022) | function getStartPointerConfig(gaugeItem) {
function getDetailsConfig (line 19029) | function getDetailsConfig(gaugeItem) {
function getDetailsShape (line 19048) | function getDetailsShape(gaugeItem, i) {
function getDetailsStyle (line 19065) | function getDetailsStyle(gaugeItem, i) {
function legend (line 19102) | function legend(chart) {
function initLegendData (line 19131) | function initLegendData(legend) {
function filterInvalidData (line 19151) | function filterInvalidData(legend, option, chart) {
function calcLegendTextWidth (line 19174) | function calcLegendTextWidth(legend, chart) {
function getTextWidth (line 19187) | function getTextWidth(ctx, text, style) {
function getFontConfig (line 19192) | function getFontConfig(style) {
function calcLegendPosition (line 19198) | function calcLegendPosition(legend, chart) {
function calcHorizontalPosition (line 19210) | function calcHorizontalPosition(legend, chart) {
function calcDefaultHorizontalPosition (line 19235) | function calcDefaultHorizontalPosition(legend, chart) {
function getBeforeWidth (line 19258) | function getBeforeWidth(startIndex, currentIndex, legend) {
function getHorizontalXOffset (line 19269) | function getHorizontalXOffset(data, legend, chart) {
function getHorizontalYOffset (line 19295) | function getHorizontalYOffset(legend, chart) {
function mergeOffset (line 19319) | function mergeOffset(_ref4, _ref5) {
function calcVerticalPosition (line 19331) | function calcVerticalPosition(legend, chart) {
function getVerticalXOffset (line 19352) | function getVerticalXOffset(legend, chart) {
function getVerticalYOffset (line 19369) | function getVerticalYOffset(legend, chart) {
function calcDefaultVerticalPosition (line 19392) | function calcDefaultVerticalPosition(legend, isRight) {
function getIconConfig (line 19408) | function getIconConfig(legendItem, updater) {
function getIconShape (line 19429) | function getIconShape(legendItem, i) {
function getIconStyle (line 19447) | function getIconStyle(legendItem, i) {
function getTextConfig (line 19460) | function getTextConfig(legendItem, updater) {
function getTextShape (line 19482) | function getTextShape(legendItem, i) {
function getTextStyle (line 19492) | function getTextStyle(legendItem, i) {
function getTextHoverRect (line 19502) | function getTextHoverRect(legendItem, i) {
function createClickCallBack (line 19518) | function createClickCallBack(legendItem, index, updater) {
method data (line 19751) | data() {
method option (line 19761) | option() {
method afterAutoResizeMixinInit (line 19773) | afterAutoResizeMixinInit() {
method initChart (line 19780) | initChart() {
method onResize (line 19791) | onResize() {
function charts (line 19848) | function charts (Vue) {
method data (line 19862) | data() {
method config (line 19939) | config() {
method init (line 19948) | init() {
method initRender (line 19959) | initRender() {
method mergeConfig (line 19966) | mergeConfig() {
method initGraph (line 19974) | initGraph() {
method getShape (line 19996) | getShape() {
method getStyle (line 20019) | getStyle() {
method update (line 20030) | update() {
method mergeShape (line 20055) | mergeShape(graph, shape) {
method mounted (line 20063) | mounted() {
method data (line 20131) | data() {
method digitalFlop (line 20232) | digitalFlop() {
method ringName (line 20266) | ringName() {
method fontSize (line 20275) | fontSize() {
method config (line 20285) | config() {
method init (line 20299) | init() {
method initChart (line 20310) | initChart() {
method mergeConfig (line 20317) | mergeConfig() {
method setRingOption (line 20325) | setRingOption() {
method getRingOption (line 20336) | getRingOption() {
method getRealRadius (line 20357) | getRealRadius(active = false) {
method ringAnimation (line 20376) | ringAnimation() {
method mounted (line 20410) | mounted() {
method beforeDestroy (line 20417) | beforeDestroy() {
function activeRingChart (line 20488) | function activeRingChart (Vue) {
method data (line 20502) | data() {
method config (line 20544) | config() {
method calcData (line 20553) | calcData() {
method mergeConfig (line 20562) | mergeConfig() {
method calcCapsuleLengthAndLabelData (line 20570) | calcCapsuleLengthAndLabelData() {
method mounted (line 20589) | mounted() {
function capsuleChart (line 20720) | function capsuleChart (Vue) {
method data (line 20732) | data() {
method radius (line 20799) | radius() {
method shape (line 20809) | shape() {
method config (line 20819) | config() {
method init (line 20831) | init() {
method initRender (line 20842) | initRender() {
method calcData (line 20849) | calcData() {
method mergeConfig (line 20866) | mergeConfig() {
method calcSvgBorderGradient (line 20874) | calcSvgBorderGradient() {
method calcDetails (line 20883) | calcDetails() {
method addWave (line 20898) | addWave() {
method getWaveShapes (line 20916) | getWaveShapes() {
method mergeOffset (line 20944) | mergeOffset([x, y], [ox, oy]) {
method getWaveStyle (line 20948) | getWaveStyle() {
method drawed (line 20964) | drawed({
method animationWave (line 20981) | async animationWave(repeat = 1) {
method mounted (line 21006) | mounted() {
method beforeDestroy (line 21013) | beforeDestroy() {
function waterLevelPond (line 21139) | function waterLevelPond (Vue) {
method data (line 21153) | data() {
method rectWidth (line 21231) | rectWidth() {
method rectHeight (line 21243) | rectHeight() {
method points (line 21255) | points() {
method polylineWidth (line 21275) | polylineWidth() {
method linearGradient (line 21288) | linearGradient() {
method polylineGradient (line 21301) | polylineGradient() {
method gradient2XPos (line 21312) | gradient2XPos() {
method details (line 21323) | details() {
method config (line 21337) | config() {
method init (line 21346) | async init() {
method initWH (line 21357) | async initWH() {
method mergeConfig (line 21371) | mergeConfig() {
method mounted (line 21381) | mounted() {
function percentPond (line 21520) | function percentPond (Vue) {
method data (line 21539) | data() {
method config (line 21755) | config() {
method afterAutoResizeMixinInit (line 21764) | afterAutoResizeMixinInit() {
method onResize (line 21771) | onResize() {
method calcData (line 21778) | async calcData() {
method mergeConfig (line 21795) | mergeConfig() {
method createFlylinePaths (line 21817) | createFlylinePaths() {
method getPath (line 21841) | getPath(center, point) {
method getControlPoint (line 21849) | getControlPoint([sx, sy], [ex, ey]) {
method getKLinePointByx (line 21872) | getKLinePointByx(k, [lx, ly], x) {
method calcLineLengths (line 21877) | async calcLineLengths() {
method calcTimes (line 21887) | calcTimes() {
method calcTexts (line 21895) | calcTexts() {
method consoleClickPos (line 21904) | consoleClickPos({
function flylineChart (line 22241) | function flylineChart (Vue) {
method data (line 22260) | data() {
method config (line 22530) | config() {
method afterAutoResizeMixinInit (line 22539) | afterAutoResizeMixinInit() {
method onResize (line 22546) | onResize() {
method calcData (line 22553) | async calcData() {
method mergeConfig (line 22568) | mergeConfig() {
method calcflylinePoints (line 22594) | calcflylinePoints() {
method calcLinePaths (line 22627) | calcLinePaths() {
method getPath (line 22661) | getPath(start, end) {
method getControlPoint (line 22669) | getControlPoint([sx, sy], [ex, ey]) {
method getKLinePointByx (line 22692) | getKLinePointByx(k, [lx, ly], x) {
method calcLineLengths (line 22697) | async calcLineLengths() {
method consoleClickPos (line 22709) | consoleClickPos({
function flylineChartEnhanced (line 23026) | function flylineChartEnhanced (Vue) {
method data (line 23041) | data() {
method config (line 23100) | config() {
method afterAutoResizeMixinInit (line 23109) | afterAutoResizeMixinInit() {
method onResize (line 23116) | onResize() {
method calcData (line 23123) | calcData() {
method mergeConfig (line 23134) | mergeConfig() {
method initData (line 23142) | initData() {
method calcSVGPath (line 23166) | calcSVGPath() {
function conicalColumnChart (line 23309) | function conicalColumnChart (Vue) {
function digitalFlop (line 23313) | function digitalFlop (Vue) {
method data (line 23328) | data() {
method config (line 23450) | config() {
method handleHover (line 23462) | handleHover(enter, ri, ci, row, ceil) {
method afterAutoResizeMixinInit (line 23479) | afterAutoResizeMixinInit() {
method onResize (line 23486) | onResize() {
method calcData (line 23497) | calcData() {
method mergeConfig (line 23520) | mergeConfig() {
method calcHeaderData (line 23528) | calcHeaderData() {
method calcRowsData (line 23545) | calcRowsData() {
method calcWidths (line 23579) | calcWidths() {
method calcHeights (line 23603) | calcHeights(onresize = false) {
method calcAligns (line 23621) | calcAligns() {
method animation (line 23634) | async animation(start = false) {
method stopAnimation (line 23683) | stopAnimation() {
method emitEvent (line 23693) | emitEvent(type, ri, ci, row, ceil) {
method updateRows (line 23706) | updateRows(rows, animationIndex) {
method destroyed (line 23722) | destroyed() {
function scrollBoard (line 23857) | function scrollBoard (Vue) {
method data (line 23872) | data() {
method config (line 23938) | config() {
method afterAutoResizeMixinInit (line 23949) | afterAutoResizeMixinInit() {
method onResize (line 23956) | onResize() {
method calcData (line 23965) | calcData() {
method mergeConfig (line 23982) | mergeConfig() {
method calcRowsData (line 23990) | calcRowsData() {
method calcHeights (line 24030) | calcHeights(onresize = false) {
method animation (line 24044) | async animation(start = false) {
method stopAnimation (line 24081) | stopAnimation() {
method destroyed (line 24093) | destroyed() {
function scrollRankingBoard (line 24193) | function scrollRankingBoard (Vue) {
function datav (line 24204) | function datav (Vue) {
FILE: dist/datav.min.vue.js
function t (line 1) | function t(e,t){return 1===arguments.length?parseInt(Math.random()*e+1,1...
function n (line 1) | function n(e,t){const n=Math.abs(e[0]-t[0]),r=Math.abs(e[1]-t[1]);return...
function r (line 1) | function r(e){return(e?"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx":"xxxxxxxxx...
method autoResizeMixinInit (line 1) | async autoResizeMixinInit(){const{initWH:e,getDebounceInitWHFun:t,bindDo...
method initWH (line 1) | initWH(e=!0){const{$nextTick:t,$refs:n,ref:r,onResize:i}=this;return new...
method getDebounceInitWHFun (line 1) | getDebounceInitWHFun(){const{initWH:e}=this;this.debounceInitWHFun=funct...
method bindDomResizeCallback (line 1) | bindDomResizeCallback(){const{dom:e,debounceInitWHFun:t}=this;this.domOb...
method unbindDomResizeCallback (line 1) | unbindDomResizeCallback(){let{domObserver:e,debounceInitWHFun:t}=this;e&...
method mounted (line 1) | mounted(){const{autoResizeMixinInit:e}=this;e()}
method beforeDestroy (line 1) | beforeDestroy(){const{unbindDomResizeCallback:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{initConfig:e,setAppScale:t}=this;e(),t(...
method initConfig (line 1) | initConfig(){const{dom:e}=this,{width:t,height:n}=screen;this.allWidth=t...
method setAppScale (line 1) | setAppScale(){const{allWidth:e,dom:t}=this,n=document.body.clientWidth;t...
method onResize (line 1) | onResize(){const{setAppScale:e}=this;e()}
function a (line 1) | function a(e,t,n,r,i,o,a,s,l,d){"boolean"!=typeof a&&(l=s,s=a,a=!1);cons...
function l (line 1) | function l(e){return(e,t)=>function(e,t){const n=s?t.media||"default":e,...
function p (line 1) | function p(e){e.component(f.name,f)}
function A (line 1) | function A(e){e.component(m.name,m)}
function C (line 1) | function C(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.ca...
function b (line 1) | function b(e,t){return e(t={exports:{}},t.exports),t.exports}
function t (line 1) | function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.i...
function h (line 1) | function h(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments...
function f (line 1) | function f(e){return e.map((function(e){var t=(0,r.default)(e,2),n=t[0],...
function p (line 1) | function p(e,t,n,r){return g(e,[t,n])<=r}
function g (line 1) | function g(e,t){var n=(0,r.default)(e,2),i=n[0],s=n[1],l=(0,r.default)(t...
function v (line 1) | function v(e,t){for(var n=0,i=(0,r.default)(e,2),o=i[0],a=i[1],s=t.lengt...
function m (line 1) | function m(e,t,n,i,o,a,s){if(!e)return!1;if(g(e,[t,n])>i)return!1;if(!s)...
function A (line 1) | function A(e,t){var n=(0,r.default)(e,2),i=n[0],o=n[1],a=(0,r.default)(t...
function C (line 1) | function C(e,t,i){var o=i/2,a=t.map((function(e){var t=(0,r.default)(e,2...
function b (line 1) | function b(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0...
function x (line 1) | function x(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0...
function w (line 1) | function w(e,t){if(!e||!t)return!1;var n=(0,r.default)(t,2),i=n[0],o=n[1...
function k (line 1) | function k(e,t,n){if(!e||!t||!n)return!1;var i=(0,r.default)(e,2),s=i[0]...
function E (line 1) | function E(e,t,n,r){return[e+l(r)*n,t+s(r)*n]}
function B (line 1) | function B(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?argu...
function i (line 1) | function i(e){return e.filter((function(e){return"number"==typeof e}))}
function o (line 1) | function o(e,t){for(var n in t)e[n]&&"object"===(0,r.default)(e[n])?o(e[...
function a (line 1) | function a(e){return(e=i(e)).reduce((function(e,t){return e+t}),0)}
function s (line 1) | function s(e,t){var n=Math.abs(e[0]-t[0]),r=Math.abs(e[1]-t[1]);return M...
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Y (line 1) | function Y(e){e.component(T.name,T)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function H (line 1) | function H(e){e.component($.name,$)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function q (line 1) | function q(e){e.component(V.name,V)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ee (line 1) | function ee(e){e.component(J.name,J)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ie (line 1) | function ie(e){e.component(re.name,re)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function le (line 1) | function le(e){e.component(se.name,se)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function he (line 1) | function he(e){e.component(ue.name,ue)}
method data (line 1) | data(){const e=r();return{ref:"border-box-8",path:"border-box-8-path-"+e...
method length (line 1) | length(){const{width:e,height:t}=this;return 2*(e+t-5)}
method pathD (line 1) | pathD(){const{reverse:e,width:t,height:n}=this;return e?`M 2.5, 2.5 L 2....
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ve (line 1) | function ve(e){e.component(ge.name,ge)}
method data (line 1) | data(){const e=r();return{ref:"border-box-9",gradientId:"border-box-9-gr...
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function be (line 1) | function be(e){e.component(Ce.name,Ce)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ke (line 1) | function ke(e){e.component(we.name,we)}
function s (line 1) | function s(e){var t=i.test(e),n=o.test(e);return t||n?e:(e=function(e){i...
function l (line 1) | function l(e){if(!e)return console.error("getRgbValue: Missing parameter...
function d (line 1) | function d(e){if(!e)return console.error("getRgbaValue: Missing paramete...
function c (line 1) | function c(e){return e?!!(e=s(e))&&(a.test(e)?(e=e.toLowerCase(),Number(...
function u (line 1) | function u(e,t){if(!e)return console.error("toRgb: Missing parameters!")...
function h (line 1) | function h(e){return e?i.test(e)?e:!!(e=l(e))&&"#"+e.map((function(e){re...
function f (line 1) | function f(e){if(!e)return console.error("getColorFromRgbValue: Missing ...
function p (line 1) | function p(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function g (line 1) | function g(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function v (line 1) | function v(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Ie (line 1) | function Ie(e){e.component(Oe.name,Oe)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Me (line 1) | function Me(e){e.component(je.name,je)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Ge (line 1) | function Ge(e){e.component(Re.name,Re)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcSVGData:e}=this;e()}
method calcSVGData (line 1) | calcSVGData(){const{calcPointsPosition:e,calcRectsPosition:t,calcScale:n...
method calcPointsPosition (line 1) | calcPointsPosition(){const{svgWH:e,rowNum:t,rowPoints:n}=this,[r,i]=e,o=...
method calcRectsPosition (line 1) | calcRectsPosition(){const{points:e,rowPoints:t}=this,n=e[2*t-1],r=e[2*t-...
method calcScale (line 1) | calcScale(){const{width:e,height:t,svgWH:n}=this,[r,i]=n;this.svgScale=[...
method onResize (line 1) | onResize(){const{calcSVGData:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Ne (line 1) | function Ne(e){e.component(Ye.name,Ye)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method reverse (line 1) | reverse(){const{calcSVGData:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcSVGData:e}=this;e()}
method calcSVGData (line 1) | calcSVGData(){const{reverse:e,width:t,height:n}=this;e?(this.w=1,this.h=...
method onResize (line 1) | onResize(){const{calcSVGData:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Qe (line 1) | function Qe(e){e.component(He.name,He)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcSVGData:e}=this;e()}
method calcSVGData (line 1) | calcSVGData(){const{calcPointsPosition:e,calcScale:t}=this;e(),t()}
method calcPointsPosition (line 1) | calcPointsPosition(){const{svgWH:e,rowNum:t,rowPoints:n}=this,[r,i]=e,o=...
method calcScale (line 1) | calcScale(){const{width:e,height:t,svgWH:n}=this,[r,i]=n;this.svgScale=[...
method onResize (line 1) | onResize(){const{calcSVGData:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Ze (line 1) | function Ze(e){e.component(qe.name,qe)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function tt (line 1) | function tt(e){e.component(et.name,et)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcSVGData:e}=this;e()}
method calcSVGData (line 1) | calcSVGData(){const{width:e,height:t}=this;let n=[[0,.2*t],[.18*e,.2*t],...
method onResize (line 1) | onResize(){const{calcSVGData:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ot (line 1) | function ot(e){e.component(it.name,it)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcSVGData:e}=this;e()}
method calcSVGData (line 1) | calcSVGData(){const{calcPointsPosition:e,calcScale:t}=this;e(),t()}
method calcPointsPosition (line 1) | calcPointsPosition(){const{svgWH:e,rowNum:n,rowPoints:r}=this,[i,o]=e,a=...
method calcScale (line 1) | calcScale(){const{width:e,height:t,svgWH:n}=this,[r,i]=n;this.svgScale=[...
method onResize (line 1) | onResize(){const{calcSVGData:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function dt (line 1) | function dt(e){e.component(lt.name,lt)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function ft (line 1) | function ft(e){e.component(ht.name,ht)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method xPos (line 1) | xPos(e){const{reverse:t,width:n}=this;return t?n-e:e}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function mt (line 1) | function mt(e){e.component(vt.name,vt)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcScale:e}=this;e()}
method calcScale (line 1) | calcScale(){const{width:e,height:t,svgWH:n}=this,[r,i]=n;this.svgScale=[...
method onResize (line 1) | onResize(){const{calcScale:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function yt (line 1) | function yt(e){e.component(bt.name,bt)}
method data (line 1) | data(){const e=r();return{ref:"decoration-10",animationId1:"d10ani1"+e,a...
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function Et (line 1) | function Et(e){e.component(kt.name,kt)}
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method mounted (line 1) | mounted(){const{mergeColor:e}=this;e()}
function St (line 1) | function St(e){e.component(_t.name,_t)}
method data (line 1) | data(){const e=r();return{ref:"decoration-12",gId:"decoration-12-g-"+e,g...
method color (line 1) | color(){const{mergeColor:e}=this;e()}
method x (line 1) | x(){const{width:e}=this;return e/2}
method y (line 1) | y(){const{height:e}=this;return e/2}
method init (line 1) | init(){const{mergeColor:e,calcPathD:t,calcPathColor:n,calcCircleR:r,calc...
method mergeColor (line 1) | mergeColor(){const{color:e,defaultColor:t}=this;this.mergedColor=D(j(t,!...
method calcPathD (line 1) | calcPathD(){const{x:e,y:t,width:n,segment:r,sectorAngle:i}=this,o=-Math....
method calcPathColor (line 1) | calcPathColor(){const{mergedColor:[e],segment:t}=this,n=100/(t-1);this.p...
method calcCircleR (line 1) | calcCircleR(){const{segment:e,ringNum:t,width:n,ringWidth:r}=this,i=(n/2...
method calcSplitLinePoints (line 1) | calcSplitLinePoints(){const{x:e,y:t,width:n}=this,r=Math.PI/6,i=n/2;this...
method calcArcD (line 1) | calcArcD(){const{x:e,y:t,width:n}=this,r=Math.PI/6,i=n/2-1;this.arcD=new...
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{init:e}=this;e()}
function Lt (line 1) | function Lt(e){e.component(Wt.name,Wt)}
function l (line 1) | function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function d (line 1) | function d(e,t,n,r){return function(i){var a=1-i,s=o(a,3),l=o(a,2),d=o(i...
function c (line 1) | function c(e){return e.reduce((function(e,t){return e+t}),0)}
function u (line 1) | function u(e){return e.map((function(e,t){return new Array(e.length-1).f...
function h (line 1) | function h(e,t){return e.map((function(e,n){var r=1/t[n];return new Arra...
function f (line 1) | function f(e,t,n,r){var i=4,o=1,l=function(){var l=e.reduce((function(e,...
function p (line 1) | function p(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function i (line 1) | function i(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&argumen...
function o (line 1) | function o(e,t){var n=e[0],r=e.slice(-1)[0];return e.push([a(r[1],r[2]),...
function a (line 1) | function a(e,t){var r=(0,n.default)(e,2),i=r[0],o=r[1],a=(0,n.default)(t...
function r (line 1) | function r(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&argumen...
function i (line 1) | function i(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&argumen...
function s (line 1) | function s(e,t,n,r){var i=t&&t.prototype instanceof c?t:c,o=Object.creat...
function l (line 1) | function l(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){ret...
function c (line 1) | function c(){}
function u (line 1) | function u(){}
function h (line 1) | function h(){}
function m (line 1) | function m(e){["next","throw","return"].forEach((function(t){e[t]=functi...
function A (line 1) | function A(e,t){var r;this._invoke=function(i,o){function a(){return new...
function C (line 1) | function C(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=...
function b (line 1) | function b(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.f...
function y (line 1) | function y(e){var t=e.completion||{};t.type="normal",delete t.arg,e.comp...
function x (line 1) | function x(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(b,this),this.r...
function w (line 1) | function w(e){if(e){var t=e[i];if(t)return t.call(e);if("function"==type...
function k (line 1) | function k(){return{value:void 0,done:!0}}
function r (line 1) | function r(n,r){return a.type="throw",a.arg=e,t.next=n,r&&(t.method="nex...
function Yt (line 1) | function Yt(e,t,n,r,i,o,a){try{var s=e[o](a),l=s.value}catch(e){return v...
function a (line 1) | function a(e){Yt(o,r,i,a,s,"next",e)}
function s (line 1) | function s(e){Yt(o,r,i,a,s,"throw",e)}
function o (line 1) | function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function a (line 1) | function a(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments...
function s (line 1) | function s(e){return i.default.has(e)?i.default.get(e):e instanceof Arra...
function l (line 1) | function l(e,t){var r=1/(t-1);return new Array(t).fill(0).map((function(...
function d (line 1) | function d(e,t,n){var r="object";return"number"==typeof e&&(r="number"),...
function c (line 1) | function c(e,t,n){var r=t.map((function(t,n){return"number"==typeof t&&t...
function u (line 1) | function u(e,t,n){var i=d(e,t,n),o=function(o){var a=e[o],s=t[o];if("obj...
function c (line 1) | function c(e){return new Promise((function(t){setTimeout(t,e)}))}
function d (line 1) | function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function u (line 1) | function u(e,t){var n=this.graphs;!function(e){return e.find((function(e...
function h (line 1) | function h(e){var t=this.graphs.find((function(e){return"hover"===e.stat...
function f (line 1) | function f(e){var t=[e.offsetX,e.offsetY],n=this.graphs,r=n.find((functi...
function p (line 1) | function p(e){var t=this.graphs,n=t.find((function(e){return"active"===e...
function Jt (line 1) | function Jt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){v...
function en (line 1) | function en(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments...
function a (line 1) | function a(e,t){Object.keys(t).forEach((function(n){"shape"===n||"style"...
function r (line 1) | function r(e,t){var r=mn.titleConfig.animationCurve,i=mn.titleConfig.ani...
function i (line 1) | function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function o (line 1) | function o(e,t){var o=e.animationCurve,s=e.animationFrame,l=e.rLevel,d=f...
function a (line 1) | function a(e,t){return"number"==typeof e?e:"string"!=typeof e?0:t*parseI...
function a (line 1) | function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function s (line 1) | function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[...
function u (line 1) | function u(e,t){var n,r,i=[],a=[];e instanceof Array?(n=i).push.apply(n,...
function h (line 1) | function h(e){var t=e.filter((function(e){return"x"===e.axis})),n=e.filt...
function f (line 1) | function f(e){var t=e.filter((function(e){return"value"===e.data})),n=e....
function p (line 1) | function p(e,t){var i=e.filter((function(e){return"value"===e.data})),a=...
function g (line 1) | function g(e){var t=d(e).toString(),n=t.length,r=t.replace(/0*$/g,"").in...
function v (line 1) | function v(e){var t=(0,n.default)(e);return"string"===t&&/^\d+%$/.test(e...
function m (line 1) | function m(e,t){return t?("string"==typeof t&&(e=e.map((function(e){retu...
function A (line 1) | function A(e){var t=e.filter((function(e){return"x"===e.axis})),n=e.filt...
function C (line 1) | function C(e,t){var n=t.gridArea,r=n.x,i=n.y,o=n.w,a=n.h;return e=e.map(...
function b (line 1) | function b(e,t){return e.map((function(e){var t=e.axis,n=e.linePosition,...
function x (line 1) | function x(e,t){return e.map((function(e){var t=e.nameGap,n=e.nameLocati...
function w (line 1) | function w(e,t){var n=t.gridArea,i=n.w,a=n.h;return e.map((function(e){v...
function k (line 1) | function k(e){var t=e.animationCurve,n=e.animationFrame;return[{name:"po...
function E (line 1) | function E(e){return{points:e.linePosition}}
function B (line 1) | function B(e){return e.axisLine.style}
function S (line 1) | function S(e){var t=e.animationCurve,n=e.animationFrame,r=e.rLevel,i=fun...
function O (line 1) | function O(e){var t=e.animationCurve,n=e.animationFrame,r=e.rLevel,i=fun...
function I (line 1) | function I(e,t){var n=0,r=10;return"top"!==t&&"bottom"!==t||(n=1),"top"!...
function j (line 1) | function j(e){var t=e.animationCurve,n=e.animationFrame;return[{name:"te...
function M (line 1) | function M(e){return{content:e.name,position:e.namePosition}}
function D (line 1) | function D(e){var t=e.nameLocation,n=e.position,r=e.nameTextStyle,i=func...
function R (line 1) | function R(e){var t=e.animationCurve,n=e.animationFrame,r=e.rLevel,i=fun...
function s (line 1) | function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function l (line 1) | function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[...
function u (line 1) | function u(e,t){var n=t.axisData;return e.map((function(t){var r=(0,F.me...
function h (line 1) | function h(e){var t=e.animationCurve,n=e.animationFrame,r=e.lineFillBott...
function f (line 1) | function f(e){return{points:e.linePosition}}
function p (line 1) | function p(e){var t=e.lineArea,n=e.color,r=t.gradient,o=t.style,a=[o.fil...
function g (line 1) | function g(e,t){var n=e.lineFillBottomPos,r=e.shape,o=t.ctx,a=r.points,s...
function v (line 1) | function v(e){var t=h(e)[0],n=l({},t.style);return n.opacity=0,t.style=n...
function m (line 1) | function m(e,t,n,r){var i=e[n];if(i){var o=b(t),a=r.chart.render;o!==i[0...
function A (line 1) | function A(e,t){var n=t.shape.points,r=e.shape.points,o=r.length,a=n.len...
function C (line 1) | function C(e){var t=e.animationCurve,n=e.animationFrame,r=e.rLevel;retur...
function b (line 1) | function b(e){return e.smooth?"smoothline":"polyline"}
function x (line 1) | function x(e){var t=e.lineStyle,n=e.color,r=e.smooth,i=function(e){var t...
function w (line 1) | function w(e){var t=e.lineStyle.lineDash,n=C(e)[0],r=n.style.lineDash;re...
function k (line 1) | function k(e){var t=e.animationCurve,n=e.animationFrame,i=e.rLevel,o=fun...
function E (line 1) | function E(e){var t=k(e);return t.forEach((function(e){e.shape.r=.1})),t}
function B (line 1) | function B(e){var t=e.animationCurve,o=e.animationFrame,a=e.rLevel,s=fun...
function a (line 1) | function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function s (line 1) | function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[...
function l (line 1) | function l(e,t){var n=t.axisData;return e.forEach((function(e){var t=e.x...
function d (line 1) | function d(e,t){return function(e){var t=e.map((function(e){var t=e.labe...
function c (line 1) | function c(e,t){return e=function(e){return e.forEach((function(e){var t...
function u (line 1) | function u(e,t,n,r,i){if("number"!=typeof n)return null;var o=t-e,a="x"=...
function h (line 1) | function h(e){var t=e.animationCurve,n=e.animationFrame,r=e.rLevel,i=fun...
function f (line 1) | function f(e){var t=e.barLabelAxisPos,n=e.animationCurve,r=e.animationFr...
function p (line 1) | function p(e){var t=e.shapeType;return"leftEchelon"===t||"rightEchelon"=...
function g (line 1) | function g(e,t){var n=e.shapeType;return"leftEchelon"===n?function(e,t){...
function v (line 1) | function v(e,t){var n=e.barStyle,r=e.gradient,o=e.color,a=e.independentC...
function m (line 1) | function m(e){var t=f(e),n=e.shapeType;return t.forEach((function(t){var...
function A (line 1) | function A(e,t,n,r){var i=r.chart.render,o=p(t);e[n]&&e[n][0].name!==o&&...
function C (line 1) | function C(e){var t=e.animationCurve,r=e.animationFrame,o=e.rLevel,a=fun...
function a (line 1) | function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function s (line 1) | function s(e,t){var n=t.render.area;return e.forEach((function(e){var t=...
function l (line 1) | function l(e,t){var n=Math.min.apply(Math,(0,o.default)(t.render.area))/...
function d (line 1) | function d(e,t){return e instanceof Array||(e=[0,e]),e=e.map((function(e...
function c (line 1) | function c(e,t){return e.filter((function(e){return e.roseType})).forEac...
function u (line 1) | function u(e){return e.forEach((function(e){var t=e.data,n=e.percentToFi...
function h (line 1) | function h(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[...
function f (line 1) | function f(e){return e.forEach((function(e){var t=e.startAngle,n=e.data;...
function p (line 1) | function p(e){return e.forEach((function(e){e.data.forEach((function(t){...
function g (line 1) | function g(e){return e.forEach((function(e){var t=e.data,n=e.center;t.fo...
function v (line 1) | function v(e){return e.forEach((function(e){var t=A(e),n=A(e,!1);t=C(t),...
function m (line 1) | function m(e){var t=e.outsideLabel.labelLineBendGap,n=function(e){var t=...
function A (line 1) | function A(e){var t=!(arguments.length>1&&void 0!==arguments[1])||argume...
function C (line 1) | function C(e){return e.sort((function(e,t){var n=(0,i.default)(e.edgeCen...
function b (line 1) | function b(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||argu...
function x (line 1) | function x(e){var t=e.data,n=e.animationCurve,r=e.animationFrame,i=e.rLe...
function w (line 1) | function w(e){var t=e.animationDelayGap,n=e.startAnimationCurve,r=x(e);r...
function k (line 1) | function k(e){e.animationDelay=0}
function E (line 1) | function E(e,t){var n=e.center,r=e.data[t],i=r.radius;return{startAngle:...
function B (line 1) | function B(e,t){var n=e.pieStyle,r=e.data[t].color;return(0,F.deepMerge)...
function S (line 1) | function S(e){var t=e.animationCurve,n=e.animationFrame,r=e.data,i=e.rLe...
function O (line 1) | function O(e,t){var n=e.insideLabel,i=e.data,o=n.formatter,a=i[t],s=(0,r...
function I (line 1) | function I(e,t){return e.insideLabel.style}
function j (line 1) | function j(e){var t=e.animationCurve,n=e.animationFrame,r=e.data,i=e.rLe...
function M (line 1) | function M(e){var t=e.data,n=j(e);return n.forEach((function(e,n){e.styl...
function D (line 1) | function D(e,t){return{points:e.data[t].labelLine}}
function R (line 1) | function R(e,t){var n=e.outsideLabel,r=e.data,i=n.labelLineStyle,o=r[t]....
function G (line 1) | function G(e){var t=e.animationCurve,n=e.animationFrame,r=e.data,i=e.rLe...
function z (line 1) | function z(e){var t=e.data,n=G(e);return n.forEach((function(e,n){e.shap...
function T (line 1) | function T(e,t){var n=e.outsideLabel,i=e.data,o=n.formatter,a=i[t],s=a.l...
function Y (line 1) | function Y(e,t){var r=e.outsideLabel,i=e.data[t],o=i.color,s=i.align,l=r...
function o (line 1) | function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function a (line 1) | function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[...
function s (line 1) | function s(e){return(0,F.deepMerge)((0,L.deepClone)(mn.radarAxisConfig),e)}
function l (line 1) | function l(e,t){var n=t.render.area,r=e.center;return e.centerPos=r.map(...
function d (line 1) | function d(e,t){var n=t.render.area,r=e.splitNum,o=e.radius,a=Math.min.a...
function c (line 1) | function c(e){var t=e.indicator,n=e.centerPos,r=e.radius,o=e.startAngle,...
function u (line 1) | function u(e){var t=e.ringRadius,n=t[0]/2;return e.areaRadius=t.map((fun...
function h (line 1) | function h(e){var t=e.axisLineAngles,n=e.centerPos,r=e.radius,o=e.axisLa...
function f (line 1) | function f(e){var t=e.areaRadius,n=e.polygon,r=e.animationCurve,i=e.anim...
function p (line 1) | function p(e,t){var n=e.polygon,r=e.areaRadius,i=e.indicator,o=e.centerP...
function g (line 1) | function g(e,t){var n=e.splitArea,r=e.ringRadius,o=e.axisLineAngles,s=e....
function v (line 1) | function v(e,t,n,r){var i=e[n];if(i){var o=r.chart.render;(t.polygon?"re...
function m (line 1) | function m(e,t){var n=t.shape.side;"number"==typeof n&&(e.shape.side=n)}
function A (line 1) | function A(e){var t=e.ringRadius,n=e.polygon,r=e.animationCurve,i=e.anim...
function C (line 1) | function C(e,t){var n=e.ringRadius,r=e.centerPos,i=e.indicator,o=e.polyg...
function b (line 1) | function b(e,t){var n=e.splitLine,r=n.color,i=n.style;if(i=a({fill:"rgba...
function x (line 1) | function x(e,t,n,r){var i=e[n];if(i){var o=r.chart.render;(t.polygon?"re...
function w (line 1) | function w(e,t){var n=t.shape.side;"number"==typeof n&&(e.shape.side=n)}
function k (line 1) | function k(e){var t=e.axisLinePosition,n=e.animationCurve,r=e.animationF...
function E (line 1) | function E(e,t){return{points:[e.centerPos,e.axisLinePosition[t]]}}
function B (line 1) | function B(e,t){var n=e.axisLine,r=n.color,i=n.style;if(!r.length)return...
function _ (line 1) | function _(e){var t=e.axisLabelPosition,n=e.animationCurve,r=e.animation...
function S (line 1) | function S(e,t){var n=e.axisLabelPosition;return{content:e.indicator[t]....
function O (line 1) | function O(e,t){var r=e.axisLabel,i=(0,n.default)(e.centerPos,2),o=i[0],...
function a (line 1) | function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function s (line 1) | function s(e,t){var n=t.radarAxis;if(!n)return[];var r=n.indicator,i=n.a...
function l (line 1) | function l(e,t){var n=t.radarAxis;if(!n)return[];var r=n.centerPos,i=n.a...
function d (line 1) | function d(e,t){var n=t.radarAxis;if(!n)return[];var r=(0,i.default)(n.c...
function c (line 1) | function c(e){var t=e.animationCurve,n=e.animationFrame;return[{name:"po...
function u (line 1) | function u(e,t){var n=t.chart.radarAxis.centerPos,r=c(e)[0],i=r.shape.po...
function h (line 1) | function h(e){return{points:e.radarPosition,close:!0}}
function f (line 1) | function f(e){var t=e.radarStyle,n=e.color,r=(0,Be.getRgbaValue)(n);r[3]...
function p (line 1) | function p(e,t){var n=t.shape,r=e.shape.points,i=r.length,a=n.points.len...
function g (line 1) | function g(e){var t=e.radarPosition,n=e.animationCurve,r=e.animationFram...
function v (line 1) | function v(e){var t=g(e);return t.forEach((function(e){return e.shape.r=...
function m (line 1) | function m(e,t){var n=e.radarPosition,r=e.point.radius,i=n[t];return{rx:...
function A (line 1) | function A(e,t){var n=e.point,r=e.color,i=n.style;return(0,F.deepMerge)(...
function C (line 1) | function C(e){var t=e.labelPosition,n=e.animationCurve,r=e.animationFram...
function b (line 1) | function b(e,t){var n,o,a,s,l,d,c,u,h=e.labelPosition,f=e.label,p=e.data...
function x (line 1) | function x(e,t){var r=e.label,i=e.color,o=e.labelAlign,s=r.style,l=funct...
function a (line 1) | function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){va...
function s (line 1) | function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[...
function l (line 1) | function l(e,t){var n=t.render.area;return e.forEach((function(e){var t=...
function d (line 1) | function d(e,t){var n=t.render.area,r=Math.min.apply(Math,(0,o.default)(...
function c (line 1) | function c(e,t){var n=t.render.area,r=Math.min.apply(Math,(0,o.default)(...
function u (line 1) | function u(e,t){return e.forEach((function(e){var t=e.startAngle,n=e.end...
function h (line 1) | function h(e,t){return e.forEach((function(e){e.data.forEach((function(e...
function f (line 1) | function f(e,t){return e.forEach((function(e){var t=e.startAngle,n=e.end...
function p (line 1) | function p(e,t){return e.forEach((function(e){var t=e.center,n=e.tickInn...
function g (line 1) | function g(e,t){return e.forEach((function(e){var t=e.axisLabel,n=e.min,...
function v (line 1) | function v(e,t){return e.forEach((function(e){var t=e.data,n=e.details,r...
function m (line 1) | function m(e,t){return e.forEach((function(e){var t=e.data,n=e.details.f...
function A (line 1) | function A(e){var t=e.tickPosition,n=e.animationCurve,r=e.animationFrame...
function C (line 1) | function C(e,t){return{points:e.tickPosition[t]}}
function b (line 1) | function b(e,t){return e.axisTick.style}
function x (line 1) | function x(e){var t=e.labelPosition,n=e.animationCurve,r=e.animationFram...
function w (line 1) | function w(e,t){var n=e.labelPosition;return{content:e.axisLabel.data[t]...
function k (line 1) | function k(e,t){var n=e.labelAlign,r=e.axisLabel.style;return(0,F.deepMe...
function E (line 1) | function E(e){var t=e.animationCurve,n=e.animationFrame;return[{name:"ar...
function B (line 1) | function B(e){var t=e.startAngle,n=e.endAngle,r=e.center,i=e.radius;retu...
function S (line 1) | function S(e){var t=e.backgroundArc,n=e.arcLineWidth,r=t.style;return(0,...
function O (line 1) | function O(e){var t=E(e)[0],n=s({},t.shape);return n.endAngle=t.shape.st...
function I (line 1) | function I(e){var t=e.data,n=e.animationCurve,r=e.animationFrame,i=e.rLe...
function j (line 1) | function j(e,t){var n=e.data,r=e.center,i=e.endAngle,o=n[t],a=o.radius,s...
function M (line 1) | function M(e,t){var n=e.data,r=e.dataItemStyle,i=n[t],o=i.lineWidth,a=i....
function D (line 1) | function D(e){var t=I(e);return t.map((function(e){var t=s({},e.shape);t...
function R (line 1) | function R(e,t){var n=e.style.gradient,r=n.length,i=t.style.gradient.len...
function G (line 1) | function G(e){var t=e.animationCurve,n=e.animationFrame,r=e.center;retur...
function z (line 1) | function z(e){var t,n,r,o,a,s,l,d,c=e.center;return{points:(t=c,n=(0,i.d...
function T (line 1) | function T(e){var t=e.startAngle,n=e.endAngle,r=e.min,i=e.max,o=e.data,a...
function Y (line 1) | function Y(e){var t=e.startAngle,n=G(e)[0];return n.style.rotate=(0,F.ra...
function N (line 1) | function N(e){var t=e.detailsPosition,n=e.animationCurve,r=e.animationFr...
function X (line 1) | function X(e,t){var n=e.detailsPosition,r=e.detailsContent,i=e.data,o=e....
function $ (line 1) | function $(e,t){var n=e.details,r=e.data,i=n.style,o=r[t].color;return(0...
function o (line 1) | function o(e){var t=e.data;return e.data=t.map((function(e){var t=(0,i.d...
function a (line 1) | function a(e,t,n){var r=t.series,i=n.legendStatus,o=e.data.filter((funct...
function s (line 1) | function s(e,t){var n=t.render.ctx,r=e.data,i=e.textStyle,o=e.textUnsele...
function l (line 1) | function l(e,t){return"vertical"===e.orient?function(e,t){var n=function...
function d (line 1) | function d(e,t,n){var r=n.data,i=n.iconWidth,o=n.itemGap,a=r.slice(e,t);...
function c (line 1) | function c(e,t){var n=(0,r.default)(e,2),i=n[0],o=n[1],a=(0,r.default)(t...
function u (line 1) | function u(e,t){var r=e.data,i=e.selectAble,o=e.animationCurve,a=e.anima...
function h (line 1) | function h(e,t){var n=e.data,i=e.iconWidth,o=e.iconHeight,a=(0,r.default...
function f (line 1) | function f(e,t){var n=e.data,r=e.iconStyle,i=e.iconUnselectedStyle,o=n[t...
function p (line 1) | function p(e,t){var n=e.data,r=e.selectAble,i=e.animationCurve,o=e.anima...
function g (line 1) | function g(e,t){var n=e.data[t],r=n.textPosition;return{content:n.name,p...
function v (line 1) | function v(e,t){var n=e.textStyle,r=e.textUnselectedStyle,i=e.data[t],o=...
function m (line 1) | function m(e,t){var n=e.textStyle,i=e.textUnselectedStyle,o=e.data[t],a=...
function A (line 1) | function A(e,t,n){var r=e.data[t].name;return function(){var e=n.chart,i...
method data (line 1) | data(){const e=r();return{ref:"charts-container-"+e,chartRef:"chart-"+e,...
method option (line 1) | option(){let{chart:e,option:t}=this;e&&(t||(t={}),e.setOption(t,!0))}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{initChart:e}=this;e()}
method initChart (line 1) | initChart(){const{$refs:e,chartRef:t,option:n}=this,r=this.chart=new Wn(...
method onResize (line 1) | onResize(){const{chart:e}=this;e&&e.resize()}
function Fn (line 1) | function Fn(e){e.component(Mn.name,Mn)}
method config (line 1) | config(){const{update:e}=this;e()}
method init (line 1) | init(){const{initRender:e,mergeConfig:t,initGraph:n}=this;e(),t(),n()}
method initRender (line 1) | initRender(){const{$refs:e}=this;this.renderer=new qt(e["digital-flop"])}
method mergeConfig (line 1) | mergeConfig(){const{defaultConfig:e,config:t}=this;this.mergedConfig=D(j...
method initGraph (line 1) | initGraph(){const{getShape:e,getStyle:t,renderer:n,mergedConfig:r}=this,...
method getShape (line 1) | getShape(){const{number:e,content:t,toFixed:n,textAlign:r,rowGap:i,forma...
method getStyle (line 1) | getStyle(){const{style:e,textAlign:t}=this.mergedConfig;return D(e,{text...
method update (line 1) | update(){const{mergeConfig:e,mergeShape:t,getShape:n,getStyle:r,graph:i,...
method mergeShape (line 1) | mergeShape(e,t){e.shape.number.length!==t.number.length&&(e.shape.number...
method mounted (line 1) | mounted(){const{init:e}=this;e()}
method digitalFlop (line 1) | digitalFlop(){const{mergedConfig:e,activeIndex:t}=this;if(!e)return{};co...
method ringName (line 1) | ringName(){const{mergedConfig:e,activeIndex:t}=this;return e?e.data[t].n...
method fontSize (line 1) | fontSize(){const{mergedConfig:e}=this;return e?`font-size: ${e.digitalFl...
method config (line 1) | config(){const{animationHandler:e,mergeConfig:t,setRingOption:n}=this;cl...
method init (line 1) | init(){const{initChart:e,mergeConfig:t,setRingOption:n}=this;e(),t(),n()}
method initChart (line 1) | initChart(){const{$refs:e}=this;this.chart=new Wn(e["active-ring-chart"])}
method mergeConfig (line 1) | mergeConfig(){const{defaultConfig:e,config:t}=this;this.mergedConfig=D(j...
method setRingOption (line 1) | setRingOption(){const{getRingOption:e,chart:t,ringAnimation:n}=this,r=e(...
method getRingOption (line 1) | getRingOption(){const{mergedConfig:e,getRealRadius:t}=this,n=t();return ...
method getRealRadius (line 1) | getRealRadius(e=!1){const{mergedConfig:t,chart:n}=this,{radius:r,activeR...
method ringAnimation (line 1) | ringAnimation(){let{activeIndex:e,getRingOption:t,chart:n,getRealRadius:...
method mounted (line 1) | mounted(){const{init:e}=this;e()}
method beforeDestroy (line 1) | beforeDestroy(){const{animationHandler:e}=this;clearTimeout(e)}
function Nn (line 1) | function Nn(e){e.component(Yn.name,Yn)}
method config (line 1) | config(){const{calcData:e}=this;e()}
method calcData (line 1) | calcData(){const{mergeConfig:e,calcCapsuleLengthAndLabelData:t}=this;e()...
method mergeConfig (line 1) | mergeConfig(){let{config:e,defaultConfig:t}=this;this.mergedConfig=D(j(t...
method calcCapsuleLengthAndLabelData (line 1) | calcCapsuleLengthAndLabelData(){const{data:e}=this.mergedConfig;if(!e.le...
method mounted (line 1) | mounted(){const{calcData:e}=this;e()}
function Qn (line 1) | function Qn(e){e.component(Hn.name,Hn)}
method radius (line 1) | radius(){const{shape:e}=this.mergedConfig;return"round"===e?"50%":"rect"...
method shape (line 1) | shape(){const{shape:e}=this.mergedConfig;return e||"rect"}
method config (line 1) | config(){const{calcData:e,renderer:t}=this;t.delAllGraph(),this.waves=[]...
method init (line 1) | init(){const{initRender:e,config:t,calcData:n}=this;e(),t&&n()}
method initRender (line 1) | initRender(){const{$refs:e}=this;this.renderer=new qt(e["water-pond-leve...
method calcData (line 1) | calcData(){const{mergeConfig:e,calcSvgBorderGradient:t,calcDetails:n}=th...
method mergeConfig (line 1) | mergeConfig(){const{config:e,defaultConfig:t}=this;this.mergedConfig=D(j...
method calcSvgBorderGradient (line 1) | calcSvgBorderGradient(){const{colors:e}=this.mergedConfig,t=100/(e.lengt...
method calcDetails (line 1) | calcDetails(){const{data:e,formatter:t}=this.mergedConfig;if(!e.length)r...
method addWave (line 1) | addWave(){const{renderer:e,getWaveShapes:t,getWaveStyle:n,drawed:r}=this...
method getWaveShapes (line 1) | getWaveShapes(){const{mergedConfig:e,renderer:t,mergeOffset:n}=this,{wav...
method getWaveStyle (line 1) | getWaveStyle(){const{renderer:e,mergedConfig:t}=this,n=e.area[1];return{...
method drawed (line 1) | drawed({shape:{points:e}},{ctx:t,area:n}){const r=e[0],i=e.slice(-1)[0],...
method animationWave (line 1) | async animationWave(e=1){const{waves:t,renderer:n,animation:r}=this;if(r...
method mounted (line 1) | mounted(){const{init:e}=this;e()}
method beforeDestroy (line 1) | beforeDestroy(){const{renderer:e}=this;e.delAllGraph(),this.waves=[]}
function Zn (line 1) | function Zn(e){e.component(qn.name,qn)}
method data (line 1) | data(){const e=r();return{gradientId1:"percent-pond-gradientId1-"+e,grad...
method rectWidth (line 1) | rectWidth(){const{mergedConfig:e,width:t}=this;if(!e)return 0;const{bord...
method rectHeight (line 1) | rectHeight(){const{mergedConfig:e,height:t}=this;if(!e)return 0;const{bo...
method points (line 1) | points(){const{mergedConfig:e,width:t,height:n}=this,r=n/2;if(!e)return`...
method polylineWidth (line 1) | polylineWidth(){const{mergedConfig:e,height:t}=this;if(!e)return 0;const...
method linearGradient (line 1) | linearGradient(){const{mergedConfig:e}=this;if(!e)return[];const{colors:...
method polylineGradient (line 1) | polylineGradient(){const{gradientId1:e,gradientId2:t,mergedConfig:n}=thi...
method gradient2XPos (line 1) | gradient2XPos(){const{mergedConfig:e}=this;if(!e)return"100%";const{valu...
method details (line 1) | details(){const{mergedConfig:e}=this;if(!e)return"";const{value:t,format...
method config (line 1) | config(){const{mergeConfig:e}=this;e()}
method init (line 1) | async init(){const{initWH:e,config:t,mergeConfig:n}=this;await e(),t&&n()}
method initWH (line 1) | async initWH(){const{$nextTick:e,$refs:t}=this;await e();const{clientWid...
method mergeConfig (line 1) | mergeConfig(){const{config:e,defaultConfig:t}=this;this.mergedConfig=D(j...
method mounted (line 1) | mounted(){const{init:e}=this;e()}
function tr (line 1) | function tr(e){e.component(er.name,er)}
method data (line 1) | data(){const e=r();return{ref:"dv-flyline-chart",unique:Math.random(),ma...
method config (line 1) | config(){const{calcData:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcData:e}=this;e()}
method onResize (line 1) | onResize(){const{calcData:e}=this;e()}
method calcData (line 1) | async calcData(){const{mergeConfig:e,createFlylinePaths:t,calcLineLength...
method mergeConfig (line 1) | mergeConfig(){let{config:e,defaultConfig:t}=this;const n=D(j(t,!0),e||{}...
method createFlylinePaths (line 1) | createFlylinePaths(){const{getPath:e,mergedConfig:t,width:n,height:r}=th...
method getPath (line 1) | getPath(e,t){const{getControlPoint:n}=this;return[t,n(e,t),e]}
method getControlPoint (line 1) | getControlPoint([e,t],[r,i]){const{getKLinePointByx:o,mergedConfig:a}=th...
method calcLineLengths (line 1) | async calcLineLengths(){const{$nextTick:e,paths:t,$refs:n}=this;await e(...
method calcTimes (line 1) | calcTimes(){const{duration:e,points:n}=this.mergedConfig;this.times=n.ma...
method calcTexts (line 1) | calcTexts(){const{points:e}=this.mergedConfig;this.texts=e.map(({text:e}...
method consoleClickPos (line 1) | consoleClickPos({offsetX:e,offsetY:t}){const{width:n,height:r,dev:i}=thi...
function or (line 1) | function or(e){e.component(ir.name,ir)}
method data (line 1) | data(){const e=r();return{ref:"dv-flyline-chart-enhanced",unique:Math.ra...
method config (line 1) | config(){const{calcData:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcData:e}=this;e()}
method onResize (line 1) | onResize(){const{calcData:e}=this;e()}
method calcData (line 1) | async calcData(){const{mergeConfig:e,calcflylinePoints:t,calcLinePaths:n...
method mergeConfig (line 1) | mergeConfig(){let{config:e,defaultConfig:t}=this;const n=D(j(t,!0),e||{}...
method calcflylinePoints (line 1) | calcflylinePoints(){const{mergedConfig:e,width:n,height:r}=this,{relativ...
method calcLinePaths (line 1) | calcLinePaths(){const{getPath:e,mergedConfig:n}=this,{points:r,lines:i}=...
method getPath (line 1) | getPath(e,t){const{getControlPoint:n}=this;return[e,n(e,t),t]}
method getControlPoint (line 1) | getControlPoint([e,t],[r,i]){const{getKLinePointByx:o,mergedConfig:a}=th...
method calcLineLengths (line 1) | async calcLineLengths(){const{$nextTick:e,flylines:t,$refs:n}=this;await...
method consoleClickPos (line 1) | consoleClickPos({offsetX:e,offsetY:t}){const{width:n,height:r,dev:i}=thi...
function dr (line 1) | function dr(e){e.component(lr.name,lr)}
method config (line 1) | config(){const{calcData:e}=this;e()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcData:e}=this;e()}
method onResize (line 1) | onResize(){const{calcData:e}=this;e()}
method calcData (line 1) | calcData(){const{mergeConfig:e,initData:t,calcSVGPath:n}=this;e(),t(),n()}
method mergeConfig (line 1) | mergeConfig(){const{defaultConfig:e,config:t}=this;this.mergedConfig=D(j...
method initData (line 1) | initData(){const{mergedConfig:e}=this;let{data:t}=e;t=j(t,!0),t.sort(({v...
method calcSVGPath (line 1) | calcSVGPath(){const{mergedConfig:e,width:t,height:n}=this,{imgSideLength...
function fr (line 1) | function fr(e){e.component(hr.name,hr)}
function pr (line 1) | function pr(e){e.component(Gn.name,Gn)}
method config (line 1) | config(){const{stopAnimation:e,calcData:t}=this;e(),this.animationIndex=...
method handleHover (line 1) | handleHover(e,t,n,r,i){const{mergedConfig:o,emitEvent:a,stopAnimation:s,...
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcData:e}=this;e()}
method onResize (line 1) | onResize(){const{mergedConfig:e,calcWidths:t,calcHeights:n}=this;e&&(t()...
method calcData (line 1) | calcData(){const{mergeConfig:e,calcHeaderData:t,calcRowsData:n}=this;e()...
method mergeConfig (line 1) | mergeConfig(){let{config:e,defaultConfig:t}=this;this.mergedConfig=D(j(t...
method calcHeaderData (line 1) | calcHeaderData(){let{header:e,index:t,indexHeader:n}=this.mergedConfig;e...
method calcRowsData (line 1) | calcRowsData(){let{data:e,index:t,headerBGC:n,rowNum:r}=this.mergedConfi...
method calcWidths (line 1) | calcWidths(){const{width:e,mergedConfig:t,rowsData:n}=this,{columnWidth:...
method calcHeights (line 1) | calcHeights(e=!1){const{height:t,mergedConfig:n,header:r}=this,{headerHe...
method calcAligns (line 1) | calcAligns(){const{header:e,mergedConfig:t}=this,n=e.length;let r=new Ar...
method animation (line 1) | async animation(e=!1){const{needCalc:t,calcHeights:n,calcRowsData:r}=thi...
method stopAnimation (line 1) | stopAnimation(){const{animationHandler:e,updater:t}=this;this.updater=(t...
method emitEvent (line 1) | emitEvent(e,t,n,r,i){const{ceils:o,rowIndex:a}=r;this.$emit(e,{row:o,cei...
method updateRows (line 1) | updateRows(e,t){const{mergedConfig:n,animationHandler:r,animation:i}=thi...
method destroyed (line 1) | destroyed(){const{stopAnimation:e}=this;e()}
function Ar (line 1) | function Ar(e){e.component(mr.name,mr)}
method config (line 1) | config(){const{stopAnimation:e,calcData:t}=this;e(),t()}
method afterAutoResizeMixinInit (line 1) | afterAutoResizeMixinInit(){const{calcData:e}=this;e()}
method onResize (line 1) | onResize(){const{mergedConfig:e,calcHeights:t}=this;e&&t(!0)}
method calcData (line 1) | calcData(){const{mergeConfig:e,calcRowsData:t}=this;e(),t();const{calcHe...
method mergeConfig (line 1) | mergeConfig(){let{config:e,defaultConfig:t}=this;this.mergedConfig=D(j(t...
method calcRowsData (line 1) | calcRowsData(){let{data:e,rowNum:t,sort:n}=this.mergedConfig;n&&e.sort((...
method calcHeights (line 1) | calcHeights(e=!1){const{height:t,mergedConfig:n}=this,{rowNum:r,data:i}=...
method animation (line 1) | async animation(e=!1){let{avgHeight:t,animationIndex:n,mergedConfig:r,ro...
method stopAnimation (line 1) | stopAnimation(){const{animationHandler:e,updater:t}=this;this.updater=(t...
method destroyed (line 1) | destroyed(){const{stopAnimation:e}=this;e()}
function xr (line 1) | function xr(e){e.component(yr.name,yr)}
FILE: lib/mixin/autoResize.js
method data (line 4) | data () {
method autoResizeMixinInit (line 17) | async autoResizeMixinInit () {
method initWH (line 28) | initWH (resize = true) {
method getDebounceInitWHFun (line 50) | getDebounceInitWHFun () {
method bindDomResizeCallback (line 55) | bindDomResizeCallback () {
method unbindDomResizeCallback (line 62) | unbindDomResizeCallback () {
method mounted (line 74) | mounted () {
method beforeDestroy (line 79) | beforeDestroy () {
FILE: lib/util/index.js
function randomExtend (line 1) | function randomExtend (minNum, maxNum) {
function debounce (line 9) | function debounce (delay, callback) {
function observerDomResize (line 23) | function observerDomResize (dom, callback) {
function getPointDistance (line 33) | function getPointDistance (pointOne, pointTwo) {
function uuid (line 41) | function uuid (hasHyphen) {
FILE: src/mixin/autoResize.js
method data (line 4) | data () {
method autoResizeMixinInit (line 17) | async autoResizeMixinInit () {
method initWH (line 28) | initWH (resize = true) {
method getDebounceInitWHFun (line 50) | getDebounceInitWHFun () {
method bindDomResizeCallback (line 55) | bindDomResizeCallback () {
method unbindDomResizeCallback (line 62) | unbindDomResizeCallback () {
method mounted (line 74) | mounted () {
method beforeDestroy (line 79) | beforeDestroy () {
FILE: src/util/index.js
function randomExtend (line 1) | function randomExtend (minNum, maxNum) {
function debounce (line 9) | function debounce (delay, callback) {
function observerDomResize (line 23) | function observerDomResize (dom, callback) {
function getPointDistance (line 33) | function getPointDistance (pointOne, pointTwo) {
function uuid (line 41) | function uuid (hasHyphen) {
Condensed preview — 219 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (1,495K chars).
[
{
"path": ".github/ISSUE_TEMPLATE/bug_report.md",
"chars": 336,
"preview": "---\nname: Bug report\nabout: 提交Bug反馈\n---\n\n<!-- 请确定这是一个Bug反馈，而不是一个需求反馈或问题求助，否则ISSUE可能被关闭 -->\n<!-- 请提供可供复现Bug的必要条件，否则ISSUE可"
},
{
"path": ".github/ISSUE_TEMPLATE/feature_request.md",
"chars": 153,
"preview": "---\nname: Feature request\nabout: 新特性建议\n---\n\n<!-- 创建新特性建议前请确定你的DataV是最新版的 -->\n\n## Feature request\n\n#### 这个特性解决了什么问题？\n\n###"
},
{
"path": ".github/ISSUE_TEMPLATE/new_component_request.md",
"chars": 226,
"preview": "---\nname: Component request\nabout: 新组件建议\n---\n\n<!-- 创建新组件建议前请确定你的DataV是最新版的 -->\n<!-- (将[ ]修改为[x]) -->\n\n## Component reque"
},
{
"path": ".github/PULL_REQUEST_TEMPLATE.md",
"chars": 396,
"preview": "<!-- (将[ ]修改为[x]) -->\n\n**该PR的类型是？** (至少选择一个)\n\n- [ ] Bug修复\n- [ ] 新特性\n- [ ] 新组件\n\n**该PR是否向下兼容?** (选择任一)\n\n- [ ] 是\n- [ ] 否\n\n如"
},
{
"path": ".gitignore",
"chars": 256,
"preview": ".DS_Store\nnode_modules\npackage-lock.json\n/deploy/config.js\n\n# local env files\n.env.local\n.env.*.local\n\n# Log files\nnpm-d"
},
{
"path": "CHANGELOG.md",
"chars": 8675,
"preview": "# 2.10.0-alpha (2020-09-09)\n\n### New\n\n- **decoration12:** New decoration(Radar scan).\n\n### Optmization\n\n- **decoration**"
},
{
"path": "LICENSE",
"chars": 1085,
"preview": "The MIT License (MIT)\n\nCopyright (c) 2019-present, DataV-Team\n\nPermission is hereby granted, free of charge, to any pers"
},
{
"path": "README.md",
"chars": 1705,
"preview": "[ENGLISH](./README_EN.md)\n\n<p align=\"center\">\n <img src=\"./icon.png\">\n</p>\n<h1 align=\"center\">DataV</h1>\n<p align=\"cent"
},
{
"path": "README_EN.md",
"chars": 2781,
"preview": "[中文](./README.md)\n\n<p align=\"center\">\n <img src=\"./icon.png\">\n</p>\n<h1 align=\"center\">DataV</h1>\n<p align=\"center\">\n "
},
{
"path": "build/entry.js",
"chars": 71,
"preview": "import Vue from 'vue'\nimport datav from '../src/index'\n\nVue.use(datav)\n"
},
{
"path": "build/index.js",
"chars": 4680,
"preview": "const { copyDir, fileForEach, readFile, writeFile, unlinkDirFileByExtname, dirForEach } = require('@jiaminghi/fs')\nconst"
},
{
"path": "build/plugin/exec.js",
"chars": 337,
"preview": "const { exec } = require('child_process')\n\nfunction doExec (execString, maxBuffer = 1024 ** 5) {\n return new Promise(re"
},
{
"path": "build/plugin/print.js",
"chars": 443,
"preview": "const print = {\n log (info) {\n console.log(info)\n },\n warn (info) {\n console.log('\\033[31;33m' + info + '\\033[0"
},
{
"path": "build/rollup.config.js",
"chars": 439,
"preview": "import resolve from 'rollup-plugin-node-resolve'\nimport vue from 'rollup-plugin-vue'\nimport commonjs from 'rollup-plugin"
},
{
"path": "build/rollup.terser.config.js",
"chars": 499,
"preview": "import resolve from 'rollup-plugin-node-resolve'\nimport vue from 'rollup-plugin-vue'\nimport commonjs from 'rollup-plugin"
},
{
"path": "deploy/index.js",
"chars": 1558,
"preview": "const { fileForEach } = require('@jiaminghi/fs')\nconst Client = require('ftp')\nconst print = require('./plugin/print')\nc"
},
{
"path": "deploy/plugin/ftp.js",
"chars": 1794,
"preview": "async function getList (ftp, src) {\n return new Promise(resolve => {\n ftp.list(src, (err, list) => {\n if (err) "
},
{
"path": "deploy/plugin/nodeParams.js",
"chars": 209,
"preview": "function getNodeParams () {\n const params = {}\n\n process.argv.slice(2).forEach(param => {\n param = param.split('=')"
},
{
"path": "deploy/plugin/print.js",
"chars": 443,
"preview": "const print = {\n log (info) {\n console.log(info)\n },\n warn (info) {\n console.log('\\033[31;33m' + info + '\\033[0"
},
{
"path": "dist/datav.map.vue.js",
"chars": 728680,
"preview": "(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('vue')) :"
},
{
"path": "dist/datav.min.vue.js",
"chars": 280820,
"preview": "!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?t(require(\"vue\")):\"function\"==typeof define&&define."
},
{
"path": "lib/components/activeRingChart/index.js",
"chars": 159,
"preview": "import './src/main.css'\nimport ActiveRingChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Ac"
},
{
"path": "lib/components/activeRingChart/src/main.css",
"chars": 669,
"preview": ".dv-active-ring-chart {\n position: relative;\n}\n.dv-active-ring-chart .active-ring-chart-container {\n width: 100%;\n he"
},
{
"path": "lib/components/activeRingChart/src/main.vue",
"chars": 6945,
"preview": "<template>\n <div class=\"dv-active-ring-chart\">\n <div class=\"active-ring-chart-container\" ref=\"active-ring-chart\" />\n"
},
{
"path": "lib/components/borderBox1/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox1 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox1/src/main.css",
"chars": 502,
"preview": ".dv-border-box-1 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-1 .border {\n position: absolut"
},
{
"path": "lib/components/borderBox1/src/main.vue",
"chars": 3320,
"preview": "<template>\n <div class=\"dv-border-box-1\" :ref=\"ref\">\n <svg class=\"border\" :width=\"width\" :height=\"height\">\n <po"
},
{
"path": "lib/components/borderBox10/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport BorderBox10 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Border"
},
{
"path": "lib/components/borderBox10/src/main.css",
"chars": 547,
"preview": ".dv-border-box-10 {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n}\n.dv-border-box-10 .dv-b"
},
{
"path": "lib/components/borderBox10/src/main.vue",
"chars": 1721,
"preview": "<template>\n <div class=\"dv-border-box-10\" :ref=\"ref\" :style=\"`box-shadow: inset 0 0 25px 3px ${mergedColor[0]}`\">\n <"
},
{
"path": "lib/components/borderBox11/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport BorderBox11 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Border"
},
{
"path": "lib/components/borderBox11/src/main.css",
"chars": 386,
"preview": ".dv-border-box-11 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-11 .dv-border-svg-container {\n"
},
{
"path": "lib/components/borderBox11/src/main.vue",
"chars": 8122,
"preview": "<template>\n <div class=\"dv-border-box-11\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "lib/components/borderBox12/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport BorderBox12 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Border"
},
{
"path": "lib/components/borderBox12/src/main.css",
"chars": 295,
"preview": ".dv-border-box-12 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-12 .dv-border-svg-container {\n"
},
{
"path": "lib/components/borderBox12/src/main.vue",
"chars": 3943,
"preview": "<template>\n <div class=\"dv-border-box-12\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "lib/components/borderBox13/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport BorderBox13 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Border"
},
{
"path": "lib/components/borderBox13/src/main.css",
"chars": 295,
"preview": ".dv-border-box-13 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-13 .dv-border-svg-container {\n"
},
{
"path": "lib/components/borderBox13/src/main.vue",
"chars": 1933,
"preview": "<template>\n <div class=\"dv-border-box-13\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "lib/components/borderBox2/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox2 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox2/src/main.css",
"chars": 382,
"preview": ".dv-border-box-2 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-2 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox2/src/main.vue",
"chars": 1846,
"preview": "<template>\n <div class=\"dv-border-box-2\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "lib/components/borderBox3/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox3 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox3/src/main.css",
"chars": 471,
"preview": ".dv-border-box-3 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-3 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox3/src/main.vue",
"chars": 1966,
"preview": "<template>\n <div class=\"dv-border-box-3\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "lib/components/borderBox4/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox4 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox4/src/main.css",
"chars": 1258,
"preview": ".dv-border-box-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-4 .dv-reverse {\n transform: ro"
},
{
"path": "lib/components/borderBox4/src/main.vue",
"chars": 2623,
"preview": "<template>\n <div class=\"dv-border-box-4\" :ref=\"ref\">\n <svg :class=\"`dv-border-svg-container ${reverse && 'dv-reverse"
},
{
"path": "lib/components/borderBox5/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox5 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox5/src/main.css",
"chars": 689,
"preview": ".dv-border-box-5 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-5 .dv-reverse {\n transform: ro"
},
{
"path": "lib/components/borderBox5/src/main.vue",
"chars": 2321,
"preview": "<template>\n <div class=\"dv-border-box-5\" :ref=\"ref\">\n <svg :class=\"`dv-border-svg-container ${reverse && 'dv-revers"
},
{
"path": "lib/components/borderBox6/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox6 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox6/src/main.css",
"chars": 382,
"preview": ".dv-border-box-6 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-6 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox6/src/main.vue",
"chars": 2636,
"preview": "<template>\n <div class=\"dv-border-box-6\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "lib/components/borderBox7/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox7 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox7/src/main.css",
"chars": 510,
"preview": ".dv-border-box-7 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-7 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox7/src/main.vue",
"chars": 2307,
"preview": "\n<template>\n <div\n class=\"dv-border-box-7\"\n :style=\"`box-shadow: inset 0 0 40px ${mergedColor[0]}; border: 1px so"
},
{
"path": "lib/components/borderBox8/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox8 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox8/src/main.css",
"chars": 292,
"preview": ".dv-border-box-8 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-8 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox8/src/main.vue",
"chars": 3178,
"preview": "<template>\n <div class=\"dv-border-box-8\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "lib/components/borderBox9/index.js",
"chars": 144,
"preview": "import './src/main.css'\nimport BorderBox9 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderB"
},
{
"path": "lib/components/borderBox9/src/main.css",
"chars": 292,
"preview": ".dv-border-box-9 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-border-box-9 .dv-border-svg-container {\n "
},
{
"path": "lib/components/borderBox9/src/main.vue",
"chars": 5239,
"preview": "<template>\n <div class=\"dv-border-box-9\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "lib/components/capsuleChart/index.js",
"chars": 150,
"preview": "import './src/main.css'\nimport CapsuleChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Capsu"
},
{
"path": "lib/components/capsuleChart/src/main.css",
"chars": 1348,
"preview": ".dv-capsule-chart {\n position: relative;\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n padding: 1"
},
{
"path": "lib/components/capsuleChart/src/main.vue",
"chars": 3655,
"preview": "<template>\n <div class=\"dv-capsule-chart\">\n <template v-if=\"mergedConfig\">\n <div class=\"label-column\">\n "
},
{
"path": "lib/components/charts/index.js",
"chars": 132,
"preview": "import './src/main.css'\nimport Charts from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Charts.name"
},
{
"path": "lib/components/charts/src/main.css",
"chars": 159,
"preview": ".dv-charts-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-charts-container .charts-canvas-contai"
},
{
"path": "lib/components/charts/src/main.vue",
"chars": 1156,
"preview": "<template>\n <div class=\"dv-charts-container\" :ref=\"ref\">\n <div class=\"charts-canvas-container\" :ref=\"chartRef\" />\n "
},
{
"path": "lib/components/conicalColumnChart/index.js",
"chars": 168,
"preview": "import './src/main.css'\nimport ConicalColumnChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component"
},
{
"path": "lib/components/conicalColumnChart/src/main.css",
"chars": 117,
"preview": ".dv-conical-column-chart {\n width: 100%;\n height: 100%;\n}\n.dv-conical-column-chart text {\n text-anchor: middle;\n}\n"
},
{
"path": "lib/components/conicalColumnChart/src/main.vue",
"chars": 4857,
"preview": "<template>\n <div class=\"dv-conical-column-chart\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <g\n "
},
{
"path": "lib/components/decoration1/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration1 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration1/src/main.css",
"chars": 107,
"preview": ".dv-decoration-1 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-1 svg {\n transform-origin: left top;\n}\n"
},
{
"path": "lib/components/decoration1/src/main.vue",
"chars": 4504,
"preview": "<template>\n <div class=\"dv-decoration-1\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "lib/components/decoration10/index.js",
"chars": 150,
"preview": "import './src/main.css'\nimport Decoration10 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decor"
},
{
"path": "lib/components/decoration10/src/main.css",
"chars": 70,
"preview": ".dv-decoration-10 {\n width: 100%;\n height: 100%;\n display: flex;\n}\n"
},
{
"path": "lib/components/decoration10/src/main.vue",
"chars": 5421,
"preview": "<template>\n <div class=\"dv-decoration-10\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "lib/components/decoration11/index.js",
"chars": 150,
"preview": "import './src/main.css'\nimport Decoration11 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decor"
},
{
"path": "lib/components/decoration11/src/main.css",
"chars": 279,
"preview": ".dv-decoration-11 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-11 .decoratio"
},
{
"path": "lib/components/decoration11/src/main.vue",
"chars": 2555,
"preview": "<template>\n <div class=\"dv-decoration-11\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polygon\n "
},
{
"path": "lib/components/decoration12/index.js",
"chars": 150,
"preview": "import './src/main.css'\nimport Decoration12 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decor"
},
{
"path": "lib/components/decoration12/src/main.css",
"chars": 279,
"preview": ".dv-decoration-12 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n}\n.dv-decoration-12 .decoratio"
},
{
"path": "lib/components/decoration12/src/main.vue",
"chars": 6304,
"preview": "<template>\n <div class=\"dv-decoration-12\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <defs>\n <g"
},
{
"path": "lib/components/decoration2/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration2 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration2/src/main.css",
"chars": 119,
"preview": ".dv-decoration-2 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"
},
{
"path": "lib/components/decoration2/src/main.vue",
"chars": 2421,
"preview": "<template>\n <div class=\"dv-decoration-2\" :ref=\"ref\">\n <svg :width=\"`${width}px`\" :height=\"`${height}px`\">\n <rec"
},
{
"path": "lib/components/decoration3/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration3 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration3/src/main.css",
"chars": 107,
"preview": ".dv-decoration-3 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-3 svg {\n transform-origin: left top;\n}\n"
},
{
"path": "lib/components/decoration3/src/main.vue",
"chars": 2745,
"preview": "<template>\n <div class=\"dv-decoration-3\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "lib/components/decoration4/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration4 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration4/src/main.css",
"chars": 616,
"preview": ".dv-decoration-4 {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.dv-decoration-4 .container {\n display: flex;"
},
{
"path": "lib/components/decoration4/src/main.vue",
"chars": 1757,
"preview": "<template>\n <div class=\"dv-decoration-4\" :ref=\"ref\">\n <div\n :class=\"`container ${reverse ? 'reverse' : 'normal'"
},
{
"path": "lib/components/decoration5/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration5 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration5/src/main.css",
"chars": 52,
"preview": ".dv-decoration-5 {\n width: 100%;\n height: 100%;\n}\n"
},
{
"path": "lib/components/decoration5/src/main.vue",
"chars": 3313,
"preview": "<template>\n <div class=\"dv-decoration-5\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "lib/components/decoration6/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration6 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration6/src/main.css",
"chars": 107,
"preview": ".dv-decoration-6 {\n width: 100%;\n height: 100%;\n}\n.dv-decoration-6 svg {\n transform-origin: left top;\n}\n"
},
{
"path": "lib/components/decoration6/src/main.vue",
"chars": 3695,
"preview": "<template>\n <div class=\"dv-decoration-6\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "lib/components/decoration7/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration7 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration7/src/main.css",
"chars": 119,
"preview": ".dv-decoration-7 {\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n}\n"
},
{
"path": "lib/components/decoration7/src/main.vue",
"chars": 1463,
"preview": "<template>\n <div class=\"dv-decoration-7\">\n <svg width=\"21px\" height=\"20px\">\n <polyline\n stroke-width=\"4\""
},
{
"path": "lib/components/decoration8/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration8 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration8/src/main.css",
"chars": 69,
"preview": ".dv-decoration-8 {\n display: flex;\n width: 100%;\n height: 100%;\n}\n"
},
{
"path": "lib/components/decoration8/src/main.vue",
"chars": 1676,
"preview": "<template>\n <div class=\"dv-decoration-8\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "lib/components/decoration9/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport Decoration9 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decora"
},
{
"path": "lib/components/decoration9/src/main.css",
"chars": 243,
"preview": ".dv-decoration-9 {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justif"
},
{
"path": "lib/components/decoration9/src/main.vue",
"chars": 3486,
"preview": "<template>\n <div class=\"dv-decoration-9\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "lib/components/digitalFlop/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport DigitalFlop from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Digita"
},
{
"path": "lib/components/digitalFlop/src/main.css",
"chars": 59,
"preview": ".dv-digital-flop canvas {\n width: 100%;\n height: 100%;\n}\n"
},
{
"path": "lib/components/digitalFlop/src/main.vue",
"chars": 4374,
"preview": "<template>\n <div class=\"dv-digital-flop\">\n <canvas ref=\"digital-flop\" />\n </div>\n</template>\n\n<script>\nimport CRend"
},
{
"path": "lib/components/flylineChart/index.js",
"chars": 150,
"preview": "import './src/main.css'\nimport FlylineChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Flyli"
},
{
"path": "lib/components/flylineChart/src/main.css",
"chars": 229,
"preview": ".dv-flyline-chart {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-chart polylin"
},
{
"path": "lib/components/flylineChart/src/main.vue",
"chars": 12817,
"preview": "<template>\n <div\n class=\"dv-flyline-chart\"\n ref=\"dv-flyline-chart\"\n :style=\"`background-image: url(${mergedCon"
},
{
"path": "lib/components/flylineChartEnhanced/index.js",
"chars": 174,
"preview": "import './src/main.css'\nimport FlylineChartEnhanced from './src/main.vue'\n\nexport default function (Vue) {\n Vue.compone"
},
{
"path": "lib/components/flylineChartEnhanced/src/main.css",
"chars": 192,
"preview": ".dv-flyline-chart-enhanced {\n display: flex;\n flex-direction: column;\n background-size: 100% 100%;\n}\n.dv-flyline-char"
},
{
"path": "lib/components/flylineChartEnhanced/src/main.vue",
"chars": 14704,
"preview": "<template>\n <div\n class=\"dv-flyline-chart-enhanced\"\n :style=\"`background-image: url(${mergedConfig ? mergedConfig"
},
{
"path": "lib/components/fullScreenContainer/index.js",
"chars": 171,
"preview": "import './src/main.css'\nimport FullScreenContainer from './src/main.vue'\n\nexport default function (Vue) {\n Vue.componen"
},
{
"path": "lib/components/fullScreenContainer/src/main.css",
"chars": 140,
"preview": "#dv-full-screen-container {\n position: fixed;\n top: 0px;\n left: 0px;\n overflow: hidden;\n transform-origin: left top"
},
{
"path": "lib/components/fullScreenContainer/src/main.vue",
"chars": 1076,
"preview": "<template>\n <div id=\"dv-full-screen-container\" :ref=\"ref\">\n <template v-if=\"ready\">\n <slot></slot>\n </templa"
},
{
"path": "lib/components/loading/index.js",
"chars": 135,
"preview": "import './src/main.css'\nimport Loading from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Loading.na"
},
{
"path": "lib/components/loading/src/main.css",
"chars": 188,
"preview": ".dv-loading {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n ali"
},
{
"path": "lib/components/loading/src/main.vue",
"chars": 1388,
"preview": "<template>\n <div class=\"dv-loading\">\n <svg width=\"50px\" height=\"50px\">\n <circle\n cx=\"25\"\n cy=\"25\""
},
{
"path": "lib/components/percentPond/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport PercentPond from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Percen"
},
{
"path": "lib/components/percentPond/src/main.css",
"chars": 361,
"preview": ".dv-percent-pond {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n.dv-percent-pond svg {\n position:"
},
{
"path": "lib/components/percentPond/src/main.vue",
"chars": 6334,
"preview": "<template>\n <div class=\"dv-percent-pond\" ref=\"percent-pond\">\n <svg>\n <defs>\n <linearGradient :id=\"gradie"
},
{
"path": "lib/components/scrollBoard/index.js",
"chars": 147,
"preview": "import './src/main.css'\nimport ScrollBoard from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Scroll"
},
{
"path": "lib/components/scrollBoard/src/main.css",
"chars": 868,
"preview": ".dv-scroll-board {\n position: relative;\n width: 100%;\n height: 100%;\n color: #fff;\n}\n.dv-scroll-board .text {\n padd"
},
{
"path": "lib/components/scrollBoard/src/main.vue",
"chars": 10018,
"preview": "<template>\n <div class=\"dv-scroll-board\" :ref=\"ref\">\n <div class=\"header\" v-if=\"header.length && mergedConfig\" :styl"
},
{
"path": "lib/components/scrollRankingBoard/index.js",
"chars": 168,
"preview": "import './src/main.css'\nimport ScrollRankingBoard from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component"
},
{
"path": "lib/components/scrollRankingBoard/src/main.css",
"chars": 1210,
"preview": ".dv-scroll-ranking-board {\n width: 100%;\n height: 100%;\n color: #fff;\n overflow: hidden;\n}\n.dv-scroll-ranking-board "
},
{
"path": "lib/components/scrollRankingBoard/src/main.vue",
"chars": 5767,
"preview": "<template>\n <div class=\"dv-scroll-ranking-board\" :ref=\"ref\">\n <div\n class=\"row-item\"\n v-for=\"(item, i) in "
},
{
"path": "lib/components/waterLevelPond/index.js",
"chars": 156,
"preview": "import './src/main.css'\nimport WaterLevelPond from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Wat"
},
{
"path": "lib/components/waterLevelPond/src/main.css",
"chars": 523,
"preview": ".dv-water-pond-level {\n position: relative;\n}\n.dv-water-pond-level svg {\n position: absolute;\n width: 100%;\n height:"
},
{
"path": "lib/components/waterLevelPond/src/main.vue",
"chars": 7126,
"preview": "<template>\n <div class=\"dv-water-pond-level\">\n <svg v-if=\"renderer\">\n <defs>\n <linearGradient :id=\"gradi"
},
{
"path": "lib/index.js",
"chars": 6074,
"preview": "/**\n * EXPORT COMPONENTS\n */\nexport { default as activeRingChart } from './components/activeRingChart/index'\nexport { de"
},
{
"path": "lib/mixin/autoResize.js",
"chars": 2044,
"preview": "import { debounce, observerDomResize } from '../util/index'\n\nexport default {\n data () {\n return {\n dom: '',\n\n "
},
{
"path": "lib/util/index.js",
"chars": 1301,
"preview": "export function randomExtend (minNum, maxNum) {\n if (arguments.length === 1) {\n return parseInt(Math.random() * minN"
},
{
"path": "package.json",
"chars": 1250,
"preview": "{\n \"name\": \"@jiaminghi/data-view\",\n \"version\": \"2.10.0\",\n \"author\": \"JiaMing <743192023@qq.com>\",\n \"description\": \"V"
},
{
"path": "src/components/activeRingChart/index.js",
"chars": 135,
"preview": "import ActiveRingChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(ActiveRingChart.name, Acti"
},
{
"path": "src/components/activeRingChart/src/main.vue",
"chars": 7611,
"preview": "<template>\n <div class=\"dv-active-ring-chart\">\n <div class=\"active-ring-chart-container\" ref=\"active-ring-chart\" />\n"
},
{
"path": "src/components/borderBox1/index.js",
"chars": 120,
"preview": "import BorderBox1 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox1.name, BorderBox1)\n}\n"
},
{
"path": "src/components/borderBox1/src/main.vue",
"chars": 3817,
"preview": "<template>\n <div class=\"dv-border-box-1\" :ref=\"ref\">\n <svg class=\"border\" :width=\"width\" :height=\"height\">\n <po"
},
{
"path": "src/components/borderBox10/index.js",
"chars": 123,
"preview": "import BorderBox10 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox10.name, BorderBox10)"
},
{
"path": "src/components/borderBox10/src/main.vue",
"chars": 2258,
"preview": "<template>\n <div class=\"dv-border-box-10\" :ref=\"ref\" :style=\"`box-shadow: inset 0 0 25px 3px ${mergedColor[0]}`\">\n <"
},
{
"path": "src/components/borderBox11/index.js",
"chars": 123,
"preview": "import BorderBox11 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox11.name, BorderBox11)"
},
{
"path": "src/components/borderBox11/src/main.vue",
"chars": 8505,
"preview": "<template>\n <div class=\"dv-border-box-11\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "src/components/borderBox12/index.js",
"chars": 123,
"preview": "import BorderBox12 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox12.name, BorderBox12)"
},
{
"path": "src/components/borderBox12/src/main.vue",
"chars": 4259,
"preview": "<template>\n <div class=\"dv-border-box-12\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "src/components/borderBox13/index.js",
"chars": 123,
"preview": "import BorderBox13 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox13.name, BorderBox13)"
},
{
"path": "src/components/borderBox13/src/main.vue",
"chars": 2249,
"preview": "<template>\n <div class=\"dv-border-box-13\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\""
},
{
"path": "src/components/borderBox2/index.js",
"chars": 120,
"preview": "import BorderBox2 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox2.name, BorderBox2)\n}\n"
},
{
"path": "src/components/borderBox2/src/main.vue",
"chars": 2228,
"preview": "<template>\n <div class=\"dv-border-box-2\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "src/components/borderBox3/index.js",
"chars": 120,
"preview": "import BorderBox3 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox3.name, BorderBox3)\n}\n"
},
{
"path": "src/components/borderBox3/src/main.vue",
"chars": 2413,
"preview": "<template>\n <div class=\"dv-border-box-3\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "src/components/borderBox4/index.js",
"chars": 120,
"preview": "import BorderBox4 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox4.name, BorderBox4)\n}\n"
},
{
"path": "src/components/borderBox4/src/main.vue",
"chars": 3535,
"preview": "<template>\n <div class=\"dv-border-box-4\" :ref=\"ref\">\n <svg :class=\"`dv-border-svg-container ${reverse && 'dv-reverse"
},
{
"path": "src/components/borderBox5/index.js",
"chars": 120,
"preview": "import BorderBox5 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox5.name, BorderBox5)\n}\n"
},
{
"path": "src/components/borderBox5/src/main.vue",
"chars": 2915,
"preview": "<template>\n <div class=\"dv-border-box-5\" :ref=\"ref\">\n <svg :class=\"`dv-border-svg-container ${reverse && 'dv-revers"
},
{
"path": "src/components/borderBox6/index.js",
"chars": 120,
"preview": "import BorderBox6 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox6.name, BorderBox6)\n}\n"
},
{
"path": "src/components/borderBox6/src/main.vue",
"chars": 3018,
"preview": "<template>\n <div class=\"dv-border-box-6\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "src/components/borderBox7/index.js",
"chars": 120,
"preview": "import BorderBox7 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox7.name, BorderBox7)\n}\n"
},
{
"path": "src/components/borderBox7/src/main.vue",
"chars": 2797,
"preview": "\n<template>\n <div\n class=\"dv-border-box-7\"\n :style=\"`box-shadow: inset 0 0 40px ${mergedColor[0]}; border: 1px so"
},
{
"path": "src/components/borderBox8/index.js",
"chars": 120,
"preview": "import BorderBox8 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox8.name, BorderBox8)\n}\n"
},
{
"path": "src/components/borderBox8/src/main.vue",
"chars": 3493,
"preview": "<template>\n <div class=\"dv-border-box-8\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "src/components/borderBox9/index.js",
"chars": 120,
"preview": "import BorderBox9 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(BorderBox9.name, BorderBox9)\n}\n"
},
{
"path": "src/components/borderBox9/src/main.vue",
"chars": 5554,
"preview": "<template>\n <div class=\"dv-border-box-9\" :ref=\"ref\">\n <svg class=\"dv-border-svg-container\" :width=\"width\" :height=\"h"
},
{
"path": "src/components/capsuleChart/index.js",
"chars": 126,
"preview": "import CapsuleChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(CapsuleChart.name, CapsuleCha"
},
{
"path": "src/components/capsuleChart/src/main.vue",
"chars": 4989,
"preview": "<template>\n <div class=\"dv-capsule-chart\">\n <template v-if=\"mergedConfig\">\n <div class=\"label-column\">\n "
},
{
"path": "src/components/charts/index.js",
"chars": 108,
"preview": "import Charts from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Charts.name, Charts)\n}\n"
},
{
"path": "src/components/charts/src/main.vue",
"chars": 1334,
"preview": "<template>\n <div class=\"dv-charts-container\" :ref=\"ref\">\n <div class=\"charts-canvas-container\" :ref=\"chartRef\" />\n "
},
{
"path": "src/components/conicalColumnChart/index.js",
"chars": 144,
"preview": "import ConicalColumnChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(ConicalColumnChart.name"
},
{
"path": "src/components/conicalColumnChart/src/main.vue",
"chars": 4987,
"preview": "<template>\n <div class=\"dv-conical-column-chart\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <g\n "
},
{
"path": "src/components/decoration1/index.js",
"chars": 123,
"preview": "import Decoration1 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration1.name, Decoration1)"
},
{
"path": "src/components/decoration1/src/main.vue",
"chars": 4632,
"preview": "<template>\n <div class=\"dv-decoration-1\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "src/components/decoration10/index.js",
"chars": 126,
"preview": "import Decoration10 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration10.name, Decoration"
},
{
"path": "src/components/decoration10/src/main.vue",
"chars": 5522,
"preview": "<template>\n <div class=\"dv-decoration-10\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "src/components/decoration11/index.js",
"chars": 126,
"preview": "import Decoration11 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration11.name, Decoration"
},
{
"path": "src/components/decoration11/src/main.vue",
"chars": 2868,
"preview": "<template>\n <div class=\"dv-decoration-11\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polygon\n "
},
{
"path": "src/components/decoration12/index.js",
"chars": 126,
"preview": "import Decoration12 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration12.name, Decoration"
},
{
"path": "src/components/decoration12/src/main.vue",
"chars": 6617,
"preview": "<template>\n <div class=\"dv-decoration-12\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <defs>\n <g"
},
{
"path": "src/components/decoration2/index.js",
"chars": 123,
"preview": "import Decoration2 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration2.name, Decoration2)"
},
{
"path": "src/components/decoration2/src/main.vue",
"chars": 2571,
"preview": "<template>\n <div class=\"dv-decoration-2\" :ref=\"ref\">\n <svg :width=\"`${width}px`\" :height=\"`${height}px`\">\n <rec"
},
{
"path": "src/components/decoration3/index.js",
"chars": 123,
"preview": "import Decoration3 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration3.name, Decoration3)"
},
{
"path": "src/components/decoration3/src/main.vue",
"chars": 2873,
"preview": "<template>\n <div class=\"dv-decoration-3\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "src/components/decoration4/index.js",
"chars": 123,
"preview": "import Decoration4 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration4.name, Decoration4)"
},
{
"path": "src/components/decoration4/src/main.vue",
"chars": 2442,
"preview": "<template>\n <div class=\"dv-decoration-4\" :ref=\"ref\">\n <div\n :class=\"`container ${reverse ? 'reverse' : 'normal'"
},
{
"path": "src/components/decoration5/index.js",
"chars": 123,
"preview": "import Decoration5 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration5.name, Decoration5)"
},
{
"path": "src/components/decoration5/src/main.vue",
"chars": 3396,
"preview": "<template>\n <div class=\"dv-decoration-5\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "src/components/decoration6/index.js",
"chars": 123,
"preview": "import Decoration6 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration6.name, Decoration6)"
},
{
"path": "src/components/decoration6/src/main.vue",
"chars": 3823,
"preview": "<template>\n <div class=\"dv-decoration-6\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "src/components/decoration7/index.js",
"chars": 123,
"preview": "import Decoration7 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration7.name, Decoration7)"
},
{
"path": "src/components/decoration7/src/main.vue",
"chars": 1613,
"preview": "<template>\n <div class=\"dv-decoration-7\">\n <svg width=\"21px\" height=\"20px\">\n <polyline\n stroke-width=\"4\""
},
{
"path": "src/components/decoration8/index.js",
"chars": 123,
"preview": "import Decoration8 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration8.name, Decoration8)"
},
{
"path": "src/components/decoration8/src/main.vue",
"chars": 1776,
"preview": "<template>\n <div class=\"dv-decoration-8\" :ref=\"ref\">\n <svg :width=\"width\" :height=\"height\">\n <polyline\n "
},
{
"path": "src/components/decoration9/index.js",
"chars": 123,
"preview": "import Decoration9 from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(Decoration9.name, Decoration9)"
},
{
"path": "src/components/decoration9/src/main.vue",
"chars": 3756,
"preview": "<template>\n <div class=\"dv-decoration-9\" :ref=\"ref\">\n <svg :width=\"`${svgWH[0]}px`\" :height=\"`${svgWH[1]}px`\" :style"
},
{
"path": "src/components/digitalFlop/index.js",
"chars": 123,
"preview": "import DigitalFlop from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(DigitalFlop.name, DigitalFlop)"
},
{
"path": "src/components/digitalFlop/src/main.vue",
"chars": 4477,
"preview": "<template>\n <div class=\"dv-digital-flop\">\n <canvas ref=\"digital-flop\" />\n </div>\n</template>\n\n<script>\nimport CRend"
},
{
"path": "src/components/flylineChart/index.js",
"chars": 126,
"preview": "import FlylineChart from './src/main.vue'\n\nexport default function (Vue) {\n Vue.component(FlylineChart.name, FlylineCha"
}
]
// ... and 19 more files (download for full content)
About this extraction
This page contains the full source code of the DataV-Team/DataV GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 219 files (1.3 MB), approximately 413.1k tokens, and a symbol index with 1331 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.