ylyx-cli 1.0.15 → 1.0.16

package/templates/vue-app/files/src/views/components/Echarts.vue

@@ -1,124 +1,124 @@
-<template>
-  <div class="dashboard-container">
-    <div class="dashboard-editor-container">
-      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
-        <heat-map />
-      </el-row>
-      <el-row :gutter="32">
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <radar-chart />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <sunburst />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <gauge />
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <rich />
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <theme-river />
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="32">
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <graph />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <sankey />
-          </div>
-        </el-col>
-        <el-col :xs="24" :sm="24" :lg="8">
-          <div class="chart-wrapper">
-            <line3-d />
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="12">
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <scatter />
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="chart-wrapper">
-            <point />
-          </div>
-        </el-col>
-      </el-row>
-      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
-        <div class="chart-wrapper">
-          <word-cloud />
-        </div>
-      </el-row>
-      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
-        <div class="chart-wrapper">
-          <category />
-        </div>
-      </el-row>
-    </div>
-  </div>
-</template>
-
-<script>
-import RadarChart from '@/components/Echarts/RadarChart';
-import HeatMap from '@/components/Echarts/HeatMap';
-import Gauge from '@/components/Echarts/Gauge';
-import Rich from '@/components/Echarts/Rich';
-import ThemeRiver from '@/components/Echarts/ThemeRiver';
-import Sunburst from '@/components/Echarts/Sunburst';
-import Graph from '@/components/Echarts/Graph';
-import Sankey from '@/components/Echarts/Sankey';
-import Scatter from '@/components/Echarts/Scatter';
-import Line3D from '@/components/Echarts/Line3D';
-import Category from '@/components/Echarts/Category';
-import Point from '@/components/Echarts/Point';
-import WordCloud from '@/components/Echarts/WordCloud';
-
-export default {
-  name: 'Echarts',
-  components: {
-    Point,
-    Category,
-    Graph,
-    HeatMap,
-    RadarChart,
-    Sunburst,
-    Gauge,
-    Rich,
-    ThemeRiver,
-    Sankey,
-    Line3D,
-    Scatter,
-    WordCloud,
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.dashboard-editor-container {
-  padding: 18px 22px 22px 22px;
-  background-color: rgb(240, 242, 245);
-  .chart-wrapper {
-    background: #fff;
-    padding: 16px 16px 0;
-    margin-bottom: 32px;
-  }
-}
-</style>
+<template>
+  <div class="dashboard-container">
+    <div class="dashboard-editor-container">
+      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
+        <heat-map />
+      </el-row>
+      <el-row :gutter="32">
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <radar-chart />
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <sunburst />
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <gauge />
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <div class="chart-wrapper">
+            <rich />
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="chart-wrapper">
+            <theme-river />
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="32">
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <graph />
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <sankey />
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <line3-d />
+          </div>
+        </el-col>
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="12">
+          <div class="chart-wrapper">
+            <scatter />
+          </div>
+        </el-col>
+        <el-col :span="12">
+          <div class="chart-wrapper">
+            <point />
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
+        <div class="chart-wrapper">
+          <word-cloud />
+        </div>
+      </el-row>
+      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
+        <div class="chart-wrapper">
+          <category />
+        </div>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import RadarChart from '@/components/Echarts/RadarChart';
+import HeatMap from '@/components/Echarts/HeatMap';
+import Gauge from '@/components/Echarts/Gauge';
+import Rich from '@/components/Echarts/Rich';
+import ThemeRiver from '@/components/Echarts/ThemeRiver';
+import Sunburst from '@/components/Echarts/Sunburst';
+import Graph from '@/components/Echarts/Graph';
+import Sankey from '@/components/Echarts/Sankey';
+import Scatter from '@/components/Echarts/Scatter';
+import Line3D from '@/components/Echarts/Line3D';
+import Category from '@/components/Echarts/Category';
+import Point from '@/components/Echarts/Point';
+import WordCloud from '@/components/Echarts/WordCloud';
+
+export default {
+  name: 'Echarts',
+  components: {
+    Point,
+    Category,
+    Graph,
+    HeatMap,
+    RadarChart,
+    Sunburst,
+    Gauge,
+    Rich,
+    ThemeRiver,
+    Sankey,
+    Line3D,
+    Scatter,
+    WordCloud,
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dashboard-editor-container {
+  padding: 18px 22px 22px 22px;
+  background-color: rgb(240, 242, 245);
+  .chart-wrapper {
+    background: #fff;
+    padding: 16px 16px 0;
+    margin-bottom: 32px;
+  }
+}
+</style>

package/templates/vue-app/files/src/views/components/Editor.vue

@@ -1,75 +1,75 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      富文本基于
-      <el-link
-        type="primary"
-        href="https://www.kancloud.cn/wangfupeng/wangeditor3/332599"
-        target="_blank"
-        >wangEditor</el-link
-      >
-    </p>
-    <el-row :gutter="10">
-      <el-col :xs="24" :sm="24" :md="15" :lg="15" :xl="15">
-        <div ref="editor" class="text" />
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="9" :lg="9" :xl="9">
-        <div v-html="editorContent" />
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex';
-import { upload } from '@/utils/upload';
-import E from 'wangeditor';
-export default {
-  name: 'Editor',
-  data() {
-    return {
-      editorContent: `
-        <ul>
-          <li>更多帮助请查看官方文档：<a style="color: #42b983" target="_blank" href="https://www.kancloud.cn/wangfupeng/wangeditor3/332599">wangEditor</a></li>
-        </ul>
-        `,
-    };
-  },
-  computed: {
-    ...mapGetters(['imagesUploadApi', 'baseApi']),
-  },
-  mounted() {
-    const _this = this;
-    var editor = new E(this.$refs.editor);
-    // 自定义菜单配置
-    editor.customConfig.zIndex = 10;
-    // 文件上传
-    editor.customConfig.customUploadImg = function (files, insert) {
-      // files 是 input 中选中的文件列表
-      // insert 是获取图片 url 后，插入到编辑器的方法
-      files.forEach(image => {
-        upload(_this.imagesUploadApi, image).then(res => {
-          const data = res.data;
-          const url = _this.baseApi + '/file/' + data.type + '/' + data.realName;
-          insert(url);
-        });
-      });
-    };
-    editor.customConfig.onchange = html => {
-      this.editorContent = html;
-    };
-    editor.create();
-    // 初始化数据
-    editor.txt.html(this.editorContent);
-  },
-};
-</script>
-
-<style scoped>
-.text {
-  text-align: left;
-}
-::v-deep .w-e-text-container {
-  height: 420px !important;
-}
-</style>
+<template>
+  <div class="app-container">
+    <p class="warn-content">
+      富文本基于
+      <el-link
+        type="primary"
+        href="https://www.kancloud.cn/wangfupeng/wangeditor3/332599"
+        target="_blank"
+        >wangEditor</el-link
+      >
+    </p>
+    <el-row :gutter="10">
+      <el-col :xs="24" :sm="24" :md="15" :lg="15" :xl="15">
+        <div ref="editor" class="text" />
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="9" :lg="9" :xl="9">
+        <div v-html="editorContent" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { upload } from '@/utils/upload';
+import E from 'wangeditor';
+export default {
+  name: 'Editor',
+  data() {
+    return {
+      editorContent: `
+        <ul>
+          <li>更多帮助请查看官方文档：<a style="color: #42b983" target="_blank" href="https://www.kancloud.cn/wangfupeng/wangeditor3/332599">wangEditor</a></li>
+        </ul>
+        `,
+    };
+  },
+  computed: {
+    ...mapGetters(['imagesUploadApi', 'baseApi']),
+  },
+  mounted() {
+    const _this = this;
+    var editor = new E(this.$refs.editor);
+    // 自定义菜单配置
+    editor.customConfig.zIndex = 10;
+    // 文件上传
+    editor.customConfig.customUploadImg = function (files, insert) {
+      // files 是 input 中选中的文件列表
+      // insert 是获取图片 url 后，插入到编辑器的方法
+      files.forEach(image => {
+        upload(_this.imagesUploadApi, image).then(res => {
+          const data = res.data;
+          const url = _this.baseApi + '/file/' + data.type + '/' + data.realName;
+          insert(url);
+        });
+      });
+    };
+    editor.customConfig.onchange = html => {
+      this.editorContent = html;
+    };
+    editor.create();
+    // 初始化数据
+    editor.txt.html(this.editorContent);
+  },
+};
+</script>
+
+<style scoped>
+.text {
+  text-align: left;
+}
+::v-deep .w-e-text-container {
+  height: 420px !important;
+}
+</style>

package/templates/vue-app/files/src/views/components/MarkDown.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      Markdown 基于
-      <el-link type="primary" href="https://github.com/hinesboy/mavonEditor" target="_blank"
-        >MavonEditor</el-link
-      >
-    </p>
-    <mavon-editor ref="md" :style="'height:' + height" @imgAdd="imgAdd" />
-  </div>
-</template>
-
-<script>
-import { upload } from '@/utils/upload';
-import { mapGetters } from 'vuex';
-export default {
-  name: 'Markdown',
-  data() {
-    return {
-      height: document.documentElement.clientHeight - 200 + 'px',
-    };
-  },
-  computed: {
-    ...mapGetters(['imagesUploadApi', 'baseApi']),
-  },
-  mounted() {
-    const that = this;
-    window.onresize = function temp() {
-      that.height = document.documentElement.clientHeight - 200 + 'px';
-    };
-  },
-  methods: {
-    imgAdd(pos, $file) {
-      upload(this.imagesUploadApi, $file).then(res => {
-        const data = res.data;
-        const url = this.baseApi + '/file/' + data.type + '/' + data.realName;
-        this.$refs.md.$img2Url(pos, url);
-      });
-    },
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div class="app-container">
+    <p class="warn-content">
+      Markdown 基于
+      <el-link type="primary" href="https://github.com/hinesboy/mavonEditor" target="_blank"
+        >MavonEditor</el-link
+      >
+    </p>
+    <mavon-editor ref="md" :style="'height:' + height" @imgAdd="imgAdd" />
+  </div>
+</template>
+
+<script>
+import { upload } from '@/utils/upload';
+import { mapGetters } from 'vuex';
+export default {
+  name: 'Markdown',
+  data() {
+    return {
+      height: document.documentElement.clientHeight - 200 + 'px',
+    };
+  },
+  computed: {
+    ...mapGetters(['imagesUploadApi', 'baseApi']),
+  },
+  mounted() {
+    const that = this;
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 200 + 'px';
+    };
+  },
+  methods: {
+    imgAdd(pos, $file) {
+      upload(this.imagesUploadApi, $file).then(res => {
+        const data = res.data;
+        const url = this.baseApi + '/file/' + data.type + '/' + data.realName;
+        this.$refs.md.$img2Url(pos, url);
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/components/UVideo.vue

@@ -1,37 +1,37 @@
-<template>
-  <div class="app-container">
-    <p class="warn-content">
-      视频播放器 基于
-      <el-link type="primary" href="https://github.com/bytedance/xgplayer-vue" target="_blank"
-        >xgplayer</el-link
-      >
-    </p>
-    <xgplayer :option="option" />
-  </div>
-</template>
-
-<script>
-import xgplayer from '@/components/Xgplayer/index';
-export default {
-  name: 'UVideo',
-  components: {
-    xgplayer,
-  },
-  data() {
-    return {
-      option: {
-        url: 'https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4',
-        id: 'video1',
-        poster: 'https://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg',
-        thumbnail: {
-          urls: ['https://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg'],
-        },
-        width: '100%',
-        height: '100%',
-      },
-    };
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div class="app-container">
+    <p class="warn-content">
+      视频播放器 基于
+      <el-link type="primary" href="https://github.com/bytedance/xgplayer-vue" target="_blank"
+        >xgplayer</el-link
+      >
+    </p>
+    <xgplayer :option="option" />
+  </div>
+</template>
+
+<script>
+import xgplayer from '@/components/Xgplayer/index';
+export default {
+  name: 'UVideo',
+  components: {
+    xgplayer,
+  },
+  data() {
+    return {
+      option: {
+        url: 'https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4',
+        id: 'video1',
+        poster: 'https://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg',
+        thumbnail: {
+          urls: ['https://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg'],
+        },
+        width: '100%',
+        height: '100%',
+      },
+    };
+  },
+};
+</script>
+
+<style scoped></style>