@kine-design/core 0.0.1-beta.3 → 0.0.1-beta.5

package/.vlaude/last-session-id

@@ -0,0 +1 @@
+f4377795-16b1-4f6c-a26e-f3f958bef0f4

package/components/base/autoComplete/useAutoComplete.ts

@@ -12,7 +12,7 @@
  * 3. debounce：输入停止后延迟触发搜索，避免频繁请求
  * 4. loading 状态：搜索进行中显示加载指示
  */
-import { ref, toRef, onBeforeUnmount } from 'vue';
+import { ref, toRef, watch, onBeforeUnmount } from 'vue';
 import { AutoCompleteProps, AutoCompleteOption } from './props';
 
 export function useAutoComplete(props: AutoCompleteProps, ctx: any) {
@@ -21,6 +21,13 @@ export function useAutoComplete(props: AutoCompleteProps, ctx: any) {
   // --- 状态 ---
   /** 输入框当前文本，与 modelValue 保持同步 */
   const inputValue = ref(modelValueRef.value);
+
+  // 外部 modelValue 变化时同步到 inputValue（编辑回填等场景）
+  watch(modelValueRef, (v) => {
+    if (v !== inputValue.value) {
+      inputValue.value = v;
+    }
+  });
   /** 下拉是否展开 */
   const isOpen = ref(false);
   /** 搜索进行中 */

package/components/base/button/api.ts

@@ -22,7 +22,7 @@ export const props: MCOPO<ButtonProps> = {
   },
   size: {
     type: String as MPropType<'large' | 'medium' | 'small'>,
-    default: 'medium',
+    default: undefined,
     enum: ['large', 'medium', 'small'],
   },
 };

package/components/base/button/props.d.ts

@@ -11,6 +11,8 @@
  * 公司的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type ButtonProps = {
   /**
    * @description button inline text, will replace by slot
@@ -56,7 +58,7 @@ export declare type ButtonProps = {
    * @default medium
    * @enum large|medium|small
    */
-  size?: 'large' | 'medium' | 'small',
+  size?: KineSize,
 };
 
 export declare type ButtonEvents = {

package/components/base/datePicker/api.ts

@@ -15,4 +15,8 @@ export const props: MCOPO<DatePickerProps> = {
   format: { type: String, default: undefined },
   type: { type: String as MPropType<'date' | 'month' | 'datetime'>, default: 'date' },
   disabled: { type: Boolean, default: false },
+  readonly: { type: Boolean, default: false },
+  clearable: { type: Boolean, default: false },
+  size: { type: String as unknown as MPropType<NonNullable<DatePickerProps['size']>>, default: undefined },
+  disabledDate: { type: Function as MPropType<(date: Date) => boolean>, default: undefined },
 };

package/components/base/datePicker/props.d.ts

@@ -7,6 +7,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type DatePickerProps = {
   /**
    * @description 日期值
@@ -38,6 +40,30 @@ export declare type DatePickerProps = {
    * @default false
    */
   disabled?: boolean;
+  /**
+   * @description 是否只读
+   * @type boolean
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * @description whether to show clear button. 是否可清空
+   * @type boolean
+   * @default false
+   */
+  clearable?: boolean;
+  /**
+   * @description 尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize;
+  /**
+   * @description callback to determine if a date is disabled. 判断日期是否禁用的回调
+   * @type (date: Date) => boolean
+   * @default undefined
+   */
+  disabledDate?: (date: Date) => boolean;
 };
 
 /** 日历面板的显示模式 */

package/components/base/input/api.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { MCOPO } from '../../types/props';
+import { MCOPO, MPropType } from '../../types/props';
 import { InputProps } from './props';
 
 export const props: MCOPO<InputProps> = {
@@ -16,4 +16,8 @@ export const props: MCOPO<InputProps> = {
   readonly: { type: Boolean, default: false },
   disabled: { type: Boolean, default: false },
   autofocus: { type: Boolean, default: false },
+  clearable: { type: Boolean, default: false },
+  size: { type: String as unknown as MPropType<NonNullable<InputProps['size']>>, default: undefined },
+  maxlength: { type: Number, default: undefined },
+  showWordLimit: { type: Boolean, default: false },
 };

package/components/base/input/props.d.ts

@@ -12,6 +12,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { HTMLElementEvent } from '../../types/template';
+import { KineSize } from '../../types/props';
 
 export declare type InputProps = {
   /**
@@ -50,7 +51,31 @@ export declare type InputProps = {
    * @type boolean
    * @default false
    */
-  autofocus?: boolean
+  autofocus?: boolean,
+  /**
+   * @description whether to show clear button. 是否可清空
+   * @type boolean
+   * @default false
+   */
+  clearable?: boolean,
+  /**
+   * @description input size. 输入框尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize,
+  /**
+   * @description max character length. 最大输入长度
+   * @type number
+   * @default undefined
+   */
+  maxlength?: number,
+  /**
+   * @description whether to show word count. 是否显示字数统计
+   * @type boolean
+   * @default false
+   */
+  showWordLimit?: boolean
 };
 
 export declare type InputEvents = {

package/components/base/input/useInput.ts

@@ -25,6 +25,7 @@ export function useInput<
     disabled: props.disabled,
     type: props.type,
     readOnly: props.readonly,
+    maxLength: props.maxlength,
   }
 
   const onInput = (e: HTMLElementEvent<HTMLInputElement>)=>{
@@ -40,6 +41,12 @@ export function useInput<
     ctx.emit('blur', e);
   }
 
+  const onClear = () => {
+    ctx.emit('update:modelValue', '');
+    ctx.emit('input', '');
+    ctx.emit('clear');
+  }
+
   return {
     baseProps,
     inputType,
@@ -47,7 +54,8 @@ export function useInput<
     rowInfo,
     onInput,
     onFocus,
-    onBlur
+    onBlur,
+    onClear,
   }
 
 }

package/components/base/inputNumber/api.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { MCOPO } from '../../types/props';
+import { MCOPO, MPropType } from '../../types/props';
 import { InputNumberProps } from './props';
 
 export const props: MCOPO<InputNumberProps> = {
@@ -18,4 +18,6 @@ export const props: MCOPO<InputNumberProps> = {
   readonly: { type: Boolean, default: false },
   step: { type: Number, default: 1 },
   precision: { type: Number, default: 0 },
+  controls: { type: Boolean, default: true },
+  size: { type: String as unknown as MPropType<NonNullable<InputNumberProps['size']>>, default: undefined },
 };

package/components/base/inputNumber/props.d.ts

@@ -12,6 +12,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type InputNumberProps = {
   /**
    * @description input-number modelValue
@@ -60,5 +62,17 @@ export declare type InputNumberProps = {
    * @type string
    * @default ''
    */
-  placeholder?: string
+  placeholder?: string,
+  /**
+   * @description whether to show increase/decrease buttons. 是否显示增减按钮
+   * @type boolean
+   * @default true
+   */
+  controls?: boolean,
+  /**
+   * @description 尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize
 };

package/components/base/loading/api.ts

@@ -11,7 +11,7 @@ import { LoadingProps } from './props';
 
 export const props: MCOPO<LoadingProps> = {
   modelValue: { type: Boolean, default: false },
-  size: { type: String as unknown as MPropType<NonNullable<LoadingProps['size']>>, default: 'medium' },
+  size: { type: String as unknown as MPropType<NonNullable<LoadingProps['size']>>, default: undefined },
   mask: { type: Boolean, default: false },
   text: { type: String, default: undefined },
 };

package/components/base/loading/props.d.ts

@@ -11,6 +11,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type LoadingProps = {
   /**
    * @description 是否显示 loading
@@ -23,7 +25,7 @@ export declare type LoadingProps = {
    * @type 'large' | 'medium' | 'small'
    * @default 'medium'
    */
-  size?: 'large' | 'medium' | 'small';
+  size?: KineSize;
   /**
    * @description 是否显示遮罩层（覆盖父元素）
    * @type boolean

package/components/base/progress/api.ts

@@ -7,12 +7,14 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { MCOPO, MPropType } from '../../types/props';
-import { ProgressProps, ProgressStatus } from './props';
+import { ProgressProps, ProgressStatus, ProgressType } from './props';
 
 export const props: MCOPO<ProgressProps> = {
+  type: { type: String as unknown as MPropType<ProgressType>, default: 'line' },
   value: { type: Number, default: 0 },
   max: { type: Number, default: 100 },
   showInfo: { type: Boolean, default: true },
   status: { type: String as unknown as MPropType<ProgressStatus>, default: 'default' },
   strokeWidth: { type: Number, default: 4 },
+  width: { type: Number, default: 80 },
 };

package/components/base/progress/props.d.ts

@@ -14,7 +14,15 @@
 
 export declare type ProgressStatus = 'default' | 'success' | 'warning' | 'danger';
 
+export declare type ProgressType = 'line' | 'circle';
+
 export declare type ProgressProps = {
+  /**
+   * @description progress type. 进度条类型：line 线性 | circle 环形
+   * @type ProgressType
+   * @default 'line'
+   */
+  type?: ProgressType,
   /**
    * @description progress value
    *              进度条的值（0 ~ max）
@@ -50,4 +58,11 @@ export declare type ProgressProps = {
    * @default 4
    */
   strokeWidth?: number,
+  /**
+   * @description circle diameter in px (only for type='circle')
+   *              环形进度条直径（px），仅 type='circle' 时生效
+   * @type number
+   * @default 80
+   */
+  width?: number,
 };

package/components/base/select/api.ts

@@ -28,4 +28,7 @@ export const props: MCOPO<SelectProps> = {
   optionsH: { type: [Number, String], default: undefined },
   needFetch: { type: Boolean, default: false },
   fetch: { type: Function as MPropType<() => Promise<void>>, default: undefined },
+  clearable: { type: Boolean, default: false },
+  size: { type: String as unknown as MPropType<NonNullable<SelectProps['size']>>, default: undefined },
+  loading: { type: Boolean, default: false },
 };

package/components/base/select/props.d.ts

@@ -15,6 +15,8 @@
  * v1.0.2 新增 filterable prop，支持内置搜索过滤 阿怪
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type SelectProps = {
   /**
    * @description select value
@@ -128,5 +130,23 @@ export declare type SelectProps = {
    * @type Function
    * @default undefined
    */
-  fetch?: () => Promise<void>
+  fetch?: () => Promise<void>,
+  /**
+   * @description whether to show clear button. 是否可清空
+   * @type boolean
+   * @default false
+   */
+  clearable?: boolean,
+  /**
+   * @description select size. 选择框尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize,
+  /**
+   * @description whether to show loading indicator. 是否显示加载中状态
+   * @type boolean
+   * @default false
+   */
+  loading?: boolean,
 };

package/components/base/slider/api.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { MCOPO } from '../../types/props';
+import { MCOPO, MPropType } from '../../types/props';
 import { SliderProps } from './props';
 
 export const props: MCOPO<SliderProps> = {
@@ -17,4 +17,6 @@ export const props: MCOPO<SliderProps> = {
   disabled: { type: Boolean, default: false },
   showInfo: { type: Boolean, default: false },
   showStops: { type: Boolean, default: false },
+  readonly: { type: Boolean, default: false },
+  size: { type: String as unknown as MPropType<NonNullable<SliderProps['size']>>, default: undefined },
 };

package/components/base/slider/props.d.ts

@@ -12,6 +12,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type SliderProps = {
   /**
    * @description slider value
@@ -62,4 +64,16 @@ export declare type SliderProps = {
    * @default false
    */
   showStops?: boolean;
+  /**
+   * @description slider readonly. 是否只读
+   * @type boolean
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * @description 尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize;
 };

package/components/base/slider/useSlider.ts

@@ -25,7 +25,10 @@ export function useSlider(props: Required<SliderProps>, ctx: any) {
   const sub = props.max - props.min;
 
   // 处理拖拽移动，计算并约束位置，更新百分比
-  const movePositionHandler = (event: InteractEvent, position: DragPosition) => {
+  const movePositionHandler = (event: InteractEvent, position: DragPosition): DragPosition => {
+    if (props.readonly) {
+      return position;
+    }
     const totalW = sliderSize.w.value - btnW;
 
     let positionX = position.x + event.dx;

package/components/base/tag/api.ts

@@ -11,7 +11,7 @@ import { TagProps } from './props';
 
 export const props: MCOPO<TagProps> = {
   type: { type: String as MPropType<'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'>, default: 'default' },
-  size: { type: String as MPropType<'large' | 'medium' | 'small'>, default: 'medium' },
+  size: { type: String as MPropType<'large' | 'medium' | 'small'>, default: undefined },
   closable: { type: Boolean, default: false },
   disabled: { type: Boolean, default: false },
 };

package/components/base/tag/props.d.ts

@@ -12,6 +12,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type TagProps = {
   /**
    * @description tag type
@@ -28,7 +30,7 @@ export declare type TagProps = {
    * @default medium
    * @enum large|medium|small
    */
-  size?: 'large' | 'medium' | 'small';
+  size?: KineSize;
   /**
    * @description 是否显示关闭按钮
    * @type boolean

package/components/base/timePicker/api.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { MCOPO } from '../../types/props';
+import { MCOPO, MPropType } from '../../types/props';
 import { TimePickerProps } from './props';
 
 export const props: MCOPO<TimePickerProps> = {
@@ -18,4 +18,7 @@ export const props: MCOPO<TimePickerProps> = {
   hourStep: { type: Number, default: 1 },
   minuteStep: { type: Number, default: 1 },
   secondStep: { type: Number, default: 1 },
+  readonly: { type: Boolean, default: false },
+  clearable: { type: Boolean, default: false },
+  size: { type: String as unknown as MPropType<NonNullable<TimePickerProps['size']>>, default: undefined },
 };

package/components/base/timePicker/props.d.ts

@@ -7,6 +7,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { KineSize } from '../../types/props';
+
 export declare type TimePickerProps = {
   /**
    * @description 时间值（字符串，如 "14:30:00"）
@@ -56,6 +58,24 @@ export declare type TimePickerProps = {
    * @default 1
    */
   secondStep?: number;
+  /**
+   * @description 是否只读
+   * @type boolean
+   * @default false
+   */
+  readonly?: boolean;
+  /**
+   * @description whether to show clear button. 是否可清空
+   * @type boolean
+   * @default false
+   */
+  clearable?: boolean;
+  /**
+   * @description 尺寸
+   * @type KineSize
+   * @default undefined
+   */
+  size?: KineSize;
 };
 
 /** 时间内部引用 */

package/components/base/tooltip/api.ts

@@ -16,4 +16,5 @@ export const props: MCOPO<TooltipProps> = {
     default: 'top',
   },
   disabled: { type: Boolean, default: false },
+  maxWidth: { type: String, default: undefined },
 };

package/components/base/tooltip/props.d.ts

@@ -31,4 +31,10 @@ export declare type TooltipProps = {
    * @default false
    */
   disabled?: boolean;
+  /**
+   * @description max width of tooltip content. 浮层最大宽度
+   * @type string
+   * @default undefined
+   */
+  maxWidth?: string;
 };

package/components/message/dialog/api.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { MCOPO } from '../../types/props';
+import { MCOPO, MPropType } from '../../types/props';
 import { DialogProps } from './props';
 
 export const props: MCOPO<DialogProps> = {
@@ -16,4 +16,5 @@ export const props: MCOPO<DialogProps> = {
   teleport: { type: Object, default: () => ({ to: 'body' }) },
   title: { type: String, default: undefined },
   width: { type: String, default: undefined },
+  beforeClose: { type: Function as unknown as MPropType<NonNullable<DialogProps['beforeClose']>>, default: undefined },
 };

package/components/message/dialog/props.d.ts

@@ -52,4 +52,11 @@ export declare type DialogProps = {
    * @default undefined
    */
   width?: string;
+  /**
+   * @description callback before close, return false or Promise.reject to prevent close
+   *              关闭前的回调，返回 false 或 reject 的 Promise 可阻止关闭
+   * @type () => boolean | Promise<boolean>
+   * @default undefined
+   */
+  beforeClose?: () => boolean | Promise<boolean>;
 };

package/components/message/drawer/api.ts

@@ -29,4 +29,5 @@ export const props: MCOPO<DrawerProps> = {
   title: { type: String, default: undefined },
   width: { type: String, default: undefined },
   height: { type: String, default: undefined },
+  beforeClose: { type: Function as unknown as MPropType<NonNullable<DrawerProps['beforeClose']>>, default: undefined },
 };

package/components/message/drawer/props.d.ts

@@ -70,4 +70,11 @@ export declare type DrawerProps = {
    * @default undefined
    */
   height?: string,
+  /**
+   * @description callback before close, return false or Promise.reject to prevent close
+   *              关闭前的回调，返回 false 或 reject 的 Promise 可阻止关闭
+   * @type () => boolean | Promise<boolean>
+   * @default undefined
+   */
+  beforeClose?: () => boolean | Promise<boolean>,
 };

package/components/types/props.d.ts

@@ -50,3 +50,8 @@ type MPropMethod<T, TConstructor = any> = [T] extends [
   : never
 
 export type MPropType<T> = MPropConstructor<T> | MPropConstructor<T>[];
+
+/**
+ * @description unified component size variants
+ */
+export type KineSize = 'large' | 'medium' | 'small';

package/compositions/common/useComponentSize.ts

@@ -0,0 +1,17 @@
+/**
+ * @description composable for unified component size with global injection support
+ * @author 阿怪
+ * @date 2026/4/7
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { computed, inject, type InjectionKey, type Ref } from 'vue';
+import { KineSize } from '../../components/types/props';
+
+export const KINE_SIZE_KEY: InjectionKey<Ref<KineSize>> = Symbol('kine-size');
+
+export function useComponentSize(props: { size?: KineSize }): Ref<KineSize> {
+  const globalSize = inject(KINE_SIZE_KEY, undefined);
+  return computed(() => props.size ?? globalSize?.value ?? 'medium');
+}

package/dist/components/base/input/useInput.d.ts

@@ -7,6 +7,7 @@ export declare function useInput<Props extends Record<string, any>>(props: Props
         disabled: any;
         type: any;
         readOnly: any;
+        maxLength: any;
     };
     inputType: string;
     inputClass: string;
@@ -18,4 +19,5 @@ export declare function useInput<Props extends Record<string, any>>(props: Props
     onInput: (e: HTMLElementEvent<HTMLInputElement>) => void;
     onFocus: (e: FocusEvent) => void;
     onBlur: (e: FocusEvent) => void;
+    onClear: () => void;
 };

package/dist/compositions/common/useComponentSize.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+import { KineSize } from '../../components/types/props';
+export declare const KINE_SIZE_KEY: InjectionKey<Ref<KineSize>>;
+export declare function useComponentSize(props: {
+    size?: KineSize;
+}): Ref<KineSize>;

package/dist/core.js

@@ -56,6 +56,22 @@ var props$49 = {
 	autofocus: {
 		type: Boolean,
 		default: false
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	maxlength: {
+		type: Number,
+		default: void 0
+	},
+	showWordLimit: {
+		type: Boolean,
+		default: false
 	}
 };
 //#endregion
@@ -71,7 +87,8 @@ function useInput(props, ctx) {
 		placeholder: props.placeholder,
 		disabled: props.disabled,
 		type: props.type,
-		readOnly: props.readonly
+		readOnly: props.readonly,
+		maxLength: props.maxlength
 	};
 	const onInput = (e) => {
 		ctx.emit("update:modelValue", e.target.value);
@@ -83,6 +100,11 @@ function useInput(props, ctx) {
 	const onBlur = (e) => {
 		ctx.emit("blur", e);
 	};
+	const onClear = () => {
+		ctx.emit("update:modelValue", "");
+		ctx.emit("input", "");
+		ctx.emit("clear");
+	};
 	return {
 		baseProps,
 		inputType,
@@ -90,7 +112,8 @@ function useInput(props, ctx) {
 		rowInfo,
 		onInput,
 		onFocus,
-		onBlur
+		onBlur,
+		onClear
 	};
 }
 //#endregion
@@ -144,7 +167,7 @@ var props$48 = {
 	},
 	size: {
 		type: String,
-		default: "medium",
+		default: void 0,
 		enum: [
 			"large",
 			"medium",
@@ -255,6 +278,18 @@ var props$47 = {
 	fetch: {
 		type: Function,
 		default: void 0
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	loading: {
+		type: Boolean,
+		default: false
 	}
 };
 //#endregion
@@ -799,7 +834,7 @@ var TagCore = { props: {
 	},
 	size: {
 		type: String,
-		default: "medium"
+		default: void 0
 	},
 	closable: {
 		type: Boolean,
@@ -813,6 +848,10 @@ var TagCore = { props: {
 //#endregion
 //#region components/base/progress/api.ts
 var props$43 = {
+	type: {
+		type: String,
+		default: "line"
+	},
 	value: {
 		type: Number,
 		default: 0
@@ -832,6 +871,10 @@ var props$43 = {
 	strokeWidth: {
 		type: Number,
 		default: 4
+	},
+	width: {
+		type: Number,
+		default: 80
 	}
 };
 //#endregion
@@ -1032,6 +1075,14 @@ var props$39 = {
 	precision: {
 		type: Number,
 		default: 0
+	},
+	controls: {
+		type: Boolean,
+		default: true
+	},
+	size: {
+		type: String,
+		default: void 0
 	}
 };
 //#endregion
@@ -1171,6 +1222,14 @@ var props$38 = {
 	showStops: {
 		type: Boolean,
 		default: false
+	},
+	readonly: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
 	}
 };
 //#endregion
@@ -1293,6 +1352,7 @@ function useSlider(props, ctx) {
 	const btnW = 20;
 	const sub = props.max - props.min;
 	const movePositionHandler = (event, position) => {
+		if (props.readonly) return position;
 		const totalW = sliderSize.w.value - btnW;
 		let positionX = position.x + event.dx;
 		if (positionX > totalW) positionX = totalW;
@@ -1792,6 +1852,10 @@ var props$36 = {
 	disabled: {
 		type: Boolean,
 		default: false
+	},
+	maxWidth: {
+		type: String,
+		default: void 0
 	}
 };
 //#endregion
@@ -1913,7 +1977,7 @@ var LoadingCore = { props: {
 	},
 	size: {
 		type: String,
-		default: "medium"
+		default: void 0
 	},
 	mask: {
 		type: Boolean,
@@ -1961,6 +2025,10 @@ var DialogCore = { props: {
 	width: {
 		type: String,
 		default: void 0
+	},
+	beforeClose: {
+		type: Function,
+		default: void 0
 	}
 } };
 //#endregion
@@ -2008,6 +2076,10 @@ var DrawerCore = { props: {
 	height: {
 		type: String,
 		default: void 0
+	},
+	beforeClose: {
+		type: Function,
+		default: void 0
 	}
 } };
 //#endregion
@@ -2598,6 +2670,22 @@ var props$25 = {
 	disabled: {
 		type: Boolean,
 		default: false
+	},
+	readonly: {
+		type: Boolean,
+		default: false
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	disabledDate: {
+		type: Function,
+		default: void 0
 	}
 };
 //#endregion
@@ -4872,8 +4960,12 @@ var props$10 = {
 * 4. loading 状态：搜索进行中显示加载指示
 */
 function useAutoComplete(props, ctx) {
+	const modelValueRef = toRef(() => props.modelValue ?? "");
 	/** 输入框当前文本，与 modelValue 保持同步 */
-	const inputValue = ref(toRef(() => props.modelValue ?? "").value);
+	const inputValue = ref(modelValueRef.value);
+	watch(modelValueRef, (v) => {
+		if (v !== inputValue.value) inputValue.value = v;
+	});
 	/** 下拉是否展开 */
 	const isOpen = ref(false);
 	/** 搜索进行中 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kine-design/core",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.5",
   "description": "",
   "type": "module",
   "main": "./dist/core.js",