sard-uniapp 1.13.3 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [1.14.0](https://github.com/sutras/sard-uniapp/compare/v1.13.3...v1.14.0) (2025-05-12)
+
+
+### Features
+
+* cascader 新增 change-on-select 属性 ([71c1329](https://github.com/sutras/sard-uniapp/commit/71c13291780eea13ac7c198ae31a39e0dc49d531))
+
+
+
 ## [1.13.3](https://github.com/sutras/sard-uniapp/compare/v1.13.2...v1.13.3) (2025-05-12)
 
 

package/components/cascader/cascader.vue

@@ -112,7 +112,8 @@ export default  _defineComponent({
     options: { type: Array, required: false },
     fieldKeys: { type: Object, required: false },
     hintText: { type: String, required: false },
-    labelRender: { type: Function, required: false }
+    labelRender: { type: Function, required: false },
+    changeOnSelect: { type: Boolean, required: false }
   }, defaultCascaderProps),
   emits: ["update:model-value", "change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -177,31 +178,25 @@ export default  _defineComponent({
       if (selectBack) {
         nextTabs = nextTabs.slice(0, tabIndex + 1);
       }
-      if (!isLastOption(option)) {
+      const isLast = isLastOption(option);
+      if (!isLast) {
         const nextTab = {
           options: option[mergedFieldKeys.value.children],
           selected: null
         };
         nextTabs.push(nextTab);
-        tabsCurrent.value = nextTabs.length - 1;
-      } else {
-        tabsCurrent.value = tabIndex;
-        const nextValue = option[mergedFieldKeys.value.value];
-        innerValue.value = nextValue;
-        emit(
-          "update:model-value",
-          nextValue,
-          nextTabs.map((tab) => tab.selected)
-        );
-        emit(
-          "change",
-          nextValue,
-          nextTabs.map((tab) => tab.selected)
-        );
       }
+      tabsCurrent.value = isLast ? tabIndex : nextTabs.length - 1;
       tempValue = option[mergedFieldKeys.value.value];
       tabs.value = nextTabs;
       emit("select", option, tabIndex);
+      if (isLast || props.changeOnSelect) {
+        const nextValue = option[mergedFieldKeys.value.value];
+        innerValue.value = nextValue;
+        const selectedOptions = nextTabs.map((tab) => tab.selected).filter(Boolean);
+        emit("update:model-value", nextValue, selectedOptions);
+        emit("change", nextValue, selectedOptions);
+      }
     };
     const innerPaceholder = computed(() => {
       return props.hintText || t("pleaseSelect");

package/components/cascader/common.d.ts

@@ -20,6 +20,7 @@ export interface CascaderProps {
     fieldKeys?: CascaderFieldKeys;
     hintText?: string;
     labelRender?: (option: CascaderOption) => string;
+    changeOnSelect?: boolean;
 }
 export declare const defaultCascaderProps: {
     options: () => never[];

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

@@ -23,11 +23,13 @@
       <sar-cascader
         v-if="already"
         :model-value="popoutValue"
-        @change="onChange"
         :options="options"
         :field-keys="fieldKeys"
-        :placeholder="hintText"
+        :hint-text="hintText"
+        :change-on-select="changeOnSelect"
+        :label-render="labelRender"
         @select="(option, tabIndex) => $emit('select', option, tabIndex)"
+        @change="onChange"
       >
         <template #top="{ tabIndex }">
           <slot name="top" :tab-index="tabIndex"></slot>
@@ -77,6 +79,7 @@ export default  _defineComponent({
     fieldKeys: { type: Object, required: false },
     hintText: { type: String, required: false },
     labelRender: { type: Function, required: false },
+    changeOnSelect: { type: Boolean, required: false },
     placeholder: { type: String, required: false },
     readonly: { type: Boolean, required: false },
     disabled: { type: Boolean, required: false },
@@ -114,10 +117,12 @@ export default  _defineComponent({
       }
     };
     const onConfirm = () => {
-      innerValue.value = popoutValue.value;
-      emit("update:model-value", popoutValue.value, popoutOptions.value);
-      emit("change", popoutValue.value, popoutOptions.value);
-      inputValue.value = getInputValue();
+      if (popoutValue.value !== innerValue.value) {
+        innerValue.value = popoutValue.value;
+        inputValue.value = getInputValue();
+        emit("update:model-value", innerValue.value, popoutOptions.value);
+        emit("change", innerValue.value, popoutOptions.value);
+      }
     };
     const inputValue = ref("");
     const fieldkeys = computed(() => {

package/package.json

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