优化

packages/crud/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@cool-vue/crud",
-	"version": "7.1.25",
+	"version": "7.1.26",
 	"private": false,
 	"main": "./dist/index.umd.min.js",
 	"typings": "types/index.d.ts",

packages/crud/src/App.vue

@@ -9,7 +9,20 @@
 
 				<cl-flex1 />
 
-				<cl-search-key refreshOnInput></cl-search-key>
+				<cl-search-key
+					field="name"
+					:field-list="[
+						{
+							label: '昵称',
+							value: 'name'
+						},
+						{
+							label: '手机号',
+							value: 'phone'
+						}
+					]"
+					refreshOnInput
+				></cl-search-key>
 			</cl-row>
 
 			<cl-row>

packages/crud/src/components/search-key/index.tsx

@@ -26,7 +26,7 @@ export default defineComponent({
 		// 宽度
 		width: {
 			type: [String, Number],
-			default: 300
+			default: 260
 		},
 		// 是否实时刷新
 		refreshOnInput: Boolean
@@ -140,7 +140,6 @@ export default defineComponent({
 				<div class="cl-search-key">
 					<el-select
 						class="cl-search-key__select"
-						filterable
 						size={style.size}
 						v-model={selectField.value}
 						v-show={props.fieldList.length > 0}

packages/crud/src/main.ts

@@ -1,8 +1,8 @@
 import { createApp } from "vue";
 import App from "./App.vue";
-// import Crud, { locale } from "./index";
-import Crud, { locale } from "../dist/index.umd";
-import "../dist/index.css";
+import Crud, { locale } from "./index";
+// import Crud, { locale } from "../dist/index.umd";
+// import "../dist/index.css";
 
 import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";

packages/crud/src/static/index.scss

@@ -38,8 +38,8 @@
 	&__select {
 		margin-right: 10px;
 
-		.el-input__inner {
-			width: 60px;
+		&.el-select {
+			width: 100px;
 		}
 	}