sard-uniapp 1.19.2 → 1.19.3

package/components/dialog/dialog.vue

@@ -92,6 +92,39 @@ import SarIcon from "../icon/icon.vue";
 import {
   defaultDialogProps
 } from "./common";
+/**
+ * @property {string} rootClass 对话框根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 对话框根元素样式，默认值：-。
+ * @property {string} popupClass 弹窗框根元素类名，默认值：-。
+ * @property {StyleValue} popupStyle 弹窗框根元素样式，默认值：-。
+ * @property {boolean} visible 是否可见，默认值：false。
+ * @property {string} title 标题，默认值：-。
+ * @property {string} message 文本内容，默认值：-。
+ * @property {boolean} headed 是否显示带头部类型，默认值：true。
+ * @property {'round' | 'text'} buttonType 按钮类型，默认值：'round'。
+ * @property {boolean} showCancel 是否显示取消按钮，默认值：true。
+ * @property {string} cancelText 取消按钮文案，默认值：'取消'。
+ * @property {boolean} showConfirm 是否显示确定按钮，默认值：true。
+ * @property {string} confirmText 确定按钮文案，默认值：'确定'。
+ * @property {boolean} overlayClosable 点击遮罩是否关闭，默认值：false。
+ * @property {DialogBeforeClose} beforeClose 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭，默认值：-。
+ * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
+ * @property {ButtonProps} confirmProps 设置确定按钮 props，默认值：-。
+ * @property {ButtonProps} cancelProps 设置取消按钮 props，默认值：-。
+ * @event {(visible: boolean) => void} update 对话框显隐时触发
+ * @event {() => void} close 点击关闭按钮或遮罩时触发
+ * @event {() => void} cancel 点击取消按钮时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
+ */
 export default  _defineComponent({
   components: {
     SarPopup,

package/components/dialog-agent/dialog-agent.vue

@@ -17,6 +17,27 @@ import {
   imperativeName
 } from "./common";
 import { useImperative } from "../../use/useImperative";
+/**
+ * @property {string} rootClass 对话框根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 对话框根元素样式，默认值：-。
+ * @property {string} popupClass 弹窗框根元素类名，默认值：-。
+ * @property {StyleValue} popupStyle 弹窗框根元素样式，默认值：-。
+ * @property {boolean} visible 是否可见，默认值：false。
+ * @property {string} title 标题，默认值：-。
+ * @property {string} message 文本内容，默认值：-。
+ * @property {boolean} headed 是否显示带头部类型，默认值：true。
+ * @property {'round' | 'text'} buttonType 按钮类型，默认值：'round'。
+ * @property {boolean} showCancel 是否显示取消按钮，默认值：true。
+ * @property {string} cancelText 取消按钮文案，默认值：'取消'。
+ * @property {boolean} showConfirm 是否显示确定按钮，默认值：true。
+ * @property {string} confirmText 确定按钮文案，默认值：'确定'。
+ * @property {boolean} overlayClosable 点击遮罩是否关闭，默认值：false。
+ * @property {DialogBeforeClose} beforeClose 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭，默认值：-。
+ * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
+ * @property {ButtonProps} confirmProps 设置确定按钮 props，默认值：-。
+ * @property {ButtonProps} cancelProps 设置取消按钮 props，默认值：-。
+ * @property {string} id 对话框组件的 id，默认值：'dialog'。
+ */
 export default  _defineComponent({
   components: {
     SarDialog,

package/components/divider/README.md

@@ -0,0 +1,80 @@
+---
+nav: 组件
+title: Divider
+subtitle: 分割线
+group: 布局
+version: 1.13+
+---
+
+## 介绍
+
+用于将内容分隔为多个区域。
+
+## 引入
+
+```ts
+import Divider from 'sard-uniapp/components/divider/divider.vue'
+```
+
+## 代码演示
+
+### 基础使用
+
+默认渲染一条水平分割线。
+
+@code('${DEMO_PATH}/divider/demo/Basic.vue')
+
+### 展示文本
+
+通过插槽在可以分割线中间插入内容。
+
+@code('${DEMO_PATH}/divider/demo/Text.vue')
+
+### 内容位置
+
+通过 `position` 指定内容所在位置。
+
+@code('${DEMO_PATH}/divider/demo/Position.vue')
+
+### 线条类型
+
+通过 `type` 属性设置分割线类型。
+
+@code('${DEMO_PATH}/divider/demo/Type.vue')
+
+### 自定义样式
+
+可以直接通过 `style` 属性设置分割线的样式。
+
+@code('${DEMO_PATH}/divider/demo/Style.vue')
+
+### 垂直
+
+设置 `vertical` 属性可以垂直展示分割线
+
+@code('${DEMO_PATH}/divider/demo/Vertical.vue')
+
+## API
+
+### DividerProps
+
+| 属性       | 描述                 | 类型                            | 默认值   |
+| ---------- | -------------------- | ------------------------------- | -------- |
+| root-class | 组件根元素类名       | string                          | -        |
+| root-style | 组件根元素样式       | StyleValue                      | -        |
+| type       | 分割线类型           | 'solid' \| 'dashed' \| 'dotted' | 'solid'  |
+| hairline   | 是否显示半像素分割线 | boolean                         | true     |
+| position   | 内容位置             | 'left' \| 'right' \| 'center'   | 'center' |
+| vertical   | 是否垂直显示分割线   | boolean                         | false    |
+
+### DividerSlots
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义默认内容 | -    |
+
+## 主题定制
+
+### CSS 变量
+
+@code('./variables.scss#variables')

package/components/divider/divider.vue

@@ -11,6 +11,14 @@ import { classNames, stringifyStyle, createBem } from "../../utils";
 import {
   defaultDividerProps
 } from "./common";
+/**
+ * @property {string} rootClass 组件根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
+ * @property {'solid' | 'dashed' | 'dotted'} type 分割线类型，默认值：'solid'。
+ * @property {boolean} hairline 是否显示半像素分割线，默认值：true。
+ * @property {'left' | 'right' | 'center'} position 内容位置，默认值：'center'。
+ * @property {boolean} vertical 是否垂直显示分割线，默认值：false。
+ */
 export default  _defineComponent({
   ...{
     options: {

package/components/dropdown/README.md

@@ -0,0 +1,168 @@
+---
+nav: 组件
+title: Dropdown
+subtitle: 下拉菜单
+group: 导航组件
+---
+
+## 介绍
+
+可向下/向上弹出菜单列表，或自定义弹出的菜单内容。
+
+## 引入
+
+```ts
+import Dropdown from 'sard-uniapp/components/dropdown/dropdown.vue'
+import DropdownItem from 'sard-uniapp/components/dropdown-item/dropdown-item.vue'
+```
+
+## 代码演示
+
+### 基础使用
+
+使用 `options` 配置下拉菜单项，使用 `v-model` 绑定选中的值。
+
+@code('${DEMO_PATH}/dropdown/demo/Basic.vue')
+
+### 占位符
+
+占位符会在未选中值时显示说明文字。
+
+@code('${DEMO_PATH}/dropdown/demo/Placeholder.vue')
+
+### 添加 label
+
+相较于占位符， `label` 会一直显示。
+
+@code('${DEMO_PATH}/dropdown/demo/Label.vue')
+
+### 向上展开
+
+底部空间不足时可以配置向上弹出菜单。
+
+@code('${DEMO_PATH}/dropdown/demo/Direction.vue')
+
+### 禁用
+
+禁用的菜单项不可点击。
+
+@code('${DEMO_PATH}/dropdown/demo/Disabled.vue')
+
+### 自定义内容
+
+除了显示菜单项，下拉菜单还可以显示任意内容，这时可以使用 `v-model:visible` 控制显隐。
+
+@code('${DEMO_PATH}/dropdown/demo/Content.vue')
+
+### 异步开关 <sup>1.19+</sup>
+
+如果 `beforeOpen` 返回 false，则取消打开菜单；如果返回 `Promise` 对象，则会在 `resolve` 时才打开菜单。
+
+如果 `beforeClose` 返回 false，则取消关闭菜单；如果返回 `Promise` 对象，则会在 `resolve` 时才关闭菜单。
+
+@code('${DEMO_PATH}/dropdown/demo/Async.vue')
+
+### 可取消选择 <sup>1.19.3+</sup>
+
+如果想点击时取消选中的选项，可以使用 `togglable` 属性。
+
+@code('${DEMO_PATH}/dropdown/demo/Togglable.vue')
+
+## API
+
+### DropdownProps
+
+| 属性                              | 描述                         | 类型           | 默认值    |
+| --------------------------------- | ---------------------------- | -------------- | --------- |
+| root-class                        | 组件根元素类名               | string         | -         |
+| root-style                        | 组件根元素样式               | StyleValue     | -         |
+| direction                         | 菜单弹出方向                 | 'down' \| 'up' | 'down'    |
+| disabled                          | 是否禁用                     | boolean        | false     |
+| away-closable                     | 是否在点击外部区域后自动隐藏 | boolean        | true      |
+| overlay-closable                  | 是否在点击遮罩后自动隐藏     | boolean        | true      |
+| duration                          | 显隐动画时长，单位 ms        | number         | 300       |
+| togglable <sup>1.19.3+</sup>      | 是否可取消选中的选项         | boolean        | false     |
+| value-on-clear <sup>1.19.3+</sup> | 取消选项时设置的值           | any            | undefined |
+
+### DropdownSlots
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义默认内容 | -    |
+
+### DropdownItemProps
+
+| 属性                              | 描述                                                                 | 类型                | 默认值    |
+| --------------------------------- | -------------------------------------------------------------------- | ------------------- | --------- |
+| root-class                        | 组件根元素类名                                                       | string              | -         |
+| root-style                        | 组件根元素样式                                                       | StyleValue          | -         |
+| title                             | 标题，用于自定义菜单内容                                             | string              | -         |
+| label                             | 标签说明                                                             | string              | -         |
+| options                           | 菜单选项                                                             | DropdownOption[]    | []        |
+| direction                         | 菜单弹出方向                                                         | 'down' \| 'up'      | 'down'    |
+| disabled                          | 是否禁用                                                             | boolean             | false     |
+| model-value (v-model)             | 当前选择的菜单项的值                                                 | any                 | -         |
+| visible (v-model)                 | 弹出框是否可见                                                       | boolean             | -         |
+| separator                         | 标签后面分隔符                                                       | string              | -         |
+| placeholder                       | 占位符                                                               | string              | -         |
+| togglable <sup>1.19.3+</sup>      | 是否可取消选中的选项                                                 | boolean             | false     |
+| value-on-clear <sup>1.19.3+</sup> | 取消选项时设置的值                                                   | any                 | undefined |
+| before-open <sup>1.19.1+</sup>    | 打开前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止打开 | () => any           | -         |
+| before-close <sup>1.19+</sup>     | 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭 | DropdownBeforeClose | -         |
+
+### DropdownBeforeClose
+
+```ts
+type DropdownBeforeClose = (type: DropdownCloseType) => any
+
+type DropdownCloseType =
+  | 'overlay'
+  | 'away'
+  | 'other-button'
+  | 'button'
+  | 'option'
+```
+
+关闭类型：
+
+- `overlay` 点击遮罩
+- `away` 点击除遮罩和菜单之外的区域
+- `other-button` 点击其他菜单按钮
+- `button` 点击当前的菜单按钮
+- `option` 点击菜单项
+
+### DropdownItemSlots
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义默认内容 | -    |
+
+### DropdownItemEmits
+
+| 事件                             | 描述                        | 类型                               |
+| -------------------------------- | --------------------------- | ---------------------------------- |
+| update:model-value               | 选中菜单选项时触发          | (value: any) => void               |
+| change <sup>1.12.2+</sup>        | 选中菜单选项时触发          | (value: any) => void               |
+| update:visible                   | 弹出框显隐时触发            | (visible: boolean) => void         |
+| visible-hook <sup>1.18+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.18+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.18+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.18+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.18+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.18+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.18+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.18+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.18+</sup> | 退场动画取消时触发          | () => void                         |
+
+### DropdownOption
+
+| 属性  | 描述         | 类型   | 默认值 |
+| ----- | ------------ | ------ | ------ |
+| label | 定义选项标签 | string | -      |
+| value | 定义选项的值 | any    | -      |
+
+## 主题定制
+
+### CSS 变量
+
+@code('./variables.scss#variables')

package/components/dropdown/common.d.ts

@@ -8,6 +8,8 @@ export interface DropdownProps {
     awayClosable?: boolean;
     overlayClosable?: boolean;
     duration?: number;
+    togglable?: boolean;
+    valueOnClear?: () => any;
 }
 export declare const defaultDropdownProps: {
     direction: DropdownProps["direction"];
@@ -37,6 +39,8 @@ export interface DropdownItemProps {
     visible?: boolean;
     separator?: string;
     placeholder?: string;
+    togglable?: boolean;
+    valueOnClear?: () => any;
     beforeClose?: DropdownBeforeClose;
     beforeOpen?: DropdownBeforeOpen;
 }
@@ -57,6 +61,8 @@ export interface DropdownContext {
     awayClosable: DropdownProps['awayClosable'];
     overlayClosable: DropdownProps['overlayClosable'];
     duration: DropdownProps['duration'];
+    togglable: DropdownProps['togglable'];
+    valueOnClear: DropdownProps['valueOnClear'];
     hideOthers: (instance: any) => void;
     register: (instance: any, expose: {
         hide: () => void;
@@ -65,3 +71,4 @@ export interface DropdownContext {
     unregister: (instance: any) => void;
 }
 export declare const dropdownContextSymbol: unique symbol;
+export declare const defaultValueOnClear: () => undefined;

package/components/dropdown/common.js

@@ -4,3 +4,4 @@ export const defaultDropdownItemProps = {
     options: () => [],
 };
 export const dropdownContextSymbol = Symbol('dropdown-context');
+export const defaultValueOnClear = () => undefined;

package/components/dropdown/dropdown.vue

@@ -13,6 +13,17 @@ import {
   dropdownContextSymbol,
   defaultDropdownProps
 } from "./common";
+/**
+ * @property {string} rootClass 组件根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
+ * @property {'down' | 'up'} direction 菜单弹出方向，默认值：'down'。
+ * @property {boolean} disabled 是否禁用，默认值：false。
+ * @property {boolean} awayClosable 是否在点击外部区域后自动隐藏，默认值：true。
+ * @property {boolean} overlayClosable 是否在点击遮罩后自动隐藏，默认值：true。
+ * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
+ * @property {boolean} togglable 是否可取消选中的选项，默认值：false。
+ * @property {any} valueOnClear 取消选项时设置的值，默认值：undefined。
+ */
 export default  _defineComponent({
   ...{
     options: {
@@ -28,7 +39,9 @@ export default  _defineComponent({
     disabled: { type: Boolean, required: false },
     awayClosable: { type: Boolean, required: false },
     overlayClosable: { type: Boolean, required: false },
-    duration: { type: Number, required: false }
+    duration: { type: Number, required: false },
+    togglable: { type: Boolean, required: false },
+    valueOnClear: { type: Function, required: false }
   }, defaultDropdownProps),
   setup(__props, { expose: __expose }) {
     __expose();
@@ -59,6 +72,8 @@ export default  _defineComponent({
         awayClosable: toRef(() => props.awayClosable),
         overlayClosable: toRef(() => props.overlayClosable),
         duration: toRef(() => props.duration),
+        togglable: toRef(() => props.togglable),
+        valueOnClear: toRef(() => props.valueOnClear),
         hideOthers,
         register,
         unregister

package/components/dropdown-item/dropdown-item.vue

@@ -102,9 +102,38 @@ import SarIcon from "../icon/icon.vue";
 import SarOverlay from "../overlay/overlay.vue";
 import {
   dropdownContextSymbol,
-  defaultDropdownItemProps
+  defaultDropdownItemProps,
+  defaultValueOnClear
 } from "../dropdown/common";
 import { useTransition, useZIndex } from "../../use";
+/**
+ * @property {string} rootClass 组件根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
+ * @property {string} title 标题，用于自定义菜单内容，默认值：-。
+ * @property {string} label 标签说明，默认值：-。
+ * @property {DropdownOption[]} options 菜单选项，默认值：[]。
+ * @property {'down' | 'up'} direction 菜单弹出方向，默认值：'down'。
+ * @property {boolean} disabled 是否禁用，默认值：false。
+ * @property {any} modelValue 当前选择的菜单项的值，默认值：-。
+ * @property {boolean} visible 弹出框是否可见，默认值：-。
+ * @property {string} separator 标签后面分隔符，默认值：-。
+ * @property {string} placeholder 占位符，默认值：-。
+ * @property {boolean} togglable 是否可取消选中的选项，默认值：false。
+ * @property {any} valueOnClear 取消选项时设置的值，默认值：undefined。
+ * @property {() => any} beforeOpen 打开前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止打开，默认值：-。
+ * @property {DropdownBeforeClose} beforeClose 关闭前的回调，返回 `false` 或 `rejected` 状态的 `Promise` 可阻止关闭，默认值：-。
+ * @event {(visible: boolean) => void} update 弹出框显隐时触发
+ * @event {(value: any) => void} change 选中菜单选项时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
+ */
 export default  _defineComponent({
   components: {
     SarList,
@@ -130,6 +159,8 @@ export default  _defineComponent({
     visible: { type: Boolean, required: false },
     separator: { type: String, required: false },
     placeholder: { type: String, required: false },
+    togglable: { type: Boolean, required: false },
+    valueOnClear: { type: Function, required: false },
     beforeClose: { type: Function, required: false },
     beforeOpen: { type: Function, required: false }
   }, defaultDropdownItemProps),
@@ -148,6 +179,10 @@ export default  _defineComponent({
     const itemId = uniqid();
     const instance = getCurrentInstance();
     const innerValue = ref(props.modelValue);
+    const mergedTogglable = computed(() => props.togglable || context.togglable);
+    const mergedValueOnClear = computed(
+      () => props.valueOnClear || context.valueOnClear || defaultValueOnClear
+    );
     watch(
       () => props.modelValue,
       () => {
@@ -257,10 +292,22 @@ export default  _defineComponent({
       }
     };
     const onOptionClick = (option) => {
+      let changed = false;
       if (option.value !== innerValue.value) {
         innerValue.value = option.value;
-        emit("update:model-value", option.value);
-        emit("change", option.value);
+        changed = true;
+      } else {
+        if (mergedTogglable.value) {
+          const value = mergedValueOnClear.value();
+          if (value !== innerValue.value) {
+            innerValue.value = value;
+          }
+          changed = true;
+        }
+      }
+      if (changed) {
+        emit("update:model-value", innerValue.value);
+        emit("change", innerValue.value);
       }
       perhapsClose("option");
     };
@@ -346,7 +393,7 @@ export default  _defineComponent({
     const dropdownItemStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, context, itemId, instance, innerValue, innerVisible, wholeVisible, popupVisible, popupInset, awayInset, setPosition, setInnerVisible, get isClosing() {
+    const __returned__ = { props, emit, bem, context, itemId, instance, innerValue, mergedTogglable, mergedValueOnClear, innerVisible, wholeVisible, popupVisible, popupInset, awayInset, setPosition, setInnerVisible, get isClosing() {
       return isClosing;
     }, set isClosing(v) {
       isClosing = v;

package/components/empty/README.md

@@ -0,0 +1,71 @@
+---
+nav: 组件
+title: Empty
+subtitle: 空状态
+group: 数据展示
+---
+
+## 介绍
+
+空状态时的占位提示。
+
+## 引入
+
+```ts
+import { Empty } from 'sard'
+```
+
+## 代码演示
+
+### 基础使用
+
+@code('${DEMO_PATH}/empty/demo/Basic.vue')
+
+### 自定义描述信息
+
+@code('${DEMO_PATH}/empty/demo/Description.vue')
+
+### 自定义图标大小
+
+通过配置 `iconSize` 属性可以修改图标大小。
+
+@code('${DEMO_PATH}/empty/demo/Size.vue')
+
+### 自定义图标
+
+通过配置 `icon` 属性可以修改图标。
+
+@code('${DEMO_PATH}/empty/demo/Icon.vue')
+
+### 额外内容
+
+额外内容会显示在底部。
+
+@code('${DEMO_PATH}/empty/demo/Extra.vue')
+
+## API
+
+### EmptyProps
+
+| 属性        | 描述           | 类型       | 默认值     |
+| ----------- | -------------- | ---------- | ---------- |
+| root-class  | 组件根元素类名 | string     | -          |
+| root-style  | 组件根元素样式 | StyleValue | -          |
+| description | 描述信息       | string     | '暂无数据' |
+| icon        | 自定义图标     | string     | -          |
+| icon-family | 图标字体       | string     | -          |
+| icon-size   | 图标大小       | string     | -          |
+
+### EmptySlots
+
+| 插槽        | 描述           | 属性 |
+| ----------- | -------------- | ---- |
+| default     | 自定义额外内容 | -    |
+| icon        | 自定义图标内容 | -    |
+| description | 自定义描述内容 | -    |
+
+## 主题定制
+
+### CSS 变量
+
+@code('./variables.scss#variables')

package/components/empty/empty.vue

@@ -23,6 +23,14 @@ import { classNames, stringifyStyle, createBem } from "../../utils";
 import SarIcon from "../icon/icon.vue";
 import { useTranslate } from "../locale";
 import { defaultEmptyProps } from "./common";
+/**
+ * @property {string} rootClass 组件根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
+ * @property {string} description 描述信息，默认值：'暂无数据'。
+ * @property {string} icon 自定义图标，默认值：-。
+ * @property {string} iconFamily 图标字体，默认值：-。
+ * @property {string} iconSize 图标大小，默认值：-。
+ */
 export default  _defineComponent({
   components: {
     SarIcon,