yc-design-vue 2.1.4 → 2.1.6
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/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/es/Dropdown/Dsubmenu.vue.js +3 -1
- package/es/ResizeBox/index.vue.js +9 -10
- package/es/Scrollbar/index.css +1 -1
- package/es/Transfer/Transfer.vue.d.ts +2 -2
- package/es/Transfer/Transfer.vue.js +48 -3
- package/es/Transfer/TransferPanel.vue.d.ts +25 -2
- package/es/Transfer/TransferPanel.vue.js +68 -75
- package/es/Transfer/hooks/useContext.d.ts +1 -1
- package/es/Transfer/hooks/useContext.js +8 -9
- package/es/Transfer/index.d.ts +1 -1
- package/es/style.css +1 -1
- package/lib/Dropdown/Dsubmenu.vue.js +1 -1
- package/lib/ResizeBox/index.vue.js +1 -1
- package/lib/Scrollbar/index.css +1 -1
- package/lib/Transfer/Transfer.vue.d.ts +2 -2
- package/lib/Transfer/Transfer.vue.js +1 -1
- package/lib/Transfer/TransferPanel.vue.d.ts +25 -2
- package/lib/Transfer/TransferPanel.vue.js +1 -1
- package/lib/Transfer/hooks/useContext.d.ts +1 -1
- package/lib/Transfer/hooks/useContext.js +1 -1
- package/lib/Transfer/index.d.ts +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/is.js"),r=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const i=require("../_shared/icons/IconArrowRight.vue.js"),l=require("./Doption.vue.js");;/* empty css */const u=require("../Trigger/index.js"),a=require("../Scrollbar/index.js"),n={class:"yc-dropdown"},d={class:"yc-dropdown-list"},p={key:0,class:"yc-dropdown-footer"},c=e.defineComponent({name:"Dsubmenu",__name:"Dsubmenu",props:{disabled:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"rt"},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Boolean,Number],default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=e.useSlots(),g=c,y=m,{defaultPopupVisible:j,popupVisible:b,trigger:h,position:_,popupMaxHeight:q}=e.toRefs(g),x=r.useControlValue(b,j.value,e=>{y("update:popupVisible",e),y("popup-visible-change",e)}),w=e.ref(),V=e.ref(),B=e.computed(()=>["rt","lt"].includes(_.value)?_.value:"rt"),k=e.computed(()=>["hover","click"].includes(h.value)?h.value:"hover"),S=e.computed(()=>s.isBoolean(q.value)&&!q.value||s.isUndefined(q)?"":t.valueToPx(s.isBoolean(q.value)?200:q.value)),C=async()=>{var t;await e.nextTick();const s=o.unrefElement(w);if(!s)return;const{left:r,top:i,right:l,width:u}=s.getBoundingClientRect(),a="rt"==B.value?l:r-u,n=i-5;null==(t=V.value)||t.updatePosition(a,n)};return f({show(){x.value=!0},hide(){x.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u.default),e.mergeProps({"popup-visible":e.unref(x),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(x)?x.value=t:null),trigger:k.value,position:B.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,class:["yc-dropdown-popup",t.$attrs.class],style:t.$attrs.style,"on-trigger-mouseenter":C,"on-trigger-mouseclick":C,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(a.default),{style:e.normalizeStyle({maxHeight:S.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content")])]),_:3},8,["style"]),v.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(l.default,{disabled:t.disabled,class:e.normalizeClass(t.$attrs.class),style:e.normalizeStyle(t.$attrs.style),"is-submenu":"",ref_key:"optionRef",ref:w},{suffix:e.withCtx(()=>[e.createVNode(e.unref(i.default))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["disabled","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled","class","style"]))}});exports.default=c;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const r=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const i=require("../_shared/icons/IconDragDot.vue.js"),l=["dir","onMousedown"],
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const r=require("../_shared/utils/hooks.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const i=require("../_shared/icons/IconDragDot.vue.js"),l=["dir","onMousedown"],s={class:"yc-resizebox-trigger-icon-wrapper"},u=e.defineComponent({name:"ResizeBox",__name:"index",props:{width:{default:void 0},height:{default:void 0},component:{default:"div"},directions:{default:()=>["right"]}},emits:["update:width","update:height","moving-start","moving","moving-end"],setup(u,{emit:n}){const a=u,d=n,{width:c,height:v}=e.toRefs(a),h=r.useControlValue(c,0,e=>{d("update:width",e)}),g=r.useControlValue(v,0,e=>{d("update:height",e)}),m=e.reactive([]),f=e.reactive({left:0,right:0,bottom:0,top:0}),p=e.ref(),y=e.ref(null);let j,x=0,_=0;return o.useEventListener("mousemove",e=>{if(!y.value||!p.value)return;const{clientX:o,clientY:r}=e,i="left"==y.value?x-o:o-x,l="top"==y.value?_-r:r-_,s=f.left+f.right,u=f.bottom+f.top;x=o,_=r,["left","right"].includes(y.value)?(h.value+=i,p.value.style.width=`${t.valueToPx(h.value<=s?s:h.value)}`):(g.value+=l,p.value.style.height=`${t.valueToPx(g.value<=u?u:g.value)}`);const{width:n,height:a}=p.value.getBoundingClientRect();n!=h.value&&(h.value=n),a!=g.value&&(g.value=a),d("moving",{width:n,height:a},e)}),o.useEventListener("mouseup",e=>{y.value&&(y.value=null,document.body.style.cursor=j,d("moving-end",e))}),o.useResizeObserver(()=>m,e=>{e.forEach(e=>{const t=e.target.getAttribute("dir"),{contentRect:{width:o,height:r}}=e;f[t]=["right","left"].includes(t)?o:r})},{box:"border-box"}),e.watch([h,g],async()=>{y.value||(await e.nextTick(),p.value.style.width=h.value?`${t.valueToPx(h.value)}`:"",p.value.style.height=g.value?`${t.valueToPx(g.value)}`:"")},{immediate:!0}),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),{class:"yc-resizebox",ref_key:"boxRef",ref:p},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.directions,(o,r)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:e.normalizeClass(["yc-resizebox-trigger",`yc-resizebox-direction-${o}`,"yc-resizebox-trigger-"+(["left","right"].includes(o)?"vertical":"horizontal")]),dir:o,ref_for:!0,ref:e=>m[r]=e,onMousedown:e=>(async(e,t)=>{t.preventDefault(),y.value=e;const{width:o,height:r}=p.value.getBoundingClientRect();h.value=o,g.value=r;const{clientX:i,clientY:l}=t;x=i,_=l,j=getComputedStyle(document.body).cursor,document.body.style.cursor=["left","right"].includes(e)?"col-resize":"row-resize",d("moving-start",t)})(o,e)},[e.renderSlot(t.$slots,"resize-trigger",{direction:o},()=>[e.createElementVNode("div",s,[e.renderSlot(t.$slots,"resize-trigger-icon",{direction:o},()=>[e.createVNode(e.unref(i.default),{rotate:["left","right"].includes(o)?90:0},null,8,["rotate"])])])])],42,l))),128))]),_:3},512))}});exports.default=u;
|
package/lib/Scrollbar/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:
|
1
|
+
.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:9999;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track .yc-scrollbar-track-direction-vertical{background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track .yc-scrollbar-track-direction-horizontal{background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { TransferProps
|
1
|
+
import { TransferProps } from './type';
|
2
2
|
declare function __VLS_template(): {
|
3
3
|
attrs: Partial<{}>;
|
4
|
-
slots:
|
4
|
+
slots: any;
|
5
5
|
refs: {};
|
6
6
|
rootEl: HTMLDivElement;
|
7
7
|
};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconArrowRight.vue.js"),
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./hooks/useContext.js");require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */,/* empty css */;/* empty css */const r=require("../_shared/icons/IconArrowRight.vue.js"),o=require("./TransferPanel.vue.js");;/* empty css */const s=require("../Button/index.js"),a={key:0,class:"yc-transfer-operations"},l=e.defineComponent({name:"Transfer",__name:"Transfer",props:{data:{default:()=>[]},modelValue:{default:void 0},defaultValue:{default:()=>[]},selected:{default:void 0},defaultSelected:{default:()=>[]},disabled:{type:Boolean,default:!1},simple:{type:Boolean,default:!1},oneWay:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSelectAll:{type:Boolean,default:!0},title:{default:()=>["Source","Target"]},sourceInputSearchProps:{default:()=>({})},targetInputSearchProps:{default:()=>({})}},emits:["update:selected","update:modelValue","change","select","search"],setup(l,{emit:d}){const u=e.useSlots(),n=l,i=d,{computedValue:c,targetChecked:m,computedSelected:p,sourceChecked:f}=t.default().provide(n,i),v=()=>{const e=[...f.value];c.value=[...c.value,...f.value],p.value=p.value.filter(t=>!e.includes(t))},h=()=>{const e=[...m.value];c.value=c.value.filter(t=>!e.includes(t)),p.value=p.value.filter(t=>!e.includes(t))};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-transfer",{"yc-transfer-simple":t.simple,"yc-transfer-has-search":t.showSearch}])},[e.createVNode(o.default,{type:"source"},e.createSlots({_:2},[u["source-title"]?{name:"source-title",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"source-title",e.normalizeProps(e.guardReactiveProps(r)))]),key:"0"}:void 0,u.source?{name:"source",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"source",e.normalizeProps(e.guardReactiveProps(r)))]),key:"1"}:void 0,u.item?{name:"item",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"item",e.normalizeProps(e.guardReactiveProps(r)))]),key:"2"}:void 0]),1024),t.simple?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(e.unref(s.default),{disabled:!e.unref(f).length||t.disabled,shape:"circle",onClick:v},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-target-icon",{},()=>[e.createVNode(e.unref(r.default))])]),_:3},8,["disabled"]),t.oneWay?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(s.default),{key:0,disabled:!e.unref(m).length||t.disabled,shape:"circle",onClick:h},{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"to-source-icon",{},()=>[e.createVNode(e.unref(r.default),{rotate:180})])]),_:3},8,["disabled"]))])),e.createVNode(o.default,{type:"target"},e.createSlots({_:2},[u["target-title"]?{name:"target-title",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"source-title",e.normalizeProps(e.guardReactiveProps(r)))]),key:"0"}:void 0,u.target?{name:"target",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"source",e.normalizeProps(e.guardReactiveProps(r)))]),key:"1"}:void 0,u.item?{name:"item",fn:e.withCtx(r=>[e.renderSlot(t.$slots,"item",e.normalizeProps(e.guardReactiveProps(r)))]),key:"2"}:void 0]),1024)],2))}});exports.default=l;
|
@@ -1,10 +1,33 @@
|
|
1
|
-
import {
|
1
|
+
import { TransferItem, TransferItemValue } from './type';
|
2
2
|
type __VLS_Props = {
|
3
3
|
type: 'source' | 'target';
|
4
4
|
};
|
5
5
|
declare function __VLS_template(): {
|
6
6
|
attrs: Partial<{}>;
|
7
|
-
slots:
|
7
|
+
slots: Partial<Record<NonNullable<"target-title" | "source-title">, (_: {
|
8
|
+
countTotal: number;
|
9
|
+
countSelected: number;
|
10
|
+
searchValue: string;
|
11
|
+
checked: boolean;
|
12
|
+
indeterminate: boolean;
|
13
|
+
onSelectAllChange: (v: boolean) => void;
|
14
|
+
onClear: () => void;
|
15
|
+
}) => any>> & Partial<Record<NonNullable<"target" | "source">, (_: {
|
16
|
+
selectedKeys: TransferItemValue[];
|
17
|
+
data: TransferItem[];
|
18
|
+
onSelect: (val: TransferItemValue[]) => void;
|
19
|
+
}) => any>> & {
|
20
|
+
item?(_: {
|
21
|
+
label?: string;
|
22
|
+
value?: TransferItemValue;
|
23
|
+
disabled?: boolean;
|
24
|
+
}): any;
|
25
|
+
item?(_: {
|
26
|
+
label?: string;
|
27
|
+
value?: TransferItemValue;
|
28
|
+
disabled?: boolean;
|
29
|
+
}): any;
|
30
|
+
};
|
8
31
|
refs: {};
|
9
32
|
rootEl: HTMLDivElement;
|
10
33
|
};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=;/* empty css */,/* empty css */require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=;/* empty css */,/* empty css */require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css */;/* empty css */const t=require("../_shared/icons/IconClose.vue.js"),r=require("../_shared/icons/IconDelete.vue2.js"),a=require("../_shared/icons/IconSearch.vue2.js"),u=require("./hooks/useContext.js"),o=require("../Checkbox/index.js"),n=require("../Scrollbar/index.js"),s=require("../Input/index.js"),c=require("../Empty/index.js"),d={class:"yc-transfer-view"},i={class:"yc-transfer-view-header"},v={class:"yc-transfer-view-header-title"},m={class:"yc-transfer-view-header-count"},f={key:0,class:"yc-transfer-view-search"},p={class:"yc-transfer-view-body"},h={role:"list",class:"yc-transfer-list"},g=["onClick"],k={class:"yc-transfer-list-item-content text-ellipsis"},y=e.defineComponent({__name:"TransferPanel",props:{type:{}},setup(y){const j=y,{type:_}=e.toRefs(j),{computedValue:V,computedSelected:B,targetChecked:x,sourceChecked:C,sourceOptions:S,targetOptions:q,disabled:b,oneWay:N,showSearch:w,showSelectAll:E,simple:P,sourceInputSearchProps:I,targetInputSearchProps:T,slots:D,title:O,emits:z}=u.default().inject(),$=e.ref(""),F=e.computed(()=>("source"==_.value?S.value:q.value).filter(e=>{var l;return null==(l=e.label)?void 0:l.toLowerCase().includes($.value.toLowerCase())})),A=e.computed(()=>"source"==_.value?C.value:x.value),L=e.computed(()=>"source"==_.value?I.value:T.value),R=e.computed(()=>"source"==_.value?O.value[0]:O.value[1]),M=e.computed(()=>({countTotal:"source"==_.value?S.value.length:q.value.length,countSelected:"source"==_.value?C.value.length:x.value.length,searchValue:$.value,checked:K.value,indeterminate:W.value,onSelectAllChange:e=>{K.value=e},onClear:G})),U=e.computed(()=>({selectedKeys:A.value,data:F.value,onSelect:e=>{B.value=e}})),K=e.computed({get:()=>!!A.value.length&&A.value.length==F.value.length,set(e){if(e)B.value=[...new Set([...B.value,...F.value.map(e=>e.value)])];else{const e=Object.fromEntries(F.value.map(e=>[e.value,e]));B.value=B.value.filter(l=>!e[l])}}}),W=e.computed(()=>!!A.value.length&&A.value.length<=F.value.length),G=()=>{!b.value&&V.value.length&&(V.value=[])};return(u,y)=>(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",i,[e.renderSlot(u.$slots,`${e.unref(_)}-title`,e.normalizeProps(e.guardReactiveProps(M.value)),()=>[e.createElementVNode("span",v,[!e.unref(E)||e.unref(P)||e.unref(N)&&"target"==e.unref(_)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(R.value),1)],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,modelValue:K.value,"onUpdate:modelValue":y[0]||(y[0]=e=>K.value=e),indeterminate:W.value,disabled:!F.value.length||e.unref(b)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(R.value),1)]),_:1},8,["modelValue","indeterminate","disabled"]))]),e.createElementVNode("span",m,[e.unref(P)||e.unref(N)&&"target"==e.unref(_)?"target"!=e.unref(_)||e.unref(P)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.default),{key:1,size:14,onClick:G},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default))]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(A.value.length)+" / "+e.toDisplayString(F.value.length),1)],64))])])]),e.unref(w)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(e.unref(s.default),e.mergeProps({modelValue:$.value,"onUpdate:modelValue":y[1]||(y[1]=e=>$.value=e)},L.value,{onInput:y[2]||(y[2]=l=>e.unref(z)("search",l,e.unref(_)))}),{suffix:e.withCtx(()=>[e.createVNode(e.unref(a.default))]),_:1},16,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[F.value.length?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0},{default:e.withCtx(()=>[e.renderSlot(u.$slots,e.unref(_),e.normalizeProps(e.guardReactiveProps(U.value)),()=>[e.createElementVNode("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,r=>(e.openBlock(),e.createElementBlock("div",{key:r.value,role:"listitem",class:e.normalizeClass(["yc-transfer-list-item",{"yc-transfer-list-item-disabled":r.disabled||e.unref(b)}]),onClick:e=>(e=>{const{value:l}=e;b.value||e.disabled||(N.value&&"source"!=_.value||P.value)&&(V.value="source"==_.value?[...V.value,l]:V.value.filter(e=>e!=l))})(r)},[e.unref(N)&&(!e.unref(N)||"source"!=e.unref(_))||e.unref(P)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",k,[e.renderSlot(u.$slots,"item",e.mergeProps({ref_for:!0},r),()=>[e.createTextVNode(e.toDisplayString(r.label),1)])]),"target"!=e.unref(_)||e.unref(P)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(l.default),{key:0,"hover-size":20},{default:e.withCtx(()=>[e.createVNode(e.unref(t.default))]),_:1}))],64)):(e.openBlock(),e.createBlock(e.unref(o.default),{key:0,"model-value":A.value.includes(r.value),disabled:r.disabled||e.unref(b),onChange:e=>((e,l)=>{B.value=e?[...B.value,l]:B.value.filter(e=>e!=l),z("select",B.value)})(e,r.value)},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"item",e.mergeProps({ref_for:!0},r),()=>[e.createTextVNode(e.toDisplayString(r.label),1)])]),_:2},1032,["model-value","disabled","onChange"]))],10,g))),128))])])]),_:3})):e.createCommentVNode("",!0),e.createVNode(e.unref(c.default))])]))}});exports.default=y;
|
@@ -23,8 +23,8 @@ type TransferContext = {
|
|
23
23
|
export default function useTransferContext(): {
|
24
24
|
provide: (props: RecordType, emits: TransferEmits) => {
|
25
25
|
computedValue: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
|
26
|
-
targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
|
27
26
|
computedSelected: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
|
27
|
+
targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
|
28
28
|
sourceChecked: import('vue').ComputedRef<TransferItemValue[]>;
|
29
29
|
};
|
30
30
|
inject: () => TransferContext;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const t=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r="transfer-context";exports.default=function(){return{provide:(s,u)=>{const{modelValue:o,defaultValue:l,selected:a,defaultSelected:d,data:c,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S}=e.toRefs(s),v=e.useSlots(),g=e.computed(()=>Object.fromEntries(c.value.map(e=>[e.value,e]))),_=t.useControlValue(o,l.value,e=>{u("update:modelValue",e),u("change",e)}),q=e.computed(()=>new Map(_.value.map(e=>[e,e]))),y=t.useControlValue(a,d.value,e=>{u("update:selected",e)}),b=e.computed(()=>c.value.filter(e=>!q.value.has(e.value))),w=e.computed(()=>_.value.map(e=>g.value[e])),O=e.computed(()=>y.value.filter(e=>!q.value.has(e))),C=e.computed(()=>y.value.filter(e=>q.value.has(e)));return e.provide(r,{computedValue:_,computedSelected:y,targetChecked:C,sourceChecked:O,sourceOptions:b,targetOptions:w,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S,slots:v,emits:u}),{computedValue:_,targetChecked:C,
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../_shared/utils/dom.js"),require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const t=require("../../_shared/utils/hooks.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const r="transfer-context";exports.default=function(){return{provide:(s,u)=>{const{modelValue:o,defaultValue:l,selected:a,defaultSelected:d,data:c,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S}=e.toRefs(s),v=e.useSlots(),g=e.computed(()=>Object.fromEntries(c.value.map(e=>[e.value,e]))),_=t.useControlValue(o,l.value,e=>{u("update:modelValue",e),u("change",e)}),q=e.computed(()=>new Map(_.value.map(e=>[e,e]))),y=t.useControlValue(a,d.value,e=>{u("update:selected",e)}),b=e.computed(()=>c.value.filter(e=>!q.value.has(e.value))),w=e.computed(()=>_.value.map(e=>g.value[e])),O=e.computed(()=>y.value.filter(e=>!q.value.has(e))),C=e.computed(()=>y.value.filter(e=>q.value.has(e)));return e.provide(r,{computedValue:_,computedSelected:y,targetChecked:C,sourceChecked:O,sourceOptions:b,targetOptions:w,oneWay:i,simple:n,sourceInputSearchProps:p,targetInputSearchProps:m,showSearch:h,showSelectAll:f,disabled:j,title:S,slots:v,emits:u}),{computedValue:_,computedSelected:y,targetChecked:C,sourceChecked:O}},inject:()=>e.inject(r,{computedValue:e.ref([]),computedSelected:e.ref([]),targetChecked:e.ref([]),sourceChecked:e.ref([]),sourceOptions:e.ref([]),targetOptions:e.ref([]),disabled:e.ref(!1),oneWay:e.ref(!1),simple:e.ref(!1),title:e.ref([]),showSearch:e.ref(!1),showSelectAll:e.ref(!1),sourceInputSearchProps:e.ref({}),targetInputSearchProps:e.ref({}),slots:{},emits:()=>{}})}};
|
package/lib/Transfer/index.d.ts
CHANGED
@@ -87,7 +87,7 @@ declare const Transfer: {
|
|
87
87
|
showSearch: boolean;
|
88
88
|
showSelectAll: boolean;
|
89
89
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
90
|
-
$slots:
|
90
|
+
$slots: any;
|
91
91
|
}) & {
|
92
92
|
install: (app: App) => void;
|
93
93
|
};
|