ylyx-cli 1.0.16 → 1.1.0

package/templates/vue-app/files/src/components/Permission/permission.js

@@ -1,21 +1,21 @@
-import store from '@/store';
-
-export default {
-  inserted(el, binding) {
-    const { value } = binding;
-    const roles = store.getters && store.getters.roles;
-    if (value && value instanceof Array) {
-      if (value.length > 0) {
-        const permissionRoles = value;
-        const hasPermission = roles.some(role => {
-          return permissionRoles.includes(role);
-        });
-        if (!hasPermission) {
-          el.parentNode && el.parentNode.removeChild(el);
-        }
-      }
-    } else {
-      throw new Error(`使用方式： v-permission="['admin','editor']"`);
-    }
-  },
-};
+import store from '@/store';
+
+export default {
+  inserted(el, binding) {
+    const { value } = binding;
+    const roles = store.getters && store.getters.roles;
+    if (value && value instanceof Array) {
+      if (value.length > 0) {
+        const permissionRoles = value;
+        const hasPermission = roles.some(role => {
+          return permissionRoles.includes(role);
+        });
+        if (!hasPermission) {
+          el.parentNode && el.parentNode.removeChild(el);
+        }
+      }
+    } else {
+      throw new Error(`使用方式： v-permission="['admin','editor']"`);
+    }
+  },
+};

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

