diff --git a/.vscode/settings.json b/.vscode/settings.json index 4ef1bdad9..53fe57aa5 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -36,7 +36,7 @@ // #vue组件中html代码格式化样式 } }, - "typescript.tsdk": "node_modules\\typescript\\lib", + "typescript.tsdk": "node_modules/typescript/lib", "i18n-ally.localesPaths": [ "src/uni_modules/wot-design-uni/locale", "src/uni_modules/wot-design-uni/locale/lang" diff --git a/docs/component/input.md b/docs/component/input.md index 9c7de2467..0dd8ea086 100644 --- a/docs/component/input.md +++ b/docs/component/input.md @@ -44,6 +44,21 @@ function handleChange(event) { ``` +## 有值且聚焦时展示清空按钮 +设置 `clear-trigger` 属性,可以控制是否聚焦时才展示清空按钮。 + +```html + +``` + +## 点击清除按钮时不自动聚焦 + +设置`focus-when-clear` 属性,可以控制点击清除按钮时是否自动聚焦。 + +```html + +``` + ## 密码输入框 设置 `show-password` 属性。 @@ -150,6 +165,9 @@ function handleChange(event) { | no-border | 非 cell 类型下是否隐藏下划线 | boolean | - | false | - | - | | prop | 表单域 `model` 字段名,在使用表单校验功能的情况下,该属性是必填的 | string | - | - | - | | rules | 表单验证规则,结合`wd-form`组件使用 | `FormItemRule []` | - | `[]` | - | +| clearTrigger | 显示清除图标的时机,always 表示输入框不为空时展示,focus 表示输入框聚焦且不为空时展示 | `InputClearTrigger` | `focus` / `always` | `always` | $LOWEST_VERSION$ | +| focusWhenClear | 是否在点击清除按钮时聚焦输入框 | boolean | - | true | $LOWEST_VERSION$ | + ### FormItemRule 数据结构 diff --git a/docs/component/search.md b/docs/component/search.md index 48847a28d..11f9a4353 100644 --- a/docs/component/search.md +++ b/docs/component/search.md @@ -141,18 +141,6 @@ function changeSearchType({ item, index }) { ``` - ## Attributes diff --git a/docs/component/text.md b/docs/component/text.md index c407640a7..c4ae77522 100644 --- a/docs/component/text.md +++ b/docs/component/text.md @@ -69,6 +69,66 @@ ``` +## lines + +设置 `lines` 属性,文本显示的行数,如果设置,超出此行数,将会显示省略号。最大值为5。 + +```html + +``` + +## lineHeight + +设置 `lineHeight` 文本行高。 + +```html + +``` + +## 前后插槽 + +设置 `prefix` `suffix` 插槽。 + +```html + + + + + + +``` + +## 金额 + +设置 `mode="price"` 。 + +```html + +``` + +## 文字装饰 + +设置 `decoration` 文字装饰,下划线,中划线等。 + +```html + +``` + ## 事件 ```html @@ -91,12 +151,15 @@ function clickTest() { | type | 主题类型 | string | 'primary' / 'error' / 'warning' / 'success' | default | 1.3.4 | | text | 文字 | string | - | | 1.3.4 | | size | 字体大小 | string | - | - | 1.3.4 | -| mode | 文本处理的匹配模式 | string | 'text-普通文本' / 'date - 日期' / 'phone - 手机号' / 'name - 姓名' | text | 1.3.4 | +| mode | 文本处理的匹配模式 | string | 'text-普通文本' / 'date - 日期' / 'phone - 手机号' / 'name - 姓名' / 'price - 金额' | text | 1.3.4+ | | bold | 是否粗体,默认 normal | boolean | - | false | 1.3.4 | | format | 是否脱敏 | boolean | 当 mode 为 phone 和 name 时生效 | false | 1.3.4 | | color | 文字颜色 | string | - | - | 1.3.4 | | lines | 文本显示的行数,如果设置,超出此行数,将会显示省略号。最大值为 5。 | Number | - | - | 1.3.4 | | lineHeight | 文本行高 | string | - | | 1.3.4 | +| decoration | 文字装饰,下划线,中划线等 | string | underline/line-through/overline | | 1.3.4+ | +| prefix | 前置插槽 | string | - | | 1.3.4+ | +| suffix | 后置插槽 | string | - | | 1.3.4+ | ## Events diff --git a/src/pages/input/Index.vue b/src/pages/input/Index.vue index ccbb701d4..20ee952af 100644 --- a/src/pages/input/Index.vue +++ b/src/pages/input/Index.vue @@ -15,6 +15,12 @@ + + + + + + @@ -45,7 +51,7 @@ - + @@ -76,6 +82,8 @@ const value16 = ref('') const value17 = ref('') const value18 = ref('') const value19 = ref('') +const value20 = ref('') +const value21 = ref('') function handleChange(event: any) { console.log(event) diff --git a/src/pages/text/Index.vue b/src/pages/text/Index.vue index f264cfcaf..0d88341f3 100644 --- a/src/pages/text/Index.vue +++ b/src/pages/text/Index.vue @@ -28,7 +28,6 @@ - @@ -51,6 +50,31 @@ + + + + +
+ + + + +
+
+ + + + + + + + + + + + diff --git a/src/uni_modules/wot-design-uni/global.d.ts b/src/uni_modules/wot-design-uni/global.d.ts index a9b37fdfe..90e6a9590 100644 --- a/src/uni_modules/wot-design-uni/global.d.ts +++ b/src/uni_modules/wot-design-uni/global.d.ts @@ -1,10 +1,10 @@ /* * @Author: weisheng * @Date: 2023-09-25 17:28:12 - * @LastEditTime: 2024-07-05 14:37:28 + * @LastEditTime: 2024-07-31 23:10:28 * @LastEditors: weisheng * @Description: - * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\global.d.ts + * @FilePath: /wot-design-uni/src/uni_modules/wot-design-uni/global.d.ts * 记得注释 */ import '@vue/runtime-core' @@ -100,6 +100,7 @@ declare module '@vue/runtime-core' { WdSkeleton: typeof import('./components/wd-skeleton/wd-skeleton.vue')['default'] WdIndexBar: typeof import('./components/wd-index-bar/wd-index-bar.vue')['default'] WdIndexAnchor: typeof import('./components/wd-index-anchor/wd-index-anchor.vue')['default'] + WdText: typeof import('./components/wd-text/wd-text.vue')['default'] } }