persagy-vant 0.0.24 → 0.0.26

package/lib/work-order-card/WorkOrderCard.d.ts

@@ -0,0 +1,145 @@
+import { type ExtractPropTypes } from 'vue';
+import type { WorkOrderCardAction, WorkOrderCardInfo, WorkOrderCardTag } from './types';
+declare const props: {
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+};
+export declare type WorkOrderCardProps = ExtractPropTypes<typeof props>;
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-action" | "update:expanded")[], "click" | "click-action" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    tags: WorkOrderCardTag[];
+    clickable: boolean;
+    expanded: boolean | undefined;
+    actions: WorkOrderCardAction[];
+    expandable: boolean;
+    defaultExpanded: boolean;
+    showLocation: boolean;
+    primaryInfos: WorkOrderCardInfo[];
+    expandedInfos: WorkOrderCardInfo[];
+    showOverdue: boolean;
+}>;
+export default _default;

package/lib/work-order-card/WorkOrderCard.js

@@ -0,0 +1,140 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_button = require("../button");
+var import_utils = require("../utils");
+var import_divider = require("../divider");
+var import_icon = require("../icon");
+var import_tag = require("../tag");
+const [name, bem] = (0, import_utils.createNamespace)("work-order-card");
+const props = {
+  title: (0, import_utils.makeStringProp)(""),
+  expanded: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultExpanded: Boolean,
+  expandable: import_utils.truthProp,
+  tags: (0, import_utils.makeArrayProp)(),
+  location: String,
+  showLocation: import_utils.truthProp,
+  primaryInfos: (0, import_utils.makeArrayProp)(),
+  expandedInfos: (0, import_utils.makeArrayProp)(),
+  actions: (0, import_utils.makeArrayProp)(),
+  overdue: String,
+  showOverdue: import_utils.truthProp,
+  clickable: Boolean
+};
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props,
+  emits: ["click", "click-action", "update:expanded"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const innerExpanded = (0, import_vue.ref)(props2.defaultExpanded);
+    const isExpanded = (0, import_vue.computed)(() => {
+      var _a;
+      return (_a = props2.expanded) != null ? _a : innerExpanded.value;
+    });
+    (0, import_vue.watch)(() => props2.defaultExpanded, (value) => {
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+    });
+    const toggle = () => {
+      if (!props2.expandable)
+        return;
+      const value = !isExpanded.value;
+      if (props2.expanded === void 0)
+        innerExpanded.value = value;
+      emit("update:expanded", value);
+    };
+    const renderInfo = (info) => (0, import_vue.createVNode)("div", {
+      "class": bem("info")
+    }, [info.icon && (0, import_vue.createVNode)(import_icon.Icon, {
+      "name": info.icon,
+      "size": "12"
+    }, null), (0, import_vue.createVNode)("span", null, [info.text])]);
+    const renderAction = (action, index) => (0, import_vue.createVNode)(import_button.Button, {
+      "type": "text",
+      "disabled": action.disabled,
+      "style": {
+        "--van-button-primary-background-color": action.color || "var(--van-gray-7)"
+      },
+      "onClick": (event) => {
+        event.stopPropagation();
+        emit("click-action", action, index);
+      }
+    }, {
+      default: () => [action.text]
+    });
+    const hasExpandedContent = () => Boolean(slots.expanded || props2.expandedInfos.length);
+    return () => (0, import_vue.createVNode)("div", {
+      "class": [bem(), bem({
+        expanded: isExpanded.value,
+        expandable: props2.expandable,
+        actions: props2.actions.length > 0,
+        expandedContent: hasExpandedContent()
+      })],
+      "onClick": () => props2.clickable && emit("click")
+    }, [props2.showOverdue && props2.overdue && (0, import_vue.createVNode)("div", {
+      "class": bem("overdue")
+    }, [props2.overdue]), (0, import_vue.createVNode)("div", {
+      "class": bem("header"),
+      "onClick": toggle
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("title")
+    }, [slots.title ? slots.title() : props2.title]), props2.expandable && (0, import_vue.createVNode)(import_icon.Icon, {
+      "name": "trangle-down",
+      "size": "16",
+      "class": bem("arrow")
+    }, null)]), (0, import_vue.createVNode)("div", {
+      "class": bem("tags")
+    }, [slots.tags ? slots.tags() : props2.tags.map((tag) => (0, import_vue.createVNode)(import_tag.Tag, {
+      "color": tag.color,
+      "textColor": tag.textColor
+    }, {
+      default: () => [tag.text]
+    }))]), props2.showLocation && props2.location && (0, import_vue.createVNode)("div", {
+      "class": bem("location")
+    }, [(0, import_vue.createVNode)(import_icon.Icon, {
+      "name": "location-o",
+      "size": "12"
+    }, null), (0, import_vue.createVNode)("span", null, [props2.location])]), (0, import_vue.createVNode)("div", {
+      "class": bem("infos")
+    }, [slots.info ? slots.info() : props2.primaryInfos.map(renderInfo)]), hasExpandedContent() && (0, import_vue.createVNode)("div", {
+      "class": bem("expanded-wrapper", {
+        visible: isExpanded.value
+      }),
+      "aria-hidden": !isExpanded.value
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("expanded-content")
+    }, [(0, import_vue.createVNode)(import_divider.Divider, {
+      "dashed": true,
+      "hairline": true
+    }, null), slots.expanded ? slots.expanded() : props2.expandedInfos.map(renderInfo)])]), props2.actions.length > 0 && (0, import_vue.createVNode)("div", {
+      "class": bem("actions")
+    }, [props2.actions.map(renderAction)])]);
+  }
+});

