imatrix-ui 0.0.15 → 0.1.1-up

package/components/super-grid/header-context-menu.vue

@@ -0,0 +1,82 @@
+<template>
+  <ul class="context-menu">
+    <li v-for="menu in buttomArr" :key="menu.name">
+      <i :class="menu.icon" /><span @click="buttonClick(menu.event, menu)">{{
+        menu.label
+      }}</span>
+    </li>
+  </ul>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../utils/gogocodeTransfer'
+export default {
+  name: 'HeaderContextMenu',
+  components: {},
+  props: {
+    buttomArr: {
+      type: Array,
+      default: null,
+    },
+    column: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {
+    console.log('12345', this.buttomArr)
+  },
+  methods: {
+    // 操作按钮的点击事件
+    buttonClick(event, data) {
+      if (event) {
+        if (typeof event === 'function') {
+          event.call(this, data, this.column)
+        } else {
+          $emit(this, event, data, this.column)
+        }
+        $emit(this, 'clearHeaderContextmenu')
+      }
+    },
+  },
+  emits: [, 'clearHeaderContextmenu'],
+}
+</script>
+
+<style lang="scss" scoped>
+li {
+  color: #333;
+}
+.context-menu {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+  margin-top: 30px;
+}
+.context-menu li {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+}
+.context-menu li:hover {
+  background: #42b983;
+  color: #fff;
+}
+.context-menu {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li {
+  list-style-type: none;
+}
+</style>

package/components/super-grid/index-column.vue

@@ -0,0 +1,69 @@
+<template>
+  <el-table-column
+    align="center"
+    :fixed="fixed"
+    :width="column.width ? column.width : '80'"
+  >
+    <template v-slot:header>
+      <span class="cell--span">{{ $t('superGrid.index') }}</span>
+    </template>
+    <template v-slot="scope">
+      <span class="cell--span">
+        {{ scope.$index + startIndex }}
+      </span>
+    </template>
+  </el-table-column>
+</template>
+
+<script>
+/**
+ * 序号列
+ */
+export default {
+  name: 'IndexColumn',
+  components: {},
+  props: {
+    column: {
+      type: Object,
+      default: null,
+    },
+    isLineEdit: {
+      type: Boolean,
+      default: false,
+    },
+    pagination: {
+      type: Object,
+      default: null,
+    },
+    currentPage: {
+      type: Number,
+      default: 0,
+    },
+    options: {
+      type: Object,
+      default: null,
+    },
+  },
+  computed: {
+    fixed() {
+      if (
+        this.column.fixed &&
+        (this.column.fixed === 'false' || this.column.fixed === '')
+      ) {
+        return false
+      }
+      // 序号只支持左固定
+      if (this.column.fixed && this.column.fixed === 'right') {
+        return 'left'
+      }
+      return this.column.fixed
+    },
+    startIndex() {
+      if (!this.options.indexContinuous) {
+        return 1
+      }
+      return (this.currentPage - 1) * this.pagination.pageSize + 1
+    },
+  },
+}
+</script>