sard-uniapp 1.27.0 → 1.27.1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [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/components/config/index.js

@@ -372,6 +372,7 @@ export const defaultConfig = {
         maxLabels: 10,
     },
     selectPopout: {
+        showConfirm: true,
         validateEvent: true,
     },
     shareSheet: {

package/components/select/common.d.ts

@@ -281,6 +281,7 @@ export interface SelectSlots {
 export interface SelectEmits {
     (e: 'update:model-value', value: any): void;
     (e: 'change', value: any): void;
+    (e: 'select', value: any): void;
 }
 export interface SelectExpose {
 }
@@ -300,5 +301,6 @@ export interface SelectContext {
     getEnabledValue: () => any[];
     selectItems: Ref<SelectItem[]>;
     setToggle: (toggle: (value: any) => void) => void;
+    setSelect: (select: (value: any) => void) => void;
 }
 export declare const selectContextSymbol: unique symbol;

package/components/select/select.d.ts

@@ -1,9 +1,11 @@
 import { type SelectProps, type SelectSlots } from './common';
 declare function __VLS_template(): Readonly<SelectSlots> & SelectSlots;
 declare const __VLS_component: import("vue").DefineComponent<SelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (value: any) => any;
     "update:model-value": (value: any) => any;
     change: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<SelectProps> & Readonly<{
+    onSelect?: ((value: any) => any) | undefined;
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
 }>, {

package/components/select/select.vue

@@ -176,7 +176,7 @@ export default  _defineComponent({
     valueKey: { type: String, required: false },
     internalDefault: { type: Number, required: false }
   }, defaultSelectProps()),
-  emits: ["update:model-value", "change"],
+  emits: ["update:model-value", "change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -188,10 +188,13 @@ export default  _defineComponent({
       return first && Array.isArray(getChildren(first));
     });
     const scrollViewId = uniqid();
-    const { innerValue, selectItems, getEnabledValue, setToggle } = inject(selectContextSymbol, null) || useSelect(props);
+    const { innerValue, selectItems, getEnabledValue, setToggle, setSelect } = inject(selectContextSymbol, null) || useSelect(props);
     setToggle((value) => {
       triggerChange(value);
     });
+    setSelect((value) => {
+      emit("select", value);
+    });
     watch(
       () => props.modelValue,
       (value) => {
@@ -312,7 +315,7 @@ export default  _defineComponent({
         bem.em("scroll", "filterable", props.filterable)
       );
     });
-    const __returned__ = { props, emit, bem, t, getLabel, getValue, getChildren, getKey, isGroupable, scrollViewId, innerValue, selectItems, getEnabledValue, setToggle, triggerChange, scrollSide, onSideScroll, onScrolltoupper, onScrolltolower, searchValue, status, onLoadMore, onReload, refresh, loadMoreId, debouncedRefresh, isEmpty, onClear, onSelectAll, showSelectAll, instance, scrollTop, get memoScrollTop() {
+    const __returned__ = { props, emit, bem, t, getLabel, getValue, getChildren, getKey, isGroupable, scrollViewId, innerValue, selectItems, getEnabledValue, setToggle, setSelect, triggerChange, scrollSide, onSideScroll, onScrolltoupper, onScrolltolower, searchValue, status, onLoadMore, onReload, refresh, loadMoreId, debouncedRefresh, isEmpty, onClear, onSelectAll, showSelectAll, instance, scrollTop, get memoScrollTop() {
       return memoScrollTop;
     }, set memoScrollTop(v) {
       memoScrollTop = v;

package/components/select/useSelect.js

@@ -20,6 +20,7 @@ export function useSelect(props) {
             .map((item) => item.value());
     };
     let onToggle;
+    let onSelect;
     const toggle = (value) => {
         let nextValue;
         if (props.multiple) {
@@ -28,15 +29,21 @@ export function useSelect(props) {
                 : innerValue.value.concat(value);
         }
         else {
-            if (value === innerValue.value)
+            if (value === innerValue.value) {
+                onSelect?.(value);
                 return;
+            }
             nextValue = value;
         }
         onToggle?.(nextValue);
+        onSelect?.(value);
     };
     const setToggle = (toggle) => {
         onToggle = toggle;
     };
+    const setSelect = (select) => {
+        onSelect = select;
+    };
     const context = {
         innerValue,
         toggle,
@@ -47,6 +54,7 @@ export function useSelect(props) {
         getEnabledValue,
         selectItems,
         setToggle,
+        setSelect,
     };
     provide(selectContextSymbol, context);
     return context;

package/components/select-input/select-input.vue

@@ -66,6 +66,7 @@ import { useSelect } from "../select/useSelect";
  * @property {StyleValue} popoutStyle 弹窗框根元素样式，默认值：-。
  * @property {boolean} visible 是否显示弹出框，默认值：-。
  * @property {string} title 弹出框标题，默认值：-。
+ * @property {boolean} showConfirm 单选时是否显示确定按钮，隐藏按钮可用于快捷选择，默认值：true。
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
  * @property {boolean} resettable 关闭弹出框后，是否可复位弹出框值，默认值：false。
  * @property {number} maxLabels 多选时，输入框最大展示标签个数，设为 -1 表示不限制，默认值：10。

package/components/select-popout/README.md

@@ -88,14 +88,15 @@ import SelectPopout from 'sard-uniapp/components/select-popout/select-popout.vue
 
 继承 [`SelectProps`](./select#SelectProps) 并有以下额外属性：
 
-| 属性              | 描述                             | 类型       | 默认值 |
-| ----------------- | -------------------------------- | ---------- | ------ |
-| popout-class      | 弹窗框根元素类名                 | string     | -      |
-| popout-style      | 弹窗框根元素样式                 | StyleValue | -      |
-| visible (v-model) | 是否显示弹出框                   | boolean    | -      |
-| title             | 弹出框标题                       | string     | -      |
-| validate-event    | 是否触发表单验证                 | boolean    | true   |
-| resettable        | 关闭弹出框后，是否可复位弹出框值 | boolean    | false  |
+| 属性                            | 描述                                           | 类型       | 默认值 |
+| ------------------------------- | ---------------------------------------------- | ---------- | ------ |
+| popout-class                    | 弹窗框根元素类名                               | string     | -      |
+| popout-style                    | 弹窗框根元素样式                               | StyleValue | -      |
+| visible (v-model)               | 是否显示弹出框                                 | boolean    | -      |
+| title                           | 弹出框标题                                     | string     | -      |
+| show-confirm <sup>1.27.1+</sup> | 单选时是否显示确定按钮，隐藏按钮可用于快捷选择 | boolean    | true   |
+| validate-event                  | 是否触发表单验证                               | boolean    | true   |
+| resettable                      | 关闭弹出框后，是否可复位弹出框值               | boolean    | false  |
 
 ### SelectPopoutSlots
 

package/components/select-popout/select-popout.vue

@@ -2,6 +2,7 @@
   <sar-popout
     v-model:visible="innerVisible"
     :title="$slots.title ? '' : title"
+    :show-confirm="showConfirm"
     :root-class="popoutClass"
     :root-style="popoutStyle"
     @confirm="onConfirm"
@@ -14,6 +15,7 @@
         :model-value="popoutValue"
         :internal-default="internalDefault"
         @change="onChange"
+        @select="onSelect"
       >
         <slot></slot>
       </sar-select>
@@ -53,6 +55,7 @@ import { isNumber } from "../../utils";
  * @property {StyleValue} popoutStyle 弹窗框根元素样式，默认值：-。
  * @property {boolean} visible 是否显示弹出框，默认值：-。
  * @property {string} title 弹出框标题，默认值：-。
+ * @property {boolean} showConfirm 单选时是否显示确定按钮，隐藏按钮可用于快捷选择，默认值：true。
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
  * @property {boolean} resettable 关闭弹出框后，是否可复位弹出框值，默认值：false。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
@@ -112,6 +115,12 @@ export default  _defineComponent({
     const emit = __emit;
     const omittedProps = omitFormPopoutProps(props);
     const { innerVisible, popoutValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit);
+    const onSelect = () => {
+      if (!props.multiple && !props.showConfirm) {
+        onConfirm(false);
+        innerVisible.value = false;
+      }
+    };
     const internalDefault = computed(
       () => isNumber(props.internalDefault) ? props.internalDefault : slots.default ? 1 : 0
     );
@@ -119,7 +128,7 @@ export default  _defineComponent({
       useSelect(props);
     }
     __expose({});
-    const __returned__ = { props, slots, emit, omittedProps, innerVisible, popoutValue, onChange, onConfirm, onVisibleHook, internalDefault, SarPopout, SarSelect };
+    const __returned__ = { props, slots, emit, omittedProps, innerVisible, popoutValue, onChange, onConfirm, onVisibleHook, onSelect, internalDefault, SarPopout, SarSelect };
     return __returned__;
   }
 });

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.27.0",
+  "version": "1.27.1",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {