vue2-client 1.6.48 → 1.6.49

package/src/config/default/setting.config.js

@@ -1,46 +1,46 @@
-// 此配置为系统默认设置
-module.exports = {
-  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
-  theme: { // 主题
-    color: '#1890ff', // 主题色
-    mode: 'dark', // 主题模式 可选 dark、 light 和 night
-    success: '#52c41a', // 成功色
-    warning: '#faad14', // 警告色
-    error: '#f5222f' // 错误色
-  },
-  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
-  fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
-  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
-  fixedTabs: true, // 固定页签头，true:固定，false:不固定
-  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
-  weekMode: false, // 色弱模式，true:开启，false:不开启
-  multiPage: true, // 多页签模式，true:开启，false:不开启
-  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
-  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
-  homePage: '/dashboard/workplace', // 首页路由, 登陆后默认打开
-  ticketPage: '/submitTicket', // 提交工单路由
-  systemName: 'V4基础组件平台', // 系统名称
-  logoSrc: '/defaultLogo.png', // LOGO路径
-  systemNameFontSize: '20px', // 系统名称字体大小
-  systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
-  copyright: '2022 AoFengSoft', // copyright
-  copyrightStyle: undefined,
-  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
-  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
-  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
-  animate: { // 动画设置
-    disabled: true, // 禁用动画，true:禁用，false:启用
-    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
-    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
-  },
-  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
-  ],
-  // 旧系统路径
-  iframeSrc: '../singlepage/page.html',
-  // 兼容旧版本 V3(最新V3产品)  OA(公司OA)
-  compatible: 'V3',
-  // 路由资源名称
-  routeName: '智慧燃气',
-  // 自定义组件集合 格式为组件名: 组件路径（不需要带@/）
-  customizeComponent: {}
-}
+// 此配置为系统默认设置
+module.exports = {
+  lang: 'CN', // 语言，可选 CN(简体)、HK(繁体)、US(英语)，也可扩展其它语言
+  theme: { // 主题
+    color: '#1890ff', // 主题色
+    mode: 'dark', // 主题模式 可选 dark、 light 和 night
+    success: '#52c41a', // 成功色
+    warning: '#faad14', // 警告色
+    error: '#f5222f' // 错误色
+  },
+  layout: 'side', // 导航布局，可选 side 和 head，分别为侧边导航和顶部导航
+  fixedHeader: true, // 固定头部状态栏，true:固定，false:不固定
+  fixedSideBar: true, // 固定侧边栏，true:固定，false:不固定
+  fixedTabs: true, // 固定页签头，true:固定，false:不固定
+  pageWidth: 'fixed', // 内容区域宽度，fixed:固定宽度，fluid:流式宽度
+  weekMode: false, // 色弱模式，true:开启，false:不开启
+  multiPage: true, // 多页签模式，true:开启，false:不开启
+  cachePage: true, // 是否缓存页面数据，仅多页签模式下生效，true 缓存, false 不缓存
+  hideSetting: false, // 隐藏设置抽屉，true:隐藏，false:不隐藏
+  homePage: '/dashboard/workplace', // 首页路由, 登陆后默认打开
+  ticketPage: '/submitTicket', // 提交工单路由
+  systemName: 'V4基础组件平台', // 系统名称
+  logoSrc: '/defaultLogo.png', // LOGO路径
+  systemNameFontSize: '20px', // 系统名称字体大小
+  systemDesc: '为PC端中、后台系统业务开发提供支持', // 系统描述
+  copyright: '2022 AoFengSoft', // copyright
+  copyrightStyle: undefined,
+  asyncRoutes: true, // 异步加载路由，true:开启，false:不开启
+  showPageTitle: true, // 是否显示页面标题（PageLayout 布局中的页面标题），true:显示，false:不显示
+  filterMenu: true, // 根据权限过滤菜单，true:过滤，false:不过滤
+  animate: { // 动画设置
+    disabled: true, // 禁用动画，true:禁用，false:启用
+    name: 'lightSpeed', // 动画效果，支持的动画效果可参考 ./animate.config.js
+    direction: 'left' // 动画方向，切换页面时动画的方向，参考 ./animate.config.js
+  },
+  footerLinks: [ // 页面底部链接，{link: '链接地址', name: '名称/显示文字', icon: '图标，支持 ant design vue 图标库'}
+  ],
+  // 旧系统路径
+  iframeSrc: '../singlepage/page.html',
+  // 兼容旧版本 V3(最新V3产品)  OA(公司OA)
+  compatible: 'V3',
+  // 路由资源名称
+  routeName: '智慧燃气',
+  // 自定义组件集合 格式为组件名: 组件路径（不需要带@/）
+  customizeComponent: {}
+}

