@fangzhongya/fang-ui 0.0.24 → 0.0.26

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 (7) hide show
  1. package/dist/components/dialog/index.css +4 -4
  2. package/dist/components/dialog/index.scss +21 -19
  3. package/dist/components/index.scss +2 -2
  4. package/dist/components/menus/index.css +3 -0
  5. package/dist/components/menus/index.scss +8 -3
  6. package/dist/index.css +82 -22
  7. package/package.json +5 -5
package/dist/components/dialog/index.css CHANGED
@@ -16,20 +16,20 @@
16
16
  .f-dialog.el-dialog {
17
17
  padding: 0;
18
18
  }
19
- .f-dialog.el-dialog__header {
19
+ .f-dialog.el-dialog .el-dialog__header {
20
20
  padding-top: 16px;
21
21
  padding-left: 20px;
22
22
  border-bottom: 1px solid #e5e7eb;
23
23
  }
24
- .f-dialog.el-dialog__header .el-dialog__headerbtn {
24
+ .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
25
25
  width: 56px;
26
26
  height: 56px;
27
27
  font-size: 22px;
28
28
  }
29
- .f-dialog.el-dialog__body {
29
+ .f-dialog.el-dialog .el-dialog__body {
30
30
  padding: 20px 30px;
31
31
  }
32
- .f-dialog.el-dialog__footer {
32
+ .f-dialog.el-dialog .el-dialog__footer {
33
33
  border-top: 1px solid #e5e7eb;
34
34
  padding: 20px 20px;
35
35
  }
package/dist/components/dialog/index.scss CHANGED
@@ -4,27 +4,29 @@ $dialog: 'f-dialog';
4
4
  @include b($dialog) {
5
5
  &.#{e()}dialog {
6
6
  padding: 0;
7
- &__header {
8
- padding-top: 16px;
9
- padding-left: 20px;
10
- // background-color: #3770ed;
11
- border-bottom: 1px solid #e5e7eb;
12
- .#{e()}dialog__title,
13
- .#{e()}dialog__close {
14
- // color: #fff;
7
+ .#{e()}dialog {
8
+ &__header {
9
+ padding-top: 16px;
10
+ padding-left: 20px;
11
+ // background-color: #3770ed;
12
+ border-bottom: 1px solid #e5e7eb;
13
+ .#{e()}dialog__title,
14
+ .#{e()}dialog__close {
15
+ // color: #fff;
16
+ }
17
+ .#{e()}dialog__headerbtn {
18
+ width: 56px;
19
+ height: 56px;
20
+ font-size: 22px;
21
+ }
15
22
  }
16
- .#{e()}dialog__headerbtn {
17
- width: 56px;
18
- height: 56px;
19
- font-size: 22px;
23
+ &__body {
24
+ padding: 20px 30px;
25
+ }
26
+ &__footer {
27
+ border-top: 1px solid #e5e7eb;
28
+ padding: 20px 20px;
20
29
  }
21
- }
22
- &__body {
23
- padding: 20px 30px;
24
- }
25
- &__footer {
26
- border-top: 1px solid #e5e7eb;
27
- padding: 20px 20px;
28
30
  }
29
31
  }
30
32
  }
package/dist/components/index.scss CHANGED
@@ -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-pagin/index.scss' as *;
34
- @use './tables/index.scss' as *;
33
+ @use './tables/index.scss' as *;
34
+ @use './vxe-tables/index.scss' as *;
package/dist/components/menus/index.css CHANGED
@@ -16,4 +16,7 @@
16
16
  .menus .menu-li-item {
17
17
  display: flex;
18
18
  align-items: center;
19
+ }
20
+ .menus .menu-li-icon {
21
+ margin-right: 10px;
19
22
  }
package/dist/components/menus/index.scss CHANGED
@@ -2,8 +2,13 @@
2
2
 
3
3
  $menus: 'menus';
4
4
  @include b($menus) {
5
- .#{z('menu-li', 'item')} {
6
- display: flex;
7
- align-items: center;
5
+ .#{z('menu-li')} {
6
+ &-item {
7
+ display: flex;
8
+ align-items: center;
9
+ }
10
+ &-icon {
11
+ margin-right: 10px;
12
+ }
8
13
  }
9
14
  }
package/dist/index.css CHANGED
@@ -16,20 +16,20 @@
16
16
  .f-dialog.el-dialog {
17
17
  padding: 0;
18
18
  }
