persagy-vant 0.0.25 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "persagy-vant",
-  "version": "0.0.25",
+  "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

@@ -12,7 +12,7 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 1. 阅读 `references/reuse-policy.md`，确认复用边界与禁止项。
 2. 阅读 `references/design-interaction-baseline.md`，将其中适用的设计、状态和反馈规则落实到页面；如与产品需求冲突，以明确的产品需求为准并说明差异。
 3. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
-4. 阅读每个被选中组件的 README 和 demo：使用 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`。API、事件、插槽和导入方式均以这些资料为准。
+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` 完成自查，并附上“组件复用清单”和“规范落实项”。
@@ -25,6 +25,6 @@ description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现
 
 ## 资料边界
 
-- 已安装包中的 `node_modules/persagy-vant/es/<component>/README.zh-CN.md`，连同类型定义和 demo，是组件 API 的唯一事实来源。
+- 组件库仓库中的 `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`。

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

@@ -4,23 +4,25 @@
 
 ## 页面骨架与状态
 
-- `nav-bar`、`tabbar`、`tab`、`tabs`、`sidebar`：页面与分区导航。
+- `background`：带主题背景的页面内容容器；普通页面仍以 `--van-gray-1` 为默认背景，只有设计明确要求时才选择内置主题或自定义背景图。
+- `nav-bar`、`tabbar`、`tab`、`tabs`、`sidebar`：页面与分区导航。标签较多时优先使用 `tabs` 的滚动或更多面板能力；筛选型分区选择 `type="filter"`。
 - `cell`、`cell-group`、`row`、`col`、`space`、`divider`：信息布局与分组。
 - `empty`、`loading`、`skeleton`、`overlay`、`pull-refresh`、`list`、`pagination`：加载、空态、刷新与列表分页。
 - `bottom-action-bar`、`action-bar`、`submit-bar`：固定操作区；不要自行实现 fixed footer。
 
 ## 表单与通用选择
 
-- `form`、`field`：表单结构、校验、输入与只读选择入口。
+- `form-panel` + `form` + `field`：多字段编辑的表单面板、校验、输入与只读选择入口；不要将同一编辑任务拆为零散弹层。
 - `checkbox`、`radio`、`switch`、`stepper`、`rate`、`slider`：布尔、单选、多选与数值录入。
 - `picker`、`datetime-picker`、`calendar`、`area`、`cascader`、`tree-select`：普通选项、日期、地区、级联与树形数据选择。
-- `search`、`filter-tag`、`dropdown-menu`、`dropdown-item`：搜索与轻量筛选。
+- `search`、`filter-tag`、`dropdown-menu`、`dropdown-item`：搜索与轻量筛选；短选项的外露筛选优先使用 `filter-tag`，需要更大触达面积时选其大尺寸规格。
 
 ## 内容与反馈
 
 - `card`、`tag`、`badge`、`notice-bar`、`image`、`icon`：内容展示与状态标识。
 - `popup`、`action-sheet`、`share-sheet`、`popover`：动作选择与自定义容器。
-- `dialog`、`toast`、`notify`：确认、短反馈与通知；不得重复封装确认弹窗或全局提示。
+- `dialog`、`toast`、`notify`：确认、短反馈与顶部通知；不得重复封装确认弹窗或全局提示。
+- `friendly-tip`、`popover`：基于触发元素的引导说明和轻量操作菜单。一次性友好引导使用 `friendly-tip`，点击空白处关闭；不要手写定位气泡。
 - `swipe`、`swipe-item`、`swipe-cell`、`collapse`、`grid`、`index-bar`：浏览、滑动操作、折叠和网格内容。
 
 ## 选型规则
@@ -29,3 +31,4 @@
 - 可分页的业务列表：组合 `list`、`pull-refresh`、`empty`、`loading`，不要手写重复加载状态。
 - 选择入口默认使用 `field` 或 `cell`，具体选择面板优先从 `business-component-catalog.md` 选择。
 - 页面有主操作时优先使用 `bottom-action-bar`；在表单提交语义明确时使用 `submit-bar`。
+- 非破坏性的局部快捷操作使用 `popover`；会影响全局数据或需要确认的操作不使用气泡菜单。