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

package/comment/index.es.js

@@ -72,15 +72,12 @@ var Comment = defineComponent({
     };
   }
 });
-Comment.install = function(app) {
-  app.component(Comment.name, Comment);
-};
 var index = {
   title: "Comment \u8BC4\u8BBA",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Comment);
+    app.component(Comment.name, Comment);
   }
 };
-export { Comment, index as default };
+export { Comment, commentProps, index as default };

package/comment/index.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const b={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var T="",c=e.defineComponent({name:"DComment",props:b,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var m,u,r,f,l,v,y,h,V,p;const j=o=>!o||!o.length?null:o.map((D,N)=>e.createVNode("li",{key:`devui-comment-action-${N}`,class:`devui-comment-action-${N}`},[D])),i=(u=a.actions)!=null?u:(m=t.actions)==null?void 0:m.call(t),C=(f=a.author)!=null?f:(r=t.author)==null?void 0:r.call(t),d=(v=a.avatar)!=null?v:(l=t.avatar)==null?void 0:l.call(t),O=(h=a.content)!=null?h:(y=t.content)==null?void 0:y.call(t),A=(p=a.datetime)!=null?p:(V=t.datetime)==null?void 0:V.call(t),s=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),B=i?e.createVNode("ul",{class:"devui-comment-actions"},[j(Array.isArray(i)?i:[i])]):null;return e.createVNode("div",{class:"devui-comment"},[s,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),B])])}}});c.install=function(a){a.component(c.name,c)};var g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.use(c)}};n.Comment=c,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={actions:{type:Object,default:null},author:{type:Object,default:null},avatar:{type:Object,default:null},content:{type:Object,default:null},datetime:{type:Object,default:null}};var T="",i=e.defineComponent({name:"DComment",props:o,emits:[],slots:["actions","author","avatar","content","datetime"],setup(a,{slots:t}){return()=>{var u,r,f,v,l,y,h,V,p,N;const j=m=>!m||!m.length?null:m.map((P,b)=>e.createVNode("li",{key:`devui-comment-action-${b}`,class:`devui-comment-action-${b}`},[P])),c=(r=a.actions)!=null?r:(u=t.actions)==null?void 0:u.call(t),C=(v=a.author)!=null?v:(f=t.author)==null?void 0:f.call(t),d=(y=a.avatar)!=null?y:(l=t.avatar)==null?void 0:l.call(t),O=(V=a.content)!=null?V:(h=t.content)==null?void 0:h.call(t),A=(N=a.datetime)!=null?N:(p=t.datetime)==null?void 0:p.call(t),B=e.createVNode("div",{class:"devui-comment-avatar"},[typeof d=="string"?e.createVNode("img",{src:d,alt:"comment-avatar"},null):d]),D=c?e.createVNode("ul",{class:"devui-comment-actions"},[j(Array.isArray(c)?c:[c])]):null;return e.createVNode("div",{class:"devui-comment"},[B,e.createVNode("div",{class:"devui-comment-right"},[e.createVNode("div",{class:"devui-comment-head"},[e.createVNode("div",{class:"devui-comment-author"},[C]),e.createVNode("div",{class:"devui-comment-datetime"},[A])]),e.createVNode("div",{class:"devui-comment-content"},[O]),D])])}}}),g={title:"Comment \u8BC4\u8BBA",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(i.name,i)}};n.Comment=i,n.commentProps=o,n.default=g,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/countdown/index.es.js

@@ -23,7 +23,6 @@ const countdownProps = {
     }
   }
 };
-var countdown = "";
 const getFormatTime = (leftTime) => {
   const timeformat = /* @__PURE__ */ new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
   const year = Math.floor(leftTime / (365 * 24 * 60 * 60 * 1e3));
@@ -96,6 +95,7 @@ const numFormat = (n, len) => {
     return str + n;
   }
 };
