persagy-vant 0.0.26 → 0.0.27

package/es/bot-mobile/index.less

@@ -0,0 +1,464 @@
+@import './var.less';
+
+:root {
+  --van-bot-mobile-primary-color: @bot-mobile-primary-color;
+  --van-bot-mobile-text-color: @bot-mobile-text-color;
+  --van-bot-mobile-border-color: @bot-mobile-border-color;
+  --van-bot-mobile-background-color: @bot-mobile-background-color;
+  --van-bot-mobile-prompts-title-color: @bot-mobile-prompts-title-color;
+  --van-bot-mobile-prompts-title-font-size: @bot-mobile-prompts-title-font-size;
+  --van-bot-mobile-prompts-item-background: @bot-mobile-prompts-item-background;
+  --van-bot-mobile-prompts-item-border-color: @bot-mobile-prompts-item-border-color;
+  --van-bot-mobile-prompts-item-active-background: @bot-mobile-prompts-item-active-background;
+  --van-bot-mobile-prompts-item-selected-background: @bot-mobile-prompts-item-selected-background;
+  --van-bot-mobile-prompts-item-selected-border-color: @bot-mobile-prompts-item-selected-border-color;
+  --van-bot-mobile-prompts-item-selected-color: @bot-mobile-prompts-item-selected-color;
+  --van-bot-mobile-prompts-item-title-color: @bot-mobile-prompts-item-title-color;
+  --van-bot-mobile-prompts-item-desc-color: @bot-mobile-prompts-item-desc-color;
+  --van-bot-mobile-context-tags-gap: @bot-mobile-context-tags-gap;
+  --van-bot-mobile-context-tags-padding: @bot-mobile-context-tags-padding;
+  --van-bot-mobile-context-tags-font-size: @bot-mobile-context-tags-font-size;
+  --van-bot-mobile-context-tags-line-height: @bot-mobile-context-tags-line-height;
+  --van-bot-mobile-context-tags-border-radius: @bot-mobile-context-tags-border-radius;
+  --van-bot-mobile-context-tags-color: @bot-mobile-context-tags-color;
+  --van-bot-mobile-context-tags-background-color: @bot-mobile-context-tags-background-color;
+  --van-bot-mobile-context-tags-selected-color: @bot-mobile-context-tags-selected-color;
+  --van-bot-mobile-context-tags-selected-background-color: @bot-mobile-context-tags-selected-background-color;
+  --van-bot-mobile-context-tags-active-opacity: @bot-mobile-context-tags-active-opacity;
+  --van-bot-mobile-sheet-height: @bot-mobile-sheet-height;
+  --van-bot-mobile-fab-size: @bot-mobile-fab-size;
+  --van-bot-mobile-fab-z-index: @bot-mobile-fab-z-index;
+  --van-bot-mobile-fab-color: @bot-mobile-fab-color;
+  --van-bot-mobile-fab-background: @bot-mobile-fab-background;
+  --van-bot-mobile-fab-shadow: @bot-mobile-fab-shadow;
+  --van-bot-mobile-session-item-active-background: @bot-mobile-session-item-active-background;
+  --van-bot-mobile-session-item-name-color: @bot-mobile-session-item-name-color;
+  --van-bot-mobile-session-item-meta-color: @bot-mobile-session-item-meta-color;
+  --van-bot-mobile-session-item-action-color: @bot-mobile-session-item-action-color;
+  --van-bot-mobile-session-item-danger-color: @bot-mobile-session-item-danger-color;
+  --van-bot-mobile-history-drawer-header-height: @bot-mobile-history-drawer-header-height;
+  --van-bot-mobile-history-drawer-title-color: @bot-mobile-history-drawer-title-color;
+  --van-bot-mobile-voice-bar-height: @bot-mobile-voice-bar-height;
+  --van-bot-mobile-voice-bar-background: @bot-mobile-voice-bar-background;
+  --van-bot-mobile-voice-bar-border-color: @bot-mobile-voice-bar-border-color;
+  --van-bot-mobile-voice-bar-recording-background: @bot-mobile-voice-bar-recording-background;
+  --van-bot-mobile-voice-bar-cancel-zone-background: @bot-mobile-voice-bar-cancel-zone-background;
+  --van-bot-mobile-voice-bar-elapsed-color: @bot-mobile-voice-bar-elapsed-color;
+  --van-bot-mobile-voice-bar-hint-color: @bot-mobile-voice-bar-hint-color;
+  --van-bot-mobile-voice-bar-wave-color: @bot-mobile-voice-bar-wave-color;
+  --van-bot-mobile-session-list-toolbar-padding: @bot-mobile-session-list-toolbar-padding;
+  --van-bot-mobile-session-list-create-color: @bot-mobile-session-list-create-color;
+}
+
+// 宿主 vant token → meos-bot-web .bot-card token 映射（可被 ConfigProvider 换肤）
+// BotMobileView（纯展示版主组件）与 BotMobile（开箱连网关版）共用同一段 token 映射
+.van-bot-mobile,
+.van-bot-mobile-view {
+  width: 100%;
+  height: 100%;
+
+  .bot-card {
+    --primary-color: var(--van-bot-mobile-primary-color);
+    --accent: var(--van-bot-mobile-primary-color);
+    --ink-1: var(--van-bot-mobile-text-color);
+    --line: var(--van-bot-mobile-border-color);
+    --gray-0: var(--van-bot-mobile-background-color);
+  }
+}
+
+// 示例输入 chips：竖向列表卡片式，标题一行 + prompt 摘要一行
+.van-bot-mobile-prompts {
+  width: 100%;
+
+  &__title {
+    margin-bottom: 8px;
+    color: var(--van-bot-mobile-prompts-title-color);
+    font-size: var(--van-bot-mobile-prompts-title-font-size);
+    line-height: 1.4;
+  }
+
+  &__list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  &__item {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 4px;
+    min-height: 44px;
+    padding: 8px 12px;
+    background: var(--van-bot-mobile-prompts-item-background);
+    border: 1px solid var(--van-bot-mobile-prompts-item-border-color);
+    border-radius: 8px;
+    cursor: pointer;
+
+    &:active {
+      background: var(--van-bot-mobile-prompts-item-active-background);
+    }
+
+    // 触屏无 hover：选中态是点击后唯一的持久反馈，需明显可辨
+    &--active {
+      background: var(--van-bot-mobile-prompts-item-selected-background);
+      border-color: var(--van-bot-mobile-prompts-item-selected-border-color);
+
+      .van-bot-mobile-prompts__item-title {
+        color: var(--van-bot-mobile-prompts-item-selected-color);
+        font-weight: var(--van-font-weight-bold);
+      }
+    }
+  }
+
+  &__item-title {
+    color: var(--van-bot-mobile-prompts-item-title-color);
+    font-size: var(--van-font-size-md);
+    font-weight: 500;
+    line-height: 1.4;
+  }
+
+  &__item-desc {
+    overflow: hidden;
+    color: var(--van-bot-mobile-prompts-item-desc-color);
+    font-size: var(--van-bot-mobile-prompts-title-font-size);
+    line-height: 1.4;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+// 90% 高呼出面板：内嵌 BotMobile 撑满剩余高度
+.van-bot-mobile-sheet {
+  height: var(--van-bot-mobile-sheet-height);
+
+  .van-bot-mobile {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+
+    .bot-card {
+      flex: 1;
+      min-height: 0;
+    }
+  }
+}
+
+// 上下文标签行：横向滚动一行，不换行，命中区 ≥44px，选中态对照 FilterTag
+.van-bot-mobile-context-tags {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: var(--van-bot-mobile-context-tags-gap);
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &__item {
+    box-sizing: border-box;
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    min-height: 44px;
+    padding: var(--van-bot-mobile-context-tags-padding);
+    color: var(--van-bot-mobile-context-tags-color);
+    font-size: var(--van-bot-mobile-context-tags-font-size);
+    line-height: var(--van-bot-mobile-context-tags-line-height);
+    white-space: nowrap;
+    background: var(--van-bot-mobile-context-tags-background-color);
+    border-radius: var(--van-bot-mobile-context-tags-border-radius);
+    cursor: pointer;
+
+    &:active {
+      opacity: var(--van-bot-mobile-context-tags-active-opacity);
+    }
+
+    &--selected {
+      color: var(--van-bot-mobile-context-tags-selected-color);
+      background: var(--van-bot-mobile-context-tags-selected-background-color);
+    }
+  }
+}
+
+// 可拖拽吸边浮标：position: fixed 由组件内联 style 控制 top/left/right，
+// 这里只负责外观；拖拽中禁用过渡以避免位置跳变的动画干扰手势
+.van-bot-mobile-fab {
+  position: fixed;
+  z-index: var(--van-bot-mobile-fab-z-index);
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--van-bot-mobile-fab-size);
+  height: var(--van-bot-mobile-fab-size);
+  color: var(--van-bot-mobile-fab-color);
+  background: var(--van-bot-mobile-fab-background);
+  border-radius: 50%;
+  box-shadow: var(--van-bot-mobile-fab-shadow);
+  cursor: pointer;
+  touch-action: none;
+  transition: left 0.25s ease, right 0.25s ease, top 0.25s ease;
+
+  &--dragging {
+    transition: none;
+  }
+
+  &__icon {
+    font-size: 24px;
+  }
+}
+
+// 会话历史全屏抽屉：Popup(position=right) 撑满视口
+.van-bot-mobile-history-drawer {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  &__header {
+    box-sizing: border-box;
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: space-between;
+    height: var(--van-bot-mobile-history-drawer-header-height);
+    padding: 0 16px;
+    border-bottom: 1px solid var(--van-bot-mobile-border-color);
+  }
+
+  &__close,
+  &__create {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    font-size: 20px;
+    cursor: pointer;
+  }
+
+  &__title {
+    overflow: hidden;
+    color: var(--van-bot-mobile-history-drawer-title-color);
+    font-size: var(--van-font-size-lg);
+    font-weight: 500;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__search {
+    flex: none;
+  }
+
+  &__list {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+// 会话行公共样式：BotHistoryDrawer 与 BotSessionList 共用，避免两份重复
+.van-bot-mobile-session-item {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--van-bot-mobile-border-color);
+
+  &--active {
+    background: var(--van-bot-mobile-session-item-active-background);
+  }
+
+  &__body {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: center;
+    min-width: 0;
+    min-height: 44px;
+    cursor: pointer;
+  }
+
+  &__name {
+    overflow: hidden;
+    color: var(--van-bot-mobile-session-item-name-color);
+    font-size: var(--van-font-size-md);
+    line-height: 1.4;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__meta {
+    display: flex;
+    gap: 8px;
+    overflow: hidden;
+    color: var(--van-bot-mobile-session-item-meta-color);
+    font-size: var(--van-font-size-sm);
+    line-height: 1.4;
+  }
+
+  &__preview {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__time {
+    flex: none;
+  }
+
+  &__input {
+    flex: 1;
+    box-sizing: border-box;
+    min-height: 44px;
+    padding: 0 8px;
+    color: var(--van-bot-mobile-session-item-name-color);
+    font-size: var(--van-font-size-md);
+    background: var(--van-background-color);
+    border: 1px solid var(--van-bot-mobile-primary-color);
+    border-radius: var(--van-border-radius-md);
+    outline: none;
+  }
+
+  // 触屏无 hover：常显，不依赖 :hover
+  &__actions {
+    display: flex;
+    flex: none;
+    gap: 4px;
+    margin-left: 8px;
+  }
+
+  &__action {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    color: var(--van-bot-mobile-session-item-action-color);
+    font-size: 18px;
+    cursor: pointer;
+
+    &--danger {
+      color: var(--van-bot-mobile-session-item-danger-color);
+    }
+  }
+}
+
+// 按住说话条：受控组件，state/amplitudes 均由宿主传入；拖拽中禁用文本选中，
+// touch-action: none 避免触屏滚动干扰上滑取消手势
+.van-bot-mobile-voice-bar {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--van-bot-mobile-voice-bar-height);
+  padding: 0 16px;
+  background: var(--van-bot-mobile-voice-bar-background);
+  border: 1px solid var(--van-bot-mobile-voice-bar-border-color);
+  border-radius: var(--van-border-radius-lg);
+  cursor: pointer;
+  touch-action: none;
+  user-select: none;
+
+  &--recording {
+    background: var(--van-bot-mobile-voice-bar-recording-background);
+  }
+
+  &--cancel-zone {
+    background: var(--van-bot-mobile-voice-bar-cancel-zone-background);
+  }
+
+  &__wave {
+    width: 100%;
+    height: 32px;
+    color: var(--van-bot-mobile-voice-bar-wave-color);
+  }
+
+  &__info {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 2px;
+  }
+
+  &__elapsed {
+    color: var(--van-bot-mobile-voice-bar-elapsed-color);
+    font-size: var(--van-font-size-sm);
+  }
+
+  &__hint {
+    color: var(--van-bot-mobile-voice-bar-hint-color);
+    font-size: var(--van-font-size-sm);
+  }
+
+  &__transcribing {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  &__transcribing-text {
+    color: var(--van-bot-mobile-voice-bar-hint-color);
+    font-size: var(--van-font-size-sm);
+  }
+}
+
+// 全部会话页：块级组件，无 Popup 外壳，可直接放进路由页；列表项样式复用
+// .van-bot-mobile-session-item（见上），这里只负责工具条 + 空态/加载态外观
+.van-bot-mobile-session-list {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+
+  &__toolbar {
+    box-sizing: border-box;
+    display: flex;
+    flex: none;
+    align-items: center;
+    gap: 8px;
+    padding: var(--van-bot-mobile-session-list-toolbar-padding);
+  }
+
+  &__search {
+    flex: 1;
+  }
+
+  &__create {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    min-width: 44px;
+    min-height: 44px;
+    color: var(--van-bot-mobile-session-list-create-color);
+    font-size: 20px;
+    cursor: pointer;
+  }
+
+  &__list {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__loading {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    padding: 32px 0;
+  }
+
+  &__empty {
+    flex: 1;
+  }
+}

package/es/bot-mobile/index.mjs

@@ -0,0 +1,50 @@
+import { withInstall } from "../utils/index.mjs";
+import _BotMobile from "./BotMobile.mjs";
+import _BotMobilePrompts from "./BotMobilePrompts.mjs";
+import _BotMobileContextTags from "./BotMobileContextTags.mjs";
+import _BotMobileSheet from "./BotMobileSheet.mjs";
+import _BotMobileView from "./BotMobileView.mjs";
+import _BotFab from "./BotFab.mjs";
+import _BotHistoryDrawer from "./BotHistoryDrawer.mjs";
+import _BotVoiceBar from "./BotVoiceBar.mjs";
+import _BotSessionList from "./BotSessionList.mjs";
+const BotMobile = withInstall(_BotMobile);
+var stdin_default = BotMobile;
+const BotMobilePrompts = withInstall(_BotMobilePrompts);
+const BotMobileContextTags = withInstall(_BotMobileContextTags);
+const BotMobileSheet = withInstall(_BotMobileSheet);
+const BotMobileView = withInstall(_BotMobileView);
+const BotFab = withInstall(_BotFab);
+const BotHistoryDrawer = withInstall(_BotHistoryDrawer);
+const BotVoiceBar = withInstall(_BotVoiceBar);
+const BotSessionList = withInstall(_BotSessionList);
+import { botMobileProps } from "./BotMobile.mjs";
+import { botMobilePromptsProps } from "./BotMobilePrompts.mjs";
+import { botMobileContextTagsProps } from "./BotMobileContextTags.mjs";
+import { botMobileSheetProps } from "./BotMobileSheet.mjs";
+import { botMobileViewProps } from "./BotMobileView.mjs";
+import { botFabProps } from "./BotFab.mjs";
+import { botHistoryDrawerProps } from "./BotHistoryDrawer.mjs";
+import { botVoiceBarProps } from "./BotVoiceBar.mjs";
+import { botSessionListProps } from "./BotSessionList.mjs";
+export {
+  BotFab,
+  BotHistoryDrawer,
+  BotMobile,
+  BotMobileContextTags,
+  BotMobilePrompts,
+  BotMobileSheet,
+  BotMobileView,
+  BotSessionList,
+  BotVoiceBar,
+  botFabProps,
+  botHistoryDrawerProps,
+  botMobileContextTagsProps,
+  botMobilePromptsProps,
+  botMobileProps,
+  botMobileSheetProps,
+  botMobileViewProps,
+  botSessionListProps,
+  botVoiceBarProps,
+  stdin_default as default
+};

package/es/bot-mobile/session-filter.d.ts

@@ -0,0 +1,6 @@
+import type { BotMobileSession } from './types';
+/**
+ * 会话搜索过滤：按名称/预览文本模糊匹配（不区分大小写），关键词为空时原样返回。
+ * BotHistoryDrawer 与 BotSessionList 共用，避免两处各写一份过滤逻辑。
+ */
+export declare function filterSessions(sessions: BotMobileSession[], keyword: string): BotMobileSession[];

package/es/bot-mobile/session-filter.mjs

@@ -0,0 +1,15 @@
+function filterSessions(sessions, keyword) {
+  const query = keyword.trim().toLowerCase();
+  if (!query) {
+    return sessions;
+  }
+  return sessions.filter((session) => {
+    var _a;
+    const name = session.name.toLowerCase();
+    const preview = ((_a = session.preview) != null ? _a : "").toLowerCase();
+    return name.includes(query) || preview.includes(query);
+  });
+}
+export {
+  filterSessions
+};

package/es/bot-mobile/session-item.d.ts

@@ -0,0 +1,15 @@
+import type { BotMobileSession } from './types';
+export interface RenderSessionItemOptions {
+    key: string;
+    session: BotMobileSession;
+    active: boolean;
+    editing: boolean;
+    editingName: string;
+    onSelect: () => void;
+    onStartRename: () => void;
+    onEditingNameInput: (value: string) => void;
+    onCommitRename: () => void;
+    onCancelRename: () => void;
+    onDelete: () => void;
+}
+export declare function renderSessionItem(options: RenderSessionItemOptions): JSX.Element;

package/es/bot-mobile/session-item.mjs

@@ -0,0 +1,73 @@
+import { createVNode as _createVNode } from "vue";
+import { createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+const [, bem] = createNamespace("bot-mobile-session-item");
+function renderSessionItem(options) {
+  const {
+    key,
+    session,
+    active,
+    editing,
+    editingName,
+    onSelect,
+    onStartRename,
+    onEditingNameInput,
+    onCommitRename,
+    onCancelRename,
+    onDelete
+  } = options;
+  const stop = (fn) => (event) => {
+    event.stopPropagation();
+    fn();
+  };
+  const renderBody = () => {
+    if (editing) {
+      return _createVNode("input", {
+        "class": bem("input"),
+        "value": editingName,
+        "autofocus": true,
+        "onClick": (event) => event.stopPropagation(),
+        "onInput": (event) => onEditingNameInput(event.target.value),
+        "onKeydown": (event) => {
+          if (event.key === "Enter") {
+            onCommitRename();
+          } else if (event.key === "Escape") {
+            onCancelRename();
+          }
+        },
+        "onBlur": onCommitRename
+      }, null);
+    }
+    return _createVNode("div", {
+      "class": bem("body"),
+      "onClick": onSelect
+    }, [_createVNode("div", {
+      "class": bem("name")
+    }, [session.name]), (session.preview || session.updatedAt !== void 0) && _createVNode("div", {
+      "class": bem("meta")
+    }, [session.preview && _createVNode("span", {
+      "class": bem("preview")
+    }, [session.preview]), session.updatedAt !== void 0 && _createVNode("span", {
+      "class": bem("time")
+    }, [session.updatedAt])])]);
+  };
+  return _createVNode("div", {
+    "key": key,
+    "class": bem({
+      active
+    })
+  }, [renderBody(), !editing && _createVNode("div", {
+    "class": bem("actions")
+  }, [_createVNode(Icon, {
+    "name": "edit",
+    "class": bem("action"),
+    "onClick": stop(onStartRename)
+  }, null), _createVNode(Icon, {
+    "name": "delete",
+    "class": bem("action", "danger"),
+    "onClick": stop(onDelete)
+  }, null)])]);
+}
+export {
+  renderSessionItem
+};

package/es/bot-mobile/style/index.mjs

@@ -0,0 +1,15 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../../field/index.css";
+import "../../search/index.css";
+import "../../empty/index.css";
+import "../index.css";

package/es/bot-mobile/style/less.mjs

@@ -0,0 +1,15 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../../radio-group/index.less";
+import "../../radio/index.less";
+import "../../cell/index.less";
+import "../../field/index.less";
+import "../../search/index.less";
+import "../../empty/index.less";
+import "../index.less";

package/es/bot-mobile/types.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { BotContainerNanobotExpose } from 'meos-bot-web';
+export declare type BotMobileBotRef = (ComponentPublicInstance & BotContainerNanobotExpose) | undefined;
+export interface BotMobileExpose {
+    /** 内层 BotContainerNanobot 实例引用；宿主经 ref.value.botRef 调用会话方法（connect/disconnect 等） */
+    botRef: BotMobileBotRef;
+}
+export interface BotMobilePromptItem {
+    id: string;
+    title: string;
+    prompt: string;
+}
+export interface BotMobileContextTag {
+    id: string;
+    label: string;
+    value?: unknown;
+}
+export interface BotMobileSession {
+    id: string;
+    name: string;
+    preview?: string;
+    updatedAt?: string | number;
+}