项目初始化

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.env.development

@@ -0,0 +1,13 @@
+# 开发环境配置
+VITE_APP_ENV = 'development'
+
+#接口地址
+VITE_APP_API= '/api'
+
+#页面基础路径
+VITE_APP_BASE= 'http://localhost:8082'
+
+#单点登录设置
+VITE_APP_SSO_LOGIN  = 'false'
+VITE_APP_CAS_SERVER = 'https://www.cainiao.com:8443/cas'
+VITE_APP_CLIENT_LOGIN = 'http://localhost:3000/#/casLogin'

.env.production

@@ -0,0 +1,17 @@
+# 生产环境配置
+VITE_APP_ENV = 'production'
+
+#接口地址
+VITE_APP_API= 
+
+#Jeeplus快速开发平台/后台地址
+#VITE_APP_BASE= '/api'
+VITE_APP_BASE = 'http://vue3.jeeplus.org/jeeplus-v3'
+
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip
+
+#单点登录设置
+VITE_APP_SSO_LOGIN  = 'false'
+VITE_APP_CAS_SERVER = 'https://www.cainiao.com:8443/cas'
+VITE_APP_CLIENT_HOST = 'http://localhost:3000'

.eslintignore

@@ -0,0 +1,22 @@
+/build/
+/config/
+/dist/
+/*.js
+/src/components/bpmn-js-properties-panel/
+/src/views/flowable/display/
+/static/display/
+/src/components/colors/
+/src/views/flowable/modeler/bpmn-js-properties-panel/
+/src/views/flowable/modeler/properties-panel-extension/
+/src/views/flowable/modeler/bpmn-js/
+/src/views/flowable/modeler/bpmn-font/
+/src/views/flowable/modeler/bpmn-moddle/
+/src/flowable/
+/src/pages/
+/src/packages2/packages/
+/src/form/packages/
+/src/formbuilder/packages/
+/src/formbuilder/packages2/
+/src/formbuilder/packages2/util
+/src/views/datav
+/src/mock

.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
+  parserOptions: {
+    parser: "babel-eslint",
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "vue/no-multiple-template-root":'off',
+    "vue/valid-template-root": 'off'
+  },
+
+  overrides: [
+    {
+      files: [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)",
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};

.gitignore

@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+/package-lock.json

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 sakuya
+
+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.

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package.json

@@ -0,0 +1,115 @@
+{
+  "name": "jeeplus-ui",
+  "version": "1.6.3",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@antv/g2": "4.1.1",
+    "@element-plus/icons-vue": "^2.0.9",
+    "@jiaminghi/data-view": "^2.10.0",
+    "@smallwei/avue": "^3.2.0",
+    "@tinymce/tinymce-vue": "4.0.5",
+    "@vueup/vue-quill": "^1.0.0-beta.8",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "ace-builds": "^1.4.14",
+    "animate.css": "4.1.1",
+    "axios": "^0.26.1",
+    "bpmn-js-cli": "^1.2.0",
+    "clipboard": "^2.0.11",
+    "core-js": "^3.8.3",
+    "cropperjs": "1.5.12",
+    "crypto-js": "4.1.1",
+    "dayjs": "1.10.6",
+    "diagram-js": "6.8.2",
+    "echarts": "^5.3.3",
+    "element-plus": "^2.2.22",
+    "jeeplus-flowable-boot-v3": "^2.1.0",
+    "jeeplus-form-boot-v3": "^2.1.0",
+    "jeeplus-devtools-boot-v3": "^2.1.2",
+    "jquery": "^3.6.0",
+    "js-cookie": "3.0.0",
+    "lodash": "^4.17.21",
+    "lodash.omit": "^4.5.0",
+    "lodash.pick": "^4.4.0",
+    "mitt": "^3.0.0",
+    "mockjs": "1.1.0",
+    "moment": "2.24.0",
+    "monaco-editor": "0.34.1",
+    "normalize.css": "^8.0.1",
+    "nprogress": "0.2.0",
+    "qiniu": "^7.2.1",
+    "qiniu-js": "^3.4.0",
+    "qrcodejs2": "^0.0.2",
+    "qs": "^6.11.0",
+    "sortablejs": "1.14.0",
+    "splitpanes": "^3.1.1",
+    "tinymce": "5.10.2",
+    "viewerjs": "^1.10.4",
+    "vite-plugin-mock": "2.9.4",
+    "vue": "^3.2.45",
+    "vue-clipboard2": "^0.3.1",
+    "vue-color": "^2.8.1",
+    "vue-cookies": "^1.8.1",
+    "vue-echarts": "^6.2.3",
+    "vue-full-calendar": "^3.0.0-0",
+    "vue-grid-layout": "3.0.0-beta1",
+    "vue-i18n": "^9.1.9",
+    "vue-responsive-dash": "^0.5.0",
+    "vue-router": "4.1.5",
+    "vue3-ace-editor": "^2.2.2",
+    "vue3-count-to": "^1.1.2",
+    "vue3-sketch-ruler": "1.3.7",
+    "vuedraggable": "^4.1.0",
+    "vuex": "4.0.2",
+    "vxe-table": "^4.3.5",
+    "webpack": "^5.65.0",
+    "xe-utils": "^3.5.4",
+    "xgplayer": "2.31.4",
+    "xgplayer-hls": "2.4.32-3",
+    "@vueuse/core": "^8.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.3",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "less": "^4.1.2",
+    "prettier": "^2.8.2",
+    "sass": "1.37.5",
+    "vite": "^3.0.7"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "globals": {
+      "APP_CONFIG": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {
+      "indent": 0,
+      "no-tabs": 0,
+      "no-mixed-spaces-and-tabs": 0,
+      "vue/no-unused-components": "off"
+    }
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

public/datav/cdn/avue/locale/format.js

@@ -0,0 +1,46 @@
+import { hasOwn } from 'utils/util';
+
+const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+export default function(Vue) {
+
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+  function template(string = '', ...args) {
+    if (args.length === 1 && typeof args[0] === 'object') {
+      args = args[0];
+    }
+
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
+
+    return string.replace(RE_NARGS, (match, prefix, i, index) => {
+      let result;
+
+      if (string[index - 1] === '{' &&
+        string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = hasOwn(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
+        }
+
+        return result;
+      }
+    });
+  }
+
+  return template;
+}

public/datav/cdn/avue/locale/index.js

@@ -0,0 +1,47 @@
+import Format from './format';
+import defaultLang from './lang/zh';
+import { createApp } from 'vue'
+const Vue = createApp({})
+const format = Format(Vue);
+let lang = defaultLang;
+let merged = false;
+let i18nHandler = function () {
+  const vuei18n = Object.getPrototypeOf(this || Vue || {}).$t;
+  if (typeof vuei18n === 'function' && !!Vue.locale) {
+    if (!merged) {
+      merged = true;
+      Vue.locale(
+        Vue.config.lang,
+        Object.assign(lang, Vue.locale(Vue.config.lang) || {}, { clone: true })
+      );
+    }
+    return vuei18n.apply(this, arguments);
+  }
+};
+
+export const t = function (path, options) {
+  let value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+
+  const array = path.split('.');
+  let current = lang;
+
+  for (let i = 0, j = array.length; i < j; i++) {
+    const property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+
+export const use = function (l) {
+  lang = l || lang;
+};
+
+export const i18n = function (fn) {
+  i18nHandler = fn || i18nHandler;
+};
+
+export default { use, t, i18n };

public/datav/cdn/avue/locale/lang/en.js

@@ -0,0 +1,81 @@
+export default {
+  common: {
+    condition: 'condition',
+    display: 'display',
+    hide: 'hide'
+  },
+  tip: {
+    select: 'Please select',
+    input: 'Please input'
+  },
+  check: {
+    checkAll: 'checkAll'
+  },
+  upload: {
+    upload: 'upload',
+    tip: 'Drag files here，/'
+  },
+  time: {
+    start: 'start',
+    end: 'end',
+  },
+  date: {
+    start: 'start',
+    end: 'end',
+    t: 'today',
+    y: 'yesterday',
+    n: 'nearly 7',
+    a: 'whole'
+  },
+  form: {
+    printBtn: 'print',
+    mockBtn: 'mock',
+    submitBtn: 'submit',
+    emptyBtn: 'empty'
+  },
+  crud: {
+    filter: {
+      addBtn: 'add',
+      clearBtn: 'clear',
+      resetBtn: 'reset',
+      cancelBtn: 'cancel',
+      submitBtn: 'submit'
+    },
+    column: {
+      name: 'name',
+      hide: 'hide',
+      fixed: 'fixed',
+      filters: 'filters',
+      sortable: 'sortable',
+      index: 'index',
+      width: 'width'
+    },
+    tipStartTitle: 'Currently selected',
+    tipEndTitle: 'items',
+    editTitle: 'edit',
+    copyTitle: 'copy',
+    addTitle: 'add',
+    viewTitle: 'view',
+    filterTitle: 'filter',
+    showTitle: 'showTitle',
+    menu: 'menu',
+    addBtn: 'add',
+    show: 'show',
+    hide: 'hide',
+    open: 'open',
+    shrink: 'shrink',
+    printBtn: 'print',
+    excelBtn: 'excel',
+    updateBtn: 'update',
+    cancelBtn: 'cancel',
+    searchBtn: 'search',
+    emptyBtn: 'empty',
+    menuBtn: 'menu',
+    saveBtn: 'save',
+    viewBtn: 'view',
+    editBtn: 'edit',
+    copyBtn: 'copy',
+    delBtn: 'delete'
+  }
+}
+  ;

public/datav/cdn/avue/locale/lang/zh.js

@@ -0,0 +1,81 @@
+export default {
+  common: {
+    condition: '条件',
+    display: '显示',
+    hide: '隐藏'
+  },
+  tip: {
+    select: '请选择',
+    input: '请输入'
+  },
+  check: {
+    checkAll: '全选'
+  },
+  upload: {
+    upload: '点击上传',
+    tip: '将文件拖到此处，或'
+  },
+  time: {
+    start: '开始',
+    end: '结束'
+  },
+  date: {
+    start: '开始',
+    end: '结束',
+    t: '今日',
+    y: '昨日',
+    n: '近7天',
+    a: '全部'
+  },
+  form: {
+    printBtn: '打 印',
+    mockBtn: '模 拟',
+    submitBtn: '提 交',
+    emptyBtn: '清 空'
+  },
+  crud: {
+    filter: {
+      addBtn: '新增条件',
+      clearBtn: '清空数据',
+      resetBtn: '清空条件',
+      cancelBtn: '取 消',
+      submitBtn: '确 定'
+    },
+    column: {
+      name: '列名',
+      hide: '隐藏',
+      fixed: '冻结',
+      filters: '过滤',
+      sortable: '排序',
+      index: '顺序',
+      width: '宽度'
+    },
+    tipStartTitle: '当前表格已选择',
+    tipEndTitle: '项',
+    editTitle: '编 辑',
+    copyTitle: '复 制',
+    addTitle: '新 增',
+    viewTitle: '查 看',
+    filterTitle: '过滤条件',
+    showTitle: '列显隐',
+    menu: '操作',
+    addBtn: '新 增',
+    show: '显 示',
+    hide: '隐 藏',
+    open: '展 开',
+    shrink: '收 缩',
+    printBtn: '打 印',
+    excelBtn: '导 出',
+    updateBtn: '修 改',
+    cancelBtn: '取 消',
+    searchBtn: '搜 索',
+    emptyBtn: '清 空',
+    menuBtn: '功 能',
+    saveBtn: '保 存',
+    viewBtn: '查 看',
+    editBtn: '编 辑',
+    copyBtn: '复 制',
+    delBtn: '删 除'
+  }
+}
+  ;

public/datav/cdn/iconfont/iconfont.css

@@ -0,0 +1,167 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 1117329 */
+  src: url('iconfont.woff2?t=1649215188432') format('woff2'),
+       url('iconfont.woff?t=1649215188432') format('woff'),
+       url('iconfont.ttf?t=1649215188432') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-juxing:before {
+  content: "\e7a5";
+}
+
+.icon-datav:before {
+  content: "\e722";
+}
+
+.icon-jianzhuzhuangshi:before {
+  content: "\e62d";
+}
+
+.icon-biankuang:before {
+  content: "\e6b7";
+}
+
+.icon-fold:before {
+  content: "\e60a";
+}
+
+.icon-folder:before {
+  content: "\e64f";
+}
+
+.icon-radar:before {
+  content: "\e6cd";
+}
+
+.icon-scatter:before {
+  content: "\e674";
+}
+
+.icon-funnel:before {
+  content: "\e631";
+}
+
+.icon-slide:before {
+  content: "\ea9c";
+}
+
+.icon-moban:before {
+  content: "\e602";
+}
+
+.icon-daping:before {
+  content: "\e675";
+}
+
+.icon-tabs:before {
+  content: "\e62f";
+}
+
+.icon-event:before {
+  content: "\e630";
+}
+
+.icon-wordCloud:before {
+  content: "\e752";
+}
+
+.icon-video:before {
+  content: "\e626";
+}
+
+.icon-daima:before {
+  content: "\e816";
+}
+
+.icon-peizhi:before {
+  content: "\e620";
+}
+
+.icon-pictorialBar:before {
+  content: "\e609";
+}
+
+.icon-map:before {
+  content: "\e601";
+}
+
+.icon-circle:before {
+  content: "\e880";
+}
+
+.icon-view:before {
+  content: "\e60e";
+}
+
+.icon-build:before {
+  content: "\e72d";
+}
+
+.icon-reset:before {
+  content: "\e68b";
+}
+
+.icon-img:before {
+  content: "\e62e";
+}
+
+.icon-iframe:before {
+  content: "\e639";
+}
+
+.icon-gauge:before {
+  content: "\e60c";
+}
+
+.icon-link:before {
+  content: "\e6dc";
+}
+
+.icon-bar:before {
+  content: "\e60d";
+}
+
+.icon-pie:before {
+  content: "\e600";
+}
+
+.icon-progress:before {
+  content: "\e64d";
+}
+
+.icon-line:before {
+  content: "\e608";
+}
+
+.icon-banner:before {
+  content: "\e614";
+}
+
+.icon-flop:before {
+  content: "\e683";
+}
+
+.icon-scroll:before {
+  content: "\e688";
+}
+
+.icon-table:before {
+  content: "\e651";
+}
+
+.icon-datetime:before {
+  content: "\e607";
+}
+
+.icon-text:before {
+  content: "\e605";
+}
+

