@element-plus/nightly 0.0.20240608 → 0.0.20240609
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +2 -2
- package/dist/index.full.min.js +2 -2
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +2 -2
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -2
- 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/collection/index.mjs +1 -1
- package/es/components/collection/src/collection.mjs +62 -10
- package/es/components/collection/src/collection.mjs.map +1 -1
- package/es/components/collection/src/collection2.mjs +10 -62
- package/es/components/collection/src/collection2.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-item-impl.mjs +1 -1
- package/es/components/dropdown/src/dropdown.mjs +1 -1
- package/es/components/index.mjs +2 -2
- package/es/components/roving-focus-group/src/roving-focus-group.mjs +1 -1
- package/es/components/scrollbar/index.mjs +2 -2
- package/es/components/scrollbar/src/scrollbar.mjs +160 -51
- package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
- package/es/components/scrollbar/src/scrollbar2.mjs +51 -160
- package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
- package/es/components/switch/index.mjs +2 -2
- package/es/components/switch/src/switch.mjs +242 -85
- package/es/components/switch/src/switch.mjs.map +1 -1
- package/es/components/switch/src/switch2.mjs +85 -242
- package/es/components/switch/src/switch2.mjs.map +1 -1
- package/es/index.mjs +2 -2
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/collection/index.js +1 -1
- package/lib/components/collection/src/collection.js +62 -9
- package/lib/components/collection/src/collection.js.map +1 -1
- package/lib/components/collection/src/collection2.js +9 -62
- package/lib/components/collection/src/collection2.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-item-impl.js +1 -1
- package/lib/components/dropdown/src/dropdown.js +1 -1
- package/lib/components/index.js +2 -2
- package/lib/components/roving-focus-group/src/roving-focus-group.js +1 -1
- package/lib/components/scrollbar/index.js +2 -2
- package/lib/components/scrollbar/src/scrollbar.js +160 -52
- package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
- package/lib/components/scrollbar/src/scrollbar2.js +52 -160
- package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/switch/src/switch.js +241 -85
- package/lib/components/switch/src/switch.js.map +1 -1
- package/lib/components/switch/src/switch2.js +85 -241
- package/lib/components/switch/src/switch2.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -1,13 +1,65 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
1
|
+
import { ref, unref, provide, inject, onMounted, onBeforeUnmount } from 'vue';
|
|
2
|
+
import Collection from './collection2.mjs';
|
|
3
|
+
import CollectionItem from './collection-item.mjs';
|
|
3
4
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
|
|
6
|
+
const createCollectionWithScope = (name) => {
|
|
7
|
+
const COLLECTION_NAME = `El${name}Collection`;
|
|
8
|
+
const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
|
|
9
|
+
const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
|
|
10
|
+
const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
|
|
11
|
+
const ElCollection = {
|
|
12
|
+
...Collection,
|
|
13
|
+
name: COLLECTION_NAME,
|
|
14
|
+
setup() {
|
|
15
|
+
const collectionRef = ref(null);
|
|
16
|
+
const itemMap = /* @__PURE__ */ new Map();
|
|
17
|
+
const getItems = () => {
|
|
18
|
+
const collectionEl = unref(collectionRef);
|
|
19
|
+
if (!collectionEl)
|
|
20
|
+
return [];
|
|
21
|
+
const orderedNodes = Array.from(collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`));
|
|
22
|
+
const items = [...itemMap.values()];
|
|
23
|
+
return items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
|
|
24
|
+
};
|
|
25
|
+
provide(COLLECTION_INJECTION_KEY, {
|
|
26
|
+
itemMap,
|
|
27
|
+
getItems,
|
|
28
|
+
collectionRef
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const ElCollectionItem = {
|
|
33
|
+
...CollectionItem,
|
|
34
|
+
name: COLLECTION_ITEM_NAME,
|
|
35
|
+
setup(_, { attrs }) {
|
|
36
|
+
const collectionItemRef = ref(null);
|
|
37
|
+
const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
|
|
38
|
+
provide(COLLECTION_ITEM_INJECTION_KEY, {
|
|
39
|
+
collectionItemRef
|
|
40
|
+
});
|
|
41
|
+
onMounted(() => {
|
|
42
|
+
const collectionItemEl = unref(collectionItemRef);
|
|
43
|
+
if (collectionItemEl) {
|
|
44
|
+
collectionInjection.itemMap.set(collectionItemEl, {
|
|
45
|
+
ref: collectionItemEl,
|
|
46
|
+
...attrs
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
onBeforeUnmount(() => {
|
|
51
|
+
const collectionItemEl = unref(collectionItemRef);
|
|
52
|
+
collectionInjection.itemMap.delete(collectionItemEl);
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
return {
|
|
57
|
+
COLLECTION_INJECTION_KEY,
|
|
58
|
+
COLLECTION_ITEM_INJECTION_KEY,
|
|
59
|
+
ElCollection,
|
|
60
|
+
ElCollectionItem
|
|
61
|
+
};
|
|
62
|
+
};
|
|
11
63
|
|
|
12
|
-
export {
|
|
64
|
+
export { COLLECTION_ITEM_SIGN, createCollectionWithScope };
|
|
13
65
|
//# sourceMappingURL=collection.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection.mjs","sources":["../../../../../../packages/components/collection/src/collection.
|
|
1
|
+
{"version":3,"file":"collection.mjs","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey } from 'vue'\nimport type { SetupContext } from '@vue/runtime-core'\nimport type {\n ElCollectionInjectionContext,\n ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n const COLLECTION_NAME = `El${name}Collection`\n const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n Symbol(COLLECTION_NAME)\n const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n Symbol(COLLECTION_ITEM_NAME)\n\n const ElCollection = {\n ...Collection,\n name: COLLECTION_NAME,\n setup() {\n const collectionRef = ref<HTMLElement | null>(null)\n const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n const getItems = () => {\n const collectionEl = unref(collectionRef)\n\n if (!collectionEl) return []\n const orderedNodes = Array.from(\n collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n )\n\n const items = [...itemMap.values()]\n\n return items.sort(\n (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n )\n }\n\n provide(COLLECTION_INJECTION_KEY, {\n itemMap,\n getItems,\n collectionRef,\n })\n },\n }\n\n const ElCollectionItem = {\n ...CollectionItem,\n name: COLLECTION_ITEM_NAME,\n setup(_: unknown, { attrs }: SetupContext) {\n const collectionItemRef = ref<HTMLElement | null>(null)\n const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n provide(COLLECTION_ITEM_INJECTION_KEY, {\n collectionItemRef,\n })\n\n onMounted(() => {\n const collectionItemEl = unref(collectionItemRef)\n if (collectionItemEl) {\n collectionInjection.itemMap.set(collectionItemEl, {\n ref: collectionItemEl,\n ...attrs,\n })\n }\n })\n\n onBeforeUnmount(() => {\n const collectionItemEl = unref(collectionItemRef)!\n collectionInjection.itemMap.delete(collectionItemEl)\n })\n },\n }\n\n return {\n COLLECTION_INJECTION_KEY,\n COLLECTION_ITEM_INJECTION_KEY,\n ElCollection,\n ElCollectionItem,\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,65 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import CollectionItem from './collection-item.mjs';
|
|
1
|
+
import { defineComponent, renderSlot } from 'vue';
|
|
2
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
4
3
|
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
...Collection,
|
|
13
|
-
name: COLLECTION_NAME,
|
|
14
|
-
setup() {
|
|
15
|
-
const collectionRef = ref(null);
|
|
16
|
-
const itemMap = /* @__PURE__ */ new Map();
|
|
17
|
-
const getItems = () => {
|
|
18
|
-
const collectionEl = unref(collectionRef);
|
|
19
|
-
if (!collectionEl)
|
|
20
|
-
return [];
|
|
21
|
-
const orderedNodes = Array.from(collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`));
|
|
22
|
-
const items = [...itemMap.values()];
|
|
23
|
-
return items.sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
|
|
24
|
-
};
|
|
25
|
-
provide(COLLECTION_INJECTION_KEY, {
|
|
26
|
-
itemMap,
|
|
27
|
-
getItems,
|
|
28
|
-
collectionRef
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const ElCollectionItem = {
|
|
33
|
-
...CollectionItem,
|
|
34
|
-
name: COLLECTION_ITEM_NAME,
|
|
35
|
-
setup(_, { attrs }) {
|
|
36
|
-
const collectionItemRef = ref(null);
|
|
37
|
-
const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
|
|
38
|
-
provide(COLLECTION_ITEM_INJECTION_KEY, {
|
|
39
|
-
collectionItemRef
|
|
40
|
-
});
|
|
41
|
-
onMounted(() => {
|
|
42
|
-
const collectionItemEl = unref(collectionItemRef);
|
|
43
|
-
if (collectionItemEl) {
|
|
44
|
-
collectionInjection.itemMap.set(collectionItemEl, {
|
|
45
|
-
ref: collectionItemEl,
|
|
46
|
-
...attrs
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
onBeforeUnmount(() => {
|
|
51
|
-
const collectionItemEl = unref(collectionItemRef);
|
|
52
|
-
collectionInjection.itemMap.delete(collectionItemEl);
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
return {
|
|
57
|
-
COLLECTION_INJECTION_KEY,
|
|
58
|
-
COLLECTION_ITEM_INJECTION_KEY,
|
|
59
|
-
ElCollection,
|
|
60
|
-
ElCollectionItem
|
|
61
|
-
};
|
|
62
|
-
};
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
inheritAttrs: false
|
|
6
|
+
});
|
|
7
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8
|
+
return renderSlot(_ctx.$slots, "default");
|
|
9
|
+
}
|
|
10
|
+
var Collection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "collection.vue"]]);
|
|
63
11
|
|
|
64
|
-
export {
|
|
12
|
+
export { Collection as default };
|
|
65
13
|
//# sourceMappingURL=collection2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.
|
|
1
|
+
{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n <slot />\n</template>\n\n<script lang=\"ts\" setup>\ndefineOptions({\n inheritAttrs: false,\n})\n</script>\n"],"names":["DO_defineComponent","_renderSlot"],"mappings":";;;kCAKcA,eAAA,CAAA;AAAA,EACZ,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;SANEC,UAAQ,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;"}
|
|
@@ -14,7 +14,7 @@ import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from '../../roving-focus-group/
|
|
|
14
14
|
import { composeRefs } from '../../../utils/vue/refs.mjs';
|
|
15
15
|
import { composeEventHandlers } from '../../../utils/dom/event.mjs';
|
|
16
16
|
import { EVENT_CODE } from '../../../constants/aria.mjs';
|
|
17
|
-
import { COLLECTION_ITEM_SIGN } from '../../collection/src/
|
|
17
|
+
import { COLLECTION_ITEM_SIGN } from '../../collection/src/collection.mjs';
|
|
18
18
|
|
|
19
19
|
const _sfc_main = defineComponent({
|
|
20
20
|
name: "DropdownItemImpl",
|
|
@@ -7,7 +7,7 @@ import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
|
|
|
7
7
|
import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
|
|
8
8
|
import { iconPropType } from '../../../utils/vue/icon.mjs';
|
|
9
9
|
import { EVENT_CODE } from '../../../constants/aria.mjs';
|
|
10
|
-
import { createCollectionWithScope } from '../../collection/src/
|
|
10
|
+
import { createCollectionWithScope } from '../../collection/src/collection.mjs';
|
|
11
11
|
|
|
12
12
|
const dropdownProps = buildProps({
|
|
13
13
|
trigger: useTooltipTriggerProps.trigger,
|
package/es/components/index.mjs
CHANGED
|
@@ -162,7 +162,7 @@ export { IconComponentMap, IconMap, resultProps } from './result/src/result.mjs'
|
|
|
162
162
|
export { RowAlign, RowJustify, rowProps } from './row/src/row.mjs';
|
|
163
163
|
export { rowContextKey } from './row/src/constants.mjs';
|
|
164
164
|
export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
|
|
165
|
-
export { scrollbarEmits, scrollbarProps } from './scrollbar/src/
|
|
165
|
+
export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar2.mjs';
|
|
166
166
|
export { thumbProps } from './scrollbar/src/thumb.mjs';
|
|
167
167
|
export { scrollbarContextKey } from './scrollbar/src/constants.mjs';
|
|
168
168
|
export { selectGroupKey, selectKey } from './select/src/token.mjs';
|
|
@@ -177,7 +177,7 @@ export { useSpace } from './space/src/use-space.mjs';
|
|
|
177
177
|
export { statisticProps } from './statistic/src/statistic.mjs';
|
|
178
178
|
export { stepProps } from './steps/src/item.mjs';
|
|
179
179
|
export { stepsEmits, stepsProps } from './steps/src/steps.mjs';
|
|
180
|
-
export { switchEmits, switchProps } from './switch/src/
|
|
180
|
+
export { switchEmits, switchProps } from './switch/src/switch2.mjs';
|
|
181
181
|
export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './table-v2/src/constants.mjs';
|
|
182
182
|
export { default as TableV2 } from './table-v2/src/table-v2.mjs';
|
|
183
183
|
export { placeholderSign as TableV2Placeholder } from './table-v2/src/private.mjs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../../utils/index.mjs';
|
|
2
2
|
import '../../collection/index.mjs';
|
|
3
3
|
import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
|
|
4
|
-
import { createCollectionWithScope } from '../../collection/src/
|
|
4
|
+
import { createCollectionWithScope } from '../../collection/src/collection.mjs';
|
|
5
5
|
|
|
6
6
|
const rovingFocusGroupProps = buildProps({
|
|
7
7
|
style: { type: definePropType([String, Array, Object]) },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Scrollbar from './src/
|
|
2
|
+
import Scrollbar from './src/scrollbar.mjs';
|
|
3
3
|
export { BAR_MAP, GAP, renderThumbStyle } from './src/util.mjs';
|
|
4
|
-
export { scrollbarEmits, scrollbarProps } from './src/
|
|
4
|
+
export { scrollbarEmits, scrollbarProps } from './src/scrollbar2.mjs';
|
|
5
5
|
export { thumbProps } from './src/thumb.mjs';
|
|
6
6
|
export { scrollbarContextKey } from './src/constants.mjs';
|
|
7
7
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
@@ -1,58 +1,167 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, watch, nextTick, provide, reactive, onMounted, onUpdated, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
+
import { useResizeObserver, useEventListener } from '@vueuse/core';
|
|
1
3
|
import '../../../utils/index.mjs';
|
|
2
4
|
import '../../../hooks/index.mjs';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
+
import Bar from './bar2.mjs';
|
|
6
|
+
import { scrollbarContextKey } from './constants.mjs';
|
|
7
|
+
import { scrollbarProps, scrollbarEmits } from './scrollbar2.mjs';
|
|
8
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
9
|
+
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
|
10
|
+
import { addUnit } from '../../../utils/dom/style.mjs';
|
|
11
|
+
import { isObject } from '@vue/shared';
|
|
5
12
|
import { isNumber } from '../../../utils/types.mjs';
|
|
13
|
+
import { debugWarn } from '../../../utils/error.mjs';
|
|
6
14
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: ""
|
|
11
|
-
},
|
|
12
|
-
maxHeight: {
|
|
13
|
-
type: [String, Number],
|
|
14
|
-
default: ""
|
|
15
|
-
},
|
|
16
|
-
native: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: false
|
|
19
|
-
},
|
|
20
|
-
wrapStyle: {
|
|
21
|
-
type: definePropType([String, Object, Array]),
|
|
22
|
-
default: ""
|
|
23
|
-
},
|
|
24
|
-
wrapClass: {
|
|
25
|
-
type: [String, Array],
|
|
26
|
-
default: ""
|
|
27
|
-
},
|
|
28
|
-
viewClass: {
|
|
29
|
-
type: [String, Array],
|
|
30
|
-
default: ""
|
|
31
|
-
},
|
|
32
|
-
viewStyle: {
|
|
33
|
-
type: [String, Array, Object],
|
|
34
|
-
default: ""
|
|
35
|
-
},
|
|
36
|
-
noresize: Boolean,
|
|
37
|
-
tag: {
|
|
38
|
-
type: String,
|
|
39
|
-
default: "div"
|
|
40
|
-
},
|
|
41
|
-
always: Boolean,
|
|
42
|
-
minSize: {
|
|
43
|
-
type: Number,
|
|
44
|
-
default: 20
|
|
45
|
-
},
|
|
46
|
-
id: String,
|
|
47
|
-
role: String,
|
|
48
|
-
...useAriaProps(["ariaLabel", "ariaOrientation"])
|
|
15
|
+
const COMPONENT_NAME = "ElScrollbar";
|
|
16
|
+
const __default__ = defineComponent({
|
|
17
|
+
name: COMPONENT_NAME
|
|
49
18
|
});
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
19
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
20
|
+
...__default__,
|
|
21
|
+
props: scrollbarProps,
|
|
22
|
+
emits: scrollbarEmits,
|
|
23
|
+
setup(__props, { expose, emit }) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const ns = useNamespace("scrollbar");
|
|
26
|
+
let stopResizeObserver = void 0;
|
|
27
|
+
let stopResizeListener = void 0;
|
|
28
|
+
const scrollbarRef = ref();
|
|
29
|
+
const wrapRef = ref();
|
|
30
|
+
const resizeRef = ref();
|
|
31
|
+
const barRef = ref();
|
|
32
|
+
const wrapStyle = computed(() => {
|
|
33
|
+
const style = {};
|
|
34
|
+
if (props.height)
|
|
35
|
+
style.height = addUnit(props.height);
|
|
36
|
+
if (props.maxHeight)
|
|
37
|
+
style.maxHeight = addUnit(props.maxHeight);
|
|
38
|
+
return [props.wrapStyle, style];
|
|
39
|
+
});
|
|
40
|
+
const wrapKls = computed(() => {
|
|
41
|
+
return [
|
|
42
|
+
props.wrapClass,
|
|
43
|
+
ns.e("wrap"),
|
|
44
|
+
{ [ns.em("wrap", "hidden-default")]: !props.native }
|
|
45
|
+
];
|
|
46
|
+
});
|
|
47
|
+
const resizeKls = computed(() => {
|
|
48
|
+
return [ns.e("view"), props.viewClass];
|
|
49
|
+
});
|
|
50
|
+
const handleScroll = () => {
|
|
51
|
+
var _a;
|
|
52
|
+
if (wrapRef.value) {
|
|
53
|
+
(_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
|
|
54
|
+
emit("scroll", {
|
|
55
|
+
scrollTop: wrapRef.value.scrollTop,
|
|
56
|
+
scrollLeft: wrapRef.value.scrollLeft
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
function scrollTo(arg1, arg2) {
|
|
61
|
+
if (isObject(arg1)) {
|
|
62
|
+
wrapRef.value.scrollTo(arg1);
|
|
63
|
+
} else if (isNumber(arg1) && isNumber(arg2)) {
|
|
64
|
+
wrapRef.value.scrollTo(arg1, arg2);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
const setScrollTop = (value) => {
|
|
68
|
+
if (!isNumber(value)) {
|
|
69
|
+
debugWarn(COMPONENT_NAME, "value must be a number");
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
wrapRef.value.scrollTop = value;
|
|
73
|
+
};
|
|
74
|
+
const setScrollLeft = (value) => {
|
|
75
|
+
if (!isNumber(value)) {
|
|
76
|
+
debugWarn(COMPONENT_NAME, "value must be a number");
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
wrapRef.value.scrollLeft = value;
|
|
80
|
+
};
|
|
81
|
+
const update = () => {
|
|
82
|
+
var _a;
|
|
83
|
+
(_a = barRef.value) == null ? void 0 : _a.update();
|
|
84
|
+
};
|
|
85
|
+
watch(() => props.noresize, (noresize) => {
|
|
86
|
+
if (noresize) {
|
|
87
|
+
stopResizeObserver == null ? void 0 : stopResizeObserver();
|
|
88
|
+
stopResizeListener == null ? void 0 : stopResizeListener();
|
|
89
|
+
} else {
|
|
90
|
+
;
|
|
91
|
+
({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
|
|
92
|
+
stopResizeListener = useEventListener("resize", update);
|
|
93
|
+
}
|
|
94
|
+
}, { immediate: true });
|
|
95
|
+
watch(() => [props.maxHeight, props.height], () => {
|
|
96
|
+
if (!props.native)
|
|
97
|
+
nextTick(() => {
|
|
98
|
+
var _a;
|
|
99
|
+
update();
|
|
100
|
+
if (wrapRef.value) {
|
|
101
|
+
(_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
provide(scrollbarContextKey, reactive({
|
|
106
|
+
scrollbarElement: scrollbarRef,
|
|
107
|
+
wrapElement: wrapRef
|
|
108
|
+
}));
|
|
109
|
+
onMounted(() => {
|
|
110
|
+
if (!props.native)
|
|
111
|
+
nextTick(() => {
|
|
112
|
+
update();
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
onUpdated(() => update());
|
|
116
|
+
expose({
|
|
117
|
+
wrapRef,
|
|
118
|
+
update,
|
|
119
|
+
scrollTo,
|
|
120
|
+
setScrollTop,
|
|
121
|
+
setScrollLeft,
|
|
122
|
+
handleScroll
|
|
123
|
+
});
|
|
124
|
+
return (_ctx, _cache) => {
|
|
125
|
+
return openBlock(), createElementBlock("div", {
|
|
126
|
+
ref_key: "scrollbarRef",
|
|
127
|
+
ref: scrollbarRef,
|
|
128
|
+
class: normalizeClass(unref(ns).b())
|
|
129
|
+
}, [
|
|
130
|
+
createElementVNode("div", {
|
|
131
|
+
ref_key: "wrapRef",
|
|
132
|
+
ref: wrapRef,
|
|
133
|
+
class: normalizeClass(unref(wrapKls)),
|
|
134
|
+
style: normalizeStyle(unref(wrapStyle)),
|
|
135
|
+
onScroll: handleScroll
|
|
136
|
+
}, [
|
|
137
|
+
(openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
|
|
138
|
+
id: _ctx.id,
|
|
139
|
+
ref_key: "resizeRef",
|
|
140
|
+
ref: resizeRef,
|
|
141
|
+
class: normalizeClass(unref(resizeKls)),
|
|
142
|
+
style: normalizeStyle(_ctx.viewStyle),
|
|
143
|
+
role: _ctx.role,
|
|
144
|
+
"aria-label": _ctx.ariaLabel,
|
|
145
|
+
"aria-orientation": _ctx.ariaOrientation
|
|
146
|
+
}, {
|
|
147
|
+
default: withCtx(() => [
|
|
148
|
+
renderSlot(_ctx.$slots, "default")
|
|
149
|
+
]),
|
|
150
|
+
_: 3
|
|
151
|
+
}, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
|
|
152
|
+
], 38),
|
|
153
|
+
!_ctx.native ? (openBlock(), createBlock(Bar, {
|
|
154
|
+
key: 0,
|
|
155
|
+
ref_key: "barRef",
|
|
156
|
+
ref: barRef,
|
|
157
|
+
always: _ctx.always,
|
|
158
|
+
"min-size": _ctx.minSize
|
|
159
|
+
}, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)
|
|
160
|
+
], 2);
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scrollbar.vue"]]);
|
|
56
165
|
|
|
57
|
-
export {
|
|
166
|
+
export { Scrollbar as default };
|
|
58
167
|
//# sourceMappingURL=scrollbar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.
|
|
1
|
+
{"version":3,"file":"scrollbar.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n <div ref=\"scrollbarRef\" :class=\"ns.b()\">\n <div\n ref=\"wrapRef\"\n :class=\"wrapKls\"\n :style=\"wrapStyle\"\n @scroll=\"handleScroll\"\n >\n <component\n :is=\"tag\"\n :id=\"id\"\n ref=\"resizeRef\"\n :class=\"resizeKls\"\n :style=\"viewStyle\"\n :role=\"role\"\n :aria-label=\"ariaLabel\"\n :aria-orientation=\"ariaOrientation\"\n >\n <slot />\n </component>\n </div>\n <template v-if=\"!native\">\n <bar ref=\"barRef\" :always=\"always\" :min-size=\"minSize\" />\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n computed,\n nextTick,\n onMounted,\n onUpdated,\n provide,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { addUnit, debugWarn, isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport Bar from './bar.vue'\nimport { scrollbarContextKey } from './constants'\nimport { scrollbarEmits, scrollbarProps } from './scrollbar'\nimport type { BarInstance } from './bar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nconst COMPONENT_NAME = 'ElScrollbar'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(scrollbarProps)\nconst emit = defineEmits(scrollbarEmits)\n\nconst ns = useNamespace('scrollbar')\n\nlet stopResizeObserver: (() => void) | undefined = undefined\nlet stopResizeListener: (() => void) | undefined = undefined\n\nconst scrollbarRef = ref<HTMLDivElement>()\nconst wrapRef = ref<HTMLDivElement>()\nconst resizeRef = ref<HTMLElement>()\nconst barRef = ref<BarInstance>()\n\nconst wrapStyle = computed<StyleValue>(() => {\n const style: CSSProperties = {}\n if (props.height) style.height = addUnit(props.height)\n if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n return [props.wrapStyle, style]\n})\n\nconst wrapKls = computed(() => {\n return [\n props.wrapClass,\n ns.e('wrap'),\n { [ns.em('wrap', 'hidden-default')]: !props.native },\n ]\n})\n\nconst resizeKls = computed(() => {\n return [ns.e('view'), props.viewClass]\n})\n\nconst handleScroll = () => {\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n\n emit('scroll', {\n scrollTop: wrapRef.value.scrollTop,\n scrollLeft: wrapRef.value.scrollLeft,\n })\n }\n}\n\n// TODO: refactor method overrides, due to script setup dts\n// @ts-nocheck\nfunction scrollTo(xCord: number, yCord?: number): void\nfunction scrollTo(options: ScrollToOptions): void\nfunction scrollTo(arg1: unknown, arg2?: number) {\n if (isObject(arg1)) {\n wrapRef.value!.scrollTo(arg1)\n } else if (isNumber(arg1) && isNumber(arg2)) {\n wrapRef.value!.scrollTo(arg1, arg2)\n }\n}\n\nconst setScrollTop = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollTop = value\n}\n\nconst setScrollLeft = (value: number) => {\n if (!isNumber(value)) {\n debugWarn(COMPONENT_NAME, 'value must be a number')\n return\n }\n wrapRef.value!.scrollLeft = value\n}\n\nconst update = () => {\n barRef.value?.update()\n}\n\nwatch(\n () => props.noresize,\n (noresize) => {\n if (noresize) {\n stopResizeObserver?.()\n stopResizeListener?.()\n } else {\n ;({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update))\n stopResizeListener = useEventListener('resize', update)\n }\n },\n { immediate: true }\n)\n\nwatch(\n () => [props.maxHeight, props.height],\n () => {\n if (!props.native)\n nextTick(() => {\n update()\n if (wrapRef.value) {\n barRef.value?.handleScroll(wrapRef.value)\n }\n })\n }\n)\n\nprovide(\n scrollbarContextKey,\n reactive({\n scrollbarElement: scrollbarRef,\n wrapElement: wrapRef,\n })\n)\n\nonMounted(() => {\n if (!props.native)\n nextTick(() => {\n update()\n })\n})\nonUpdated(() => update())\n\ndefineExpose({\n /** @description scrollbar wrap ref */\n wrapRef,\n /** @description update scrollbar state manually */\n update,\n /** @description scrolls to a particular set of coordinates */\n scrollTo,\n /** @description set distance to scroll top */\n setScrollTop,\n /** @description set distance to scroll left */\n setScrollLeft,\n /** @description handle scroll event */\n handleScroll,\n})\n</script>\n"],"names":[],"mappings":"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"}
|