+var countdown = "";
 var Countdown = defineComponent({
   name: "DCountdown",
   props: countdownProps,
@@ -130,8 +130,9 @@ var Countdown = defineComponent({
     };
     const startTime = () => {
       getTime();
-      if (countdown2.value)
+      if (countdown2.value) {
         return;
+      }
       countdown2.value = setInterval(() => {
         const t = getTime();
         if (t === 0) {
@@ -162,15 +163,12 @@ var Countdown = defineComponent({
     };
   }
 });
-Countdown.install = function(app) {
-  app.component(Countdown.name, Countdown);
-};
 var index = {
   title: "Countdown \u5012\u8BA1\u65F6",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Countdown);
+    app.component(Countdown.name, Countdown);
   }
 };
-export { Countdown, index as default };
+export { Countdown, countdownProps, index as default };

package/countdown/index.umd.js

@@ -1 +1 @@
-(function(r,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(r=typeof globalThis!="undefined"?globalThis:r||self,a(r.index={},r.Vue))})(this,function(r,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}};var T="";const M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),u=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),f=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",u),t.set("m",h),t.set("s",f),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const u of n.keys())e.has(u)?(n.set(u,t.get(u)+o),o=0):o+=t.get(u)*s.get(u);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let u=0;u<s;u++)o+="0";return o+e}};var l=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),u=a.ref(""),h=c=>{const i=new Set(["Y","M","D","H","m","s","S"]),m=o.reduce((d,g)=>i.has(g.k)?d+D(c.get(g.k),g.n):d+g.k,"");u.value=m},f=()=>{const c=new Date(e.value).getTime(),i=c>new Date().getTime()?c-new Date().getTime():0,m=M(i),d=p(s,m);return!t.slots.default&&h(d),t.emit("onChange",{leftTime:i,formatTime:m,legalTime:d}),i},S=()=>{f(),!n.value&&(n.value=setInterval(()=>{f()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[u.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}});l.install=function(e){e.component(l.name,l)};var H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.use(l)}};r.Countdown=l,r.default=H,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+(function(u,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis!="undefined"?globalThis:u||self,a(u.index={},u.Vue))})(this,function(u,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}},M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),r=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),d=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",r),t.set("m",h),t.set("s",d),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const r of n.keys())e.has(r)?(n.set(r,t.get(r)+o),o=0):o+=t.get(r)*s.get(r);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let r=0;r<s;r++)o+="0";return o+e}};var T="",g=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),r=a.ref(""),h=c=>{const l=new Set(["Y","M","D","H","m","s","S"]),f=o.reduce((i,m)=>l.has(m.k)?i+D(c.get(m.k),m.n):i+m.k,"");r.value=f},d=()=>{const c=new Date(e.value).getTime(),l=c>new Date().getTime()?c-new Date().getTime():0,f=M(l),i=p(s,f);return!t.slots.default&&h(i),t.emit("onChange",{leftTime:l,formatTime:f,legalTime:i}),l},S=()=>{d(),!n.value&&(n.value=setInterval(()=>{d()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[r.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}}),H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.component(g.name,g)}};u.Countdown=g,u.countdownProps=w,u.default=H,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/editable-select/index.es.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { computed, nextTick, defineComponent, ref, reactive, watch, withDirectives, createVNode, withModifiers, resolveComponent, resolveDirective, vShow, Transition } from "vue";
+import { computed, ref, nextTick, defineComponent, watch, withDirectives, createVNode, withModifiers, resolveComponent, vShow, resolveDirective } from "vue";
 const editableSelectProps = {
-  appendToBody: {
-    type: Boolean
-  },
   options: {
     type: Array,
     default: () => []
@@ -48,9 +29,6 @@ const editableSelectProps = {
   },
   filterOption: {
     type: [Function, Boolean]
-  },
-  loadMore: {
-    type: Function
   }
 };
 const inBrowser = typeof window !== "undefined";
@@ -145,17 +123,21 @@ const useInput = (inputValue, ctx2) => {
     handleInput
   };
 };
