tianheng-ui 0.0.27 → 0.0.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tianheng-ui",
   "description": "A Vue.js project",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "author": "shu lang <403732931@qq.com>",
   "license": "MIT",
   "private": false,

package/packages/table/action.vue

@@ -183,8 +183,4 @@ export default {
     margin-left: 0px;
   }
 }
-
-// .el-button + .action-popover {
-//   margin-left: 10px !important;
-// }
 </style>

package/packages/table/index.vue

@@ -249,7 +249,6 @@ export default {
       return this.$refs["th_table"];
     },
     handleFormatTime(time, cFormat) {
-      console.log(time, cFormat);
       if (arguments.length === 0) {
         return null;
       }

package/packages/table/tools.js

@@ -0,0 +1,8 @@
+import Tools from "./tools.vue";
+
+/* istanbul ignore next */
+Tools.install = function(Vue) {
+  Vue.component(Tools.name, Tools);
+};
+
+export default Tools;

package/packages/table/tools.vue

@@ -1,99 +1,43 @@
 <template>
-  <div class="tableTools">
-    <template v-for="(item, index) in options">
-      <el-button
-        v-if="item.act_type === 'add'"
-        :key="index"
-        :style="{ color: item.btn_color }"
-        :type="item.btn_type"
-        :icon="item.btn_icon"
-        :disabled="item.btn_disabled"
-        @click="doAdd(item)"
-        >{{ item.btn_name }}</el-button
-      >
-      <el-button
-        v-if="item.act_type === 'refresh'"
-        :key="index"
-        :style="{ color: item.btn_color }"
-        :type="item.btn_type"
-        :icon="item.btn_icon"
-        :disabled="item.btn_disabled"
-        @click="doRefresh(item)"
-        >{{ item.btn_name }}</el-button
-      >
-      <el-button
-        v-if="item.act_type === 'export'"
-        :key="index"
-        :style="{ color: item.btn_color }"
-        :type="item.btn_type"
-        :icon="item.btn_icon"
-        :disabled="item.btn_disabled"
-        @click="doExport(item)"
-        >{{ item.btn_name }}</el-button
-      >
-      <el-button
-        v-if="item.act_type === 'batch'"
-        :key="index"
-        :style="{ color: item.btn_color }"
-        :type="item.btn_type"
-        :icon="item.btn_icon"
-        :disabled="item.btn_disabled || selectionDisabled"
-        :loading="loadingDel"
-        @click="doBatch(item)"
-        >{{ item.btn_name }}</el-button
-      >
-    </template>
+  <div class="th-Tools">
+    <el-button
+      v-for="(item, index) in options"
+      :key="index"
+      :style="item.style"
+      :type="item.type"
+      :icon="item.icon"
+      :disabled="item.disabled || disabled[item.act]"
+      :loading="item.loading"
+      @click="handleClick(item)"
+      >{{ item.name }}</el-button
+    >
   </div>
 </template>
 
 <script>
 export default {
-  name: "ThTableTools",
+  name:'ThTools',
   props: {
     options: {
       type: Array,
       default: () => {
         return [];
-      }
+      },
     },
-    selectionDisabled: {
-      type: Boolean,
+    disabled: {
+      type: Object,
       default: () => {
-        return true;
-      }
-    }
+        return {};
+      },
+    },
   },
   data() {
-    return {
-      loadingDel: false
-    };
+    return {};
   },
   methods: {
-    doEval(item) {
-      this.$emit("on-eval", item);
-    },
-    doAdd(item) {
-      this.$emit("on-add", item);
-    },
-    doRefresh(item) {
-      this.$emit("on-refresh", item);
+    handleClick(item) {
+      this.$emit("on-click", item);
     },
-    doExport(item) {
-      this.$emit("on-export", item);
-    },
-    doBatch(item) {
-      this.loadingDel = true;
-      const callback = bool => {
-        this.loadingDel = false;
-      };
-      this.$emit("on-batch", item, callback);
-    }
-  }
+  },
 };
 </script>
-
-<style lang="less">
-.tableTools {
-  margin-bottom: 10px;
-}
-</style>