vue-devui 1.6.17 → 1.6.18

package/vue-devui.es.js

@@ -1765,7 +1765,7 @@ const autoCompleteProps = {
   },
   position: {
     type: Array,
-    default: ["bottom-end"]
+    default: () => ["bottom", "top", "left", "right"]
   },
   disabled: {
     type: Boolean,
@@ -2185,6 +2185,10 @@ const formProps = {
   appendToBodyScrollStrategy: {
     type: String,
     default: "reposition"
+  },
+  requirePosition: {
+    type: String,
+    default: "left"
   }
 };
 const FORM_TOKEN = "dForm";
@@ -8096,11 +8100,7 @@ const popoverProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["top", "right", "bottom", "left"]
   },
   offset: {
     type: [Number, Object],
@@ -8171,6 +8171,7 @@ function usePopover(props, visible, placement, origin, popoverRef) {
 function usePopoverEvent(props, visible, origin) {
   const { trigger, position, mouseEnterDelay, mouseLeaveDelay, disabled } = toRefs(props);
   const isClick = computed(() => trigger.value === "click");
+  const isHover = computed(() => trigger.value === "hover");
   const placement = ref(position.value[0].split("-")[0]);
   const isEnter = ref(false);
   const onClick = () => {
@@ -8189,13 +8190,13 @@ function usePopoverEvent(props, visible, origin) {
     if (disabled.value) {
       return;
     }
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = true;
       enter();
     }
   };
   const onMouseleave = () => {
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = false;
       leave();
     }
@@ -8345,7 +8346,6 @@ var Popover = defineComponent({
       content: content2,
       popType,
       position,
-      align,
       offset: offset2,
       showAnimation
     } = toRefs(props);
@@ -8387,7 +8387,6 @@ var Popover = defineComponent({
           "ref": popoverRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "class": [ns2.e("content"), popType.value !== "default" ? "is-icon" : ""],
           "show-arrow": true,
@@ -8509,7 +8508,8 @@ function useFormLabel() {
   }));
   const labelInnerClasses = computed(() => ({
     [`${ns2.e("label-span")}`]: true,
-    [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
+    [`${ns2.em("label", "required")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "left",
+    [`${ns2.em("label", "required-right")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "right",
     [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
   }));
   const tipsPopover = computed(() => {
@@ -9834,6 +9834,7 @@ var FormItem = defineComponent({
       layout: formContext.layout,
       labelSize: formContext.labelSize,
       labelAlign: formContext.labelAlign,
+      requiredPosition: formContext.requirePosition,
       helpTips: helpTips.value,
       formItemCtx: ctx2
     }));
@@ -10529,7 +10530,6 @@ var AutoComplete = defineComponent({
     const inputNs = useNamespace$1("auto-complete-input");
     const isDisabled = computed(() => (formContext == null ? void 0 : formContext.disabled) || disabled.value);
     const autoCompleteSize = computed(() => (formContext == null ? void 0 : formContext.size) || props.size);
-    const align = computed(() => position.value.some((item) => item.includes("start") || item.includes("end")) ? "start" : null);
     const {
       handleSearch,
       searchList,
@@ -10608,7 +10608,6 @@ var AutoComplete = defineComponent({
         default: () => [createVNode(FlexibleOverlay, {
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "modelValue": visible.value,
           "onUpdate:modelValue": ($event) => visible.value = $event,
           "onPositionChange": handlePositionChange,
@@ -11327,11 +11326,7 @@ const dropdownProps$1 = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["bottom", "top", "left", "right"]
   },
   offset: {
     type: [Number, Object],
@@ -11517,7 +11512,6 @@ var Dropdown$1 = defineComponent({
     const {
       visible,
       position,
-      align,
       offset: offset2,
       destroyOnHide,
       shiftOffset,
@@ -11575,7 +11569,6 @@ var Dropdown$1 = defineComponent({
           "ref": overlayRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "shiftOffset": shiftOffset == null ? void 0 : shiftOffset.value,
           "onPositionChange": handlePositionChange,
@@ -13928,7 +13921,6 @@ var Cascader = defineComponent({
           "modelValue": menuShow.value,
           "onUpdate:modelValue": ($event) => menuShow.value = $event,
           "position": position.value,
-          "align": "start",
           "style": styles.value,
           "onPositionChange": handlePositionChange
         }, {
@@ -14406,7 +14398,7 @@ var CategorySearchTag = defineComponent({
         var _a2, _b, _c, _d;
         return [rootCtx.slots[`${item.value.field}Tag`] ? rootCtx.slots[`${item.value.field}Tag`]({
           tag: item.value
-        }) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label]), createVNode("span", {
+        }) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label, createTextVNode(": ")]), createVNode("span", {
           "class": "dp-category-search-multi-tag",
           "style": {
             maxWidth: (tagMaxWidth == null ? void 0 : tagMaxWidth.value) + "px"
@@ -24305,7 +24297,7 @@ const datePickerProCommonProps = {
   },
   position: {
     type: Array,
-    default: () => ["bottom-start", "top-start"]
+    default: () => ["bottom-start", "top-start", "left-start", "right-start"]
   }
 };
 const datePickerProProps = __spreadValues({
@@ -26376,6 +26368,10 @@ const timePickerProps = {
   showGlowStyle: {
     type: Boolean,
     default: true
+  },
+  position: {
+    type: Array,
+    default: () => ["bottom", "top", "left", "right"]
   }
 };
 function useTimeScroll() {
@@ -27413,15 +27409,6 @@ var DatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
-    const align = computed(() => {
-      if (position.value.some((item) => item.includes("start"))) {
-        return "start";
-      }
-      if (position.value.some((item) => item.includes("end"))) {
-        return "end";
-      }
-      return void 0;
-    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27463,7 +27450,6 @@ var DatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -27663,15 +27649,6 @@ var DRangeDatePickerPro = defineComponent({
       transformOrigin: currentPosition.value === "top" ? "0% 100%" : "0% 0%",
       "z-index": "var(--devui-z-index-dropdown, 1052)"
     }));
-    const align = computed(() => {
-      if (position.value.some((item) => item.includes("start"))) {
-        return "start";
-      }
-      if (position.value.some((item) => item.includes("end"))) {
-        return "end";
-      }
-      return void 0;
-    });
     return () => {
       var _a2, _b;
       const vSlots = {
@@ -27733,7 +27710,6 @@ var DRangeDatePickerPro = defineComponent({
             "onUpdate:modelValue": ($event) => isPanelShow.value = $event,
             "ref": overlayRef,
             "origin": originRef.value,
-            "align": align.value,
             "position": position.value,
             "style": styles.value,
             "onPositionChange": handlePositionChange
@@ -33673,7 +33649,7 @@ const editableSelectProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
+    default: () => ["bottom", "top", "left", "right"]
   },
   options: {
     type: Array,
@@ -34206,7 +34182,6 @@ var EditableSelect = defineComponent({
       placeholder,
       maxLength
     } = toRefs(props);
-    const align = computed(() => position.value.some((item) => item.includes("start") || item.includes("end")) ? "start" : null);
     const {
       onInput,
       onMouseenter,
@@ -34273,7 +34248,6 @@ var EditableSelect = defineComponent({
           "onUpdate:modelValue": ($event) => states.visible = $event,
           "origin": originRef.value,
           "position": position.value,
-          "align": align.value,
           "style": styles.value,
           "onPositionChange": handlePositionChange
         }, {
@@ -36558,11 +36532,7 @@ const tooltipProps = {
   },
   position: {
     type: [String, Array],
-    default: "top"
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["top", "right", "bottom", "left"]
   },
   showAnimation: {
     type: Boolean,
@@ -36675,7 +36645,6 @@ var Tooltip = defineComponent({
     const {
       showAnimation,
       content: content2,
-      align,
       overlayClass,
       teleport
     } = toRefs(props);
@@ -36716,7 +36685,6 @@ var Tooltip = defineComponent({
           "class": className2.value,
           "origin": origin.value,
           "position": positionArr.value,
-          "align": align.value,
           "offset": 6,
           "show-arrow": true,
           "style": overlayStyles.value,
@@ -42544,6 +42512,10 @@ const selectProps = {
     type: Array,
     default: () => []
   },
+  position: {
+    type: Array,
+    default: () => ["bottom", "top", "left", "right"]
+  },
   size: {
     type: String,
     default: ""
@@ -43020,7 +42992,6 @@ var Select = defineComponent({
     });
     const isRender = ref(false);
     const currentPosition = ref("bottom");
-    const position = ref(["bottom-start", "top-start"]);
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
     };
@@ -43080,10 +43051,9 @@ var Select = defineComponent({
             "onUpdate:modelValue": ($event) => isRender.value = $event,
             "ref": dropdownRef,
             "origin": originRef.value,
-            "align": "start",
             "offset": 4,
             "fit-origin-width": true,
-            "position": position.value,
+            "position": props.position,
             "onPositionChange": handlePositionChange,
             "style": styles.value,
             "class": props.menuClass
@@ -43168,7 +43138,7 @@ const paginationProps = {
   },
   pageSizeDirection: {
     type: Array,
-    default: () => ["bottom", "top"]
+    default: () => ["bottom", "top", "left", "bottom"]
   },
   pageIndex: {
     type: Number,
@@ -50436,7 +50406,6 @@ var TimePicker = defineComponent({
     const activeMinute = ref("00");
     const activeSecond = ref("00");
     const format2 = props.format.toLowerCase();
-    const position = ref(["bottom-start", "top-start"]);
     const currentPosition = ref("bottom");
     const handlePositionChange = (pos) => {
       currentPosition.value = pos.split("-")[0] === "top" ? "top" : "bottom";
@@ -50516,8 +50485,7 @@ var TimePicker = defineComponent({
               "onUpdate:modelValue": ($event) => showPopup.value = $event,
               "ref": overlayRef,
               "origin": (_a2 = inputDom.value) == null ? void 0 : _a2.$el,
-              "position": position.value,
-              "align": "start",
+              "position": props.position,
               "style": styles.value,
               "onPositionChange": handlePositionChange
             }, {
@@ -54434,7 +54402,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.6.17",
+  version: "1.6.18",
   install(app) {
     installs.forEach((p) => app.use(p));
   }