doway-coms 1.1.89 → 1.1.91

package/dist/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "doway-coms",
+  "version": "1.0.0",
+  "description": "",
+  "main": "doway-coms.common.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "description": "doway组件库",
   "author": "dowaysoft",
   "main": "packages/index.js",

package/packages/BaseKanbanEmpty/index.js

@@ -0,0 +1,8 @@
+// 导入组件，组件必须声明 name
+import BaseKanbanEmpty from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BaseKanbanEmpty.install = function(Vue) {
+    Vue.component(BaseKanbanEmpty.name, BaseKanbanEmpty);
+};
+// 默认导出组件
+export default BaseKanbanEmpty;

package/packages/BaseKanbanEmpty/src/index.vue

@@ -0,0 +1,177 @@
+<template>
+  <div>
+    <div
+      class="card-view-items"
+      :style="{ height: height ? height + 'px' : '100%' }"
+    >
+      <div
+        class="card-view-item"
+        :style="{ width: itemWidth + 'px' }"
+        v-for="loopRow in rows"
+        :key="loopRow[keyField]"
+      >
+        <template>
+          <div style="display:flex;">
+            <div style="flex:1">
+              <slot name="rowContent" :item="{ row: loopRow }"></slot>
+            </div>
+            <div style="width:20px" v-if="showSelect === true">
+              <a-checkbox v-model="loopRow.isSelected"></a-checkbox>
+            </div>
+            <div style="width:20px" v-if="showDelete === true">
+              <a-icon type="delete" @click="deleteItem(loopRow)" />
+            </div>
+          </div>
+        </template>
+      </div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+      <div
+        class="card-view-item card-view-item-ghost"
+        :style="{ width: itemWidth + 'px' }"
+      ></div>
+    </div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+    <div
+      class="card-view-item card-view-item-ghost"
+      :style="{ width: itemWidth + 'px' }"
+    ></div>
+  </div>
+</template>
+<script>
+import { Checkbox, Icon } from 'ant-design-vue'
+export default {
+  name: 'BaseKanbanEmpty',
+  components:{
+      'a-checkbox':Checkbox,
+      'a-icon':Icon,
+  },
+  data() {
+    return {}
+  },
+  props: {
+    keyField: {
+      type: String,
+      default: 'id'
+    },
+    showSelect: {
+      type: Boolean,
+      default: false
+    },
+    showDelete: {
+      type: Boolean,
+      default: false
+    },
+    height: {
+      type: Number,
+      default: null
+    },
+    showLoading: {
+      // 是否显示加载信息
+      type: Boolean,
+      default: false
+    },
+    itemWidth: {
+      default: 300
+    },
+    rows: {
+      // 表格数据
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    kanbanHeight: {
+      default: 600
+    }
+  },
+  watch: {},
+  created() {},
+  methods: {
+    deleteItem(rowInfo) {
+      this.$emit('delete', rowInfo)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.card-view-items {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  padding: 8px 8px 8px 8px;
+  overflow-y: auto;
+  .card-view-item-ghost {
+    visibility: hidden;
+    height: 0px !important;
+    min-height: 0px !important;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    padding: 0px 0px 0px 0px;
+  }
+  .card-view-item {
+    cursor: pointer;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: auto;
+    border: 1px solid #9ad4dc;
+    margin-top: 4px;
+    margin-right: 8px;
+    margin-bottom: 4px;
+    margin-left: 8px;
+    padding: 8px 8px 8px 8px;
+    //border-color: #9ad4dc;
+    min-width: 150px;
+    border-radius: 6px;
+    .card-view-icon {
+      float: left;
+      width: 64px;
+      height: 64px;
+    }
+    // .card-view-desc {
+    //   padding-left: 85px;
+    // }
+  }
+  .card-view-item:hover {
+    border: 1px solid #1269db;
+  }
+}
+</style>