vue-devui 1.0.0-rc.12 → 1.0.0-rc.15

package/pagination/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onUnmounted, withDirectives, createVNode, createTextVNode, resolveDirective, toRefs, watch, resolveComponent, computed, Fragment, getCurrentInstance, mergeProps, nextTick } from "vue";
+import { defineComponent, ref, onMounted, onUnmounted, withDirectives, createVNode, createTextVNode, resolveDirective, toRefs, watch, resolveComponent, computed, Fragment, reactive, getCurrentInstance, mergeProps, nextTick } from "vue";
 const paginationProps = {
   pageSize: {
     type: Number,
@@ -503,6 +503,155 @@ var PageNumBtn = defineComponent({
     }, null)])]);
   }
 });
+function deepAssign(...objects) {
+  const isObject = (obj) => obj && typeof obj === "object";
+  return objects.reduce((prev, from) => {
+    Object.keys(from).forEach((key) => {
+      const pVal = prev[key];
+      const oVal = from[key];
+      if (Array.isArray(pVal) && Array.isArray(oVal)) {
+        prev[key] = Array.from(/* @__PURE__ */ new Set([...oVal, ...pVal]));
+      } else if (isObject(pVal) && isObject(oVal)) {
+        prev[key] = deepAssign(pVal, oVal);
+      } else {
+        prev[key] = oVal;
+      }
+    });
+    return prev;
+  }, {});
+}
+var zhCN = {
+  pagination: {
+    totalItemText: "\u6240\u6709\u6761\u76EE",
+    goToText: "\u8DF3\u81F3"
+  },
+  accordion: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  autoCompleteDropdown: {
+    latestInput: "\u6700\u8FD1\u8F93\u5165"
+  },
+  cascaderList: {
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  colorPicker: {
+    foundationPanel: "\u57FA\u7840\u9762\u677F",
+    advancedPanel: "\u9AD8\u7EA7\u9762\u677F"
+  },
+  datePickerPro: {
+    ok: "\u786E\u5B9A",
+    placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+    month1: "1\u6708",
+    month2: "2\u6708",
+    month3: "3\u6708",
+    month4: "4\u6708",
+    month5: "5\u6708",
+    month6: "6\u6708",
+    month7: "7\u6708",
+    month8: "8\u6708",
+    month9: "9\u6708",
+    month10: "10\u6708",
+    month11: "11\u6708",
+    month12: "12\u6708",
+    year: "\u5E74",
+    startPlaceholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
+    endPlaceholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
+    getWeekDays() {
+      return ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+    },
+    getTimeArr() {
+      return ["\u65F6", "\u5206", "\u79D2"];
+    },
+    getYearMonthStr(year, month) {
+      return `${year}\u5E74${month}\u6708`;
+    }
+  },
+  editableSelect: {
+    noRelatedRecords: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  input: {
+    placeholder: "\u8BF7\u8F93\u5165"
+  },
+  splitterBar: {
+    collapse: "\u6536\u8D77",
+    expand: "\u5C55\u5F00"
+  },
+  stepsGuide: {
+    previous: "\u4E0A\u4E00\u6B65",
+    continue: "\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",
+    ok: "\u6211\u77E5\u9053\u5566"
+  },
+  table: {
+    selectAll: "\u5168\u9009",
+    ok: "\u786E\u5B9A"
+  },
+  timePopup: {
+    ok: "\u786E\u5B9A"
+  },
+  transfer: {
+    unit: "\u9879",
+    panelUnit: "\u9879",
+    headerUnit: "\u9879",
+    noData: "\u6682\u65E0\u6570\u636E",
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"
+  },
+  tree: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    newNode: "\u65B0\u8282\u70B9",
+    selectPlaceholder: "\u8BF7\u9009\u62E9"
+  },
+  upload: {
+    placeholder: "\u9009\u62E9\u6587\u4EF6",
+    getExistSameNameFilesMsg(sameNames) {
+      return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+    },
+    getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
+      return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+    },
+    getBeyondMaximalFileSizeMsg(filename, maximalSize) {
+      return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+    },
+    getNotAllowedFileTypeMsg(filename, scope) {
+      return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+    }
+  },
+  search: {
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
+  },
+  select: {
+    placeholder: "\u8BF7\u9009\u62E9",
+    noDataText: "\u65E0\u6570\u636E",
+    noMatchText: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    loadingText: "\u52A0\u8F7D\u4E2D..."
+  },
+  tagInput: {
+    maxTagsText: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
+  },
+  timeSelect: {
+    placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
+  }
+};
+const lang = ref("zh-CN");
+let langMessages = reactive({
+  [lang.value]: zhCN
+});
+const Locale = {
+  messages() {
+    return langMessages[lang.value];
+  },
+  lang() {
+    return lang.value;
+  },
+  use(newLang, newMessages) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages });
+  },
+  add(newMessages = {}) {
+    langMessages = deepAssign(langMessages, newMessages);
+  }
+};
 const camelize = (name) => name.substring(1).replace(/^\S/, (s) => s.toLocaleLowerCase());
 function get(object, path) {
   const keys = path.split(".");
@@ -516,7 +665,8 @@ function get(object, path) {
 function createI18nTranslate(name, app, newPrefix) {
   const prefix = newPrefix || camelize(name) + ".";
   return (path) => {
-    const messages = app == null ? void 0 : app.appContext.config.globalProperties.langMessages.value;
+    var _a;
+    const messages = ((_a = app == null ? void 0 : app.appContext.config.globalProperties.langMessages) == null ? void 0 : _a.value) || Locale.messages();
     const message = get(messages, prefix + path) || get(messages, path);
     return message;
   };

package/pagination/index.umd.js

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue))})(this,function(p,e){"use strict";const w={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String},goToText:{type:String},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},M=(t,a,n)=>{const i=t,c=a;if(c>=n)return[2,n];const l=c-2;let o=i-(l>>1),s=i+(l-1>>1);return o<2&&(o=2,s=c-2),s>n&&(o=n-c+3,s=n),[o,s]};function j(t){return new Array(t||1).fill(0).map((a,n)=>({name:`${n+1}/${t}`,value:n+1}))}function b(t,a,n){document.addEventListener?t&&a&&n&&t.addEventListener(a,n,!1):t&&a&&n&&t.attachEvent("on"+a,n)}function D(t,a,n){document.removeEventListener?t&&a&&n&&t.removeEventListener(a,n,!1):t&&a&&n&&t.detachEvent("on"+a,n)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),z=new Map;let I,k=0,B=!0;function E(t,a,n){return H&&B&&(B=!1,b(document,"mousedown",i=>{I=i}),b(document,"mouseup",i=>{for(const[c,l]of z)l[m].documentHandler(i,I)})),function(i,c){!n||!a.instance||!i.target||!c.target||t.contains(i.target)||t.contains(c.target)||t===i.target||t[m].bindingFn&&t[m].bindingFn()}}const J={beforeMount:function(t,a,n){k++,z.set(k,t),t[m]={nid:k,documentHandler:E(t,a,n),bindingFn:a.value}},updated:function(t,a,n){t[m].documentHandler=E(t,a,n),t[m].bindingFn=a.value},unmounted:function(t){z.delete(t[m].nid),delete t[m]}};function x(t,a,n){let i=t;return a&&(i+=`__${a}`),n&&(i+=`--${n}`),i}function S(t,a=!1){const n=a?`.devui-${t}`:`devui-${t}`;return{b:()=>x(n),e:s=>s?x(n,s):"",m:s=>s?x(n,"",s):"",em:(s,u)=>s&&u?x(n,s,u):""}}var O=e.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const t=e.ref(null),a=e.ref(!1),n=i=>{a.value=a.value?!1:!!i};return e.onMounted(()=>{b(t.value,"click",n)}),e.onUnmounted(()=>{D(t.value,"click",n)}),{paginationConfig:t,isShowConfig:a,closeConfigMenu:n}},render(){var s;const{closeConfigMenu:t,currentPageSize:a,pageSizeChange:n,pageSizeOptions:i,isShowConfig:c,$slots:l}=this,o=S("pagination");return e.withDirectives(e.createVNode("div",{class:o.e("config"),ref:"paginationConfig"},[e.createVNode("div",{class:o.e("setup-icon")},[e.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),c&&e.createVNode("div",{class:o.e("config-container")},[(s=l.default)==null?void 0:s.call(l),e.createVNode("div",{class:o.e("config-item")},[e.createVNode("div",{class:"config-item-title"},[e.createTextVNode("\u6BCF\u9875\u6761\u6570")]),e.createVNode("div",{class:o.e("number")},[i.map(u=>e.createVNode("div",{class:{choosed:u===a},key:u,onClick:n.bind(null,{value:u})},[u]))])])])]),[[e.resolveDirective("clickoutside"),t]])}});const A={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var U=e.defineComponent({props:A,emits:["changeCursorEmit"],setup(t,{emit:a}){const{pageIndex:n,totalPages:i,cursor:c}=e.toRefs(t),l=e.ref(n==null?void 0:n.value);e.watch(()=>n==null?void 0:n.value,d=>{l.value=d});let o=n==null?void 0:n.value;return{inputNum:l,jumpPageChange:d=>{o=+d,l.value=d,isNaN(d)&&setTimeout(()=>{l.value=n==null?void 0:n.value},300)},jump:d=>{o>(i==null?void 0:i.value)||(d==="btn"||d.key==="Enter")&&(c==null?void 0:c.value)!==o&&a("changeCursorEmit",o)}}},render(){const{goToText:t,size:a,inputNum:n,jumpPageChange:i,jump:c,showJumpButton:l}=this,o=S("pagination"),s={class:[o.e("input"),a?o.em("input",a):""],size:a,modelValue:String(n),"onUpdate:modelValue":i,onKeydown:c};return e.createVNode("div",{class:o.e("jump-container")},[t,e.createVNode(e.resolveComponent("d-input"),s,null),t==="\u8DF3\u81F3"&&"\u9875",l&&e.createVNode("div",{class:[o.e("jump-button"),a?o.em("jump-size",a):o.em("jump-size","default")],onClick:c.bind(null,"btn"),title:t},[e.createVNode("div",{class:o.e("go")},null)])])}});const $={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var _=e.defineComponent({props:$,emits:["changeCursorEmit"],setup(t,{emit:a}){return{showPageNum:e.computed(()=>M(t.cursor,t.maxItems,t.totalPages)),changeCursor:o=>{if(isNaN(o))return;const s=o<1?1:o>t.totalPages?t.totalPages:o|0;a("changeCursorEmit",s)},prevChange:o=>{if(t.cursor>1){const s=o===-1?t.cursor-1:o;a("changeCursorEmit",s)}},nextChange:o=>{if(t.cursor<t.totalPages){const s=o===-1?t.cursor+1:o;a("changeCursorEmit",s)}}}},render(){const{size:t,preLink:a,nextLink:n,lite:i,changeCursor:c,cursor:l,showPageNum:o,prevChange:s,totalPages:u,nextChange:d,showTruePageIndex:h}=this,r=S("pagination");return e.createVNode("ul",{class:[r.e("list"),t?r.m(t):""]},[e.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:l<=1}},[e.createVNode("a",{innerHTML:a,class:r.e("link")},null)]),!i&&e.createVNode(e.Fragment,null,[e.createVNode("li",{onClick:c.bind(null,1),class:{[r.e("item")]:!0,active:l===1}},[e.createVNode("a",{class:r.e("link")},[e.createTextVNode("1")])]),o[0]>2&&e.createVNode("li",{onClick:s.bind(null,o[0]-1),class:r.e("item")},[e.createVNode("a",{class:r.e("link")},[e.createTextVNode("...")])]),(()=>{const N=[];for(let f=o[0];f<=o[1];f++)N.push(e.createVNode("li",{onClick:c.bind(null,f),key:f,class:{[r.e("item")]:!0,active:l===f}},[e.createVNode("a",{class:r.e("link")},[f])]));return N})(),o[1]<u-1&&e.createVNode("li",{onClick:d.bind(null,o[1]+1),class:r.e("item")},[e.createVNode("a",{class:r.e("link")},[e.createTextVNode("...")])]),o[1]<u&&e.createVNode("li",{onClick:c.bind(null,u),class:{[r.e("item")]:!0,active:l===u}},[e.createVNode("a",{class:r.e("link")},[u])]),h&&l>u&&u>0&&e.createVNode(e.Fragment,null,[l>u+1&&e.createVNode("li",{class:[r.e("item"),"disabled"]},[e.createVNode("a",{class:r.e("link")},[e.createTextVNode("...")])]),e.createVNode("li",{class:[r.e("item"),"disabled","active"]},[e.createVNode("a",{class:r.e("link")},[l])])])]),e.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:l>=u}},[e.createVNode("a",{innerHTML:n,class:r.e("link")},null)])])}});const R=t=>t.substring(1).replace(/^\S/,a=>a.toLocaleLowerCase());function L(t,a){const n=a.split(".");let i=t;return n.forEach(c=>{var l;i=(l=i[c])!=null?l:""}),i}function q(t,a,n){const i=n||R(t)+".";return c=>{const l=a==null?void 0:a.appContext.config.globalProperties.langMessages.value;return L(l,i+c)||L(l,c)}}var le="",v=e.defineComponent({name:"DPagination",components:{ConfigMenu:O,JumpPage:U,PageNumBtn:_},props:w,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(t,{emit:a,slots:n}){const i=e.getCurrentInstance(),c=q("DPagination",i),{autoHide:l,pageSizeOptions:o,total:s,canChangePageSize:u,lite:d,size:h,pageSizeDirection:r,showPageSelector:N,canViewTotal:f,totalItemText:G,maxItems:Q,preLink:W,nextLink:X,showTruePageIndex:Y,canJumpPage:Z,goToText:ee,pageIndex:te,showJumpButton:ne,haveConfigMenu:ae}=e.toRefs(t),V=S("pagination"),C=e.computed(()=>Math.ceil(t.total/t.pageSize)),oe=e.computed(()=>j(C.value)),P=e.computed({get(){return!t.showTruePageIndex&&t.pageIndex>C.value?(a("update:pageIndex",C.value||1),C.value||1):t.pageIndex||1},set(g){a("update:pageIndex",g)}}),T=e.computed({get(){return t.pageSize},set(g){a("update:pageSize",g)}}),y=g=>{P.value=g,a("pageIndexChange",g)},F=g=>{T.value=g.value,t.autoFixPageIndex&&e.nextTick(()=>{P.value>C.value&&y(C.value)}),a("pageSizeChange",g.value)},ie=g=>{y(g.value)};return()=>l.value&&Math.min(...o.value)>s.value?null:e.createVNode("div",{class:V.b()},[u.value&&!d.value&&e.createVNode("div",{class:[V.e("size"),h.value?V.em("size",h.value):""]},[e.createVNode(e.resolveComponent("d-select"),{options:o.value,modelValue:T.value,onValueChange:F,pageSizeDirection:r.value},null)]),(!d.value||d.value&&N.value)&&f.value&&e.createVNode("div",{class:V.e("total-size")},[G.value||c("totalItemText"),e.createTextVNode(": "),s.value]),d.value&&N.value&&e.createVNode("div",{class:V.e("size")},[e.createVNode(e.resolveComponent("d-select"),{options:oe.value,disabled:s.value===0,modelValue:P.value,onValueChange:ie,pageSizeDirection:r.value},null)]),e.createVNode(e.resolveComponent("page-num-btn"),e.mergeProps({cursor:P.value,totalPages:C.value,size:h.value,lite:d.value,maxItems:Q.value,preLink:W.value,nextLink:X.value,showTruePageIndex:Y.value},{onChangeCursorEmit:y}),null),Z.value&&!d.value&&e.createVNode(e.resolveComponent("jump-page"),e.mergeProps({goToText:ee.value||c("goToText"),size:h.value,pageIndex:te.value,totalPages:C.value,cursor:P.value,showJumpButton:ne.value},{onChangeCursorEmit:y}),null),d.value&&ae.value&&e.createVNode(e.resolveComponent("config-menu"),{currentPageSize:T.value,pageSizeChange:F,pageSizeOptions:o.value},{default:()=>{var g;return[(g=n.default)==null?void 0:g.call(n)]}})])}}),K={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(t){t.component(v.name,v)}};p.Pagination=v,p.default=K,p.paginationProps=w,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
+(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";const k={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String},goToText:{type:String},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},j=(e,n,u)=>{const o=e,l=n;if(l>=u)return[2,u];const i=l-2;let a=o-(i>>1),s=o+(i-1>>1);return a<2&&(a=2,s=l-2),s>u&&(a=u-l+3,s=u),[a,s]};function $(e){return new Array(e||1).fill(0).map((n,u)=>({name:`${u+1}/${e}`,value:u+1}))}function S(e,n,u){document.addEventListener?e&&n&&u&&e.addEventListener(n,u,!1):e&&n&&u&&e.attachEvent("on"+n,u)}function O(e,n,u){document.removeEventListener?e&&n&&u&&e.removeEventListener(n,u,!1):e&&n&&u&&e.detachEvent("on"+n,u)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),y=new Map;let A,T=0,v=!0;function w(e,n,u){return H&&v&&(v=!1,S(document,"mousedown",o=>{A=o}),S(document,"mouseup",o=>{for(const[l,i]of y)i[m].documentHandler(o,A)})),function(o,l){!u||!n.instance||!o.target||!l.target||e.contains(o.target)||e.contains(l.target)||e===o.target||e[m].bindingFn&&e[m].bindingFn()}}const J={beforeMount:function(e,n,u){T++,y.set(T,e),e[m]={nid:T,documentHandler:w(e,n,u),bindingFn:n.value}},updated:function(e,n,u){e[m].documentHandler=w(e,n,u),e[m].bindingFn=n.value},unmounted:function(e){y.delete(e[m].nid),delete e[m]}};function P(e,n,u){let o=e;return n&&(o+=`__${n}`),u&&(o+=`--${u}`),o}function B(e,n=!1){const u=n?`.devui-${e}`:`devui-${e}`;return{b:()=>P(u),e:s=>s?P(u,s):"",m:s=>s?P(u,"",s):"",em:(s,c)=>s&&c?P(u,s,c):""}}var U=t.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1),u=o=>{n.value=n.value?!1:!!o};return t.onMounted(()=>{S(e.value,"click",u)}),t.onUnmounted(()=>{O(e.value,"click",u)}),{paginationConfig:e,isShowConfig:n,closeConfigMenu:u}},render(){var s;const{closeConfigMenu:e,currentPageSize:n,pageSizeChange:u,pageSizeOptions:o,isShowConfig:l,$slots:i}=this,a=B("pagination");return t.withDirectives(t.createVNode("div",{class:a.e("config"),ref:"paginationConfig"},[t.createVNode("div",{class:a.e("setup-icon")},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),l&&t.createVNode("div",{class:a.e("config-container")},[(s=i.default)==null?void 0:s.call(i),t.createVNode("div",{class:a.e("config-item")},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("\u6BCF\u9875\u6761\u6570")]),t.createVNode("div",{class:a.e("number")},[o.map(c=>t.createVNode("div",{class:{choosed:c===n},key:c,onClick:u.bind(null,{value:c})},[c]))])])])]),[[t.resolveDirective("clickoutside"),e]])}});const R={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var _=t.defineComponent({props:R,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:u,totalPages:o,cursor:l}=t.toRefs(e),i=t.ref(u==null?void 0:u.value);t.watch(()=>u==null?void 0:u.value,d=>{i.value=d});let a=u==null?void 0:u.value;return{inputNum:i,jumpPageChange:d=>{a=+d,i.value=d,isNaN(d)&&setTimeout(()=>{i.value=u==null?void 0:u.value},300)},jump:d=>{a>(o==null?void 0:o.value)||(d==="btn"||d.key==="Enter")&&(l==null?void 0:l.value)!==a&&n("changeCursorEmit",a)}}},render(){const{goToText:e,size:n,inputNum:u,jumpPageChange:o,jump:l,showJumpButton:i}=this,a=B("pagination"),s={class:[a.e("input"),n?a.em("input",n):""],size:n,modelValue:String(u),"onUpdate:modelValue":o,onKeydown:l};return t.createVNode("div",{class:a.e("jump-container")},[e,t.createVNode(t.resolveComponent("d-input"),s,null),e==="\u8DF3\u81F3"&&"\u9875",i&&t.createVNode("div",{class:[a.e("jump-button"),n?a.em("jump-size",n):a.em("jump-size","default")],onClick:l.bind(null,"btn"),title:e},[t.createVNode("div",{class:a.e("go")},null)])])}});const q={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var G=t.defineComponent({props:q,emits:["changeCursorEmit"],setup(e,{emit:n}){return{showPageNum:t.computed(()=>j(e.cursor,e.maxItems,e.totalPages)),changeCursor:a=>{if(isNaN(a))return;const s=a<1?1:a>e.totalPages?e.totalPages:a|0;n("changeCursorEmit",s)},prevChange:a=>{if(e.cursor>1){const s=a===-1?e.cursor-1:a;n("changeCursorEmit",s)}},nextChange:a=>{if(e.cursor<e.totalPages){const s=a===-1?e.cursor+1:a;n("changeCursorEmit",s)}}}},render(){const{size:e,preLink:n,nextLink:u,lite:o,changeCursor:l,cursor:i,showPageNum:a,prevChange:s,totalPages:c,nextChange:d,showTruePageIndex:h}=this,r=B("pagination");return t.createVNode("ul",{class:[r.e("list"),e?r.m(e):""]},[t.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:i<=1}},[t.createVNode("a",{innerHTML:n,class:r.e("link")},null)]),!o&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:l.bind(null,1),class:{[r.e("item")]:!0,active:i===1}},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("1")])]),a[0]>2&&t.createVNode("li",{onClick:s.bind(null,a[0]-1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),(()=>{const C=[];for(let f=a[0];f<=a[1];f++)C.push(t.createVNode("li",{onClick:l.bind(null,f),key:f,class:{[r.e("item")]:!0,active:i===f}},[t.createVNode("a",{class:r.e("link")},[f])]));return C})(),a[1]<c-1&&t.createVNode("li",{onClick:d.bind(null,a[1]+1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),a[1]<c&&t.createVNode("li",{onClick:l.bind(null,c),class:{[r.e("item")]:!0,active:i===c}},[t.createVNode("a",{class:r.e("link")},[c])]),h&&i>c&&c>0&&t.createVNode(t.Fragment,null,[i>c+1&&t.createVNode("li",{class:[r.e("item"),"disabled"]},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),t.createVNode("li",{class:[r.e("item"),"disabled","active"]},[t.createVNode("a",{class:r.e("link")},[i])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:i>=c}},[t.createVNode("a",{innerHTML:u,class:r.e("link")},null)])])}});function I(...e){const n=u=>u&&typeof u=="object";return e.reduce((u,o)=>(Object.keys(o).forEach(l=>{const i=u[l],a=o[l];Array.isArray(i)&&Array.isArray(a)?u[l]=Array.from(new Set([...a,...i])):n(i)&&n(a)?u[l]=I(i,a):u[l]=a}),u),{})}var K={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getBeyondMaximalFileSizeMsg(e,n){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,n){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const x=t.ref("zh-CN");let b=t.reactive({[x.value]:K});const W={messages(){return b[x.value]},lang(){return x.value},use(e,n){x.value=e,this.add({[e]:n})},add(e={}){b=I(b,e)}},Y=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function M(e,n){const u=n.split(".");let o=e;return u.forEach(l=>{var i;o=(i=o[l])!=null?i:""}),o}function Q(e,n,u){const o=u||Y(e)+".";return l=>{var s;const i=((s=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||W.messages();return M(i,o+l)||M(i,l)}}var de="",D=t.defineComponent({name:"DPagination",components:{ConfigMenu:U,JumpPage:_,PageNumBtn:G},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n,slots:u}){const o=t.getCurrentInstance(),l=Q("DPagination",o),{autoHide:i,pageSizeOptions:a,total:s,canChangePageSize:c,lite:d,size:h,pageSizeDirection:r,showPageSelector:C,canViewTotal:f,totalItemText:Z,maxItems:ee,preLink:te,nextLink:ue,showTruePageIndex:ne,canJumpPage:ae,goToText:oe,pageIndex:ie,showJumpButton:le,haveConfigMenu:se}=t.toRefs(e),E=B("pagination"),F=t.computed(()=>Math.ceil(e.total/e.pageSize)),re=t.computed(()=>$(F.value)),N=t.computed({get(){return!e.showTruePageIndex&&e.pageIndex>F.value?(n("update:pageIndex",F.value||1),F.value||1):e.pageIndex||1},set(g){n("update:pageIndex",g)}}),z=t.computed({get(){return e.pageSize},set(g){n("update:pageSize",g)}}),V=g=>{N.value=g,n("pageIndexChange",g)},L=g=>{z.value=g.value,e.autoFixPageIndex&&t.nextTick(()=>{N.value>F.value&&V(F.value)}),n("pageSizeChange",g.value)},ce=g=>{V(g.value)};return()=>i.value&&Math.min(...a.value)>s.value?null:t.createVNode("div",{class:E.b()},[c.value&&!d.value&&t.createVNode("div",{class:[E.e("size"),h.value?E.em("size",h.value):""]},[t.createVNode(t.resolveComponent("d-select"),{options:a.value,modelValue:z.value,onValueChange:L,pageSizeDirection:r.value},null)]),(!d.value||d.value&&C.value)&&f.value&&t.createVNode("div",{class:E.e("total-size")},[Z.value||l("totalItemText"),t.createTextVNode(": "),s.value]),d.value&&C.value&&t.createVNode("div",{class:E.e("size")},[t.createVNode(t.resolveComponent("d-select"),{options:re.value,disabled:s.value===0,modelValue:N.value,onValueChange:ce,pageSizeDirection:r.value},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:N.value,totalPages:F.value,size:h.value,lite:d.value,maxItems:ee.value,preLink:te.value,nextLink:ue.value,showTruePageIndex:ne.value},{onChangeCursorEmit:V}),null),ae.value&&!d.value&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:oe.value||l("goToText"),size:h.value,pageIndex:ie.value,totalPages:F.value,cursor:N.value,showJumpButton:le.value},{onChangeCursorEmit:V}),null),d.value&&se.value&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:z.value,pageSizeChange:L,pageSizeOptions:a.value},{default:()=>{var g;return[(g=u.default)==null?void 0:g.call(u)]}})])}}),X={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(e){e.component(D.name,D)}};p.Pagination=D,p.default=X,p.paginationProps=k,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/panel/index.umd.js

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const y={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},v=e.reactive({});class f{static getByKey(n){return v[n]}static state(){return v}static setData(n,c){v[n]=e.ref(c)}}var k="",h=e.defineComponent({name:"DPanel",props:y,emits:["toggle"],setup(a,n){e.provide("beforeToggle",a.beforeToggle),e.provide("showAnimation",e.computed(()=>a.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>a.hasLeftPadding));const c=e.ref(a.isCollapsed),g=e.computed(()=>a.type),d=e.computed(()=>a.cssClass),t=new Date().getTime().toString()+Math.random(),u=()=>{n.emit("toggle",f.getByKey(`isCollapsed[${t}]`))};return f.setData(`isCollapsed[${t}]`,c.value),()=>{var p,o;return e.createVNode("div",{onClick:u,class:`devui-panel devui-panel-${g.value} ${d.value}`},[(o=(p=n.slots).default)==null?void 0:o.call(p)])}}}),P=e.defineComponent({name:"DPanelHeader",props:y,emits:["toggle"],setup(a,n){const c=e.inject("beforeToggle"),d=Object.keys(f.state()).pop(),t=e.ref(f.state()[d]),u=e.ref();let p=null;const o=e.ref(t.value);let m=!0;const r=()=>{if(o.value=!o.value,!u.value){o.value&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value));return}o.value!==void 0&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value))},s=async()=>{if(c){const i=c(t,r);typeof i!="undefined"?i instanceof Promise?m=await i:m=i:m=!0}return m};s().then(i=>u.value=i);const b=()=>{s().then(i=>{if(u.value=i,!i){t.value||(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value));return}t.value!==void 0&&(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value))})};return()=>{var i,T;return n.slots.default&&(p=e.createVNode("div",{class:"devui-panel-heading",onClick:b,style:{cursor:u.value?"pointer":"auto"}},[(T=(i=n.slots).default)==null?void 0:T.call(i)])),p}}}),C=e.defineComponent({name:"DPanelBody",props:y,setup(a,n){const c=e.inject("showAnimation"),g=e.inject("hasLeftPadding"),t=Object.keys(f.state()).pop(),u=f.state(),p=e.ref();e.onMounted(()=>{if(p.value){const r=p.value;u[t]&&(r.style.height=`${r.offsetHeight}px`)}});const o=r=>{const s=r;s.style.height="";const b=s.offsetHeight;s.style.height="0px",s.offsetHeight,s.style.height=`${b}px`},m=r=>{const s=r;s.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${a.type} ${a.cssClass}`},[e.createVNode(e.Transition,{name:c.value?"devui-panel":"",onEnter:o,onLeave:m},{default:()=>{var r,s;return[u[t]===void 0||u[t]?e.createVNode("div",{ref:p,class:`devui-panel-body ${u[t]!==void 0?"devui-panel-body-collapse":""} ${g.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(s=(r=n.slots).default)==null?void 0:s.call(r)])]):null]}})])}}),$=e.defineComponent({name:"DPanelFooter",setup(a,n){return()=>{var g,d;return n.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(d=(g=n.slots).default)==null?void 0:d.call(g)]):null}}}),D={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(a){a.component(h.name,h),a.component(P.name,P),a.component(C.name,C),a.component($.name,$)}};l.Panel=h,l.PanelBody=C,l.PanelFooter=$,l.PanelHeader=P,l.default=D,l.panelProps=y,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
+(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const y={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},v=e.reactive({});class f{static getByKey(n){return v[n]}static state(){return v}static setData(n,c){v[n]=e.ref(c)}}var k="",h=e.defineComponent({name:"DPanel",props:y,emits:["toggle"],setup(a,n){e.provide("beforeToggle",a.beforeToggle),e.provide("showAnimation",e.computed(()=>a.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>a.hasLeftPadding));const c=e.ref(a.isCollapsed),g=e.computed(()=>a.type),d=e.computed(()=>a.cssClass),t=new Date().getTime().toString()+Math.random(),u=()=>{n.emit("toggle",f.getByKey(`isCollapsed[${t}]`))};return f.setData(`isCollapsed[${t}]`,c.value),()=>{var p,o;return e.createVNode("div",{onClick:u,class:`devui-panel devui-panel-${g.value} ${d.value}`},[(o=(p=n.slots).default)==null?void 0:o.call(p)])}}}),P=e.defineComponent({name:"DPanelHeader",props:y,emits:["toggle"],setup(a,n){const c=e.inject("beforeToggle"),d=Object.keys(f.state()).pop(),t=e.ref(f.state()[d]),u=e.ref();let p=null;const o=e.ref(t.value);let m=!0;const r=()=>{if(o.value=!o.value,!u.value){o.value&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value));return}o.value!==void 0&&(f.setData(`${d}`,o.value),t.value=o.value,n.emit("toggle",o.value))},l=async()=>{if(c){const i=c(t,r);typeof i!="undefined"?i instanceof Promise?m=await i:m=i:m=!0}return m};l().then(i=>u.value=i);const b=()=>{l().then(i=>{if(u.value=i,!i){t.value||(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value));return}t.value!==void 0&&(f.setData(`${d}`,!t.value),t.value=!t.value,n.emit("toggle",t.value))})};return()=>{var i,T;return n.slots.default&&(p=e.createVNode("div",{class:"devui-panel-heading",onClick:b,style:{cursor:u.value?"pointer":"auto"}},[(T=(i=n.slots).default)==null?void 0:T.call(i)])),p}}}),C=e.defineComponent({name:"DPanelBody",props:y,setup(a,n){const c=e.inject("showAnimation"),g=e.inject("hasLeftPadding"),t=Object.keys(f.state()).pop(),u=f.state(),p=e.ref();e.onMounted(()=>{if(p.value){const r=p.value;u[t]&&(r.style.height=`${r.offsetHeight}px`)}});const o=r=>{const l=r;l.style.height="";const b=l.offsetHeight;l.style.height="0px",l.offsetHeight,l.style.height=`${b}px`},m=r=>{const l=r;l.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${a.type} ${a.cssClass}`},[e.createVNode(e.Transition,{name:c.value?"devui-panel":"",onEnter:o,onLeave:m},{default:()=>{var r,l;return[u[t]===void 0||u[t]?e.createVNode("div",{ref:p,class:`devui-panel-body ${u[t]!==void 0?"devui-panel-body-collapse":""} ${g.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(l=(r=n.slots).default)==null?void 0:l.call(r)])]):null]}})])}}),$=e.defineComponent({name:"DPanelFooter",setup(a,n){return()=>{var g,d;return n.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(d=(g=n.slots).default)==null?void 0:d.call(g)]):null}}}),D={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(a){a.component(h.name,h),a.component(P.name,P),a.component(C.name,C),a.component($.name,$)}};s.Panel=h,s.PanelBody=C,s.PanelFooter=$,s.PanelHeader=P,s.default=D,s.panelProps=y,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/popover/index.es.js

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport } from "vue";
+import { watch, onUnmounted, defineComponent, toRefs, createVNode, Transition, mergeProps, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, provide, Teleport } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const fixedOverlayProps = {
   modelValue: {