ylyx-cli 1.0.16 → 1.1.0

package/templates/vue-app/files/src/common/flexible.js

@@ -1,145 +1,145 @@
-(function (win, lib) {
-  var doc = win.document;
-  var docEl = doc.documentElement;
-  var metaEl = doc.querySelector('meta[name="viewport"]');
-  var flexibleEl = doc.querySelector('meta[name="flexible"]');
-  var dpr = 0;
-  var scale = 0;
-  var tid;
-  var flexible = lib.flexible || (lib.flexible = {});
-
-  if (metaEl) {
-    console.warn('将根据已有的meta标签来设置缩放比例');
-    var match = metaEl
-      .getAttribute('content')
-      // eslint-disable-next-line no-useless-escape
-      .match(/initial\-scale=([\d\.]+)/);
-    if (match) {
-      scale = parseFloat(match[1]);
-      dpr = parseInt(1 / scale);
-    }
-  } else if (flexibleEl) {
-    var content = flexibleEl.getAttribute('content');
-    if (content) {
-      // eslint-disable-next-line no-useless-escape
-      var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
-      // eslint-disable-next-line no-useless-escape
-      var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
-      if (initialDpr) {
-        dpr = parseFloat(initialDpr[1]);
-        scale = parseFloat((1 / dpr).toFixed(2));
-      }
-      if (maximumDpr) {
-        dpr = parseFloat(maximumDpr[1]);
-        scale = parseFloat((1 / dpr).toFixed(2));
-      }
-    }
-  }
-
-  if (!dpr && !scale) {
-    // eslint-disable-next-line no-unused-vars
-    var isAndroid = win.navigator.appVersion.match(/android/gi);
-    var isIPhone = win.navigator.appVersion.match(/iphone/gi);
-    var devicePixelRatio = win.devicePixelRatio;
-    if (isIPhone) {
-      // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
-      if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
-        dpr = 3;
-      } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
-        dpr = 2;
-      } else {
-        dpr = 1;
-      }
-    } else {
-      // 其他设备下，仍旧使用1倍的方案
-      dpr = 1;
-    }
-    scale = 1 / dpr;
-  }
-
-  docEl.setAttribute('data-dpr', dpr);
-  if (!metaEl) {
-    metaEl = doc.createElement('meta');
-    metaEl.setAttribute('name', 'viewport');
-    metaEl.setAttribute(
-      'content',
-      'initial-scale=' +
-        scale +
-        ', maximum-scale=' +
-        scale +
-        ', minimum-scale=' +
-        scale +
-        ', user-scalable=no'
-    );
-    if (docEl.firstElementChild) {
-      docEl.firstElementChild.appendChild(metaEl);
-    } else {
-      var wrap = doc.createElement('div');
-      wrap.appendChild(metaEl);
-      doc.write(wrap.innerHTML);
-    }
-  }
-
-  function refreshRem() {
-    var width = docEl.getBoundingClientRect().width;
-    // 最小1366px，最大适配2560px
-    if (width / dpr > 540) {
-      width = width * dpr;
-    }
-    // 设置成24等份，设计稿时1920px的，这样1rem就是80px
-    var rem = width / 10;
-    docEl.style.fontSize = rem + 'px';
-    flexible.rem = win.rem = rem;
-  }
-
-  win.addEventListener(
-    'resize',
-    function () {
-      clearTimeout(tid);
-      tid = setTimeout(refreshRem, 300);
-    },
-    false
-  );
-  win.addEventListener(
-    'pageshow',
-    function (e) {
-      if (e.persisted) {
-        clearTimeout(tid);
-        tid = setTimeout(refreshRem, 300);
-      }
-    },
-    false
-  );
-
-  if (doc.readyState === 'complete') {
-    doc.body.style.fontSize = 12 * dpr + 'px';
-  } else {
-    doc.addEventListener(
-      'DOMContentLoaded',
-      // eslint-disable-next-line no-unused-vars
-      function (e) {
-        doc.body.style.fontSize = 12 * dpr + 'px';
-      },
-      false
-    );
-  }
-
-  refreshRem();
-
-  flexible.dpr = win.dpr = dpr;
-  flexible.refreshRem = refreshRem;
-  flexible.rem2px = function (d) {
-    var val = parseFloat(d) * this.rem;
-    if (typeof d === 'string' && d.match(/rem$/)) {
-      val += 'px';
-    }
-    return val;
-  };
-  flexible.px2rem = function (d) {
-    var val = parseFloat(d) / this.rem;
-    if (typeof d === 'string' && d.match(/px$/)) {
-      val += 'rem';
-    }
-    return val;
-  };
-})(window, window['lib'] || (window['lib'] = {}));
+(function (win, lib) {
+  var doc = win.document;
+  var docEl = doc.documentElement;
+  var metaEl = doc.querySelector('meta[name="viewport"]');
+  var flexibleEl = doc.querySelector('meta[name="flexible"]');
+  var dpr = 0;
+  var scale = 0;
+  var tid;
+  var flexible = lib.flexible || (lib.flexible = {});
+
+  if (metaEl) {
+    console.warn('将根据已有的meta标签来设置缩放比例');
+    var match = metaEl
+      .getAttribute('content')
+      // eslint-disable-next-line no-useless-escape
+      .match(/initial\-scale=([\d\.]+)/);
+    if (match) {
+      scale = parseFloat(match[1]);
+      dpr = parseInt(1 / scale);
+    }
+  } else if (flexibleEl) {
+    var content = flexibleEl.getAttribute('content');
+    if (content) {
+      // eslint-disable-next-line no-useless-escape
+      var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
+      // eslint-disable-next-line no-useless-escape
+      var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
+      if (initialDpr) {
+        dpr = parseFloat(initialDpr[1]);
+        scale = parseFloat((1 / dpr).toFixed(2));
+      }
+      if (maximumDpr) {
+        dpr = parseFloat(maximumDpr[1]);
+        scale = parseFloat((1 / dpr).toFixed(2));
+      }
+    }
+  }
+
+  if (!dpr && !scale) {
+    // eslint-disable-next-line no-unused-vars
+    var isAndroid = win.navigator.appVersion.match(/android/gi);
+    var isIPhone = win.navigator.appVersion.match(/iphone/gi);
+    var devicePixelRatio = win.devicePixelRatio;
+    if (isIPhone) {
+      // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
+      if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+        dpr = 3;
+      } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
+        dpr = 2;
+      } else {
+        dpr = 1;
+      }
+    } else {
+      // 其他设备下，仍旧使用1倍的方案
+      dpr = 1;
+    }
+    scale = 1 / dpr;
+  }
+
+  docEl.setAttribute('data-dpr', dpr);
+  if (!metaEl) {
+    metaEl = doc.createElement('meta');
+    metaEl.setAttribute('name', 'viewport');
+    metaEl.setAttribute(
+      'content',
+      'initial-scale=' +
+        scale +
+        ', maximum-scale=' +
+        scale +
+        ', minimum-scale=' +
+        scale +
+        ', user-scalable=no'
+    );
+    if (docEl.firstElementChild) {
+      docEl.firstElementChild.appendChild(metaEl);
+    } else {
+      var wrap = doc.createElement('div');
+      wrap.appendChild(metaEl);
+      doc.write(wrap.innerHTML);
+    }
+  }
+
+  function refreshRem() {
+    var width = docEl.getBoundingClientRect().width;
+    // 最小1366px，最大适配2560px
+    if (width / dpr > 540) {
+      width = width * dpr;
+    }
+    // 设置成24等份，设计稿时1920px的，这样1rem就是80px
+    var rem = width / 10;
+    docEl.style.fontSize = rem + 'px';
+    flexible.rem = win.rem = rem;
+  }
+
+  win.addEventListener(
+    'resize',
+    function () {
+      clearTimeout(tid);
+      tid = setTimeout(refreshRem, 300);
+    },
+    false
+  );
+  win.addEventListener(
+    'pageshow',
+    function (e) {
+      if (e.persisted) {
+        clearTimeout(tid);
+        tid = setTimeout(refreshRem, 300);
+      }
+    },
+    false
+  );
+
+  if (doc.readyState === 'complete') {
+    doc.body.style.fontSize = 12 * dpr + 'px';
+  } else {
+    doc.addEventListener(
+      'DOMContentLoaded',
+      // eslint-disable-next-line no-unused-vars
+      function (e) {
+        doc.body.style.fontSize = 12 * dpr + 'px';
+      },
+      false
+    );
+  }
+
+  refreshRem();
+
+  flexible.dpr = win.dpr = dpr;
+  flexible.refreshRem = refreshRem;
+  flexible.rem2px = function (d) {
+    var val = parseFloat(d) * this.rem;
+    if (typeof d === 'string' && d.match(/rem$/)) {
+      val += 'px';
+    }
+    return val;
+  };
+  flexible.px2rem = function (d) {
+    var val = parseFloat(d) / this.rem;
+    if (typeof d === 'string' && d.match(/px$/)) {
+      val += 'rem';
+    }
+    return val;
+  };
+})(window, window['lib'] || (window['lib'] = {}));

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

