@syfei49/mini-dynamic-renderer 1.0.7 → 1.2.0

package/src/chat/service.js

@@ -1,297 +1,497 @@
-var requestAdapter = require('../adapters/request');
-var parser = require('./parser');
-var event = require('../event');
-var configModule = require('../config');
-
-var state = {
-  messages: [],
-  conversationId: '',
-  loading: false,
-  uploading: false,
-  iconPickMode: false,
-  pendingIconCategory: null,
-  pendingImageUrl: '',
-  inputText: ''
-};
-
-var quickQuestions = [
-  '你好，你能帮我做什么？',
-  '在「保健品」下新增二级分类：维生素，排序0',
-  '帮我新增一级分类 保健品3'
-];
-
-function reset() {
-  state.messages = [];
-  state.conversationId = '';
-  state.loading = false;
-  state.uploading = false;
-  state.iconPickMode = false;
-  state.pendingIconCategory = null;
-  state.pendingImageUrl = '';
-  state.inputText = '';
-}
-
-function ensureLogin() {
-  var config = configModule.getConfig();
-  if (!config.requireLogin) {
-    return true;
-  }
-  var token = typeof config.getToken === 'function' ? config.getToken() : '';
-  if (token) {
-    return true;
-  }
-  uni.showToast({
-    title: '请先登录',
-    icon: 'none'
-  });
-  setTimeout(function () {
-    uni.navigateTo({
-      url: config.loginPage
-    });
-  }, 800);
-  return false;
-}
-
-function notifyUpdate() {
-  event.emit('chat:update', getSnapshot());
-}
-
-function getSnapshot() {
-  return {
-    messages: state.messages.slice(),
-    loading: state.loading,
-    uploading: state.uploading,
-    iconPickMode: state.iconPickMode,
-    pendingIconCategory: state.pendingIconCategory,
-    pendingImageUrl: state.pendingImageUrl,
-    inputText: state.inputText,
-    quickQuestions: quickQuestions.slice()
-  };
-}
-
-function createAssistantMessage(content) {
-  var parsed = parser.parseAssistantMessage(content);
-  return {
-    role: 'assistant',
-    content: parsed.content,
-    imageUrls: parsed.imageUrls
-  };
-}
-
-function handleAssistantAnswer(answer) {
-  var needIcon = parser.parseNeedIcon(answer);
-  if (needIcon) {
-    state.pendingIconCategory = {
-      name: needIcon.name,
-      sort: needIcon.sort
-    };
-    state.iconPickMode = true;
-    state.messages.push({
-      role: 'assistant',
-      content: needIcon.msg,
-      imageUrls: []
-    });
-    notifyUpdate();
-    return;
-  }
-  state.iconPickMode = false;
-  state.pendingIconCategory = null;
-  state.messages.push(createAssistantMessage(answer));
-  notifyUpdate();
-}
-
-function setInputText(text) {
-  state.inputText = text;
-  notifyUpdate();
-}
-
-function clearPendingImage() {
-  state.pendingImageUrl = '';
-  notifyUpdate();
-}
-
-function chooseImage() {
-  if (state.loading || state.uploading || state.iconPickMode) {
-    return Promise.resolve();
-  }
-  return new Promise(function (resolve, reject) {
-    uni.chooseImage({
-      count: 1,
-      sizeType: ['compressed'],
-      sourceType: ['album', 'camera'],
-      success: function (chooseRes) {
-        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
-        if (!filePath) {
-          reject(new Error('未选择图片'));
-          return;
-        }
-        state.uploading = true;
-        notifyUpdate();
-        requestAdapter.uploadImage(filePath)
-          .then(function (imageUrl) {
-            state.pendingImageUrl = imageUrl;
-            state.uploading = false;
-            notifyUpdate();
-            resolve(imageUrl);
-          })
-          .catch(function (error) {
-            state.uploading = false;
-            notifyUpdate();
-            reject(error);
-          });
-      },
-      fail: function (err) {
-        reject(err || new Error('选择图片失败'));
-      }
-    });
-  });
-}
-
-function pickCategoryIcon(source) {
-  if (state.loading || state.uploading || !state.pendingIconCategory) {
-    return Promise.resolve();
-  }
-  if (!ensureLogin()) {
-    return Promise.resolve();
-  }
-  var sourceType = source === 'camera' ? ['camera'] : ['album'];
-  return new Promise(function (resolve, reject) {
-    uni.chooseImage({
-      count: 1,
-      sizeType: ['compressed'],
-      sourceType: sourceType,
-      success: function (chooseRes) {
-        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
-        if (!filePath) {
-          reject(new Error('未选择图片'));
-          return;
-        }
-        state.uploading = true;
-        notifyUpdate();
-        requestAdapter.uploadImage(filePath)
-          .then(function (imageUrl) {
-            var category = state.pendingIconCategory;
-            var query = '新增一级分类：' + category.name + '，排序' + category.sort + '，图标 ' + imageUrl;
-            state.iconPickMode = false;
-            state.pendingIconCategory = null;
-            state.uploading = false;
-            notifyUpdate();
-            return sendMessage(query, imageUrl, '[图片] ' + category.name);
-          })
-          .then(function () {
-            resolve();
-          })
-          .catch(function (error) {
-            state.uploading = false;
-            notifyUpdate();
-            reject(error);
-          });
-      },
-      fail: function (err) {
-        reject(err || new Error('选择图片失败'));
-      }
-    });
-  });
-}
-
-function cancelIconPick() {
-  state.iconPickMode = false;
-  state.pendingIconCategory = null;
-  notifyUpdate();
-}
-
-function sendQuick(text) {
-  state.inputText = text;
-  notifyUpdate();
-  return handleSend();
-}
-
-function sendMessage(query, imageUrl, displayContent) {
-  if (!ensureLogin()) {
-    return Promise.resolve();
-  }
-  state.messages.push({
-    role: 'user',
-    content: displayContent || query,
-    imageUrls: imageUrl ? [imageUrl] : []
-  });
-  state.loading = true;
-  notifyUpdate();
-
-  return requestAdapter.sendChat({
-    conversationId: state.conversationId || undefined,
-    query: query || undefined,
-    imageUrl: imageUrl || undefined
-  })
-    .then(function (res) {
-      var data = res && res.data ? res.data : res;
-      if (data.conversationId) {
-        state.conversationId = data.conversationId;
-      }
-      state.loading = false;
-      handleAssistantAnswer(data.answer || '暂无回复');
-    })
-    .catch(function (error) {
-      state.loading = false;
-      state.messages.push(createAssistantMessage(error && (error.msg || error.message) ? (error.msg || error.message) : '发送失败，请稍后重试'));
-      notifyUpdate();
-    });
-}
-
-function handleSend() {
-  var query = (state.inputText || '').trim();
-  var imageUrl = state.pendingImageUrl;
-  if ((!query && !imageUrl) || state.loading || state.uploading || state.iconPickMode) {
-    return Promise.resolve();
-  }
-  var displayContent = query || (imageUrl ? '[图片]' : '');
-  state.inputText = '';
-  state.pendingImageUrl = '';
-  notifyUpdate();
-  return sendMessage(query, imageUrl, displayContent);
-}
-
-function openConversation() {
-  if (!ensureLogin()) {
-    return false;
-  }
-  event.emit('chat:open');
-  return true;
-}
-
-function closeConversation() {
-  event.emit('chat:close');
-}
-
-module.exports = {
-  quickQuestions: quickQuestions,
-  reset: reset,
-  getSnapshot: getSnapshot,
-  setInputText: setInputText,
-  clearPendingImage: clearPendingImage,
-  chooseImage: chooseImage,
-  pickCategoryIcon: pickCategoryIcon,
-  cancelIconPick: cancelIconPick,
-  sendQuick: sendQuick,
-  handleSend: handleSend,
-  openConversation: openConversation,
-  closeConversation: closeConversation,
-  onUpdate: function (handler) {
-    event.on('chat:update', handler);
-  },
-  offUpdate: function (handler) {
-    event.off('chat:update', handler);
-  },
-  onOpen: function (handler) {
-    event.on('chat:open', handler);
-  },
-  offOpen: function (handler) {
-    event.off('chat:open', handler);
-  },
-  onClose: function (handler) {
-    event.on('chat:close', handler);
-  },
-  offClose: function (handler) {
-    event.off('chat:close', handler);
-  }
-};
+var requestAdapter = require('../adapters/request');
+var parser = require('./parser');
+var event = require('../event');
+var configModule = require('../config');
+
+var state = {
+  messages: [],
+  conversationId: '',
+  loading: false,
+  uploading: false,
+  iconPickMode: false,
+  pendingIconCategory: null,
+  pendingImageUrl: '',
+  inputText: '',
+  renderConfig: null,
+  pendingInputs: {},
+  lastUserQuery: ''
+};
+
+var quickQuestions = [
+  '你好，你能帮我做什么？',
+  '帮我新增商品',
+  '上架商品：杏',
+  '在「保健品」下新增二级分类：维生素，排序0'
+];
+
+function reset() {
+  state.messages = [];
+  state.conversationId = '';
+  state.loading = false;
+  state.uploading = false;
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  state.pendingImageUrl = '';
+  state.inputText = '';
+  state.renderConfig = null;
+  state.pendingInputs = {};
+  state.lastUserQuery = '';
+}
+
+function ensureLogin() {
+  var config = configModule.getConfig();
+  if (!config.requireLogin) {
+    return true;
+  }
+  var token = typeof config.getToken === 'function' ? config.getToken() : '';
+  if (token) {
+    return true;
+  }
+  uni.showToast({
+    title: '请先登录',
+    icon: 'none'
+  });
+  setTimeout(function () {
+    uni.navigateTo({
+      url: config.loginPage
+    });
+  }, 800);
+  return false;
+}
+
+function notifyUpdate() {
+  event.emit('chat:update', getSnapshot());
+}
+
+function getSnapshot() {
+  return {
+    messages: state.messages.slice(),
+    loading: state.loading,
+    uploading: state.uploading,
+    iconPickMode: state.iconPickMode,
+    pendingIconCategory: state.pendingIconCategory,
+    pendingImageUrl: state.pendingImageUrl,
+    inputText: state.inputText,
+    renderConfig: state.renderConfig,
+    pendingInputs: Object.assign({}, state.pendingInputs),
+    quickQuestions: quickQuestions.slice()
+  };
+}
+
+function createAssistantMessage(content) {
+  var parsed = parser.parseAssistantMessage(content);
+  return {
+    role: 'assistant',
+    content: parsed.content,
+    imageUrls: parsed.imageUrls
+  };
+}
+
+function appendActionResultMessage(actionResult) {
+  if (!actionResult) {
+    return;
+  }
+  var text = '';
+  try {
+    var result = typeof actionResult === 'string' ? JSON.parse(actionResult) : actionResult;
+    if (result && (result.code === 200 || result.success === true)) {
+      text = result.msg || result.message || '操作已成功完成';
+    } else if (result && (result.msg || result.message)) {
+      text = result.msg || result.message;
+    }
+  } catch (error) {
+    text = String(actionResult);
+  }
+  if (text) {
+    state.messages.push(createAssistantMessage(text));
+  }
+}
+
+function handleAssistantAnswer(answer, apiRenderConfig) {
+  var needIcon = parser.parseNeedIcon(answer);
+  if (needIcon) {
+    state.pendingIconCategory = {
+      name: needIcon.name,
+      sort: needIcon.sort
+    };
+    state.iconPickMode = true;
+    state.renderConfig = null;
+    state.messages.push({
+      role: 'assistant',
+      content: needIcon.msg,
+      imageUrls: []
+    });
+    notifyUpdate();
+    return;
+  }
+
+  var renderConfig = apiRenderConfig || parser.parseRenderConfig(answer);
+  if (renderConfig) {
+    state.iconPickMode = false;
+    state.pendingIconCategory = null;
+    state.renderConfig = renderConfig;
+    if (renderConfig.inputs && typeof renderConfig.inputs === 'object') {
+      state.pendingInputs = Object.assign({}, renderConfig.inputs);
+    } else if (renderConfig.type === 'confirm') {
+      state.pendingInputs = Object.assign({}, state.pendingInputs);
+    }
+    var cleanedAnswer = parser.stripMarkers(answer);
+    var formHint = renderConfig.title || renderConfig.description || '请填写以下信息';
+    state.messages.push(createAssistantMessage(cleanedAnswer || formHint));
+    notifyUpdate();
+    return;
+  }
+
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  state.renderConfig = null;
+  state.messages.push(createAssistantMessage(parser.stripMarkers(answer) || answer));
+  notifyUpdate();
+}
+
+function handleAssistantResponse(data) {
+  var apiRenderConfig = parser.parseApiRenderConfig(data && data.renderConfig);
+  var answer = (data && data.answer) ? data.answer : '';
+  if (!answer && apiRenderConfig) {
+    answer = apiRenderConfig.title || apiRenderConfig.description || apiRenderConfig.message || '';
+  }
+  if (!answer && !(data && data.actionResult)) {
+    answer = '暂无回复';
+  }
+  var actionResult = data && data.actionResult;
+  if (actionResult) {
+    state.renderConfig = null;
+    state.iconPickMode = false;
+    state.pendingIconCategory = null;
+    appendActionResultMessage(actionResult);
+    notifyUpdate();
+    return;
+  }
+  handleAssistantAnswer(answer, apiRenderConfig);
+}
+
+function setInputText(text) {
+  state.inputText = text;
+  notifyUpdate();
+}
+
+function clearPendingImage() {
+  state.pendingImageUrl = '';
+  notifyUpdate();
+}
+
+function chooseImage() {
+  if (state.loading || state.uploading || state.iconPickMode) {
+    return Promise.resolve();
+  }
+  return new Promise(function (resolve, reject) {
+    uni.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: ['album', 'camera'],
+      success: function (chooseRes) {
+        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
+        if (!filePath) {
+          reject(new Error('未选择图片'));
+          return;
+        }
+        state.uploading = true;
+        notifyUpdate();
+        requestAdapter.uploadImage(filePath)
+          .then(function (imageUrl) {
+            state.pendingImageUrl = imageUrl;
+            state.uploading = false;
+            notifyUpdate();
+            resolve(imageUrl);
+          })
+          .catch(function (error) {
+            state.uploading = false;
+            notifyUpdate();
+            reject(error);
+          });
+      },
+      fail: function (err) {
+        reject(err || new Error('选择图片失败'));
+      }
+    });
+  });
+}
+
+function pickCategoryIcon(source) {
+  if (state.loading || state.uploading || !state.pendingIconCategory) {
+    return Promise.resolve();
+  }
+  if (!ensureLogin()) {
+    return Promise.resolve();
+  }
+  var sourceType = source === 'camera' ? ['camera'] : ['album'];
+  return new Promise(function (resolve, reject) {
+    uni.chooseImage({
+      count: 1,
+      sizeType: ['compressed'],
+      sourceType: sourceType,
+      success: function (chooseRes) {
+        var filePath = chooseRes.tempFilePaths && chooseRes.tempFilePaths[0];
+        if (!filePath) {
+          reject(new Error('未选择图片'));
+          return;
+        }
+        state.uploading = true;
+        notifyUpdate();
+        requestAdapter.uploadImage(filePath)
+          .then(function (imageUrl) {
+            var category = state.pendingIconCategory;
+            var query = '新增一级分类：' + category.name + '，排序' + category.sort + '，图标 ' + imageUrl;
+            state.iconPickMode = false;
+            state.pendingIconCategory = null;
+            state.uploading = false;
+            notifyUpdate();
+            return sendMessage(query, imageUrl, '[图片] ' + category.name);
+          })
+          .then(function () {
+            resolve();
+          })
+          .catch(function (error) {
+            state.uploading = false;
+            notifyUpdate();
+            reject(error);
+          });
+      },
+      fail: function (err) {
+        reject(err || new Error('选择图片失败'));
+      }
+    });
+  });
+}
+
+function cancelIconPick() {
+  state.iconPickMode = false;
+  state.pendingIconCategory = null;
+  notifyUpdate();
+}
+
+function sendQuick(text) {
+  state.inputText = text;
+  notifyUpdate();
+  return handleSend();
+}
+
+var DIFY_TEXT_INPUT_KEYS = ['confirmed', 'intent', 'name', 'parent_name', 'icon', 'productName', 'mainImg', 'unit'];
+var DIFY_NUMBER_INPUT_KEYS = ['level', 'pid', 'sort', 'threeCategoryId', 'price', 'stock', 'productId'];
+
+function normalizeDifyInputs(inputs) {
+  if (!inputs || typeof inputs !== 'object') {
+    return {};
+  }
+  var normalized = Object.assign({}, inputs);
+  DIFY_TEXT_INPUT_KEYS.forEach(function (key) {
+    if (normalized[key] === undefined || normalized[key] === null) {
+      return;
+    }
+    if (key === 'confirmed') {
+      normalized[key] = normalized[key] === true || normalized[key] === 'true' ? 'true' : 'false';
+      return;
+    }
+    normalized[key] = String(normalized[key]);
+  });
+  DIFY_NUMBER_INPUT_KEYS.forEach(function (key) {
+    if (normalized[key] === undefined || normalized[key] === null || normalized[key] === '') {
+      return;
+    }
+    var num = Number(normalized[key]);
+    if (!isNaN(num)) {
+      normalized[key] = num;
+    }
+  });
+  return normalized;
+}
+
+function doSendChat(payload) {
+  state.loading = true;
+  notifyUpdate();
+  if (payload && payload.inputs) {
+    payload.inputs = normalizeDifyInputs(payload.inputs);
+  }
+
+  return requestAdapter.sendChat(payload)
+    .then(function (res) {
+      var data = res && res.data ? res.data : res;
+      if (data.conversationId) {
+        state.conversationId = data.conversationId;
+      }
+      state.loading = false;
+      handleAssistantResponse(data);
+      notifyUpdate();
+    })
+    .catch(function (error) {
+      state.loading = false;
+      state.messages.push(createAssistantMessage(error && (error.msg || error.message) ? (error.msg || error.message) : '发送失败，请稍后重试'));
+      notifyUpdate();
+    });
+}
+
+function sendMessage(query, imageUrl, displayContent) {
+  if (!ensureLogin()) {
+    return Promise.resolve();
+  }
+  state.lastUserQuery = displayContent || query || '';
+  state.messages.push({
+    role: 'user',
+    content: displayContent || query,
+    imageUrls: imageUrl ? [imageUrl] : []
+  });
+
+  return doSendChat({
+    conversationId: state.conversationId || undefined,
+    query: query || undefined,
+    imageUrl: imageUrl || undefined,
+    inputs: state.pendingInputs || {}
+  }).then(function () {
+    state.pendingInputs = {};
+  });
+}
+
+function validateFormFields(fields, inputs) {
+  var missing = [];
+  (fields || []).forEach(function (field) {
+    if (!field || field.type === 'hidden' || !field.required) {
+      return;
+    }
+    var val = inputs[field.name];
+    if (val === undefined || val === null || val === '') {
+      missing.push(field.label || field.name);
+    }
+  });
+  return missing;
+}
+
+function submitInputs(inputs) {
+  inputs = inputs || {};
+  if (state.renderConfig && state.renderConfig.type === 'form' && state.renderConfig.fields) {
+    var intent = inputs.intent || (state.pendingInputs && state.pendingInputs.intent);
+    if (intent === 'product_online' || intent === 'product_offline') {
+      if (!inputs.productName && !inputs.productId) {
+        uni.showToast({
+          title: '请填写商品名称或商品ID',
+          icon: 'none'
+        });
+        return Promise.resolve();
+      }
+    } else {
+      var missing = validateFormFields(state.renderConfig.fields, inputs);
+      if (missing.length) {
+        uni.showToast({
+          title: '请填写：' + missing.join('、'),
+          icon: 'none'
+        });
+        return Promise.resolve();
+      }
+    }
+  }
+  var hasOwn = Object.prototype.hasOwnProperty;
+  for (var key in inputs) {
+    if (hasOwn.call(inputs, key)) {
+      state.pendingInputs[key] = inputs[key];
+    }
+  }
+  state.renderConfig = null;
+  state.pendingImageUrl = '';
+  notifyUpdate();
+
+  if (!ensureLogin()) {
+    return Promise.resolve();
+  }
+
+  return doSendChat({
+    conversationId: state.conversationId || undefined,
+    query: state.lastUserQuery || undefined,
+    inputs: state.pendingInputs
+  }).then(function () {
+    state.pendingInputs = {};
+  });
+}
+
+function cancelForm() {
+  state.renderConfig = null;
+  state.pendingInputs = {};
+  state.pendingImageUrl = '';
+  notifyUpdate();
+}
+
+function submitConfirm(confirmed) {
+  if (!state.renderConfig || state.renderConfig.type !== 'confirm') {
+    return Promise.resolve();
+  }
+  if (!confirmed) {
+    cancelForm();
+    return Promise.resolve();
+  }
+  var inputs = Object.assign(
+    {},
+    state.pendingInputs,
+    state.renderConfig.inputs || {},
+    { confirmed: 'true' }
+  );
+  return submitInputs(inputs);
+}
+
+function handleSend() {
+  var query = (state.inputText || '').trim();
+  var imageUrl = state.pendingImageUrl;
+  if ((!query && !imageUrl) || state.loading || state.uploading || state.iconPickMode || state.renderConfig) {
+    return Promise.resolve();
+  }
+  var displayContent = query || (imageUrl ? '[图片]' : '');
+  state.inputText = '';
+  state.pendingImageUrl = '';
+  notifyUpdate();
+  return sendMessage(query, imageUrl, displayContent);
+}
+
+function openConversation() {
+  if (!ensureLogin()) {
+    return false;
+  }
+  event.emit('chat:open');
+  return true;
+}
+
+function closeConversation() {
+  event.emit('chat:close');
+}
+
+module.exports = {
+  quickQuestions: quickQuestions,
+  reset: reset,
+  getSnapshot: getSnapshot,
+  setInputText: setInputText,
+  clearPendingImage: clearPendingImage,
+  chooseImage: chooseImage,
+  pickCategoryIcon: pickCategoryIcon,
+  cancelIconPick: cancelIconPick,
+  submitInputs: submitInputs,
+  cancelForm: cancelForm,
+  submitConfirm: submitConfirm,
+  sendQuick: sendQuick,
+  handleSend: handleSend,
+  openConversation: openConversation,
+  closeConversation: closeConversation,
+  onUpdate: function (handler) {
+    event.on('chat:update', handler);
+  },
+  offUpdate: function (handler) {
+    event.off('chat:update', handler);
+  },
+  onOpen: function (handler) {
+    event.on('chat:open', handler);
+  },
+  offOpen: function (handler) {
+    event.off('chat:open', handler);
+  },
+  onClose: function (handler) {
+    event.on('chat:close', handler);
+  },
+  offClose: function (handler) {
+    event.off('chat:close', handler);
+  }
+};