sard-uniapp 1.9.0 → 1.9.2

package/changelog.md

@@ -1,3 +1,21 @@
+## [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)
+
+
+### Bug Fixes
+
+* 修复qrcode 在app端报错的问题 ([c74cad5](https://github.com/sutras/sard-uniapp/commit/c74cad5cbe7dd733843713fd3500e15236719583))
+
+
+
 # [1.9.0](https://github.com/sutras/sard-uniapp/compare/v1.8.2...v1.9.0) (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/qrcode/common.d.ts

@@ -1,9 +1,10 @@
 import { type StyleValue } from 'vue';
+export type QrcodeECL = 'L' | 'M' | 'Q' | 'H';
 export interface QrcodeProps {
     rootStyle?: StyleValue;
     rootClass?: string;
     text?: string;
-    ecl?: 'L' | 'M' | 'Q' | 'H';
+    ecl?: QrcodeECL;
     type?: 'canvas' | 'image';
     size?: string;
     canvasSize?: number;
@@ -21,3 +22,6 @@ export declare const defaultQrcodeProps: {
     bgColor: string;
     quietZoneModules: number;
 };
+export interface QrcodeSlots {
+    default?(props: Record<string, never>): any;
+}

package/components/qrcode/index.d.ts

@@ -1 +1 @@
-export type { QrcodeProps } from './common';
+export type { QrcodeProps, QrcodeSlots, QrcodeECL } from './common';

package/components/qrcode/index.scss

@@ -3,10 +3,15 @@
 @include bem(qrcode) {
   @include b() {
     @include universal;
+    display: inline-flex;
   }
 
-  @include e(canvas) {
-    display: none;
+  @include e(canvas-wrapper) {
+    position: fixed;
+    left: -999999px;
+    opacity: 0;
+    pointer-events: none;
+    touch-action: none;
   }
 
   @include e(image) {

package/components/qrcode/qrcode.d.ts

@@ -1,7 +1,10 @@
 import { type QrcodeProps } from './common';
-declare const _default: import("vue").DefineComponent<QrcodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QrcodeProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<QrcodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QrcodeProps> & Readonly<{}>, {
     text: string;
-    ecl: "L" | "M" | "Q" | "H";
+    ecl: import("./common").QrcodeECL;
     size: string;
     type: "canvas" | "image";
     canvasSize: number;
@@ -9,4 +12,10 @@ declare const _default: import("vue").DefineComponent<QrcodeProps, {}, {}, {}, {
     bgColor: string;
     quietZoneModules: number;
 }, {}, {}, {}, 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;
+    };
+};