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

package/layout/index.es.js

@@ -1,4 +1,27 @@
 import { defineComponent, createVNode } from "vue";
+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
+  };
+}
 var layout = "";
 var Layout = defineComponent({
   name: "DLayout",
@@ -6,11 +29,12 @@ var Layout = defineComponent({
   setup(props, {
     slots
   }) {
+    const ns = useNamespace("layout");
     return () => {
       var _a;
       const slotDefault = (_a = slots.default) == null ? void 0 : _a.call(slots);
       const isAside = slotDefault.some((item) => item.type.name === "DAside");
-      const classNames = `${isAside ? "devui-layout-aside " : ""}devui-layout`;
+      const classNames = `${isAside ? ns.e("aside") : ""} ${ns.b()}`;
       return createVNode("div", {
         "class": classNames
       }, [slotDefault]);
@@ -23,10 +47,11 @@ var Content = defineComponent({
   setup(props, {
     slots
   }) {
+    const ns = useNamespace("layout");
     return () => {
       var _a;
       return createVNode("div", {
-        "class": "devui-content"
+        "class": ns.e("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -37,10 +62,11 @@ var Header = defineComponent({
   setup(props, {
     slots
   }) {
+    const ns = useNamespace("layout");
     return () => {
       var _a;
       return createVNode("div", {
-        "class": "devui-header"
+        "class": ns.e("header")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -51,10 +77,11 @@ var Footer = defineComponent({
   setup(props, {
     slots
   }) {
+    const ns = useNamespace("layout");
     return () => {
       var _a;
       return createVNode("div", {
-        "class": "devui-footer"
+        "class": ns.e("footer")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -64,37 +91,25 @@ var Aside = defineComponent({
   setup(props, {
     slots
   }) {
+    const ns = useNamespace("layout");
     return () => {
       var _a;
-      return createVNode("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      return createVNode("div", {
+        "class": ns.e("aside")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-Layout.install = function(app) {
-  app.component(Layout.name, Layout);
-};
-Content.install = function(app) {
-  app.component(Content.name, Content);
-};
-Header.install = function(app) {
-  app.component(Header.name, Header);
-};
-Footer.install = function(app) {
-  app.component(Footer.name, Footer);
-};
-Aside.install = function(app) {
-  app.component(Aside.name, Aside);
-};
 var index = {
   title: "Layout \u5E03\u5C40",
   category: "\u5E03\u5C40",
   status: "100%",
   install(app) {
-    app.use(Layout);
-    app.use(Content);
-    app.use(Header);
-    app.use(Footer);
-    app.use(Aside);
+    app.component(Layout.name, Layout);
+    app.component(Content.name, Content);
+    app.component(Header.name, Header);
+    app.component(Footer.name, Footer);
+    app.component(Aside.name, Aside);
   }
 };
 export { Aside, Content, Footer, Header, Layout, index as default };

package/layout/index.umd.js

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";var v="",d=t.defineComponent({name:"DLayout",emits:[],setup(e,{slots:n}){return()=>{var c;const a=(c=n.default)==null?void 0:c.call(n),p=`${a.some(l=>l.type.name==="DAside")?"devui-layout-aside ":""}devui-layout`;return t.createVNode("div",{class:p},[a])}}}),y="",u=t.defineComponent({name:"DContent",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-content"},[(a=n.default)==null?void 0:a.call(n)])}}}),s="",o=t.defineComponent({name:"DHeader",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-header"},[(a=n.default)==null?void 0:a.call(n)])}}}),C="",r=t.defineComponent({name:"DFooter",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",{class:"devui-footer"},[(a=n.default)==null?void 0:a.call(n)])}}}),f=t.defineComponent({name:"DAside",setup(e,{slots:n}){return()=>{var a;return t.createVNode("div",null,[(a=n.default)==null?void 0:a.call(n)])}}});d.install=function(e){e.component(d.name,d)},u.install=function(e){e.component(u.name,u)},o.install=function(e){e.component(o.name,o)},r.install=function(e){e.component(r.name,r)},f.install=function(e){e.component(f.name,f)};var m={title:"Layout \u5E03\u5C40",category:"\u5E03\u5C40",status:"100%",install(e){e.use(d),e.use(u),e.use(o),e.use(r),e.use(f)}};i.Aside=f,i.Content=u,i.Footer=r,i.Header=o,i.Layout=d,i.default=m,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+(function(d,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(d=typeof globalThis!="undefined"?globalThis:d||self,o(d.index={},d.Vue))})(this,function(d,o){"use strict";function c(a,e,t){let n=a;return e&&(n+=`__${e}`),t&&(n+=`--${t}`),n}function u(a,e=!1){const t=e?`.devui-${a}`:`devui-${a}`;return{b:()=>c(t),e:r=>r?c(t,r):"",m:r=>r?c(t,"",r):"",em:(r,C)=>r&&C?c(t,r,C):""}}var l="",i=o.defineComponent({name:"DLayout",emits:[],setup(a,{slots:e}){const t=u("layout");return()=>{var y;const n=(y=e.default)==null?void 0:y.call(e),v=`${n.some(r=>r.type.name==="DAside")?t.e("aside"):""} ${t.b()}`;return o.createVNode("div",{class:v},[n])}}}),A="",f=o.defineComponent({name:"DContent",setup(a,{slots:e}){const t=u("layout");return()=>{var n;return o.createVNode("div",{class:t.e("content")},[(n=e.default)==null?void 0:n.call(e)])}}}),V="",m=o.defineComponent({name:"DHeader",setup(a,{slots:e}){const t=u("layout");return()=>{var n;return o.createVNode("div",{class:t.e("header")},[(n=e.default)==null?void 0:n.call(e)])}}}),$="",s=o.defineComponent({name:"DFooter",setup(a,{slots:e}){const t=u("layout");return()=>{var n;return o.createVNode("div",{class:t.e("footer")},[(n=e.default)==null?void 0:n.call(e)])}}}),p=o.defineComponent({name:"DAside",setup(a,{slots:e}){const t=u("layout");return()=>{var n;return o.createVNode("div",{class:t.e("aside")},[(n=e.default)==null?void 0:n.call(e)])}}}),D={title:"Layout \u5E03\u5C40",category:"\u5E03\u5C40",status:"100%",install(a){a.component(i.name,i),a.component(f.name,f),a.component(m.name,m),a.component(s.name,s),a.component(p.name,p)}};d.Aside=p,d.Content=f,d.Footer=s,d.Header=m,d.Layout=i,d.default=D,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/layout/style.css

@@ -1 +1 @@
-.devui-layout{display:flex;flex-direction:column;flex:auto}.devui-layout-aside{flex-direction:row}.devui-content{flex:auto;min-height:0}.devui-header{min-height:40px;flex:auto}.devui-footer{text-align:center;line-height:1.5}
+.devui-layout{display:flex;flex-direction:column;flex:auto}.devui-layout__aside{flex-direction:row}.devui-layout__content{flex:auto;min-height:0}.devui-layout__header{min-height:40px;flex:auto}.devui-layout__footer{text-align:center;line-height:1.5}

package/loading/index.es.js

@@ -28,7 +28,7 @@ class View {
     __publicField(this, "left", "50%");
   }
 }
-const componentProps = {
+const loadingProps = {
   message: String,
   backdrop: Boolean,
   view: {
@@ -41,7 +41,7 @@ const componentProps = {
     default: false
   }
 };
-class LoadingProps {
+class LoadingOptions {
   constructor() {
     __publicField(this, "target");
     __publicField(this, "message");
@@ -52,11 +52,34 @@ class LoadingProps {
     __publicField(this, "zIndex");
   }
 }
+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
+  };
+}
 var loading$1 = "";
 var Loading = defineComponent({
   name: "DLoading",
   inheritAttrs: false,
-  props: componentProps,
+  props: loadingProps,
   setup(props) {
     const style = {
       top: props.view.top,
@@ -90,33 +113,34 @@ var Loading = defineComponent({
       message,
       $slots
     } = this;
+    const ns = useNamespace("loading");
     return isShow && createVNode("div", {
-      "class": ["devui-loading-contanier", isFull ? "devui-loading--full" : ""]
+      "class": [ns.b(), isFull ? ns.m("full") : ""]
     }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
-      "class": "devui-loading-wrapper"
+      "class": ns.e("wrapper")
     }, [backdrop ? createVNode("div", {
-      "class": "devui-loading-mask"
+      "class": ns.e("mask")
     }, null) : null, createVNode("div", {
       "style": style,
-      "class": "devui-loading-area"
+      "class": ns.e("area")
     }, [createVNode("div", {
-      "class": "devui-busy-default-spinner"
+      "class": ns.e("busy-default-spinner")
     }, [createVNode("div", {
-      "class": "devui-loading-bar1"
+      "class": ns.e("bar1")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar2"
+      "class": ns.e("bar2")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar3"
+      "class": ns.e("bar3")
     }, null), createVNode("div", {
-      "class": "devui-loading-bar4"
+      "class": ns.e("bar4")
     }, null)]), message ? createVNode("span", {
-      "class": "devui-loading-text"
+      "class": ns.e("text")
     }, [message]) : null])])]);
   }
 });
 const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
-function createComponent(Component, props, children = null) {
-  const vnode = h(Component, __spreadValues({}, props), children);
+function createComponent(component, props, children = null) {
+  const vnode = h(component, __spreadValues({}, props), children);
   const container = document.createElement("div");
   vnode[COMPONENT_CONTAINER_SYMBOL] = container;
   render(vnode, container);
@@ -128,14 +152,18 @@ function unmountComponent(ComponnetInstance) {
 const loadingConstructor$1 = defineComponent(Loading);
 const cacheInstance = /* @__PURE__ */ new WeakSet();
 const isEmpty = (val) => {
-  if (!val)
+  if (!val) {
     return true;
-  if (Array.isArray(val))
+  }
+  if (Array.isArray(val)) {
     return val.length === 0;
-  if (val instanceof Set || val instanceof Map)
+  }
+  if (val instanceof Set || val instanceof Map) {
     return val.size === 0;
-  if (val instanceof Promise)
+  }
+  if (val instanceof Promise) {
     return false;
+  }
   if (typeof val === "object") {
     try {
       return Object.keys(val).length === 0;
@@ -169,11 +197,13 @@ const unmount = (el) => {
   unmountComponent(el.instance);
 };
 const toggleLoading = (el, binding) => {
+  var _a, _b, _c;
   if (binding.value) {
     const vals = isPromise(binding.value);
-    if (vals === "error")
+    if (vals === "error") {
       return;
-    el.instance.proxy.open();
+    }
+    (_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
     el.appendChild(el.mask);
     cacheInstance.add(el);
     if (vals) {
@@ -196,13 +226,14 @@ const removeAttribute = (el) => {
   el.removeAttribute("loadingtemplateref");
 };
 const handleProps = (el, vprops) => {
-  const props = __spreadValues(__spreadValues({}, new LoadingProps()), vprops);
+  var _a;
+  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
   const loadingTemplateRef = props.loadingTemplateRef;
   const loadingInstance = createComponent(loadingConstructor$1, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
   el.style.position = props.positionType;
   el.options = props;
   el.instance = loadingInstance;
-  el.mask = loadingInstance.proxy.$el;
+  el.mask = (_a = loadingInstance == null ? void 0 : loadingInstance.proxy) == null ? void 0 : _a.$el;
 };
 const loadingDirective = {
   mounted: function(el, binding, vnode) {
@@ -211,8 +242,9 @@ const loadingDirective = {
     !isEmpty(binding.value) && toggleLoading(el, binding);
   },
   updated: function(el, binding, vnode) {
-    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el))
+    if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
       return;
+    }
     !cacheInstance.has(el) && handleProps(el, vnode.props);
     removeAttribute(el);
     toggleLoading(el, binding);
@@ -222,25 +254,32 @@ const loadingConstructor = defineComponent(Loading);
 const cacheTarget = /* @__PURE__ */ new WeakMap();
 const loading = {
   open(options = {}) {
+    var _a, _b, _c;
     const parent = options.target || document.body;
     if (cacheTarget.has(parent)) {
       return cacheTarget.get(parent);
     }
-    parent.style.position = options.positionType;
+    if (parent.style) {
+      parent.style.position = options.positionType;
+    }
     const isFull = document.body === parent;
-    options = __spreadValues(__spreadValues({}, new LoadingProps()), options);
+    options = __spreadValues(__spreadValues({}, new LoadingOptions()), options);
     const instance = createComponent(loadingConstructor, __spreadProps(__spreadValues({}, options), {
       isFull
     }), options.loadingTemplateRef ? () => options.loadingTemplateRef : null);
     cacheTarget.set(parent, instance);
-    instance.proxy.open();
-    parent.appendChild(instance.proxy.$el);
-    const close = instance.proxy.close;
-    instance.loadingInstance = instance.proxy;
-    instance.loadingInstance.close = (...args) => {
-      cacheTarget.delete(parent);
-      close(...args);
-    };
+    (_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.open();
+    parent.appendChild((_b = instance == null ? void 0 : instance.proxy) == null ? void 0 : _b.$el);
+    const close = (_c = instance == null ? void 0 : instance.proxy) == null ? void 0 : _c.close;
+    if (instance) {
+      instance.loadingInstance = instance == null ? void 0 : instance.proxy;
+      if (instance.loadingInstance) {
+        instance.loadingInstance.close = (...args) => {
+          cacheTarget.delete(parent);
+          close == null ? void 0 : close(...args);
+        };
+      }
+    }
     return instance;
   }
 };
@@ -253,4 +292,4 @@ var index = {
     app.config.globalProperties.$loadingService = loading;
   }
 };
-export { loadingDirective as Loading, loading as LoadingService, index as default };
+export { loadingDirective as Loading, LoadingOptions, loading as LoadingService, index as default, loadingProps };

package/loading/index.umd.js

@@ -1 +1 @@
-var M=Object.defineProperty,R=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(r,t,s)=>t in r?M(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,c=(r,t)=>{for(var s in t||(t={}))D.call(t,s)&&g(r,s,t[s]);if(k)for(var s of k(t))I.call(t,s)&&g(r,s,t[s]);return r},P=(r,t)=>R(r,_(t));var d=(r,t,s)=>(g(r,typeof t!="symbol"?t+"":t,s),s);(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r.index={},r.Vue))})(this,function(r,t){"use strict";class s{constructor(){d(this,"top","50%");d(this,"left","50%")}}const L={message:String,backdrop:Boolean,view:{type:Object,default:()=>new s},zIndex:Number,isFull:{type:Boolean,default:!1}};class m{constructor(){d(this,"target");d(this,"message");d(this,"loadingTemplateRef");d(this,"backdrop",!0);d(this,"positionType","relative");d(this,"view",new s);d(this,"zIndex")}}var B="",y=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:L,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var V;const{isShow:e,isFull:n,backdrop:o,style:i,message:a,$slots:u}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",n?"devui-loading--full":""]},[((V=u.default)==null?void 0:V.call(u))||t.createVNode("div",{class:"devui-loading-wrapper"},[o?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:i,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),a?t.createVNode("span",{class:"devui-loading-text"},[a]):null])])])}});const v=Symbol("dev_component_container");function b(e,n,o=null){const i=t.h(e,c({},n),o),a=document.createElement("div");return i[v]=a,t.render(i,a),i.component}function C(e){t.render(null,e==null?void 0:e.vnode[v])}const O=t.defineComponent(y),l=new WeakSet,f=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},h=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),j=e=>{switch(h(e)){case"promise":return[e];case"array":return e.some(o=>h(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},w=e=>{l.delete(e),e.instance.proxy.close(),C(e.instance)},T=(e,n)=>{if(n.value){const o=j(n.value);if(o==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),l.add(e),o&&Promise.all(o).catch(i=>{console.error(new Error("Promise handling errors"),i)}).finally(()=>{w(e)})}else w(e)},N=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},x=(e,n)=>{const o=c(c({},new m),n),i=o.loadingTemplateRef,a=b(O,c({},o),i?()=>i:null);e.style.position=o.positionType,e.options=o,e.instance=a,e.mask=a.proxy.$el},A={mounted:function(e,n,o){x(e,o.props),N(e),!f(n.value)&&T(e,n)},updated:function(e,n,o){!f(n.value)&&l.has(e)||f(n.value)&&!l.has(e)||(!l.has(e)&&x(e,o.props),N(e),T(e,n))}},z=t.defineComponent(y),p=new WeakMap,S={open(e={}){const n=e.target||document.body;if(p.has(n))return p.get(n);n.style.position=e.positionType;const o=document.body===n;e=c(c({},new m),e);const i=b(z,P(c({},e),{isFull:o}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);p.set(n,i),i.proxy.open(),n.appendChild(i.proxy.$el);const a=i.proxy.close;return i.loadingInstance=i.proxy,i.loadingInstance.close=(...u)=>{p.delete(n),a(...u)},i}};var E={title:"Loading \u52A0\u8F7D\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(e){e.directive("dLoading",A),e.config.globalProperties.$loadingService=S}};r.Loading=A,r.LoadingService=S,r.default=E,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+var B=Object.defineProperty,D=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var v=(s,t,c)=>t in s?B(s,t,{enumerable:!0,configurable:!0,writable:!0,value:c}):s[t]=c,p=(s,t)=>{for(var c in t||(t={}))I.call(t,c)&&v(s,c,t[c]);if(C)for(var c of C(t))W.call(t,c)&&v(s,c,t[c]);return s},_=(s,t)=>D(s,F(t));var u=(s,t,c)=>(v(s,typeof t!="symbol"?t+"":t,c),c);(function(s,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis!="undefined"?globalThis:s||self,t(s.index={},s.Vue))})(this,function(s,t){"use strict";class c{constructor(){u(this,"top","50%");u(this,"left","50%")}}const w={message:String,backdrop:Boolean,view:{type:Object,default:()=>new c},zIndex:Number,isFull:{type:Boolean,default:!1}};class b{constructor(){u(this,"target");u(this,"message");u(this,"loadingTemplateRef");u(this,"backdrop",!0);u(this,"positionType","relative");u(this,"view",new c);u(this,"zIndex")}}function m(e,o,r){let n=e;return o&&(n+=`__${o}`),r&&(n+=`--${r}`),n}function $(e,o=!1){const r=o?`.devui-${e}`:`devui-${e}`;return{b:()=>m(r),e:l=>l?m(r,l):"",m:l=>l?m(r,"",l):"",em:(l,y)=>l&&y?m(r,l,y):""}}var q="",N=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:w,setup(e){const o={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(o.background="none");const r=t.ref(!1);return{style:o,isShow:r,open:()=>{r.value=!0},close:()=>{r.value=!1}}},render(){var l;const{isShow:e,isFull:o,backdrop:r,style:n,message:a,$slots:d}=this,i=$("loading");return e&&t.createVNode("div",{class:[i.b(),o?i.m("full"):""]},[((l=d.default)==null?void 0:l.call(d))||t.createVNode("div",{class:i.e("wrapper")},[r?t.createVNode("div",{class:i.e("mask")},null):null,t.createVNode("div",{style:n,class:i.e("area")},[t.createVNode("div",{class:i.e("busy-default-spinner")},[t.createVNode("div",{class:i.e("bar1")},null),t.createVNode("div",{class:i.e("bar2")},null),t.createVNode("div",{class:i.e("bar3")},null),t.createVNode("div",{class:i.e("bar4")},null)]),a?t.createVNode("span",{class:i.e("text")},[a]):null])])])}});const T=Symbol("dev_component_container");function A(e,o,r=null){const n=t.h(e,p({},o),r),a=document.createElement("div");return n[T]=a,t.render(n,a),n.component}function j(e){t.render(null,e==null?void 0:e.vnode[T])}const z=t.defineComponent(N),f=new WeakSet,h=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},x=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),E=e=>{switch(x(e)){case"promise":return[e];case"array":return e.some(r=>x(r)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},S=e=>{f.delete(e),e.instance.proxy.close(),j(e.instance)},V=(e,o)=>{var r,n,a;if(o.value){const d=E(o.value);if(d==="error")return;(a=(n=(r=e==null?void 0:e.instance)==null?void 0:r.proxy)==null?void 0:n.open)==null||a.call(n),e.appendChild(e.mask),f.add(e),d&&Promise.all(d).catch(i=>{console.error(new Error("Promise handling errors"),i)}).finally(()=>{S(e)})}else S(e)},L=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},P=(e,o)=>{var d;const r=p(p({},new b),o),n=r.loadingTemplateRef,a=A(z,p({},r),n?()=>n:null);e.style.position=r.positionType,e.options=r,e.instance=a,e.mask=(d=a==null?void 0:a.proxy)==null?void 0:d.$el},k={mounted:function(e,o,r){P(e,r.props),L(e),!h(o.value)&&V(e,o)},updated:function(e,o,r){!h(o.value)&&f.has(e)||h(o.value)&&!f.has(e)||(!f.has(e)&&P(e,r.props),L(e),V(e,o))}},M=t.defineComponent(N),g=new WeakMap,O={open(e={}){var d,i,l;const o=e.target||document.body;if(g.has(o))return g.get(o);o.style&&(o.style.position=e.positionType);const r=document.body===o;e=p(p({},new b),e);const n=A(M,_(p({},e),{isFull:r}),e.loadingTemplateRef?()=>e.loadingTemplateRef:null);g.set(o,n),(d=n==null?void 0:n.proxy)==null||d.open(),o.appendChild((i=n==null?void 0:n.proxy)==null?void 0:i.$el);const a=(l=n==null?void 0:n.proxy)==null?void 0:l.close;return n&&(n.loadingInstance=n==null?void 0:n.proxy,n.loadingInstance&&(n.loadingInstance.close=(...y)=>{g.delete(o),a==null||a(...y)})),n}};var R={title:"Loading \u52A0\u8F7D\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(e){e.directive("dLoading",k),e.config.globalProperties.$loadingService=O}};s.Loading=k,s.LoadingOptions=b,s.LoadingService=O,s.default=R,s.loadingProps=w,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/loading/style.css

@@ -1 +1 @@
-@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(135deg) scale(1.5)}to{transform:rotate(270deg) scale(1)}}.devui-loading-mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #adb0b8);opacity:.3}.devui-loading-wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading-text{margin-left:10px}.devui-loading-area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}
+@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}