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

package/accordion/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/accordion/index.es.js

@@ -1 +1,237 @@
-import{defineComponent as e,createVNode as t,mergeProps as l,resolveComponent as i,createTextVNode as n,reactive as a}from"vue";var d=e({name:"DAccordionList",inheritAttrs:!1,props:{data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},setup:(e,a)=>()=>(!e.innerListTemplate||0===e.deepth)&&t("ul",l({class:"devui-accordion-list"},a.attrs),[e.data.map((e=>t("li",{class:"devui-accordion-item",key:e.title},[t("div",{class:"devui-accordion-menu-item open",title:e.title},[t("div",{title:e.title,class:"devui-accordion-item-title devui-over-flow-ellipsis open"},[e.title]),t("div",{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;"},[t("ul",{class:"devui-accordion-list"},[e.children.map((e=>t("li",{class:"devui-accordion-item",key:e.title},[t("div",{class:"devui-accordion-item-title devui-over-flow-ellipsis",style:"text-indent: 20px;",title:e.title},[t(i("router-link"),{to:e.link},{default:()=>[t("div",{class:"devui-accordion-splitter",style:"left: 30px;"},null),e.title,e.done&&t("span",{class:"tag-done"},[n("已完成")])]})])])))])])])])))])}),o=e({name:"DAccordion",props:{data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},setup(e){const{data:i,accordionType:n}=a(e);return()=>t("div",{class:"devui-accordion-menu devui-scrollbar "+("normal"===n?"devui-accordion-menu-normal":"")},[t(d,l({data:i,deepth:0,parent:null},e),null)])}});o.install=function(e){e.component(o.name,o)};var r={title:"Accordion 手风琴",category:"导航",install(e){e.use(o)}};export{o as Accordion,r 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, toRefs, computed, createVNode, Fragment, mergeProps, resolveComponent, onMounted, watch } from "vue";
+const accordionProps = {
+  data: {
+    type: Array,
+    default: null
+  },
+  titleKey: { type: String, default: "title" },
+  loadingKey: { type: String, default: "loading" },
+  childrenKey: { type: String, default: "children" },
+  disabledKey: { type: String, default: "disabled" },
+  activeKey: { type: String, default: "active" },
+  openKey: { type: String, default: "open" },
+  menuItemTemplate: { type: String, default: "" },
+  itemTemplate: { type: String, default: "" },
+  menuToggle: {
+    type: Function,
+    default: null
+  },
+  itemClick: {
+    type: Function,
+    default: null
+  },
+  activeItemChange: {
+    type: Function,
+    default: null
+  },
+  restrictOneOpen: { type: Boolean, default: false },
+  autoOpenActiveMenu: { type: Boolean, default: false },
+  showNoContent: { type: Boolean, default: true },
+  noContentTemplate: { type: String, default: "" },
+  loadingTemplate: { type: String, default: "" },
+  innerListTemplate: { type: String, default: "" },
+  linkType: {
+    type: String,
+    default: ""
+  },
+  linkTypeKey: { type: String, default: "linkType" },
+  linkKey: { type: String, default: "link" },
+  linkTargetKey: { type: String, default: "target" },
+  linkDefaultTarget: { type: String, default: "_self" },
+  accordionType: {
+    type: String,
+    default: "normal"
+  }
+};
+var DAccordionMenu = defineComponent({
+  name: "DAccordionMenu",
+  props: __spreadValues({
+    item: Object,
+    deepth: {
+      type: Number,
+      default: 0
+    },
+    parent: {
+      type: Object,
+      default: null
+    }
+  }, accordionProps),
+  setup(props) {
+    const {
+      item,
+      deepth
+    } = toRefs(props);
+    computed(() => {
+      return keyOpen === void 0 && props.autoOpenActiveMenu ? childActived : keyOpen;
+    });
+    const keyOpen = computed(() => {
+      return item == null ? void 0 : item.value[props.openKey];
+    });
+    const childActived = computed(() => {
+    });
+    return () => {
+      return createVNode(Fragment, null, [createVNode("div", {
+        "class": ["devui-accordion-item-title", "devui-over-flow-ellipsis", item.value.children ? "open active" : ""],
+        "title": item.value.title
+      }, [item.value.title]), createVNode(AccordionList, {
+        "class": "devui-accordion-submenu devui-accordion-show-animate",
+        "style": "opacity: 1; overflow: hidden;",
+        "deepth": deepth.value + 1,
+        "data": item.value.children || [],
+        "parent": item.value
+      }, null)]);
+    };
+  }
+});
+var AccordionList = defineComponent({
+  name: "DAccordionList",
+  inheritAttrs: false,
+  components: {
+    DAccordionMenu
+  },
+  props: __spreadValues({
+    data: {
+      type: Array,
+      default: null
+    },
+    deepth: {
+      type: Number,
+      default: 0
+    },
+    parent: {
+      type: Object,
+      default: null
+    },
+    innerListTemplate: Boolean
+  }, accordionProps),
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const {
+      childrenKey,
+      innerListTemplate,
+      deepth
+    } = toRefs(props);
+    return () => {
+      return createVNode(Fragment, null, [!innerListTemplate.value && createVNode("ul", mergeProps({
+        "class": "devui-accordion-list"
+      }, attrs), [props.data.map((item) => {
+        return createVNode("li", {
+          "class": "devui-accordion-item",
+          "key": item.title
+        }, [childrenKey !== void 0 && createVNode(resolveComponent("d-accordion-menu"), mergeProps({
+          "item": item,
+          "deepth": props.deepth,
+          "parent": props.parent
+        }, accordionProps), null)]);
+      })]), innerListTemplate.value && deepth.value !== 0 && createVNode("div", null, [slots.default ? slots.innerListTemplate() : ""])]);
+    };
+  }
+});
+var accordion = "";
+var Accordion = defineComponent({
+  name: "DAccordion",
+  props: accordionProps,
+  setup(props, {
+    emit
+  }) {
+    const {
+      data,
+      childrenKey,
+      activeKey,
+      openKey,
+      accordionType,
+      autoOpenActiveMenu,
+      restrictOneOpen
+    } = toRefs(props);
+    let clickActiveItem = void 0;
+    const flatten = (arr, childrenKey2 = "children", includeParent = false, includeLeaf = true) => {
+      return arr.reduce((acc, cur) => {
+        const children = cur[childrenKey2];
+        if (children === void 0) {
+          if (includeLeaf) {
+            acc.push(cur);
+          }
+        } else {
+          if (includeParent) {
+            acc.push(cur);
+          }
+          if (Array.isArray(children)) {
+            acc.push(...flatten(children, childrenKey2, includeParent));
+          }
+        }
+        return acc;
+      }, []);
+    };
+    const initActiveItem = () => {
+      const activeItem = flatten(data.value, childrenKey.value).filter((item) => item[activeKey.value]).pop();
+      if (activeItem) {
+        if (!clickActiveItem) {
+          activeItemFn(activeItem);
+        }
+      } else {
+        clickActiveItem = void 0;
+      }
+    };
+    const activeItemFn = (item) => {
+      if (clickActiveItem && clickActiveItem[activeKey.value]) {
+        clickActiveItem[activeKey.value] = false;
+      }
+      item[activeKey.value] = true;
+      clickActiveItem = item;
+      emit("activeItemChange", clickActiveItem);
+    };
+    const cleanOpenData = () => {
+      flatten(data.value, childrenKey.value, true, false).forEach((item) => item[openKey.value] = void 0);
+    };
+    onMounted(() => {
+      if (data.value) {
+        initActiveItem();
+      }
+    });
+    watch(() => autoOpenActiveMenu.value, (current, preV) => {
+      console.log("cur, new", current, preV);
+      if (current && preV === false) {
+        cleanOpenData();
+      }
+    });
+    return () => {
+      return createVNode("div", {
+        "class": `devui-accordion-menu devui-scrollbar ${accordionType.value === "normal" ? "devui-accordion-menu-normal" : ""}`
+      }, [createVNode(AccordionList, mergeProps({
+        "data": data,
+        "deepth": 0,
+        "parent": null
+      }, props), null)]);
+    };
+  }
+});
+Accordion.install = function(app) {
+  app.component(Accordion.name, Accordion);
+};
+var index = {
+  title: "Accordion \u624B\u98CE\u7434",
+  category: "\u5BFC\u822A",
+  status: "10%",
+  install(app) {
+    app.use(Accordion);
+  }
+};
+export { Accordion, index as default };

package/accordion/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";var i=t.defineComponent({name:"DAccordionList",inheritAttrs:!1,props:{data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},setup:(e,i)=>()=>(!e.innerListTemplate||0===e.deepth)&&t.createVNode("ul",t.mergeProps({class:"devui-accordion-list"},i.attrs),[e.data.map((e=>t.createVNode("li",{class:"devui-accordion-item",key:e.title},[t.createVNode("div",{class:"devui-accordion-menu-item open",title:e.title},[t.createVNode("div",{title:e.title,class:"devui-accordion-item-title devui-over-flow-ellipsis open"},[e.title]),t.createVNode("div",{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;"},[t.createVNode("ul",{class:"devui-accordion-list"},[e.children.map((e=>t.createVNode("li",{class:"devui-accordion-item",key:e.title},[t.createVNode("div",{class:"devui-accordion-item-title devui-over-flow-ellipsis",style:"text-indent: 20px;",title:e.title},[t.createVNode(t.resolveComponent("router-link"),{to:e.link},{default:()=>[t.createVNode("div",{class:"devui-accordion-splitter",style:"left: 30px;"},null),e.title,e.done&&t.createVNode("span",{class:"tag-done"},[t.createTextVNode("已完成")])]})])])))])])])])))])}),l=t.defineComponent({name:"DAccordion",props:{data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},setup(e){const{data:l,accordionType:n}=t.reactive(e);return()=>t.createVNode("div",{class:"devui-accordion-menu devui-scrollbar "+("normal"===n?"devui-accordion-menu-normal":"")},[t.createVNode(i,t.mergeProps({data:l,deepth:0,parent:null},e),null)])}});l.install=function(e){e.component(l.name,l)};var n={title:"Accordion 手风琴",category:"导航",install(e){e.use(l)}};e.Accordion=l,e.default=n,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var F=Object.defineProperty;var T=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var K=(t,e,n)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,h=(t,e)=>{for(var n in e||(e={}))I.call(e,n)&&K(t,n,e[n]);if(T)for(var n of T(e))w.call(e,n)&&K(t,n,e[n]);return t};(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";const n={data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}};var N=e.defineComponent({name:"DAccordionMenu",props:h({item:Object,deepth:{type:Number,default:0},parent:{type:Object,default:null}},n),setup(a){const{item:l,deepth:d}=e.toRefs(a);e.computed(()=>r===void 0&&a.autoOpenActiveMenu?o:r);const r=e.computed(()=>l==null?void 0:l.value[a.openKey]),o=e.computed(()=>{});return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:["devui-accordion-item-title","devui-over-flow-ellipsis",l.value.children?"open active":""],title:l.value.title},[l.value.title]),e.createVNode(A,{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;",deepth:d.value+1,data:l.value.children||[],parent:l.value},null)])}}),A=e.defineComponent({name:"DAccordionList",inheritAttrs:!1,components:{DAccordionMenu:N},props:h({data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},n),setup(a,{attrs:l,slots:d}){const{childrenKey:r,innerListTemplate:o,deepth:y}=e.toRefs(a);return()=>e.createVNode(e.Fragment,null,[!o.value&&e.createVNode("ul",e.mergeProps({class:"devui-accordion-list"},l),[a.data.map(f=>e.createVNode("li",{class:"devui-accordion-item",key:f.title},[r!==void 0&&e.createVNode(e.resolveComponent("d-accordion-menu"),e.mergeProps({item:f,deepth:a.deepth,parent:a.parent},n),null)]))]),o.value&&y.value!==0&&e.createVNode("div",null,[d.default?d.innerListTemplate():""])])}}),B="",p=e.defineComponent({name:"DAccordion",props:n,setup(a,{emit:l}){const{data:d,childrenKey:r,activeKey:o,openKey:y,accordionType:f,autoOpenActiveMenu:b,restrictOneOpen:D}=e.toRefs(a);let u;const m=(i,c="children",S=!1,M=!0)=>i.reduce((s,g)=>{const v=g[c];return v===void 0?M&&s.push(g):(S&&s.push(g),Array.isArray(v)&&s.push(...m(v,c,S))),s},[]),k=()=>{const i=m(d.value,r.value).filter(c=>c[o.value]).pop();i?u||C(i):u=void 0},C=i=>{u&&u[o.value]&&(u[o.value]=!1),i[o.value]=!0,u=i,l("activeItemChange",u)},V=()=>{m(d.value,r.value,!0,!1).forEach(i=>i[y.value]=void 0)};return e.onMounted(()=>{d.value&&k()}),e.watch(()=>b.value,(i,c)=>{console.log("cur, new",i,c),i&&c===!1&&V()}),()=>e.createVNode("div",{class:`devui-accordion-menu devui-scrollbar ${f.value==="normal"?"devui-accordion-menu-normal":""}`},[e.createVNode(A,e.mergeProps({data:d,deepth:0,parent:null},a),null)])}});p.install=function(a){a.component(p.name,p)};var O={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(a){a.use(p)}};t.Accordion=p,t.default=O,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/accordion/style.css

