@touchvue/ui 1.0.0-beta.60 → 1.0.0-beta.61

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 (26) hide show
  1. package/es/components/select/src/select.d.ts +7 -0
  2. package/es/components/select/src/select.vue.d.ts +9 -0
  3. package/es/components/table/src/table-body.vue.d.ts +4 -0
  4. package/es/packages/components/select/src/select.mjs +7 -0
  5. package/es/packages/components/select/src/select.mjs.map +1 -1
  6. package/es/packages/components/select/src/select.vue2.mjs +45 -7
  7. package/es/packages/components/select/src/select.vue2.mjs.map +1 -1
  8. package/es/packages/components/table/src/table-body.vue2.mjs +38 -9
  9. package/es/packages/components/table/src/table-body.vue2.mjs.map +1 -1
  10. package/es/packages/components/table/src/table.vue2.mjs +19 -6
  11. package/es/packages/components/table/src/table.vue2.mjs.map +1 -1
  12. package/lib/components/select/src/select.d.ts +7 -0
  13. package/lib/components/select/src/select.vue.d.ts +9 -0
  14. package/lib/components/table/src/table-body.vue.d.ts +4 -0
  15. package/lib/packages/components/select/src/select.js +7 -0
  16. package/lib/packages/components/select/src/select.js.map +1 -1
  17. package/lib/packages/components/select/src/select.vue2.js +45 -7
  18. package/lib/packages/components/select/src/select.vue2.js.map +1 -1
  19. package/lib/packages/components/table/src/table-body.vue2.js +37 -8
  20. package/lib/packages/components/table/src/table-body.vue2.js.map +1 -1
  21. package/lib/packages/components/table/src/table.vue2.js +19 -6
  22. package/lib/packages/components/table/src/table.vue2.js.map +1 -1
  23. package/package.json +1 -1
  24. package/theme/components/index.css +34 -4
  25. package/theme/index.css +34 -4
  26. package/theme/skin/default.css +34 -4
package/theme/index.css CHANGED
@@ -2105,21 +2105,26 @@ html body .height-full {
2105
2105
  }
2106
2106
  .to-tag.type-corner {
2107
2107
  position: absolute;
2108
- }
2109
- .to-tag.type-corner {
2110
2108
  right: 0;
2111
2109
  top: 0;
2112
2110
  }
2113
2111
  .to-tag.type-corner .to-tag-wrapper {
2114
2112
  border-radius: 0 0 0 var(--radius);
2115
2113
  }
2114
+ .to-tag.type-corner .to-tag-wrapper::after {
2115
+ border-radius: 0 0 0 var(--radius);
2116
+ }
2116
2117
  .to-tag.type-corner.position-top-left {
2117
2118
  left: 0;
2118
2119
  top: 0;
2120
+ right: auto;
2119
2121
  }
2120
2122
  .to-tag.type-corner.position-top-left .to-tag-wrapper {
2121
2123
  border-radius: 0 0 var(--radius) 0;
2122
2124
  }
