web-component-gallery 1.1.25 → 1.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/store/chat.js

@@ -0,0 +1,74 @@
+import { DateTime } from "luxon"
+
+const state = {
+    messages: [],
+    myself: {},
+    participants: [],
+    chatTitle: '',
+    chatDescription: '',
+    placeholder: ''
+}
+ 
+const mutations = {
+    newMessage: (state, message) => {
+        message.timestamp = message.timestamp.toISO()
+        message.myself = message.participantId === state.myself.id
+        state.messages = [...state.messages, message]
+    },
+    setParticipants: (state, participants) => { 
+        state.participants = participants
+    },
+    setMyself: (state, myself) => {
+        state.myself = myself
+    },
+    setMessages: (state, messages) => {
+        state.messages = messages.map(message => {
+            if(message.timestamp) (typeof message.timestamp == 'object') && (message.timestamp = DateTime.fromObject(message.timestamp).toISO())
+            else message.timestamp = DateTime.local().toISO()
+            
+            if (!("myself" in message))
+                message.myself = message.participantId === state.myself.id
+            return message
+        })
+    },
+    setChatTitle: (state, title) => {
+        state.chatTitle = title
+    },
+    setChatDescription: (state, description) => {
+        state.chatDescription = description
+    },
+    setPlaceholder: (state, placeholder) => {
+        state.placeholder = placeholder
+    }
+}
+
+const getters = {
+    getParticipantById: (state) => (id) => {
+        let curr_participant
+        state.participants.forEach(participant => {
+            if (participant.id === id) {
+                curr_participant = participant
+            }
+        })
+
+        return curr_participant
+    },
+    messages: (state) => {
+        let messages = []
+        state.messages.forEach(message => {
+            let newMessage = {...message}
+            newMessage.timestamp = DateTime.fromISO(newMessage.timestamp)
+            messages.push(newMessage)
+        });
+        return messages
+    },
+    myself: (state) => {
+        return state.myself
+    }
+}
+
+export default {
+   state,
+   mutations,
+   getters
+}