@keyblade/pro-components 1.13.8-alpha.1 → 1.13.8-alpha.10
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/components.d.ts +2 -0
- package/es/global-props.d.ts +11 -0
- package/es/global-props.js +4 -0
- package/es/index.d.ts +6 -1
- package/es/index.js +29 -22
- package/es/inerface.d.ts +2 -0
- package/es/pro-date-range-picker/index.d.ts +8 -8
- package/es/pro-date-range-picker/{type.d.ts → inerface.d.ts} +5 -1
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +1 -1
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +74 -52
- package/es/pro-footer-bar/index.d.ts +38 -0
- package/es/pro-footer-bar/index.js +11 -0
- package/es/pro-footer-bar/index.vue.d.ts +24 -0
- package/es/pro-footer-bar/index.vue.js +7 -0
- package/es/pro-footer-bar/index.vue2.js +44 -0
- package/es/pro-footer-bar/inerface.d.ts +7 -0
- package/es/pro-form-group/index.d.ts +43 -0
- package/es/pro-form-group/index.js +12 -0
- package/es/pro-form-group/index.vue.d.ts +28 -0
- package/es/pro-form-group/index.vue.js +7 -0
- package/es/pro-form-group/index.vue2.js +43 -0
- package/es/pro-image-upload/image-upload.vue.d.ts +1 -1
- package/es/pro-image-upload/index.d.ts +3 -3
- package/es/pro-layout/hooks.js +83 -83
- package/es/pro-page-container/index.d.ts +36 -130
- package/es/pro-page-container/index.js +7 -6
- package/es/pro-page-container/inerface.d.ts +12 -0
- package/es/pro-page-container/pro-page-container.vue.d.ts +21 -79
- package/es/pro-page-container/pro-page-container.vue.js +38 -36
- package/es/pro-table/index.d.ts +4 -2
- package/es/pro-table/index.js +5 -4
- package/es/pro-table/index.vue.d.ts +9 -2
- package/es/pro-table/index.vue.js +30 -17
- package/es/pro-table/index.vue3.js +5 -0
- package/es/pro-table/interface.d.ts +1 -0
- package/es/pro-textarea/index.d.ts +25 -0
- package/es/pro-textarea/index.js +11 -0
- package/es/pro-textarea/index.vue.d.ts +4 -0
- package/es/pro-textarea/index.vue.js +7 -0
- package/es/pro-textarea/index.vue2.js +40 -0
- package/es/pro-textarea/inerface.d.ts +43 -0
- package/es/style.css +1 -1
- package/package.json +1 -1
- package/es/pro-table/index.vue2.js +0 -4
package/es/components.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ declare module 'vue' {
|
|
|
8
8
|
KbProMenu: typeof import('./index')['ProMenu'];
|
|
9
9
|
KbProPageContainer: typeof import('./index')['ProPageContainer'];
|
|
10
10
|
KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
|
|
11
|
+
KbProFooterBar: typeof import('./index')['ProFooterBar'];
|
|
12
|
+
KbProTextarea: typeof import('./index')['ProTextarea'];
|
|
11
13
|
}
|
|
12
14
|
}
|
|
13
15
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ProFooterBarProps } from './pro-footer-bar/inerface';
|
|
2
|
+
import { ProTableProps } from './pro-table/interface';
|
|
3
|
+
import { ProTextareaProps } from './pro-textarea';
|
|
4
|
+
import { ProDateRangePickerProps } from './pro-date-range-picker/inerface';
|
|
5
|
+
export interface GlobalProps {
|
|
6
|
+
footerBar?: ProFooterBarProps;
|
|
7
|
+
dateRangePicker?: ProDateRangePickerProps;
|
|
8
|
+
textarea?: ProTextareaProps;
|
|
9
|
+
table?: ProTableProps;
|
|
10
|
+
}
|
|
11
|
+
export declare const globalProps: GlobalProps;
|
package/es/index.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
+
import { GlobalProps } from './global-props';
|
|
2
3
|
declare const _default: {
|
|
3
|
-
install(app: App): void;
|
|
4
|
+
install(app: App, options?: GlobalProps): void;
|
|
4
5
|
};
|
|
5
6
|
export default _default;
|
|
6
7
|
export { default as ProPageHeader } from './pro-page-header';
|
|
7
8
|
export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
|
|
8
9
|
export { default as ProLayout } from './pro-layout';
|
|
10
|
+
export { default as ProFooterBar } from './pro-footer-bar';
|
|
9
11
|
export { default as ProMenu } from './pro-menu';
|
|
10
12
|
export type { IProMenuItem } from './pro-menu';
|
|
11
13
|
export { default as ProPageContainer } from './pro-page-container';
|
|
@@ -14,5 +16,8 @@ export type { IProTab } from './pro-reuse-tabs';
|
|
|
14
16
|
export { default as ProImageUpload } from './pro-image-upload';
|
|
15
17
|
export * from './pro-image-upload';
|
|
16
18
|
export { default as ProDateRangePicker } from './pro-date-range-picker';
|
|
19
|
+
export { default as ProTextarea } from './pro-textarea';
|
|
17
20
|
export { default as ProTable } from './pro-table';
|
|
21
|
+
export { default as ProFormGroup } from './pro-form-group';
|
|
18
22
|
export type {} from './components';
|
|
23
|
+
export * from './inerface';
|
package/es/index.js
CHANGED
|
@@ -1,30 +1,37 @@
|
|
|
1
1
|
import { ProPageHeader as e } from "./pro-page-header/index.js";
|
|
2
|
-
import { ProKeepAliveRouterView as
|
|
3
|
-
import { ProLayout as
|
|
4
|
-
import { ProMenu as
|
|
5
|
-
import { ProPageContainer as
|
|
6
|
-
import { ProReuseTabs as
|
|
7
|
-
import { ProImageUpload as
|
|
8
|
-
import { ProDateRangePicker as
|
|
2
|
+
import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.js";
|
|
3
|
+
import { ProLayout as t } from "./pro-layout/index.js";
|
|
4
|
+
import { ProMenu as i } from "./pro-menu/index.js";
|
|
5
|
+
import { ProPageContainer as s } from "./pro-page-container/index.js";
|
|
6
|
+
import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
|
|
7
|
+
import { ProImageUpload as f } from "./pro-image-upload/index.js";
|
|
8
|
+
import { ProDateRangePicker as P } from "./pro-date-range-picker/index.js";
|
|
9
9
|
import { ProTable as a } from "./pro-table/index.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
import { ProTextarea as l } from "./pro-textarea/index.js";
|
|
11
|
+
import { ProFooterBar as n } from "./pro-footer-bar/index.js";
|
|
12
|
+
import { ProFormGroup as d } from "./pro-form-group/index.js";
|
|
13
|
+
import { globalProps as g } from "./global-props.js";
|
|
14
|
+
import { EImageUploadInnerBeforeUploadStep as A } from "./pro-image-upload/types.js";
|
|
15
|
+
import { defaultImageUploadOptions as D } from "./pro-image-upload/constant.js";
|
|
16
|
+
const v = {
|
|
17
|
+
install(o, r) {
|
|
18
|
+
Object.assign(g, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(u), o.use(f), o.use(P), o.use(l), o.use(a), o.use(d);
|
|
15
19
|
}
|
|
16
20
|
};
|
|
17
21
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
A as EImageUploadInnerBeforeUploadStep,
|
|
23
|
+
P as ProDateRangePicker,
|
|
24
|
+
n as ProFooterBar,
|
|
25
|
+
d as ProFormGroup,
|
|
26
|
+
f as ProImageUpload,
|
|
27
|
+
m as ProKeepAliveRouterView,
|
|
28
|
+
t as ProLayout,
|
|
29
|
+
i as ProMenu,
|
|
30
|
+
s as ProPageContainer,
|
|
25
31
|
e as ProPageHeader,
|
|
26
|
-
|
|
32
|
+
u as ProReuseTabs,
|
|
27
33
|
a as ProTable,
|
|
28
|
-
|
|
29
|
-
v as
|
|
34
|
+
l as ProTextarea,
|
|
35
|
+
v as default,
|
|
36
|
+
D as defaultImageUploadOptions
|
|
30
37
|
};
|
package/es/inerface.d.ts
ADDED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
declare const ProDateRangePicker: {
|
|
3
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./
|
|
4
|
-
"onUpdate:modelValue"?: ((value: import('./
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
|
|
4
|
+
"onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
|
|
5
5
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
6
|
-
"update:modelValue": (value: import('./
|
|
6
|
+
"update:modelValue": (value: import('./inerface').IModelValue) => any;
|
|
7
7
|
}, import('vue').PublicProps, {
|
|
8
8
|
hideLabel: boolean;
|
|
9
9
|
startField: string;
|
|
@@ -21,8 +21,8 @@ declare const ProDateRangePicker: {
|
|
|
21
21
|
C: {};
|
|
22
22
|
M: {};
|
|
23
23
|
Defaults: {};
|
|
24
|
-
}, Readonly<import('./
|
|
25
|
-
"onUpdate:modelValue"?: ((value: import('./
|
|
24
|
+
}, Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
|
|
25
|
+
"onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
|
|
26
26
|
}>, {}, {}, {}, {}, {
|
|
27
27
|
hideLabel: boolean;
|
|
28
28
|
startField: string;
|
|
@@ -34,10 +34,10 @@ declare const ProDateRangePicker: {
|
|
|
34
34
|
__isFragment?: never;
|
|
35
35
|
__isTeleport?: never;
|
|
36
36
|
__isSuspense?: never;
|
|
37
|
-
} & import('vue').ComponentOptionsBase<Readonly<import('./
|
|
38
|
-
"onUpdate:modelValue"?: ((value: import('./
|
|
37
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').IProDateRangePickerProps> & Readonly<{
|
|
38
|
+
"onUpdate:modelValue"?: ((value: import('./inerface').IModelValue) => any) | undefined;
|
|
39
39
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
40
|
-
"update:modelValue": (value: import('./
|
|
40
|
+
"update:modelValue": (value: import('./inerface').IModelValue) => any;
|
|
41
41
|
}, string, {
|
|
42
42
|
hideLabel: boolean;
|
|
43
43
|
startField: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DatePickerInstance, FormItemInstance } from '@arco-design/web-vue';
|
|
1
|
+
import { DatePickerInstance, FormItemInstance, TimePickerInstance } from '@arco-design/web-vue';
|
|
2
2
|
export interface IModelValue {
|
|
3
3
|
[key: string]: any;
|
|
4
4
|
}
|
|
@@ -18,5 +18,9 @@ export interface IProDateRangePickerProps {
|
|
|
18
18
|
intraday?: boolean;
|
|
19
19
|
hideLabel?: boolean;
|
|
20
20
|
formItemProps?: FormItemInstance;
|
|
21
|
+
/** 日期选择器配置 */
|
|
21
22
|
datePickerProps?: DatePickerInstance;
|
|
23
|
+
/** 时间选择器配置 */
|
|
24
|
+
timePickerProps?: TimePickerInstance['$props'];
|
|
22
25
|
}
|
|
26
|
+
export type ProDateRangePickerProps = Partial<IProDateRangePickerProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IModelValue, IProDateRangePickerProps } from './
|
|
1
|
+
import { IModelValue, IProDateRangePickerProps } from './inerface';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<IProDateRangePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
3
|
"update:modelValue": (value: IModelValue) => any;
|
|
4
4
|
}, string, import('vue').PublicProps, Readonly<IProDateRangePickerProps> & Readonly<{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./pro-date-range-picker.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-670ac66c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { defineComponent as N, ref as c, computed as p, resolveComponent as g, createElementBlock as q, openBlock as x, normalizeClass as A, createVNode as i, mergeProps as s, withCtx as f, createTextVNode as H, toDisplayString as L, nextTick as D } from "vue";
|
|
2
|
+
import o from "dayjs";
|
|
3
|
+
import { conclude as F } from "vue-global-config";
|
|
4
|
+
import { globalProps as v } from "../global-props.js";
|
|
5
|
+
import { range as P } from "./pro-date-range-picker.js";
|
|
6
|
+
const M = "keyblade-pro-date-range-picker", J = /* @__PURE__ */ N({
|
|
5
7
|
__name: "pro-date-range-picker",
|
|
6
8
|
props: {
|
|
7
9
|
modelValue: {},
|
|
@@ -13,113 +15,133 @@ const M = "keyblade-pro-date-range-picker", w = /* @__PURE__ */ R({
|
|
|
13
15
|
intraday: { type: Boolean },
|
|
14
16
|
hideLabel: { type: Boolean, default: !0 },
|
|
15
17
|
formItemProps: {},
|
|
16
|
-
datePickerProps: {}
|
|
18
|
+
datePickerProps: {},
|
|
19
|
+
timePickerProps: {}
|
|
17
20
|
},
|
|
18
21
|
emits: ["update:modelValue"],
|
|
19
|
-
setup(
|
|
20
|
-
const e =
|
|
22
|
+
setup(S, { emit: C }) {
|
|
23
|
+
const e = S, k = C, V = c(), h = c(), n = c(), u = p({
|
|
21
24
|
get: () => e.modelValue[e.startField],
|
|
22
25
|
set: (t) => {
|
|
23
|
-
|
|
26
|
+
k("update:modelValue", {
|
|
24
27
|
...e.modelValue,
|
|
25
28
|
[e.startField]: t
|
|
26
29
|
});
|
|
27
30
|
}
|
|
28
|
-
}),
|
|
31
|
+
}), b = p({
|
|
29
32
|
get: () => e.modelValue[e.endField],
|
|
30
33
|
set: (t) => {
|
|
31
|
-
|
|
34
|
+
k("update:modelValue", {
|
|
32
35
|
...e.modelValue,
|
|
33
36
|
[e.endField]: t
|
|
34
37
|
});
|
|
35
38
|
}
|
|
36
|
-
}),
|
|
39
|
+
}), T = (t) => {
|
|
40
|
+
var l;
|
|
41
|
+
if (!e.modelValue[e.endField]) return !1;
|
|
42
|
+
let a = o(e.modelValue[e.endField]);
|
|
43
|
+
return e.intraday && !((l = e.datePickerProps) != null && l.showTime) && (a = a.add(1, "day")), o(t).isAfter(a);
|
|
44
|
+
}, _ = (t) => {
|
|
45
|
+
var d;
|
|
46
|
+
return e.modelValue[e.startField] ? (e.intraday && ((d = e.datePickerProps) != null && d.showTime) && t.setDate(t.getDate() + 1), o(t).isBefore(o(e.modelValue[e.startField]))) : !1;
|
|
47
|
+
}, E = (t) => {
|
|
37
48
|
if (!e.modelValue[e.startField] || !t || !e.intraday) {
|
|
38
49
|
n.value = {};
|
|
39
50
|
return;
|
|
40
51
|
}
|
|
41
|
-
const a =
|
|
42
|
-
if (!a.isSame(
|
|
52
|
+
const a = o(e.modelValue[e.startField]), d = o(t);
|
|
53
|
+
if (!a.isSame(d, "day")) {
|
|
43
54
|
n.value = {};
|
|
44
55
|
return;
|
|
45
56
|
}
|
|
46
|
-
const
|
|
57
|
+
const l = a.hour(), r = a.minute(), w = a.second();
|
|
47
58
|
n.value = {
|
|
48
|
-
disabledHours: () =>
|
|
49
|
-
disabledMinutes: (
|
|
50
|
-
disabledSeconds: (
|
|
59
|
+
disabledHours: () => P(0, l),
|
|
60
|
+
disabledMinutes: (m) => m === l ? P(0, r) : [],
|
|
61
|
+
disabledSeconds: (m, I) => m === l && I === r ? P(0, w) : []
|
|
51
62
|
};
|
|
52
|
-
},
|
|
63
|
+
}, R = () => {
|
|
53
64
|
setTimeout(() => {
|
|
54
|
-
e.modelValue[e.
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
65
|
+
const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
|
|
66
|
+
o(a).isAfter(o(t)) && (u.value = t), t && !a && D(() => {
|
|
67
|
+
var l;
|
|
68
|
+
const d = (l = h.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
|
|
69
|
+
d && d.click();
|
|
58
70
|
});
|
|
59
71
|
});
|
|
60
|
-
},
|
|
72
|
+
}, B = () => {
|
|
61
73
|
setTimeout(() => {
|
|
62
|
-
e.modelValue[e.endField] && !e.modelValue[e.startField] &&
|
|
74
|
+
e.modelValue[e.endField] && !e.modelValue[e.startField] && D(() => {
|
|
63
75
|
var a;
|
|
64
76
|
const t = (a = V.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
|
|
65
77
|
t && t.click();
|
|
66
78
|
});
|
|
67
79
|
});
|
|
68
|
-
}
|
|
80
|
+
}, y = p(() => {
|
|
81
|
+
var t, a;
|
|
82
|
+
return {
|
|
83
|
+
...F([e.datePickerProps, (t = v.dateRangePicker) == null ? void 0 : t.datePickerProps, {}]),
|
|
84
|
+
timePickerProps: F([e.timePickerProps, (a = v.dateRangePicker) == null ? void 0 : a.timePickerProps], {})
|
|
85
|
+
};
|
|
86
|
+
});
|
|
69
87
|
return (t, a) => {
|
|
70
|
-
const
|
|
71
|
-
return
|
|
72
|
-
class:
|
|
88
|
+
const d = g("a-date-picker"), l = g("a-form-item");
|
|
89
|
+
return x(), q("div", {
|
|
90
|
+
class: A(M)
|
|
73
91
|
}, [
|
|
74
|
-
|
|
92
|
+
i(l, s(t.formItemProps, {
|
|
75
93
|
field: t.startField,
|
|
76
94
|
"hide-label": t.hideLabel
|
|
77
95
|
}), {
|
|
78
|
-
default:
|
|
79
|
-
|
|
96
|
+
default: f(() => [
|
|
97
|
+
i(d, s({
|
|
80
98
|
ref_key: "startDatePickerRef",
|
|
81
99
|
ref: V,
|
|
82
|
-
modelValue:
|
|
83
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
84
|
-
},
|
|
100
|
+
modelValue: u.value,
|
|
101
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => u.value = r)
|
|
102
|
+
}, y.value, {
|
|
85
103
|
placeholder: t.startPlaceholder,
|
|
86
|
-
"disabled-date": (
|
|
87
|
-
onChange:
|
|
104
|
+
"disabled-date": (r) => T(r),
|
|
105
|
+
onChange: R
|
|
88
106
|
}), null, 16, ["modelValue", "placeholder", "disabled-date"])
|
|
89
107
|
]),
|
|
90
108
|
_: 1
|
|
91
109
|
}, 16, ["field", "hide-label"]),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
110
|
+
i(l, {
|
|
111
|
+
"hide-label": "",
|
|
112
|
+
style: { "max-height": "32px", top: "0px" }
|
|
113
|
+
}, {
|
|
114
|
+
default: f(() => [
|
|
115
|
+
H(L(t.separator), 1)
|
|
95
116
|
]),
|
|
96
117
|
_: 1
|
|
97
118
|
}),
|
|
98
|
-
|
|
119
|
+
i(l, s(t.formItemProps, {
|
|
99
120
|
field: t.endField,
|
|
100
121
|
"hide-label": "",
|
|
101
122
|
style: { "margin-right": "0px" }
|
|
102
|
-
}, {
|
|
103
|
-
default:
|
|
104
|
-
|
|
123
|
+
}), {
|
|
124
|
+
default: f(() => [
|
|
125
|
+
i(d, s({
|
|
105
126
|
ref_key: "endDatePickerRef",
|
|
106
|
-
ref:
|
|
107
|
-
modelValue:
|
|
108
|
-
"onUpdate:modelValue": a[1] || (a[1] = (
|
|
109
|
-
},
|
|
127
|
+
ref: h,
|
|
128
|
+
modelValue: b.value,
|
|
129
|
+
"onUpdate:modelValue": a[1] || (a[1] = (r) => b.value = r)
|
|
130
|
+
}, y.value, {
|
|
110
131
|
placeholder: t.endPlaceholder,
|
|
111
|
-
"disabled-date": (
|
|
132
|
+
"disabled-date": (r) => _(r),
|
|
112
133
|
"disabled-time": () => n.value,
|
|
113
|
-
|
|
114
|
-
|
|
134
|
+
timePickerProps: { defaultValue: "00:00:00" },
|
|
135
|
+
onSelect: E,
|
|
136
|
+
onChange: B
|
|
115
137
|
}), null, 16, ["modelValue", "placeholder", "disabled-date", "disabled-time"])
|
|
116
138
|
]),
|
|
117
139
|
_: 1
|
|
118
|
-
},
|
|
140
|
+
}, 16, ["field"])
|
|
119
141
|
]);
|
|
120
142
|
};
|
|
121
143
|
}
|
|
122
144
|
});
|
|
123
145
|
export {
|
|
124
|
-
|
|
146
|
+
J as default
|
|
125
147
|
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
declare const ProFooterBar: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
|
|
4
|
+
onBack?: (() => any) | undefined;
|
|
5
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
6
|
+
back: () => any;
|
|
7
|
+
}, import('vue').PublicProps, {
|
|
8
|
+
backText: string;
|
|
9
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
10
|
+
P: {};
|
|
11
|
+
B: {};
|
|
12
|
+
D: {};
|
|
13
|
+
C: {};
|
|
14
|
+
M: {};
|
|
15
|
+
Defaults: {};
|
|
16
|
+
}, Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
|
|
17
|
+
onBack?: (() => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, {
|
|
19
|
+
backText: string;
|
|
20
|
+
}>;
|
|
21
|
+
__isFragment?: never;
|
|
22
|
+
__isTeleport?: never;
|
|
23
|
+
__isSuspense?: never;
|
|
24
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
|
|
25
|
+
onBack?: (() => any) | undefined;
|
|
26
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
27
|
+
back: () => any;
|
|
28
|
+
}, string, {
|
|
29
|
+
backText: string;
|
|
30
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
31
|
+
$slots: {
|
|
32
|
+
default?(_: {}): any;
|
|
33
|
+
};
|
|
34
|
+
}) & {
|
|
35
|
+
install: (app: App) => void;
|
|
36
|
+
};
|
|
37
|
+
export { ProFooterBar };
|
|
38
|
+
export default ProFooterBar;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import r from "./index.vue.js";
|
|
2
|
+
import { Button as t, Space as e } from "@arco-design/web-vue";
|
|
3
|
+
const n = Object.assign(r, {
|
|
4
|
+
install: (o) => {
|
|
5
|
+
o.use(t), o.use(e), o.component("KbProFooterBar", r);
|
|
6
|
+
}
|
|
7
|
+
});
|
|
8
|
+
export {
|
|
9
|
+
n as ProFooterBar,
|
|
10
|
+
n as default
|
|
11
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ProFooterBarProps } from './inerface';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<ProFooterBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
12
|
+
back: () => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<ProFooterBarProps> & Readonly<{
|
|
14
|
+
onBack?: (() => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
backText: string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { defineComponent as u, computed as f, resolveComponent as t, createElementBlock as B, openBlock as _, normalizeClass as b, createVNode as a, withCtx as n, withDirectives as h, renderSlot as v, createTextVNode as x, toDisplayString as C, vShow as g } from "vue";
|
|
2
|
+
import { globalProps as c } from "../global-props.js";
|
|
3
|
+
const w = "keyblade-pro-footer-bar", S = /* @__PURE__ */ u({
|
|
4
|
+
__name: "index",
|
|
5
|
+
props: {
|
|
6
|
+
hideBack: { type: Boolean },
|
|
7
|
+
backText: { default: "返回" },
|
|
8
|
+
onBack: {}
|
|
9
|
+
},
|
|
10
|
+
emits: ["back"],
|
|
11
|
+
setup(r, { emit: s }) {
|
|
12
|
+
const l = r, i = s, p = () => {
|
|
13
|
+
var e, o;
|
|
14
|
+
i("back"), (o = (e = c.footerBar) == null ? void 0 : e.onBack) == null || o.call(e);
|
|
15
|
+
}, d = f(() => {
|
|
16
|
+
var e;
|
|
17
|
+
return l.hideBack || ((e = c.footerBar) == null ? void 0 : e.hideBack);
|
|
18
|
+
});
|
|
19
|
+
return (e, o) => {
|
|
20
|
+
const m = t("a-button"), k = t("a-space");
|
|
21
|
+
return _(), B("div", {
|
|
22
|
+
class: b(w)
|
|
23
|
+
}, [
|
|
24
|
+
a(k, null, {
|
|
25
|
+
default: n(() => [
|
|
26
|
+
h(a(m, { onClick: p }, {
|
|
27
|
+
default: n(() => [
|
|
28
|
+
x(C(e.backText), 1)
|
|
29
|
+
]),
|
|
30
|
+
_: 1
|
|
31
|
+
}, 512), [
|
|
32
|
+
[g, !d.value]
|
|
33
|
+
]),
|
|
34
|
+
v(e.$slots, "default", {}, void 0, !0)
|
|
35
|
+
]),
|
|
36
|
+
_: 3
|
|
37
|
+
})
|
|
38
|
+
]);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
export {
|
|
43
|
+
S as default
|
|
44
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
declare const ProFormGroup: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
4
|
+
label: string;
|
|
5
|
+
heading?: number | string;
|
|
6
|
+
extra?: string;
|
|
7
|
+
hideIcon?: boolean;
|
|
8
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
9
|
+
heading: number | string;
|
|
10
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
11
|
+
P: {};
|
|
12
|
+
B: {};
|
|
13
|
+
D: {};
|
|
14
|
+
C: {};
|
|
15
|
+
M: {};
|
|
16
|
+
Defaults: {};
|
|
17
|
+
}, Readonly<{
|
|
18
|
+
label: string;
|
|
19
|
+
heading?: number | string;
|
|
20
|
+
extra?: string;
|
|
21
|
+
hideIcon?: boolean;
|
|
22
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
23
|
+
heading: number | string;
|
|
24
|
+
}>;
|
|
25
|
+
__isFragment?: never;
|
|
26
|
+
__isTeleport?: never;
|
|
27
|
+
__isSuspense?: never;
|
|
28
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
29
|
+
label: string;
|
|
30
|
+
heading?: number | string;
|
|
31
|
+
extra?: string;
|
|
32
|
+
hideIcon?: boolean;
|
|
33
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
34
|
+
heading: number | string;
|
|
35
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
36
|
+
$slots: {
|
|
37
|
+
default?(_: {}): any;
|
|
38
|
+
};
|
|
39
|
+
}) & {
|
|
40
|
+
install: (app: App) => void;
|
|
41
|
+
};
|
|
42
|
+
export { ProFormGroup };
|
|
43
|
+
export default ProFormGroup;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import r from "./index.vue.js";
|
|
2
|
+
import { Typography as m } from "@arco-design/web-vue";
|
|
3
|
+
import { IconExclamationCircleFill as t } from "@arco-design/web-vue/es/icon";
|
|
4
|
+
const n = Object.assign(r, {
|
|
5
|
+
install: (o) => {
|
|
6
|
+
o.use(m), o.use(t), o.component("KbProFormGroup", r);
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
export {
|
|
10
|
+
n as ProFormGroup,
|
|
11
|
+
n as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
/** 标题大小 */
|
|
4
|
+
heading?: number | string;
|
|
5
|
+
/** 扩展提示 */
|
|
6
|
+
extra?: string;
|
|
7
|
+
/** 隐藏icon */
|
|
8
|
+
hideIcon?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: any;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
20
|
+
heading: number | string;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|