@tongfun/tf-widget 0.1.29 → 0.1.30

package/package/tf-layout/src/components/tf-right-menu.vue

@@ -1,89 +0,0 @@
-<template>
-  <div
-    v-show="showMenu"
-    class="tf-right-menu"
-    :style="{ top: top + 'px', left: left + 'px' }"
-  >
-    <p @click="rightMenuClick('closeLeft')">
-      <i class="el-icon-back" /> 关闭左侧
-    </p>
-    <p @click="rightMenuClick('closeRight')">
-      <i class="el-icon-right" /> 关闭右侧
-    </p>
-    <p @click="rightMenuClick('closeOther')">
-      <i class="el-icon-circle-close" /> 关闭其他
-    </p>
-    <p @click="rightMenuClick('closeAll')">
-      <i class="el-icon-circle-close" /> 全部关闭
-    </p>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    top: {
-      default: 0,
-      type: Number
-    },
-    left: {
-      default: 0,
-      type: Number
-    },
-    showMenu: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    /**
-     * @description 右键点击事件
-     */
-    rightMenuClick (params) {
-      this.$emit('rightMenuClick', params)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.tf-right-menu {
-  position: fixed;
-  z-index: 9999;
-  width: 120px;
-  height: 166px;
-  background: white;
-  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-  border-radius: 4px;
-  box-sizing: border-box;
-  padding: 10px 0;
-  p {
-    cursor: pointer;
-    height: 36px;
-    margin: 0;
-    font-size: 14px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    padding: 0 20px;
-    color: #606266;
-    &:hover {
-      background: #ecf5ff;
-      color: #46a6ff;
-    }
-  }
-  &::before {
-    content: "";
-    position: absolute;
-    width: 12px;
-    height: 6px;
-    top: -6px;
-    right: 10px;
-    background: white;
-    clip-path: polygon(50% 0px, 100% 100%, 0px 100%);
-    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-    border-radius: 1px;
-  }
-}
-</style>

package/package/tf-layout/src/components/tf-rotate-box.vue

@@ -1,50 +0,0 @@
-<template>
-  <div class="tf-rotate-box">
-    <span class="close">
-      <i />
-      <i />
-      <i />
-      <i />
-    </span>
-  </div>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style lang="less" scoped>
-.tf-rotate-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  .close {
-    width: 14px;
-    height: 14px;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    gap: 2px 2px;
-    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
-      color 0.1s, font-size 0s;
-    &:hover {
-      transform: rotate(90deg);
-      transform-origin: 50% 50%;
-      i {
-        background: #07579a;
-        &:nth-child(1) {
-          transform: rotate(45deg);
-          transform-origin: 50% 50%;
-        }
-      }
-    }
-    i {
-      margin: 0;
-      height: 6px;
-      width: 6px;
-      background: #9a9a9a;
-    }
-  }
-}
-</style>

