@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.
@@ -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(tableConfig).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), {
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(tableConfig).paginat) == null ? void 0 : _b.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
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
- var _a2;
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
- var _a2;
293
- const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
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
- var _a2;
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 ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
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
- var _a2;
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
- var _a2;
291
- const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
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
- var _a2;
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 ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
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();
@@ -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
  }
@@ -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-bottom-right {
36
+ .icon-bicycle {
37
37
  height: 1em;
38
38
  width: 1em;
39
39
  background-color: currentColor;
40
- -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
41
- mask: var(--icon-svg-bottom-right) no-repeat;
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-bicycle {
46
+ .icon-bottom-left {
47
47
  height: 1em;
48
48
  width: 1em;
49
49
  background-color: currentColor;
50
- -webkit-mask: var(--icon-svg-bicycle) no-repeat;
51
- mask: var(--icon-svg-bicycle) no-repeat;
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-left {
56
+ .icon-bottom {
57
57
  height: 1em;
58
58
  width: 1em;
59
59
  background-color: currentColor;
60
- -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
61
- mask: var(--icon-svg-bottom-left) no-repeat;
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-clear {
66
+ .icon-bottom-right {
67
67
  height: 1em;
68
68
  width: 1em;
69
69
  background-color: currentColor;
70
- -webkit-mask: var(--icon-svg-clear) no-repeat;
71
- mask: var(--icon-svg-clear) no-repeat;
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-bottom {
76
+ .icon-clear {
77
77
  height: 1em;
78
78
  width: 1em;
79
79
  background-color: currentColor;
80
- -webkit-mask: var(--icon-svg-bottom) no-repeat;
81
- mask: var(--icon-svg-bottom) no-repeat;
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-left {
96
+ .icon-edit {
97
97
  height: 1em;
98
98
  width: 1em;
99
99
  background-color: currentColor;
100
- -webkit-mask: var(--icon-svg-left) no-repeat;
101
- mask: var(--icon-svg-left) no-repeat;
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-right {
106
+ .icon-frame {
107
107
  height: 1em;
108
108
  width: 1em;
109
109
  background-color: currentColor;
110
- -webkit-mask: var(--icon-svg-right) no-repeat;
111
- mask: var(--icon-svg-right) no-repeat;
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-edit {
116
+ .icon-left {
117
117
  height: 1em;
118
118
  width: 1em;
119
119
  background-color: currentColor;
120
- -webkit-mask: var(--icon-svg-edit) no-repeat;
121
- mask: var(--icon-svg-edit) no-repeat;
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-frame {
126
+ .icon-right {
127
127
  height: 1em;
128
128
  width: 1em;
129
129
  background-color: currentColor;
130
- -webkit-mask: var(--icon-svg-frame) no-repeat;
131
- mask: var(--icon-svg-frame) no-repeat;
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;
@@ -1,26 +1,26 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1756777747968,
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
- "bottom-right": {
10
- "body": "<path fill=\"currentColor\" d=\"M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z\"/><path 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\"/>"
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
- "left": {
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> "
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.55",
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/directives": "0.0.1-0",
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/components": "0.0.1-0",
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/types": "0.0.1-0",
59
- "@fang-ui/utils": "0.0.1-0"
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",