@fangzhongya/fang-ui 0.1.3 → 0.1.4

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.
@@ -23,6 +23,10 @@ function setStyles(v, data, props) {
23
23
  if (height) {
24
24
  obj.height = height;
25
25
  }
26
+ const textAlign = v.align || props.align;
27
+ if (textAlign) {
28
+ obj.textAlign = textAlign;
29
+ }
26
30
  if (v.whole) {
27
31
  obj.width = "100%";
28
32
  }
@@ -21,6 +21,10 @@ function setStyles(v, data, props) {
21
21
  if (height) {
22
22
  obj.height = height;
23
23
  }
24
+ const textAlign = v.align || props.align;
25
+ if (textAlign) {
26
+ obj.textAlign = textAlign;
27
+ }
24
28
  if (v.whole) {
25
29
  obj.width = "100%";
26
30
  }
@@ -116,5 +116,5 @@
116
116
  @use './paging/index.scss' as *;
117
117
  @use './tables/index.scss' as *;
118
118
  @use './tablesp/index.scss' as *;
119
- @use './tablesv/index.scss' as *;
120
- @use './tablesvp/index.scss' as *;
119
+ @use './tabless/index.scss' as *;
120
+ @use './tablesv/index.scss' as *;
@@ -116,5 +116,5 @@
116
116
  @use './paging/style/index2.scss' as *;
117
117
  @use './tables/style/index2.scss' as *;
118
118
  @use './tablesp/style/index2.scss' as *;
119
- @use './tablesv/style/index2.scss' as *;
120
- @use './tablesvp/style/index2.scss' as *;
119
+ @use './tabless/style/index2.scss' as *;
120
+ @use './tablesv/style/index2.scss' as *;
@@ -34,8 +34,13 @@
34
34
  padding: 6px;
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
+ width: 100%;
37
38
  display: inline-flex;
38
39
  align-items: center;
40
+ word-break: break-all;
41
+ }
42
+ .list-div .list-table .list-table-auto .list-table-td {
43
+ flex: 1;
39
44
  }
40
45
  .list-div .list-table .list-table-auto .list-table-label {
41
46
  white-space: nowrap;
@@ -27,8 +27,13 @@ $list: 'list';
27
27
  }
28
28
 
29
29
  .#{z($list, 'table-auto')} {
30
+ width: 100%;
30
31
  display: inline-flex;
31
32
  align-items: center;
33
+ word-break: break-all;
34
+ .#{z($list, 'table-td')} {
35
+ flex: 1;
36
+ }
32
37
  .#{z($list, 'table-label')} {
33
38
  white-space: nowrap;
34
39
  }
@@ -68,6 +68,12 @@ const dataProps = {
68
68
  type: [Number, String]
69
69
  // default: '60px',
70
70
  },
