docs: ✏️ 简化组件库通用名称为 WotUI

This commit is contained in:
不如摸鱼去 2025-05-11 18:05:11 +08:00
parent 276df7cf2f
commit 817797801d
33 changed files with 88 additions and 88 deletions

View File

@ -2,9 +2,9 @@
### 介绍 ### 介绍
感谢你使用 Wot Design Uni 感谢你使用 Wot UI
以下是关于向 Wot Design Uni 提交反馈或代码的指南。在向 Wot Design Uni 提交 issue 或者 PR 之前,请先花几分钟时间阅读以下内容。 以下是关于向 Wot UI 提交反馈或代码的指南。在向 Wot UI 提交 issue 或者 PR 之前,请先花几分钟时间阅读以下内容。
### Issue 规范 ### Issue 规范
@ -20,7 +20,7 @@
### 镜像仓库 ### 镜像仓库
如果 GitHub 克隆速度较慢,你也可以直接克隆 Wot Design Uni 在 gitee 上的[镜像仓库](https://gitee.com/wot-design-uni/wot-design-uni) 如果 GitHub 克隆速度较慢,你也可以直接克隆 Wot UI 在 gitee 上的[镜像仓库](https://gitee.com/wot-design-uni/wot-design-uni)
```bash ```bash
git clone https://gitee.com/wot-design-uni/wot-design-uni.git git clone https://gitee.com/wot-design-uni/wot-design-uni.git

View File

@ -1,4 +1,4 @@
name: 向 Wot Design Uni 反馈 Bug name: 向 Wot UI 反馈 Bug
description: 创建一个 Issue 描述你遇到的问题。 description: 创建一个 Issue 描述你遇到的问题。
title: "[Bug 上报] 请在此填写标题" title: "[Bug 上报] 请在此填写标题"
labels: ["🐞bug: need confirm"] labels: ["🐞bug: need confirm"]
@ -14,7 +14,7 @@ body:
- type: input - type: input
id: version id: version
attributes: attributes:
label: Wot Design Uni 版本号 label: Wot UI 版本号
description: 你正在使用的组件库版本号(请填写 wot-design-uni/package.json 里实际安装的版本) description: 你正在使用的组件库版本号(请填写 wot-design-uni/package.json 里实际安装的版本)
placeholder: 例如0.1.1 placeholder: 例如0.1.1
validations: validations:

View File

@ -1,4 +1,4 @@
name: 向 Wot Design Uni 提出新功能需求 name: 向 Wot UI 提出新功能需求
description: 创建一个 Issue 描述一下你的功能需求。 description: 创建一个 Issue 描述一下你的功能需求。
title: "[新功能需求] 请在此填写标题" title: "[新功能需求] 请在此填写标题"
labels: ["feature: need confirm"] labels: ["feature: need confirm"]

View File

@ -82,8 +82,8 @@
"bottom left", "bottom left",
"bottom right", "bottom right",
"bottom right", "bottom right",
"\n Wot Design Uni\n ", "\n Wot UI\n ",
"\n Wot Design Uni\n ", "\n Wot UI\n ",
"@{{ packageConfig.version }}", "@{{ packageConfig.version }}",
"span: 24", "span: 24",
"span: 12", "span: 12",

View File

@ -1,7 +1,7 @@
<p align="center"> <p align="center">
<img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200"> <img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200">
</p> </p>
<h1 align="center">Wot Design Uni</h1> <h1 align="center">Wot UI</h1>
<div align="center"> <div align="center">
<p>简体中文 | <a href="./README_en.md">English</a></p> <p>简体中文 | <a href="./README_en.md">English</a></p>
@ -92,7 +92,7 @@
| [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 | | [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 |
| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo | | [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo |
| [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 | | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 |
| [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni 代码块提示 | | [Wot UI Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot UI 代码块提示 |
| [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 | | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 |
| [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 | | [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 |
| [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 | | [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 |
@ -107,7 +107,7 @@
## 贡献者们 ## 贡献者们
感谢以下所有给 Wot Design Uni 贡献过代码的 [开发者](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors)。 感谢以下所有给 Wot UI 贡献过代码的 [开发者](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors)。
<a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors"> <a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors">
<img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" /> <img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" />
@ -115,9 +115,9 @@
## 捐赠本项目 ## 捐赠本项目
开发一个 UI 组件库是一项耗时的工作,尤其是要多端适配。为此 Wot Design Uni 经常肝到深夜 …… 开发一个 UI 组件库是一项耗时的工作,尤其是要多端适配。为此 Wot UI 经常肝到深夜 ……
如果您认为 Wot Design Uni 帮助到了您的开发工作,您可以捐赠 Wot Design Uni 的研发工作,捐赠无门槛,哪怕是一杯可乐也好。 如果您认为 Wot UI 帮助到了您的开发工作,您可以捐赠 Wot UI 的研发工作,捐赠无门槛,哪怕是一杯可乐也好。
捐赠后您的昵称、留言等将会展示在[捐赠榜单](https://wot-design-uni.cn/reward/donor.html)中。 捐赠后您的昵称、留言等将会展示在[捐赠榜单](https://wot-design-uni.cn/reward/donor.html)中。

View File

@ -1,7 +1,7 @@
<p align="center"> <p align="center">
<img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200"> <img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200">
</p> </p>
<h1 align="center">Wot Design Uni</h1> <h1 align="center">Wot UI</h1>
<div align="center"> <div align="center">
<p><a href="./README.md">简体中文</a> | English</p> <p><a href="./README.md">简体中文</a> | English</p>
@ -90,7 +90,7 @@ If you encounter any issues, please feel free to submit an [Issue](https://githu
## Contributors ## Contributors
Thanks to all the [developers](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors) who have contributed to Wot Design Uni. Thanks to all the [developers](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors) who have contributed to Wot UI.
<a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors"> <a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors">
<img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" /> <img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" />
@ -98,9 +98,9 @@ Thanks to all the [developers](https://github.com/Moonofweisheng/wot-design-uni/
## Donate ## Donate
Developing a UI component library is time-consuming work, especially when it needs to be adapted for multiple platforms. The Wot Design Uni team often works late into the night... Developing a UI component library is time-consuming work, especially when it needs to be adapted for multiple platforms. The Wot UI team often works late into the night...
If you find Wot Design Uni helpful in your development work, you can donate to support our development work. Any amount is welcome, even if it's just a cola. If you find Wot UI helpful in your development work, you can donate to support our development work. Any amount is welcome, even if it's just a cola.
After donating, your nickname and message will be displayed on the [donor list](https://wot-design-uni.cn/reward/donor.html). After donating, your nickname and message will be displayed on the [donor list](https://wot-design-uni.cn/reward/donor.html).
@ -119,7 +119,7 @@ After donating, your nickname and message will be displayed on the [donor list](
- [wot-design](https://github.com/jd-ftf/wot-design-mini) - Thanks to the wot-design team for their years of maintenance. - [wot-design](https://github.com/jd-ftf/wot-design-mini) - Thanks to the wot-design team for their years of maintenance.
- [uni-helper](https://github.com/uni-helper) - Thanks to the uni-helper team for providing uni-app tool libraries. - [uni-helper](https://github.com/uni-helper) - Thanks to the uni-helper team for providing uni-app tool libraries.
- [Donors](https://wot-design-uni.cn/reward/donor.html) - Thanks to all donors who help Wot Design Uni grow better. - [Donors](https://wot-design-uni.cn/reward/donor.html) - Thanks to all donors who help Wot UI grow better.
## License ## License

View File

@ -66,7 +66,7 @@ export default defineConfig({
] ]
} }
}, },
title: `Wot Design Uni`, title: `Wot UI`,
description: '一个参照wot-design打造的uni-app组件库', description: '一个参照wot-design打造的uni-app组件库',
locales: { locales: {
root: { root: {

View File

@ -34,7 +34,7 @@ Set the `size` attribute to customize the icon size.
## Custom Icon ## Custom Icon
Wot Design Uni allows you to use custom icons in two ways: Wot UI allows you to use custom icons in two ways:
### 1. Using Custom Font Icons ### 1. Using Custom Font Icons

View File

@ -12,7 +12,7 @@ Currently, no. First, the plugin market lacks CI/CD tools, making automated publ
## How to enable dark mode? ## How to enable dark mode?
`Wot Design Uni` supports dark mode, theme customization, and other capabilities. See the [ConfigProvider](/en-US/component/config-provider.html) component for details. `Wot UI` supports dark mode, theme customization, and other capabilities. See the [ConfigProvider](/en-US/component/config-provider.html) component for details.
## Is there a technical communication group? ## Is there a technical communication group?
@ -37,7 +37,7 @@ pnpm add sass@1.78.0 -D
## Mini Program Style Isolation ## Mini Program Style Isolation
### When using Wot Design Uni components in pages, you can directly override styles in the page's style file ### When using Wot UI components in pages, you can directly override styles in the page's style file
```vue ```vue
<wd-button type="primary">Primary Button</wd-button> <wd-button type="primary">Primary Button</wd-button>
@ -52,7 +52,7 @@ pnpm add sass@1.78.0 -D
### Why can't I override component library styles in components? ### Why can't I override component library styles in components?
When using Wot Design Uni components in custom components, you need to enable the `styleIsolation: 'shared'` option When using Wot UI components in custom components, you need to enable the `styleIsolation: 'shared'` option
```vue ```vue
<wd-button type="primary">Primary Button</wd-button> <wd-button type="primary">Primary Button</wd-button>
@ -91,10 +91,10 @@ defineOptions({
## Mini Program External Style Classes ## Mini Program External Style Classes
Wot Design Uni provides many custom style classes for developers to use. The specific style class names can be found in the "External Style Classes" section of the corresponding component. Note that the priority of regular style classes and custom style classes is undefined, so please add `!important` when using to ensure the priority of external style classes. Wot UI provides many custom style classes for developers to use. The specific style class names can be found in the "External Style Classes" section of the corresponding component. Note that the priority of regular style classes and custom style classes is undefined, so please add `!important` when using to ensure the priority of external style classes.
::: tip Please Note ::: tip Please Note
`Wot Design Uni` components are all set with `scoped`, so its CSS will only affect the elements of the current component, similar to style encapsulation in Shadow DOM. If selectors in `scoped` styles want to make "deeper" selections, that is, affect child components, you can use the `:deep()` pseudo-class: `Wot UI` components are all set with `scoped`, so its CSS will only affect the elements of the current component, similar to style encapsulation in Shadow DOM. If selectors in `scoped` styles want to make "deeper" selections, that is, affect child components, you can use the `:deep()` pseudo-class:
```css ```css
<style scoped> <style scoped>
.a :deep(.b) { .a :deep(.b) {

View File

@ -1,6 +1,6 @@
# Custom Theme # Custom Theme
Every component in Wot Design Uni basically has a custom class name custom-class, which can be added to your page's class name at the component's root node for style modification. Every component in Wot UI basically has a custom class name custom-class, which can be added to your page's class name at the component's root node for style modification.
## Theme Introduction ## Theme Introduction

View File

@ -50,7 +50,7 @@ Please refer to the [Quick Start](/en-US/guide/quick-use.html) documentation.
## Sponsor Us ## Sponsor Us
If you feel that Wot Design Uni has helped your development work, you can choose to [sponsor](/en-US/reward/reward.html) us. There is no threshold for sponsorship, even a glass of lemonade would be appreciated. If you feel that Wot UI has helped your development work, you can choose to [sponsor](/en-US/reward/reward.html) us. There is no threshold for sponsorship, even a glass of lemonade would be appreciated.
After donation, your nickname and message will be displayed in the [donation list](/en-US/reward/donor.html). After donation, your nickname and message will be displayed in the [donation list](/en-US/reward/donor.html).
@ -62,7 +62,7 @@ After donation, your nickname and message will be displayed in the [donation lis
| [create-uni](https://github.com/uni-helper/create-uni) | Quickly create uni-app projects | | [create-uni](https://github.com/uni-helper/create-uni) | Quickly create uni-app projects |
| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | A quick-start demo for wot-design-uni based on [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) | | [wot-demo](https://github.com/Moonofweisheng/wot-demo) | A quick-start demo for wot-design-uni based on [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) |
| [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | A uni-app retail industry template based on wot-design-uni | | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | A uni-app retail industry template based on wot-design-uni |
| [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni code snippets | | [Wot UI Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot UI code snippets |
| [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | A plugin that supports CI (Continuous Integration) for uni-app mini program after build | | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | A plugin that supports CI (Continuous Integration) for uni-app mini program after build |
| [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | A lightweight uni-app router library based on vue3 and Typescript | | [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | A lightweight uni-app router library based on vue3 and Typescript |
| [unibest](https://github.com/codercup/unibest) | A uni-app template based on wot-design-uni | | [unibest](https://github.com/codercup/unibest) | A uni-app template based on wot-design-uni |

View File

@ -1,6 +1,6 @@
# Internationalization<el-tag text style="vertical-align: middle;margin-left:8px;" effect="plain">0.2.20</el-tag> # Internationalization<el-tag text style="vertical-align: middle;margin-left:8px;" effect="plain">0.2.20</el-tag>
Wot Design Uni uses Chinese by default and supports multi-language switching. If you want to use other languages, you can refer to the solutions below. Wot UI uses Chinese by default and supports multi-language switching. If you want to use other languages, you can refer to the solutions below.
:::warning Note :::warning Note
Currently, the package published on npm is uncompiled `vue` and `ts`. Vite will cache [pre-built](https://vitejs.dev/guide/dep-pre-bundling.html) dependencies in `node_modules/.vite`. The component library's internationalization is implemented based on `reactive` for data sharing. During the `dev` stage, the page will use internationalization data from the pre-built product, while the component library uses its internal internationalization data. Therefore, when importing in non-`uni_modules` mode, you need to add the following configuration in `vite.config.ts`: Currently, the package published on npm is uncompiled `vue` and `ts`. Vite will cache [pre-built](https://vitejs.dev/guide/dep-pre-bundling.html) dependencies in `node_modules/.vite`. The component library's internationalization is implemented based on `reactive` for data sharing. During the `dev` stage, the page will use internationalization data from the pre-built product, while the component library uses its internal internationalization data. Therefore, when importing in non-`uni_modules` mode, you need to add the following configuration in `vite.config.ts`:

View File

@ -1,6 +1,6 @@
# Quick Start # Quick Start
This section introduces how to install, configure, and use `Wot Design Uni` in your `uni-app` project. This section introduces how to install, configure, and use `Wot UI` in your `uni-app` project.
## Before Using ## Before Using
@ -10,7 +10,7 @@ Before using, please make sure you have learned Vue's official [Quick Start](htt
:::warning About Installation :::warning About Installation
`Wot Design Uni` provides two installation methods: `uni_modules` and `npm`. Choose according to your needs. `Wot UI` provides two installation methods: `uni_modules` and `npm`. Choose according to your needs.
- Using `uni_modules` installation requires no additional configuration, it's plug-and-play, but updating the component library requires handling code differences (generally just overwriting is fine). - Using `uni_modules` installation requires no additional configuration, it's plug-and-play, but updating the component library requires handling code differences (generally just overwriting is fine).
- Using `npm` installation requires additional configuration, but updating the component library doesn't require handling code differences. - Using `npm` installation requires additional configuration, but updating the component library doesn't require handling code differences.
@ -37,9 +37,9 @@ pnpm add wot-design-uni
### uni_modules Installation ### uni_modules Installation
`Wot Design Uni` supports the [uni_modules](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#uni-modules) specification and is available in the uni-app plugin market. `Wot UI` supports the [uni_modules](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#uni-modules) specification and is available in the uni-app plugin market.
In the `uni-app plugin market`, choose to import using `HBuildX`, or manually create a uni_modules folder in the src directory and extract `Wot Design Uni` into uni_modules, with the following structure: In the `uni-app plugin market`, choose to import using `HBuildX`, or manually create a uni_modules folder in the src directory and extract `Wot UI` into uni_modules, with the following structure:
```bash ```bash
- uni_modules - uni_modules
@ -50,7 +50,7 @@ Download link: <a href="https://ext.dcloud.net.cn/plugin?id=13889"><span>wot-des
## Sass ## Sass
`Wot Design Uni` depends on `sass`, so before using it, you need to confirm whether `sass` is already installed in your project. If not, you can install it using the following command: `Wot UI` depends on `sass`, so before using it, you need to confirm whether `sass` is already installed in your project. If not, you can install it using the following command:
::: code-group ::: code-group
@ -77,7 +77,7 @@ pnpm add sass -D
### Import Components ### Import Components
::: tip Reminder ::: tip Reminder
When using `uni_modules` installation, `Wot Design Uni` components naturally support the `easycom` specification, requiring no additional configuration for automatic component import. When using `npm installation`, you need to follow this step. Choose one of the following two solutions. When using `uni_modules` installation, `Wot UI` components naturally support the `easycom` specification, requiring no additional configuration for automatic component import. When using `npm installation`, you need to follow this step. Choose one of the following two solutions.
::: :::
#### Configure easycom for Automatic Component Import<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >Solution 1</el-tag> #### Configure easycom for Automatic Component Import<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >Solution 1</el-tag>
@ -182,7 +182,7 @@ For cli projects using `uni_modules` installation, no configuration is needed as
## Usage ## Usage
After installing and configuring `Wot Design Uni`, it supports automatic component import, so you can use it directly in SFC without importing in the page or declaring in components. It's worth noting that the `uni-app` platform doesn't support global component mounting, so components like `Message`, `Toast`, etc., still need to be explicitly used in SFC, for example: After installing and configuring `Wot UI`, it supports automatic component import, so you can use it directly in SFC without importing in the page or declaring in components. It's worth noting that the `uni-app` platform doesn't support global component mounting, so components like `Message`, `Toast`, etc., still need to be explicitly used in SFC, for example:
``` html ``` html
<wd-toast></wd-toast> <wd-toast></wd-toast>
@ -190,7 +190,7 @@ After installing and configuring `Wot Design Uni`, it supports automatic compone
## Scaffolding ## Scaffolding
We provide a quick start project [wot-demo](https://github.com/Moonofweisheng/wot-demo), which integrates `Wot Design Uni` and many excellent plugins, you can clone this project directly. We provide a quick start project [wot-demo](https://github.com/Moonofweisheng/wot-demo), which integrates `Wot UI` and many excellent plugins, you can clone this project directly.
You can also use [create-uni](https://github.com/uni-helper/create-uni) to quickly create a starter project through the following command: You can also use [create-uni](https://github.com/uni-helper/create-uni) to quickly create a starter project through the following command:

View File

@ -1,11 +1,11 @@
--- ---
layout: home layout: home
title: Wot Design Uni title: Wot UI
titleTemplate: A uni-app component library based on Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes. titleTemplate: A uni-app component library based on Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes.
hero: hero:
name: Wot Design Uni name: Wot UI
text: A Beautiful and Lightweight uni-app Component Library text: A Beautiful and Lightweight uni-app Component Library
tagline: Built with Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes. tagline: Built with Vue3+TS, providing 70+ high-quality components, supporting dark mode, internationalization, and custom themes.
image: image:

View File

@ -12,7 +12,7 @@
## 如何开启暗黑模式? ## 如何开启暗黑模式?
`Wot Design Uni`支持深色模式、主题定制等能力,详见[ConfigProvider 全局配置](/component/config-provider.html)组件。 `Wot UI`支持深色模式、主题定制等能力,详见[ConfigProvider 全局配置](/component/config-provider.html)组件。
## 有没有技术交流群? ## 有没有技术交流群?
@ -37,7 +37,7 @@ pnpm add sass@1.78.0 -D
## 小程序样式隔离 ## 小程序样式隔离
### 在页面中使用 Wot Design Uni 组件时,可直接在页面的样式文件中覆盖样式 ### 在页面中使用 Wot UI 组件时,可直接在页面的样式文件中覆盖样式
```vue ```vue
<wd-button type="primary">主要按钮</wd-button> <wd-button type="primary">主要按钮</wd-button>
@ -52,7 +52,7 @@ pnpm add sass@1.78.0 -D
### 为什么在组件中无法覆盖组件库样式? ### 为什么在组件中无法覆盖组件库样式?
在自定义组件中使用 Wot Design Uni 组件时,需开启`styleIsolation: 'shared'`选项 在自定义组件中使用 Wot UI 组件时,需开启`styleIsolation: 'shared'`选项
```vue ```vue
<wd-button type="primary">主要按钮</wd-button> <wd-button type="primary">主要按钮</wd-button>
@ -91,10 +91,10 @@ defineOptions({
## 小程序使用外部样式类 ## 小程序使用外部样式类
Wot Design Uni 开放了大量的自定义样式类供开发者使用,具体的样式类名称可查阅对应组件的“外部样式类”部分。需要注意的是普通样式类和自定义样式类的优先级是未定义的,因此使用时请添加`!important`以保证外部样式类的优先级。 Wot UI 开放了大量的自定义样式类供开发者使用,具体的样式类名称可查阅对应组件的“外部样式类”部分。需要注意的是普通样式类和自定义样式类的优先级是未定义的,因此使用时请添加`!important`以保证外部样式类的优先级。
::: tip 请注意 ::: tip 请注意
`Wot Design Uni` 的组件均设置了`scoped`,所以它的 CSS 只会影响当前组件的元素,和 Shadow DOM 中的样式封装类似,处于 `scoped` 样式中的选择器如果想要做更“深度”的选择,也即:影响到子组件,可以使用 `:deep()` 这个伪类: `Wot UI` 的组件均设置了`scoped`,所以它的 CSS 只会影响当前组件的元素,和 Shadow DOM 中的样式封装类似,处于 `scoped` 样式中的选择器如果想要做更“深度”的选择,也即:影响到子组件,可以使用 `:deep()` 这个伪类:
```css ```css
<style scoped> <style scoped>
.a :deep(.b) { .a :deep(.b) {

View File

@ -1,6 +1,6 @@
# 自定义主题 # 自定义主题
Wot Design Uni 每个组件基本都有自定义类名 custom-class可以在组件根节点加入你页面上的类名进行样式修改。 Wot UI 每个组件基本都有自定义类名 custom-class可以在组件根节点加入你页面上的类名进行样式修改。
## 主题介绍 ## 主题介绍

View File

@ -51,7 +51,7 @@
## 赞助我们 ## 赞助我们
如果您认为 Wot Design Uni 帮助到了您的开发工作,您可以选择[赞助](/reward/reward.html)我们,赞助无门槛,哪怕是一杯柠檬水也好。 如果您认为 Wot UI 帮助到了您的开发工作,您可以选择[赞助](/reward/reward.html)我们,赞助无门槛,哪怕是一杯柠檬水也好。
捐赠后您的昵称、留言等将会展示在[捐赠榜单](/reward/donor.html)中。 捐赠后您的昵称、留言等将会展示在[捐赠榜单](/reward/donor.html)中。
@ -63,7 +63,7 @@
| [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 | | [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 |
| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo | | [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo |
| [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 | | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 |
| [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni 代码块提示 | | [Wot UI Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot UI 代码块提示 |
| [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 | | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 |
| [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 | | [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 |
| [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 | | [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 |

View File

@ -1,6 +1,6 @@
# 国际化<el-tag text style="vertical-align: middle;margin-left:8px;" effect="plain">0.2.20</el-tag> # 国际化<el-tag text style="vertical-align: middle;margin-left:8px;" effect="plain">0.2.20</el-tag>
Wot Design Uni 默认使用中文语言,同时支持多语言切换,如果你希望使用其他语言,你可以参考下面的方案。 Wot UI 默认使用中文语言,同时支持多语言切换,如果你希望使用其他语言,你可以参考下面的方案。
:::warning 注意点 :::warning 注意点
目前组件库发布到 npm 上的包是未经编译的`vue``ts`,而 Vite 会将[预构建](https://cn.vitejs.dev/guide/dep-pre-bundling.html)的依赖项缓存到 `node_modules/.vite`,组件库的国际化的实现是基于`reactive`实现的数据共享,在`dev`阶段就会出现页面使用预构建产物中的国际化数据,而组件库使用组件库内部的国际化数据,所以在非`uni_modules`模式引入时,需要在`vite.config.ts`中增加以下配置: 目前组件库发布到 npm 上的包是未经编译的`vue``ts`,而 Vite 会将[预构建](https://cn.vitejs.dev/guide/dep-pre-bundling.html)的依赖项缓存到 `node_modules/.vite`,组件库的国际化的实现是基于`reactive`实现的数据共享,在`dev`阶段就会出现页面使用预构建产物中的国际化数据,而组件库使用组件库内部的国际化数据,所以在非`uni_modules`模式引入时,需要在`vite.config.ts`中增加以下配置:

View File

@ -1,6 +1,6 @@
# 快速上手 # 快速上手
本节介绍如何在 `uni-app` 项目中安装、配置并使用 `Wot Design Uni`。 本节介绍如何在 `uni-app` 项目中安装、配置并使用 `Wot UI`。
## 使用之前 ## 使用之前
@ -10,7 +10,7 @@
:::warning 关于安装 :::warning 关于安装
`Wot Design Uni` 提供了 `uni_modules``npm` 两种安装方式,按需选择。 `Wot UI` 提供了 `uni_modules``npm` 两种安装方式,按需选择。
- 使用`uni_modules`安装无需额外配置,即插即用,但是每次更新组件库需要处理代码差异(一般直接覆盖就可以)。 - 使用`uni_modules`安装无需额外配置,即插即用,但是每次更新组件库需要处理代码差异(一般直接覆盖就可以)。
- 使用`npm`安装需要额外配置,更新组件库时无需处理代码差异。 - 使用`npm`安装需要额外配置,更新组件库时无需处理代码差异。
@ -37,9 +37,9 @@ pnpm add wot-design-uni
### uni_modules 安装 ### uni_modules 安装
`Wot Design Uni` 支持 [uni_modules](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#uni-modules) 规范,已经上架到 uni-app 的插件市场。 `Wot UI` 支持 [uni_modules](https://uniapp.dcloud.net.cn/plugin/uni_modules.html#uni-modules) 规范,已经上架到 uni-app 的插件市场。
`uni-app 插件市场` 选择使用 `HBuildX` 导入,或者选择手动在 src 目录下创建 uni_modules 文件夹并将 `Wot Design Uni` 解压到 uni_modules 中,结构如下: `uni-app 插件市场` 选择使用 `HBuildX` 导入,或者选择手动在 src 目录下创建 uni_modules 文件夹并将 `Wot UI` 解压到 uni_modules 中,结构如下:
```bash ```bash
- uni_modules - uni_modules
@ -50,7 +50,7 @@ pnpm add wot-design-uni
## Sass ## Sass
`Wot Design Uni` 依赖 `sass` ,因此在使用之前需要确认项目中是否已经安装了 `sass`,如果没有安装,可以通过以下命令进行安装: `Wot UI` 依赖 `sass` ,因此在使用之前需要确认项目中是否已经安装了 `sass`,如果没有安装,可以通过以下命令进行安装:
::: code-group ::: code-group
@ -77,7 +77,7 @@ pnpm add sass -D
### 导入组件 ### 导入组件
::: tip 提醒 ::: tip 提醒
使用 `uni_modules` 安装时 `Wot Design Uni` 的组件天然支持 `easycom` 规范,无需额外配置就可以自动引入组件,而使用 `npm 安装` 需按照此步骤配置,以下两种方案二选一即可。 使用 `uni_modules` 安装时 `Wot UI` 的组件天然支持 `easycom` 规范,无需额外配置就可以自动引入组件,而使用 `npm 安装` 需按照此步骤配置,以下两种方案二选一即可。
::: :::
#### 配置 easycom 自动引入组件<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >方案 1</el-tag> #### 配置 easycom 自动引入组件<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >方案 1</el-tag>
@ -182,7 +182,7 @@ cli 项目使用 `uni_modules` 安装无需配置,对 `Volar` 的支持自动
## 使用 ## 使用
`Wot Design Uni` 安装、配置完成之后,支持组件自动引入,故可以直接在 SFC 中使用,无需在页面内 import也不需要在 components 内声明,即可在任意页面使用。值得注意的是,`uni-app` 平台不支持全局挂载组件,所以 `Message``Toast` 等组件仍需在 SFC 中显式使用,例如: `Wot UI` 安装、配置完成之后,支持组件自动引入,故可以直接在 SFC 中使用,无需在页面内 import也不需要在 components 内声明,即可在任意页面使用。值得注意的是,`uni-app` 平台不支持全局挂载组件,所以 `Message``Toast` 等组件仍需在 SFC 中显式使用,例如:
``` html ``` html
<wd-toast></wd-toast> <wd-toast></wd-toast>
@ -190,7 +190,7 @@ cli 项目使用 `uni_modules` 安装无需配置,对 `Volar` 的支持自动
## 脚手架 ## 脚手架
我们提供了快速上手项目 [wot-demo](https://github.com/Moonofweisheng/wot-demo),它集成了 `Wot Design Uni` 和众多优秀插件,你可以直接克隆该项目。 我们提供了快速上手项目 [wot-demo](https://github.com/Moonofweisheng/wot-demo),它集成了 `Wot UI` 和众多优秀插件,你可以直接克隆该项目。
你也可以使用[create-uni](https://github.com/uni-helper/create-uni),通过以下命令快速创建一个起手项目: 你也可以使用[create-uni](https://github.com/uni-helper/create-uni),通过以下命令快速创建一个起手项目:

View File

@ -1,11 +1,11 @@
--- ---
layout: home layout: home
title: Wot Design Uni title: Wot UI
titleTemplate: 一个基于Vue3+TS开发的uni-app组件库提供70+高质量组件,支持暗黑模式、国际化和自定义主题。 titleTemplate: 一个基于Vue3+TS开发的uni-app组件库提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
hero: hero:
name: Wot Design Uni name: Wot UI
text: 高颜值、轻量化的uni-app组件库 text: 高颜值、轻量化的uni-app组件库
tagline: 基于Vue3+TS开发提供70+高质量组件,支持暗黑模式、国际化和自定义主题。 tagline: 基于Vue3+TS开发提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
image: image:

View File

@ -588,7 +588,7 @@
"img-tu-pian": "Img", "img-tu-pian": "Img",
"imgcropper-title": "ImgCropper", "imgcropper-title": "ImgCropper",
"imgcropper-tu-pian-cai-jian": "ImgCropper", "imgcropper-tu-pian-cai-jian": "ImgCropper",
"index-title": "Wot Design Uni", "index-title": "Wot UI",
"indexbar-suo-yin-lan": "IndexBar", "indexbar-suo-yin-lan": "IndexBar",
"indexbar-title": "IndexBar", "indexbar-title": "IndexBar",
"input-shu-ru-kuang": "Input", "input-shu-ru-kuang": "Input",
@ -1250,7 +1250,7 @@
"wo-yao-qu-na-li": "Where am I going?", "wo-yao-qu-na-li": "Where am I going?",
"woShiBuRuMoYuQuYiGeQianDuanDaGongZiWoHeWoDeXiaoHuoBanMenZhengZaiZhiLiYuKaiFaQingLiangGaoXiaoDeUniappZuJianKu": "I might as well go fishing. As a front-end worker, my friends and I are dedicated to developing a lightweight and efficient uni app component library.", "woShiBuRuMoYuQuYiGeQianDuanDaGongZiWoHeWoDeXiaoHuoBanMenZhengZaiZhiLiYuKaiFaQingLiangGaoXiaoDeUniappZuJianKu": "I might as well go fishing. As a front-end worker, my friends and I are dedicated to developing a lightweight and efficient uni app component library.",
"wot": "Wot", "wot": "Wot",
"wot-design-uni-shi-yi-ge-ji-yu-vue3ts-kai-fa-de-uniapp-zu-jian-ku-ti-gong-70-gao-zhi-liang-zu-jian-zhi-chi-an-hei-mo-shi-guo-ji-hua-he-zi-ding-yi-zhu-ti": "Wot Design Uni is a uni app component library developed based on Vue3+TS, providing over 70 high-quality components and supporting dark mode, internationalization, and custom themes.", "wot-design-uni-shi-yi-ge-ji-yu-vue3ts-kai-fa-de-uniapp-zu-jian-ku-ti-gong-70-gao-zhi-liang-zu-jian-zhi-chi-an-hei-mo-shi-guo-ji-hua-he-zi-ding-yi-zhu-ti": "Wot UI is a uni app component library developed based on Vue3+TS, providing over 70 high-quality components and supporting dark mode, internationalization, and custom themes.",
"wot-ui-yi-ge-gao-yan-zhi-qing-liang-hua-de-uniapp-zu-jian-ku": "Wot UI is a high-value, lightweight uni app component library.", "wot-ui-yi-ge-gao-yan-zhi-qing-liang-hua-de-uniapp-zu-jian-ku": "Wot UI is a high-value, lightweight uni app component library.",
"wu-ban-ma-wen": "No zebra stripes", "wu-ban-ma-wen": "No zebra stripes",
"wu-bian-kuang": "no border", "wu-bian-kuang": "no border",

View File

@ -588,7 +588,7 @@
"img-tu-pian": "Img 图片", "img-tu-pian": "Img 图片",
"imgcropper-title": "ImgCropper 图片裁剪", "imgcropper-title": "ImgCropper 图片裁剪",
"imgcropper-tu-pian-cai-jian": "imgCropper 图片裁剪", "imgcropper-tu-pian-cai-jian": "imgCropper 图片裁剪",
"index-title": "Wot Design Uni", "index-title": "Wot UI",
"indexbar-suo-yin-lan": "IndexBar 索引栏", "indexbar-suo-yin-lan": "IndexBar 索引栏",
"indexbar-title": "IndexBar 索引栏", "indexbar-title": "IndexBar 索引栏",
"input-shu-ru-kuang": "Input 输入框", "input-shu-ru-kuang": "Input 输入框",
@ -1250,7 +1250,7 @@
"wo-yao-qu-na-li": "我要去哪里?", "wo-yao-qu-na-li": "我要去哪里?",
"woShiBuRuMoYuQuYiGeQianDuanDaGongZiWoHeWoDeXiaoHuoBanMenZhengZaiZhiLiYuKaiFaQingLiangGaoXiaoDeUniappZuJianKu": "我是不如摸鱼去一个前端打工仔我和我的小伙伴们正在致力于开发轻量、高效的uni-app组件库。", "woShiBuRuMoYuQuYiGeQianDuanDaGongZiWoHeWoDeXiaoHuoBanMenZhengZaiZhiLiYuKaiFaQingLiangGaoXiaoDeUniappZuJianKu": "我是不如摸鱼去一个前端打工仔我和我的小伙伴们正在致力于开发轻量、高效的uni-app组件库。",
"wot": "Wot", "wot": "Wot",
"wot-design-uni-shi-yi-ge-ji-yu-vue3ts-kai-fa-de-uniapp-zu-jian-ku-ti-gong-70-gao-zhi-liang-zu-jian-zhi-chi-an-hei-mo-shi-guo-ji-hua-he-zi-ding-yi-zhu-ti": "Wot Design Uni 是一个基于Vue3+TS开发的uni-app组件库提供70+高质量组件,支持暗黑模式、国际化和自定义主题。", "wot-design-uni-shi-yi-ge-ji-yu-vue3ts-kai-fa-de-uniapp-zu-jian-ku-ti-gong-70-gao-zhi-liang-zu-jian-zhi-chi-an-hei-mo-shi-guo-ji-hua-he-zi-ding-yi-zhu-ti": "Wot UI 是一个基于Vue3+TS开发的uni-app组件库提供70+高质量组件,支持暗黑模式、国际化和自定义主题。",
"wot-ui-yi-ge-gao-yan-zhi-qing-liang-hua-de-uniapp-zu-jian-ku": "Wot UI 一个高颜值、轻量化的uni-app组件库。", "wot-ui-yi-ge-gao-yan-zhi-qing-liang-hua-de-uniapp-zu-jian-ku": "Wot UI 一个高颜值、轻量化的uni-app组件库。",
"wu-ban-ma-wen": "无斑马纹", "wu-ban-ma-wen": "无斑马纹",
"wu-bian-kuang": "无边框", "wu-bian-kuang": "无边框",

View File

@ -1,7 +1,7 @@
{ {
"name" : "Wot组件库", "name" : "Wot组件库",
"appid" : "__UNI__14C7B3C", "appid" : "__UNI__14C7B3C",
"description" : "Wot Design Uni 组件库", "description" : "Wot UI 组件库",
"versionName" : "1.0.0", "versionName" : "1.0.0",
"versionCode" : "100", "versionCode" : "100",
"transformPx" : false, "transformPx" : false,

View File

@ -1342,7 +1342,7 @@
"globalStyle": { "globalStyle": {
"navigationBarBackgroundColor": "@navBgColor", "navigationBarBackgroundColor": "@navBgColor",
"navigationBarTextStyle": "@navTxtStyle", "navigationBarTextStyle": "@navTxtStyle",
"navigationBarTitleText": "Wot Design Uni", "navigationBarTitleText": "Wot UI",
"backgroundColor": "@bgColor", "backgroundColor": "@bgColor",
"backgroundTextStyle": "@bgTxtStyle", "backgroundTextStyle": "@bgTxtStyle",
"backgroundColorTop": "@bgColorTop", "backgroundColorTop": "@bgColorTop",

View File

@ -5,7 +5,7 @@
<view class="page__title"> <view class="page__title">
<view class="logo"></view> <view class="logo"></view>
<view class="inline"> <view class="inline">
Wot Design Uni Wot UI
<text class="version">@{{ packageConfig.version }}</text> <text class="version">@{{ packageConfig.version }}</text>
</view> </view>
</view> </view>

View File

@ -177,7 +177,7 @@ watch(
() => props.columns, () => props.columns,
(newValue, oldValue) => { (newValue, oldValue) => {
if (newValue.length && !isArray(newValue[0])) { if (newValue.length && !isArray(newValue[0])) {
console.error('[wot design] error(wd-col-picker): the columns props of wd-col-picker should be a two-dimensional array') console.error('[wot ui] error(wd-col-picker): the columns props of wd-col-picker should be a two-dimensional array')
return return
} }
if (newValue.length === 0 && !oldValue) return if (newValue.length === 0 && !oldValue) return
@ -357,7 +357,7 @@ function handleColChange(colIndex: number, item: Record<string, any>, index: num
rowIndex: index, rowIndex: index,
resolve: (nextColumn: Record<string, any>[]) => { resolve: (nextColumn: Record<string, any>[]) => {
if (!isArray(nextColumn)) { if (!isArray(nextColumn)) {
console.error('[wot design] error(wd-col-picker): the data of each column of wd-col-picker should be an array') console.error('[wot ui] error(wd-col-picker): the data of each column of wd-col-picker should be an array')
return return
} }

View File

@ -89,7 +89,7 @@ watch(
(newValue) => { (newValue) => {
if (!['up', 'down'].includes(newValue)) { if (!['up', 'down'].includes(newValue)) {
// eslint-disable-next-line quotes // eslint-disable-next-line quotes
console.error("[wot design] warning(wd-drop-menu): direction must be 'up' or 'down'") console.error("[wot ui] warning(wd-drop-menu): direction must be 'up' or 'down'")
} }
}, },
{ deep: true, immediate: true } { deep: true, immediate: true }

View File

@ -95,7 +95,7 @@ function computeRateList() {
// valuenum // valuenum
if (modelValue === null || !num) return if (modelValue === null || !num) return
if (typeof modelValue !== 'number') { if (typeof modelValue !== 'number') {
console.error('[Wot Design] error(wd-rate): the value of wd-rate should be a number') console.error('[wot ui] error(wd-rate): the value of wd-rate should be a number')
return return
} }
const tempRateList: string[] = [] const tempRateList: string[] = []

View File

@ -29,7 +29,7 @@ const rowStyle = computed(() => {
const style: CSSProperties = {} const style: CSSProperties = {}
const { gutter } = props const { gutter } = props
if (gutter < 0) { if (gutter < 0) {
console.error('[wot design] warning(wd-row): attribute gutter must be greater than or equal to 0') console.error('[wot ui] warning(wd-row): attribute gutter must be greater than or equal to 0')
} else if (gutter) { } else if (gutter) {
style.marginLeft = addUnit(gutter / 2) style.marginLeft = addUnit(gutter / 2)
style.marginRight = addUnit(gutter / 2) style.marginRight = addUnit(gutter / 2)

View File

@ -97,7 +97,7 @@ watch(
if (newValue <= props.min) { if (newValue <= props.min) {
maxValue.value = props.min // maxValue.value = props.min //
minValue.value = newValue minValue.value = newValue
console.warn('[wot design] warning(wd-slider): max value must be greater than min value') console.warn('[wot ui] warning(wd-slider): max value must be greater than min value')
} else { } else {
maxValue.value = newValue // maxValue.value = newValue //
} }
@ -112,7 +112,7 @@ watch(
if (newValue >= props.max) { if (newValue >= props.max) {
minValue.value = props.max // minValue.value = props.max //
maxValue.value = newValue maxValue.value = newValue
console.warn('[wot design] warning(wd-slider): min value must be less than max value') console.warn('[wot ui] warning(wd-slider): min value must be less than max value')
} else { } else {
minValue.value = newValue // minValue.value = newValue //
} }
@ -126,7 +126,7 @@ watch(
(newValue) => { (newValue) => {
if (newValue < 1) { if (newValue < 1) {
stepValue.value = 1 stepValue.value = 1
console.warn('[wot design] warning(wd-slider): step must be greater than 0') console.warn('[wot ui] warning(wd-slider): step must be greater than 0')
} else { } else {
stepValue.value = Math.floor(newValue) stepValue.value = Math.floor(newValue)
} }
@ -138,14 +138,14 @@ watch(
() => props.modelValue, () => props.modelValue,
(newValue) => { (newValue) => {
// (nullundefinedundefinedvoid (0)undefined) // (nullundefinedundefinedvoid (0)undefined)
if (newValue === null || newValue === undefined) { if (!isDef(newValue)) {
emit('update:modelValue', currentValue.value) emit('update:modelValue', currentValue.value)
console.warn('[wot design] warning(wd-slider): value can nott be null or undefined') console.warn('[wot ui] warning(wd-slider): value can nott be null or undefined')
} else if (isArray(newValue) && newValue.length !== 2) { } else if (isArray(newValue) && newValue.length !== 2) {
console.warn('[wot design] warning(wd-slider): value must be dyadic array') console.warn('[wot ui] warning(wd-slider): value must be dyadic array')
} else if (!isNumber(newValue) && !isArray(newValue)) { } else if (!isNumber(newValue) && !isArray(newValue)) {
emit('update:modelValue', currentValue.value) emit('update:modelValue', currentValue.value)
console.warn('[wot design] warning(wd-slider): value must be dyadic array Or Number') console.warn('[wot ui] warning(wd-slider): value must be dyadic array Or Number')
} }
// //
if (isArray(newValue)) { if (isArray(newValue)) {

View File

@ -53,7 +53,7 @@ watch(
() => props.name, () => props.name,
(newValue) => { (newValue) => {
if (isDef(newValue) && !isNumber(newValue) && !isString(newValue)) { if (isDef(newValue) && !isNumber(newValue) && !isString(newValue)) {
console.error('[wot design] error(wd-tab): the type of name should be number or string') console.error('[wot ui] error(wd-tab): the type of name should be number or string')
return return
} }
if (tabs) { if (tabs) {

View File

@ -225,16 +225,16 @@ watch(
() => props.modelValue, () => props.modelValue,
(newValue) => { (newValue) => {
if (!isNumber(newValue) && !isString(newValue)) { if (!isNumber(newValue) && !isString(newValue)) {
console.error('[wot design] error(wd-tabs): the type of value should be number or string') console.error('[wot ui] error(wd-tabs): the type of value should be number or string')
} }
// 0 // 0
if (newValue === '' || !isDef(newValue)) { if (newValue === '' || !isDef(newValue)) {
// eslint-disable-next-line quotes // eslint-disable-next-line quotes
console.error("[wot design] error(wd-tabs): tabs's value cannot be '' null or undefined") console.error("[wot ui] error(wd-tabs): tabs's value cannot be '' null or undefined")
} }
if (typeof newValue === 'number' && newValue < 0) { if (typeof newValue === 'number' && newValue < 0) {
// eslint-disable-next-line quotes // eslint-disable-next-line quotes
console.error("[wot design] error(wd-tabs): tabs's value cannot be less than zero") console.error("[wot ui] error(wd-tabs): tabs's value cannot be less than zero")
} }
}, },
{ {
@ -336,7 +336,7 @@ async function updateLineStyle(animation: boolean = true) {
state.lineStyle = objToStyle(lineStyle) state.lineStyle = objToStyle(lineStyle)
} }
} catch (error) { } catch (error) {
console.error('[wot design] error(wd-tabs): update line style failed', error) console.error('[wot ui] error(wd-tabs): update line style failed', error)
} }
} }
@ -416,7 +416,7 @@ function getActiveIndex(value: number | string) {
// namechildren0 // namechildren0
if (isNumber(value) && value >= children.length) { if (isNumber(value) && value >= children.length) {
// eslint-disable-next-line prettier/prettier // eslint-disable-next-line prettier/prettier
console.error('[wot design] warning(wd-tabs): the type of tabs\' value is Number shouldn\'t be less than its children') console.error('[wot ui] warning(wd-tabs): the type of tabs\' value is Number shouldn\'t be less than its children')
value = 0 value = 0
} }
// 0 // 0

View File

@ -1,7 +1,7 @@
<p align="center"> <p align="center">
<img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200"> <img alt="logo" src="https://wot-design-uni.cn/logo.png" width="200">
</p> </p>
<h1 align="center">Wot Design Uni</h1> <h1 align="center">Wot UI</h1>
<p align="center">📱 一个基于vue3+Typescript构建参照<a href="https://ftf.jd.com/wot-design/">wot-design</a>打造的uni-app组件库</p> <p align="center">📱 一个基于vue3+Typescript构建参照<a href="https://ftf.jd.com/wot-design/">wot-design</a>打造的uni-app组件库</p>
@ -89,7 +89,7 @@
| [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 | | [create-uni](https://github.com/uni-helper/create-uni) | 快速创建 uni-app 项目 |
| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo | | [wot-demo](https://github.com/Moonofweisheng/wot-demo) | 基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 的wot-design-uni快速起手demo |
| [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 | | [wot-starter-retail](https://github.com/Moonofweisheng/wot-starter-retail) | 基于 wot-design-uni 的 uni-app 零售行业模板 |
| [Wot Design Uni Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot Design Uni 代码块提示 | | [Wot UI Snippets](https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets) | Wot UI 代码块提示 |
| [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 | | [uni-mini-ci](https://github.com/Moonofweisheng/uni-mini-ci) | 一个 uni-app 小程序端构建后支持 CI持续集成的插件 |
| [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 | | [uni-mini-router](https://github.com/Moonofweisheng/uni-mini-router) | 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库 |
| [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 | | [unibest](https://github.com/codercup/unibest) | 基于 wot-design-uni 的 uni-app 模板 |
@ -104,7 +104,7 @@
使用过程中发现任何问题都可以提 [Issue](https://github.com/Moonofweisheng/wot-design-uni/issues) 给我们,当然,我们也非常欢迎你给我们发 [PR](https://github.com/Moonofweisheng/wot-design-uni/pulls)。 使用过程中发现任何问题都可以提 [Issue](https://github.com/Moonofweisheng/wot-design-uni/issues) 给我们,当然,我们也非常欢迎你给我们发 [PR](https://github.com/Moonofweisheng/wot-design-uni/pulls)。
## 贡献者们 ## 贡献者们
感谢以下所有给 Wot Design Uni 贡献过代码的 [开发者](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors)。 感谢以下所有给 Wot UI 贡献过代码的 [开发者](https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors)。
<a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors"> <a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors">
@ -114,9 +114,9 @@
## 捐赠本项目 ## 捐赠本项目
开发一个 UI 组件库是一项耗时的工作,尤其是要多端适配。为此 Wot Design Uni 经常肝到深夜 …… 开发一个 UI 组件库是一项耗时的工作,尤其是要多端适配。为此 Wot UI 经常肝到深夜 ……
如果您认为 Wot Design Uni 帮助到了您的开发工作,您可以捐赠 Wot Design Uni 的研发工作,捐赠无门槛,哪怕是一杯可乐也好。 如果您认为 Wot UI 帮助到了您的开发工作,您可以捐赠 Wot UI 的研发工作,捐赠无门槛,哪怕是一杯可乐也好。
捐赠后您的昵称、留言等将会展示在[捐赠榜单](https://wot-design-uni.cn/reward/donor.html)中。 捐赠后您的昵称、留言等将会展示在[捐赠榜单](https://wot-design-uni.cn/reward/donor.html)中。