simple-frame-unit 1.0.2

package/src/assets/styles/fonts/icomoon.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="rate-face-off" d="M0 448c0 282.766 229.234 512 512 512s512-229.234 512-512c0-282.766-229.234-512-512-512s-512 229.234-512 512zM947.2 448c0 240.351-194.849 435.2-435.2 435.2s-435.2-194.849-435.2-435.2c0-240.351 194.849-435.2 435.2-435.2s435.2 194.849 435.2 435.2zM294.4 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307zM627.2 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307zM361.143 281.6c-22.711 0-41.143-18.637-41.143-41.6s18.432-41.6 41.143-41.6h301.714c22.711 0 41.143 18.637 41.143 41.6s-18.432 41.6-41.143 41.6h-301.714z" />
+<glyph unicode="&#xe901;" glyph-name="rate-face-1" d="M512.001 960c-282.771 0-512.001-229.23-512.001-512.002 0-282.77 229.23-511.998 512.001-511.998 282.769 0 511.999 229.227 511.999 511.998s-229.23 512.002-511.999 512.002zM294.4 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307zM627.2 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307zM694.529 181.197l-3.422 1.216c-56.15 27.872-116.388 42.047-178.882 42.047-64.556 0-125.611-14.316-181.515-42.45l-3.382-1.132c-2.102-0.628-4.945-1.529-8.489-1.529-20.554 0-37.239 18.29-37.239 40.734 0 10.655 4.571 21.361 12.114 29.399l-0.456 2.483 9.516 4.698c66.74 33.104 139.336 50.537 209.907 50.537 71.889 0 142.336-16.984 210.314-50.948 11.943-7.181 19.405-20.953 19.405-35.903 0-26.328-21.71-47.958-47.871-39.153z" />
+<glyph unicode="&#xe902;" glyph-name="rate-face-2" d="M512-64c-282.766 0-512 229.234-512 512s229.234 512 512 512c282.766 0 512-229.234 512-512s-229.234-512-512-512zM294.4 588.853v-51.307c0-28.482 22.923-51.147 51.2-51.147 28.474 0 51.2 22.899 51.2 51.147v51.307c0 28.482-22.923 51.147-51.2 51.147-28.474 0-51.2-22.899-51.2-51.147zM627.2 588.853v-51.307c0-28.482 22.923-51.147 51.2-51.147 28.474 0 51.2 22.899 51.2 51.147v51.307c0 28.482-22.923 51.147-51.2 51.147-28.474 0-51.2-22.899-51.2-51.147zM361.143 281.6c-22.711 0-41.143-18.637-41.143-41.6s18.432-41.6 41.143-41.6h301.714c22.711 0 41.143 18.637 41.143 41.6s-18.432 41.6-41.143 41.6h-301.714z" />
+<glyph unicode="&#xe903;" glyph-name="rate-face-3" d="M512.001 960c-282.77 0-512.001-229.23-512.001-511.999s229.23-512.001 512.001-512.001c282.77 0 511.999 229.23 511.999 511.999s-229.229 512.001-511.999 512.001zM817.495 305.565c-0.445-1.485-0.963-2.939-1.569-4.35-0.676-1.572-1.455-3.089-2.317-4.556-55.631-107.613-169.518-181.459-301.323-181.459-0.096 0-0.19 0.002-0.286 0.002s-0.19-0.002-0.286-0.002c-131.804 0-245.693 73.845-301.323 181.459-0.862 1.467-1.641 2.984-2.317 4.556-0.606 1.41-1.124 2.865-1.569 4.35-1.103 3.68-1.705 7.569-1.705 11.597 0 6.566 1.579 12.771 4.372 18.282 6.897 13.601 21.239 22.955 37.822 22.955s30.927-9.355 37.823-22.955h0.676c41.411-81.453 127.131-137.544 226.507-137.652 99.375 0.108 185.095 56.2 226.507 137.652h0.676c6.897 13.601 21.239 22.955 37.823 22.955s30.927-9.355 37.822-22.955c2.794-5.511 4.372-11.715 4.372-18.282 0-4.029-0.602-7.918-1.705-11.597zM627.2 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307zM294.4 588.853c0 28.247 22.726 51.147 51.2 51.147 28.277 0 51.2-22.664 51.2-51.147v-51.307c0-28.247-22.726-51.147-51.2-51.147-28.277 0-51.2 22.664-51.2 51.147v51.307z" />
+</font></defs></svg>

