vue-devui 1.0.0-rc.5 → 1.0.0-rc.8

package/status/index.es.js

@@ -1,4 +1,27 @@
 import { defineComponent, computed, createVNode } from "vue";
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block) {
+  const namespace = `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 status = "";
 var Status = defineComponent({
   name: "DStatus",
@@ -9,14 +32,15 @@ var Status = defineComponent({
     }
   },
   setup(props, ctx) {
+    const ns = useNamespace("status");
     const typeClass = computed(() => {
       const {
         type
       } = props;
       const typeStatus = ["success", "error", "initial", "warning", "waiting", "running", "invalid"];
-      let typeClassStr = `devui-status devui-status-bg-invalid`;
+      let typeClassStr = `${ns.b()} ${ns.em("bg", "invalid")}`;
       if (typeStatus.includes(type)) {
-        typeClassStr = `devui-status devui-status-bg-${type}`;
+        typeClassStr = `${ns.b()} ${ns.em("bg", type)}`;
       }
       return typeClassStr;
     });

package/status/index.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){"use strict";var l="",s=t.defineComponent({name:"DStatus",props:{type:{default:"invalid",type:String}},setup(i,o){const r=t.computed(()=>{const{type:n}=i,u=["success","error","initial","warning","waiting","running","invalid"];let a="devui-status devui-status-bg-invalid";return u.includes(n)&&(a=`devui-status devui-status-bg-${n}`),a});return()=>{var n,u;return t.createVNode("span",{class:r.value},[(u=(n=o.slots).default)==null?void 0:u.call(n)])}}}),d={title:"Status \u72B6\u6001",category:"\u901A\u7528",status:"100%",install(i){i.component(s.name,s)}};e.Status=s,e.default=d,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});
+(function(e,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(e=typeof globalThis!="undefined"?globalThis:e||self,u(e.index={},e.Vue))})(this,function(e,u){"use strict";function r(a,n,s){let i=a;return n&&(i+=`__${n}`),s&&(i+=`--${s}`),i}function p(a){const n=`devui-${a}`;return{b:()=>r(n),e:t=>t?r(n,t):"",m:t=>t?r(n,"",t):"",em:(t,l)=>t&&l?r(n,t,l):""}}var m="",d=u.defineComponent({name:"DStatus",props:{type:{default:"invalid",type:String}},setup(a,n){const s=p("status"),i=u.computed(()=>{const{type:o}=a,c=["success","error","initial","warning","waiting","running","invalid"];let t=`${s.b()} ${s.em("bg","invalid")}`;return c.includes(o)&&(t=`${s.b()} ${s.em("bg",o)}`),t});return()=>{var o,c;return u.createVNode("span",{class:i.value},[(c=(o=n.slots).default)==null?void 0:c.call(o)])}}}),f={title:"Status \u72B6\u6001",category:"\u901A\u7528",status:"100%",install(a){a.component(d.name,d)}};e.Status=d,e.default=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});

package/status/style.css

@@ -1 +1 @@
-.devui-status{line-height:20px;height:20px;display:flex;align-items:center}.devui-status:before{display:inline-block;content:"";width:10px;height:10px;margin-right:5px;border-radius:100%}.devui-status.devui-status-bg-success:before{background-color:var(--devui-success, #50d4ab)}.devui-status.devui-status-bg-error:before{background-color:var(--devui-danger, #f66f6a)}.devui-status.devui-status-bg-warning:before{background-color:var(--devui-warning, #fac20a)}.devui-status.devui-status-bg-initial:before{background-color:var(--devui-initial, #e9edfa)}.devui-status.devui-status-bg-waiting:before{background-color:var(--devui-waiting, #9faad7)}.devui-status.devui-status-bg-running:before{background-color:var(--devui-info, #5e7ce0)}.devui-status.devui-status-bg-invalid:before{background-color:var(--devui-dividing-line, #dfe1e6)}
+.devui-status{line-height:20px;height:20px;display:flex;align-items:center}.devui-status:before{display:inline-block;content:"";width:10px;height:10px;margin-right:5px;border-radius:100%}.devui-status.devui-status__bg--success:before{background-color:var(--devui-success, #50d4ab)}.devui-status.devui-status__bg--error:before{background-color:var(--devui-danger, #f66f6a)}.devui-status.devui-status__bg--warning:before{background-color:var(--devui-warning, #fac20a)}.devui-status.devui-status__bg--initial:before{background-color:var(--devui-initial, #e9edfa)}.devui-status.devui-status__bg--waiting:before{background-color:var(--devui-waiting, #9faad7)}.devui-status.devui-status__bg--running:before{background-color:var(--devui-info, #5e7ce0)}.devui-status.devui-status__bg--invalid:before{background-color:var(--devui-dividing-line, #dfe1e6)}