public/datav/cdn/iconfont/iconfont.json

@@ -0,0 +1,275 @@
+{
+  "id": "1117329",
+  "name": "avue-data",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "23043465",
+      "name": "矩形树图",
+      "font_class": "juxing",
+      "unicode": "e7a5",
+      "unicode_decimal": 59301
+    },
+    {
+      "icon_id": "2057530",
+      "name": "datav-data",
+      "font_class": "datav",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "688256",
+      "name": "建筑装饰",
+      "font_class": "jianzhuzhuangshi",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "22761375",
+      "name": "边框",
+      "font_class": "biankuang",
+      "unicode": "e6b7",
+      "unicode_decimal": 59063
+    },
+    {
+      "icon_id": "222066",
+      "name": "折叠",
+      "font_class": "fold",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "749684",
+      "name": "文件夹",
+      "font_class": "folder",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "2170177",
+      "name": "图表-雷达图",
+      "font_class": "radar",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "3408773",
+      "name": "散点图",
+      "font_class": "scatter",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "5094157",
+      "name": "漏斗图 (1)",
+      "font_class": "funnel",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "7754409",
+      "name": "slide left right",
+      "font_class": "slide",
+      "unicode": "ea9c",
+      "unicode_decimal": 60060
+    },
+    {
+      "icon_id": "3497472",
+      "name": "模板",
+      "font_class": "moban",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "7955868",
+      "name": "大屏",
+      "font_class": "daping",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "766595",
+      "name": "选项卡",
+      "font_class": "tabs",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "1659312",
+      "name": "交互",
+      "font_class": "event",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "4152028",
+      "name": "组件-字符云",
+      "font_class": "wordCloud",
+      "unicode": "e752",
+      "unicode_decimal": 59218
+    },
+    {
+      "icon_id": "7505631",
+      "name": "视频",
+      "font_class": "video",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "1550488",
+      "name": "代码",
+      "font_class": "daima",
+      "unicode": "e816",
+      "unicode_decimal": 59414
+    },
+    {
+      "icon_id": "3531486",
+      "name": "配置",
+      "font_class": "peizhi",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "4657392",
+      "name": "象形图",
+      "font_class": "pictorialBar",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "3647380",
+      "name": "地图",
+      "font_class": "map",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "2059675",
+      "name": "环形图",
+      "font_class": "circle",
+      "unicode": "e880",
+      "unicode_decimal": 59520
+    },
+    {
+      "icon_id": "2936158",
+      "name": "预览",
+      "font_class": "view",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "4214752",
+      "name": "生成",
+      "font_class": "build",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "6196632",
+      "name": "还原",
+      "font_class": "reset",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "500969",
+      "name": "图片",
+      "font_class": "img",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "1237697",
+      "name": "iframe",
+      "font_class": "iframe",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "2083516",
+      "name": "仪表盘",
+      "font_class": "gauge",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "3182278",
+      "name": "超链接",
+      "font_class": "link",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "3422518",
+      "name": "柱形图",
+      "font_class": "bar",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "3491911",
+      "name": "饼图",
+      "font_class": "pie",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "3775268",
+      "name": "进度条",
+      "font_class": "progress",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "4381605",
+      "name": "折线图",
+      "font_class": "line",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "4707743",
+      "name": "轮播图",
+      "font_class": "banner",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "4911471",
+      "name": "翻牌器",
+      "font_class": "flop",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
+      "icon_id": "4911480",
+      "name": "跑马灯",
+      "font_class": "scroll",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "6291818",
+      "name": "表格",
+      "font_class": "table",
+      "unicode": "e651",
+      "unicode_decimal": 58961
+    },
+    {
+      "icon_id": "6417244",
+      "name": "时间",
+      "font_class": "datetime",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "7732218",
+      "name": "文本",
+      "font_class": "text",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    }
+  ]
+}

