persagy-vant 0.0.25 → 0.0.27

package/README.md

@@ -42,25 +42,27 @@ pnpm up persagy-vant
 
 完整的可转发说明见：[产品经理 AI 开发使用说明](./docs/markdown/product-manager-guide.zh-CN.md)。
 
-## 仓库结构
+## 包结构
 
 ```text
 src/       组件源码、单组件示例、测试与中英文 API 文档
 docs/      组件站点与设计文档
-skills/    可分发的 Codex Skill
-scripts/   后续放置构建、文档和 Skill 索引生成脚本（按需创建）
+skills/    随 npm 包分发的 AI Skill
+scripts/   构建辅助脚本
 ```
 
 ## 开发
 
+从仓库根目录执行：
+
 ```bash
 pnpm install
-pnpm dev
-pnpm test
-pnpm build
+pnpm dev:mobile
+pnpm test:mobile
+pnpm build:mobile
 ```
 
-常用命令与发布配置见 [package.json](./package.json)。
+本包的构建和发布配置见 [package.json](./package.json)。
 
 ## 产物管理
 

package/es/background/index.css

@@ -1 +1 @@
-:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}
+:root{--van-background-min-height: 100vh;--van-background-color: var(--van-gray-1);--van-background-size: 100% auto;--van-background-position: top center}.van-background{min-height:var(--van-background-min-height);background-color:var(--van-background-color);background-position:var(--van-background-position);background-repeat:no-repeat;background-size:var(--van-background-size)}.van-background--default{--van-background-image: url(./assets/background-default.png)}.van-background--light{--van-background-image: url(./assets/background-light.png)}.van-background--solid{--van-background-color: #e4effd;--van-background-image: none}.van-background--gray{--van-background-color: var(--van-grey-200);--van-background-image: none}.van-background--style-1{--van-background-image: url(./assets/background-style-1.png)}.van-background--style-2{--van-background-image: url(./assets/background-style-2.png)}.van-background--style-3{--van-background-image: url(./assets/background-style-3.png)}.van-background,.van-background[style*=--van-background-image]{background-image:var(--van-background-image)}

package/es/background/index.less

@@ -22,6 +22,16 @@
     --van-background-image: url('./assets/background-light.png');
   }
 
+  &--solid {
+    --van-background-color: #e4effd;
+    --van-background-image: none;
+  }
+
+  &--gray {
+    --van-background-color: var(--van-grey-200);
+    --van-background-image: none;
+  }
+
   &--style-1 {
     --van-background-image: url('./assets/background-style-1.png');
   }

package/es/background/types.d.ts

@@ -1 +1 @@
-export declare type BackgroundTheme = 'default' | 'light' | 'style-1' | 'style-2' | 'style-3';
+export declare type BackgroundTheme = 'default' | 'light' | 'gray' | 'solid' | 'style-1' | 'style-2' | 'style-3';

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

@@ -0,0 +1,72 @@
+import { type ExtractPropTypes } from 'vue';
+import { type FabSide } from './fab-position';
+export interface BotFabPositionChangePayload {
+    side: FabSide;
+    top: number;
+}
+export declare const botFabProps: {
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+};
+export declare type BotFabProps = ExtractPropTypes<typeof botFabProps>;
+declare const _default: import("vue").DefineComponent<{
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "positionChange")[], "click" | "positionChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    side: {
+        type: import("vue").PropType<FabSide>;
+        default: FabSide;
+    };
+    offsetBottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    badge: (NumberConstructor | StringConstructor)[];
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onPositionChange?: ((...args: any[]) => any) | undefined;
+}, {
+    icon: string;
+    side: FabSide;
+    offsetBottom: number;
+    draggable: boolean;
+}>;
+export default _default;

package/es/bot-mobile/BotFab.mjs