package/src/config/replacer/resolve.config.js

@@ -1,67 +1,67 @@
-/**
- * webpack-theme-color-replacer 插件的 resolve 配置
- * 为特定的 css 选择器（selector）配置 resolve 规则。
- *
- * key 为 css selector 值或合法的正则表达式字符串
- * 当 key 设置 css selector 值时，会匹配对应的 css
- * 当 key 设置为正则表达式时，会匹配所有满足此正则表达式的的 css
- *
- * value 可以设置为 boolean 值 false 或 一个对象
- * 当 value 为 false 时，则会忽略此 css，即此 css 不纳入 webpack-theme-color-replacer 管理
- * 当 value 为 对象时，会调用该对象的 resolve 函数，并传入 cssText（原始的 css文本） 和 cssObj（css对象）参数; resolve函数应该返
- * 回一个处理后的、合法的 css字符串（包含 selector）
- * 注意: value 不能设置为 true
- */
-const cssResolve = {
-  '.ant-checkbox-checked .ant-checkbox-inner::after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-checkbox-checked .ant-checkbox-inner:after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after': {
-    resolve (cssText, cssObj) {
-      cssObj.rules.push('border-top:0', 'border-left:0')
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-dark .ant-menu-inline.ant-menu-sub': {
-    resolve (cssText, cssObj) {
-      cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') === -1)
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-selected': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
-      return cssObj.toText()
-    }
-  },
-  '.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
-      return cssObj.toText()
-    }
-  },
-  '.ant-layout-sider': {
-    resolve (cssText, cssObj) {
-      cssObj.selector = '.ant-layout-sider-dark'
-      return cssObj.toText()
-    }
-  },
-  '/keyframes/': false
-}
-
-module.exports = cssResolve
+/**
+ * webpack-theme-color-replacer 插件的 resolve 配置
+ * 为特定的 css 选择器（selector）配置 resolve 规则。
+ *
+ * key 为 css selector 值或合法的正则表达式字符串
+ * 当 key 设置 css selector 值时，会匹配对应的 css
+ * 当 key 设置为正则表达式时，会匹配所有满足此正则表达式的的 css
+ *
+ * value 可以设置为 boolean 值 false 或 一个对象
+ * 当 value 为 false 时，则会忽略此 css，即此 css 不纳入 webpack-theme-color-replacer 管理
+ * 当 value 为 对象时，会调用该对象的 resolve 函数，并传入 cssText（原始的 css文本） 和 cssObj（css对象）参数; resolve函数应该返
+ * 回一个处理后的、合法的 css字符串（包含 selector）
+ * 注意: value 不能设置为 true
+ */
+const cssResolve = {
+  '.ant-checkbox-checked .ant-checkbox-inner::after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-checkbox-checked .ant-checkbox-inner:after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after': {
+    resolve (cssText, cssObj) {
+      cssObj.rules.push('border-top:0', 'border-left:0')
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-dark .ant-menu-inline.ant-menu-sub': {
+    resolve (cssText, cssObj) {
+      cssObj.rules = cssObj.rules.filter(rule => rule.indexOf('box-shadow') === -1)
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu:hover,.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-submenu-selected': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
+      return cssObj.toText()
+    }
+  },
+  '.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = cssObj.selector.replace(/.ant-menu-horizontal/g, '.ant-menu-horizontal:not(.ant-menu-dark)')
+      return cssObj.toText()
+    }
+  },
+  '.ant-layout-sider': {
+    resolve (cssText, cssObj) {
+      cssObj.selector = '.ant-layout-sider-dark'
+      return cssObj.toText()
+    }
+  },
+  '/keyframes/': false
+}
+
+module.exports = cssResolve