public/datav/components.js

@@ -0,0 +1,47 @@
+const testComponents = {
+  template: `
+  <div :style="[styleSizeName,styleName]"
+    :class="className">
+    <div :style="styleChartName">
+      <h2>自定义组件</h2><br />
+      <h3>我是参数:{{dataParams}}</h3><br />
+      <h3>data:{{dataChart}}</h3><br />
+      <h3>params:{{dataAxios.config}}</h3><br />
+    </div>
+  </div>
+`,
+  name: 'test',
+  props: {
+    option: Object,
+    component: Object
+  },
+  computed: {
+    styleName () {
+      return {
+        fontSize: this.fontSize,
+        color: this.color
+      }
+    },
+    color () {
+      return this.option.color || '#fff'
+    },
+    fontSize () {
+      return (this.option.fontSize || 30) + 'px'
+    }
+  }
+}
+
+const testOption = {
+  template: `
+  <div>
+    <el-form-item label="字体大小">
+      <avue-input-number v-model="main.activeOption.fontSize"></avue-input-number>
+    </el-form-item>
+    <el-form-item label="字体颜色">
+      <avue-input-color v-model="main.activeOption.color"></avue-input-color>
+    </el-form-item>
+  </div>
+`,
+  name: 'test',
+  inject: ["main"]
+}

