@fangzhongya/fang-ui 0.0.26 → 0.0.27

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 (50) hide show
  1. package/dist/components/array/index.css +1 -2
  2. package/dist/components/box/index.css +1 -2
  3. package/dist/components/box-adjust/index.css +1 -2
  4. package/dist/components/box-local/index.css +1 -2
  5. package/dist/components/box-mask/index.css +1 -2
  6. package/dist/components/box-title/index.css +1 -2
  7. package/dist/components/buttons/index.css +1 -2
  8. package/dist/components/cascaders/index.css +1 -2
  9. package/dist/components/checks/index.css +1 -2
  10. package/dist/components/css/common.scss +1 -2
  11. package/dist/components/dates/index.css +1 -2
  12. package/dist/components/dialog/index.css +3 -4
  13. package/dist/components/dialog/index.scss +6 -6
  14. package/dist/components/drawer/index.css +1 -2
  15. package/dist/components/el-tables/index.css +2 -5
  16. package/dist/components/el-tables/index.scss +1 -3
  17. package/dist/components/forms/index.css +4 -2
  18. package/dist/components/forms/index.d.ts +9 -0
  19. package/dist/components/forms/index.scss +5 -0
  20. package/dist/components/forms/src/data.cjs +3 -0
  21. package/dist/components/forms/src/data.d.ts +3 -0
  22. package/dist/components/forms/src/data.js +3 -0
  23. package/dist/components/forms/src/index.cjs +3 -1
  24. package/dist/components/forms/src/index.d.ts +6 -0
  25. package/dist/components/forms/src/index.js +3 -1
  26. package/dist/components/forms-div/index.css +1 -2
  27. package/dist/components/forms-drag/index.d.ts +9 -0
  28. package/dist/components/forms-drag/src/index.d.ts +6 -0
  29. package/dist/components/{forms-item → forms-items}/index.css +1 -2
  30. package/dist/components/global-config/index.css +1 -2
  31. package/dist/components/icon/index.css +1 -2
  32. package/dist/components/index.scss +2 -2
  33. package/dist/components/input-array/index.css +1 -2
  34. package/dist/components/input-num/index.css +1 -2
  35. package/dist/components/inputs/index.css +1 -2
  36. package/dist/components/lists/index.css +1 -2
  37. package/dist/components/menus/index.css +1 -2
  38. package/dist/components/page/index.css +1 -2
  39. package/dist/components/pagin/index.css +1 -2
  40. package/dist/components/popup/index.css +1 -2
  41. package/dist/components/right-key/index.css +1 -2
  42. package/dist/components/selects/index.css +1 -2
  43. package/dist/components/switchs/index.css +1 -2
  44. package/dist/components/tables/index.css +1 -2
  45. package/dist/components/tables-pagin/index.css +2 -5
  46. package/dist/components/text/index.css +1 -2
  47. package/dist/components/vxe-tables/index.css +1 -2
  48. package/dist/components/window/index.css +1 -2
  49. package/dist/index.css +25 -82
  50. package/package.json +6 -6
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -5,8 +5,7 @@
5
5
  @forward './mixins.scss';
6
6
 
7
7
  :root {
8
- --#{$cssname}icon-picker-on: rgb(91, 189, 246);
9
- --#{$cssname}icon-picker-border: #eee;
8
+ --#{$cssname}on: rgb(91, 189, 246);
10
9
  --#{$cssname}color-primary: #409eff;
11
10
  --#{$cssname}bag-primary: #409eff;
12
11
  --#{$cssname}bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -19,7 +18,7 @@
19
18
  .f-dialog.el-dialog .el-dialog__header {
20
19
  padding-top: 16px;
21
20
  padding-left: 20px;
22
- border-bottom: 1px solid #e5e7eb;
21
+ border-bottom: 1px solid var(--border);
23
22
  }
24
23
  .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
25
24
  width: 56px;
@@ -30,6 +29,6 @@
30
29
  padding: 20px 30px;
31
30
  }
