vue-devui 1.5.9 → 1.5.11

package/fullscreen/index.es.js

@@ -1,166 +0,0 @@
-import { toRefs, onMounted, onUnmounted, watch, defineComponent, ref, renderSlot, useSlots, createVNode } from "vue";
-const fullscreenProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  mode: {
-    type: String,
-    default: "normal"
-  },
-  zIndex: {
-    type: Number,
-    default: 10
-  }
-};
-const ESC_KEY_CODE = 27;
-function useKeydown(props, ctx) {
-  const { modelValue } = toRefs(props);
-  const handleKeydown = (event) => {
-    if (event.keyCode === ESC_KEY_CODE && modelValue) {
-      ctx.emit("update:modelValue", false);
-    }
-  };
-  onMounted(() => {
-    document.addEventListener("keydown", handleKeydown);
-  });
-  onUnmounted(() => {
-    document.removeEventListener("keydown", handleKeydown);
-  });
-}
-function createBem(namespace, element, modifier) {
-  let cls = namespace;
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-}
-function useNamespace(block, needDot = false) {
-  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
-  const b = () => createBem(namespace);
-  const e = (element) => element ? createBem(namespace, element) : "";
-  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
-  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
-  return {
-    b,
-    e,
-    m,
-    em
-  };
-}
-const ns = useNamespace("fullscreen");
-const launchNormalFullscreen = (targetElement, props) => {
-  targetElement.classList.add(ns.b());
-  if (props.zIndex) {
-    targetElement.setAttribute("style", `z-index: ${props.zIndex}`);
-  }
-};
-const exitNormalFullscreen = (targetElement) => {
-  targetElement.classList.remove(ns.b());
-  targetElement.style.zIndex = "";
-};
-const launchImmersiveFullScreen = async (docElement) => {
-  let fullscreenLaunch = null;
-  if (docElement.requestFullscreen) {
-    fullscreenLaunch = docElement.requestFullscreen();
-  } else if (docElement.mozRequestFullScreen) {
-    fullscreenLaunch = docElement.mozRequestFullScreen();
-  } else if (docElement.webkitRequestFullScreen) {
-    fullscreenLaunch = Promise.resolve(docElement.webkitRequestFullScreen());
-  } else if (docElement.msRequestFullscreen) {
-    fullscreenLaunch = Promise.resolve(docElement.msRequestFullscreen());
-  }
-  return await (fullscreenLaunch == null ? void 0 : fullscreenLaunch.then(() => !!document.fullscreenElement));
-};
-const exitImmersiveFullScreen = async (doc) => {
-  let fullscreenExit = null;
-  if (doc.exitFullscreen) {
-    fullscreenExit = doc.exitFullscreen();
-  } else if (doc.mozCancelFullScreen) {
-    fullscreenExit = doc.mozCancelFullScreen();
-  } else if (doc.webkitCancelFullScreen) {
-    fullscreenExit = Promise.resolve(doc.webkitCancelFullScreen());
-  } else if (doc.msExitFullscreen) {
-    fullscreenExit = Promise.resolve(doc.msExitFullscreen());
-  }
-  return await (fullscreenExit == null ? void 0 : fullscreenExit.then(() => !!document.fullscreenElement));
-};
-const addFullScreenStyle = () => {
-  document.getElementsByTagName("html")[0].classList.add(ns.e("html"));
-};
-const removeFullScreenStyle = () => {
-  document.getElementsByTagName("html")[0].classList.remove(ns.e("html"));
-};
-function useFullscreen(props, slotElement, ctx) {
-  const { modelValue, mode } = toRefs(props);
-  let exitByKeydown = false;
-  const handleNormalFullscreen = (isOpen) => {
-    if (isOpen) {
-      launchNormalFullscreen(slotElement.value, props);
-      addFullScreenStyle();
-    } else {
-      exitNormalFullscreen(slotElement.value);
-      removeFullScreenStyle();
-    }
-  };
-  const handleImmersiveFullscreen = (isOpen) => {
-    if (isOpen) {
-      launchImmersiveFullScreen(slotElement.value);
-    } else {
-      if (!exitByKeydown) {
-        exitImmersiveFullScreen(document);
-      }
-    }
-  };
-  watch(modelValue, (newVal) => {
-    if (mode.value === "normal") {
-      handleNormalFullscreen(newVal);
-    }
-    if (mode.value === "immersive") {
-      handleImmersiveFullscreen(newVal);
-    }
-  });
-  const handleFullscreenChange = () => {
-    if (!document.fullscreenElement) {
-      ctx.emit("update:modelValue");
-      exitByKeydown = true;
-    } else {
-      exitByKeydown = false;
-    }
-  };
-  onMounted(() => {
-    document.addEventListener("fullscreenchange", handleFullscreenChange);
-  });
-  onUnmounted(() => {
-    document.removeEventListener("fullscreenchange", handleFullscreenChange);
-  });
-}
-var fullscreen = "";
-var Fullscreen = defineComponent({
-  name: "DFullscreen",
-  props: fullscreenProps,
-  emits: ["update:modelValue"],
-  setup(props, ctx) {
-    const slotElement = ref();
-    useFullscreen(props, slotElement, ctx);
-    useKeydown(props, ctx);
-    return () => {
-      const defaultSlot = renderSlot(useSlots(), "default");
-      return createVNode("div", {
-        "ref": slotElement
-      }, [defaultSlot]);
-    };
-  }
-});
-var index = {
-  title: "Fullscreen \u5168\u5C4F",
-  category: "\u901A\u7528",
-  status: "100%",
-  install(app) {
-    app.component(Fullscreen.name, Fullscreen);
-  }
-};
-export { Fullscreen, index as default, fullscreenProps };

package/fullscreen/index.umd.js

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

package/fullscreen/package.json

@@ -1,8 +0,0 @@
-{
-  "name": "fullscreen",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css",
-  "types": "../types/fullscreen/index.d.ts"
-}

package/fullscreen/style.css

@@ -1 +0,0 @@
-.devui-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen__html{overflow:hidden}:not(:root):fullscreen::backdrop{background:var(--devui-base-bg, #ffffff)}

package/nuxt/components/Fullscreen.js

@@ -1,3 +0,0 @@
-import '../../fullscreen/style.css' 
-
-export  { Fullscreen as default } from '../../fullscreen/index.es.js'

package/nuxt/components/fullscreenProps.js

@@ -1,3 +0,0 @@
-import '../../fullscreen/style.css' 
-
-export  { fullscreenProps as default } from '../../fullscreen/index.es.js'