-const useLazyLoad = (dropdownRef, inputValue, filterOtion, load) => {
+const useLazyLoad = (dropdownRef, inputValue, filterOtion, ctx2) => {
   const loadMore = () => {
-    if (filterOtion !== false)
+    const dropdownVal = dropdownRef.value;
+    if (filterOtion !== false) {
       return;
-    if (dropdownRef.value.clientHeight + dropdownRef.value.scrollTop >= dropdownRef.value.scrollHeight) {
-      load(inputValue.value);
+    }
+    if (dropdownVal.clientHeight + dropdownVal.scrollTop >= dropdownVal.scrollHeight) {
+      ctx2.emit("loadMore", inputValue.value);
     }
   };
   return { loadMore };
 };
-const useKeyboardSelect = (dropdownRef, disabled, visible, hoverIndex, selectedIndex, options, toggleMenu, closeMenu, handleClick) => {
+const useKeyboardSelect = (dropdownRef, visible, inputValue, filteredOptions, optionDisabledKey, filterOption, loading, handleClick, closeMenu, toggleMenu) => {
+  const hoverIndex = ref(0);
+  const selectedIndex = ref(0);
   const updateHoveringIndex = (index2) => {
     hoverIndex.value = index2;
   };
@@ -174,64 +156,71 @@ const useKeyboardSelect = (dropdownRef, disabled, visible, hoverIndex, selectedI
       }
     });
   };
-  const onKeyboardNavigation = (direction, newIndex) => {
-    if (!newIndex) {
-      newIndex = hoverIndex.value;
+  const handleEscape = () => {
+    if (inputValue.value) {
+      inputValue.value = "";
+    } else {
+      closeMenu();
+    }
+  };
+  const handleEnter = () => {
+    const len = filteredOptions.value.length;
+    if (!visible.value) {
+      toggleMenu();
+    } else if (!len || len === 1) {
+      closeMenu();
+    } else if (len && len !== 1) {
+      handleClick(filteredOptions.value[hoverIndex.value]);
+      closeMenu();
+    }
+  };
+  const handleKeyboardNavigation = (direction) => {
+    const len = filteredOptions.value.length;
+    if (!len || len === 1) {
+      return;
+    }
+    if (!["ArrowDown", "ArrowUp"].includes(direction)) {
+      return;
     }
-    if (!["ArrowDown", "ArrowUp"].includes(direction))
+    if (filterOption === false && loading.value) {
       return;
+    }
+    let newIndex = 0;
+    newIndex = hoverIndex.value;
     if (direction === "ArrowUp") {
-      if (newIndex === 0) {
-        newIndex = options.value.length - 1;
-        scrollToItem(newIndex);
-        updateHoveringIndex(newIndex);
-        return;
+      newIndex -= 1;
+      if (newIndex === -1) {
+        newIndex = len - 1;
       }
-      newIndex = newIndex - 1;
     } else if (direction === "ArrowDown") {
-      if (newIndex === options.value.length - 1) {
+      newIndex += 1;
+      if (newIndex === len) {
         newIndex = 0;
-        scrollToItem(newIndex);
-        updateHoveringIndex(newIndex);
-        return;
       }
-      newIndex = newIndex + 1;
     }
-    const option = options.value[newIndex];
-    if (option[disabled]) {
-      return onKeyboardNavigation(direction, newIndex);
+    hoverIndex.value = newIndex;
+    const option = filteredOptions.value[newIndex];
+    if (option[optionDisabledKey]) {
+      return handleKeyboardNavigation(direction);
     }
-    scrollToItem(newIndex);
     updateHoveringIndex(newIndex);
+    scrollToItem(newIndex);
   };
   const handleKeydown = (event) => {
     const keyCode = event.key || event.code;
-    if (options.value.length === 0)
-      return;
-    if (!visible.value) {
-      return toggleMenu();
-    }
-    const onKeydownEnter = () => {
-      handleClick(options.value[hoverIndex.value]);
-      closeMenu();
-    };
-    const onKeydownEsc = () => {
-      closeMenu();
-    };
     switch (keyCode) {
-      case "Enter":
-        onKeydownEnter();
-        break;
       case "Escape":
-        onKeydownEsc();
+        event.preventDefault();
+        handleEscape();
+        break;
+      case "Enter":
+        handleEnter();
         break;
       default:
-        onKeyboardNavigation(keyCode);
+        handleKeyboardNavigation(keyCode);
     }
   };
-  return {
-    handleKeydown
-  };
+  return { handleKeydown, hoverIndex, selectedIndex };
 };
 var EditableSelect = defineComponent({
   name: "DEditableSelect",
@@ -241,101 +230,19 @@ var EditableSelect = defineComponent({
   props: editableSelectProps,
   emits: ["update:modelValue", "search", "loadMore"],
   setup(props, ctx2) {
-    const getItemCls = (option, index2) => {
-      const {
-        optionDisabledKey: disabledKey
-      } = props;
-      return className("devui-dropdown-item", {
-        disabled: disabledKey ? !!option[disabledKey] : false,
-        selected: index2 === selectIndex.value,
-        "devui-dropdown-bg": index2 === hoverIndex.value
-      });
-    };
-    const renderDropdown = () => {
-      if (props.appendToBody) {
-        return createVNode(resolveComponent("d-flexible-overlay"), {
-          "origin": origin,
-          "visible": visible.value,
-          "onUpdate:visible": ($event) => visible.value = $event,
-          "position": position,
-          "hasBackdrop": false
-        }, {
-          default: () => [createVNode("div", {
-            "class": "devui-editable-select-dropdown",
-            "style": {
-              width: props.width + "px"
-            }
-          }, [withDirectives(createVNode("div", {
-            "class": "devui-dropdown-menu"
-          }, [createVNode("ul", {
-            "ref": dopdownRef,
-            "class": "devui-list-unstyled scroll-height",
-            "style": {
-              maxHeight: props.maxHeight + "px"
-            },
-            "onScroll": loadMore
-          }, [filteredOptions.value.map((option, index2) => {
-            return createVNode("li", {
-              "class": getItemCls(option, index2),
-              "onClick": (e) => {
-                e.stopPropagation();
-                handleClick(option);
-              }
-            }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(option) : option.label]);
-          }), withDirectives(createVNode("li", {
-            "class": "devui-no-result-template"
-          }, [createVNode("div", {
-            "class": "devui-no-data-tip"
-          }, [emptyText.value])]), [[vShow, !filteredOptions.value.length]])])]), [[resolveDirective("dLoading"), props.loading], [vShow, visible.value]])])]
-        });
-      } else {
-        return createVNode(Transition, {
-          "name": "fade"
-        }, {
-          default: () => [withDirectives(createVNode("div", {
-            "class": "devui-dropdown-menu"
-          }, [createVNode("ul", {
-            "ref": dopdownRef,
-            "class": "devui-list-unstyled scroll-height",
-            "style": {
-              maxHeight: props.maxHeight + "px"
-            },
-            "onScroll": loadMore
-          }, [filteredOptions.value.map((option, index2) => {
-            return createVNode("li", {
-              "class": getItemCls(option, index2),
-              "onClick": (e) => {
-                e.stopPropagation();
-                handleClick(option);
-              }
-            }, [ctx2.slots.itemTemplate ? ctx2.slots.itemTemplate(option) : option.label]);
-          }), withDirectives(createVNode("li", {
-            "class": "devui-no-result-template"
-          }, [createVNode("div", {
-            "class": "devui-no-data-tip"
-          }, [emptyText.value])]), [[vShow, !filteredOptions.value.length]])])]), [[vShow, visible.value]])]
-        });
-      }
-    };
-    const dopdownRef = ref();
+    const dropdownRef = ref();
     const origin = ref();
-    const position = reactive({
-      originX: "left",
-      originY: "bottom",
-      overlayX: "left",
-      overlayY: "top"
-    });
+    const position = ref(["bottom", "left"]);
     const visible = ref(false);
-    const inputValue = ref(props.modelValue);
-    const hoverIndex = ref(0);
-    const selectIndex = ref(0);
+    const inputValue = ref(props.modelValue || "");
+    const loading = ref(props.loading);
     const normalizeOptions = computed(() => {
       return props.options.map((option) => {
         if (typeof option === "object") {
-          return __spreadValues({
+          return Object.assign({}, option, {
             label: option.label ? option.label : option.value,
             value: option.value
-          }, option);
+          });
         }
         return {
           label: option + "",
@@ -345,13 +252,16 @@ var EditableSelect = defineComponent({
     });
     const filteredOptions = userFilterOptions(normalizeOptions, inputValue, props.filterOption);
     const emptyText = computed(() => {
-      let text;
+      let text = "";
       if (props.filterOption !== false && !filteredOptions.value.length) {
         text = "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55";
       } else if (props.filterOption === false && !filteredOptions.value.length) {
         text = "\u6CA1\u6709\u6570\u636E";
       }
-      return ctx2.slots.noResultItemTemplate ? ctx2.slots.noResultItemTemplate() : text;
+      return text;
+    });
+    watch(() => props.loading, (newVal) => {
+      loading.value = newVal;
     });
     const toggleMenu = () => {
       visible.value = !visible.value;
@@ -361,7 +271,7 @@ var EditableSelect = defineComponent({
     };
     const {
       loadMore
-    } = useLazyLoad(dopdownRef, inputValue, props.filterOption, props.loadMore);
+    } = useLazyLoad(dropdownRef, inputValue, props.filterOption, ctx2);
     const {
       handleInput
     } = useInput(inputValue, ctx2);
@@ -369,17 +279,32 @@ var EditableSelect = defineComponent({
       const {
         optionDisabledKey: disabledKey
       } = props;
-      if (disabledKey && !!option[disabledKey])
+      if (disabledKey && !!option[disabledKey]) {
         return;
+      }
       ctx2.emit("update:modelValue", option.label);
       closeMenu();
     };
     const {
-      handleKeydown
-    } = useKeyboardSelect(dopdownRef, props.optionDisabledKey, visible, hoverIndex, selectIndex, filteredOptions, toggleMenu, closeMenu, handleClick);
+      handleKeydown,
+      hoverIndex,
+      selectedIndex
+    } = useKeyboardSelect(dropdownRef, visible, inputValue, filteredOptions, props.optionDisabledKey, props.filterOption, loading, handleClick, closeMenu, toggleMenu);
     watch(() => props.modelValue, (newVal) => {
-      inputValue.value = newVal;
+      if (newVal) {
+        inputValue.value = newVal;
+      }
     });
+    const getItemCls = (option, index2) => {
+      const {
+        optionDisabledKey: disabledKey
+      } = props;
+      return className("devui-dropdown-item", {
+        disabled: disabledKey ? !!option[disabledKey] : false,
+        selected: index2 === selectedIndex.value,
+        "devui-dropdown-bg": index2 === hoverIndex.value
+      });
+    };
     return () => {
       const selectCls = className("devui-editable-select devui-form-group devui-has-feedback", {
         "devui-select-open": visible.value === true
@@ -405,19 +330,50 @@ var EditableSelect = defineComponent({
         "class": "devui-select-chevron-icon"
       }, [createVNode(resolveComponent("d-icon"), {
         "name": "select-arrow"
-      }, null)])]), renderDropdown()]), [[resolveDirective("click-outside"), closeMenu]]);
+      }, null)])]), createVNode(resolveComponent("d-flexible-overlay"), {
+        "origin": origin.value,
+        "modelValue": visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
+        "position": position.value,
+        "hasBackdrop": false
+      }, {
+        default: () => [createVNode("div", {
+          "class": "devui-editable-select-dropdown",
+          "style": {
+            width: props.width + "px"
+          }
+        }, [withDirectives(createVNode("div", {
+          "class": "devui-dropdown-menu"
+        }, [createVNode("ul", {
+          "ref": dropdownRef,
+          "class": "devui-list-unstyled scroll-height",
+          "style": {
+            maxHeight: props.maxHeight + "px"
+          },
+          "onScroll": loadMore
+        }, [filteredOptions.value.map((option, index2) => {
+          return createVNode("li", {
+            "class": getItemCls(option, index2),
+            "onClick": (e) => {
+              e.stopPropagation();
+              handleClick(option);
+            }
+          }, [ctx2.slots.item ? ctx2.slots.item(option) : option.label]);
+        }), withDirectives(createVNode("li", {
+          "class": "devui-no-result-template"
+        }, [createVNode("div", {
+          "class": "devui-no-data-tip"
+        }, [ctx2.slots.noResultItem ? ctx2.slots.noResultItem() : emptyText.value])]), [[vShow, !filteredOptions.value.length]])])]), [[resolveDirective("dLoading"), props.loading], [vShow, visible.value]])])]
+      })]), [[resolveDirective("click-outside"), closeMenu]]);
     };
   }
 });
