vue-devui 1.0.0-beta.18 → 1.0.0-beta.20220808

package/pagination/index.umd.js

@@ -1 +1 @@
-(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"});
+(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,.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.es.js

@@ -1,6 +1,5 @@
 import { reactive, ref, defineComponent, provide, computed, createVNode, inject, onMounted, Transition } from "vue";
-var panel = "";
-const PanelProps = {
+const panelProps = {
   type: {
     type: String,
     default: "default"
@@ -17,10 +16,6 @@ const PanelProps = {
     type: Function,
     default: null
   },
-  toggle: {
-    type: Function,
-    default: null
-  },
   showAnimation: {
     type: Boolean,
     default: true
@@ -42,9 +37,11 @@ class Store {
     option[key] = ref(value);
   }
 }
+var panel = "";
 var Panel = defineComponent({
   name: "DPanel",
-  props: PanelProps,
+  props: panelProps,
+  emits: ["toggle"],
   setup(props, ctx) {
     provide("beforeToggle", props.beforeToggle);
     provide("showAnimation", computed(() => props.showAnimation));
@@ -52,11 +49,10 @@ var Panel = defineComponent({
     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 = () => {
-      var _a;
-      (_a = props.toggle) == null ? void 0 : _a.call(props, Store.getByKey(`isCollapsed[${timeStamp}]`));
+      ctx.emit("toggle", Store.getByKey(`isCollapsed[${timeStamp}]`));
     };
-    const timeStamp = new Date().getTime().toString();
     Store.setData(`isCollapsed[${timeStamp}]`, isCollapsed.value);
     return () => {
       var _a, _b;
@@ -69,7 +65,8 @@ var Panel = defineComponent({
 });
 var PanelHeader = defineComponent({
   name: "DPanelHeader",
-  props: PanelProps,
+  props: panelProps,
+  emits: ["toggle"],
   setup(props, ctx) {
     const beforeToggle = inject("beforeToggle");
     const keys = Object.keys(Store.state());
@@ -77,16 +74,35 @@ var PanelHeader = defineComponent({
     const isCollapsed = ref(Store.state()[key]);
     const changeFlag = ref();
     let header = null;
-    const canToggle = () => {
-      let changeResult = Promise.resolve(true);
+    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 result = beforeToggle(isCollapsed);
-        if (typeof result !== void 0) {
-          if (result instanceof Promise) {
-            changeResult = result;
+        const tmpRes = beforeToggle(isCollapsed, done);
+        if (typeof tmpRes !== "undefined") {
+          if (tmpRes instanceof Promise) {
+            changeResult = await tmpRes;
           } else {
-            changeResult = Promise.resolve(result);
+            changeResult = tmpRes;
           }
+        } else {
+          changeResult = true;
         }
       }
       return changeResult;
@@ -94,20 +110,19 @@ var PanelHeader = defineComponent({
     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);
+            ctx.emit("toggle", 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);
+          ctx.emit("toggle", isCollapsed.value);
         }
       });
     };
@@ -118,7 +133,7 @@ var PanelHeader = defineComponent({
           "class": "devui-panel-heading",
           "onClick": toggleBody,
           "style": {
-            "cursor": changeFlag.value ? "pointer" : "auto"
+            cursor: changeFlag.value ? "pointer" : "auto"
           }
         }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
       }
@@ -128,7 +143,7 @@ var PanelHeader = defineComponent({
 });
 var PanelBody = defineComponent({
   name: "DPanelBody",
-  props: PanelProps,
+  props: panelProps,
   setup(props, ctx) {
     const animationName = inject("showAnimation");
     const hasLeftPadding = inject("hasLeftPadding");
@@ -139,8 +154,9 @@ var PanelBody = defineComponent({
     onMounted(() => {
       if (bodyEl.value) {
         const dom = bodyEl.value;
-        if (isCollapsed[key])
+        if (isCollapsed[key]) {
           dom.style.height = `${dom.offsetHeight}px`;
+        }
       }
     });
     const enter = (element) => {
@@ -188,18 +204,15 @@ var PanelFooter = defineComponent({
     };
   }
 });
-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);
+    app.component(Panel.name, Panel);
+    app.component(PanelHeader.name, PanelHeader);
+    app.component(PanelBody.name, PanelBody);
+    app.component(PanelFooter.name, PanelFooter);
   }
 };
-export { Panel, index as default };
+export { Panel, PanelBody, PanelFooter, PanelHeader, index as default, panelProps };

package/panel/index.umd.js

@@ -1 +1 @@
-(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(l){return p[l]}static state(){return p}static setData(l,u){p[l]=e.ref(u)}}var y=e.defineComponent({name:"DPanel",props:h,setup(t,l){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),o=()=>{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:o,class:`devui-panel devui-panel-${r.value} ${c.value}`},[(g=(s=l.slots).default)==null?void 0:g.call(s)])}}}),P=e.defineComponent({name:"DPanelHeader",props:h,setup(t,l){const u=e.inject("beforeToggle"),c=Object.keys(f.state()).pop(),o=e.ref(f.state()[c]),i=e.ref();let s=null;const g=()=>{let n=Promise.resolve(!0);if(u){const a=u(o);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){o.value||(f.setData(`${c}`,!o.value),o.value=!o.value,(a=t.toggle)==null||a.call(t,o.value));return}o.value!==void 0&&(f.setData(`${c}`,!o.value),o.value=!o.value,(m=t.toggle)==null||m.call(t,o.value))})};return()=>{var n,a;return l.slots.default&&(s=e.createVNode("div",{class:"devui-panel-heading",onClick:v,style:{cursor:i.value?"pointer":"auto"}},[(a=(n=l.slots).default)==null?void 0:a.call(n)])),s}}}),C=e.defineComponent({name:"DPanelBody",props:h,setup(t,l){const u=e.inject("showAnimation"),r=e.inject("hasLeftPadding"),o=Object.keys(f.state()).pop(),i=f.state(),s=e.ref();e.onMounted(()=>{if(s.value){const n=s.value;i[o]&&(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[o]===void 0||i[o]?e.createVNode("div",{ref:s,class:`devui-panel-body ${i[o]!==void 0?"devui-panel-body-collapse":""} ${r.value?"":"no-left-padding"}`},[e.createVNode("div",{class:"devui-panel-content"},[(a=(n=l.slots).default)==null?void 0:a.call(n)])]):null]}})])}}),b=e.defineComponent({name:"DPanelFooter",setup(t,l){return()=>{var r,c;return l.slots.default?e.createVNode("div",{class:"devui-panel-footer"},[(c=(r=l.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"});
+(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 @@
-.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}}
+.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}}