@tongfun/tf-widget 0.1.18 → 0.1.22

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

@@ -1,115 +1,115 @@
-<template>
-  <div class="decimal">
-    <el-input-number
-      :disabled="JSON.parse(disabled)"
-      :min="minLimit ? 0 : -Infinity"
-      :controls="false"
-      :placeholder="placeholder"
-      :precision="Number(percision)"
-      :value="value"
-      @change="handleInput"
-      v-on="$listeners"
-    />
-    <!-- <i v-if="disabled" class="el-icon-lock" /> -->
-  </div>
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: [Object, Number, String],
-      default: undefined
-    },
-    percision: {
-      type: String,
-      default: '2'
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, Object, String],
-      default: null
-    },
-    defaultValue: {
-      type: [String, Object],
-      default: null
-    },
-    minLimit: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data () {
-    return {
-      // refName: Math.random().toString().slice(3, 9),
-      // inputWidth: '0'
-    }
-  },
-  watch: {
-    value: {
-      handler (newVal) {
-        if (newVal === '') {
-          this.handleInput(undefined)
-        }
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue) {
-      return this.$emit('input', this.defaultValue)
-    }
-    if (this.value) {
-      return this.$emit('input', this.value)
-    }
-    this.$emit('input', undefined)
-  },
-
-  // mounted () {
-  //   this.inputWidth = this.$refs[this.refName].$children[0].$el.clientWidth + 'px'
-  // },
-
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-.decimal{
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  ::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;
-  }
-  // .el-icon-lock{
-  //   position: absolute;
-  //   left: calc(var(--inputWidth) - 25px);
-  // }
-  // .el-icon-lock::before{
-  //   color: #C0C4CC;
-  //   font-size: 14px;
-  // }
-}
-</style>
+<template>
+  <div class="decimal">
+    <el-input-number
+      :disabled="JSON.parse(disabled)"
+      :min="minLimit ? 0 : -Infinity"
+      :controls="false"
+      :placeholder="placeholder"
+      :precision="Number(percision)"
+      :value="value"
+      @change="handleInput"
+      v-on="$listeners"
+    />
+    <!-- <i v-if="disabled" class="el-icon-lock" /> -->
+  </div>
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: [Object, Number, String],
+      default: undefined
+    },
+    percision: {
+      type: String,
+      default: '2'
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, Object, String],
+      default: null
+    },
+    defaultValue: {
+      type: [String, Object],
+      default: null
+    },
+    minLimit: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+      // refName: Math.random().toString().slice(3, 9),
+      // inputWidth: '0'
+    }
+  },
+  watch: {
+    value: {
+      handler (newVal) {
+        if (newVal === '') {
+          this.handleInput(undefined)
+        }
+      }
+    }
+  },
+  created () {
+    if (this.defaultValue) {
+      return this.$emit('input', this.defaultValue)
+    }
+    if (this.value) {
+      return this.$emit('input', this.value)
+    }
+    this.$emit('input', undefined)
+  },
+
+  // mounted () {
+  //   this.inputWidth = this.$refs[this.refName].$children[0].$el.clientWidth + 'px'
+  // },
+
+  methods: {
+    handleInput (value) {
+      this.$emit('input', value)
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+.decimal{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  ::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;
+  }
+  // .el-icon-lock{
+  //   position: absolute;
+  //   left: calc(var(--inputWidth) - 25px);
+  // }
+  // .el-icon-lock::before{
+  //   color: #C0C4CC;
+  //   font-size: 14px;
+  // }
+}
+</style>

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

@@ -1,104 +1,104 @@
-<template>
-  <div class="integer">
-    <el-input-number
-      :disabled="JSON.parse(disabled)"
-      :controls="false"
-      :placeholder="placeholder"
-      :step="1"
-      step-strictly
-      :min="0"
-      :value="value"
-      @change="handleInput"
-      v-on="$listeners"
-    />
-    <!-- <i v-if="disabled" class="el-icon-lock" /> -->
-  </div>
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: [Object, Number, String],
-      default: undefined
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, Object, String],
-      default: null
-    },
-    defaultValue: {
-      type: [String, Object],
-      default: null
-    }
-  },
-  data () {
-    return {
-      // refName: Math.random().toString().slice(3, 9),
-      // inputWidth: '0'
-    }
-  },
-  watch: {
-    value: {
-      handler (newVal) {
-        if (newVal === '') {
-          this.handleInput(undefined)
-        }
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue) {
-      return this.$emit('input', this.defaultValue)
-    }
-    if (this.value) {
-      return this.$emit('input', this.value)
-    }
-    this.$emit('input', undefined)
-  },
-
-  // mounted () {
-  //   this.inputWidth = this.$refs[this.refName].$children[0].$el.clientWidth + 'px'
-  // },
-
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-.integer{
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  ::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;
-  }
-  // .el-icon-lock{
-  //   position: absolute;
-  //   left: calc(var(--inputWidth) - 25px);
-  // }
-  // .el-icon-lock::before{
-  //   color: #C0C4CC;
-  //   font-size: 14px;
-  // }
-}
-</style>
+<template>
+  <div class="integer">
+    <el-input-number
+      :disabled="JSON.parse(disabled)"
+      :controls="false"
+      :placeholder="placeholder"
+      :step="1"
+      step-strictly
+      :min="0"
+      :value="value"
+      @change="handleInput"
+      v-on="$listeners"
+    />
+    <!-- <i v-if="disabled" class="el-icon-lock" /> -->
+  </div>
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: [Object, Number, String],
+      default: undefined
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, Object, String],
+      default: null
+    },
+    defaultValue: {
+      type: [String, Object],
+      default: null
+    }
+  },
+  data () {
+    return {
+      // refName: Math.random().toString().slice(3, 9),
+      // inputWidth: '0'
+    }
+  },
+  watch: {
+    value: {
+      handler (newVal) {
+        if (newVal === '') {
+          this.handleInput(undefined)
+        }
+      }
+    }
+  },
+  created () {
+    if (this.defaultValue) {
+      return this.$emit('input', this.defaultValue)
+    }
+    if (this.value) {
+      return this.$emit('input', this.value)
+    }
+    this.$emit('input', undefined)
+  },
+
+  // mounted () {
+  //   this.inputWidth = this.$refs[this.refName].$children[0].$el.clientWidth + 'px'
+  // },
+
+  methods: {
+    handleInput (value) {
+      this.$emit('input', value)
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+.integer{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  ::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;
+  }
+  // .el-icon-lock{
+  //   position: absolute;
+  //   left: calc(var(--inputWidth) - 25px);
+  // }
+  // .el-icon-lock::before{
+  //   color: #C0C4CC;
+  //   font-size: 14px;
+  // }
+}
+</style>

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

@@ -1,59 +1,59 @@
-<template>
-  <div>
-    <el-input
-      :value="value"
-      :placeholder="placeholder"
-      disabled
-      @input="handleInput"
-      v-on="$listeners"
-    />
-  </div>
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: [String, Object],
-      default: ''
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-
-    }
-  },
-  created () {
-    if (this.value) {
-      return
-    }
-    if (this.defaultValue && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-  },
-  methods: {
-    handleInput (newValue) {
-      this.$emit('input', newValue)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  ::v-deep .el-input__inner{
-    width: 100%;
-    border: none;
-    border-bottom: 1px solid #DCDCDC;
-    border-radius: 0;
-  }
-</style>
+<template>
+  <div>
+    <el-input
+      :value="value"
+      :placeholder="placeholder"
+      disabled
+      @input="handleInput"
+      v-on="$listeners"
+    />
+  </div>
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: [String, Object],
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+
+    }
+  },
+  created () {
+    if (this.value) {
+      return
+    }
+    if (this.defaultValue && !this.value) {
+      return this.handleInput(this.defaultValue)
+    }
+  },
+  methods: {
+    handleInput (newValue) {
+      this.$emit('input', newValue)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  ::v-deep .el-input__inner{
+    width: 100%;
+    border: none;
+    border-bottom: 1px solid #DCDCDC;
+    border-radius: 0;
+  }
+</style>