meixioacomponent 0.6.21 → 0.6.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.6.21",
+  "version": "0.6.22",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.common.js",

package/packages/components/base/baseSection/baseSection.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="section-wrap">
+  <div :class="{isFixed:fixedHeader}" class="section-wrap">
     <div
-      class="section-header"
-      ref="sectionHeader"
-      @click.self="handleOpen"
-      :style="{
+        ref="sectionHeader"
+        :style="{
         cursor: event && !disable ? 'pointer' : 'default',
       }"
+        class="section-header"
+        @click.self="handleOpen"
     >
       <div class="header-left">
         <slot name="header-prefix"></slot>
@@ -15,15 +15,15 @@
       <div class="header-right">
         <slot name="section-header-right"></slot>
         <base-icon
-            :size="`l`"
             :event="true"
             :name="iconClass"
+            :size="`l`"
             @iconClick="iconClick"
         ></base-icon>
 
       </div>
     </div>
-    <div class="section-content" v-show="module">
+    <div v-show="module" class="section-content">
       <slot name="sectionContent"></slot>
     </div>
   </div>
@@ -40,7 +40,8 @@ export default {
       this.init()
     })
   },
-  beforeDestroy() {},
+  beforeDestroy() {
+  },
   props: {
     disable: {
       type: Boolean,
@@ -59,6 +60,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    fixedHeader: {
+      type: Boolean,
+      default: false,
+    }
   },
 
   computed: {
@@ -79,7 +84,19 @@ export default {
   },
   methods: {
     init() {
-      if (!this.$props.event) return
+
+
+      // if (!this.$props.event) return
+
+      // let observer = new IntersectionObserver((entries) => {
+      //   console.log(entries)
+      // }, {
+      //   threshold: [1]
+      // })
+      //
+      // observer.observe(this.$refs.sectionHeader);
+
+
     },
     handleOpen() {
       if (this.$props.disable) return
@@ -87,7 +104,7 @@ export default {
       this.$emit('visibleContent', this.module)
     },
 
-    iconClick(){
+    iconClick() {
       this.handleOpen();
     }
   },
@@ -110,6 +127,7 @@ export default {
     background: var(--hover-gray);
     justify-content: space-between;
     border-radius: calc(var(--radius) * 2);
+
     .header-left {
       max-width: 60%;
       display: flex;
@@ -117,6 +135,7 @@ export default {
       flex-flow: row nowrap;
       justify-content: space-between;
     }
+
     .header-right {
       max-width: 40%;
       display: flex;
@@ -125,6 +144,7 @@ export default {
       justify-content: flex-end;
     }
   }
+
   .header-text {
     position: relative;
     display: inline-block;
@@ -132,6 +152,7 @@ export default {
     font-size: var(--font-size-base);
     font-weight: var(--font-weight-kg);
     margin-left: var(--margin-4);
+
     &::before {
       top: 0px;
       left: -10px;
@@ -143,8 +164,20 @@ export default {
       background: var(--color-primary);
     }
   }
+
   .section-content {
     padding: calc(var(--padding-4) * 2) 0px;
   }
 }
+
+.isFixed {
+  .section-header {
+    position: fixed;
+  }
+
+  .section-content {
+
+    padding-top: calc(calc(var(--padding-4) * 2) + 40px) !important;
+  }
+}
 </style>

package/packages/components/index.js

@@ -63,6 +63,7 @@ import useFixedHeader from '../config/use/useFixedHeader'
 import useCropper from '../config/use/useCropper'
 import useViewVideo from '../config/use/UseViewVideo'
 import useGuide from '../config/use/UseGuide'
+import LinkViewClass from "../config/LinkViewClass";
 
 import VueDND from 'awe-dnd'
 import {useElementComponent} from "../config/useElement";
@@ -199,5 +200,6 @@ export default {
   useViewVideo,
   useGuide,
   DynamicMountClass,
-  useWait
+  useWait,
+  LinkViewClass
 }

package/packages/config/LinkViewClass.js

@@ -0,0 +1,142 @@
+import {judgeButtonPermission} from '../utils/utils'
+import componentConfig from "./componentConfig";
+
+class LinkViewClass {
+    constructor(params) {
+        this.delFn = null
+        this.exportFn = null
+        this.tableData = []
+        this.pageProps = {}
+        this.pageConfig = {}
+        this.activeIndex = 0
+        this.tablePermission = {
+            key: '',
+            value: true,
+        }
+        this.editPermission = {
+            key: '',
+            value: true,
+        }
+        this.delPermission = {
+            key: '',
+            value: true,
+        }
+        this.addPermission = {
+            key: '',
+            value: true,
+        }
+        this.refreshTableData = null
+        this.init()
+        this.setPermissions(params)
+    }
+
+    setPermissions(param) {
+        const {permissions} = param
+        if (permissions) {
+            this.tablePermission.key = permissions[0]
+            this.addPermission.key = permissions[1]
+            this.editPermission.key = permissions[2]
+            this.delPermission.key = permissions[3]
+        }
+
+        this.jugePermission()
+    }
+
+    jugePermission() {
+        const {
+            tablePermission,
+            addPermission,
+            editPermission,
+            delPermission,
+        } = this
+        const permissionList = componentConfig.store.getters['permissions']
+        tablePermission.value = judgeButtonPermission(
+            permissionList,
+            tablePermission.key,
+        )
+        editPermission.value = judgeButtonPermission(
+            permissionList,
+            editPermission.key,
+        )
+        delPermission.value = judgeButtonPermission(
+            permissionList,
+            delPermission.key,
+        )
+        addPermission.value = judgeButtonPermission(
+            permissionList,
+            addPermission.key,
+        )
+    }
+
+    init() {
+        this.tableData = []
+        this.activeIndex = 0
+        this.refreshTableData = null
+        this.pageProps = {
+            size: 15,
+            total: 100,
+            current: 1,
+        }
+        this.pageConfig = {
+            size: 'size',
+            page: 'current',
+            total: 'total',
+        }
+    }
+
+    onHandNextData() {
+        if (this.hasNextTableData()) {
+            this.activeIndex += 1
+            return
+        }
+        this.activeIndex = this.tableData.length - 1
+    }
+
+    onHandPreData() {
+        if (this.hasPreTableData()) {
+            this.activeIndex -= 1
+        } else {
+            this.activeIndex = 0
+        }
+    }
+
+    hasNextTableData() {
+        return this.tableData.length > 0
+            ? this.activeIndex !== this.tableData.length - 1
+            : false
+    }
+
+    hasPreTableData() {
+        return this.activeIndex > 0
+    }
+
+    getTableDataForActiveIndex() {
+        return this.tableData[this.activeIndex]
+    }
+
+    getPageProps() {
+        return this.pageProps
+    }
+
+    getTableData() {
+        // this.activeIndex = 0
+        return {
+            _class: this,
+            tableData: this.tableData,
+        }
+    }
+
+    getPageConfig() {
+        return this.pageConfig
+    }
+
+    getPermission(key) {
+        return this[`${key}`].value
+    }
+
+    setActiveIndex(index) {
+        this.activeIndex = index
+    }
+}
+
+export default LinkViewClass

package/packages/config/componentConfig.js

@@ -31,7 +31,6 @@ const componentConfig = {
     },
 
     initConfig: (_store, _router) => {
-        console.log(_store)
         // 注册element 组件
         useElementComponent()
         // 动态注册vuex modules

package/packages/utils/utils.js

@@ -183,11 +183,11 @@ export const jugeFileTypeKey = (suffix) => {
 }
 
 export const vhToNumber = (type, value) => {
-    if (type == 'height') {
+    if (type === 'height') {
         let heightValue = window.innerHeight
         console.log(heightValue)
         return heightValue * (value / 100)
-    } else if (type == 'width') {
+    } else if (type === 'width') {
         let widthValue = window.innerWidth
         return widthValue * (value / 100)
     } else {
@@ -195,6 +195,46 @@ export const vhToNumber = (type, value) => {
     }
 }
 
+
+export const judgeButtonPermission = (permissionList, params) => {
+    let el = null;
+    let flag = true;
+    let value = null;
+    const isObject = params instanceof Object;
+    if (isObject) {
+        el = params.el;
+        value = params.bind.value;
+    } else {
+        value = params;
+    }
+    if (permissionList) {
+        if (value instanceof Array) {
+            for (let i = 0; i < value.length; i++) {
+                flag = permissionList.includes(value[i]);
+                if (flag) {
+                    break;
+                }
+            }
+        } else {
+            flag = permissionList.includes(value);
+        }
+    }
+
+    if (isObject) {
+        if (el && !flag) {
+            el.remove();
+        }
+    }
+
+    return flag;
+};
+
+
+
+
+
+
+
 export const isDOM = (typeof HTMLElement === 'object') ?
     function (obj) {
         return obj instanceof HTMLElement;