package/lib/work-order-card/index.css

@@ -0,0 +1 @@
+:root{--van-work-order-card-padding: var(--van-padding-md);--van-work-order-card-radius: var(--van-border-radius-lg);--van-work-order-card-title-font-size: 15px;--van-work-order-card-title-color: var(--van-gray-8);--van-work-order-card-info-color: var(--van-gray-7)}.van-work-order-card{position:relative;overflow:hidden;background:var(--van-white);border-radius:var(--van-work-order-card-radius)}.van-work-order-card__header{display:flex;align-items:flex-start;padding:var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0;cursor:pointer}.van-work-order-card__title{flex:1;min-width:0;overflow:hidden;color:var(--van-work-order-card-title-color);font-size:var(--van-work-order-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:23px;text-overflow:ellipsis;white-space:nowrap}.van-work-order-card__arrow{flex:none;margin:4px 0 0 2px;color:var(--van-gray-6);transition:transform .2s}.van-work-order-card--expanded .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title{overflow:visible;white-space:normal}.van-work-order-card--expanded .van-work-order-card__arrow{color:var(--van-black);transform:rotate(180deg)}.van-work-order-card__tags{display:flex;flex-wrap:wrap;gap:4px;padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card__location{display:flex;gap:4px;align-items:center;margin:8px 10px 0;padding:0 6px;overflow:hidden;color:var(--van-gray-8);font-size:13px;line-height:21px;white-space:nowrap;background:linear-gradient(90deg,rgba(223,232,243,.7),rgba(223,232,243,0));border-radius:4px}.van-work-order-card__location span{overflow:hidden;text-overflow:ellipsis}.van-work-order-card__infos{padding:8px var(--van-work-order-card-padding) 0}.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos{padding-bottom:8px}.van-work-order-card__info{display:flex;gap:4px;align-items:center;min-height:21px;color:var(--van-work-order-card-info-color);font-size:13px;line-height:21px}.van-work-order-card__expanded-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.van-work-order-card__expanded-wrapper--visible{grid-template-rows:1fr;opacity:1}.van-work-order-card__expanded-content{min-height:0;padding:0 var(--van-work-order-card-padding);overflow:hidden}.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content{padding-bottom:8px}.van-work-order-card__expanded-content .van-divider{margin:4px 0;border-color:var(--van-gray-4)}.van-work-order-card__overdue{position:absolute;top:0;right:0;padding:2px 8px;color:var(--van-white);font-size:10px;line-height:12px;background:var(--van-danger-color);border-radius:0 2px 0 8px}.van-work-order-card__actions{position:relative;display:flex;margin-top:8px;padding-top:1px;--van-button-default-height: 38px;--van-button-default-font-size: var(--van-font-size-md);--van-button-default-line-height: 22px;--van-button-border-radius: 0;--van-button-plain-background-color: transparent}.van-work-order-card__actions:before{position:absolute;top:0;right:var(--van-work-order-card-padding);left:var(--van-work-order-card-padding);height:.5px;background:var(--van-gray-2);content:""}.van-work-order-card__actions .van-button{flex:1}.van-work-order-card__actions .van-button+.van-button{position:relative}.van-work-order-card__actions .van-button+.van-button:after{position:absolute;top:50%;left:0;width:.5px;height:12px;background:var(--van-gray-2);transform:translateY(-50%);content:""}

package/lib/work-order-card/index.d.ts

@@ -0,0 +1,107 @@
+export declare const WorkOrderCard: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-action" | "update:expanded")[], "click" | "click-action" | "update:expanded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expanded: {
+        type: () => boolean | undefined;
+        default: undefined;
+    };
+    defaultExpanded: BooleanConstructor;
+    expandable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    tags: {
+        type: import("vue").PropType<import("./types").WorkOrderCardTag[]>;
+        default: () => never[];
+    };
+    location: StringConstructor;
+    showLocation: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    primaryInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    expandedInfos: {
+        type: import("vue").PropType<import("./types").WorkOrderCardInfo[]>;
+        default: () => never[];
+    };
+    actions: {
+        type: import("vue").PropType<import("./types").WorkOrderCardAction[]>;
+        default: () => never[];
+    };
+    overdue: StringConstructor;
+    showOverdue: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    clickable: BooleanConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-action"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    tags: import("./types").WorkOrderCardTag[];
+    clickable: boolean;
+    expanded: boolean | undefined;
+    actions: import("./types").WorkOrderCardAction[];
+    expandable: boolean;
+    defaultExpanded: boolean;
+    showLocation: boolean;
+    primaryInfos: import("./types").WorkOrderCardInfo[];
+    expandedInfos: import("./types").WorkOrderCardInfo[];
+    showOverdue: boolean;
+}>>;
+export default WorkOrderCard;
+export type { WorkOrderCardProps } from './WorkOrderCard';
+export type { WorkOrderCardAction, WorkOrderCardInfo, WorkOrderCardTag } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanWorkOrderCard: typeof WorkOrderCard;
+    }
+}

