sard-uniapp 1.27.0 → 1.28.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+# [1.28.0](https://github.com/sutras/sard-uniapp/compare/v1.27.1...v1.28.0) (2026-03-27)
+
+
+### Bug Fixes
+
+* **button:** 设置icon对是否块级不影响 ([14ee315](https://github.com/sutras/sard-uniapp/commit/14ee315b594ac8f2d10af830a6974bdbb590f703))
+* **faq:** 修复文字长度不一导致图标不对齐问题 ([2805d43](https://github.com/sutras/sard-uniapp/commit/2805d436859952ad39271c043b176ec7e646791a))
+* 优化form和switch布局 ([aae9bc1](https://github.com/sutras/sard-uniapp/commit/aae9bc1d382dd287005bce28fc459ab52a3f7b0d))
+
+
+### Features
+
+* **accordion:** 新增title, extra, arrow插槽 ([76f56d7](https://github.com/sutras/sard-uniapp/commit/76f56d71cd6a20681b56a845db0cd942e7b18697))
+* **alert:** 新增 square 属性,添加默认圆角 ([45b59af](https://github.com/sutras/sard-uniapp/commit/45b59af19477f67f29f48b1dacd85299a75841dc))
+* **compact:** 新增 Compact 组件 ([84b9dc4](https://github.com/sutras/sard-uniapp/commit/84b9dc40689a0817b436347fbbe44b20dcf647fc))
+* **dialog:** 使用text元素包裹message,以支持转义字符 ([b66c347](https://github.com/sutras/sard-uniapp/commit/b66c34705244263724361c0dfdb709f357a04587))
+* **dropdown:** 新增分割线类型 ([0cd77cd](https://github.com/sutras/sard-uniapp/commit/0cd77cd31cdbbea390f266d0d337a4863919b087))
+
+
+
+## [1.27.1](https://github.com/sutras/sard-uniapp/compare/v1.27.0...v1.27.1) (2026-03-07)
+
+
+### Features
+
+* **select-popout:** 新增show-confirm属性 ([017d4ba](https://github.com/sutras/sard-uniapp/commit/017d4ba86f05ebe368ace11d4b47f2ff6f752c67))
+
+
+
 # [1.27.0](https://github.com/sutras/sard-uniapp/compare/v1.26.3...v1.27.0) (2026-02-23)
 
 

package/README.md

@@ -32,7 +32,7 @@
 
 ## 特性
 
-- 🧩 108+个高质量组件，覆盖移动端主流场景
+- 🧩 109+个高质量组件，覆盖移动端主流场景
 - 💪 支持一套代码同时开发 H5 / 小程序 / App
 - 🌿 支持按需引入和 `Tree Shaking`
 - 📖 详尽的文档和案例展示

package/components/accordion/README.md

@@ -44,6 +44,12 @@ import AccordionItem from 'sard-uniapp/components/accordion-item/accordion-item.
 
 @code('${DEMO_PATH}/accordion/demo/HideBorder.vue')
 
+### 插槽 <sup>1.28+</sup>
+
+可以使用 `title`, `extra`, `arrow` 插槽来自定义内容。
+
+@code('${DEMO_PATH}/accordion/demo/Slot.vue')
+
 ## API
 
 ### AccordionProps
@@ -70,20 +76,24 @@ import AccordionItem from 'sard-uniapp/components/accordion-item/accordion-item.
 
 ### AccordionItemProps
 
-| 属性       | 描述           | 类型             | 默认值 |
-| ---------- | -------------- | ---------------- | ------ |
-| root-class | 组件根元素类名 | string           | -      |
-| root-style | 组件根元素样式 | StyleValue       | -      |
-| title      | 面板标题       | string           | -      |
-| value      | 面板的值       | string           | -      |
-| name       | 面板的唯一标识 | string \| number | -      |
-| disabled   | 禁用面板       | boolean          | false  |
+| 属性                            | 描述           | 类型             | 默认值 |
+| ------------------------------- | -------------- | ---------------- | ------ |
+| root-class                      | 组件根元素类名 | string           | -      |
+| root-style                      | 组件根元素样式 | StyleValue       | -      |
+| title                           | 面板标题       | string           | -      |
+| extra <sup>1.28+</sup>          | 面板右边的内容 | string           | -      |
+| value (同extra，建议使用 extra) | 面板右边的内容 | string           | -      |
+| name                            | 面板的唯一标识 | string \| number | -      |
+| disabled                        | 禁用面板       | boolean          | false  |
 
 ### AccordionItemSlots
 
-| 插槽    | 描述           | 属性 |
-| ------- | -------------- | ---- |
-| default | 自定义默认内容 | -    |
+| 插槽                   | 描述             | 属性                 |
+| ---------------------- | ---------------- | -------------------- |
+| default                | 自定义默认内容   | -                    |
+| title <sup>1.28+</sup> | 自定义标题内容   | -                    |
+| extra <sup>1.28+</sup> | 自定义值内容内容 | -                    |
+| arrow <sup>1.28+</sup> | 自定义箭头       | { visible: boolean } |
 
 ### AccordionItemEmits
 

package/components/accordion/accordion.d.ts

@@ -4,7 +4,13 @@ declare const __VLS_component: import("vue").DefineComponent<AccordionProps, {},
     "update:model-value": (event: any) => any;
 }, string, import("vue").PublicProps, Readonly<AccordionProps> & Readonly<{
     "onUpdate:model-value"?: ((event: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    multiple: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    modelValue: (string | number)[] | string | number;
+    hideBorder: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 

package/components/accordion/accordion.vue

@@ -5,11 +5,12 @@
 </template>
 
 <script>
-import { defineComponent as _defineComponent } from "vue";
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
 import { computed, provide, ref, watch, toRef, reactive } from "vue";
 import { classNames, stringifyStyle, createBem } from "../../utils";
 import {
-  accoridonContextSymbol
+  accoridonContextSymbol,
+  defaultAccordionProps
 } from "./common";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
@@ -27,13 +28,13 @@ export default  _defineComponent({
     }
   },
   __name: "accordion",
-  props: {
+  props:  _mergeDefaults({
     rootStyle: { type: null, required: false },
     rootClass: { type: String, required: false },
     modelValue: { type: [Array, String, Number], required: false },
     multiple: { type: Boolean, required: false },
     hideBorder: { type: Boolean, required: false }
-  },
+  }, defaultAccordionProps()),
   emits: ["update:model-value"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();

package/components/accordion/common.d.ts

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type DefaultProps } from '../config';
 export interface AccordionProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -6,6 +7,7 @@ export interface AccordionProps {
     multiple?: boolean;
     hideBorder?: boolean;
 }
+export declare const defaultAccordionProps: () => DefaultProps<AccordionProps>;
 export interface AccordionEmits {
     (e: 'update:model-value', event: any): void;
 }
@@ -24,6 +26,7 @@ export interface AccordionItemProps {
     rootClass?: string;
     title?: string;
     value?: string;
+    extra?: string;
     name?: string | number;
     disabled?: boolean;
 }
@@ -32,4 +35,9 @@ export interface AccordionItemEmits {
 }
 export interface AccordionItemSlots {
     default?(props: Record<string, never>): any;
+    title?(props: Record<string, never>): any;
+    extra?(props: Record<string, never>): any;
+    arrow?(props: {
+        visible: boolean;
+    }): any;
 }

package/components/accordion/common.js

@@ -1 +1,5 @@
+import { defaultConfig } from '../config';
+export const defaultAccordionProps = () => ({
+    ...defaultConfig.accordion,
+});
 export const accoridonContextSymbol = Symbol('accoridon-context');

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

@@ -1,10 +1,16 @@
 <template>
   <view :class="accordionItemClass" :style="accordionItemStyle">
     <view :class="classNames(bem.e('header'))" @click="onClick">
-      <view :class="bem.e('title')">{{ title }}</view>
-      <view v-if="value" :class="bem.e('value')">{{ value }}</view>
+      <view :class="bem.e('title')">
+        <slot name="title">{{ title }}</slot>
+      </view>
+      <view v-if="extra || value || $slots.extra" :class="bem.e('extra')">
+        <slot name="extra">{{ extra || value }}</slot>
+      </view>
       <view :class="bem.e('arrow')">
-        <sar-icon family="sari" :name="arrowName" />
+        <slot name="arrow" :visible="visible">
+          <sar-icon family="sari" :name="arrowName" />
+        </slot>
       </view>
     </view>
     <sar-collapse :visible="visible">
@@ -28,7 +34,8 @@ import SarIcon from "../icon/icon.vue";
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
  * @property {string} title 面板标题，默认值：-。
- * @property {string} value 面板的值，默认值：-。
+ * @property {string} extra 面板右边的内容，默认值：-。
+ * @property {string} value 面板右边的内容，默认值：-。
  * @property {string | number} name 面板的唯一标识，默认值：-。
  * @property {boolean} disabled 禁用面板，默认值：false。
  * @event {(event: any) => void} click 点击面板头部时触发
@@ -50,6 +57,7 @@ export default  _defineComponent({
     rootClass: { type: String, required: false },
     title: { type: String, required: false },
     value: { type: String, required: false },
+    extra: { type: String, required: false },
     name: { type: [String, Number], required: false },
     disabled: { type: Boolean, required: false }
   },

package/components/accordion-item/index.scss

@@ -31,6 +31,10 @@
     line-height: var(--sar-accordion-item-title-line-height);
   }
 
+  @include e(extra) {
+    margin-left: auto;
+  }
+
   @include e(arrow) {
     @include universal;
     align-items: center;

package/components/action-sheet/action-sheet.vue

@@ -114,7 +114,7 @@ export default  _defineComponent({
     overlayClosable: { type: Boolean, required: false },
     beforeClose: { type: Function, required: false },
     duration: { type: Number, required: false }
-  }, defaultActionSheetProps),
+  }, 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();

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

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type DefaultProps } from '../config';
 import { type TransitionHookEmits } from '../popup/common';
 export type ActionSheetBeforeClose = ((type: 'close' | 'cancel', loading: {
     readonly cancel: boolean;
@@ -21,136 +22,7 @@ export interface ActionSheetProps {
     beforeClose?: ActionSheetBeforeClose;
     duration?: number;
 }
-export declare const defaultActionSheetProps: {
-    rootStyle?: (string | false | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
-    rootClass?: (string | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => string)) | undefined;
-    description?: (string | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => string)) | undefined;
-    itemList?: ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => ActionSheetItem[]) | undefined;
-    cancel?: (string | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => string)) | undefined;
-    showCancel?: (boolean | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => boolean)) | undefined;
-    visible?: (boolean | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => boolean)) | undefined;
-    overlayClosable?: (boolean | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => boolean)) | undefined;
-    beforeClose?: (ActionSheetBeforeClose | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => ((type: "close" | "cancel", loading: {
-        readonly cancel: boolean;
-        readonly select: boolean;
-        readonly close: boolean;
-    }) => any | Promise<any>) & ((type: "select", item: ActionSheetItem, index: number, loading: {
-        readonly cancel: boolean;
-        readonly select: boolean;
-        readonly close: boolean;
-    }) => any | Promise<any>))) | undefined;
-    duration?: (number | ((props: {
-        rootStyle: StyleValue;
-        rootClass: string;
-        description: string;
-        itemList: ActionSheetItem[];
-        cancel: string;
-        showCancel: boolean;
-        visible: boolean;
-        overlayClosable: boolean;
-        beforeClose: ActionSheetBeforeClose;
-        duration: number;
-    }) => number)) | undefined;
-};
+export declare const defaultActionSheetProps: () => DefaultProps<ActionSheetProps>;
 export interface ActionSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'close'): void;

package/components/action-sheet/common.js

@@ -1,2 +1,6 @@
 import { defaultConfig } from '../config';
-export const defaultActionSheetProps = defaultConfig.actionSheet;
+export const defaultActionSheetProps = () => ({
+    overlayClosable: true,
+    duration: 250,
+    ...defaultConfig.actionSheet,
+});