@@ -1,87 +1,87 @@
-<template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
-    <transition-group name="breadcrumb">
-      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
-        <span
-          v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
-          class="no-redirect"
-          >{{ item.meta.title }}</span
-        >
-        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
-      </el-breadcrumb-item>
-    </transition-group>
-  </el-breadcrumb>
-</template>
-
-<script>
-import pathToRegexp from 'path-to-regexp';
-
-export default {
-  data() {
-    return {
-      levelList: null,
-    };
-  },
-  watch: {
-    $route(route) {
-      // if you go to the redirect page, do not update the breadcrumbs
-      if (route.path.startsWith('/redirect/')) {
-        return;
-      }
-      this.getBreadcrumb();
-    },
-  },
-  created() {
-    this.getBreadcrumb();
-  },
-  methods: {
-    getBreadcrumb() {
-      // only show routes with meta.title
-      let matched = this.$route.matched.filter(item => item.meta && item.meta.title);
-      const first = matched[0];
-
-      // if (!this.isDashboard(first)) {
-      //   matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
-      // }
-
-      this.levelList = matched.filter(
-        item => item.meta && item.meta.title && item.meta.breadcrumb !== false
-      );
-    },
-    isDashboard(route) {
-      const name = route && route.name;
-      if (!name) {
-        return false;
-      }
-      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase();
-    },
-    pathCompile(path) {
-      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
-      const { params } = this.$route;
-      var toPath = pathToRegexp.compile(path);
-      return toPath(params);
-    },
-    handleLink(item) {
-      const { redirect, path } = item;
-      if (redirect) {
-        this.$router.push(redirect);
-        return;
-      }
-      this.$router.push(this.pathCompile(path));
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 8px;
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+        <span
+          v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
+          class="no-redirect"
+          >{{ item.meta.title }}</span
+        >
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from 'path-to-regexp';
+
+export default {
+  data() {
+    return {
+      levelList: null,
+    };
+  },
+  watch: {
+    $route(route) {
+      // if you go to the redirect page, do not update the breadcrumbs
+      if (route.path.startsWith('/redirect/')) {
+        return;
+      }
+      this.getBreadcrumb();
+    },
+  },
+  created() {
+    this.getBreadcrumb();
+  },
+  methods: {
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(item => item.meta && item.meta.title);
+      const first = matched[0];
+
+      // if (!this.isDashboard(first)) {
+      //   matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
+      // }
+
+      this.levelList = matched.filter(
+        item => item.meta && item.meta.title && item.meta.breadcrumb !== false
+      );
+    },
+    isDashboard(route) {
+      const name = route && route.name;
+      if (!name) {
+        return false;
+      }
+      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase();
+    },
+    pathCompile(path) {
+      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+      const { params } = this.$route;
+      var toPath = pathToRegexp.compile(path);
+      return toPath(params);
+    },
+    handleLink(item) {
+      const { redirect, path } = item;
+      if (redirect) {
+        this.$router.push(redirect);
+        return;
+      }
+      this.$router.push(this.pathCompile(path));
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>