vue-devui 1.6.34-alpha.0 → 1.6.34-alpha.1

package/types/breadcrumb/src/breadcrumb-item.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
         position: import("../../dropdown/src/dropdown-types").Placement[];
         visible: boolean;
+        appendToBody: boolean;
         showAnimation: boolean;
         trigger: import("../../dropdown/src/dropdown-types").TriggerType;
         closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;
@@ -33,6 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
         position: import("../../dropdown/src/dropdown-types").Placement[];
         visible: boolean;
+        appendToBody: boolean;
         showAnimation: boolean;
         trigger: import("../../dropdown/src/dropdown-types").TriggerType;
         closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;
@@ -47,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
         position: import("../../dropdown/src/dropdown-types").Placement[];
         visible: boolean;
+        appendToBody: boolean;
         showAnimation: boolean;
         trigger: import("../../dropdown/src/dropdown-types").TriggerType;
         closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;

package/types/breadcrumb/src/breadcrumb.d.ts

@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
             offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
             position: import("../../dropdown/src/dropdown-types").Placement[];
             visible: boolean;
+            appendToBody: boolean;
             showAnimation: boolean;
             trigger: import("../../dropdown/src/dropdown-types").TriggerType;
             closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;
@@ -43,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
             offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
             position: import("../../dropdown/src/dropdown-types").Placement[];
             visible: boolean;
+            appendToBody: boolean;
             showAnimation: boolean;
             trigger: import("../../dropdown/src/dropdown-types").TriggerType;
             closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;
