@fecp/designer 5.6.5 → 5.6.8

package/es/packages/mobile/src/composables/useAI/useVoice.mjs

@@ -0,0 +1,168 @@
+import { ref, onUnmounted, readonly } from "vue";
+import { getAdapter } from "./adapters/index.mjs";
+import { VoiceStatus } from "./types.mjs";
+/* empty css                                                  */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                     */
+/* empty css                                                     */
+/* empty css                                                   */
+/* empty css                                                   */
+import { showFailToast } from "../../../../../node_modules/vant/es/toast/function-call.mjs";
+import "../../../../../node_modules/vant/es/toast/index.mjs";
+function useVoice(options = {}) {
+  const {
+    maxDuration = 6e4,
+    minDuration = 1e3,
+    autoTranscribe = true,
+    onResult = null,
+    onError = null
+  } = options;
+  const status = ref(VoiceStatus.IDLE);
+  const duration = ref(0);
+  const error = ref(null);
+  const stream = ref(null);
+  let durationTimer = null;
+  function setStatus(newStatus) {
+    status.value = newStatus;
+  }
+  function startDurationTimer() {
+    duration.value = 0;
+    const startTime = Date.now();
+    durationTimer = setInterval(() => {
+      duration.value = Date.now() - startTime;
+      if (duration.value >= maxDuration) {
+        stop();
+      }
+    }, 100);
+  }
+  function stopDurationTimer() {
+    if (durationTimer) {
+      clearInterval(durationTimer);
+      durationTimer = null;
+    }
+  }
+  async function start() {
+    if (status.value !== VoiceStatus.IDLE && status.value !== VoiceStatus.DONE) {
+      console.warn(`[useVoice] 当前状态不允许开始录制: ${status.value}`);
+      return;
+    }
+    error.value = null;
+    setStatus(VoiceStatus.REQUESTING);
+    const adapter = getAdapter();
+    try {
+      await adapter.startRecord({ maxDuration });
+      setStatus(VoiceStatus.RECORDING);
+      startDurationTimer();
+      if (typeof adapter.getStream === "function") {
+        stream.value = adapter.getStream();
+      }
+    } catch (err) {
+      console.error("[useVoice] 开始录制失败:", err);
+      error.value = err.message || "开始录制失败";
+      if (onError) onError(err);
+      setStatus(VoiceStatus.IDLE);
+      throw err;
+    }
+  }
+  async function stop() {
+    const WAIT_LIMIT = 1e4;
+    const waitStart = Date.now();
+    while (status.value === VoiceStatus.REQUESTING && Date.now() - waitStart < WAIT_LIMIT) {
+      await new Promise((r) => setTimeout(r, 100));
+    }
+    if (status.value !== VoiceStatus.RECORDING) {
+      console.warn(`[useVoice] stop 时不在录制中: ${status.value}，复位到 idle`);
+      setStatus(VoiceStatus.IDLE);
+      stopDurationTimer();
+      return;
+    }
+    setStatus(VoiceStatus.UPLOADING);
+    stopDurationTimer();
+    const finalDuration = duration.value;
+    if (finalDuration < minDuration) {
+      console.warn(`[useVoice] 录音时长不足 (${finalDuration}ms < ${minDuration}ms)，丢弃`);
+      const adapter2 = getAdapter();
+      try {
+        await adapter2.stopRecord();
+      } catch {
+      }
+      duration.value = 0;
+      setStatus(VoiceStatus.IDLE);
+      showFailToast("说话时间太短");
+      return;
+    }
+    const adapter = getAdapter();
+    try {
+      const recordResult = await adapter.stopRecord();
+      const { audioBlob, duration: recordDuration, localId } = recordResult;
+      let transcript = "";
+      if (autoTranscribe && (localId || (audioBlob == null ? void 0 : audioBlob.size) > 0)) {
+        setStatus(VoiceStatus.TRANSCRIBING);
+        try {
+          transcript = await adapter.voiceToText(audioBlob, { localId });
+        } catch (transErr) {
+          console.warn("[useVoice] 语音转文字失败:", transErr.message);
+        }
+      }
+      const result = {
+        audioBlob,
+        duration: recordDuration || duration.value,
+        transcript
+      };
+      setStatus(VoiceStatus.DONE);
+      if (onResult) onResult(result);
+      return result;
+    } catch (err) {
+      console.error("[useVoice] 停止录制失败:", err);
+      setStatus(VoiceStatus.ERROR);
+      error.value = err.message || "停止录制失败";
+      if (onError) onError(err);
+      throw err;
+    }
+  }
+  async function cancel() {
+    const WAIT_LIMIT = 1e4;
+    const waitStart = Date.now();
+    while (status.value === VoiceStatus.REQUESTING && Date.now() - waitStart < WAIT_LIMIT) {
+      await new Promise((r) => setTimeout(r, 100));
+    }
+    if (status.value !== VoiceStatus.RECORDING) {
+      console.warn(`[useVoice] cancel 时不在录制中: ${status.value}，复位到 idle`);
+      setStatus(VoiceStatus.IDLE);
+      stopDurationTimer();
+      duration.value = 0;
+      error.value = null;
+      stream.value = null;
+      return;
+    }
+    stopDurationTimer();
+    duration.value = 0;
+    stream.value = null;
+    setStatus(VoiceStatus.IDLE);
+    error.value = null;
+    const adapter = getAdapter();
+    try {
+      await adapter.stopRecord();
+    } catch {
+    }
+  }
+  onUnmounted(() => {
+    stopDurationTimer();
+    if (status.value === VoiceStatus.RECORDING || status.value === VoiceStatus.REQUESTING) {
+      cancel();
+    }
+  });
+  return {
+    status: readonly(status),
+    duration: readonly(duration),
+    error: readonly(error),
+    stream: readonly(stream),
+    start,
+    stop,
+    cancel
+  };
+}
+export {
+  useVoice
+};

