@element-plus/nightly 0.0.20231229 → 0.0.20231230
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.full.js +8 -3
- package/dist/index.full.min.js +3 -3
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +3 -3
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +8 -3
- 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/breadcrumb/index.mjs +2 -2
- package/es/components/breadcrumb/src/breadcrumb-item.mjs +56 -11
- package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs +11 -56
- package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
- package/es/components/drawer/index.mjs +2 -2
- package/es/components/drawer/src/drawer.mjs +176 -26
- package/es/components/drawer/src/drawer.mjs.map +1 -1
- package/es/components/drawer/src/drawer2.mjs +26 -176
- package/es/components/drawer/src/drawer2.mjs.map +1 -1
- package/es/components/index.mjs +3 -3
- package/es/components/link/index.d.ts +4 -0
- package/es/components/link/src/link.d.ts +3 -2
- package/es/components/link/src/link.mjs +4 -0
- package/es/components/link/src/link.mjs.map +1 -1
- package/es/components/link/src/link.vue.d.ts +4 -0
- package/es/components/link/src/link2.mjs +2 -1
- package/es/components/link/src/link2.mjs.map +1 -1
- package/es/components/pagination/src/components/next.mjs +38 -19
- package/es/components/pagination/src/components/next.mjs.map +1 -1
- package/es/components/pagination/src/components/next2.mjs +19 -38
- package/es/components/pagination/src/components/next2.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes.mjs +69 -23
- package/es/components/pagination/src/components/sizes.mjs.map +1 -1
- package/es/components/pagination/src/components/sizes2.mjs +23 -69
- package/es/components/pagination/src/components/sizes2.mjs.map +1 -1
- package/es/components/pagination/src/pagination.mjs +2 -2
- package/es/components/tabs/index.mjs +1 -1
- package/es/components/tabs/src/tab-bar.mjs +7 -75
- package/es/components/tabs/src/tab-bar.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar2.mjs +75 -7
- package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
- package/es/components/tabs/src/tab-nav.mjs +1 -1
- package/es/index.mjs +3 -3
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/breadcrumb/index.js +2 -2
- package/lib/components/breadcrumb/src/breadcrumb-item.js +56 -11
- package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
- package/lib/components/breadcrumb/src/breadcrumb-item2.js +11 -56
- package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
- package/lib/components/drawer/index.js +2 -2
- package/lib/components/drawer/src/drawer.js +176 -27
- package/lib/components/drawer/src/drawer.js.map +1 -1
- package/lib/components/drawer/src/drawer2.js +27 -176
- package/lib/components/drawer/src/drawer2.js.map +1 -1
- package/lib/components/index.js +3 -3
- package/lib/components/link/index.d.ts +4 -0
- package/lib/components/link/src/link.d.ts +3 -2
- package/lib/components/link/src/link.js +4 -0
- package/lib/components/link/src/link.js.map +1 -1
- package/lib/components/link/src/link.vue.d.ts +4 -0
- package/lib/components/link/src/link2.js +2 -1
- package/lib/components/link/src/link2.js.map +1 -1
- package/lib/components/pagination/src/components/next.js +38 -19
- package/lib/components/pagination/src/components/next.js.map +1 -1
- package/lib/components/pagination/src/components/next2.js +19 -38
- package/lib/components/pagination/src/components/next2.js.map +1 -1
- package/lib/components/pagination/src/components/sizes.js +69 -23
- package/lib/components/pagination/src/components/sizes.js.map +1 -1
- package/lib/components/pagination/src/components/sizes2.js +23 -69
- package/lib/components/pagination/src/components/sizes2.js.map +1 -1
- package/lib/components/pagination/src/pagination.js +2 -2
- package/lib/components/tabs/index.js +1 -1
- package/lib/components/tabs/src/tab-bar.js +7 -75
- package/lib/components/tabs/src/tab-bar.js.map +1 -1
- package/lib/components/tabs/src/tab-bar2.js +75 -7
- package/lib/components/tabs/src/tab-bar2.js.map +1 -1
- package/lib/components/tabs/src/tab-nav.js +1 -1
- package/lib/index.js +3 -3
- 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/web-types.json +1 -1
|
@@ -2,37 +2,186 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var iconsVue = require('@element-plus/icons-vue');
|
|
7
|
+
var index = require('../../overlay/index.js');
|
|
8
|
+
require('../../focus-trap/index.js');
|
|
6
9
|
require('../../dialog/index.js');
|
|
7
|
-
|
|
8
|
-
var
|
|
10
|
+
require('../../../utils/index.js');
|
|
11
|
+
var index$1 = require('../../icon/index.js');
|
|
12
|
+
require('../../../hooks/index.js');
|
|
13
|
+
var drawer = require('./drawer2.js');
|
|
14
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
15
|
+
var focusTrap = require('../../focus-trap/src/focus-trap.js');
|
|
16
|
+
var index$2 = require('../../../hooks/use-deprecated/index.js');
|
|
17
|
+
var index$3 = require('../../../hooks/use-namespace/index.js');
|
|
18
|
+
var index$4 = require('../../../hooks/use-locale/index.js');
|
|
19
|
+
var style = require('../../../utils/dom/style.js');
|
|
20
|
+
var useDialog = require('../../dialog/src/use-dialog.js');
|
|
9
21
|
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
size: {
|
|
18
|
-
type: [String, Number],
|
|
19
|
-
default: "30%"
|
|
20
|
-
},
|
|
21
|
-
withHeader: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
default: true
|
|
24
|
-
},
|
|
25
|
-
modalFade: {
|
|
26
|
-
type: Boolean,
|
|
27
|
-
default: true
|
|
22
|
+
const _sfc_main = vue.defineComponent({
|
|
23
|
+
name: "ElDrawer",
|
|
24
|
+
components: {
|
|
25
|
+
ElOverlay: index.ElOverlay,
|
|
26
|
+
ElFocusTrap: focusTrap["default"],
|
|
27
|
+
ElIcon: index$1.ElIcon,
|
|
28
|
+
Close: iconsVue.Close
|
|
28
29
|
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
inheritAttrs: false,
|
|
31
|
+
props: drawer.drawerProps,
|
|
32
|
+
emits: drawer.drawerEmits,
|
|
33
|
+
setup(props, { slots }) {
|
|
34
|
+
index$2.useDeprecated({
|
|
35
|
+
scope: "el-drawer",
|
|
36
|
+
from: "the title slot",
|
|
37
|
+
replacement: "the header slot",
|
|
38
|
+
version: "3.0.0",
|
|
39
|
+
ref: "https://element-plus.org/en-US/component/drawer.html#slots"
|
|
40
|
+
}, vue.computed(() => !!slots.title));
|
|
41
|
+
index$2.useDeprecated({
|
|
42
|
+
scope: "el-drawer",
|
|
43
|
+
from: "custom-class",
|
|
44
|
+
replacement: "class",
|
|
45
|
+
version: "2.3.0",
|
|
46
|
+
ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
|
|
47
|
+
type: "Attribute"
|
|
48
|
+
}, vue.computed(() => !!props.customClass));
|
|
49
|
+
const drawerRef = vue.ref();
|
|
50
|
+
const focusStartRef = vue.ref();
|
|
51
|
+
const ns = index$3.useNamespace("drawer");
|
|
52
|
+
const { t } = index$4.useLocale();
|
|
53
|
+
const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
|
|
54
|
+
const drawerSize = vue.computed(() => style.addUnit(props.size));
|
|
55
|
+
return {
|
|
56
|
+
...useDialog.useDialog(props, drawerRef),
|
|
57
|
+
drawerRef,
|
|
58
|
+
focusStartRef,
|
|
59
|
+
isHorizontal,
|
|
60
|
+
drawerSize,
|
|
61
|
+
ns,
|
|
62
|
+
t
|
|
63
|
+
};
|
|
32
64
|
}
|
|
33
65
|
});
|
|
34
|
-
const
|
|
66
|
+
const _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
|
|
67
|
+
const _hoisted_2 = ["id", "aria-level"];
|
|
68
|
+
const _hoisted_3 = ["aria-label"];
|
|
69
|
+
const _hoisted_4 = ["id"];
|
|
70
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
71
|
+
const _component_close = vue.resolveComponent("close");
|
|
72
|
+
const _component_el_icon = vue.resolveComponent("el-icon");
|
|
73
|
+
const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
|
|
74
|
+
const _component_el_overlay = vue.resolveComponent("el-overlay");
|
|
75
|
+
return vue.openBlock(), vue.createBlock(vue.Teleport, {
|
|
76
|
+
to: "body",
|
|
77
|
+
disabled: !_ctx.appendToBody
|
|
78
|
+
}, [
|
|
79
|
+
vue.createVNode(vue.Transition, {
|
|
80
|
+
name: _ctx.ns.b("fade"),
|
|
81
|
+
onAfterEnter: _ctx.afterEnter,
|
|
82
|
+
onAfterLeave: _ctx.afterLeave,
|
|
83
|
+
onBeforeLeave: _ctx.beforeLeave,
|
|
84
|
+
persisted: ""
|
|
85
|
+
}, {
|
|
86
|
+
default: vue.withCtx(() => [
|
|
87
|
+
vue.withDirectives(vue.createVNode(_component_el_overlay, {
|
|
88
|
+
mask: _ctx.modal,
|
|
89
|
+
"overlay-class": _ctx.modalClass,
|
|
90
|
+
"z-index": _ctx.zIndex,
|
|
91
|
+
onClick: _ctx.onModalClick
|
|
92
|
+
}, {
|
|
93
|
+
default: vue.withCtx(() => [
|
|
94
|
+
vue.createVNode(_component_el_focus_trap, {
|
|
95
|
+
loop: "",
|
|
96
|
+
trapped: _ctx.visible,
|
|
97
|
+
"focus-trap-el": _ctx.drawerRef,
|
|
98
|
+
"focus-start-el": _ctx.focusStartRef,
|
|
99
|
+
onReleaseRequested: _ctx.onCloseRequested
|
|
100
|
+
}, {
|
|
101
|
+
default: vue.withCtx(() => [
|
|
102
|
+
vue.createElementVNode("div", vue.mergeProps({
|
|
103
|
+
ref: "drawerRef",
|
|
104
|
+
"aria-modal": "true",
|
|
105
|
+
"aria-label": _ctx.title || void 0,
|
|
106
|
+
"aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
|
|
107
|
+
"aria-describedby": _ctx.bodyId
|
|
108
|
+
}, _ctx.$attrs, {
|
|
109
|
+
class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
|
|
110
|
+
style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
|
|
111
|
+
role: "dialog",
|
|
112
|
+
onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
|
|
113
|
+
}, ["stop"]))
|
|
114
|
+
}), [
|
|
115
|
+
vue.createElementVNode("span", {
|
|
116
|
+
ref: "focusStartRef",
|
|
117
|
+
class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
|
|
118
|
+
tabindex: "-1"
|
|
119
|
+
}, null, 2),
|
|
120
|
+
_ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
|
|
121
|
+
key: 0,
|
|
122
|
+
class: vue.normalizeClass(_ctx.ns.e("header"))
|
|
123
|
+
}, [
|
|
124
|
+
!_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
|
|
125
|
+
key: 0,
|
|
126
|
+
close: _ctx.handleClose,
|
|
127
|
+
titleId: _ctx.titleId,
|
|
128
|
+
titleClass: _ctx.ns.e("title")
|
|
129
|
+
}, () => [
|
|
130
|
+
!_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
131
|
+
key: 0,
|
|
132
|
+
id: _ctx.titleId,
|
|
133
|
+
role: "heading",
|
|
134
|
+
"aria-level": _ctx.headerAriaLevel,
|
|
135
|
+
class: vue.normalizeClass(_ctx.ns.e("title"))
|
|
136
|
+
}, vue.toDisplayString(_ctx.title), 11, _hoisted_2)) : vue.createCommentVNode("v-if", true)
|
|
137
|
+
]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
|
|
138
|
+
vue.createCommentVNode(" DEPRECATED SLOT ")
|
|
139
|
+
]),
|
|
140
|
+
_ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
141
|
+
key: 2,
|
|
142
|
+
"aria-label": _ctx.t("el.drawer.close"),
|
|
143
|
+
class: vue.normalizeClass(_ctx.ns.e("close-btn")),
|
|
144
|
+
type: "button",
|
|
145
|
+
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
|
|
146
|
+
}, [
|
|
147
|
+
vue.createVNode(_component_el_icon, {
|
|
148
|
+
class: vue.normalizeClass(_ctx.ns.e("close"))
|
|
149
|
+
}, {
|
|
150
|
+
default: vue.withCtx(() => [
|
|
151
|
+
vue.createVNode(_component_close)
|
|
152
|
+
]),
|
|
153
|
+
_: 1
|
|
154
|
+
}, 8, ["class"])
|
|
155
|
+
], 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
|
|
156
|
+
], 2)) : vue.createCommentVNode("v-if", true),
|
|
157
|
+
_ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
158
|
+
key: 1,
|
|
159
|
+
id: _ctx.bodyId,
|
|
160
|
+
class: vue.normalizeClass(_ctx.ns.e("body"))
|
|
161
|
+
}, [
|
|
162
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
163
|
+
], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true),
|
|
164
|
+
_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
165
|
+
key: 2,
|
|
166
|
+
class: vue.normalizeClass(_ctx.ns.e("footer"))
|
|
167
|
+
}, [
|
|
168
|
+
vue.renderSlot(_ctx.$slots, "footer")
|
|
169
|
+
], 2)) : vue.createCommentVNode("v-if", true)
|
|
170
|
+
], 16, _hoisted_1)
|
|
171
|
+
]),
|
|
172
|
+
_: 3
|
|
173
|
+
}, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
|
|
174
|
+
]),
|
|
175
|
+
_: 3
|
|
176
|
+
}, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
|
|
177
|
+
[vue.vShow, _ctx.visible]
|
|
178
|
+
])
|
|
179
|
+
]),
|
|
180
|
+
_: 3
|
|
181
|
+
}, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
|
|
182
|
+
], 8, ["disabled"]);
|
|
183
|
+
}
|
|
184
|
+
var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "drawer.vue"]]);
|
|
35
185
|
|
|
36
|
-
exports
|
|
37
|
-
exports.drawerProps = drawerProps;
|
|
186
|
+
exports["default"] = Drawer;
|
|
38
187
|
//# sourceMappingURL=drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}
|
|
1
|
+
{"version":3,"file":"drawer.js","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', customClass]\"\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\">\nimport { computed, defineComponent, ref } 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\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElFocusTrap,\n ElIcon,\n Close,\n },\n inheritAttrs: false,\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, { slots }) {\n useDeprecated(\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 useDeprecated(\n {\n scope: 'el-drawer',\n from: 'custom-class',\n replacement: 'class',\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!props.customClass)\n )\n\n const drawerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const ns = useNamespace('drawer')\n const { t } = useLocale()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' || props.direction === 'ltr'\n )\n const drawerSize = computed(() => addUnit(props.size))\n\n return {\n ...useDialog(props, drawerRef),\n drawerRef,\n focusStartRef,\n isHorizontal,\n drawerSize,\n ns,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElFocusTrap","ElIcon","Close","drawerProps","drawerEmits","useDeprecated","computed","ref","useNamespace","useLocale","addUnit","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_openBlock","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode"],"mappings":"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"}
|
|
@@ -2,186 +2,37 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
var iconsVue = require('@element-plus/icons-vue');
|
|
7
|
-
var index = require('../../overlay/index.js');
|
|
8
|
-
require('../../focus-trap/index.js');
|
|
9
|
-
require('../../dialog/index.js');
|
|
10
5
|
require('../../../utils/index.js');
|
|
11
|
-
|
|
12
|
-
require('../../../
|
|
13
|
-
var
|
|
14
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
15
|
-
var focusTrap = require('../../focus-trap/src/focus-trap.js');
|
|
16
|
-
var index$2 = require('../../../hooks/use-deprecated/index.js');
|
|
17
|
-
var index$3 = require('../../../hooks/use-namespace/index.js');
|
|
18
|
-
var index$4 = require('../../../hooks/use-locale/index.js');
|
|
19
|
-
var style = require('../../../utils/dom/style.js');
|
|
20
|
-
var useDialog = require('../../dialog/src/use-dialog.js');
|
|
6
|
+
require('../../dialog/index.js');
|
|
7
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
8
|
+
var dialog = require('../../dialog/src/dialog.js');
|
|
21
9
|
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
10
|
+
const drawerProps = runtime.buildProps({
|
|
11
|
+
...dialog.dialogProps,
|
|
12
|
+
direction: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: "rtl",
|
|
15
|
+
values: ["ltr", "rtl", "ttb", "btt"]
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
type: [String, Number],
|
|
19
|
+
default: "30%"
|
|
20
|
+
},
|
|
21
|
+
withHeader: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: true
|
|
24
|
+
},
|
|
25
|
+
modalFade: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: true
|
|
29
28
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
setup(props, { slots }) {
|
|
34
|
-
index$2.useDeprecated({
|
|
35
|
-
scope: "el-drawer",
|
|
36
|
-
from: "the title slot",
|
|
37
|
-
replacement: "the header slot",
|
|
38
|
-
version: "3.0.0",
|
|
39
|
-
ref: "https://element-plus.org/en-US/component/drawer.html#slots"
|
|
40
|
-
}, vue.computed(() => !!slots.title));
|
|
41
|
-
index$2.useDeprecated({
|
|
42
|
-
scope: "el-drawer",
|
|
43
|
-
from: "custom-class",
|
|
44
|
-
replacement: "class",
|
|
45
|
-
version: "2.3.0",
|
|
46
|
-
ref: "https://element-plus.org/en-US/component/drawer.html#attributes",
|
|
47
|
-
type: "Attribute"
|
|
48
|
-
}, vue.computed(() => !!props.customClass));
|
|
49
|
-
const drawerRef = vue.ref();
|
|
50
|
-
const focusStartRef = vue.ref();
|
|
51
|
-
const ns = index$3.useNamespace("drawer");
|
|
52
|
-
const { t } = index$4.useLocale();
|
|
53
|
-
const isHorizontal = vue.computed(() => props.direction === "rtl" || props.direction === "ltr");
|
|
54
|
-
const drawerSize = vue.computed(() => style.addUnit(props.size));
|
|
55
|
-
return {
|
|
56
|
-
...useDialog.useDialog(props, drawerRef),
|
|
57
|
-
drawerRef,
|
|
58
|
-
focusStartRef,
|
|
59
|
-
isHorizontal,
|
|
60
|
-
drawerSize,
|
|
61
|
-
ns,
|
|
62
|
-
t
|
|
63
|
-
};
|
|
29
|
+
headerAriaLevel: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: "2"
|
|
64
32
|
}
|
|
65
33
|
});
|
|
66
|
-
const
|
|
67
|
-
const _hoisted_2 = ["id", "aria-level"];
|
|
68
|
-
const _hoisted_3 = ["aria-label"];
|
|
69
|
-
const _hoisted_4 = ["id"];
|
|
70
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
71
|
-
const _component_close = vue.resolveComponent("close");
|
|
72
|
-
const _component_el_icon = vue.resolveComponent("el-icon");
|
|
73
|
-
const _component_el_focus_trap = vue.resolveComponent("el-focus-trap");
|
|
74
|
-
const _component_el_overlay = vue.resolveComponent("el-overlay");
|
|
75
|
-
return vue.openBlock(), vue.createBlock(vue.Teleport, {
|
|
76
|
-
to: "body",
|
|
77
|
-
disabled: !_ctx.appendToBody
|
|
78
|
-
}, [
|
|
79
|
-
vue.createVNode(vue.Transition, {
|
|
80
|
-
name: _ctx.ns.b("fade"),
|
|
81
|
-
onAfterEnter: _ctx.afterEnter,
|
|
82
|
-
onAfterLeave: _ctx.afterLeave,
|
|
83
|
-
onBeforeLeave: _ctx.beforeLeave,
|
|
84
|
-
persisted: ""
|
|
85
|
-
}, {
|
|
86
|
-
default: vue.withCtx(() => [
|
|
87
|
-
vue.withDirectives(vue.createVNode(_component_el_overlay, {
|
|
88
|
-
mask: _ctx.modal,
|
|
89
|
-
"overlay-class": _ctx.modalClass,
|
|
90
|
-
"z-index": _ctx.zIndex,
|
|
91
|
-
onClick: _ctx.onModalClick
|
|
92
|
-
}, {
|
|
93
|
-
default: vue.withCtx(() => [
|
|
94
|
-
vue.createVNode(_component_el_focus_trap, {
|
|
95
|
-
loop: "",
|
|
96
|
-
trapped: _ctx.visible,
|
|
97
|
-
"focus-trap-el": _ctx.drawerRef,
|
|
98
|
-
"focus-start-el": _ctx.focusStartRef,
|
|
99
|
-
onReleaseRequested: _ctx.onCloseRequested
|
|
100
|
-
}, {
|
|
101
|
-
default: vue.withCtx(() => [
|
|
102
|
-
vue.createElementVNode("div", vue.mergeProps({
|
|
103
|
-
ref: "drawerRef",
|
|
104
|
-
"aria-modal": "true",
|
|
105
|
-
"aria-label": _ctx.title || void 0,
|
|
106
|
-
"aria-labelledby": !_ctx.title ? _ctx.titleId : void 0,
|
|
107
|
-
"aria-describedby": _ctx.bodyId
|
|
108
|
-
}, _ctx.$attrs, {
|
|
109
|
-
class: [_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass],
|
|
110
|
-
style: _ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize,
|
|
111
|
-
role: "dialog",
|
|
112
|
-
onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
|
|
113
|
-
}, ["stop"]))
|
|
114
|
-
}), [
|
|
115
|
-
vue.createElementVNode("span", {
|
|
116
|
-
ref: "focusStartRef",
|
|
117
|
-
class: vue.normalizeClass(_ctx.ns.e("sr-focus")),
|
|
118
|
-
tabindex: "-1"
|
|
119
|
-
}, null, 2),
|
|
120
|
-
_ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
|
|
121
|
-
key: 0,
|
|
122
|
-
class: vue.normalizeClass(_ctx.ns.e("header"))
|
|
123
|
-
}, [
|
|
124
|
-
!_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
|
|
125
|
-
key: 0,
|
|
126
|
-
close: _ctx.handleClose,
|
|
127
|
-
titleId: _ctx.titleId,
|
|
128
|
-
titleClass: _ctx.ns.e("title")
|
|
129
|
-
}, () => [
|
|
130
|
-
!_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
131
|
-
key: 0,
|
|
132
|
-
id: _ctx.titleId,
|
|
133
|
-
role: "heading",
|
|
134
|
-
"aria-level": _ctx.headerAriaLevel,
|
|
135
|
-
class: vue.normalizeClass(_ctx.ns.e("title"))
|
|
136
|
-
}, vue.toDisplayString(_ctx.title), 11, _hoisted_2)) : vue.createCommentVNode("v-if", true)
|
|
137
|
-
]) : vue.renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
|
|
138
|
-
vue.createCommentVNode(" DEPRECATED SLOT ")
|
|
139
|
-
]),
|
|
140
|
-
_ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
|
|
141
|
-
key: 2,
|
|
142
|
-
"aria-label": _ctx.t("el.drawer.close"),
|
|
143
|
-
class: vue.normalizeClass(_ctx.ns.e("close-btn")),
|
|
144
|
-
type: "button",
|
|
145
|
-
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
|
|
146
|
-
}, [
|
|
147
|
-
vue.createVNode(_component_el_icon, {
|
|
148
|
-
class: vue.normalizeClass(_ctx.ns.e("close"))
|
|
149
|
-
}, {
|
|
150
|
-
default: vue.withCtx(() => [
|
|
151
|
-
vue.createVNode(_component_close)
|
|
152
|
-
]),
|
|
153
|
-
_: 1
|
|
154
|
-
}, 8, ["class"])
|
|
155
|
-
], 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
|
|
156
|
-
], 2)) : vue.createCommentVNode("v-if", true),
|
|
157
|
-
_ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
158
|
-
key: 1,
|
|
159
|
-
id: _ctx.bodyId,
|
|
160
|
-
class: vue.normalizeClass(_ctx.ns.e("body"))
|
|
161
|
-
}, [
|
|
162
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
163
|
-
], 10, _hoisted_4)) : vue.createCommentVNode("v-if", true),
|
|
164
|
-
_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
165
|
-
key: 2,
|
|
166
|
-
class: vue.normalizeClass(_ctx.ns.e("footer"))
|
|
167
|
-
}, [
|
|
168
|
-
vue.renderSlot(_ctx.$slots, "footer")
|
|
169
|
-
], 2)) : vue.createCommentVNode("v-if", true)
|
|
170
|
-
], 16, _hoisted_1)
|
|
171
|
-
]),
|
|
172
|
-
_: 3
|
|
173
|
-
}, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
|
|
174
|
-
]),
|
|
175
|
-
_: 3
|
|
176
|
-
}, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
|
|
177
|
-
[vue.vShow, _ctx.visible]
|
|
178
|
-
])
|
|
179
|
-
]),
|
|
180
|
-
_: 3
|
|
181
|
-
}, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
|
|
182
|
-
], 8, ["disabled"]);
|
|
183
|
-
}
|
|
184
|
-
var Drawer = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "drawer.vue"]]);
|
|
34
|
+
const drawerEmits = dialog.dialogEmits;
|
|
185
35
|
|
|
186
|
-
exports
|
|
36
|
+
exports.drawerEmits = drawerEmits;
|
|
37
|
+
exports.drawerProps = drawerProps;
|
|
187
38
|
//# sourceMappingURL=drawer2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer2.js","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', customClass]\"\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\">\nimport { computed, defineComponent, ref } 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\nexport default defineComponent({\n name: 'ElDrawer',\n components: {\n ElOverlay,\n ElFocusTrap,\n ElIcon,\n Close,\n },\n inheritAttrs: false,\n props: drawerProps,\n emits: drawerEmits,\n\n setup(props, { slots }) {\n useDeprecated(\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 useDeprecated(\n {\n scope: 'el-drawer',\n from: 'custom-class',\n replacement: 'class',\n version: '2.3.0',\n ref: 'https://element-plus.org/en-US/component/drawer.html#attributes',\n type: 'Attribute',\n },\n computed(() => !!props.customClass)\n )\n\n const drawerRef = ref<HTMLElement>()\n const focusStartRef = ref<HTMLElement>()\n const ns = useNamespace('drawer')\n const { t } = useLocale()\n\n const isHorizontal = computed(\n () => props.direction === 'rtl' || props.direction === 'ltr'\n )\n const drawerSize = computed(() => addUnit(props.size))\n\n return {\n ...useDialog(props, drawerRef),\n drawerRef,\n focusStartRef,\n isHorizontal,\n drawerSize,\n ns,\n t,\n }\n },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElFocusTrap","ElIcon","Close","drawerProps","drawerEmits","useDeprecated","computed","ref","useNamespace","useLocale","addUnit","useDialog","_createBlock","_Teleport","_createVNode","_Transition","_withDirectives","_createElementVNode","_mergeProps","_withModifiers","_normalizeClass","_openBlock","_createElementBlock","_renderSlot","_toDisplayString","_createCommentVNode"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"drawer2.js","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { dialogEmits, dialogProps } from '@element-plus/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n ...dialogProps,\n direction: {\n type: String,\n default: 'rtl',\n values: ['ltr', 'rtl', 'ttb', 'btt'],\n },\n size: {\n type: [String, Number],\n default: '30%',\n },\n withHeader: {\n type: Boolean,\n default: true,\n },\n modalFade: {\n type: Boolean,\n default: true,\n },\n headerAriaLevel: {\n type: String,\n default: '2',\n },\n} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\nexport const drawerEmits = dialogEmits\n"],"names":["buildProps","dialogProps","dialogEmits"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAGC;;;;;"}
|
package/lib/components/index.js
CHANGED
|
@@ -88,7 +88,7 @@ var avatar = require('./avatar/src/avatar.js');
|
|
|
88
88
|
var backtop = require('./backtop/src/backtop.js');
|
|
89
89
|
var badge = require('./badge/src/badge.js');
|
|
90
90
|
var breadcrumb = require('./breadcrumb/src/breadcrumb.js');
|
|
91
|
-
var breadcrumbItem = require('./breadcrumb/src/breadcrumb-
|
|
91
|
+
var breadcrumbItem = require('./breadcrumb/src/breadcrumb-item2.js');
|
|
92
92
|
var constants = require('./breadcrumb/src/constants.js');
|
|
93
93
|
var button = require('./button/src/button.js');
|
|
94
94
|
var constants$1 = require('./button/src/constants.js');
|
|
@@ -121,7 +121,7 @@ var useDialog = require('./dialog/src/use-dialog.js');
|
|
|
121
121
|
var dialog = require('./dialog/src/dialog.js');
|
|
122
122
|
var constants$7 = require('./dialog/src/constants.js');
|
|
123
123
|
var divider = require('./divider/src/divider.js');
|
|
124
|
-
var drawer = require('./drawer/src/
|
|
124
|
+
var drawer = require('./drawer/src/drawer2.js');
|
|
125
125
|
var dropdown = require('./dropdown/src/dropdown.js');
|
|
126
126
|
var tokens = require('./dropdown/src/tokens.js');
|
|
127
127
|
var empty = require('./empty/src/empty.js');
|
|
@@ -185,7 +185,7 @@ var autoResizer = require('./table-v2/src/auto-resizer.js');
|
|
|
185
185
|
var table = require('./table-v2/src/table.js');
|
|
186
186
|
var row$1 = require('./table-v2/src/row.js');
|
|
187
187
|
var tabs = require('./tabs/src/tabs.js');
|
|
188
|
-
var tabBar = require('./tabs/src/tab-
|
|
188
|
+
var tabBar = require('./tabs/src/tab-bar.js');
|
|
189
189
|
var tabNav = require('./tabs/src/tab-nav.js');
|
|
190
190
|
var tabPane = require('./tabs/src/tab-pane.js');
|
|
191
191
|
var constants$g = require('./tabs/src/constants.js');
|
|
@@ -3,6 +3,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
|
|
|
3
3
|
readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
4
4
|
readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
5
5
|
readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
6
|
+
readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
|
|
6
7
|
readonly icon: {
|
|
7
8
|
readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
|
|
8
9
|
readonly required: false;
|
|
@@ -15,6 +16,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
|
|
|
15
16
|
readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
16
17
|
readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
17
18
|
readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
19
|
+
readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
|
|
18
20
|
readonly icon: {
|
|
19
21
|
readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
|
|
20
22
|
readonly required: false;
|
|
@@ -115,6 +117,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
|
|
|
115
117
|
readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
116
118
|
readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
117
119
|
readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
120
|
+
readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
|
|
118
121
|
readonly icon: {
|
|
119
122
|
readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
|
|
120
123
|
readonly required: false;
|
|
@@ -125,6 +128,7 @@ export declare const ElLink: import("@element-plus/nightly/es/utils").SFCWithIns
|
|
|
125
128
|
onClick?: ((evt: MouseEvent) => any) | undefined;
|
|
126
129
|
}, {
|
|
127
130
|
readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
|
|
131
|
+
readonly target: string;
|
|
128
132
|
readonly disabled: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
129
133
|
readonly underline: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
130
134
|
readonly href: string;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import type { ExtractPropTypes } from 'vue';
|
|
1
|
+
import type { ExtractPropTypes, PropType } from 'vue';
|
|
2
2
|
import type Link from './link.vue';
|
|
3
3
|
export declare const linkProps: {
|
|
4
4
|
readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "default" | "success" | "warning" | "info" | "primary" | "danger", unknown, "default", boolean>;
|
|
5
5
|
readonly underline: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
6
6
|
readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
7
7
|
readonly href: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
8
|
+
readonly target: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "_self", boolean>;
|
|
8
9
|
readonly icon: {
|
|
9
|
-
readonly type:
|
|
10
|
+
readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
|
|
10
11
|
readonly required: false;
|
|
11
12
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
12
13
|
__epPropKey: true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n /**\n * @description type\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n default: 'default',\n },\n /**\n * @description whether the component has underline\n */\n underline: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the component is disabled\n */\n disabled: { type: Boolean, default: false },\n /**\n * @description same as native hyperlink's `href`\n */\n href: { type: String, default: '' },\n /**\n * @description icon component\n */\n icon: {\n type: iconPropType,\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
|
|
1
|
+
{"version":3,"file":"link.js","sources":["../../../../../../packages/components/link/src/link.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type Link from './link.vue'\n\nexport const linkProps = buildProps({\n /**\n * @description type\n */\n type: {\n type: String,\n values: ['primary', 'success', 'warning', 'info', 'danger', 'default'],\n default: 'default',\n },\n /**\n * @description whether the component has underline\n */\n underline: {\n type: Boolean,\n default: true,\n },\n /**\n * @description whether the component is disabled\n */\n disabled: { type: Boolean, default: false },\n /**\n * @description same as native hyperlink's `href`\n */\n href: { type: String, default: '' },\n /**\n * @description same as native hyperlink's `target`\n */\n target: {\n type: String as PropType<'_blank' | '_parent' | '_self' | '_top' | string>,\n default: '_self',\n },\n /**\n * @description icon component\n */\n icon: {\n type: iconPropType,\n },\n} as const)\nexport type LinkProps = ExtractPropTypes<typeof linkProps>\n\nexport const linkEmits = {\n click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type LinkEmits = typeof linkEmits\n\nexport type LinkInstance = InstanceType<typeof Link>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC;AAC1E,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;AAC7C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
|