yc-design-vue 1.1.1 → 1.1.2
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/AutoComplete/index.vue.js +1 -1
- package/es/Dropdown/Dsubmenu.vue.js +1 -1
- package/es/Dropdown/Dsubmenu.vue2.js +1 -1
- package/es/List/List.vue.js +1 -1
- package/es/List/List.vue2.js +1 -1
- package/es/OverflowList/index.vue.js +1 -1
- package/es/OverflowList/index.vue2.js +2 -2
- package/es/Select/SelectView.vue.js +1 -1
- package/es/Select/SelectView.vue2.js +1 -1
- package/es/Trigger/hooks/useContext.js +1 -1
- package/es/Trigger/hooks/useTriggerPosition.js +1 -2
- package/es/Trigger/hooks/useTriggerVisible.js +1 -2
- package/es/_shared/utils/dom.js +1 -2
- package/es/_shared/utils/vue-utils.d.ts +1 -7
- package/es/_shared/utils/vue-utils.js +2 -7
- package/es/style.css +1 -1
- package/lib/AutoComplete/index.vue.js +1 -1
- package/lib/Dropdown/Dsubmenu.vue.js +1 -1
- package/lib/Dropdown/Dsubmenu.vue2.js +1 -1
- package/lib/List/List.vue.js +1 -1
- package/lib/List/List.vue2.js +1 -1
- package/lib/OverflowList/index.vue.js +1 -1
- package/lib/OverflowList/index.vue2.js +1 -1
- package/lib/Select/SelectView.vue.js +1 -1
- package/lib/Select/SelectView.vue2.js +1 -1
- package/lib/Trigger/hooks/useContext.js +1 -1
- package/lib/Trigger/hooks/useTriggerPosition.js +1 -1
- package/lib/Trigger/hooks/useTriggerVisible.js +1 -1
- package/lib/_shared/utils/dom.js +1 -1
- package/lib/_shared/utils/vue-utils.d.ts +1 -7
- package/lib/_shared/utils/vue-utils.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/utils/control.js"),t=require("../Select/index.js"),r=require("../Textarea/index.js"),a=require("../Input/index.js"),u=e.defineComponent({name:"AutoComplete",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},disabled:{type:Boolean,default:!1},data:{default:()=>[]},popupContainer:{default:void 0},strict:{type:Boolean,default:!1},filterOption:{type:Function,default:void 0},triggerProps:{default:()=>({})},allowClear:{type:Boolean,default:!
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/utils/control.js"),t=require("../Select/index.js"),r=require("../Textarea/index.js"),a=require("../Input/index.js"),u=e.defineComponent({name:"AutoComplete",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:""},disabled:{type:Boolean,default:!1},data:{default:()=>[]},popupContainer:{default:void 0},strict:{type:Boolean,default:!1},filterOption:{type:Function,default:void 0},triggerProps:{default:()=>({})},allowClear:{type:Boolean,default:!1},vistualListProps:{},isSelectSetValue:{type:Boolean,default:!0},isSearch:{type:Boolean,default:!0},type:{default:"input"}},emits:["update:modelValue","change","search","select","clear","dropdown-scroll","dropdown-reach-bottom","blur","focus","input","keydown"],setup(u,{expose:n,emit:s}){const i=u,d=s,{modelValue:p,defaultValue:c,data:f,strict:v,isSelectSetValue:m,isSearch:g}=e.toRefs(i),{filterOption:y}=i,w=e.ref(),h=e.ref(),b=e.ref(!1),k=o(p,c.value,e=>{d("update:modelValue",e)}),C=e.ref([]),S=async(o,t,r="")=>{switch(o){case"input":{d("input",r,t),d("search",r);const o=[...f.value];await e.nextTick(),JSON.stringify(o)==JSON.stringify(f.value)&&g.value?C.value=f.value.filter(e=>{const o=l.isObject(e)?e:{label:e,value:e};return(null==y?void 0:y(r,o))??((e,l)=>{const o=l.label,t=v.value?o:o.toLowerCase(),r=v.value?e:e.toLowerCase();return null==t?void 0:t.includes(r)})(r,o)}):C.value=f.value,b.value=!!C.value.length}break;case"select":b.value=!1,m.value&&(k.value=r),d("select",r);break;case"focus":b.value=!!C.value.length,d("focus",t);break;case"blur":b.value=!1,d("blur",t);break;case"clear":k.value="",d("clear",t)}};return n({focus(){var e;null==(e=w.value)||e.focus()},blur(){var e;null==(e=w.value)||e.blur()},getInputRef(){var e;return null==(e=w.value)?void 0:e.getInputRef()},getMirrorRef(){var e;return null==(e=w.value)?void 0:e.getMirrorRef()},updatePosition(e,l){var o,t;null==(t=null==(o=h.value)?void 0:o.getPopupRef())||t.updatePosition(e,l)}}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(t.default),{"popup-visible":b.value,options:C.value,"popup-container":l.popupContainer,"trigger-props":l.triggerProps,"virtual-list-props":l.vistualListProps,"show-empty":!1,hotkeys:"",ref_key:"selectRef",ref:h,class:"yc-auto-complete",onDropdownScroll:o[14]||(o[14]=e=>l.$emit("dropdown-scroll",e)),onDropdownReachBottom:o[15]||(o[15]=e=>l.$emit("dropdown-reach-bottom",e)),onSelect:o[16]||(o[16]=e=>S("select",null,e))},e.createSlots({trigger:e.withCtx(()=>[e.renderSlot(l.$slots,"trigger",{},()=>["input"==l.type?(e.openBlock(),e.createBlock(e.unref(a),e.mergeProps({key:0,modelValue:e.unref(k),"onUpdate:modelValue":o[0]||(o[0]=l=>e.isRef(k)?k.value=l:null),disabled:l.disabled,"allow-clear":l.allowClear},l.$attrs,{ref_key:"inputRef",ref:w,onInput:o[1]||(o[1]=(e,l)=>S("input",l,e)),onChange:o[2]||(o[2]=e=>l.$emit("change",e)),onClear:o[3]||(o[3]=e=>S("clear",e)),onKeydown:o[4]||(o[4]=e=>S("keydown",e)),onFocus:o[5]||(o[5]=e=>S("focus",e)),onBlur:o[6]||(o[6]=e=>S("blur",e))}),null,16,["modelValue","disabled","allow-clear"])):(e.openBlock(),e.createBlock(e.unref(r),e.mergeProps({key:1,modelValue:e.unref(k),"onUpdate:modelValue":o[7]||(o[7]=l=>e.isRef(k)?k.value=l:null),disabled:l.disabled,"allow-clear":l.allowClear,"enter-prevent":"","show-mirror":""},l.$attrs,{ref_key:"inputRef",ref:w,onInput:o[8]||(o[8]=(e,l)=>S("input",l,e)),onChange:o[9]||(o[9]=e=>l.$emit("change",e)),onClear:o[10]||(o[10]=e=>S("clear",e)),onKeydown:o[11]||(o[11]=e=>l.$emit("keydown",e)),onFocus:o[12]||(o[12]=e=>S("focus",e)),onBlur:o[13]||(o[13]=e=>S("blur",e))}),null,16,["modelValue","disabled","allow-clear"]))])]),_:2},[l.$slots.option?{name:"option",fn:e.withCtx(o=>[e.renderSlot(l.$slots,"option",e.normalizeProps(e.guardReactiveProps(o)))]),key:"0"}:void 0,l.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"footer")]),key:"1"}:void 0]),1032,["popup-visible","options","popup-container","trigger-props","virtual-list-props"]))}});module.exports=u;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./Dsubmenu.vue2.js");;/* empty css */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./Dsubmenu.vue2.js");;/* empty css */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-7a40c502"]]);module.exports=u;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const
|
1
|
+
"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),i=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const r=require("../_shared/icons/IconArrowRight.vue.js"),s=require("../_shared/utils/control.js"),l=require("./hooks/useContext.js");require("./index.js");const u=require("../Trigger/index.js"),n=require("../Scrollbar/index.js"),a=require("./Doption.vue.js"),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:{default:200}},emits:["update:popupVisible","popup-visible-change"],setup(c,{expose:f,emit:m}){const v=c,g=m,{defaultPopupVisible:h,popupVisible:y,trigger:b,position:x,popupMaxHeight:j}=e.toRefs(v),{theme:q}=l().inject(),_=s(y,h.value,e=>{g("update:popupVisible",e),g("popup-visible-change",e)}),w=e.ref(),V=e.ref(),k=e.computed(()=>["rt","lt"].includes(x.value)?x.value:"rt"),C=e.computed(()=>["hover","click"].includes(b.value)?b.value:"hover"),B=e.computed(()=>i.isBoolean(j.value)&&!j.value||i.isUndefined(j)?"":o.valueToPx(i.isBoolean(j.value)?200:j.value)),P=async()=>{var o;await e.nextTick();const i=t.unrefElement(w);if(!i)return;const{left:r,top:s,right:l,width:u}=i.getBoundingClientRect(),n="rt"==k.value?l:r-u,a=s-5;null==(o=V.value)||o.updatePosition(n,a)};return f({show(){_.value=!0},hide(){_.value=!1}}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(u),e.mergeProps({"popup-visible":e.unref(_),"onUpdate:popupVisible":o[0]||(o[0]=t=>e.isRef(_)?_.value=t:null),trigger:C.value,position:k.value,"popup-offset":4,disabled:t.disabled,"mouse-enter-delay":150,"mouse-leave-delay":150,"on-trigger-mouseenter":P,"on-trigger-mouseclick":P,"need-transform-origin":"","auto-set-position":"","auto-fit-popup-min-width":"",ref_key:"triggerRef",ref:V},t.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown",`yc-dropdown-theme-${e.unref(q)}`])},[e.createVNode(e.unref(n),{style:e.normalizeStyle({maxHeight:B.value})},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.renderSlot(t.$slots,"content",{},void 0,!0)])]),_:3},8,["style"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(a),{disabled:t.disabled,theme:e.unref(q),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(r))]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["disabled","theme","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;
|
package/lib/List/List.vue.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./List.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./List.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-a549d4df"]]);module.exports=r;
|
package/lib/List/List.vue2.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const
|
1
|
+
"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),r=require("../_shared/utils/control.js"),a=require("./hooks/useScrollReach.js"),s=require("../Spin/index.js"),i=require("../Scrollbar/index.js"),n=require("../Pagination/index.js"),u=require("./ListVirtual.vue.js");;/* empty css */const c=require("./ListItem.vue.js"),d={class:"yc-list-content-wrapper"},v={key:0,class:"yc-list-header"},m={key:2,role:"list",class:"yc-list-content"},f={key:4,class:"yc-list-footer"},p=e.defineComponent({name:"List",__name:"List",props:{data:{default:()=>[]},size:{default:void 0},bordered:{type:Boolean,default:!0},split:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},paginationProps:{default:void 0},maxHeight:{default:void 0},bottomOffset:{default:0},virtualListProps:{default:void 0},scrollbar:{type:Boolean,default:!0}},emits:["scroll","reach-bottom","page-change","page-size-change"],setup(p,{emit:y}){var g,h;e.useSlots();const k=p,B=y,{data:b,paginationProps:S,virtualListProps:x,bottomOffset:q}=e.toRefs(k),{size:_,renderEmpty:j}=o.getGlobalConfig(k),z=e.ref(!1),C=e.ref(),$=e.ref(),L=e.computed(()=>!(!x.value||S.value)&&(x.value.itemHeight&&(!x.value.threshold||x.value.threshold>b.value.length))),P=e.computed(()=>{var e;return L.value?l.unrefElement($):null==(e=C.value)?void 0:e.getScrollRef()});a({scrollRef:P,offset:{bottom:q.value},onScroll:(e,l)=>{z.value=l.bottom,B("scroll",e)},onReachBottom:e=>{B("reach-bottom",e)}});const R=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.current}),V=r(R,(null==(g=S.value)?void 0:g.current)||1,e=>{B("page-change",e)}),E=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.pageSize}),N=r(E,(null==(h=S.value)?void 0:h.defaultPageSize)||10,e=>{V.value=1,B("page-change",e)}),w=e.computed(()=>S.value?b.value.slice((V.value-1)*N.value,V.value*N.value):b.value);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-list-wrapper",`yc-list-size-${e.unref(_)}`,{"yc-list-bordered":l.bordered,"yc-list-hoverable":l.hoverable,"yc-list-split":l.split}])},[e.createVNode(e.unref(s),{loading:l.loading,class:"yc-list-spin"},{default:e.withCtx(()=>{var r;return[e.createVNode(e.unref(i),{scrollbar:l.scrollbar,style:e.normalizeStyle({maxHeight:L.value?"":e.unref(t.valueToPx)(l.maxHeight)}),class:"yc-list",ref_key:"realListRef",ref:C},{default:e.withCtx(()=>[e.createElementVNode("div",d,[l.$slots.header?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(l.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createBlock(u,{key:1,data:e.unref(b),"virtual-list-props":e.unref(x),style:e.normalizeStyle({maxHeight:e.unref(t.valueToPx)(l.maxHeight)}),ref_key:"virtualListRef",ref:$},e.createSlots({_:2},[l.$slots.item?{name:"item",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"item",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),key:"0"}:void 0]),1032,["data","virtual-list-props","style"])):(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"default",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(t,o)=>e.renderSlot(l.$slots,"item",{key:o,index:o,item:t},void 0,!0)),128))])),l.$slots.default||w.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.$slots.empty||e.unref(j)("List")),{key:3})),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0),l.$slots["scroll-loading"]&&z.value?(e.openBlock(),e.createBlock(c,{key:5,class:"yc-list-scroll-loading"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"scroll-loading",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)])]),_:3},8,["scrollbar","style"]),e.unref(S)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,current:e.unref(V),"onUpdate:current":o[0]||(o[0]=l=>e.isRef(V)?V.value=l:null),"page-size":e.unref(N),"onUpdate:pageSize":o[1]||(o[1]=l=>e.isRef(N)?N.value=l:null),total:(null==(r=e.unref(S))?void 0:r.total)||0},null,8,["current","page-size","total"])):e.createCommentVNode("",!0)]}),_:3},8,["loading"])],2))}});module.exports=p;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=;/* empty css */;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=;/* empty css */;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-f1578bcc"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const
|
1
|
+
"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/vue-utils.js");require("../Empty/index.js");/* empty css */const r=require("../Tag/index.js"),a=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(a,{emit:n}){const u=e.useSlots(),s=a,i=n,{min:c,margin:m,from:v}=e.toRefs(s),f=e.ref(1e4),d=e.ref([]),p=e.computed(()=>{var e;return o.findComponentsFromVnodes((null==(e=u.default)?void 0:e.call(u))||[],r.name)}),y=e.ref(),g=e.ref(),h=e.computed(()=>g.value?l.unrefElement(g).offsetWidth+m.value:m.value),k=e.computed(()=>p.value.length-f.value);return l.useResizeObserver(y,t.throttle(async()=>{await t.sleep(0);let e=0,l=0;const o=y.value.offsetWidth;for(let t=0;t<d.value.length;t++){const r=l+(t>0?m.value:0)+d.value[t];if(r>o)break;l=r,e++}f.value=e>c.value?e:c.value},180)),e.watch(()=>f.value,()=>{i("change",k.value)}),e.watch(()=>p.value.length,async()=>{f.value=1e5,await t.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);d.value=e},{immediate:!0}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(v)}`]),style:e.normalizeStyle({gap:e.unref(t.valueToPx)(e.unref(m)),padding:"start"==e.unref(v)?`0 0 0 ${e.unref(t.valueToPx)(h.value)}`:` 0 ${e.unref(t.valueToPx)(h.value)} 0 0`}),ref_key:"listRef",ref:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<f.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),f.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:g},[e.renderSlot(l.$slots,"overflow",{number:k.value},()=>[e.createVNode(e.unref(r),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${k.value}`),1)]),_:1})],!0)],512)):e.createCommentVNode("",!0)],6))}});module.exports=a;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./SelectView.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./SelectView.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-a3636179"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const
|
1
|
+
"use strict";const e=require("vue"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const r=require("../_shared/utils/global-config.js"),l=require("./hooks/useContext.js"),t=require("../List/hooks/useScrollReach.js"),n=require("./SelectVirtualList.vue.js"),c=require("./SelectRealList.vue.js"),s=require("../Spin/index.js"),a={class:"yc-select-dropdown"},i={key:0,class:"yc-select-dropdown-header"},u={key:4,class:"yc-select-dropdown-footer"},d=e.defineComponent({__name:"SelectView",props:{loading:{type:Boolean},scrollbar:{type:Boolean},showFooterOnEmpty:{type:Boolean},showHeaderOnEmpty:{type:Boolean},virtualListProps:{}},setup(d){const p=d,{virtualListProps:m}=e.toRefs(p),{slots:k,options:y,isEmpty:f,emits:v}=l().inject(),{renderEmpty:B}=r.getGlobalConfig(),h=e.ref(),g=e.ref(),w=e.computed(()=>!!m.value&&(m.value.itemHeight&&(!m.value.threshold||m.value.threshold>y.value.length))),j=e.computed(()=>{var e;return w.value?o.unrefElement(g):null==(e=h.value)?void 0:e.getScrollRef()});t({scrollRef:j,onScroll:e=>{v("dropdown-scroll",e)},onReachBottom:e=>{v("dropdown-reach-bottom",e)}});const q=e=>k[e];return(o,r)=>(e.openBlock(),e.createElementBlock("div",a,[o.loading?(e.openBlock(),e.createBlock(e.unref(s),{key:0,loading:o.loading,class:"yc-select-dropdown-loading"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("loading-icon"))))]),key:"0"}:void 0]),1032,["loading"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[!e.unref(k).header||!o.showHeaderOnEmpty&&e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("header"))))])),w.value?(e.openBlock(),e.createBlock(n,{key:1,"virtual-list-props":e.unref(m),ref_key:"virtualListRef",ref:g},null,8,["virtual-list-props"])):(e.openBlock(),e.createBlock(c,{key:2,scrollbar:o.scrollbar,ref_key:"realListRef",ref:h},null,8,["scrollbar"])),e.unref(f)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k).empty||e.unref(B)("Select")),{key:3})):e.createCommentVNode("",!0),!e.unref(k).footer||!o.showFooterOnEmpty&&e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q("footer"))))]))],64))]))}});module.exports=d;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js")
|
1
|
+
"use strict";const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),r=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const u=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css */const o="trigger-context";module.exports=i=>{const{trigger:n,popupRef:s,computedVisible:a,mouseEnterDelay:d}=i,{depth:l,curDepth:p,groupIds:c,timeout:m,hoverTimeout:v}=e.inject(o,{depth:-1,curDepth:e.ref(0),groupIds:e.ref([]),timeout:e.ref(),hoverTimeout:e.ref()}),h=l+1,g=t.nanoid(32);c.value[h]=g,e.provide(o,{depth:h,curDepth:p,groupIds:c,hoverTimeout:v,timeout:m});const f=e=>{const t=e.getAttribute("data-group-id"),r=e.getAttribute("data-group-depth"),u=!!t&&c.value.includes(g);return u||"BODY"==e.tagName?{isGroup:u,groupId:t,depth:u?Number.parseInt(r):-1}:f(e.parentElement)};return e.watch(()=>p.value,e=>{h<=e||"hover"!=n||(a.value=!1)}),e.watch(()=>a.value,async e=>{if(!e)return;await u.sleep(0);const t=r.unrefElement(s);null==t||t.setAttribute("data-group-id",g),null==t||t.setAttribute("data-group-depth",`${h}`)},{immediate:!0}),{timeout:m,mouseEnterHandler:()=>{v.value&&clearTimeout(v.value),v.value=setTimeout(()=>{p.value=h},d.value)},clickOutsideHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t,depth:r}=f(e.target??e);return a.value=t?h<=r:a.value,t},mosueLeaveHandler:e=>{if(c.value.length<=1)return!1;const{isGroup:t}=f(e.relatedTarget);return t?a.value=!1:p.value=-1,!0}}};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const t=require("vue"),e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js");const i=require("../../_shared/utils/
|
1
|
+
"use strict";const t=require("vue"),e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js");const i=require("../../_shared/utils/global-config.js");module.exports=l=>{const{props:u,computedVisible:r,popupRef:a,triggerRef:p,arrowRef:s,mouseX:n,mouseY:v}=l,{trigger:h,alignPoint:g,popupTranslate:d,popupOffset:f,autoFitPosition:c,autoFitPopupMinWidth:b,autoFitPopupWidth:m,autoSetPosition:W,showArrow:w,position:x,arrowStyle:H,contentStyle:T}=t.toRefs(u),{updateAtScroll:P,zIndex:S}=i.getGlobalConfig(u),y=t.ref(x.value),{width:q,height:z}=e.useElementSize(a,void 0,{box:"border-box"}),{width:j,height:E}=e.useElementSize(s,void 0,{box:"border-box"}),{left:R,top:_,bottom:I,right:L,width:M,height:F}=e.useElementBounding(p,{windowScroll:P.value,updateTiming:"next-frame"}),A=t.computed(()=>{const[t,e]=k(),i=g.value&&["click","contextMenu"].includes(h.value);if(W.value||i)return{top:o.valueToPx(v.value+e),left:o.valueToPx(n.value-(c.value?0:q.value/2)+t),zIndex:S.value};const[l,u]=G({position:y.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:z.value,popupWidth:q.value,top:_.value,left:R.value,right:L.value,bottom:I.value});if(!c.value)return{top:o.valueToPx(u+e),left:o.valueToPx(l+t),zIndex:S.value};const[r,a]=O({offsetLeft:l,offsetTop:u,position:y.value,top:_.value,left:R.value,right:L.value,bottom:I.value,popupHeight:z.value,popupWidth:q.value});y.value=X({offsetLeft:r,offsetTop:a,top:_.value,left:R.value,right:L.value,bottom:I.value,triggerWidth:M.value,triggerHeight:F.value,popupHeight:z.value,popupWidth:q.value});const[p,s]=k();return{left:o.valueToPx(r+p),top:o.valueToPx(a+s),zIndex:S.value}}),B=t.computed(()=>({width:m.value?o.valueToPx(M.value):"",minWidth:b.value?o.valueToPx(M.value):"",...T.value})),C=t.computed(()=>({...H.value,...V({position:y.value,popupWidth:q.value,popupHeight:z.value,arrowWidth:j.value,arrowHeight:E.value,triggerHeight:F.value,triggerWidth:M.value})})),k=()=>{const[t,e]=d.value;let o=t,i=e;return y.value.startsWith("t")?i=-f.value:y.value.startsWith("b")?i=f.value:y.value.startsWith("l")?o=-f.value:y.value.startsWith("r")&&(o=f.value),[o,i]},G=t=>{let e=0,o=0;const{position:i,triggerWidth:l,triggerHeight:u,popupWidth:r,popupHeight:a,left:p,top:s,right:n,bottom:v}=t;return["top","tl","tr","bottom","bl","br"].includes(i)?(e=i.startsWith("t")?s-a:v,o=["top","bottom"].includes(i)?p+(l-r)/2:["tl","bl"].includes(i)?p:n-r):(o=i.startsWith("l")?p-r:n,e=["left","right"].includes(i)?s+(u-a)/2:["lt","rt"].includes(i)?s:v-a),[o,e]},O=t=>{const{position:e,offsetLeft:o,offsetTop:i,bottom:l,left:u,right:r,top:a,popupHeight:p,popupWidth:s}=t;let n=o,v=i;return["top","tl","tr","bottom","bl","br"].includes(e)?(i<0&&["top","tl","tr"].includes(e)?v=l:i+p>window.innerHeight&&["bottom","bl","br"].includes(e)&&(v=a-p),o<0?n=u:o+s>window.innerWidth&&(n=r-s)):(o<0&&["left","lt","lb"].includes(e)?n=r:o+s>window.innerWidth&&["right","rt","rb"].includes(e)&&(n=u-s),i<0?v=a:v+p>window.innerHeight&&(v=a-p)),[n,v]},V=t=>{const{position:e,triggerWidth:i,triggerHeight:l,popupWidth:u,popupHeight:r,arrowHeight:a,arrowWidth:p}=t;let s;if(["top","tl","tr","bottom","bl","br"].includes(e)){let t="",l="";["top","bottom"].includes(e)?t=o.valueToPx((u-p)/2):["tl","bl"].includes(e)?t=o.valueToPx((i-p)/2):l=o.valueToPx((i-p)/2),s={top:e.startsWith("b")?"0":"",right:l,bottom:e.startsWith("t")?"0":"",left:t}}else{let t="",i="";["left","right"].includes(e)?t=o.valueToPx((r-a)/2):["lt","rt"].includes(e)?t=o.valueToPx((l-a)/2):i=o.valueToPx((l-a)/2),s={top:t,right:e.startsWith("l")?"0":"",bottom:i,left:e.startsWith("r")?"0":""}}return s},X=t=>{const{offsetLeft:e,offsetTop:o,top:i,left:l,bottom:u,right:r,triggerWidth:a,triggerHeight:p,popupHeight:s,popupWidth:n}=t,v=1e-5,h=[[i-s,l+(a-n)/2,"top"],[i-s,l,"tl"],[i-s,r-n,"tr"],[u,l+(a-n)/2,"bottom"],[u,l,"bl"],[u,r-n,"br"],[i+(p-s)/2,l-n,"left"],[i,l-n,"lt"],[u-s,l-n,"lb"],[i+(p-s)/2,r,"right"],[i,r,"rt"],[u-s,r,"rb"]].find(([t,i])=>Math.abs(i-e)<v&&Math.abs(t-o)<v);return(null==h?void 0:h[2])??y.value};return t.watch(()=>r.value,async t=>{if(!t)return;await o.sleep(0),y.value=x.value;const i=e.unrefElement(p),l=e.unrefElement(a);if(i){const{left:t,right:e,top:o,bottom:l,width:u,height:r}=i.getBoundingClientRect();R.value=t,L.value=e,_.value=o,I.value=l,M.value=u,F.value=r}if(l){const{offsetWidth:t,offsetHeight:e}=l;q.value=t,z.value=e}if(s.value){const{offsetWidth:t,offsetHeight:e}=s.value;j.value=t,E.value=e}}),{position:y,left:R,top:_,bottom:I,right:L,popupWidth:q,popupHeight:z,triggerWidth:M,triggerHeight:F,arrowWidth:j,arrowHeight:E,popupStyle:A,contentStyle:B,arrowStyle:C}};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js"),u=require("./useContext.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const a=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js");const o=require("../../_shared/utils/
|
1
|
+
"use strict";const e=require("vue"),l=require("../../node_modules/@vueuse/core/index.js"),u=require("./useContext.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const a=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js");const o=require("../../_shared/utils/global-config.js"),s=require("../../_shared/utils/control.js");module.exports=r=>{const{props:t,emits:i,popupRef:v,triggerRef:n}=r,{trigger:c,popupVisible:d,defaultPopupVisible:p,clickToClose:m,blurToClose:g,clickOutsideToClose:T,mouseEnterDelay:f,mouseLeaveDelay:h,focusDelay:b,disabled:k,scrollToCloseDistance:C,autoSetPosition:q,alignPoint:y}=e.toRefs(t),{scrollToClose:M}=o.getGlobalConfig(t),{onTriggerMouseclick:j,onTriggerMouseenter:x,onTriggerMouseleave:E,onTriggerBlur:_,onTriggerFocus:D,onClickOutSide:L}=t,V=s(d,p.value,e=>{i("update:popupVisible",e),i("popup-visible-change",e)}),{timeout:O,mosueLeaveHandler:P,mouseEnterHandler:R,clickOutsideHandler:w}=u({trigger:c.value,mouseEnterDelay:f,computedVisible:V,popupRef:v}),F=e.ref(0),H=e.ref(0);let S=0,B=0;const X=e.computed(()=>n.value?a.findFirstScrollableParent(l.unrefElement(n.value)):null);return e.watch(()=>V.value,async()=>{if(await e.nextTick(),!X.value)return;const{scrollTop:l,scrollLeft:u}=X.value;S=u,B=l}),T.value&&["click","contextMenu"].includes(c.value)&&l.onClickOutside(v,e=>{if(k.value)return;const l=w(e);V.value&&!l&&(V.value=!1,null==L||L())},{ignore:[n]}),(async()=>{await e.nextTick(),M.value&&X.value&&l.useEventListener(X,"scroll",()=>{if(!V.value)return;const{scrollTop:e,scrollLeft:l}=X.value;(Math.abs(e-B)>=C.value||Math.abs(l-S)>=C.value)&&(V.value=!1,B=e)})})(),{mouseX:F,mouseY:H,computedVisible:V,handleClickEvent:(e,l)=>{if(c.value==l&&!k.value){if(O.value&&clearTimeout(O.value),!q.value&&y.value){const{pageX:l,pageY:u}=e;F.value=l,H.value=u}V.value=!m.value||!V.value,null==j||j()}},handleMouseenter:()=>{"hover"!=c.value||k.value||(R(),O.value&&clearTimeout(O.value),V.value||(O.value=setTimeout(()=>{V.value=!0,null==x||x()},f.value)))},handleMouseleave:e=>{"hover"!=c.value||k.value||(O.value&&clearTimeout(O.value),V.value&&(O.value=setTimeout(()=>{null==E||E();P(e)||(V.value=!1)},h.value)))},handleFocus:()=>{"focus"!=c.value||k.value||(O.value&&clearTimeout(O.value),V.value||(O.value=setTimeout(()=>{V.value=!0,null==D||D()},b.value)))},handleBlur:()=>{"focus"==c.value&&g.value&&!k.value&&(O.value&&clearTimeout(O.value),V.value&&(V.value=!1,null==_||_()))}}};
|
package/lib/_shared/utils/dom.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../constants/index.js"),r=require("../../node_modules/@vueuse/core/index.js"),n=require("./is.js"),o=
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../constants/index.js"),r=require("../../node_modules/@vueuse/core/index.js"),n=require("./is.js"),o=(()=>{try{return!("undefined"!=typeof window&&void 0!==document)}catch(e){return!0}})(),i=(e,t)=>{if(!o)return(t??document).querySelector(e)??void 0};exports.debounce=(e,t,r=!1)=>{let n=null,o=!1;return function(...i){const s=this;n&&clearTimeout(n),r&&!o&&(e.apply(s,i),o=!0),n=setTimeout(()=>{r||e.apply(s,i),o=!1},t)}},exports.findFirstScrollableParent=e=>{if(!e||e===document.body)return;let t=e.parentElement;for(;t&&t!==document.body;){const e=window.getComputedStyle(t),r=e.overflowY||e.overflow,n=["auto","scroll"].includes(r),o=t.scrollHeight>t.clientHeight;if(n&&o)return t;t=t.parentElement}},exports.getBreakpointValue=(e,t,r)=>{if(!n.isObject(t))return t;const o=["xs","sm","md","lg","xl","xxl"],i=o.indexOf(e);for(let s=i;s>=0;s--){const e=o[s];if(!n.isUndefined(t[e]))return t[e]}for(let s=i+1;s<o.length;s++){const e=o[s];if(!n.isUndefined(t[e]))return t[e]}return r},exports.getDomText=e=>{var t;return(null==(t=r.unrefElement(e))?void 0:t.innerText)||""},exports.getElement=(e,t)=>{if(n.isString(e)){const r="#"===e[0]?`[id='${e.slice(1)}']`:e;return i(r,t)}return e},exports.isServerRendering=o,exports.mediaQueryHandler=(n,o=t.MEDICA_QUERY_QUERUES)=>{const i=[],s={},l=[];Object.keys(o).forEach((e,t)=>{i.push(e),s[e]=t,l.push(r.useMediaQuery(o[e]))}),e.watch(l,e=>{const t=e.lastIndexOf(!0);n(i[t],s,t)},{immediate:!0})},exports.querySelector=i,exports.sleep=e=>new Promise(t=>{setTimeout(()=>{t("")},e)}),exports.throttle=(e,t)=>{let r=0,n=null;return function(...o){const i=Date.now(),s=t-(i-r);n&&(clearTimeout(n),n=null),s<=0?(e.apply(this,o),r=i):n=setTimeout(()=>{e.apply(this,o),r=Date.now(),n=null},s)}},exports.throttleByRaf=e=>{let t=0;const r=(...r)=>{t&&window.cancelAnimationFrame(t),t=window.requestAnimationFrame(()=>{e(...r),t=0})};return r.cancel=()=>{window.cancelAnimationFrame(t),t=0},r},exports.valueToPx=e=>n.isNumber(e)||n.isString(e)&&/^-?\d+(\.\d+)?$/.test(e)?e+"px":e;
|
@@ -1,12 +1,6 @@
|
|
1
|
-
import { VNode
|
1
|
+
import { VNode } from 'vue';
|
2
2
|
import { ObjectData, RenderContent } from '../type';
|
3
3
|
export declare const getSlotFunction: (param: RenderContent | undefined) => import('vue').RenderFunction | (() => string | ObjectData[]) | undefined;
|
4
4
|
export declare const isVifNode: (vnode: VNode | undefined | null) => boolean;
|
5
5
|
export declare const findFirstLegitChild: (node: VNode[] | undefined) => VNode | null;
|
6
6
|
export declare const findComponentsFromVnodes: (vnodes: VNode[], name: string) => ObjectData[];
|
7
|
-
export type VueInstance = ComponentPublicInstance;
|
8
|
-
export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRef<T>;
|
9
|
-
export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<T>;
|
10
|
-
export type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;
|
11
|
-
export type UnRefElementReturn<T extends MaybeElement = MaybeElement> = T extends VueInstance ? Exclude<MaybeElement, VueInstance> : T | undefined;
|
12
|
-
export declare function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): UnRefElementReturn<T>;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./is.js"),n=t=>e.h("span",{class:{"only-child__content":!0}},t),r=
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./is.js"),n=t=>e.h("span",{class:{"only-child__content":!0}},t),r=s=>{if(!s)return null;const o=s;for(const i of o){if(t.isObject(i))switch(i.type){case e.Comment:continue;case e.Text:case"svg":return n(i);case e.Fragment:return r(i.children);default:return i}return n(i)}return null};exports.findComponentsFromVnodes=(n,r)=>{const s=[],o=n=>{var i,c;if(!n)return;const u=Array.isArray(n)?n:[n];for(const l of u){if(!e.isVNode(l))continue;const n=l.type,u=l.children,f=null==(i=l.component)?void 0:i.subTree;if(t.isObject(n)&&n.name===r&&s.push(l),f)o(f);else if(Array.isArray(u))o(u);else if(t.isObject(u))for(const e of Object.keys(u))t.isFunction(u[e])&&o((null==(c=u[e])?void 0:c.call(u))||[])}};return o(n),s},exports.findFirstLegitChild=r,exports.getSlotFunction=e=>{if(e)return t.isFunction(e)?e:()=>e};
|