package/src/assets/styles/fonts/style.css

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('icomoon.eot?h6xgdm');
+  src:  url('icomoon.eot?h6xgdm#iefix') format('embedded-opentype'),
+    url('icomoon.ttf?h6xgdm') format('truetype'),
+    url('icomoon.woff?h6xgdm') format('woff'),
+    url('icomoon.svg?h6xgdm#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-rate-face-off:before {
+  content: "\e900";
+}
+.icon-rate-face-1:before {
+  content: "\e901";
+}
+.icon-rate-face-2:before {
+  content: "\e902";
+}
+.icon-rate-face-3:before {
+  content: "\e903";
+}
+

package/src/assets/styles/higtlightEle.css

@@ -0,0 +1,84 @@
+/*
+
+Colorbrewer theme
+Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <mike@ocks.org>
+Ported by Fabr铆cio Tavares de Oliveira
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #fff;
+}
+
+
+.hljs,
+.hljs-subst {
+  color: #000;
+}
+
+.hljs-string,
+.hljs-meta,
+.hljs-symbol,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+  color: #756bb1;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #636363;
+}
+
+.hljs-number,
+.hljs-regexp,
+.hljs-literal,
+.hljs-bullet,
+.hljs-link {
+  color: #31a354;
+}
+
+.hljs-deletion,
+.hljs-variable {
+  color: #88f;
+}
+
+
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-title,
+.hljs-section,
+.hljs-built_in,
+.hljs-doctag,
+.hljs-type,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-strong {
+  color: #3182bd;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-attribute {
+  color: #e6550d;
+}
+
+.language-shell {
+  display: block;
+  line-height: 1.8;
+  font-family: Menlo,Monaco,Consolas,Courier,monospace;
+  font-size: 12px;
+  padding: 18px 24px;
+  background-color: #fafafa;
+  border: 1px solid #eaeefb;
+  margin-bottom: 25px;
+  border-radius: 4px;
+}

package/src/assets/svg/code.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" id="826"
+     width="200" height="200">
+    <path d="M438.4 849.1l222.7-646.7c0.2-0.5 0.3-1.1 0.4-1.6L438.4 849.1z" opacity=".224" id="827"></path>
+    <path d="M661.2 168.7h-67.5c-3.4 0-6.5 2.2-7.6 5.4L354.7 846c-0.3 0.8-0.4 1.7-0.4 2.6 0 4.4 3.6 8 8 8h67.8c3.4 0 6.5-2.2 7.6-5.4l0.7-2.1 223.1-648.3 7.4-21.4c0.3-0.8 0.4-1.7 0.4-2.6-0.1-4.5-3.6-8.1-8.1-8.1zM954.6 502.1c-0.8-1-1.7-1.9-2.7-2.7l-219-171.3c-3.5-2.7-8.5-2.1-11.2 1.4-1.1 1.4-1.7 3.1-1.7 4.9v81.3c0 2.5 1.1 4.8 3.1 6.3l115 90-115 90c-1.9 1.5-3.1 3.8-3.1 6.3v81.3c0 4.4 3.6 8 8 8 1.8 0 3.5-0.6 4.9-1.7l219-171.3c6.9-5.4 8.2-15.5 2.7-22.5zM291.1 328.1l-219 171.3c-1 0.8-1.9 1.7-2.7 2.7-5.4 7-4.2 17 2.7 22.5l219 171.3c1.4 1.1 3.1 1.7 4.9 1.7 4.4 0 8-3.6 8-8v-81.3c0-2.5-1.1-4.8-3.1-6.3l-115-90 115-90c1.9-1.5 3.1-3.8 3.1-6.3v-81.3c0-1.8-0.6-3.5-1.7-4.9-2.7-3.5-7.7-4.1-11.2-1.4z"
+          id="828"></path>
+</svg>

package/src/assets/svg/password.svg

@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"><defs><style/></defs><path d="M868.593 403.832c-30.081-28.845-70.037-44.753-112.624-44.753h-490.02c-42.554 0-82.51 15.908-112.469 44.691-30.237 28.783-46.857 67.222-46.857 108.198v294.08c0 40.977 16.62 79.415 46.703 108.137C183.285 943.03 223.396 959 265.95 959h490.019c42.586 0 82.696-15.97 112.624-44.815 30.082-28.845 46.58-67.222 46.58-108.137v-294.08c-.001-40.915-16.498-79.29-46.58-108.136zM841.821 806.05c0 22.098-8.882 42.772-25.1 58.307-16.154 15.662-37.819 24.203-60.752 24.203h-490.02c-22.934 0-44.566-8.542-60.877-24.264-16.187-15.475-25.068-36.149-25.068-58.247v-294.08c0-22.036 8.881-42.772 25.193-58.308 16.187-15.537 37.82-24.14 60.754-24.14H755.97c22.933 0 44.598 8.603 60.753 24.14 16.218 15.536 25.1 36.272 25.1 58.308V806.05zM510.974 135.441c114.914 0 208.319 89.752 208.319 200.055h73.35C792.643 186.383 666.277 65 510.974 65c-155.334 0-281.7 121.384-281.7 270.497h73.35c0-110.302 93.436-200.055 208.35-200.055zM474.3 747.245h73.35V629.577H474.3v117.668z"/></svg>

package/src/components/Popups/DiyCompDictChoose.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <el-form ref="searchForm" :inline="true" :model="searchForm" class="demo-form-inline">
+      <el-form-item label="字典编号" prop="dataSourceName">
+        <el-input v-model="searchForm.type" placeholder="字典编号"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="loadData">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="tableData" highlight-current-row @row-click="handlerRowClick">
+      <el-table-column align="center" label="字段名称" prop="name"></el-table-column>
+      <el-table-column align="center" label="字段类型" prop="dictType"></el-table-column>
+      <el-table-column align="center" label="状态" prop="usable">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.usable">可用</el-tag>
+          <el-tag v-else>禁用</el-tag>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="float: right">
+      <el-pagination
+          :page-size="page.pageSize"
+          :total="page.total"
+          layout="total, prev, pager, next"
+          @current-change="currentChange">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import {getDictList} from '../../../lib/api/easyData'
+
+export default {
+  name: "DiyCompDictChoose",
+  props: {
+    control: {
+      type: Object, default: () => {
+      }
+    },
+    controlProp: {
+      type: Object, default: () => {
+      }
+    },
+    // 值
+    value: {type: [Object, Array], default: () => []},
+    // 标题
+    title: {type: String, default: "表格选择器"},
+    // 查询时附带的额外参数
+    params: {type: Object},
+    // 表格行选中事件
+    rowSelect: {
+      type: Function,
+      default: function () {
+      }
+    },
+  },
+  data() {
+    return {
+      //列表显示数据
+      tableData: [],
+      //前端分页,这里是所有数据
+      tableList: [],
+      page: {total: 0, pageSize: 10},
+      //选择的数据
+      currentRow: {},
+      searchForm: {type: ''}
+    }
+  },
+  mounted() {
+    this.loadData();
+  },
+  methods: {
+    loadData() {
+      this.tableData = []
+      getDictList(this.searchForm).then((resp) => {
+        if (resp.data) {
+          this.tableList = resp.data
+          if (this.tableList.length > 10) {
+            this.tableData = this.tableList.slice(0, 10)
+          } else {
+            this.tableData = this.tableList
+          }
+          this.page.total = resp.data.length
+        }
+      })
+    },
+    currentChange(val) {
+      const index = (val - 1) * 10
+      if (this.tableList.length >= val * 10) {
+        this.tableData = this.tableList.slice(index, val * 10)
+      } else {
+        this.tableData = this.tableList.slice(index, this.tableList.length)
+      }
+    },
+    handlerRowClick(row, column, event) {
+      this.currentRow = row
+      this.rowSelect({value: row.dictType, label: row.name})
+    },
+    getData() {
+      return {value: this.currentRow.dictType, label: this.currentRow.name}
+    }
+  },
+}
+</script>
+
+<style scoped>
+:deep(.el-dialog) {
+  height: 85vh;
+}
+</style>

package/src/components/Popups/index.js

@@ -0,0 +1,28 @@
+// 弹窗组件
+import DiyCompDictChoose from "./DiyCompDictChoose";
+
+// 自定义组件
+
+// 组件集合
+const components = {
+  DiyCompDictChoose
+}
+
+// 组件注册
+const install = function (Vue, opts = {}) {
+  Object.keys(components).forEach(key => {
+    Vue.component(components[key].name, components[key]);
+  });
+}
+
+/* istanbul ignore if */
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+
+// 组件导出
+export default {
+  version: '1.0.0',
+  install,
+}

