vue-devui 1.0.0-beta.1 → 1.0.0-beta.10

package/back-top/index.es.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ref, onMounted, computed, defineComponent, createVNode } from "vue";
+const backTopProps = {
+  bottom: {
+    type: String,
+    default: "50px"
+  },
+  right: {
+    type: String,
+    default: "30px"
+  },
+  target: {
+    type: String,
+    default: "window"
+  },
+  visibleHeight: {
+    type: Number,
+    default: 300
+  }
+};
+function usePosition(props) {
+  const { bottom, right } = props;
+  return {
+    bottom,
+    right
+  };
+}
+function useTarget(props, backTopRef) {
+  const target = props.target;
+  const getTargetEl = () => {
+    const targetEl = document.querySelector(target);
+    if (!targetEl)
+      throw new Error(`props ${target} is not existed`);
+    targetEl.parentElement.style.position = "relative";
+    backTopRef.value.style.position = "absolute";
+    return targetEl;
+  };
+  const currTarget = target === "window" ? window || document.documentElement || document.body : getTargetEl();
+  return currTarget;
+}
+function useVisibility(props, backTopRef) {
+  const visibleHeight = props.visibleHeight;
+  const currScrollTop = ref(0);
+  const ThrottleCBFn = function() {
+    currScrollTop.value = currTarget === window ? window.pageYOffset : currTarget.scrollTop;
+  };
+  let currTarget = null;
+  onMounted(() => {
+    currTarget = useTarget(props, backTopRef);
+    useEventListener(currTarget, "scroll", useThrottle(ThrottleCBFn, 150));
+  });
+  const isVisible = computed(() => currScrollTop.value >= visibleHeight);
+  return isVisible;
+}
+function useEventListener(target, event, cb) {
+  if (target)
+    target.addEventListener(event, cb);
+}
+function useThrottle(fn, delay) {
+  let last = null;
+  return (...args) => {
+    const now = +Date.now();
+    if (now - last > delay) {
+      last = now;
+      return fn.apply(this, args);
+    }
+  };
+}
+var backTop = "";
+var IconTop = "data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==";
+var BackTop = defineComponent({
+  name: "DBackTop",
+  props: backTopProps,
+  emits: [],
+  setup(props, ctx) {
+    const slots = ctx.slots;
+    const backTopRef = ref(null);
+    const position = usePosition(props);
+    let isVisible = useVisibility(props, backTopRef);
+    const scrollToTop = () => {
+      window && window.scrollTo({
+        top: 0,
+        left: 0,
+        behavior: "smooth"
+      });
+    };
+    return () => createVNode("div", {
+      "class": "devui-back-top",
+      "ref": backTopRef,
+      "style": __spreadProps(__spreadValues({}, position), {
+        display: isVisible.value ? "block" : "none"
+      }),
+      "onClick": scrollToTop
+    }, [createVNode("div", {
+      "class": ["devui-back-top-base", slots.default ? "devui-backtop-custom" : "devui-back-top-content"]
+    }, [slots.default ? slots.default() : createVNode(IconTop, null, null)])]);
+  }
+});
+BackTop.install = function(app) {
+  app.component(BackTop.name, BackTop);
+};
+var index = {
+  title: "BackTop \u56DE\u5230\u9876\u90E8",
+  category: "\u5BFC\u822A",
+  status: "60%",
+  install(app) {
+    app.use(BackTop);
+  }
+};
+export { BackTop, index as default };

package/back-top/index.umd.js

