vue-devui 1.5.11-hotfix.1 → 1.5.12

package/types/checkbox/src/checkbox-button.d.ts

@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue" | "update:checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly checked: {
@@ -126,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }>>, {
     readonly name: string;
@@ -133,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly color: string;
     readonly label: string;
     readonly disabled: boolean;
+    readonly size: "sm" | "md" | "lg";
     readonly onChange: (v: boolean) => void;
     readonly checked: boolean;
     readonly modelValue: boolean;

package/types/checkbox/src/checkbox-group.d.ts

@@ -71,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly modelValue: {
@@ -144,6 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }>>, {
     readonly max: number;
@@ -155,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly options: ({
         value: string;
     } & Partial<import("./checkbox-types").CheckboxProps>)[];
+    readonly size: "sm" | "md" | "lg";
     readonly onChange: (v: string[]) => void;
     readonly showAnimation: boolean;
     readonly 'onUpdate:modelValue': (v: string[]) => void;

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

@@ -64,6 +64,7 @@ export declare const checkboxProps: {
     };
     readonly size: {
         readonly type: PropType<Size>;
+        readonly default: "md";
     };
 };
 export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
@@ -139,6 +140,7 @@ export declare const checkboxGroupProps: {
     };
     readonly size: {
         readonly type: PropType<Size>;
+        readonly default: "md";
     };
 };
 export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