32
31
  .f-dialog.el-dialog .el-dialog__footer {
33
- border-top: 1px solid #e5e7eb;
32
+ border-top: 1px solid var(--border);
34
33
  padding: 20px 20px;
35
34
  }
@@ -9,11 +9,11 @@ $dialog: 'f-dialog';
9
9
  padding-top: 16px;
10
10
  padding-left: 20px;
11
11
  // background-color: #3770ed;
12
- border-bottom: 1px solid #e5e7eb;
13
- .#{e()}dialog__title,
14
- .#{e()}dialog__close {
15
- // color: #fff;
16
- }
12
+ border-bottom: 1px solid var(--#{$cssname}border);
13
+ // .#{e()}dialog__title,
14
+ // .#{e()}dialog__close {
15
+ // // color: #fff;
16
+ // }
17
17
  .#{e()}dialog__headerbtn {
18
18
  width: 56px;
19
19
  height: 56px;
@@ -24,7 +24,7 @@ $dialog: 'f-dialog';
24
24
  padding: 20px 30px;
25
25
  }
26
26
  &__footer {
27
- border-top: 1px solid #e5e7eb;
27
+ border-top: 1px solid var(--#{$cssname}border);
28
28
  padding: 20px 20px;
29
29
  }
30
30
  }
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -23,6 +22,7 @@
23
22
  }
24
23
  .tables-table {
25
24
  background-color: transparent;
25
+ --el-table-header-bg-color: rgb(248, 248, 249);
26
26
  }
27
27
  .tables-table.is-absolute {
28
28
  position: absolute;
@@ -30,7 +30,4 @@
30
30
  right: 0;
31
31
  bottom: 0;
32
32
  left: 0;
33
- }
34
- .tables-table th.el-table__cell {
35
- background-color: rgb(248, 248, 249);
36
33
  }
@@ -21,8 +21,6 @@ $tables: 'tables';
21
21
  // width: 100%;
22
22
  // 去掉背景色
23
23
  background-color: transparent;
24
- th.#{e()}table__cell {
25
- background-color: rgb(248, 248, 249);
26
- }
24
+ --#{e()}table-header-bg-color: rgb(248, 248, 249);
27
25
  }
28
26
  }
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -99,4 +98,7 @@
99
98
  }
100
99
  .forms-elf.center .el-form-item__label {
101
100
  justify-content: center;
101
+ }
102
+ .forms-buts-div .el-button {
103
+ height: inherit;
102
104
  }
