vft 0.0.136 → 0.0.138
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/es/comp-resolver.js +1 -3
- package/es/component.js +29 -25
- package/es/components/alert/alert.vue2.js +1 -4
- package/es/components/autocomplete/autocomplete.vue2.js +2 -8
- package/es/components/backtop/backtop.vue2.js +3 -2
- package/es/components/backtop/use-backtop.js +9 -5
- package/es/components/button/constants.js +1 -3
- package/es/components/button/use-button.js +4 -6
- package/es/components/carousel/carousel.vue2.js +3 -13
- package/es/components/carousel/use-carousel-item.js +2 -10
- package/es/components/carousel/use-carousel.js +2 -9
- package/es/components/checkbox/checkbox-button.vue2.js +1 -8
- package/es/components/checkbox/checkbox-group.vue2.js +1 -9
- package/es/components/checkbox/composables/use-checkbox-disabled.js +1 -3
- package/es/components/checkbox/composables/use-checkbox-event.js +2 -8
- package/es/components/checkbox/composables/use-checkbox.js +3 -7
- package/es/components/clamp/clamp.vue2.js +1 -4
- package/es/components/col/col.vue2.js +1 -3
- package/es/components/collection/collection.js +2 -6
- package/es/components/color-picker/color-picker.vue2.js +1 -5
- package/es/components/color-picker/components/hue-slider.vue2.js +4 -12
- package/es/components/color-picker/components/predefine.vue.js +1 -5
- package/es/components/color-picker/composables/use-alpha-slider.js +5 -17
- package/es/components/color-picker/contants.js +1 -3
- package/es/components/color-picker/utils/color.js +9 -29
- package/es/components/config-provider/hooks/use-global-config.js +5 -10
- package/es/components/container/footer.vue2.js +1 -3
- package/es/components/context-menu/context-menu.vue2.js +30 -15
- package/es/components/date-picker/composables/use-shortcut.js +1 -4
- package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js +2 -6
- package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +3 -11
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +6 -20
- package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js +2 -14
- package/es/components/descriptions/description.vue2.js +4 -6
- package/es/components/descriptions/descriptions-cell.js +1 -3
- package/es/components/dialog/dialog.vue.d.ts +1 -1
- package/es/components/drawer/drawer.vue2.js +1 -3
- package/es/components/dropdown/dropdown-item-impl.vue2.js +2 -9
- package/es/components/dropdown/dropdown-item.vue2.js +1 -4
- package/es/components/dropdown/dropdown-menu.vue2.js +5 -25
- package/es/components/dropdown/dropdown.vue2.js +2 -14
- package/es/components/dropdown/types.js +1 -10
- package/es/components/dropdown/useDropdown.js +1 -3
- package/es/components/exception/exception.vue2.js +6 -3
- package/es/components/focus-trap/focus-trap.vue2.js +4 -19
- package/es/components/footer-layout/footer-layout.vue2.js +3 -2
- package/es/components/form/form-item.vue2.js +7 -15
- package/es/components/form/hooks/use-form-common-props.js +1 -3
- package/es/components/form/types.d.ts +1 -1
- package/es/components/form/types.js +1 -6
- package/es/components/header-layout/header-layout.vue2.js +3 -2
- package/es/components/icon/icon.vue2.js +12 -7
- package/es/components/icon-text/icon-text.vue2.js +9 -6
- package/es/components/image/image.vue2.js +2 -10
- package/es/components/image/index.d.ts +49 -0
- package/es/components/image/index.js +3 -1
- package/es/components/image/p-image.vue.d.ts +51 -0
- package/es/components/image/p-image.vue.js +4 -0
- package/es/components/image/p-image.vue2.js +57 -0
- package/es/components/image/types.d.ts +1 -0
- package/es/components/image-viewer/image-viewer.vue2.js +4 -16
- package/es/components/index.d.ts +1 -0
- package/es/components/index.js +277 -274
- package/es/components/infinite-scroll/infinite-scroll.js +1 -3
- package/es/components/input/input.vue2.js +17 -9
- package/es/components/input-number/directives.js +1 -3
- package/es/components/input-number/input-number.vue2.js +2 -9
- package/es/components/link/link.vue2.js +1 -6
- package/es/components/list-cell/list-cell.vue2.js +7 -4
- package/es/components/loading/directive.js +1 -3
- package/es/components/md-code-demo/code-demo/code.js +14 -7
- package/es/components/md-code-demo/md-code-demo.js +97 -85
- package/es/components/md-code-tabs/md-code-tabs.js +3 -1
- package/es/components/md-container/md-container.vue2.js +3 -2
- package/es/components/md-container/toc.js +6 -1
- package/es/components/md-container/use/useActiveHeaderLinks.js +1 -7
- package/es/components/md-tabs/md-tabs.js +3 -1
- package/es/components/menu/menu-item.vue2.js +7 -3
- package/es/components/menu/menu.vue2.js +6 -14
- package/es/components/menu/sub-menu.vue2.js +3 -2
- package/es/components/message/message.vue2.js +1 -3
- package/es/components/message/method.js +5 -1
- package/es/components/modal/modal-footer-action.vue2.js +3 -2
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +45 -36
- package/es/components/overlay/overlay.vue2.js +1 -5
- package/es/components/p-image/style/css.d.ts +0 -0
- package/es/components/p-image/style/css.js +2 -0
- package/es/components/p-image/style/index.d.ts +0 -0
- package/es/components/p-image/style/index.js +2 -0
- package/es/components/pagination/components/next.vue2.js +1 -3
- package/es/components/pagination/components/pager.vue2.js +5 -24
- package/es/components/pagination/components/prev.vue2.js +1 -3
- package/es/components/popconfirm/popconfirm.vue2.js +1 -5
- package/es/components/popper/arrow.vue2.js +1 -4
- package/es/components/popper/composables/use-content-dom.js +3 -16
- package/es/components/popper/composables/use-content.js +7 -11
- package/es/components/popper/content.vue.d.ts +2 -4
- package/es/components/popper/content.vue2.js +8 -12
- package/es/components/popper/trigger.vue2.js +6 -29
- package/es/components/progress/progress.vue2.js +1 -6
- package/es/components/progress-i/index.d.ts +2 -0
- package/es/components/progress-i/index.js +12 -0
- package/es/components/progress-i/progress-i.vue.d.ts +2 -0
- package/es/components/progress-i/progress-i.vue.js +4 -0
- package/es/components/progress-i/progress-i.vue2.js +10 -0
- package/es/components/progress-i/style/css.d.ts +0 -0
- package/es/components/progress-i/style/css.js +2 -0
- package/es/components/progress-i/style/index.d.ts +0 -0
- package/es/components/progress-i/style/index.js +2 -0
- package/es/components/qrcode/drawLogo.js +8 -1
- package/es/components/qrcode/qrcode.vue2.js +7 -3
- package/es/components/radio/radio.vue2.js +2 -9
- package/es/components/result/result.vue2.js +10 -5
- package/es/components/roving-focus-group/roving-focus-group-impl.vue2.js +2 -11
- package/es/components/roving-focus-group/roving-focus-item.vue2.js +2 -10
- package/es/components/roving-focus-group/types.js +1 -6
- package/es/components/scrollbar/constants.js +1 -3
- package/es/components/scrollbar/scrollbar.vue2.js +2 -9
- package/es/components/scrollbar/thumb.vue2.js +2 -12
- package/es/components/search/index.d.ts +2 -0
- package/es/components/search/search.vue.d.ts +1 -1
- package/es/components/select/select.vue.js +5 -20
- package/es/components/select/select.vue2.js +1 -9
- package/es/components/select/token.js +1 -3
- package/es/components/select/useAllowCreate.js +1 -3
- package/es/components/select/useSelect.js +10 -48
- package/es/components/side-menu/side-menu.vue2.js +19 -18
- package/es/components/skeleton/skeleton.vue2.js +5 -5
- package/es/components/slider/composables/use-lifecycle.js +1 -4
- package/es/components/slider/composables/use-slide.js +1 -4
- package/es/components/slider/composables/use-slider-button.js +5 -1
- package/es/components/slider/composables/use-stops.js +2 -6
- package/es/components/slider/composables/use-watch.js +1 -3
- package/es/components/slider/marker.js +1 -3
- package/es/components/slider/slider.vue2.js +2 -8
- package/es/components/space/space.js +25 -39
- package/es/components/super-form/component-map.js +13 -10
- package/es/components/super-form/index.d.ts +10 -7
- package/es/components/super-form/super-form-action.vue2.js +4 -6
- package/es/components/super-form/super-form-item.vue.d.ts +1 -1
- package/es/components/super-form/super-form-item.vue2.js +26 -25
- package/es/components/super-form/super-form.vue.d.ts +4 -3
- package/es/components/super-form/super-form.vue2.js +5 -3
- package/es/components/super-form/use/use-auto-focus.js +1 -6
- package/es/components/super-form/use/use-form-events.js +2 -6
- package/es/components/super-form/use/use-form-values.js +1 -6
- package/es/components/switch/switch.vue2.js +3 -17
- package/es/components/table/field.js +21 -20
- package/es/components/table/index.d.ts +357 -82
- package/es/components/table/table.vue.d.ts +91 -30
- package/es/components/table/table.vue2.js +128 -113
- package/es/components/table/types.d.ts +2 -2
- package/es/components/table/use/use-data-source.js +91 -92
- package/es/components/table/use/use-table.d.ts +1 -4
- package/es/components/table/use/use-table.js +3 -1
- package/es/components/tabs/tab-nav.vue2.js +18 -17
- package/es/components/time-picker/common/picker.vue2.js +8 -26
- package/es/components/time-picker/composables/use-time-panel.js +3 -14
- package/es/components/time-picker/composables/use-time-picker.js +2 -8
- package/es/components/time-picker/constants.d.ts +1 -1
- package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js +2 -9
- package/es/components/time-picker/time-picker-com/panel-time-pick.vue2.js +6 -10
- package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js +3 -14
- package/es/components/time-picker/utils.js +1 -5
- package/es/components/tooltip/content.vue2.js +4 -12
- package/es/components/tooltip/trigger.vue2.js +7 -25
- package/es/components/tooltip/utils.js +1 -3
- package/es/components/tree/model/node.js +2 -8
- package/es/components/tree/model/useDragNode.js +2 -12
- package/es/components/tree/model/useKeydown.js +5 -17
- package/es/components/tree/tree-node.vue2.js +2 -12
- package/es/components/tree/tree.vue2.js +2 -10
- package/es/components/upload/upload-content.vue2.js +2 -6
- package/es/components/upload/upload-dragger.vue2.js +1 -4
- package/es/components/upload/upload-list.vue2.js +2 -10
- package/es/components/upload/use-handlers.js +1 -3
- package/es/components/virtual-list/builders/build-grid.js +14 -77
- package/es/components/virtual-list/builders/build-list.js +9 -46
- package/es/components/virtual-list/components/dynamic-size-grid.js +4 -29
- package/es/components/virtual-list/components/dynamic-size-list.js +2 -11
- package/es/components/virtual-list/components/fixed-size-grid.js +9 -40
- package/es/components/virtual-list/components/fixed-size-list.js +1 -3
- package/es/components/virtual-list/components/scrollbar.js +3 -14
- package/es/components/virtual-list/props.js +1 -4
- package/es/constants/date.d.ts +1 -1
- package/es/constants/date.js +1 -9
- package/es/constants/size.d.ts +1 -1
- package/es/hooks/use-draggable/index.js +2 -10
- package/es/hooks/use-lockscreen/index.js +1 -4
- package/es/hooks/use-model-toggle/index.js +1 -3
- package/es/hooks/use-ordered-children/index.js +1 -3
- package/es/hooks/use-popper/index.js +5 -18
- package/es/index.js +408 -405
- package/es/package.json.d.ts +77 -0
- package/es/package.json.js +1 -1
- package/es/plugin.js +1 -5
- package/es/utils/ns-cover.js +16 -7
- package/es/utils/vue/install.d.ts +3 -0
- package/es/utils/vue/props/runtime.js +2 -9
- package/lib/component.cjs +1 -1
- package/lib/components/backtop/backtop.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue.d.ts +1 -1
- package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
- package/lib/components/form/types.d.ts +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/image/index.cjs +1 -1
- package/lib/components/image/index.d.ts +49 -0
- package/lib/components/image/p-image.vue.cjs +1 -0
- package/lib/components/image/p-image.vue.d.ts +51 -0
- package/lib/components/image/p-image.vue2.cjs +1 -0
- package/lib/components/image/types.d.ts +1 -0
- package/lib/components/index.cjs +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/modal/modal-footer-action.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/p-image/style/css.cjs +1 -0
- package/lib/components/p-image/style/css.d.ts +0 -0
- package/lib/components/p-image/style/index.cjs +1 -0
- package/lib/components/p-image/style/index.d.ts +0 -0
- package/lib/components/popper/content.vue.d.ts +2 -4
- package/lib/components/progress-i/index.cjs +1 -0
- package/lib/components/progress-i/index.d.ts +2 -0
- package/lib/components/progress-i/progress-i.vue.cjs +1 -0
- package/lib/components/progress-i/progress-i.vue.d.ts +2 -0
- package/lib/components/progress-i/progress-i.vue2.cjs +1 -0
- package/lib/components/progress-i/style/css.cjs +1 -0
- package/lib/components/progress-i/style/css.d.ts +0 -0
- package/lib/components/progress-i/style/index.cjs +1 -0
- package/lib/components/progress-i/style/index.d.ts +0 -0
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/search/index.d.ts +2 -0
- package/lib/components/search/search.vue.d.ts +1 -1
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/super-form/component-map.cjs +1 -1
- package/lib/components/super-form/index.d.ts +10 -7
- package/lib/components/super-form/super-form-action.vue2.cjs +1 -1
- package/lib/components/super-form/super-form-item.vue.d.ts +1 -1
- package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
- package/lib/components/super-form/super-form.vue.d.ts +4 -3
- package/lib/components/super-form/super-form.vue2.cjs +1 -1
- package/lib/components/table/field.cjs +1 -1
- package/lib/components/table/index.d.ts +357 -82
- package/lib/components/table/table.vue.d.ts +91 -30
- package/lib/components/table/table.vue2.cjs +1 -1
- package/lib/components/table/types.d.ts +2 -2
- package/lib/components/table/use/use-data-source.cjs +1 -1
- package/lib/components/table/use/use-table.d.ts +1 -4
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/time-picker/constants.d.ts +1 -1
- package/lib/constants/date.d.ts +1 -1
- package/lib/constants/size.d.ts +1 -1
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +77 -0
- package/lib/utils/vue/install.d.ts +3 -0
- package/package.json +4 -4
- package/tags.json +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/index.scss +4 -0
- package/theme-style/src/input.scss +1 -0
- package/theme-style/src/p-image.scss +18 -0
- package/theme-style/src/progress-i.scss +0 -0
- package/theme-style/src/table.scss +7 -0
- package/theme-style/src/tabs.scss +120 -3
- package/theme-style/vft-input.css +1 -1
- package/theme-style/vft-md-comment.css +1 -1
- package/theme-style/vft-md-container.css +1 -1
- package/theme-style/vft-md-vue-playground.css +1 -1
- package/theme-style/vft-p-image.css +1 -0
- package/theme-style/vft-progress-i.css +0 -0
- package/theme-style/vft-select.css +1 -1
- package/theme-style/vft-table.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/web-types.json +1 -1
|
@@ -33,12 +33,7 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
|
|
|
33
33
|
},
|
|
34
34
|
emits: [E, "entryFocus"],
|
|
35
35
|
setup(t, { emit: m }) {
|
|
36
|
-
const a = u(
|
|
37
|
-
(t.currentTabId || t.defaultCurrentTabId) ?? null
|
|
38
|
-
), c = u(!1), s = u(!1), I = u(null), { getItems: b } = L(
|
|
39
|
-
J,
|
|
40
|
-
void 0
|
|
41
|
-
), _ = v(() => [
|
|
36
|
+
const a = u((t.currentTabId || t.defaultCurrentTabId) ?? null), c = u(!1), s = u(!1), I = u(null), { getItems: b } = L(J, void 0), _ = v(() => [
|
|
42
37
|
{
|
|
43
38
|
outline: "none"
|
|
44
39
|
},
|
|
@@ -65,11 +60,7 @@ const E = "currentTabIdChange", T = "rovingFocusGroup.entryFocus", P = { bubbles
|
|
|
65
60
|
if (R === r && e && !i(c)) {
|
|
66
61
|
const F = new Event(T, P);
|
|
67
62
|
if (r == null || r.dispatchEvent(F), !F.defaultPrevented) {
|
|
68
|
-
const l = b().filter((o) => o.focusable), G = l.find((o) => o.active), B = l.find(
|
|
69
|
-
(o) => o.id === i(a)
|
|
70
|
-
), h = [G, B, ...l].filter(
|
|
71
|
-
Boolean
|
|
72
|
-
).map((o) => o.ref);
|
|
63
|
+
const l = b().filter((o) => o.focusable), G = l.find((o) => o.active), B = l.find((o) => o.id === i(a)), h = [G, B, ...l].filter(Boolean).map((o) => o.ref);
|
|
73
64
|
M(h);
|
|
74
65
|
}
|
|
75
66
|
}
|
|
@@ -28,13 +28,7 @@ const $ = w({
|
|
|
28
28
|
},
|
|
29
29
|
emits: ["mousedown", "focus", "keydown"],
|
|
30
30
|
setup(I, { emit: s }) {
|
|
31
|
-
const { currentTabbedId: O, loop: _, onItemFocus: m, onItemShiftTab: C } = l(
|
|
32
|
-
x,
|
|
33
|
-
void 0
|
|
34
|
-
), { getItems: v } = l(
|
|
35
|
-
U,
|
|
36
|
-
void 0
|
|
37
|
-
), r = k(), E = R(null), a = i(
|
|
31
|
+
const { currentTabbedId: O, loop: _, onItemFocus: m, onItemShiftTab: C } = l(x, void 0), { getItems: v } = l(U, void 0), r = k(), E = R(null), a = i(
|
|
38
32
|
(e) => {
|
|
39
33
|
s("mousedown", e);
|
|
40
34
|
},
|
|
@@ -63,9 +57,7 @@ const $ = w({
|
|
|
63
57
|
const c = V(e);
|
|
64
58
|
if (c) {
|
|
65
59
|
e.preventDefault();
|
|
66
|
-
let o = v().filter(
|
|
67
|
-
(t) => t.focusable
|
|
68
|
-
).map((t) => t.ref);
|
|
60
|
+
let o = v().filter((t) => t.focusable).map((t) => t.ref);
|
|
69
61
|
switch (c) {
|
|
70
62
|
case "last": {
|
|
71
63
|
o.reverse();
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import { createCollectionWithScope as C } from "../collection/collection.js";
|
|
2
|
-
const {
|
|
3
|
-
VftCollection: O,
|
|
4
|
-
VftCollectionItem: o,
|
|
5
|
-
COLLECTION_INJECTION_KEY: E,
|
|
6
|
-
COLLECTION_ITEM_INJECTION_KEY: N
|
|
7
|
-
} = C("RovingFocusGroup");
|
|
2
|
+
const { VftCollection: O, VftCollectionItem: o, COLLECTION_INJECTION_KEY: E, COLLECTION_ITEM_INJECTION_KEY: N } = C("RovingFocusGroup");
|
|
8
3
|
export {
|
|
9
4
|
E as ROVING_FOCUS_COLLECTION_INJECTION_KEY,
|
|
10
5
|
N as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
|
|
@@ -31,21 +31,14 @@ const M = "ElScrollbar", m = (
|
|
|
31
31
|
minSize: { default: 20 }
|
|
32
32
|
},
|
|
33
33
|
emits: {
|
|
34
|
-
scroll: ({
|
|
35
|
-
scrollTop: l,
|
|
36
|
-
scrollLeft: v
|
|
37
|
-
}) => [l, v].every(i)
|
|
34
|
+
scroll: ({ scrollTop: l, scrollLeft: v }) => [l, v].every(i)
|
|
38
35
|
},
|
|
39
36
|
setup(l, { expose: v, emit: $ }) {
|
|
40
37
|
let s, n;
|
|
41
38
|
const S = o(), t = o(), p = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), K = w(() => {
|
|
42
39
|
const e = {};
|
|
43
40
|
return l.height && (e.height = B(l.height)), l.maxHeight && (e.maxHeight = B(l.maxHeight)), [l.wrapStyle, e];
|
|
44
|
-
}), O = w(() => [
|
|
45
|
-
l.wrapClass,
|
|
46
|
-
m.e("wrap"),
|
|
47
|
-
{ [m.em("wrap", "hidden-default")]: !l.native }
|
|
48
|
-
]), A = w(() => [m.e("view"), l.viewClass]), k = () => {
|
|
41
|
+
}), O = w(() => [l.wrapClass, m.e("wrap"), { [m.em("wrap", "hidden-default")]: !l.native }]), A = w(() => [m.e("view"), l.viewClass]), k = () => {
|
|
49
42
|
var e;
|
|
50
43
|
t.value && ((e = d.value) == null || e.handleScroll(t.value), $("scroll", {
|
|
51
44
|
scrollTop: t.value.scrollTop,
|
|
@@ -46,9 +46,7 @@ const W = "Thumb", se = /* @__PURE__ */ T({
|
|
|
46
46
|
}, L = (t) => {
|
|
47
47
|
if (!a.value || !l.value || !o.wrapElement)
|
|
48
48
|
return;
|
|
49
|
-
const n = Math.abs(
|
|
50
|
-
t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
|
|
51
|
-
), r = a.value[e.value.offset] / 2, h = (n - r) * 100 * g.value / l.value[e.value.offset];
|
|
49
|
+
const n = Math.abs(t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]), r = a.value[e.value.offset] / 2, h = (n - r) * 100 * g.value / l.value[e.value.offset];
|
|
52
50
|
o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
|
|
53
51
|
}, M = (t) => {
|
|
54
52
|
t.stopImmediatePropagation(), i = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), b = document.onselectstart, document.onselectstart = () => !1;
|
|
@@ -73,15 +71,7 @@ const W = "Thumb", se = /* @__PURE__ */ T({
|
|
|
73
71
|
const y = () => {
|
|
74
72
|
document.onselectstart !== b && (document.onselectstart = b);
|
|
75
73
|
};
|
|
76
|
-
return P(
|
|
77
|
-
S(o, "scrollbarElement"),
|
|
78
|
-
"mousemove",
|
|
79
|
-
x
|
|
80
|
-
), P(
|
|
81
|
-
S(o, "scrollbarElement"),
|
|
82
|
-
"mouseleave",
|
|
83
|
-
H
|
|
84
|
-
), (t, n) => (A(), O(j, {
|
|
74
|
+
return P(S(o, "scrollbarElement"), "mousemove", x), P(S(o, "scrollbarElement"), "mouseleave", H), (t, n) => (A(), O(j, {
|
|
85
75
|
name: v(u).b("fade")
|
|
86
76
|
}, {
|
|
87
77
|
default: K(() => [
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type SearchProps } from './search.vue';
|
|
1
2
|
export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
|
|
2
3
|
new (...args: any[]): {
|
|
3
4
|
$: import("vue").ComponentInternalInstance;
|
|
@@ -292,4 +293,5 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
|
|
|
292
293
|
default?(_: {}): any;
|
|
293
294
|
};
|
|
294
295
|
})> & Record<string, any>;
|
|
296
|
+
export type { SearchProps };
|
|
295
297
|
export default VftSearch;
|
|
@@ -161,10 +161,7 @@ function L(e, o, O, H, P, A) {
|
|
|
161
161
|
}, 1032, ["closable", "size", "onClose"])
|
|
162
162
|
], 2))), 128)),
|
|
163
163
|
t("div", {
|
|
164
|
-
class: s([
|
|
165
|
-
e.nsSelect.e("selected-item"),
|
|
166
|
-
e.nsSelect.e("input-wrapper")
|
|
167
|
-
]),
|
|
164
|
+
class: s([e.nsSelect.e("selected-item"), e.nsSelect.e("input-wrapper")]),
|
|
168
165
|
style: m(e.inputWrapperStyle)
|
|
169
166
|
}, [
|
|
170
167
|
C(t("input", {
|
|
@@ -176,10 +173,7 @@ function L(e, o, O, H, P, A) {
|
|
|
176
173
|
autocapitalize: "off",
|
|
177
174
|
"aria-expanded": e.expanded,
|
|
178
175
|
"aria-labelledby": e.label,
|
|
179
|
-
class: s([
|
|
180
|
-
e.nsSelect.is(e.selectSize),
|
|
181
|
-
e.nsSelect.e("combobox-input")
|
|
182
|
-
]),
|
|
176
|
+
class: s([e.nsSelect.is(e.selectSize), e.nsSelect.e("combobox-input")]),
|
|
183
177
|
disabled: e.disabled,
|
|
184
178
|
role: "combobox",
|
|
185
179
|
readonly: !e.filterable,
|
|
@@ -214,10 +208,7 @@ function L(e, o, O, H, P, A) {
|
|
|
214
208
|
], 6)
|
|
215
209
|
], 2)) : (n(), a(y, { key: 2 }, [
|
|
216
210
|
t("div", {
|
|
217
|
-
class: s([
|
|
218
|
-
e.nsSelect.e("selected-item"),
|
|
219
|
-
e.nsSelect.e("input-wrapper")
|
|
220
|
-
])
|
|
211
|
+
class: s([e.nsSelect.e("selected-item"), e.nsSelect.e("input-wrapper")])
|
|
221
212
|
}, [
|
|
222
213
|
C(t("input", {
|
|
223
214
|
id: e.id,
|
|
@@ -257,10 +248,7 @@ function L(e, o, O, H, P, A) {
|
|
|
257
248
|
key: 0,
|
|
258
249
|
ref: "calculatorRef",
|
|
259
250
|
"aria-hidden": "true",
|
|
260
|
-
class: s([
|
|
261
|
-
e.nsSelect.e("selected-item"),
|
|
262
|
-
e.nsSelect.e("input-calculator")
|
|
263
|
-
]),
|
|
251
|
+
class: s([e.nsSelect.e("selected-item"), e.nsSelect.e("input-calculator")]),
|
|
264
252
|
textContent: d(e.states.displayInputValue)
|
|
265
253
|
}, null, 10, N)) : u("", !0)
|
|
266
254
|
], 64)),
|
|
@@ -268,10 +256,7 @@ function L(e, o, O, H, P, A) {
|
|
|
268
256
|
key: 3,
|
|
269
257
|
class: s([
|
|
270
258
|
e.nsSelect.e("placeholder"),
|
|
271
|
-
e.nsSelect.is(
|
|
272
|
-
"transparent",
|
|
273
|
-
e.multiple ? e.modelValue.length === 0 : !e.hasModelValue
|
|
274
|
-
)
|
|
259
|
+
e.nsSelect.is("transparent", e.multiple ? e.modelValue.length === 0 : !e.hasModelValue)
|
|
275
260
|
])
|
|
276
261
|
}, d(e.currentPlaceholder), 3)) : u("", !0),
|
|
277
262
|
t("span", {
|
|
@@ -19,15 +19,7 @@ const D = V({
|
|
|
19
19
|
},
|
|
20
20
|
directives: { ClickOutside: c, ModelText: S },
|
|
21
21
|
props: E,
|
|
22
|
-
emits: [
|
|
23
|
-
u,
|
|
24
|
-
v,
|
|
25
|
-
"remove-tag",
|
|
26
|
-
"clear",
|
|
27
|
-
"visible-change",
|
|
28
|
-
"focus",
|
|
29
|
-
"blur"
|
|
30
|
-
],
|
|
22
|
+
emits: [u, v, "remove-tag", "clear", "visible-change", "focus", "blur"],
|
|
31
23
|
setup(o, { emit: l }) {
|
|
32
24
|
const t = b(() => {
|
|
33
25
|
const { modelValue: r, multiple: i } = o, m = i ? [] : void 0;
|
|
@@ -28,9 +28,7 @@ function h(t, n) {
|
|
|
28
28
|
function O(e) {
|
|
29
29
|
if (!a.value || !e || !e.created || e.created && t.reserveKeyword && n.inputValue === e.label)
|
|
30
30
|
return;
|
|
31
|
-
const l = n.createdOptions.findIndex(
|
|
32
|
-
(c) => c.value === e.value
|
|
33
|
-
);
|
|
31
|
+
const l = n.createdOptions.findIndex((c) => c.value === e.value);
|
|
34
32
|
~l && (n.createdOptions.splice(l, 1), i.value--);
|
|
35
33
|
}
|
|
36
34
|
function v() {
|
|
@@ -50,11 +50,7 @@ const de = "", fe = 11, ut = {
|
|
|
50
50
|
}), E = i(() => !se(l.modelValue)), Ve = i(() => {
|
|
51
51
|
const e = l.multiple ? Array.isArray(l.modelValue) && l.modelValue.length > 0 : E.value;
|
|
52
52
|
return l.clearable && !I.value && t.comboBoxHovering && e;
|
|
53
|
-
}), U = i(
|
|
54
|
-
() => l.remote && l.filterable ? "" : "icon-arrow-up"
|
|
55
|
-
), be = i(
|
|
56
|
-
() => U.value && z.is("reverse", o.value)
|
|
57
|
-
), pe = i(() => (f == null ? void 0 : f.validateState) || ""), Ie = "validateIcon", F = i(() => l.remote ? 300 : 0), M = i(() => {
|
|
53
|
+
}), U = i(() => l.remote && l.filterable ? "" : "icon-arrow-up"), be = i(() => U.value && z.is("reverse", o.value)), pe = i(() => (f == null ? void 0 : f.validateState) || ""), Ie = "validateIcon", F = i(() => l.remote ? 300 : 0), M = i(() => {
|
|
58
54
|
const e = s.value;
|
|
59
55
|
return l.loading ? l.loadingText || "加载中" : l.remote && t.inputValue === "" && e.length === 0 ? !1 : l.filterable && t.inputValue && e.length > 0 ? l.noMatchText || "无匹配数据" : e.length === 0 ? l.noDataText || "暂无数据" : null;
|
|
60
56
|
}), s = i(() => {
|
|
@@ -77,11 +73,7 @@ const de = "", fe = 11, ut = {
|
|
|
77
73
|
return null;
|
|
78
74
|
}).filter((n) => n !== null)
|
|
79
75
|
);
|
|
80
|
-
}), ye = i(
|
|
81
|
-
() => s.value.every((e) => e.disabled)
|
|
82
|
-
), Q = nt(), q = i(
|
|
83
|
-
() => Q.value === "small" ? "small" : "default"
|
|
84
|
-
), xe = i(() => {
|
|
76
|
+
}), ye = i(() => s.value.every((e) => e.disabled)), Q = nt(), q = i(() => Q.value === "small" ? "small" : "default"), xe = i(() => {
|
|
85
77
|
const e = O.value, n = q.value || "default", u = e ? Number.parseInt(getComputedStyle(e).paddingLeft) : 0, a = e ? Number.parseInt(getComputedStyle(e).paddingRight) : 0;
|
|
86
78
|
return t.selectWidth - a - u - ut[n];
|
|
87
79
|
}), k = () => {
|
|
@@ -99,13 +91,9 @@ const de = "", fe = 11, ut = {
|
|
|
99
91
|
if (l.multiple) {
|
|
100
92
|
const e = l.modelValue.length;
|
|
101
93
|
if (l.modelValue.length > 0)
|
|
102
|
-
return s.value.findIndex(
|
|
103
|
-
(n) => n.value === l.modelValue[e - 1]
|
|
104
|
-
);
|
|
94
|
+
return s.value.findIndex((n) => n.value === l.modelValue[e - 1]);
|
|
105
95
|
} else if (l.modelValue)
|
|
106
|
-
return s.value.findIndex(
|
|
107
|
-
(e) => e.value === l.modelValue
|
|
108
|
-
);
|
|
96
|
+
return s.value.findIndex((e) => e.value === l.modelValue);
|
|
109
97
|
return -1;
|
|
110
98
|
}), $ = i({
|
|
111
99
|
get() {
|
|
@@ -114,20 +102,7 @@ const de = "", fe = 11, ut = {
|
|
|
114
102
|
set(e) {
|
|
115
103
|
o.value = e;
|
|
116
104
|
}
|
|
117
|
-
}), Le = i(
|
|
118
|
-
() => t.cachedOptions.slice(0, l.maxCollapseTags)
|
|
119
|
-
), Te = i(
|
|
120
|
-
() => t.cachedOptions.slice(l.maxCollapseTags)
|
|
121
|
-
), {
|
|
122
|
-
createNewOption: j,
|
|
123
|
-
removeNewOption: W,
|
|
124
|
-
selectNewOption: J,
|
|
125
|
-
clearAllNewOption: H
|
|
126
|
-
} = Ze(l, t), {
|
|
127
|
-
handleCompositionStart: Re,
|
|
128
|
-
handleCompositionUpdate: Ee,
|
|
129
|
-
handleCompositionEnd: Me
|
|
130
|
-
} = et((e) => ie(e)), X = () => {
|
|
105
|
+
}), Le = i(() => t.cachedOptions.slice(0, l.maxCollapseTags)), Te = i(() => t.cachedOptions.slice(l.maxCollapseTags)), { createNewOption: j, removeNewOption: W, selectNewOption: J, clearAllNewOption: H } = Ze(l, t), { handleCompositionStart: Re, handleCompositionUpdate: Ee, handleCompositionEnd: Me } = et((e) => ie(e)), X = () => {
|
|
131
106
|
var e, n, u;
|
|
132
107
|
(n = (e = h.value) == null ? void 0 : e.focus) == null || n.call(e), (u = b.value) == null || u.updatePopper();
|
|
133
108
|
}, N = () => {
|
|
@@ -168,10 +143,7 @@ const de = "", fe = 11, ut = {
|
|
|
168
143
|
if (l.multiple) {
|
|
169
144
|
let r = l.modelValue.slice();
|
|
170
145
|
const L = He(r, m(e));
|
|
171
|
-
L > -1 ? (r = [
|
|
172
|
-
...r.slice(0, L),
|
|
173
|
-
...r.slice(L + 1)
|
|
174
|
-
], t.cachedOptions.splice(L, 1), W(e)) : (l.multipleLimit <= 0 || r.length < l.multipleLimit) && (r = [...r, m(e)], t.cachedOptions.push(e), J(e), V(n)), y(r), e.created && (t.query = "", ee(""), t.inputLength = 20), l.filterable && !l.reserveKeyword && ((c = (a = h.value).focus) == null || c.call(a), w("")), l.filterable && (t.calculatedWidth = p.value.getBoundingClientRect().width), P(), Ue();
|
|
146
|
+
L > -1 ? (r = [...r.slice(0, L), ...r.slice(L + 1)], t.cachedOptions.splice(L, 1), W(e)) : (l.multipleLimit <= 0 || r.length < l.multipleLimit) && (r = [...r, m(e)], t.cachedOptions.push(e), J(e), V(n)), y(r), e.created && (t.query = "", ee(""), t.inputLength = 20), l.filterable && !l.reserveKeyword && ((c = (a = h.value).focus) == null || c.call(a), w("")), l.filterable && (t.calculatedWidth = p.value.getBoundingClientRect().width), P(), Ue();
|
|
175
147
|
} else
|
|
176
148
|
ve.value = n, t.selectedLabel = e.label, y(m(e)), o.value = !1, t.isComposing = !1, t.isSilentBlur = u, J(e), e.created || H(), V(n);
|
|
177
149
|
}, Ae = (e, n) => {
|
|
@@ -218,11 +190,7 @@ const de = "", fe = 11, ut = {
|
|
|
218
190
|
V(a), A(a);
|
|
219
191
|
}, Ke = () => {
|
|
220
192
|
if (o.value)
|
|
221
|
-
~t.hoveringIndex && s.value[t.hoveringIndex] && le(
|
|
222
|
-
s.value[t.hoveringIndex],
|
|
223
|
-
t.hoveringIndex,
|
|
224
|
-
!1
|
|
225
|
-
);
|
|
193
|
+
~t.hoveringIndex && s.value[t.hoveringIndex] && le(s.value[t.hoveringIndex], t.hoveringIndex, !1);
|
|
226
194
|
else
|
|
227
195
|
return N();
|
|
228
196
|
}, V = (e) => {
|
|
@@ -248,20 +216,14 @@ const de = "", fe = 11, ut = {
|
|
|
248
216
|
if (l.modelValue.length > 0) {
|
|
249
217
|
let e = !1;
|
|
250
218
|
t.cachedOptions.length = 0, t.previousValue = l.modelValue.toString(), l.modelValue.forEach((n) => {
|
|
251
|
-
const u = s.value.findIndex(
|
|
252
|
-
|
|
253
|
-
);
|
|
254
|
-
~u && (t.cachedOptions.push(
|
|
255
|
-
s.value[u]
|
|
256
|
-
), e || V(u), e = !0);
|
|
219
|
+
const u = s.value.findIndex((a) => m(a) === n);
|
|
220
|
+
~u && (t.cachedOptions.push(s.value[u]), e || V(u), e = !0);
|
|
257
221
|
});
|
|
258
222
|
} else
|
|
259
223
|
t.cachedOptions = [], t.previousValue = void 0;
|
|
260
224
|
else if (E.value) {
|
|
261
225
|
t.previousValue = l.modelValue;
|
|
262
|
-
const e = s.value, n = e.findIndex(
|
|
263
|
-
(u) => m(u) === m(l.modelValue)
|
|
264
|
-
);
|
|
226
|
+
const e = s.value, n = e.findIndex((u) => m(u) === m(l.modelValue));
|
|
265
227
|
~n ? (t.selectedLabel = e[n].label, V(n)) : t.selectedLabel = `${l.modelValue}`;
|
|
266
228
|
} else
|
|
267
229
|
t.selectedLabel = "", t.previousValue = void 0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as I, toRefs as re, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as ie, nextTick as
|
|
1
|
+
import { defineComponent as I, toRefs as re, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as ie, nextTick as pe, watch as ae, isVNode as ue } from "vue";
|
|
2
2
|
import { listenerRouteChange as se, useRouterHelper as de } from "@vft/router";
|
|
3
3
|
import { useSortable as me } from "@vft/use";
|
|
4
4
|
import { isUrl as ce, isNullOrUndefined as j, addUnit as E, isNumber as fe } from "@vft/utils";
|
|
@@ -94,6 +94,7 @@ import "@popperjs/core";
|
|
|
94
94
|
import "../../hooks/use-z-index/index.js";
|
|
95
95
|
import "../message/index.js";
|
|
96
96
|
import "../infinite-scroll/index.js";
|
|
97
|
+
import "../progress-i/index.js";
|
|
97
98
|
import { useDragLine as ye } from "./use-drag-line.js";
|
|
98
99
|
const u = (
|
|
99
100
|
/* hoist-static*/
|
|
@@ -104,7 +105,7 @@ function Ce(b) {
|
|
|
104
105
|
}
|
|
105
106
|
const Me = I({
|
|
106
107
|
name: "vft-side-menu"
|
|
107
|
-
}),
|
|
108
|
+
}), co = /* @__PURE__ */ I({
|
|
108
109
|
...Me,
|
|
109
110
|
props: {
|
|
110
111
|
isFixedLeft: {
|
|
@@ -175,7 +176,7 @@ const Me = I({
|
|
|
175
176
|
uniqueOpened: P,
|
|
176
177
|
defaultOpeneds: x,
|
|
177
178
|
openMenuCollapse: H
|
|
178
|
-
} = re(t), l = ne(), B = le(), _ = C(),
|
|
179
|
+
} = re(t), l = ne(), B = le(), _ = C(), p = g(() => ({
|
|
179
180
|
path: "path",
|
|
180
181
|
children: "children",
|
|
181
182
|
title: "title",
|
|
@@ -192,9 +193,9 @@ const Me = I({
|
|
|
192
193
|
var r;
|
|
193
194
|
const o = e.e;
|
|
194
195
|
if (t.autoScrollActiveDom && o) {
|
|
195
|
-
const
|
|
196
|
+
const a = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, n = o.target;
|
|
196
197
|
(r = y.value) != null && r.menu && n && setTimeout(() => {
|
|
197
|
-
y.value.menu.scrollTop = y.value.menu.scrollTop + (n.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) +
|
|
198
|
+
y.value.menu.scrollTop = y.value.menu.scrollTop + (n.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + a;
|
|
198
199
|
}, 300);
|
|
199
200
|
}
|
|
200
201
|
m("subMenuClick", e);
|
|
@@ -203,7 +204,7 @@ const Me = I({
|
|
|
203
204
|
}, Z = (e) => {
|
|
204
205
|
m("menuItemMouseleave", e);
|
|
205
206
|
}, T = (e, o) => {
|
|
206
|
-
const r = e[
|
|
207
|
+
const r = e[p.value.path], a = e[p.value.title], n = e == null ? void 0 : e[p.value.children], c = e == null ? void 0 : e[p.value.index], s = e == null ? void 0 : e[p.value.icon], d = !!(e != null && e[p.value.disabled]), v = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + a;
|
|
207
208
|
return n != null && n.length ? M(
|
|
208
209
|
// @ts-ignore
|
|
209
210
|
ge,
|
|
@@ -212,7 +213,7 @@ const Me = I({
|
|
|
212
213
|
popperAppendToBody: !0,
|
|
213
214
|
key: N,
|
|
214
215
|
index: N,
|
|
215
|
-
title:
|
|
216
|
+
title: a,
|
|
216
217
|
icon: s,
|
|
217
218
|
disabled: t.openDisabled && v,
|
|
218
219
|
popperClass: u.e("popper")
|
|
@@ -220,8 +221,8 @@ const Me = I({
|
|
|
220
221
|
{
|
|
221
222
|
default: () => n == null ? void 0 : n.map((i, X) => {
|
|
222
223
|
var V;
|
|
223
|
-
const w = i[
|
|
224
|
-
return (V = i == null ? void 0 : i[
|
|
224
|
+
const w = i[p.value.path], W = i[p.value.index], ee = i[p.value.icon], te = i[p.value.title], A = !!i[p.value.disabled], oe = t.disabledJudgeTurnOver ? !A : A;
|
|
225
|
+
return (V = i == null ? void 0 : i[p.value.children]) != null && V.length ? T(i, X) : (
|
|
225
226
|
// @ts-ignore
|
|
226
227
|
M(q, {
|
|
227
228
|
...i,
|
|
@@ -244,7 +245,7 @@ const Me = I({
|
|
|
244
245
|
...e,
|
|
245
246
|
key: c || r,
|
|
246
247
|
index: c || r,
|
|
247
|
-
title:
|
|
248
|
+
title: a,
|
|
248
249
|
route: r,
|
|
249
250
|
icon: s,
|
|
250
251
|
disabled: t.openDisabled && v,
|
|
@@ -276,19 +277,19 @@ const Me = I({
|
|
|
276
277
|
collapse: H.value ? h.value : !1,
|
|
277
278
|
uniqueOpened: P.value,
|
|
278
279
|
collapseTransition: !1
|
|
279
|
-
}, Ce(e = t.menus.map((
|
|
280
|
+
}, Ce(e = t.menus.map((a, n) => T(a, n))) ? e : {
|
|
280
281
|
default: () => [e]
|
|
281
282
|
}));
|
|
282
283
|
}), D = B.appContext.config.globalProperties.$router;
|
|
283
284
|
async function Y(e) {
|
|
284
|
-
var o, r,
|
|
285
|
+
var o, r, a;
|
|
285
286
|
if (t.useRouterJump) {
|
|
286
287
|
const {
|
|
287
288
|
go: n
|
|
288
289
|
} = de(D), c = e.route;
|
|
289
290
|
let s = e.route;
|
|
290
291
|
e.indexPath.some((v) => ce(v)) && (s = e.indexPath.slice(-2).join("/"));
|
|
291
|
-
const d = (
|
|
292
|
+
const d = (a = (r = (o = D.getRoutes().filter((v) => v.path === s)) == null ? void 0 : o[0]) == null ? void 0 : r.meta) == null ? void 0 : a.linkTarget;
|
|
292
293
|
n(d ? {
|
|
293
294
|
url: c,
|
|
294
295
|
winOpenOpt: {
|
|
@@ -299,12 +300,12 @@ const Me = I({
|
|
|
299
300
|
m("select", e);
|
|
300
301
|
}
|
|
301
302
|
ie(() => {
|
|
302
|
-
|
|
303
|
+
pe(() => {
|
|
303
304
|
var e, o, r;
|
|
304
305
|
if ((e = t.dragOption) != null && e.dragClassName) {
|
|
305
|
-
const
|
|
306
|
+
const a = (r = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : r[0], {
|
|
306
307
|
initSortable: n
|
|
307
|
-
} = me(
|
|
308
|
+
} = me(a, {
|
|
308
309
|
draggable: ".vft-menu-item",
|
|
309
310
|
onEnd: (c) => {
|
|
310
311
|
const {
|
|
@@ -326,7 +327,7 @@ const Me = I({
|
|
|
326
327
|
width: E(t.width),
|
|
327
328
|
height: t.height
|
|
328
329
|
}));
|
|
329
|
-
|
|
330
|
+
ae(() => h.value, (e) => {
|
|
330
331
|
e ? m("update:width", t.collapseWidth) : m("update:width", k.value || t.width), k.value = t.width;
|
|
331
332
|
}), t.dragWidthCfg && ye(O, R, B);
|
|
332
333
|
const K = g(() => ({
|
|
@@ -362,5 +363,5 @@ const Me = I({
|
|
|
362
363
|
}
|
|
363
364
|
});
|
|
364
365
|
export {
|
|
365
|
-
|
|
366
|
+
co as default
|
|
366
367
|
};
|
|
@@ -23,7 +23,10 @@ const o = (
|
|
|
23
23
|
throttle: {}
|
|
24
24
|
},
|
|
25
25
|
setup(n, { expose: g }) {
|
|
26
|
-
const l = C(
|
|
26
|
+
const l = C(
|
|
27
|
+
y(() => n.loading),
|
|
28
|
+
n.throttle
|
|
29
|
+
);
|
|
27
30
|
return g({
|
|
28
31
|
/** @description loading state */
|
|
29
32
|
uiLoading: l
|
|
@@ -39,10 +42,7 @@ const o = (
|
|
|
39
42
|
}, null, 8, ["class"]),
|
|
40
43
|
(r(!0), a(s, null, p(e.rows, (i) => (r(), B(c, {
|
|
41
44
|
key: i,
|
|
42
|
-
class: f([
|
|
43
|
-
t(o).e("paragraph"),
|
|
44
|
-
t(o).is("last", i === e.rows && e.rows > 1)
|
|
45
|
-
]),
|
|
45
|
+
class: f([t(o).e("paragraph"), t(o).is("last", i === e.rows && e.rows > 1)]),
|
|
46
46
|
variant: "p"
|
|
47
47
|
}, null, 8, ["class"]))), 128))
|
|
48
48
|
]) : $("", !0)
|
|
@@ -3,10 +3,7 @@ import { ref as a, onMounted as d, nextTick as f } from "vue";
|
|
|
3
3
|
const c = (e, l, m) => {
|
|
4
4
|
const u = a();
|
|
5
5
|
return d(async () => {
|
|
6
|
-
e.range ? (Array.isArray(e.modelValue) ? (l.firstValue = Math.max(e.min, e.modelValue[0]), l.secondValue = Math.min(e.max, e.modelValue[1])) : (l.firstValue = e.min, l.secondValue = e.max), l.oldValue = [l.firstValue, l.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? l.firstValue = e.min : l.firstValue = Math.min(
|
|
7
|
-
e.max,
|
|
8
|
-
Math.max(e.min, e.modelValue)
|
|
9
|
-
), l.oldValue = l.firstValue), V(window, "resize", m), await f(), m();
|
|
6
|
+
e.range ? (Array.isArray(e.modelValue) ? (l.firstValue = Math.max(e.min, e.modelValue[0]), l.secondValue = Math.min(e.max, e.modelValue[1])) : (l.firstValue = e.min, l.secondValue = e.max), l.oldValue = [l.firstValue, l.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? l.firstValue = e.min : l.firstValue = Math.min(e.max, Math.max(e.min, e.modelValue)), l.oldValue = l.firstValue), V(window, "resize", m), await f(), m();
|
|
10
7
|
}), {
|
|
11
8
|
sliderWrapper: u
|
|
12
9
|
};
|
|
@@ -30,10 +30,7 @@ const q = (e, l, s) => {
|
|
|
30
30
|
}, B = (t) => {
|
|
31
31
|
s($, t), s(k, t);
|
|
32
32
|
}, E = async () => {
|
|
33
|
-
await N(), s(
|
|
34
|
-
W,
|
|
35
|
-
e.range ? [o.value, i.value] : e.modelValue
|
|
36
|
-
);
|
|
33
|
+
await N(), s(W, e.range ? [o.value, i.value] : e.modelValue);
|
|
37
34
|
}, R = (t) => {
|
|
38
35
|
var u, w, P, x;
|
|
39
36
|
if (g.value || l.dragging)
|
|
@@ -29,7 +29,11 @@ const { left: Q, down: Z, right: D, up: ee, home: oe, end: ne, pageUp: te, pageD
|
|
|
29
29
|
emitChange: m,
|
|
30
30
|
resetSize: K,
|
|
31
31
|
updateDragging: N
|
|
32
|
-
} = q(J), { tooltip: P, tooltipVisible: x, formatValue: C, displayTooltip: y, hideTooltip: b } = re(
|
|
32
|
+
} = q(J), { tooltip: P, tooltipVisible: x, formatValue: C, displayTooltip: y, hideTooltip: b } = re(
|
|
33
|
+
t,
|
|
34
|
+
Y,
|
|
35
|
+
f
|
|
36
|
+
), k = V(), g = h(() => `${(t.modelValue - l.value) / (c.value - l.value) * 100}%`), F = h(() => t.vertical ? { bottom: g.value } : { left: g.value }), S = () => {
|
|
33
37
|
e.hovering = !0, y();
|
|
34
38
|
}, M = () => {
|
|
35
39
|
e.hovering = !1, e.dragging || b();
|
|
@@ -10,12 +10,8 @@ const y = (t, i, u, l) => ({
|
|
|
10
10
|
return [];
|
|
11
11
|
if (t.step === 0)
|
|
12
12
|
return f("ElSlider", "step should not be 0."), [];
|
|
13
|
-
const m = (t.max - t.min) / t.step, a = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map(
|
|
14
|
-
|
|
15
|
-
);
|
|
16
|
-
return t.range ? n.filter((e) => e < 100 * (u.value - t.min) / (t.max - t.min) || e > 100 * (l.value - t.min) / (t.max - t.min)) : n.filter(
|
|
17
|
-
(e) => e > 100 * (i.firstValue - t.min) / (t.max - t.min)
|
|
18
|
-
);
|
|
13
|
+
const m = (t.max - t.min) / t.step, a = 100 * t.step / (t.max - t.min), n = Array.from({ length: m - 1 }).map((e, r) => (r + 1) * a);
|
|
14
|
+
return t.range ? n.filter((e) => e < 100 * (u.value - t.min) / (t.max - t.min) || e > 100 * (l.value - t.min) / (t.max - t.min)) : n.filter((e) => e > 100 * (i.firstValue - t.min) / (t.max - t.min));
|
|
19
15
|
}),
|
|
20
16
|
getStopStyle: (m) => t.vertical ? { bottom: `${m}%` } : { left: `${m}%` }
|
|
21
17
|
});
|
|
@@ -8,9 +8,7 @@ import { watch as g } from "vue";
|
|
|
8
8
|
const U = (a, i, y, E, V, u) => {
|
|
9
9
|
const f = (e) => {
|
|
10
10
|
V(r, e), V(v, e);
|
|
11
|
-
}, x = () => a.range ? ![y.value, E.value].every(
|
|
12
|
-
(e, n) => e === i.oldValue[n]
|
|
13
|
-
) : a.modelValue !== i.oldValue, c = () => {
|
|
11
|
+
}, x = () => a.range ? ![y.value, E.value].every((e, n) => e === i.oldValue[n]) : a.modelValue !== i.oldValue, c = () => {
|
|
14
12
|
var n, l;
|
|
15
13
|
a.min > a.max && A("Slider", "min should not be greater than max.");
|
|
16
14
|
const e = a.modelValue;
|
|
@@ -18,9 +18,7 @@ const y = o({
|
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
setup(e) {
|
|
21
|
-
const m = s("slider"), a = r(() => t(e.mark) ? e.mark : e.mark.label), i = r(
|
|
22
|
-
() => t(e.mark) ? void 0 : e.mark.style
|
|
23
|
-
);
|
|
21
|
+
const m = s("slider"), a = r(() => t(e.mark) ? e.mark : e.mark.label), i = r(() => t(e.mark) ? void 0 : e.mark.style);
|
|
24
22
|
return () => l(
|
|
25
23
|
"div",
|
|
26
24
|
{
|
|
@@ -80,9 +80,7 @@ const ke = ["id", "role", "aria-labelledby"], he = { key: 1 }, t = (
|
|
|
80
80
|
setSecondValue: O
|
|
81
81
|
} = ve(s.props, d, T), { stops: Q, getStopStyle: I } = ce(s.props, d, L, E), { inputId: W, isLabeledByFormItem: D } = Ve(s.props, {
|
|
82
82
|
formItemContext: g
|
|
83
|
-
}), M = Se(), X = p(
|
|
84
|
-
() => o.inputSize || M.value
|
|
85
|
-
), Y = p(() => o.formatValueText ? o.formatValueText(m.value) : `${m.value}`), Z = p(() => o.rangeEndLabel || ""), _ = p(() => o.formatValueText ? o.formatValueText(f.value) : `${f.value}`), ee = p(() => [
|
|
83
|
+
}), M = Se(), X = p(() => o.inputSize || M.value), Y = p(() => o.formatValueText ? o.formatValueText(m.value) : `${m.value}`), Z = p(() => o.rangeEndLabel || ""), _ = p(() => o.formatValueText ? o.formatValueText(f.value) : `${f.value}`), ee = p(() => [
|
|
86
84
|
t.b(),
|
|
87
85
|
t.m(M.value),
|
|
88
86
|
t.is("vertical", o.vertical),
|
|
@@ -125,11 +123,7 @@ const ke = ["id", "role", "aria-labelledby"], he = { key: 1 }, t = (
|
|
|
125
123
|
k("div", {
|
|
126
124
|
ref_key: "slider",
|
|
127
125
|
ref: j,
|
|
128
|
-
class: u([
|
|
129
|
-
e(t).e("runway"),
|
|
130
|
-
{ "show-input": a.showInput && !a.range },
|
|
131
|
-
e(t).is("disabled", e(v))
|
|
132
|
-
]),
|
|
126
|
+
class: u([e(t).e("runway"), { "show-input": a.showInput && !a.range }, e(t).is("disabled", e(v))]),
|
|
133
127
|
style: y(e(G)),
|
|
134
128
|
onMousedown: i[0] || (i[0] = //@ts-ignore
|
|
135
129
|
(...l) => e(S) && e(S)(...l)),
|