@fangzhongya/fang-ui 0.0.50 → 0.0.52
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/dist/components/common/urls.cjs +1 -0
- package/dist/components/common/urls.js +1 -0
- package/dist/components/dialogs/index.css +5 -0
- package/dist/components/dialogs/index.scss +5 -5
- package/dist/components/dialogs/src/data.cjs +17 -1
- package/dist/components/dialogs/src/data.d.ts +16 -0
- package/dist/components/dialogs/src/data.js +17 -1
- package/dist/components/dialogs/src/index2.cjs +8 -10
- package/dist/components/dialogs/src/index2.js +9 -11
- package/dist/components/paging/src/index2.cjs +2 -3
- package/dist/components/paging/src/index2.js +2 -3
- package/dist/components/tables/common/pagin.cjs +148 -4
- package/dist/components/tables/common/pagin.d.ts +8 -1
- package/dist/components/tables/common/pagin.js +149 -5
- package/dist/components/tables/src/index2.cjs +5 -0
- package/dist/components/tables/src/index2.js +5 -0
- package/dist/css/dialogs.css +5 -0
- package/dist/css/index.css +5 -0
- package/dist/icons/index.css +29 -29
- package/dist/icons/index.json +8 -8
- package/dist/index.css +5 -0
- package/dist/type.d.ts +2 -0
- package/package.json +5 -5
- /package/dist/components/{form-item → collapse-item}/index.css +0 -0
- /package/dist/css/{form-item.css → collapse-item.css} +0 -0
|
@@ -18,8 +18,13 @@
|
|
|
18
18
|
.dialogs.el-dialog .el-dialog__header {
|
|
19
19
|
padding-top: 16px;
|
|
20
20
|
padding-left: 20px;
|
|
21
|
+
background-color: #3770ed;
|
|
21
22
|
border-bottom: 1px solid var(--border);
|
|
22
23
|
}
|
|
24
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__title,
|
|
25
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__close {
|
|
26
|
+
color: #fff;
|
|
27
|
+
}
|
|
23
28
|
.dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
|
|
24
29
|
width: 56px;
|
|
25
30
|
height: 56px;
|
|
@@ -8,12 +8,12 @@ $dialogs: 'dialogs';
|
|
|
8
8
|
&__header {
|
|
9
9
|
padding-top: 16px;
|
|
10
10
|
padding-left: 20px;
|
|
11
|
-
|
|
11
|
+
background-color: #3770ed;
|
|
12
12
|
border-bottom: 1px solid var(--#{$cssname}border);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
.#{e()}dialog__title,
|
|
14
|
+
.#{e()}dialog__close {
|
|
15
|
+
color: #fff;
|
|
16
|
+
}
|
|
17
17
|
.#{e()}dialog__headerbtn {
|
|
18
18
|
width: 56px;
|
|
19
19
|
height: 56px;
|
|
@@ -20,7 +20,23 @@ const dataProps = {
|
|
|
20
20
|
* @props { Boolean } noFooter ( )
|
|
21
21
|
* 是否隐藏底部
|
|
22
22
|
*/
|
|
23
|
-
noFooter: Boolean
|
|
23
|
+
noFooter: Boolean,
|
|
24
|
+
/**
|
|
25
|
+
* @props { String } closeName='关闭' ( )
|
|
26
|
+
* 关闭按钮名称
|
|
27
|
+
*/
|
|
28
|
+
closeName: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: "关闭"
|
|
31
|
+
},
|
|
32
|
+
/**
|
|
33
|
+
* @props { String } submitName='确认' ( )
|
|
34
|
+
* 确认按钮名称
|
|
35
|
+
*/
|
|
36
|
+
submitName: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: "确认"
|
|
39
|
+
}
|
|
24
40
|
};
|
|
25
41
|
const dataEmits = ["update:modelValue", "close", "confirm"];
|
|
26
42
|
exports.dataEmits = dataEmits;
|
|
@@ -20,6 +20,22 @@ export declare const dataProps: {
|
|
|
20
20
|
* 是否隐藏底部
|
|
21
21
|
*/
|
|
22
22
|
noFooter: BooleanConstructor;
|
|
23
|
+
/**
|
|
24
|
+
* @props { String } closeName='关闭' ( )
|
|
25
|
+
* 关闭按钮名称
|
|
26
|
+
*/
|
|
27
|
+
closeName: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* @props { String } submitName='确认' ( )
|
|
33
|
+
* 确认按钮名称
|
|
34
|
+
*/
|
|
35
|
+
submitName: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
23
39
|
};
|
|
24
40
|
export type DataProps = ExtractPropTypes<typeof dataProps>;
|
|
25
41
|
/**
|
|
@@ -18,7 +18,23 @@ const dataProps = {
|
|
|
18
18
|
* @props { Boolean } noFooter ( )
|
|
19
19
|
* 是否隐藏底部
|
|
20
20
|
*/
|
|
21
|
-
noFooter: Boolean
|
|
21
|
+
noFooter: Boolean,
|
|
22
|
+
/**
|
|
23
|
+
* @props { String } closeName='关闭' ( )
|
|
24
|
+
* 关闭按钮名称
|
|
25
|
+
*/
|
|
26
|
+
closeName: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: "关闭"
|
|
29
|
+
},
|
|
30
|
+
/**
|
|
31
|
+
* @props { String } submitName='确认' ( )
|
|
32
|
+
* 确认按钮名称
|
|
33
|
+
*/
|
|
34
|
+
submitName: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "确认"
|
|
37
|
+
}
|
|
22
38
|
};
|
|
23
39
|
const dataEmits = ["update:modelValue", "close", "confirm"];
|
|
24
40
|
export {
|
|
@@ -56,21 +56,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
56
56
|
class: vue.normalizeClass(vue.unref(cs).z("footer"))
|
|
57
57
|
}, [
|
|
58
58
|
vue.createVNode(vue.unref(index$2.ElButton), { onClick: onClose }, {
|
|
59
|
-
default: vue.withCtx(() =>
|
|
60
|
-
vue.createTextVNode(
|
|
61
|
-
])
|
|
62
|
-
_: 1
|
|
63
|
-
__: [1]
|
|
59
|
+
default: vue.withCtx(() => [
|
|
60
|
+
vue.createTextVNode(vue.toDisplayString(props.closeName), 1)
|
|
61
|
+
]),
|
|
62
|
+
_: 1
|
|
64
63
|
}),
|
|
65
64
|
vue.createVNode(vue.unref(index$2.ElButton), {
|
|
66
65
|
type: "primary",
|
|
67
66
|
onClick: onSubmit
|
|
68
67
|
}, {
|
|
69
|
-
default: vue.withCtx(() =>
|
|
70
|
-
vue.createTextVNode(
|
|
71
|
-
])
|
|
72
|
-
_: 1
|
|
73
|
-
__: [2]
|
|
68
|
+
default: vue.withCtx(() => [
|
|
69
|
+
vue.createTextVNode(vue.toDisplayString(props.submitName), 1)
|
|
70
|
+
]),
|
|
71
|
+
_: 1
|
|
74
72
|
})
|
|
75
73
|
], 2)
|
|
76
74
|
])
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode } from "vue";
|
|
1
|
+
import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createTextVNode, toDisplayString } from "vue";
|
|
2
2
|
import { dataEmits, dataProps } from "./data.js";
|
|
3
3
|
import { ElDialog } from "element-plus/es/components/dialog/index";
|
|
4
4
|
import { ElButton } from "element-plus/es/components/button/index";
|
|
@@ -54,21 +54,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
54
54
|
class: normalizeClass(unref(cs).z("footer"))
|
|
55
55
|
}, [
|
|
56
56
|
createVNode(unref(ElButton), { onClick: onClose }, {
|
|
57
|
-
default: withCtx(() =>
|
|
58
|
-
createTextVNode(
|
|
59
|
-
])
|
|
60
|
-
_: 1
|
|
61
|
-
__: [1]
|
|
57
|
+
default: withCtx(() => [
|
|
58
|
+
createTextVNode(toDisplayString(props.closeName), 1)
|
|
59
|
+
]),
|
|
60
|
+
_: 1
|
|
62
61
|
}),
|
|
63
62
|
createVNode(unref(ElButton), {
|
|
64
63
|
type: "primary",
|
|
65
64
|
onClick: onSubmit
|
|
66
65
|
}, {
|
|
67
|
-
default: withCtx(() =>
|
|
68
|
-
createTextVNode(
|
|
69
|
-
])
|
|
70
|
-
_: 1
|
|
71
|
-
__: [2]
|
|
66
|
+
default: withCtx(() => [
|
|
67
|
+
createTextVNode(toDisplayString(props.submitName), 1)
|
|
68
|
+
]),
|
|
69
|
+
_: 1
|
|
72
70
|
})
|
|
73
71
|
], 2)
|
|
74
72
|
])
|
|
@@ -31,13 +31,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
31
31
|
return v;
|
|
32
32
|
});
|
|
33
33
|
const onCurrentChange = (v) => {
|
|
34
|
-
console.log("current", v);
|
|
35
34
|
props.paginat.current = v;
|
|
36
|
-
emit("current-change");
|
|
35
|
+
emit("current-change", v);
|
|
37
36
|
};
|
|
38
37
|
const onSizeChange = (v) => {
|
|
39
38
|
props.paginat.pageSize = v;
|
|
40
|
-
emit("size-change");
|
|
39
|
+
emit("size-change", v);
|
|
41
40
|
};
|
|
42
41
|
__expose({});
|
|
43
42
|
return (_ctx, _cache) => {
|
|
@@ -29,13 +29,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
29
29
|
return v;
|
|
30
30
|
});
|
|
31
31
|
const onCurrentChange = (v) => {
|
|
32
|
-
console.log("current", v);
|
|
33
32
|
props.paginat.current = v;
|
|
34
|
-
emit("current-change");
|
|
33
|
+
emit("current-change", v);
|
|
35
34
|
};
|
|
36
35
|
const onSizeChange = (v) => {
|
|
37
36
|
props.paginat.pageSize = v;
|
|
38
|
-
emit("size-change");
|
|
37
|
+
emit("size-change", v);
|
|
39
38
|
};
|
|
40
39
|
__expose({});
|
|
41
40
|
return (_ctx, _cache) => {
|
|
@@ -78,8 +78,13 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
78
78
|
});
|
|
79
79
|
const data = vue.reactive({
|
|
80
80
|
total: 0,
|
|
81
|
-
list: []
|
|
81
|
+
list: [],
|
|
82
|
+
current: 1,
|
|
83
|
+
pageSize: mpagconfig.pageSize,
|
|
84
|
+
order: "",
|
|
85
|
+
prop: ""
|
|
82
86
|
});
|
|
87
|
+
const crossPageData = vue.ref([]);
|
|
83
88
|
const orderMap = {
|
|
84
89
|
asc: "asc",
|
|
85
90
|
ascending: "asc",
|
|
@@ -195,11 +200,133 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
195
200
|
return tableConfig.value.type == 1;
|
|
196
201
|
}
|
|
197
202
|
});
|
|
203
|
+
function setCrossPage() {
|
|
204
|
+
const v = data.current;
|
|
205
|
+
console.log("v", v);
|
|
206
|
+
crossPageData.value[v] = getSelection();
|
|
207
|
+
console.log("crossPageData", crossPageData);
|
|
208
|
+
}
|
|
209
|
+
function getCrossPageValue(sarr, index) {
|
|
210
|
+
var _a2;
|
|
211
|
+
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
212
|
+
if (cross) {
|
|
213
|
+
if (typeof cross === "string") {
|
|
214
|
+
const sv = /* @__PURE__ */ new Set();
|
|
215
|
+
const is = [];
|
|
216
|
+
if (sarr && index) {
|
|
217
|
+
crossPageData.value.forEach((arr, i) => {
|
|
218
|
+
if (i === index) {
|
|
219
|
+
sarr.forEach((v) => {
|
|
220
|
+
if (!is.includes(v[cross])) {
|
|
221
|
+
is.push(v[cross]);
|
|
222
|
+
sv.add(v);
|
|
223
|
+
}
|
|
224
|
+
});
|
|
225
|
+
} else {
|
|
226
|
+
arr.forEach((v) => {
|
|
227
|
+
if (!is.includes(v[cross])) {
|
|
228
|
+
is.push(v[cross]);
|
|
229
|
+
sv.add(v);
|
|
230
|
+
}
|
|
231
|
+
});
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
if (!crossPageData.value[index]) {
|
|
235
|
+
sarr.forEach((v) => {
|
|
236
|
+
if (!is.includes(v[cross])) {
|
|
237
|
+
is.push(v[cross]);
|
|
238
|
+
sv.add(v);
|
|
239
|
+
}
|
|
240
|
+
});
|
|
241
|
+
}
|
|
242
|
+
} else {
|
|
243
|
+
crossPageData.value.forEach((arr) => {
|
|
244
|
+
arr.forEach((v) => {
|
|
245
|
+
if (!is.includes(v[cross])) {
|
|
246
|
+
is.push(v[cross]);
|
|
247
|
+
sv.add(v);
|
|
248
|
+
}
|
|
249
|
+
});
|
|
250
|
+
});
|
|
251
|
+
}
|
|
252
|
+
return [...sv];
|
|
253
|
+
} else {
|
|
254
|
+
const sv = /* @__PURE__ */ new Set();
|
|
255
|
+
if (sarr && index) {
|
|
256
|
+
crossPageData.value.forEach((arr, i) => {
|
|
257
|
+
if (i === index) {
|
|
258
|
+
sarr.forEach((v) => {
|
|
259
|
+
sv.add(v);
|
|
260
|
+
});
|
|
261
|
+
} else {
|
|
262
|
+
arr.forEach((v) => {
|
|
263
|
+
sv.add(v);
|
|
264
|
+
});
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
if (!crossPageData.value[index]) {
|
|
268
|
+
sarr.forEach((v) => {
|
|
269
|
+
sv.add(v);
|
|
270
|
+
});
|
|
271
|
+
}
|
|
272
|
+
} else {
|
|
273
|
+
crossPageData.value.forEach((arr) => {
|
|
274
|
+
arr.forEach((v) => {
|
|
275
|
+
sv.add(v);
|
|
276
|
+
});
|
|
277
|
+
});
|
|
278
|
+
}
|
|
279
|
+
return [...sv];
|
|
280
|
+
}
|
|
281
|
+
} else {
|
|
282
|
+
return [];
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
function toggleCrossPage() {
|
|
286
|
+
var _a2;
|
|
287
|
+
const datas = data.list;
|
|
288
|
+
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
289
|
+
if (cross) {
|
|
290
|
+
const vs = getCrossPageValue();
|
|
291
|
+
if (typeof cross == "string") {
|
|
292
|
+
const iss = vs.map((o) => o[cross]);
|
|
293
|
+
const ts = datas.filter((v) => {
|
|
294
|
+
return iss.includes(v[cross]);
|
|
295
|
+
});
|
|
296
|
+
vue.nextTick(() => {
|
|
297
|
+
ts.forEach((v) => {
|
|
298
|
+
refTable.value.toggleRowSelection(v);
|
|
299
|
+
});
|
|
300
|
+
});
|
|
301
|
+
} else {
|
|
302
|
+
const iss = vs.map((o) => JSON.stringify(o));
|
|
303
|
+
const ts = datas.filter((v) => {
|
|
304
|
+
return iss.includes(JSON.stringify(v));
|
|
305
|
+
});
|
|
306
|
+
vue.nextTick(() => {
|
|
307
|
+
ts.forEach((v) => {
|
|
308
|
+
refTable.value.toggleRowSelection(v);
|
|
309
|
+
});
|
|
310
|
+
});
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
function getSelectionValue(arr, i) {
|
|
315
|
+
var _a2;
|
|
316
|
+
if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
|
|
317
|
+
return getCrossPageValue(arr, i);
|
|
318
|
+
} else {
|
|
319
|
+
return arr;
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
function getSelection() {
|
|
323
|
+
return refTable.value.getSelections();
|
|
324
|
+
}
|
|
198
325
|
function onChange(arr) {
|
|
199
326
|
var _a2;
|
|
200
327
|
if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
|
|
201
328
|
console.log("onChange");
|
|
202
|
-
emit("selection", arr);
|
|
329
|
+
emit("selection", getSelectionValue(arr, paginat.current));
|
|
203
330
|
}
|
|
204
331
|
}
|
|
205
332
|
function onRowClick(row, obj) {
|
|
@@ -291,14 +418,24 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
291
418
|
paginat.order = orderMap[obj.order] || "";
|
|
292
419
|
paginat.prop = obj.field || obj.prop;
|
|
293
420
|
paginat.current = 1;
|
|
421
|
+
clean();
|
|
294
422
|
getData();
|
|
295
423
|
}
|
|
296
424
|
}
|
|
297
425
|
function onSizeChange() {
|
|
426
|
+
console.log("onSizeChange");
|
|
298
427
|
paginat.current = 1;
|
|
428
|
+
clean();
|
|
299
429
|
getData();
|
|
300
430
|
}
|
|
301
431
|
function onCurrentChange() {
|
|
432
|
+
var _a2;
|
|
433
|
+
console.log("onCurrentChange");
|
|
434
|
+
if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
|
|
435
|
+
setCrossPage();
|
|
436
|
+
} else {
|
|
437
|
+
clean();
|
|
438
|
+
}
|
|
302
439
|
getData();
|
|
303
440
|
}
|
|
304
441
|
function onListEvents(...arr) {
|
|
@@ -307,12 +444,14 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
307
444
|
}
|
|
308
445
|
function initData(callback) {
|
|
309
446
|
paginat.current = 1;
|
|
447
|
+
clean();
|
|
310
448
|
getData({}, callback);
|
|
311
449
|
}
|
|
312
450
|
function clean() {
|
|
313
451
|
var _a2;
|
|
314
|
-
(_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
|
|
315
452
|
console.log("clean");
|
|
453
|
+
(_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
|
|
454
|
+
crossPageData.value = [];
|
|
316
455
|
emit("selection", []);
|
|
317
456
|
}
|
|
318
457
|
function getParam(param) {
|
|
@@ -335,7 +474,6 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
335
474
|
}
|
|
336
475
|
function getData(p = {}, callback) {
|
|
337
476
|
var _a2, _b2;
|
|
338
|
-
clean();
|
|
339
477
|
loading.value = true;
|
|
340
478
|
let ajaxConfig = props2.ajaxConfig;
|
|
341
479
|
let ajax = props2.ajax;
|
|
@@ -345,6 +483,10 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
345
483
|
} else {
|
|
346
484
|
ajax = ajax ?? tableConfig.value.ajax;
|
|
347
485
|
}
|
|
486
|
+
data.current = paginat.current;
|
|
487
|
+
data.pageSize = paginat.pageSize;
|
|
488
|
+
data.order = paginat.order;
|
|
489
|
+
data.prop = paginat.prop;
|
|
348
490
|
urls.comHandle(
|
|
349
491
|
{
|
|
350
492
|
onRequestBefore: inParamFilter,
|
|
@@ -369,6 +511,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
369
511
|
}
|
|
370
512
|
data.list = defaultSort(dlist);
|
|
371
513
|
data.total = (list == null ? void 0 : list.total) || dlist.length;
|
|
514
|
+
toggleCrossPage();
|
|
372
515
|
loading.value = false;
|
|
373
516
|
if (callback) {
|
|
374
517
|
callback(data);
|
|
@@ -428,6 +571,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
428
571
|
getSelection,
|
|
429
572
|
initData,
|
|
430
573
|
getData,
|
|
574
|
+
clean,
|
|
431
575
|
empty,
|
|
432
576
|
loading,
|
|
433
577
|
onSortChange,
|
|
@@ -79,6 +79,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
79
79
|
nocustomize?: boolean | undefined;
|
|
80
80
|
isradio?: boolean | undefined;
|
|
81
81
|
ischecked?: boolean | undefined;
|
|
82
|
+
crossPage?: boolean | string | undefined;
|
|
82
83
|
border?: boolean | undefined;
|
|
83
84
|
align?: string | undefined;
|
|
84
85
|
resizable?: boolean | undefined;
|
|
@@ -132,6 +133,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
132
133
|
nocustomize?: boolean | undefined;
|
|
133
134
|
isradio?: boolean | undefined;
|
|
134
135
|
ischecked?: boolean | undefined;
|
|
136
|
+
crossPage?: boolean | string | undefined;
|
|
135
137
|
border?: boolean | undefined;
|
|
136
138
|
align?: string | undefined;
|
|
137
139
|
resizable?: boolean | undefined;
|
|
@@ -240,9 +242,10 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
240
242
|
type?: string | undefined;
|
|
241
243
|
}[]>;
|
|
242
244
|
onRadioChange: (obj: ObjAny) => void;
|
|
243
|
-
getSelection:
|
|
245
|
+
getSelection: () => any;
|
|
244
246
|
initData: (callback?: () => void) => void;
|
|
245
247
|
getData: (p?: ObjAny, callback?: (d?: ObjAny) => void) => void;
|
|
248
|
+
clean: () => void;
|
|
246
249
|
empty: () => void;
|
|
247
250
|
loading: Ref<boolean, boolean>;
|
|
248
251
|
onSortChange: (obj: ObjAny) => void;
|
|
@@ -299,6 +302,10 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
299
302
|
prop: string;
|
|
300
303
|
};
|
|
301
304
|
data: {
|
|
305
|
+
current: number;
|
|
306
|
+
pageSize: number;
|
|
307
|
+
order: string;
|
|
308
|
+
prop: string;
|
|
302
309
|
total: number;
|
|
303
310
|
list: ObjAny[];
|
|
304
311
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref, reactive, watch, computed } from "vue";
|
|
1
|
+
import { ref, reactive, watch, computed, nextTick } from "vue";
|
|
2
2
|
import "../../../utils/index.js";
|
|
3
3
|
import { props, comHandle } from "../../common/urls.js";
|
|
4
4
|
import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
|
|
@@ -76,8 +76,13 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
76
76
|
});
|
|
77
77
|
const data = reactive({
|
|
78
78
|
total: 0,
|
|
79
|
-
list: []
|
|
79
|
+
list: [],
|
|
80
|
+
current: 1,
|
|
81
|
+
pageSize: mpagconfig.pageSize,
|
|
82
|
+
order: "",
|
|
83
|
+
prop: ""
|
|
80
84
|
});
|
|
85
|
+
const crossPageData = ref([]);
|
|
81
86
|
const orderMap = {
|
|
82
87
|
asc: "asc",
|
|
83
88
|
ascending: "asc",
|
|
@@ -193,11 +198,133 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
193
198
|
return tableConfig.value.type == 1;
|
|
194
199
|
}
|
|
195
200
|
});
|
|
201
|
+
function setCrossPage() {
|
|
202
|
+
const v = data.current;
|
|
203
|
+
console.log("v", v);
|
|
204
|
+
crossPageData.value[v] = getSelection();
|
|
205
|
+
console.log("crossPageData", crossPageData);
|
|
206
|
+
}
|
|
207
|
+
function getCrossPageValue(sarr, index) {
|
|
208
|
+
var _a2;
|
|
209
|
+
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
210
|
+
if (cross) {
|
|
211
|
+
if (typeof cross === "string") {
|
|
212
|
+
const sv = /* @__PURE__ */ new Set();
|
|
213
|
+
const is = [];
|
|
214
|
+
if (sarr && index) {
|
|
215
|
+
crossPageData.value.forEach((arr, i) => {
|
|
216
|
+
if (i === index) {
|
|
217
|
+
sarr.forEach((v) => {
|
|
218
|
+
if (!is.includes(v[cross])) {
|
|
219
|
+
is.push(v[cross]);
|
|
220
|
+
sv.add(v);
|
|
221
|
+
}
|
|
222
|
+
});
|
|
223
|
+
} else {
|
|
224
|
+
arr.forEach((v) => {
|
|
225
|
+
if (!is.includes(v[cross])) {
|
|
226
|
+
is.push(v[cross]);
|
|
227
|
+
sv.add(v);
|
|
228
|
+
}
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
});
|
|
232
|
+
if (!crossPageData.value[index]) {
|
|
233
|
+
sarr.forEach((v) => {
|
|
234
|
+
if (!is.includes(v[cross])) {
|
|
235
|
+
is.push(v[cross]);
|
|
236
|
+
sv.add(v);
|
|
237
|
+
}
|
|
238
|
+
});
|
|
239
|
+
}
|
|
240
|
+
} else {
|
|
241
|
+
crossPageData.value.forEach((arr) => {
|
|
242
|
+
arr.forEach((v) => {
|
|
243
|
+
if (!is.includes(v[cross])) {
|
|
244
|
+
is.push(v[cross]);
|
|
245
|
+
sv.add(v);
|
|
246
|
+
}
|
|
247
|
+
});
|
|
248
|
+
});
|
|
249
|
+
}
|
|
250
|
+
return [...sv];
|
|
251
|
+
} else {
|
|
252
|
+
const sv = /* @__PURE__ */ new Set();
|
|
253
|
+
if (sarr && index) {
|
|
254
|
+
crossPageData.value.forEach((arr, i) => {
|
|
255
|
+
if (i === index) {
|
|
256
|
+
sarr.forEach((v) => {
|
|
257
|
+
sv.add(v);
|
|
258
|
+
});
|
|
259
|
+
} else {
|
|
260
|
+
arr.forEach((v) => {
|
|
261
|
+
sv.add(v);
|
|
262
|
+
});
|
|
263
|
+
}
|
|
264
|
+
});
|
|
265
|
+
if (!crossPageData.value[index]) {
|
|
266
|
+
sarr.forEach((v) => {
|
|
267
|
+
sv.add(v);
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
} else {
|
|
271
|
+
crossPageData.value.forEach((arr) => {
|
|
272
|
+
arr.forEach((v) => {
|
|
273
|
+
sv.add(v);
|
|
274
|
+
});
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
return [...sv];
|
|
278
|
+
}
|
|
279
|
+
} else {
|
|
280
|
+
return [];
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
function toggleCrossPage() {
|
|
284
|
+
var _a2;
|
|
285
|
+
const datas = data.list;
|
|
286
|
+
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
287
|
+
if (cross) {
|
|
288
|
+
const vs = getCrossPageValue();
|
|
289
|
+
if (typeof cross == "string") {
|
|
290
|
+
const iss = vs.map((o) => o[cross]);
|
|
291
|
+
const ts = datas.filter((v) => {
|
|
292
|
+
return iss.includes(v[cross]);
|
|
293
|
+
});
|
|
294
|
+
nextTick(() => {
|
|
295
|
+
ts.forEach((v) => {
|
|
296
|
+
refTable.value.toggleRowSelection(v);
|
|
297
|
+
});
|
|
298
|
+
});
|
|
299
|
+
} else {
|
|
300
|
+
const iss = vs.map((o) => JSON.stringify(o));
|
|
301
|
+
const ts = datas.filter((v) => {
|
|
302
|
+
return iss.includes(JSON.stringify(v));
|
|
303
|
+
});
|
|
304
|
+
nextTick(() => {
|
|
305
|
+
ts.forEach((v) => {
|
|
306
|
+
refTable.value.toggleRowSelection(v);
|
|
307
|
+
});
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
function getSelectionValue(arr, i) {
|
|
313
|
+
var _a2;
|
|
314
|
+
if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
|
|
315
|
+
return getCrossPageValue(arr, i);
|
|
316
|
+
} else {
|
|
317
|
+
return arr;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
function getSelection() {
|
|
321
|
+
return refTable.value.getSelections();
|
|
322
|
+
}
|
|
196
323
|
function onChange(arr) {
|
|
197
324
|
var _a2;
|
|
198
325
|
if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
|
|
199
326
|
console.log("onChange");
|
|
200
|
-
emit("selection", arr);
|
|
327
|
+
emit("selection", getSelectionValue(arr, paginat.current));
|
|
201
328
|
}
|
|
202
329
|
}
|
|
203
330
|
function onRowClick(row, obj) {
|
|
@@ -289,14 +416,24 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
289
416
|
paginat.order = orderMap[obj.order] || "";
|
|
290
417
|
paginat.prop = obj.field || obj.prop;
|
|
291
418
|
paginat.current = 1;
|
|
419
|
+
clean();
|
|
292
420
|
getData();
|
|
293
421
|
}
|
|
294
422
|
}
|
|
295
423
|
function onSizeChange() {
|
|
424
|
+
console.log("onSizeChange");
|
|
296
425
|
paginat.current = 1;
|
|
426
|
+
clean();
|
|
297
427
|
getData();
|
|
298
428
|
}
|
|
299
429
|
function onCurrentChange() {
|
|
430
|
+
var _a2;
|
|
431
|
+
console.log("onCurrentChange");
|
|
432
|
+
if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
|
|
433
|
+
setCrossPage();
|
|
434
|
+
} else {
|
|
435
|
+
clean();
|
|
436
|
+
}
|
|
300
437
|
getData();
|
|
301
438
|
}
|
|
302
439
|
function onListEvents(...arr) {
|
|
@@ -305,12 +442,14 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
305
442
|
}
|
|
306
443
|
function initData(callback) {
|
|
307
444
|
paginat.current = 1;
|
|
445
|
+
clean();
|
|
308
446
|
getData({}, callback);
|
|
309
447
|
}
|
|
310
448
|
function clean() {
|
|
311
449
|
var _a2;
|
|
312
|
-
(_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
|
|
313
450
|
console.log("clean");
|
|
451
|
+
(_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
|
|
452
|
+
crossPageData.value = [];
|
|
314
453
|
emit("selection", []);
|
|
315
454
|
}
|
|
316
455
|
function getParam(param) {
|
|
@@ -333,7 +472,6 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
333
472
|
}
|
|
334
473
|
function getData(p = {}, callback) {
|
|
335
474
|
var _a2, _b2;
|
|
336
|
-
clean();
|
|
337
475
|
loading.value = true;
|
|
338
476
|
let ajaxConfig = props2.ajaxConfig;
|
|
339
477
|
let ajax = props2.ajax;
|
|
@@ -343,6 +481,10 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
343
481
|
} else {
|
|
344
482
|
ajax = ajax ?? tableConfig.value.ajax;
|
|
345
483
|
}
|
|
484
|
+
data.current = paginat.current;
|
|
485
|
+
data.pageSize = paginat.pageSize;
|
|
486
|
+
data.order = paginat.order;
|
|
487
|
+
data.prop = paginat.prop;
|
|
346
488
|
comHandle(
|
|
347
489
|
{
|
|
348
490
|
onRequestBefore: inParamFilter,
|
|
@@ -367,6 +509,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
367
509
|
}
|
|
368
510
|
data.list = defaultSort(dlist);
|
|
369
511
|
data.total = (list == null ? void 0 : list.total) || dlist.length;
|
|
512
|
+
toggleCrossPage();
|
|
370
513
|
loading.value = false;
|
|
371
514
|
if (callback) {
|
|
372
515
|
callback(data);
|
|
@@ -426,6 +569,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
426
569
|
getSelection,
|
|
427
570
|
initData,
|
|
428
571
|
getData,
|
|
572
|
+
clean,
|
|
429
573
|
empty,
|
|
430
574
|
loading,
|
|
431
575
|
onSortChange,
|
|
@@ -106,6 +106,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
106
106
|
function clearSelection() {
|
|
107
107
|
tableRef.value.clearSelection();
|
|
108
108
|
}
|
|
109
|
+
function getSelections() {
|
|
110
|
+
var _a;
|
|
111
|
+
return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
|
|
112
|
+
}
|
|
109
113
|
vue.onMounted(() => {
|
|
110
114
|
if (window) {
|
|
111
115
|
window.addEventListener("click", () => {
|
|
@@ -116,6 +120,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
116
120
|
__expose({
|
|
117
121
|
...data.dataExpose,
|
|
118
122
|
clearSelection,
|
|
123
|
+
getSelections,
|
|
119
124
|
toggleRowSelection
|
|
120
125
|
});
|
|
121
126
|
return (_ctx, _cache) => {
|
|
@@ -104,6 +104,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
104
104
|
function clearSelection() {
|
|
105
105
|
tableRef.value.clearSelection();
|
|
106
106
|
}
|
|
107
|
+
function getSelections() {
|
|
108
|
+
var _a;
|
|
109
|
+
return (_a = tableRef.value) == null ? void 0 : _a.getSelectionRows();
|
|
110
|
+
}
|
|
107
111
|
onMounted(() => {
|
|
108
112
|
if (window) {
|
|
109
113
|
window.addEventListener("click", () => {
|
|
@@ -114,6 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
114
118
|
__expose({
|
|
115
119
|
...dataExpose,
|
|
116
120
|
clearSelection,
|
|
121
|
+
getSelections,
|
|
117
122
|
toggleRowSelection
|
|
118
123
|
});
|
|
119
124
|
return (_ctx, _cache) => {
|
package/dist/css/dialogs.css
CHANGED
|
@@ -18,8 +18,13 @@
|
|
|
18
18
|
.dialogs.el-dialog .el-dialog__header {
|
|
19
19
|
padding-top: 16px;
|
|
20
20
|
padding-left: 20px;
|
|
21
|
+
background-color: #3770ed;
|
|
21
22
|
border-bottom: 1px solid var(--border);
|
|
22
23
|
}
|
|
24
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__title,
|
|
25
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__close {
|
|
26
|
+
color: #fff;
|
|
27
|
+
}
|
|
23
28
|
.dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
|
|
24
29
|
width: 56px;
|
|
25
30
|
height: 56px;
|
package/dist/css/index.css
CHANGED
|
@@ -214,8 +214,13 @@
|
|
|
214
214
|
.dialogs.el-dialog .el-dialog__header {
|
|
215
215
|
padding-top: 16px;
|
|
216
216
|
padding-left: 20px;
|
|
217
|
+
background-color: #3770ed;
|
|
217
218
|
border-bottom: 1px solid var(--border);
|
|
218
219
|
}
|
|
220
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__title,
|
|
221
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__close {
|
|
222
|
+
color: #fff;
|
|
223
|
+
}
|
|
219
224
|
.dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
|
|
220
225
|
width: 56px;
|
|
221
226
|
height: 56px;
|
package/dist/icons/index.css
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg id='icon-bar' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
|
|
3
|
-
--icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
|
|
4
3
|
--icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
|
|
5
|
-
--icon-svg-
|
|
4
|
+
--icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
|
|
5
|
+
--icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
|
|
6
6
|
--icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
|
|
7
7
|
--icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
|
|
8
|
-
--icon-svg-
|
|
8
|
+
--icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
|
|
9
9
|
--icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg id='icon-close' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
|
|
10
|
-
--icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
|
|
11
|
-
--icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
|
|
12
10
|
--icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
|
|
13
11
|
--icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
|
|
12
|
+
--icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
|
|
13
|
+
--icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
|
|
14
14
|
--icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z' %3E%3C/path%3E %3C/svg%3E");
|
|
15
15
|
}
|
|
16
16
|
.icon-bar {
|
|
@@ -23,32 +23,32 @@
|
|
|
23
23
|
mask-size: 100% 100%;
|
|
24
24
|
color: inherit;
|
|
25
25
|
}
|
|
26
|
-
.icon-
|
|
26
|
+
.icon-below {
|
|
27
27
|
height: 1em;
|
|
28
28
|
width: 1em;
|
|
29
29
|
background-color: currentColor;
|
|
30
|
-
-webkit-mask: var(--icon-svg-
|
|
31
|
-
mask: var(--icon-svg-
|
|
30
|
+
-webkit-mask: var(--icon-svg-below) no-repeat;
|
|
31
|
+
mask: var(--icon-svg-below) no-repeat;
|
|
32
32
|
-webkit-mask-size: 100% 100%;
|
|
33
33
|
mask-size: 100% 100%;
|
|
34
34
|
color: inherit;
|
|
35
35
|
}
|
|
36
|
-
.icon-
|
|
36
|
+
.icon-bicycle {
|
|
37
37
|
height: 1em;
|
|
38
38
|
width: 1em;
|
|
39
39
|
background-color: currentColor;
|
|
40
|
-
-webkit-mask: var(--icon-svg-
|
|
41
|
-
mask: var(--icon-svg-
|
|
40
|
+
-webkit-mask: var(--icon-svg-bicycle) no-repeat;
|
|
41
|
+
mask: var(--icon-svg-bicycle) no-repeat;
|
|
42
42
|
-webkit-mask-size: 100% 100%;
|
|
43
43
|
mask-size: 100% 100%;
|
|
44
44
|
color: inherit;
|
|
45
45
|
}
|
|
46
|
-
.icon-
|
|
46
|
+
.icon-clear {
|
|
47
47
|
height: 1em;
|
|
48
48
|
width: 1em;
|
|
49
49
|
background-color: currentColor;
|
|
50
|
-
-webkit-mask: var(--icon-svg-
|
|
51
|
-
mask: var(--icon-svg-
|
|
50
|
+
-webkit-mask: var(--icon-svg-clear) no-repeat;
|
|
51
|
+
mask: var(--icon-svg-clear) no-repeat;
|
|
52
52
|
-webkit-mask-size: 100% 100%;
|
|
53
53
|
mask-size: 100% 100%;
|
|
54
54
|
color: inherit;
|
|
@@ -73,12 +73,12 @@
|
|
|
73
73
|
mask-size: 100% 100%;
|
|
74
74
|
color: inherit;
|
|
75
75
|
}
|
|
76
|
-
.icon-
|
|
76
|
+
.icon-bottom-left {
|
|
77
77
|
height: 1em;
|
|
78
78
|
width: 1em;
|
|
79
79
|
background-color: currentColor;
|
|
80
|
-
-webkit-mask: var(--icon-svg-
|
|
81
|
-
mask: var(--icon-svg-
|
|
80
|
+
-webkit-mask: var(--icon-svg-bottom-left) no-repeat;
|
|
81
|
+
mask: var(--icon-svg-bottom-left) no-repeat;
|
|
82
82
|
-webkit-mask-size: 100% 100%;
|
|
83
83
|
mask-size: 100% 100%;
|
|
84
84
|
color: inherit;
|
|
@@ -93,42 +93,42 @@
|
|
|
93
93
|
mask-size: 100% 100%;
|
|
94
94
|
color: inherit;
|
|
95
95
|
}
|
|
96
|
-
.icon-
|
|
96
|
+
.icon-left {
|
|
97
97
|
height: 1em;
|
|
98
98
|
width: 1em;
|
|
99
99
|
background-color: currentColor;
|
|
100
|
-
-webkit-mask: var(--icon-svg-
|
|
101
|
-
mask: var(--icon-svg-
|
|
100
|
+
-webkit-mask: var(--icon-svg-left) no-repeat;
|
|
101
|
+
mask: var(--icon-svg-left) no-repeat;
|
|
102
102
|
-webkit-mask-size: 100% 100%;
|
|
103
103
|
mask-size: 100% 100%;
|
|
104
104
|
color: inherit;
|
|
105
105
|
}
|
|
106
|
-
.icon-
|
|
106
|
+
.icon-right {
|
|
107
107
|
height: 1em;
|
|
108
108
|
width: 1em;
|
|
109
109
|
background-color: currentColor;
|
|
110
|
-
-webkit-mask: var(--icon-svg-
|
|
111
|
-
mask: var(--icon-svg-
|
|
110
|
+
-webkit-mask: var(--icon-svg-right) no-repeat;
|
|
111
|
+
mask: var(--icon-svg-right) no-repeat;
|
|
112
112
|
-webkit-mask-size: 100% 100%;
|
|
113
113
|
mask-size: 100% 100%;
|
|
114
114
|
color: inherit;
|
|
115
115
|
}
|
|
116
|
-
.icon-
|
|
116
|
+
.icon-frame {
|
|
117
117
|
height: 1em;
|
|
118
118
|
width: 1em;
|
|
119
119
|
background-color: currentColor;
|
|
120
|
-
-webkit-mask: var(--icon-svg-
|
|
121
|
-
mask: var(--icon-svg-
|
|
120
|
+
-webkit-mask: var(--icon-svg-frame) no-repeat;
|
|
121
|
+
mask: var(--icon-svg-frame) no-repeat;
|
|
122
122
|
-webkit-mask-size: 100% 100%;
|
|
123
123
|
mask-size: 100% 100%;
|
|
124
124
|
color: inherit;
|
|
125
125
|
}
|
|
126
|
-
.icon-
|
|
126
|
+
.icon-edit {
|
|
127
127
|
height: 1em;
|
|
128
128
|
width: 1em;
|
|
129
129
|
background-color: currentColor;
|
|
130
|
-
-webkit-mask: var(--icon-svg-
|
|
131
|
-
mask: var(--icon-svg-
|
|
130
|
+
-webkit-mask: var(--icon-svg-edit) no-repeat;
|
|
131
|
+
mask: var(--icon-svg-edit) no-repeat;
|
|
132
132
|
-webkit-mask-size: 100% 100%;
|
|
133
133
|
mask-size: 100% 100%;
|
|
134
134
|
color: inherit;
|
package/dist/icons/index.json
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"prefix": "fang-ui",
|
|
3
3
|
"info": {},
|
|
4
|
-
"lastModified":
|
|
4
|
+
"lastModified": 1756348059691,
|
|
5
5
|
"icons": {
|
|
6
6
|
"bar": {
|
|
7
7
|
"body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
|
|
8
8
|
},
|
|
9
|
-
"
|
|
10
|
-
"body": "
|
|
9
|
+
"bicycle": {
|
|
10
|
+
"body": "<path fill=\"currentColor\" d=\"M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z\"/><path fill=\"currentColor\" d=\"M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z\"/><path fill=\"currentColor\" d=\"m373.376 599.808-42.752-47.616 320-288 42.752 47.616z\"/>"
|
|
11
11
|
},
|
|
12
12
|
"bottom": {
|
|
13
13
|
"body": "<path fill=\"currentColor\" d=\"M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z\"/>"
|
|
14
14
|
},
|
|
15
|
-
"
|
|
16
|
-
"body": "
|
|
17
|
-
},
|
|
18
|
-
"edit": {
|
|
19
|
-
"body": " <path fill=\"currentColor\" d=\"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z\" ></path> <path fill=\"currentColor\" d=\"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z\" ></path> "
|
|
15
|
+
"bottom-left": {
|
|
16
|
+
"body": "<path fill=\"currentColor\" d=\"M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z\"/><path fill=\"currentColor\" d=\"M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z\"/>"
|
|
20
17
|
},
|
|
21
18
|
"left": {
|
|
22
19
|
"body": " <path fill=\"currentColor\" d=\"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z\" ></path> "
|
|
23
20
|
},
|
|
21
|
+
"frame": {
|
|
22
|
+
"body": " <path fill=\"currentColor\" d=\"m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z\" ></path> "
|
|
23
|
+
},
|
|
24
24
|
"star": {
|
|
25
25
|
"body": " <path fill=\"currentColor\" d=\"m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z\" ></path> "
|
|
26
26
|
}
|
package/dist/index.css
CHANGED
|
@@ -214,8 +214,13 @@
|
|
|
214
214
|
.dialogs.el-dialog .el-dialog__header {
|
|
215
215
|
padding-top: 16px;
|
|
216
216
|
padding-left: 20px;
|
|
217
|
+
background-color: #3770ed;
|
|
217
218
|
border-bottom: 1px solid var(--border);
|
|
218
219
|
}
|
|
220
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__title,
|
|
221
|
+
.dialogs.el-dialog .el-dialog__header .el-dialog__close {
|
|
222
|
+
color: #fff;
|
|
223
|
+
}
|
|
219
224
|
.dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
|
|
220
225
|
width: 56px;
|
|
221
226
|
height: 56px;
|
package/dist/type.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fangzhongya/fang-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.52",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description ": "fang-ui",
|
|
7
7
|
"keywords": [
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
"vue-tsc": "^3.0.5",
|
|
50
50
|
"vuedraggable": "4.1.0",
|
|
51
51
|
"vxe-table": "4.15.10",
|
|
52
|
+
"@fang-ui/hooks": "0.0.1-0",
|
|
52
53
|
"@fang-ui/components": "0.0.1-0",
|
|
54
|
+
"@fang-ui/icons": "0.0.1-0",
|
|
53
55
|
"@fang-ui/locale": "0.0.1-0",
|
|
54
56
|
"@fang-ui/directives": "0.0.1-0",
|
|
55
|
-
"@fang-ui/hooks": "0.0.1-0",
|
|
56
|
-
"@fang-ui/icons": "0.0.1-0",
|
|
57
57
|
"@fang-ui/theme": "0.0.1-0",
|
|
58
|
-
"@fang-ui/
|
|
59
|
-
"@fang-ui/
|
|
58
|
+
"@fang-ui/utils": "0.0.1-0",
|
|
59
|
+
"@fang-ui/types": "0.0.1-0"
|
|
60
60
|
},
|
|
61
61
|
"main": "./dist/index.cjs",
|
|
62
62
|
"module": "./dist/index.js",
|
|
File without changes
|
|
File without changes
|