@tongfun/tf-widget 0.1.20 → 0.1.21

package/package/t-input/children/group.vue

@@ -1,126 +1,126 @@
-<template>
-  <div>
-    <!-- 输入控件 -->
-    <el-autocomplete
-      ref="group"
-      v-model="showValue"
-      placeholder=""
-      :fetch-suggestions="getAdvice"
-      :disabled="disabled"
-      :trigger-on-focus="false"
-      @select="handleSelect"
-      @blur="handleBlur"
-      @keydown.delete.native="handleDeleteKeyDown"
-    >
-      <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="showDialog" />
-      <template slot-scope="{item}">
-        <div>{{ item.name }}</div>
-      </template>
-    </el-autocomplete>
-
-    <!-- 弹窗数据选择器 -->
-    <GroupDialog
-      ref="groupDialog"
-      :value="value"
-      :data="options"
-      :visible.sync="dialogVisible"
-      @confirm="handleConfig"
-      @success="handleSuccess"
-    />
-  </div>
-</template>
-
-<script>
-import { getGroupTree } from '@/api/tableV3.js'
-import GroupDialog from './group-components/group-dialog'
-// 使用该组件必穿一个target
-
-export default {
-  name: 'Group',
-  components: {
-    GroupDialog
-  },
-  props: {
-    value: {
-      type: Object,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  inject: ['target'],
-  data () {
-    return {
-      options: [],
-      dialogVisible: false,
-      groupList: []
-    }
-  },
-  computed: {
-    showValue: {
-      get: function () {
-        return this.value ? this.value.name : ''
-      },
-      set: function (newVal) {
-        this.$emit('input', { id: '', name: newVal })
-      }
-    }
-  },
-  mounted () {
-    this.getGroupTree()
-  },
-  methods: {
-    // 获取分组数据
-    async getGroupTree () {
-      const res = await getGroupTree(this.target)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      this.groupList = []
-      this.options = [res.data]
-      this.groupList = Object.values(this.$refs.groupDialog.createSelectMap(this.options))
-      if (this.dialogVisible) {
-        this.$refs.groupDialog.updateGroupStatus()
-      }
-    },
-    handleSelect (val) {
-      this.$emit('input', { id: val.id, name: val.name })
-      // this.$emit('input', val[val.length - 1])
-    },
-    // 点击删除时进行的操作
-    handleDeleteKeyDown () {
-      this.$emit('input', { id: '', name: '' })
-    },
-    // 获取搜索建议
-    getAdvice (str, cb) {
-      if (str) {
-        cb(this.groupList.filter(e => e.name.includes(str)))
-      }
-    },
-    // 展示dialog
-    showDialog () {
-      this.dialogVisible = true
-    },
-    handleBlur () {
-      if (!this.value.id) {
-        this.$emit('input', { id: '', name: '' })
-      }
-    },
-    handleConfig (val) {
-      this.$emit('input', val)
-    },
-    handleSuccess () {
-      this.getGroupTree()
-    }
-
-  }
-}
-</script>
-<style lang="less" scoped>
-  /deep/.el-scrollbar__wrap{
-    overflow-x: hidden!important;
-  }
-
-</style>
+<template>
+  <div>
+    <!-- 输入控件 -->
+    <el-autocomplete
+      ref="group"
+      v-model="showValue"
+      placeholder=""
+      :fetch-suggestions="getAdvice"
+      :disabled="disabled"
+      :trigger-on-focus="false"
+      @select="handleSelect"
+      @blur="handleBlur"
+      @keydown.delete.native="handleDeleteKeyDown"
+    >
+      <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="showDialog" />
+      <template slot-scope="{item}">
+        <div>{{ item.name }}</div>
+      </template>
+    </el-autocomplete>
+
+    <!-- 弹窗数据选择器 -->
+    <GroupDialog
+      ref="groupDialog"
+      :value="value"
+      :data="options"
+      :visible.sync="dialogVisible"
+      @confirm="handleConfig"
+      @success="handleSuccess"
+    />
+  </div>
+</template>
+
+<script>
+import { getGroupTree } from '@/api/tableV3.js'
+import GroupDialog from './group-components/group-dialog'
+// 使用该组件必穿一个target
+
+export default {
+  name: 'Group',
+  components: {
+    GroupDialog
+  },
+  props: {
+    value: {
+      type: Object,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  inject: ['target'],
+  data () {
+    return {
+      options: [],
+      dialogVisible: false,
+      groupList: []
+    }
+  },
+  computed: {
+    showValue: {
+      get: function () {
+        return this.value ? this.value.name : ''
+      },
+      set: function (newVal) {
+        this.$emit('input', { id: '', name: newVal })
+      }
+    }
+  },
+  mounted () {
+    this.getGroupTree()
+  },
+  methods: {
+    // 获取分组数据
+    async getGroupTree () {
+      const res = await getGroupTree(this.target)
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+      this.groupList = []
+      this.options = [res.data]
+      this.groupList = Object.values(this.$refs.groupDialog.createSelectMap(this.options))
+      if (this.dialogVisible) {
+        this.$refs.groupDialog.updateGroupStatus()
+      }
+    },
+    handleSelect (val) {
+      this.$emit('input', { id: val.id, name: val.name })
+      // this.$emit('input', val[val.length - 1])
+    },
+    // 点击删除时进行的操作
+    handleDeleteKeyDown () {
+      this.$emit('input', { id: '', name: '' })
+    },
+    // 获取搜索建议
+    getAdvice (str, cb) {
+      if (str) {
+        cb(this.groupList.filter(e => e.name.includes(str)))
+      }
+    },
+    // 展示dialog
+    showDialog () {
+      this.dialogVisible = true
+    },
+    handleBlur () {
+      if (!this.value.id) {
+        this.$emit('input', { id: '', name: '' })
+      }
+    },
+    handleConfig (val) {
+      this.$emit('input', val)
+    },
+    handleSuccess () {
+      this.getGroupTree()
+    }
+
+  }
+}
+</script>
+<style lang="less" scoped>
+  /deep/.el-scrollbar__wrap{
+    overflow-x: hidden!important;
+  }
+
+</style>

package/package/t-input/children/input.vue

@@ -1,72 +1,72 @@
-<template>
-  <el-input
-    ref="input"
-    :value="value"
-    :type="inputType"
-    :disabled="disabled"
-    :rows="rows"
-    :placeholder="placeholder"
-    @input="handleInput"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  inject: ['rows', 'placeholder', 'text', 'entity'],
-  data () {
-    return {
-
-    }
-  },
-  computed: {
-    inputType () {
-      if (this.text) {
-        return 'textarea'
-      }
-      return 'text'
-    }
-  },
-  created () {
-    // 对象还不存在这个属性,创建属性，如果有属性，但是值是null不进行任何操作
-    if (!this.value) {
-      this.handleInput(null)
-    }
-  },
-  mounted () {
-    if (this.entity) {
-      this.$refs.input.focus()
-    }
-  },
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.el-textarea{
-  ::v-deep .el-textarea__inner{
-    border:0;
-    border-bottom: 1px solid #dcdcdc;
-    border-radius: 0;
-  }
-}
-</style>
+<template>
+  <el-input
+    ref="input"
+    :value="value"
+    :type="inputType"
+    :disabled="disabled"
+    :rows="rows"
+    :placeholder="placeholder"
+    @input="handleInput"
+  />
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    }
+  },
+  inject: ['rows', 'placeholder', 'text', 'entity'],
+  data () {
+    return {
+
+    }
+  },
+  computed: {
+    inputType () {
+      if (this.text) {
+        return 'textarea'
+      }
+      return 'text'
+    }
+  },
+  created () {
+    // 对象还不存在这个属性,创建属性，如果有属性，但是值是null不进行任何操作
+    if (!this.value) {
+      this.handleInput(null)
+    }
+  },
+  mounted () {
+    if (this.entity) {
+      this.$refs.input.focus()
+    }
+  },
+  methods: {
+    handleInput (value) {
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.el-textarea{
+  ::v-deep .el-textarea__inner{
+    border:0;
+    border-bottom: 1px solid #dcdcdc;
+    border-radius: 0;
+  }
+}
+</style>

package/package/t-input/children/number.vue

@@ -1,74 +1,74 @@
-<template>
-  <el-input-number
-    ref="number"
-    :disabled="disabled"
-    :controls="false"
-    :placeholder="placeholder"
-    :precision="percision"
-    :min="0"
-    :value="value"
-    @input="handleInput"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: Number,
-      default: undefined
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    defaultValue: {
-      type: Number,
-      default: null
-    }
-  },
-  inject: ['percision', 'placeholder', 'entity'],
-  data () {
-    return {
-
-    }
-  },
-  mounted () {
-    this.entity && this.$refs.number.focus()
-  },
-  created () {
-    if (!this.value) {
-      const initValue = this.defaultValue || null
-      this.handleInput(initValue)
-    }
-  },
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
- .el-input-number {
-   width:100%;
-
-    ::v-deep .el-input{
-    height: 100%;
-    //margin-top: -0.55vh;
-  }
-  ::v-deep .el-input-number{
-    width: 100%;
-  }
-  ::v-deep .el-input__inner{
-    width: 100%;
-    border: none;
-    border-bottom: 1px solid #DCDCDC;
-    border-radius: 0;
-    text-align: left;
-  }
- }
-</style>
+<template>
+  <el-input-number
+    ref="number"
+    :disabled="disabled"
+    :controls="false"
+    :placeholder="placeholder"
+    :precision="percision"
+    :min="0"
+    :value="value"
+    @input="handleInput"
+  />
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: Number,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    defaultValue: {
+      type: Number,
+      default: null
+    }
+  },
+  inject: ['percision', 'placeholder', 'entity'],
+  data () {
+    return {
+
+    }
+  },
+  mounted () {
+    this.entity && this.$refs.number.focus()
+  },
+  created () {
+    if (!this.value) {
+      const initValue = this.defaultValue || null
+      this.handleInput(initValue)
+    }
+  },
+  methods: {
+    handleInput (value) {
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
+<style scoped lang='less'>
+ .el-input-number {
+   width:100%;
+
+    ::v-deep .el-input{
+    height: 100%;
+    //margin-top: -0.55vh;
+  }
+  ::v-deep .el-input-number{
+    width: 100%;
+  }
+  ::v-deep .el-input__inner{
+    width: 100%;
+    border: none;
+    border-bottom: 1px solid #DCDCDC;
+    border-radius: 0;
+    text-align: left;
+  }
+ }
+</style>