19
- .f-dialog.el-dialog__header {
19
+ .f-dialog.el-dialog .el-dialog__header {
20
20
  padding-top: 16px;
21
21
  padding-left: 20px;
22
22
  border-bottom: 1px solid #e5e7eb;
23
23
  }
24
- .f-dialog.el-dialog__header .el-dialog__headerbtn {
24
+ .f-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
25
25
  width: 56px;
26
26
  height: 56px;
27
27
  font-size: 22px;
28
28
  }
29
- .f-dialog.el-dialog__body {
29
+ .f-dialog.el-dialog .el-dialog__body {
30
30
  padding: 20px 30px;
31
31
  }
32
- .f-dialog.el-dialog__footer {
32
+ .f-dialog.el-dialog .el-dialog__footer {
33
33
  border-top: 1px solid #e5e7eb;
34
34
  padding: 20px 20px;
35
35
  }
@@ -447,6 +447,9 @@
447
447
  display: flex;
448
448
  align-items: center;
449
449
  }
450
+ .menus .menu-li-icon {
451
+ margin-right: 10px;
452
+ }
450
453
 
451
454
  .page {
452
455
  height: 100%;
@@ -677,47 +680,104 @@
677
680
  color: #9b9b9b;
678
681
  }
679
682
 
680
- .tables-pagin {
683
+ .tables-pag {
681
684
  width: 100%;
682
- height: var(--tables-pagin-height);
685
+ height: 100%;
686
+ flex: 1;
683
687
  display: flex;
684
688
  flex-direction: column;
685
689
  }
686
- .tables-pagin-main {
690
+ .tables-pag-main {
687
691
  display: flex;
688
692
  flex-direction: column;
689
693
  flex: 1;
690
694
  width: 100%;
691
695
  }
692
- .tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
696
+ .tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
693
697
  display: none;
694
698
  }
695
- .tables-pagin-paginat {
699
+ .tables-pag-paginat {
696
700
  overflow: hidden;
697
701
  }
698
- .tables-pagin-paginat .el-pagination {
702
+ .tables-pag-paginat .el-pagination {
699
703
  justify-content: flex-end;
700
704
  }
701
705
 
702
- .tables-pag {
706
+ .vtables {
703
707
  width: 100%;
704
- height: 100%;
708
+ min-height: 100px;
709
+ position: relative;
705
710
  flex: 1;
706
711
  display: flex;
707
712
  flex-direction: column;
708
713
  }
709
- .tables-pag-main {
710
- display: flex;
711
- flex-direction: column;
712
- flex: 1;
713
- width: 100%;
714
+ .vtables-table {
715
+ background-color: transparent;
714
716
  }
715
- .tables-pag-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
716
- display: none;
717
+ .vtables-table.is-absolute {
718
+ position: absolute;
719
+ top: 0;
720
+ right: 0;
721
+ bottom: 0;
722
+ left: 0;
717
723
  }
718
- .tables-pag-paginat {
724
+ .vtables-table .vxe-body--column {
719
725
  overflow: hidden;
726
+ padding: 8px 0;
720
727
  }
721
- .tables-pag-paginat .el-pagination {
722
- justify-content: flex-end;
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;
764
+ }
765
+ .vtables .fv-custom-radio.center .el-radio__label {
766
+ display: none;
767
+ }
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;
774
+ }
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;
723
783
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fangzhongya/fang-ui",
3
3
  "private": false,
4
- "version": "0.0.24",
4
+ "version": "0.0.26",
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/hooks": "0.0.1-0",
52
- "@fang-ui/directives": "0.0.1-0",
51
+ "@fang-ui/theme": "0.0.1-0",
53
52
  "@fang-ui/locale": "0.0.1-0",
54
53
  "@fang-ui/icons": "0.0.1-0",
54
+ "@fang-ui/directives": "0.0.1-0",
55
+ "@fang-ui/hooks": "0.0.1-0",
55
56
  "@fang-ui/utils": "0.0.1-0",
56
- "@fang-ui/types": "0.0.1-0",
57
- "@fang-ui/theme": "0.0.1-0"
57
+ "@fang-ui/types": "0.0.1-0"
58
58
  },
59
59
  "main": "./dist/index.cjs",
60
60
  "module": "./dist/index.js",