2125
+ .to-tag.type-corner.position-top-left .to-tag-wrapper::after {
2126
+ border-radius: 0 0 var(--radius) 0;
2127
+ }
2123
2128
  .to-tag.type-corner.position-bottom-left {
2124
2129
  left: 0;
2125
2130
  bottom: 0;
@@ -2129,6 +2134,9 @@ html body .height-full {
2129
2134
  .to-tag.type-corner.position-bottom-left .to-tag-wrapper {
2130
2135
  border-radius: 0 var(--radius) 0 0;
2131
2136
  }
2137
+ .to-tag.type-corner.position-bottom-left .to-tag-wrapper::after {
2138
+ border-radius: 0 var(--radius) 0 0;
2139
+ }
2132
2140
  .to-tag.type-corner.position-bottom-right {
2133
2141
  right: 0;
2134
2142
  bottom: 0;
@@ -2137,6 +2145,9 @@ html body .height-full {
2137
2145
  .to-tag.type-corner.position-bottom-right .to-tag-wrapper {
2138
2146
  border-radius: var(--radius) 0 0 0;
2139
2147
  }
2148
+ .to-tag.type-corner.position-bottom-right .to-tag-wrapper::after {
2149
+ border-radius: var(--radius) 0 0 0;
2150
+ }
2140
2151
  .to-tag.is-link {
2141
2152
  cursor: pointer;
2142
2153
  }
@@ -5394,7 +5405,7 @@ html body .height-full {
5394
5405
  --box-active-bg: var(--box-bg);
5395
5406
  --box-active-color: var(--box-color);
5396
5407
  --box-active-border: var(--box-border);
5397
- --label-color: inherit;
5408
+ --label-color: #000;
5398
5409
  --label-size: 100%;
5399
5410
  --label-weight: normal;
5400
5411
  --checked-bg: var(--bg);
@@ -6594,6 +6605,12 @@ html body .height-full {
6594
6605
  --body-size: var(--size);
6595
6606
  --body-even-color: var(--body-color);
6596
6607
  --body-even-bg: var(--body-bg);
6608
+ --body-item-hover-border: 0 none;
6609
+ --body-item-hover-bg: rgba(0, 0, 0, 0.1);
6610
+ --body-item-hover-color: var(--body-color);
6611
+ --body-item-active-border: 0 none;
6612
+ --body-item-active-bg: rgba(0, 0, 0, 0.2);
6613
+ --body-item-active-color: var(--body-color);
6597
6614
  --action-gap: 1em;
6598
6615
  --action-padding: 0;
6599
6616
  --radio-size: 1em;
@@ -6676,6 +6693,19 @@ html body .height-full {
6676
6693
  color: var(--body-even-color);
6677
6694
  background-size: var(--body-bg-size);
6678
6695
  }
6696
+ .to-table-body-row.is-checkable {
6697
+ cursor: pointer;
6698
+ }
6699
+ .to-table-body-row.is-checkable:hover {
6700
+ border: var(--body-item-hover-border);
6701
+ background: var(--body-item-hover-bg);
6702
+ color: var(--body-item-hover-color);
6703
+ }
6704
+ .to-table-body-row.is-checkable:active {
6705
+ border: var(--body-item-active-border);
6706
+ background: var(--body-item-active-bg);
6707
+ color: var(--body-item-active-color);
6708
+ }
6679
6709
  .to-table-detail-row .to-table-detail-cell {
6680
6710
  border-bottom: var(--body-divider-x);
6681
6711
  }
@@ -6735,6 +6765,7 @@ html body .height-full {
6735
6765
  box-sizing: border-box;
6736
6766
  border: var(--radio-border);
6737
6767
  background: #fff;
6768
+ border-radius: 50%;
6738
6769
  }
6739
6770
  .to-table-radio.is-checked:before {
6740
6771
  border: var(--on-radio-border);
@@ -6827,7 +6858,6 @@ html body .height-full {
6827
6858
  .to-table-wrapper {
6828
6859
  position: relative;
6829
6860
  overflow: auto;
6830
- overscroll-behavior: none;
6831
6861
  height: 100%;
6832
6862
  z-index: 0;
6833
6863
  }
package/theme/skin/default.css CHANGED
@@ -2105,21 +2105,26 @@ html body .height-full {
2105
2105
  }
2106
2106
  .to-tag.type-corner {
2107
2107
  position: absolute;
2108
- }
2109
- .to-tag.type-corner {
2110
2108
  right: 0;
2111
2109
  top: 0;
2112
2110
  }
2113
2111
  .to-tag.type-corner .to-tag-wrapper {
2114
2112
  border-radius: 0 0 0 var(--radius);
2115
2113
  }
2114
+ .to-tag.type-corner .to-tag-wrapper::after {
2115
+ border-radius: 0 0 0 var(--radius);
2116
+ }
2116
2117
  .to-tag.type-corner.position-top-left {
2117
2118
  left: 0;
2118
2119
  top: 0;
2120
+ right: auto;
2119
2121
  }
2120
2122
  .to-tag.type-corner.position-top-left .to-tag-wrapper {
2121
2123
  border-radius: 0 0 var(--radius) 0;
2122
2124
  }
2125
+ .to-tag.type-corner.position-top-left .to-tag-wrapper::after {
2126
+ border-radius: 0 0 var(--radius) 0;
2127
+ }
2123
2128
  .to-tag.type-corner.position-bottom-left {
2124
2129
  left: 0;
2125
2130
  bottom: 0;
@@ -2129,6 +2134,9 @@ html body .height-full {
2129
2134
  .to-tag.type-corner.position-bottom-left .to-tag-wrapper {
2130
2135
  border-radius: 0 var(--radius) 0 0;
2131
2136
  }
2137
+ .to-tag.type-corner.position-bottom-left .to-tag-wrapper::after {
2138
+ border-radius: 0 var(--radius) 0 0;
2139
+ }
2132
2140
  .to-tag.type-corner.position-bottom-right {
2133
2141
  right: 0;
2134
2142
  bottom: 0;
@@ -2137,6 +2145,9 @@ html body .height-full {
2137
2145
  .to-tag.type-corner.position-bottom-right .to-tag-wrapper {
2138
2146
  border-radius: var(--radius) 0 0 0;
2139
2147
  }
2148
+ .to-tag.type-corner.position-bottom-right .to-tag-wrapper::after {
2149
+ border-radius: var(--radius) 0 0 0;
2150
+ }
2140
2151
  .to-tag.is-link {
2141
2152
  cursor: pointer;
2142
2153
  }
@@ -5394,7 +5405,7 @@ html body .height-full {
5394
5405
  --box-active-bg: var(--box-bg);
5395
5406
  --box-active-color: var(--box-color);
5396
5407
  --box-active-border: var(--box-border);
5397
- --label-color: inherit;
5408
+ --label-color: #000;
5398
5409
  --label-size: 100%;
5399
5410
  --label-weight: normal;
5400
5411
  --checked-bg: var(--bg);
@@ -6594,6 +6605,12 @@ html body .height-full {
6594
6605
  --body-size: var(--size);
6595
6606
  --body-even-color: var(--body-color);
6596
6607
  --body-even-bg: var(--body-bg);
6608
+ --body-item-hover-border: 0 none;
6609
+ --body-item-hover-bg: rgba(0, 0, 0, 0.1);
6610
+ --body-item-hover-color: var(--body-color);
6611
+ --body-item-active-border: 0 none;
6612
+ --body-item-active-bg: rgba(0, 0, 0, 0.2);
6613
+ --body-item-active-color: var(--body-color);
6597
6614
  --action-gap: 1em;
6598
6615
  --action-padding: 0;
6599
6616
  --radio-size: 1em;
@@ -6676,6 +6693,19 @@ html body .height-full {
6676
6693
  color: var(--body-even-color);
6677
6694
  background-size: var(--body-bg-size);
6678
6695
  }
6696
+ .to-table-body-row.is-checkable {
6697
+ cursor: pointer;
6698
+ }
6699
+ .to-table-body-row.is-checkable:hover {
6700
+ border: var(--body-item-hover-border);
6701
+ background: var(--body-item-hover-bg);
6702
+ color: var(--body-item-hover-color);
6703
+ }
6704
+ .to-table-body-row.is-checkable:active {
6705
+ border: var(--body-item-active-border);
6706
+ background: var(--body-item-active-bg);
6707
+ color: var(--body-item-active-color);
6708
+ }
6679
6709
  .to-table-detail-row .to-table-detail-cell {
6680
6710
  border-bottom: var(--body-divider-x);
6681
6711
  }
@@ -6735,6 +6765,7 @@ html body .height-full {
6735
6765
  box-sizing: border-box;
6736
6766
  border: var(--radio-border);
6737
6767
  background: #fff;
6768
+ border-radius: 50%;
6738
6769
  }
6739
6770
  .to-table-radio.is-checked:before {
6740
6771
  border: var(--on-radio-border);
@@ -6827,7 +6858,6 @@ html body .height-full {
6827
6858
  .to-table-wrapper {
6828
6859
  position: relative;
6829
6860
  overflow: auto;
6830
- overscroll-behavior: none;
6831
6861
  height: 100%;
6832
6862
  z-index: 0;
6833
6863
  }