vue-devui 1.0.0-alpha.4 → 1.0.0-beta.10

package/button/index.es.js

@@ -1 +1,190 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,n,o)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o;"undefined"!=typeof require&&require;import{defineComponent as i,createVNode as l,ref as a,computed as u,mergeProps as s}from"vue";var d=i({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=>((e,i)=>{for(var l in i||(i={}))n.call(i,l)&&r(e,l,i[l]);if(t)for(var l of t(i))o.call(i,l)&&r(e,l,i[l]);return e})({},e),render(){const{name:e,size:t,color:n,classPrefix:o}=this;return l("i",{class:`${o} ${o}-${e}`,style:{fontSize:t,color:n}},null)}});d.install=function(e){e.component(d.name,d)};const c={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=i({name:"DButton",props:c,setup(e,t){const n=a(null),o=t=>{var n;e.showLoading||null==(n=e.onClick)||n.call(e,t)},r=u((()=>t.slots.default)),i=u((()=>{const{btnStyle:t,size:n,position:o,bordered:i,icon:l}=e;return`${`devui-btn devui-btn-${t} devui-btn-${n} devui-btn-${o}`} ${i?"bordered":""} ${l&&!r.value&&"primary"!==t?"d-btn-icon":""} ${l?"d-btn-icon-wrap":""}`})),c=u((()=>{if(!e.icon)return;const t="devui-icon-fix icon";return r.value?`${t} clear-right-5`:t}));return()=>{var r,a;const{icon:u,type:p,disabled:f,showLoading:y,width:b}=e;return l("div",s({class:"devui-btn-host"},t.attrs),[l("button",{class:i.value,type:p,disabled:f,style:{width:b},onClick:o},[u?l(d,{name:e.icon,class:c.value},null):null,l("span",{class:"button-content",ref:n},[null==(a=(r=t.slots).default)?void 0:a.call(r)])])])}}});p.install=function(e){e.component(p.name,p)};var f={title:"Button 按钮",category:"通用",install(e){e.use(p)}};export{p as Button,c as buttonProps,f as default};
+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, ref, computed, withDirectives, mergeProps, resolveDirective } from "vue";
+var Icon = defineComponent({
+  name: "DIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "inherit"
+    },
+    color: {
+      type: String,
+      default: "inherit"
+    },
+    classPrefix: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(props) {
+    return __spreadValues({}, props);
+  },
+  render() {
+    const {
+      name,
+      size,
+      color,
+      classPrefix
+    } = this;
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
+      "src": name,
+      "alt": name.split("/")[name.split("/").length - 1],
+      "style": {
+        width: size,
+        verticalAlign: "text-bottom"
+      }
+    }, null) : createVNode("i", {
+      "class": `${classPrefix} ${classPrefix}-${name}`,
+      "style": {
+        fontSize: size,
+        color
+      }
+    }, null);
+  }
+});
+Icon.install = function(app) {
+  app.component(Icon.name, Icon);
+};
+const buttonProps = {
+  type: {
+    type: String,
+    default: "button"
+  },
+  btnStyle: {
+    type: String,
+    default: "primary"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  position: {
+    type: String,
+    default: "default"
+  },
+  bordered: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: String,
+    default: ""
+  },
+  showLoading: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
+  onClick: {
+    type: Function
+  }
+};
+var button = "";
+var Button = defineComponent({
+  name: "DButton",
+  props: buttonProps,
+  setup(props, ctx) {
+    const buttonContent = ref(null);
+    const onClick = (e) => {
+      var _a;
+      if (props.showLoading) {
+        return;
+      }
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+    };
+    const hasContent = computed(() => ctx.slots.default);
+    const btnClass = computed(() => {
+      const {
+        btnStyle,
+        size,
+        position,
+        bordered,
+        icon
+      } = props;
+      const origin = `devui-btn devui-btn-${btnStyle} devui-btn-${size} devui-btn-${position}`;
+      const borderedClass = bordered ? "bordered" : "";
+      const btnIcon = !!icon && !hasContent.value && btnStyle !== "primary" ? "d-btn-icon" : "";
+      const btnIconWrap = !!icon ? "d-btn-icon-wrap" : "";
+      return `${origin} ${borderedClass} ${btnIcon} ${btnIconWrap}`;
+    });
+    const iconClass = computed(() => {
+      if (!props.icon) {
+        return;
+      }
+      const origin = "devui-icon-fix icon";
+      if (hasContent.value) {
+        return `${origin} clear-right-5`;
+      } else {
+        return origin;
+      }
+    });
+    return () => {
+      var _a, _b;
+      const {
+        icon,
+        type,
+        disabled,
+        showLoading,
+        width
+      } = props;
+      return withDirectives(createVNode("div", mergeProps({
+        "class": "devui-btn-host"
+      }, ctx.attrs), [createVNode("button", {
+        "class": btnClass.value,
+        "type": type,
+        "disabled": disabled,
+        "style": {
+          width
+        },
+        "onClick": onClick
+      }, [!!icon ? createVNode(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)])])]), [[resolveDirective("dLoading"), showLoading]]);
+    };
+  }
+});
+Button.install = function(app) {
+  app.component(Button.name, Button);
+};
+var index = {
+  title: "Button \u6309\u94AE",
+  category: "\u901A\u7528",
+  status: "100%",
+  install(app) {
+    app.use(Button);
+  }
+};
+export { Button, buttonProps, index as default };

