@aplus-frontend/ui 0.4.3 → 0.4.5
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 +170 -162
- package/es/src/business/ap-select-layout/select-layout.vue2.mjs +52 -56
- package/es/src/business/ap-summary/ap-summary.vue.d.ts +0 -1
- package/es/src/business/ap-summary/ap-summary.vue2.mjs +36 -35
- package/es/src/business/ap-summary/index.d.ts +0 -3
- package/es/src/business/ap-table-modal/table-modal.vue2.mjs +8 -4
- package/es/src/business/batch-input-group/form-item.vue.d.ts +9 -1
- package/es/src/business/batch-input-group/form-item.vue.mjs +48 -44
- 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 +227 -222
- package/es/src/locale/lang/en.mjs +3 -0
- package/es/src/locale/lang/zh-cn.mjs +3 -0
- 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 +5 -0
- package/es/src/scroll-bar/index.mjs +7 -0
- package/es/src/scroll-bar/index.vue.d.ts +53 -0
- package/es/src/scroll-bar/index.vue.mjs +90 -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 +29 -0
- package/es/src/scroll-bar/utils/index.mjs +22 -0
- package/lib/index.js +1 -1
- package/lib/src/business/ap-select-layout/select-layout.vue2.js +1 -1
- package/lib/src/business/ap-summary/ap-summary.vue.d.ts +0 -1
- package/lib/src/business/ap-summary/ap-summary.vue2.js +1 -1
- package/lib/src/business/ap-summary/index.d.ts +0 -3
- package/lib/src/business/ap-table-modal/table-modal.vue2.js +1 -1
- package/lib/src/business/batch-input-group/form-item.vue.d.ts +9 -1
- package/lib/src/business/batch-input-group/form-item.vue.js +1 -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/locale/lang/en.js +1 -1
- package/lib/src/locale/lang/zh-cn.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 +5 -0
- package/lib/src/scroll-bar/index.js +1 -0
- package/lib/src/scroll-bar/index.vue.d.ts +53 -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 +29 -0
- package/lib/src/scroll-bar/utils/index.js +1 -0
- package/package.json +1 -1
- 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
|
@@ -0,0 +1,53 @@
|
|
|
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
|
+
extraSize: number;
|
|
10
|
+
trackSpeed: number;
|
|
11
|
+
barLength: number;
|
|
12
|
+
showTrack: boolean;
|
|
13
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
14
|
+
barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
|
|
15
|
+
currentScroll: Ref<number, number>;
|
|
16
|
+
container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
17
|
+
bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
18
|
+
track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
19
|
+
scroll: (percent: number) => void;
|
|
20
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
|
|
21
|
+
scroll: number;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
direction: ScrollBarDirection;
|
|
24
|
+
trackSpeed: number;
|
|
25
|
+
barLength: number;
|
|
26
|
+
showTrack: boolean;
|
|
27
|
+
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
|
|
28
|
+
container: HTMLDivElement;
|
|
29
|
+
track: HTMLDivElement;
|
|
30
|
+
bar: HTMLDivElement;
|
|
31
|
+
}, HTMLDivElement, ComponentProvideOptions, {
|
|
32
|
+
P: {};
|
|
33
|
+
B: {};
|
|
34
|
+
D: {};
|
|
35
|
+
C: {};
|
|
36
|
+
M: {};
|
|
37
|
+
Defaults: {};
|
|
38
|
+
}, Readonly< InternalScrollBarProps> & Readonly<{}>, {
|
|
39
|
+
currentScroll: Ref<number, number>;
|
|
40
|
+
container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
41
|
+
bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
42
|
+
track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
43
|
+
scroll: (percent: number) => void;
|
|
44
|
+
}, {}, {}, {}, {
|
|
45
|
+
scroll: number;
|
|
46
|
+
disabled: boolean;
|
|
47
|
+
direction: ScrollBarDirection;
|
|
48
|
+
trackSpeed: number;
|
|
49
|
+
barLength: number;
|
|
50
|
+
showTrack: boolean;
|
|
51
|
+
}> | null;
|
|
52
|
+
}, any>;
|
|
53
|
+
export default _default;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { defineComponent as z, toRef as g, ref as d, watchEffect as k, unref as c, watch as x, computed as C, openBlock as L, createBlock as _, mergeProps as B, createCommentVNode as R } from "vue";
|
|
2
|
+
import "./internal.vue2.mjs";
|
|
3
|
+
import { omit as w } from "lodash-unified";
|
|
4
|
+
import { getScrollable as s, ensureRangeValue as y } from "./utils/index.mjs";
|
|
5
|
+
import { useResizeObserver as E } from "@vueuse/core";
|
|
6
|
+
import N from "./internal.vue.mjs";
|
|
7
|
+
const W = /* @__PURE__ */ z({
|
|
8
|
+
name: "ScrollBar",
|
|
9
|
+
__name: "index",
|
|
10
|
+
props: {
|
|
11
|
+
scrollContainer: {},
|
|
12
|
+
extraSize: { default: 0 },
|
|
13
|
+
direction: { default: "vertical" },
|
|
14
|
+
scroll: {},
|
|
15
|
+
barLength: { default: 30 },
|
|
16
|
+
width: {},
|
|
17
|
+
barColor: {},
|
|
18
|
+
trackColor: {},
|
|
19
|
+
trackWidth: {},
|
|
20
|
+
disabled: { type: Boolean, default: !1 },
|
|
21
|
+
showTrack: { type: Boolean, default: !0 },
|
|
22
|
+
trackSpeed: { default: 2 },
|
|
23
|
+
onScrollStart: {},
|
|
24
|
+
onScroll: {},
|
|
25
|
+
onScrollEnd: {}
|
|
26
|
+
},
|
|
27
|
+
setup(p, { expose: S }) {
|
|
28
|
+
var f;
|
|
29
|
+
const r = p, o = g(r, "scrollContainer"), l = d(), i = d(r.barLength);
|
|
30
|
+
function m() {
|
|
31
|
+
if (!o.value || !l.value) return;
|
|
32
|
+
const { totalSize: e, visibleSize: t, distance: n } = s(
|
|
33
|
+
o.value,
|
|
34
|
+
r.direction
|
|
35
|
+
), a = n / (e + r.extraSize - t || 1) * 100;
|
|
36
|
+
l.value.scroll(a);
|
|
37
|
+
}
|
|
38
|
+
function u() {
|
|
39
|
+
const { visibleSize: e, totalSize: t } = s(
|
|
40
|
+
o.value,
|
|
41
|
+
r.direction
|
|
42
|
+
);
|
|
43
|
+
i.value = y(
|
|
44
|
+
Math.min(e / (t + r.extraSize || 1) * 100)
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
E(o, () => {
|
|
48
|
+
u();
|
|
49
|
+
}), k(
|
|
50
|
+
() => {
|
|
51
|
+
const e = c(o.value);
|
|
52
|
+
e && (u(), e.addEventListener("scroll", m));
|
|
53
|
+
},
|
|
54
|
+
{ flush: "post" }
|
|
55
|
+
), x(
|
|
56
|
+
() => r.barLength,
|
|
57
|
+
(e) => {
|
|
58
|
+
i.value = e;
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
function h(e) {
|
|
62
|
+
const t = c(o);
|
|
63
|
+
if (!t) return;
|
|
64
|
+
const { totalSize: n, visibleSize: a, topOrLeft: v } = s(
|
|
65
|
+
t,
|
|
66
|
+
r.direction
|
|
67
|
+
);
|
|
68
|
+
if (n <= a) return;
|
|
69
|
+
const b = `scroll${v}`;
|
|
70
|
+
t[b] = e * (n + r.extraSize - a) / 100;
|
|
71
|
+
}
|
|
72
|
+
return S({
|
|
73
|
+
currentScroll: C(() => {
|
|
74
|
+
var e;
|
|
75
|
+
return c((e = l.value) == null ? void 0 : e.currentScroll);
|
|
76
|
+
}),
|
|
77
|
+
scroll: (f = l.value) == null ? void 0 : f.scroll
|
|
78
|
+
}), (e, t) => e.barLength !== 100 ? (L(), _(N, B({
|
|
79
|
+
key: 0,
|
|
80
|
+
ref_key: "barRef",
|
|
81
|
+
ref: l
|
|
82
|
+
}, c(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
|
|
83
|
+
"bar-length": i.value,
|
|
84
|
+
onScroll: h
|
|
85
|
+
}), null, 16, ["bar-length"])) : R("", !0);
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export {
|
|
89
|
+
W as default
|
|
90
|
+
};
|
|
@@ -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 InternalScrollBarProps {
|
|
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
|
+
trackSpeed: number;
|
|
15
|
+
barLength: number;
|
|
16
|
+
showTrack: boolean;
|
|
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,29 @@
|
|
|
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
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* 某个元素是否在某个方向上可滚动
|
|
25
|
+
* @param dom
|
|
26
|
+
* @param direction
|
|
27
|
+
* @returns
|
|
28
|
+
*/
|
|
29
|
+
export declare function isScrollable(dom: HTMLElement, direction: ScrollBarDirection): boolean;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
function o(t, e = 0, i = 100) {
|
|
2
|
+
return Math.max(e, Math.min(t, i));
|
|
3
|
+
}
|
|
4
|
+
function n(t, e) {
|
|
5
|
+
const i = e === "horizontal" ? "Left" : "Top", l = e === "horizontal" ? "Width" : "Height";
|
|
6
|
+
return {
|
|
7
|
+
totalSize: t[`scroll${l}`],
|
|
8
|
+
visibleSize: t[`offset${l}`],
|
|
9
|
+
distance: t[`scroll${i}`],
|
|
10
|
+
topOrLeft: i,
|
|
11
|
+
widthOrHeight: l
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
function r(t, e) {
|
|
15
|
+
const { totalSize: i, visibleSize: l } = n(t, e);
|
|
16
|
+
return i > l;
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
o as ensureRangeValue,
|
|
20
|
+
n as getScrollable,
|
|
21
|
+
r as isScrollable
|
|
22
|
+
};
|
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"),R=require("./src/ap-form/render/control.vue.js"),w=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"),V=require("./src/ap-field/number/index.vue.js"),W=require("./src/ap-field/radio/index.vue.js"),j=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"),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"),ne=require("./src/work-order-modal/createWorkOrder.js"),pe=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"),Re=require("./src/business/ap-ladder/interface.js"),we=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"),Ve=require("./src/business/ap-appendix/interface.js"),We=require("./src/business/ap-appendix/index.js"),n=require("./src/business/ap-group-search/index.js"),je=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/scroll-bar/utils/index.js"),rt=require("./src/scroll-bar/index.vue.js"),ut=require("./src/scroll-bar/internal.vue.js"),_t=require("./src/hooks/useMessage.js"),nt=require("./src/hooks/useControllableValue.js"),pt=require("./src/hooks/useManualRef.js"),ot=require("./src/hooks/useThrottleRef.js"),at={install:d=>{for(const A in o){const p=o[A];p.install&&d.use(p)}}};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=R.default;exports.ApFormItemRender=w.default;exports.ApFormProvider=k.default;exports.ApField=B.ApField;exports.ApFieldText=K.ApFieldText;exports.ApFieldCheckbox=U.default;exports.ApFieldDate=O.default;exports.ApFieldNumber=V.default;exports.ApFieldRadio=W.default;exports.ApFieldSwitch=j.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=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=ne.createWorkOrderModal;exports.WorkOrderModal=pe.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=Re.locales;exports.ApLadder=we.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=Ve.ApNeedNameKeyDefault;exports.ApAppendix=We.ApAppendix;exports.ApExtensionSelect=n.ApExtensionSelect;exports.ApGroupSearch=n.ApGroupSearch;exports.ApPopoverSelect=n.ApPopoverSelect;exports.ApUploadSingle=je.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.ensureRangeValue=tt.ensureRangeValue;exports.ScrollBar=rt.default;exports.InternalScrollBar=ut.default;exports.useMessage=_t.useMessage;exports.useControllableValue=nt.useControllableValue;exports.useManualRef=pt.useManualRef;exports.useThrottleRef=ot.useThrottleRef;exports.default=at;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-field/index.js");const E=require("@aplus-frontend/icon");require("../../config-provider/index.js");const V=require("@aplus-frontend/antdv"),w=require("../../config-provider/hooks/use-namespace.js"),x=require("../../ap-field/text/index.js"),b=["onClick"],g=e.defineComponent({__name:"select-layout",props:{title:{},request:{},onSearch:{},defaultFold:{type:Boolean,default:!1},defaultValue:{default:""}},emits:["onSelect","afterEnter","afterLeave"],setup(k,{emit:y}){const{b:d,be:i,bem:r}=w.useNamespace("ap-select-layout"),a=k,c=y,f=e.ref(),u=e.ref(a.defaultFold),v=e.ref(!a.defaultFold),m=e.ref(),p=e.ref(),C=e.ref(),s=e.ref(a.defaultValue),N=()=>{u.value=!u.value,m.value=!1,p.value=!1},h=n=>{C.value=n,c("onSelect",n)},S=e.computed(()=>{var n;return(n=f.value)==null?void 0:n.filter(t=>{var o,l;return a!=null&&a.onSearch?(o=a.onSearch)==null?void 0:o.call(a,t,s.value):(l=t==null?void 0:t.name)==null?void 0:l.includes(s.value)})}),z=n=>{v.value=!0,c("afterEnter",n)},T=n=>{v.value=!1,c("afterLeave",n)};return e.onMounted(()=>{a.request().then(n=>{var o;f.value=n;let t=(o=f.value)==null?void 0:o.filter(l=>l.name.includes(s.value));h(t==null?void 0:t[0])})}),(n,t)=>{var o;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d)())},[e.createVNode(e.Transition,{mode:"out-in",onAfterEnter:z,onAfterLeave:T},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("side"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("side","header"))},[e.createElementVNode("h3",null,e.toDisplayString(a.title),1),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("side","header","imgWrap"))},[e.createVNode(e.unref(V.Tooltip),{open:m.value,"onUpdate:open":t[0]||(t[0]=l=>m.value=l)},{title:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("收起")])),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApLeftarrow),{onClick:N})]),_:1},8,["open"])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("side","body"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("side","body","search"))},[e.createVNode(e.unref(x.ApFieldText),{value:s.value,"onUpdate:value":t[1]||(t[1]=l=>s.value=l),placeholder:"请输入"},null,8,["value"])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("side","body","scroll"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,l=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:l.value,class:e.normalizeClass(`${e.unref(r)("side","body","scroll-item")} ${C.value===l?"active":""}`),onClick:q=>h(l)},[e.renderSlot(n.$slots,"itemRender",{item:l},()=>[e.createVNode(e.unref(V.TypographyText),{ellipsis:{tooltip:l.name},content:`${l.name}`},null,8,["ellipsis","content"])])],10,b)),[[e.vShow,v.value]])),128))],2)],2)],2),[[e.vShow,!u.value]])]),_:3}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("content","header"))},[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r)("content","header","imgWrap"))},[e.createVNode(e.unref(V.Tooltip),{open:p.value,"onUpdate:open":t[2]||(t[2]=l=>p.value=l)},{title:e.withCtx(()=>t[4]||(t[4]=[e.createTextVNode("展开")])),default:e.withCtx(()=>[e.createVNode(e.unref(E.IconApMenu),{onClick:N})]),_:1},8,["open"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r)("content","header","title"))},e.toDisplayString((o=C.value)==null?void 0:o.name),3)],2),e.renderSlot(n.$slots,"default")],2)],2)}}});exports.default=g;
|
|
@@ -2,7 +2,6 @@ import { ApSummaryProps } from './interface';
|
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
declare const _default: DefineComponent<ApSummaryProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApSummaryProps> & Readonly<{}>, {
|
|
4
4
|
size: "middle" | "small";
|
|
5
|
-
summaryTitle: string;
|
|
6
5
|
hasSelect: boolean;
|
|
7
6
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
8
7
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("lodash-unified"),p=require("@aplus-frontend/antdv"),o=require("./utils.js");require("../../config-provider/index.js");const i=require("@aplus-frontend/utils"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("lodash-unified"),p=require("@aplus-frontend/antdv"),o=require("./utils.js");require("../../config-provider/index.js");const i=require("@aplus-frontend/utils"),B=require("../../config-provider/hooks/use-locale.js"),I=require("../../config-provider/hooks/use-namespace.js"),b=e.defineComponent({name:"ApSummary",__name:"ap-summary",props:{data:{},columns:{},summaryTitle:{},hasSelect:{type:Boolean,default:!0},size:{default:"middle"}},setup(y){const s=y,{t:f}=B.useLocale(),x=e.computed(()=>s.summaryTitle??f("ap.apSummary.total")),k=n=>n===0,g=(n,u)=>{var r;if(!i.isNumeric(n)||u.valueType!=="number")return n;const a=(r=u.fieldProps)==null?void 0:r.field,t=(a==null?void 0:a.precision)||0;return(l.isNil(a==null?void 0:a.thousands)?!0:a==null?void 0:a.thousands)?i.toThousand(n,t):i.toFixed(n,t)},h=e.computed(()=>{let n=[];s.hasSelect&&n.push({key:"select",rowSpan:1,align:"left",value:""});const a=o.flattenColumns(s.columns).map((t,m)=>{let r;const C=l.get(s.data,o.formatDataIndex(t.dataIndex||t.key));if(k(m))r=x.value;else if(C&&(t.customRender||t.renderText)){const d=l.get(s.data,o.formatDataIndex(t.dataIndex||t.key)),_=o.formatDataIndex(t.dataIndex||t.key),c=t.customRender||t.renderText;r=c==null?void 0:c({value:d,record:{[_]:d},text:void 0,index:0,renderIndex:0,column:{}})}else r=g(l.get(s.data,o.formatDataIndex(t.dataIndex||t.key)),t);return{key:t.key,rowSpan:1,align:t.align,value:e.createVNode(e.Fragment,null,[r])}});return n.concat(a)}),{b:v,e:S,em:T}=I.useNamespace("ap-summary");return(n,u)=>(e.openBlock(),e.createBlock(e.unref(p.TableSummaryRow),{class:e.normalizeClass(e.unref(v)())},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(a,t)=>(e.openBlock(),e.createBlock(e.unref(p.TableSummaryCell),{key:a.key,class:e.normalizeClass(`${s.size==="small"?e.unref(T)("item","small"):e.unref(S)("item")}`),index:t,style:e.normalizeStyle({textAlign:a.align})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value)))]),_:2},1032,["class","index","style"]))),128))]),_:1},8,["class"]))}});exports.default=b;
|
|
@@ -5,7 +5,6 @@ export * from './utils';
|
|
|
5
5
|
declare const ApSummary: {
|
|
6
6
|
new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
|
|
7
7
|
size: "middle" | "small";
|
|
8
|
-
summaryTitle: string;
|
|
9
8
|
hasSelect: boolean;
|
|
10
9
|
}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
|
|
11
10
|
P: {};
|
|
@@ -16,7 +15,6 @@ declare const ApSummary: {
|
|
|
16
15
|
Defaults: {};
|
|
17
16
|
}, Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
18
17
|
size: "middle" | "small";
|
|
19
|
-
summaryTitle: string;
|
|
20
18
|
hasSelect: boolean;
|
|
21
19
|
}>;
|
|
22
20
|
__isFragment?: never;
|
|
@@ -24,7 +22,6 @@ declare const ApSummary: {
|
|
|
24
22
|
__isSuspense?: never;
|
|
25
23
|
} & ComponentOptionsBase<Readonly< ApSummaryProps> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
|
|
26
24
|
size: "middle" | "small";
|
|
27
|
-
summaryTitle: string;
|
|
28
25
|
hasSelect: boolean;
|
|
29
26
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
|
|
30
27
|
$props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@aplus-frontend/antdv");require("../../index.js");const y=require("lodash-unified"),L=require("@aplus-frontend/utils");require("./modal-title.vue.js");const b=require("./interface.js");require("./table-layout/index.vue.js");const N=require("../../config-provider/hooks/use-global-config.js"),D=require("../../config-provider/hooks/use-locale.js"),E=require("./modal-title.vue2.js"),G=require("./table-layout/index.vue2.js"),H=require("../../ap-table/index.js"),U=e.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},disabledCheckbox:{type:[Boolean,Function]},rowSelection:{},tableLayoutConfig:{},renderHeader:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{}},emits:["finish"],setup(k,{expose:T,emit:h}){const t=k,S=h,i=e.ref(!1),x=e.ref({}),d=e.ref(null),n=e.ref([]),C=e.ref();let c=null,r=null;const _=N.useGlobalConfig("uiMode","admin"),{t:g}=D.useLocale(),B=async(a=[],o={})=>{var l,u,s;switch(n.value=[...a],i.value=!0,x.value=o==null?void 0:o.extraParams,C.value=o.apTableDataSources||((l=t.apTableProps)==null?void 0:l.dataSource),o.refreshMode||"reset"){case"reset":(u=d.value)==null||u.reset();break;case"submit":(s=d.value)==null||s.submit();break;case"none":break}return new Promise((p,f)=>{c=p,r=f})},w=()=>{i.value=!1,c=null,r==null||r(b.AsyncOpenResultError.ModalCancel),r=null},R=async a=>{a=L.transformTableParams({...a,...x.value});const o=t.api,{records:l,total:u}=await o(a);return{data:l,total:u}},M=()=>{if(n.value.length>t.maxCount){r==null||r(b.AsyncOpenResultError.ExceedMaxCount);return}if(t.getRowKey){const a=y.cloneDeep(e.unref(n)),o=a.map(t.getRowKey);S("finish",o,a),c==null||c({keys:o,rows:a})}else{r==null||r(b.AsyncOpenResultError.NotFineGetRowKey);return}i.value=!1},P=e.computed(()=>{if(!t.getRowKey)return;const a=t.getRowKey;return{fixed:!0,selectedRowKeys:n.value.map(a),columnWidth:50,preserveSelectedRowKeys:!0,onSelectAll(o,l){var s,p;if(l.length>t.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}const u=(s=d.value)==null?void 0:s.dataSource;if(o){const f=e.unref(u).filter(m=>!n.value.some(A=>a(A)===a(m)));n.value=n.value.concat(f)}else n.value=(p=n.value)==null?void 0:p.filter(f=>!u.some(m=>a(m)===a(f)))},onSelect(o,l){if(l){if(n.value.length>=t.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}n.value.push(o)}else{const u=n.value.findIndex(s=>a(o)===a(s));n.value.splice(u,1)}},getCheckboxProps:o=>({disabled:typeof t.disabledCheckbox=="function"?t.disabledCheckbox(o,n.value):t.disabledCheckbox}),...t.rowSelection||{}}}),q=()=>t.isRenderModalTitleSuffix?e.h(E.default,{title:t.title,count:n.value.length||0,maxCount:t.maxCount},{default:t.renderModalTitleSuffix??void 0}):t.title,K=()=>d.value,I=()=>{n.value=[]},O=a=>{const o=t.getRowKey;if(!o)return;const l=n.value.findIndex(u=>o(a)===o(u));n.value.splice(l,1)};return T({open:B,close:w,getApTableInstance:K}),(a,o)=>(e.openBlock(),e.createBlock(e.unref(v.Modal),e.mergeProps({open:i.value,"onUpdate:open":o[0]||(o[0]=l=>i.value=l)},e.unref(y.omit)(t,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix","rowSelection","disabledCheckbox","tableLayoutConfig"]),{title:q(),"body-style":{maxHeight:"calc(100vh - 205px)",overflowY:"scroll"},centered:t.centered??!0,onOk:M,onCancel:w}),{default:e.withCtx(()=>[t.renderHeader?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderHeader),{key:0})):e.createCommentVNode("",!0),e.createVNode(G.default,e.mergeProps(t.tableLayoutConfig||{},{"selected-list":n.value,onClear:I,onDeleteItem:O}),{default:e.withCtx(()=>[e.createVNode(e.unref(H.ApTable),e.mergeProps(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@aplus-frontend/antdv");require("../../index.js");const y=require("lodash-unified"),L=require("@aplus-frontend/utils");require("./modal-title.vue.js");const b=require("./interface.js");require("./table-layout/index.vue.js");const N=require("../../config-provider/hooks/use-global-config.js"),D=require("../../config-provider/hooks/use-locale.js"),E=require("./modal-title.vue2.js"),G=require("./table-layout/index.vue2.js"),H=require("../../ap-table/index.js"),U=e.defineComponent({__name:"table-modal",props:{columns:{},getRowKey:{},api:{type:Function,default:async()=>({records:[],total:0})},apTableProps:{},maxCount:{default:1/0},isRenderModalTitleSuffix:{type:Boolean,default:!0},renderModalTitleSuffix:{},disabledCheckbox:{type:[Boolean,Function]},rowSelection:{},tableLayoutConfig:{},renderHeader:{},prefixCls:{},confirmLoading:{type:Boolean,default:void 0},title:{},closable:{type:Boolean,default:void 0},closeIcon:{},onCancel:{},"onUpdate:visible":{},"onUpdate:open":{},onChange:{},afterClose:{},centered:{type:Boolean,default:void 0},width:{},footer:{},okText:{},okType:{},cancelText:{},icon:{},maskClosable:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},okButtonProps:{},cancelButtonProps:{},destroyOnClose:{type:Boolean,default:void 0},wrapClassName:{},maskTransitionName:{},transitionName:{},getContainer:{type:[String,Boolean,Function],default:void 0},zIndex:{},bodyStyle:{},maskStyle:{},mask:{type:Boolean,default:void 0},keyboard:{type:Boolean,default:void 0},wrapProps:{},focusTriggerAfterClose:{type:Boolean,default:void 0},modalRender:{},mousePosition:{}},emits:["finish"],setup(k,{expose:T,emit:h}){const t=k,S=h,i=e.ref(!1),x=e.ref({}),d=e.ref(null),n=e.ref([]),C=e.ref();let c=null,r=null;const _=N.useGlobalConfig("uiMode","admin"),{t:g}=D.useLocale(),B=async(a=[],o={})=>{var l,u,s;switch(n.value=[...a],i.value=!0,x.value=o==null?void 0:o.extraParams,C.value=o.apTableDataSources||((l=t.apTableProps)==null?void 0:l.dataSource),o.refreshMode||"reset"){case"reset":(u=d.value)==null||u.reset();break;case"submit":(s=d.value)==null||s.submit();break;case"none":break}return new Promise((p,f)=>{c=p,r=f})},w=()=>{i.value=!1,c=null,r==null||r(b.AsyncOpenResultError.ModalCancel),r=null},R=async a=>{a=L.transformTableParams({...a,...x.value});const o=t.api,{records:l,total:u}=await o(a);return{data:l,total:u}},M=()=>{if(n.value.length>t.maxCount){r==null||r(b.AsyncOpenResultError.ExceedMaxCount);return}if(t.getRowKey){const a=y.cloneDeep(e.unref(n)),o=a.map(t.getRowKey);S("finish",o,a),c==null||c({keys:o,rows:a})}else{r==null||r(b.AsyncOpenResultError.NotFineGetRowKey);return}i.value=!1},P=e.computed(()=>{if(!t.getRowKey)return;const a=t.getRowKey;return{fixed:!0,selectedRowKeys:n.value.map(a),columnWidth:50,preserveSelectedRowKeys:!0,onSelectAll(o,l){var s,p;if(l.length>t.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}const u=(s=d.value)==null?void 0:s.dataSource;if(o){const f=e.unref(u).filter(m=>!n.value.some(A=>a(A)===a(m)));n.value=n.value.concat(f)}else n.value=(p=n.value)==null?void 0:p.filter(f=>!u.some(m=>a(m)===a(f)))},onSelect(o,l){if(l){if(n.value.length>=t.maxCount){v.message.warning(g("ap.apTableModal.messageMaxCount",{maxCount:t.maxCount}));return}n.value.push(o)}else{const u=n.value.findIndex(s=>a(o)===a(s));n.value.splice(u,1)}},getCheckboxProps:o=>({disabled:typeof t.disabledCheckbox=="function"?t.disabledCheckbox(o,n.value):t.disabledCheckbox}),...t.rowSelection||{}}}),q=()=>t.isRenderModalTitleSuffix?e.h(E.default,{title:t.title,count:n.value.length||0,maxCount:t.maxCount},{default:t.renderModalTitleSuffix??void 0}):t.title,K=()=>d.value,I=()=>{n.value=[]},O=a=>{const o=t.getRowKey;if(!o)return;const l=n.value.findIndex(u=>o(a)===o(u));n.value.splice(l,1)};return T({open:B,close:w,getApTableInstance:K}),(a,o)=>(e.openBlock(),e.createBlock(e.unref(v.Modal),e.mergeProps({open:i.value,"onUpdate:open":o[0]||(o[0]=l=>i.value=l)},e.unref(y.omit)(t,["api","getRowKey","centered","apTableProps","onOk","maxCount","title","renderModalTitleSuffix","isRenderModalTitleSuffix","rowSelection","disabledCheckbox","tableLayoutConfig"]),{title:q(),"body-style":{maxHeight:"calc(100vh - 205px)",overflowY:"scroll"},centered:t.centered??!0,onOk:M,onCancel:w}),{default:e.withCtx(()=>[t.renderHeader?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.renderHeader),{key:0})):e.createCommentVNode("",!0),e.createVNode(G.default,e.mergeProps(t.tableLayoutConfig||{},{"selected-list":n.value,onClear:I,onDeleteItem:O}),{default:e.withCtx(()=>[e.createVNode(e.unref(H.ApTable),e.mergeProps({ref_key:"apTableRef",ref:d,scroll:{y:"100%"},style:{padding:"0px"},columns:a.columns,request:R,"row-key":a.getRowKey,"row-selection":P.value,bordered:e.unref(_)==="admin","data-source":C.value},e.unref(y.omit)(t.apTableProps,"dataSource")),null,16,["columns","row-key","row-selection","bordered","data-source"])]),_:1},16,["selected-list"])]),_:1},16,["open","title","centered"]))}});exports.default=U;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import { ApFormItemBatchInputProps } from './interface';
|
|
1
|
+
import { ApFormItemBatchInputProps, BatchInputGroupProps } from './interface';
|
|
2
2
|
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
3
|
declare const _default: DefineComponent<ApFormItemBatchInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemBatchInputProps> & Readonly<{}>, {
|
|
4
4
|
trim: boolean;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
bordered: boolean;
|
|
7
|
+
field: Omit< BatchInputGroupProps, "value" | "onUpdate:value">;
|
|
8
|
+
colon: boolean;
|
|
9
|
+
required: boolean;
|
|
10
|
+
hasFeedback: boolean;
|
|
11
|
+
autoLink: boolean;
|
|
12
|
+
validateFirst: boolean;
|
|
5
13
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
6
14
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("./index.vue2.js");require("../../ap-form/item/index.vue2.js");const s=require("@aplus-frontend/utils"),f=require("lodash-unified"),y=require("../../ap-form/item/index.vue.js"),_=require("./index.vue.js"),b=a.defineComponent({__name:"form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{},initialValue:{},_signal:{},transform:{},field:{default:()=>({})},disabled:{type:Boolean,default:void 0},placeholer:{},trim:{type:Boolean,default:!0}},setup(m){const l=m,p=a.computed(()=>(l==null?void 0:l.transform)||{flat:!1,transformer:e=>{var u,o,r,i,n,d;if(e)return!(e!=null&&e.value)||((u=e==null?void 0:e.value)==null?void 0:u.length)<1?void 0:(o=l==null?void 0:l.field)!=null&&o.options?{...e,value:(i=(r=e==null?void 0:e.value)==null?void 0:r.filter(t=>s.isValid(t==null?void 0:t.trim())))==null?void 0:i.map(t=>l.trim?t==null?void 0:t.trim():t)}:(d=(n=e==null?void 0:e.value)==null?void 0:n.filter(t=>s.isValid(t==null?void 0:t.trim())))==null?void 0:d.map(t=>l.trim?t==null?void 0:t.trim():t)}}),c=a.computed(()=>{var e;return((e=l.field)==null?void 0:e.style)||"width:auto"}),v=a.computed(()=>{var e,u;return(l==null?void 0:l.initialValue)||{key:(u=(e=l==null?void 0:l.field)==null?void 0:e.options)==null?void 0:u.map(o=>o.value)}});return(e,u)=>{var o,r;return a.openBlock(),a.createBlock(y.default,a.mergeProps(a.unref(f.omit)(l,["field","initialValue","transform","placeholder","disabled"]),{"initial-value":v.value,transform:p.value,bordered:(r=(o=e.field)==null?void 0:o.options)!=null&&r.length?!1:e.bordered}),{default:a.withCtx(()=>[a.createVNode(_.default,a.mergeProps(a.unref(f.omit)(l.field,["style"]),{style:c.value,disabled:e.disabled,placeholer:e.placeholer}),null,16,["style","disabled","placeholer"])]),_:1},16,["initial-value","transform","bordered"])}}});exports.default=b;
|