From 11e68df11bb7068542f9d2557b15953bc2db7dfc Mon Sep 17 00:00:00 2001
From: Hooray Hu <304327508@qq.com>
Date: Sat, 22 Apr 2023 01:24:21 +0800
Subject: [PATCH] =?UTF-8?q?chore!:=20=E7=A7=BB=E9=99=A4=20`BatchActionBar`?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BatchActionBar/index.vue | 82 -------------------------
 1 file changed, 82 deletions(-)
 delete mode 100644 src/components/BatchActionBar/index.vue

diff --git a/src/components/BatchActionBar/index.vue b/src/components/BatchActionBar/index.vue
deleted file mode 100644
index 6102c0b7..00000000
--- a/src/components/BatchActionBar/index.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<script lang="ts" setup name="BatchActionBar">
-const props = defineProps({
-  data: {
-    type: Array,
-    default: () => [],
-  },
-  selectionData: {
-    type: Array,
-    default: () => [],
-  },
-})
-
-const emit = defineEmits(['checkAll', 'checkNull'])
-
-const checkAll = computed({
-  get() {
-    let flag = false
-    if (props.data.length !== 0 && props.data.length === props.selectionData.length) {
-      flag = true
-    }
-    return flag
-  },
-  set(newVal) {
-    newVal ? emit('checkAll') : emit('checkNull')
-  },
-})
-
-const isIndeterminate = computed(() => {
-  let flag = false
-  if (props.selectionData.length > 0 && props.selectionData.length < props.data.length) {
-    flag = true
-  }
-  return flag
-})
-</script>
-
-<template>
-  <div class="batch-action-bar">
-    <el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" :disabled="!data.length">
-      当页全选
-    </el-checkbox>
-    <div v-if="selectionData.length" class="tips">
-      已选 {{ selectionData.length }} 项
-    </div>
-    <el-form :disabled="!selectionData.length">
-      <slot />
-    </el-form>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.batch-action-bar {
-  display: flex;
-  align-items: center;
-  margin: 20px 0;
-  padding: 0 10px;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  .el-checkbox {
-    margin-right: 20px;
-  }
-
-  .tips {
-    margin-right: 20px;
-    color: #909399;
-    font-size: 13px;
-  }
-
-  :deep(.el-form) {
-    > .el-button {
-      margin-right: 10px;
-    }
-
-    > .el-button-group {
-      margin-right: 10px;
-    }
-  }
-}
-</style>