public/datav/css/loading.css

@@ -0,0 +1,116 @@
+.loading {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  background-color: #f4f7f9
+}
+
+.loading .loading-wrap {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: translate3d(-50%, -50%, 0);
+  justify-content: center;
+  align-items: center;
+  flex-direction: column
+}
+
+.loading .dots {
+  display: flex;
+  padding: 98px;
+  justify-content: center;
+  align-items: center
+}
+
+.loading .loading-title {
+  display: flex;
+  font-weight: bold;
+  margin-top: 30px;
+  font-size: 36px;
+  color: rgba(0, 0, 0, .85);
+  justify-content: center;
+  align-items: center
+}
+
+
+.dot {
+  position: relative;
+  display: inline-block;
+  width: 48px;
+  height: 48px;
+  margin-top: 30px;
+  font-size: 32px;
+  transform: rotate(45deg);
+  box-sizing: border-box;
+  animation: antRotate 1.2s infinite linear
+}
+
+.dot i {
+  position: absolute;
+  display: block;
+  width: 20px;
+  height: 20px;
+  background-color: #0065cc;
+  border-radius: 100%;
+  opacity: .3;
+  transform: scale(.75);
+  animation: antSpinMove 1s infinite linear alternate;
+  transform-origin: 50% 50%
+}
+
+.dot i:nth-child(1) {
+  top: 0;
+  left: 0
+}
+
+.dot i:nth-child(2) {
+  top: 0;
+  right: 0;
+  -webkit-animation-delay: .4s;
+  animation-delay: .4s
+}
+
+.dot i:nth-child(3) {
+  right: 0;
+  bottom: 0;
+  -webkit-animation-delay: .8s;
+  animation-delay: .8s
+}
+
+.dot i:nth-child(4) {
+  bottom: 0;
+  left: 0;
+  -webkit-animation-delay: 1.2s;
+  animation-delay: 1.2s
+}
+
+@keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg)
+  }
+}
+
+@-webkit-keyframes antRotate {
+  to {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg)
+  }
+}
+
+@keyframes antSpinMove {
+  to {
+    opacity: 1
+  }
+}
+
+@-webkit-keyframes antSpinMove {
+  to {
+    opacity: 1
+  }
+}