From 6ce8fafc91cb1b45ce4168a59d69085d15b7cf8d Mon Sep 17 00:00:00 2001 From: lijun Date: Wed, 19 Jul 2023 10:35:41 +0800 Subject: [PATCH] 1.1.13 (#2206) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix(loading): resolve style error (#1873) * fix(loading): resolve style error * test: update unit test * feat: empty的文案添加换行 (#1870) * fix(button): 修复[button] type="submit"时，disabled未生效 (#1878) * fix(button): 修复[button] type="submit"时，disabled未生效 修复[button] type="submit"时，disabled未生效 * fix(button): 修复[button] type="submit"时，disabled未生效 修复[button] type="submit"时，disabled未生效 * test: update snap --------- Co-authored-by: zjianzzhang * style(row): row垂直居中样式 (#1866) 添加row的flex布局，垂直居中 * fix(progress): 安卓机朗读异常 & 动态朗读 (#1354) * fix: 安卓机朗读异常 * fix: fix code * fix: 安卓不发音 * fix: fix code * fix: wip 优化中 * fix: 优化 * chore: update snap * fix: fix code * fix: fix code * fix: 错误使用iOS变量 * fix(补充注释): 补充注释 * fix: 优化 * test: update snap * fix: 补充注释 * fix: 优化部分注释, remove code * fix: 优化注释 --------- Co-authored-by: leejimqiu * feature/swiper aria v2 (#1598) * feat(swiper): support aria * feat(swiper): support custom ariaLabel * feat(swiper): image name * chore(swiper): update snap --------- Co-authored-by: leejimqiu * docs: update custom theme * fix(radio): resolve style (#1889) * feat: 支持分割线组件的线条使用变量控制属性 (#1890) * fix(action-sheet): resolve ts error of show method (#1907) * fix(grid): 修复column>=4个时，--td-grid-item-image-width和--td-grid-item-text-font-size是无效的 (#1903) * chore: update _common (#1902) * feat: 支持radio的内容字体大小使用变量。 (#1895) * feat: 支持radio的内容字体大小使用变量。 * style: 修改css变量名称 * Bitjian fix/radio icon size (#1909) * fix: 修复--td-radio-icon-size对未选中的图标未生效 * fix: fix radio 未选择的图标未生效 * fix(radio): support css variables to change circle icon size --------- Co-authored-by: bitjian <1183048003@qq.com> * chore: publish v1.1.2 (#1910) * chore: publish v1.1.2 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * fix(rate): 评分组件支持无障碍滑动 (#1574) * fix(rate): 评分组件支持滑动无障碍操作(#1050) * fix(rate): 评分组件样式问题修复.(#1050) * fix(rate): 评分组件单测问题.(#1050) * fix(rate): 抽象样式, 冗余代码.(#1050) * fix(rate): 删除冗余节点.(#1050) * fix(rate): 优化读取.(#1050) * fix(rate): 新增额外的读取.(#1050) * fix(rate): 修复警告旁白导致的滑动卡顿.(#1050) * fix(rate): sr-only注释(#1050) * fix(rate): update test snapshots. (#1050) * build: remove preview workflow tentatively * fix(upload): resolve max (#1914) * fix(navbar): resolve capsule zindex (#1920) * chore: update site * fix(button): 修复variant=outline等状态下loading不展示 (#1922) * fix(button): 修复variant=outline等状态下loading不展示 * fix(button): loading inheritColor 字段错误 * fix(navbar): resolve vertical align (#1926) * fix(navbar): resolve vertical align * test(navbar): update snapshot * fix(dropdown-menu): support multiple column radio (#1927) * fix(Link): resolve disabled problem (#1928) * fix(calendar): resolve error (#1930) * fix(calendar): resolve error * fix(calendar): make observer robust * fix(tabs): resolve content overflow (#1931) * fix(tabs): resolve content overflow * test(tabs): update snapshot * chore: update issue template * fix(Input): resolve vertical layout style error (#1934) * feat(collapse): add header-left-icon property (#1933) * feat(tabs): add middle slot (#1936) * chore: publish v1.1.3 (#1937) * chore: publish v1.1.3 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * fix(slider): enable dragstart and dragend event (#1940) * fix(image-viewer): add using-custom-navation property (#1944) * feat(Swiper): update api docs (#1945) * feat(Swiper): update api docs * Update CHANGELOG.md * fix(picker): enable to using falsy value (#1948) * fix(toast): auto hide when page is hide (#1947) * feat(swiper): add image-load event (#1949) * feat(swiper): add image-load event * fix: resolve fallback value * test: update snapshot * chore: publish v1.1.4 (#1950) * chore: publish v1.1.4 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * docs(picker): enrich api detail (#1956) * fix(tabs): resolve track position (#1958) * feat(pulldown-refresh): add some properties from scroll-view (#1959) * feat(pulldown-refresh): add some properties from scroll-view * refactor(pulldown-refresh): using px to calculate * feat(loading): support indicator slot * test: update snapshot * fix(pulldown-refresh): resolve value (#1960) * feat(datetime-picker): support steps property (#1961) * feat(steps): add sequence property (#1962) * feat(dropdown-menu): add css variable for border width (#1967) * feat(Stepper): allow input to be empty (#1971) * fix(calendar): enable scroll into view when use-popup is false (#1969) * chore(image-viewer): update demo (#1968) * chore(image-viewer): update demo * chore(image-viewer): update demo * fix(action-sheet): enable close when click cancel * chore: recover demo * chore: publish v1.1.5 (#1975) * chore: publish v1.1.5 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * docs(badge): update api * fix(navbar): Fix invalid fixed attribute of Navbar component (#1982) * feat(Icon): update icon from 0.1.2 to 0.1.4 (#1979) * feat(Icon): update iconform 0.1.2 to 0.1.4 * test: update snapshots * chore: update _common * Feat/picker-zindex (#1985) * feat: picker添加层级控制 * refactor: 修改popupProps的处理逻辑 * refactor: fix template error * fix: picker compile error * fix(DropdownMenu): auto scroll to current (#1788) (#1981) * fix(DropdownMenu): auto scroll to current (#1788) * fix(DropdownMenu): resolve auto scroll wrong height (#1788) * fix(DropdownMenu): auto multi scroll to current (#1788) * feat: 添加支持date-picker的蒙层属性透 (#1991) * feat(Slider): the step attribute supports decimals (#1990) * feat(Slider): the step attribute supports decimals * fix(slider): resolve emit same value --------- Co-authored-by: leejimqiu * chore: publish v1.1.5-beta * fix(pulldown-refresh): resolve refresh event * fix: 修复variant动态修改无效 * feat(Grid): enrich demo (#1993) * feat(Input): resolve label content wraps (#1994) * docs(Steps): remove invalid attributes (#1995) * fix(pulldown-refresh): resolve refresh event (#1998) * fix(pulldown-refresh): resolve refresh event * fix(pulldown-refresh): resolve change event * fix: fix [下拉菜单] 单选选项行高不一致 #1980 (#1992) * feat: action-sheet支持层级 (#2002) * fix: 修复多余 row 的样式导致 col 不换行问题 (#1996) * fix: 修复row样式问题 fix #1964, fix #1851 * fix: 修复多余 row 的样式导致 col 不换行问题 "fix #1964", "fix #1851" --------- Co-authored-by: pingwu * fix(dialog): display of cancel and confirm button when calling a command. (#1986) * fix(dialog): Display problem of cancel and confirm button when calling a command. * revert(dialog): Revert changes to ` dialog.wxml` * fix(dialog): Button issue when invoking commands. --------- Co-authored-by: yuchumian * fix(calendar): enable calendar type (#2003) * chore: publish v1.1.6 (#2004) * chore: publish v1.1.6 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * chore(ActionSheet): prohibit exporting components at index (#2008) * feat: action-sheet支持cancel的颜色变量 (#2007) * fix(sticky): resolve width (#2012) * fix(side-bar-item): fix prefix and suffix style anomalies (#2011) * fix(tabbar): resolve width when virtual-host not available (#2013) * chore: publish v1.1.6-beta * build: update npm publish * fix(action-sheet): resolve invalid syntax * fix(Icon): rename some icons (#2020) * fix(Icon): rename some icons * test: update snapshots * chore: publish v1.1.7 (#2031) * chore: publish v1.1.7 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * feat(Textarea): support max/min height (#2035) * feat(Textarea): support max/min height * test: update snapshots * fix: rename proposal to transform and display installation dependencies (#2046) * fix(DropdownMenu): resolved the basic library cannot be used under version 2.19.2 (#2043) * fix(DropdownMenu): resolved the basic library cannot be used under version 2.19.2 * test: update snapshots * fix(Sticky): resolved width problem (#2047) * fix(Sticky): resolved width problem * fix(sticky): recover classname --------- Co-authored-by: leejimqiu * fix(navbar): polish bg support (#2049) * fix(drawer): resolve word misspelling (#2039) * fix(drawer): item-click parameter error * fix(drawer): item-click parameter error * fix(drawer): item-click parameter error * fix(image): enable dynamic dimension (#2050) * chore: publish v1.1.8 (#2051) * chore: publish v1.1.8 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * fix(indexes): 索引导航无法选中问题 (#2036) * fix(indexes): 异步数据未重新计算高度 * docs(indexes): 增加async文档说明 * fix(indexes): 通过indexList null判断是否异步数据 * fix(indexes): 修改indexList type类型 * feat(switch): prevent click when the switch component props loading is true (#2061) * feat(checkbox): 自定义图标增加半选中态 (#2056) * feat(Search): support cursor-spacing attr (#2065) * feat(Search): support cursor-spacing attr * test: update snapshots * fix(Switch): resolved loading state style (#2074) * fix(Icon): resolved icon naming error (#2076) * fix(tree-select): enable keys property (#2085) * fix(radio-group): fix abnormal display of radio group selection status (#2082) * fix(radio-group): fix abnormal display of radio group selection status * fix(radio-group): fix abnormal display of radio group selection status * docs(slider): add faq part * fix(CellGroup): resolved borderen invalid (#2089) * chore: publish v1.1.9 (#2091) * chore: publish v1.1.9 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * feat(notice-bar): add interval property when direction='vertical' * test(notice-bar): add interval property when direction='vertical' * fix(Grid): resolved align='laft' valid (#2110) * fix(Fab): resolved hover-class invalid (#2093) * fix(upload): fix abnormal image display (#2098) * feat(tabs): add split property (#2113) * fix(slider): fix abnormal calculation of slider mark (#2114) * fix(Input): resolve value=0 is valid when type is number (#2108) * fix(slider): enable async render (#2115) * fix: add type check before call pagescroll (#2116) * build: remove issue assign logic * fix(action-sheet): do not trigger close event when disabled (#2117) * fix(stepper): trigger change when value changed (#2118) * chore: publish v1.1.10 (#2119) * chore: publish v1.1.10 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * fix(tabs): fix style anomalies caused by too many tabs items (#2123) * fix(picker): fix default value is invalid (#2126) * feat(checkbox-group): add borderless property (#2124) * feat(checkbox-group): add borderless property * test(checkbox-group): add borderless property * fix(Stepper): resolved precision problem (#2130) * fix(radio): fix vertical align (#2135) * fix(checkbox): resolve align when icon size changed (#2136) * docs(checkbox): update (#2137) * docs(checkbox): update * fix(checkbox): resolve priority of disabled property * fix(search): catch tap event when trigger clear (#2139) * fix(search): catch tap event when triiger clear * test(search): update snapshot * docs: update used page * fix(divider): replace external class (#2140) * fix(divider): replace external class * test: update snapshot * feat(radio): enable allow-uncheck (#2141) * feat(radio): enable allow-uncheck * feat(radio-group): add allowUncheck for RadioOption * test(radio-group): add allowUncheck for RadioOption * feat(radio-group): update change value * fix(toast): resolve repeated event triggering (#2146) * feat(dropdown-item): add close event (#2147) * fix: resolve console warnings (#2149) * Update README.md (#2150) * fix(popup): update width when placement is bottom (#2152) * chore: publish v1.1.11 (#2153) * chore: publish v1.1.11 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * test: remove snapshot for virtual-host (#2161) * test: remove snapshot for virtual-host * test: update config * test: update config * fix(*): resolve console warn (#2164) * fix: 修复rate组件选中没有生效 (#2158) * fix: 修复rate组件选中没有生效 修复rate组件选中没有生效 * fix: 导致父组件tap失效 * fix(rate): uncatch event (#2168) * feat(pull-down-refresh): 增加show-scrollbar参数 (#2163) * docs(pulldown-refresh): add show-scrollbar property * fix(picker): observe value (#2169) * fix(tabs): enable scroll smoothly (#2170) * fix(tree-select): enable value with empty array (#2173) * chore: publish v1.1.12 (#2175) * chore: publish v1.1.12 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] * chore: add css variables content for api docs (#2182) * fix: resolved some spelling mistake * chore: add css variables content for api docs * docs: add external-class content (#2186) * docs(Button): add external-class contnet * docs(Grid): add external-class contnet * docs(Divider): add external-class content * feat(action-sheet): support the show-overlay property (#2194) * fix(toast): fix type error in the close method of toast (#2191) * fix: action ci script security * fix: resolved some spelling mistake (#2197) * fix: resolved some spelling mistake * fix(StepItem): remove useless css * Fix/20230715 wrong label (#2195) * fix(slider, message): 修复message nowrap classPrefix 失效 & slider 组件标签大括号异常 message nowrap 属性中的 classPrefix 被当做字符串处理，导致无法正常使用。slider 组件中多出来了一对闭合大括号，导致无法正常匹配 * fix(message 组件): marquee 还原 变量还原 * fix(message): 多余中括号移除 多余中括号移除 --------- Co-authored-by: gao.ghf * docs(action-sheet): enable show-overlay (#2196) * fix(picker): column index is always zero (#2188) * docs: add external-class content (#2200) * chore: publish v1.1.13 (#2205) * chore: publish v1.1.13 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] --------- Co-authored-by: Cyrus Co-authored-by: favouredddd <40692560+favouredddd@users.noreply.github.com> Co-authored-by: 孜孜 <1183048003@qq.com> Co-authored-by: zjianzzhang Co-authored-by: tomcat-hz <59186135+tomcat-hz@users.noreply.github.com> Co-authored-by: 龙风 <455947455@qq.com> Co-authored-by: zhangpaopao Co-authored-by: Guan9 Co-authored-by: Y Co-authored-by: github-actions[bot] Co-authored-by: byqbai Co-authored-by: betavs <34408516+betavs@users.noreply.github.com> Co-authored-by: jarmywang Co-authored-by: jurrychen <534747442@qq.com> Co-authored-by: pingwu <58472278+wuping97@users.noreply.github.com> Co-authored-by: pingwu Co-authored-by: yuchumian <26185330+yuchumian@users.noreply.github.com> Co-authored-by: yuchumian Co-authored-by: ElanYoung <39727435+ElanYoung@users.noreply.github.com> Co-authored-by: betavs <392368711@qq.com> Co-authored-by: Antzy Co-authored-by: xiaosansiji Co-authored-by: Hwaphon <969489625@qq.com> Co-authored-by: gao.ghf Co-authored-by: ccccpj --- .github/workflows/auto-release.yml | 5 +- CHANGELOG.md | 17 +- CONTRIBUTING.md | 2 +- package.json | 2 +- script/generate-changelog.js | 2 +- script/generate-css-vars.js | 69 +++ script/prerender.mjs | 8 +- script/test/transform.js | 2 +- site/docs/custom-theme.md | 2 +- site/plugin-tdoc/transforms.ts | 4 +- src/action-sheet/README.en-US.md | 16 + src/action-sheet/README.md | 23 +- src/action-sheet/action-sheet.wxml | 1 + src/action-sheet/props.ts | 5 + src/action-sheet/type.ts | 9 + src/avatar/README.en-US.md | 27 + src/avatar/README.md | 44 +- src/back-top/README.en-US.md | 12 + src/back-top/README.md | 19 +- src/badge/README.en-US.md | 19 + src/badge/README.md | 26 +- src/button/README.en-US.md | 102 ++++ src/button/README.md | 109 +++- src/calendar/README.en-US.md | 16 + src/calendar/README.md | 16 + src/calendar/__test__/index.test.js | 4 +- src/cascader/README.en-US.md | 16 + src/cascader/README.md | 16 + src/cell/README.en-US.md | 36 ++ src/cell/README.md | 57 ++- src/cell/cell.less | 4 +- src/checkbox-group/checkbox-group.ts | 10 +- src/checkbox/README.en-US.md | 23 + src/checkbox/README.md | 33 +- src/collapse-panel/collapse-panel.less | 2 +- src/collapse/README.en-US.md | 19 + src/collapse/README.md | 26 +- src/common/bus.ts | 8 +- src/count-down/README.en-US.md | 11 + src/count-down/README.md | 18 +- src/date-time-picker/README.en-US.md | 9 +- src/date-time-picker/README.md | 17 +- .../__test__/__snapshots__/demo.test.js.snap | 12 +- .../__virtualHostSnapshot__/demo.test.js.snap | 174 ------- .../index.test.js.snap | 474 ------------------ .../_example/date-all/index.js | 2 +- .../_example/date-all/index.wxml | 2 +- .../_example/date-all/index.wxss | 2 +- src/date-time-picker/_example/steps/index.js | 2 +- .../_example/steps/index.wxml | 2 +- .../_example/steps/index.wxss | 2 +- src/date-time-picker/_example/time/index.js | 2 +- src/date-time-picker/_example/time/index.wxml | 4 +- src/date-time-picker/_example/time/index.wxss | 2 +- .../_example/year-month-date/index.js | 2 +- .../_example/year-month-date/index.wxml | 2 +- .../_example/year-month-date/index.wxss | 4 +- .../_example/year-month/index.js | 2 +- .../_example/year-month/index.wxml | 10 +- .../_example/year-month/index.wxss | 2 +- src/dialog/README.en-US.md | 15 + src/dialog/README.md | 24 +- src/divider/README.en-US.md | 11 + src/divider/README.md | 17 +- src/drawer/README.en-US.md | 20 + src/drawer/README.md | 20 + src/drawer/__test__/index.test.js | 2 +- src/dropdown-menu/README.en-US.md | 20 + src/dropdown-menu/README.md | 41 +- src/empty/README.en-US.md | 12 + src/empty/README.md | 19 +- src/fab/README.en-US.md | 7 + src/fab/README.md | 7 + src/footer/README.en-US.md | 21 + src/footer/README.md | 21 + src/grid/README.en-US.md | 26 + src/grid/README.md | 42 +- src/icon/README.md | 2 +- src/image-viewer/README.en-US.md | 13 + src/image-viewer/README.md | 13 + src/image/README.en-US.md | 10 + src/image/README.md | 16 +- src/indexes-anchor/README.md | 6 +- src/indexes/README.en-US.md | 25 + src/indexes/README.md | 32 +- src/input/README.en-US.md | 26 + src/input/README.md | 38 +- src/link/README.en-US.md | 21 + src/link/README.md | 30 +- src/loading/README.en-US.md | 9 + src/loading/README.md | 16 +- src/message/README.en-US.md | 15 + src/message/README.md | 24 +- src/message/message.ts | 8 +- src/message/message.wxml | 6 +- src/navbar/README.en-US.md | 16 + src/navbar/README.md | 28 +- src/notice-bar/README.en-US.md | 17 + src/notice-bar/README.md | 26 +- src/overlay/README.en-US.md | 8 + src/overlay/README.md | 8 + src/picker-item/picker-item.ts | 5 +- src/picker/README.en-US.md | 27 +- src/picker/README.md | 26 +- src/picker/__test__/index.wxml | 18 +- src/picker/picker.ts | 1 + src/popup/README.en-US.md | 8 + src/popup/README.md | 14 +- src/progress/README.en-US.md | 9 + src/progress/README.md | 16 +- src/pull-down-refresh/README.en-US.md | 7 + src/pull-down-refresh/README.md | 15 +- src/radio-group/radio-group.ts | 4 +- src/radio/README.en-US.md | 24 + src/radio/README.md | 34 +- src/rate/README.en-US.md | 13 + src/rate/README.md | 20 +- src/result/README.en-US.md | 18 + src/result/README.md | 26 +- src/search/README.en-US.md | 17 + src/search/README.md | 27 +- src/search/search.less | 2 +- src/side-bar/README.en-US.md | 18 + src/side-bar/README.md | 18 + src/side-bar/side-bar.ts | 8 +- src/skeleton/README.en-US.md | 16 + src/skeleton/README.md | 23 +- src/slider/README.en-US.md | 18 + src/slider/README.md | 28 +- src/slider/slider.wxml | 2 +- src/step-item/step-item.less | 18 +- src/stepper/README.en-US.md | 10 + src/stepper/README.md | 18 +- src/steps/README.en-US.md | 32 ++ src/steps/README.md | 47 +- src/sticky/README.md | 7 +- src/swipe-cell/swipe-cell.wxs | 2 +- src/swiper/README.en-US.md | 19 + src/swiper/README.md | 19 + src/switch/README.en-US.md | 37 ++ src/switch/README.md | 37 ++ src/switch/switch.less | 12 +- src/tab-bar-item/tab-bar-item.less | 1 - src/tab-bar/README.en-US.md | 17 + src/tab-bar/README.md | 23 +- src/tabs/README.en-US.md | 24 + src/tabs/README.md | 34 +- src/tabs/tabs.less | 2 +- src/tag/README.en-US.md | 40 ++ src/tag/README.md | 51 +- src/tag/__test__/index.test.js | 4 +- src/textarea/README.en-US.md | 14 + src/textarea/README.md | 23 +- src/toast/README.en-US.md | 12 + src/toast/README.md | 16 + src/toast/index.ts | 2 +- src/tree-select/README.en-US.md | 12 + src/tree-select/README.md | 12 + .../__test__/{indes.test.js => index.test.js} | 0 src/upload/README.en-US.md | 10 + src/upload/README.md | 10 + 161 files changed, 2518 insertions(+), 815 deletions(-) create mode 100644 script/generate-css-vars.js delete mode 100644 src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap delete mode 100644 src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap create mode 100644 src/overlay/README.en-US.md create mode 100644 src/search/README.en-US.md rename src/tree-select/__test__/{indes.test.js => index.test.js} (100%) diff --git a/.github/workflows/auto-release.yml b/.github/workflows/auto-release.yml index 57b5d26b6..08f55b02b 100644 --- a/.github/workflows/auto-release.yml +++ b/.github/workflows/auto-release.yml @@ -55,10 +55,11 @@ jobs: ref: ${{ steps.comment.outputs.branch }} - run: echo '${{ github.event.comment.body }}' - name: Commit and push if needed + env: + BODY: ${{ github.event.comment.body }} run: | txt=$(cat CHANGELOG.md) - body='${{ github.event.comment.body }}' - echo "${txt%%##*}${body}${txt##*---}" > CHANGELOG.md + echo "${txt%%##*} $BODY ${txt##*---}" > CHANGELOG.md git add . git config --local user.email "github-actions[bot]@users.noreply.github.com" git config --local user.name "github-actions[bot]" diff --git a/CHANGELOG.md b/CHANGELOG.md index fcbd39c53..28bc5b6bd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,21 @@ toc: false docClass: timeline --- + ## 🌈 1.1.13 `2023-07-18` +### 🚀 Features +- `ActionSheet`: 新增 show-overlay 属性 @betavs ([#2194](https://github.com/Tencent/tdesign-miniprogram/pull/2194)) +### 🐞 Bug Fixes +- `Toast`: 修复close方法类型声明错误 @betavs ([#2191](https://github.com/Tencent/tdesign-miniprogram/pull/2191)) +- `Message`: 修复 `__text-nowrap` 类名前缀错误的问题 @hwaphon ([#2195](https://github.com/Tencent/tdesign-miniprogram/pull/2195)) +- `Slider`: 移除错误的 wxml @hwaphon ([#2195](https://github.com/Tencent/tdesign-miniprogram/pull/2195)) +- `DateTimePicker`: 修复动态传入 mode 时无法正确渲染的问题 @betavs ([#2188](https://github.com/Tencent/tdesign-miniprogram/pull/2188)) + +### 🚧 Others +- `docs`: 在 API 模块展示所有的 CSS Variables @anlyyao ([#2182](https://github.com/Tencent/tdesign-miniprogram/pull/2182)) +- `docs`: 将外部样式类的内容独立展示 @ccccpj ([#2200](https://github.com/Tencent/tdesign-miniprogram/pull/2200)) +- 修复一些示例/文档中的拼写错误 @anlyyao ([#2197](https://github.com/Tencent/tdesign-miniprogram/pull/2197)) + + ## 🌈 1.1.12 `2023-07-11` ### 🚀 Features - `PullDownRefresh`: 增加 show-scrollbar 属性 @lolhezihehe ([#2163](https://github.com/Tencent/tdesign-miniprogram/pull/2163)) @@ -425,7 +440,7 @@ docClass: timeline - `Tabs`: 废弃 placement 属性，左右布局请使用 SideBar 组件 @LeeJim ([#1492](https://github.com/Tencent/tdesign-miniprogram/pull/1492)) ### 🚀 Features -- `Cell`: 新增 CSS Varialbes 用于控制高度 @LeeJim ([#1482](https://github.com/Tencent/tdesign-miniprogram/pull/1482)) +- `Cell`: 新增 CSS Variables 用于控制高度 @LeeJim ([#1482](https://github.com/Tencent/tdesign-miniprogram/pull/1482)) - `Indexes`: 新增支持 stickyOffset 属性，用于调整吸顶时的距离 @LeeJim ([#1485](https://github.com/Tencent/tdesign-miniprogram/pull/1485)) - `Button`: 支持 0.5px 边框 @anlyyao ([#1474](https://github.com/Tencent/tdesign-miniprogram/pull/1474)) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index bd64d085a..c101117b9 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -54,7 +54,7 @@ npm start 此时会同时启动 `dist` 与 `example` 的构建服务，对应的开发路径与构建路径分别为： - `src` -> `miniprogram_dist` -- `src/*/_exmaple` -> `example` -> `_example` +- `src/*/_example` -> `example` -> `_example` 使用微信开发者工具导入项目 `_example` 文件夹 diff --git a/package.json b/package.json index 76d3b025d..e9d6b45d0 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "tdesign-miniprogram", "purename": "tdesign", - "version": "1.1.12", + "version": "1.1.13", "description": "tdesign-miniprogram", "title": "tdesign-ßminiprogram", "main": "miniprogram_dist/index.js", diff --git a/script/generate-changelog.js b/script/generate-changelog.js index f8001717d..a802b677a 100644 --- a/script/generate-changelog.js +++ b/script/generate-changelog.js @@ -18,7 +18,7 @@ function updateVersion() { rl.on('line', (input) => { let newVersion = ''; if (!input) { - newVersion = pkg.version.replace(/(\d+\.\d+\.)(\d+)/, (verion, $1, $2) => $1 + (Number($2) + 1)); + newVersion = pkg.version.replace(/(\d+\.\d+\.)(\d+)/, (version, $1, $2) => $1 + (Number($2) + 1)); } else if (!VERSION_REG.test(input)) { console.log('\x1B[31m%s\x1B[0m', '\n⚡ 不要搞事年轻人，请输入正确版本号格式!\n'); rl.prompt(); diff --git a/script/generate-css-vars.js b/script/generate-css-vars.js new file mode 100644 index 000000000..53a2213bf --- /dev/null +++ b/script/generate-css-vars.js @@ -0,0 +1,69 @@ +const fs = require('fs'); +const path = require('path'); + +const combine = { + avatar: ['avatar-group', 'avatar'], + cell: ['cell-group', 'cell'], + collapse: ['collapse', 'collapse-panel'], + 'dropdown-menu': ['dropdown-menu', 'dropdown-item'], + tag: ['tag', 'check-tag'], + checkbox: ['checkbox-group', 'checkbox'], + indexes: ['indexes', 'indexes-anchor'], + picker: ['picker', 'picker-item'], + radio: ['radio-group', 'radio'], + 'side-bar': ['side-bar', 'side-bar-item'], + steps: ['steps', 'step-item'], + swiper: ['swiper', 'swiper-nav'], + tabs: ['tabs', 'tab-panel'], + 'tab-bar': ['tab-bar', 'tab-bar-item'], + grid: ['grid', 'grid-item'], +}; + +function resolveCwd(...args) { + args.unshift(process.cwd()); + return path.join(...args); +} + +const COMPONENT_NAME = process.argv[process.argv.indexOf('--NAME') + 1]; // 在 --NAME 后面 + +// eslint-disable-next-line +const matchReg = /(?<=var).*?(?=\;)/g; + +// 使用 v2 文件夹下 _var.less 文件 +const lessPath = []; +if (combine[COMPONENT_NAME]) { + combine[COMPONENT_NAME].forEach((item) => { + lessPath.push(resolveCwd(`src/${item}/${item}.less`)); + }); +} else { + lessPath.push(resolveCwd(`src/${COMPONENT_NAME}/${COMPONENT_NAME}.less`)); +} + +// 追加到文件 +const cssVariableHeadContent = `\n\n### CSS 变量\n组件提供了下列 CSS 变量，可用于自定义样式。\n名称 | 默认值 | 描述 \n-- | -- | --\n`; +const cssVariableHeadContentEn = `\n\n### CSS Variables\nThe component provides the following CSS variables, which can be used to customize styles.\nName | Default Value | Description \n-- | -- | --\n`; + +fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.md`), cssVariableHeadContent); +fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.en-US.md`), cssVariableHeadContentEn); + +// 读取 less 文件内容 +lessPath.forEach((item) => { + if (fs.existsSync(item)) { + fs.readFile(item, 'utf8', (err, file) => { + if (err) { + console.log('please execute npm run update:css first!', err); + return; + } + const list = file.match(matchReg)?.sort(); + let cssVariableBodyContent = ''; + list?.forEach((item) => { + cssVariableBodyContent += `${item.slice(1, item.indexOf(','))} | ${item.slice( + item.indexOf(',') + 2, + item.length - 1, + )} | - \n`; + }); + fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.md`), cssVariableBodyContent); + fs.appendFileSync(resolveCwd(`src/${COMPONENT_NAME}/README.en-US.md`), cssVariableBodyContent); + }); + } +}); diff --git a/script/prerender.mjs b/script/prerender.mjs index 61b62a718..70e7bc448 100644 --- a/script/prerender.mjs +++ b/script/prerender.mjs @@ -16,7 +16,7 @@ function initPageList() { }); }); - console.log(pageList) + console.log(pageList); return pageList; } @@ -24,7 +24,7 @@ function initPageList() { async function initPreviewServer() { const previewServer = await preview({ preview: { port: 9999, open: false }, - build: { outDir: './_site' } + build: { outDir: './_site' }, }); previewServer.printUrls(); @@ -41,7 +41,7 @@ async function initPreviewServer() { fs.mkdirSync(spiderPath); } catch {} - for (let url of pageList) { + for (const url of pageList) { const [, pathName] = url.split(prefix); const filePath = `${spiderPath}${pathName || '/index'}.html`; @@ -54,7 +54,7 @@ async function initPreviewServer() { fs.mkdirSync(path.dirname(filePath)); } catch {} - console.log('\x1b[32m', `writting ${url}... \n`); + console.log('\x1b[32m', `writing ${url}... \n`); fs.writeFileSync(filePath, html); } diff --git a/script/test/transform.js b/script/test/transform.js index 26e54b50d..0ac53ea8f 100644 --- a/script/test/transform.js +++ b/script/test/transform.js @@ -1,4 +1,4 @@ -// 由于开启 vritualHost=true 之后，selectComponent 无法获取，暂时在单测关闭 virtualHost +// 由于开启 virtualHost=true 之后，selectComponent 无法获取，暂时在单测关闭 virtualHost const path = require('path'); const babelJest = require('babel-jest'); diff --git a/site/docs/custom-theme.md b/site/docs/custom-theme.md index 750c103b1..8a3ad9b4e 100644 --- a/site/docs/custom-theme.md +++ b/site/docs/custom-theme.md @@ -62,4 +62,4 @@ page { } ``` -> 目前仅有部分组件支持自定义主题，支持的组件在其文档有陈列对应的 CSS Varialbes，可以访问 [tab-bar-item.less](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/tab-bar-item/tab-bar-item.less) \ No newline at end of file +> 目前仅有部分组件支持自定义主题，支持的组件在其文档有陈列对应的 CSS Variables，可以访问 [tab-bar-item.less](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/tab-bar-item/tab-bar-item.less) \ No newline at end of file diff --git a/site/plugin-tdoc/transforms.ts b/site/plugin-tdoc/transforms.ts index 965a7f604..06ca728e4 100644 --- a/site/plugin-tdoc/transforms.ts +++ b/site/plugin-tdoc/transforms.ts @@ -6,7 +6,7 @@ let demoCodesImports: Record = {}; export default { before({ source, file, md }: any) { - const resouceDir = path.dirname(file); + const resourceDir = path.dirname(file); const reg = file.match(/src\/(\S*)(?=\/\S*.md)/); const name = reg && reg[1]; demoCodesImports = {}; @@ -23,7 +23,7 @@ export default { // 替换成对应 demo 文件 source = source.replace(/{{\s+(.+)\s+}}/g, (_: string, demoDirName: string) => { - const demoPath = path.resolve(resouceDir, `./_example/${demoDirName}`); + const demoPath = path.resolve(resourceDir, `./_example/${demoDirName}`); if (!fs.existsSync(demoPath)) { console.log('\x1B[36m%s\x1B[0m', `${name} 组件需要实现 _example/${demoDirName} 示例!`); return '\n

DEMO (🚧建设中）...

'; diff --git a/src/action-sheet/README.en-US.md b/src/action-sheet/README.en-US.md index 0c840670b..5af0d7877 100644 --- a/src/action-sheet/README.en-US.md +++ b/src/action-sheet/README.en-US.md @@ -11,6 +11,7 @@ count | Number | 8 | \- | N description | String | - | `0.29.0` | N items | Array | - | required。Typescript：`Array` `interface ActionSheetItem {label: string; color?: string; disabled?: boolean }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/action-sheet/type.ts) | Y show-cancel | Boolean | true | \- | N +show-overlay | Boolean | true | \- | N theme | String | list | options：list/grid | N visible | Boolean | false | required | Y default-visible | Boolean | undefined | required。uncontrolled property | Y @@ -22,3 +23,18 @@ name | params | description cancel | \- | \- close | `(trigger: TriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/action-sheet/type.ts)。
`type TriggerSource = 'overlay' \| 'command' \| 'select' `
selected | `(selected: ActionSheetItem \| string, index: number)` | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-action-sheet-border-color | @gray-color-1 | - +--td-action-sheet-border-radius | @radius-extra-large | - +--td-action-sheet-cancel-color | @font-gray-1 | - +--td-action-sheet-cancel-height | 96rpx | - +--td-action-sheet-color | @font-gray-1 | - +--td-action-sheet-description-color | @font-gray-3 | - +--td-action-sheet-list-item-disabled-color | @font-gray-4 | - +--td-action-sheet-list-item-height | 112rpx | - +--td-action-sheet-text-align | center | - diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md index 1ba2bab61..b552212e0 100644 --- a/src/action-sheet/README.md +++ b/src/action-sheet/README.md @@ -93,10 +93,10 @@ count | Number | 8 | 设置每页展示菜单的数量，仅当 type=grid 时有 description | String | - | `0.29.0`。动作面板描述文字 | N items | Array | - | 必需。菜单项。TS 类型：`Array` `interface ActionSheetItem {label: string; color?: string; disabled?: boolean }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/action-sheet/type.ts) | Y show-cancel | Boolean | true | 是否显示取消按钮 | N +show-overlay | Boolean | true | 是否显示遮罩层 | N theme | String | list | 展示类型，列表和表格形式展示。可选项：list/grid | N visible | Boolean | false | 必需。显示与隐藏 | Y default-visible | Boolean | undefined | 必需。显示与隐藏。非受控属性 | Y -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-content', 't-class-cancel']` | N ### ActionSheet Events @@ -105,3 +105,24 @@ external-classes | Array | - | 组件类名，用于设置组件外层元素类 cancel | \- | 点击取消按钮时触发 close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/action-sheet/type.ts)。
`type TriggerSource = 'overlay' \| 'command' \| 'select' `
selected | `(selected: ActionSheetItem \| string, index: number)` | 选择菜单项时触发 + +### ActionSheet 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 +t-class-cancel | 取消样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-action-sheet-border-color | @gray-color-1 | - +--td-action-sheet-border-radius | @radius-extra-large | - +--td-action-sheet-cancel-color | @font-gray-1 | - +--td-action-sheet-cancel-height | 96rpx | - +--td-action-sheet-color | @font-gray-1 | - +--td-action-sheet-description-color | @font-gray-3 | - +--td-action-sheet-list-item-disabled-color | @font-gray-4 | - +--td-action-sheet-list-item-height | 112rpx | - +--td-action-sheet-text-align | center | - diff --git a/src/action-sheet/action-sheet.wxml b/src/action-sheet/action-sheet.wxml index 174ee0145..70f5ed0c0 100644 --- a/src/action-sheet/action-sheet.wxml +++ b/src/action-sheet/action-sheet.wxml @@ -8,6 +8,7 @@ visible="{{visible}}" placement="bottom" bind:visible-change="onPopupVisibleChange" + show-overlay="{{showOverlay}}" z-index="{{ popupProps.zIndex || defaultPopUpzIndex }}" overlay-props="{{ popupProps.overlayProps || defaultPopUpProps }}" > diff --git a/src/action-sheet/props.ts b/src/action-sheet/props.ts index a2943547d..12a82b79f 100644 --- a/src/action-sheet/props.ts +++ b/src/action-sheet/props.ts @@ -50,6 +50,11 @@ const props: TdActionSheetProps = { type: Boolean, value: false, }, + /** 是否显示遮罩层 */ + showOverlay: { + type: Boolean, + value: true, + }, /** popupProps透传 */ popupProps: { type: Object, diff --git a/src/action-sheet/type.ts b/src/action-sheet/type.ts index 899e70a8e..edf9e914e 100644 --- a/src/action-sheet/type.ts +++ b/src/action-sheet/type.ts @@ -76,6 +76,15 @@ export interface TdActionSheetProps { type: BooleanConstructor; value?: boolean; }; + /** + * 是否显示遮罩层 + * @default true + */ + showOverlay: { + type: BooleanConstructor; + value?: boolean; + }; + /** popupProps透传 */ popupProps: { type: ObjectConstructor; value?: object; diff --git a/src/avatar/README.en-US.md b/src/avatar/README.en-US.md index 57e9af29e..b0d8df223 100644 --- a/src/avatar/README.en-US.md +++ b/src/avatar/README.en-US.md @@ -31,3 +31,30 @@ collapse-avatar | String / Slot | - | \- | N external-classes | Array | - | `['t-class', 't-class-image', 't-class-content']` | N max | Number | - | \- | N size | String | medium | size | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-avatar-group-margin-left-large | -8px | - +--td-avatar-group-margin-left-medium | -6px | - +--td-avatar-group-margin-left-small | -4px | - +--td-avatar-bg-color | @brand-color-light-active | - +--td-avatar-border-color | #fff | - +--td-avatar-border-width-large | 8rpx | - +--td-avatar-border-width-medium | 6rpx | - +--td-avatar-border-width-small | 4rpx | - +--td-avatar-circle-border-radius | @radius-circle | - +--td-avatar-content-color | @brand-color | - +--td-avatar-icon-large-font-size | 64rpx | - +--td-avatar-icon-medium-font-size | 48rpx | - +--td-avatar-icon-small-font-size | 40rpx | - +--td-avatar-large-width | 128rpx | - +--td-avatar-margin-left | 0 | - +--td-avatar-medium-width | 96rpx | - +--td-avatar-round-border-radius | @radius-default | - +--td-avatar-small-width | 80rpx | - +--td-avatar-text-large-font-size | 16px | - +--td-avatar-text-medium-font-size | @font-size-base | - +--td-avatar-text-small-font-size | @font-size-s | - diff --git a/src/avatar/README.md b/src/avatar/README.md index d083ac64e..61953b18b 100644 --- a/src/avatar/README.md +++ b/src/avatar/README.md @@ -62,7 +62,6 @@ isComponent: true alt | String | - | 头像替换文本，仅当图片加载失败时有效 | N badge-props | Object | - | 头像右上角提示信息，继承 Badge 组件的全部特性。如：小红点，或者数字。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar/type.ts) | N bordered | Boolean | false | 已废弃。是否显示外边框 | N -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-image', 't-class-icon', 't-class-alt', 't-class-content']` | N hide-on-load-failed | Boolean | false | 加载失败时隐藏图片 | N icon | String / Object | - | 图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N image | String | - | 图片地址 | N @@ -76,12 +75,53 @@ size | String | medium | 尺寸，示例值：small/medium/large/24px/38px 等 | -- | -- | -- error | \- | 图片加载失败时触发 +### Avatar 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-image | 图片样式类 +t-class-icon | 图标样式类 +t-class-alt | 替代文本样式类 +t-class-content | 内容样式类 + ### AvatarGroup Props 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- cascading | String | 'left-up' | 图片之间的层叠关系，可选值：左侧图片在上和右侧图片在上。可选项：left-up/right-up。TS 类型：`CascadingValue` `type CascadingValue = 'left-up' \| 'right-up'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/avatar-group/type.ts) | N collapse-avatar | String / Slot | - | 头像数量超出时，会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例：`+5`，`...`, `更多` | N -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class', 't-class-image', 't-class-content']` | N max | Number | - | 能够同时显示的最多头像数量 | N size | String | medium | 尺寸，示例值：small/medium/large/24px/38px 等。优先级低于 Avatar.size | N + +### AvatarGroup 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-image | 图片样式类 +t-class-content | 内容样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-avatar-group-margin-left-large | -8px | - +--td-avatar-group-margin-left-medium | -6px | - +--td-avatar-group-margin-left-small | -4px | - +--td-avatar-bg-color | @brand-color-light-active | - +--td-avatar-border-color | #fff | - +--td-avatar-border-width-large | 8rpx | - +--td-avatar-border-width-medium | 6rpx | - +--td-avatar-border-width-small | 4rpx | - +--td-avatar-circle-border-radius | @radius-circle | - +--td-avatar-content-color | @brand-color | - +--td-avatar-icon-large-font-size | 64rpx | - +--td-avatar-icon-medium-font-size | 48rpx | - +--td-avatar-icon-small-font-size | 40rpx | - +--td-avatar-large-width | 128rpx | - +--td-avatar-margin-left | 0 | - +--td-avatar-medium-width | 96rpx | - +--td-avatar-round-border-radius | @radius-default | - +--td-avatar-small-width | 80rpx | - +--td-avatar-text-large-font-size | 16px | - +--td-avatar-text-medium-font-size | @font-size-base | - +--td-avatar-text-small-font-size | @font-size-s | - diff --git a/src/back-top/README.en-US.md b/src/back-top/README.en-US.md index c75a4b526..8a4b150f2 100644 --- a/src/back-top/README.en-US.md +++ b/src/back-top/README.en-US.md @@ -17,3 +17,15 @@ theme | String | round | options：round/half-round/round-dark/half-round-dark | name | params | description -- | -- | -- to-top | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-back-top-round-bg-color | @font-white-1 | - +--td-back-top-round-border-color | @component-border | - +--td-back-top-round-border-radius | @radius-circle | - +--td-back-top-round-color | @font-gray-1 | - +--td-back-top-round-dark-bg-color | @gray-color-14 | - +--td-back-top-round-dark-color | @font-white-1 | - diff --git a/src/back-top/README.md b/src/back-top/README.md index 7e220e416..3e6c441fa 100644 --- a/src/back-top/README.md +++ b/src/back-top/README.md @@ -29,7 +29,6 @@ isComponent: true 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- -external-classes | Array | - | 组件类名，分别用于设置外层元素、图标、文本内容等元素类名。`['t-class', 't-class-icon', 't-class-text']` | N fixed | Boolean | true | 是否绝对定位固定到屏幕右下方 | N icon | String / Boolean / Object / Slot | true | 图标。值为 `false` 表示不显示图标。不传表示使用默认图标 `'backtop'` | N text | String | '' | 文案 | N @@ -40,3 +39,21 @@ theme | String | round | 预设的样式类型。可选项：round/half-round/ro 名称 | 参数 | 描述 -- | -- | -- to-top | \- | 点击触发 + +### BackTop 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-icon | 图标样式类 +t-class-text | 文本样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-back-top-round-bg-color | @font-white-1 | - +--td-back-top-round-border-color | @component-border | - +--td-back-top-round-border-radius | @radius-circle | - +--td-back-top-round-color | @font-gray-1 | - +--td-back-top-round-dark-bg-color | @gray-color-14 | - +--td-back-top-round-dark-color | @font-white-1 | - diff --git a/src/badge/README.en-US.md b/src/badge/README.en-US.md index f8cf6069b..0c39ca648 100644 --- a/src/badge/README.en-US.md +++ b/src/badge/README.en-US.md @@ -15,3 +15,22 @@ offset | Array | - | Typescript：`Array` | N shape | String | circle | options：circle/square/bubble/ribbon | N show-zero | Boolean | false | \- | N size | String | medium | options：medium/large | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-badge-basic-height | 32rpx | - +--td-badge-basic-padding | 8rpx | - +--td-badge-basic-width | 32rpx | - +--td-badge-bg-color | @error-color | - +--td-badge-border-radius | 4rpx | - +--td-badge-bubble-border-radius | 20rpx 20rpx 20rpx 1px | - +--td-badge-dot-size | 16rpx | - +--td-badge-font-size | @font-size-xs | - +--td-badge-font-weight | 600 | - +--td-badge-large-font-size | @font-size-s | - +--td-badge-large-height | 40rpx | - +--td-badge-large-padding | 10rpx | - +--td-badge-text-color | @font-white-1 | - diff --git a/src/badge/README.md b/src/badge/README.md index e6c6d9bac..b5d773e6d 100644 --- a/src/badge/README.md +++ b/src/badge/README.md @@ -39,9 +39,33 @@ color | String | - | 颜色 | N content | String | - | 徽标内容，示例：`content='自定义内容'`。也可以使用默认插槽定义 | N count | String / Number / Slot | 0 | 徽标右上角内容。可以是数字，也可以是文字。如：'new'/3/99+。特殊：值为空表示使用插槽渲染。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N dot | Boolean | false | 是否为红点 | N -external-classes | Array | - | 组件类名，分别用于设置外层元素、默认内容、右上角内容等元素类名。`['t-class', 't-class-content', 't-class-count']` | N max-count | Number | 99 | 封顶的数字值 | N offset | Array | - | 设置状态点的位置偏移，示例：[-10, 20] 或 ['10em', '8rem']。TS 类型：`Array` | N shape | String | circle | 形状。可选项：circle/square/bubble/ribbon | N show-zero | Boolean | false | 当数值为 0 时，是否展示徽标 | N size | String | medium | 尺寸。可选项：medium/large | N + +### Badge 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-count | 计数样式类 +t-class-content | 内容样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-badge-basic-height | 32rpx | - +--td-badge-basic-padding | 8rpx | - +--td-badge-basic-width | 32rpx | - +--td-badge-bg-color | @error-color | - +--td-badge-border-radius | 4rpx | - +--td-badge-bubble-border-radius | 20rpx 20rpx 20rpx 1px | - +--td-badge-dot-size | 16rpx | - +--td-badge-font-size | @font-size-xs | - +--td-badge-font-weight | 600 | - +--td-badge-large-font-size | @font-size-s | - +--td-badge-large-height | 40rpx | - +--td-badge-large-padding | 10rpx | - +--td-badge-text-color | @font-white-1 | - diff --git a/src/button/README.en-US.md b/src/button/README.en-US.md index ee2b1d7e5..7eeb6d27c 100644 --- a/src/button/README.en-US.md +++ b/src/button/README.en-US.md @@ -44,3 +44,105 @@ bindchooseavatar | Eventhandle | - | \- | N name | params | description -- | -- | -- tap | `(e: MouseEvent)` | trigger on click + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-button-border-radius | @radius-default | - +--td-button-border-width | 4rpx | - +--td-button-danger-active-bg-color | @error-color-7 | - +--td-button-danger-active-border-color | @error-color-7 | - +--td-button-danger-bg-color | @error-color | - +--td-button-danger-border-color | @error-color | - +--td-button-danger-color | @font-white-1 | - +--td-button-danger-dashed-border-color | @button-danger-dashed-color | - +--td-button-danger-dashed-color | @error-color | - +--td-button-danger-dashed-disabled-color | @button-danger-disabled-color | - +--td-button-danger-disabled-bg | @error-color-3 | - +--td-button-danger-disabled-border-color | @error-color-3 | - +--td-button-danger-disabled-color | @font-white-1 | - +--td-button-danger-outline-active-bg-color | @bg-color-container-active | - +--td-button-danger-outline-active-border-color | @error-color-7 | - +--td-button-danger-outline-border-color | @button-danger-outline-color | - +--td-button-danger-outline-color | @error-color | - +--td-button-danger-outline-disabled-color | @error-color-3 | - +--td-button-danger-text-active-bg-color | @bg-color-container-active | - +--td-button-danger-text-color | @error-color | - +--td-button-danger-text-disabled-color | @button-danger-disabled-color | - +--td-button-default-active-bg-color | @bg-color-component-active | - +--td-button-default-active-border-color | @bg-color-component-active | - +--td-button-default-bg-color | @bg-color-component | - +--td-button-default-border-color | @bg-color-component | - +--td-button-default-color | @font-gray-1 | - +--td-button-default-disabled-bg | @bg-color-component-disabled | - +--td-button-default-disabled-border-color | @bg-color-component-disabled | - +--td-button-default-disabled-color | @font-gray-4 | - +--td-button-default-outline-active-bg-color | @bg-color-container-active | - +--td-button-default-outline-active-border-color | @component-border | - +--td-button-default-outline-border-color | @component-border | - +--td-button-default-outline-color | @font-gray-1 | - +--td-button-default-outline-disabled-color | @component-border | - +--td-button-default-text-active-bg-color | @bg-color-container-active | - +--td-button-extra-small-font-size | @font-size-base | - +--td-button-extra-small-height | 56rpx | - +--td-button-extra-small-icon-font-size | 36rpx | - +--td-button-extra-small-padding-horizontal | 16rpx | - +--td-button-font-weight | 600 | - +--td-button-ghost-border-color | @button-ghost-color | - +--td-button-ghost-color | @bg-color-container | - +--td-button-ghost-danger-border-color | @error-color | - +--td-button-ghost-danger-color | @error-color | - +--td-button-ghost-disabled-color | rgba(255, 255, 255, 0.35) | - +--td-button-ghost-primary-border-color | @brand-color | - +--td-button-ghost-primary-color | @brand-color | - +--td-button-icon-border-radius | 8rpx | - +--td-button-icon-spacer | @spacer | - +--td-button-large-font-size | @font-size-m | - +--td-button-large-height | 96rpx | - +--td-button-large-icon-font-size | 48rpx | - +--td-button-large-padding-horizontal | 40rpx | - +--td-button-light-active-bg-color | @brand-color-light-active | - +--td-button-light-active-border-color | @brand-color-light-active | - +--td-button-light-bg-color | @brand-color-light | - +--td-button-light-border-color | @brand-color-light | - +--td-button-light-color | @brand-color | - +--td-button-light-disabled-bg | @brand-color-light | - +--td-button-light-disabled-border-color | @brand-color-light | - +--td-button-light-disabled-color | @brand-color-disabled | - +--td-button-light-outline-active-bg-color | @brand-color-light-active | - +--td-button-light-outline-active-border-color | @brand-color-active | - +--td-button-light-outline-bg-color | @brand-color-light | - +--td-button-light-outline-border-color | @button-light-outline-color | - +--td-button-light-outline-color | @brand-color | - +--td-button-light-outline-disabled-color | @brand-color-disabled | - +--td-button-light-text-active-bg-color | @bg-color-container-active | - +--td-button-light-text-color | @brand-color | - +--td-button-medium-font-size | @font-size-m | - +--td-button-medium-height | 80rpx | - +--td-button-medium-icon-font-size | 40rpx | - +--td-button-medium-padding-horizontal | 32rpx | - +--td-button-primary-active-bg-color | @brand-color-active | - +--td-button-primary-active-border-color | @brand-color-active | - +--td-button-primary-bg-color | @brand-color | - +--td-button-primary-border-color | @brand-color | - +--td-button-primary-color | @font-white-1 | - +--td-button-primary-dashed-border-color | @button-primary-dashed-color | - +--td-button-primary-dashed-color | @brand-color | - +--td-button-primary-dashed-disabled-color | @brand-color-disabled | - +--td-button-primary-disabled-bg | @brand-color-disabled | - +--td-button-primary-disabled-border-color | @brand-color-disabled | - +--td-button-primary-disabled-color | @font-white-1 | - +--td-button-primary-outline-active-bg-color | @bg-color-container-active | - +--td-button-primary-outline-active-border-color | @brand-color-active | - +--td-button-primary-outline-border-color | @button-primary-outline-color | - +--td-button-primary-outline-color | @brand-color | - +--td-button-primary-outline-disabled-color | @brand-color-disabled | - +--td-button-primary-text-active-bg-color | @bg-color-container-active | - +--td-button-primary-text-color | @brand-color | - +--td-button-primary-text-disabled-color | @brand-color-disabled | - +--td-button-small-font-size | @font-size-base | - +--td-button-small-height | 64rpx | - +--td-button-small-icon-font-size | 36rpx | - +--td-button-small-padding-horizontal | 24rpx | - diff --git a/src/button/README.md b/src/button/README.md index 937e3409a..76c8160b7 100644 --- a/src/button/README.md +++ b/src/button/README.md @@ -69,7 +69,6 @@ block | Boolean | false | 是否为块级元素 | N content | String / Slot | - | 按钮内容 | N custom-dataset | Object | - | 自定义 dataset，可通过 event.currentTarget.dataset.custom 获取。TS 类型：`any` | N disabled | Boolean | false | 禁用状态 | N -external-classes | Array | - | 组件类名。`['t-class', 't-class-icon', 't-class-loading']` | N ghost | Boolean | false | 是否为幽灵按钮（镂空按钮） | N icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N loading | Boolean | false | 是否显示为加载状态 | N @@ -105,3 +104,111 @@ bindchooseavatar | Eventhandle | - | 获取用户头像回调，open-type=choose 名称 | 参数 | 描述 -- | -- | -- tap | `event` | 点击按钮，当按钮不为加载或禁用状态时触发 + +### Button 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-icon | 图标样式类 +t-class-loading | 加载样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-button-border-radius | @radius-default | - +--td-button-border-width | 4rpx | - +--td-button-danger-active-bg-color | @error-color-7 | - +--td-button-danger-active-border-color | @error-color-7 | - +--td-button-danger-bg-color | @error-color | - +--td-button-danger-border-color | @error-color | - +--td-button-danger-color | @font-white-1 | - +--td-button-danger-dashed-border-color | @button-danger-dashed-color | - +--td-button-danger-dashed-color | @error-color | - +--td-button-danger-dashed-disabled-color | @button-danger-disabled-color | - +--td-button-danger-disabled-bg | @error-color-3 | - +--td-button-danger-disabled-border-color | @error-color-3 | - +--td-button-danger-disabled-color | @font-white-1 | - +--td-button-danger-outline-active-bg-color | @bg-color-container-active | - +--td-button-danger-outline-active-border-color | @error-color-7 | - +--td-button-danger-outline-border-color | @button-danger-outline-color | - +--td-button-danger-outline-color | @error-color | - +--td-button-danger-outline-disabled-color | @error-color-3 | - +--td-button-danger-text-active-bg-color | @bg-color-container-active | - +--td-button-danger-text-color | @error-color | - +--td-button-danger-text-disabled-color | @button-danger-disabled-color | - +--td-button-default-active-bg-color | @bg-color-component-active | - +--td-button-default-active-border-color | @bg-color-component-active | - +--td-button-default-bg-color | @bg-color-component | - +--td-button-default-border-color | @bg-color-component | - +--td-button-default-color | @font-gray-1 | - +--td-button-default-disabled-bg | @bg-color-component-disabled | - +--td-button-default-disabled-border-color | @bg-color-component-disabled | - +--td-button-default-disabled-color | @font-gray-4 | - +--td-button-default-outline-active-bg-color | @bg-color-container-active | - +--td-button-default-outline-active-border-color | @component-border | - +--td-button-default-outline-border-color | @component-border | - +--td-button-default-outline-color | @font-gray-1 | - +--td-button-default-outline-disabled-color | @component-border | - +--td-button-default-text-active-bg-color | @bg-color-container-active | - +--td-button-extra-small-font-size | @font-size-base | - +--td-button-extra-small-height | 56rpx | - +--td-button-extra-small-icon-font-size | 36rpx | - +--td-button-extra-small-padding-horizontal | 16rpx | - +--td-button-font-weight | 600 | - +--td-button-ghost-border-color | @button-ghost-color | - +--td-button-ghost-color | @bg-color-container | - +--td-button-ghost-danger-border-color | @error-color | - +--td-button-ghost-danger-color | @error-color | - +--td-button-ghost-disabled-color | rgba(255, 255, 255, 0.35) | - +--td-button-ghost-primary-border-color | @brand-color | - +--td-button-ghost-primary-color | @brand-color | - +--td-button-icon-border-radius | 8rpx | - +--td-button-icon-spacer | @spacer | - +--td-button-large-font-size | @font-size-m | - +--td-button-large-height | 96rpx | - +--td-button-large-icon-font-size | 48rpx | - +--td-button-large-padding-horizontal | 40rpx | - +--td-button-light-active-bg-color | @brand-color-light-active | - +--td-button-light-active-border-color | @brand-color-light-active | - +--td-button-light-bg-color | @brand-color-light | - +--td-button-light-border-color | @brand-color-light | - +--td-button-light-color | @brand-color | - +--td-button-light-disabled-bg | @brand-color-light | - +--td-button-light-disabled-border-color | @brand-color-light | - +--td-button-light-disabled-color | @brand-color-disabled | - +--td-button-light-outline-active-bg-color | @brand-color-light-active | - +--td-button-light-outline-active-border-color | @brand-color-active | - +--td-button-light-outline-bg-color | @brand-color-light | - +--td-button-light-outline-border-color | @button-light-outline-color | - +--td-button-light-outline-color | @brand-color | - +--td-button-light-outline-disabled-color | @brand-color-disabled | - +--td-button-light-text-active-bg-color | @bg-color-container-active | - +--td-button-light-text-color | @brand-color | - +--td-button-medium-font-size | @font-size-m | - +--td-button-medium-height | 80rpx | - +--td-button-medium-icon-font-size | 40rpx | - +--td-button-medium-padding-horizontal | 32rpx | - +--td-button-primary-active-bg-color | @brand-color-active | - +--td-button-primary-active-border-color | @brand-color-active | - +--td-button-primary-bg-color | @brand-color | - +--td-button-primary-border-color | @brand-color | - +--td-button-primary-color | @font-white-1 | - +--td-button-primary-dashed-border-color | @button-primary-dashed-color | - +--td-button-primary-dashed-color | @brand-color | - +--td-button-primary-dashed-disabled-color | @brand-color-disabled | - +--td-button-primary-disabled-bg | @brand-color-disabled | - +--td-button-primary-disabled-border-color | @brand-color-disabled | - +--td-button-primary-disabled-color | @font-white-1 | - +--td-button-primary-outline-active-bg-color | @bg-color-container-active | - +--td-button-primary-outline-active-border-color | @brand-color-active | - +--td-button-primary-outline-border-color | @button-primary-outline-color | - +--td-button-primary-outline-color | @brand-color | - +--td-button-primary-outline-disabled-color | @brand-color-disabled | - +--td-button-primary-text-active-bg-color | @bg-color-container-active | - +--td-button-primary-text-color | @brand-color | - +--td-button-primary-text-disabled-color | @brand-color-disabled | - +--td-button-small-font-size | @font-size-base | - +--td-button-small-height | 64rpx | - +--td-button-small-icon-font-size | 36rpx | - +--td-button-small-padding-horizontal | 24rpx | - diff --git a/src/calendar/README.en-US.md b/src/calendar/README.en-US.md index 243946c55..f245f7c9e 100644 --- a/src/calendar/README.en-US.md +++ b/src/calendar/README.en-US.md @@ -26,3 +26,19 @@ change | `(value: timestamp)` | `0.28.0` close | `(trigger: CalendarTrigger)` | `0.34.0`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts)。
`type CalendarTrigger = 'close-btn' \| 'confirm-btn' \| 'overlay'`
confirm | `(value: timestamp)` | \- select | `(value: timestamp)` | `0.28.0` + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-calendar-active-color | @brand-color | - +--td-calendar-bg-color | @bg-color-container | - +--td-calendar-days-color | @font-gray-2 | - +--td-calendar-item-centre-color | @brand-color-light | - +--td-calendar-item-disabled-color | @font-gray-4 | - +--td-calendar-item-suffix-color | @font-gray-3 | - +--td-calendar-radius | 24rpx | - +--td-calendar-selected-color | @font-white-1 | - +--td-calendar-title-color | @font-gray-1 | - +--td-calendar-title-font-size | 18px | - diff --git a/src/calendar/README.md b/src/calendar/README.md index bd1bf406b..ea6dff63b 100644 --- a/src/calendar/README.md +++ b/src/calendar/README.md @@ -78,3 +78,19 @@ change | `(value: timestamp)` | `0.28.0`。不显示 confirm-btn 时，完成选 close | `(trigger: CalendarTrigger)` | `0.34.0`。关闭按钮时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/calendar/type.ts)。
`type CalendarTrigger = 'close-btn' \| 'confirm-btn' \| 'overlay'`
confirm | `(value: timestamp)` | 点击确认按钮时触发 select | `(value: timestamp)` | `0.28.0`。点击日期时触发 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-calendar-active-color | @brand-color | - +--td-calendar-bg-color | @bg-color-container | - +--td-calendar-days-color | @font-gray-2 | - +--td-calendar-item-centre-color | @brand-color-light | - +--td-calendar-item-disabled-color | @font-gray-4 | - +--td-calendar-item-suffix-color | @font-gray-3 | - +--td-calendar-radius | 24rpx | - +--td-calendar-selected-color | @font-white-1 | - +--td-calendar-title-color | @font-gray-1 | - +--td-calendar-title-font-size | 18px | - diff --git a/src/calendar/__test__/index.test.js b/src/calendar/__test__/index.test.js index 8b9310a5d..cafeeff9b 100644 --- a/src/calendar/__test__/index.test.js +++ b/src/calendar/__test__/index.test.js @@ -64,11 +64,11 @@ describe('calendar', () => { comp.attach(document.createElement('parent-wrapper')); const $calendar = comp.querySelector('#base'); - const [$disbledItem, , $activeItem] = $calendar.querySelectorAll('.t-calendar__dates-item'); + const [$disabledItem, , $activeItem] = $calendar.querySelectorAll('.t-calendar__dates-item'); expect($calendar.instance.data.value).toBe(date.getTime()); - $disbledItem.dispatchEvent('tap'); + $disabledItem.dispatchEvent('tap'); await simulate.sleep(); expect($calendar.instance.data.value).toBe(date.getTime()); diff --git a/src/cascader/README.en-US.md b/src/cascader/README.en-US.md index 45c9106bc..53d33dd7a 100644 --- a/src/cascader/README.en-US.md +++ b/src/cascader/README.en-US.md @@ -22,3 +22,19 @@ name | params | description change | `(value: string \| number, selectedOptions: string[])` | `1.0.1` close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/cascader/type.ts)。
`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`
pick | `(value: string \| number, index: number)` | `1.0.1` + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-cascader-active-color | @brand-color | - +--td-cascader-border-color | @border-color | - +--td-cascader-disabled-color | @font-gray-4 | - +--td-cascader-options-height | 640rpx | - +--td-cascader-options-title-color | @font-gray-3 | - +--td-cascader-step-arrow-color | @font-gray-3 | - +--td-cascader-step-dot-size | 16rpx | - +--td-cascader-step-height | 88rpx | - +--td-cascader-title-color | @font-gray-1 | - +--td-cascder-title-font-size | 36rpx | - diff --git a/src/cascader/README.md b/src/cascader/README.md index a5f543aba..42a5441c7 100644 --- a/src/cascader/README.md +++ b/src/cascader/README.md @@ -68,3 +68,19 @@ visible | Boolean | false | 是否展示 | N change | `(value: string \| number, selectedOptions: string[])` | `1.0.1`。值发生变更时触发 close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/cascader/type.ts)。
`type TriggerSource = 'overlay' \| 'close-btn' \| 'finish'`
pick | `(value: string \| number, index: number)` | `1.0.1`。选择后触发 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-cascader-active-color | @brand-color | - +--td-cascader-border-color | @border-color | - +--td-cascader-disabled-color | @font-gray-4 | - +--td-cascader-options-height | 640rpx | - +--td-cascader-options-title-color | @font-gray-3 | - +--td-cascader-step-arrow-color | @font-gray-3 | - +--td-cascader-step-dot-size | 16rpx | - +--td-cascader-step-height | 88rpx | - +--td-cascader-title-color | @font-gray-1 | - +--td-cascder-title-font-size | 36rpx | - diff --git a/src/cell/README.en-US.md b/src/cell/README.en-US.md index ed037d178..919d8ade6 100644 --- a/src/cell/README.en-US.md +++ b/src/cell/README.en-US.md @@ -25,3 +25,39 @@ url | String | - | \- | N name | params | description -- | -- | -- click | - | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-cell-group-border-color | @border-color | - +--td-cell-group-title-bg-color | @bg-color-secondarycontainer | - +--td-cell-group-title-color | @font-gray-3 | - +--td-cell-group-title-font-size | 28rpx | - +--td-cell-group-title-line-height | 90rpx | - +--td-cell-group-title-padding-left | 32rpx | - +--td-cell-bg-color | @bg-color-container | - +--td-cell-border-color | @component-stroke | - +--td-cell-border-left-space | @cell-horizontal-padding | - +--td-cell-border-right-space | 0 | - +--td-cell-description-color | @font-gray-2 | - +--td-cell-description-font-size | @font-size-base | - +--td-cell-description-line-height | 44rpx | - +--td-cell-height | auto | - +--td-cell-horizontal-padding | 32rpx | - +--td-cell-hover-color | @bg-color-secondarycontainer | - +--td-cell-image-height | 96rpx | - +--td-cell-image-width | 96rpx | - +--td-cell-left-icon-color | @brand-color | - +--td-cell-left-icon-font-size | 48rpx | - +--td-cell-line-height | 48rpx | - +--td-cell-note-color | @font-gray-3 | - +--td-cell-note-font-size | @font-size-m | - +--td-cell-required-color | @error-color-6 | - +--td-cell-required-font-size | @font-size-m | - +--td-cell-right-icon-color | @font-gray-3 | - +--td-cell-right-icon-font-size | 48rpx | - +--td-cell-title-color | @font-gray-1 | - +--td-cell-title-font-size | @font-size-m | - +--td-cell-vertical-padding | 32rpx | - diff --git a/src/cell/README.md b/src/cell/README.md index fda3de052..0edfe484b 100644 --- a/src/cell/README.md +++ b/src/cell/README.md @@ -47,7 +47,6 @@ align | String | middle | 内容的对齐方式，默认居中对齐。可选项 arrow | Boolean | false | 是否显示右侧箭头 | N bordered | Boolean | true | 是否显示下边框 | N description | String / Slot | - | 下方内容描述 | N -external-classes | Array | - | 组件类名，分别用于设置 组件外层类名、标题类名、下方描述内容类名、右侧说明文字类名、激活态类名、图片类名、左侧内容、左侧图标类名、右侧内容、右侧图标类名 等。`['t-class', 't-class-title', 't-class-description', 't-class-note', 't-class-hover', 't-class-image', 't-class-left', 't-class-left-icon', 't-class-right', 't-class-right-icon']` | N hover | Boolean | - | 是否开启点击反馈 | N image | String / Slot | - | 主图 | N jump-type | String | navigateTo | 链接跳转类型。可选项：switchTab/reLaunch/redirectTo/navigateTo | N @@ -64,11 +63,65 @@ url | String | - | 点击后跳转链接地址。如果值为空，则表示不 -- | -- | -- click | - | 右侧内容 +### Cell 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-title | 标题样式类 +t-class-description | 下方描述内容样式类 +t-class-note | 右侧说明文字样式类 +t-class-hover | 悬停样式类 +t-class-image | 图片样式类 +t-class-left | 左侧内容样式类 +t-class-left-icon | 左侧图标样式类 +t-class-right | 右侧内容样式类 +t-class-right-icon | 右侧图标样式类 + ### CellGroup Props 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- bordered | Boolean | - | 是否显示组边框 | N -external-classes | Array | - | 组件类名。`['t-class']` | N theme | String | default | 单元格风格。可选项：default/card | N title | String | - | 单元格组标题 | N + +### CellGroup 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-title | 标题样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-cell-group-border-color | @border-color | - +--td-cell-group-title-bg-color | @bg-color-secondarycontainer | - +--td-cell-group-title-color | @font-gray-3 | - +--td-cell-group-title-font-size | 28rpx | - +--td-cell-group-title-line-height | 90rpx | - +--td-cell-group-title-padding-left | 32rpx | - +--td-cell-bg-color | @bg-color-container | - +--td-cell-border-color | @component-stroke | - +--td-cell-border-left-space | @cell-horizontal-padding | - +--td-cell-border-right-space | 0 | - +--td-cell-description-color | @font-gray-2 | - +--td-cell-description-font-size | @font-size-base | - +--td-cell-description-line-height | 44rpx | - +--td-cell-height | auto | - +--td-cell-horizontal-padding | 32rpx | - +--td-cell-hover-color | @bg-color-secondarycontainer | - +--td-cell-image-height | 96rpx | - +--td-cell-image-width | 96rpx | - +--td-cell-left-icon-color | @brand-color | - +--td-cell-left-icon-font-size | 48rpx | - +--td-cell-line-height | 48rpx | - +--td-cell-note-color | @font-gray-3 | - +--td-cell-note-font-size | @font-size-m | - +--td-cell-required-color | @error-color-6 | - +--td-cell-required-font-size | @font-size-m | - +--td-cell-right-icon-color | @font-gray-3 | - +--td-cell-right-icon-font-size | 48rpx | - +--td-cell-title-color | @font-gray-1 | - +--td-cell-title-font-size | @font-size-m | - +--td-cell-vertical-padding | 32rpx | - diff --git a/src/cell/cell.less b/src/cell/cell.less index f70497d6c..6ace42b13 100644 --- a/src/cell/cell.less +++ b/src/cell/cell.less @@ -7,8 +7,8 @@ @cell-bg-color: var(--td-cell-bg-color, @bg-color-container); @cell-hover-color: var(--td-cell-hover-color, @bg-color-secondarycontainer); @cell-border-color: var(--td-cell-border-color, @component-stroke); -@cell-border-left-space: var(--td-border-left-space, @cell-horizontal-padding); -@cell-border-right-space: var(--td-border-right-space, 0); +@cell-border-left-space: var(--td-cell-border-left-space, @cell-horizontal-padding); +@cell-border-right-space: var(--td-cell-border-right-space, 0); @cell-description-color: var(--td-cell-description-color, @font-gray-2); @cell-description-font-size: var(--td-cell-description-font-size, @font-size-base); @cell-description-line-height: var(--td-cell-description-line-height, 44rpx); diff --git a/src/checkbox-group/checkbox-group.ts b/src/checkbox-group/checkbox-group.ts index a9008dbf3..9ed0487b1 100644 --- a/src/checkbox-group/checkbox-group.ts +++ b/src/checkbox-group/checkbox-group.ts @@ -47,7 +47,7 @@ export default class CheckBoxGroup extends SuperComponent { $checkAll = null; // 全选复选框 methods = { - getChilds() { + getChildren() { let items = this.$children; if (!items.length) { items = this.selectAllComponents(`.${prefix}-checkbox-option`); @@ -56,7 +56,7 @@ export default class CheckBoxGroup extends SuperComponent { }, updateChildren() { - const items = this.getChilds(); + const items = this.getChildren(); const { value } = this.data; if (items.length > 0) { @@ -76,14 +76,14 @@ export default class CheckBoxGroup extends SuperComponent { updateValue({ value, checked, checkAll, indeterminate }) { let { value: newValue } = this.data; const { max } = this.data; - const keySet = new Set(this.getChilds().map((item) => item.data.value)); + const keySet = new Set(this.getChildren().map((item) => item.data.value)); newValue = newValue.filter((value) => keySet.has(value)); if (max && checked && newValue.length === max) return; if (checkAll) { - const items = this.getChilds(); + const items = this.getChildren(); newValue = !checked && indeterminate ? items @@ -141,7 +141,7 @@ export default class CheckBoxGroup extends SuperComponent { }, setCheckall() { - const items = this.getChilds(); + const items = this.getChildren(); if (!this.$checkAll) { this.$checkAll = items.find((item) => item.data.checkAll); diff --git a/src/checkbox/README.en-US.md b/src/checkbox/README.en-US.md index e305fccc3..16241131c 100644 --- a/src/checkbox/README.en-US.md +++ b/src/checkbox/README.en-US.md @@ -47,3 +47,26 @@ default-value | Array | undefined | uncontrolled property。Typescript：`T` `ty name | params | description -- | -- | -- change | `(value: CheckboxGroupValue)` | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-checkbox-bg-color | @bg-color-container | - +--td-checkbox-border-color | @component-stroke | - +--td-checkbox-description-color | @font-gray-2 | - +--td-checkbox-description-disabled-color | @font-gray-4 | - +--td-checkbox-description-line-height | 44rpx | - +--td-checkbox-font-size | 32rpx | - +--td-checkbox-icon-checked-color | @brand-color | - +--td-checkbox-icon-color | @gray-color-4 | - +--td-checkbox-icon-disabled-bg-color | @bg-color-component-disabled | - +--td-checkbox-icon-disabled-color | @brand-color-disabled | - +--td-checkbox-icon-size | 48rpx | - +--td-checkbox-tag-active-bg-color | @brand-color-light | - +--td-checkbox-tag-active-color | @brand-color | - +--td-checkbox-title-color | @font-gray-1 | - +--td-checkbox-title-disabled-color | @font-gray-4 | - +--td-checkbox-title-line-height | 48rpx | - +--td-checkbox-vertical-padding | 32rpx | - diff --git a/src/checkbox/README.md b/src/checkbox/README.md index c2c2e4085..d0191cb3e 100644 --- a/src/checkbox/README.md +++ b/src/checkbox/README.md @@ -72,7 +72,6 @@ default-checked | Boolean | undefined | 是否选中。非受控属性 | N content | String / Slot | - | 多选框内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N content-disabled | Boolean | - | 是否禁用组件内容（content）触发选中 | N disabled | Boolean | undefined | 是否禁用组件。如果父组件存在 CheckboxGroup，默认值由 CheckboxGroup.disabled 控制。优先级：Checkbox.disabled > CheckboxGroup.disabled > Form.disabled | N -external-classes | Array | - | 组件类名，分别用于设置 组件外层、多选框图标、主文案、内容 等元素类名。`['t-class', 't-class-icon', 't-class-label', 't-class-content', 't-class-border']` | N icon | String / Array | 'circle' | 自定义选中图标和非选中图标。使用 Array 时表示：`[选中态图标，非选中态图标，半选中态图标]`。使用 String 时，值为 circle 表示填充圆形图标、值为 line 表示描边型图标、值为 rectangle 表示填充矩形图标。TS 类型：`'circle' \| 'line' \| 'rectangle' \| string[]` | N indeterminate | Boolean | false | 是否为半选 | N label | String / Slot | - | 主文案。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N @@ -89,6 +88,15 @@ value | String / Number / Boolean | - | 多选框的值。TS 类型：`string \| -- | -- | -- change | `(checked: boolean)` | 值变化时触发 +### Checkbox 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-label | 标签样式类 +t-class-icon | 图标样式类 +t-class-content | 内容样式类 +t-class-border | 边框样式类 + ### CheckboxGroup Props 名称 | 类型 | 默认值 | 说明 | 必传 @@ -106,3 +114,26 @@ default-value | Array | undefined | 选中值。非受控属性。TS 类型：`T 名称 | 参数 | 描述 -- | -- | -- change | `(value: CheckboxGroupValue)` | 值变化时触发 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-checkbox-bg-color | @bg-color-container | - +--td-checkbox-border-color | @component-stroke | - +--td-checkbox-description-color | @font-gray-2 | - +--td-checkbox-description-disabled-color | @font-gray-4 | - +--td-checkbox-description-line-height | 44rpx | - +--td-checkbox-font-size | 32rpx | - +--td-checkbox-icon-checked-color | @brand-color | - +--td-checkbox-icon-color | @gray-color-4 | - +--td-checkbox-icon-disabled-bg-color | @bg-color-component-disabled | - +--td-checkbox-icon-disabled-color | @brand-color-disabled | - +--td-checkbox-icon-size | 48rpx | - +--td-checkbox-tag-active-bg-color | @brand-color-light | - +--td-checkbox-tag-active-color | @brand-color | - +--td-checkbox-title-color | @font-gray-1 | - +--td-checkbox-title-disabled-color | @font-gray-4 | - +--td-checkbox-title-line-height | 48rpx | - +--td-checkbox-vertical-padding | 32rpx | - diff --git a/src/collapse-panel/collapse-panel.less b/src/collapse-panel/collapse-panel.less index ac27ec16a..c0369f5d6 100644 --- a/src/collapse-panel/collapse-panel.less +++ b/src/collapse-panel/collapse-panel.less @@ -2,7 +2,7 @@ @collapse-header-text-color: var(--td-collapse-header-text-color, @font-gray-1); @collapse-content-text-color: var(--td-collapse-content-text-color, @font-gray-1); -@collapse-header-text-diabled-color: var(--td-collapse-header-text-diabled-color, @font-gray-4); +@collapse-header-text-disabled-color: var(--td-collapse-header-text-disabled-color, @font-gray-4); // font-size @collapse-title-font-size: var(--td-collapse-title-font-size, @font-size-m); diff --git a/src/collapse/README.en-US.md b/src/collapse/README.en-US.md index c6043dbc1..dc96873ba 100644 --- a/src/collapse/README.en-US.md +++ b/src/collapse/README.en-US.md @@ -32,3 +32,22 @@ header-left-icon | String / Slot | - | \- | N header-right-content | String / Slot | - | \- | N placement | String | bottom | `0.34.0`。options：bottom/top | N value | String / Number | - | \- | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-collapse-border-color | @border-color | - +--td-collapse-content-font-size | @font-size-base | - +--td-collapse-content-line-height | 1.5 | - +--td-collapse-content-padding | 32rpx | - +--td-collapse-content-text-color | @font-gray-1 | - +--td-collapse-extra-font-size | @font-size-m | - +--td-collapse-header-height | 96rpx | - +--td-collapse-header-text-color | @font-gray-1 | - +--td-collapse-header-text-disabled-color | @font-gray-4 | - +--td-collapse-horizontal-padding | 32rpx | - +--td-collapse-icon-color | @font-gray-3 | - +--td-collapse-panel-bg-color | @bg-color-container | - +--td-collapse-title-font-size | @font-size-m | - diff --git a/src/collapse/README.md b/src/collapse/README.md index 31534fb3b..d3e1c61f2 100644 --- a/src/collapse/README.md +++ b/src/collapse/README.md @@ -74,9 +74,33 @@ change | `(value: CollapseValue)` | 切换面板时触发，返回变化的值 content | String / Slot | - | 折叠面板内容 | N disabled | Boolean | undefined | 禁止当前面板展开，优先级大于 Collapse 的同名属性 | N expand-icon | Boolean / Slot | undefined | 当前折叠面板展开图标，优先级大于 Collapse 的同名属性 | N -external-classes | Array | - | 组件类名，用于组件外层元素、标题、内容。`['t-class', 't-class-header', 't-class-content']` | N header | String / Slot | - | 面板头内容 | N header-left-icon | String / Slot | - | 面板头左侧图标 | N header-right-content | String / Slot | - | 面板头的右侧区域，一般用于呈现面板操作 | N placement | String | bottom | `0.34.0`。选项卡内容的位置。可选项：bottom/top | N value | String / Number | - | 当前面板唯一标识，如果值为空则取当前面下标兜底作为唯一标识 | N + +### CollapsePanel 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 +t-class-header | 头部样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-collapse-border-color | @border-color | - +--td-collapse-content-font-size | @font-size-base | - +--td-collapse-content-line-height | 1.5 | - +--td-collapse-content-padding | 32rpx | - +--td-collapse-content-text-color | @font-gray-1 | - +--td-collapse-extra-font-size | @font-size-m | - +--td-collapse-header-height | 96rpx | - +--td-collapse-header-text-color | @font-gray-1 | - +--td-collapse-header-text-disabled-color | @font-gray-4 | - +--td-collapse-horizontal-padding | 32rpx | - +--td-collapse-icon-color | @font-gray-3 | - +--td-collapse-panel-bg-color | @bg-color-container | - +--td-collapse-title-font-size | @font-size-m | - diff --git a/src/common/bus.ts b/src/common/bus.ts index 216a4a647..76da2c660 100644 --- a/src/common/bus.ts +++ b/src/common/bus.ts @@ -1,14 +1,14 @@ export default class Bus { listeners: Map; - emited: Set; + emitted: Set; constructor() { this.listeners = new Map(); - this.emited = new Set(); + this.emitted = new Set(); } on(evtName: string, listener) { - if (this.emited.has(evtName)) { + if (this.emitted.has(evtName)) { listener(); return; } @@ -24,7 +24,7 @@ export default class Bus { if (listeners) { listeners.forEach((func) => func()); - this.emited.add(evtName); + this.emitted.add(evtName); } } } diff --git a/src/count-down/README.en-US.md b/src/count-down/README.en-US.md index 44bca3e0e..65b70355b 100644 --- a/src/count-down/README.en-US.md +++ b/src/count-down/README.en-US.md @@ -21,3 +21,14 @@ name | params | description -- | -- | -- change | `(time: TimeData)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
finish | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-countdown-bg-color | @error-color-6 | - +--td-countdown-default-color | @font-gray-1 | - +--td-countdown-round-border-radius | @radius-circle | - +--td-countdown-round-color | @font-white-1 | - +--td-countdown-square-border-radius | @radius-small | - diff --git a/src/count-down/README.md b/src/count-down/README.md index 12cd2247a..b2b6a9bc8 100644 --- a/src/count-down/README.md +++ b/src/count-down/README.md @@ -39,7 +39,6 @@ size | String `v0.5.1` | 'medium' | 倒计时尺寸。可选项：small/medium/l split-with-unit `v0.5.1` | Boolean | false | 使用时间单位分割 | N theme | String `v0.5.1` | 'default' | 倒计时风格。可选项：default/round/square | N time | Number | - | 必需。倒计时时长，单位毫秒 | Y -external-classes | Array | - | 组件类名，分别用于设置 组件外层类名、计时器类型、分隔线类名 等。`['t-class', 't-class-count', 't-class-split']` | N ### CountDown Events @@ -47,3 +46,20 @@ external-classes | Array | - | 组件类名，分别用于设置 组件外层类 -- | -- | -- change | `(time: TimeData)` | 时间变化时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/count-down/type.ts)。
`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`
finish | \- | 倒计时结束时触发 + +### CountDown 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-count | 计数样式类 +t-class-split | 分隔线样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-countdown-bg-color | @error-color-6 | - +--td-countdown-default-color | @font-gray-1 | - +--td-countdown-round-border-radius | @radius-circle | - +--td-countdown-round-color | @font-white-1 | - +--td-countdown-square-border-radius | @radius-small | - diff --git a/src/date-time-picker/README.en-US.md b/src/date-time-picker/README.en-US.md index b0214c83e..baff36170 100644 --- a/src/date-time-picker/README.en-US.md +++ b/src/date-time-picker/README.en-US.md @@ -26,6 +26,13 @@ name | params | description -- | -- | -- cancel | \- | \- change | `(value: DateValue)` | \- -close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。
`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`
+close | `(trigger: TriggerSource)` | `1.0.1`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。
`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`
confirm | `(value: DateValue)` | `1.0.1` pick | `(value: DateValue)` | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-data-time-picker-year-width | 128rpx | - diff --git a/src/date-time-picker/README.md b/src/date-time-picker/README.md index 5074b9042..e40d22f98 100644 --- a/src/date-time-picker/README.md +++ b/src/date-time-picker/README.md @@ -52,7 +52,6 @@ isComponent: true cancel-btn | String | 取消 | 取消按钮文字 | N confirm-btn | String | - | 确定按钮文字 | N end | String / Number | - | 选择器的最大可选时间，默认为当前时间+10年 | N -external-classes | Array | - | 组件类名，分别用于设置组件外层元素、确认按钮、取消按钮、标题等元素类名。`['t-class', 't-class-confirm', 't-class-cancel', 't-class-title']` | N format | String | 'YYYY-MM-DD HH:mm:ss' | 用于格式化 pick、change、confirm 事件返回的值，[详细文档](https://day.js.org/docs/en/display/format) | N header | Boolean / Slot | true | 头部内容。值为 true 显示空白头部，值为 false 不显示任何内容。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N mode | String / Array | 'date' | year = 年；month = 年月；date = 年月日；hour = 年月日时； minute = 年月日时分；当类型为数组时，第一个值控制年月日，第二个值控制时分秒。TS 类型：`DateTimePickerMode` `type DateTimePickerMode = TimeModeValues \| Array ` `type TimeModeValues = 'year' \| 'month' \| 'date' \| 'hour' \| 'minute' \| 'second'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts) | N @@ -70,6 +69,20 @@ visible | Boolean | false | 是否显示 | N -- | -- | -- cancel | \- | 取消按钮点击时触发 change | `(value: DateValue)` | 确认按钮点击时触发 -close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。
`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confrim-btn'`
+close | `(trigger: TriggerSource)` | `1.0.1`。关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/date-time-picker/type.ts)。
`type TriggerSource = 'overlay' \| 'cancel-btn' \| 'confirm-btn'`
confirm | `(value: DateValue)` | `1.0.1`。确认按钮点击时触发 pick | `(value: DateValue)` | 选中值发生变化时触发 + +### DateTimePicker 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-confirm | 确认样式类 +t-class-cancel | 取消样式类 +t-class-title | 标题样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-data-time-picker-year-width | 128rpx | - diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap index 80996ced0..5a0f83228 100644 --- a/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap +++ b/src/date-time-picker/__test__/__snapshots__/demo.test.js.snap @@ -7,7 +7,7 @@ exports[`DateTimePicker DateTimePicker date-all demo works fine 1`] = ` data-mode="datetime" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择日期时间" bind:tap="showPicker" /> @@ -30,7 +30,7 @@ exports[`DateTimePicker DateTimePicker steps demo works fine 1`] = ` arrow="{{true}}" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择时间" bind:tap="showPicker" /> @@ -69,7 +69,7 @@ exports[`DateTimePicker DateTimePicker time demo works fine 1`] = ` data-mode="second" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择时间" bind:tap="showPicker" /> @@ -83,7 +83,7 @@ exports[`DateTimePicker DateTimePicker time demo works fine 1`] = ` data-mode="minute" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择时间" bind:tap="showPicker" /> @@ -127,7 +127,7 @@ exports[`DateTimePicker DateTimePicker year-month demo works fine 1`] = ` data-mode="month" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择日期" bind:tap="showPicker" /> @@ -154,7 +154,7 @@ exports[`DateTimePicker DateTimePicker year-month-date demo works fine 1`] = ` data-mode="date" hover="{{true}}" note="" - tClass="pannel-item" + tClass="panel-item" title="选择日期" bind:tap="showPicker" /> diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap deleted file mode 100644 index 80996ced0..000000000 --- a/src/date-time-picker/__test__/__virtualHostSnapshot__/demo.test.js.snap +++ /dev/null @@ -1,174 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`DateTimePicker DateTimePicker date-all demo works fine 1`] = ` - - - - -`; - -exports[`DateTimePicker DateTimePicker steps demo works fine 1`] = ` - - - - -`; - -exports[`DateTimePicker DateTimePicker time demo works fine 1`] = ` - -`; - -exports[`DateTimePicker DateTimePicker year-month demo works fine 1`] = ` - - - - -`; - -exports[`DateTimePicker DateTimePicker year-month-date demo works fine 1`] = ` - - - - -`; diff --git a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap b/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap deleted file mode 100644 index 134e5a7fe..000000000 --- a/src/date-time-picker/__test__/__virtualHostSnapshot__/index.test.js.snap +++ /dev/null @@ -1,474 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`date-time-picker :base 1`] = ` -
- - - - - - - - - 取消 - - - 选择日期 - - - 确定 - - - - - - - - - 2000年 - - - - - 2001年 - - - - - 2002年 - - - - - 2003年 - - - - - 2004年 - - - - - 2005年 - - - - - 2006年 - - - - - 2007年 - - - - - 2008年 - - - - - 2009年 - - - - - 2010年 - - - - - 2011年 - - - - - 2012年 - - - - - 2013年 - - - - - 2014年 - - - - - 2015年 - - - - - 2016年 - - - - - 2017年 - - - - - 2018年 - - - - - 2019年 - - - - - 2020年 - - - - - 2021年 - - - - - 2022年 - - - - - 2023年 - - - - - 2024年 - - - - - 2025年 - - - - - 2026年 - - - - - 2027年 - - - - - 2028年 - - - - - 2029年 - - - - - 2030年 - - - - - - - - - - - 1月 - - - - - 2月 - - - - - 3月 - - - - - 4月 - - - - - 5月 - - - - - 6月 - - - - - 7月 - - - - - 8月 - - - - - 9月 - - - - - 10月 - - - - - 11月 - - - - - 12月 - - - - - - - - - - - - - - - - - - - -
-`; diff --git a/src/date-time-picker/_example/date-all/index.js b/src/date-time-picker/_example/date-all/index.js index 3b8b1d5b0..4f66e8264 100644 --- a/src/date-time-picker/_example/date-all/index.js +++ b/src/date-time-picker/_example/date-all/index.js @@ -22,7 +22,7 @@ Page({ const { value } = e?.detail; const { mode } = this.data; - console.log('confim', value); + console.log('confirm', value); this.setData({ [mode]: value, diff --git a/src/date-time-picker/_example/date-all/index.wxml b/src/date-time-picker/_example/date-all/index.wxml index 434fe1173..d00a533af 100644 --- a/src/date-time-picker/_example/date-all/index.wxml +++ b/src/date-time-picker/_example/date-all/index.wxml @@ -5,7 +5,7 @@ arrow data-mode="datetime" bindtap="showPicker" - t-class="pannel-item" + t-class="panel-item" /> diff --git a/src/date-time-picker/_example/date-all/index.wxss b/src/date-time-picker/_example/date-all/index.wxss index b55ebb7e1..490c7f58a 100644 --- a/src/date-time-picker/_example/date-all/index.wxss +++ b/src/date-time-picker/_example/date-all/index.wxss @@ -1,3 +1,3 @@ -.pannel-item { +.panel-item { margin-bottom: 32rpx; } diff --git a/src/date-time-picker/_example/steps/index.js b/src/date-time-picker/_example/steps/index.js index e5fe8495d..602b68780 100644 --- a/src/date-time-picker/_example/steps/index.js +++ b/src/date-time-picker/_example/steps/index.js @@ -18,7 +18,7 @@ Component({ onConfirm(e) { const { value } = e.detail; - console.log('confim', value); + console.log('confirm', value); this.setData({ value, diff --git a/src/date-time-picker/_example/steps/index.wxml b/src/date-time-picker/_example/steps/index.wxml index d5b0daf7b..6cb68616c 100644 --- a/src/date-time-picker/_example/steps/index.wxml +++ b/src/date-time-picker/_example/steps/index.wxml @@ -1,4 +1,4 @@ - + 时分选择器 @@ -17,7 +17,7 @@ arrow data-mode="minute" bindtap="showPicker" - t-class="pannel-item" + t-class="panel-item" /> diff --git a/src/date-time-picker/_example/time/index.wxss b/src/date-time-picker/_example/time/index.wxss index 453683895..34f4fe483 100644 --- a/src/date-time-picker/_example/time/index.wxss +++ b/src/date-time-picker/_example/time/index.wxss @@ -1,3 +1,3 @@ -.pannel-item { +.panel-item { margin: 32rpx 0; } diff --git a/src/date-time-picker/_example/year-month-date/index.js b/src/date-time-picker/_example/year-month-date/index.js index 2396ead26..79c00aa3c 100644 --- a/src/date-time-picker/_example/year-month-date/index.js +++ b/src/date-time-picker/_example/year-month-date/index.js @@ -26,7 +26,7 @@ Page({ const { value } = e.detail; const { mode } = this.data; - console.log('confim', value); + console.log('confirm', value); this.setData({ [mode]: value, diff --git a/src/date-time-picker/_example/year-month-date/index.wxml b/src/date-time-picker/_example/year-month-date/index.wxml index 38efbeb6c..0fc496579 100644 --- a/src/date-time-picker/_example/year-month-date/index.wxml +++ b/src/date-time-picker/_example/year-month-date/index.wxml @@ -6,7 +6,7 @@ data-mode="date" bindtap="showPicker" class="test" - t-class="pannel-item" + t-class="panel-item" /> diff --git a/src/date-time-picker/_example/year-month-date/index.wxss b/src/date-time-picker/_example/year-month-date/index.wxss index 93662c17c..05412e1d3 100644 --- a/src/date-time-picker/_example/year-month-date/index.wxss +++ b/src/date-time-picker/_example/year-month-date/index.wxss @@ -1,7 +1,7 @@ -.pannel-item { +.panel-item { margin-bottom: 32rpx; } -.pannel-item::after { +.panel-item::after { border: 0; } diff --git a/src/date-time-picker/_example/year-month/index.js b/src/date-time-picker/_example/year-month/index.js index 86097723a..88c409e8a 100644 --- a/src/date-time-picker/_example/year-month/index.js +++ b/src/date-time-picker/_example/year-month/index.js @@ -26,7 +26,7 @@ Page({ const { value } = e.detail; const { mode } = this.data; - console.log('confim', value); + console.log('confirm', value); this.setData({ [mode]: value, diff --git a/src/date-time-picker/_example/year-month/index.wxml b/src/date-time-picker/_example/year-month/index.wxml index ec99fee35..7438ab912 100644 --- a/src/date-time-picker/_example/year-month/index.wxml +++ b/src/date-time-picker/_example/year-month/index.wxml @@ -1,12 +1,4 @@ - + `type DialogEventSource = 'cancel' \| 'overlay' \| 'close-btn'`
confirm | - | \- overlay-click | - | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-dialog-body-max-height | 912rpx | - +--td-dialog-close-color | @font-gray-3 | - +--td-dialog-content-color | @font-gray-2 | - +--td-dialog-content-font-size | 32rpx | - +--td-dialog-content-line-height | 48rpx | - +--td-dialog-title-color | @font-gray-1 | - +--td-dialog-title-font-size | 36rpx | - +--td-dialog-title-line-height | 52rpx | - +--td-dialog-width | 622rpx | - diff --git a/src/dialog/README.md b/src/dialog/README.md index f0192d42b..c1b69b8b9 100644 --- a/src/dialog/README.md +++ b/src/dialog/README.md @@ -66,7 +66,6 @@ close-btn | Boolean / Object | false | `0.31.0`。是否展示关闭按钮，值 close-on-overlay-click | Boolean | undefined | 点击蒙层时是否触发关闭事件 | N confirm-btn | String / Object / Slot | - | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 Slot 自定义按钮时，需自行控制确认事件 | N content | String / Slot | - | 内容 | N -external-classes | Array | - | 组件类名，分别用于设置 组件外层元素、组件内容部分、确认按钮、取消按钮 等元素类名。`['t-class', 't-class-content', 't-class-confirm', 't-class-cancel']` | N overlay-props | Object | {} | 透传至 Overlay 组件 | N prevent-scroll-through | Boolean | true | 防止滚动穿透 | N show-overlay | Boolean | true | 是否显示遮罩层 | N @@ -82,3 +81,26 @@ cancel | - | 如果“取消”按钮存在，则点击“取消”按钮时触 close | `(trigger: DialogEventSource)` | 关闭事件，点击 取消按钮 或 点击蒙层 时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts)。
`type DialogEventSource = 'cancel' \| 'overlay' \| 'close-btn'`
confirm | - | 如果“确认”按钮存在，则点击“确认”按钮时触发 overlay-click | - | 如果蒙层存在，点击蒙层时触发 + +### Dialog 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 +t-class-confirm | 确认样式类 +t-class-cancel | 取消样式类 +t-class-action | 操作样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-dialog-body-max-height | 912rpx | - +--td-dialog-close-color | @font-gray-3 | - +--td-dialog-content-color | @font-gray-2 | - +--td-dialog-content-font-size | 32rpx | - +--td-dialog-content-line-height | 48rpx | - +--td-dialog-title-color | @font-gray-1 | - +--td-dialog-title-font-size | 36rpx | - +--td-dialog-title-line-height | 52rpx | - +--td-dialog-width | 622rpx | - diff --git a/src/divider/README.en-US.md b/src/divider/README.en-US.md index 51ac50ed5..9528a70aa 100644 --- a/src/divider/README.en-US.md +++ b/src/divider/README.en-US.md @@ -10,3 +10,14 @@ content | String / Slot | - | \- | N dashed | Boolean | false | \- | N external-classes | Array | - | `['t-class', 't-class-line', 't-class-content']` | N layout | String | horizontal | options：horizontal/vertical | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-divider-color | @bg-color-component | - +--td-divider-content-color | @font-gray-3 | - +--td-divider-content-font-size | 24rpx | - +--td-divider-content-line-height | 40rpx | - +--td-divider-content-line-style | solid | - diff --git a/src/divider/README.md b/src/divider/README.md index a67dece1b..925cdd480 100644 --- a/src/divider/README.md +++ b/src/divider/README.md @@ -36,5 +36,20 @@ isComponent: true align | String | center | 文本位置（仅在水平分割线有效）。可选项：left/right/center | N content | String / Slot | - | 子元素 | N dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N -external-classes | Array | - | 组件类名，分别用于设置 组件外层类名、分隔线类名 等。`['t-class', 't-class-line', 't-class-content']` | N layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N + +### Divider 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-divider-color | @bg-color-component | - +--td-divider-content-color | @font-gray-3 | - +--td-divider-content-font-size | 24rpx | - +--td-divider-content-line-height | 40rpx | - +--td-divider-content-line-style | solid | - diff --git a/src/drawer/README.en-US.md b/src/drawer/README.en-US.md index 555fff0ee..a610774c0 100644 --- a/src/drawer/README.en-US.md +++ b/src/drawer/README.en-US.md @@ -22,3 +22,23 @@ name | params | description close | `(trigger: TriggerSource)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/drawer/type.ts)。
`type TriggerSource = 'overlay'`
item-click | `(index: number; item: DrawerItem)` | \- overlay-click | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-drawer-bg-color | @bg-color-container | - +--td-drawer-border-color | @border-color | - +--td-drawer-footer-padding-bottom | 40rpx | - +--td-drawer-hover-color | @bg-color-secondarycontainer | - +--td-drawer-item-height | 48rpx | - +--td-drawer-item-icon-size | 48rpx | - +--td-drawer-item-padding | 32rpx | - +--td-drawer-sidebar-height | 70vh | - +--td-drawer-title-color | --td-drawer-title-color | - +--td-drawer-title-color | @drawer-title-color | - +--td-drawer-title-color | @font-gray-1 | - +--td-drawer-title-font-size | 36rpx | - +--td-drawer-title-padding | 48rpx 32rpx 16rpx | - +--td-drawer-width | 560rpx | - diff --git a/src/drawer/README.md b/src/drawer/README.md index 2c04c105b..c1ebee773 100644 --- a/src/drawer/README.md +++ b/src/drawer/README.md @@ -58,3 +58,23 @@ z-index | Number | 11500 | 抽屉层级，样式默认为 11500 | N close | `(trigger: TriggerSource)` | 关闭时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/drawer/type.ts)。
`type TriggerSource = 'overlay'`
item-click | `(index: number; item: DrawerItem)` | 点击抽屉里的列表项 overlay-click | \- | 如果蒙层存在，点击蒙层时触发 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-drawer-bg-color | @bg-color-container | - +--td-drawer-border-color | @border-color | - +--td-drawer-footer-padding-bottom | 40rpx | - +--td-drawer-hover-color | @bg-color-secondarycontainer | - +--td-drawer-item-height | 48rpx | - +--td-drawer-item-icon-size | 48rpx | - +--td-drawer-item-padding | 32rpx | - +--td-drawer-sidebar-height | 70vh | - +--td-drawer-title-color | --td-drawer-title-color | - +--td-drawer-title-color | @drawer-title-color | - +--td-drawer-title-color | @font-gray-1 | - +--td-drawer-title-font-size | 36rpx | - +--td-drawer-title-padding | 48rpx 32rpx 16rpx | - +--td-drawer-width | 560rpx | - diff --git a/src/drawer/__test__/index.test.js b/src/drawer/__test__/index.test.js index 9d08b8fdf..9884b6698 100644 --- a/src/drawer/__test__/index.test.js +++ b/src/drawer/__test__/index.test.js @@ -110,7 +110,7 @@ describe('drawer', () => { clickItemValue = item; }; - it(`: mutiple`, async () => { + it(`: multiple`, async () => { const id = simulate.load({ template: ` ` `interface LinkObj { name: string; url?: string; openType?: 'navigate' \| 'redirect' \| 'relaunch' \| 'switchTab' \| 'navigateBack' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/footer/type.ts) | N links | Array | [] | Typescript：`Array` `interface LinkObj { name: string; url?: string; openType?: 'navigate' \| 'redirect' \| 'relaunch' \| 'switchTab' \| 'navigateBack' }`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/footer/type.ts) | N theme | String | 'text' | options：text/logo | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-footer-link-color | @brand-color | - +--td-footer-link-dividing-line-color | @font-gray-3 | - +--td-footer-link-dividing-line-padding | @spacer-1 | - +--td-footer-link-font-size | @font-size-s | - +--td-footer-link-line-height | 40rpx | - +--td-footer-logo-icon-height | 48rpx | - +--td-footer-logo-icon-margin-right | @spacer | - +--td-footer-logo-icon-width | 48rpx | - +--td-footer-logo-title-font-size | @font-size-m | - +--td-footer-logo-title-line-height | 48rpx | - +--td-footer-logo-title-url-width | 256rpx | - +--td-footer-text-color | @font-gray-3 | - +--td-footer-text-font-size | @font-size-s | - +--td-footer-text-line-height | 40rpx | - +--td-footer-text-margin-top | 8rpx | - diff --git a/src/footer/README.md b/src/footer/README.md index d2e7c37db..777393125 100644 --- a/src/footer/README.md +++ b/src/footer/README.md @@ -46,3 +46,24 @@ logo | Object | - | 图标配置。`logo.icon` 表示图标链接地址，`logo. text-link-list | Array | [] | 已废弃。链接列表，type 为`text`生效。name 表示链接名称， url 表示链接 page 路径，目前只支持小程序内部跳转，openType 表示跳转方式。TS 类型：`Array` `interface LinkObj { name: string; url?: string; openType?: 'navigate' \| 'redirect' \| 'relaunch' \| 'switchTab' \| 'navigateBack' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/footer/type.ts) | N links| Array | [] | `1.0.0` 链接列表。name 表示链接名称， url 表示链接 page 路径，目前只支持小程序内部跳转，openType 表示跳转方式。TS 类型：`Array` `interface LinkObj { name: string; url?: string; openType?: 'navigate' \| 'redirect' \| 'relaunch' \| 'switchTab' \| 'navigateBack' }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/footer/type.ts) | N theme | String | 'text' | 已废弃。页脚展示类型。可选项：text/logo | N + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-footer-link-color | @brand-color | - +--td-footer-link-dividing-line-color | @font-gray-3 | - +--td-footer-link-dividing-line-padding | @spacer-1 | - +--td-footer-link-font-size | @font-size-s | - +--td-footer-link-line-height | 40rpx | - +--td-footer-logo-icon-height | 48rpx | - +--td-footer-logo-icon-margin-right | @spacer | - +--td-footer-logo-icon-width | 48rpx | - +--td-footer-logo-title-font-size | @font-size-m | - +--td-footer-logo-title-line-height | 48rpx | - +--td-footer-logo-title-url-width | 256rpx | - +--td-footer-text-color | @font-gray-3 | - +--td-footer-text-font-size | @font-size-s | - +--td-footer-text-line-height | 40rpx | - +--td-footer-text-margin-top | 8rpx | - diff --git a/src/grid/README.en-US.md b/src/grid/README.en-US.md index 9ea19668a..81a309fe5 100644 --- a/src/grid/README.en-US.md +++ b/src/grid/README.en-US.md @@ -27,3 +27,29 @@ jump-type | String | navigate-to | options：redirect-to/switch-tab/relaunch/nav layout | String | vertical | options：vertical/horizontal | N text | String / Slot | - | \- | N url | String | - | \- | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-grid-bg-color | @bg-color-container | - +--td-grid-card-radius | @radius-large | - +--td-grid-item-bg-color | @bg-color-container | - +--td-grid-item-description-color | @font-gray-3 | - +--td-grid-item-description-font-size | 24rpx | - +--td-grid-item-description-line-height | 40rpx | - +--td-grid-item-description-padding-top | 8rpx | - +--td-grid-item-horizontal-text-description-top | 4rpx | - +--td-grid-item-horizontal-text-padding-left | 24rpx | - +--td-grid-item-hover-bg-color | @bg-color-secondarycontainer | - +--td-grid-item-image-middle-width | 80rpx | - +--td-grid-item-image-small-width | 64rpx | - +--td-grid-item-image-width | 96rpx | - +--td-grid-item-padding | 32rpx | - +--td-grid-item-text-color | @font-gray-1 | - +--td-grid-item-text-font-size | 28rpx | - +--td-grid-item-text-line-height | 44rpx | - +--td-grid-item-text-middle-font-size | 24rpx | - +--td-grid-item-text-padding-top | 16rpx | - +--td-grid-item-text-small-font-size | 24rpx | - diff --git a/src/grid/README.md b/src/grid/README.md index d9323098e..e217e6f15 100644 --- a/src/grid/README.md +++ b/src/grid/README.md @@ -63,18 +63,22 @@ isComponent: true align | String | center | 内容对齐方式。可选项：left/center | N border | Boolean / Object | false | 边框，默认不显示。值为 true 则显示默认边框，值类型为 object 则表示自定义边框样式。TS 类型：`boolean \| { color?: string; width?: string; style?: 'solid' \| 'dashed' \| 'dotted' \| 'double' \| 'groove' \| 'inset' \| 'outset' }` | N column | Number | 4 | 每一行的列数量；为 0 时等于固定大小 | N -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class']` | N gutter | Number | - | 间隔大小 | N hover | Boolean | false | 是否开启点击反馈 | N theme | String | default | 宫格的风格。可选项：default/card | N +### Grid 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 + + ### GridItem Props 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- badge-props | Object | null | 透传至 Badge 属性。TS 类型：`BadgeProps`，[Badge API Documents](./badge?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid-item/type.ts) | N description | String / Slot | - | 文本以外的更多描述，辅助信息。可以通过 Props 传入文本，也可以自定义标题节点 | N -external-classes | Array | - | 组件类名，分别用于设置组件外层元素、图片、文本、描述等元素类名。`['t-class', 't-class-image', 't-class-text', 't-class-description']` | N icon | String / Object | - | 图标名称。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon` | N image | String / Slot | - | 图片，可以是图片地址，也可以自定义图片节点，值为 slot 的时候才能使用插槽 | N image-props | Object | - | 透传至 Image 组件 | N @@ -89,3 +93,37 @@ url | String | - | 点击后的跳转链接 | N -- | -- | -- click | \- | 点击子项后触发 +### GridItem 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 +t-class-image | 图片样式类 +t-class-text | 文本样式类 +t-class-description | 描述样式类 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-grid-bg-color | @bg-color-container | - +--td-grid-card-radius | @radius-large | - +--td-grid-item-bg-color | @bg-color-container | - +--td-grid-item-description-color | @font-gray-3 | - +--td-grid-item-description-font-size | 24rpx | - +--td-grid-item-description-line-height | 40rpx | - +--td-grid-item-description-padding-top | 8rpx | - +--td-grid-item-horizontal-text-description-top | 4rpx | - +--td-grid-item-horizontal-text-padding-left | 24rpx | - +--td-grid-item-hover-bg-color | @bg-color-secondarycontainer | - +--td-grid-item-image-middle-width | 80rpx | - +--td-grid-item-image-small-width | 64rpx | - +--td-grid-item-image-width | 96rpx | - +--td-grid-item-padding | 32rpx | - +--td-grid-item-text-color | @font-gray-1 | - +--td-grid-item-text-font-size | 28rpx | - +--td-grid-item-text-line-height | 44rpx | - +--td-grid-item-text-middle-font-size | 24rpx | - +--td-grid-item-text-padding-top | 16rpx | - +--td-grid-item-text-small-font-size | 24rpx | - diff --git a/src/icon/README.md b/src/icon/README.md index 1a77bf719..99b8542b0 100644 --- a/src/icon/README.md +++ b/src/icon/README.md @@ -21,7 +21,7 @@ isComponent: true
- 控制台告警：Faild to load font + 控制台告警：Failed to load font 👇

diff --git a/src/image-viewer/README.en-US.md b/src/image-viewer/README.en-US.md index b00c9be0e..f625d861e 100644 --- a/src/image-viewer/README.en-US.md +++ b/src/image-viewer/README.en-US.md @@ -22,3 +22,16 @@ name | params | description change | `(index: Number)` | \- close | `(trigger: 'overlay' \| 'button', visible: Boolean, index: Number)` | \- delete | `(index: Number)` | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-image-viewer-close-margin-left | @spacer-1 | - +--td-image-viewer-delete-margin-right | @spacer-1 | - +--td-image-viewer-nav-bg-color | @font-gray-3 | - +--td-image-viewer-nav-color | @font-white-1 | - +--td-image-viewer-nav-height | 96rpx | - +--td-image-viewer-nav-index-font-size | @font-size-base | - +--td-image-viewer-top | @position-fixed-top | - diff --git a/src/image-viewer/README.md b/src/image-viewer/README.md index f283c2544..7b63b5cb3 100644 --- a/src/image-viewer/README.md +++ b/src/image-viewer/README.md @@ -62,3 +62,16 @@ default-visible | Boolean | undefined | 隐藏/显示预览。非受控属性 | change | `(index: Number)` | 翻页时回调 close | `(trigger: 'overlay' \| 'button', visible: Boolean, index: Number)` | 点击操作按钮button或者overlay时触发 delete | `(index: Number)` | 点击删除操作按钮时触发 + + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-image-viewer-close-margin-left | @spacer-1 | - +--td-image-viewer-delete-margin-right | @spacer-1 | - +--td-image-viewer-nav-bg-color | @font-gray-3 | - +--td-image-viewer-nav-color | @font-white-1 | - +--td-image-viewer-nav-height | 96rpx | - +--td-image-viewer-nav-index-font-size | @font-size-base | - +--td-image-viewer-top | @position-fixed-top | - diff --git a/src/image/README.en-US.md b/src/image/README.en-US.md index 599ccbac3..3ffd364c8 100644 --- a/src/image/README.en-US.md +++ b/src/image/README.en-US.md @@ -23,3 +23,13 @@ name | params | description -- | -- | -- error | \- | \- load | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-image-color | @font-gray-3 | - +--td-image-loading-bg-color | @bg-color-secondarycontainer | - +--td-image-loading-color | @font-gray-3 | - +--td-image-round-radius | @radius-default | - diff --git a/src/image/README.md b/src/image/README.md index 659dbb557..a52a8fc36 100644 --- a/src/image/README.md +++ b/src/image/README.md @@ -46,7 +46,6 @@ isComponent: true 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- error | String / Slot | 'default' | 加载失败时显示的内容。值为 `default` 则表示使用默认加载失败风格；值为空或者 `slot` 表示使用插槽渲染，插槽名称为 `error`；值为其他则表示普通文本内容，如“加载失败” | N -external-classes | Array | - | 组件类名，分别用于设置加载组件外层元素，中间内容等元素类名。`['t-class', 't-class-load']` | N height | String / Number | - | 高度，默认单位为`px` | N lazy | Boolean | false | 是否开启图片懒加载 | N loading | String / Slot | 'default' | 加载态内容。值为 `default` 则表示使用默认加载中风格；值为其他则表示普通文本内容，如“加载中” | N @@ -63,3 +62,18 @@ width | String / Number | - | 宽度，默认单位为`px` | N -- | -- | -- error | \- | 图片加载失败时触发 load | \- | 图片加载完成时触发 + +### Image 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-load | 加载样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-image-color | @font-gray-3 | - +--td-image-loading-bg-color | @bg-color-secondarycontainer | - +--td-image-loading-color | @font-gray-3 | - +--td-image-round-radius | @radius-default | - diff --git a/src/indexes-anchor/README.md b/src/indexes-anchor/README.md index dd0003e59..43a5deb6c 100644 --- a/src/indexes-anchor/README.md +++ b/src/indexes-anchor/README.md @@ -5,5 +5,9 @@ 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class']` | N index | String / Number | - | 索引字符 | N + +### IndexesAnchor 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 \ No newline at end of file diff --git a/src/indexes/README.en-US.md b/src/indexes/README.en-US.md index 08ceb7943..dbb33e999 100644 --- a/src/indexes/README.en-US.md +++ b/src/indexes/README.en-US.md @@ -23,3 +23,28 @@ name | type | default | description | required -- | -- | -- | -- | -- external-classes | Array | - | `['t-class']` | N index | String / Number | - | \- | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-indexes-sidebar-active-bg-color | @brand-color | - +--td-indexes-sidebar-active-color | @font-white-1 | - +--td-indexes-sidebar-color | @font-gray-1 | - +--td-indexes-sidebar-font-size | 24rpx | - +--td-indexes-sidebar-item-size | 40rpx | - +--td-indexes-sidebar-line-height | 40rpx | - +--td-indexes-sidebar-right | 16rpx | - +--td-indexes-sidebar-tips-bg-color | @brand-color-light | - +--td-indexes-sidebar-tips-color | @brand-color | - +--td-indexes-sidebar-tips-font-size | 40rpx | - +--td-indexes-sidebar-tips-right | 76rpx | - +--td-indexes-sidebar-tips-size | 96rpx | - +--td-indexes-anchor-active-bg-color | @bg-color-container | - +--td-indexes-anchor-active-color | @brand-color | - +--td-indexes-anchor-active-font-weight | 600 | - +--td-indexes-anchor-bg-color | @bg-color-secondarycontainer | - +--td-indexes-anchor-color | @font-gray-1 | - +--td-indexes-anchor-font-size | 28rpx | - +--td-indexes-anchor-line-height | 44rpx | - diff --git a/src/indexes/README.md b/src/indexes/README.md index 0bd7b418e..f119975d8 100644 --- a/src/indexes/README.md +++ b/src/indexes/README.md @@ -58,5 +58,35 @@ select | `(index: string \| number)` | 点击侧边栏时触发事件 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- -external-classes | Array | - | 组件类名，用于设置组件外层元素类名。`['t-class']` | N index | String / Number | - | 索引字符 | N + +### IndexesAnchor 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-sidebar | 侧边栏样式类 +t-class-sidebar-item | 侧边栏选项样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-indexes-sidebar-active-bg-color | @brand-color | - +--td-indexes-sidebar-active-color | @font-white-1 | - +--td-indexes-sidebar-color | @font-gray-1 | - +--td-indexes-sidebar-font-size | 24rpx | - +--td-indexes-sidebar-item-size | 40rpx | - +--td-indexes-sidebar-line-height | 40rpx | - +--td-indexes-sidebar-right | 16rpx | - +--td-indexes-sidebar-tips-bg-color | @brand-color-light | - +--td-indexes-sidebar-tips-color | @brand-color | - +--td-indexes-sidebar-tips-font-size | 40rpx | - +--td-indexes-sidebar-tips-right | 76rpx | - +--td-indexes-sidebar-tips-size | 96rpx | - +--td-indexes-anchor-active-bg-color | @bg-color-container | - +--td-indexes-anchor-active-color | @brand-color | - +--td-indexes-anchor-active-font-weight | 600 | - +--td-indexes-anchor-bg-color | @bg-color-secondarycontainer | - +--td-indexes-anchor-color | @font-gray-1 | - +--td-indexes-anchor-font-size | 28rpx | - +--td-indexes-anchor-line-height | 44rpx | - diff --git a/src/input/README.en-US.md b/src/input/README.en-US.md index ba2161fb8..4c2f3645f 100644 --- a/src/input/README.en-US.md +++ b/src/input/README.en-US.md @@ -58,3 +58,29 @@ clear | \- | \- enter | `(value: InputValue)` | \- focus | `(value: InputValue)` | \- keyboardheightchange | `(height: number, duration: number)` | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-input-bg-color | @bg-color-container | - +--td-input-border-color | @component-stroke | - +--td-input-border-left-space | 32rpx | - +--td-input-border-radius | @radius-default | - +--td-input-border-right-space | 0 | - +--td-input-default-text-color | @font-gray-1 | - +--td-input-default-tips-color | @font-gray-3 | - +--td-input-disabled-text-color | @text-color-disabled | - +--td-input-error-text-color | @error-color | - +--td-input-error-tips-color | @error-color | - +--td-input-label-text-color | @font-gray-1 | - +--td-input-placeholder-text-color | @text-color-placeholder | - +--td-input-prefix-icon-color | @font-gray-1 | - +--td-input-success-text-color | @success-color | - +--td-input-success-tips-color | @success-color | - +--td-input-suffix-icon-color | @font-gray-3 | - +--td-input-suffix-text-color | @font-gray-1 | - +--td-input-vertical-padding | 32rpx | - +--td-input-warning-text-color | @warning-color | - +--td-input-warning-tips-color | @warning-color | - diff --git a/src/input/README.md b/src/input/README.md index c91ade1a6..fb35eb8ef 100644 --- a/src/input/README.md +++ b/src/input/README.md @@ -84,7 +84,6 @@ borderless | Boolean | false | 是否开启无边框模式 | N clearable | Boolean / Object | false | 是否可清空，默认不启动。值为 `true` 表示使用默认清除空按钮，值为 `Object` 表示透传至 `icon` | N disabled | Boolean | false | 是否禁用输入框 | N error-message | String | - | 已废弃。错误提示文本，值为空不显示（废弃属性，如果需要，请更为使用 status 和 tips） | N -external-classes | Array | - | 组件类名，用于设置组件外层元素、输入框、占位符、错误信息等元素类名。`['t-class','t-class-prefix-icon', 't-class-label', 't-class-input', 't-class-clearable', 't-class-suffix', 't-class-suffix-icon', 't-class-tips']` | N format | Function | - | 【开发中】指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => number | string`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/input/type.ts) | N label | String / Slot | - | 左侧文本。 | N maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 | N @@ -133,3 +132,40 @@ focus | `(value: InputValue)` | 获得焦点时触发 keyboardheightchange | `(height: number, duration: number)` | 键盘高度发生变化的时候触发此事件 nicknamereview | `(pass: boolean, timeout: boolean)`| 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效 click `v0.32.0`| `(trigger: InputTrigger)` | 点击事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/input/type.ts)。
`type InputTrigger = 'suffix' \| 'suffix-icon';`
+ +### CellGroup 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-prefix-icon | 前置图标样式类 +t-class-label | 标题样式类 +t-class-input | 标题样式类 +t-class-clearable | 标题样式类 +t-class-suffix | 后置样式类 +t-class-suffix-icon` | 后置图标样式类 +t-class-tips | 提示样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-input-bg-color | @bg-color-container | - +--td-input-border-color | @component-stroke | - +--td-input-border-left-space | 32rpx | - +--td-input-border-radius | @radius-default | - +--td-input-border-right-space | 0 | - +--td-input-default-text-color | @font-gray-1 | - +--td-input-default-tips-color | @font-gray-3 | - +--td-input-disabled-text-color | @text-color-disabled | - +--td-input-error-text-color | @error-color | - +--td-input-error-tips-color | @error-color | - +--td-input-label-text-color | @font-gray-1 | - +--td-input-placeholder-text-color | @text-color-placeholder | - +--td-input-prefix-icon-color | @font-gray-1 | - +--td-input-success-text-color | @success-color | - +--td-input-success-tips-color | @success-color | - +--td-input-suffix-icon-color | @font-gray-3 | - +--td-input-suffix-text-color | @font-gray-1 | - +--td-input-vertical-padding | 32rpx | - +--td-input-warning-text-color | @warning-color | - +--td-input-warning-tips-color | @warning-color | - diff --git a/src/link/README.en-US.md b/src/link/README.en-US.md index 3b01055b4..7ab37a553 100644 --- a/src/link/README.en-US.md +++ b/src/link/README.en-US.md @@ -23,3 +23,24 @@ name | params | description complete | \- | \- fail | \- | \- success | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-link-danger-active-color | @error-color-active | - +--td-link-danger-color | @error-color | - +--td-link-danger-disabled-color | @error-color-disabled | - +--td-link-default-active-color | @brand-color-active | - +--td-link-default-color | @font-gray-1 | - +--td-link-default-disabled-color | @text-color-disabled | - +--td-link-primary-active-color | @brand-color-active | - +--td-link-primary-color | @brand-color | - +--td-link-primary-disabled-color | @brand-color-disabled | - +--td-link-success-active-color | @success-color-active | - +--td-link-success-color | @success-color | - +--td-link-success-disabled-color | @success-color-disabled | - +--td-link-warning-active-color | @warning-color-active | - +--td-link-warning-color | @warning-color | - +--td-link-warning-disabled-color | @warning-color-disabled | - diff --git a/src/link/README.md b/src/link/README.md index 0a279a704..7766ec737 100644 --- a/src/link/README.md +++ b/src/link/README.md @@ -73,7 +73,6 @@ hover | Boolean | - | 是否开启点击反馈 | N suffix-icon | String / Object / Slot | - | 前置图标 | N theme | String | default | 组件风格，依次为默认色、品牌色、危险色、警告色、成功色。可选项：default/primary/danger/warning/success | N underline | Boolean | - | 是否显示链接下划线 | N -external-classes | Array | - | 样式类名。`['t-class', 't-class-hover', 't-class-prefix-icon', 't-class-content', 't-class-suffix-icon']` | N ### Link Events 名称 | 参数 | 描述 @@ -81,3 +80,32 @@ external-classes | Array | - | 样式类名。`['t-class', 't-class-hover', 't-c complete | \- | 页面链接执行完成后触发（失败或成功均会触发） fail | \- | 页面链接跳转失败后触发 success | \- | 页面链接跳转成功后触发 + +### Link 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-hover | 悬停样式类 +t-class-prefix-icon | 前置图标样式类 +t-class-content | 内容样式类 +t-class-suffix-icon` | 后置图标样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-link-danger-active-color | @error-color-active | - +--td-link-danger-color | @error-color | - +--td-link-danger-disabled-color | @error-color-disabled | - +--td-link-default-active-color | @brand-color-active | - +--td-link-default-color | @font-gray-1 | - +--td-link-default-disabled-color | @text-color-disabled | - +--td-link-primary-active-color | @brand-color-active | - +--td-link-primary-color | @brand-color | - +--td-link-primary-disabled-color | @brand-color-disabled | - +--td-link-success-active-color | @success-color-active | - +--td-link-success-color | @success-color | - +--td-link-success-disabled-color | @success-color-disabled | - +--td-link-warning-active-color | @warning-color-active | - +--td-link-warning-color | @warning-color | - +--td-link-warning-disabled-color | @warning-color-disabled | - diff --git a/src/loading/README.en-US.md b/src/loading/README.en-US.md index 345bd0b85..1af7609f7 100644 --- a/src/loading/README.en-US.md +++ b/src/loading/README.en-US.md @@ -18,3 +18,12 @@ reverse | Boolean | - | \- | N size | String | '40rpx' | \- | N text | String / Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N theme | String | circular | options：circular/spinner/dots | N + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-loading-color | @brand-color | - +--td-loading-text-font-size | 24rpx | - +--td-loading-text-line-height | 40rpx | - diff --git a/src/loading/README.md b/src/loading/README.md index e1a530f96..037b52166 100644 --- a/src/loading/README.md +++ b/src/loading/README.md @@ -57,7 +57,6 @@ isComponent: true -- | -- | -- | -- | -- delay | Number | 0 | 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒 | N duration | Number | 800 | 加载动画执行完成一次的时间，单位：毫秒 | N -external-classes | Array | - | 组件类名，分别用于设置加载组件外层元素，加载组件文本，加载组件指示符，加载指示符内侧同心圆等元素类名。`['t-class', 't-class-text', 't-class-indicator']` | N indicator | Boolean / Slot | true | 加载指示符，值为 true 显示默认指示符，值为 false 则不显示，也可以自定义指示符。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N inherit-color | Boolean | false | 是否继承父元素颜色 | N layout | String | horizontal | 对齐方式。可选项：horizontal/vertical | N @@ -68,3 +67,18 @@ reverse | Boolean | - | 加载动画是否反向 | N size | String | '40rpx' | 尺寸，示例：40rpx/20px | N text | String / Slot | - | 加载提示文案。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N theme | String | circular | 加载组件类型。可选项：circular/spinner/dots | N + +### Loading 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-text | 文本样式类 +t-class-indicator | 指示符样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-loading-color | @brand-color | - +--td-loading-text-font-size | 24rpx | - +--td-loading-text-line-height | 40rpx | - diff --git a/src/message/README.en-US.md b/src/message/README.en-US.md index dd3225a21..3638ab1f6 100644 --- a/src/message/README.en-US.md +++ b/src/message/README.en-US.md @@ -27,3 +27,18 @@ action-btn-click | - | \- close-btn-click | - | \- duration-end | \- | \- link-click | \- | \- + + +### CSS Variables +The component provides the following CSS variables, which can be used to customize styles. +Name | Default Value | Description +-- | -- | -- +--td-message-bg-color | @bg-color-container | - +--td-message-border-radius | @radius-default | - +--td-message-box-shadow | @shadow-4 | - +--td-message-close-icon-color | @font-gray-3 | - +--td-message-content-font-color | @font-gray-1 | - +--td-message-error-color | @error-color | - +--td-message-info-color | @brand-color | - +--td-message-success-color | @success-color | - +--td-message-warning-color | @warning-color | - diff --git a/src/message/README.md b/src/message/README.md index 4660f7a56..0115df4e9 100644 --- a/src/message/README.md +++ b/src/message/README.md @@ -50,7 +50,6 @@ align | String | left | 文本对齐方式。可选项：left/center。TS 类型 close-btn | String / Boolean / Object / Slot | false | 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'user'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件。| N content | String / Slot | - | 用于自定义消息弹出内容 | N duration | Number | 3000 | 消息内置计时器，计时到达时会触发 duration-end 事件。单位：毫秒。值为 0 则表示没有计时器。 | N -external-classes | Array | - | 样式类名，分别用于设置 组件外层、消息内容、左侧图标、操作按钮、关闭按钮等元素类名。`['t-class', 't-class-content', 't-class-icon', 't-class-link', 't-class-close-btn']` | N icon | String / Boolean / Object / Slot | true | 消息提醒前面的图标，可以自定义。值为 true 则根据 theme 显示对应的图标，值为 false 则不显示图标。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string ，如：'info'，则显示组件内置图标。值类型为 object ，则会透传至 icon 组件。| N marquee | Boolean / Object | false | 跑马灯效果。speed 指速度控制；loop 指循环播放次数，值为 -1 表示循环播放，值为 0 表示不循环播放；delay 表示延迟多久开始播放。TS 类型：`boolean \| DrawMarquee` `interface DrawMarquee { speed?: number; loop?: number; delay?: number }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N offset | Array | - | 相对于 placement 的偏移量，默认单位 rpx。示例：[-10, 20] 或 ['10rpx', '8rpx']。TS 类型：`Array` | N @@ -67,3 +66,26 @@ action-btn-click | - | 已废弃。当操作按钮存在时，用户点击操作 close-btn-click | - | 当关闭按钮存在时，用户点击关闭按钮触发 duration-end | \- | 计时结束后触发 link-click | - | 当`link`链接存在时，点击链接文本时触发 + +### Message 外部样式类 +类名 | 说明 +-- | -- +t-class | 根节点样式类 +t-class-content | 内容样式类 +t-class-icon | 图标样式类 +t-class-link | 链接样式类 +t-class-close-btn | 关闭按钮样式类 + +### CSS 变量 +组件提供了下列 CSS 变量，可用于自定义样式。 +名称 | 默认值 | 描述 +-- | -- | -- +--td-message-bg-color | @bg-color-container | - +--td-message-border-radius | @radius-default | - +--td-message-box-shadow | @shadow-4 | - +--td-message-close-icon-color | @font-gray-3 | - +--td-message-content-font-color | @font-gray-1 | - +--td-message-error-color | @error-color | - +--td-message-info-color | @brand-color | - +--td-message-success-color | @success-color | - +--td-message-warning-color | @warning-color | - diff --git a/src/message/message.ts b/src/message/message.ts index 27b0cf4a7..c1e23b540 100644 --- a/src/message/message.ts +++ b/src/message/message.ts @@ -89,19 +89,19 @@ export default class Message extends SuperComponent { }); ready() { - this.memoInitalData(); + this.memoInitialData(); } /** 记录组件设置的项目 */ - memoInitalData() { - this.initalData = { + memoInitialData() { + this.initialData = { ...this.properties, ...this.data, }; } resetData(cb: () => void) { - this.setData({ ...this.initalData }, cb); + this.setData({ ...this.initialData }, cb); } detached() { diff --git a/src/message/message.wxml b/src/message/message.wxml index e4e7fdf05..8c669c1d1 100644 --- a/src/message/message.wxml +++ b/src/message/message.wxml @@ -1,8 +1,6 @@ - -