!25 merge dev into main

!24 merge xingyan/fix-tree into dev

Created-by: xingyan
Commit-by: GreatZP;xingyan
Merged-by: GreatZP
Description: fix(Tree): 优化性能
fix: 更新版本号
!22 merge xingyan/fix-tree into dev
fix: 更新pnpm-lock文件
feat: Dropdown&Select&CategorySearch支持append-to-body
...

See merge request: DevCloudFE/vue-devui!25

Author: GreatZPP

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

@@ -111,6 +111,7 @@ export interface TextConfig {
   filterTitle?: string;
   labelConnector?: string;
   noCategoriesAvailable?: string;
+  tagMenuEmpty?: string;
 }
 export interface ExtendConfig {
   show?: boolean;
@@ -189,6 +190,7 @@ export const categorySearchProps = {
       filterTitle: '',
       labelConnector: '|',
       noCategoriesAvailable: '',
+      tagMenuEmpty: ''
     }),
   },
   extendConfig: {
@@ -198,6 +200,10 @@ export const categorySearchProps = {
     type: String as PropType<StyleType>,
     default: 'default',
   },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  }
 };
 export type CategorySearchProps = ExtractPropTypes<typeof categorySearchProps>;
 
@@ -208,6 +214,7 @@ export interface CategorySearchInjection {
   innerTextConfig: Ref<TextConfig>;
   tagMaxWidth: Ref<number | undefined> | undefined;
   inputReadOnly: Ref<boolean>;
+  appendToBody: Ref<boolean>;
   placeholder: Ref<string>;
   innerSearchKey: Ref<string>;
   innerSelectedTags: Ref<ICategorySearchTagItem[]>;

packages/devui-vue/devui/category-search/src/components/category-search-input.tsx

@@ -26,6 +26,7 @@ export default defineComponent({
 			currentSearchCategory,
 			ComponentMap,
 			currentSelectTag,
+			appendToBody,
 			onCategoryItemClick,
 			searchKeyChangeEvent,
 			searchInputValue,
@@ -77,6 +78,7 @@ export default defineComponent({
 						align='start'
 						position={['bottom-start', 'top-start', 'bottom-end', 'top-end']}
 						close-scope={checkType(currentSelectTag.value)}
+						append-to-body={appendToBody.value}
 						onToggle={onToggle}>
 						{{
 							default: () => (

packages/devui-vue/devui/category-search/src/components/category-search-save.tsx

@@ -10,7 +10,7 @@ export default defineComponent({
 	props: extendIconProps,
 	setup(props: ExtendIconProps) {
 		const { disabled } = toRefs(props);
-		const { innerTextConfig, filterNameRules, createFilterFn } = inject(categorySearchInjectionKey) as CategorySearchInjection;
+		const { innerTextConfig, filterNameRules, appendToBody, createFilterFn } = inject(categorySearchInjectionKey) as CategorySearchInjection;
 		const { isVisible, formRef, formData, inputRef, onConfirm, onToggle } = useCategorySearchSave(createFilterFn);
 
 		return () => (
@@ -22,6 +22,7 @@ export default defineComponent({
 					position={['bottom-start', 'top-start', 'bottom-end', 'top-end']}
 					close-scope='blank'
 					class='dp-save-panel'
+					append-to-body={appendToBody.value}
 					onToggle={onToggle}>
 					{{
 						default: () => <SaveIcon textConfig={innerTextConfig.value} onClick={() => (isVisible.value = !isVisible.value)} />,

packages/devui-vue/devui/category-search/src/components/category-search-tag-dropdown.tsx

@@ -9,7 +9,7 @@ export default defineComponent({
   props: categorySearchDropdownProps,
   setup(props: CategorySearchDropdownProps) {
     const { item, isJoinLabelType } = toRefs(props);
-    const { rootCtx, ComponentMap, onSearchKeyTagClick, addTagContext, removeTagContext } = inject(
+    const { rootCtx, ComponentMap, appendToBody, onSearchKeyTagClick, addTagContext, removeTagContext } = inject(
       categorySearchInjectionKey
     ) as CategorySearchInjection;
     const isVisible = ref(false);
@@ -50,6 +50,7 @@ export default defineComponent({
           position={['bottom-start', 'top-start', 'bottom-end', 'top-end']}
           class="dp-category-search-dropdown dp-dropdown-menu-fix"
           close-scope={checkType(item.value)}
+          append-to-body={appendToBody.value}
           onToggle={onToggle}>
           {{
             default: () => (

packages/devui-vue/devui/category-search/src/components/checkbox-menu.tsx

@@ -11,7 +11,7 @@ export default defineComponent({
 	emits: ['close'],
 	setup(props: TypeMenuProps, ctx: SetupContext) {
 		const { tag } = toRefs(props);
-		const { chooseItems } = inject(categorySearchInjectionKey) as CategorySearchInjection;
+		const { chooseItems, innerTextConfig } = inject(categorySearchInjectionKey) as CategorySearchInjection;
 		const onConfirmClick = () => {
 			chooseItems(tag.value);
 			ctx.emit('close');
@@ -36,7 +36,7 @@ export default defineComponent({
 					</div>
 				</>
 			) : (
-				<div class='dp-no-data-tip'>暂无数据</div>
+				<div class='dp-no-data-tip'>{ innerTextConfig.value.tagMenuEmpty || '暂无数据' }</div>
 			);
 	},
 });

packages/devui-vue/devui/category-search/src/components/label-menu.tsx

@@ -11,7 +11,7 @@ export default defineComponent({
 	emits: ['close'],
 	setup(props: TypeMenuProps, ctx: SetupContext) {
 		const { tag } = toRefs(props);
-		const { chooseItems } = inject(categorySearchInjectionKey) as CategorySearchInjection;
+		const { chooseItems, innerTextConfig } = inject(categorySearchInjectionKey) as CategorySearchInjection;
 		const onConfirmClick = () => {
 			chooseItems(tag.value);
 			ctx.emit('close');
@@ -56,7 +56,7 @@ export default defineComponent({
 					</div>
 				</>
 			) : (
-				<div class='dp-no-data-tip'>暂无数据</div>
+				<div class='dp-no-data-tip'>{ innerTextConfig.value.tagMenuEmpty || '暂无数据' }</div>
 			);
 	},
 });

packages/devui-vue/devui/category-search/src/components/radio-menu.tsx

@@ -7,7 +7,7 @@ export default defineComponent({
 	props: typeMenuProps,
 	setup(props: TypeMenuProps) {
 		const { tag } = toRefs(props);
-		const { chooseItem } = inject(categorySearchInjectionKey) as CategorySearchInjection;
+		const { chooseItem, innerTextConfig } = inject(categorySearchInjectionKey) as CategorySearchInjection;
 		const key = computed(() => tag.value.filterKey || 'label');
 
 		return () =>
@@ -23,7 +23,7 @@ export default defineComponent({
 					))}
 				</ul>
 			) : (
-				<div class='dp-no-data-tip'>暂无数据</div>
+				<div class='dp-no-data-tip'>{ innerTextConfig.value.tagMenuEmpty || '暂无数据' }</div>
 			);
 	},
 });

packages/devui-vue/devui/category-search/src/composables/use-category-search.ts

@@ -38,6 +38,7 @@ export function useCategorySearch(props: CategorySearchProps, ctx: SetupContext)
     showSearchCategory,
     filterNameRules,
     extendConfig,
+    appendToBody
   } = toRefs(props);
   const innerCategory: Ref<ICategorySearchTagItem[]> = ref([]);
   const innerSelectedTags: Ref<ICategorySearchTagItem[]> = ref([]);
@@ -368,6 +369,7 @@ export function useCategorySearch(props: CategorySearchProps, ctx: SetupContext)
     innerTextConfig,
     tagMaxWidth,
     inputReadOnly,
+    appendToBody,
     placeholder,
     innerSearchKey,
     innerSelectedTags,

packages/devui-vue/devui/dropdown/src/dropdown-types.ts

@@ -63,6 +63,10 @@ export const dropdownProps = {
     type: [String, Object] as PropType<TeleportProps['to']>,
     default: 'body',
   },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  }
 };
 
 export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;

packages/devui-vue/devui/dropdown/src/dropdown.tsx

@@ -51,7 +51,7 @@ export default defineComponent({
     return () => (
       <>
         <PopperTrigger>{slots.default?.()}</PopperTrigger>
-        <Teleport to={teleport.value}>
+        <Teleport to={teleport.value} disabled={!props.appendToBody}>
           <Transition name={showAnimation.value ? ns.m(`fade-${currentPosition.value}`) : ''}>
             <FlexibleOverlay
               v-model={overlayModelValue.value}