@fangzhongya/fang-ui 0.1.4 → 0.1.5

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 (39) hide show
  1. package/dist/components/forms/index.css +2 -2
  2. package/dist/components/forms/index.scss +2 -2
  3. package/dist/components/forms/src/data.cjs +9 -2
  4. package/dist/components/forms/src/data.d.ts +9 -2
  5. package/dist/components/forms/src/data.js +9 -2
  6. package/dist/components/forms/src/index2.cjs +1 -1
  7. package/dist/components/forms/src/index2.js +1 -1
  8. package/dist/components/forms-drag/src/index2.cjs +1 -1
  9. package/dist/components/forms-drag/src/index2.js +1 -1
  10. package/dist/components/list/index.css +5 -2
  11. package/dist/components/list/index.scss +11 -2
  12. package/dist/components/list/src/data.cjs +31 -0
  13. package/dist/components/list/src/data.d.ts +31 -0
  14. package/dist/components/list/src/data.js +31 -0
  15. package/dist/components/list/src/index2.cjs +10 -2
  16. package/dist/components/list/src/index2.js +10 -2
  17. package/dist/components/lists/style/index2.scss +1 -0
  18. package/dist/components/page/index.css +13 -4
  19. package/dist/components/tables/index.css +6 -0
  20. package/dist/components/tables/index.scss +15 -1
  21. package/dist/components/tables/src/data.cjs +15 -0
  22. package/dist/components/tables/src/data.d.ts +15 -0
  23. package/dist/components/tables/src/data.js +15 -0
  24. package/dist/components/tables/src/index2.cjs +6 -1
  25. package/dist/components/tables/src/index2.js +6 -1
  26. package/dist/components/tablesp/index.css +6 -0
  27. package/dist/css/forms.css +2 -2
  28. package/dist/css/index.css +13 -4
  29. package/dist/css/list.css +5 -2
  30. package/dist/css/page.css +13 -4
  31. package/dist/css/tables.css +6 -0
  32. package/dist/css/tablesp.css +6 -0
  33. package/dist/icons/index.json +1 -1
  34. package/dist/index.css +13 -4
  35. package/package.json +2 -2
  36. /package/dist/components/{forms-item → forms-items}/index.css +0 -0
  37. /package/dist/components/{keep-com → global-config}/index.css +0 -0
  38. /package/dist/css/{forms-item.css → forms-items.css} +0 -0
  39. /package/dist/css/{keep-com.css → global-config.css} +0 -0
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -65,8 +65,8 @@ $forms: 'forms';
65
65
  }
66
66
  .#{z($forms, 'li')} {
67
67
  height: fit-content;
68
- margin-top: var(vdm('query-interval', $forms));
69
- margin-bottom: var(vdm('query-interval', $forms));
68
+ margin-top: var(vdm('interval', $forms));
69
+ margin-bottom: var(vdm('interval', $forms));
70
70
  margin-right: var(vdm('inline-right', $forms));
71
71
  .#{e()}form-item {
72
72
  margin-bottom: 0;
@@ -109,13 +109,20 @@ const dataProps = {
109
109
  type: Boolean
110
110
  },
111
111
  /**
112
- * @props { String } queryInterval='6px'
112
+ * @props { String } interval='6px'
113
113
  * 查询模式的上下间距
114
114
  */
