@tongfun/tf-widget 0.1.21 → 0.1.22

package/package/t-data-list/src/condition-input/date.vue

@@ -1,106 +1,106 @@
-<template>
-  <!-- <el-date-picker
-    :value="dateValue"
-    size="mini"
-    :type="type"
-    :disabled="disabled"
-    :format="timeFormmat"
-    value-format="yyyy-MM-dd HH:mm:ss"
-    style="width:100%"
-    @input="dateValue = $event"
-  /> -->
-  <DatePicker
-    v-model="dateValue"
-    class="wrapper"
-    range-separator="-"
-    :type="type"
-    value-type="YYYY-MM-DD HH:mm:ss"
-    confirm
-    confirm-text="确定"
-    :range="range"
-    :append-to-body="false"
-    :format="displayFormat"
-  />
-
-</template>
-<script>
-import DatePicker from 'vue2-datepicker'
-import 'vue2-datepicker/index.css'
-import 'vue2-datepicker/locale/zh-cn'
-export default {
-  components: {
-    DatePicker
-  },
-  props: {
-    value: {
-      type: String,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    datetime: {
-      type: Boolean,
-      default: false
-    },
-    range: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-
-    }
-  },
-  computed: {
-    /**
-     * 时间范围element使用数组，时间使用字符串
-     * 该计算属性，始终保持外界的数据格式为字符串，如果是范围，将使用‘，’对两个值进行分割
-     */
-    dateValue: {
-      get () {
-        if (this.range) {
-          if (this.value) {
-            return this.value.split(',')
-          }
-        }
-        return this.value
-      },
-      set (value) {
-        if (this.range) {
-          return this.$emit('input', value.join())
-        }
-        this.$emit('input', value)
-      }
-    },
-    type () {
-      return this.datetime ? 'datetime' : 'date'
-    },
-    displayFormat () {
-      return this.datetime
-        ? 'YYYY-MM-DD HH:mm:ss'
-        : 'YYYY-MM-DD'
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
-  .wrapper {
-    height:100%;
-    width:100%;
-      height:100%;
-      width:100%;
-    ::v-deep .mx-input {
-      height:28px !important;
-    }
-  }
-  // .t-date-picker {
-  //   height:100%;
-  //   border:1px solid #dddfe6;
-  //   width:100%;
-  // }
-
-</style>
+<template>
+  <!-- <el-date-picker
+    :value="dateValue"
+    size="mini"
+    :type="type"
+    :disabled="disabled"
+    :format="timeFormmat"
+    value-format="yyyy-MM-dd HH:mm:ss"
+    style="width:100%"
+    @input="dateValue = $event"
+  /> -->
+  <DatePicker
+    v-model="dateValue"
+    class="wrapper"
+    range-separator="-"
+    :type="type"
+    value-type="YYYY-MM-DD HH:mm:ss"
+    confirm
+    confirm-text="确定"
+    :range="range"
+    :append-to-body="false"
+    :format="displayFormat"
+  />
+
+</template>
+<script>
+import DatePicker from 'vue2-datepicker'
+import 'vue2-datepicker/index.css'
+import 'vue2-datepicker/locale/zh-cn'
+export default {
+  components: {
+    DatePicker
+  },
+  props: {
+    value: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    datetime: {
+      type: Boolean,
+      default: false
+    },
+    range: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+
+    }
+  },
+  computed: {
+    /**
+     * 时间范围element使用数组，时间使用字符串
+     * 该计算属性，始终保持外界的数据格式为字符串，如果是范围，将使用‘，’对两个值进行分割
+     */
+    dateValue: {
+      get () {
+        if (this.range) {
+          if (this.value) {
+            return this.value.split(',')
+          }
+        }
+        return this.value
+      },
+      set (value) {
+        if (this.range) {
+          return this.$emit('input', value.join())
+        }
+        this.$emit('input', value)
+      }
+    },
+    type () {
+      return this.datetime ? 'datetime' : 'date'
+    },
+    displayFormat () {
+      return this.datetime
+        ? 'YYYY-MM-DD HH:mm:ss'
+        : 'YYYY-MM-DD'
+    }
+  }
+}
+</script>
+
+<style scoped lang='less'>
+  .wrapper {
+    height:100%;
+    width:100%;
+      height:100%;
+      width:100%;
+    ::v-deep .mx-input {
+      height:28px !important;
+    }
+  }
+  // .t-date-picker {
+  //   height:100%;
+  //   border:1px solid #dddfe6;
+  //   width:100%;
+  // }
+
+</style>

package/package/t-data-list/src/condition-input/index.vue

@@ -1,100 +1,100 @@
-<template>
-  <div class="condition-input">
-    <component
-      :is="inputType"
-      :value="value"
-      :disabled="disabled"
-      :datetime="isDateTime"
-      :multi="multi"
-      :field="field"
-      :range="range"
-      :table-head="tableHead"
-      @input="handleInput"
-    />
-    <span class="err-msg">{{ errorMsg }}</span>
-  </div>
-</template>
-<script>
-import cdate from './date.vue'
-import cinput from './input.vue'
-import cselect from './select.vue'
-import cnumber from './number.vue'
-import cbasic from './basic.vue'
-export default {
-  components: {
-    cdate, cinput, cselect, cnumber, cbasic
-  },
-  props: {
-    type: {
-      type: String,
-      default: ''
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 当前的字段，用来获取枚举的选项的参数
-    field: {
-      type: String,
-      default: ''
-    },
-    // 是否开启多选，针对枚举类型的数据
-    multi: {
-      type: Boolean,
-      default: false
-    },
-    // 是否是范围类型的输入
-    range: {
-      type: Boolean,
-      default: false
-    },
-    // 当前的输入空间在表头上进行使用，使用不同样式和不同逻辑的判断依据
-    tableHead: {
-      type: Boolean,
-      default: false
-    }
-
-  },
-  data () {
-    return {
-      typeEnum: {
-        input: 'cinput',
-        enum: 'cselect',
-        date: 'cdate',
-        datetime: 'cdate',
-        number: 'cnumber',
-        basic: 'cbasic'
-      },
-      errorMsg: ''
-    }
-  },
-  computed: {
-    inputType () {
-      return this.typeEnum[this.type]
-    },
-    isDateTime () {
-      return this.type === 'datetime'
-    }
-  },
-  methods: {
-    handleInput (newValue) {
-      this.$emit('input', newValue)
-    }
-
-  }
-}
-</script>
-
-<style lang='less' scoped>
-  .condition-input {
-    ::v-deep el-input {
-      box-sizing: border-box;
-
-    }
-  }
-
-</style>
+<template>
+  <div class="condition-input">
+    <component
+      :is="inputType"
+      :value="value"
+      :disabled="disabled"
+      :datetime="isDateTime"
+      :multi="multi"
+      :field="field"
+      :range="range"
+      :table-head="tableHead"
+      @input="handleInput"
+    />
+    <span class="err-msg">{{ errorMsg }}</span>
+  </div>
+</template>
+<script>
+import cdate from './date.vue'
+import cinput from './input.vue'
+import cselect from './select.vue'
+import cnumber from './number.vue'
+import cbasic from './basic.vue'
+export default {
+  components: {
+    cdate, cinput, cselect, cnumber, cbasic
+  },
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 当前的字段，用来获取枚举的选项的参数
+    field: {
+      type: String,
+      default: ''
+    },
+    // 是否开启多选，针对枚举类型的数据
+    multi: {
+      type: Boolean,
+      default: false
+    },
+    // 是否是范围类型的输入
+    range: {
+      type: Boolean,
+      default: false
+    },
+    // 当前的输入空间在表头上进行使用，使用不同样式和不同逻辑的判断依据
+    tableHead: {
+      type: Boolean,
+      default: false
+    }
+
+  },
+  data () {
+    return {
+      typeEnum: {
+        input: 'cinput',
+        enum: 'cselect',
+        date: 'cdate',
+        datetime: 'cdate',
+        number: 'cnumber',
+        basic: 'cbasic'
+      },
+      errorMsg: ''
+    }
+  },
+  computed: {
+    inputType () {
+      return this.typeEnum[this.type]
+    },
+    isDateTime () {
+      return this.type === 'datetime'
+    }
+  },
+  methods: {
+    handleInput (newValue) {
+      this.$emit('input', newValue)
+    }
+
+  }
+}
+</script>
+
+<style lang='less' scoped>
+  .condition-input {
+    ::v-deep el-input {
+      box-sizing: border-box;
+
+    }
+  }
+
+</style>

package/package/t-data-list/src/condition-input/input.vue

@@ -1,31 +1,31 @@
-<template>
-  <el-input :value="value" size="mini" :disabled="disabled" @input="handleInput" />
-</template>
-<script>
-export default {
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-
-    }
-  },
-  methods: {
-    handleInput (newValue) {
-      this.$emit('input', newValue)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <el-input :value="value" size="mini" :disabled="disabled" @input="handleInput" />
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+    handleInput (newValue) {
+      this.$emit('input', newValue)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>