@tongfun/tf-widget 0.1.19 → 0.1.20

package/package/tf-widget/src/children/text-area.vue

@@ -1,74 +1,74 @@
-<template>
-  <el-input
-    type="textarea"
-    :value="value"
-    :disabled="JSON.parse(disabled) "
-    :placeholder="placeholder"
-    @input="handleInput"
-    v-on="$listeners"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  computed: {
-    debug () {
-      return typeof this.value
-    }
-  },
-  watch: {
-    value () {
-      if (!this.value) {
-        this.handleInput(null)
-      }
-    }
-  },
-  created () {
-    // 默认值
-    if (this.defaultValue && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-    // 有值的情况下不进行初始化
-    if (!this.value) {
-      return this.handleInput(null)
-    }
-  },
-  methods: {
-    handleInput (newValue) {
-      this.$emit('input', newValue)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-textarea__inner{
-  width: 100%;
-  height: 100%;
-}
-</style>
+<template>
+  <el-input
+    type="textarea"
+    :value="value"
+    :disabled="JSON.parse(disabled) "
+    :placeholder="placeholder"
+    @input="handleInput"
+    v-on="$listeners"
+  />
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, String],
+      default: false
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {
+    debug () {
+      return typeof this.value
+    }
+  },
+  watch: {
+    value () {
+      if (!this.value) {
+        this.handleInput(null)
+      }
+    }
+  },
+  created () {
+    // 默认值
+    if (this.defaultValue && !this.value) {
+      return this.handleInput(this.defaultValue)
+    }
+    // 有值的情况下不进行初始化
+    if (!this.value) {
+      return this.handleInput(null)
+    }
+  },
+  methods: {
+    handleInput (newValue) {
+      this.$emit('input', newValue)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+::v-deep .el-textarea__inner{
+  width: 100%;
+  height: 100%;
+}
+</style>

package/package/tf-widget/src/children/tf-select.vue

@@ -1,113 +1,113 @@
-<template>
-  <div class="tf-select">
-    <el-select v-if="!disabled" :value="selectId" filterable clearable :placeholder="placeholder" :disabled="JSON.parse(disabled)" style="display:block" @input="change" @change="$emit('change', $event)">
-      <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
-    </el-select>
-    <el-input
-      v-else
-      :value="value ? value.name : ''"
-      :disabled="true"
-      :placeholder="placeholder"
-    >
-      <i class="el-icon-lock el-input__icon" slot="suffix" />
-    </el-input>
-  </div>
-</template>
-<script>
-import { getEnumOptions } from '@/api/edit.js'
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: [String, Object],
-      default: ''
-    },
-    enumtype: {
-      type: String,
-      default: ''
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, Object, String],
-      default: null
-    },
-    defaultValue: {
-      type: [String, Object],
-      default: null
-    },
-    inEntity: {
-      type: Boolean,
-      default: false
-    },
-    field: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      options: []
-    }
-  },
-  computed: {
-    selectId () {
-      if (this.value) {
-        return this.value.id
-      }
-      return ''
-    }
-  },
-  async created () {
-    const res = await getEnumOptions(this.enumtype)
-    this.options = res.data
-    // 有默认值渲染默认值
-    if (this.defaultValue && !this.value) {
-      return this.change(this.defaultValue)
-    }
-    // 没有值的情况下初始化为null
-    if (!this.value) {
-      this.change(null)
-    } else {
-      this.change(this.selectId)
-    }
-  },
-  methods: {
-    change (newValue) {
-      const name = this.getLabelByValue(newValue)
-      let id = newValue
-      if (!name) {
-        id = null
-      }
-      this.$emit('input', { name, id })
-      if (this.field === 'is_closed') {
-        this.$emit('receiptClose', newValue)
-      }
-      if (this.field === 'line_closed') {
-        this.$emit('rowClose', newValue)
-      }
-    },
-    getLabelByValue (newValue) {
-      const option = this.options.find(item => item.id === newValue)
-      if (option) {
-        return option.name
-      }
-      return ''
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-input__inner{
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #DCDCDC;
-  border-radius: 0;
-}
-</style>
+<template>
+  <div class="tf-select">
+    <el-select v-if="!disabled" :value="selectId" filterable clearable :placeholder="placeholder" :disabled="JSON.parse(disabled)" style="display:block" @input="change" @change="$emit('change', $event)">
+      <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
+    </el-select>
+    <el-input
+      v-else
+      :value="value ? value.name : ''"
+      :disabled="true"
+      :placeholder="placeholder"
+    >
+      <i class="el-icon-lock el-input__icon" slot="suffix" />
+    </el-input>
+  </div>
+</template>
+<script>
+import { getEnumOptions } from '@/api/edit.js'
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: [String, Object],
+      default: ''
+    },
+    enumtype: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, Object, String],
+      default: null
+    },
+    defaultValue: {
+      type: [String, Object],
+      default: null
+    },
+    inEntity: {
+      type: Boolean,
+      default: false
+    },
+    field: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      options: []
+    }
+  },
+  computed: {
+    selectId () {
+      if (this.value) {
+        return this.value.id
+      }
+      return ''
+    }
+  },
+  async created () {
+    const res = await getEnumOptions(this.enumtype)
+    this.options = res.data
+    // 有默认值渲染默认值
+    if (this.defaultValue && !this.value) {
+      return this.change(this.defaultValue)
+    }
+    // 没有值的情况下初始化为null
+    if (!this.value) {
+      this.change(null)
+    } else {
+      this.change(this.selectId)
+    }
+  },
+  methods: {
+    change (newValue) {
+      const name = this.getLabelByValue(newValue)
+      let id = newValue
+      if (!name) {
+        id = null
+      }
+      this.$emit('input', { name, id })
+      if (this.field === 'is_closed') {
+        this.$emit('receiptClose', newValue)
+      }
+      if (this.field === 'line_closed') {
+        this.$emit('rowClose', newValue)
+      }
+    },
+    getLabelByValue (newValue) {
+      const option = this.options.find(item => item.id === newValue)
+      if (option) {
+        return option.name
+      }
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+::v-deep .el-input__inner{
+  width: 100%;
+  border: none;
+  border-bottom: 1px solid #DCDCDC;
+  border-radius: 0;
+}
+</style>