@@ -0,0 +1 @@
+var m=Object.defineProperty,w=Object.defineProperties;var f=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var g=(e,t,o)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,r=(e,t)=>{for(var o in t||(t={}))y.call(t,o)&&g(e,o,t[o]);if(N)for(var o of N(t))A.call(t,o)&&g(e,o,t[o]);return e},a=(e,t)=>w(e,f(t));(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";const o={bottom:{type:String,default:"50px"},right:{type:String,default:"30px"},target:{type:String,default:"window"},visibleHeight:{type:Number,default:300}};function d(M){const{bottom:n,right:i}=M;return{bottom:n,right:i}}function j(M,n){const i=M.target;return i==="window"?window||document.documentElement||document.body:(()=>{const u=document.querySelector(i);if(!u)throw new Error(`props ${i} is not existed`);return u.parentElement.style.position="relative",n.value.style.position="absolute",u})()}function I(M,n){const i=M.visibleHeight,c=t.ref(0),l=function(){c.value=u===window?window.pageYOffset:u.scrollTop};let u=null;return t.onMounted(()=>{u=j(M,n),D(u,"scroll",T(l,150))}),t.computed(()=>c.value>=i)}function D(M,n,i){M&&M.addEventListener(n,i)}function T(M,n){let i=null;return(...c)=>{const l=+Date.now();if(l-i>n)return i=l,M.apply(this,c)}}var b="",p="data:image/svg+xml;base64,PHN2ZyB0PSIxNjM2MjU2NTI0MjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0NTciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMzQ1OCI+PC9wYXRoPjxwYXRoIGQ9Ik04NzguOTMzMzMzIDY1OC40MTA2NjdhNDEuNjg1MzMzIDQxLjY4NTMzMyAwIDAgMS01OC45NDQgMC4zMmwtMzA3Ljk2OC0zMDQuNjRMMjA0LjAxMDY2NyA2NTguNzczMzMzYTQxLjY4NTMzMyA0MS42ODUzMzMgMCAwIDEtNTguNTYgMC4wNjQgNDAuNjE4NjY3IDQwLjYxODY2NyAwIDAgMS0wLjA2NC01Ny44MTMzMzNsMzM1LjQyNC0zMzEuNzMzMzMzYTQxLjU3ODY2NyA0MS41Nzg2NjcgMCAwIDEgMzEuMDQtMTIuMDEwNjY3IDQxLjQ5MzMzMyA0MS40OTMzMzMgMCAwIDEgMzEuMzYgMTEuOTg5MzMzbDMzNS40MDI2NjYgMzMxLjczMzMzNGMxNS45MzYgMTUuNzg2NjY3IDE2LjA4NTMzMyA0MS40OTMzMzMgMC4zMiA1Ny40MjkzMzN6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIzNDU5Ij48L3BhdGg+PHBhdGggZD0iTTU1NC42NjY2NjcgMzYyLjY2NjY2N3Y1MzMuMzMzMzMzYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtODUuMzMzMzM0IDBWMzYyLjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDg1LjMzMzMzNCAwek0xMjggODUuMzMzMzMzaDc2OGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAgODUuMzMzMzM0SDEyOGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDAtODUuMzMzMzM0eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMzQ2MCI+PC9wYXRoPjwvc3ZnPg==",s=t.defineComponent({name:"DBackTop",props:o,emits:[],setup(M,n){const i=n.slots,c=t.ref(null),l=d(M);let u=I(M,c);const z=()=>{window&&window.scrollTo({top:0,left:0,behavior:"smooth"})};return()=>t.createVNode("div",{class:"devui-back-top",ref:c,style:a(r({},l),{display:u.value?"block":"none"}),onClick:z},[t.createVNode("div",{class:["devui-back-top-base",i.default?"devui-backtop-custom":"devui-back-top-content"]},[i.default?i.default():t.createVNode(p,null,null)])])}});s.install=function(M){M.component(s.name,s)};var Y={title:"BackTop \u56DE\u5230\u9876\u90E8",category:"\u5BFC\u822A",status:"60%",install(M){M.use(s)}};e.BackTop=s,e.default=Y,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});

package/back-top/package.json

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

package/back-top/style.css

@@ -0,0 +1 @@
+.devui-back-top{position:fixed;width:40px;height:40px;cursor:pointer;z-index:9}.devui-back-top .devui-back-top-base{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.devui-back-top .devui-back-top-base:hover{opacity:1}.devui-back-top .devui-back-top-content{opacity:.4;background-color:var(--devui-text-weak, #575d6c);box-shadow:0 0 8px #0003}.devui-back-top .devui-backtop-custom{background-color:#fff}

package/badge/index.d.ts

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

package/badge/index.es.js

@@ -87,7 +87,7 @@ Badge.install = function(app) {
 var index = {
   title: "Badge \u5FBD\u6807",
   category: "\u6570\u636E\u5C55\u793A",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Badge);
   }

package/badge/index.umd.js

@@ -1 +1 @@
-(function(o,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis!="undefined"?globalThis:o||self,n(o.index={},o.Vue))})(this,function(o,n){"use strict";var C="";const l=["danger","warning","waiting","success","info"],f=["top-left","top-right","bottom-left","bottom-right"],c={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>l.includes(t)},badgePos:{type:String,default:"top-right",validator:t=>f.includes(t)},offsetXY:{type:Array},bgColor:{type:String},textColor:{type:String}};var a=n.defineComponent({name:"DBadge",props:c,emits:[],setup(t,s){const g=n.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,s.slots.default&&t.badgePos&&`${e}-${t.badgePos}`,s.slots.default&&`${e}-fixed`].join(" ")}),m=n.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((i,d)=>(t[d]&&(i[e[d]]=t[d]),i),{});if(s.slots.default&&t.offsetXY){const[i,d]=t.offsetXY,[y,x]=t.badgePos.split("-");u[y]=d+"px",u[x]=i+"px"}return u}),b=n.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return n.createVNode("div",{class:"devui-badge"},[(u=(e=s.slots).default)==null?void 0:u.call(e),n.createVNode("div",{class:g.value,style:m.value},[b.value])])}}});a.install=function(t){t.component(a.name,a)};var r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"\u5DF2\u5B8C\u6210",install(t){t.use(a)}};o.Badge=a,o.default=r,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});
+(function(o,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(o=typeof globalThis!="undefined"?globalThis:o||self,n(o.index={},o.Vue))})(this,function(o,n){"use strict";var v="";const l=["danger","warning","waiting","success","info"],f=["top-left","top-right","bottom-left","bottom-right"],c={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>l.includes(t)},badgePos:{type:String,default:"top-right",validator:t=>f.includes(t)},offsetXY:{type:Array},bgColor:{type:String},textColor:{type:String}};var a=n.defineComponent({name:"DBadge",props:c,emits:[],setup(t,s){const g=n.computed(()=>{const e="devui-badge-content";return[e,t.showDot?`${e}-dot`:`${e}-count`,t.status&&`${e}-${t.status}`,s.slots.default&&t.badgePos&&`${e}-${t.badgePos}`,s.slots.default&&`${e}-fixed`].join(" ")}),m=n.computed(()=>{const e={bgColor:"background",textColor:"color"},u=Object.keys(e).reduce((i,d)=>(t[d]&&(i[e[d]]=t[d]),i),{});if(s.slots.default&&t.offsetXY){const[i,d]=t.offsetXY,[y,x]=t.badgePos.split("-");u[y]=d+"px",u[x]=i+"px"}return u}),b=n.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var e,u;return n.createVNode("div",{class:"devui-badge"},[(u=(e=s.slots).default)==null?void 0:u.call(e),n.createVNode("div",{class:g.value,style:m.value},[b.value])])}}});a.install=function(t){t.component(a.name,a)};var r={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(a)}};o.Badge=a,o.default=r,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package/breadcrumb/index.d.ts

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

