hy-app 0.2.13 → 0.2.15

package/components/hy-search/typing.d.ts

@@ -1,101 +1,122 @@
-import type { CSSProperties } from "vue";
-import type HyIconProps from "../hy-icon/typing";
+import type { CSSProperties } from 'vue'
+import type HyIconProps from '../hy-icon/typing'
 
 export default interface HySearchProps {
   /**
    * @description 输入框初始值
    * */
-  modelValue: string;
+  modelValue: string
   /**
    * @description 搜索框形状，circle-圆形，square-方形（默认 'circle' ）
    * */
-  shape?: HyApp.ShapeType;
+  shape?: HyApp.ShapeType
   /**
    * @description 搜索框背景颜色（默认 '#f2f2f2' ）
    * */
-  bgColor?: string;
+  bgColor?: string
   /**
    * @description 占位文字内容（默认 '请输入关键字' ）
    * */
-  placeholder?: string;
+  placeholder?: string
   /**
    * @description 是否启用清除控件（默认 true ）
    * */
-  clear?: boolean;
+  clear?: boolean
   /**
    * @description 是否自动获得焦点（默认 false ）
    * */
-  focus?: boolean;
+  focus?: boolean
   /**
    * @description 是否显示右侧控件（默认 true ）
    * */
-  showAction?: boolean;
+  showAction?: boolean
   /**
    * @description 右侧控件的样式，对象形式
    * */
-  actionStyle?: CSSProperties;
+  actionStyle?: CSSProperties
   /**
    * @description 右侧控件文字（默认 '搜索' ）
    * */
-  actionText?: string;
+  actionText?: string
   /**
    * @description 输入框内容水平对齐方式 （默认 'left' ）
    * */
-  inputAlign?: HyApp.RowCenterType;
+  inputAlign?: HyApp.RowCenterType
   /**
    * @description 自定义输入框样式，对象形式
    * */
-  inputStyle?: CSSProperties;
+  inputStyle?: CSSProperties
   /**
    * @description 是否启用输入框（默认 false ）
    * */
-  disabled?: boolean;
+  disabled?: boolean
   /**
    * @description 边框颜色，配置了颜色，才会有边框 (默认 'transparent' )
    * */
-  borderColor?: string;
+  borderColor?: string
   /**
    * @description 输入框字体颜色（默认 '#606266' ）
    * */
-  color?: string;
+  color?: string
   /**
    * @description placeholder的颜色（默认 '#909399' ）
    * */
-  placeholderColor?: string;
+  placeholderColor?: string
   /**
    * @description 输入框左边的图标属性集合，可以为图标名称或图片路径  (默认 'search' )
    * */
-  searchIcon?: Partial<HyIconProps>;
+  searchIcon?: Partial<HyIconProps>
   /**
    * @description 组件与其他上下左右之间的距离，带单位的字符串形式，如"30px"   (默认 '0' )
    * */
-  margin?: string;
+  margin?: string
   /**
    * @description 是否开启动画，见上方说明（默认 false ）
    * */
-  animation?: boolean;
+  animation?: boolean
   /**
    * @description 输入框最大能输入的长度，-1为不限制长度  (默认 '-1' )
    * */
-  maxlength?: string | number;
+  maxlength?: string | number
   /**
    * @description 输入框高度，单位px（默认 64 ）
    * */
-  height?: number;
+  height?: number
   /**
    * @description 搜索框左边显示内容
    * */
-  label?: string | null;
+  label?: string | null
   /**
    * @description 键盘弹起时，是否自动上推页面
    * */
-  adjustPosition?: boolean;
+  adjustPosition?: boolean
   /**
    * @description 键盘收起时，是否自动失去焦点
    * */
-  autoBlur?: boolean;
+  autoBlur?: boolean
   /**
    * @description 定义需要用到的外部样式
    * */
-  customStyle?: CSSProperties;
+  customStyle?: CSSProperties
+}
+
+export interface ISearchEmits {
+  /** disabled为true时，点击输入框，发出此事件，用于跳转搜索页 */
+  (e: 'click'): void
+  /** 输入框内容发生变化时触发 */
+  (e: 'change', value: string): void
+  /** 左侧icon点击时候时触发 */
+  (e: 'clickIcon'): void
+  /** 用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发 */
+  (e: 'search', value: string): void
+  /** 配置了clearabled后，清空内容时会发出此事件 */
+  (e: 'clear'): void
+  /** 用户点击右侧控件时触发 */
+  (e: 'confirm', value: string): void
+  /** 输入框获得焦点时触发 */
+  (e: 'focus', value: string): void
+  /** 输入框失去焦点时触发 */
+  (e: 'blur', value: string): void
+  /** 输入框内容发生变化时触发 */
+  (e: 'update:modelValue', value: string): void
 }