115
- queryInterval: {
115
+ interval: {
116
116
  type: String,
117
117
  default: "6px"
118
118
  },
119
+ /**
120
+ * @props { String } intervalHorizon
121
+ * 查询模式的左右间距
122
+ */
123
+ intervalHorizon: {
124
+ type: String
125
+ },
119
126
  /**
120
127
  * @props { String } inlineRight='32px'
121
128
  * 内连接右间距
@@ -119,13 +119,20 @@ export declare const dataProps: {
119
119
  type: BooleanConstructor;
120
120
  };
121
121
  /**
122
- * @props { String } queryInterval='6px'
122
+ * @props { String } interval='6px'
123
123
  * 查询模式的上下间距
124
124
  */
125
- queryInterval: {
125
+ interval: {
126
126
  type: StringConstructor;
127
127
  default: string;
128
128
  };
129
+ /**
130
+ * @props { String } intervalHorizon
131
+ * 查询模式的左右间距
132
+ */
133
+ intervalHorizon: {
134
+ type: StringConstructor;
135
+ };
129
136
  /**
130
137
  * @props { String } inlineRight='32px'
131
138
  * 内连接右间距
@@ -107,13 +107,20 @@ const dataProps = {
107
107
  type: Boolean
108
108
  },
109
109
  /**
110
- * @props { String } queryInterval='6px'
110
+ * @props { String } interval='6px'
111
111
  * 查询模式的上下间距
112
112
  */
113
- queryInterval: {
113
+ interval: {
114
114
  type: String,
115
115
  default: "6px"
116
116
  },
117
+ /**
118
+ * @props { String } intervalHorizon
119
+ * 查询模式的左右间距
120
+ */
121
+ intervalHorizon: {
122
+ type: String
123
+ },
117
124
  /**
118
125
  * @props { String } inlineRight='32px'
119
126
  * 内连接右间距
@@ -78,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
78
78
  style: vue.unref(cs).vdo({
79
79
  itemBottom: _ctx.itemBottom,
80
80
  inlineRight: _ctx.inlineRight,
81
- queryInterval: _ctx.queryInterval,
81
+ interval: _ctx.interval,
82
82
  rowHeight: _ctx.rowHeight
83
83
  })
84
84
  }, vue.unref(attrs).root), [
@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
76
76
  style: unref(cs).vdo({
77
77
  itemBottom: _ctx.itemBottom,
78
78
  inlineRight: _ctx.inlineRight,
79
- queryInterval: _ctx.queryInterval,
79
+ interval: _ctx.interval,
80
80
  rowHeight: _ctx.rowHeight
81
81
  })
82
82
  }, unref(attrs).root), [
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
106
106
  style: vue.unref(cs).vdo({
107
107
  itemBottom: _ctx.itemBottom,
108
108
  inlineRight: _ctx.inlineRight,
109
- queryInterval: _ctx.queryInterval,
109
+ interval: _ctx.interval,
110
110
  rowHeight: _ctx.rowHeight
111
111
  })
112
112
  }, vue.unref(attrs).root), [
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
104
104
  style: unref(cs).vdo({
105
105
  itemBottom: _ctx.itemBottom,
106
106
  inlineRight: _ctx.inlineRight,
107
- queryInterval: _ctx.queryInterval,
107
+ interval: _ctx.interval,
108
108
  rowHeight: _ctx.rowHeight
109
109
  })
110
110
  }, unref(attrs).root), [
@@ -31,17 +31,20 @@
31
31
  }
32
32
  .list-div .list-table .list-table-td,
33
33
  .list-div .list-table .list-table-th {
34
- padding: 6px;
34
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
37
  width: 100%;
38
38
  display: inline-flex;
39
- align-items: center;
40
39
  word-break: break-all;
41
40
  }
42
41
  .list-div .list-table .list-table-auto .list-table-td {
43
42
  flex: 1;
44
43
  }
44
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
45
+ word-break: break-all;
46
+ white-space: normal;
47
+ }
45
48
  .list-div .list-table .list-table-auto .list-table-label {
46
49
  white-space: nowrap;
47
50
  }
@@ -23,17 +23,26 @@ $list: 'list';
23
23
  }
24
24
  .#{z($list, 'table-td')},
25
25
  .#{z($list, 'table-th')} {
26
- padding: 6px;
26
+ padding: var(vdm('interval', $list))
27
+ var(
28
+ vdm('interval-horizon', $list),
29
+ var(vdm('interval', $list))
30
+ );
27
31
  }
28
32
 
29
33
  .#{z($list, 'table-auto')} {
30
34
  width: 100%;
31
35
  display: inline-flex;
32
- align-items: center;
33
36
  word-break: break-all;
34
37
  .#{z($list, 'table-td')} {
35
38
  flex: 1;
36
39
  }
40
+ .#{is('width')} {
41
+ .#{z($list, 'table-label')} {
42
+ word-break: break-all;
43
+ white-space: normal;
44
+ }
45
+ }
37
46
  .#{z($list, 'table-label')} {
38
47
  white-space: nowrap;
39
48
  }
@@ -68,12 +68,28 @@ const dataProps = {
68
68
  type: [Number, String]
69
69
  // default: '60px',
70
70
  },
71
+ /**
72
+ * @props { String } align ( )
73
+ * 左右位置
74
+ */
71
75
  align: {
72
76
  type: String
73
77
  },
78
+ /**
79
+ * @props { String } labelAlign ( )
80
+ * 标签展示左右位置
81
+ */
74
82
  labelAlign: {
75
83
  type: String
76
84
  },
85
+ /**
86
+ * @props { String } labelItems=center ( )
87
+ * 标签展示上下位置
88
+ */
89
+ labelItems: {
90
+ type: String,
91
+ default: "center"
92
+ },
77
93
  /**
78
94
  * @props { Boolean, String } border=true ( )
79
95
  * 是否需要边框,边框颜色
@@ -101,6 +117,21 @@ const dataProps = {
101
117
  */
102
118
  emptyDisplay: {
103
119
  type: String
120
+ },
121
+ /**
122
+ * @props { String } interval='8px'
123
+ * 查询模式的上下间距
124
+ */
125
+ interval: {
126
+ type: String,
127
+ default: "8px"
128
+ },
129
+ /**
130
+ * @props { String } intervalHorizon
131
+ * 查询模式的左右间距
132
+ */
133
+ intervalHorizon: {
134
+ type: String
104
135
  }
105
136
  };
106
137
  const dataEmits = ["list-events"];
@@ -73,12 +73,28 @@ export declare const dataProps: {
73
73
  labelWidth: {
74
74
  type: (StringConstructor | NumberConstructor)[];
75
75
  };
76
+ /**
77
+ * @props { String } align ( )
78
+ * 左右位置
79
+ */
76
80
  align: {
77
81
  type: StringConstructor;
78
82
  };
83
+ /**
84
+ * @props { String } labelAlign ( )
85
+ * 标签展示左右位置
86
+ */
79
87
  labelAlign: {
80
88
  type: StringConstructor;
81
89
  };
90
+ /**
91
+ * @props { String } labelItems=center ( )
92
+ * 标签展示上下位置
93
+ */
94
+ labelItems: {
95
+ type: StringConstructor;
96
+ default: string;
97
+ };
82
98
  /**
83
99
  * @props { Boolean, String } border=true ( )
84
100
  * 是否需要边框,边框颜色
@@ -106,6 +122,21 @@ export declare const dataProps: {
106
122
  emptyDisplay: {
107
123
  type: StringConstructor;
108
124
  };
125
+ /**
126
+ * @props { String } interval='8px'
127
+ * 查询模式的上下间距
128
+ */
129
+ interval: {
130
+ type: StringConstructor;
131
+ default: string;
132
+ };
133
+ /**
134
+ * @props { String } intervalHorizon
135
+ * 查询模式的左右间距
136
+ */
137
+ intervalHorizon: {
138
+ type: StringConstructor;
139
+ };
109
140
  };
110
141
  export type DataProps = ExtractPropTypes<typeof dataProps>;
111
142
  export declare const dataEmits: string[];
@@ -66,12 +66,28 @@ const dataProps = {
66
66
  type: [Number, String]
67
67
  // default: '60px',
68
68
  },
69
+ /**
70
+ * @props { String } align ( )
71
+ * 左右位置
72
+ */
69
73
  align: {
70
74
  type: String
71
75
  },
76
+ /**
77
+ * @props { String } labelAlign ( )
78
+ * 标签展示左右位置
79
+ */
72
80
  labelAlign: {
73
81
  type: String
74
82
  },
83
+ /**
84
+ * @props { String } labelItems=center ( )
85
+ * 标签展示上下位置
86
+ */
87
+ labelItems: {
88
+ type: String,
89
+ default: "center"
90
+ },
75
91
  /**
76
92
  * @props { Boolean, String } border=true ( )
77
93
  * 是否需要边框,边框颜色
@@ -99,6 +115,21 @@ const dataProps = {
99
115
  */
100
116
  emptyDisplay: {
101
117
  type: String
118
+ },
119
+ /**
120
+ * @props { String } interval='8px'
121
+ * 查询模式的上下间距
122
+ */
123
+ interval: {
124
+ type: String,
125
+ default: "8px"
126
+ },
127
+ /**
128
+ * @props { String } intervalHorizon
129
+ * 查询模式的左右间距
130
+ */
131
+ intervalHorizon: {
132
+ type: String
102
133
  }
103
134
  };
104
135
  const dataEmits = ["list-events"];
@@ -142,6 +142,10 @@ const _sfc_main = vue.defineComponent({
142
142
  class: [
143
143
  cs.z("table-th"),
144
144
  cs.is("whole", obj.whole),
145
+ cs.is(
146
+ "width",
147
+ Boolean(obj.labelWidth || props.labelWidth)
148
+ ),
145
149
  obj.class ?? ""
146
150
  ].join(" "),
147
151
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -251,7 +255,10 @@ const _sfc_main = vue.defineComponent({
251
255
  vue.h(
252
256
  "div",
253
257
  {
254
- class: cs.z("table-auto")
258
+ class: cs.z("table-auto"),
259
+ style: {
260
+ alignItems: obj.labelItems || props.labelItems
261
+ }
255
262
  },
256
263
  arr
257
264
  )
@@ -289,7 +296,8 @@ const _sfc_main = vue.defineComponent({
289
296
  {
290
297
  class: cs.z("div"),
291
298
  style: cs.vdo({
292
- borderColor: borderColor.value
299
+ borderColor: borderColor.value,
300
+ interval: props.interval
293
301
  })
294
302
  // onClick(event: Event) {
295
303
  // isfocus.value = true;
@@ -140,6 +140,10 @@ const _sfc_main = defineComponent({
140
140
  class: [
141
141
  cs.z("table-th"),
142
142
  cs.is("whole", obj.whole),
143
+ cs.is(
144
+ "width",
145
+ Boolean(obj.labelWidth || props.labelWidth)
146
+ ),
143
147
  obj.class ?? ""
144
148
  ].join(" "),
145
149
  colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -249,7 +253,10 @@ const _sfc_main = defineComponent({
249
253
  h(
250
254
  "div",
251
255
  {
252
- class: cs.z("table-auto")
256
+ class: cs.z("table-auto"),
257
+ style: {
258
+ alignItems: obj.labelItems || props.labelItems
259
+ }
253
260
  },
254
261
  arr
255
262
  )
@@ -287,7 +294,8 @@ const _sfc_main = defineComponent({
287
294
  {
288
295
  class: cs.z("div"),
289
296
  style: cs.vdo({
290
- borderColor: borderColor.value
297
+ borderColor: borderColor.value,
298
+ interval: props.interval
291
299
  })
292
300
  // onClick(event: Event) {
293
301
  // isfocus.value = true;
@@ -1,2 +1,3 @@
1
1
  @use '../../card/style/index2.scss' as *;
2
+ @use '../../loading/style/index2.scss' as *;
2
3
  @use '../index.scss' as *;
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -643,17 +643,20 @@
643
643
  }
644
644
  .list-div .list-table .list-table-td,
645
645
  .list-div .list-table .list-table-th {
646
- padding: 6px;
646
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
649
  width: 100%;
650
650
  display: inline-flex;
651
- align-items: center;
652
651
  word-break: break-all;
653
652
  }
654
653
  .list-div .list-table .list-table-auto .list-table-td {
655
654
  flex: 1;
656
655
  }
656
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
657
+ word-break: break-all;
658
+ white-space: normal;
659
+ }
657
660
  .list-div .list-table .list-table-auto .list-table-label {
658
661
  white-space: nowrap;
659
662
  }
@@ -728,6 +731,12 @@
728
731
  background-color: transparent;
729
732
  --el-table-header-bg-color: rgb(248, 248, 249);
730
733
  }
734
+ .tables-table.el-table--default .el-table__cell {
735
+ padding: var(--tables-interval) 0;
736
+ }
737
+ .tables-table.el-table--default .cell {
738
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
739
+ }
731
740
 
732
741
  .paging {
733
742
  padding: 10px;
@@ -27,4 +27,10 @@
27
27
  .tables-table {
28
28
  background-color: transparent;
29
29
  --el-table-header-bg-color: rgb(248, 248, 249);
30
+ }
31
+ .tables-table.el-table--default .el-table__cell {
32
+ padding: var(--tables-interval) 0;
33
+ }
34
+ .tables-table.el-table--default .cell {
35
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
30
36
  }
@@ -18,6 +18,20 @@ $tables: 'tables';
18
18
  // width: 100%;
19
19
  // 去掉背景色
20
20
  background-color: transparent;
21
- --#{e()}table-header-bg-color: rgb(248, 248, 249);
21
+
22
+ #{v(e()+'table-header-bg-color')}: rgb(248, 248, 249);
23
+
24
+ &.#{el('table', '', '', 'default')} {
25
+ .#{el('table', '', 'cell')} {
26
+ padding: var(vdm('interval', $tables)) 0;
27
+ }
28
+ .cell {
29
+ padding: 0
30
+ var(
31
+ vdm('interval-horizon', $tables),
32
+ var(vdm('interval', $tables))
33
+ );
34
+ }
35
+ }
22
36
  }
23
37
  }
@@ -81,6 +81,21 @@ const dataProps = {
81
81
  default() {
82
82
  return {};
83
83
  }
84
+ },
85
+ /**
86
+ * @props { String } interval='6px'
87
+ * 查询模式的上下间距
88
+ */
89
+ interval: {
90
+ type: String,
91
+ default: "6px"
92
+ },
93
+ /**
94
+ * @props { String } intervalHorizon
95
+ * 查询模式的左右间距
96
+ */
97
+ intervalHorizon: {
98
+ type: String
84
99
  }
85
100
  };
86
101
  const dataEmits = [
@@ -110,6 +110,21 @@ export declare const dataProps: {
110
110
  };
111
111
  default(): {};
112
112
  };
113
+ /**
114
+ * @props { String } interval='6px'
115
+ * 查询模式的上下间距
116
+ */
117
+ interval: {
118
+ type: StringConstructor;
119
+ default: string;
120
+ };
121
+ /**
122
+ * @props { String } intervalHorizon
123
+ * 查询模式的左右间距
124
+ */
125
+ intervalHorizon: {
126
+ type: StringConstructor;
127
+ };
113
128
  };
114
129
  export type DataProps = ExtractPropTypes<typeof dataProps>;
115
130
  /**
@@ -79,6 +79,21 @@ const dataProps = {
79
79
  default() {
80
80
  return {};
81
81
  }
82
+ },
83
+ /**
84
+ * @props { String } interval='6px'
85
+ * 查询模式的上下间距
86
+ */
87
+ interval: {
88
+ type: String,
89
+ default: "6px"
90
+ },
91
+ /**
92
+ * @props { String } intervalHorizon
93
+ * 查询模式的左右间距
94
+ */
95
+ intervalHorizon: {
96
+ type: String
82
97
  }
83
98
  };
84
99
  const dataEmits = [
@@ -128,7 +128,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
128
128
  return (_ctx, _cache) => {
129
129
  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
130
130
  class: vue.unref(cs).z()
131
- }, vue.unref(attrs).root), [
131
+ }, vue.unref(attrs).root, {
132
+ style: vue.unref(cs).vdo({
133
+ interval: _ctx.interval,
134
+ intervalHorizon: _ctx.intervalHorizon
135
+ })
136
+ }), [
132
137
  vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.Table), vue.mergeProps(vue.unref(attrs).assem, {
133
138
  align: "left",
134
139
  ref_key: "tableRef",
@@ -126,7 +126,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
126
126
  return (_ctx, _cache) => {
127
127
  return openBlock(), createElementBlock("div", mergeProps({
128
128
  class: unref(cs).z()
129
- }, unref(attrs).root), [
129
+ }, unref(attrs).root, {
130
+ style: unref(cs).vdo({
131
+ interval: _ctx.interval,
132
+ intervalHorizon: _ctx.intervalHorizon
133
+ })
134
+ }), [
130
135
  withDirectives((openBlock(), createBlock(unref(Table), mergeProps(unref(attrs).assem, {
131
136
  align: "left",
132
137
  ref_key: "tableRef",
@@ -28,6 +28,12 @@
28
28
  background-color: transparent;
29
29
  --el-table-header-bg-color: rgb(248, 248, 249);
30
30
  }
31
+ .tables-table.el-table--default .el-table__cell {
32
+ padding: var(--tables-interval) 0;
33
+ }
34
+ .tables-table.el-table--default .cell {
35
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
36
+ }
31
37
 
32
38
  .paging {
33
39
  padding: 10px;
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -1050,17 +1050,20 @@
1050
1050
  }
1051
1051
  .list-div .list-table .list-table-td,
1052
1052
  .list-div .list-table .list-table-th {
1053
- padding: 6px;
1053
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
1054
1054
  }
1055
1055
  .list-div .list-table .list-table-auto {
1056
1056
  width: 100%;
1057
1057
  display: inline-flex;
1058
- align-items: center;
1059
1058
  word-break: break-all;
1060
1059
  }
1061
1060
  .list-div .list-table .list-table-auto .list-table-td {
1062
1061
  flex: 1;
1063
1062
  }
1063
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
1064
+ word-break: break-all;
1065
+ white-space: normal;
1066
+ }
1064
1067
  .list-div .list-table .list-table-auto .list-table-label {
1065
1068
  white-space: nowrap;
1066
1069
  }
@@ -1135,6 +1138,12 @@
1135
1138
  background-color: transparent;
1136
1139
  --el-table-header-bg-color: rgb(248, 248, 249);
1137
1140
  }
1141
+ .tables-table.el-table--default .el-table__cell {
1142
+ padding: var(--tables-interval) 0;
1143
+ }
1144
+ .tables-table.el-table--default .cell {
1145
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
1146
+ }
1138
1147
 
1139
1148
  .paging {
1140
1149
  padding: 10px;
package/dist/css/list.css CHANGED
@@ -31,17 +31,20 @@
31
31
  }
32
32
  .list-div .list-table .list-table-td,
33
33
  .list-div .list-table .list-table-th {
34
- padding: 6px;
34
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
35
35
  }
36
36
  .list-div .list-table .list-table-auto {
37
37
  width: 100%;
38
38
  display: inline-flex;
39
- align-items: center;
40
39
  word-break: break-all;
41
40
  }
42
41
  .list-div .list-table .list-table-auto .list-table-td {
43
42
  flex: 1;
44
43
  }
44
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
45
+ word-break: break-all;
46
+ white-space: normal;
47
+ }
45
48
  .list-div .list-table .list-table-auto .list-table-label {
46
49
  white-space: nowrap;
47
50
  }
package/dist/css/page.css CHANGED
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -643,17 +643,20 @@
643
643
  }
644
644
  .list-div .list-table .list-table-td,
645
645
  .list-div .list-table .list-table-th {
646
- padding: 6px;
646
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
647
647
  }
648
648
  .list-div .list-table .list-table-auto {
649
649
  width: 100%;
650
650
  display: inline-flex;
651
- align-items: center;
652
651
  word-break: break-all;
653
652
  }
654
653
  .list-div .list-table .list-table-auto .list-table-td {
655
654
  flex: 1;
656
655
  }
656
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
657
+ word-break: break-all;
658
+ white-space: normal;
659
+ }
657
660
  .list-div .list-table .list-table-auto .list-table-label {
658
661
  white-space: nowrap;
659
662
  }
@@ -728,6 +731,12 @@
728
731
  background-color: transparent;
729
732
  --el-table-header-bg-color: rgb(248, 248, 249);
730
733
  }
734
+ .tables-table.el-table--default .el-table__cell {
735
+ padding: var(--tables-interval) 0;
736
+ }
737
+ .tables-table.el-table--default .cell {
738
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
739
+ }
731
740
 
732
741
  .paging {
733
742
  padding: 10px;
@@ -27,4 +27,10 @@
27
27
  .tables-table {
28
28
  background-color: transparent;
29
29
  --el-table-header-bg-color: rgb(248, 248, 249);
30
+ }
31
+ .tables-table.el-table--default .el-table__cell {
32
+ padding: var(--tables-interval) 0;
33
+ }
34
+ .tables-table.el-table--default .cell {
35
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
30
36
  }
@@ -28,6 +28,12 @@
28
28
  background-color: transparent;
29
29
  --el-table-header-bg-color: rgb(248, 248, 249);
30
30
  }
31
+ .tables-table.el-table--default .el-table__cell {
32
+ padding: var(--tables-interval) 0;
33
+ }
34
+ .tables-table.el-table--default .cell {
35
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
36
+ }
31
37
 
32
38
  .paging {
33
39
  padding: 10px;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "prefix": "fang-ui",
3
3
  "info": {},
4
- "lastModified": 1762504164985,
4
+ "lastModified": 1762508522818,
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
@@ -599,8 +599,8 @@
599
599
  }
600
600
  .forms-div--query .forms-li {
601
601
  height: fit-content;
602
- margin-top: var(--forms-query-interval);
603
- margin-bottom: var(--forms-query-interval);
602
+ margin-top: var(--forms-interval);
603
+ margin-bottom: var(--forms-interval);
604
604
  margin-right: var(--forms-inline-right);
605
605
  }
606
606
  .forms-div--query .forms-li .el-form-item {
@@ -1050,17 +1050,20 @@
1050
1050
  }
1051
1051
  .list-div .list-table .list-table-td,
1052
1052
  .list-div .list-table .list-table-th {
1053
- padding: 6px;
1053
+ padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
1054
1054
  }
1055
1055
  .list-div .list-table .list-table-auto {
1056
1056
  width: 100%;
1057
1057
  display: inline-flex;
1058
- align-items: center;
1059
1058
  word-break: break-all;
1060
1059
  }
1061
1060
  .list-div .list-table .list-table-auto .list-table-td {
1062
1061
  flex: 1;
1063
1062
  }
1063
+ .list-div .list-table .list-table-auto .is-width .list-table-label {
1064
+ word-break: break-all;
1065
+ white-space: normal;
1066
+ }
1064
1067
  .list-div .list-table .list-table-auto .list-table-label {
1065
1068
  white-space: nowrap;
1066
1069
  }
@@ -1135,6 +1138,12 @@
1135
1138
  background-color: transparent;
1136
1139
  --el-table-header-bg-color: rgb(248, 248, 249);
1137
1140
  }
1141
+ .tables-table.el-table--default .el-table__cell {
1142
+ padding: var(--tables-interval) 0;
1143
+ }
1144
+ .tables-table.el-table--default .cell {
1145
+ padding: 0 var(--tables-interval-horizon, var(--tables-interval));
1146
+ }
1138
1147
 
1139
1148
  .paging {
1140
1149
  padding: 10px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.1.4",
4
+ "version": "0.1.5",
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",
54
55
  "@fang-ui/icons": "0.0.1-0",
55
56
  "@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
File without changes