cnhis-design-vue 0.2.64-beta → 0.3.2-beta

package/packages/drag-layout/DragFormRightItem.vue

@@ -1,284 +0,0 @@
-<template>
-  <div class="DragFormRightItem">
-    <div
-      v-if="element.html_type === 'COMBINATION'"
-      class="combination-item"
-      :class="{
-        'is-edit-class': element.is_edit == 0 ? true : element.mid_is_edit == 0
-      }"
-    >
-      <div>
-        <span v-if="element.is_null == 0" class="red">*</span>
-        {{ element.fieldAlias || element.alias || element.name }}
-        <div class="form-btn">
-          <template v-if="element.html_type != 'TEXT'">
-            <a-button
-              v-if="element.is_edit == 1 && !isLineType(element.html_type)"
-              type="dashed"
-              size="small"
-              @click="handlechangIs_edit(element)"
-              >{{ `${element.mid_is_edit == 1 ? "不可编辑" : "启用编辑"}` }}</a-button
-            >
-            <a-button
-              v-if="element.is_drag == 1 && !isLineType(element.html_type)"
-              type="dashed"
-              size="small"
-              @click="handlechangNull(element)"
-              >{{ getI18nText("1.2.1.12.29", "必填") }}</a-button
-            >
-            <a-button
-              type="dashed"
-              size="small"
-              v-show="element.html_type != 'LINE_BREAKS'"
-              @click="handleEdit(element, index, 'edit')"
-              >{{ getI18nText("1.1.1.3.4", "修改") }}</a-button
-            >
-          </template>
-          <a-button
-            v-if="
-              (element.is_drag == 1 || isLineType(element.html_type)) &&
-                element.is_system_fields != 0
-            "
-            type="dashed"
-            size="small"
-            @click="handleDelete(element, index)"
-          >
-            {{ getI18nText("1.2.2.18", "移除") }}
-          </a-button>
-        </div>
-      </div>
-      <draggable
-        v-model="element.children"
-        :options="{
-          group: element.val_key,
-          animation: 300
-        }"
-      >
-        <a-col v-for="(v, i) in element.children" :key="i" :span="(v.elem_width || 12) * 2">
-          <DragFormRightItem :element="v" @handleEdit="handleEdit" @handleDelete="handleDelete" />
-        </a-col>
-      </draggable>
-    </div>
-    <div
-      v-else
-      :class="{
-        'right-content': true,
-        'blue-border': element.extraField,
-        'is-edit-class': element.is_edit == 0 ? true : element.mid_is_edit == 0
-      }"
-    >
-      <div :class="{ 'item-opacity': element.is_show == 0 }">
-        <span v-if="element.is_null == 0" class="red">*</span>
-        {{ element.fieldAlias || element.alias || element.name }}
-      </div>
-      <div class="form-btn">
-        <template v-if="element.html_type != 'TEXT'">
-          <a-button
-            v-if="element.is_edit == 1 && !isLineType(element.html_type)"
-            type="dashed"
-            size="small"
-            @click="handlechangIs_edit(element)"
-            >{{ `${element.mid_is_edit == 1 ? "不可编辑" : "启用编辑"}` }}</a-button
-          >
-          <a-button
-            v-if="element.is_drag == 1 && !isLineType(element.html_type)"
-            type="dashed"
-            size="small"
-            @click="handlechangNull(element)"
-            >{{ getI18nText("1.2.1.12.29", "必填") }}</a-button
-          >
-          <a-select
-            v-if="!isLineType(element.html_type)"
-            v-model="element.elem_width"
-            size="small"
-            style="width: 50px"
-            :getPopupContainer="triggerNode => triggerNode.parentNode"
-          >
-            <a-select-option value="12">{{ getI18nText("1.2.5.27", "整行") }}</a-select-option>
-            <a-select-option value="6">半行</a-select-option>
-            <a-select-option value="10">5/6</a-select-option>
-            <a-select-option value="8">2/3</a-select-option>
-            <a-select-option value="4">1/3</a-select-option>
-            <a-select-option value="9">3/4</a-select-option>
-            <a-select-option value="3">1/4</a-select-option>
-            <a-select-option value="2">1/6</a-select-option>
-          </a-select>
-        </template>
-
-        <a-popover trigger="click" :mouseEnterDelay="0.3" placement="leftBottom">
-          <template slot="content">
-            <a-button
-              type="dashed"
-              size="small"
-              v-show="!['LINE_BREAKS'].includes(element.html_type)"
-              @click="handleEdit(element, index, 'edit')"
-              >{{ getI18nText("1.1.1.3.4", "修改") }}</a-button
-            >
-            <a-button
-              v-if="
-                (element.is_drag == 1 || isLineType(element.html_type)) &&
-                  element.is_system_fields != 0
-              "
-              type="dashed"
-              size="small"
-              @click="handleDelete(element, index)"
-            >
-              {{ getI18nText("1.2.2.18", "移除") }}
-            </a-button>
-          </template>
-          <a-icon type="more" />
-        </a-popover>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import draggable from "vuedraggable";
-import { Button, Col, Icon, Input, Popover, Select, Checkbox, InputNumber } from "ant-design-vue";
-import I18nm from "./I18n-mixins";
-export default {
-  name: "DragFormRightItem",
-  mixins: [I18nm],
-  components: {
-    [Button.name]: Button,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Input.name]: Input,
-    [InputNumber.name]: InputNumber,
-    [Input.TextArea.name]: Input.TextArea,
-    [Checkbox.name]: Checkbox,
-    [Col.name]: Col,
-    [Icon.name]: Icon,
-    [Popover.name]: Popover,
-    draggable
-  },
-  props: ["fields", "element", "index"],
-  data() {
-    return {
-      showFields: []
-    };
-  },
-
-  computed: {
-    lineTypeList() {
-      return ["LINEBAR", "LINE_BREAKS"];
-    }
-  },
-  watch: {
-    fields: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (!val) return;
-        this.showFields = val;
-      }
-    }
-  },
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    handlechangIs_edit(data) {
-      if (data.mid_is_edit == 1) {
-        data.mid_is_edit = 0;
-      } else {
-        data.mid_is_edit = 1;
-      }
-    },
-    handlechangNull(data) {
-      if (data.is_null == 1) {
-        data.is_null = 0;
-      } else {
-        data.is_null = 1;
-      }
-    },
-    handleEdit(data, i, type) {
-      this.$emit("handleEdit", data, i, type);
-    },
-    handleDelete(data, i) {
-      this.$emit("handleDelete", data, i);
-    },
-
-    /** line 类型 */
-    isLineType(t) {
-      return this.lineTypeList.includes(t);
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.DragFormRightItem {
-  position: relative;
-  .is-edit-class {
-    // color: rgba(0, 0, 0, 0.25);
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-  .combination-item {
-    padding: 0px 8px 8px;
-    > div {
-      line-height: 35px;
-      &:hover > .form-btn {
-        display: block;
-      }
-    }
-  }
-  .form-btn {
-    display: none;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    white-space: nowrap;
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-      // padding: 0 3px;
-    }
-  }
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    // overflow: hidden;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: block;
-    }
-    /deep/ .ant-btn.ant-btn-sm {
-      padding: 0 1px;
-      font-size: 12px;
-    }
-    /deep/ .ant-select.ant-select-sm {
-      font-size: 12px;
-      .ant-select-selection__rendered {
-        margin: 0 3px;
-        .ant-select-selection-selected-value {
-          padding-right: 15px;
-        }
-      }
-    }
-    /deep/ .ant-select-selection {
-      border: 1px dashed #d9d9d9;
-    }
-  }
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-  .item-opacity {
-    opacity: 0.5;
-  }
-  .red {
-    color: red;
-  }
-}
-</style>

package/packages/drag-layout/I18n-mixins.js

@@ -1,10 +0,0 @@
-export default {
-  methods: {
-    getI18nText(i, d) {
-      if (Array.isArray(i)) {
-        return this.$t ? this.$t.apply(this, i) : d;
-      }
-      return this.$t ? this.$t(i) : d;
-    }
-  }
-};