feat: Add steps, treemenu, cascader, slider, radioGroup and rate components

[xuanlid]

English | 简体中文

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• [ ] The commit message follows our Commit Message Guidelines
• [ ] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been added / updated (for bug fixes / features)
• [ ] Built its own designer, fully self-validated

PR Type

What kind of change does this PR introduce?

• [ ] Bugfix
• [ ] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Documentation content changes
• [ ] Other... Please describe:

Background and solution

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• [ ] Yes
• [ ] No

Other information

Summary by CodeRabbit

• New Features
  • Six new UI components are now available: TinyRate, TinySlider, TinyCascader, TinySteps, TinyTreeMenu, and TinyRadioGroup — expanding controls and layout options for building interfaces.

[coderabbitai[bot]]

Walkthrough

Added six new component entries (TinyRate, TinySlider, TinyCascader, TinySteps, TinyTreeMenu, TinyRadioGroup) to the mock schema componentsMap with package @opentiny/vue, matching export names, destructuring enabled, and version 3.22.0.

Changes

Cohort / File(s)	Change Summary
Mock Component Schema Updates mockServer/src/mock/get/app-center/v1/apps/schema/1.json	Added six new component entries to componentsMap: TinyRate, TinySlider, TinyCascader, TinySteps, TinyTreeMenu, and TinyRadioGroup, each configured with package @opentiny/vue, matching exportName, destructuring: true, and version: "3.22.0"

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

• Single JSON file change; six homogeneous, repetitive additions.
• No code logic or control-flow changes; focus review on schema correctness.

Poem

🐇 I hopped through JSON fields today,
Six tiny widgets danced my way.
Rate, Slider, Cascader in a line,
Steps, TreeMenu, Radio — all align.
Version three dot twenty-two — hooray! 🎉

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: adding six new TinyUI components (steps, treemenu, cascader, slider, radioGroup, and rate) to the component registry.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

🧪 Generate unit tests (beta)

• [ ] Create PR with unit tests
• [ ] Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 37513679d808bace27a38c1b9ae5db9e5bca5fee and d8aec1c9ef88019fa58190c02e25de7059a655c9.

📒 Files selected for processing (1)

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json (1 hunks)

🧰 Additional context used

🧠 Learnings (6)

📓 Common learnings

Learnt from: gene9831
Repo: opentiny/tiny-engine PR: 1011
File: packages/configurator/src/router-select-configurator/RouterSelectConfigurator.vue:95-98
Timestamp: 2025-01-14T06:55:59.692Z
Learning: The tiny-select component from opentiny/vue library ensures selected options are valid internally, requiring no additional validation in the change handler.

Learnt from: chilingling
Repo: opentiny/tiny-engine PR: 837
File: packages/vue-generator/src/plugins/genDependenciesPlugin.js:66-66
Timestamp: 2024-09-30T07:51:10.036Z
Learning: In the `tiny-engine` project, `opentiny/tiny-engine-dsl-vue` refers to the current package itself, and importing types from it may cause circular dependencies.

Learnt from: gene9831
Repo: opentiny/tiny-engine PR: 1011
File: packages/configurator/src/router-select-configurator/RouterSelectConfigurator.vue:63-73
Timestamp: 2025-01-14T06:49:00.797Z
Learning: In the tiny-engine project, the SvgIcon component is globally registered and available throughout Vue components without requiring explicit imports.

📚 Learning: 2025-01-14T06:56:11.072Z

Learnt from: rhlin
Repo: opentiny/tiny-engine PR: 1011
File: packages/canvas/render/src/builtin/CanvasRouterView.vue:4-19
Timestamp: 2025-01-14T06:56:11.072Z
Learning: In the tiny-engine project, component implementations should maintain consistency with other components at the same level, even if modernization improvements (like TypeScript and Composition API) are possible.

Applied to files:

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json

📚 Learning: 2024-09-30T07:51:10.036Z

Learnt from: chilingling
Repo: opentiny/tiny-engine PR: 837
File: packages/vue-generator/src/plugins/genDependenciesPlugin.js:66-66
Timestamp: 2024-09-30T07:51:10.036Z
Learning: In the `tiny-engine` project, `opentiny/tiny-engine-dsl-vue` refers to the current package itself, and importing types from it may cause circular dependencies.

Applied to files:

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json

📚 Learning: 2025-01-14T06:55:59.692Z

Learnt from: gene9831
Repo: opentiny/tiny-engine PR: 1011
File: packages/configurator/src/router-select-configurator/RouterSelectConfigurator.vue:95-98
Timestamp: 2025-01-14T06:55:59.692Z
Learning: The tiny-select component from opentiny/vue library ensures selected options are valid internally, requiring no additional validation in the change handler.

Applied to files:

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json

📚 Learning: 2025-01-14T06:49:00.797Z

Learnt from: gene9831
Repo: opentiny/tiny-engine PR: 1011
File: packages/configurator/src/router-select-configurator/RouterSelectConfigurator.vue:63-73
Timestamp: 2025-01-14T06:49:00.797Z
Learning: In the tiny-engine project, the SvgIcon component is globally registered and available throughout Vue components without requiring explicit imports.

Applied to files:

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json

📚 Learning: 2025-01-14T06:49:00.797Z

Learnt from: gene9831
Repo: opentiny/tiny-engine PR: 1011
File: packages/configurator/src/router-select-configurator/RouterSelectConfigurator.vue:63-73
Timestamp: 2025-01-14T06:49:00.797Z
Learning: In the tiny-engine project, the SvgIcon component is globally registered using `app.component('SvgIcon', SvgIcon)` in `packages/svgs/index.js`, making it available throughout Vue components without requiring explicit imports.

Applied to files:

• mockServer/src/mock/get/app-center/v1/apps/schema/1.json

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: push-check

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}