persagy-vant 0.0.21

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

@@ -0,0 +1,201 @@
+export declare const WorkOrderFilter: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterValue>;
+        default: () => import("./types").WorkOrderFilterValue;
+    };
+    projects: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    workOrderTypes: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    sortOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    timeOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    reminderOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    relationOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    workTypes: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    resetText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    saveText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showProjects: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showReminder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRelation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWorkOrderTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWorkTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sectionOrder: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterSectionKey[]>;
+        default: () => import("./types").WorkOrderFilterSectionKey[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "update:modelValue" | "update:show" | "confirm" | "reorder")[], "reset" | "update:modelValue" | "update:show" | "confirm" | "reorder", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterValue>;
+        default: () => import("./types").WorkOrderFilterValue;
+    };
+    projects: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    workOrderTypes: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    sortOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    timeOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    reminderOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    relationOptions: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    workTypes: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterOption[]>;
+        default: () => import("./types").WorkOrderFilterOption[];
+    };
+    resetText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    saveText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showProjects: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSort: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showTimeRange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showReminder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showRelation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWorkOrderTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showWorkTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sectionOrder: {
+        type: import("vue").PropType<import("./types").WorkOrderFilterSectionKey[]>;
+        default: () => import("./types").WorkOrderFilterSectionKey[];
+    };
+}>> & {
+    onReset?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onReorder?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    modelValue: import("./types").WorkOrderFilterValue;
+    show: boolean;
+    confirmText: string;
+    showTimeRange: boolean;
+    projects: import("./types").WorkOrderFilterOption[];
+    workOrderTypes: import("./types").WorkOrderFilterOption[];
+    sortOptions: import("./types").WorkOrderFilterOption[];
+    timeOptions: import("./types").WorkOrderFilterOption[];
+    reminderOptions: import("./types").WorkOrderFilterOption[];
+    relationOptions: import("./types").WorkOrderFilterOption[];
+    workTypes: import("./types").WorkOrderFilterOption[];
+    resetText: string;
+    saveText: string;
+    showProjects: boolean;
+    showSort: boolean;
+    showReminder: boolean;
+    showRelation: boolean;
+    showWorkOrderTypes: boolean;
+    showWorkTypes: boolean;
+    sectionOrder: import("./types").WorkOrderFilterSectionKey[];
+}>>;
+export default WorkOrderFilter;
+export type { WorkOrderFilterProps } from './WorkOrderFilter';
+export type { WorkOrderFilterOption, WorkOrderFilterSectionKey, WorkOrderFilterTimeRange, WorkOrderFilterValue, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanWorkOrderFilter: typeof WorkOrderFilter;
+    }
+}