@@ -0,0 +1,152 @@
+import { ref, computed, onMounted, defineComponent, createVNode as _createVNode } from "vue";
+import { clamp, truthProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { resolveSnapSide, isTapNotDrag } from "./fab-position.mjs";
+const [name, bem] = createNamespace("bot-mobile-fab");
+const FAB_SIZE = 56;
+const botFabProps = {
+  icon: makeStringProp("chat-o"),
+  side: makeStringProp("right"),
+  offsetBottom: makeNumberProp(80),
+  draggable: truthProp,
+  badge: numericProp
+};
+function getSafeAreaInsetBottom() {
+  if (typeof document === "undefined") {
+    return 0;
+  }
+  const probe = document.createElement("div");
+  probe.style.position = "fixed";
+  probe.style.left = "0";
+  probe.style.bottom = "0";
+  probe.style.height = "0";
+  probe.style.paddingBottom = "env(safe-area-inset-bottom)";
+  probe.style.visibility = "hidden";
+  probe.style.pointerEvents = "none";
+  document.body.appendChild(probe);
+  const value = parseFloat(getComputedStyle(probe).paddingBottom) || 0;
+  document.body.removeChild(probe);
+  return value;
+}
+var stdin_default = defineComponent({
+  name,
+  props: botFabProps,
+  emits: ["click", "positionChange"],
+  setup(props, {
+    emit
+  }) {
+    const side = ref(props.side);
+    const dragging = ref(false);
+    const dragLeft = ref(null);
+    const top = ref(typeof window === "undefined" ? 0 : window.innerHeight - FAB_SIZE - props.offsetBottom);
+    let safeAreaBottom = 0;
+    let pressing = false;
+    let moved = false;
+    let startX = 0;
+    let startY = 0;
+    let startTop = 0;
+    let startLeft = 0;
+    let elWidth = FAB_SIZE;
+    let elHeight = FAB_SIZE;
+    onMounted(() => {
+      safeAreaBottom = getSafeAreaInsetBottom();
+    });
+    const onPointerDown = (event) => {
+      if (event.button !== 0) {
+        return;
+      }
+      const el = event.currentTarget;
+      try {
+        el.setPointerCapture(event.pointerId);
+      } catch (e) {
+      }
+      const rect = el.getBoundingClientRect();
+      pressing = true;
+      moved = false;
+      startX = event.clientX;
+      startY = event.clientY;
+      startTop = rect.top;
+      startLeft = rect.left;
+      elWidth = rect.width || FAB_SIZE;
+      elHeight = rect.height || FAB_SIZE;
+      if (props.draggable) {
+        top.value = startTop;
+        dragLeft.value = startLeft;
+        dragging.value = true;
+      }
+    };
+    const onPointerMove = (event) => {
+      if (!pressing || !props.draggable) {
+        return;
+      }
+      const dx = event.clientX - startX;
+      const dy = event.clientY - startY;
+      if (!isTapNotDrag(dx, dy)) {
+        moved = true;
+      }
+      const maxLeft = Math.max(0, window.innerWidth - elWidth);
+      const maxTop = Math.max(0, window.innerHeight - elHeight - safeAreaBottom);
+      dragLeft.value = clamp(startLeft + dx, 0, maxLeft);
+      top.value = clamp(startTop + dy, 0, maxTop);
+    };
+    const finishGesture = (dx, dy, cancelled) => {
+      var _a;
+      if (!pressing) {
+        return;
+      }
+      pressing = false;
+      if (props.draggable) {
+        dragging.value = false;
+        const currentLeft = (_a = dragLeft.value) != null ? _a : startLeft;
+        const nextSide = resolveSnapSide(currentLeft + elWidth / 2, window.innerWidth);
+        side.value = nextSide;
+        dragLeft.value = null;
+        emit("positionChange", {
+          side: nextSide,
+          top: top.value
+        });
+      }
+      if (!cancelled && !moved && isTapNotDrag(dx, dy)) {
+        emit("click");
+      }
+    };
+    const onPointerUp = (event) => {
+      finishGesture(event.clientX - startX, event.clientY - startY, false);
+    };
+    const onPointerCancel = () => {
+      finishGesture(0, 0, true);
+    };
+    const fabStyle = computed(() => {
+      const style = {
+        top: `${top.value}px`
+      };
+      if (dragging.value && dragLeft.value !== null) {
+        style.left = `${dragLeft.value}px`;
+      } else {
+        style[side.value] = "0px";
+      }
+      return style;
+    });
+    return () => _createVNode("div", {
+      "class": bem({
+        dragging: dragging.value
+      }),
+      "style": fabStyle.value,
+      "role": "button",
+      "tabindex": 0,
+      "onPointerdown": onPointerDown,
+      "onPointermove": onPointerMove,
+      "onPointerup": onPointerUp,
+      "onPointercancel": onPointerCancel
+    }, [_createVNode(Icon, {
+      "class": bem("icon"),
+      "name": props.icon,
+      "size": 24,
+      "badge": props.badge
+    }, null)]);
+  }
+});
+export {
+  botFabProps,
+  stdin_default as default
+};

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

@@ -0,0 +1,72 @@
+import { type ExtractPropTypes } from 'vue';
+import type { BotMobileSession } from './types';
+export declare const botHistoryDrawerProps: {
+    show: BooleanConstructor;
+    sessions: {
+        type: import("vue").PropType<BotMobileSession[]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export declare type BotHistoryDrawerProps = ExtractPropTypes<typeof botHistoryDrawerProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    sessions: {
+        type: import("vue").PropType<BotMobileSession[]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "delete" | "rename" | "create")[], "select" | "update:show" | "delete" | "rename" | "create", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    sessions: {
+        type: import("vue").PropType<BotMobileSession[]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onRename?: ((...args: any[]) => any) | undefined;
+    onCreate?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    show: boolean;
+    activeId: string;
+    sessions: BotMobileSession[];
+    searchable: boolean;
+}>;
+export default _default;

package/es/bot-mobile/BotHistoryDrawer.mjs

@@ -0,0 +1,97 @@
+import { ref, defineComponent, createVNode as _createVNode } from "vue";
+import { truthProp, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Search } from "../search/index.mjs";
+import { filterSessions } from "./session-filter.mjs";
+import { renderSessionItem } from "./session-item.mjs";
+const [name, bem] = createNamespace("bot-mobile-history-drawer");
+const botHistoryDrawerProps = {
+  show: Boolean,
+  sessions: makeArrayProp(),
+  activeId: makeStringProp(""),
+  searchable: truthProp,
+  title: makeStringProp("\u5386\u53F2\u4F1A\u8BDD")
+};
+var stdin_default = defineComponent({
+  name,
+  props: botHistoryDrawerProps,
+  emits: ["update:show", "select", "rename", "delete", "create"],
+  setup(props, {
+    emit
+  }) {
+    const keyword = ref("");
+    const editingId = ref("");
+    const editingName = ref("");
+    const close = () => emit("update:show", false);
+    const startRename = (session) => {
+      editingId.value = session.id;
+      editingName.value = session.name;
+    };
+    const cancelRename = () => {
+      editingId.value = "";
+      editingName.value = "";
+    };
+    const commitRename = (session) => {
+      if (editingId.value !== session.id) {
+        return;
+      }
+      const nextName = editingName.value.trim();
+      cancelRename();
+      if (nextName && nextName !== session.name) {
+        emit("rename", {
+          session,
+          name: nextName
+        });
+      }
+    };
+    return () => _createVNode(Popup, {
+      "show": props.show,
+      "class": bem(),
+      "position": "right",
+      "teleport": "body",
+      "onUpdate:show": (show) => emit("update:show", show)
+    }, {
+      default: () => [_createVNode("div", {
+        "class": bem("header")
+      }, [_createVNode(Icon, {
+        "name": "cross",
+        "class": bem("close"),
+        "onClick": close
+      }, null), _createVNode("div", {
+        "class": bem("title")
+      }, [props.title]), _createVNode(Icon, {
+        "name": "plus",
+        "class": bem("create"),
+        "onClick": () => emit("create")
+      }, null)]), props.searchable && _createVNode(Search, {
+        "modelValue": keyword.value,
+        "onUpdate:modelValue": ($event) => keyword.value = $event,
+        "class": bem("search"),
+        "shape": "round",
+        "placeholder": "\u641C\u7D22\u4F1A\u8BDD",
+        "clearable": true
+      }, null), _createVNode("div", {
+        "class": bem("list")
+      }, [filterSessions(props.sessions, keyword.value).map((session) => renderSessionItem({
+        key: session.id,
+        session,
+        active: session.id === props.activeId,
+        editing: editingId.value === session.id,
+        editingName: editingName.value,
+        onSelect: () => emit("select", session),
+        onStartRename: () => startRename(session),
+        onEditingNameInput: (value) => {
+          editingName.value = value;
+        },
+        onCommitRename: () => commitRename(session),
+        onCancelRename: cancelRename,
+        onDelete: () => emit("delete", session)
+      }))])]
+    });
+  }
+});
+export {
+  botHistoryDrawerProps,
+  stdin_default as default
+};

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

@@ -0,0 +1,83 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+export declare const botMobileProps: {
+    gatewayBaseUrl: {
+        type: PropType<string>;
+        default: string;
+    };
+    businessContext: PropType<Record<string, unknown>>;
+    references: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    title: StringConstructor;
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clientId: StringConstructor;
+    autoConnect: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type BotMobileProps = ExtractPropTypes<typeof botMobileProps>;
+declare const _default: import("vue").DefineComponent<{
+    gatewayBaseUrl: {
+        type: PropType<string>;
+        default: string;
+    };
+    businessContext: PropType<Record<string, unknown>>;
+    references: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    title: StringConstructor;
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clientId: StringConstructor;
+    autoConnect: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    gatewayBaseUrl: {
+        type: PropType<string>;
+        default: string;
+    };
+    businessContext: PropType<Record<string, unknown>>;
+    references: {
+        type: PropType<unknown[]>;
+        default: () => never[];
+    };
+    title: StringConstructor;
+    showHeader: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clientId: StringConstructor;
+    autoConnect: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    gatewayBaseUrl: string;
+    references: unknown[];
+    showHeader: boolean;
+    showFooter: boolean;
+    autoConnect: boolean;
+}>;
+export default _default;

package/es/bot-mobile/BotMobile.mjs

@@ -0,0 +1,47 @@
+import { ref, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { BotContainerNanobot } from "meos-bot-web";
+import { truthProp, makeStringProp, makeArrayProp, createNamespace } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+const [name, bem] = createNamespace("bot-mobile");
+const botMobileProps = {
+  gatewayBaseUrl: makeStringProp(""),
+  businessContext: Object,
+  references: makeArrayProp(),
+  title: String,
+  showHeader: truthProp,
+  showFooter: truthProp,
+  clientId: String,
+  autoConnect: truthProp
+};
+var stdin_default = defineComponent({
+  name,
+  inheritAttrs: false,
+  props: botMobileProps,
+  setup(props, {
+    attrs
+  }) {
+    const botRef = ref();
+    useExpose({
+      botRef
+    });
+    return () => _createVNode("div", {
+      "class": bem()
+    }, [_createVNode(BotContainerNanobot, _mergeProps({
+      "ref": botRef,
+      "gatewayBaseUrl": props.gatewayBaseUrl,
+      "businessContext": props.businessContext,
+      "references": props.references,
+      "title": props.title,
+      "showHeader": props.showHeader,
+      "showFooter": props.showFooter,
+      "clientId": props.clientId,
+      "autoConnect": props.autoConnect
+    }, attrs, {
+      "mode": "mobile"
+    }), null)]);
+  }
+});
+export {
+  botMobileProps,
+  stdin_default as default
+};

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

@@ -0,0 +1,52 @@
+import { type ExtractPropTypes } from 'vue';
+import type { BotMobileContextTag } from './types';
+export declare const botMobileContextTagsProps: {
+    tags: {
+        type: import("vue").PropType<BotMobileContextTag[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export declare type BotMobileContextTagsProps = ExtractPropTypes<typeof botMobileContextTagsProps>;
+declare const _default: import("vue").DefineComponent<{
+    tags: {
+        type: import("vue").PropType<BotMobileContextTag[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tags: {
+        type: import("vue").PropType<BotMobileContextTag[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    max: number;
+    tags: BotMobileContextTag[];
+    modelValue: string[];
+}>;
+export default _default;