vue-devui 1.6.36-alpha.0 → 1.6.36-alpha.2

package/tag/index.es.js

@@ -103,7 +103,6 @@ var Tag = defineComponent({
     } = toRefs(props);
     const tagClass = useClass(props);
     const themeColor = useColor(props);
-    const tagTitle = titleContent.value || "";
     const isDefaultTag = () => !type.value && !color.value;
     const handleClick = (e) => {
       emit("click", e);
@@ -142,7 +141,7 @@ var Tag = defineComponent({
           color: contentColor.value,
           backgroundColor: checked.value ? themeColor.value : !color.value ? "" : "var(--devui-base-bg, #ffffff)"
         },
-        "title": tagTitle
+        "title": titleContent.value || ""
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), closeIconEl()])]);
     };
   }

package/tag/index.umd.js

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const g={type:{type:String,default:""},color:{type:String,default:""},titleContent:{type:String,default:""},checked:{type:Boolean,default:!1},deletable:{type:Boolean,default:!1},size:{type:String,default:"md"}};function s(a,e,n){let c=a;return e&&(c+=`__${e}`),n&&(c+=`--${n}`),c}function m(a,e=!1){const n=e?`.devui-${a}`:`devui-${a}`;return{b:()=>s(n),e:l=>l?s(n,l):"",m:l=>l?s(n,"",l):"",em:(l,f)=>l&&f?s(n,l,f):""}}function b(a){const e=m("tag");return t.computed(()=>{const{type:n,color:c,deletable:r}=a;return`${e.e("item")} ${e.m(n||(c?"colorful":"")||"default")} ${r?e.m("deletable"):""} ${e.m(a.size)}`})}function h(a){return t.computed(()=>{const{color:e,type:n}=a,c={primary:"var(--devui-primary, #5e7ce0)",success:"var(--devui-success, #50d4ab)",warning:"var(--devui-warning, #fac20a)",danger:"var(--devui-danger, #f66f6a)"},r={"blue-w98":"#3383ff","aqua-w98":"#39afcc","olivine-w98":"#2fa898","green-w98":"#4eb15e","yellow-w98":"#b08d1a","orange-w98":"#d47f35","red-w98":"#f66f6a","pink-w98":"#f3689a","purple-w98":"#a97af8"};return!e&&n?c[n]:r[e]||e})}var V="",p=t.defineComponent({name:"DTag",props:g,emits:["click","tagDelete","checkedChange"],setup(a,{slots:e,emit:n}){const c=m("tag"),{type:r,color:i,checked:d,titleContent:l,deletable:f}=t.toRefs(a),k=b(a),v=h(a),T=l.value||"",y=()=>!r.value&&!i.value,$=o=>{n("click",o)},N=o=>{o.stopPropagation(),n("tagDelete",o)},C=t.computed(()=>y()?"":d.value?"#fff":v.value),S=()=>{const o=y()?"error-o":"close";return f.value?t.createVNode("a",{class:"remove-button",onClick:N},[t.createVNode(t.resolveComponent("d-icon"),{size:"12px",name:o,color:C.value},null)]):null},D=t.watch(d,o=>{n("checkedChange",o)});return t.onUnmounted(()=>D()),()=>{var o;return t.createVNode("div",{class:c.b(),onClick:$},[t.createVNode("span",{class:k.value,style:{display:"block",color:C.value,backgroundColor:d.value?v.value:i.value?"var(--devui-base-bg, #ffffff)":""},title:T},[(o=e.default)==null?void 0:o.call(e),S()])])}}}),w={title:"Tag \u6807\u7B7E",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(p.name,p)}};u.Tag=p,u.default=w,u.tagProps=g,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const g={type:{type:String,default:""},color:{type:String,default:""},titleContent:{type:String,default:""},checked:{type:Boolean,default:!1},deletable:{type:Boolean,default:!1},size:{type:String,default:"md"}};function s(a,e,n){let c=a;return e&&(c+=`__${e}`),n&&(c+=`--${n}`),c}function m(a,e=!1){const n=e?`.devui-${a}`:`devui-${a}`;return{b:()=>s(n),e:l=>l?s(n,l):"",m:l=>l?s(n,"",l):"",em:(l,f)=>l&&f?s(n,l,f):""}}function b(a){const e=m("tag");return t.computed(()=>{const{type:n,color:c,deletable:r}=a;return`${e.e("item")} ${e.m(n||(c?"colorful":"")||"default")} ${r?e.m("deletable"):""} ${e.m(a.size)}`})}function h(a){return t.computed(()=>{const{color:e,type:n}=a,c={primary:"var(--devui-primary, #5e7ce0)",success:"var(--devui-success, #50d4ab)",warning:"var(--devui-warning, #fac20a)",danger:"var(--devui-danger, #f66f6a)"},r={"blue-w98":"#3383ff","aqua-w98":"#39afcc","olivine-w98":"#2fa898","green-w98":"#4eb15e","yellow-w98":"#b08d1a","orange-w98":"#d47f35","red-w98":"#f66f6a","pink-w98":"#f3689a","purple-w98":"#a97af8"};return!e&&n?c[n]:r[e]||e})}var D="",p=t.defineComponent({name:"DTag",props:g,emits:["click","tagDelete","checkedChange"],setup(a,{slots:e,emit:n}){const c=m("tag"),{type:r,color:d,checked:i,titleContent:l,deletable:f}=t.toRefs(a),k=b(a),v=h(a),y=()=>!r.value&&!d.value,T=o=>{n("click",o)},$=o=>{o.stopPropagation(),n("tagDelete",o)},C=t.computed(()=>y()?"":i.value?"#fff":v.value),N=()=>{const o=y()?"error-o":"close";return f.value?t.createVNode("a",{class:"remove-button",onClick:$},[t.createVNode(t.resolveComponent("d-icon"),{size:"12px",name:o,color:C.value},null)]):null},S=t.watch(i,o=>{n("checkedChange",o)});return t.onUnmounted(()=>S()),()=>{var o;return t.createVNode("div",{class:c.b(),onClick:T},[t.createVNode("span",{class:k.value,style:{display:"block",color:C.value,backgroundColor:i.value?v.value:d.value?"var(--devui-base-bg, #ffffff)":""},title:l.value||""},[(o=e.default)==null?void 0:o.call(e),N()])])}}}),w={title:"Tag \u6807\u7B7E",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(p.name,p)}};u.Tag=p,u.default=w,u.tagProps=g,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/textarea/index.es.js

