@huyooo/ui 0.6.0 → 0.6.2

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.
@@ -6,7 +6,7 @@ import { Form as H, FormItem as I, Avatar as me, Input as q, Textarea as Ve, But
6
6
  /* empty css */
7
7
  import { g as E, c as M, h as fe, u as xe } from "./auth-bwwc2iT8.js";
8
8
  /* empty css */
9
- import { u as qe } from "./useUploadCos-_xwV40NS.js";
9
+ import { u as qe } from "./useUploadCos-EWMNJjRf.js";
10
10
  import { b as Re, c as oe, d as Te, a as J, e as Le, f as Be, u as Q, g as Oe, h as Ee } from "./useAuthkitUsersProfile-hZ9L3rYe.js";
11
11
  import { _ as De, g as Ne, i as Fe } from "./plugin-vue_export-helper-LjDO2Zua.js";
12
12
  import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -11,7 +11,7 @@ import { List as J, ListItem as x, ListItemMeta as T, Avatar as F, Button as R,
11
11
  import { a as Q } from "./useAuthkitAppsAuthPageInfo-CzZmhPMm.js";
12
12
  import { o as W } from "./auth-bwwc2iT8.js";
13
13
  import { u as X, a as Y } from "./useAuthkitUsersProfile-hZ9L3rYe.js";
14
- import { S as U, v as Z, q as L, g as ee, h as te } from "./AuthkitAuthModal-BfwODnpI.js";
14
+ import { S as U, v as Z, q as L, g as ee, h as te } from "./AuthkitAuthModal-GorxR6ZJ.js";
15
15
  const oe = {
16
16
  class: "header"
17
17
  }, le = ["href"], ae = {
@@ -0,0 +1,271 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
+ import { defineComponent as P, ref as W, computed as z, onMounted as X, nextTick as $, watch as Y, onBeforeUnmount as Z, createElementBlock as r, openBlock as i, normalizeStyle as K, normalizeClass as C, renderSlot as R, mergeModels as q, useModel as A, createVNode as b, unref as c, withCtx as x, createElementVNode as g, createCommentVNode as m, createBlock as S, Fragment as w, renderList as E, toDisplayString as B, createTextVNode as I, useSlots as ee } from "vue";
8
+ import { Spin as te, Checkbox as L, Tooltip as ne, Empty as le, Pagination as oe } from "@arco-design/web-vue";
9
+ import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
+ import { g as N, a as T } from "./index-Bb-d5pBq.js";
11
+ const ie = /* @__PURE__ */ P({
12
+ __name: "Ellipsis",
13
+ props: {
14
+ open: {
15
+ type: Boolean,
16
+ required: !1,
17
+ default: () => !0
18
+ }
19
+ },
20
+ setup(h) {
21
+ const y = h, t = W(null), v = W(0), d = z(() => {
22
+ var _, k;
23
+ if (!y.open || v.value === 0)
24
+ return {};
25
+ const s = (k = (_ = t.value) == null ? void 0 : _.parentElement) == null ? void 0 : k.style.width;
26
+ return s && s !== "auto" ? {
27
+ width: s
28
+ } : {
29
+ width: `${v.value}px`
30
+ };
31
+ });
32
+ function f() {
33
+ t.value && y.open && $(() => {
34
+ t.value && (v.value = t.value.clientWidth);
35
+ });
36
+ }
37
+ function p() {
38
+ f();
39
+ }
40
+ return X(() => {
41
+ y.open && $(() => {
42
+ f(), window.addEventListener("resize", p);
43
+ });
44
+ }), Y(() => y.open, (s) => {
45
+ s ? (f(), window.addEventListener("resize", p)) : window.removeEventListener("resize", p);
46
+ }), Z(() => {
47
+ window.removeEventListener("resize", p);
48
+ }), (s, _) => (i(), r("div", {
49
+ ref_key: "ellipsisContainer",
50
+ ref: t,
51
+ class: C({
52
+ ellipsis: h.open
53
+ }),
54
+ style: K(h.open ? d.value : {})
55
+ }, [R(s.$slots, "default", {}, void 0, !0)], 6));
56
+ }
57
+ }), ae = /* @__PURE__ */ j(ie, [["__scopeId", "data-v-4874d041"]]), se = {
58
+ class: "CubeTableCom"
59
+ }, re = {
60
+ class: "tableContain"
61
+ }, de = {
62
+ class: "table-header"
63
+ }, ue = {
64
+ key: 0,
65
+ class: "header-cell checkbox-cell"
66
+ }, ce = {
67
+ class: "table-body"
68
+ }, pe = ["onMouseenter", "onMouseleave"], fe = {
69
+ style: {
70
+ width: "100%",
71
+ overflow: "hidden"
72
+ }
73
+ }, ve = {
74
+ key: 0,
75
+ class: "contain"
76
+ }, he = {
77
+ class: "pagination"
78
+ }, ge = /* @__PURE__ */ P({
79
+ __name: "CustomTable",
80
+ props: /* @__PURE__ */ q({
81
+ loading: {
82
+ type: Boolean,
83
+ required: !1,
84
+ default: () => !1
85
+ },
86
+ bordered: {
87
+ type: Boolean,
88
+ required: !1,
89
+ default: () => !0
90
+ },
91
+ data: {
92
+ type: Array,
93
+ required: !0
94
+ },
95
+ pagination: {
96
+ type: Object,
97
+ required: !1,
98
+ default: () => null
99
+ },
100
+ columns: {
101
+ type: Array,
102
+ required: !0
103
+ },
104
+ /** 行选择配置 */
105
+ rowSelection: {
106
+ type: Object,
107
+ required: !1,
108
+ default: void 0
109
+ },
110
+ /** 行数据的唯一标识字段,默认 'id' */
111
+ rowKey: {
112
+ type: String,
113
+ required: !1,
114
+ default: "id"
115
+ }
116
+ }, {
117
+ selectedKeys: {
118
+ default: () => []
119
+ },
120
+ selectedKeysModifiers: {},
121
+ activeKey: {
122
+ default: -1
123
+ },
124
+ activeKeyModifiers: {}
125
+ }),
126
+ emits: /* @__PURE__ */ q(["mouseenter", "mouseleave", "pageChange", "pageSizeChange"], ["update:selectedKeys", "update:activeKey"]),
127
+ setup(h, {
128
+ emit: y
129
+ }) {
130
+ const t = h, v = y, d = A(h, "selectedKeys"), f = A(h, "activeKey");
131
+ function p(e, l) {
132
+ return e[t.rowKey] ?? String(l);
133
+ }
134
+ function s(e, l) {
135
+ const u = p(e, l);
136
+ return d.value.includes(u);
137
+ }
138
+ const _ = z(() => t.data.length === 0 ? !1 : t.data.every((e, l) => s(e, l))), k = z(() => {
139
+ if (t.data.length === 0) return !1;
140
+ const e = t.data.filter((l, u) => s(l, u)).length;
141
+ return e > 0 && e < t.data.length;
142
+ });
143
+ function H(e, l, u) {
144
+ const n = p(e, l);
145
+ u ? d.value.includes(n) || (d.value = [...d.value, n]) : d.value = d.value.filter((o) => o !== n);
146
+ }
147
+ function J(e) {
148
+ if (Array.isArray(e) ? e.length > 0 : e) {
149
+ const u = t.data.map((o, a) => p(o, a)), n = /* @__PURE__ */ new Set([...d.value, ...u]);
150
+ d.value = Array.from(n);
151
+ } else {
152
+ const u = new Set(t.data.map((n, o) => p(n, o)));
153
+ d.value = d.value.filter((n) => !u.has(n));
154
+ }
155
+ }
156
+ const O = z(() => {
157
+ const e = t.columns.map((l) => l.width ? `${l.width}px` : l.minWidth ? `minmax(${l.minWidth}px, 1fr)` : "1fr");
158
+ return t.rowSelection && e.unshift("48px"), e.join(" ");
159
+ });
160
+ function M(e) {
161
+ const l = {};
162
+ return e.maxWidth && (l.maxWidth = `${e.maxWidth}px`), l;
163
+ }
164
+ function U(e) {
165
+ console.log(e, "currentPage"), v("pageChange", e);
166
+ }
167
+ function D(e) {
168
+ console.log(e, "pageSize"), v("pageSizeChange", e);
169
+ }
170
+ function F(e) {
171
+ const l = ee();
172
+ return e ? !!l[e] : !1;
173
+ }
174
+ function G(e) {
175
+ f.value = e, v("mouseenter", e);
176
+ }
177
+ function Q(e) {
178
+ f.value = -1, v("mouseleave", e);
179
+ }
180
+ return (e, l) => (i(), r("div", se, [b(c(te), {
181
+ loading: t.loading,
182
+ tip: "数据加载中"
183
+ }, {
184
+ default: x(() => {
185
+ var u;
186
+ return [g("div", re, [g("div", {
187
+ class: "flex-table",
188
+ style: K({
189
+ "grid-template-columns": O.value
190
+ })
191
+ }, [g("div", de, [t.rowSelection ? (i(), r("div", ue, [t.rowSelection.showCheckedAll !== !1 ? (i(), S(c(L), {
192
+ key: 0,
193
+ "model-value": _.value,
194
+ indeterminate: k.value,
195
+ onChange: J
196
+ }, null, 8, ["model-value", "indeterminate"])) : m("", !0)])) : m("", !0), (i(!0), r(w, null, E(t.columns, (n, o) => (i(), r("div", {
197
+ key: o,
198
+ class: C(["header-cell", {
199
+ fixed: n.fixed,
200
+ fixedBackground: n.fixed,
201
+ lastBorder: o === t.columns.length - 1
202
+ }]),
203
+ style: K(M(n))
204
+ }, B(n.title), 7))), 128))]), g("div", ce, [(i(!0), r(w, null, E(t.data, (n, o) => (i(), r("div", {
205
+ key: p(n, o),
206
+ class: C(["table-row", {
207
+ trListHover: o === f.value,
208
+ "row-selected": s(n, o)
209
+ }]),
210
+ onMouseenter: (a) => G(o),
211
+ onMouseleave: (a) => Q(o)
212
+ }, [t.rowSelection ? (i(), r("div", {
213
+ key: 0,
214
+ class: C(["body-cell checkbox-cell", {
215
+ trListHover: o === f.value,
216
+ "row-selected": s(n, o)
217
+ }])
218
+ }, [b(c(L), {
219
+ "model-value": s(n, o),
220
+ onChange: (a) => H(n, o, a)
221
+ }, null, 8, ["model-value", "onChange"])], 2)) : m("", !0), (i(!0), r(w, null, E(t.columns, (a, V) => (i(), r("div", {
222
+ key: V,
223
+ class: C(["body-cell", {
224
+ fixed: a.fixed,
225
+ trListHover: o === f.value,
226
+ "row-selected": s(n, o),
227
+ lastBorder: V === t.columns.length - 1
228
+ }]),
229
+ style: K(M(a))
230
+ }, [g("div", fe, [b(ae, {
231
+ open: a.ellipsis
232
+ }, {
233
+ default: x(() => [F(a.slotName) ? R(e.$slots, a.slotName, {
234
+ key: 0,
235
+ record: n
236
+ }, void 0, !0) : (i(), r(w, {
237
+ key: 1
238
+ }, [a.dataIndex ? (i(), r(w, {
239
+ key: 0
240
+ }, [a.tooltip ? (i(), S(c(ne), {
241
+ key: 0,
242
+ content: c(N)(c(T)(n, a.dataIndex)),
243
+ position: "bottom"
244
+ }, {
245
+ default: x(() => [g("span", null, B(c(T)(n, a.dataIndex)), 1)]),
246
+ _: 2
247
+ }, 1032, ["content"])) : (i(), r(w, {
248
+ key: 1
249
+ }, [I(B(c(N)(c(T)(n, a.dataIndex))), 1)], 64))], 64)) : m("", !0)], 64))]),
250
+ _: 2
251
+ }, 1032, ["open"])])], 6))), 128))], 42, pe))), 128))])], 4), t.data.length === 0 ? (i(), r("div", ve, [b(c(le))])) : m("", !0)]), g("div", he, [t.pagination ? (i(), S(c(oe), {
252
+ key: 0,
253
+ modelValue: t.pagination.current,
254
+ "onUpdate:modelValue": l[0] || (l[0] = (n) => t.pagination.current = n),
255
+ total: ((u = t.pagination) == null ? void 0 : u.total) || 0,
256
+ pageSize: t.pagination.pageSize,
257
+ showTotal: t.pagination.showTotal,
258
+ showJumper: t.pagination.showJumper,
259
+ showPageSize: t.pagination.showPageSize,
260
+ onChange: U,
261
+ onPageSizeChange: D
262
+ }, null, 8, ["modelValue", "total", "pageSize", "showTotal", "showJumper", "showPageSize"])) : m("", !0)])];
263
+ }),
264
+ _: 3
265
+ }, 8, ["loading"])]));
266
+ }
267
+ }), Se = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-68cb437a"]]);
268
+ export {
269
+ Se as C,
270
+ ae as E
271
+ };
@@ -7,9 +7,9 @@ import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
- import { u as Z } from "./useUploadCos-_xwV40NS.js";
10
+ import { u as Z } from "./useUploadCos-EWMNJjRf.js";
11
11
  import { g as A } from "./auth-bwwc2iT8.js";
12
- import "./FeedbackModal-DWJmFtvY.js";
12
+ import "./FeedbackModal-CZeOsekW.js";
13
13
  import { Icon as Y } from "@iconify/vue";
14
14
  const H = f({
15
15
  name: "IconDown",