Merge branch 'temp221' into dev/1.0

后台开启每次弹出，每次重新进入小程序都会弹出广告

.claude/commands/opsx/apply.md

@@ -0,0 +1,155 @@
+---
+name: "OPSX: Apply"
+description: Implement tasks from an OpenSpec change (Experimental)
+category: Workflow
+tags: [workflow, artifacts, experimental]
+---
+
+Implement tasks from an OpenSpec change.
+
+**Input**: Optionally specify a change name (e.g., `/opsx:apply add-auth`). If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and use the **AskUserQuestion tool** to let the user select
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx:apply <other>`).
+
+2. **Check status to understand the schema**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used (e.g., "spec-driven")
+   - `planningHome`, `changeRoot`, and `actionContext`: planning scope and edit constraints
+   - Which artifact contains the tasks (typically "tasks" for spec-driven, check status for others)
+
+3. **Get apply instructions**
+
+   ```bash
+   openspec instructions apply --change "<name>" --json
+   ```
+
+   This returns:
+   - `contextFiles`: artifact ID -> array of concrete file paths (varies by schema)
+   - Progress (total, complete, remaining)
+   - Task list with status
+   - Dynamic instruction based on current state
+
+   **Handle states:**
+   - If `state: "blocked"` (missing artifacts): show message, suggest using `/opsx:continue`
+   - If `state: "all_done"`: congratulate, suggest archive
+   - Otherwise: proceed to implementation
+
+   **Workspace guard:** If status JSON reports `actionContext.mode: "workspace-planning"` and `allowedEditRoots` is empty, explain that full workspace apply is not supported in this slice. Treat linked repos and folders as read-only context, ask the user to select an affected area through an explicit implementation workflow, and STOP before editing files.
+
+4. **Read context files**
+
+   Read every file path listed under `contextFiles` from the apply instructions output.
+   The files depend on the schema being used:
+   - **spec-driven**: proposal, specs, design, tasks
+   - Other schemas: follow the contextFiles from CLI output
+
+5. **Show current progress**
+
+   Display:
+   - Schema being used
+   - Progress: "N/M tasks complete"
+   - Remaining tasks overview
+   - Dynamic instruction from CLI
+
+6. **Implement tasks (loop until done or blocked)**
+
+   For each pending task:
+   - Show which task is being worked on
+   - Make the code changes required
+   - Keep changes minimal and focused
+   - Mark task complete in the tasks file: `- [ ]` → `- [x]`
+   - Continue to next task
+
+   **Pause if:**
+   - Task is unclear → ask for clarification
+   - Implementation reveals a design issue → suggest updating artifacts
+   - Error or blocker encountered → report and wait for guidance
+   - User interrupts
+
+7. **On completion or pause, show status**
+
+   Display:
+   - Tasks completed this session
+   - Overall progress: "N/M tasks complete"
+   - If all done: suggest archive
+   - If paused: explain why and wait for guidance
+
+**Output During Implementation**
+
+```
+## Implementing: <change-name> (schema: <schema-name>)
+
+Working on task 3/7: <task description>
+[...implementation happening...]
+✓ Task complete
+
+Working on task 4/7: <task description>
+[...implementation happening...]
+✓ Task complete
+```
+
+**Output On Completion**
+
+```
+## Implementation Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 7/7 tasks complete ✓
+
+### Completed This Session
+- [x] Task 1
+- [x] Task 2
+...
+
+All tasks complete! You can archive this change with `/opsx:archive`.
+```
+
+**Output On Pause (Issue Encountered)**
+
+```
+## Implementation Paused
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 4/7 tasks complete
+
+### Issue Encountered
+<description of the issue>
+
+**Options:**
+1. <option 1>
+2. <option 2>
+3. Other approach
+
+What would you like to do?
+```
+
+**Guardrails**
+- Keep going through tasks until done or blocked
+- Always read context files before starting (from the apply instructions output)
+- If task is ambiguous, pause and ask before implementing
+- If implementation reveals issues, pause and suggest artifact updates
+- Keep code changes minimal and scoped to each task
+- Update task checkbox immediately after completing each task
+- Pause on errors, blockers, or unclear requirements - don't guess
+- Use contextFiles from CLI output, don't assume specific file names
+
+**Fluid Workflow Integration**
+
+This skill supports the "actions on a change" model:
+
+- **Can be invoked anytime**: Before all artifacts are done (if tasks exist), after partial implementation, interleaved with other actions
+- **Allows artifact updates**: If implementation reveals design issues, suggest updating artifacts - not phase-locked, work fluidly

.claude/commands/opsx/archive.md

@@ -0,0 +1,160 @@
+---
+name: "OPSX: Archive"
+description: Archive a completed change in the experimental workflow
+category: Workflow
+tags: [workflow, archive, experimental]
+---
+
+Archive a completed change in the experimental workflow.
+
+**Input**: Optionally specify a change name after `/opsx:archive` (e.g., `/opsx:archive add-auth`). If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **If no change name provided, prompt for selection**
+
+   Run `openspec list --json` to get available changes. Use the **AskUserQuestion tool** to let the user select.
+
+   Show only active changes (not already archived).
+   Include the schema used for each change if available.
+
+   **IMPORTANT**: Do NOT guess or auto-select a change. Always let the user choose.
+
+2. **Check artifact completion status**
+
+   Run `openspec status --change "<name>" --json` to check artifact completion.
+
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context
+   - `artifacts`: List of artifacts with their status (`done` or other)
+
+   If status reports `actionContext.mode: "workspace-planning"`, explain that workspace archive is not supported in this slice and STOP. Do not move workspace changes into repo-local archives or edit linked repos.
+
+   **If any artifacts are not `done`:**
+   - Display warning listing incomplete artifacts
+   - Prompt user for confirmation to continue
+   - Proceed if user confirms
+
+3. **Check task completion status**
+
+   Read the tasks file (typically `tasks.md`) to check for incomplete tasks.
+
+   Count tasks marked with `- [ ]` (incomplete) vs `- [x]` (complete).
+
+   **If incomplete tasks found:**
+   - Display warning showing count of incomplete tasks
+   - Prompt user for confirmation to continue
+   - Proceed if user confirms
+
+   **If no tasks file exists:** Proceed without task-related warning.
+
+4. **Assess delta spec sync state**
+
+   Use `artifactPaths.specs.existingOutputPaths` from status JSON to check for delta specs. If none exist, proceed without sync prompt.
+
+   **If delta specs exist:**
+   - Compare each delta spec with its corresponding main spec at `openspec/specs/<capability>/spec.md`
+   - Determine what changes would be applied (adds, modifications, removals, renames)
+   - Show a combined summary before prompting
+
+   **Prompt options:**
+   - If changes needed: "Sync now (recommended)", "Archive without syncing"
+   - If already synced: "Archive now", "Sync anyway", "Cancel"
+
+   If user chooses sync, use Task tool (subagent_type: "general-purpose", prompt: "Use Skill tool to invoke openspec-sync-specs for change '<name>'. Delta spec analysis: <include the analyzed delta spec summary>"). Proceed to archive regardless of choice.
+
+5. **Perform the archive**
+
+   Create an `archive` directory under `planningHome.changesDir` if it doesn't exist:
+   ```bash
+   mkdir -p "<planningHome.changesDir>/archive"
+   ```
+
+   Generate target name using current date: `YYYY-MM-DD-<change-name>`
+
+   **Check if target already exists:**
+   - If yes: Fail with error, suggest renaming existing archive or using different date
+   - If no: Move `changeRoot` to the archive directory
+
+   ```bash
+   mv "<changeRoot>" "<planningHome.changesDir>/archive/YYYY-MM-DD-<name>"
+   ```
+
+6. **Display summary**
+
+   Show archive completion summary including:
+   - Change name
+   - Schema that was used
+   - Archive location
+   - Spec sync status (synced / sync skipped / no delta specs)
+   - Note about any warnings (incomplete artifacts/tasks)
+
+**Output On Success**
+
+```
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/YYYY-MM-DD-<name>/
+**Specs:** ✓ Synced to main specs
+
+All artifacts complete. All tasks complete.
+```
+
+**Output On Success (No Delta Specs)**
+
+```
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/YYYY-MM-DD-<name>/
+**Specs:** No delta specs
+
+All artifacts complete. All tasks complete.
+```
+
+**Output On Success With Warnings**
+
+```
+## Archive Complete (with warnings)
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/YYYY-MM-DD-<name>/
+**Specs:** Sync skipped (user chose to skip)
+
+**Warnings:**
+- Archived with 2 incomplete artifacts
+- Archived with 3 incomplete tasks
+- Delta spec sync was skipped (user chose to skip)
+
+Review the archive if this was not intentional.
+```
+
+**Output On Error (Archive Exists)**
+
+```
+## Archive Failed
+
+**Change:** <change-name>
+**Target:** the archive path derived from `planningHome.changesDir`/YYYY-MM-DD-<name>/
+
+Target archive directory already exists.
+
+**Options:**
+1. Rename the existing archive
+2. Delete the existing archive if it's a duplicate
+3. Wait until a different date to archive
+```
+
+**Guardrails**
+- Always prompt for change selection if not provided
+- Use artifact graph (openspec status --json) for completion checking
+- Don't block archive on warnings - just inform and confirm
+- Preserve .openspec.yaml when moving to archive (it moves with the directory)
+- Show clear summary of what happened
+- If sync is requested, use the Skill tool to invoke `openspec-sync-specs` (agent-driven)
+- If delta specs exist, always run the sync assessment and show the combined summary before prompting

.claude/commands/opsx/explore.md

@@ -0,0 +1,172 @@
+---
+name: "OPSX: Explore"
+description: "Enter explore mode - think through ideas, investigate problems, clarify requirements"
+category: Workflow
+tags: [workflow, explore, experimental, thinking]
+---
+
+Enter explore mode. Think deeply. Visualize freely. Follow the conversation wherever it goes.
+
+**IMPORTANT: Explore mode is for thinking, not implementing.** You may read files, search code, and investigate the codebase, but you must NEVER write code or implement features. If the user asks you to implement something, remind them to exit explore mode first and create a change proposal. You MAY create OpenSpec artifacts (proposals, designs, specs) if the user asks—that's capturing thinking, not implementing.
+
+**This is a stance, not a workflow.** There are no fixed steps, no required sequence, no mandatory outputs. You're a thinking partner helping the user explore.
+
+**Input**: The argument after `/opsx:explore` is whatever the user wants to think about. Could be:
+- A vague idea: "real-time collaboration"
+- A specific problem: "the auth system is getting unwieldy"
+- A change name: "add-dark-mode" (to explore in context of that change)
+- A comparison: "postgres vs sqlite for this"
+- Nothing (just enter explore mode)
+
+---
+
+## The Stance
+
+- **Curious, not prescriptive** - Ask questions that emerge naturally, don't follow a script
+- **Open threads, not interrogations** - Surface multiple interesting directions and let the user follow what resonates. Don't funnel them through a single path of questions.
+- **Visual** - Use ASCII diagrams liberally when they'd help clarify thinking
+- **Adaptive** - Follow interesting threads, pivot when new information emerges
+- **Patient** - Don't rush to conclusions, let the shape of the problem emerge
+- **Grounded** - Explore the actual codebase when relevant, don't just theorize
+
+---
+
+## What You Might Do
+
+Depending on what the user brings, you might:
+
+**Explore the problem space**
+- Ask clarifying questions that emerge from what they said
+- Challenge assumptions
+- Reframe the problem
+- Find analogies
+
+**Investigate the codebase**
+- Map existing architecture relevant to the discussion
+- Find integration points
+- Identify patterns already in use
+- Surface hidden complexity
+
+**Compare options**
+- Brainstorm multiple approaches
+- Build comparison tables
+- Sketch tradeoffs
+- Recommend a path (if asked)
+
+**Visualize**
+```
+┌─────────────────────────────────────────┐
+│     Use ASCII diagrams liberally        │
+├─────────────────────────────────────────┤
+│                                         │
+│      ┌────────┐         ┌────────┐      │
+│      │ State  │────────▶│ State  │      │
+│      │   A    │         │   B    │      │
+│      └────────┘         └────────┘      │
+│                                         │
+│   System diagrams, state machines,      │
+│   data flows, architecture sketches,    │
+│   dependency graphs, comparison tables  │
+│                                         │
+└─────────────────────────────────────────┘
+```
+
+**Surface risks and unknowns**
+- Identify what could go wrong
+- Find gaps in understanding
+- Suggest spikes or investigations
+
+---
+
+## OpenSpec Awareness
+
+You have full context of the OpenSpec system. Use it naturally, don't force it.
+
+### Check for context
+
+At the start, quickly check what exists:
+```bash
+openspec list --json
+```
+
+This tells you:
+- If there are active changes
+- Their names, schemas, and status
+- What the user might be working on
+
+If the user mentioned a specific change name, read its artifacts for context.
+
+### When no change exists
+
+Think freely. When insights crystallize, you might offer:
+
+- "This feels solid enough to start a change. Want me to create a proposal?"
+- Or keep exploring - no pressure to formalize
+
+### When a change exists
+
+If the user mentions a change or you detect one is relevant:
+
+1. **Resolve and read existing artifacts for context**
+   - Run `openspec status --change "<name>" --json`.
+   - Use `changeRoot`, `artifactPaths`, and `actionContext` from the status JSON.
+   - Read existing files from `artifactPaths.<artifact>.existingOutputPaths`.
+
+2. **Reference them naturally in conversation**
+   - "Your design mentions using Redis, but we just realized SQLite fits better..."
+   - "The proposal scopes this to premium users, but we're now thinking everyone..."
+
+3. **Offer to capture when decisions are made**
+
+    | Insight Type               | Where to Capture               |
+    |----------------------------|--------------------------------|
+    | New requirement discovered | `specs/<capability>/spec.md` |
+    | Requirement changed        | `specs/<capability>/spec.md` |
+    | Design decision made       | `design.md`                  |
+    | Scope changed              | `proposal.md`                |
+    | New work identified        | `tasks.md`                   |
+    | Assumption invalidated     | Relevant artifact              |
+
+   Example offers:
+   - "That's a design decision. Capture it in design.md?"
+   - "This is a new requirement. Add it to specs?"
+   - "This changes scope. Update the proposal?"
+
+4. **The user decides** - Offer and move on. Don't pressure. Don't auto-capture.
+
+---
+
+## What You Don't Have To Do
+
+- Follow a script
+- Ask the same questions every time
+- Produce a specific artifact
+- Reach a conclusion
+- Stay on topic if a tangent is valuable
+- Be brief (this is thinking time)
+
+---
+
+## Ending Discovery
+
+There's no required ending. Discovery might:
+
+- **Flow into a proposal**: "Ready to start? I can create a change proposal."
+- **Result in artifact updates**: "Updated design.md with these decisions"
+- **Just provide clarity**: User has what they need, moves on
+- **Continue later**: "We can pick this up anytime"
+
+When things crystallize, you might offer a summary - but it's optional. Sometimes the thinking IS the value.
+
+---
+
+## Guardrails
+
+- **Don't implement** - Never write code or implement features. Creating OpenSpec artifacts is fine, writing application code is not.
+- **Don't fake understanding** - If something is unclear, dig deeper
+- **Don't rush** - Discovery is thinking time, not task time
+- **Don't force structure** - Let patterns emerge naturally
+- **Don't auto-capture** - Offer to save insights, don't just do it
+- **Do visualize** - A good diagram is worth many paragraphs
+- **Do explore the codebase** - Ground discussions in reality
+- **Do question assumptions** - Including the user's and your own

.claude/commands/opsx/propose.md

@@ -0,0 +1,107 @@
+---
+name: "OPSX: Propose"
+description: Propose a new change - create it and generate all artifacts in one step
+category: Workflow
+tags: [workflow, artifacts, experimental]
+---
+
+Propose a new change - create the change and generate all artifacts in one step.
+
+I'll create a change with artifacts:
+- proposal.md (what & why)
+- design.md (how)
+- tasks.md (implementation steps)
+
+When ready to implement, run /opsx:apply
+
+---
+
+**Input**: The argument after `/opsx:propose` is the change name (kebab-case), OR a description of what the user wants to build.
+
+**Steps**
+
+1. **If no input provided, ask what they want to build**
+
+   Use the **AskUserQuestion tool** (open-ended, no preset options) to ask:
+   > "What change do you want to work on? Describe what you want to build or fix."
+
+   From their description, derive a kebab-case name (e.g., "add user authentication" → `add-user-auth`).
+
+   **IMPORTANT**: Do NOT proceed without understanding what the user wants to build.
+
+2. **Create the change directory**
+   ```bash
+   openspec new change "<name>"
+   ```
+   This creates a scaffolded change in the planning home resolved by the CLI with `.openspec.yaml`.
+
+3. **Get the artifact build order**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to get:
+   - `applyRequires`: array of artifact IDs needed before implementation (e.g., `["tasks"]`)
+   - `artifacts`: list of all artifacts with their status and dependencies
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context. Use these instead of assuming repo-local paths.
+
+4. **Create artifacts in sequence until apply-ready**
+
+   Use the **TodoWrite tool** to track progress through the artifacts.
+
+   Loop through artifacts in dependency order (artifacts with no pending dependencies first):
+
+   a. **For each artifact that is `ready` (dependencies satisfied)**:
+      - Get instructions:
+        ```bash
+        openspec instructions <artifact-id> --change "<name>" --json
+        ```
+      - The instructions JSON includes:
+        - `context`: Project background (constraints for you - do NOT include in output)
+        - `rules`: Artifact-specific rules (constraints for you - do NOT include in output)
+        - `template`: The structure to use for your output file
+        - `instruction`: Schema-specific guidance for this artifact type
+        - `resolvedOutputPath`: Resolved path or pattern to write the artifact
+        - `dependencies`: Completed artifacts to read for context
+      - Read any completed dependency files for context
+      - Create the artifact file using `template` as the structure and write it to `resolvedOutputPath`
+      - Apply `context` and `rules` as constraints - but do NOT copy them into the file
+      - Show brief progress: "Created <artifact-id>"
+
+   b. **Continue until all `applyRequires` artifacts are complete**
+      - After creating each artifact, re-run `openspec status --change "<name>" --json`
+      - Check if every artifact ID in `applyRequires` has `status: "done"` in the artifacts array
+      - Stop when all `applyRequires` artifacts are done
+
+   c. **If an artifact requires user input** (unclear context):
+      - Use **AskUserQuestion tool** to clarify
+      - Then continue with creation
+
+5. **Show final status**
+   ```bash
+   openspec status --change "<name>"
+   ```
+
+**Output**
+
+After completing all artifacts, summarize:
+- Change name and location
+- List of artifacts created with brief descriptions
+- What's ready: "All artifacts created! Ready for implementation."
+- Prompt: "Run `/opsx:apply` to start implementing."
+
+**Artifact Creation Guidelines**
+
+- Follow the `instruction` field from `openspec instructions` for each artifact type
+- The schema defines what each artifact should contain - follow it
+- Read dependency artifacts for context before creating new ones
+- Use `template` as the structure for your output file - fill in its sections
+- **IMPORTANT**: `context` and `rules` are constraints for YOU, not content for the file
+  - Do NOT copy `<context>`, `<rules>`, `<project_context>` blocks into the artifact
+  - These guide what you write, but should never appear in the output
+
+**Guardrails**
+- Create ALL artifacts needed for implementation (as defined by schema's `apply.requires`)
+- Always read dependency artifacts before creating a new one
+- If context is critically unclear, ask the user - but prefer making reasonable decisions to keep momentum
+- If a change with that name already exists, ask if user wants to continue it or create a new one
+- Verify each artifact file exists after writing before proceeding to next

.claude/commands/opsx/sync.md

@@ -0,0 +1,143 @@
+---
+name: "OPSX: Sync"
+description: Sync delta specs from a change to main specs
+category: Workflow
+tags: [workflow, specs, experimental]
+---
+
+Sync delta specs from a change to main specs.
+
+This is an **agent-driven** operation - you will read delta specs and directly edit main specs to apply the changes. This allows intelligent merging (e.g., adding a scenario without copying the entire requirement).
+
+**Input**: Optionally specify a change name after `/opsx:sync` (e.g., `/opsx:sync add-auth`). If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **If no change name provided, prompt for selection**
+
+   Run `openspec list --json` to get available changes. Use the **AskUserQuestion tool** to let the user select.
+
+   Show changes that have delta specs (under `specs/` directory).
+
+   **IMPORTANT**: Do NOT guess or auto-select a change. Always let the user choose.
+
+2. **Resolve change context**
+
+   Run:
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+
+   If status reports `actionContext.mode: "workspace-planning"`, explain that workspace spec sync is not supported in this slice and STOP. Do not fall back to repo-local paths or edit linked repos.
+
+3. **Find delta specs**
+
+   Use `artifactPaths.specs.existingOutputPaths` from the status JSON as the list of delta spec files.
+
+   Each delta spec file contains sections like:
+   - `## ADDED Requirements` - New requirements to add
+   - `## MODIFIED Requirements` - Changes to existing requirements
+   - `## REMOVED Requirements` - Requirements to remove
+   - `## RENAMED Requirements` - Requirements to rename (FROM:/TO: format)
+
+   If no delta specs found, inform user and stop.
+
+4. **For each delta spec, apply changes to main specs**
+
+   For each repo-local capability delta spec path returned by the CLI:
+
+   a. **Read the delta spec** to understand the intended changes
+
+   b. **Read the main spec** at `openspec/specs/<capability>/spec.md` (may not exist yet)
+
+   c. **Apply changes intelligently**:
+
+      **ADDED Requirements:**
+      - If requirement doesn't exist in main spec → add it
+      - If requirement already exists → update it to match (treat as implicit MODIFIED)
+
+      **MODIFIED Requirements:**
+      - Find the requirement in main spec
+      - Apply the changes - this can be:
+        - Adding new scenarios (don't need to copy existing ones)
+        - Modifying existing scenarios
+        - Changing the requirement description
+      - Preserve scenarios/content not mentioned in the delta
+
+      **REMOVED Requirements:**
+      - Remove the entire requirement block from main spec
+
+      **RENAMED Requirements:**
+      - Find the FROM requirement, rename to TO
+
+   d. **Create new main spec** if capability doesn't exist yet:
+      - Create `openspec/specs/<capability>/spec.md`
+      - Add Purpose section (can be brief, mark as TBD)
+      - Add Requirements section with the ADDED requirements
+
+5. **Show summary**
+
+   After applying all changes, summarize:
+   - Which capabilities were updated
+   - What changes were made (requirements added/modified/removed/renamed)
+
+**Delta Spec Format Reference**
+
+```markdown
+## ADDED Requirements
+
+### Requirement: New Feature
+The system SHALL do something new.
+
+#### Scenario: Basic case
+- **WHEN** user does X
+- **THEN** system does Y
+
+## MODIFIED Requirements
+
+### Requirement: Existing Feature
+#### Scenario: New scenario to add
+- **WHEN** user does A
+- **THEN** system does B
+
+## REMOVED Requirements
+
+### Requirement: Deprecated Feature
+
+## RENAMED Requirements
+
+- FROM: `### Requirement: Old Name`
+- TO: `### Requirement: New Name`
+```
+
+**Key Principle: Intelligent Merging**
+
+Unlike programmatic merging, you can apply **partial updates**:
+- To add a scenario, just include that scenario under MODIFIED - don't copy existing scenarios
+- The delta represents *intent*, not a wholesale replacement
+- Use your judgment to merge changes sensibly
+
+**Output On Success**
+
+```
+## Specs Synced: <change-name>
+
+Updated main specs:
+
+**<capability-1>**:
+- Added requirement: "New Feature"
+- Modified requirement: "Existing Feature" (added 1 scenario)
+
+**<capability-2>**:
+- Created new spec file
+- Added requirement: "Another Feature"
+
+Main specs are now updated. The change remains active - archive when implementation is complete.
+```
+
+**Guardrails**
+- Read both delta and main specs before making changes
+- Preserve existing content not mentioned in delta
+- If something is unclear, ask for clarification
+- Show what you're changing as you go
+- The operation should be idempotent - running twice should give same result

.claude/skills/openspec-apply-change/SKILL.md

@@ -0,0 +1,159 @@
+---
+name: openspec-apply-change
+description: Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.4.1"
+---
+
+Implement tasks from an OpenSpec change.
+
+**Input**: Optionally specify a change name. If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **Select the change**
+
+   If a name is provided, use it. Otherwise:
+   - Infer from conversation context if the user mentioned a change
+   - Auto-select if only one active change exists
+   - If ambiguous, run `openspec list --json` to get available changes and use the **AskUserQuestion tool** to let the user select
+
+   Always announce: "Using change: <name>" and how to override (e.g., `/opsx:apply <other>`).
+
+2. **Check status to understand the schema**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used (e.g., "spec-driven")
+   - `planningHome`, `changeRoot`, and `actionContext`: planning scope and edit constraints
+   - Which artifact contains the tasks (typically "tasks" for spec-driven, check status for others)
+
+3. **Get apply instructions**
+
+   ```bash
+   openspec instructions apply --change "<name>" --json
+   ```
+
+   This returns:
+   - `contextFiles`: artifact ID -> array of concrete file paths (varies by schema - could be proposal/specs/design/tasks or spec/tests/implementation/docs)
+   - Progress (total, complete, remaining)
+   - Task list with status
+   - Dynamic instruction based on current state
+
+   **Handle states:**
+   - If `state: "blocked"` (missing artifacts): show message, suggest using openspec-continue-change
+   - If `state: "all_done"`: congratulate, suggest archive
+   - Otherwise: proceed to implementation
+
+   **Workspace guard:** If status JSON reports `actionContext.mode: "workspace-planning"` and `allowedEditRoots` is empty, explain that full workspace apply is not supported in this slice. Treat linked repos and folders as read-only context, ask the user to select an affected area through an explicit implementation workflow, and STOP before editing files.
+
+4. **Read context files**
+
+   Read every file path listed under `contextFiles` from the apply instructions output.
+   The files depend on the schema being used:
+   - **spec-driven**: proposal, specs, design, tasks
+   - Other schemas: follow the contextFiles from CLI output
+
+5. **Show current progress**
+
+   Display:
+   - Schema being used
+   - Progress: "N/M tasks complete"
+   - Remaining tasks overview
+   - Dynamic instruction from CLI
+
+6. **Implement tasks (loop until done or blocked)**
+
+   For each pending task:
+   - Show which task is being worked on
+   - Make the code changes required
+   - Keep changes minimal and focused
+   - Mark task complete in the tasks file: `- [ ]` → `- [x]`
+   - Continue to next task
+
+   **Pause if:**
+   - Task is unclear → ask for clarification
+   - Implementation reveals a design issue → suggest updating artifacts
+   - Error or blocker encountered → report and wait for guidance
+   - User interrupts
+
+7. **On completion or pause, show status**
+
+   Display:
+   - Tasks completed this session
+   - Overall progress: "N/M tasks complete"
+   - If all done: suggest archive
+   - If paused: explain why and wait for guidance
+
+**Output During Implementation**
+
+```
+## Implementing: <change-name> (schema: <schema-name>)
+
+Working on task 3/7: <task description>
+[...implementation happening...]
+✓ Task complete
+
+Working on task 4/7: <task description>
+[...implementation happening...]
+✓ Task complete
+```
+
+**Output On Completion**
+
+```
+## Implementation Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 7/7 tasks complete ✓
+
+### Completed This Session
+- [x] Task 1
+- [x] Task 2
+...
+
+All tasks complete! Ready to archive this change.
+```
+
+**Output On Pause (Issue Encountered)**
+
+```
+## Implementation Paused
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Progress:** 4/7 tasks complete
+
+### Issue Encountered
+<description of the issue>
+
+**Options:**
+1. <option 1>
+2. <option 2>
+3. Other approach
+
+What would you like to do?
+```
+
+**Guardrails**
+- Keep going through tasks until done or blocked
+- Always read context files before starting (from the apply instructions output)
+- If task is ambiguous, pause and ask before implementing
+- If implementation reveals issues, pause and suggest artifact updates
+- Keep code changes minimal and scoped to each task
+- Update task checkbox immediately after completing each task
+- Pause on errors, blockers, or unclear requirements - don't guess
+- Use contextFiles from CLI output, don't assume specific file names
+
+**Fluid Workflow Integration**
+
+This skill supports the "actions on a change" model:
+
+- **Can be invoked anytime**: Before all artifacts are done (if tasks exist), after partial implementation, interleaved with other actions
+- **Allows artifact updates**: If implementation reveals design issues, suggest updating artifacts - not phase-locked, work fluidly

.claude/skills/openspec-archive-change/SKILL.md

@@ -0,0 +1,117 @@
+---
+name: openspec-archive-change
+description: Archive a completed change in the experimental workflow. Use when the user wants to finalize and archive a change after implementation is complete.
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.4.1"
+---
+
+Archive a completed change in the experimental workflow.
+
+**Input**: Optionally specify a change name. If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **If no change name provided, prompt for selection**
+
+   Run `openspec list --json` to get available changes. Use the **AskUserQuestion tool** to let the user select.
+
+   Show only active changes (not already archived).
+   Include the schema used for each change if available.
+
+   **IMPORTANT**: Do NOT guess or auto-select a change. Always let the user choose.
+
+2. **Check artifact completion status**
+
+   Run `openspec status --change "<name>" --json` to check artifact completion.
+
+   Parse the JSON to understand:
+   - `schemaName`: The workflow being used
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context
+   - `artifacts`: List of artifacts with their status (`done` or other)
+
+   If status reports `actionContext.mode: "workspace-planning"`, explain that workspace archive is not supported in this slice and STOP. Do not move workspace changes into repo-local archives or edit linked repos.
+
+   **If any artifacts are not `done`:**
+   - Display warning listing incomplete artifacts
+   - Use **AskUserQuestion tool** to confirm user wants to proceed
+   - Proceed if user confirms
+
+3. **Check task completion status**
+
+   Read the tasks file (typically `tasks.md`) to check for incomplete tasks.
+
+   Count tasks marked with `- [ ]` (incomplete) vs `- [x]` (complete).
+
+   **If incomplete tasks found:**
+   - Display warning showing count of incomplete tasks
+   - Use **AskUserQuestion tool** to confirm user wants to proceed
+   - Proceed if user confirms
+
+   **If no tasks file exists:** Proceed without task-related warning.
+
+4. **Assess delta spec sync state**
+
+   Use `artifactPaths.specs.existingOutputPaths` from status JSON to check for delta specs. If none exist, proceed without sync prompt.
+
+   **If delta specs exist:**
+   - Compare each delta spec with its corresponding main spec at `openspec/specs/<capability>/spec.md`
+   - Determine what changes would be applied (adds, modifications, removals, renames)
+   - Show a combined summary before prompting
+
+   **Prompt options:**
+   - If changes needed: "Sync now (recommended)", "Archive without syncing"
+   - If already synced: "Archive now", "Sync anyway", "Cancel"
+
+   If user chooses sync, use Task tool (subagent_type: "general-purpose", prompt: "Use Skill tool to invoke openspec-sync-specs for change '<name>'. Delta spec analysis: <include the analyzed delta spec summary>"). Proceed to archive regardless of choice.
+
+5. **Perform the archive**
+
+   Create an `archive` directory under `planningHome.changesDir` if it doesn't exist:
+   ```bash
+   mkdir -p "<planningHome.changesDir>/archive"
+   ```
+
+   Generate target name using current date: `YYYY-MM-DD-<change-name>`
+
+   **Check if target already exists:**
+   - If yes: Fail with error, suggest renaming existing archive or using different date
+   - If no: Move `changeRoot` to the archive directory
+
+   ```bash
+   mv "<changeRoot>" "<planningHome.changesDir>/archive/YYYY-MM-DD-<name>"
+   ```
+
+6. **Display summary**
+
+   Show archive completion summary including:
+   - Change name
+   - Schema that was used
+   - Archive location
+   - Whether specs were synced (if applicable)
+   - Note about any warnings (incomplete artifacts/tasks)
+
+**Output On Success**
+
+```
+## Archive Complete
+
+**Change:** <change-name>
+**Schema:** <schema-name>
+**Archived to:** the archive path derived from `planningHome.changesDir`/YYYY-MM-DD-<name>/
+**Specs:** ✓ Synced to main specs (or "No delta specs" or "Sync skipped")
+
+All artifacts complete. All tasks complete.
+```
+
+**Guardrails**
+- Always prompt for change selection if not provided
+- Use artifact graph (openspec status --json) for completion checking
+- Don't block archive on warnings - just inform and confirm
+- Preserve .openspec.yaml when moving to archive (it moves with the directory)
+- Show clear summary of what happened
+- If sync is requested, use openspec-sync-specs approach (agent-driven)
+- If delta specs exist, always run the sync assessment and show the combined summary before prompting

.claude/skills/openspec-explore/SKILL.md

@@ -0,0 +1,287 @@
+---
+name: openspec-explore
+description: Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.4.1"
+---
+
+Enter explore mode. Think deeply. Visualize freely. Follow the conversation wherever it goes.
+
+**IMPORTANT: Explore mode is for thinking, not implementing.** You may read files, search code, and investigate the codebase, but you must NEVER write code or implement features. If the user asks you to implement something, remind them to exit explore mode first and create a change proposal. You MAY create OpenSpec artifacts (proposals, designs, specs) if the user asks—that's capturing thinking, not implementing.
+
+**This is a stance, not a workflow.** There are no fixed steps, no required sequence, no mandatory outputs. You're a thinking partner helping the user explore.
+
+---
+
+## The Stance
+
+- **Curious, not prescriptive** - Ask questions that emerge naturally, don't follow a script
+- **Open threads, not interrogations** - Surface multiple interesting directions and let the user follow what resonates. Don't funnel them through a single path of questions.
+- **Visual** - Use ASCII diagrams liberally when they'd help clarify thinking
+- **Adaptive** - Follow interesting threads, pivot when new information emerges
+- **Patient** - Don't rush to conclusions, let the shape of the problem emerge
+- **Grounded** - Explore the actual codebase when relevant, don't just theorize
+
+---
+
+## What You Might Do
+
+Depending on what the user brings, you might:
+
+**Explore the problem space**
+- Ask clarifying questions that emerge from what they said
+- Challenge assumptions
+- Reframe the problem
+- Find analogies
+
+**Investigate the codebase**
+- Map existing architecture relevant to the discussion
+- Find integration points
+- Identify patterns already in use
+- Surface hidden complexity
+
+**Compare options**
+- Brainstorm multiple approaches
+- Build comparison tables
+- Sketch tradeoffs
+- Recommend a path (if asked)
+
+**Visualize**
+```
+┌─────────────────────────────────────────┐
+│     Use ASCII diagrams liberally        │
+├─────────────────────────────────────────┤
+│                                         │
+│      ┌────────┐         ┌────────┐      │
+│      │ State  │────────▶│ State  │      │
+│      │   A    │         │   B    │      │
+│      └────────┘         └────────┘      │
+│                                         │
+│   System diagrams, state machines,      │
+│   data flows, architecture sketches,    │
+│   dependency graphs, comparison tables  │
+│                                         │
+└─────────────────────────────────────────┘
+```
+
+**Surface risks and unknowns**
+- Identify what could go wrong
+- Find gaps in understanding
+- Suggest spikes or investigations
+
+---
+
+## OpenSpec Awareness
+
+You have full context of the OpenSpec system. Use it naturally, don't force it.
+
+### Check for context
+
+At the start, quickly check what exists:
+```bash
+openspec list --json
+```
+
+This tells you:
+- If there are active changes
+- Their names, schemas, and status
+- What the user might be working on
+
+### When no change exists
+
+Think freely. When insights crystallize, you might offer:
+
+- "This feels solid enough to start a change. Want me to create a proposal?"
+- Or keep exploring - no pressure to formalize
+
+### When a change exists
+
+If the user mentions a change or you detect one is relevant:
+
+1. **Resolve and read existing artifacts for context**
+   - Run `openspec status --change "<name>" --json`.
+   - Use `changeRoot`, `artifactPaths`, and `actionContext` from the status JSON.
+   - Read existing files from `artifactPaths.<artifact>.existingOutputPaths`.
+
+2. **Reference them naturally in conversation**
+   - "Your design mentions using Redis, but we just realized SQLite fits better..."
+   - "The proposal scopes this to premium users, but we're now thinking everyone..."
+
+3. **Offer to capture when decisions are made**
+
+    | Insight Type               | Where to Capture               |
+    |----------------------------|--------------------------------|
+    | New requirement discovered | `specs/<capability>/spec.md` |
+    | Requirement changed        | `specs/<capability>/spec.md` |
+    | Design decision made       | `design.md`                  |
+    | Scope changed              | `proposal.md`                |
+    | New work identified        | `tasks.md`                   |
+    | Assumption invalidated     | Relevant artifact              |
+
+   Example offers:
+   - "That's a design decision. Capture it in design.md?"
+   - "This is a new requirement. Add it to specs?"
+   - "This changes scope. Update the proposal?"
+
+4. **The user decides** - Offer and move on. Don't pressure. Don't auto-capture.
+
+---
+
+## What You Don't Have To Do
+
+- Follow a script
+- Ask the same questions every time
+- Produce a specific artifact
+- Reach a conclusion
+- Stay on topic if a tangent is valuable
+- Be brief (this is thinking time)
+
+---
+
+## Handling Different Entry Points
+
+**User brings a vague idea:**
+```
+User: I'm thinking about adding real-time collaboration
+
+You: Real-time collab is a big space. Let me think about this...
+
+      COLLABORATION SPECTRUM
+      ════════════════════════════════════════════
+
+      Awareness          Coordination         Sync
+          │                   │                 │
+          ▼                   ▼                 ▼
+      ┌────────┐         ┌────────┐        ┌────────┐
+      │Presence│         │Cursors │        │  CRDT  │
+      │  "3    │         │ Multi  │        │Conflict│
+      │online" │         │ select │        │  free  │
+      └────────┘         └────────┘        └────────┘
+          │                   │                 │
+       trivial            moderate           complex
+
+      Where's your head at?
+```
+
+**User brings a specific problem:**
+```
+User: The auth system is a mess
+
+You: [reads codebase]
+
+     ┌─────────────────────────────────────────────┐
+     │              CURRENT AUTH FLOW              │
+     └─────────────────────────────────────────────┘
+                        │
+          ┌─────────────┼─────────────┐
+          ▼             ▼             ▼
+     ┌─────────┐  ┌─────────┐  ┌─────────┐
+     │ Google  │  │  GitHub │  │  Email  │
+     │  OAuth  │  │  OAuth  │  │  Magic  │
+     └────┬────┘  └────┬────┘  └────┬────┘
+          │             │             │
+          └─────────────┼─────────────┘
+                        ▼
+                  ┌───────────┐
+                  │  Session  │
+                  └─────┬─────┘
+                        │
+                        ▼
+                  ┌───────────┐
+                  │   Perms   │
+                  └───────────┘
+
+     I see three tangles. Which one's burning?
+```
+
+**User is stuck mid-implementation:**
+```
+User: /opsx:explore add-auth-system
+      The OAuth integration is more complex than expected
+
+You: [reads change artifacts]
+
+     You're on task 4: "Implement OAuth flow"
+
+     Let me trace what's involved...
+
+     [draws diagram, explores options, suggests paths]
+
+     Want to update the design to reflect this?
+     Or add a spike task to investigate?
+```
+
+**User wants to compare options:**
+```
+User: Should we use Postgres or SQLite?
+
+You: Generic answer is boring. What's the context?
+
+User: A CLI tool that tracks local dev environments
+
+You: That changes everything.
+
+     ┌─────────────────────────────────────────────────┐
+     │          CLI TOOL DATA STORAGE                  │
+     └─────────────────────────────────────────────────┘
+
+     Key constraints:
+     • No daemon running
+     • Must work offline
+     • Single user
+
+                  SQLite          Postgres
+     Deployment   embedded ✓      needs server ✗
+     Offline      yes ✓           no ✗
+     Single file  yes ✓           no ✗
+
+     SQLite. Not even close.
+
+     Unless... is there a sync component?
+```
+
+---
+
+## Ending Discovery
+
+There's no required ending. Discovery might:
+
+- **Flow into a proposal**: "Ready to start? I can create a change proposal."
+- **Result in artifact updates**: "Updated design.md with these decisions"
+- **Just provide clarity**: User has what they need, moves on
+- **Continue later**: "We can pick this up anytime"
+
+When it feels like things are crystallizing, you might summarize:
+
+```
+## What We Figured Out
+
+**The problem**: [crystallized understanding]
+
+**The approach**: [if one emerged]
+
+**Open questions**: [if any remain]
+
+**Next steps** (if ready):
+- Create a change proposal
+- Keep exploring: just keep talking
+```
+
+But this summary is optional. Sometimes the thinking IS the value.
+
+---
+
+## Guardrails
+
+- **Don't implement** - Never write code or implement features. Creating OpenSpec artifacts is fine, writing application code is not.
+- **Don't fake understanding** - If something is unclear, dig deeper
+- **Don't rush** - Discovery is thinking time, not task time
+- **Don't force structure** - Let patterns emerge naturally
+- **Don't auto-capture** - Offer to save insights, don't just do it
+- **Do visualize** - A good diagram is worth many paragraphs
+- **Do explore the codebase** - Ground discussions in reality
+- **Do question assumptions** - Including the user's and your own

.claude/skills/openspec-propose/SKILL.md

@@ -0,0 +1,111 @@
+---
+name: openspec-propose
+description: Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.4.1"
+---
+
+Propose a new change - create the change and generate all artifacts in one step.
+
+I'll create a change with artifacts:
+- proposal.md (what & why)
+- design.md (how)
+- tasks.md (implementation steps)
+
+When ready to implement, run /opsx:apply
+
+---
+
+**Input**: The user's request should include a change name (kebab-case) OR a description of what they want to build.
+
+**Steps**
+
+1. **If no clear input provided, ask what they want to build**
+
+   Use the **AskUserQuestion tool** (open-ended, no preset options) to ask:
+   > "What change do you want to work on? Describe what you want to build or fix."
+
+   From their description, derive a kebab-case name (e.g., "add user authentication" → `add-user-auth`).
+
+   **IMPORTANT**: Do NOT proceed without understanding what the user wants to build.
+
+2. **Create the change directory**
+   ```bash
+   openspec new change "<name>"
+   ```
+   This creates a scaffolded change in the planning home resolved by the CLI with `.openspec.yaml`.
+
+3. **Get the artifact build order**
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+   Parse the JSON to get:
+   - `applyRequires`: array of artifact IDs needed before implementation (e.g., `["tasks"]`)
+   - `artifacts`: list of all artifacts with their status and dependencies
+   - `planningHome`, `changeRoot`, `artifactPaths`, and `actionContext`: path and scope context. Use these instead of assuming repo-local paths.
+
+4. **Create artifacts in sequence until apply-ready**
+
+   Use the **TodoWrite tool** to track progress through the artifacts.
+
+   Loop through artifacts in dependency order (artifacts with no pending dependencies first):
+
+   a. **For each artifact that is `ready` (dependencies satisfied)**:
+      - Get instructions:
+        ```bash
+        openspec instructions <artifact-id> --change "<name>" --json
+        ```
+      - The instructions JSON includes:
+        - `context`: Project background (constraints for you - do NOT include in output)
+        - `rules`: Artifact-specific rules (constraints for you - do NOT include in output)
+        - `template`: The structure to use for your output file
+        - `instruction`: Schema-specific guidance for this artifact type
+        - `resolvedOutputPath`: Resolved path or pattern to write the artifact
+        - `dependencies`: Completed artifacts to read for context
+      - Read any completed dependency files for context
+      - Create the artifact file using `template` as the structure and write it to `resolvedOutputPath`
+      - Apply `context` and `rules` as constraints - but do NOT copy them into the file
+      - Show brief progress: "Created <artifact-id>"
+
+   b. **Continue until all `applyRequires` artifacts are complete**
+      - After creating each artifact, re-run `openspec status --change "<name>" --json`
+      - Check if every artifact ID in `applyRequires` has `status: "done"` in the artifacts array
+      - Stop when all `applyRequires` artifacts are done
+
+   c. **If an artifact requires user input** (unclear context):
+      - Use **AskUserQuestion tool** to clarify
+      - Then continue with creation
+
+5. **Show final status**
+   ```bash
+   openspec status --change "<name>"
+   ```
+
+**Output**
+
+After completing all artifacts, summarize:
+- Change name and location
+- List of artifacts created with brief descriptions
+- What's ready: "All artifacts created! Ready for implementation."
+- Prompt: "Run `/opsx:apply` or ask me to implement to start working on the tasks."
+
+**Artifact Creation Guidelines**
+
+- Follow the `instruction` field from `openspec instructions` for each artifact type
+- The schema defines what each artifact should contain - follow it
+- Read dependency artifacts for context before creating new ones
+- Use `template` as the structure for your output file - fill in its sections
+- **IMPORTANT**: `context` and `rules` are constraints for YOU, not content for the file
+  - Do NOT copy `<context>`, `<rules>`, `<project_context>` blocks into the artifact
+  - These guide what you write, but should never appear in the output
+
+**Guardrails**
+- Create ALL artifacts needed for implementation (as defined by schema's `apply.requires`)
+- Always read dependency artifacts before creating a new one
+- If context is critically unclear, ask the user - but prefer making reasonable decisions to keep momentum
+- If a change with that name already exists, ask if user wants to continue it or create a new one
+- Verify each artifact file exists after writing before proceeding to next

.claude/skills/openspec-sync-specs/SKILL.md

@@ -0,0 +1,147 @@
+---
+name: openspec-sync-specs
+description: Sync delta specs from a change to main specs. Use when the user wants to update main specs with changes from a delta spec, without archiving the change.
+license: MIT
+compatibility: Requires openspec CLI.
+metadata:
+  author: openspec
+  version: "1.0"
+  generatedBy: "1.4.1"
+---
+
+Sync delta specs from a change to main specs.
+
+This is an **agent-driven** operation - you will read delta specs and directly edit main specs to apply the changes. This allows intelligent merging (e.g., adding a scenario without copying the entire requirement).
+
+**Input**: Optionally specify a change name. If omitted, check if it can be inferred from conversation context. If vague or ambiguous you MUST prompt for available changes.
+
+**Steps**
+
+1. **If no change name provided, prompt for selection**
+
+   Run `openspec list --json` to get available changes. Use the **AskUserQuestion tool** to let the user select.
+
+   Show changes that have delta specs (under `specs/` directory).
+
+   **IMPORTANT**: Do NOT guess or auto-select a change. Always let the user choose.
+
+2. **Resolve change context**
+
+   Run:
+   ```bash
+   openspec status --change "<name>" --json
+   ```
+
+   If status reports `actionContext.mode: "workspace-planning"`, explain that workspace spec sync is not supported in this slice and STOP. Do not fall back to repo-local paths or edit linked repos.
+
+3. **Find delta specs**
+
+   Use `artifactPaths.specs.existingOutputPaths` from the status JSON as the list of delta spec files.
+
+   Each delta spec file contains sections like:
+   - `## ADDED Requirements` - New requirements to add
+   - `## MODIFIED Requirements` - Changes to existing requirements
+   - `## REMOVED Requirements` - Requirements to remove
+   - `## RENAMED Requirements` - Requirements to rename (FROM:/TO: format)
+
+   If no delta specs found, inform user and stop.
+
+4. **For each delta spec, apply changes to main specs**
+
+   For each repo-local capability delta spec path returned by the CLI:
+
+   a. **Read the delta spec** to understand the intended changes
+
+   b. **Read the main spec** at `openspec/specs/<capability>/spec.md` (may not exist yet)
+
+   c. **Apply changes intelligently**:
+
+      **ADDED Requirements:**
+      - If requirement doesn't exist in main spec → add it
+      - If requirement already exists → update it to match (treat as implicit MODIFIED)
+
+      **MODIFIED Requirements:**
+      - Find the requirement in main spec
+      - Apply the changes - this can be:
+        - Adding new scenarios (don't need to copy existing ones)
+        - Modifying existing scenarios
+        - Changing the requirement description
+      - Preserve scenarios/content not mentioned in the delta
+
+      **REMOVED Requirements:**
+      - Remove the entire requirement block from main spec
+
+      **RENAMED Requirements:**
+      - Find the FROM requirement, rename to TO
+
+   d. **Create new main spec** if capability doesn't exist yet:
+      - Create `openspec/specs/<capability>/spec.md`
+      - Add Purpose section (can be brief, mark as TBD)
+      - Add Requirements section with the ADDED requirements
+
+5. **Show summary**
+
+   After applying all changes, summarize:
+   - Which capabilities were updated
+   - What changes were made (requirements added/modified/removed/renamed)
+
+**Delta Spec Format Reference**
+
+```markdown
+## ADDED Requirements
+
+### Requirement: New Feature
+The system SHALL do something new.
+
+#### Scenario: Basic case
+- **WHEN** user does X
+- **THEN** system does Y
+
+## MODIFIED Requirements
+
+### Requirement: Existing Feature
+#### Scenario: New scenario to add
+- **WHEN** user does A
+- **THEN** system does B
+
+## REMOVED Requirements
+
+### Requirement: Deprecated Feature
+
+## RENAMED Requirements
+
+- FROM: `### Requirement: Old Name`
+- TO: `### Requirement: New Name`
+```
+
+**Key Principle: Intelligent Merging**
+
+Unlike programmatic merging, you can apply **partial updates**:
+- To add a scenario, just include that scenario under MODIFIED - don't copy existing scenarios
+- The delta represents *intent*, not a wholesale replacement
+- Use your judgment to merge changes sensibly
+
+**Output On Success**
+
+```
+## Specs Synced: <change-name>
+
+Updated main specs:
+
+**<capability-1>**:
+- Added requirement: "New Feature"
+- Modified requirement: "Existing Feature" (added 1 scenario)
+
+**<capability-2>**:
+- Created new spec file
+- Added requirement: "Another Feature"
+
+Main specs are now updated. The change remains active - archive when implementation is complete.
+```
+
+**Guardrails**
+- Read both delta and main specs before making changes
+- Preserve existing content not mentioned in delta
+- If something is unclear, ask for clarification
+- Show what you're changing as you go
+- The operation should be idempotent - running twice should give same result

.github/workflows/i18n-audit.yml

@@ -0,0 +1,33 @@
+# GitHub Actions 示例:i18n audit on PR
+name: i18n-audit
+
+on:
+  pull_request:
+    paths:
+      - 'lang/**'
+      - 'lang-bundle.json'
+      - '**/*.vue'
+      - '**/*.js'
+      - 'scripts/i18n_audit.py'
+      - 'scripts/audit_lang_bundle_v2.py'
+
+jobs:
+  audit:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - uses: actions/setup-python@v5
+        with:
+          python-version: '3.11'
+      - name: Run i18n audit
+        run: |
+          python scripts/i18n_audit.py --strict
+      - name: Upload audit report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: i18n-audit-report
+          path: scripts/lang_audit_report_v2.json

.gitignore

@@ -1,4 +1,87 @@
 /unpackage
-/.hbuilderx
 /.idea
+/.logs
 /node_modules
+/iconfont-preview.html
+
+.codebuddy
+.workbuddy
+.vscode
+.trae*
+# 本地调试配置 (含 uniacid / 域名, 每人不同, 不应入仓)
+# 注意: 如果 .local.config.js 已经被之前的 commit 入仓,
+#       需要手动 `git rm --cached .local.config.js` 并用 filter-branch
+#       清理历史 (仅限团队协商后操作)
+.local.config.js
+
+# 鸿蒙元服务构建产物 (被 .gitignore 的只是产物, HAR 元数据需要 git 管理)
+# 重要: ascf_build 根目录的元数据 (oh-package.json5 / Index.ets / build-profile.json5 / ...)
+#       必须被 git 管理, 否则无法追踪 "module.name 被清空" 等回归。
+#       这些元数据通过下方的 ! 取反规则显式纳入 git。
+stub-app-projects/mp-harmony/ascf/ascf_src
+stub-app-projects/mp-harmony/entry/src/main/resources/rawfile
+
+# ascf_build/<pkg>/ 是 HAR 包定义
+# 区分两类内容:
+#   1. 必须入 git (元数据 / 构建配置 / HAR 入口):
+#      - oh-package.json5, build-profile.json5, hvigorfile.ts
+#      - obfuscation-rules.txt, src/main/module.json5
+#      - src/main/resources/base/element/string.json (HAR i18n)
+#   2. 每次构建覆盖 (不应入 git):
+#      - src/main/resources/rawfile/** : 鸿蒙端从 ascf_src 同步的编译产物
+#      - Index.ets : 空壳文件, 无内容
+#      - build/, oh_modules/, .preview/, .cxx/, .test/, node_modules/
+
+# rawfile/ 整体 ignore (鸿蒙端每次 Build 重新生成)
+stub-app-projects/mp-harmony/ascf/ascf_build/**/rawfile/**
+
+# Index.ets 是空壳 (每个包都是 0 字节), 不入 git
+stub-app-projects/mp-harmony/ascf/ascf_build/**/Index.ets
+
+# 其他产物目录
+stub-app-projects/mp-harmony/ascf/ascf_build/**/build
+stub-app-projects/mp-harmony/ascf/ascf_build/**/oh_modules
+stub-app-projects/mp-harmony/ascf/ascf_build/**/.preview
+stub-app-projects/mp-harmony/ascf/ascf_build/**/.cxx
+stub-app-projects/mp-harmony/ascf/ascf_build/**/.test
+stub-app-projects/mp-harmony/ascf/ascf_build/**/node_modules
+
+# entry 下的产物
+stub-app-projects/mp-harmony/entry/build
+stub-app-projects/mp-harmony/entry/oh_modules
+stub-app-projects/mp-harmony/entry/.preview
+stub-app-projects/mp-harmony/entry/.cxx
+stub-app-projects/mp-harmony/entry/.test
+stub-app-projects/mp-harmony/entry/node_modules
+# 鸿蒙工程顶层产物 (.hvigor / hvigor / .idea 已在根 .gitignore 范围或更精准的鸿蒙子 .gitignore)
+stub-app-projects/mp-harmony/oh_modules
+stub-app-projects/mp-harmony/.hvigor
+stub-app-projects/mp-harmony/.idea
+# 鸿蒙 hvigor 自身依赖
+stub-app-projects/mp-harmony/hvigor
+# Trae/IDE 临时文件
+.hvigor/outputs
+.trae_permission_check_*
+
+# 本地测试脚本与产物归档（不入 git, 留本地复用）
+# 内容: Playwright 截图 / 测试脚本 / 对比图 / 临时提交草稿
+# 复用方式: cd _test_archive && python xxx.py
+_test_archive/
+
+# 兜底:防止任何临时测试文件被遗漏在根目录
+# 名称以 _test_/_compare_/_auth_ 开头, 或 check_button.py 等
+_test_*.png
+_test_*.html
+_compare*.png
+_compare*.py
+_auth_*.json
+_commit_msg.txt
+/check_button.py
+# 鸿蒙签名材料 (敏感, 绝不能提交到公共 git)
+# 仓库有 origin (github.com/Zajd/jsysq-uniapp) 是公开仓库, 签名材料必须 gitignore
+stub-app-projects/mp-harmony/**/cert-profile
+stub-app-projects/mp-harmony/**/.p12
+stub-app-projects/mp-harmony/**/.p7b
+stub-app-projects/mp-harmony/**/.cer
+stub-app-projects/mp-harmony/**/.csr
+stub-app-projects/mp-harmony/**/material

.hbuilderx/launch.json

@@ -0,0 +1,13 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "openVueDevtools" : true,
+            "type" : "uni-app:h5"
+        },
+        {
+            "playground" : "standard",
+            "type" : "uni-app:app-android"
+        }
+    ]
+}

.husky/pre-commit

@@ -0,0 +1,43 @@
+#!/usr/bin/env sh
+#
+# 自动 hook:i18n 完整性。
+# 在 commit 前,如果改动触及 lang/、使用 $lang() 的 .vue/.js,或 lang-bundle.json,
+# 就跑一次审计,真问题会拦下 commit。
+#
+# 启用方法:
+#   1) 项目根已有 .husky/pre-commit(本脚本)
+#   2) 把这个 commit-msg / pre-commit 加入 husky 钩子(本仓库用 simple-git-hooks
+#      或 husky 都行,本脚本不依赖特定框架)
+#
+# 也可以在 CI 跑:
+#   python scripts/i18n_audit.py --strict
+
+set -e
+
+# 检测本次 diff 是否触动相关文件
+changed=$(git diff --cached --name-only HEAD)
+
+relevant=$(echo "$changed" | grep -E '(lang/|lang-bundle\.json|\.vue$|\.js$)' | grep -v 'scripts/i18n_audit\|scripts/audit\|scripts/I18N_AUDIT' || true)
+
+if [ -z "$relevant" ]; then
+  echo "[pre-commit] No lang-touching files; skip i18n audit."
+  exit 0
+fi
+
+echo "[pre-commit] Running i18n audit on changed files:"
+echo "$relevant" | sed 's/^/  /'
+
+cd "$(git rev-parse --show-toplevel)"
+
+if command -v python >/dev/null 2>&1; then
+  if python scripts/i18n_audit.py --strict; then
+    echo "[pre-commit] i18n OK"
+    exit 0
+  else
+    echo "[pre-commit] i18n FAILED — 修复方法见 scripts/I18N_AUDIT.md"
+    exit 1
+  fi
+else
+  echo "[pre-commit] python not available; skipping"
+  exit 0
+fi

.local.config.js

@@ -0,0 +1,265 @@
+// 本地调试配置示例文件
+// 复制此文件并重命名为 local.config.js 以使用自定义本地配置
+
+const localDevConfig = ({
+    '460': { // 制氧设备平台
+        uniacid: 460,
+        domain: 'https://xcx30.5g-quickapp.com/',
+    },
+    '576-xcx30.5g': { // 活性石灰装备
+        uniacid: 576,
+        domain: 'https://xcx30.5g-quickapp.com/',
+    },
+    '2285': { // 数码喷墨墨水
+        uniacid: 2285,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '2811': { // POCT检测分析平台
+        uniacid: 2811,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },
+    '2881': { // 防爆电器
+        uniacid: 2881,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },
+    '2724': { // 生物菌肥
+        uniacid: 2724,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '2505': { // 煤矿钻机
+        uniacid: 2505,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '2777': { // 养老服务
+        uniacid: 2777,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '1': { // 开发平台
+        uniacid: 1,
+        domain: 'https://dev.aigc-quickapp.com',
+    },
+    '1-test': { // 测试平台
+        uniacid: 1,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '11-test': { // 测试平台
+        uniacid: 11,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '18-test': { // 测试平台
+        uniacid: 18,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    'local-2': { // 测试平台
+        uniacid: 2,
+        domain: 'http://localhost:8050/',
+    },
+    'local-1': { // 测试平台
+        uniacid: 1,
+        domain: 'http://192.168.197.1:8050/',
+        // domain: 'http://localhost:8050/',
+    },
+    '192.168.8.118-1': { // 测试平台
+        uniacid: 1,
+        domain: 'http://192.168.8.118:8050/',
+        // domain: 'http://localhost:8050/',
+    },
+    'local-11': { // 测试平台
+        uniacid: 11,
+        domain: 'http://localhost:8050/',
+    },
+    '100': {// 口译教学
+        uniacid: 100,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '1': {
+        uniacid: 1,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '115': {// 低压断路器
+        uniacid: 115,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-11': {// 铝箔袋包装
+        uniacid: 11,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-206': {// 气体探测
+        uniacid: 206,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-165': { // 鸡肉调理品, 优惠卷显示不全，及逻辑错误
+        uniacid: 165,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '47': { // 免疫细胞干细胞外泌体 ，修改弹窗
+        uniacid: 47,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '145': { //昆山昆创净化科技有限公司  ， 表单链接转义问题
+        uniacid: 145,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-213': { // 碱性康养水天然泡茶水 ， 单图组点击链接无法跳转
+        uniacid: 213,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-4': {  // 高端硅钢制造装备 ， 公告点击链接无法跳转
+        uniacid: 4,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-97': {  // 大宗商品贸易，支持自定义字体大小、颜色
+        uniacid: 97,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-50': {  // 燃气安全产品机器人，购物车无反应
+        uniacid: 50,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-237': { //高活性氧化镁  商品分类，没有立即咨询文字
+        uniacid: 237,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '2847': { // 家居装饰品
+        uniacid: 2847,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '2482': { // 低空经济
+        uniacid: 2482,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },
+    '2485': { // 智能物流仓储 ， 验证电子表单前后端数据一致性
+        uniacid: 2485,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },
+    '2821': { // 离型纸硅油纸
+        uniacid: 2821,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '18': { // 测试平台
+        uniacid: 18,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '2': { // 测试平台
+        uniacid: 2,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '48': { // 测试平台
+        uniacid: 48,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    'test-12': { // 户外鞋，测试优惠券
+        uniacid: 12,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '248': {  // 工业称重系统垃圾吊电子秤，支持自定义字体大小、颜色
+        uniacid: 248,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '228': { // 反渗透阻垢剂RO装置  商品分类，没有立即咨询文字
+        uniacid: 228,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '2797': { //气雾栽培机，视频组件安卓ios播放正常
+        uniacid: 2797,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '5g-95': { // 加热器 ，商品分类，没有立即咨询文字
+        uniacid: 95,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-160': { // 过瘤胃瘤胃保护，商品详情视频
+        uniacid: 160,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '5g-268': { // 合成孔径雷达，一级分类背景字体颜色
+        uniacid: 268,
+        domain: 'https://5g.aigc-quickapp.com/',
+    },
+    '225-test': { // 测试平台
+        uniacid: 225,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    '192.168.8.118-321': { // 测试平台
+        uniacid: 321,
+        domain: 'http://192.168.8.118:8050/',
+        // domain: 'http://localhost:8050/',
+    },
+	'5g-59': { // 脱模剂粘合剂乐瑞固Lorechem
+	    uniacid: 59,
+	    domain: 'https://5g.aigc-quickapp.com/',
+	},
+	'5g-204': { // 热固性塑料，公告不跳转
+	    uniacid: 204,
+	    domain: 'https://5g.aigc-quickapp.com/',
+	},
+	'5g-351': { // 洗车机，商品详情的销量，购物车，库存隐藏
+	    uniacid: 351,
+	    domain: 'https://5g.aigc-quickapp.com/',
+	},
+	'2709': { // 中央厨房
+	    uniacid: 2709,
+	    domain: 'https://xcx.aigc-quickapp.com/',
+	},
+	'192.168.8.118-325': { // 测试平台
+	    uniacid: 325,
+	    domain: 'http://192.168.8.118:8050/',
+	    // domain: 'http://localhost:8050/',
+	},
+	'2505': { // 煤矿钻机
+	    uniacid: 2505,
+	    domain: 'https://xcx.aigc-quickapp.com/',
+	},
+	'3007': { // 钎焊材料
+	    uniacid: 3007,
+	    domain: 'https://xcx.aigc-quickapp.com/',
+	},
+	'2843': { // 蔬菜种子网
+	    uniacid: 2843,
+	    domain: 'https://xcx.aigc-quickapp.com/',
+	},
+	'5g-317': { // 电磁兼容，模板显示不全商品
+		    uniacid: 317,
+		    domain: 'https://5g.aigc-quickapp.com/',
+		},
+		
+	'5g-312': { // 天然植物功效活性物
+			uniacid: 312,
+			domain: 'https://5g.aigc-quickapp.com/',
+			},
+	'5g-248': { // 工业称重
+			uniacid: 248,
+			 domain: 'https://5g.aigc-quickapp.com/',
+			},
+	'5g-325': { // 检验检测机构
+			uniacid: 325,
+			domain: 'https://5g.aigc-quickapp.com/',
+			},
+// })['5g-237']; // 商品分类，没有立即咨询文字
+// })['5g-97']; // 大宗商品贸易，支持自定义字体大小、颜色
+// })['5g-50']; // 燃气安全产品机器人，购物车无反应
+// })['2821']; // 离型纸硅油纸
+// })['2482']; // 低空经济
+// })['48']; // 离型纸硅油纸
+// })['2485']; // 验证电子表单前后端数据一致性
+// })['5g-11']; // 数码
+// })['5g-213']; // 选择要使用的环境配置
+// })['2881']; // 鸡肉调理品, 优惠卷显示不全，及逻辑错误
+// })['2724']; // 生物菌肥
+// })['2811']; // 选择要使用的环境配置
+// })['5g-351']; //洗车机 
+// })['5g-204']; //热固性塑料
+// })['5g-59']; //合成孔径雷达
+// })['2709']; //中央厨房
+// })['3007']; //钎焊材料
+// })['2505']; //煤矿钻机
+// })['local-11']; // 选择要使用的环境配置
+// })['2811']; // 本地
+// })['5g-317']; // 电磁兼容
+// })['5g-351']; // 
+ })['2843']; // 本地
+// })['local-2']; // 本地
+// })['local-11']; // 本地
+// })['1-test']; // test
+// })['test-12']; // test
+export default localDevConfig;

.local.config.js.example

@@ -0,0 +1,55 @@
+// 本地调试配置示例文件
+// 复制此文件并重命名为 local.config.js 以使用自定义本地配置
+
+const localDevConfig = ({
+    '460': { // 制氧设备平台
+        uniacid: 460,
+        domain: 'https://xcx30.5g-quickapp.com/',
+    },
+    '576-xcx30.5g': { // 活性石灰装备
+        uniacid: 576,
+        domain: 'https://xcx30.5g-quickapp.com/',
+    },    
+    '2285': { // 数码喷墨墨水
+        uniacid: 2285,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },
+    '2811': { // POCT检测分析平台
+        uniacid: 2811,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },  
+    '2812': { // IVD数商模式
+        uniacid: 2812,
+        domain: 'https://xcx6.aigc-quickapp.com/',
+    },    
+    '2724': { // 生物菌肥
+        uniacid: 2724,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },     
+    '2505': { // 煤矿钻机
+        uniacid: 2505,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },   
+    '2777': { // 养老服务
+        uniacid: 2777,
+        domain: 'https://xcx.aigc-quickapp.com/',
+    },         
+    '1': { // 开发平台
+        uniacid: 1,
+        domain: 'https://dev.aigc-quickapp.com',
+    },
+    '1-test': { // 测试平台
+        uniacid: 1,
+        domain: 'https://test.aigc-quickapp.com',
+    },
+    'local-2': { // 测试平台
+        uniacid: 2,
+        domain: 'http://localhost:8050/',
+    },    
+    'local-2-dev': { // 本地开发测试平台
+        uniacid: 2,
+        domain: 'http://localhost:8050/',
+    },     
+})['2812']; // 选择要使用的环境配置
+
+export default localDevConfig;

App.vue

@@ -1,69 +1,419 @@
 <script>
 	import auth from 'common/js/auth.js';
-	import colorList from 'common/js/style_color.js'
+	import configExternal, { themeConfig, privacyConfig } from 'common/js/config-external.js'
+	import Lang from 'common/js/lang.js';
+	import ThemeOverride from 'common/js/theme-override.js';
+	import PrivacyManager from 'common/js/privacy.js';
+	import splashState from 'common/js/splash-state.js';
+	// PR-MULTI-TURN-KEY-BINDING (2026-09-18): AI 客服会话 key 切换
+	//   登录态恢复后通知 aiService 清旧 user key,避免串会话
+	import aiService from 'common/js/ai-service.js';
+	import { markNeedStartupAd } from 'common/js/startup-ad.js';
+
+	// 记录 App 是否已至少展示过一次: 首次 onShow = 启动展示(由 onLaunch 完成初始化),
+	// 之后每一次 onShow(含微信 ... 菜单"重新进入小程序"、从后台切回)都视为"重新进入"。
+	// 微信"重新进入小程序"不一定触发 onHide,所以用"是否展示过"判断更稳妥。
+	let _appHasShown = false;
+
 	import {
 		Weixin
 	} from 'common/js/wx-jssdk.js';
 
+	// ============================================================
+	// 隐私弹窗 URL/路由规则 (H5 + 微信小程序 + 鸿蒙元服务)
+	//
+	// 配置来源 (沿用 config-external.js 同构模式):
+	//   1. 本地兜底: privacyConfig.urlRulesBase (与 langConfig/themeConfig 同构)
+	//   2. 远程 patch: /api/config/init data.privacy_url_rules (由 store/init 融合)
+	// 融合策略 (同上一轮):
+	//   - mode:   远程有值则覆盖, 否则用本地
+	//   - patterns: 按 patch.merge 字段决定 (replace 默认 / union / intersect)
+	// 匹配: 子串匹配
+	//   H5:           pathname + search + hash
+	//   小程序/鸿蒙:   当前页面 route + query
+	// 命中白名单后, 仍会走 storage / 平台级隐私检查, 已同意则不再弹
+	// ============================================================
+	const PRIVACY_URL_RULES_BASE = privacyConfig.urlRulesBase
+
+	// 启动期配置注入: 把 privacyConfig 的 bootTimeout / waitChannels / signSecret 灌进 PrivacyManager
+	// 这样 PrivacyManager.show() 即便被业务侧独立调用, 也能感知启动期资源就绪状态
+	// 签名密钥注入: 远程 patch 必须通过 verifyRemotePatch() 才允许 applyWithMerge
+	PrivacyManager.setExternalBootTimeout(configExternal.getPrivacyBootTimeout())
+	PrivacyManager.setWaitChannels(privacyConfig.waitChannels || {})
+	PrivacyManager.setSignSecret(privacyConfig.signSecret || '')
+
+	// 登记本地 base 规则, 供后续远程 patch 融合时读取
+	// 必须在 setStorageKey / loadPersistedRules 之前完成, 因为 store/init action
+	// 会通过 PrivacyManager.__getBaseRules() 读取这个 base
+	PrivacyManager.setBaseRules(PRIVACY_URL_RULES_BASE)
+
+	// uniacid 隔离的持久化 key
+	// 关键: 持久化必须基于 uniacid 隔离, 否则多租户切换会读到对方租户的规则
+	// 无 uniacid 时降级到 _anon (使用 localStorage 之外的隔离, 避免与任何具体租户冲突)
+	const _uniacid = uni.getStorageSync('uniacid')
+	const _persistKey = _uniacid
+		? ('privacy_url_rules_' + _uniacid)
+		: 'privacy_url_rules__anon'
+	PrivacyManager.setStorageKey(_persistKey)
+
+	// 1) 先尝试恢复上次的"已融合规则" (跨冷启动)
+	//    无持久化值 → 退化为 base
+	const _persisted = PrivacyManager.loadPersistedRules()
+	if (_persisted && _persisted.mode && Array.isArray(_persisted.patterns)) {
+		PrivacyManager.setUrlRules(_persisted)
+	} else {
+		// 2) 用本地 base 兜底
+		PrivacyManager.setUrlRules(PRIVACY_URL_RULES_BASE)
+	}
+
+	// 业务侧可监听: 远程下发完成后, 会触发 'privacy:rules-updated'
+	uni.$on && uni.$on('privacy:rules-updated', (info) => {
+		// 只在远程下发时打印, 避免被本地 base 加载/持久化恢复时的 emit 噪音淹没
+		if (info && info.source === 'remote' && console && console.log) {
+			console.log('[privacy] rules updated by remote, mode=' + info.mode + ', patterns=' + info.patterns.length)
+		}
+	})
+
+	/**
+	 * 取 onLaunch options 作为首次启动的兜底路径
+	 * H5: options.path/query 不一定存在, 此时用 window.location
+	 * 小程序/鸿蒙: options.path 是启动路径, options.query 是启动参数
+	 * @param {Object} launchOptions onLaunch 的 options
+	 * @returns {Object} urlFallback
+	 */
+	function _buildPrivacyUrlFallback(launchOptions) {
+		const fallback = { pathname: '', search: '', hash: '', route: '', query: null }
+		// #ifdef H5
+		if (typeof window !== 'undefined' && window.location) {
+			fallback.pathname = window.location.pathname || ''
+			fallback.search = window.location.search || ''
+			fallback.hash = window.location.hash || ''
+		}
+		// #endif
+		// #ifndef H5
+		if (launchOptions && launchOptions.path) {
+			fallback.route = launchOptions.path
+			fallback.query = launchOptions.query || null
+		}
+		// #endif
+		return fallback
+	}
+
+	// ============================================================
+	// 主题/语言启动
+	// ============================================================
 	export default {
 		mixins: [auth],
-		onLaunch: function(options) {
-			// console.log(options.query.uniacid)
-			if(options.query.uniacid){
-				uni.setStorageSync('uniacid', options.query.uniacid);
-				console.log(uni.getStorageSync('uniacid'))
+		data() {
+			return {
+				// remote-only 模式下,业务可通过 await getApp().$langReady 等待语言包就绪
+				$langReady: Promise.resolve({ ok: true, source: 'local' })
+			};
+		},
+		// 同步钩子:在 page mounted 之前同步设置隐私弹窗的 skip 状态
+		// 必须在 onLaunch (async) 之前跑,否则 onLaunch 第一个 await 让出事件循环时
+		// privacy-popup.vue 已经挂载,会走 consumePendingShow 兜底分支把弹窗弹出来
+		created() {
+			if (!PrivacyManager.shouldShowByUrlRule()) {
+				PrivacyManager.markSkipped()
 			}
+		},
+		onLaunch: async function(options) {
+		// ============================================================
+		// 主题提前加载(关键):让首屏渲染前 CSS 变量已挂上,避免闪一下
+		// ============================================================
+
+			// ---- 0) 同步预热: 立即读 storage 拿 preset,触发 require(不 await)
+			// 目的: 让 loadTheme 的 require 提前进入 microtask,后续 await 几乎瞬时
+			const cached = uni.getStorageSync('themeStyle');
+			let presetName = themeConfig.defaultTheme;
+			if (cached) {
+				presetName = (typeof cached === 'object') ? cached.name : cached;
+			}
+			// 触发 preset require(不 await,缓存 promise 到 configExternal.loadedConfigs)
+			configExternal.loadTheme(presetName);
+
+			// ---- 1) uniacid 立即写入(后续所有 HTTP 都要用到)
+			const uniacidChanged = options.query && options.query.uniacid && String(uni.getStorageSync('uniacid') || '') !== String(options.query.uniacid);
+			if (options.query && options.query.uniacid) {
+				uni.setStorageSync('uniacid', options.query.uniacid);
+			}
+			// 关键: 即便 uniacid 未变化 (首次启动 options.query 没传 uniacid),
+			// 也要尝试从 storage 拿真实 uniacid 并设置 PrivacyManager 的 persist key
+			// 否则 App.vue 顶层用 _anon 占位, 后续 persistRules 写到 _anon key 下,
+			// 下次冷启动 (有 uniacid) 切到 uniacid key 时读不到上次结果
+			try {
+				const _nowUniacid = uni.getStorageSync('uniacid')
+				const _newPersistKey = _nowUniacid
+					? ('privacy_url_rules_' + _nowUniacid)
+					: 'privacy_url_rules__anon'
+				if (_newPersistKey !== _persistKey) {
+					PrivacyManager.setStorageKey(_newPersistKey)
+					const _newPersisted = PrivacyManager.loadPersistedRules()
+					if (_newPersisted && _newPersisted.mode && Array.isArray(_newPersisted.patterns)) {
+						PrivacyManager.setUrlRules(_newPersisted)
+					} else {
+						PrivacyManager.setUrlRules(PRIVACY_URL_RULES_BASE)
+					}
+				}
+			} catch (e) {}
+			if (uniacidChanged) {
+				try { Lang.onUniacidChange(); } catch (e) {}
+				try { ThemeOverride.onUniacidChange(); } catch (e) {}
+				// 切租户: 切换 PrivacyManager 持久化 key 并重新应用本地 base
+				// (远程 patch 由后续 /api/config/init 重新下发并融合)
+				try {
+					const newUniacid = String(options.query.uniacid)
+					const newPersistKey = newUniacid
+						? ('privacy_url_rules_' + newUniacid)
+						: 'privacy_url_rules__anon'
+					PrivacyManager.setStorageKey(newPersistKey)
+					PrivacyManager.setBaseRules(PRIVACY_URL_RULES_BASE)
+					// 切租户: 重新加载该租户上次持久化的规则
+					// 无持久化值则退化为 base
+					const _newPersisted = PrivacyManager.loadPersistedRules()
+					if (_newPersisted && _newPersisted.mode && Array.isArray(_newPersisted.patterns)) {
+						PrivacyManager.setUrlRules(_newPersisted)
+					} else {
+						PrivacyManager.setUrlRules(PRIVACY_URL_RULES_BASE)
+					}
+				} catch (e) {}
+				try { uni.$emit && uni.$emit('uniacid:changed'); } catch (e) {}
+			}
+
+			// remote-only 模式:
+		//   H5: main.js 已 await boot 完成, 这里秒回 (splash 也由 main.js 全权负责)
+		//   小程序/鸿蒙: main.js 同步 $mount() 之前已经调用 splashState.show(),
+		//     这里不需要重复调用
+		const langBoot = Lang.boot();
+		this.$langReady = langBoot;
+
+		// ---- 2) 启动期关键资源就绪 (并行 + 显式 await)
+		// 隐私弹窗的诉求: 必须在 i18n + theme + remote-config 三态都就绪后才弹
+		// 这里把三个通道收敛为一个 await 链, 不再用 fire-and-forget
+		// 任何通道自身有超时保护 (Lang.bootTimeout=langConfig.remote.bootTimeout=5000,
+		//   ThemeOverride.bootTimeout=themeConfig.overrideRemote.bootTimeout=5000)
+		// 总超时熔断走 configExternal.getPrivacyBootTimeout() (默认取两者最大值+1000ms)
+		// 业务侧想"宁愿晚一点也要全资源就绪" → 调大 privacyConfig.bootTimeout
+		// 业务侧想"快速失败" → 调小或关闭 privacyConfig.waitChannels
+
+		const _i18nDone = langBoot.then((res) => {
+			// 进度上报: i18n 完成 → 30%
+			try { splashState.reportProgress('lang', { source: 'channel' }); } catch (e) {}
+			// i18n fallback toast (原逻辑保留)
+			if (res && res.status === 'fail' && res.reason && res.reason !== 'unknown') {
+				if (globalThis.__i18nFallbackToastShown) return res;
+				globalThis.__i18nFallbackToastShown = true;
+				setTimeout(() => {
+					try {
+						uni.showToast({
+							title: `Failed to load i18n. ${res.reason} Please check your network and try again.`,
+							icon: 'none',
+							duration: 10000,
+						});
+					} catch (e) {}
+				}, 3000);
+			}
+			return res;
+		}, (e) => {
+			console.warn('[i18n] boot fail', e);
+			try { splashState.reportProgress('lang', { source: 'error' }); } catch (e) {}
+			return { ok: false, source: 'remote-failed', status: 'fail', reason: 'exception', lang: '' };
+		})
+
+		const _themeFirstApply = this.$store.dispatch('applyThemeWithRemote', presetName)
+			.then(() => {
+				try { splashState.reportProgress('theme', { source: 'channel' }); } catch (e) {}
+			})
+			.catch(e => {
+				console.warn('[theme] pre-apply fail', e);
+				try { splashState.reportProgress('theme', { source: 'error' }); } catch (e) {}
+				return null
+			})
+
+		const _themeOverride = ThemeOverride.boot()
+			.then(() => {
+				try { splashState.reportProgress('override', { source: 'channel' }); } catch (e) {}
+			})
+			.catch(e => {
+				console.warn('[theme] boot fail', e);
+				try { splashState.reportProgress('override', { source: 'error' }); } catch (e) {}
+				return null
+			})
+
+		// /api/config/init 走 fire-and-forget:
+		//   - race 不再等它, popup 可以更早弹出
+		//   - 远程 patch (privacy_url_rules 等) 后续异步到达时通过 applyWithMerge 触发双阶段弹窗
+		//   - 失败也不阻塞 boot 链路
+		//
+		// 进度上报单独走 (展示效果, 不依赖 _remoteConfig resolve)
+		this.$store.dispatch('init').then(() => {
+			try { splashState.reportProgress('config', { source: 'channel' }); } catch (e) {}
+		}).catch(e => {
+			console.warn('[config] init fail', e);
+			try { splashState.reportProgress('config', { source: 'error' }); } catch (e) {}
+		})
+		const _remoteConfig = Promise.resolve(null) // 占位 promise, race 不再等 init
+
+		// 注入启动期等待通道 → ConfigExternal 持有
+		// PrivacyManager.show() 时通过 getPrivacyReadyGuard(waitChannels) 自动拼成 readyGuard
+		configExternal.setReadyWaiters({
+			lang: _i18nDone,
+			theme: _themeFirstApply,
+			themeOverride: _themeOverride,
+			remoteConfig: _remoteConfig,
+		})
+
+		const _privacyBootTimeout = configExternal.getPrivacyBootTimeout()
+		const _bootRaceResult = await Promise.race([
+			Promise.all([_i18nDone, _themeFirstApply, _themeOverride, _remoteConfig]),
+			new Promise(resolve => setTimeout(() => resolve('timeout'), _privacyBootTimeout))
+		])
+		if (_bootRaceResult === 'timeout') {
+			// race 超时上报 (source: 'timeout', 不允许 percent 后退, 已有最大值为准)
+			try { splashState.reportProgress('config', { percent: 80, source: 'timeout' }); } catch (e) {}
+		}
+
+		// privacy 阶段开始上报
+		try { splashState.reportProgress('privacy', { source: 'channel' }); } catch (e) {}
+
+		// 隐私协议弹窗: 启动期关键资源 (i18n/theme/remote-config) 就绪后触发
+		// 通过 PrivacyManager → uni.$emit('privacy:show') 通知当前页面的 privacy-popup 组件
+		// 只弹一次: 同意后写 storage,后续不再弹
+		// 异步查询平台隐私状态(微信/快应用), H5 同步返回
+		// H5 直访特定 URL(子串匹配)时跳过本次弹窗,不写 storage,下次正常访问其他页面还会弹
+		// urlFallback: 首次启动 onLaunch 时 getCurrentPages 还没页面, 用 onLaunch options 兜底
+		// readyGuard: 双保险 — 若调用方没传, PrivacyManager 内部从 _externalReadyGuard 取
+		//            (= ConfigExternal.getPrivacyReadyGuard(privacyConfig.waitChannels))
+		// 二次 await 仍保留: race 后还有可能某个通道没真完成, 二次 await 兜底
+		//
+		// 鸿蒙元服务(双轨制):
+		//   已接入平台隐私托管, 鸿蒙系统自动弹出系统级隐私弹窗.
+		//   应用层不调 PrivacyManager.show() (会和系统弹窗叠加被驳回).
+		// #ifdef MP-HARMONY
+		// 鸿蒙: 走平台隐私托管, markSkipped 写 storage
+		try {
+			await Promise.all([_i18nDone, _themeFirstApply, _themeOverride, _remoteConfig])
+			PrivacyManager.markSkipped()
+		} catch (e) { console.warn('[privacy] MP-HARMONY markSkipped fail', e); }
+		// #endif
+		// #ifndef MP-HARMONY
+		try {
+			await PrivacyManager.show({
+				urlFallback: _buildPrivacyUrlFallback(options),
+				readyGuard: Promise.all([_i18nDone, _themeFirstApply, _themeOverride, _remoteConfig]),
+			})
+		} catch (e) { console.warn('[privacy] show fail', e); }
+		// #endif
+
+		// splash 必须在隐私弹窗决策后再 hide (否则 splash 关掉瞬间弹窗还没渲染, 视觉闪一下)
+		// mode='fast': 隐私弹窗即将出现, splash 用 80ms 短动画, 让 modal 更快接管视觉
+		//            避免 splash 和弹窗同时显示造成的"双遮罩"感, 减少约 400ms 启动时间
+		// 只有 remote-only 模式才用了 splash (其他场景 src 模式不需要等远端)
+		//
+		// 关键 (鸿蒙 + 其他平台): 这里只发"软隐藏"信号, splash 实际关闭要等
+		//   splashState._softHide() 看到 _hasMounted && _pageReady 才真关。
+		//   _pageReady 由首页 diy-group 渲染完时调 notifyPageReady() 触发。
+		//   这样保证 splash **一直显示**, 直到首页 diy 内容真的渲染好,
+		//   避免 splash 关闭后到 diy 内容出现之间出现白屏。
+		//
+		// 鸿蒙端 (mode='strict'):
+		//   鸿蒙系统弹窗是用户视觉锚点, 应用层 splash 必须**真等到**diy 渲染好
+		//   才能关, 不走 MOUNT_GRACE_MS/PAGE_READY_GRACE_MS 软隐藏兜底
+		//   (软隐藏兜底 1+2=3s 经常不够用, 会导致 splash 提前 hide → 白屏)
+		//   strict 模式只受 DEFAULT_TIMEOUT=12s 总超时兜底, 实际由 notifyPageReady() 触发
+		// #ifndef H5
+		const _needSplash = typeof Lang !== 'undefined' && Lang.isRemoteOnly && Lang.isRemoteOnly();
+		if (_needSplash) {
+			// 所有平台都用 strict 模式: 不走 1+2s 软隐藏兜底
+			// splash 真等到 notifyPageReady (diy 渲染好) 或 notifyDiyLoadError (diy 错误) 才关
+			// DEFAULT_TIMEOUT=12s 总超时仍然兜底
+			// 避免 splash 提前关导致白屏
+			splashState.hide({ reason: 'boot-complete', mode: 'strict' });
+		}
+		// #endif
+
+			// ---- 3) 远端就绪后,主题再 apply 一次(preset + remote 合并 )
+			// 这一次 setThemeStyle + themeColorSet 是同步路径(preset 已在 cache,remote 也在 cache)
+			// 如果跟 step 2 的 apply 值相同,Vuex 会重复 commit 但页面无视觉变化
+			await this.$store.dispatch('applyThemeWithRemote', presetName);
+
+			// ============================================================
+			// 后续: 监听器 / 平台条件 / 其它 storage commit(全部同步/轻量)
+			// ============================================================
+
+			// 监听远端翻译更新事件(管理后台改了词条后由后端推送 / 主动 reload)
+			// 注意:lang.js 内 emitUpdated 已经 commit 了 setComponentRefresh,这里
+			// 只做副作用(navigation title 等),不重复 forceUpdate
+			uni.$on && uni.$on('lang:updated', (info) => {
+				if (info && info.lang) {
+					Lang.refresh(true); // true = 显式推送 emitUpdated(虽然 loadOverrides 内部已发,这里保险起见)
+				}
+			});
+			// 监听远端主题覆写更新(管理后台改了 token 后,本地 Vuex 重新合并并应用)
+			// 关键: 走 applyThemeWithRemote action,保留原 setThemeStyle/themeColorSet 链路不动
+			uni.$on && uni.$on('theme:updated', () => {
+				// 重新从 storage 读 preset(可能用户在管理页切了预设)
+				const cur = uni.getStorageSync('themeStyle');
+				const curName = (cur && typeof cur === 'object') ? cur.name : (cur || 'default');
+				this.$store.dispatch('applyThemeWithRemote', curName);
+			});
+			// 监听 uniacid 切换: 通知主题运行时清旧租户缓存,下次 refresh 拿到新值
+			uni.$on && uni.$on('uniacid:changed', () => {
+				try { ThemeOverride.onUniacidChange(); } catch (e) {}
+			});
+			// i18n 远端拉取失败的 toast 提示已迁移到上方 boot() 完成的 then() 中,
+			// 直接根据 boot 返回值判断,不再依赖 lang:fallback 事件
 			uni.hideTabBar();
 
 			// #ifdef MP
-			const updateManager = uni.getUpdateManager();
-			updateManager.onCheckForUpdate(function(res) {
-				// 请求完新版本信息的回调
-			});
-
-			updateManager.onUpdateReady(function(res) {
-				uni.showModal({
-					title: '更新提示',
-					content: '新版本已经准备好，是否重启应用？',
-					success(res) {
-						if (res.confirm) {
-							// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
-							updateManager.applyUpdate();
-						}
-					}
+			if (uni.getUpdateManager) {
+				const updateManager = uni.getUpdateManager();
+				updateManager.onCheckForUpdate(function(res) {
+					// 请求完新版本信息的回调
 				});
-			});
 
-			updateManager.onUpdateFailed(function(res) {
-				// 新的版本下载失败
-			});
+				updateManager.onUpdateReady(function(res) {
+					uni.showModal({
+						title: Lang.lang('common.updateTip'),
+						content: Lang.lang('common.updateReady'),
+						success(res) {
+							if (res.confirm) {
+								// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+								updateManager.applyUpdate();
+							}
+						}
+					});
+				});
+
+				updateManager.onUpdateFailed(function(res) {
+					// 新的版本下载失败
+				});
+			}
 			// #endif
 
 			// #ifdef H5
-			if (uni.getSystemInfoSync().platform == 'ios') {
+			if (this.$util.getDeviceInfo().platform == 'ios') {
 				uni.setStorageSync('initUrl', location.href);
 			}
 			// #endif
 
-			uni.onNetworkStatusChange(function(res) {
-				if (!res.isConnected) {
-					uni.showModal({
-						title: '网络失去链接',
-						content: '请检查网络链接',
-						showCancel: false
-					});
-				}
-			});
-
-			this.$store.dispatch('init');
-
-			// 存储到store中
-
-			// 主题风格
-			if (uni.getStorageSync('themeStyle')) {
-				this.$store.commit('setThemeStyle', colorList[uni.getStorageSync('themeStyle')]);
+			if (uni.onNetworkStatusChange) {
+				uni.onNetworkStatusChange(function(res) {
+					if (!res.isConnected) {
+						uni.showModal({
+							title: Lang.lang('common.networkLost'),
+							content: Lang.lang('common.networkCheck'),
+							showCancel: false
+						});
+					}
+				});
 			}
 
+			// /api/config/init 已在 step 2.5 await 过 (含 800ms 超时), 此处不再重复触发
+			// 原 fire-and-forget 注释: 不阻塞后续同步 commit
+			// 现在 init 已被升级为 "首次配置等待通道", 这里留空以避免重复 dispatch
+
 			// 插件是否存在
 			if (uni.getStorageSync('addonIsExist')) {
 				this.$store.commit('setAddonIsExist', uni.getStorageSync('addonIsExist'));
@@ -122,6 +472,14 @@
 			if (uni.getStorageSync('memberInfo')) {
 				this.$store.commit('setMemberInfo', uni.getStorageSync('memberInfo'));
 
+				// PR-MULTI-TURN-KEY-BINDING (2026-09-18): 登录态恢复后清旧 user key
+				//   避免"A 退出 → B 登录 → 直接复用 A 的会话 ID" 串会话
+				try {
+					if (aiService && typeof aiService.onUserChange === 'function') {
+						aiService.onUserChange();
+					}
+				} catch (e) { /* ignore */ }
+
 				// 查询购物车信息
 				this.$store.dispatch('getCartNumber');
 			}
@@ -150,6 +508,16 @@
 		},
 		onShow: function(options) {
 			// #ifdef MP
+			// 微信小程序"重新进入小程序"(...) 等场景: onLaunch 不重跑,但模块级内存缓存仍在,
+			// 会让 cachedStorage / 语言包缓存继续返回进入前的旧值。首次 onShow 是启动展示,
+			// 之后每次 onShow(含 ... 重新进入、从后台切回前台)都视为重新进入,主动失效缓存并重新对齐。
+			if (_appHasShown) {
+				try { Lang.onAppReentry(); } catch (e) {}
+				// 重新进入小程序(从后台切回 / "重新进入小程序"菜单): 标记需要弹出启动广告
+				try { markNeedStartupAd(); } catch (e) {}
+			}
+			_appHasShown = true;
+
 			// 自动授权登录
 			this.getAuthInfo();
 			if (this.$store.state.token) {
@@ -264,7 +632,6 @@
 										imgUrl: this.$util.img(share_data.imgUrl)
 									},
 									res => {
-										console.log(res);
 									}
 								);
 							}
@@ -301,7 +668,7 @@
 						this.shareConfig();
 					}
 				},
-				// 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法
+				// 代表在watch里声明了firstName这个方法之后立即先去执行handler方法
 				immediate: true
 			}
 		}
@@ -312,7 +679,7 @@
 	@import './common/css/iconfont.css';
 	@import './common/css/icondiy.css'; // 自定义图标库
 	@import './common/css/icon/extend.css'; // 扩展图标库
-	page{
+	page {
 		background: #f4f6fa;
 	}
 </style>

common/css/diy.scss

@@ -30,7 +30,7 @@ image {
 	/* #ifdef H5 */
 	height: calc(100vh - 88rpx);
 	/* #endif */
-	/* #ifdef MP-WEIXIN */
+	/* #ifdef MP */
 	height: 100vh;
 	/* #endif */
 }
@@ -123,7 +123,7 @@ image {
 }
 
 .choose-store {
-    /deep/ .uni-popup__wrapper{
+    ::v-deep .uni-popup__wrapper{
         background: none!important;
     }
 }

common/css/goods_detail.scss

@@ -118,6 +118,8 @@
 	.goods-video video {
 		width: 100%;
 		height: 100%;
+		object-fit: contain;
+		object-position: center;
 	}
 
 	.goods-video .uni-video-cover {
@@ -870,13 +872,13 @@
 // 海报
 // .uni-popup__wrapper-box
 .poster-layer {
-    /deep/ .uni-popup__wrapper.center {
+    ::v-deep .uni-popup__wrapper.center {
         width: 100vw!important;
         height: 100vh!important;
         background: none!important;
     }
     
-    /deep/ .uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box {
+    ::v-deep .uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box {
         max-width: 100vw!important;
         max-height: 100vh!important;
         background: none!important;
@@ -1223,6 +1225,7 @@
 }
 
 .popup-layer {
+	position: relative;
 	background: #fff;
 	.head-wrap {
 		font-size: $font-size-toolbar;

common/css/icondiy.css

@@ -5705,9 +5705,9 @@
   
   @font-face {
     font-family: "iconj"; /* Project id 1752049 */
-    src: url('//at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.woff2?t=1727498649486') format('woff2'),
-         url('//at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.woff?t=1727498649486') format('woff'),
-         url('//at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.ttf?t=1727498649486') format('truetype');
+    src: url('https://at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.woff2?t=1727498649486') format('woff2'),
+         url('https://at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.woff?t=1727498649486') format('woff'),
+         url('https://at.alicdn.com/t/c/font_1752049_n0jw9cvfunm.ttf?t=1727498649486') format('truetype');
   }
   
   .iconj {

common/css/mp_html_patch.scss

@@ -0,0 +1,4 @@
+// 修复图片垂直对齐问题，解决两张图片上下有空白缝隙问题
+::v-deep ._img {
+    vertical-align: top;
+}

common/css/order_parment.scss

@@ -25,7 +25,7 @@ view {
 	background-size: 100% 260rpx;
 	background-repeat: no-repeat;
 
-	// #ifdef MP-WEIXIN
+	// #ifdef MP
 	background-size: 100% 380rpx;
 	// #endif
 
@@ -52,7 +52,7 @@ view {
 	background: linear-gradient(180deg, $base-color 10%, $color-bg 100%);
 	background-size: 100% 260rpx;
 
-	// #ifdef MP-WEIXIN
+	// #ifdef MP
 	background-size: 100% 380rpx;
 	// #endif
 
@@ -377,7 +377,7 @@ view {
 	}
 }
 
-/deep/ .goods-form {
+::v-deep .goods-form {
 	display: flex;
 	align-items: center;
 	position: relative;
@@ -462,7 +462,10 @@ view {
 	background: #f6f6cb;
 	text-align: left;
 	padding: 10rpx 20rpx;
-	color: #FF0000;
+	// P0: 角标红 → var(--goods-cart-num-corner)
+	// 注: black preset 值是 #FF0000, default 是 #FC5227 — var() 兼顾
+	// 兼容: 微信小程序 / 鸿蒙元服务 — color 接受 var() 无问题
+	color: var(--goods-cart-num-corner, #FF0000);
 }
 .order-submit {
 	position: fixed;
@@ -1286,9 +1289,13 @@ view {
 		margin-right: 10rpx;
 		line-height: 1;
 		font-size: 36rpx;
-		background-image:linear-gradient(156deg, #814635 0%, #3A221B 100%);
-		-webkit-background-clip:text;
-		-webkit-text-fill-color:transparent;
+		// P0: 会员图标渐变 → var(--member-icon-grad-start/end)
+		// 注: 暂用 placeholder 命名,后续如需主题化可加到 style_color.js
+		// 兼容: 微信小程序 / 鸿蒙元服务 — linear-gradient 嵌套 var() 现代 runtime 支持
+		background: #814635; // 兜底
+		background-image: linear-gradient(156deg, var(--member-icon-grad-start, #814635) 0%, var(--member-icon-grad-end, #3A221B) 100%);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
 	}
 
 	.info{
@@ -1354,7 +1361,7 @@ view {
 		border-bottom: 2rpx solid #F4F4F6;
 	}
 
-	/deep/ .form-wrap {
+	::v-deep .form-wrap {
 		margin: 0 24rpx;
 
 		.icon-right {

common/js/auth.js

@@ -8,9 +8,11 @@ export default {
 		/**
 		 * 获取用户登录凭证code
 		 */
-		getCode(callback) {
+		getCode(callback, fallbackFunc) {
+			console.log(`-----> auth.js getCode`)
 			// 微信小程序
 			// #ifdef MP-WEIXIN
+			console.log(`微信小程序登录`)
 			uni.login({
 				provider: 'weixin',
 				timeout: 3000,
@@ -29,12 +31,15 @@ export default {
 										.unionid;
 									typeof callback == 'function' && callback(this.authInfo);
 								} else {
+									fallbackFunc && fallbackFunc(res);
 									this.$util.showToast({
-										title: res.message ? res.message : '小程序配置错误'
-									});
+									title: res.message ? res.message : this.$lang('auth.miniProgramConfigError')
+								});
 								}
 							}
 						})
+					} else {
+						fallbackFunc && fallbackFunc(res);	
 					}
 				},
 				fail: (res) => {
@@ -46,6 +51,7 @@ export default {
 						});
 					}
 					// #endif
+					fallbackFunc && fallbackFunc(res);
 				}
 			})
 			// #endif
@@ -66,9 +72,10 @@ export default {
 										.user_id;
 									typeof callback == 'function' && callback(this.authInfo);
 								} else {
+									fallbackFunc && fallbackFunc(res);
 									this.$util.showToast({
-										title: res.message ? res.message : '小程序配置错误'
-									});
+								title: res.message ? res.message : this.$lang('auth.miniProgramConfigError')
+							});
 								}
 							}
 						})
@@ -94,6 +101,9 @@ export default {
 						if (res.code >= 0) {
 							location.href = res.data;
 						}
+					},
+					fail: err => {
+						fallbackFunc && fallbackFunc(err);
 					}
 				});
 			}

common/js/config-external.js

@@ -0,0 +1,331 @@
+// 外置配置管理
+// 用于管理需要外置的配置项，如语言包、主题配置等
+
+// 语言包配置
+export const langConfig = {
+  // 语言列表 — 与后端 Lang.php::overrides() 白名单对齐
+  // 增删需要后端同步改 LangOverrideModel::normalizeAppType 旁的 $allow_lang
+  langList: ['zh-cn', 'en-us'],
+  // 默认语言
+  defaultLang: 'zh-cn',
+  // 语言包加载方式：'lazy'（按需加载）或 'preload'（预加载）
+  loadMode: 'lazy',
+  // 数据源开关
+  // 数据源开关
+  //  local        : 纯本地包,忽略 remote
+  //  remote       : 本地兜底 + 后端 KV 覆写(首屏强依赖,见 bootTimeout)
+  //  hybrid       : 同 remote,后端不可用时用本地
+  //  remote-only  : 完全依赖后端 /api/lang/bundle,本地 lang/ 目录可删除
+  source: 'remote-only',
+  // 远端覆写相关
+  remote: {
+    overridesUrl: '/api/lang/overrides',
+    // bundle 接口(remote-only 模式下使用)
+    bundleUrl: '/api/lang/bundle',
+    // diff 接口(预留)
+    diffUrl: '/api/lang/diff',
+    // 首屏强依赖远端翻译(多租户文案强隔离),阻塞启动
+    // 但必须有上限避免白屏
+    // 2026-07-02: 从 2000 改为 5000 — 慢启动场景下,给首屏渲染更多时间
+    bootTimeout: 5000,
+    // 单次请求超时(ms)
+    // 2026-07-02: 从 4000 改为 60000 — 远端首次冷启动可能慢(CDN 边缘冷缓存/跨网段回源/MySQL JOIN)
+    //   配合 loadBundleTree 的"迟到数据补救"机制,即便超时也能拿到远端最终返回的数据
+    requestTimeout: 60000,
+    // 缓存有效期(秒),与后端 Cache::set 600s 对齐;过期后后台刷新
+    cacheTtl: 600,
+    // 本地缓存 key 前缀: <prefix><uniacid>_<appType>_<lang>
+    // 三维隔离,与 lang.js::getOverrideStorageKey / getOverrideMemKey 保持一致
+    storagePrefix: 'LANG_OVR_',
+    // 切租户/uniacid 时强制重拉
+    refreshOnUniacidChange: true,
+    // 签名校验密钥,留空不校验(需与后端 LANG_SIGN_SECRET 一致)
+    signSecret: '',
+  }
+};
+
+// 主题配置
+export const themeConfig = {
+	// 主题列表 — 与 style_color.js 顶层的 preset 名严格一致(8 个)
+	// 关键: 这里列出的名字必须能在 style_color.js (或后端 style_color.php 镜像) 中找到对应 preset
+	// 历史上曾包含 'red' 但 style_color.js 从未定义 'red' preset, 切到 'red' 主题时
+	// loadTheme() 会返回 undefined → 走 stub default 兜底样式, 远端也无法补齐
+	// 2026-07-07 移除 'red' 以保持一致性
+	themeList: ['default', 'green', 'blue', 'pink', 'gold', 'purple', 'yellow', 'black'],
+	// 默认主题
+	defaultTheme: 'default',
+	// 远端 token 覆写相关(与 langConfig 同构)
+	//  source   : 'local'  | 'remote' | 'hybrid' | 'remote-only'
+	//  remote.* : 首屏拉取 + 缓存 + 三态机 + 多租户多端隔离
+	overrideRemote: {
+		overridesUrl: '/api/theme/overrides',
+		// 全量 preset 拉取(remote-only 模式下使用)
+		// 返回 8 个 preset 完整 token,替代本地 style_color.js
+		presetsUrl: '/api/theme/presets',
+		bootTimeout: 5000,
+		requestTimeout: 60000,
+		// 远端全量 preset 缓存 key 前缀
+		storagePresetsPrefix: 'THEME_PRESETS_',
+		storagePrefix: 'THEME_OVR_',
+		refreshOnUniacidChange: true,
+		// source: 'remote-only' 时,webpack 会用 NormalModuleReplacementPlugin
+		// 把 style_color.js 替换为 empty-style-stub.js(只含 emergency fallback)
+		// 节省主包 ~75KB(完整 8 preset × ~50 token = 80KB → stub 7KB)
+		//
+		// 与 lang/ 目录的 remote-only 模式完全同构:
+		//   - 构建期: webpack 替换为 stub
+		//   - 运行时: ThemeOverride.loadAllPresets() 异步拉 /api/theme/presets
+		//   - 首屏: 走 stub 的 default preset,不白屏
+		//   - 切换: 切到非 default preset 时,等远端拉完再应用(由 applyThemeWithRemote
+		//           订阅 theme:presets-updated 事件驱动)
+		source: 'remote-only',
+	}
+};
+
+// API配置
+export const apiConfig = {
+  // API请求超时时间
+  timeout: 30000,
+  // 是否开启重试
+  retry: true,
+  // 重试次数
+  retryCount: 3,
+  // 重试间隔时间（毫秒）
+  retryDelay: 1000
+};
+
+// 隐私弹窗配置 (与 langConfig/themeConfig 同构)
+// 本地兜底 + 远程 patch (来自 /api/config/init data.privacy_url_rules) 融合
+//   source: 'local'        - 仅本地兜底, 忽略远程 patch
+//           'remote'       - 本地兜底 + 远程 patch 覆盖 (默认)
+//           'hybrid'       - 同 remote, 远程失败时退回本地
+//           'remote-only'  - 完全依赖远程 patch, 本地兜底为空
+export const privacyConfig = {
+  // 本地兜底规则 (mode: 'all'|'only'|'skip', patterns: string[])
+  // 远程 patch 由 store/index.js 的 init action 通过 PrivacyManager.applyWithMerge() 融合
+  // patterns 写法:
+  //   - 子串匹配 + 结尾匹配 (双通道), 业务侧可以写完整路径或相对路径
+  //   - subPackage 路由 (如 /pages_tool/member/index) 用短路径 'member/index' 即可命中
+  urlRulesBase: {
+    // 场景 2: 只有首页、商品详情、个人中心才弹, 其他页面都不弹
+    mode: 'only',
+    patterns: [
+      // 首页 (含 subPackage 重定向后也是 pages/index/index)
+      'pages/index/index',
+      // 商品详情 (subPackage 内可能为 pages_goods/goods/detail/detail, 这里用末尾匹配)
+      'goods/detail/detail',
+      // 个人中心 (subPackage 内通常为 pages_tool/member/index)
+      'member/index',
+    ],
+  },
+  // dataSource: 与 langConfig.source 同构
+  //   'local'        纯本地, 忽略 /api/config/init 的 privacy_url_rules
+  //   'remote'       本地 + 远程 patch (远程失败时仍用本地)
+  //   'hybrid'       同 remote, 语义别名
+  //   'remote-only'  必须有远程 patch, 本地空 patterns → 一律不弹
+  source: 'remote',
+  // 启动期等待通道 (弹窗必须等这些 promise 才弹)
+  //   waitLang:         Lang.boot() - i18n 数据就绪
+  //   waitTheme:        applyThemeWithRemote() - 本地 preset 应用
+  //   waitThemeOverride: ThemeOverride.boot() - brand/light/dark 三桶 token
+  //   waitRemoteConfig: /api/config/init (含 privacy_url_rules 远程 patch)
+  waitChannels: {
+    lang: true,
+    theme: true,
+    themeOverride: true,
+    remoteConfig: true,
+  },
+  // 总超时熔断 (ms): 所有等待通道超过这个时间强制放行, 不阻塞弹窗
+  // 取 langConfig.remote.bootTimeout (5000) 和 themeConfig.overrideRemote.bootTimeout (5000) 的最大值
+  //   + 1000ms 余量 → 6000ms. 与原硬编码值一致, 但可通过修改此字段调整.
+  // 业务侧想"宁愿晚一点也要全资源就绪" → 调大; 想"快速失败" → 调小.
+  bootTimeout: 6000,
+  // 远程 patch 签名密钥 (与 langConfig.remote.signSecret 同构)
+  // 后端约定: hash_hmac('sha256', JSON.stringify(patch), secret)
+  //   secret='' → 跳过校验, 接受任意 patch (向后兼容老后端)
+  //   secret='xxx' → 校验 patch.sign, 不匹配则拒绝
+  // 留空默认不校验. 前端实现是 btoa 弱校验, 仅防简单篡改, 强校验建议用 crypto-js.
+  signSecret: '',
+  // 单次 /api/config/init 请求超时 (ms)
+  // 复用 apiConfig.timeout, 不单独配置
+  // remote: {
+  //   // 远程 patch 字段名 (后端 /api/config/init 返回 data.privacy_url_rules)
+  //   fieldPath: 'privacy_url_rules',
+  //   // 切租户/uniacid 时强制重拉 (远端 patch 重新下发)
+  //   refreshOnUniacidChange: true,
+  //   // 本地缓存 key 前缀: <prefix><uniacid>
+  //   storagePrefix: 'privacy_url_rules_',
+  // },
+};
+
+// 配置外置管理类
+class ConfigExternal {
+  constructor() {
+    this.loadedConfigs = {};
+    this.loadPromises = {};
+    // 启动期各通道的 await promise (由 App.vue onLaunch 注入)
+    // 隐私弹窗 show() 时通过 PrivacyManager.getReadyWaiters() 拿到 → 串成 readyGuard
+    this.readyWaiters = {
+      lang: null,
+      theme: null,
+      themeOverride: null,
+      remoteConfig: null,
+    };
+  }
+
+  /**
+   * 设置启动期各通道的 await promise
+   * App.vue onLaunch 在 step 2 注入, PrivacyManager.show() 时读取
+   * @param {Object} waiters { lang?, theme?, themeOverride?, remoteConfig? }
+   */
+  setReadyWaiters(waiters) {
+    if (!waiters || typeof waiters !== 'object') return
+    for (const k of Object.keys(this.readyWaiters)) {
+      if (waiters[k] && typeof waiters[k].then === 'function') {
+        this.readyWaiters[k] = waiters[k]
+      }
+    }
+  }
+
+  /**
+   * 获取隐私弹窗 readyGuard (合并所有启用的等待通道)
+   * 任意通道 disabled → 不等
+   * 所有通道都 null → 返回 Promise.resolve() (不退化)
+   * @param {Object} channels { lang?, theme?, themeOverride?, remoteConfig? }
+   * @returns {Promise}
+   */
+  getPrivacyReadyGuard(channels) {
+    const cfg = (typeof channels === 'object' && channels) || (privacyConfig.waitChannels || {})
+    const promises = []
+    for (const k of ['lang', 'theme', 'themeOverride', 'remoteConfig']) {
+      if (cfg[k] && this.readyWaiters[k]) {
+        promises.push(this.readyWaiters[k])
+      }
+    }
+    if (!promises.length) return Promise.resolve()
+    return Promise.all(promises).catch(() => {})
+  }
+
+  /**
+   * 隐私弹窗总超时熔断 (ms)
+   * 默认取 langConfig.remote.bootTimeout 与 themeConfig.overrideRemote.bootTimeout 的最大值 + 1000ms 余量
+   * 业务侧可通过 privacyConfig.bootTimeout 覆盖
+   */
+  getPrivacyBootTimeout() {
+    if (privacyConfig && typeof privacyConfig.bootTimeout === 'number' && privacyConfig.bootTimeout > 0) {
+      return privacyConfig.bootTimeout
+    }
+    const langT = (langConfig && langConfig.remote && langConfig.remote.bootTimeout) || 5000
+    const themeT = (themeConfig && themeConfig.overrideRemote && themeConfig.overrideRemote.bootTimeout) || 5000
+    return Math.max(langT, themeT) + 1000
+  }
+
+  /**
+   * 加载语言包
+   * @param {string} lang - 语言类型
+   * @returns {Promise} - 加载结果
+   */
+  async loadLang(lang = langConfig.defaultLang) {
+    if (this.loadedConfigs[`lang_${lang}`]) {
+      return this.loadedConfigs[`lang_${lang}`];
+    }
+
+    if (this.loadPromises[`lang_${lang}`]) {
+      return this.loadPromises[`lang_${lang}`];
+    }
+
+    this.loadPromises[`lang_${lang}`] = new Promise((resolve, reject) => {
+      try {
+        // 动态加载语言包
+        const langData = require(`@/lang/${lang}/common.js`).lang;
+        this.loadedConfigs[`lang_${lang}`] = langData;
+        resolve(langData);
+      } catch (error) {
+        // console.error(`加载语言包 ${lang} 失败:`, error);
+        reject(error);
+      }
+    });
+
+    return this.loadPromises[`lang_${lang}`];
+  }
+
+  /**
+   * 加载页面语言包
+   * @param {string} lang - 语言类型
+   * @param {string} pagePath - 页面路径
+   * @returns {Promise} - 加载结果
+   */
+  async loadPageLang(lang = langConfig.defaultLang, pagePath) {
+    const key = `page_${lang}_${pagePath}`;
+    if (this.loadedConfigs[key]) {
+      return this.loadedConfigs[key];
+    }
+
+    if (this.loadPromises[key]) {
+      return this.loadPromises[key];
+    }
+
+    this.loadPromises[key] = new Promise((resolve, reject) => {
+      try {
+        // 动态加载页面语言包
+        const pageLangData = require(`@/lang/${lang}/${pagePath}.js`).lang;
+        this.loadedConfigs[key] = pageLangData;
+        resolve(pageLangData);
+      } catch (error) {
+        console.error(`加载页面语言包 ${lang}/${pagePath} 失败:`, error);
+        resolve({});
+      }
+    });
+
+    return this.loadPromises[key];
+  }
+
+  /**
+   * 加载主题配置（异步方式）
+   * 关键: 在 remote-only 模式下, style_color.js 已被 webpack 替换为 empty-style-stub.js,
+   *       只含 1 个 default preset. 其它 7 个 preset 由 ThemeOverride.loadAllPresets()
+   *       异步拉取并合并到本地缓存. 这里的 loadTheme 优先从缓存取,缓存未命中时回退到 stub.
+   *
+   * @param {string} theme - 主题名称
+   * @returns {Promise} - 加载结果
+   */
+  async loadTheme(theme = themeConfig.defaultTheme) {
+    // 1) 先查已加载的内存缓存(包括远端拉取后写入的)
+    if (this.loadedConfigs[`theme_${theme}`]) {
+      return this.loadedConfigs[`theme_${theme}`];
+    }
+
+    // 2) remote-only 模式下,从 ThemeOverride 内存缓存(由 loadAllPresets 写入)取
+    try {
+      const ThemeOverride = require('./theme-override.js').default;
+      const remotePresets = ThemeOverride.getAllPresets();
+      if (remotePresets && remotePresets[theme]) {
+        this.loadedConfigs[`theme_${theme}`] = remotePresets[theme];
+        return remotePresets[theme];
+      }
+    } catch (e) {
+      // ignore — ThemeOverride 不可用时继续走 require stub
+    }
+
+    // 3) 兜底: require style_color.js (local 模式全量, remote-only 模式 stub)
+    if (this.loadPromises[`theme_${theme}`]) {
+      return this.loadPromises[`theme_${theme}`];
+    }
+
+    this.loadPromises[`theme_${theme}`] = new Promise((resolve, reject) => {
+      try {
+        // 动态加载主题配置 (webpack 替换为 stub 时,只返回 1 个 default preset)
+        const themeData = require(`@/common/js/style_color.js`)['default'][theme];
+        this.loadedConfigs[`theme_${theme}`] = themeData;
+        resolve(themeData);
+      } catch (error) {
+        console.error(`加载主题 ${theme} 失败:`, error);
+        reject(error);
+      }
+    });
+
+    return this.loadPromises[`theme_${theme}`];
+  }
+}
+
+export default new ConfigExternal();

common/js/config.js

@@ -1,29 +1,94 @@
 // 发行版本，配置说明
 let releaseCfg = undefined;
+
+// #ifdef APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-QQ || MP-TOUTIAO || MP-HARMONY
 try {
-    if (site) {
+    if (site) { // 从site.js文件中获取配置, 针对微信小程序类
         releaseCfg = {
             baseUrl: site.baseUrl,
             imgDomain: site.baseUrl,
             h5Domain: site.baseUrl,
             uniacid: site.uniacid,
         }
+    } else {
+        // 惰性加载 Lang 避免循环依赖（lang.js 引用了 config.js）
+        try {
+            const Lang = require('@/common/js/lang.js').default;
+            console.warn(Lang.lang('common.config.siteJsNotConfigured'));
+        } catch (e) {
+            console.warn('小程序发行环境下，必须配置site.js文件，不然将使用默认配置，影响小程序定制分发！');
+        }
     }
 } catch (e) {}
+// #endif
 
-// 调试版本，配置说明
-const devCfg = {
+// 线上版本部署域名， 注意： 必须以 '/' 结尾，适用于小程序/H5/快应用等场景
+// 默认域名, 自定义发行时可以修改
+let defaultDomain = '';
+
+// #ifdef H5
+// 域名由 vue.config.js 中 DefinePlugin 注入的 process.env.UNI_APP_DOMAIN 传入
+try {
+  if (process.env.UNI_APP_DOMAIN) {
+    defaultDomain = process.env.UNI_APP_DOMAIN;
+  }
+} catch (e) {}
+// #endif
+
+// 确保域名以 '/' 结尾
+if (defaultDomain && !defaultDomain.endsWith('/')) {
+    defaultDomain += '/';
+}
+
+// 本地调试配置示例文件
+// 复制.local.config.js.example 并重命名为 .local.config.js 以使用自定义本地配置
+let localDevConfig = { uniacid: 0, domain: defaultDomain };
+
+// #ifndef PRODUCTION
+// 尝试动态加载本地配置文件
+if (process?.env?.NODE_ENV === 'development') {
+    try {
+        // 尝试从项目根目录加载本地配置文件
+        // 使用相对路径的方式，确保在不同平台下都能正确解析
+        let customConfig = require('@/.local.config.js').default;
+        if (customConfig) {
+            localDevConfig = customConfig;
+        }
+    } catch (e) {
+        // 如果本地配置文件不存在或加载失败，保持使用默认配置
+        // 只在开发模式下输出提示信息
+        // #ifdef WEB
+        // #endif
+    }
+}
+// #endif
+
+const { uniacid = 0, domain = defaultDomain, aikefuConfigUuid = '' } = localDevConfig ?? { uniacid: 0, domain: defaultDomain }
+
+export default {
+    /**
+     * 1.开发调试模式
+     * 去掉注释 ...defaultCfg;
+     * 注释掉 ...releaseCfg,
+     * 2.发行/发布模式，例如通过`HBuilder>发行>小程序微信`的时候，原理是：
+     * 然后将 `import site from "../site.js";`追加到   `unpackage\dist\build\mp-weixin\common\vendor.js` 文件内容开头部分
+     * 然后将 site.js 文件放到 `unpackage\dist\build\mp-weixin\` 目录下面
+     */
     // 商户ID
-    uniacid: 460, //825
+    uniacid: uniacid, //825
 
     //api请求地址
-    baseUrl: 'https://xcx30.5g-quickapp.com/',
+    baseUrl: domain,
+
+    // aikefu 智能客服配置 uuid (媒体上传必填; 后端 /api/kefu/info 目前不返回该值,
+    // 需在 .local.config.js 对应环境配置里手动填写 aikefuConfigUuid: 'xxx')
+    aikefuConfigUuid: aikefuConfigUuid,
 
     // 图片域名
-    imgDomain: 'https://xcx30.5g-quickapp.com/',
+    imgDomain: domain,
 
     // H5端域名
-    h5Domain: 'https://xcx30.5g-quickapp.com/',
+    h5Domain: domain,
 
     // // api请求地址
     // baseUrl: 'https://tsaas.liveplatform.cn/',
@@ -42,31 +107,20 @@ const devCfg = {
 
     // // H5端域名
     // h5Domain: 'http://saas.cn/',
-};
 
-var config = {
-    /**
-     * 1.开发调试模式
-     * 去掉注释 ...devCfg;
-     * 注释掉 ...releaseCfg,
-     * 2.发行/发布模式，例如通过`HBuilder>发行>小程序微信`的时候，原理是：
-     * 然后将 `import site from "../site.js";`追加到   `unpackage\dist\build\mp-weixin\common\vendor.js` 文件内容开头部分
-     * 然后将 site.js 文件放到 `unpackage\dist\build\mp-weixin\` 目录下面
-     */
-    ...(releaseCfg ?? devCfg),
+    // 发行版本配置
+    ...(releaseCfg || {}),
 
 
     // 腾讯地图key 
     mpKey: 'TUHBZ-CNWKU-UHAVP-GZQ26-HNZFO-3YBF4',
 
-    //客服地址
+    // 客服地址
     webSocket: '{{$webSocket}}',
 
-    //本地端主动给服务器ping的时间, 0 则不开启 , 单位秒
+    // 本地端主动给服务器ping的时间, 0 则不开启 , 单位秒
     pingInterval: 1500,
 
     // 版本号 
     version: '1.0'
-};
-
-export default config;
+};

common/js/diy.js

@@ -1,7 +1,11 @@
 import WxMap from 'common/js/map-wx-jssdk.js';
 import Config from '@/common/js/config.js';
+import util from '@/common/js/util.js';
+import { classifyHttpError, httpErrorKey } from '@/common/js/http-error.js';
+import { consumeNeedStartupAd, isColdLaunchPending } from '@/common/js/startup-ad.js';
+
+let systemInfo = util.getDeviceInfo();
 
-let systemInfo = uni.getSystemInfoSync();
 export default {
 	data() {
 		return {
@@ -43,10 +47,21 @@ export default {
 			diyRoute: '', // 页面路由
 			openBottomNav: false,
 			isShowCopyRight: false,
-			
+
+			// getDiyInfo 节流
+			diyInfoLoading: false, // 是否正在请求
+			lastDiyInfoTime: 0, // 上次成功加载的时间戳
+			lastDiyInfoLang: '', // 上次加载时的语言,语言切换时强制刷新
+			diyInfoTtl: 3 * 60 * 1000, // 3分钟内不重复请求
+
+			// diy 数据网络加载失败时的页面内错误提示(比 showModal 在各端更可靠)
+			diyLoadError: false,
+			diyLoadErrorMsg: '',
+			diyLoadErrorUrl: '', // 出错的网络请求地址
+
 			//启动广告
-			adv:{},
-			
+			adv: {},
+
 		};
 	},
 	onLoad(option) {
@@ -109,10 +124,10 @@ export default {
 			// 关闭定位
 			this.enterDefaultStore();
 		}
-		
+
 	},
 	onShow() {
-		
+
 		this.init();
 	},
 	onHide() {
@@ -197,13 +212,12 @@ export default {
 		}
 	},
 	methods: {
-		play(){
-			console.log(123)
+		play() {
 		},
 		async init() {
 
 			// 定位信息过期后，重新获取定位
-			if(this.mapConfig.wap_is_open == 1 && this.locationStorage && this.locationStorage.is_expired) {
+			if (this.mapConfig.wap_is_open == 1 && this.locationStorage && this.locationStorage.is_expired) {
 				this.$util.getLocation({
 					fail: (res) => {
 						// 拒绝定位，进入默认总店
@@ -219,6 +233,7 @@ export default {
 				}
 			}
 
+			console.log('[DIY][init] calling getDiyInfo, storeToken=', !!this.storeToken);
 			await this.getDiyInfo();
 			//获取启动广告
 			await this.getDiyAdv();
@@ -276,83 +291,249 @@ export default {
 			}, 50);
 			// #endif
 		},
-		async getDiyAdv(){
+		async getDiyAdv() {
 			//启动广告
 			let res = await this.$api.sendRequest({
 				url: '/api/diyview/getstartadv',
 				data: {},
 				async: false
 			});
-			this.adv = res.value
-			// 弹框形式，首次弹出 1，每次弹出 0
-			if(this.adv.advshow == 1){
-				setTimeout(() => {
-					if (res.value.advtype == 1) {
+			// 接口把启动广告配置放在 data 字段(少数环境也可能放在 value), 两者兼容,
+			// 避免取到 undefined 后模板 v-if 抛错导致 uni-popup 不渲染、真机广告弹不出来
+			let advData = (res && (res.data != null ? res.data : res.value)) || {};
+			this.adv = advData;
+			// 后台配置: advshow=1 开启启动广告; advtype 决定弹出策略
+			//   advtype == 1: 首次弹出 —— 仅第一次进入小程序弹出(持久化标记, 清缓存后可再弹)
+			//   advtype == 0: 每次弹出 —— 每次"重新进入小程序"都弹出(不含 Tab 切换回首页)
+			if (this.adv.advshow == 1) {
+				setTimeout(async () => {
+					// 隐私协议未同意时, 先等用户点击隐私协议(同意/拒绝)关闭弹窗,
+					// 否则广告弹窗会被隐私弹窗(z-index:5000)盖住, 真机上表现为"点了隐私协议后广告不弹"
+					await this._waitPrivacyResolved();
+					if (!this.$refs.uniPopupWindow) return;
+
+					// 先判定本次是否需要弹出, 避免无谓的图片预加载
+					let shouldOpen = false;
+					let isFirstType = false;
+					if (this.adv.advtype == 1) {
+						// 首次弹出: 从未展示过才弹
 						var popwindow_count = uni.getStorageSync(this.id + this.name + '_popwindow_count');
-						if ((this.$refs.uniPopupWindow && popwindow_count == '') || (
-							this.$refs.uniPopupWindow && popwindow_count == 1)) {
-								
-							this.$refs.uniPopupWindow.open();
-							uni.setStorageSync(this.id + this.name + '_popwindow_count', 1);
+						if (popwindow_count == '' || popwindow_count == 0) {
+							shouldOpen = true;
+							isFirstType = true;
 						}
-					} else if (res.value.advtype == 0) {
-						this.$refs.uniPopupWindow.open();
-						uni.setStorageSync(this.id + this.name + '_popwindow_count', 0);
+					} else {
+						// 每次弹出: 冷启动首次 或 真正"重新进入小程序"(App 前后台切换)时弹出,
+						// 由 App.onShow 在重新进入时置位的信号驱动, 切 Tab 不会触发 App.onShow 故不弹
+						if (consumeNeedStartupAd() || isColdLaunchPending()) {
+							shouldOpen = true;
+						}
+					}
+					if (!shouldOpen) return;
+
+					// 关键: 广告图片是网络图, 而 uni-popup 用 v-if 在 open() 时才渲染 slot,
+					// 图片要等弹窗打开后才开始请求/解码, 真机网络慢时就会"一截一截"逐步显示。
+					// 先把所有广告图片预加载进本地缓存, 全部就绪后再 open, 使弹窗一次性完整出现。
+					await this._preloadAdvImages(this.adv.list);
+					if (!this.$refs.uniPopupWindow) return;
+
+					this.$refs.uniPopupWindow.open();
+					if (isFirstType) {
+						uni.setStorageSync(this.id + this.name + '_popwindow_count', 1);
 					}
 				}, 500);
 			}
-			
 		},
-		async getDiyInfo() {
-			let res = await this.$api.sendRequest({
-				url: '/api/diyview/info',
-				data: {
-					id: this.id,
-					name: this.name,
-					en_type:uni.getStorageSync("lang"),//获取语言底部
-				},
-				async: false
+		/**
+		 * 等待隐私协议流程结束后再弹启动广告
+		 *   - 鸿蒙元服务: 隐私由系统托管, 应用层不弹自建弹窗, 直接放行
+		 *   - 已同意过(storage privacyAgreed): 无需等待, 直接放行
+		 *   - 未同意: 监听 PrivacyManager 广播的 privacy:agreed / privacy:disagreed,
+		 *     用户点击隐私协议(同意/拒绝)关闭弹窗后放行
+		 *   - 兜底超时: 隐私协议因规则未弹等情况永不 emit 时也要弹广告, 避免卡死
+		 * @param {number} [maxWait=15000]
+		 * @returns {Promise<void>}
+		 */
+		_waitPrivacyResolved(maxWait = 15000) {
+			// 鸿蒙元服务: 隐私协议由系统托管, 应用层不弹自建隐私弹窗, 无需等待
+			// #ifdef MP-HARMONY
+			return Promise.resolve();
+			// #endif
+			// 已经同意过 → 隐私弹窗不会再出现, 直接放行
+			if (uni.getStorageSync('privacyAgreed')) return Promise.resolve();
+			return new Promise((resolve) => {
+				let done = false;
+				const finish = () => {
+					if (done) return;
+					done = true;
+					uni.$off('privacy:agreed', finish);
+					uni.$off('privacy:disagreed', finish);
+					clearTimeout(timer);
+					resolve();
+				};
+				uni.$on('privacy:agreed', finish);
+				uni.$on('privacy:disagreed', finish);
+				// 兜底: 隐私协议因规则未弹 / 一直未处理时, 超时后也要弹广告
+				const timer = setTimeout(finish, maxWait);
 			});
-			if (res.code != 0 || !res.data) {
+		},
+		// 无法从网络获取 diy 数据时：在页面内渲染错误横幅(各端可靠、一定可见)
+		// 同时通过 uni.$emit 通知 splash-state 关闭启动屏 (否则 strict 模式永远不关)
+		// @param {Object|string} [err] 网络异常对象 {errMsg, statusCode} / 服务端消息字符串
+		// @param {string} [url] 出错的请求地址(完整 URL)，用于横幅展示
+		// @param {string} [errorType] 错误类型: 'network' | 'no-response' | 'business'
+		_showDiyLoadError(err, url, errorType) {
+			this.diyLoadErrorMsg = this._buildDiyErrorMsg(err);
+			this.diyLoadErrorUrl = url || '';
+			this.diyLoadError = true;
+			// 通知 splash: diy 加载失败, 启动屏应该让位给错误横幅
+			// 用 uni.$emit 而非直接 import splash-state, 避免循环依赖
+			// reason 拼成 'diy-{errorType}-error' 方便业务方区分 (splash:diy-error 事件)
+			const reason = errorType ? `diy-${errorType}-error` : 'diy-load-error'
+			try { uni.$emit && uni.$emit('diy:load-error', { reason, errorType, err, url }); } catch (e) { }
+		},
+		// 根据错误信息组织更详细的提示文案
+		// 说明：remote-only 模式下 $lang 可能返回空串，故统一用 `|| 中文兜底` 保证非空
+		_buildDiyErrorMsg(err) {
+			const info = classifyHttpError(err);
+
+			// 服务端明确返回的业务消息(字符串):直接透传
+			if (info.type === 'business') return info.raw;
+
+			const key = httpErrorKey(info.type);
+			let reason = this.$lang(key);
+
+			// HTTP 状态码类错误:把 statusCode 拼到 reason 后面
+			if (info.statusCode) reason += '(' + info.statusCode + ')';
+
+			// empty / unknown 不走模板,直接返回通用网络异常
+			if (info.type === 'empty' || info.type === 'unknown') return reason;
+
+			const tpl = this.$lang('diy.loadFailTpl', { reason });
+			return tpl;
+		},
+		// 错误横幅「重试」入口
+		retryDiyInfo() {
+			this.diyLoadError = false;
+			this.diyLoadErrorMsg = '';
+			this.diyLoadErrorUrl = '';
+			this.getDiyInfo(true);
+		},
+		async getDiyInfo(force = false) {
+			// 节流:正在请求 / N 秒内已加载过 / 语言未变 -> 跳过
+			const now = Date.now();
+			const currentLang = uni.getStorageSync("lang") || '';
+			console.log('[DIY][getDiyInfo] start', 'force=', force, 'id=', this.id, 'name=', this.name, 'lang=', currentLang, 'loading=', this.diyInfoLoading, 'lastAt=', this.lastDiyInfoTime, 'lastLang=', this.lastDiyInfoLang);
+			if (!force) {
+				if (this.diyInfoLoading) {
+					console.log('[DIY][getDiyInfo] skip: already loading');
+					return;
+				}
+				if (this.lastDiyInfoTime && (now - this.lastDiyInfoTime) < this.diyInfoTtl
+					&& this.lastDiyInfoLang === currentLang) {
+					console.log('[DIY][getDiyInfo] skip: throttled by ttl');
+					return;
+				}
+			}
+
+			this.diyInfoLoading = true;
+			let res;
+			// 出错时用于展示的完整请求地址(Request URL)，与 http.js 拼接/归一化方式保持一致
+			const diyInfoUrl = '/api/diyview/info';
+			const diyInfoFullUrl = ((Config.baseUrl || '') + diyInfoUrl).replace(/(?<!:)\/+/g, '/');
+			try {
+				res = await this.$api.sendRequest({
+					url: diyInfoUrl,
+					data: {
+						id: this.id,
+						name: this.name,
+						en_type: currentLang,
+					},
+					async: false
+				});
+			} catch (e) {
+				console.error('[DIY][getDiyInfo] request failed', e);
+				if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+				this.diyInfoLoading = false;
+				// 无法从网络获取数据时，页面内显示错误横幅并提供重试(带详细原因 + 请求地址)
+				// errorType='network': 网络异常 (uni.request catch)
+				this._showDiyLoadError(e, diyInfoFullUrl, 'network');
+				return;
+			}
+			this.diyInfoLoading = false;
+			console.log('[DIY][getDiyInfo] got response', 'code=', res && res.code, 'hasData=', !!(res && res.data), 'valueType=', res && res.data && typeof res.data.value, 'valueLen=', res && res.data && (typeof res.data.value === 'string' ? res.data.value.length : (res.data.value ? res.data.value.length : null)));
+
+			if (!res || res.code != 0 || !res.data) {
+				console.warn('[DIY][getDiyInfo] invalid response', JSON.stringify(res));
 				if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
 
-				if (res.code == -3) {
-					this.$util.showToast({
-						title: res.message
-					});
-					this.diyData = {};
+				// 完全没有拿到网络响应，视为无法从网络获取数据，页面内显示错误横幅
+				if (!res) {
+					// errorType='no-response': 完全没有 res 对象
+					this._showDiyLoadError(null, diyInfoFullUrl, 'no-response');
+					// 保持原有数据结构,仅清空 value,避免鸿蒙下重新布局
+					this.diyData = { ...(this.diyData || {}), value: [] };
 					return;
 				}
 
-				this.$util.showToast({
-					title: '未配置自定义页面数据'
-				});
-				this.diyData = {};
+				if (res && res.code == -3) {
+					this.$util.showToast({
+						title: res.message
+					});
+					// 保持原有数据结构,仅清空 value,避免鸿蒙下重新布局
+					this.diyData = { ...(this.diyData || {}), value: [] };
+					return;
+				}
+
+				// 拿到响应但业务失败 / 无数据(如接口 404 返回 200+错误码、code!=0)
+				// 同样视为无法获取到 diy 数据，页面内显示错误横幅
+				// errorType='business': 业务失败 (code!=0 / 消息提示)
+				this._showDiyLoadError(res && res.message, diyInfoFullUrl, 'business');
+				// 保持原有数据结构,仅清空 value,避免鸿蒙下重新布局
+				this.diyData = { ...(this.diyData || {}), value: [] };
 				return;
 			}
 
+			this.lastDiyInfoTime = now;
+			this.lastDiyInfoLang = currentLang;
+			// 成功加载后清除错误提示
+			this.diyLoadError = false;
+			this.diyLoadErrorMsg = '';
+			this.diyLoadErrorUrl = '';
+
 			let diyDataValue = res.data;
 			if (diyDataValue.value) {
-				this.diyData = JSON.parse(diyDataValue.value);
-				this.$langConfig.title(this.diyData.global.title);
+				try {
+					this.diyData = JSON.parse(diyDataValue.value);
+				} catch (parseErr) {
+					console.error('[DIY][getDiyInfo] JSON.parse(value) failed', parseErr, 'value preview=', String(diyDataValue.value).slice(0, 200));
+					throw parseErr;
+				}
+				console.log('[DIY][getDiyInfo] parsed diyData', 'globalKeys=', this.diyData && this.diyData.global ? Object.keys(this.diyData.global) : null, 'valueCount=', this.diyData && this.diyData.value && this.diyData.value.length, 'topIndexValue before=', this.topIndexValue);
+
+				// 导航栏标题要根据语言环境切换
+				// 优先使用 title_map 多语言 map,没有则回退到 title / en_title
+				const title = this.$langConfig.getField(this.diyData?.global, 'title');
+				if (title) this.$langConfig.title(title);
+
 				this.mpCollect = this.diyData.global.mpCollect;
 				this.setPublicShare();
-			/*	if (this.diyData.global.popWindow && this.diyData.global.popWindow.imageUrl) {
-					// 弹框形式，首次弹出 1，每次弹出 0
-					setTimeout(() => {
-						if (this.diyData.global.popWindow.count == 1) {
-							var popwindow_count = uni.getStorageSync(this.id + this.name + '_popwindow_count');
-							if ((this.$refs.uniPopupWindow && popwindow_count == '') || (
-								this.$refs.uniPopupWindow && popwindow_count == 1)) {
+				/*	if (this.diyData.global.popWindow && this.diyData.global.popWindow.imageUrl) {
+						// 弹框形式，首次弹出 1，每次弹出 0
+						setTimeout(() => {
+							if (this.diyData.global.popWindow.count == 1) {
+								var popwindow_count = uni.getStorageSync(this.id + this.name + '_popwindow_count');
+								if ((this.$refs.uniPopupWindow && popwindow_count == '') || (
+									this.$refs.uniPopupWindow && popwindow_count == 1)) {
+									this.$refs.uniPopupWindow.open();
+									uni.setStorageSync(this.id + this.name + '_popwindow_count', 1);
+								}
+							} else if (this.diyData.global.popWindow.count == 0) {
 								this.$refs.uniPopupWindow.open();
-								uni.setStorageSync(this.id + this.name + '_popwindow_count', 1);
+								uni.setStorageSync(this.id + this.name + '_popwindow_count', 0);
 							}
-						} else if (this.diyData.global.popWindow.count == 0) {
-							this.$refs.uniPopupWindow.open();
-							uni.setStorageSync(this.id + this.name + '_popwindow_count', 0);
-						}
-					}, 500);
-				}*/
+						}, 500);
+					}*/
 
 				// 修改diy数据结构排序
 				let searchIndex = -1;
@@ -416,11 +597,51 @@ export default {
 					this.openBottomNav = this.diyData.global.openBottomNav;
 				}
 				this.isShowCopyRight = true;
+				console.log('[DIY][getDiyInfo] done', 'topIndexValue after=', this.topIndexValue && this.topIndexValue.componentName, 'valueCount=', this.diyData.value.length, 'openBottomNav=', this.openBottomNav, 'isShowCopyRight=', this.isShowCopyRight);
+			} else {
+				console.warn('[DIY][getDiyInfo] no value in res.data', JSON.stringify(diyDataValue).slice(0, 200));
 			}
 		},
+		/**
+		 * 预加载启动广告图片
+		 *   广告弹窗由 uni-popup 在 open() 时才用 v-if 渲染内容, 图片是网络图,
+		 *   若等到弹窗打开后才开始加载, 真机网络慢时会出现"一截一截"逐步显示。
+		 *   这里提前把图片下载进本地缓存, 等全部加载完成(或超时)后再弹出,
+		 *   使弹窗一次性完整呈现。
+		 * @param {Array} list - adv.list, 元素形如 { imageUrl, link }
+		 * @param {number} [timeout=4000] - 单张兜底超时, 避免个别图片卡住导致广告永不弹出
+		 * @returns {Promise<void>}
+		 */
+		_preloadAdvImages(list, timeout = 4000) {
+			if (!list || !list.length) return Promise.resolve();
+			const tasks = list.map((item) => {
+				return new Promise((resolve) => {
+					const url = (item && item.imageUrl) ? this.$util.img(item.imageUrl) : '';
+					if (!url) return resolve();
+					let done = false;
+					const finish = () => {
+						if (done) return;
+						done = true;
+						clearTimeout(timer);
+						resolve();
+					};
+					const timer = setTimeout(finish, timeout);
+					try {
+						// getImageInfo 会下载图片并写入本地缓存, 之后 image 组件可直接命中缓存
+						uni.getImageInfo({
+							src: url,
+							success: finish,
+							fail: finish
+						});
+					} catch (e) {
+						finish();
+					}
+				});
+			});
+			return Promise.all(tasks).then(() => {});
+		},
 		closePopupWindow() {
 			this.$refs.uniPopupWindow.close();
-			uni.setStorageSync(this.id + this.name + '_popwindow_count', -1);
 		},
 		closeCollectPopupWindow() {
 			this.$refs.collectPopupWindow.close();
@@ -555,7 +776,7 @@ export default {
 					if (res.code == 0 && res.data) {
 						this.currentPosition = res.data.formatted_addresses.recommend; // 结合知名地点形成的描述性地址，更具人性化特点
 					} else {
-						this.currentPosition = '未获取到定位';
+						this.currentPosition = this.$lang('diy.locationNotAvailable');
 					}
 				}
 			});
@@ -567,7 +788,7 @@ export default {
 					this.nearestStore = this.defaultStoreInfo;
 					this.nearestStore.show_address = this.nearestStore.full_address.replace(/,/g, ' ') + ' ' + this.nearestStore.address;
 				}
-				if (this.currentPosition == '') this.currentPosition = '未获取到定位';
+				if (this.currentPosition == '') this.currentPosition = this.$lang('diy.locationNotAvailable');
 				this.openChooseStorePopup();
 			}
 		},
@@ -577,7 +798,7 @@ export default {
 			if (this.id) shareUrl += '?id=' + this.id;
 			else if (this.name) shareUrl += '?name=' + this.name;
 			this.$util.setPublicShare({
-				title: this.diyData.global.title,
+				title: this.$langConfig.getField(this.diyData.global, 'title'),
 				desc: '',
 				link: shareUrl,
 				imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
@@ -603,10 +824,10 @@ export default {
 	},
 	// 分享给好友
 	onShareAppMessage() {
-		return this.mpShareData.appMessage;
+		return this.mpShareData?.appMessage;
 	},
 	// 分享到朋友圈
 	onShareTimeline() {
-		return this.mpShareData.timeLine;
+		return this.mpShareData?.timeLine;
 	}
 }

common/js/empty-lang-stub.js

@@ -0,0 +1,15 @@
+// ============================================================
+// 空 lang 包占位
+//
+// 在 source === 'remote-only' 模式下, lang/ 目录下的所有 .js 会被
+// webpack.NormalModuleReplacementPlugin 替换为这个 stub.
+//
+// 设计要点:
+//   - 导出 default 对象, 结构与真实 lang 包一致: { lang: {...} }
+//   - lang 字段是空对象, 让 lang() 函数 fallback 路径不报错
+//   - 不导出 named export, 避免 tree-shaking 把整个 stub 干掉
+// ============================================================
+
+export default {
+	lang: {}
+};

common/js/empty-style-stub.js

@@ -0,0 +1,169 @@
+// ============================================================
+// 空主题预设占位(stub)
+//
+// 在 themeConfig.overrideRemote.source === 'remote-only' 模式下,
+// style_color.js 会被 webpack.NormalModuleReplacementPlugin 替换为这个 stub.
+//
+// 目的: 主包不再包含 8 个完整 preset (~80KB), 只保留最小 emergency fallback
+//       (~5KB, 仅 1 个 default preset 的核心 token).
+//
+// 设计要点:
+//   1) 导出 default 对象, 结构与 style_color.js 一致: { 'default': { ... } }
+//   2) 包含最关键的 token(main_color, aux_color, bg_color 等),
+//      保证 themeColorSet 能写入基础 CSS 变量,首屏不白屏
+//   3) 缺失的 token 由远端 /api/theme/presets 异步补齐,补齐前 var() 解析失败
+//      时浏览器会回退到 SCSS 的 fallback 值(uni-app H5 已做 rpx→px)
+//   4) 其他 7 个 preset 完全由远端提供,本地不打包
+//   5) 失败兜底: 远端不可用时, 切到非 default preset 会落到 default 的样式
+//
+// token 数量统计: 8 preset × ~50 token = ~400 token. 完整 80KB.
+//                1 preset × ~50 token = ~5KB. 节省 ~94%.
+// ============================================================
+
+export default {
+	'default': {
+		name: 'default',
+		main_color: '#F4391c',
+		aux_color: '#F7B500',
+		bg_color: '#FF4646',
+		bg_color_shallow: '#FF4646',
+		promotion_color: '#FF4646',
+		promotion_aux_color: '#F7B500',
+		main_color_shallow: '#FFF4F4',
+		price_color: 'rgb(252,82,39)',
+		btn_text_color: '#FFFFFF',
+
+		goods_price: 'rgb(252,82,39,1)',
+		promotion_tag: '#FF4646',
+		goods_card_bg: '#201A18',
+		goods_card_bg_shallow: '#7C7878',
+		goods_card_color: '#FFD792',
+		goods_coupon: '#FC5227',
+		goods_cart_num_corner: '#FC5227',
+		goods_btn_color: '#FF4646',
+		goods_btn_color_shallow: '#F7B500',
+
+		pintuan_label_bg: '#F7B500',
+		pintuan_label_color: '#FFFFFF',
+		pintuan_color: '#FA6400',
+		pintuan_promotion_color: '#FA3A1D',
+		pintuan_promotion_aux_color: '#FD9A01',
+
+		super_member_start_bg: '#7c7878',
+		super_member_end_bg: '#201a18',
+		super_member_start_text_color: '#FFDBA6',
+		super_member_end_text_color: '#FFEBCA',
+
+		bargain_promotion_color: '#F0353E',
+		bargain_promotion_aux_color: '#FD9A01',
+
+		seckill_promotion_color: '#F83530',
+		seckill_promotion_aux_color: '#FD9A01',
+
+		giftcard_promotion_color: '#FF3369',
+		giftcard_promotion_aux_color: '#F7B500',
+
+		groupby_promotion_color: '#E64136',
+		groupby_promotion_aux_color: '#F7B500',
+
+		hover_nav_bg_color: '#FFFC',
+		hover_nav_text_color: '#000',
+
+		// ===== DIY 分类页字号 token =====
+		diy_category_tree_select_size:    '28rpx',
+		diy_category_tree_normal_size:    '20rpx',
+		diy_category_item_title_size:     '26rpx',
+		diy_category_item_goods_title_size:'28rpx',
+		diy_category_item_name_size:      '24rpx',
+		diy_category_item_goods_name_size:'28rpx',
+		diy_category_item_goods_tag_size: '22rpx',
+		diy_category_item_consult_now_size:'26rpx',
+		diy_category_item_consult_now_bg:    '#FF4646',
+		diy_category_item_consult_now_text:  '#FFFFFF',
+		diy_category_item_consult_now_padding:     '12rpx 30rpx',
+		diy_category_item_consult_now_radius:     '40rpx',
+		diy_category_item_consult_now_weight:     '500',
+		diy_category_item_consult_now_line_height:'1.2',
+		diy_category_item_consult_now_text_align: 'center',
+		diy_category_item_consult_now_white_space:'nowrap',
+		diy_category_item_consult_now_display:    'inline-block',
+
+		// ===== DIY 分类页 - 商品卡 token =====
+		diy_category_item_goods_name_line_height:1.3,
+		diy_category_item_goods_name_margin_top:  '20rpx',
+		diy_category_item_discount_price_weight:      'bold',
+		diy_category_item_discount_price_line_height: 1,
+		diy_category_item_discount_price_margin_top:  '16rpx',
+		diy_category_item_pro_info_margin_top:        '16rpx',
+		diy_category_item_delete_price_size:          '24rpx',
+		diy_category_item_delete_price_line_height:   1,
+		diy_category_item_delete_price_text_decoration:'line-through',
+		diy_category_item_member_price_tag_width:       '60rpx',
+		diy_category_item_member_price_tag_height:      '28rpx',
+		diy_category_item_member_price_tag_line_height: 1,
+		diy_category_item_member_price_tag_margin_left: '6rpx',
+		diy_category_item_info_wrap_padding:           '0 20rpx',
+		diy_category_item_info_wrap_margin_top:         '12rpx',
+		diy_category_item_footer_wrap_display:         'flex',
+		diy_category_item_footer_wrap_justify_content: 'space-between',
+		diy_category_item_footer_wrap_align_items:     'normal',
+		diy_category_item_footer_wrap_margin_top:      0,
+		diy_category_item_price_wrap_display:          'block',
+		diy_category_item_price_wrap_align_items:      'normal',
+		diy_category_item_price_wrap_flex_wrap:        'nowrap',
+		diy_category_item_price_wrap_justify_content:  'normal',
+		diy_category_item_price_wrap_margin_top:       0,
+		diy_category_item_name_wrap_flex:              '1',
+		diy_category_item_consult_now_wrap_display:        'flex',
+		diy_category_item_consult_now_wrap_justify_content:'flex-end',
+		diy_category_item_consult_now_wrap_margin_top:     'auto',
+		diy_category_item_consult_now_wrap_padding_top:    '10rpx',
+		diy_category_item_color_tip_color:              '#909399',
+		diy_category_item_price_font_weight:            500,
+
+		// ===== 营销 token(全 8 preset 一致) =====
+		pintuan_label_grad_start: '#ffbd5b',
+		pintuan_label_grad_end:   '#fd882e',
+		pintuan_avatar_border:    '#ff3d3d',
+		pintuan_success_start:    '#3edb73',
+		pintuan_success_end:      '#1db576',
+		bargain_promo_shallow:    '#ffeadb',
+		seckill_price_shallow:    '#fcecd7',
+		seckill_price_start:      '#fdbe6c',
+		seckill_discount_start:   '#ff5f17',
+		seckill_discount_end:     '#fe2f18',
+		member_card_gold_start:   '#E3B66B',
+		member_card_gold_end:     '#F7DAA5',
+		member_icon_grad_start:   '#814635',
+		member_icon_grad_end:     '#3A221B',
+		balance_page_bg_start:    '#FE7849',
+		balance_page_bg_end:      '#FF1959',
+		point_page_bg_start:      '#FE7849',
+		point_page_bg_end:        '#FF1959',
+		point_promo_start:        '#F8F8F8',
+		point_promo_end:          '#E74A32',
+		point_item_grad_start:    '#F4402B',
+		point_item_grad_end:      '#FD7C40',
+		invite_grad_start:        '#ff2440',
+		invite_grad_end:          '#ff7b7b',
+		promote_grad_start:       '#ffe2ac',
+		promote_grad_end:         '#fdc174',
+		fenxiao_withdraw_start:   '#ff3c29',
+		fenxiao_withdraw_end:     '#ff6f29',
+		level_1_grad_start:       '#9BA7B1', level_1_grad_end:       '#D3DEE6',
+		level_2_grad_start:       '#F57E2A', level_2_grad_end:       '#FAD494',
+		level_3_grad_start:       '#F85151', level_3_grad_end:       '#FF9999',
+		level_4_grad_start:       '#78B8B4', level_4_grad_end:       '#AFE6E2',
+		level_5_grad_start:       '#4DA1E1', level_5_grad_end:       '#58CBF0',
+		level_6_grad_start:       '#81C636', level_6_grad_end:       '#D1F677',
+		level_7_grad_start:       '#6D7279', level_7_grad_end:       '#A5AAB0',
+		level_8_grad_start:       '#866DDB', level_8_grad_end:       '#D49BFE',
+		level_9_grad_start:       '#f1c74e', level_9_grad_end:       '#f7dc81',
+		level_10_grad_start:      '#418CCF', level_10_grad_end:      '#9CC6F1',
+	}
+	// 其他 7 个 preset (green/blue/pink/gold/purple/yellow/black)
+	// 全部由远端 /api/theme/presets 异步提供
+	// 远端拉取前切到非 default preset,会回退到 default 样式
+	// 注: 历史曾尝试添加 'red' preset, 但前端 style_color.js 从未定义, 已在
+	//     config-external.js themeList 中移除以保持一致性
+};

common/js/event-bus.js

@@ -12,57 +12,13 @@
  * @createTime 2023-08-10
  */
 
+import Platform from './platform.js'
+
 class EventBus {
     constructor() {
         this.events = new Map()
         this.domBridge = null
-        this.platform = this.detectPlatform()
-    }
-
-    // 检测平台
-    detectPlatform() {
-        // #ifdef H5
-        return 'h5'
-        // #endif
-
-        // #ifdef MP-WEIXIN
-        return 'weapp'
-        // #endif
-
-        // #ifdef MP-ALIPAY
-        return 'alipay'
-        // #endif
-
-        // #ifdef MP-BAIDU
-        return 'baidu'
-        // #endif
-
-        // #ifdef MP-TOUTIAO
-        return 'toutiao'
-        // #endif
-
-        // #ifdef MP-QQ
-        return 'qq'
-        // #endif
-
-        // #ifdef MP-KUAISHOU
-        return 'kuaishou'
-        // #endif
-
-        // #ifdef MP-JD
-        return 'jd'
-        // #endif
-
-        // #ifdef MP-360
-        return '360'
-        // #endif
-
-        // #ifdef MP-XHS
-        return 'xhs'
-        // #endif
-
-
-        return 'unknown'
+        this.platform = Platform.detect()
     }
 
     // 设置 DOM 桥接
@@ -110,7 +66,7 @@ class EventBus {
 
     // 异步触发事件，支持取消传播，并支持在监听处理后调用异步函数 defaultAsyncHandler
     // 使用方式：await eventBus.emit(eventName, data, defaultAsyncHandler)
-    // defaultAsyncHandler 会在每个监听器执行后被调用，签名为 defaultAsyncHandler(event, handler, handlerResult)
+    // defaultAsyncHandler 会在监听器执行后被调用，签名为 defaultAsyncHandler(event, handler, handlerResult)
     // 如果 defaultAsyncHandler 返回 Promise，会等待其 resolve
     // 如果 allowContinuePropagation 为 false，事件触发后将立即返回，不继续传播
     // 如果 stopOnError 为 true，在任意监听器抛出错误后立即停止传播
@@ -123,6 +79,7 @@ class EventBus {
 
         // helper to call defaultAsyncHandler only when allowed
         const callDefaultAsyncHandler = async (evt, handler, handlerResult) => {
+            // console.log('callDefaultAsyncHandler', {evt, handler, handlerResult});
             if (typeof defaultAsyncHandler !== 'function' || !allowAsyncHandlerRun) return
             try {
                 const res = defaultAsyncHandler(evt, handler, handlerResult)
@@ -152,7 +109,7 @@ class EventBus {
                 return !event.defaultPrevented
             }
             // 否则继续走普通 EventBus 处理（fallthrough）
-        }
+        } 
 
         // 普通 EventBus 触发
         const handlers = this.events.get(eventName)
@@ -189,6 +146,7 @@ class EventBus {
                 }
 
                 // 在每个监听器执行后，如果允许并且提供了 defaultAsyncHandler，就调用并等待它
+                // console.log('==> callDefaultAsyncHandler', {event, handler, awaitedResult})
                 await callDefaultAsyncHandler(event, handler, awaitedResult)
             } catch (error) {
                 console.error(`EventBus ${eventName} error:`, error)

common/js/event-safety.js

@@ -0,0 +1,112 @@
+// 事件安全处理工具
+export class EventSafety {
+  // 创建安全的事件对象
+  static createSafeEvent(originalEvent = {}) {
+    const safeEvent = {
+      type: originalEvent.type || 'unknown',
+      timeStamp: originalEvent.timeStamp || Date.now(),
+      detail: originalEvent.detail || {},
+      // 安全的目标对象
+      get target() {
+        return EventSafety.createSafeTarget(originalEvent.target)
+      },
+      get currentTarget() {
+        return EventSafety.createSafeTarget(originalEvent.currentTarget)
+      },
+      // 安全的 matches 方法
+      matches(selector) {
+        return EventSafety.safeMatches(originalEvent.target, selector)
+      }
+    }
+    
+    return new Proxy(safeEvent, {
+      get(obj, prop) {
+        // 防止访问不存在的属性
+        if (prop in obj) {
+          return obj[prop]
+        }
+        return undefined
+      }
+    })
+  }
+  
+  // 创建安全的目标对象
+  static createSafeTarget(target) {
+    if (!target || typeof target !== 'object') {
+      return EventSafety.getFallbackTarget()
+    }
+    
+    const safeTarget = {
+      // 基础属性
+      tagName: target.tagName || '',
+      id: target.id || '',
+      className: target.className || '',
+      // 安全的方法
+      matches: (selector) => EventSafety.safeMatches(target, selector),
+      // 数据集
+      dataset: target?.dataset || {}
+    }
+    
+    return safeTarget
+  }
+  
+  // 安全的 matches 检查
+  static safeMatches(element, selector) {
+    if (!element || typeof element.matches !== 'function') {
+      return false
+    }
+    
+    try {
+      return element.matches(selector)
+    } catch (error) {
+      console.warn('matches 检查失败:', error)
+      return false
+    }
+  }
+  
+  // 回退目标对象
+  static getFallbackTarget() {
+    return {
+      tagName: '',
+      id: '',
+      className: '',
+      matches: () => false,
+      dataset: {}
+    }
+  }
+  
+  // 包装事件处理器
+  static wrapEventHandler(handler, options = {}) {
+    return function(event) {
+      try {
+        // 创建安全的事件对象
+        const safeEvent = EventSafety.createSafeEvent(event)
+        return handler.call(this, safeEvent)
+      } catch (error) {
+        console.error('事件处理错误:', error)
+        // 可选的错误处理
+        if (options.onError) {
+          options.onError(error, event, this)
+        }
+      }
+    }
+  }
+  
+  // 验证事件类型
+  static isValidEventType(event, expectedType) {
+    return event && event.type === expectedType
+  }
+  
+  // 提取安全的事件数据
+  static extractEventData(event, fields = ['type', 'timeStamp', 'detail']) {
+    const result = {}
+    
+    fields.forEach(field => {
+      if (event && field in event) {
+        result[field] = event[field]
+      }
+    })
+    
+    return result
+  }
+}

common/js/form-platform-mixin.js

@@ -0,0 +1,112 @@
+/**
+ * form-platform-mixin.js
+ *
+ * 表单组件共用的平台检测 mixin
+ *
+ * 集中维护 3 个 computed：
+ *   - platform              当前运行平台 key（与后端 formConfig.terminal 键名对齐）
+ *   - platformAliases       后端键名 → 内部 platform 名 兼容层
+ *   - platformConfigKeys    当前平台的有效配置键集合（用于从 formConfig.terminal 查找）
+ *
+ * 消费方：
+ *   - components/ns-form/ns-form.vue
+ *   - components/ns-newform/ns-newform.vue
+ *   - 任何需要按端读取 formConfig.terminal.{h5|weapp|harmony|app} 的表单组件
+ *
+ * 设计原则：
+ *   1. 单一真值：避免 ns-form / ns-newform 各自维护导致漂移
+ *   2. 纯 computed mixin：不依赖 props/data/methods，便于跨组件复用
+ *   3. 不依赖 util.js 等其它模块，避免循环依赖
+ *   4. 通过 mixins: [...] 引入，组件侧不再写平台判断代码
+ *
+ * 用法：
+ *   import formPlatformMixin from '@/common/js/form-platform-mixin.js';
+ *   export default {
+ *       mixins: [formPlatformMixin],
+ *       computed: {
+ *           config() {
+ *               const cur = this.platform;
+ *               const keys = this.platformConfigKeys;
+ *               // ...
+ *           }
+ *       }
+ *   };
+ */
+
+export default {
+	computed: {
+		/**
+		 * 当前运行平台标识（与后端 formConfig.terminal 键名对齐）
+		 * 后端 terminal 键：h5 / weapp / harmony / app / mp-alipay / mp-baidu / mp-toutiao
+		 */
+		platform() {
+			// #ifdef H5
+			return 'h5';
+			// #endif
+			// #ifdef MP-WEIXIN
+			return 'weapp';
+			// #endif
+			// #ifdef MP-ALIPAY
+			return 'mp-alipay';
+			// #endif
+			// #ifdef MP-BAIDU
+			return 'mp-baidu';
+			// #endif
+			// #ifdef MP-TOUTIAO
+			return 'mp-toutiao';
+			// #endif
+			// #ifdef APP-PLUS
+			return 'app';
+			// #endif
+			// #ifdef MP-HARMONY
+			return 'harmony';
+			// #endif
+			// #ifdef QUICKAPP-WEBVIEW
+			return 'quickapp';
+			// #endif
+			return 'h5';
+		},
+		/**
+		 * 后端键名 → 内部 platform 名 兼容层
+		 * canonical 与 platform() 返回值一致；别名为兼容 DB 旧 app_type（upgrade-to-ai-agent.sql）
+		 * 及 uniapp / 设计器的历史命名。键名严格区分大小写。
+		 */
+		platformAliases() {
+			return {
+				'h5': 'h5',
+				'weapp': 'weapp',
+				'mp-weixin': 'weapp',
+				'wechat': 'weapp',
+				'harmony': 'harmony',
+				'app': 'app',
+				'app-plus': 'app',
+				'mp-alipay': 'mp-alipay',
+				'aliapp': 'mp-alipay',
+				'alipay': 'mp-alipay',
+				'mp-baidu': 'mp-baidu',
+				'baiduapp': 'mp-baidu',
+				'baidu': 'mp-baidu',
+				'mp-toutiao': 'mp-toutiao',
+				'toutiao': 'mp-toutiao'
+			};
+		},
+		/**
+		 * 当前平台的有效配置键集合
+		 * 用于 config() 中查找 formConfig.terminal 下的平台差异化配置：
+		 *   - 后端格式：formConfig.terminal = { h5: {...}, weapp: {...}, harmony: {...} }
+		 *   - 旧式扁平：formConfig[platformKey] = { ... }
+		 * 返回所有映射到当前 platform 的后端键名，方便两种结构都能命中。
+		 */
+		platformConfigKeys() {
+			const cur = this.platform;
+			const aliases = this.platformAliases;
+			const keys = [];
+			Object.keys(aliases).forEach(k => {
+				if (aliases[k] === cur) keys.push(k);
+			});
+			// 加入当前平台名（兼容 formConfig[platform] 这种扁平写法）
+			if (keys.indexOf(cur) === -1) keys.push(cur);
+			return keys;
+		}
+	}
+};

common/js/golbalConfig.js

@@ -1,190 +1,315 @@
-export default {
-	data() {
-		return {
-			// 页面样式，动态设置主色调
-			themeColor: '' //''--base-color:#fa5d14;--base-help-color:#ff7e00;'
-		}
-	},
-	onLoad() {},
-	onShow() {
-		// 刷新多语言
-		this.$langConfig.refresh();
-		let time = setInterval(() => {
-			let theme = this.themeStyle;
-			if (theme && theme.main_color) {
-				this.themeColorSet();
-				clearInterval(time);
-			}
-		}, 50);
-	},
-	computed: {
-		themeStyle() {
-			return this.$store.state.themeStyle;
-		},
-		// 插件是否存在
-		addonIsExist() {
-			return this.$store.state.addonIsExist;
-		},
-		tabBarList() {
-			return this.$store.state.tabBarList;
-		},
-		siteInfo() {
-			return this.$store.state.siteInfo;
-		},
-		memberInfo() {
-			return this.$store.state.memberInfo;
-		},
-		storeToken() {
-			return this.$store.state.token;
-		},
-		bottomNavHidden() {
-			return this.$store.state.bottomNavHidden;
-		},
-		globalStoreConfig() {
-			return this.$store.state.globalStoreConfig;
-		},
-		globalStoreInfo() {
-			return this.$store.state.globalStoreInfo;
-		},
-		// 定位信息
-		location() {
-			return this.$store.state.location;
-		},
-		// 定位信息（缓存）
-		locationStorage() {
-			let data = uni.getStorageSync('location');
-			if (data) {
-				var date = new Date();
-				if (this.mapConfig.wap_valid_time > 0) {
-					data.is_expired = (date.getTime() / 1000) > data.valid_time; // 是否过期
-				} else {
-					data.is_expired = false;
-				}
-			}
-			return data;
-		},
-		// 默认总店（定位失败后使用）
-		defaultStoreInfo() {
-			return this.$store.state.defaultStoreInfo;
-		},
-		// 组件刷新计数
-		componentRefresh() {
-			return this.$store.state.componentRefresh;
-		},
-		// 客服配置
-		servicerConfig() {
-			return this.$store.state.servicerConfig;
-		},
-		// 企业微信配置
-		wxworkConfig() {
-			return this.$store.state.wxworkConfig;
-		},
-		diySeckillInterval() {
-			return this.$store.state.diySeckillInterval;
-		},
-		tabBarHeight() {
-			return this.$store.state.tabBarHeight;
-		},
-		mapConfig() {
-			return this.$store.state.mapConfig;
-		},
-		copyright() {
-			let copyright = this.$store.state.copyright;
-			// 判断是否授权
-			if (copyright && !copyright.auth) {
-				copyright.logo = '';
-				copyright.copyright_link = '';
-			}
-			return copyright;
-		},
-		cartList() {
-			return this.$store.state.cartList;
-		},
-		cartIds() {
-			return this.$store.state.cartIds;
-		},
-		cartNumber() {
-			return this.$store.state.cartNumber;
-		},
-		cartMoney() {
-			return this.$store.state.cartMoney;
-		}
-	},
-	methods: {
-		themeColorSet() {
-			let theme = this.themeStyle;
-			this.themeColor = `--base-color:${theme.main_color};--base-help-color:${theme.aux_color};`;
-			if (this.tabBarHeight != '56px') this.themeColor += `--tab-bar-height:${this.tabBarHeight};`
-			Object.keys(theme).forEach(key => {
-				let data = theme[key];
-				if (typeof(data) == "object") {
-					Object.keys(data).forEach(k => {
-						this.themeColor += '--' + k.replace(/_/g, "-") + ':' + data[k] + ';';
-					});
-				} else if (typeof(key) == "string" && key) {
-					this.themeColor += '--' + key.replace(/_/g, "-") + ':' + data + ';';
-				}
-			});
-			for (let i = 9; i >= 5; i--) {
-				let color = this.$util.colourBlend(theme.main_color, '#ffffff', (i / 10));
-				this.themeColor += `--base-color-light-${i}:${color};`;
-			}
-		},
-		// 颜色变浅（>0）、变深函数（<0）
-		lightenDarkenColor(color, amount) {
-
-			var usePound = false;
-
-			if (color[0] == "#") {
-				color = color.slice(1);
-				usePound = true;
-			}
-
-			var num = parseInt(color, 16);
-
-			var r = (num >> 16) + amount;
-
-			if (r > 255) r = 255;
-			else if (r < 0) r = 0;
-
-			var b = ((num >> 8) & 0x00FF) + amount;
-
-			if (b > 255) b = 255;
-			else if (b < 0) b = 0;
-
-			var g = (num & 0x0000FF) + amount;
-
-			if (g > 255) g = 255;
-			else if (g < 0) g = 0;
-
-			return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
-
-		},
-		/**
-		 * 切换门店
-		 * @param {Object} info 门店信息
-		 * @param {Object} isJump 是否跳转到首页
-		 */
-		changeStore(info, isJump) {
-			if (info) {
-				this.$store.commit('setGlobalStoreInfo', info);
-			}
-			let route = this.$util.getCurrRoute();
-			if (isJump && route != 'pages/index/index') {
-				uni.setStorageSync('manual_change_store', true); // 手动切换门店
-				this.$store.dispatch('getCartNumber'); //重新获取购物车数据
-				this.$util.redirectTo('/pages/index/index');
-			}
-		}
-	},
-	filters: {
-		/**
-		 * 金额格式化输出
-		 * @param {Object} money
-		 */
-		moneyFormat(money) {
-			if (isNaN(parseFloat(money))) return money;
-			return parseFloat(money).toFixed(2);
-		}
-	}
+import { Platform } from './platform.js';
+
+// 内部 helper：获取当前页面实例
+const _getCurrentPage = () => {
+	const pages = getCurrentPages();
+	return pages.length === 0 ? null : pages[pages.length - 1];
+};
+
+// 内部 helper：获取当前页面路由（统一提取 route 或 $page.path）
+const _getCurrentRoute = (currentPage) => {
+	if (!currentPage) return '';
+	if (currentPage.route) return currentPage.route;
+	if (currentPage.$page && currentPage.$page.path) return currentPage.$page.path;
+	return '';
+};
+
+// 内部 helper：判断 tabBarList 是否已加载且有 list 配置
+const _isValidTabBarList = (tabBarList) => {
+	return tabBarList && tabBarList.list;
+};
+
+// 内部 helper：规范化路由：无前导斜杠时补全
+const _normalizeLeadingSlash = (route) => {
+	if (!route) return route;
+	return route.startsWith('/') ? route : '/' + route;
+};
+
+// 内部 helper：通过 $util 方法的安全调用
+const _callUtil = (vm, method, ...args) => {
+	if (vm.$util && vm.$util[method]) {
+		return vm.$util[method](...args);
+	}
+	return null;
+};
+
+export default {
+	onLoad() { },
+	onShow() {
+		// remote-only 小程序/鸿蒙: boot 未完成时跳过 refresh,避免空翻译写入标题等
+		// H5 不受影响(main.js 已 await boot 后才 $mount)
+		if (this.$langConfig.isRemoteOnly && this.$langConfig.isRemoteOnly()) {
+			if (!this.$langConfig.isBootCompleted || !this.$langConfig.isBootCompleted()) {
+				return;
+			}
+		}
+
+		// 刷新多语言(仅刷新标题,不触发全页面 $forceUpdate)
+		// 全量刷新仅在语言包真正变化时由 lang.js emitUpdated 触发
+		this.$langConfig.refresh(false);
+
+		// TabBar 根页面时隐藏系统导航栏的返回按钮
+		// （uni-app 的系统导航栏在通过 navigateTo 跳转到 tab 页时可能残留返回键）
+		const tabBarList = this.$store.state.tabBarList;
+		if (!_isValidTabBarList(tabBarList)) return;
+		const currentRoute = _getCurrentRoute(_getCurrentPage());
+		if (!currentRoute) return;
+		const isRoot = _callUtil(this, 'isTabBarRootPage', currentRoute, tabBarList) || false;
+		if (isRoot) {
+			// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-ALIPAY
+			try { uni.hideHomeButton(); } catch (e) { /* 兼容 */ }
+			// #endif
+		}
+	},
+	computed: {
+		// 是否是英文环境
+		isEnEnv() {
+			return this.$langConfig.getCurrentLocale() === 'en-us';
+		},
+		// 是否是非中文环境（用于多语言商品名/字段切换）
+		isNotZhEnv() {
+			return this.$langConfig.getCurrentLocale() !== 'zh-cn';
+		},
+		// 动态判断：当前页面是否是 TabBar 根页面（tab 根页不应显示返回按钮）
+		isTabRootPage() {
+			const tabBarList = this.$store.state.tabBarList;
+			if (!_isValidTabBarList(tabBarList)) return false;
+			const currentRoute = _getCurrentRoute(_getCurrentPage());
+			if (!currentRoute) return false;
+			return _callUtil(this, 'isTabBarRootPage', currentRoute, tabBarList) || false;
+		},
+		themeStyle() {
+			return this.$store.state.themeStyle;
+		},		
+		themeColor() {
+			return this.$store.state.themeColor;
+		},
+		// 插件是否存在
+		addonIsExist() {
+			return this.$store.state.addonIsExist;
+		},
+		tabBarList() {
+			return this.$store.state.tabBarList;
+		},
+		shouldShowTabBar() {
+			const tabBarList = this.$store.state.tabBarList;
+			if (!_isValidTabBarList(tabBarList)) return false;
+			const mode = tabBarList.page_visibility_mode;
+			const routeList = tabBarList.page_routes || [];
+			if (!mode || mode === 'all') return true;
+			if (mode === 'none') return false;
+			const currentPage = _getCurrentPage();
+			if (!currentPage) return true;
+			const currentRoute = _normalizeLeadingSlash(_getCurrentRoute(currentPage));
+			if (!currentRoute) return true;
+			const inList = _callUtil(this, 'isPageInRouteList', currentRoute, routeList) || false;
+			if (mode === 'whitelist') return inList;
+			if (mode === 'blacklist') return !inList;
+			return true;
+		},
+		tabBarPagePaddingStyle() {
+			return this.$util.objToStyle({
+				height: `calc(100vh - ${this.tabBarHeight})`,
+				paddingBottom: this.tabBarHeight
+			});
+		},
+		siteInfo() {
+			return this.$store.state.siteInfo;
+		},
+		memberInfo() {
+			return this.$store.state.memberInfo;
+		},
+		storeToken() {
+			return this.$store.state.token;
+		},
+		bottomNavHidden() {
+			return this.$store.state.bottomNavHidden;
+		},
+		globalStoreConfig() {
+			return this.$store.state.globalStoreConfig;
+		},
+		globalStoreInfo() {
+			return this.$store.state.globalStoreInfo;
+		},
+		// 定位信息
+		location() {
+			return this.$store.state.location;
+		},
+		// 定位信息（缓存）
+		locationStorage() {
+			let data = uni.getStorageSync('location');
+			if (data) {
+				var date = new Date();
+				if (this.mapConfig.wap_valid_time > 0) {
+					data.is_expired = (date.getTime() / 1000) > data.valid_time; // 是否过期
+				} else {
+					data.is_expired = false;
+				}
+			}
+			return data;
+		},
+		// 默认总店（定位失败后使用）
+		defaultStoreInfo() {
+			return this.$store.state.defaultStoreInfo;
+		},
+		// 组件刷新计数
+		componentRefresh() {
+			return this.$store.state.componentRefresh;
+		},
+		// AI客服配置
+		globalAIKefuConfig() {
+			return this.$store.state.globalAIKefuConfig;
+		},
+		// 客服配置
+		servicerConfig() {
+			return this.$store.state.servicerConfig;
+		},
+		// 企业微信配置
+		wxworkConfig() {
+			return this.$store.state.wxworkConfig;
+		},
+		diySeckillInterval() {
+			return this.$store.state.diySeckillInterval;
+		},
+		tabBarHeight() {
+			return this.shouldShowTabBar ? this.$store.state.tabBarHeight : '0rpx';
+		},
+		mapConfig() {
+			return this.$store.state.mapConfig;
+		},
+		copyright() {
+			let copyright = this.$store.state.copyright;
+			// 判断是否授权
+			if (copyright && !copyright.auth) {
+				copyright.logo = '';
+				copyright.copyright_link = '';
+			}
+			return copyright;
+		},
+		cartList() {
+			return this.$store.state.cartList;
+		},
+		cartIds() {
+			return this.$store.state.cartIds;
+		},
+		cartNumber() {
+			return this.$store.state.cartNumber;
+		},
+		cartMoney() {
+			return this.$store.state.cartMoney;
+		}
+	},
+	methods: {
+		/**
+		 * 当前平台类型(多端翻译隔离)
+		 * 复用 Platform.getAppType(),与服务端 /api/BaseApi 的 $app_type 对齐
+		 */
+		getAppType() {
+			try { return Platform.getAppType() || '*'; } catch (e) { return '*'; }
+		},
+
+		// 颜色变浅（>0）、变深函数（<0）
+		lightenDarkenColor(color, amount) {
+
+			var usePound = false;
+
+			if (color[0] == "#") {
+				color = color.slice(1);
+				usePound = true;
+			}
+
+			var num = parseInt(color, 16);
+
+			var r = (num >> 16) + amount;
+
+			if (r > 255) r = 255;
+			else if (r < 0) r = 0;
+
+			var b = ((num >> 8) & 0x00FF) + amount;
+
+			if (b > 255) b = 255;
+			else if (b < 0) b = 0;
+
+			var g = (num & 0x0000FF) + amount;
+
+			if (g > 255) g = 255;
+			else if (g < 0) g = 0;
+
+			return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
+
+		},
+		/**
+		 * 切换门店
+		 * @param {Object} info 门店信息
+		 * @param {Object} isJump 是否跳转到首页
+		 */
+		changeStore(info, isJump) {
+			if (info) {
+				this.$store.commit('setGlobalStoreInfo', info);
+			}
+			let route = this.$util.getCurrRoute();
+			if (isJump && route != 'pages/index/index') {
+				uni.setStorageSync('manual_change_store', true); // 手动切换门店
+				this.$store.dispatch('getCartNumber'); //重新获取购物车数据
+				this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
+			}
+		},
+
+		/**
+		 * 金额格式化输出
+		 * @param {Object} money
+		 */
+		moneyFormat(money) {
+			if (isNaN(parseFloat(money))) return money;
+			return parseFloat(money).toFixed(2);
+		},		
+
+		/**
+		 * 重新定向到登录授权, 不区分生命周期
+		 * @param {String} backUrl 
+		 * @param {Object} params 附加参数
+		 * @param {Function} effectFnc 副作用函数, 登录授权失败的处理方式
+		 */
+		redirectTologin(backUrl = '', params = {}, effectFnc = ()=>{}) {
+			console.log(`------> redirectTologin`, backUrl);
+			setTimeout(() => {
+				this.$nextTick(() => {
+					let mode = 'navigateTo';
+					// #ifdef H5 || MP-HARMONY
+					mode = 'redirectTo'; // H5必须使用redirectTo, 不然点击返回箭头无法返回。
+					// #endif
+					this.$refs?.login?.open(backUrl, mode, effectFnc);
+				});
+			}, 0);
+		},
+
+		/**
+		 * 重新定向到登录授权, 当页面显示的时候, 失败后，
+		 * 原因：onLoad、onReady 只执行一次；
+		 * 而且，有的页面不需要这个功能
+		 * @param {String} backUrl
+		 */
+		redirectTologinOnShowLifecycle(backUrl) {
+			console.log(`------> redirectTologinOnShowLifecycle`, backUrl);
+			// #ifdef H5 || MP-HARMONY
+			this.redirectTologin(backUrl);
+			// #endif
+
+			// #ifdef MP-WEIXIN
+			this.redirectTologin(backUrl, {}, () => {
+				uni.navigateBack({delta: 1 });
+			})
+			// #endif
+		}
+	},
+	filters: {
+		/**
+		 * 金额格式化输出
+		 * @param {Object} money
+		 */
+		moneyFormat(money) {
+			if (isNaN(parseFloat(money))) return money;
+			return parseFloat(money).toFixed(2);
+		}
+	}
 }

common/js/goods_detail_base.js

@@ -79,115 +79,127 @@ export default {
 	},
 	methods: {
 		// 处理商品详情数据
-		handleGoodsSkuData() {
-			// this.navbarData.title = this.goodsSkuDetail.goods_name.length > 9 ? this.goodsSkuDetail.goods_name.substr(0, 9) + "..." : this.goodsSkuDetail.goods_name;
-			//设置标题
-			// this.$langConfig.title(this.navbarData.title);
-			if (this.goodsSkuDetail.config) {
-				this.navbarData.navBarSwitch = this.goodsSkuDetail.config.nav_bar_switch;
-			}
-
-			this.whetherCollection = this.goodsSkuDetail.is_collect; // 用户关注商品状态
-
-			this.modifyGoodsInfo();
-
-			// 初始化商品详情视图数据
-			if (this.$refs.goodsDetailView) this.$refs.goodsDetailView.init({
-				sku_id: this.skuId,
-				goods_id: this.goodsSkuDetail.goods_id,
-				preview: this.preview,
-				source_member: this.source_member,
-				posterParams: this.posterParams,
-				posterApi: this.posterApi,
-				shareUrl: this.shareUrl,
-				goodsRoute: this.goodsRoute,
-				isVirtual: this.goodsSkuDetail.is_virtual,
-				deliveryType: this.goodsSkuDetail.express_type,
-				whetherCollection: this.goodsSkuDetail.is_collect,
-				evaluateConfig: this.goodsSkuDetail.evaluate_config,
-				evaluateList: this.goodsSkuDetail.evaluate_list,
-				evaluateCount: this.goodsSkuDetail.evaluate_count
-			});
-
-			//媒体
-			if (this.goodsSkuDetail.video_url) this.switchMedia = "video";
-
-			if (!Array.isArray(this.goodsSkuDetail.sku_images)) {
-				if (this.goodsSkuDetail.sku_images) this.goodsSkuDetail.sku_images = this.goodsSkuDetail.sku_images.split(",");
-				else this.goodsSkuDetail.sku_images = [];
-			}
-
-			// 多规格时合并主图
-			if (this.goodsSkuDetail.goods_spec_format && this.goodsSkuDetail.goods_image) {
-
-				if (!Array.isArray(this.goodsSkuDetail.goods_image)) this.goodsSkuDetail.goods_image = this.goodsSkuDetail.goods_image.split(",");
-
-				this.goodsSkuDetail.sku_images = this.goodsSkuDetail.goods_image.concat(this.goodsSkuDetail.sku_images);
-			}
-
-			let maxHeight = '';
-			let systemInfo = uni.getSystemInfoSync();
-			this.goodsSkuDetail.goods_image_list.forEach((item, index) => {
-				if (typeof item.pic_spec == "string")
-					item.pic_spec = item.pic_spec.split('*');
-
-				let ratio = item.pic_spec[0] / systemInfo.windowWidth;
-				item.pic_spec[0] = item.pic_spec[0] / ratio;
-				item.pic_spec[1] = item.pic_spec[1] / ratio;
-
-				if (!maxHeight || maxHeight > item.pic_spec[1]) {
-					maxHeight = item.pic_spec[1];
+		async handleGoodsSkuData() {
+			// 鸿蒙兼容: 外层包 try/catch, 任何同步抛错都不会导致 page 整体空白
+			try {
+				if (this.goodsSkuDetail.config) {
+					this.navbarData.navBarSwitch = this.goodsSkuDetail.config.nav_bar_switch;
 				}
-			});
-			this.goodsSkuDetail.swiperHeight = maxHeight + 'px';
 
-			this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || "件";
+				this.whetherCollection = this.goodsSkuDetail.is_collect; // 用户关注商品状态
 
-			// 当前商品SKU规格
-			if (this.goodsSkuDetail.sku_spec_format) this.goodsSkuDetail.sku_spec_format = JSON.parse(this.goodsSkuDetail.sku_spec_format);
+				this.modifyGoodsInfo();
 
-			// 商品属性
-			if (this.goodsSkuDetail.goods_attr_format) {
-				let goods_attr_format = JSON.parse(this.goodsSkuDetail.goods_attr_format);
-				this.goodsSkuDetail.goods_attr_format = this.$util.unique(goods_attr_format, "attr_id");
-				for (var i = 0; i < this.goodsSkuDetail.goods_attr_format.length; i++) {
-					for (var j = 0; j < goods_attr_format.length; j++) {
-						if (this.goodsSkuDetail.goods_attr_format[i].attr_id == goods_attr_format[j].attr_id && this.goodsSkuDetail.goods_attr_format[i].attr_value_id != goods_attr_format[j].attr_value_id) {
-							this.goodsSkuDetail.goods_attr_format[i].attr_value_name += "、" + goods_attr_format[j].attr_value_name;
+				// 初始化商品详情视图数据
+				try {
+					if (this.$refs && this.$refs.goodsDetailView) {
+						this.$refs.goodsDetailView.init({
+							sku_id: this.skuId,
+							goods_id: this.goodsSkuDetail.goods_id,
+							preview: this.preview,
+							source_member: this.source_member,
+							posterParams: this.posterParams,
+							posterApi: this.posterApi,
+							shareUrl: this.shareUrl,
+							goodsRoute: this.goodsRoute,
+							isVirtual: this.goodsSkuDetail.is_virtual,
+							deliveryType: this.goodsSkuDetail.express_type,
+							whetherCollection: this.goodsSkuDetail.is_collect,
+							evaluateConfig: this.goodsSkuDetail.evaluate_config,
+							evaluateList: this.goodsSkuDetail.evaluate_list,
+							evaluateCount: this.goodsSkuDetail.evaluate_count
+						});
+					}
+				} catch (e) {
+					console.error('goodsDetailView.init failed:', e);
+				}
+
+				//媒体
+				if (this.goodsSkuDetail.video_url) this.switchMedia = "video";
+
+				if (!Array.isArray(this.goodsSkuDetail.sku_images)) {
+					if (this.goodsSkuDetail.sku_images) this.goodsSkuDetail.sku_images = this.goodsSkuDetail.sku_images.split(",");
+					else this.goodsSkuDetail.sku_images = [];
+				}
+
+				// 多规格时合并主图
+				if (this.goodsSkuDetail.goods_spec_format && this.goodsSkuDetail.goods_image) {
+
+					if (!Array.isArray(this.goodsSkuDetail.goods_image)) this.goodsSkuDetail.goods_image = this.goodsSkuDetail.goods_image.split(",");
+
+					this.goodsSkuDetail.sku_images = this.goodsSkuDetail.goods_image.concat(this.goodsSkuDetail.sku_images);
+				}
+
+				let maxHeight = '';
+				let systemInfo = uni.getSystemInfoSync();
+				this.goodsSkuDetail.goods_image_list.forEach((item, index) => {
+					if (typeof item.pic_spec == "string")
+						item.pic_spec = item.pic_spec.split('*');
+
+					let ratio = item.pic_spec[0] / systemInfo.windowWidth;
+					item.pic_spec[0] = item.pic_spec[0] / ratio;
+					item.pic_spec[1] = item.pic_spec[1] / ratio;
+
+					if (!maxHeight || maxHeight > item.pic_spec[1]) {
+						maxHeight = item.pic_spec[1];
+					}
+				});
+				this.goodsSkuDetail.swiperHeight = maxHeight + 'px';
+
+				this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || this.$lang('unit.piece');
+
+				// 当前商品SKU规格
+				if (this.goodsSkuDetail.sku_spec_format) this.goodsSkuDetail.sku_spec_format = JSON.parse(this.goodsSkuDetail.sku_spec_format);
+
+				// 商品属性
+				if (this.goodsSkuDetail.goods_attr_format) {
+					let goods_attr_format = JSON.parse(this.goodsSkuDetail.goods_attr_format);
+					this.goodsSkuDetail.goods_attr_format = this.$util.unique(goods_attr_format, "attr_id");
+					for (var i = 0; i < this.goodsSkuDetail.goods_attr_format.length; i++) {
+						for (var j = 0; j < goods_attr_format.length; j++) {
+							if (this.goodsSkuDetail.goods_attr_format[i].attr_id == goods_attr_format[j].attr_id && this.goodsSkuDetail.goods_attr_format[i].attr_value_id != goods_attr_format[j].attr_value_id) {
+								this.goodsSkuDetail.goods_attr_format[i].attr_value_name += "、" + goods_attr_format[j].attr_value_name;
+							}
 						}
 					}
 				}
-			}
 
-			// 商品SKU格式
-			if (this.goodsSkuDetail.goods_spec_format) this.goodsSkuDetail.goods_spec_format = JSON.parse(this.goodsSkuDetail.goods_spec_format);
+				// 商品SKU格式
+				if (this.goodsSkuDetail.goods_spec_format) this.goodsSkuDetail.goods_spec_format = JSON.parse(this.goodsSkuDetail.goods_spec_format);
 
-			// 商品详情
-			if (this.goodsSkuDetail.goods_content) this.goodsSkuDetail.goods_content = (this.goodsSkuDetail.goods_content);
-			console.log(this.goodsSkuDetail.goods_content)
-			//	if (this.goodsSkuDetail.goods_content) this.goodsSkuDetail.goods_content = htmlParser(this.goodsSkuDetail.goods_content);
+				// 商品详情
+				if (this.goodsSkuDetail.goods_content) this.goodsSkuDetail.goods_content = (this.goodsSkuDetail.goods_content);
+				//	if (this.goodsSkuDetail.goods_content) this.goodsSkuDetail.goods_content = htmlParser(this.goodsSkuDetail.goods_content);
 
-			//商品服务
-			if (this.goodsSkuDetail.goods_service) {
-				for (let i in this.goodsSkuDetail.goods_service) {
-					this.goodsSkuDetail.goods_service[i]['icon'] = this.goodsSkuDetail.goods_service[i]['icon'] ? JSON.parse(this.goodsSkuDetail.goods_service[i]['icon']) : '';
+				//商品服务
+				if (this.goodsSkuDetail.goods_service) {
+					for (let i in this.goodsSkuDetail.goods_service) {
+						this.goodsSkuDetail.goods_service[i]['icon'] = this.goodsSkuDetail.goods_service[i]['icon'] ? JSON.parse(this.goodsSkuDetail.goods_service[i]['icon']) : '';
+					}
 				}
-			}
 
-			this.contactData = {
-				title: this.goodsSkuDetail.sku_name,
-				path: this.shareUrl,
-				img: this.$util.img(this.goodsSkuDetail.sku_image, {
-					size: 'big'
-				})
-			};
-			if (this.$refs.goodsPromotion) this.$refs.goodsPromotion.refresh(this.goodsSkuDetail.goods_promotion);
+				this.contactData = {
+					title: this.goodsSkuDetail.sku_name,
+					path: this.shareUrl,
+					img: this.$util.img(this.goodsSkuDetail.sku_image, {
+						size: 'big'
+					})
+				};
+				try {
+					if (this.$refs && this.$refs.goodsPromotion) {
+						this.$refs.goodsPromotion.refresh(this.goodsSkuDetail.goods_promotion);
+					}
+				} catch (e) { console.error('goodsPromotion refresh failed:', e); }
 
-			if (this.goodsRoute != '/pages/goods/detail') this.setPublicShare();
-
-			// this.getBarrageData();
-			if (this.addonIsExist.form) {
-				this.getGoodsForm();
+				// 性能优化: 商品表单(留言表单)仅在商品详情打开"立即留言"弹窗时才需要,
+				// 不再阻塞首次渲染。改为在后台并发请求, 用户真正打开弹窗时数据已就绪。
+				try {
+					this._goodsFormPromise = this.getGoodsForm();
+				} catch (e) {
+					console.error('getGoodsForm kicked off failed:', e);
+				}
+			} catch (e) {
+				console.error('handleGoodsSkuData failed:', e);
 			}
 		},
 		/**
@@ -200,7 +212,7 @@ export default {
 			if (this.$refs.goodsDetailView) {
 
 				// 初始化商品详情视图数据
-				this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || "件";
+				this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || this.$lang('unit.piece');
 
 				// 解决轮播图数量不一致时，切换到第一个
 				if (this.swiperCurrent > this.goodsSkuDetail.sku_images.length) {
@@ -240,11 +252,11 @@ export default {
 		},
 		goHome() {
 			if (this.preview) return; // 开启预览，禁止任何操作和跳转
-			this.$util.redirectTo('/pages/index/index');
+			this.$util.redirectTo(this.$util.INDEX_PAGE_URL);
 		},
 		goCart() {
 			if (this.preview) return; // 开启预览，禁止任何操作和跳转
-			this.$util.redirectTo('/pages/goods/cart');
+			this.$util.redirectTo('/pages_goods/cart');
 		},
 		//-------------------------------------关注-------------------------------------
 		//更新商品信息
@@ -322,17 +334,76 @@ export default {
 		},
 		/**
 		 * 获取商品表单
+		 * 后端 goodsform 接口与 info() 对齐，返回 {json_data, form_config(camelCase),
+		 *  form_name, form_tip, form_banner, show_banner, show_tip}。
+		 * 全部字段都落到 goodsSkuDetail 上：表单字段 / 样式 / banner / tip 元数据，
+		 * 给 detail.vue 的 diy-form 直接消费。所有分支都做兜底初始化，避免下游拿到 undefined。
 		 */
-		getGoodsForm() {
-			this.$api.sendRequest({
-				url: "/form/api/form/goodsform",
-				data: {
-					goods_id: this.goodsSkuDetail.goods_id
-				},
-				success: res => {
-					if (res.code == 0 && res.data) this.$set(this.goodsSkuDetail, 'goods_form', res.data);
-				}
-			});
+		async getGoodsForm() {
+			// 防御: sku 切换/数据未到时 goods_id 可能为 0/空, 此时直接走空数据分支,
+			// 避免后端拿到非法 goods_id 导致 4xx/5xx 后还把脏数据塞给前端。
+			if (!this.goodsSkuDetail || !this.goodsSkuDetail.goods_id) {
+				const emptyFn = () => {
+					this.$set(this.goodsSkuDetail, 'goods_form', []);
+					this.$set(this.goodsSkuDetail, 'goods_form_config', {});
+					this.$set(this.goodsSkuDetail, 'goods_form_name', '');
+					this.$set(this.goodsSkuDetail, 'goods_form_tip', '');
+					this.$set(this.goodsSkuDetail, 'goods_form_banner', '');
+					this.$set(this.goodsSkuDetail, 'goods_form_show_banner', false);
+					this.$set(this.goodsSkuDetail, 'goods_form_show_tip', false);
+				};
+				emptyFn();
+				return;
+			}
+			let res;
+			try {
+				res = await this.$api.sendRequest({
+					url: "/form/api/form/goodsform",
+					data: {
+						goods_id: this.goodsSkuDetail.goods_id,
+						format: 'object'
+					},
+					async: false
+				});
+			} catch (e) {
+				console.warn('getGoodsForm request failed', e);
+				res = null;
+			}
+			const empty = () => {
+				this.$set(this.goodsSkuDetail, 'goods_form', []);
+				this.$set(this.goodsSkuDetail, 'goods_form_config', {});
+				this.$set(this.goodsSkuDetail, 'goods_form_name', '');
+				this.$set(this.goodsSkuDetail, 'goods_form_tip', '');
+				this.$set(this.goodsSkuDetail, 'goods_form_banner', '');
+				this.$set(this.goodsSkuDetail, 'goods_form_show_banner', false);
+				this.$set(this.goodsSkuDetail, 'goods_form_show_tip', false);
+			};
+			if (!res || res.code != 0 || !res.data) {
+				empty();
+				return;
+			}
+			if (Array.isArray(res.data)) {
+				// 旧版扁平数组兼容
+				empty();
+				this.$set(this.goodsSkuDetail, 'goods_form', res.data);
+				return;
+			}
+			this.$set(this.goodsSkuDetail, 'goods_form', res.data.json_data || []);
+			this.$set(this.goodsSkuDetail, 'goods_form_config', res.data.form_config || {});
+			this.$set(this.goodsSkuDetail, 'goods_form_name', res.data.form_name || '');
+			this.$set(this.goodsSkuDetail, 'goods_form_tip', res.data.form_tip || '');
+			this.$set(this.goodsSkuDetail, 'goods_form_banner', res.data.form_banner || '');
+			// show_banner/show_tip 后端存 0/1，归一化 boolean
+			this.$set(
+				this.goodsSkuDetail,
+				'goods_form_show_banner',
+				res.data.show_banner == 1 ? true : (res.data.show_banner === 0 ? false : true)
+			);
+			this.$set(
+				this.goodsSkuDetail,
+				'goods_form_show_tip',
+				res.data.show_tip == 1 ? true : (res.data.show_tip === 0 ? false : true)
+			);
 		}
 	},
 	/**

common/js/html-parser.js

@@ -316,11 +316,9 @@ function replaceVideo(html){
 	
 	let rep = `<video style="width:100% !important;display:block;max-width: ${screenWidth} !important;"`;
 	var html = html.replace(/\\/g, '').replace(/<video/g, rep);
-	console.log(html)
 	html = html.replace(/<video [^>]*src=['"]([^'"]+)[^>]*>/gi, (match, capture) => {
 	    return rep + ' src="' + util.img(capture) + '"/>';
 	});
-	// console.log(html)
 	return html;
 }
 

common/js/http-error.js

@@ -0,0 +1,101 @@
+/**
+ * 通用网络/接口错误分类器
+ *
+ * 适用场景:
+ *   - uniapp 各端统一错误分类(diy.js / 商品 / 订单 / 自定义页面等)
+ *   - 任意传入 {statusCode, errMsg, message} 形式错误对象的位置
+ *
+ * 设计要点:
+ *   1) 与 Vue / $lang 解耦:不调用任何 i18n 函数,只返回分类结果 + 原始错误字段
+ *      调用方拿到 type 后,自行决定使用 $lang('http.timeout') / $lang('http.serverError')
+ *      或其它命名空间的文案,完全保持各模块原有的 key 命名习惯
+ *   2) 通用网络/接口错误统一映射到 common.http.* 命名空间:
+ *      - http.networkError: 通用网络异常(兜底)
+ *      - http.timeout:      请求超时
+ *      - http.serverError:  服务器错误(5xx)
+ *      - http.notFound:     接口不存在(404)
+ *      - http.auth:         无访问权限(401/403)
+ *      - http.unknown:      其他非 2xx
+ *   3) 兼容多种错误对象形态:
+ *        - uniapp request: { statusCode, errMsg, data }
+ *        - axios:          { response: { status }, message }
+ *        - fetch / 原生:   { message, name }
+ *
+ * @param {Object|string} err 错误对象或后端业务消息字符串
+ * @returns {{ type: string, statusCode?: number, errMsg?: string, raw?: any }}
+ *   - type 取值:
+ *       'business'   - 后端返回的业务消息字符串(已透传到 raw)
+ *       'empty'      - 错误对象为空
+ *       'notFound'   - HTTP 404
+ *       'server'     - HTTP 5xx
+ *       'auth'       - HTTP 401 / 403
+ *       'request'    - 其它非 2xx 状态码
+ *       'timeout'    - errMsg 含 timeout
+ *       'network'    - errMsg 含 connect / network / fail
+ *       'unknown'    - 无法分类
+ *   - statusCode: 若有则原样返回
+ *   - errMsg: 归一后的原始消息
+ *   - raw: 原始输入,方便调用方进一步处理
+ */
+export function classifyHttpError(err) {
+	// 1) 无错误对象
+	if (!err) {
+		return { type: 'empty', raw: err };
+	}
+
+	// 2) 后端直接返回的业务消息(字符串)
+	if (typeof err === 'string') {
+		return { type: 'business', raw: err };
+	}
+
+	// 3) 字段归一(兼容 uni / axios / 原生 Error)
+	const statusCode = err.statusCode
+		?? err.response?.status
+		?? err.status;
+	const errMsg = err.errMsg || err.message || '';
+
+	if (statusCode) {
+		if (statusCode === 404) return { type: 'notFound', statusCode, errMsg, raw: err };
+		if (statusCode >= 500)  return { type: 'server',   statusCode, errMsg, raw: err };
+		if (statusCode === 401 || statusCode === 403) return { type: 'auth', statusCode, errMsg, raw: err };
+		return { type: 'request', statusCode, errMsg, raw: err };
+	}
+
+	if (/timeout/i.test(errMsg)) {
+		return { type: 'timeout', errMsg, raw: err };
+	}
+	if (/(connect|network|fail)/i.test(errMsg)) {
+		return { type: 'network', errMsg, raw: err };
+	}
+
+	return { type: 'unknown', errMsg, raw: err };
+}
+
+/**
+ * 根据 classifyHttpError 的结果,映射到 common.http.* 命名空间的 i18n key
+ *
+ * 通用网络/接口错误统一走 http.*,调用方通过 $lang(key) 解析文案。
+ * 原 diy.errTimeout 这类 key 已合并到 http.*,保持项目国际化更专业。
+ *
+ * @param {string} type classifyHttpError 返回的 type
+ * @returns {string|null} 对应的 http.* key;type='business' 时返回 null(透传 raw)
+ */
+export function httpErrorKey(type) {
+	switch (type) {
+		case 'empty':     return 'http.networkError';
+		case 'business':  return null;            // 透传,不用 key
+		case 'notFound':  return 'http.notFound';
+		case 'server':    return 'http.serverError';
+		case 'auth':      return 'http.auth';
+		case 'request':   return 'http.unknown';
+		case 'timeout':   return 'http.timeout';
+		case 'network':   return 'http.networkError';
+		case 'unknown':
+		default:          return 'http.networkError';
+	}
+}
+
+export default {
+	classifyHttpError,
+	httpErrorKey,
+};

common/js/http.js

@@ -1,64 +1,188 @@
 import Config from './config.js'
 import Util from './util.js'
 import store from '@/store/index.js'
+import Platform from './platform.js'
 
-// #ifdef H5
-const app_type = Util.isWeiXin() ? 'wechat' : 'h5';
-const app_type_name = Util.isWeiXin() ? '微信公众号' : 'H5';
-// #endif
+const { appType, appTypeName } = Platform.getPlatformInfo();
 
-// #ifdef MP-WEIXIN
-const app_type = 'weapp';
-const app_type_name = '微信小程序';
-// #endif
+let _Lang = null;
+function getLang() {
+	if (!_Lang) {
+		_Lang = require('./lang.js').default;
+	}
+	return _Lang;
+}
 
-// #ifdef MP-ALIPAY
-const app_type = 'aliapp';
-const app_type_name = '支付宝小程序';
-// #endif
+const DEFAULT_TIMEOUT = 15000;
+const DEFAULT_MAX_RETRIES = 2;
+const RETRY_DELAY_BASE = 2000;
 
-// #ifdef MP-BAIDU
-const app_type = 'baiduapp';
-const app_type_name = '百度小程序';
-// #endif
+function _shouldRetry(errMsg) {
+	if (!errMsg) return false;
+	if (errMsg === 'request:fail url not in domain list') return false;
+	if (errMsg === 'request:fail abort') return false;
+	const retryableErrors = [
+		'request:fail timeout',
+		'request:fail connect',
+		'request:fail network'
+	];
+	return retryableErrors.some(err => errMsg.startsWith(err));
+}
 
-// #ifdef MP-TOUTIAO
-const app_type = 'MP-TOUTIAO';
-const app_type_name = '头条小程序';
-// #endif
+function _classifyError(errMsg, statusCode) {
+	if (!errMsg && !statusCode) return 'unknown';
+	if (errMsg === 'request:fail abort') return 'aborted';
+	if (errMsg && errMsg.indexOf('timeout') !== -1) return 'timeout';
+	if (errMsg && (errMsg.indexOf('connect') !== -1 || errMsg.indexOf('network') !== -1)) return 'networkError';
+	if (statusCode && statusCode >= 500) return 'serverError';
+	if (errMsg && errMsg.indexOf('url not in domain list') !== -1) return 'domainNotInList';
+	return 'unknown';
+}
 
-// #ifdef MP-QQ
-const app_type = 'MP-QQ';
-const app_type_name = 'QQ小程序';
-// #endif
+function _sleep(ms) {
+	return new Promise(resolve => setTimeout(resolve, ms));
+}
 
-// #ifdef APP-PLUS
-const app_type = 'app';
-const app_type_name = 'APP';
-// #endif
+function _makeRequest(url, method, data, header, dataType, responseType, timeout) {
+	const reqId = 'req_' + Date.now() + '_' + Math.floor(Math.random() * 10000);
+	const reqStart = Date.now();
+	console.log('[HTTP][REQUEST]', reqId, method, url, JSON.stringify({
+		data: data,
+		header: header,
+		dataType: dataType,
+		responseType: responseType,
+		timeout: timeout
+	}));
+	return new Promise((resolve, reject) => {
+		uni.request({
+			url: url,
+			method: method,
+			data: data,
+			header: header,
+			dataType: dataType,
+			responseType: responseType,
+			timeout: timeout,
+			success: (res) => {
+				console.log('[HTTP][RESPONSE]', reqId, method, url, 'statusCode=', res.statusCode, 'cost=', (Date.now() - reqStart) + 'ms', JSON.stringify(res.data));
+				if (res.statusCode && [200, 500].indexOf(res.statusCode) == -1) {
+					reject({ errMsg: `request:fail statusCode=${res.statusCode}`, statusCode: res.statusCode });
+					return;
+				}
+				if (res.data.code == -3 && store.state.siteState > 0) {
+					store.commit('setSiteState', -3);
+					Util.redirectTo('/pages_tool/storeclose/storeclose', {}, 'reLaunch');
+					return;
+				}
+				if (res.data.refreshtoken) {
+					store.commit('setToken', res.data.refreshtoken);
+				}
+				if (res.data.code == -10009 || res.data.code == -10010) {
+					store.commit('setToken', '');
+					store.commit('setMemberInfo', '');
+				}
+				resolve(res.data);
+			},
+			fail: (res) => {
+				console.error('[HTTP][FAIL]', reqId, method, url, 'cost=', (Date.now() - reqStart) + 'ms', JSON.stringify(res));
+				reject(res);
+			}
+		});
+	});
+}
+
+async function _requestWithRetry(params, url, method, data, header, dataType, responseType) {
+	const timeout = params.timeout || DEFAULT_TIMEOUT;
+	const maxRetries = params.noRetry ? 0 : (params.maxRetries || DEFAULT_MAX_RETRIES);
+	let lastError = null;
+	let lastStatusCode = null;
+
+	for (let attempt = 0; attempt <= maxRetries; attempt++) {
+		try {
+			if (attempt > 0) {
+				console.log('[HTTP][RETRY]', method, url, 'attempt=', attempt, 'maxRetries=', maxRetries);
+			}
+			const result = await _makeRequest(url, method, data, header, dataType, responseType, timeout);
+			return result;
+		} catch (err) {
+			lastError = err;
+			lastStatusCode = err && err.statusCode;
+			console.warn('[HTTP][RETRY-FAIL]', method, url, 'attempt=', attempt, 'errMsg=', err && err.errMsg, 'statusCode=', lastStatusCode);
+			if (attempt >= maxRetries || !_shouldRetry(err.errMsg)) {
+				break;
+			}
+			const delay = RETRY_DELAY_BASE * Math.pow(2, attempt);
+			console.log('[HTTP][RETRY-WAIT]', method, url, 'delay=', delay + 'ms');
+			await _sleep(delay);
+		}
+	}
+
+	if (params.silentError) {
+		throw lastError;
+	}
+
+	const errorType = _classifyError(lastError && lastError.errMsg, lastStatusCode);
+	const lang = getLang();
+	if (errorType === 'domainNotInList') {
+		uni.showToast({
+			title: lang.lang('http.domainNotInList', { url: Config.baseUrl }),
+			'icon': 'none',
+			duration: 10000
+		});
+	} else {
+		const i18nKey = 'http.' + errorType;
+		uni.showToast({
+			title: lang.lang(i18nKey),
+			'icon': 'none',
+			duration: 10000
+		});
+	}
+	throw lastError;
+}
 
 export default {
 	sendRequest(params) {
 		if (!Config.baseUrl) {
 			uni.showToast({
-				title: '未配置请求域名',
+				title: getLang().lang('http.baseUrlNotConfigured'),
 				'icon': 'none',
 				duration: 10000
 			});
 			return;
 		}
 
-		var method = params.data != undefined ? 'POST' : 'GET', // 请求方式
-			url = Config.baseUrl + params.url, // 请求路径
+		const _isRemoteOnly = getLang().isRemoteOnly && getLang().isRemoteOnly();
+		const _bootDone = getLang().isBootCompleted && getLang().isBootCompleted();
+		if (_isRemoteOnly && !_bootDone) {
+			let bootPromise = null;
+			try {
+				const app = getApp();
+				if (app && app.$langReady) bootPromise = app.$langReady;
+			} catch (e) {}
+			if (!bootPromise) bootPromise = getLang().boot();
+
+			if (params.async === false) {
+				return bootPromise.then(() => this._sendRequestNow(params));
+			} else {
+				bootPromise.then(() => this._sendRequestNow(params));
+				return;
+			}
+		}
+
+		return this._sendRequestNow(params);
+	},
+
+	_sendRequestNow(params) {
+
+		var method = params.data != undefined ? 'POST' : 'GET',
+			url = (Config.baseUrl + params.url).replace(/(?<!:)\/+/g, '/'),
 			data = {
-				app_type,
-				app_type_name
+				app_type: appType,
+				app_type_name: appTypeName
 			};
 
-		// token
 		data.token = store.state.token || '';
-		data.uniacid = Config.uniacid
-		// 门店id
+		data.uniacid = uni.getStorageSync('uniacid') || Config.uniacid;
+
 		var default_store_info = store.state.defaultStoreInfo;
 		if (default_store_info) {
 			data.store_id = default_store_info.store_id;
@@ -68,126 +192,38 @@ export default {
 
 		if (store_info) data.store_id = store_info.store_id;
 
-		// 参数
 		if (params.data != undefined) Object.assign(data, params.data);
 
+		const header = params.header || {
+			'content-type': 'application/x-www-form-urlencoded;application/json'
+		};
+		const dataType = params.dataType || 'json';
+		const responseType = params.responseType || 'text';
+
 		if (params.async === false) {
-			//同步
-			return new Promise((resolve, reject) => {
-				uni.request({
-					url: url,
-					method: method,
-					data: data,
-					header: params.header || {
-						// 'Accept': 'application/json',
-						'content-type': 'application/x-www-form-urlencoded;application/json'
-					},
-					dataType: params.dataType || 'json',
-					responseType: params.responseType || 'text',
-					success: (res) => {
-						// try {
-						// 	res.data = JSON.parse(res.data);
-						// } catch (e) {
-						// 	//TODO handle the exception
-						// 	console.log('api error：', e);
-						// }
-						if (res.data.code == -3 && store.state.siteState > 0) {
-							store.commit('setSiteState', -3);
-							Util.redirectTo('/pages_tool/storeclose/storeclose', {}, 'reLaunch');
-							return;
-						}
-						if (res.data.refreshtoken) {
-							store.commit('setToken', res.data.refreshtoken);
-						}
-						if (res.data.code == -10009 || res.data.code == -10010) {
-							store.commit('setToken', '');
-							store.commit('setMemberInfo', '');
-						}
-						resolve(res.data);
-					},
-					fail: (res) => {
-						if (res.errMsg && res.errMsg == 'request:fail url not in domain list') {
-							uni.showToast({
-								title: Config.baseUrl + '不在request 合法域名列表中',
-								'icon': 'none',
-								duration: 10000
-							});
-							return;
-						}
-						reject(res);
-					},
-					complete: (res) => {
-						if ((res.errMsg && res.errMsg != "request:ok") || (res.statusCode && [200, 500].indexOf(res.statusCode) == -1)) {
-							uni.showToast({
-								title: Config.baseUrl + '请求失败',
-								'icon': 'none',
-								duration: 10000
-							});
-							return;
-						}
-						reject(res.data);
-					}
+			return _requestWithRetry(params, url, method, data, header, dataType, responseType)
+				.then(res => {
+					typeof params.complete == 'function' && params.complete(res);
+					return res;
+				})
+				.catch(err => {
+					typeof params.complete == 'function' && params.complete();
+					throw err;
 				});
-			});
 		} else {
-			//异步
-			uni.request({
-				url: url,
-				method: method,
-				data: data,
-				header: params.header || {
-					// 'Accept': 'application/json',
-					'content-type': 'application/x-www-form-urlencoded;application/json'
-				},
-				dataType: params.dataType || 'json',
-				responseType: params.responseType || 'text',
-				success: (res) => {
-					// try {
-					// 	res.data = JSON.parse(res.data);
-					// } catch (e) {
-					// 	//TODO handle the exception
-					// 	console.log('api error：', e);
-					// }
-					if (res.data.code == -3 && store.state.siteState > 0) {
-						store.commit('setSiteState', -3);
-						Util.redirectTo('/pages_tool/storeclose/storeclose', {}, 'reLaunch');
-						return;
-					}
-					if (res.data.refreshtoken) {
-						store.commit('setToken', res.data.refreshtoken);
-					}
-					if (res.data.code == -10009 || res.data.code == -10010) {
-						store.commit('setToken', '');
-						store.commit('setMemberInfo', '');
-					}
-					typeof params.success == 'function' && params.success(res.data);
-				},
-				fail: (res) => {
-					if (res.errMsg && res.errMsg == 'request:fail url not in domain list') {
-						uni.showToast({
-							title: Config.baseUrl + '不在request 合法域名列表中',
-							'icon': 'none',
-							duration: 10000
-						});
-						return;
-					}
-					typeof params.fail == 'function' && params.fail(res);
-				},
-				complete: (res) => {
-					if ((res.errMsg && res.errMsg != "request:ok") || (res.statusCode && [200, 500].indexOf(res.statusCode) == -1)) {
-						uni.showToast({
-							title: Config.baseUrl + '请求失败',
-							'icon': 'none',
-							duration: 10000
-						});
-						return;
-					}
-					typeof params.complete == 'function' && params.complete(res.data);
-				}
-			});
+			_requestWithRetry(params, url, method, data, header, dataType, responseType)
+				.then(res => {
+					typeof params.success == 'function' && params.success(res);
+					typeof params.complete == 'function' && params.complete(res);
+				})
+				.catch(err => {
+					typeof params.fail == 'function' && params.fail(err);
+					typeof params.complete == 'function' && params.complete();
+				});
 		}
 	},
 	uploadBase64(params) {
+		console.log('[HTTP][REQUEST] uploadBase64', Config.baseUrl + '/api/upload/headimgBase64');
 		uni.request({
 			url: Config.baseUrl + '/api/upload/headimgBase64',
 			method: 'POST',
@@ -195,21 +231,24 @@ export default {
 				'content-type': 'application/x-www-form-urlencoded;application/json'
 			},
 			data: {
-				app_type,
-				app_type_name,
+				app_type: appType,
+				app_type_name: appTypeName,
 				images: params.base64
 			},
 			dataType: 'json',
 			responseType: 'text',
 			success: res => {
+				console.log('[HTTP][RESPONSE] uploadBase64', 'statusCode=', res.statusCode, JSON.stringify(res.data));
 				typeof params.success == 'function' && params.success(res.data);
 			},
 			fail: () => {
+				console.error('[HTTP][FAIL] uploadBase64', JSON.stringify(res));
 				typeof params.fail == 'function' && params.fail(res);
 			}
 		});
 	},
 	pullImage(params) {
+		console.log('[HTTP][REQUEST] pullImage', Config.baseUrl + '/api/upload/headimgPull', 'path=', params.path);
 		uni.request({
 			url: Config.baseUrl + '/api/upload/headimgPull',
 			method: 'POST',
@@ -217,37 +256,42 @@ export default {
 				'content-type': 'application/x-www-form-urlencoded;application/json'
 			},
 			data: {
-				app_type,
-				app_type_name,
+				app_type: appType,
+				app_type_name: appTypeName,
 				path: params.path
 			},
 			dataType: 'json',
 			responseType: 'text',
 			success: res => {
+				console.log('[HTTP][RESPONSE] pullImage', 'statusCode=', res.statusCode, JSON.stringify(res.data));
 				typeof params.success == 'function' && params.success(res.data);
 			},
 			fail: () => {
+				console.error('[HTTP][FAIL] pullImage', JSON.stringify(res));
 				typeof params.fail == 'function' && params.fail(res);
 			}
 		});
 	},
 	upload(params) {
+		console.log('[HTTP][REQUEST] upload', Config.baseUrl + params.url, 'name=', params.name || 'file');
 		uni.uploadFile({
 			url: Config.baseUrl + params.url,
 			filePath: params.filePath,
 			name: params.name || 'file',
 			fileType: params.fileType || 'image',
 			formData: {
-				app_type,
-				app_type_name,
+				app_type: appType,
+				app_type_name: appTypeName,
 			},
 			header: {
 				'content-type': 'application/x-www-form-urlencoded;application/json'
 			},
 			success: (res) => {
+				console.log('[HTTP][RESPONSE] upload', Config.baseUrl + params.url, 'statusCode=', res.statusCode, res.data);
 				typeof params.success == 'function' && params.success(JSON.parse(res.data));
 			},
 			fail: (res) => {
+				console.error('[HTTP][FAIL] upload', Config.baseUrl + params.url, JSON.stringify(res));
 				typeof params.fail == 'function' && params.fail(res);
 			}
 		});

common/js/image-config.js

@@ -0,0 +1,15 @@
+/**
+ * 图片配置文件
+ * 将大图片上传到服务器后，请在此处配置网络URL
+ */
+
+// 替换为你上传后的实际图片URL
+const IMAGE_CONFIG = {
+    // AI客服头像
+    aiAvatar: 'public/static/img/s-agent.jpg',
+    
+    // 用户默认头像
+    userAvatar: 'public/static/img/s-user.jpg'
+};
+
+export default IMAGE_CONFIG;

common/js/lang-empty-stub.js

@@ -0,0 +1,11 @@
+/**
+ * remote-only 模式下的空语言包 stub
+ *
+ * 当 source === 'remote-only' 时,webpack NormalModuleReplacementPlugin
+ * 会把所有 @/lang/ 下的 require 替换为这个文件,
+ * 避免本地 lang/ 目录被打进产物。
+ *
+ * 导出格式与真实语言包一致: { lang: {} }
+ */
+export const lang = {};
+export default { lang };

common/js/lang-loader.js

@@ -0,0 +1,455 @@
+/**
+ * 远端语言包 bundle 加载器
+ *
+ * 职责:
+ *   1. 从后端 /api/lang/bundle 拉取完整语言树
+ *   2. 做本地 storage 缓存 + 内存缓存
+ *   3. 支持签名校验(可选)
+ *   4. 支持 diff 增量更新(预留)
+ *   5. 对外暴露 loadBundleTree / getCachedBundle / clearBundleCache
+ *
+ * 与 lang.js 的关系:
+ *   当 langConfig.source === 'remote-only' 时,lang.js 不再 require 本地 lang/ 文件,
+ *   而是直接复用本模块加载的 tree。
+ */
+import { langConfig } from './config-external.js';
+import Config from './config.js';
+import { Platform } from './platform.js';
+
+
+const FORBIDDEN_KEYS = new Set(['__proto__', 'constructor', 'prototype']);
+
+// 内存缓存: { [memKey]: { version, tree, ts } }
+const bundleCache = {};
+
+// 关键修复: 缓存 fetchBundle 迟到的成功结果
+// 即使 Promise.race 已 timeout, uni.request 内部可能继续完成
+// 缓存这份迟到结果, 给上层 catch 后的"补救"逻辑使用
+// 结构: { `${lang}_${appType}_${uniacid}`: { data, ts, lang, appType, uniacid } }
+const _lastSuccessfulResult = {};
+
+// 缓存 TTL(与 BUNDLE_CACHE_TTL 一致): 10 分钟
+const _LAST_RESULT_TTL = 10 * 60 * 1000;
+
+// 并发去重
+const bundleInflight = {};
+
+/**
+ * 三维隔离 key: <uniacid>_<appType>_<lang>
+ */
+function getBundleMemKey(uniacid, appType, lang) {
+	return `${uniacid || 0}_${appType || '*'}_${lang}`;
+}
+
+/**
+ * storage key: 与 memKey 维度一致
+ */
+function getBundleStorageKey(uniacid, appType, lang) {
+	return `${langConfig.remote.storagePrefix || 'LANG_BUNDLE_'}${getBundleMemKey(uniacid, appType, lang)}`;
+}
+
+function getCurrentLocale() {
+	try {
+		return uni.getStorageSync('lang') || langConfig.defaultLang || 'zh-cn';
+	} catch (e) {
+		return langConfig.defaultLang || 'zh-cn';
+	}
+}
+
+function getCurrentUniacid() {
+	try {
+		const u = uni.getStorageSync('uniacid');
+		return u ? parseInt(u, 10) || 0 : 0;
+	} catch (e) {
+		return 0;
+	}
+}
+
+function getCurrentAppType() {
+	try { return Platform.getAppType() || '*'; } catch (e) { return '*'; }
+}
+
+/**
+ * 深度合并两个对象,source 覆盖 target
+ */
+function deepMerge(target, source) {
+	if (target === null || typeof target !== 'object') return source;
+	if (source === null || typeof source !== 'object') return source;
+	if (Array.isArray(target) || Array.isArray(source)) return source;
+
+	for (const key in source) {
+		if (!Object.prototype.hasOwnProperty.call(source, key)) continue;
+		if (FORBIDDEN_KEYS.has(key)) continue;
+		const srcVal = source[key];
+		const tgtVal = target[key];
+		if (
+			srcVal !== null && typeof srcVal === 'object' && !Array.isArray(srcVal) &&
+			tgtVal !== null && typeof tgtVal === 'object' && !Array.isArray(tgtVal)
+		) {
+			target[key] = deepMerge(tgtVal, srcVal);
+		} else {
+			target[key] = srcVal;
+		}
+	}
+	return target;
+}
+
+/**
+ * 简易签名校验
+ * 后端: hash_hmac('sha256', version + json_encode(tree), secret)
+ * 前端: 同样算法
+ */
+function validateSign(tree, version, sign, secret) {
+	if (!secret || !sign) return true;
+	// 前端没有 crypto-js,用简单字符串拼接做校验(仅基础防篡改)
+	// 如需强校验,建议引入 crypto-js 或小程序/APP 端使用原生加密 API
+	// 关键修复: 用 try-catch 保护 btoa(),避免在小程序环境(无 btoa)中抛 ReferenceError
+	let _btoaResult = '';
+	try {
+		const payload = JSON.stringify(tree);
+		// 兼容小程序环境: 没有原生 btoa 时降级
+		if (typeof btoa === 'function') {
+			_btoaResult = btoa(version + ':' + payload).replace(/[^a-zA-Z0-9]/g, '').slice(0, 32);
+		} else if (typeof uni !== 'undefined' && typeof uni.arrayBufferToBase64 === 'function') {
+			// 微信小程序/uni-app 提供 arrayBufferToBase64
+			const _encoder = (typeof TextEncoder !== 'undefined')
+				? new TextEncoder().encode(version + ':' + payload)
+				: null;
+			if (_encoder) {
+				_btoaResult = uni.arrayBufferToBase64(_encoder.buffer).replace(/[^a-zA-Z0-9]/g, '').slice(0, 32);
+			}
+		}
+	} catch (e) {
+		// 签名计算失败也不应阻断 bundle 加载,静默失败
+	}
+	// 后端返回的是 hash_hmac('sha256', version + payload, secret)
+	// 这里只做格式校验,不强校验(因为无 crypto 库)
+	return typeof sign === 'string' && sign.length > 0;
+}
+
+// 缓存 TTL(ms): 与后端 Cache::set 600s 对齐,过期后后台刷新
+const BUNDLE_CACHE_TTL = (langConfig.remote.cacheTtl || 600) * 1000;
+
+/**
+ * 从 storage 读取缓存(检查 TTL 过期)
+ * @returns {Object|null} 未过期返回 {tree,version,ts}, 过期返回 null
+ */
+function readStorageCache(sk) {
+	try {
+		const cached = uni.getStorageSync(sk);
+		if (cached && cached.tree && typeof cached.tree === 'object') {
+			// TTL 检查: 超过 cacheTtl 视为过期
+			if (cached.ts && (Date.now() - cached.ts < BUNDLE_CACHE_TTL)) {
+				return cached;
+			}
+		}
+	} catch (e) {}
+	return null;
+}
+
+/**
+ * 检查内存缓存是否过期
+ */
+function isMemoryCacheExpired(record) {
+	if (!record || !record.ts) return true;
+	return (Date.now() - record.ts) >= BUNDLE_CACHE_TTL;
+}
+
+/**
+ * 写入 storage 缓存
+ */
+function writeStorageCache(sk, data) {
+	try {
+		uni.setStorageSync(sk, data);
+	} catch (e) {
+		// storage 写满时静默失败
+	}
+}
+
+/**
+ * 从后端拉取 bundle
+ *
+ * 关键修复: 即使 Promise.race 在 timeout 时已经 reject,
+ *          uni.request 内部仍可能继续执行并成功返回。
+ *          之前这些"迟到"的成功响应被完全丢弃,导致:
+ *            1. fetchBundle 抛 timeout 错
+ *            2. _bootImpl 进 catch, 不写 remoteTreeCache
+ *            3. uni.request 终于成功, 但没人接收, 结果被 GC
+ *          现在改为: uni.request 完成后, **无论 Promise.race 状态如何**,
+ *          都把结果写入 _lastSuccessfulResult 缓存。
+ *          _bootImpl 可以在 catch 后**主动等待**这份迟到数据(最多 3 秒),
+ *          从而真正用上远端返回的完整 bundle。
+ */
+async function fetchBundle(lang, appType, uniacid, timeout) {
+	const url = langConfig.remote.bundleUrl || '/api/lang/bundle';
+	const data = { lang };
+	if (appType && appType !== '*') data.app_type = appType;
+	// uniacid 必须传给后端,后端按 (uniacid × app_type) 二维查询租户专属覆写
+	if (uniacid !== undefined && uniacid !== null) data.uniacid = uniacid;
+
+	// 直接用 uni.request 包装 Promise,不依赖 http.sendRequest
+	// (sendRequest 的异步分支不返回 Promise,只有 async:false 分支才返回)
+	// 去重双斜杠: baseUrl 末尾可能带 /, bundleUrl 开头也带 /
+	const fullUrl = (Config.baseUrl || '').replace(/\/+$/, '') + url;
+
+	// 关键修复: 用一个 "completionLatch" 跟踪 uni.request 是否最终完成(成功或失败)
+	// 即使 Promise.race 已经 timeout reject, uni.request 内部仍可能继续完成
+	// 我们保留这份迟到结果到 _lastSuccessfulResult, 给上层补救的机会
+	const inflightKey = `${lang}_${appType}_${uniacid}`;
+
+	const res = await Promise.race([
+		new Promise((resolve, reject) => {
+			uni.request({
+				url: fullUrl,
+				method: 'POST',
+				data: data,
+				header: { 'content-type': 'application/x-www-form-urlencoded' },
+				dataType: 'json',
+				success: (response) => {
+					// 关键: 即使 Promise.race 已 reject, 仍然把成功结果写入全局缓存
+					// 给 loadBundleTree catch 后 "补救" 的机会
+					try {
+						if (response && response.data && response.data.code === 0 && response.data.data && response.data.data.tree) {
+							_lastSuccessfulResult[inflightKey] = {
+								data: response.data,
+								ts: Date.now(),
+								lang, appType, uniacid,
+							};
+						}
+					} catch (e) {}
+					resolve(response.data);
+				},
+				fail: (err) => {
+					reject(new Error(err.errMsg || 'bundle request failed'));
+				},
+			});
+		}),
+		new Promise((_, reject) => setTimeout(() => {
+			reject(new Error('timeout'));
+		}, timeout)),
+	]);
+
+	if (!res || res.code !== 0 || !res.data) {
+		throw new Error(res && res.message ? res.message : 'bundle fetch failed');
+	}
+
+	return res.data;
+}
+
+/**
+ * 加载 bundle tree
+ *
+ * @param {Object} options
+ *   @param {string} lang 语言
+ *   @param {string} [appType] 平台类型
+ *   @param {number} [uniacid] 租户 id
+ *   @param {boolean} [allowCache=true] 是否允许使用缓存
+ *   @param {boolean} [force=false] 是否强制刷新
+ * @returns {Promise<{tree:Object, version:string, source:string}>}
+ */
+export async function loadBundleTree(options = {}) {
+	const lang = options.lang || getCurrentLocale();
+	const appType = options.appType || getCurrentAppType();
+	const uniacid = options.uniacid !== undefined ? options.uniacid : getCurrentUniacid();
+	const allowCache = options.allowCache !== false;
+	const force = options.force === true;
+
+	const mk = getBundleMemKey(uniacid, appType, lang);
+	const sk = getBundleStorageKey(uniacid, appType, lang);
+
+	if (bundleInflight[mk]) {
+		return bundleInflight[mk];
+	}
+
+	const task = (async () => {
+		try {
+			// 1) 内存缓存未过期直接返回
+			if (!force && allowCache && bundleCache[mk] && !isMemoryCacheExpired(bundleCache[mk])) {
+				return { tree: bundleCache[mk].tree, version: bundleCache[mk].version, source: 'memory' };
+			}
+
+			// 2) 读取 storage 缓存(已含 TTL 检查)
+			let cached = null;
+			if (!force && allowCache) {
+				cached = readStorageCache(sk);
+				if (cached && !bundleCache[mk]) {
+					bundleCache[mk] = cached;
+				}
+			}
+
+			// 3) 远端拉取
+			const timeout = langConfig.remote.requestTimeout || 4000;
+			const payload = await fetchBundle(lang, appType, uniacid, timeout);
+			const tree = payload.tree || {};
+			const version = String(payload.version || '');
+			const sign = payload.sign || '';
+
+			// 诊断(真机定位用): tree 顶层结构不完整(非对象/为空/缺 common 或 components)时,
+			// 打印实际拿到的 tree 顶层 key + 请求上下文, 便于排查为什么 isBundleComplete 失败
+			// (真机上若看到这条 warn, 说明服务端返回了残缺 bundle, 这才是英文回退/ toast 的根因)
+			if (!tree || typeof tree !== 'object' || !tree.common || !tree.components) {
+				console.warn(
+					'[lang-loader] bundle tree INCOMPLETE. ' +
+					'topLevelKeys=' + JSON.stringify(Object.keys(tree || {})) +
+					' lang=' + lang +
+					' appType=' + appType +
+					' uniacid=' + uniacid +
+					' version=' + version +
+					' hasPayloadTree=' + ((payload && payload.tree) !== undefined)
+				);
+			}
+
+			// 4) 签名校验(可选)
+			const secret = langConfig.remote.signSecret || '';
+			const signValid = validateSign(tree, version, sign, secret);
+			if (!signValid) {
+				throw new Error('bundle sign invalid');
+			}
+
+			// 5) 更新缓存
+			const record = { version, tree, ts: Date.now() };
+			bundleCache[mk] = record;
+			writeStorageCache(sk, record);
+
+			return { tree, version, source: 'remote' };
+		} catch (e) {
+			// 关键修复: 补救迟到数据
+			// fetchBundle 因 timeout 抛错时, uni.request 内部可能仍然成功(只是没 Promise 接收)
+			// 之前这些"迟到"数据被完全丢弃,导致 boot 失败后永远等不到远端数据
+			// 现在: catch 后等待 _lastSuccessfulResult 出现(最多 3 秒), 期间如果迟到数据到达则用之
+			const inflightKey = `${lang}_${appType}_${uniacid}`;
+			// 等待 _lastSuccessfulResult 出现(超时后 uni.request 内部 success 回调可能稍后才触发)
+			const waitStart = Date.now();
+			const WAIT_MAX_MS = 3000;
+			const WAIT_POLL_MS = 100;
+			while (Date.now() - waitStart < WAIT_MAX_MS) {
+				const lateResult = _lastSuccessfulResult[inflightKey];
+				if (lateResult && (Date.now() - lateResult.ts) < _LAST_RESULT_TTL) {
+					// 有"迟到"数据, 直接用
+					const resp = lateResult.data;
+					// resp 结构: { code, message, data: { version, tree, sign } }
+					const dataNode = resp && resp.data;
+					const tree = (dataNode && dataNode.tree) || {};
+					const version = String((dataNode && dataNode.version) || '');
+					const sign = (dataNode && dataNode.sign) || '';
+					const signValid = validateSign(tree, version, sign, langConfig.remote.signSecret || '');
+					if (signValid) {
+						const record = { version, tree, ts: Date.now() };
+						bundleCache[mk] = record;
+						writeStorageCache(sk, record);
+						return { tree, version, source: 'remote-late' };
+					}
+				}
+				// 等待 WAIT_POLL_MS
+				await new Promise((r) => setTimeout(r, WAIT_POLL_MS));
+			}
+			// 6) 失败时回退到缓存
+			// 关键修复: force=true 时**不回退**到 bundleCache
+			//   旧逻辑: force 失败 → 回退到旧 cache → 标记新 ts → 永远不被刷新 → bundle 缺 key
+			//   新逻辑: force 失败 → 抛错, 让上层 _bootImpl 进入 catch 块走真正的"无 cache 兜底"
+			if (force) {
+				throw e;
+			}
+			if (allowCache && bundleCache[mk]) {
+				return { tree: bundleCache[mk].tree, version: bundleCache[mk].version, source: 'cache', error: e.message };
+			}
+			throw e;
+		} finally {
+			delete bundleInflight[mk];
+		}
+	})();
+
+	bundleInflight[mk] = task;
+	return task;
+}
+
+/**
+ * 获取已缓存的 bundle(不触发网络请求)
+ * 注意: 受 TTL 限制,过期缓存返回 null
+ */
+export function getCachedBundle(options = {}) {
+	const lang = options.lang || getCurrentLocale();
+	const appType = options.appType || getCurrentAppType();
+	const uniacid = options.uniacid !== undefined ? options.uniacid : getCurrentUniacid();
+	const mk = getBundleMemKey(uniacid, appType, lang);
+	const sk = getBundleStorageKey(uniacid, appType, lang);
+
+	if (bundleCache[mk]) return bundleCache[mk];
+	const cached = readStorageCache(sk);
+	if (cached) {
+		bundleCache[mk] = cached;
+		return cached;
+	}
+	return null;
+}
+
+/**
+ * 获取任意已缓存的 bundle(不检查 TTL),仅用于 boot 失败兜底
+ *
+ * 与 getCachedBundle 的区别:
+ *   - getCachedBundle: 受 BUNDLE_CACHE_TTL 限制,过期返回 null(用于日常 $lang 渲染)
+ *   - getCachedBundleAny: 不检查 TTL,只要内存或 storage 中有就返回(用于失败兜底)
+ *
+ * 设计意图:
+ *   boot() 强制重试失败时,如果用户本地还有哪怕过期的 bundle,
+ *   也比"$lang() 全返回空串"用户体验更好 — 至少能展示残缺文案。
+ *   这是显式的"宁可用过期缓存,也不空白"的取舍。
+ *
+ * 优先返回内存缓存(更快),其次返回 storage 缓存。
+ *
+ * @returns {{version:string, tree:Object, ts:number, source:'memory'|'storage'}|null}
+ */
+export function getCachedBundleAny(options = {}) {
+	const lang = options.lang || getCurrentLocale();
+	const appType = options.appType || getCurrentAppType();
+	const uniacid = options.uniacid !== undefined ? options.uniacid : getCurrentUniacid();
+	const mk = getBundleMemKey(uniacid, appType, lang);
+	const sk = getBundleStorageKey(uniacid, appType, lang);
+
+	// 1) 内存缓存优先(任意 TTL,过期也返回)
+	if (bundleCache[mk] && bundleCache[mk].tree) {
+		return { ...bundleCache[mk], source: 'memory' };
+	}
+
+	// 2) storage 兜底(任意 TTL,不调用 readStorageCache 因为它内部会查 TTL)
+	try {
+		const raw = uni.getStorageSync(sk);
+		if (raw && raw.tree && typeof raw.tree === 'object') {
+			// 写回内存缓存,方便下次 getCachedBundle / getCachedBundleAny 命中
+			bundleCache[mk] = raw;
+			return { ...raw, source: 'storage' };
+		}
+	} catch (e) { /* 忽略 */ }
+
+	return null;
+}
+
+/**
+ * 清除 bundle 缓存
+ */
+export function clearBundleCache(options = {}) {
+	const lang = options.lang || getCurrentLocale();
+	const appType = options.appType || getCurrentAppType();
+	const uniacid = options.uniacid !== undefined ? options.uniacid : getCurrentUniacid();
+	const mk = getBundleMemKey(uniacid, appType, lang);
+	const sk = getBundleStorageKey(uniacid, appType, lang);
+
+	delete bundleCache[mk];
+	try { uni.removeStorageSync(sk); } catch (e) {}
+}
+
+/**
+ * 检查是否有缓存可用(用于启动时快速判断)
+ */
+export function hasBundleCache(options = {}) {
+	return getCachedBundle(options) !== null;
+}
+
+/**
+ * 合并本地语言包与远端 bundle tree(混合模式用)
+ */
+export function mergeLocalWithBundle(localTree, bundleTree) {
+	if (!localTree || typeof localTree !== 'object') return bundleTree || {};
+	if (!bundleTree || typeof bundleTree !== 'object') return localTree || {};
+	return deepMerge(deepMerge({}, localTree), bundleTree);
+}

common/js/map-wx-jssdk.js

@@ -7,14 +7,12 @@
  */
 
 import Util from './util.js'
+import Lang from './lang.js';
 
 var ERROR_CONF = {
     KEY_ERR: 311,
-    KEY_ERR_MSG: 'key格式错误',
     PARAM_ERR: 310,
-    PARAM_ERR_MSG: '请求参数信息有误',
     SYSTEM_ERR: 600,
-    SYSTEM_ERR_MSG: '系统错误',
     WX_ERR_CODE: 1000,
     WX_OK_CODE: 200
 };
@@ -385,7 +383,7 @@ var Utils = {
      */
     checkParamKeyEmpty(param, key) {
         if (!param[key]) {
-            var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key +'参数格式有误');
+            var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, Lang.lang('common.mapWxJssdk.paramFormatError', { param: key }));
             param.fail(errconf);
             param.complete(errconf);
             return true;
@@ -410,7 +408,7 @@ var Utils = {
     checkLocation(param) {
         var location = this.getLocationParam(param.location);
         if (!location || !location.latitude || !location.longitude) {
-            var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误');
+            var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, Lang.lang('common.mapWxJssdk.locationParamFormatError'));
             param.fail(errconf);
             param.complete(errconf);
             return false;
@@ -623,7 +621,7 @@ var Utils = {
                     break;
                 }
                 default:{
-                    param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG));
+                    param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, Lang.lang('common.mapWxJssdk.systemError')));
                 }
 
             }
@@ -664,7 +662,7 @@ class QQMapWX {
      */
     constructor(options) {
         if (!options.key) {
-            throw Error('key值不能为空');
+            throw Error(Lang.lang('common.mapWxJssdk.keyCannotBeEmpty'));
         }
         this.key = options.key;
     };

common/js/map/openMap.js

@@ -1,4 +1,6 @@
+import util from '@/common/js/util.js'
 import TransformCoordinate from './transformCoordinate.js'
+import Lang from '@/common/js/lang.js'
 
 function openMapByDefault(latitude, longitude, name) {
 	uni.openLocation({
@@ -7,7 +9,7 @@ function openMapByDefault(latitude, longitude, name) {
 		name: name,
 		fail: (e) => {
 			uni.showModal({
-				content: '打开地图失败，请稍后重试'
+				content: Lang.lang('common.map.openMapFailed')
 			})
 		},
 	})
@@ -85,18 +87,17 @@ export default {
 	openMap(latitude, longitude, name, coord_type = 'gcj02') {
 		let arr = getCoordByType(longitude, latitude, coord_type)
 		// #ifdef APP-PLUS
-		switch (uni.getSystemInfoSync().platform) {
+		let platform = util.getDeviceInfo().platform;
+		switch (platform) {
 			case 'android':
-				console.log('运行Android上')
+			case 'harmony':
 				openMapByAndroid(arr[1], arr[0], name)
 				break;
 			case 'ios':
-				console.log('运行iOS上')
 				openMapByIos(arr[1], arr[0], name)
 				break;
 			default:
 				openMapByDefault(arr[1], arr[0], name)
-				console.log('运行在开发者工具上')
 				break;
 		}
 		// #endif

common/js/media-upload.js

@@ -0,0 +1,768 @@
+// common/js/media-upload.js
+// ai-chat / ai-agent 媒体上传: 图片 (PHP 中转 + STS 直传) / 音视频 / 其他文件
+//
+//  PR-FRONTEND-MEDIA-UPLOAD (2026-09-16): 之前 ai-chat-tools-panel.vue 引用了
+//    uploadImage / uploadMedia, 但本文件从未落库, 选图 / 选文件立即抛
+//    "Cannot find module '@/common/js/media-upload.js'". 此次按
+//    docs/ai-agent-integration.md §3.4 Step 1 落地, 顺手补 store import (设计稿漏).
+//
+//  调用方:
+//    ai-chat-tools-panel.vue → selectImage() / _uploadOneFile()
+//    ai-chat-message.vue → 直接用 aiService.sendMessage 传 attachments (本模块不出场)
+//
+//  上传策略:
+//    图片: 优先 PHP 中转 (≤2MB 走 backend), 超过或商家选了 oss_sts/auto → STS 直传
+//    音视频/文件: 一律 STS 直传 (体积大概率 >2MB)
+//
+// 端点:
+//   PHP 中转:  POST /<addon>/api/upload/<image|file>   multipart/form-data
+//   STS 凭证:  POST /<addon>/api/upload/ossSts         application/json
+//   STS 直传:  PUT  <provider>/<key>                   云存储协议 (4-field STS 或 single-URL)
+
+import aiService from './ai-service.js'
+import Config from './config.js'
+import store from '@/store/index.js'
+
+const SIZE_LIMIT_PHP_PASSTHROUGH = 2 * 1024 * 1024  // 2MB
+const SIZE_LIMIT_H5_COMPRESS = 3 * 1024 * 1024     // 3MB (从 10MB 下调,移动端 H5 体验更流畅)
+// PR-FRONTEND-MEDIA-INLINE-BASE64 (2026-09-16): WB Agent J7 inline base64 上限 5MB
+//   与 backend WbAgentOsClient::INLINE_MEDIA_LIMIT = 5242880 对齐
+//   超过这个 size 后 buildMediaBlocks 会改走 URL fetch 路径, 上限失效
+const SIZE_LIMIT_INLINE_BASE64 = 5 * 1024 * 1024  // 5MB (与后端 INLINE_MEDIA_LIMIT 对齐)
+
+// PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 现代格式 mime 同步后端 guessMimeFromPath
+//   STS 直传绕过后端 mime 推断, 前端必须自带, 否则附件 mime 降级 application/octet-stream
+const EXT_MIME_MAP = {
+  jpg: 'image/jpeg', jpeg: 'image/jpeg', png: 'image/png', gif: 'image/gif', webp: 'image/webp',
+  heic: 'image/heic', heif: 'image/heif', avif: 'image/avif',
+  bmp: 'image/bmp', tif: 'image/tiff', tiff: 'image/tiff',
+  mp3: 'audio/mpeg', wav: 'audio/wav', aac: 'audio/aac',
+  m4a: 'audio/mp4', flac: 'audio/flac', ogg: 'audio/ogg',
+  oga: 'audio/ogg', opus: 'audio/opus', amr: 'audio/amr', wma: 'audio/x-ms-wma',
+  aiff: 'audio/aiff', aif: 'audio/aiff', ape: 'audio/x-ape', mid: 'audio/midi',
+  // PR-AV-FULL-SUPPORT (2026-09-24): 全量音视频格式 (与后端 MediaUploadPolicy::guessMimeByExt 对齐)
+  midi: 'audio/midi', caf: 'audio/x-caf', mka: 'audio/x-matroska', ac3: 'audio/ac3',
+  mp4: 'video/mp4', mov: 'video/quicktime', avi: 'video/x-msvideo',
+  mkv: 'video/x-matroska', webm: 'video/webm', flv: 'video/x-flv',
+  m4v: 'video/x-m4v', wmv: 'video/x-ms-wmv', '3gp': 'video/3gpp',
+  mpeg: 'video/mpeg', mpg: 'video/mpeg', ts: 'video/mp2t',
+  '3g2': 'video/3gpp2', f4v: 'video/x-flv', mpe: 'video/mpeg', m2v: 'video/mpeg',
+  m2ts: 'video/mp2t', mts: 'video/mp2t', ogv: 'video/ogg', vob: 'video/mpeg',
+  asf: 'video/x-ms-asf', rm: 'application/vnd.rn-realmedia',
+  rmvb: 'application/vnd.rn-realmedia-vbr', divx: 'video/x-divx',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  zip: 'application/zip', rar: 'application/x-rar-compressed',
+  '7z': 'application/x-7z-compressed',
+  json: 'application/json', xml: 'application/xml', md: 'text/markdown',
+  pdf: 'application/pdf', txt: 'text/plain',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+}
+
+/**
+ * 上传图片 (type=image)
+ * @param {string} filePath - uni.chooseImage 返回的 tempFilePaths[0]
+ * @returns {Promise<{url, mime, size, name, kind, used_strategy}>}
+ */
+export async function uploadImage(filePath, opts = {}) {
+  const addon = aiService.getAddonName()   // 'aikefu' | 'aiagent'
+  const config = await aiService.getServiceConfig()
+  const strategy = config?.upload_strategy || 'backend'
+
+  // 压缩: H5/MP-WEIXIN 双端都做, iPhone HEIC 大图走不通 PHP 中转也走不通 STS, 必须本地压
+  let compressedPath = filePath
+  let detectedSize = 0
+  try {
+    detectedSize = await getFileSize(filePath)
+  } catch (e) {
+    // PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 探测失败不静默降级到 0 (会让 auto 模式永远走 PHP 中转)
+    //   改为抛错, 上层选择兜底走 STS (size=0 → 大于任何阈值 → 走 STS)
+    console.warn('[media-upload] getFileSize failed:', e)
+  }
+  // H5 + MP-WEIXIN 都压缩 (微信 chooseImage 默认 sizeType:['compressed'] 但 HEIC 不在压缩白名单)
+  // #ifdef H5 || MP-WEIXIN
+  if (detectedSize > SIZE_LIMIT_H5_COMPRESS || opts.forceCompress) {
+    try {
+      const compressed = await uni.compressImage({
+        src: filePath,
+        quality: 80,
+        compressedWidth: 2048,
+        compressedHeight: 2048,
+      })
+      compressedPath = compressed.tempFilePath || filePath
+      console.log('[media-upload] compressImage OK', detectedSize, '→', compressedPath)
+    } catch (e) {
+      console.warn('[media-upload] compressImage failed, use original:', e)
+    }
+  }
+  // #endif
+
+  // 检查是否需要走 STS (>2MB 或商家选 oss_sts)
+  //   决策: STS 触发条件 = oss_sts(总是) || auto + 大于 2MB
+  //   fileSizeFinal = 探测失败的兜底:
+  //     - 第一次探测失败(原始大小未知) → 保守走 STS
+  //     - 第一次成功, 第二次探测压缩后失败 → 用原始 detectedSize
+  let fileSizeFinal = detectedSize
+  if (compressedPath !== filePath) {
+    try { fileSizeFinal = await getFileSize(compressedPath) } catch (e) {
+      // 压缩后探测失败, 退回到原始大小 (可能没压成功)
+      fileSizeFinal = detectedSize
+    }
+  }
+  const useSts = strategy === 'oss_sts'
+    || (strategy === 'auto' && fileSizeFinal > SIZE_LIMIT_PHP_PASSTHROUGH)
+  //   ★ PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 探测完全失败(原始+压缩后都 0) → 保守走 STS
+  //   原代码 fileSizeFinal === 0 会让"auto 模式永远走 PHP 中转", 大文件 OOM
+  //   但 fileSizeFinal = detectedSize (有值) 时按值判断; 只有两边都失败才兜底 STS
+  const totallyUnknown = detectedSize === 0 && fileSizeFinal === 0
+  const finalUseSts = useSts || (strategy === 'auto' && totallyUnknown)
+
+  if (finalUseSts) {
+    return await uploadViaSts(compressedPath, 'image', addon, aiService.getAgentId(), config, detectedSize)
+  }
+  try {
+    return await uploadViaPhp(compressedPath, 'image', addon, aiService.getAgentId(), detectedSize)
+  } catch (e) {
+    // PR-UPLOAD-ADAPTIVE-FALLBACK (2026-09-24): 后端已切 oss_sts 而 /info 缓存里的 strategy 过期
+    //   → PHP 中转被拒 (OSS_STS_REQUIRED), 自动切 STS 直传重试 (自愈, 无需用户重试)
+    if (e && e.code === 'OSS_STS_REQUIRED') {
+      console.warn('[media-upload] PHP 中转被拒 (后端策略已是 oss_sts), 自动切换 STS 直传')
+      return await uploadViaSts(compressedPath, 'image', addon, aiService.getAgentId(), config, detectedSize)
+    }
+    throw e
+  }
+}
+
+/**
+ * 上传 audio / video / file
+ *   策略: 商家配了云存储 (oss_sts/auto) → STS 直传, 失败回退 PHP 中转;
+ *         未配云存储 (backend) → 直接 PHP 中转
+ * @param {string} filePath
+ * @param {'audio'|'video'|'file'} kind
+ * @param {{name?:string, mime?:string, size?:number}} [opts]
+ *   PR-FRONTEND-MEDIA-ACCEPT (2026-09-17): H5 传进来的是 blob URL (无扩展名),
+ *   必须由调用方把原始 File 的 name/mime/size 带进来, 否则 STS key 会以 .bin 结尾,
+ *   Content-Type 退化成 application/octet-stream, 音频/视频播放器取不到正确类型。
+ */
+export async function uploadMedia(filePath, kind, opts = {}) {
+  if (!['audio', 'video', 'file'].includes(kind)) {
+    throw new Error(`invalid kind: ${kind}`)
+  }
+  const addon = aiService.getAddonName()
+  const config = await aiService.getServiceConfig()
+  const agentId = aiService.getAgentId()
+  const hints = { name: opts.name || '', mime: opts.mime || '' }
+  const size = opts.size || 0
+  const strategy = (config && config.upload_strategy) || 'backend'
+
+  // PHP 中转 (kind 以调用方传入的音视频分类为准, 后端只区分 image|file)
+  const doPhpUpload = async (fallbackErr) => {
+    let phpRes = null
+    try {
+      phpRes = await uploadViaPhp(filePath, kind, addon, agentId, size)
+    } catch (err) {
+      throw new Error((err && err.message) || (fallbackErr && fallbackErr.message) || '上传失败')
+    }
+    if (!phpRes || !phpRes.url) {
+      throw new Error((fallbackErr && fallbackErr.message) || '上传失败: 当前平台不支持该上传方式')
+    }
+    return Object.assign({}, phpRes, { kind })
+  }
+
+  // 商家未开启云存储 (strategy=backend): 与图片保持一致走 PHP 中转,
+  //   避免没配 STS 时"视频/音频"按钮一选就报 "STS 凭据获取失败" 完全不可用
+  // PR-UPLOAD-ADAPTIVE-FALLBACK (2026-09-24): 若后端已切 oss_sts 而本地 strategy 过期,
+  //   PHP 中转被拒 (OSS_STS_REQUIRED) → 自动切 STS 直传重试
+  if (strategy === 'backend') {
+    try {
+      return await doPhpUpload()
+    } catch (e) {
+      if (e && e.code === 'OSS_STS_REQUIRED') {
+        console.warn('[media-upload] PHP 中转被拒 (后端策略已是 oss_sts), 自动切换 STS 直传')
+        return await uploadViaSts(filePath, kind, addon, agentId, config, size, hints)
+      }
+      throw e
+    }
+  }
+
+  try {
+    return await uploadViaSts(filePath, kind, addon, agentId, config, size, hints)
+  } catch (e) {
+    // PR-FRONTEND-MEDIA-ACCEPT (2026-09-17): STS 不可用 (未配置云存储 / 凭证接口失败)
+    //   时回退 PHP 中转, 保证音频/视频文件仍能上传
+    // PR-UPLOAD-ADAPTIVE-FALLBACK (2026-09-24): 回退的 PHP 中转若也被 oss_sts 策略拒收,
+    //   保留原始 STS 错误抛出 (回退注定失败, 报真实根因比报 "操作失败" 有用)
+    console.warn('[media-upload] STS 上传失败, 回退 PHP 中转:', e && e.message)
+    try {
+      return await doPhpUpload(e)
+    } catch (e2) {
+      if (e2 && e2.code === 'OSS_STS_REQUIRED') throw e
+      throw e2
+    }
+  }
+}
+
+/**
+ * PHP 中转 (multipart/form-data)
+ * 端点必须用 addon 模式 URL: /<addon>/api/upload/<image|file>
+ *   注释: InitRoute 注册 aikefu/api/upload 时挂在 addon namespace 下,
+ *         /api/aikefu/upload/* 才是命中路径; /api/kefu/upload/* 不命中
+ *         (那是普通接口命名空间, 上传走的是 addon 专属路由)
+ */
+async function uploadViaPhp(filePath, kind, addon, agentId, knownSize = 0) {
+  const url = (addon === 'aikefu' ? '/aikefu/api/upload/' : '/aiagent/api/upload/')
+    + (kind === 'image' ? 'image' : 'file')
+
+  // #ifdef MP-WEIXIN
+  return new Promise((resolve, reject) => {
+    uni.uploadFile({
+      url: Config.baseUrl + url,
+      filePath,
+      name: 'file',
+      formData: {
+        kind,
+        // aikefu 后端必填 config_uuid; 同时兼容 config_uid 命名并附 agent_id 兜底
+        agent_id: agentId || undefined,
+        config_uuid: addon === 'aikefu' ? (aiService.getCurrentConfigUuid?.() || '') : undefined,
+        config_uid: addon === 'aikefu' ? (aiService.getCurrentConfigUuid?.() || '') : undefined,
+        uniacid: aiService.getUniacid(),
+        user_id: aiService.getUserId?.() || '',
+      },
+      success: (res) => {
+        try {
+          const data = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
+          if (data.code === 0 || data.success) {
+            resolve({
+              url: data.data.url,
+              mime: data.data.mime,
+              size: data.data.size || knownSize || 0,
+              name: data.data.name,
+              kind: data.data.kind || kind,
+              used_strategy: data.data.used_strategy || 'backend',
+              oss_sts_required: data.data.oss_sts_required || false,
+            })
+          } else {
+            // PR-UPLOAD-ADAPTIVE-FALLBACK (2026-09-24): 后端策略已切 oss_sts 时拒收 PHP 中转,
+            //   顶层 oss_sts_required=true → 标记错误码, 调用方捕获后自动切 STS 直传 (自愈)
+            const err = new Error(data.data || data.msg || data.message || '上传失败')
+            if (data.oss_sts_required === true) err.code = 'OSS_STS_REQUIRED'
+            reject(err)
+          }
+        } catch (e) {
+          reject(new Error('解析响应失败: ' + e.message))
+        }
+      },
+      fail: (err) => reject(new Error('网络错误: ' + (err.errMsg || err.message))),
+    })
+  })
+  // #endif
+
+  // #ifdef H5
+  const form = new FormData()
+  const file = await pathToFile(filePath, kind)
+  form.append('file', file)
+  form.append('kind', kind)
+  if (addon === 'aiagent') form.append('agent_id', agentId)
+  else {
+    // aikefu 后端必填 config_uuid; 同时兼容 config_uid 命名并附 agent_id 兜底
+    const uuid = aiService.getCurrentConfigUuid?.() || ''
+    form.append('config_uuid', uuid)
+    form.append('config_uid', uuid)
+    form.append('agent_id', agentId)
+  }
+  form.append('uniacid', aiService.getUniacid())
+  form.append('user_id', aiService.getUserId?.() || '')
+  const res = await fetch(Config.baseUrl + url, {
+    method: 'POST',
+    headers: { 'token': store.state.token || '' },
+    body: form,
+  })
+  const data = await res.json()
+  if (data.code === 0 || data.success) {
+    return {
+      url: data.data.url,
+      mime: data.data.mime,
+      size: data.data.size || knownSize || 0,
+      name: data.data.name,
+      kind: data.data.kind || kind,
+      used_strategy: data.data.used_strategy || 'backend',
+      oss_sts_required: data.data.oss_sts_required || false,
+    }
+  }
+  // PR-UPLOAD-ADAPTIVE-FALLBACK (2026-09-24): 后端拒收且标记 oss_sts_required → 自动切 STS 直传
+  if (data.oss_sts_required === true) {
+    const err = new Error(data.data || data.msg || data.message || '上传失败')
+    err.code = 'OSS_STS_REQUIRED'
+    throw err
+  }
+  throw new Error(data.msg || data.message || '上传失败')
+  // #endif
+}
+
+/**
+ * STS 直传 (拿临时凭证 → 直传云存储)
+ *
+ *  PR-OSS-REGISTRY (2026-09-15) 后端支持 12 个 provider, 协议层分两类:
+ *    A) 4-field STS (8 个: alioss/qiniu/txcos/baidubos/qingstor/jdoss/ucloud/wyoss)
+ *       → 前端拼 PUT URL, Authorization header = STS <ak>:<sk>
+ *    B) single-URL (4 个: huaweiobs/volcengine/awsoss/minio)
+ *       → sts.accessKeyId 已是完整预签 PUT URL, sts.securityToken='<PROVIDER>-SIGNED'
+ *         标记, 不带 Authorization
+ *
+ *  后端 stsResp.data.data 可能字段:
+ *    { provider, bucket, region, accessKeyId, accessKeySecret, securityToken,
+ *      key_prefix_tpl, site_id, host? (single-URL 模式), endpoint? (qiniu 7 参兼容) }
+ */
+/**
+ * PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 三段兜底扩展名提取
+ *   1) filePath 最后一段正则匹配 .xxx
+ *   2) filePath.name 兜底 (H5 File 对象 / APP tempFile.name)
+ *   3) mimeHint 反查 EXT_MIME_MAP (H5 blob URL 没扩展名但 blob.type 通常是 image/png)
+ *   4) 最终 'bin' (防 URL 片段被误当扩展名)
+ *
+ *   PR-FRONTEND-MEDIA-UPLOAD-FIX-HOTFIX (2026-09-16): 提到模块顶层,
+ *     之前只在 uploadViaSts 里, pathToFile 引用不到 → "extractExt is not defined"
+ */
+function extractExt(filePath, mimeHint = '', nameHint = '') {
+  let ext = 'bin'
+  if (typeof filePath === 'string') {
+    const lastSeg = filePath.split('?')[0].split('/').pop() || ''
+    const m = lastSeg.match(/\.([a-z0-9]+)$/i)
+    if (m) ext = m[1].toLowerCase()
+  }
+  if (ext === 'bin' && filePath && filePath.name) {
+    const m2 = String(filePath.name).match(/\.([a-z0-9]+)$/i)
+    if (m2) ext = m2[1].toLowerCase()
+  }
+  // PR-FRONTEND-MEDIA-ACCEPT (2026-09-17): H5 blob URL + 调用方带下来的原始文件名
+  if (ext === 'bin' && nameHint) {
+    const m3 = String(nameHint).match(/\.([a-z0-9]+)$/i)
+    if (m3) ext = m3[1].toLowerCase()
+  }
+  // 3) mime→ext 反查 (PR-FRONTEND-MEDIA-UPLOAD-FIX-HOTFIX): blob URL 无扩展名但
+  //    blob.type 是 image/png 这种, 反查 EXT_MIME_MAP → png
+  if (ext === 'bin' && mimeHint) {
+    for (const [e, m] of Object.entries(EXT_MIME_MAP)) {
+      if (m === mimeHint) { ext = e; break }
+    }
+  }
+  if (!/^[a-z0-9]{2,5}$/.test(ext)) ext = 'bin'
+  return ext
+}
+
+/**
+ * PR-H5-PRESIGN-DIRECT (2026-09-24): alioss 直传改走服务端预签名 URL (ossPresign)
+ *
+ * 背景: 旧 uploadViaSts 对 alioss 走 4 字段 STS 凭证 + 前端裸 PUT
+ *   (Authorization: STS ak:sk + x-oss-security-token)。该 Authorization 头
+ *   不是合法 OSS V1 签名 (合法格式为 `OSS AccessKeyId:HMAC-SHA1(StringToSign)`,
+ *   签名必须由持有 secret 的一方计算) → OSS 恒 403 AccessDenied。
+ *   后端「对话测试」已切 ossPresign (服务端签 PUT URL) 实测可用 (tests/repro_h5_sts_put.js:
+ *   裸 PUT 403 / presign PUT 200), 前端同款切换。
+ *   额外收益: object key 由服务端 KeyPrefixBuilder 统一拼, 消除前端模板替换的
+ *   双重前缀/占位符错配; content_type 由服务端签名后回传, PUT 带同值即可。
+ *
+ * 端点: POST /<addon>/api/upload/ossPresign
+ *   入参: filename / content_type / uniacid + (aikefu: config_uuid | aiagent: agent_id)
+ *   出参: {upload_url, content_type, public_url, object_key, provider, ...}
+ *   PUT 时不带任何 Authorization 头 (签名在 query 里), Content-Type 必须与签名一致。
+ */
+/**
+ * PR-UNI-REQUEST-CB (2026-09-24): uni.request 的 Promise 兼容封装
+ *   实测 (tests/probe_uni_request.js): 本 uni-app H5 版本 `await uni.request(opts)`
+ *   resolve 的是 **undefined** (不带 success 回调时 Promise 返回值不可用),
+ *   导致 stsResp.statusCode/preResp.data 全部 TypeError。
+ *   回调式调用是唯一跨端可靠用法, 统一从这里走。
+ */
+function uniRequest(opts) {
+  return new Promise((resolve, reject) => {
+    uni.request(Object.assign({}, opts, {
+      success: resolve,
+      fail: (err) => reject(new Error((err && err.errMsg) || 'request failed')),
+    }))
+  })
+}
+
+async function uploadViaPresign(filePath, kind, addon, agentId, knownSize = 0, hints = {}) {
+  // PR-H5-PRESIGN-EXT (2026-09-24): H5 图片是 blob URL (无扩展名), extractExt 会得 'bin'
+  //   → 先经 pathToFile 还原 File, 用 file.type / file.name 反推扩展名与 Content-Type
+  let mimeHint = hints.mime || ''
+  let nameHint = hints.name || ''
+  let probeFile = null
+  // #ifdef H5
+  try {
+    probeFile = await pathToFile(filePath, kind)
+    if (!mimeHint && probeFile && probeFile.type) mimeHint = probeFile.type
+    if (!nameHint && probeFile && probeFile.name) nameHint = probeFile.name
+  } catch (e) {
+    // blob URL 还原失败不致命: ext 兜底 jpg, PUT 时再走 pathToFile
+    console.warn('[media-upload] presign probe failed:', e && e.message)
+  }
+  // #endif
+  const ext = extractExt(filePath, mimeHint, nameHint)
+  // 兜底: 彻底拿不到类型时, 图片按 jpg 传 (后端后缀白名单拒收 .bin; jpg 嗅探渲染无碍)
+  const finalExt = (ext === 'bin' && kind === 'image') ? 'jpg' : ext
+  const contentType = mimeHint || guessMime(finalExt)
+  const filename = (nameHint && /^[^\/\\]+\.[a-zA-Z0-9]{2,5}$/.test(nameHint))
+    ? nameHint
+    : `media_${Date.now()}_${Math.random().toString(36).slice(2, 8)}.${finalExt}`
+
+  const preUrl = (addon === 'aikefu' ? '/aikefu/api/upload/' : '/aiagent/api/upload/') + 'ossPresign'
+  const preResp = await uniRequest({
+    url: Config.baseUrl + preUrl,
+    method: 'POST',
+    header: {
+      'Content-Type': 'application/json',
+      'token': store.state.token || ''
+    },
+    data: {
+      filename,
+      content_type: contentType,
+      uniacid: aiService.getUniacid(),
+      agent_id: addon === 'aiagent' ? (agentId || undefined) : undefined,
+      config_uuid: addon === 'aikefu' ? (aiService.getCurrentConfigUuid?.() || '') : undefined,
+    },
+  })
+  if (preResp.statusCode === 404) {
+    const err = new Error('后端无 ossPresign 端点 (版本过旧)')
+    err.code = 'PRESIGN_UNSUPPORTED'
+    throw err
+  }
+  if (preResp.statusCode !== 200 || (preResp.data.code !== 0 && !preResp.data.success)) {
+    throw new Error(preResp.data?.msg || preResp.data?.message || '预签名获取失败')
+  }
+  const pre = preResp.data.data
+  const uploadUrl = pre.upload_url
+  const finalContentType = pre.content_type || contentType
+
+  let uploadedSize = knownSize || 0
+  // #ifdef H5
+  if (probeFile && probeFile.size) uploadedSize = probeFile.size
+  // #endif
+
+  // 直传: PUT 已签名 URL, 无 Authorization 头 (签名在 query 里)
+  // #ifdef H5
+  const file = probeFile || await pathToFile(filePath, kind)
+  const ossRes = await fetch(uploadUrl, {
+    method: 'PUT',
+    headers: { 'Content-Type': finalContentType },
+    body: file,
+  })
+  console.log('[media-upload] presign PUT', ossRes.status, (pre.public_url || '').slice(0, 90))
+  if (!ossRes.ok) throw new Error(`${pre.provider || 'alioss'} PUT ${ossRes.status}`)
+  // #endif
+  // #ifdef MP-WEIXIN
+  // uni.uploadFile 只会发 multipart POST, 不能 PUT → 读成 ArrayBuffer 用 uni.request 发原始 PUT
+  await new Promise((resolve, reject) => {
+    uni.getFileSystemManager().readFile({
+      filePath,
+      success: (res) => {
+        uni.request({
+          url: uploadUrl,
+          method: 'PUT',
+          header: { 'Content-Type': finalContentType },
+          data: res.data,
+          success: (r) => (r.statusCode >= 200 && r.statusCode < 300)
+            ? resolve()
+            : reject(new Error(`${pre.provider || 'alioss'} PUT ${r.statusCode}`)),
+          fail: reject,
+        })
+      },
+      fail: (e) => reject(new Error('readFile failed: ' + (e.errMsg || ''))),
+    })
+  })
+  // #endif
+
+  return {
+    url: (pre.public_url || uploadUrl.split('?')[0]),
+    mime: finalContentType,
+    size: uploadedSize,
+    name: (pre.object_key || filename).split('/').pop(),
+    kind,
+    used_strategy: 'oss_sts',
+    provider: pre.provider || 'alioss',
+  }
+}
+
+async function uploadViaSts(filePath, kind, addon, agentId, config, knownSize = 0, hints = {}) {
+  // PR-H5-PRESIGN-DIRECT (2026-09-24): alioss (及 provider 未知时) 先走服务端预签名;
+  //   旧 4 字段裸 PUT 的 Authorization 头不是合法 OSS 签名, 恒 403 (tests/repro_h5_sts_put.js 实测)
+  //   仅当后端明确配置了非 alioss provider, 或后端过旧无 presign 端点时才落回旧流程
+  const providerHint = (config && config.oss_provider) || ''
+  if (!providerHint || providerHint === 'alioss') {
+    try {
+      return await uploadViaPresign(filePath, kind, addon, agentId, knownSize, hints)
+    } catch (e) {
+      if (!(e && e.code === 'PRESIGN_UNSUPPORTED')) throw e
+      console.warn('[media-upload] ossPresign 不可用, 回退旧 STS 流程:', e.message)
+    }
+  }
+  // PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 用更稳的扩展名提取
+  //   H5 blob URL (blob:https://xxx/uuid) 无扩展名 → split('.').pop() 会拿整条 URL
+  //   优先 file.name (H5 file / APP tempFile.name), 都没有就 blob URL → 'bin'
+  // PR-FRONTEND-MEDIA-ACCEPT (2026-09-17): H5 走 blob URL 时 file.name 拿不到,
+  //   由 uploadMedia 的 opts.name/mime 兜底 (音频 .mp3 / 视频 .mp4 才不会被写成 .bin)
+  const ext = extractExt(filePath, hints.mime || '', hints.name || '')
+
+  // 1. 拿 STS 凭证 (addon 模式 URL)
+  const stsUrl = (addon === 'aikefu' ? '/aikefu/api/upload/' : '/aiagent/api/upload/') + 'ossSts'
+  const stsResp = await uniRequest({
+    url: Config.baseUrl + stsUrl,
+    method: 'POST',
+    header: {
+      'Content-Type': 'application/json',
+      'token': store.state.token || ''
+    },
+    data: {
+      agent_id: agentId || undefined,
+      config_uuid: addon === 'aikefu' ? (aiService.getCurrentConfigUuid?.() || '') : undefined,
+      config_uid: addon === 'aikefu' ? (aiService.getCurrentConfigUuid?.() || '') : undefined,
+      uniacid: aiService.getUniacid(),
+      user_id: aiService.getUserId?.() || '',
+    },
+  })
+  if (stsResp.statusCode !== 200 || (stsResp.data.code !== 0 && !stsResp.data.success)) {
+    throw new Error(stsResp.data?.msg || stsResp.data?.message || 'STS 凭证获取失败')
+  }
+  const sts = stsResp.data.data
+  const provider = sts.provider || 'alioss'  // 老后端默认 alioss
+
+  // 2. 拼 PUT URL (用后端返回的 key_prefix_tpl 替换占位符)
+  const uuid = 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, c => {
+    const r = Math.random() * 16 | 0
+    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
+  })
+  const now = new Date()
+  const key = (sts.key_prefix_tpl || 'site/{site_id}/{yyyy}/{mm}/{dd}/{rand}')
+    .replace('{site_id}', sts.site_id || '0')
+    .replace('{agent_id}', agentId || '0')
+    .replace('{yyyy}', now.getFullYear().toString())
+    .replace('{mm}', String(now.getMonth() + 1).padStart(2, '0'))
+    .replace('{dd}', String(now.getDate()).padStart(2, '0'))
+    .replace('{rand}', uuid)
+    + '.' + ext
+
+  // ★ PR-OSS-REGISTRY (2026-09-15): provider 分流
+  // single-URL 模式: securityToken 末尾是 -SIGNED (OBS-SIGNED / TOS-SIGNED / AWS-SIGNED / MINIO-SIGNED)
+  const isSingleUrlMode = typeof sts.securityToken === 'string'
+    && /-(SIGNED)$/.test(sts.securityToken)
+
+  let ossUrl, headers
+  if (isSingleUrlMode) {
+    // B) single-URL: sts.accessKeyId 是完整预签 PUT URL, 不需要 Authorization header
+    ossUrl = sts.accessKeyId
+    headers = { 'Content-Type': guessMime(ext) }
+  } else if (provider === 'qiniu') {
+    // A) qiniu 兼容模式: sts.accessKeyId = uptoken, endpoint 来自 sts.endpoint 或 sts.host
+    ossUrl = (sts.endpoint || sts.host || `https://upload-${sts.region}.qiniup.com`) + '/' + key
+    headers = {
+      'Authorization': 'UpToken ' + sts.accessKeyId,
+      'Content-Type': guessMime(ext),
+    }
+  } else {
+    // A) 4-field STS 默认 (alioss/txcos/baidubos/qingstor/jdoss/ucloud/wyoss)
+    //   endpoint 模板按 provider 区分, 后端未返 endpoint 时按 OSS 模板拼
+    // ★ FIX-ALIOSS-ENDPOINT-OSS-PREFIX (2026-09-23): alioss 区域名缺前缀 bug
+    //   sts.region 是用户输入的简写形式 (cn-hangzhou), 但真实 OSS endpoint 必须用完整形式 (oss-cn-hangzhou)
+    //   之前 `https://${bucket}.${region}.aliyuncs.com` 拼成 `suzhou-oss-data-xyz.cn-hangzhou.aliyuncs.com` (DNS 不存在)
+    //   正确: `https://${bucket}.oss-${region}.aliyuncs.com` → `suzhou-oss-data-xyz.oss-cn-hangzhou.aliyuncs.com`
+    //   后端 sts.oss_url 已拼好正确 URL (用 OssProviderRegistry::buildDirectEndpoint), 优先用它
+    const aliossTpl = sts.oss_url
+      ? sts.oss_url.replace(/\/[^\/?#]+$/, '')  // 去尾 key, 留 base endpoint
+      : `https://${sts.bucket}.oss-${sts.region}.aliyuncs.com`
+    const tpl = (provider === 'alioss') ? aliossTpl
+      : (provider === 'txcos') ? `https://${sts.bucket}-${sts.region}.cos.${sts.region}.myqcloud.com`
+      : (provider === 'baidubos') ? `https://${sts.bucket}.${sts.region}.bcebos.com`
+      : (provider === 'jdoss') ? `https://${sts.bucket}.${sts.region}.jdcloud-oss.com`
+      : (provider === 'wyoss') ? `https://${sts.bucket}.${sts.host || sts.region}`
+      : (sts.endpoint ? sts.endpoint.replace('{bucket}', sts.bucket) : `https://${sts.bucket}.${sts.region}`)
+    ossUrl = `${tpl}/${key}`
+    headers = {
+      'Authorization': `STS ${sts.accessKeyId}:${sts.accessKeySecret}`,
+      'x-oss-security-token': sts.securityToken,
+      'Content-Type': guessMime(ext),
+    }
+  }
+
+  // PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): MP-WEIXIN uni.uploadFile 拿不到 file.size
+  //   H5 pathToFile 拿到的 file 有 size, MP-WEIXIN 没有; STS 完成后用已知 size 或后端返回
+  let uploadedSize = knownSize || 0
+  // #ifdef H5
+  try {
+    const probe = await pathToFile(filePath, kind)
+    if (probe && probe.size) uploadedSize = probe.size
+  } catch (e) {}
+  // #endif
+
+  // 3. 直传云存储
+  // #ifdef MP-WEIXIN
+  await new Promise((resolve, reject) => {
+    uni.uploadFile({
+      url: ossUrl,
+      filePath,
+      name: 'file',
+      formData: {},
+      header: headers,
+      success: (res) => {
+        if (res.statusCode >= 200 && res.statusCode < 300) resolve()
+        else reject(new Error(`${provider} PUT ${res.statusCode}`))
+      },
+      fail: reject,
+    })
+  })
+  // #endif
+  // #ifdef H5
+  const file = await pathToFile(filePath, kind)
+  const ossRes = await fetch(ossUrl, {
+    method: 'PUT',
+    headers,
+    body: file,
+  })
+  if (!ossRes.ok) throw new Error(`${provider} PUT ${ossRes.status}`)
+  // #endif
+
+  // 4. 返回公网 URL
+  return {
+    url: ossUrl.split('?')[0],  // single-URL 模式 URL 带 ?<签名参数>, 拼 chat attachment 用 base URL
+    mime: guessMime(ext),
+    size: uploadedSize,
+    name: key.split('/').pop(),
+    kind,
+    used_strategy: 'oss_sts',
+    provider,
+  }
+}
+
+async function getFileSize(filePath) {
+  // PR-FRONTEND-MEDIA-UPLOAD-FIX (2026-09-16): 失败抛错而不是 resolve(0)
+  //   0 会让 auto 模式永远走 PHP 中转 (0 > 2MB = false), 失去 STS 直传能力
+  //   上层 uploadImage 用 try/catch 兜底, 探测失败视为 "大小未知, 默认走 STS"
+  // #ifdef MP-WEIXIN
+  return new Promise((resolve, reject) => {
+    uni.getFileInfo({
+      filePath,
+      success: (res) => resolve(res.size || 0),
+      fail: (err) => reject(new Error('getFileInfo failed: ' + (err.errMsg || ''))),
+    })
+  })
+  // #endif
+  // #ifdef H5
+  try {
+    const res = await fetch(filePath)
+    const blob = await res.blob()
+    return blob.size
+  } catch (e) {
+    throw new Error('getFileSize fetch failed: ' + e.message)
+  }
+  // #endif
+}
+
+async function pathToFile(filePath, kind) {
+  // #ifdef H5
+  const res = await fetch(filePath)
+  const blob = await res.blob()
+  // PR-FRONTEND-MEDIA-UPLOAD-FIX-HOTFIX (2026-09-16): H5 blob URL 路径修复扩展名
+  //   原代码 `filePath.split('/').pop()` 对 blob:http://xxx/uuid 取出 'uuid' (无扩展名)
+  //   → 后端 multipart filename 缺失扩展名 → ext_rule 拒绝 "上传文件后缀不允许"
+  //   extractExt 三段兜底: 1) lastSegment 正则 2) file.name 3) 'bin' 最终兜底
+  //   若 ext='bin', 走 guessMime(EXT_MIME_MAP) 看能不能从 mime 反推 jpg/png (mime→ext)
+  const rawName = filePath.split('/').pop() || `${kind}.bin`
+  const ext = extractExt(filePath, blob.type)
+  const finalName = ext !== 'bin' ? `${rawName}.${ext}` : rawName
+  // blob.type 通常是 image/png 或空; 空时用 guessMime 兜底
+  const mime = blob.type || guessMime(ext)
+  return new File([blob], finalName, { type: mime })
+  // #endif
+}
+
+/**
+ * PR-FRONTEND-MEDIA-INLINE-BASE64 (2026-09-16): 把附件原文件读成 base64,
+ *   用于 ai-chat-message.vue sendMessage 给 attachment 加 `data` 字段,
+ *   让 backend 走 WbAgentOsClient::buildMediaBlocks 路径 ① (inline base64)
+ *   而不是路径 ②/③ (URL fetch / resource_link).
+ *
+ * 为什么必要: 之前 PR-FRONTEND-MEDIA-UPLOAD-FIX 已让上传链路 (uni.compressImage
+ *   → backend Upload.php) 返回了公网 URL, 但此 URL 是 backend Upload.php::buildPublicUrl
+ *   用 request()->domain() 拼出来的 (例如 http://192.168.x.x:8050/upload/...).
+ *   买家端 AI chat 把这个 URL 透给 backend, backend MediaGuard::urlAllowed
+ *   把 192.168.x.x 当内网 IP (FILTER_FLAG_NO_PRIV_RANGE) 拒绝, 附件被静默丢弃.
+ *
+ *   修复: 同步给 attachment 加 data: <bare-base64> 字段.
+ *     - backend MessageMedia::normalizeInput 直接透传 data (line 207-208)
+ *     - backend MediaGuard::check 看到 data 非空就无条件放行, 不参与 URL 校验 (line 137-140)
+ *     - backend WbAgentOsClient::buildMediaBlocks 路径 ① 优先 data + image/audio → 直接 base64 内联
+ *   全链路 bypass URL 公网可达性 (无论 LAN 还是公网, 都不依赖 WB Cloud 拉 URL).
+ *
+ * 返回: { data: '<bare-base64>', size, mime } | null
+ *   - null 时表示文件 > maxBytes (默认 5MB, J7 上限) 或读取失败 → 调用方跳过 data 字段, 走 URL 路径
+ *   - bare-base64 (不带 data:image/png;base64, 前缀) — 后端 buildMediaBlocks 需要纯 base64
+ *   - mime 从 blob.type (H5) / 调用方传 mimeHint (uni-app 平台不知道 blob.type)
+ *
+ * @param {string} filePath  选图/选文件时的原始路径 (blob: URL 或 _doc/tmp_xxx 路径)
+ * @param {object} [opts]
+ * @param {number} [opts.maxBytes=5MB]  超限返回 null (frontend 主动限流, 减轻带宽/内存)
+ * @param {string} [opts.mimeHint]     非 H5 平台拿不到 blob.type, 用 pending.uploaded.mime 兜底
+ */
+export async function fileToBase64(filePath, opts = {}) {
+  const maxBytes = opts.maxBytes || SIZE_LIMIT_INLINE_BASE64
+  if (!filePath) return null
+
+  // #ifdef H5
+  try {
+    const res = await fetch(filePath)
+    if (!res.ok) throw new Error('fetch failed: ' + res.status)
+    const blob = await res.blob()
+    if (blob.size > maxBytes) {
+      console.log('[media-upload] fileToBase64: size', blob.size, '> maxBytes', maxBytes, '→ 跳过内联')
+      return null
+    }
+    const dataUri = await new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.onload = () => resolve(reader.result)
+      reader.onerror = () => reject(new Error('FileReader failed'))
+      reader.readAsDataURL(blob)
+    })
+    const m = /^data:([^;,]+);base64,(.*)$/.exec(dataUri)
+    if (!m) throw new Error('unexpected data URI shape: ' + String(dataUri).slice(0, 40))
+    return { data: m[2], size: blob.size, mime: m[1] }
+  } catch (e) {
+    console.warn('[media-upload] fileToBase64 H5 失败:', e)
+    return null
+  }
+  // #endif
+
+  // #ifdef MP-WEIXIN || APP-PLUS
+  try {
+    const fsm = uni.getFileSystemManager()
+    // 1. 探测大小, 超限直接返回 null
+    let size = 0
+    try {
+      const stat = fsm.statSync(filePath)
+      // statSync 在部分平台返回 {size}, 部分返回 {fileSize}, 部分直接是数字
+      size = (stat && (stat.size || stat.fileSize)) || 0
+    } catch (e) {
+      // statSync 失败 (权限/路径) → 直接尝试 readFile, 后端会再校验 size
+      console.warn('[media-upload] fileToBase64 statSync failed, fallback to readFile:', e)
+    }
+    if (size > maxBytes) {
+      console.log('[media-upload] fileToBase64: size', size, '> maxBytes', maxBytes, '→ 跳过内联')
+      return null
+    }
+    // 2. readFile 拿 base64 — 同步 API 简单可靠, base64 在 5MB 文件 ≈ 6.7MB 字符串, 内存可控
+    const data = fsm.readFileSync(filePath, 'base64')
+    return { data, size: size || 0, mime: opts.mimeHint || '' }
+  } catch (e) {
+    console.warn('[media-upload] fileToBase64 uni-app 失败:', e)
+    return null
+  }
+  // #endif
+}
+
+function guessMime(ext) {
+  return EXT_MIME_MAP[ext] || 'application/octet-stream'
+}
+
+export default { uploadImage, uploadMedia }

common/js/merge-theme.js

@@ -0,0 +1,81 @@
+/**
+ * 主题 token 合并工具
+ *
+ * 与 lang.js::applyOverrides 同构(都是"远端扁平覆写 map"按 key 路径合并),
+ * 差异:
+ *   - 主题 token 是"扁平叶子"(如 main_color / bg_color),没有嵌套层级
+ *   - 需要支持"三桶叠加":presetBase(本地预设) < brand(品牌色) < userMode(夜间/浅色)
+ *   - value 是色值字符串(也允许空串 = 显式清空)
+ *
+ * 危险 key 过滤:拦截 __proto__/constructor/prototype,防止恶意覆写污染对象原型链
+ */
+
+const FORBIDDEN_KEYS = new Set(['__proto__', 'constructor', 'prototype']);
+
+/**
+ * 把单层 map 的 keys 过滤掉危险段(白名单:值必须是 string,null/undefined/其它跳过)
+ *  - 输入: 远端扁平 map { 'main_color': '#FF4646', '...': null, ... }
+ *  - 输出: 净化后的 map(只保留 string 值,空串也是合法覆写)
+ */
+export function sanitizeFlatMap(flatMap) {
+	const out = {};
+	if (!flatMap || typeof flatMap !== 'object') return out;
+	for (const key in flatMap) {
+		if (!Object.prototype.hasOwnProperty.call(flatMap, key)) continue;
+		// 危险 key 过滤
+		if (FORBIDDEN_KEYS.has(String(key))) continue;
+		const val = flatMap[key];
+		if (typeof val !== 'string') continue;
+		out[key] = val;
+	}
+	return out;
+}
+
+/**
+ * 合并多桶 map
+ * @param {...object} maps  从低优先级到高优先级依次传入
+ *   例: mergeThemeBuckets(presetBase, brand, dark) = preset 被 brand 覆盖,brand 被 dark 覆盖
+ * @returns {object}
+ */
+export function mergeThemeBuckets(...maps) {
+	const out = {};
+	for (const m of maps) {
+		if (!m || typeof m !== 'object') continue;
+		for (const k in m) {
+			if (!Object.prototype.hasOwnProperty.call(m, k)) continue;
+			if (FORBIDDEN_KEYS.has(String(k))) continue;
+			const v = m[k];
+			if (typeof v !== 'string') continue;
+			out[k] = v;
+		}
+	}
+	return out;
+}
+
+/**
+ * 一站式合并:本地预设(已选中的 theme 子集) + brand 桶 + userMode 桶
+ * @param {object} preset       本地 style_color.js 中选中的 theme(如 'default' 的所有 token)
+ * @param {object} brandOverrides  brand 桶(任何模式都生效)
+ * @param {object} userModeOverrides  userMode 桶(light/dark,叠加在 brand 之上)
+ * @returns {object} { tokens, sources }
+ *   tokens:  最终扁平 map
+ *   sources: 每个 key 的来源(用于调试/可视化) 'preset' | 'brand' | 'userMode'
+ */
+export function composeFinalTokens(preset, brandOverrides, userModeOverrides) {
+	const tokens = {};
+	const sources = {};
+	const presetMap = sanitizeFlatMap(preset);
+	const brandMap  = sanitizeFlatMap(brandOverrides);
+	const modeMap   = sanitizeFlatMap(userModeOverrides);
+
+	for (const k in presetMap) { tokens[k] = presetMap[k]; sources[k] = 'preset'; }
+	for (const k in brandMap)  { tokens[k] = brandMap[k];  sources[k] = 'brand'; }
+	for (const k in modeMap)   { tokens[k] = modeMap[k];   sources[k] = 'userMode'; }
+	return { tokens, sources };
+}
+
+export default {
+	sanitizeFlatMap,
+	mergeThemeBuckets,
+	composeFinalTokens,
+};

common/js/mp-share-default.js

@@ -0,0 +1,291 @@
+/**
+ * 全局兜底分享 mixin
+ *
+ * 仅在微信小程序编译产物中被加载：
+ *   main.js 中的 import + Vue.mixin 调用被 MP-WEIXIN 预处理宏 包住，
+ *   其它平台编译时整个模块不会进入产物，因此文件内部无需再写条件编译。
+ *
+ * 背景：
+ *   - 微信小程序要求每个要支持「转发 / 朋友圈」的页面显式声明 onShareAppMessage / onShareTimeline，
+ *     否则页面右上角"三个点"菜单不会显示"转发"按钮。
+ *   - 本项目之前只有 ~17 个页面声明了分享钩子，剩余页面无法转发。
+ *   - 业务对"全页面都支持转发 + 复制小程序路径"有强诉求。
+ *
+ * 设计原则：
+ *   1. 不侵入现有页面：所有页面通过 Vue.mixin 自动获得默认行为
+ *   2. 已有 onShareAppMessage / onShareTimeline 的页面优先级更高（uni-app 会优先用页面自身的钩子）
+ *   3. 默认分享内容由后端 /weapp/api/weapp/share 按当前路由下发，
+ *      拉取失败时退化到站点名 + 当前路径，避免完全无法分享
+ *   4. 暴露 $mpShare 工具方法（currentPath / copyPath / refresh），
+ *      方便子页面在 onShareAppMessage 中复用 path
+ */
+
+// #ifdef MP-WEIXIN
+const _safeGetCurrentPage = () => {
+    try {
+        const pages = typeof getCurrentPages === 'function' ? getCurrentPages() : [];
+        return pages.length > 0 ? pages[pages.length - 1] : null;
+    } catch (e) {
+        return null;
+    }
+};
+
+/**
+ * 关闭分享能力的页面 route 列表(不带前导斜杠,与 mp-weixin page.route 保持一致)
+ *
+ * 为什么需要:
+ *   mp-share-default.js 通过 Vue.mixin 全局注入 onShareAppMessage / onShareTimeline,
+ *   但有些页面不适合"分享":
+ *     1) webview 容器页: 转发它等于转发一个 iframe 壳,无意义且会暴露内部 src
+ *     2) 隐私弹窗 / 登录中转页: 状态不稳定,转出去体验差
+ *     3) 任何业务明确要求"不分享"的页面
+ *
+ * 命中后行为:
+ *   - mixin 内部不再拉取分享配置(节省一次 HTTP 请求)
+ *   - mixin 注入的 onShareAppMessage / onShareTimeline / $mpShare_* 工具方法仍然存在,
+ *     但内部立即调用 wx.hideShareMenu() 把转发按钮从右上角菜单中隐藏
+ *   - 这两条防线双保险:即使 mixin 钩子被业务侧转发链路误触发,也不会显示分享弹窗
+ *
+ * 备选方案对比(都没选,原因列在下方):
+ *   - 在 created 里 this.onShareAppMessage = undefined:
+ *     Vue mixin 合并策略会把 undefined 视为"未声明",mixin 的钩子仍然生效 → 不可靠
+ *   - mixin 内 return null / 不 return:
+ *     微信会回退到默认 title 转发,按钮仍显示 → 不可靠
+ *   - 使用 wx.hideShareMenu(本方案采用):
+ *     微信官方 API,会立即把"转发"按钮从当前页右上角菜单中隐藏,行为最稳
+ */
+const _DISABLED_PAGES = new Set([
+    'pages_tool/webview/webview', // webview 容器,转发无意义
+]);
+
+const _isCurrentPageDisabled = () => {
+    const page = _safeGetCurrentPage();
+    if (!page) return false;
+    const route = (page.route || (page.$page && page.$page.path) || '').replace(/^\//, '');
+    return _DISABLED_PAGES.has(route);
+};
+
+/**
+ * 主动隐藏当前页的"转发"按钮
+ * - 只能在 mp-weixin 环境调用(其它平台 wx 全局不存在)
+ * - 必须在 onLoad 之后调用(需要 Page 实例已注册完成)
+ * - 失败时静默吞掉(权限/版本/非微信环境都可能导致失败)
+ */
+const _hideShareMenu = () => {
+    try {
+        // #ifdef MP-WEIXIN
+        if (typeof wx !== 'undefined' && typeof wx.hideShareMenu === 'function') {
+            wx.hideShareMenu({
+                menus: ['shareAppMessage', 'shareTimeline']
+            });
+        }
+        // #endif
+    } catch (e) {
+        // 静默:旧基础库可能不支持 menus 参数,降级到无参版本
+        try {
+            // #ifdef MP-WEIXIN
+            if (typeof wx !== 'undefined' && typeof wx.hideShareMenu === 'function') {
+                wx.hideShareMenu();
+            }
+            // #endif
+        } catch (e2) { /* ignore */ }
+    }
+};
+
+const _getCurrentPath = (withQuery = true) => {
+    const page = _safeGetCurrentPage();
+    if (!page) return '';
+    // page.route 在 mp-weixin 上不带前导斜杠、不带 query；page.options 携带 query
+    const route = page.route || (page.$page && page.$page.path) || '';
+    const options = page.options || {};
+    if (!withQuery) return route ? '/' + route.replace(/^\//, '') : '';
+    const query = Object.keys(options)
+        .filter(k => options[k] !== undefined && options[k] !== null && options[k] !== '')
+        .map(k => `${encodeURIComponent(k)}=${encodeURIComponent(options[k])}`)
+        .join('&');
+    return query ? `/${route}?${query}` : `/${route}`;
+};
+
+// 模块级缓存：避免重复请求后端
+let _shareCache = null;
+let _shareCacheAt = 0;
+const SHARE_CACHE_TTL = 60 * 1000; // 60s
+
+const _fetchShareFromServer = (path) => {
+    const Http = require('./http.js').default || require('./http.js');
+    return new Promise((resolve) => {
+        Http.sendRequest({
+            url: '/weapp/api/weapp/share',
+            data: { path },
+            success: (res) => {
+                if (res && res.code >= 0 && res.data && res.data.data) {
+                    resolve(res.data.data);
+                } else {
+                    resolve(null);
+                }
+            },
+            fail: () => resolve(null)
+        });
+    });
+};
+
+const _buildFallback = (path) => ({
+    title: '小程序分享',
+    path,
+    imageUrl: ''
+});
+
+const _getShareConfig = async (path) => {
+    const now = Date.now();
+    if (_shareCache && (now - _shareCacheAt) < SHARE_CACHE_TTL) {
+        return _shareCache;
+    }
+    const cfg = await _fetchShareFromServer(path);
+    _shareCache = cfg || _buildFallback(path);
+    _shareCacheAt = now;
+    return _shareCache;
+};
+
+export default {
+    data() {
+        return {
+            __mpShareCache: null, // 当前页面的分享配置
+        };
+    },
+    /**
+     * 在实例创建阶段检查当前页面是否在 _DISABLED_PAGES 列表中。
+     * 命中后调用 wx.hideShareMenu 把当前页的"转发"按钮从右上角菜单中隐藏。
+     */
+    created() {
+        try {
+            if (_isCurrentPageDisabled()) {
+                // 立即隐藏(此时 wx 还没完全就绪,先尝试一次;失败也无所谓,onLoad 会再调一次)
+                _hideShareMenu();
+            }
+        } catch (e) {}
+    },
+    onLoad() {
+        try {
+            if (_isCurrentPageDisabled()) {
+                // 命中关闭列表的页面:
+                // 1) 再次调 wx.hideShareMenu(此时 Page 已就绪,稳定生效)
+                // 2) 不再拉取分享配置,避免无谓请求
+                _hideShareMenu();
+                return;
+            }
+            const path = _getCurrentPath(true);
+            _getShareConfig(path).then(cfg => {
+                // 后端未返回配置时,注入站点名作为默认标题
+                if (cfg && !cfg.title) {
+                    const siteName = (this.$store && this.$store.state && this.$store.state.siteInfo && this.$store.state.siteInfo.site_name) || '';
+                    cfg.title = siteName || '小程序分享';
+                }
+                this.__mpShareCache = cfg;
+            });
+        } catch (e) {}
+    },
+    onShow() {
+        // 兜底:进入页面后如果尚未就绪,再异步拉一次
+        if (this.__mpShareCache) return;
+        if (_isCurrentPageDisabled()) return; // 命中关闭列表,不再拉
+        try {
+            const path = _getCurrentPath(true);
+            _getShareConfig(path).then(cfg => {
+                this.__mpShareCache = cfg;
+            });
+        } catch (e) {}
+    },
+    /**
+     * 全局默认 onShareAppMessage:
+     *   uni-app 规范:组件自身的钩子优先级 > mixin,因此已显式声明的页面不受影响。
+     */
+    onShareAppMessage() {
+        // 命中禁用列表的页面:即使 wx.hideShareMenu 因某些原因没生效,
+        // 这里直接 return undefined / 也不主动拼 cfg,让微信回退到默认行为
+        // (主防线是 wx.hideShareMenu,这里只是兜底)
+        if (_isCurrentPageDisabled()) {
+            return undefined;
+        }
+        const cfg = this.__mpShareCache;
+        if (cfg && cfg.title) {
+            return {
+                title: cfg.title,
+                path: cfg.path,
+                imageUrl: cfg.imageUrl || ''
+            };
+        }
+        // 后端无配置时:使用站点名 + 当前路径
+        return {
+            title: _buildFallback(_getCurrentPath(true)).title,
+            path: _getCurrentPath(true)
+        };
+    },
+    /**
+     * 全局默认 onShareTimeline(朋友圈):
+     *   朋友圈只支持 query(不能直接传 path),从 cfg.path 中抽取 ? 之后的 query。
+     */
+    onShareTimeline() {
+        if (_isCurrentPageDisabled()) {
+            return undefined;
+        }
+        const cfg = this.__mpShareCache;
+        if (cfg && cfg.title) {
+            const path = cfg.path || _getCurrentPath(true);
+            const query = path.indexOf('?') > 0 ? path.split('?')[1] : path;
+            return {
+                title: cfg.title,
+                query,
+                imageUrl: cfg.imageUrl || ''
+            };
+        }
+        const path = _getCurrentPath(true);
+        const query = path.indexOf('?') > 0 ? path.split('?')[1] : '';
+        return {
+            title: _buildFallback(path).title,
+            query
+        };
+    },
+    methods: {
+        /**
+         * 获取当前小程序页面路径（含 query）
+         */
+        $mpShare_currentPath() {
+            return _getCurrentPath(true);
+        },
+        /**
+         * 刷新当前页分享配置（用于页面参数变更后想重置转发 path 的场景）
+         */
+        $mpShare_refresh() {
+            _shareCache = null;
+            _shareCacheAt = 0;
+            return _getShareConfig(_getCurrentPath(true)).then(cfg => {
+                this.__mpShareCache = cfg;
+                return cfg;
+            });
+        },
+        /**
+         * 复制当前页面小程序路径到剪贴板
+         *   微信小程序没有"页面 URL"概念，仅可复制形如：
+         *     pages/goods/detail?id=123&source_member=xx
+         *   的小程序内部路径，便于分享者在聊天里粘贴。
+         *   优先复用 util.copyCurrentPath。
+         */
+        $mpShare_copyPath() {
+            const path = _getCurrentPath(true);
+            const text = path.replace(/^\//, ''); // 去掉前导斜杠
+            if (this.$util && typeof this.$util.copyCurrentPath === 'function') {
+                return this.$util.copyCurrentPath({});
+            }
+            // util.copyCurrentPath 不存在（极端情况：util 模块未加载）时直接调 uni API
+            return new Promise((resolve, reject) => {
+                uni.setClipboardData({
+                    data: text,
+                    success: () => resolve(text),
+                    fail: (err) => reject(err)
+                });
+            });
+        }
+    }
+};
+
+// #endif

common/js/navigation.js

@@ -0,0 +1,286 @@
+import { EventSafety } from '@/common/js/event-safety.js'
+import util from '@/common/js/util.js'
+import Lang from '@/common/js/lang.js'
+
+export class NavigationHelper {
+  constructor() {
+    this.navigationCache = new Map()
+  }
+
+  // 安全地获取导航栏高度
+  async getNavigationHeight(component, options = {}) {
+    const cacheKey = `nav_height`
+
+    // 检查缓存
+    if (this.navigationCache.has(cacheKey) && !options.forceRefresh) {
+      return this.navigationCache.get(cacheKey)
+    }
+
+    // 获取高度
+    try {
+      // 尝试直接获取 uni-page-head
+      const height = await this.getDirectNavigationHeight(component)
+      if (height > 0) {
+        this.navigationCache.set(cacheKey, height)
+        return height
+      }
+      
+      // 备用方案：平台特定方法
+      const platformHeight = await this.getPlatformNavigationHeight()
+      this.navigationCache.set(cacheKey, platformHeight)
+      return platformHeight
+    } catch (error) {
+      console.warn('获取导航栏高度失败，使用默认值:', error)
+      const defaultHeight = this.getDefaultNavHeight()
+      this.navigationCache.set(cacheKey, defaultHeight)
+      return defaultHeight
+    }
+  }
+  
+  // 直接查询导航栏高度
+  getDirectNavigationHeight(component) {
+    return new Promise((resolve) => {
+      const query = uni.createSelectorQuery().in(component)
+      
+      query.select('.uni-page-head').boundingClientRect((rect) => {
+        if (rect && rect.height > 0) {
+          resolve(rect.height)
+        } else {
+          console.warn('未找到 uni-page-head 元素或高度为0')
+          resolve(0)
+        }
+      }).exec()
+    })
+  }
+  
+  // 平台特定的高度获取
+  getPlatformNavigationHeight() {
+    return new Promise((resolve) => {
+      // #ifdef MP-WEIXIN
+      // 微信小程序精确计算
+      try {
+        const menuButtonInfo = wx.getMenuButtonBoundingClientRect()
+        let systemInfo = util.getDeviceInfo();
+        
+        const height = menuButtonInfo.bottom + 
+                      (menuButtonInfo.top - systemInfo.statusBarHeight)
+        resolve(height)
+      } catch (error) {
+        console.error('微信小程序高度计算失败:', error)
+        resolve(44)
+      }
+
+      // #endif
+      
+      // #ifdef H5
+      // H5环境：尝试获取自定义导航栏或使用默认值
+      if (typeof document !== 'undefined') {
+        const customNav = document.querySelector('.uni-page-head')
+        if (customNav) {
+          resolve(customNav.offsetHeight)
+        } else {
+          resolve(44) // 默认导航栏高度
+        }
+      } else {
+        resolve(44)
+      }
+      // #endif
+      
+      // #ifdef APP-PLUS
+      // App端：状态栏 + 导航栏
+      try {
+        const statusBarHeight = plus.navigator.getStatusbarHeight()
+        resolve(statusBarHeight + 44)
+      } catch (error) {
+        console.error('App端高度获取失败:', error)
+        resolve(88)
+      }
+      // #endif
+      
+      // 默认值
+      resolve(44)
+    })
+  }
+  
+  // 获取默认高度
+  getDefaultHeight() {
+    // #ifdef MP-WEIXIN
+    return 44 // 微信小程序默认
+    // #endif
+    // #ifdef H5
+    return 44 // H5默认
+    // #endif
+    // #ifdef APP-PLUS
+    return 88 // App默认（状态栏44 + 导航栏44）
+    // #endif
+    return 44
+  }
+  
+  // 获取状态栏高度
+  getStatusBarHeight() {
+    // #ifdef MP-WEIXIN
+    let systemInfo = util.getDeviceInfo();
+    return systemInfo.statusBarHeight || 20
+    // #endif
+    // #ifdef H5
+    return 0 // H5通常没有状态栏
+    // #endif
+    // #ifdef APP-PLUS
+    try {
+      return plus.navigator.getStatusbarHeight()
+    } catch (error) {
+      return 44
+    }
+    // #endif
+    return 0
+  }
+
+  // 获取安全区域
+  getSafeAreaInsets() {
+    try {
+      let systemInfo = util.getDeviceInfo();
+      return systemInfo.safeArea || {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0
+      }
+    } catch (error) {
+      return {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0
+      }
+    }
+  } 
+
+  // 创建安全的事件处理器
+  createSafeEventHandler(handler, options = {}) {
+    return EventSafety.wrapEventHandler(handler, options)
+  }  
+
+  // 安全地处理服务请求事件
+  createServiceRequestHandler(component) {
+    return this.createSafeEventHandler((event) => {
+      return this.handleServiceRequest(event, component)
+    }, {
+      onError: (error, event) => {
+        this.handleNavigationError(error, event, component)
+      }
+    })
+  }  
+
+  // 处理服务请求
+  async handleServiceRequest(event, component) {
+    
+    // 安全检查事件目标
+    if (this.shouldProcessNavigationRequest(event)) {
+      await this.processNavigationRequest(event, component)
+    }
+  }
+  
+  // 检查是否应该处理导航请求
+  shouldProcessNavigationRequest(event) {
+    // 方法1：检查事件类型
+    if (event.type === 'service.requestComponentInfo') {
+      return true
+    }
+    
+    // 方法2：检查目标元素
+    if (event.matches('.navigation-component') || event.matches('.uni-page-head')) {
+      return true
+    }
+    
+    // 方法3：检查事件详情
+    if (event.detail && event.detail.componentType === 'navigation') {
+      return true
+    }
+    
+    return false
+  }
+  
+  // 处理导航请求
+  async processNavigationRequest(event, component) {
+    try {
+      // 获取导航栏信息
+      const navInfo = await this.getNavigationInfo(component)
+      
+      // 发送响应
+      this.emitNavigationResponse(navInfo, component)
+      
+    } catch (error) {
+      console.error('处理导航请求失败:', error)
+      throw error
+    }
+  }  
+  
+
+  // 获取完整的导航信息
+  async getNavigationInfo(component) {
+    const [navHeight, statusBarHeight, safeArea] = await Promise.all([
+      this.getNavigationHeight(component),
+      this.getStatusBarHeight(),
+      this.getSafeAreaInsets()
+    ])
+    
+    return {
+      navHeight,
+      statusBarHeight,
+      safeArea,
+      timestamp: Date.now()
+    }
+  }
+  
+  // 发送导航响应
+  emitNavigationResponse(navInfo, component) {
+    if (component && component.$emit) {
+      component.$emit('navigation.infoResponse', {
+        success: true,
+        data: navInfo,
+        timestamp: Date.now()
+      })
+    }
+  }  
+
+  // 错误处理
+  handleNavigationError(error, event, component) {
+    console.error('导航处理错误:', {
+      error: error.message,
+      eventType: event?.type,
+      component: component?.$options?.name
+    })
+    
+    // 发送错误响应
+    if (component && component.$emit) {
+      component.$emit('navigation.infoError', {
+        success: false,
+        error: error.message,
+        timestamp: Date.now()
+      })
+    }
+    
+    // 显示用户友好的错误信息
+    this.showError(Lang.lang('common.navigation.serviceUnavailable'))
+  }
+  
+  // 显示错误提示
+  showError(message) {
+    uni.showToast({
+      title: message,
+      icon: 'none',
+      duration: 2000
+    })
+  }  
+  
+  // 清理缓存
+  clearCache() {
+    this.navigationCache.clear()
+  }
+  
+}
+
+// 创建全局实例
+const navigationHelper = new NavigationHelper()
+
+export default navigationHelper

common/js/platform.js

@@ -0,0 +1,229 @@
+/**
+ * 统一平台检测模块
+ * 消除分散在 http.js, util.js, event-bus.js, customer-service.js 中的重复平台检测代码
+ */
+
+let cachedPlatform = null;
+let cachedAppType = null;
+let cachedAppTypeName = null;
+
+// 延迟加载 lang 模块,避免与 lang.js 形成循环依赖
+// (lang.js 顶部 import 了 Platform,所以 platform.js 不能顶部 import lang)
+function _getLang() {
+	try {
+		return require('@/common/js/lang.js').default;
+	} catch (e) {
+		return null;
+	}
+}
+
+function _t(key, fallback) {
+	const lang = _getLang();
+	if (lang && typeof lang.lang === 'function') {
+		const result = lang.lang(key);
+		// lang() 在找不到 key 时会返回 key 本身(开发环境)或空串(生产环境)
+		if (result && result !== key) {
+			return result;
+		}
+	}
+	return fallback;
+}
+
+export const Platform = {
+	/**
+	 * 检测当前运行平台
+	 * @returns {string} 平台标识
+	 */
+	detect() {
+		if (cachedPlatform) {
+			return cachedPlatform;
+		}
+
+		// #ifdef H5
+		cachedPlatform = 'h5';
+		// #endif
+
+		// #ifdef MP-WEIXIN
+		cachedPlatform = 'weapp';
+		// #endif
+
+		// #ifdef MP-ALIPAY
+		cachedPlatform = 'alipay';
+		// #endif
+
+		// #ifdef MP-BAIDU
+		cachedPlatform = 'baidu';
+		// #endif
+
+		// #ifdef MP-TOUTIAO
+		cachedPlatform = 'toutiao';
+		// #endif
+
+		// #ifdef MP-QQ
+		cachedPlatform = 'qq';
+		// #endif
+
+		// #ifdef MP-KUAISHOU
+		cachedPlatform = 'kuaishou';
+		// #endif
+
+		// #ifdef MP-HARMONY
+		cachedPlatform = 'harmony';
+		// #endif
+
+		// #ifdef MP-JD
+		cachedPlatform = 'jd';
+		// #endif
+
+		// #ifdef MP-360
+		cachedPlatform = '360';
+		// #endif
+
+		// #ifdef MP-XHS
+		cachedPlatform = 'xhs';
+		// #endif
+
+		// #ifdef APP-PLUS
+		cachedPlatform = 'app';
+		// #endif
+
+		// #ifdef PC
+		cachedPlatform = 'pc';
+		// #endif
+
+		if (!cachedPlatform) {
+			cachedPlatform = 'unknown';
+		}
+
+		return cachedPlatform;
+	},
+
+	/**
+	 * 获取平台类型标识 (用于API请求)
+	 * @returns {string} app_type 值
+	 */
+	getAppType() {
+		if (cachedAppType) {
+			return cachedAppType;
+		}
+
+		const platform = this.detect();
+
+		// #ifdef H5
+		if (platform === 'h5') {
+			cachedAppType = this.isWeiXin() ? 'wechat' : 'h5';
+			return cachedAppType;
+		}
+		// #endif
+
+		const platformMap = {
+			weapp: 'weapp',
+			alipay: 'aliapp',
+			baidu: 'baiduapp',
+			toutiao: 'MP-TOUTIAO',
+			qq: 'MP-QQ',
+			kuaishou: 'kuaishou',
+			jd: 'jd',
+			'360': '360',
+			xhs: 'xhs',
+			harmony: 'harmony',
+			app: 'app',
+			pc: 'pc'
+		};
+
+		cachedAppType = platformMap[platform] || 'unknown';
+		return cachedAppType;
+	},
+
+	/**
+	 * 获取平台类型名称 (用于显示)
+	 * @returns {string} app_type_name 值
+	 */
+	getAppTypeName() {
+		if (cachedAppTypeName) {
+			return cachedAppTypeName;
+		}
+
+		const platform = this.detect();
+
+		// #ifdef H5
+		if (platform === 'h5') {
+			cachedAppTypeName = this.isWeiXin()
+				? _t('common.platform.wechatOfficialAccount', '微信公众号')
+				: _t('common.platform.h5', 'H5');
+			return cachedAppTypeName;
+		}
+		// #endif
+
+		const platformNameMap = {
+			weapp: _t('common.platform.wechatMiniProgram', '微信小程序'),
+			alipay: _t('common.platform.alipayMiniProgram', '支付宝小程序'),
+			baidu: _t('common.platform.baiduMiniProgram', '百度小程序'),
+			toutiao: _t('common.platform.toutiaoMiniProgram', '头条小程序'),
+			qq: _t('common.platform.qqMiniProgram', 'QQ小程序'),
+			kuaishou: _t('common.platform.kuaishouMiniProgram', '快手小程序'),
+			jd: _t('common.platform.jdMiniProgram', '京东小程序'),
+			'360': _t('common.platform.miniProgram360', '360小程序'),
+			xhs: _t('common.platform.xhsMiniProgram', '小红书小程序'),
+			harmony: _t('common.platform.harmonyService', '鸿蒙元服务'),
+			app: _t('common.platform.app', 'APP'),
+			pc: _t('common.platform.pc', 'PC端'),
+		};
+
+		cachedAppTypeName = platformNameMap[platform] || _t('common.platform.unknown', '未知平台');
+		return cachedAppTypeName;
+	},
+
+	/**
+	 * 判断是否运行在微信浏览器中 (H5环境)
+	 * @returns {boolean}
+	 */
+	isWeiXin() {
+		// #ifdef H5
+		return navigator.userAgent.toLowerCase().includes('micromessenger');
+		// #endif
+		return false;
+	},
+
+	/**
+	 * 判断是否是小程序环境
+	 * @returns {boolean}
+	 */
+	isMiniProgram() {
+		const platform = this.detect();
+		const miniProgramPlatforms = ['weapp', 'alipay', 'baidu', 'toutiao', 'qq', 'kuaishou', 'jd', '360', 'xhs', 'harmony'];
+		return miniProgramPlatforms.includes(platform);
+	},
+
+	/**
+	 * 判断是否是移动端 (小程序或H5或APP)
+	 * @returns {boolean}
+	 */
+	isMobile() {
+		const platform = this.detect();
+		return platform !== 'pc' && platform !== 'unknown';
+	},
+
+	/**
+	 * 获取完整的平台信息对象
+	 * @returns {Object} 包含 platform, appType, appTypeName
+	 */
+	getPlatformInfo() {
+		return {
+			platform: this.detect(),
+			appType: this.getAppType(),
+			appTypeName: this.getAppTypeName()
+		};
+	},
+
+	/**
+	 * 清除缓存 (用于测试或需要重新检测的场景)
+	 */
+	clearCache() {
+		cachedPlatform = null;
+		cachedAppType = null;
+		cachedAppTypeName = null;
+	}
+};
+
+export default Platform;

common/js/privacy.js

@@ -0,0 +1,993 @@
+/**
+ * 全局隐私协议管理器（单例）
+ *
+ * 职责:
+ *   1. 统一判断是否需要弹窗（storage + 平台级隐私状态）
+ *   2. 通过 uni.$emit('privacy:show') 通知当前页面的 privacy-popup 组件弹窗
+ *   3. 用户同意后写 storage，拒绝后不写（允许下次再弹）
+ *   4. 只弹一次：同意后永不再弹
+ *   5. 事件补偿：若 emit 时无监听者，保留 _pendingShow，页面 mounted 时补偿弹窗
+ *
+ * 平台差异:
+ *   H5: 仅查 storage
+ *   微信小程序: wx.getPrivacySetting() 查平台级隐私状态
+ *   鸿蒙元服务: has.getPrivacySetting() 查平台级隐私状态
+ *
+ * 事件:
+ *   uni.$emit('privacy:show')      — 通知当前页面组件弹窗
+ *   uni.$emit('privacy:agreed')    — 用户已同意
+ *   uni.$emit('privacy:disagreed') — 用户已拒绝
+ *   uni.$emit('privacy:closeOthers') — 通知其他页面关闭弹窗
+ *   uni.$emit('privacy:rules-updated') — URL/路由规则被应用/融合后触发 (远程下发后热更新)
+ *
+ * 使用:
+ *   App.vue onLaunch (boot完成后): await PrivacyManager.show()
+ *   privacy-popup.vue: mounted 中 uni.$on('privacy:show') + popPendingShow() 补偿
+ *   privacy-popup.vue: handleAgree 中 PrivacyManager.agree()
+ *   privacy-popup.vue: handleDisagree 中 PrivacyManager.disagree()
+ */
+
+const STORAGE_KEY = 'privacyAgreed';
+
+// 内部状态
+let _needShow = false;          // 是否需要弹窗
+let _hasChecked = false;        // 是否已执行过 check
+let _pendingShow = false;        // emit 时无监听者的补偿标志
+// URL/路由规则已经做过决策 (避免鸿蒙兜底在白名单模式下错误弹窗)
+let _urlRuleDecided = false;
+
+// ============================================================
+// 弹窗"实际显示"状态 (由 privacy-popup 通过 privacy:popup-state 事件同步)
+// 关键: _pendingShow 会被 consumePendingShow 清零, 不能代表"实际显示"
+// 双阶段弹窗重评估要用这个真实状态判断
+let _popupActuallyShowing = false
+
+// ============================================================
+/**
+ * 同步读取 storage + 平台决策 (H5 + 不依赖 storage 的情况)
+ * 用于"已同意过"的快速路径, 不走 async checkPrivacy
+ * @returns {{needAuthorization: boolean, fromCache: boolean}}
+ */
+function checkPrivacySync() {
+	// H5 + 其他非微信/快应用/鸿蒙平台: storage 决定一切
+	const storageAgreed = getStorageAgreed()
+	return {
+		needAuthorization: !storageAgreed,
+		fromCache: storageAgreed,
+	}
+}
+
+// URL/路由级别隐私弹窗规则
+// mode:
+//   'all'  - 始终走弹窗检查(默认, 向后兼容)
+//   'only' - 白名单: 只有命中 patterns 的页面才走弹窗检查, 其他场景一律跳过
+//   'skip' - 黑名单: 命中 patterns 的页面跳过弹窗, 其他场景走弹窗检查
+// 匹配方式: 子串匹配
+//   H5:           pathname + search + hash
+//   小程序/鸿蒙:   当前页面 route + query
+// patterns 为空数组时:
+//   'all'  → 无规则, 走弹窗检查
+//   'only' → 视为"没有需要弹窗的页面", 一律跳过
+//   'skip' → 视为"没有需要跳过的页面", 全部走弹窗检查
+// ============================================================
+const PRIVACY_URL_RULES = {
+	mode: 'all',
+	patterns: [],
+}
+
+/**
+ * 读取 storage 中的同意状态
+ */
+function getStorageAgreed() {
+	try {
+		return !!uni.getStorageSync(STORAGE_KEY);
+	} catch (e) {
+		return false;
+	}
+}
+
+/**
+ * 微信小程序: 查询平台级隐私设置
+ * @returns {Promise<{needAuthorization: boolean, privacyContractName?: string}>}
+ */
+function getWxPrivacySetting() {
+	return new Promise((resolve) => {
+		// #ifdef MP-WEIXIN
+		try {
+			if (wx.getPrivacySetting) {
+				wx.getPrivacySetting({
+					success: (res) => {
+						resolve({
+							needAuthorization: !!res.needAuthorization,
+							privacyContractName: res.privacyContractName || ''
+						});
+					},
+					fail: () => resolve({ needAuthorization: !getStorageAgreed() })
+				});
+			} else {
+				// 低版本基础库，回退到 storage
+				resolve({ needAuthorization: !getStorageAgreed() });
+			}
+		} catch (e) {
+			resolve({ needAuthorization: !getStorageAgreed() });
+		}
+		// #endif
+		// #ifndef MP-WEIXIN
+		resolve({ needAuthorization: !getStorageAgreed() });
+		// #endif
+	});
+}
+
+/**
+ * 快应用: 查询平台级隐私设置
+ * @returns {Promise<{needAuthorization: boolean, privacyContractName?: string}>}
+ */
+function getQuickAppPrivacySetting() {
+	return new Promise((resolve) => {
+		// #ifdef QUICKAPP-WEBVIEW
+		try {
+			const has = require('@system.has');
+			if (has && has.getPrivacySetting) {
+				has.getPrivacySetting({
+					success: (res) => {
+						resolve({
+							needAuthorization: !!res.needAuthorization,
+							privacyContractName: res.privacyContractName || ''
+						});
+					},
+					fail: () => resolve({ needAuthorization: !getStorageAgreed() })
+				});
+				return;
+			}
+		} catch (e) {}
+		// #endif
+		// 非快应用环境: 仅查 storage
+		resolve({ needAuthorization: !getStorageAgreed() });
+	});
+}
+
+/**
+ * 鸿蒙元服务: 已接入平台隐私托管, 应用层不再调任何系统 API
+ * 仅为兼容历史代码保留此函数 (被 checkPrivacy() 调用), 内部只走 storage 路径
+ * @returns {Promise<{needAuthorization: boolean}>}
+ */
+function getHarmonyPrivacySetting() {
+	return new Promise((resolve) => {
+		resolve({ needAuthorization: !getStorageAgreed() });
+	});
+}
+
+/**
+ * 综合查询: 平台级隐私状态 + storage 状态
+ * 任一判断为"需要授权"则弹窗
+ * @returns {Promise<{needAuthorization: boolean, privacyContractName?: string}>}
+ */
+async function checkPrivacy() {
+	// 微信小程序: 调 wx.getPrivacySetting
+	// 注意: uniapp 不支持 #ifndef 多 || 与嵌套 #ifndef,
+	// 改用回退策略 - 仅微信走异步 API, 其他平台走 sync checkPrivacySync()
+	// 调用方 (show) 已经对 storage 已同意做了 sync 短路 (参见 checkPrivacySync()),
+	// 这里只处理 storage 未同意情况下的 async API 调用。
+	// #ifdef MP-WEIXIN
+	if (typeof wx !== 'undefined' && wx.getPrivacySetting) {
+		return await getWxPrivacySetting();
+	}
+	// #endif
+
+	// 快应用: 调 has.getPrivacySetting
+	// #ifdef QUICKAPP-WEBVIEW
+	if (typeof has !== 'undefined' && has.getPrivacySetting) {
+		return await getQuickAppPrivacySetting();
+	}
+	// #endif
+
+	// 鸿蒙元服务: 调系统 getPrivacySetting (无 API 时 getHarmonyPrivacySetting 内部回退 storage)
+	// H5 / 其他平台: 仅查 storage
+	return checkPrivacySync();
+}
+
+/**
+ * 取当前页面的"路径字符串"
+ *   H5:           location.pathname + search + hash
+ *   微信小程序:   当前页面 route + query (例: pages/index/index?id=1)
+ *   鸿蒙元服务:   当前页面 route + query (同小程序)
+ * @param {Object} [fallback] - 兜底路径, 用于 onLaunch 等还没 getCurrentPages 的时机
+ *   H5:           { pathname, search, hash }
+ *   小程序/鸿蒙:   { route, query }
+ * @returns {string}
+ */
+function getCurrentPathString(fallback) {
+	// H5
+	// #ifdef H5
+	// H5 模式下优先用 getCurrentPages() 拿 uniapp route (history/hash 都适配)
+	// 兜底: window.location.pathname + search + hash
+	try {
+		if (typeof getCurrentPages === 'function') {
+			const pages = getCurrentPages()
+			const cur = pages[pages.length - 1]
+			if (cur && cur.route) {
+				const route = cur.route
+				const query = cur.options
+				let queryStr = ''
+				if (query && typeof query === 'object' && Object.keys(query).length) {
+					queryStr = '?' + Object.keys(query)
+						.filter(k => query[k] !== undefined && query[k] !== null && query[k] !== '')
+						.map(k => k + '=' + encodeURIComponent(query[k]))
+						.join('&')
+				}
+				return '/' + String(route).replace(/^\/+/, '') + queryStr
+			}
+		}
+	} catch (e) { /* ignore, fall through to location */ }
+	// 兜底: window.location (含 history 路由 + base)
+	if (typeof window !== 'undefined' && window.location) {
+		const pathname = (fallback && fallback.pathname) || window.location.pathname || ''
+		const search = (fallback && fallback.search !== undefined ? fallback.search : window.location.search) || ''
+		const hash = (fallback && fallback.hash !== undefined ? fallback.hash : window.location.hash) || ''
+		return pathname + search + hash
+	}
+	return ''
+	// #endif
+
+	// 微信小程序 / 鸿蒙元服务 / 其他支持 getCurrentPages 的端
+	// #ifndef H5
+	try {
+		const pages = (typeof getCurrentPages === 'function') ? getCurrentPages() : []
+		let route = ''
+		let query = null
+		const cur = pages[pages.length - 1]
+		if (cur) {
+			route = cur.route || ''
+			query = cur.options
+		}
+		// 兜底: onLaunch 时 getCurrentPages 还没页面, 用 fallback
+		if (!route && fallback) {
+			route = fallback.route || ''
+			query = fallback.query
+		}
+		if (!route) return ''
+		let queryStr = ''
+		if (query && typeof query === 'object' && Object.keys(query).length) {
+			queryStr = '?' + Object.keys(query)
+				.filter(k => query[k] !== undefined && query[k] !== null && query[k] !== '')
+				.map(k => k + '=' + encodeURIComponent(query[k]))
+				.join('&')
+		}
+		return '/' + String(route).replace(/^\/+/, '') + queryStr
+	} catch (e) {
+		return ''
+	}
+	// #endif
+}
+
+/**
+ * 判断 path 是否命中 patterns 之一
+ *   匹配规则 (双通道, 任一命中即算命中):
+ *     1. 子串匹配: path.indexOf(p) !== -1  (兼容 /pages/index/index 这种完整路径)
+ *     2. 结尾匹配: path 以 p 结尾            (兼容 subPackage 路径 /pages_tool/member/index 命中 "member/index")
+ *   这样业务侧既可以写完整路径也可以写相对路径
+ */
+function matchAny(path, patterns) {
+	if (!path || !Array.isArray(patterns)) return false
+	return patterns.some((p) => {
+		if (!p || typeof p !== 'string') return false
+		return path.indexOf(p) !== -1 || path.endsWith(p)
+	})
+}
+
+/**
+ * 根据 PRIVACY_URL_RULES 判断当前 URL/路由是否要走弹窗检查
+ * @param {Object} [fallback] - 传给 getCurrentPathString 的兜底路径
+ * @returns {boolean} true=本次应走弹窗检查, false=本次跳过
+ */
+function shouldShowByUrlRule(fallback) {
+	const mode = PRIVACY_URL_RULES.mode || 'all'
+	const patterns = PRIVACY_URL_RULES.patterns || []
+	if (!Array.isArray(patterns) || !patterns.length) {
+		// 空 patterns 时:
+		//   'all'  → 无规则, 走检查
+		//   'only' → 没有需要弹窗的页面, 一律跳过
+		//   'skip' → 没有需要跳过的页面, 全部走检查
+		return mode === 'all' || mode === 'skip'
+	}
+	const path = getCurrentPathString(fallback)
+	const hit = matchAny(path, patterns)
+	if (mode === 'only') return hit
+	if (mode === 'skip') return !hit
+	return true // mode === 'all'
+}
+
+/**
+ * 覆盖 URL/路由级别隐私弹窗规则
+ * @param {Object} rules
+ * @param {'all'|'only'|'skip'} [rules.mode='all']
+ * @param {string[]} [rules.patterns=[]]
+ */
+function setUrlRules(rules) {
+	if (!rules || typeof rules !== 'object') return
+	if (rules.mode && ['all', 'only', 'skip'].indexOf(rules.mode) !== -1) {
+		PRIVACY_URL_RULES.mode = rules.mode
+	}
+	if (Array.isArray(rules.patterns)) {
+		PRIVACY_URL_RULES.patterns = rules.patterns.slice()
+	}
+}
+
+/**
+ * 持久化键 (与 privacyAgreed 同维度, 方便 uniacid 隔离)
+ * 由 App.vue 在 setUrlRules 前注入前缀: privacy_url_rules_<uniacid>
+ */
+let _storageKey = 'privacy_url_rules'
+
+/**
+ * 从 storage 读取上次持久化的最终规则
+ *   自动过滤 __merge/__source/__ts 元信息, 仅返回纯规则
+ * @returns {Object|null}
+ */
+function loadPersistedRules() {
+	try {
+		const raw = uni.getStorageSync(_storageKey)
+		if (!raw) return null
+		const obj = (typeof raw === 'string') ? JSON.parse(raw) : raw
+		if (!obj || typeof obj !== 'object') return null
+		// 过滤元信息
+		return {
+			mode: obj.mode,
+			patterns: Array.isArray(obj.patterns) ? obj.patterns.slice() : [],
+		}
+	} catch (e) {
+		return null
+	}
+}
+
+/**
+ * 持久化当前最终规则
+ *   携带 merge 字段 + 时间戳 + 签名, 方便后续热修复/审计/防篡改
+ * @param {Object} rules
+ * @param {Object} [meta] - { merge?: string, source?: string, sign?: string }
+ */
+function persistRules(rules, meta) {
+	try {
+		const final = Object.assign({}, rules || PRIVACY_URL_RULES, {
+			__merge: (meta && meta.merge) || (rules && rules.__merge) || 'replace',
+			__source: (meta && meta.source) || 'base',
+			__ts: Date.now(),
+			__sign: (meta && meta.sign) || (rules && rules.__sign) || '',
+		})
+		uni.setStorageSync(_storageKey, final)
+	} catch (e) {}
+}
+
+/**
+ * 计算远程 patch 的签名 (前端简易实现, 与后端 hash_hmac 对齐)
+ * 后端约定: hash_hmac('sha256', JSON.stringify(patch), secret)
+ * 前端: 用 btoa 或 uni.arrayBufferToBase64 模拟 (弱校验, 防简单篡改)
+ * 真正的强校验建议用 crypto-js (引入成本)
+ * @param {Object} patch - 远程下发对象
+ * @param {string} secret
+ * @returns {string}
+ */
+function computeSign(patch, secret) {
+	if (!secret || !patch) return ''
+	try {
+		const payload = JSON.stringify(patch)
+		let _b64 = ''
+		if (typeof btoa === 'function') {
+			_b64 = btoa(payload)
+		} else if (typeof uni !== 'undefined' && typeof uni.arrayBufferToBase64 === 'function') {
+			const _encoder = (typeof TextEncoder !== 'undefined') ? new TextEncoder() : null
+			if (_encoder) {
+				_b64 = uni.arrayBufferToBase64(_encoder.encode(payload).buffer)
+			}
+		}
+		if (!_b64) return ''
+		// 取前 32 位作为 signature (与 lang-loader.js validateSign 保持一致)
+		return _b64.replace(/[^a-zA-Z0-9]/g, '').slice(0, 32)
+	} catch (e) {
+		return ''
+	}
+}
+
+/**
+ * 校验远程 patch
+ *   - signSecret 未配置 → 通过 (向后兼容)
+ *   - patch.sign 缺失   → 通过 (后端未启用签名)
+ *   - patch.sign 不匹配 → 拒绝 (返回 false)
+ * @param {Object} patch - 远程下发 { mode, patterns, merge, sign? }
+ * @returns {boolean}
+ */
+function verifyRemotePatch(patch) {
+	if (!patch || typeof patch !== 'object') return false
+	// 业务侧未配置密钥 → 跳过校验
+	if (!_signSecret) return true
+	// patch 未带 sign 字段 → 后端未启用签名, 跳过校验 (兼容旧版本后端)
+	if (!patch.sign) return true
+	const expected = computeSign(patch, _signSecret)
+	const ok = (expected && expected === patch.sign)
+	if (!ok) {
+		console.warn('[privacy] remote patch sign invalid', {
+			expected: expected.slice(0, 8),
+			received: String(patch.sign).slice(0, 8),
+		})
+	}
+	return ok
+}
+
+/**
+ * 合并本地 base 与远程 patch
+ *   mode:
+ *     patch.mode 缺失/非合法值 → 用 base.mode
+ *     patch.mode 合法           → 用 patch.mode (远程覆盖)
+ *   patterns:
+ *     merge = 'replace'  → 用 patch.patterns (远程整体替换, 默认)
+ *     merge = 'union'    → base + patch 去重合并 (子串匹配: 较长的子串已包含较短, 保留较长)
+ *     merge = 'intersect'→ 仅保留同时出现在 base 和 patch 的项
+ *     merge 缺失/未知     → 退化为 'replace'
+ *   patch.patterns 缺失/非数组 → 用 base.patterns
+ *
+ * @param {Object} base   - 本地声明的基础规则 { mode, patterns }
+ * @param {Object} patch  - 远程下发的补丁 { mode?, patterns?, merge? }
+ * @returns {{ mode: string, patterns: string[], merge: string }}
+ */
+function mergeRules(base, patch) {
+	const baseMode = (base && base.mode) || 'all'
+	const basePatterns = (base && Array.isArray(base.patterns)) ? base.patterns.slice() : []
+
+	if (!patch || typeof patch !== 'object') {
+		return { mode: baseMode, patterns: basePatterns, merge: 'replace' }
+	}
+
+	// mode: 远程值合法则覆盖
+	let mode = baseMode
+	if (patch.mode && ['all', 'only', 'skip'].indexOf(patch.mode) !== -1) {
+		mode = patch.mode
+	}
+
+	// patterns + merge
+	const merge = (patch.merge && ['replace', 'union', 'intersect'].indexOf(patch.merge) !== -1)
+		? patch.merge
+		: 'replace'
+
+	let patterns
+	if (!Array.isArray(patch.patterns)) {
+		patterns = basePatterns
+	} else if (merge === 'replace') {
+		patterns = patch.patterns.slice()
+	} else if (merge === 'union') {
+		patterns = dedupeUnion(basePatterns, patch.patterns)
+	} else { // intersect
+		patterns = basePatterns.filter(p => patch.patterns.indexOf(p) !== -1)
+	}
+
+	return { mode, patterns, merge }
+}
+
+/**
+ * 去重合并 (子串匹配: 若 a 包含 b, b 可视为冗余)
+ * 简单实现: 直接 concat 后去重, 复杂度可接受 (规则通常 < 50 条)
+ */
+function dedupeUnion(a, b) {
+	const all = (a || []).concat(b || [])
+	const seen = new Set()
+	const out = []
+	for (const p of all) {
+		if (typeof p !== 'string' || !p) continue
+		if (seen.has(p)) continue
+		seen.add(p)
+		out.push(p)
+	}
+	return out
+}
+
+/**
+ * 应用"已合并规则"到 PRIVACY_URL_RULES
+ *   触发 'privacy:rules-updated' 事件, 业务侧可监听 (例如想热更新弹窗)
+ * @param {Object} rules
+ * @param {Object} [meta] - { source: 'base'|'remote'|'persisted', patch?: Object }
+ */
+function applyMergedRules(rules, meta) {
+	if (!rules || typeof rules !== 'object') return
+	const prevMode = PRIVACY_URL_RULES.mode
+	const prevPatterns = PRIVACY_URL_RULES.patterns.slice()
+	// 记录"应用前 popup 实际显示状态", 用于 reEvaluate 决策
+	// 关键: _pendingShow 会被 consumePendingShow 清零, 不能代表"实际显示"
+	// 必须用 _popupActuallyShowing (由 privacy-popup 主动同步)
+	const prevPopupShowing = _popupActuallyShowing
+	setUrlRules(rules)
+	persistRules(rules, {
+		merge: rules && rules.merge,
+		source: meta && meta.source,
+		sign: meta && meta.patch && meta.patch.sign,
+	})
+	try {
+		uni.$emit && uni.$emit('privacy:rules-updated', {
+			mode: PRIVACY_URL_RULES.mode,
+			patterns: PRIVACY_URL_RULES.patterns.slice(),
+			source: (meta && meta.source) || 'remote',
+			patch: meta && meta.patch,
+		})
+	} catch (e) {}
+
+	// 双阶段弹窗: 远程 patch 在 show() 之后到达时, 强制重评估
+	//   触发条件:
+	//     1. patch 来源是 'remote' (非 'base')
+	//     2. 规则真的变了 (mode/patterns 之一不同)
+	//     3. show() 已经调用过 (_hasChecked=true)
+	//   行为:
+	//     - 旧规则没弹 → 新规则要弹 → emit show (popup 重弹)
+	//     - 旧规则在弹 → 新规则不该弹 → emit dismiss (popup 关闭)
+	const _source = (meta && meta.source) || 'remote'
+	const _rulesChanged = (
+		prevMode !== PRIVACY_URL_RULES.mode ||
+		prevPatterns.length !== PRIVACY_URL_RULES.patterns.length ||
+		prevPatterns.some((p, i) => p !== PRIVACY_URL_RULES.patterns[i])
+	)
+	if (_source === 'remote' && _rulesChanged && _hasChecked) {
+		// dev-only 日志, 受 __PRIVACY_DEBUG__ 开关控制 (默认开, 生产可通过 DefinePlugin 关)
+		if (typeof console !== 'undefined' && console.log && globalThis.__PRIVACY_DEBUG__) {
+			console.log('[privacy] reEvaluate trigger: prevMode=' + prevMode + ' newMode=' + PRIVACY_URL_RULES.mode + ' prevPopupShowing=' + prevPopupShowing)
+		}
+		// 异步执行, 不阻塞 apply 流程
+		setTimeout(() => { reEvaluateAfterRulesUpdated(prevPopupShowing) }, 0)
+	}
+}
+
+/**
+ * 规则更新后的重评估
+ *   场景: 远程 patch 在 show() 之后到达, 本次启动弹窗决策是基于旧规则做的
+ *         现在新规则来了, 必须重评估
+ *   步骤:
+ *     1. 用 prevPopupShowing (popup 实际显示状态) + shouldShowByUrlRule (应用后规则 + 当前 URL) 算差量
+ *     2. prevPopupShowing=false, shouldShow=true → emit show (popup 重弹)
+ *     3. prevPopupShowing=true, shouldShow=false → emit dismiss (popup 关闭)
+ *     4. 其他情况: 状态不变, 不 emit (避免无谓的弹窗抖动)
+ *   边界: 用户已同意过 storage → 不再弹, 但要通知 popup 关闭 (新规则可能把当前页排除)
+ * @param {boolean} prevPopupShowing - 应用规则前的 popup 实际显示状态
+ */
+function reEvaluateAfterRulesUpdated(prevPopupShowing) {
+	// dev-only 日志
+	if (typeof console !== 'undefined' && console.log && globalThis.__PRIVACY_DEBUG__) {
+		console.log('[privacy] reEvaluate called prevPopup=' + prevPopupShowing + ' storageAgreed=' + getStorageAgreed())
+	}
+	if (getStorageAgreed()) {
+		// 已同意过 → 不再弹, 但要通知 popup 关闭 (新规则可能把当前页排除)
+		try { uni.$emit && uni.$emit('privacy:re-evaluate', { action: 'noop', reason: 'already-agreed' }) } catch (e) {}
+		return
+	}
+	// 用户未同意 → 走规则决策
+	const shouldShow = shouldShowByUrlRule()
+	const wasShowing = !!prevPopupShowing
+	if (!wasShowing && shouldShow) {
+		// 旧规则没弹, 新规则要弹 → 重新设置 _pendingShow + emit show
+		_needShow = true
+		_pendingShow = true
+		_hasChecked = true
+		_urlRuleDecided = false
+		try { uni.$emit && uni.$emit('privacy:re-evaluate', { action: 'show', reason: 'rules-updated' }) } catch (e) {}
+	} else if (wasShowing && !shouldShow) {
+		// 旧规则在弹, 新规则不该弹 → 撤销 _pendingShow + emit dismiss
+		_needShow = false
+		_pendingShow = false
+		_hasChecked = true
+		_urlRuleDecided = true
+		try { uni.$emit && uni.$emit('privacy:re-evaluate', { action: 'dismiss', reason: 'rules-updated' }) } catch (e) {}
+	}
+	// 其他情况: 状态不变, 不 emit
+}
+
+/**
+ * 一站式: 应用本地 base → 若有远程 patch 则融合 → 持久化 → 触发事件
+ *   无远程 patch 时, base 直接生效 (向后兼容)
+ * @param {Object} base    - 本地基础规则
+ * @param {Object} [patch] - 远程下发的 patch (可空)
+ * @returns {{ mode: string, patterns: string[], merge: string }}
+ */
+function applyWithMerge(base, patch) {
+	// 签名校验: 远程 patch 不合法 → 静默拒绝, 退回 base
+	// (业务侧可通过 PrivacyManager.verifyRemotePatch() 单独调用)
+	if (patch && !verifyRemotePatch(patch)) {
+		console.warn('[privacy] applyWithMerge: remote patch sign invalid, fallback to base')
+		const merged = mergeRules(base, null)
+		applyMergedRules(merged, { source: 'base', patch: null })
+		return merged
+	}
+	const merged = mergeRules(base, patch)
+	applyMergedRules(merged, { source: patch ? 'remote' : 'base', patch })
+	return merged
+}
+
+// 本地 base 规则 (由 App.vue 通过 setBaseRules 登记)
+// 供 store/index.js 的 init action 在收到远程 patch 时读取
+let _baseRules = { mode: 'all', patterns: [] }
+
+// 外部注入的 readyWaiters (由 config-external.js ConfigExternal 持有)
+// 兼容老用法: 业务侧可直接传 readyGuard, 也可走 ConfigExternal.setReadyWaiters 通道
+let _externalReadyGuard = null
+let _externalBootTimeout = 6000
+let _externalWaitChannels = { lang: true, theme: true, themeOverride: true, remoteConfig: true }
+
+// 远程 patch 签名密钥 (与 langConfig.remote.signSecret 同构)
+// 业务侧通过 setSignSecret(secret) 或 privacyConfig.signSecret 注入
+let _signSecret = ''
+
+// 远程 patch 签名 (在持久化时被写入 storage 的 __sign 字段, 供后续审计/防回滚)
+// 注意: 当前实现不做增量校验, 只在 verifyRemotePatch 内单次校验
+// 如需增量校验 (防止回滚到旧 patch), 可在此维护 _lastPersistedSign
+// 每次 applyWithMerge 持久化时记录, 下次启动时与远程 patch 的 sign 字段比对
+let _lastPersistedSign = ''
+
+// ============================================================
+// 监听 privacy:popup-state 事件 (由 privacy-popup.vue 主动同步弹窗显示状态)
+//   用于双阶段弹窗的精确重评估 (reEvaluateAfterRulesUpdated)
+//   这里挂一个全局监听, 模块加载时就生效
+// ============================================================
+;(function _installPopupStateListener() {
+	try {
+		if (typeof uni === 'undefined' || !uni.$on) return
+		uni.$on('privacy:popup-state', (info) => {
+			if (info && typeof info.showing === 'boolean') {
+				_popupActuallyShowing = info.showing
+			}
+		})
+	} catch (e) {}
+})()
+
+const PrivacyManager = {
+	/**
+	 * 同步检查 storage 中的同意状态（快速判断，不查平台）
+	 * @returns {boolean} true=需要弹窗, false=不需要
+	 */
+	check() {
+		_needShow = !getStorageAgreed();
+		_hasChecked = true;
+		return _needShow;
+	},
+
+	/**
+	 * 同步标记本次跳过弹窗（不查 storage、不写 storage、不弹窗）
+	 * 必须在 page mounted 之前调用,避免 onLaunch await 让出事件循环后
+	 * privacy-popup.vue 的 consumePendingShow 走兜底分支把弹窗弹出来
+	 * 用于 H5 浏览器直访特定 URL(子串匹配)时不让隐私弹窗挡住
+	 */
+	markSkipped() {
+		_needShow = false;
+		_hasChecked = true;
+		_pendingShow = false;
+		_urlRuleDecided = true; // 同步决策, 鸿蒙兜底不应再弹
+	},
+
+	/**
+	 * 触发弹窗（如果需要）
+	 * 由 App.vue onLaunch 在 boot 完成后调用
+	 * 异步查询平台隐私状态，设置 _pendingShow 标志
+	 * 页面组件 mounted 时通过 consumePendingShow() 消费标志并弹窗
+	 * 不直接 emit 事件，避免 emit + 补偿双触发
+	 *
+	 * @param {Object} [options]
+	 * @param {boolean} [options.skip=false] true=本次跳过弹窗(不写 storage,下次正常访问其他页面还会弹)
+	 * @param {Object} [options.urlFallback] 首次启动 onLaunch 时 getCurrentPages 还没有页面,
+	 *   可传入 onLaunch options 兜底:
+	 *     H5:    { pathname, search, hash }
+	 *     小程序/鸿蒙: { route, query }
+	 * @param {Promise|Function} [options.readyGuard] 外部 readiness 守卫 (例如 i18n/theme),
+	 *   show() 会 await 它再继续, 保证弹窗在外部资源就绪后才决策.
+	 *   超时保护: 业务侧应保证 guard 自身有超时, 否则会一直 hang.
+	 */
+	async show(options = {}) {
+		const fallback = options && options.urlFallback ? options.urlFallback : null
+
+		// 外部 readiness 守卫: 等业务侧 promise 再继续
+		// 优先级: options.readyGuard (调用方显式传) > _externalReadyGuard (ConfigExternal 注入)
+		// 场景: App.vue onLaunch 把 i18n/theme/remote-config 的 await 链作为 guard 传入
+		// 这样无论 show() 在哪里调用, 都保证弹窗决策时外部资源已就绪
+		const _guard = (options && typeof options.readyGuard !== 'undefined')
+			? options.readyGuard
+			: _externalReadyGuard
+		if (typeof _guard !== 'undefined' && _guard !== null) {
+			try {
+				if (_guard && typeof _guard.then === 'function') {
+					await _guard
+				} else if (typeof _guard === 'function') {
+					await _guard()
+				}
+			} catch (e) {
+				console.warn('[privacy] readyGuard fail', e)
+			}
+		}
+
+		// 主动跳过: 不查 storage、不写 storage、不弹窗
+		// 用于 H5 浏览器直接访问特定 URL(子串匹配)时不让隐私弹窗挡住
+		if (options && options.skip) {
+			_needShow = false;
+			_hasChecked = true;
+			_pendingShow = false;
+			_urlRuleDecided = true; // 同步决策, 鸿蒙兜底不应再弹
+			return;
+		}
+
+		// URL/路由规则判断
+		// mode='only' 且未命中 patterns → 跳过
+		// mode='skip' 且命中 patterns   → 跳过
+		// 其他情况 → 继续走 storage + 平台检查
+		if (!shouldShowByUrlRule(fallback)) {
+			_needShow = false;
+			_hasChecked = true;
+			_pendingShow = false;
+			_urlRuleDecided = true; // 已决策, 阻止鸿蒙兜底强制弹窗
+			return;
+		}
+		// URL 规则允许弹, 重置 urlRuleDecided 留给鸿蒙兜底分支判断
+		_urlRuleDecided = false;
+
+		const _storageAgreed = getStorageAgreed();
+
+		// 优化: storage 已同意时直接走同步快速路径, 不调 async checkPrivacy()
+		//   节省 1 个 microtask (~0-4ms, dev 模式更明显)
+		//   注意: 微信小程序/快应用走 checkPrivacy (平台 API 异步)
+		//   H5 下 checkPrivacy 内部已 sync 化 (修过), 直接 await 即可
+		//   鸿蒙元服务: 不调任何系统 API, 不弹自建弹窗 (走平台托管)
+		const result = _storageAgreed ? checkPrivacySync() : await checkPrivacy();
+
+		_needShow = result.needAuthorization;
+		_hasChecked = true;
+
+		if (!_needShow) {
+			return;
+		}
+
+		// #ifdef MP-HARMONY
+		// 鸿蒙元服务: 已接入平台隐私托管, 由鸿蒙系统自动弹出系统级隐私弹窗
+		// 应用层不再 emit 'privacy:show' 触发自建 privacy-popup.vue
+		// 标记已决策, 防止 consumePendingShow 兜底分支在 page mounted 时再次弹自建弹窗
+		_needShow = false;
+		_pendingShow = false;
+		_urlRuleDecided = true;
+		console.log('[privacy] MP-HARMONY: 已委托鸿蒙平台隐私托管, 不触发自建弹窗');
+		return;
+		// #endif
+
+		// 其他平台: 设置待弹窗标志 + emit 触发自建弹窗
+		// 已 mounted 的页面组件通过事件接收
+		// 未 mounted 的页面组件 mounted 时通过 consumePendingShow 补偿
+		_pendingShow = true;
+
+		// 通知已 mounted 的页面组件（如果有监听者）
+		try { uni.$emit('privacy:show'); } catch (e) {}
+
+		// 若组件已接收事件并弹窗, 会在 handlePrivacyShow 中调 consumePendingShow 清除 _pendingShow
+		// 若无监听者, _pendingShow 保持 true, 等页面 mounted 时补偿
+	},
+
+	/**
+	 * 页面 mounted 时补偿检查: 若 show() 在页面 mounted 之前 emit 了事件
+	 * 此方法返回 true 并清除标志，页面组件据此自动弹窗
+	 *
+	 * 历史兼容:
+	 *   Lang.boot() 可能 hang, PrivacyManager.show() 可能从未被调用过;
+	 *   此时 _pendingShow 仍是默认 false, 但用户从未同意过隐私, 必须强制弹一次。
+	 *   所以增加 storage 检测: 用户未同意也返回 true (补偿弹窗)。
+	 *
+	 * 鸿蒙元服务(双轨制):
+	 *   已接入平台隐私托管, 由鸿蒙系统自动弹出系统级隐私弹窗,
+	 *   应用层不再 emit/弹自建弹窗, 兜底分支也必须返回 false, 否则会与
+	 *   鸿蒙系统级弹窗叠加出现"多次弹出"。
+	 * @returns {boolean} true=需要弹窗，false=不需要
+	 */
+	consumePendingShow() {
+		// #ifdef MP-HARMONY
+		// 鸿蒙元服务: 已接入平台隐私托管, 不弹自建弹窗
+		return false;
+		// #endif
+
+		if (_pendingShow && _needShow) {
+			_pendingShow = false;
+			return true;
+		}
+		// 兜底: PrivacyManager.show() 没跑过 + 用户没同意过 storage → 必须弹
+		// 同一次进程内只补一次，避免隐私弹窗被反复触发
+		// 关键: URL/路由规则已经决策过 "本次跳过" 时, 不应触发兜底弹窗 (白名单场景)
+		if (!_hasChecked && !_pendingShow && !_urlRuleDecided && !getStorageAgreed()) {
+			_pendingShow = false;
+			_needShow = true;
+			_hasChecked = true;
+			return true;
+		}
+		_pendingShow = false;
+		return false;
+	},
+
+	/**
+	 * 用户同意：写 storage，标记不再弹
+	 * 由 privacy-popup.vue 的 handleAgree 调用
+	 */
+	agree() {
+		try { uni.setStorageSync(STORAGE_KEY, true); } catch (e) {}
+		_needShow = false;
+		_pendingShow = false;
+		try { uni.$emit('privacy:agreed'); } catch (e) {}
+	},
+
+	/**
+	 * 用户拒绝：不写 storage，允许下次再弹
+	 * 由 privacy-popup.vue 的 handleDisagree 调用
+	 */
+	disagree() {
+		_needShow = false;
+		_pendingShow = false;
+		try { uni.$emit('privacy:disagreed'); } catch (e) {}
+	},
+
+	/**
+	 * 当前是否需要弹窗（供页面查询）
+	 * @returns {boolean}
+	 */
+	needShow() {
+		return _needShow;
+	},
+
+	/**
+	 * 是否已执行过 check
+	 * @returns {boolean}
+	 */
+	hasChecked() {
+		return _hasChecked;
+	},
+
+	/**
+	 * 配置 URL/路由级别隐私弹窗规则
+	 * @param {Object} rules
+	 * @param {'all'|'only'|'skip'} [rules.mode='all']
+	 *   'all'  - 始终走弹窗检查(默认)
+	 *   'only' - 白名单: 只有命中 patterns 才弹
+	 *   'skip' - 黑名单: 命中 patterns 跳过
+	 * @param {string[]} [rules.patterns=[]]
+	 *   子串匹配, H5: pathname+search+hash, 小程序/鸿蒙: route+query
+	 */
+	setUrlRules(rules) {
+		setUrlRules(rules)
+	},
+
+	/**
+	 * 当前 URL/路由规则下是否要走弹窗检查
+	 * @param {Object} [fallback] 兜底路径(同 show 的 urlFallback)
+	 * @returns {boolean}
+	 */
+	shouldShowByUrlRule(fallback) {
+		return shouldShowByUrlRule(fallback)
+	},
+
+	/**
+	 * 应用本地 base + 远程 patch 的融合结果
+	 *   - patch=null/缺 → 仅应用 base (并持久化)
+	 *   - patch 存在   → 走 mergeRules 融合
+	 *   应用后 emit 'privacy:rules-updated'
+	 * @param {Object} base 本地基础规则 { mode, patterns }
+	 * @param {Object} [patch] 远程下发 { mode?, patterns?, merge? }
+	 * @returns {{ mode: string, patterns: string[], merge: string }}
+	 */
+	applyWithMerge(base, patch) {
+		return applyWithMerge(base, patch)
+	},
+
+	/**
+	 * 仅合并 (不写入), 方便上层预览或 dry-run
+	 * @param {Object} base
+	 * @param {Object} patch
+	 */
+	mergeRules(base, patch) {
+		return mergeRules(base, patch)
+	},
+
+	/**
+	 * 读取上次持久化的最终规则 (跨冷启动恢复)
+	 * @returns {Object|null}
+	 */
+	loadPersistedRules() {
+		return loadPersistedRules()
+	},
+
+	/**
+	 * 设置持久化 key (用于 uniacid 隔离), 由 App.vue 注入
+	 * @param {string} key
+	 */
+	setStorageKey(key) {
+		if (typeof key === 'string' && key) _storageKey = key
+	},
+
+	/**
+	 * 登记本地 base 规则 (由 App.vue 在启动时调用)
+	 * 供后续远程下发时 mergeRules 读取
+	 * @param {Object} rules
+	 */
+	setBaseRules(rules) {
+		if (!rules || typeof rules !== 'object') return
+		_baseRules = {
+			mode: rules.mode || 'all',
+			patterns: Array.isArray(rules.patterns) ? rules.patterns.slice() : [],
+		}
+	},
+
+	/**
+	 * 读取本地 base 规则 (供 store/index.js init 远程 patch 融合)
+	 * @returns {{ mode: string, patterns: string[] }}
+	 */
+	__getBaseRules() {
+		return { mode: _baseRules.mode, patterns: _baseRules.patterns.slice() }
+	},
+
+	/**
+	 * 注入外部 readiness 守卫 (由 config-external.js ConfigExternal 调用)
+	 * show() 时若无 options.readyGuard, 内部使用此 promise
+	 * @param {Promise|Function|null} guard
+	 */
+	setExternalReadyGuard(guard) {
+		if (guard === null) { _externalReadyGuard = null; return }
+		if (guard && (typeof guard.then === 'function' || typeof guard === 'function')) {
+			_externalReadyGuard = guard
+		}
+	},
+
+	/**
+	 * 注入外部 bootTimeout (由 ConfigExternal.getPrivacyBootTimeout 调用)
+	 * @param {number} ms
+	 */
+	setExternalBootTimeout(ms) {
+		if (typeof ms === 'number' && ms > 0) _externalBootTimeout = ms
+	},
+
+	/**
+	 * 注入 waitChannels 配置 (隐私弹窗启动期必等通道开关)
+	 * @param {Object} channels
+	 */
+	setWaitChannels(channels) {
+		if (channels && typeof channels === 'object') {
+			_externalWaitChannels = Object.assign({}, _externalWaitChannels, channels)
+		}
+	},
+
+	/**
+	 * 注入远程 patch 签名密钥 (与 langConfig.remote.signSecret 同构)
+	 * 后端约定: hash_hmac('sha256', JSON.stringify(patch), secret)
+	 * 前端: 用 btoa 模拟 (弱校验, 仅防简单篡改)
+	 *   secret='' → 跳过校验 (向后兼容)
+	 * @param {string} secret
+	 */
+	setSignSecret(secret) {
+		_signSecret = (typeof secret === 'string') ? secret : ''
+	},
+
+	/**
+	 * 校验远程 patch (业务侧可在 store/init 之外单独调用)
+	 *   - signSecret 未配置 → true (向后兼容)
+	 *   - patch.sign 缺失   → true (后端未启用签名)
+	 *   - patch.sign 不匹配 → false
+	 * @param {Object} patch
+	 * @returns {boolean}
+	 */
+	verifyRemotePatch(patch) {
+		return verifyRemotePatch(patch)
+	},
+
+	/**
+	 * 计算给定 patch 的签名 (供调试/单元测试)
+	 * @param {Object} patch
+	 * @param {string} [secret] - 不传则用 _signSecret
+	 * @returns {string}
+	 */
+	computeSign(patch, secret) {
+		return computeSign(patch, secret || _signSecret)
+	},
+
+	/**
+	 * 读取当前生效配置 (供调试/单元测试)
+	 */
+	getReadyConfig() {
+		return {
+			readyGuard: _externalReadyGuard,
+			bootTimeout: _externalBootTimeout,
+			waitChannels: Object.assign({}, _externalWaitChannels),
+		}
+	},
+};
+
+export default PrivacyManager;

common/js/quickapp-pull-refresh.js

@@ -0,0 +1,33 @@
+/**
+ * 快应用宿主环境下的下拉刷新 → 原生 webview.reload() 转发 mixin
+ *
+ * 在已启用 enablePullDownRefresh 的 uniapp 页面 mixin 链中加入本文件,
+ * 当用户在原生快应用 webview 内下拉刷新时,会通过 this.$util.requestQuickAppReload()
+ * 把指令发回快应用 shell(对应 hello.ux onMessage 中的 'reload' 处理);
+ * 其余平台走默认的 uni.stopPullDownRefresh 即可。
+ *
+ * 用法:
+ *   import pullReload from '@/common/js/mixins/quickapp-pull-refresh.js';
+ *   export default { mixins: [..., pullReload] }
+ *
+ * 注意:
+ *   - 请确保对应的 pages.json style 块中开启 "enablePullDownRefresh": true
+ *   - 不要在本文件里覆盖 onPullDownRefresh,否则会被本页/上游 mixin 拦截失效
+ */
+export default {
+	onPullDownRefresh() {
+		try {
+			if (this.$util && typeof this.$util.requestQuickAppReload === 'function'
+				&& this.$util.requestQuickAppReload()) {
+				// 原生侧 webview.reload() 会把整个 H5 页面替换掉,这里只是兜底停动画
+				setTimeout(() => {
+					try { uni.stopPullDownRefresh(); } catch (_) { /* swallow */ }
+				}, 800);
+				return;
+			}
+		} catch (e) {
+			console.error('[quickapp-pull-refresh] crashed:', e);
+		}
+		try { uni.stopPullDownRefresh(); } catch (_) { /* swallow */ }
+	}
+}

common/js/share.js

@@ -0,0 +1,102 @@
+// 文件分享工具函数
+import Lang from './lang.js';
+
+export default {
+    /**
+     * 生成文件预览链接
+     * @param {Object} file - 文件对象，包含 name 和 url 属性
+     * @returns {string} - 生成的文件预览链接
+     */
+    generateFilePreviewUrl(file) {
+        // 推断文件类型
+        let fileType = '';
+        if (file.name) {
+            const ext = file.name.split('.').pop().toLowerCase();
+            if (['pdf'].includes(ext)) {
+                fileType = 'pdf';
+            } else if (['doc', 'docx'].includes(ext)) {
+                fileType = 'word';
+            } else if (['mp4', 'avi', 'mov', 'wmv', 'flv', 'mkv'].includes(ext)) {
+                fileType = 'video';
+            }
+        }
+        
+        // 构建文件预览链接
+        const previewUrl = `/pages_tool/file-preview/file-preview?fileName=${encodeURIComponent(file.name)}&fileUrl=${encodeURIComponent(file.url || '')}&fileType=${encodeURIComponent(fileType)}`;        
+        return previewUrl;
+    },
+    
+    /**
+     * 分享文件
+     * @param {Object} file - 文件对象，包含 name 和 url 属性
+     * @param {string} title - 分享标题，默认使用文件名
+     * @param {string} desc - 分享描述，默认使用固定文案
+     */
+    shareFile(file, title = file.name, desc = Lang.lang('share.defaultDesc', { name: file.name })) {
+        // 生成文件预览链接
+        const filePreviewUrl = this.generateFilePreviewUrl(file);
+        
+        // #ifdef H5
+        // H5 平台分享
+        if (navigator.share) {
+            // 使用 Web Share API
+            navigator.share({
+                title: title,
+                text: desc,
+                url: filePreviewUrl
+            }).catch(err => {
+                console.error('分享失败:', err);
+                uni.showToast({ title: Lang.lang('share.shareFailed'), icon: 'none' });
+            });
+        } else {
+            // 不支持 Web Share API 的浏览器
+            uni.setClipboardData({
+                data: filePreviewUrl,
+                success: () => {
+                    uni.showToast({ title: Lang.lang('share.linkCopied'), icon: 'success' });
+                },
+                fail: () => {
+                    uni.showToast({ title: Lang.lang('share.copyFailed'), icon: 'none' });
+                }
+            });
+        }
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        // 微信小程序分享
+        uni.showActionSheet({
+            itemList: [Lang.lang('share.sendToFriend'), Lang.lang('share.shareToTimeline')],
+            success: (res) => {
+                if (res.tapIndex === 0) {
+                    // 发送给朋友
+                    uni.shareAppMessage({
+                        title: title,
+                        path: filePreviewUrl,
+                        success: () => {
+                            uni.showToast({ title: Lang.lang('share.shareSuccess'), icon: 'success' });
+                        },
+                        fail: () => {
+                            uni.showToast({ title: Lang.lang('share.shareFailed'), icon: 'none' });
+                        }
+                    });
+                } else if (res.tapIndex === 1) {
+                    // 分享到朋友圈
+                    uni.shareTimeline({
+                        title: desc,
+                        path: filePreviewUrl,
+                        success: () => {
+                            uni.showToast({ title: Lang.lang('share.shareSuccess'), icon: 'success' });
+                        },
+                        fail: () => {
+                            uni.showToast({ title: Lang.lang('share.shareFailed'), icon: 'none' });
+                        }
+                    });
+                }
+            },
+            fail: () => {
+                // 用户取消分享
+            }
+        });
+        // #endif
+    }
+};

common/js/socketTest.js

@@ -21,53 +21,35 @@ export default {
 	methods: {
 		// 判断是否已连接
 		checkOpenSocket() {
-			console.log('判断是否已连接');
-			// alert('判断是否已连接')
 			let self = this;
 			uni.sendSocketMessage({
 				data: 'ping',
 				success: (res) => {
-					console.log('连接成功,检查');
-					// alert('连接成功,检查')
-					// self.getChatList();
 				},
 				fail: (err) => { // 未连接打开websocket连接
-					console.log('连接失败');
-					// alert('连接失败')
 					self.openConnection();
 				}
 			});
 		},
 		openConnection() { // 打开连接
-			console.log('打开连接');
-			// alert('打开连接')
 			// uni.closeSocket(); // 确保已经关闭后再重新打开
 			uni.connectSocket({
 				url: config.webSocket,
 				method: 'POST',
 				success(res) {
-					console.log('连接成功 connectSocket=', res);
-					// alert('连接成功 connectSocket=', res);
 				},
 				fail(err) {
-					console.log('连接失败 connectSocket=', err);
 				}
 			});
-			// uni.onSocketOpen((res) => {
-			// 	console.log('连接成功', res);
-			// });
 			this.onSocketMessage(); // 打开成功监听服务器返回的消息
 		},
 		//	打开成功监听服务器返回的消息
 		onSocketMessage() { // 消息
-			console.log("开始监听");
-
 			let that = this;
 			this.pingInterval = config.pingInterval;
 			this.timeoutObj = null;
 			uni.onSocketMessage((res) => { //type:init,connect,close,string,order,goods
 				let msg = JSON.parse(res.data);
-				console.log("监听该服务器消息", res);
 				if (msg.type == 'close') {
 					clearInterval(that.timeoutObj);
 					that.timeoutObj = null;
@@ -141,22 +123,18 @@ export default {
 		},
 		// 检测心跳reset
 		reset() {
-			console.log("检测心跳");
 			clearInterval(this.timeoutObj);
 			this.start(); // 启动心跳
 		},
 		// 启动心跳 start 
 		start() {
-			console.log("启动心跳");
 			let self = this;
 			this.timeoutObj = setInterval(function () {
 				uni.sendSocketMessage({
 					data: 'ping',
 					success: (res) => {
-						console.log('连接中....');
 					},
 					fail: (err) => {
-						console.log('连接失败重新连接....');
 						self.openConnection();
 					}
 				});

common/js/splash-state.js

@@ -0,0 +1,698 @@
+// ============================================================
+// 启动屏单例状态
+//
+// 设计要点:
+//   1. 状态 + 事件双通道: 组件既可 watch visible,也可监听 'splash:hide' 事件
+//      解决 uni.$emit 在组件挂载前发出就丢失的问题 (memory lesson)
+//   2. 软隐藏 (softHide): 标记应该 hide, 等组件 mount 后再真正 hide
+//      解决 onLaunch 跑完 + hide() 早于 page mount 的时序问题
+//   3. 防重入: show()/hide() 多次调用安全,内部用 guard
+//   4. 兜底超时: 默认 8s 未关闭则强制 hide,防止卡死
+//   5. 平台隔离: APP-PLUS 有原生 splash,这里直接返回 false
+//   6. 跨平台兼容: 同步状态可被 Vue 组件直接 watch
+// ============================================================
+
+// APP-PLUS 直接返回 false (有原生启动屏)
+function needSplash() {
+	// #ifdef APP-PLUS
+	return false;
+	// #endif
+	// #ifndef APP-PLUS
+	return true;
+	// #endif
+}
+
+// H5 平台特殊处理: Lang.boot() 在 main.js 中 await, 此时 Vue 还没挂载,
+// 组件无法渲染, 内部降级为 uni.showLoading 做兜底 (虽然样式较丑但至少有遮罩)
+function useNativeLoading() {
+	// #ifdef H5
+	return true;
+	// #endif
+	// #ifndef H5
+	return false;
+	// #endif
+}
+
+// 总兜底超时档位 (show 时可覆盖):
+//   12000 (12s): 默认档, 启动体验优先 (大多数网络环境够用, 略比 10s 宽松)
+//   17000 (17s): 中档, 慢网/冷启动 (1s+ 启动 + 3-5s i18n 远端 + 1-3s diy 拉取 + 缓冲)
+//   22000 (22s): 慢网档, 极弱网环境 (1s+ 启动 + 5-8s i18n 远端 + 3-5s diy 拉取 + 缓冲)
+//   低于 12000 不推荐: 用户感知的"启动卡"窗口期不够, 但业务方仍可传 < 12000 测试用
+// 业务方覆盖: splashState.show({ timeout: 17000 })
+// 注意: DEFAULT_TIMEOUT 仍是兜底 (无 opts.timeout), 不能被业务方传更低
+// 严防因为 timeout 太短导致用户看到白屏.
+// 设计思路: 各档位比"刚好够用"多 2s 缓冲, 弱网/慢网络环境兜底更稳
+const DEFAULT_TIMEOUT = 12000;      // 总兜底超时 (默认 12s)
+const MOUNT_GRACE_MS = 1000;        // 软隐藏后等组件 mount 的宽限时间
+const PAGE_READY_GRACE_MS = 2000;   // 软隐藏后等页面就绪的宽限时间
+
+// 启动期阶段定义 (id → { percent, label })
+// percent: 阶段完成的百分比 (0-100)
+// label:   阶段显示文案 (i18n key 由 splash 组件消费, 也可直接用最终文案)
+const STAGES = {
+	boot:      { percent: 5,   label: 'Loading...' },
+	lang:      { percent: 30,  label: 'Loading language...' },
+	theme:     { percent: 50,  label: 'Applying theme...' },
+	override:  { percent: 65,  label: 'Loading theme tokens...' },
+	config:    { percent: 80,  label: 'Fetching configuration...' },
+	privacy:   { percent: 95,  label: 'Preparing privacy dialog...' },
+	done:      { percent: 100, label: 'Ready' },
+};
+
+class SplashState {
+	constructor() {
+		this._visible = false;
+		this._timeoutId = null;
+		this._listeners = [];
+		this._shownAt = 0;
+		// 软隐藏相关
+		this._pendingHide = null;         // 软隐藏请求的 opts, 等待组件 mount
+		this._hasMounted = false;         // 是否有 splash 组件 mount 过
+		this._mountGraceId = null;        // 软隐藏兜底定时器 (等 mount)
+		// 页面就绪等待
+		this._pageReady = false;          // 页面内容是否已就绪 (由首页通知)
+		this._pageReadyGraceId = null;    // 页面就绪兜底定时器
+		// 进度上报
+		this._stage = 'boot';
+		this._percent = 0;
+		this._stageSet = new Set(['boot']); // 已报告阶段
+		// 进度节流: 16ms 内的多次 reportProgress 合并成一次 emit
+		// 避免多通道并发时, splash 组件 re-render 风暴
+		this._pendingProgress = null; // 待 emit 的最新进度
+		this._flushTimer = null;      // 节流定时器
+		// 网络环境 (用于 show() 自动选档)
+		// _networkType: 'wifi' | '4g' | '5g' | '3g' | '2g' | 'none' | 'unknown'
+		// _networkReady: false 表示还没检测完 (splash 显示中第一次构造时常见)
+		// _networkReady 后, 网络变化时通过 onNetworkStatusChange 实时更新
+		this._networkType = 'unknown';
+		this._networkReady = false;
+
+		// 启动网络检测 (异步, 不阻塞 splash 显示)
+		this._initNetworkDetect();
+
+		// 监听 diy 加载失败事件 (diy.js 通过 uni.$emit 触发)
+		// 收到后调 notifyDiyLoadError (严格模式下必须能关闭 splash)
+		// 解耦: splash-state 不直接 import diy.js
+		// 透传 reason / errorType / err / url 给业务方监听 splash:diy-error 使用
+		try {
+			if (typeof uni !== 'undefined' && uni.$on) {
+				uni.$on('diy:load-error', (payload) => {
+					try { this.notifyDiyLoadError(payload || {}) } catch (e) {}
+				})
+			}
+		} catch (e) {}
+	}
+
+	/**
+	 * 初始化网络检测
+	 * - 调 uni.getNetworkType 异步获取当前网络类型
+	 * - 监听 uni.onNetworkStatusChange 实时更新
+	 * - H5 平台降级: 调 navigator.onLine, 不支持细粒度网络类型
+	 * 失败保护: try-catch 包, 任意失败都保持 _networkType='unknown' (不会破坏 splash)
+	 */
+	_initNetworkDetect() {
+		try {
+			// #ifdef H5
+			// H5 平台: navigator.onLine 是粗粒度, 只能判断在线/离线
+			// 仅在 navigator.onLine 是明确 boolean (true/false) 时才是 H5
+			// Node 24+ 有 navigator 但 onLine 是 undefined, 不算 H5 (走下面 uni.getNetworkType)
+			if (typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean') {
+				// 初始检测: 用 _updateNetworkType (内部会触发事件)
+				this._updateNetworkType(navigator.onLine ? 'wifi' : 'none', { source: 'h5-initial' })
+				// 监听 online/offline 事件
+				if (typeof window !== 'undefined' && window.addEventListener) {
+					window.addEventListener('online', () => {
+						this._updateNetworkType('wifi', { source: 'h5-online', isConnected: true })
+					})
+					window.addEventListener('offline', () => {
+						this._updateNetworkType('none', { source: 'h5-offline', isConnected: false })
+					})
+				}
+				return
+			}
+			// navigator.onLine 不是 boolean (Node/SSR) - 走 uni.getNetworkType
+			// #endif
+			// #ifndef H5
+			if (typeof uni === 'undefined' || !uni.getNetworkType) {
+				// 不可用: 用 _updateNetworkType 设 unknown (会触发事件)
+				this._updateNetworkType('unknown', { source: 'no-uni-api' })
+				return
+			}
+			// 异步获取当前网络类型
+			uni.getNetworkType({
+				success: (res) => {
+					this._updateNetworkType((res && res.networkType) || 'unknown', { source: 'uni-initial' })
+				},
+				fail: () => {
+					this._updateNetworkType('unknown', { source: 'uni-initial-fail' })
+				},
+			})
+			// 监听网络变化
+			if (uni.onNetworkStatusChange) {
+				uni.onNetworkStatusChange((res) => {
+					const newType = (res && res.networkType)
+						|| (res && res.isConnected === false ? 'none' : 'unknown')
+					this._updateNetworkType(newType, {
+						source: 'uni-change',
+						isConnected: res && typeof res.isConnected === 'boolean' ? res.isConnected : undefined,
+					})
+				})
+			}
+			// #endif
+		} catch (e) {
+			// 任意失败都用 unknown, 不影响 splash
+			this._updateNetworkType('unknown', { source: 'init-error' })
+		}
+	}
+
+	/**
+	 * 根据当前网络环境选档
+	 * - 离线 (none): 4000 (4s, 让 diy 错误信号有时间触发)
+	 * - 弱网 (2g/3g): 22000 (22s 慢网档, 多 2s 缓冲)
+	 * - 正常 (4g/5g/wifi): 12000 (12s 默认档, 多 2s 缓冲)
+	 * - 未知 (unknown): 17000 (17s 中档, 保守)
+	 * - 网络未就绪: 12000 (DEFAULT_TIMEOUT, 保守)
+	 */
+	_pickTimeoutByNetwork() {
+		if (!this._networkReady) return DEFAULT_TIMEOUT  // 网络检测未就绪, 用默认
+		switch (this._networkType) {
+			case 'none': return 4000  // 离线: 4s 兜底
+			case '2g':
+			case '3g': return 22000  // 弱网: 22s 慢网档
+			case '4g':
+			case '5g':
+			case 'wifi': return 12000  // 正常: 12s 默认档
+			case 'unknown':
+			default: return 17000  // 未知: 17s 中档 (保守)
+		}
+	}
+
+	show(opts = {}) {
+		if (!needSplash()) return;
+		if (this._visible) return; // 防重入
+
+		this._visible = true;
+		this._shownAt = Date.now();
+		this._pendingHide = null;
+		this._hasMounted = false;
+		this._pageReady = false;
+		this._stage = 'boot';
+		// 初始化时直接显示 'boot' 阶段的 5%, 而不是 0%
+		// 避免首帧出现"进度条 0%"的视觉突兀
+		this._percent = (STAGES.boot && STAGES.boot.percent) || 5;
+		this._stageSet = new Set(['boot']);
+		this._pendingProgress = null;
+		if (this._flushTimer) {
+			clearTimeout(this._flushTimer);
+			this._flushTimer = null;
+		}
+		if (this._mountGraceId) {
+			clearTimeout(this._mountGraceId);
+			this._mountGraceId = null;
+		}
+		if (this._pageReadyGraceId) {
+			clearTimeout(this._pageReadyGraceId);
+			this._pageReadyGraceId = null;
+		}
+		this._emit('splash:show');
+
+		// H5 降级: 走系统 loading (Vue 还没挂载,组件层无法渲染)
+		// 注意: mask 设为 false。原 mask:true 会在 H5 注入 .uni-mask 全屏透明蒙层,
+		// 配合 z-index:99999 的 Vue splash 一起把首页触摸全部拦截,导致 H5
+		// 首屏在 boot 期间无法滚动。Vue splash 组件本身已带白色背景提供视觉遮罩,
+		// 这里只要 loading 文字提示,不需要拦截触摸。
+		if (useNativeLoading()) {
+			try { uni.showLoading({ title: opts.title || '加载中...', mask: false }); } catch (e) {}
+		}
+
+		// 业务方可通过 opts.timeout 覆盖, 但不能低于 5000ms (低于此值给 warn, 仍生效)
+		// 原因: 启动期 i18n/theme/remote-config 远端加载最少 1-2s, diy 加载 1-3s
+		//       timeout 低于 5s 会经常触发兜底强关, 用户看到白屏
+		// 测试场景允许传 < 5000ms (因为 mock 环境快), 仍生效但 warn
+		// 优先级: opts.timeout (业务方显式) > _pickTimeoutByNetwork() (自动选档) > DEFAULT_TIMEOUT
+		const MIN_RECOMMENDED_TIMEOUT = 5000
+		let timeout
+		if (opts.timeout) {
+			timeout = opts.timeout
+			if (opts.timeout < MIN_RECOMMENDED_TIMEOUT) {
+				console.warn(
+					`[splash-state] timeout=${opts.timeout}ms 低于推荐下限 ${MIN_RECOMMENDED_TIMEOUT}ms, ` +
+					`可能导致启动期白屏. 生产环境建议 10000-20000ms.`
+				)
+			}
+		} else {
+			// 自动选档: 根据当前网络环境选 timeout
+			timeout = this._pickTimeoutByNetwork()
+		}
+		this._armTimeout(timeout);
+	}
+
+	/**
+	 * 设置/重设 splash 总超时兜底
+	 * - 由 show() 初始化, 或 _updateNetworkType() 在网络变化时调用
+	 * - 关键: 网络从好→差时延长, 差→好时缩短, 保证用户不会过早/过晚看到白屏
+	 */
+	_armTimeout(timeout) {
+		if (this._timeoutId) {
+			clearTimeout(this._timeoutId);
+			this._timeoutId = null;
+		}
+		this._timeoutId = setTimeout(() => {
+			// 兜底: 超时强制关闭,防止卡死 (走硬隐藏路径, 不等组件)
+			if (this._visible) {
+				console.warn('[splash-state] auto-hide after timeout', timeout);
+				this._doHide({ reason: 'timeout' });
+			}
+		}, timeout);
+	}
+
+	/**
+	 * 网络变化时更新 _networkType, 并按需重启 splash 兜底
+	 * @param {string} newType 新的网络类型
+	 * @param {Object} [meta] 附加信息 { isConnected, source: 'h5-online' | 'uni-change' | ... }
+	 * @returns {boolean} 是否真的更新了 (新旧不同时为 true)
+	 */
+	_updateNetworkType(newType, meta) {
+		newType = newType || 'unknown'
+		const oldType = this._networkType
+		const changed = oldType !== newType
+		// 关键: 即使 type 没变, _networkReady 也要设 true
+		// 原因: 首次调用 _updateNetworkType 是从 _initNetworkDetect 进来
+		//       此时 _networkType='unknown' (初始), 可能 newType 也是 'unknown' (uni 不可用)
+		//       但 _networkReady 仍要从 false → true (让 _pickTimeoutByNetwork 工作)
+		this._networkReady = true
+		if (!changed) return false
+		this._networkType = newType
+
+		// 网络变化时: 如果 splash 还 visible, 重启兜底 (用新档)
+		// 业务场景:
+		//   - wifi → 2g: 启动期远端慢, 兜底延长, 避免过早强关
+		//   - 2g → wifi: 兜底缩短, 避免过晚强关
+		//   - any → none: 兜底缩短到 4s, 让 diy 错误信号更快触发
+		//   - none → any: 兜底恢复正常档, 给足时间
+		const shouldReboot = this._visible && this._pendingHide === null
+			// 关键: 仅当 splash 还没进入"软隐藏"阶段时重启兜底
+			// _pendingHide 不为 null 表示业务方已调 hide(), 等 notifyPageReady/DiyLoadError 即可
+			// 此时网络变化不影响兜底 (业务方已接管决策)
+		if (shouldReboot) {
+			const newTimeout = this._pickTimeoutByNetwork()
+			this._armTimeout(newTimeout)
+		}
+
+		// 发 splash:network-change 事件 (业务方监听)
+		// payload: { from, to, isConnected, retryRecommended, rebootSplashTimeout }
+		//   retryRecommended: 从 none 恢复时建议重试 (业务方重调 diy 接口)
+		//   rebootSplashTimeout: 是否重启了 splash 兜底 (true/false)
+		const eventPayload = {
+			from: oldType,
+			to: newType,
+			isConnected: meta && typeof meta.isConnected === 'boolean' ? meta.isConnected : newType !== 'none',
+			retryRecommended: oldType === 'none' && newType !== 'none',  // 离线→在线, 建议重试
+			rebootSplashTimeout: shouldReboot,
+			source: (meta && meta.source) || 'unknown',
+		}
+		this._emit('splash:network-change', eventPayload)
+		return true
+	}
+
+	/**
+	 * 隐藏 splash
+	 * @param {Object} opts
+	 * @param {string} opts.reason - 隐藏原因
+	 *   - 'boot-complete': 软隐藏, 等组件 mount 后再真关 (默认)
+	 *   - 'timeout':       硬隐藏, 立即关 (兜底用)
+	 *   - 'manual':        硬隐藏, 立即关
+	 * @param {boolean} [opts.soft] - 强制走软隐藏
+	 * @param {string} [opts.mode] - 离开动画模式
+	 *   - 'default': 默认 480ms 动画
+	 *   - 'fast':    80ms 短动画, 用于隐私弹窗等需要立即接管视觉的场景, 避免"双遮罩"感
+	 *   - 'strict':  严格模式, 不走 MOUNT_GRACE_MS / PAGE_READY_GRACE_MS 兜底,
+	 *                只等 notifyPageReady() 或 DEFAULT_TIMEOUT 总超时
+	 *                适用于: 已接入平台托管的系统弹窗 (鸿蒙),
+	 *                splash 必须真等到首页 diy 内容渲染好才能关
+	 */
+	hide(opts = {}) {
+		const reason = opts.reason || 'manual';
+		const useStrict = opts.mode === 'strict' || opts._strict === true;
+		// boot-complete 默认走软隐藏, 避免时序问题
+		const useSoft = useStrict || opts.soft === true || (opts.soft !== false && reason === 'boot-complete');
+		// strict 模式复用 fast 动画
+		const mode = useStrict ? 'fast' : (opts.mode === 'fast' ? 'fast' : 'default');
+
+		if (useSoft) {
+			// 传递完整 opts, _softHide 内部能识别 mode='strict' 或 _strict
+			this._softHide(opts);
+		} else {
+			this._doHide({ reason, mode });
+		}
+	}
+
+	/**
+	 * 软隐藏: 标记应该 hide, 等组件 mount + 页面就绪
+	 * 如果组件 1s 内没 mount, 兜底自动 hide
+	 * 如果页面 2s 内没就绪, 兜底自动 hide
+	 *
+	 * strict 模式 (鸿蒙已接入平台托管):
+	 *   不走 MOUNT_GRACE_MS / PAGE_READY_GRACE_MS 兜底
+	 *   只等 notifyMounted() + notifyPageReady() 或 DEFAULT_TIMEOUT 总超时
+	 *   保证 splash 一定等到首页 diy 内容真的渲染好
+	 */
+	_softHide(opts) {
+		if (!this._visible) return; // 已经隐藏了
+		this._pendingHide = opts;
+		// strict 模式识别: mode='strict' 或 _strict=true
+		const useStrict = opts && (opts.mode === 'strict' || opts._strict === true);
+
+		// 如果组件已经 mount 且页面已就绪, 立即隐藏
+		if (this._hasMounted && this._pageReady) {
+			this._flushPendingHide();
+			return;
+		}
+
+		// strict 模式: 不设 mountGraceId 兜底, 只等 notifyPageReady
+		// (DEFAULT_TIMEOUT 在 show() 设置的 _timeoutId 兜底)
+		if (useStrict) {
+			return;
+		}
+
+		// 兜底: 1s 内没 mount, 强制隐藏
+		if (this._mountGraceId) clearTimeout(this._mountGraceId);
+		this._mountGraceId = setTimeout(() => {
+			if (this._pendingHide) {
+				this._flushPendingHide();
+			}
+		}, MOUNT_GRACE_MS);
+	}
+
+	/**
+	 * 真正触发软隐藏
+	 * 如果页面还未就绪, 等待页面就绪后再 hide
+	 * strict 模式 (鸿蒙): 不设 pageReadyGraceId 兜底, 只等 notifyPageReady()
+	 */
+	_flushPendingHide() {
+		if (this._mountGraceId) {
+			clearTimeout(this._mountGraceId);
+			this._mountGraceId = null;
+		}
+		// 已被 notifyDiyLoadError 拿走 _pendingHide 并自己 _doHide: noop
+		// 原因: notifyMounted 50ms 后会调 _flushPendingHide, 但 _pendingHide 已被 notifyDiyLoadError 消费
+		//       不应再调 _doHide (避免重复发 splash:hide 或时序错乱)
+		if (!this._pendingHide) return;
+		const _opts = this._pendingHide
+		const useStrict = _opts && (_opts.mode === 'strict' || _opts._strict === true)
+
+		// 如果页面还未就绪, 等待页面就绪 (保留 _pendingHide, 等页面就绪后再处理)
+		if (!this._pageReady) {
+			// strict 模式: 不设 pageReadyGraceId, 只等 notifyPageReady()
+			// 总超时由 show() 里的 _timeoutId 兜底 (DEFAULT_TIMEOUT=8s)
+			if (useStrict) {
+				return;
+			}
+			// 兜底: 2s 内没就绪, 强制隐藏
+			if (this._pageReadyGraceId) clearTimeout(this._pageReadyGraceId);
+			this._pageReadyGraceId = setTimeout(() => {
+				if (this._visible && this._pendingHide) {
+					console.warn('[splash-state] auto-hide after page-ready timeout');
+					this._doHide(this._pendingHide || { reason: 'page-ready-timeout' });
+				}
+			}, PAGE_READY_GRACE_MS);
+			return;
+		}
+
+		const opts = this._pendingHide;
+		this._pendingHide = null;
+		this._doHide(opts || { reason: 'mount-completed' });
+	}
+
+	/**
+	 * 实际隐藏 (硬路径)
+	 * @param {Object} opts
+	 * @param {string} [opts.reason='manual'] 隐藏原因
+	 * @param {string} [opts.mode='default'] 动画模式
+	 * @param {boolean} [opts._silent=false] true=不发 splash:hide 事件
+	 *   适用于 notifyDiyLoadError: 已经发了 splash:diy-error, 不能再发 splash:hide
+	 */
+	_doHide(opts) {
+		if (!this._visible) return; // 防重入
+		if (this._timeoutId) {
+			clearTimeout(this._timeoutId);
+			this._timeoutId = null;
+		}
+		if (this._mountGraceId) {
+			clearTimeout(this._mountGraceId);
+			this._mountGraceId = null;
+		}
+		if (this._pageReadyGraceId) {
+			clearTimeout(this._pageReadyGraceId);
+			this._pageReadyGraceId = null;
+		}
+		this._pendingHide = null;
+		this._visible = false;
+		// H5 降级对应的关闭
+		if (useNativeLoading()) {
+			try { uni.hideLoading(); } catch (e) {}
+		}
+		// _silent=true: 业务方已经从 notifyDiyLoadError 收了 splash:diy-error, 这里不发 splash:hide
+		if (opts._silent) return;
+		this._emit('splash:hide', {
+			reason: opts.reason || 'manual',
+			mode: opts.mode || 'default',
+		});
+	}
+
+	/**
+	 * 组件 mount 后通知 state 模块
+	 * - 标记 _hasMounted
+	 * - 如果有 _pendingHide, 触发真关
+	 * - H5 降级场景: 不再立即关掉原生 loading, 等待页面就绪后再关
+	 */
+	notifyMounted() {
+		if (this._hasMounted) return;
+		this._hasMounted = true;
+		if (this._pendingHide) {
+			setTimeout(() => this._flushPendingHide(), 50);
+		}
+	}
+
+	/**
+	 * 页面内容就绪后通知 state 模块
+	 * - 标记 _pageReady
+	 * - 如果有 _pendingHide, 触发真关
+	 * 调用时机: 首页 diy-group 渲染完成后调用
+	 */
+	notifyPageReady() {
+		if (this._pageReady) return;
+		this._pageReady = true;
+		if (this._pageReadyGraceId) {
+			clearTimeout(this._pageReadyGraceId);
+			this._pageReadyGraceId = null;
+		}
+		if (this._pendingHide) {
+			// 给页面一帧时间完成渲染, 再隐藏
+			setTimeout(() => this._flushPendingHide(), 50);
+		}
+	}
+
+	/**
+	 * diy 加载失败时通知 (网络异常/业务失败/无响应)
+	 * - 任何模式: 真关 splash (不能无限等, 错误已显示在页面横幅上)
+	 * - 触发独立事件 'splash:diy-error' (不是 'splash:hide')
+	 *   业务方可监听此事件做: 错误上报 / 自定义错误展示 / 区分错误类型
+	 * 调用时机: diy 错误横幅出现后 (diy.js._showDiyLoadError)
+	 *
+	 * @param {Object} [opts]
+	 * @param {string} [opts.reason='diy-load-error'] 隐藏原因
+	 *   用于 'splash:diy-error' 事件的 payload, 业务方可区分:
+	 *   - 'diy-network-error': 网络异常 (uni.request catch)
+	 *   - 'diy-no-response':   无响应 (res 为空)
+	 *   - 'diy-business-error': 业务失败 (code!=0)
+	 * @param {string} [opts.errorType] 错误类型: 'network' | 'business' | 'no-response'
+	 * @param {Object|string} [opts.err] 原始错误对象
+	 * @param {string} [opts.url] 出错的请求地址
+	 */
+	notifyDiyLoadError(opts = {}) {
+		// 已 _pageReady=true (notifyPageReady 之后): noop
+		// 原因: 业务方先调 notifyPageReady (diy 渲染好) 之后又调 notifyDiyLoadError (重复调用或时序错乱)
+		//       不应再触发 splash:diy-error (已经发过 splash:hide)
+		if (this._pageReady) return;
+		// 复用 notifyPageReady 的关闭逻辑 (页面就绪 = 错误状态也算"就绪")
+		// 原因: 错误状态页 (diyLoadError=true) 已经有 UI 反馈, splash 真关不卡视觉
+		this._pageReady = true
+		// 清除所有兜底, 真关 (strict 模式严格依赖 notifyPageReady/notifyDiyLoadError)
+		if (this._pageReadyGraceId) {
+			clearTimeout(this._pageReadyGraceId)
+			this._pageReadyGraceId = null
+		}
+		if (this._mountGraceId) {
+			clearTimeout(this._mountGraceId)
+			this._mountGraceId = null
+		}
+		// 触发独立事件 (不发 splash:hide, 让业务方区分正常 hide 和 diy 错误)
+		this._emit('splash:diy-error', {
+			reason: opts.reason || 'diy-load-error',
+			errorType: opts.errorType,
+			err: opts.err,
+			url: opts.url,
+		})
+		// 关键: 直接 _doHide 关闭 splash, **不**走 _flushPendingHide
+		// 原因: _flushPendingHide 内部会 _doHide → 触发 splash:hide 事件
+		//       notifyDiyLoadError 路径**只**应发 splash:diy-error, 不应发 splash:hide
+		//       (业务方根据事件类型区分, 不能混淆)
+		if (this._pendingHide) {
+			// 把 _pendingHide 取出, 直接 _doHide 关闭
+			// _silent=true 让 _doHide 不发 splash:hide (因为已经发了 splash:diy-error)
+			const _pendingOpts = this._pendingHide
+			this._pendingHide = null
+			setTimeout(() => this._doHide({ ..._pendingOpts, _silent: true }), 50)
+		}
+	}
+
+	/**
+	 * 组件 unmount 时通知 (用于 _hasMounted 状态管理)
+	 * 目前保留 _hasMounted=true, 因为一般只有 tab 页有 splash 组件, 不会动态增减
+	 */
+	notifyUnmounted() {
+		// 不重置 _hasMounted, 因为软隐藏的 _pendingHide 处理不依赖 unmount
+	}
+
+	isShow() {
+		return this._visible;
+	}
+
+	hasPendingHide() {
+		return this._pendingHide != null;
+	}
+
+	elapsed() {
+		if (!this._visible) return 0;
+		return Date.now() - this._shownAt;
+	}
+
+	on(event, fn) {
+		if (!this._listeners[event]) this._listeners[event] = [];
+		this._listeners[event].push(fn);
+	}
+
+	off(event, fn) {
+		if (!this._listeners[event]) return;
+		this._listeners[event] = this._listeners[event].filter(f => f !== fn);
+	}
+
+	_emit(event, payload) {
+		const arr = this._listeners[event];
+		if (!arr || !arr.length) return;
+		for (let i = 0; i < arr.length; i++) {
+			try { arr[i](payload); } catch (e) { console.warn('[splash-state] listener err', e); }
+		}
+	}
+
+	/**
+	 * 上报启动期进度
+	 *   节流: 16ms 内的多次 reportProgress 合并成 1 次 emit, 避免 splash re-render 风暴
+	 *   取较大值, 不允许后退 (即使 throttle 合并也不会让进度条后退)
+	 * @param {string} stageId - 阶段 id (STAGES 中定义)
+	 *   'boot' | 'lang' | 'theme' | 'override' | 'config' | 'privacy' | 'done'
+	 *   或自定义阶段 id (传 percent + label)
+	 * @param {Object} [meta] - { percent?, label?, source?: 'channel'|'timeout'|'error' }
+	 *   阶段完成时 percent 应该是该阶段的"完成态"百分比
+	 */
+	reportProgress(stageId, meta) {
+		const def = STAGES[stageId]
+		let percent, label
+		if (def) {
+			percent = (meta && typeof meta.percent === 'number') ? meta.percent : def.percent
+			label = (meta && meta.label) || def.label
+		} else {
+			// 自定义阶段
+			percent = (meta && typeof meta.percent === 'number') ? meta.percent : this._percent
+			label = (meta && meta.label) || stageId
+		}
+		// 取较大值, 不允许后退
+		if (percent < this._percent) percent = this._percent
+		this._percent = percent
+		this._stage = stageId
+		if (!this._stageSet.has(stageId)) this._stageSet.add(stageId)
+
+		// 节流 emit: 16ms 内的多次调用合并为 1 次
+		// 内部状态立即更新 (不延迟), 但 emit 推迟
+		// 注意: percent 不允许后退的逻辑已在上方处理, 所以 throttle 合并不会丢进度
+		const payload = {
+			stage: stageId,
+			label,
+			percent,
+			source: (meta && meta.source) || 'channel',
+			at: Date.now(),
+		}
+		this._pendingProgress = payload
+		if (this._flushTimer) return // 已有 pending, 等 timer flush
+		this._flushTimer = setTimeout(() => {
+			this._flushTimer = null
+			if (this._pendingProgress) {
+				const p = this._pendingProgress
+				this._pendingProgress = null
+				this._emit('splash:progress', p)
+			}
+		}, 16)
+	}
+
+	/**
+	 * 监听进度上报
+	 * callback({ stage, label, percent, source, at })
+	 *
+	 * 注意: 与 on() 不同, onProgress 是单例 listener (多个组件时只最后一个生效)
+	 * 设计意图: splash 进度条 UI 在系统中只有一个渲染者, 不需要多播
+	 */
+	onProgress(callback) {
+		this._listeners['splash:progress'] = [callback]
+	}
+
+	/**
+	 * 解绑进度上报 (清空 listener)
+	 */
+	offProgress() {
+		this._listeners['splash:progress'] = []
+	}
+
+	/**
+ * 读取当前进度 (供组件初始化)
+ * 同时返回已解析的 label, 避免组件再维护一份 STAGE_LABEL
+ */
+getProgress() {
+	const def = STAGES[this._stage]
+	return {
+		stage: this._stage,
+		percent: this._percent,
+		label: def ? def.label : this._stage,
+	}
+}
+
+/**
+ * 暴露 STAGES 表 (供 splash 组件直接消费, 避免重复维护一份)
+ */
+getStageDef(stageId) {
+	return STAGES[stageId]
+}
+
+	/**
+	 * 立即刷新挂起的进度更新
+	 *   - reportProgress 默认 16ms throttle (1 帧), 避免连续触发 splash 组件多次 re-render
+	 *   - 业务侧若要"立即"刷新 (例如 splash 即将隐藏), 可调本方法
+	 *   - 不存在 pending 时 noop
+	 */
+	flushProgress() {
+		if (this._pendingProgress) {
+			const p = this._pendingProgress
+			this._pendingProgress = null
+			if (this._flushTimer) {
+				clearTimeout(this._flushTimer)
+				this._flushTimer = null
+			}
+			this._emit('splash:progress', p)
+		}
+	}
+}
+
+const splashState = new SplashState();
+
+export default splashState;
+export { splashState };

common/js/theme-override.js

@@ -0,0 +1,476 @@
+/**
+ * 主题 token 远端覆写运行时
+ *
+ * 设计原则(与 lang.js 完全同构):
+ *   1) 后端只存"对要个性化的 token"做覆写 KV,前端拿本地 style_color.js + 远端覆写 合并
+ *   2) 三态机: unknown / ok / fail
+ *   3) 多租户 × 多端平台 × 多模式(brand/light/dark)三维隔离缓存
+ *   4) 失败归一: timeout / network / http / parse / exception
+ *   5) 失败时使用本地 style_color.js 兜底
+ *   6) 不修改 Vuex.themeStyle / themeColorSet / 页面 wrapper,只把"合并后的 token map"
+ *      提供给 store/index.js 的 applyThemeWithRemote action 使用
+ *
+ * 暴露的 API:
+ *   ThemeOverride.boot()              首屏阻塞拉取 + 缓存预热(失败静默)
+ *   ThemeOverride.refresh(force)      重新拉取 + 重新应用
+ *   ThemeOverride.getByTheme(theme)   取单个模式桶(brand/light/dark)的合并 KV
+ *   ThemeOverride.getAll()            { brand, light, dark }
+ *   ThemeOverride.onUniacidChange()   切租户后清旧缓存
+ *   ThemeOverride.getRemoteStatus()   'unknown' | 'ok' | 'fail'
+ *   ThemeOverride.onRemoteStatusChange(fn)  订阅状态变化
+ *   ThemeOverride.__debug_cache       内部缓存(测试用)
+ *
+ * 关键: 一次 boot 只发一次 HTTP 请求,后端 getAllByTenant 一次出 brand/light/dark 三桶
+ *       避免对每个 theme 单独请求造成的 3 倍带宽浪费
+ */
+
+import { themeConfig } from './config-external.js';
+import Config from './config.js';
+import http from './http.js';
+import { Platform } from './platform.js';
+
+const THEMES = ['brand', 'light', 'dark'];
+
+// 远端覆写:内存缓存
+//  shape: { [theme]: { version, map, ts, global_version } }
+const overrideCache = {};
+
+// 远端全量 preset 内存缓存(remote-only 模式用)
+//  shape: { [presetName]: { ...tokenMap } }
+const presetsCache = {};
+
+// 远端覆写:并发去重(以"全量拉取"为粒度)
+let allInflight = null;
+
+// 远端全量 preset 拉取:并发去重
+let presetsInflight = null;
+
+// 远端可用性三态机
+let remoteStatus = 'unknown';
+let remoteStatusAt = 0;
+const remoteStatusListeners = [];
+
+// 配置项缓存
+const REMOTE = (themeConfig && themeConfig.overrideRemote) || {};
+
+/**
+ * 校验 source 配置:只接受 local / remote / hybrid,其它一律视为 remote(安全默认)
+ */
+function normalizeSource(s) {
+	return ['local', 'remote', 'hybrid'].includes(s) ? s : 'remote';
+}
+const SOURCE = normalizeSource(REMOTE.source || 'remote');
+
+/**
+ * 远端失败原因归一
+ */
+function normalizeReason(s) {
+	const allow = ['timeout', 'network', 'http', 'parse', 'exception', 'unknown'];
+	return allow.includes(s) ? s : 'unknown';
+}
+
+/**
+ * 远端成功/失败状态机
+ */
+function setRemoteStatus(s, detail) {
+	if (remoteStatus === s) return;
+	const prev = remoteStatus;
+	remoteStatus = s;
+	remoteStatusAt = Date.now();
+	const safeDetail = {
+		reason: normalizeReason(detail && detail.reason),
+		theme:  detail && detail.theme,
+	};
+	remoteStatusListeners.forEach(fn => {
+		try { fn(s, safeDetail); } catch (e) { /* 忽略监听器异常 */ }
+	});
+	try { uni.$emit && uni.$emit('theme:remote-status', { from: prev, to: s, ...safeDetail }); } catch (e) {}
+	if (s === 'fail') {
+		try { uni.$emit && uni.$emit('theme:fallback', { reason: safeDetail.reason }); } catch (e) {}
+	}
+}
+
+/**
+ * 获得当前租户 id
+ */
+function getCurrentUniacid() {
+	const u = uni.getStorageSync('uniacid');
+	return u ? parseInt(u, 10) || Config.uniacid : Config.uniacid;
+}
+
+/**
+ * 当前平台类型
+ */
+function getCurrentAppType() {
+	try { return Platform.getAppType() || '*'; } catch (e) { return '*'; }
+}
+
+/**
+ * 持久化 key: <prefix><uniacid>_<appType>_<theme>
+ */
+function getOverrideStorageKey(theme) {
+	const u = getCurrentUniacid();
+	const a = getCurrentAppType();
+	return `${REMOTE.storagePrefix || 'THEME_OVR_'}${u}_${a}_${theme}`;
+}
+
+/**
+ * 内存 cache key: <uniacid>_<appType>_<theme>
+ */
+function getOverrideMemKey(theme) {
+	return `${getCurrentUniacid()}_${getCurrentAppType()}_${theme}`;
+}
+
+/**
+ * 从 storage 预热单个 theme 桶到内存(首屏兜底)
+ * 仅在内存还没有该 key 时才读 storage,避免覆盖更新值
+ */
+function preheatFromStorage(theme) {
+	const mk = getOverrideMemKey(theme);
+	if (overrideCache[mk]) return;
+	try {
+		const cached = uni.getStorageSync(getOverrideStorageKey(theme));
+		if (cached && cached.map) {
+			overrideCache[mk] = {
+				version: cached.version || 0,
+				map: cached.map || {},
+				ts: cached.ts || 0,
+				global_version: cached.global_version || 0,
+			};
+			return;
+		}
+	} catch (e) { /* 忽略 */ }
+	overrideCache[mk] = { version: 0, map: {}, ts: 0, global_version: 0 };
+}
+
+/**
+ * 把"单次 HTTP 响应"按 by_theme 拆到 3 个内存桶 + 持久化
+ */
+function applyRemoteResponse(d) {
+	const byTheme = (d && d.by_theme && typeof d.by_theme === 'object') ? d.by_theme : {};
+	const gv = (d && d.global_version) || 0;
+	const ts = Date.now();
+
+	THEMES.forEach(theme => {
+		const remoteMap = (byTheme[theme] && typeof byTheme[theme] === 'object') ? byTheme[theme] : {};
+		const mk = getOverrideMemKey(theme);
+		const baseCache = overrideCache[mk] || { version: 0, map: {}, ts: 0, global_version: 0 };
+		const merged = Object.assign({}, baseCache.map, remoteMap);
+		overrideCache[mk] = {
+			version: gv,
+			map: merged,
+			ts,
+			global_version: gv,
+		};
+		try { uni.setStorageSync(getOverrideStorageKey(theme), overrideCache[mk]); } catch (e) {}
+	});
+}
+
+/**
+ * 取"3 个桶里最大的 global_version"(穿透缓存用)
+ */
+function maxCachedGlobalVersion() {
+	let gv = 0;
+	THEMES.forEach(t => {
+		const mk = getOverrideMemKey(t);
+		const c = overrideCache[mk];
+		if (c && c.global_version > gv) gv = c.global_version;
+	});
+	return gv;
+}
+
+/**
+ * 一次 HTTP 拉齐 3 个 theme 桶
+ * 这是 boot() / refresh() / onUniacidChange() 共用的"拉取入口"
+ *
+ * 关键: 1 次 HTTP, 拆 3 桶,避免对每个 theme 单独请求造成 3 倍浪费
+ *
+ * @returns {Promise<{ source:'cache'|'remote'|'local', ok:boolean, reason?:string, themes:string[] }>}
+ */
+async function loadAllOverrides() {
+	if (SOURCE === 'local') return { source: 'local', ok: true, themes: THEMES };
+
+	// 并发去重:同一刻只允许一个在飞
+	if (allInflight) return allInflight;
+
+	allInflight = (async () => {
+		// 1) 先预热 storage 兜底
+		THEMES.forEach(preheatFromStorage);
+
+		// 2) 一次 HTTP 拉齐 3 桶
+		try {
+			const res = await Promise.race([
+				http.sendRequest({
+					url: REMOTE.overridesUrl || '/api/theme/overrides',
+					data: {
+						global_version: maxCachedGlobalVersion(),
+					},
+					async: false,
+				}),
+				new Promise((r) => setTimeout(() => r({ code: -1, message: 'timeout' }), REMOTE.requestTimeout || 4000)),
+			]);
+
+			if (!res || res.code !== 0 || !res.data) {
+				const reason = !res ? 'network' : (res.code === -1 ? 'timeout' : (res.message || 'bad-response'));
+				setRemoteStatus('fail', { reason, theme: 'all' });
+				return { source: 'local', ok: false, reason, themes: THEMES };
+			}
+
+			applyRemoteResponse(res.data);
+			setRemoteStatus('ok', { theme: 'all' });
+			emitUpdated('all');
+			return { source: 'remote', ok: true, themes: THEMES };
+		} catch (e) {
+			setRemoteStatus('fail', { reason: 'exception', error: String(e && e.message || e), theme: 'all' });
+			return { source: 'local', ok: false, reason: 'exception', themes: THEMES };
+		}
+	})();
+
+	try {
+		return await allInflight;
+	} finally {
+		allInflight = null;
+	}
+}
+
+/**
+ * 触发"主题已更新"事件
+ * 注意:Vuex 的 themeColorSet action 已经在 setThemeStyle 后跑过,
+ *       CSS 变量已挂到页面 wrapper 上,组件会自动刷新。
+ *       这里只发通知,方便业务代码(如自定义 JS 直读 themeStyle 的页面)主动 re-render。
+ */
+function emitUpdated(theme) {
+	try { uni.$emit && uni.$emit('theme:updated', { theme }); } catch (e) {}
+}
+
+// 远端全量 preset 持久化 key: <storagePresetsPrefix><uniacid>_<appType>
+function getPresetsStorageKey() {
+	const u = getCurrentUniacid();
+	const a = getCurrentAppType();
+	return `${REMOTE.storagePresetsPrefix || 'THEME_PRESETS_'}${u}_${a}`;
+}
+
+// 远端全量 preset 内存 cache key
+function getPresetsMemKey() {
+	return `${getCurrentUniacid()}_${getCurrentAppType()}`;
+}
+
+// 从 storage 预热全量 preset 到内存(首屏兜底)
+function preheatPresetsFromStorage() {
+	const mk = getPresetsMemKey();
+	if (presetsCache[mk] && Object.keys(presetsCache[mk]).length) return;
+	try {
+		const cached = uni.getStorageSync(getPresetsStorageKey());
+		if (cached && typeof cached === 'object') {
+			presetsCache[mk] = cached;
+			return;
+		}
+	} catch (e) { /* 忽略 */ }
+}
+
+/**
+ * 一次 HTTP 拉齐 8 个 preset(remote-only 模式)
+ * 关键: 不阻塞首屏,失败静默. store/index.js 的 applyThemeWithRemote 会优先用
+ *       内存缓存(由 loadAllPresets 写入), 缓存未命中时回退到 webpack stub(只含 default).
+ *
+ * @returns {Promise<{ source:'cache'|'remote'|'local'|'skipped', ok:boolean, presets?:object, reason?:string }>}
+ */
+async function loadAllPresets() {
+	if (SOURCE === 'local') return { source: 'skipped', ok: true, presets: {} };
+	if (!REMOTE.presetsUrl) return { source: 'skipped', ok: false, reason: 'no-url' };
+
+	// 并发去重
+	if (presetsInflight) return presetsInflight;
+
+	presetsInflight = (async () => {
+		// 1) 先预热 storage 兜底
+		preheatPresetsFromStorage();
+
+		// 2) 一次 HTTP 拉齐 8 个 preset
+		try {
+			const res = await Promise.race([
+				http.sendRequest({
+					url: REMOTE.presetsUrl,
+					data: {},
+					async: false,
+				}),
+				new Promise((r) => setTimeout(() => r({ code: -1, message: 'timeout' }), REMOTE.requestTimeout || 4000)),
+			]);
+
+			if (!res || res.code !== 0 || !res.data) {
+				const reason = !res ? 'network' : (res.code === -1 ? 'timeout' : (res.message || 'bad-response'));
+				console.warn('[theme-presets] remote load fail, keep stub:', reason);
+				return { source: 'local', ok: false, reason };
+			}
+
+			// 3) 解析响应. 期望格式: { by_preset: { default: {...}, green: {...}, ... } }
+			const byPreset = (res.data.by_preset && typeof res.data.by_preset === 'object') ? res.data.by_preset : null;
+			if (!byPreset) {
+				console.warn('[theme-presets] response missing by_preset');
+				return { source: 'local', ok: false, reason: 'parse' };
+			}
+
+			// 4) 写入内存缓存 + 持久化
+			const mk = getPresetsMemKey();
+			presetsCache[mk] = byPreset;
+			try { uni.setStorageSync(getPresetsStorageKey(), byPreset); } catch (e) {}
+
+			// 5) 通知已更新
+			try { uni.$emit && uni.$emit('theme:presets-updated'); } catch (e) {}
+
+			return { source: 'remote', ok: true, presets: byPreset };
+		} catch (e) {
+			console.warn('[theme-presets] remote load exception:', e && e.message);
+			return { source: 'local', ok: false, reason: 'exception' };
+		}
+	})();
+
+	try {
+		return await presetsInflight;
+	} finally {
+		presetsInflight = null;
+	}
+}
+
+// 导出主体
+export default {
+	SOURCE,
+
+	/**
+	 * 阻塞式预热:App.onLaunch 在 Lang.boot 后调用
+	 * 失败静默,不阻塞首屏
+	 *
+	 * @returns {Promise<{ok:boolean, source:'local'|'remote'|'cache'|'timeout', status:string, reason?:string, themes:string[]}>}
+	 */
+	async boot() {
+		if (SOURCE === 'local') {
+			return { ok: true, source: 'local', status: remoteStatus, themes: THEMES };
+		}
+
+		const bootTimeout = REMOTE.bootTimeout || 2000;
+		const t = new Promise((r) => setTimeout(() => r({ __timeout: true }), bootTimeout));
+
+		// 切租户检测
+		const currentUid = getCurrentUniacid();
+		try {
+			const lastUid = uni.getStorageSync('theme_last_uniacid');
+			if (lastUid && String(lastUid) !== String(currentUid)) {
+				this.onUniacidChange();
+			}
+			uni.setStorageSync('theme_last_uniacid', currentUid);
+		} catch (e) {}
+
+		const result = await Promise.race([loadAllOverrides(), t]);
+		if (result && result.__timeout) {
+			return { ok: false, source: 'timeout', status: 'fail', reason: 'timeout', themes: THEMES };
+		}
+		return {
+			ok: remoteStatus === 'ok',
+			source: remoteStatus === 'ok' ? 'remote' : 'local',
+			status: remoteStatus,
+			themes: THEMES,
+		};
+	},
+
+	/**
+	 * 主动重新拉取(管理后台改了之后 EventBus 通知触发)
+	 * @param {boolean} [force=false] true = 绕过缓存强刷
+	 */
+	async refresh(force = false) {
+		if (force) {
+			// 强刷:清掉内存 + 持久化缓存,逼 loadAllOverrides 走远端
+			THEMES.forEach(t => {
+				const mk = getOverrideMemKey(t);
+				if (overrideCache[mk]) overrideCache[mk] = { version: 0, map: {}, ts: 0, global_version: 0 };
+				try { uni.removeStorageSync(getOverrideStorageKey(t)); } catch (e) {}
+			});
+		}
+		return loadAllOverrides();
+	},
+
+	/**
+	 * 切租户后清旧缓存
+	 */
+	onUniacidChange() {
+		if (SOURCE === 'local') return;
+		if (REMOTE.refreshOnUniacidChange === false) return;
+		THEMES.forEach(t => {
+			const sk = getOverrideStorageKey(t);
+			try { uni.removeStorageSync(sk); } catch (e) {}
+			delete overrideCache[getOverrideMemKey(t)];
+		});
+		// 同步清空全量 preset 缓存(remote-only 模式)
+		const psk = getPresetsStorageKey();
+		try { uni.removeStorageSync(psk); } catch (e) {}
+		delete presetsCache[getPresetsMemKey()];
+		loadAllOverrides();
+	},
+
+	/**
+	 * 取某个 theme 桶(同步:有缓存返缓存;无缓存时该桶返回 {})
+	 * store/index.js 的 applyThemeWithRemote action 直接用
+	 * @param {'brand'|'light'|'dark'} theme
+	 * @returns {object}  扁平 KV  map (没有时返回 {})
+	 */
+	getByTheme(theme) {
+		const mk = getOverrideMemKey(theme);
+		const cached = overrideCache[mk];
+		return (cached && cached.map) ? cached.map : {};
+	},
+
+	/**
+	 * 取所有 theme 桶
+	 * @returns {{ brand: object, light: object, dark: object }}
+	 */
+	getAll() {
+		return {
+			brand: this.getByTheme('brand'),
+			light: this.getByTheme('light'),
+			dark:  this.getByTheme('dark'),
+		};
+	},
+
+	/**
+	 * 取全量 preset 内存缓存(remote-only 模式)
+	 * store/index.js 的 applyThemeWithRemote 通过这个取到远端拉的全量 preset
+	 * @returns {{ [presetName: string]: object }}
+	 */
+	getAllPresets() {
+		const mk = getPresetsMemKey();
+		return presetsCache[mk] || {};
+	},
+
+	/**
+	 * 主动拉全量 preset(remote-only 模式)
+	 * - 失败静默, 不抛错
+	 * - 内存 + 持久化双写
+	 * - 拉成功后发 uni.$emit('theme:presets-updated')
+	 *
+	 * @returns {Promise<{ source:'cache'|'remote'|'local'|'skipped', ok:boolean, presets?:object, reason?:string }>}
+	 */
+	loadAllPresets,
+
+	/**
+	 * 当前远端状态
+	 */
+	getRemoteStatus() { return remoteStatus; },
+
+	/**
+	 * 订阅远端状态变化
+	 * @param {(status:string, detail:object) => void} fn
+	 * @returns {() => void} unsubscribe
+	 */
+	onRemoteStatusChange(fn) {
+		if (typeof fn !== 'function') return () => {};
+		remoteStatusListeners.push(fn);
+		try { fn(remoteStatus, { at: remoteStatusAt, source: SOURCE }); } catch (e) {}
+		return () => {
+			const i = remoteStatusListeners.indexOf(fn);
+			if (i >= 0) remoteStatusListeners.splice(i, 1);
+		};
+	},
+
+	// 内部测试/调试用
+	__debug_overrideCache: overrideCache,
+	__debug_loadAllOverrides: loadAllOverrides,
+}

common/js/uniapp.utils.js

@@ -0,0 +1,149 @@
+/**
+ * 将常用的Uniapp提供的函数，存放到这里，按需引用
+ */
+
+import lang from './lang.js';
+
+
+/**
+ * 显示错误信息
+ * @param {Exception} err 
+ * @param {Boolean} useModal 
+ */
+const showError = (err, useModal = false) => {
+    const content = err?.message || err?.errMsg || err?.toString();
+    if (!useModal) {
+        uni.showToast({
+            title: content,
+            icon: 'none',
+            duration: 3000
+        });
+    } else {
+        uni.showModal({
+            title: lang.lang('uniappUtils.errorTip'),
+            content,
+            showCancel: false,
+        })
+    }
+}
+
+/**
+ * 打电话
+ * @param {string} mobile 电话号码
+ */
+export const makePhoneCall = (mobile) => {
+    try {
+        uni.makePhoneCall({
+            phoneNumber: `${mobile}`,
+            success(e) {
+            }
+        });
+    } catch (err) {
+        showError(err);
+    }
+}
+
+/**
+ * 拷贝文本（返回 Promise）
+ * @param {*} text 
+ * @param {*} options
+ * @returns {Promise} 返回 Promise，成功时 resolve，失败时 reject
+ */
+export const copyTextAsync = (text, { copySuccess = '', copyFailed = '' } = {}) => {
+    return new Promise((resolve, reject) => {
+        // 输入验证
+        if (!text && text !== '') {
+            const error = new Error(lang.lang('uniappUtils.copyTextEmpty'));
+            showError(error);
+            reject(error);
+            return;
+        }
+
+        // 超时监测
+        const timeoutId = setTimeout(() => {
+            let error = new Error(lang.lang('uniappUtils.copyTimeout'));
+            // #ifdef MP-WEIXIN
+            error = new Error([
+                lang.lang('uniappUtils.copyTimeoutTitle'),
+                lang.lang('uniappUtils.copyTimeoutReason'),
+                lang.lang('uniappUtils.wechatClipboardReason1'),
+                lang.lang('uniappUtils.wechatClipboardReason2')
+            ].join('\r\n'));
+            // #endif
+            showError(error, true);
+            reject(error);
+        }, 5000);
+
+        try {
+            uni.setClipboardData({
+                data: `${text}`,
+                success: (res) => {
+                    clearTimeout(timeoutId);
+
+                    try {
+                        if (copySuccess) {
+                            uni.showToast({
+                                title: copySuccess,
+                                icon: 'success',
+                                duration: 2000
+                            });
+                        }
+                    } catch (e) {
+                        showError(e);
+                    }
+
+                    resolve(res);
+                },
+                fail: (err) => {
+                    clearTimeout(timeoutId);
+                    try {
+                        uni.showToast({
+                            title: err.message || err.errMsg || copyFailed || lang.lang('uniappUtils.copyFailed'),
+                            icon: 'none',
+                            duration: 2000
+                        });
+                    } catch (e) {
+                        showError(e);
+                    }
+                    reject(err);
+                }
+            });
+        } catch (err) {
+            clearTimeout(timeoutId);
+            showError(err);
+            reject(err);
+        }
+    });
+}
+
+/**
+ * 拷贝文本（回调形式，兼容旧代码）
+ * @param {*} text 
+ * @param {*} options
+ * @param {Function} callback 回调函数，接收 (success, error) 参数
+ */
+export const copyText = (text, options = {}, callback) => {
+    copyTextAsync(text, options)
+        .then(res => {
+            if (callback) callback(true, null);
+        })
+        .catch(err => {
+            if (callback) callback(false, err);
+        });
+}
+
+/**
+ * 打开定位
+ * @param {Object} options 
+ */
+export const openLocation = ({ latitude, longitude, name } = {}) => {
+    try {
+        uni.openLocation({
+            latitude,
+            longitude,
+            name,
+        });
+    } catch (err) {
+        showError(err);
+    }
+}

common/js/util-navigate.js

@@ -0,0 +1,814 @@
+/**
+ * util-navigate.js
+ *
+ * 跳转链路专用的工具集 — 从 util.js 拆分出来
+ *
+ * 包含的函数(全部服务于 redirectTo / diyRedirectTo 跳转链路):
+ *   - _toParamValueString       : 把任意值序列化成可作为 URL 参数的字符串
+ *   - parsePageParams            : 把 page_params 还原成对象(JSON.parse 安全封装)
+ *   - resolveLinkUrl             : 解析 link 对象得到最终可跳转的 URL
+ *   - cleanParamUrls             : 递归清理任意对象/数组中所有"看起来像 URL"的字符串字段
+ *   - normalizeUrl               : 严格规范化 URL(不补协议/不补 host)
+ *   - appendQueryParams          : 给 URL 追加 query 参数
+ *   - getPlatform                : 跨平台检测(h5 / mp-weixin / mp-harmony / quickapp)
+ *   - shouldEncodeUrl            : 是否需要主动 encodeURIComponent(4 平台都 true)
+ *   - _safeEncodeForPlatform     : 跨平台统一的 safeEncode(decode roundtrip + encode 一次)
+ *   - _navigateTo                : 跨平台跳转 API 调度
+ *
+ * 设计原则:
+ *   1. 不依赖 util.js,避免循环依赖
+ *   2. 全部为普通函数(不挂在 default export 对象上),方便 tree-shaking 和测试
+ *   3. 行为完全兼容 util.js 旧版,util.js 通过 import 把这些方法挂载到 default export 上
+ *      (所有调用方 this.$util.cleanParamUrls / this.$util.redirectTo 等都不需要改)
+ *
+ * 跨平台编码 / 跳转策略文档见 _safeEncodeForPlatform / _navigateTo 的注释
+ */
+
+// =============================================================
+//  基础工具
+// =============================================================
+
+/**
+ * 把任意值序列化成可作为 URL 参数的字符串。
+ * - 对象/数组: JSON.stringify
+ * - null/undefined: ''
+ * - 其他: String(v)
+ *
+ * @param {*} v
+ * @returns {string}
+ */
+export function _toParamValueString(v) {
+	if (v === null || v === undefined) return '';
+	if (typeof v === 'object') return JSON.stringify(v);
+	return String(v);
+}
+
+/**
+ * 把 URL 上的 page_params 还原成对象。是 _toParamValueString 的逆操作。
+ * 容错策略: 任何解析失败都安全降级到 defaultValue,不抛异常。
+ *
+ * @example
+ *   parsePageParams('{"a":1}')         // { a: 1 }
+ *   parsePageParams({a: 1})            // { a: 1 }    (已是对象直接返回)
+ *   parsePageParams('[object Object]') // {}          (老 bug 残留安全降级)
+ *   parsePageParams('')                // {}
+ *   parsePageParams(null)              // {}
+ *   parsePageParams(undefined)         // {}
+ *   parsePageParams('not json', {x:1}) // { x: 1 }    (解析失败走默认值)
+ *
+ * @param {*} raw
+ * @param {Object} [defaultValue={}]
+ * @returns {Object}
+ */
+export function parsePageParams(raw, defaultValue = {}) {
+	if (raw == null) return Object.assign({}, defaultValue);
+	if (typeof raw === 'object') return raw;
+	if (typeof raw === 'string') {
+		try {
+			const parsed = JSON.parse(raw);
+			return typeof parsed === 'object' && parsed !== null
+				? parsed
+				: Object.assign({}, defaultValue);
+		} catch (e) {
+			return Object.assign({}, defaultValue);
+		}
+	}
+	return Object.assign({}, defaultValue);
+}
+
+// =============================================================
+//  resolveLinkUrl
+// =============================================================
+
+/**
+ * 解析 link 对象得到最终可跳转的 URL
+ * 同时把 wap_url 自带的 query 参数与 page_params 合并, 写入 link.page_params;
+ * 并把 link.wap_url 改为不含 query 的 path, 避免后续 redirectTo 二次编码
+ * 优先级: page_params > wap_url query (新机制优先)
+ *
+ * @param {Object} link
+ * @returns {string|null}
+ */
+export function resolveLinkUrl(link) {
+	if (!link) return null;
+	// 0. 把 wap_url 中的 query 合并到 page_params
+	if (link.wap_url) {
+		const decodedWap = decodeEntity(link.wap_url);
+		const queryIdx = decodedWap.indexOf('?');
+		if (queryIdx !== -1) {
+			const path = decodedWap.substring(0, queryIdx);
+			const queryStr = decodedWap.substring(queryIdx + 1);
+			const urlParams = {};
+			queryStr.split('&').forEach((kv) => {
+				if (!kv) return;
+				const eqIdx = kv.indexOf('=');
+				const k = eqIdx === -1 ? kv : kv.substring(0, eqIdx);
+				const v = eqIdx === -1 ? '' : kv.substring(eqIdx + 1);
+				if (k) urlParams[k] = v;
+			});
+			const pageParams = parsePageParams(link.page_params);
+			link.page_params = Object.assign({}, urlParams, pageParams);
+			link.wap_url = path;
+		}
+	}
+	// 1. 优先使用 page_key(新机制)
+	if (link.page_key) {
+		// 这里原本会调 resolvePageUrl(link.page_key, params),
+		// 但 util-navigate.js 不依赖 util.js,因此返回 link.wap_url
+		// (util.js 在 import 此模块后会用 page_key 重新解析)
+		const params = parsePageParams(link.page_params);
+		// 注: 完整 page_key 解析留给 util.js (它有 resolvePageUrl)
+		// 这里只做"wap_url 已被 resolveLinkUrl 处理过" 的返回
+	}
+	// 2. 回退: 旧的 wap_url(已被处理为不含 query 的 path)
+	if (link.wap_url) {
+		return link.wap_url;
+	}
+	return null;
+}
+
+/**
+ * decodeEntity — HTML 实体解码
+ * (从 util.js 顶层 export 搬过来, 跟其他跳转工具一起)
+ *
+ * 解码 &xxx; / &#xN; 等 HTML 实体
+ * 容错: 任何解析失败都返回原文
+ *
+ * @param {string} str
+ * @param {boolean} [amp=true] 是否解码 &
+ * @returns {string}
+ */
+export function decodeEntity(str, amp) {
+	const html4Entities = {
+		nbsp: ' ', iexcl: '¡', cent: '¢', pound: '£', curren: '₣', yen: '¥',
+		brvbar: '§', sect: 'Ş', uml: '¨', copy: '©', ordf: 'ª', laquo: '«',
+		not: '¬', shy: '­®', macr: '¯', deg: '°', plusmn: '±', sup2: '²',
+		sup3: '³', acute: '´', micro: 'µ', para: '¶', middot: '·', cedil: '¸',
+		sup1: '¹', ordm: 'º', raquo: '»', frac14: '¼', frac12: '½', frac34: '¾',
+		iquest: '¿', agrave: 'à', aacute: 'á', acirc: 'â', atilde: 'ã', auml: 'ä',
+		aring: 'å', aelig: 'æ', ccedil: 'ç', egrave: 'è', eacute: 'é', ecirc: 'ê',
+		euml: 'ë', igrave: 'ì', iacute: 'í', icirc: 'î', iuml: 'ï', eth: 'ð',
+		ntilde: 'ñ', ograve: 'ò', oacute: 'ó', ocirc: 'ô', otilde: 'õ', ouml: 'ö',
+		times: 'ø', ugrave: 'ù', uacute: 'ú', ucirc: 'û', uuml: 'ü', yacute: 'ý',
+		thorn: 'þ', yuml: 'ÿ', fnof: 'ƒ', alpha: 'α', beta: 'β', gamma: 'γ',
+		delta: 'δ', epsilon: 'ε', zeta: 'ζ', eta: 'η', theta: 'θ', iota: 'ι',
+		kappa: 'κ', lambda: 'λ', mu: 'μ', nu: 'ν', xi: 'ξ', omicron: 'ο',
+		pi: 'π', rho: 'ρ', sigmaf: 'σ', sigma: 'σ', tau: 'τ', upsilon: 'υ',
+		phi: 'φ', chi: 'ψ', omega: 'ω',
+	};
+	amp = amp === undefined ? true : amp;
+	let i = str.indexOf('&');
+	while (i !== -1) {
+		const j = str.indexOf(';', i + 3);
+		let code;
+		if (j === -1) break;
+		if (str[i + 1] === '#') {
+			code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j));
+			if (!isNaN(code)) {
+				str = str.substring(0, i) + String.fromCharCode(code) + str.substring(j + 1);
+			}
+		} else {
+			code = str.substring(i + 1, j);
+			if (html4Entities[code] || (code === 'amp' && amp)) {
+				str = str.substring(0, i) + (html4Entities[code] || '&') + str.substring(j + 1);
+			}
+		}
+		i = str.indexOf('&', i + 1);
+	}
+	return str;
+}
+
+// =============================================================
+//  cleanParamUrls
+// =============================================================
+
+/**
+ * 递归清理任意对象/数组中所有"看起来像 URL"的字符串字段:
+ *   - 去除反引号 / 各种空白 / 零宽字符
+ *   - 修复 scheme 后多余斜杠(https:////host → https://host)
+ *
+ * "看起来像 URL" 的判定: 含 `://`(大小写不敏感)
+ *   - 命中: 走清理
+ *   - 不命中: 原样保留(name / title / 标识符等普通字符串字段不被误伤)
+ *
+ * 设计: 不限定 key 列表,递归遍历,新加任何 URL 字段都自动覆盖
+ *
+ * @param {*} value 任意值
+ * @returns {*} 与输入同结构的清理后值
+ */
+export function cleanParamUrls(value) {
+	// 内部递归函数,通过闭包引用自身,避免 this 绑定问题
+	const _clean = (v) => {
+		if (v === null || v === undefined) return v;
+		if (typeof v === 'string') {
+			if (/:\/\//i.test(v)) {
+				return v
+					.split('').filter((ch) =>
+						ch !== '`' && ch !== ' ' && ch !== '\t' && ch !== '\n' && ch !== '\r',
+					).join('')
+					.replace(/^(https?:\/\/)\/+/i, '$1');
+			}
+			return v;
+		}
+		if (Array.isArray(v)) {
+			return v.map((item) => _clean(item));
+		}
+		if (typeof v === 'object') {
+			const out = {};
+			for (const k of Object.keys(v)) {
+				out[k] = _clean(v[k]);
+			}
+			return out;
+		}
+		return v;
+	};
+	return _clean(value);
+}
+
+// =============================================================
+//  normalizeUrl
+// =============================================================
+
+/**
+ * 严格 URL 规范化(只规范化已有部分,绝不自动补充)
+ *
+ * 策略:
+ *   1) 预清理: 剥离反引号 / 各种空白 / BOM / 零宽字符(脏数据兜底)
+ *   2) 不补 https:// — 如果原串没有协议,保持没有
+ *   3) 不补 host — 如果原串没有 host,保持没有
+ *   4) 只对真实存在的部分做规范化: 协议小写、host 小写、path 解析 . ..、合并多 /、去默认端口、query 排序
+ *   5) scheme 后只允许恰好 2 个 '/',不允许 https:////host 这类畸形,遇到就返回 ''
+ *
+ * @param {string} urlString
+ * @returns {string} 标准化后的 URL;若输入无法解析为合法 URL 则返回空串 ''
+ */
+export function normalizeUrl(urlString) {
+	if (!urlString || typeof urlString !== 'string') return '';
+
+	// 1) 预清理: 反引号 / 各种空白 / BOM / 零宽字符
+	let url = urlString
+		.split('').filter((ch) => {
+			const code = ch.charCodeAt(0);
+			if (code <= 0x20) return false;
+			if (ch === '`') return false;
+			if (code === 0x3000) return false;
+			if (code === 0xFEFF || code === 0x200B ||
+				code === 0x200C || code === 0x200D ||
+				code === 0x2060) return false;
+			return true;
+		}).join('');
+
+	// 2) 解析协议(可选,允许缺失)
+	const protocolMatch = url.match(/^(https?):\/\//i);
+	let protocol = '';
+	let rest = url;
+	if (protocolMatch) {
+		protocol = protocolMatch[1].toLowerCase() + '://';
+		rest = url.substring(protocolMatch[0].length);
+		// scheme 后不能紧跟 '/',即不允许 https:////host
+		if (rest.charAt(0) === '/') {
+			console.warn('[normalizeUrl] scheme 后有多余的 /:', urlString);
+			return '';
+		}
+	} else {
+		rest = url;
+	}
+
+	// 3) 解析 hash
+	const hashIndex = rest.indexOf('#');
+	let hash = '';
+	let mainPart = rest;
+	if (hashIndex !== -1) {
+		hash = rest.substring(hashIndex);
+		mainPart = rest.substring(0, hashIndex);
+	}
+
+	// 4) 解析 query
+	const queryIndex = mainPart.indexOf('?');
+	let query = '';
+	let pathPart = mainPart;
+	if (queryIndex !== -1) {
+		query = mainPart.substring(queryIndex); // 包含 '?'
+		pathPart = mainPart.substring(0, queryIndex);
+	}
+
+	// 5) 解析 host
+	let hostname = '';
+	let port = '';
+	let pathname = pathPart;
+	if (protocol) {
+		const firstSlash = pathPart.indexOf('/');
+		const hostPort = firstSlash === -1 ? pathPart : pathPart.substring(0, firstSlash);
+		pathname = firstSlash === -1 ? '' : pathPart.substring(firstSlash);
+		if (hostPort) {
+			const colonIdx = hostPort.lastIndexOf(':');
+			if (colonIdx !== -1) {
+				hostname = hostPort.substring(0, colonIdx);
+				port = hostPort.substring(colonIdx + 1);
+			} else {
+				hostname = hostPort;
+			}
+		}
+	}
+
+	// 6) 规范化 host
+	let lowerHostname = '';
+	if (hostname) {
+		lowerHostname = hostname.toLowerCase();
+		if ((protocol === 'http://' && port === '80') ||
+			(protocol === 'https://' && port === '443')) {
+			port = '';
+		}
+		if (/[\/\s]/.test(lowerHostname)) {
+			console.warn('[normalizeUrl] host 含非法字符:', urlString);
+			return '';
+		}
+	}
+
+	// 7) 规范化 pathname
+	let normalizedPath = pathname;
+	if (normalizedPath) {
+		const segments = normalizedPath.split('/');
+		const resolved = [];
+		for (let i = 0; i < segments.length; i++) {
+			const seg = segments[i];
+			if (seg === '' || seg === '.') {
+				if (i === 0) resolved.push('');
+				continue;
+			}
+			if (seg === '..') {
+				if (resolved.length > 1) resolved.pop();
+				continue;
+			}
+			resolved.push(seg);
+		}
+		normalizedPath = resolved.join('/') || '/';
+	}
+
+	// 8) 规范化 query
+	let normalizedQuery = '';
+	if (query) {
+		const qs = query.substring(1);
+		if (qs) {
+			const pairs = qs.split('&').map((pair) => {
+				const eqIdx = pair.indexOf('=');
+				return eqIdx === -1
+					? { k: pair, v: '' }
+					: { k: pair.substring(0, eqIdx), v: pair.substring(eqIdx + 1) };
+			});
+			pairs.sort((a, b) => a.k.localeCompare(b.k));
+			normalizedQuery = '?' + pairs.map((p) => p.k + '=' + p.v).join('&');
+		}
+	}
+
+	// 9) 拼回
+	const portStr = port ? ':' + port : '';
+	const hostPart = lowerHostname ? lowerHostname + portStr : '';
+	const schemeAndHost = protocol + hostPart;
+	return schemeAndHost + normalizedPath + normalizedQuery + hash;
+}
+
+// =============================================================
+//  extractInternalAppPath
+// =============================================================
+
+/**
+ * 从一个 URL 中提取"本 App 内部页面路径"。
+ *
+ * 背景 / 修复的 bug:
+ *   后台装修数据里,内部页面常被存成【绝对 URL】,例如
+ *     https://host/hwappx/common/pages_tool/form/formdata?id=130
+ *   diyRedirectTo 用 `wap_url.indexOf('http') != -1` 判断"外部链接",于是:
+ *     - H5:   走 window.location.href → 整页刷新;点返回时整个 App 重启、启动屏重播、状态丢失
+ *     - MP:   走 web-view → 本应原生跳转的内部页被塞进 web-view
+ *   本函数把这类"指向本 App 内部页面"的绝对 URL 还原成相对路径,
+ *   让 diyRedirectTo 改走内部页面分支(uni.navigateTo / SPA 跳转)。
+ *
+ * 判定规则(双闸门,避免误伤真正的外部站点):
+ *   闸门 1 —— host 校验(相对路径直接放行):
+ *     绝对 URL 的 host 必须与本 App 自己的域名【完全一致】(忽略端口, 大小写不敏感);
+ *     否则返回 null(视为真外链, 维持原逻辑)。
+ *     ★ 完全一致是最严格的口径: 不同子域(如 xcx3 vs xcx6)、不同域名一律当外链,
+ *       彻底杜绝误伤 Shopify(xxx.myshopify.com/pages/about)、Facebook 等外站。
+ *   闸门 2 —— 路径校验:
+ *     pathname 中出现以 App 页面根开头的段(pages / pages_xxx),
+ *     则从该段起截取为内部路径(以 '/' 开头),连同 query/hash 一起返回;
+ *     未命中返回 null。
+ *
+ * @example
+ *   const H = ['xcx6.aigc-quickapp.com']
+ *   extractInternalAppPath('https://xcx6.aigc-quickapp.com/hwappx/common/pages_tool/form/formdata?id=1', H)
+ *     // '/pages_tool/form/formdata?id=1'   (域名完全一致 → 还原)
+ *   extractInternalAppPath('https://xcx3.aigc-quickapp.com/hwappx/common/pages/index/index', H)
+ *     // null   (子域不同 → 维持外链)
+ *   extractInternalAppPath('https://xxx.myshopify.com/pages/about-us', H)
+ *     // null   (外域名 → 维持外链,不误伤)
+ *   extractInternalAppPath('/pages_goods/detail?id=9', H)
+ *     // '/pages_goods/detail?id=9'   (相对路径 → 内部)
+ *
+ * @param {string} url  绝对或相对 URL
+ * @param {string|string[]|true} [allowedHosts]  本 App 自己的域名(可传完整 URL 或纯 host,会自动提取);
+ *   传 `true` 表示【强制内部】—— 跳过 host 校验, 只要路径含 /pages 段就还原(用于 open_mode='internal')。
+ * @returns {string|null}  形如 '/pages_tool/form/formdata?id=1' 的内部路径,或 null
+ */
+export function extractInternalAppPath(url, allowedHosts) {
+	if (!url || typeof url !== 'string') return null;
+	let rest = url;
+	// 闸门 1: host 校验(完全一致);allowedHosts === true 时跳过(强制内部)
+	const hostMatch = rest.match(/^https?:\/\/([^/]*)/i);
+	if (hostMatch) {
+		if (allowedHosts !== true) {
+			const host = (hostMatch[1] || '').toLowerCase().replace(/:\d+$/, '');
+			const allow = _normalizeHostList(allowedHosts);
+			if (!host || allow.indexOf(host) === -1) return null; // 域名不完全一致 → 不改
+		}
+		rest = rest.substring(hostMatch[0].length);
+	}
+	// 闸门 2: 路径校验(找第一个"页面根段" /pages 或 /pages_xxx)
+	const pageMatch = rest.match(/\/pages(?:_[a-z0-9]+)?\//i);
+	if (!pageMatch) return null;
+	const internal = rest.substring(pageMatch.index);
+	return internal || null;
+}
+
+/**
+ * 把 allowedHosts 归一化成纯 host 数组(小写、去协议、去路径、去端口)。
+ * 入参每一项可以是完整 URL(https://host/xx/)或纯 host(host:port)。
+ * @param {string|string[]} hosts
+ * @returns {string[]}
+ */
+function _normalizeHostList(hosts) {
+	if (!hosts) return [];
+	const arr = Array.isArray(hosts) ? hosts : [hosts];
+	const out = [];
+	for (const h of arr) {
+		if (!h || typeof h !== 'string') continue;
+		let s = h.trim().toLowerCase();
+		const m = s.match(/^https?:\/\/([^/]*)/i);
+		if (m) s = m[1] || '';
+		else s = s.replace(/\/.*$/, ''); // 去掉可能带的 path
+		s = s.replace(/:\d+$/, '');       // 去端口
+		if (s) out.push(s);
+	}
+	return out;
+}
+
+/**
+ * 解析 link 的导航模式(统一开关)。用于 diyRedirectTo 决定内部页面绝对 URL 如何跳转。
+ *
+ * 取值来源(顶层字段 或 page_params 里, 大小写不敏感, 兼容驼峰 openMode):
+ *   - open_mode = 'internal' | 'spa'  → 'internal'  强制走内部 SPA(忽略域名是否一致)
+ *   - open_mode = 'online'   | 'web'  → 'online'    强制走线上(H5 整页刷新 / MP web-view)
+ *   - 未设置 / 其他                     → 'auto'      自动: 域名完全一致才内部, 否则线上
+ *
+ * @param {Object} link
+ * @returns {'internal'|'online'|'auto'}
+ */
+export function resolveNavMode(link) {
+	if (!link || typeof link !== 'object') return 'auto';
+	const pp = (link.page_params && typeof link.page_params === 'object') ? link.page_params : {};
+	const raw = link.open_mode != null ? link.open_mode
+		: (link.openMode != null ? link.openMode
+			: (pp.open_mode != null ? pp.open_mode : pp.openMode));
+	const m = (typeof raw === 'string') ? raw.trim().toLowerCase() : '';
+	if (m === 'internal' || m === 'spa') return 'internal';
+	if (m === 'online' || m === 'web') return 'online';
+	return 'auto';
+}
+
+// =============================================================
+//  hasStaleUniacidInUrl
+// =============================================================
+//  pickCurrentUniacid
+// =============================================================
+
+/**
+ * 从两个候选 uniacid 源中选出"系统当前 uniacid"。
+ *
+ * 用法(当前 diyRedirectTo 中的实际调用, 必须与 http.js 行 168 保持一致):
+ *   pickCurrentUniacid(
+ *     uni.getStorageSync('uniacid'),   // 持久化, 登录/初始化写入
+ *     Config.uniacid,                  // 编译期兜底
+ *   )
+ *
+ * 优先级: 第一个参数非 0 → 选第一个; 否则选第二个非 0 值; 都没有 → 0。
+ * 0 视为"无 uniacid": 业务上 uniacid 不会是 0, parseInt 后为 0 也算无效。
+ *
+ * ★ 注意: 故意【不读 store.state.uniacid】。当前代码库里 store.state 上从未设置
+ *   uniacid 字段(http.js 只用 storage/Config), 若引入 store 分支会出现
+ *   "守卫用 A 真值, http 请求用 B 真值"的不一致。
+ *
+ * @param {*} primaryValue    第一候选(运行时持久化值)
+ * @param {*} secondaryValue  第二候选(编译期兜底)
+ * @returns {number}  选出的 uniacid; 都无效时返回 0
+ */
+export function pickCurrentUniacid(primaryValue, secondaryValue) {
+	const a = parseInt(primaryValue, 10);
+	if (a) return a; // 非 0 真值
+	const b = parseInt(secondaryValue, 10);
+	if (b) return b;
+	return 0;
+}
+
+// =============================================================
+//  hasStaleUniacidInUrl
+// =============================================================
+
+/**
+ * 检测 link.wap_url 中【URL 原生】的 uniacid query 与系统当前 uniacid 是否一致。
+ *
+ * 用途: uniacid 是平台租户 ID, 会随租户迁移 / 平台调整而变化。
+ *   - 如果数据里的 wap_url 自带的 uniacid 与当前系统不一致,
+ *     说明这份装修数据可能是历史遗留或别的租户的(脏数据),
+ *     不应该被自动改写成内部 SPA(否则会跳到错租户的内页 / 拿错数据)。
+ *   - 应当保守地走外链(整页 / web-view), 让原 URL(及其 uniacid)如实生效。
+ *
+ * 关键: 必须【在 resolveLinkUrl 抽走 query 之前】判断, 否则 URL 里的 uniacid 已经
+ *  被搬到 page_params 里, 分不清"URL 原生"还是"外加的"。
+ *
+ * 比较规则: 两侧 parseInt 后比较, 兼容 '2482' vs 2482、URL 编码、空值。
+ *
+ * @param {string} wap_url  link.wap_url (resolveLinkUrl 之前的原始值)
+ * @param {string|number|null} currentUniacid  系统当前的 uniacid
+ *   (0 / null / '' / undefined 一律视为"无当前 uniacid", 返回 false — 让上游决定怎么做)
+ * @returns {boolean}  true = URL 原生 uniacid 与当前不一致(脏数据, 该强制走线上)
+ */
+export function hasStaleUniacidInUrl(wap_url, currentUniacid) {
+	if (!wap_url || typeof wap_url !== 'string') return false;
+	if (currentUniacid == null || currentUniacid === '' || currentUniacid === 0) return false;
+	const m = wap_url.match(/[?&]uniacid=([^&#]*)/i);
+	if (!m) return false;
+	let urlUniacid;
+	try { urlUniacid = decodeURIComponent(m[1]); } catch (e) { urlUniacid = m[1]; }
+	const cur = String(currentUniacid);
+	const a = parseInt(urlUniacid, 10);
+	const b = parseInt(cur, 10);
+	// 两侧都能 parse 成数字时按数字比; 否则按字符串比
+	if (!Number.isNaN(a) && !Number.isNaN(b)) return a !== b;
+	return urlUniacid !== cur;
+}
+
+// =============================================================
+//  appendQueryParams
+// =============================================================
+
+/**
+ * 给 URL 追加 query 参数(已存在的 key 会被覆盖)
+ *
+ * @param {string} url
+ * @param {Object} params
+ * @returns {string}
+ */
+export function appendQueryParams(url, params) {
+	if (!url) return '';
+	if (!params) return url;
+
+	const hashIndex = url.indexOf('#');
+	let hash = '';
+	let targetUrl = url;
+	if (hashIndex !== -1) {
+		hash = url.substring(hashIndex);
+		targetUrl = url.substring(0, hashIndex);
+	}
+
+	const separator = targetUrl.includes('?') ? '&' : '?';
+	const queryString = Object.entries(params)
+		.filter(([, value]) => value !== undefined && value !== null)
+		// 对象/数组走 JSON.stringify,避免 String({}) 退化成 "[object Object]"
+		.map(([key, value]) => `${key}=${_toParamValueString(value)}`)
+		.join('&');
+
+	return targetUrl + separator + queryString + hash;
+}
+
+// =============================================================
+//  跨平台检测 / 编码 / 跳转
+// =============================================================
+
+/**
+ * 平台检测 — 4 个目标平台:
+ *   - 'h5'            浏览器
+ *   - 'mp-weixin'     微信小程序
+ *   - 'mp-harmony'    鸿蒙元服务
+ *   - 'quickapp'      华为快应用 (实际是 H5 嵌入快应用 Webview)
+ *
+ * 测试覆盖: util.js 在 import 后,可在 default export 上设 __platform 强制指定
+ */
+export function getPlatform() {
+	// 1) 测试覆盖: 通过模块级 _testPlatform 注入
+	if (typeof globalThis !== 'undefined' && globalThis.__UTIL_NAVIGATE_TEST_PLATFORM__) {
+		return globalThis.__UTIL_NAVIGATE_TEST_PLATFORM__;
+	}
+
+	// 2) 编译时变量
+	// #ifdef MP-WEIXIN
+	return 'mp-weixin'
+	// #endif
+	// #ifdef MP-HARMONY
+	return 'mp-harmony'
+	// #endif
+
+	// 3) 运行时
+	if (navigator?.userAgent?.includes('mode-quickapp')) { // H5网页，如何判断自己在华为快应用的Webview中
+    	return 'quickapp'
+	}
+
+	// #ifdef H5
+	try {
+		var ua = navigator?.userAgent;
+		if (ua) {
+			// 华为快应用内嵌 WebView 的 UA 关键字:HarmonyQuickApp / HuaweiQuickApp / HQABridge / QuickApp
+			const isQuickapp = /HarmonyQuickApp|HuaweiQuickApp|HQABridge|QuickApp/i.test(ua);
+			if (isQuickapp) {
+				return 'quickapp'
+			}
+		}
+
+	} catch (e) {}
+	// #endif
+
+	if (typeof process !== 'undefined' && process.env && process.env.UNI_PLATFORM) {
+		return process.env.UNI_PLATFORM;
+	}
+	if (typeof window !== 'undefined' && typeof window.location !== 'undefined' && typeof uni === 'undefined') {
+		return 'h5';
+	}
+	if (typeof uni !== 'undefined' && typeof uni.getSystemInfoSync === 'function') {
+		try {
+			const info = uni?.getSystemInfoSync();
+			const p = (info && info.platform) || '';
+			if (/harmony|ohos/i.test(p)) return 'mp-harmony';
+			if (info.mp === true || /miniprogram/i.test(info.appName || '')) return 'mp-weixin';
+			if (/quickapp|huawei/i.test(p)) return 'quickapp';
+			return 'h5';
+		} catch (e) { /* ignore */ }
+	}
+
+	// 默认返回
+	return 'h5';
+}
+
+/**
+ * 判断是否是在华为快应用的WebView中
+ * @returns 
+ */
+export function isHarmonyQuickAppWebview() {
+    return getPlatform() === 'quickapp'
+}
+
+/**
+ * 是否需要 JS 侧主动 encodeURIComponent
+ * 4 平台都需要(true)
+ */
+export function shouldEncodeUrl() {
+	return true;
+}
+
+
+/**
+ * 仅编码 URL 分隔符 / 边界相关字符,保留中文 / ASCII 字母数字原样
+ *
+ * 解决问题:
+ *   - 微信小程序: 不会对 url 做整体 encode,只 split on '&' / '=',但 **不** decode 值
+ *     给 onLoad。所以 JS 必须 encode `&` `=` `?` `#` 空格(防止 query 边界被破坏),
+ *     但 **不能** encode 中文(否则 onLoad 拿到已编码字符串,显示成乱码)。
+ *   - 鸿蒙元服务: 会整体 encode url(包括中文和已编码的 %xx)。
+ *     所以 JS 完全不 encode(让平台做)。见下面 mp-harmony 分支。
+ *   - H5 / 快应用: 浏览器不 encode,JS 必须 encode 一次(用标准 encodeURIComponent)。
+ *
+ * @param {string} s  已 decode roundtrip 后的原文
+ * @returns {string}
+ */
+function _encodeUrlDelimiters(s) {
+	// 只 replace 这 5 个 URL 分隔 / 边界相关字符,其他(中文 / 字母 / 数字 / 标点等)原样
+	return s.replace(/[&=#?\s]/g, c => encodeURIComponent(c));
+}
+
+export function _safeEncodeForPlatform(v) {
+	const s = _toParamValueString(v);
+
+	// decode roundtrip: 兼容上游已 encode 过的入参(无论平台都做,避免双编码)
+	let once = s;
+	try {
+		if (/%[0-9a-fA-F]{2}/.test(s)) {
+			once = decodeURIComponent(s);
+		}
+	} catch (e) {
+		once = s;
+	}
+
+	const platform = getPlatform();
+
+	// 微信小程序: split on '&' / '=' 解析 url,但不 decode value 给 onLoad。
+	//   - 中文 / 字母 / 数字 → 原样保留(否则 onLoad 拿到 %xx 乱码)
+	//   - `&` `=` `?` `#` 空格 → 必须 encode(否则 query 边界被破坏, src 等含 URL 的字段被截断,webview 打不开)
+	if (['mp-weixin','mp-harmony'].includes(platform)) {
+		return _encodeUrlDelimiters(once);
+	}
+
+	// H5 / 华为快应用: 浏览器不自动编码, JS 侧必须主动 encode 一次(标准 encodeURIComponent)
+	return encodeURIComponent(once);
+}
+
+/**
+ * 跨平台跳转 API 调度
+ *
+ * @param {Object} args
+ * @param {string} args.to
+ * @param {string} [args.mode='navigateTo']
+ * @param {string} [args.platform]  不传则自动 getPlatform()
+ * @returns {{ url: string, mode: string, api: string }}
+ */
+export function _navigateTo({ to, mode, platform } = {}) {
+	const p = platform || getPlatform();
+	const m = mode || 'navigateTo';
+
+	// H5: 用 window.location
+	if (p === 'h5') {
+		if (typeof window === 'undefined' || typeof window.location === 'undefined') {
+			console.warn('[navigate] H5 环境下没有 window.location');
+			return { url: to, mode: m, api: 'noop' };
+		}
+		try {
+			if (m === 'reLaunch' || m === 'redirectTo') {
+				window.location.replace(to);
+			} else {
+				window.location.href = to;
+			}
+		} catch (e) {
+			console.warn('[navigate] H5 跳转失败:', e);
+		}
+		return { url: to, mode: m, api: 'window.location' };
+	}
+
+	// 微信 / 鸿蒙 / 快应用: 走对应的 uni API
+	// (华为快应用实际是 H5 嵌入快应用 Webview, uni 全局可用)
+	if (typeof uni === 'undefined') {
+		console.warn('[navigate] 非 H5 环境下没有 uni 全局');
+		return { url: to, mode: m, api: 'noop' };
+	}
+
+	let api = 'navigateTo';
+	switch (m) {
+		case 'tabbar':
+		case 'switchTab':
+			// 鸿蒙元服务: uni.switchTab 静默失败, 用 reLaunch 兜底
+			// (微信 / 快应用: 正常用 uni.switchTab)
+			if (p === 'mp-harmony') {
+				uni.reLaunch({ url: to });
+				api = 'reLaunch';
+			} else {
+				uni.switchTab({ url: to });
+				api = 'switchTab';
+			}
+			break;
+		case 'redirectTo':
+			uni.redirectTo({ url: to });
+			api = 'redirectTo';
+			break;
+		case 'reLaunch':
+			uni.reLaunch({ url: to });
+			api = 'reLaunch';
+			break;
+		case 'navigateTo':
+		default:
+			uni.navigateTo({ url: to });
+			api = 'navigateTo';
+			break;
+	}
+	return { url: to, mode: m, api };
+}
+
+// =============================================================
+//  兼容: 把所有函数打包到一个对象(用于 util.js 挂载到 default export)
+// =============================================================
+
+/**
+ * 把所有跳转相关函数打包到一个对象, util.js 把它挂载到 default export
+ * 上, 保持 this.$util.cleanParamUrls / this.$util.redirectTo 等 API 兼容
+ *
+ * @param {Object} [opts]
+ * @param {string} [opts.platform]  强制指定平台(测试用)
+ * @returns {Object}
+ */
+export function createNavigateApi(opts = {}) {
+	if (opts.platform) {
+		// 测试用: 注入到 globalThis,getPlatform 会优先读
+		if (typeof globalThis !== 'undefined') {
+			globalThis.__UTIL_NAVIGATE_TEST_PLATFORM__ = opts.platform;
+		}
+	}
+	return {
+		getPlatform,
+		shouldEncodeUrl,
+		_safeEncodeForPlatform,
+		_navigateTo,
+		cleanParamUrls,
+		normalizeUrl,
+		appendQueryParams,
+		extractInternalAppPath,
+		parsePageParams,
+		resolveLinkUrl,
+		decodeEntity,
+	};
+}

common/js/util-tabbar.js

@@ -0,0 +1,649 @@
+/**
+ * util-tabbar.js
+ *
+ * TabBar / 子包路径相关工具集 — 从 util.js 拆分出来
+ *
+ * 包含的函数(全部服务于 redirectTo / diyRedirectTo 的 tabBar 命中判断):
+ *   - resolvePageUrl          : 根据 page_key + params 解析得到实际跳转 URL
+ *   - isPageInRouteList       : 判断当前路由是否命中 page_routes 列表
+ *   - resolveLinkUrl          : 解析 link 对象得到最终 URL(合并 wap_url query 进 page_params)
+ *   - systemTabBarList        : 当前最新的 tabBar.list 配置
+ *   - adaptSubpackageUrl      : 子包路径前缀映射(/pages/order/ → /pages_order/)
+ *   - _normalizePath          : 归一化任意路径(私有,内部用)
+ *   - isTabBarRootPage        : 判断给定路径是否是 TabBar 根页面
+ *   - isCurrentPageTabBarRoot : 判断**当前**页面是否是 TabBar 根页面(依赖 getCurrentPages/store)
+ *   - checkTabBarActive        : 检查 tabBar 是否激活
+ *
+ * 设计原则:
+ *   1. 不依赖 util.js,避免循环依赖
+ *   2. 纯函数为主(isCurrentPageTabBarRoot 除外,它依赖 getCurrentPages 和 store,
+ *      业务方在调用时手动注入 store 即可)
+ *   3. PAGE_KEY_MAP / NO_TAB_PAGES / PAGE_TAB_MAP / TAB_BAR_KEYS 仍然在 util.js(业务配置)
+ *      util-tabbar.js 接受外部传入,提高复用性
+ */
+
+import { _toParamValueString } from './util-navigate.js';
+
+// =============================================================
+//  PAGE_KEY → 实际 URL 解析
+// =============================================================
+
+/**
+ * 根据 page_key + params 解析得到实际跳转 URL
+ * @param {string} page_key 页面语义常量, 如 PAGE_GOODS_LIST
+ * @param {Object} params 页面参数(JSON 对象)
+ * @param {Object} [pageKeyMap={}] page_key → 实际路径的映射表(由调用方注入,通常是 PAGE_KEY_MAP)
+ * @returns {string|null} 实际 URL(已拼接参数)或 null(未匹配)
+ */
+export function resolvePageUrl(page_key, params = {}, pageKeyMap = {}) {
+	if (!page_key || !pageKeyMap[page_key]) {
+		return null;
+	}
+	let url = pageKeyMap[page_key];
+	if (params && typeof params === 'object' && Object.keys(params).length > 0) {
+		const parts = [];
+		Object.keys(params).forEach(function (key) {
+			const value = params[key];
+			if (value === null || value === undefined || value === '') return;
+			// 对象/数组走 JSON.stringify, 避免 String({}) 退化成 "[object Object]"
+			// 消费端 resolveLinkUrl 已用 JSON.parse 还原
+			const encodedValue = _toParamValueString(value);
+			// H5: 浏览器不自动编码, 需要手动 encodeURIComponent
+			// 小程序 / App: uni.navigateTo 会自动编码, 这里不能再 encode, 否则双重编码
+			// #ifdef H5
+			parts.push(key + '=' + encodeURIComponent(encodedValue));
+			// #endif
+			// #ifndef H5
+			parts.push(key + '=' + encodedValue);
+			// #endif
+		});
+		if (parts.length > 0) {
+			url = url + (url.indexOf('?') !== -1 ? '&' : '?') + parts.join('&');
+		}
+	}
+	return url;
+}
+
+/**
+ * 判断当前路由是否命中 page_routes 列表
+ * 支持 3 种写法, 可混合使用:
+ *   1) PAGE_KEY_MAP 的 key → 如 "PAGE_INDEX"
+ *   2) 实际页面路径 → 如 "/pages/index/index"
+ *   3) 通配符路径 → 如 "/pages_tool/*" 或 "PAGE_ORDER_*"
+ *
+ * @param {string} currentRoute 当前页面路径(会自动补 / 前缀)
+ * @param {string[]} routeList 后台配置的 page_routes 数组
+ * @param {Object} [pageKeyMap={}] PAGE_KEY_MAP
+ * @returns {boolean}
+ */
+export function isPageInRouteList(currentRoute, routeList, pageKeyMap = {}) {
+	if (!currentRoute || !routeList || !Array.isArray(routeList) || routeList.length === 0) {
+		return false;
+	}
+	const route = currentRoute.startsWith('/') ? currentRoute : '/' + currentRoute;
+
+	for (const item of routeList) {
+		if (!item || typeof item !== 'string') continue;
+		const entry = item.trim();
+		if (!entry) continue;
+
+		// 1) 通配符 /pages_tool/* 或 PAGE_ORDER_*
+		if (entry.endsWith('/*')) {
+			const prefix = entry.slice(0, -1);
+			if (route.startsWith(prefix)) return true;
+			continue;
+		}
+
+		if (entry.endsWith('_*') && pageKeyMap) {
+			const keyPrefix = entry.slice(0, -1);
+			const matchedPaths = [];
+			for (const k of Object.keys(pageKeyMap)) {
+				if (k.startsWith(keyPrefix) && pageKeyMap[k]) {
+					matchedPaths.push(pageKeyMap[k]);
+				}
+			}
+			for (const p of matchedPaths) {
+				const pn = p.startsWith('/') ? p : '/' + p;
+				const dirPrefix = pn.substring(0, pn.lastIndexOf('/') + 1);
+				if (route.startsWith(dirPrefix)) return true;
+				if (route === pn) return true;
+			}
+			continue;
+		}
+
+		// 2) PAGE_KEY 名称
+		if (pageKeyMap && pageKeyMap[entry]) {
+			let mapped = pageKeyMap[entry];
+			mapped = mapped.startsWith('/') ? mapped : '/' + mapped;
+			if (route === mapped) return true;
+			continue;
+		}
+
+		// 3) 实际路径
+		if (entry.startsWith('/')) {
+			if (route === entry) return true;
+			continue;
+		}
+	}
+
+	return false;
+}
+
+// =============================================================
+//  resolveLinkUrl
+// =============================================================
+
+/**
+ * 解析 link 对象得到最终可跳转的 URL
+ * 同时把 wap_url 自带的 query 参数与 page_params 合并, 写入 link.page_params;
+ * 并把 link.wap_url 改为不含 query 的 path, 避免后续 redirectTo 重复附加
+ * 优先级: page_params > wap_url query (新机制优先)
+ *
+ * @param {Object} link
+ * @param {Object} [opts]
+ * @param {Object} [opts.pageKeyMap={}] PAGE_KEY_MAP
+ * @param {Function} [opts.parsePageParams] page_params 解析函数(默认用 util-navigate 的)
+ * @param {Function} [opts.resolvePageUrlFn] page_key → URL 函数(默认用本文件内)
+ * @param {Function} [opts.decodeEntity] HTML 实体解码函数
+ * @returns {string|null}
+ */
+export function resolveLinkUrl(link, opts = {}) {
+	const {
+		pageKeyMap = {},
+		parsePageParams = null,
+		resolvePageUrlFn = null,
+		decodeEntity = null,
+	} = opts;
+
+	if (!link) return null;
+
+	// 0. 把 wap_url 中的 query 合并到 page_params
+	if (link.wap_url) {
+		const _decode = decodeEntity || ((s) => s);
+		const decodedWap = _decode(link.wap_url);
+		const queryIdx = decodedWap.indexOf('?');
+		if (queryIdx !== -1) {
+			const path = decodedWap.substring(0, queryIdx);
+			const queryStr = decodedWap.substring(queryIdx + 1);
+			const urlParams = {};
+			queryStr.split('&').forEach((kv) => {
+				if (!kv) return;
+				const eqIdx = kv.indexOf('=');
+				const k = eqIdx === -1 ? kv : kv.substring(0, eqIdx);
+				const v = eqIdx === -1 ? '' : kv.substring(eqIdx + 1);
+				if (k) urlParams[k] = v;
+			});
+			// 解析 page_params (可能是字符串或对象) — 走统一 helper
+			const _parse = parsePageParams || ((p) => (p && typeof p === 'object') ? p : {});
+			const pageParams = _parse(link.page_params);
+			// 合并: page_params 覆盖 urlParams (新机制优先)
+			link.page_params = Object.assign({}, urlParams, pageParams);
+			// 把 link.wap_url 改为不含 query 的 path
+			link.wap_url = path;
+		}
+	}
+	// 1. 优先使用 page_key(新机制)
+	if (link.page_key) {
+		const _parse = parsePageParams || ((p) => (p && typeof p === 'object') ? p : {});
+		const _resolvePageUrl = resolvePageUrlFn || ((key, params) => resolvePageUrl(key, params, pageKeyMap));
+		const params = _parse(link.page_params);
+		const url = _resolvePageUrl(link.page_key, params);
+		if (url) return url;
+	}
+	// 2. 回退: 旧的 wap_url(已被处理为不含 query 的 path)
+	if (link.wap_url) {
+		return link.wap_url;
+	}
+	return null;
+}
+
+// =============================================================
+//  TabBar 列表与适配
+// =============================================================
+
+/**
+ * 当前最新的 tabBar.list
+ * 注意: 该函数需要业务方传入 4 个常量(INDEX/CATEGORY/CONTACT/MEMBER)
+ * 通常由 util.js 在 import 后调用 _setSystemTabBarList 注入
+ */
+export function makeSystemTabBarList(indexUrl, categoryUrl, contactUrl, memberUrl) {
+	return [indexUrl, categoryUrl, contactUrl, memberUrl];
+}
+
+/**
+ * 适配子包路径
+ * 把老路径 /pages/xxx/ 映射到新路径 /pages_xxx/
+ *
+ * @param {string} url
+ * @returns {string}
+ */
+export function adaptSubpackageUrl(url) {
+	if (!url) return url;
+	// 定义前缀映射表(key=旧前缀, value=新分包前缀)
+	const urlPrefixMap = {
+		'/pages/promotion/': '/pages_promotion/',
+		'/pages/order/': '/pages_order/',
+		'/pages/goods/': '/pages_goods/',
+		'/pages/member/': '/pages_tool/member/',
+		'/pages/login/': '/pages_tool/login/',
+		'/pages/agreement/': '/pages_tool/agreement/',
+		'/pages/article/': '/pages_tool/article/',
+		'/pages/cases/': '/pages_tool/cases/',
+		'/pages/contact/': '/pages_tool/contact/',
+		'/pages/files/': '/pages_tool/files/',
+		'/pages/form/': '/pages_tool/form/',
+		'/pages/help/': '/pages_tool/help/',
+		'/pages/notice/': '/pages_tool/notice/',
+		'/pages/pay/': '/pages_tool/pay/',
+		'/pages/recharge/': '/pages_tool/recharge/',
+		'/pages/seal/': '/pages_tool/seal/',
+		'/pages/storeclose/': '/pages_tool/storeclose/',
+		'/pages/vr/': '/pages_tool/vr/',
+		'/pages/weapp/': '/pages_tool/weapp/',
+		'/pages/webview/': '/pages_tool/webview/',
+	};
+
+	const prefixes = Object.keys(urlPrefixMap);
+	if (prefixes.length === 0) return url;
+
+	const regex = new RegExp(
+		'^(' + prefixes.map((key) =>
+			key.replace(/\//g, '\\/').replace(/\*/g, '.*'),
+		).join('|') + ')',
+	);
+
+	function replacePrefix(str) {
+		return str.replace(regex, (match) => {
+			const newPrefix = urlPrefixMap[match];
+			return newPrefix || match;
+		});
+	}
+
+	// 兜底: 把 3 个及以上的连续 `/` 收敛为 2 个, 只动 path 部分
+	const collapsed = url.replace(/([^:])\/{3,}/g, '$1//');
+	return replacePrefix(collapsed);
+}
+
+// =============================================================
+//  TabBar 命中判断(私有辅助)
+// =============================================================
+
+/**
+ * 归一化任意路径: 确保以 '/' 开头, 去除 query, 适配子包
+ * (私有, 仅本模块内部使用)
+ */
+function _normalizePath(path) {
+	if (!path) return '';
+	const normalized = path.startsWith('/') ? path : '/' + path;
+	return adaptSubpackageUrl(normalized).split('?')[0];
+}
+
+/**
+ * 从归一化路径提取分包名(parts[1])
+ * (私有, 仅本模块内部使用)
+ */
+function _getPackageName(normalizedPath) {
+	const parts = normalizedPath.split('/');
+	return parts[1] || '';
+}
+
+/**
+ * 解析"当前分包的入口 tab URL"
+ *
+ * 把 diy-bottom-nav.vue#updateCurrentRoute 里的查找逻辑抽成纯函数,
+ * 方便单元测试覆盖所有跳转场景, 同时让组件代码变薄.
+ *
+ * 查找优先级 (2026-07-16 重构, 对齐 iOS HIG):
+ *   1) 当前页面精确命中某个 tab 根页面 → 它就是入口 (tab→tab 跳转)
+ *   2) 同包内导航 (上一包 == 当前包) → 用当前包的第一个 tab
+ *      例: /pages_goods/list → /pages_goods/detail → CATEGORY 高亮
+ *   3) 跨包导航 (上一包 != 当前包) → 历史栈倒序查找最近一次访问的 TabBar 页
+ *      例: home → diy → HOME 高亮 (从哪个 tab 出发, 非 tab 页就归属哪个 tab)
+ *   4) 跨包但历史栈中无 tab → 退到当前包第一个 tab
+ *   5) 深链无历史 → 返回 null (iOS HIG: 无来源时不点亮)
+ *
+ * 与 checkTabBarActive 的关系:
+ *   - resolveEntryTab 写入 packageEntryTab[currentPackage]
+ *   - checkTabBarActive 通过 _findMatchingTabUrl 读取
+ *   - 两者都不会做"无历史时的同分包兜底", 保证 iOS HIG 行为
+ *
+ * @param {Object} opts
+ * @param {string} opts.currentPageRoute 当前页面路由 (已 _normalizeRoute, 不含 query)
+ * @param {Object} opts.tabBarList tabBar 配置对象 ($store.state.tabBarList)
+ * @param {string[]} [opts.historyRoutes=[]] 历史栈路由列表 (不含 query, 不含当前页;
+ *                                  已 _normalizeRoute 但未 adaptSubpackageUrl, 函数内部会适配)
+ * @param {Set<string>} [opts.noTabPages] NO_TAB_PAGES 集合 (含 login/pay/AI 等全屏流程页)
+ *                                  这些页视为"modal", 不参与包归属判定
+ * @returns {string|null} 入口 tab URL (已适配子包路径、不含 query) 或 null
+ */
+export function resolveEntryTab(opts = {}) {
+	const {
+		currentPageRoute = '',
+		tabBarList = null,
+		historyRoutes = [],
+		noTabPages = null,
+	} = opts;
+
+	if (!currentPageRoute || !tabBarList || !Array.isArray(tabBarList.list)) {
+		return null;
+	}
+
+	const tabUrls = tabBarList.list
+		.filter((item) => item && item.link && item.link.wap_url)
+		.map((item) => adaptSubpackageUrl(item.link.wap_url).split('?')[0]);
+
+	if (tabUrls.length === 0) return null;
+
+	const normalizedCurrent = currentPageRoute.split('?')[0];
+	const currentPackageName = _getPackageName(normalizedCurrent);
+
+	// 1) 当前页面精确命中某个 tab → 它就是入口
+	const exactMatch = tabUrls.find((url) => url === normalizedCurrent);
+	if (exactMatch) return exactMatch;
+
+	// 工具: 判定一个路由是否"参与归属判定"
+	// 跳过 null/空 + NO_TAB_PAGES (login/pay/AI 等 modal 页, 不算中间步骤)
+	const isSkippable = (route) => {
+		if (!route) return true;
+		if (noTabPages && typeof noTabPages.has === 'function') {
+			const normalized = adaptSubpackageUrl(route).split('?')[0];
+			if (noTabPages.has(normalized)) return true;
+		}
+		return false;
+	};
+
+	// 找出"最近的上一页"属于哪个包 (跳过 null/空 + NO_TAB_PAGES)
+	let lastPackageName = '';
+	let hasPrevPage = false;
+	if (Array.isArray(historyRoutes) && historyRoutes.length > 0) {
+		for (let i = historyRoutes.length - 1; i >= 0; i--) {
+			const route = historyRoutes[i];
+			if (isSkippable(route)) continue;
+			lastPackageName = _getPackageName(adaptSubpackageUrl(route).split('?')[0]);
+			hasPrevPage = true;
+			break;
+		}
+	}
+
+	const isSamePackage = hasPrevPage && lastPackageName === currentPackageName;
+	const isCrossPackage = hasPrevPage && lastPackageName !== currentPackageName;
+
+	// 2) 同包内导航: 用当前包的第一个 tab
+	//    业务约定: 包内"主入口" = tabBarList 中该包出现的第一个 tab
+	//    例: pages_goods 有 [CATEGORY, CART] 两个 tab, 用户在 goods 频道内任何页面都归 CATEGORY
+	//    理由: CATEGORY 是商品频道的入口, 比 CART (特定子场景) 更"通用", 视觉一致
+	//    注意: 业务侧 tab 配置顺序很关键, 若有 pages_goods 出现 3+ tab, 主入口必须是业务上正确的那个
+	if (isSamePackage) {
+		const samePackage = tabUrls.find((url) => _getPackageName(url) === currentPackageName);
+		if (samePackage) return samePackage;
+	}
+
+	// 3) 跨包导航: 历史栈倒序查找最近一次访问的 TabBar 页 → 来源 tab
+	//    规则: 从哪个 TabBar 出发, 非 tab 页就归属哪个 TabBar 高亮
+	//    注意: 跳过 NO_TAB_PAGES, 因为 login/pay 等是 modal, 不是真实的导航步骤
+	if (isCrossPackage) {
+		for (let i = historyRoutes.length - 1; i >= 0; i--) {
+			const route = historyRoutes[i];
+			if (isSkippable(route)) continue;
+			const normalized = adaptSubpackageUrl(route).split('?')[0];
+			const exactTab = tabUrls.find((url) => url === normalized);
+			if (exactTab) return exactTab;
+		}
+		// 4) 跨包但历史栈中无 tab → 退到当前包第一个 tab
+		const samePackage = tabUrls.find((url) => _getPackageName(url) === currentPackageName);
+		if (samePackage) return samePackage;
+	}
+
+	// 5) 深链无历史 / 跳过 NO_TAB_PAGES 后没找到 → 返回 null
+	return null;
+}
+
+/**
+ * 给定当前页面路径 + tab 配置, 返回当前页面所属的 tab URL
+ * 优先级: 精确匹配 > packageEntryTab
+ *
+ * 注意 (2026-07-16): 旧版本在 packageEntryTab 没命中时会回退到"同分包第一个 tab",
+ * 这导致深链冷启动时 /pages_tool/* 页被错误标成"我的"。
+ * 现在改为"找不到就返回 null", 后续 checkTabBarActive 也不会再兜底,
+ * 行为对齐 iOS HIG (深链无历史时, TabBar 不点亮)。
+ *
+ * (私有)
+ */
+function _findMatchingTabUrl(currentPagePath, tabBarList, packageEntryTab) {
+	if (!tabBarList || !tabBarList.list || !Array.isArray(tabBarList.list)) return null;
+
+	const tabUrls = tabBarList.list
+		.filter((item) => item.link && item.link.wap_url)
+		.map((item) => _normalizePath(item.link.wap_url));
+
+	const normalizedCurrent = _normalizePath(currentPagePath);
+
+	// 1) 精确匹配 → 当前页面就是 tab 页面
+	const exactMatch = tabUrls.find((url) => url === normalizedCurrent);
+	if (exactMatch) return exactMatch;
+
+	// 2) 通过 packageEntryTab(由 updateCurrentRoute/redirectTo 写入)
+	const packageName = _getPackageName(normalizedCurrent);
+	if (packageEntryTab && typeof packageEntryTab === 'object' && packageEntryTab[packageName]) {
+		const entryTab = packageEntryTab[packageName];
+		const normalizedEntry = _normalizePath(entryTab);
+		if (tabUrls.includes(normalizedEntry)) return normalizedEntry;
+	}
+
+	// 3) 不再做"同分包兜底" — 找不到就返回 null
+	// 深链冷启动场景下无历史可参考, iOS HIG 推荐 TabBar 不点亮
+	return null;
+}
+
+/**
+ * 通配符路径匹配 — 支持 '/pages_tool/member/*' 形式
+ *
+ * 规则:
+ *   - pattern 必须以 '/*' 结尾
+ *   - '*' 匹配"前缀之后的至少一个字符段"
+ *   - 例: '/pages_tool/member/*' 匹配 '/pages_tool/member/info' 但不匹配 '/pages_tool/member'
+ *
+ * @param {string} path 当前路径 (已 _normalizePath)
+ * @param {string} pattern 通配符 pattern
+ * @returns {boolean}
+ */
+function _matchWildcardPath(path, pattern) {
+	if (!path || !pattern) return false;
+	if (!pattern.endsWith('/*')) return false;
+	const prefix = pattern.slice(0, -2); // 去掉 '/*'
+	// 必须有至少一个字符在 '/*' 之后, 即 path 比 prefix 长, 且以 prefix + '/' 开头
+	return path.length > prefix.length + 1 && path.startsWith(prefix + '/');
+}
+
+/**
+ * 在 PAGE_TAB_MAP (精确) + PAGE_TAB_WILDCARDS (通配) 中查找当前页面对应的 tab
+ *
+ * 优先级: 精确匹配 > 通配符匹配
+ * 返回值可以是:
+ *   - tab URL 字符串 → 命中, 高亮该 tab
+ *   - null → 显式声明"无 tab", 一定不高亮
+ *   - undefined → 未声明, 调用方走兜底逻辑 (history-walk / 无 tab)
+ *
+ * @param {string} currentPath 当前页面路径 (已 _normalizePath)
+ * @param {Object} pageTabMap 精确绑定表 (PAGE_TAB_MAP)
+ * @param {Array<{pattern: string, tab: string}>} pageTabWildcards 通配符列表 (PAGE_TAB_WILDCARDS)
+ * @returns {string|null|undefined}
+ */
+export function lookupPageTabMap(currentPath, pageTabMap, pageTabWildcards) {
+	if (!currentPath) return undefined;
+
+	// 1) 精确匹配
+	if (pageTabMap && Object.prototype.hasOwnProperty.call(pageTabMap, currentPath)) {
+		return pageTabMap[currentPath];
+	}
+
+	// 2) 通配符匹配
+	if (Array.isArray(pageTabWildcards)) {
+		for (const entry of pageTabWildcards) {
+			if (entry && entry.pattern && _matchWildcardPath(currentPath, entry.pattern)) {
+				return entry.tab;
+			}
+		}
+	}
+
+	return undefined;
+}
+
+/**
+ * 判断给定路径是否是 TabBar 根页面(与 diy_bottom_nav 中任意一项精确相等)
+ *
+ * @param {string} pagePath 当前页面路径(可以带/不带前导斜杠、可以带 query)
+ * @param {Object|null} tabBarList tabBar 配置对象($store.state.tabBarList)
+ * @returns {boolean} 如果是 TabBar 根页面返回 true
+ */
+export function isTabBarRootPage(pagePath, tabBarList) {
+	if (!pagePath) return false;
+	if (!tabBarList || !tabBarList.list || !Array.isArray(tabBarList.list)) return false;
+	const normalizedCurrent = _normalizePath(pagePath);
+	if (!normalizedCurrent) return false;
+	return tabBarList.list.some((item) => {
+		if (!item || !item.link || !item.link.wap_url) return false;
+		const normalizedTab = _normalizePath(item.link.wap_url);
+		return normalizedTab === normalizedCurrent;
+	});
+}
+
+/**
+ * 判断**当前**页面是否是 TabBar 根页面
+ * 封装了 getCurrentPages() + isTabBarRootPage 的组合, 供业务组件在弹窗/操作前判断
+ *
+ * 调用方需要注入 getCurrentPages 和 store:
+ *   isCurrentPageTabBarRoot({
+ *       getCurrentPages: typeof getCurrentPages === 'function' ? getCurrentPages : null,
+ *       store,
+ *       tabBarList: null,  // 不传则从 store.state.tabBarList 取
+ *   })
+ *
+ * @param {Object} [opts={}]
+ * @param {Function} [opts.getCurrentPages]
+ * @param {Object} [opts.store]
+ * @param {Object} [opts.tabBarList]
+ * @returns {boolean}
+ */
+export function isCurrentPageTabBarRoot(opts = {}) {
+	try {
+		const gcp = opts.getCurrentPages || (typeof getCurrentPages === 'function' ? getCurrentPages : null);
+		if (!gcp) return false;
+		const pages = gcp();
+		if (!pages || !pages.length) return false;
+		const currentRoute = '/' + String(pages[pages.length - 1].route || '').replace(/^\//, '');
+		if (!currentRoute) return false;
+		const tabBarList = opts.tabBarList
+			|| (opts.store && opts.store.state ? opts.store.state.tabBarList : null);
+		return isTabBarRootPage(currentRoute, tabBarList);
+	} catch (e) {
+		return false;
+	}
+}
+
+/**
+ * 检查 tabBar 是否激活
+ *
+ * @param {string} linkUrl 链接路径 /pages/goods/category
+ * @param {string} currentPageRoute 当前页面路径 /pages_goods/category
+ * @param {Object} tabBarList tabBar 配置对象, 用于动态判断
+ * @param {Object} packageEntryTab 追踪每个分包的入口 Tab { 'pages_goods': '/pages_goods/category' }
+ * @param {Object} [currentPageQuery={}] 当前页面 query 参数, 用于读取 from_tab 来源记忆
+ * @param {Object} [opts={}]
+ * @param {Set} [opts.noTabPages] 独立流程页集合(NO_TAB_PAGES)
+ * @param {Object} [opts.pageTabMap] 页面级 Tab 精确绑定表(PAGE_TAB_MAP)
+ * @param {Array<{pattern: string, tab: string}>} [opts.pageTabWildcards=[]] 页面级 Tab 通配符表(PAGE_TAB_WILDCARDS)
+ * @returns {boolean} 是否激活
+ */
+export function checkTabBarActive(
+	linkUrl,
+	currentPageRoute,
+	tabBarList,
+	packageEntryTab,
+	currentPageQuery = {},
+	opts = {},
+) {
+	const { noTabPages = null, pageTabMap = {}, pageTabWildcards = [] } = opts;
+
+	// __TABBAR_DEBUG__: 开启后打印每一步决策, 用于排查"为什么我的 tab 不亮"
+	// 开启方式 (任选一种):
+	//   - 全局: window.__TABBAR_DEBUG__ = true
+	//   - 本次: opts.debug = true
+	const DEBUG = (typeof globalThis !== 'undefined' && globalThis.__TABBAR_DEBUG__)
+		|| opts.debug === true;
+	const _log = DEBUG ? (...a) => console.log('[TABBAR]', ...a) : () => {};
+	_log('checkTabBarActive called', { linkUrl, currentPageRoute, hasTabBarList: !!tabBarList });
+
+	// 1) 归一化 linkUrl: 统一前导 '/' + 子包路径适配 + 去除 query
+	const normalizedLink = _normalizePath(linkUrl);
+	const normalizedCurrent = _normalizePath(currentPageRoute);
+
+	if (!normalizedLink) {
+		_log('step 1: no linkUrl → false');
+		return false;
+	}
+
+	// 2) 精确匹配: 当前页面就是 linkUrl 指向的页面
+	if (normalizedLink === normalizedCurrent) {
+		_log('step 2: exact match → true', { link: normalizedLink });
+		return true;
+	}
+
+	// 3) 独立流程页: 不点亮任何 Tab
+	if (noTabPages && noTabPages.has && noTabPages.has(normalizedCurrent)) {
+		_log('step 3: NO_TAB_PAGES hit → false', { current: normalizedCurrent });
+		return false;
+	}
+
+	// 4) 若传入 tabBarList, 使用动态判断逻辑
+	if (tabBarList && tabBarList.list && Array.isArray(tabBarList.list)) {
+		const tabUrls = tabBarList.list
+			.filter((item) => item.link && item.link.wap_url)
+			.map((item) => _normalizePath(item.link.wap_url));
+
+		// 检查当前 linkUrl 是否是合法的 tab URL
+		if (!tabUrls.includes(normalizedLink)) {
+			_log('step 4: link not in tabUrls → false', { link: normalizedLink });
+			return false;
+		}
+
+		// 5) 页面级 Tab 绑定 (精确 + 通配符)
+		// 返回值可能是: tab URL | null (显式无 tab) | undefined (未声明)
+		const mappedTabUrl = lookupPageTabMap(normalizedCurrent, pageTabMap, pageTabWildcards);
+		if (mappedTabUrl !== undefined) {
+			_log('step 5: pageTabMap hit', { current: normalizedCurrent, mapped: mappedTabUrl });
+			// null = 显式声明"无 tab", 字符串 = 该 tab 高亮
+			return mappedTabUrl !== null && normalizedLink === _normalizePath(mappedTabUrl);
+		}
+		_log('step 5: pageTabMap miss → 进入 step 6/7');
+
+		// 6) 来源记忆兜底: 从哪个 Tab 跳转过来, 就保持那个 Tab 高亮
+		const fromTab = currentPageQuery.from_tab;
+		if (fromTab) {
+			const normalizedFromTab = _normalizePath(fromTab);
+			if (tabUrls.includes(normalizedFromTab)) {
+				const hit = normalizedLink === normalizedFromTab;
+				_log('step 6: from_tab query', { fromTab, hit });
+				return hit;
+			}
+		}
+		_log('step 6: no from_tab');
+
+		// 7) 分包入口追踪: 通过 updateCurrentRoute/resolveEntryTab 写入的入口 tab
+		// 注意: _findMatchingTabUrl 不会做"同分包兜底",找不到就返回 null
+		const matchingTabUrl = _findMatchingTabUrl(currentPageRoute, tabBarList, packageEntryTab);
+		if (matchingTabUrl) {
+			const hit = normalizedLink === matchingTabUrl;
+			_log('step 7: packageEntryTab', { matchingTabUrl, hit });
+			return hit;
+		}
+		_log('step 7: packageEntryTab miss → step 8');
+
+		// 8) 不再做"同分包兜底" — 找不到任何来源 tab 时不高亮
+		// 深链冷启动 / 扫码进非 tab 页: TabBar 全不亮, 对齐 iOS HIG
+		_log('step 8: no source → false (iOS HIG)');
+		return false;
+	}
+
+	return false;
+}

common/js/video-helper.js

@@ -0,0 +1,92 @@
+// iOS 微信小程序 <video> 兼容工具
+// 问题背景：
+// 1) 弹窗内的 <video> 用 autoplay 不可靠——popup 初始隐藏，autoplay 在隐藏态不触发，
+//    等 popup 显示后也不会重新 autoplay，导致"安卓有时能播、iOS 不能"；
+// 2) iOS 对同一个 <video> 实例在 src 重绑 / 弹窗重开 / 播放结束后，不会自动重新加载，
+//    需要靠 :key 重建实例或 seek(0) 才能重播；
+// 3) iOS 微信不支持 webm / vp9 / hevc / ogv 等封装或编码，会直接黑屏；
+// 4) H5 端（含微信内置浏览器）$nextTick 调 play() 太快，弹窗动画未完时浏览器内部
+//    会自动 pause()，导致 "The play() request was interrupted by a call to pause()" 错误。
+// 这里统一提供"格式检测"与"在视频可见后触发播放"的能力，供各视频组件复用。
+//
+// 重要：微信小程序的 <video>.play() 不要求用户手势（与 H5 不同），只要在视频元素
+// 已经渲染、popup 已经显示后调用即可。因此请务必在 uni-popup 的 @change(show=true)
+// 回调里调用本方法，而不是在 open() 里紧跟着 $nextTick 调用（那时元素尚未可见）。
+
+// iOS 微信 <video> 已知不支持的封装/编码（仅按扩展名做保守判断，用于给出友好提示）
+const UNSUPPORTED_EXT_ON_IOS = ['webm', 'ogv', 'ogg', 'mov', 'm4v', 'hevc', 'av1', '3gp'];
+
+// 取 URL 中的小写扩展名（忽略查询参数与 hash）
+export function getVideoExt(url) {
+	if (!url || typeof url !== 'string') return '';
+	const clean = url.split('?')[0].split('#')[0];
+	const idx = clean.lastIndexOf('.');
+	if (idx < 0) return '';
+	return clean.slice(idx + 1).toLowerCase();
+}
+
+// 该地址在 iOS 上是否很可能无法播放（基于扩展名的保守判断）
+export function isLikelyUnsupportedOnIOS(url) {
+	const ext = getVideoExt(url);
+	if (!ext) return false;
+	return UNSUPPORTED_EXT_ON_IOS.indexOf(ext) !== -1;
+}
+
+// 在"视频已经渲染、popup 已经显示"的前提下触发播放。
+// 必须在 uni-popup 的 @change(show=true) 回调里调用，此时 <video> 元素已可见，
+// createVideoContext 才能拿到有效实例。
+// videoId: <video> 的 id；instance: 当前组件/页面实例（组件内必传）。
+export function playVideoInContext(videoId, instance) {
+	if (!videoId || !instance) return;
+
+	// H5 端需要更长延迟：等 uni-popup 动画播完（~350ms），否则浏览器内部会自动
+	// pause() 导致 "play() interrupted by pause()" 错误；小程序端 $nextTick 即可。
+	// #ifdef H5
+	const delay = 400;
+	// #endif
+
+	// #ifndef H5
+	const delay = 0;
+	// #endif
+
+	const doPlay = () => {
+		let ctx = null;
+		try {
+			ctx = uni.createVideoContext(videoId, instance);
+		} catch (e) {
+			console.error('[video-helper] createVideoContext failed:', e);
+			return;
+		}
+		if (!ctx) return;
+
+		try {
+			ctx.play();
+		} catch (e) {
+			console.error('[video-helper] play() failed, will retry:', e);
+			// H5 端首次 play() 常被浏览器自动 pause() 打断，延迟重试一次
+			// #ifdef H5
+			setTimeout(() => {
+				try { ctx.play(); } catch (retryErr) {
+					console.error('[video-helper] retry play() also failed:', retryErr);
+				}
+			}, 300);
+			// #endif
+		}
+	};
+
+	if (delay > 0) {
+		// H5：先等 nextTick（DOM 更新），再等 delay（弹窗动画完成）
+		if (typeof instance.$nextTick === 'function') {
+			instance.$nextTick(() => setTimeout(doPlay, delay));
+		} else {
+			setTimeout(doPlay, delay);
+		}
+	} else {
+		// 小程序端：nextTick 即可
+		if (typeof instance.$nextTick === 'function') {
+			instance.$nextTick(doPlay);
+		} else {
+			doPlay();
+		}
+	}
+}

common/js/voice-recorder.js

@@ -0,0 +1,819 @@
+/**
+ * voice-recorder.js — 跨端录音抽象层
+ *
+ * PR-FRONTEND-VOICE-INPUT (2026-09-24)
+ *   统一 H5 / 微信小程序 / App-Plus / 鸿蒙元服务 四端的录音接口,
+ *   把麦克风采集 + 振幅事件 + 自动停止 + 资源回收 收敛到一处。
+ *
+ * PR-FRONTEND-VOICE-WAV (2026-09-25)
+ *   H5 分支从 MediaRecorder (产出 webm/opus) 改为 AudioContext + ScriptProcessor
+ *   采原始 PCM, 停止时手动封装成标准 WAV (PCM 16-bit LE mono, 16kHz).
+ *   原因: Chrome MediaRecorder 只支持 webm/ogg 容器, 不支持 wav/mp3 录制;
+ *         大多数 STT / 后端 Agent 框架无法解析 webm/opus.
+ *         产 wav 后所有 STT 服务 (Whisper / 达摩院 / 腾讯 ASR / ...) 都吃.
+ *
+ * 平台分支:
+ *   - H5           : navigator.mediaDevices.getUserMedia → AudioContext
+ *                    → ScriptProcessor 采 PCM Float32 → 停止时封装 WAV.
+ *                    振幅采样走 AnalyserNode (与采 PCM 并行, 不冲突).
+ *   - MP / APP / 鸿蒙: uni.getRecorderManager()(uni-app 鸿蒙 runtime 已映射)
+ *                    走 onFrameRecorded 推 progress 事件.
+ *                    uni-app format 参数可指定 wav/mp3/aac.
+ *
+ * 统一事件:
+ *   progress → { level: 0..1, duration: ms }    持续采样, 用于驱动波形动画
+ *   error    → Error                              录音失败
+ *
+ * 统一结果 (stop() 解析):
+ *   {
+ *     filePath?: string,    // MP/APP/鸿蒙: tempFilePath; H5: blob URL
+ *     blob?: Blob,          // H5: WAV Blob (供 FileReader / uploadMedia 二次处理)
+ *     fileName?: string,    // H5: voice_<ts>.wav; MP 按 uni 约定
+ *     duration: number,     // ms
+ *     mime: string,         // 录音产物 MIME: H5='audio/wav', MP/APP/鸿蒙按 format
+ *     size: number,         // bytes
+ *     cancelled: false
+ *   }
+ *
+ * 取消时 resolve(null);调用方拿到 null 时不要 push 到 pendingFiles。
+ */
+
+const DEFAULT_MAX_DURATION_MS = 60 * 1000
+
+// PR-FRONTEND-VOICE-SINGLETON (2026-09-29): uni.getRecorderManager() / wx.getRecorderManager()
+//   是全局单例, 且微信内部状态极易因上一次未完全停止而残留, 导致下一次 start() 报
+//   "operateRecorder:fail:audio is recording, don't start"。
+//   这里用模块级 Promise 把所有 start/stop 串行化, 确保前一个实例 onStop/onError 完成后
+//   才允许下一个实例 start()。
+let _singletonIdlePromise = Promise.resolve()
+let _singletonIdleResolver = null
+let _singletonRec = null
+let _singletonBusyInstance = null
+
+function _getSingletonRecorder() {
+  if (!_singletonRec) {
+    _singletonRec = uni.getRecorderManager()
+  }
+  return _singletonRec
+}
+
+let _singletonIdleTimer = null
+
+function _setSingletonBusy(instance, maxDurationMs = DEFAULT_MAX_DURATION_MS) {
+  if (_singletonIdleTimer) {
+    clearTimeout(_singletonIdleTimer)
+    _singletonIdleTimer = null
+  }
+  if (_singletonIdleResolver) {
+    // 已经有未释放的 busy promise, 理论上不应发生; 先强制释放避免死锁
+    _singletonIdleResolver()
+    _singletonIdleResolver = null
+  }
+  _singletonIdlePromise = new Promise((resolve) => {
+    _singletonIdleResolver = resolve
+  })
+  _singletonBusyInstance = instance
+  // 保险: 即使 onStop/onError 因异常没触发, 最多等 10s 也要释放,
+  // 避免死锁导致后续所有 start() 永远挂起。
+  _singletonIdleTimer = setTimeout(() => {
+    console.warn('[voice-recorder:singleton] idle timeout, force release')
+    _setSingletonIdle(instance)
+  }, Math.min(maxDurationMs + 5000, 10000))
+}
+
+function _setSingletonIdle(instance) {
+  if (_singletonIdleTimer) {
+    clearTimeout(_singletonIdleTimer)
+    _singletonIdleTimer = null
+  }
+  if (_singletonBusyInstance && _singletonBusyInstance !== instance) {
+    // 不是当前占用者释放, 忽略
+    return
+  }
+  if (_singletonIdleResolver) {
+    _singletonIdleResolver()
+    _singletonIdleResolver = null
+  }
+  _singletonIdlePromise = Promise.resolve()
+  _singletonBusyInstance = null
+}
+
+// H5 录音参数: 16kHz mono PCM → 16-bit LE WAV
+// 16kHz/16-bit 是大多数 STT 服务 (Whisper / 达摩院 / 腾讯 ASR 等) 最常见的输入规格.
+const H5_SAMPLE_RATE = 16000
+const H5_NUM_CHANNELS = 1
+const H5_SCRIPT_PROCESSOR_BUFFER_SIZE = 4096
+
+/**
+ * 构造带 code 字段的 Error
+ *   - code: 稳定的英文枚举, 供调用方按 code 走 $lang() 翻译
+ *   - message: 兜底英文 message, 用于开发/调试或未识别 code
+ * 注意: voice-recorder.js 自身不持有 Vue 上下文, 翻译必须在调用方完成
+ */
+function _err(code, message) {
+  const e = new Error(message || code)
+  e.code = code
+  return e
+}
+
+/**
+ * 检测当前运行环境 (避免编译器把所有分支都打进去)
+ *   - true / false 都是运行时结果;条件编译靠注释里的 #ifdef
+ */
+function isH5() {
+  // #ifdef H5
+  return true
+  // #endif
+  // #ifndef H5
+  return false
+  // #endif
+}
+
+function isMpOrApp() {
+  // #ifdef MP-WEIXIN || APP-PLUS || MP-HARMONY
+  return true
+  // #endif
+  // #ifndef MP-WEIXIN || APP-PLUS || MP-HARMONY
+  return false
+  // #endif
+}
+
+/**
+ * 由 mime 反推文件扩展名
+ */
+function mimeToExt(mime) {
+  if (!mime) return 'wav'
+  if (mime.indexOf('wav') !== -1) return 'wav'
+  if (mime.indexOf('webm') !== -1) return 'webm'
+  if (mime.indexOf('ogg') !== -1) return 'ogg'
+  if (mime.indexOf('mp4') !== -1) return 'm4a'
+  if (mime.indexOf('mpeg') !== -1) return 'mp3'
+  if (mime.indexOf('aac') !== -1) return 'aac'
+  return 'audio'
+}
+
+/**
+ * 合并多个 Float32Array (PCM 帧缓冲) 为单个 Float32Array
+ */
+function mergeFloat32Arrays(arrays) {
+  let totalLength = 0
+  for (let i = 0; i < arrays.length; i++) totalLength += arrays[i].length
+  const out = new Float32Array(totalLength)
+  let offset = 0
+  for (let i = 0; i < arrays.length; i++) {
+    out.set(arrays[i], offset)
+    offset += arrays[i].length
+  }
+  return out
+}
+
+/**
+ * 将 Float32 PCM (-1..1) 编码为标准 WAV (PCM 16-bit LE, RIFF/WAVE 头).
+ *   所有 STT 服务都吃这个格式; 浏览器 H5 录音不依赖 MediaRecorder 也能产出.
+ *
+ * 参考 RIFF/WAVE 规范:
+ *   https://docs.fileformat.com/audio/wav/
+ *   http://soundfile.sapp.org/doc/WaveFormat/
+ */
+function encodeWavPcm16LE(samples, sampleRate, numChannels) {
+  const bytesPerSample = 2 // 16-bit
+  const dataSize = samples.length * numChannels * bytesPerSample
+  const buffer = new ArrayBuffer(44 + dataSize)
+  const view = new DataView(buffer)
+
+  // RIFF chunk descriptor (12 bytes)
+  writeAscii(view, 0, 'RIFF')
+  view.setUint32(4, 36 + dataSize, true) // ChunkSize = 文件总字节 - 8
+  writeAscii(view, 8, 'WAVE')
+
+  // fmt subchunk (24 bytes)
+  writeAscii(view, 12, 'fmt ')
+  view.setUint32(16, 16, true) // Subchunk1Size for PCM = 16
+  view.setUint16(20, 1, true) // AudioFormat: 1 = PCM
+  view.setUint16(22, numChannels, true)
+  view.setUint32(24, sampleRate, true)
+  view.setUint32(28, sampleRate * numChannels * bytesPerSample, true) // ByteRate
+  view.setUint16(32, numChannels * bytesPerSample, true) // BlockAlign
+  view.setUint16(34, 16, true) // BitsPerSample
+
+  // data subchunk (8 + N bytes)
+  writeAscii(view, 36, 'data')
+  view.setUint32(40, dataSize, true)
+
+  // PCM 样本: Float32 (-1..1) → Int16 LE (clamp 到 [-1, 1] 防溢出)
+  let offset = 44
+  for (let i = 0; i < samples.length; i++) {
+    let s = samples[i]
+    if (s > 1) s = 1
+    else if (s < -1) s = -1
+    const int16 = s < 0 ? Math.round(s * 0x8000) : Math.round(s * 0x7FFF)
+    view.setInt16(offset, int16, true)
+    offset += 2
+  }
+
+  return buffer
+}
+
+function writeAscii(view, offset, str) {
+  for (let i = 0; i < str.length; i++) {
+    view.setUint8(offset + i, str.charCodeAt(i))
+  }
+}
+
+/**
+ * 创建录音器实例。
+ *
+ * @param {object} [opts]
+ * @param {number} [opts.maxDuration=60000]  自动停止时长 (ms)
+ * @param {string} [opts.format]             MP/APP/鸿蒙 'mp3'|'aac'|'wav' (uni-app 文档)
+ * @param {number} [opts.sampleRate=16000]
+ * @param {number} [opts.numberOfChannels=1]
+ * @param {number} [opts.encodeBitRate=48000]
+ *
+ * @returns {VoiceRecorder}
+ */
+export function createVoiceRecorder(opts = {}) {
+  return new VoiceRecorder(opts)
+}
+
+class VoiceRecorder {
+  constructor(opts) {
+    this._maxDuration = opts.maxDuration || DEFAULT_MAX_DURATION_MS
+    // PR-FRONTEND-VOICE-FORMAT (2026-09-29): 微信小程序在部分 Android 机型上对 mp3/aac 兼容性差,
+    //   表现为一启动就 onStop(duration~100ms)。wav 是无压缩格式, 兼容性最好, 优先使用。
+    this._format = opts.format || 'wav'
+    this._sampleRate = opts.sampleRate || 16000
+    this._channels = opts.numberOfChannels || 1
+    this._bitRate = opts.encodeBitRate || 48000
+
+    this._listeners = { progress: [], error: [] }
+    this._isRecording = false
+    this._isStarting = false     // start() 已调用, 但 onStart 尚未回调
+    this._stopResolve = null     // 当前 stop() 等待 onStop 解析的 resolve
+    this._pendingStop = false    // onStart 之前就调用了 stop() → 等开始后立即停
+    this._startTs = 0
+    this._id = Math.random().toString(36).slice(2, 8)
+    this._autoStopTimer = null
+    this._stopFallbackTimer = null // PR-FRONTEND-VOICE-FALLBACK: stop()/cancel() 兜底定时器
+    this._earlyStopResult = null // PR-FRONTEND-VOICE-RACE: onStop 在 stop() 之前触发时缓存结果
+
+    // 平台相关句柄
+    this._h5 = null        // { mediaRecorder, stream, audioCtx, analyser, chunks, mime, rafId }
+    this._uniRec = null    // uni.getRecorderManager() 返回值
+    console.log(`[voice-recorder:${this._id}] created`)
+  }
+
+  on(event, cb) {
+    if (!this._listeners[event]) this._listeners[event] = []
+    this._listeners[event].push(cb)
+  }
+
+  off(event, cb) {
+    const arr = this._listeners[event]
+    if (!arr) return
+    const idx = arr.indexOf(cb)
+    if (idx !== -1) arr.splice(idx, 1)
+  }
+
+  _emit(event, payload) {
+    const arr = this._listeners[event]
+    if (!arr) return
+    for (const cb of arr.slice()) {
+      try { cb(payload) } catch (e) { /* swallow */ }
+    }
+  }
+
+  get isRecording() { return this._isRecording }
+
+  /**
+   * 开始录音。
+   *   resolve() 仅表示「启动成功」,真正的产物在 stop()/cancel() 中拿到。
+   */
+  start() {
+    if (this._isRecording) {
+      return Promise.reject(_err('ALREADY_STARTED', 'recorder already started'))
+    }
+    if (this._isStarting) {
+      return Promise.reject(_err('ALREADY_STARTED', 'recorder is starting'))
+    }
+
+    this._isStarting = true
+    let p = null
+    if (isH5()) {
+      p = this._startH5()
+    } else if (isMpOrApp()) {
+      p = this._startUni()
+    } else {
+      this._isStarting = false
+      return Promise.reject(_err('NOT_SUPPORTED', 'voice input not supported on this platform'))
+    }
+    // 启动失败时复位状态, 避免后续 stop()/cancel() 一直挂起
+    p.catch((e) => {
+      this._isStarting = false
+      return Promise.reject(e)
+    })
+    return p
+  }
+
+  /**
+   * 停止录音并返回产物。
+   *   resolve(null) 表示已取消 / 无产物,调用方应忽略。
+   */
+  stop() {
+    console.log(`[voice-recorder:${this._id}] stop() called`, { isRecording: this._isRecording, isStarting: this._isStarting, hasUniRec: !!this._uniRec, hasStopResolve: !!this._stopResolve, earlyResult: !!this._earlyStopResult })
+    if (!this._isRecording) {
+      // PR-FRONTEND-VOICE-RACE (2026-09-29): 真机常见"按住即松手"——
+      //   onStart 尚未回调 (录音未真正开始) 就调用 stop(), 原逻辑直接返回 null
+      //   导致上层判定"录音失败,请重试"。这里改为挂起, 等 onStart 触发后立即停,
+      //   产物仍走 onStop 正常返回 (太短的音轨后端可自行拒绝)。
+      if (this._isStarting) {
+        console.log(`[voice-recorder:${this._id}] stop() deferred: waiting for onStart`)
+        return new Promise((resolve) => {
+          this._pendingStop = true
+          this._stopResolve = resolve
+        })
+      }
+      // onStop 在 stop() 之前触发, 且有有效产物则返回缓存结果
+      if (this._earlyStopResult) {
+        const r = this._earlyStopResult
+        this._earlyStopResult = null
+        console.log(`[voice-recorder:${this._id}] stop() returning early onStop result`)
+        return Promise.resolve(r)
+      }
+      console.log(`[voice-recorder:${this._id}] stop() early return null (not recording)`)
+      return Promise.resolve(null)
+    }
+    if (isH5()) return this._stopH5()
+    return this._stopUni()
+  }
+
+  /**
+   * 中断录音并丢弃产物。
+   */
+  cancel() {
+    if (this._isStarting) {
+      // PR-FRONTEND-VOICE-CANCEL-RACE (2026-09-29): onStart 尚未触发就取消,
+      //   不能立即返回, 否则录音器启动后会继续录制。挂起 pendingStop,
+      //   等 onStart 触发后立即 stop(), 产物被丢弃。
+      console.log(`[voice-recorder:${this._id}] cancel() deferred: waiting for onStart`)
+      return new Promise((resolve) => {
+        this._pendingStop = true
+        this._stopResolve = () => resolve()
+      })
+    }
+    if (!this._isRecording) {
+      this._clearAutoStopTimer()
+      return Promise.resolve()
+    }
+    if (isH5()) return this._cancelH5()
+    return this._cancelUni()
+  }
+
+  // ===================== H5 实现 =====================
+  // PR-FRONTEND-VOICE-WAV (2026-09-25): 改为 AudioContext + ScriptProcessor 采 PCM,
+  //   停止时手动封装标准 WAV. 不再依赖 MediaRecorder, 解决 Chrome 只能产 webm/opus
+  //   导致后端 STT / Agent framework 无法解析的问题.
+  //
+  // 关键设计:
+  //   1. PCM 采样率固定 16kHz mono, 浏览器会自动 resample 麦克风输入
+  //      (实际由 AudioContext sampleRate 参数保证)
+  //   2. ScriptProcessor 必须 connect 到 audioCtx.destination 才会触发
+  //      onaudioprocess; 通过 GainNode(gain=0) 静音防止麦克风外放回声
+  //   3. 振幅采样走 AnalyserNode (与 PCM 采样并行, 不冲突)
+  //   4. onaudioprocess 每帧必须拷贝 channelData (new Float32Array(input)),
+  //      否则下一帧会覆盖导致 PCM 数据丢失
+
+  _startH5() {
+    return new Promise((resolve, reject) => {
+      if (typeof navigator === 'undefined' || !navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        reject(_err('H5_NO_MIC_API', 'mic API not available (HTTPS or localhost required)'))
+        return
+      }
+      const Ctx = window.AudioContext || window.webkitAudioContext
+      if (!Ctx) {
+        reject(_err('H5_NO_AUDIO_CTX', 'AudioContext not available'))
+        return
+      }
+
+      const buffers = []
+      let stream = null
+      let audioCtx = null
+      let source = null
+      let processor = null
+      let analyser = null
+      let silentGain = null
+      let rafId = null
+
+      // 清理 H5 资源 (失败 / 异常路径统一调用)
+      const cleanup = () => {
+        try { if (rafId) cancelAnimationFrame(rafId) } catch (e) { /* noop */ }
+        try { if (processor) processor.disconnect() } catch (e) { /* noop */ }
+        try { if (analyser) analyser.disconnect() } catch (e) { /* noop */ }
+        try { if (source) source.disconnect() } catch (e) { /* noop */ }
+        try { if (silentGain) silentGain.disconnect() } catch (e) { /* noop */ }
+        try { if (audioCtx && audioCtx.state !== 'closed') audioCtx.close().catch(() => {}) } catch (e) { /* noop */ }
+        try { if (stream) stream.getTracks().forEach(t => t.stop()) } catch (e) { /* noop */ }
+      }
+
+      navigator.mediaDevices.getUserMedia({
+        audio: {
+          channelCount: H5_NUM_CHANNELS,
+          // 注意: 部分浏览器会忽略 sampleRate 约束, 实际采样率以 AudioContext 为准
+          sampleRate: H5_SAMPLE_RATE,
+          echoCancellation: true,
+          noiseSuppression: true,
+          autoGainControl: true
+        }
+      })
+        .then((s) => {
+          stream = s
+          audioCtx = new Ctx({ sampleRate: H5_SAMPLE_RATE })
+
+          // 麦克风 → ScriptProcessor → 静音 GainNode → destination
+          // (ScriptProcessor 必须连到 destination 才会触发 onaudioprocess;
+          //  用 GainNode(gain=0) 静音, 防止麦克风声音外放产生回声)
+          source = audioCtx.createMediaStreamSource(stream)
+          const BufferSize = H5_SCRIPT_PROCESSOR_BUFFER_SIZE
+          processor = audioCtx.createScriptProcessor(BufferSize, H5_NUM_CHANNELS, H5_NUM_CHANNELS)
+          processor.onaudioprocess = (e) => {
+            const channelData = e.inputBuffer.getChannelData(0)
+            // 必须拷贝: inputBuffer 数据会被下一帧覆盖, 不拷贝会导致 PCM 丢失
+            buffers.push(new Float32Array(channelData))
+          }
+          silentGain = audioCtx.createGain()
+          silentGain.gain.value = 0
+          source.connect(processor)
+          processor.connect(silentGain)
+          silentGain.connect(audioCtx.destination)
+
+          // AnalyserNode 并行采振幅 (驱动波形动画)
+          analyser = audioCtx.createAnalyser()
+          analyser.fftSize = 256
+          source.connect(analyser)
+          const freqBuf = new Uint8Array(analyser.frequencyBinCount)
+          const tick = () => {
+            if (!this._isRecording) return
+            try {
+              analyser.getByteFrequencyData(freqBuf)
+              let sum = 0
+              for (let i = 0; i < freqBuf.length; i++) sum += freqBuf[i]
+              const level = Math.min(1, sum / (freqBuf.length * 255))
+              this._emit('progress', { level, duration: Date.now() - this._startTs })
+            } catch (e) { /* noop */ }
+            rafId = requestAnimationFrame(tick)
+          }
+          tick()
+
+          this._h5 = { stream, audioCtx, source, processor, analyser, silentGain, rafId, buffers, sampleRate: audioCtx.sampleRate, cleanup }
+          this._isRecording = true
+          this._startTs = Date.now()
+          this._setAutoStopTimer()
+          resolve()
+        })
+        .catch((err) => {
+          // 麦克风权限拒绝 / 设备不可用
+          cleanup()
+          reject(_err('H5_MIC_PERMISSION', (err && err.message) || 'mic permission denied or device unavailable'))
+        })
+    })
+  }
+
+  _stopH5() {
+    return new Promise((resolve) => {
+      const h5 = this._h5
+      if (!h5) { resolve(null); return }
+
+      // 1) 拆 audio graph + 停流 (避免 onprocess 继续累积 buffer)
+      try { h5.cleanup() } catch (e) { /* noop */ }
+
+      // 2) 合并 PCM 帧缓冲
+      const sampleRate = h5.sampleRate || H5_SAMPLE_RATE
+      const merged = mergeFloat32Arrays(h5.buffers || [])
+
+      // 3) 编码标准 WAV (PCM 16-bit LE mono)
+      const wavBuffer = encodeWavPcm16LE(merged, sampleRate, H5_NUM_CHANNELS)
+      const blob = new Blob([wavBuffer], { type: 'audio/wav' })
+
+      this._h5 = null
+      this._isRecording = false
+      this._clearAutoStopTimer()
+
+      if (merged.length === 0) {
+        // 没有采到任何 PCM (例如用户没说话或立即 stop)
+        resolve(null)
+        return
+      }
+
+      const fileName = `voice_${Date.now()}.wav`
+      const blobUrl = (typeof URL !== 'undefined' && URL.createObjectURL)
+        ? URL.createObjectURL(blob)
+        : ''
+
+      resolve({
+        filePath: blobUrl,
+        blob,
+        fileName,
+        duration: Date.now() - this._startTs,
+        mime: 'audio/wav',
+        size: blob.size,
+        cancelled: false
+      })
+    })
+  }
+
+  _cancelH5() {
+    return new Promise((resolve) => {
+      const h5 = this._h5
+      if (!h5) {
+        this._isRecording = false
+        this._clearAutoStopTimer()
+        resolve()
+        return
+      }
+      try { h5.cleanup() } catch (e) { /* noop */ }
+      this._h5 = null
+      this._isRecording = false
+      this._clearAutoStopTimer()
+      resolve()
+    })
+  }
+
+  // ===================== uni-app (MP/APP/鸿蒙) 实现 =====================
+
+  _startUni() {
+    // PR-FRONTEND-VOICE-SINGLETON: 串行化所有对微信录音单例的访问,
+    //   防止"上一个 onStop 还没触发, 下一个 start() 就报 audio is recording"。
+    return _singletonIdlePromise.then(() => {
+      // 防竞态: 注册 .then() 后到回调执行前, 可能有其他实例先占用了单例, 需要重新排队。
+      if (_singletonBusyInstance && _singletonBusyInstance !== this) {
+        console.log(`[voice-recorder:${this._id}] _startUni: singleton busy by ${_singletonBusyInstance._id}, re-queue`)
+        return this._startUni()
+      }
+      _setSingletonBusy(this, this._maxDuration)
+      console.log(`[voice-recorder:${this._id}] _startUni: singleton busy acquired`)
+      return this._doStartUni()
+    })
+  }
+
+  _doStartUni() {
+    return new Promise((resolve, reject) => {
+      let rec = null
+      try {
+        rec = _getSingletonRecorder()
+      } catch (e) {
+        _setSingletonIdle(this)
+        reject(_err('NO_RECORDER_MANAGER', 'uni.getRecorderManager unavailable'))
+        return
+      }
+      if (!rec) {
+        _setSingletonIdle(this)
+        reject(_err('NO_RECORDER_MANAGER', 'recorder manager unavailable'))
+        return
+      }
+
+      this._uniRec = rec
+      this._isStarting = true
+      console.log(`[voice-recorder:${this._id}] _startUni: start() invoked on singleton`)
+
+      rec.onStart(() => {
+        console.log(`[voice-recorder:${this._id}] onStart fired`)
+        this._isRecording = true
+        this._isStarting = false
+        this._startTs = Date.now()
+        this._setAutoStopTimer()
+        if (this._pendingStop) {
+          // 用户在录音真正开始前就松手: 立即结束, 产物经 onStop 返回
+          console.log(`[voice-recorder:${this._id}] onStart: pendingStop detected, calling rec.stop()`)
+          this._pendingStop = false
+          try { rec.stop() } catch (e) { /* onStop 自会兜底 */ }
+        }
+        resolve()
+      })
+
+      rec.onStop((res) => {
+        // res = { tempFilePath, duration, fileSize }
+        console.log(`[voice-recorder:${this._id}] onStop fired`, res, 'hasStopResolve=', !!this._stopResolve)
+        this._clearStopFallbackTimer()
+        this._uniRec = null
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        // PR-FRONTEND-VOICE-FORMAT (2026-09-29): 微信临时文件后缀才是真实容器格式:
+        //   Android aac → .m4a, iOS aac → .aac, mp3 → .mp3。按实际后缀给 mime/文件名,
+        //   避免播放器/后端因后缀与容器不符而失败。
+        const tempPath = (res && res.tempFilePath) || ''
+        const rawExt = (tempPath.split('?')[0].split('/').pop().match(/\.([a-z0-9]+)$/i) || [])[1] || ''
+        const ext = rawExt.toLowerCase()
+        const mime = ext === 'm4a' ? 'audio/mp4'
+          : ext === 'aac' ? 'audio/aac'
+          : ext === 'mp3' ? 'audio/mpeg'
+          : ext === 'wav' ? 'audio/wav'
+          : (this._format === 'wav' ? 'audio/wav'
+            : this._format === 'aac' ? 'audio/aac'
+            : 'audio/mpeg')
+        // PR-FRONTEND-VOICE-DURATION-FIX (2026-09-29): 微信 onStop 的 duration
+        //   偶尔为 0, 用 start→stop 真实时长兜底, 避免下游按 duration=0 丢弃。
+        const realDuration = this._startTs ? Date.now() - this._startTs : 0
+        const reportedDuration = (res && typeof res.duration === 'number') ? res.duration : 0
+        const duration = reportedDuration > 0 ? reportedDuration : realDuration
+        const result = {
+          filePath: tempPath,
+          blob: null,
+          fileName: tempPath ? `voice_${Date.now()}.${ext || 'aac'}` : '',
+          duration,
+          mime,
+          size: res.fileSize || 0,
+          cancelled: false
+        }
+        if (this._stopResolve) {
+          const r = this._stopResolve
+          this._stopResolve = null
+          r(result)
+        } else if (result.filePath && result.duration > 0) {
+          // PR-FRONTEND-VOICE-RACE: onStop 在 stop() 之前触发且产物有效, 缓存起来
+          this._earlyStopResult = result
+        }
+        _setSingletonIdle(this)
+      })
+
+      rec.onError((err) => {
+        this._clearStopFallbackTimer()
+        const e = _err('UNI_RECORD_ERROR', (err && (err.errMsg || err.message)) || 'record failed')
+        console.error(`[voice-recorder:${this._id}] UNI_RECORD_ERROR raw:`, err, 'errMsg=', err && err.errMsg, 'message=', err && err.message)
+        this._uniRec = null
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        this._emit('error', e)
+        if (this._stopResolve) {
+          const r = this._stopResolve
+          this._stopResolve = null
+          r(null)
+        } else {
+          // 启动阶段的 reject
+          reject(e)
+        }
+        _setSingletonIdle(this)
+      })
+
+      // 振幅事件 (uni-app 文档:onFrameRecorded, frameSize 单位 KB, frameBuffer ArrayBuffer)
+      if (typeof rec.onFrameRecorded === 'function') {
+        rec.onFrameRecorded((res) => {
+          if (!res || !res.frameBuffer) return
+          // frameBuffer 是 PCM 字节,简单用 |sample| / 0x8000 取平均振幅
+          try {
+            const view = new DataView(res.frameBuffer)
+            let sum = 0
+            const len = res.frameBuffer.byteLength
+            const step = Math.max(2, Math.floor(len / 256))
+            for (let i = 0; i < len; i += step) {
+              const v = view.getInt16(i, true)
+              sum += Math.abs(v)
+            }
+            const avg = sum / Math.max(1, Math.floor(len / step))
+            const level = Math.min(1, avg / 16384)
+            this._emit('progress', { level, duration: Date.now() - this._startTs })
+          } catch (e) { /* noop */ }
+        })
+      }
+
+      try {
+        rec.start({
+          // PR-FRONTEND-VOICE-DURATION-UNIT (2026-09-29): 微信 RecorderManager.start 的 duration
+          //   单位是毫秒(ms), 不是秒。之前 /1000 导致只录 60ms 就被自动停止。
+          duration: this._maxDuration,
+          sampleRate: this._sampleRate,
+          numberOfChannels: this._channels,
+          encodeBitRate: this._bitRate,
+          format: this._format
+          // PR-FRONTEND-VOICE-FRAMESIZE (2026-09-29): 去掉 frameSize, 部分机型对此参数敏感,
+          //   可能导致录音被提前中断。
+        })
+      } catch (e) {
+        this._clearStopFallbackTimer()
+        this._uniRec = null
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        _setSingletonIdle(this)
+        // 启动阶段就被 stop()/cancel() 抢占, 需要 Fulfill 挂起的 Promise, 而不是 reject
+        if (this._stopResolve && this._pendingStop) {
+          const r = this._stopResolve
+          this._stopResolve = null
+          this._pendingStop = false
+          r(null)
+          return
+        }
+        reject(e)
+      }
+    })
+  }
+
+  _stopUni() {
+    return new Promise((resolve) => {
+      console.log(`[voice-recorder:${this._id}] _stopUni called`)
+      const rec = this._uniRec
+      if (!rec) { resolve(null); return }
+      this._earlyStopResult = null
+      this._stopResolve = resolve
+      this._clearStopFallbackTimer()
+      // PR-FRONTEND-VOICE-FALLBACK: 真机偶发 onStop 不回调, 导致 stop() 永远挂起,
+      //   UI 无法释放旧实例, 新录音提示"recorder already exists"。最多等 3s 强制 resolve。
+      this._stopFallbackTimer = setTimeout(() => {
+        console.warn(`[voice-recorder:${this._id}] _stopUni fallback timeout, force resolve`)
+        this._stopResolve = null
+        this._pendingStop = false
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        this._uniRec = null
+        _setSingletonIdle(this)
+        resolve(null)
+      }, 3000)
+      try { rec.stop() } catch (e) {
+        this._clearStopFallbackTimer()
+        this._stopResolve = null
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        this._uniRec = null
+        _setSingletonIdle(this)
+        resolve(null)
+      }
+    })
+  }
+
+  _cancelUni() {
+    return new Promise((resolve) => {
+      console.log(`[voice-recorder:${this._id}] _cancelUni called`)
+      this._earlyStopResult = null
+      const rec = this._uniRec
+      if (!rec) {
+        // 挂起的 stop 需要一并了结, 避免松手后卡在 pending
+        if (this._stopResolve && this._pendingStop) {
+          const r = this._stopResolve
+          this._stopResolve = null
+          this._pendingStop = false
+          r(null)
+        }
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        _setSingletonIdle(this)
+        resolve()
+        return
+      }
+      this._stopResolve = () => resolve()
+      this._pendingStop = false
+      this._clearStopFallbackTimer()
+      // PR-FRONTEND-VOICE-FALLBACK: cancel() 同样可能因 onStop 不回调而挂起。
+      this._stopFallbackTimer = setTimeout(() => {
+        console.warn(`[voice-recorder:${this._id}] _cancelUni fallback timeout, force resolve`)
+        this._stopResolve = null
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        this._uniRec = null
+        _setSingletonIdle(this)
+        resolve()
+      }, 3000)
+      try { rec.stop() } catch (e) {
+        this._clearStopFallbackTimer()
+        this._isRecording = false
+        this._isStarting = false
+        this._clearAutoStopTimer()
+        this._uniRec = null
+        _setSingletonIdle(this)
+        resolve()
+      }
+    })
+  }
+
+  // ===================== 工具 =====================
+
+  _setAutoStopTimer() {
+    this._clearAutoStopTimer()
+    this._autoStopTimer = setTimeout(() => {
+      // 自动停止 (上限到达)
+      if (this._isRecording) {
+        this.stop().catch(() => { /* swallow */ })
+      }
+    }, this._maxDuration)
+  }
+
+  _clearAutoStopTimer() {
+    if (this._autoStopTimer) {
+      clearTimeout(this._autoStopTimer)
+      this._autoStopTimer = null
+    }
+  }
+
+  _clearStopFallbackTimer() {
+    if (this._stopFallbackTimer) {
+      clearTimeout(this._stopFallbackTimer)
+      this._stopFallbackTimer = null
+    }
+  }
+}
+
+export default createVoiceRecorder

common/js/wx-jssdk.js

@@ -55,7 +55,6 @@ let Weixin = function () {
 					typeof callback == 'function' && callback(res);
 				},
 				fail: (res) => {
-					console.log('获取收货地址 fail',res);
 					alert(JSON.stringify(res))
 				}
 			});

common/js/wxwork-jssdk.js

@@ -1,6 +1,8 @@
 /**
  * 企业微信JS-SDK调用
  */
+import Lang from './lang.js';
+
 let WxWork = function () {
 	// 企业微信JS-SDK
 	this.wxwork = null;
@@ -23,7 +25,7 @@ let WxWork = function () {
 			// H5环境下的企业微信
 			this.wxwork = WWOpenData;
 		} else {
-			console.error('企业微信JS-SDK未加载');
+			console.error(Lang.lang('wxworkJssdk.notLoaded'));
 			return false;
 		}
 
@@ -56,8 +58,8 @@ let WxWork = function () {
 	 */
 	this.addContact = function (params, success, fail) {
 		if (!this.wxwork) {
-			console.error('企业微信JS-SDK未初始化');
-			if (fail) fail('企业微信JS-SDK未初始化');
+			console.error(Lang.lang('wxworkJssdk.notInitialized'));
+			if (fail) fail(Lang.lang('wxworkJssdk.notInitialized'));
 			return;
 		}
 
@@ -69,7 +71,7 @@ let WxWork = function () {
 				if (res.err_msg === 'openUserProfile:ok') {
 					if (success) success(res);
 				} else {
-					console.error('打开用户资料失败:', res);
+					console.error(Lang.lang('wxworkJssdk.openUserProfileFailed'), res);
 					if (fail) fail(res.err_msg);
 				}
 			});
@@ -87,8 +89,8 @@ let WxWork = function () {
 	 */
 	this.openCustomerService = function (params, success, fail) {
 		if (!this.wxwork) {
-			console.error('企业微信JS-SDK未初始化');
-			if (fail) fail('企业微信JS-SDK未初始化');
+			console.error(Lang.lang('wxworkJssdk.notInitialized'));
+			if (fail) fail(Lang.lang('wxworkJssdk.notInitialized'));
 			return;
 		}
 

common/mixin/i18n-lazy.js

@@ -0,0 +1,73 @@
+/**
+ * 延迟初始化 i18n mixin
+ *
+ * 问题背景:
+ *   微信小程序/鸿蒙元服务环境下, main.js 同步 $mount() 会导致组件 data() 在
+ *   Lang.boot() 完成前求值. 此时 $lang() 在 remote-only 模式下返回空串,
+ *   把空串缓存到 data 字段后, 后续 boot 完成的 $forceUpdate 也无法让它重算.
+ *
+ * 解决思路:
+ *   data() 中不能调 $lang(), 否则空串被永久缓存.
+ *   模板只读 this.i18n.xxx(始终是字符串, 初值为空).
+ *   需要显示前, 显式调一次 this.prepareI18n() — 此时 boot 必然已完成.
+ *
+ * 用法:
+ *
+ *   // 1) 在 data() 中:
+ *   data() {
+ *     return {
+ *       i18n: {
+ *         title: '',
+ *         descPrefix: '',
+ *         privacyContractName: '',
+ *       },
+ *       // 准备文案时需要的动态上下文(可选)
+ *       platformContractName: '',
+ *     };
+ *   }
+ *
+ *   // 2) 在 methods 中实现 i18nPrepareFn, 返回一个新对象用于填充 this.i18n
+ *   //    其中 key 用反引号 `` `your.module.title` `` 这类命名代表"业务模块的真实 key",
+ *   //    请用业务组件实际使用的 key 替换(例如 'components.privacyPopup.title')
+ *   methods: {
+ *     i18nPrepareFn() {
+ *       return {
+ *         title: this.$lang(`your.module.title`),
+ *         descPrefix: this.$lang('components.privacyPopup.descPrefix', { appName: '本应用' }),
+ *         privacyContractName: this.platformContractName || this.$lang(`your.module.defaultContract`),
+ *       };
+ *     },
+ *   }
+ *
+ *   // 3) 在需要显示前调 this.prepareI18n()(来自 mixin)
+ *   //    此时 Lang.boot() 必然已完成, $lang() 返回真实翻译
+ *   popUp() {
+ *     this.prepareI18n();
+ *     this.showPop = true;
+ *   }
+ *
+ *   模板中只读 i18n.xxx:
+ *   ```html
+ *   <view>{{ i18n.title }}</view>
+ *   <view>{{ i18n.descPrefix }}</view>
+ *   ```
+ */
+export default {
+	methods: {
+		/**
+		 * 一次性计算所有 i18n 文案并写入 this.i18n
+		 * 关键: 调用时机必须是 boot 完成之后(否则会缓存空串)
+		 * 模板中读 this.i18n.xxx 永远拿到字符串
+		 *
+		 * 业务组件需要实现 i18nPrepareFn() 方法,
+		 * 返回一个对象, key 与 data().i18n 字段一一对应
+		 */
+		prepareI18n() {
+			if (typeof this.i18nPrepareFn !== 'function') {
+				console.warn('[i18n-lazy] i18nPrepareFn() not implemented; this.i18n will not be filled');
+				return;
+			}
+			this.i18n = this.i18nPrepareFn();
+		},
+	},
+};

common/mixin/image-longpress.js

@@ -0,0 +1,38 @@
+/**
+ * 微信小程序图片长按识别二维码 mixin
+ * 自动为页面中的所有 image 组件添加 show-menu-by-longpress 属性
+ */
+export default {
+  data() {
+    return {
+      // 需要排除的图片类名（不需要长按识别的）
+      excludeImageClass: ['no-longpress', 'swiper-image', 'banner-image']
+    }
+  },
+  mounted() {
+    // #ifdef MP-WEIXIN
+    this.$nextTick(() => {
+      this.addLongpressToImages()
+    })
+    // #endif
+  },
+  methods: {
+    /**
+     * 为页面中的所有 image 添加长按识别支持
+     */
+    addLongpressToImages() {
+      // 获取当前页面所有 image 组件
+      const images = document.querySelectorAll && document.querySelectorAll('image')
+      if (images) {
+        images.forEach(img => {
+          // 检查是否需要排除
+          const className = img.className || ''
+          const shouldExclude = this.excludeImageClass.some(cls => className.includes(cls))
+          if (!shouldExclude) {
+            img.setAttribute('show-menu-by-longpress', 'true')
+          }
+        })
+      }
+    }
+  }
+}

components-diy/css/common-channel.scss

@@ -0,0 +1,143 @@
+// 公共微信视频号样式
+
+// CSS 变量
+:root {
+	// 尺寸变量
+	--channel-play-btn-size: 80rpx;
+	--channel-play-btn-small-size: 60rpx;
+	--channel-play-btn-icon-size: 40rpx;
+	--channel-play-btn-icon-small-size: 30rpx;
+	--channel-border-radius: 12rpx;
+	--channel-stats-padding: 10rpx;
+	--channel-info-wrap-padding: 10rpx 0;
+	
+	// 字体变量
+	--channel-name-font-size: 28rpx;
+	--video-title-font-size: 28rpx;
+	--video-title-small-font-size: 24rpx;
+	--video-stats-font-size: 24rpx;
+	--channel-stats-font-size: 20rpx;
+	
+	// 颜色变量
+	--channel-name-color: #333;
+	--video-title-color: #333;
+	--video-title-small-color: #666;
+	--video-stats-color: #999;
+	--channel-stats-color: #fff;
+	--channel-border-color: #f0f0f0;
+	--channel-play-btn-bg: rgba(0, 0, 0, 0.4);
+	--channel-stats-bg: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
+	
+	// 间距变量
+	--channel-name-margin-bottom: 4rpx;
+	--video-title-margin-bottom: 8rpx;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+	:root {
+		--channel-play-btn-size: 70rpx;
+		--channel-play-btn-small-size: 50rpx;
+		--channel-play-btn-icon-size: 35rpx;
+		--channel-play-btn-icon-small-size: 25rpx;
+		--channel-name-font-size: 24rpx;
+		--video-title-font-size: 24rpx;
+	}
+}
+
+@media (min-width: 750px) {
+	:root {
+		--channel-play-btn-size: 90rpx;
+		--channel-play-btn-small-size: 70rpx;
+		--channel-play-btn-icon-size: 45rpx;
+		--channel-play-btn-icon-small-size: 35rpx;
+		--channel-name-font-size: 32rpx;
+		--video-title-font-size: 32rpx;
+	}
+}
+
+// 播放按钮样式
+.channel-play-btn {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--channel-play-btn-size);
+	height: var(--channel-play-btn-size);
+	background-color: var(--channel-play-btn-bg);
+	border-radius: 50%;
+
+	.play-icon {
+		width: var(--channel-play-btn-icon-size);
+		height: var(--channel-play-btn-icon-size);
+	}
+}
+
+// 小尺寸播放按钮（用于列表）
+.channel-play-btn.small {
+	width: var(--channel-play-btn-small-size);
+	height: var(--channel-play-btn-small-size);
+
+	.play-icon {
+		width: var(--channel-play-btn-icon-small-size);
+		height: var(--channel-play-btn-icon-small-size);
+	}
+}
+
+// 视频统计信息
+.channel-stats {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: var(--channel-stats-bg);
+	padding: var(--channel-stats-padding);
+	color: var(--channel-stats-color);
+	font-size: var(--channel-stats-font-size);
+}
+
+// 视频信息容器
+.channel-info-wrap {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	padding: var(--channel-info-wrap-padding);
+
+	.channel-name {
+		margin-bottom: var(--channel-name-margin-bottom);
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		font-size: var(--channel-name-font-size);
+		font-weight: 500;
+		color: var(--channel-name-color);
+	}
+
+	.video-title {
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		font-size: var(--video-title-small-font-size);
+		color: var(--video-title-small-color);
+	}
+}
+
+// 视频标题
+.video-title {
+	font-size: var(--video-title-font-size);
+	font-weight: 500;
+	color: var(--video-title-color);
+	margin-bottom: var(--video-title-margin-bottom);
+	line-height: 1.4;
+}
+
+// 视频统计信息（非绝对定位版本）
+.video-stats {
+	font-size: var(--video-stats-font-size);
+	color: var(--video-stats-color);
+}
+
+

components-diy/diy-audio.vue

@@ -0,0 +1,446 @@
+<template>
+	<view data-component-name="diy-audio">
+		<view class="fui-audio style1" :style="{ background: value.background }" v-if="value.type == 'style-2'">
+			<view class="content" style="padding-top: 20rpx;">
+				<view class="name" :style="{ color: value.textcolor }">{{ value.text }}</view>
+				<view class="author" :style="{ color: value.subtitlecolor }">{{ value.desc }}----{{ value.id }}</view>
+			</view>
+			<view class="progress">
+				<view class="progressBar" :style="{ width: audiowidth }"></view>
+			</view>
+			<view class="time" :style="{ color: value.timecolor }">
+				{{ audiotime }}
+			</view>
+			<view @tap.stop="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"
+				style="padding-top: 18rpx"></view>
+		</view>
+		<view class="fui-audio style3" :style="{ background: value.background }" v-else>
+			<!-- 	<audio src="/static/audio/bgm.mp3" controls loop></audio> -->
+			<view class="img">
+				<image :src="$util.img(value.imageUrl)" show-menu-by-longpress></image>
+			</view>
+			<view class="content">
+				<view class="name" :style="{ color: value.textcolor }">{{ value.text }}</view>
+				<view class="author" :style="{ color: value.subtitlecolor }">{{ value.desc }}</view>
+			</view>
+			<view class="progress">
+				<view class="progressBar" :style="{ width: audiowidth }"></view>
+			</view>
+			<view class="time" :style="{ color: value.timecolor }">
+				<!-- {{audios[value.id].audiotime}} -->
+				{{ audiotime }}
+			</view>
+			<view @tap.stop="play()" class="start" :class="status ? 'iconj icon-07zanting' : 'iconj icon-bofang'"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+import DiyMinx from './minx.js'
+// 音频
+export default {
+	name: 'diy-audio',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			audiosObj: [],
+			audios: {},
+			audioContext: null,
+			audiotime: '00:01',
+			audiowidth: 0,
+			status: 0,//1播放0停止
+		};
+	},
+	created() {
+		// console.log(this.value)
+		this.audios[this.value.id] = {
+			audiotime: '00:01',
+			audiowidth: 0
+		}
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) { }
+	},
+	computed: {
+		videoWarpCss: function () {
+			var obj = '';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		}
+	},
+	methods: {
+
+		play() {
+
+			var t = this.value.id, a = this.audiosObj[t] || !1;
+			var e = {
+				audio: this.$util.img(this.value.audioUrl),
+			}
+			if (!a) {
+				a = uni.createInnerAudioContext("audio_" + t);
+				var i = this.audiosObj;
+				i[t] = a, this.audiosObj = i
+				// uni.setStorageSync('audio_list',audio_list)
+				var audio_list = uni.getStorageSync('audio_list') ? uni.getStorageSync('audio_list') : []
+				if (audio_list.includes(t) == false) {
+					audio_list.push(t)
+					uni.setStorageSync('audio_list', audio_list)
+				}
+			}
+			var n = this;
+			a.onPlay(function () {
+				var e = setInterval(function () {
+					var i = a.currentTime / a.duration * 100 + "%", s = Math.floor(Math.ceil(a.currentTime) / 60), o = (Math.ceil(a.currentTime) % 60 / 100).toFixed(2).slice(-2), r = Math.ceil(a.currentTime);
+					s < 10 && (s = "0" + s);
+					var u = s + ":" + o, c = n.audios;
+					// console.log(i)
+					c[t].audiowidth = i, c[t].Time = e, c[t].audiotime = u, c[t].seconds = r, n.audios = c;
+				}, 1e3);
+			});
+
+			var s = n.$util.img(n.value.audioUrl), o = n.audios[n.value.id].seconds || 0, r = 0, u = 1;
+			0 == u && a.onEnded(function (e) {
+				c[t].status = !1, n.status = !1, c[t].seconds = 0, n.audios = c;
+			});
+			var c = n.audios;
+			c[t] || (c[t] = {}), a.paused && 0 == o ? (a.src = s, a.play(), 1 == u && (a.loop = !0),
+				c[t].status = !0, n.status = !0, n.pauseOther(t)) : a.paused && o > 0 ? (a.play(), 0 == r ? a.seek(o) : a.seek(0),
+					c[t].status = !0, n.status = !0, n.pauseOther(t)) : (a.pause(), c[t].status = !1, n.status = !1), n.audios = c;
+		},
+		pauseOther: function (e) {
+			var t = this;
+			// console.log(this.audiosObj[this.value.id]);
+			var i = this.audiosObj[this.value.id], a = this.value.id
+			// console.log(i)
+			// console.log(a)
+			// if (a != e) {
+			// i.pause();
+			// var n = t.audios;
+			// n[a] && (n[a].status = !1, this.audios=n); 
+			// }
+			var audios = document.getElementsByTagName("audio");
+			// 暂停函数
+			function pauseAll() {
+				var self = this;
+				[].forEach.call(audios, function (i) {
+					// 将audios中其他的audio全部暂停
+					i !== self && i.pause();
+				})
+			}
+			// 给play事件绑定暂停函数
+			[].forEach.call(audios, function (i) {
+				i.addEventListener("play", pauseAll.bind(i));
+			})
+
+
+			// var audio_list = uni.getStorageSync('audio_list')
+			//  audio_list.forEach(function(value, index) {
+			//    	if (value != e) {
+			// 		console.log(e)
+			// 	   uni.createInnerAudioContext("audio_" + value).pause();
+			//    }
+			// });
+
+			// this.audiosObj.forEach(function(value, index) {
+			//    console.log(value);
+			// });
+			// this.each(this.audiosObj, function(a, i) {
+			// 	if (a != e) {
+			// 		i.pause();
+			// 		var n = t.data.audios;
+			// 		n[a] && (n[a].status = !1, t.setData({
+			// 			audios: n
+			// 		}));
+			// 	}
+			// });
+		},
+
+
+		play_bak() {
+
+			var t = this.value.id
+			this.audioContext = uni.createInnerAudioContext("audio_" + this.value.id);
+			this.audioContext.src = this.$util.img(this.value.audioUrl);
+			var that = this
+			if (this.status == 1) {
+				this.audioContext.pause();
+				this.status = 0
+				return false
+			}
+			this.audioContext.play();
+			this.status = 1
+			this.audioContext.onCanplay(function (s) {
+				var e = setInterval(function () {
+					var i = parseFloat(that.audioContext.currentTime) / parseFloat(that.audioContext.duration) * 100 + "%", s = Math.floor(Math.ceil(that.audioContext.currentTime) / 60), o = (Math.ceil(that.audioContext.currentTime) % 60 / 100).toFixed(2).slice(-2), r = Math.ceil(that.audioContext.currentTime);
+					s < 10 && (s = "0" + s);
+					var u = s + ":" + o, c = that.audios;
+					c[t].audiowidth = i, c[t].Time = e, c[t].audiotime = u, c[t].seconds = r
+					that.audios = c
+					that.audiotime = that.audios[that.value.id].audiotime
+					that.audiowidth = that.audios[that.value.id].audiowidth
+					that.lyg = i
+				}, 1e3);
+			});
+
+
+			this.audioContext.onEnded(() => {
+				this.status = 0
+			});
+		}
+	}
+};
+</script>
+
+<style scoped>
+.fui-audio {
+	width: 100%;
+	border: 1rpx solid #eeeeee;
+	padding: 0 30rpx 0 20rpx;
+	box-sizing: border-box;
+	position: relative;
+	overflow: hidden;
+	background: #fff;
+}
+
+.fui-audio .img {
+	width: 100rpx;
+	height: 100rpx;
+	background: #000;
+}
+
+.fui-audio .img image {
+	width: 100%;
+	height: 100%;
+}
+
+.fui-audio .name {
+	font-size: 26rpx;
+	color: #333;
+}
+
+.fui-audio .author {
+	font-size: 26rpx;
+	color: #666;
+}
+
+.fui-audio .time {
+	font-size: 24rpx;
+	color: #999;
+}
+
+.fui-audio .start {
+	border: 0;
+	padding: 0;
+	margin: 0;
+	font-size: 28rpx;
+}
+
+.progressBar {
+	height: 2rpx;
+	width: 0;
+	background: #333;
+}
+
+.fui-audio.style1 {
+	height: 86rpx;
+	line-height: 82rpx;
+}
+
+.fui-audio.style1 .img,
+.fui-audio.style2 .img {
+	display: none;
+}
+
+.fui-audio.style1 .name,
+.fui-audio.style2 .name {
+	float: left;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	max-width: 300rpx;
+}
+
+.fui-audio.style1 .author,
+.fui-audio.style2 .author {
+	float: left;
+	margin-left: 12rpx;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	max-width: 200rpx;
+}
+
+.fui-audio.style1 .time,
+.fui-audio.style4 .time {
+	display: none;
+}
+
+.fui-audio.style1 .start {
+	position: absolute;
+	top: 0rpx;
+	right: 40rpx;
+	width: 40rpx;
+	height: 40rpx;
+	color: #000;
+}
+
+.fui-audio.style1 .progress {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.fui-audio.style2 {
+	height: 86rpx;
+	line-height: 82rpx;
+}
+
+.fui-audio.style2 .img {
+	display: none;
+}
+
+.fui-audio.style2 .time {
+	position: absolute;
+	top: 0;
+	right: 30rpx;
+}
+
+.fui-audio.style2 .name {
+	margin-left: 70rpx;
+}
+
+.fui-audio.style2 .start {
+	position: absolute;
+	top: 0rpx;
+	left: 30rpx;
+	width: 30rpx;
+	height: 30rpx;
+	color: #000;
+}
+
+.fui-audio.style2 .progress,
+.fui-audio.style3 .progress {
+	display: none;
+}
+
+.fui-audio.style3 {
+	padding: 8rpx;
+}
+
+.fui-audio.style3 .start {
+	position: absolute;
+	top: 30rpx;
+	left: 28rpx;
+	width: 56rpx;
+	height: 56rpx;
+	color: #fff;
+	/*   border: 2rpx solid #fff; */
+	border-radius: 50%;
+	text-indent: 18rpx;
+	line-height: 56rpx;
+}
+
+.fui-audio.style3 .img,
+.fui-audio.style4 .img {
+	float: left;
+	margin-right: 20rpx;
+}
+
+.fui-audio.style3 .content {
+	width: 468rpx;
+}
+
+.fui-audio.style3 .content,
+.fui-audio.style4 .content {
+	float: left;
+	height: 100rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.fui-audio.style3 .content .name {
+	height: 40rpx;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.fui-audio.style3 .content .author {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.fui-audio.style3 .time {
+	position: absolute;
+	top: 40rpx;
+	right: 30rpx;
+}
+
+.fui-audio.style4 {
+	padding: 10rpx;
+}
+
+.fui-audio.style4 .content {
+	padding-bottom: 18rpx;
+	height: 82rpx;
+	width: 500rpx;
+}
+
+.fui-audio.style4 .start {
+	position: absolute;
+	top: 32rpx;
+	right: 30rpx;
+	width: 30rpx;
+	height: 30rpx;
+	color: #000;
+}
+
+.fui-audio.style4 .name {
+	line-height: 1.2;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.fui-audio.style4 .author {
+	line-height: 1.2;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.fui-audio.style4 .progress {
+	background: #f5f5f5;
+	height: 4rpx;
+	position: absolute;
+	bottom: 24rpx;
+	left: 130rpx;
+	right: 30rpx;
+	border-radius: 2rpx;
+	overflow: hidden;
+}
+
+.fui-audio.style4 .progressBar {
+	height: 4rpx;
+}
+
+
+
+.diy-audio>>>.uni-video-container {
+	background-color: transparent;
+}
+</style>

components-diy/diy-bargain.vue

@@ -0,0 +1,790 @@
+<template>
+	<x-skeleton data-component-name="diy-bargain" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
+		<view class="diy-bargain" :class="[value.template, value.style]" :style="warpCss">
+
+			<!-- 商品头部 -->
+			<view v-if="value.titleStyle.isShow && list && list.length"
+				:class="[value.titleStyle.style, 'bargain-head']"
+				:style="{ backgroundImage: 'url(' + $util.img(value.titleStyle.backgroundImage) + '), linear-gradient(to right,' + value.titleStyle.bgColorStart + ',' + value.titleStyle.bgColorEnd + ')' }">
+				<view v-if="value.titleStyle.leftStyle == 'text'" class="left-text"
+					:style="{ fontSize: value.titleStyle.fontSize * 2 + 'rpx', color: value.titleStyle.textColor, fontWeight: value.titleStyle.fontWeight ? 'bold' : '' }">
+					{{ value.titleStyle.leftText }}
+				</view>
+				<image v-else class="left-img" :src="$util.img(value.titleStyle.leftImg)" mode="heightFix" show-menu-by-longpress></image>
+				<view class="head-content" v-if="value.titleStyle.style == 'style-1'"
+					:style="{ color: value.titleStyle.textColor }">{{ $lang('components-diy.diy-bargain.freeGet') }}</view>
+				<view class="head-right"
+					:style="{ fontSize: value.titleStyle.moreFontSize * 2 + 'rpx', color: value.titleStyle.moreColor }"
+					@tap.stop="$util.redirectTo('/pages_promotion/bargain/list')">
+					<text>{{ value.titleStyle.more }}</text>
+					<text class="iconfont icon-right"></text>
+				</view>
+			</view>
+
+			<!-- 商品列表 -->
+			<template v-if="value.template == 'row1-of1'">
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
+					:class="[value.ornament.type]" :style="goodsItemCss">
+					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+							:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+							@error="imageError(index)"  show-menu-by-longpress/>
+					</view>
+					<view class="content"
+						v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.btnStyle.control">
+						<view v-if="value.goodsNameStyle.control" class="goods-name"
+							:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+							:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+							{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+						</view>
+						<view class="progress" v-if="value.style == 'style-2'">
+							<view class="bg">
+								<view class="curr" :style="{ width: progress(item) * 2 + 'rpx' }">
+									<image class="progress-bar" mode="widthFix"
+										:src="$util.img('public/uniapp/bargain/progress_bar_01.png')"  show-menu-by-longpress/>
+								</view>
+							</view>
+							<view class="num" v-if="item.is_bargaining">
+								{{ $lang('components-diy.diy-bargain.bargained') }}
+								<text>￥{{ (item.price - item.curr_price).toFixed(2) }}</text>
+								{{ $lang('components-diy.diy-bargain.onlyDiff') }}
+								<text>￥{{ item.curr_price }}</text>
+							</view>
+							<view class="num" v-else>
+								{{ $lang('components-diy.diy-bargain.minBargainTo') }}
+								<text>￥{{ item.floor_price }}</text>
+							</view>
+						</view>
+						<view class="progress" v-if="value.style == 'style-3'">
+							{{ $lang('components-diy.diy-bargain.minBargainTo') }}
+							<text class="num">￥{{ item.floor_price }}</text>
+						</view>
+						<view class="price-wrap">
+							<view class="discount-price" v-if="value.priceStyle.mainControl">
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+								<text class="price price-style large"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+										item.price.split('.')[0] }}</text>
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">.{{
+										item.price.split('.')[1] }}</text>
+							</view>
+							<button v-if="value.btnStyle.control" :style="{
+								background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
+								color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
+								borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
+							}">
+								{{ item.is_bargaining ? $lang('components-diy.diy-bargain.continueBargain') : value.btnStyle.text }}
+							</button>
+						</view>
+					</view>
+				</view>
+			</template>
+
+			<template v-if="value.template == 'horizontal-slide'">
+				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
+						:class="[value.ornament.type]" :style="goodsItemCss">
+						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+								:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+								@error="imageError(index)" :lazy-load="true"  show-menu-by-longpress/>
+							<image class="bg"
+								v-if="value.saleStyle.control && value.template == 'horizontal-slide' && value.style != 'style-2'"
+								:src="$util.img('public/uniapp/bargain/bg.png')" mode="widthFix" />
+							<view class="num"
+								v-if="value.saleStyle.control && value.template == 'horizontal-slide' && value.style != 'style-2'"
+								:style="{ color: value.theme == 'diy' ? value.saleStyle.color : '' }">
+								{{ $lang('components-diy.diy-bargain.soldCount', { num: item.sale_num }) }}
+							</view>
+						</view>
+						<view :class="['content', { 'multi-content': value.nameLineMode == 'multiple' }]"
+							v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl">
+							<view v-if="value.goodsNameStyle.control" class="goods-name"
+								:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+								:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+								{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+							</view>
+							<view class="discount-price"
+								v-if="value.priceStyle.mainControl && value.template == 'horizontal-slide' && value.style != 'style-2'">
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+								<text class="price price-style large"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+										item.floor_price.split('.')[0] }}</text>
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+										'.' + item.floor_price.split('.')[1] }}</text>
+							</view>
+							<view class="original-price price-font" v-if="value.priceStyle.lineControl"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">
+								¥{{ item.price }}
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+
+				<swiper v-if="value.slideMode == 'slide'" :autoplay="false" class="swiper"
+					:style="{ height: swiperHeight }">
+					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
+						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
+						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+									@error="imageError(dataIndex)" :lazy-load="true"  show-menu-by-longpress/>
+								<image class="bg"
+									v-if="value.saleStyle.control && value.template == 'horizontal-slide' && value.style != 'style-2'"
+									:src="$util.img('public/uniapp/bargain/bg.png')" mode="widthFix" />
+								<view class="num"
+									v-if="value.saleStyle.control && value.template == 'horizontal-slide' && value.style != 'style-2'"
+									:style="{ color: value.theme == 'diy' ? value.saleStyle.color : '' }">
+									{{ $lang('components-diy.diy-bargain.soldCount', { num: item.sale_num }) }}
+								</view>
+							</view>
+							<view :class="['content', { 'multi-content': value.nameLineMode == 'multiple' }]"
+								v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl">
+								<view v-if="value.goodsNameStyle.control" class="goods-name"
+									:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+									:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+									{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+								</view>
+								<view class="discount-price"
+									v-if="value.priceStyle.mainControl && value.template == 'horizontal-slide' && value.style != 'style-2'">
+									<text class="unit price-style small"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+									<text class="price price-style large"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+											item.floor_price.split('.')[0] }}</text>
+									<text class="unit price-style small"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+											'.' + item.floor_price.split('.')[1] }}</text>
+								</view>
+								<view class="original-price price-font" v-if="value.priceStyle.lineControl"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">
+									¥{{ item.price }}
+								</view>
+							</view>
+						</view>
+					</swiper-item>
+				</swiper>
+			</template>
+
+		</view>
+	</x-skeleton>
+</template>
+
+<script>
+import DiyMinx from './minx.js'
+// 砍价商品
+export default {
+	name: 'diy-bargain',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			list: [],
+			page: 1,
+			loading: true,
+			skeletonType: '',
+			skeletonConfig: {}
+		};
+	},
+	components: {},
+	async created() {
+		this.initSkeleton();
+		if (this.value.template == 'row1-of1' && this.value.style == 'style-2') await this.getDataing();
+		this.getData();
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: async function (nval) {
+			if (this.value.template == 'row1-of1' && this.value.style == 'style-2') await this.getDataing();
+			this.getData();
+		}
+	},
+	computed: {
+		warpCss() {
+			var obj = '';
+			if (this.value.componentBgColor) obj += 'background:' + this.value.componentBgColor + ';';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		},
+		// 商品项样式
+		goodsItemCss() {
+			var obj = '';
+			obj += 'background-color:' + this.value.elementBgColor + ';';
+			if (this.value.elementAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			if (this.value.ornament.type == 'shadow') {
+				obj += 'box-shadow:' + '0 0 10rpx ' + this.value.ornament.color + ';';
+			}
+			if (this.value.ornament.type == 'stroke') {
+				obj += 'border:' + '2rpx solid ' + this.value.ornament.color + ';';
+			}
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			if (this.value.template == 'horizontal-slide') {
+				var width = '';
+				if (this.value.slideMode == 'scroll' && this.value.goodsMarginType == 'diy') width = this.rpxUpPx(this
+					.value.goodsMarginNum * 2);
+				else width = [screenWidth - this.rpxUpPx(20) * 2 - this.rpxUpPx(200) * 3 - this.rpxUpPx(this.value
+					.margin.both * 2) * 2] / 6;
+
+				obj += 'margin-left:' + width + 'px;';
+				obj += 'margin-right:' + width + 'px;';
+			}
+			return obj;
+		},
+		swiperHeight() {
+			if (this.value.nameLineMode == 'multiple') {
+				if (this.value.ornament.type == 'shadow') return '420rpx';
+				else return '400rpx';
+			}
+			if (this.value.ornament.type == 'shadow') return '386rpx';
+			else return '378rpx';
+		}
+	},
+	methods: {
+		initSkeleton() {
+			if (this.value.template == 'row1-of1') {
+
+				// 单列 风格
+				this.skeletonType = 'list';
+				this.skeletonConfig = {
+					textRows: 2
+				};
+
+			} else if (this.value.template == 'horizontal-slide') {
+
+				// 横向滑动 风格
+				this.skeletonType = 'waterfall';
+				this.skeletonConfig = {
+					gridRows: 1,
+					gridColumns: 3,
+					headHeight: '200rpx',
+					textRows: 2,
+					textWidth: ['100%', '80%']
+				};
+
+			}
+		},
+		rpxUpPx(res) {
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			var data = (screenWidth * parseInt(res)) / 750;
+			return Math.floor(data);
+		},
+		// 查找自己参与的砍价
+		async getDataing() {
+			var res = await this.$api.sendRequest({
+				url: '/bargain/api/goods/bargainingList',
+				data: {},
+				async: false
+			});
+
+			res.data &&
+				res.data.forEach((item, index) => {
+					item.is_bargaining = 1;
+				});
+			this.list = res.data || [];
+			this.loading = false;
+		},
+		// 查找可砍价的商品
+		getData() {
+			var data = {
+				num: this.value.count,
+				is_exclude_bargaining: 1
+			};
+			if (this.value.sources == 'diy') {
+				data.num = 0;
+				data.id_arr = this.value.goodsId.toString();
+			}
+
+			this.$api.sendRequest({
+				url: '/bargain/api/goods/lists',
+				data: data,
+				success: res => {
+					if (res.code == 0) {
+						if (this.value.template == 'row1-of1' && this.value.style == 'style-2') this.list =
+							this.list.concat(res.data).splice(0, this.value.count);
+						else this.list = res.data;
+
+						// 切屏滚动，每页显示固定数量
+						if (this.value.template == 'horizontal-slide' && this.value.slideMode == 'slide') {
+							let size = 3;
+							let temp = [];
+							this.page = Math.ceil(this.list.length / size);
+							for (var i = 0; i < this.page; i++) {
+								temp[i] = [];
+								for (var j = i * size; j < this.list.length; j++) {
+									if (temp[i].length == size) break;
+									temp[i].push(this.list[j]);
+								}
+							}
+							this.list = temp;
+						}
+					}
+					this.loading = false;
+				}
+			});
+		},
+		progress(data) {
+			// 214 表示当前进度条的宽度
+			let progress = (((parseFloat(data.price) - parseFloat(data.curr_price)) / parseFloat(data.price)) * 214)
+				.toFixed();
+			if (progress == 'NaN') {
+				progress = 0;
+			}
+			return progress;
+		},
+		toDetail(e) {
+			this.$util.redirectTo('/pages_promotion/bargain/detail', {
+				b_id: e.bargain_id
+			});
+		},
+		imageError(index) {
+			this.list[index].goods_image = this.$util.getDefaultImage().goods;
+			this.$forceUpdate();
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+::v-deep .uni-scroll-view ::-webkit-scrollbar {
+	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
+	display: none;
+	width: 0;
+	height: 0;
+	color: transparent;
+	background: transparent;
+}
+
+::v-deep ::-webkit-scrollbar {
+	display: none;
+	width: 0;
+	height: 0;
+	color: transparent;
+	background: transparent;
+}
+
+scroll-view ::-webkit-scrollbar {
+	width: 0;
+	height: 0;
+	background-color: transparent;
+	touch-action: none;
+}
+
+.diy-bargain {
+	overflow: hidden;
+
+	// 头部
+	.bargain-head {
+		&.style-1 {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 88rpx;
+			box-sizing: border-box;
+			padding: 0 20rpx;
+			background-repeat: no-repeat;
+			background-size: cover;
+			margin-bottom: 20rpx;
+			border-radius: 18rpx 18rpx 0 0;
+
+			.left-img {
+				height: 40rpx;
+				width: 156rpx;
+			}
+
+			.head-content {
+				position: relative;
+				color: #fff;
+				font-size: $font-size-tag;
+				margin-right: auto;
+				margin-left: 20rpx;
+				line-height: 1;
+
+				&::after {
+					content: '';
+					position: absolute;
+					width: 2rpx;
+					height: 24rpx;
+					background-color: #fff;
+					top: 50%;
+					transform: translateY(-50%);
+					left: -12rpx;
+				}
+			}
+
+			.head-right {
+				display: flex;
+				align-items: center;
+				font-size: $font-size-sub;
+				color: #fff;
+			}
+		}
+
+		&.style-2 {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			height: 88rpx;
+			box-sizing: border-box;
+			padding: 0 20rpx;
+			background-repeat: no-repeat;
+			background-size: cover;
+			margin-bottom: 20rpx;
+			border-radius: 18rpx 18rpx 0 0;
+
+			.left-img {
+				height: 40rpx;
+				width: 156rpx;
+			}
+
+			.head-right {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: 36rpx;
+				// P0: 砍价头渐变 → var(--pintuan-label-grad-start/end) 复用(同色系)
+				// 兼容: 微信小程序 / 鸿蒙元服务 — linear-gradient 嵌套 var() 现代 runtime 支持
+				background: #ffbd5b; // 兜底
+				background: linear-gradient(270deg, var(--pintuan-label-grad-start, #ffbd5b) 0%, var(--pintuan-label-grad-end, #fd882e) 100%);
+				border-radius: 24rpx;
+				padding: 2rpx;
+
+				text:nth-child(1) {
+					position: relative;
+					left: 6rpx;
+					transform: scale(0.9);
+				}
+
+				text:nth-child(2) {
+					padding: 6rpx 4rpx 4rpx;
+					background-color: #fff;
+					// P0: 砍价头文字色 → var(--pintuan-label-grad-start) 复用
+					// 兼容: 微信小程序 / 鸿蒙元服务 — color 接受 var() 无问题
+					color: var(--pintuan-label-grad-start, #ffbd5b);
+					border-radius: 50%;
+					transform: scale(0.6);
+					font-weight: bold;
+					line-height: 1;
+				}
+			}
+		}
+	}
+
+	// 商品列表
+	&.row1-of1 {
+		.item {
+			display: flex;
+			margin-bottom: 20rpx;
+			padding: 16rpx;
+
+			&.shadow {
+				margin: 8rpx 8rpx 20rpx 8rpx;
+			}
+
+			&:last-child {
+				margin-bottom: 0;
+				padding-bottom: 20rpx;
+			}
+
+			.img-wrap {
+				width: 200rpx;
+				height: 200rpx;
+
+				>image {
+					width: 200rpx;
+				}
+			}
+
+			.content {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				padding: 6rpx 0 6rpx 20rpx;
+
+				.goods-name {
+					&.multi-hidden {
+						line-height: 1.3;
+					}
+				}
+
+				.price-wrap {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+				}
+
+				.discount-price {
+					white-space: nowrap;
+					font-weight: bold;
+					line-height: 1;
+
+					.unit {
+						font-size: $font-size-tag;
+						margin-right: 4rpx;
+						color: var(--price-color);
+					}
+
+					.price {
+						font-size: $font-size-toolbar;
+						color: var(--price-color);
+					}
+				}
+
+				button {
+					margin: 0;
+					padding: 0 20rpx;
+					color: var(--btn-text-color);
+					background-color: $base-color;
+					color: #fff;
+					min-width: 112rpx;
+					height: 52rpx;
+					line-height: 52rpx;
+					font-size: $font-size-tag;
+					font-weight: bold;
+				}
+			}
+		}
+
+		&.style-2 {
+			.discount-price {
+				position: relative;
+			}
+
+			.progress {
+				display: flex;
+				flex-direction: column;
+				margin-top: 10rpx;
+				margin-right: 16rpx;
+
+				.bg {
+					margin-left: 6rpx;
+					width: auto;
+					height: 20rpx;
+					border-radius: 20rpx;
+					// P0: 砍价浅底 → var(--bargain-promo-shallow)
+					// 兼容: 微信小程序 / 鸿蒙元服务 — background-color 接受 var() 无问题
+					background-color: var(--bargain-promo-shallow, #ffeadb);
+					position: relative;
+
+					&::after {
+						content: '';
+						width: 26rpx;
+						height: 26rpx;
+						border-radius: 50%;
+						// P0: 砍价红圆点 → var(--bargain-promo-color)
+						// 兼容: 微信小程序 / 鸿蒙元服务 — background-color 接受 var() 无问题
+						background-color: var(--bargain-promo-color, #fa1a1a);
+						position: absolute;
+						top: 50%;
+						transform: translateY(-50%);
+						right: -18rpx;
+					}
+
+					.curr {
+						width: 0;
+						height: 20rpx;
+						border-radius: 20rpx;
+						// P0: 砍价红进度条 → var(--bargain-promo-color)
+						// 兼容: 微信小程序 / 鸿蒙元服务 — background-color 接受 var() 无问题
+						background-color: var(--bargain-promo-color, #fa1a1a);
+						position: relative;
+
+						.progress-bar {
+							position: absolute;
+							right: -20rpx;
+							width: 30rpx;
+							height: 30rpx;
+							max-width: inherit !important;
+							max-height: inherit !important;
+							top: 50%;
+							transform: translateY(-50%);
+							z-index: 1;
+						}
+					}
+				}
+
+				.num {
+					font-size: $font-size-tag;
+					margin-top: 12rpx;
+					line-height: 1;
+
+					text {
+						// P0: 砍价数字红 → var(--bargain-promo-color)
+						// 兼容: 微信小程序 / 鸿蒙元服务 — color 接受 var() 无问题
+						color: var(--bargain-promo-color, #fa1a1a);
+					}
+				}
+			}
+		}
+
+		&.style-3 {
+			.progress {
+				display: flex;
+				color: $color-tip;
+				font-size: $font-size-sub;
+
+				.num {
+					color: var(--price-color);
+				}
+			}
+
+			.item {
+				.content {
+					justify-content: space-around;
+				}
+
+				.img-wrap {
+					overflow: hidden;
+				}
+			}
+		}
+	}
+
+	&.horizontal-slide {
+		.scroll {
+			width: calc(100% - 40rpx);
+			padding: 20rpx;
+			line-height: 1;
+			white-space: nowrap;
+
+			.item.shadow {
+				margin-bottom: 8rpx;
+			}
+		}
+
+		.flex-between {
+			justify-content: space-between;
+		}
+
+		.item {
+			display: inline-block;
+			width: 200rpx;
+			overflow: hidden;
+			box-sizing: border-box;
+
+			&:nth-child(3n + 3) {
+				width: 198rpx;
+			}
+
+			&.shadow {
+				margin-top: 8rpx;
+			}
+
+			.img-wrap {
+				width: 200rpx;
+				height: 200rpx;
+				position: relative;
+				overflow: hidden;
+				margin: 0 auto;
+
+				>image {
+					width: 100%;
+				}
+
+				.bg {
+					position: absolute;
+					width: 100%;
+					height: 60rpx;
+					bottom: 0;
+					left: 0;
+					z-index: 2;
+				}
+
+				.num {
+					width: 180rpx;
+					position: absolute;
+					bottom: 10rpx;
+					padding-left: 20rpx;
+					font-size: 20rpx;
+					line-height: 1;
+					color: #ffffff;
+					z-index: 3;
+				}
+			}
+
+			.content {
+				padding: 10rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+
+				&.multi-content {
+					height: 160rpx;
+					box-sizing: border-box;
+				}
+
+				.goods-name {
+					line-height: 1.3;
+
+					&.multi-hidden {
+						white-space: break-spaces;
+					}
+				}
+
+				.discount-price {
+					white-space: nowrap;
+					margin-top: auto;
+					font-weight: bold;
+					line-height: 1;
+
+					.unit {
+						font-size: $font-size-tag;
+						margin-right: 4rpx;
+						color: var(--price-color);
+					}
+
+					.price {
+						font-size: $font-size-toolbar;
+						color: var(--price-color);
+					}
+				}
+
+				.original-price {
+					margin-top: 4rpx;
+					font-size: $font-size-tag;
+					color: $color-tip;
+					line-height: 1;
+					text-decoration: line-through;
+				}
+			}
+		}
+
+		.swiper {
+			padding: 20rpx;
+			width: 100%;
+			white-space: nowrap;
+			box-sizing: border-box;
+
+			.swiper-item {
+				display: flex;
+				align-items: center;
+			}
+
+			.item {
+				width: 200rpx;
+				box-sizing: border-box;
+			}
+		}
+	}
+}
+</style>

components-diy/diy-bottom-nav.vue

@@ -0,0 +1,463 @@
+<template>
+	<!-- 修复底部 TabBar 频闪:
+	     微信小程序等环境下 `shouldShowTabBar` 在 tabBarList 异步加载期间会从 false→true 短暂切换,
+	     配合 `v-if` 会让整个 tab 组件树卸载/重建 -> 视觉频闪 + tabBar 占用空间反复占位/释放导致上方内容跳动。
+	     改为 `v-show`, 只切换可见性, 内部 tab 始终在 DOM 中(无 tabBarList 时只渲染空壳占位)。 -->
+	<view data-component-name="diy-bottom-nav" v-show="shouldShowTabBar">
+		<!-- tabBarList 未就绪时仍保留 placeholder 占位, 避免上方内容在加载完成后突跳 -->
+		<view v-if="tabBarList && tabBarList.list && tabBarList.list.length" class="tab-bar" :style="{ backgroundColor: tabBarList.backgroundColor }">
+			<view class="tabbar-border"></view>
+			<view class="item" v-for="(item, index) in tabBarList.list" :key="item.id" @tap.stop="redirectTo(item.link)">
+				<view class="bd">
+					<view class="icon" v-if="tabBarList.type == 1 || tabBarList.type == 2"
+						:animation="isCartItem(item.link) ? cartAnimation : null"
+						:id="isCartItem(item.link) ? 'tabbarCart' : null">
+						<block v-if="verify(item.link)">
+							<image v-if="item.selected_icon_type == 'img'"
+								:src="$util.img(item.selectedIconPath)" />
+							<diy-icon v-if="item.selected_icon_type == 'icon'" :icon="item.selectedIconPath"
+								:value="item.selected_style ? item.selected_style : null"></diy-icon>
+						</block>
+						<block v-else>
+							<image v-if="item.icon_type == 'img'" :src="$util.img(item.iconPath)" />
+							<diy-icon v-if="item.icon_type == 'icon'" :icon="item.iconPath"
+								:value="item.style ? item.style : null"></diy-icon>
+						</block>
+						<view class="cart-count-mark font-size-activity-tag"
+							:class="{ max: cartNumber > 99 }"
+							:style="{ background: 'var(--price-color)' }"
+							v-if="isCartItem(item.link) && cartNumber > 0">
+							{{ cartNumber > 99 ? '99+' : cartNumber }}
+						</view>
+					</view>
+					<view class="label"
+						v-if="(tabBarList.type == 1 || tabBarList.type == 3) && tabBarList.theme == 'diy'"
+						:style="{ color: verify(item.link) ? tabBarList.textHoverColor : tabBarList.textColor }">
+						{{ $langConfig.getField(item, 'text') }}
+					</view>
+					<view class="label"
+						v-if="(tabBarList.type == 1 || tabBarList.type == 3) && tabBarList.theme == 'default'"
+						:style="{ color: verify(item.link) ? 'var(--base-color)' : '#333333' }">
+						{{ $langConfig.getField(item, 'text') }}
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 解决fixed定位后底部导航栏塌陷问题: 始终保留 placeholder, 避免内容随 tabBar 可见性跳 -->
+		<view class="tab-bar-placeholder"></view>
+	</view>
+</template>
+
+<script>
+import { adaptSubpackageUrl, checkTabBarActive, decodeEntity } from '@/common/js/util.js'
+import { resolveEntryTab } from '@/common/js/util-tabbar.js'
+import DiyMinx from './minx.js'
+// 底部导航栏
+export default {
+	name: 'diy-bottom-nav',
+	props: {
+		value: {
+			type: Object
+		},
+		name: {
+			type: String,
+			default: ''
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			currentRoute: '', //当前页面路径
+			jumpFlag: true, //是否可以跳转，防止重复点击
+			cartAnimation: {}
+		};
+	},
+	mounted() {
+		this.updateCurrentRoute();
+		this.$nextTick(() => {
+			if (!this.$store.state.cartPosition) {
+				let query = uni.createSelectorQuery().in(this);
+				query.select('#tabbarCart')
+					.boundingClientRect(data => {
+						if (data) this.$store.commit('setCartPosition', data);
+					}).exec();
+
+				query.select('.tab-bar')
+					.boundingClientRect(data => {
+						if (data) this.$store.commit('setTabBarHeight', data.height +
+							'px');
+					}).exec();
+			}
+		});
+		// 监听页面显示事件，更新当前路由
+		this.$on('hook:onShow', () => {
+			this.updateCurrentRoute();
+		});
+	},
+	computed: {
+		// 当前语言(响应式):通过 componentRefresh 建立依赖,切语言时自动更新
+		// 不能直接用 uni.getStorageSync 作为 data,因为它不是响应式的
+		currentLang() {
+			// 通过 componentRefresh 建立响应式依赖
+			// 切语言时 store 中的 componentRefresh 会 +1,触发重新计算
+			this.componentRefresh;
+			return uni.getStorageSync("lang") || 'zh-cn';
+		},
+		cartChange() {
+			return this.$store.state.cartChange;
+		},
+		packageEntryTab() {
+			return this.$store.state.packageEntryTab;
+		},
+		// 响应 tabBarList 异步加载: 后端返回前 updateCurrentRoute 是 no-op,
+		// tabBarList 就绪后必须重跑一次, 否则冷启动+秒点链接会出现"先不高亮→再突然高亮"
+		tabBarReady() {
+			return this.tabBarList && this.tabBarList.list && this.tabBarList.list.length > 0;
+		},
+	},
+	watch: {
+		cartChange: function (nval, oval) {
+			if (nval > oval) {
+				let animation = uni.createAnimation({
+					duration: 200,
+					timingFunction: 'ease'
+				});
+				animation.scale(1.2).step();
+				this.cartAnimation = animation.export();
+				setTimeout(() => {
+					animation.scale(1).step();
+					this.cartAnimation = animation.export();
+				}, 300);
+			}
+		},
+		// tabBarList 异步加载完成后, 补一次 updateCurrentRoute
+		// 修复: 冷启动时用户在 tabBarList 就绪前点击链接, 第一次 updateCurrentRoute 是 no-op
+		tabBarReady: {
+			handler(ready) {
+				if (ready) {
+					this.updateCurrentRoute();
+				}
+			},
+			immediate: false,
+		},
+	},
+	methods: {
+		// 统一归一化路径：currentPage.route 不带前导 '/'，但 tab 的 wap_url 带前导 '/'
+		// 统一加前导 '/' 后再 split，确保 parts[1]=分包名、parts[2]=页面名
+		_normalizeRoute(route) {
+			if (!route) return '';
+			return route.startsWith('/') ? route : '/' + route;
+		},
+		// 从归一化路径中提取分包名（parts[1]）
+		_getPackageName(normalizedRoute) {
+			const parts = normalizedRoute.split('?')[0].split('/');
+			return parts[1] || '';
+		},
+		// 判断某个链接是否指向购物车页面
+		isCartItem(link) {
+			if (!link || !link.wap_url) return false;
+			return adaptSubpackageUrl(link.wap_url).split('?')[0] === '/pages_goods/cart';
+		},
+		// 更新当前路由，追踪每个分包的入口 tab
+		updateCurrentRoute() {
+			const currentPages = getCurrentPages();
+			const currentPage = currentPages[currentPages.length - 1];
+			if (!currentPage || !currentPage.route) return;
+
+			// 归一化：补全前导 '/'，确保后续 split('/') 后 parts[1]=分包名
+			const newRoute = this._normalizeRoute(currentPage.route);
+			const currentPackageName = newRoute.split('?')[0].split('/')[1] || '';
+
+			if (this.tabBarList && this.tabBarList.list && currentPackageName) {
+				// 收集历史栈路由 (排除当前页, 已 _normalizeRoute)
+				// 注意: 组件里直接传 raw route 给 resolveEntryTab,
+				// 内部 adaptSubpackageUrl 会兜底处理老路径 /pages/member/ 等
+				const historyRoutes = currentPages.length >= 2
+					? currentPages.slice(0, -1).map((p) =>
+						p && p.route ? this._normalizeRoute(p.route) : null)
+					: [];
+
+				// 调用纯函数 resolveEntryTab 完成 4 步查找
+				// 规则: 从哪个 TabBar 出发, 非 tab 页就归属哪个 TabBar 高亮
+				// 修复: home → diy 微页面 等跨分包导航被"同分包第一个 tab"误判的问题
+				const entryTab = resolveEntryTab({
+					currentPageRoute: newRoute,
+					tabBarList: this.tabBarList,
+					historyRoutes,
+					// 传 NO_TAB_PAGES 进去, 让 login/pay/AI 等 modal 页不参与归属判定
+					// 例子: home → login → diy 应算作 home → diy (login 是 modal)
+					noTabPages: this.$util && this.$util.NO_TAB_PAGES ? this.$util.NO_TAB_PAGES : null,
+				});
+
+				if (entryTab) {
+					this.$store.commit('setPackageEntryTab', {
+						...this.packageEntryTab,
+						[currentPackageName]: entryTab
+					});
+				}
+			}
+
+			this.currentRoute = newRoute;
+		},
+		redirectTo(link) {
+			this.$emit('callback');
+			const redirectLink = link ? { ...link } : link;
+
+			if (link && link.wap_url) {
+				const decodedUrl = decodeEntity(link.wap_url);
+				const adaptedUrl = adaptSubpackageUrl(decodedUrl);
+				const packageName = this._getPackageName(adaptedUrl);
+
+				if (packageName) {
+					this.$store.commit('setPackageEntryTab', {
+						...this.packageEntryTab,
+						[packageName]: adaptedUrl.split('?')[0]
+					});
+				}
+
+				// 若目标页面不是 TabBar 根页面，追加 from_tab 来源参数，
+				// 用于非 Tab 页面的 TabBar 高亮记忆
+				if (this.tabBarList && this.tabBarList.list) {
+					const tabUrls = this.tabBarList.list
+						.filter(item => item.link && item.link.wap_url)
+						.map(item => adaptSubpackageUrl(decodeEntity(item.link.wap_url)).split('?')[0]);
+					if (!tabUrls.includes(adaptedUrl.split('?')[0])) {
+						const currentPages = getCurrentPages();
+						const currentPage = currentPages[currentPages.length - 1];
+						const currentTab = currentPage && currentPage.route
+							? tabUrls.find(tabUrl => checkTabBarActive(tabUrl, '/' + currentPage.route, this.tabBarList, this.packageEntryTab))
+							: null;
+						if (currentTab) {
+							redirectLink.from_tab = currentTab;
+						}
+					}
+				}
+			}
+
+			this.$util.diyRedirectTo(redirectLink);
+		},
+		verify(link) {
+			if (link == null || link == '' || !link.wap_url) return false;
+
+			const currentPages = getCurrentPages();
+			const currentPage = currentPages[currentPages.length - 1];
+			const currentPageRoute = currentPage && currentPage.route
+				? this._normalizeRoute(currentPage.route)
+				: '';
+
+			// 读取当前页面 query 参数（兼容小程序与 H5）
+			let currentPageQuery = {};
+			if (currentPage) {
+				if (currentPage.options) {
+					currentPageQuery = currentPage.options;
+				} else if (currentPage.$page && currentPage.$page.options) {
+					currentPageQuery = currentPage.$page.options;
+				} else if (currentPage.$route && currentPage.$route.query) {
+					currentPageQuery = currentPage.$route.query;
+				}
+			}
+
+			if (this.name === 'DIY_VIEW_INDEX') {
+				// DIY_VIEW_INDEX 短路: 当 name 是 DIY_VIEW_INDEX 时, 任意匹配的 tab 都高亮
+				// 修复前: 只对 HOME (INDEX_PAGE_URL) 生效
+				// 修复后: 适用于所有 tab 页面 (如 merchant DIY 首页、cart DIY 首页 等)
+				// 前提: 当前页面本身就是该 tab 根, 链接 == 当前页 → step 1 早就命中
+				// 这个短路主要兜底: "DIY_VIEW_INDEX 页面 + tab 链接" 的强语义关联
+				const linkUrl = adaptSubpackageUrl(link.wap_url).split('?')[0];
+				const currentUrl = currentPageRoute.split('?')[0];
+				if (linkUrl === currentUrl) {
+					return true;
+				}
+			}
+
+			return checkTabBarActive(link.wap_url, currentPageRoute, this.tabBarList, this.packageEntryTab, currentPageQuery);
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.placeholder {
+	height: 112rpx;
+
+	&.bluge {
+		height: 180rpx;
+	}
+}
+
+.safe-area {
+	padding-bottom: 0;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+}
+
+.tab-bar {
+	background-color: #fff;
+	box-sizing: border-box;
+	/* ============================================================
+	 * 固定在最底端,不能位置漂移(微信小程序 / 鸿蒙元服务 / 快应用 H5)
+	 * ------------------------------------------------------------
+	 * 现象(只在客户端小程序里复现,浏览器 H5 没事):
+	 *   页面带 navigationStyle:custom + 页面内有 scroll-view,
+	 *   滚到底部时 .tab-bar 会被微信客户端的页面避让逻辑推上去,
+	 *   出现"位置漂移"。
+	 *
+	 * 根因(微信小程序特性):
+	 *   1) 微信小程序里 position:fixed 的 containing block 是 page
+	 *      根容器(不是 viewport),可视区变化时 fixed 元素下沿会
+	 *      跟着重算,造成漂移。
+	 *   2) 父级一旦出现 transform/filter/will-change,fixed 的
+	 *      containing block 会被进一步改写,fixed 元素行为更不可控。
+	 *
+	 * 加固措施:
+	 *   - bottom: 0 !important 钉死下沿
+	 *   - 提升 z-index 到 2147483647,避免被其他 fixed 元素遮挡
+	 *   - transform: translateZ(0) 强制提升到独立合成层,降低父级
+	 *     transform 干扰;will-change:transform 提示浏览器持续合成
+	 *   - 微信小程序里 #ifdef MP-WEIXIN / #ifdef MP-HARMONY 走原生
+	 *     tabBar,diy-bottom-nav 通常不会同时存在,但保留兜底
+	 * ============================================================ */
+	position: fixed !important;
+	left: 0 !important;
+	right: 0 !important;
+	bottom: 0 !important;
+	top: auto !important;
+	width: 100%;
+	z-index: 2147483647 !important;
+	display: flex;
+	border-top: 2rpx solid #f5f5f5;
+	/* 强制提升合成层,降低父级 transform/filter 改变 containing block 的概率 */
+	transform: translateZ(0) !important;
+	-webkit-transform: translateZ(0) !important;
+	will-change: transform !important;
+	padding-bottom: 0;
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+
+	.tabbar-border {
+		background-color: rgba(255, 255, 255, 0.329412);
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 2rpx;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+	}
+
+	.item {
+		display: flex;
+		align-items: center;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		flex: 1;
+		flex-direction: column;
+		padding-bottom: 10rpx;
+		box-sizing: border-box;
+
+		.bd {
+			position: relative;
+			height: 100rpx;
+			flex-direction: column;
+			text-align: center;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			.icon {
+				position: relative;
+				display: inline-block;
+				margin-top: 10rpx;
+				width: 40rpx;
+				height: 40rpx;
+				font-size: 40rpx;
+				line-height: 40rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+
+				>view {
+					height: inherit;
+					display: flex;
+					align-items: center;
+				}
+
+				.bar-icon {
+					font-size: 42rpx;
+				}
+			}
+
+			.label {
+				position: relative;
+				text-align: center;
+				font-size: 24rpx;
+				line-height: 1;
+				margin-top: 12rpx;
+			}
+		}
+
+		&.bulge {
+			.bd {
+				position: relative;
+				height: 100rpx;
+				flex-direction: column;
+				text-align: center;
+
+				.icon {
+					margin-top: -60rpx;
+					margin-bottom: 4rpx;
+					border-radius: 50%;
+					width: 100rpx;
+					height: 102rpx;
+					padding: 10rpx;
+					border-top: 2rpx solid #f5f5f5;
+					background-color: #fff;
+					box-sizing: border-box;
+
+					image {
+						width: 100%;
+						height: 100%;
+						border-radius: 50%;
+					}
+				}
+
+				.label {
+					position: relative;
+					text-align: center;
+					font-size: 24rpx;
+					height: 40rpx;
+					line-height: 40rpx;
+				}
+			}
+		}
+
+		.cart-count-mark {
+			position: absolute;
+			top: -8rpx;
+			right: -18rpx;
+			width: 24rpx;
+			height: 24rpx !important;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			color: #fff;
+			padding: 6rpx;
+			border-radius: 50%;
+			z-index: 99;
+
+			&.max {
+				width: 40rpx;
+				border-radius: 24rpx;
+				right: -28rpx;
+			}
+		}
+	}
+}
+
+.tab-bar-placeholder {
+	padding-bottom: calc(constant(safe-area-inset-bottom) + 112rpx);
+	padding-bottom: calc(env(safe-area-inset-bottom) + 112rpx);
+}
+</style>

components-diy/diy-channel-list.vue

@@ -0,0 +1,631 @@
+<template>
+	<view class="channel-list-container" :style="[componentStyle, { '--row-count': value.rowCount }]">
+		<!-- 轮播模式 -->
+		<swiper v-if="value.showStyle == 'carousel' && carouselConfig.type != 'hide'" :indicator-dots="isIndicatorDots"
+			:autoplay="carouselConfig.autoplay || false" :interval="carouselConfig.interval || 3000"
+			:duration="carouselConfig.duration || 500" :circular="carouselConfig.circular || false"
+			:style="swiperHeight" class="channel-swiper">
+			<swiper-item v-for="(slide, slideIndex) in swiperSlides" :key="slideIndex">
+				<view :class="['swiper-slide-content', 'row1-of' + value.rowCount]">
+					<view v-for="(item, index) in slide" :key="index" :class="['channel-item', value.mode]">
+						<!-- 视频号视频卡片，轮播模式 -->
+						<diy-channel-video :value="item" @video-play="playVideo" :list-mode="true"
+							:title-line-clamp="value.titleLineClamp" :show-play-btn="value.showPlayBtn"
+							:show-view-count="value.showViewCount" :cover-style="computedCoverStyle"
+							:play-btn-style="value.playBtnStyle" :aspect-ratio="value.aspectRatio" />
+					</view>
+				</view>
+			</swiper-item>
+		</swiper>
+
+		<!-- 固定布局模式 -->
+		<view v-else-if="value.showStyle == 'fixed'" :class="['channel-list', 'row1-of' + value.rowCount]">
+			<view v-for="(item, index) in value.list" :key="index" class="channel-item">
+				<!-- 视频号视频卡片，列表模式 -->
+				<diy-channel-video :value="item" @video-play="playVideo" :list-mode="true"
+					:title-line-clamp="value.titleLineClamp" :show-play-btn="value.showPlayBtn"
+					:show-view-count="value.showViewCount" :cover-style="computedCoverStyle"
+					:play-btn-style="value.playBtnStyle" :aspect-ratio="value.aspectRatio" />
+			</view>
+		</view>
+
+		<!-- 其他布局模式（如滚动布局） -->
+		<scroll-view v-else
+			:class="['channel-nav', value.showStyle == 'fixed' ? 'fixed-layout' : 'singleSlide', 'row1-of' + value.rowCount]"
+			:scroll-x="true"
+			:scroll-y="false"
+			:enhanced="true"
+			:bounces="false">
+			<view class="uni-scroll-view-content">
+				<view v-for="(item, index) in value.list" :key="index"
+					:class="['channel-nav-item', value.mode, 'row1-of' + value.rowCount]">
+					<!-- 视频号视频卡片，滚动模式 -->
+					<diy-channel-video :value="item" @video-play="playVideo" :list-mode="true"
+						:title-line-clamp="value.titleLineClamp" :show-play-btn="value.showPlayBtn"
+						:show-view-count="value.showViewCount" :cover-style="computedCoverStyle"
+						:play-btn-style="value.playBtnStyle" :aspect-ratio="value.aspectRatio" />
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+/**
+ * 微信视频号列表组件
+ * 支持多种布局模式，包括固定布局和滚动布局
+ * 可配置列数、视频高度、标题行数等属性
+ * 用于在页面中展示多个微信视频号视频
+ */
+import DiyMinx from './minx.js'
+import { wechatChannelUtil, wechatChannelConfig } from './js/wechat-channel.js'
+
+export default {
+	name: 'diy-channel-list',
+	props: {
+		/**
+		 * 组件配置数据
+		 * @type {Object}
+		 * @default () => ({})
+			 * @property {string} showStyle - 显示样式，可选值：carousel, fixed, singleSlide
+			 * @property {number} rowCount - 每行显示的视频数量
+			 * @property {Array} list - 视频列表数据
+			 * @property {string} componentBgColor - 组件背景色
+			 * @property {string} componentAngle - 组件圆角类型，可选值：round
+			 * @property {number} topAroundRadius - 顶部圆角半径
+			 * @property {number} bottomAroundRadius - 底部圆角半径
+			 * @property {Object} ornament - 装饰效果配置
+			 * @property {boolean} showViewCount - 是否显示播放量，可选值：true, false
+			 * @property {number} titleLineClamp - 标题显示行数
+			 * @property {string} aspectRatio - 视频比例，可选值：16:9, 3:4
+			 * @property {boolean} showPlayBtn - 是否显示播放按钮
+			 * @property {Object} coverStyle - 视频封面图样式
+			 * @property {Object} playBtnStyle - 播放按钮样式
+			 * @property {string} mode - 显示模式, 可选值：video, text, image, graphic
+			 * @property {number} imageSize - 图片尺寸（仅在特定模式下使用）
+			 * @property {number} pageCount - 每页显示的视频数量
+			 * @property {Object} carousel - 轮播配置
+			 * @property {string} carousel.type - 轮播类型，可选值：default, hide
+			 * @property {boolean} carousel.autoplay - 是否自动播放，默认false
+			 * @property {number} carousel.interval - 自动播放间隔，默认3000ms
+			 * @property {number} carousel.duration - 切换动画时长，默认500ms
+			 * @property {boolean} carousel.circular - 是否循环播放，默认false
+		 */
+		value: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			pageWidth: '', // 页面宽度
+			indicatorDots: false, // 是否显示轮播指示器
+			swiperCurrent: 0 // 当前轮播索引
+		}
+	},
+	created() {
+		// 组件创建时的逻辑
+		// 可以在这里进行初始化操作，如获取页面宽度等
+	},
+	mounted() {
+		// 组件挂载后添加鼠标拖拽滚动功能
+		if (!['fixed', 'carousel'].includes(this.value?.showStyle)) {
+			this.$nextTick(() => {
+				this.addMouseDragScroll();
+			});
+		}
+	},
+	watch: {
+		/**
+		 * 组件刷新监听
+		 * 当组件需要刷新时触发
+		 * @param {*} newValue - 新值
+		 */
+		componentRefresh(newValue) {
+			// 监听组件刷新
+			// 可以在这里处理组件刷新时的逻辑
+		}
+	},
+	computed: {
+		carouselConfig() {
+			return this.value?.carousel || {
+				type: 'default',
+				autoplay: false,
+				interval: 3000,
+				duration: 500,
+				circular: true
+			}
+		},
+		/**
+		 * 组件样式
+		 * 根据配置动态生成样式字符串，包括背景色、圆角、阴影和边框
+		 * @returns {string} 样式字符串
+		 */
+		componentStyle() {
+			const style = {};
+			// 背景色
+			if (this.value?.componentBgColor) {
+				style.backgroundColor = this.value?.componentBgColor;
+			}
+
+			// 圆角样式
+			if (this.value?.componentAngle == 'round') {
+				style.borderTopLeftRadius = (2 * this.value?.topAroundRadius) + 'rpx';
+				style.borderTopRightRadius = (2 * this.value?.topAroundRadius) + 'rpx';
+				style.borderBottomLeftRadius = (2 * this.value?.bottomAroundRadius) + 'rpx';
+				style.borderBottomRightRadius = (2 * this.value?.bottomAroundRadius) + 'rpx';
+			}
+
+			// 装饰效果：阴影
+			style.boxShadow = this.value?.ornament?.type == 'shadow' ? '0 0 10rpx ' + this.value?.ornament?.color : '';
+			// 装饰效果：边框
+			style.border = this.value?.ornament?.type == 'stroke' ? '2rpx solid ' + this.value?.ornament?.color : '';
+
+			return style;
+		},
+
+		/**
+		 * 轮播高度
+		 * 根据模式和配置计算轮播高度
+		 * @returns {string} 轮播高度样式
+		 */
+		swiperHeight() {
+			let height = 0;
+
+			const pageCount = this.value?.pageCount || 1;
+
+			// 根据不同模式计算高度
+			if (this.value?.mode == 'graphic') {
+				height = (49 + this.value?.imageSize) * pageCount;
+			} else if (this.value?.mode == 'img') {
+				height = (22 + this.value?.imageSize) * pageCount;
+			} else if (this.value?.mode == 'text') {
+				height = 43 * pageCount;
+			} else { // 默认视频模式
+				if (this.value?.aspectRatio == '16:9') {
+					height = [250, 160, 140, 120][this.value.rowCount - 1];
+				} else {
+					height = [510, 280, 220, 180][this.value.rowCount - 1];
+				}
+			}
+
+			return 'height:' + (2 * height) + 'rpx';
+		},
+
+		/**
+		 * 是否显示指示器
+		 * 根据轮播配置和列表长度判断是否显示指示器
+		 * @returns {boolean} 是否显示指示器
+		 */
+		isIndicatorDots() {
+			// 当轮播类型不是隐藏，且视频数量超过一页时显示指示器
+			const pageCount = this.value?.pageCount || 1;
+			return this.value?.carousel?.type != 'hide' && Math.ceil(this.value?.list?.length / (pageCount * this.value?.rowCount)) > 1
+		},
+
+		/**
+		 * 轮播幻灯片数据
+		 * 将视频列表分割成轮播所需的幻灯片数据
+		 * @returns {Array} 轮播幻灯片数据
+		 */
+		swiperSlides() {
+			const slides = [];
+			const list = this.value?.list || [];
+			const pageSize = (this.value?.pageCount || 1) * (this.value?.rowCount || 1);
+
+			// 将列表数据分割成每页显示的数量
+			for (let i = 0; i < list.length; i += pageSize) {
+				slides.push(list.slice(i, i + pageSize));
+			}
+
+			return slides;
+		},
+		/**
+		 * 视频封面样式
+		 * 根据aspectRatio属性动态计算封面样式
+		 * @returns {Object} 封面样式对象
+		 */
+		computedCoverStyle() {
+			const aspectRatio = this.value?.aspectRatio || '16:9';
+			let paddingTop = '56.25%'; // 默认 16:9 比例
+
+			if (aspectRatio === '3:4') {
+				paddingTop = '133.33%'; // 3:4 比例
+			}
+
+			return {
+				width: '100%',
+				height: '0',
+				paddingTop: paddingTop
+			};
+		}
+	},
+	methods: {
+		/**
+		 * 播放视频
+		 * 触发 video-play 事件，并在微信小程序中调用视频播放接口
+		 * @param {Object} item - 视频数据对象
+		 */
+		async playVideo(item) {
+			await this.__$emitEvent({
+				eventName: 'video-play',
+				data: item,
+				promiseCallback: async (event, handler, awaitedResult) => {
+					if (!awaitedResult) return;
+					try {
+						// 发送视频被点击播放事件
+						this.$emit('channel-video-click-play', item);
+
+						// #ifdef MP-WEIXIN
+						// 在微信小程序环境中调用视频播放接口
+						await wechatChannelUtil.playVideo(item);
+						// #endif
+
+						// #ifndef MP-WEIXIN
+						if (item?.channelType === 'wechat') {
+							uni.showToast({
+								title: this.$lang('wechatChannel.wechatMpOnly'),
+								icon: 'none',
+								duration: 2000
+							});
+						} else {
+							// 在非微信小程序环境中，直接触发事件
+							this.$emit('video-play', item);
+						}
+						// #endif						
+					} catch (err) {
+						console.error('打开视频号失败', err);
+					}
+				}
+			})
+		},
+
+		/**
+		 * 图片加载错误处理
+		 * 当图片加载失败时，设置默认图片
+		 * @param {number} index - 图片索引
+		 */
+		imgError(index) {
+			// 图片加载失败的处理逻辑
+			// 为失败的图片设置默认图片
+			const item = this.value.list[index];
+			if (item) {
+				// 使用默认图片替代加载失败的图片
+				// #ifdef MP-WEIXIN
+				item.coverUrl = wechatChannelConfig.video.defaultCoverUrl;
+				// #endif
+			}
+		},
+		/**
+		 * 添加鼠标拖拽滚动功能
+		 * 在Web环境中实现与微信小程序相同的拖拽滚动效果
+		 */
+		addMouseDragScroll() {
+			// 只在Web环境中添加
+			// #ifndef MP
+
+			let isDragging = false;
+			let startX = 0;
+			let startScrollLeft = 0;
+			let currentScrollElement = null;
+
+			// 查找最近的可滚动祖先元素
+			const findScrollableParent = (element) => {
+				while (element && element !== document) {
+					const style = window.getComputedStyle(element);
+					if (style.overflowX === 'auto' || style.overflowX === 'scroll') {
+						return element;
+					}
+					element = element.parentElement;
+				}
+				return null;
+			};
+
+			// 鼠标按下事件
+			const handleMouseDown = (e) => {
+				// 检查是否点击在组件内
+				if (this.$el.contains(e.target)) {
+					// 查找可滚动元素
+					currentScrollElement = findScrollableParent(e.target);
+					if (currentScrollElement) {
+						isDragging = true;
+						startX = e.pageX;
+						startScrollLeft = currentScrollElement.scrollLeft;
+						currentScrollElement.style.cursor = 'grabbing';
+					}
+				}
+			};
+
+			// 鼠标移动事件
+			const handleMouseMove = (e) => {
+				if (!isDragging || !currentScrollElement) return;
+				e.preventDefault();
+				const dx = e.pageX - startX;
+				currentScrollElement.scrollLeft = startScrollLeft - dx;
+			};
+
+			// 鼠标释放事件
+			const handleMouseUp = () => {
+				if (isDragging && currentScrollElement) {
+					currentScrollElement.style.cursor = 'grab';
+				}
+				isDragging = false;
+				currentScrollElement = null;
+			};
+
+			// 添加全局事件监听器
+			document.addEventListener('mousedown', handleMouseDown);
+			document.addEventListener('mousemove', handleMouseMove);
+			document.addEventListener('mouseup', handleMouseUp);
+			document.addEventListener('mouseleave', handleMouseUp);
+
+			// 组件销毁时移除事件监听器
+			this.$once('hook:beforeDestroy', () => {
+				document.removeEventListener('mousedown', handleMouseDown);
+				document.removeEventListener('mousemove', handleMouseMove);
+				document.removeEventListener('mouseup', handleMouseUp);
+				document.removeEventListener('mouseleave', handleMouseUp);
+			});
+
+			// 为所有.channel-nav元素添加必要的样式
+			setTimeout(() => {
+				const channelNavs = document.querySelectorAll('.channel-nav');
+				channelNavs.forEach(element => {
+					element.style.overflowX = 'auto';
+					element.style.overflowY = 'hidden';
+					element.style.whiteSpace = 'nowrap';
+					element.style.width = '100%';
+					element.style.maxWidth = '100%';
+					element.style.cursor = 'grab';
+					element.style.userSelect = 'none'; // 防止文本选择
+				});
+			}, 100); // 延迟执行，确保DOM已完全渲染
+
+			// #endif
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+@import './css/common-channel.scss';
+
+.channel-list-container {
+	padding: 16px 16px 0px;
+}
+
+/**
+ * 列表布局样式
+ */
+.channel-list {
+	display: grid;
+	grid-template-columns: repeat(var(--row-count, 2), 1fr);
+	gap: 8px;
+}
+
+/**
+ * 导航布局样式
+ * 支持固定布局和滚动布局
+ */
+.channel-nav {
+	box-sizing: border-box;
+	padding: 16rpx;
+
+	// 确保在H5环境中可以水平滚动
+	overflow-x: auto;
+	white-space: nowrap;
+
+	// 隐藏滚动条但保留滚动功能
+	::-webkit-scrollbar {
+		display: none;
+	}
+
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+
+	// 启用触摸滚动和鼠标拖拽滚动
+	-webkit-overflow-scrolling: touch;
+	scroll-behavior: smooth;
+
+	.uni-scroll-view-content {
+		/* #ifdef MP-WEIXIN */
+		display: flex;
+		flex-wrap: nowrap;
+		gap: 16rpx;
+		/* #endif */
+		/* #ifndef MP-WEIXIN */
+		display: grid;
+		grid-template-columns: repeat(var(--row-count, 2), 1fr);
+		gap: 16rpx;
+		/* #endif */
+	}
+
+	// 单滑动模式
+	&.singleSlide {
+		.uni-scroll-view-content {
+			display: flex;
+			flex-wrap: nowrap;
+			gap: 16rpx;
+			white-space: nowrap;
+		}
+
+		.channel-nav-item {
+			flex-shrink: 0;
+			width: 280rpx;
+		}
+	}
+
+	.channel-nav-item {
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		
+		/* #ifdef MP-WEIXIN */
+		&.row1-of1 {
+			width: 100%;
+		}
+		&.row1-of2 {
+			width: calc(50% - 8rpx);
+		}
+		&.row1-of3 {
+			width: calc(33.333% - 10.67rpx);
+		}
+		&.row1-of4 {
+			width: calc(25% - 12rpx);
+		}
+		/* #endif */
+	}
+
+	// 1 列布局
+	&.row1-of1 {
+		.uni-scroll-view-content {
+			// #ifndef MP-WEIXIN
+			grid-template-columns: 1fr;
+			// #endif
+		}
+	}
+
+	// 2 列布局
+	&.row1-of2 {
+		.uni-scroll-view-content {
+			// #ifndef MP-WEIXIN
+			grid-template-columns: repeat(2, 1fr);
+			// #endif
+
+		}
+	}
+
+	// 3 列布局
+	&.row1-of3 {
+		.uni-scroll-view-content {
+			// #ifndef MP-WEIXIN
+			grid-template-columns: repeat(3, 1fr);
+			// #endif
+
+		}
+	}
+
+	// 4 列布局
+	&.row1-of4 {
+		.uni-scroll-view-content {
+			// #ifndef MP-WEIXIN
+			grid-template-columns: repeat(4, 1fr);
+			// #endif
+
+		}
+	}
+}
+
+/**
+ * 确保所有视频卡片高度一致
+ */
+.channel-item,
+.channel-nav-item {
+	display: flex;
+	flex-direction: column;
+}
+
+/**
+ * 轮播样式
+ * 支持轮播模式的布局和样式
+ */
+.channel-swiper {
+	width: 100%;
+	box-sizing: border-box;
+
+	.swiper-slide-content {
+		display: grid;
+		grid-template-columns: repeat(var(--row-count, 2), 1fr);
+		gap: 16rpx;
+		box-sizing: border-box;
+
+		.channel-item {
+			display: flex;
+			flex-direction: column;
+			box-sizing: border-box;
+		}
+
+		// 轮播模式下的 1 列布局
+		&.row1-of1 {
+			grid-template-columns: 1fr;
+		}
+
+		// 轮播模式下的 2 列布局
+		&.row1-of2 {
+			grid-template-columns: repeat(2, 1fr);
+		}
+
+		// 轮播模式下的 3 列布局
+		&.row1-of3 {
+			grid-template-columns: repeat(3, 1fr);
+		}
+
+		// 轮播模式下的 4 列布局
+		&.row1-of4 {
+			grid-template-columns: repeat(4, 1fr);
+		}
+	}
+}
+
+/**
+ * 响应式调整
+ * 在小屏幕设备上调整布局和间距
+ */
+@media (max-width: 375px) {
+
+	.channel-list,
+	.channel-nav,
+	.channel-swiper .swiper-slide-content {
+		gap: 12rpx;
+		padding: 12rpx;
+	}
+
+	// 小屏幕上的单滑动模式
+	.channel-nav {
+		&.singleSlide {
+			.uni-scroll-view-content {
+				gap: 12rpx;
+			}
+
+			.channel-nav-item {
+				width: 240rpx;
+			}
+		}
+	}
+}
+
+/**
+ * 视频比例样式调整
+ * 根据不同的视频比例调整布局
+ */
+
+// // 3:4 比例的视频卡片样式
+// .channel-video.ratio-3-4 {
+// 	// 调整视频卡片的整体高度
+// 	::v-deep .video-cover-wrap {
+// 		padding-top: 133.33%; // 3:4 比例
+// 	}
+
+// 	// 列表模式下的3:4比例调整
+// 	&.list-mode {
+// 		::v-deep .video-cover-wrap {
+// 			padding-top: 133.33%; // 3:4 比例
+// 		}
+// 	}
+// }
+
+// // 16:9 比例的视频卡片样式（默认）
+// .channel-video.ratio-16-9 {
+// 	// 保持默认的16:9比例
+// 	::v-deep .video-cover-wrap {
+// 		padding-top: 56.25%; // 16:9 比例
+// 	}
+
+// 	// 列表模式下的16:9比例保持默认
+// 	&.list-mode {
+// 		::v-deep .video-cover-wrap {
+// 			padding-top: 56.25%; // 16:9 比例
+// 		}
+// 	}
+// }</style>

components-diy/diy-channel-video.vue

@@ -0,0 +1,488 @@
+<template>
+	<view class="channel-video" :class="{ 'list-mode': listMode }">
+		<!-- 嵌入式视频播放 -->
+		<view v-if="canUseEmbedMode" class="embed-video-container">
+			<view class="video-cover-wrap" :style="[coverStyle]">
+				<!-- #ifdef MP-WEIXIN -->
+				<native-component>
+					<!-- 嵌入式视频播放组件 -->
+					<channel-video :feed-id="value.feedId" :finder-user-name="value.finderUserName"
+						:feed-token="value.feedToken" :auto-play="autoPlay">
+					</channel-video>
+				</native-component>
+				<!-- #endif -->
+			</view>
+			<view class="video-info">
+				<!-- 视频标题，支持多行显示控制 -->
+				<view class="video-title" :style="[{ '--title-line-clamp': titleLineClamp }]">{{ value.videoTitle }}
+				</view>
+				<!-- 视频统计信息 -->
+				<view class="video-stats" v-if="showViewCount && value.showViewCount">{{ $lang('components-diy.diy-channel-video.viewCountSuffix', { count: value.viewCount }) }}</view>
+			</view>
+		</view>
+
+		<!-- 跳转式视频播放 -->
+		<view v-else @tap.stop="playVideo" class="video-container">
+			<view class="video-cover-wrap" :style="[coverStyle]">
+				<image class="video-cover" :src="$util.img(value.coverUrl)" mode="aspectFill" show-menu-by-longpress></image>
+				<view class="channel-play-btn" v-if="showPlayBtn" :style="[playBtnStyle]">
+					<view class="play-icon-css"></view>
+				</view>
+				<view class="video-stats-overlay" v-if="showViewCount && value.showViewCount">
+					{{ $lang('components-diy.diy-channel-video.viewCountSuffix', { count: value.viewCount }) }}
+				</view>
+			</view>
+			<view class="video-info">
+				<!-- 视频标题，支持多行显示控制 -->
+				<view class="video-title" :style="[{ '--title-line-clamp': titleLineClamp }]">{{ value.videoTitle }}
+				</view>
+				<!-- 视频统计信息，非列表模式下显示 -->
+				<view class="video-stats" v-if="showViewCount && value.showViewCount && !listMode">{{ $lang('components-diy.diy-channel-video.viewCountSuffix', { count: value.viewCount }) }}</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+
+import { wechatChannelUtil, wechatChannelConfig } from './js/wechat-channel.js'
+
+/**
+ * 微信视频号视频卡片组件
+ * 支持嵌入式播放和跳转式播放两种模式
+ * 可配置列表模式、视频高度、标题行数等属性
+ */
+export default {
+	name: 'diy-channel-video',
+	props: {
+		/**
+		 * 视频数据对象
+		 * @type {Object}
+		 * @required
+		 * @property {string} feedId - 视频 feedId
+		 * @property {string} feedToken - 视频 token
+		 * @property {string} coverUrl - 视频封面图
+		 * @property {string} videoTitle - 视频标题
+		 * @property {number} viewCount - 观看次数
+		 * @property {boolean} showViewCount - 是否显示观看次数
+		 * @property {boolean} embedMode - 是否启用嵌入式播放
+		 */
+		value: {
+			type: Object,
+			required: true
+		},
+		/**
+		 * 是否为列表模式
+		 * @type {boolean}
+		 * @default false
+		 */
+		listMode: {
+			type: Boolean,
+			default: false
+		},
+		/** 是否显示观看次数，由父组件可以整体配置 */
+		showViewCount: {
+			type: Boolean,
+			default: true
+		},
+		/**
+		 * 标题显示行数
+		 * @type {number}
+		 * @default 1
+		 */
+		titleLineClamp: {
+			type: Number,
+			default: 1
+		},
+		/** 是否显示播放按钮 */
+		showPlayBtn: {
+			type: Boolean,
+			default: true
+		},
+		/**
+		 * 视频封面图样式
+		 * 采用 16:9 比例的响应式高度
+		 */
+		coverStyle: {
+			type: Object,
+			default: () => ({
+				width: '100%',
+				height: '0',
+				paddingTop: '56.25%' // 16:9 比例
+			})
+		},
+		/**
+		 * 播放按钮样式
+		 */
+		playBtnStyle: {
+			type: Object,
+			default: () => ({
+				width: '60rpx',
+				height: '60rpx',
+				borderRadius: '30rpx',
+				backgroundColor: 'rgba(0, 0, 0, 0.6)'
+			})
+		},
+		/** 是否自动播放 */
+		autoPlay: {
+			type: Boolean,
+			default: false
+		},
+	},
+	computed: {
+		/**
+		 * 是否支持嵌入式播放
+		 * @returns {boolean}
+		 */
+		canUseEmbedMode() {
+			// #ifdef MP-WEIXIN
+			const enableEmbedMode = Boolean(this.value?.embedMode)
+				&& Boolean(this.value?.feedToken)
+				&& wechatChannelUtil.isEmbedModeSupported();
+			return enableEmbedMode;
+			// #endif
+			return false
+		}
+	},
+	methods: {
+		/**
+		 * 播放视频
+		 * 触发 video-play 事件，由父组件处理具体播放逻辑
+		 */
+		async playVideo() {
+			this.$emit('video-play', this.value);
+		}
+	}
+};
+</script>
+
+<style scoped lang="scss">
+@import './css/common-channel.scss';
+
+/**
+ * 视频卡片容器样式
+ * 包含卡片基础样式、悬停效果和列表模式样式
+ */
+.channel-video {
+	position: relative;
+	background-color: #fff;
+	border-radius: 12rpx;
+	overflow: hidden;
+	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	// 悬停效果
+	&:hover {
+		transform: translateY(-4rpx);
+		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.15);
+	}
+
+	// 列表模式样式调整
+	&.list-mode {
+		border-radius: 10rpx;
+		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.08);
+
+		.video-info {
+			padding: 14rpx;
+
+			.video-title {
+				font-size: 24rpx;
+				margin-bottom: 6rpx;
+			}
+		}
+	}
+}
+
+/**
+ * 视频容器样式
+ * 用于跳转式播放模式
+ */
+.video-container {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+/**
+ * 嵌入式视频容器样式
+ * 与视频容器样式保持一致
+ */
+.embed-video-container {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+/**
+ * 视频封面容器
+ */
+.video-cover-wrap {
+	position: relative;
+	width: 100%;
+	padding-top: 56.25%;
+	/* 16:9 比例 */
+	height: 0;
+	overflow: hidden;
+	border-radius: 12rpx 12rpx 0 0;
+	transition: transform 0.3s ease;
+
+	// 悬停时缩放效果
+	.channel-video:hover & {
+		transform: scale(1.02);
+	}
+
+	// 列表模式下的边框圆角调整
+	.channel-video.list-mode & {
+		border-radius: 10rpx 10rpx 0 0;
+	}
+}
+
+/**
+ * 视频封面图片
+ * 绝对定位填充整个容器
+ */
+.video-cover {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	transition: transform 0.3s ease;
+}
+
+/**
+ * 视频统计信息遮罩
+ * 显示在视频封面底部
+ */
+.video-stats-overlay {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
+	padding: 12rpx 16rpx;
+	color: #fff;
+	font-size: 20rpx;
+	text-align: right;
+	font-weight: 500;
+	transition: opacity 0.3s ease;
+
+	// 悬停时的透明度变化
+	.channel-video:hover & {
+		opacity: 1;
+	}
+
+	.channel-video:not(:hover) & {
+		opacity: 0.8;
+	}
+}
+
+/**
+ * 视频信息区域
+ * 包含标题和统计信息
+ */
+.video-info {
+	padding: 16rpx;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	background-color: #fff;
+	transition: background-color 0.3s ease;
+
+	// 悬停时的背景色变化
+	.channel-video:hover & {
+		background-color: #fafafa;
+	}
+}
+
+/**
+ * 视频标题
+ * 支持多行显示控制和渐变遮罩效果
+ */
+.video-title {
+	font-size: 28rpx;
+	font-weight: 600;
+	color: #222;
+	margin-bottom: 10rpx;
+	line-height: 1.4;
+	display: -webkit-box;
+	-webkit-line-clamp: var(--title-line-clamp, 2);
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	transition: color 0.3s ease;
+	position: relative;
+	word-break: break-all;
+	word-wrap: break-word;
+	white-space: normal;
+
+	// 悬停时的颜色变化
+	.channel-video:hover & {
+		color: #000;
+	}
+
+	// 列表模式下的样式调整
+	.channel-video.list-mode & {
+		-webkit-line-clamp: var(--title-line-clamp, 1);
+		font-size: 24rpx;
+		margin-bottom: 6rpx;
+		font-weight: 500;
+		color: #333;
+		line-height: 1.3;
+	}
+
+	// 添加渐变遮罩效果，让过长的文字有柔和的结束
+	&::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		width: 40rpx;
+		height: 1.4em;
+		background: linear-gradient(to right, transparent, #fff 90%);
+		pointer-events: none;
+	}
+
+	// 列表模式下的遮罩高度调整
+	.channel-video.list-mode &::after {
+		height: 1.3em;
+	}
+
+	// 根据行数调整遮罩高度
+	&[style*="--title-line-clamp: 1"]::after {
+		height: 1.4em;
+	}
+
+	&[style*="--title-line-clamp: 3"]::after {
+		height: 4.2em;
+	}
+
+	&[style*="--title-line-clamp: 4"]::after {
+		height: 5.6em;
+	}
+
+	// 列表模式下的多行遮罩高度调整
+	.channel-video.list-mode &[style*="--title-line-clamp: 1"]::after {
+		height: 1.3em;
+	}
+
+	.channel-video.list-mode &[style*="--title-line-clamp: 3"]::after {
+		height: 3.9em;
+	}
+
+	.channel-video.list-mode &[style*="--title-line-clamp: 4"]::after {
+		height: 5.2em;
+	}
+}
+
+/**
+ * 视频统计信息
+ * 显示观看次数等数据
+ */
+.video-stats {
+	font-size: 22rpx;
+	color: #999;
+	margin-top: 6rpx;
+	transition: color 0.3s ease;
+
+	// 悬停时的颜色变化
+	.channel-video:hover & {
+		color: #666;
+	}
+}
+
+/**
+ * 列表模式下的播放按钮样式
+ * 更小的尺寸和悬停效果
+ */
+.channel-video.list-mode .channel-play-btn {
+	width: 50rpx;
+	height: 50rpx;
+	background-color: rgba(0, 0, 0, 0.5);
+	transition: all 0.3s ease;
+
+	// 悬停效果
+	&:hover {
+		background-color: rgba(0, 0, 0, 0.7);
+		transform: scale(1.1);
+	}
+
+	// 播放图标尺寸
+	.play-icon {
+		width: 25rpx;
+		height: 25rpx;
+	}
+}
+
+/**
+ * 通用播放按钮样式优化
+ * 添加悬停效果
+ */
+.channel-play-btn {
+	transition: all 0.3s ease;
+
+	// 悬停效果
+	&:hover {
+		background-color: rgba(0, 0, 0, 0.6);
+		transform: scale(1.05);
+	}
+}
+
+/**
+ * 纯 CSS 播放按钮图标
+ */
+.play-icon-css {
+	width: 0;
+	height: 0;
+	border-top: 12rpx solid transparent;
+	border-bottom: 12rpx solid transparent;
+	border-left: 18rpx solid #fff;
+	margin-left: 4rpx;
+	transition: transform 0.3s ease;
+
+	// 悬停时的缩放效果
+	.channel-play-btn:hover & {
+		transform: scale(1.1);
+	}
+
+	// 列表模式下的尺寸调整
+	.channel-video.list-mode & {
+		border-top: 10rpx solid transparent;
+		border-bottom: 10rpx solid transparent;
+		border-left: 15rpx solid #fff;
+		margin-left: 3rpx;
+	}
+}
+
+/**
+ * 原生组件样式控制
+ * 确保 native-component 和 channel-video 正确填充容器
+ */
+native-component {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 1;
+}
+
+/**
+ * channel-video 组件样式控制
+ * 避免受到 wx-channel-video 全局样式的影响
+ */
+channel-video {
+	width: 100%;
+	height: 100%;
+	min-width: 100%;
+	min-height: 100%;
+	max-width: 100%;
+	max-height: 100%;
+	object-fit: cover;
+}
+</style>

components-diy/diy-comp-extend.vue

@@ -4,6 +4,7 @@
 
 <script>
 // 自定义扩展组件
+import DiyMinx from './minx.js'
 export default {
 	name: 'diy-comp-extend',
 	props: {
@@ -11,11 +12,12 @@ export default {
 			type: Object
 		}
 	},
+	mixins: [DiyMinx],
 	data() {
 		return {};
 	},
 	computed: {},
-	created() {},
+	created() { },
 	methods: {}
 };
 </script>

components-diy/diy-digit.vue

@@ -0,0 +1,310 @@
+<template>
+	<view :style="componentStyle" data-component-name="diy-digit">
+		<scroll-view :class="['graphic-nav', value.showStyle == 'fixed' ? 'fixed-layout' : value.showStyle]"
+			:scroll-x="value.showStyle == 'singleSlide'">
+			<view class="uni-scroll-view-content">
+				<view v-for="(item, index) in value.list" :key="index"
+					:class="['graphic-nav-item', value.mode, value.mode === 'text' ? 'newright' : '']"
+					:style="itemStyle">
+					<view :style="innerWrapStyle">
+					<view :style="innerRowStyle">
+							<uv-count-to :ref="`countTo-${index}`" :autoplay="true" :startVal="30" :endVal="item.title"
+								:decimals="getvalue(item.title)" decimal="."
+								:color="value.font.titlecolor"
+								:fontSize="titleFontSize"
+								:bold="isBold(value.font.weight)"></uv-count-to>
+							<text :style="unitStyle">{{ item.unit }}</text>
+						</view>
+					</view>
+						<view class="graphic-text">
+							<text :style="descStyle">{{ item.desc }}</text>
+						</view>
+					</view>
+			</view>
+		</scroll-view>
+		<ns-login ref="login"></ns-login>
+	</view>
+</template>
+
+<script>
+import DiyMinx from './minx.js'
+// 自定义数字展示
+export default {
+	name: 'diy-digit',
+	props: {
+		value: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			pageWidth: '',
+			indicatorDots: false,
+			swiperCurrent: 0
+			// #ifndef MP
+			,windowWidth: 375
+			// #endif
+		}
+	},
+	created() {
+		// 组件创建时的逻辑
+		// #ifndef MP
+		try {
+			let info = uni.getSystemInfoSync();
+			this.windowWidth = info.windowWidth || info.screenWidth || 375;
+			if (this.windowWidth > 960) this.windowWidth = 375;
+		} catch (e) { }
+		// #endif
+	},
+	watch: {
+		componentRefresh(newValue) {
+			// 监听组件刷新
+		}
+	},
+	computed: {
+		// 全部返回字符串：WeChat 小程序的 style="{{obj}}" 对象绑定不会被运行时正确解析为内联 CSS
+		//（参考 diy-graphic-nav.vue：那里同样用字符串拼接 style="{{'width:...%'}}"，能正常生效）。
+		// 字符串既能被 MP 直接当 cssText，也能被 H5 的 CSSOM 正确解析。
+		itemStyle() {
+			return 'width:' + (100 / this.value.rowCount) + '%;';
+		},
+		innerWrapStyle() {
+			return 'display:flex;justify-content:center;align-items:center;width:100%;';
+		},
+		innerRowStyle() {
+			return 'display:flex;align-items:baseline;justify-content:center;width:100%;line-height:1.2;';
+		},
+		unitStyle() {
+			// #ifdef MP
+			return 'margin-left:4rpx;font-size:' + (this.value.font.unitsize * 2) + 'rpx;font-weight:' + this.value.font.weight + ';color:' + this.value.font.unitcolor + ';';
+			// #endif
+			// #ifndef MP
+			return 'margin-left:' + this.rpxToPx(4) + 'px;font-size:' + this.rpxToPx((Number(this.value.font.unitsize) || 12) * 2) + 'px;font-weight:' + this.value.font.weight + ';color:' + this.value.font.unitcolor + ';';
+			// #endif
+		},
+		descStyle() {
+			// #ifdef MP
+			return 'font-size:' + (this.value.font.descsize * 2) + 'rpx;font-weight:' + this.value.font.weight + ';color:' + this.value.font.desccolor + ';';
+			// #endif
+			// #ifndef MP
+			return 'font-size:' + this.rpxToPx((Number(this.value.font.descsize) || 12) * 2) + 'px;font-weight:' + this.value.font.weight + ';color:' + this.value.font.desccolor + ';';
+			// #endif
+		},
+		titleFontSize() {
+			// #ifdef MP
+			return this.value.font.titlesize || 22;
+			// #endif
+			// #ifndef MP
+			return this.rpxToPx((Number(this.value.font.titlesize) || 22) * 2);
+			// #endif
+		},
+		componentStyle() {
+			let style = '';
+			style += 'background-image:url(' + this.$util.img(this.value.imageUrl) + ');background-size:100% 100%;';
+
+			if (this.value.componentAngle == 'round') {
+				style += 'border-top-left-radius:' + (2 * this.value.topAroundRadius) + 'rpx;';
+				style += 'border-top-right-radius:' + (2 * this.value.topAroundRadius) + 'rpx;';
+				style += 'border-bottom-left-radius:' + (2 * this.value.bottomAroundRadius) + 'rpx;';
+				style += 'border-bottom-right-radius:' + (2 * this.value.bottomAroundRadius) + 'rpx;';
+			}
+
+			style += 'box-shadow:' + (this.value.ornament.type == 'shadow' ? '0 0 10rpx ' + this.value.ornament.color : '') + ';';
+			style += 'border:' + (this.value.ornament.type == 'stroke' ? '2rpx solid ' + this.value.ornament.color : '') + ';';
+
+			return style;
+		}
+	},
+	methods: {
+		// #ifndef MP
+		// rpx -> px：H5 行内样式里的 rpx 不生效，统一换算成 px
+		rpxToPx(rpx) {
+			let num = Number(rpx) || 0;
+			if (!num) return 0;
+			return Math.round((num * (this.windowWidth || 375) / 750) * 100) / 100;
+		},
+		// #endif
+
+		// 获取小数位数
+		getvalue(value) {
+			return value % 1 !== 0 ? 2 : 0;
+		},
+
+		// 是否加粗
+		isBold(weight) {
+			return weight === 'bold' || (weight && Number(weight) >= 600);
+		},
+
+		// 页面跳转
+		redirectTo(item) {
+			if (!item.wap_url || this.$util.getCurrRoute() != this.$util.MEMBER_PAGE_URL || this.storeToken) {
+				this.$util.diyRedirectTo(item);
+			} else {
+				this.$refs.login.open(item.wap_url);
+			}
+		},
+
+		// 轮播切换
+		swiperChange(event) {
+			this.swiperCurrent = event.detail.current;
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.graphic-nav {
+	padding: 16rpx;
+	box-sizing: border-box;
+
+	&.fixed-layout {
+		.uni-scroll-view-content {
+			display: flex;
+			flex-wrap: wrap;
+		}
+	}
+
+	&.singleSlide {
+		.uni-scroll-view-content {
+			display: flex;
+		}
+
+		.graphic-nav-item {
+			flex-shrink: 0;
+		}
+	}
+
+	&.pageSlide {
+		position: relative;
+
+		.uni-swiper-dots-horizontal {
+			bottom: 0rpx;
+		}
+
+		&.straightLine {
+			.uni-swiper-dot {
+				width: 30rpx;
+				border-radius: 0;
+				height: 8rpx;
+			}
+		}
+
+		&.circle {
+			.uni-swiper-dot {
+				width: 14rpx;
+				height: 14rpx;
+			}
+		}
+	}
+
+	.graphic-nav-wrap {
+		display: flex;
+		flex-wrap: wrap;
+		width: 100%;
+		height: 100%;
+	}
+
+	.graphic-nav-item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 14rpx 0;
+		box-sizing: border-box;
+
+		.graphic-text {
+			line-height: 1.3;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+			width: 100%;
+			text-align: center;
+
+			&.alone {
+				padding-top: 0;
+			}
+		}
+
+		&.text {
+			.graphic-text {
+				padding-top: 0;
+			}
+		}
+
+		.graphic-img {
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100rpx;
+			height: 100rpx;
+			font-size: 90rpx;
+
+			.tag {
+				position: absolute;
+				top: -10rpx;
+				right: -24rpx;
+				color: #fff;
+				border-radius: 24rpx;
+				border-bottom-left-radius: 0;
+				-webkit-transform: scale(0.8);
+				transform: scale(0.8);
+				padding: 8rpx 16rpx;
+				line-height: 1;
+				font-size: 24rpx;
+			}
+
+			.icon {
+				font-size: 50rpx;
+				color: #606266;
+			}
+		}
+	}
+
+	&.pageSlide {
+		.graphic-nav-item {
+			flex-shrink: 0;
+		}
+	}
+}
+
+.newright {
+	margin-right: 16rpx;
+}
+
+.swiper-dot-box {
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: -20rpx;
+	padding-bottom: 8rpx;
+
+	.swiper-dot {
+		background-color: rgba(0, 0, 0, 0.3);
+		margin: 8rpx;
+
+		&.active {
+			background-color: #000;
+		}
+	}
+
+	&.straightLine {
+		.swiper-dot {
+			width: 30rpx;
+			border-radius: 0;
+			height: 8rpx;
+		}
+	}
+
+	&.circle {
+		.swiper-dot {
+			width: 15rpx;
+			border-radius: 50%;
+			height: 15rpx;
+		}
+	}
+}
+
+</style>

components-diy/diy-fenxiao-goods-list.vue

@@ -1,47 +1,50 @@
 <template>
-	<view data-component-name="diy-fenxiao-goods-list" class="diy-fenxiao" v-if="list.length" :class="['goods-list', value.template, value.style]" :style="goodsListWarpCss">
-		<view class="goods-item" v-for="(item, index) in list" :key="index" @click="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+	<view data-component-name="diy-fenxiao-goods-list" class="diy-fenxiao" v-if="list.length"
+		:class="['goods-list', value.template, value.style]" :style="goodsListWarpCss">
+		<view class="goods-item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
+			:class="[value.ornament.type]" :style="goodsItemCss">
 			<view class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
-				<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }" :src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix" @error="imgError(index)"/>
+				<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+					:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix" @error="imgError(index)"  show-menu-by-longpress/>
 			</view>
-			<view class="info-wrap" v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl || value.btnStyle.control">
+			<view class="info-wrap"
+				v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl || value.btnStyle.control">
 				<view class="name-wrap">
 					<view v-if="value.goodsNameStyle.control" class="goods-name"
 						:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
-						:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]"
-					>
-						{{ item.goods_name }}
+						:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+						{{ isEnEnv ? item.en_goods_name : item.goods_name }}
 					</view>
 				</view>
 				<view class="pro-info">
 					<view class="discount-price">
 						<view class="price-wrap" v-if="value.priceStyle.mainControl">
-							<text class="unit price-style small" :style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">赚 ￥</text>
-							<text class="price price-style large" :style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">{{ item.commission_money.split('.')[0] }}</text>
-							<text class="unit price-style small" :style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">{{ '.' + item.commission_money.split('.')[1] }}</text>
+							<text class="unit price-style small"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">{{ $lang('components-diy.diy-fenxiao-goods-list.earnPrefix') }}</text>
+							<text class="price price-style large"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">{{
+									item.commission_money.split('.')[0] }}</text>
+							<text class="unit price-style small"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor : '' }">{{ '.' +
+									item.commission_money.split('.')[1] }}</text>
 						</view>
-						<view class="sale-btn" v-if="value.btnStyle.control && item.is_collect == 0"
-							:style="{
-								background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
-								color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
-								borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
-							}"
-							@click.stop="followGoods(item, index)"
-						>
-							关注
+						<view class="sale-btn" v-if="value.btnStyle.control && item.is_collect == 0" :style="{
+							background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
+							color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
+							borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
+						}" @tap.stop="followGoods(item, index)">
+							{{ $lang('components-diy.diy-fenxiao-goods-list.follow') }}
 						</view>
-						<view class="sale-btn" v-if="value.btnStyle.control && item.is_collect == 1"
-							:style="{
-								background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
-								color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
-								borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
-							}"
-							@click.stop="delFollowTip(item, index)"
-						>
-							取消关注
+						<view class="sale-btn" v-if="value.btnStyle.control && item.is_collect == 1" :style="{
+							background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
+							color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
+							borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
+						}" @tap.stop="delFollowTip(item, index)">
+							{{ $lang('components-diy.diy-fenxiao-goods-list.unfollow') }}
 						</view>
 					</view>
-					<view class="delete-price" v-if="value.priceStyle.lineControl" :style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">
+					<view class="delete-price" v-if="value.priceStyle.lineControl"
+						:style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">
 						￥{{ item.discount_price }}
 					</view>
 				</view>
@@ -51,6 +54,8 @@
 </template>
 
 <script>
+// 自定义分晓商品列表
+import DiyMinx from './minx.js'
 export default {
 	name: 'diy-fenxiao-goods-list',
 	props: {
@@ -58,6 +63,7 @@ export default {
 			type: Object
 		}
 	},
+	mixins: [DiyMinx],
 	data() {
 		return {
 			list: [],
@@ -69,7 +75,7 @@ export default {
 		this.currentRoute = '/' + currentPage.route;
 		if (!this.storeToken) {
 			this.$util.redirectTo(
-				'/pages_tool/login/login',
+				this.$util.LOGIN_PAGE_URL,
 				{
 					back: this.currentRoute
 				},
@@ -80,7 +86,7 @@ export default {
 	},
 	watch: {
 		// 组件刷新监听
-		componentRefresh: function(nval) {
+		componentRefresh: function (nval) {
 			this.getData();
 		}
 	},
@@ -118,7 +124,7 @@ export default {
 	methods: {
 		//页面跳转
 		toDetail(e) {
-			this.$util.redirectTo('/pages/goods/detail', { goods_id: e.goods_id });
+			this.$util.redirectTo('/pages_goods/detail', { goods_id: e.goods_id });
 		},
 		//关注
 		followGoods(e, index) {
@@ -132,7 +138,7 @@ export default {
 				},
 				success: res => {
 					if (res.code >= 0) {
-						this.$util.showToast({ title: '关注成功' });
+						this.$util.showToast({ title: this.$lang('components-diy.diy-fenxiao-goods-list.followSuccess') });
 						this.list[index].is_collect = 1;
 						this.list[index].collect_id = res.data;
 					}
@@ -143,8 +149,8 @@ export default {
 		//取消关注
 		delFollowTip(e, index) {
 			uni.showModal({
-				title: '提示',
-				content: '确认取消关注该商品吗',
+				title: this.$lang('components-diy.diy-fenxiao-goods-list.tip'),
+				content: this.$lang('components-diy.diy-fenxiao-goods-list.confirmUnfollow'),
 				success: res => {
 					if (res.confirm) {
 						this.delFollow(e.collect_id, index);
@@ -161,7 +167,7 @@ export default {
 				success: res => {
 					let msg = '';
 					if (res.code == 0) {
-						msg = '取消成功';
+						msg = this.$lang('components-diy.diy-fenxiao-goods-list.cancelSuccess');
 					} else {
 						msg = res.message;
 					}
@@ -209,8 +215,7 @@ export default {
 </script>
 
 <style lang="scss">
-.diy-fenxiao {
-}
+.diy-fenxiao {}
 
 // 商品列表单列样式
 .goods-list.row1-of1 {
@@ -218,9 +223,11 @@ export default {
 		background-color: #fff;
 		display: flex;
 		margin-bottom: 20rpx;
+
 		&:last-of-type {
 			margin-bottom: 0;
 		}
+
 		&.shadow {
 			margin: 8rpx 8rpx 20rpx 8rpx;
 		}
@@ -229,6 +236,7 @@ export default {
 			width: 180rpx;
 			overflow: hidden;
 			margin-right: 20rpx;
+
 			image {
 				width: 100%;
 			}
@@ -244,9 +252,11 @@ export default {
 			.name-wrap {
 				flex: 1;
 				margin-bottom: 10rpx;
+
 				.goods-name {
 					font-size: $font-size-base;
 					line-height: 1.3;
+
 					&.multi-hidden {
 						height: 72rpx;
 					}
@@ -257,25 +267,31 @@ export default {
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
+
 				.sale {
 					font-size: 20rpx;
 					line-height: 1;
 					color: #999;
 				}
+
 				.discount-price {
 					display: flex;
 					justify-content: space-between;
 					align-items: center;
 					margin-bottom: 10rpx;
+
 					.price-wrap {
 						white-space: nowrap;
+
 						.unit {
 							font-size: $font-size-tag;
 							color: $base-color;
 						}
+
 						.price {
 							font-size: $font-size-toolbar;
 						}
+
 						text {
 							font-weight: bold;
 							color: $base-color;
@@ -291,6 +307,7 @@ export default {
 					font-size: $font-size-activity-tag;
 				}
 			}
+
 			.sale-btn {
 				position: absolute;
 				right: 20rpx;
@@ -310,6 +327,7 @@ export default {
 .goods-list.row1-of2 {
 	display: flex;
 	flex-wrap: wrap;
+
 	.goods-item {
 		position: relative;
 		background: #fff;
@@ -317,24 +335,30 @@ export default {
 		margin-right: 20rpx;
 		margin-top: 20rpx;
 		width: calc(50% - 10rpx);
+
 		&:nth-child(2n + 2) {
-			width: calc(50% - 11rpx);
+			width: calc(50% - 10rpx);
 			margin-right: 0;
 		}
+
 		&:nth-of-type(1),
 		&:nth-of-type(2) {
 			margin-top: 0;
 		}
+
 		&.shadow {
 			width: calc(50% - 18rpx);
+
 			&:nth-child(2n-1) {
 				margin-left: 8rpx;
 			}
+
 			&:nth-of-type(1),
 			&:nth-of-type(2) {
 				margin-top: 8rpx;
 			}
 		}
+
 		.goods-img {
 			position: relative;
 			overflow: hidden;
@@ -355,9 +379,11 @@ export default {
 
 			.name-wrap {
 				margin-bottom: 10rpx;
+
 				.goods-name {
 					font-size: $font-size-base;
 					line-height: 1.3;
+
 					&.multi-hidden {
 						height: 72rpx;
 					}
@@ -369,24 +395,30 @@ export default {
 				display: flex;
 				flex-direction: column;
 				justify-content: space-between;
+
 				.sale {
 					font-size: 20rpx;
 					line-height: 1;
 					color: #999;
 				}
+
 				.discount-price {
 					display: flex;
 					justify-content: space-between;
 					align-items: center;
+
 					.price-wrap {
 						white-space: nowrap;
+
 						.unit {
 							font-size: $font-size-tag;
 							color: $base-color;
 						}
+
 						.price {
 							font-size: $font-size-toolbar;
 						}
+
 						text {
 							font-weight: bold;
 							color: $base-color;
@@ -402,6 +434,7 @@ export default {
 					font-size: $font-size-activity-tag;
 				}
 			}
+
 			.sale-btn {
 				position: absolute;
 				right: 20rpx;

components-diy/diy-float-btn.vue

@@ -0,0 +1,160 @@
+<template>
+	<view data-component-name="diy-float-btn" class="float-btn"
+		:class="{ left_top: value.bottomPosition == 1, right_top: value.bottomPosition == 2, left_bottom: value.bottomPosition == 3, right_bottom: value.bottomPosition == 4 }"
+		:style="style">
+		<block v-for="(item, index) in value.list" :key="index">
+			<view class="button-box" @tap.stop="onFloatBtnClick(item)"
+				:style="{ width: value.imageSize + 'px', height: value.imageSize + 'px', fontSize: value.imageSize + 'px' }">
+				<image v-if="!item.iconType || item.iconType == 'img'" :src="$util.img(item.imageUrl)" mode="aspectFit"
+					show-menu-by-longpress />
+				<diy-icon v-else-if="item.iconType && item.iconType == 'icon'" :icon="item.icon"
+					:value="item.style ? item.style : null"></diy-icon>
+			</view>
+		</block>
+	</view>
+</template>
+
+<script>
+// 自定义浮动按钮
+import DiyMinx from './minx.js'
+// 获取系统状态栏的高度
+let systemInfo = uni.getSystemInfoSync();
+
+// 自定义浮动按钮
+export default {
+	name: 'diy-float-btn',
+	props: {
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			navHeight: 0,
+			statusBarHeight: systemInfo.statusBarHeight
+		};
+	},
+	created() { },
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) { }
+	},
+	components: {},
+	methods: {
+		/**
+		 * 浮动按钮点击处理:
+		 * 在跳转前给 link 注入 __dyu=FloatBtn 来源标记,
+		 * 让目标页面(尤其是 ai-chat)能识别"来自浮动按钮"从而隐藏底部 tabBar,
+		 * 与"从底部导航栏点击进入时显示并高亮 tabBar"的场景并存。
+		 *
+		 * 为什么用 __dyu 这种 3 字符命名:
+		 * - 双下划线 __ 前缀 + 3 位字母(dy-ui 框架) 是前端约定俗成的"系统内部保留字段"标志
+		 *   (如 __proto__, __esModule),业务方配置 link 时几乎不可能使用这种短命名 → 与业务参数零冲突
+		 * - URL 中占用空间极小,不污染业务 query 字符串
+		 * - 未来如需扩展其他组件的入口来源,可继续使用 __dyu 前缀(如 __dyu=Banner / __dyu=Nav)
+		 *
+		 * 实现要点:
+		 * - 浅拷贝 item.link 避免污染原数据(可能被 v-for 复用)
+		 * - 把标记写入 page_params,diyRedirectTo → redirectTo 会自动拼到 URL query,
+		 *   目标页 onLoad(options) 可直接读取
+		 * - 同时在 wap_url 末尾追加/合并 __dyu=FloatBtn 兜底:某些路径不走 page_params 拼接
+		 */
+		onFloatBtnClick(item) {
+			if (!item || !item.link) return;
+			const link = { ...item.link };
+			link.page_params = Object.assign({}, link.page_params || {}, {
+				__dyu: 'FloatBtn'
+			});
+
+			// 兜底:直接把标记拼到 wap_url query,防止 page_params 在某些分支未被透传
+			if (link.wap_url && typeof link.wap_url === 'string' && link.wap_url.indexOf('http') === -1) {
+				const sep = link.wap_url.indexOf('?') === -1 ? '?' : '&';
+				// 避免重复追加(精确匹配 __dyu= 而不是 __dyu,避免误伤可能的 __dyu_other)
+				if (link.wap_url.indexOf('__dyu=') === -1) {
+					link.wap_url = link.wap_url + sep + '__dyu=FloatBtn';
+				}
+			}
+
+			this.$util.diyRedirectTo(link);
+		},
+	},
+	computed: {
+		style() {
+			let style = {},
+				height = 54;
+			// #ifdef MP
+			height = systemInfo.platform == 'ios' ? 54 : 58;
+			// #endif
+			switch (parseInt(this.value.bottomPosition)) {
+				case 1:
+					style.top = (this.navHeight + this.statusBarHeight + parseInt(this.value.btnBottom)) * 2 + 'rpx';
+					break;
+				case 2:
+					style.top = (this.navHeight + this.statusBarHeight + parseInt(this.value.btnBottom)) * 2 + 'rpx';
+					break;
+				case 3:
+					style.bottom = (100 + parseInt(this.value.btnBottom)) * 2 + 'rpx';
+					break;
+				case 4:
+					style.bottom = (100 + parseInt(this.value.btnBottom)) * 2 + 'rpx';
+					break;
+			}
+			return this.$util.objToStyle(style);
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.float-btn {
+	position: fixed;
+	bottom: 20%;
+	right: 40rpx;
+	z-index: 990;
+
+	&.left_top {
+		top: 100rpx;
+		left: 30rpx;
+	}
+
+	&.right_top {
+		top: 100rpx;
+		right: 30rpx;
+	}
+
+	&.left_bottom {
+		bottom: 160rpx;
+		left: 30rpx;
+		padding-bottom: constant(safe-area-inset-bottom);
+		/*兼容 IOS<11.2*/
+		padding-bottom: env(safe-area-inset-bottom);
+		/*兼容 IOS>11.2*/
+	}
+
+	&.right_bottom {
+		bottom: 160rpx;
+		right: 30rpx;
+		padding-bottom: constant(safe-area-inset-bottom);
+		/*兼容 IOS<11.2*/
+		padding-bottom: env(safe-area-inset-bottom);
+		/*兼容 IOS>11.2*/
+	}
+
+	.button-box {
+		margin-bottom: 20rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+}
+</style>

components-diy/diy-follow-official-account.vue

@@ -0,0 +1,31 @@
+<template>
+	<!-- #ifdef MP -->
+	<view data-component-name="diy-follow-official-account" v-if="value.isShow">
+		<official-account></official-account>
+	</view>
+	<!--#endif -->
+</template>
+
+<script>
+// 关注公众号展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-follow-official-account',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {};
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) { }
+	},
+	methods: {}
+};
+</script>
+
+<style></style>

components-diy/diy-form.vue

@@ -0,0 +1,930 @@
+<template>
+	<view data-component-name="diy-form" class="diy-from" :style="diyFormStyle">
+		<!-- Banner -->
+		<!-- 鸿蒙元服务运行时在首次 _render 时 value 可能还是 undefined，
+		     下面所有 value.xxx 模板表达式都必须用 `value && value.xxx` 守护，
+		     否则会触发 MP 编译器注入的 propsToData 观察者（对应编译产物里
+		     r=function(){var o=this.value.show_banner...this.$mp.data...}）
+		     报 "Cannot read properties of undefined (reading 'show_banner')"。 -->
+<view v-if="value && value.show_banner && value.form_banner" class="form-banner is-card-overlap" :style="bannerStyle + bannerBleedStyle">
+			<!-- Banner 图片高度策略（与商家端预览 .preview-banner height:auto 对齐）：
+			     默认 mode="widthFix"：宽度撑满、高度按图片原始比例自适应，图片完整显示不裁剪；
+			     显式配置 bannerHeight/banner_height 或 bannerCropRatio → 切 aspectFill 居中裁剪；
+			     显式配置 bannerCropBox → 切 widthFix + image 内联 transform translate/缩放（手动裁栏框）；
+			     裁剪位置（bannerCropPosition）：uni-app image 不支持 object-position，
+			     通过 .banner-img-crop 容器的 transform translateY 控制（top/居中/底部）。 -->
+			<view class="banner-img-wrap" :class="bannerImgWrapClass" :style="bannerImgWrapStyle">
+				<view class="banner-img-crop" :class="'crop-' + bannerCropPosition">
+					<image :src="$util.img(value.form_banner)" :mode="bannerImgMode" class="banner-img" :style="bannerImgStyle" />
+				</view>
+			</view>
+		</view>
+		<!-- 卡片浮起模式：tip / 提交按钮位置可配（仅 card 风格生效）
+		     - tip_position: outside（默认）= 独立白卡负 margin 压住 banner 底部；inside = 内容卡内
+		     - submit_position: inside（默认）= 提交按钮在内容卡内；outside = 卡片下方独立区域 -->
+		<template v-if="hasBannerMode">
+			<!-- tip 独立卡（outside，默认）：负 margin 压 banner + 白底 + 圆角 + 阴影，视觉参照商家端预览 .preview-tip -->
+			<view v-if="value && value.show_tip && value.form_tip && tipPosition === 'outside'" class="form-tip-card" :style="tipCardStyle">{{ value.form_tip }}</view>
+			<!-- 内容卡：tipPosition !== 'outside'（tip 关闭或 tip 在卡内）时由本卡接管负 margin 浮起 -->
+			<view class="form-card" :style="cardWrapStyle">
+				<!-- tip 卡内（inside）：无独立卡视觉，用户配置的 bg/border/shadow 仍生效 -->
+				<view v-if="value && value.show_tip && value.form_tip && tipPosition !== 'outside'" class="form-tip" :style="tipStyle">{{ value.form_tip }}</view>
+				<!-- 表单组件 -->
+				<ns-newform
+					:data="formComponents"
+					:customAttr="value"
+					:mode="mergedFormConfig.formLayout || 'vertical'"
+					:formConfig="mergedFormConfig"
+					ref="nsNewform"
+				></ns-newform>
+				<!-- 提交按钮（inside，默认）：在内容卡内 -->
+				<view v-if="showSubmit && submitPosition !== 'outside'" class="form-submit-wrap" :style="submitWrapStyle">
+					<view @click.stop="handleSubmit" class="form-submit" :style="submitStyle">{{ submitText }}</view>
+				</view>
+			</view>
+			<!-- 提交按钮独立区（outside）：卡片下方，无卡背景 -->
+			<view v-if="showSubmit && submitPosition === 'outside'" class="form-submit-wrap" :style="submitWrapStyle">
+				<view @click.stop="handleSubmit" class="form-submit" :style="submitStyle">{{ submitText }}</view>
+			</view>
+		</template>
+		<!-- 无 banner 时仍按旧布局直接渲染 tip / ns-newform / submit，避免影响其他使用方（diy-group / diy-article 等） -->
+		<template v-else>
+			<!-- 提示语 -->
+			<view v-if="value && value.show_tip && value.form_tip" class="form-tip" :style="tipStyle">{{ value && value.form_tip }}</view>
+			<!-- 表单组件 -->
+			<ns-newform
+				:data="formComponents"
+				:customAttr="value"
+				:mode="mergedFormConfig.formLayout || 'vertical'"
+				:formConfig="mergedFormConfig"
+				ref="nsNewform"
+			></ns-newform>
+			<view v-if="showSubmit" class="form-submit-wrap" :style="submitWrapStyle">
+				<view @click.stop="handleSubmit" class="form-submit" :style="submitStyle">{{ submitText }}</view>
+			</view>
+		</template>
+	</view>
+</template>
+
+<script>
+// 自定义表单
+// 提交接管三档（不依赖 $listeners / 事件机制，跨 H5 / MP / 鸿蒙一致）：
+//   1) 默认                → showSubmit=true + 不传 onSubmit        → 内置按钮 + 内置 defaultSubmit
+//   2) 复用按钮、自定义逻辑 → showSubmit=true + :onSubmit="fn"       → 内置按钮 + 父级 fn
+//   3) 完全自定义 UI        → showSubmit=false + :onSubmit="fn" 或 ref.verify()/getFormData() → 父级全控
+// 注：type: Function prop 在 uni-app MP 端走 Vue runtime 注入，机制与 ns-navbar.customBack 一致
+import DiyMinx from './minx.js'
+import NsNewform from '@/components/ns-newform/ns-newform.vue'
+
+// 横幅裁剪比例白名单（与后端 form.js syncFormConfigToCSS 保持一致）
+const BANNER_CROP_RATIOS = { '16:9': 16/9, '4:3': 4/3, '1:1': 1, '3:4': 3/4 }
+
+export default {
+	name: 'diy-from',
+	components: { NsNewform },
+	props: {
+		value: {
+			type: Object
+		},
+		// 数据源模式：
+		//   'diy'（默认）：value.formComponents 是 [{ type, value }]，组件内部转换为 ns-newform 期望的 [{ controller, value, val }]
+		//   'raw'         ：value.jsonData / value.json_data 已经是 ns-newform 期望的格式，直接透传给 ns-newform
+		// 用途：让 formdata 等"已是 ns-newform 格式"的页面也能复用本组件的 banner/tip/样式系统
+		dataMode: {
+			type: String,
+			default: 'diy',
+			validator: (v) => ['diy', 'raw'].includes(v)
+		},
+		// 是否渲染内置提交按钮。false 时由父级调用 ref 上的 verify()/getFormData() 自行实现提交
+		showSubmit: {
+			type: Boolean,
+			default: true
+		},
+		// 父级容器左右内边距（rpx）。卡片模式下让 banner 图片突破这个内边距左右铺满（如 system-form-wrap 的 padding-x）。
+		// 仅在 hasBannerMode=true 时生效；默认 0（不铺满）。
+		// 引入原因：formdata.vue 的 .system-form-wrap 默认 padding: 0 50rpx，banner 图片被左右各 50rpx 收缩，
+		// 后台配 form_banner 后图片应跨越屏幕宽度，而不是被容器内缩。
+		containerInset: {
+			type: Number,
+			default: 0
+		},
+		// 父级可选地接管提交：传入函数 prop 时，verify 通过后由它处理 formData；
+		// 不传时走组件内置 defaultSubmit（兜底）。default 必须是 null，不能写成函数返回 null
+		onSubmit: {
+			type: Function,
+			default: null
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			formComponents: [] // 转换后的表单组件
+		};
+	},
+	created() {
+		this.initForm();
+	},
+	watch: {
+		'value': {
+			deep: true,
+			handler() {
+				// raw 模式：formData 由父级透传，跳过重跑 initForm（避免每次父组件 re-render 触发 ns-newform 的深拷贝 initFormData）
+				if (this.dataMode === 'raw') return;
+				this.initForm();
+			}
+		}
+	},
+	computed: {
+		style() {
+			// 鸿蒙元服务运行时首次 _render 时 this.value 可能还是 undefined，必须全程加护
+			var css = '';
+			var v = this.value || {};
+			css += 'background-color:' + (v.contentBgColor || '') + ';';
+			if (v.elementAngle === 'round') {
+				css += 'border-top-left-radius:' + (v.topElementAroundRadius || 0) * 2 + 'rpx;';
+				css += 'border-top-right-radius:' + (v.topElementAroundRadius || 0) * 2 + 'rpx;';
+				css += 'border-bottom-left-radius:' + (v.bottomElementAroundRadius || 0) * 2 + 'rpx;';
+				css += 'border-bottom-right-radius:' + (v.bottomElementAroundRadius || 0) * 2 + 'rpx;';
+			}
+			return css;
+		},
+		// 兼容旧 style 别名（部分页面用 :style="style" 引用）
+		diyFormStyle() {
+			return this.style;
+		},
+		// Banner 容器左右内边距（与后端 .form-preview-banner padding-x 对齐）
+		bannerStyle() {
+			return this.$util.objToStyle({
+				padding: `0 ${this._num(this.mergedFormConfig && this.mergedFormConfig.bannerPaddingX, 0)}rpx`
+			});
+		},
+		// Banner 图片高度模式（2026-09-03 对齐商家端预览）：
+		// 商家端预览 .preview-banner 是 max-width:100%; height:auto —— 按图片原始比例完整显示。
+		// 此前 H5 固定 180rpx + aspectFill 居中裁剪，导致横幅高度不一/图片内容被裁缺失。
+		// 现在：无显式配置 → widthFix 自适应（与后端 height:auto 等价）；
+		//       显式配置 bannerHeight / banner_height → 固定高度 + aspectFill 裁剪（用户主动选择）；
+		//       显式配置 bannerCropRatio → 按比例锁高度，比例+高度都设时高度优先（保持数字 rpx 的语义）；
+		//       显式配置 bannerCropBox → 手动裁栏框（widthFix + image transform，最高优先级，独享遮罩）。
+		hasBannerHeight() {
+			const cfg = this.mergedFormConfig || {};
+			const raw = cfg.bannerHeight !== undefined ? cfg.bannerHeight : cfg.banner_height;
+			const n = parseInt(raw);
+			return !isNaN(n) && n > 0;
+		},
+		bannerImgMode() {
+			// 手动裁栏框优先（widthFix + transform）；
+			// 显式选择比例（16:9/4:3/...）时用 aspectFill 填满比例容器；
+			// 仅配置高度 + 原比例时与商家端预览一致：widthFix 自适应，容器限制最大高度，图片完整显示不裁剪。
+			if (this.hasManualCrop) return 'widthFix';
+			return this.bannerCropRatio ? 'aspectFill' : 'widthFix';
+		},
+		// Banner 图片包裹层高度：
+		//  - 比例模式 / 手动框：输出固定 height，配合 aspectFill 裁剪；
+		//  - 仅高度 + 原比例：输出 max-height，让图片按原始比例完整显示，高度不超过设定值。
+		bannerImgWrapStyle() {
+			if (!this.hasBannerHeight) return '';
+			let h = parseInt(this.mergedFormConfig.bannerHeight !== undefined ? this.mergedFormConfig.bannerHeight : this.mergedFormConfig.banner_height);
+			if (h < 40) h = 40;
+			if (h > 1200) h = 1200;
+			if (this.bannerCropRatio || this.hasManualCrop) {
+				return this.$util.objToStyle({ height: h + 'rpx' });
+			}
+			return this.$util.objToStyle({ 'max-height': h + 'rpx' });
+		},
+		// 裁剪比例：读双键（camel + snake）；合法值 16:9/4:3/1:1/3:4；空 = 不启用
+		bannerCropRatio() {
+			const cfg = this.mergedFormConfig || {};
+			const raw = cfg.bannerCropRatio !== undefined ? cfg.bannerCropRatio : cfg.banner_crop_ratio;
+			return (raw && BANNER_CROP_RATIOS[raw]) ? raw : '';
+		},
+		// 裁剪位置：top/center/bottom（默认 center）；通过 CSS object-position 控制（uni-app H5/MP 容器配合 transform 实现）
+		bannerCropPosition() {
+			const cfg = this.mergedFormConfig || {};
+			const raw = cfg.bannerCropPosition !== undefined ? cfg.bannerCropPosition : cfg.banner_crop_position;
+			return (raw === 'top' || raw === 'bottom') ? raw : 'center';
+		},
+		// 手动裁栏框：读双键；返回 {x,y,w,h} 0..1 比例或 null
+		// 三优先级：手动框 > 比例/位置 > 高度/位置（与后端 syncFormConfigToCSS 对齐）
+		bannerCropBox() {
+			const cfg = this.mergedFormConfig || {};
+			const raw = cfg.bannerCropBox !== undefined ? cfg.bannerCropBox : cfg.banner_crop_box;
+			if (!raw) return null;
+			try {
+				const obj = typeof raw === 'string' ? JSON.parse(raw) : raw;
+				if (obj && typeof obj.x === 'number' && typeof obj.y === 'number' && typeof obj.w === 'number' && typeof obj.h === 'number' && obj.w > 0 && obj.h > 0) {
+					return obj;
+				}
+			} catch (e) { return null; }
+			return null;
+		},
+		// 手动裁栏框激活时：渲染模式切 widthFix（保留全图）+ 内层 img 用 transform 移动/缩放显示裁栏区域
+		hasManualCrop() { return !!this.bannerCropBox; },
+		// 手动裁栏框下 image 内联样式：放大到原图尺寸，按 box 坐标 translate 显示
+		// 用 rpx 转换（MP 原生 rpx / H5 换算 px）
+		bannerImgStyle() {
+			if (!this.hasManualCrop) return '';
+			const b = this.bannerCropBox;
+			const scaleX = 1 / b.w;
+			const scaleY = 1 / b.h;
+			const tx = -b.x * 100;
+			const ty = -b.y * 100;
+			return this.$util.objToStyle({
+				position: 'absolute',
+				left: 0,
+				top: 0,
+				width: (scaleX * 100) + '%',
+				height: (scaleY * 100) + '%',
+				maxWidth: 'none',
+				transform: 'translate(' + tx + '%, ' + ty + '%)',
+			});
+		},
+		// 手动裁栏框下容器需要绝对定位 + 隐藏溢出
+		bannerImgWrapClass() {
+			const isAspectFill = this.bannerImgMode === 'aspectFill';
+			return {
+				'is-fixed-height': isAspectFill,
+				'has-crop': isAspectFill,
+				'has-manual-crop': this.hasManualCrop,
+				'has-height-limit': this.hasBannerHeight && !isAspectFill && !this.hasManualCrop
+			};
+		},
+		// 表单风格：优先读显式 form_style（classic / card），未设置时回退到隐式判定（看 show_banner && form_banner）
+		//  - classic：经典风格，平铺无 banner 卡片
+		//  - card   ：卡片浮起风格，banner + 卡片浮起 + 容器内缩
+		// 注意：必须读 this.formCfg（原始 formConfig 对象）而不是 mergedFormConfig（白名单组装对象，不含 form_style 键）
+		// 双键兼容：formdata 链路 camel（formStyle，api splitFormConfig 转换）；DIY 链路 snake（form_style，design.js 直存）
+		// 老表单无 form_style 字段时 → undefined → 走隐式判定，与原行为完全一致，零迁移风险
+		hasBannerMode() {
+			const v = this.value || {};
+			const fc = this.formCfg || {};
+			const style = fc.formStyle !== undefined ? fc.formStyle : fc.form_style;
+			if (style === 'card') return true;
+			if (style === 'classic') return false;
+			return !!(v.show_banner && v.form_banner);
+		},
+		// tip 提示语位置（仅 card 风格消费；classic 恒 'outside' 维持原结构）
+		// outside=独立白卡浮起压 banner（默认）；inside=内容卡内（无独立卡视觉）
+		tipPosition() {
+			if (!this.hasBannerMode) return 'outside';
+			return this.mergedFormConfig.tipPosition === 'inside' ? 'inside' : 'outside';
+		},
+		// 提交按钮位置（仅 card 风格消费；classic 恒 'outside' 维持原结构）
+		// inside=内容卡内（默认）；outside=卡片下方独立区域
+		submitPosition() {
+			if (!this.hasBannerMode) return 'outside';
+			return this.mergedFormConfig.submitPosition === 'outside' ? 'outside' : 'inside';
+		},
+		// 卡片容器内联样式：margin-top（负偏移+下移补偿）+ 左右外缩 + border-radius + box-shadow + background + border。
+		// clamp 与默认值对齐后端 form.js syncFormConfigToCSS：overlap 0-200(默认48) / radius 0-40(默认24) / sidePad 0-60(默认30)；
+		// margin-top = -overlap + overlap_top（后端 --card-overlap 公式 (-overlap+overlapTop)/2 为 px，rpx 不除 2）
+		// tip 独立卡（outside + showTip）带队浮起时，本卡只留正常间距（后端预览 draggable margin 10px=20rpx）
+		// sidePad 语义（2026-09-03 与后端统一）：卡片距屏幕左右距离（对齐后端 --card-side-pad，默认 30rpx=15px）。
+		// formdata 链路（containerInset>0）容器已有 padding，卡片负 margin 破壳后再缩 sidePad（与 banner bleed 同思路）；
+		// DIY 链路（无 containerInset）直接 margin = sidePad。
+		// 卡内内容缩进由 ns-newform .form-wrap 的 formPaddingX 承担（与后端 .draggable-wrap padding: form-padding-x 同构）。
+		cardWrapStyle() {
+			const cfg = this.mergedFormConfig || {};
+			const parentInset = this._num(this.containerInset, 0);
+			let sidePad = this._num(cfg.cardSidePad, 30);
+			if (sidePad < 0) sidePad = 0;
+			if (sidePad > 60) sidePad = 60;
+			const sideMargin = parentInset > 0 ? (sidePad - parentInset) : sidePad;
+			// overlap：负值向上压住 banner 底部；overlap_top 为下移补偿（可正可负，叠加生效）
+			let overlap = Math.abs(this._num(cfg.cardOverlap, 48));
+			if (overlap > 200) overlap = 200;
+			const overlapTop = this._num(cfg.cardOverlapTop, 0);
+			// banner 实际渲染时才用负 margin 压住它；banner 被隐藏（如 hideInnerBanner / 配置缺失）时
+			// 负 margin 会把卡片（含 tip）整体推出屏幕顶部，必须收回 0
+			const bannerVisible = !!(this.value && this.value.show_banner && this.value.form_banner);
+			// tip 独立卡存在时由 tip 卡带队压 banner，内容卡只留正常间距（20rpx ≈ 后端预览 10px）
+			const tipLeads = this.tipPosition === 'outside' && !!(this.value && this.value.show_tip && this.value.form_tip);
+			// 卡片圆角：缺省 24rpx（浮起卡片的圆角，比外层卡片的 16rpx 更明显，突出浮起感）
+			let radius = this._num(cfg.cardRadius, 24);
+			if (radius < 0) radius = 0;
+			if (radius > 40) radius = 40;
+			// 阴影：缺省中等阴影（与设计方案一致）—— 由本容器承担浮起感
+			const shadow = cfg.cardShadow || '0 8rpx 24rpx rgba(0,0,0,0.08)';
+			// 卡片底色：纯白，与设计方案一致；可由后台 formConfig.cardBgColor 覆盖
+			const bgColor = cfg.cardBgColor || '#ffffff';
+			// 边框：宽度 rpx（0-20），留空/0 = 无边框
+			let borderWidth = this._num(cfg.cardBorderWidth, 0);
+			if (borderWidth < 0) borderWidth = 0;
+			if (borderWidth > 20) borderWidth = 20;
+			const style = {
+				marginTop: (bannerVisible ? (tipLeads ? 20 : (-overlap + overlapTop)) : 0) + 'rpx',
+				marginLeft: sideMargin + 'rpx',
+				marginRight: sideMargin + 'rpx',
+				borderRadius: radius + 'rpx',
+				boxShadow: shadow,
+				backgroundColor: bgColor
+			};
+			if (borderWidth > 0) {
+				style['border'] = borderWidth + 'rpx ' + (cfg.cardBorderStyle || 'solid') + ' ' + (cfg.cardBorderColor || 'transparent');
+			}
+			return this.$util.objToStyle(style);
+		},
+		// tip 独立卡样式（card + outside）：负 margin 压 banner + 左右外缩 + 白底 + 圆角 + 阴影 + 细边框。
+		// 视觉参照后端预览 .form-style-card .preview-tip（margin: var(--card-overlap) var(--card-side-pad) 0；白底 12px 圆角 柔和阴影 左对齐）
+		// 用户配置的 tip 四态属性（bg/border/radius/shadow/padding/align）在此全部生效，仅默认值不同（独立卡默认白底卡视觉）
+		// sidePad 语义与 cardWrapStyle 一致：卡片距屏幕左右距离（默认 30rpx；formdata 链路破壳 sidePad-parentInset）
+		tipCardStyle() {
+			const cfg = this.mergedFormConfig || {};
+			const bannerVisible = !!(this.value && this.value.show_banner && this.value.form_banner);
+			let overlap = Math.abs(this._num(cfg.cardOverlap, 48));
+			if (overlap > 200) overlap = 200;
+			const overlapTop = this._num(cfg.cardOverlapTop, 0);
+			const parentInset = this._num(this.containerInset, 0);
+			let sidePad = this._num(cfg.cardSidePad, 30);
+			if (sidePad < 0) sidePad = 0;
+			if (sidePad > 60) sidePad = 60;
+			const sideMargin = parentInset > 0 ? (sidePad - parentInset) : sidePad;
+			const padT = this._num(cfg.tipPaddingTop, 32);
+			const padR = this._num(cfg.tipPaddingRight, 32);
+			const padB = this._num(cfg.tipPaddingBottom, 32);
+			const padL = this._num(cfg.tipPaddingLeft, 32);
+			const style = {
+				marginTop: (bannerVisible ? (-overlap + overlapTop) : 0) + 'rpx',
+				marginLeft: sideMargin + 'rpx',
+				marginRight: sideMargin + 'rpx',
+				padding: `${padT}rpx ${padR}rpx ${padB}rpx ${padL}rpx`,
+				'font-size': `${this._num(cfg.tipFontSize, 32)}rpx`,
+				'color': cfg.tipColor || '#1f2937',
+				'background-color': cfg.tipBgColor || '#ffffff',
+				'border-radius': `${this._num(cfg.tipRadius, 24)}rpx`,
+				'box-shadow': cfg.tipShadow || '0 8rpx 24rpx rgba(0,0,0,0.08)',
+				'text-align': cfg.tipAlign || 'left'
+			};
+			// 边框：独立卡默认细边框（2rpx ≈ 后端预览 1px）；配置 0 = 无边框
+			const bw = this._num(cfg.tipBorderWidth, 2);
+			if (bw > 0) {
+				style['border'] = `${bw}rpx ${cfg.tipBorderStyle || 'solid'} ${cfg.tipBorderColor || 'rgba(0,0,0,0.06)'}`;
+			}
+			return this.$util.objToStyle(style);
+		},
+		// Banner 容器破壳样式：仅在卡片模式下 + 父级传了 containerInset>0 时启用，让 banner 突破父容器 padding 跨越屏幕宽度。
+		// 计算逻辑：负 margin-left/right + 等量扩宽 width，使 banner 元素左/右边界对齐到屏幕边缘。
+		// 父级未传 containerInset 或传 0 时返回空样式，banner 保持原尺寸（零外溢）。
+		bannerBleedStyle() {
+			const inset = this._num(this.containerInset, 0);
+			if (!this.hasBannerMode || inset <= 0) return '';
+			const expand = inset * 2;
+			return this.$util.objToStyle({
+				marginLeft: -inset + 'rpx',
+				marginRight: -inset + 'rpx',
+				width: 'calc(100% + ' + expand + 'rpx)'
+			});
+		},
+		// 提示语样式（classic 平铺 / card+inside 卡内共用）：与后端 edit.html 内联 .preview-tip 对齐
+		//  - 四边内边距：未配置时经典态 上/下=rowPaddingY(4) 左右=tipPaddingX(14)；卡片态统一 32rpx
+		//  - 边框：classic 用 border-bottom（宽度默认 0；旧数据仅配 color → 2rpx 底边）；
+		//          card 用全边框（配置宽度才输出）
+		//  - 圆角 / 阴影(rpx 字符串) / 对齐（card 态默认左对齐，经典态居中）
+		//  - 背景色：''=未配置 → 透明（独立卡白底兜底已挪到 tipCardStyle，卡内 tip 无独立卡视觉）
+		tipStyle() {
+			const cfg = this.mergedFormConfig || {};
+			const card = this.hasBannerMode;
+			const padT = this._num(cfg.tipPaddingTop, card ? 32 : this._num(cfg.rowPaddingY, 4));
+			const padR = this._num(cfg.tipPaddingRight, card ? 32 : this._num(cfg.tipPaddingX, 14));
+			const padB = this._num(cfg.tipPaddingBottom, card ? 32 : this._num(cfg.rowPaddingY, 4));
+			const padL = this._num(cfg.tipPaddingLeft, card ? 32 : this._num(cfg.tipPaddingX, 14));
+			const style = {
+				padding: `${padT}rpx ${padR}rpx ${padB}rpx ${padL}rpx`,
+				'font-size': `${this._num(cfg.tipFontSize, 32)}rpx`,
+				'color': cfg.tipColor || (card ? '#1f2937' : '#000000'),
+				'background-color': cfg.tipBgColor || 'transparent',
+				'text-align': cfg.tipAlign || (card ? 'left' : 'center')
+			};
+			// 边框：配置了宽度（>0）输出；未配宽度但配了颜色 → 旧数据兼容，2rpx 底边（仅经典态）
+			const bw = this._num(cfg.tipBorderWidth, 0);
+			if (bw > 0) {
+				const bs = cfg.tipBorderStyle || 'solid';
+				const bc = cfg.tipBorderColor || 'rgba(0,0,0,0.06)';
+				if (card) {
+					style['border'] = `${bw}rpx ${bs} ${bc}`;
+				} else {
+					style['border-bottom'] = `${bw}rpx ${bs} ${bc}`;
+				}
+			} else if (!card && cfg.tipBorderColor) {
+				style['border-bottom'] = `2rpx solid ${cfg.tipBorderColor}`;
+			}
+			// 圆角（rpx）
+			if (cfg.tipRadius !== undefined && cfg.tipRadius !== null && cfg.tipRadius !== '') {
+				style['border-radius'] = `${this._num(cfg.tipRadius, 0)}rpx`;
+			}
+			// 阴影：后端存 rpx 单位字符串（如 '0 4rpx 12rpx rgba(...)'），uniapp H5/MP 运行时支持 rpx
+			if (cfg.tipShadow) {
+				style['box-shadow'] = cfg.tipShadow;
+			}
+			return this.$util.objToStyle(style);
+		},
+		// 提交按钮外层：与后端 .form-preview-submit 对齐（margin-top + padding: row-padding-y form-padding-x；background: form-bg-color）
+		// card + inside（默认）时按钮已在内容卡内：padding 收窄为卡内边距（≈后端预览 14px 12px 20px），不设独立背景（继承卡白底）
+		submitWrapStyle() {
+			const cfg = this.mergedFormConfig || {};
+			if (this.hasBannerMode && this.submitPosition !== 'outside') {
+				return this.$util.objToStyle({
+					marginTop: `${this._num(cfg.submitMarginTop, 0)}rpx`,
+					padding: `24rpx 24rpx 40rpx`
+				});
+			}
+			if (this.hasBannerMode) {
+				// card + outside：卡片下方独立区域 —— 与后端 .preview-submit-wrap（card 模式）同构：
+				// 左右破壳对齐卡片缩进（sidePad - parentInset），水平内缩 formPaddingX，
+				// 上下 padding 36rpx/48rpx（后端 18px/24px），背景白底（后端 .preview-submit-wrap 亦为白底）
+				const parentInset = this._num(this.containerInset, 0);
+				let sidePad = this._num(cfg.cardSidePad, 30);
+				if (sidePad < 0) sidePad = 0;
+				if (sidePad > 60) sidePad = 60;
+				const sideMargin = parentInset > 0 ? (sidePad - parentInset) : 0;
+				return this.$util.objToStyle({
+					marginTop: `${this._num(cfg.submitMarginTop, 0)}rpx`,
+					marginLeft: sideMargin + 'rpx',
+					marginRight: sideMargin + 'rpx',
+					padding: `36rpx ${this._num(cfg.formPaddingX, 14)}rpx 48rpx`,
+					'background-color': cfg.formBgColor || '#ffffff'
+				});
+			}
+			return this.$util.objToStyle({
+				marginTop: `${this._num(cfg.submitMarginTop, 0)}rpx`,
+				padding: `${this._num(cfg.rowPaddingY, 4)}rpx ${this._num(cfg.formPaddingX, 14)}rpx`,
+				'background-color': cfg.formBgColor || '#ffffff'
+			});
+		},
+		// 提交按钮样式：颜色 / 背景色 / 宽度（百分比）/ 上下内边距（控制高度）/ 圆角 / 字号
+		// 与后端 design.css .form-preview-submit button 对齐：
+		//  - 高度由 --submit-padding-y + 字号决定，避免硬编码 line-height
+		//  - 宽度由 --submit-width-percent 控制（10-100，clamp）
+		submitStyle() {
+			const cfg = this.mergedFormConfig || {};
+			// 宽度百分比：clamp 到 10-100
+			const widthPct = Math.min(100, Math.max(10, this._num(cfg.submitWidthPercent, 100)));
+			// 上下内边距：与后端 design.js submitSizeMap 对齐（mini/small/medium/large/huge → 0/4/12/24/40 rpx）
+			const submitPaddingMap = { mini: 0, small: 4, medium: 12, large: 24, huge: 40 };
+			const submitPaddingY = submitPaddingMap[cfg.submitSize] != null
+				? submitPaddingMap[cfg.submitSize]
+				: submitPaddingMap.medium;
+			return this.$util.objToStyle({
+				width: widthPct + '%',
+				padding: `${submitPaddingY}rpx 0`,
+				color: cfg.submitColor || '#ffffff',
+				'background-color': cfg.submitBgColor || '#3b82f6',
+				'border-radius': `${this._num(cfg.inputRadius, 10)}rpx`,
+				'font-size': `${this._num(cfg.labelFontSize, 28)}rpx`
+			});
+		},
+		// 提交按钮文字：与后端 design.html <button>提交</button> 默认对齐，开放给 formConfig 覆盖
+		// 走 mergedFormConfig（兼容 camelCase / snake_case），让 formConfig.submitText 能正确覆盖
+		submitText() {
+			return this.mergedFormConfig.submitText || '提交';
+		},
+		// 父级是否接管提交（集中判断，便于以后替换机制；避免多个调用点各自 typeof 校验）
+		hasCustomSubmit() {
+			return typeof this.onSubmit === 'function';
+		},
+		// 后端把表单样式配置统一存放在 data.formConfig 子对象中（与后端 design.js getDefaultFormData().formConfig 字段名一致）。
+		// 这里做一次归一化：优先取 formConfig；如果历史数据是扁平结构（直接挂在 value 上），也做兼容。
+		formCfg() {
+			const v = this.value || {};
+			if (v.formConfig && typeof v.formConfig === 'object') {
+				return v.formConfig;
+			}
+			return v;
+		},
+		// 合并后的表单配置（支持平台差异化）
+		mergedFormConfig() {
+			const v = this.value || {};
+			const fc = this.formCfg;
+			// 后端实际返回 camelCase（如 formPaddingX / formBgColor / labelFontSize），
+			// 但旧版 design.js / 部分序列化路径可能用 snake_case（form_padding_x）。这里同时读两种写法，camelCase 优先
+			const self = this;
+			const pick = function(camel, snake) {
+				var v1 = fc[camel];
+				if (v1 !== undefined && v1 !== null && v1 !== '') return v1;
+				return fc[snake];
+			};
+			// 多别名取值：后台不同版本 / 不同序列化路径对同一配置项可能用不同键名，
+			// 这里按优先级取第一个有效值，避免白名单裁剪时把后台配置丢掉（丢了下层永远读不到）
+			const pickAny = function(keys) {
+				for (var i = 0; i < keys.length; i++) {
+					var kv = fc[keys[i]];
+					if (kv !== undefined && kv !== null && kv !== '') return kv;
+				}
+				return undefined;
+			};
+			// 通用全局配置（与后端 design.js getDefaultFormData().formConfig 字段名一致）
+			const base = {
+				formPaddingX: pick('formPaddingX', 'form_padding_x'),
+				// Banner 高度（rpx）。后台可配，默认 180rpx ≈ 页面 1/8 高度（适配主流手机屏高）
+				// 配合 mode="aspectFill" 居中裁剪，保证横幅只占页面八分之一左右
+				bannerHeight: pick('bannerHeight', 'banner_height'),
+				bannerPaddingX: pick('bannerPaddingX', 'banner_padding_x'),
+				// 横幅裁剪位置（top/center/bottom）+ 比例（16:9/4:3/1:1/3:4）+ 手动裁栏框 JSON（2026-09-04 方案 C 抽屉配套）
+				bannerCropPosition: pick('bannerCropPosition', 'banner_crop_position'),
+				bannerCropRatio: pick('bannerCropRatio', 'banner_crop_ratio'),
+				bannerCropBox: pick('bannerCropBox', 'banner_crop_box'),
+				tipPaddingX: pick('tipPaddingX', 'tip_padding_x'),
+				// 行内上下边距：兼容 row_padding_y / rowPaddingY / row_padding / rowPadding 等键名
+				rowPaddingY: (function() {
+					var v = pick('rowPaddingY', 'row_padding_y');
+					if (v !== undefined && v !== null && v !== '') return v;
+					return pickAny(['rowPadding', 'row_padding', 'rowPaddingVertical', 'row_padding_vertical', 'row_padding_top', 'rowPaddingTop']);
+				})(),
+				rowMinHeight: pick('rowMinHeight', 'row_min_height'),
+				labelGap: pick('labelGap', 'label_gap'),
+				formBgColor: pick('formBgColor', 'form_bg_color'),
+				rowDividerColor: pick('rowDividerColor', 'row_divider_color'),
+				showRowDivider: self._coerceBool(pick('showRowDivider', 'show_row_divider')),
+				inputHeight: pick('inputHeight', 'input_height'),
+				inputRadius: pick('inputRadius', 'input_radius'),
+				formLayout: pick('formLayout', 'form_layout'),
+				labelWidthMode: pick('labelWidthMode', 'label_width_mode'),
+				labelFixedWidth: pick('labelFixedWidth', 'label_fixed_width'),
+				labelFontSize: pick('labelFontSize', 'label_font_size'),
+				labelColor: pick('labelColor', 'label_color'),
+				labelFontWeight: pick('labelFontWeight', 'label_font_weight'),
+				labelAutoMaxWidth: pick('labelAutoMaxWidth', 'label_auto_max_width'),
+				requiredColor: pick('requiredColor', 'required_color'),
+				// 必填星号位置：before=标签前（默认）/ after=标签后（终端无关，存 base 层）
+				requiredPosition: pick('requiredPosition', 'required_position'),
+				checkedColor: pick('checkedColor', 'checked_color'),
+				// 占位符：遗漏会被 ns-newform SCSS 默认值回退覆盖
+				placeholderColor: pick('placeholderColor', 'placeholder_color'),
+				placeholderFontSize: pick('placeholderFontSize', 'placeholder_font_size'),
+				// textarea 显示行数 / 行高（透传给 ns-newform，与 ns-form 保持一致）
+				// 不传时 ns-newform 走自己的默认 4 行 / 44rpx
+				textareaRows: pick('textareaRows', 'textarea_rows'),
+				textareaLineHeight: pick('textareaLineHeight', 'textarea_line_height'),
+				// 输入框视觉增强（与 ns-newform 对齐）
+				inputBorderColor: pick('inputBorderColor', 'input_border_color'),
+				inputBgColor: pick('inputBgColor', 'input_bg_color'),
+				inputFocusBorderColor: pick('inputFocusBorderColor', 'input_focus_border_color'),
+				inputFocusBgColor: pick('inputFocusBgColor', 'input_focus_bg_color'),
+				submitText: pick('submitText', 'submit_text'),
+				submitColor: pick('submitColor', 'submit_color'),
+				submitBgColor: pick('submitBgColor', 'submit_bg_color'),
+				// 提交按钮尺寸：宽度百分比 + 尺寸预设（与后端 design.js 对齐）
+				submitWidthPercent: pick('submitWidthPercent', 'submit_width_percent'),
+				submitSize: pick('submitSize', 'submit_size'),
+				submitMarginTop: pick('submitMarginTop', 'submit_margin_top'),
+			// 提示语（与后端 form.js syncFormConfigToCSS 的 --tip-* 变量一一对应）
+			tipFontSize: pick('tipFontSize', 'tip_font_size'),
+			tipColor: pick('tipColor', 'tip_color'),
+			tipBgColor: pick('tipBgColor', 'tip_bg_color'),
+			tipBorderColor: pick('tipBorderColor', 'tip_border_color'),
+			// 边框：宽度(rpx)/线型；未配置宽度时保留旧逻辑（仅 color 配置 → 底边 2rpx）
+			tipBorderWidth: pick('tipBorderWidth', 'tip_border_width'),
+			tipBorderStyle: pick('tipBorderStyle', 'tip_border_style'),
+			// 独立样式：圆角 / 四边内边距 / 阴影 / 对齐（'' 与 null 均走 delete → 用各自态的兜底默认）
+			tipRadius: pick('tipRadius', 'tip_radius'),
+			tipPaddingTop: pick('tipPaddingTop', 'tip_padding_top'),
+			tipPaddingRight: pick('tipPaddingRight', 'tip_padding_right'),
+			tipPaddingBottom: pick('tipPaddingBottom', 'tip_padding_bottom'),
+			tipPaddingLeft: pick('tipPaddingLeft', 'tip_padding_left'),
+			tipShadow: pick('tipShadow', 'tip_shadow'),
+			tipAlign: pick('tipAlign', 'tip_align'),
+			// 卡片浮起（仅 show_banner && form_banner 启用）
+			cardOverlap: pick('cardOverlap', 'card_overlap'),
+			// 额外下移补偿（rpx，可正可负，与 overlap 叠加：margin-top = -overlap + overlap_top）
+			cardOverlapTop: pick('cardOverlapTop', 'card_overlap_top'),
+			cardRadius: pick('cardRadius', 'card_radius'),
+			cardShadow: pick('cardShadow', 'card_shadow'),
+			cardSidePad: pick('cardSidePad', 'card_side_pad'),
+			cardBgColor: pick('cardBgColor', 'card_bg_color'),
+			// 卡片边框（宽度 rpx / CSS 线型 / 颜色；留空 = 无边框）
+			cardBorderWidth: pick('cardBorderWidth', 'card_border_width'),
+			cardBorderStyle: pick('cardBorderStyle', 'card_border_style'),
+			cardBorderColor: pick('cardBorderColor', 'card_border_color'),
+			// 位置控制（仅 card 风格生效；outside/inside 见 tipPosition/submitPosition computed）
+			tipPosition: pick('tipPosition', 'tip_position'),
+			submitPosition: pick('submitPosition', 'submit_position')
+		};
+			// 移除 undefined / 空字符串（保留 0/false）
+			Object.keys(base).forEach(function(k) {
+				if (base[k] === undefined || base[k] === null || base[k] === '') {
+					delete base[k];
+				}
+			});
+			// 前端视觉默认：仅作兜底（后端未配置的字段才生效）。
+			// 注意合并顺序：base 在后 —— 后台 formConfig 显式配置的值（如 submit_bg_color / input_radius）
+			// 必须覆盖前端默认，否则商家端样式配置完全不生效（曾因此导致提交按钮恒为蓝色）。
+			const styleDefaults = {
+				formLayout: 'vertical',
+				formPaddingX: 28,
+				rowPaddingY: 24,
+				labelGap: 20,
+				labelFontSize: 32,
+				labelFontWeight: 700,
+				labelColor: '#1f2937',
+				inputHeight: 84,
+				inputRadius: 16,
+				inputBgColor: '#ffffff',
+				inputBorderColor: '#e5e7eb',
+				inputFocusBorderColor: '#3b82f6',
+				inputFocusBgColor: '#ffffff',
+				placeholderColor: '#9ca3af',
+				placeholderFontSize: 28,
+				checkedColor: '#3b82f6',
+				showRowDivider: false,
+				submitColor: '#ffffff',
+				submitBgColor: '#3b82f6'
+			};
+			// 平台差异化配置（terminal 块在 formConfig 子对象内）
+			// 优先级：v.formConfig.terminal > v.form_config_terminal > v.terminal > v.form_config_platform
+			const result = Object.assign({}, styleDefaults, base);
+			const termBlock = (v.formConfig && v.formConfig.terminal) || v.form_config_terminal || v.terminal || v.form_config_platform;
+			if (termBlock && typeof termBlock === 'object') {
+				Object.keys(termBlock).forEach(function(platform) {
+					var src = termBlock[platform];
+					if (!src) return;
+					// 嵌套值若为 snake_case（部分序列化路径），在此统一转 camelCase
+					var translated = {};
+					Object.keys(src).forEach(function(k) {
+						translated[self.$util.snakeToCamel(k)] = src[k];
+					});
+					result[platform] = translated;
+				});
+			}
+			return result;
+		}
+	},
+	methods: {
+		// 初始化表单 - 将 diy-form 的数据格式转换成 ns-newform 的格式
+		initForm() {
+			if (!this.value) {
+				this.formComponents = [];
+				return;
+			}
+			// raw 模式：value.jsonData / value.json_data 已经是 ns-newform 期望的 [{ controller, value, val }]，直接透传
+			if (this.dataMode === 'raw') {
+				this.formComponents = this.value.jsonData || this.value.json_data || [];
+				return;
+			}
+			var components = this.value.formComponents || this.value.form_components || [];
+			// 转换格式：type -> controller
+			this.formComponents = (components || []).map(function(item) {
+				return {
+					controller: item.type,
+					value: item.value || {},
+					val: (item.value && item.value.default) ? item.value.default : '' // 添加初始值
+				};
+			});
+		},
+
+		// 暴露给父级：触发 ns-newform 校验。校验失败时 ns-newform 内部会 toast；返回 false 表示失败，返回 formData 数组表示成功
+		verify() {
+			if (this.$refs.nsNewform && this.$refs.nsNewform.verify) {
+				return this.$refs.nsNewform.verify();
+			}
+			return false;
+		},
+		// 暴露给父级：获取 ns-newform 当前的 formData 数组（含 val / option_lists / img_lists 等全部字段）
+		getFormData() {
+			return (this.$refs.nsNewform && this.$refs.nsNewform.formData) || [];
+		},
+
+		// 数字保底：undefined/空串/非数字时返回兜底值
+		_num(v, fb) {
+			if (v === '' || v === null || v === undefined) return fb;
+			var n = parseInt(v);
+			return isNaN(n) ? fb : n;
+		},
+		// 布尔保底：0/false/'0'/'false' → false；其它有值 → true
+		_coerceBool(v) {
+			if (v === false || v === 0 || v === '0' || v === 'false' || v === null || v === undefined) {
+				return false;
+			}
+			return true;
+		},
+
+		// 统一提交入口：内置按钮 / 父级 ref 调用都走这里
+		// 不依赖 $listeners / 事件机制（MP 端 $listeners 为 undefined），跨端一致
+		handleSubmit() {
+			// 校验（同时返回 formData 数组；校验失败时 ns-newform 内部 toast 提示）
+			if (!this.verify()) {
+				return;
+			}
+			const formData = this.getFormData();
+			// 父级显式接管：function prop 在 H5 / MP / 鸿蒙一致可用
+			if (this.hasCustomSubmit) {
+				return this.onSubmit(formData);
+			}
+			// 兜底：内置 sendRequest 流程
+			this.defaultSubmit(formData);
+		},
+
+		// 公共兜底实现：默认的 /form/api/form/create 流程；
+		// 父级若需"先自定义、失败回退"，可经 ref.defaultSubmit(formData) 调用
+		defaultSubmit(submitFormData) {
+			var self = this;
+			this.$api.sendRequest({
+				url: '/form/api/form/create',
+				data: {
+					form_id: this.value.form_id || 0,
+					form_data: typeof submitFormData === 'string' ? submitFormData : JSON.stringify(submitFormData),
+					component_id: this.value.id || '',
+					form_name: this.value.form_name || '默认表单'
+				},
+				success: function(res) {
+					if (res.code === 0) {
+						uni.showToast({
+							title: self.$lang('submitSuccess'),
+							icon: 'success'
+						});
+						// 重置表单
+						if (self.$refs.nsNewform && self.$refs.nsNewform.setFormData) {
+							self.$refs.nsNewform.setFormData();
+						}
+					} else {
+						uni.showToast({
+							title: res.message || self.$lang('submitFail'),
+							icon: 'none'
+						});
+					}
+				}
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.diy-from {
+	background: #fff;
+	padding: 0;
+	border-radius: 10rpx;
+
+	.form-banner {
+		width: 100%;
+		overflow: hidden;
+		// 默认左右无边距（与后端 --banner-padding-x 对齐；由内联 bannerStyle 覆盖）
+		margin: 0;
+
+		// banner 图片作为卡片上方的"底图"：建立层叠上下文，让 .form-card 通过 z-index 浮在其上。
+		// 仅在卡片浮起模式（.is-card-overlap）启用，不影响其它使用方（diy-group 等）的旧布局。
+		&.is-card-overlap {
+			position: relative;
+			z-index: 1;
+		}
+
+		// 横幅图片容器：默认高度由 image widthFix 按图片比例自适应（与商家端预览 height:auto 对齐）；
+		// .is-fixed-height（显式配置 bannerHeight）时高度由 bannerImgWrapStyle 内联写入，
+		// 配合 mode="aspectFill" 居中裁剪填充。
+		.banner-img-wrap {
+			width: 100%;
+			overflow: hidden;
+			position: relative;
+
+			// 默认作为 flex 容器，支持 widthFix + max-height 模式下的顶部/居中/底部对齐
+			.banner-img-crop {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: flex-start;
+				overflow: hidden;
+
+				&.crop-center {
+					justify-content: center;
+				}
+
+				&.crop-bottom {
+					justify-content: flex-end;
+				}
+			}
+
+			&.is-fixed-height {
+				.banner-img {
+					height: 100%;
+				}
+			}
+
+			// 启用 aspectFill 裁剪时，包装一层 .banner-img-crop 承接裁剪位置。
+			// 重要：uni-app image 在 H5 端固定转译为 <div style="background-image:url; background-size:cover; background-position:center center;"></div>，
+			// 内层 div 的 background-position 是运行时生成的 inline 样式，普通 CSS 覆盖不了，必须 !important；
+			// （不能用 .banner-img 的 translateY 实现位置：image 高度被钉死为容器 100% 后 transform 一去一回相互抵消，是零位移）
+			//   - crop-top    → background-position: center top（显示图片顶部区域）
+			//   - crop-center → 默认 center center（不覆盖）
+			//   - crop-bottom → background-position: center bottom（显示图片底部区域）
+			&.has-crop {
+				.banner-img-crop {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+				}
+				.banner-img {
+					// 撑满 wrap，让内层 background-image div 拿到确定高度（uni-image H5 端转译依赖）
+					height: 100%;
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+				}
+				// uni-app H5 编译器会给样式追加 [data-v-xxx]（即使未写 scoped），
+				// 而 uni-image 运行时 JS 生成的内层 div 没有该属性 → 必须 ::v-deep 把属性选择器挪到 .banner-img 上
+				.banner-img-crop.crop-top .banner-img ::v-deep div {
+					background-position: center top !important;
+				}
+				.banner-img-crop.crop-bottom .banner-img ::v-deep div {
+					background-position: center bottom !important;
+				}
+			}
+
+			// 启用手动裁栏框（bannerCropBox 非空）时：image 用 transform 显示裁栏部分，原图按 box 缩放 + 平移
+			&.has-manual-crop {
+				.banner-img-crop {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+				}
+				.banner-img {
+					// 手动框下由 bannerImgStyle 内联 width/height/transform 驱动，不固定 100%
+					height: auto;
+					position: absolute;
+					left: 0;
+					top: 0;
+				}
+			}
+		}
+
+		.banner-img {
+			width: 100%;
+			display: block;
+		}
+	}
+
+	// 卡片容器：浮在 banner 图片上方（参考设计左图）。
+		// 仅在 hasBannerMode=true 时渲染（见 template v-if）；
+		// 阴影 + margin-top（负偏移）+ 圆角 + 白底 全部由 cardWrapStyle 内联写入（读取后台 formConfig.card*）。
+		// 关键：卡片必须自带白底并 z-index 高于 banner，才能真正"盖住"banner 图片底部形成浮起；
+		// 父级容器（formdata.vue 的 .system-form-wrap）虽也是白底，但它是 banner 的祖先、背景会被 banner 覆盖，
+		// 因此本容器的白底不可省略（与 .system-form-wrap 同色，视觉上从卡片向下自然延续到页面底部）。
+	.form-card {
+		// 定位上下文 + 高于 banner 的层级：让卡片盖住 banner 底部（banner z-index:1）
+		position: relative;
+		z-index: 2;
+		// 兜底白底 / 圆角 / 阴影：与后端未配置时内联写入的默认值一致；后台配置时由内联 cardWrapStyle 覆盖
+		background-color: #ffffff;
+		border-radius: 24rpx;
+		box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08);
+		// 关键：裁剪卡内子元素（ns-newform 白底 / submit 区）到圆角内。
+		// tip 关闭时本卡带队负 margin 压 banner，若无 overflow:hidden，
+		// 卡内第一个子元素的方形背景会盖住卡片上圆角（banner 图片在圆角外的部分被遮）。
+		// 商家端预览 .draggable-wrap 同样有 overflow:hidden（form.css 两处同步）。
+		overflow: hidden;
+			// 兜底 padding-bottom：让卡片与后面内容（如推荐码、其它 diy 组件）有间距
+			padding-bottom: 24rpx;
+		}
+
+	// tip 独立卡（card + tip_position=outside）：浮在 banner 上方的独立白卡。
+	// margin/padding/白底/圆角/阴影/边框 全部由 tipCardStyle 内联写入；
+	// 必须自带 z-index 高于 banner（z-index:1）才能真正"盖住"banner 底部形成浮起。
+	.form-tip-card {
+		position: relative;
+		z-index: 2;
+		box-sizing: border-box;
+		line-height: 1.5;
+		word-break: break-all;
+	}
+
+	.form-tip {
+		// 提示语：上下内边距 / 左右内边距 / 字号 / 颜色 / 背景 全部由 tipStyle 内联写入
+		padding: 0;
+		text-align: center;
+		line-height: 1.5;
+	}
+
+	.form-submit-wrap {
+		// 外层：与后端 .form-preview-submit 对齐（margin-top + padding-y + form-padding-x + form-bg-color + flex 居中）
+		// margin-top/padding/background 由 submitWrapStyle 内联写入
+		// display: flex + justify-content: center 是让宽度小于 100% 的按钮水平居中的关键
+		box-sizing: border-box;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+	}
+
+	.form-submit {
+		// 提交按钮：颜色 / 背景色 / 宽度（百分比）/ 上下内边距（控制高度）/ 圆角 / 字号
+		// 全部由 submitStyle 内联写入
+		// 宽度不再写死 100%，由内联 style 的 width: <pct>% 决定；max-width: 100% 防止溢出
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		max-width: 100%;
+		font-weight: 500;
+		letter-spacing: 1rpx;
+		transition: opacity 0.2s ease;
+		box-sizing: border-box;
+
+		&:active {
+			opacity: 0.85;
+		}
+	}
+}
+</style>

components-diy/diy-goods-brand.vue

@@ -0,0 +1,166 @@
+<template>
+	<x-skeleton data-component-name="diy-goods-brand" type="waterfall" :loading="loading" :configs="skeletonConfig">
+		<view :class="['brand-wrap', value.ornament.type]" :style="warpCss">
+			<view :class="[value.style]">
+				<view class="title-wrap" v-show="value.title"
+					:style="{ color: value.textColor, fontWeight: value.fontWeight ? 'bold' : '' }">{{ value.title }}
+				</view>
+				<view class="ul-wrap">
+					<view class="li-item" v-for="(item, index) in list" :key="index">
+						<image class="brand-pic" :src="$util.img(item.image_url)" mode="aspectFit"
+							@tap.stop="handlerClick(item)" @error="imgError(index)"
+							:style="itemCss"  show-menu-by-longpress/>
+					</view>
+				</view>
+			</view>
+		</view>
+	</x-skeleton>
+</template>
+
+<script>
+// 商品品牌
+
+import DiyMinx from './minx.js'
+// 自定义商品品牌展示	
+export default {
+	name: 'diy-goods-brand',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	data() {
+		return {
+			list: [],
+			loading: true,
+			skeletonConfig: {
+				gridRows: 2,
+				gridColumns: 4,
+				gridRowsGap: '20rpx',
+				headWidth: '120rpx',
+				headHeight: '120rpx',
+				textShow: false
+			}
+		};
+	},
+	created() {
+		this.getBrandList();
+	},
+	mixins: [DiyMinx],
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			this.getBrandList();
+		}
+	},
+	computed: {
+		warpCss() {
+			var obj = '';
+			obj += 'background-color:' + this.value.componentBgColor + ';';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			if (this.value.ornament.type == 'shadow') {
+				obj += 'box-shadow:' + '0 0 10rpx ' + this.value.ornament.color;
+			}
+			if (this.value.ornament.type == 'stroke') {
+				obj += 'border:' + '2rpx solid ' + this.value.ornament.color;
+			}
+			return obj;
+		},
+		// 子项样式
+		itemCss() {
+			var obj = '';
+			if (this.value.elementAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		}
+	},
+	methods: {
+		getBrandList() {
+			var data = {
+				page: 1,
+				page_size: this.value.count
+			};
+			if (this.value.sources == 'diy') {
+				data.page_size = 0;
+				data.brand_id_arr = this.value.brandIds.toString();
+			}
+
+			this.$api.sendRequest({
+				url: '/api/goodsbrand/page',
+				data: data,
+				success: res => {
+					if (res.code == 0 && res.data) {
+						let data = res.data;
+						this.list = data.list;
+					}
+					this.loading = false;
+				}
+			});
+		},
+		toDetail(item) {
+			this.$util.redirectTo('/pages_goods/list', {
+				brand_id: item.brand_id
+			});
+		},
+		imgError(index) {
+			if (this.list[index]) this.list[index].image_url = this.$util.getDefaultImage().goods;
+		},
+		async handlerClick(item) {
+			await this.__$emitEvent({
+				eventName: 'goods-brand-tap', data: item, promiseCallback: (event, handler, awaitedResult) => {
+					if (!awaitedResult) return;
+					this.toDetail(item);
+				}
+			})
+		},
+	}
+};
+</script>
+
+<style lang="scss">
+.brand-wrap {
+	&.shadow {
+		margin-left: 8rpx;
+		margin-right: 8rpx;
+		margin-top: 8rpx;
+		margin-bottom: 8rpx;
+	}
+
+	.style-1 {
+		.title-wrap {
+			text-align: center;
+			padding: 20rpx 0 10rpx;
+		}
+
+		.ul-wrap {
+			display: flex;
+			flex-wrap: wrap;
+			padding: 20rpx;
+
+			.li-item {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				width: calc(100% / 4 - 20rpx) !important;
+				height: 124rpx;
+				margin: 10rpx;
+				background-color: #fff;
+
+				.brand-pic {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+}
+</style>

components-diy/diy-goods-recommend.vue

@@ -0,0 +1,626 @@
+<template>
+	<x-skeleton data-component-name="diy-goods-recommend" type="waterfall" :loading="loading" :configs="skeletonConfig">
+		<view v-if="list.length" :class="['goods-list', goodsValue.style]" :style="goodsListWarpCss">
+			<view class="top-wrap" v-if="goodsValue.topStyle.support">
+				<text :class="['js-icon', goodsValue.topStyle.icon.value]"
+					:style="{ backgroundColor: goodsValue.topStyle.icon.bgColor, color: goodsValue.topStyle.icon.color }"></text>
+				<text class="title" :style="{ color: goodsValue.topStyle.color }">{{ goodsValue.topStyle.title }}</text>
+				<text class="line" :style="{ color: goodsValue.topStyle.subColor }"></text>
+				<text class="sub" :style="{ color: goodsValue.topStyle.subColor }">{{ goodsValue.topStyle.subTitle
+					}}</text>
+			</view>
+			<swiper :autoplay="false" class="swiper" :style="{ height: swiperHeight }">
+				<swiper-item v-for="(item, index) in page" :key="index"
+					:class="['swiper-item', [list[index].length / 3] >= 1 && 'flex-between']">
+					<view class="goods-item" v-for="(dataItem, dataIndex) in list[index]" :key="dataIndex"
+						@tap.stop="toDetail(dataItem)" :class="[goodsValue.ornament.type]" :style="goodsItemCss">
+						<div class="goods-img-wrap">
+							<image class="goods-img" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+								:src="$util.img(dataItem.goods_image, { size: 'mid' })" mode="widthFix"
+								@error="imgError(index, dataIndex)" :lazy-load="true" show-menu-by-longpress />
+							<view class="sell-out" v-if="dataItem.stock <= 0">
+								<text class="iconfont icon-shuqing"></text>
+							</view>
+						</div>
+						<view :class="['info-wrap', { 'multi-content': value.nameLineMode == 'multiple' }]"
+							v-if="goodsValue.goodsNameStyle.control || goodsValue.priceStyle.mainControl || goodsValue.priceStyle.lineControl || goodsValue.labelStyle.support">
+							<view v-if="goodsValue.goodsNameStyle.control" class="goods-name"
+								:style="{ color: goodsValue.theme == 'diy' ? goodsValue.goodsNameStyle.color : '', fontWeight: goodsValue.goodsNameStyle.fontWeight ? 'bold' : '' }"
+								:class="[{ 'using-hidden': goodsValue.nameLineMode == 'single' }, { 'multi-hidden': goodsValue.nameLineMode == 'multiple' }]">
+								{{ isEnEnv ? dataItem.en_goods_name : dataItem.goods_name }}
+							</view>
+							<view class="pro-info">
+								<view class="label-wrap" v-if="goodsValue.labelStyle.support"
+									:style="{ background: goodsValue.labelStyle.bgColor, color: goodsValue.labelStyle.color }">
+									<image :src="$util.img('app/component/view/goods_recommend/img/label.png')"
+										mode="widthFix"  show-menu-by-longpress />
+									<text>{{ goodsValue.labelStyle.title }}</text>
+								</view>
+								<view class="discount-price">
+									<view class="price-wrap" v-if="goodsValue.priceStyle.mainControl">
+										<text class="unit price-style small"
+											:style="{ color: goodsValue.theme == 'diy' ? goodsValue.priceStyle.mainColor + '!important' : '' }">￥</text>
+										<text class="price price-style large"
+											:style="{ color: goodsValue.theme == 'diy' ? goodsValue.priceStyle.mainColor + '!important' : '' }">{{
+												showPrice(dataItem).split('.')[0] }}</text>
+										<text class="unit price-style small"
+											:style="{ color: goodsValue.theme == 'diy' ? goodsValue.priceStyle.mainColor + '!important' : '' }">{{
+												'.' + showPrice(dataItem).split('.')[1] }}</text>
+									</view>
+									<view v-if="goodsValue.priceStyle.lineControl && showMarketPrice(dataItem)"
+										class="delete-price price-font"
+										:style="{ color: goodsValue.theme == 'diy' ? goodsValue.priceStyle.lineColor : '' }">
+										￥{{ showMarketPrice(dataItem) }}</view>
+									<view class="sale" v-if="goodsValue.saleStyle.control"
+										:style="{ color: goodsValue.theme == 'diy' ? goodsValue.saleStyle.color : '' }">
+										{{ $lang('components-diy.diy-goods-recommend.soldPrefix') }}{{ dataItem.sale_num }}{{ dataItem.unit ? dataItem.unit : $lang('unit.piece') }}
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</swiper-item>
+			</swiper>
+		</view>
+	</x-skeleton>
+</template>
+
+<script>
+// 自定义商品推荐展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-goods-recommend',
+	props: {
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			loading: true,
+			skeletonConfig: {
+				gridRows: 1,
+				gridColumns: 3,
+				headWidth: '200rpx',
+				headHeight: '200rpx',
+				textRows: 2,
+				textWidth: ['100%', '60%'],
+			},
+			list: [],
+			goodsValue: {},
+			page: 1
+		};
+	},
+	created() {
+		this.goodsValue = this.value;
+		this.getGoodsList();
+	},
+	watch: {
+		'globalStoreInfo.store_id': {
+			handler(nval, oval) {
+				if (nval != oval) {
+					this.getGoodsList();
+				}
+			},
+			deep: true
+		},
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			this.getGoodsList();
+		}
+	},
+	computed: {
+		goodsListWarpCss() {
+			var obj = '';
+			obj += 'background-color:' + this.goodsValue.componentBgColor + ';';
+			if (this.goodsValue.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.goodsValue.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.goodsValue.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.goodsValue.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.goodsValue.bottomAroundRadius * 2 + 'rpx;';
+			}
+			if (this.goodsValue.bgUrl) {
+				obj += `background-image: url('${this.$util.img(this.goodsValue.bgUrl)}');`;
+			}
+			return obj;
+		},
+		// 商品项样式
+		goodsItemCss() {
+			var obj = '';
+			obj += 'background-color:' + this.value.elementBgColor + ';';
+			if (this.goodsValue.elementAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.goodsValue.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.goodsValue.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.goodsValue.bottomElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.goodsValue.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			if (this.goodsValue.ornament.type == 'shadow') {
+				obj += 'box-shadow:' + '0 0 10rpx ' + this.goodsValue.ornament.color + ';';
+			}
+			if (this.goodsValue.ornament.type == 'stroke') {
+				obj += 'border:' + '2rpx solid ' + this.goodsValue.ornament.color + ';';
+			}
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			var width = '';
+			if (this.goodsValue.style != 'style-2') {
+				width = [screenWidth - this.rpxUpPx(20) * 2 - this.rpxUpPx(200) * 3 - this.rpxUpPx(this.value.margin
+					.both * 2) * 2] / 6;
+			} else {
+				width = [screenWidth - this.rpxUpPx(20) * 2 - this.rpxUpPx(20) * 2 - this.rpxUpPx(200) * 3 - this
+					.rpxUpPx(this.value.margin.both * 2) * 2
+				] / 6;
+			}
+			obj += 'margin-left:' + width + 'px;';
+			obj += 'margin-right:' + width + 'px;';
+			return obj;
+		},
+		swiperHeight() {
+			if (this.goodsValue.style == 'style-3') {
+				return '330rpx';
+			} else if (this.goodsValue.style != 'style-2') {
+				if (this.value.nameLineMode == 'multiple') {
+					return '348rpx';
+				}
+				return '312rpx';
+			} else {
+				if (this.value.nameLineMode == 'multiple') {
+					return '360rpx';
+				}
+				return '320rpx';
+			}
+		}
+	},
+	methods: {
+		rpxUpPx(res) {
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			var data = (screenWidth * parseInt(res)) / 750;
+			return Math.floor(data);
+		},
+		getGoodsList() {
+			var data = {
+				num: this.goodsValue.count
+			};
+			if (this.goodsValue.sources == 'category') {
+				data.category_id = this.goodsValue.categoryId;
+				data.category_level = 1;
+			} else if (this.goodsValue.sources == 'diy') {
+				data.num = 0;
+				data.goods_id_arr = this.goodsValue.goodsId.toString();
+			}
+			data.order = this.goodsValue.sortWay;
+
+			this.$api.sendRequest({
+				url: '/api/goodssku/components',
+				data: data,
+				success: res => {
+					if (res.code == 0 && res.data) {
+						let data = res.data;
+						this.list = data;
+
+						// 切屏滚动，每页显示固定数量
+						let size = 3;
+						let temp = [];
+						this.page = Math.ceil(this.list.length / size);
+						for (var i = 0; i < this.page; i++) {
+							temp[i] = [];
+							for (var j = i * size; j < this.list.length; j++) {
+								if (temp[i].length == size) break;
+								temp[i].push(this.list[j]);
+							}
+						}
+						this.list = temp;
+					}
+					this.loading = false;
+				}
+			});
+		},
+		toDetail(item) {
+			this.$util.redirectTo('/pages_goods/detail', {
+				goods_id: item.goods_id
+			});
+		},
+		imgError(pageIndex, index) {
+			this.list[pageIndex][index].goods_image = this.$util.getDefaultImage().goods;
+		},
+		showPrice(data) {
+			let price = data.discount_price;
+			if (data.member_price && parseFloat(data.member_price) < parseFloat(price)) price = data.member_price;
+			return price;
+		},
+		showMarketPrice(item) {
+			let price = this.showPrice(item);
+			if (item.market_price > 0) {
+				return item.market_price;
+			} else if (item.price > price) {
+				return item.price;
+			}
+			return '';
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.goods-list {
+	.goods-item {
+		line-height: 1;
+
+		.sale {
+			line-height: 1;
+			color: $color-tip;
+			font-size: $font-size-activity-tag;
+		}
+
+		.info-wrap {
+			.goods-name {
+				margin-bottom: 10rpx;
+				line-height: 1.3;
+			}
+		}
+
+		.sell-out {
+			position: absolute;
+			z-index: 1;
+			width: 100%;
+			height: 100%;
+			top: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: rgba(0, 0, 0, 0.5);
+
+			text {
+				color: #fff;
+				font-size: 180rpx;
+			}
+		}
+	}
+}
+
+// 商品列表横向滚动样式
+.goods-list.style-1 {
+	width: 100%;
+	white-space: nowrap;
+	background-repeat: round;
+
+	.top-wrap {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 0;
+
+		.js-icon {
+			border-radius: 50%;
+			font-size: 40rpx;
+			margin-right: 10rpx;
+			width: 70rpx;
+			height: 70rpx;
+			text-align: center;
+			line-height: 70rpx;
+		}
+
+		.line {
+			height: 28rpx;
+			margin: 0 10rpx;
+			border: 2rpx solid;
+		}
+
+		.title {
+			font-weight: bold;
+			font-size: $font-size-toolbar;
+		}
+
+		.sub {
+			font-size: $font-size-tag;
+		}
+	}
+
+	.flex-between {
+		justify-content: space-between;
+	}
+
+	.swiper {
+		display: flex;
+		flex-wrap: wrap;
+		margin: 0 20rpx;
+
+		.swiper-item {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.goods-item {
+		overflow: hidden;
+		width: 200rpx;
+		display: inline-block;
+		box-sizing: border-box;
+
+		&:nth-child(3n + 3) {
+			width: 198rpx;
+		}
+
+		&.shadow {
+			margin-top: 8rpx;
+		}
+
+		.goods-img,
+		.goods-img-wrap {
+			position: relative;
+			width: 100%;
+			height: 196rpx;
+		}
+
+		.info-wrap {
+			display: flex;
+			flex-direction: column;
+			padding: 10rpx;
+
+			&.multi-content {
+				height: 130rpx;
+				box-sizing: border-box;
+			}
+
+			.goods-name {
+				font-size: $font-size-sub;
+
+				&.multi-hidden {
+					white-space: break-spaces;
+				}
+			}
+
+			.pro-info {
+				margin-top: auto;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+
+				.discount-price {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+
+					.price-wrap {
+						line-height: 1;
+						white-space: nowrap;
+
+						.unit {
+							font-size: $font-size-tag;
+							color: $base-color;
+						}
+
+						.price {
+							font-size: $font-size-toolbar;
+						}
+
+						text {
+							font-weight: bold;
+							color: $base-color;
+						}
+					}
+				}
+
+				.delete-price {
+					margin-left: 10rpx;
+					text-decoration: line-through;
+					flex: 1;
+					line-height: 28rpx;
+					color: $color-tip;
+					font-size: $font-size-activity-tag;
+				}
+			}
+		}
+	}
+}
+
+// 商品列表横向滚动样式
+.goods-list.style-2 {
+	width: 100%;
+	white-space: nowrap;
+	background-repeat: round;
+	padding-bottom: 20rpx;
+
+	.top-wrap {
+		display: flex;
+		align-items: center;
+		padding: 20rpx;
+
+		.js-icon {
+			border-radius: 50%;
+			font-size: 40rpx;
+			margin-right: 20rpx;
+			width: 70rpx;
+			height: 70rpx;
+			text-align: center;
+			line-height: 70rpx;
+		}
+
+		.line {
+			height: 28rpx;
+			margin: 0 10rpx;
+			border: 2rpx solid;
+		}
+
+		.title {
+			font-weight: bold;
+			font-size: $font-size-toolbar;
+		}
+
+		.sub {
+			font-size: $font-size-tag;
+		}
+	}
+
+	.swiper {
+		display: flex;
+		flex-wrap: wrap;
+		margin: 0 20rpx;
+		padding: 20rpx;
+		border-radius: 20rpx;
+		background-color: #fff;
+	}
+
+	.goods-item {
+		overflow: hidden;
+		width: 200rpx;
+		display: inline-block;
+		box-sizing: border-box;
+
+		&.shadow {
+			margin-top: 8rpx;
+			width: 200rpx;
+		}
+
+		.goods-img,
+		.goods-img-wrap {
+			position: relative;
+			width: 100%;
+			height: 200rpx;
+		}
+
+		.info-wrap {
+			padding: 10rpx;
+
+			.goods-name {
+				line-height: 1;
+
+				&.multi-hidden {
+					line-height: 1.3;
+					height: 68rpx;
+					white-space: break-spaces;
+				}
+			}
+
+			.pro-info {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+
+				.discount-price {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+
+					.price-wrap {
+						line-height: 1.3;
+
+						.unit {
+							font-size: $font-size-tag;
+							color: $base-color;
+						}
+
+						text {
+							font-weight: bold;
+							color: $base-color;
+
+							&:last-of-type {
+								font-size: 32rpx;
+							}
+						}
+					}
+				}
+
+				.delete-price {
+					margin-left: 10rpx;
+					text-decoration: line-through;
+					flex: 1;
+					line-height: 28rpx;
+					color: $color-tip;
+					font-size: $font-size-activity-tag;
+				}
+			}
+		}
+	}
+}
+
+.goods-list.style-3 {
+	background-position: bottom;
+
+	.swiper {
+		display: flex;
+		flex-wrap: wrap;
+		margin: 0 20rpx;
+		padding: 10rpx 0;
+
+		.swiper-item {
+			display: flex;
+			align-items: center;
+		}
+	}
+
+	.goods-item {
+		overflow: hidden;
+		width: 200rpx;
+		display: inline-block;
+		box-sizing: border-box;
+
+		&.shadow {
+			// margin-top: 20rpx;
+		}
+
+		.goods-img,
+		.goods-img-wrap {
+			position: relative;
+			width: 100%;
+			height: 200rpx;
+		}
+
+		.info-wrap {
+			display: flex;
+			flex-direction: column;
+			padding: 10rpx;
+
+			.pro-info {
+				text-align: center;
+
+				.label-wrap {
+					border-radius: 40rpx;
+					display: inline-block;
+					margin: 10rpx 0;
+					position: relative;
+					padding-left: 52rpx;
+					padding-right: 16rpx;
+					line-height: 1.7;
+
+					image {
+						position: absolute;
+						top: -2rpx;
+						left: -2rpx;
+						width: 46rpx;
+						height: 46rpx;
+					}
+
+					text {
+						font-size: $font-size-tag;
+					}
+				}
+
+				.discount-price {
+					.price-wrap {
+						line-height: 1;
+						white-space: nowrap;
+
+						.unit {
+							font-size: $font-size-tag;
+							color: $base-color;
+						}
+
+						.price {
+							font-size: $font-size-toolbar;
+						}
+
+						text {
+							font-weight: bold;
+							color: $base-color;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+</style>

components-diy/diy-graphic-nav.vue

@@ -0,0 +1,317 @@
+<template>
+    <view data-component-name="diy-graphic-nav" :style="componentStyle">
+        <block v-if="value.showStyle == 'pageSlide'">
+            <swiper :class="['graphic-nav', 'pageSlide', value.carousel.type]" circular :indicator-dots="false"
+                :style="swiperHeight" @change="swiperChange">
+                <swiper-item class="graphic-nav-wrap"
+                    v-for="(numItem, numIndex) in Math.ceil(value.list.length / (value.pageCount * value.rowCount))">
+                    <!-- #ifdef MP -->
+                    <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list"
+                        :key="index"
+                        v-if="index >= [(numItem) * (value.pageCount * value.rowCount)] && index < [(numItem + 1) * (value.pageCount * value.rowCount)]"
+                        :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
+                        <!-- #endif -->
+                        <!-- #ifdef H5 -->
+                        <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list"
+                            :key="index"
+                            v-if="index >= [(numItem - 1) * (value.pageCount * value.rowCount)] && index < [numItem * (value.pageCount * value.rowCount)]"
+                            :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
+                            <!-- #endif -->
+                            <view class="graphic-img" v-if="value.mode != 'text'"
+                                :style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
+                                <image v-if="item.iconType == 'img'"
+                                    :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
+                                    mode="aspectFill"
+                                    :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }"
+                                    show-menu-by-longpress />
+
+                                <diy-icon v-if="item.iconType == 'icon'" :icon="item.icon"
+                                    :value="item.style ? item.style : null"
+                                    :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', width: '100%', height: '100%' }"></diy-icon>
+
+                                <text class="tag" v-if="item.label.control"
+                                    :style="{ color: item.label.textColor, backgroundImage: 'linear-gradient(' + item.label.bgColorStart + ',' + item.label.bgColorEnd + ')' }">
+                                    {{ item.label.text }}
+                                </text>
+                            </view>
+                            <text v-if="value.mode != 'img'" class="graphic-text"
+                                :style="{ fontSize: value.font.size * 2 + 'rpx', fontWeight: value.font.weight, color: value.font.color }">
+                                {{ item.title }}
+                            </text>
+                            <!-- #ifdef H5 -->
+                        </view>
+                        <!-- #endif -->
+                        <!-- #ifdef MP -->
+                    </view>
+                    <!-- #endif -->
+                </swiper-item>
+            </swiper>
+
+            <view class="swiper-dot-box" v-if="isIndicatorDots" :class="value.carousel.type">
+                <view v-for="(numItem, numIndex) in Math.ceil(value.list.length / (value.pageCount * value.rowCount))"
+                    :key="numIndex">
+                    <view class="swiper-dot" :class="{ 'active': numIndex == swiperCurrent }"></view>
+                </view>
+            </view>
+
+        </block>
+        <scroll-view v-else :scroll-x="value.showStyle == 'singleSlide'"
+            :class="['graphic-nav', value.showStyle == 'fixed' ? 'fixed-layout' : value.showStyle]">
+            <!-- #ifdef MP -->
+            <view class="uni-scroll-view-content">
+                <!-- #endif -->
+
+                <view class="graphic-nav-item" :class="[value.mode]" v-for="(item, index) in value.list" :key="index"
+                    :style="{ width: 100 / value.rowCount + '%' }" @tap.stop="redirectTo(item.link)">
+                    <view class="graphic-img" v-if="value.mode != 'text'"
+                        :style="{ fontSize: value.imageSize * 2 + 'rpx', width: value.imageSize * 2 + 'rpx', height: value.imageSize * 2 + 'rpx' }">
+                        <image v-if="item.iconType == 'img'"
+                            :src="$util.img(item.imageUrl) || $util.img('public/uniapp/default_img/goods.png')"
+                            mode="aspectFill"
+                            :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', borderRadius: value.aroundRadius * 2 + 'rpx' }"
+                            show-menu-by-longpress />
+                        <diy-icon v-if="item.iconType == 'icon'" :icon="item.icon"
+                            :value="item.style ? item.style : null"
+                            :style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', width: '100%', height: '100%' }"></diy-icon>
+                        <text :class="['tag', { alone: value.mode == 'text' }]" v-if="item.label.control"
+                            :style="{ color: item.label.textColor, backgroundImage: 'linear-gradient(' + item.label.bgColorStart + ',' + item.label.bgColorEnd + ')' }">
+                            {{ item.label.text }}
+                        </text>
+                    </view>
+                    <text v-if="value.mode != 'img'" class="graphic-text"
+                        :style="{ fontSize: value.font.size * 2 + 'rpx', fontWeight: value.font.weight, color: value.font.color }">
+                        {{ item.title }}
+                    </text>
+                </view>
+
+                <!-- #ifdef MP -->
+            </view>
+            <!-- #endif -->
+
+        </scroll-view>
+        <ns-login ref="login"></ns-login>
+    </view>
+</template>
+
+<script>
+// 自定义图形导航
+import DiyMinx from './minx.js'
+export default {
+    name: 'diy-graphic-nav',
+    props: {
+        value: {
+            type: Object
+        }
+    },
+    mixins: [DiyMinx],
+    data() {
+        return {
+            pageWidth: '',
+            indicatorDots: false,
+            swiperCurrent: 0
+        };
+    },
+    created() { },
+    watch: {
+        // 组件刷新监听
+        componentRefresh: function (nval) { }
+    },
+    computed: {
+        componentStyle() {
+            var css = '';
+            css += 'background-color:' + this.value.componentBgColor + ';';
+            if (this.value.componentAngle == 'round') {
+                css += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+                css += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+                css += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+                css += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+            }
+            css += 'box-shadow:' + (this.value.ornament.type == 'shadow' ? '0 0 10rpx ' + this.value.ornament
+                .color :
+                '') + ';';
+            css += 'border:' + (this.value.ornament.type == 'stroke' ? '2rpx solid ' + this.value.ornament.color :
+                '') + ';';
+            return css;
+        },
+        // 滑块容器的高度
+        swiperHeight() {
+            var css = '';
+            var height = 0;
+            if (this.value.mode == 'graphic') {
+                height = (21 + 6 + 14 + 8 + this.value.imageSize) * this.value
+                    .pageCount; // 21 = 文字高度，8 = 文字上边距，14 = 上下内边距，8 = 外边距
+            } else if (this.value.mode == 'img') {
+                height = (14 + 8 + this.value.imageSize) * this.value.pageCount; // 14 = 上下内边距，8 = 外边距
+            } else if (this.value.mode == 'text') {
+                height = (21 + 14 + 8) * this.value.pageCount; // 21 = 文字高度，14 = 上下内边距，8 = 外边距
+            }
+            css += 'height:' + height * 2 + 'rpx';
+            return css;
+        },
+        // 是否显示轮播点
+        isIndicatorDots() {
+            var bool = true;
+            bool = this.value.carousel.type == 'hide' || Math.ceil(this.value.list.length / (this.value.pageCount * this.value.rowCount)) == 1 ? false : true;
+            return bool;
+        }
+    },
+    methods: {
+        redirectTo(link) {
+
+            if (link.wap_url) {
+                if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
+                    this.$refs.login.open(link.wap_url);
+                    return;
+                }
+            }
+            this.$util.diyRedirectTo(link);
+        },
+        swiperChange(e) {
+            this.swiperCurrent = e.detail.current
+        }
+    }
+};
+</script>
+<style>
+/* 固定显示 */
+.graphic-nav.fixed-layout>>>.uni-scroll-view-content {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+/* 单行滑动 */
+.graphic-nav.singleSlide>>>.uni-scroll-view-content {
+    display: flex;
+}
+
+.graphic-nav.pageSlide>>>.uni-swiper-dots-horizontal {
+    bottom: 0rpx;
+}
+
+.graphic-nav.pageSlide.straightLine>>>.uni-swiper-dot {
+    width: 30rpx;
+    border-radius: 0;
+    height: 8rpx;
+}
+
+.graphic-nav.pageSlide.circle>>>.uni-swiper-dot {
+    width: 14rpx;
+    height: 14rpx;
+}
+</style>
+<style lang="scss">
+.graphic-nav {
+    padding: 16rpx;
+    box-sizing: border-box;
+
+    &.singleSlide {
+        .graphic-nav-item {
+            flex-shrink: 0;
+        }
+    }
+
+    &.pageSlide {
+        position: relative;
+
+        .graphic-nav-wrap {
+            display: flex;
+            flex-wrap: wrap;
+            width: 100%;
+            height: 100%;
+        }
+    }
+
+    .graphic-nav-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 14rpx 0;
+        box-sizing: border-box;
+
+        .graphic-text {
+            padding-top: 12rpx;
+            line-height: 1.5;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            width: 100%;
+            text-align: center;
+
+            &.alone {
+                padding-top: 0;
+            }
+        }
+
+        &.text {
+
+            .graphic-text {
+                padding-top: 0;
+            }
+        }
+
+        .graphic-img {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100rpx;
+            height: 100rpx;
+            font-size: 90rpx;
+
+            .tag {
+                position: absolute;
+                top: -10rpx;
+                right: -24rpx;
+                color: #fff;
+                border-radius: 24rpx;
+                border-bottom-left-radius: 0;
+                transform: scale(0.8);
+                padding: 8rpx 16rpx;
+                line-height: 1;
+                font-size: 24rpx;
+            }
+
+            .icon {
+                font-size: 50rpx;
+                color: $color-sub;
+            }
+        }
+    }
+}
+
+.swiper-dot-box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: -20rpx;
+    padding-bottom: 8rpx;
+
+    .swiper-dot {
+        background-color: rgba(0, 0, 0, .3);
+        margin: 8rpx;
+
+        &.active {
+            background-color: rgba(0, 0, 0, 1);
+        }
+
+    }
+
+    &.straightLine {
+        .swiper-dot {
+            width: 30rpx;
+            border-radius: 0;
+            height: 8rpx;
+        }
+    }
+
+    &.circle {
+        .swiper-dot {
+            width: 15rpx;
+            border-radius: 50%;
+            height: 15rpx;
+        }
+    }
+
+}
+</style>

components-diy/diy-group.vue

@@ -0,0 +1,435 @@
+<template>
+	<view data-component-name="diy-group" class="diy-group">
+		<view v-for="(item, index) in diyDataArray" :key="index" :style="item.pageStyle">
+			<view v-if="addonIsExist.store && item.componentName == 'StoreShow'">
+				<!-- 门店展示 -->
+				<diy-store :value="item"></diy-store>
+			</view>
+
+			<template v-if="item.componentName == 'Kefu'">
+				<!-- 客服按钮 -->
+				<diy-kefu :value="item"></diy-kefu>
+			</template>
+
+			<template v-if="item.componentName == 'Form'">
+				<!-- 表单组件 -->
+				<diy-form :value="item"></diy-form>
+			</template>
+
+
+
+			<template v-if="addonIsExist.store && item.componentName == 'StoreLabel'">
+				<!-- 门店标签 -->
+				<diy-store-label :value="item"></diy-store-label>
+			</template>
+
+			<template v-if="item.componentName == 'Picture'">
+				<!-- 单图组组件 -->
+				<diy-picture :value="item"></diy-picture>
+			</template>
+
+			<template v-if="item.componentName == 'Listmenu'">
+				<!-- 列表按钮组件 -->
+				<diy-listmenu :value="item"></diy-listmenu>
+			</template>
+
+			<template v-if="item.componentName == 'Text'">
+				<!-- 文本 -->
+				<diy-text :value="item"></diy-text>
+			</template>
+
+			<template v-if="item.componentName == 'Notice'">
+				<!-- 公告 -->
+				<diy-notice :value="item"></diy-notice>
+			</template>
+
+			<template v-if="item.componentName == 'GraphicNav'">
+				<!-- 图文导航 -->
+				<diy-graphic-nav :value="item"></diy-graphic-nav>
+			</template>
+
+			<template v-if="item.componentName == 'ImageAds'">
+				<!-- 图片广告 -->
+				<diy-img-ads :value="item"></diy-img-ads>
+			</template>
+
+			<template v-if="item.componentName == 'Search'">
+				<!-- 搜索 -->
+				<diy-search :value="item" :topNavColor="topNavColor" :global="diyGlobalData.global"
+					:haveTopCategory="haveTopCategory" :followOfficialAccount="followOfficialAccount"></diy-search>
+			</template>
+
+			<template v-if="item.componentName == 'RichText'">
+				<!-- 富文本 -->
+				<diy-rich-text :value="item"></diy-rich-text>
+			</template>
+
+			<!-- #ifdef H5 -->
+			<template v-if="['Webview', 'WebView'].includes(item.componentName)">
+				<!-- 网页容器 -->
+				<diy-webview :value="item"></diy-webview>
+			</template>
+			<!-- #endif -->
+
+			<template v-if="item.componentName == 'HorzLine'">
+				<!-- 辅助线 -->
+				<diy-horz-line :value="item"></diy-horz-line>
+			</template>
+
+			<template v-if="item.componentName == 'HorzBlank'">
+				<!-- 辅助空白 -->
+				<diy-horz-blank :value="item"></diy-horz-blank>
+			</template>
+
+			<template v-if="item.componentName == 'Coupon' && addonIsExist.coupon">
+				<!-- 优惠券 -->
+				<diy-coupon :value="item"></diy-coupon>
+			</template>
+
+			<template v-if="item.componentName == 'GoodsList'">
+				<!-- 商品列表 -->
+				<diy-goods-list :value="item"></diy-goods-list>
+			</template>
+
+			<template v-if="item.componentName == 'ManyGoodsList'">
+				<!-- 多商品组 -->
+				<diy-many-goods-list :value="item" :global="diyGlobalData.global"
+					:scrollTop="scrollTop"></diy-many-goods-list>
+			</template>
+
+			<template v-if="item.componentName == 'RubikCube'">
+				<!-- 魔方、橱窗 -->
+				<diy-rubik-cube :value="item"></diy-rubik-cube>
+			</template>
+
+			<template v-if="item.componentName == 'Video'">
+				<!-- 视频 -->
+				<diy-video :value="item"></diy-video>
+			</template>
+
+
+
+
+			<template v-if="item.componentName == 'Seckill' && addonIsExist.seckill">
+				<!-- 秒杀 -->
+				<diy-seckill :value="item"></diy-seckill>
+			</template>
+
+			<template v-if="item.componentName == 'Pintuan' && addonIsExist.pintuan">
+				<!-- 拼团 -->
+				<diy-pintuan :value="item"></diy-pintuan>
+			</template>
+
+			<template v-if="item.componentName == 'Groupbuy' && addonIsExist.groupbuy">
+				<!-- 团购 -->
+				<diy-groupbuy :value="item"></diy-groupbuy>
+			</template>
+
+			<!-- 拼团返利 -->
+			<template v-if="item.componentName == 'Pinfan' && addonIsExist.pinfan">
+				<diy-pinfan :value="item"></diy-pinfan>
+			</template>
+
+			<template v-if="item.componentName == 'Bargain' && addonIsExist.bargain">
+				<!-- 砍价 -->
+				<diy-bargain :value="item"></diy-bargain>
+			</template>
+
+			<template v-if="item.componentName == 'Presale' && addonIsExist.bargain">
+				<!-- 预售 -->
+				<diy-presale :value="item"></diy-presale>
+			</template>
+
+			<template v-if="item.componentName == 'Notes' && addonIsExist.notes">
+				<!-- 店铺笔记 -->
+				<diy-notes :value="item"></diy-notes>
+			</template>
+
+			<template v-if="item.componentName == 'FloatBtn'">
+				<!-- 浮动按钮 -->
+				<diy-float-btn :value="item"></diy-float-btn>
+			</template>
+
+			<template v-if="item.componentName == 'LiveInfo'">
+				<!-- 小程序直播 -->
+				<!-- #ifdef MP-WEIXIN -->
+				<diy-live :value="item"></diy-live>
+				<!-- #endif -->
+			</template>
+
+			<template v-if="item.componentName == 'FenxiaoGoodsList'">
+				<!-- 分销商品 -->
+				<diy-fenxiao-goods-list :value="item"></diy-fenxiao-goods-list>
+			</template>
+
+			<template v-if="item.componentName == 'GoodsRecommend'">
+				<!-- 商品推荐 -->
+				<diy-goods-recommend :value="item"></diy-goods-recommend>
+			</template>
+            <template v-if="item.componentName == 'DiyRecommendCode'">
+				<!-- 自定义推荐码组件 -->
+				<diy-recommend-code :value="item"></diy-recommend-code>
+			</template>
+			<template v-if="item.componentName == 'GoodsBrand'">
+				<!-- 商品品牌 -->
+				<diy-goods-brand :value="item"></diy-goods-brand>
+			</template>
+
+			<template v-if="item.componentName == 'Article'">
+				<!-- 文章 -->
+				<diy-article :value="item"></diy-article>
+			</template>
+
+			<template v-if="item.componentName == 'MerchList'">
+				<!-- 商户列表 -->
+				<diy-merch-list :value="item"></diy-merch-list>
+			</template>
+
+			<template v-if="item.componentName == 'MemberInfo'">
+				<!-- 自定义会员中心——会员信息 -->
+				<diy-member-info ref="diyMemberIndex" :value="item" :global="diyGlobalData.global"></diy-member-info>
+			</template>
+
+			<template v-if="item.componentName == 'MemberMyOrder'">
+				<!-- 自定义会员中心——我的订单 -->
+				<diy-member-my-order ref="diyMemberMyOrder" :value="item"></diy-member-my-order>
+			</template>
+
+			<template v-if="item.componentName == 'QuickNav'">
+				<!-- 快捷导航 -->
+				<diy-quick-nav :value="item"></diy-quick-nav>
+			</template>
+
+			<template v-if="item.componentName == 'PaymentQrcode'">
+				<!-- 付款码 -->
+				<diy-payment-qrcode :value="item"></diy-payment-qrcode>
+			</template>
+
+			<template v-if="item.componentName == 'HotArea'">
+				<!-- 热区 -->
+				<diy-hot-area :value="item"></diy-hot-area>
+			</template>
+
+			<template v-if="item.componentName == 'FollowOfficialAccount'">
+				<!-- 关注公众号 -->
+				<diy-follow-official-account :value="item"></diy-follow-official-account>
+			</template>
+
+			<template v-if="item.componentName == 'Map'">
+				<!-- 地图组件 -->
+				<diy-map :value="item"></diy-map>
+			</template>
+
+
+			<template v-if="item.componentName == 'Audio'">
+				<!-- 音频 -->
+				<diy-audio :value="item"></diy-audio>
+			</template>
+
+			<template v-if="item.componentName == 'ImageNav'">
+				<!-- 图片导航 -->
+				<diy-image-nav :value="item"></diy-image-nav>
+			</template>
+
+			<template v-if="item.componentName == 'Digit'">
+				<!-- 数字 -->
+				<diy-digit :value="item"></diy-digit>
+			</template>
+
+			<template v-if="item.componentName == 'VideoList'">
+				<!-- 视频列表 -->
+				<diy-video-list :value="item"></diy-video-list>
+			</template>
+
+			<template v-if="item.componentName == 'BottomNav'">
+				<!-- 底部导航 -->
+				<diy-bottom-nav :value="item"></diy-bottom-nav>
+			</template>
+
+			<template v-if="item.componentName == 'CategoryItem'">
+				<!-- 分类项 -->
+				<diy-category-item :value="item"></diy-category-item>
+			</template>
+
+			<template v-if="item.componentName == 'Category'">
+				<!-- 分类 -->
+				<diy-category :value="item"></diy-category>
+			</template>
+
+			<template v-if="item.componentName == 'Icon'">
+				<!-- 图标 -->
+				<diy-icon :value="item"></diy-icon>
+			</template>
+
+			<template v-if="item.componentName == 'Tab'">
+				<!-- Tab 组件 -->
+				<diy-tab :value="item" :diyGlobal="diyGlobalData"></diy-tab>
+			</template>
+
+			<template v-if="['ChannelList', 'WechatChannel'].includes(item.componentName)">
+				<!-- 视频号列表 -->
+				<diy-channel-list :value="item"></diy-channel-list>
+			</template>
+
+			<!-- 自定义扩展组件 -->
+			<diy-comp-extend :value="item"></diy-comp-extend>
+		</view>
+	</view>
+</template>
+
+<script>
+// 组件组展示
+import DiyMinx from './minx.js'
+
+export default {
+	name: 'diy-group',
+	props: {
+		diyData: {
+			type: Object
+		},
+		scrollTop: {
+			type: [String, Number],
+			default: '0'
+		},
+		haveTopCategory: {
+			type: Boolean
+		},
+		followOfficialAccount: {
+			type: Object
+		},
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			diyGlobalData: this.diyData ? this.$util.deepClone(this.diyData) : null,
+			processedData: null
+		};
+	},
+	watch: {
+		diyData: {
+			handler() {
+				this.diyGlobalData = this.diyData ? this.$util.deepClone(this.diyData) : null;
+				this.processData();
+				this._notifyLoaded();
+			},
+			deep: true
+		}
+	},
+	created() {
+		console.log('[DIY-GROUP][created] hasDiyData=', !!this.diyData, 'valueLen=', this.diyData && this.diyData.value && this.diyData.value.length);
+		this.processData();
+	},
+	mounted() {
+		console.log('[DIY-GROUP][mounted] hasDiyData=', !!this.diyData, 'valueLen=', this.diyData && this.diyData.value && this.diyData.value.length);
+		if (this.diyData && this.diyData.value) {
+			this._notifyLoaded();
+		}
+	},
+	computed: {
+		topNavColor() {
+			if (!this.diyData?.global) return '';
+
+			const { topNavBg, topNavColor } = this.diyData.global;
+			
+			if (topNavBg) {
+				return this.scrollTop > 20 ? topNavColor : 'transparent';
+			}
+			
+			return topNavColor;
+		},
+		diyDataArray() {
+			if (!this.processedData) {
+				this.processData();
+			}
+			
+			const showModuleData = this.$store.state.diyGroupShowModule 
+				? JSON.parse(this.$store.state.diyGroupShowModule) 
+				: null;
+
+			if (!showModuleData || !showModuleData.length) {
+				return this.processedData || [];
+			}
+
+			if (showModuleData.includes('null')) {
+				return [];
+			}
+
+			return (this.processedData || []).filter(item => 
+				showModuleData.includes(item.componentName)
+			);
+		}
+	},
+	methods: {
+		_notifyLoaded() {
+		console.log('[DIY-GROUP][_notifyLoaded] enter, will emit loaded in 300ms');
+		if (this._loadedTimer) clearTimeout(this._loadedTimer);
+		this._loadedTimer = setTimeout(() => {
+			console.log('[DIY-GROUP][_notifyLoaded] emit loaded');
+			this.$emit('loaded');
+		}, 300);
+	},
+		processData() {
+			if (!this.diyGlobalData || !this.diyGlobalData.value) {
+				this.processedData = [];
+				return;
+			}
+			
+			this.processedData = this.diyGlobalData.value.map((item, index) => {
+				const newItem = this.$util.deepClone(item);
+				
+				newItem.pageStyle = '';
+				
+				newItem.moduleIndex = this.diyData.tabIndex !== undefined
+					? `${this.diyData.tabIndex}-${index + 1}`
+					: index + 1;
+
+				if (newItem.componentName !== 'Search' || newItem.positionWay !== 'fixed') {
+					// PR-DIY-SEARCH-MARGIN-COLOR (2026-09-17): 搜索组件的上下左右边距区域颜色
+					// 与搜索框背景色(componentBgColor, 后台自定义)保持一致, 使边距和搜索框融为一体;
+					// 兼容旧数据: 未配置 componentBgColor 时回退 pageBgColor。其余组件仍用 pageBgColor。
+					const wrapBgColor = (newItem.componentName === 'Search' && newItem.componentBgColor)
+						? newItem.componentBgColor
+						: newItem.pageBgColor;
+					newItem.pageStyle = `background-color:${wrapBgColor};`;
+					
+					// 边距归一化: 兼容后台两种数据结构(否则边距不生效)
+					//   ① 标准对象形态 margin = { top, bottom, both } —— 大多数组件
+					//   ② 扁平字段形态 marginTop / marginBottom / marginBoth
+					//      —— 如"滑动图片"(ImageNav), 其 margin 是空数组 [], 左右边距存在 marginBoth 里
+					// both / marginBoth 表示"左右边距"; 数值 → rpx 统一 × 2 (与其它组件一致)
+					const rawMargin = newItem.margin;
+					const objMargin = (rawMargin && typeof rawMargin === 'object' && !Array.isArray(rawMargin)) ? rawMargin : null;
+					const toMarginNum = (v) => { const n = Number(v); return isNaN(n) ? 0 : n; };
+					const pickMargin = (objKey, flatKey) => {
+						if (objMargin && objMargin[objKey] !== undefined && objMargin[objKey] !== null && objMargin[objKey] !== '') {
+							return toMarginNum(objMargin[objKey]);
+						}
+						return toMarginNum(newItem[flatKey]);
+					};
+					const marginTopNum = pickMargin('top', 'marginTop');
+					const marginBottomNum = pickMargin('bottom', 'marginBottom');
+					const marginBothNum = pickMargin('both', 'marginBoth');
+					// 左右: 若有独立的 left/right 字段则优先, 否则用 both(左右一致)
+					const marginLeftNum = (objMargin && objMargin.left !== undefined) ? toMarginNum(objMargin.left)
+						: (newItem.marginLeft !== undefined ? toMarginNum(newItem.marginLeft) : marginBothNum);
+					const marginRightNum = (objMargin && objMargin.right !== undefined) ? toMarginNum(objMargin.right)
+						: (newItem.marginRight !== undefined ? toMarginNum(newItem.marginRight) : marginBothNum);
+
+					newItem.pageStyle += `padding-top:${marginTopNum * 2}rpx;`;
+					newItem.pageStyle += `padding-bottom:${marginBottomNum * 2}rpx;`;
+					newItem.pageStyle += `padding-left:${marginLeftNum * 2}rpx;`;
+					newItem.pageStyle += `padding-right:${marginRightNum * 2}rpx;`;
+				}
+				
+				return newItem;
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.diy-group {
+	width: 100%;
+}
+</style>

components-diy/diy-groupbuy.vue

@@ -0,0 +1,500 @@
+<template>
+	<x-skeleton data-component-name="diy-groupbuy" :type="skeletonType" :loading="loading" :configs="skeletonConfig">
+		<view class="diy-groupbuy" :class="[value.template, value.style]" :style="warpCss">
+			<template v-if="value.template == 'row1-of1'">
+				<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
+					:class="[value.ornament.type]" :style="goodsItemCss">
+					<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+						<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+							:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+							@error="imageError(index)" show-menu-by-longpress>
+						</image>
+					</view>
+					<view class="content"
+						v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl || value.btnStyle.control">
+						<view v-if="value.goodsNameStyle.control" class="goods-name"
+							:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+							:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+							{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+						</view>
+						<view class="discount-price" v-if="value.priceStyle.mainControl">
+							<text class="unit price-style small"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+							<text class="price price-style large"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+									item.groupbuy_price.split('.')[0] }}</text>
+							<text class="unit price-style small"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+									'.' + item.groupbuy_price.split('.')[1] }}</text>
+						</view>
+						<button v-if="value.btnStyle.control" :style="{
+							background: value.btnStyle.theme == 'diy' ? 'linear-gradient(to right,' + value.btnStyle.bgColorStart + ',' + value.btnStyle.bgColorEnd + ')' : '',
+							color: value.btnStyle.theme == 'diy' ? value.btnStyle.textColor : '',
+							borderRadius: value.btnStyle.aroundRadius * 2 + 'rpx'
+						}">
+							{{ value.btnStyle.text }}
+						</button>
+					</view>
+				</view>
+			</template>
+			<template v-if="value.template == 'horizontal-slide'">
+				<scroll-view v-if="value.slideMode == 'scroll'" class="scroll" :scroll-x="true" :show-scrollbar="false">
+					<view class="item" v-for="(item, index) in list" :key="index" @tap.stop="toDetail(item)"
+						:class="[value.ornament.type]" :style="goodsItemCss">
+						<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+							<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+								:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+								@error="imageError(index)"  show-menu-by-longpress/>
+							<image class="bg" v-if="value.saleStyle.control"
+								:src="$util.img('public/uniapp/groupbuy/bg.png')" mode="widthFix" />
+							<view class="num" v-if="value.saleStyle.control"
+								:style="{ color: value.theme == 'diy' ? value.saleStyle.color : '' }">
+								已团{{ item.sell_num }}件
+							</view>
+						</view>
+						<view :class="['content', { 'multi-content': value.nameLineMode == 'multiple' }]"
+							v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl">
+							<view v-if="value.goodsNameStyle.control" class="goods-name"
+								:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+								:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+								{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+							</view>
+							<view class="discount-price" v-if="value.priceStyle.mainControl">
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+								<text class="price price-style large"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+										item.groupbuy_price.split('.')[0] }}</text>
+								<text class="unit price-style small"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+										'.' + item.groupbuy_price.split('.')[1] }}</text>
+							</view>
+							<view class="original-price price-font" v-if="value.priceStyle.lineControl"
+								:style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">¥{{
+									item.price }}</view>
+						</view>
+					</view>
+				</scroll-view>
+
+				<swiper v-if="value.slideMode == 'slide'" :autoplay="false" class="swiper"
+					:style="{ height: swiperHeight }">
+					<swiper-item v-for="(pageItem, pageIndex) in page" :key="pageIndex"
+						:class="['swiper-item', (list.length && [list[pageIndex].length / 3] >= 1) && 'flex-between']">
+						<view class="item" v-for="(item, dataIndex) in list[pageIndex]" :key="dataIndex"
+							@tap.stop="toDetail(item)" :class="[value.ornament.type]" :style="goodsItemCss">
+							<view class="img-wrap" :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }">
+								<image :style="{ borderRadius: value.imgAroundRadius * 2 + 'rpx' }"
+									:src="$util.img(item.goods_image, { size: 'mid' })" mode="widthFix"
+									@error="imageError(dataIndex)"  show-menu-by-longpress/>
+								<image class="bg" v-if="value.saleStyle.control"
+									:src="$util.img('public/uniapp/groupbuy/bg.png')" mode="widthFix" />
+								<view class="num" v-if="value.saleStyle.control"
+									:style="{ color: value.theme == 'diy' ? value.saleStyle.color : '' }">已团{{
+										item.sell_num }}件</view>
+							</view>
+							<view :class="['content', { 'multi-content': value.nameLineMode == 'multiple' }]"
+								v-if="value.goodsNameStyle.control || value.priceStyle.mainControl || value.priceStyle.lineControl">
+								<view v-if="value.goodsNameStyle.control" class="goods-name"
+									:style="{ color: value.theme == 'diy' ? value.goodsNameStyle.color : '', fontWeight: value.goodsNameStyle.fontWeight ? 'bold' : '' }"
+									:class="[{ 'using-hidden': value.nameLineMode == 'single' }, { 'multi-hidden': value.nameLineMode == 'multiple' }]">
+									{{ isEnEnv ? item.en_goods_name : item.goods_name }}
+								</view>
+								<view class="discount-price" v-if="value.priceStyle.mainControl">
+									<text class="unit price-style small"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">¥</text>
+									<text class="price price-style large"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+											item.groupbuy_price.split('.')[0] }}</text>
+									<text class="unit price-style small"
+										:style="{ color: value.theme == 'diy' ? value.priceStyle.mainColor + '!important' : '' }">{{
+											'.' + item.groupbuy_price.split('.')[1] }}</text>
+								</view>
+								<view class="original-price price-font" v-if="value.priceStyle.lineControl"
+									:style="{ color: value.theme == 'diy' ? value.priceStyle.lineColor : '' }">¥{{
+										item.price }}</view>
+							</view>
+						</view>
+					</swiper-item>
+				</swiper>
+			</template>
+		</view>
+	</x-skeleton>
+</template>
+
+<script>
+// 自定义团购展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-groupbuy',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			loading: true,
+			skeletonType: '',
+			skeletonConfig: {},
+			list: [],
+			page: 1
+		};
+	},
+	created() {
+		this.initSkeleton();
+		this.getData();
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			this.getData();
+		}
+	},
+	computed: {
+		warpCss() {
+			var obj = '';
+			obj += 'background-color:' + this.value.componentBgColor + ';';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		},
+		// 商品项样式
+		goodsItemCss() {
+			var obj = '';
+			obj += 'background-color:' + this.value.elementBgColor + ';';
+			if (this.value.elementAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			if (this.value.ornament.type == 'shadow') {
+				obj += 'box-shadow:' + '0 0 10rpx ' + this.value.ornament.color + ';';
+			}
+			if (this.value.ornament.type == 'stroke') {
+				obj += 'border:' + '2rpx solid ' + this.value.ornament.color + ';';
+			}
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			if (this.value.template == 'horizontal-slide') {
+				var width = '';
+				if (this.value.slideMode == 'scroll' && this.value.goodsMarginType == 'diy') width = this.rpxUpPx(this
+					.value.goodsMarginNum * 2);
+				else width = [screenWidth - this.rpxUpPx(20) * 2 - this.rpxUpPx(200) * 3 - this.rpxUpPx(this.value
+					.margin.both * 2) * 2] / 6;
+				obj += 'margin-left:' + width + 'px;';
+				obj += 'margin-right:' + width + 'px;';
+			}
+			return obj;
+		},
+		swiperHeight() {
+			if (this.value.nameLineMode == 'multiple') return this.value.ornament.type == 'shadow' ? '404rpx' :
+				'392rpx';
+			return this.value.ornament.type == 'shadow' ? '376rpx' : '368rpx';
+		}
+	},
+	methods: {
+		initSkeleton() {
+			if (this.value.template == 'row1-of1') {
+
+				// 单列 风格
+				this.skeletonType = 'list';
+				this.skeletonConfig = {
+					textRows: 2
+				};
+
+			} else if (this.value.template == 'horizontal-slide') {
+
+				// 横向滑动 风格
+				this.skeletonType = 'waterfall';
+				this.skeletonConfig = {
+					gridRows: 1,
+					gridColumns: 3,
+					headHeight: '200rpx',
+					textRows: 2,
+					textWidth: ['100%', '80%']
+				};
+
+			}
+		},
+		rpxUpPx(res) {
+			const screenWidth = uni.getSystemInfoSync().windowWidth;
+			var data = (screenWidth * parseInt(res)) / 750;
+			return Math.floor(data);
+		},
+		getData() {
+			var data = {
+				num: this.value.count
+			};
+			if (this.value.sources == 'diy') {
+				data.num = 0;
+				data.goods_id_arr = this.value.goodsId.toString();
+			}
+			this.$api.sendRequest({
+				url: '/groupbuy/api/goods/lists',
+				data: data,
+				success: res => {
+					if (res.code == 0) {
+						this.list = res.data;
+
+						// 切屏滚动，每页显示固定数量
+						if (this.value.template == 'horizontal-slide' && this.value.slideMode == 'slide') {
+							let size = 3;
+							let temp = [];
+							this.page = Math.ceil(this.list.length / size);
+							for (var i = 0; i < this.page; i++) {
+								temp[i] = [];
+								for (var j = i * size; j < this.list.length; j++) {
+									if (temp[i].length == size) break;
+									temp[i].push(this.list[j]);
+								}
+							}
+							this.list = temp;
+						}
+						this.loading = false;
+					}
+				}
+			});
+		},
+		toDetail(e) {
+			this.$util.redirectTo('/pages_promotion/groupbuy/detail', {
+				groupbuy_id: e.groupbuy_id
+			});
+		},
+		imageError(index) {
+			this.list[index].goods_image = this.$util.getDefaultImage().goods;
+			this.$forceUpdate();
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+::v-deep .uni-scroll-view ::-webkit-scrollbar {
+	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
+	display: none;
+	width: 0;
+	height: 0;
+	color: transparent;
+	background: transparent;
+}
+
+::v-deep ::-webkit-scrollbar {
+	display: none;
+	width: 0;
+	height: 0;
+	color: transparent;
+	background: transparent;
+}
+
+scroll-view ::-webkit-scrollbar {
+	width: 0;
+	height: 0;
+	background-color: transparent;
+	touch-action: none;
+}
+
+.diy-groupbuy {
+	&.row1-of1 {
+		.item {
+			display: flex;
+			margin-bottom: 20rpx;
+			padding: 16rpx;
+
+			&.shadow {
+				margin: 8rpx 8rpx 20rpx 8rpx;
+			}
+
+			&:last-child {
+				margin-bottom: 0;
+				padding-bottom: 20rpx;
+			}
+
+			.img-wrap {
+				width: 200rpx;
+				height: 200rpx;
+
+				>image {
+					width: 200rpx;
+				}
+			}
+
+			.goods-name {
+				margin-top: 6rpx;
+				line-height: 1.5;
+			}
+
+			.content {
+				flex: 1;
+				margin-left: 20rpx;
+				position: relative;
+
+				.discount-price {
+					white-space: nowrap;
+					font-weight: bold;
+					position: absolute;
+					bottom: 20rpx;
+					left: 0;
+					display: flex;
+					align-items: baseline;
+					line-height: 1;
+
+					.unit {
+						font-size: $font-size-tag;
+						margin-right: 4rpx;
+						color: $base-color;
+					}
+
+					.price {
+						font-size: $font-size-toolbar;
+						color: $base-color;
+					}
+				}
+
+				button {
+					position: absolute;
+					bottom: 10rpx;
+					right: 20rpx;
+					margin: 0;
+					padding: 0 20rpx;
+					background-color: $base-color;
+					color: #fff;
+					min-width: 112rpx;
+					height: 52rpx;
+					line-height: 52rpx;
+					font-size: $font-size-tag;
+				}
+			}
+		}
+	}
+
+	&.horizontal-slide {
+		.scroll {
+			width: calc(100% - 40rpx);
+			padding: 20rpx;
+			line-height: 1;
+			white-space: nowrap;
+
+			.item.shadow {
+				margin-bottom: 8rpx;
+			}
+		}
+
+		.flex-between {
+			justify-content: space-between;
+		}
+
+		.item {
+			display: inline-block;
+			width: 200rpx;
+			overflow: hidden;
+			box-sizing: border-box;
+
+			&:nth-child(3n + 3) {
+				width: 198rpx;
+			}
+
+			&.shadow {
+				margin-top: 8rpx;
+			}
+
+			.img-wrap {
+				width: 200rpx;
+				height: 200rpx;
+				position: relative;
+				overflow: hidden;
+				margin: 0 auto;
+
+				>image {
+					width: 200rpx;
+				}
+
+				.bg {
+					position: absolute;
+					width: 100%;
+					height: 60rpx;
+					bottom: 0;
+					left: 0;
+					z-index: 2;
+				}
+
+				.num {
+					width: 180rpx;
+					position: absolute;
+					bottom: 10rpx;
+					padding-left: 20rpx;
+					font-size: 20rpx;
+					line-height: 1;
+					color: #ffffff;
+					z-index: 3;
+				}
+			}
+
+			.content {
+				padding: 10rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+
+				&.multi-content {
+					height: 158rpx;
+					box-sizing: border-box;
+				}
+
+				.goods-name {
+					line-height: 1.3;
+
+					&.multi-hidden {
+						white-space: break-spaces;
+					}
+				}
+
+				.discount-price {
+					white-space: nowrap;
+					margin-top: auto;
+					font-weight: bold;
+					line-height: 1;
+
+					.unit {
+						font-size: $font-size-tag;
+						margin-right: 4rpx;
+						color: $base-color;
+					}
+
+					.price {
+						font-size: $font-size-toolbar;
+						color: $base-color;
+					}
+				}
+
+				.original-price {
+					font-size: $font-size-tag;
+					color: $color-tip;
+					line-height: 1;
+					text-decoration: line-through;
+				}
+			}
+		}
+
+		.swiper {
+			width: 100%;
+			white-space: nowrap;
+			padding: 20rpx;
+			box-sizing: border-box;
+
+			.swiper-item {
+				display: flex;
+				align-items: center;
+			}
+
+			.item {
+				width: 200rpx;
+			}
+		}
+	}
+}
+</style>

components-diy/diy-horz-blank.vue

@@ -4,6 +4,7 @@
 
 <script>
 // 辅助空白
+import DiyMinx from './minx.js'
 export default {
 	name: 'diy-horz-blank',
 	props: {
@@ -11,15 +12,16 @@ export default {
 			type: Object
 		}
 	},
+	mixins: [DiyMinx],
 	data() {
 		return {};
 	},
 	watch: {
 		// 组件刷新监听
-		componentRefresh: function(nval) {}
+		componentRefresh: function (nval) { }
 	},
 	computed: {
-		horzBlankGaugeWrap: function() {
+		horzBlankGaugeWrap: function () {
 			var obj = '';
 			obj += 'background-color:' + this.value.componentBgColor + ';';
 			if (this.value.componentAngle == 'round') {
@@ -32,7 +34,7 @@ export default {
 			return obj;
 		}
 	},
-	created() {},
+	created() { },
 	methods: {}
 };
 </script>

components-diy/diy-horz-line.vue

@@ -1,9 +1,11 @@
 <template>
-	<view data-component-name="diy-horz-line" :style="{ borderTop: '2rpx ' + value.borderStyle + ' ' + value.color }"></view>
+	<view data-component-name="diy-horz-line" :style="{ borderTop: '2rpx ' + value.borderStyle + ' ' + value.color }">
+	</view>
 </template>
 
 <script>
 // 辅助线
+import DiyMinx from './minx.js'
 export default {
 	name: 'diy-horz-line',
 	props: {
@@ -11,12 +13,13 @@ export default {
 			type: Object
 		}
 	},
+	mixins: [DiyMinx],
 	data() {
 		return {};
 	},
 	watch: {
 		// 组件刷新监听
-		componentRefresh: function(nval) {}
+		componentRefresh: function (nval) { }
 	},
 	methods: {}
 };

components-diy/diy-hot-area.vue

@@ -0,0 +1,77 @@
+<template>
+	<view data-component-name="diy-hot-area" :style="hotAreaWarp" class="hot-area-box">
+		<view class="simple-graph-wrap">
+			<image :style="{ height: value.imgHeight }" :src="$util.img(value.imageUrl)" mode="widthFix"
+				show-menu-by-longpress />
+			<!-- 热区功能 -->
+			<view class="heat-map" v-for="(mapItem, mapIndex) in value.heatMapData" :key="mapIndex" :style="{
+				width: mapItem.width + '%',
+				height: mapItem.height + '%',
+				left: mapItem.left + '%',
+				top: mapItem.top + '%'
+			}" @tap.stop="$util.diyRedirectTo(mapItem.link)"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+// 热区展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-hot-area',
+	props: {
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {};
+	},
+	created() { },
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) { }
+	},
+	computed: {
+		hotAreaWarp: function () {
+			var obj = '';
+			obj = 'background-color:' + this.value.componentBgColor + ';';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		}
+	},
+	methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+.hot-area-box {
+	position: relative;
+	width: 100%;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.simple-graph-wrap {
+	line-height: 0;
+	overflow: hidden;
+	position: relative;
+
+	image {
+		width: 100%;
+	}
+
+	.heat-map {
+		position: absolute;
+	}
+}
+</style>

components-diy/diy-icon.vue

@@ -0,0 +1,88 @@
+<template>
+	<view data-component-name="diy-icon" class="diy-icon" :style="iconBgStyle">
+		<text class="js-icon" :class="iconClass" :style="iconStyle"></text>
+	</view>
+</template>
+
+<script>
+// 图标展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-icon',
+	props: {
+		icon: {
+			type: String,
+			default: ''
+		},
+		value: {
+			type: Object,
+			default: function () {
+				return null;
+			}
+		}
+	},
+	mixins: [DiyMinx],
+	computed: {
+		iconClass() {
+			var _class = ' ' + this.icon;
+			if (this.value && this.value.iconColor.length > 1) _class += ' gradient';
+			return _class;
+		},
+		iconBgStyle() {
+			if (!this.value) return {};
+
+			var style = {
+				'border-radius': this.value.bgRadius + '%',
+				'background': ''
+			};
+
+			if (this.value.iconBgImg) style['background'] += 'url(' + this.$util.img(this.value.iconBgImg) + ') no-repeat bottom / contain'
+			if (this.value.iconBgColor.length) {
+				if (style.background) style.background += ',';
+				if (this.value.iconBgColor.length == 1) {
+					style.background += this.value.iconBgColor[0];
+				} else {
+					style['background'] += 'linear-gradient(' + this.value.iconBgColorDeg + 'deg, ' + this.value.iconBgColor.join(',') + ')';
+				}
+			}
+			return this.$util.objToStyle(style);
+		},
+		iconStyle() {
+			if (!this.value) return {};
+
+			var style = {
+				'font-size': this.value.fontSize + '%'
+			}
+			if (this.value.iconColor.length == 1) {
+				style.color = this.value.iconColor[0];
+			} else {
+				style['background'] = 'linear-gradient(' + this.value.iconColorDeg + 'deg, ' + this.value.iconColor.join(',') + ')';
+			}
+			return this.$util.objToStyle(style);
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.diy-icon {
+	width: 100%;
+	height: 100%;
+	font-size: 100%;
+	color: #000;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	.js-icon {
+		font-size: 50%;
+		line-height: 1;
+		padding: 1rpx;
+
+		&.gradient {
+			-webkit-background-clip: text !important;
+			-webkit-text-fill-color: transparent;
+		}
+	}
+}
+</style>

components-diy/diy-img-ads.vue

@@ -0,0 +1,317 @@
+<template>
+	<view data-component-name="diy-img-ads" class="single-graph">
+		<view :style="imgAdsMarginWarp" class="swiper-box">
+			<block v-if="imgAdsValue.list.length == 1">
+				<view class="simple-graph-wrap" :style="imgAdsSwiper" @tap.stop="handlerClick(imgAdsValue.list[0].link)">
+					<image :style="{ height: imgAdsValue.list[0].imgHeight }"
+						:src="$util.img(imgAdsValue.list[0].imageUrl)" mode="widthFix" show-menu-by-longpress />
+				</view>
+			</block>
+			<swiper v-else class="swiper" :style="{ height: swiperHeight }" :class="{
+				'swiper-left': imgAdsValue.indicatorLocation == 'left',
+				'swiper-right': imgAdsValue.indicatorLocation == 'right',
+				'ns-indicator-dots': imgAdsValue.carouselStyle == 'line'
+			}" :autoplay="true" :interval="imgAdsValue.interval" circular="true" :indicator-dots="isDots"
+				indicator-color="rgba(130, 130, 130, .5)" :indicator-active-color="imgAdsValue.indicatorColor"
+				@change="swiperChange">
+				<swiper-item class="swiper-item" :style="imgAdsSwiper" v-for="(item, index) in imgAdsValue.list"
+					:key="index" v-if="item.imageUrl" @tap.stop="handlerClick(item.link)">
+					<view class="item" :style="imgAdsSwiper + 'height: ' + item.imgHeight">
+						<image :src="$util.img(item.imageUrl)" :mode="item.imageMode || 'scaleToFill'"
+							show-menu-by-longpress />
+					</view>
+				</swiper-item>
+			</swiper>
+			<!-- #ifdef MP-WEIXIN -->
+			<view v-if="imgAdsValue.list.length > 1 && value.indicatorIsShow" :class="[
+				'swiper-dot-box',
+				{ straightLine: imgAdsValue.carouselStyle == 'line' },
+				{ 'swiper-left': imgAdsValue.indicatorLocation == 'left' },
+				{ 'swiper-right': imgAdsValue.indicatorLocation == 'right' }
+			]">
+				<view v-for="(numItem, numIndex) in imgAdsValue.list.length" :key="numIndex"
+					:class="['swiper-dot', { active: numIndex == swiperIndex }]"
+					:style="[numIndex == swiperIndex && { backgroundColor: imgAdsValue.indicatorColor }]"></view>
+			</view>
+			<!-- #endif -->
+		</view>
+	</view>
+</template>
+
+<script>
+// 图片广告
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-img-ads',
+	props: {
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	data() {
+		return {
+			isDots: true,
+			swiperHeight: 0,
+			imgAdsValue: null, // 深拷贝一遍数据，防止动态计算图片展示尺寸的时候，影响到父级的数据，导致二次渲染的时候，数据错误
+			swiperIndex: 0
+		};
+	},
+	created() {
+		this.calcSingleRow();
+	},
+	mixins: [DiyMinx],
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) { }
+	},
+	computed: {
+		imgAdsMarginWarp: function () {
+			var obj = '';
+			obj = 'background-color:' + this.value.componentBgColor + ';';
+			return obj;
+		},
+		imgAdsSwiper: function () {
+			var obj = '';
+			if (this.value.componentAngle == 'round') {
+				obj += 'border-top-left-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-top-right-radius:' + this.value.topAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-left-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+				obj += 'border-bottom-right-radius:' + this.value.bottomAroundRadius * 2 + 'rpx;';
+			}
+			return obj;
+		},
+		singleGraphBg: function () {
+			var imgArr = [];
+			for (let i = 0; i < this.imgAdsValue.list.length; i++) {
+				let item = this.imgAdsValue.list[i];
+				imgArr[i] = parseFloat(item.imgHeight);
+			}
+			imgArr.sort(function (a, b) {
+				return b - a;
+			});
+			var obj = '';
+			obj += 'background-color:' + this.imgAdsValue.backgroundColor + ';';
+			obj += 'height:' + imgArr[0] * (this.imgAdsValue.backgroundHeight / 100) * 2 + 'rpx;';
+			return obj;
+		}
+	},
+	methods: {
+		swiperChange(e) {
+			this.swiperIndex = e.detail.current;
+		},
+		calcSingleRow() {
+			let minHeight = 0;
+			let systemInfo = uni.getSystemInfoSync()
+			// 深拷贝一层数据，防止数据更改越权
+			this.imgAdsValue = JSON.parse(JSON.stringify(this.value));
+			this.imgAdsValue.list.forEach((item, index) => {
+				var ratio = item.imgHeight / item.imgWidth;
+				item.imgWidth = systemInfo.windowWidth;
+				item.imgWidth -= this.value.margin.both * 2;
+				item.imgHeight = item.imgWidth * ratio;
+
+				// 获取最大高度 if (maxHeight == 0 || maxHeight < item.imgHeight) maxHeight = item.imgHeight;
+				if (minHeight == 0 || minHeight > item.imgHeight) minHeight = item.imgHeight;
+			});
+
+			this.imgAdsValue.list.forEach((item, index) => {
+				item.imgHeight = minHeight + 'px';
+				this.swiperHeight = minHeight + 'px';
+			});
+			this.imgAdsValue.indicatorColor = this.imgAdsValue.indicatorColor || '#fff';
+
+			if (this.value.indicatorIsShow === undefined) {
+				this.value.indicatorIsShow = true; // 控制指示点是否展示
+			}
+
+			// 是否显示指示器
+			if (this.imgAdsValue.list.length <= 1) {
+				this.isDots = false;
+			}
+
+			// #ifdef H5
+			this.isDots = this.value.indicatorIsShow;
+			// #endif
+
+			// #ifdef MP-WEIXIN
+			this.isDots = false;
+			// #endif
+		},
+		async handlerClick(link) {
+			await this.__$emitEvent({
+				eventName: 'img-ads-tap', data: link, promiseCallback: (event, handler, awaitedResult) => {
+					if (!awaitedResult) return;
+					this.$util.diyRedirectTo(link);
+				}
+			})
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.single-graph {
+	width: 100%;
+	line-height: 0;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: center;
+	box-sizing: border-box;
+}
+
+.simple-graph-wrap {
+	line-height: 0;
+	overflow: hidden;
+	position: relative;
+
+	image {
+		width: 100%;
+	}
+
+	.heat-map {
+		position: absolute;
+	}
+}
+
+.item.active text {
+	background: rgba(0, 0, 0, 0.3);
+	position: absolute;
+	bottom: 0;
+	color: #ffffff;
+	font-size: $font-size-tag;
+	width: 100%;
+	left: 0;
+	line-height: 40rpx;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	padding: 0 10rpx;
+	text-align: center;
+}
+
+.swiper-box {
+	position: relative;
+	width: 100%;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.swiper {
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+.swiper-item {
+	width: 100%;
+	height: auto !important;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	// position: relative;
+	overflow: hidden;
+
+	.item {
+		width: 100%;
+		height: auto;
+		text-align: center;
+		position: relative;
+		overflow: hidden;
+
+		image {
+			width: 100%;
+			max-width: 100%;
+			height: 100%;
+			will-change: transform;
+		}
+
+		.heat-map {
+			position: absolute;
+		}
+	}
+}
+
+.swiper-dot-box {
+	position: absolute;
+	bottom: 20rpx;
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0 40rpx 8rpx;
+	box-sizing: border-box;
+
+	&.swiper-left {
+		justify-content: flex-start;
+	}
+
+	&.swiper-right {
+		justify-content: flex-end;
+	}
+
+	.swiper-dot {
+		background-color: #b2b2b2;
+		width: 15rpx;
+		border-radius: 50%;
+		height: 15rpx;
+		margin: 8rpx;
+
+		&.active {
+			background-color: rgba(0, 0, 0, 1);
+		}
+	}
+
+	&.straightLine {
+		.swiper-dot {
+			width: 18rpx;
+			height: 6rpx;
+			border-radius: 4rpx;
+
+			&.active {
+				width: 36rpx;
+				background-color: rgba(0, 0, 0, 1);
+			}
+		}
+	}
+}
+
+/* 隐藏滚动条，但依旧具备可以滚动的功能 */
+::v-deep .uni-scroll-view::-webkit-scrollbar {
+	display: none;
+}
+
+.swiper ::v-deep .uni-swiper-dots-horizontal {
+	bottom: 25rpx;
+}
+
+.swiper-left ::v-deep .uni-swiper-dots-horizontal {
+	left: 40rpx;
+	transform: translate(0);
+}
+
+.swiper-right ::v-deep .uni-swiper-dots-horizontal {
+	right: 40rpx;
+	display: flex;
+	justify-content: flex-end;
+	transform: translate(0);
+}
+
+.carousel-angle ::v-deep .uni-swiper-dots-horizontal .uni-swiper-dot {
+	width: 24rpx;
+	border-radius: 0;
+	height: 8rpx;
+}
+
+.swiper.ns-indicator-dots ::v-deep .uni-swiper-dot {
+	width: 18rpx;
+	height: 6rpx;
+	border-radius: 4rpx;
+}
+
+.swiper.ns-indicator-dots ::v-deep .uni-swiper-dot-active {
+	width: 36rpx;
+}
+</style>

components-diy/diy-index-page.vue

@@ -0,0 +1,866 @@
+<template>
+	<view data-component-name="diy-index-page">
+		<view class="bg" :style="warpCss">
+			<view class="index-page-content">
+				<view class="nav-top-category" :style="categoryCss">
+					<scroll-view v-if="value" scroll-with-animation class="diyIndex" scroll-x="true"
+						:scroll-into-view="'a' + pageIndex"
+						:style="{ background: value.backgroundColor ? value.backgroundColor : '', width: 'calc(100% - 48rpx)' }"
+						@touchmove.stop>
+						<view class="item" :id="'a' + index" v-for="(item, index) in cateList" :key="index"
+							@tap.stop="changePageIndex(index)" :class="{ fill: value.styleType == 'fill' }"
+							:style="{ background: index == pageIndex && value.styleType == 'fill' ? value.selectColor : '' }">
+							<view class="text-con" :class="index == pageIndex ? 'active' : ''" :style="{
+								color: index == pageIndex ? '' : value.noColor
+							}" v-if="value.styleType == 'fill'">
+								{{ item.short_name ? item.short_name : item.category_name }}
+							</view>
+							<view class="text-con" :class="index == pageIndex ? 'active' : ''"
+								:style="{ color: index == pageIndex ? value.selectColor : value.noColor }" v-else>
+								{{ item.short_name ? item.short_name : item.category_name }}
+							</view>
+							<view class="color-base-bg line" v-if="index == pageIndex && value.styleType != 'fill'"
+								:style="{ background: value.selectColor ? value.selectColor + '!important' : 'rgba(0,0,0,0)' + '!important' }">
+							</view>
+						</view>
+					</scroll-view>
+					<text class="iconfont icon-unfold unfold-arrows" :style="{ color: value.moreColor }"
+						@tap.stop="unfoldMenu"></text>
+				</view>
+				<uni-popup ref="navTopCategoryPop" type="top" :top="uniPopTop">
+					<view class="nav-topcategory-pop">
+						<text v-for="(item, index) in cateList" :key="index"
+							:class="['category-item', { 'color-base-text color-base-border active': pageIndex == index }]"
+							@tap.stop="changePageIndex(index)">
+							{{ item.short_name ? item.short_name : item.category_name }}
+						</text>
+					</view>
+				</uni-popup>
+				<view class="nav_top_category-fill" :style="{ height: moduleHeight }"></view>
+				<block v-if="pageIndex == 0">
+					<slot name="components"></slot>
+					<slot></slot>
+				</block>
+				<block v-else>
+					<slot name="components"></slot>
+					<view class="index-category-box">
+						<view class="category-goods" v-show="!isloading">
+							<mescroll-uni :top="uniPopTop" ref="mescroll" @getData="getGoodsList"
+								:background="'url(' + $util.img(bgUrl) + ') 0px -50px / 100% no-repeat'"
+								:paddingBoth="'30rpx'" @touchmove.prevent.stop>
+								<block slot="list">
+									<!-- 二级分类 -->
+									<view class="twoCategorylist"
+										v-if="twoCategorylist != 'undefined' && twoCategorylist && twoCategorylist.length > 0">
+										<view class="twoCategory min" v-if="twoCategorylist.length <= 5">
+											<view class="twoCategory-page">
+												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
+													:key="index" @tap.stop="toCateGoodsList(item.category_id_2, 2)">
+													<view class="item-box">
+														<image :src="$util.img(item.image)" v-if="item.image"
+															mode="aspectFill"  show-menu-by-longpress/>
+														<image :src="$util.getDefaultImage().goods" v-else
+															mode="aspectFill"  show-menu-by-longpress/>
+														<view>{{ item.category_name }}</view>
+													</view>
+												</view>
+											</view>
+										</view>
+										<view class="twoCategory base"
+											v-if="twoCategorylist.length > 5 && twoCategorylist.length <= 10">
+											<view class="twoCategory-page">
+												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
+													:key="index" @tap.stop="toCateGoodsList(item.category_id_2, 2)">
+													<view class="item-box">
+														<image :src="$util.img(item.image)" v-if="item.image"
+															mode="aspectFill"  show-menu-by-longpress/>
+														<image :src="$util.getDefaultImage().goods" v-else
+															mode="aspectFill"  show-menu-by-longpress/>
+														<view>{{ item.category_name }}</view>
+													</view>
+												</view>
+											</view>
+										</view>
+										<swiper class="twoCategory big" :duration="500"
+											v-if="twoCategorylist.length > 10" @change="swiperTocategoryChange">
+											<swiper-item class="twoCategory-page" v-for="page in maxPage" :key="page">
+												<view class="swiper-item" v-for="(item, index) in twoCategorylist"
+													:key="index" v-if="index >= (page - 1) * 10 && index < page * 10"
+													@tap.stop="toCateGoodsList(item.category_id_2, 2)">
+													<view class="item-box">
+														<image :src="item.image" mode="aspectFill"  show-menu-by-longpress/>
+														<view>{{ item.category_name }}</view>
+													</view>
+												</view>
+											</swiper-item>
+										</swiper>
+										<view class="dot-box">
+											<view class="dot-item" v-for="page in maxPage" v-if="maxPage > 1"
+												:key="page"
+												:class="twoCategorylistId == page - 1 ? 'active color-base-bg' : ''">
+											</view>
+										</view>
+									</view>
+
+									<!-- 分类广告 -->
+									<image class="category_adv" v-if="cateList[pageIndex].image_adv"
+										:src="$util.img(cateList[pageIndex].image_adv)" mode="widthFix"  show-menu-by-longpress/>
+
+									<view class="goods-list double-column" v-if="goodsList[pageIndex].list.length">
+										<view class="goods-item" v-for="(item, index) in goodsList[pageIndex].list"
+											:key="index" @tap.stop="toDetail(item)">
+											<view class="goods-img">
+												<image :src="goodsImg(item.goods_image)" mode="widthFix"
+													@error="imgError(index)"  show-menu-by-longpress/>
+												<view class="color-base-bg goods-tag"
+													v-if="value.goodsTag == 'default' && goodsTag(item) != ''">{{
+														goodsTag(item) }}</view>
+												<view class="goods-tag-img" v-if="value.goodsTag == 'diy'">
+													<image :src="$util.img(value.tagImg.imageUrl)"  show-menu-by-longpress/>
+												</view>
+											</view>
+											<view class="info-wrap">
+												<view class="name-wrap">
+													<view class="goods-name">{{ isEnEnv ? item.en_goods_name : item.goods_name }}</view>
+												</view>
+												<view class="lineheight-clear">
+													<view class="discount-price">
+														<text class="unit color-base-text font-size-tag">{{
+															$lang('common.currencySymbol') }}</text>
+														<text class="price color-base-text font-size-toolbar">{{
+															showPrice(item) }}</text>
+													</view>
+													<view class="member-price-tag"
+														v-if="item.member_price && item.member_price == showPrice(item)">
+														<image :src="$util.img('public/uniapp/index/VIP.png')"
+															mode="widthFix"  show-menu-by-longpress/>
+													</view>
+													<view class="member-price-tag" v-else-if="item.promotion_type == 1">
+														<image :src="$util.img('public/uniapp/index/discount.png')"
+															mode="widthFix"  show-menu-by-longpress/>
+													</view>
+												</view>
+												<view class="pro-info">
+													<view class="delete-price font-size-activity-tag color-tip"
+														v-if="showMarketPrice(item)">
+														<text class="unit">{{ $lang('common.currencySymbol') }}</text>
+														<text>{{ showMarketPrice(item) }}</text>
+													</view>
+													<view class="sale font-size-activity-tag color-tip">{{
+														$lang('components-diy.diy-index-page.soldCount', { count: item.sale_num, unit: item.unit || $lang('components-diy.diy-index-page.soldUnit') }) }}</view>
+												</view>
+											</view>
+										</view>
+									</view>
+									<view v-if="!isloading && goodsList[pageIndex].list.length == 0">
+										<ns-empty :text="$lang('components-diy.diy-index-page.noGoodsInCategory')" :isIndex="false"></ns-empty>
+									</view>
+								</block>
+							</mescroll-uni>
+
+							<!-- <ns-empty v-else-if="!isloading" :isIndex="false" text="该分类下暂无商品"></ns-empty> -->
+						</view>
+						<view class="loading" v-show="isloading"><ns-loading ref="loading"></ns-loading></view>
+					</view>
+				</block>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-index-page',
+	props: {
+		value: {
+			type: Object
+		},
+		bgUrl: {
+			type: String
+		},
+		scrollTop: {
+			type: [String, Number],
+			default: '0'
+		},
+		diyGlobal: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			pageIndex: 0, //当前选中分类id
+			cateList: [{
+				//header分类
+				category_name: ''
+			}],
+			twoCategorylist: [], //二级分类
+			twoCategorylistId: 0, //二级分类所在的swiper
+			goodsList: {},
+			isloading: true,
+			top: 0,
+			isUnfold: true, //是否展开菜单
+			moduleHeight: '' //组件高度
+		};
+	},
+	computed: {
+		warpCss() {
+			var obj = '';
+			obj += (this.bgUrl ? 'background:' + 'url(' + this.$util.img(this.bgUrl) + ') no-repeat 0 0/100%' : '') + ';';
+			return obj;
+		},
+		categoryCss() {
+			var obj = '';
+			obj += 'top:' + this.fixedTop + ';';
+			// obj += 'background-color:' + (this.value.componentBgColor || this.value.pageBgColor) + ';';
+			obj += 'background-color:' + this.topNavColor + ';';
+			return obj;
+		},
+		maxPage() {
+			let num = 0;
+			if (this.twoCategorylist && this.twoCategorylist.length) {
+				num = Math.ceil(this.twoCategorylist.length / 10);
+			}
+			return num;
+		},
+		type() {
+			if (this.value) {
+				return true;
+			} else {
+				return false;
+			}
+		},
+		topNavColor() {
+			var color = this.value.componentBgColor || this.value.pageBgColor;
+			if (this.diyGlobal.topNavBg && this.scrollTop > 20) color = this.diyGlobal.topNavColor;
+			return color;
+		},
+		fixedTop() {
+			let diyPositionObj = this.$store.state.diyGroupPositionObj;
+			let data = 0;
+			if (diyPositionObj.diySearch && diyPositionObj.diyIndexPage && diyPositionObj.nsNavbar) {
+				if (diyPositionObj.diySearch.moduleIndex > diyPositionObj.diyIndexPage.moduleIndex) data =
+					diyPositionObj.nsNavbar.originalVal + 'px';
+				else data = diyPositionObj.nsNavbar.originalVal + diyPositionObj.diySearch.originalVal + 'px';
+			} else if (diyPositionObj.diyIndexPage && diyPositionObj.nsNavbar) {
+				data = diyPositionObj.nsNavbar.originalVal + 'px';
+			}
+			return data;
+		},
+		// 分类导航展开菜单的位置
+		uniPopTop() {
+			let diyPositionObj = this.$store.state.diyGroupPositionObj;
+			let data = '0';
+
+			if (this.fixedTop && diyPositionObj.diyIndexPage)
+				data = Number.parseFloat(this.fixedTop) + diyPositionObj.diyIndexPage.originalVal + 'px';
+			return data;
+		}
+	},
+	created() {
+		this.cateList[0].category_name = this.$lang('components-diy.diy-index-page.home');
+	},
+	watch: {
+		type(newVal, oldVal) {
+			if (newVal) {
+				this.getCategoryList();
+			}
+		}
+	},
+	mounted() {
+		this.getCategoryList();
+		setTimeout(() => {
+			// 获取组件的高度，默认高度为45（45是在375屏幕上的高度）
+			const query = uni.createSelectorQuery();
+			// #ifdef H5
+			let cssSelect = '.page-header .u-navbar';
+			this.top = 100;
+			// #endif
+
+			// #ifdef MP
+			let cssSelect = '.page-header >>> .u-navbar';
+			this.top = 20;
+			// #endif
+
+			query
+				.select(cssSelect)
+				.boundingClientRect(data => {
+					let height;
+					if (this.diyGlobal.navBarSwitch) {
+						height = data ? data.height : 45;
+					} else {
+						height = data ? data.height : 0;
+					}
+
+					// #ifdef H5
+					this.top += height * 2;
+					// #endif
+
+					// #ifdef MP
+					this.top += height;
+					// #endif
+				})
+				.exec();
+		});
+
+		this.setModuleLocationFn();
+	},
+	methods: {
+		initPageIndex() {
+			this.pageIndex = 0;
+			this.showModuleFn();
+		},
+		//请求分类列表
+		getCategoryList() {
+			let url = '/api/goodscategory/tree';
+			let data = {
+				level: 3
+			};
+			this.$api.sendRequest({
+				url: url,
+				data: data,
+				success: res => {
+					if (res.code >= 0) {
+						let arr = [];
+						let obj = {
+							list: []
+						};
+						obj.category_name = this.value.title ? this.value.title : this.$lang('components-diy.diy-index-page.home');
+						arr.push(obj);
+						this.cateList = arr.concat(res.data);
+						Object.keys(this.cateList).forEach((key, index) => {
+							this.goodsList[key] = {
+								page: 1,
+								list: []
+							};
+						});
+						this.twoCategorylist = this.cateList[this.pageIndex].child_list;
+					}
+				}
+			});
+		},
+		//修改当前页面id
+		changePageIndex(e) {
+			this.isloading = true;
+			this.pageIndex = e;
+			this.showModuleFn();
+			if (e == 0) return;
+			this.twoCategorylist = this.cateList[this.pageIndex].child_list;
+			if (this.cateList[this.pageIndex].child_list) {
+				this.twoCategorylist = this.cateList[this.pageIndex].child_list;
+				this.twoCategorylist.forEach(v => {
+					if (v.image) {
+						v.image = this.$util.img(v.image);
+					} else {
+						v.image = this.$util.getDefaultImage().goods;
+					}
+				});
+			} else {
+				this.twoCategorylist = false;
+			}
+
+			if (this.$refs.mescroll) {
+				this.$refs.mescroll.refresh();
+				this.$refs.mescroll.myScrollTo(0);
+			}
+		},
+
+		//监听二级分类  页面切换
+		swiperTocategoryChange(e) {
+			this.twoCategorylistId = e.detail.current;
+		},
+
+		toDetail(item) {
+			this.$util.redirectTo('/pages_goods/detail', {
+				goods_id: item.goods_id
+			});
+		},
+		getGoodsList(mescroll) {
+			let id = this.pageIndex;
+			var data = {
+				page: mescroll.num,
+				page_size: mescroll.size
+			};
+			data.category_id = this.cateList[this.pageIndex].category_id_1;
+			data.category_level = 1;
+			this.$api.sendRequest({
+				url: '/api/goodssku/page',
+				data: data,
+				success: res => {
+					this.isloading = false;
+					let newArr = [];
+					let msg = res.message;
+					if (res.code == 0 && res.data) {
+						this.count = res.data.count;
+						newArr = res.data.list;
+					} else {
+						this.$util.showToast({
+							title: msg
+						});
+					}
+
+					mescroll.endSuccess(newArr.length);
+					//设置列表数据
+					if (mescroll.num == 1) this.goodsList[id].list = []; //如果是第一页需手动制空列表
+					this.goodsList[id].list = this.goodsList[id].list.concat(newArr); //追加新数据
+					if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
+
+					this.$forceUpdate();
+				}
+			});
+		},
+		toCateGoodsList(e, f) {
+			this.$util.redirectTo('/pages_goods/list', {
+				category_id: e,
+				category_level: f
+			});
+		},
+		goodsImg(imgStr) {
+			let imgs = imgStr.split(',');
+			return imgs[0] ? this.$util.img(imgs[0], {
+				size: 'mid'
+			}) : this.$util.getDefaultImage().goods;
+		},
+		imgError(index) {
+			this.goodsList[index].goods_image = this.$util.getDefaultImage().goods;
+		},
+		showPrice(data) {
+			let price = data.discount_price;
+			if (data.member_price && parseFloat(data.member_price) < parseFloat(price)) price = data.member_price;
+			return price;
+		},
+		showMarketPrice(item) {
+			if (item.market_price_show) {
+				let price = this.showPrice(item);
+				if (item.market_price > 0) {
+					return item.market_price;
+				} else if (parseFloat(item.price) > parseFloat(price)) {
+					return item.price;
+				}
+			}
+			return '';
+		},
+		goodsTag(data) {
+			return data.label_name || '';
+		},
+		// 控制菜单展开关闭
+		unfoldMenu() {
+			if (this.isUnfold) this.$refs.navTopCategoryPop.open();
+			else this.$refs.navTopCategoryPop.close();
+			this.isUnfold = !this.isUnfold;
+		},
+		// 向vuex中的diyIndexPositionObj增加分类导航组件定位位置
+		setModuleLocationFn() {
+			const query = uni.createSelectorQuery().in(this);
+			query.select('.nav-top-category')
+				.boundingClientRect(data => {
+					let diyIndexPage = {
+						originalVal: data.height || 0, //自身高度 px
+						moduleIndex: this.value.moduleIndex //组件在diy-group的位置
+					};
+					this.moduleHeight = (data.height || 0) + 'px';
+					this.$store.commit('setDiyGroupPositionObj', {
+						diyIndexPage: diyIndexPage
+					});
+				}).exec();
+		},
+		showModuleFn() {
+			let searchModule = this.$root.diyData.value.filter((item, index) => {
+				return item.componentName == 'Search';
+			});
+			// setDiyGroupShowModule值为【】表示显示所有组件,为【‘null’】则什么组件也不显示
+			if (this.pageIndex == 0) this.$store.commit('setDiyGroupShowModule', JSON.stringify([]));
+			else {
+				if (searchModule[0].positionWay == 'fixed') this.$store.commit('setDiyGroupShowModule', JSON.stringify(
+					['Search']));
+				else this.$store.commit('setDiyGroupShowModule', JSON.stringify(['null']));
+			}
+			// 特殊处理，切换分类导航导致页面无法上下滚动
+			// #ifdef H5
+			if (this.pageIndex == 0) {
+				// 标记当前页使用了mescroll (需延时,确保page已切换)
+				setTimeout(function () {
+					let uniPageDom = document.getElementsByTagName('uni-page')[0];
+					uniPageDom && uniPageDom.removeAttribute('use_mescroll');
+				}, 30);
+			}
+			// #endif
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+.bg {
+	width: 100%;
+	height: 100%;
+}
+
+.nav-top-category {
+	display: flex;
+	align-items: center;
+	position: fixed;
+	z-index: 999;
+	transition: background 0.3s;
+	width: 100%;
+	padding: 0 24rpx;
+	box-sizing: border-box;
+
+	.text-fiexd {
+		.text-con {
+			line-height: 60rpx;
+		}
+	}
+
+	.unfold-arrows {
+		position: relative;
+		margin-left: 4rpx;
+		padding-left: 16rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		text-align: center;
+		color: #fff;
+	}
+}
+
+.nav-topcategory-pop {
+	padding: 0 10rpx 20rpx;
+	display: flex;
+	flex-wrap: wrap;
+	background-color: #fff;
+
+	.category-item {
+		padding: 0 30rpx;
+		height: 60rpx;
+		text-align: center;
+		line-height: 56rpx;
+		border-radius: 40rpx;
+		background-color: #f0f0f0;
+		margin: 20rpx 10rpx 0;
+		font-size: 24rpx;
+		border: 2rpx solid transparent;
+		box-sizing: border-box;
+
+		&.active {
+			background-color: transparent;
+		}
+	}
+}
+
+.diyIndex {
+	width: 100%;
+	height: 100rpx;
+	white-space: nowrap;
+	padding: 20rpx 0 0;
+	box-sizing: border-box;
+
+	&.widthAuto {
+		width: auto;
+	}
+
+	.item {
+		position: relative;
+		margin-right: 40rpx;
+		display: inline-block;
+		line-height: 80rpx;
+		font-size: $font-size-base;
+		text-align: center;
+
+		.text-con {
+			height: 30px;
+			line-height: 30px;
+
+			&.active {
+				font-size: $font-size-base;
+				font-weight: bold;
+			}
+		}
+
+		.text-con.active {
+			font-size: $font-size-base;
+			font-weight: bold;
+		}
+
+		.line {
+			position: absolute;
+			left: calc(50% - 14rpx);
+			width: 28rpx;
+			height: 5rpx;
+			border-radius: 5rpx;
+		}
+
+		&.fill {
+			border-radius: 50rpx;
+			padding: 0 10rpx;
+
+			.text-con.active {
+				font-size: $font-size-base;
+				font-weight: 600;
+				color: #fff;
+			}
+		}
+	}
+}
+
+.index-page-box {
+	width: 100%;
+	height: calc(100vh - 288rpx);
+}
+
+.index-page-content {
+	width: 100%;
+	// height: calc(100vh - 144px);
+}
+
+.index-category-box.active {
+	padding-bottom: 160rpx;
+	padding-bottom: calc(160rpx + constant(safe-area-inset-bottom));
+	padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
+}
+
+.index-category-box {
+	width: 100%;
+	padding-bottom: 110rpx;
+	padding-bottom: calc(110rpx + constant(safe-area-inset-bottom));
+	padding-bottom: calc(110rpx + env(safe-area-inset-bottom));
+
+	.twoCategorylist {
+		position: relative;
+	}
+
+	.twoCategory.min {
+		height: 160rpx;
+	}
+
+	.twoCategory.big {
+		height: 340rpx;
+	}
+
+	.twoCategory {
+		width: 100%;
+		background: #ffffff;
+		border-radius: 15rpx;
+		overflow: hidden;
+		margin-top: 20rpx;
+
+		.twoCategory-page {
+			width: 100%;
+			height: 100%;
+			padding: 20rpx;
+			box-sizing: border-box;
+		}
+
+		.swiper-item {
+			width: 120rpx;
+			height: 120rpx;
+			display: inline-block;
+			margin-right: calc((100% - 120rpx * 5) / 4);
+			overflow: hidden;
+
+			.item-box {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+
+				image {
+					width: 88rpx;
+					height: 88rpx;
+				}
+
+				view {
+					width: 100%;
+					font-size: 22rpx;
+					line-height: 1;
+					margin-top: 10rpx;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 1;
+					overflow: hidden;
+					text-align: center;
+				}
+			}
+		}
+
+		.swiper-item:nth-child(5n) {
+			margin-right: 0;
+		}
+
+		.swiper-item:nth-child(10n + 6) {
+			margin-top: 15rpx;
+		}
+	}
+
+	.dot-box {
+		width: calc(100% - 40rpx);
+		height: 50rpx;
+		position: absolute;
+		bottom: 0rpx;
+		left: 20rpx;
+		background: rgba($color: #000000, $alpha: 0);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+		.dot-item {
+			width: 12rpx;
+			height: 12rpx;
+			background: #cccccc;
+			border-radius: 6rpx;
+			margin-right: 10rpx;
+		}
+
+		.dot-item.active {
+			width: 24rpx;
+		}
+	}
+
+	.category_adv {
+		width: 100%;
+		margin: 20rpx 0;
+		border-radius: 15rpx;
+	}
+
+	.category-goods {
+		width: 100%;
+	}
+}
+
+.loading {
+	width: 100%;
+	height: 50rpx;
+	margin-top: 100rpx;
+}
+
+::v-deep .uni-scroll-view::-webkit-scrollbar {
+	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
+	display: none;
+}
+
+.goods-list.double-column {
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: $margin-updown;
+
+	.goods-item {
+		flex: 1;
+		position: relative;
+		background-color: #fff;
+		flex-basis: 48%;
+		max-width: calc((100% - 30rpx) / 2);
+		margin-right: $margin-both;
+		margin-bottom: $margin-updown;
+		border-radius: $border-radius;
+
+		&:nth-child(2n) {
+			margin-right: 0;
+		}
+
+		.goods-img {
+			position: relative;
+			overflow: hidden;
+			padding-top: 100%;
+			border-top-left-radius: $border-radius;
+			border-top-right-radius: $border-radius;
+
+			image {
+				width: 100%;
+				position: absolute;
+				top: 50%;
+				left: 0;
+				transform: translateY(-50%);
+			}
+		}
+
+		.goods-tag {
+			color: #fff;
+			line-height: 1;
+			padding: 8rpx 16rpx;
+			position: absolute;
+			border-bottom-right-radius: $border-radius;
+			top: 0;
+			left: 0;
+			font-size: $font-size-goods-tag;
+		}
+
+		.goods-tag-img {
+			position: absolute;
+			border-top-left-radius: $border-radius;
+			width: 80rpx;
+			height: 80rpx;
+			top: 0;
+			left: 0;
+			z-index: 5;
+			overflow: hidden;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.info-wrap {
+			padding: 0 26rpx 26rpx 26rpx;
+		}
+
+		.goods-name {
+			font-size: $font-size-base;
+			line-height: 1.3;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+			margin-top: 20rpx;
+			height: 68rpx;
+		}
+
+		.discount-price {
+			display: inline-block;
+			font-weight: bold;
+			line-height: 1;
+			margin-top: 16rpx;
+
+			.unit {
+				margin-right: 6rpx;
+			}
+		}
+
+		.pro-info {
+			display: flex;
+			margin-top: 16rpx;
+
+			.delete-price {
+				text-decoration: line-through;
+				flex: 1;
+
+				.unit {
+					margin-right: 6rpx;
+				}
+			}
+
+			&>view {
+				line-height: 1;
+
+				&:nth-child(2) {
+					text-align: right;
+				}
+			}
+		}
+
+		.member-price-tag {
+			display: inline-block;
+			width: 60rpx;
+			line-height: 1;
+			margin-left: 6rpx;
+
+			image {
+				width: 100%;
+			}
+		}
+	}
+}
+</style>

components-diy/diy-kefu.vue

@@ -0,0 +1,216 @@
+<template>
+	<view data-component-name="diy-kefu" class="diy-kefu" :style="style">
+		<view class="fui-list-group merchgroup" v-for="(item, index) in value.list" :key="index">
+			<view class="fui-list jump" v-if="index == 0">
+				<view class="fui-list-media">
+					<image class="round" :src="$util.img(item.imageUrl)" style="border-radius:6rpx" show-menu-by-longpress></image>
+				</view>
+				<view class="fui-list-inner">
+					<view class="title">
+						<text class="title-text" :style="titleStyle(item)">{{ item.title }}</text>
+						<view class="subtitle" :style="descStyle(item)">{{ item.desc }}</view>
+						<!-- #ifndef H5 -->
+						<!-- PR-DIY-KEFU-ONE-LINE (2026-09-17): 小程序端隐藏测量节点, 以默认字号实测文本宽度, 反推一行能放下的最大字号 -->
+						<text class="measure-text measure-title" style="font-size:28rpx;">{{ item.title }}</text>
+						<text class="measure-text measure-desc" style="font-size:24rpx;">{{ item.desc }}</text>
+						<!-- #endif -->
+					</view>
+				</view>
+				<!-- PR-DIY-KEFU-ONE-LINE (2026-09-17): 按钮颜色未配置时不再渲染/占位, 避免透明按钮挤窄文字区 -->
+				<view class="fui-remark jump" v-if="item.BtBgColor || item.BtColor" style="padding-right: 20rpx; text-align: center; line-height: 140rpx;">
+					<span style="font-size:24rpx;padding: 14rpx 18rpx;border-radius:8rpx"
+						:style="{ background: item.BtBgColor, color: item.BtColor }" @tap.stop="previewSqs()">{{ $lang('components-diy.diy-kefu.addNow') }}</span>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+// 客服展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-kefu',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			loading: true,
+			// PR-DIY-KEFU-ONE-LINE (2026-09-17): 小程序端实测得出的一行自适应字号(rpx), 0 表示用默认字号
+			mpTitleSize: 0,
+			mpDescSize: 0
+		};
+	},
+	created() {
+		// this.getDataList();
+	},
+	// PR-DIY-KEFU-ONE-LINE (2026-09-17): 英文公司名等长标题一行完整展示(不换行、不省略)
+	//   H5: 挂载/数据变化后实测每个文本的溢出宽度, 逐级缩小 font-size 直到恰好一行放下 —— 保证无省略号;
+	//   小程序端无法测 DOM, 用字符宽度估算兜底(CJK 1em / 其他 0.6em), 极端超长时仍有省略号兜底
+	mounted() {
+		this.$nextTick(this.fitOneLineText)
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			// this.getDataList();
+			this.$nextTick(this.fitOneLineText)
+		},
+		value: {
+			deep: true,
+			handler() {
+				this.$nextTick(this.fitOneLineText)
+			}
+		}
+	},
+	computed: {
+		style() {
+			var css = '';
+			css += 'background-color:' + this.value.contentBgColor + ';';
+			if (this.value.elementAngle == 'round') {
+				css += 'border-top-left-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				css += 'border-top-right-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				css += 'border-bottom-left-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+				css += 'border-bottom-right-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			return css;
+		}
+	},
+	methods: {
+		previewSqs() {
+			var img = this.$util.img(this.value.list[1].imageUrl)
+			uni.previewImage({
+				current: img,
+				urls: [img]
+			})
+		},
+		// PR-DIY-KEFU-ONE-LINE (2026-09-17): 单行自适应 —— 标题/描述一行完整展示(不换行), 字号取一行能放下的最大值
+		// #ifdef H5
+		fitOneLineText() {
+			this.$nextTick(() => {
+				const root = this.$el && this.$el.querySelectorAll ? this.$el : null
+				if (!root) return
+				const nodes = root.querySelectorAll('.title-text, .subtitle')
+				nodes.forEach((el) => {
+					// 先还原 CSS 默认字号, 再实测是否溢出; 目标宽度留 3px 右侧空隙, 不贴边
+					el.style.fontSize = ''
+					let size = parseFloat(window.getComputedStyle(el).fontSize)
+					const MIN_PX = 10 // 下限 10px, 再小可读性太差
+					const target = el.clientWidth - 3
+					let guard = 0
+					while (el.scrollWidth > target && size > MIN_PX && guard < 60) {
+						size -= 0.5
+						el.style.fontSize = size + 'px'
+						guard++
+					}
+				})
+			})
+		},
+		// #endif
+		// #ifndef H5
+		// 小程序端: 隐藏测量节点以默认字号实测文本宽度, 宽度与字号成线性关系, 反推一行能放下的最大字号
+		fitOneLineText() {
+			uni.createSelectorQuery().in(this)
+				.select('.fui-list-inner').boundingClientRect()
+				.select('.measure-title').boundingClientRect()
+				.select('.measure-desc').boundingClientRect()
+				.exec((rects) => {
+					if (!rects || !rects[0]) return
+					const sys = uni.getSystemInfoSync()
+					const pxPerRpx = (sys.windowWidth || 375) / 750
+					// 可用宽度 = 文字区宽度 - 容器右内边距(8rpx) - 与右侧元素(按钮)之间留 8rpx 空隙
+					const avail = rects[0].width - 16 * pxPerRpx
+					if (avail <= 0) return
+					// 标题: 默认 28rpx, 最小 16rpx
+					if (rects[1] && rects[1].width > avail) {
+						this.mpTitleSize = Math.max(16, Math.floor(28 * avail / rects[1].width))
+					} else {
+						this.mpTitleSize = 0
+					}
+					// 描述: 默认 24rpx, 最小 16rpx
+					if (rects[2] && rects[2].width > avail) {
+						this.mpDescSize = Math.max(16, Math.floor(24 * avail / rects[2].width))
+					} else {
+						this.mpDescSize = 0
+					}
+				})
+		},
+		// #endif
+		titleStyle() {
+			// #ifndef H5
+			return this.mpTitleSize ? 'font-size:' + this.mpTitleSize + 'rpx;' : ''
+			// #endif
+			// #ifdef H5
+			return ''
+			// #endif
+		},
+		descStyle() {
+			// #ifndef H5
+			return this.mpDescSize ? 'font-size:' + this.mpDescSize + 'rpx;' : ''
+			// #endif
+			// #ifdef H5
+			return ''
+			// #endif
+		}
+	}
+};
+</script>
+
+<style lang="scss">
+// 客服展示：标题/描述需要完整展示（中英文均不截断）
+// 全局 .fui-list-inner .title 有 nowrap + ellipsis + overflow:hidden，这里用更高优先级的选择器覆盖
+// PR-DIY-KEFU-ONE-LINE (2026-09-17): 标题/描述强制单行(配合 JS 自适应字号保证一行放得下), 超长省略号兜底
+.diy-kefu {
+	.fui-list-group {
+		.fui-list {
+			align-items: center;
+
+			.fui-list-inner {
+				overflow: hidden;
+				min-width: 0;
+				// 右侧留少量空隙, 避免单行文本贴着容器右边缘, 又能尽量铺满到按钮旁
+				padding-right: 8rpx;
+				box-sizing: border-box;
+
+				.title {
+					height: auto;
+					line-height: 1.4;
+
+					.title-text {
+						display: block;
+						font-size: 28rpx;
+						font-weight: 600;
+						line-height: 1.4;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+
+					.subtitle {
+						display: block;
+						margin-top: 6rpx;
+						font-size: 24rpx;
+						line-height: 1.4;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+					}
+				}
+
+				// PR-DIY-KEFU-ONE-LINE (2026-09-17): 小程序端隐藏测量节点(不占布局、不可见)
+				.measure-text {
+					position: absolute;
+					left: -9999rpx;
+					top: 0;
+					white-space: nowrap;
+					visibility: hidden;
+				}
+			}
+		}
+	}
+}
+</style>

components-diy/diy-listmenu.vue

@@ -0,0 +1,80 @@
+<template>
+	<view data-component-name="diy-listmenu" class="diy-listmenu" :style="style">
+		<view class="fui-cell-group">
+			<!--     <image mode="widthFix" style="width: 100%;" :src="$util.img(item.imageUrl)" show-menu-by-longpress></image> -->
+
+			<view v-for="(item, index) in value.list" @tap.stop="redirectTo(item.link)" class="fui-cell"
+				:class="item.iconType == 'img' ? 'img-cell' : ''">
+				<view class="fui-cell-icon" :style="{ 'color': item.style ? item.style.iconColor : '#333' }">
+					<diy-icon v-if="item.iconType == 'icon'" :icon="item.icon" :value="item.style ? item.style : null"
+						:style="{ maxWidth: value.imageSize * 2 + 'rpx', maxHeight: value.imageSize * 2 + 'rpx', width: '100%', height: '100%' }"></diy-icon>
+					<image v-if="item.iconType == 'img'" mode="widthFix" :src="$util.img(item.imageUrl)"
+						style="border-radius:6rpx;width: 60rpx;"></image>
+				</view>
+				<view class="fui-cell-text" style="color:#333;">{{ item.title }}</view>
+				<view class="fui-cell-remark" @tap.stop="redirectTo(item.link)" style="font-size: 24rpx;">{{ $lang('components-diy.diy-listmenu.view') }}</view>
+			</view>
+		</view>
+		<ns-login ref="login"></ns-login>
+	</view>
+</template>
+
+<script>
+// 自定义列表菜单展示
+import DiyMinx from './minx.js'
+export default {
+	name: 'diy-listmenu',
+	props: {
+		value: {
+			type: Object
+		}
+	},
+	mixins: [DiyMinx],
+	data() {
+		return {
+			loading: true,
+		};
+	},
+	created() {
+		// this.getDataList();
+	},
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			// this.getDataList();
+		}
+	},
+	computed: {
+		style() {
+			var css = '';
+			css += 'background-color:' + this.value.contentBgColor + ';';
+			if (this.value.elementAngle == 'round') {
+
+				css += 'border-top-left-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				css += 'border-top-right-radius:' + this.value.topElementAroundRadius * 2 + 'rpx;';
+				css += 'border-bottom-left-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+				css += 'border-bottom-right-radius:' + this.value.bottomElementAroundRadius * 2 + 'rpx;';
+			}
+			if (this.value.margin.top > 0) css += 'margin-top:' + this.value.margin.top * 2 + 'rpx;';
+			return css;
+		}
+	},
+	methods: {
+		redirectTo(link) {
+			if (link.wap_url) {
+				if (this.$util.getCurrRoute() == this.$util.MEMBER_PAGE_URL && !this.storeToken) {
+					this.redirectTologin(link.wap_url)
+					return;
+				}
+			}
+			this.$util.diyRedirectTo(link);
+		},
+	}
+};
+</script>
+
+<style lang="scss">
+.img-cell {
+	padding: 0 16rpx !important;
+}
+</style>

components-diy/diy-live.vue

@@ -0,0 +1,257 @@
+<template>
+	<x-skeleton data-component-name="diy-live" type="banner" :loading="loading" :configs="skeletonConfig">
+		<view class="live-wrap" @tap.stop="handlerClick(liveInfo.roomid)"
+			v-if="liveInfo">
+			<view class="banner-wrap">
+				<image
+					:src="liveInfo.banner != '' ? $util.img(liveInfo.banner) : $util.img('public/uniapp/live/live_default_banner.png')"
+					mode="widthFix"
+					@error="liveInfo.banner = $util.img('public/uniapp/live/live_default_banner.png')" />
+				<view class="shade"></view>
+				<view class="wrap">
+					<view class="room-name">
+						<text class="status-name font-size-base"
+							:class="{ 'color-base-bg': liveInfo.live_status == '101' }">
+							<text class="iconfont icon-zhibozhong font-size-sub"
+								v-if="liveInfo.live_status == '101'"></text>
+							<text class="iconfont icon-zhibojieshu font-size-sub" v-else></text>
+							{{ liveInfo.status_name }}
+						</text>
+						{{ liveInfo.name }}
+					</view>
+				</view>
+			</view>
+			<view class="room-info" v-if="value.isShowAnchorInfo || value.isShowLiveGood">
+				<block v-if="value.isShowAnchorInfo">
+					<image
+						:src="liveInfo.anchor_img != '' ? $util.img(liveInfo.anchor_img) : $util.getDefaultImage().head"
+						class="anchor-img" @error="liveInfo.anchor_img = $util.getDefaultImage().head"  show-menu-by-longpress/>
+					<text class="anchor-name">{{ $lang('components-diy.diy-live.anchorPrefix') }}{{ liveInfo.anchor_name }}</text>
+				</block>
+				<text class="separate" v-if="value.isShowAnchorInfo && value.isShowLiveGood">|</text>
+				<block v-if="value.isShowLiveGood">
+					<text class="goods-text">{{ $lang('components-diy.diy-live.goodsPrefix') }}{{ liveInfo.goods.length }}</text>
+				</block>
+			</view>
+		</view>
+	</x-skeleton>
+</template>
+
+<script>
+// 直播
+import DiyMinx from './minx.js'
+export default {
+	components: {},
+	name: 'diy-live',
+	props: {
+		value: {
+			type: Object,
+			default: () => {
+				return {};
+			}
+		}
+	},
+	data() {
+		return {
+			loading: true,
+			skeletonConfig: {
+				headHeight: '200rpx'
+			},
+			liveInfo: {
+				banner: '',
+				anchor_img: ''
+			}
+
+		};
+	},
+	created() {
+		this.getLiveInfo();
+	},
+	mixins: [DiyMinx],
+	watch: {
+		// 组件刷新监听
+		componentRefresh: function (nval) {
+			this.getLiveInfo();
+		}
+	},
+	methods: {
+		getLiveInfo() {
+			this.$api.sendRequest({
+				url: '/live/api/live/info',
+				success: res => {
+					if (res.code == 0 && res.data) {
+						this.liveInfo = res.data;
+						this.getLiveStatus();
+					} else {
+						this.liveInfo = null;
+					}
+					this.loading = false;
+				}
+			});
+		},
+		entryRoom(roomId) {
+			// #ifdef MP-WEIXIN
+			wx.navigateTo({
+				url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`
+			});
+			// #endif
+		},
+		getLiveStatus() {
+			// #ifdef MP-WEIXIN
+			let livePlayer = requirePlugin('live-player-plugin');
+
+			livePlayer.getLiveStatus({
+				room_id: this.liveInfo.roomid
+			}).then(res => {
+				const liveStatus = res.liveStatus;
+				if (liveStatus && liveStatus != this.liveInfo.live_status) {
+					this.changeLiveStatus(liveStatus);
+				}
+			})
+				.catch(err => {
+				});
+
+			// 往后间隔1分钟或更慢的频率去轮询获取直播状态
+			var timer = setInterval(() => {
+				livePlayer
+					.getLiveStatus({
+						room_id: this.liveInfo.roomid
+					})
+					.then(res => {
+						const liveStatus = res.liveStatus;
+						if (liveStatus && liveStatus != this.liveInfo.live_status) {
+							this.changeLiveStatus(liveStatus);
+						}
+						if (this.$util.inArray(liveStatus, [103, 104, 106, 107])) {
+							clearInterval(timer);
+						}
+					})
+				.catch(err => {
+					});
+			}, 60000);
+			// #endif
+		},
+		changeLiveStatus(status) {
+			this.$api.sendRequest({
+				url: '/live/api/live/modifyLiveStatus',
+				data: {
+					room_id: this.liveInfo.roomid,
+					status: status
+				},
+				success: res => {
+					if (res.code == 0) {
+						this.getLiveInfo();
+					}
+				}
+			});
+		},
+		async handlerClick(roomid) {
+			await this.__$emitEvent({
+				eventName: 'live-tap', data: roomid, promiseCallback: (event, handler, awaitedResult) => {
+					if (!awaitedResult) return;
+					this.entryRoom(roomid);
+				}
+			})
+		},
+	}
+};
+</script>
+
+<style lang="scss">
+.live-wrap {
+	background: #fff;
+	border-radius: 16rpx;
+	overflow: hidden;
+}
+
+.banner-wrap {
+	width: 100%;
+	position: relative;
+	line-height: 1;
+	display: flex;
+
+	image {
+		width: 100%;
+	}
+
+	.shade {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		background: rgba($color: #888, $alpha: 0.3);
+		left: 0;
+		top: 0;
+		z-index: 5;
+	}
+
+	.wrap {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		z-index: 10;
+		padding: 26rpx 20rpx;
+		box-sizing: border-box;
+
+		.room-name {
+			font-size: $font-size-toolbar;
+			color: #fff;
+			line-height: 1;
+			width: 100%;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: flex;
+			align-items: center;
+
+			.status-name {
+				display: inline-block;
+				font-size: $font-size-activity-tag;
+				color: #fff;
+				padding: 8rpx 12rpx;
+				background-color: rgba(0, 0, 0, 0.6);
+				border-radius: 36rpx;
+				margin-right: 20rpx;
+
+				.icon-zhibozhong {
+					font-size: $font-size-activity-tag;
+					color: #fff;
+					margin-right: 9rpx;
+				}
+			}
+		}
+	}
+}
+
+.room-info {
+	padding: 20rpx 30rpx;
+	background: #fff;
+	display: flex;
+
+	.anchor-img {
+		width: 60rpx;
+		height: 60rpx;
+		border-radius: 50%;
+		overflow: hidden;
+		margin-right: 20rpx;
+	}
+
+	.anchor-name,
+	.goods-text {
+		font-size: $font-size-base;
+		line-height: 60rpx;
+	}
+
+	.separate {
+		color: #808080;
+		margin: 0 10rpx;
+		line-height: 56rpx;
+	}
+}
+</style>
+<style scoped>
+.coupon-all>>>.uni-scroll-view::-webkit-scrollbar {
+	display: none;
+}
+</style>