-EditableSelect.install = function(app) {
-  app.component(EditableSelect.name, EditableSelect);
-};
 var index = {
   title: "EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",
   category: "\u6570\u636E\u5F55\u5165",
   status: "100%",
   install(app) {
-    app.use(EditableSelect);
+    app.component(EditableSelect.name, EditableSelect);
   }
 };
-export { EditableSelect, index as default };
+export { EditableSelect, index as default, editableSelectProps };

package/editable-select/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty;var L=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var O=(s,e,u)=>e in s?z(s,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[e]=u,j=(s,e)=>{for(var u in e||(e={}))$.call(e,u)&&O(s,u,e[u]);if(L)for(var u of L(e))G.call(e,u)&&O(s,u,e[u]);return s};(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 u={appendToBody:{type:Boolean},options:{type:Array,default:()=>[]},disabled:{type:Boolean},loading:{type:Boolean},optionDisabledKey:{type:String,default:""},placeholder:{type:String,default:"Search"},modelValue:{type:String},width:{type:Number},maxHeight:{type:Number},filterOption:{type:[Function,Boolean]},loadMore:{type:Function}},A=typeof window!="undefined";function F(t,l,n){document.addEventListener?t&&l&&n&&t.addEventListener(l,n,!1):t&&l&&n&&t.attachEvent("on"+l,n)}const h=Symbol("@@clickoutside"),C=new Map;let K,D=0,H=!0;function M(t,l,n){return A&&H&&(H=!1,F(document,"mousedown",i=>{K=i}),F(document,"mouseup",i=>{for(const[r,c]of C)c[h].documentHandler(i,K)})),function(i,r){!n||!l.instance||!i.target||!r.target||t.contains(i.target)||t.contains(r.target)||t===i.target||t[h].bindingFn&&t[h].bindingFn()}}const P={beforeMount:function(t,l,n){D++,C.set(D,t),t[h]={nid:D,documentHandler:M(t,l,n),bindingFn:l.value}},updated:function(t,l,n){t[h].documentHandler=M(t,l,n),t[h].bindingFn=l.value},unmounted:function(t){C.delete(t[h].nid),delete t[h]}};function B(t,l){let n=t;return typeof l=="object"&&Object.keys(l).forEach(i=>{l[i]&&(n+=` ${i}`)}),n}var J="";const R=()=>(t,l)=>l.label.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())>-1,U=(t,l,n)=>e.computed(()=>{const i=[];if(!l.value||n===!1)return t.value;const r=typeof n=="function"?n:R();return t.value.forEach(c=>{r(l.value,c)&&i.push(c)}),i}),I=(t,l)=>{const n=r=>{l.emit("search",r)};return{handleInput:r=>{const c=r.target.value;t.value=c,n(c)}}},X=(t,l,n,i)=>({loadMore:()=>{n===!1&&t.value.clientHeight+t.value.scrollTop>=t.value.scrollHeight&&i(l.value)}}),Y=(t,l,n,i,r,c,E,f,p)=>{const b=d=>{i.value=d},w=d=>{const a=t.value,m=a.children[d];e.nextTick(()=>{if(m.scrollIntoViewIfNeeded)m.scrollIntoViewIfNeeded(!1);else{const y=a.getBoundingClientRect(),k=m.getBoundingClientRect();(k.bottom>y.bottom||k.top<y.top)&&m.scrollIntoView(!1)}})},S=(d,a)=>{if(a||(a=i.value),!["ArrowDown","ArrowUp"].includes(d))return;if(d==="ArrowUp"){if(a===0){a=c.value.length-1,w(a),b(a);return}a=a-1}else if(d==="ArrowDown"){if(a===c.value.length-1){a=0,w(a),b(a);return}a=a+1}if(c.value[a][l])return S(d,a);w(a),b(a)};return{handleKeydown:d=>{const a=d.key||d.code;if(c.value.length===0)return;if(!n.value)return E();const m=()=>{p(c.value[i.value]),f()},y=()=>{f()};switch(a){case"Enter":m();break;case"Escape":y();break;default:S(a)}}}};var N=e.defineComponent({name:"DEditableSelect",directives:{clickOutside:P},props:u,emits:["update:modelValue","search","loadMore"],setup(t,l){const n=(o,v)=>{const{optionDisabledKey:V}=t;return B("devui-dropdown-item",{disabled:V?!!o[V]:!1,selected:v===w.value,"devui-dropdown-bg":v===b.value})},i=()=>t.appendToBody?e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:c,visible:f.value,"onUpdate:visible":o=>f.value=o,position:E,hasBackdrop:!1},{default:()=>[e.createVNode("div",{class:"devui-editable-select-dropdown",style:{width:t.width+"px"}},[e.withDirectives(e.createVNode("div",{class:"devui-dropdown-menu"},[e.createVNode("ul",{ref:r,class:"devui-list-unstyled scroll-height",style:{maxHeight:t.maxHeight+"px"},onScroll:y},[g.value.map((o,v)=>e.createVNode("li",{class:n(o,v),onClick:V=>{V.stopPropagation(),T(o)}},[l.slots.itemTemplate?l.slots.itemTemplate(o):o.label])),e.withDirectives(e.createVNode("li",{class:"devui-no-result-template"},[e.createVNode("div",{class:"devui-no-data-tip"},[d.value])]),[[e.vShow,!g.value.length]])])]),[[e.resolveDirective("dLoading"),t.loading],[e.vShow,f.value]])])]}):e.createVNode(e.Transition,{name:"fade"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-dropdown-menu"},[e.createVNode("ul",{ref:r,class:"devui-list-unstyled scroll-height",style:{maxHeight:t.maxHeight+"px"},onScroll:y},[g.value.map((o,v)=>e.createVNode("li",{class:n(o,v),onClick:V=>{V.stopPropagation(),T(o)}},[l.slots.itemTemplate?l.slots.itemTemplate(o):o.label])),e.withDirectives(e.createVNode("li",{class:"devui-no-result-template"},[e.createVNode("div",{class:"devui-no-data-tip"},[d.value])]),[[e.vShow,!g.value.length]])])]),[[e.vShow,f.value]])]}),r=e.ref(),c=e.ref(),E=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),f=e.ref(!1),p=e.ref(t.modelValue),b=e.ref(0),w=e.ref(0),S=e.computed(()=>t.options.map(o=>typeof o=="object"?j({label:o.label?o.label:o.value,value:o.value},o):{label:o+"",value:o})),g=U(S,p,t.filterOption),d=e.computed(()=>{let o;return t.filterOption!==!1&&!g.value.length?o="\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55":t.filterOption===!1&&!g.value.length&&(o="\u6CA1\u6709\u6570\u636E"),l.slots.noResultItemTemplate?l.slots.noResultItemTemplate():o}),a=()=>{f.value=!f.value},m=()=>{f.value=!1},{loadMore:y}=X(r,p,t.filterOption,t.loadMore),{handleInput:k}=I(p,l),T=o=>{const{optionDisabledKey:v}=t;v&&!!o[v]||(l.emit("update:modelValue",o.label),m())},{handleKeydown:q}=Y(r,t.optionDisabledKey,f,b,w,g,a,m,T);return e.watch(()=>t.modelValue,o=>{p.value=o}),()=>{const o=B("devui-editable-select devui-form-group devui-has-feedback",{"devui-select-open":f.value===!0});return e.withDirectives(e.createVNode("div",{class:o,ref:c,style:{width:t.width+"px"}},[e.createVNode("input",{class:"devui-form-control devui-dropdown-origin devui-dropdown-origin-open",onClick:e.withModifiers(a,["self"]),onInput:k,onKeydown:q,value:p.value,disabled:t.disabled,placeholder:t.placeholder,type:"text"},null),e.createVNode("span",{class:"devui-form-control-feedback"},[e.createVNode("span",{class:"devui-select-chevron-icon"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),i()]),[[e.resolveDirective("click-outside"),m]])}}});N.install=function(t){t.component(N.name,N)};var _={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.use(N)}};s.EditableSelect=N,s.default=_,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="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 N={options:{type:Array,default:()=>[]},disabled:{type:Boolean},loading:{type:Boolean},optionDisabledKey:{type:String,default:""},placeholder:{type:String,default:"Search"},modelValue:{type:String},width:{type:Number},maxHeight:{type:Number},filterOption:{type:[Function,Boolean]}},B=typeof window!="undefined";function x(e,l,o){document.addEventListener?e&&l&&o&&e.addEventListener(l,o,!1):e&&l&&o&&e.attachEvent("on"+l,o)}const f=Symbol("@@clickoutside"),S=new Map;let F,E=0,K=!0;function H(e,l,o){return B&&K&&(K=!1,x(document,"mousedown",a=>{F=a}),x(document,"mouseup",a=>{for(const[c,i]of S)i[f].documentHandler(a,F)})),function(a,c){!o||!l.instance||!a.target||!c.target||e.contains(a.target)||e.contains(c.target)||e===a.target||e[f].bindingFn&&e[f].bindingFn()}}const O={beforeMount:function(e,l,o){E++,S.set(E,e),e[f]={nid:E,documentHandler:H(e,l,o),bindingFn:l.value}},updated:function(e,l,o){e[f].documentHandler=H(e,l,o),e[f].bindingFn=l.value},unmounted:function(e){S.delete(e[f].nid),delete e[f]}};function L(e,l){let o=e;return typeof l=="object"&&Object.keys(l).forEach(a=>{l[a]&&(o+=` ${a}`)}),o}var q="";const T=()=>(e,l)=>l.label.toLocaleLowerCase().indexOf(e.toLocaleLowerCase())>-1,j=(e,l,o)=>t.computed(()=>{const a=[];if(!l.value||o===!1)return e.value;const c=typeof o=="function"?o:T();return e.value.forEach(i=>{c(l.value,i)&&a.push(i)}),a}),A=(e,l)=>{const o=c=>{l.emit("search",c)};return{handleInput:c=>{const i=c.target.value;e.value=i,o(i)}}},R=(e,l,o,a)=>({loadMore:()=>{const i=e.value;o===!1&&i.clientHeight+i.scrollTop>=i.scrollHeight&&a.emit("loadMore",l.value)}}),P=(e,l,o,a,c,i,v,y,g,h)=>{const m=t.ref(0),p=t.ref(0),w=d=>{m.value=d},C=d=>{const r=e.value,n=r.children[d];t.nextTick(()=>{if(n.scrollIntoViewIfNeeded)n.scrollIntoViewIfNeeded(!1);else{const s=r.getBoundingClientRect(),b=n.getBoundingClientRect();(b.bottom>s.bottom||b.top<s.top)&&n.scrollIntoView(!1)}})},D=()=>{o.value?o.value="":g()},I=()=>{const d=a.value.length;l.value?!d||d===1?g():d&&d!==1&&(y(a.value[m.value]),g()):h()},V=d=>{const r=a.value.length;if(!r||r===1||!["ArrowDown","ArrowUp"].includes(d)||i===!1&&v.value)return;let n=0;if(n=m.value,d==="ArrowUp"?(n-=1,n===-1&&(n=r-1)):d==="ArrowDown"&&(n+=1,n===r&&(n=0)),m.value=n,a.value[n][c])return V(d);w(n),C(n)};return{handleKeydown:d=>{const r=d.key||d.code;switch(r){case"Escape":d.preventDefault(),D();break;case"Enter":I();break;default:V(r)}},hoverIndex:m,selectedIndex:p}};var k=t.defineComponent({name:"DEditableSelect",directives:{clickOutside:O},props:N,emits:["update:modelValue","search","loadMore"],setup(e,l){const o=t.ref(),a=t.ref(),c=t.ref(["bottom","left"]),i=t.ref(!1),v=t.ref(e.modelValue||""),y=t.ref(e.loading),g=t.computed(()=>e.options.map(n=>typeof n=="object"?Object.assign({},n,{label:n.label?n.label:n.value,value:n.value}):{label:n+"",value:n})),h=j(g,v,e.filterOption),m=t.computed(()=>{let n="";return e.filterOption!==!1&&!h.value.length?n="\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55":e.filterOption===!1&&!h.value.length&&(n="\u6CA1\u6709\u6570\u636E"),n});t.watch(()=>e.loading,n=>{y.value=n});const p=()=>{i.value=!i.value},w=()=>{i.value=!1},{loadMore:C}=R(o,v,e.filterOption,l),{handleInput:D}=A(v,l),I=n=>{const{optionDisabledKey:s}=e;s&&!!n[s]||(l.emit("update:modelValue",n.label),w())},{handleKeydown:V,hoverIndex:M,selectedIndex:d}=P(o,i,v,h,e.optionDisabledKey,e.filterOption,y,I,w,p);t.watch(()=>e.modelValue,n=>{n&&(v.value=n)});const r=(n,s)=>{const{optionDisabledKey:b}=e;return L("devui-dropdown-item",{disabled:b?!!n[b]:!1,selected:s===d.value,"devui-dropdown-bg":s===M.value})};return()=>{const n=L("devui-editable-select devui-form-group devui-has-feedback",{"devui-select-open":i.value===!0});return t.withDirectives(t.createVNode("div",{class:n,ref:a,style:{width:e.width+"px"}},[t.createVNode("input",{class:"devui-form-control devui-dropdown-origin devui-dropdown-origin-open",onClick:t.withModifiers(p,["self"]),onInput:D,onKeydown:V,value:v.value,disabled:e.disabled,placeholder:e.placeholder,type:"text"},null),t.createVNode("span",{class:"devui-form-control-feedback"},[t.createVNode("span",{class:"devui-select-chevron-icon"},[t.createVNode(t.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),t.createVNode(t.resolveComponent("d-flexible-overlay"),{origin:a.value,modelValue:i.value,"onUpdate:modelValue":s=>i.value=s,position:c.value,hasBackdrop:!1},{default:()=>[t.createVNode("div",{class:"devui-editable-select-dropdown",style:{width:e.width+"px"}},[t.withDirectives(t.createVNode("div",{class:"devui-dropdown-menu"},[t.createVNode("ul",{ref:o,class:"devui-list-unstyled scroll-height",style:{maxHeight:e.maxHeight+"px"},onScroll:C},[h.value.map((s,b)=>t.createVNode("li",{class:r(s,b),onClick:_=>{_.stopPropagation(),I(s)}},[l.slots.item?l.slots.item(s):s.label])),t.withDirectives(t.createVNode("li",{class:"devui-no-result-template"},[t.createVNode("div",{class:"devui-no-data-tip"},[l.slots.noResultItem?l.slots.noResultItem():m.value])]),[[t.vShow,!h.value.length]])])]),[[t.resolveDirective("dLoading"),e.loading],[t.vShow,i.value]])])]})]),[[t.resolveDirective("click-outside"),w]])}}}),U={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(k.name,k)}};u.EditableSelect=k,u.default=U,u.editableSelectProps=N,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

package/fullscreen/index.es.js

@@ -36,7 +36,7 @@ const launchNormalFullscreen = (targetElement, props) => {
 };
 const exitNormalFullscreen = (targetElement) => {
   targetElement.classList.remove("devui-fullscreen");
-  targetElement.style.zIndex = null;
+  targetElement.style.zIndex = "";
 };
 const launchImmersiveFullScreen = async (docElement) => {
   let fullscreenLaunch = null;
@@ -49,7 +49,7 @@ const launchImmersiveFullScreen = async (docElement) => {
   } else if (docElement.msRequestFullscreen) {
     fullscreenLaunch = Promise.resolve(docElement.msRequestFullscreen());
   }
-  return await fullscreenLaunch.then(() => !!document.fullscreenElement);
+  return await (fullscreenLaunch == null ? void 0 : fullscreenLaunch.then(() => !!document.fullscreenElement));
 };
 const exitImmersiveFullScreen = async (doc) => {
   let fullscreenExit = null;
@@ -62,7 +62,7 @@ const exitImmersiveFullScreen = async (doc) => {
   } else if (doc.msExitFullscreen) {
     fullscreenExit = Promise.resolve(doc.msExitFullscreen());
   }
-  return await fullscreenExit.then(() => !!document.fullscreenElement);
+  return await (fullscreenExit == null ? void 0 : fullscreenExit.then(() => !!document.fullscreenElement));
 };
 const addFullScreenStyle = () => {
   document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html");
@@ -73,14 +73,6 @@ const removeFullScreenStyle = () => {
 function useFullscreen(props, slotElement, ctx) {
   const { modelValue, mode } = toRefs(props);
   let exitByKeydown = false;
-  watch(modelValue, (newVal) => {
-    if (mode.value === "normal") {
-      handleNormalFullscreen(newVal);
-    }
-    if (mode.value === "immersive") {
-      handleImmersiveFullscreen(newVal);
-    }
-  });
   const handleNormalFullscreen = (isOpen) => {
     if (isOpen) {
       launchNormalFullscreen(slotElement.value, props);
@@ -99,6 +91,14 @@ function useFullscreen(props, slotElement, ctx) {
       }
     }
   };
+  watch(modelValue, (newVal) => {
+    if (mode.value === "normal") {
+      handleNormalFullscreen(newVal);
+    }
+    if (mode.value === "immersive") {
+      handleImmersiveFullscreen(newVal);
+    }
+  });
   const handleFullscreenChange = () => {
     if (!document.fullscreenElement) {
       ctx.emit("update:modelValue");
@@ -131,15 +131,12 @@ var Fullscreen = defineComponent({
     };
   }
 });
-Fullscreen.install = function(app) {
-  app.component(Fullscreen.name, Fullscreen);
-};
 var index = {
   title: "Fullscreen \u5168\u5C4F",
   category: "\u901A\u7528",
   status: "100%",
   install(app) {
-    app.use(Fullscreen);
+    app.component(Fullscreen.name, Fullscreen);
   }
 };
-export { Fullscreen, index as default };
+export { Fullscreen, index as default, fullscreenProps };

package/fullscreen/index.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";const d={modelValue:{type:Boolean,default:!1},mode:{type:String,default:"normal"},zIndex:{type:Number,default:10}},m=27;function f(e,l){const{modelValue:s}=n.toRefs(e),u=o=>{o.keyCode===m&&s&&l.emit("update:modelValue",!1)};n.onMounted(()=>{document.addEventListener("keydown",u)}),n.onUnmounted(()=>{document.removeEventListener("keydown",u)})}const F=(e,l)=>{e.classList.add("devui-fullscreen"),l.zIndex&&e.setAttribute("style",`z-index: ${l.zIndex}`)},y=e=>{e.classList.remove("devui-fullscreen"),e.style.zIndex=null},v=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then(()=>!!document.fullscreenElement)},S=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then(()=>!!document.fullscreenElement)},h=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html")},x=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen-html")};function p(e,l,s){const{modelValue:u,mode:o}=n.toRefs(e);let c=!1;n.watch(u,r=>{o.value==="normal"&&C(r),o.value==="immersive"&&q(r)});const C=r=>{r?(F(l.value,e),h()):(y(l.value),x())},q=r=>{r?v(l.value):c||S(document)},a=()=>{document.fullscreenElement?c=!1:(s.emit("update:modelValue"),c=!0)};n.onMounted(()=>{document.addEventListener("fullscreenchange",a)}),n.onUnmounted(()=>{document.removeEventListener("fullscreenchange",a)})}var z="",i=n.defineComponent({name:"DFullscreen",props:d,emits:["update:modelValue"],setup(e,l){const s=n.ref(null);return p(e,s,l),f(e,l),()=>{const u=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:s},[u])}}});i.install=function(e){e.component(i.name,i)};var w={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(e){e.use(i)}};t.Fullscreen=i,t.default=w,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";const a={modelValue:{type:Boolean,default:!1},mode:{type:String,default:"normal"},zIndex:{type:Number,default:10}},m=27;function f(e,l){const{modelValue:s}=n.toRefs(e),u=o=>{o.keyCode===m&&s&&l.emit("update:modelValue",!1)};n.onMounted(()=>{document.addEventListener("keydown",u)}),n.onUnmounted(()=>{document.removeEventListener("keydown",u)})}const F=(e,l)=>{e.classList.add("devui-fullscreen"),l.zIndex&&e.setAttribute("style",`z-index: ${l.zIndex}`)},y=e=>{e.classList.remove("devui-fullscreen"),e.style.zIndex=""},v=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},S=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},h=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html")},p=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen-html")};function w(e,l,s){const{modelValue:u,mode:o}=n.toRefs(e);let c=!1;const C=r=>{r?(F(l.value,e),h()):(y(l.value),p())},q=r=>{r?v(l.value):c||S(document)};n.watch(u,r=>{o.value==="normal"&&C(r),o.value==="immersive"&&q(r)});const d=()=>{document.fullscreenElement?c=!1:(s.emit("update:modelValue"),c=!0)};n.onMounted(()=>{document.addEventListener("fullscreenchange",d)}),n.onUnmounted(()=>{document.removeEventListener("fullscreenchange",d)})}var z="",i=n.defineComponent({name:"DFullscreen",props:a,emits:["update:modelValue"],setup(e,l){const s=n.ref(null);return w(e,s,l),f(e,l),()=>{const u=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:s},[u])}}}),x={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(e){e.component(i.name,i)}};t.Fullscreen=i,t.default=x,t.fullscreenProps=a,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});