package/es/packages/mobile/src/composables/useVoiceTouch.mjs

@@ -0,0 +1,101 @@
+import { ref, watch, onUnmounted } from "vue";
+const ABSOLUTE_TIMEOUT = 6e4;
+function useVoiceTouch({ emit, voiceStatus, disabled }) {
+  const isCancelling = ref(false);
+  let _voiceActive = false;
+  let _absoluteTimer = null;
+  let _docMove = null;
+  let _docEnd = null;
+  function getTouchPoint(e) {
+    if (e.touches && e.touches.length > 0) {
+      return { x: e.touches[0].clientX, y: e.touches[0].clientY };
+    }
+    return { x: e.clientX ?? 0, y: e.clientY ?? 0 };
+  }
+  function isOverCancelZone(e) {
+    const { x, y } = getTouchPoint(e);
+    const el = document.elementFromPoint(x, y);
+    return (el == null ? void 0 : el.closest('[data-cancel-zone="true"]')) !== null;
+  }
+  function clearAbsoluteTimer() {
+    if (_absoluteTimer) {
+      clearTimeout(_absoluteTimer);
+      _absoluteTimer = null;
+    }
+  }
+  function onVoiceStart(e) {
+    if ((disabled == null ? void 0 : disabled.value) || _voiceActive) return;
+    e.preventDefault();
+    _voiceActive = true;
+    isCancelling.value = false;
+    emit("voice-start");
+    _absoluteTimer = setTimeout(() => {
+      console.warn("[useVoiceTouch] 绝对超时，强制复位");
+      finishVoice();
+    }, ABSOLUTE_TIMEOUT);
+    _docMove = (ev) => onDocTouchMove(ev);
+    _docEnd = () => {
+      clearAbsoluteTimer();
+      finishVoice();
+    };
+    document.addEventListener("touchmove", _docMove, { passive: false });
+    document.addEventListener("touchend", _docEnd);
+    document.addEventListener("touchcancel", _docEnd);
+    document.addEventListener("mousemove", _docMove);
+    document.addEventListener("mouseup", _docEnd);
+  }
+  function onDocTouchMove(e) {
+    if ((voiceStatus == null ? void 0 : voiceStatus.value) !== "recording" && (voiceStatus == null ? void 0 : voiceStatus.value) !== "requesting") return;
+    e.preventDefault();
+    const inZone = isOverCancelZone(e);
+    if (inZone !== isCancelling.value) {
+      isCancelling.value = inZone;
+    }
+  }
+  function finishVoice() {
+    clearAbsoluteTimer();
+    if (isCancelling.value) {
+      emit("voice-cancel");
+    } else {
+      emit("voice-end");
+    }
+    isCancelling.value = false;
+    cleanupDocListeners();
+  }
+  function cleanupDocListeners() {
+    if (_docMove) {
+      document.removeEventListener("touchmove", _docMove);
+      document.removeEventListener("mousemove", _docMove);
+      _docMove = null;
+    }
+    if (_docEnd) {
+      document.removeEventListener("touchend", _docEnd);
+      document.removeEventListener("touchcancel", _docEnd);
+      document.removeEventListener("mouseup", _docEnd);
+      _docEnd = null;
+    }
+    _voiceActive = false;
+  }
+  function reset() {
+    clearAbsoluteTimer();
+    cleanupDocListeners();
+    isCancelling.value = false;
+  }
+  if (voiceStatus) {
+    watch(voiceStatus, (val) => {
+      if (_voiceActive && (val === "idle" || val === "done")) {
+        console.warn("[useVoiceTouch] voiceStatus 回 idle 但未收尾，自动清理");
+        clearAbsoluteTimer();
+        cleanupDocListeners();
+      }
+    });
+  }
+  onUnmounted(() => {
+    clearAbsoluteTimer();
+    cleanupDocListeners();
+  });
+  return { isCancelling, onVoiceStart, reset };
+}
+export {
+  useVoiceTouch
+};

