@aplus-frontend/ui 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.mjs +158 -152
- package/es/src/ap-field/date/helper.d.ts +1 -1
- package/es/src/ap-field/date/helper.mjs +9 -9
- package/es/src/ap-field/date/index.vue.mjs +33 -25
- package/es/src/ap-field/date-range/index.vue.mjs +44 -43
- package/es/src/ap-field/interface.d.ts +0 -6
- package/es/src/ap-field/segmented/index.vue.d.ts +7 -1
- package/es/src/ap-field/select/index.vue.d.ts +4 -20
- package/es/src/ap-field/select/index.vue.mjs +11 -11
- package/es/src/ap-field/text/index.vue.d.ts +13 -1
- package/es/src/ap-form/items/text/index.vue.d.ts +26 -2
- package/es/src/ap-table/constants.d.ts +28 -12
- package/es/src/ap-table/utils.d.ts +13 -1
- package/es/src/business/ap-batch-action/ApBatchAction.vue.d.ts +8 -4
- package/es/src/business/ap-batch-action/ApBatchAction.vue2.mjs +45 -55
- package/es/src/business/ap-batch-action/index.d.ts +5 -3
- package/es/src/business/ap-group-search/ap-group-search.vue2.mjs +12 -12
- package/es/src/business/ap-group-search/extension-select/index.vue2.mjs +7 -7
- package/es/src/business/ap-group-search/index.d.ts +8 -34
- package/es/src/business/ap-group-search/popover-select/index.vue.d.ts +2 -10
- package/es/src/business/ap-group-search/popover-select/index.vue2.mjs +15 -15
- package/es/src/business/ap-table-modal/table-modal.vue2.mjs +8 -4
- package/es/src/business/batch-input-group/index.vue.d.ts +13 -1
- package/es/src/config-provider/hooks/use-namespace.d.ts +1 -1
- package/es/src/config-provider/hooks/use-namespace.mjs +3 -3
- package/es/src/hooks/index.d.ts +2 -0
- package/es/src/hooks/index.mjs +7 -3
- package/es/src/hooks/useManualRef.d.ts +6 -0
- package/es/src/hooks/useManualRef.mjs +27 -0
- package/es/src/hooks/useThrottleRef.d.ts +2 -0
- package/es/src/hooks/useThrottleRef.mjs +31 -0
- package/es/src/index.d.ts +1 -1
- package/es/src/index.mjs +231 -228
- package/es/src/path-map.mjs +1 -1
- package/es/src/scroll-bar/hooks/use-track.d.ts +30 -0
- package/es/src/scroll-bar/hooks/use-track.mjs +76 -0
- package/es/src/scroll-bar/index.d.ts +4 -0
- package/es/src/scroll-bar/index.mjs +3 -0
- package/es/src/scroll-bar/index.vue.d.ts +52 -0
- package/es/src/scroll-bar/index.vue.mjs +77 -0
- package/es/src/scroll-bar/index.vue2.mjs +4 -0
- package/es/src/scroll-bar/interface.d.ts +66 -0
- package/es/src/scroll-bar/internal.vue.d.ts +22 -0
- package/es/src/scroll-bar/internal.vue.mjs +132 -0
- package/es/src/scroll-bar/internal.vue2.mjs +4 -0
- package/es/src/scroll-bar/style/css.js +1 -0
- package/es/src/scroll-bar/style/index.js +1 -0
- package/es/src/scroll-bar/utils/index.d.ts +22 -0
- package/es/src/scroll-bar/utils/index.mjs +17 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-field/date/helper.d.ts +1 -1
- package/lib/src/ap-field/date/helper.js +1 -1
- package/lib/src/ap-field/date/index.vue.js +1 -1
- package/lib/src/ap-field/date-range/index.vue.js +1 -1
- package/lib/src/ap-field/interface.d.ts +0 -6
- package/lib/src/ap-field/segmented/index.vue.d.ts +7 -1
- package/lib/src/ap-field/select/index.vue.d.ts +4 -20
- package/lib/src/ap-field/select/index.vue.js +1 -1
- package/lib/src/ap-field/text/index.vue.d.ts +13 -1
- package/lib/src/ap-form/items/text/index.vue.d.ts +26 -2
- package/lib/src/ap-table/constants.d.ts +28 -12
- package/lib/src/ap-table/utils.d.ts +13 -1
- package/lib/src/business/ap-batch-action/ApBatchAction.vue.d.ts +8 -4
- package/lib/src/business/ap-batch-action/ApBatchAction.vue2.js +1 -1
- package/lib/src/business/ap-batch-action/index.d.ts +5 -3
- package/lib/src/business/ap-group-search/ap-group-search.vue2.js +1 -1
- package/lib/src/business/ap-group-search/extension-select/index.vue2.js +1 -1
- package/lib/src/business/ap-group-search/index.d.ts +8 -34
- package/lib/src/business/ap-group-search/popover-select/index.vue.d.ts +2 -10
- package/lib/src/business/ap-group-search/popover-select/index.vue2.js +2 -2
- package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
- package/lib/src/business/batch-input-group/index.vue.d.ts +13 -1
- package/lib/src/config-provider/hooks/use-namespace.d.ts +1 -1
- package/lib/src/config-provider/hooks/use-namespace.js +1 -1
- package/lib/src/hooks/index.d.ts +2 -0
- package/lib/src/hooks/index.js +1 -1
- package/lib/src/hooks/useManualRef.d.ts +6 -0
- package/lib/src/hooks/useManualRef.js +1 -0
- package/lib/src/hooks/useThrottleRef.d.ts +2 -0
- package/lib/src/hooks/useThrottleRef.js +1 -0
- package/lib/src/index.d.ts +1 -1
- package/lib/src/index.js +1 -1
- package/lib/src/path-map.js +1 -1
- package/lib/src/scroll-bar/hooks/use-track.d.ts +30 -0
- package/lib/src/scroll-bar/hooks/use-track.js +1 -0
- package/lib/src/scroll-bar/index.d.ts +4 -0
- package/lib/src/scroll-bar/index.js +1 -0
- package/lib/src/scroll-bar/index.vue.d.ts +52 -0
- package/lib/src/scroll-bar/index.vue.js +1 -0
- package/lib/src/scroll-bar/index.vue2.js +1 -0
- package/lib/src/scroll-bar/interface.d.ts +66 -0
- package/lib/src/scroll-bar/internal.vue.d.ts +22 -0
- package/lib/src/scroll-bar/internal.vue.js +1 -0
- package/lib/src/scroll-bar/internal.vue2.js +1 -0
- package/lib/src/scroll-bar/style/css.cjs +1 -0
- package/lib/src/scroll-bar/style/index.cjs +1 -0
- package/lib/src/scroll-bar/utils/index.d.ts +22 -0
- package/lib/src/scroll-bar/utils/index.js +1 -0
- package/package.json +3 -3
- package/theme/index.css +36 -21
- package/theme/index.less +1 -1
- package/theme/scroll-bar/index.css +46 -0
- package/theme/scroll-bar/index.less +62 -0
- package/es/src/ap-scroll-bar/ap-scroll-bar.vue.d.ts +0 -8
- package/es/src/ap-scroll-bar/ap-scroll-bar.vue.mjs +0 -4
- package/es/src/ap-scroll-bar/ap-scroll-bar.vue2.mjs +0 -116
- package/es/src/ap-scroll-bar/index.d.ts +0 -29
- package/es/src/ap-scroll-bar/index.mjs +0 -8
- package/es/src/ap-scroll-bar/interface.d.ts +0 -4
- package/es/src/ap-scroll-bar/style/css.js +0 -1
- package/es/src/ap-scroll-bar/style/index.js +0 -1
- package/lib/src/ap-scroll-bar/ap-scroll-bar.vue.d.ts +0 -8
- package/lib/src/ap-scroll-bar/ap-scroll-bar.vue.js +0 -1
- package/lib/src/ap-scroll-bar/ap-scroll-bar.vue2.js +0 -1
- package/lib/src/ap-scroll-bar/index.d.ts +0 -29
- package/lib/src/ap-scroll-bar/index.js +0 -1
- package/lib/src/ap-scroll-bar/interface.d.ts +0 -4
- package/lib/src/ap-scroll-bar/style/css.cjs +0 -1
- package/lib/src/ap-scroll-bar/style/index.cjs +0 -1
- /package/es/src/{ap-scroll-bar → scroll-bar}/interface.mjs +0 -0
- /package/es/src/{ap-scroll-bar → scroll-bar}/style/css.d.ts +0 -0
- /package/es/src/{ap-scroll-bar → scroll-bar}/style/index.d.ts +0 -0
- /package/lib/src/{ap-scroll-bar → scroll-bar}/interface.js +0 -0
- /package/lib/src/{ap-scroll-bar → scroll-bar}/style/css.d.ts +0 -0
- /package/lib/src/{ap-scroll-bar → scroll-bar}/style/index.d.ts +0 -0
package/es/src/path-map.mjs
CHANGED
|
@@ -77,7 +77,7 @@ const e = {
|
|
|
77
77
|
useTableSelectModal: ["business", "ap-table-modal"],
|
|
78
78
|
ApTitle: ["business", "ap-title"],
|
|
79
79
|
ApSummary: ["business", "ap-summary"],
|
|
80
|
-
|
|
80
|
+
ScrollBar: ["scroll-bar"],
|
|
81
81
|
ApAppendix: ["business", "ap-appendix"],
|
|
82
82
|
ApGroupSearch: ["business", "ap-group-search"],
|
|
83
83
|
ApPopoverSelect: ["business", "ap-group-search", "popover-select"],
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* 处理点击滑轨滚动
|
|
4
|
+
* @param param0
|
|
5
|
+
* @returns
|
|
6
|
+
*/
|
|
7
|
+
export declare function useTrack({ currentScroll, trackSpeed, track, bar, tracking, type, barLength, disabled, onDown, onMove, onUp, onScroll }: {
|
|
8
|
+
currentScroll: Ref<number>;
|
|
9
|
+
type: Ref<'vertical' | 'horizontal'>;
|
|
10
|
+
trackSpeed?: Ref<number>;
|
|
11
|
+
track?: Ref<HTMLElement | null | undefined>;
|
|
12
|
+
bar?: Ref<HTMLElement | null | undefined>;
|
|
13
|
+
tracking?: Ref<boolean>;
|
|
14
|
+
barLength?: Ref<number>;
|
|
15
|
+
disabled?: Ref<boolean>;
|
|
16
|
+
onDown?: (scroll: number) => void;
|
|
17
|
+
onMove?: (scroll: number) => void;
|
|
18
|
+
onUp?: (scroll: number) => void;
|
|
19
|
+
onScroll?: (scroll: number) => void;
|
|
20
|
+
}): {
|
|
21
|
+
currentScroll: Ref<number, number>;
|
|
22
|
+
trackSpeed: Ref<number, number>;
|
|
23
|
+
track: Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
|
|
24
|
+
bar: Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
|
|
25
|
+
tracking: Ref<boolean, boolean>;
|
|
26
|
+
type: Ref<"horizontal" | "vertical", "horizontal" | "vertical">;
|
|
27
|
+
barLength: Ref<number, number>;
|
|
28
|
+
disabled: Ref<boolean, boolean>;
|
|
29
|
+
handleMouseDown: (event: PointerEvent) => false | undefined;
|
|
30
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { ref as n } from "vue";
|
|
2
|
+
import { ensureRangeValue as w } from "../utils/index.mjs";
|
|
3
|
+
const h = () => {
|
|
4
|
+
};
|
|
5
|
+
function U({
|
|
6
|
+
currentScroll: e = n(0),
|
|
7
|
+
trackSpeed: f = n(2),
|
|
8
|
+
track: p = n(null),
|
|
9
|
+
bar: o = n(null),
|
|
10
|
+
tracking: m = n(!1),
|
|
11
|
+
type: r = n("vertical"),
|
|
12
|
+
barLength: i = n(35),
|
|
13
|
+
disabled: D = n(!1),
|
|
14
|
+
onDown: A = h,
|
|
15
|
+
onMove: B = h,
|
|
16
|
+
onUp: C = h,
|
|
17
|
+
onScroll: P = h
|
|
18
|
+
}) {
|
|
19
|
+
let d, s, v, u, M = !0, c = !1;
|
|
20
|
+
function x() {
|
|
21
|
+
if (!m.value) return;
|
|
22
|
+
c = !0;
|
|
23
|
+
const t = q(u, e.value);
|
|
24
|
+
let a = !1;
|
|
25
|
+
if (M) {
|
|
26
|
+
if (e.value < u) {
|
|
27
|
+
const l = e.value + t * f.value;
|
|
28
|
+
e.value = Math.min(l, u), a = !0;
|
|
29
|
+
}
|
|
30
|
+
} else if (e.value > u) {
|
|
31
|
+
const l = e.value - t * f.value;
|
|
32
|
+
e.value = Math.max(l, u), a = !0;
|
|
33
|
+
}
|
|
34
|
+
a && P(e.value), (m.value && M ? e.value < u : e.value > u) ? requestAnimationFrame(x) : c = !1;
|
|
35
|
+
}
|
|
36
|
+
function X(t) {
|
|
37
|
+
if (D.value || t.button !== 0 || (t.stopPropagation(), t.preventDefault(), !p.value || !o.value)) return !1;
|
|
38
|
+
document.addEventListener("pointermove", E), document.addEventListener("pointerup", g);
|
|
39
|
+
const a = p.value.getBoundingClientRect(), l = o.value.getBoundingClientRect();
|
|
40
|
+
let R;
|
|
41
|
+
r.value === "vertical" ? (d = a.height, s = l.top - a.top, v = l.top, R = s + t.clientY - v) : (d = a.width, s = l.left - a.left, v = l.left, R = s + t.clientX - v), M = R / d * 100 > i.value;
|
|
42
|
+
const Y = (R / d * 100 - (M ? i.value : 0)) / (100 - i.value);
|
|
43
|
+
u = w(Y * 100), m.value = !0, A(e.value), x();
|
|
44
|
+
}
|
|
45
|
+
function E(t) {
|
|
46
|
+
t.stopPropagation(), t.preventDefault(), B(e.value);
|
|
47
|
+
let a;
|
|
48
|
+
r.value === "vertical" ? a = s + t.clientY - v : a = s + t.clientX - v;
|
|
49
|
+
const l = (a / d * 100 - (M ? i.value : 0)) / (100 - i.value);
|
|
50
|
+
u = w(l * 100), !c && x();
|
|
51
|
+
}
|
|
52
|
+
function g(t) {
|
|
53
|
+
t.preventDefault(), document.removeEventListener("pointermove", E), document.removeEventListener("pointerup", g), m.value = !1, C(e.value);
|
|
54
|
+
}
|
|
55
|
+
return {
|
|
56
|
+
currentScroll: e,
|
|
57
|
+
trackSpeed: f,
|
|
58
|
+
track: p,
|
|
59
|
+
bar: o,
|
|
60
|
+
tracking: m,
|
|
61
|
+
type: r,
|
|
62
|
+
barLength: i,
|
|
63
|
+
disabled: D,
|
|
64
|
+
handleMouseDown: X
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
function q(e, f) {
|
|
68
|
+
const p = Math.abs(e - f);
|
|
69
|
+
for (let o = 0; o < 5; ++o)
|
|
70
|
+
if (p < (o + 1) * 20)
|
|
71
|
+
return 1 + 0.25 * o;
|
|
72
|
+
return 2;
|
|
73
|
+
}
|
|
74
|
+
export {
|
|
75
|
+
U as useTrack
|
|
76
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
|
|
2
|
+
import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
|
|
3
|
+
declare const _default: DefineComponent<ScrollBarProps, {
|
|
4
|
+
currentScroll: ComputedRef<number | undefined>;
|
|
5
|
+
scroll: ((percent: number) => void) | undefined;
|
|
6
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
direction: ScrollBarDirection;
|
|
9
|
+
showTrack: boolean;
|
|
10
|
+
trackSpeed: number;
|
|
11
|
+
extraSize: number;
|
|
12
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
13
|
+
barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
|
|
14
|
+
currentScroll: Ref<number, number>;
|
|
15
|
+
container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
16
|
+
bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
17
|
+
track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
18
|
+
scroll: (percent: number) => void;
|
|
19
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
|
|
20
|
+
scroll: number;
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
direction: ScrollBarDirection;
|
|
23
|
+
barLength: number;
|
|
24
|
+
showTrack: boolean;
|
|
25
|
+
trackSpeed: number;
|
|
26
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
|
|
27
|
+
container: HTMLDivElement;
|
|
28
|
+
track: HTMLDivElement;
|
|
29
|
+
bar: HTMLDivElement;
|
|
30
|
+
}, HTMLDivElement, ComponentProvideOptions, {
|
|
31
|
+
P: {};
|
|
32
|
+
B: {};
|
|
33
|
+
D: {};
|
|
34
|
+
C: {};
|
|
35
|
+
M: {};
|
|
36
|
+
Defaults: {};
|
|
37
|
+
}, Readonly< InternalScrollBarProps> & Readonly<{}>, {
|
|
38
|
+
currentScroll: Ref<number, number>;
|
|
39
|
+
container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
40
|
+
bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
41
|
+
track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
42
|
+
scroll: (percent: number) => void;
|
|
43
|
+
}, {}, {}, {}, {
|
|
44
|
+
scroll: number;
|
|
45
|
+
disabled: boolean;
|
|
46
|
+
direction: ScrollBarDirection;
|
|
47
|
+
barLength: number;
|
|
48
|
+
showTrack: boolean;
|
|
49
|
+
trackSpeed: number;
|
|
50
|
+
}> | null;
|
|
51
|
+
}, HTMLDivElement>;
|
|
52
|
+
export default _default;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { defineComponent as b, toRef as z, ref as f, watchEffect as x, unref as c, computed as _, openBlock as k, createBlock as C, mergeProps as g } from "vue";
|
|
2
|
+
import "./internal.vue2.mjs";
|
|
3
|
+
import { omit as B } from "lodash-unified";
|
|
4
|
+
import { getScrollable as i, ensureRangeValue as R } from "./utils/index.mjs";
|
|
5
|
+
import w from "./internal.vue.mjs";
|
|
6
|
+
const N = /* @__PURE__ */ b({
|
|
7
|
+
name: "ScrollBar",
|
|
8
|
+
__name: "index",
|
|
9
|
+
props: {
|
|
10
|
+
scrollContainer: {},
|
|
11
|
+
extraSize: { default: 0 },
|
|
12
|
+
direction: { default: "vertical" },
|
|
13
|
+
scroll: {},
|
|
14
|
+
width: {},
|
|
15
|
+
barColor: {},
|
|
16
|
+
trackColor: {},
|
|
17
|
+
trackWidth: {},
|
|
18
|
+
disabled: { type: Boolean, default: !1 },
|
|
19
|
+
showTrack: { type: Boolean, default: !0 },
|
|
20
|
+
trackSpeed: { default: 2 },
|
|
21
|
+
onScrollStart: {},
|
|
22
|
+
onScroll: {},
|
|
23
|
+
onScrollEnd: {}
|
|
24
|
+
},
|
|
25
|
+
setup(d, { expose: p }) {
|
|
26
|
+
var u;
|
|
27
|
+
const r = d, n = z(r, "scrollContainer"), l = f(), s = f(30);
|
|
28
|
+
function S() {
|
|
29
|
+
if (!n.value || !l.value) return;
|
|
30
|
+
const { totalSize: e, visibleSize: t, distance: o } = i(
|
|
31
|
+
n.value,
|
|
32
|
+
r.direction
|
|
33
|
+
), a = o / (e + r.extraSize - t || 1) * 100;
|
|
34
|
+
l.value.scroll(a);
|
|
35
|
+
}
|
|
36
|
+
x(
|
|
37
|
+
() => {
|
|
38
|
+
const e = c(n.value);
|
|
39
|
+
if (!e)
|
|
40
|
+
return;
|
|
41
|
+
const { visibleSize: t, totalSize: o } = i(
|
|
42
|
+
e,
|
|
43
|
+
r.direction
|
|
44
|
+
);
|
|
45
|
+
s.value = R(
|
|
46
|
+
Math.min(t / (o + r.extraSize || 1) * 100)
|
|
47
|
+
), e.addEventListener("scroll", S);
|
|
48
|
+
},
|
|
49
|
+
{ flush: "post" }
|
|
50
|
+
);
|
|
51
|
+
function m(e) {
|
|
52
|
+
const t = c(n);
|
|
53
|
+
if (!t) return;
|
|
54
|
+
const { totalSize: o, visibleSize: a, topOrLeft: v } = i(
|
|
55
|
+
t,
|
|
56
|
+
r.direction
|
|
57
|
+
);
|
|
58
|
+
if (o <= a) return;
|
|
59
|
+
const h = `scroll${v}`;
|
|
60
|
+
t[h] = e * (o + r.extraSize - a) / 100;
|
|
61
|
+
}
|
|
62
|
+
return p({
|
|
63
|
+
currentScroll: _(() => {
|
|
64
|
+
var e;
|
|
65
|
+
return c((e = l.value) == null ? void 0 : e.currentScroll);
|
|
66
|
+
}),
|
|
67
|
+
scroll: (u = l.value) == null ? void 0 : u.scroll
|
|
68
|
+
}), (e, t) => (k(), C(w, g({
|
|
69
|
+
ref_key: "barRef",
|
|
70
|
+
ref: l,
|
|
71
|
+
"bar-length": s.value
|
|
72
|
+
}, c(B)(r, ["onScroll", "extraSize", "scrollContainer"]), { onScroll: m }), null, 16, ["bar-length"]));
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
export {
|
|
76
|
+
N as default
|
|
77
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { CSSProperties, Ref } from 'vue';
|
|
2
|
+
export type ScrollBarDirection = 'vertical' | 'horizontal';
|
|
3
|
+
export type ColorType = CSSProperties['background-color'];
|
|
4
|
+
export interface InternalScrollBarProps {
|
|
5
|
+
/**
|
|
6
|
+
* 滚动条的方向
|
|
7
|
+
*/
|
|
8
|
+
direction?: ScrollBarDirection;
|
|
9
|
+
/**
|
|
10
|
+
* 滚动条当前的位置(百分比值)
|
|
11
|
+
*/
|
|
12
|
+
scroll?: number;
|
|
13
|
+
/**
|
|
14
|
+
* 滚动条的长(高)度
|
|
15
|
+
*/
|
|
16
|
+
barLength?: number;
|
|
17
|
+
/**
|
|
18
|
+
* 滚动条的高(宽)度
|
|
19
|
+
*/
|
|
20
|
+
width?: number;
|
|
21
|
+
/**
|
|
22
|
+
* 滚动条的颜色
|
|
23
|
+
*/
|
|
24
|
+
barColor?: ColorType;
|
|
25
|
+
/**
|
|
26
|
+
* 滑轨的颜色
|
|
27
|
+
*/
|
|
28
|
+
trackColor?: ColorType;
|
|
29
|
+
/**
|
|
30
|
+
* 滑动滚到的长度
|
|
31
|
+
*/
|
|
32
|
+
trackWidth?: number;
|
|
33
|
+
/**
|
|
34
|
+
* 是否禁用
|
|
35
|
+
*/
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* 是否显示滑轨
|
|
39
|
+
*/
|
|
40
|
+
showTrack?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* 点击滑轨滚动的速度
|
|
43
|
+
*/
|
|
44
|
+
trackSpeed?: number;
|
|
45
|
+
onScrollStart?: (percent: number) => void;
|
|
46
|
+
onScroll?: (percent: number) => void;
|
|
47
|
+
onScrollEnd?: (percent: number) => void;
|
|
48
|
+
}
|
|
49
|
+
export interface ScrollBarProps extends Omit<InternalScrollBarProps, 'barLength'> {
|
|
50
|
+
/**
|
|
51
|
+
* 可滚动容器
|
|
52
|
+
*/
|
|
53
|
+
scrollContainer?: HTMLElement;
|
|
54
|
+
/**
|
|
55
|
+
* 额外的尺寸(宽/高)
|
|
56
|
+
*/
|
|
57
|
+
extraSize?: number;
|
|
58
|
+
}
|
|
59
|
+
export interface InternalScrollBarExpose {
|
|
60
|
+
currentScroll: Ref<number>;
|
|
61
|
+
container: Ref<HTMLElement>;
|
|
62
|
+
track: Ref<HTMLElement>;
|
|
63
|
+
bar: Ref<HTMLElement>;
|
|
64
|
+
scroll: (percent: number) => void;
|
|
65
|
+
}
|
|
66
|
+
export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { InternalScrollBarProps, ScrollBarDirection } from './interface';
|
|
2
|
+
import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
+
declare function scroll(percent: number): void;
|
|
4
|
+
declare const _default: DefineComponent<InternalScrollBarProps, {
|
|
5
|
+
currentScroll: Ref<number, number>;
|
|
6
|
+
container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
7
|
+
bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
8
|
+
track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
9
|
+
scroll: typeof scroll;
|
|
10
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InternalScrollBarProps> & Readonly<{}>, {
|
|
11
|
+
scroll: number;
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
direction: ScrollBarDirection;
|
|
14
|
+
barLength: number;
|
|
15
|
+
showTrack: boolean;
|
|
16
|
+
trackSpeed: number;
|
|
17
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
18
|
+
container: HTMLDivElement;
|
|
19
|
+
track: HTMLDivElement;
|
|
20
|
+
bar: HTMLDivElement;
|
|
21
|
+
}, HTMLDivElement>;
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { defineComponent as V, ref as f, toRef as h, watch as W, watchEffect as z, unref as o, openBlock as A, createElementBlock as N, normalizeClass as m, normalizeStyle as U, createElementVNode as L } from "vue";
|
|
2
|
+
import "../config-provider/index.mjs";
|
|
3
|
+
import { useTrack as X } from "./hooks/use-track.mjs";
|
|
4
|
+
import { ensureRangeValue as C } from "./utils/index.mjs";
|
|
5
|
+
import { useNamespace as Y } from "../config-provider/hooks/use-namespace.mjs";
|
|
6
|
+
const I = /* @__PURE__ */ V({
|
|
7
|
+
__name: "internal",
|
|
8
|
+
props: {
|
|
9
|
+
direction: { default: "vertical" },
|
|
10
|
+
scroll: { default: 0 },
|
|
11
|
+
barLength: { default: 35 },
|
|
12
|
+
width: {},
|
|
13
|
+
barColor: {},
|
|
14
|
+
trackColor: {},
|
|
15
|
+
trackWidth: {},
|
|
16
|
+
disabled: { type: Boolean, default: !1 },
|
|
17
|
+
showTrack: { type: Boolean, default: !0 },
|
|
18
|
+
trackSpeed: { default: 2 },
|
|
19
|
+
onScrollStart: {},
|
|
20
|
+
onScroll: {},
|
|
21
|
+
onScrollEnd: {}
|
|
22
|
+
},
|
|
23
|
+
setup(D, { expose: M }) {
|
|
24
|
+
const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: p } = X({
|
|
25
|
+
currentScroll: r,
|
|
26
|
+
track: c,
|
|
27
|
+
bar: l,
|
|
28
|
+
type: h(t, "direction"),
|
|
29
|
+
trackSpeed: h(t, "trackSpeed"),
|
|
30
|
+
barLength: h(t, "barLength"),
|
|
31
|
+
disabled: h(t, "disabled"),
|
|
32
|
+
onDown: (e) => {
|
|
33
|
+
var n;
|
|
34
|
+
(n = t.onScrollStart) == null || n.call(t, e);
|
|
35
|
+
},
|
|
36
|
+
onUp: (e) => {
|
|
37
|
+
var n;
|
|
38
|
+
(n = t.onScrollEnd) == null || n.call(t, e);
|
|
39
|
+
},
|
|
40
|
+
onScroll: (e) => {
|
|
41
|
+
var n;
|
|
42
|
+
(n = t.onScroll) == null || n.call(t, e);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
W(
|
|
46
|
+
() => t.scroll,
|
|
47
|
+
(e) => {
|
|
48
|
+
r.value = e;
|
|
49
|
+
}
|
|
50
|
+
), z(() => {
|
|
51
|
+
if (!o(l)) return;
|
|
52
|
+
const e = `${(100 - t.barLength) * r.value / t.barLength}%`, n = `${t.barLength}%`;
|
|
53
|
+
t.direction === "vertical" ? (l.value.style.height = n, l.value.style.transform = `translate3d(0, ${e}, 0)`) : (l.value.style.width = n, l.value.style.transform = `translate3d(${e}, 0, 0)`);
|
|
54
|
+
});
|
|
55
|
+
let b, s, u;
|
|
56
|
+
function T(e) {
|
|
57
|
+
var E;
|
|
58
|
+
if (t.disabled || e.button !== 0) return;
|
|
59
|
+
e.preventDefault(), e.stopPropagation();
|
|
60
|
+
const n = o(c), i = o(l);
|
|
61
|
+
if (!n || !i)
|
|
62
|
+
return;
|
|
63
|
+
document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
|
|
64
|
+
const a = n.getBoundingClientRect(), y = i.getBoundingClientRect();
|
|
65
|
+
t.direction === "vertical" ? (b = a.height, s = y.top - a.top, u = e.clientY) : (b = a.width, s = y.left - a.left, u = e.clientX), (E = t.onScrollStart) == null || E.call(t, o(r));
|
|
66
|
+
}
|
|
67
|
+
function g(e) {
|
|
68
|
+
var a;
|
|
69
|
+
e.stopPropagation(), e.preventDefault();
|
|
70
|
+
let n;
|
|
71
|
+
t.direction === "vertical" ? n = s + e.clientY - u : n = s + e.clientX - u;
|
|
72
|
+
const i = n / b / (100 - t.barLength) * 1e4;
|
|
73
|
+
r.value = C(i), (a = t.onScroll) == null || a.call(t, o(r));
|
|
74
|
+
}
|
|
75
|
+
function S(e) {
|
|
76
|
+
var n;
|
|
77
|
+
e.preventDefault(), document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", S), (n = t.onScrollEnd) == null || n.call(t, o(r));
|
|
78
|
+
}
|
|
79
|
+
function w(e) {
|
|
80
|
+
e.cancelable && (e.stopPropagation(), e.preventDefault());
|
|
81
|
+
}
|
|
82
|
+
function $(e) {
|
|
83
|
+
Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e));
|
|
84
|
+
}
|
|
85
|
+
return M({
|
|
86
|
+
currentScroll: r,
|
|
87
|
+
container: k,
|
|
88
|
+
bar: l,
|
|
89
|
+
track: c,
|
|
90
|
+
scroll: $
|
|
91
|
+
}), (e, n) => (A(), N("div", {
|
|
92
|
+
ref_key: "container",
|
|
93
|
+
ref: k,
|
|
94
|
+
class: m([o(B)(), o(P)(e.direction)]),
|
|
95
|
+
style: U(
|
|
96
|
+
o(R)({
|
|
97
|
+
"bar-color": e.barColor,
|
|
98
|
+
"track-color": e.trackColor,
|
|
99
|
+
"bar-width": e.width ? `${e.width}px` : void 0,
|
|
100
|
+
"track-width": e.trackWidth ? `${e.trackWidth}px` : void 0
|
|
101
|
+
})
|
|
102
|
+
)
|
|
103
|
+
}, [
|
|
104
|
+
L("div", {
|
|
105
|
+
ref_key: "track",
|
|
106
|
+
ref: c,
|
|
107
|
+
class: m([
|
|
108
|
+
o(v)("track"),
|
|
109
|
+
e.disabled ? o(d)("track", "disabled") : null,
|
|
110
|
+
e.showTrack ? null : o(d)("track", "hidden")
|
|
111
|
+
]),
|
|
112
|
+
onPointerdown: n[0] || (n[0] = //@ts-ignore
|
|
113
|
+
(...i) => o(p) && o(p)(...i)),
|
|
114
|
+
onTouchstart: w
|
|
115
|
+
}, null, 34),
|
|
116
|
+
L("div", {
|
|
117
|
+
ref_key: "bar",
|
|
118
|
+
ref: l,
|
|
119
|
+
class: m([
|
|
120
|
+
o(v)("bar"),
|
|
121
|
+
o(d)("bar", e.direction),
|
|
122
|
+
e.disabled ? o(d)("bar", "disabled") : null
|
|
123
|
+
]),
|
|
124
|
+
onPointerdown: T,
|
|
125
|
+
onTouchstart: w
|
|
126
|
+
}, null, 34)
|
|
127
|
+
], 6));
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
export {
|
|
131
|
+
I as default
|
|
132
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@aplus-frontend/ui/theme/scroll-bar/index.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@aplus-frontend/ui/theme/scroll-bar/index.less';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ScrollBarDirection } from '../interface';
|
|
2
|
+
/**
|
|
3
|
+
* 保证返回的值在[start,end]范围内
|
|
4
|
+
* @param target
|
|
5
|
+
* @param start
|
|
6
|
+
* @param end
|
|
7
|
+
* @returns
|
|
8
|
+
*/
|
|
9
|
+
export declare function ensureRangeValue(target: number, start?: number, end?: number): number;
|
|
10
|
+
/**
|
|
11
|
+
* 获得某个可滚动元素的一些关键数据
|
|
12
|
+
* @param dom 可滚动元素
|
|
13
|
+
* @param direction 滚动方向
|
|
14
|
+
* @returns
|
|
15
|
+
*/
|
|
16
|
+
export declare function getScrollable(dom: HTMLElement, direction: ScrollBarDirection): {
|
|
17
|
+
totalSize: number;
|
|
18
|
+
visibleSize: number;
|
|
19
|
+
distance: number;
|
|
20
|
+
topOrLeft: string;
|
|
21
|
+
widthOrHeight: string;
|
|
22
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function i(t, e = 0, n = 100) {
|
|
2
|
+
return Math.max(e, Math.min(t, n));
|
|
3
|
+
}
|
|
4
|
+
function l(t, e) {
|
|
5
|
+
const n = e === "horizontal" ? "Left" : "Top", o = e === "horizontal" ? "Width" : "Height";
|
|
6
|
+
return {
|
|
7
|
+
totalSize: t[`scroll${o}`],
|
|
8
|
+
visibleSize: t[`offset${o}`],
|
|
9
|
+
distance: t[`scroll${n}`],
|
|
10
|
+
topOrLeft: n,
|
|
11
|
+
widthOrHeight: o
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
i as ensureRangeValue,
|
|
16
|
+
l as getScrollable
|
|
17
|
+
};
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./src/index.js"),v=require("./src/path-map.js");require("./src/hooks/index.js");const q=require("./src/config-provider/config-provider-props.js"),u=require("./src/config-provider/constants.js"),p=require("./src/config-provider/hooks/use-global-config.js"),e=require("./src/config-provider/hooks/use-locale.js"),t=require("./src/config-provider/hooks/use-namespace.js"),i=require("./src/config-provider/config-provider.js"),f=require("./src/config-provider/index.js"),x=require("./src/ap-form/items/text/index.js"),g=require("./src/ap-form/items/text-area/index.vue.js"),m=require("./src/ap-form/items/number/index.vue.js"),y=require("./src/ap-form/items/date/index.vue.js"),$=require("./src/ap-form/items/date-range/index.vue.js"),F=require("./src/ap-form/items/radio/index.vue.js"),b=require("./src/ap-form/items/select/index.vue.js"),T=require("./src/ap-form/items/switch/index.vue.js"),C=require("./src/ap-form/items/checkbox/index.vue.js"),D=require("./src/ap-form/items/text/password.vue.js"),I=require("./src/ap-form/index.js"),S=require("./src/ap-form/item/index.vue.js"),h=require("./src/ap-form/item-group/index.vue.js"),P=require("./src/ap-form/list/index.vue.js"),M=require("./src/ap-form/search-form/index.vue.js"),G=require("./src/ap-form/modal-form/index.vue.js"),E=require("./src/ap-form/dependency/index.vue.js"),L=require("./src/ap-form/set/index.vue.js"),N=require("./src/ap-form/drawer-form/index.vue.js"),w=require("./src/ap-form/render/control.vue.js"),k=require("./src/ap-form/render/item.vue.js"),B=require("./src/ap-form/provider/index.vue.js"),R=require("./src/ap-field/index.js"),K=require("./src/ap-field/text/index.js"),U=require("./src/ap-field/checkbox/index.vue.js"),O=require("./src/ap-field/date/index.vue.js"),W=require("./src/ap-field/number/index.vue.js"),j=require("./src/ap-field/radio/index.vue.js"),V=require("./src/ap-field/switch/index.vue.js"),z=require("./src/ap-field/text-area/index.vue.js"),H=require("./src/ap-field/date-range/index.vue.js"),J=require("./src/ap-field/select/index.vue.js"),Q=require("./src/ap-field/text/password.vue.js"),X=require("./src/ap-field/slider/index.vue.js"),Y=require("./src/ap-field/segmented/index.vue.js"),Z=require("./src/ap-field/rate/index.vue.js"),a=require("./src/design-token/index.js"),ee=require("./src/ap-action/index.js"),te=require("./src/ap-action/item-modal/index.vue.js"),re=require("./src/ap-action/item-popconfirm/index.vue.js"),ue=require("./src/ap-action/item-dropdown/index.vue.js"),pe=require("./src/ap-action/group/index.vue.js"),s=require("./src/work-order-modal/interfaces.js"),_e=require("./src/work-order-modal/createWorkOrder.js"),ne=require("./src/work-order-modal/work-order-modal.vue.js"),oe=require("./src/ap-tag/ap-tag.vue.js"),ie=require("./src/ap-tag/ap-tag-group.vue.js"),ae=require("./src/ap-info-layout/ApInfoLayout.vue.js"),se=require("./src/ap-upload/apUploadTypes.js"),le=require("./src/ap-upload/apUpload.vue.js"),ce=require("./src/ap-download/interface.js"),de=require("./src/ap-download/ap-download.vue.js"),Ae=require("./src/check-card/index.js"),ve=require("./src/check-card/group.vue.js"),qe=require("./src/ap-modal/index.js"),fe=require("./src/ap-list/index.vue.js"),xe=require("./src/ap-button/ap-button.vue.js"),ge=require("./src/ap-button/ap-action-button.vue.js"),me=require("./src/ap-drawer/index.js"),ye=require("./src/utils/ap-trans-data/index.js"),$e=require("./src/business/ap-table-modal/index.js"),Fe=require("./src/business/ap-table-modal/hooks/use-table-modal.js"),be=require("./src/business/ap-table-modal/hooks/use-table-select-modal.js"),Te=require("./src/business/ap-attachment/index.js"),Ce=require("./src/business/ap-batch-action/index.js"),De=require("./src/business/ap-batch-action-group/index.js"),Ie=require("./src/business/ap-button-group/index.js"),Se=require("./src/business/ap-card/index.js"),he=require("./src/business/ap-expand-alert/index.js"),Pe=require("./src/business/ap-export-group/interface.js"),Me=require("./src/business/ap-export-group/index.js"),Ge=require("./src/business/ap-export-group/handleExportDownload.js"),Ee=require("./src/business/ap-export-group/convertExportField.js"),Le=require("./src/business/ap-image/index.js"),Ne=require("./src/business/ap-input-radio/index.js"),l=require("./src/business/ap-label/index.js"),we=require("./src/business/ap-ladder/interface.js"),ke=require("./src/business/ap-ladder/index.js"),Be=require("./src/business/ap-select-layout/index.js"),c=require("./src/business/ap-status/index.js"),Re=require("./src/business/ap-title/index.js"),Ke=require("./src/business/hooks/usePageListApTable.js"),Ue=require("./src/business/hooks/useTableRefresh.js"),r=require("./src/business/ap-summary/utils.js"),Oe=require("./src/business/ap-summary/index.js"),We=require("./src/business/ap-appendix/interface.js"),je=require("./src/business/ap-appendix/index.js"),_=require("./src/business/ap-group-search/index.js"),Ve=require("./src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.js"),ze=require("./src/business/batch-input-group/index.vue.js"),He=require("./src/business/batch-input-group/form-item.vue.js"),Je=require("./src/business/ap-size-input/index.js"),Qe=require("./src/ap-table/hooks/use-table-paging.js"),Xe=require("./src/ap-table/index.js"),Ye=require("./src/editable-table/index.vue.js"),Ze=require("./src/editable-table/form-item.vue.js"),et=require("./src/ap-descriptions/ap-descriptions.vue.js"),tt=require("./src/ap-scroll-bar/index.js"),rt=require("./src/hooks/useMessage.js"),ut=require("./src/hooks/useControllableValue.js"),pt={install:d=>{for(const A in o){const n=o[A];n.install&&d.use(n)}}};exports.pathMap=v.default;exports.configProviderProps=q.configProviderProps;exports.DEFAULT_NAMESPACE=u.DEFAULT_NAMESPACE;exports.DEFAULT_UIMODE=u.DEFAULT_UIMODE;exports.configProviderContextKey=u.configProviderContextKey;exports.keysOf=p.keysOf;exports.provideGlobalConfig=p.provideGlobalConfig;exports.useGlobalConfig=p.useGlobalConfig;exports.buildLocaleContext=e.buildLocaleContext;exports.buildTranslator=e.buildTranslator;exports.localeContextKey=e.localeContextKey;exports.translate=e.translate;exports.useLocale=e.useLocale;exports.defaultNamespace=t.defaultNamespace;exports.namespaceContextKey=t.namespaceContextKey;exports.useGetDerivedNamespace=t.useGetDerivedNamespace;exports.useNamespace=t.useNamespace;exports.ConfigProvider=i.ConfigProvider;exports.globalConfigCached=i.globalConfigCached;exports.APConfigProvider=f.APConfigProvider;exports.ApFormItemText=x.ApFormItemText;exports.ApFormItemTextArea=g.default;exports.ApFormItemNumber=m.default;exports.ApFormItemDate=y.default;exports.ApFormItemDateRange=$.default;exports.ApFormItemRadio=F.default;exports.ApFormItemSelect=b.default;exports.ApFormItemSwitch=T.default;exports.ApFormItemCheckbox=C.default;exports.ApFormItemTextPassword=D.default;exports.ApForm=I.ApForm;exports.ApFormItem=S.default;exports.ApFormItemGroup=h.default;exports.ApFormList=P.default;exports.ApFormSearchForm=M.default;exports.ApFormModalForm=G.default;exports.ApFormDependency=E.default;exports.ApFormSet=L.default;exports.ApFormDrawerForm=N.default;exports.ApFormControlRender=w.default;exports.ApFormItemRender=k.default;exports.ApFormProvider=B.default;exports.ApField=R.ApField;exports.ApFieldText=K.ApFieldText;exports.ApFieldCheckbox=U.default;exports.ApFieldDate=O.default;exports.ApFieldNumber=W.default;exports.ApFieldRadio=j.default;exports.ApFieldSwitch=V.default;exports.ApFieldTextArea=z.default;exports.ApFieldDateRange=H.default;exports.ApFieldSelect=J.default;exports.ApFieldPassword=Q.default;exports.ApFieldSlider=X.default;exports.ApFieldSegmented=Y.default;exports.ApFieldRate=Z.default;exports.adminToken=a.adminToken;exports.aplusToken=a.aplusToken;exports.ApActionItem=ee.ApActionItem;exports.ApActionItemModal=te.default;exports.ApActionItemPopconfirm=re.default;exports.ApActionItemDropdown=ue.default;exports.ApActionGroup=pe.default;exports.DictCode=s.DictCode;exports.langMap=s.langMap;exports.createWorkOrderModal=_e.createWorkOrderModal;exports.WorkOrderModal=ne.default;exports.ApTag=oe.default;exports.ApTagGroup=ie.default;exports.ApInfoLayout=ae.default;exports.NeedNameKeyDefault=se.NeedNameKeyDefault;exports.ApUpload=le.default;exports.ApDownLoadNeedNameKeyDefault=ce.ApDownLoadNeedNameKeyDefault;exports.ApDownload=de.default;exports.CheckCard=Ae.CheckCard;exports.CheckCardGroup=ve.default;exports.ApModal=qe.ApModal;exports.ApList=fe.default;exports.ApButton=xe.default;exports.ApActionButton=ge.default;exports.ApDrawer=me.ApDrawer;exports.ApTransformDataHelper=ye.ApTransformDataHelper;exports.ApTableModal=$e.default;exports.useTableModal=Fe.useTableModal;exports.useTableSelectModal=be.useTableSelectModal;exports.ApAttachment=Te.ApAttachment;exports.ApBatchAction=Ce.ApBatchAction;exports.ApBatchActionGroup=De.ApBatchActionGroup;exports.ApButtonGroup=Ie.ApButtonGroup;exports.ApCard=Se.ApCard;exports.ApExpandAlert=he.ApExpandAlert;exports.ApExportGroupActionType=Pe.ApExportGroupActionType;exports.ApExportGroup=Me.ApExportGroup;exports.handleExportDownload=Ge.handleExportDownload;exports.convertExportField=Ee.convertExportField;exports.ApImage=Le.ApImage;exports.ApInputRadio=Ne.ApInputRadio;exports.ApLabel=l.ApLabel;exports.ApLabelGroup=l.ApLabelGroup;exports.locales=we.locales;exports.ApLadder=ke.ApLadder;exports.ApSelectLayout=Be.ApSelectLayout;exports.ApStatus=c.ApStatus;exports.ApStatusGroup=c.ApStatusGroup;exports.ApTitle=Re.ApTitle;exports.usePageListApTable=Ke.usePageListApTable;exports.useTableRefresh=Ue.useTableRefresh;exports.computedRecords=r.computedRecords;exports.flattenColumns=r.flattenColumns;exports.formatDataIndex=r.formatDataIndex;exports.formatNumber=r.formatNumber;exports.ApSummary=Oe.ApSummary;exports.ApNeedNameKeyDefault=We.ApNeedNameKeyDefault;exports.ApAppendix=je.ApAppendix;exports.ApExtensionSelect=_.ApExtensionSelect;exports.ApGroupSearch=_.ApGroupSearch;exports.ApPopoverSelect=_.ApPopoverSelect;exports.ApUploadSingle=Ve.default;exports.BatchInputGroup=ze.default;exports.ApFormItemBatchInput=He.default;exports.ApSizeInput=Je.ApSizeInput;exports.useTablePaging=Qe.useTablePaging;exports.ApTable=Xe.ApTable;exports.EditableTable=Ye.default;exports.EditableTableFormItem=Ze.default;exports.ApDescriptions=et.default;exports.ApScrollBar=tt.ApScrollBar;exports.useMessage=rt.useMessage;exports.useControllableValue=ut.useControllableValue;exports.default=pt;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./src/index.js"),v=require("./src/path-map.js");require("./src/hooks/index.js");const f=require("./src/config-provider/config-provider-props.js"),u=require("./src/config-provider/constants.js"),_=require("./src/config-provider/hooks/use-global-config.js"),e=require("./src/config-provider/hooks/use-locale.js"),t=require("./src/config-provider/hooks/use-namespace.js"),a=require("./src/config-provider/config-provider.js"),q=require("./src/config-provider/index.js"),x=require("./src/ap-form/items/text/index.js"),g=require("./src/ap-form/items/text-area/index.vue.js"),m=require("./src/ap-form/items/number/index.vue.js"),y=require("./src/ap-form/items/date/index.vue.js"),$=require("./src/ap-form/items/date-range/index.vue.js"),F=require("./src/ap-form/items/radio/index.vue.js"),T=require("./src/ap-form/items/select/index.vue.js"),b=require("./src/ap-form/items/switch/index.vue.js"),C=require("./src/ap-form/items/checkbox/index.vue.js"),D=require("./src/ap-form/items/text/password.vue.js"),I=require("./src/ap-form/index.js"),S=require("./src/ap-form/item/index.vue.js"),h=require("./src/ap-form/item-group/index.vue.js"),M=require("./src/ap-form/list/index.vue.js"),P=require("./src/ap-form/search-form/index.vue.js"),G=require("./src/ap-form/modal-form/index.vue.js"),E=require("./src/ap-form/dependency/index.vue.js"),L=require("./src/ap-form/set/index.vue.js"),N=require("./src/ap-form/drawer-form/index.vue.js"),w=require("./src/ap-form/render/control.vue.js"),R=require("./src/ap-form/render/item.vue.js"),k=require("./src/ap-form/provider/index.vue.js"),B=require("./src/ap-field/index.js"),K=require("./src/ap-field/text/index.js"),U=require("./src/ap-field/checkbox/index.vue.js"),O=require("./src/ap-field/date/index.vue.js"),W=require("./src/ap-field/number/index.vue.js"),j=require("./src/ap-field/radio/index.vue.js"),z=require("./src/ap-field/switch/index.vue.js"),V=require("./src/ap-field/text-area/index.vue.js"),H=require("./src/ap-field/date-range/index.vue.js"),J=require("./src/ap-field/select/index.vue.js"),Q=require("./src/ap-field/text/password.vue.js"),X=require("./src/ap-field/slider/index.vue.js"),Y=require("./src/ap-field/segmented/index.vue.js"),Z=require("./src/ap-field/rate/index.vue.js"),i=require("./src/design-token/index.js"),ee=require("./src/ap-action/index.js"),te=require("./src/ap-action/item-modal/index.vue.js"),re=require("./src/ap-action/item-popconfirm/index.vue.js"),ue=require("./src/ap-action/item-dropdown/index.vue.js"),_e=require("./src/ap-action/group/index.vue.js"),s=require("./src/work-order-modal/interfaces.js"),pe=require("./src/work-order-modal/createWorkOrder.js"),ne=require("./src/work-order-modal/work-order-modal.vue.js"),oe=require("./src/ap-tag/ap-tag.vue.js"),ae=require("./src/ap-tag/ap-tag-group.vue.js"),ie=require("./src/ap-info-layout/ApInfoLayout.vue.js"),se=require("./src/ap-upload/apUploadTypes.js"),le=require("./src/ap-upload/apUpload.vue.js"),ce=require("./src/ap-download/interface.js"),de=require("./src/ap-download/ap-download.vue.js"),Ae=require("./src/check-card/index.js"),ve=require("./src/check-card/group.vue.js"),fe=require("./src/ap-modal/index.js"),qe=require("./src/ap-list/index.vue.js"),xe=require("./src/ap-button/ap-button.vue.js"),ge=require("./src/ap-button/ap-action-button.vue.js"),me=require("./src/ap-drawer/index.js"),ye=require("./src/utils/ap-trans-data/index.js"),$e=require("./src/business/ap-table-modal/index.js"),Fe=require("./src/business/ap-table-modal/hooks/use-table-modal.js"),Te=require("./src/business/ap-table-modal/hooks/use-table-select-modal.js"),be=require("./src/business/ap-attachment/index.js"),Ce=require("./src/business/ap-batch-action/index.js"),De=require("./src/business/ap-batch-action-group/index.js"),Ie=require("./src/business/ap-button-group/index.js"),Se=require("./src/business/ap-card/index.js"),he=require("./src/business/ap-expand-alert/index.js"),Me=require("./src/business/ap-export-group/interface.js"),Pe=require("./src/business/ap-export-group/index.js"),Ge=require("./src/business/ap-export-group/handleExportDownload.js"),Ee=require("./src/business/ap-export-group/convertExportField.js"),Le=require("./src/business/ap-image/index.js"),Ne=require("./src/business/ap-input-radio/index.js"),l=require("./src/business/ap-label/index.js"),we=require("./src/business/ap-ladder/interface.js"),Re=require("./src/business/ap-ladder/index.js"),ke=require("./src/business/ap-select-layout/index.js"),c=require("./src/business/ap-status/index.js"),Be=require("./src/business/ap-title/index.js"),Ke=require("./src/business/hooks/usePageListApTable.js"),Ue=require("./src/business/hooks/useTableRefresh.js"),r=require("./src/business/ap-summary/utils.js"),Oe=require("./src/business/ap-summary/index.js"),We=require("./src/business/ap-appendix/interface.js"),je=require("./src/business/ap-appendix/index.js"),p=require("./src/business/ap-group-search/index.js"),ze=require("./src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.js"),Ve=require("./src/business/batch-input-group/index.vue.js"),He=require("./src/business/batch-input-group/form-item.vue.js"),Je=require("./src/business/ap-size-input/index.js"),Qe=require("./src/ap-table/hooks/use-table-paging.js"),Xe=require("./src/ap-table/index.js"),Ye=require("./src/editable-table/index.vue.js"),Ze=require("./src/editable-table/form-item.vue.js"),et=require("./src/ap-descriptions/ap-descriptions.vue.js"),tt=require("./src/scroll-bar/index.vue.js"),rt=require("./src/scroll-bar/internal.vue.js"),ut=require("./src/hooks/useMessage.js"),_t=require("./src/hooks/useControllableValue.js"),pt=require("./src/hooks/useManualRef.js"),nt=require("./src/hooks/useThrottleRef.js"),ot={install:d=>{for(const A in o){const n=o[A];n.install&&d.use(n)}}};exports.pathMap=v.default;exports.configProviderProps=f.configProviderProps;exports.DEFAULT_NAMESPACE=u.DEFAULT_NAMESPACE;exports.DEFAULT_UIMODE=u.DEFAULT_UIMODE;exports.configProviderContextKey=u.configProviderContextKey;exports.keysOf=_.keysOf;exports.provideGlobalConfig=_.provideGlobalConfig;exports.useGlobalConfig=_.useGlobalConfig;exports.buildLocaleContext=e.buildLocaleContext;exports.buildTranslator=e.buildTranslator;exports.localeContextKey=e.localeContextKey;exports.translate=e.translate;exports.useLocale=e.useLocale;exports.defaultNamespace=t.defaultNamespace;exports.namespaceContextKey=t.namespaceContextKey;exports.useGetDerivedNamespace=t.useGetDerivedNamespace;exports.useNamespace=t.useNamespace;exports.ConfigProvider=a.ConfigProvider;exports.globalConfigCached=a.globalConfigCached;exports.APConfigProvider=q.APConfigProvider;exports.ApFormItemText=x.ApFormItemText;exports.ApFormItemTextArea=g.default;exports.ApFormItemNumber=m.default;exports.ApFormItemDate=y.default;exports.ApFormItemDateRange=$.default;exports.ApFormItemRadio=F.default;exports.ApFormItemSelect=T.default;exports.ApFormItemSwitch=b.default;exports.ApFormItemCheckbox=C.default;exports.ApFormItemTextPassword=D.default;exports.ApForm=I.ApForm;exports.ApFormItem=S.default;exports.ApFormItemGroup=h.default;exports.ApFormList=M.default;exports.ApFormSearchForm=P.default;exports.ApFormModalForm=G.default;exports.ApFormDependency=E.default;exports.ApFormSet=L.default;exports.ApFormDrawerForm=N.default;exports.ApFormControlRender=w.default;exports.ApFormItemRender=R.default;exports.ApFormProvider=k.default;exports.ApField=B.ApField;exports.ApFieldText=K.ApFieldText;exports.ApFieldCheckbox=U.default;exports.ApFieldDate=O.default;exports.ApFieldNumber=W.default;exports.ApFieldRadio=j.default;exports.ApFieldSwitch=z.default;exports.ApFieldTextArea=V.default;exports.ApFieldDateRange=H.default;exports.ApFieldSelect=J.default;exports.ApFieldPassword=Q.default;exports.ApFieldSlider=X.default;exports.ApFieldSegmented=Y.default;exports.ApFieldRate=Z.default;exports.adminToken=i.adminToken;exports.aplusToken=i.aplusToken;exports.ApActionItem=ee.ApActionItem;exports.ApActionItemModal=te.default;exports.ApActionItemPopconfirm=re.default;exports.ApActionItemDropdown=ue.default;exports.ApActionGroup=_e.default;exports.DictCode=s.DictCode;exports.langMap=s.langMap;exports.createWorkOrderModal=pe.createWorkOrderModal;exports.WorkOrderModal=ne.default;exports.ApTag=oe.default;exports.ApTagGroup=ae.default;exports.ApInfoLayout=ie.default;exports.NeedNameKeyDefault=se.NeedNameKeyDefault;exports.ApUpload=le.default;exports.ApDownLoadNeedNameKeyDefault=ce.ApDownLoadNeedNameKeyDefault;exports.ApDownload=de.default;exports.CheckCard=Ae.CheckCard;exports.CheckCardGroup=ve.default;exports.ApModal=fe.ApModal;exports.ApList=qe.default;exports.ApButton=xe.default;exports.ApActionButton=ge.default;exports.ApDrawer=me.ApDrawer;exports.ApTransformDataHelper=ye.ApTransformDataHelper;exports.ApTableModal=$e.default;exports.useTableModal=Fe.useTableModal;exports.useTableSelectModal=Te.useTableSelectModal;exports.ApAttachment=be.ApAttachment;exports.ApBatchAction=Ce.ApBatchAction;exports.ApBatchActionGroup=De.ApBatchActionGroup;exports.ApButtonGroup=Ie.ApButtonGroup;exports.ApCard=Se.ApCard;exports.ApExpandAlert=he.ApExpandAlert;exports.ApExportGroupActionType=Me.ApExportGroupActionType;exports.ApExportGroup=Pe.ApExportGroup;exports.handleExportDownload=Ge.handleExportDownload;exports.convertExportField=Ee.convertExportField;exports.ApImage=Le.ApImage;exports.ApInputRadio=Ne.ApInputRadio;exports.ApLabel=l.ApLabel;exports.ApLabelGroup=l.ApLabelGroup;exports.locales=we.locales;exports.ApLadder=Re.ApLadder;exports.ApSelectLayout=ke.ApSelectLayout;exports.ApStatus=c.ApStatus;exports.ApStatusGroup=c.ApStatusGroup;exports.ApTitle=Be.ApTitle;exports.usePageListApTable=Ke.usePageListApTable;exports.useTableRefresh=Ue.useTableRefresh;exports.computedRecords=r.computedRecords;exports.flattenColumns=r.flattenColumns;exports.formatDataIndex=r.formatDataIndex;exports.formatNumber=r.formatNumber;exports.ApSummary=Oe.ApSummary;exports.ApNeedNameKeyDefault=We.ApNeedNameKeyDefault;exports.ApAppendix=je.ApAppendix;exports.ApExtensionSelect=p.ApExtensionSelect;exports.ApGroupSearch=p.ApGroupSearch;exports.ApPopoverSelect=p.ApPopoverSelect;exports.ApUploadSingle=ze.default;exports.BatchInputGroup=Ve.default;exports.ApFormItemBatchInput=He.default;exports.ApSizeInput=Je.ApSizeInput;exports.useTablePaging=Qe.useTablePaging;exports.ApTable=Xe.ApTable;exports.EditableTable=Ye.default;exports.EditableTableFormItem=Ze.default;exports.ApDescriptions=et.default;exports.ScrollBar=tt.default;exports.InternalScrollBar=rt.default;exports.useMessage=ut.useMessage;exports.useControllableValue=_t.useControllableValue;exports.useManualRef=pt.useManualRef;exports.useThrottleRef=nt.useThrottleRef;exports.default=ot;
|
|
@@ -7,5 +7,5 @@ export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number
|
|
|
7
7
|
* @param timezone
|
|
8
8
|
* @returns
|
|
9
9
|
*/
|
|
10
|
-
export declare function formatDayWithTimezone(timezone?: ZoneAlias): (d: Dayjs, f
|
|
10
|
+
export declare function formatDayWithTimezone(timezone?: ZoneAlias): (d: Dayjs, f?: string, begin?: boolean) => number | null;
|
|
11
11
|
export declare const formatValue: (v: EventValue<Dayjs>) => number | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@aplus-frontend/utils"),u=require("dayjs"),a=(e,o,r=!0)=>{if(!e)return null;let t=e.clone();return t=t.millisecond(0),o.indexOf("ss")===-1&&(t=t.second(r?0:59)),o.indexOf("mm")===-1&&(t=t.minute(r?0:59)),o.indexOf("HH")===-1&&(t=t.hour(r?0:23)),o.indexOf("DD")===-1&&(t=t.date(r?1:0),r||(t=t.month(t.month()+1))),o.indexOf("MM")===-1&&(t=t.month(r?0:12)),t.valueOf()};function f(e){return(o,r,t=!0)=>{const n=r?a(o,r,t):o.valueOf();return e?i.getUtcTimestamp(u(n),e):n}}const m=e=>e&&e.valueOf();exports.formatDay=a;exports.formatDayWithTimezone=f;exports.formatValue=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),S=require("@aplus-frontend/antdv"),s=require("./constant.js");require("../../hooks/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("dayjs"),S=require("@aplus-frontend/antdv"),s=require("./constant.js");require("../../hooks/index.js");const m=require("lodash-unified"),T=require("./helper.js"),_=require("@aplus-frontend/utils"),M=require("../hooks/use-default-placeholder.js"),w=require("../../hooks/useControllableValue.js"),R=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},class:{},style:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},placeholder:{},allowClear:{type:Boolean,default:!0},autofocus:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},id:{},presets:{},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},panelRender:{},inputRender:{},onOpenChange:{},onPanelChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},onContextmenu:{},onKeydown:{},role:{},name:{},autocomplete:{},direction:{},showToday:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},picker:{},prefixCls:{},defaultPickerValue:{},disabledDate:{},dateRender:{},monthCellRender:{},renderExtraFooter:{},onSelect:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},disabledTime:{},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"--"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"},timezone:{}},emits:["update:value"],setup(y,{emit:h}){const o=y,B=h,{value:c,updateValue:v}=w.useControllableValue(o,B),P=M.useDefaultPlaceholder("Date",o),a=e.computed(()=>s.ApFieldDatePresetFormats.indexOf(o.format)>-1),u=e.computed(()=>a.value?s.PRESET_FORMAT_MAP[o.format]:o.format),p=e.computed(()=>{if(m.isNil(e.unref(c)))return;let t=r(e.unref(c));return o.timezone&&(t=r(_.getTimeFormatToZone(e.unref(c),o.timezone))),t}),g=e.computed(()=>e.unref(a)?o.picker??s.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),k=e.computed(()=>{const t=e.unref(a)?s.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...m.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),placeholder:e.unref(P),...t}}),f=T.formatDayWithTimezone(o.timezone);function C(t){if(m.isNil(t)){v(null);return}const l=r(t);v(f(l,e.unref(a)?e.unref(u):void 0))}function b(t,l){var i;const d=r(t),n=t?f(d,e.unref(a)?e.unref(u):void 0):null;(i=o.onChange)==null||i.call(o,n,l)}function O(t){var n;const l=r(t),d=t?f(l,e.unref(a)?e.unref(u):void 0):null;(n=o.onOk)==null||n.call(o,d)}return(t,l)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(p.value?e.unref(r)(p.value).format(u.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(S.DatePicker),e.mergeProps({key:1},k.value,{value:p.value,format:u.value,picker:g.value,"onUpdate:value":C,onChange:b,onOk:O}),e.createSlots({_:2},[e.renderList(t.$slots,(d,n)=>({name:n,fn:e.withCtx(i=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(i||{})))])}))]),1040,["value","format","picker"]))}});exports.default=R;
|