vue-devui 1.0.0-alpha.6 → 1.0.0-beta.12

package/pagination/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 n={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"所有条目"},goToText:{type:String,default:"跳至"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}};function a(e,t,n){document.addEventListener?e&&t&&n&&e.addEventListener(t,n,!1):e&&t&&n&&e.attachEvent("on"+t,n)}const i="undefined"!=typeof window,o=Symbol("@@clickoutside"),u=new Map;let l,r=0,s=!0;function d(e,t,n){return i&&s&&(s=!1,a(document,"mousedown",(e=>{l=e})),a(document,"mouseup",(e=>{for(const[t,n]of u)n[o].documentHandler(e,l)}))),function(a,i){n&&t.instance&&a.target&&i.target&&!e.contains(a.target)&&!e.contains(i.target)&&e!==a.target&&e[o].bindingFn&&e[o].bindingFn()}}const c={beforeMount:function(e,t,n){r++,u.set(r,e),e[o]={nid:r,documentHandler:d(e,t,n),bindingFn:t.value}},updated:function(e,t,n){e[o].documentHandler=d(e,t,n),e[o].bindingFn=t.value},unmounted:function(e){u.delete(e[o].nid),delete e[o]}};var g=t.defineComponent({directives:{clickoutside:c},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1);t.onMounted((()=>{a(e.value,"click",i)})),t.onUnmounted((()=>{var t,n,a;t=e.value,n="click",a=i,document.removeEventListener?t&&n&&a&&t.removeEventListener(n,a,!1):t&&n&&a&&t.detachEvent("on"+n,a)}));const i=e=>{n.value=!n.value&&!!e};return{paginationConfig:e,isShowConfig:n,closeConfigMenu:i}},render(){var e;const{closeConfigMenu:n,currentPageSize:a,pageSizeChange:i,pageSizeOptions:o,isShowConfig:u,$slots:l}=this;return t.withDirectives(t.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[t.createVNode("div",{class:"devui-setup-icon"},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),u&&t.createVNode("div",{class:"devui-config-container"},[null==(e=l.default)?void 0:e.call(l),t.createVNode("div",{class:"pagination-config-item"},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("每页条数")]),t.createVNode("div",{class:"devui-page-number"},[o.map((e=>t.createVNode("div",{class:{choosed:e===a},key:e,onClick:i.bind(null,{value:e})},[e])))])])])]),[[t.resolveDirective("clickoutside"),n]])}});const p={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var m=t.defineComponent({props:p,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:a,totalPages:i,cursor:o}=t.toRefs(e),u=t.ref(a.value);t.watch((()=>a.value),(e=>{u.value=e}));let l=a.value;return{inputNum:u,jumpPageChange:e=>{l=+e,u.value=e,isNaN(e)&&setTimeout((()=>{u.value=a.value}),300)},jump:e=>{l>i.value||"btn"!==e&&"Enter"!==e.key||o.value===l||n("changeCursorEmit",l)}}},render(){const{goToText:e,size:n,inputNum:a,jumpPageChange:i,jump:o,showJumpButton:u}=this;return t.createVNode("div",{class:"devui-jump-container"},[e,t.createVNode(t.resolveComponent("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,value:String(a),"onUpdate:value":i,onKeydown:o},null),"跳至"===e&&"页",u&&t.createVNode("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:o.bind(null,"btn"),title:e},[t.createVNode("div",{class:"devui-pagination-go"},null)])])}});const v={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var f=t.defineComponent({props:v,emits:["changeCursorEmit"],setup:(e,{emit:n})=>({showPageNum:t.computed((()=>((e,t,n)=>{if(t>=n)return[2,n];const a=t-2;let i=e-(a>>1),o=e+(a-1>>1);return i<2&&(i=2,o=t-2),o>n&&(i=n-t+3,o=n),[i,o]})(e.cursor,e.maxItems,e.totalPages))),changeCursor:t=>{if(isNaN(t))return;const a=t<1?1:t>e.totalPages?e.totalPages:0|t;n("changeCursorEmit",a)},prevChange:t=>{if(e.cursor>1){const a=-1===t?e.cursor-1:t;n("changeCursorEmit",a)}},nextChange:t=>{if(e.cursor<e.totalPages){const a=-1===t?e.cursor+1:t;n("changeCursorEmit",a)}}}),render(){const{size:e,preLink:n,nextLink:a,lite:i,changeCursor:o,cursor:u,showPageNum:l,prevChange:r,totalPages:s,nextChange:d,showTruePageIndex:c}=this;return t.createVNode("ul",{class:["devui-pagination-list",e?"devui-pagination-"+e:""]},[t.createVNode("li",{onClick:r.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u<=1}},[t.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!i&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:o.bind(null,1),class:{"devui-pagination-item":!0,active:1===u}},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("1")])]),l[0]>2&&t.createVNode("li",{onClick:r.bind(null,l[0]-1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),(()=>{const e=[];for(let n=l[0];n<=l[1];n++)e.push(t.createVNode("li",{onClick:o.bind(null,n),key:n,class:{"devui-pagination-item":!0,active:u===n}},[t.createVNode("a",{class:"devui-pagination-link"},[n])]));return e})(),l[1]<s-1&&t.createVNode("li",{onClick:d.bind(null,l[1]+1),class:"devui-pagination-item"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),l[1]<s&&t.createVNode("li",{onClick:o.bind(null,s),class:{"devui-pagination-item":!0,active:u===s}},[t.createVNode("a",{class:"devui-pagination-link"},[s])]),c&&u>s&&s>0&&t.createVNode(t.Fragment,null,[u>s+1&&t.createVNode("li",{class:"devui-pagination-item disabled"},[t.createVNode("a",{class:"devui-pagination-link"},[t.createTextVNode("...")])]),t.createVNode("li",{class:"devui-pagination-item disabled active"},[t.createVNode("a",{class:"devui-pagination-link"},[u])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{"devui-pagination-item":!0,disabled:u>=s}},[t.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),h=t.defineComponent({name:"DPagination",components:{ConfigMenu:g,JumpPage:m,PageNumBtn:f},props:n,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n}){const a=t.computed((()=>{return e=u.value,new Array(e||1).fill(0).map(((t,n)=>({name:`${n+1}/${e}`,value:n+1})));var e})),i=t.computed({get:()=>!e.showTruePageIndex&&e.pageIndex>u.value?(n("update:pageIndex",u.value||1),u.value||1):e.pageIndex||1,set(e){n("update:pageIndex",e)}}),o=t.computed({get:()=>e.pageSize,set(e){n("update:pageSize",e)}}),u=t.computed((()=>Math.ceil(e.total/e.pageSize))),l=e=>{i.value=e,n("pageIndexChange",e)};return{cursor:i,totalPages:u,changeCursorEmit:l,currentPageSize:o,pageSizeChange:a=>{o.value=a.value,e.autoFixPageIndex&&t.nextTick((()=>{i.value>u.value&&l(u.value)})),n("pageSizeChange",a.value)},litePageOptions:a,litePageIndexChange:e=>{l(e.value)}}},render(){const{total:e,pageIndex:n,pageSizeOptions:a,pageSizeDirection:i,preLink:o,nextLink:u,size:l,canJumpPage:r,canChangePageSize:s,canViewTotal:d,totalItemText:c,goToText:g,maxItems:p,showJumpButton:m,showTruePageIndex:v,lite:f,showPageSelector:h,haveConfigMenu:C,autoHide:N,$slots:x,cursor:V,totalPages:P,currentPageSize:S,pageSizeChange:y,changeCursorEmit:z,litePageOptions:b,litePageIndexChange:k}=this;return N&&Math.min(...a)>e?null:t.createVNode("div",{class:"devui-pagination"},[s&&!f&&t.createVNode("div",{class:["devui-page-size",l?"devui-page-size-"+l:""]},[t.createVNode(t.resolveComponent("d-select"),{options:a,modelValue:S,onValueChange:y,pageSizeDirection:i},null)]),(!f||f&&h)&&d&&t.createVNode("div",{class:"devui-total-size"},[c,t.createTextVNode(": "),e]),f&&h&&t.createVNode("div",{class:"devui-page-size"},[t.createVNode(t.resolveComponent("d-select"),{options:b,disabled:0===e,modelValue:V,onValueChange:k,pageSizeDirection:i},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:V,totalPages:P,size:l,lite:f,maxItems:p,preLink:o,nextLink:u,showTruePageIndex:v},{onChangeCursorEmit:z}),null),r&&!f&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:g,size:l,pageIndex:n,totalPages:P,cursor:V,showJumpButton:m},{onChangeCursorEmit:z}),null),f&&C&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:S,pageSizeChange:y,pageSizeOptions:a},{default:()=>{var e;return[null==(e=x.default)?void 0:e.call(x)]}})])}});h.install=e=>{e.component(h.name,h)};var C={title:"Pagination 分页",category:"导航",status:"已完成",install(e){e.use(h)}};e.Pagination=h,e.default=C,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(u,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis!="undefined"?globalThis:u||self,e(u.index={},u.Vue))})(this,function(u,e){"use strict";const E={pageSize:{type:Number,default:10},total:{type:Number,default:0},pageSizeOptions:{type:Array,default:()=>[5,10,20,50]},pageSizeDirection:{type:Array,default:()=>["centerDown","centerUp"]},pageIndex:{type:Number,default:1},maxItems:{type:Number,default:10},preLink:{type:String,default:"&lt;"},nextLink:{type:String,default:"&gt;"},size:{type:String,default:""},canJumpPage:{type:Boolean,default:!1},canChangePageSize:{type:Boolean,default:!1},canViewTotal:{type:Boolean,default:!1},totalItemText:{type:String,default:"\u6240\u6709\u6761\u76EE"},goToText:{type:String,default:"\u8DF3\u81F3"},showJumpButton:{type:Boolean,default:!1},showTruePageIndex:{type:Boolean,default:!1},lite:{type:Boolean,default:!1},showPageSelector:{type:Boolean,default:!0},haveConfigMenu:{type:Boolean,default:!1},autoFixPageIndex:{type:Boolean,default:!0},autoHide:{type:Boolean,default:!1},"onUpdate:pageIndex":{type:Function},"onUpdate:pageSize":{type:Function},onPageIndexChange:{type:Function},onPageSizeChange:{type:Function}},F=(t,n,a)=>{const r=t,s=n;if(s>=a)return[2,a];const o=s-2;let i=r-(o>>1),c=r+(o-1>>1);return i<2&&(i=2,c=s-2),c>a&&(i=a-s+3,c=a),[i,c]};function L(t){return new Array(t||1).fill(0).map((n,a)=>({name:`${a+1}/${t}`,value:a+1}))}function h(t,n,a){document.addEventListener?t&&n&&a&&t.addEventListener(n,a,!1):t&&n&&a&&t.attachEvent("on"+n,a)}function j(t,n,a){document.removeEventListener?t&&n&&a&&t.removeEventListener(n,a,!1):t&&n&&a&&t.detachEvent("on"+n,a)}const M=typeof window!="undefined",g=Symbol("@@clickoutside"),N=new Map;let y,V=0,z=!0;function b(t,n,a){return M&&z&&(z=!1,h(document,"mousedown",r=>{y=r}),h(document,"mouseup",r=>{for(const[s,o]of N)o[g].documentHandler(r,y)})),function(r,s){!a||!n.instance||!r.target||!s.target||t.contains(r.target)||t.contains(s.target)||t===r.target||t[g].bindingFn&&t[g].bindingFn()}}const D={beforeMount:function(t,n,a){V++,N.set(V,t),t[g]={nid:V,documentHandler:b(t,n,a),bindingFn:n.value}},updated:function(t,n,a){t[g].documentHandler=b(t,n,a),t[g].bindingFn=n.value},unmounted:function(t){N.delete(t[g].nid),delete t[g]}};var H=e.defineComponent({directives:{clickoutside:D},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const t=e.ref(null),n=e.ref(!1);e.onMounted(()=>{h(t.value,"click",a)}),e.onUnmounted(()=>{j(t.value,"click",a)});const a=r=>{n.value=n.value?!1:!!r};return{paginationConfig:t,isShowConfig:n,closeConfigMenu:a}},render(){var i;const{closeConfigMenu:t,currentPageSize:n,pageSizeChange:a,pageSizeOptions:r,isShowConfig:s,$slots:o}=this;return e.withDirectives(e.createVNode("div",{class:"devui-pagination-config",ref:"paginationConfig"},[e.createVNode("div",{class:"devui-setup-icon"},[e.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),s&&e.createVNode("div",{class:"devui-config-container"},[(i=o.default)==null?void 0:i.call(o),e.createVNode("div",{class:"pagination-config-item"},[e.createVNode("div",{class:"config-item-title"},[e.createTextVNode("\u6BCF\u9875\u6761\u6570")]),e.createVNode("div",{class:"devui-page-number"},[r.map(c=>e.createVNode("div",{class:{choosed:c===n},key:c,onClick:a.bind(null,{value:c})},[c]))])])])]),[[e.resolveDirective("clickoutside"),t]])}});const O={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var J=e.defineComponent({props:O,emits:["changeCursorEmit"],setup(t,{emit:n}){const{pageIndex:a,totalPages:r,cursor:s}=e.toRefs(t),o=e.ref(a.value);e.watch(()=>a.value,l=>{o.value=l});let i=a.value;return{inputNum:o,jumpPageChange:l=>{i=+l,o.value=l,isNaN(l)&&setTimeout(()=>{o.value=a.value},300)},jump:l=>{i>r.value||(l==="btn"||l.key==="Enter")&&s.value!==i&&n("changeCursorEmit",i)}}},render(){const{goToText:t,size:n,inputNum:a,jumpPageChange:r,jump:s,showJumpButton:o}=this;return e.createVNode("div",{class:"devui-jump-container"},[t,e.createVNode(e.resolveComponent("d-input"),{class:["devui-pagination-input",n?"devui-pagination-input-"+n:""],size:n,modelValue:String(a),"onUpdate:modelValue":r,onKeydown:s},null),t==="\u8DF3\u81F3"&&"\u9875",o&&e.createVNode("div",{class:["devui-jump-button",n?"devui-jump-size-"+n:"devui-jump-size-default"],onClick:s.bind(null,"btn"),title:t},[e.createVNode("div",{class:"devui-pagination-go"},null)])])}});const A={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var U=e.defineComponent({props:A,emits:["changeCursorEmit"],setup(t,{emit:n}){return{showPageNum:e.computed(()=>F(t.cursor,t.maxItems,t.totalPages)),changeCursor:i=>{if(isNaN(i))return;const c=i<1?1:i>t.totalPages?t.totalPages:i|0;n("changeCursorEmit",c)},prevChange:i=>{if(t.cursor>1){const c=i===-1?t.cursor-1:i;n("changeCursorEmit",c)}},nextChange:i=>{if(t.cursor<t.totalPages){const c=i===-1?t.cursor+1:i;n("changeCursorEmit",c)}}}},render(){const{size:t,preLink:n,nextLink:a,lite:r,changeCursor:s,cursor:o,showPageNum:i,prevChange:c,totalPages:d,nextChange:l,showTruePageIndex:P}=this;return e.createVNode("ul",{class:["devui-pagination-list",t?"devui-pagination-"+t:""]},[e.createVNode("li",{onClick:c.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o<=1}},[e.createVNode("a",{innerHTML:n,class:"devui-pagination-link"},null)]),!r&&e.createVNode(e.Fragment,null,[e.createVNode("li",{onClick:s.bind(null,1),class:{"devui-pagination-item":!0,active:o===1}},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("1")])]),i[0]>2&&e.createVNode("li",{onClick:c.bind(null,i[0]-1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),(()=>{const C=[];for(let p=i[0];p<=i[1];p++)C.push(e.createVNode("li",{onClick:s.bind(null,p),key:p,class:{"devui-pagination-item":!0,active:o===p}},[e.createVNode("a",{class:"devui-pagination-link"},[p])]));return C})(),i[1]<d-1&&e.createVNode("li",{onClick:l.bind(null,i[1]+1),class:"devui-pagination-item"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),i[1]<d&&e.createVNode("li",{onClick:s.bind(null,d),class:{"devui-pagination-item":!0,active:o===d}},[e.createVNode("a",{class:"devui-pagination-link"},[d])]),P&&o>d&&d>0&&e.createVNode(e.Fragment,null,[o>d+1&&e.createVNode("li",{class:"devui-pagination-item disabled"},[e.createVNode("a",{class:"devui-pagination-link"},[e.createTextVNode("...")])]),e.createVNode("li",{class:"devui-pagination-item disabled active"},[e.createVNode("a",{class:"devui-pagination-link"},[o])])])]),e.createVNode("li",{onClick:l.bind(null,-1),class:{"devui-pagination-item":!0,disabled:o>=d}},[e.createVNode("a",{innerHTML:a,class:"devui-pagination-link"},null)])])}}),X="",m=e.defineComponent({name:"DPagination",components:{ConfigMenu:H,JumpPage:J,PageNumBtn:U},props:E,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(t,{emit:n}){const a=e.computed(()=>L(o.value)),r=e.computed({get(){return!t.showTruePageIndex&&t.pageIndex>o.value?(n("update:pageIndex",o.value||1),o.value||1):t.pageIndex||1},set(l){n("update:pageIndex",l)}}),s=e.computed({get(){return t.pageSize},set(l){n("update:pageSize",l)}}),o=e.computed(()=>Math.ceil(t.total/t.pageSize)),i=l=>{r.value=l,n("pageIndexChange",l)};return{cursor:r,totalPages:o,changeCursorEmit:i,currentPageSize:s,pageSizeChange:l=>{s.value=l.value,t.autoFixPageIndex&&e.nextTick(()=>{r.value>o.value&&i(o.value)}),n("pageSizeChange",l.value)},litePageOptions:a,litePageIndexChange:l=>{i(l.value)}}},render(){const{total:t,pageIndex:n,pageSizeOptions:a,pageSizeDirection:r,preLink:s,nextLink:o,size:i,canJumpPage:c,canChangePageSize:d,canViewTotal:l,totalItemText:P,goToText:C,maxItems:p,showJumpButton:q,showTruePageIndex:K,lite:f,showPageSelector:k,haveConfigMenu:R,autoHide:G,$slots:x,cursor:S,totalPages:v,currentPageSize:T,pageSizeChange:I,changeCursorEmit:w,litePageOptions:Q,litePageIndexChange:W}=this;return G&&Math.min(...a)>t?null:e.createVNode("div",{class:"devui-pagination"},[d&&!f&&e.createVNode("div",{class:["devui-page-size",i?"devui-page-size-"+i:""]},[e.createVNode(e.resolveComponent("d-select"),{options:a,modelValue:T,onValueChange:I,pageSizeDirection:r},null)]),(!f||f&&k)&&l&&e.createVNode("div",{class:"devui-total-size"},[P,e.createTextVNode(": "),t]),f&&k&&e.createVNode("div",{class:"devui-page-size"},[e.createVNode(e.resolveComponent("d-select"),{options:Q,disabled:t===0,modelValue:S,onValueChange:W,pageSizeDirection:r},null)]),e.createVNode(e.resolveComponent("page-num-btn"),e.mergeProps({cursor:S,totalPages:v,size:i,lite:f,maxItems:p,preLink:s,nextLink:o,showTruePageIndex:K},{onChangeCursorEmit:w}),null),c&&!f&&e.createVNode(e.resolveComponent("jump-page"),e.mergeProps({goToText:C,size:i,pageIndex:n,totalPages:v,cursor:S,showJumpButton:q},{onChangeCursorEmit:w}),null),f&&R&&e.createVNode(e.resolveComponent("config-menu"),{currentPageSize:T,pageSizeChange:I,pageSizeOptions:a},{default:()=>{var B;return[(B=x.default)==null?void 0:B.call(x)]}})])}});m.install=t=>{t.component(m.name,m)};var _={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(t){t.use(m)}};u.Pagination=m,u.default=_,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});

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

@@ -1 +1,205 @@
-import{defineComponent as e,ref as l,onMounted as t,createVNode as o,Transition as s}from"vue";var a=e({name:"DPanel",props:{type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:void 0},beforeToggle:{type:Function,default:null},toggle:{type:Function,default:null}},setup(e,a){const n=l(e.isCollapsed),i=l(),u=()=>{(()=>{let l=Promise.resolve(!0);if(e.beforeToggle){const t=e.beforeToggle(e.isCollapsed);void 0!==typeof t&&(l=t instanceof Promise?t:Promise.resolve(t))}return l})().then((l=>{var t;l&&void 0!==n.value&&(n.value=!n.value,null==(t=e.toggle)||t.call(e,n.value))}))};t((()=>{if(i.value){const e=i.value;n.value&&(e.style.height=`${e.offsetHeight}px`)}}));const v=e=>{const l=e;l.style.height="";const t=l.offsetHeight;l.style.height="0px",l.offsetHeight,l.style.height=`${t}px`},d=e=>{e.style.height="0px"};return()=>{var l,t,r,p;const c=a.slots.header?o("div",{class:"devui-panel-heading",onClick:u,style:{cursor:void 0!==n.value?"pointer":void 0}},[null==(t=(l=a.slots).header)?void 0:t.call(l)]):null,f=a.slots.footer?o("div",{class:"devui-panel-footer"},[null==(p=(r=a.slots).footer)?void 0:p.call(r)]):null;return o("div",{class:`devui-panel devui-panel-${e.type} ${e.cssClass}`},[c,o(s,{name:"devui-panel",onEnter:v,onLeave:d},{default:()=>{var e,l;return[void 0===n.value||n.value?o("div",{ref:i,class:`devui-panel-body ${void 0!==n.value?"devui-panel-body-collapse":null}`},[o("div",{class:"d-panel-body"},[null==(l=(e=a.slots).body)?void 0:l.call(e)])]):null]}}),f])}}});a.install=function(e){e.component(a.name,a)};var n={title:"Panel 面板",category:"通用",status:"50%",install(e){e.use(a)}};export{a as Panel,n as default};
+import { reactive, ref, defineComponent, provide, computed, createVNode, inject, onMounted, Transition } from "vue";
+var panel = "";
+const PanelProps = {
+  type: {
+    type: String,
+    default: "default"
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  isCollapsed: {
+    type: Boolean,
+    default: false
+  },
+  beforeToggle: {
+    type: Function,
+    default: null
+  },
+  toggle: {
+    type: Function,
+    default: null
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  hasLeftPadding: {
+    type: Boolean,
+    default: true
+  }
+};
+const option = reactive({});
+class Store {
+  static getByKey(timeStamp) {
+    return option[timeStamp];
+  }
+  static state() {
+    return option;
+  }
+  static setData(key, value) {
+    option[key] = ref(value);
+  }
+}
+var Panel = defineComponent({
+  name: "DPanel",
+  props: PanelProps,
+  setup(props, ctx) {
+    provide("beforeToggle", props.beforeToggle);
+    provide("showAnimation", computed(() => props.showAnimation));
+    provide("hasLeftPadding", computed(() => props.hasLeftPadding));
+    const isCollapsed = ref(props.isCollapsed);
+    const type = computed(() => props.type);
+    const cssClass = computed(() => props.cssClass);
+    const onToggle = () => {
+      var _a;
+      (_a = props.toggle) == null ? void 0 : _a.call(props, Store.getByKey(`isCollapsed[${timeStamp}]`));
+    };
+    const timeStamp = new Date().getTime().toString();
+    Store.setData(`isCollapsed[${timeStamp}]`, isCollapsed.value);
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "onClick": onToggle,
+        "class": `devui-panel devui-panel-${type.value} ${cssClass.value}`
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+var PanelHeader = defineComponent({
+  name: "DPanelHeader",
+  props: PanelProps,
+  setup(props, ctx) {
+    const beforeToggle = inject("beforeToggle");
+    const keys = Object.keys(Store.state());
+    const key = keys.pop();
+    const isCollapsed = ref(Store.state()[key]);
+    let changeFlag = ref();
+    let header = null;
+    const canToggle = () => {
+      let changeResult = Promise.resolve(true);
+      if (beforeToggle) {
+        const result = beforeToggle(isCollapsed);
+        if (typeof result !== void 0) {
+          if (result instanceof Promise) {
+            changeResult = result;
+          } else {
+            changeResult = Promise.resolve(result);
+          }
+        }
+      }
+      return changeResult;
+    };
+    canToggle().then((val) => changeFlag.value = val);
+    const toggleBody = () => {
+      canToggle().then((val) => {
+        var _a, _b;
+        changeFlag.value = val;
+        if (!val) {
+          if (!isCollapsed.value) {
+            Store.setData(`${key}`, !isCollapsed.value);
+            isCollapsed.value = !isCollapsed.value;
+            (_a = props.toggle) == null ? void 0 : _a.call(props, isCollapsed.value);
+          }
+          return;
+        }
+        if (isCollapsed.value !== void 0) {
+          Store.setData(`${key}`, !isCollapsed.value);
+          isCollapsed.value = !isCollapsed.value;
+          (_b = props.toggle) == null ? void 0 : _b.call(props, isCollapsed.value);
+        }
+      });
+    };
+    return () => {
+      var _a, _b;
+      if (ctx.slots.default) {
+        header = createVNode("div", {
+          "class": "devui-panel-heading",
+          "onClick": toggleBody,
+          "style": {
+            "cursor": changeFlag.value ? "pointer" : "auto"
+          }
+        }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+      }
+      return header;
+    };
+  }
+});
+var PanelBody = defineComponent({
+  name: "DPanelBody",
+  props: PanelProps,
+  setup(props, ctx) {
+    let animationName = inject("showAnimation");
+    let hasLeftPadding = inject("hasLeftPadding");
+    const keys = Object.keys(Store.state());
+    const key = keys.pop();
+    const isCollapsed = Store.state();
+    const bodyEl = ref();
+    onMounted(() => {
+      if (bodyEl.value) {
+        const dom = bodyEl.value;
+        if (isCollapsed[key])
+          dom.style.height = `${dom.offsetHeight}px`;
+      }
+    });
+    const enter = (element) => {
+      const el = element;
+      el.style.height = "";
+      const height = el.offsetHeight;
+      el.style.height = "0px";
+      el.offsetHeight;
+      el.style.height = `${height}px`;
+    };
+    const leave = (element) => {
+      const el = element;
+      el.style.height = "0px";
+    };
+    return () => {
+      return createVNode("div", {
+        "class": `devui-panel devui-panel-${props.type} ${props.cssClass}`
+      }, [createVNode(Transition, {
+        "name": animationName.value ? "devui-panel" : "",
+        "onEnter": enter,
+        "onLeave": leave
+      }, {
+        default: () => {
+          var _a, _b;
+          return [isCollapsed[key] === void 0 || isCollapsed[key] ? createVNode("div", {
+            "ref": bodyEl,
+            "class": `devui-panel-body ${isCollapsed[key] !== void 0 ? "devui-panel-body-collapse" : ""} ${!hasLeftPadding.value ? "no-left-padding" : ""}`
+          }, [createVNode("div", {
+            "class": "devui-panel-content"
+          }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]) : null];
+        }
+      })]);
+    };
+  }
+});
+var PanelFooter = defineComponent({
+  name: "DPanelFooter",
+  setup(props, ctx) {
+    return () => {
+      var _a, _b;
+      const footerContent = ctx.slots.default ? createVNode("div", {
+        "class": "devui-panel-footer"
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]) : null;
+      return footerContent;
+    };
+  }
+});
+Panel.install = function(app) {
+  app.component(Panel.name, Panel);
+  app.component(PanelHeader.name, PanelHeader);
+  app.component(PanelBody.name, PanelBody);
+  app.component(PanelFooter.name, PanelFooter);
+};
+var index = {
+  title: "Panel \u9762\u677F",
+  category: "\u901A\u7528",
+  status: "100%",
+  install(app) {
+    app.use(Panel);
+  }
+};
+export { Panel, index as default };

package/panel/index.umd.js

@@ -1 +1 @@
-!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?l(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],l):l((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,l){"use strict";var t=l.defineComponent({name:"DPanel",props:{type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:void 0},beforeToggle:{type:Function,default:null},toggle:{type:Function,default:null}},setup(e,t){const o=l.ref(e.isCollapsed),n=l.ref(),s=()=>{(()=>{let l=Promise.resolve(!0);if(e.beforeToggle){const t=e.beforeToggle(e.isCollapsed);void 0!==typeof t&&(l=t instanceof Promise?t:Promise.resolve(t))}return l})().then((l=>{var t;l&&void 0!==o.value&&(o.value=!o.value,null==(t=e.toggle)||t.call(e,o.value))}))};l.onMounted((()=>{if(n.value){const e=n.value;o.value&&(e.style.height=`${e.offsetHeight}px`)}}));const a=e=>{const l=e;l.style.height="";const t=l.offsetHeight;l.style.height="0px",l.offsetHeight,l.style.height=`${t}px`},i=e=>{e.style.height="0px"};return()=>{var d,u,r,v;const f=t.slots.header?l.createVNode("div",{class:"devui-panel-heading",onClick:s,style:{cursor:void 0!==o.value?"pointer":void 0}},[null==(u=(d=t.slots).header)?void 0:u.call(d)]):null,c=t.slots.footer?l.createVNode("div",{class:"devui-panel-footer"},[null==(v=(r=t.slots).footer)?void 0:v.call(r)]):null;return l.createVNode("div",{class:`devui-panel devui-panel-${e.type} ${e.cssClass}`},[f,l.createVNode(l.Transition,{name:"devui-panel",onEnter:a,onLeave:i},{default:()=>{var e,s;return[void 0===o.value||o.value?l.createVNode("div",{ref:n,class:`devui-panel-body ${void 0!==o.value?"devui-panel-body-collapse":null}`},[l.createVNode("div",{class:"d-panel-body"},[null==(s=(e=t.slots).body)?void 0:s.call(e)])]):null]}}),c])}}});t.install=function(e){e.component(t.name,t)};var o={title:"Panel 面板",category:"通用",status:"50%",install(e){e.use(t)}};e.Panel=t,e.default=o,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";var $="";const h={type:{type:String,default:"default"},cssClass:{type:String,default:""},isCollapsed:{type:Boolean,default:!1},beforeToggle:{type:Function,default:null},toggle:{type:Function,default:null},showAnimation:{type:Boolean,default:!0},hasLeftPadding:{type:Boolean,default:!0}},p=e.reactive({});class f{static getByKey(o){return p[o]}static state(){return p}static setData(o,u){p[o]=e.ref(u)}}var y=e.defineComponent({name:"DPanel",props:h,setup(t,o){e.provide("beforeToggle",t.beforeToggle),e.provide("showAnimation",e.computed(()=>t.showAnimation)),e.provide("hasLeftPadding",e.computed(()=>t.hasLeftPadding));const u=e.ref(t.isCollapsed),r=e.computed(()=>t.type),c=e.computed(()=>t.cssClass),l=()=>{var s;(s=t.toggle)==null||s.call(t,f.getByKey(`isCollapsed[${i}]`))},i=new Date().getTime().toString();return f.setData(`isCollapsed[${i}]`,u.value),()=>{var s,g;return e.createVNode("div",{onClick:l,class:`devui-panel devui-panel-${r.value} ${c.value}`},[(g=(s=o.slots).default)==null?void 0:g.call(s)])}}}),P=e.defineComponent({name:"DPanelHeader",props:h,setup(t,o){const u=e.inject("beforeToggle"),c=Object.keys(f.state()).pop(),l=e.ref(f.state()[c]);let i=e.ref(),s=null;const g=()=>{let n=Promise.resolve(!0);if(u){const a=u(l);typeof a!==void 0&&(a instanceof Promise?n=a:n=Promise.resolve(a))}return n};g().then(n=>i.value=n);const v=()=>{g().then(n=>{var a,m;if(i.value=n,!n){l.value||(f.setData(`${c}`,!l.value),l.value=!l.value,(a=t.toggle)==null||a.call(t,l.value));return}l.value!==void 0&&(f.setData(`${c}`,!l.value),l.value=!l.value,(m=t.toggle)==null||m.call(t,l.value))})};return()=>{var n,a;return o.slots.default&&(s=e.createVNode("div",{class:"devui-panel-heading",onClick:v,style:{cursor:i.value?"pointer":"auto"}},[(a=(n=o.slots).default)==null?void 0:a.call(n)])),s}}}),C=e.defineComponent({name:"DPanelBody",props:h,setup(t,o){let u=e.inject("showAnimation"),r=e.inject("hasLeftPadding");const l=Object.keys(f.state()).pop(),i=f.state(),s=e.ref();e.onMounted(()=>{if(s.value){const n=s.value;i[l]&&(n.style.height=`${n.offsetHeight}px`)}});const g=n=>{const a=n;a.style.height="";const m=a.offsetHeight;a.style.height="0px",a.offsetHeight,a.style.height=`${m}px`},v=n=>{const a=n;a.style.height="0px"};return()=>e.createVNode("div",{class:`devui-panel devui-panel-${t.type} ${t.cssClass}`},[e.createVNode(e.Transition,{name:u.value?"devui-panel":"",onEnter:g,onLeave:v},{default:()=>{var n,a;return[i[l]===void 0||i[l]?e.createVNode("div",{ref:s,class:`devui-panel-body ${i[l]!==void 0?"devui-panel-body-collapse":""} ${r.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(a=(n=o.slots).default)==null?void 0:a.call(n)])]):null]}})])}}),b=e.defineComponent({name:"DPanelFooter",setup(t,o){return()=>{var r,c;return o.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(c=(r=o.slots).default)==null?void 0:c.call(r)]):null}}});y.install=function(t){t.component(y.name,y),t.component(P.name,P),t.component(C.name,C),t.component(b.name,b)};var T={title:"Panel \u9762\u677F",category:"\u901A\u7528",status:"100%",install(t){t.use(y)}};d.Panel=y,d.default=T,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/panel/style.css

@@ -1 +1 @@
-.devui-panel{line-height:1.5;background-color:var(--devui-base-bg, #ffffff)}.devui-panel .devui-panel-heading{padding:12px 20px;color:var(--devui-text, #252b3a)}.devui-panel .devui-panel-heading d-panel-header{line-height:1.5}.devui-panel .devui-panel-body{display:flex;position:relative;border-top:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-body .d-panel-body{line-height:1.5;padding:15px;background:var(--devui-base-bg, #ffffff);flex:1}.devui-panel .devui-panel-body.devui-panel-body-collapse:before{content:"";width:30px;height:100%}.devui-panel .devui-panel-body.devui-panel-body-collapse .d-panel-body{border-left:2px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-footer{padding:10px 15px;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8)}.devui-panel .devui-panel-footer d-panel-footer{line-height:1.5}.devui-panel.devui-panel-default .devui-panel-heading,.devui-panel.devui-panel-default .devui-panel-body{background-color:var(--devui-default-bg, #f3f6f8)}.devui-panel.devui-panel-primary .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-body{background-color:var(--devui-primary-bg, #f2f5fc)}.devui-panel.devui-panel-primary .devui-panel-body-collapse .d-panel-body{border-color:var(--devui-primary-line, #5e7ce0)}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-info .devui-panel-body{background-color:var(--devui-info-bg, #f2f5fc)}.devui-panel.devui-panel-info .devui-panel-body-collapse .d-panel-body{border-color:var(--devui-info-line, #5e7ce0)}.devui-panel.devui-panel-success .devui-panel-heading,.devui-panel.devui-panel-success .devui-panel-body{background-color:var(--devui-success-bg, #edfff9)}.devui-panel.devui-panel-success .devui-panel-body-collapse .d-panel-body{border-color:var(--devui-success-line, #50d4ab)}.devui-panel.devui-panel-warning .devui-panel-heading,.devui-panel.devui-panel-warning .devui-panel-body{background-color:var(--devui-warning-bg, #fff3e8)}.devui-panel.devui-panel-warning .devui-panel-body-collapse .d-panel-body{border-color:var(--devui-warning-line, #fa9841)}.devui-panel.devui-panel-danger .devui-panel-heading,.devui-panel.devui-panel-danger .devui-panel-body{background-color:var(--devui-danger-bg, #ffeeed)}.devui-panel.devui-panel-danger .devui-panel-body-collapse .d-panel-body{border-color:var(--devui-danger-line, #f66f6a)}.devui-panel .devui-panel-leave-active{transition:all .3s ease-in-out;animation:panelUpOut .3s ease-in-out;animation-fill-mode:both}.devui-panel .devui-panel-enter-active{transition:all .3s ease-in-out;animation:panelUpIn .3s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}
+.no-left-padding.devui-panel-body-collapse:before{content:none!important}.no-left-padding.devui-panel-body-collapse .devui-panel-content{border-left:none!important}.devui-panel{line-height:1.5;background-color:var(--devui-base-bg, #ffffff)}.devui-panel .devui-panel-heading{padding:12px 20px;color:var(--devui-text, #252b3a)}.devui-panel .devui-panel-heading d-panel-header{line-height:1.5}.devui-panel .devui-panel-body{display:flex;position:relative;border-top:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-body .devui-panel-content{line-height:1.5;padding:15px;background:var(--devui-base-bg, #ffffff);flex:1}.devui-panel .devui-panel-body.devui-panel-body-collapse:before{content:"";width:30px;height:100%}.devui-panel .devui-panel-body.devui-panel-body-collapse .devui-panel-content{border-left:2px solid var(--devui-dividing-line, #dfe1e6)}.devui-panel .devui-panel-footer{padding:10px 15px;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8)}.devui-panel .devui-panel-footer d-panel-footer{line-height:1.5}.devui-panel.devui-panel-default .devui-panel-heading,.devui-panel.devui-panel-default .devui-panel-body{background-color:var(--devui-default-bg, #f3f6f8)}.devui-panel.devui-panel-primary .devui-panel-heading,.devui-panel.devui-panel-primary .devui-panel-body{background-color:var(--devui-primary-bg, #f2f5fc)}.devui-panel.devui-panel-primary .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-primary-line, #5e7ce0)}.devui-panel.devui-panel-info .devui-panel-heading,.devui-panel.devui-panel-info .devui-panel-body{background-color:var(--devui-info-bg, #f2f5fc)}.devui-panel.devui-panel-info .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-info-line, #5e7ce0)}.devui-panel.devui-panel-success .devui-panel-heading,.devui-panel.devui-panel-success .devui-panel-body{background-color:var(--devui-success-bg, #edfff9)}.devui-panel.devui-panel-success .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-success-line, #50d4ab)}.devui-panel.devui-panel-warning .devui-panel-heading,.devui-panel.devui-panel-warning .devui-panel-body{background-color:var(--devui-warning-bg, #fff3e8)}.devui-panel.devui-panel-warning .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-warning-line, #fa9841)}.devui-panel.devui-panel-danger .devui-panel-heading,.devui-panel.devui-panel-danger .devui-panel-body{background-color:var(--devui-danger-bg, #ffeeed)}.devui-panel.devui-panel-danger .devui-panel-body-collapse .devui-panel-content{border-color:var(--devui-danger-line, #f66f6a)}.devui-panel .devui-panel-leave-active{transition:all .3s ease-in-out;animation:panelUpOut .3s ease-in-out;animation-fill-mode:both}.devui-panel .devui-panel-enter-active{transition:all .3s ease-in-out;animation:panelUpIn .3s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}

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

@@ -1 +1,236 @@
-var e=Object.defineProperty,n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,l=(n,t,o)=>t in n?e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o;"undefined"!=typeof require&&require;import{defineComponent as a,ref as r,toRefs as u,reactive as i,createVNode as c,withDirectives as d,resolveDirective as p,resolveComponent as s}from"vue";var v=(e,n)=>{let t=null;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{null==e||e()}),n)}};const f="undefined"!=typeof window;function m(e,n,t){document.addEventListener?e&&n&&t&&e.addEventListener(n,t,!1):e&&n&&t&&e.attachEvent("on"+n,t)}const y=Symbol("@@clickoutside"),b=new Map;let g,w=0,x=!0;function h(e,n,t){return f&&x&&(x=!1,m(document,"mousedown",(e=>{g=e})),m(document,"mouseup",(e=>{for(const[n,t]of b)t[y].documentHandler(e,g)}))),function(o,l){t&&n.instance&&o.target&&l.target&&!e.contains(o.target)&&!e.contains(l.target)&&e!==o.target&&e[y].bindingFn&&e[y].bindingFn()}}const S={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var O=a({name:"DPopover",directives:{clickoutside:{beforeMount:function(e,n,t){w++,b.set(w,e),e[y]={nid:w,documentHandler:h(e,n,t),bindingFn:n.value}},updated:function(e,n,t){e[y].documentHandler=h(e,n,t),e[y].bindingFn=n.value},unmounted:function(e){b.delete(e[y].nid),delete e[y]}}},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(e,a){const{slots:f}=a,m=r(e.visible),{position:y,content:b,zIndex:g,trigger:w,popType:x,popoverStyle:h,mouseEnterDelay:O,mouseLeaveDelay:k,showAnimation:E,popMaxWidth:M}=u(e),j=((e,a)=>{for(var r in a||(a={}))t.call(a,r)&&l(e,r,a[r]);if(n)for(var r of n(a))o.call(a,r)&&l(e,r,a[r]);return e})({zIndex:g.value},h.value),D="click"===w.value,P=i(S[x.value]),z=D?function(){m.value?m.value=!1:m.value=!0}:null,F=v((()=>{m.value=!0}),O.value),I=v((()=>{m.value=!1}),k.value),L=D?null:F,N=D?null:I,T=()=>{m.value=!1};return M.value&&(j.maxWidth=`${M.value}px`),()=>{var e,n;return c("div",{class:["devui-popover",y.value,{"devui-popover-animation":E.value,"devui-popover-isVisible":m.value}]},[d(c("div",{class:"devui-popover-reference",onMouseenter:L,onMouseleave:N,onClick:z},[null==(e=f.reference)?void 0:e.call(f)]),[[p("clickoutside"),T]]),c("div",{class:["devui-popover-content",P.name?"is-icon":""],style:j},[P.name&&c(s("d-icon"),{name:P.name,color:P.color,class:"devui-popover-icon",size:"16px"},null),(null==(n=f.content)?void 0:n.call(f))||c("span",null,[b.value]),c("span",{class:"after",style:j},null)])])}}});O.install=function(e){e.component(O.name,O)};var k={title:"Popover 悬浮提示",category:"反馈",status:"已完成",install(e){e.use(O)}};export{O as Popover,k 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, ref, toRefs, reactive, watch, createVNode, withDirectives, resolveDirective, resolveComponent } from "vue";
+var debounce = (callBack, wait) => {
+  let time = null;
+  return () => {
+    time && clearTimeout(time);
+    time = setTimeout(() => {
+      callBack == null ? void 0 : callBack();
+    }, wait);
+  };
+};
+const inBrowser = typeof window !== "undefined";
+function on(element, eventName, handler) {
+  if (document.addEventListener) {
+    if (element && eventName && handler) {
+      element.addEventListener(eventName, handler, false);
+    }
+  } else {
+    if (element && eventName && handler) {
+      element.attachEvent("on" + eventName, handler);
+    }
+  }
+}
+const ctx = Symbol("@@clickoutside");
+const nodeList = new Map();
+let startClick;
+let nid = 0;
+let isFirst = true;
+function createDocumentHandler(el, binding, vnode) {
+  if (inBrowser && isFirst) {
+    isFirst = false;
+    on(document, "mousedown", (e) => {
+      startClick = e;
+    });
+    on(document, "mouseup", (e) => {
+      for (const [id, node] of nodeList) {
+        node[ctx].documentHandler(e, startClick);
+      }
+    });
+  }
+  return function(mouseup, mousedown) {
+    if (!vnode || !binding.instance || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target) {
+      return;
+    }
+    el[ctx].bindingFn && el[ctx].bindingFn();
+  };
+}
+const clickoutsideDirective = {
+  beforeMount: function(el, binding, vnode) {
+    nid++;
+    nodeList.set(nid, el);
+    el[ctx] = {
+      nid,
+      documentHandler: createDocumentHandler(el, binding, vnode),
+      bindingFn: binding.value
+    };
+  },
+  updated: function(el, binding, vnode) {
+    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
+    el[ctx].bindingFn = binding.value;
+  },
+  unmounted: function(el) {
+    nodeList.delete(el[ctx].nid);
+    delete el[ctx];
+  }
+};
+var popover = "";
+const popTypeClass = {
+  success: {
+    name: "right-o",
+    color: "rgb(61, 204, 166)"
+  },
+  error: {
+    name: "error-o",
+    color: "rgb(249, 95, 91)"
+  },
+  info: {
+    name: "info-o",
+    color: "rgb(81, 112, 255)"
+  },
+  warning: {
+    name: "warning-o",
+    color: "rgb(254, 204, 85)"
+  },
+  default: {}
+};
+var Popover = defineComponent({
+  name: "DPopover",
+  directives: {
+    clickoutside: clickoutsideDirective
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    content: {
+      type: String,
+      default: "default"
+    },
+    trigger: {
+      type: String,
+      default: "click"
+    },
+    zIndex: {
+      type: Number,
+      default: 1060
+    },
+    popType: {
+      type: String,
+      default: "default"
+    },
+    showAnimation: {
+      type: Boolean,
+      default: true
+    },
+    mouseEnterDelay: {
+      type: Number,
+      default: 150
+    },
+    mouseLeaveDelay: {
+      type: Number,
+      default: 100
+    },
+    popMaxWidth: {
+      type: Number,
+      default: void 0
+    },
+    popoverStyle: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props, ctx2) {
+    const {
+      slots
+    } = ctx2;
+    const visible = ref(props.visible);
+    const {
+      position,
+      content,
+      zIndex,
+      trigger,
+      popType,
+      popoverStyle,
+      mouseEnterDelay,
+      mouseLeaveDelay,
+      showAnimation,
+      popMaxWidth
+    } = toRefs(props);
+    const style = __spreadValues({
+      zIndex: zIndex.value
+    }, popoverStyle.value);
+    const isClick = trigger.value === "click";
+    const iconType = reactive(popTypeClass[popType.value]);
+    const event = function() {
+      if (visible.value) {
+        visible.value = false;
+        return;
+      }
+      visible.value = true;
+    };
+    const onClick = isClick ? event : null;
+    const enter = debounce(() => {
+      visible.value = true;
+    }, mouseEnterDelay.value);
+    const leave = debounce(() => {
+      visible.value = false;
+    }, mouseLeaveDelay.value);
+    const onMouseenter = isClick ? null : enter;
+    const onMouseleave = isClick ? null : leave;
+    const hiddenContext = () => {
+      visible.value = false;
+    };
+    popMaxWidth.value && (style.maxWidth = `${popMaxWidth.value}px`);
+    watch(() => props.visible, (newVal) => {
+      visible.value = newVal;
+    });
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": ["devui-popover", position.value, {
+          "devui-popover-animation": showAnimation.value,
+          "devui-popover-isVisible": visible.value
+        }]
+      }, [withDirectives(createVNode("div", {
+        "class": "devui-popover-reference",
+        "onMouseenter": onMouseenter,
+        "onMouseleave": onMouseleave,
+        "onClick": onClick
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), [[resolveDirective("clickoutside"), hiddenContext]]), createVNode("div", {
+        "class": ["devui-popover-content", iconType.name ? "is-icon" : ""],
+        "style": style
+      }, [iconType.name && createVNode(resolveComponent("d-icon"), {
+        "name": iconType.name,
+        "color": iconType.color,
+        "class": "devui-popover-icon",
+        "size": "16px"
+      }, null), ((_b = slots.content) == null ? void 0 : _b.call(slots)) || createVNode("span", null, [content.value]), createVNode("span", {
+        "class": "after",
+        "style": style
+      }, null)])]);
+    };
+  }
+});
+Popover.install = function(app) {
+  app.component(Popover.name, Popover);
+};
+var index = {
+  title: "Popover \u60AC\u6D6E\u63D0\u793A",
+  category: "\u53CD\u9988",
+  status: "100%",
+  install(app) {
+    app.use(Popover);
+  }
+};
+export { Popover, index as default };

package/popover/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,t)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,__spreadValues=(e,o)=>{for(var t in o||(o={}))__hasOwnProp.call(o,t)&&__defNormalProp(e,t,o[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(o))__propIsEnum.call(o,t)&&__defNormalProp(e,t,o[t]);return e},__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).index={},e.Vue)}(this,(function(e,o){"use strict";var t=(e,o)=>{let t=null;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{null==e||e()}),o)}};const n="undefined"!=typeof window;function r(e,o,t){document.addEventListener?e&&o&&t&&e.addEventListener(o,t,!1):e&&o&&t&&e.attachEvent("on"+o,t)}const l=Symbol("@@clickoutside"),a=new Map;let i,u=0,d=!0;function p(e,o,t){return n&&d&&(d=!1,r(document,"mousedown",(e=>{i=e})),r(document,"mouseup",(e=>{for(const[o,t]of a)t[l].documentHandler(e,i)}))),function(n,r){t&&o.instance&&n.target&&r.target&&!e.contains(n.target)&&!e.contains(r.target)&&e!==n.target&&e[l].bindingFn&&e[l].bindingFn()}}const s={beforeMount:function(e,o,t){u++,a.set(u,e),e[l]={nid:u,documentHandler:p(e,o,t),bindingFn:o.value}},updated:function(e,o,t){e[l].documentHandler=p(e,o,t),e[l].bindingFn=o.value},unmounted:function(e){a.delete(e[l].nid),delete e[l]}};const c={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var v=o.defineComponent({name:"DPopover",directives:{clickoutside:s},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(e,n){const{slots:r}=n,l=o.ref(e.visible),{position:a,content:i,zIndex:u,trigger:d,popType:p,popoverStyle:s,mouseEnterDelay:v,mouseLeaveDelay:f,showAnimation:m,popMaxWidth:y}=o.toRefs(e),b=__spreadValues({zIndex:u.value},s.value),g="click"===d.value,_=o.reactive(c[p.value]),w=g?function(){l.value?l.value=!1:l.value=!0}:null,P=t((()=>{l.value=!0}),v.value),h=t((()=>{l.value=!1}),f.value),N=g?null:P,O=g?null:h,S=()=>{l.value=!1};return y.value&&(b.maxWidth=`${y.value}px`),()=>{var e,t;return o.createVNode("div",{class:["devui-popover",a.value,{"devui-popover-animation":m.value,"devui-popover-isVisible":l.value}]},[o.withDirectives(o.createVNode("div",{class:"devui-popover-reference",onMouseenter:N,onMouseleave:O,onClick:w},[null==(e=r.reference)?void 0:e.call(r)]),[[o.resolveDirective("clickoutside"),S]]),o.createVNode("div",{class:["devui-popover-content",_.name?"is-icon":""],style:b},[_.name&&o.createVNode(o.resolveComponent("d-icon"),{name:_.name,color:_.color,class:"devui-popover-icon",size:"16px"},null),(null==(t=r.content)?void 0:t.call(r))||o.createVNode("span",null,[i.value]),o.createVNode("span",{class:"after",style:b},null)])])}}});v.install=function(e){e.component(v.name,v)};var f={title:"Popover 悬浮提示",category:"反馈",status:"已完成",install(e){e.use(v)}};e.Popover=v,e.default=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var R=Object.defineProperty;var C=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var M=(o,t,u)=>t in o?R(o,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):o[t]=u,S=(o,t)=>{for(var u in t||(t={}))$.call(t,u)&&M(o,u,t[u]);if(C)for(var u of C(t))G.call(t,u)&&M(o,u,t[u]);return o};(function(o,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis!="undefined"?globalThis:o||self,t(o.index={},o.Vue))})(this,function(o,t){"use strict";var u=(e,i)=>{let n=null;return()=>{n&&clearTimeout(n),n=setTimeout(()=>{e==null||e()},i)}};const T=typeof window!="undefined";function g(e,i,n){document.addEventListener?e&&i&&n&&e.addEventListener(i,n,!1):e&&i&&n&&e.attachEvent("on"+i,n)}const a=Symbol("@@clickoutside"),p=new Map;let b,f=0,x=!0;function D(e,i,n){return T&&x&&(x=!1,g(document,"mousedown",r=>{b=r}),g(document,"mouseup",r=>{for(const[s,v]of p)v[a].documentHandler(r,b)})),function(r,s){!n||!i.instance||!r.target||!s.target||e.contains(r.target)||e.contains(s.target)||e===r.target||e[a].bindingFn&&e[a].bindingFn()}}const V={beforeMount:function(e,i,n){f++,p.set(f,e),e[a]={nid:f,documentHandler:D(e,i,n),bindingFn:i.value}},updated:function(e,i,n){e[a].documentHandler=D(e,i,n),e[a].bindingFn=i.value},unmounted:function(e){p.delete(e[a].nid),delete e[a]}};var J="";const N={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var l=t.defineComponent({name:"DPopover",directives:{clickoutside:V},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(e,i){const{slots:n}=i,r=t.ref(e.visible),{position:s,content:v,zIndex:E,trigger:F,popType:L,popoverStyle:P,mouseEnterDelay:z,mouseLeaveDelay:A,showAnimation:H,popMaxWidth:h}=t.toRefs(e),m=S({zIndex:E.value},P.value),y=F.value==="click",c=t.reactive(N[L.value]),j=y?function(){if(r.value){r.value=!1;return}r.value=!0}:null,I=u(()=>{r.value=!0},z.value),W=u(()=>{r.value=!1},A.value),O=y?null:I,_=y?null:W,q=()=>{r.value=!1};return h.value&&(m.maxWidth=`${h.value}px`),t.watch(()=>e.visible,d=>{r.value=d}),()=>{var d,w;return t.createVNode("div",{class:["devui-popover",s.value,{"devui-popover-animation":H.value,"devui-popover-isVisible":r.value}]},[t.withDirectives(t.createVNode("div",{class:"devui-popover-reference",onMouseenter:O,onMouseleave:_,onClick:j},[(d=n.reference)==null?void 0:d.call(n)]),[[t.resolveDirective("clickoutside"),q]]),t.createVNode("div",{class:["devui-popover-content",c.name?"is-icon":""],style:m},[c.name&&t.createVNode(t.resolveComponent("d-icon"),{name:c.name,color:c.color,class:"devui-popover-icon",size:"16px"},null),((w=n.content)==null?void 0:w.call(n))||t.createVNode("span",null,[v.value]),t.createVNode("span",{class:"after",style:m},null)])])}}});l.install=function(e){e.component(l.name,l)};var k={title:"Popover \u60AC\u6D6E\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(e){e.use(l)}};o.Popover=l,o.default=k,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

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