package/src/components/ed-base-vue/global/variable.js

@@ -0,0 +1,8 @@
+export const typeList = {
+  img: /\.(gif|jpg|jpeg|png|webp|svg|GIF|JPG|JPEG|PNG|WEBP|SVG)/,
+  video: /\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|ogg|mp4)/,
+  audio: /\.(mp3|wav|MP3|WAV)/,
+  iframe: /\.(pdf|PDF|doc|DOC|docx|DOCX|xls|xlsx|txt)/,
+  words: /pdf|PDF|doc|DOC|docx|DOCX|xls|xlsx|txt/,
+};
+

package/src/components/ed-base-vue/index.js

@@ -0,0 +1,81 @@
+import Vue from 'vue'
+// 组件
+import EdCard from './package/EdCard'
+import EdDate from './package/EdDate'
+import EdFlow from './package/EdFlow'
+import EdForm from './package/EdForm'
+import EdLink from './package/EdLink'
+import EdIcons from './package/EdIcons'
+import EdImage from './package/EdImage'
+import EdLable from './package/EdLable'
+import EdTable from './package/EdTable'
+import EdDialog from './package/EdDialog'
+import EdDrawer from './package/EdDrawer'
+import EdUpload from './package/EdUpload'
+import EdViewer from './package/EdViewer'
+import EdInputMap from './package/EdInputMap'
+import EdInputPop from './package/EdInputPop'
+import ExtendSlot from './package/ExtendSlot'
+import OptionSlot from './package/OptionSlot'
+import EdCodeEditor from './package/EdCodeEditor'
+import EdInputArray from './package/EdInputArray'
+import EdInputColor from './package/EdInputColor'
+import EdInputTable from './package/EdInputTable'
+import EdJsonEditor from './package/EdJsonEditor'
+import EdJsonViewer from './package/EdJsonViewer'
+import EdMarkEditor from './package/EdMarkEditor'
+import EdWangEditor from './package/EdWangEditor'
+import EdTableEditor from './package/EdTableEditor'
+import EdDescriptions from './package/EdDescriptions'
+
+// 自定义插件
+import print from './plugin/print'
+import Message from './plugin/Message'
+
+const components = [
+  EdCard,
+  EdDate,
+  EdFlow,
+  EdForm,
+  EdLink,
+  EdIcons,
+  EdImage,
+  EdLable,
+  EdTable,
+  EdDialog,
+  EdDrawer,
+  EdUpload,
+  EdViewer,
+  EdInputMap,
+  EdInputPop,
+  ExtendSlot,
+  OptionSlot,
+  EdCodeEditor,
+  EdInputArray,
+  EdInputColor,
+  EdInputTable,
+  EdJsonEditor,
+  EdJsonViewer,
+  EdMarkEditor,
+  EdWangEditor,
+  EdTableEditor,
+  EdDescriptions
+]
+components.forEach(component => {
+  Vue.component(component.name, component)
+})
+
+const install = function (Vue, opts = {}) {
+    Vue.prototype.$EdBaseVue = opts
+    Vue.prototype.$print = print;
+    Vue.prototype.$msgExtra = Message;
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue);
+}
+
+export default {
+    version: '1.0.0',
+    install,
+}