package/lib/work-order-card/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  WorkOrderCard: () => WorkOrderCard,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_WorkOrderCard = __toESM(require("./WorkOrderCard"));
+const WorkOrderCard = (0, import_utils.withInstall)(import_WorkOrderCard.default);
+var stdin_default = WorkOrderCard;

package/lib/work-order-card/index.less

@@ -0,0 +1,34 @@
+@import './var.less';
+
+:root {
+  --van-work-order-card-padding: @work-order-card-padding;
+  --van-work-order-card-radius: @work-order-card-radius;
+  --van-work-order-card-title-font-size: @work-order-card-title-font-size;
+  --van-work-order-card-title-color: @work-order-card-title-color;
+  --van-work-order-card-info-color: @work-order-card-info-color;
+}
+
+.van-work-order-card { position: relative; overflow: hidden; background: var(--van-white); border-radius: var(--van-work-order-card-radius); }
+.van-work-order-card__header { display: flex; align-items: flex-start; padding: var(--van-work-order-card-padding) var(--van-work-order-card-padding) 0; cursor: pointer; }
+.van-work-order-card__title { flex: 1; min-width: 0; overflow: hidden; color: var(--van-work-order-card-title-color); font-size: var(--van-work-order-card-title-font-size); font-weight: var(--van-font-weight-bold); line-height: 23px; text-overflow: ellipsis; white-space: nowrap; }
+.van-work-order-card__arrow { flex: none; margin: 4px 0 0 2px; color: var(--van-gray-6); transition: transform .2s; }
+.van-work-order-card--expanded .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card:not(.van-work-order-card--expandable) .van-work-order-card__title { overflow: visible; white-space: normal; }
+.van-work-order-card--expanded .van-work-order-card__arrow { color: var(--van-black); transform: rotate(180deg); }
+.van-work-order-card__tags { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card__location { display: flex; gap: 4px; align-items: center; margin: 8px 10px 0; padding: 0 6px; overflow: hidden; color: var(--van-gray-8); font-size: 13px; line-height: 21px; white-space: nowrap; background: linear-gradient(90deg, rgb(223 232 243 / 70%), rgb(223 232 243 / 0%)); border-radius: 4px; }
+.van-work-order-card__location span { overflow: hidden; text-overflow: ellipsis; }
+.van-work-order-card__infos { padding: 8px var(--van-work-order-card-padding) 0; }
+.van-work-order-card:not(.van-work-order-card--actions):not(.van-work-order-card--expanded-content) .van-work-order-card__infos { padding-bottom: 8px; }
+.van-work-order-card__info { display: flex; gap: 4px; align-items: center; min-height: 21px; color: var(--van-work-order-card-info-color); font-size: 13px; line-height: 21px; }
+.van-work-order-card__expanded-wrapper { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .24s cubic-bezier(.2, .8, .2, 1), opacity .18s ease; }
+.van-work-order-card__expanded-wrapper--visible { grid-template-rows: 1fr; opacity: 1; }
+.van-work-order-card__expanded-content { min-height: 0; padding: 0 var(--van-work-order-card-padding); overflow: hidden; }
+.van-work-order-card:not(.van-work-order-card--actions) .van-work-order-card__expanded-content { padding-bottom: 8px; }
+.van-work-order-card__expanded-content .van-divider { margin: 4px 0; border-color: var(--van-gray-4); }
+.van-work-order-card__overdue { position: absolute; top: 0; right: 0; padding: 2px 8px; color: var(--van-white); font-size: 10px; line-height: 12px; background: var(--van-danger-color); border-radius: 0 2px 0 8px; }
+.van-work-order-card__actions { position: relative; display: flex; margin-top: 8px; padding-top: 1px; --van-button-default-height: 38px; --van-button-default-font-size: var(--van-font-size-md); --van-button-default-line-height: 22px; --van-button-border-radius: 0; --van-button-plain-background-color: transparent; }
+.van-work-order-card__actions::before { position: absolute; top: 0; right: var(--van-work-order-card-padding); left: var(--van-work-order-card-padding); height: .5px; background: var(--van-gray-2); content: ''; }
+.van-work-order-card__actions .van-button { flex: 1; }
+.van-work-order-card__actions .van-button + .van-button { position: relative; }
+.van-work-order-card__actions .van-button + .van-button::after { position: absolute; top: 50%; left: 0; width: .5px; height: 12px; background: var(--van-gray-2); transform: translateY(-50%); content: ''; }

package/lib/work-order-card/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/work-order-card/style/index.js

@@ -0,0 +1,8 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../tag/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../../divider/index.css");
+require("../index.css");

package/lib/work-order-card/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/work-order-card/style/less.js

@@ -0,0 +1,8 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../tag/index.less");
+require("../../loading/index.less");
+require("../../button/index.less");
+require("../../divider/index.less");
+require("../index.less");

package/lib/work-order-card/types.d.ts

@@ -0,0 +1,16 @@
+import type { Numeric } from '../utils';
+export declare type WorkOrderCardTag = {
+    text: string;
+    color?: string;
+    textColor?: string;
+};
+export declare type WorkOrderCardInfo = {
+    icon?: string;
+    text: string;
+};
+export declare type WorkOrderCardAction = {
+    text: string;
+    color?: string;
+    disabled?: boolean;
+};
+export declare type WorkOrderCardValue = Numeric;

package/lib/work-order-card/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/work-order-card/var.less

@@ -0,0 +1,6 @@
+@import '../style/var.less';
+@work-order-card-padding: var(--van-padding-md);
+@work-order-card-radius: var(--van-border-radius-lg);
+@work-order-card-title-font-size: 15px;
+@work-order-card-title-color: var(--van-gray-8);
+@work-order-card-info-color: var(--van-gray-7);

package/lib/work-order-filter/style/index.js

@@ -11,11 +11,11 @@ require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../popover/index.css");
 require("../../nav-bar/index.css");
+require("../../action-sheet/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
 require("../../bottom-action-bar/index.css");
 require("../../radio-group/index.css");
 require("../../radio/index.css");
 require("../../cell/index.css");
-require("../../action-sheet/index.css");
 require("../index.css");

package/lib/work-order-filter/style/less.js

@@ -11,11 +11,11 @@ require("../../overlay/index.less");
 require("../../popup/index.less");
 require("../../popover/index.less");
 require("../../nav-bar/index.less");
+require("../../action-sheet/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");
 require("../../bottom-action-bar/index.less");
 require("../../radio-group/index.less");
 require("../../radio/index.less");
 require("../../cell/index.less");
-require("../../action-sheet/index.less");
 require("../index.less");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "persagy-vant",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "Lightweight Mobile UI Components built on Vue",
   "main": "lib/vant.cjs.js",
   "module": "es/index.mjs",
@@ -54,8 +54,8 @@
   "dependencies": {
     "@vant/popperjs": "1.2.1",
     "@vant/use": "1.4.2",
+    "meos-bot-web": "^0.3.2",
     "plyr": "3.7.8",
-    "persagy-vant-icons": "^0.2.5",
     "pnpm": "^9.7.1"
   },
   "peerDependencies": {

package/skills/use-persagy-vant/SKILL.md

@@ -10,11 +10,12 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 ## 强制工作流
 
 1. 阅读 `references/reuse-policy.md`，确认复用边界与禁止项。
-2. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
-3. 阅读每个被选中组件的 README 和 demo：使用 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`。API、事件、插槽和导入方式均以这些资料为准。
-4. 按 `references/page-recipes.md` 组合页面，补齐加载、空数据、错误、禁用和提交中状态。
-5. 使用组件提供的 props、事件、插槽、Less 变量或公开 class 扩展点；不得复制组件内部 DOM、样式或私有逻辑。
-6. 输出或提交前，按 `references/reuse-policy.md` 完成自查，并附上“组件复用清单”。
+2. 阅读 `references/design-interaction-baseline.md`，将其中适用的设计、状态和反馈规则落实到页面；如与产品需求冲突，以明确的产品需求为准并说明差异。
+3. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
+4. 阅读每个被选中组件的 README 和 demo：在组件库仓库中使用 `src/<component>/README.zh-CN.md`，在业务项目中使用 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`。API、事件、插槽和导入方式均以这些资料为准。
+5. 按 `references/page-recipes.md` 组合页面，补齐加载、空数据、错误、禁用和提交中状态。
+6. 使用组件提供的 props、事件、插槽、Less 变量或公开 class 扩展点；不得复制组件内部 DOM、样式或私有逻辑。
+7. 输出或提交前，按 `references/reuse-policy.md` 和 `references/design-interaction-baseline.md` 完成自查，并附上“组件复用清单”和“规范落实项”。
 
 ## 组件缺口
 
@@ -24,6 +25,6 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 
 ## 资料边界
 
-- 已安装包中的 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`，连同类型定义和 demo，是组件 API 的唯一事实来源。
-- `references/` 用于选型、复用规则与页面组合，不能据此编造不存在的 props 或事件。
+- 组件库仓库中的 `src/<component>/README.zh-CN.md`，或已安装包中的 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`，连同类型定义和 demo，是组件 API 的唯一事实来源。
+- `references/` 用于选型、复用规则、页面组合与设计交互基线，不能据此编造不存在的 props 或事件。
 - 当前目录是对外分发版本；随 `persagy-vant` 发布版本一起更新。组件库维护、扩展或新增组件不属于本 Skill 的授权范围。

package/skills/use-persagy-vant/references/business-component-catalog.md

@@ -8,6 +8,7 @@
 | 选择多位人员 | `multi-person-select` | 多选、已选展开、清空和分组检索 |
 | 选择空间或专业对象 | `object-select` | 空间/专业视角切换、树形对象多选 |
 | 选择楼座/楼层位置 | `location-select` | 楼座标签、位置树和位置单选 |
+| 按楼座和楼层选择空间 | `floor-select` | 全屏楼层导航、空间单元格和楼座更多面板 |
 | 添加物料、工具或备件 | `material-add` | 物料搜索、分类、数量和已选清单 |
 | 批量勾选条目/录入数量 | `quantity-input` | 已选项展开、清空和批量确认 |
 | 工单列表的组合筛选 | `work-order-filter` | 项目、时间、排序、待办和工单类型筛选 |
@@ -15,10 +16,14 @@
 | 页面底部主次操作 | `bottom-action-bar` | 固定底栏、更多操作、按钮 loading/disabled |
 | 蓝色标识或业务标注 | `blue-mark` | 相同视觉的业务标签/标记 |
 | 视频预览 | `video-preview` | 视频预览容器与交互 |
+| AI 对话面板/移动端 bot | `bot-mobile` 系列（`BotMobile`/`BotMobilePrompts`/`BotMobileContextTags`/`BotMobileSheet`/`BotMobileView`/`BotFab`/`BotHistoryDrawer`/`BotVoiceBar`/`BotSessionList`） | 对话流、消息渲染、示例输入、上下文标签、呼出面板、纯展示消息渲染、悬浮入口、会话历史抽屉、按住说话和全部会话列表 |
+| 展示和处理工单 | `work-order-card` | 工单标题、标签、位置、展开详情和卡片内操作 |
 
 ## 业务组件组合
 
 - **创建或编辑工单**：`form` + `field` + `location-select`/`object-select` + `single-person-select`/`multi-person-select` + `material-add` + `bottom-action-bar`。
 - **工单列表**：`work-order-filter` + `pull-refresh` + `list` + `card` + `empty`。
+- **工单列表（包含展开信息或行内操作）**：`work-order-filter` + `pull-refresh` + `list` + `work-order-card` + `empty`。
+- **按楼层选择空间**：`floor-select`；不要自行组合楼座标签、楼层导航和空间选择列表。
 - **批量任务或物料确认**：`quantity-input` 或 `material-add` + `bottom-action-bar` + `dialog`。
 - **巡检/维修详情**：`nav-bar` + `cell-group`/`card` + `tag` + `action-bar`/`bottom-action-bar`。