package/src/layouts/CommonLayout.vue

@@ -1,42 +1,42 @@
-<template>
-  <div class="common-layout">
-    <div class="content"><slot></slot></div>
-    <page-footer :link-list="footerLinks" :copyright="copyright" :copyrightStyle="copyrightStyle"></page-footer>
-  </div>
-</template>
-
-<script>
-import PageFooter from '@vue2-client/layouts/footer/PageFooter'
-import { mapState } from 'vuex'
-
-export default {
-  name: 'CommonLayout',
-  components: { PageFooter },
-  computed: {
-    ...mapState('setting', ['footerLinks', 'copyright', 'copyrightStyle'])
-  }
-}
-</script>
-
-<style scoped lang="less">
-.common-layout{
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: auto;
-  background-color: @layout-body-background;
-  background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
-  background-repeat: no-repeat;
-  background-position-x: center;
-  background-position-y: 110px;
-  background-size: 100%;
-  .content{
-    padding: 32px 0;
-    flex: 1;
-    @media (min-width: 768px){
-
-      padding: 112px 0 24px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="common-layout">
+    <div class="content"><slot></slot></div>
+    <page-footer :link-list="footerLinks" :copyright="copyright" :copyrightStyle="copyrightStyle"></page-footer>
+  </div>
+</template>
+
+<script>
+import PageFooter from '@vue2-client/layouts/footer/PageFooter'
+import { mapState } from 'vuex'
+
+export default {
+  name: 'CommonLayout',
+  components: { PageFooter },
+  computed: {
+    ...mapState('setting', ['footerLinks', 'copyright', 'copyrightStyle'])
+  }
+}
+</script>
+
+<style scoped lang="less">
+.common-layout{
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: auto;
+  background-color: @layout-body-background;
+  background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
+  background-repeat: no-repeat;
+  background-position-x: center;
+  background-position-y: 110px;
+  background-size: 100%;
+  .content{
+    padding: 32px 0;
+    flex: 1;
+    @media (min-width: 768px){
+
+      padding: 112px 0 24px;
+    }
+  }
+}
+</style>

package/src/layouts/ComponentLayoutOne.vue

@@ -1,47 +1,47 @@
-<template>
-  <div id="ComponentLayoutOne">
-    <a-layout>
-      <a-layout-sider v-bind="siderProps">
-        <slot name="left"></slot>
-      </a-layout-sider>
-      <a-layout>
-        <slot></slot>
-      </a-layout>
-    </a-layout>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ComponentLayoutOne',
-    props: {
-      // Layout.Sider props对象
-      siderProps: {
-        type: Object,
-        default: () => {
-          return {}
-        }
-      }
-    },
-    data () {
-      return {}
-    },
-    created () {
-    },
-    mounted () {
-    },
-    methods: {}
-  }
-</script>
-
-<style lang="less">
-  #ComponentLayoutOne {
-    .ant-layout-sider {
-      .ant-layout-sider-zero-width-trigger {
-        top: 50%;
-        background-color: @shadow-color;
-        z-index: 2;
-      }
-    }
-  }
-</style>
+<template>
+  <div id="ComponentLayoutOne">
+    <a-layout>
+      <a-layout-sider v-bind="siderProps">
+        <slot name="left"></slot>
+      </a-layout-sider>
+      <a-layout>
+        <slot></slot>
+      </a-layout>
+    </a-layout>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'ComponentLayoutOne',
+    props: {
+      // Layout.Sider props对象
+      siderProps: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    data () {
+      return {}
+    },
+    created () {
+    },
+    mounted () {
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="less">
+  #ComponentLayoutOne {
+    .ant-layout-sider {
+      .ant-layout-sider-zero-width-trigger {
+        top: 50%;
+        background-color: @shadow-color;
+        z-index: 2;
+      }
+    }
+  }
+</style>