From de7c1c4e79b19607126fc60ff56fc2ad6805109e Mon Sep 17 00:00:00 2001 From: devin Date: Thu, 5 Jan 2023 11:48:34 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0link=20md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/docs/link.md | 28 +++++++++++++++++++ .../opendesign/src/components/link/OLink.vue | 8 +++--- .../src/components/link/__demo__/LinkDemo.vue | 2 +- .../src/components/select/OSelect.vue | 1 + 4 files changed, 34 insertions(+), 5 deletions(-) create mode 100644 packages/docs/link.md diff --git a/packages/docs/link.md b/packages/docs/link.md new file mode 100644 index 00000000..b6f9bd50 --- /dev/null +++ b/packages/docs/link.md @@ -0,0 +1,28 @@ +# Link 按钮 + +## props + +| name | type | 默认值 | 说明 | +| :--------- | :---------------------------------------------------------- | :------- | :--------------------------------- | +| href | string | '' | 包含超链接指向的 URL 或 URL 片段。 | +| target | '\_blank' \| '\_parent' \| '\_self' \| '\_top' | 'normal' | 指定在何处显示链接的资源。 | +| type | 'normal' \| 'primary' \| 'warning' \| 'danger' \| 'success' | 'normal' | 链接类型 | +| disabled | boolean | false | 是否禁用 | +| loading | boolean | false | 是否为 loading 状态 | +| iconPrefix | boolean | false | 前缀图标 | +| iconArrow | boolean | false | 图标箭头 | +| hoverable | boolean | false | hover 时是否显示背景 | + +## event + +| event | 参数 | 说明 | +| :---- | :----------- | :------- | +| click | e:MouseEvent | 点击事件 | + +## expose + +## slot + +| name | 说明 | +| :--- | :------- | +| icon | 按钮图标 | diff --git a/packages/opendesign/src/components/link/OLink.vue b/packages/opendesign/src/components/link/OLink.vue index 71e4f1e0..59b8318d 100644 --- a/packages/opendesign/src/components/link/OLink.vue +++ b/packages/opendesign/src/components/link/OLink.vue @@ -9,7 +9,7 @@ interface LinkPropsT { /** * 指定在何处显示链接的资源。 */ - target?: '_blank' | '_parent' | '_self' | '_top' | ''; + target?: '_blank' | '_parent' | '_self' | '_top'; /** * 是否为loading状态 */ @@ -23,9 +23,9 @@ interface LinkPropsT { */ disabled?: boolean; /** - * 图标 + * 前缀图标 */ - icon?: boolean; + iconPrefix?: boolean; /** * 图标箭头 */ @@ -38,7 +38,7 @@ interface LinkPropsT { const props = withDefaults(defineProps(), { href: '', - target: '', + target: undefined, icon: false, type: 'normal', }); diff --git a/packages/opendesign/src/components/link/__demo__/LinkDemo.vue b/packages/opendesign/src/components/link/__demo__/LinkDemo.vue index cb37994c..a253dc1b 100644 --- a/packages/opendesign/src/components/link/__demo__/LinkDemo.vue +++ b/packages/opendesign/src/components/link/__demo__/LinkDemo.vue @@ -28,7 +28,7 @@ const onLinkClick2 = () => {

图标

- 图标链接1 + 图标链接1 图标链接2 自定义图标链接1 diff --git a/packages/opendesign/src/components/select/OSelect.vue b/packages/opendesign/src/components/select/OSelect.vue index d993f3a4..285ee01c 100644 --- a/packages/opendesign/src/components/select/OSelect.vue +++ b/packages/opendesign/src/components/select/OSelect.vue @@ -13,6 +13,7 @@ interface SelectPropT { shape?: ShapeT; placeholder?: string; disabled?: boolean; + optionPosition?: PopupPositionT; optionWidthMode?: 'auto' | 'min-width' | 'width'; optionWrapClass?: string; -- Gitee