sard-uniapp 1.24.2 → 1.24.4

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.24.4](https://github.com/sutras/sard-uniapp/compare/v1.24.3...v1.24.4) (2025-09-13)
+
+
+### Bug Fixes
+
+* **form-item:** 修复滚动报错问题 ([046fc16](https://github.com/sutras/sard-uniapp/commit/046fc16abc03e260172eb9a6f763b241d58ebd05))
+
+
+
+## [1.24.3](https://github.com/sutras/sard-uniapp/compare/v1.24.2...v1.24.3) (2025-09-13)
+
+
+### Bug Fixes
+
+* **cascader:** 修复allLevels属性透传问题 ([ab36e14](https://github.com/sutras/sard-uniapp/commit/ab36e14f4dee3c5162fa37514667e8362b084744))
+* **datetime-picker:** 修复农历转公历错误的问题 ([9906925](https://github.com/sutras/sard-uniapp/commit/9906925e43b4ca0f5845d932e54db0fccc4e1841))
+* **fab, floating-bubble:** 修复定位不准确的问题 ([de86205](https://github.com/sutras/sard-uniapp/commit/de862051a02c9ba9b4bda963937d07330171dbfd))
+* **input,textarea:** 修复有些机型在输入合成时被最大输入长度阻碍的问题 ([057e800](https://github.com/sutras/sard-uniapp/commit/057e8004fa06849a2e6423d56bf3c4fc85318a8a))
+* 修复web pc端展示默认导航时虚拟触摸事件clientY偏差问题 ([224c052](https://github.com/sutras/sard-uniapp/commit/224c0525e1f1171b05ed212bf4906e09e9c9374e))
+
+
+### Features
+
+* **fab:** 允许自定义按钮 ([312b425](https://github.com/sutras/sard-uniapp/commit/312b4252497b3ab2d030e10057cc73ef6a7c116b))
+* **toast:** 添加transparent属性的全局配置 ([ba14176](https://github.com/sutras/sard-uniapp/commit/ba14176e73d88413a864e35e787233b164028427))
+
+
+
 ## [1.24.2](https://github.com/sutras/sard-uniapp/compare/v1.24.1...v1.24.2) (2025-09-06)
 
 

package/components/cascader-input/cascader-input.vue

@@ -29,6 +29,7 @@
       :hint-text="hintText"
       :change-on-select="changeOnSelect"
       :label-render="labelRender"
+      :all-levels="allLevels"
       :validate-event="validateEvent"
       :resettable="resettable"
       @select="(option, tabIndex) => $emit('select', option, tabIndex)"

package/components/cascader-popout/cascader-popout.vue

@@ -17,6 +17,7 @@
         :hint-text="hintText"
         :change-on-select="changeOnSelect"
         :label-render="labelRender"
+        :all-levels="allLevels"
         @select="(option, tabIndex) => $emit('select', option, tabIndex)"
         @change="onChange"
       >

package/components/config/index.d.ts

@@ -484,6 +484,7 @@ export declare const defaultConfig: {
         type: ToastProps["type"];
         position: ToastProps["position"];
         overlay: boolean;
+        transparent: boolean;
         timeout: number;
         duration: number;
     };

package/components/config/index.js

@@ -433,6 +433,7 @@ export const defaultConfig = {
         type: 'text',
         position: 'center',
         overlay: false,
+        transparent: false,
         timeout: 1500,
         duration: 200,
     },

package/components/datetime-picker/datetime-picker.vue

@@ -148,7 +148,7 @@ export default  _defineComponent({
       } else {
         const lunarDate = solarToLunar(
           innerValue.value.getFullYear(),
-          innerValue.value.getMonth(),
+          innerValue.value.getMonth() + 1,
           innerValue.value.getDate()
         );
         const yearIndex = innerType.value.indexOf("y");
@@ -246,7 +246,7 @@ export default  _defineComponent({
       } else {
         const lunarDate = solarToLunar(
           innerValue.value.getFullYear(),
-          innerValue.value.getMonth(),
+          innerValue.value.getMonth() + 1,
           innerValue.value.getDate()
         );
         return innerType.value.map((letter) => {

package/components/fab/README.md

@@ -14,6 +14,7 @@ version: 1.5+
 
 ```ts
 import Fab from 'sard-uniapp/components/fab/fab.vue'
+import FabItem from 'sard-uniapp/components/fab-item/fab-item.vue'
 ```
 
 ## 代码演示
@@ -24,7 +25,7 @@ import Fab from 'sard-uniapp/components/fab/fab.vue'
 
 @code('${DEMO_PATH}/fab/demo/Basic.vue')
 
-### 修改背景色
+### 自定义颜色
 
 设置 `background` 属性以及按钮项的 `background` 自定义背景色。
 
@@ -54,50 +55,72 @@ import Fab from 'sard-uniapp/components/fab/fab.vue'
 
 @code('${DEMO_PATH}/fab/demo/BottomLeft.vue')
 
-### 无扩展按钮显示
-
-当不设置 `item-list` 属性，或其数组长度为 0，则不显示扩展按钮。
-
-@code('${DEMO_PATH}/fab/demo/NonItemList.vue')
-
 ### 自定义图标
 
 使用 `icon` 和 `icon-family` 可自定义悬浮按钮图标。
 
 @code('${DEMO_PATH}/fab/demo/Icon.vue')
 
+### 自定义插槽内容 <sup>1.24.3+</sup>
+
+使用 `default` 插槽自定义入口按钮内容，使用 `list` 插槽自定义扩展按钮内容，需要自行循环 `FabItem` 组件。
+
+@code('${DEMO_PATH}/fab/demo/Slots.vue')
+
+### 可拖拽的 <sup>1.24.2+</sup>
+
+设置 `draggable` 属性，悬浮按钮展示在右下角，允许在 y 轴方向上下拖拽。
+
+@code('${DEMO_PATH}/fab/demo/Draggable.vue')
+
+### 自由拖拽和磁吸 <sup>1.24.2+</sup>
+
+`axis` 属性设置允许在 x 或 y 轴方向拖拽，`magnet` 属性设置松开手指后吸附到指定轴方向的最近一边。
+
+@code('${DEMO_PATH}/fab/demo/Magnet.vue')
+
+### 双向绑定 <sup>1.24.2+</sup>
+
+使用 `v-model:offset` 控制悬浮按钮的位置。
+
+@code('${DEMO_PATH}/fab/demo/Offset.vue')
+
 ## API
 
 ### FabProps
 
-| 属性                                | 描述                                         | 类型                           | 默认值 |
-| ----------------------------------- | -------------------------------------------- | ------------------------------ | ------ |
-| root-class                          | 组件根元素类名                               | string                         | -      |
-| root-style                          | 组件根元素样式                               | StyleValue                     | -      |
-| top                                 | 设置距离窗口顶部的距离，优先级比 `bottom` 高 | string                         | -      |
-| right                               | 设置距离窗口右边的距离                       | string                         | -      |
-| bottom                              | 设置距离窗口底部的距离                       | string                         | -      |
-| left                                | 设置距离窗口左边的距离，优先级比 `right` 高  | string                         | -      |
-| color                               | 设置按钮图标的颜色                           | string                         | -      |
-| background                          | 设置按钮的背景色                             | string                         | -      |
-| icon                                | 设置入口按钮的图标                           | string                         | -      |
-| icon-family                         | 设置入口按钮的图标族                         | string                         | -      |
-| item-list                           | 设置扩展按钮                                 | FabItem[]                      | []     |
-| hide-name                           | 是否隐藏按钮名称                             | boolean                        | false  |
-| overlay-closable                    | 点击遮罩是否隐藏扩展按钮                     | boolean                        | false  |
-| duration                            | 扩展按钮显隐动画时长，单位 ms                | number                         | 150    |
-| draggable <sup>1.24.2+</sup>        | 是否可拖拽                                   | boolean                        | false  |
-| axis <sup>1.24.2+</sup>             | 允许拖拽的方向轴                             | 'x' \| 'y' \| 'both' \| 'none' | 'y'    |
-| magnet <sup>1.24.2+</sup>           | 吸附到指定轴最近的一边                       | 'x' \| 'y'                     | -      |
-| gap-x <sup>1.24.2+</sup>            | 悬浮按钮与窗口左右两边的最小间距，单位为 px  | number                         | 24     |
-| gap-y <sup>1.24.2+</sup>            | 悬浮按钮与窗口上下两边的最小间距，单位为 px  | number                         | 24     |
-| offset (v-model) <sup>1.24.2+</sup> | 控制悬浮按钮的位置                           | { x: number; y: number }       | -      |
-
-### FabSlots
-
-| 插槽    | 描述           | 属性 |
-| ------- | -------------- | ---- |
-| default | 自定义默认内容 | -    |
+| 属性                                | 描述                                                      | 类型                           | 默认值 |
+| ----------------------------------- | --------------------------------------------------------- | ------------------------------ | ------ |
+| root-class                          | 组件根元素类名                                            | string                         | -      |
+| root-style                          | 组件根元素样式                                            | StyleValue                     | -      |
+| top                                 | 设置距离窗口顶部的距离，优先级比 `bottom` 高              | string                         | -      |
+| right                               | 设置距离窗口右边的距离                                    | string                         | -      |
+| bottom                              | 设置距离窗口底部的距离                                    | string                         | -      |
+| left                                | 设置距离窗口左边的距离，优先级比 `right` 高               | string                         | -      |
+| color                               | 设置按钮图标的颜色                                        | string                         | -      |
+| background                          | 设置按钮的背景色                                          | string                         | -      |
+| icon                                | 设置入口按钮的图标                                        | string                         | -      |
+| visible-icon <sup>1.24.3+</sup>     | 设置弹出扩展按钮时的入口按钮的图标                        | string                         | -      |
+| icon-family                         | 设置入口按钮的图标族                                      | string                         | -      |
+| item-list                           | 设置扩展按钮                                              | FabItem[]                      | []     |
+| hide-name                           | 是否隐藏按钮名称                                          | boolean                        | false  |
+| overlay-closable                    | 点击遮罩是否隐藏扩展按钮                                  | boolean                        | false  |
+| duration                            | 扩展按钮显隐动画时长，单位 ms                             | number                         | 150    |
+| draggable <sup>1.24.2+</sup>        | 是否可拖拽                                                | boolean                        | false  |
+| axis <sup>1.24.2+</sup>             | 允许拖拽的方向轴                                          | 'x' \| 'y' \| 'both' \| 'none' | 'y'    |
+| magnet <sup>1.24.2+</sup>           | 吸附到指定轴最近的一边，在拖拽时使用                      | 'x' \| 'y'                     | -      |
+| gap-x <sup>1.24.2+</sup>            | 悬浮按钮与窗口左右两边的最小间距，单位为 px，在拖拽时使用 | number                         | 24     |
+| gap-y <sup>1.24.2+</sup>            | 悬浮按钮与窗口上下两边的最小间距，单位为 px，在拖拽时使用 | number                         | 24     |
+| offset (v-model) <sup>1.24.2+</sup> | 控制悬浮按钮的位置，在拖拽时使用                          | { x: number; y: number }       | -      |
+| navbar-height <sup>1.24.3+</sup>    | 自定义顶部导航栏的高度，在拖拽时使用                      | number                         | 0      |
+| tabbar-height <sup>1.24.3+</sup>    | 自定义底部标签栏的高度，在拖拽时使用                      | number                         | 0      |
+
+### FabSlots <sup>1.24.3+</sup>
+
+| 插槽    | 描述               | 属性                                                    |
+| ------- | ------------------ | ------------------------------------------------------- |
+| default | 自定义入口按钮内容 | { visible: boolean }                                    |
+| list    | 自定义扩展按钮内容 | { onItemClick: (item: FabItem, index: number) => void } |
 
 ### FabEmits
 
@@ -117,6 +140,30 @@ import Fab from 'sard-uniapp/components/fab/fab.vue'
 | icon        | 按钮图标     | string | -      |
 | icon-family | 按钮图标族   | string | -      |
 
+### FabItemProps <sup>1.24.3+</sup>
+
+| 属性        | 描述           | 类型       | 默认值 |
+| ----------- | -------------- | ---------- | ------ |
+| root-class  | 组件根元素类名 | string     | -      |
+| root-style  | 组件根元素样式 | StyleValue | -      |
+| name        | 按钮名称       | string     | -      |
+| color       | 按钮图标颜色   | string     | -      |
+| background  | 按钮背景色     | string     | -      |
+| icon        | 按钮图标       | string     | -      |
+| icon-family | 按钮图标族     | string     | -      |
+
+### FabItemSlots <sup>1.24.3+</sup>
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义按钮内容 | -    |
+
+### FabItemEmits <sup>1.24.3+</sup>
+
+| 事件  | 描述           | 类型                 |
+| ----- | -------------- | -------------------- |
+| click | 点击按钮时触发 | (event: any) => void |
+
 ## 主题定制
 
 ### CSS 变量

package/components/fab/common.d.ts

@@ -9,6 +9,7 @@ export interface FabProps {
     color?: string;
     background?: string;
     icon?: string;
+    visibleIcon?: string;
     iconFamily?: string;
     itemList?: FabItem[];
     hideName?: boolean;
@@ -23,6 +24,8 @@ export interface FabProps {
         x: number;
         y: number;
     };
+    navbarHeight?: number;
+    tabbarHeight?: number;
 }
 export declare const defaultFabProps: () => {
     itemList: () => never[];
@@ -34,6 +37,14 @@ export declare const defaultFabProps: () => {
     gapX: number;
     gapY: number;
 };
+export interface FabSlots {
+    default?(props: {
+        visible: boolean;
+    }): any;
+    list?(props: {
+        onItemClick: (item: FabItem, index: number) => void;
+    }): any;
+}
 export interface FabEmits {
     (e: 'click', event: any): void;
     (e: 'select', item: FabItem, index: number): void;
@@ -48,4 +59,12 @@ export interface FabItem {
     background?: string;
     icon?: string;
     iconFamily?: string;
+    [key: PropertyKey]: any;
+}
+export interface FabContext {
+    hideName?: boolean;
+    visible?: boolean;
+    isLeft?: boolean;
+    onItemClick: (item: FabItem, index: number) => void;
 }
+export declare const fabContextSymbol: unique symbol;

package/components/fab/common.js

@@ -3,3 +3,4 @@ export const defaultFabProps = () => ({
     ...defaultConfig.fab,
     itemList: () => [],
 });
+export const fabContextSymbol = Symbol('fab-context');

package/components/fab/fab.d.ts

@@ -1,5 +1,6 @@
-import { type FabProps, FabItem } from './common';
-declare const _default: import("vue").DefineComponent<FabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type FabProps, type FabSlots, type FabItem } from './common';
+declare function __VLS_template(): Readonly<FabSlots> & FabSlots;
+declare const __VLS_component: import("vue").DefineComponent<FabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: (event: any) => any;
     select: (item: FabItem, index: number) => any;
     "update:offset": (offset: {
@@ -23,4 +24,10 @@ declare const _default: import("vue").DefineComponent<FabProps, {}, {}, {}, {},
     gapX: number;
     gapY: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/fab/fab.vue

@@ -15,50 +15,52 @@
     @touchcancel="onTouchEnd"
     @mousedown="onMouseDown"
   >
-    <view :class="itemEntryClass" @click="onItemEntryClick">
-      <view :class="bem.e('item-btn')" :style="itemEntryBtnStyle">
-        <sar-icon :family="iconFamily || 'sari'" :name="icon || 'plus'" />
-      </view>
-    </view>
+    <sar-fab-item
+      is-entry
+      :color="color"
+      :background="background"
+      @click="onItemEntryClick"
+    >
+      <slot :visible="visible">
+        <sar-icon :family="iconFamily || 'sari'" :name="entryIcon" />
+      </slot>
+    </sar-fab-item>
 
     <view
       :class="contentClass"
       :style="contentStyle"
       @transitionend="onTransitionEnd"
     >
-      <view
-        v-for="(item, index) in itemList"
-        :key="index"
-        :class="itemClass"
-        @click="onItemClick(item, index)"
-      >
-        <view v-if="!hideName" :class="bem.e('item-name')">
-          {{ item.name }}
-        </view>
-        <view
-          :class="bem.e('item-btn')"
-          :style="
-            stringifyStyle({ background: item.background, color: item.color })
-          "
-        >
-          <sar-icon :family="item.iconFamily" :name="item.icon" />
-        </view>
-      </view>
+      <slot name="list" :on-item-click="onItemClick">
+        <sar-fab-item
+          v-for="(item, index) in itemList"
+          :key="index"
+          :index="index"
+          :name="item.name"
+          :color="item.color"
+          :background="item.background"
+          :icon="item.icon"
+          :icon-family="item.iconFamily"
+          :item="item"
+        />
+      </slot>
     </view>
   </view>
 </template>
 
 <script>
 import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { computed, reactive, ref, toRef } from "vue";
+import { computed, provide, reactive, ref, toRef } from "vue";
 import { classNames, stringifyStyle, createBem, isNullish } from "../../utils";
 import {
-  defaultFabProps
+  defaultFabProps,
+  fabContextSymbol
 } from "./common";
 import { useTransition, useZIndex } from "../../use";
 import SarIcon from "../icon/icon.vue";
 import SarOverlay from "../overlay/overlay.vue";
 import { useFloatingBubble } from "../floating-bubble/useFloatingBubble";
+import SarFabItem from "../fab-item/fab-item.vue";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
@@ -69,6 +71,7 @@ import { useFloatingBubble } from "../floating-bubble/useFloatingBubble";
  * @property {string} color 设置按钮图标的颜色，默认值：-。
  * @property {string} background 设置按钮的背景色，默认值：-。
  * @property {string} icon 设置入口按钮的图标，默认值：-。
+ * @property {string} visibleIcon 设置弹出扩展按钮时的入口按钮的图标，默认值：-。
  * @property {string} iconFamily 设置入口按钮的图标族，默认值：-。
  * @property {FabItem[]} itemList 设置扩展按钮，默认值：[]。
  * @property {boolean} hideName 是否隐藏按钮名称，默认值：false。
@@ -76,10 +79,12 @@ import { useFloatingBubble } from "../floating-bubble/useFloatingBubble";
  * @property {number} duration 扩展按钮显隐动画时长，单位 ms，默认值：150。
  * @property {boolean} draggable 是否可拖拽，默认值：false。
  * @property {'x' | 'y' | 'both' | 'none'} axis 允许拖拽的方向轴，默认值：'y'。
- * @property {'x' | 'y'} magnet 吸附到指定轴最近的一边，默认值：-。
- * @property {number} gapX 悬浮按钮与窗口左右两边的最小间距，单位为 px，默认值：24。
- * @property {number} gapY 悬浮按钮与窗口上下两边的最小间距，单位为 px，默认值：24。
- * @property {{ x: number; y: number }} offset 控制悬浮按钮的位置，默认值：-。
+ * @property {'x' | 'y'} magnet 吸附到指定轴最近的一边，在拖拽时使用，默认值：-。
+ * @property {number} gapX 悬浮按钮与窗口左右两边的最小间距，单位为 px，在拖拽时使用，默认值：24。
+ * @property {number} gapY 悬浮按钮与窗口上下两边的最小间距，单位为 px，在拖拽时使用，默认值：24。
+ * @property {{ x: number; y: number }} offset 控制悬浮按钮的位置，在拖拽时使用，默认值：-。
+ * @property {number} navbarHeight 自定义顶部导航栏的高度，在拖拽时使用，默认值：0。
+ * @property {number} tabbarHeight 自定义底部标签栏的高度，在拖拽时使用，默认值：0。
  * @event {(event: any) => void} click 点击入口按钮时触发
  * @event {(item: FabItem, index: number) => void} select 点击扩展按钮时触发
  * @event {(offset: { x: number; y: number }) => void} update 因用户拖拽导致位置改变时触发
@@ -88,6 +93,7 @@ export default  _defineComponent({
   components: {
     SarIcon,
     SarOverlay,
+    SarFabItem,
   },
   ...{
     options: {
@@ -106,6 +112,7 @@ export default  _defineComponent({
     color: { type: String, required: false },
     background: { type: String, required: false },
     icon: { type: String, required: false },
+    visibleIcon: { type: String, required: false },
     iconFamily: { type: String, required: false },
     itemList: { type: Array, required: false },
     hideName: { type: Boolean, required: false },
@@ -116,7 +123,9 @@ export default  _defineComponent({
     magnet: { type: String, required: false },
     gapX: { type: Number, required: false },
     gapY: { type: Number, required: false },
-    offset: { type: Object, required: false }
+    offset: { type: Object, required: false },
+    navbarHeight: { type: Number, required: false },
+    tabbarHeight: { type: Number, required: false }
   }, defaultFabProps()),
   emits: ["click", "select", "update:offset"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -133,18 +142,18 @@ export default  _defineComponent({
         prefix: bem.m("zoom-")
       })
     );
+    const entryIcon = computed(() => {
+      return visible.value ? props.visibleIcon || "close" : props.icon || "plus";
+    });
     const onItemEntryClick = (event) => {
       if (stopBubbling.value) return;
-      if (props.itemList && props.itemList.length > 0) {
-        visible.value = !visible.value;
-        if (visible.value) {
-          increaseZIndex();
-        }
+      visible.value = !visible.value;
+      if (visible.value) {
+        increaseZIndex();
       }
       emit("click", event);
     };
     const onItemClick = (item, index) => {
-      if (stopBubbling.value) return;
       visible.value = false;
       emit("select", item, index);
     };
@@ -164,7 +173,8 @@ export default  _defineComponent({
       bubbleId,
       stopBubbling,
       windowWidth,
-      windowHeight
+      windowHeight,
+      windowTop
     } = useFloatingBubble(props, emit, {
       disabled: visible
     });
@@ -174,12 +184,20 @@ export default  _defineComponent({
     const isLeft = computed(() => {
       return props.draggable ? position.value.x > windowWidth / 2 ? false : true : !isNullish(props.left);
     });
+    provide(
+      fabContextSymbol,
+      reactive({
+        hideName: toRef(() => props.hideName),
+        isLeft,
+        visible,
+        onItemClick
+      })
+    );
     const fabClass = computed(() => {
       return classNames(
         bem.b(),
         bem.m(isTop.value ? "top" : "bottom"),
         bem.m(isLeft.value ? "left" : "right"),
-        bem.m("visible", visible.value),
         bem.m("animated", animated.value),
         bem.m("initialized", initialized.value),
         bem.m("draggable", props.draggable),
@@ -191,6 +209,7 @@ export default  _defineComponent({
       return stringifyStyle(props.rootStyle, {
         zIndex: visible.value ? zIndex.value : null,
         ...props.draggable ? {
+          top: `${windowTop}px`,
           transform: `translate3d(${position.value.x}px, ${position.value.y}px, 0)`
         } : {
           top: props.top,
@@ -200,15 +219,6 @@ export default  _defineComponent({
         }
       });
     });
-    const itemEntryClass = computed(() => {
-      return classNames(bem.e("item"), bem.em("item", "entry"));
-    });
-    const itemEntryBtnStyle = computed(() => {
-      return stringifyStyle({
-        color: props.color,
-        background: props.background
-      });
-    });
     const contentClass = computed(() => {
       return classNames(bem.e("content"), transitionClass.value);
     });
@@ -219,12 +229,7 @@ export default  _defineComponent({
         transformOrigin: `${isTop.value ? "top" : "bottom"} ${isLeft.value ? "left" : "right"}`
       });
     });
-    const itemClass = computed(() => {
-      return classNames(bem.e("item"));
-    });
-    const __returned__ = { props, emit, bem, visible, zIndex, increaseZIndex, realVisible, transitionClass, onTransitionEnd, onItemEntryClick, onItemClick, onOverlayClick, onTouchStart, onTouchMove, onTouchEnd, onMouseDown, position, initialized, animated, bubbleId, stopBubbling, windowWidth, windowHeight, isTop, isLeft, fabClass, fabStyle, itemEntryClass, itemEntryBtnStyle, contentClass, contentStyle, itemClass, get stringifyStyle() {
-      return stringifyStyle;
-    }, SarIcon, SarOverlay };
+    const __returned__ = { props, emit, bem, visible, zIndex, increaseZIndex, realVisible, transitionClass, onTransitionEnd, entryIcon, onItemEntryClick, onItemClick, onOverlayClick, onTouchStart, onTouchMove, onTouchEnd, onMouseDown, position, initialized, animated, bubbleId, stopBubbling, windowWidth, windowHeight, windowTop, isTop, isLeft, fabClass, fabStyle, contentClass, contentStyle, SarIcon, SarOverlay, SarFabItem };
     return __returned__;
   }
 });

package/components/fab/index.d.ts

@@ -1 +1 @@
-export type { FabProps, FabEmits, FabItem } from './common';
+export type { FabProps, FabSlots, FabEmits, FabItem } from './common';

package/components/fab/index.scss

@@ -7,12 +7,12 @@
     right: var(--sar-fab-right);
     bottom: var(--sar-fab-bottom);
     z-index: var(--sar-fab-z-index);
+    opacity: 0;
   }
 
   @include e(content) {
     @include universal;
     position: absolute;
-    gap: var(--sar-fab-item-gap);
   }
 
   @include m(draggable) {
@@ -38,45 +38,6 @@
       opacity var(--sar-fab-duration) ease-out;
   }
 
-  @include e(item) {
-    @include universal;
-    flex-direction: row;
-    align-items: center;
-    gap: var(--sar-fab-item-name-gap);
-    cursor: pointer;
-
-    &:active {
-      opacity: var(--sar-fab-item-active-opacity);
-    }
-
-    @include m(entry) {
-      @include e(item-btn) {
-        transition: transform var(--sar-fab-duration);
-      }
-    }
-  }
-
-  @include e(item-name) {
-    @include universal;
-    font-size: var(--sar-fab-item-name-font-size);
-    color: var(--sar-fab-item-name-color);
-    white-space: nowrap;
-  }
-
-  @include e(item-btn) {
-    @include universal;
-    flex: none;
-    justify-content: center;
-    align-items: center;
-    width: var(--sar-fab-item-btn-size);
-    height: var(--sar-fab-item-btn-size);
-    border-radius: var(--sar-rounded-full);
-    font-size: var(--sar-fab-item-btn-font-size);
-    color: var(--sar-fab-item-btn-color);
-    background-color: var(--sar-fab-item-btn-bg);
-    box-shadow: var(--sar-fab-item-btn-box-shadow);
-  }
-
   @include m(top) {
     @include e(content) {
       top: calc(100% + var(--sar-fab-item-gap));
@@ -93,10 +54,6 @@
     @include e(content) {
       left: 0;
     }
-
-    @include e(item) {
-      flex-direction: row-reverse;
-    }
   }
 
   @include m(right) {
@@ -105,16 +62,6 @@
     }
   }
 
-  @include m(visible) {
-    @include e(item) {
-      @include m(entry) {
-        @include e(item-btn) {
-          transform: rotate(45deg);
-        }
-      }
-    }
-  }
-
   @include m(initialized) {
     opacity: 1;
   }

package/components/fab-item/common.d.ts

@@ -0,0 +1,23 @@
+import { type StyleValue } from 'vue';
+import { type FabItem } from '../fab/common';
+export interface FabItemProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    name?: string;
+    color?: string;
+    background?: string;
+    icon?: string;
+    iconFamily?: string;
+    isEntry?: boolean;
+    index?: number;
+    item?: FabItem;
+}
+export declare const defaultFabItemProps: {};
+export interface FabItemSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface FabItemEmits {
+    (e: 'click', event: any): void;
+}
+export interface FabItemExpose {
+}

package/components/fab-item/common.js

@@ -0,0 +1 @@
+export const defaultFabItemProps = {};