@@ -5830,6 +5830,10 @@ const flexibleOverlayProps = {
   fitOriginWidth: {
     type: Boolean,
     default: false
+  },
+  autoUpdatePosition: {
+    type: Boolean,
+    default: false
   }
 };
 function adjustArrowPosition(isArrowCenter, point, placement, originRect) {
@@ -5857,6 +5861,7 @@ function useOverlay(props, emit) {
   const arrowRef = ref();
   const overlayWidth = ref(0);
   let originObserver;
+  let overlayObserver;
   const styles = computed(() => {
     if (fitOriginWidth.value) {
       return { width: overlayWidth.value + "px" };
@@ -5927,6 +5932,15 @@ function useOverlay(props, emit) {
     const originEl = (_b = (_a = props.origin) == null ? void 0 : _a.$el) != null ? _b : props.origin;
     originEl && (originObserver == null ? void 0 : originObserver.unobserve(originEl));
   };
+  const observeOverlay = () => {
+    if (props.autoUpdatePosition && typeof window !== "undefined" && overlayRef.value) {
+      overlayObserver = new window.ResizeObserver(updatePosition);
+      overlayObserver.observe(overlayRef.value);
+    }
+  };
+  const unobserveOverlay = () => {
+    overlayRef.value && (overlayObserver == null ? void 0 : overlayObserver.unobserve(overlayRef.value));
+  };
   watch(
     () => props.modelValue,
     () => {
@@ -5935,10 +5949,12 @@ function useOverlay(props, emit) {
         window.addEventListener("scroll", scrollCallback, true);
         window.addEventListener("resize", updatePosition);
         observeOrigin();
+        nextTick(observeOverlay);
       } else {
         window.removeEventListener("scroll", scrollCallback, true);
         window.removeEventListener("resize", updatePosition);
         unobserveOrigin();
+        unobserveOverlay();
       }
     }
   );
@@ -5946,6 +5962,7 @@ function useOverlay(props, emit) {
     window.removeEventListener("scroll", scrollCallback, true);
     window.removeEventListener("resize", updatePosition);
     unobserveOrigin();
+    unobserveOverlay();
   });
   return { arrowRef, overlayRef, styles, updatePosition };
 }