Home Explore Help
Register Sign In
4dkankan
/
4dkankan-components
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

feat(组件): 更新文档socket

gemercheung 2 years ago
parent
966c62e874
commit
b9ffea71d9
9 changed files with 35 additions and 25 deletions
Unified View Show Diff Stats
  1. 2 2
      docs/examples/daikan/customer.vue
  2. 6 3
      docs/examples/daikan/leader.vue
  3. 3 0
      packages/components/advance/daikan/src/daikan.ts
  4. 2 1
      packages/components/advance/tag/src/tag.vue
  5. 17 14
      playground/index.html
  6. 1 1
      playground/src/components/advance/tag/index.ts
  7. 1 1
      playground/src/pages/basic.vue
  8. 1 1
      playground/src/pages/daikan.vue
  9. 2 2
      playground/src/pages/tag.vue

+ 2 - 2
docs/examples/daikan/customer.vue
View File 

@@ -6,14 +6,14 @@ const loading = ref(false)
 
 
 
 const userInfo = ref<DaikanUserInfoType>({
 
 const userInfo = ref<DaikanUserInfoType>({
 
   userId: 'test-user-222',
 
   userId: 'test-user-222',
 
-  roomId: 'test-roomid-1',
 
+  roomId: 'temp_9999-1',
 
   avatar: '',
 
   avatar: '',
 
   nickName: 'customer',
 
   nickName: 'customer',
 
   role: 'customer',
 
   role: 'customer',
 
 })
 
 })
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrlLib = ref(
 
 const socketUrlLib = ref(
 
-  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.min.js'
 
+  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.msgpack.min.js'
 
 )
 
 )
 
 
 
 onMounted(() => {
 
 onMounted(() => {

+ 6 - 3
docs/examples/daikan/leader.vue
View File 

@@ -6,14 +6,17 @@ const loading = ref(false)
 
 
 
 const userInfo = ref<DaikanUserInfoType>({
 
 const userInfo = ref<DaikanUserInfoType>({
 
   userId: 'test-user-1',
 
   userId: 'test-user-1',
 
-  roomId: 'test-roomid-1',
 
+  roomId: 'temp_9999-1',
 
   avatar: '',
 
   avatar: '',
 
-  nickName: 'xxxxx',
 
+  nickName: 'leader',
 
   role: 'leader',
 
   role: 'leader',
 
+  roomConfig: {
 
+    masterId: 'test-user-1',
 
+  },
 
 })
 
 })
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrlLib = ref(
 
 const socketUrlLib = ref(
 
-  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.min.js'
 
+  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.msgpack.min.js'
 
 )
 
 )
 
 
 
 onMounted(() => {
 
 onMounted(() => {

+ 3 - 0
packages/components/advance/daikan/src/daikan.ts
View File 

@@ -7,6 +7,9 @@ export type DaikanUserInfoType = {
 
   nickName: string
 
   nickName: string
 
   avatar: string
 
   avatar: string
 
   role: 'leader' | 'customer'
 
   role: 'leader' | 'customer'
 
+  roomConfig?: {
 
+    masterId?: string
 
+  }
 
 }
 
 }
 
 // {userId: string, roomId: string, nickName: string, avatar: string, role: 'leader' | 'customer'}
 
 // {userId: string, roomId: string, nickName: string, avatar: string, role: 'leader' | 'customer'}
 
 export const daikanProps = buildProps({
 
 export const daikanProps = buildProps({

+ 2 - 1
packages/components/advance/tag/src/tag.vue
View File 

@@ -1,11 +1,12 @@
 
 <script setup lang="ts">
 
 <script setup lang="ts">
 
-import { ref, useSlots } from 'vue'
 
+import { inject, ref, unref, useSlots } from 'vue'
 
 import ShowTag from './showTag.vue'
 
 import ShowTag from './showTag.vue'
 
 import { tagProps } from './tag'
 
 import { tagProps } from './tag'
 
 
 
 defineOptions({
 
 defineOptions({
 
   name: 'KkTag',
 
   name: 'KkTag',
 
 })
 
 })
 
+const sdk = inject('__sdk')
 
 
 
 const props = defineProps(tagProps)
 
 const props = defineProps(tagProps)
 
 const slots = useSlots()
 
 const slots = useSlots()

+ 17 - 14
playground/index.html
View File 

@@ -1,19 +1,22 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 <html lang="en">
 
-    <head>
 
-        <meta charset="UTF-8" />
 
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
-        <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2596172_5i5zp5tvfj9.css" />
 
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-        <title>kankan component</title>
 
-        <script src="//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk-deps.js?v=4.6.0-alpha.10"></script>
 
-        <script src="//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk.js?v=4.6.0-alpha.10"></script>
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
+    <link
 
+      rel="stylesheet"
 
+      href="//at.alicdn.com/t/c/font_2596172_5i5zp5tvfj9.css"
 
+    />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>kankan component</title>
 
+    <script src="//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk-deps.js"></script>
 
+    <script src="//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk.js"></script>
 
 
 
-        <!-- <script src="http://localhost:3099/dist/sdk/kankan-sdk-deps.js"></script>
 
+    <!-- <script src="http://localhost:3099/dist/sdk/kankan-sdk-deps.js"></script>
 
         <script src="http://localhost:3099/dist/sdk/kankan-sdk.js"></script> -->
 
         <script src="http://localhost:3099/dist/sdk/kankan-sdk.js"></script> -->
 
-    </head>
 
-    <body>
 
-        <div id="app"></div>
 
-        <script type="module" src="/src/main.ts"></script>
 
-    </body>
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+    <script type="module" src="/src/main.ts"></script>
 
+  </body>
 
 </html>
 
 </html>

+ 1 - 1
playground/src/components/advance/tag/index.ts
View File 

@@ -3,4 +3,4 @@ import tags from './src/Tags.vue'
 
 
 
 export const KkTag = withInstall(tags)
 
 export const KkTag = withInstall(tags)
 
 
 
-export default UITag
 
+export default KkTag

+ 1 - 1
playground/src/pages/basic.vue
View File 

@@ -4,7 +4,7 @@ import { onMounted } from 'vue'
 
 onMounted(() => {
 
 onMounted(() => {
 
   const __win = window as any
 
   const __win = window as any
 
   const __sdk = (__win.__sdk = new __win.KanKan({
 
   const __sdk = (__win.__sdk = new __win.KanKan({
 
-    num: 'KK-ljOlkLRg',
 
+    num: 'KJ-t-wOXfx2SDFy',
 
     // server: 'https://test.4dkankan.com',
 
     // server: 'https://test.4dkankan.com',
 
     server: '/demoServer',
 
     server: '/demoServer',
 
   }))
 
   }))

+ 1 - 1
playground/src/pages/daikan.vue
View File 

@@ -8,7 +8,7 @@ const __sdk: any = inject('__sdk')
 
 const loading = ref(false)
 
 const loading = ref(false)
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrl = ref('wss://testws.4dkankan.com')
 
 const socketUrlLib = ref(
 
 const socketUrlLib = ref(
 
-  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.min.js'
 
+  'https://cdn.bootcdn.net/ajax/libs/socket.io/4.5.4/socket.io.msgpack.min.js'
 
 )
 
 )
 
 
 
 const userInfo = ref<DaikanUserInfoType>({
 
 const userInfo = ref<DaikanUserInfoType>({

+ 2 - 2
playground/src/pages/tag.vue
View File 

@@ -28,13 +28,13 @@ const handleTagview = (data: any) => {
 
           :tag="item"
 
           :tag="item"
 
           @click="handleTagview"
 
           @click="handleTagview"
 
         >
 
         >
 
-          <template v-slot:content="{ data, id, isClick, isShow, x, y }">
 
+          <!-- <template v-slot:content="{ data, id, isClick, isShow, x, y }">
 
             <div>id:{{ id }}</div>
 
             <div>id:{{ id }}</div>
 
             <div>isClick:{{ isClick }}</div>
 
             <div>isClick:{{ isClick }}</div>
 
             <div>isShow:{{ isShow }}</div>
 
             <div>isShow:{{ isShow }}</div>
 
             <div>x:{{ x }}</div>
 
             <div>x:{{ x }}</div>
 
             <div>y:{{ y }}</div>
 
             <div>y:{{ y }}</div>
 
-          </template>
 
+          </template> -->
 
         </KkTag>
 
         </KkTag>
 
       </div>
 
       </div>
 
     </Teleport>
 
     </Teleport>