tianheng-ui 0.1.69 → 0.1.71

package/packages/FormMaking/custom/configs/tableH5.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="component-config">
-    <el-collapse-item title="组件配置" name="group-element">
-      <el-form-item label="标题">
-        <el-input v-model="widget.name"></el-input>
-      </el-form-item>
-
-      <el-form-item label="标签宽度">
-        <div style="display: flex;">
-          <el-checkbox v-model="widget.options.isLabelWidth"
-            >自定义</el-checkbox
-          >
-          <el-input-number
-            v-model="widget.options.labelWidth"
-            :min="0"
-            :max="200"
-            :disabled="!widget.options.isLabelWidth"
-          >
-          </el-input-number>
-        </div>
-      </el-form-item>
-
-      <el-form-item>
-        <div class="config-header" slot="label">
-          <span class="title">默认值</span>
-          <span class="value" @click="handleAddData">添加数据</span>
-        </div>
-        <code-editor
-          v-model="widget.options.defaultValue"
-          language="json"
-        ></code-editor>
-      </el-form-item>
-
-      <el-form-item label="新增按钮文本内容">
-        <el-input v-model.number="widget.options.addButtonText"></el-input>
-      </el-form-item>
-
-      <el-form-item label="删除按钮文本内容">
-        <el-input v-model.number="widget.options.deleteButtonText"></el-input>
-      </el-form-item>
-
-      <el-form-item label="可删除的最小索引">
-        <el-input-number v-model="widget.options.deleteIndex" :min="0">
-        </el-input-number>
-      </el-form-item>
-
-      <el-form-item label="操作属性">
-        <el-checkbox v-model="widget.options.disabled">禁用 </el-checkbox>
-        <el-checkbox v-model="widget.options.hidden">隐藏组件 </el-checkbox>
-        <el-checkbox v-model="widget.options.hideLabel">隐藏标签 </el-checkbox>
-        <el-checkbox v-model="widget.options.isAdd">可新增 </el-checkbox>
-        <el-checkbox v-model="widget.options.isDelete">可删除 </el-checkbox>
-      </el-form-item>
-
-      <el-form-item label="校验">
-        <el-checkbox v-model="widget.options.required">必填</el-checkbox>
-      </el-form-item>
-    </el-collapse-item>
-  </div>
-</template>
-
-<script>
-import Draggable from "vuedraggable";
-import { configComponent } from "../mixins";
-import CodeEditor from "ui/CodeEditor/index.vue";
-export default {
-  components: {
-    Draggable,
-    CodeEditor
-  },
-  props: {},
-  mixins: [configComponent],
-  mounted() {},
-  methods: {
-    handleAddData() {
-      let defaultValue = JSON.parse(this.widget.options.defaultValue || "[]");
-      let dic = {};
-      this.widget.list.forEach(item => {
-        if (item.type === "grid") {
-          for (let i = 0; i < item.options.columns.length; i++) {
-            const element = item.options.columns[i];
-            for (let j = 0; j < element.list.length; j++) {
-              const element2 = element.list[j];
-              dic[element2.model] = element2.options.defaultValue;
-            }
-          }
-        } else {
-          dic[item.model] = item.options.defaultValue;
-        }
-      });
-      defaultValue.push(dic);
-      this.widget.options.defaultValue = JSON.stringify(defaultValue, null, 2);
-    }
-  }
-};
-</script>
-
-<style></style>

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

