@fangzhongya/fang-ui 0.1.8 → 0.1.10

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.
Files changed (18) hide show
  1. package/dist/components/list/index.css +33 -0
  2. package/dist/components/list/index.scss +37 -0
  3. package/dist/components/list/src/data.cjs +3 -0
  4. package/dist/components/list/src/data.d.ts +3 -0
  5. package/dist/components/list/src/data.js +3 -0
  6. package/dist/components/list/src/index2.cjs +11 -5
  7. package/dist/components/list/src/index2.js +11 -5
  8. package/dist/components/page/index.css +33 -0
  9. package/dist/components/tables/src/index2.cjs +1 -1
  10. package/dist/components/tables/src/index2.js +1 -1
  11. package/dist/css/index.css +33 -0
  12. package/dist/css/list.css +33 -0
  13. package/dist/css/page.css +33 -0
  14. package/dist/icons/index.json +1 -1
  15. package/dist/index.css +33 -0
  16. package/package.json +4 -4
  17. /package/dist/components/{keep-com → global-config}/index.css +0 -0
  18. /package/dist/css/{keep-com.css → global-config.css} +0 -0
package/dist/components/list/index.css CHANGED
@@ -35,12 +35,45 @@
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
37
  width: 100%;
38
+ height: 100%;
38
39
  display: inline-flex;
39
40
  word-break: break-all;
40
41
  }
41
42
  .list-div .list-table .list-table-auto .list-table-td {
42
43
  flex: 1;
43
44
  }
45
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
46
+ display: inline-flex;
47
+ align-items: center;
48
+ }
49
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
50
+ display: inline-flex;
51
+ align-items: end;
52
+ }
53
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
54
+ display: inline-flex;
55
+ justify-content: end;
56
+ }
57
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
58
+ display: inline-flex;
59
+ justify-content: center;
60
+ }
61
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
62
+ display: inline-flex;
63
+ align-items: center;
64
+ }
65
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
66
+ display: inline-flex;
67
+ align-items: end;
68
+ }
69
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
70
+ display: inline-flex;
71
+ justify-content: end;
72
+ }
73
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
74
+ display: inline-flex;
75
+ justify-content: center;
76
+ }
44
77
  .list-div .list-table .list-table-auto .is-width .list-table-label {
45
78
  word-break: break-all;
46
79
  white-space: normal;
package/dist/components/list/index.scss CHANGED
@@ -32,11 +32,48 @@ $list: 'list';
32
32
 
33
33
  .#{z($list, 'table-auto')} {
34
34
  width: 100%;
35
+ height: 100%;
35
36
  display: inline-flex;
36
37
  word-break: break-all;
37
38
  .#{z($list, 'table-td')} {
38
39
  flex: 1;
39
40
  }
41
+ .#{z($list, 'table-th')} {
42
+ &.itemscenter {
43
+ display: inline-flex;
44
+ align-items: center;
45
+ }
46
+ &.itemsend {
47
+ display: inline-flex;
48
+ align-items: end;
49
+ }
50
+ &.alignright {
51
+ display: inline-flex;
52
+ justify-content: end;
53
+ }
54
+ &.aligncenter {
55
+ display: inline-flex;
56
+ justify-content: center;
57
+ }
58
+ }
59
+ .#{z($list, 'table-td')} {
60
+ &.itemscenter {
61
+ display: inline-flex;
62
+ align-items: center;
63
+ }
64
+ &.itemsend {
65
+ display: inline-flex;
66
+ align-items: end;
67
+ }
68
+ &.alignright {
69
+ display: inline-flex;
70
+ justify-content: end;
71
+ }
72
+ &.aligncenter {
73
+ display: inline-flex;
74
+ justify-content: center;
75
+ }
76
+ }
40
77
  .#{is('width')} {
41
78
  .#{z($list, 'table-label')} {
42
79
  word-break: break-all;
package/dist/components/list/src/data.cjs CHANGED
@@ -90,6 +90,9 @@ const dataProps = {
90
90
  type: String,
91
91
  default: "center"
92
92
  },