@@ -1,149 +1,149 @@
-<template>
-  <div ref="rightPanel" :class="{ show: show }" class="rightPanel-container">
-    <div class="rightPanel-background" />
-    <div class="rightPanel">
-      <div class="rightPanel-items">
-        <slot />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { addClass, removeClass } from '@/utils';
-
-export default {
-  name: 'RightPanel',
-  props: {
-    clickNotClose: {
-      default: false,
-      type: Boolean,
-    },
-    buttonTop: {
-      default: 250,
-      type: Number,
-    },
-  },
-  computed: {
-    show: {
-      get() {
-        return this.$store.state.settings.showSettings;
-      },
-      set(val) {
-        this.$store.dispatch('settings/changeSetting', {
-          key: 'showSettings',
-          value: val,
-        });
-      },
-    },
-    theme() {
-      return this.$store.state.settings.theme;
-    },
-  },
-  watch: {
-    show(value) {
-      if (value && !this.clickNotClose) {
-        this.addEventClick();
-      }
-      if (value) {
-        addClass(document.body, 'showRightPanel');
-      } else {
-        removeClass(document.body, 'showRightPanel');
-      }
-    },
-  },
-  mounted() {
-    this.insertToBody();
-    this.addEventClick();
-  },
-  beforeDestroy() {
-    const elx = this.$refs.rightPanel;
-    elx.remove();
-  },
-  methods: {
-    addEventClick() {
-      window.addEventListener('click', this.closeSidebar);
-    },
-    closeSidebar(evt) {
-      const parent = evt.target.closest('.rightPanel');
-      if (!parent) {
-        this.show = false;
-        window.removeEventListener('click', this.closeSidebar);
-      }
-    },
-    insertToBody() {
-      const elx = this.$refs.rightPanel;
-      const body = document.querySelector('body');
-      body.insertBefore(elx, body.firstChild);
-    },
-  },
-};
-</script>
-
-<style>
-.showRightPanel {
-  overflow: hidden;
-  position: relative;
-  width: calc(100% - 15px);
-}
-</style>
-
-<style lang="scss" scoped>
-.rightPanel-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-  background: rgba(0, 0, 0, 0.2);
-  z-index: -1;
-}
-
-.rightPanel {
-  width: 100%;
-  max-width: 260px;
-  height: 100vh;
-  position: fixed;
-  top: 0;
-  right: 0;
-  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
-  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
-  transform: translate(100%);
-  background: #fff;
-  z-index: 40000;
-}
-
-.show {
-  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
-
-  .rightPanel-background {
-    z-index: 20000;
-    opacity: 1;
-    width: 100%;
-    height: 100%;
-  }
-
-  .rightPanel {
-    transform: translate(0);
-  }
-}
-
-.handle-button {
-  width: 48px;
-  height: 48px;
-  position: absolute;
-  left: -48px;
-  text-align: center;
-  font-size: 24px;
-  border-radius: 6px 0 0 6px !important;
-  z-index: 0;
-  pointer-events: auto;
-  cursor: pointer;
-  color: #fff;
-  line-height: 48px;
-  i {
-    font-size: 24px;
-    line-height: 48px;
-  }
-}
-</style>
+<template>
+  <div ref="rightPanel" :class="{ show: show }" class="rightPanel-container">
+    <div class="rightPanel-background" />
+    <div class="rightPanel">
+      <div class="rightPanel-items">
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { addClass, removeClass } from '@/utils';
+
+export default {
+  name: 'RightPanel',
+  props: {
+    clickNotClose: {
+      default: false,
+      type: Boolean,
+    },
+    buttonTop: {
+      default: 250,
+      type: Number,
+    },
+  },
+  computed: {
+    show: {
+      get() {
+        return this.$store.state.settings.showSettings;
+      },
+      set(val) {
+        this.$store.dispatch('settings/changeSetting', {
+          key: 'showSettings',
+          value: val,
+        });
+      },
+    },
+    theme() {
+      return this.$store.state.settings.theme;
+    },
+  },
+  watch: {
+    show(value) {
+      if (value && !this.clickNotClose) {
+        this.addEventClick();
+      }
+      if (value) {
+        addClass(document.body, 'showRightPanel');
+      } else {
+        removeClass(document.body, 'showRightPanel');
+      }
+    },
+  },
+  mounted() {
+    this.insertToBody();
+    this.addEventClick();
+  },
+  beforeDestroy() {
+    const elx = this.$refs.rightPanel;
+    elx.remove();
+  },
+  methods: {
+    addEventClick() {
+      window.addEventListener('click', this.closeSidebar);
+    },
+    closeSidebar(evt) {
+      const parent = evt.target.closest('.rightPanel');
+      if (!parent) {
+        this.show = false;
+        window.removeEventListener('click', this.closeSidebar);
+      }
+    },
+    insertToBody() {
+      const elx = this.$refs.rightPanel;
+      const body = document.querySelector('body');
+      body.insertBefore(elx, body.firstChild);
+    },
+  },
+};
+</script>
+
+<style>
+.showRightPanel {
+  overflow: hidden;
+  position: relative;
+  width: calc(100% - 15px);
+}
+</style>
+
+<style lang="scss" scoped>
+.rightPanel-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+  background: rgba(0, 0, 0, 0.2);
+  z-index: -1;
+}
+
+.rightPanel {
+  width: 100%;
+  max-width: 260px;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  right: 0;
+  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
+  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
+  transform: translate(100%);
+  background: #fff;
+  z-index: 40000;
+}
+
+.show {
+  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
+
+  .rightPanel-background {
+    z-index: 20000;
+    opacity: 1;
+    width: 100%;
+    height: 100%;
+  }
+
+  .rightPanel {
+    transform: translate(0);
+  }
+}
+
+.handle-button {
+  width: 48px;
+  height: 48px;
+  position: absolute;
+  left: -48px;
+  text-align: center;
+  font-size: 24px;
+  border-radius: 6px 0 0 6px !important;
+  z-index: 0;
+  pointer-events: auto;
+  cursor: pointer;
+  color: #fff;
+  line-height: 48px;
+  i {
+    font-size: 24px;
+    line-height: 48px;
+  }
+}
+</style>

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

