ui-default: init

将ui-default合并至主存储库便于维护

packages/ui-default/components/messagepad/reducers/activeId.js

@@ -0,0 +1,34 @@
+import 'jquery.easing';
+
+function scrollToViewport() {
+  const BOUND_TOP = 60;
+  const BOUND_BOTTOM = 20;
+  const node = $('.messagepad')[0];
+  if (node.offsetHeight + BOUND_TOP + BOUND_BOTTOM < window.innerHeight) {
+    const rect = node.getBoundingClientRect();
+    const rectBody = document.body.getBoundingClientRect();
+    let targetScrollTop = null;
+    if (rect.top < BOUND_TOP) {
+      targetScrollTop = rect.top - rectBody.top - BOUND_TOP;
+    } else if (rect.top + node.offsetHeight > window.innerHeight) {
+      targetScrollTop = rect.top - rectBody.top + node.offsetHeight + BOUND_BOTTOM - window.innerHeight;
+    }
+    if (targetScrollTop !== null) {
+      $('html, body').stop().animate({ scrollTop: targetScrollTop }, 200, 'easeOutCubic');
+    }
+  }
+}
+
+export default function reducer(state = null, action) {
+  switch (action.type) {
+  case 'DIALOGUES_SWITCH_TO': {
+    scrollToViewport();
+    return action.payload;
+  }
+  case 'DIALOGUES_POST_SEND_FULFILLED': {
+    return action.meta.dialogueId;
+  }
+  default:
+    return state;
+  }
+}

packages/ui-default/components/messagepad/reducers/dialogues.js

@@ -0,0 +1,52 @@
+import _ from 'lodash';
+
+export default function reducer(state = {}, action) {
+  switch (action.type) {
+  case 'DIALOGUES_LOAD_DIALOGUES_FULFILLED': {
+    const { messages } = action.payload;
+    return _.keyBy(messages, 'udoc._id');
+  }
+  case 'DIALOGUES_CREATE': {
+    const { user } = action.payload;
+    return {
+      ...state,
+      [user._id]: {
+        _id: user._id,
+        udoc: { ...user },
+        messages: [],
+      },
+    };
+  }
+  case 'DIALOGUES_POST_SEND_FULFILLED': {
+    const id = action.meta.dialogueId;
+    const { mdoc } = action.payload;
+    return {
+      ...state,
+      [id]: {
+        ...state[id],
+        messages: [
+          ...state[id].messages,
+          mdoc,
+        ],
+      },
+    };
+  }
+  case 'DIALOGUES_MESSAGE_PUSH': {
+    const { mdoc, udoc } = action.payload;
+    const to = mdoc.from === UserContext._id ? mdoc.to : mdoc.from;
+    return {
+      ...state,
+      [to]: {
+        ...state[to] || {},
+        udoc,
+        messages: [
+          ...state[to]?.messages || [],
+          mdoc,
+        ],
+      },
+    };
+  }
+  default:
+    return state;
+  }
+}

packages/ui-default/components/messagepad/reducers/index.js

@@ -0,0 +1,14 @@
+import { combineReducers } from 'redux';
+import activeId from './activeId';
+import dialogues from './dialogues';
+import inputs from './inputs';
+import isPosting from './isPosting';
+
+const reducer = combineReducers({
+  activeId,
+  dialogues,
+  inputs,
+  isPosting,
+});
+
+export default reducer;

packages/ui-default/components/messagepad/reducers/inputs.js

@@ -0,0 +1,43 @@
+import _ from 'lodash';
+
+export default function reducer(state = {}, action) {
+  switch (action.type) {
+  case 'DIALOGUES_LOAD_DIALOGUES_FULFILLED': {
+    const dialogues = action.payload.messages;
+    return _.fromPairs(_.map(dialogues, (d) => [d._id, '']));
+  }
+  case 'DIALOGUES_CREATE': {
+    const { user } = action.payload;
+    return {
+      ...state,
+      [user._id]: '',
+    };
+  }
+  case 'DIALOGUES_INPUT_CHANGED': {
+    const id = action.meta.dialogueId;
+    return {
+      ...state,
+      [id]: action.payload,
+    };
+  }
+  case 'DIALOGUES_POST_SEND_FULFILLED': {
+    const id = action.meta.dialogueId;
+    return {
+      ...state,
+      [id]: '',
+    };
+  }
+  case 'DIALOGUES_MESSAGE_PUSH': {
+    const { udoc } = action.payload;
+    if (!state[udoc._id]) {
+      return {
+        ...state,
+        [udoc._id]: '',
+      };
+    }
+    return state;
+  }
+  default:
+    return state;
+  }
+}

packages/ui-default/components/messagepad/reducers/isPosting.js

@@ -0,0 +1,49 @@
+import _ from 'lodash';
+import Notification from 'vj/components/notification';
+
+export default function reducer(state = {}, action) {
+  switch (action.type) {
+  case 'DIALOGUES_LOAD_DIALOGUES_FULFILLED': {
+    const dialogues = action.payload.messages;
+    return _.fromPairs(_.map(dialogues, (d) => [d._id, false]));
+  }
+  case 'DIALOGUES_CREATE': {
+    const { user } = action.payload;
+    return {
+      ...state,
+      [user._id]: false,
+    };
+  }
+  case 'DIALOGUES_POST_SEND_PENDING': {
+    const id = action.meta.dialogueId;
+    return {
+      ...state,
+      [id]: true,
+    };
+  }
+  case 'DIALOGUES_POST_SEND_REJECTED': {
+    Notification.error(action.payload.message);
+    const id = action.meta.dialogueId;
+    return {
+      ...state,
+      [id]: false,
+    };
+  }
+  case 'DIALOGUES_POST_SEND_FULFILLED': {
+    const id = action.meta.dialogueId;
+    return {
+      ...state,
+      [id]: false,
+    };
+  }
+  case 'DIALOGUES_MESSAGE_PUSH': {
+    const { udoc } = action.payload;
+    return {
+      ...state,
+      [udoc._id]: false,
+    };
+  }
+  default:
+    return state;
+  }
+}