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

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=Symbol("@@clickoutside"),o=new Map;let u,l=0;function r(e,t,n){return function(a,o){n&&t.instance&&a.target&&o.target&&!e.contains(a.target)&&!e.contains(o.target)&&e!==a.target&&e[i].bindingFn&&e[i].bindingFn()}}a(document,"mousedown",(e=>{u=e})),a(document,"mouseup",(e=>{for(const[t,n]of o)n[i].documentHandler(e,u)}));const s={beforeMount:function(e,t,n){l++,o.set(l,e),e[i]={nid:l,documentHandler:r(e,t,n),bindingFn:t.value}},updated:function(e,t,n){e[i].documentHandler=r(e,t,n),e[i].bindingFn=t.value},unmounted:function(e){o.delete(e[i].nid),delete e[i]}};var d=t.defineComponent({directives:{clickoutside:s},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 c={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var g=t.defineComponent({props:c,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 p={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var m=t.defineComponent({props:p,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)])])}}),v=t.defineComponent({name:"DPagination",components:{ConfigMenu:d,JumpPage:g,PageNumBtn:m},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:z,changeCursorEmit:y,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:z,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:y}),null),r&&!f&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:g,size:l,pageIndex:n,totalPages:P,cursor:V,showJumpButton:m},{onChangeCursorEmit:y}),null),f&&C&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:S,pageSizeChange:z,pageSizeOptions:a},{default:()=>{var e;return[null==(e=x.default)?void 0:e.call(x)]}})])}});v.install=e=>{e.component(v.name,v)};var f={title:"Pagination 分页",category:"导航",install(e){e.use(v)}};e.Pagination=v,e.default=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+(function(p,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis!="undefined"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";const k={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},goToText:{type:String},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}},j=(e,n,u)=>{const o=e,l=n;if(l>=u)return[2,u];const i=l-2;let a=o-(i>>1),s=o+(i-1>>1);return a<2&&(a=2,s=l-2),s>u&&(a=u-l+3,s=u),[a,s]};function $(e){return new Array(e||1).fill(0).map((n,u)=>({name:`${u+1}/${e}`,value:u+1}))}function S(e,n,u){document.addEventListener?e&&n&&u&&e.addEventListener(n,u,!1):e&&n&&u&&e.attachEvent("on"+n,u)}function O(e,n,u){document.removeEventListener?e&&n&&u&&e.removeEventListener(n,u,!1):e&&n&&u&&e.detachEvent("on"+n,u)}const H=typeof window!="undefined",m=Symbol("@@clickoutside"),y=new Map;let A,T=0,v=!0;function w(e,n,u){return H&&v&&(v=!1,S(document,"mousedown",o=>{A=o}),S(document,"mouseup",o=>{for(const[l,i]of y)i[m].documentHandler(o,A)})),function(o,l){!u||!n.instance||!o.target||!l.target||e.contains(o.target)||e.contains(l.target)||e===o.target||e[m].bindingFn&&e[m].bindingFn()}}const J={beforeMount:function(e,n,u){T++,y.set(T,e),e[m]={nid:T,documentHandler:w(e,n,u),bindingFn:n.value}},updated:function(e,n,u){e[m].documentHandler=w(e,n,u),e[m].bindingFn=n.value},unmounted:function(e){y.delete(e[m].nid),delete e[m]}};function P(e,n,u){let o=e;return n&&(o+=`__${n}`),u&&(o+=`--${u}`),o}function B(e,n=!1){const u=n?`.devui-${e}`:`devui-${e}`;return{b:()=>P(u),e:s=>s?P(u,s):"",m:s=>s?P(u,"",s):"",em:(s,c)=>s&&c?P(u,s,c):""}}var U=t.defineComponent({directives:{clickoutside:J},props:{currentPageSize:Number,pageSizeChange:Function,pageSizeOptions:Array},setup(){const e=t.ref(null),n=t.ref(!1),u=o=>{n.value=n.value?!1:!!o};return t.onMounted(()=>{S(e.value,"click",u)}),t.onUnmounted(()=>{O(e.value,"click",u)}),{paginationConfig:e,isShowConfig:n,closeConfigMenu:u}},render(){var s;const{closeConfigMenu:e,currentPageSize:n,pageSizeChange:u,pageSizeOptions:o,isShowConfig:l,$slots:i}=this,a=B("pagination");return t.withDirectives(t.createVNode("div",{class:a.e("config"),ref:"paginationConfig"},[t.createVNode("div",{class:a.e("setup-icon")},[t.createVNode("i",{class:"icon-setting",style:"font-weight: bold;"},null)]),l&&t.createVNode("div",{class:a.e("config-container")},[(s=i.default)==null?void 0:s.call(i),t.createVNode("div",{class:a.e("config-item")},[t.createVNode("div",{class:"config-item-title"},[t.createTextVNode("\u6BCF\u9875\u6761\u6570")]),t.createVNode("div",{class:a.e("number")},[o.map(c=>t.createVNode("div",{class:{choosed:c===n},key:c,onClick:u.bind(null,{value:c})},[c]))])])])]),[[t.resolveDirective("clickoutside"),e]])}});const R={goToText:String,size:{type:String,default:""},pageIndex:Number,showJumpButton:Boolean,totalPages:Number,cursor:Number,onChangeCursorEmit:Function};var _=t.defineComponent({props:R,emits:["changeCursorEmit"],setup(e,{emit:n}){const{pageIndex:u,totalPages:o,cursor:l}=t.toRefs(e),i=t.ref(u==null?void 0:u.value);t.watch(()=>u==null?void 0:u.value,d=>{i.value=d});let a=u==null?void 0:u.value;return{inputNum:i,jumpPageChange:d=>{a=+d,i.value=d,isNaN(d)&&setTimeout(()=>{i.value=u==null?void 0:u.value},300)},jump:d=>{a>(o==null?void 0:o.value)||(d==="btn"||d.key==="Enter")&&(l==null?void 0:l.value)!==a&&n("changeCursorEmit",a)}}},render(){const{goToText:e,size:n,inputNum:u,jumpPageChange:o,jump:l,showJumpButton:i}=this,a=B("pagination"),s={class:[a.e("input"),n?a.em("input",n):""],size:n,modelValue:String(u),"onUpdate:modelValue":o,onKeydown:l};return t.createVNode("div",{class:a.e("jump-container")},[e,t.createVNode(t.resolveComponent("d-input"),s,null),e==="\u8DF3\u81F3"&&"\u9875",i&&t.createVNode("div",{class:[a.e("jump-button"),n?a.em("jump-size",n):a.em("jump-size","default")],onClick:l.bind(null,"btn"),title:e},[t.createVNode("div",{class:a.e("go")},null)])])}});const q={size:{type:String,default:""},preLink:String,nextLink:String,lite:Boolean,cursor:Number,maxItems:Number,totalPages:Number,onChangeCursorEmit:Function,showTruePageIndex:Boolean};var G=t.defineComponent({props:q,emits:["changeCursorEmit"],setup(e,{emit:n}){return{showPageNum:t.computed(()=>j(e.cursor,e.maxItems,e.totalPages)),changeCursor:a=>{if(isNaN(a))return;const s=a<1?1:a>e.totalPages?e.totalPages:a|0;n("changeCursorEmit",s)},prevChange:a=>{if(e.cursor>1){const s=a===-1?e.cursor-1:a;n("changeCursorEmit",s)}},nextChange:a=>{if(e.cursor<e.totalPages){const s=a===-1?e.cursor+1:a;n("changeCursorEmit",s)}}}},render(){const{size:e,preLink:n,nextLink:u,lite:o,changeCursor:l,cursor:i,showPageNum:a,prevChange:s,totalPages:c,nextChange:d,showTruePageIndex:h}=this,r=B("pagination");return t.createVNode("ul",{class:[r.e("list"),e?r.m(e):""]},[t.createVNode("li",{onClick:s.bind(null,-1),class:{[r.e("item")]:!0,disabled:i<=1}},[t.createVNode("a",{innerHTML:n,class:r.e("link")},null)]),!o&&t.createVNode(t.Fragment,null,[t.createVNode("li",{onClick:l.bind(null,1),class:{[r.e("item")]:!0,active:i===1}},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("1")])]),a[0]>2&&t.createVNode("li",{onClick:s.bind(null,a[0]-1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),(()=>{const C=[];for(let f=a[0];f<=a[1];f++)C.push(t.createVNode("li",{onClick:l.bind(null,f),key:f,class:{[r.e("item")]:!0,active:i===f}},[t.createVNode("a",{class:r.e("link")},[f])]));return C})(),a[1]<c-1&&t.createVNode("li",{onClick:d.bind(null,a[1]+1),class:r.e("item")},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),a[1]<c&&t.createVNode("li",{onClick:l.bind(null,c),class:{[r.e("item")]:!0,active:i===c}},[t.createVNode("a",{class:r.e("link")},[c])]),h&&i>c&&c>0&&t.createVNode(t.Fragment,null,[i>c+1&&t.createVNode("li",{class:[r.e("item"),"disabled"]},[t.createVNode("a",{class:r.e("link")},[t.createTextVNode("...")])]),t.createVNode("li",{class:[r.e("item"),"disabled","active"]},[t.createVNode("a",{class:r.e("link")},[i])])])]),t.createVNode("li",{onClick:d.bind(null,-1),class:{[r.e("item")]:!0,disabled:i>=c}},[t.createVNode("a",{innerHTML:u,class:r.e("link")},null)])])}});function I(...e){const n=u=>u&&typeof u=="object";return e.reduce((u,o)=>(Object.keys(o).forEach(l=>{const i=u[l],a=o[l];Array.isArray(i)&&Array.isArray(a)?u[l]=Array.from(new Set([...a,...i])):n(i)&&n(a)?u[l]=I(i,a):u[l]=a}),u),{})}var K={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,n){return`${e}\u5E74${n}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getBeyondMaximalFileSizeMsg(e,n){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,n){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const x=t.ref("zh-CN");let b=t.reactive({[x.value]:K});const W={messages(){return b[x.value]},lang(){return x.value},use(e,n){x.value=e,this.add({[e]:n})},add(e={}){b=I(b,e)}},Y=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function M(e,n){const u=n.split(".");let o=e;return u.forEach(l=>{var i;o=(i=o[l])!=null?i:""}),o}function Q(e,n,u){const o=u||Y(e)+".";return l=>{var s;const i=((s=n==null?void 0:n.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||W.messages();return M(i,o+l)||M(i,l)}}var de="",D=t.defineComponent({name:"DPagination",components:{ConfigMenu:U,JumpPage:_,PageNumBtn:G},props:k,emits:["pageIndexChange","pageSizeChange","update:pageSize","update:pageIndex"],setup(e,{emit:n,slots:u}){const o=t.getCurrentInstance(),l=Q("DPagination",o),{autoHide:i,pageSizeOptions:a,total:s,canChangePageSize:c,lite:d,size:h,pageSizeDirection:r,showPageSelector:C,canViewTotal:f,totalItemText:Z,maxItems:ee,preLink:te,nextLink:ue,showTruePageIndex:ne,canJumpPage:ae,goToText:oe,pageIndex:ie,showJumpButton:le,haveConfigMenu:se}=t.toRefs(e),E=B("pagination"),F=t.computed(()=>Math.ceil(e.total/e.pageSize)),re=t.computed(()=>$(F.value)),N=t.computed({get(){return!e.showTruePageIndex&&e.pageIndex>F.value?(n("update:pageIndex",F.value||1),F.value||1):e.pageIndex||1},set(g){n("update:pageIndex",g)}}),z=t.computed({get(){return e.pageSize},set(g){n("update:pageSize",g)}}),V=g=>{N.value=g,n("pageIndexChange",g)},L=g=>{z.value=g.value,e.autoFixPageIndex&&t.nextTick(()=>{N.value>F.value&&V(F.value)}),n("pageSizeChange",g.value)},ce=g=>{V(g.value)};return()=>i.value&&Math.min(...a.value)>s.value?null:t.createVNode("div",{class:E.b()},[c.value&&!d.value&&t.createVNode("div",{class:[E.e("size"),h.value?E.em("size",h.value):""]},[t.createVNode(t.resolveComponent("d-select"),{options:a.value,modelValue:z.value,onValueChange:L,pageSizeDirection:r.value},null)]),(!d.value||d.value&&C.value)&&f.value&&t.createVNode("div",{class:E.e("total-size")},[Z.value||l("totalItemText"),t.createTextVNode(": "),s.value]),d.value&&C.value&&t.createVNode("div",{class:E.e("size")},[t.createVNode(t.resolveComponent("d-select"),{options:re.value,disabled:s.value===0,modelValue:N.value,onValueChange:ce,pageSizeDirection:r.value},null)]),t.createVNode(t.resolveComponent("page-num-btn"),t.mergeProps({cursor:N.value,totalPages:F.value,size:h.value,lite:d.value,maxItems:ee.value,preLink:te.value,nextLink:ue.value,showTruePageIndex:ne.value},{onChangeCursorEmit:V}),null),ae.value&&!d.value&&t.createVNode(t.resolveComponent("jump-page"),t.mergeProps({goToText:oe.value||l("goToText"),size:h.value,pageIndex:ie.value,totalPages:F.value,cursor:N.value,showJumpButton:le.value},{onChangeCursorEmit:V}),null),d.value&&se.value&&t.createVNode(t.resolveComponent("config-menu"),{currentPageSize:z.value,pageSizeChange:L,pageSizeOptions:a.value},{default:()=>{var g;return[(g=u.default)==null?void 0:g.call(u)]}})])}}),X={title:"Pagination \u5206\u9875",category:"\u5BFC\u822A",status:"100%",install(e){e.component(D.name,D)}};p.Pagination=D,p.default=X,p.paginationProps=k,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/pagination/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-page-size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-page-size.devui-page-size-sm{max-width:80px}.devui-pagination .devui-page-size.devui-page-size-sm .devui-select-input{height:24px}.devui-pagination .devui-page-size.devui-page-size-lg{max-width:100px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-input{height:46px}.devui-pagination .devui-page-size.devui-page-size-lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list,.devui-pagination .devui-pagination-item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination-list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination-list li.devui-pagination-item{cursor:pointer}.devui-pagination .devui-pagination-list li.devui-pagination-item.active a.devui-pagination-link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #5e7ce0);color:var(--devui-list-item-active-text, #ffffff)}.devui-pagination .devui-pagination-list li.devui-pagination-item.disabled a.devui-pagination-link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination-list li.devui-pagination-item .devui-pagination-link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-pagination-sm>li.devui-pagination-item>a.devui-pagination-link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination-lg>li.devui-pagination-item>a.devui-pagination-link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-jump-container .devui-pagination-input{display:inline-block;width:42px;vertical-align:middle;margin:0 3px}.devui-pagination .devui-jump-container .devui-pagination-input-lg{width:56px}.devui-pagination .devui-jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #adb0b8);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-jump-button .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-button:hover .devui-pagination-go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-jump-size-default{width:28px;height:28px}.devui-pagination .devui-jump-size-default .devui-pagination-go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #252b3a);border-bottom:8px solid transparent}.devui-pagination .devui-jump-size-sm{width:24px;height:24px}.devui-pagination .devui-jump-size-sm .devui-pagination-go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #252b3a);border-bottom:6px solid transparent}.devui-pagination .devui-jump-size-sm .devui-pagination-link{height:30px;line-height:32px}.devui-pagination .devui-jump-size-lg{width:46px;height:46px}.devui-pagination .devui-jump-size-lg .devui-pagination-go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #252b3a);border-bottom:14px solid transparent}.devui-pagination .devui-pagination-config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-config-container{padding:4px 0;box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .pagination-config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #adb0b8)}.devui-pagination .pagination-config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #adb0b8);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-page-number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-page-number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #adb0b8);border-bottom:1px solid var(--devui-line, #adb0b8);border-right:1px solid var(--devui-line, #adb0b8);text-align:center;height:26px;width:26px}.devui-pagination .devui-page-number div:first-child{border-left:1px solid var(--devui-line, #adb0b8)}.devui-pagination .devui-page-number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-pagination .devui-page-number div.choosed{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}
+@charset "UTF-8";.devui-pagination{font-size:var(--devui-font-size, 14px)}.devui-pagination .devui-pagination__size{display:inline-block;max-width:100px;line-height:24px;margin:0 12px 0 0;position:relative;vertical-align:middle}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{max-width:80px}.devui-pagination .devui-pagination__size.devui-pagination__size--sm .devui-select-input{height:24px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{max-width:100px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg .devui-select-input,.devui-pagination .devui-pagination__size.devui-pagination__size--lg .devui-select-item{height:46px}.devui-pagination .devui-select-input{height:26px}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item.active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;opacity:.5;background-color:#fff;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{margin-left:5px;padding:3px 7px;line-height:1.5;border-radius:var(--devui-border-radius, 4px);color:var(--devui-text-weak, #575d6c);display:flex;align-items:center;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__sm>li.devui-pagination__item>a.devui-pagination__link{padding:0 5px;min-width:18px;height:22px;line-height:1.5;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination__lg>li.devui-pagination__item>a.devui-pagination__link{padding:0 12px;height:38px;font-size:var(--devui-font-size-lg, 14px);line-height:1.5}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 4px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius, 4px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 14px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 14px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f8f8f8);cursor:pointer}

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,218 @@
-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:"通用",install(e){e.use(a)}};export{a as Panel,n as default};
+import { reactive, ref, defineComponent, provide, computed, createVNode, inject, onMounted, Transition } from "vue";
+const panelProps = {
+  type: {
+    type: String,
+    default: "default"
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  isCollapsed: {
+    type: Boolean,
+    default: false
+  },
+  beforeToggle: {
+    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 = "";
+var Panel = defineComponent({
+  name: "DPanel",
+  props: panelProps,
+  emits: ["toggle"],
+  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 timeStamp = new Date().getTime().toString() + Math.random();
+    const onToggle = () => {
+      ctx.emit("toggle", Store.getByKey(`isCollapsed[${timeStamp}]`));
+    };
+    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,
+  emits: ["toggle"],
+  setup(props, ctx) {
+    const beforeToggle = inject("beforeToggle");
+    const keys = Object.keys(Store.state());
+    const key = keys.pop();
+    const isCollapsed = ref(Store.state()[key]);
+    const changeFlag = ref();
+    let header = null;
+    const res = ref(isCollapsed.value);
+    let changeResult = true;
+    const done = () => {
+      res.value = !res.value;
+      if (!changeFlag.value) {
+        if (res.value) {
+          Store.setData(`${key}`, res.value);
+          isCollapsed.value = res.value;
+          ctx.emit("toggle", res.value);
+        }
+        return;
+      }
+      if (res.value !== void 0) {
+        Store.setData(`${key}`, res.value);
+        isCollapsed.value = res.value;
+        ctx.emit("toggle", res.value);
+      }
+    };
+    const canToggle = async () => {
+      if (beforeToggle) {
+        const tmpRes = beforeToggle(isCollapsed, done);
+        if (typeof tmpRes !== "undefined") {
+          if (tmpRes instanceof Promise) {
+            changeResult = await tmpRes;
+          } else {
+            changeResult = tmpRes;
+          }
+        } else {
+          changeResult = true;
+        }
+      }
+      return changeResult;
+    };
+    canToggle().then((val) => changeFlag.value = val);
+    const toggleBody = () => {
+      canToggle().then((val) => {
+        changeFlag.value = val;
+        if (!val) {
+          if (!isCollapsed.value) {
+            Store.setData(`${key}`, !isCollapsed.value);
+            isCollapsed.value = !isCollapsed.value;
+            ctx.emit("toggle", isCollapsed.value);
+          }
+          return;
+        }
+        if (isCollapsed.value !== void 0) {
+          Store.setData(`${key}`, !isCollapsed.value);
+          isCollapsed.value = !isCollapsed.value;
+          ctx.emit("toggle", 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) {
+    const animationName = inject("showAnimation");
+    const 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;
+    };
+  }
+});
+var index = {
+  title: "Panel \u9762\u677F",
+  category: "\u901A\u7528",
+  status: "100%",
+  install(app) {
+    app.component(Panel.name, Panel);
+    app.component(PanelHeader.name, PanelHeader);
+    app.component(PanelBody.name, PanelBody);
+    app.component(PanelFooter.name, PanelFooter);
+  }
+};
+export { Panel, PanelBody, PanelFooter, PanelHeader, index as default, panelProps };

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