package/es/packages/mobile/src/index.vue.mjs

@@ -1,3 +1,9 @@
+/* empty css                                            */
+/* empty css                                             */
+/* empty css                                            */
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                                                       */
 import "../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                       */
 /* empty css                                                           */
@@ -5,22 +11,25 @@ import "../../../node_modules/element-plus/es/index.mjs";
 /* empty css                                                            */
 /* empty css                                                            */
 /* empty css                                                          */
-/* empty css                                            */
 /* empty css                                             */
-import { getCurrentInstance, ref, provide, onMounted, createBlock, createCommentVNode, unref, openBlock, withCtx, nextTick } from "vue";
+import { getCurrentInstance, ref, provide, onMounted, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, withCtx, isRef, nextTick } from "vue";
 import MobilePage from "./page.vue.mjs";
+import { MobileAiChat } from "./components/ai/AiChat/index.mjs";
 import api from "./api/index.mjs";
 import emitter from "./utils/eventBus.mjs";
 import { pageHistory } from "./utils/pageHistory.mjs";
 import { findPageById, findPageByKey } from "./utils/common.mjs";
+import { detectPlatformAsync } from "./composables/useAI/adapters/detector.mjs";
 import { useStore } from "../../../node_modules/vuex/dist/vuex.esm-bundler.mjs";
 /* empty css                                                           */
 /* empty css                                                             */
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElContainer } from "../../../node_modules/element-plus/es/components/container/index.mjs";
+import { FloatingBubble } from "../../../node_modules/vant/es/floating-bubble/index.mjs";
 import { ElMessage } from "../../../node_modules/element-plus/es/components/message/index.mjs";
 import { Empty } from "../../../node_modules/vant/es/empty/index.mjs";
