vue-devui 1.0.0-pre.0 → 1.0.0-rc.2

package/drawer/index.es.js

@@ -1,234 +0,0 @@
-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 { defineComponent, createVNode, Transition, ref, computed, watch, onUnmounted, Teleport, mergeProps, reactive, createApp, isVNode } from "vue";
-import { onClickOutside } from "@vueuse/core";
-const drawerProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  zIndex: {
-    type: Number,
-    default: 1e3
-  },
-  showOverlay: {
-    type: Boolean,
-    default: true
-  },
-  escKeyCloseable: {
-    type: Boolean,
-    default: true
-  },
-  position: {
-    type: String,
-    default: "right"
-  },
-  lockScroll: {
-    type: Boolean,
-    default: true
-  },
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: true
-  },
-  beforeClose: {
-    type: Function
-  }
-};
-const drawerOverlayProps = {
-  visible: {
-    type: Boolean,
-    default: false
-  }
-};
-var drawerOverlay = "";
-var DrawerOverlay = defineComponent({
-  name: "DDrawerOverlay",
-  props: drawerOverlayProps,
-  emits: ["click"],
-  setup(props, ctx) {
-    const handleClick = (e) => {
-      ctx.emit("click", e);
-    };
-    return () => createVNode(Transition, {
-      "name": "drawer-overlay-fade"
-    }, {
-      default: () => [props.visible && createVNode("div", {
-        "class": "devui-drawer-overlay",
-        "onClick": handleClick
-      }, null)]
-    });
-  }
-});
-function lockScroll() {
-  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
-    const scrollTop = document.documentElement.scrollTop;
-    const style = document.documentElement.getAttribute("style");
-    document.documentElement.style.position = "fixed";
-    document.documentElement.style.top = `-${scrollTop}px`;
-    document.documentElement.style.width = document.documentElement.style.width || "100%";
-    document.documentElement.style.overflowY = "scroll";
-    return () => {
-      if (style) {
-        document.documentElement.setAttribute("style", style);
-      } else {
-        document.documentElement.removeAttribute("style");
-      }
-      document.documentElement.scrollTop = scrollTop;
-    };
-  }
-  return;
-}
-function useDrawer(props, emit) {
-  const drawerRef = ref();
-  const drawerClasses = computed(() => ({
-    "devui-drawer": true,
-    [`devui-drawer-${props.position}`]: true
-  }));
-  const close = () => {
-    emit("update:modelValue", false);
-    emit("close");
-  };
-  let lockScrollCb;
-  const execClose = () => {
-    props.beforeClose ? props.beforeClose(close) : close();
-  };
-  const handleOverlayClick = () => {
-    props.closeOnClickOverlay && execClose();
-  };
-  const handleEscClose = (e) => {
-    e.code === "Escape" && execClose();
-  };
-  onClickOutside(drawerRef, execClose);
-  const removeBodyAdditions = () => {
-    lockScrollCb == null ? void 0 : lockScrollCb();
-    document.removeEventListener("keyup", handleEscClose);
-  };
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      emit("open");
-      props.lockScroll && (lockScrollCb = lockScroll());
-      props.escKeyCloseable && document.addEventListener("keyup", handleEscClose);
-    } else {
-      removeBodyAdditions();
-    }
-  });
-  onUnmounted(removeBodyAdditions);
-  return { drawerRef, drawerClasses, handleOverlayClick };
-}
-var drawer = "";
-var Drawer = defineComponent({
-  name: "DDrawer",
-  inheritAttrs: false,
-  props: drawerProps,
-  emits: ["close", "update:modelValue", "open"],
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
-    const {
-      drawerRef,
-      drawerClasses,
-      handleOverlayClick
-    } = useDrawer(props, emit);
-    return () => createVNode(Teleport, {
-      "to": "body"
-    }, {
-      default: () => [props.showOverlay && createVNode(DrawerOverlay, {
-        "visible": props.modelValue,
-        "style": {
-          zIndex: props.zIndex
-        },
-        "onClick": handleOverlayClick
-      }, null), createVNode(Transition, {
-        "name": `drawer-fly-${props.position}`
-      }, {
-        default: () => {
-          var _a;
-          return [props.modelValue && createVNode("div", mergeProps({
-            "ref": drawerRef,
-            "class": drawerClasses.value,
-            "style": {
-              zIndex: props.zIndex + 1
-            }
-          }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)])];
-        }
-      })]
-    });
-  }
-});
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const defaultOptions = {
-  modelValue: false,
-  content: "",
-  zIndex: 1e3,
-  showOverlay: true,
-  escKeyCloseable: true,
-  position: "right",
-  lockScroll: true,
-  closeOnClickOverlay: true
-};
-function initInstance(state) {
-  const container = document.createElement("div");
-  const content = state.content;
-  delete state.content;
-  const app = createApp({
-    setup() {
-      const handleVisibleChange = () => {
-        state.modelValue = false;
-      };
-      onUnmounted(() => {
-        console.log(111);
-        document.body.removeChild(container);
-      });
-      return () => createVNode(Drawer, mergeProps(state, {
-        "onUpdate:modelValue": handleVisibleChange
-      }), _isSlot(content) ? content : {
-        default: () => [content]
-      });
-    }
-  });
-  document.body.appendChild(container);
-  app.mount(container);
-  return app;
-}
-class DrawerService {
-  open(options) {
-    const state = reactive(__spreadValues(__spreadValues({}, defaultOptions), options));
-    const app = initInstance(state);
-    state.modelValue = true;
-    return {
-      close: () => {
-        state.modelValue = false;
-        app.unmount();
-      }
-    };
-  }
-}
-var index = {
-  title: "Drawer \u62BD\u5C49\u677F",
-  category: "\u53CD\u9988",
-  status: "75%",
-  install(app) {
-    app.component(Drawer.name, Drawer);
-    app.config.globalProperties.$drawerService = new DrawerService();
-  }
-};
-export { Drawer, DrawerService, index as default };