package/button/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,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=>__spreadValues({},e),render(){const{name:e,size:o,color:n,classPrefix:r}=this;return t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:o,color:n}},null)}});o.install=function(e){e.component(o.name,o)};const n={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 r=t.defineComponent({name:"DButton",props:n,setup(e,n){const r=t.ref(null),i=t=>{var o;e.showLoading||null==(o=e.onClick)||o.call(e,t)},l=t.computed((()=>n.slots.default)),a=t.computed((()=>{const{btnStyle:t,size:o,position:n,bordered:r,icon:i}=e;return`${`devui-btn devui-btn-${t} devui-btn-${o} devui-btn-${n}`} ${r?"bordered":""} ${i&&!l.value&&"primary"!==t?"d-btn-icon":""} ${i?"d-btn-icon-wrap":""}`})),u=t.computed((()=>{if(!e.icon)return;const t="devui-icon-fix icon";return l.value?`${t} clear-right-5`:t}));return()=>{var l,d;const{icon:s,type:p,disabled:c,showLoading:f,width:y}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},n.attrs),[t.createVNode("button",{class:a.value,type:p,disabled:c,style:{width:y},onClick:i},[s?t.createVNode(o,{name:e.icon,class:u.value},null):null,t.createVNode("span",{class:"button-content",ref:r},[null==(d=(l=n.slots).default)?void 0:d.call(l)])])])}}});r.install=function(e){e.component(r.name,r)};var i={title:"Button 按钮",category:"通用",install(e){e.use(r)}};e.Button=r,e.buttonProps=n,e.default=i,Object.defineProperty(e,"__esModule",{value:!0}),e[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

@@ -1 +1,61 @@
-import{defineComponent as a,createVNode as l}from"vue";var t=a({name:"DCard",props:{align:{type:String,default:"start"},src:{type:String,default:""}},render(){var a,t,s,i,d,c,r,e,n,o,v,u,h,$;const{align:g,src:m}=this,p={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${g}`]:"start"!==g};return l("div",{class:"card-container devui-card"},[null==(t=(a=this.$slots).default)?void 0:t.call(a),l("div",{class:"devui-card-header"},[(null==(i=(s=this.$slots).cardAvatar)?void 0:i.call(s))?l("div",{class:"devui-card-avatar"},[null==(c=(d=this.$slots).cardAvatar)?void 0:c.call(d)]):"",l("div",{class:"devui-card-header-title-area"},[l("div",{class:"devui-card-title"},[null==(e=(r=this.$slots).cardTitle)?void 0:e.call(r)]),l("div",{class:"devui-card-subtitle"},[null==(o=(n=this.$slots).cardSubtitle)?void 0:o.call(n)])])]),""!==m?l("img",{src:m,alt:"",class:"devui-card-meta"},null):"",l("div",{class:"devui-card-content"},[null==(u=(v=this.$slots).cardContent)?void 0:u.call(v)]),l("div",{class:p},[this.$slots.cardActions?null==($=(h=this.$slots).cardActions)?void 0:$.call(h):""])])}});t.install=function(a){a.component(t.name,t)};var s={title:"Card 卡片",category:"数据展示",install(a){a.use(t)}};export{t as Card,s as default};
+import { defineComponent, createVNode } from "vue";
+var card = "";
+const cardProps = {
+  align: {
+    type: String,
+    default: "start"
+  },
+  src: {
+    type: String,
+    default: ""
+  }
+};
+var Card = defineComponent({
+  name: "DCard",
+  props: cardProps,
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    const {
+      align,
+      src
+    } = this;
+    const alignCls = {
+      "d-card-actions": true,
+      "devui-card-actions": true,
+      [`devui-card-actions-align-${align}`]: align !== "start"
+    };
+    return createVNode("div", {
+      "class": "card-container devui-card"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
+      "class": "devui-card-header"
+    }, [((_d = (_c = this.$slots).cardAvatar) == null ? void 0 : _d.call(_c)) ? createVNode("div", {
+      "class": "devui-card-avatar"
+    }, [(_f = (_e = this.$slots).cardAvatar) == null ? void 0 : _f.call(_e)]) : "", createVNode("div", {
+      "class": "devui-card-header-title-area"
+    }, [createVNode("div", {
+      "class": "devui-card-title"
+    }, [(_h = (_g = this.$slots).cardTitle) == null ? void 0 : _h.call(_g)]), createVNode("div", {
+      "class": "devui-card-subtitle"
+    }, [(_j = (_i = this.$slots).cardSubtitle) == null ? void 0 : _j.call(_i)])])]), src !== "" ? createVNode("img", {
+      "src": src,
+      "alt": "",
+      "class": "devui-card-meta"
+    }, null) : "", createVNode("div", {
+      "class": "devui-card-content"
+    }, [(_l = (_k = this.$slots).cardContent) == null ? void 0 : _l.call(_k)]), createVNode("div", {
+      "class": alignCls
+    }, [this.$slots.cardActions ? (_n = (_m = this.$slots).cardActions) == null ? void 0 : _n.call(_m) : ""])]);
+  }
+});
+Card.install = function(app) {
+  app.component(Card.name, Card);
+};
+var index = {
+  title: "Card \u5361\u7247",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.use(Card);
+  }
+};
+export { Card, index as default };

package/card/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,t){"use strict";const a={align:{type:String,default:"start"},src:{type:String,default:""}};var d=t.defineComponent({name:"DCard",props:a,render(){var e,a,d,l,i,s,c,r,o,n,u,v,f,h;const{align:p,src:g}=this,V={"d-card-actions":!0,"devui-card-actions":!0,[`devui-card-actions-align-${p}`]:"start"!==p};return t.createVNode("div",{class:"card-container devui-card"},[null==(a=(e=this.$slots).default)?void 0:a.call(e),t.createVNode("div",{class:"devui-card-header"},[(null==(l=(d=this.$slots).cardAvatar)?void 0:l.call(d))?t.createVNode("div",{class:"devui-card-avatar"},[null==(s=(i=this.$slots).cardAvatar)?void 0:s.call(i)]):"",t.createVNode("div",{class:"devui-card-header-title-area"},[t.createVNode("div",{class:"devui-card-title"},[null==(r=(c=this.$slots).cardTitle)?void 0:r.call(c)]),t.createVNode("div",{class:"devui-card-subtitle"},[null==(n=(o=this.$slots).cardSubtitle)?void 0:n.call(o)])])]),""!==g?t.createVNode("img",{src:g,alt:"",class:"devui-card-meta"},null):"",t.createVNode("div",{class:"devui-card-content"},[null==(v=(u=this.$slots).cardContent)?void 0:v.call(u)]),t.createVNode("div",{class:V},[this.$slots.cardActions?null==(h=(f=this.$slots).cardActions)?void 0:h.call(f):""])])}});d.install=function(e){e.component(d.name,d)};var l={title:"Card 卡片",category:"数据展示",install(e){e.use(d)}};e.Card=d,e.default=l,Object.defineProperty(e,"__esModule",{value:!0}),e[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

@@ -1 +1,329 @@
-var e=Object.defineProperty,t=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,r=(t,l,a)=>l in t?e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[l]=a;"undefined"!=typeof require&&require;import{defineComponent as n,createVNode as o,ref as u,watch as i,onMounted as s,onBeforeUnmount as v,Fragment as c,Comment as d}from"vue";const p={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 f=n({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=>((e,n)=>{for(var o in n||(n={}))l.call(n,o)&&r(e,o,n[o]);if(t)for(var o of t(n))a.call(n,o)&&r(e,o,n[o]);return e})({},e),render(){const{name:e,size:t,color:l,classPrefix:a}=this;return o("i",{class:`${a} ${a}-${e}`,style:{fontSize:t,color:l}},null)}}),m=n({name:"DCarousel",props:p,emits:["update:activeIndex"],setup(e,{emit:t}){const{arrowTrigger:l,autoplay:a,autoplaySpeed:r,dotTrigger:n,activeIndex:o,activeIndexChange:c}=e,d=u(0),p=u(!1),f=u(0),m=u(null),y=u(null),g=u(null);i((()=>l),(()=>{p.value="always"===l}),{immediate:!0}),i((()=>o),(()=>{f.value=o}),{immediate:!0});const h=e=>{y.value&&(y.value.style.left=100*-e+"%")},w=e=>{setTimeout((()=>{y.value&&(y.value.style.transition=""),e.style.transform="",h(f.value)}),500)},b=(e,t)=>{if(m.value){const l=m.value.getBoundingClientRect();e.style.transform=`translateX(${(t?-d.value:d.value)*l.width}px)`}},x=e=>{if(e===f.value||!m.value||!y.value)return;y.value.style.transition="left 500ms ease";let l=f.value;if(e<0&&0===f.value){l=d.value-1;const e=y.value.children[l];b(e,!0),h(-1),w(e)}else if(e>=d.value&&f.value===d.value-1){l=0;const e=y.value.children[l];b(e,!1),h(d.value),w(e)}else l=e<0?0:e>d.value-1?d.value-1:e,h(l);f.value=l,t("update:activeIndex",l),null==c||c(l),I()},S=()=>{x(f.value+1)},C=()=>{g.value&&(clearTimeout(g.value),g.value=null)},I=()=>{C(),a&&r&&(g.value=setTimeout((()=>{S()}),r))};return s((()=>{y.value&&(y.value.style.transition="left 500ms ease",y.value.style.left="0%"),I()})),v((()=>{C()})),{wrapperRef:m,containerRef:y,showArrow:p,currentIndex:f,itemCount:d,changeItemCount:e=>{d.value=e,I()},goto:x,prev:()=>{x(f.value-1)},next:S,arrowMouseEvent:e=>{"hover"===l&&(p.value="enter"===e)},switchStep:(e,t)=>{t===n&&x(e)}}},render(){var e,t;const{showArrow:l,currentIndex:a,itemCount:r,arrowTrigger:n,height:u,showDots:i,dotPosition:s,prev:v,next:p,arrowMouseEvent:m,switchStep:y,changeItemCount:g,$slots:h}=this,w=null!=(t=null==(e=h.default)?void 0:e.call(h))?t:[];let b=w;return 1===b.length&&b[0].type===c&&(b=(b[0].children||[]).filter((e=>(null==e?void 0:e.type)!==d))),b.length!==r&&g(b.length),o("div",{class:"devui-carousel-container",style:{height:u},onMouseenter:()=>m("enter"),onMouseleave:()=>m("leave")},["never"!==n&&l?o("div",{class:"devui-carousel-arrow"},[o("button",{class:"arrow-left",onClick:()=>v()},[o(f,{name:"arrow-left"},null)]),o("button",{class:"arrow-right",onClick:()=>p()},[o(f,{name:"arrow-right"},null)])]):null,o("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[o("div",{class:"devui-carousel-item-container",style:{width:100*r+"%"},ref:"containerRef"},[w])]),r>0&&i?o("ul",{class:["devui-carousel-dots",s]},[b.map(((e,t)=>o("li",{class:{"dot-item":!0,active:a===t},onClick:()=>y(t,"click"),onMouseenter:()=>y(t,"hover")},null)))]):null])}}),y=n({name:"DCarouselItem",render(){var e;const{$slots:t}=this,l=null==(e=t.default)?void 0:e.call(t);return o("div",{class:"d-carousel-item "},[l])}});m.install=function(e){e.component(m.name,m)},y.install=function(e){e.component(y.name,y)};var g={title:"Carousel 走马灯",category:"数据展示",install(e){e.use(m),e.use(y)}};export{m as Carousel,g as default};
+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, ref, watch, onMounted, onBeforeUnmount, Fragment, Comment } from "vue";
+const carouselProps = {
+  arrowTrigger: {
+    type: String,
+    default: "hover"
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
+  },
+  autoplaySpeed: {
+    type: Number,
+    default: 3e3
+  },
+  height: {
+    type: String,
+    default: "100%"
+  },
+  showDots: {
+    type: Boolean,
+    default: true
+  },
+  dotTrigger: {
+    type: String,
+    default: "click"
+  },
+  dotPosition: {
+    type: String,
+    default: "bottom"
+  },
+  activeIndex: {
+    type: Number,
+    default: 0
+  },
+  activeIndexChange: {
+    type: Function
+  }
+};
+var Icon = defineComponent({
+  name: "DIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "inherit"
+    },
+    color: {
+      type: String,
+      default: "inherit"
+    },
+    classPrefix: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(props) {
+    return __spreadValues({}, props);
+  },
+  render() {
+    const {
+      name,
+      size,
+      color,
+      classPrefix
+    } = this;
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
+      "src": name,
+      "alt": name.split("/")[name.split("/").length - 1],
+      "style": {
+        width: size,
+        verticalAlign: "text-bottom"
+      }
+    }, null) : createVNode("i", {
+      "class": `${classPrefix} ${classPrefix}-${name}`,
+      "style": {
+        fontSize: size,
+        color
+      }
+    }, null);
+  }
+});
+var carousel = "";
+var Carousel = defineComponent({
+  name: "DCarousel",
+  props: carouselProps,
+  emits: ["update:activeIndex"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      arrowTrigger,
+      autoplay,
+      autoplaySpeed,
+      dotTrigger,
+      activeIndex,
+      activeIndexChange
+    } = props;
+    const transitionSpeed = 500;
+    const itemCount = ref(0);
+    const showArrow = ref(false);
+    const currentIndex = ref(0);
+    const wrapperRef = ref(null);
+    const containerRef = ref(null);
+    const scheduledId = ref(null);
+    watch(() => arrowTrigger, () => {
+      showArrow.value = arrowTrigger === "always";
+    }, {
+      immediate: true
+    });
+    watch(() => activeIndex, () => {
+      currentIndex.value = activeIndex;
+    }, {
+      immediate: true
+    });
+    const translatePosition = (size) => {
+      if (containerRef.value)
+        containerRef.value.style.left = `${-size * 100}%`;
+    };
+    const adjustTransition = (targetEl) => {
+      setTimeout(() => {
+        if (containerRef.value)
+          containerRef.value.style.transition = "";
+        targetEl.style.transform = "";
+        translatePosition(currentIndex.value);
+      }, transitionSpeed);
+    };
+    const adjustPosition = (targetEl, firstToLast) => {
+      if (wrapperRef.value) {
+        const wrapperRect = wrapperRef.value.getBoundingClientRect();
+        targetEl.style.transform = `translateX(${(firstToLast ? -itemCount.value : itemCount.value) * wrapperRect.width}px)`;
+      }
+    };
+    const goto = (index2) => {
+      if (index2 === currentIndex.value || !wrapperRef.value || !containerRef.value) {
+        return;
+      }
+      containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
+      let latestIndex = currentIndex.value;
+      if (index2 < 0 && currentIndex.value === 0) {
+        latestIndex = itemCount.value - 1;
+        const targetEl = containerRef.value.children[latestIndex];
+        adjustPosition(targetEl, true);
+        translatePosition(-1);
+        adjustTransition(targetEl);
+      } else if (index2 >= itemCount.value && currentIndex.value === itemCount.value - 1) {
+        latestIndex = 0;
+        const targetEl = containerRef.value.children[latestIndex];
+        adjustPosition(targetEl, false);
+        translatePosition(itemCount.value);
+        adjustTransition(targetEl);
+      } else {
+        latestIndex = index2 < 0 ? 0 : index2 > itemCount.value - 1 ? itemCount.value - 1 : index2;
+        translatePosition(latestIndex);
+      }
+      currentIndex.value = latestIndex;
+      emit("update:activeIndex", latestIndex);
+      activeIndexChange == null ? void 0 : activeIndexChange(latestIndex);
+      autoScheduleTransition();
+    };
+    const prev = () => {
+      goto(currentIndex.value - 1);
+    };
+    const next = () => {
+      goto(currentIndex.value + 1);
+    };
+    const arrowMouseEvent = (type) => {
+      if (arrowTrigger !== "hover")
+        return;
+      showArrow.value = type === "enter";
+    };
+    const switchStep = (index2, type) => {
+      if (type === dotTrigger)
+        goto(index2);
+    };
+    const clearScheduledTransition = () => {
+      if (scheduledId.value) {
+        clearTimeout(scheduledId.value);
+        scheduledId.value = null;
+      }
+    };
+    const autoScheduleTransition = () => {
+      clearScheduledTransition();
+      if (autoplay && autoplaySpeed) {
+        scheduledId.value = setTimeout(() => {
+          next();
+        }, autoplaySpeed);
+      }
+    };
+    const changeItemCount = (val) => {
+      itemCount.value = val;
+      autoScheduleTransition();
+    };
+    onMounted(() => {
+      if (containerRef.value) {
+        containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
+        containerRef.value.style.left = "0%";
+      }
+      autoScheduleTransition();
+    });
+    onBeforeUnmount(() => {
+      clearScheduledTransition();
+    });
+    return {
+      wrapperRef,
+      containerRef,
+      showArrow,
+      currentIndex,
+      itemCount,
+      changeItemCount,
+      goto,
+      prev,
+      next,
+      arrowMouseEvent,
+      switchStep
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      showArrow,
+      currentIndex,
+      itemCount,
+      arrowTrigger,
+      height,
+      showDots,
+      dotPosition,
+      prev,
+      next,
+      arrowMouseEvent,
+      switchStep,
+      changeItemCount,
+      $slots
+    } = this;
+    const slot = (_b = (_a = $slots.default) == null ? void 0 : _a.call($slots)) != null ? _b : [];
+    let children = slot;
+    if (children.length === 1 && children[0].type === Fragment) {
+      children = (children[0].children || []).filter((item) => (item == null ? void 0 : item.type) !== Comment);
+    }
+    if (children.length !== itemCount) {
+      changeItemCount(children.length);
+    }
+    return createVNode("div", {
+      "class": "devui-carousel-container",
+      "style": {
+        height
+      },
+      "onMouseenter": () => arrowMouseEvent("enter"),
+      "onMouseleave": () => arrowMouseEvent("leave")
+    }, [arrowTrigger !== "never" && showArrow ? createVNode("div", {
+      "class": "devui-carousel-arrow"
+    }, [createVNode("button", {
+      "class": "arrow-left",
+      "onClick": () => prev()
+    }, [createVNode(Icon, {
+      "name": "arrow-left"
+    }, null)]), createVNode("button", {
+      "class": "arrow-right",
+      "onClick": () => next()
+    }, [createVNode(Icon, {
+      "name": "arrow-right"
+    }, null)])]) : null, createVNode("div", {
+      "class": "devui-carousel-item-wrapper",
+      "ref": "wrapperRef"
+    }, [createVNode("div", {
+      "class": "devui-carousel-item-container",
+      "style": {
+        width: `${itemCount * 100}%`
+      },
+      "ref": "containerRef"
+    }, [slot])]), itemCount > 0 && showDots ? createVNode("ul", {
+      "class": ["devui-carousel-dots", dotPosition]
+    }, [children.map((_, index2) => createVNode("li", {
+      "class": {
+        "dot-item": true,
+        active: currentIndex === index2
+      },
+      "onClick": () => switchStep(index2, "click"),
+      "onMouseenter": () => switchStep(index2, "hover")
+    }, null))]) : null]);
+  }
+});
+var CarouseItem = defineComponent({
+  name: "DCarouselItem",
+  render() {
+    var _a;
+    const {
+      $slots
+    } = this;
+    const children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
+    return createVNode("div", {
+      "class": "d-carousel-item "
+    }, [children]);
+  }
+});
+Carousel.install = function(app) {
+  app.component(Carousel.name, Carousel);
+};
+CarouseItem.install = function(app) {
+  app.component(CarouseItem.name, CarouseItem);
+};
+var index = {
+  title: "Carousel \u8D70\u9A6C\u706F",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "80%",
+  install(app) {
+    app.use(Carousel);
+    app.use(CarouseItem);
+  }
+};
+export { Carousel, index as default };