@tongfun/tf-widget 0.1.27 → 0.1.30

package/package/t-input/index.vue

@@ -1,337 +0,0 @@
-<template>
-  <div>
-    <component
-      :is="typeRelations[type]"
-      v-if="entity || notForm"
-      class="common-input"
-      :value="value"
-      :target="target"
-      :show-field="showField"
-      v-bind="property"
-      :common-flag="commonFlag"
-      :append-to-body="false"
-      :modal-append-to-body="true"
-      @selected="handleSelected"
-      @handleSelected="handleSelected"
-      @input="handleInput"
-      @isDel="handleDel"
-      @change="handleChange"
-      @delete="$emit('delete')"
-      @suggestSelected="$emit('suggestSelected',$event)"
-    />
-
-    <el-form-item v-else :label-width="labelWidth" :prop="prop">
-      <template v-slot:label>
-        <el-tooltip effect="dark" :content="title" placement="top">
-          <span>{{ title }}</span>
-        </el-tooltip>
-      </template>
-      <component
-        :is="typeRelations[type]"
-        v-if="type !== 'basicCus'"
-        class="common-input"
-        :value="value"
-        :target="target"
-        :show-field="showField"
-        :common-flag="commonFlag"
-        :append-to-body="true"
-        :modal-append-to-body="false"
-        v-bind="property"
-        @isDel="handleDel"
-        @selected="handleSelected"
-        @handleSelected="handleSelected"
-        @input="handleInput"
-        @change="handleChange"
-        @delete="$emit('delete')"
-        @suggestSelected="$emit('suggestSelected',$event)"
-      />
-
-      <slot />
-    </el-form-item>
-  </div>
-</template>
-<script>
-import tinput from './children/input.vue'
-import tselect from './children/select.vue'
-import tdate from './children/date.vue'
-import tnumber from './children/number.vue'
-import tbasicDisplay from './children/basic-display'
-import tfile from './children/tfile/fiile-enclosure.vue'
-import tbasic from './children/basic.vue'
-import tGroup from './children/group.vue'
-import tAddress from './children/address.vue'
-import basicData from '../tf-widget/src/children/basic-data/basic-data.vue'
-import { getTableIdByTableName } from '@/api/edit.js'
-export default {
-  name: 'Tinput',
-  components: {
-    tinput, tnumber, tselect, tdate, tfile, tbasic, tbasicDisplay, basicData, tGroup, tAddress
-  },
-  props: {
-    // 双向绑定
-    value: {
-      type: [String, Number, Object, Array],
-      default: undefined
-    },
-    /**
-     * 控件类型
-     * input :  文本输入
-     * select： 下拉选择
-     * date     日期
-     * datetime 日期时间
-     * integer  整数
-     * decimal  小数
-     * text     文本域
-     * basicDisplay  基础资料展示字段，用于创建人等永远不能被填写的字段
-     * basicData     通用的基础资料
-     * basicCus      非通用的基础资料，
-     */
-    type: {
-      type: String,
-      default: 'input'
-    },
-    /**
-     * 控件属性
-     */
-    // el-form-item 属性
-    labelWidth: {
-      type: String,
-      default: '150px'
-    },
-    // el-form-item属性
-    title: {
-      type: String,
-      default: ''
-    },
-    // el form item属性，用来指定校验的属性的规则
-    prop: {
-      type: String,
-      default: ''
-    },
-    // 不在表单中使用这个控件，默认在表单中
-    notForm: {
-      type: Boolean,
-      default: false
-    },
-    // 在单据体中显示，当使用这个属性，默认开启not form
-    entity: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 子组件的通用属性
-     */
-    // 默认值
-    defaultValue: {
-      type: String,
-      default: ''
-    },
-    // 关闭
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 提示
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    /**
-     * select枚举类型属性
-     */
-    // 下拉框属性，获取下拉的选项的参数
-    enumType: {
-      type: String,
-      default: ''
-    },
-
-    /**
-     * 数值类型属性
-     */
-    // 小数属性，保留的小数个数
-    percision: {
-      type: Number,
-      default: 2
-    },
-
-    /**
-     * 多行文本文本类型
-     */
-    // 文本域的行数
-    rows: {
-      type: Number,
-      default: 3
-    },
-
-    /**
-     * 基础资料类型属性
-     */
-    // 基础资料相关信息的网络请求地址,和基础资料相关的一个请求参数
-    target: {
-      type: String,
-      default: ''
-    },
-    // 基础资料的搜索限制条件，将会被解析成多个高级过滤条件，拼接到查询条件里面
-    // 格式如下：｛a:{name:'xx',id:'xx'}
-    limitation: {
-      type: Object,
-      default: () => {}
-    },
-    // 指定基础资料显示哪个属性作为展示的字段
-    // 没有值使用后端提供的配置，有值则覆盖后端的配置
-    displayField: {
-      type: String,
-      default: null
-    },
-    // todo:这两个属性功能已经重复，需要对接 // 基础资料需要展示的数据
-    showField: {
-      type: String,
-      default: ''
-    },
-    // 通用基础资料的表名
-    tableConfig: {
-      type: Object,
-      default: function () {
-        return {
-          enum: {},
-          name: ''
-        }
-      }
-    },
-    // 此标识用于写死的组件，将事件发射出去自己处理 ???????????
-    commonFlag: {
-      type: Boolean,
-      default: false
-    },
-    // 附件上传的文件列表
-    fileList: {
-      type: Array,
-      default: () => []
-    }
-
-  },
-  provide () {
-    return {
-      entity: this.entity,
-      target: this.target,
-      enumType: this.enumType,
-      placeholder: this.placeholder,
-      // 是否是日期时间控件
-      datetime: this.type === 'datetime',
-      // 小数的情况下，指定小数的精度
-      percision: this.type === 'decimal' ? this.percision : null,
-      // 是否是文本域控件
-      text: this.type === 'text',
-      // 文本域的行数
-      rows: this.type === 'text' ? this.rows : null,
-      defaultValue: this.defaultValue
-    }
-  },
-  data () {
-    return {
-      typeRelations: {
-        input: 'tinput',
-        text: 'tinput',
-        date: 'tdate',
-        datetime: 'tdate',
-        integer: 'tnumber',
-        decimal: 'tnumber',
-        select: 'tselect',
-        basicDisplay: 'tbasicDisplay',
-        basicData: 'basicData',
-        basic: 'tbasic',
-        file: 'tfile',
-        group: 'tGroup',
-        address: 'tAddress'
-      }
-    }
-  },
-  computed: {
-    // 部分属性加入到计算属性传递下去，不使用provide的属性是为了获取响应式支持
-    property () {
-      return {
-        disabled: this.disabled,
-        tableId: this.tableConfig.enum[this.tableConfig.name] || null,
-        fileList: this.fileList,
-        displayField: this.displayField,
-        limitation: this.limitation
-      }
-    }
-  },
-  created () {
-    if (this.type === 'basicData') {
-      this.getTableId()
-    }
-  },
-  methods: {
-    // 通知触发了删除事件
-    handleDel () {
-      this.$emit('isDel')
-    },
-    // 基础资料的方法
-    handleSelected (rows) {
-      this.$emit('selected', rows)
-    },
-    // 选中的值发生了变化，目前仅仅是为了 枚举/下拉类型使用
-    handleChange (newValue) {
-      this.$emit('change', newValue)
-    },
-    handleInput (value) {
-      this.$emit('input', value)
-    },
-    async getTableId () {
-      const conf = this.tableConfig
-      // 如果已经存在了tableId，则不进行获取
-      if (conf.enum[conf.name]) {
-        return
-      }
-      const res = await getTableIdByTableName(conf.name)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      conf.enum[conf.name] = res.data
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
-  .common-input {
-    // 即便是disable,也不改变背景色
-    // 采用直接子元素的方式避免影响到分页的样式
-    ::v-deep >.el-input__inner {
-      background: #fff !important;
-      border:none;
-      border-bottom:1px solid #DCDCDC;
-      border-radius: 0;
-    }
-    ::v-deep>div{
-      >div{
-        >.el-input__inner{
-          background: #fff !important;
-          border:none;
-          border-bottom:1px solid #DCDCDC;
-          border-radius: 0;
-
-        }
-        >div{
-          >.el-input__inner{
-            background: #fff !important;
-            border:none;
-            border-bottom:1px solid #DCDCDC;
-            border-radius: 0;
-          }
-        }
-      }
-    }
-
-  }
-  .el-form-item{
-    ::v-deep .el-form-item__label{
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-
-</style>

package/package/t-input/tInputCache.js

@@ -1,24 +0,0 @@
-const ProxyCreateSingleton = (function () {
-  let instance = null
-  return function () {
-    if (instance) {
-      return instance
-    }
-    instance = new InputData()
-    return instance
-  }
-})()
-class InputData {
-  #cacheData = new Map()
-  getCacheData (key) {
-    if (key) {
-      return this.#cacheData.get(key)
-    }
-    return this.#cacheData
-  }
-
-  setCacheData (key, value) {
-    this.#cacheData.set(key, value)
-  }
-}
-export default ProxyCreateSingleton

package/package/tf-icon-picker/README.md

@@ -1,8 +0,0 @@
-# tf-icon-picker	
-
-1. 参数
-   1. width (Number) 选择图标区域宽度,默认值 400。
-   2. placement (string) 选择图标展示区域,默认值 'bottom', 可选值: 'top', 'left', 'right', 'bottom'。
-   3. hint (string) 展示图标选择标题。
-
-2. 

package/package/tf-icon-picker/index.js

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

package/package/tf-icon-picker/src/tf-icon-picker.vue

@@ -1,266 +0,0 @@
-<template>
-  <div>
-    <el-popover
-      v-model="visible"
-      :placement="placement"
-      :width="width"
-      trigger="manual"
-    >
-      <div class="content-view">
-        <div class="search-box">
-          <svg-icon
-            v-if="selectIconClass"
-            :icon-class="selectIconClass.font_class"
-          />
-          <span v-if="selectIconClass">{{ selectIconClass.name }}</span>
-          <el-input
-            v-model="search"
-            size="mini"
-            style="width: 50%"
-            clearable
-            @clear="cleanSearch"
-          />
-          <el-button
-            size="mini"
-            @click="searchInfo"
-          >搜索</el-button>
-        </div>
-        <el-empty
-          v-if="!iconList || iconList.length === 0"
-          description="暂无数据!"
-          style="height: 270px;width: 100%"
-        />
-        <div
-          v-for="item in iconList"
-          :key="item.unicode_decimal"
-          class="icon-item"
-          @click="selectIcon(item)"
-        >
-          <el-tooltip
-            placement="top"
-          >
-            <div slot="content">
-              <span>图标名称: {{ item.name }}</span>
-              <br>
-              <br>
-              <span>class: {{ item.font_class }}</span>
-            </div>
-            <div class="icon-box">
-
-              <svg-icon
-                :icon-class="item.font_class"
-              />
-              <span :title="item.name">{{ item.name }}</span>
-            </div>
-          </el-tooltip>
-        </div>
-        <div class="paging">
-          <span>第 {{ pagination + 1 }} 页</span>
-          <el-pagination
-            small
-            background
-            layout="total, prev, next"
-            :total="total"
-            @current-change="handleCurrentChange"
-          />
-
-          <el-button
-            type="info"
-            size="mini"
-            @click="visible = false"
-          >取消</el-button>
-          <el-button
-            class="button"
-            size="mini"
-            @click="select"
-          >确定</el-button>
-        </div>
-      </div>
-      <el-button
-        slot="reference"
-        class="button"
-        :size="bottomSize"
-        @click="visible = !visible; selectIconClass = null"
-      >{{ hint }}</el-button>
-    </el-popover>
-  </div>
-</template>
-
-<script>
-import axios from 'axios'
-export default {
-  name: 'TfIconPicker',
-  props: {
-    width: {
-      default: 400,
-      type: Number
-    },
-    placement: {
-      default: 'bottom',
-      type: String
-    },
-    bottomSize: {
-      default: 'small',
-      type: String
-    },
-    hint: {
-      default: '选择图标',
-      type: String
-    }
-  },
-  data () {
-    return {
-      glyphsList: null,
-      allIconList: null,
-      pagination: 0,
-      iconList: null,
-      total: 0,
-      selectIconClass: null,
-      visible: false,
-      search: null
-    }
-  },
-  watch: {
-    pagination: {
-      handler: function (newValue) {
-        if (!this.glyphsList) return
-        this.iconList = this.allIconList.slice(newValue * 20, (newValue + 1) * 20)
-      },
-      immediate: true
-    }
-  },
-  created () {
-    axios.get('/icon-list.json').then((res) => {
-      if (res.status === 200) {
-        const { glyphs: glyphsList } = res.data
-        this.glyphsList = glyphsList.sort((a, b) => a.font_class - b.font_class)
-        this.allIconList = JSON.parse(JSON.stringify(this.glyphsList))
-        this.total = this.allIconList?.length
-        this.iconList = this.allIconList.slice(this.pagination * 20, (this.pagination + 1) * 20)
-      }
-    })
-  },
-  methods: {
-    handleCurrentChange (val) {
-      if (val - 1 > this.total / 20) return
-      this.pagination = val - 1
-    },
-    selectIcon (params) {
-      this.selectIconClass = params
-    },
-    searchInfo () {
-      this.pagination = 0
-      const glyphs = JSON.parse(JSON.stringify(this.glyphsList))
-      const iconArr = []
-      glyphs.forEach(item => {
-        const str = `${item.font_class}+${item.name}`.toLowerCase()
-        if (str.indexOf(this.search.toLowerCase()) !== -1) {
-          iconArr.push(item)
-        }
-      })
-      this.allIconList = iconArr
-      this.total = this.allIconList.length
-      if (iconArr.length > 20) {
-        this.iconList = this.allIconList.slice(this.pagination * 20, (this.pagination + 1) * 20).sort((a, b) => a.font_class - b.font_class)
-      } else {
-        this.iconList = iconArr.sort((a, b) => a.font_class - b.font_class)
-      }
-    },
-    cleanSearch () {
-      this.pagination = 0
-      this.allIconList = JSON.parse(JSON.stringify(this.glyphsList))
-      this.total = this.allIconList?.length
-      this.iconList = this.allIconList.slice(this.pagination * 20, (this.pagination + 1) * 20)
-    },
-    select () {
-      if (this.selectIconClass) {
-        this.$emit('selectIcon', JSON.parse(JSON.stringify(this.selectIconClass)))
-      } else {
-        this.$message.error('未选择图标')
-      }
-      this.selectIconClass = null
-      this.visible = false
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.content-view {
-  min-height: 300px;
-  display: flex;
-  justify-content: left;
-  align-items: center;
-  flex-wrap: wrap;
-  align-content: flex-start;
-  .search-box {
-    width: 100%;
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    gap: 0 10px;
-    color: red;
-    .svg-icon {
-      height: 20px;
-      width: 20px;
-    }
-  }
-  .icon-item {
-    width: 20%;
-    height: 60px;
-    display: flex;
-    margin-top: 10px;
-    align-items: center;
-    justify-content: center;
-    .icon-box {
-      box-sizing: border-box;
-      padding: 5px 0;
-      border-radius: 2px;
-      border: 1px solid #eeeeee;
-      display: inherit;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-      width: 60px;
-      height: 100%;
-      color: #666666;
-      &:hover {
-        color: #2a90e9;
-        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-      }
-      .svg-icon {
-        height: 25px;
-        width: 25px;
-      }
-      span {
-        line-height: 1;
-        box-sizing: border-box;
-        padding: 0 2px;
-        text-align: center;
-        width: 60px;
-        display: inline-block;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        cursor: pointer;
-        font-size: 12px;
-      }
-    }
-  }
-  .paging {
-    display: flex;
-    justify-content: right;
-    align-items: center;
-    margin-top: 10px;
-    height: 20px;
-    width: 100%;
-  }
-}
-.button {
-  opacity: 1;
-  background: #0c4c8e;
-  border-radius: 2px;
-  font-weight: 700;
-  color: #FFFFFF;
-}
-</style>