ylyx-cli 1.0.14 → 1.0.16

package/templates/vue-app/files/src/layout/index.vue

@@ -1,119 +1,119 @@
-<template>
-  <div :class="classObj" class="app-wrapper">
-    <div
-      v-if="device === 'mobile' && sidebar.opened"
-      class="drawer-bg"
-      @click="handleClickOutside" />
-    <sidebar class="sidebar-container" />
-    <div :class="{ hasTagsView: needTagsView }" class="main-container">
-      <div :class="{ 'fixed-header': fixedHeader }">
-        <navbar />
-        <tags-view v-if="needTagsView" />
-      </div>
-      <app-main />
-      <right-panel v-if="showSettings">
-        <settings />
-      </right-panel>
-    </div>
-    <!--  防止刷新后主题丢失  -->
-    <Theme v-show="false" ref="theme" />
-  </div>
-</template>
-
-<script>
-import RightPanel from '@/components/RightPanel';
-import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components';
-import ResizeMixin from './mixin/ResizeHandler';
-import { mapState } from 'vuex';
-import Theme from '@/components/ThemePicker';
-import Cookies from 'js-cookie';
-export default {
-  name: 'Layout',
-  components: {
-    AppMain,
-    Navbar,
-    RightPanel,
-    Settings,
-    Sidebar,
-    TagsView,
-    Theme,
-  },
-  mixins: [ResizeMixin],
-  computed: {
-    ...mapState({
-      sidebar: state => state.app.sidebar,
-      device: state => state.app.device,
-      showSettings: state => state.settings.showSettings,
-      needTagsView: state => state.settings.tagsView,
-      fixedHeader: state => state.settings.fixedHeader,
-    }),
-    classObj() {
-      return {
-        hideSidebar: !this.sidebar.opened,
-        openSidebar: this.sidebar.opened,
-        withoutAnimation: this.sidebar.withoutAnimation,
-        mobile: this.device === 'mobile',
-      };
-    },
-  },
-  mounted() {
-    if (Cookies.get('theme')) {
-      this.$refs.theme.theme = Cookies.get('theme');
-      this.$store.dispatch('settings/changeSetting', {
-        key: 'theme',
-        value: Cookies.get('theme'),
-      });
-    }
-  },
-  methods: {
-    handleClickOutside() {
-      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import '~@/assets/styles/mixin.scss';
-@import '~@/assets/styles/variables.scss';
-
-.app-wrapper {
-  @include clearfix;
-  position: relative;
-  height: 100%;
-  width: 100%;
-
-  &.mobile.openSidebar {
-    position: fixed;
-    top: 0;
-  }
-}
-
-.drawer-bg {
-  background: #000;
-  opacity: 0.3;
-  width: 100%;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  z-index: 999;
-}
-
-.fixed-header {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 9;
-  width: calc(100% - #{$sideBarWidth});
-  transition: width 0.28s;
-  padding: 0;
-}
-
-.hideSidebar .fixed-header {
-  width: calc(100% - 54px);
-}
-
-.mobile .fixed-header {
-  width: 100%;
-}
-</style>
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <div
+      v-if="device === 'mobile' && sidebar.opened"
+      class="drawer-bg"
+      @click="handleClickOutside" />
+    <sidebar class="sidebar-container" />
+    <div :class="{ hasTagsView: needTagsView }" class="main-container">
+      <div :class="{ 'fixed-header': fixedHeader }">
+        <navbar />
+        <tags-view v-if="needTagsView" />
+      </div>
+      <app-main />
+      <right-panel v-if="showSettings">
+        <settings />
+      </right-panel>
+    </div>
+    <!--  防止刷新后主题丢失  -->
+    <Theme v-show="false" ref="theme" />
+  </div>
+</template>
+
+<script>
+import RightPanel from '@/components/RightPanel';
+import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components';
+import ResizeMixin from './mixin/ResizeHandler';
+import { mapState } from 'vuex';
+import Theme from '@/components/ThemePicker';
+import Cookies from 'js-cookie';
+export default {
+  name: 'Layout',
+  components: {
+    AppMain,
+    Navbar,
+    RightPanel,
+    Settings,
+    Sidebar,
+    TagsView,
+    Theme,
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    ...mapState({
+      sidebar: state => state.app.sidebar,
+      device: state => state.app.device,
+      showSettings: state => state.settings.showSettings,
+      needTagsView: state => state.settings.tagsView,
+      fixedHeader: state => state.settings.fixedHeader,
+    }),
+    classObj() {
+      return {
+        hideSidebar: !this.sidebar.opened,
+        openSidebar: this.sidebar.opened,
+        withoutAnimation: this.sidebar.withoutAnimation,
+        mobile: this.device === 'mobile',
+      };
+    },
+  },
+  mounted() {
+    if (Cookies.get('theme')) {
+      this.$refs.theme.theme = Cookies.get('theme');
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'theme',
+        value: Cookies.get('theme'),
+      });
+    }
+  },
+  methods: {
+    handleClickOutside() {
+      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/styles/mixin.scss';
+@import '~@/assets/styles/variables.scss';
+
+.app-wrapper {
+  @include clearfix;
+  position: relative;
+  height: 100%;
+  width: 100%;
+
+  &.mobile.openSidebar {
+    position: fixed;
+    top: 0;
+  }
+}
+
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
+
+.fixed-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 9;
+  width: calc(100% - #{$sideBarWidth});
+  transition: width 0.28s;
+  padding: 0;
+}
+
+.hideSidebar .fixed-header {
+  width: calc(100% - 54px);
+}
+
+.mobile .fixed-header {
+  width: 100%;
+}
+</style>

package/templates/vue-app/files/src/layout/mixin/ResizeHandler.js

@@ -1,45 +1,45 @@
-import store from '@/store';
-
-const { body } = document;
-const WIDTH = 992; // refer to Bootstrap's responsive design
-
-export default {
-  watch: {
-    $route(route) {
-      if (this.device === 'mobile' && this.sidebar.opened) {
-        store.dispatch('app/closeSideBar', { withoutAnimation: false });
-      }
-    },
-  },
-  beforeMount() {
-    window.addEventListener('resize', this.$_resizeHandler);
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.$_resizeHandler);
-  },
-  mounted() {
-    const isMobile = this.$_isMobile();
-    if (isMobile) {
-      store.dispatch('app/toggleDevice', 'mobile');
-      store.dispatch('app/closeSideBar', { withoutAnimation: true });
-    }
-  },
-  methods: {
-    // use $_ for mixins properties
-    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
-    $_isMobile() {
-      const rect = body.getBoundingClientRect();
-      return rect.width - 1 < WIDTH;
-    },
-    $_resizeHandler() {
-      if (!document.hidden) {
-        const isMobile = this.$_isMobile();
-        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop');
-
-        if (isMobile) {
-          store.dispatch('app/closeSideBar', { withoutAnimation: true });
-        }
-      }
-    },
-  },
-};
+import store from '@/store';
+
+const { body } = document;
+const WIDTH = 992; // refer to Bootstrap's responsive design
+
+export default {
+  watch: {
+    $route(route) {
+      if (this.device === 'mobile' && this.sidebar.opened) {
+        store.dispatch('app/closeSideBar', { withoutAnimation: false });
+      }
+    },
+  },
+  beforeMount() {
+    window.addEventListener('resize', this.$_resizeHandler);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$_resizeHandler);
+  },
+  mounted() {
+    const isMobile = this.$_isMobile();
+    if (isMobile) {
+      store.dispatch('app/toggleDevice', 'mobile');
+      store.dispatch('app/closeSideBar', { withoutAnimation: true });
+    }
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_isMobile() {
+      const rect = body.getBoundingClientRect();
+      return rect.width - 1 < WIDTH;
+    },
+    $_resizeHandler() {
+      if (!document.hidden) {
+        const isMobile = this.$_isMobile();
+        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop');
+
+        if (isMobile) {
+          store.dispatch('app/closeSideBar', { withoutAnimation: true });
+        }
+      }
+    },
+  },
+};

package/templates/vue-app/files/src/main.js

@@ -1,89 +1,89 @@
-import Vue from 'vue';
-
-import axios from 'axios';
-
-import Cookies from 'js-cookie';
-
-import 'normalize.css/normalize.css';
-
-import Element from 'element-ui';
-//
-import mavonEditor from 'mavon-editor';
-import 'mavon-editor/dist/css/index.css';
-
-// 数据字典
-import dict from './components/Dict';
-
-// 权限指令
-import checkPer from '@/utils/permission';
-import permission from './components/Permission';
-import './assets/styles/element-variables.scss';
-// global css
-import './assets/styles/index.scss';
-import './assets/styles/global.scss';
-// 代码高亮
-import VueHighlightJS from 'vue-highlightjs';
-import 'highlight.js/styles/atom-one-dark.css';
-
-import App from './App';
-import store from './store';
-import router from './router/routers';
-
-import './assets/css/font-awesome.min.css';
-import './assets/icons'; // icon
-import './router/index'; // permission control
-import 'echarts-gl';
-
-import dataV from '@jiaminghi/data-view';
-// eLement-ui-table- 新件，容列露自适应
-import AFTableColumn from 'af-table-column';
-
-Vue.use(dataV);
-
-import 'default-passive-events';
-// import * as Echarts5 from 'echarts5'
-// Vue.prototype.$Echarts5 = Echarts5
-
-// import echarts from 'echarts'
-// Vue.prototype.$echarts = echarts
-
-// 自适应适配flex
-// import "@/common/flexible.js";
-
-Vue.use(checkPer);
-Vue.use(VueHighlightJS);
-Vue.use(mavonEditor);
-Vue.use(permission);
-Vue.use(dict);
-Vue.use(AFTableColumn);
-
-Vue.prototype.$axios = axios;
-// 弹窗取消点击空白关闭
-Element.Dialog.props.closeOnClickModal.default = false;
-// 下拉框添加搜索
-Element.Select.props.filterable = {
-  type: Boolean,
-  default: true,
-};
-// 下拉框添加清除
-Element.Select.props.clearable = {
-  type: Boolean,
-  default: true,
-};
-// 搜索框添加清除
-Element.Input.props.clearable = {
-  type: Boolean,
-  default: true,
-};
-Vue.use(Element, {
-  size: Cookies.get('size') || 'small', // set element-ui default size
-});
-
-Vue.config.productionTip = false;
-
-new Vue({
-  el: '#app',
-  router,
-  store,
-  render: h => h(App),
-});
+import Vue from 'vue';
+
+import axios from 'axios';
+
+import Cookies from 'js-cookie';
+
+import 'normalize.css/normalize.css';
+
+import Element from 'element-ui';
+//
+import mavonEditor from 'mavon-editor';
+import 'mavon-editor/dist/css/index.css';
+
+// 数据字典
+import dict from './components/Dict';
+
+// 权限指令
+import checkPer from '@/utils/permission';
+import permission from './components/Permission';
+import './assets/styles/element-variables.scss';
+// global css
+import './assets/styles/index.scss';
+import './assets/styles/global.scss';
+// 代码高亮
+import VueHighlightJS from 'vue-highlightjs';
+import 'highlight.js/styles/atom-one-dark.css';
+
+import App from './App';
+import store from './store';
+import router from './router/routers';
+
+import './assets/css/font-awesome.min.css';
+import './assets/icons'; // icon
+import './router/index'; // permission control
+import 'echarts-gl';
+
+import dataV from '@jiaminghi/data-view';
+// eLement-ui-table- 新件，容列露自适应
+import AFTableColumn from 'af-table-column';
+
+Vue.use(dataV);
+
+import 'default-passive-events';
+// import * as Echarts5 from 'echarts5'
+// Vue.prototype.$Echarts5 = Echarts5
+
+// import echarts from 'echarts'
+// Vue.prototype.$echarts = echarts
+
+// 自适应适配flex
+// import "@/common/flexible.js";
+
+Vue.use(checkPer);
+Vue.use(VueHighlightJS);
+Vue.use(mavonEditor);
+Vue.use(permission);
+Vue.use(dict);
+Vue.use(AFTableColumn);
+
+Vue.prototype.$axios = axios;
+// 弹窗取消点击空白关闭
+Element.Dialog.props.closeOnClickModal.default = false;
+// 下拉框添加搜索
+Element.Select.props.filterable = {
+  type: Boolean,
+  default: true,
+};
+// 下拉框添加清除
+Element.Select.props.clearable = {
+  type: Boolean,
+  default: true,
+};
+// 搜索框添加清除
+Element.Input.props.clearable = {
+  type: Boolean,
+  default: true,
+};
+Vue.use(Element, {
+  size: Cookies.get('size') || 'small', // set element-ui default size
+});
+
+Vue.config.productionTip = false;
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  render: h => h(App),
+});