@@ -1,60 +1,60 @@
-<template>
-  <div>
-    <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="click" />
-  </div>
-</template>
-
-<script>
-import screenfull from 'screenfull';
-
-export default {
-  name: 'Screenfull',
-  data() {
-    return {
-      isFullscreen: false,
-    };
-  },
-  mounted() {
-    this.init();
-  },
-  beforeDestroy() {
-    this.destroy();
-  },
-  methods: {
-    click() {
-      if (!screenfull.enabled) {
-        this.$message({
-          message: 'you browser can not work',
-          type: 'warning',
-        });
-        return false;
-      }
-      screenfull.toggle();
-    },
-    change() {
-      this.isFullscreen = screenfull.isFullscreen;
-    },
-    init() {
-      if (screenfull.enabled) {
-        screenfull.on('change', this.change);
-      }
-    },
-    destroy() {
-      if (screenfull.enabled) {
-        screenfull.off('change', this.change);
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-.screenfull-svg {
-  display: inline-block;
-  cursor: pointer;
-  fill: #5a5e66;
-  width: 20px;
-  height: 20px;
-  vertical-align: 10px;
-}
-</style>
+<template>
+  <div>
+    <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="click" />
+  </div>
+</template>
+
+<script>
+import screenfull from 'screenfull';
+
+export default {
+  name: 'Screenfull',
+  data() {
+    return {
+      isFullscreen: false,
+    };
+  },
+  mounted() {
+    this.init();
+  },
+  beforeDestroy() {
+    this.destroy();
+  },
+  methods: {
+    click() {
+      if (!screenfull.enabled) {
+        this.$message({
+          message: 'you browser can not work',
+          type: 'warning',
+        });
+        return false;
+      }
+      screenfull.toggle();
+    },
+    change() {
+      this.isFullscreen = screenfull.isFullscreen;
+    },
+    init() {
+      if (screenfull.enabled) {
+        screenfull.on('change', this.change);
+      }
+    },
+    destroy() {
+      if (screenfull.enabled) {
+        screenfull.off('change', this.change);
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.screenfull-svg {
+  display: inline-block;
+  cursor: pointer;
+  fill: #5a5e66;
+  width: 20px;
+  height: 20px;
+  vertical-align: 10px;
+}
+</style>

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

@@ -1,60 +1,60 @@
-<template>
-  <el-dropdown trigger="click" @command="handleSetSize">
-    <div>
-      <svg-icon class-name="size-icon" icon-class="size" />
-    </div>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item
-        v-for="item of sizeOptions"
-        :key="item.value"
-        :disabled="size === item.value"
-        :command="item.value">
-        {{ item.label }}
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      sizeOptions: [
-        { label: '大号', value: 'bigger' },
-        { label: '默认', value: 'default' },
-        // { label: 'Medium', value: 'medium'},
-        { label: '小号', value: 'small' },
-        // { label: 'Mini', value: 'mini'}
-      ],
-    };
-  },
-  computed: {
-    size() {
-      return this.$store.getters.size;
-    },
-  },
-  methods: {
-    handleSetSize(size) {
-      this.$ELEMENT.size = size;
-      this.$store.dispatch('app/setSize', size);
-      this.refreshView();
-      this.$message({
-        message: '布局设置成功',
-        type: 'success',
-      });
-    },
-    refreshView() {
-      // In order to make the cached page re-rendered
-      this.$store.dispatch('tagsView/delAllCachedViews', this.$route);
-
-      const { fullPath } = this.$route;
-
-      this.$nextTick(() => {
-        this.$router.replace({
-          path: '/redirect' + fullPath,
-        });
-      });
-    },
-  },
-};
-</script>
+<template>
+  <el-dropdown trigger="click" @command="handleSetSize">
+    <div>
+      <svg-icon class-name="size-icon" icon-class="size" />
+    </div>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item
+        v-for="item of sizeOptions"
+        :key="item.value"
+        :disabled="size === item.value"
+        :command="item.value">
+        {{ item.label }}
+      </el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      sizeOptions: [
+        { label: '大号', value: 'bigger' },
+        { label: '默认', value: 'default' },
+        // { label: 'Medium', value: 'medium'},
+        { label: '小号', value: 'small' },
+        // { label: 'Mini', value: 'mini'}
+      ],
+    };
+  },
+  computed: {
+    size() {
+      return this.$store.getters.size;
+    },
+  },
+  methods: {
+    handleSetSize(size) {
+      this.$ELEMENT.size = size;
+      this.$store.dispatch('app/setSize', size);
+      this.refreshView();
+      this.$message({
+        message: '布局设置成功',
+        type: 'success',
+      });
+    },
+    refreshView() {
+      // In order to make the cached page re-rendered
+      this.$store.dispatch('tagsView/delAllCachedViews', this.$route);
+
+      const { fullPath } = this.$route;
+
+      this.$nextTick(() => {
+        this.$router.replace({
+          path: '/redirect' + fullPath,
+        });
+      });
+    },
+  },
+};
+</script>