+import { Popup } from "../../../node_modules/vant/es/popup/index.mjs";
 const _sfc_main = {
   __name: "index",
   props: {
@@ -37,15 +46,28 @@ const _sfc_main = {
       default: {}
     }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const store = useStore();
     window.$user = store.getters.user;
     const props = __props;
     const currentInstance = getCurrentInstance();
     const ctx = currentInstance.proxy;
+    const isWmp = ref(false);
     const pageList = ref({});
     const configLoading = ref(true);
     const noTargetPage = ref(false);
+    const showChatPopup = ref(false);
+    function openChatPopup() {
+      if (isWmp.value) {
+        wx.miniProgram.navigateTo({
+          url: "/pages/chat/chat"
+        });
+      } else {
+        showChatPopup.value = true;
+      }
+    }
+    const offset = ref({ x: -12, y: 500 });
+    const initPageKey = ref(props.pageKey || ctx.$route.query.pageKey || "");
     const loadConfig = async () => {
       var _a, _b;
       if (!props.appId) {
@@ -57,8 +79,8 @@ const _sfc_main = {
         pageList.value = ((_a = JSON.parse(option.pageConfig)) == null ? void 0 : _a.pageConfig) || [];
         pageHistory.clear();
         let homePage;
-        if (props.pageKey) {
-          homePage = findPageByKey(pageList.value, props.pageKey);
+        if (initPageKey.value) {
+          homePage = findPageByKey(pageList.value, initPageKey.value);
           if (!homePage) {
             noTargetPage.value = true;
           }
@@ -117,6 +139,10 @@ const _sfc_main = {
       }
     }
     const pageParams = ref(props.queryParams);
+    const routeParams = ctx.$route.query.params;
+    if (routeParams) {
+      pageParams.value = JSON.parse(routeParams);
+    }
     emitter.on("loadPage", ({ pageId, params }) => {
       loadPage(pageId);
       pageParams.value = params;
@@ -128,8 +154,26 @@ const _sfc_main = {
     emitter.on("refreshPage", () => {
       refreshCurrentPage();
     });
+    function onNavigate(href) {
+      const parsed = href.replace("navigateToPage:", "");
+      const [page, ...rest] = parsed.split(":");
+      const paramsStr = rest.join(":");
+      const params = {};
+      if (paramsStr) {
+        paramsStr.split(",").forEach((pair) => {
+          const idx = pair.indexOf("-");
+          if (idx > 0) {
+            params[pair.slice(0, idx)] = pair.slice(idx + 1);
+          }
+        });
+      }
+      const targetPage = findPageByKey(pageList.value, page);
+      showChatPopup.value = false;
+      loadPage(targetPage.id);
+      pageParams.value = params;
+    }
     provide("pageList", pageList);
-    onMounted(() => {
+    onMounted(async () => {
       const search = new URLSearchParams(location.search);
       if (search.get("safeTop") || search.get("safeBottom")) {
         const top = search.get("safeTop") || 0;
@@ -143,35 +187,75 @@ const _sfc_main = {
           `${bottom}px`
         );
       }
+      if (!window.__fecPlatform) {
+        window.__fecPlatform = await detectPlatformAsync();
+        console.log("[FEC Mobile] 环境检测完成:", window.__fecPlatform);
+      }
+      isWmp.value = window.__fecPlatform == "miniprogram";
       loadConfig();
     });
+    __expose({
+      onNavigate
+    });
     return (_ctx, _cache) => {
       const _component_van_empty = Empty;
       const _component_el_container = ElContainer;
-      return !unref(configLoading) ? (openBlock(), createBlock(_component_el_container, {
-        key: 0,
-        direction: "vertical",
-        class: "fec-mobile-app",
-        ref: "fecMobileAppRef"
-      }, {
-        default: withCtx(() => [
-          !unref(noTargetPage) ? (openBlock(), createBlock(unref(MobilePage), {
-            key: _ctx.refreshKey,
-            parentPage: unref(currentPage),
-            routePage: unref(routePage),
-            params: unref(pageParams)
-          }, null, 8, ["parentPage", "routePage", "params"])) : (openBlock(), createBlock(_component_van_empty, {
-            key: 1,
-            image: "search",
-            description: "页面找不到了"
-          }))
-        ]),
-        _: 1
-      }, 512)) : createCommentVNode("", true);
+      const _component_van_floating_bubble = FloatingBubble;
+      const _component_van_popup = Popup;
+      return openBlock(), createElementBlock(Fragment, null, [
+        !unref(configLoading) ? (openBlock(), createBlock(_component_el_container, {
+          key: 0,
+          direction: "vertical",
+          class: "fec-mobile-app",
+          ref: "fecMobileAppRef"
+        }, {
+          default: withCtx(() => [
+            !unref(noTargetPage) ? (openBlock(), createBlock(unref(MobilePage), {
+              key: _ctx.refreshKey,
+              parentPage: unref(currentPage),
+              routePage: unref(routePage),
+              params: unref(pageParams)
+            }, null, 8, ["parentPage", "routePage", "params"])) : (openBlock(), createBlock(_component_van_empty, {
+              key: 1,
+              image: "search",
+              description: "页面找不到了"
+            }))
+          ]),
+          _: 1
+        }, 512)) : createCommentVNode("", true),
+        !unref(noTargetPage) ? (openBlock(), createBlock(_component_van_floating_bubble, {
+          key: 1,
+          style: { "z-index": "100" },
+          axis: "xy",
+          icon: "chat",
+          magnetic: "x",
+          gap: 12,
+          offset: unref(offset),
+          "onUpdate:offset": _cache[0] || (_cache[0] = ($event) => isRef(offset) ? offset.value = $event : null),
+          onClick: openChatPopup
+        }, null, 8, ["offset"])) : createCommentVNode("", true),
+        createVNode(_component_van_popup, {
+          teleport: "body",
+          show: unref(showChatPopup),
+          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showChatPopup) ? showChatPopup.value = $event : null),
+          position: "right",
+          style: { width: "100%", height: "100%" },
+          "lock-scroll": true
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(MobileAiChat), {
+              popup: "",
+              onClose: _cache[1] || (_cache[1] = ($event) => showChatPopup.value = false),
+              onNavigate
+            })
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
     };
   }
 };
-const MobileApp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b26c4347"]]);
+const MobileApp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f56bbe1"]]);
 export {
   MobileApp as default
 };

package/es/packages/mobile/src/utils/eventFlow/actionHandlers.mjs

@@ -540,6 +540,7 @@ async function handleFormSubmit(node, data, fields, context) {
   }
 }
 async function handleDialog(node, data, fields, context) {
+  var _a, _b;
   const basic = node.basic || {};
   if (!(basic == null ? void 0 : basic.dialogId)) {
     console.error("ui-dialog: 缺少 dialogId 配置");
@@ -573,7 +574,7 @@ async function handleDialog(node, data, fields, context) {
       basic.displayFieldName,
       dialog,
       context.instance,
-      context.ctx,
+      context.ctx || ((_a = context.components) == null ? void 0 : _a.form) || ((_b = context.components) == null ? void 0 : _b.table),
       fields,
       data
     );

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -47,6 +47,7 @@ import RightAnchorNav from "./RightAnchorNav.vue.mjs";
 import { checkFilterMatch, checkFieldInFilterConfig, checkFieldInResultConfig } from "../../../utils/parseFilterConfig.mjs";
 import hooks from "../../../../../../node_modules/moment/dist/moment.mjs";
 import emitter from "../../../utils/eventBus.mjs";
+import { ImportantDataChangeManager } from "../../../utils/importantDataChange.mjs";
 import { useStore } from "../../../../../../node_modules/vuex/dist/vuex.esm-bundler.mjs";
 /* empty css           */
 import { useLocale } from "../../../../../../node_modules/element-plus/es/hooks/use-locale/index.mjs";
@@ -132,6 +133,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     const productData = ref({});
     const fieldsData = ref([]);
     const hiddenFields = ref([]);
+    const dataChangeManager = ref(null);
     const prevFormData = ref({});
     let linkaged = false;
     const rowHeight = ref(1);
@@ -215,6 +217,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         mergeOptionsToFields();
         initGridLayoutDataConfig();
         initLinkage();
+        await initImportantDataChange();
         emit("loaded", option, getFormData());
       } catch (error) {
         console.error("加载配置失败:", error);
@@ -534,6 +537,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         ];
       }
     };
+    const initImportantDataChange = async () => {
+      var _a;
+      const importantDataChangeConfig = ((_a = localConfig.value) == null ? void 0 : _a.importantDataChange) || [];
+      if (importantDataChangeConfig.length === 0) return;
+      const fieldMap = {};
+      [...fieldsData.value, ...hiddenFields.value].forEach((field) => {
+        if (field.fieldName) {
+          fieldMap[field.id] = { fieldName: field.fieldName };
+        }
+      });
+      dataChangeManager.value = new ImportantDataChangeManager(
+        importantDataChangeConfig,
+        {
+          http: ctx.$http,
+          fieldMap,
+          model: formData.value
+        }
+      );
+      try {
+        await dataChangeManager.value.fetchChanges();
+      } catch (e) {
+        console.warn("[ImportantDataChange] 拉取变更日志失败:", e);
+      }
+    };
     const handleEvent = ref(null);
     function loadEventFlow() {
       const {
@@ -1237,9 +1264,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
                             error: getFieldError(component.fieldName),
                             formRef: formRef.value,
                             formMode: formMode.value,
+                            dataChangeManager: dataChangeManager.value,
                             onChange: handleFieldChange,
                             onLabelLink: handleLabelLink
-                          }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef", "formMode"])
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "localConfig", "error", "formRef", "formMode", "dataChangeManager"])
                         ]),
                         _: 1
                       }, 8, ["layout", "row-height", "col-num"]),
@@ -1290,7 +1318,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ee0473d"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a2b92b9"]]);
 export {
   _Form as default
 };