package/src/components/ed-base-vue/package/EdCard/index.js

@@ -0,0 +1,7 @@
+import EdCard from './src/index.vue'
+
+EdCard.install = function (Vue) {
+  Vue.component(EdCard.name, EdCard)
+}
+
+export default EdCard

package/src/components/ed-base-vue/package/EdCard/src/index.vue

@@ -0,0 +1,87 @@
+<template>
+  <el-card class="ed-card" :shadow="shadow" :bodyStyle="bodyStyle">
+    <div v-if="showHeader && isTitle" slot="header" class="ed-card--header">
+      <slot name="header">
+        <div>{{ title }}</div>
+        <div><slot name="operate"></slot></div>
+      </slot>
+    </div>
+
+    <slot></slot>
+  </el-card>
+</template>
+
+<script>
+export default {
+  name: "EdCard",
+  props: {
+    title: String,
+
+    // 是否显示title
+    isTitle: {
+      type: Boolean,
+      default: true
+    },
+
+    bodyStyle: {
+      type: Object,
+      default: () => {
+        return {
+          padding: '15px'
+        }
+      }
+    },
+    // 	设置阴影显示时机 always / hover / never
+    shadow: {
+      type: String,
+      default: "always"
+    }
+  },
+  computed:{
+    showHeader(){
+      let slots = Object.keys(this.$slots)
+      return this.title !== undefined || slots.includes('header') || slots.includes('operate')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "../../../style/index.scss";
+.ed-card {
+  .ed-card--header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    min-height: 40px;
+
+    div:last-child, .es-card-header-operate {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+  .view-list-card.active {
+    background-color: rgb(225, 243, 216);
+  }
+}
+// el-card 默认样式修改
+::v-deep {
+  .el-card__header {
+    font-size: 18px;
+    padding: 10px;
+  }
+
+  .el-card.is-never-shadow {
+    .el-card__header {
+      opacity: 0.5;
+    }
+  }
+
+  .el-card__body {
+    height: calc(100% - 90px);
+    overflow-y: auto;
+  }
+}
+
+</style>

package/src/components/ed-base-vue/package/EdCodeEditor/index.js

@@ -0,0 +1,8 @@
+// import EdCodeEditor from './src/Codemirror'
+import EdCodeEditor from './src/AceEditor'
+
+EdCodeEditor.install = function (Vue) {
+  Vue.component(EdCodeEditor.name, EdCodeEditor)
+}
+
+export default EdCodeEditor

package/src/components/ed-base-vue/package/EdCodeEditor/src/AceEditor/AceConfig.js

@@ -0,0 +1,71 @@
+/**
+ * 主题集合
+ * @type {string[]}
+ */
+export const Themes = ["ace/theme/chrome", "ace/theme/clouds_midnight", "ace/theme/crimson_editor", "ace/theme/dracula", "ace/theme/eclipse", "ace/theme/github", "ace/theme/merbivore", "ace/theme/monokai", "ace/theme/one_dark", "ace/theme/terminal", "ace/theme/textmate"]
+
+/**
+ * 代码集合
+ * @type {[{label: string, value: string}]}
+ */
+export const ModeViews = [
+    {label: 'Text', value: 'ace/mode/text'},
+    {label: "HTML", value: "ace/mode/html"},
+    {label: "CSS", value: "ace/mode/css"},
+    {label: 'Scss', value: 'ace/mode/scss'},
+    {label: 'Javascript', value: 'ace/mode/javascript'},
+    {label: 'Json', value: 'ace/mode/json'},
+    {label: 'Java', value: 'ace/mode/java'},
+    {label: 'SQL', value: 'ace/mode/sql'},
+    {label: 'Markdown', value: 'ace/mode/markdown'},
+
+    // {label: 'Json5', value: 'ace/mode/json5'},
+    // {label: 'JSP', value: 'ace/mode/jsp'},
+    // {label: 'Markdown', value: 'ace/mode/markdown'},
+    // {label: 'Mysql', value: 'ace/mode/mysql'},
+    // {label: 'Nginx', value: 'ace/mode/nginx'},
+    // {label: 'Objective-C', value: 'ace/mode/objectivec'},
+    // {label: 'PHP', value: 'ace/mode/php'},
+    // {label: 'Python', value: 'ace/mode/python'},
+    // {label: 'Ruby', value: 'ace/mode/ruby'},
+    // {label: 'SqlServer', value: 'ace/mode/sqlserver'},
+    // {label: 'XML', value: 'ace/mode/xml'},
+    // {label: 'Yaml', value: 'ace/mode/yaml'},
+    // {label: "C++", value: "ace/mode/c_cpp"},
+    // {label: "C#", value: "ace/mode/csharp"},
+    // {label: "Dart", value: "ace/mode/dart"},
+    // {label: "Dockerfile", value: "ace/mode/dockerfile"},
+    // {label: "Dot脚本语言", value: "ace/mode/dot"},
+    // {label: 'Typescript', value: 'ace/mode/typescript'},
+    // {label: 'TSX', value: 'ace/mode/tsx'},
+]
+
+// 主题集合
+export function getThemes() {
+    let opts = []
+    Themes.map(option => {
+        let label = option.replace('ace/theme/', '')
+        opts.push({
+            label: titleCase(label),
+            value: option
+        })
+    })
+
+    return opts
+}
+
+//ES6写法
+export function titleCase(str) {
+    return str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
+}
+
+export function getOption(value, type) {
+    if (type === 'theme') {
+        let themes = getThemes().find(t => t.value === value || t.label === titleCase(value))
+        return themes ? themes.value : ""
+    } else {
+        let modes = ModeViews.find(t => t.value === value || t.label === titleCase(value))
+
+        return modes ? modes.value : ""
+    }
+}