yc-design-vue 1.4.3 → 1.4.5
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/Breadcrumb/BreadcrumbSeparator.vue2.js +1 -1
- package/es/Calendar/Calendar.vue.d.ts +1 -1
- package/es/Calendar/index.d.ts +3 -3
- package/es/Collapse/Collapse.vue.d.ts +1 -1
- package/es/Collapse/index.d.ts +3 -3
- package/es/ColorPicker/ColorPicker.vue.d.ts +1 -1
- package/es/ColorPicker/index.d.ts +3 -3
- package/es/Dropdown/Dgroup.vue.js +1 -1
- package/es/Dropdown/Dgroup.vue2.js +2 -2
- package/es/Dropdown/Doption.vue.js +1 -1
- package/es/Dropdown/Doption.vue2.js +3 -1
- package/es/Dropdown/Dropdown.vue.d.ts +0 -1
- package/es/Dropdown/Dropdown.vue.js +4 -3
- package/es/Dropdown/Dsubmenu.vue.js +1 -1
- package/es/Dropdown/Dsubmenu.vue2.js +3 -4
- package/es/Dropdown/hooks/useContext.d.ts +1 -3
- package/es/Dropdown/hooks/useContext.js +1 -4
- package/es/Dropdown/index.d.ts +0 -3
- package/es/Dropdown/type.d.ts +1 -2
- package/es/Layout/LayoutSider.vue.d.ts +2 -2
- package/es/Layout/LayoutSider.vue.js +1 -1
- package/es/Layout/LayoutSider.vue2.js +4 -5
- package/es/Layout/hooks/useSiderContext.d.ts +1 -0
- package/es/Layout/hooks/useSiderContext.js +21 -2
- package/es/Layout/index.d.ts +6 -6
- package/es/Menu/Menu.vue.d.ts +7 -7
- package/es/Menu/Menu.vue2.js +2 -2
- package/es/Menu/MenuEllipsis.vue.js +1 -1
- package/es/Menu/MenuEllipsis.vue2.js +3 -4
- package/es/Menu/MenuItem.vue.js +1 -1
- package/es/Menu/MenuItem.vue2.js +3 -4
- package/es/Menu/MenuItemGroup.vue2.js +2 -2
- package/es/Menu/SubMenu.vue2.js +2 -2
- package/es/Menu/hooks/useContext.js +2 -2
- package/es/Menu/index.d.ts +20 -20
- package/es/Transfer/TransferPanel.vue2.js +2 -2
- package/es/Typography/TypographyBase.vue2.js +2 -2
- package/es/_shared/icons/IconCopy.vue.js +1 -16
- package/es/_shared/icons/IconCopy.vue2.js +16 -1
- package/es/_shared/icons/IconDelete.vue.js +16 -1
- package/es/_shared/icons/IconDelete.vue2.js +1 -16
- package/es/_shared/icons/IconEdit.vue.js +1 -16
- package/es/_shared/icons/IconEdit.vue2.js +16 -1
- package/es/_shared/icons/IconSearch.vue.js +16 -1
- package/es/_shared/icons/IconSearch.vue2.js +1 -16
- package/es/_shared/icons/IconSeparator.vue.js +1 -16
- package/es/_shared/icons/IconSeparator.vue2.js +16 -1
- package/es/index.d.ts +6 -6
- package/es/node_modules/@vueuse/core/index.js +319 -4
- package/es/node_modules/@vueuse/shared/index.js +65 -2
- package/es/style.css +1 -1
- package/lib/Breadcrumb/BreadcrumbSeparator.vue2.js +1 -1
- package/lib/Calendar/Calendar.vue.d.ts +1 -1
- package/lib/Calendar/index.d.ts +3 -3
- package/lib/Collapse/Collapse.vue.d.ts +1 -1
- package/lib/Collapse/index.d.ts +3 -3
- package/lib/ColorPicker/ColorPicker.vue.d.ts +1 -1
- package/lib/ColorPicker/index.d.ts +3 -3
- package/lib/Dropdown/Dgroup.vue.js +1 -1
- package/lib/Dropdown/Dgroup.vue2.js +1 -1
- package/lib/Dropdown/Doption.vue.js +1 -1
- package/lib/Dropdown/Doption.vue2.js +1 -1
- package/lib/Dropdown/Dropdown.vue.d.ts +0 -1
- package/lib/Dropdown/Dropdown.vue.js +1 -1
- package/lib/Dropdown/Dsubmenu.vue.js +1 -1
- package/lib/Dropdown/Dsubmenu.vue2.js +1 -1
- package/lib/Dropdown/hooks/useContext.d.ts +1 -3
- package/lib/Dropdown/hooks/useContext.js +1 -1
- package/lib/Dropdown/index.d.ts +0 -3
- package/lib/Dropdown/type.d.ts +1 -2
- package/lib/Layout/LayoutSider.vue.d.ts +2 -2
- package/lib/Layout/LayoutSider.vue.js +1 -1
- package/lib/Layout/LayoutSider.vue2.js +1 -1
- package/lib/Layout/hooks/useSiderContext.d.ts +1 -0
- package/lib/Layout/hooks/useSiderContext.js +1 -1
- package/lib/Layout/index.d.ts +6 -6
- package/lib/Menu/Menu.vue.d.ts +7 -7
- package/lib/Menu/MenuEllipsis.vue.js +1 -1
- package/lib/Menu/MenuEllipsis.vue2.js +1 -1
- package/lib/Menu/MenuItem.vue.js +1 -1
- package/lib/Menu/MenuItem.vue2.js +1 -1
- package/lib/Menu/index.d.ts +20 -20
- package/lib/Transfer/TransferPanel.vue2.js +1 -1
- package/lib/Typography/TypographyBase.vue2.js +1 -1
- package/lib/_shared/icons/IconCopy.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue2.js +1 -1
- package/lib/_shared/icons/IconDelete.vue.js +1 -1
- package/lib/_shared/icons/IconDelete.vue2.js +1 -1
- package/lib/_shared/icons/IconEdit.vue.js +1 -1
- package/lib/_shared/icons/IconEdit.vue2.js +1 -1
- package/lib/_shared/icons/IconSearch.vue.js +1 -1
- package/lib/_shared/icons/IconSearch.vue2.js +1 -1
- package/lib/_shared/icons/IconSeparator.vue.js +1 -1
- package/lib/_shared/icons/IconSeparator.vue2.js +1 -1
- package/lib/index.d.ts +6 -6
- package/lib/node_modules/@vueuse/core/index.js +1 -1
- package/lib/node_modules/@vueuse/shared/index.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 r=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/icons/IconSeparator.
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const r=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/icons/IconSeparator.vue2.js"),t={class:"yc-breadcrumb-item-separator"},a=e.defineComponent({__name:"BreadcrumbSeparator",props:{separatorSlots:{type:Function},separator:{},itemSeparatorSlots:{type:Function},itemSeparator:{}},setup(a){const s=a,l=e.computed(()=>r.isUndefined(s.itemSeparatorSlots)?s.separatorSlots||s.separator:s.itemSeparatorSlots||s.itemSeparator||s.separatorSlots||s.separator),n=()=>{var e,o,t;return r.isUndefined(s.itemSeparatorSlots)?(null==(e=s.separatorSlots)?void 0:e.call(s))||s.separator:(null==(o=s.itemSeparatorSlots)?void 0:o.call(s))||s.itemSeparator||(null==(t=s.separatorSlots)?void 0:t.call(s))||s.separator};return(r,a)=>(e.openBlock(),e.createElementBlock("span",t,[l.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:0})):(e.openBlock(),e.createBlock(e.unref(o),{key:1}))]))}});module.exports=a;
|
@@ -20,8 +20,8 @@ declare const __VLS_component: import('vue').DefineComponent<CalendarProps, {},
|
|
20
20
|
mode: CalendarMode;
|
21
21
|
modelValue: Date;
|
22
22
|
defaultValue: Date;
|
23
|
-
defaultMode: CalendarMode;
|
24
23
|
modes: CalendarMode[];
|
24
|
+
defaultMode: CalendarMode;
|
25
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
26
26
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
27
27
|
export default _default;
|
package/lib/Calendar/index.d.ts
CHANGED
@@ -17,8 +17,8 @@ declare const Calendar: {
|
|
17
17
|
mode: import('./type').CalendarMode;
|
18
18
|
modelValue: Date;
|
19
19
|
defaultValue: Date;
|
20
|
-
defaultMode: import('./type').CalendarMode;
|
21
20
|
modes: import('./type').CalendarMode[];
|
21
|
+
defaultMode: import('./type').CalendarMode;
|
22
22
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
23
23
|
P: {};
|
24
24
|
B: {};
|
@@ -35,8 +35,8 @@ declare const Calendar: {
|
|
35
35
|
mode: import('./type').CalendarMode;
|
36
36
|
modelValue: Date;
|
37
37
|
defaultValue: Date;
|
38
|
-
defaultMode: import('./type').CalendarMode;
|
39
38
|
modes: import('./type').CalendarMode[];
|
39
|
+
defaultMode: import('./type').CalendarMode;
|
40
40
|
}>;
|
41
41
|
__isFragment?: never;
|
42
42
|
__isTeleport?: never;
|
@@ -55,8 +55,8 @@ declare const Calendar: {
|
|
55
55
|
mode: import('./type').CalendarMode;
|
56
56
|
modelValue: Date;
|
57
57
|
defaultValue: Date;
|
58
|
-
defaultMode: import('./type').CalendarMode;
|
59
58
|
modes: import('./type').CalendarMode[];
|
59
|
+
defaultMode: import('./type').CalendarMode;
|
60
60
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
61
61
|
$slots: Readonly<import('./type').CalendarSlots> & import('./type').CalendarSlots;
|
62
62
|
}) & {
|
@@ -14,9 +14,9 @@ declare const __VLS_component: import('vue').DefineComponent<CollapseProps, {},
|
|
14
14
|
"onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
|
15
15
|
}>, {
|
16
16
|
bordered: boolean;
|
17
|
+
accordion: boolean;
|
17
18
|
activeKey: import('./type').CollapseValue[];
|
18
19
|
defaultActiveKey: import('./type').CollapseValue[];
|
19
|
-
accordion: boolean;
|
20
20
|
expandIconPosition: import('./type').ExpandIconPosition;
|
21
21
|
showExpandIcon: boolean;
|
22
22
|
destroyOnHide: boolean;
|
package/lib/Collapse/index.d.ts
CHANGED
@@ -13,9 +13,9 @@ declare const Collapse: {
|
|
13
13
|
"update:activekey": (value: import('./type').CollapseValue) => any;
|
14
14
|
}, import('vue').PublicProps, {
|
15
15
|
bordered: boolean;
|
16
|
+
accordion: boolean;
|
16
17
|
activeKey: import('./type').CollapseValue[];
|
17
18
|
defaultActiveKey: import('./type').CollapseValue[];
|
18
|
-
accordion: boolean;
|
19
19
|
expandIconPosition: import('./type').ExpandIconPosition;
|
20
20
|
showExpandIcon: boolean;
|
21
21
|
destroyOnHide: boolean;
|
@@ -31,9 +31,9 @@ declare const Collapse: {
|
|
31
31
|
"onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
|
32
32
|
}>, {}, {}, {}, {}, {
|
33
33
|
bordered: boolean;
|
34
|
+
accordion: boolean;
|
34
35
|
activeKey: import('./type').CollapseValue[];
|
35
36
|
defaultActiveKey: import('./type').CollapseValue[];
|
36
|
-
accordion: boolean;
|
37
37
|
expandIconPosition: import('./type').ExpandIconPosition;
|
38
38
|
showExpandIcon: boolean;
|
39
39
|
destroyOnHide: boolean;
|
@@ -49,9 +49,9 @@ declare const Collapse: {
|
|
49
49
|
"update:activekey": (value: import('./type').CollapseValue) => any;
|
50
50
|
}, string, {
|
51
51
|
bordered: boolean;
|
52
|
+
accordion: boolean;
|
52
53
|
activeKey: import('./type').CollapseValue[];
|
53
54
|
defaultActiveKey: import('./type').CollapseValue[];
|
54
|
-
accordion: boolean;
|
55
55
|
expandIconPosition: import('./type').ExpandIconPosition;
|
56
56
|
showExpandIcon: boolean;
|
57
57
|
destroyOnHide: boolean;
|
@@ -22,13 +22,13 @@ declare const __VLS_component: import('vue').DefineComponent<ColorPickerProps, {
|
|
22
22
|
modelValue: string;
|
23
23
|
defaultValue: string;
|
24
24
|
triggerProps: import('../Trigger').TriggerProps;
|
25
|
+
hideTrigger: boolean;
|
25
26
|
format: import('./type').ColorFormat;
|
26
27
|
disabledAlpha: boolean;
|
27
28
|
showHistory: boolean;
|
28
29
|
showPreset: boolean;
|
29
30
|
historyColors: string[];
|
30
31
|
presetColors: string[];
|
31
|
-
hideTrigger: boolean;
|
32
32
|
showText: boolean;
|
33
33
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
34
34
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -17,13 +17,13 @@ declare const ColorPicker: {
|
|
17
17
|
modelValue: string;
|
18
18
|
defaultValue: string;
|
19
19
|
triggerProps: import('..').TriggerProps;
|
20
|
+
hideTrigger: boolean;
|
20
21
|
format: import('./type').ColorFormat;
|
21
22
|
disabledAlpha: boolean;
|
22
23
|
showHistory: boolean;
|
23
24
|
showPreset: boolean;
|
24
25
|
historyColors: string[];
|
25
26
|
presetColors: string[];
|
26
|
-
hideTrigger: boolean;
|
27
27
|
showText: boolean;
|
28
28
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
29
29
|
P: {};
|
@@ -42,13 +42,13 @@ declare const ColorPicker: {
|
|
42
42
|
modelValue: string;
|
43
43
|
defaultValue: string;
|
44
44
|
triggerProps: import('..').TriggerProps;
|
45
|
+
hideTrigger: boolean;
|
45
46
|
format: import('./type').ColorFormat;
|
46
47
|
disabledAlpha: boolean;
|
47
48
|
showHistory: boolean;
|
48
49
|
showPreset: boolean;
|
49
50
|
historyColors: string[];
|
50
51
|
presetColors: string[];
|
51
|
-
hideTrigger: boolean;
|
52
52
|
showText: boolean;
|
53
53
|
}>;
|
54
54
|
__isFragment?: never;
|
@@ -68,13 +68,13 @@ declare const ColorPicker: {
|
|
68
68
|
modelValue: string;
|
69
69
|
defaultValue: string;
|
70
70
|
triggerProps: import('..').TriggerProps;
|
71
|
+
hideTrigger: boolean;
|
71
72
|
format: import('./type').ColorFormat;
|
72
73
|
disabledAlpha: boolean;
|
73
74
|
showHistory: boolean;
|
74
75
|
showPreset: boolean;
|
75
76
|
historyColors: string[];
|
76
77
|
presetColors: string[];
|
77
|
-
hideTrigger: boolean;
|
78
78
|
showText: boolean;
|
79
79
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
80
80
|
$slots: {
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./Dgroup.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./Dgroup.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-9647daa0"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=require("
|
1
|
+
"use strict";const e=require("vue"),t=require("../Menu/hooks/useContext.js"),o=e.defineComponent({name:"Dgroup",__name:"Dgroup",props:{title:{}},setup(o){const{theme:r}=t.default().inject();return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass(["yc-dropdown-group-title","text-ellipsis",`yc-dropdown-group-title-theme-${e.unref(r)}`])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],2),e.renderSlot(t.$slots,"default",{},void 0,!0)],64))}});module.exports=o;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./Doption.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./Doption.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4d0a3b0c"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t={key:0,class:"yc-dropdown-option-icon"},
|
1
|
+
"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=require("../Menu/hooks/useContext.js"),n={key:0,class:"yc-dropdown-option-icon"},s={class:"yc-dropdown-option-content text-ellipsis"},i={key:1,class:"yc-dropdown-option-suffix"},l=e.defineComponent({name:"Doption",__name:"Doption",props:{value:{type:[String,Number,Boolean,Object]},disabled:{type:Boolean,default:!1},isSubmenu:{type:Boolean,default:!1},isActive:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:c}){const d=l,r=c,{value:a,disabled:u,isSubmenu:p}=e.toRefs(d),{select:m}=o().inject(),{theme:f}=t.default().inject(),v=e=>{u.value||(r("click",e),p.value||m(a.value,e))};return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-dropdown-option",`yc-dropdown-option-theme-${e.unref(f)}`,{"yc-dropdown-option-active":o.isActive,"yc-dropdown-option-disabled":e.unref(u),"yc-dropdown-option-has-suffix":o.$slots.suffix}]),onClick:v},[o.$slots.icon?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(o.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(o.$slots,"default",{},void 0,!0)]),o.$slots.suffix?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(o.$slots,"suffix",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}});module.exports=l;
|
@@ -26,7 +26,6 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
|
|
26
26
|
popupContainer: import('..').PopupContainer;
|
27
27
|
triggerProps: import('../Trigger').TriggerProps;
|
28
28
|
hideOnSelect: boolean;
|
29
|
-
theme: import('..').Theme;
|
30
29
|
popupMaxHeight: number | boolean;
|
31
30
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
32
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const i=require("./hooks/useContext.js"),l=require("../Trigger/index.js"),
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../_shared/utils/dom.js"),t=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const i=require("./hooks/useContext.js"),l=require("../Menu/hooks/useContext.js"),r=require("../Trigger/index.js"),s=require("../Scrollbar/index.js"),n={class:"yc-dropdown"},u={class:"yc-dropdown-list"},a={key:0,class:"yc-dropdown-footer"},p=e.defineComponent({name:"Dropdown",__name:"Dropdown",props:{popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},trigger:{default:"click"},position:{default:"bottom"},popupContainer:{default:void 0},hideOnSelect:{type:Boolean,default:!0},alignPoint:{type:Boolean,default:!1},triggerProps:{default:()=>({})},popupMaxHeight:{type:[Number,Boolean],default:200}},emits:["update:popupVisible","popup-visible-change","select"],setup(p,{expose:d,emit:c}){const m=p,f=c,{trigger:g,position:v,popupMaxHeight:y}=e.toRefs(m),{computedVisible:h}=i().provide(m,f),{theme:b}=l.default().inject(),x=e.computed(()=>["top","tl","tr","bottom","bl","br"].includes(v.value)?v.value:"bottom"),w=e.computed(()=>t.isBoolean(y.value)&&!y.value||t.isUndefined(y)?"":o.valueToPx(t.isBoolean(y.value)?200:y.value));return d({show(){h.value=!0},hide(){h.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(r),e.mergeProps({"popup-visible":e.unref(h),"onUpdate:popupVisible":t[0]||(t[0]=o=>e.isRef(h)?h.value=o:null),trigger:e.unref(g),position:x.value,"popup-offset":4,"mouse-enter-delay":150,"mouse-leave-delay":150,alignPoint:o.alignPoint,"auto-fit-popup-min-width":!o.alignPoint&&["top","bottom"].includes(x.value),class:["yc-dropdown-popup",,`yc-dropdown-theme-${e.unref(b)}`,o.$attrs.class],style:o.$attrs.style,"animation-name":"slide-dynamic-origin","need-transform-origin":""},o.triggerProps),{content:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(s),{style:e.normalizeStyle({maxHeight:w.value})},{default:e.withCtx(()=>[e.createElementVNode("div",u,[e.renderSlot(o.$slots,"content")])]),_:3},8,["style"]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popup-visible","trigger","position","alignPoint","auto-fit-popup-min-width","class","style"]))}});module.exports=p;
|
@@ -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-6ea1704e"]]);module.exports=u;
|
@@ -1 +1 @@
|
|
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("
|
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("../Menu/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.default().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,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","class","style"])]),_:3},16,["popup-visible","trigger","position","disabled"]))}});module.exports=c;
|
@@ -1,8 +1,6 @@
|
|
1
|
-
import { Ref } from 'vue';
|
2
1
|
import { DoptionValue, DropdownEmits } from '../type';
|
3
|
-
import { Props
|
2
|
+
import { Props } from '../../_shared/type';
|
4
3
|
type DropdownContext = {
|
5
|
-
theme: Ref<Theme>;
|
6
4
|
select: (value: DoptionValue, ev: MouseEvent) => void;
|
7
5
|
};
|
8
6
|
declare const _default: () => {
|
@@ -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"),require("../../Empty/index.js");/* empty css */const i=require("../../_shared/utils/control.js"),
|
1
|
+
"use strict";const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css */const i=require("../../_shared/utils/control.js"),s="dropdown-context";module.exports=()=>({provide:(o,t)=>{const{popupVisible:r,defaultPopupVisible:u,hideOnSelect:l,position:p}=e.toRefs(o),n=i(r,u.value,e=>{t("update:popupVisible",e),t("popup-visible-change",e)});return e.provide(s,{select:(e,i)=>{t("select",e,i),l.value&&(n.value=!1)}}),{computedVisible:n}},inject:()=>e.inject(s,{select:()=>{}})});
|
package/lib/Dropdown/index.d.ts
CHANGED
@@ -31,7 +31,6 @@ declare const Dropdown: {
|
|
31
31
|
popupContainer: import('..').PopupContainer;
|
32
32
|
triggerProps: import('..').TriggerProps;
|
33
33
|
hideOnSelect: boolean;
|
34
|
-
theme: import('..').Theme;
|
35
34
|
popupMaxHeight: number | boolean;
|
36
35
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
37
36
|
P: {};
|
@@ -56,7 +55,6 @@ declare const Dropdown: {
|
|
56
55
|
popupContainer: import('..').PopupContainer;
|
57
56
|
triggerProps: import('..').TriggerProps;
|
58
57
|
hideOnSelect: boolean;
|
59
|
-
theme: import('..').Theme;
|
60
58
|
popupMaxHeight: number | boolean;
|
61
59
|
}>;
|
62
60
|
__isFragment?: never;
|
@@ -82,7 +80,6 @@ declare const Dropdown: {
|
|
82
80
|
popupContainer: import('..').PopupContainer;
|
83
81
|
triggerProps: import('..').TriggerProps;
|
84
82
|
hideOnSelect: boolean;
|
85
|
-
theme: import('..').Theme;
|
86
83
|
popupMaxHeight: number | boolean;
|
87
84
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
88
85
|
$slots: Readonly<import('./type').DropdownSlots> & import('./type').DropdownSlots;
|
package/lib/Dropdown/type.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ObjectData, PopupContainer,
|
1
|
+
import { ObjectData, PopupContainer, Size } from '../_shared/type';
|
2
2
|
import { TriggerProps, TriggerType } from '../Trigger';
|
3
3
|
import { ButtonProps, ButtonType } from '../Button';
|
4
4
|
import { VNode } from 'vue';
|
@@ -12,7 +12,6 @@ export interface DropdownProps {
|
|
12
12
|
alignPoint?: boolean;
|
13
13
|
triggerProps?: TriggerProps;
|
14
14
|
popupMaxHeight?: number | boolean;
|
15
|
-
theme?: Theme;
|
16
15
|
}
|
17
16
|
export interface DropdownEmits {
|
18
17
|
(e: 'update:popupVisible', value: boolean): void;
|
@@ -19,11 +19,11 @@ declare const __VLS_component: import('vue').DefineComponent<LayoutSiderProps, {
|
|
19
19
|
collapsed: boolean;
|
20
20
|
breakpoint: import('..').BreakpointName;
|
21
21
|
theme: import('..').Theme;
|
22
|
-
hideTrigger: boolean;
|
23
22
|
defaultCollapsed: boolean;
|
24
|
-
collapsible: boolean;
|
25
23
|
collapsedWidth: number;
|
24
|
+
collapsible: boolean;
|
26
25
|
reverseArrow: boolean;
|
26
|
+
hideTrigger: boolean;
|
27
27
|
resizeDirections: import('./type').ResizeDirections;
|
28
28
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
29
29
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./LayoutSider.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./LayoutSider.vue2.js");;/* empty css */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-d230ef01"]]);module.exports=r;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/icons/IconArrowRight.vue.js"),
|
1
|
+
"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("../_shared/icons/IconArrowRight.vue.js"),r=require("./hooks/useSiderContext.js"),t=require("../ResizeBox/index.js"),a=e.defineComponent({name:"LayoutSider",__name:"LayoutSider",props:{theme:{default:void 0},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!1},width:{default:200},collapsedWidth:{default:48},reverseArrow:{type:Boolean,default:!1},breakpoint:{default:void 0},hideTrigger:{type:Boolean,default:!1},resizeDirections:{default:()=>[]}},emits:["update:collapsed","collapse","breakpoint"],setup(a,{emit:s}){e.useCssVars(e=>({"0a49ed96":h.value,"754ad672":k.value}));const u=a,i=s,{collapsible:d,breakpoint:n,hideTrigger:c,width:p,collapsedWidth:v}=e.toRefs(u),{theme:y,computedCollapsed:f}=r.default().provide(u,i),m=e.ref(p.value),h=e.computed(()=>l.valueToPx(m.value)),k=e.computed(()=>l.valueToPx(v.value)),g=e.computed(()=>!c.value&&d.value),B=()=>{if(!d.value)return;const e=!f.value;f.value=e,m.value=e?v.value:p.value,i("collapse",e,"clickTrigger")};return l.mediaQueryHandler((e,l,o)=>{if(!d.value||!n.value)return;const r=o<=l[n.value];f.value=r,m.value=r?v.value:p.value,i("collapse",r,"responsive"),i("breakpoint",r)}),(l,r)=>l.resizeDirections.length?(e.openBlock(),e.createBlock(e.unref(t),{key:0,width:m.value,"onUpdate:width":r[0]||(r[0]=e=>m.value=e),directions:l.resizeDirections,class:e.normalizeClass(["yc-layout-sider",`yc-layout-sider-${e.unref(y)}`,{"yc-layout-sider-has-trigger":g.value}])},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},void 0,!0),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-collapse-button",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(f)},()=>[e.createVNode(e.unref(o),{rotate:e.unref(f)&&!l.reverseArrow?0:180},null,8,["rotate"])],!0)])):e.createCommentVNode("",!0)]),_:3},8,["width","directions","class"])):(e.openBlock(),e.createElementBlock("aside",{key:1,class:e.normalizeClass(["yc-layout-sider","yc-layout-sider-translation",`yc-layout-sider-${e.unref(y)}`,{"yc-layout-sider-collapsed":e.unref(f),"yc-layout-sider-has-trigger":g.value}])},[e.renderSlot(l.$slots,"default",{},void 0,!0),g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-collapse-button",onClick:B},[e.renderSlot(l.$slots,"trigger",{collapsed:e.unref(f)},()=>[e.createVNode(e.unref(o),{rotate:e.unref(f)&&!l.reverseArrow?0:180},null,8,["rotate"])],!0)])):e.createCommentVNode("",!0)],2))}});module.exports=a;
|
@@ -8,6 +8,7 @@ export type LayoutContext = {
|
|
8
8
|
};
|
9
9
|
declare const _default: () => {
|
10
10
|
provide: (props: Props, emits: LayoutSiderEmits) => {
|
11
|
+
theme: import('vue').ComputedRef<Theme>;
|
11
12
|
computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
|
12
13
|
};
|
13
14
|
inject: () => LayoutContext;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js")
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const r=require("../../_shared/utils/is.js");require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css */const s=require("../../_shared/utils/control.js"),t=require("../../node_modules/@vueuse/core/index.js"),o="LAYOUT-CONTEXT";exports.LAYOUT_CONTEXT_KEY=o,exports.default=()=>({provide:(l,u)=>{const{theme:i,collapsed:d,defaultCollapsed:a}=e.toRefs(l),c=t.useDark({selector:"body",attribute:"yc-design-theme",valueDark:"dark",valueLight:"light"}),n=s(d,a.value,e=>{u("update:collapsed",e)}),p=e.computed(()=>r.isUndefined(i.value)?c.value?"dark":"light":i.value);return e.provide(o,{theme:p,collapsed:n}),{theme:p,computedCollapsed:n}},inject:()=>e.inject(o,{theme:e.ref("light"),collapsed:e.ref(!1)})});
|
package/lib/Layout/index.d.ts
CHANGED
@@ -90,11 +90,11 @@ declare const Layout: {
|
|
90
90
|
collapsed: boolean;
|
91
91
|
breakpoint: import('..').BreakpointName;
|
92
92
|
theme: import('..').Theme;
|
93
|
-
hideTrigger: boolean;
|
94
93
|
defaultCollapsed: boolean;
|
95
|
-
collapsible: boolean;
|
96
94
|
collapsedWidth: number;
|
95
|
+
collapsible: boolean;
|
97
96
|
reverseArrow: boolean;
|
97
|
+
hideTrigger: boolean;
|
98
98
|
resizeDirections: import('./type').ResizeDirections;
|
99
99
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
100
100
|
P: {};
|
@@ -112,11 +112,11 @@ declare const Layout: {
|
|
112
112
|
collapsed: boolean;
|
113
113
|
breakpoint: import('..').BreakpointName;
|
114
114
|
theme: import('..').Theme;
|
115
|
-
hideTrigger: boolean;
|
116
115
|
defaultCollapsed: boolean;
|
117
|
-
collapsible: boolean;
|
118
116
|
collapsedWidth: number;
|
117
|
+
collapsible: boolean;
|
119
118
|
reverseArrow: boolean;
|
119
|
+
hideTrigger: boolean;
|
120
120
|
resizeDirections: import('./type').ResizeDirections;
|
121
121
|
}>;
|
122
122
|
__isFragment?: never;
|
@@ -135,11 +135,11 @@ declare const Layout: {
|
|
135
135
|
collapsed: boolean;
|
136
136
|
breakpoint: import('..').BreakpointName;
|
137
137
|
theme: import('..').Theme;
|
138
|
-
hideTrigger: boolean;
|
139
138
|
defaultCollapsed: boolean;
|
140
|
-
collapsible: boolean;
|
141
139
|
collapsedWidth: number;
|
140
|
+
collapsible: boolean;
|
142
141
|
reverseArrow: boolean;
|
142
|
+
hideTrigger: boolean;
|
143
143
|
resizeDirections: import('./type').ResizeDirections;
|
144
144
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
145
145
|
$slots: Readonly<import('./type').LayoutSiderSlots> & import('./type').LayoutSiderSlots;
|
package/lib/Menu/Menu.vue.d.ts
CHANGED
@@ -10,16 +10,16 @@ declare function __VLS_template(): {
|
|
10
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
12
12
|
collapse: (collapsed: boolean, type: "clickTrigger" | "responsive") => any;
|
13
|
-
"update:collapsed": (value: boolean) => any;
|
14
13
|
"update:selectedKeys": (value: string) => any;
|
15
14
|
"update:openKeys": (value: string) => any;
|
15
|
+
"update:collapsed": (value: boolean) => any;
|
16
16
|
"menu-item-click": (key: string) => any;
|
17
17
|
"sub-menu-click": (key: string, openKeys: string[]) => any;
|
18
18
|
}, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{
|
19
19
|
onCollapse?: ((collapsed: boolean, type: "clickTrigger" | "responsive") => any) | undefined;
|
20
|
-
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
21
20
|
"onUpdate:selectedKeys"?: ((value: string) => any) | undefined;
|
22
21
|
"onUpdate:openKeys"?: ((value: string) => any) | undefined;
|
22
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
23
23
|
"onMenu-item-click"?: ((key: string) => any) | undefined;
|
24
24
|
"onSub-menu-click"?: ((key: string, openKeys: string[]) => any) | undefined;
|
25
25
|
}>, {
|
@@ -27,21 +27,21 @@ declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {},
|
|
27
27
|
triggerProps: import('..').TriggerProps;
|
28
28
|
collapsed: boolean;
|
29
29
|
breakpoint: import('..').BreakpointName;
|
30
|
-
theme: import('..').Theme;
|
31
30
|
popupMaxHeight: import('./type').PopupMaxHeight;
|
32
|
-
|
31
|
+
theme: import('..').Theme;
|
32
|
+
levelIndent: number;
|
33
|
+
autoOpen: boolean;
|
33
34
|
defaultCollapsed: boolean;
|
34
35
|
collapsedWidth: number | string;
|
36
|
+
accordion: boolean;
|
37
|
+
showCollapseButton: boolean;
|
35
38
|
selectedKeys: string;
|
36
39
|
defaultSelectedKeys: string;
|
37
40
|
openKeys: string[];
|
38
41
|
defaultOpenKeys: string[];
|
39
|
-
levelIndent: number;
|
40
|
-
autoOpen: boolean;
|
41
42
|
tooltipProps: import('..').TooltipProps;
|
42
43
|
autoOpenSelected: boolean;
|
43
44
|
autoScrollIntoView: boolean;
|
44
|
-
showCollapseButton: boolean;
|
45
45
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
46
46
|
menuRef: HTMLDivElement;
|
47
47
|
}, HTMLDivElement>;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./MenuEllipsis.vue2.js");;/* empty css */const s=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./MenuEllipsis.vue2.js");;/* empty css */const s=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-c409e211"]]);module.exports=s;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const r=require("../_shared/icons/IconMore.vue.js"),o=require("./hooks/useContext.js"),u=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),s={class:e.normalizeClass(["yc-menu-item-wrapper","yc-menu-item-mode-horizontal"])},i={class:"yc-menu-item-title"},c={class:"yc-menu-icon-suffix"},l=e.defineComponent({__name:"MenuEllipsis",setup(l){const{computedSelectedKeys:m,theme:p,triggerProps:a,popupMaxHeight:d,menuTree:h,max:v,emits:f}=o.default().inject(),g=e.computed(()=>h.value.slice(v.value)),y=e.computed(()=>g.value.some(e=>o.isMenuItemActive(h.value,e.path,m.value))),x=e=>{m.value!=e&&(m.value=e,f("menu-item-click",e))};return(o,l)=>(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(e.unref(n.default),{"popup-max-height":e.unref(d),
|
1
|
+
"use strict";const e=require("vue"),t=require("../_shared/icons/IconArrowDown.vue.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const r=require("../_shared/icons/IconMore.vue.js"),o=require("./hooks/useContext.js"),u=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),s={class:e.normalizeClass(["yc-menu-item-wrapper","yc-menu-item-mode-horizontal"])},i={class:"yc-menu-item-title"},c={class:"yc-menu-icon-suffix"},l=e.defineComponent({__name:"MenuEllipsis",setup(l){const{computedSelectedKeys:m,theme:p,triggerProps:a,popupMaxHeight:d,menuTree:h,max:v,emits:f}=o.default().inject(),g=e.computed(()=>h.value.slice(v.value)),y=e.computed(()=>g.value.some(e=>o.isMenuItemActive(h.value,e.path,m.value))),x=e=>{m.value!=e&&(m.value=e,f("menu-item-click",e))};return(o,l)=>(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(e.unref(n.default),{"popup-max-height":e.unref(d),"trigger-props":{position:"bl",popupOffset:20,showArrow:!0,...e.unref(a)},onSelect:x},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createBlock(u,{key:t.path,"tree-node":t,"popup-max-height":e.unref(d),"trigger-props":e.unref(a),"computed-selected-keys":e.unref(m)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item","yc-menu-item-ellipsis",`yc-menu-item-theme-${e.unref(p)}`,{"yc-menu-item-selected":y.value}])},[e.createElementVNode("div",i,[e.createVNode(e.unref(r))]),e.createElementVNode("div",c,[e.createVNode(e.unref(t))])],2)]),_:1},8,["popup-max-height","trigger-props"])]))}});module.exports=l;
|
package/lib/Menu/MenuItem.vue.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("./MenuItem.vue2.js");;/* empty css */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-
|
1
|
+
"use strict";const e=require("./MenuItem.vue2.js");;/* empty css */const u=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-a60c4bae"]]);module.exports=u;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const u=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("./hooks/useContext.js"),n=require("./MenuPopOption.vue.js"),r=require("../Dropdown/index.js"),a=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},s={key:2,class:"yc-menu-icon-suffix"},c=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(c){const
|
1
|
+
"use strict";const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const u=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css */const o=require("./hooks/useContext.js"),n=require("./MenuPopOption.vue.js"),r=require("../Dropdown/index.js"),a=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},s={key:2,class:"yc-menu-icon-suffix"},c=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(c){const p=c,{path:d,disabled:m}=e.toRefs(p),{reuse:v,define:f}=t.createReusableTemplate(),h=e.useAttrs(),{computedSelectedKeys:k,computedOpenKeys:y,computedCollapsed:g,levelIndent:x,mode:B,theme:w,autoOpen:C,autoOpenSelected:j,accordion:q,triggerProps:_,tooltipProps:N,autoScrollIntoView:V,scrollConfig:z,popupMaxHeight:I,menuTreeNodes:S,menuTree:M,max:E,menuItemWidths:P,emits:b}=o.default().inject(),$=e.computed(()=>S.value.find(e=>e.path==d.value)||{type:"menuitem",level:0}),O=e.computed(()=>M.value.findIndex(e=>e.path==d.value)),T=e.computed(()=>{var e;return(null==(e=M.value[O.value])?void 0:e.children)||[]}),A=e.computed(()=>"submenu"==$.value.type),D=e.computed(()=>0===$.value.level),H=e.computed(()=>o.isMenuItemActive(M.value,d.value,k.value)),F=e.computed(()=>l.isUndefined(h.popupMaxHeight)?I.value:o.getPopupMaxHeight(h.popupMaxHeight)),R=e.ref(),K=e=>{k.value!=e&&(k.value=e,b("menu-item-click",e))},W=()=>{if(!("vertical"!=B.value&&A.value||g.value)){if(!A.value&&!m.value&&k.value!=d.value)return k.value=d.value,b("menu-item-click",d.value);y.value.includes(d.value)?y.value=y.value.filter(e=>e!=d.value):y.value=q.value?[d.value]:[...y.value,d.value],b("sub-menu-click",d.value,y.value)}};return e.onMounted(()=>{var e;D.value&&(P.value[O.value]=R.value.offsetWidth),V.value&&k.value==d.value&&(null==(e=R.value)||e.scrollIntoView(z.value)),A.value&&C.value&&j.value&&H.value&&y.value.push(d.value)}),(t,l)=>O.value<e.unref(E)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-menu-item-wrapper",{"yc-menu-item-mode-horizontal":"horizontal"==e.unref(B)}])},[e.createVNode(e.unref(f),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item",`yc-menu-item-theme-${e.unref(w)}`,{"yc-menu-item-selected":H.value,"yc-menu-item-disabled":e.unref(m),"yc-menu-item-collapsed":e.unref(g)}]),ref_key:"menuItemRef",ref:R,onClick:W},[D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-menu-indent",style:e.normalizeStyle({width:e.unref(u.valueToPx)(e.unref(x)*$.value.level),height:e.unref(u.valueToPx)(e.unref(x))})},null,4)),t.$slots.icon?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item-title",{"text-ellipsis":"horizontal"!=e.unref(B)}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2),[[e.vShow,!e.unref(g)]]),t.$slots.suffix?e.withDirectives((e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"suffix",{},void 0,!0)],512)),[[e.vShow,!e.unref(g)]]):e.createCommentVNode("",!0)],2)]),_:3}),A.value&&D.value&&("vertical"!=e.unref(B)||e.unref(g))?(e.openBlock(),e.createBlock(e.unref(r.default),{key:0,"popup-max-height":F.value,"trigger-props":{autoFitPosition:!1,position:"horizontal"==e.unref(B)?"bl":"rt",animationName:"horizontal"==e.unref(B)?"slide-dynamic-origin":"zoom-in-fade-out",popupOffset:"vertical"==e.unref(B)?14:20,showArrow:!0,...e.unref(_)},onSelect:K},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,t=>(e.openBlock(),e.createBlock(n,{key:t.path,"tree-node":t,"popup-max-height":F.value,"trigger-props":e.unref(_),"computed-selected-keys":e.unref(k)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(v))]),_:1},8,["popup-max-height","trigger-props"])):!A.value&&D.value&&e.unref(g)?(e.openBlock(),e.createBlock(e.unref(a),{key:1,position:"rt","trigger-props":{autoFitPosition:!1,popupOffset:"vertical"==e.unref(B)?14:18,showArrow:!0,...e.unref(N),...e.unref(_)}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.$slots.default)))]),default:e.withCtx(()=>[e.createVNode(e.unref(v))]),_:1},8,["trigger-props"])):(e.openBlock(),e.createBlock(e.unref(v),{key:2}))],2)):e.createCommentVNode("",!0)}});module.exports=c;
|