@element-plus/nightly 0.0.20240124 → 0.0.20240125
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/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/dist/index.full.js +18 -33
- package/dist/index.full.min.js +10 -10
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +10 -10
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +18 -33
- package/dist/locale/af.js +1 -1
- package/dist/locale/af.min.js +1 -1
- package/dist/locale/af.min.mjs +1 -1
- package/dist/locale/af.mjs +1 -1
- package/dist/locale/ar-eg.js +1 -1
- package/dist/locale/ar-eg.min.js +1 -1
- package/dist/locale/ar-eg.min.mjs +1 -1
- package/dist/locale/ar-eg.mjs +1 -1
- package/dist/locale/ar.js +1 -1
- package/dist/locale/ar.min.js +1 -1
- package/dist/locale/ar.min.mjs +1 -1
- package/dist/locale/ar.mjs +1 -1
- package/dist/locale/az.js +1 -1
- package/dist/locale/az.min.js +1 -1
- package/dist/locale/az.min.mjs +1 -1
- package/dist/locale/az.mjs +1 -1
- package/dist/locale/bg.js +1 -1
- package/dist/locale/bg.min.js +1 -1
- package/dist/locale/bg.min.mjs +1 -1
- package/dist/locale/bg.mjs +1 -1
- package/dist/locale/bn.js +1 -1
- package/dist/locale/bn.min.js +1 -1
- package/dist/locale/bn.min.mjs +1 -1
- package/dist/locale/bn.mjs +1 -1
- package/dist/locale/ca.js +1 -1
- package/dist/locale/ca.min.js +1 -1
- package/dist/locale/ca.min.mjs +1 -1
- package/dist/locale/ca.mjs +1 -1
- package/dist/locale/ckb.js +1 -1
- package/dist/locale/ckb.min.js +1 -1
- package/dist/locale/ckb.min.mjs +1 -1
- package/dist/locale/ckb.mjs +1 -1
- package/dist/locale/cs.js +1 -1
- package/dist/locale/cs.min.js +1 -1
- package/dist/locale/cs.min.mjs +1 -1
- package/dist/locale/cs.mjs +1 -1
- package/dist/locale/da.js +1 -1
- package/dist/locale/da.min.js +1 -1
- package/dist/locale/da.min.mjs +1 -1
- package/dist/locale/da.mjs +1 -1
- package/dist/locale/de.js +1 -1
- package/dist/locale/de.min.js +1 -1
- package/dist/locale/de.min.mjs +1 -1
- package/dist/locale/de.mjs +1 -1
- package/dist/locale/el.js +1 -1
- package/dist/locale/el.min.js +1 -1
- package/dist/locale/el.min.mjs +1 -1
- package/dist/locale/el.mjs +1 -1
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/eo.js +1 -1
- package/dist/locale/eo.min.js +1 -1
- package/dist/locale/eo.min.mjs +1 -1
- package/dist/locale/eo.mjs +1 -1
- package/dist/locale/es.js +1 -1
- package/dist/locale/es.min.js +1 -1
- package/dist/locale/es.min.mjs +1 -1
- package/dist/locale/es.mjs +1 -1
- package/dist/locale/et.js +1 -1
- package/dist/locale/et.min.js +1 -1
- package/dist/locale/et.min.mjs +1 -1
- package/dist/locale/et.mjs +1 -1
- package/dist/locale/eu.js +1 -1
- package/dist/locale/eu.min.js +1 -1
- package/dist/locale/eu.min.mjs +1 -1
- package/dist/locale/eu.mjs +1 -1
- package/dist/locale/fa.js +1 -1
- package/dist/locale/fa.min.js +1 -1
- package/dist/locale/fa.min.mjs +1 -1
- package/dist/locale/fa.mjs +1 -1
- package/dist/locale/fi.js +1 -1
- package/dist/locale/fi.min.js +1 -1
- package/dist/locale/fi.min.mjs +1 -1
- package/dist/locale/fi.mjs +1 -1
- package/dist/locale/fr.js +1 -1
- package/dist/locale/fr.min.js +1 -1
- package/dist/locale/fr.min.mjs +1 -1
- package/dist/locale/fr.mjs +1 -1
- package/dist/locale/he.js +1 -1
- package/dist/locale/he.min.js +1 -1
- package/dist/locale/he.min.mjs +1 -1
- package/dist/locale/he.mjs +1 -1
- package/dist/locale/hr.js +1 -1
- package/dist/locale/hr.min.js +1 -1
- package/dist/locale/hr.min.mjs +1 -1
- package/dist/locale/hr.mjs +1 -1
- package/dist/locale/hu.js +1 -1
- package/dist/locale/hu.min.js +1 -1
- package/dist/locale/hu.min.mjs +1 -1
- package/dist/locale/hu.mjs +1 -1
- package/dist/locale/hy-am.js +1 -1
- package/dist/locale/hy-am.min.js +1 -1
- package/dist/locale/hy-am.min.mjs +1 -1
- package/dist/locale/hy-am.mjs +1 -1
- package/dist/locale/id.js +1 -1
- package/dist/locale/id.min.js +1 -1
- package/dist/locale/id.min.mjs +1 -1
- package/dist/locale/id.mjs +1 -1
- package/dist/locale/it.js +1 -1
- package/dist/locale/it.min.js +1 -1
- package/dist/locale/it.min.mjs +1 -1
- package/dist/locale/it.mjs +1 -1
- package/dist/locale/ja.js +1 -1
- package/dist/locale/ja.min.js +1 -1
- package/dist/locale/ja.min.mjs +1 -1
- package/dist/locale/ja.mjs +1 -1
- package/dist/locale/kk.js +1 -1
- package/dist/locale/kk.min.js +1 -1
- package/dist/locale/kk.min.mjs +1 -1
- package/dist/locale/kk.mjs +1 -1
- package/dist/locale/km.js +1 -1
- package/dist/locale/km.min.js +1 -1
- package/dist/locale/km.min.mjs +1 -1
- package/dist/locale/km.mjs +1 -1
- package/dist/locale/ko.js +1 -1
- package/dist/locale/ko.min.js +1 -1
- package/dist/locale/ko.min.mjs +1 -1
- package/dist/locale/ko.mjs +1 -1
- package/dist/locale/ku.js +1 -1
- package/dist/locale/ku.min.js +1 -1
- package/dist/locale/ku.min.mjs +1 -1
- package/dist/locale/ku.mjs +1 -1
- package/dist/locale/ky.js +1 -1
- package/dist/locale/ky.min.js +1 -1
- package/dist/locale/ky.min.mjs +1 -1
- package/dist/locale/ky.mjs +1 -1
- package/dist/locale/lt.js +1 -1
- package/dist/locale/lt.min.js +1 -1
- package/dist/locale/lt.min.mjs +1 -1
- package/dist/locale/lt.mjs +1 -1
- package/dist/locale/lv.js +1 -1
- package/dist/locale/lv.min.js +1 -1
- package/dist/locale/lv.min.mjs +1 -1
- package/dist/locale/lv.mjs +1 -1
- package/dist/locale/mg.js +1 -1
- package/dist/locale/mg.min.js +1 -1
- package/dist/locale/mg.min.mjs +1 -1
- package/dist/locale/mg.mjs +1 -1
- package/dist/locale/mn.js +1 -1
- package/dist/locale/mn.min.js +1 -1
- package/dist/locale/mn.min.mjs +1 -1
- package/dist/locale/mn.mjs +1 -1
- package/dist/locale/nb-no.js +1 -1
- package/dist/locale/nb-no.min.js +1 -1
- package/dist/locale/nb-no.min.mjs +1 -1
- package/dist/locale/nb-no.mjs +1 -1
- package/dist/locale/nl.js +1 -1
- package/dist/locale/nl.min.js +1 -1
- package/dist/locale/nl.min.mjs +1 -1
- package/dist/locale/nl.mjs +1 -1
- package/dist/locale/pa.js +1 -1
- package/dist/locale/pa.min.js +1 -1
- package/dist/locale/pa.min.mjs +1 -1
- package/dist/locale/pa.mjs +1 -1
- package/dist/locale/pl.js +1 -1
- package/dist/locale/pl.min.js +1 -1
- package/dist/locale/pl.min.mjs +1 -1
- package/dist/locale/pl.mjs +1 -1
- package/dist/locale/pt-br.js +1 -1
- package/dist/locale/pt-br.min.js +1 -1
- package/dist/locale/pt-br.min.mjs +1 -1
- package/dist/locale/pt-br.mjs +1 -1
- package/dist/locale/pt.js +1 -1
- package/dist/locale/pt.min.js +1 -1
- package/dist/locale/pt.min.mjs +1 -1
- package/dist/locale/pt.mjs +1 -1
- package/dist/locale/ro.js +1 -1
- package/dist/locale/ro.min.js +1 -1
- package/dist/locale/ro.min.mjs +1 -1
- package/dist/locale/ro.mjs +1 -1
- package/dist/locale/ru.js +1 -1
- package/dist/locale/ru.min.js +1 -1
- package/dist/locale/ru.min.mjs +1 -1
- package/dist/locale/ru.mjs +1 -1
- package/dist/locale/sk.js +1 -1
- package/dist/locale/sk.min.js +1 -1
- package/dist/locale/sk.min.mjs +1 -1
- package/dist/locale/sk.mjs +1 -1
- package/dist/locale/sl.js +1 -1
- package/dist/locale/sl.min.js +1 -1
- package/dist/locale/sl.min.mjs +1 -1
- package/dist/locale/sl.mjs +1 -1
- package/dist/locale/sr.js +1 -1
- package/dist/locale/sr.min.js +1 -1
- package/dist/locale/sr.min.mjs +1 -1
- package/dist/locale/sr.mjs +1 -1
- package/dist/locale/sv.js +1 -1
- package/dist/locale/sv.min.js +1 -1
- package/dist/locale/sv.min.mjs +1 -1
- package/dist/locale/sv.mjs +1 -1
- package/dist/locale/sw.js +1 -1
- package/dist/locale/sw.min.js +1 -1
- package/dist/locale/sw.min.mjs +1 -1
- package/dist/locale/sw.mjs +1 -1
- package/dist/locale/ta.js +1 -1
- package/dist/locale/ta.min.js +1 -1
- package/dist/locale/ta.min.mjs +1 -1
- package/dist/locale/ta.mjs +1 -1
- package/dist/locale/th.js +1 -1
- package/dist/locale/th.min.js +1 -1
- package/dist/locale/th.min.mjs +1 -1
- package/dist/locale/th.mjs +1 -1
- package/dist/locale/tk.js +1 -1
- package/dist/locale/tk.min.js +1 -1
- package/dist/locale/tk.min.mjs +1 -1
- package/dist/locale/tk.mjs +1 -1
- package/dist/locale/tr.js +1 -1
- package/dist/locale/tr.min.js +1 -1
- package/dist/locale/tr.min.mjs +1 -1
- package/dist/locale/tr.mjs +1 -1
- package/dist/locale/ug-cn.js +1 -1
- package/dist/locale/ug-cn.min.js +1 -1
- package/dist/locale/ug-cn.min.mjs +1 -1
- package/dist/locale/ug-cn.mjs +1 -1
- package/dist/locale/uk.js +1 -1
- package/dist/locale/uk.min.js +1 -1
- package/dist/locale/uk.min.mjs +1 -1
- package/dist/locale/uk.mjs +1 -1
- package/dist/locale/uz-uz.js +1 -1
- package/dist/locale/uz-uz.min.js +1 -1
- package/dist/locale/uz-uz.min.mjs +1 -1
- package/dist/locale/uz-uz.mjs +1 -1
- package/dist/locale/vi.js +1 -1
- package/dist/locale/vi.min.js +1 -1
- package/dist/locale/vi.min.mjs +1 -1
- package/dist/locale/vi.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/dist/locale/zh-tw.js +1 -1
- package/dist/locale/zh-tw.min.js +1 -1
- package/dist/locale/zh-tw.min.mjs +1 -1
- package/dist/locale/zh-tw.mjs +1 -1
- package/es/components/dialog/index.d.ts +9 -8
- package/es/components/dialog/src/dialog-content.d.ts +1 -1
- package/es/components/dialog/src/dialog-content.mjs +1 -4
- package/es/components/dialog/src/dialog-content.mjs.map +1 -1
- package/es/components/dialog/src/dialog-content.vue.d.ts +5 -4
- package/es/components/dialog/src/dialog-content2.mjs +4 -4
- package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
- package/es/components/dialog/src/dialog.d.ts +1 -1
- package/es/components/dialog/src/dialog.vue.d.ts +9 -8
- package/es/components/dialog/src/dialog2.mjs +2 -10
- package/es/components/dialog/src/dialog2.mjs.map +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +17 -35
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +35 -17
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/drawer/index.d.ts +4 -4
- package/es/components/drawer/src/drawer.d.ts +1 -1
- package/es/components/drawer/src/drawer.vue.d.ts +4 -4
- package/es/components/drawer/src/drawer2.mjs +1 -9
- package/es/components/drawer/src/drawer2.mjs.map +1 -1
- package/es/components/index.mjs +4 -4
- package/es/components/input/index.mjs +2 -2
- package/es/components/input/src/input.mjs +454 -115
- package/es/components/input/src/input.mjs.map +1 -1
- package/es/components/input/src/input2.mjs +115 -454
- package/es/components/input/src/input2.mjs.map +1 -1
- package/es/components/menu/index.mjs +2 -2
- package/es/components/menu/src/menu-item.mjs +14 -97
- package/es/components/menu/src/menu-item.mjs.map +1 -1
- package/es/components/menu/src/menu-item2.mjs +97 -14
- package/es/components/menu/src/menu-item2.mjs.map +1 -1
- package/es/components/message/src/message.vue.d.ts +1 -1
- package/es/components/notification/src/notification.vue.d.ts +1 -1
- package/es/components/table/src/util.mjs +1 -1
- package/es/components/table/src/util.mjs.map +1 -1
- package/es/components/transfer/index.mjs +2 -2
- package/es/components/transfer/src/composables/use-checked-change.mjs +1 -1
- package/es/components/transfer/src/transfer-panel.mjs +1 -1
- package/es/components/transfer/src/transfer.mjs +160 -69
- package/es/components/transfer/src/transfer.mjs.map +1 -1
- package/es/components/transfer/src/transfer2.mjs +69 -160
- package/es/components/transfer/src/transfer2.mjs.map +1 -1
- package/es/hooks/use-draggable/index.d.ts +1 -1
- package/es/hooks/use-draggable/index.mjs +7 -3
- package/es/hooks/use-draggable/index.mjs.map +1 -1
- package/es/index.mjs +4 -4
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/dialog/index.d.ts +9 -8
- package/lib/components/dialog/src/dialog-content.d.ts +1 -1
- package/lib/components/dialog/src/dialog-content.js +1 -4
- package/lib/components/dialog/src/dialog-content.js.map +1 -1
- package/lib/components/dialog/src/dialog-content.vue.d.ts +5 -4
- package/lib/components/dialog/src/dialog-content2.js +4 -4
- package/lib/components/dialog/src/dialog-content2.js.map +1 -1
- package/lib/components/dialog/src/dialog.d.ts +1 -1
- package/lib/components/dialog/src/dialog.vue.d.ts +9 -8
- package/lib/components/dialog/src/dialog2.js +2 -10
- package/lib/components/dialog/src/dialog2.js.map +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +17 -35
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +35 -17
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/drawer/index.d.ts +4 -4
- package/lib/components/drawer/src/drawer.d.ts +1 -1
- package/lib/components/drawer/src/drawer.vue.d.ts +4 -4
- package/lib/components/drawer/src/drawer2.js +1 -9
- package/lib/components/drawer/src/drawer2.js.map +1 -1
- package/lib/components/index.js +4 -4
- package/lib/components/input/index.js +2 -2
- package/lib/components/input/src/input.js +453 -115
- package/lib/components/input/src/input.js.map +1 -1
- package/lib/components/input/src/input2.js +115 -453
- package/lib/components/input/src/input2.js.map +1 -1
- package/lib/components/menu/index.js +2 -2
- package/lib/components/menu/src/menu-item.js +15 -97
- package/lib/components/menu/src/menu-item.js.map +1 -1
- package/lib/components/menu/src/menu-item2.js +97 -15
- package/lib/components/menu/src/menu-item2.js.map +1 -1
- package/lib/components/message/src/message.vue.d.ts +1 -1
- package/lib/components/notification/src/notification.vue.d.ts +1 -1
- package/lib/components/table/src/util.js +1 -1
- package/lib/components/table/src/util.js.map +1 -1
- package/lib/components/transfer/index.js +2 -2
- package/lib/components/transfer/src/composables/use-checked-change.js +1 -1
- package/lib/components/transfer/src/transfer-panel.js +1 -1
- package/lib/components/transfer/src/transfer.js +160 -73
- package/lib/components/transfer/src/transfer.js.map +1 -1
- package/lib/components/transfer/src/transfer2.js +73 -160
- package/lib/components/transfer/src/transfer2.js.map +1 -1
- package/lib/hooks/use-draggable/index.d.ts +1 -1
- package/lib/hooks/use-draggable/index.js +7 -3
- package/lib/hooks/use-draggable/index.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +2 -2
- package/tags.json +1 -1
- package/theme-chalk/el-dialog.css +1 -1
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/src/common/var.scss +1 -1
- package/theme-chalk/src/dialog.scss +13 -11
- package/web-types.json +1 -1
|
@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
8
8
|
__epPropKey: true;
|
|
9
9
|
};
|
|
10
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
11
10
|
readonly draggable: BooleanConstructor;
|
|
11
|
+
readonly overflow: BooleanConstructor;
|
|
12
12
|
readonly fullscreen: BooleanConstructor;
|
|
13
13
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
14
14
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
25
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
26
26
|
__epPropKey: true;
|
|
27
27
|
};
|
|
28
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
29
28
|
readonly draggable: BooleanConstructor;
|
|
29
|
+
readonly overflow: BooleanConstructor;
|
|
30
30
|
readonly fullscreen: BooleanConstructor;
|
|
31
31
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
32
32
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
62
62
|
})[]>;
|
|
63
63
|
composedDialogRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
|
|
64
64
|
draggable: import("vue").ComputedRef<boolean>;
|
|
65
|
+
overflow: import("vue").ComputedRef<boolean>;
|
|
65
66
|
ElIcon: import("@element-plus/nightly/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
66
67
|
readonly size: {
|
|
67
68
|
readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
@@ -136,8 +137,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
136
137
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
137
138
|
__epPropKey: true;
|
|
138
139
|
};
|
|
139
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
140
140
|
readonly draggable: BooleanConstructor;
|
|
141
|
+
readonly overflow: BooleanConstructor;
|
|
141
142
|
readonly fullscreen: BooleanConstructor;
|
|
142
143
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
143
144
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -147,7 +148,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
147
148
|
}, {
|
|
148
149
|
readonly title: string;
|
|
149
150
|
readonly center: boolean;
|
|
150
|
-
readonly
|
|
151
|
+
readonly overflow: boolean;
|
|
151
152
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
152
153
|
readonly ariaLevel: string;
|
|
153
154
|
readonly alignCenter: boolean;
|
|
@@ -31,12 +31,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
31
31
|
ns.is("fullscreen", props.fullscreen),
|
|
32
32
|
ns.is("draggable", props.draggable),
|
|
33
33
|
ns.is("align-center", props.alignCenter),
|
|
34
|
-
{ [ns.m("center")]: props.center }
|
|
35
|
-
props.customClass
|
|
34
|
+
{ [ns.m("center")]: props.center }
|
|
36
35
|
]);
|
|
37
36
|
const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
|
|
38
37
|
const draggable = computed(() => props.draggable);
|
|
39
|
-
|
|
38
|
+
const overflow = computed(() => props.overflow);
|
|
39
|
+
useDraggable(dialogRef, headerRef, draggable, overflow);
|
|
40
40
|
return (_ctx, _cache) => {
|
|
41
41
|
return openBlock(), createElementBlock("div", {
|
|
42
42
|
ref: unref(composedDialogRef),
|
|
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
47
47
|
createElementVNode("header", {
|
|
48
48
|
ref_key: "headerRef",
|
|
49
49
|
ref: headerRef,
|
|
50
|
-
class: normalizeClass(unref(ns).e("header"))
|
|
50
|
+
class: normalizeClass([unref(ns).e("header"), { "show-close": _ctx.showClose }])
|
|
51
51
|
}, [
|
|
52
52
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
53
53
|
createElementVNode("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header
|
|
1
|
+
{"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div :ref=\"composedDialogRef\" :class=\"dialogKls\" :style=\"style\" tabindex=\"-1\">\n <header\n ref=\"headerRef\"\n :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n >\n <slot name=\"header\">\n <span role=\"heading\" :aria-level=\"ariaLevel\" :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.dialog.close')\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n @click=\"$emit('close')\"\n >\n <el-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </el-icon>\n </button>\n </header>\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n <footer v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </footer>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-plus/components/focus-trap'\nimport { useDraggable, useLocale } from '@element-plus/hooks'\nimport { CloseComponents, composeRefs } from '@element-plus/utils'\nimport { dialogInjectionKey } from './constants'\nimport { dialogContentEmits, dialogContentProps } from './dialog-content'\n\nconst { t } = useLocale()\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'ElDialogContent' })\nconst props = defineProps(dialogContentProps)\ndefineEmits(dialogContentEmits)\n\nconst { dialogRef, headerRef, bodyId, ns, style } = inject(dialogInjectionKey)!\nconst { focusTrapRef } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\nconst dialogKls = computed(() => [\n ns.b(),\n ns.is('fullscreen', props.fullscreen),\n ns.is('draggable', props.draggable),\n ns.is('align-center', props.alignCenter),\n { [ns.m('center')]: props.center },\n])\n\nconst composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n\nconst draggable = computed(() => props.draggable)\nconst overflow = computed(() => props.overflow)\nuseDraggable(dialogRef, headerRef, draggable, overflow)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;mCA4Cc,CAAA,EAAE,IAAM,EAAA,iBAAA,EAAkB,CAAA,CAAA;;;;;;;AAHxC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,EAAE,KAAU,EAAA,GAAA,eAAA,CAAA;AAMlB,IAAA,MAAM,EAAE,SAAW,EAAA,SAAA,EAAW,QAAQ,EAAI,EAAA,KAAA,EAAA,GAAU,OAAO,kBAAkB,CAAA,CAAA;AAC7E,IAAM,MAAA,EAAE,YAAiB,EAAA,GAAA,MAAA,CAAO,wBAAwB,CAAA,CAAA;AAExD,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAG,CAAA,EAAA,CAAG,YAAc,EAAA,KAAA,CAAM,UAAU,CAAA;AAAA,MACpC,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,KAAA,CAAM,SAAS,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,MACvC,EAAE,CAAC,EAAA,CAAG,EAAE,QAAQ,CAAA,GAAI,MAAM,MAAO,EAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoB,WAAY,CAAA,YAAA,EAAc,SAAS,CAAA,CAAA;AAE7D,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,SAAS,CAAA,CAAA;AAChD,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAC9C,IAAa,YAAA,CAAA,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -47,8 +47,8 @@ export declare const dialogProps: {
|
|
|
47
47
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
48
48
|
__epPropKey: true;
|
|
49
49
|
};
|
|
50
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
51
50
|
readonly draggable: BooleanConstructor;
|
|
51
|
+
readonly overflow: BooleanConstructor;
|
|
52
52
|
readonly fullscreen: BooleanConstructor;
|
|
53
53
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
54
54
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
44
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
45
45
|
__epPropKey: true;
|
|
46
46
|
};
|
|
47
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
48
47
|
readonly draggable: BooleanConstructor;
|
|
48
|
+
readonly overflow: BooleanConstructor;
|
|
49
49
|
readonly fullscreen: BooleanConstructor;
|
|
50
50
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
51
51
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -97,8 +97,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
97
97
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
98
98
|
__epPropKey: true;
|
|
99
99
|
};
|
|
100
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
101
100
|
readonly draggable: BooleanConstructor;
|
|
101
|
+
readonly overflow: BooleanConstructor;
|
|
102
102
|
readonly fullscreen: BooleanConstructor;
|
|
103
103
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
104
104
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -237,8 +237,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
237
237
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
238
238
|
__epPropKey: true;
|
|
239
239
|
};
|
|
240
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
241
240
|
readonly draggable: BooleanConstructor;
|
|
241
|
+
readonly overflow: BooleanConstructor;
|
|
242
242
|
readonly fullscreen: BooleanConstructor;
|
|
243
243
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
244
244
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -255,8 +255,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
255
255
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
256
256
|
__epPropKey: true;
|
|
257
257
|
};
|
|
258
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
259
258
|
readonly draggable: BooleanConstructor;
|
|
259
|
+
readonly overflow: BooleanConstructor;
|
|
260
260
|
readonly fullscreen: BooleanConstructor;
|
|
261
261
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
262
262
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -292,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
292
292
|
})[]>;
|
|
293
293
|
composedDialogRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void;
|
|
294
294
|
draggable: import("vue").ComputedRef<boolean>;
|
|
295
|
+
overflow: import("vue").ComputedRef<boolean>;
|
|
295
296
|
ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
296
297
|
readonly size: {
|
|
297
298
|
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
|
|
@@ -366,8 +367,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
366
367
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
367
368
|
__epPropKey: true;
|
|
368
369
|
};
|
|
369
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
370
370
|
readonly draggable: BooleanConstructor;
|
|
371
|
+
readonly overflow: BooleanConstructor;
|
|
371
372
|
readonly fullscreen: BooleanConstructor;
|
|
372
373
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
373
374
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -377,7 +378,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
377
378
|
}, {
|
|
378
379
|
readonly title: string;
|
|
379
380
|
readonly center: boolean;
|
|
380
|
-
readonly
|
|
381
|
+
readonly overflow: boolean;
|
|
381
382
|
readonly showClose: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
382
383
|
readonly ariaLevel: string;
|
|
383
384
|
readonly alignCenter: boolean;
|
|
@@ -438,8 +439,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
438
439
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
439
440
|
__epPropKey: true;
|
|
440
441
|
};
|
|
441
|
-
readonly customClass: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
442
442
|
readonly draggable: BooleanConstructor;
|
|
443
|
+
readonly overflow: BooleanConstructor;
|
|
443
444
|
readonly fullscreen: BooleanConstructor;
|
|
444
445
|
readonly showClose: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
445
446
|
readonly title: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -457,7 +458,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
457
458
|
readonly center: boolean;
|
|
458
459
|
readonly modelValue: boolean;
|
|
459
460
|
readonly appendTo: string;
|
|
460
|
-
readonly
|
|
461
|
+
readonly overflow: boolean;
|
|
461
462
|
readonly showClose: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
462
463
|
readonly ariaLevel: string;
|
|
463
464
|
readonly alignCenter: boolean;
|
|
@@ -31,14 +31,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
31
31
|
version: "3.0.0",
|
|
32
32
|
ref: "https://element-plus.org/en-US/component/dialog.html#slots"
|
|
33
33
|
}, computed(() => !!slots.title));
|
|
34
|
-
useDeprecated({
|
|
35
|
-
scope: "el-dialog",
|
|
36
|
-
from: "custom-class",
|
|
37
|
-
replacement: "class",
|
|
38
|
-
version: "2.3.0",
|
|
39
|
-
ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
|
|
40
|
-
type: "Attribute"
|
|
41
|
-
}, computed(() => !!props.customClass));
|
|
42
34
|
const ns = useNamespace("dialog");
|
|
43
35
|
const dialogRef = ref();
|
|
44
36
|
const headerRef = ref();
|
|
@@ -122,11 +114,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
122
114
|
ref_key: "dialogContentRef",
|
|
123
115
|
ref: dialogContentRef
|
|
124
116
|
}, _ctx.$attrs, {
|
|
125
|
-
"custom-class": _ctx.customClass,
|
|
126
117
|
center: _ctx.center,
|
|
127
118
|
"align-center": _ctx.alignCenter,
|
|
128
119
|
"close-icon": _ctx.closeIcon,
|
|
129
120
|
draggable: unref(draggable),
|
|
121
|
+
overflow: _ctx.overflow,
|
|
130
122
|
fullscreen: _ctx.fullscreen,
|
|
131
123
|
"show-close": _ctx.showClose,
|
|
132
124
|
title: _ctx.title,
|
|
@@ -152,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
152
144
|
renderSlot(_ctx.$slots, "footer")
|
|
153
145
|
])
|
|
154
146
|
} : void 0
|
|
155
|
-
]), 1040, ["
|
|
147
|
+
]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)
|
|
156
148
|
]),
|
|
157
149
|
_: 3
|
|
158
150
|
}, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n name=\"dialog-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n :class=\"`${ns.namespace.value}-overlay-dialog`\"\n :style=\"overlayDialogStyle\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n focus-start-el=\"container\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <el-dialog-content\n v-if=\"rendered\"\n ref=\"dialogContentRef\"\n v-bind=\"$attrs\"\n :
|
|
1
|
+
{"version":3,"file":"dialog2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n <teleport\n :to=\"appendTo\"\n :disabled=\"appendTo !== 'body' ? false : !appendToBody\"\n >\n <transition\n name=\"dialog-fade\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n custom-mask-event\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n >\n <div\n role=\"dialog\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n :class=\"`${ns.namespace.value}-overlay-dialog`\"\n :style=\"overlayDialogStyle\"\n @click=\"overlayEvent.onClick\"\n @mousedown=\"overlayEvent.onMousedown\"\n @mouseup=\"overlayEvent.onMouseup\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n focus-start-el=\"container\"\n @focus-after-trapped=\"onOpenAutoFocus\"\n @focus-after-released=\"onCloseAutoFocus\"\n @focusout-prevented=\"onFocusoutPrevented\"\n @release-requested=\"onCloseRequested\"\n >\n <el-dialog-content\n v-if=\"rendered\"\n ref=\"dialogContentRef\"\n v-bind=\"$attrs\"\n :center=\"center\"\n :align-center=\"alignCenter\"\n :close-icon=\"closeIcon\"\n :draggable=\"draggable\"\n :overflow=\"overflow\"\n :fullscreen=\"fullscreen\"\n :show-close=\"showClose\"\n :title=\"title\"\n :aria-level=\"headerAriaLevel\"\n @close=\"handleClose\"\n >\n <template #header>\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n />\n <slot v-else name=\"title\" />\n </template>\n <slot />\n <template v-if=\"$slots.footer\" #footer>\n <slot name=\"footer\" />\n </template>\n </el-dialog-content>\n </el-focus-trap>\n </div>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, ref, useSlots } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { useDeprecated, useNamespace, useSameTarget } from '@element-plus/hooks'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport ElDialogContent from './dialog-content.vue'\nimport { dialogInjectionKey } from './constants'\nimport { dialogEmits, dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\n\ndefineOptions({\n name: 'ElDialog',\n inheritAttrs: false,\n})\n\nconst props = defineProps(dialogProps)\ndefineEmits(dialogEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-dialog',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/dialog.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst ns = useNamespace('dialog')\nconst dialogRef = ref<HTMLElement>()\nconst headerRef = ref<HTMLElement>()\nconst dialogContentRef = ref()\n\nconst {\n visible,\n titleId,\n bodyId,\n style,\n overlayDialogStyle,\n rendered,\n zIndex,\n afterEnter,\n afterLeave,\n beforeLeave,\n handleClose,\n onModalClick,\n onOpenAutoFocus,\n onCloseAutoFocus,\n onCloseRequested,\n onFocusoutPrevented,\n} = useDialog(props, dialogRef)\n\nprovide(dialogInjectionKey, {\n dialogRef,\n headerRef,\n bodyId,\n ns,\n rendered,\n style,\n})\n\nconst overlayEvent = useSameTarget(onModalClick)\n\nconst draggable = computed(() => props.draggable && !props.fullscreen)\n\ndefineExpose({\n /** @description whether the dialog is visible */\n visible,\n dialogContentRef,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;mCAsFc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IACE,aAAA,CAAA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA,gBAAA;AAAA,MACN,WAAa,EAAA,iBAAA;AAAA,MACb,OAAS,EAAA,OAAA;AAAA,MACT,GAAK,EAAA,4DAAA;AAAA,OAEP,QAAS,CAAA,MAAM,CAAC,CAAC,KAAA,CAAM,KAAK,CAC9B,CAAA,CAAA;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,mBAAmB,GAAI,EAAA,CAAA;AAE7B,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,KACE,GAAA,SAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAE9B,IAAA,OAAA,CAAQ,kBAAoB,EAAA;AAAA,MAC1B,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAe,cAAc,YAAY,CAAA,CAAA;AAE/C,IAAA,MAAM,YAAY,QAAS,CAAA,MAAM,MAAM,SAAa,IAAA,CAAC,MAAM,UAAU,CAAA,CAAA;AAErE,IAAa,MAAA,CAAA;AAAA,MAEX,OAAA;AAAA,MACA,gBAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Divider from './src/
|
|
3
|
-
export { dividerProps } from './src/
|
|
2
|
+
import Divider from './src/divider2.mjs';
|
|
3
|
+
export { dividerProps } from './src/divider.mjs';
|
|
4
4
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
5
5
|
|
|
6
6
|
const ElDivider = withInstall(Divider);
|
|
@@ -1,40 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../
|
|
3
|
-
import { dividerProps } from './divider2.mjs';
|
|
4
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
5
|
-
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
1
|
+
import '../../../utils/index.mjs';
|
|
2
|
+
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
6
3
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return (_ctx, _cache) => {
|
|
22
|
-
return openBlock(), createElementBlock("div", {
|
|
23
|
-
class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
|
|
24
|
-
style: normalizeStyle(unref(dividerStyle)),
|
|
25
|
-
role: "separator"
|
|
26
|
-
}, [
|
|
27
|
-
_ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
|
|
28
|
-
key: 0,
|
|
29
|
-
class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
|
|
30
|
-
}, [
|
|
31
|
-
renderSlot(_ctx.$slots, "default")
|
|
32
|
-
], 2)) : createCommentVNode("v-if", true)
|
|
33
|
-
], 6);
|
|
34
|
-
};
|
|
4
|
+
const dividerProps = buildProps({
|
|
5
|
+
direction: {
|
|
6
|
+
type: String,
|
|
7
|
+
values: ["horizontal", "vertical"],
|
|
8
|
+
default: "horizontal"
|
|
9
|
+
},
|
|
10
|
+
contentPosition: {
|
|
11
|
+
type: String,
|
|
12
|
+
values: ["left", "center", "right"],
|
|
13
|
+
default: "center"
|
|
14
|
+
},
|
|
15
|
+
borderStyle: {
|
|
16
|
+
type: definePropType(String),
|
|
17
|
+
default: "solid"
|
|
35
18
|
}
|
|
36
19
|
});
|
|
37
|
-
var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "divider.vue"]]);
|
|
38
20
|
|
|
39
|
-
export {
|
|
21
|
+
export { dividerProps };
|
|
40
22
|
//# sourceMappingURL=divider.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.
|
|
1
|
+
{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n /**\n * @description Set divider's direction\n */\n direction: {\n type: String,\n values: ['horizontal', 'vertical'],\n default: 'horizontal',\n },\n /**\n * @description Set the style of divider\n */\n contentPosition: {\n type: String,\n values: ['left', 'center', 'right'],\n default: 'center',\n },\n /**\n * @description the position of the customized content on the divider line\n */\n borderStyle: {\n type: definePropType<BorderStyle>(String),\n default: 'solid',\n },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
|
|
@@ -1,22 +1,40 @@
|
|
|
1
|
-
import '
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import { dividerProps } from './divider.mjs';
|
|
4
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
5
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
3
6
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
const __default__ = defineComponent({
|
|
8
|
+
name: "ElDivider"
|
|
9
|
+
});
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
|
+
...__default__,
|
|
12
|
+
props: dividerProps,
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const ns = useNamespace("divider");
|
|
16
|
+
const dividerStyle = computed(() => {
|
|
17
|
+
return ns.cssVar({
|
|
18
|
+
"border-style": props.borderStyle
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return openBlock(), createElementBlock("div", {
|
|
23
|
+
class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
|
|
24
|
+
style: normalizeStyle(unref(dividerStyle)),
|
|
25
|
+
role: "separator"
|
|
26
|
+
}, [
|
|
27
|
+
_ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
|
|
28
|
+
key: 0,
|
|
29
|
+
class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
|
|
30
|
+
}, [
|
|
31
|
+
renderSlot(_ctx.$slots, "default")
|
|
32
|
+
], 2)) : createCommentVNode("v-if", true)
|
|
33
|
+
], 6);
|
|
34
|
+
};
|
|
18
35
|
}
|
|
19
36
|
});
|
|
37
|
+
var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "divider.vue"]]);
|
|
20
38
|
|
|
21
|
-
export {
|
|
39
|
+
export { Divider as default };
|
|
22
40
|
//# sourceMappingURL=divider2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.
|
|
1
|
+
{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"names":[],"mappings":";;;;;;mCAqBc,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AACjC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -48,8 +48,8 @@ export declare const ElDrawer: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
48
48
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
49
49
|
__epPropKey: true;
|
|
50
50
|
};
|
|
51
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
52
51
|
readonly draggable: BooleanConstructor;
|
|
52
|
+
readonly overflow: BooleanConstructor;
|
|
53
53
|
readonly fullscreen: BooleanConstructor;
|
|
54
54
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
55
55
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -105,8 +105,8 @@ export declare const ElDrawer: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
105
105
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
106
106
|
__epPropKey: true;
|
|
107
107
|
};
|
|
108
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
109
108
|
readonly draggable: BooleanConstructor;
|
|
109
|
+
readonly overflow: BooleanConstructor;
|
|
110
110
|
readonly fullscreen: BooleanConstructor;
|
|
111
111
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
112
112
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -348,8 +348,8 @@ export declare const ElDrawer: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
348
348
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
349
349
|
__epPropKey: true;
|
|
350
350
|
};
|
|
351
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
352
351
|
readonly draggable: BooleanConstructor;
|
|
352
|
+
readonly overflow: BooleanConstructor;
|
|
353
353
|
readonly fullscreen: BooleanConstructor;
|
|
354
354
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
355
355
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -369,7 +369,7 @@ export declare const ElDrawer: import("@element-plus/nightly/es/utils").SFCWithI
|
|
|
369
369
|
readonly modelValue: boolean;
|
|
370
370
|
readonly appendTo: string;
|
|
371
371
|
readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
|
|
372
|
-
readonly
|
|
372
|
+
readonly overflow: boolean;
|
|
373
373
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
374
374
|
readonly ariaLevel: string;
|
|
375
375
|
readonly alignCenter: boolean;
|
|
@@ -49,8 +49,8 @@ export declare const drawerProps: {
|
|
|
49
49
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
50
50
|
__epPropKey: true;
|
|
51
51
|
};
|
|
52
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
53
52
|
readonly draggable: BooleanConstructor;
|
|
53
|
+
readonly overflow: BooleanConstructor;
|
|
54
54
|
readonly fullscreen: BooleanConstructor;
|
|
55
55
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
56
56
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -48,8 +48,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
48
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
49
49
|
__epPropKey: true;
|
|
50
50
|
};
|
|
51
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
52
51
|
readonly draggable: BooleanConstructor;
|
|
52
|
+
readonly overflow: BooleanConstructor;
|
|
53
53
|
readonly fullscreen: BooleanConstructor;
|
|
54
54
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
55
55
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -105,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
105
105
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
106
106
|
__epPropKey: true;
|
|
107
107
|
};
|
|
108
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
109
108
|
readonly draggable: BooleanConstructor;
|
|
109
|
+
readonly overflow: BooleanConstructor;
|
|
110
110
|
readonly fullscreen: BooleanConstructor;
|
|
111
111
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
112
112
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -348,8 +348,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
348
348
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
349
349
|
__epPropKey: true;
|
|
350
350
|
};
|
|
351
|
-
readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
352
351
|
readonly draggable: BooleanConstructor;
|
|
352
|
+
readonly overflow: BooleanConstructor;
|
|
353
353
|
readonly fullscreen: BooleanConstructor;
|
|
354
354
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
355
355
|
readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
@@ -369,7 +369,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
369
369
|
readonly modelValue: boolean;
|
|
370
370
|
readonly appendTo: string;
|
|
371
371
|
readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
|
|
372
|
-
readonly
|
|
372
|
+
readonly overflow: boolean;
|
|
373
373
|
readonly showClose: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
374
374
|
readonly ariaLevel: string;
|
|
375
375
|
readonly alignCenter: boolean;
|
|
@@ -37,14 +37,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
37
37
|
version: "3.0.0",
|
|
38
38
|
ref: "https://element-plus.org/en-US/component/drawer.html#slots"
|
|
39
39
|
}, computed(() => !!slots.title));
|
|
40
|
-
useDeprecated({
|
|
41
|
-
scope: "el-drawer",
|
|
42
|
-
from: "custom-class",
|
|
43
|
-
replacement: "class",
|
|
44
|
-
version: "2.3.0",
|
|
45
|
-
ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
|
|
46
|
-
type: "Attribute"
|
|
47
|
-
}, computed(() => !!props.customClass));
|
|
48
40
|
const drawerRef = ref();
|
|
49
41
|
const focusStartRef = ref();
|
|
50
42
|
const ns = useNamespace("drawer");
|
|
@@ -104,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
104
96
|
"aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
|
|
105
97
|
"aria-describedby": unref(bodyId)
|
|
106
98
|
}, _ctx.$attrs, {
|
|
107
|
-
class: [unref(ns).b(), _ctx.direction, unref(visible) && "open"
|
|
99
|
+
class: [unref(ns).b(), _ctx.direction, unref(visible) && "open"],
|
|
108
100
|
style: unref(isHorizontal) ? "width: " + unref(drawerSize) : "height: " + unref(drawerSize),
|
|
109
101
|
role: "dialog",
|
|
110
102
|
onClick: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer2.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[ns.b(), direction, visible && 'open'
|
|
1
|
+
{"version":3,"file":"drawer2.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n <teleport to=\"body\" :disabled=\"!appendToBody\">\n <transition\n :name=\"ns.b('fade')\"\n @after-enter=\"afterEnter\"\n @after-leave=\"afterLeave\"\n @before-leave=\"beforeLeave\"\n >\n <el-overlay\n v-show=\"visible\"\n :mask=\"modal\"\n :overlay-class=\"modalClass\"\n :z-index=\"zIndex\"\n @click=\"onModalClick\"\n >\n <el-focus-trap\n loop\n :trapped=\"visible\"\n :focus-trap-el=\"drawerRef\"\n :focus-start-el=\"focusStartRef\"\n @release-requested=\"onCloseRequested\"\n >\n <div\n ref=\"drawerRef\"\n aria-modal=\"true\"\n :aria-label=\"title || undefined\"\n :aria-labelledby=\"!title ? titleId : undefined\"\n :aria-describedby=\"bodyId\"\n v-bind=\"$attrs\"\n :class=\"[ns.b(), direction, visible && 'open']\"\n :style=\"\n isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n \"\n role=\"dialog\"\n @click.stop\n >\n <span ref=\"focusStartRef\" :class=\"ns.e('sr-focus')\" tabindex=\"-1\" />\n <header v-if=\"withHeader\" :class=\"ns.e('header')\">\n <slot\n v-if=\"!$slots.title\"\n name=\"header\"\n :close=\"handleClose\"\n :title-id=\"titleId\"\n :title-class=\"ns.e('title')\"\n >\n <span\n v-if=\"!$slots.title\"\n :id=\"titleId\"\n role=\"heading\"\n :aria-level=\"headerAriaLevel\"\n :class=\"ns.e('title')\"\n >\n {{ title }}\n </span>\n </slot>\n <slot v-else name=\"title\">\n <!-- DEPRECATED SLOT -->\n </slot>\n <button\n v-if=\"showClose\"\n :aria-label=\"t('el.drawer.close')\"\n :class=\"ns.e('close-btn')\"\n type=\"button\"\n @click=\"handleClose\"\n >\n <el-icon :class=\"ns.e('close')\"><close /></el-icon>\n </button>\n </header>\n <template v-if=\"rendered\">\n <div :id=\"bodyId\" :class=\"ns.e('body')\">\n <slot />\n </div>\n </template>\n <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n </el-focus-trap>\n </el-overlay>\n </transition>\n </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useDialog } from '@element-plus/components/dialog'\nimport { addUnit } from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport { useDeprecated, useLocale, useNamespace } from '@element-plus/hooks'\nimport { drawerEmits, drawerProps } from './drawer'\n\ndefineOptions({\n name: 'ElDrawer',\n inheritAttrs: false,\n})\n\nconst props = defineProps(drawerProps)\ndefineEmits(drawerEmits)\nconst slots = useSlots()\n\nuseDeprecated(\n {\n scope: 'el-drawer',\n from: 'the title slot',\n replacement: 'the header slot',\n version: '3.0.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#slots',\n },\n computed(() => !!slots.title)\n)\n\nconst drawerRef = ref<HTMLElement>()\nconst focusStartRef = ref<HTMLElement>()\nconst ns = useNamespace('drawer')\nconst { t } = useLocale()\nconst {\n afterEnter,\n afterLeave,\n beforeLeave,\n visible,\n rendered,\n titleId,\n bodyId,\n onModalClick,\n onCloseRequested,\n handleClose,\n} = useDialog(props, drawerRef)\n\nconst isHorizontal = computed(\n () => props.direction === 'rtl' || props.direction === 'ltr'\n)\nconst drawerSize = computed(() => addUnit(props.size))\n\ndefineExpose({\n handleClose,\n afterEnter,\n afterLeave,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;mCA+Fc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IACE,aAAA,CAAA;AAAA,MACE,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA,gBAAA;AAAA,MACN,WAAa,EAAA,iBAAA;AAAA,MACb,OAAS,EAAA,OAAA;AAAA,MACT,GAAK,EAAA,4DAAA;AAAA,OAEP,QAAS,CAAA,MAAM,CAAC,CAAC,KAAA,CAAM,KAAK,CAC9B,CAAA,CAAA;AAEA,IAAA,MAAM,YAAY,GAAiB,EAAA,CAAA;AACnC,IAAA,MAAM,gBAAgB,GAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AACxB,IAAM,MAAA;AAAA,MACJ,UAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,WAAA;AAAA,KACE,GAAA,SAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAE9B,IAAM,MAAA,YAAA,GAAe,SACnB,MAAM,KAAA,CAAM,cAAc,KAAS,IAAA,KAAA,CAAM,cAAc,KACzD,CAAA,CAAA;AACA,IAAA,MAAM,aAAa,QAAS,CAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAErD,IAAa,MAAA,CAAA;AAAA,MACX,WAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/es/components/index.mjs
CHANGED
|
@@ -116,7 +116,7 @@ export { descriptionProps } from './descriptions/src/description.mjs';
|
|
|
116
116
|
export { useDialog } from './dialog/src/use-dialog.mjs';
|
|
117
117
|
export { dialogEmits, dialogProps } from './dialog/src/dialog.mjs';
|
|
118
118
|
export { dialogInjectionKey } from './dialog/src/constants.mjs';
|
|
119
|
-
export { dividerProps } from './divider/src/
|
|
119
|
+
export { dividerProps } from './divider/src/divider.mjs';
|
|
120
120
|
export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';
|
|
121
121
|
export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown.mjs';
|
|
122
122
|
export { DROPDOWN_INJECTION_KEY } from './dropdown/src/tokens.mjs';
|
|
@@ -129,11 +129,11 @@ export { useFormItem, useFormItemInputId } from './form/src/hooks/use-form-item.
|
|
|
129
129
|
export { iconProps } from './icon/src/icon.mjs';
|
|
130
130
|
export { imageEmits, imageProps } from './image/src/image.mjs';
|
|
131
131
|
export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer.mjs';
|
|
132
|
-
export { inputEmits, inputProps } from './input/src/
|
|
132
|
+
export { inputEmits, inputProps } from './input/src/input2.mjs';
|
|
133
133
|
export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
|
|
134
134
|
export { linkEmits, linkProps } from './link/src/link.mjs';
|
|
135
135
|
export { menuEmits, menuProps } from './menu/src/menu.mjs';
|
|
136
|
-
export { menuItemEmits, menuItemProps } from './menu/src/menu-
|
|
136
|
+
export { menuItemEmits, menuItemProps } from './menu/src/menu-item.mjs';
|
|
137
137
|
export { menuItemGroupProps } from './menu/src/menu-item-group.mjs';
|
|
138
138
|
export { subMenuProps } from './menu/src/sub-menu.mjs';
|
|
139
139
|
export { overlayEmits, overlayProps } from './overlay/src/overlay.mjs';
|
|
@@ -197,7 +197,7 @@ export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useToo
|
|
|
197
197
|
export { useTooltipTriggerProps } from './tooltip/src/trigger.mjs';
|
|
198
198
|
export { useTooltipContentProps } from './tooltip/src/content.mjs';
|
|
199
199
|
export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
|
|
200
|
-
export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/
|
|
200
|
+
export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer2.mjs';
|
|
201
201
|
export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './upload/src/upload.mjs';
|
|
202
202
|
export { uploadContentProps } from './upload/src/upload-content.mjs';
|
|
203
203
|
export { uploadListEmits, uploadListProps } from './upload/src/upload-list.mjs';
|