@tongfun/tf-widget 0.1.18 → 0.1.22

package/package/tf-layout/README.md

@@ -1,115 +1,115 @@
-# Layout 组件 
-
-## 参数
-
-1. 菜单参数 (**:menusInfo**)
-
-```	javascript
-	{
-        path: '' // 路由path,
-        icon: '' // 菜单图标,
-        name: '' // 路由name,
-        title: '菜单名字',
-        childNode: [
-            {
-                path: '' // 路由path,
-                icon: '' // 菜单图标,
-                name: '' // 路由name,
-                title: '菜单名字',
-            }
-        ]
-    }
-```
-
-2. 三级缓存数组，通过事件@setThirdCache传递
-
-例子：
-
-```javascript
-<template>
-  <TfLayout
-    :menus-info="menuInfo"
-    @setThirdCache="setThirdCache"
-  />
-</template>
-<script>
-export default {
-  name: 'Layout',
-
-  data() {
-    return {
-      menuInfo: this.$store.getters.menuInfo
-    }
-  },
-  methods: {
-    setThirdCache(value) {
-      this.$store.commit('routeCaching/setThirdCache', value)
-    }
-  }
-}
-</script>
-```
-
-4. 小标签栏禁止关闭
-
-   需要在路由的meta属性新增 **defaultRoute: true**
-
-```javascript
-	// 例子：
-	{
-        path: '/',
-        component: () => import('@/views/home/tenan-management-home'),
-        name: 'TenantManagementHome',
-        icon: 'home',
-        meta: {
-                    title: '主页',
-                    defaultRoute: true
-              }
-  	},
-```
-
-5. 为了防止路由标签混乱,需要在子应用的跟路由将当前子应用的路由base属性,添加到meta属性中
-
-   base配置统一采用:  
-
-   ```
-   const base = process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC']:`/app${process.env['VUE_APP_BASIC']}/`
-   ```
-
-   
-
-​		**配置文件：**
-
-​						**例： VUE_APP_BASIC = '/OperateAnalysis'**
-
-​							     **VUE_APP_MODULE_NAME = '经营分析'**
-
-```javascript
-
-// 示例
- // 路由生成 base: 
- router = new VueRouter({
-    base: process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC'] : `/app${process.env['VUE_APP_BASIC']}/`,
-    mode: 'history',
-    routes: initMenu(prop.menuInfo)
-  })
-// 跟路由配置base 
-const base = process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC'] : `/app${process.env['VUE_APP_BASIC']}/`
-const routes = [
-  {
-    path: '/',
-    component: Layout,
-    meta: {
-      title: process.env['VUE_APP_MODULE_NAME'],
-      base
-    },
-    children: [
-      ...childrenRoutes
-    ]
-  }
-]
-
-
-
-```
-
+# Layout 组件 
+
+## 参数
+
+1. 菜单参数 (**:menusInfo**)
+
+```	javascript
+	{
+        path: '' // 路由path,
+        icon: '' // 菜单图标,
+        name: '' // 路由name,
+        title: '菜单名字',
+        childNode: [
+            {
+                path: '' // 路由path,
+                icon: '' // 菜单图标,
+                name: '' // 路由name,
+                title: '菜单名字',
+            }
+        ]
+    }
+```
+
+2. 三级缓存数组，通过事件@setThirdCache传递
+
+例子：
+
+```javascript
+<template>
+  <TfLayout
+    :menus-info="menuInfo"
+    @setThirdCache="setThirdCache"
+  />
+</template>
+<script>
+export default {
+  name: 'Layout',
+
+  data() {
+    return {
+      menuInfo: this.$store.getters.menuInfo
+    }
+  },
+  methods: {
+    setThirdCache(value) {
+      this.$store.commit('routeCaching/setThirdCache', value)
+    }
+  }
+}
+</script>
+```
+
+4. 小标签栏禁止关闭
+
+   需要在路由的meta属性新增 **defaultRoute: true**
+
+```javascript
+	// 例子：
+	{
+        path: '/',
+        component: () => import('@/views/home/tenan-management-home'),
+        name: 'TenantManagementHome',
+        icon: 'home',
+        meta: {
+                    title: '主页',
+                    defaultRoute: true
+              }
+  	},
+```
+
+5. 为了防止路由标签混乱,需要在子应用的跟路由将当前子应用的路由base属性,添加到meta属性中
+
+   base配置统一采用:  
+
+   ```
+   const base = process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC']:`/app${process.env['VUE_APP_BASIC']}/`
+   ```
+
+   
+
+​		**配置文件：**
+
+​						**例： VUE_APP_BASIC = '/OperateAnalysis'**
+
+​							     **VUE_APP_MODULE_NAME = '经营分析'**
+
+```javascript
+
+// 示例
+ // 路由生成 base: 
+ router = new VueRouter({
+    base: process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC'] : `/app${process.env['VUE_APP_BASIC']}/`,
+    mode: 'history',
+    routes: initMenu(prop.menuInfo)
+  })
+// 跟路由配置base 
+const base = process.env['NODE_ENV'] === 'development' ? process.env['VUE_APP_BASIC'] : `/app${process.env['VUE_APP_BASIC']}/`
+const routes = [
+  {
+    path: '/',
+    component: Layout,
+    meta: {
+      title: process.env['VUE_APP_MODULE_NAME'],
+      base
+    },
+    children: [
+      ...childrenRoutes
+    ]
+  }
+]
+
+
+
+```
+

package/package/tf-layout/index.js

@@ -1,8 +1,8 @@
-import TfLayout from './src/tf-layout'
-
-/* istanbul ignore next */
-TfLayout.install = function (Vue) {
-  Vue.component(TfLayout.name, TfLayout)
-}
-
-export default TfLayout
+import TfLayout from './src/tf-layout'
+
+/* istanbul ignore next */
+TfLayout.install = function (Vue) {
+  Vue.component(TfLayout.name, TfLayout)
+}
+
+export default TfLayout