package/button/index.d.ts

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

package/button/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment, ref, computed, mergeProps } from "vue";
+import { defineComponent, createVNode, ref, computed, withDirectives, mergeProps, resolveDirective } from "vue";
 var Icon = defineComponent({
   name: "DIcon",
   props: {
@@ -45,11 +45,12 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
-        width: size
+        width: size,
+        verticalAlign: "text-bottom"
       }
     }, null) : createVNode("i", {
       "class": `${classPrefix} ${classPrefix}-${name}`,
@@ -57,7 +58,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 Icon.install = function(app) {
@@ -155,7 +156,7 @@ var Button = defineComponent({
         showLoading,
         width
       } = props;
-      return createVNode("div", mergeProps({
+      return withDirectives(createVNode("div", mergeProps({
         "class": "devui-btn-host"
       }, ctx.attrs), [createVNode("button", {
         "class": btnClass.value,
@@ -166,12 +167,12 @@ var Button = defineComponent({
         },
         "onClick": onClick
       }, [!!icon ? createVNode(Icon, {
-        "name": props.icon,
+        "name": icon,
         "class": iconClass.value
       }, null) : null, createVNode("span", {
         "class": "button-content",
         "ref": buttonContent
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])])]);
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])])]), [[resolveDirective("dLoading"), showLoading]]);
     };
   }
 });
