feat(CategorySearch): 新增分类搜索组件 (#1802)

Author: xingyan95

packages/devui-vue/devui/category-search/index.ts

@@ -0,0 +1,15 @@
+import type { App } from 'vue';
+import CategorySearch from './src/category-search';
+
+export * from './src/category-search-types';
+
+export { CategorySearch };
+
+export default {
+	title: 'CategorySearch 分类搜索',
+	category: '演进中',
+	status: '100%',
+	install(app: App): void {
+		app.component(CategorySearch.name, CategorySearch);
+	}
+}

packages/devui-vue/devui/category-search/src/category-search-const.ts

@@ -0,0 +1,112 @@
+export const DELAY = 300;
+export const SearchKeyField = 'devuiCategorySearchKeyword';
+export const DROPDOWN_ANIMATION_TIMEOUT = 200;
+export const COLORS = [
+	'#f2f5fc',
+	'#e9edfa',
+	'#beccfa',
+	'#96adfa',
+	'#7693f5',
+	'#5e7ce0',
+	'#526ecc',
+	'#465eb8',
+	'#3c51a6',
+	'#344899',
+	'#2a3c85',
+	'#ebf6ff',
+	'#d1ebff',
+	'#b8e0ff',
+	'#9ed5ff',
+	'#85caff',
+	'#6cbfff',
+	'#4ea6e6',
+	'#3590cc',
+	'#207ab3',
+	'#0f6999',
+	'#035880',
+	'#edfff9',
+	'#cffcee',
+	'#acf2dc',
+	'#8be8cb',
+	'#6ddebb',
+	'#50d4ab',
+	'#3ac295',
+	'#27b080',
+	'#169e6c',
+	'#088c58',
+	'#007a45',
+	'#f0ffe6',
+	'#e5ffd4',
+	'#d8fcc0',
+	'#c5f2a7',
+	'#b3e890',
+	'#a6dd82',
+	'#92cc68',
+	'#7eba50',
+	'#6ca83b',
+	'#5e9629',
+	'#518519',
+	'#fffbf0',
+	'#fff1c2',
+	'#ffe794',
+	'#ffdc66',
+	'#ffd138',
+	'#fac20a',
+	'#e3aa00',
+	'#cc9600',
+	'#b58200',
+	'#9e6f00',
+	'#875c00',
+	'#fff3e8',
+	'#ffe1c7',
+	'#ffd0a6',
+	'#ffbf85',
+	'#ffad63',
+	'#fa9841',
+	'#e37d29',
+	'#cc6414',
+	'#b54e04',
+	'#9e3f00',
+	'#873400',
+	'#ffeeed',
+	'#ffd5d4',
+	'#ffbcba',
+	'#ffa4a1',
+	'#ff8b87',
+	'#f66f6a',
+	'#de504e',
+	'#c73636',
+	'#b02121',
+	'#991111',
+	'#820404',
+	'#ffedf3',
+	'#ffd4e3',
+	'#ffbad2',
+	'#ffa1c2',
+	'#fc86b0',
+	'#f3689a',
+	'#db4d83',
+	'#c4356e',
+	'#ad215b',
+	'#96114d',
+	'#800440',
+	'#f5f0ff',
+	'#e7d9ff',
+	'#d8c2ff',
+	'#caabff',
+	'#bc94ff',
+	'#a97af8',
+	'#8a5ce0',
+	'#6f42c9',
+	'#572db3',
+	'#3f1a9c',
+	'#2a0c85',
+];
+
+export function getSearchMessage(type: string) {
+	return `仅搜索关键字 '${type}'`;
+}
+
+export function getFindingMessage(msg: string) {
+	return `在 '${msg}' 中查找`;
+}