ol-base-components 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol-base-components",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "private": false,
   "main": "src/package/index.js",
   "scripts": {

package/src/App.vue

@@ -1,6 +1,5 @@
 <template>
   <div id="app">
-    <div>1111</div>
     <MyTable
       :paginations="paginations"
       :empty-img="tableData.emptyImg"
@@ -11,22 +10,14 @@
       @handleSizeChange="handleSizeChange"
       @handleindexChange="handleindexChange"
     ></MyTable>
-    <el-button>默认按钮</el-button>
-    <el-button type="primary">主要按钮</el-button>
-    <el-button type="success">成功按钮</el-button>
-    <el-button type="info">信息按钮</el-button>
-    <el-button type="warning">警告按钮</el-button>
-    <el-button type="danger">危险按钮</el-button>
   </div>
 </template>
 
 <script>
-// import HelloWorld from "./components/HelloWorld.vue";
 import MyTable from "@/package/table/src/index.vue";
 export default {
   name: "App",
   components: {
-    // HelloWorld,
     MyTable,
   },
   data() {

package/src/package/index.js

@@ -3,19 +3,12 @@ import OlTable from "./table";
 const components = [OlTable];
 
 const install = function (Vue) {
-  // 判断是否安装
-  if (install.installed) {
-    return;
-  }
   // 遍历所有组件
   components.map((item) => {
-    Vue.component(item.name, item);
+    Vue.component(`ol-${item.name}`, item);
   });
 };
 // 判断是否引入文件
-if (typeof window !== "undefined" && window.Vue) {
-  install(window.Vue);
-}
 export default {
   install,
   ...components,

package/src/package/table/src/index.vue

@@ -169,7 +169,7 @@
           >·
         </el-table-column>
         <div slot="empty" class="empty">
-          <img v-if="tableData.rows.length == 0" :src="require('@/assets/nodata.jpg')" />
+          <img v-if="tableData.rows.length == 0" :src="nodata" />
         </div>
       </el-table>
     </div>
@@ -213,8 +213,9 @@
 </template>
 <script>
 import printTemplate from "./printTable.vue";
-
+import nodata from "./nodata.jpg";
 export default {
+  name: "table",
   components: {
     printTemplate,
     // 函数式组件注册
@@ -316,6 +317,7 @@ export default {
   },
   data() {
     return {
+      nodata,
       tableRef: this.tableData.tableRef || "tableRef", // ref
       toggleRowFlage: this.tableData.toggleRowFlage || false, // 点击行高亮select标识
       // screenWidth: 0,

package/src/components/HelloWorld.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>