@@ -181,7 +182,7 @@ Button.install = function(app) {
 var index = {
   title: "Button \u6309\u94AE",
   category: "\u901A\u7528",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Button);
   }

package/button/index.umd.js

@@ -1 +1 @@
-var w=Object.defineProperty;var g=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var h=(n,t,o)=>t in n?w(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,S=(n,t)=>{for(var o in t||(t={}))N.call(t,o)&&h(n,o,t[o]);if(g)for(var o of g(t))P.call(t,o)&&h(n,o,t[o]);return n};(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return S({},e)},render(){const{name:e,size:l,color:f,classPrefix:r}=this;return t.createVNode(t.Fragment,null,[/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:l}},null):t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:l,color:f}},null)])}});o.install=function(e){e.component(o.name,o)};const y={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var z="",s=t.defineComponent({name:"DButton",props:y,setup(e,l){const f=t.ref(null),r=i=>{var a;e.showLoading||(a=e.onClick)==null||a.call(e,i)},b=t.computed(()=>l.slots.default),$=t.computed(()=>{const{btnStyle:i,size:a,position:p,bordered:m,icon:d}=e,u=`devui-btn devui-btn-${i} devui-btn-${a} devui-btn-${p}`,c=m?"bordered":"",V=!!d&&!b.value&&i!=="primary"?"d-btn-icon":"";return`${u} ${c} ${V} ${d?"d-btn-icon-wrap":""}`}),B=t.computed(()=>{if(!e.icon)return;const i="devui-icon-fix icon";return b.value?`${i} clear-right-5`:i});return()=>{var u,c;const{icon:i,type:a,disabled:p,showLoading:m,width:d}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},l.attrs),[t.createVNode("button",{class:$.value,type:a,disabled:p,style:{width:d},onClick:r},[i?t.createVNode(o,{name:e.icon,class:B.value},null):null,t.createVNode("span",{class:"button-content",ref:f},[(c=(u=l.slots).default)==null?void 0:c.call(u)])])])}}});s.install=function(e){e.component(s.name,s)};var C={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(e){e.use(s)}};n.Button=s,n.buttonProps=y,n.default=C,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+var B=Object.defineProperty;var m=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var h=(n,t,o)=>t in n?B(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,S=(n,t)=>{for(var o in t||(t={}))V.call(t,o)&&h(n,o,t[o]);if(m)for(var o of m(t))N.call(t,o)&&h(n,o,t[o]);return n};(function(n,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis!="undefined"?globalThis:n||self,t(n.index={},n.Vue))})(this,function(n,t){"use strict";var o=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return S({},e)},render(){const{name:e,size:l,color:f,classPrefix:r}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:l,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:l,color:f}},null)}});o.install=function(e){e.component(o.name,o)};const y={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var P="",a=t.defineComponent({name:"DButton",props:y,setup(e,l){const f=t.ref(null),r=i=>{var s;e.showLoading||(s=e.onClick)==null||s.call(e,i)},g=t.computed(()=>l.slots.default),$=t.computed(()=>{const{btnStyle:i,size:s,position:p,bordered:b,icon:d}=e,u=`devui-btn devui-btn-${i} devui-btn-${s} devui-btn-${p}`,c=b?"bordered":"",w=!!d&&!g.value&&i!=="primary"?"d-btn-icon":"";return`${u} ${c} ${w} ${d?"d-btn-icon-wrap":""}`}),v=t.computed(()=>{if(!e.icon)return;const i="devui-icon-fix icon";return g.value?`${i} clear-right-5`:i});return()=>{var u,c;const{icon:i,type:s,disabled:p,showLoading:b,width:d}=e;return t.withDirectives(t.createVNode("div",t.mergeProps({class:"devui-btn-host"},l.attrs),[t.createVNode("button",{class:$.value,type:s,disabled:p,style:{width:d},onClick:r},[i?t.createVNode(o,{name:i,class:v.value},null):null,t.createVNode("span",{class:"button-content",ref:f},[(c=(u=l.slots).default)==null?void 0:c.call(u)])])]),[[t.resolveDirective("dLoading"),b]])}}});a.install=function(e){e.component(a.name,a)};var C={title:"Button \u6309\u94AE",category:"\u901A\u7528",status:"100%",install(e){e.use(a)}};n.Button=a,n.buttonProps=y,n.default=C,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/card/index.d.ts

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

package/card/index.es.js

@@ -53,7 +53,7 @@ Card.install = function(app) {
 var index = {
   title: "Card \u5361\u7247",
   category: "\u6570\u636E\u5C55\u793A",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Card);
   }

package/card/index.umd.js

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var y="";const C={align:{type:String,default:"start"},src:{type:String,default:""}};var d=e.defineComponent({name:"DCard",props:C,render(){var i,r,c,n,o,l,u,f,v,h,p,V,g,m;const{align:a,src:s}=this,$={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${a}`]:a!=="start"};return e.createVNode("div",{class:"card-container devui-card"},[(r=(i=this.$slots).default)==null?void 0:r.call(i),e.createVNode("div",{class:"devui-card-header"},[((n=(c=this.$slots).cardAvatar)==null?void 0:n.call(c))?e.createVNode("div",{class:"devui-card-avatar"},[(l=(o=this.$slots).cardAvatar)==null?void 0:l.call(o)]):"",e.createVNode("div",{class:"devui-card-header-title-area"},[e.createVNode("div",{class:"devui-card-title"},[(f=(u=this.$slots).cardTitle)==null?void 0:f.call(u)]),e.createVNode("div",{class:"devui-card-subtitle"},[(h=(v=this.$slots).cardSubtitle)==null?void 0:h.call(v)])])]),s!==""?e.createVNode("img",{src:s,alt:"",class:"devui-card-meta"},null):"",e.createVNode("div",{class:"devui-card-content"},[(V=(p=this.$slots).cardContent)==null?void 0:V.call(p)]),e.createVNode("div",{class:$},[this.$slots.cardActions?(m=(g=this.$slots).cardActions)==null?void 0:m.call(g):""])])}});d.install=function(a){a.component(d.name,d)};var N={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"\u5DF2\u5B8C\u6210",install(a){a.use(d)}};t.Card=d,t.default=N,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var y="";const N={align:{type:String,default:"start"},src:{type:String,default:""}};var d=e.defineComponent({name:"DCard",props:N,render(){var i,r,c,n,o,l,u,f,v,h,p,V,g,m;const{align:a,src:s}=this,C={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${a}`]:a!=="start"};return e.createVNode("div",{class:"card-container devui-card"},[(r=(i=this.$slots).default)==null?void 0:r.call(i),e.createVNode("div",{class:"devui-card-header"},[((n=(c=this.$slots).cardAvatar)==null?void 0:n.call(c))?e.createVNode("div",{class:"devui-card-avatar"},[(l=(o=this.$slots).cardAvatar)==null?void 0:l.call(o)]):"",e.createVNode("div",{class:"devui-card-header-title-area"},[e.createVNode("div",{class:"devui-card-title"},[(f=(u=this.$slots).cardTitle)==null?void 0:f.call(u)]),e.createVNode("div",{class:"devui-card-subtitle"},[(h=(v=this.$slots).cardSubtitle)==null?void 0:h.call(v)])])]),s!==""?e.createVNode("img",{src:s,alt:"",class:"devui-card-meta"},null):"",e.createVNode("div",{class:"devui-card-content"},[(V=(p=this.$slots).cardContent)==null?void 0:V.call(p)]),e.createVNode("div",{class:C},[this.$slots.cardActions?(m=(g=this.$slots).cardActions)==null?void 0:m.call(g):""])])}});d.install=function(a){a.component(d.name,d)};var $={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.use(d)}};t.Card=d,t.default=$,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/carousel/index.d.ts

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