package/lib/work-order-filter/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, {
+  WorkOrderFilter: () => WorkOrderFilter,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_WorkOrderFilter = __toESM(require("./WorkOrderFilter"));
+const WorkOrderFilter = (0, import_utils.withInstall)(import_WorkOrderFilter.default);
+var stdin_default = WorkOrderFilter;

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

@@ -0,0 +1,197 @@
+@import './var.less';
+
+:root {
+  --van-work-order-filter-background-color: @work-order-filter-background-color;
+  --van-work-order-filter-card-color: @work-order-filter-card-color;
+}
+
+.van-work-order-filter {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 96px);
+  max-height: calc(100vh - 96px);
+  overflow: hidden;
+  background: var(--van-work-order-filter-background-color);
+
+  > .van-action-sheet__content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  &__nav {
+    flex: none;
+    --van-nav-bar-background-color: var(--van-white);
+
+    .van-nav-bar__left--slot {
+      padding: 0 12px;
+    }
+  }
+
+  &__body {
+    flex: 1;
+    min-height: 0;
+    padding-bottom: var(--van-padding-md);
+    overflow-y: auto;
+  }
+
+  &__section {
+    position: relative;
+
+    .van-blue-mark-header {
+      padding: var(--van-padding-md) 22px var(--van-padding-xs);
+    }
+  }
+
+  &__custom {
+    width: 100%;
+  }
+
+  &__select-all {
+    position: absolute;
+    top: var(--van-padding-md);
+    right: 22px;
+    padding: 0;
+    color: var(--van-primary-color);
+    font-size: var(--van-font-size-md);
+    font-weight: var(--van-font-weight-bold);
+    line-height: var(--van-line-height-lg);
+    background: transparent;
+    border: 0;
+  }
+
+  &__card {
+    margin: 0 var(--van-padding-md);
+    overflow: hidden;
+    background: var(--van-work-order-filter-card-color);
+    border-radius: 8px;
+    --van-cell-border-color: #e1e5eb;
+
+    .van-cell {
+      min-height: 44px;
+      background: transparent;
+    }
+
+    .van-checkbox,
+    .van-radio {
+      margin: 0;
+    }
+  }
+
+  &__project-list {
+    width: 100%;
+  }
+
+  &__project-item {
+    position: relative;
+    touch-action: pan-y;
+    transition: transform 160ms cubic-bezier(0.2, 0, 0, 1);
+
+    &--dragging {
+      z-index: 1;
+      opacity: 0.82;
+      box-shadow: 0 4px 12px rgb(27 33 41 / 16%);
+      transition: none;
+    }
+  }
+
+  &__project-move {
+    transition: transform 160ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  &__drag-handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: var(--van-cell-line-height);
+    margin-right: var(--van-padding-base);
+    color: var(--van-text-color);
+    cursor: grab;
+    touch-action: none;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  &__sort-cards {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  &__tags {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: var(--van-padding-xs);
+    margin: 0 var(--van-padding-md);
+
+    .van-filter-tag {
+      width: 100%;
+      min-width: 0;
+      text-align: center;
+    }
+  }
+
+  &__time-trigger {
+    width: auto;
+    margin: var(--van-padding-xs) var(--van-padding-md) 0;
+    background: var(--van-work-order-filter-card-color);
+    border-radius: 8px;
+
+    .van-cell__label {
+      white-space: nowrap;
+    }
+  }
+
+  &__time-picker-overlay {
+    position: absolute;
+    z-index: 10;
+    inset: 0;
+    display: flex;
+    align-items: flex-end;
+    background: rgb(0 0 0 / 45%);
+  }
+
+  &__time-picker-panel {
+    width: 100%;
+    overflow: hidden;
+    background: var(--van-white);
+    border-radius: 16px 16px 0 0;
+  }
+
+  &__time-picker-enter-active,
+  &__time-picker-leave-active {
+    transition: opacity var(--van-animation-duration-base)
+      var(--van-animation-timing-function-enter);
+
+    .van-work-order-filter__time-picker-panel {
+      transition: transform var(--van-animation-duration-base)
+        var(--van-animation-timing-function-enter);
+    }
+  }
+
+  &__time-picker-leave-active {
+    transition-timing-function: var(--van-animation-timing-function-leave);
+
+    .van-work-order-filter__time-picker-panel {
+      transition-timing-function: var(--van-animation-timing-function-leave);
+    }
+  }
+
+  &__time-picker-enter-from,
+  &__time-picker-leave-to {
+    opacity: 0;
+
+    .van-work-order-filter__time-picker-panel {
+      transform: translate3d(0, 100%, 0);
+    }
+  }
+
+  &__footer {
+    flex: none;
+  }
+}

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

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

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

@@ -0,0 +1,21 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../filter-tag/index.css");
+require("../../blue-mark/index.css");
+require("../../loading/index.css");
+require("../../picker/index.css");
+require("../../datetime-picker/index.css");
+require("../../button/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../popover/index.css");
+require("../../nav-bar/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.d.ts

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

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

@@ -0,0 +1,21 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../filter-tag/index.less");
+require("../../blue-mark/index.less");
+require("../../loading/index.less");
+require("../../picker/index.less");
+require("../../datetime-picker/index.less");
+require("../../button/index.less");
+require("../../overlay/index.less");
+require("../../popup/index.less");
+require("../../popover/index.less");
+require("../../nav-bar/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/lib/work-order-filter/types.d.ts

@@ -0,0 +1,22 @@
+export declare type WorkOrderFilterOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export declare type WorkOrderFilterTimeRange = {
+    startTime: Date;
+    endTime: Date;
+};
+export declare type WorkOrderFilterSectionKey = 'projects' | 'sort' | 'time-range' | 'reminder' | 'relation' | 'work-order-types' | 'work-types' | 'custom';
+export declare type WorkOrderFilterValue = {
+    projectIds: string[];
+    workOrderTypes: string[];
+    prioritizeProjects: boolean;
+    sort: string;
+    timeRange: string;
+    timeRanges: Record<string, WorkOrderFilterTimeRange>;
+    reminder: string;
+    relation: string;
+    workTypes: string[];
+    saveAsDefault: boolean;
+};

package/lib/work-order-filter/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-filter/var.less

@@ -0,0 +1,4 @@
+@import '../style/var.less';
+
+@work-order-filter-background-color: var(--van-white);
+@work-order-filter-card-color: var(--van-gray-2);

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "persagy-vant",
+  "version": "0.0.21",
+  "description": "Lightweight Mobile UI Components built on Vue",
+  "main": "lib/vant.cjs.js",
+  "module": "es/index.mjs",
+  "style": "lib/index.css",
+  "typings": "lib/index.d.ts",
+  "unpkg": "lib/vant.min.js",
+  "jsdelivr": "lib/vant.min.js",
+  "files": [
+    "es",
+    "lib",
+    "skills"
+  ],
+  "npm": {
+    "tag": "latest-v3"
+  },
+  "scripts": {
+    "dev": "vant-cli dev",
+    "lint": "vant-cli lint",
+    "test": "vant-cli test",
+    "build": "vant-cli build",
+    "build:site": "vant-cli build-site",
+    "release": "standard-version",
+    "release:alpha": "npm run release -- --prerelease alpha",
+    "release:patch": "npm run release -- --release-as patch",
+    "release:minor": "npm run release -- --release-as minor",
+    "release:major": "npm run release -- --release-as major",
+    "test:watch": "vant-cli test --watch",
+    "test:coverage": "open test/coverage/index.html"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitea.meos.center/Persagy-AI/persagy-vant-ai.git"
+  },
+  "bugs": "https://gitea.meos.center/Persagy-AI/persagy-vant-ai/issues",
+  "homepage": "https://persagy-vant-ai.netlify.app",
+  "author": "chenjiahan",
+  "license": "MIT",
+  "keywords": [
+    "ui",
+    "vue",
+    "vue3",
+    "mobile",
+    "frontend",
+    "component",
+    "components"
+  ],
+  "dependencies": {
+    "@vant/popperjs": "1.2.1",
+    "@vant/use": "1.4.2",
+    "plyr": "3.7.8",
+    "persagy-vant-icons": "^0.2.5",
+    "pnpm": "^9.7.1"
+  },
+  "peerDependencies": {
+    "vue": "3.0.0"
+  },
+  "devDependencies": {
+    "@types/jest": "27.0.0",
+    "@types/node": "16.11.56",
+    "@vant/area-data": "1.4.1",
+    "@vant/cli": "6.1.0",
+    "@vant/eslint-config": "3.5.0",
+    "@vue/runtime-core": "3.2.38",
+    "@vue/test-utils": "2.0.2",
+    "standard-version": "9.5.0",
+    "typescript": "4.8.2",
+    "vue": "3.2.38",
+    "vue-router": "4.1.5"
+  },
+  "sideEffects": [
+    "es/**/style/*",
+    "lib/**/style/*",
+    "*.css",
+    "*.less"
+  ],
+  "web-types": "lib/web-types.json"
+}

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

@@ -0,0 +1,29 @@
+---
+name: use-persagy-vant
+description: 使用 Persagy Vant 为 Vue 3 移动端业务页面规划、实现、改造或验收 UI 时使用。适用于产品经理或 Vibe Coding 用户需要复用本组件库的基础组件与 Persagy 业务组件，并要求统一页面交互、视觉与 API 使用方式的任务。
+---
+
+# 使用 Persagy Vant
+
+将 Persagy Vant 视为此项目唯一的 UI 与业务组件来源。页面可以组合组件、组织业务数据和编写接口逻辑，但不得重写组件库已经提供的基础控件、交互模式或业务组件。
+
+## 强制工作流
+
+1. 阅读 `references/reuse-policy.md`，确认复用边界与禁止项。
+2. 阅读 `references/business-component-catalog.md`，按用户任务先确定业务组件；再从 `references/component-catalog.md` 补齐基础组件。
+3. 阅读每个被选中组件的 README 和 demo：在组件库仓库使用 `src/<component>/README.zh-CN.md`；在业务项目使用 `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` 完成自查，并附上“组件复用清单”。
+
+## 组件缺口
+
+找不到合适能力时，停止新建通用控件或业务组件。改为读取并按 `references/component-gap-template.md` 输出组件缺口说明，等待组件库维护者处理。
+
+只允许为单一页面补充不具备复用价值的业务数据转换、接口调用和页面级状态；这些代码不得包装或替代现有组件。
+
+## 资料边界
+
+- 组件库仓库中的 `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/agents/openai.yaml

@@ -0,0 +1,4 @@
+interface:
+  display_name: "使用 Persagy Vant"
+  short_description: "强制复用 Persagy 移动端组件构建页面"
+  default_prompt: "使用 $use-persagy-vant 组件库实现这个 Vue 3 移动端业务页面，并输出组件复用清单。"

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

@@ -0,0 +1,24 @@
+# Persagy 业务组件目录
+
+先按这里选择业务组件。数据结构、完整 API 和 demo 均以对应 `src/<component>/README.zh-CN.md` 为准。
+
+| 场景 | 必须优先使用 | 不要自行实现 |
+| --- | --- | --- |
+| 选择一位人员 | `single-person-select` | 人员搜索、部门分组、单选底部面板 |
+| 选择多位人员 | `multi-person-select` | 多选、已选展开、清空和分组检索 |
+| 选择空间或专业对象 | `object-select` | 空间/专业视角切换、树形对象多选 |
+| 选择楼座/楼层位置 | `location-select` | 楼座标签、位置树和位置单选 |
+| 添加物料、工具或备件 | `material-add` | 物料搜索、分类、数量和已选清单 |
+| 批量勾选条目/录入数量 | `quantity-input` | 已选项展开、清空和批量确认 |
+| 工单列表的组合筛选 | `work-order-filter` | 项目、时间、排序、待办和工单类型筛选 |
+| 业务层级选项 | `tree-select` | 单选/多选树、父子联动和展开收起 |
+| 页面底部主次操作 | `bottom-action-bar` | 固定底栏、更多操作、按钮 loading/disabled |
+| 蓝色标识或业务标注 | `blue-mark` | 相同视觉的业务标签/标记 |
+| 视频预览 | `video-preview` | 视频预览容器与交互 |
+
+## 业务组件组合
+
+- **创建或编辑工单**：`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`。
+- **批量任务或物料确认**：`quantity-input` 或 `material-add` + `bottom-action-bar` + `dialog`。
+- **巡检/维修详情**：`nav-bar` + `cell-group`/`card` + `tag` + `action-bar`/`bottom-action-bar`。