@@ -1,112 +0,0 @@
-<template>
-  <div class="component-tableH5">
-    <draggable
-      v-model="widget.options.columns"
-      :no-transition-on-drag="true"
-      v-bind="{
-        group: 'people',
-        ghostClass: 'draggable-ghost',
-        animation: 200,
-        handle: '.drag-widget'
-      }"
-      @add="handleWidgetAdd($event)"
-    >
-      <transition-group name="fade" tag="div" class="draggable-list">
-        <div
-          v-for="(element, elementIndex) in widget.options.columns"
-          class="draggable-list-item"
-          :key="element.key"
-          @click.stop="selectWidget = element"
-        >
-          <widget-form-item
-            :widget="element"
-            :widgetArray="widget.options.columns"
-            :widgetIndex="elementIndex"
-            :select.sync="selectWidget"
-            :config="config"
-          >
-          </widget-form-item>
-          <div v-if="widget.options.isDelete && elementIndex === 0">
-            <el-button type="danger">{{
-              widget.options.deleteButtonText
-            }}</el-button>
-          </div>
-        </div>
-      </transition-group>
-    </draggable>
-    <div v-if="widget.options.isAdd" class="footer">
-      <el-button type="text" :disabled="widget.options.disabled">{{
-        widget.options.addButtonText
-      }}</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { itemsComponent, eventMixin } from "../mixins/index";
-import Draggable from "vuedraggable";
-import WidgetFormItem from "../../WidgetFormItem.vue";
-export default {
-  components: { Draggable, WidgetFormItem },
-  mixins: [itemsComponent, eventMixin],
-  data() {
-    return {
-      selectWidget: {}
-    };
-  },
-  watch: {
-    select(val) {
-      this.selectWidget = val;
-    },
-    selectWidget: {
-      handler(val) {
-        this.$emit("update:select", val);
-      },
-      deep: true
-    }
-  },
-  methods: {
-    handleWidgetAdd($event) {
-      const newIndex = $event.newIndex;
-      const oldIndex = $event.oldIndex;
-      const newComponent = JSON.parse(
-        JSON.stringify(this.widget.options.columns[newIndex])
-      );
-      const item = $event.item;
-      // 防止布局元素的嵌套拖拽
-      if (item.className.indexOf("no-put") >= 0) {
-        // 如果是列表中拖拽的元素需要还原到原来位置
-        item.tagName === "DIV" &&
-          this.widgetArray.splice(oldIndex, 0, newComponent);
-
-        this.widget.options.columns.splice(newIndex, 1);
-        return false;
-      }
-
-      if (!newComponent.key) {
-        const key =
-          Date.parse(new Date()) + "_" + Math.ceil(Math.random() * 99999);
-        newComponent.key = key;
-        newComponent.model = `${newComponent.type}_${key}`;
-      }
-      this.$set(this.widget.options.columns, newIndex, newComponent);
-      this.selectWidget = newComponent;
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.component-tableH5 {
-  .draggable-list-item:nth-child(1) {
-    display: flex;
-    > div:first-child {
-      flex: 1;
-    }
-  }
-
-  .footer {
-    text-align: center;
-  }
-}
-</style>

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

@@ -1,119 +0,0 @@
-<template>
-  <div class="tableH5">
-    <div
-      v-for="(column, columnIndex) in dataModel"
-      class="tableH5-list"
-      :key="`tableH5_${columnIndex}`"
-    >
-      <div
-        v-for="(element, elementIndex) in widget.options.columns"
-        class="tableH5-list-item"
-        :key="`tableH5_${columnIndex}_${element.key}`"
-      >
-        <generate-form-item
-          style="flex:1;"
-          :widget="element"
-          :model.sync="
-            element.type === 'grid' && !element.options.isEntity
-              ? column
-              : column[element.model]
-          "
-          :models="models"
-          :pModel="
-            pModel
-              ? `${pModel}.${columnIndex}`
-              : `${widget.model}.${columnIndex}`
-          "
-          :config="config"
-          :slotKeys="slotKeys"
-          :componentsData="componentsData"
-        >
-          <template v-for="name in slotKeys" :slot="name">
-            <slot :name="name" />
-          </template>
-        </generate-form-item>
-        <div
-          v-if="
-            widget.options.isDelete &&
-              elementIndex === 0 &&
-              columnIndex >= widget.options.deleteIndex
-          "
-          class="actions"
-        >
-          <el-button
-            type="danger"
-            @click.native.prevent="dataModel.splice(columnIndex, 1)"
-            >{{ widget.options.deleteButtonText }}</el-button
-          >
-        </div>
-      </div>
-    </div>
-
-    <div v-if="widget.options.isAdd" style="text-align: center;">
-      <el-button
-        type="text"
-        :disabled="widget.options.disabled"
-        @click="handleTableAdd"
-        >{{ widget.options.addButtonText }}</el-button
-      >
-    </div>
-  </div>
-</template>
-
-<script>
-import { itemsComponent, eventMixin } from "../mixins/index";
-import GenerateFormItem from "../../GenerateFormItem.vue";
-export default {
-  components: { GenerateFormItem },
-  mixins: [itemsComponent, eventMixin],
-  props: ["models", "prop", "slotKeys", "componentsData"],
-  data() {
-    return {};
-  },
-  methods: {
-    handleTableAdd() {
-      let dic = {};
-      const initData = (list, data) => {
-        for (const item of list) {
-          if (item.type === "grid") {
-            if (item.options.isEntity) data[item.model] = {};
-            for (const column of item.options.columns) {
-              initData(
-                column.list,
-                item.options.isEntity ? data[item.model] : data
-              );
-            }
-          } else {
-            data[item.model] = item.options.defaultValue;
-          }
-        }
-      };
-      initData(this.widget.options.columns, dic);
-      this.dataModel.push(dic);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.tableH5 {
-  background: #fff;
-
-  .tableH5-list {
-    .tableH5-list-item {
-      width: 100%;
-    }
-    .tableH5-list-item:nth-child(1) {
-      display: flex;
-      > div:first-child {
-        flex: 1;
-        margin-right: 10px;
-      }
-    }
-  }
-
-  .footer {
-    text-align: center;
-  }
-}
-</style>