tianheng-ui 0.1.10 → 0.1.11

package/packages/FormMaking/custom/items/tabs.vue

@@ -1,145 +0,0 @@
-<template>
-  <el-tabs
-    v-model="widget.options.defaultValue"
-    :type="widget.options.type"
-    :tab-position="widget.options.tabPosition"
-  >
-    <el-tab-pane
-      v-for="(column, columnIndex) in widget.tabs"
-      :key="`tabs_${column.value}`"
-      :label="column.label"
-      :name="column.value"
-    >
-      <draggable
-        v-model="column.list"
-        :no-transition-on-drag="true"
-        v-bind="{
-          group: 'people',
-          ghostClass: 'ghost',
-          animation: 200,
-          handle: '.drag-widget'
-        }"
-        @add="handleWidgetTabAdd($event, widget, columnIndex)"
-      >
-        <transition-group name="fade" tag="div" class="widget-col-list">
-          <widget-form-item
-            v-for="(element, elementIndex) in column.list.filter(item => {
-              return item.key;
-            })"
-            :key="element.key"
-            :widget="element"
-            :widgetIndex="elementIndex"
-            :widgetArray="column"
-            :select.sync="selectWidget"
-            :config="config"
-          ></widget-form-item>
-        </transition-group>
-      </draggable>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-import { itemsComponent } from "../mixins/index";
-import Draggable from "vuedraggable";
-import WidgetFormItem from "../../WidgetFormItem.vue";
-export default {
-  components: { Draggable, WidgetFormItem },
-  mixins: [itemsComponent],
-  data() {
-    return {
-      selectWidget: {}
-    };
-  },
-  watch: {
-    select(val) {
-      this.selectWidget = val;
-    },
-    selectWidget: {
-      handler(val) {
-        this.$emit("update:select", val);
-      },
-      deep: true
-    }
-  },
-  methods: {
-    handleWidgetTabAdd($event, row, colIndex) {
-      const newIndex = $event.newIndex;
-      const oldIndex = $event.oldIndex;
-      const item = $event.item;
-
-      // 防止布局元素的嵌套拖拽
-      if (
-        item.className.indexOf("tabs") !== -1 ||
-        item.className.indexOf("alliance") !== -1
-      ) {
-        // 如果是列表中拖拽的元素需要还原到原来位置
-        item.tagName === "DIV" &&
-          this.widgetArray.list.splice(
-            oldIndex,
-            0,
-            row.tabs[colIndex].list[newIndex]
-          );
-
-        row.tabs[colIndex].list.splice(newIndex, 1);
-
-        return false;
-      }
-
-      const key =
-        Date.parse(new Date()) + "_" + Math.ceil(Math.random() * 99999);
-
-      this.$set(row.tabs[colIndex].list, newIndex, {
-        ...row.tabs[colIndex].list[newIndex],
-        options: {
-          ...row.tabs[colIndex].list[newIndex].options
-          // remoteFunc: "func_" + key
-        },
-        key,
-        // 绑定键值
-        model: row.tabs[colIndex].list[newIndex].type + "_" + key,
-        rules: []
-      });
-
-      if (
-        row.tabs[colIndex].list[newIndex].type === "radio" ||
-        row.tabs[colIndex].list[newIndex].type === "checkbox" ||
-        row.tabs[colIndex].list[newIndex].type === "select"
-      ) {
-        this.$set(row.tabs[colIndex].list, newIndex, {
-          ...row.tabs[colIndex].list[newIndex],
-          options: {
-            ...row.tabs[colIndex].list[newIndex].options,
-            options: row.tabs[colIndex].list[newIndex].options.options.map(
-              item => ({
-                ...item
-              })
-            )
-          }
-        });
-      }
-
-      if (row.tabs[colIndex].list[newIndex].type === "grid") {
-        this.$set(
-          row.tabs[colIndex].list,
-          newIndex,
-          JSON.parse(JSON.stringify(row.tabs[colIndex].list[newIndex]))
-        );
-      }
-
-      if (row.tabs[colIndex].list[newIndex].type === "table") {
-        this.$set(row.tabs[colIndex].list, newIndex, {
-          ...row.tabs[colIndex].list[newIndex],
-          list: row.tabs[colIndex].list[newIndex].list.map(item => ({
-            ...item
-          }))
-        });
-      }
-
-      this.selectWidget = row.tabs[colIndex].list[newIndex];
-    }
-  }
-};
-</script>
-
-<style></style>