@wx-design/components 1.4.10 → 1.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wx-design/components",
-  "version": "1.4.10",
+  "version": "1.5.1",
   "description": "",
   "type": "module",
   "main": "./lib/index.js",

package/types/index.d.ts

@@ -1,31 +1,43 @@
-import { VxeTablePropTypes } from 'vxe-table'
-import { App, Plugin } from 'vue'
-import { SabTable, SabTableSet, SabDesignConfigProvider } from './table'
+import { VxeTablePropTypes } from "vxe-table";
+import { App, Plugin } from "vue";
+import { SabTable, SabTableSet, SabDesignConfigProvider } from "./table";
 
-import { SabSelect } from './select'
-import { SabModal } from './modal'
+import { SabSelect } from "./select";
+import { SabModal } from "./modal";
+import { SabInput } from "./input";
 
-export { SabTable, SabTableSet, SabDesignConfigProvider, SabSelect, SabModal }
+export {
+  SabTable,
+  SabTableSet,
+  SabDesignConfigProvider,
+  SabSelect,
+  SabModal,
+  SabInput,
+};
 
-declare module '@vue/runtime-core' {
+declare module "@vue/runtime-core" {
   export interface GlobalComponents {
     // 表格
-    SabTable: typeof SabTable
-    SabTableSet: typeof SabTableSet
+    SabTable: typeof SabTable;
+    SabTableSet: typeof SabTableSet;
 
     // 下拉选择器
-    SabSelect: typeof SabSelect
+    SabSelect: typeof SabSelect;
+
     // 弹窗
-    SabModal: typeof SabModal
+    SabModal: typeof SabModal;
+
+    // 输入框
+    SabInput: typeof SabInput;
 
     // 全局配置项
-    SabDesignConfigProvider: typeof SabDesignConfigProvider
+    SabDesignConfigProvider: typeof SabDesignConfigProvider;
   }
 }
 
 export namespace SABTable {
-  export * from './table'
-  export import SabTablePropTypes = VxeTablePropTypes
+  export * from "./table";
+  export import SabTablePropTypes = VxeTablePropTypes;
 }
 
-export const SabUI: Plugin
+export const SabUI: Plugin;

package/types/input/index.d.ts

@@ -0,0 +1,83 @@
+import type { SABComponent } from "../common";
+
+// 自定义插槽
+export interface SabInputSlots {
+  default?(): any;
+  prefix?(): any;
+  suffix?(): any;
+  prepend?(): any;
+  append?(): any;
+}
+
+// 事件
+export interface SabInputEvents {
+  onFocus?(event: FocusEvent): void;
+  onBlur?(event: FocusEvent): void;
+  onInput?(value: string): void;
+  onChange?(value: string): void;
+  onClear?(): void;
+  onEnter?(event: KeyboardEvent): void;
+}
+
+export type SabInputProps = {
+  // 浮动标签文本
+  label?: string;
+  // 占位符（可选，默认使用 label）
+  placeholder?: string;
+  // 绑定值
+  modelValue?: string | number;
+  // 禁用状态
+  disabled?: boolean;
+  // 是否可清空
+  clearable?: boolean;
+  // 显示密码切换按钮
+  showPassword?: boolean;
+  // 输入框类型
+  type?: "text" | "textarea" | "password" | "number" | "email" | "url" | "tel" | "search";
+  // 输入框尺寸
+  size?: "large" | "default" | "small";
+  // 最大长度
+  maxlength?: number;
+  // 最小长度
+  minlength?: number;
+  // 是否显示字数统计
+  showWordLimit?: boolean;
+  // 是否必填
+  required?: boolean;
+  // 是否显示必填标记
+  showRequiredMark?: boolean;
+  // 是否只读
+  readonly?: boolean;
+  // 自定义前缀图标
+  prefixIcon?: string | any;
+  // 自定义后缀图标
+  suffixIcon?: string | any;
+  // 前置内容
+  prepend?: string;
+  // 后置内容
+  append?: string;
+  // 最大值（type=number时有效）
+  max?: number;
+  // 最小值（type=number时有效）
+  min?: number;
+  // 步长（type=number时有效）
+  step?: number;
+  // 是否显示必填标记
+  validateEvent?: boolean;
+  // 输入框唯一标识
+  name?: string;
+  // 行数（type=textarea时有效）
+  rows?: number;
+  // 是否自适应内容高度（type=textarea时有效）
+  autosize?: boolean | { minRows?: number; maxRows?: number };
+  // 自动补全
+  autocomplete?: string;
+  // 输入框样式类名
+  class?: string;
+  // 输入框包裹器样式类名
+  wrapperClass?: string;
+  // 是否显示标签
+  showLabel?: boolean;
+};
+
+export const SabInput: SABComponent<SabInputProps, SabInputEvents, SabInputSlots>;