sard-uniapp 1.30.1 → 1.30.3

package/CHANGELOG.md

@@ -1,6 +1,19 @@
 
+## <small>1.30.3 (2026-05-23)</small>
+
+* Code Refactoring: 优化代理组件代码 ([1e2c4ce](https://github.com/sutras/sard-uniapp/commit/1e2c4ce))
+* Bug Fixes: 新增back-press属性,允许自定义用户的返回操作 ([5bf1425](https://github.com/sutras/sard-uniapp/commit/5bf1425))
+* Features: 新增scope属性和getAuthorize事件支持 ([a863c8f](https://github.com/sutras/sard-uniapp/commit/a863c8f))
+* Features: 新增小程序关注生活号和授权相关事件支持 ([5f2329a](https://github.com/sutras/sard-uniapp/commit/5f2329a))
+* Features: 新增弹窗、动作面板、分享面板等组件的插槽与命令式调用能力，优化Toast组件 ([68e87fb](https://github.com/sutras/sard-uniapp/commit/68e87fb))
+
+## <small>1.30.2 (2026-05-14)</small>
+
+* Bug Fixes: 修复表单项布尔类型属性的覆盖问题 ([903a2c4](https://github.com/sutras/sard-uniapp/commit/903a2c4))
+
 ## <small>1.30.1 (2026-05-10)</small>
 
+* Bug Fixes: 修复小程序端字数限制问题 ([a0c6923](https://github.com/sutras/sard-uniapp/commit/a0c6923))
 * Bug Fixes: 修复弹窗中使用时滚动位置不正确问题 ([30fb9d9](https://github.com/sutras/sard-uniapp/commit/30fb9d9))
 * Bug Fixes: 透传常用属性 ([cc21393](https://github.com/sutras/sard-uniapp/commit/cc21393))
 

package/components/accordion/accordion.vue

@@ -29,7 +29,7 @@ export default  _defineComponent({
   },
   __name: "accordion",
   props:  _mergeDefaults({
-    rootStyle: { type: null, required: false },
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
     modelValue: { type: [Array, String, Number], required: false },
     multiple: { type: Boolean, required: false },

package/components/accordion-item/accordion-item.vue

@@ -53,7 +53,7 @@ export default  _defineComponent({
   },
   __name: "accordion-item",
   props: {
-    rootStyle: { type: null, required: false },
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
     title: { type: String, required: false },
     value: { type: String, required: false },

package/components/action-sheet/README.md

@@ -54,8 +54,19 @@ import { actionSheet } from 'sard-uniapp'
 
 接着便可以使用 `actionSheet` 方法显示动作面板。
 
+如果需要显示多个命令式动作面板，可以给代理组件设置 `id`，在调用 `actionSheet` 方法时传入相同的 `id` 来使用对应的代理组件。
+
 <<< @demo/action-sheet/demo/Imperative.vue
 
+### 插槽 <sup>1.30.3+</sup>
+
+可以使用插槽自定义内容，包括描述、取消按钮等。
+也可以使用默认插槽自定义动作项，此时需要使用 `action-sheet-item` 组件来构建动作项的布局。
+
+可使用 `action-sheet` 或者 `action-sheet-agent` 组件的插槽自定义内容。
+
+<<< @demo/action-sheet/demo/Slot.vue
+
 ## API
 
 ### ActionSheetProps
@@ -65,7 +76,7 @@ import { actionSheet } from 'sard-uniapp'
 | root-class                     | 组件根元素类名                                                       | string                 | -      |
 | root-style                     | 组件根元素样式                                                       | StyleValue             | -      |
 | description                    | 动作面板描述说明                                                     | string                 | -      |
-| item-list                      | 面板项列表                                                           | ActionSheetItem[]      | []     |
+| item-list                      | 面板项列表                                                           | ActionSheetItemProps[] | []     |
 | show-cancel <sup>1.25.6+</sup> | 是否显示取消按钮                                                     | boolean                | false  |
 | cancel                         | 自定义取消按钮文字                                                   | string                 | -      |
 | visible                        | 是否显示动作面板                                                     | boolean                | false  |
@@ -87,7 +98,7 @@ type ActionSheetBeforeClose =
     ) => any | Promise<any>)
   | ((
       type: 'select',
-      item: ActionSheetItem,
+      item: ActionSheetItemProps,
       index: number,
       loading: {
         readonly cancel: boolean
@@ -103,53 +114,81 @@ type ActionSheetBeforeClose =
 
 `loading` 表示当前哪个按钮处于异步关闭状态。
 
-### ActionSheetItem
+### ActionSheetSlots <sup>1.30.3+</sup>
 
-| 属性        | 描述           | 类型    | 默认值 |
-| ----------- | -------------- | ------- | ------ |
-| name        | 动作名称       | string  | -      |
-| description | 动作的描述说明 | string  | -      |
-| color       | 字体颜色       | string  | -      |
-| disabled    | 禁用状态       | boolean | false  |
-| loading     | 加载状态       | boolean | false  |
+| 插槽        | 描述           | 属性 |
+| ----------- | -------------- | ---- |
+| default     | 自定义默认内容 | -    |
+| description | 自定义描述     | -    |
+| cancel      | 自定义取消按钮 | -    |
 
 ### ActionSheetEmits
 
-| 事件                               | 描述                        | 类型                                             |
-| ---------------------------------- | --------------------------- | ------------------------------------------------ |
-| update:visible                     | 动作面板显隐时触发          | `(visible: boolean) => void`                     |
-| close                              | 点击遮罩时触发              | `() => void`                                     |
-| cancel                             | 点击取消按钮时触发          | `() => void`                                     |
-| select                             | 点击动作按钮时触发          | `(item: ActionSheetItem, index: number) => void` |
-| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | `(name: TransitionHookName) => void`             |
-| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | `() => void`                                     |
-| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | `() => void`                                     |
-| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | `() => void`                                     |
-| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | `() => void`                                     |
-| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | `() => void`                                     |
-| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | `() => void`                                     |
-| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | `() => void`                                     |
-| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | `() => void`                                     |
+| 事件                               | 描述                        | 类型                                                  |
+| ---------------------------------- | --------------------------- | ----------------------------------------------------- |
+| update:visible                     | 动作面板显隐时触发          | `(visible: boolean) => void`                          |
+| close                              | 点击遮罩时触发              | `() => void`                                          |
+| cancel                             | 点击取消按钮时触发          | `() => void`                                          |
+| select                             | 点击动作按钮时触发          | `(item: ActionSheetItemProps, index: number) => void` |
+| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | `(name: TransitionHookName) => void`                  |
+| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | `() => void`                                          |
+| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | `() => void`                                          |
+| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | `() => void`                                          |
+| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | `() => void`                                          |
+| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | `() => void`                                          |
+| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | `() => void`                                          |
+| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | `() => void`                                          |
+| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | `() => void`                                          |
+
+### ActionSheetItemProps <sup>1.30.3+</sup>
+
+| 属性                     | 描述                                   | 类型    | 默认值 |
+| ------------------------ | -------------------------------------- | ------- | ------ |
+| name                     | 动作标签，同 `label`，建议使用 `label` | string  | -      |
+| label <sup>1.30.3+</sup> | 动作标签                               | string  | -      |
+| value                    | 动作的值                               | any     | -      |
+| description              | 动作的描述说明                         | string  | -      |
+| color                    | 字体颜色                               | string  | -      |
+| disabled                 | 禁用状态                               | boolean | false  |
+| loading                  | 加载状态                               | boolean | false  |
+
+### ActionSheetItemSlots <sup>1.30.3+</sup>
+
+| 插槽        | 描述           | 属性 |
+| ----------- | -------------- | ---- |
+| default     | 自定义默认内容 | -    |
+| label       | 自定义标签     | -    |
+| description | 自定义描述     | -    |
+
+### ActionSheetItemEmits <sup>1.30.3+</sup>
+
+| 事件  | 描述             | 类型         |
+| ----- | ---------------- | ------------ |
+| click | 点击动作项时触发 | `() => void` |
 
 ### ActionSheetAgentProps / ActionSheetOptions <sup>1.25.6+</sup>
 
 继承 [`ActionSheetProps`](#ActionSheetProps) 并有以下额外属性。
 
-| 属性             | 描述                        | 类型                                             | 默认值        |
-| ---------------- | --------------------------- | ------------------------------------------------ | ------------- |
-| id               | 动作面板组件的 id           | string                                           | 'actionSheet' |
-| onClose          | 点击遮罩时调用              | `() => void`                                     |
-| onCancel         | 点击取消按钮时调用          | `() => void`                                     |
-| onSelect         | 点击动作项时调用            | `(item: ActionSheetItem, index: number) => void` |
-| onVisibleHook    | 入场/退场动画状态改变时调用 | `(name: TransitionHookName) => void`             |
-| onBeforeEnter    | 入场动画开始前调用          | `() => void`                                     |
-| onEnter          | 入场动画开始时调用          | `() => void`                                     |
-| onAfterEnter     | 入场动画结束时调用          | `() => void`                                     |
-| onEnterCancelled | 入场动画取消时调用          | `() => void`                                     |
-| onBeforeLeave    | 退场动画开始前调用          | `() => void`                                     |
-| onLeave          | 退场动画开始时调用          | `() => void`                                     |
-| onAfterLeave     | 退场动画结束时调用          | `() => void`                                     |
-| onLeaveCancelled | 退场动画取消时调用          | `() => void`                                     |
+| 属性             | 描述                        | 类型                                                  | 默认值        |
+| ---------------- | --------------------------- | ----------------------------------------------------- | ------------- |
+| id               | 动作面板组件的 id           | string                                                | 'actionSheet' |
+| onClose          | 点击遮罩时调用              | `() => void`                                          |
+| onCancel         | 点击取消按钮时调用          | `() => void`                                          |
+| onSelect         | 点击动作项时调用            | `(item: ActionSheetItemProps, index: number) => void` |
+| onVisibleHook    | 入场/退场动画状态改变时调用 | `(name: TransitionHookName) => void`                  |
+| onBeforeEnter    | 入场动画开始前调用          | `() => void`                                          |
+| onEnter          | 入场动画开始时调用          | `() => void`                                          |
+| onAfterEnter     | 入场动画结束时调用          | `() => void`                                          |
+| onEnterCancelled | 入场动画取消时调用          | `() => void`                                          |
+| onBeforeLeave    | 退场动画开始前调用          | `() => void`                                          |
+| onLeave          | 退场动画开始时调用          | `() => void`                                          |
+| onAfterLeave     | 退场动画结束时调用          | `() => void`                                          |
+| onLeaveCancelled | 退场动画取消时调用          | `() => void`                                          |
+
+### ActionSheetAgentSlots <sup>1.30.3+</sup>
+
+继承 [`ActionSheetSlots`](#ActionSheetSlots)。
 
 ### ActionSheetAgentEmits <sup>1.25.6+</sup>
 
@@ -157,11 +196,11 @@ type ActionSheetBeforeClose =
 
 ### 命令式方法 <sup>1.25.6+</sup>
 
-| 名称        | 描述                           | 类型                           |
-| ----------- | ------------------------------ | ------------------------------ |
-| actionSheet | 显示动作面板                   | ActionSheetFunction            |
-| hide        | 隐藏指定 `id` 的命令式动作面板 | `(id = 'actionSheet') => void` |
-| hideAll     | 隐藏所有命令式动作面板         | `() => void`                   |
+| 名称                | 描述                           | 类型                           |
+| ------------------- | ------------------------------ | ------------------------------ |
+| actionSheet         | 显示动作面板                   | ActionSheetFunction            |
+| actionSheet.hide    | 隐藏指定 `id` 的命令式动作面板 | `(id = 'actionSheet') => void` |
+| actionSheet.hideAll | 隐藏所有命令式动作面板         | `() => void`                   |
 
 ### ActionSheetFunction <sup>1.25.6+</sup>
 

package/components/action-sheet/action-sheet.d.ts

@@ -1,5 +1,6 @@
-import { type ActionSheetItem, type ActionSheetProps } from './common';
-declare const _default: import("vue").DefineComponent<ActionSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { type ActionSheetItemProps, type ActionSheetProps, type ActionSheetSlots } from './common';
+declare function __VLS_template(): Readonly<ActionSheetSlots> & ActionSheetSlots;
+declare const __VLS_component: import("vue").DefineComponent<ActionSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: any;
 } & {
     [x: string]: any;
@@ -11,10 +12,20 @@ declare const _default: import("vue").DefineComponent<ActionSheetProps, {}, {},
     visible: boolean;
     duration: number;
     overlayClosable: boolean;
-    cancel: string;
     description: string;
-    itemList: ActionSheetItem[];
+    cancel: string;
+    itemList: ActionSheetItemProps[];
     showCancel: boolean;
     beforeClose: import("./common").ActionSheetBeforeClose;
+    internalDefault: number;
+    internalDescription: number;
+    internalCancel: number;
+    internalContext: import("./context").UseActionSheetReturn;
 }, {}, {}, {}, 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/action-sheet/action-sheet.vue

@@ -9,40 +9,31 @@
     @back-press="onBackPress"
   >
     <view :class="actionSheetClass" :style="actionSheetStyle">
-      <view v-if="description" :class="bem.e('description')">
-        {{ description }}
-      </view>
-      <view :class="bem.e('content')">
-        <view
-          v-for="(item, i) in itemList"
-          :key="i"
-          :class="
-            classNames(
-              bem.e('item'),
-              bem.em('item', 'disabled', item.disabled),
-              bem.em('item', 'loading', item.loading),
-            )
-          "
-          :style="stringifyStyle({ color: item.color })"
-          @click="onSelect(item, i)"
-        >
-          <template v-if="!item.loading">
-            <view :class="bem.e('item-name')">
-              {{ item.name }}
-            </view>
-            <view v-if="item.description" :class="bem.e('item-description')">
-              {{ item.description }}
-            </view>
-          </template>
-          <view v-else :class="bem.e('loading')">
-            <sar-loading />
-          </view>
+      <template v-if="showDescription">
+        <view :class="bem.e('description')">
+          <slot v-if="hasDescriptionSlot" name="description"></slot>
+          <template v-else>{{ description }}</template>
         </view>
+      </template>
+
+      <view :class="bem.e('content')">
+        <template v-if="itemList && itemList.length > 0">
+          <sar-action-sheet-item
+            v-for="(item, i) in itemList"
+            :key="i"
+            v-bind="item"
+          />
+        </template>
+        <slot></slot>
       </view>
+
       <template v-if="mergedShowCancel">
         <view :class="bem.e('gap')"></view>
         <view :class="bem.e('cancel')" @click="onCancel">
-          {{ cancel || t('cancel') }}
+          <slot v-if="hasCancelSlot" name="cancel"></slot>
+          <template v-else>
+            {{ cancel || t('cancel') }}
+          </template>
         </view>
       </template>
     </view>
@@ -50,27 +41,29 @@
 </template>
 
 <script>
-import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { computed, reactive, readonly, ref, watch } from "vue";
+import { useSlots as _useSlots, mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { reactive, readonly, ref, watch, computed } from "vue";
 import {
   classNames,
   stringifyStyle,
   createBem,
   noop,
   isFunction,
-  isObject
+  isObject,
+  isNumber
 } from "../../utils";
 import SarPopup from "../popup/popup.vue";
-import SarLoading from "../loading/loading.vue";
+import SarActionSheetItem from "../action-sheet-item/action-sheet-item.vue";
 import {
   defaultActionSheetProps
 } from "./common";
 import { useTranslate } from "../locale";
+import { useActionSheet } from "./context";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
  * @property {string} description 动作面板描述说明，默认值：-。
- * @property {ActionSheetItem[]} itemList 面板项列表，默认值：[]。
+ * @property {ActionSheetItemProps[]} itemList 面板项列表，默认值：[]。
  * @property {boolean} showCancel 是否显示取消按钮，默认值：false。
  * @property {string} cancel 自定义取消按钮文字，默认值：-。
  * @property {boolean} visible 是否显示动作面板，默认值：false。
@@ -80,7 +73,7 @@ import { useTranslate } from "../locale";
  * @event {`(visible: boolean) => void`} update 动作面板显隐时触发
  * @event {`() => void`} close 点击遮罩时触发
  * @event {`() => void`} cancel 点击取消按钮时触发
- * @event {`(item: ActionSheetItem, index: number) => void`} select 点击动作按钮时触发
+ * @event {`(item: ActionSheetItemProps, index: number) => void`} select 点击动作按钮时触发
  * @event {`(name: TransitionHookName) => void`} visible-hook 入场/退场动画状态改变时触发
  * @event {`() => void`} before-enter 入场动画开始前触发
  * @event {`() => void`} enter 入场动画开始时触发
@@ -94,7 +87,7 @@ import { useTranslate } from "../locale";
 export default  _defineComponent({
   components: {
     SarPopup,
-    SarLoading,
+    SarActionSheetItem,
   },
   ...{
     options: {
@@ -104,7 +97,7 @@ export default  _defineComponent({
   },
   __name: "action-sheet",
   props:  _mergeDefaults({
-    rootStyle: { type: null, required: false },
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
     description: { type: String, required: false },
     itemList: { type: Array, required: false },
@@ -113,15 +106,32 @@ export default  _defineComponent({
     visible: { type: Boolean, required: false },
     overlayClosable: { type: Boolean, required: false },
     beforeClose: { type: Function, required: false },
-    duration: { type: Number, required: false }
+    duration: { type: Number, required: false },
+    internalDefault: { type: Number, required: false },
+    internalDescription: { type: Number, required: false },
+    internalCancel: { type: Number, required: false },
+    internalContext: { type: Object, required: false }
   }, defaultActionSheetProps()),
   emits: ["update:visible", "close", "cancel", "select", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
+    const slots = _useSlots();
     const emit = __emit;
     const bem = createBem("action-sheet");
     const { t } = useTranslate("actionSheet");
+    const hasCancelSlot = computed(
+      () => !!(isNumber(props.internalCancel) ? props.internalCancel : slots.cancel)
+    );
+    const mergedShowCancel = computed(() => {
+      return !!(props.showCancel || props.cancel || hasCancelSlot.value);
+    });
+    const hasDescriptionSlot = computed(
+      () => !!(isNumber(props.internalDescription) ? props.internalDescription : slots.description)
+    );
+    const showDescription = computed(() => {
+      return !!(props.description || hasDescriptionSlot.value);
+    });
     const innerVisible = ref(props.visible);
     watch(
       () => props.visible,
@@ -129,7 +139,6 @@ export default  _defineComponent({
         innerVisible.value = props.visible;
       }
     );
-    const mergedShowCancel = computed(() => props.showCancel || props.cancel);
     const loading = reactive({
       cancel: false,
       select: false,
@@ -178,6 +187,7 @@ export default  _defineComponent({
     };
     const onSelect = (item, index) => {
       if (!item.disabled && !item.loading) {
+        item = { ...item };
         emit("select", item, index);
         perhapsClose("select", item, index);
       }
@@ -194,21 +204,19 @@ export default  _defineComponent({
       innerVisible.value = false;
       emit("update:visible", false);
     };
+    const context = props.internalContext || useActionSheet();
+    context.setSelectCallback(onSelect);
     const actionSheetClass = computed(() => {
       return classNames(
         bem.b(),
-        bem.m("headless", !props.description),
+        bem.m("headless", !showDescription.value),
         props.rootClass
       );
     });
     const actionSheetStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, t, innerVisible, mergedShowCancel, loading, readonlyLoading, asyncSet, perhapsClose, onOverlayClick, onSelect, onCancel, onVisibleHook, onBackPress, actionSheetClass, actionSheetStyle, get classNames() {
-      return classNames;
-    }, get stringifyStyle() {
-      return stringifyStyle;
-    }, SarPopup, SarLoading };
+    const __returned__ = { props, slots, emit, bem, t, hasCancelSlot, mergedShowCancel, hasDescriptionSlot, showDescription, innerVisible, loading, readonlyLoading, asyncSet, perhapsClose, onOverlayClick, onSelect, onCancel, onVisibleHook, onBackPress, context, actionSheetClass, actionSheetStyle, SarPopup, SarActionSheetItem };
     return __returned__;
   }
 });

package/components/action-sheet/common.d.ts

@@ -1,11 +1,13 @@
 import { type StyleValue } from 'vue';
 import { type DefaultProps } from '../config';
 import { type TransitionHookEmits } from '../popup/common';
+import { type ActionSheetItemProps } from '../action-sheet-item';
+import { type UseActionSheetReturn } from './context';
 export type ActionSheetBeforeClose = ((type: 'close' | 'cancel', loading: {
     readonly cancel: boolean;
     readonly select: boolean;
     readonly close: boolean;
-}) => any | Promise<any>) & ((type: 'select', item: ActionSheetItem, index: number, loading: {
+}) => any | Promise<any>) & ((type: 'select', item: ActionSheetItemProps, index: number, loading: {
     readonly cancel: boolean;
     readonly select: boolean;
     readonly close: boolean;
@@ -14,25 +16,28 @@ export interface ActionSheetProps {
     rootStyle?: StyleValue;
     rootClass?: string;
     description?: string;
-    itemList?: ActionSheetItem[];
+    itemList?: ActionSheetItemProps[];
     cancel?: string;
     showCancel?: boolean;
     visible?: boolean;
     overlayClosable?: boolean;
     beforeClose?: ActionSheetBeforeClose;
     duration?: number;
+    internalDefault?: number;
+    internalDescription?: number;
+    internalCancel?: number;
+    internalContext?: UseActionSheetReturn;
 }
 export declare const defaultActionSheetProps: () => DefaultProps<ActionSheetProps>;
 export interface ActionSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'close'): void;
     (e: 'cancel'): void;
-    (e: 'select', item: ActionSheetItem, index: number): void;
+    (e: 'select', item: ActionSheetItemProps, index: number): void;
 }
-export interface ActionSheetItem {
-    name?: string;
-    description?: string;
-    color?: string;
-    loading?: boolean;
-    disabled?: boolean;
+export interface ActionSheetSlots {
+    default?(props?: any): any;
+    description?(props?: any): any;
+    cancel?(props?: any): any;
 }
+export type { ActionSheetItemProps, ActionSheetItemEmits, ActionSheetItemSlots, } from '../action-sheet-item/common';

package/components/action-sheet/context.d.ts

@@ -0,0 +1,16 @@
+import { type InjectionKey, type Ref } from 'vue';
+import { type ActionSheetItemProps } from '../action-sheet-item/common';
+export interface ActionSheetContext {
+    select: (item: ActionSheetItemProps) => void;
+    addItem: (item: ActionSheetItemProps) => void;
+    removeItem: (item: ActionSheetItemProps) => void;
+}
+export declare const actionSheetContextKey: InjectionKey<ActionSheetContext>;
+export interface UseActionSheetReturn {
+    items: Ref<ActionSheetItemProps[]>;
+    setSelectCallback: (callback: (item: ActionSheetItemProps, index: number) => void) => void;
+}
+export declare function useActionSheet(): UseActionSheetReturn;
+export declare function useActionSheetItem(item: ActionSheetItemProps): {
+    select: () => void;
+};

package/components/action-sheet/context.js

@@ -0,0 +1,55 @@
+import { provide, inject, onMounted, onUnmounted, useAttrs, ref, } from 'vue';
+import { reactiveComputed } from '../../use';
+export const actionSheetContextKey = Symbol('ActionSheetContext');
+export function useActionSheet() {
+    const items = ref([]);
+    let selectCallback = null;
+    const setSelectCallback = (callback) => {
+        selectCallback = callback;
+    };
+    provide(actionSheetContextKey, {
+        select: (item) => {
+            const index = items.value.indexOf(item);
+            selectCallback?.(item, index);
+        },
+        addItem: (item) => {
+            if (!items.value.includes(item)) {
+                items.value.push(item);
+            }
+        },
+        removeItem: (item) => {
+            const index = items.value.indexOf(item);
+            if (index > -1) {
+                items.value.splice(index, 1);
+            }
+        },
+    });
+    return {
+        items,
+        setSelectCallback,
+    };
+}
+export function useActionSheetItem(item) {
+    const context = inject(actionSheetContextKey);
+    if (!context) {
+        throw new Error('ActionSheetItem must be included in ActionSheet.');
+    }
+    const attrs = useAttrs();
+    const mergedItem = reactiveComputed(() => {
+        return {
+            ...item,
+            ...attrs,
+        };
+    });
+    onMounted(() => {
+        context.addItem(mergedItem);
+    });
+    onUnmounted(() => {
+        context.removeItem(mergedItem);
+    });
+    return {
+        select: () => {
+            context.select(mergedItem);
+        },
+    };
+}

package/components/action-sheet/index.d.ts

@@ -1 +1,2 @@
-export type { ActionSheetProps, ActionSheetEmits, ActionSheetItem, } from './common';
+export type { ActionSheetProps, ActionSheetEmits, ActionSheetSlots, ActionSheetItemProps, ActionSheetItemEmits, ActionSheetItemSlots, } from './common';
+export type { ActionSheetContext } from './context';

package/components/action-sheet-agent/action-sheet-agent.d.ts

@@ -1,7 +1,8 @@
-import { type ActionSheetAgentProps } from './common';
+import { type ActionSheetAgentProps, type ActionSheetAgentSlots } from './common';
 import { type TransitionHookName } from '../../use';
-import { type ActionSheetItem } from '../action-sheet/common';
-declare const _default: import("vue").DefineComponent<ActionSheetAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { type ActionSheetItemProps } from '../action-sheet/common';
+declare function __VLS_template(): Readonly<ActionSheetAgentSlots> & ActionSheetAgentSlots;
+declare const __VLS_component: import("vue").DefineComponent<ActionSheetAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: any;
 } & {
     [x: string]: any;
@@ -13,15 +14,19 @@ declare const _default: import("vue").DefineComponent<ActionSheetAgentProps, {},
     visible: boolean;
     duration: number;
     overlayClosable: boolean;
-    cancel: string;
     description: string;
-    itemList: ActionSheetItem[];
+    cancel: string;
+    itemList: ActionSheetItemProps[];
     showCancel: boolean;
     beforeClose: import("../action-sheet/common").ActionSheetBeforeClose;
+    internalDefault: number;
+    internalDescription: number;
+    internalCancel: number;
+    internalContext: import("../action-sheet/context").UseActionSheetReturn;
     id: string;
     onClose: () => void;
     onCancel: () => void;
-    onSelect: (item: ActionSheetItem, index: number) => void;
+    onSelect: (item: ActionSheetItemProps, index: number) => void;
     onVisibleHook: (name: TransitionHookName) => void;
     onBeforeEnter: () => void;
     onEnter: () => void;
@@ -32,4 +37,10 @@ declare const _default: import("vue").DefineComponent<ActionSheetAgentProps, {},
     onAfterLeave: () => void;
     onLeaveCancelled: () => void;
 }, {}, {}, {}, 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;
+    };
+};