package/drawer/index.umd.js

@@ -1 +0,0 @@
-var x=Object.defineProperty;var C=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var v=(o,e,r)=>e in o?x(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,f=(o,e)=>{for(var r in e||(e={}))N.call(e,r)&&v(o,r,e[r]);if(C)for(var r of C(e))T.call(e,r)&&v(o,r,e[r]);return o};(function(o,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core"],e):(o=typeof globalThis!="undefined"?globalThis:o||self,e(o.index={},o.Vue,o.core))})(this,function(o,e,r){"use strict";const h={modelValue:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},showOverlay:{type:Boolean,default:!0},escKeyCloseable:{type:Boolean,default:!0},position:{type:String,default:"right"},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function}},b={visible:{type:Boolean,default:!1}};var B="",V=e.defineComponent({name:"DDrawerOverlay",props:b,emits:["click"],setup(t,n){const l=d=>{n.emit("click",d)};return()=>e.createVNode(e.Transition,{name:"drawer-overlay-fade"},{default:()=>[t.visible&&e.createVNode("div",{class:"devui-drawer-overlay",onClick:l},null)]})}});function O(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function E(t,n){const l=e.ref(),d=e.computed(()=>({"devui-drawer":!0,[`devui-drawer-${t.position}`]:!0})),c=()=>{n("update:modelValue",!1),n("close")};let a;const u=()=>{t.beforeClose?t.beforeClose(c):c()},s=()=>{t.closeOnClickOverlay&&u()},p=m=>{m.code==="Escape"&&u()};r.onClickOutside(l,u);const w=()=>{a==null||a(),document.removeEventListener("keyup",p)};return e.watch(()=>t.modelValue,m=>{m?(n("open"),t.lockScroll&&(a=O()),t.escKeyCloseable&&document.addEventListener("keyup",p)):w()}),e.onUnmounted(w),{drawerRef:l,drawerClasses:d,handleOverlayClick:s}}var I="",i=e.defineComponent({name:"DDrawer",inheritAttrs:!1,props:h,emits:["close","update:modelValue","open"],setup(t,{emit:n,slots:l,attrs:d}){const{drawerRef:c,drawerClasses:a,handleOverlayClick:u}=E(t,n);return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[t.showOverlay&&e.createVNode(V,{visible:t.modelValue,style:{zIndex:t.zIndex},onClick:u},null),e.createVNode(e.Transition,{name:`drawer-fly-${t.position}`},{default:()=>{var s;return[t.modelValue&&e.createVNode("div",e.mergeProps({ref:c,class:a.value,style:{zIndex:t.zIndex+1}},d),[(s=l.default)==null?void 0:s.call(l)])]}})]})}});function k(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const g={modelValue:!1,content:"",zIndex:1e3,showOverlay:!0,escKeyCloseable:!0,position:"right",lockScroll:!0,closeOnClickOverlay:!0};function D(t){const n=document.createElement("div"),l=t.content;delete t.content;const d=e.createApp({setup(){const c=()=>{t.modelValue=!1};return e.onUnmounted(()=>{console.log(111),document.body.removeChild(n)}),()=>e.createVNode(i,e.mergeProps(t,{"onUpdate:modelValue":c}),k(l)?l:{default:()=>[l]})}});return document.body.appendChild(n),d.mount(n),d}class y{open(n){const l=e.reactive(f(f({},g),n)),d=D(l);return l.modelValue=!0,{close:()=>{l.modelValue=!1,d.unmount()}}}}var S={title:"Drawer \u62BD\u5C49\u677F",category:"\u53CD\u9988",status:"75%",install(t){t.component(i.name,i),t.config.globalProperties.$drawerService=new y}};o.Drawer=i,o.DrawerService=y,o.default=S,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package/drawer/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "drawer",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/drawer/style.css

@@ -1 +0,0 @@
-.devui-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(0, 0, 0, .2))}.drawer-overlay-fade-enter-active,.drawer-overlay-fade-leave-active{transition:opacity .1s linear}.drawer-overlay-fade-enter-from,.drawer-overlay-fade-leave-to{opacity:0}.devui-drawer{position:fixed;top:0;bottom:0;width:300px;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-base-bg, #ffffff);transform:translate(0);opacity:1;overflow:auto;box-shadow:var(--devui-shadow-fullscreen-overlay, 0 8px 40px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-drawer-left{left:0}.devui-drawer-right{right:0}.drawer-fly-right-enter-active{transition:all .3s cubic-bezier(.16,.75,.5,1)}.drawer-fly-right-leave-active{transition:all .3s cubic-bezier(.5,0,.84,.25)}.drawer-fly-right-enter-from,.drawer-fly-right-leave-to{opacity:0;transform:translate(100%)}.drawer-fly-left-enter-active{transition:all .3s cubic-bezier(.16,.75,.5,1)}.drawer-fly-left-leave-active{transition:all .3s cubic-bezier(.5,0,.84,.25)}.drawer-fly-left-enter-from,.drawer-fly-left-leave-to{opacity:0;transform:translate(-100%)}

package/dropdown/index.d.ts

@@ -1,7 +0,0 @@
-import { App } from 'vue';
-  declare function install(app: App): void
-  declare const _default: {
-      install: typeof install;
-      version: string;
-  };
-  export default _default;