sard-uniapp 1.9.1 → 1.9.2

package/changelog.md

@@ -1,3 +1,12 @@
+## [1.9.2](https://github.com/sutras/sard-uniapp/compare/v1.9.1...v1.9.2) (2024-12-22)
+
+
+### Features
+
+* 表单组件新增change事件 ([58f2fa8](https://github.com/sutras/sard-uniapp/commit/58f2fa88e59f4b28b23592cf9ff17e2353a9ae37))
+
+
+
 ## [1.9.1](https://github.com/sutras/sard-uniapp/compare/v1.9.0...v1.9.1) (2024-12-22)
 
 

package/components/calendar/calendar.d.ts

@@ -1,8 +1,10 @@
 import { type CalendarProps } from './common';
 declare const _default: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: Date | Date[]) => any;
+    change: (value: Date | Date[]) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarProps> & Readonly<{
     "onUpdate:model-value"?: ((value: Date | Date[]) => any) | undefined;
+    onChange?: ((value: Date | Date[]) => any) | undefined;
 }>, {
     type: import("./common").CalendarType;
     maxDays: number;

package/components/calendar/calendar.vue

@@ -135,7 +135,7 @@ export default  _defineComponent({
     allowSameDay: { type: Boolean, required: false },
     severalMonths: { type: Boolean, required: false }
   }, defaultCalendarProps),
-  emits: ["update:model-value"],
+  emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -287,6 +287,7 @@ export default  _defineComponent({
       if (nextValue !== void 0) {
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("change", nextValue);
       }
     };
     const inPopup = useInPopup();

package/components/calendar/common.d.ts

@@ -35,6 +35,7 @@ export declare const defaultCalendarProps: {
 };
 export interface CalendarEmits {
     (e: 'update:model-value', value: Date | Date[]): void;
+    (e: 'change', value: Date | Date[]): void;
 }
 export interface CalendarMonthProps {
     year: number;

package/components/calendar-input/calendar-input.d.ts

@@ -2,9 +2,11 @@ import { type CalendarType } from '../calendar/common';
 import { type CalendarInputProps } from './common';
 declare const _default: import("vue").DefineComponent<CalendarInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: Date | Date[] | undefined) => any;
+    change: (value: Date | Date[] | undefined) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CalendarInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: Date | Date[] | undefined) => any) | undefined;
+    onChange?: ((value: Date | Date[] | undefined) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     type: CalendarType;

package/components/calendar-input/calendar-input.vue

@@ -91,7 +91,7 @@ export default  _defineComponent({
     clearable: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultCalendarInputProps),
-  emits: ["update:visible", "update:model-value"],
+  emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -125,6 +125,7 @@ export default  _defineComponent({
     const onConfirm = () => {
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");

package/components/calendar-input/common.d.ts

@@ -16,4 +16,5 @@ export declare const defaultCalendarInputProps: {
 export interface CalendarInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: Date | Date[] | undefined): void;
+    (e: 'change', value: Date | Date[] | undefined): void;
 }

package/components/cascader/cascader.d.ts

@@ -2,9 +2,11 @@ import { type CascaderProps, type CascaderSlots, type CascaderOption } from './c
 declare function __VLS_template(): Readonly<CascaderSlots> & CascaderSlots;
 declare const __VLS_component: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: string | number, selectedOptions: CascaderOption[]) => any;
+    change: (value: string | number, selectedOptions: CascaderOption[]) => any;
     select: (option: CascaderOption, tabIndex: number) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderProps> & Readonly<{
     "onUpdate:model-value"?: ((value: string | number, selectedOptions: CascaderOption[]) => any) | undefined;
+    onChange?: ((value: string | number, selectedOptions: CascaderOption[]) => any) | undefined;
     onSelect?: ((option: CascaderOption, tabIndex: number) => any) | undefined;
 }>, {
     options: CascaderOption[];

package/components/cascader/cascader.vue

@@ -109,7 +109,7 @@ export default  _defineComponent({
     hintText: { type: String, required: false },
     labelRender: { type: Function, required: false }
   }, defaultCascaderProps),
-  emits: ["update:model-value", "select"],
+  emits: ["update:model-value", "change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -188,6 +188,11 @@ export default  _defineComponent({
           nextValue,
           nextTabs.map((tab) => tab.selected)
         );
+        emit(
+          "change",
+          nextValue,
+          nextTabs.map((tab) => tab.selected)
+        );
       }
       tempValue = option[mergedFieldKeys.value.value];
       tabs.value = nextTabs;

package/components/cascader/common.d.ts

@@ -31,6 +31,7 @@ export interface CascaderSlots {
 }
 export interface CascaderEmits {
     (e: 'update:model-value', value: string | number, selectedOptions: CascaderOption[]): void;
+    (e: 'change', value: string | number, selectedOptions: CascaderOption[]): void;
     (e: 'select', option: CascaderOption, tabIndex: number): void;
 }
 export interface CascaderTab {

package/components/cascader-input/cascader-input.d.ts

@@ -3,10 +3,12 @@ import { type CascaderInputProps, type CascaderInputSlots } from './common';
 declare function __VLS_template(): Readonly<CascaderInputSlots> & CascaderInputSlots;
 declare const __VLS_component: import("vue").DefineComponent<CascaderInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
+    change: (value: any) => any;
     select: (option: CascaderOption, tabIndex: number) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
     onSelect?: ((option: CascaderOption, tabIndex: number) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {

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

@@ -84,7 +84,7 @@ export default  _defineComponent({
     loading: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultCascaderInputProps),
-  emits: ["update:visible", "update:model-value", "select"],
+  emits: ["update:visible", "update:model-value", "change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -114,6 +114,7 @@ export default  _defineComponent({
     const onConfirm = () => {
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");

package/components/cascader-input/common.d.ts

@@ -18,5 +18,6 @@ export interface CascaderInputSlots {
 export interface CascaderInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
     (e: 'select', option: CascaderOption, tabIndex: number): void;
 }

package/components/checkbox-input/checkbox-input.d.ts

@@ -1,9 +1,11 @@
 import { type CheckboxInputProps } from './common';
 declare const _default: import("vue").DefineComponent<CheckboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
+    change: (value: any) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     options: import("../checkbox/common").CheckboxGroupOption[];

package/components/checkbox-input/checkbox-input.vue

@@ -107,7 +107,7 @@ export default  _defineComponent({
     loading: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultCheckboxInputProps),
-  emits: ["update:visible", "update:model-value"],
+  emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -137,6 +137,7 @@ export default  _defineComponent({
     const onConfirm = () => {
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");

package/components/checkbox-input/common.d.ts

@@ -12,4 +12,5 @@ export declare const defaultCheckboxInputProps: {
 export interface CheckboxInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
 }

package/components/datetime-picker/common.d.ts

@@ -14,6 +14,7 @@ export declare const defaultDatetimePickerProps: {
 };
 export interface DatetimePickerEmits {
     (e: 'update:model-value', date: Date): void;
+    (e: 'change', date: Date): void;
 }
 export interface DatetimeColumnOption {
     value: number;

package/components/datetime-picker/datetime-picker.d.ts

@@ -1,8 +1,10 @@
 import { type DatetimePickerProps } from './common';
 declare const _default: import("vue").DefineComponent<DatetimePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (date: Date) => any;
+    change: (date: Date) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimePickerProps> & Readonly<{
     "onUpdate:model-value"?: ((date: Date) => any) | undefined;
+    onChange?: ((date: Date) => any) | undefined;
 }>, {
     type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -45,7 +45,7 @@ export default  _defineComponent({
     filter: { type: Function, required: false },
     formatter: { type: Function, required: false }
   }, defaultDatetimePickerProps),
-  emits: ["update:model-value"],
+  emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -145,6 +145,7 @@ export default  _defineComponent({
       innerValue.value = nextValue;
       updateColumns(nextValue);
       emit("update:model-value", nextValue);
+      emit("change", nextValue);
     };
     const __returned__ = { props, emit, t, createColumnData, getChangedLetter, updateColumns, getDateByPickerValue, normalizeValue, innerType, minDate, maxDate, innerValue, pickerValue, columnsMap, get minValues() {
       return minValues;

package/components/datetime-picker-input/common.d.ts

@@ -13,6 +13,7 @@ export declare const defaultDatetimePickerInputProps: {
 export interface DatetimePickerInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', date: Date | undefined): void;
+    (e: 'change', date: Date | undefined): void;
 }
 export declare const mapTypeFormat: {
     y: string;

package/components/datetime-picker-input/datetime-picker-input.d.ts

@@ -1,9 +1,11 @@
 import { type DatetimePickerInputProps } from './common';
 declare const _default: import("vue").DefineComponent<DatetimePickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (date: Date | undefined) => any;
+    change: (date: Date | undefined) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<DatetimePickerInputProps> & Readonly<{
     "onUpdate:model-value"?: ((date: Date | undefined) => any) | undefined;
+    onChange?: ((date: Date | undefined) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     type: string;

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

@@ -82,7 +82,7 @@ export default  _defineComponent({
     clearable: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultDatetimePickerInputProps),
-  emits: ["update:visible", "update:model-value"],
+  emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -118,6 +118,7 @@ export default  _defineComponent({
       }
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");
@@ -149,6 +150,7 @@ export default  _defineComponent({
       inputValue.value = "";
       innerValue.value = void 0;
       emit("update:model-value", void 0);
+      emit("change", void 0);
     };
     const innerVisible = ref(props.visible);
     watch(

package/components/input/common.d.ts

@@ -68,6 +68,8 @@ export interface InputSlots {
 }
 export interface InputEmits {
     (e: 'update:model-value', value: string): void;
+    (e: 'change', value: string): void;
+    (e: 'input', value: string): void;
     (e: 'clear'): void;
     (e: 'focus', event: any): void;
     (e: 'blur', event: any): void;

package/components/input/input.d.ts

@@ -1,21 +1,11 @@
 import { type InputProps, type InputSlots } from './common';
 declare function __VLS_template(): Readonly<InputSlots> & InputSlots;
-declare const __VLS_component: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: string) => any;
-    blur: (event: any) => any;
-    focus: (event: any) => any;
-    clear: () => any;
-    confirm: (event: any) => any;
-    linechange: (event: any) => any;
-    keyboardheightchange: (event: any) => any;
+declare const __VLS_component: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: string) => any) | undefined;
-    onBlur?: ((event: any) => any) | undefined;
-    onFocus?: ((event: any) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onConfirm?: ((event: any) => any) | undefined;
-    onLinechange?: ((event: any) => any) | undefined;
-    onKeyboardheightchange?: ((event: any) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     modelValue: string | number;
     confirmType: "send" | "search" | "next" | "go" | "done";

package/components/input/input.vue

@@ -184,7 +184,7 @@ export default  _defineComponent({
     minHeight: { type: String, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultInputProps),
-  emits: ["update:model-value", "clear", "focus", "blur", "linechange", "confirm", "keyboardheightchange"],
+  emits: ["update:model-value", "change", "input", "clear", "focus", "blur", "linechange", "confirm", "keyboardheightchange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -202,6 +202,7 @@ export default  _defineComponent({
     const setInnerValue = (value) => {
       innerValue.value = value;
       emit("update:model-value", value);
+      emit("input", value);
     };
     watch(
       () => props.modelValue,
@@ -224,7 +225,9 @@ export default  _defineComponent({
     watch([() => props.focus, () => props.focused], () => {
       innerFocused.value = props.focus || props.focused;
     });
+    let oldValue = "";
     const onFocus = (event) => {
+      oldValue = innerValue.value;
       innerFocused.value = true;
       emit("focus", event);
     };
@@ -234,6 +237,9 @@ export default  _defineComponent({
       if (props.validateEvent) {
         formItemContext?.onBlur();
       }
+      if (oldValue !== innerValue.value) {
+        emit("change", innerValue.value);
+      }
     };
     const clearVisible = computed(() => {
       const visibleBase = props.clearable && innerValue.value && !isDisabled.value && !isReadonly.value;
@@ -289,7 +295,11 @@ export default  _defineComponent({
         height: !props.autoHeight && props.minHeight
       });
     });
-    const __returned__ = { props, emit, bem, formContext, formItemContext, isDisabled, isReadonly, innerValue, setInnerValue, onInput, innerFocused, onFocus, onBlur, clearVisible, holdupClear, onClearTouchStart, onClearTouchEnd, onClearMouseDown, onClearClick, onLinechange, onConfirm, onKeyboardheightchange, inputClass, inputStyle, controlStyle, get classNames() {
+    const __returned__ = { props, emit, bem, formContext, formItemContext, isDisabled, isReadonly, innerValue, setInnerValue, onInput, innerFocused, get oldValue() {
+      return oldValue;
+    }, set oldValue(v) {
+      oldValue = v;
+    }, onFocus, onBlur, clearVisible, holdupClear, onClearTouchStart, onClearTouchEnd, onClearMouseDown, onClearClick, onLinechange, onConfirm, onKeyboardheightchange, inputClass, inputStyle, controlStyle, get classNames() {
       return classNames;
     }, SarIcon };
     return __returned__;

package/components/password-input/common.d.ts

@@ -20,5 +20,6 @@ export declare const defaultPasswordInputProps: {
 };
 export interface PasswordInputEmits {
     (e: 'update:model-value', value: string): void;
+    (e: 'change', value: string): void;
     (e: 'updat:focused', focused: boolean): void;
 }

package/components/password-input/password-input.d.ts

@@ -1,9 +1,11 @@
 import { type PasswordInputProps } from './common';
 declare const _default: import("vue").DefineComponent<PasswordInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: string) => any;
+    change: (value: string) => any;
     "updat:focused": (focused: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PasswordInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     "onUpdat:focused"?: ((focused: boolean) => any) | undefined;
 }>, {
     length: number;

package/components/password-input/password-input.vue

@@ -62,7 +62,7 @@ export default  _defineComponent({
     readonly: { type: Boolean, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultPasswordInputProps),
-  emits: ["update:model-value", "updat:focused"],
+  emits: ["update:model-value", "change", "updat:focused"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -90,6 +90,7 @@ export default  _defineComponent({
       const value = event.detail.value;
       innerValue.value = value;
       emit("update:model-value", value);
+      emit("change", value);
       return value;
     };
     const innerFocused = ref(props.focused);

package/components/picker/common.d.ts

@@ -22,6 +22,7 @@ export declare const defaultPickerProps: {
 };
 export interface PickerEmits {
     (e: 'update:model-value', value: any, selectedOptions: PickerOption[], indexes: number[]): void;
+    (e: 'change', value: any, selectedOptions: PickerOption[], indexes: number[]): void;
 }
 export declare const defaultOptionKeys: {
     label: string;

package/components/picker/picker.d.ts

@@ -1,8 +1,10 @@
 import { type PickerProps, type PickerOption } from './common';
 declare const _default: import("vue").DefineComponent<PickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any, selectedOptions: PickerOption[], indexes: number[]) => any;
+    change: (value: any, selectedOptions: PickerOption[], indexes: number[]) => any;
 }, string, import("vue").PublicProps, Readonly<PickerProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any, selectedOptions: PickerOption[], indexes: number[]) => any) | undefined;
+    onChange?: ((value: any, selectedOptions: PickerOption[], indexes: number[]) => any) | undefined;
 }>, {
     columns: PickerOption[] | PickerOption[][];
     immediateChange: boolean;

package/components/picker/picker.vue

@@ -55,7 +55,7 @@ export default  _defineComponent({
     modelValue: { type: null, required: false },
     immediateChange: { type: Boolean, required: false }
   }, defaultPickerProps),
-  emits: ["update:model-value"],
+  emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -131,6 +131,7 @@ export default  _defineComponent({
       );
       innerValue.value = nextValue;
       emit("update:model-value", nextValue, selectedOptions, indexes);
+      emit("change", nextValue, selectedOptions, indexes);
     };
     const getRenderedColumns = () => {
       switch (columnsType.value) {

package/components/picker-input/common.d.ts

@@ -13,4 +13,5 @@ export declare const defaultPickerInputProps: {
 export interface PickerInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
 }

package/components/picker-input/picker-input.d.ts

@@ -2,9 +2,11 @@ import { type PickerOption } from '../picker/common';
 import { type PickerInputProps } from './common';
 declare const _default: import("vue").DefineComponent<PickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
+    change: (value: any) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PickerInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     columns: PickerOption[] | PickerOption[][];

package/components/picker-input/picker-input.vue

@@ -79,7 +79,7 @@ export default  _defineComponent({
     loading: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultPickerInputProps),
-  emits: ["update:visible", "update:model-value"],
+  emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -113,6 +113,7 @@ export default  _defineComponent({
       }
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");
@@ -143,6 +144,7 @@ export default  _defineComponent({
       inputValue.value = "";
       innerValue.value = void 0;
       emit("update:model-value", void 0);
+      emit("change", void 0);
     };
     const innerVisible = ref(props.visible);
     watch(

package/components/popout-input/common.d.ts

@@ -13,5 +13,6 @@ export interface PopoutInputProps {
 export interface PopoutInputEmits {
     (e: 'click', event: any): void;
     (e: 'update:model-value', value: string): void;
+    (e: 'change', value: string): void;
     (e: 'clear'): void;
 }

package/components/popout-input/popout-input.d.ts

@@ -2,10 +2,12 @@ import { type PopoutInputProps } from './common';
 declare const _default: import("vue").DefineComponent<PopoutInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: string) => any;
     click: (event: any) => any;
+    change: (value: string) => any;
     clear: () => any;
 }, string, import("vue").PublicProps, Readonly<PopoutInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
     onClick?: ((event: any) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/popout-input/popout-input.vue

@@ -70,7 +70,7 @@ export default  _defineComponent({
     loading: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   },
-  emits: ["click", "update:model-value", "clear"],
+  emits: ["click", "update:model-value", "change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -87,6 +87,7 @@ export default  _defineComponent({
     const setInnerValue = (value) => {
       innerValue.value = value;
       emit("update:model-value", value);
+      emit("change", value);
     };
     watch(
       () => props.modelValue,

package/components/radio-input/common.d.ts

@@ -13,4 +13,5 @@ export declare const defaultRadioInputProps: {
 export interface RadioInputEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
 }

package/components/radio-input/radio-input.d.ts

@@ -1,9 +1,11 @@
 import { type RadioInputProps } from './common';
 declare const _default: import("vue").DefineComponent<RadioInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
+    change: (value: any) => any;
     "update:visible": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<RadioInputProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }>, {
     options: import("../radio/common").RadioGroupOption[];

package/components/radio-input/radio-input.vue

@@ -104,7 +104,7 @@ export default  _defineComponent({
     loading: { type: Boolean, required: false },
     multiline: { type: Boolean, required: false }
   }, defaultRadioInputProps),
-  emits: ["update:visible", "update:model-value"],
+  emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -136,6 +136,7 @@ export default  _defineComponent({
     const onConfirm = () => {
       innerValue.value = popoutValue.value;
       emit("update:model-value", popoutValue.value);
+      emit("change", popoutValue.value);
       inputValue.value = getInputValue();
     };
     const inputValue = ref("");
@@ -170,6 +171,7 @@ export default  _defineComponent({
       inputValue.value = "";
       innerValue.value = void 0;
       emit("update:model-value", void 0);
+      emit("change", void 0);
     };
     const innerVisible = ref(props.visible);
     watch(

package/components/rate/common.d.ts

@@ -27,4 +27,5 @@ export declare const defaultRateProps: {
 };
 export interface RateEmits {
     (e: 'update:model-value', value: number): void;
+    (e: 'change', value: number): void;
 }

package/components/rate/rate.d.ts

@@ -1,8 +1,10 @@
 import { type RateProps } from './common';
 declare const _default: import("vue").DefineComponent<RateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: number) => any;
+    change: (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<RateProps> & Readonly<{
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
+    onChange?: ((value: number) => any) | undefined;
 }>, {
     count: number;
     icon: string;

package/components/rate/rate.vue

@@ -97,7 +97,7 @@ export default  _defineComponent({
     readonly: { type: Boolean, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultRateProps),
-  emits: ["update:model-value"],
+  emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -164,6 +164,7 @@ export default  _defineComponent({
       if (nextValue !== void 0 && nextValue !== innerValue.value) {
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("change", nextValue);
       }
     };
     const onTouchStart = () => {
@@ -205,6 +206,7 @@ export default  _defineComponent({
       if (nextValue !== void 0 && nextValue !== innerValue.value) {
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("change", nextValue);
       }
     };
     const onMouseDown = useMouseDown(onTouchStart, onTouchMove);

package/components/search/common.d.ts

@@ -27,6 +27,8 @@ export interface SearchSlots {
 }
 export interface SearchEmits {
     (e: 'update:model-value', value: string): void;
+    (e: 'input', value: string): void;
+    (e: 'change', value: string): void;
     (e: 'cancel'): void;
     (e: 'search', value: string): void;
     (e: 'click', event: any): void;

package/components/search/search.d.ts

@@ -1,21 +1,11 @@
 import { type SearchProps, type SearchSlots } from './common';
 declare function __VLS_template(): Readonly<SearchSlots> & SearchSlots;
-declare const __VLS_component: import("vue").DefineComponent<SearchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: string) => any;
-    click: (event: any) => any;
-    blur: (event: any) => any;
-    cancel: () => any;
-    focus: (event: any) => any;
-    search: (value: string) => any;
-    clear: () => any;
+declare const __VLS_component: import("vue").DefineComponent<SearchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<SearchProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: string) => any) | undefined;
-    onClick?: ((event: any) => any) | undefined;
-    onBlur?: ((event: any) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    onFocus?: ((event: any) => any) | undefined;
-    onSearch?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     focus: boolean;
     shape: "round" | "square";

package/components/search/search.vue

@@ -17,6 +17,7 @@
         :root-style="inputStyle"
         :focus="focus"
         @update:model-value="onInput"
+        @change="onChange"
         @confirm="onConfirm"
         @clear="onClear"
         @focus="onFocus"
@@ -93,7 +94,7 @@ export default  _defineComponent({
     search: { type: String, required: false },
     focus: { type: Boolean, required: false }
   }, defaultSearchProps),
-  emits: ["update:model-value", "cancel", "search", "click", "clear", "focus", "blur"],
+  emits: ["update:model-value", "input", "change", "cancel", "search", "click", "clear", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -109,6 +110,10 @@ export default  _defineComponent({
     const onInput = (value) => {
       innerValue.value = value;
       emit("update:model-value", value);
+      emit("input", value);
+    };
+    const onChange = (value) => {
+      emit("change", value);
     };
     const onConfirm = () => {
       emit("search", innerValue.value);
@@ -155,7 +160,7 @@ export default  _defineComponent({
         backgroundColor: props.inputBackground
       });
     });
-    const __returned__ = { props, emit, bem, innerValue, onInput, onConfirm, onCancel, onClick, onClear, onFocus, onBlur, searchClass, searchStyle, inputClass, inputStyle, SarInput, SarIcon, SarButton };
+    const __returned__ = { props, emit, bem, innerValue, onInput, onChange, onConfirm, onCancel, onClick, onClear, onFocus, onBlur, searchClass, searchStyle, inputClass, inputStyle, SarInput, SarIcon, SarButton };
     return __returned__;
   }
 });

package/components/slider/common.d.ts

@@ -39,6 +39,7 @@ export interface SliderSlots {
 }
 export interface SliderEmits {
     (e: 'update:model-value', value: number | number[]): void;
+    (e: 'input', value: number | number[]): void;
     (e: 'change', value: number | number[]): void;
     (e: 'drag-start', event: TouchEvent): void;
     (e: 'drag-end', event: TouchEvent): void;

package/components/slider/slider.d.ts

@@ -3,11 +3,13 @@ declare function __VLS_template(): Readonly<SliderSlots> & SliderSlots;
 declare const __VLS_component: import("vue").DefineComponent<SliderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: number | number[]) => any;
     change: (value: number | number[]) => any;
+    input: (value: number | number[]) => any;
     "drag-start": (event: TouchEvent) => any;
     "drag-end": (event: TouchEvent) => any;
 }, string, import("vue").PublicProps, Readonly<SliderProps> & Readonly<{
     "onUpdate:model-value"?: ((value: number | number[]) => any) | undefined;
     onChange?: ((value: number | number[]) => any) | undefined;
+    onInput?: ((value: number | number[]) => any) | undefined;
     "onDrag-start"?: ((event: TouchEvent) => any) | undefined;
     "onDrag-end"?: ((event: TouchEvent) => any) | undefined;
 }>, {

package/components/slider/slider.vue

@@ -130,7 +130,7 @@ export default  _defineComponent({
     scalePosition: { type: String, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultSliderProps),
-  emits: ["update:model-value", "change", "drag-start", "drag-end"],
+  emits: ["update:model-value", "input", "change", "drag-start", "drag-end"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -200,6 +200,7 @@ export default  _defineComponent({
       if (nextValue !== void 0) {
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("input", nextValue);
         emit("change", nextValue);
       }
     };
@@ -258,6 +259,7 @@ export default  _defineComponent({
         moveValue = nextValue;
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("input", nextValue);
       }
     };
     const onTouchEnd = (event) => {
@@ -265,10 +267,10 @@ export default  _defineComponent({
       if (isDisabled.value || isReadonly.value) {
         return;
       }
+      emit("drag-end", event);
       if (!arrayEqual(toArray(downValue), toArray(innerValue.value))) {
         emit("change", innerValue.value);
       }
-      emit("drag-end", event);
     };
     const onMouseDown0 = useMouseDown(
       (event) => onTouchStart(event, 0),

package/components/stepper/common.d.ts

@@ -32,6 +32,7 @@ export declare const defaultStepperProps: {
 };
 export interface StepperEmits {
     (e: 'update:model-value', value: number | string | undefined): void;
+    (e: 'change', value: number | string | undefined): void;
     (e: 'focus', event: any): void;
     (e: 'blur', event: any): void;
 }

package/components/stepper/stepper.d.ts

@@ -2,10 +2,12 @@ import { type StepperProps } from './common';
 declare const _default: import("vue").DefineComponent<StepperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: string | number | undefined) => any;
     blur: (event: any) => any;
+    change: (value: string | number | undefined) => any;
     focus: (event: any) => any;
 }, string, import("vue").PublicProps, Readonly<StepperProps> & Readonly<{
     "onUpdate:model-value"?: ((value: string | number | undefined) => any) | undefined;
     onBlur?: ((event: any) => any) | undefined;
+    onChange?: ((value: string | number | undefined) => any) | undefined;
     onFocus?: ((event: any) => any) | undefined;
 }>, {
     min: number;

package/components/stepper/stepper.vue

@@ -95,7 +95,7 @@ export default  _defineComponent({
     validateEvent: { type: Boolean, required: false },
     size: { type: String, required: false }
   }, defaultStepperProps),
-  emits: ["update:model-value", "focus", "blur"],
+  emits: ["update:model-value", "change", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -124,6 +124,7 @@ export default  _defineComponent({
     const setInnerValue = (value) => {
       innerValue.value = value;
       emit("update:model-value", value);
+      emit("change", value);
     };
     const setValueEnsureSafe = (value) => {
       setInnerValue(value);

package/components/switch/common.d.ts

@@ -22,5 +22,6 @@ export declare const defaultSwitchProps: {
 export interface SwitchEmits {
     (e: 'click', event: any): void;
     (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
     (e: 'update:loading', loading: boolean): void;
 }

package/components/switch/switch.d.ts

@@ -2,10 +2,12 @@ import { type SwitchProps } from './common';
 declare const _default: import("vue").DefineComponent<SwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
     click: (event: any) => any;
+    change: (value: any) => any;
     "update:loading": (loading: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<SwitchProps> & Readonly<{
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
     onClick?: ((event: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
     "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
 }>, {
     validateEvent: boolean;

package/components/switch/switch.vue

@@ -41,7 +41,7 @@ export default  _defineComponent({
     beforeUpdate: { type: Function, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultSwitchProps),
-  emits: ["click", "update:model-value", "update:loading"],
+  emits: ["click", "update:model-value", "change", "update:loading"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -93,6 +93,7 @@ export default  _defineComponent({
       }
       innerValue.value = nextValue;
       emit("update:model-value", nextValue);
+      emit("change", nextValue);
     };
     const switchClass = computed(() => {
       return classNames(

package/components/upload/common.d.ts

@@ -45,6 +45,7 @@ export interface UploadSlots {
 }
 export interface UploadEmits {
     (e: 'update:model-value', value: UploadFileItem[]): void;
+    (e: 'change', value: UploadFileItem[]): void;
     (e: 'remove', index: number, item: UploadFileItem): void;
 }
 export interface ChainNode {

package/components/upload/upload.d.ts

@@ -2,9 +2,11 @@ import { type UploadProps, type UploadSlots, type UploadFile, type UploadFileIte
 declare function __VLS_template(): Readonly<UploadSlots> & UploadSlots;
 declare const __VLS_component: import("vue").DefineComponent<UploadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: UploadFileItem[]) => any;
+    change: (value: UploadFileItem[]) => any;
     remove: (index: number, item: UploadFileItem) => any;
 }, string, import("vue").PublicProps, Readonly<UploadProps> & Readonly<{
     "onUpdate:model-value"?: ((value: UploadFileItem[]) => any) | undefined;
+    onChange?: ((value: UploadFileItem[]) => any) | undefined;
     onRemove?: ((index: number, item: UploadFileItem) => any) | undefined;
 }>, {
     accept: "image" | "video";

package/components/upload/upload.vue

@@ -86,7 +86,7 @@ export default  _defineComponent({
     beforeRemove: { type: Function, required: false },
     validateEvent: { type: Boolean, required: false }
   }, defaultUploadProps),
-  emits: ["update:model-value", "remove"],
+  emits: ["update:model-value", "change", "remove"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -175,6 +175,7 @@ export default  _defineComponent({
       if (valid.length) {
         innerValue.value = [...innerValue.value, ...valid];
         emit("update:model-value", innerValue.value);
+        emit("change", innerValue.value);
         next(valid);
       }
     };
@@ -231,6 +232,7 @@ export default  _defineComponent({
       const list = innerValue.value.filter((_, i) => i !== index);
       innerValue.value = list;
       emit("update:model-value", list);
+      emit("change", list);
       emit("remove", index, item);
     };
     const onImageClick = (index) => {

package/package.json

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