package/carousel/index.es.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, createVNode, Fragment, ref, watch, onMounted, onBeforeUnmount, Comment } from "vue";
+import { defineComponent, createVNode, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
 const carouselProps = {
   arrowTrigger: {
     type: String,
@@ -82,11 +82,12 @@ var Icon = defineComponent({
       color,
       classPrefix
     } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
       "src": name,
       "alt": name.split("/")[name.split("/").length - 1],
       "style": {
-        width: size
+        width: size,
+        verticalAlign: "text-bottom"
       }
     }, null) : createVNode("i", {
       "class": `${classPrefix} ${classPrefix}-${name}`,
@@ -94,7 +95,7 @@ var Icon = defineComponent({
         fontSize: size,
         color
       }
-    }, null)]);
+    }, null);
   }
 });
 var carousel = "";

package/carousel/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?z(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var b=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)])}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:I,dotTrigger:M,activeIndex:T,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>T,()=>{u.value=T},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},h=(n,l)=>{if(f.value){const v=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*v.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const v=r.value.children[l];h(v,!0),m(-1),N(v)}else if(n>=o.value&&u.value===o.value-1){l=0;const v=r.value.children[l];h(v,!1),m(o.value),N(v)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),P()},j=()=>{p(u.value-1)},x=()=>{p(u.value+1)},A=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===M&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},P=()=>{D(),g&&I&&(c.value=setTimeout(()=>{x()},I))},F=n=>{o.value=n,P()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),P()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:F,goto:p,prev:j,next:x,arrowMouseEvent:A,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:I,showDots:M,dotPosition:T,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(h=>(h==null?void 0:h.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:I},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(b,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(b,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&M?e.createVNode("ul",{class:["devui-carousel-dots",T]},[c.map((h,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),V=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},V.install=function(t){t.component(V.name,V)};var E={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(V)}};a.Carousel=w,a.default=E,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+var F=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?F(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var M=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:T,dotTrigger:b,activeIndex:V,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>V,()=>{u.value=V},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},v=(n,l)=>{if(f.value){const h=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*h.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const h=r.value.children[l];v(h,!0),m(-1),N(h)}else if(n>=o.value&&u.value===o.value-1){l=0;const h=r.value.children[l];v(h,!1),m(o.value),N(h)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),x()},E=()=>{p(u.value-1)},P=()=>{p(u.value+1)},j=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===b&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},x=()=>{D(),g&&T&&(c.value=setTimeout(()=>{P()},T))},z=n=>{o.value=n,x()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),x()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:z,goto:p,prev:E,next:P,arrowMouseEvent:j,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:T,showDots:b,dotPosition:V,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(v=>(v==null?void 0:v.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:T},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(M,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(M,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&b?e.createVNode("ul",{class:["devui-carousel-dots",V]},[c.map((v,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),I=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},I.install=function(t){t.component(I.name,I)};var A={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(I)}};a.Carousel=w,a.default=A,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/cascader/index.d.ts

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