touch-vue-pc 1.0.4 → 1.0.5

package/package.json

@@ -1,22 +1,14 @@
 {
   "name": "touch-vue-pc",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "private": false,
-  "main": "./lib/touch-vue-pc.common.js",
+  "main": "src/packages/index.js",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lib":"vue-cli-service build --target lib --name touch-vue-pc --dest lib ./packages/index.js",
     "pub": "npm publish --access public"
   },
-  "files": [
-    "lib/*",
-    "dist/*",
-    "src/*",
-    "public/*",
-    "*.json",
-    "*.js"
-  ],
   "dependencies": {
     "core-js": "^3.8.3",
     "element-ui": "^2.15.10",

package/src/App.vue

@@ -4,7 +4,8 @@
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link>
     </nav> -->
-    <router-view/>
+    <!-- <router-view/> -->
+    <tc-table></tc-table>
   </div>
 </template>
 

package/src/main.js

@@ -2,10 +2,8 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-import { Button,Input }
-from 'element-ui'
-Vue.use(Button)
-Vue.use(Input)
+import TouchVuePc from './packages/index.js'
+Vue.use(TouchVuePc)
 Vue.config.productionTip = false
 
 new Vue({

package/src/packages/index.js

@@ -0,0 +1,26 @@
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css';
+import TcTable from './table/index.js'
+const components = [
+  TcTable
+]
+const install = function (Vue) {
+
+  Vue.use(ElementUI)
+  components.forEach(component => {
+    Vue.component(component.name, component);
+  });
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  install,
+  TcTable
+}
+export {
+  install,
+  TcTable
+}

package/src/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/src/packages/table/src/table.vue

@@ -0,0 +1,42 @@
+<template>
+  <div v-show="showInput">
+    <el-input v-model="currentValue" v-bind="$props" :placeholder="placeholder" ref="input">
+
+    </el-input>
+  </div>
+</template>
+<script>
+import { Input, Button } from 'element-ui'
+  
+export default {
+  name: "TcTable",
+  data() {
+    return {
+      editorErrorMessage: null,
+      showInput: true,
+      currentValue:''
+    };
+  },
+  props: {
+    ...Input.props, //继承elementUI原有的props
+    ...Button.props,
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: '请输入内容'
+    },
+  },
+  methods: {
+  },
+  mounted() {
+    this.currentValue=this.value
+    console.log('mounted');
+  },
+}
+  
+</script>
+<style stylus="css">
+</style>

package/src/router/index.js

@@ -18,14 +18,6 @@ const routes = [
     // which is lazy-loaded when the route is visited.
     component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
   },
-  {
-    path: '/table',
-    name: 'table',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../../packages/table/src/table.vue')
-  }
 ]
 
 const router = new VueRouter({