@tongfun/tf-widget 0.1.18 → 0.1.22

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

@@ -1,101 +1,101 @@
-<template>
-  <div>
-    <!-- 分组输入框 -->
-    <div class="address">
-      <el-cascader
-        :value="value"
-        :options="options"
-        placeholder="选择地址"
-        popper-class="t-input-cascader-box"
-        separator=""
-        :props="{
-          value:'name',
-          label:'name',
-          children:'districts',
-          leaf:'leaf',
-          lazy:'true',
-          lazyLoad:lazyLoad,
-          checkStrictly: true
-        }"
-        filterable
-        @input="handleInput"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-
-import axios from 'axios'
-import TInputCache from '../tInputCache'
-
-export default {
-  name: 'Address',
-  props: {
-    value: {
-      type: [String, Object],
-      default: null
-    }
-  },
-  data () {
-    return {
-      options: []
-    }
-  },
-  mounted () {
-    this.getAddress()
-  },
-  methods: {
-    lazyLoad (node, resolve) {
-      const { data } = node
-      resolve(data)
-    },
-    async getAddress () {
-      const tInputDataCache = new TInputCache()
-      console.log(tInputDataCache.getCacheData('address'))
-      if (tInputDataCache.getCacheData('address')) {
-        this.options = tInputDataCache.getCacheData('address')
-        return
-      }
-      // 这边的接口用的自己的key,后期可能会换
-      const res = await axios.get('https://restapi.amap.com/v3/config/district?subdistrict=3&key=7f3a1929b7016033782ef2aace13c449')
-      if (!res.data) {
-        this.$message.error('未查询到数据')
-        return
-      }
-      const optionData = this.setLeaf(res.data.districts[0].districts)
-      this.options = optionData
-      tInputDataCache.setCacheData('address', optionData)
-    },
-    setLeaf (data) {
-      if (!data || data.length === 0) {
-        return
-      }
-      console.log(data)
-      data.forEach(e => {
-        e.leaf = true
-        if (e.districts.length > 0) {
-          e.leaf = false
-          this.setLeaf(e.districts)
-        }
-      })
-      return data
-    },
-    handleInput (value) {
-      console.log(value.join(''))
-    }
-  }
-}
-</script>
-<style lang="less">
-// 更改地址组组件的样式
-.t-input-cascader-box{
-  .el-cascader-panel{
-    height: 400px;
-    ul{
-      height: 400px;
-    }
-  }
-}
-
-</style>
+<template>
+  <div>
+    <!-- 分组输入框 -->
+    <div class="address">
+      <el-cascader
+        :value="value"
+        :options="options"
+        placeholder="选择地址"
+        popper-class="t-input-cascader-box"
+        separator=""
+        :props="{
+          value:'name',
+          label:'name',
+          children:'districts',
+          leaf:'leaf',
+          lazy:'true',
+          lazyLoad:lazyLoad,
+          checkStrictly: true
+        }"
+        filterable
+        @input="handleInput"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+
+import axios from 'axios'
+import TInputCache from '../tInputCache'
+
+export default {
+  name: 'Address',
+  props: {
+    value: {
+      type: [String, Object],
+      default: null
+    }
+  },
+  data () {
+    return {
+      options: []
+    }
+  },
+  mounted () {
+    this.getAddress()
+  },
+  methods: {
+    lazyLoad (node, resolve) {
+      const { data } = node
+      resolve(data)
+    },
+    async getAddress () {
+      const tInputDataCache = new TInputCache()
+      console.log(tInputDataCache.getCacheData('address'))
+      if (tInputDataCache.getCacheData('address')) {
+        this.options = tInputDataCache.getCacheData('address')
+        return
+      }
+      // 这边的接口用的自己的key,后期可能会换
+      const res = await axios.get('https://restapi.amap.com/v3/config/district?subdistrict=3&key=7f3a1929b7016033782ef2aace13c449')
+      if (!res.data) {
+        this.$message.error('未查询到数据')
+        return
+      }
+      const optionData = this.setLeaf(res.data.districts[0].districts)
+      this.options = optionData
+      tInputDataCache.setCacheData('address', optionData)
+    },
+    setLeaf (data) {
+      if (!data || data.length === 0) {
+        return
+      }
+      console.log(data)
+      data.forEach(e => {
+        e.leaf = true
+        if (e.districts.length > 0) {
+          e.leaf = false
+          this.setLeaf(e.districts)
+        }
+      })
+      return data
+    },
+    handleInput (value) {
+      console.log(value.join(''))
+    }
+  }
+}
+</script>
+<style lang="less">
+// 更改地址组组件的样式
+.t-input-cascader-box{
+  .el-cascader-panel{
+    height: 400px;
+    ul{
+      height: 400px;
+    }
+  }
+}
+
+</style>

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

@@ -1,41 +1,41 @@
-<template>
-  <el-input disabled :value="displayName" suffix-icon="el-icon-search" />
-</template>
-<script>
-export default {
-  components: {
-  },
-  props: {
-    value: {
-      type: Object,
-      default: function () {
-        return { name: null, id: null }
-      }
-    }
-  },
-  data () {
-    return {
-
-    }
-  },
-  computed: {
-    displayName () {
-      return this.value.name
-    }
-  },
-  created () {
-    if (!this.value) {
-      this.hanleInput({ name: null, id: null })
-    }
-  },
-  methods: {
-    hanleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <el-input disabled :value="displayName" suffix-icon="el-icon-search" />
+</template>
+<script>
+export default {
+  components: {
+  },
+  props: {
+    value: {
+      type: Object,
+      default: function () {
+        return { name: null, id: null }
+      }
+    }
+  },
+  data () {
+    return {
+
+    }
+  },
+  computed: {
+    displayName () {
+      return this.value.name
+    }
+  },
+  created () {
+    if (!this.value) {
+      this.hanleInput({ name: null, id: null })
+    }
+  },
+  methods: {
+    hanleInput (value) {
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>