ylyx-cli 1.0.15 → 1.0.16

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

@@ -1,201 +1,201 @@
-<template>
-  <div :class="className" :style="{ height: height, width: width }" />
-</template>
-
-<script>
-import echarts from 'echarts';
-require('echarts-wordcloud');
-require('echarts/theme/macarons'); // echarts theme
-import { debounce } from '@/utils';
-export default {
-  props: {
-    className: {
-      type: String,
-      default: 'chart',
-    },
-    width: {
-      type: String,
-      default: '100%',
-    },
-    height: {
-      type: String,
-      default: '300px',
-    },
-  },
-  data() {
-    return {
-      chart: null,
-    };
-  },
-  mounted() {
-    this.initChart();
-    this.__resizeHandler = debounce(() => {
-      if (this.chart) {
-        this.chart.resize();
-      }
-    }, 100);
-    window.addEventListener('resize', this.__resizeHandler);
-  },
-  beforeDestroy() {
-    if (!this.chart) {
-      return;
-    }
-    window.removeEventListener('resize', this.__resizeHandler);
-    this.chart.dispose();
-    this.chart = null;
-  },
-  methods: {
-    initChart() {
-      this.chart = echarts.init(this.$el, 'macarons');
-      const data = [
-        {
-          name: '花鸟市场',
-          value: 1446,
-        },
-        {
-          name: '汽车',
-          value: 928,
-        },
-        {
-          name: '视频',
-          value: 906,
-        },
-        {
-          name: '电视',
-          value: 825,
-        },
-        {
-          name: 'Lover Boy',
-          value: 514,
-        },
-        {
-          name: '动漫',
-          value: 486,
-        },
-        {
-          name: '音乐',
-          value: 53,
-        },
-        {
-          name: '直播',
-          value: 163,
-        },
-        {
-          name: '广播电台',
-          value: 86,
-        },
-        {
-          name: '戏曲曲艺',
-          value: 17,
-        },
-        {
-          name: '演出票务',
-          value: 6,
-        },
-        {
-          name: '给陌生的你听',
-          value: 1,
-        },
-        {
-          name: '资讯',
-          value: 1437,
-        },
-        {
-          name: '商业财经',
-          value: 422,
-        },
-        {
-          name: '娱乐八卦',
-          value: 353,
-        },
-        {
-          name: '军事',
-          value: 331,
-        },
-        {
-          name: '科技资讯',
-          value: 313,
-        },
-        {
-          name: '社会时政',
-          value: 307,
-        },
-        {
-          name: '时尚',
-          value: 43,
-        },
-        {
-          name: '网络奇闻',
-          value: 15,
-        },
-        {
-          name: '旅游出行',
-          value: 438,
-        },
-        {
-          name: '景点类型',
-          value: 957,
-        },
-        {
-          name: '国内游',
-          value: 927,
-        },
-        {
-          name: '远途出行方式',
-          value: 908,
-        },
-        {
-          name: '酒店',
-          value: 693,
-        },
-        {
-          name: '关注景点',
-          value: 611,
-        },
-        {
-          name: '旅游网站偏好',
-          value: 512,
-        },
-        {
-          name: '出国游',
-          value: 382,
-        },
-      ];
-      this.chart.setOption({
-        backgroundColor: '#fff',
-        tooltip: {
-          show: false,
-        },
-        series: [
-          {
-            type: 'wordCloud',
-            gridSize: 1,
-            sizeRange: [12, 55],
-            rotationRange: [-45, 0, 45, 90],
-            textStyle: {
-              normal: {
-                color: function () {
-                  return (
-                    'rgb(' +
-                    Math.round(Math.random() * 255) +
-                    ', ' +
-                    Math.round(Math.random() * 255) +
-                    ', ' +
-                    Math.round(Math.random() * 255) +
-                    ')'
-                  );
-                },
-              },
-            },
-            left: 'center',
-            top: 'center',
-            right: null,
-            bottom: null,
-            data: data,
-          },
-        ],
-      });
-    },
-  },
-};
-</script>
+<template>
+  <div :class="className" :style="{ height: height, width: width }" />
+</template>
+
+<script>
+import echarts from 'echarts';
+require('echarts-wordcloud');
+require('echarts/theme/macarons'); // echarts theme
+import { debounce } from '@/utils';
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart',
+    },
+    width: {
+      type: String,
+      default: '100%',
+    },
+    height: {
+      type: String,
+      default: '300px',
+    },
+  },
+  data() {
+    return {
+      chart: null,
+    };
+  },
+  mounted() {
+    this.initChart();
+    this.__resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize();
+      }
+    }, 100);
+    window.addEventListener('resize', this.__resizeHandler);
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    window.removeEventListener('resize', this.__resizeHandler);
+    this.chart.dispose();
+    this.chart = null;
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons');
+      const data = [
+        {
+          name: '花鸟市场',
+          value: 1446,
+        },
+        {
+          name: '汽车',
+          value: 928,
+        },
+        {
+          name: '视频',
+          value: 906,
+        },
+        {
+          name: '电视',
+          value: 825,
+        },
+        {
+          name: 'Lover Boy',
+          value: 514,
+        },
+        {
+          name: '动漫',
+          value: 486,
+        },
+        {
+          name: '音乐',
+          value: 53,
+        },
+        {
+          name: '直播',
+          value: 163,
+        },
+        {
+          name: '广播电台',
+          value: 86,
+        },
+        {
+          name: '戏曲曲艺',
+          value: 17,
+        },
+        {
+          name: '演出票务',
+          value: 6,
+        },
+        {
+          name: '给陌生的你听',
+          value: 1,
+        },
+        {
+          name: '资讯',
+          value: 1437,
+        },
+        {
+          name: '商业财经',
+          value: 422,
+        },
+        {
+          name: '娱乐八卦',
+          value: 353,
+        },
+        {
+          name: '军事',
+          value: 331,
+        },
+        {
+          name: '科技资讯',
+          value: 313,
+        },
+        {
+          name: '社会时政',
+          value: 307,
+        },
+        {
+          name: '时尚',
+          value: 43,
+        },
+        {
+          name: '网络奇闻',
+          value: 15,
+        },
+        {
+          name: '旅游出行',
+          value: 438,
+        },
+        {
+          name: '景点类型',
+          value: 957,
+        },
+        {
+          name: '国内游',
+          value: 927,
+        },
+        {
+          name: '远途出行方式',
+          value: 908,
+        },
+        {
+          name: '酒店',
+          value: 693,
+        },
+        {
+          name: '关注景点',
+          value: 611,
+        },
+        {
+          name: '旅游网站偏好',
+          value: 512,
+        },
+        {
+          name: '出国游',
+          value: 382,
+        },
+      ];
+      this.chart.setOption({
+        backgroundColor: '#fff',
+        tooltip: {
+          show: false,
+        },
+        series: [
+          {
+            type: 'wordCloud',
+            gridSize: 1,
+            sizeRange: [12, 55],
+            rotationRange: [-45, 0, 45, 90],
+            textStyle: {
+              normal: {
+                color: function () {
+                  return (
+                    'rgb(' +
+                    Math.round(Math.random() * 255) +
+                    ', ' +
+                    Math.round(Math.random() * 255) +
+                    ', ' +
+                    Math.round(Math.random() * 255) +
+                    ')'
+                  );
+                },
+              },
+            },
+            left: 'center',
+            top: 'center',
+            right: null,
+            bottom: null,
+            data: data,
+          },
+        ],
+      });
+    },
+  },
+};
+</script>

