vsoft-ui 1.0.1
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/README.md +126 -0
- package/dist/components/button/index.vue.d.ts +56 -0
- package/dist/components/card/index.vue.d.ts +45 -0
- package/dist/components/index.d.ts +436 -0
- package/dist/components/pagination/index.vue.d.ts +125 -0
- package/dist/components/table/index.vue.d.ts +60 -0
- package/dist/components/table/types.d.ts +61 -0
- package/dist/index.d.ts +16 -0
- package/dist/install.d.ts +10 -0
- package/dist/permission/directive.d.ts +6 -0
- package/dist/permission/index.d.ts +66 -0
- package/dist/style.css +1 -0
- package/dist/vsoft-ui.es.js +396 -0
- package/dist/vsoft-ui.umd.js +1 -0
- package/package.json +63 -0
|
@@ -0,0 +1,396 @@
|
|
|
1
|
+
var W = Object.defineProperty;
|
|
2
|
+
var K = (e, t, s) => t in e ? W(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
|
|
3
|
+
var $ = (e, t, s) => K(e, typeof t != "symbol" ? t + "" : t, s);
|
|
4
|
+
import Y from "element-plus";
|
|
5
|
+
import { getCurrentInstance as q, inject as L, reactive as G, defineComponent as w, computed as m, resolveComponent as b, createBlock as S, createCommentVNode as T, openBlock as v, mergeProps as P, withCtx as p, renderSlot as y, createSlots as B, ref as J, createElementBlock as Q, Fragment as X, renderList as Z } from "vue";
|
|
6
|
+
function E() {
|
|
7
|
+
return q() ? L(I, null) : null;
|
|
8
|
+
}
|
|
9
|
+
const ee = {
|
|
10
|
+
mounted(e, t) {
|
|
11
|
+
const s = t.value, a = E();
|
|
12
|
+
if (!a) {
|
|
13
|
+
console.warn("[VS UI] Permission service not found in directive context");
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
a.check(s) || (e.style.display = "none", e.__originalDisplay = e.style.display || "");
|
|
17
|
+
},
|
|
18
|
+
updated(e, t) {
|
|
19
|
+
const s = t.value, a = E();
|
|
20
|
+
if (a)
|
|
21
|
+
if (a.check(s)) {
|
|
22
|
+
const l = e.__originalDisplay;
|
|
23
|
+
e.style.display = l || "";
|
|
24
|
+
} else
|
|
25
|
+
e.style.display !== "none" && (e.__originalDisplay = e.style.display || ""), e.style.display = "none";
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
function te(e) {
|
|
29
|
+
e.directive("permission", ee);
|
|
30
|
+
}
|
|
31
|
+
const I = Symbol("permission");
|
|
32
|
+
class N {
|
|
33
|
+
constructor() {
|
|
34
|
+
$(this, "permissions", G(/* @__PURE__ */ new Set()));
|
|
35
|
+
$(this, "checker", null);
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* 设置权限列表
|
|
39
|
+
*/
|
|
40
|
+
setPermissions(t) {
|
|
41
|
+
this.permissions.clear(), t.forEach((s) => this.permissions.add(s));
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* 添加权限
|
|
45
|
+
*/
|
|
46
|
+
addPermission(t) {
|
|
47
|
+
this.permissions.add(t);
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* 移除权限
|
|
51
|
+
*/
|
|
52
|
+
removePermission(t) {
|
|
53
|
+
this.permissions.delete(t);
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* 检查权限
|
|
57
|
+
*/
|
|
58
|
+
check(t) {
|
|
59
|
+
return t ? this.checker ? this.checker(t) : typeof t == "string" ? this.permissions.has(t) : t.some((s) => this.permissions.has(s)) : !0;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* 检查所有权限(需要全部满足)
|
|
63
|
+
*/
|
|
64
|
+
checkAll(t) {
|
|
65
|
+
return t.every((s) => this.permissions.has(s));
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* 设置自定义权限检查函数
|
|
69
|
+
*/
|
|
70
|
+
setChecker(t) {
|
|
71
|
+
this.checker = t;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* 清空权限
|
|
75
|
+
*/
|
|
76
|
+
clear() {
|
|
77
|
+
this.permissions.clear(), this.checker = null;
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* 获取所有权限
|
|
81
|
+
*/
|
|
82
|
+
getAll() {
|
|
83
|
+
return Array.from(this.permissions);
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* 检查是否有权限
|
|
87
|
+
*/
|
|
88
|
+
has(t) {
|
|
89
|
+
return this.permissions.has(t);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
function O() {
|
|
93
|
+
return new N();
|
|
94
|
+
}
|
|
95
|
+
function ne(e, t) {
|
|
96
|
+
const s = O();
|
|
97
|
+
t != null && t.permissions && s.setPermissions(t.permissions), t != null && t.checker && s.setChecker(t.checker), e.provide(I, s), e.config.globalProperties.$permission = s;
|
|
98
|
+
}
|
|
99
|
+
function C() {
|
|
100
|
+
const e = L(I);
|
|
101
|
+
return e || (console.warn("[VS UI] Permission service not found. Make sure to call app.use(VsUI) with permission options."), O());
|
|
102
|
+
}
|
|
103
|
+
const se = {
|
|
104
|
+
name: "VsButton"
|
|
105
|
+
}, F = /* @__PURE__ */ w({
|
|
106
|
+
...se,
|
|
107
|
+
props: {
|
|
108
|
+
type: { default: "default" },
|
|
109
|
+
size: { default: "default" },
|
|
110
|
+
disabled: { type: Boolean, default: !1 },
|
|
111
|
+
loading: { type: Boolean, default: !1 },
|
|
112
|
+
permission: { default: void 0 }
|
|
113
|
+
},
|
|
114
|
+
emits: ["click"],
|
|
115
|
+
setup(e, { emit: t }) {
|
|
116
|
+
const s = e, a = t, l = C(), r = m(() => l.check(s.permission)), h = (d) => {
|
|
117
|
+
!s.disabled && !s.loading && r.value && a("click", d);
|
|
118
|
+
};
|
|
119
|
+
return (d, x) => {
|
|
120
|
+
const k = b("el-button");
|
|
121
|
+
return r.value ? (v(), S(k, P({ key: 0 }, d.$attrs, {
|
|
122
|
+
type: e.type,
|
|
123
|
+
size: e.size,
|
|
124
|
+
disabled: e.disabled || !r.value,
|
|
125
|
+
loading: e.loading,
|
|
126
|
+
onClick: h
|
|
127
|
+
}), {
|
|
128
|
+
default: p(() => [
|
|
129
|
+
y(d.$slots, "default")
|
|
130
|
+
]),
|
|
131
|
+
_: 3
|
|
132
|
+
}, 16, ["type", "size", "disabled", "loading"])) : T("", !0);
|
|
133
|
+
};
|
|
134
|
+
}
|
|
135
|
+
}), ae = {
|
|
136
|
+
name: "VsCard"
|
|
137
|
+
}, A = /* @__PURE__ */ w({
|
|
138
|
+
...ae,
|
|
139
|
+
props: {
|
|
140
|
+
header: {},
|
|
141
|
+
shadow: { default: "always" },
|
|
142
|
+
bodyStyle: {},
|
|
143
|
+
permission: { default: void 0 }
|
|
144
|
+
},
|
|
145
|
+
setup(e) {
|
|
146
|
+
const t = e, s = C(), a = m(() => s.check(t.permission));
|
|
147
|
+
return (l, r) => {
|
|
148
|
+
const h = b("el-card");
|
|
149
|
+
return a.value ? (v(), S(h, P({ key: 0 }, l.$attrs, {
|
|
150
|
+
header: e.header,
|
|
151
|
+
shadow: e.shadow,
|
|
152
|
+
"body-style": e.bodyStyle
|
|
153
|
+
}), B({
|
|
154
|
+
default: p(() => [
|
|
155
|
+
y(l.$slots, "default")
|
|
156
|
+
]),
|
|
157
|
+
_: 2
|
|
158
|
+
}, [
|
|
159
|
+
l.$slots.header ? {
|
|
160
|
+
name: "header",
|
|
161
|
+
fn: p(() => [
|
|
162
|
+
y(l.$slots, "header")
|
|
163
|
+
]),
|
|
164
|
+
key: "0"
|
|
165
|
+
} : void 0
|
|
166
|
+
]), 1040, ["header", "shadow", "body-style"])) : T("", !0);
|
|
167
|
+
};
|
|
168
|
+
}
|
|
169
|
+
}), re = {
|
|
170
|
+
name: "VsTable"
|
|
171
|
+
}, H = /* @__PURE__ */ w({
|
|
172
|
+
...re,
|
|
173
|
+
props: {
|
|
174
|
+
data: { default: () => [] },
|
|
175
|
+
columns: { default: () => [] },
|
|
176
|
+
checkPermission: { type: Function, default: void 0 },
|
|
177
|
+
showHeader: { type: Boolean, default: !0 },
|
|
178
|
+
showBody: { type: Boolean, default: !0 }
|
|
179
|
+
},
|
|
180
|
+
emits: ["sortChange"],
|
|
181
|
+
setup(e, { expose: t, emit: s }) {
|
|
182
|
+
const a = e, l = s, r = J(), h = C(), d = m(() => a.checkPermission || ((n) => h.check(n))), x = (n) => n ? d.value(n) : !0, k = m(() => a.columns.filter((n) => n.visible === !1 ? !1 : x(n.permission))), c = m(() => a.showBody ? a.data : []), D = m(() => {
|
|
183
|
+
const { data: n, columns: o, checkPermission: u, showHeader: V, showBody: i, ...f } = a;
|
|
184
|
+
return f;
|
|
185
|
+
}), z = (n) => {
|
|
186
|
+
const {
|
|
187
|
+
prop: o,
|
|
188
|
+
label: u,
|
|
189
|
+
visible: V,
|
|
190
|
+
sortable: i,
|
|
191
|
+
sortOrder: f,
|
|
192
|
+
width: g,
|
|
193
|
+
minWidth: j,
|
|
194
|
+
align: ce,
|
|
195
|
+
fixed: de,
|
|
196
|
+
permission: ue,
|
|
197
|
+
headerSlot: fe,
|
|
198
|
+
defaultSlot: he,
|
|
199
|
+
...U
|
|
200
|
+
} = n;
|
|
201
|
+
return U;
|
|
202
|
+
}, R = (n) => {
|
|
203
|
+
l("sortChange", n);
|
|
204
|
+
const o = a.columns.find((u) => u.prop === n.prop);
|
|
205
|
+
o && o.sortable && (o.sortOrder = n.order);
|
|
206
|
+
};
|
|
207
|
+
return t({
|
|
208
|
+
tableRef: r,
|
|
209
|
+
clearSort: () => {
|
|
210
|
+
var n;
|
|
211
|
+
return (n = r.value) == null ? void 0 : n.clearSort();
|
|
212
|
+
},
|
|
213
|
+
clearFilter: (n) => {
|
|
214
|
+
var o;
|
|
215
|
+
return (o = r.value) == null ? void 0 : o.clearFilter(n);
|
|
216
|
+
},
|
|
217
|
+
doLayout: () => {
|
|
218
|
+
var n;
|
|
219
|
+
return (n = r.value) == null ? void 0 : n.doLayout();
|
|
220
|
+
},
|
|
221
|
+
scrollTo: (n, o) => {
|
|
222
|
+
var u;
|
|
223
|
+
return (u = r.value) == null ? void 0 : u.scrollTo(n, o);
|
|
224
|
+
},
|
|
225
|
+
setScrollTop: (n) => {
|
|
226
|
+
var o;
|
|
227
|
+
return (o = r.value) == null ? void 0 : o.setScrollTop(n);
|
|
228
|
+
},
|
|
229
|
+
setScrollLeft: (n) => {
|
|
230
|
+
var o;
|
|
231
|
+
return (o = r.value) == null ? void 0 : o.setScrollLeft(n);
|
|
232
|
+
}
|
|
233
|
+
}), (n, o) => {
|
|
234
|
+
const u = b("el-table-column"), V = b("el-table");
|
|
235
|
+
return v(), S(V, P({
|
|
236
|
+
ref_key: "tableRef",
|
|
237
|
+
ref: r
|
|
238
|
+
}, D.value, {
|
|
239
|
+
data: c.value,
|
|
240
|
+
"show-header": e.showHeader,
|
|
241
|
+
onSortChange: R
|
|
242
|
+
}), B({
|
|
243
|
+
default: p(() => [
|
|
244
|
+
(v(!0), Q(X, null, Z(k.value, (i) => (v(), S(u, P({
|
|
245
|
+
key: i.prop,
|
|
246
|
+
prop: i.prop,
|
|
247
|
+
label: i.label,
|
|
248
|
+
width: i.width,
|
|
249
|
+
"min-width": i.minWidth,
|
|
250
|
+
align: i.align,
|
|
251
|
+
fixed: i.fixed,
|
|
252
|
+
sortable: i.sortable ? i.sortOrder !== void 0 ? "custom" : !0 : !1,
|
|
253
|
+
"sort-orders": i.sortable ? ["ascending", "descending", null] : []
|
|
254
|
+
}, { ref_for: !0 }, z(i)), B({ _: 2 }, [
|
|
255
|
+
i.headerSlot ? {
|
|
256
|
+
name: "header",
|
|
257
|
+
fn: p(({ column: f, $index: g }) => [
|
|
258
|
+
y(n.$slots, i.headerSlot, {
|
|
259
|
+
column: f,
|
|
260
|
+
index: g
|
|
261
|
+
})
|
|
262
|
+
]),
|
|
263
|
+
key: "0"
|
|
264
|
+
} : void 0,
|
|
265
|
+
i.defaultSlot ? {
|
|
266
|
+
name: "default",
|
|
267
|
+
fn: p(({ row: f, column: g, $index: j }) => [
|
|
268
|
+
y(n.$slots, i.defaultSlot, {
|
|
269
|
+
row: f,
|
|
270
|
+
column: g,
|
|
271
|
+
index: j
|
|
272
|
+
})
|
|
273
|
+
]),
|
|
274
|
+
key: "1"
|
|
275
|
+
} : void 0
|
|
276
|
+
]), 1040, ["prop", "label", "width", "min-width", "align", "fixed", "sortable", "sort-orders"]))), 128))
|
|
277
|
+
]),
|
|
278
|
+
_: 2
|
|
279
|
+
}, [
|
|
280
|
+
n.$slots.default ? {
|
|
281
|
+
name: "default",
|
|
282
|
+
fn: p(({ row: i, column: f, $index: g }) => [
|
|
283
|
+
y(n.$slots, "default", {
|
|
284
|
+
row: i,
|
|
285
|
+
column: f,
|
|
286
|
+
index: g
|
|
287
|
+
})
|
|
288
|
+
]),
|
|
289
|
+
key: "0"
|
|
290
|
+
} : void 0
|
|
291
|
+
]), 1040, ["data", "show-header"]);
|
|
292
|
+
};
|
|
293
|
+
}
|
|
294
|
+
}), ie = {
|
|
295
|
+
name: "VsPagination"
|
|
296
|
+
}, M = /* @__PURE__ */ w({
|
|
297
|
+
...ie,
|
|
298
|
+
props: {
|
|
299
|
+
currentPage: { default: 1 },
|
|
300
|
+
pageSize: { default: 10 },
|
|
301
|
+
total: { default: 0 },
|
|
302
|
+
pageCount: { default: void 0 },
|
|
303
|
+
pageSizes: { default: () => [10, 20, 30, 40, 50, 100] },
|
|
304
|
+
layout: { default: "prev, pager, next, jumper, ->, total" },
|
|
305
|
+
pagerCount: { default: 7 },
|
|
306
|
+
background: { type: Boolean, default: !1 },
|
|
307
|
+
size: { default: "default" },
|
|
308
|
+
disabled: { type: Boolean, default: !1 },
|
|
309
|
+
hideOnSinglePage: { type: Boolean, default: !1 },
|
|
310
|
+
prevText: { default: "" },
|
|
311
|
+
prevIcon: { default: void 0 },
|
|
312
|
+
nextText: { default: "" },
|
|
313
|
+
nextIcon: { default: void 0 },
|
|
314
|
+
teleported: { type: Boolean, default: !0 },
|
|
315
|
+
permission: { default: void 0 }
|
|
316
|
+
},
|
|
317
|
+
emits: ["update:currentPage", "update:pageSize", "current-change", "size-change", "prev-click", "next-click"],
|
|
318
|
+
setup(e, { emit: t }) {
|
|
319
|
+
const s = e, a = t, l = C(), r = m(() => l.check(s.permission)), h = (c) => {
|
|
320
|
+
r.value && (a("update:currentPage", c), a("current-change", c));
|
|
321
|
+
}, d = (c) => {
|
|
322
|
+
r.value && (a("update:pageSize", c), a("size-change", c));
|
|
323
|
+
}, x = (c) => {
|
|
324
|
+
r.value && a("prev-click", c);
|
|
325
|
+
}, k = (c) => {
|
|
326
|
+
r.value && a("next-click", c);
|
|
327
|
+
};
|
|
328
|
+
return (c, D) => {
|
|
329
|
+
const z = b("el-pagination");
|
|
330
|
+
return r.value ? (v(), S(z, P({ key: 0 }, c.$attrs, {
|
|
331
|
+
"current-page": e.currentPage,
|
|
332
|
+
"page-size": e.pageSize,
|
|
333
|
+
total: e.total,
|
|
334
|
+
"page-count": e.pageCount,
|
|
335
|
+
"page-sizes": e.pageSizes,
|
|
336
|
+
layout: e.layout,
|
|
337
|
+
"pager-count": e.pagerCount,
|
|
338
|
+
background: e.background,
|
|
339
|
+
size: e.size,
|
|
340
|
+
disabled: e.disabled || !r.value,
|
|
341
|
+
"hide-on-single-page": e.hideOnSinglePage,
|
|
342
|
+
"prev-text": e.prevText,
|
|
343
|
+
"prev-icon": e.prevIcon,
|
|
344
|
+
"next-text": e.nextText,
|
|
345
|
+
"next-icon": e.nextIcon,
|
|
346
|
+
teleported: e.teleported,
|
|
347
|
+
onCurrentChange: h,
|
|
348
|
+
onSizeChange: d,
|
|
349
|
+
onPrevClick: x,
|
|
350
|
+
onNextClick: k
|
|
351
|
+
}), null, 16, ["current-page", "page-size", "total", "page-count", "page-sizes", "layout", "pager-count", "background", "size", "disabled", "hide-on-single-page", "prev-text", "prev-icon", "next-text", "next-icon", "teleported"])) : T("", !0);
|
|
352
|
+
};
|
|
353
|
+
}
|
|
354
|
+
}), oe = {
|
|
355
|
+
VsButton: F,
|
|
356
|
+
VsCard: A,
|
|
357
|
+
VsTable: H,
|
|
358
|
+
VsPagination: M
|
|
359
|
+
}, _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
360
|
+
__proto__: null,
|
|
361
|
+
PermissionService: N,
|
|
362
|
+
VsButton: F,
|
|
363
|
+
VsCard: A,
|
|
364
|
+
VsPagination: M,
|
|
365
|
+
VsTable: H,
|
|
366
|
+
createPermissionService: O,
|
|
367
|
+
default: oe,
|
|
368
|
+
usePermission: C
|
|
369
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
370
|
+
function le(e, t) {
|
|
371
|
+
e.use(Y), ne(e, {
|
|
372
|
+
permissions: t == null ? void 0 : t.permissions,
|
|
373
|
+
checker: t == null ? void 0 : t.permissionChecker
|
|
374
|
+
}), te(e), Object.keys(_).forEach((s) => {
|
|
375
|
+
const a = _[s];
|
|
376
|
+
if (a && typeof a == "object" && "name" in a) {
|
|
377
|
+
const l = a.name, r = a;
|
|
378
|
+
e.component(l, r);
|
|
379
|
+
}
|
|
380
|
+
});
|
|
381
|
+
}
|
|
382
|
+
const ve = {
|
|
383
|
+
install: le,
|
|
384
|
+
version: "1.0.0"
|
|
385
|
+
};
|
|
386
|
+
export {
|
|
387
|
+
N as PermissionService,
|
|
388
|
+
F as VsButton,
|
|
389
|
+
A as VsCard,
|
|
390
|
+
M as VsPagination,
|
|
391
|
+
H as VsTable,
|
|
392
|
+
O as createPermissionService,
|
|
393
|
+
ve as default,
|
|
394
|
+
le as install,
|
|
395
|
+
C as usePermission
|
|
396
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(i,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("element-plus"),require("vue")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue"],u):(i=typeof globalThis<"u"?globalThis:i||self,u(i.VsoftUI={},i.ElementPlus,i.Vue))})(this,function(i,u,e){"use strict";var W=Object.defineProperty;var K=(i,u,e)=>u in i?W(i,u,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[u]=e;var T=(i,u,e)=>K(i,typeof u!="symbol"?u+"":u,e);function I(){return e.getCurrentInstance()?e.inject(P,null):null}const N={mounted(t,n){const o=n.value,r=I();if(!r){console.warn("[VS UI] Permission service not found in directive context");return}r.check(o)||(t.style.display="none",t.__originalDisplay=t.style.display||"")},updated(t,n){const o=n.value,r=I();if(r)if(r.check(o)){const d=t.__originalDisplay;t.style.display=d||""}else t.style.display!=="none"&&(t.__originalDisplay=t.style.display||""),t.style.display="none"}};function E(t){t.directive("permission",N)}const P=Symbol("permission");class w{constructor(){T(this,"permissions",e.reactive(new Set));T(this,"checker",null)}setPermissions(n){this.permissions.clear(),n.forEach(o=>this.permissions.add(o))}addPermission(n){this.permissions.add(n)}removePermission(n){this.permissions.delete(n)}check(n){return n?this.checker?this.checker(n):typeof n=="string"?this.permissions.has(n):n.some(o=>this.permissions.has(o)):!0}checkAll(n){return n.every(o=>this.permissions.has(o))}setChecker(n){this.checker=n}clear(){this.permissions.clear(),this.checker=null}getAll(){return Array.from(this.permissions)}has(n){return this.permissions.has(n)}}function b(){return new w}function L(t,n){const o=b();n!=null&&n.permissions&&o.setPermissions(n.permissions),n!=null&&n.checker&&o.setChecker(n.checker),t.provide(P,o),t.config.globalProperties.$permission=o}function y(){const t=e.inject(P);return t||(console.warn("[VS UI] Permission service not found. Make sure to call app.use(VsUI) with permission options."),b())}const M={name:"VsButton"},x=e.defineComponent({...M,props:{type:{default:"default"},size:{default:"default"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},permission:{default:void 0}},emits:["click"],setup(t,{emit:n}){const o=t,r=n,d=y(),a=e.computed(()=>d.check(o.permission)),g=m=>{!o.disabled&&!o.loading&&a.value&&r("click",m)};return(m,C)=>{const S=e.resolveComponent("el-button");return a.value?(e.openBlock(),e.createBlock(S,e.mergeProps({key:0},m.$attrs,{type:t.type,size:t.size,disabled:t.disabled||!a.value,loading:t.loading,onClick:g}),{default:e.withCtx(()=>[e.renderSlot(m.$slots,"default")]),_:3},16,["type","size","disabled","loading"])):e.createCommentVNode("",!0)}}}),F={name:"VsCard"},B=e.defineComponent({...F,props:{header:{},shadow:{default:"always"},bodyStyle:{},permission:{default:void 0}},setup(t){const n=t,o=y(),r=e.computed(()=>o.check(n.permission));return(d,a)=>{const g=e.resolveComponent("el-card");return r.value?(e.openBlock(),e.createBlock(g,e.mergeProps({key:0},d.$attrs,{header:t.header,shadow:t.shadow,"body-style":t.bodyStyle}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:2},[d.$slots.header?{name:"header",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"header")]),key:"0"}:void 0]),1040,["header","shadow","body-style"])):e.createCommentVNode("",!0)}}}),U={name:"VsTable"},v=e.defineComponent({...U,props:{data:{default:()=>[]},columns:{default:()=>[]},checkPermission:{type:Function,default:void 0},showHeader:{type:Boolean,default:!0},showBody:{type:Boolean,default:!0}},emits:["sortChange"],setup(t,{expose:n,emit:o}){const r=t,d=o,a=e.ref(),g=y(),m=e.computed(()=>r.checkPermission||(s=>g.check(s))),C=s=>s?m.value(s):!0,S=e.computed(()=>r.columns.filter(s=>s.visible===!1?!1:C(s.permission))),f=e.computed(()=>r.showBody?r.data:[]),_=e.computed(()=>{const{data:s,columns:c,checkPermission:h,showHeader:$,showBody:l,...p}=r;return p}),z=s=>{const{prop:c,label:h,visible:$,sortable:l,sortOrder:p,width:k,minWidth:D,align:G,fixed:J,permission:Q,headerSlot:X,defaultSlot:Z,...q}=s;return q},R=s=>{d("sortChange",s);const c=r.columns.find(h=>h.prop===s.prop);c&&c.sortable&&(c.sortOrder=s.order)};return n({tableRef:a,clearSort:()=>{var s;return(s=a.value)==null?void 0:s.clearSort()},clearFilter:s=>{var c;return(c=a.value)==null?void 0:c.clearFilter(s)},doLayout:()=>{var s;return(s=a.value)==null?void 0:s.doLayout()},scrollTo:(s,c)=>{var h;return(h=a.value)==null?void 0:h.scrollTo(s,c)},setScrollTop:s=>{var c;return(c=a.value)==null?void 0:c.setScrollTop(s)},setScrollLeft:s=>{var c;return(c=a.value)==null?void 0:c.setScrollLeft(s)}}),(s,c)=>{const h=e.resolveComponent("el-table-column"),$=e.resolveComponent("el-table");return e.openBlock(),e.createBlock($,e.mergeProps({ref_key:"tableRef",ref:a},_.value,{data:f.value,"show-header":t.showHeader,onSortChange:R}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,l=>(e.openBlock(),e.createBlock(h,e.mergeProps({key:l.prop,prop:l.prop,label:l.label,width:l.width,"min-width":l.minWidth,align:l.align,fixed:l.fixed,sortable:l.sortable?l.sortOrder!==void 0?"custom":!0:!1,"sort-orders":l.sortable?["ascending","descending",null]:[]},{ref_for:!0},z(l)),e.createSlots({_:2},[l.headerSlot?{name:"header",fn:e.withCtx(({column:p,$index:k})=>[e.renderSlot(s.$slots,l.headerSlot,{column:p,index:k})]),key:"0"}:void 0,l.defaultSlot?{name:"default",fn:e.withCtx(({row:p,column:k,$index:D})=>[e.renderSlot(s.$slots,l.defaultSlot,{row:p,column:k,index:D})]),key:"1"}:void 0]),1040,["prop","label","width","min-width","align","fixed","sortable","sort-orders"]))),128))]),_:2},[s.$slots.default?{name:"default",fn:e.withCtx(({row:l,column:p,$index:k})=>[e.renderSlot(s.$slots,"default",{row:l,column:p,index:k})]),key:"0"}:void 0]),1040,["data","show-header"])}}}),A={name:"VsPagination"},V=e.defineComponent({...A,props:{currentPage:{default:1},pageSize:{default:10},total:{default:0},pageCount:{default:void 0},pageSizes:{default:()=>[10,20,30,40,50,100]},layout:{default:"prev, pager, next, jumper, ->, total"},pagerCount:{default:7},background:{type:Boolean,default:!1},size:{default:"default"},disabled:{type:Boolean,default:!1},hideOnSinglePage:{type:Boolean,default:!1},prevText:{default:""},prevIcon:{default:void 0},nextText:{default:""},nextIcon:{default:void 0},teleported:{type:Boolean,default:!0},permission:{default:void 0}},emits:["update:currentPage","update:pageSize","current-change","size-change","prev-click","next-click"],setup(t,{emit:n}){const o=t,r=n,d=y(),a=e.computed(()=>d.check(o.permission)),g=f=>{a.value&&(r("update:currentPage",f),r("current-change",f))},m=f=>{a.value&&(r("update:pageSize",f),r("size-change",f))},C=f=>{a.value&&r("prev-click",f)},S=f=>{a.value&&r("next-click",f)};return(f,_)=>{const z=e.resolveComponent("el-pagination");return a.value?(e.openBlock(),e.createBlock(z,e.mergeProps({key:0},f.$attrs,{"current-page":t.currentPage,"page-size":t.pageSize,total:t.total,"page-count":t.pageCount,"page-sizes":t.pageSizes,layout:t.layout,"pager-count":t.pagerCount,background:t.background,size:t.size,disabled:t.disabled||!a.value,"hide-on-single-page":t.hideOnSinglePage,"prev-text":t.prevText,"prev-icon":t.prevIcon,"next-text":t.nextText,"next-icon":t.nextIcon,teleported:t.teleported,onCurrentChange:g,onSizeChange:m,onPrevClick:C,onNextClick:S}),null,16,["current-page","page-size","total","page-count","page-sizes","layout","pager-count","background","size","disabled","hide-on-single-page","prev-text","prev-icon","next-text","next-icon","teleported"])):e.createCommentVNode("",!0)}}}),O=Object.freeze(Object.defineProperty({__proto__:null,PermissionService:w,VsButton:x,VsCard:B,VsPagination:V,VsTable:v,createPermissionService:b,default:{VsButton:x,VsCard:B,VsTable:v,VsPagination:V},usePermission:y},Symbol.toStringTag,{value:"Module"}));function j(t,n){t.use(u),L(t,{permissions:n==null?void 0:n.permissions,checker:n==null?void 0:n.permissionChecker}),E(t),Object.keys(O).forEach(o=>{const r=O[o];if(r&&typeof r=="object"&&"name"in r){const d=r.name,a=r;t.component(d,a)}})}const H={install:j,version:"1.0.0"};i.PermissionService=w,i.VsButton=x,i.VsCard=B,i.VsPagination=V,i.VsTable=v,i.createPermissionService=b,i.default=H,i.install=j,i.usePermission=y,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/package.json
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "vsoft-ui",
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"description": "A Vue 3 component library based on Element Plus",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/vsoft-ui.umd.js",
|
|
7
|
+
"module": "./dist/vsoft-ui.es.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./dist/vsoft-ui.es.js",
|
|
12
|
+
"require": "./dist/vsoft-ui.umd.js",
|
|
13
|
+
"types": "./dist/index.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./style.css": "./dist/style.css"
|
|
16
|
+
},
|
|
17
|
+
"files": [
|
|
18
|
+
"dist",
|
|
19
|
+
"README.md"
|
|
20
|
+
],
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "vite",
|
|
23
|
+
"build": "vite build --mode lib",
|
|
24
|
+
"build:docs": "vitepress build docs",
|
|
25
|
+
"dev:docs": "vitepress dev docs",
|
|
26
|
+
"preview:docs": "vitepress preview docs",
|
|
27
|
+
"type-check": "vue-tsc --noEmit",
|
|
28
|
+
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
|
|
29
|
+
"prepublishOnly": "pnpm run build",
|
|
30
|
+
"pack:test": "pnpm pack && tar -tzf vsoft-ui-*.tgz && Remove-Item vsoft-ui-*.tgz"
|
|
31
|
+
},
|
|
32
|
+
"keywords": [
|
|
33
|
+
"vue3",
|
|
34
|
+
"component-library",
|
|
35
|
+
"element-plus",
|
|
36
|
+
"ui",
|
|
37
|
+
"components"
|
|
38
|
+
],
|
|
39
|
+
"author": "",
|
|
40
|
+
"license": "MIT",
|
|
41
|
+
"publishConfig": {
|
|
42
|
+
"access": "public",
|
|
43
|
+
"registry": "https://registry.npmjs.org/"
|
|
44
|
+
},
|
|
45
|
+
"dependencies": {
|
|
46
|
+
"element-plus": "^2.4.4",
|
|
47
|
+
"vue": "^3.3.4"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"@vitejs/plugin-vue": "^4.5.0",
|
|
51
|
+
"@vue/tsconfig": "^0.4.0",
|
|
52
|
+
"typescript": "^5.2.2",
|
|
53
|
+
"vite": "^5.0.0",
|
|
54
|
+
"vite-plugin-dts": "^3.6.4",
|
|
55
|
+
"vue-tsc": "^2.0.0",
|
|
56
|
+
"vitepress": "^1.0.0-rc.31",
|
|
57
|
+
"sass": "^1.69.5"
|
|
58
|
+
},
|
|
59
|
+
"peerDependencies": {
|
|
60
|
+
"vue": "^3.3.4"
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|