@fangzhongya/fang-ui 0.0.55 → 0.0.56
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/index.scss +2 -2
- package/dist/components/index2.scss +2 -2
- package/dist/components/listsp/src/index2.cjs +1 -1
- package/dist/components/listsp/src/index2.js +1 -1
- package/dist/components/tables/common/pagin.cjs +13 -11
- package/dist/components/tables/common/pagin.d.ts +6 -2
- package/dist/components/tables/common/pagin.js +13 -11
- package/dist/css/index.css +22 -0
- package/dist/icons/index.css +31 -31
- package/dist/icons/index.json +8 -8
- package/dist/index.css +22 -0
- package/dist/type.d.ts +4 -2
- package/package.json +6 -6
|
@@ -76,7 +76,6 @@
|
|
|
76
76
|
@use './inputs/index.scss' as *;
|
|
77
77
|
@use './selects/index.scss' as *;
|
|
78
78
|
@use './switchs/index.scss' as *;
|
|
79
|
-
@use './text/index.scss' as *;
|
|
80
79
|
@use './list/index.scss' as *;
|
|
81
80
|
@use './lists/index.scss' as *;
|
|
82
81
|
@use './listsp/index.scss' as *;
|
|
@@ -84,4 +83,5 @@
|
|
|
84
83
|
@use './tables/index.scss' as *;
|
|
85
84
|
@use './tablesp/index.scss' as *;
|
|
86
85
|
@use './tabless/index.scss' as *;
|
|
87
|
-
@use './tablesv/index.scss' as *;
|
|
86
|
+
@use './tablesv/index.scss' as *;
|
|
87
|
+
@use './tablesvp/index.scss' as *;
|
|
@@ -76,7 +76,6 @@
|
|
|
76
76
|
@use './inputs/style/index2.scss' as *;
|
|
77
77
|
@use './selects/style/index2.scss' as *;
|
|
78
78
|
@use './switchs/style/index2.scss' as *;
|
|
79
|
-
@use './text/style/index.scss' as *;
|
|
80
79
|
@use './list/style/index.scss' as *;
|
|
81
80
|
@use './lists/style/index.scss' as *;
|
|
82
81
|
@use './listsp/style/index2.scss' as *;
|
|
@@ -84,4 +83,5 @@
|
|
|
84
83
|
@use './tables/style/index2.scss' as *;
|
|
85
84
|
@use './tablesp/style/index2.scss' as *;
|
|
86
85
|
@use './tabless/style/index2.scss' as *;
|
|
87
|
-
@use './tablesv/style/index2.scss' as *;
|
|
86
|
+
@use './tablesv/style/index2.scss' as *;
|
|
87
|
+
@use './tablesvp/style/index2.scss' as *;
|
|
@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
84
84
|
onChange: vue.unref(onScroll)
|
|
85
85
|
}]
|
|
86
86
|
]),
|
|
87
|
-
((_b = vue.unref(
|
|
87
|
+
((_b = vue.unref(paginat)) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
|
|
88
88
|
class: vue.unref(cs).z("paginat"),
|
|
89
89
|
paginat: vue.unref(paginat),
|
|
90
90
|
total: vue.unref(data).total,
|
|
@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
82
82
|
onChange: unref(onScroll)
|
|
83
83
|
}]
|
|
84
84
|
]),
|
|
85
|
-
((_b = unref(
|
|
85
|
+
((_b = unref(paginat)) == null ? void 0 : _b.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
|
|
86
86
|
class: unref(cs).z("paginat"),
|
|
87
87
|
paginat: unref(paginat),
|
|
88
88
|
total: unref(data).total,
|
|
@@ -71,6 +71,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
71
71
|
};
|
|
72
72
|
const pagconfig = vue.ref(mpagconfig);
|
|
73
73
|
const paginat = vue.reactive({
|
|
74
|
+
is: false,
|
|
75
|
+
cross: false,
|
|
74
76
|
front: false,
|
|
75
77
|
scroll: false,
|
|
76
78
|
current: 1,
|
|
@@ -81,6 +83,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
81
83
|
const data = vue.reactive({
|
|
82
84
|
total: 0,
|
|
83
85
|
list: [],
|
|
86
|
+
is: false,
|
|
87
|
+
cross: false,
|
|
84
88
|
front: false,
|
|
85
89
|
scroll: false,
|
|
86
90
|
current: 1,
|
|
@@ -170,8 +174,10 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
170
174
|
paginat.prop = v.prop;
|
|
171
175
|
}
|
|
172
176
|
const pagin = config.paginat ?? {};
|
|
177
|
+
paginat.is = pagin.is || false;
|
|
173
178
|
paginat.front = pagin.front || false;
|
|
174
179
|
paginat.scroll = pagin.scroll || false;
|
|
180
|
+
paginat.cross = pagin.cross || false;
|
|
175
181
|
paginat.pageSize = pagin.size || mpagconfig.pageSize;
|
|
176
182
|
pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
|
|
177
183
|
tableConfig.value = config;
|
|
@@ -213,8 +219,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
213
219
|
console.log("crossPageData", crossPageData);
|
|
214
220
|
}
|
|
215
221
|
function getCrossPageValue(sarr, index) {
|
|
216
|
-
|
|
217
|
-
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
222
|
+
const cross = paginat.cross;
|
|
218
223
|
if (cross) {
|
|
219
224
|
if (typeof cross === "string") {
|
|
220
225
|
const sv = /* @__PURE__ */ new Set();
|
|
@@ -289,9 +294,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
289
294
|
}
|
|
290
295
|
}
|
|
291
296
|
function toggleCrossPage() {
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
if (cross && !paginat.scroll) {
|
|
297
|
+
const cross = paginat.cross;
|
|
298
|
+
if (paginat.is && cross && !paginat.scroll) {
|
|
295
299
|
const datas = data.list;
|
|
296
300
|
const vs = getCrossPageValue();
|
|
297
301
|
if (typeof cross == "string") {
|
|
@@ -318,8 +322,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
318
322
|
}
|
|
319
323
|
}
|
|
320
324
|
function getSelectionValue(arr, i) {
|
|
321
|
-
|
|
322
|
-
if (((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) && !paginat.scroll) {
|
|
325
|
+
if (paginat.is && paginat.cross && !paginat.scroll) {
|
|
323
326
|
return getCrossPageValue(arr, i);
|
|
324
327
|
} else {
|
|
325
328
|
return arr;
|
|
@@ -435,9 +438,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
435
438
|
getData();
|
|
436
439
|
}
|
|
437
440
|
function onCurrentChange() {
|
|
438
|
-
var _a2;
|
|
439
441
|
console.log("onCurrentChange");
|
|
440
|
-
if (
|
|
442
|
+
if (paginat.cross) {
|
|
441
443
|
setCrossPage();
|
|
442
444
|
} else {
|
|
443
445
|
clean();
|
|
@@ -475,7 +477,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
475
477
|
}
|
|
476
478
|
function getFrontPaginatValue(obj) {
|
|
477
479
|
var _a2;
|
|
478
|
-
if (paginat.front) {
|
|
480
|
+
if (paginat.is && paginat.front) {
|
|
479
481
|
const list = obj.value;
|
|
480
482
|
const total = list.length;
|
|
481
483
|
const c = paginat.current;
|
|
@@ -588,7 +590,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
588
590
|
return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
|
|
589
591
|
});
|
|
590
592
|
const onScroll = () => {
|
|
591
|
-
if (paginat.scroll) {
|
|
593
|
+
if (paginat.is && paginat.scroll) {
|
|
592
594
|
if (data.total && data.pageSize * data.current < data.total) {
|
|
593
595
|
paginat.current++;
|
|
594
596
|
getData();
|
|
@@ -79,7 +79,6 @@ 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;
|
|
83
82
|
border?: boolean | undefined;
|
|
84
83
|
align?: string | undefined;
|
|
85
84
|
resizable?: boolean | undefined;
|
|
@@ -104,6 +103,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
104
103
|
size?: number | undefined;
|
|
105
104
|
scroll?: boolean | undefined;
|
|
106
105
|
front?: boolean | undefined;
|
|
106
|
+
cross?: boolean | string | undefined;
|
|
107
107
|
config?: {
|
|
108
108
|
[key: string]: any;
|
|
109
109
|
} | undefined;
|
|
@@ -135,7 +135,6 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
135
135
|
nocustomize?: boolean | undefined;
|
|
136
136
|
isradio?: boolean | undefined;
|
|
137
137
|
ischecked?: boolean | undefined;
|
|
138
|
-
crossPage?: boolean | string | undefined;
|
|
139
138
|
border?: boolean | undefined;
|
|
140
139
|
align?: string | undefined;
|
|
141
140
|
resizable?: boolean | undefined;
|
|
@@ -160,6 +159,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
160
159
|
size?: number | undefined;
|
|
161
160
|
scroll?: boolean | undefined;
|
|
162
161
|
front?: boolean | undefined;
|
|
162
|
+
cross?: boolean | string | undefined;
|
|
163
163
|
config?: {
|
|
164
164
|
[key: string]: any;
|
|
165
165
|
} | undefined;
|
|
@@ -303,6 +303,8 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
303
303
|
onSizeChange: () => void;
|
|
304
304
|
onCurrentChange: () => void;
|
|
305
305
|
paginat: {
|
|
306
|
+
is: boolean;
|
|
307
|
+
cross: boolean | string;
|
|
306
308
|
front: boolean;
|
|
307
309
|
scroll: boolean;
|
|
308
310
|
current: number;
|
|
@@ -311,6 +313,8 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
|
|
|
311
313
|
prop: string;
|
|
312
314
|
};
|
|
313
315
|
data: {
|
|
316
|
+
is: boolean;
|
|
317
|
+
cross: boolean | string;
|
|
314
318
|
front: boolean;
|
|
315
319
|
scroll: boolean;
|
|
316
320
|
current: number;
|
|
@@ -69,6 +69,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
69
69
|
};
|
|
70
70
|
const pagconfig = ref(mpagconfig);
|
|
71
71
|
const paginat = reactive({
|
|
72
|
+
is: false,
|
|
73
|
+
cross: false,
|
|
72
74
|
front: false,
|
|
73
75
|
scroll: false,
|
|
74
76
|
current: 1,
|
|
@@ -79,6 +81,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
79
81
|
const data = reactive({
|
|
80
82
|
total: 0,
|
|
81
83
|
list: [],
|
|
84
|
+
is: false,
|
|
85
|
+
cross: false,
|
|
82
86
|
front: false,
|
|
83
87
|
scroll: false,
|
|
84
88
|
current: 1,
|
|
@@ -168,8 +172,10 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
168
172
|
paginat.prop = v.prop;
|
|
169
173
|
}
|
|
170
174
|
const pagin = config.paginat ?? {};
|
|
175
|
+
paginat.is = pagin.is || false;
|
|
171
176
|
paginat.front = pagin.front || false;
|
|
172
177
|
paginat.scroll = pagin.scroll || false;
|
|
178
|
+
paginat.cross = pagin.cross || false;
|
|
173
179
|
paginat.pageSize = pagin.size || mpagconfig.pageSize;
|
|
174
180
|
pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
|
|
175
181
|
tableConfig.value = config;
|
|
@@ -211,8 +217,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
211
217
|
console.log("crossPageData", crossPageData);
|
|
212
218
|
}
|
|
213
219
|
function getCrossPageValue(sarr, index) {
|
|
214
|
-
|
|
215
|
-
const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
|
|
220
|
+
const cross = paginat.cross;
|
|
216
221
|
if (cross) {
|
|
217
222
|
if (typeof cross === "string") {
|
|
218
223
|
const sv = /* @__PURE__ */ new Set();
|
|
@@ -287,9 +292,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
287
292
|
}
|
|
288
293
|
}
|
|
289
294
|
function toggleCrossPage() {
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
if (cross && !paginat.scroll) {
|
|
295
|
+
const cross = paginat.cross;
|
|
296
|
+
if (paginat.is && cross && !paginat.scroll) {
|
|
293
297
|
const datas = data.list;
|
|
294
298
|
const vs = getCrossPageValue();
|
|
295
299
|
if (typeof cross == "string") {
|
|
@@ -316,8 +320,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
316
320
|
}
|
|
317
321
|
}
|
|
318
322
|
function getSelectionValue(arr, i) {
|
|
319
|
-
|
|
320
|
-
if (((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) && !paginat.scroll) {
|
|
323
|
+
if (paginat.is && paginat.cross && !paginat.scroll) {
|
|
321
324
|
return getCrossPageValue(arr, i);
|
|
322
325
|
} else {
|
|
323
326
|
return arr;
|
|
@@ -433,9 +436,8 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
433
436
|
getData();
|
|
434
437
|
}
|
|
435
438
|
function onCurrentChange() {
|
|
436
|
-
var _a2;
|
|
437
439
|
console.log("onCurrentChange");
|
|
438
|
-
if (
|
|
440
|
+
if (paginat.cross) {
|
|
439
441
|
setCrossPage();
|
|
440
442
|
} else {
|
|
441
443
|
clean();
|
|
@@ -473,7 +475,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
473
475
|
}
|
|
474
476
|
function getFrontPaginatValue(obj) {
|
|
475
477
|
var _a2;
|
|
476
|
-
if (paginat.front) {
|
|
478
|
+
if (paginat.is && paginat.front) {
|
|
477
479
|
const list = obj.value;
|
|
478
480
|
const total = list.length;
|
|
479
481
|
const c = paginat.current;
|
|
@@ -586,7 +588,7 @@ const useInit = (props2, emit, refTable, isEl) => {
|
|
|
586
588
|
return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
|
|
587
589
|
});
|
|
588
590
|
const onScroll = () => {
|
|
589
|
-
if (paginat.scroll) {
|
|
591
|
+
if (paginat.is && paginat.scroll) {
|
|
590
592
|
if (data.total && data.pageSize * data.current < data.total) {
|
|
591
593
|
paginat.current++;
|
|
592
594
|
getData();
|
package/dist/css/index.css
CHANGED
|
@@ -1046,4 +1046,26 @@
|
|
|
1046
1046
|
left: 0;
|
|
1047
1047
|
z-index: 1;
|
|
1048
1048
|
opacity: 0;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
.tablesvp {
|
|
1052
|
+
width: 100%;
|
|
1053
|
+
height: var(--tablesvp-height);
|
|
1054
|
+
display: flex;
|
|
1055
|
+
flex-direction: column;
|
|
1056
|
+
}
|
|
1057
|
+
.tablesvp-main {
|
|
1058
|
+
display: flex;
|
|
1059
|
+
flex-direction: column;
|
|
1060
|
+
flex: 1;
|
|
1061
|
+
width: 100%;
|
|
1062
|
+
}
|
|
1063
|
+
.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
|
|
1064
|
+
display: none;
|
|
1065
|
+
}
|
|
1066
|
+
.tablesvp-paginat {
|
|
1067
|
+
overflow: hidden;
|
|
1068
|
+
}
|
|
1069
|
+
.tablesvp-paginat .el-pagination {
|
|
1070
|
+
justify-content: flex-end;
|
|
1049
1071
|
}
|
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
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");
|
|
4
|
-
--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");
|
|
5
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");
|
|
6
5
|
--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");
|
|
7
|
-
--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");
|
|
8
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
|
+
--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-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");
|
|
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-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");
|
|
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
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");
|
|
13
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
|
+
--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
|
+
--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");
|
|
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 {
|
|
@@ -33,52 +33,52 @@
|
|
|
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-bottom-left {
|
|
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-bottom-left) no-repeat;
|
|
51
|
+
mask: var(--icon-svg-bottom-left) no-repeat;
|
|
52
52
|
-webkit-mask-size: 100% 100%;
|
|
53
53
|
mask-size: 100% 100%;
|
|
54
54
|
color: inherit;
|
|
55
55
|
}
|
|
56
|
-
.icon-bottom
|
|
56
|
+
.icon-bottom {
|
|
57
57
|
height: 1em;
|
|
58
58
|
width: 1em;
|
|
59
59
|
background-color: currentColor;
|
|
60
|
-
-webkit-mask: var(--icon-svg-bottom
|
|
61
|
-
mask: var(--icon-svg-bottom
|
|
60
|
+
-webkit-mask: var(--icon-svg-bottom) no-repeat;
|
|
61
|
+
mask: var(--icon-svg-bottom) no-repeat;
|
|
62
62
|
-webkit-mask-size: 100% 100%;
|
|
63
63
|
mask-size: 100% 100%;
|
|
64
64
|
color: inherit;
|
|
65
65
|
}
|
|
66
|
-
.icon-
|
|
66
|
+
.icon-bottom-right {
|
|
67
67
|
height: 1em;
|
|
68
68
|
width: 1em;
|
|
69
69
|
background-color: currentColor;
|
|
70
|
-
-webkit-mask: var(--icon-svg-
|
|
71
|
-
mask: var(--icon-svg-
|
|
70
|
+
-webkit-mask: var(--icon-svg-bottom-right) no-repeat;
|
|
71
|
+
mask: var(--icon-svg-bottom-right) no-repeat;
|
|
72
72
|
-webkit-mask-size: 100% 100%;
|
|
73
73
|
mask-size: 100% 100%;
|
|
74
74
|
color: inherit;
|
|
75
75
|
}
|
|
76
|
-
.icon-
|
|
76
|
+
.icon-clear {
|
|
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-clear) no-repeat;
|
|
81
|
+
mask: var(--icon-svg-clear) 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-edit {
|
|
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-edit) no-repeat;
|
|
101
|
+
mask: var(--icon-svg-edit) 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-frame {
|
|
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-frame) no-repeat;
|
|
111
|
+
mask: var(--icon-svg-frame) 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-left {
|
|
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-left) no-repeat;
|
|
121
|
+
mask: var(--icon-svg-left) 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-right {
|
|
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-right) no-repeat;
|
|
131
|
+
mask: var(--icon-svg-right) 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": 1756778818866,
|
|
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": "<path fill=\"currentColor\" d=\"
|
|
11
|
-
},
|
|
12
|
-
"bottom-left": {
|
|
13
|
-
"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\"/>"
|
|
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\"/>"
|
|
14
11
|
},
|
|
15
12
|
"bottom": {
|
|
16
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\"/>"
|
|
17
14
|
},
|
|
18
|
-
"
|
|
19
|
-
"body": " <path fill=\"currentColor\" d=\"
|
|
15
|
+
"clear": {
|
|
16
|
+
"body": " <path 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\" ></path> <path 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\" ></path> "
|
|
20
17
|
},
|
|
21
18
|
"edit": {
|
|
22
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> "
|
|
23
20
|
},
|
|
21
|
+
"left": {
|
|
22
|
+
"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
|
+
},
|
|
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
|
@@ -1046,4 +1046,26 @@
|
|
|
1046
1046
|
left: 0;
|
|
1047
1047
|
z-index: 1;
|
|
1048
1048
|
opacity: 0;
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
.tablesvp {
|
|
1052
|
+
width: 100%;
|
|
1053
|
+
height: var(--tablesvp-height);
|
|
1054
|
+
display: flex;
|
|
1055
|
+
flex-direction: column;
|
|
1056
|
+
}
|
|
1057
|
+
.tablesvp-main {
|
|
1058
|
+
display: flex;
|
|
1059
|
+
flex-direction: column;
|
|
1060
|
+
flex: 1;
|
|
1061
|
+
width: 100%;
|
|
1062
|
+
}
|
|
1063
|
+
.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
|
|
1064
|
+
display: none;
|
|
1065
|
+
}
|
|
1066
|
+
.tablesvp-paginat {
|
|
1067
|
+
overflow: hidden;
|
|
1068
|
+
}
|
|
1069
|
+
.tablesvp-paginat .el-pagination {
|
|
1070
|
+
justify-content: flex-end;
|
|
1049
1071
|
}
|
package/dist/type.d.ts
CHANGED
|
@@ -133,6 +133,8 @@ type ListObj = {
|
|
|
133
133
|
|
|
134
134
|
// 添加类型定义
|
|
135
135
|
interface PaginatType {
|
|
136
|
+
is: boolean;
|
|
137
|
+
cross: boolean | string;
|
|
136
138
|
front: boolean;
|
|
137
139
|
scroll: boolean;
|
|
138
140
|
current: number;
|
|
@@ -153,8 +155,6 @@ type TableConfig = {
|
|
|
153
155
|
isradio?: boolean;
|
|
154
156
|
// 是否多选
|
|
155
157
|
ischecked?: boolean;
|
|
156
|
-
// 是否可以跨页多选
|
|
157
|
-
crossPage?: boolean | string;
|
|
158
158
|
//纵向边框
|
|
159
159
|
border?: boolean;
|
|
160
160
|
//对齐方式
|
|
@@ -195,6 +195,8 @@ type TableConfig = {
|
|
|
195
195
|
scroll?: boolean;
|
|
196
196
|
// 分页方式 前端/后端
|
|
197
197
|
front?: boolean;
|
|
198
|
+
// 是否可以跨页多选
|
|
199
|
+
cross?: boolean | string;
|
|
198
200
|
config?: {
|
|
199
201
|
[key: string]: any;
|
|
200
202
|
};
|
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.56",
|
|
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/
|
|
52
|
+
"@fang-ui/components": "0.0.1-0",
|
|
53
53
|
"@fang-ui/hooks": "0.0.1-0",
|
|
54
54
|
"@fang-ui/locale": "0.0.1-0",
|
|
55
|
-
"@fang-ui/
|
|
56
|
-
"@fang-ui/theme": "0.0.1-0",
|
|
55
|
+
"@fang-ui/directives": "0.0.1-0",
|
|
57
56
|
"@fang-ui/icons": "0.0.1-0",
|
|
58
|
-
"@fang-ui/
|
|
59
|
-
"@fang-ui/
|
|
57
|
+
"@fang-ui/utils": "0.0.1-0",
|
|
58
|
+
"@fang-ui/theme": "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",
|