package/package/tf-layout/src/tf-layout.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="tf-layout">
-    <TfMenu
-      :menus-info="menusInfo"
-      :menu-state="menuState"
-    />
-    <div class="tf-layout-subject">
-      <TfLaberBar
-        ref="TfLaberBar"
-        :route-base="routeBase"
-        @setCache="setCache"
-        @changeMenuState="changeMenuState"
-        @deleteCache="deleteCache"
-      />
-      <div class="tf-layout-subject-content">
-        <keep-alive :include="secondCacheArray">
-          <router-view />
-        </keep-alive>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import TfMenu from './components/tf-menu'
-import TfLaberBar from './components/tf-labelbar'
-export default {
-  name: 'TfLayout',
-  components: {
-    TfMenu,
-    TfLaberBar
-  },
-  props: {
-    menusInfo: {
-      type: Array,
-      default: function () {
-        return []
-      }
-    },
-    routeBase: {
-      default: null,
-      type: String
-    }
-  },
-  data () {
-    return {
-      currencyCache: {},
-      menuState: false,
-      cacheMap: new Map(),
-      secondCacheArray: [],
-      thirdCacheArr: []
-    }
-  },
-  methods: {
-    changeMenuState (state) {
-      this.menuState = state
-    },
-    setCache (value) {
-      const key = value[2] || value[1]
-      if (this.cacheMap.get(key)) {
-        if (!this.currencyCache[key] || this.currencyCache[key] < 0) this.$set(this.currencyCache, key, 0)
-        this.currencyCache[key] += 1
-      } else {
-        this.cacheMap.set(key, value[1])
-        this.initCacheArr()
-      }
-    },
-    initCacheArr () {
-      this.secondCacheArray.push(
-        ...this.arrayDiff([...this.cacheMap.values()], this.secondCacheArray)
-      )
-      this.thirdCacheArr.push(
-        ...this.arrayDiff([...this.cacheMap.keys()], this.thirdCacheArr)
-      )
-      this.$emit('setSecondCache', this.secondCacheArray)
-      this.$emit('setThirdCache', this.thirdCacheArr)
-    },
-    arrayDiff (arr, arrRaw) {
-      if (Array.isArray(arr)) {
-        return arr.filter((i) => {
-          return arrRaw.indexOf(i) < 0
-        })
-      }
-      return []
-    },
-    deleteCache (value) {
-      if (Array.isArray(value)) {
-        value.forEach((item) => {
-          const key = item[2] || item[1]
-          if (`${this.currencyCache[key]}` && this.currencyCache[key] >= 0) {
-            this.currencyCache[key] -= 1
-            if (this.currencyCache[key] < 0) {
-              this.cacheMap.delete(key)
-              this.thirdCacheArr.splice(
-                this.thirdCacheArr.indexOf(key),
-                1
-              )
-            }
-          } else {
-            this.cacheMap.delete(key)
-            this.thirdCacheArr.splice(
-              this.thirdCacheArr.indexOf(key),
-              1
-            )
-          }
-          if ([...this.cacheMap.values()].indexOf(item[1]) === -1) {
-            this.secondCacheArray.splice(
-              this.secondCacheArray.indexOf(item[2]),
-              1
-            )
-          }
-        })
-        this.$emit('setSecondCache', this.secondCacheArray)
-        this.$emit('setThirdCache', this.thirdCacheArr)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.tf-layout {
-  height: 100vh;
-  width: 100vw;
-  display: flex;
-  .tf-layout-subject {
-    flex: 1;
-    height: 94.82vh;
-    width: 100%;
-    overflow: hidden;
-    .tf-layout-subject-content {
-      width: 100%;
-      height: calc(100% - 35px);
-      background: rgb(241, 241, 241);
-      box-sizing: border-box;
-      padding: 5px 0 0 0;
-    }
-  }
-}
-</style>

package/package/tf-widget/index.js

@@ -1,8 +0,0 @@
-import TfWidget from './src/tf-widget'
-
-/* istanbul ignore next */
-TfWidget.install = function (Vue) {
-  Vue.component(TfWidget.name, TfWidget)
-}
-
-export default TfWidget

package/package/tf-widget/src/assets/common-input.less

@@ -1,11 +0,0 @@
-// 颜色定义
-@disabledBgColor: #f0f0f5;
-
-::v-deep .el-input__inner[disabled = 'disabled']{
-  background: @disabledBgColor;
-  border-color: @disabledBgColor;
-}
-::v-deep .el-textarea__inner[disabled = 'disabled']{
-  background: @disabledBgColor;
-  border-color: @disabledBgColor;
-}

package/package/tf-widget/src/children/basic-data/basic-data.vue

@@ -1,366 +0,0 @@
-<template>
-  <div>
-    <el-autocomplete
-      v-model="displayName"
-      popper-class="advice-poper"
-      :class="basicDataStyle"
-      :fetch-suggestions="getAdvice"
-      :value-key="displayField"
-      :trigger-on-focus="false"
-      :placeholder="placeholder"
-      :disabled="JSON.parse(disabled)"
-      @select="handleSelect"
-      @keydown.delete.native="handleDeleteKeyDown"
-    >
-      <i slot="suffix" :class=" disabled ? 'el-icon-lock' : 'el-icon-search' " style="cursor: pointer" @click="showDialog" />
-      <template slot-scope="{item}">
-        <div>{{ item[displayField] + '   ' + '[' + item.head__code + ']' }}</div>
-      </template>
-    </el-autocomplete>
-
-    <el-dialog
-      :visible.sync="dialogVisible"
-      width="80%"
-      append-to-body
-      :modal-append-to-body="false"
-    >
-      <div class="dataDialog">
-        <BasicDataSelector :table-id="tableId" :limit-show="limitShow" :dialog-visible="dialogVisible" :much-select="muchSelect" @rowSelect="handleRowSelect" />
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button class="common-header-button close" type="primary" @click="close">取 消</el-button>
-        <el-button class="common-header-button" type="primary" @click="handleDialogConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { getBasicDataSearchAdvice, getFormData } from '@/api/edit.js'
-import BasicDataSelector from './dependcy/basic-data-selector.vue'
-export default {
-  components: {
-    BasicDataSelector
-    // DataSelectorDialog
-  },
-  props: {
-    value: { // 双向绑定
-      type: [String, Object],
-      default: () => {
-        return { name: '', id: '' }
-      }
-    },
-    // 当选中一条基础资料的时候，默认选择基础资料的head__name属性
-    displayField: {
-      type: String,
-      default: 'head__name'
-    },
-    basicDataStyle: {
-      type: String,
-      default: 'default'
-    },
-    tableId: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    // 当前控件操作的属性所在的数据对象（单据体中体现为一行数据
-    scopeData: {
-      type: Object,
-      default: null
-    },
-    relationFields: {
-      type: [Object, Array],
-      default: null
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    },
-    field: {
-      type: String,
-      default: ''
-    },
-    widgets: {
-      type: Array,
-      default: () => []
-    },
-    muchSelect: {
-      type: Boolean,
-      default: false
-    },
-    inputMoreSelect: { // 开启input内的多选
-      type: Boolean,
-      default: false
-    },
-    forDeadComponentFlag: { // 此标识用于写死的组件，将事件发射出去自己处理
-      type: Boolean,
-      default: false
-    }
-
-  },
-  data () {
-    return {
-      limitShow: 0, // 限制基础资料显示某个属性，1：审核状态状态，
-      dialogVisible: false,
-      currentSelectRow: {},
-      showName: '',
-      currentSelectMap: new Map(),
-      inputKey: ''
-      // relationFields:[{}]
-    }
-  },
-  computed: {
-    displayName: {
-      set (value) {
-        // 已经选中了一个值忽略再次输入
-        if (this.value.id) {
-          return
-        }
-        this.value.name = value
-      },
-      get () {
-        if (!this.value) {
-          return
-        }
-        return this.value.name
-      }
-    }
-  },
-  watch: {
-    value (newValue) {
-      if (!this.value) {
-        this.$emit('input', { name: '', id: null })
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && (!this.value || this.value.id === '')) {
-      return this.handleDefaultValue()
-    }
-    if (!this.value) {
-      this.$emit('input', { name: '', id: null })
-    }
-  },
-  methods: {
-
-    /**
-     * 根据默认值id获取数据
-     */
-    handleDefaultValue () {
-      const interval = setInterval(async () => {
-        if (this.tableId) {
-          clearInterval(interval)
-          const data = {
-            entityMark: '',
-            id: this.defaultValue,
-            pageNum: 1,
-            pageSize: 1,
-            tableId: this.tableId
-          }
-          const res = await getFormData(data)
-          if (res.code === 0) {
-            const data = {
-              id: this.defaultValue,
-              name: res.data[res.data.headIdentification].name
-            }
-            this.$emit('input', data)
-          }
-        }
-      }, 50)
-    },
-    /**
-     * dialog关闭和确定处理函数
-     */
-    handleClose () {
-      this.dialogVisible = false
-    },
-    close () {
-      this.dialogVisible = false
-    },
-    handleDialogConfirm () {
-      this.$emit('handleSelected', this.currentSelectRow)
-      if (this.forDeadComponentFlag) {
-        this.close()
-        return
-      }
-      if (this.currentSelectRow.length === 1 || (!this.muchSelect && !this.inputMoreSelect)) {
-        this.$emit('input', { id: this.currentSelectRow[0].head__id, name: this.currentSelectRow[0][this.displayField] })
-        if (this.relationFields) {
-          for (const key in this.relationFields) {
-            this.scopeData[this.relationFields[key]] = this.currentSelectRow[0][key]
-          }
-        }
-        this.close()
-      } else if (this.currentSelectRow.length > 1) {
-        if (this.inputMoreSelect) {
-          const idArr = []
-          const nameArr = []
-          this.currentSelectRow.forEach(e => {
-            idArr.push(e.head__id)
-            nameArr.push(e[this.displayField])
-          })
-          const data = {
-            id: idArr.toString(),
-            name: nameArr.toString()
-          }
-          this.$emit('input', data)
-          this.close()
-        }
-        if (this.muchSelect) {
-          const insertData = []
-          this.currentSelectRow.forEach((item, index) => {
-            const obj = {}
-            this.widgets.forEach((item2, index2) => {
-              if (item2.field === this.field) {
-                obj[item2.field] = { id: this.currentSelectRow[index].head__id, name: this.currentSelectRow[index][this.displayField] }
-              } else if (item2.type === 'basic_data') {
-                obj[item2.field] = { id: undefined, name: undefined }
-              } else {
-                obj[item2.field] = undefined
-              }
-            })
-            // 添加关联关系
-            const relationFieldsIndex = this.widgets.findIndex(d => d.field === this.field)
-            if (relationFieldsIndex !== -1) {
-              const relationFields = this.widgets[relationFieldsIndex].relationFields
-              for (const key in relationFields) {
-                obj[relationFields[key]] = this.currentSelectRow[index][key]
-              }
-            }
-            insertData.push(obj)
-          })
-          this.$emit('addMuchData', insertData)
-          this.close()
-        }
-      }
-      // this.$emit('input', { id: this.currentSelectRow.head__id, name: this.currentSelectRow.head__name })
-      // if (this.relationFields) {
-      //   for (const key in this.relationFields) {
-      //     this.scopeData[this.relationFields[key]] = this.currentSelectRow[key]
-      //   }
-      // }
-      // this.close()
-    },
-
-    /**
-     * 在弹窗中选择基础资料
-     */
-    handleRowSelect (row) {
-      this.currentSelectRow = row
-    },
-    showDialog () {
-      // 后端这里的数据可能是字符串也可能是boolean类型
-      const disabled = typeof this.disabled === 'string'
-        ? Boolean(this.disabled)
-        : this.disabled
-
-      if (!disabled) {
-        this.dialogVisible = true
-      }
-      this.limitShow = 1
-    },
-
-    /**
-     * 清空选择
-     */
-    // delete按键处理
-    handleDeleteKeyDown () {
-      if (this.value.id) {
-        this.$emit('input', { name: '', id: null })
-      }
-    },
-
-    /**
-     * 基础资料搜索建议
-     */
-    // 获取建议结果
-    async getAdvice (queryString, callback) {
-      // 如果输入空字符串，不调用接口
-      const reg = /^\s*$/g
-      /* eslint-disable */
-      if (reg.test(this.displayName)) {
-        return callback([])
-      }
-
-      try {
-        const res = await getBasicDataSearchAdvice(this.tableId, this.displayName)
-        if (res.code !== 0) {
-          return
-        }
-        callback(res.data.records)
-      } catch (err) {
-        console.log(err)
-      }
-    },
-    // 选择一条建议
-    handleSelect (item) {
-      this.$emit('input', { name: item[this.displayField], id: item.head__id })
-      if (this.relationFields) {
-        for (const key in this.relationFields) {
-          this.scopeData[this.relationFields[key]] = item[key]
-        }
-      }
-      // 将处理携带属性
-    }
-
-  }
-}
-</script>
-
-<style lang='less' scoped>
-@import "@/assets/styles/common-table.less";
-@import '../../assets/common-input.less';
-  .el-autocomplete{
-    display:block;
-    ::v-deep .el-input__inner{
-      // height: 3vh;
-      width: 100%;
-      border: none;
-      border-bottom: 1px solid #DCDCDC;
-      border-radius: 0;
-    }
-  }
-  ::v-deep .el-input__suffix {
-    display: flex;
-    align-items: center;
-  }
-  ::v-deep .el-dialog__body{
-    padding: 0 10px;
-  }
-  // 弹框样式修改
-  ::v-deep .el-dialog__wrapper{
-    overflow: hidden;
-  }
-
-  ::v-deep .el-dialog__footer{
-    padding-bottom: 5px;
-    .el-button{
-      width: 2.5vw;
-      height: 2.222vh;
-      border-radius: 2px;
-      padding: 0;
-      margin-left: 0;
-      margin-right: 0.4166vw;
-      ::v-deep span{
-        opacity: 1;
-        font-size: 0.625vw;
-        font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-        font-weight: 400;
-        color: #ffffff;
-      }
-    }
-  }
-
-</style>
-<style>
-.advice-poper{
-  width: unset !important;
-}
-</style>