@@ -1 +1 @@
-@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}
+@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0;opacity:0}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{opacity:1}.devui-accordion-show-animate .devui-accordion-item-title{transition:font-weight var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title .devui-accordion-splitter:before{transform:scaleY(0);transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-accordion-show-animate .devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-show-animate .devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{transform:scaleY(1)}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}

package/alert/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/alert/index.es.js

@@ -1 +1,175 @@
-import{defineComponent as e,createVNode as l,ref as n,onMounted as t,Transition as o,withDirectives as s,vShow as i}from"vue";var r=e({name:"DAlertCloseIcon",setup:()=>()=>l("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[l("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])])}),u=e({name:"DAlertTypeIcon",props:{type:{type:String,default:""}},setup:e=>()=>l("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-icon "+("danger"===e.type?"devui-icon-error":`devui-icon-${e.type}`)},[(()=>{switch(e.type){case"success":return l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),l("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),l("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("g",{"fill-rule":"nonzero"},[l("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),l("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return l("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[l("g",{"fill-rule":"nonzero"},[l("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),l("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()])}),a=e({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0},closeEvent:{type:Function,default:null}},emits:["close"],setup(e,a){const d=n(!1),c=n(!1),p=n(),v=l=>{var n;const t=p.value;t.style.height=`${t.offsetHeight}px`,t.style.height=`${t.offsetHeight}px`,c.value=!0,null==(n=e.closeEvent)||n.call(e,l)},f=()=>{d.value=!0,c.value=!1};return t((()=>{e.dismissTime&&setTimeout((()=>{v()}),e.dismissTime)})),()=>d.value?null:l(o,{name:"devui-alert",onAfterLeave:f},{default:()=>{var n,t;return[s(l("div",{ref:p,class:`devui-alert devui-alert-${e.type} ${e.cssClass} ${c.value?"devui-alter-close":null}`},[e.closeable?l("button",{type:"button",class:"devui-close",onClick:v},[l(r,null,null)]):null,!1!==e.showIcon?l("span",{class:"devui-alert-icon"},[l(u,{type:e.type},null)]):null,null==(t=(n=a.slots).default)?void 0:t.call(n)]),[[i,!c.value]])]}})}});a.install=function(e){e.component(a.name,a)};var d={title:"Alert 警告",category:"反馈",install(e){e.use(a)}};export{a as Alert,d as default};
+import { createVNode, defineComponent, ref, onMounted, Transition, withDirectives, vShow } from "vue";
+const AlertCloseIcon = () => createVNode("svg", {
+  "width": "10px",
+  "height": "10px",
+  "viewBox": "0 0 10 10",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg"
+}, [createVNode("g", {
+  "stroke": "none",
+  "stroke-width": "1",
+  "fill": "none",
+  "fill-rule": "evenodd"
+}, [createVNode("g", {
+  "transform": "translate(-3.000000, -3.000000)",
+  "fill-rule": "nonzero"
+}, [createVNode("path", {
+  "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"
+}, null)])])]);
+const AlertTypeIcon = (props) => createVNode("svg", {
+  "width": "16px",
+  "height": "16px",
+  "viewBox": "0 0 16 16",
+  "version": "1.1",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "class": `devui-icon ${props.type === "danger" ? "devui-icon-error" : `devui-icon-${props.type}`}`
+}, [(() => {
+  switch (props.type) {
+    case "success":
+      return createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("path", {
+        "fill-rule": "nonzero",
+        "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"
+      }, null), createVNode("polygon", {
+        "stroke-width": "0.3",
+        "fill-rule": "nonzero",
+        "points": "6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"
+      }, null)]);
+    case "warning":
+      return createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("path", {
+        "class": "devui-icon-warning-outer",
+        "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
+      }, null), createVNode("path", {
+        "class": "devui-icon-warning-inner",
+        "stroke-width": "0.3",
+        "fill-rule": "nonzero",
+        "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
+      }, null)]);
+    case "info":
+      return createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("g", {
+        "fill-rule": "nonzero"
+      }, [createVNode("path", {
+        "class": "devui-icon-info-outer",
+        "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"
+      }, null), createVNode("path", {
+        "class": "devui-icon-info-inner",
+        "d": "M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z",
+        "stroke-width": "0.2"
+      }, null)])]);
+    case "danger":
+      return createVNode("g", {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }, [createVNode("g", {
+        "fill-rule": "nonzero"
+      }, [createVNode("path", {
+        "class": "devui-icon-error-outer",
+        "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"
+      }, null), createVNode("path", {
+        "class": "devui-icon-error-inner",
+        "d": "M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z",
+        "stroke-width": "0.2"
+      }, null)])]);
+    default:
+      return null;
+  }
+})()]);
+var alert = "";
+var Alert = defineComponent({
+  name: "DAlert",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    cssClass: {
+      type: String,
+      default: ""
+    },
+    closeable: {
+      type: Boolean,
+      default: true
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    },
+    dismissTime: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["close"],
+  setup(props, ctx) {
+    const hide = ref(false);
+    const closing = ref(false);
+    const alertEl = ref();
+    const close = (event) => {
+      const dom = alertEl.value;
+      dom.style.height = `${dom.offsetHeight}px`;
+      dom.style.height = `${dom.offsetHeight}px`;
+      closing.value = true;
+      ctx.emit("close", event);
+    };
+    const afterLeave = () => {
+      hide.value = true;
+      closing.value = false;
+    };
+    onMounted(() => {
+      if (props.dismissTime) {
+        setTimeout(() => {
+          close();
+        }, props.dismissTime);
+      }
+    });
+    return () => {
+      return !hide.value ? createVNode(Transition, {
+        "name": "devui-alert",
+        "onAfterLeave": afterLeave
+      }, {
+        default: () => {
+          var _a, _b;
+          return [withDirectives(createVNode("div", {
+            "ref": alertEl,
+            "class": `devui-alert devui-alert-${props.type} ${props.cssClass} ${closing.value ? "devui-alter-close" : null}`
+          }, [props.closeable ? createVNode("div", {
+            "class": "devui-close",
+            "onClick": close
+          }, [createVNode(AlertCloseIcon, null, null)]) : null, props.showIcon !== false && props.type !== "simple" ? createVNode("span", {
+            "class": "devui-alert-icon"
+          }, [createVNode(AlertTypeIcon, {
+            "type": props.type
+          }, null)]) : null, (_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !closing.value]])];
+        }
+      }) : null;
+    };
+  }
+});
+Alert.install = function(app) {
+  app.component(Alert.name, Alert);
+};
+var index = {
+  title: "Alert \u8B66\u544A",
+  category: "\u53CD\u9988",
+  status: "100%",
+  install(app) {
+    app.use(Alert);
+  }
+};
+export { Alert, index as default };

package/alert/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";var l=t.defineComponent({name:"DAlertCloseIcon",setup:()=>()=>t.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[t.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])])}),o=t.defineComponent({name:"DAlertTypeIcon",props:{type:{type:String,default:""}},setup:e=>()=>t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-icon "+("danger"===e.type?"devui-icon-error":`devui-icon-${e.type}`)},[(()=>{switch(e.type){case"success":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),t.createVNode("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{"fill-rule":"nonzero"},[t.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{"fill-rule":"nonzero"},[t.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),t.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()])}),n=t.defineComponent({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0},closeEvent:{type:Function,default:null}},emits:["close"],setup(e,n){const r=t.ref(!1),i=t.ref(!1),s=t.ref(),a=t=>{var l;const o=s.value;o.style.height=`${o.offsetHeight}px`,o.style.height=`${o.offsetHeight}px`,i.value=!0,null==(l=e.closeEvent)||l.call(e,t)},d=()=>{r.value=!0,i.value=!1};return t.onMounted((()=>{e.dismissTime&&setTimeout((()=>{a()}),e.dismissTime)})),()=>r.value?null:t.createVNode(t.Transition,{name:"devui-alert",onAfterLeave:d},{default:()=>{var r,d;return[t.withDirectives(t.createVNode("div",{ref:s,class:`devui-alert devui-alert-${e.type} ${e.cssClass} ${i.value?"devui-alter-close":null}`},[e.closeable?t.createVNode("button",{type:"button",class:"devui-close",onClick:a},[t.createVNode(l,null,null)]):null,!1!==e.showIcon?t.createVNode("span",{class:"devui-alert-icon"},[t.createVNode(o,{type:e.type},null)]):null,null==(d=(r=n.slots).default)?void 0:d.call(r)]),[[t.vShow,!i.value]])]}})}});n.install=function(e){e.component(n.name,n)};var r={title:"Alert 警告",category:"反馈",install(e){e.use(n)}};e.Alert=n,e.default=r,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const u=()=>e.createVNode("svg",{width:"10px",height:"10px",viewBox:"0 0 10 10",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{transform:"translate(-3.000000, -3.000000)","fill-rule":"nonzero"},[e.createVNode("path",{d:"M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"},null)])])]),f=t=>e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:`devui-icon ${t.type==="danger"?"devui-icon-error":`devui-icon-${t.type}`}`},[(()=>{switch(t.type){case"success":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{"fill-rule":"nonzero",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("polygon",{"stroke-width":"0.3","fill-rule":"nonzero",points:"6.82767602 11.5282799 3 7.24668779 3.89864233 6.37912367 6.82767602 9.04910002 12.2964408 4 13 4.64144383"},null)]);case"warning":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:"devui-icon-warning-outer",d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:"devui-icon-warning-inner","stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)]);case"info":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-info-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-info-inner",d:"M9.19008504,7 L8.79402696,13 L7.15622605,13 L6.73158434,7 L9.19008504,7 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z","stroke-width":"0.2"},null)])]);case"danger":return e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{"fill-rule":"nonzero"},[e.createVNode("path",{class:"devui-icon-error-outer",d:"M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z"},null),e.createVNode("path",{class:"devui-icon-error-inner",d:"M9,10.6 L9,12.6 L7,12.6 L7,10.6 L9,10.6 Z M9.1,3.1 L8.65924344,9.1 L7.28422786,9.1 L6.9,3.1 L9.1,3.1 Z","stroke-width":"0.2"},null)])]);default:return null}})()]);var C="",o=e.defineComponent({name:"DAlert",props:{type:{type:String,default:"info"},cssClass:{type:String,default:""},closeable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},dismissTime:{type:Number,default:0}},emits:["close"],setup(t,s){const a=e.ref(!1),r=e.ref(!1),d=e.ref(),c=i=>{const n=d.value;n.style.height=`${n.offsetHeight}px`,n.style.height=`${n.offsetHeight}px`,r.value=!0,s.emit("close",i)},L=()=>{a.value=!0,r.value=!1};return e.onMounted(()=>{t.dismissTime&&setTimeout(()=>{c()},t.dismissTime)}),()=>a.value?null:e.createVNode(e.Transition,{name:"devui-alert",onAfterLeave:L},{default:()=>{var i,n;return[e.withDirectives(e.createVNode("div",{ref:d,class:`devui-alert devui-alert-${t.type} ${t.cssClass} ${r.value?"devui-alter-close":null}`},[t.closeable?e.createVNode("div",{class:"devui-close",onClick:c},[e.createVNode(u,null,null)]):null,t.showIcon!==!1&&t.type!=="simple"?e.createVNode("span",{class:"devui-alert-icon"},[e.createVNode(f,{type:t.type},null)]):null,(n=(i=s.slots).default)==null?void 0:n.call(i)]),[[e.vShow,!r.value]])]}})}});o.install=function(t){t.component(o.name,o)};var h={title:"Alert \u8B66\u544A",category:"\u53CD\u9988",status:"100%",install(t){t.use(o)}};l.Alert=o,l.default=h,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

package/alert/style.css

@@ -1 +1 @@
-.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;line-height:20px;border-radius:var(--devui-border-radius, 2px);padding:10px 10px 10px 16px;word-break:normal;word-wrap:break-word}.devui-alert button.devui-close{color:var(--devui-text, #252b3a);opacity:1}.devui-alert button.devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert button.devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:bold}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success button.devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info button.devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning button.devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger button.devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{height:0!important;margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}
+.devui-alert{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border:1px solid transparent;padding:8px 16px;line-height:24px;border-radius:var(--devui-border-radius, 2px);word-break:normal;word-wrap:break-word}.devui-alert .devui-close{color:var(--devui-text, #252b3a);opacity:1;line-height:26px;height:24px}.devui-alert .devui-close>svg path{fill:var(--devui-light-text, #ffffff)}.devui-alert .devui-close span{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:bold}.devui-alert.devui-alert-success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-success .devui-close>svg path{fill:var(--devui-success-line, #50d4ab)}.devui-alert.devui-alert-info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-info .devui-close>svg path{fill:var(--devui-info-line, #5e7ce0)}.devui-alert.devui-alert-warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-warning .devui-close>svg path{fill:var(--devui-warning-line, #fa9841)}.devui-alert.devui-alert-danger{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-danger .devui-close>svg path{fill:var(--devui-danger-line, #f66f6a)}.devui-alert.devui-alert-simple{border-color:var(--devui-line, #adb0b8);color:var(--devui-text, #252b3a)}.devui-alert.devui-alert-simple .devui-close>svg path{fill:var(--devui-text-weak, #575d6c)}.devui-alert svg.devui-icon{width:16px;height:16px;vertical-align:middle;transform:translateY(-1px)}.devui-alert .devui-icon.devui-icon-success>g path{fill:var(--devui-success-line, #50d4ab)}.devui-alert .devui-icon.devui-icon-success>g polygon{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-alert .devui-icon.devui-icon-warning>g path.devui-icon-warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-outer{fill:var(--devui-info-line, #5e7ce0)}.devui-alert .devui-icon.devui-icon-info>g path.devui-icon-info-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-outer{fill:var(--devui-danger-line, #f66f6a)}.devui-alert .devui-icon.devui-icon-error>g path.devui-icon-error-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-alert-icon{margin-right:4px}.devui-alter-close{height:0!important;margin:0;padding-top:0;padding-bottom:0;transform-origin:50% 0;transition:all .3s ease-in-out}.devui-alert-leave-active{animation:alertUpOut .3s ease-in-out;animation-fill-mode:both}@keyframes alertUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}

package/anchor/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;