@@ -57,6 +59,7 @@ declare const _default: import("vue").DefineComponent<{
             offset: number | import("../../dropdown/src/dropdown-types").OffsetOptions;
             position: import("../../dropdown/src/dropdown-types").Placement[];
             visible: boolean;
+            appendToBody: boolean;
             showAnimation: boolean;
             trigger: import("../../dropdown/src/dropdown-types").TriggerType;
             closeScope: import("../../dropdown/src/dropdown-types").CloseScopeArea;

package/types/category-search/src/category-search-types.d.ts

@@ -113,6 +113,7 @@ export interface TextConfig {
     filterTitle?: string;
     labelConnector?: string;
     noCategoriesAvailable?: string;
+    tagMenuEmpty?: string;
 }
 export interface ExtendConfig {
     show?: boolean;
@@ -190,6 +191,7 @@ export declare const categorySearchProps: {
             filterTitle: string;
             labelConnector: string;
             noCategoriesAvailable: string;
+            tagMenuEmpty: string;
         };
     };
     extendConfig: {
@@ -199,6 +201,10 @@ export declare const categorySearchProps: {
         type: PropType<StyleType>;
         default: string;
     };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type CategorySearchProps = ExtractPropTypes<typeof categorySearchProps>;
 export interface CategorySearchInjection {
@@ -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[]>;

package/types/dropdown/src/dropdown-types.d.ts

@@ -51,6 +51,10 @@ export declare const dropdownProps: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
 export interface UseDropdownProps {

package/types/dropdown/src/dropdown.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<{
     offset: number | import("./dropdown-types").OffsetOptions;
     position: import("./dropdown-types").Placement[];
     visible: boolean;
+    appendToBody: boolean;
     showAnimation: boolean;
     trigger: import("./dropdown-types").TriggerType;
     closeScope: import("./dropdown-types").CloseScopeArea;
@@ -15,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     offset: number | import("./dropdown-types").OffsetOptions;
     position: import("./dropdown-types").Placement[];
     visible: boolean;
+    appendToBody: boolean;
     showAnimation: boolean;
     trigger: import("./dropdown-types").TriggerType;
     closeScope: import("./dropdown-types").CloseScopeArea;
@@ -29,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     offset: number | import("./dropdown-types").OffsetOptions;
     position: import("./dropdown-types").Placement[];
     visible: boolean;
+    appendToBody: boolean;
     showAnimation: boolean;
     trigger: import("./dropdown-types").TriggerType;
     closeScope: import("./dropdown-types").CloseScopeArea;

package/types/select/src/select-types.d.ts

@@ -117,6 +117,10 @@ export declare const selectProps: {
     readonly maxLength: {
         readonly type: NumberConstructor;
     };
+    readonly appendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 };
 export type SelectProps = ExtractPropTypes<typeof selectProps>;
 export type OptionModelValue = number | string;

package/vue-devui.es.js

@@ -11551,6 +11551,10 @@ const dropdownProps$1 = {
   teleport: {
     type: [String, Object],
     default: "body"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const dropdownMap = /* @__PURE__ */ new Map();
@@ -11770,7 +11774,8 @@ var Dropdown$1 = defineComponent({
         return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
       }
     }), createVNode(Teleport, {
-      "to": teleport.value
+      "to": teleport.value,
+      "disabled": !props.appendToBody
     }, {
       default: () => [createVNode(Transition, {
         "name": showAnimation.value ? ns2.m(`fade-${currentPosition.value}`) : ""
@@ -14576,7 +14581,8 @@ const categorySearchProps = {
       createFilter: "",
       filterTitle: "",
       labelConnector: "|",
-      noCategoriesAvailable: ""
+      noCategoriesAvailable: "",
+      tagMenuEmpty: ""
     })
   },
   extendConfig: {
@@ -14585,6 +14591,10 @@ const categorySearchProps = {
   styleType: {
     type: String,
     default: "default"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const categorySearchInjectionKey = Symbol("d-category-search");
@@ -14676,6 +14686,7 @@ var CategorySearchTagDropdown = defineComponent({
     const {
       rootCtx,
       ComponentMap,
+      appendToBody,
       onSearchKeyTagClick,
       addTagContext,
       removeTagContext
@@ -14715,6 +14726,7 @@ var CategorySearchTagDropdown = 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: () => createVNode("li", {
@@ -14790,6 +14802,7 @@ var CategorySearchInput = defineComponent({
       currentSearchCategory,
       ComponentMap,
       currentSelectTag,
+      appendToBody,
       onCategoryItemClick,
       searchKeyChangeEvent,
       searchInputValue,
@@ -14848,6 +14861,7 @@ var CategorySearchInput = 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: () => createVNode("input", {
@@ -15109,6 +15123,7 @@ var CategorySearchSave = defineComponent({
     const {
       innerTextConfig,
       filterNameRules,
+      appendToBody,
       createFilterFn
     } = inject(categorySearchInjectionKey);
     const {
@@ -15130,6 +15145,7 @@ var CategorySearchSave = 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: () => createVNode(SaveIcon, {
@@ -15229,7 +15245,8 @@ var RadioMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItem
+      chooseItem,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const key = computed(() => tag2.value.filterKey || "label");
     return () => {
@@ -15247,7 +15264,7 @@ var RadioMenu = defineComponent({
         }, [createVNode("span", null, [item[key.value]])]);
       })]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15260,7 +15277,8 @@ var CheckboxMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15292,7 +15310,7 @@ var CheckboxMenu = defineComponent({
         default: () => [createTextVNode("\u53D6\u6D88")]
       })])]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15308,7 +15326,8 @@ var LabelMenu = defineComponent({
       tag: tag2
     } = toRefs(props);
     const {
-      chooseItems
+      chooseItems,
+      innerTextConfig
     } = inject(categorySearchInjectionKey);
     const onConfirmClick = () => {
       chooseItems(tag2.value);
@@ -15365,7 +15384,7 @@ var LabelMenu = defineComponent({
         default: () => [createTextVNode("\u53D6\u6D88")]
       })])]) : createVNode("div", {
         "class": "dp-no-data-tip"
-      }, [createTextVNode("\u6682\u65E0\u6570\u636E")]);
+      }, [innerTextConfig.value.tagMenuEmpty || "\u6682\u65E0\u6570\u636E"]);
     };
   }
 });
@@ -15802,7 +15821,8 @@ function useCategorySearch(props, ctx2) {
     toggleScrollToTail,
     showSearchCategory,
     filterNameRules,
-    extendConfig
+    extendConfig,
+    appendToBody
   } = toRefs(props);
   const innerCategory = ref([]);
   const innerSelectedTags = ref([]);
@@ -16095,6 +16115,7 @@ function useCategorySearch(props, ctx2) {
     innerTextConfig,
     tagMaxWidth,
     inputReadOnly,
+    appendToBody,
     placeholder,
     innerSearchKey,
     innerSelectedTags,
@@ -42735,6 +42756,10 @@ const selectProps = {
   },
   maxLength: {
     type: Number
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 };
 const optionProps = {
@@ -43175,7 +43200,8 @@ var Select = defineComponent({
       }, [createVNode(SelectContent, {
         "ref": selectRef
       }, null), createVNode(Teleport, {
-        "to": "body"
+        "to": "body",
+        "disabled": !props.appendToBody
       }, {
         default: () => [createVNode(Transition, {
           "name": `fade-${currentPosition.value}`
@@ -54787,7 +54813,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.34-alpha.0",
+  version: "1.6.34-alpha.1",
   install(app) {
     installs.forEach((p) => app.use(p));
   }