hy-app 0.6.9 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/components/hy-avatar/hy-avatar.vue +12 -5
- package/components/hy-avatar/props.ts +4 -2
- package/components/hy-avatar/typing.d.ts +8 -1
- package/components/hy-calendar/hy-calendar.vue +3 -2
- package/components/hy-calendar/month.vue +25 -5
- package/components/hy-calendar/props.ts +1 -1
- package/components/hy-calendar/typing.d.ts +9 -0
- package/components/hy-cascader/hy-cascader.vue +503 -0
- package/components/hy-cascader/index.scss +84 -0
- package/components/hy-cascader/props.ts +88 -0
- package/components/hy-cascader/typing.d.ts +34 -0
- package/components/hy-check-button/typing.d.ts +12 -7
- package/components/hy-code-input/hy-code-input.vue +33 -11
- package/components/hy-code-input/typing.d.ts +4 -0
- package/components/hy-config-provider/hy-config-provider.vue +58 -53
- package/components/hy-count-down/hy-count-down.vue +8 -8
- package/components/hy-count-down/typing.d.ts +16 -0
- package/components/hy-count-to/hy-count-to.vue +7 -7
- package/components/hy-count-to/typing.d.ts +24 -0
- package/components/hy-datetime-picker/props.ts +1 -1
- package/components/hy-datetime-picker/typing.d.ts +1 -1
- package/components/hy-dropdown/typing.d.ts +5 -0
- package/components/hy-dropdown-item/hy-dropdown-item.vue +1 -1
- package/components/hy-folding-panel/hy-folding-panel.vue +3 -3
- package/components/hy-folding-panel/typing.d.ts +23 -0
- package/components/hy-folding-panel-item/hy-folding-panel-item.vue +2 -2
- package/components/hy-folding-panel-item/typing.d.ts +21 -0
- package/components/hy-form/hy-form.vue +2 -2
- package/components/hy-form/typing.d.ts +37 -0
- package/components/hy-form-item/typing.d.ts +1 -1
- package/components/hy-grid/hy-grid.vue +12 -12
- package/components/hy-grid/index.scss +1 -2
- package/components/hy-grid/props.ts +7 -2
- package/components/hy-grid/typing.d.ts +1 -1
- package/components/hy-icon/typing.d.ts +52 -9
- package/components/hy-keyboard/constants.ts +83 -0
- package/components/hy-keyboard/hy-keyboard.vue +375 -0
- package/components/hy-keyboard/index.scss +73 -0
- package/components/hy-keyboard/key/index.scss +79 -0
- package/components/hy-keyboard/key/index.vue +91 -0
- package/components/hy-keyboard/key/types.ts +1 -0
- package/components/hy-keyboard/props.ts +108 -0
- package/components/hy-keyboard/typing.d.ts +18 -0
- package/components/hy-list/hy-list.vue +15 -13
- package/components/hy-list/props.ts +1 -1
- package/components/hy-modal/typing.d.ts +2 -2
- package/components/hy-notice-bar/hy-column-notice.vue +54 -94
- package/components/hy-notice-bar/hy-notice-bar.vue +128 -96
- package/components/hy-notice-bar/hy-row-notice.vue +89 -121
- package/components/hy-notice-bar/props.ts +86 -85
- package/components/hy-notify/hy-notify.vue +10 -10
- package/components/hy-notify/typing.d.ts +35 -0
- package/components/hy-number-step/hy-number-step.vue +370 -367
- package/components/hy-number-step/index.scss +1 -0
- package/components/hy-number-step/props.ts +1 -1
- package/components/hy-picker/hy-picker.vue +126 -149
- package/components/hy-picker/props.ts +4 -1
- package/components/hy-picker/typing.d.ts +22 -0
- package/components/hy-popover/hy-popover.vue +2 -2
- package/components/hy-popover/typing.d.ts +1 -1
- package/components/hy-popup/hy-popup.vue +1 -1
- package/components/hy-popup/index.scss +1 -0
- package/components/hy-price/hy-price.vue +52 -23
- package/components/hy-price/props.ts +54 -54
- package/components/hy-radio/props.ts +1 -1
- package/components/hy-radio/typing.d.ts +5 -1
- package/components/hy-rolling-num/typing.d.ts +1 -0
- package/components/hy-signature/hy-signature.vue +17 -17
- package/components/hy-signature/typing.d.ts +1 -1
- package/components/hy-skeleton/index.scss +17 -0
- package/components/hy-steps/hy-steps.vue +1 -1
- package/components/hy-submit-bar/typing.d.ts +3 -3
- package/components/hy-swipe-action/hy-swipe-action.vue +34 -15
- package/components/hy-swipe-action/index.scss +0 -1
- package/components/hy-switch/typing.d.ts +4 -0
- package/components/hy-tabbar/props.ts +2 -1
- package/components/hy-tabbar/typing.d.ts +5 -4
- package/components/hy-tabs/hy-tabs.vue +338 -336
- package/components/hy-tabs/index.scss +6 -6
- package/components/hy-tabs/typing.d.ts +41 -33
- package/components/hy-textarea/hy-textarea.vue +2 -2
- package/components/hy-textarea/typing.d.ts +4 -0
- package/components/hy-toast/hy-toast.vue +17 -9
- package/components/hy-toast/index.scss +1 -1
- package/components/hy-toast/typing.d.ts +56 -37
- package/components/hy-tooltip/hy-tooltip.vue +1 -1
- package/components/hy-tooltip/index.scss +1 -0
- package/components/hy-tooltip/props.ts +1 -1
- package/components/hy-upload/hy-upload.vue +16 -1
- package/components/hy-upload/index.scss +149 -144
- package/components/index.ts +6 -0
- package/global.d.ts +2 -0
- package/libs/api/http.ts +122 -119
- package/libs/config/icon.ts +442 -430
- package/libs/css/_function.scss +7 -13
- package/libs/css/iconfont.css +445 -441
- package/libs/css/theme.scss +3 -1
- package/libs/locale/lang/en-US.ts +4 -0
- package/libs/locale/lang/zh-CN.ts +4 -0
- package/libs/typing/index.ts +80 -0
- package/package.json +5 -2
- package/tags.json +1 -1
- package/web-types.json +1 -1
- package/components/hy-folding-panel/hy-folding-panel-group.vue +0 -163
- package/components/hy-qrcode/qrcode.js.bak +0 -1434
package/libs/css/theme.scss
CHANGED
|
@@ -66,7 +66,7 @@ $hy-background--track: var(--hy-background--track, #F6F6F6) !default; // 轨道
|
|
|
66
66
|
$hy-background--empty: var(--hy-background--empty, #F3F3F3) !default; // 空状态、搜索背景色
|
|
67
67
|
$hy-background--skeleton: var(--hy-background--skeleton, #eee) !default; // 骨架屏背景色
|
|
68
68
|
$hy-background--hover: var(--hy-background--hover, rgba(0,0,0,0.05)) !default; // 点击状态
|
|
69
|
-
$hy-background
|
|
69
|
+
$hy-background--mask: var(--hy-background--mask, rgba(0, 0, 0, 0.5)) !default; //遮罩颜色
|
|
70
70
|
$hy-background--active: var(--hy-background--active, #FFFFFF) !default; // 选中背景色
|
|
71
71
|
$hy-background--close: var(--hy-background--close, #f0f0f0) !default; // 关闭背景色
|
|
72
72
|
$hy-background--box: var(--hy-background--box, #FFFFFF) !default; // 盒子背景色
|
|
@@ -96,6 +96,8 @@ $hy-radius-semicircle: var(--hy-radius-semicircle, 100px) !default;
|
|
|
96
96
|
$hy-border-margin-padding-sm: var(--hy-border-margin-padding-sm, 10rpx) !default;
|
|
97
97
|
$hy-border-margin-padding-base: var(--hy-border-margin-padding-base, 20rpx) !default;
|
|
98
98
|
$hy-border-margin-padding-lg: var(--hy-border-margin-padding-lg, 30rpx) !default;
|
|
99
|
+
$hy-border-margin-padding-xl: var(--hy-border-margin-padding-xl, 48rpx) !default;
|
|
100
|
+
$hy-border-margin-padding-xxl: var(--hy-border-margin-padding-xxl, 64rpx) !default;
|
|
99
101
|
/* 底部线条 */
|
|
100
102
|
/* TODO: 边框不能写1rpx否则在某些机型无法显示 */
|
|
101
103
|
$hy-border-line: var(--hy-border-line, 1px solid #e8e8e8) !default;
|
package/libs/typing/index.ts
CHANGED
|
@@ -1,2 +1,82 @@
|
|
|
1
1
|
export * from './modules/form'
|
|
2
2
|
export * from './modules/enum'
|
|
3
|
+
|
|
4
|
+
// 组件类型
|
|
5
|
+
export * from '../../components/hy-action-sheet/typing.d'
|
|
6
|
+
export * from '../../components/hy-address-picker/typing.d'
|
|
7
|
+
export * from '../../components/hy-avatar/typing.d'
|
|
8
|
+
export * from '../../components/hy-back-top/typing.d'
|
|
9
|
+
export * from '../../components/hy-badge/typing.d'
|
|
10
|
+
export * from '../../components/hy-button/typing.d'
|
|
11
|
+
export * from '../../components/hy-calendar/typing.d'
|
|
12
|
+
export * from '../../components/hy-card/typing.d'
|
|
13
|
+
export * from '../../components/hy-cascader/typing.d'
|
|
14
|
+
export * from '../../components/hy-cell/typing.d'
|
|
15
|
+
export * from '../../components/hy-cell-item/typing.d'
|
|
16
|
+
export * from '../../components/hy-check-button/typing.d'
|
|
17
|
+
export * from '../../components/hy-checkbox/typing.d'
|
|
18
|
+
export * from '../../components/hy-checkbox-group/typing.d'
|
|
19
|
+
export * from '../../components/hy-checkbox-item/typing.d'
|
|
20
|
+
export * from '../../components/hy-code-input/typing.d'
|
|
21
|
+
export * from '../../components/hy-count-down/typing.d'
|
|
22
|
+
export * from '../../components/hy-count-to/typing.d'
|
|
23
|
+
export * from '../../components/hy-coupon/typing.d'
|
|
24
|
+
export * from '../../components/hy-datetime-picker/typing.d'
|
|
25
|
+
export * from '../../components/hy-dropdown-item/typing.d'
|
|
26
|
+
export * from '../../components/hy-empty/typing.d'
|
|
27
|
+
export * from '../../components/hy-flex/typing.d'
|
|
28
|
+
export * from '../../components/hy-float-button/typing.d'
|
|
29
|
+
export * from '../../components/hy-folding-panel/typing.d'
|
|
30
|
+
export * from '../../components/hy-folding-panel-item/typing.d'
|
|
31
|
+
export * from '../../components/hy-form/typing.d'
|
|
32
|
+
export * from '../../components/hy-form-item/typing.d'
|
|
33
|
+
export * from '../../components/hy-grid/typing.d'
|
|
34
|
+
export * from '../../components/hy-icon/typing.d'
|
|
35
|
+
export * from '../../components/hy-image/typing.d'
|
|
36
|
+
export * from '../../components/hy-index-bar/typing.d'
|
|
37
|
+
export * from '../../components/hy-input/typing.d'
|
|
38
|
+
export * from '../../components/hy-keyboard/typing.d'
|
|
39
|
+
export * from '../../components/hy-list/typing.d'
|
|
40
|
+
export * from '../../components/hy-menu/typing.d'
|
|
41
|
+
export * from '../../components/hy-modal/typing.d'
|
|
42
|
+
export * from '../../components/hy-navbar/typing.d'
|
|
43
|
+
export * from '../../components/hy-notice-bar/typing.d'
|
|
44
|
+
export * from '../../components/hy-number-step/typing.d'
|
|
45
|
+
export * from '../../components/hy-overlay/typing.d'
|
|
46
|
+
export * from '../../components/hy-pagination/typing.d'
|
|
47
|
+
export * from '../../components/hy-parse/typing.d'
|
|
48
|
+
export * from '../../components/hy-picker/typing.d'
|
|
49
|
+
export * from '../../components/hy-popover/typing.d'
|
|
50
|
+
export * from '../../components/hy-popup/typing.d'
|
|
51
|
+
export * from '../../components/hy-price/typing.d'
|
|
52
|
+
export * from '../../components/hy-qrcode/typing.d'
|
|
53
|
+
export * from '../../components/hy-radio/typing.d'
|
|
54
|
+
export * from '../../components/hy-rate/typing.d'
|
|
55
|
+
export * from '../../components/hy-read-more/typing.d'
|
|
56
|
+
export * from '../../components/hy-rolling-num/typing.d'
|
|
57
|
+
export * from '../../components/hy-scroll-list/typing.d'
|
|
58
|
+
export * from '../../components/hy-search/typing.d'
|
|
59
|
+
export * from '../../components/hy-signature/typing.d'
|
|
60
|
+
export * from '../../components/hy-skeleton/typing.d'
|
|
61
|
+
export * from '../../components/hy-slider/typing.d'
|
|
62
|
+
export * from '../../components/hy-status-bar/typing.d'
|
|
63
|
+
export * from '../../components/hy-steps/typing.d'
|
|
64
|
+
export * from '../../components/hy-sticky/typing.d'
|
|
65
|
+
export * from '../../components/hy-subsection/typing.d'
|
|
66
|
+
export * from '../../components/hy-submit-bar/typing.d'
|
|
67
|
+
export * from '../../components/hy-swipe-action/typing.d'
|
|
68
|
+
export * from '../../components/hy-swiper/typing.d'
|
|
69
|
+
export * from '../../components/hy-switch/typing.d'
|
|
70
|
+
export * from '../../components/hy-tabbar/typing.d'
|
|
71
|
+
export * from '../../components/hy-tabbar-group/typing.d'
|
|
72
|
+
export * from '../../components/hy-tabbar-item/typing.d'
|
|
73
|
+
export * from '../../components/hy-table/typing.d'
|
|
74
|
+
export * from '../../components/hy-tabs/typing.d'
|
|
75
|
+
export * from '../../components/hy-tag/typing.d'
|
|
76
|
+
export * from '../../components/hy-text/typing.d'
|
|
77
|
+
export * from '../../components/hy-textarea/typing.d'
|
|
78
|
+
export * from '../../components/hy-toast/typing.d'
|
|
79
|
+
export * from '../../components/hy-tooltip/typing.d'
|
|
80
|
+
export * from '../../components/hy-transition/typing.d'
|
|
81
|
+
export * from '../../components/hy-upload/typing.d'
|
|
82
|
+
export * from '../../components/hy-warn/typing.d'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hy-app",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "📱一个基于vue3+ts构建的uni-app组件库,拥有八十多个精美组件,适配多端,支持自定义主题",
|
|
5
5
|
"main": "./index.ts",
|
|
6
6
|
"private": false,
|
|
@@ -10,7 +10,10 @@
|
|
|
10
10
|
"精美ui库",
|
|
11
11
|
"移动端组件库",
|
|
12
12
|
"适配多端小程序",
|
|
13
|
-
"暗黑模式"
|
|
13
|
+
"暗黑模式",
|
|
14
|
+
"国际化",
|
|
15
|
+
"vue3",
|
|
16
|
+
"uniapp"
|
|
14
17
|
],
|
|
15
18
|
"vetur": {
|
|
16
19
|
"tags": "./tags.json",
|
package/tags.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hy-action-sheet":{"attributes":["modelValue","actions","panels","round","title","titleAlign","cancelText","closeOnClickAction","closeOnClickOverlay","duration","zIndex","safeAreaInsetBottom","customStyle","customClass","customHeaderClass","select","cancel","close","open"],"description":"本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI,配置更加灵活,所有平台都表现一致。"},"hy-address-picker":{"attributes":["show","popupMode","showToolbar","modelValue","title","separator","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","closeOnClickOverlay","defaultIndex","hasInput","input","toolbarRightSlot","customStyle","close","cancel","confirm","change"],"description":"此选择器用于选择地址"},"hy-avatar":{"attributes":["src","shape","size","mode","text","bgColor","color","fontSize","icon","mpAvatar","randomBgColor","defaultUrl","colorIndex","name","customStyle","click"],"description":"本组件一般用于展示头像的地方,如个人中心,或者评论列表页的用户头像展示等场所"},"hy-back-top":{"attributes":["mode","icon","text","duration","scrollTop","top","bottom","right","zIndex","customStyle","customClass","click"],"description":"该组件一个用于长页面,滑动一定距离后,出现返回顶部按钮,方便快速返回顶部的场景。"},"hy-badge":{"attributes":["isDot","value","show","max","zIndex","type","showZero","bgColor","color","shape","numberType","offset","inverted","absolute","customStyle","customClass","click"],"description":"该组件一般用于图标右上角显示未读的消息数量,提示用户点击,有圆点和圆包含文字两种形式。"},"hy-button":{"attributes":["hairline","border","type","size","shape","plain","disabled","loading","loadingText","loadingMode","loadingSize","openType","formType","appParameter","hoverStopPropagation","lang","sessionFrom","sendMessageTitle","sendMessagePath","sendMessageImg","showMessageCard","dataName","throttleTime","hoverStartTime","hoverStayTime","text","icon","color","customStyle","customClass","stop","scope","click","error","getphonenumber","getuserinfo","opensetting","launchapp","agreeprivacyauthorization","chooseavatar","contact"],"description":"该组件内部实现以uni-app的基础button组件为基础,进行二次封装"},"hy-calendar":{"attributes":["show","title","showTitle","showSubtitle","mode","startText","endText","customList","color","minDate","maxDate","defaultDate","maxCount","rowHeight","formatter","showLunar","showMark","confirmText","confirmDisabledText","closeOnClickOverlay","readonly","showConfirm","maxRange","rangePrompt","showRangePrompt","allowSameDay","round","monthNum","weekText","forbidDays","forbidDaysToast","confirm","close"],"description":"用于单个选择日期,范围选择日期等,日历被包裹在底部弹起的容器中。"},"hy-card":{"attributes":["full","title","titleColor","titleSize","subTitle","subTitleColor","subTitleSize","rightText","rightTextColor","rightTextSize","border","index","margin","borderRadius","headBorderBottom","footBorderTop","thumb","thumbWidth","thumbCircle","padding","\\}","paddingHead","paddingBody","paddingFoot","showHead","showFoot","boxShadow","headStyle","bodyStyle","footStyle","customStyle","customClass","click","head-click","body-click","foot-click"],"description":"卡片组件一般用于多个列表条目,且风格统一的场景。"},"hy-cell":{"attributes":["border","disabled","clickable","size","arrange","isRightIcon","arrowDirection","customStyle","customClass","click"]},"hy-cell-item":{"attributes":["title","sub","disabled","value","icon","rightIcon","arrowDirection","url","stop","name","customStyle","customClass","click"]},"hy-check-button":{"attributes":["modelValue","columns","fieldNames","selectType","disabled","col","gap","type","size","shape","change"],"description":"该组件内部实现以tag二次封装按钮复选框和单选框"},"hy-checkbox":{"attributes":["modelValue","columns","fieldNames","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便"},"hy-checkbox-group":{"attributes":["modelValue","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,需要搭配hy-checkbox-item组件一起使用"},"hy-checkbox-item":{"attributes":["value","checked","disabled","label"],"description":"复选框组件一般用于需要多个选择的场景,需要搭配hy-checkbox-group一起使用"},"hy-code-input":{"attributes":["modelValue","adjustPosition","maxlength","border","dot","mode","hairline","space","focus","bold","color","fontSize","size","disabledKeyboard","borderColor","disabledDot","customStyle","customClass","change","finish"],"description":"一般用于验证用户短信验证码的场景,也可以结合华玥的键盘组件使用"},"hy-config-provider":{"attributes":["theme","themeColor","height","padding","customClass","customStyle"],"description":"将 ConfigProvider 组件的 theme 属性设置为 dark,可以开启深色模式。 深色模式会全局生效,使页面上的所有 Wot 组件变为深色风格。"},"hy-count-down":{"attributes":["time","format","autoStart","millisecond","customStyle","customClass","change","finish"],"description":"一般使用于某个活动的截止时间上,通过数字的变化,给用户明确的时间感受,提示用户进行某一个行为操作。"},"hy-count-to":{"attributes":["startVal","endVal","duration","autoplay","decimals","useEasing","decimal","color","fontSize","bold","separator","customStyle","customClass","end"],"description":"一般用于需要滚动数字到某一个值的场景,目标要求是一个递增的值。"},"hy-coupon":{"attributes":["title","type","typeText","status","disabledStatus","description","desEllipsis","amount","unit","startDate","endDate","format","dateDesc","bgColor","boxShadow","btnMode","btnText","customStyle","customClass","click","used"],"description":"用于商品优惠券的业务组件"},"hy-datetime-picker":{"attributes":["show","popupMode","showToolbar","modelValue","title","mode","maxDate","minDate","minHour","maxHour","minMinute","maxMinute","filter","formatter","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","closeOnClickOverlay","defaultIndex","hasInput","input","format","toolbarRightSlot","customStyle","customClass","close","cancel","confirm","change"],"description":"此选择器用于时间日期选择"},"hy-divider":{"attributes":["dashed","hairline","dot","textPosition","text","textSize","textColor","lineColor","loadingIcon","loadMoreText","loadingText","noMoreText","marginTop","marginBottom","customStyle","customClass"],"description":"区隔内容的分割线,一般用于页面底部\"没有更多\"的提示"},"hy-dropdown":{"attributes":["height","borderBottom","sticky","activeColor","inactiveColor","menuIcon","menuIconSize","customStyle"],"description":"主要提供筛选下拉筛选框,内置基础筛选功能,可以根据自己的需求自定义筛选项。"},"hy-dropdown-item":{"attributes":["modelValue","title","menus","disabled","change"],"description":"主要提供筛选下拉筛选框,内置基础筛选功能,可以根据自己的需求自定义筛选项。和hy-dropdown组合用法"},"hy-empty":{"attributes":["show","mode","imageUrl","zIndex","width","height","description","desSize","desColor","imgMargin","button","customStyle","customClass","click"],"description":"加载的第一页数据就为空"},"hy-flex":{"attributes":["vertical","justify","align","wrap","flex","gap","basis","customStyle","customClass"]},"hy-float-button":{"attributes":["menus","direction","icon","iconSize","iconColor","gap","zIndex","bgColor","text","fontSize","textColor","size","shape","opacity","shadow","float","fixed","draggable","position","expandable","customStyle","customClass","click","clickItem"],"description":"悬浮动作按钮组件,按下可显示一组动作按钮。"},"hy-folding-panel":{"attributes":["modelValue","accordion","disabled","border","size","change","open","close"]},"hy-folding-panel-item":{"attributes":["index","title","value","icon","iconColor","iconSize","content","disabled","defaultOpen","contentHeight","customStyle","click","open","close","change","child-click"],"description":"折叠面板项组件"},"hy-form":{"attributes":["model","rules","border","labelWidth","labelPosition","labelAlign","submit","validate"],"description":"表单组件父组件,需要搭配hy-form-item"},"hy-form-group":{"attributes":["labelPosition","labelWidth","right","labelAlign","border","disabled","input","textarea","picker","switchItem","radio","checkButton","columns","formData"]},"hy-form-item":{"attributes":["label","prop","required","rules","change","blur"],"description":"表单组件子组件,需要搭配hy-form"},"hy-grid":{"attributes":["list","customKeys","col","border","itemHeight","align","gap","bgColor","iconConfig","customStyle","customClass","click"],"description":"宫格组件一般用于同时展示多个同类项目的场景,可以给宫格的项目设置徽标组件"},"hy-icon":{"attributes":["name","color","size","bold","index","customPrefix","label","labelPos","labelSize","labelColor","space","imgMode","width","height","top","stop","isRotate","round","customStyle","customClass","click"],"description":"基于字体的图标集,包含了大多数常见场景的图标,使用简单,开箱即用,无需自己再写每个图标的样式,直接简单配置即可。支持自定义图标。"},"hy-image":{"attributes":["src","mode","width","height","shape","radius","lazyLoad","showMenuByLongPress","loadingIcon","errorIcon","showLoading","showError","fade","webp","duration","bgColor","indistinct","previewImage","customStyle","customClass","click","error","load"],"description":"uni-app的image组件的加强版,在继承了原有功能外,还支持淡入动画、加载中、加载失败提示、圆角值和形状等。"},"hy-index-bar":{"attributes":["modelValue","indexList","position","showToast","indexColor","activeIndexColor","indexBgColor","activeIndexBgColor","indexSize","height","width","customStyle","customClass","click","scroll"],"description":"索引栏组件,用于快速定位列表内容的索引栏组件,支持点击和滑动两种交互方式"},"hy-input":{"attributes":["modelValue","type","fixed","disabled","disabledColor","clearable","password","maxlength","placeholder","placeholderClass","placeholderStyle","showWordLimit","confirmType","confirmHold","holdKeyboard","focus","autoBlur","disableDefaultPadding","cursor","cursorSpacing","selectionStart","selectionEnd","adjustPosition","inputAlign","fontSize","color","prefixIcon","suffixIcon","border","readonly","shape","ignoreCompositionEvent","formatter","customStyle","customClass","blur","focus","confirm","keyboardheightchange","change","clear","onPrefix","onSuffix"],"description":"为一个输入框,利用它可以快速实现表单验证,输入内容,下拉选择等功能。"},"hy-line":{"attributes":["color","length","direction","hairline","margin","dashed","customStyle","customClass"],"description":"一般用于显示一根线条,用于分隔内容块,有横向和竖向两种模式,且能设置0.5px线条,使用也很简单。"},"hy-line-progress":{"attributes":["activeColor","inactiveColor","percentage","showText","height","fontSize","customStyle","customClass"],"description":"展示操作或任务的当前进度,比如上传文件,是一个线形的进度条。"},"hy-list":{"attributes":["list","containerHeight","itemHeight","marginBottom","padding","borderRadius","background","border","line","keyField","load","showDivider","click","scrollToLower"],"description":"实现只展示可视内容的dom,减少dom创建,优化滚动性能"},"hy-loading":{"attributes":["show","color","textColor","direction","mode","size","textSize","text","timingFunction","duration","inactiveColor","customStyle","customClass"],"description":"目前用在华玥的loadMore加载更多等组件的正在加载状态场景。"},"hy-menu":{"attributes":["modelValue","list","id","width","color","icon","badge","customStyle","change"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。"},"hy-modal":{"attributes":["modelValue","title","content","confirmText","cancelText","showConfirmButton","showCancelButton","confirmColor","cancelColor","buttonReverse","zoom","round","autoClose","loading","closeOnClickOverlay","negativeTop","width","confirmButtonShape","contentTextAlign","confirm","cancel","close"],"description":"弹出模态框,常用于消息提示、消息确认、在当前页面内完成特定的交互操作。"},"hy-navbar":{"attributes":["safeAreaInsetTop","placeholder","fixed","border","leftIcon","leftText","rightText","rightIcon","title","sub","titleColor","bgColor","titleWidth","height","leftIconSize","leftIconColor","autoBack","titleStyle","customStyle","customClass","leftClick","rightClick"],"description":"一般用于在特殊情况下,需要自定义导航栏的时候用到,一般建议使用uni-app带的导航栏。"},"hy-notice-bar":{"attributes":["text","direction","step","icon","mode","color","bgColor","speed","fontSize","duration","disableTouch","justifyContent","linkType","url","customStyle","customClass","click","close"],"description":"该组件用于滚动通告场景,有多种模式可供选择"},"hy-notify":{"attributes":["top","type","color","bgColor","icon","message","duration","fontSize","safeAreaInsetTop","customStyle","customClass"],"description":"一般用于页面顶部向下滑出一个提示,尔后自动收起的场景。"},"hy-number-step":{"attributes":["modelValue","min","max","step","integer","disabled","disabledInput","asyncChange","inputWidth","showMinus","showPlus","decimalLength","longPress","color","buttonWidth","buttonSize","buttonRadius","bgColor","inputBgColor","cursorSpacing","disableMinus","disablePlus","minusIcon","plusIcon","miniMode","focus","blur","overLimit","change","plus","minus"],"description":"一般用于商城购物选择物品数量的场景"},"hy-overlay":{"attributes":["show","zIndex","duration","opacity","LockScroll","customStyle","customClass","click"],"description":"创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景"},"hy-pagination":{"attributes":["modelValue","totalPage","showIcon","showMessage","total","pageSize","prevText","nextText","hideIfOnePage","customStyle","change"],"description":"当数据量过多时,使用分页分解数据。"},"hy-parse":{"attributes":["load","ready","imgTap","linkTap","play","tap","click","error"]},"hy-picker":{"attributes":["modelValue","show","popupMode","separator","showToolbar","title","columns","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","labelKey","valueKey","closeOnClickOverlay","defaultIndex","immediateChange","zIndex","hasInput","input","toolbarRightSlot","close","cancel","confirm","change"],"description":"此选择器用于单列,多列,多列联动的选择场景。"},"hy-popover":{"attributes":["modelValue","content","placement","offset","showClose","disabled","mode","customStyle","customClass","change","menuClick"],"description":"常用于展示提示信息。"},"hy-popup":{"attributes":["show","overlay","mode","duration","closeable","overlayStyle","overlayOpacity","closeOnClickOverlay","zIndex","safeAreaInsetBottom","safeAreaInsetTop","closeIconPos","round","zoom","bgColor","customStyle","customClass","open","close","click"],"description":"弹出层容器,用于展示弹窗、信息提示等内容,支持上、下、左、右和中部弹出。组件只提供容器,内部内容由用户自定义。"},"hy-price":{"attributes":["text","symbol","ratio","num","color","size","weight","slant","customStyle","customClass","click"],"description":"业务组件,突出金额小数点前大,小数点后小"},"hy-qrcode":{"attributes":["cid","size","text","show","background","foreground","pdGround","usingComponents","lv","icon","iconSize","showLoading","loadingText","allowPreview","result","preview","longPress"],"description":"根据提供的字符串前端JS生成二维码展示"},"hy-radio":{"attributes":["modelValue","columns","fieldNames","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便"},"hy-rate":{"attributes":["modelValue","count","disabled","readonly","size","inactiveColor","activeColor","gutter","minCount","allowHalf","activeIcon","inactiveIcon","touchable","customStyle","customClass","change"],"description":"该组件一般用于满意度调查,星型评分的场景。"},"hy-read-more":{"attributes":["showHeight","toggle","closeText","openText","color","fontSize","textIndent","name","shadowStyle","open","close"],"description":"该组件一般用于内容较长,预先收起一部分,点击展开全部内容的场景。"},"hy-rolling-num":{"attributes":["value","size","color","fontWeight","height","duration","letterSpacing","scrollDirection","stopOrder","delayStep","customStyle","customClass"],"description":"滚动数字组件,用于实现数字从初始值(全0)平滑滚动到目标值的动画效果。"},"hy-scroll-list":{"attributes":["indicatorWidth","indicatorBarWidth","indicator","indicatorColor","indicatorActiveColor","scrollLeft","scrollRight"],"description":"该组件一般用于同时展示多个商品、分类的场景,也可以完成左右滑动的列表。"},"hy-search":{"attributes":["modelValue","shape","bgColor","placeholder","confirmType","clearable","autoFocus","autoBlur","adjustPosition","showAction","actionText","actionStyle","inputAlign","inputStyle","disabled","borderColor","color","placeholderColor","searchIcon","margin","animation","maxlength","height","label","customStyle","customClass","click","change","clickIcon","search","clear","confirm","focus","blur"],"description":"搜索组件,集成了常见搜索框所需功能,用户可以一键引入,开箱即用。"},"hy-signature":{"attributes":["penColor","lineWidth","clearText","revokeText","restoreText","confirmText","fileType","quality","exportScale","disabled","height","width","round","backgroundColor","disableScroll","enableHistory","step","undoText","redoText","pressure","minWidth","maxWidth","minSpeed","customStyle","customClass","start","end","signing","confirm","clear"],"description":"用于签名场景,基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。"},"hy-skeleton":{"attributes":["theme","rowCol","loading","animation","customStyle","customClass"],"description":"用于等待加载内容所展示的占位图形组合,有动态效果加载效果,减少用户等待焦虑。"},"hy-slider":{"attributes":["modelValue","blockSize","min","max","step","activeColor","inactiveColor","blockColor","showValue","disabled","useNative","height","rangeValue","isRange","blockStyle","customStyle","customClass","start","changing","change"],"description":"一般用于表单中,手动选择一个区间范围的场景。"},"hy-status-bar":{},"hy-steps":{"attributes":["current","list","direction","activeColor","inactiveColor","activeIcon","inactiveIcon","dot","iconSize","change"],"description":"一般用于完成一个任务要分几个步骤,标识目前处于第几步的场景。"},"hy-sticky":{"attributes":["zIndex","offsetTop","enable","scrollSelector","change"]},"hy-submit-bar":{"attributes":["menus","fixed","border","leftLoading","rightLoading","iconColor","iconLabelColor","textColor","showLeftBtn","showRightBtn","leftBtnText","rightBtnText","leftBtnColor","rightBtnColor","shape","zIndex","customStyle","customClass","click","menuClick"],"description":"该布局一般用于商品详情页底部引导用户快速购买商品的场景,开发者可以根据自己的需求修改布局结构和样式。"},"hy-subsection":{"attributes":["modelValue","current","list","customKeys","activeColor","inactiveColor","mode","fontSize","bold","bgColor","customStyle","customClass","change"],"description":"该分段器一般用于用户从几个选项中选择某一个的场景"},"hy-swipe-action":{"attributes":["modelValue","disabled","borderBottom","options","duration","beforeClose","click","clickAction"],"description":"常用于单元格左右滑删除等手势操作。"},"hy-swiper":{"attributes":["list","keyName","indicator","indicatorActiveColor","indicatorInactiveColor","indicatorStyle","indicatorMode","autoplay","current","currentItemId","interval","duration","circular","previousMargin","nextMargin","acceleration","displayMultipleItems","easingFunction","imgMode","height","bgColor","radius","loading","showTitle","click","change"],"description":"一般用于导航轮播,广告展示等场景,可开箱即用"},"hy-switch":{"attributes":["modelValue","loading","disabled","size","activeColor","inactiveColor","activeValue","inactiveValue","activeIcon","inactiveIcon","icon","asyncChange","space","customStyle","customClass","change"],"description":"选择开关用于在打开和关闭状态之间进行切换。"},"hy-tabbar":{"attributes":["modelValue","list","fixed","placeholder","color","baseBgColor","bgColor","activeColor","badgeProps","customStyle","customClass","change"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-tabbar-group":{"attributes":["modelValue","fixed","border","placeholder","shape","bgColor","activeColor","inactiveColor","safeAreaInsetBottom","iconSize","fontSize","badgeProps","zIndex","customStyle","customClass","change"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-tabbar-item":{"attributes":["icon","title","name","value"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-table":{"attributes":["data","columns","height","rowHeight","stripe","border","loading","rowKey","showHeader","emptyUrl","emptyDes","row-click","sort-change"],"description":"Table是一个基于Uniapp开发的高性能表格组件,支持固定列、排序、斑马纹、自定义插槽等功能,适用于各种数据展示场景。"},"hy-tabs":{"attributes":["list","current","keyName","duration","lineColor","activeStyle","inactiveStyle","lineWidth","lineHeight","lineBgSize","itemStyle","swiperHeight","scrollable","badgeProps","isSwiper","iconStyle","customStyle","customClass","click","change","longPress"],"description":"该组件是一个tabs标签组件,在标签多的时候,可以配置为左右滑动,标签少的时候,可以禁止滑动。 该组件的一个特点是配置为滚动模式时,激活的tab会自动移动到组件的中间位置。"},"hy-tag":{"attributes":["text","name","type","disabled","size","shape","bgColor","color","borderColor","closeColor","plainFill","plain","closable","show","icon","customStyle","customClass","click","close"],"description":"tag组件一般用于标记和选择,我们提供了更加丰富的表现形式,能够较全面的涵盖您的使用场景"},"hy-test":{"attributes":["text","type","show","prefixIcon","suffixIcon","mode","href","format","call","openType","bold","block","lines","color","size","iconStyle","decoration","margin","lineHeight","align","wordWrap","flex","customStyle","customClass","click"],"description":"此组件集成了文本类在项目中的常用功能,包括状态,拨打电话,格式化日期,替换,超链接...等功能。 您大可不必在使用特殊文本时自己定义,text组件几乎涵盖您能使用的大部分场景。"},"hy-textarea":{"attributes":["modelValue","placeholder","placeholderClass","placeholderStyle","height","confirmType","disabled","count","focus","autoHeight","fixed","cursorSpacing","cursor","showConfirmBar","selectionStart","selectionEnd","adjustPosition","disableDefaultPadding","holdKeyboard","maxlength","border","formatter","customStyle","customClass","blur","focus","change","confirm","lineChange","keyboardheightchange"],"description":"用于输入多行文本信息,聊天输入框等。"},"hy-tooltip":{"attributes":["text","copyText","triggerMode","placement","size","color","bold","bgColor","zIndex","showCopy","buttons","overlay","showToast","customStyle","customClass","click"],"description":"Tooltip组件主要用于长按操作,类似微信的长按气泡"},"hy-transition":{"attributes":["show","mode","duration","timingFunction","customStyle","customClass","enter","leave","click","afterEnter","afterLeave","beforeEnter","beforeLeave"],"description":"该组件用于组件的动画过渡效果。"},"hy-upload":{"attributes":["accept","extension","capture","compressed","camera","maxDuration","uploadIcon","uploadIconColor","useBeforeRead","previewFullImage","maxCount","disabled","imageMode","name","sizeType","multiple","deletable","maxSize","fileList","uploadText","width","height","beforeRead","afterRead","customStyle","clickPreview","beforeRead","error","delete","afterRead","oversize"],"description":"该组件用于上传图片或者视频等场景"},"hy-warn":{"attributes":["title","type","description","closable","showIcon","theme","center","fontSize","customStyle","customClass","click","close"],"description":"警告提示,展现需要关注的信息"},"hy-waterfall":{"attributes":["modelValue","addTime","idKey"],"description":"这是一个瀑布流形式的组件,内容分为左右两列,结合uview的懒加载组件效果更佳。"},"hy-watermark":{"attributes":["title","titleColor","titleSize","content","image","imageHeight","imageWidth","gutterX","gutterY","width","height","fullScreen","color","size","fontStyle","fontWeight","fontFamily","rotate","zIndex","opacity","isAntiTheft"],"description":"在页面或组件上添加指定的图片或文字,可用于版权保护、品牌宣传等场景。"}}
|
|
1
|
+
{"hy-action-sheet":{"attributes":["modelValue","actions","panels","round","title","titleAlign","cancelText","closeOnClickAction","closeOnClickOverlay","duration","zIndex","safeAreaInsetBottom","customStyle","customClass","customHeaderClass","select","cancel","close","open"],"description":"本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI,配置更加灵活,所有平台都表现一致。"},"hy-address-picker":{"attributes":["show","popupMode","showToolbar","modelValue","title","separator","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","closeOnClickOverlay","defaultIndex","hasInput","input","toolbarRightSlot","customStyle","close","cancel","confirm","change"],"description":"此选择器用于选择地址"},"hy-avatar":{"attributes":["src","shape","size","mode","text","bgColor","color","fontSize","icon","mpAvatar","randomBgColor","defaultUrl","colorIndex","name","customStyle","customClass","click"],"description":"本组件一般用于展示头像的地方,如个人中心,或者评论列表页的用户头像展示等场所"},"hy-back-top":{"attributes":["mode","icon","text","duration","scrollTop","top","bottom","right","zIndex","customStyle","customClass","click"],"description":"该组件一个用于长页面,滑动一定距离后,出现返回顶部按钮,方便快速返回顶部的场景。"},"hy-badge":{"attributes":["isDot","value","show","max","zIndex","type","showZero","bgColor","color","shape","numberType","offset","inverted","absolute","customStyle","customClass","click"],"description":"该组件一般用于图标右上角显示未读的消息数量,提示用户点击,有圆点和圆包含文字两种形式。"},"hy-button":{"attributes":["hairline","border","type","size","shape","plain","disabled","loading","loadingText","loadingMode","loadingSize","openType","formType","appParameter","hoverStopPropagation","lang","sessionFrom","sendMessageTitle","sendMessagePath","sendMessageImg","showMessageCard","dataName","throttleTime","hoverStartTime","hoverStayTime","text","icon","color","customStyle","customClass","stop","scope","click","error","getphonenumber","getuserinfo","opensetting","launchapp","agreeprivacyauthorization","chooseavatar","contact"],"description":"该组件内部实现以uni-app的基础button组件为基础,进行二次封装"},"hy-calendar":{"attributes":["show","title","showTitle","showSubtitle","mode","startText","endText","customList","color","minDate","maxDate","defaultDate","maxCount","rowHeight","formatter","showLunar","showMark","confirmText","confirmDisabledText","closeOnClickOverlay","readonly","showConfirm","maxRange","rangePrompt","showRangePrompt","allowSameDay","round","monthNum","weekText","forbidDays","forbidDaysToast","confirm","close"],"description":"用于单个选择日期,范围选择日期等,日历被包裹在底部弹起的容器中。"},"hy-card":{"attributes":["full","title","titleColor","titleSize","subTitle","subTitleColor","subTitleSize","rightText","rightTextColor","rightTextSize","border","index","margin","borderRadius","headBorderBottom","footBorderTop","thumb","thumbWidth","thumbCircle","padding","\\}","paddingHead","paddingBody","paddingFoot","showHead","showFoot","boxShadow","headStyle","bodyStyle","footStyle","customStyle","customClass","click","head-click","body-click","foot-click"],"description":"卡片组件一般用于多个列表条目,且风格统一的场景。"},"hy-cascader":{"attributes":["modelValue","show","options","showToolbar","title","placeholder","closeOnClickOverlay","zIndex","hasInput","input","separator","valueKey","labelKey","childrenKey","lazyLoad","isLeafKey","cancel","confirm"]},"hy-cell":{"attributes":["border","disabled","clickable","size","arrange","isRightIcon","arrowDirection","customStyle","customClass","click"]},"hy-cell-item":{"attributes":["title","sub","disabled","value","icon","rightIcon","arrowDirection","url","stop","name","customStyle","customClass","click"]},"hy-check-button":{"attributes":["modelValue","columns","fieldNames","selectType","disabled","col","gap","type","size","shape","change"],"description":"该组件内部实现以tag二次封装按钮复选框和单选框"},"hy-checkbox":{"attributes":["modelValue","columns","fieldNames","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便"},"hy-checkbox-group":{"attributes":["modelValue","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,需要搭配hy-checkbox-item组件一起使用"},"hy-checkbox-item":{"attributes":["value","checked","disabled","label"],"description":"复选框组件一般用于需要多个选择的场景,需要搭配hy-checkbox-group一起使用"},"hy-code-input":{"attributes":["modelValue","adjustPosition","maxlength","border","dot","mode","hairline","space","focus","bold","color","fontSize","size","disabledKeyboard","borderColor","disabledDot","customStyle","customClass","change","finish","focus","blur"],"description":"一般用于验证用户短信验证码的场景,也可以结合华玥的键盘组件使用"},"hy-config-provider":{"attributes":["theme","themeColor","height","padding","customClass","customStyle"],"description":"将 ConfigProvider 组件的 theme 属性设置为 dark,可以开启深色模式。 深色模式会全局生效,使页面上的所有 Wot 组件变为深色风格。"},"hy-count-down":{"attributes":["time","format","autoStart","millisecond","customStyle","customClass","change","finish"],"description":"一般使用于某个活动的截止时间上,通过数字的变化,给用户明确的时间感受,提示用户进行某一个行为操作。"},"hy-count-to":{"attributes":["startVal","endVal","duration","autoplay","decimals","useEasing","decimal","color","fontSize","bold","separator","customStyle","customClass","end"],"description":"一般用于需要滚动数字到某一个值的场景,目标要求是一个递增的值。"},"hy-coupon":{"attributes":["title","type","typeText","status","disabledStatus","description","desEllipsis","amount","unit","startDate","endDate","format","dateDesc","bgColor","boxShadow","btnMode","btnText","customStyle","customClass","click","used"],"description":"用于商品优惠券的业务组件"},"hy-datetime-picker":{"attributes":["show","popupMode","showToolbar","modelValue","title","mode","maxDate","minDate","minHour","maxHour","minMinute","maxMinute","filter","formatter","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","closeOnClickOverlay","defaultIndex","hasInput","input","format","toolbarRightSlot","customStyle","customClass","close","cancel","confirm","change"],"description":"此选择器用于时间日期选择"},"hy-divider":{"attributes":["dashed","hairline","dot","textPosition","text","textSize","textColor","lineColor","loadingIcon","loadMoreText","loadingText","noMoreText","marginTop","marginBottom","customStyle","customClass"],"description":"区隔内容的分割线,一般用于页面底部\"没有更多\"的提示"},"hy-dropdown":{"attributes":["height","borderBottom","sticky","activeColor","inactiveColor","menuIcon","menuIconSize","customStyle"],"description":"主要提供筛选下拉筛选框,内置基础筛选功能,可以根据自己的需求自定义筛选项。"},"hy-dropdown-item":{"attributes":["modelValue","title","menus","disabled","change"],"description":"主要提供筛选下拉筛选框,内置基础筛选功能,可以根据自己的需求自定义筛选项。和hy-dropdown组合用法"},"hy-empty":{"attributes":["show","mode","imageUrl","zIndex","width","height","description","desSize","desColor","imgMargin","button","customStyle","customClass","click"],"description":"加载的第一页数据就为空"},"hy-flex":{"attributes":["vertical","justify","align","wrap","flex","gap","basis","customStyle","customClass"]},"hy-float-button":{"attributes":["menus","direction","icon","iconSize","iconColor","gap","zIndex","bgColor","text","fontSize","textColor","size","shape","opacity","shadow","float","fixed","draggable","position","expandable","customStyle","customClass","click","clickItem"],"description":"悬浮动作按钮组件,按下可显示一组动作按钮。"},"hy-folding-panel":{"attributes":["modelValue","accordion","disabled","border","size","change","open","close"]},"hy-folding-panel-item":{"attributes":["index","title","value","icon","iconColor","iconSize","content","disabled","defaultOpen","contentHeight","customStyle","click","open","close","change","child-click"],"description":"折叠面板项组件"},"hy-form":{"attributes":["model","rules","border","labelWidth","labelPosition","labelAlign","submit","validate"],"description":"表单组件父组件,需要搭配hy-form-item"},"hy-form-group":{"attributes":["labelPosition","labelWidth","right","labelAlign","border","disabled","input","textarea","picker","switchItem","radio","checkButton","columns","formData"]},"hy-form-item":{"attributes":["label","prop","required","rules","change","blur"],"description":"表单组件子组件,需要搭配hy-form"},"hy-grid":{"attributes":["list","customKeys","col","size","border","itemHeight","align","gap","bgColor","iconProps","customStyle","customClass","click"],"description":"宫格组件一般用于同时展示多个同类项目的场景,可以给宫格的项目设置徽标组件"},"hy-icon":{"attributes":["name","color","size","bold","index","customPrefix","label","labelPos","labelSize","labelColor","space","imgMode","width","height","top","stop","isRotate","round","customStyle","customClass","click"],"description":"基于字体的图标集,包含了大多数常见场景的图标,使用简单,开箱即用,无需自己再写每个图标的样式,直接简单配置即可。支持自定义图标。"},"hy-image":{"attributes":["src","mode","width","height","shape","radius","lazyLoad","showMenuByLongPress","loadingIcon","errorIcon","showLoading","showError","fade","webp","duration","bgColor","indistinct","previewImage","customStyle","customClass","click","error","load"],"description":"uni-app的image组件的加强版,在继承了原有功能外,还支持淡入动画、加载中、加载失败提示、圆角值和形状等。"},"hy-index-bar":{"attributes":["modelValue","indexList","position","showToast","indexColor","activeIndexColor","indexBgColor","activeIndexBgColor","indexSize","height","width","customStyle","customClass","click","scroll"],"description":"索引栏组件,用于快速定位列表内容的索引栏组件,支持点击和滑动两种交互方式"},"hy-input":{"attributes":["modelValue","type","fixed","disabled","disabledColor","clearable","password","maxlength","placeholder","placeholderClass","placeholderStyle","showWordLimit","confirmType","confirmHold","holdKeyboard","focus","autoBlur","disableDefaultPadding","cursor","cursorSpacing","selectionStart","selectionEnd","adjustPosition","inputAlign","fontSize","color","prefixIcon","suffixIcon","border","readonly","shape","ignoreCompositionEvent","formatter","customStyle","customClass","blur","focus","confirm","keyboardheightchange","change","clear","onPrefix","onSuffix"],"description":"为一个输入框,利用它可以快速实现表单验证,输入内容,下拉选择等功能。"},"hy-keyboard":{"attributes":["show","modelValue","title","mode","zIndex","maxlength","showDeleteKey","showDotKey","randomKeyOrder","closeText","deleteText","closeButtonLoading","overlay","overlayOpacity","hideOnClickOutside","lockScroll","safeAreaInsetBottom","extraKey","carLang","autoSwitchLang","customStyle","customClass","close","delete","input"]},"hy-line":{"attributes":["color","length","direction","hairline","margin","dashed","customStyle","customClass"],"description":"一般用于显示一根线条,用于分隔内容块,有横向和竖向两种模式,且能设置0.5px线条,使用也很简单。"},"hy-line-progress":{"attributes":["activeColor","inactiveColor","percentage","showText","height","fontSize","customStyle","customClass"],"description":"展示操作或任务的当前进度,比如上传文件,是一个线形的进度条。"},"hy-list":{"attributes":["list","containerHeight","itemHeight","marginBottom","padding","borderRadius","background","border","line","keyField","load","showDivider","click","scrollToLower"],"description":"实现只展示可视内容的dom,减少dom创建,优化滚动性能"},"hy-loading":{"attributes":["show","color","textColor","direction","mode","size","textSize","text","timingFunction","duration","inactiveColor","customStyle","customClass"],"description":"目前用在华玥的loadMore加载更多等组件的正在加载状态场景。"},"hy-menu":{"attributes":["modelValue","list","id","width","color","icon","badge","customStyle","change"],"description":"垂直展示的导航栏,用于在不同的内容区域之间进行切换。"},"hy-modal":{"attributes":["modelValue","title","content","confirmText","cancelText","showConfirmButton","showCancelButton","confirmColor","cancelColor","buttonReverse","zoom","round","autoClose","loading","closeOnClickOverlay","negativeTop","width","confirmButtonShape","contentTextAlign","confirm","cancel","close"],"description":"弹出模态框,常用于消息提示、消息确认、在当前页面内完成特定的交互操作。"},"hy-navbar":{"attributes":["safeAreaInsetTop","placeholder","fixed","border","leftIcon","leftText","rightText","rightIcon","title","sub","titleColor","bgColor","titleWidth","height","leftIconSize","leftIconColor","autoBack","titleStyle","customStyle","customClass","leftClick","rightClick"],"description":"一般用于在特殊情况下,需要自定义导航栏的时候用到,一般建议使用uni-app带的导航栏。"},"hy-notice-bar":{"attributes":["text","direction","step","icon","mode","color","bgColor","speed","fontSize","duration","disableTouch","justifyContent","linkType","url","customStyle","customClass","click","close"],"description":"该组件用于滚动通告场景,有多种模式可供选择"},"hy-notify":{"attributes":["top","type","color","bgColor","icon","message","duration","fontSize","safeAreaInsetTop","customStyle","customClass"],"description":"一般用于页面顶部向下滑出一个提示,尔后自动收起的场景。"},"hy-number-step":{"attributes":["modelValue","min","max","step","integer","disabled","disabledInput","asyncChange","inputWidth","showMinus","showPlus","decimalLength","longPress","color","buttonWidth","buttonSize","buttonRadius","bgColor","inputBgColor","cursorSpacing","disableMinus","disablePlus","minusIcon","plusIcon","miniMode","focus","blur","overLimit","change","plus","minus"],"description":"一般用于商城购物选择物品数量的场景"},"hy-overlay":{"attributes":["show","zIndex","duration","opacity","LockScroll","customStyle","customClass","click"],"description":"创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景"},"hy-pagination":{"attributes":["modelValue","totalPage","showIcon","showMessage","total","pageSize","prevText","nextText","hideIfOnePage","customStyle","change"],"description":"当数据量过多时,使用分页分解数据。"},"hy-parse":{"attributes":["load","ready","imgTap","linkTap","play","tap","click","error"]},"hy-picker":{"attributes":["modelValue","show","popupMode","separator","showToolbar","title","columns","loading","itemHeight","cancelText","confirmText","cancelColor","confirmColor","visibleItemCount","labelKey","valueKey","closeOnClickOverlay","defaultIndex","immediateChange","zIndex","hasInput","input","toolbarRightSlot","close","cancel","confirm","change"],"description":"此选择器用于单列,多列,多列联动的选择场景。"},"hy-popover":{"attributes":["modelValue","content","placement","offset","showClose","disabled","mode","customStyle","customClass","change","menuClick"],"description":"常用于展示提示信息。"},"hy-popup":{"attributes":["show","overlay","mode","duration","closeable","overlayStyle","overlayOpacity","closeOnClickOverlay","zIndex","safeAreaInsetBottom","safeAreaInsetTop","closeIconPos","round","zoom","bgColor","customStyle","customClass","open","close","click"],"description":"弹出层容器,用于展示弹窗、信息提示等内容,支持上、下、左、右和中部弹出。组件只提供容器,内部内容由用户自定义。"},"hy-price":{"attributes":["text","symbol","ratio","num","color","size","weight","slant","customStyle","customClass","click"],"description":"业务组件,突出金额小数点前大,小数点后小"},"hy-qrcode":{"attributes":["cid","size","text","show","background","foreground","pdGround","usingComponents","lv","icon","iconSize","showLoading","loadingText","allowPreview","result","preview","longPress"],"description":"根据提供的字符串前端JS生成二维码展示"},"hy-radio":{"attributes":["modelValue","columns","fieldNames","size","shape","disabled","activeColor","inactiveColor","iconSize","iconColor","iconPlacement","borderBottom","labelSize","labelColor","labelDisabled","placement","customStyle","change"],"description":"复选框组件一般用于需要多个选择的场景,该组件功能完整,使用方便"},"hy-rate":{"attributes":["modelValue","count","disabled","readonly","size","inactiveColor","activeColor","gutter","minCount","allowHalf","activeIcon","inactiveIcon","touchable","customStyle","customClass","change"],"description":"该组件一般用于满意度调查,星型评分的场景。"},"hy-read-more":{"attributes":["showHeight","toggle","closeText","openText","color","fontSize","textIndent","name","shadowStyle","open","close"],"description":"该组件一般用于内容较长,预先收起一部分,点击展开全部内容的场景。"},"hy-rolling-num":{"attributes":["value","size","color","fontWeight","height","duration","letterSpacing","scrollDirection","stopOrder","delayStep","customStyle","customClass"],"description":"滚动数字组件,用于实现数字从初始值(全0)平滑滚动到目标值的动画效果。"},"hy-scroll-list":{"attributes":["indicatorWidth","indicatorBarWidth","indicator","indicatorColor","indicatorActiveColor","scrollLeft","scrollRight"],"description":"该组件一般用于同时展示多个商品、分类的场景,也可以完成左右滑动的列表。"},"hy-search":{"attributes":["modelValue","shape","bgColor","placeholder","confirmType","clearable","autoFocus","autoBlur","adjustPosition","showAction","actionText","actionStyle","inputAlign","inputStyle","disabled","borderColor","color","placeholderColor","searchIcon","margin","animation","maxlength","height","label","customStyle","customClass","click","change","clickIcon","search","clear","confirm","focus","blur"],"description":"搜索组件,集成了常见搜索框所需功能,用户可以一键引入,开箱即用。"},"hy-signature":{"attributes":["penColor","lineWidth","clearText","revokeText","restoreText","confirmText","fileType","quality","exportScale","disabled","height","width","round","backgroundColor","disableScroll","enableHistory","step","undoText","redoText","pressure","minWidth","maxWidth","minSpeed","customStyle","customClass","start","end","signing","confirm","clear"],"description":"用于签名场景,基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。"},"hy-skeleton":{"attributes":["theme","rowCol","loading","animation","customStyle","customClass"],"description":"用于等待加载内容所展示的占位图形组合,有动态效果加载效果,减少用户等待焦虑。"},"hy-slider":{"attributes":["modelValue","blockSize","min","max","step","activeColor","inactiveColor","blockColor","showValue","disabled","useNative","height","rangeValue","isRange","blockStyle","customStyle","customClass","start","changing","change"],"description":"一般用于表单中,手动选择一个区间范围的场景。"},"hy-status-bar":{},"hy-steps":{"attributes":["current","list","direction","activeColor","inactiveColor","activeIcon","inactiveIcon","dot","iconSize","change"],"description":"一般用于完成一个任务要分几个步骤,标识目前处于第几步的场景。"},"hy-sticky":{"attributes":["zIndex","offsetTop","enable","scrollSelector","change"]},"hy-submit-bar":{"attributes":["menus","fixed","border","leftLoading","rightLoading","iconColor","iconLabelColor","textColor","showLeftBtn","showRightBtn","leftBtnText","rightBtnText","leftBtnColor","rightBtnColor","shape","zIndex","customStyle","customClass","click","menuClick"],"description":"该布局一般用于商品详情页底部引导用户快速购买商品的场景,开发者可以根据自己的需求修改布局结构和样式。"},"hy-subsection":{"attributes":["modelValue","current","list","customKeys","activeColor","inactiveColor","mode","fontSize","bold","bgColor","customStyle","customClass","change"],"description":"该分段器一般用于用户从几个选项中选择某一个的场景"},"hy-swipe-action":{"attributes":["modelValue","disabled","borderBottom","options","duration","beforeClose","click","clickAction"],"description":"常用于单元格左右滑删除等手势操作。"},"hy-swiper":{"attributes":["list","keyName","indicator","indicatorActiveColor","indicatorInactiveColor","indicatorStyle","indicatorMode","autoplay","current","currentItemId","interval","duration","circular","previousMargin","nextMargin","acceleration","displayMultipleItems","easingFunction","imgMode","height","bgColor","radius","loading","showTitle","click","change"],"description":"一般用于导航轮播,广告展示等场景,可开箱即用"},"hy-switch":{"attributes":["modelValue","loading","disabled","size","activeColor","inactiveColor","activeValue","inactiveValue","activeIcon","inactiveIcon","icon","asyncChange","space","customStyle","customClass","change"],"description":"选择开关用于在打开和关闭状态之间进行切换。"},"hy-tabbar":{"attributes":["modelValue","list","fixed","placeholder","color","baseBgColor","bgColor","activeColor","badgeProps","customStyle","customClass","change"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-tabbar-group":{"attributes":["modelValue","fixed","border","placeholder","shape","bgColor","activeColor","inactiveColor","safeAreaInsetBottom","iconSize","fontSize","badgeProps","zIndex","customStyle","customClass","change"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-tabbar-item":{"attributes":["icon","title","name","value"],"description":"底部导航栏,用于在不同页面之间进行切换。"},"hy-table":{"attributes":["data","columns","height","rowHeight","stripe","border","loading","rowKey","showHeader","emptyUrl","emptyDes","row-click","sort-change"],"description":"Table是一个基于Uniapp开发的高性能表格组件,支持固定列、排序、斑马纹、自定义插槽等功能,适用于各种数据展示场景。"},"hy-tabs":{"attributes":["list","current","keyName","duration","lineColor","activeStyle","inactiveStyle","lineWidth","lineHeight","lineBgSize","itemStyle","swiperHeight","scrollable","badgeProps","isSwiper","iconStyle","customStyle","customClass","click","change","longPress"],"description":"该组件是一个tabs标签组件,在标签多的时候,可以配置为左右滑动,标签少的时候,可以禁止滑动。 该组件的一个特点是配置为滚动模式时,激活的tab会自动移动到组件的中间位置。"},"hy-tag":{"attributes":["text","name","type","disabled","size","shape","bgColor","color","borderColor","closeColor","plainFill","plain","closable","show","icon","customStyle","customClass","click","close"],"description":"tag组件一般用于标记和选择,我们提供了更加丰富的表现形式,能够较全面的涵盖您的使用场景"},"hy-test":{"attributes":["text","type","show","prefixIcon","suffixIcon","mode","href","format","call","openType","bold","block","lines","color","size","iconStyle","decoration","margin","lineHeight","align","wordWrap","flex","customStyle","customClass","click"],"description":"此组件集成了文本类在项目中的常用功能,包括状态,拨打电话,格式化日期,替换,超链接...等功能。 您大可不必在使用特殊文本时自己定义,text组件几乎涵盖您能使用的大部分场景。"},"hy-textarea":{"attributes":["modelValue","placeholder","placeholderClass","placeholderStyle","height","confirmType","disabled","count","focus","autoHeight","fixed","cursorSpacing","cursor","showConfirmBar","selectionStart","selectionEnd","adjustPosition","disableDefaultPadding","holdKeyboard","maxlength","border","formatter","customStyle","customClass","blur","focus","change","confirm","lineChange","keyboardheightchange"],"description":"用于输入多行文本信息,聊天输入框等。"},"hy-tooltip":{"attributes":["text","copyText","triggerMode","placement","size","color","bold","bgColor","zIndex","showCopy","buttons","overlay","showToast","customStyle","customClass","click"],"description":"Tooltip组件主要用于长按操作,类似微信的长按气泡"},"hy-transition":{"attributes":["show","mode","duration","timingFunction","customStyle","customClass","enter","leave","click","afterEnter","afterLeave","beforeEnter","beforeLeave"],"description":"该组件用于组件的动画过渡效果。"},"hy-upload":{"attributes":["accept","extension","capture","compressed","camera","maxDuration","uploadIcon","uploadIconColor","useBeforeRead","previewFullImage","maxCount","disabled","imageMode","name","sizeType","multiple","deletable","maxSize","fileList","uploadText","width","height","beforeRead","afterRead","customStyle","clickPreview","beforeRead","error","delete","afterRead","oversize"],"description":"该组件用于上传图片或者视频等场景"},"hy-warn":{"attributes":["title","type","description","closable","showIcon","theme","center","fontSize","customStyle","customClass","click","close"],"description":"警告提示,展现需要关注的信息"},"hy-waterfall":{"attributes":["modelValue","addTime","idKey"],"description":"这是一个瀑布流形式的组件,内容分为左右两列,结合uview的懒加载组件效果更佳。"},"hy-watermark":{"attributes":["title","titleColor","titleSize","content","image","imageHeight","imageWidth","gutterX","gutterY","width","height","fullScreen","color","size","fontStyle","fontWeight","fontFamily","rotate","zIndex","opacity","isAntiTheft"],"description":"在页面或组件上添加指定的图片或文字,可用于版权保护、品牌宣传等场景。"}}
|