@@ -165,8 +167,8 @@ export declare type UseCheckboxFn = {
     mergedIsShowTitle: ComputedRef<boolean | undefined>;
     mergedShowAnimation: ComputedRef<boolean>;
     mergedColor: ComputedRef<string | undefined>;
-    itemWidth: number | undefined;
-    direction: string | undefined;
+    itemWidth: Ref<number | undefined> | undefined;
+    direction: Ref<string | undefined> | undefined;
     size: ComputedRef<string>;
     border: ComputedRef<boolean>;
     handleClick: (event: Event) => void;

package/types/checkbox/src/checkbox.d.ts

@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue" | "update:checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly checked: {
@@ -126,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly size: {
         readonly type: import("vue").PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
     };
 }>>, {
     readonly name: string;
@@ -133,6 +135,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly color: string;
     readonly label: string;
     readonly disabled: boolean;
+    readonly size: "sm" | "md" | "lg";
     readonly onChange: (v: boolean) => void;
     readonly checked: boolean;
     readonly modelValue: boolean;

package/types/radio/src/radio-button.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly canCancelSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly modelValue: {
         type: import("vue").PropType<import("./radio-types").valueTypes>;
         default: null;
@@ -38,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly canCancelSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly modelValue: {
         type: import("vue").PropType<import("./radio-types").valueTypes>;
         default: null;
@@ -64,5 +72,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly modelValue: import("./radio-types").valueTypes;
     readonly beforeChange: (value: import("./radio-types").valueTypes) => boolean | Promise<boolean>;
+    readonly canCancelSelect: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { InjectionKey, PropType, Ref, ExtractPropTypes, ComputedRef } from 'vue';
-export declare type valueTypes = string | number | boolean;
+export declare type valueTypes = string | number | boolean | undefined;
 export declare type sizeTypes = 'lg' | 'md' | 'sm';
 /** radio 的 props */
 export declare const radioProps: {
@@ -13,6 +13,10 @@ export declare const radioProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly canCancelSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly modelValue: {
         type: PropType<valueTypes>;
         default: null;

package/types/radio/src/radio.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly canCancelSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly modelValue: {
         type: import("vue").PropType<import("./radio-types").valueTypes>;
         default: null;
@@ -38,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly canCancelSelect: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly modelValue: {
         type: import("vue").PropType<import("./radio-types").valueTypes>;
         default: null;
@@ -64,5 +72,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly modelValue: import("./radio-types").valueTypes;
     readonly beforeChange: (value: import("./radio-types").valueTypes) => boolean | Promise<boolean>;
+    readonly canCancelSelect: boolean;
 }>;
 export default _default;

package/types/transfer/src/components/transfer-panel.d.ts

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
             [key: string]: any;
         }>>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "updateAllChecked" | "changeChecked" | "changeButtonState", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "updateAllChecked" | "changeChecked" | "updateData" | "changeButtonState", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: {
         readonly type: StringConstructor;
         readonly default: "";

package/types/transfer/src/composables/use-transfer-panel.d.ts

@@ -80,5 +80,5 @@ export declare const transferPanelState: (props: TTransferPanelProps, ctx: Setup
     changeAllCheckedHandle: (value: boolean) => void;
     updateModelValueHandle: (value: TKey) => void;
     updateCheckedDataHandle: (value: TKey[]) => void;
-    updateDataHandle: (startValue: TKey, endValue: TKey) => void;
+    updateDataHandle: (startValue: TKey, endValue: TKey, position: number) => void;
 };

package/types/transfer/src/composables/use-transfer.d.ts

@@ -25,6 +25,6 @@ export declare const transferState: (props: TTransferProps, ctx: SetupContext) =
     updateTargetCheckedHandle: (value: TKey[]) => void;
     toMoveTargetHandle: () => void;
     toMoveSourceHandle: () => void;
-    updateSourceDataHandle: (startValue: TKey, endValue: TKey) => void;
-    updateTargetDataHandle: (startValue: TKey, endValue: TKey) => void;
+    updateSourceDataHandle: (startValue: TKey, endValue: TKey, position: number) => void;
+    updateTargetDataHandle: (startValue: TKey, endValue: TKey, position: number) => void;
 };

package/types/transfer/src/transfer.d.ts

@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
             [key: string]: any;
         }>>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "change" | "update:modelValue" | "sourceDragEnd" | "targetDragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly modelValue: {
         readonly type: import("vue").PropType<string | number[]>;
         readonly default: () => never[];

package/vue-devui.es.js

@@ -12443,7 +12443,8 @@ const commonProps$2 = {
     default: void 0
   },
   size: {
-    type: String
+    type: String,
+    default: "md"
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps$2), {
@@ -12544,8 +12545,8 @@ function useCheckbox(props, ctx2) {
     var _a;
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
   });
-  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
-  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth;
+  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction;
   const canChange = (checked, val) => {
     var _a;
     if (mergedDisabled.value) {
@@ -12562,15 +12563,14 @@ function useCheckbox(props, ctx2) {
     return Promise.resolve(true);
   };
   const toggle = () => {
-    const current = !isChecked.value;
+    const current = !mergedChecked.value;
     checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
     ctx2.emit("update:checked", current);
     ctx2.emit("update:modelValue", current);
     ctx2.emit("change", current);
   };
-  const handleClick = ($event) => {
-    $event.stopPropagation();
-    canChange(!isChecked.value, props.label).then((res) => res && toggle());
+  const handleClick = () => {
+    canChange(!mergedChecked.value, props.label).then((res) => res && toggle());
   };
   const size = computed(() => props.size || (checkboxGroupConf == null ? void 0 : checkboxGroupConf.size.value) || (formContext == null ? void 0 : formContext.size) || "md");
   const border = computed(() => {
@@ -12578,7 +12578,8 @@ function useCheckbox(props, ctx2) {
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.border.value) != null ? _a : props.border;
   });
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   });
   return {
     mergedChecked,
@@ -12636,7 +12637,8 @@ function useCheckboxGroup(props, ctx2) {
     }
   };
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   }, { deep: true });
   const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
   provide(checkboxGroupInjectionKey, {
@@ -12673,7 +12675,7 @@ var Checkbox = defineComponent({
   props: checkboxProps,
   emits: ["change", "update:checked", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("checkbox");
+    const ns2 = useNamespace("checkbox");
     const {
       mergedChecked,
       mergedDisabled,
@@ -12688,11 +12690,11 @@ var Checkbox = defineComponent({
     } = useCheckbox(props, ctx2);
     return () => {
       var _a, _b;
-      const wrapperCls = {
-        [ns2.e("column-margin")]: direction === "column",
-        [ns2.e("wrap")]: typeof itemWidth !== "undefined"
-      };
-      const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+      const wrapperCls = computed(() => ({
+        [ns2.e("column-margin")]: (direction == null ? void 0 : direction.value) === "column",
+        [ns2.e("wrap")]: typeof (itemWidth == null ? void 0 : itemWidth.value) !== "undefined"
+      }));
+      const wrapperStyle = computed(() => (itemWidth == null ? void 0 : itemWidth.value) ? [`width: ${itemWidth.value}px`] : []);
       const checkboxCls = {
         [ns2.b()]: true,
         active: mergedChecked.value,
@@ -12723,8 +12725,8 @@ var Checkbox = defineComponent({
         indeterminate: props.halfChecked
       };
       return createVNode("div", {
-        "class": wrapperCls,
-        "style": wrapperStyle
+        "class": wrapperCls.value,
+        "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
       }, [createVNode("label", {
@@ -12732,7 +12734,7 @@ var Checkbox = defineComponent({
         "onClick": handleClick,
         "class": labelCls,
         "style": {
-          width: itemWidth ? "100%" : "auto"
+          width: (itemWidth == null ? void 0 : itemWidth.value) ? "100%" : "auto"
         }
       }, [createVNode("input", mergeProps({
         "name": props.name || props.value,
@@ -12774,7 +12776,7 @@ var DCheckboxGroup = defineComponent({
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("checkbox");
+    const ns2 = useNamespace("checkbox");
     const {
       defaultOpt
     } = useCheckboxGroup(props, ctx2);
@@ -12820,7 +12822,7 @@ var CheckboxButton = defineComponent({
   props: checkboxProps,
   emits: ["change", "update:checked", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("checkbox-button");
+    const ns2 = useNamespace("checkbox-button");
     const {
       mergedChecked,
       mergedDisabled,
@@ -20739,7 +20741,7 @@ var TimeScroll = defineComponent({
   name: "DTimeScroll",
   props: timePickerProps,
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("scroll-box");
+    const ns2 = useNamespace("scroll-box");
     const {
       scrollBoxDom,
       scrollThumbDom,
@@ -20799,11 +20801,11 @@ var TimeScroll = defineComponent({
 });
 var index$2 = "";
 var PopupLine = defineComponent({
-  name: "DTimeList",
+  name: "DPopupLine",
   props: popupLineProps,
   emits: ["change"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("time-list");
+    const ns2 = useNamespace("popup-line");
     const timeListDom = ref();
     const {
       getNewTime,
@@ -25392,8 +25394,8 @@ function useEditorMd(props, ctx2) {
           }
           if (imageUploadToServer.value) {
             const callback = ({ name, imgUrl, title }) => {
-              editorRef.value.focus();
-              editorRef.value.replaceSelection(`![${name}](${imgUrl} '${title}')`);
+              editorIns.focus();
+              editorIns.replaceSelection(`![${name}](${imgUrl} '${title}')`);
             };
             ctx2.emit("imageUpload", { file, callback });
           }
@@ -33880,6 +33882,10 @@ const radioProps = __spreadProps(__spreadValues({}, radioCommonProps), {
   border: {
     type: Boolean,
     default: false
+  },
+  canCancelSelect: {
+    type: Boolean,
+    default: false
   }
 });
 const radioGroupProps = __spreadProps(__spreadValues({}, radioCommonProps), {
@@ -33936,7 +33942,14 @@ function useRadio(props, ctx2) {
     return flag;
   };
   const handleChange = async (event) => {
-    const _value = props.value;
+    let _value;
+    if (props.canCancelSelect && isChecked.value) {
+      _value = void 0;
+    } else if (isChecked.value) {
+      return;
+    } else {
+      _value = props.value;
+    }
     const canChange = await judgeCanChange(_value);
     if (!canChange) {
       event.preventDefault();
@@ -34008,7 +34021,7 @@ var Radio = defineComponent({
   props: radioProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("radio");
+    const ns2 = useNamespace("radio");
     const {
       isChecked,
       radioName,
@@ -34038,7 +34051,7 @@ var Radio = defineComponent({
         "name": radioName.value,
         "class": ns2.e("input"),
         "disabled": isDisabled.value,
-        "onChange": handleChange,
+        "onClick": handleChange,
         "value": props.value,
         "checked": isChecked.value
       }, null), createVNode("span", {
@@ -34081,7 +34094,7 @@ var RadioGroup = defineComponent({
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("radio-group");
+    const ns2 = useNamespace("radio-group");
     useRadioGroup(props, ctx2);
     return () => {
       const getContent = () => {
@@ -34116,7 +34129,7 @@ var RadioButton = defineComponent({
   props: radioProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("radio-button");
+    const ns2 = useNamespace("radio-button");
     const {
       isChecked,
       radioName,
@@ -35293,7 +35306,7 @@ function useSliderEvent(props, ctx2) {
       handleButtonMousedown(event);
     }
   }
-  watch(() => props.modelValue, () => {
+  watch([() => props.modelValue, () => props.max, () => props.min], () => {
     currentValue.value = Number(props.modelValue);
     if (currentValue.value > props.max) {
       percentDisplay.value = "100%";
@@ -35313,7 +35326,7 @@ var Slider = defineComponent({
   props: sliderProps,
   emits: ["update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("slider");
+    const ns2 = useNamespace("slider");
     const {
       sliderRunway,
       popoverShow,
@@ -36990,7 +37003,7 @@ var Switch = defineComponent({
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("switch");
+    const ns2 = useNamespace("switch");
     const {
       toggle,
       checked,
@@ -39575,7 +39588,7 @@ function useTimePicker(hh, mm, ss, format2, props) {
     showPopup.value = true;
   };
   const clickVerifyFun = () => {
-    if (props.disabled || props.readonly) {
+    if (props.disabled) {
       return;
     }
     mouseInputFun();
@@ -39686,7 +39699,7 @@ var TimePopup = defineComponent({
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DTimePopup", app);
-    const ns2 = useNamespace$1("time-popup");
+    const ns2 = useNamespace("time-popup");
     const popupDome = ref();
     const timeListDom = ref();
     const hourList = initializeTimeData("hour");
@@ -39759,7 +39772,7 @@ var TimePicker = defineComponent({
   props: timePickerProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("time-picker");
+    const ns2 = useNamespace("time-picker");
     const activeHour = ref("00");
     const activeMinute = ref("00");
     const activeSecond = ref("00");
@@ -39807,10 +39820,11 @@ var TimePicker = defineComponent({
         "disabled": props.disabled,
         "readonly": props.readonly,
         "size": props.size,
-        "onFocus": withModifiers(clickVerifyFun, ["stop"])
+        "onFocus": clickVerifyFun
       }, {
         suffix: () => createVNode("span", {
-          "class": "time-input-icon"
+          "class": "time-input-icon",
+          "onClick": clickVerifyFun
         }, [createVNode("span", {
           "onClick": clearAll,
           "class": "clear-button"
@@ -40414,8 +40428,8 @@ const transferPanelState = (props, ctx2) => {
     query.value = value;
     props.search && typeof props.search === "function" && props.search(props.direction, filterData.value, value);
   };
-  const updateDataHandle = (startValue, endValue) => {
-    ctx2.emit(`updateData`, startValue, endValue);
+  const updateDataHandle = (startValue, endValue, position) => {
+    ctx2.emit(`updateData`, startValue, endValue, position);
   };
   watchEffect(() => {
     updateAllCheckedHandle();
@@ -40489,7 +40503,7 @@ var transferHeader = defineComponent({
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DTransfer", app);
-    const ns2 = useNamespace$1("transfer");
+    const ns2 = useNamespace("transfer");
     const {
       allCheckedChangeHandle
     } = transferHeaderState$1(props, ctx2);
@@ -40647,7 +40661,7 @@ const transferBodyState = (props, ctx2) => {
     if (props.drop && typeof props.drop === "function") {
       props.drop(event, item);
     }
-    ctx2.emit("updateDataPosition", dragHighlight.value, item.value);
+    ctx2.emit("updateDataPosition", dragHighlight.value, item.value, dropPosition.value);
   };
   const dragendHandle = (event, item) => {
     event.stopPropagation();
@@ -40705,7 +40719,7 @@ var transferBody = defineComponent({
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DTransferBody", app);
-    const ns2 = useNamespace$1("transfer");
+    const ns2 = useNamespace("transfer");
     const {
       bodyHeight,
       query,
@@ -40784,7 +40798,6 @@ var transferBody = defineComponent({
           "class": {
             [ns2.em("panel", "body-list-item")]: true,
             [ns2.em("panel", "body-list-drag-dragging")]: dragHighlight.value === item.value,
-            [ns2.em("panel", "body-list-drag-over")]: isEqual && dropPosition.value === 0,
             [ns2.em("panel", "body-list-drag-over-top")]: isEqual && dropPosition.value === -1,
             [ns2.em("panel", "body-list-drag-over-bottom")]: isEqual && dropPosition.value === 1
           },
@@ -40845,11 +40858,11 @@ var transferPanel = defineComponent({
     transferBody
   },
   props: transferPanelProps,
-  emits: ["updateAllChecked", "changeButtonState", "changeChecked"],
+  emits: ["updateAllChecked", "changeButtonState", "changeChecked", "updateData"],
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DTransfer", app);
-    const ns2 = useNamespace$1("transfer");
+    const ns2 = useNamespace("transfer");
     const {
       allChecked,
       allHalfchecked,
@@ -40898,8 +40911,8 @@ var transferPanel = defineComponent({
         "onUpdateQueryString": (value) => {
           updateModelValueHandle(value);
         },
-        "onUpdateDataPosition": (startValue, endValue) => {
-          updateDataHandle(startValue, endValue);
+        "onUpdateDataPosition": (startValue, endValue, position) => {
+          updateDataHandle(startValue, endValue, position);
         }
       }, null)]);
     };
@@ -40940,7 +40953,7 @@ var transferOperate = defineComponent({
   },
   props: transferOperateProps,
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("transfer");
+    const ns2 = useNamespace("transfer");
     const {
       toTargetHandle,
       toSourceHandle
@@ -41147,15 +41160,35 @@ const transferState = (props, ctx2) => {
       dropItem
     };
   };
-  const updateSourceDataHandle = (startValue, endValue) => {
-    const { startIndex, endIndex, dragItem, dropItem } = getDargItemAndDropItem(startValue, endValue, "source");
-    sourceData.value.splice(endIndex, 1, dragItem);
-    sourceData.value.splice(startIndex, 1, dropItem);
+  const updateSourceDataHandle = (startValue, endValue, position) => {
+    const { startIndex, endIndex, dragItem } = getDargItemAndDropItem(startValue, endValue, "source");
+    let end = endIndex;
+    if (position === 1) {
+      end = endIndex + 1;
+    }
+    if (startIndex < end) {
+      sourceData.value.splice(end, 0, dragItem);
+      sourceData.value.splice(startIndex, 1);
+    } else {
+      sourceData.value.splice(startIndex, 1);
+      sourceData.value.splice(end, 0, dragItem);
+    }
+    ctx2.emit("sourceDragEnd", [...sourceData.value]);
   };
-  const updateTargetDataHandle = (startValue, endValue) => {
-    const { startIndex, endIndex, dragItem, dropItem } = getDargItemAndDropItem(startValue, endValue, "target");
-    targetData.value.splice(endIndex, 1, dragItem);
-    targetData.value.splice(startIndex, 1, dropItem);
+  const updateTargetDataHandle = (startValue, endValue, position) => {
+    const { startIndex, endIndex, dragItem } = getDargItemAndDropItem(startValue, endValue, "target");
+    let end = endIndex;
+    if (position === 1) {
+      end = endIndex + 1;
+    }
+    if (startIndex < end) {
+      targetData.value.splice(end, 0, dragItem);
+      targetData.value.splice(startIndex, 1);
+    } else {
+      targetData.value.splice(startIndex, 1);
+      targetData.value.splice(end, 0, dragItem);
+    }
+    ctx2.emit("targetDragEnd", [...targetData.value]);
   };
   onMounted(() => {
     const { data } = getTransferData();
@@ -41211,11 +41244,11 @@ var Transfer = defineComponent({
     transferOperate
   },
   props: transferProps,
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "change", "sourceDragEnd", "targetDragEnd"],
   setup(props, ctx2) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DTransfer", app);
-    const ns2 = useNamespace$1("transfer");
+    const ns2 = useNamespace("transfer");
     const {
       sourceTitle,
       targetTitle,
@@ -41263,8 +41296,8 @@ var Transfer = defineComponent({
         "onChangeChecked": (value) => {
           updateSourceCheckedHandle(value);
         },
-        "onUpdateData": (startValue, endValue) => {
-          updateSourceDataHandle(startValue, endValue);
+        "onUpdateData": (startValue, endValue, position) => {
+          updateSourceDataHandle(startValue, endValue, position);
         }
       }, {
         header: ctx2.slots.sourceHeader
@@ -41301,8 +41334,8 @@ var Transfer = defineComponent({
         "onChangeChecked": (value) => {
           updateTargetCheckedHandle(value);
         },
-        "onUpdateData": (startValue, endValue) => {
-          updateTargetDataHandle(startValue, endValue);
+        "onUpdateData": (startValue, endValue, position) => {
+          updateTargetDataHandle(startValue, endValue, position);
         }
       }, {
         header: ctx2.slots.targetHeader
@@ -43729,7 +43762,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.11-hotfix.1",
+  version: "1.5.12",
   install(app) {
     installs.forEach((p) => app.use(p));
   }