Hydee NPM | npm.io

How To Load Components

npm i hydee -S
Add pages.json easycom options below of this content.

"easycom": {
    "^h-(.*)": "hydee/h-$1/h-$1.vue"
}

Configuration About Components By Custom

h-form

name	description	params
model	Initial of validate props collect	Object

h-form-item

name	description	type	params
label	form-item display text in left	String	Weixin MiniProgram please add at least one space
prop	valiate prop	String	- -
label-width	The width of label	Number	--
labelStyle	custom config label stylesheet	Object	{height: 'auto'} - -

h-input

name	description	type	params
value	bind of default prop of input value	String	-
prefix-icon	show icon in prefix position	String	yonghu/mima/.etc
clearable	show icon in end position	String	yonghu/mima/.etc

Note:

Icon files loading by iconfont,you can custom build by yourself to replace @/components/hydee/styles/base.scss

Attention: when you load network assets of font or icon files,please add protocol https:// inaddtional.

@font-face {
  font-family: 'h-icon'; /* Project id 2866670 */
  src: url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.woff2?t=1640056620429')
      format('woff2'), url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.woff?t=1640056620429')
      format('woff'),
    url('https://at.alicdn.com/t/font_2866670_nsz8cv592md.ttf?t=1640056620429')
      format('truetype');
}

h-combox

name	description	type	params
candidates	basic select options build by yourself	Array	--
prefix-icon	show icon in prefix position	String	yonghu/mima/.etc
suffix-icon	show icon in suffix position	String	yonghu/mima/.etc
filterable	control of filter the options	Boolean	default: false
disabled	control input enter and pointer-events	Boolean	default: false
filterable	toggle dropdown mode of filter able	Boolean	default: false
shape	basic show right angle or border radius	String	default: circle\|
emptyTips	text describe of empty options	String	No Match
label	text of label option	String	---
labelWidth	text of label width option	String or Number	100
prefixIcon	display prefix icon with static path	String	'../statac/test.svg'
suffixIcon	display suffix icon with static path	String	'../statac/test.svg'
customStyle	custom stylesheet	Object	{height: 'auto'}

Note:

H-combox use componentName with h-input to ignore boardcast validate events.

h-button

name	description	type	params
type	Initialize for basic button type	String	primary/default/.etc
shape	The shape of the button display	String	square/circle
loading	The async process status	Boolean	false
accessType	category of weixin access type	String	phone/userinfo
authCallback	emit accessType callback data	Event	--

h-config

name	description	type	params
configTitle	display of major info	String	--
configSubTitle	display other info	String	--
cardCollect	collect h-card display info	Array	--
hiddenToggle	control dispaly toggle icon	Boolean	--
@custom	the custom event about toggle icon	Event	--
@accept-item	Accept inside appid and weChatAppId	Event	--
slots	Provide `owncard` slots to build yourself list attribute	slot	--

h-access

Attention: click.native was nou-use when you set access type

name	description	type	params
accessTitle	display of major info	String	--
accessSubTitle	display other info	String	--
illustrations	the illustrations of center content	String	../../static
loading	async status of button	Boolean
navigateText	the navigator text of button copywirting	String	---
accessType	whether open options of get phone number or userinfo	String	userinfo/phone/none
cancelLogin	whether open options of open un-login text	Boolean	--
@authCallback	use userinfo or phone access type to callback	Event	--
@cancelLogin	the event about cancelLogin options event	Event	--
@click	native click	Event	--
slots	Provide slot name `custom` to build your own button or other	Event	--