71
+ align: {
72
+ type: String
73
+ },
74
+ labelAlign: {
75
+ type: String
76
+ },
71
77
  /**
72
78
  * @props { Boolean, String } border=true ( )
73
79
  * 是否需要边框,边框颜色
@@ -73,6 +73,12 @@ export declare const dataProps: {
73
73
  labelWidth: {
74
74
  type: (StringConstructor | NumberConstructor)[];
75
75
  };
76
+ align: {
77
+ type: StringConstructor;
78
+ };
79
+ labelAlign: {
80
+ type: StringConstructor;
81
+ };
76
82
  /**
77
83
  * @props { Boolean, String } border=true ( )
78
84
  * 是否需要边框,边框颜色
@@ -66,6 +66,12 @@ const dataProps = {
66
66
  type: [Number, String]
67
67
  // default: '60px',
68
68
  },
69
+ align: {
70
+ type: String
71
+ },
72
+ labelAlign: {
73
+ type: String
74
+ },
69
75
  /**
70
76
  * @props { Boolean, String } border=true ( )
71
77
  * 是否需要边框,边框颜色
@@ -136,7 +136,8 @@ const _sfc_main = vue.defineComponent({
136
136
  "th",
137
137
  {
138
138
  style: {
139
- width: obj.labelWidth ?? props.labelWidth
139
+ width: obj.labelWidth || props.labelWidth,
140
+ textAlign: obj.align || props.labelAlign || props.align
140
141
  },
141
142
  class: [
142
143
  cs.z("table-th"),
@@ -190,7 +191,10 @@ const _sfc_main = vue.defineComponent({
190
191
  vue.h(
191
192
  "span",
192
193
  {
193
- class: cs.z("table-value")
194
+ class: cs.z("table-value"),
195
+ style: {
196
+ textAlign: obj.align || props.align
197
+ }
194
198
  },
195
199
  [
196
200
  util.setSslot(
@@ -134,7 +134,8 @@ const _sfc_main = defineComponent({
134
134
  "th",
135
135
  {
136
136
  style: {
137
- width: obj.labelWidth ?? props.labelWidth
137
+ width: obj.labelWidth || props.labelWidth,
138
+ textAlign: obj.align || props.labelAlign || props.align
138
139
  },
139
140
  class: [
140
141
  cs.z("table-th"),
@@ -188,7 +189,10 @@ const _sfc_main = defineComponent({
188
189
  h(
189
190
  "span",
190
191
  {
191
- class: cs.z("table-value")
192
+ class: cs.z("table-value"),
193
+ style: {
194
+ textAlign: obj.align || props.align
195
+ }
192
196
  },
193
197
  [
194
198
  setSslot(
@@ -646,8 +646,13 @@
646
646
  padding: 6px;
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
+ width: 100%;
649
650
  display: inline-flex;
650
651
  align-items: center;
652
+ word-break: break-all;
653
+ }
654
+ .list-div .list-table .list-table-auto .list-table-td {
655
+ flex: 1;
651
656
  }
652
657
  .list-div .list-table .list-table-auto .list-table-label {
653
658
  white-space: nowrap;
@@ -1053,8 +1053,13 @@
1053
1053
  padding: 6px;
1054
1054
  }
1055
1055
  .list-div .list-table .list-table-auto {
1056
+ width: 100%;
1056
1057
  display: inline-flex;
1057
1058
  align-items: center;
1059
+ word-break: break-all;
1060
+ }
1061
+ .list-div .list-table .list-table-auto .list-table-td {
1062
+ flex: 1;
1058
1063
  }
1059
1064
  .list-div .list-table .list-table-auto .list-table-label {
1060
1065
  white-space: nowrap;
@@ -1615,6 +1620,28 @@
1615
1620
  justify-content: flex-end;
1616
1621
  }
1617
1622
 
1623
+ .tabless {
1624
+ width: 100%;
1625
+ flex: 1;
1626
+ display: flex;
1627
+ flex-direction: column;
1628
+ }
1629
+ .tabless-main {
1630
+ display: flex;
1631
+ flex-direction: column;
1632
+ flex: 1;
1633
+ width: 100%;
1634
+ }
1635
+ .tabless-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
1636
+ display: none;
1637
+ }
1638
+ .tabless-paginat {
1639
+ overflow: hidden;
1640
+ }
1641
+ .tabless-paginat .el-pagination {
1642
+ justify-content: flex-end;
1643
+ }
1644
+
1618
1645
  .tablesv {
1619
1646
  width: 100%;
1620
1647
  min-height: 100px;
@@ -1696,26 +1723,4 @@
1696
1723
  left: 0;
1697
1724
  z-index: 1;
1698
1725
  opacity: 0;
1699
- }
1700
-
1701
- .tablesvp {
1702
- width: 100%;
1703
- height: var(--tablesvp-height);
1704
- display: flex;
1705
- flex-direction: column;
1706
- }
1707
- .tablesvp-main {
1708
- display: flex;
1709
- flex-direction: column;
1710
- flex: 1;
1711
- width: 100%;
1712
- }
1713
- .tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
1714
- display: none;
1715
- }
1716
- .tablesvp-paginat {
1717
- overflow: hidden;
1718
- }
1719
- .tablesvp-paginat .el-pagination {
1720
- justify-content: flex-end;
1721
1726
  }
package/dist/css/list.css CHANGED
@@ -34,8 +34,13 @@
34
34
  padding: 6px;
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
+ width: 100%;
37
38
  display: inline-flex;
38
39
  align-items: center;
40
+ word-break: break-all;
41
+ }
42
+ .list-div .list-table .list-table-auto .list-table-td {
43
+ flex: 1;
39
44
  }
40
45
  .list-div .list-table .list-table-auto .list-table-label {
41
46
  white-space: nowrap;
package/dist/css/page.css CHANGED
@@ -646,8 +646,13 @@
646
646
  padding: 6px;
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
+ width: 100%;
649
650
  display: inline-flex;
650
651
  align-items: center;
652
+ word-break: break-all;
653
+ }
654
+ .list-div .list-table .list-table-auto .list-table-td {
655
+ flex: 1;
651
656
  }
652
657
  .list-div .list-table .list-table-auto .list-table-label {
653
658
  white-space: nowrap;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1762497579365,
4
+ "lastModified": 1762504164985,
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
@@ -1053,8 +1053,13 @@
1053
1053
  padding: 6px;
1054
1054
  }
1055
1055
  .list-div .list-table .list-table-auto {
1056
+ width: 100%;
1056
1057
  display: inline-flex;
1057
1058
  align-items: center;
1059
+ word-break: break-all;
1060
+ }
1061
+ .list-div .list-table .list-table-auto .list-table-td {
1062
+ flex: 1;
1058
1063
  }
1059
1064
  .list-div .list-table .list-table-auto .list-table-label {
1060
1065
  white-space: nowrap;
@@ -1615,6 +1620,28 @@
1615
1620
  justify-content: flex-end;
1616
1621
  }
1617
1622
 
1623
+ .tabless {
1624
+ width: 100%;
1625
+ flex: 1;
1626
+ display: flex;
1627
+ flex-direction: column;
1628
+ }
1629
+ .tabless-main {
1630
+ display: flex;
1631
+ flex-direction: column;
1632
+ flex: 1;
1633
+ width: 100%;
1634
+ }
1635
+ .tabless-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
1636
+ display: none;
1637
+ }
1638
+ .tabless-paginat {
1639
+ overflow: hidden;
1640
+ }
1641
+ .tabless-paginat .el-pagination {
1642
+ justify-content: flex-end;
1643
+ }
1644
+
1618
1645
  .tablesv {
1619
1646
  width: 100%;
1620
1647
  min-height: 100px;
@@ -1696,26 +1723,4 @@
1696
1723
  left: 0;
1697
1724
  z-index: 1;
1698
1725
  opacity: 0;
1699
- }
1700
-
1701
- .tablesvp {
1702
- width: 100%;
1703
- height: var(--tablesvp-height);
1704
- display: flex;
1705
- flex-direction: column;
1706
- }
1707
- .tablesvp-main {
1708
- display: flex;
1709
- flex-direction: column;
1710
- flex: 1;
1711
- width: 100%;
1712
- }
1713
- .tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
1714
- display: none;
1715
- }
1716
- .tablesvp-paginat {
1717
- overflow: hidden;
1718
- }
1719
- .tablesvp-paginat .el-pagination {
1720
- justify-content: flex-end;
1721
1726
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.1.3",
4
+ "version": "0.1.4",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [
@@ -51,9 +51,9 @@
51
51
  "vxe-table": "4.17.10",
52
52
  "@fang-ui/components": "0.0.1-0",
53
53
  "@fang-ui/directives": "0.0.1-0",
54
- "@fang-ui/hooks": "0.0.1-0",
55
54
  "@fang-ui/icons": "0.0.1-0",
56
55
  "@fang-ui/locale": "0.0.1-0",
56
+ "@fang-ui/hooks": "0.0.1-0",
57
57
  "@fang-ui/theme": "0.0.1-0",
58
58
  "@fang-ui/types": "0.0.1-0",
59
59
  "@fang-ui/utils": "0.0.1-0"
File without changes