93
+ items: {
94
+ type: String
95
+ },
93
96
  /**
94
97
  * @props { Boolean, String } border=true ( )
95
98
  * 是否需要边框，边框颜色
package/dist/components/list/src/data.d.ts CHANGED
@@ -95,6 +95,9 @@ export declare const dataProps: {
95
95
  type: StringConstructor;
96
96
  default: string;
97
97
  };
98
+ items: {
99
+ type: StringConstructor;
100
+ };
98
101
  /**
99
102
  * @props { Boolean, String } border=true ( )
100
103
  * 是否需要边框，边框颜色
package/dist/components/list/src/data.js CHANGED
@@ -88,6 +88,9 @@ const dataProps = {
88
88
  type: String,
89
89
  default: "center"
90
90
  },
91
+ items: {
92
+ type: String
93
+ },
91
94
  /**
92
95
  * @props { Boolean, String } border=true ( )
93
96
  * 是否需要边框，边框颜色
package/dist/components/list/src/index2.cjs CHANGED
@@ -137,7 +137,7 @@ const _sfc_main = vue.defineComponent({
137
137
  {
138
138
  style: {
139
139
  width: obj.labelWidth || props.labelWidth,
140
- textAlign: obj.align || props.labelAlign || props.align
140
+ textAlign: obj.labelAlign ?? props.labelAlign ?? props.align
141
141
  },
142
142
  class: [
143
143
  cs.z("table-th"),
@@ -146,6 +146,8 @@ const _sfc_main = vue.defineComponent({
146
146
  "width",
147
147
  Boolean(obj.labelWidth || props.labelWidth)
148
148
  ),
149
+ "items" + (obj.labelItems ?? props.labelItems ?? props.items),
150
+ "align" + (obj.labelAlign ?? props.labelAlign ?? props.align),
149
151
  obj.class ?? ""
150
152
  ].join(" "),
151
153
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -224,6 +226,8 @@ const _sfc_main = vue.defineComponent({
224
226
  class: [
225
227
  cs.z("table-td"),
226
228
  cs.is("whole", obj.whole),
229
+ "items" + (obj.items ?? props.items),
230
+ "align" + (obj.align ?? props.align),
227
231
  obj.class ?? ""
228
232
  ].join(" "),
229
233
  colspan: setColspan(obj),
@@ -255,10 +259,12 @@ const _sfc_main = vue.defineComponent({
255
259
  vue.h(
256
260
  "div",
257
261
  {
258
- class: cs.z("table-auto"),
259
- style: {
260
- alignItems: obj.labelItems || props.labelItems
261
- }
262
+ class: [cs.z("table-auto")]
263
+ // style: {
264
+ // alignItems:
265
+ // obj.labelItems ||
266
+ // props.labelItems,
267
+ // },
262
268
  },
263
269
  arr
264
270
  )
package/dist/components/list/src/index2.js CHANGED
@@ -135,7 +135,7 @@ const _sfc_main = defineComponent({
135
135
  {
136
136
  style: {
137
137
  width: obj.labelWidth || props.labelWidth,
138
- textAlign: obj.align || props.labelAlign || props.align
138
+ textAlign: obj.labelAlign ?? props.labelAlign ?? props.align
139
139
  },
140
140
  class: [
141
141
  cs.z("table-th"),
@@ -144,6 +144,8 @@ const _sfc_main = defineComponent({
144
144
  "width",
145
145
  Boolean(obj.labelWidth || props.labelWidth)
146
146
  ),
147
+ "items" + (obj.labelItems ?? props.labelItems ?? props.items),
148
+ "align" + (obj.labelAlign ?? props.labelAlign ?? props.align),
147
149
  obj.class ?? ""
148
150
  ].join(" "),
149
151
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -222,6 +224,8 @@ const _sfc_main = defineComponent({
222
224
  class: [
223
225
  cs.z("table-td"),
224
226
  cs.is("whole", obj.whole),
227
+ "items" + (obj.items ?? props.items),
228
+ "align" + (obj.align ?? props.align),
225
229
  obj.class ?? ""
226
230
  ].join(" "),
227
231
  colspan: setColspan(obj),
@@ -253,10 +257,12 @@ const _sfc_main = defineComponent({
253
257
  h(
254
258
  "div",
255
259
  {
256
- class: cs.z("table-auto"),
257
- style: {
258
- alignItems: obj.labelItems || props.labelItems
259
- }
260
+ class: [cs.z("table-auto")]
261
+ // style: {
262
+ // alignItems:
263
+ // obj.labelItems ||
264
+ // props.labelItems,
265
+ // },
260
266
  },
261
267
  arr
262
268
  )
package/dist/components/page/index.css CHANGED
@@ -647,12 +647,45 @@
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
649
  width: 100%;
650
+ height: 100%;
650
651
  display: inline-flex;
651
652
  word-break: break-all;
652
653
  }
653
654
  .list-div .list-table .list-table-auto .list-table-td {
654
655
  flex: 1;
655
656
  }
657
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
658
+ display: inline-flex;
659
+ align-items: center;
660
+ }
661
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
662
+ display: inline-flex;
663
+ align-items: end;
664
+ }
665
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
666
+ display: inline-flex;
667
+ justify-content: end;
668
+ }
669
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
670
+ display: inline-flex;
671
+ justify-content: center;
672
+ }
673
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
674
+ display: inline-flex;
675
+ align-items: center;
676
+ }
677
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
678
+ display: inline-flex;
679
+ align-items: end;
680
+ }
681
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
682
+ display: inline-flex;
683
+ justify-content: end;
684
+ }
685
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
686
+ display: inline-flex;
687
+ justify-content: center;
688
+ }
656
689
  .list-div .list-table .list-table-auto .is-width .list-table-label {
657
690
  word-break: break-all;
658
691
  white-space: normal;
package/dist/components/tables/src/index2.cjs CHANGED
@@ -140,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
140
140
  ref_key: "tableRef",
141
141
  ref: tableRef,
142
142
  class: [vue.unref(cs).z("table"), vue.unref(cs).is("absolute", props.adaptive)],
143
- height: props.maxHeight ? "" : props.height,
143
+ height: props.maxHeight ? void 0 : props.height,
144
144
  "max-height": props.maxHeight,
145
145
  "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
146
146
  "row-style": rowStyle.value,
package/dist/components/tables/src/index2.js CHANGED
@@ -138,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
138
138
  ref_key: "tableRef",
139
139
  ref: tableRef,
140
140
  class: [unref(cs).z("table"), unref(cs).is("absolute", props.adaptive)],
141
- height: props.maxHeight ? "" : props.height,
141
+ height: props.maxHeight ? void 0 : props.height,
142
142
  "max-height": props.maxHeight,
143
143
  "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
144
144
  "row-style": rowStyle.value,
package/dist/css/index.css CHANGED
@@ -1059,12 +1059,45 @@
1059
1059
  }
1060
1060
  .list-div .list-table .list-table-auto {
1061
1061
  width: 100%;
1062
+ height: 100%;
1062
1063
  display: inline-flex;
1063
1064
  word-break: break-all;
1064
1065
  }
1065
1066
  .list-div .list-table .list-table-auto .list-table-td {
1066
1067
  flex: 1;
1067
1068
  }
1069
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
1070
+ display: inline-flex;
1071
+ align-items: center;
1072
+ }
1073
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
1074
+ display: inline-flex;
1075
+ align-items: end;
1076
+ }
1077
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
1078
+ display: inline-flex;
1079
+ justify-content: end;
1080
+ }
1081
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
1082
+ display: inline-flex;
1083
+ justify-content: center;
1084
+ }
1085
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
1086
+ display: inline-flex;
1087
+ align-items: center;
1088
+ }
1089
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
1090
+ display: inline-flex;
1091
+ align-items: end;
1092
+ }
1093
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
1094
+ display: inline-flex;
1095
+ justify-content: end;
1096
+ }
1097
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
1098
+ display: inline-flex;
1099
+ justify-content: center;
1100
+ }
1068
1101
  .list-div .list-table .list-table-auto .is-width .list-table-label {
1069
1102
  word-break: break-all;
1070
1103
  white-space: normal;
package/dist/css/list.css CHANGED
@@ -35,12 +35,45 @@
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
37
  width: 100%;
38
+ height: 100%;
38
39
  display: inline-flex;
39
40
  word-break: break-all;
40
41
  }
41
42
  .list-div .list-table .list-table-auto .list-table-td {
42
43
  flex: 1;
43
44
  }
45
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
46
+ display: inline-flex;
47
+ align-items: center;
48
+ }
49
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
50
+ display: inline-flex;
51
+ align-items: end;
52
+ }
53
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
54
+ display: inline-flex;
55
+ justify-content: end;
56
+ }
57
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
58
+ display: inline-flex;
59
+ justify-content: center;
60
+ }
61
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
62
+ display: inline-flex;
63
+ align-items: center;
64
+ }
65
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
66
+ display: inline-flex;
67
+ align-items: end;
68
+ }
69
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
70
+ display: inline-flex;
71
+ justify-content: end;
72
+ }
73
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
74
+ display: inline-flex;
75
+ justify-content: center;
76
+ }
44
77
  .list-div .list-table .list-table-auto .is-width .list-table-label {
45
78
  word-break: break-all;
46
79
  white-space: normal;
package/dist/css/page.css CHANGED
@@ -647,12 +647,45 @@
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
649
  width: 100%;
650
+ height: 100%;
650
651
  display: inline-flex;
651
652
  word-break: break-all;
652
653
  }
653
654
  .list-div .list-table .list-table-auto .list-table-td {
654
655
  flex: 1;
655
656
  }
657
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
658
+ display: inline-flex;
659
+ align-items: center;
660
+ }
661
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
662
+ display: inline-flex;
663
+ align-items: end;
664
+ }
665
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
666
+ display: inline-flex;
667
+ justify-content: end;
668
+ }
669
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
670
+ display: inline-flex;
671
+ justify-content: center;
672
+ }
673
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
674
+ display: inline-flex;
675
+ align-items: center;
676
+ }
677
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
678
+ display: inline-flex;
679
+ align-items: end;
680
+ }
681
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
682
+ display: inline-flex;
683
+ justify-content: end;
684
+ }
685
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
686
+ display: inline-flex;
687
+ justify-content: center;
688
+ }
656
689
  .list-div .list-table .list-table-auto .is-width .list-table-label {
657
690
  word-break: break-all;
658
691
  white-space: normal;
package/dist/icons/index.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1762573948625,
4
+ "lastModified": 1762584704775,
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> "
package/dist/index.css CHANGED
@@ -1059,12 +1059,45 @@
1059
1059
  }
1060
1060
  .list-div .list-table .list-table-auto {
1061
1061
  width: 100%;
1062
+ height: 100%;
1062
1063
  display: inline-flex;
1063
1064
  word-break: break-all;
1064
1065
  }
1065
1066
  .list-div .list-table .list-table-auto .list-table-td {
1066
1067
  flex: 1;
1067
1068
  }
1069
+ .list-div .list-table .list-table-auto .list-table-th.itemscenter {
1070
+ display: inline-flex;
1071
+ align-items: center;
1072
+ }
1073
+ .list-div .list-table .list-table-auto .list-table-th.itemsend {
1074
+ display: inline-flex;
1075
+ align-items: end;
1076
+ }
1077
+ .list-div .list-table .list-table-auto .list-table-th.alignright {
1078
+ display: inline-flex;
1079
+ justify-content: end;
1080
+ }
1081
+ .list-div .list-table .list-table-auto .list-table-th.aligncenter {
1082
+ display: inline-flex;
1083
+ justify-content: center;
1084
+ }
1085
+ .list-div .list-table .list-table-auto .list-table-td.itemscenter {
1086
+ display: inline-flex;
1087
+ align-items: center;
1088
+ }
1089
+ .list-div .list-table .list-table-auto .list-table-td.itemsend {
1090
+ display: inline-flex;
1091
+ align-items: end;
1092
+ }
1093
+ .list-div .list-table .list-table-auto .list-table-td.alignright {
1094
+ display: inline-flex;
1095
+ justify-content: end;
1096
+ }
1097
+ .list-div .list-table .list-table-auto .list-table-td.aligncenter {
1098
+ display: inline-flex;
1099
+ justify-content: center;
1100
+ }
1068
1101
  .list-div .list-table .list-table-auto .is-width .list-table-label {
1069
1102
  word-break: break-all;
1070
1103
  white-space: normal;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.1.8",
4
+ "version": "0.1.10",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [
@@ -49,13 +49,13 @@
49
49
  "vue-tsc": "^3.1.3",
50
50
  "vuedraggable": "4.1.0",
51
51
  "vxe-table": "4.17.10",
52
+ "@fang-ui/hooks": "0.0.1-0",
53
+ "@fang-ui/directives": "0.0.1-0",
52
54
  "@fang-ui/components": "0.0.1-0",
53
55
  "@fang-ui/icons": "0.0.1-0",
54
- "@fang-ui/directives": "0.0.1-0",
55
- "@fang-ui/hooks": "0.0.1-0",
56
- "@fang-ui/utils": "0.0.1-0",
57
56
  "@fang-ui/locale": "0.0.1-0",
58
57
  "@fang-ui/theme": "0.0.1-0",
58
+ "@fang-ui/utils": "0.0.1-0",
59
59
  "@fang-ui/types": "0.0.1-0"
60
60
  },
61
61
  "main": "./dist/index.cjs",
/package/dist/css/{keep-com.css → global-config.css} RENAMED
File without changes