ylyx-cli 1.0.16 → 1.1.1

package/templates/vue-app/files/src/views/components/icons/index.vue

@@ -1,106 +1,106 @@
-<template>
-  <div class="icons-container">
-    <aside>
-      <a
-        href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/icon.html"
-        target="_blank"
-        >Add and use
-      </a>
-    </aside>
-    <el-tabs type="border-card">
-      <el-tab-pane label="Icons">
-        <div class="grid">
-          <div
-            v-for="item of svgIcons"
-            :key="item"
-            @click="handleClipboard(generateIconCode(item), $event)">
-            <el-tooltip placement="top">
-              <div slot="content">
-                {{ generateIconCode(item) }}
-              </div>
-              <div class="icon-item">
-                <svg-icon :icon-class="item" class-name="disabled" />
-                <span>{{ item }}</span>
-              </div>
-            </el-tooltip>
-          </div>
-        </div>
-      </el-tab-pane>
-      <el-tab-pane label="Element-UI Icons">
-        <div class="grid">
-          <div
-            v-for="item of elementIcons"
-            :key="item"
-            @click="handleClipboard(generateElementIconCode(item), $event)">
-            <el-tooltip placement="top">
-              <div slot="content">
-                {{ generateElementIconCode(item) }}
-              </div>
-              <div class="icon-item">
-                <i :class="'el-icon-' + item" />
-                <span>{{ item }}</span>
-              </div>
-            </el-tooltip>
-          </div>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-import clipboard from '@/utils/clipboard';
-import svgIcons from './svg-icons';
-import elementIcons from './element-icons';
-export default {
-  name: 'Icons',
-  data() {
-    return {
-      svgIcons,
-      elementIcons,
-    };
-  },
-  methods: {
-    generateIconCode(symbol) {
-      return `<svg-icon icon-class="${symbol}" />`;
-    },
-    generateElementIconCode(symbol) {
-      return `<i class="el-icon-${symbol}" />`;
-    },
-    handleClipboard(text, event) {
-      clipboard(text, event);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.icons-container {
-  margin: 10px 20px 0;
-  overflow: hidden;
-
-  .grid {
-    position: relative;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-  }
-  .icon-item {
-    margin: 20px;
-    height: 85px;
-    text-align: center;
-    width: 100px;
-    float: left;
-    font-size: 30px;
-    color: #24292e;
-    cursor: pointer;
-  }
-  span {
-    display: block;
-    font-size: 16px;
-    margin-top: 10px;
-  }
-  .disabled {
-    pointer-events: none;
-  }
-}
-</style>
+<template>
+  <div class="icons-container">
+    <aside>
+      <a
+        href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/icon.html"
+        target="_blank"
+        >Add and use
+      </a>
+    </aside>
+    <el-tabs type="border-card">
+      <el-tab-pane label="Icons">
+        <div class="grid">
+          <div
+            v-for="item of svgIcons"
+            :key="item"
+            @click="handleClipboard(generateIconCode(item), $event)">
+            <el-tooltip placement="top">
+              <div slot="content">
+                {{ generateIconCode(item) }}
+              </div>
+              <div class="icon-item">
+                <svg-icon :icon-class="item" class-name="disabled" />
+                <span>{{ item }}</span>
+              </div>
+            </el-tooltip>
+          </div>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="Element-UI Icons">
+        <div class="grid">
+          <div
+            v-for="item of elementIcons"
+            :key="item"
+            @click="handleClipboard(generateElementIconCode(item), $event)">
+            <el-tooltip placement="top">
+              <div slot="content">
+                {{ generateElementIconCode(item) }}
+              </div>
+              <div class="icon-item">
+                <i :class="'el-icon-' + item" />
+                <span>{{ item }}</span>
+              </div>
+            </el-tooltip>
+          </div>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import clipboard from '@/utils/clipboard';
+import svgIcons from './svg-icons';
+import elementIcons from './element-icons';
+export default {
+  name: 'Icons',
+  data() {
+    return {
+      svgIcons,
+      elementIcons,
+    };
+  },
+  methods: {
+    generateIconCode(symbol) {
+      return `<svg-icon icon-class="${symbol}" />`;
+    },
+    generateElementIconCode(symbol) {
+      return `<i class="el-icon-${symbol}" />`;
+    },
+    handleClipboard(text, event) {
+      clipboard(text, event);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.icons-container {
+  margin: 10px 20px 0;
+  overflow: hidden;
+
+  .grid {
+    position: relative;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  }
+  .icon-item {
+    margin: 20px;
+    height: 85px;
+    text-align: center;
+    width: 100px;
+    float: left;
+    font-size: 30px;
+    color: #24292e;
+    cursor: pointer;
+  }
+  span {
+    display: block;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+  .disabled {
+    pointer-events: none;
+  }
+}
+</style>

package/templates/vue-app/files/src/views/components/icons/svg-icons.js

@@ -1,10 +1,10 @@
-const req = require.context('../../../assets/icons/svg', false, /\.svg$/);
-const requireAll = requireContext => requireContext.keys();
-
-const re = /\.\/(.*)\.svg/;
-
-const svgIcons = requireAll(req).map(i => {
-  return i.match(re)[1];
-});
-
-export default svgIcons;
+const req = require.context('../../../assets/icons/svg', false, /\.svg$/);
+const requireAll = requireContext => requireContext.keys();
+
+const re = /\.\/(.*)\.svg/;
+
+const svgIcons = requireAll(req).map(i => {
+  return i.match(re)[1];
+});
+
+export default svgIcons;

package/templates/vue-app/files/src/views/components/scroll/index.vue

@@ -1,107 +1,107 @@
-<template>
-  <div class="number">
-    <ul id="dataNums">
-      <li v-for="(item, index) in list" :key="index" :class="{ douhao: item === ',' }">
-        <div class="dataBoc">
-          <div
-            class="tt"
-            :style="{ transition: 'all 2.5s ease-in-out 0s', top: '-' + item.top + 'px' }">
-            <em v-for="(item2, index2) in numList" :key="index2">{{ item2 }} </em>
-          </div>
-        </div>
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    number: {
-      type: Number,
-      require: true,
-    },
-  },
-  data() {
-    return {
-      list: [],
-      numList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ','],
-    };
-  },
-  watch: {
-    //
-    number(val) {
-      // console.log(val, '[1,2,3,4,5,6,7,8,9,0]')
-      this.scroll();
-    },
-  },
-  methods: {
-    scroll() {
-      this.list = this.number
-        .toString()
-        .replace(/\B(?=(\d{3})+$)/g, ',')
-        .split('');
-
-      let arr = [];
-      this.list.forEach(value => {
-        arr.push({ num: value, top: 0 });
-      });
-      this.list = arr;
-      let Hei = parseFloat(getComputedStyle(document.getElementById('dataNums')).height);
-      this.list.forEach((value, index) => {
-        if (value.num == ',') {
-          value.top = parseFloat(20 * Hei);
-        } else {
-          setTimeout(() => {
-            value.top = parseFloat(value.num * Hei + Hei * 10);
-          }, index * 300);
-        }
-      });
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.number {
-  text-align: center;
-  display: inline-block;
-  ul {
-    display: inline-block;
-    height: 50px;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    position: relative;
-    top: 7px;
-    li {
-      float: left;
-      width: 13px;
-      height: 50px;
-      text-align: center;
-      list-style: none;
-      .dataBoc {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        .tt {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          em {
-            width: 100%;
-            height: 100%;
-            float: left;
-            line-height: 50px;
-            font-style: normal;
-            text-align: center;
-            font-size: 22px;
-            color: #66e8e5;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="number">
+    <ul id="dataNums">
+      <li v-for="(item, index) in list" :key="index" :class="{ douhao: item === ',' }">
+        <div class="dataBoc">
+          <div
+            class="tt"
+            :style="{ transition: 'all 2.5s ease-in-out 0s', top: '-' + item.top + 'px' }">
+            <em v-for="(item2, index2) in numList" :key="index2">{{ item2 }} </em>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    number: {
+      type: Number,
+      require: true,
+    },
+  },
+  data() {
+    return {
+      list: [],
+      numList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ','],
+    };
+  },
+  watch: {
+    //
+    number(val) {
+      // console.log(val, '[1,2,3,4,5,6,7,8,9,0]')
+      this.scroll();
+    },
+  },
+  methods: {
+    scroll() {
+      this.list = this.number
+        .toString()
+        .replace(/\B(?=(\d{3})+$)/g, ',')
+        .split('');
+
+      let arr = [];
+      this.list.forEach(value => {
+        arr.push({ num: value, top: 0 });
+      });
+      this.list = arr;
+      let Hei = parseFloat(getComputedStyle(document.getElementById('dataNums')).height);
+      this.list.forEach((value, index) => {
+        if (value.num == ',') {
+          value.top = parseFloat(20 * Hei);
+        } else {
+          setTimeout(() => {
+            value.top = parseFloat(value.num * Hei + Hei * 10);
+          }, index * 300);
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.number {
+  text-align: center;
+  display: inline-block;
+  ul {
+    display: inline-block;
+    height: 50px;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    top: 7px;
+    li {
+      float: left;
+      width: 13px;
+      height: 50px;
+      text-align: center;
+      list-style: none;
+      .dataBoc {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        .tt {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          em {
+            width: 100%;
+            height: 100%;
+            float: left;
+            line-height: 50px;
+            font-style: normal;
+            text-align: center;
+            font-size: 22px;
+            color: #66e8e5;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/templates/vue-app/files/src/views/components/scrollFull/index.vue

@@ -1,99 +1,99 @@
-<template>
-  <div class="number">
-    <ul id="dataNums">
-      <li v-for="(item, index) in list" :key="index">
-        <div class="dataBoc">
-          <div
-            class="tt"
-            :style="{ transition: 'all 2.5s ease-in-out 0s', top: '-' + item.top + 'px' }">
-            <em v-for="(item2, index2) in numList" :key="index2">{{ item2 }} </em>
-          </div>
-        </div>
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    number: {
-      type: Number,
-      require: true,
-    },
-  },
-  data() {
-    return {
-      list: [],
-      numList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '.'],
-    };
-  },
-  watch: {
-    //
-    number(val) {
-      // console.log(val, '[1,2,3,4,5,6,7,8,9,0]')
-      this.scroll();
-    },
-  },
-  methods: {
-    scroll() {
-      this.list = this.number.toString().split('');
-      let arr = [];
-      this.list.forEach(value => {
-        arr.push({ num: value, top: 0 });
-      });
-      this.list = arr;
-      let Hei = parseFloat(getComputedStyle(document.getElementById('dataNums')).height);
-      this.list.forEach((value, index) => {
-        setTimeout(() => {
-          value.top = parseFloat(value.num * Hei + Hei * 10);
-        }, index * 300);
-      });
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.number {
-  text-align: center;
-  display: inline-block;
-  ul {
-    display: inline-block;
-    height: 50px;
-    text-align: center;
-    margin: 0;
-    padding: 0;
-    position: relative;
-    top: 7px;
-    li {
-      float: left;
-      width: 13px;
-      height: 50px;
-      text-align: center;
-      list-style: none;
-      .dataBoc {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        .tt {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          height: 100%;
-          em {
-            width: 100%;
-            height: 100%;
-            float: left;
-            line-height: 50px;
-            font-style: normal;
-            text-align: center;
-            font-size: 22px;
-            color: #66e8e5;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="number">
+    <ul id="dataNums">
+      <li v-for="(item, index) in list" :key="index">
+        <div class="dataBoc">
+          <div
+            class="tt"
+            :style="{ transition: 'all 2.5s ease-in-out 0s', top: '-' + item.top + 'px' }">
+            <em v-for="(item2, index2) in numList" :key="index2">{{ item2 }} </em>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    number: {
+      type: Number,
+      require: true,
+    },
+  },
+  data() {
+    return {
+      list: [],
+      numList: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '.'],
+    };
+  },
+  watch: {
+    //
+    number(val) {
+      // console.log(val, '[1,2,3,4,5,6,7,8,9,0]')
+      this.scroll();
+    },
+  },
+  methods: {
+    scroll() {
+      this.list = this.number.toString().split('');
+      let arr = [];
+      this.list.forEach(value => {
+        arr.push({ num: value, top: 0 });
+      });
+      this.list = arr;
+      let Hei = parseFloat(getComputedStyle(document.getElementById('dataNums')).height);
+      this.list.forEach((value, index) => {
+        setTimeout(() => {
+          value.top = parseFloat(value.num * Hei + Hei * 10);
+        }, index * 300);
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.number {
+  text-align: center;
+  display: inline-block;
+  ul {
+    display: inline-block;
+    height: 50px;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    top: 7px;
+    li {
+      float: left;
+      width: 13px;
+      height: 50px;
+      text-align: center;
+      list-style: none;
+      .dataBoc {
+        position: relative;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+        .tt {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          em {
+            width: 100%;
+            height: 100%;
+            float: left;
+            line-height: 50px;
+            font-style: normal;
+            text-align: center;
+            font-size: 22px;
+            color: #66e8e5;
+          }
+        }
+      }
+    }
+  }
+}
+</style>