@@ -101,6 +101,9 @@ declare const Forms: {
101
101
  butLeft: {
102
102
  type: StringConstructor;
103
103
  };
104
+ butHeight: {
105
+ type: StringConstructor;
106
+ };
104
107
  colon: (BooleanConstructor | StringConstructor)[];
105
108
  value: {
106
109
  type: () => ObjAny;
@@ -530,6 +533,9 @@ declare const Forms: {
530
533
  butLeft: {
531
534
  type: StringConstructor;
532
535
  };
536
+ butHeight: {
537
+ type: StringConstructor;
538
+ };
533
539
  colon: (BooleanConstructor | StringConstructor)[];
534
540
  value: {
535
541
  type: () => ObjAny;
@@ -677,6 +683,9 @@ declare const Forms: {
677
683
  butLeft: {
678
684
  type: StringConstructor;
679
685
  };
686
+ butHeight: {
687
+ type: StringConstructor;
688
+ };
680
689
  colon: (BooleanConstructor | StringConstructor)[];
681
690
  value: {
682
691
  type: () => ObjAny;
@@ -91,4 +91,9 @@ $forms: 'forms';
91
91
  }
92
92
  }
93
93
  }
94
+ &-buts-div {
95
+ .#{e()}button {
96
+ height: inherit;
97
+ }
98
+ }
94
99
  }
@@ -100,6 +100,9 @@ const dataProps = {
100
100
  butLeft: {
101
101
  type: String
102
102
  },
103
+ butHeight: {
104
+ type: String
105
+ },
103
106
  colon: [Boolean, String]
104
107
  };
105
108
  const dataEmits = [
@@ -122,6 +122,9 @@ export declare const dataProps: {
122
122
  butLeft: {
123
123
  type: StringConstructor;
124
124
  };
125
+ butHeight: {
126
+ type: StringConstructor;
127
+ };
125
128
  colon: (BooleanConstructor | StringConstructor)[];
126
129
  value: {
127
130
  type: () => ObjAny;
@@ -98,6 +98,9 @@ const dataProps = {
98
98
  butLeft: {
99
99
  type: String
100
100
  },
101
+ butHeight: {
102
+ type: String
103
+ },
101
104
  colon: [Boolean, String]
102
105
  };
103
106
  const dataEmits = [
@@ -141,7 +141,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
141
141
  }, {
142
142
  default: vue.withCtx(() => [
143
143
  vue.createElementVNode("div", {
144
- style: vue.normalizeStyle({ height: props.rowHeight }),
144
+ style: vue.normalizeStyle({
145
+ height: props.butHeight ?? props.rowHeight
146
+ }),
145
147
  class: vue.normalizeClass(vue.unref(cs).z("buts-div"))
146
148
  }, [
147
149
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buts), (item, index2) => {
@@ -386,6 +386,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
386
386
  butLeft: {
387
387
  type: StringConstructor;
388
388
  };
389
+ butHeight: {
390
+ type: StringConstructor;
391
+ };
389
392
  colon: (BooleanConstructor | StringConstructor)[];
390
393
  value: {
391
394
  type: () => ObjAny;
@@ -512,6 +515,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
512
515
  butLeft: {
513
516
  type: StringConstructor;
514
517
  };
518
+ butHeight: {
519
+ type: StringConstructor;
520
+ };
515
521
  colon: (BooleanConstructor | StringConstructor)[];
516
522
  value: {
517
523
  type: () => ObjAny;
@@ -139,7 +139,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
139
139
  }, {
140
140
  default: withCtx(() => [
141
141
  createElementVNode("div", {
142
- style: normalizeStyle({ height: props.rowHeight }),
142
+ style: normalizeStyle({
143
+ height: props.butHeight ?? props.rowHeight
144
+ }),
143
145
  class: normalizeClass(unref(cs).z("buts-div"))
144
146
  }, [
145
147
  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(buts), (item, index) => {
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -108,6 +108,9 @@ declare const FormsDrag: {
108
108
  butLeft: {
109
109
  type: StringConstructor;
110
110
  };
111
+ butHeight: {
112
+ type: StringConstructor;
113
+ };
111
114
  colon: (BooleanConstructor | StringConstructor)[];
112
115
  value: {
113
116
  type: () => ObjAny;
@@ -545,6 +548,9 @@ declare const FormsDrag: {
545
548
  butLeft: {
546
549
  type: StringConstructor;
547
550
  };
551
+ butHeight: {
552
+ type: StringConstructor;
553
+ };
548
554
  colon: (BooleanConstructor | StringConstructor)[];
549
555
  value: {
550
556
  type: () => ObjAny;
@@ -700,6 +706,9 @@ declare const FormsDrag: {
700
706
  butLeft: {
701
707
  type: StringConstructor;
702
708
  };
709
+ butHeight: {
710
+ type: StringConstructor;
711
+ };
703
712
  colon: (BooleanConstructor | StringConstructor)[];
704
713
  value: {
705
714
  type: () => ObjAny;
@@ -393,6 +393,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
393
393
  butLeft: {
394
394
  type: StringConstructor;
395
395
  };
396
+ butHeight: {
397
+ type: StringConstructor;
398
+ };
396
399
  colon: (BooleanConstructor | StringConstructor)[];
397
400
  value: {
398
401
  type: () => globalThis.ObjAny;
@@ -526,6 +529,9 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
526
529
  butLeft: {
527
530
  type: StringConstructor;
528
531
  };
532
+ butHeight: {
533
+ type: StringConstructor;
534
+ };
529
535
  colon: (BooleanConstructor | StringConstructor)[];
530
536
  value: {
531
537
  type: () => globalThis.ObjAny;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -30,5 +30,5 @@
30
30
  @use './text/index.scss' as *;
31
31
  @use './el-tables/index.scss' as *;
32
32
  @use './pagin/index.scss' as *;
33
- @use './tables/index.scss' as *;
34
- @use './vxe-tables/index.scss' as *;
33
+ @use './tables-pagin/index.scss' as *;
34
+ @use './tables/index.scss' as *;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -23,6 +22,7 @@
23
22
  }
24
23
  .tables-table {
25
24
  background-color: transparent;
25
+ --el-table-header-bg-color: rgb(248, 248, 249);
26
26
  }
27
27
  .tables-table.is-absolute {
28
28
  position: absolute;
@@ -31,9 +31,6 @@
31
31
  bottom: 0;
32
32
  left: 0;
33
33
  }
34
- .tables-table th.el-table__cell {
35
- background-color: rgb(248, 248, 249);
36
- }
37
34
 
38
35
  .pags {
39
36
  padding: 10px;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
package/dist/index.css CHANGED
@@ -1,6 +1,5 @@
1
1
  :root {
2
- --icon-picker-on: rgb(91, 189, 246);
3
- --icon-picker-border: #eee;
2
+ --on: rgb(91, 189, 246);
4
3
  --color-primary: #409eff;
5
4
  --bag-primary: #409eff;
6
5
  --bag-primary-text: #fff;
@@ -19,7 +18,7 @@
19
18
  .f-dialog.el-dialog .el-dialog__header {
20
19
  padding-top: 16px;
21
20
  padding-left: 20px;
22
- border-bottom: 1px solid #e5e7eb;
21
+ border-bottom: 1px solid var(--border);
23
22
  }
24
23
  .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
25
24
  width: 56px;
@@ -30,7 +29,7 @@
30
29
  padding: 20px 30px;
31
30
  }
32
31
  .f-dialog.el-dialog .el-dialog__footer {
33
- border-top: 1px solid #e5e7eb;
32
+ border-top: 1px solid var(--border);
34
33
  padding: 20px 20px;
35
34
  }
36
35
 
@@ -165,6 +164,9 @@
165
164
  .forms-elf.center .el-form-item__label {
166
165
  justify-content: center;
167
166
  }
167
+ .forms-buts-div .el-button {
168
+ height: inherit;
169
+ }
168
170
 
169
171
  .box-adjust {
170
172
  position: fixed;
@@ -653,6 +655,7 @@
653
655
  }
654
656
  .tables-table {
655
657
  background-color: transparent;
658
+ --el-table-header-bg-color: rgb(248, 248, 249);
656
659
  }
657
660
  .tables-table.is-absolute {
658
661
  position: absolute;
@@ -661,9 +664,6 @@
661
664
  bottom: 0;
662
665
  left: 0;
663
666
  }
664
- .tables-table th.el-table__cell {
665
- background-color: rgb(248, 248, 249);
666
- }
667
667
 
668
668
  .pags {
669
669
  padding: 10px;
@@ -680,104 +680,47 @@
680
680
  color: #9b9b9b;
681
681
  }
682
682
 
683
- .tables-pag {
683
+ .tables-pagin {
684
684
  width: 100%;
685
- height: 100%;
686
- flex: 1;
685
+ height: var(--tables-pagin-height);
687
686
  display: flex;
688
687
  flex-direction: column;
689
688
  }
690
- .tables-pag-main {
689
+ .tables-pagin-main {
691
690
  display: flex;
692
691
  flex-direction: column;
693
692
  flex: 1;
694
693
  width: 100%;
695
694
  }
696
- .tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
695
+ .tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
697
696
  display: none;
698
697
  }
699
- .tables-pag-paginat {
698
+ .tables-pagin-paginat {
700
699
  overflow: hidden;
701
700
  }
702
- .tables-pag-paginat .el-pagination {
701
+ .tables-pagin-paginat .el-pagination {
703
702
  justify-content: flex-end;
704
703
  }
705
704
 
706
- .vtables {
705
+ .tables-pag {
707
706
  width: 100%;
708
- min-height: 100px;
709
- position: relative;
707
+ height: 100%;
710
708
  flex: 1;
711
709
  display: flex;
712
710
  flex-direction: column;
713
711
  }
714
- .vtables-table {
715
- background-color: transparent;
716
- }
717
- .vtables-table.is-absolute {
718
- position: absolute;
719
- top: 0;
720
- right: 0;
721
- bottom: 0;
722
- left: 0;
723
- }
724
- .vtables-table .vxe-body--column {
725
- overflow: hidden;
726
- padding: 8px 0;
727
- }
728
- .vtables-table .col--checkbox .vxe-checkbox--label {
729
- padding-left: 0;
730
- }
731
- .vtables .fv-custom-checkbox {
732
- cursor: pointer;
733
- position: relative;
734
- }
735
- .vtables .fv-custom-checkbox.is-disabled {
736
- cursor: not-allowed;
737
- }
738
- .vtables .fv-custom-checkbox .el-checkbox__label {
739
- color: var(--vxe-table-header-font-color);
740
- font-weight: var(--vxe-table-header-font-weight);
741
- }
742
- .vtables .fv-custom-checkbox .fv-custom-checkbox-mask {
743
- position: absolute;
744
- top: 0;
745
- right: 0;
746
- bottom: 0;
747
- left: 0;
748
- z-index: 1;
749
- opacity: 0;
750
- }
751
- .vtables .fv-custom-radio {
752
- cursor: pointer;
753
- position: relative;
754
- }
755
- .vtables .fv-custom-radio.is-disabled {
756
- cursor: not-allowed;
757
- }
758
- .vtables .fv-custom-radio .el-radio {
759
- height: auto;
760
- }
761
- .vtables .fv-custom-radio.center .el-radio {
762
- text-align: center;
763
- display: table-cell;
712
+ .tables-pag-main {
713
+ display: flex;
714
+ flex-direction: column;
715
+ flex: 1;
716
+ width: 100%;
764
717
  }
765
- .vtables .fv-custom-radio.center .el-radio__label {
718
+ .tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
766
719
  display: none;
767
720
  }
768
- .vtables .fv-custom-radio.right .el-radio {
769
- text-align: right;
770
- display: table-cell;
771
- }
772
- .vtables .fv-custom-radio.right .el-radio__label {
773
- display: none;
721
+ .tables-pag-paginat {
722
+ overflow: hidden;
774
723
  }
775
- .vtables .fv-custom-radio .fv-custom-radio-mask {
776
- position: absolute;
777
- top: 0;
778
- right: 0;
779
- bottom: 0;
780
- left: 0;
781
- z-index: 1;
782
- opacity: 0;
724
+ .tables-pag-paginat .el-pagination {
725
+ justify-content: flex-end;
783
726
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.0.26",
4
+ "version": "0.0.27",
5
5
  "type": "module",
6
6
  "description ": "fang-ui",
7
7
  "keywords": [
@@ -48,13 +48,13 @@
48
48
  "vuedraggable": "4.1.0",
49
49
  "vxe-table": "4.14.4",
50
50
  "@fang-ui/components": "0.0.1-0",
51
- "@fang-ui/theme": "0.0.1-0",
51
+ "@fang-ui/hooks": "0.0.1-0",
52
+ "@fang-ui/directives": "0.0.1-0",
52
53
  "@fang-ui/locale": "0.0.1-0",
53
54
  "@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
- "@fang-ui/types": "0.0.1-0"
55
+ "@fang-ui/theme": "0.0.1-0",
56
+ "@fang-ui/types": "0.0.1-0",
57
+ "@fang-ui/utils": "0.0.1-0"
58
58
  },
59
59
  "main": "./dist/index.cjs",
60
60
  "module": "./dist/index.js",