package/templates/vue-app/files/src/components/GithubCorner/index.vue

@@ -1,55 +1,55 @@
-<template>
-  <a
-    href="https://github.com/elunez/eladmin"
-    target="_blank"
-    class="github-corner"
-    aria-label="View source on Github">
-    <svg
-      width="80"
-      height="80"
-      viewBox="0 0 250 250"
-      style="fill: #40c9c6; color: #fff"
-      aria-hidden="true">
-      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
-      <path
-        d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-        fill="currentColor"
-        style="transform-origin: 130px 106px"
-        class="octo-arm" />
-      <path
-        d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-        fill="currentColor"
-        class="octo-body" />
-    </svg>
-  </a>
-</template>
-
-<style scoped>
-.github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave {
-  0%,
-  100% {
-    transform: rotate(0);
-  }
-  20%,
-  60% {
-    transform: rotate(-25deg);
-  }
-  40%,
-  80% {
-    transform: rotate(10deg);
-  }
-}
-
-@media (max-width: 500px) {
-  .github-corner:hover .octo-arm {
-    animation: none;
-  }
-  .github-corner .octo-arm {
-    animation: octocat-wave 560ms ease-in-out;
-  }
-}
-</style>
+<template>
+  <a
+    href="https://github.com/elunez/eladmin"
+    target="_blank"
+    class="github-corner"
+    aria-label="View source on Github">
+    <svg
+      width="80"
+      height="80"
+      viewBox="0 0 250 250"
+      style="fill: #40c9c6; color: #fff"
+      aria-hidden="true">
+      <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
+      <path
+        d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+        fill="currentColor"
+        style="transform-origin: 130px 106px"
+        class="octo-arm" />
+      <path
+        d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+        fill="currentColor"
+        class="octo-body" />
+    </svg>
+  </a>
+</template>
+
+<style scoped>
+.github-corner:hover .octo-arm {
+  animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+  0%,
+  100% {
+    transform: rotate(0);
+  }
+  20%,
+  60% {
+    transform: rotate(-25deg);
+  }
+  40%,
+  80% {
+    transform: rotate(10deg);
+  }
+}
+
+@media (max-width: 500px) {
+  .github-corner:hover .octo-arm {
+    animation: none;
+  }
+  .github-corner .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+}
+</style>

package/templates/vue-app/files/src/components/Hamburger/index.vue

@@ -1,44 +1,44 @@
-<template>
-  <div style="padding: 0 15px" @click="toggleClick">
-    <svg
-      :class="{ 'is-active': isActive }"
-      class="hamburger"
-      viewBox="0 0 1024 1024"
-      xmlns="http://www.w3.org/2000/svg"
-      width="64"
-      height="64">
-      <path
-        d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
-    </svg>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Hamburger',
-  props: {
-    isActive: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  methods: {
-    toggleClick() {
-      this.$emit('toggleClick');
-    },
-  },
-};
-</script>
-
-<style scoped>
-.hamburger {
-  display: inline-block;
-  vertical-align: middle;
-  width: 20px;
-  height: 20px;
-}
-
-.hamburger.is-active {
-  transform: rotate(180deg);
-}
-</style>
+<template>
+  <div style="padding: 0 15px" @click="toggleClick">
+    <svg
+      :class="{ 'is-active': isActive }"
+      class="hamburger"
+      viewBox="0 0 1024 1024"
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64">
+      <path
+        d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  methods: {
+    toggleClick() {
+      this.$emit('toggleClick');
+    },
+  },
+};
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.hamburger.is-active {
+  transform: rotate(180deg);
+}
+</style>