@xto/data 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.mjs +1317 -0
- package/es/style.css +1 -0
- package/lib/index.cjs +1 -0
- package/lib/style.css +1 -0
- package/package.json +38 -0
package/es/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.x-tag{display:inline-flex;align-items:center;padding:0 10px;height:24px;font-size:12px;line-height:1;color:#606266;background-color:#f4f4f5;border:1px solid #e9e9eb;border-radius:4px;white-space:nowrap}.x-tag--large{height:32px;padding:0 14px;font-size:14px}.x-tag--small{height:20px;padding:0 8px;font-size:12px}.x-tag--light.x-tag--primary{color:#409eff;background-color:#ecf5ff;border-color:#c6e2ff}.x-tag--light.x-tag--success{color:#67c23a;background-color:#f0f9eb;border-color:#d1edc4}.x-tag--light.x-tag--warning{color:#e6a23c;background-color:#fdf6ec;border-color:#f8e3c5}.x-tag--light.x-tag--danger{color:#f56c6c;background-color:#fef0f0;border-color:#fcd3d3}.x-tag--light.x-tag--info{color:#909399;background-color:#f4f4f5;border-color:#dedfe0}.x-tag--dark.x-tag--primary{color:#fff;background-color:#409eff;border-color:#409eff}.x-tag--dark.x-tag--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.x-tag--dark.x-tag--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.x-tag--dark.x-tag--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.x-tag--dark.x-tag--info{color:#fff;background-color:#909399;border-color:#909399}.x-tag--plain.x-tag--primary{color:#409eff;background-color:#fff;border-color:#409eff}.x-tag--plain.x-tag--success{color:#67c23a;background-color:#fff;border-color:#67c23a}.x-tag--plain.x-tag--warning{color:#e6a23c;background-color:#fff;border-color:#e6a23c}.x-tag--plain.x-tag--danger{color:#f56c6c;background-color:#fff;border-color:#f56c6c}.x-tag--plain.x-tag--info{color:#909399;background-color:#fff;border-color:#909399}.x-tag.is-hit{border-color:#409eff}.x-tag__close{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:14px;height:14px;font-size:10px;cursor:pointer;border-radius:100%;transition:all .2s}.x-tag__close:hover{background-color:#0003}.x-card{background-color:#fff;border-radius:4px;border:1px solid #ebeef5;overflow:hidden;transition:all .3s}.x-card.is-shadow-always,.x-card.is-shadow-hover:hover{box-shadow:0 2px 12px #0000001a}.x-card.is-shadow-never{box-shadow:none}.x-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;font-size:16px;font-weight:500;color:#303133}.x-card__body{padding:20px;color:#606266;font-size:14px}.x-progress__line{display:flex;align-items:center;width:100%}.x-progress__outer{flex:1;min-width:0}.x-progress__inner{position:relative;width:100%;height:6px;background-color:#ebeef5;border-radius:3px;overflow:hidden;vertical-align:middle}.x-progress__bar{position:absolute;top:0;left:0;height:100%;background-color:#409eff;border-radius:3px;transition:width .3s}.x-progress__text{flex-shrink:0;min-width:50px;margin-left:10px;font-size:14px;color:#606266;text-align:right}.x-progress__circle{position:relative;display:inline-block;line-height:1}.x-progress__circle svg{display:block}.x-progress__circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#606266}.x-pagination{display:flex;align-items:center;gap:8px}.x-pagination__total{font-size:14px;color:#606266}.x-pagination__btn{min-width:32px;height:32px;padding:0 8px;font-size:14px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;transition:all .2s}.x-pagination__btn:hover{color:#409eff;border-color:#409eff}.x-pagination__btn:disabled{color:#c0c4cc;cursor:not-allowed;border-color:#ebeef5}.x-pagination__btn.is-active{color:#fff;background-color:#409eff;border-color:#409eff}.x-pagination__ellipsis{color:#303133}.x-pagination__sizes{height:32px;padding:0 8px;font-size:14px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer}.x-dynamic-table{position:relative;width:100%;font-size:14px;color:#606266;background-color:#fff;border-radius:4px;overflow:hidden}.x-dynamic-table__toolbar{padding:12px;border-bottom:1px solid #ebeef5;display:flex;align-items:center;gap:12px}.x-dynamic-table__add-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;color:#fff;background-color:#409eff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.x-dynamic-table__add-btn:hover{background-color:#66b1ff}.x-dynamic-table__add-btn .add-icon{font-size:16px;font-weight:700}.x-dynamic-table__wrapper{overflow-x:auto;overflow-y:auto}.x-dynamic-table table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.x-dynamic-table__header-cell{padding:12px 10px;font-weight:700;color:#909399;background-color:#f5f7fa;border-bottom:1px solid #ebeef5;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.x-dynamic-table__header-cell.is-sortable{cursor:pointer}.x-dynamic-table__header-cell.is-sortable:hover{background-color:#ebeef5}.x-dynamic-table__header-cell.is-sort-ascending .sort-arrow.up,.x-dynamic-table__header-cell.is-sort-descending .sort-arrow.down{color:#409eff}.x-dynamic-table__sort-icon{display:inline-flex;flex-direction:column;margin-left:4px;font-size:10px;line-height:1}.x-dynamic-table__sort-icon .sort-arrow{color:#c0c4cc}.x-dynamic-table__sort-icon .sort-arrow.up{margin-bottom:2px}.x-dynamic-table__row{transition:background-color .2s}.x-dynamic-table__row:hover{background-color:#f5f7fa}.x-dynamic-table__row.is-selected{background-color:#ecf5ff}.x-dynamic-table__cell{padding:12px 10px;border-bottom:1px solid #ebeef5;word-break:break-all}.x-dynamic-table__selection-cell{width:50px;text-align:center}.x-dynamic-table__operation-cell{text-align:center;white-space:nowrap}.x-dynamic-table__operation-btn{padding:4px 12px;font-size:12px;color:#f56c6c;background-color:transparent;border:1px solid #f56c6c;border-radius:4px;cursor:pointer;transition:all .2s}.x-dynamic-table__operation-btn:hover{color:#fff;background-color:#f56c6c}.x-dynamic-table__empty{padding:40px 10px;text-align:center;color:#909399}.x-dynamic-table.is-border table{border:1px solid #ebeef5}.x-dynamic-table.is-border .x-dynamic-table__header-cell,.x-dynamic-table.is-border .x-dynamic-table__cell{border-right:1px solid #ebeef5}.x-dynamic-table.is-stripe .x-dynamic-table__row:nth-child(2n){background-color:#fafafa}.x-dynamic-table__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:10}.x-dynamic-table__loading .loading-spinner{width:32px;height:32px;border:3px solid #e4e7ed;border-top-color:#409eff;border-radius:50%;animation:spin .8s linear infinite}.x-dynamic-table__loading .loading-text{margin-top:8px;color:#909399}@keyframes spin{to{transform:rotate(360deg)}}.x-dynamic-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.x-tree-node{white-space:nowrap;outline:none}.x-tree-node:focus>.x-tree-node__content{background-color:#f5f7fa}.x-tree-node__content{display:flex;align-items:center;height:26px;padding-right:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.x-tree-node__content:hover{background-color:#f5f7fa}.x-tree-node__expand-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;color:#c0c4cc;cursor:pointer;transition:transform .3s;flex-shrink:0}.x-tree-node__expand-icon.is-expanded .x-tree-node__expand-arrow{transform:rotate(90deg)}.x-tree-node__expand-icon.is-leaf{visibility:hidden;cursor:default}.x-tree-node__expand-arrow{display:inline-block;transition:transform .3s}.x-tree-node__loading-icon{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#409eff;animation:tree-loading-spin 1s linear infinite}.x-tree-node__icon{margin-right:8px;font-size:14px;color:#909399}.x-tree-node__checkbox{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:8px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative}.x-tree-node__checkbox.is-checked{background-color:#409eff;border-color:#409eff}.x-tree-node__checkbox.is-checked .x-tree-node__checkbox-inner:after{transform:rotate(45deg) scaleY(1)}.x-tree-node__checkbox.is-indeterminate{background-color:#409eff;border-color:#409eff}.x-tree-node__checkbox.is-indeterminate .x-tree-node__checkbox-inner:before{content:"";position:absolute;top:50%;left:2px;right:2px;height:2px;background-color:#fff;transform:translateY(-50%)}.x-tree-node__checkbox.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.x-tree-node__checkbox.is-disabled .x-tree-node__checkbox-inner:after{border-color:#c0c4cc}.x-tree-node__checkbox-inner{width:100%;height:100%;position:relative}.x-tree-node__checkbox-inner:after{content:"";position:absolute;top:1px;left:4px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .2s}.x-tree-node__label{flex:1;padding:0 4px;font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-tree-node__children{overflow:hidden}.x-tree-node__children--show-line{padding-left:16px;border-left:1px dashed #dcdfe6;margin-left:9px}.x-tree-node.is-current>.x-tree-node__content{background-color:#ecf5ff;color:#409eff}.x-tree-node.is-current>.x-tree-node__content .x-tree-node__label{color:#409eff}.x-tree-node.is-selected>.x-tree-node__content{background-color:#ecf5ff;color:#409eff}.x-tree-node.is-disabled>.x-tree-node__content{color:#c0c4cc;cursor:not-allowed}.x-tree-node.is-disabled>.x-tree-node__content:hover{background-color:transparent}.x-tree-node.is-drop-inner>.x-tree-node__content{background-color:#ecf5ff;border:1px solid #409eff}.x-tree-node.is-drop-prev>.x-tree-node__content{border-top:2px solid #409eff}.x-tree-node.is-drop-next>.x-tree-node__content{border-bottom:2px solid #409eff}@keyframes tree-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-tree{font-size:14px;color:#606266;background-color:#fff;position:relative;cursor:default}.x-tree--large{font-size:16px}.x-tree--large .x-tree-node__content{height:32px}.x-tree--small{font-size:12px}.x-tree--small .x-tree-node__content{height:22px}.x-tree__empty{padding:20px;text-align:center;color:#909399;font-size:14px}.x-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0}.x-empty--small{padding:20px 0}.x-empty--small .x-empty__image{width:80px;height:80px}.x-empty--small .x-empty__description{margin-top:8px}.x-empty--small .x-empty__description p{font-size:12px}.x-empty--large{padding:60px 0}.x-empty--large .x-empty__image{width:160px;height:160px}.x-empty--large .x-empty__description p{font-size:16px}.x-empty__image{width:120px;height:120px}.x-empty__image img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.x-empty__image svg{width:100%;height:100%}.x-empty__description{margin-top:12px}.x-empty__description p{margin:0;font-size:14px;color:#909399;line-height:1.5}.x-empty__bottom{margin-top:16px}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline li{list-style:none}.x-timeline--vertical{display:flex;flex-direction:column}.x-timeline--horizontal{display:flex;flex-direction:row}.x-timeline--horizontal .x-timeline-item{flex:1;position:relative;padding-right:40px;padding-bottom:0}.x-timeline--horizontal .x-timeline-item:last-child{padding-right:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__node{position:absolute;top:0;left:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__tail{position:absolute;left:6px;top:5px;bottom:auto;width:auto;height:2px;right:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__wrapper{padding-left:0;padding-top:24px}.x-timeline--horizontal .x-timeline-item .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item{position:relative;padding-bottom:20px;list-style:none}.x-timeline-item::marker{display:none;content:none}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__node{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background-color:#409eff;box-sizing:border-box}.x-timeline-item__node-inner{width:100%;height:100%;border-radius:50%}.x-timeline-item__tail{position:absolute;left:5px;top:16px;bottom:-20px;width:2px;background-color:#e4e7ed}.x-timeline-item__wrapper{padding-left:24px;position:relative}.x-timeline-item__content{color:#303133;font-size:14px;line-height:1.5}.x-timeline-item__timestamp{font-size:13px;color:#909399;line-height:1.5;margin-top:4px}.x-timeline-item--large .x-timeline-item__node,.x-timeline-item--large .x-timeline-item__node-inner{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px;top:18px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:28px}.x-carousel{position:relative;overflow:hidden}.x-carousel__container{position:relative;width:100%;height:100%}.x-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background-color:#1f2d3d1c;color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.x-carousel__arrow:hover{background-color:#1f2d3d3b}.x-carousel__arrow-left{left:16px}.x-carousel__arrow-right{right:16px}.x-carousel--arrow-hover .x-carousel__arrow{opacity:0;visibility:hidden}.x-carousel--arrow-hover:hover .x-carousel__arrow{opacity:1;visibility:visible}.x-carousel--arrow-never .x-carousel__arrow{display:none}.x-carousel__indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;z-index:10}.x-carousel__indicator{display:flex;align-items:center;justify-content:center;cursor:pointer;width:24px;height:8px}.x-carousel__indicator-btn{display:block;width:8px;height:8px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .3s;padding:0;outline:none}.x-carousel__indicator-btn:hover{background-color:#fffc}.x-carousel__indicator.is-active .x-carousel__indicator-btn{width:24px;border-radius:4px;background-color:#fff}.x-carousel--indicator-outside .x-carousel__indicators{position:static;transform:none;justify-content:center;padding:12px 0;background-color:#f5f5f5}.x-carousel--indicator-outside .x-carousel__indicator-btn{background-color:#c0c4cc}.x-carousel--indicator-outside .x-carousel__indicator-btn:hover{background-color:#909399}.x-carousel--indicator-outside .x-carousel__indicator.is-active .x-carousel__indicator-btn{background-color:#409eff}.x-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.x-carousel-item.is-active{opacity:1;z-index:1}
|
package/lib/index.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("@xto/core"),R=e.defineComponent({name:"XTag",__name:"index",props:{type:{default:""},size:{default:"default"},effect:{default:"light"},closable:{type:Boolean,default:!1},hit:{type:Boolean,default:!1},color:{}},emits:["close"],setup(n,{emit:a}){const t=n,o=a,d=L.useNamespace("tag"),r=e.computed(()=>[d.b(),d.m(t.type||"primary"),t.size!=="default"?d.m(t.size):"",d.m(t.effect),d.is("hit",t.hit)]),c=e.computed(()=>t.color?{backgroundColor:t.effect==="dark"?t.color:"",borderColor:t.color,color:t.effect==="dark"?"#fff":t.color}:{}),p=C=>{o("close",C)};return(C,b)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(r.value),style:e.normalizeStyle(c.value)},[e.renderSlot(C.$slots,"default"),n.closable?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(e.unref(d).e("close")),onClick:p},"✕",2)):e.createCommentVNode("",!0)],6))}}),G=e.defineComponent({name:"XCard",__name:"index",props:{header:{},bodyStyle:{default:()=>({padding:"20px"})},shadow:{default:"always"}},setup(n){const a=n,t=L.useNamespace("card"),o=e.computed(()=>[t.b(),t.is(`shadow-${a.shadow}`)]);return(d,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[n.header||d.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("header"))},[e.renderSlot(d.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("body")),style:e.normalizeStyle(n.bodyStyle)},[e.renderSlot(d.$slots,"default")],6)],2))}}),H=["viewBox"],Q=["cx","cy","r","stroke-width"],Y=["cx","cy","r","stroke-width","stroke-dasharray","stroke"],W=e.defineComponent({name:"XProgress",__name:"index",props:{percentage:{default:0},type:{default:"line"},status:{default:""},strokeWidth:{default:6},color:{type:[String,Array,Function],default:"#409eff"},width:{default:126},showText:{type:Boolean,default:!0}},setup(n){const a=n,t=L.useNamespace("progress"),o=e.computed(()=>Math.min(100,Math.max(0,a.percentage))),d=e.computed(()=>({width:`${o.value}%`,backgroundColor:typeof a.color=="function"?a.color(o.value):a.color})),r=e.computed(()=>[t.b(),t.m(a.type),t.is("show-text",a.showText),t.is(`status-${a.status||""}`,a.status)]);return e.computed(()=>a.status==="success"?"100%":a.status==="warning"?"Warning":a.status==="exception"?"Exception":`${o.value}%`),(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[n.type==="line"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("line"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("outer"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("inner"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("bar")),style:e.normalizeStyle(d.value)},null,6)],2)],2),n.showText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("text"))},e.toDisplayString(o.value)+"% ",3)):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("circle"))},[(e.openBlock(),e.createElementBlock("svg",{viewBox:`0 0 ${n.width} ${n.width}`,style:e.normalizeStyle({width:`${n.width}px`,height:`${n.width}px`})},[e.createElementVNode("circle",{cx:n.width/2,cy:n.width/2,r:(n.width-n.strokeWidth)/2,fill:"none","stroke-width":n.strokeWidth,stroke:"#ebeef5"},null,8,Q),e.createElementVNode("circle",{cx:n.width/2,cy:n.width/2,r:(n.width-n.strokeWidth)/2,fill:"none","stroke-width":n.strokeWidth,"stroke-dasharray":`${o.value/100*Math.PI*(n.width-n.strokeWidth)} ${Math.PI*(n.width-n.strokeWidth)}`,stroke:typeof n.color=="function"?n.color(o.value):n.color,"stroke-linecap":"round",style:{transform:"rotate(-90deg)","transform-origin":"center"}},null,8,Y)],12,H)),n.showText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("circle-text"))},e.toDisplayString(o.value)+"% ",3)):e.createCommentVNode("",!0)],2))],2))}}),Z=["disabled"],U=["onClick"],F=["disabled"],X=["value"],J=["value"],q=e.defineComponent({name:"XPagination",__name:"index",props:{total:{default:0},pageSize:{default:10},currentPage:{default:1},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next, jumper"}},emits:["update:currentPage","update:pageSize","current-change","size-change"],setup(n,{emit:a}){const t=n,o=a,d=L.useNamespace("pagination"),r=e.ref(t.currentPage),c=e.ref(t.pageSize);e.watch(()=>t.currentPage,k=>{r.value=k}),e.watch(()=>t.pageSize,k=>{c.value=k});const p=e.computed(()=>r.value),C=e.computed(()=>c.value),b=e.computed(()=>Math.max(1,Math.ceil(t.total/C.value))),v=e.computed(()=>{const k=[],N=b.value,E=p.value;if(N<=7)for(let B=1;B<=N;B++)k.push(B);else if(E<=4){for(let B=1;B<=5;B++)k.push(B);k.push(-1),k.push(N)}else if(E>=N-3){k.push(1),k.push(-1);for(let B=N-4;B<=N;B++)k.push(B)}else{k.push(1),k.push(-1);for(let B=E-1;B<=E+1;B++)k.push(B);k.push(-1),k.push(N)}return k}),S=k=>{k<1||k>b.value||k===p.value||(r.value=k,o("update:currentPage",k),o("current-change",k))},K=k=>{c.value=k,o("update:pageSize",k),o("size-change",k),r.value=1,o("update:currentPage",1),o("current-change",1)};return(k,N)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).b())},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d).e("total"))},"共 "+e.toDisplayString(n.total)+" 条",3),e.createElementVNode("button",{class:e.normalizeClass(e.unref(d).e("btn")),disabled:p.value<=1,onClick:N[0]||(N[0]=E=>S(p.value-1))}," ‹ ",10,Z),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,E=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:E},[E===-1?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).e("ellipsis"))},"...",2)):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([e.unref(d).e("btn"),e.unref(d).is("active",E===p.value)]),onClick:B=>S(E)},e.toDisplayString(E),11,U))],64))),128)),e.createElementVNode("button",{class:e.normalizeClass(e.unref(d).e("btn")),disabled:p.value>=b.value,onClick:N[1]||(N[1]=E=>S(p.value+1))}," › ",10,F),e.createElementVNode("select",{class:e.normalizeClass(e.unref(d).e("sizes")),value:C.value,onChange:N[2]||(N[2]=E=>K(Number(E.target.value)))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.pageSizes,E=>(e.openBlock(),e.createElementBlock("option",{key:E,value:E},e.toDisplayString(E)+" 条/页",9,J))),128))],42,X)],2))}}),_={key:0},ee=["checked","indeterminate"],te=["onClick"],ne=["onClick"],ae=["checked","onChange"],le=["onClick"],oe=["onClick"],se={key:1},re=["colspan"],ce=e.defineComponent({name:"XDynamicTable",__name:"index",props:{data:{default:()=>[]},columns:{default:()=>[]},height:{},maxHeight:{},rowKey:{},loading:{type:Boolean,default:!1},border:{type:Boolean,default:!1},stripe:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showIndex:{type:Boolean,default:!1},showOperation:{type:Boolean,default:!1},showAddButton:{type:Boolean,default:!1},operationWidth:{default:120},operationLabel:{default:"操作"},emptyText:{default:"暂无数据"},defaultSort:{}},emits:["sort-change","row-click","row-dblclick","selection-change","select-all","cell-click","add-row","delete-row","update:data"],setup(n,{expose:a,emit:t}){var y,m;const o=n,d=t,r=L.useNamespace("dynamic-table");e.useSlots();const c=e.computed({get:()=>o.data,set:s=>d("update:data",s)}),p=e.ref({prop:((y=o.defaultSort)==null?void 0:y.prop)||"",order:((m=o.defaultSort)==null?void 0:m.order)||null}),C=e.ref([]),b=e.ref(!1),v=e.ref(!1),S=e.computed(()=>{if(!p.value.prop||!p.value.order)return c.value;const{prop:s,order:u}=p.value;return[...c.value].sort((h,g)=>{const I=h[s],P=g[s];if(I===P)return 0;const O=I>P?1:-1;return u==="ascending"?O:-O})}),K=e.computed(()=>{const s={};return o.height&&(s.height=typeof o.height=="number"?`${o.height}px`:o.height),o.maxHeight&&(s.maxHeight=typeof o.maxHeight=="number"?`${o.maxHeight}px`:o.maxHeight),s}),k=e.computed(()=>{const s=typeof o.operationWidth=="number"?`${o.operationWidth}px`:o.operationWidth;return{width:s,minWidth:s}}),N=e.computed(()=>[r.b(),r.is("border",o.border),r.is("stripe",o.stripe),r.is("loading",o.loading)]),E=s=>{s.sortable&&(p.value.prop===s.prop?p.value.order==="ascending"?p.value.order="descending":p.value.order==="descending"&&(p.value.order=null,p.value.prop=""):(p.value.prop=s.prop,p.value.order="ascending"),d("sort-change",{...p.value}))},B=s=>s.sortable?p.value.prop!==s.prop?r.is("sortable"):[r.is("sortable"),r.is(`sort-${p.value.order}`)]:"",A=(s,u,h)=>{const g=s[u.prop];return u.formatter?u.formatter(s,u,g,h):g??""},T=(s,u,h)=>{d("row-click",s,u,h)},$=(s,u,h)=>{const g=h.target;d("cell-click",s,u,g,h)},j=()=>{b.value||v.value?(C.value=[],b.value=!1,v.value=!1):(C.value=[...c.value],b.value=!0,v.value=!1),d("select-all",C.value),d("selection-change",C.value)},x=s=>{const u=C.value.findIndex(h=>typeof o.rowKey=="function"?o.rowKey(h)===o.rowKey(s):o.rowKey?h[o.rowKey]===s[o.rowKey]:h===s);u>-1?C.value.splice(u,1):C.value.push(s),b.value=C.value.length===c.value.length,v.value=C.value.length>0&&C.value.length<c.value.length,d("selection-change",C.value)},z=s=>C.value.some(u=>typeof o.rowKey=="function"?o.rowKey(u)===o.rowKey(s):o.rowKey?u[o.rowKey]===s[o.rowKey]:u===s),f=s=>{const u={};return s.width&&(u.width=typeof s.width=="number"?`${s.width}px`:s.width),s.minWidth&&(u.minWidth=typeof s.minWidth=="number"?`${s.minWidth}px`:s.minWidth),s.align&&(u.textAlign=s.align),u},w=s=>{const u=s||{};o.columns.forEach(h=>{u[h.prop]===void 0&&(u[h.prop]="")}),c.value=[...c.value,u],d("add-row",u)},M=s=>{const u=c.value[s];c.value=c.value.filter((h,g)=>g!==s),d("delete-row",u,s)};return a({clearSelection:()=>{C.value=[],b.value=!1,v.value=!1},getSelection:()=>[...C.value],sortState:p,addRow:w,deleteRow:M,getData:()=>[...c.value]}),(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(N.value)},[n.showAddButton?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).e("toolbar"))},[e.renderSlot(s.$slots,"toolbar",{},()=>[e.createElementVNode("button",{class:e.normalizeClass(e.unref(r).e("add-btn")),onClick:u[0]||(u[0]=h=>w())},[...u[2]||(u[2]=[e.createElementVNode("span",{class:"add-icon"},"+",-1),e.createTextVNode(" 新增一行 ",-1)])],2)])],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).e("loading"))},[...u[3]||(u[3]=[e.createElementVNode("span",{class:"loading-spinner"},null,-1),e.createElementVNode("span",{class:"loading-text"},"加载中...",-1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("wrapper")),style:e.normalizeStyle(K.value)},[e.createElementVNode("table",null,[n.showHeader?(e.openBlock(),e.createElementBlock("thead",_,[e.createElementVNode("tr",null,[n.rowKey?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([e.unref(r).e("header-cell"),e.unref(r).e("selection-cell")])},[e.createElementVNode("input",{type:"checkbox",checked:b.value,indeterminate:v.value,onChange:j},null,40,ee)],2)):e.createCommentVNode("",!0),n.showIndex?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(r).e("header-cell")),style:{width:"60px"}}," 序号 ",2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,h=>(e.openBlock(),e.createElementBlock("th",{key:h.prop,class:e.normalizeClass([e.unref(r).e("header-cell"),B(h)]),style:e.normalizeStyle(f(h)),onClick:g=>E(h)},[e.createElementVNode("span",null,e.toDisplayString(h.label),1),h.sortable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("sort-icon"))},[...u[4]||(u[4]=[e.createElementVNode("span",{class:"sort-arrow up"},"▲",-1),e.createElementVNode("span",{class:"sort-arrow down"},"▼",-1)])],2)):e.createCommentVNode("",!0)],14,te))),128)),n.showOperation?(e.openBlock(),e.createElementBlock("th",{key:2,class:e.normalizeClass(e.unref(r).e("header-cell")),style:e.normalizeStyle(k.value)},e.toDisplayString(n.operationLabel),7)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(h,g)=>(e.openBlock(),e.createElementBlock("tr",{key:n.rowKey?typeof n.rowKey=="function"?n.rowKey(h):h[n.rowKey]:g,class:e.normalizeClass([e.unref(r).e("row"),e.unref(r).is("selected",z(h))]),onClick:I=>T(h,n.columns[0],I)},[n.rowKey?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(e.unref(r).e("cell"))},[e.createElementVNode("input",{type:"checkbox",checked:z(h),onClick:u[1]||(u[1]=e.withModifiers(()=>{},["stop"])),onChange:I=>x(h)},null,40,ae)],2)):e.createCommentVNode("",!0),n.showIndex?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(e.unref(r).e("cell"))},e.toDisplayString(g+1),3)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,I=>(e.openBlock(),e.createElementBlock("td",{key:I.prop,class:e.normalizeClass(e.unref(r).e("cell")),style:e.normalizeStyle(f(I)),onClick:P=>$(h,I,P)},[e.renderSlot(s.$slots,`column-${I.prop}`,{row:h,column:I,$index:g},()=>[e.createTextVNode(e.toDisplayString(A(h,I,g)),1)])],14,le))),128)),n.showOperation?(e.openBlock(),e.createElementBlock("td",{key:2,class:e.normalizeClass([e.unref(r).e("cell"),e.unref(r).e("operation-cell")])},[e.renderSlot(s.$slots,"operation",{row:h,$index:g,deleteRow:()=>M(g)},()=>[e.createElementVNode("button",{class:e.normalizeClass(e.unref(r).e("operation-btn")),onClick:e.withModifiers(I=>M(g),["stop"])}," 删除 ",10,oe)])],2)):e.createCommentVNode("",!0)],10,ne))),128))]),S.value.length===0&&!n.loading?(e.openBlock(),e.createElementBlock("tbody",se,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:n.columns.length+(n.rowKey?1:0)+(n.showIndex?1:0)+(n.showOperation?1:0),class:e.normalizeClass(e.unref(r).e("empty"))},[e.renderSlot(s.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(n.emptyText),1)])],10,re)])])):e.createCommentVNode("",!0)])],6)],2))}});class V{constructor(a,t,o=0,d=null){this.data=a,this.store=t,this.level=o,this.parent=d,this.children=[],this.expanded=!1,this.selected=!1,this.checked=!1,this.indeterminate=!1,this.loading=!1,this.visible=!0,this.loaded=!1;const r=t.props||{},c=r.value||"value",p=r.label||"label",C=r.disabled||"disabled",b=r.isLeaf||"isLeaf";this.key=a[c]??a.value??a.id??Math.random().toString(),this.label=a[p]??a.label??"",this.disabled=a[C]??a.disabled??!1,this.isLeaf=a[b]??a.isLeaf??!1;const v=r.children||"children",S=a[v]??a.children??[];S.length>0?this.children=S.map(K=>new V(K,t,o+1,this)):this.isLeaf=!0}setExpanded(a,t=!0){this.expanded=a,a?this.store.expandedKeys.add(this.key):this.store.expandedKeys.delete(this.key)}setSelected(a){this.selected=a,a?this.store.selectedKeys.add(this.key):this.store.selectedKeys.delete(this.key)}setChecked(a,t=!0,o=!0){this.checked=a,this.indeterminate=!1,a?(this.store.checkedKeys.add(this.key),this.store.indeterminateKeys.delete(this.key)):(this.store.checkedKeys.delete(this.key),this.store.indeterminateKeys.delete(this.key)),t&&(this.updateChildrenChecked(a),this.updateParentChecked())}updateChildrenChecked(a){const t=o=>{o.children.forEach(d=>{d.disabled||(d.checked=a,d.indeterminate=!1,a?(this.store.checkedKeys.add(d.key),this.store.indeterminateKeys.delete(d.key)):(this.store.checkedKeys.delete(d.key),this.store.indeterminateKeys.delete(d.key)),t(d))})};t(this)}updateParentChecked(){let a=this.parent;for(;a;){const t=a.children.filter(r=>!r.disabled);if(t.length===0){a=a.parent;continue}const o=t.every(r=>r.checked),d=t.some(r=>r.checked||r.indeterminate);o?(a.checked=!0,a.indeterminate=!1,this.store.checkedKeys.add(a.key),this.store.indeterminateKeys.delete(a.key)):d?(a.checked=!1,a.indeterminate=!0,this.store.checkedKeys.delete(a.key),this.store.indeterminateKeys.add(a.key)):(a.checked=!1,a.indeterminate=!1,this.store.checkedKeys.delete(a.key),this.store.indeterminateKeys.delete(a.key)),a=a.parent}}toggleExpand(){this.setExpanded(!this.expanded)}toggleCheck(){this.setChecked(!this.checked)}get shouldShow(){return!(!this.visible||this.parent&&!this.parent.expanded)}getParentKeys(){const a=[];let t=this.parent;for(;t;)a.push(t.key),t=t.parent;return a}getChildrenKeys(){const a=[],t=o=>{o.forEach(d=>{a.push(d.key),d.children.length&&t(d.children)})};return t(this.children),a}}function de(n,a){const t=e.reactive({nodesMap:new Map,rootNodes:[],expandedKeys:new Set,checkedKeys:new Set,selectedKeys:new Set,indeterminateKeys:new Set,currentKey:null,filterValue:""});t.props=n;const o=e.ref(""),d=l=>{if(t.nodesMap.clear(),t.rootNodes=[],!l||!l.length)return;const i=(y,m,s)=>{var I;const u=new V(y,t,m,s);t.nodesMap.set(u.key,u);const h=((I=n.props)==null?void 0:I.children)||"children",g=y[h]??y.children??[];return g.length>0&&(u.children=g.map(P=>i(P,m+1,u)),u.isLeaf=!1),u};t.rootNodes=l.map(y=>i(y,0,null)),r()},r=()=>{var l,i,y;n.defaultExpandAll?p():(l=n.defaultExpandedKeys)!=null&&l.length&&n.defaultExpandedKeys.forEach(m=>{const s=t.nodesMap.get(m);s&&(s.expanded=!0,t.expandedKeys.add(m),n.autoExpandParent&&c(s))}),(i=n.defaultSelectedKeys)!=null&&i.length&&n.defaultSelectedKeys.forEach(m=>{const s=t.nodesMap.get(m);s&&(s.selected=!0,t.selectedKeys.add(m))}),(y=n.defaultCheckedKeys)!=null&&y.length&&n.defaultCheckedKeys.forEach(m=>{const s=t.nodesMap.get(m);s&&s.setChecked(!0,!n.checkStrictly)}),n.currentKey!==void 0&&(t.currentKey=n.currentKey)},c=l=>{let i=l.parent;for(;i;)i.expanded||(i.expanded=!0,t.expandedKeys.add(i.key)),i=i.parent},p=()=>{t.nodesMap.forEach(l=>{(l.children.length>0||n.lazy&&!l.isLeaf)&&(l.expanded=!0,t.expandedKeys.add(l.key))})},C=()=>{t.nodesMap.forEach(l=>{l.expanded=!1}),t.expandedKeys.clear()},b=l=>{var y;if(l.disabled)return;const i=!l.expanded;if(n.accordion&&i&&(((y=l.parent)==null?void 0:y.children)||t.rootNodes).forEach(s=>{s.key!==l.key&&s.expanded&&(s.expanded=!1,t.expandedKeys.delete(s.key),a("node-collapse",s.data,s,null))}),n.lazy&&n.load&&!l.loaded&&!l.loading&&!l.isLeaf){l.loading=!0,n.load(l,m=>{l.loading=!1,l.loaded=!0,l.children=m.map(s=>{const u=new V(s,t,l.level+1,l);return t.nodesMap.set(u.key,u),u}),l.isLeaf=l.children.length===0,l.expanded=!0,t.expandedKeys.add(l.key),a("node-expand",l.data,l,null)});return}i?(l.expanded=!0,t.expandedKeys.add(l.key),a("node-expand",l.data,l,null)):(l.expanded=!1,t.expandedKeys.delete(l.key),a("node-collapse",l.data,l,null))},v=(l,i)=>{if(l.disabled)return;const y=i??!l.checked;l.setChecked(y,!n.checkStrictly),a("check-change",l.data,l.checked,l.indeterminate);const m=[],s=[],u=[],h=[];t.nodesMap.forEach(g=>{g.checked&&(m.push(g.data),s.push(g.key)),g.indeterminate&&(u.push(g.data),h.push(g.key))}),a("check",l.data,{checkedNodes:m,checkedKeys:s,halfCheckedNodes:u,halfCheckedKeys:h})},S=(l,i)=>{l.disabled||(a("node-click",l.data,l,null),n.expandOnClickNode&&(l.children.length>0||n.lazy&&!l.isLeaf)&&b(l),n.checkOnClickNode&&n.showCheckbox&&v(l),n.highlightCurrent&&(t.currentKey=l.key,a("current-change",l.data,l)),n.selectable&&l.setSelected(!l.selected))},K=(l,i)=>{a("node-contextmenu",i,l.data,l)},k=l=>{if(o.value=l,t.filterValue=l,!l){t.nodesMap.forEach(y=>{y.visible=!0});return}const i=n.filterNodeMethod||N;t.nodesMap.forEach(y=>{y.visible=i(l,y.data,y)}),t.nodesMap.forEach(y=>{y.visible&&y.parent&&E(y.parent)})},N=(l,i,y)=>{var s;const m=i.label||i[(s=n.props)==null?void 0:s.label]||"";return String(m).toLowerCase().includes(l.toLowerCase())},E=l=>{l.visible=!0,l.expanded=!0,t.expandedKeys.add(l.key),l.parent&&E(l.parent)},B=l=>t.nodesMap.get(l),A=l=>{if(t.currentKey=l,l&&n.highlightCurrent){const i=t.nodesMap.get(l);i&&a("current-change",i.data,i)}},T=()=>{if(t.currentKey)return t.nodesMap.get(t.currentKey)},$=(l=!1)=>{const i=[];return t.nodesMap.forEach(y=>{y.checked&&(!l||y.isLeaf)&&i.push(y.data)}),i},j=(l=!1)=>{const i=[];return t.nodesMap.forEach(y=>{y.checked&&(!l||y.isLeaf)&&i.push(y.key)}),i},x=l=>{t.nodesMap.forEach(i=>{i.checked=!1,i.indeterminate=!1}),t.checkedKeys.clear(),t.indeterminateKeys.clear(),l.forEach(i=>{const y=t.nodesMap.get(i);y&&y.setChecked(!0,!n.checkStrictly)})},z=()=>{const l=[];return t.nodesMap.forEach(i=>{i.indeterminate&&l.push(i.data)}),l},f=()=>{const l=[];return t.nodesMap.forEach(i=>{i.indeterminate&&l.push(i.key)}),l},w=(l,i,y=!0)=>{const m=t.nodesMap.get(l);m&&m.setChecked(i,y&&!n.checkStrictly)},M=()=>{const l=[];return t.nodesMap.forEach(i=>{i.selected&&l.push(i.data)}),l},D=l=>{t.nodesMap.forEach(i=>{i.selected=!1}),t.selectedKeys.clear(),l.forEach(i=>{const y=t.nodesMap.get(i);y&&(y.selected=!0,t.selectedKeys.add(i))})};return e.provide("tree",{props:n,store:t,emit:a,toggleExpand:b,toggleCheck:v,handleNodeClick:S,handleNodeContextmenu:K,filterValue:e.toRef(o)}),e.watch(()=>n.data,l=>{d(l||[])},{immediate:!0,deep:!0}),e.watch(()=>n.expandedKeys,l=>{l&&(t.expandedKeys=new Set(l),t.nodesMap.forEach(i=>{i.expanded=t.expandedKeys.has(i.key)}))},{immediate:!0}),e.watch(()=>n.checkedKeys,l=>{l&&x(l)},{immediate:!0}),e.watch(()=>n.selectedKeys,l=>{l&&D(l)},{immediate:!0}),e.watch(()=>n.currentKey,l=>{l!==void 0&&(t.currentKey=l)},{immediate:!0}),{store:t,filter:k,getNode:B,setCurrentKey:A,getCurrentNode:T,getCheckedNodes:$,getCheckedKeys:j,setCheckedKeys:x,getHalfCheckedNodes:z,getHalfCheckedKeys:f,setChecked:w,getSelectedNodes:M,setSelectedKeys:D,expandAll:p,collapseAll:C}}const ie=["draggable"],ue={key:0,class:"x-tree-node__loading-icon"},me={key:0,class:"x-tree-node__expand-arrow"},fe={key:0,class:"x-tree-node__icon"},he={class:"x-tree-node__label"},pe=e.defineComponent({name:"XTreeNode",__name:"tree-node",props:{node:{}},setup(n){const a=n,t=e.inject("tree"),{props:o,store:d,toggleExpand:r,toggleCheck:c,handleNodeClick:p,handleNodeContextmenu:C}=t,b=e.ref(),v=e.ref(null),S=e.computed(()=>a.node.expanded),K=e.computed(()=>a.node.checked),k=e.computed(()=>a.node.indeterminate),N=e.computed(()=>a.node.disabled),E=e.computed(()=>a.node.loading),B=e.computed(()=>a.node.isLeaf),A=e.computed(()=>d.currentKey===a.node.key),T=e.computed(()=>a.node.selected),$=e.computed(()=>({paddingLeft:`${a.node.level*(o.indent||16)}px`})),j=m=>{p(a.node,m)},x=m=>{C(a.node,m)},z=m=>{m.stopPropagation(),N.value||r(a.node)},f=m=>{m.stopPropagation(),N.value||c(a.node)},w=m=>{var s;if(!(!o.draggable||N.value)){if(o.allowDrag&&!o.allowDrag(a.node)){m.preventDefault();return}m.dataTransfer.effectAllowed="move",m.dataTransfer.setData("nodeKey",String(a.node.key)),(s=t.emit)==null||s.call(t,"node-drag-start",a.node,m)}},M=m=>{var s;m.preventDefault(),o.draggable&&(v.value="inner",(s=t.emit)==null||s.call(t,"node-drag-enter",a.node,m))},D=m=>{var s;v.value=null,(s=t.emit)==null||s.call(t,"node-drag-leave",a.node,m)},l=m=>{var g,I;if(m.preventDefault(),!o.draggable||N.value)return;const s=(g=b.value)==null?void 0:g.getBoundingClientRect();if(!s)return;const u=m.clientY-s.top,h=s.height;u<h*.25?v.value="prev":u>h*.75?v.value="next":v.value="inner",(I=t.emit)==null||I.call(t,"node-drag-over",a.node,m)},i=m=>{var u,h;if(m.preventDefault(),!o.draggable)return;const s=(u=m.dataTransfer)==null?void 0:u.getData("nodeKey");if(s){const g=d.nodesMap.get(s);if(g&&v.value){if(o.allowDrop&&!o.allowDrop(g,a.node,v.value)){v.value=null;return}(h=t.emit)==null||h.call(t,"node-drop",g,a.node,v.value,m)}}v.value=null},y=m=>{var s;v.value=null,(s=t.emit)==null||s.call(t,"node-drag-end",a.node,m)};return(m,s)=>{var h;const u=e.resolveComponent("TreeNode",!0);return e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"nodeRef",ref:b,class:e.normalizeClass(["x-tree-node",{"is-expanded":S.value,"is-current":A.value,"is-selected":T.value,"is-disabled":N.value,"is-drop-inner":v.value==="inner","is-drop-prev":v.value==="prev","is-drop-next":v.value==="next"}]),draggable:e.unref(o).draggable&&!N.value,onDragstart:w,onDragenter:M,onDragleave:D,onDragover:l,onDrop:i,onDragend:y},[e.createElementVNode("div",{class:"x-tree-node__content",style:e.normalizeStyle($.value),onClick:j,onContextmenu:x},[e.createElementVNode("span",{class:e.normalizeClass(["x-tree-node__expand-icon",{"is-expanded":S.value,"is-leaf":B.value,"is-loading":E.value}]),onClick:z},[E.value?(e.openBlock(),e.createElementBlock("span",ue,"⏳")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[B.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",me,"▶"))],64))],2),n.node.icon||e.unref(o).icon?(e.openBlock(),e.createElementBlock("span",fe,e.toDisplayString(n.node.icon||e.unref(o).icon),1)):e.createCommentVNode("",!0),e.unref(o).showCheckbox?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["x-tree-node__checkbox",{"is-checked":K.value,"is-indeterminate":k.value,"is-disabled":N.value}]),onClick:e.withModifiers(f,["stop"])},[...s[0]||(s[0]=[e.createElementVNode("span",{class:"x-tree-node__checkbox-inner"},null,-1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("span",he,[e.renderSlot(m.$slots,"default",{node:n.node,data:n.node.data},()=>[e.createTextVNode(e.toDisplayString(n.node.label),1)])])],36),!B.value&&S.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["x-tree-node__children",{"x-tree-node__children--show-line":e.unref(o).showLine}])},[!e.unref(o).renderAfterExpand||S.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.node.children,g=>(e.openBlock(),e.createBlock(u,{key:g.key,node:g},{default:e.withCtx(I=>[e.renderSlot(m.$slots,"default",{node:I.node,data:I.data})]),_:3},8,["node"]))),128)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],42,ie)),[[e.vShow,n.node.visible&&(((h=n.node.parent)==null?void 0:h.expanded)??!0)]])}}}),ye=e.defineComponent({name:"XTree",__name:"index",props:{data:{default:()=>[]},emptyText:{default:"暂无数据"},nodeKey:{default:"value"},props:{default:()=>({})},renderAfterExpand:{type:Boolean,default:!0},load:{},renderContent:{},highlightCurrent:{type:Boolean,default:!1},checkOnClickNode:{type:Boolean,default:!1},autoExpandParent:{type:Boolean,default:!0},defaultExpandedKeys:{default:()=>[]},defaultCheckedKeys:{default:()=>[]},defaultSelectedKeys:{default:()=>[]},expandedKeys:{},checkedKeys:{},selectedKeys:{},checkStrictly:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},allowDrag:{},allowDrop:{},accordion:{type:Boolean,default:!1},indent:{default:16},icon:{},expandOnClickNode:{type:Boolean,default:!0},checkDescendants:{type:Boolean,default:!1},currentKey:{},showLine:{type:Boolean,default:!1},showCheckbox:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},size:{default:"default"}},emits:["node-click","node-contextmenu","check-change","check","current-change","node-expand","node-collapse","node-drag-start","node-drag-enter","node-drag-leave","node-drag-over","node-drag-end","node-drop"],setup(n,{expose:a,emit:t}){const o=n,d=t,r=L.useNamespace("tree"),{store:c,filter:p,getNode:C,setCurrentKey:b,getCurrentNode:v,getCheckedNodes:S,getCheckedKeys:K,setCheckedKeys:k,getHalfCheckedNodes:N,getHalfCheckedKeys:E,setChecked:B,getSelectedNodes:A,setSelectedKeys:T,expandAll:$,collapseAll:j}=de(o,d);return a({filter:p,getNode:C,setCurrentKey:b,getCurrentKey:()=>c.currentKey,getCurrentNode:v,getCheckedNodes:S,getCheckedKeys:K,setCheckedKeys:k,getHalfCheckedNodes:N,getHalfCheckedKeys:E,setChecked:B,getSelectedNodes:A,setSelectedKeys:T,expandAll:$,collapseAll:j,updateKeyChildren:(x,z)=>{const f=c.nodesMap.get(x);f&&(f.children.forEach(w=>{c.nodesMap.delete(w.key)}),f.children=z.map(w=>{const M=new V(w,c,f.level+1,f);return c.nodesMap.set(M.key,M),M}),f.isLeaf=f.children.length===0)},remove:x=>{const z=c.nodesMap.get(x);if(z){const f=z.parent;if(f){const M=f.children.indexOf(z);M>-1&&f.children.splice(M,1),f.children.length===0&&(f.isLeaf=!0)}else{const M=c.rootNodes.indexOf(z);M>-1&&c.rootNodes.splice(M,1)}const w=M=>{c.nodesMap.delete(M.key),M.children.forEach(w)};w(z)}},append:(x,z)=>{if(z){const f=c.nodesMap.get(z);if(f){const w=new V(x,c,f.level+1,f);c.nodesMap.set(w.key,w),f.children.push(w),f.isLeaf=!1}}else{const f=new V(x,c,0,null);c.nodesMap.set(f.key,f),c.rootNodes.push(f)}},insertBefore:(x,z)=>{var w;const f=c.nodesMap.get(z);if(f){const M=new V(x,c,f.level,f.parent);c.nodesMap.set(M.key,M);const D=((w=f.parent)==null?void 0:w.children)||c.rootNodes,l=D.indexOf(f);D.splice(l,0,M)}},insertAfter:(x,z)=>{var w;const f=c.nodesMap.get(z);if(f){const M=new V(x,c,f.level,f.parent);c.nodesMap.set(M.key,M);const D=((w=f.parent)==null?void 0:w.children)||c.rootNodes,l=D.indexOf(f);D.splice(l+1,0,M)}}}),(x,z)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).m(n.size)])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c).rootNodes,f=>(e.openBlock(),e.createBlock(pe,{key:f.key,node:f},{default:e.withCtx(w=>[e.renderSlot(x.$slots,"default",{node:w.node,data:w.data},()=>[e.createTextVNode(e.toDisplayString(w.node.label),1)])]),_:2},1032,["node"]))),128)),e.unref(c).rootNodes.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).e("empty"))},[e.renderSlot(x.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(n.emptyText),1)])],2))],2))}}),ke=["src"],ge="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiLz4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk5LjM5NCA0OC4xNjJsMCAyMS41MTYgMjIuNjQgMjIuNjQ0IDAtMjIuNjQ0em0tMjIuNjQgMjIuNjQ0TDc2Ljk5OCA3MC43OThsMCAyMS41MTYgMjIuMzk2IDIyLjM5NiAwLTIyLjM5NnoiIGZpbGw9IiNFRkVGRkYiLz4KICAgICAgPHBhdGggZD0iTTk5LjM5NCA0OC4xNjJsLTIyLjM5NiAyMi42MzYgMjIuMzk2IDIxLjUyIDAtNDQuMTU2eiIgZmlsbD0iI0YyRjZGQyIvPgogICAgICA8cGF0aCBkPSJNMTIxLjk3OCA2OS42NzRMOTkuMzk0IDkyLjI1OGwzLjE2OCAzLjE2OCAyMi41ODQtMjIuNTg0LTMuMTY4LTMuMTY4eiIgZmlsbD0iI0M3Q0NEQyIvPgogICAgICA8cGF0aCBkPSJNOTkuMzk0IDkyLjI1OEw3Ni44MSA2OS42NzRsMy4xNjgtMy4xNjggMjIuNTg0IDIyLjU4NC0zLjE2OCAzLjE2OHoiIGZpbGw9IiNDN0NEREMiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xNDcuODU3IDMxLjY3bC0zLjI5Mi0zLjI5MmEyLjUgMi41IDAgMCAwLTMuNTM2IDBsLTEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDAgMCA0Ljk1bDMuMjkzIDMuMjkyYTMuNSAzLjUgMCAwIDAgNC45NSAwbDEzLjQ2LTEzLjQ2YTIuNSAyLjUgMCAwIDAgMC0zLjUzNnoiIGZpbGw9IiNENkRCRUMiLz4KICAgIDxwYXRoIGQ9Ik0zNi4xNDMgMzEuNjdsMy4yOTItMy4yOTJhMi41IDIuNSAwIDAgMSAzLjUzNiAwbDEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDEgMCA0Ljk1bC0zLjI5MyAzLjI5MmEzLjUgMy41IDAgMCAxLTQuOTUgMEwzNi4xNDMgMzUuMmEyLjUgMi41IDAgMCAxIDAtMy41MzZ6IiBmaWxsPSIjRDZEQkVDIi8+CiAgICA8Y2lyY2xlIGZpbGw9IiNFQUVFRjQiIGN4PSI5MiIgY3k9IjgiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPg==",ve=e.defineComponent({name:"XEmpty",__name:"index",props:{image:{default:""},imageSize:{default:0},description:{default:""},size:{default:"default"}},setup(n){const a=n,t=L.useNamespace("empty"),o=e.computed(()=>{const r={};return a.imageSize&&(r.height=`${a.imageSize}px`,r.width=`${a.imageSize}px`),r}),d=e.computed(()=>a.description||"暂无数据");return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t).b(),e.unref(t).m(n.size)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("image")),style:e.normalizeStyle(o.value)},[e.renderSlot(r.$slots,"image",{},()=>[n.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:n.image,style:e.normalizeStyle(o.value),draggable:"false"},null,12,ke)):(e.openBlock(),e.createElementBlock("img",{key:1,src:ge,style:e.normalizeStyle(o.value),draggable:"false"},null,4))])],6),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("description"))},[e.renderSlot(r.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(d.value),1)])],2),r.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("bottom"))},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("",!0)],2))}}),Ce=e.defineComponent({name:"XTimeline",__name:"index",props:{direction:{default:"vertical"}},setup(n){const a=n,t=L.useNamespace("timeline");e.provide("timeline",{props:a});const o=e.computed(()=>[t.b(),t.m(a.direction)]);return(d,r)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(o.value),role:"timeline"},[e.renderSlot(d.$slots,"default")],2))}}),Ne=e.defineComponent({name:"XTimelineItem",__name:"TimelineItem",props:{timestamp:{default:""},type:{default:"primary"},color:{},size:{default:"normal"},hideTimestamp:{type:Boolean,default:!1},placement:{default:"bottom"}},setup(n){const a=n,t=L.useNamespace("timeline-item"),o={primary:"#409eff",success:"#67c23a",warning:"#e6a23c",danger:"#f56c6c",info:"#909399"},d=e.computed(()=>{const c={};return a.color?c.backgroundColor=a.color:a.type&&o[a.type]&&(c.backgroundColor=o[a.type]),c}),r=e.computed(()=>[t.b(),t.m(a.size)]);return(c,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(r.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("node")),style:e.normalizeStyle(d.value)},[e.renderSlot(c.$slots,"dot")],6),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("tail"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("wrapper"))},[!n.hideTimestamp&&n.timestamp&&n.placement==="top"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("timestamp"))},e.toDisplayString(n.timestamp),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("content"))},[e.renderSlot(c.$slots,"default")],2),!n.hideTimestamp&&n.timestamp&&n.placement==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("timestamp"))},e.toDisplayString(n.timestamp),3)):e.createCommentVNode("",!0)],2)],2))}}),xe=["onMouseenter","onClick"],Ee=e.defineComponent({name:"XCarousel",__name:"index",props:{activeIndex:{default:0},autoplay:{type:Boolean,default:!0},interval:{default:3e3},indicatorPosition:{default:"inside"},trigger:{default:"hover"},arrow:{default:"hover"},loop:{type:Boolean,default:!0},height:{default:300}},emits:["update:activeIndex","change"],setup(n,{expose:a,emit:t}){const o=n,d=t,r=L.useNamespace("carousel"),c=e.ref(o.activeIndex),p=e.ref(0),C=e.ref(null),b=e.ref(!1);e.provide("carousel",{currentIndex:c,itemCount:p});const v=x=>{const z=c.value;o.loop?c.value=(x+p.value)%p.value:c.value=Math.max(0,Math.min(x,p.value-1)),d("update:activeIndex",c.value),d("change",c.value,z)},S=()=>{v(c.value-1)},K=()=>{v(c.value+1)},k=()=>{o.autoplay&&p.value>1&&(N(),C.value=setInterval(()=>{b.value||K()},o.interval))},N=()=>{C.value&&(clearInterval(C.value),C.value=null)},E=()=>{b.value=!0,o.arrow},B=()=>{b.value=!1},A=x=>{o.trigger==="hover"&&v(x)},T=x=>{o.trigger==="click"&&v(x)},$=e.computed(()=>({height:typeof o.height=="number"?`${o.height}px`:o.height})),j=e.computed(()=>[r.b(),r.m(`arrow-${o.arrow}`),r.m(`indicator-${o.indicatorPosition}`)]);return e.watch(()=>o.activeIndex,x=>{c.value=x}),e.watch(()=>o.autoplay,()=>{k()}),e.watch(p,()=>{e.nextTick(()=>{k()})}),e.onMounted(()=>{k()}),e.onUnmounted(()=>{N()}),a({prev:S,next:K,setActiveItem:v}),(x,z)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(j.value),style:e.normalizeStyle($.value),onMouseenter:E,onMouseleave:B},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("container"))},[e.renderSlot(x.$slots,"default")],2),n.arrow!=="never"?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([e.unref(r).e("arrow"),e.unref(r).e("arrow-left")]),onClick:S}," ‹ ",2)):e.createCommentVNode("",!0),n.arrow!=="never"?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass([e.unref(r).e("arrow"),e.unref(r).e("arrow-right")]),onClick:K}," › ",2)):e.createCommentVNode("",!0),n.indicatorPosition!=="none"?(e.openBlock(),e.createElementBlock("ul",{key:2,class:e.normalizeClass(e.unref(r).e("indicators"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,f=>(e.openBlock(),e.createElementBlock("li",{key:f,class:e.normalizeClass([e.unref(r).e("indicator"),e.unref(r).is("active",f-1===c.value)]),onMouseenter:w=>A(f-1),onClick:w=>T(f-1)},[e.createElementVNode("button",{class:e.normalizeClass(e.unref(r).e("indicator-btn"))},null,2)],42,xe))),128))],2)):e.createCommentVNode("",!0)],38))}}),we=e.defineComponent({name:"XCarouselItem",__name:"CarouselItem",setup(n){const a=L.useNamespace("carousel-item"),t=e.inject("carousel"),o=e.ref(-1);e.onMounted(()=>{t&&(o.value=t.itemCount.value,t.itemCount.value++)}),e.onUnmounted(()=>{t&&t.itemCount.value--});const d=e.computed(()=>t&&o.value===t.currentIndex.value),r=e.computed(()=>[a.b(),a.is("active",d.value)]);return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.renderSlot(c.$slots,"default")],2))}});exports.Card=G;exports.Carousel=Ee;exports.CarouselItem=we;exports.DynamicTable=ce;exports.Empty=ve;exports.Pagination=q;exports.Progress=W;exports.Tag=R;exports.Timeline=Ce;exports.TimelineItem=Ne;exports.Tree=ye;exports.TreeNode=V;
|
package/lib/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.x-tag{display:inline-flex;align-items:center;padding:0 10px;height:24px;font-size:12px;line-height:1;color:#606266;background-color:#f4f4f5;border:1px solid #e9e9eb;border-radius:4px;white-space:nowrap}.x-tag--large{height:32px;padding:0 14px;font-size:14px}.x-tag--small{height:20px;padding:0 8px;font-size:12px}.x-tag--light.x-tag--primary{color:#409eff;background-color:#ecf5ff;border-color:#c6e2ff}.x-tag--light.x-tag--success{color:#67c23a;background-color:#f0f9eb;border-color:#d1edc4}.x-tag--light.x-tag--warning{color:#e6a23c;background-color:#fdf6ec;border-color:#f8e3c5}.x-tag--light.x-tag--danger{color:#f56c6c;background-color:#fef0f0;border-color:#fcd3d3}.x-tag--light.x-tag--info{color:#909399;background-color:#f4f4f5;border-color:#dedfe0}.x-tag--dark.x-tag--primary{color:#fff;background-color:#409eff;border-color:#409eff}.x-tag--dark.x-tag--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.x-tag--dark.x-tag--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.x-tag--dark.x-tag--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.x-tag--dark.x-tag--info{color:#fff;background-color:#909399;border-color:#909399}.x-tag--plain.x-tag--primary{color:#409eff;background-color:#fff;border-color:#409eff}.x-tag--plain.x-tag--success{color:#67c23a;background-color:#fff;border-color:#67c23a}.x-tag--plain.x-tag--warning{color:#e6a23c;background-color:#fff;border-color:#e6a23c}.x-tag--plain.x-tag--danger{color:#f56c6c;background-color:#fff;border-color:#f56c6c}.x-tag--plain.x-tag--info{color:#909399;background-color:#fff;border-color:#909399}.x-tag.is-hit{border-color:#409eff}.x-tag__close{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:14px;height:14px;font-size:10px;cursor:pointer;border-radius:100%;transition:all .2s}.x-tag__close:hover{background-color:#0003}.x-card{background-color:#fff;border-radius:4px;border:1px solid #ebeef5;overflow:hidden;transition:all .3s}.x-card.is-shadow-always,.x-card.is-shadow-hover:hover{box-shadow:0 2px 12px #0000001a}.x-card.is-shadow-never{box-shadow:none}.x-card__header{padding:18px 20px;border-bottom:1px solid #ebeef5;font-size:16px;font-weight:500;color:#303133}.x-card__body{padding:20px;color:#606266;font-size:14px}.x-progress__line{display:flex;align-items:center;width:100%}.x-progress__outer{flex:1;min-width:0}.x-progress__inner{position:relative;width:100%;height:6px;background-color:#ebeef5;border-radius:3px;overflow:hidden;vertical-align:middle}.x-progress__bar{position:absolute;top:0;left:0;height:100%;background-color:#409eff;border-radius:3px;transition:width .3s}.x-progress__text{flex-shrink:0;min-width:50px;margin-left:10px;font-size:14px;color:#606266;text-align:right}.x-progress__circle{position:relative;display:inline-block;line-height:1}.x-progress__circle svg{display:block}.x-progress__circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#606266}.x-pagination{display:flex;align-items:center;gap:8px}.x-pagination__total{font-size:14px;color:#606266}.x-pagination__btn{min-width:32px;height:32px;padding:0 8px;font-size:14px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;transition:all .2s}.x-pagination__btn:hover{color:#409eff;border-color:#409eff}.x-pagination__btn:disabled{color:#c0c4cc;cursor:not-allowed;border-color:#ebeef5}.x-pagination__btn.is-active{color:#fff;background-color:#409eff;border-color:#409eff}.x-pagination__ellipsis{color:#303133}.x-pagination__sizes{height:32px;padding:0 8px;font-size:14px;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer}.x-dynamic-table{position:relative;width:100%;font-size:14px;color:#606266;background-color:#fff;border-radius:4px;overflow:hidden}.x-dynamic-table__toolbar{padding:12px;border-bottom:1px solid #ebeef5;display:flex;align-items:center;gap:12px}.x-dynamic-table__add-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;color:#fff;background-color:#409eff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.x-dynamic-table__add-btn:hover{background-color:#66b1ff}.x-dynamic-table__add-btn .add-icon{font-size:16px;font-weight:700}.x-dynamic-table__wrapper{overflow-x:auto;overflow-y:auto}.x-dynamic-table table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.x-dynamic-table__header-cell{padding:12px 10px;font-weight:700;color:#909399;background-color:#f5f7fa;border-bottom:1px solid #ebeef5;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.x-dynamic-table__header-cell.is-sortable{cursor:pointer}.x-dynamic-table__header-cell.is-sortable:hover{background-color:#ebeef5}.x-dynamic-table__header-cell.is-sort-ascending .sort-arrow.up,.x-dynamic-table__header-cell.is-sort-descending .sort-arrow.down{color:#409eff}.x-dynamic-table__sort-icon{display:inline-flex;flex-direction:column;margin-left:4px;font-size:10px;line-height:1}.x-dynamic-table__sort-icon .sort-arrow{color:#c0c4cc}.x-dynamic-table__sort-icon .sort-arrow.up{margin-bottom:2px}.x-dynamic-table__row{transition:background-color .2s}.x-dynamic-table__row:hover{background-color:#f5f7fa}.x-dynamic-table__row.is-selected{background-color:#ecf5ff}.x-dynamic-table__cell{padding:12px 10px;border-bottom:1px solid #ebeef5;word-break:break-all}.x-dynamic-table__selection-cell{width:50px;text-align:center}.x-dynamic-table__operation-cell{text-align:center;white-space:nowrap}.x-dynamic-table__operation-btn{padding:4px 12px;font-size:12px;color:#f56c6c;background-color:transparent;border:1px solid #f56c6c;border-radius:4px;cursor:pointer;transition:all .2s}.x-dynamic-table__operation-btn:hover{color:#fff;background-color:#f56c6c}.x-dynamic-table__empty{padding:40px 10px;text-align:center;color:#909399}.x-dynamic-table.is-border table{border:1px solid #ebeef5}.x-dynamic-table.is-border .x-dynamic-table__header-cell,.x-dynamic-table.is-border .x-dynamic-table__cell{border-right:1px solid #ebeef5}.x-dynamic-table.is-stripe .x-dynamic-table__row:nth-child(2n){background-color:#fafafa}.x-dynamic-table__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;z-index:10}.x-dynamic-table__loading .loading-spinner{width:32px;height:32px;border:3px solid #e4e7ed;border-top-color:#409eff;border-radius:50%;animation:spin .8s linear infinite}.x-dynamic-table__loading .loading-text{margin-top:8px;color:#909399}@keyframes spin{to{transform:rotate(360deg)}}.x-dynamic-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.x-tree-node{white-space:nowrap;outline:none}.x-tree-node:focus>.x-tree-node__content{background-color:#f5f7fa}.x-tree-node__content{display:flex;align-items:center;height:26px;padding-right:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.x-tree-node__content:hover{background-color:#f5f7fa}.x-tree-node__expand-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:12px;color:#c0c4cc;cursor:pointer;transition:transform .3s;flex-shrink:0}.x-tree-node__expand-icon.is-expanded .x-tree-node__expand-arrow{transform:rotate(90deg)}.x-tree-node__expand-icon.is-leaf{visibility:hidden;cursor:default}.x-tree-node__expand-arrow{display:inline-block;transition:transform .3s}.x-tree-node__loading-icon{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#409eff;animation:tree-loading-spin 1s linear infinite}.x-tree-node__icon{margin-right:8px;font-size:14px;color:#909399}.x-tree-node__checkbox{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:8px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;position:relative}.x-tree-node__checkbox.is-checked{background-color:#409eff;border-color:#409eff}.x-tree-node__checkbox.is-checked .x-tree-node__checkbox-inner:after{transform:rotate(45deg) scaleY(1)}.x-tree-node__checkbox.is-indeterminate{background-color:#409eff;border-color:#409eff}.x-tree-node__checkbox.is-indeterminate .x-tree-node__checkbox-inner:before{content:"";position:absolute;top:50%;left:2px;right:2px;height:2px;background-color:#fff;transform:translateY(-50%)}.x-tree-node__checkbox.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.x-tree-node__checkbox.is-disabled .x-tree-node__checkbox-inner:after{border-color:#c0c4cc}.x-tree-node__checkbox-inner{width:100%;height:100%;position:relative}.x-tree-node__checkbox-inner:after{content:"";position:absolute;top:1px;left:4px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scaleY(0);transform-origin:center;transition:transform .2s}.x-tree-node__label{flex:1;padding:0 4px;font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-tree-node__children{overflow:hidden}.x-tree-node__children--show-line{padding-left:16px;border-left:1px dashed #dcdfe6;margin-left:9px}.x-tree-node.is-current>.x-tree-node__content{background-color:#ecf5ff;color:#409eff}.x-tree-node.is-current>.x-tree-node__content .x-tree-node__label{color:#409eff}.x-tree-node.is-selected>.x-tree-node__content{background-color:#ecf5ff;color:#409eff}.x-tree-node.is-disabled>.x-tree-node__content{color:#c0c4cc;cursor:not-allowed}.x-tree-node.is-disabled>.x-tree-node__content:hover{background-color:transparent}.x-tree-node.is-drop-inner>.x-tree-node__content{background-color:#ecf5ff;border:1px solid #409eff}.x-tree-node.is-drop-prev>.x-tree-node__content{border-top:2px solid #409eff}.x-tree-node.is-drop-next>.x-tree-node__content{border-bottom:2px solid #409eff}@keyframes tree-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-tree{font-size:14px;color:#606266;background-color:#fff;position:relative;cursor:default}.x-tree--large{font-size:16px}.x-tree--large .x-tree-node__content{height:32px}.x-tree--small{font-size:12px}.x-tree--small .x-tree-node__content{height:22px}.x-tree__empty{padding:20px;text-align:center;color:#909399;font-size:14px}.x-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0}.x-empty--small{padding:20px 0}.x-empty--small .x-empty__image{width:80px;height:80px}.x-empty--small .x-empty__description{margin-top:8px}.x-empty--small .x-empty__description p{font-size:12px}.x-empty--large{padding:60px 0}.x-empty--large .x-empty__image{width:160px;height:160px}.x-empty--large .x-empty__description p{font-size:16px}.x-empty__image{width:120px;height:120px}.x-empty__image img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.x-empty__image svg{width:100%;height:100%}.x-empty__description{margin-top:12px}.x-empty__description p{margin:0;font-size:14px;color:#909399;line-height:1.5}.x-empty__bottom{margin-top:16px}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline li{list-style:none}.x-timeline--vertical{display:flex;flex-direction:column}.x-timeline--horizontal{display:flex;flex-direction:row}.x-timeline--horizontal .x-timeline-item{flex:1;position:relative;padding-right:40px;padding-bottom:0}.x-timeline--horizontal .x-timeline-item:last-child{padding-right:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__node{position:absolute;top:0;left:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__tail{position:absolute;left:6px;top:5px;bottom:auto;width:auto;height:2px;right:0}.x-timeline--horizontal .x-timeline-item .x-timeline-item__wrapper{padding-left:0;padding-top:24px}.x-timeline--horizontal .x-timeline-item .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item{position:relative;padding-bottom:20px;list-style:none}.x-timeline-item::marker{display:none;content:none}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__node{position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background-color:#409eff;box-sizing:border-box}.x-timeline-item__node-inner{width:100%;height:100%;border-radius:50%}.x-timeline-item__tail{position:absolute;left:5px;top:16px;bottom:-20px;width:2px;background-color:#e4e7ed}.x-timeline-item__wrapper{padding-left:24px;position:relative}.x-timeline-item__content{color:#303133;font-size:14px;line-height:1.5}.x-timeline-item__timestamp{font-size:13px;color:#909399;line-height:1.5;margin-top:4px}.x-timeline-item--large .x-timeline-item__node,.x-timeline-item--large .x-timeline-item__node-inner{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px;top:18px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:28px}.x-carousel{position:relative;overflow:hidden}.x-carousel__container{position:relative;width:100%;height:100%}.x-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background-color:#1f2d3d1c;color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.x-carousel__arrow:hover{background-color:#1f2d3d3b}.x-carousel__arrow-left{left:16px}.x-carousel__arrow-right{right:16px}.x-carousel--arrow-hover .x-carousel__arrow{opacity:0;visibility:hidden}.x-carousel--arrow-hover:hover .x-carousel__arrow{opacity:1;visibility:visible}.x-carousel--arrow-never .x-carousel__arrow{display:none}.x-carousel__indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;z-index:10}.x-carousel__indicator{display:flex;align-items:center;justify-content:center;cursor:pointer;width:24px;height:8px}.x-carousel__indicator-btn{display:block;width:8px;height:8px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .3s;padding:0;outline:none}.x-carousel__indicator-btn:hover{background-color:#fffc}.x-carousel__indicator.is-active .x-carousel__indicator-btn{width:24px;border-radius:4px;background-color:#fff}.x-carousel--indicator-outside .x-carousel__indicators{position:static;transform:none;justify-content:center;padding:12px 0;background-color:#f5f5f5}.x-carousel--indicator-outside .x-carousel__indicator-btn{background-color:#c0c4cc}.x-carousel--indicator-outside .x-carousel__indicator-btn:hover{background-color:#909399}.x-carousel--indicator-outside .x-carousel__indicator.is-active .x-carousel__indicator-btn{background-color:#409eff}.x-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.x-carousel-item.is-active{opacity:1;z-index:1}
|
package/package.json
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xto/data",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Xto Data - Data display components",
|
|
5
|
+
"main": "./lib/index.cjs",
|
|
6
|
+
"module": "./es/index.mjs",
|
|
7
|
+
"types": "./es/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./es/index.mjs",
|
|
11
|
+
"require": "./lib/index.cjs",
|
|
12
|
+
"types": "./es/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"es",
|
|
17
|
+
"lib"
|
|
18
|
+
],
|
|
19
|
+
"publishConfig": {
|
|
20
|
+
"access": "public"
|
|
21
|
+
},
|
|
22
|
+
"dependencies": {
|
|
23
|
+
"@xto/core": "0.1.0"
|
|
24
|
+
},
|
|
25
|
+
"peerDependencies": {
|
|
26
|
+
"vue": "^3.4.0"
|
|
27
|
+
},
|
|
28
|
+
"devDependencies": {
|
|
29
|
+
"typescript": "^5.4.2",
|
|
30
|
+
"vite": "^5.2.0",
|
|
31
|
+
"vitest": "^1.4.0",
|
|
32
|
+
"vue": "^3.4.21",
|
|
33
|
+
"@xto/build": "0.1.0"
|
|
34
|
+
},
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "vite build"
|
|
37
|
+
}
|
|
38
|
+
}
|