update org

isJDongYa · Dec 23, 2020 · 945646f · 945646f
2 parents 9353778 + 3267139
commit 945646f
Show file tree

Hide file tree

Showing 10 changed files with 781 additions and 302 deletions.
diff --git a/README.md b/README.md
@@ -1,11 +1,4 @@
-<!--
- * @Author: isJDongYa
- * @LastEditors: isJDongYa
- * @Date: 2020-12-07 19:31:31
- * @LastEditTime: 2020-12-08 16:02:35
- * @Description: 
--->
-# jd-moremsg
+# jmoremsg
 
 - 一个基于vue的“更多信息”的单个组件
 - 根据包裹组件所在位置自动调整显示位置
@@ -14,9 +7,9 @@
 ## setup
 
 ```shell
-npm install jd-moremsg --save
+npm install @jdorg/jmoremsg --save
 
-import JDMoremsg from 'jd-moremsg'
+import JDMoremsg from '@jdorg/jmoremsg'
 
 Vue.use(JDMoremsg) 
 ```
@@ -55,11 +48,11 @@ interface Setup {
 
 ```ts
 private defaultSetup:Setup = {
-        duration: 2000,
-        width: 'auto',
-        height: 'auto',
-        background: '#fff'
-  }
+  duration: 2000,
+  width: 'auto',
+  height: 'auto',
+  background: '#fff'
+}
 ```
 
 ### follow
@@ -96,16 +89,29 @@ private defaultSetup:Setup = {
 ## example
 
 ```html
-<jd-moremsg 
+<jmoremsg 
 text="This is more message" 
 :setup="{ background:'#ddd' }"
 follow="follow"
 >
   <img class="img" slot="custom" src="./assets/imgs/header.jpg" alt="img">
   <button class="btn">This is a button in default slot</button>
-</jd-moremsg>
+</jmoremsg>
+```
+
+```less
+.btn {
+  height: 100px;
+}
+.img {
+  width: 300px;
+}
 ```
+
 ![example](https://raw.githubusercontent.com/isJDongYa/jmoremsg/master/examples/assets/imgs/example.gif)
 
+## 其它
 
+@jdorg是一个开源前端组件的社区，如果你有开源组件的想法，欢迎加入我们
 
+![qqqun](./examples/assets/imgs/@jdorg.jpg)
diff --git a/examples/App.vue b/examples/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <jd-moremsg 
+    <jmoremsg 
     text="This is more message" 
     :setup="{
       background:'#ddd'
@@ -9,7 +9,7 @@
     >
       <img class="img" slot="custom" src="./assets/imgs/header.jpg" alt="img">
       <button class="btn">This is a button in default slot</button>
-    </jd-moremsg>
+    </jmoremsg>
   </div>
 </template>
 

diff --git a/examples/assets/imgs/@jdorg.jpg b/examples/assets/imgs/@jdorg.jpg
diff --git a/examples/main.ts b/examples/main.ts
@@ -1,17 +1,7 @@
-/*
- * @Author: isJDongYa
- * @LastEditors: isJDongYa
- * @Date: 2020-12-07 19:31:18
- * @LastEditTime: 2020-12-08 12:58:26
- * @Description: 
- */
 import Vue from 'vue'
 import App from './App.vue'
 
 import Lib from '../lib'
-// import Lib from './jd-moremsg.umd.min.js'
-
-// console.dir(Lib.MoreMsg.options.name);
 
 
 Vue.use(Lib)

diff --git a/lib/MoreMsg/MoreMsg.vue b/lib/MoreMsg/MoreMsg.vue
@@ -1,10 +1,3 @@
-<!--
- * @Author: isJDongYa
- * @LastEditors: isJDongYa
- * @Date: 2020-12-07 16:32:14
- * @LastEditTime: 2020-12-08 15:59:36
- * @Description: 显示更多信息
--->
 <template>
   <div 
     class="more-msg"
@@ -33,11 +26,11 @@ import { Vue, Component, Prop } from 'vue-property-decorator'
 
 import { Setup } from '@lib/types'
 
-@Component
+@Component({
+  name: 'MoreMsg'
+})
 export default class MoreMsg extends Vue {
 
-  static name = 'MoreMsg'
-
   private winWidth:number = document.body.clientWidth;
   private winHeigh:number = document.body.clientHeight;
   private isShow:boolean = false;

diff --git a/lib/MoreMsg/index.ts b/lib/MoreMsg/index.ts
@@ -4,7 +4,7 @@ import MoreMsg from './MoreMsg.vue';
 
 Object.assign(MoreMsg, {
   install(Vue:VueConstructor){
-    Vue.component('jd-moremsg', MoreMsg);
+    Vue.component('jmoremsg', MoreMsg);
    }
 })
 

diff --git a/lib/index.ts b/lib/index.ts
@@ -1,12 +1,5 @@
-/*
- * @Author: isJDongYa
- * @LastEditors: isJDongYa
- * @Date: 2020-12-07 20:09:45
- * @LastEditTime: 2020-12-08 11:51:47
- * @Description: 
- */
-import { ComponentOptions, VueConstructor } from 'vue';
-import MoreMsg from './MoreMsg';
+import { ComponentOptions, VueConstructor } from 'vue'
+import MoreMsg from './MoreMsg'
 
 const components: {
   [index:string]: VueConstructor
@@ -23,7 +16,7 @@ const install = (Vue:VueConstructor, options?:ComponentOptions<Vue>) => {
   for (const key in components) {
     if (components.hasOwnProperty(key)) {
       const component = components[key];
-      Vue.component('jd-' + component.name.toLowerCase(), component)
+      Vue.component('j' + component.options.name.toLowerCase(), component)
     }
   }
 

diff --git a/lib/types/index.d.ts b/lib/types/index.d.ts
@@ -3,4 +3,15 @@ export interface Setup {
   width?:string;
   height?:string;
   background?:string;
+}
+
+import Vue from 'vue'
+
+declare module 'vue/types/vue' {
+  //  声明为 Vue 补充的东西
+  interface VueConstructor {
+    options: {
+      name: string
+    }
+  }
 }