vue-devui 1.0.0-rc.0 → 1.0.0-rc.1

package/transfer/index.es.js

@@ -21,8 +21,8 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { computed, defineComponent, inject, createVNode, mergeProps, toRef, provide, ref, watch, withDirectives, resolveDirective, resolveComponent, Teleport, Transition, renderSlot, isVNode, onMounted, onUnmounted, nextTick, unref, toRefs, Fragment, createTextVNode, h, render, reactive } from "vue";
-import { offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { computed, defineComponent, inject, createVNode, mergeProps, toRef, provide, ref, watch, withDirectives, resolveDirective, resolveComponent, Teleport, Transition, renderSlot, isVNode, onMounted, onUnmounted, unref, nextTick, toRefs, Fragment, createTextVNode, h, render, reactive } from "vue";
+import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
 const transferCommon = {
   showTooltip: {
     type: Boolean,
@@ -6272,7 +6272,7 @@ const transferDragProps = __spreadProps(__spreadValues(__spreadValues({}, transf
     default: () => null
   }
 });
-var overlay = "";
+var baseOverlay = "";
 function _isSlot$2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -6319,43 +6319,13 @@ const overlayProps = {
     default: true
   }
 };
-const overlayEmits = ["update:visible", "backdropClick"];
 const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
   overlayStyle: {
     type: [String, Object],
     default: void 0
   }
 });
-const flexibleOverlayProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  origin: {
-    type: Object,
-    require: true
-  },
-  position: {
-    type: Array,
-    default: ["bottom"]
-  },
-  offset: {
-    type: [Number, Object],
-    default: 8
-  },
-  align: {
-    type: String,
-    default: null
-  },
-  showArrow: {
-    type: Boolean,
-    default: false
-  },
-  isArrowCenter: {
-    type: Boolean,
-    default: true
-  }
-};
+const overlayEmits = ["update:visible", "backdropClick"];
 function useOverlayLogic(props, ctx) {
   const backgroundClass = computed(() => {
     return [
@@ -6406,6 +6376,7 @@ function useOverlayLogic(props, ctx) {
     handleOverlayBubbleCancel
   };
 }
+var fixedOverlay = "";
 defineComponent({
   name: "DFixedOverlay",
   props: fixedOverlayProps,
@@ -6430,6 +6401,36 @@ defineComponent({
     });
   }
 });
+const flexibleOverlayProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  origin: {
+    type: Object,
+    require: true
+  },
+  position: {
+    type: Array,
+    default: ["bottom"]
+  },
+  offset: {
+    type: [Number, Object],
+    default: 8
+  },
+  align: {
+    type: String,
+    default: null
+  },
+  showArrow: {
+    type: Boolean,
+    default: false
+  },
+  isArrowCenter: {
+    type: Boolean,
+    default: true
+  }
+};
 function getScrollParent(element) {
   const overflowRegex = /(auto|scroll|hidden)/;
   for (let parent = element; parent = parent.parentElement; parent.parentElement !== document.body) {
@@ -6483,6 +6484,7 @@ function useOverlay(props, emit) {
     const overlayEl = unref(overlayRef.value);
     const arrowEl = unref(arrowRef.value);
     const middleware = [
+      shift(),
       offset(props.offset),
       autoPlacement({
         alignment: props.align,
@@ -6517,7 +6519,7 @@ function useOverlay(props, emit) {
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
-  return { arrowRef, overlayRef };
+  return { arrowRef, overlayRef, updatePosition };
 }
 var flexibleOverlay = "";
 const FlexibleOverlay = defineComponent({
@@ -6528,12 +6530,17 @@ const FlexibleOverlay = defineComponent({
   setup(props, {
     slots,
     attrs,
-    emit
+    emit,
+    expose
   }) {
     const {
       arrowRef,
-      overlayRef
+      overlayRef,
+      updatePosition
     } = useOverlay(props, emit);
+    expose({
+      updatePosition
+    });
     return () => {
       var _a;
       return props.modelValue && createVNode("div", mergeProps({
@@ -6946,55 +6953,53 @@ var DTransferBase = defineComponent({
     }, [createTextVNode("\u65E0\u6570\u636E")])])])]);
   }
 });
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
 class View {
   constructor() {
     __publicField(this, "top", "50%");
@@ -7278,6 +7283,7 @@ var DButton = defineComponent({
       }, [icon.value && createVNode(Icon, {
         "name": icon.value,
         "size": "12px",
+        "color": "",
         "class": iconClass.value
       }, null), createVNode("span", {
         "class": "button-content"
@@ -7489,8 +7495,9 @@ var Transfer = defineComponent({
       isFunction("afterTransfer") && props.afterTransfer.call(null, target);
     };
     const changeAllSource = (source, value) => {
-      if (source.filterData.every((item) => item.disabled))
+      if (source.filterData.every((item) => item.disabled)) {
         return;
+      }
       source.allChecked = value;
       if (value) {
         source.checkedValues = source.filterData.filter((item) => !item.disabled).map((item) => item.value);