@dazhicheng/ui 1.5.225 → 1.5.226
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.
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as Z, useAttrs as ee, ref as $, useId as oe, getCurrentInstance as te, reactive as re, computed as a, unref as t, toValue as s, watch as se, nextTick as ie, onMounted as ne, onUnmounted as le, createBlock as B, createCommentVNode as S, openBlock as w, mergeProps as V, createSlots as D, withCtx as n, withDirectives as ae, createVNode as T, createElementBlock as me, normalizeClass as ce, normalizeStyle as de, renderSlot as m, renderList as pe, normalizeProps as ue, guardReactiveProps as fe } from "vue";
|
|
2
2
|
import "../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
|
|
3
|
-
import { useDesign as
|
|
4
|
-
import { usePriorityValues as
|
|
3
|
+
import { useDesign as he } from "../../../packages/hooks/src/useDesign.js";
|
|
4
|
+
import { usePriorityValues as ge, getPriorityValues as ke } from "../../../packages/hooks/src/usePriorityValue.js";
|
|
5
5
|
import "axios";
|
|
6
|
-
import { drawerProps as O, ElDrawer as
|
|
7
|
-
import { isNumber as
|
|
6
|
+
import { drawerProps as O, ElDrawer as we } from "element-plus";
|
|
7
|
+
import { isNumber as Ce } from "../../../packages/utils/src/is.js";
|
|
8
8
|
import "xe-utils";
|
|
9
9
|
import "dayjs";
|
|
10
10
|
import "dayjs/plugin/utc";
|
|
@@ -14,22 +14,23 @@ import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.j
|
|
|
14
14
|
import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
|
|
15
15
|
import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
|
|
16
16
|
import "../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
|
|
17
|
-
import { omit as
|
|
17
|
+
import { omit as be, pick as R } from "lodash-es";
|
|
18
18
|
import "../../tt-loading/index.js";
|
|
19
|
-
import { useStore as
|
|
20
|
-
import
|
|
19
|
+
import { useStore as ve } from "@tanstack/vue-store";
|
|
20
|
+
import Pe from "./components/DrawerFooter.vue.js";
|
|
21
21
|
/* empty css */
|
|
22
|
-
import
|
|
23
|
-
import { useDrawerResizable as
|
|
24
|
-
import { basicProps as
|
|
25
|
-
import { DrawerApi as
|
|
26
|
-
import {
|
|
27
|
-
|
|
22
|
+
import ye from "./components/DrawerHeader.vue.js";
|
|
23
|
+
import { useDrawerResizable as $e } from "./hooks/useResizable.js";
|
|
24
|
+
import { basicProps as Be } from "./props.js";
|
|
25
|
+
import { DrawerApi as Se } from "./utils/drawer-api.js";
|
|
26
|
+
import { pushModal as Ve, removeModal as x } from "../../tt-modal/src/utils/modal-stack.js";
|
|
27
|
+
import { vTtLoading as De } from "../../tt-loading/src/directive.js";
|
|
28
|
+
const to = /* @__PURE__ */ Z({
|
|
28
29
|
name: "TtDrawer",
|
|
29
30
|
__name: "RenderDrawer",
|
|
30
31
|
props: {
|
|
31
32
|
...O,
|
|
32
|
-
...
|
|
33
|
+
...Be,
|
|
33
34
|
/** drawerApi */
|
|
34
35
|
drawerApi: {
|
|
35
36
|
type: Object,
|
|
@@ -37,109 +38,112 @@ const Ye = /* @__PURE__ */ Y({
|
|
|
37
38
|
}
|
|
38
39
|
},
|
|
39
40
|
emits: ["visible-change", "register", "update:visible"],
|
|
40
|
-
setup(
|
|
41
|
+
setup(F, { expose: H, emit: z }) {
|
|
41
42
|
var P;
|
|
42
|
-
const c =
|
|
43
|
-
let
|
|
44
|
-
|
|
45
|
-
const
|
|
46
|
-
setDrawerProps:
|
|
43
|
+
const c = F, d = z, p = ee(), u = $(!1), C = oe(), f = $(null), { prefixCls: b } = he("drawer"), o = te();
|
|
44
|
+
let r = c.drawerApi;
|
|
45
|
+
r || (r = new Se(c), r.useStore = (e) => ve(r.store, e));
|
|
46
|
+
const l = re({
|
|
47
|
+
setDrawerProps: r.setState,
|
|
47
48
|
emitVisible: void 0
|
|
48
|
-
}),
|
|
49
|
-
confirmLoading:
|
|
49
|
+
}), A = (P = r.useStore) == null ? void 0 : P.call(r), {
|
|
50
|
+
confirmLoading: L,
|
|
50
51
|
visible: h,
|
|
51
52
|
showFooter: g,
|
|
52
53
|
footerHeight: v,
|
|
53
|
-
cancelButtonProps:
|
|
54
|
-
showCancelBtn:
|
|
55
|
-
cancelText:
|
|
56
|
-
showOkBtn:
|
|
57
|
-
okButtonProps:
|
|
54
|
+
cancelButtonProps: _,
|
|
55
|
+
showCancelBtn: N,
|
|
56
|
+
cancelText: j,
|
|
57
|
+
showOkBtn: E,
|
|
58
|
+
okButtonProps: M,
|
|
58
59
|
okText: I,
|
|
59
|
-
title:
|
|
60
|
-
loading:
|
|
61
|
-
loadingText:
|
|
62
|
-
...
|
|
63
|
-
} =
|
|
64
|
-
const e =
|
|
60
|
+
title: U,
|
|
61
|
+
loading: q,
|
|
62
|
+
loadingText: G,
|
|
63
|
+
...J
|
|
64
|
+
} = ge(c, A), K = a(() => {
|
|
65
|
+
const e = ke(J), i = be(p, ["onOk", "onClosed", "onClose", "onVisibleChange", "onReceiveSharedData"]);
|
|
65
66
|
return {
|
|
66
67
|
...R(e, Object.keys(O)),
|
|
67
68
|
...i,
|
|
68
|
-
modelValue:
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
modelValue: t(h),
|
|
70
|
+
closeOnPressEscape: !1,
|
|
71
|
+
class: `${b} ${t(e).class || ""}`,
|
|
72
|
+
modalClass: `${t(e).modalClass || t(e).class}`
|
|
71
73
|
};
|
|
72
|
-
}),
|
|
73
|
-
confirmLoading:
|
|
74
|
-
showFooter:
|
|
75
|
-
footerHeight:
|
|
76
|
-
cancelButtonProps:
|
|
77
|
-
cancelText:
|
|
78
|
-
showOkBtn:
|
|
79
|
-
okText:
|
|
80
|
-
okButtonProps:
|
|
81
|
-
showCancelBtn:
|
|
82
|
-
})),
|
|
83
|
-
const e =
|
|
84
|
-
return
|
|
85
|
-
}),
|
|
86
|
-
height: `calc(100% - ${
|
|
74
|
+
}), Q = a(() => ({
|
|
75
|
+
confirmLoading: s(L),
|
|
76
|
+
showFooter: s(g),
|
|
77
|
+
footerHeight: s(v),
|
|
78
|
+
cancelButtonProps: s(_),
|
|
79
|
+
cancelText: s(j),
|
|
80
|
+
showOkBtn: s(E),
|
|
81
|
+
okText: s(I),
|
|
82
|
+
okButtonProps: s(M),
|
|
83
|
+
showCancelBtn: s(N)
|
|
84
|
+
})), W = a(() => {
|
|
85
|
+
const e = s(v);
|
|
86
|
+
return s(g) && e ? `${Ce(e) ? e : Number.parseFloat(e)}px` : "0px";
|
|
87
|
+
}), X = a(() => ({
|
|
88
|
+
height: `calc(100% - ${t(W)})`
|
|
87
89
|
}));
|
|
88
|
-
|
|
90
|
+
se(
|
|
89
91
|
() => h.value,
|
|
90
92
|
(e) => {
|
|
91
|
-
|
|
93
|
+
ie(() => {
|
|
92
94
|
var i;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}, 300),
|
|
95
|
+
d("update:visible", e), d("visible-change", e), o && ((i = l.emitVisible) == null || i.call(l, e, o == null ? void 0 : o.uid)), o != null && o.uid && (e ? Ve({ uid: o.uid, close: () => r.onClosed() }) : x(o.uid)), e ? u.value = e : (setTimeout(() => {
|
|
96
|
+
u.value = e;
|
|
97
|
+
}, 300), r.changeOkLoading(!1));
|
|
96
98
|
});
|
|
97
99
|
}
|
|
98
100
|
);
|
|
99
|
-
const [
|
|
100
|
-
return
|
|
101
|
-
const e = R(
|
|
102
|
-
|
|
101
|
+
const [Y] = $e(C, h, r.setState);
|
|
102
|
+
return o && d("register", l, o == null ? void 0 : o.uid), ne(() => {
|
|
103
|
+
const e = R(p, ["onOk", "onClosed", "onVisibleChange"]);
|
|
104
|
+
r.mount(f.value, {
|
|
103
105
|
...e,
|
|
104
106
|
// 兼容 BasicDrawer 组件的 onClose 事件
|
|
105
|
-
onClosed: e.onClosed ||
|
|
107
|
+
onClosed: e.onClosed || p.onClose
|
|
106
108
|
});
|
|
107
|
-
}),
|
|
109
|
+
}), le(() => {
|
|
110
|
+
o != null && o.uid && x(o.uid);
|
|
111
|
+
}), H({
|
|
108
112
|
drawerRef: f,
|
|
109
|
-
drawerApi:
|
|
110
|
-
}), (e, i) =>
|
|
113
|
+
drawerApi: r
|
|
114
|
+
}), (e, i) => u.value ? (w(), B(t(we), V({
|
|
111
115
|
key: 0,
|
|
112
|
-
id:
|
|
116
|
+
id: t(C),
|
|
113
117
|
ref_key: "drawerRef",
|
|
114
118
|
ref: f
|
|
115
|
-
},
|
|
119
|
+
}, K.value, {
|
|
116
120
|
"destroy-on-close": !0,
|
|
117
|
-
"before-close":
|
|
121
|
+
"before-close": t(r).onClosed
|
|
118
122
|
}), D({
|
|
119
123
|
default: n(() => [
|
|
120
|
-
|
|
121
|
-
style:
|
|
122
|
-
class:
|
|
124
|
+
ae((w(), me("div", {
|
|
125
|
+
style: de(X.value),
|
|
126
|
+
class: ce(`${t(b)}-content`)
|
|
123
127
|
}, [
|
|
124
128
|
m(e.$slots, "default")
|
|
125
129
|
], 6)), [
|
|
126
|
-
[
|
|
127
|
-
visible:
|
|
128
|
-
text:
|
|
130
|
+
[t(De), {
|
|
131
|
+
visible: t(q),
|
|
132
|
+
text: t(G)
|
|
129
133
|
}]
|
|
130
134
|
]),
|
|
131
|
-
|
|
132
|
-
onClose:
|
|
133
|
-
onFooterok:
|
|
135
|
+
t(g) || e.$slots.footer ? (w(), B(Pe, V({ key: 0 }, Q.value, {
|
|
136
|
+
onClose: t(r).onClosed,
|
|
137
|
+
onFooterok: t(r).onOk
|
|
134
138
|
}), D({ _: 2 }, [
|
|
135
|
-
|
|
139
|
+
pe(Object.keys(e.$slots), (k) => ({
|
|
136
140
|
name: k,
|
|
137
141
|
fn: n((y) => [
|
|
138
|
-
m(e.$slots, k,
|
|
142
|
+
m(e.$slots, k, ue(fe(y)))
|
|
139
143
|
])
|
|
140
144
|
}))
|
|
141
145
|
]), 1040, ["onClose", "onFooterok"])) : S("", !0),
|
|
142
|
-
T(
|
|
146
|
+
T(t(Y))
|
|
143
147
|
]),
|
|
144
148
|
_: 2
|
|
145
149
|
}, [
|
|
@@ -152,7 +156,7 @@ const Ye = /* @__PURE__ */ Y({
|
|
|
152
156
|
} : {
|
|
153
157
|
name: "header",
|
|
154
158
|
fn: n(() => [
|
|
155
|
-
T(
|
|
159
|
+
T(ye, { title: t(U) }, {
|
|
156
160
|
titleToolbar: n(() => [
|
|
157
161
|
m(e.$slots, "titleToolbar")
|
|
158
162
|
]),
|
|
@@ -165,5 +169,5 @@ const Ye = /* @__PURE__ */ Y({
|
|
|
165
169
|
}
|
|
166
170
|
});
|
|
167
171
|
export {
|
|
168
|
-
|
|
172
|
+
to as default
|
|
169
173
|
};
|