touch-vue-pc 1.0.2 → 1.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "touch-vue-pc",
-  "version": "1.0.2",
-  "main":"./packages/index.js",
+  "version": "1.0.3",
+  "main": "./packages/index.js",
   "bin": {
     "touch-vue-pc": "./packages/index.js"
   },
@@ -16,6 +16,7 @@
     "dist/*",
     "src/*",
     "public/*",
+    "packages/*",
     "*.json",
     "*.js"
   ],

package/packages/index.js

@@ -1,4 +1,3 @@
-#!/usr/bin/env node
 import TcTable from './table/index.js'
 const components = [
     TcTable

package/packages/table/index.js

@@ -0,0 +1,5 @@
+import TcTable from './src/table.vue'
+TcTable.install = function (Vue) {
+    Vue.component(TcTable.name, TcTable)
+}
+export default TcTable

package/packages/table/src/table.vue

@@ -0,0 +1,73 @@
+<template>
+  <div v-show="showInput">
+    <el-input v-model="currentValue" v-bind="$props" @keydown.enter.native="handleInputEnter" :placeholder="placeholder" :dataType="dataType" ref="input" :inputPattern='inputPattern'>
+       
+      </template>
+    </el-input>
+  </div>
+</template>
+<script>
+import { Input, Button, Select, Option } from 'element-ui'
+  
+const EMAIL_ERROR = '邮箱验证失败';
+  
+export default {
+  name: "TcTable",
+  data() {
+    return {
+      showInput: true,
+      inputType: '',
+    };
+  },
+  props: {
+    ...Input.props, //继承elementUI原有的props
+    ...Button.props,
+    ...Select.props,
+    ...Option.props,
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: '请输入内容'
+    },
+  },
+  computed: {
+    currentValue: {
+      get: function() {
+        return this.value;
+      },
+      set: function(newValue) {
+        this.$emit("input", newValue); // 通过 input 事件更新 model
+      }
+    }
+  },
+  methods: {
+    evtChange(newValue, lr) {
+      this.$emit('change', newValue, lr); // 事件传值
+    },
+    handleInputEnter() {
+    },
+  },
+  mounted() {
+    this.$nextTick(_ => {
+      this.inputType = this.$refs.input.type;
+    })
+    console.log('mounted');
+  },
+  updata() {
+  
+  },
+  watch: {
+    currentValue: {
+      immediate: true,
+      handler(val) {
+      }
+    }
+  }
+}
+  
+</script>
+<style stylus="css">
+</style>