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

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 (14) hide show
  1. package/es/packages/components/button/src/button.vue2.mjs +1 -1
  2. package/es/packages/components/grid/src/grid-item.vue2.mjs +1 -1
  3. package/es/packages/components/grid/src/grid-item.vue2.mjs.map +1 -1
  4. package/es/packages/components/table/src/table.vue2.mjs +69 -240
  5. package/es/packages/components/table/src/table.vue2.mjs.map +1 -1
  6. package/lib/packages/components/button/src/button.vue2.js +1 -1
  7. package/lib/packages/components/grid/src/grid-item.vue2.js +1 -1
  8. package/lib/packages/components/grid/src/grid-item.vue2.js.map +1 -1
  9. package/lib/packages/components/table/src/table.vue2.js +68 -239
  10. package/lib/packages/components/table/src/table.vue2.js.map +1 -1
  11. package/package.json +1 -1
  12. package/theme/components/index.css +12 -10
  13. package/theme/index.css +12 -10
  14. package/theme/skin/default.css +12 -10
package/theme/components/index.css CHANGED
@@ -782,10 +782,10 @@ html body .height-full {
782
782
  .to-grid:not(.is-wrap) {
783
783
  white-space: nowrap;
784
784
  }
785
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid) {
785
+ .to-grid:not(.dir-v):not(.col-1) > * {
786
786
  position: relative;
787
787
  }
788
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid)::after {
788
+ .to-grid:not(.dir-v):not(.col-1) > *::after {
789
789
  content: '';
790
790
  position: absolute;
791
791
  transform: translateY(-50%);
@@ -795,15 +795,15 @@ html body .height-full {
795
795
  border-left: var(--divider);
796
796
  z-index: 2;
797
797
  }
798
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid):last-child::after {
798
+ .to-grid:not(.dir-v):not(.col-1) > *:last-child::after {
799
799
  display: none;
800
800
  }
801
- .to-grid.dir-v > *:not(.to-grid),
802
- .to-grid.col-1 > *:not(.to-grid) {
801
+ .to-grid.dir-v > *,
802
+ .to-grid.col-1 > * {
803
803
  position: relative;
804
804
  }
805
- .to-grid.dir-v > *:not(.to-grid)::after,
806
- .to-grid.col-1 > *:not(.to-grid)::after {
805
+ .to-grid.dir-v > *::after,
806
+ .to-grid.col-1 > *::after {
807
807
  content: '';
808
808
  position: absolute;
809
809
  transform: translateX(-50%);
@@ -813,8 +813,8 @@ html body .height-full {
813
813
  border-top: var(--divider);
814
814
  z-index: 2;
815
815
  }
816
- .to-grid.dir-v > *:not(.to-grid):last-child::after,
817
- .to-grid.col-1 > *:not(.to-grid):last-child::after {
816
+ .to-grid.dir-v > *:last-child::after,
817
+ .to-grid.col-1 > *:last-child::after {
818
818
  display: none;
819
819
  }
820
820
  .to-grid-item {
@@ -1896,6 +1896,7 @@ html body .height-full {
1896
1896
  --dot-height: 0.5em;
1897
1897
  --dot-color: var(--color-fg);
1898
1898
  --dot-radius: 50%;
1899
+ --dot-margin: 0.25em;
1899
1900
  --rotate-offset: 0em;
1900
1901
  --hover-bg: #dedede;
1901
1902
  --hover-color: var(--color);
@@ -1921,7 +1922,6 @@ html body .height-full {
1921
1922
  .to-tag-wrapper {
1922
1923
  padding: var(--padding);
1923
1924
  color: var(--color);
1924
- border: var(--border);
1925
1925
  width: var(--width);
1926
1926
  height: var(--height);
1927
1927
  border-radius: var(--radius);
@@ -2008,6 +2008,7 @@ html body .height-full {
2008
2008
  height: var(--dot-height);
2009
2009
  border-radius: var(--dot-radius);
2010
2010
  background: var(--dot-color);
2011
+ margin-right: var(--dot-margin);
2011
2012
  }
2012
2013
  .to-tag.is-gd-border-hover.is-link .to-tag-wrapper:hover::after {
2013
2014
  border: 0 none;
@@ -6823,6 +6824,7 @@ html body .height-full {
6823
6824
  .to-table-wrapper {
6824
6825
  position: relative;
6825
6826
  overflow: auto;
6827
+ overscroll-behavior: none;
6826
6828
  height: 100%;
6827
6829
  z-index: 0;
6828
6830
  }
package/theme/index.css CHANGED
@@ -785,10 +785,10 @@ html body .height-full {
785
785
  .to-grid:not(.is-wrap) {
786
786
  white-space: nowrap;
787
787
  }
788
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid) {
788
+ .to-grid:not(.dir-v):not(.col-1) > * {
789
789
  position: relative;
790
790
  }
791
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid)::after {
791
+ .to-grid:not(.dir-v):not(.col-1) > *::after {
792
792
  content: '';
793
793
  position: absolute;
794
794
  transform: translateY(-50%);
@@ -798,15 +798,15 @@ html body .height-full {
798
798
  border-left: var(--divider);
799
799
  z-index: 2;
800
800
  }
801
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid):last-child::after {
801
+ .to-grid:not(.dir-v):not(.col-1) > *:last-child::after {
802
802
  display: none;
803
803
  }
804
- .to-grid.dir-v > *:not(.to-grid),
805
- .to-grid.col-1 > *:not(.to-grid) {
804
+ .to-grid.dir-v > *,
805
+ .to-grid.col-1 > * {
806
806
  position: relative;
807
807
  }
808
- .to-grid.dir-v > *:not(.to-grid)::after,
809
- .to-grid.col-1 > *:not(.to-grid)::after {
808
+ .to-grid.dir-v > *::after,
809
+ .to-grid.col-1 > *::after {
810
810
  content: '';
811
811
  position: absolute;
812
812
  transform: translateX(-50%);
@@ -816,8 +816,8 @@ html body .height-full {
816
816
  border-top: var(--divider);
817
817
  z-index: 2;
818
818
  }
819
- .to-grid.dir-v > *:not(.to-grid):last-child::after,
820
- .to-grid.col-1 > *:not(.to-grid):last-child::after {
819
+ .to-grid.dir-v > *:last-child::after,
820
+ .to-grid.col-1 > *:last-child::after {
821
821
  display: none;
822
822
  }
823
823
  .to-grid-item {
@@ -1899,6 +1899,7 @@ html body .height-full {
1899
1899
  --dot-height: 0.5em;
1900
1900
  --dot-color: var(--color-fg);
1901
1901
  --dot-radius: 50%;
1902
+ --dot-margin: 0.25em;
1902
1903
  --rotate-offset: 0em;
1903
1904
  --hover-bg: #dedede;
1904
1905
  --hover-color: var(--color);
@@ -1924,7 +1925,6 @@ html body .height-full {
1924
1925
  .to-tag-wrapper {
1925
1926
  padding: var(--padding);
1926
1927
  color: var(--color);
1927
- border: var(--border);
1928
1928
  width: var(--width);
1929
1929
  height: var(--height);
1930
1930
  border-radius: var(--radius);
@@ -2011,6 +2011,7 @@ html body .height-full {
2011
2011
  height: var(--dot-height);
2012
2012
  border-radius: var(--dot-radius);
2013
2013
  background: var(--dot-color);
2014
+ margin-right: var(--dot-margin);
2014
2015
  }
2015
2016
  .to-tag.is-gd-border-hover.is-link .to-tag-wrapper:hover::after {
2016
2017
  border: 0 none;
@@ -6826,6 +6827,7 @@ html body .height-full {
6826
6827
  .to-table-wrapper {
6827
6828
  position: relative;
6828
6829
  overflow: auto;
6830
+ overscroll-behavior: none;
6829
6831
  height: 100%;
6830
6832
  z-index: 0;
6831
6833
  }
package/theme/skin/default.css CHANGED
@@ -785,10 +785,10 @@ html body .height-full {
785
785
  .to-grid:not(.is-wrap) {
786
786
  white-space: nowrap;
787
787
  }
788
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid) {
788
+ .to-grid:not(.dir-v):not(.col-1) > * {
789
789
  position: relative;
790
790
  }
791
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid)::after {
791
+ .to-grid:not(.dir-v):not(.col-1) > *::after {
792
792
  content: '';
793
793
  position: absolute;
794
794
  transform: translateY(-50%);
@@ -798,15 +798,15 @@ html body .height-full {
798
798
  border-left: var(--divider);
799
799
  z-index: 2;
800
800
  }
801
- .to-grid:not(.dir-v):not(.col-1) > *:not(.to-grid):last-child::after {
801
+ .to-grid:not(.dir-v):not(.col-1) > *:last-child::after {
802
802
  display: none;
803
803
  }
804
- .to-grid.dir-v > *:not(.to-grid),
805
- .to-grid.col-1 > *:not(.to-grid) {
804
+ .to-grid.dir-v > *,
805
+ .to-grid.col-1 > * {
806
806
  position: relative;
807
807
  }
808
- .to-grid.dir-v > *:not(.to-grid)::after,
809
- .to-grid.col-1 > *:not(.to-grid)::after {
808
+ .to-grid.dir-v > *::after,
809
+ .to-grid.col-1 > *::after {
810
810
  content: '';
811
811
  position: absolute;
812
812
  transform: translateX(-50%);
@@ -816,8 +816,8 @@ html body .height-full {
816
816
  border-top: var(--divider);
817
817
  z-index: 2;
818
818
  }
819
- .to-grid.dir-v > *:not(.to-grid):last-child::after,
820
- .to-grid.col-1 > *:not(.to-grid):last-child::after {
819
+ .to-grid.dir-v > *:last-child::after,
820
+ .to-grid.col-1 > *:last-child::after {
821
821
  display: none;
822
822
  }
823
823
  .to-grid-item {
@@ -1899,6 +1899,7 @@ html body .height-full {
1899
1899
  --dot-height: 0.5em;
1900
1900
  --dot-color: var(--color-fg);
1901
1901
  --dot-radius: 50%;
1902
+ --dot-margin: 0.25em;
1902
1903
  --rotate-offset: 0em;
1903
1904
  --hover-bg: #dedede;
1904
1905
  --hover-color: var(--color);
@@ -1924,7 +1925,6 @@ html body .height-full {
1924
1925
  .to-tag-wrapper {
1925
1926
  padding: var(--padding);
1926
1927
  color: var(--color);
1927
- border: var(--border);
1928
1928
  width: var(--width);
1929
1929
  height: var(--height);
1930
1930
  border-radius: var(--radius);
@@ -2011,6 +2011,7 @@ html body .height-full {
2011
2011
  height: var(--dot-height);
2012
2012
  border-radius: var(--dot-radius);
2013
2013
  background: var(--dot-color);
2014
+ margin-right: var(--dot-margin);
2014
2015
  }
2015
2016
  .to-tag.is-gd-border-hover.is-link .to-tag-wrapper:hover::after {
2016
2017
  border: 0 none;
@@ -6826,6 +6827,7 @@ html body .height-full {
6826
6827
  .to-table-wrapper {
6827
6828
  position: relative;
6828
6829
  overflow: auto;
6830
+ overscroll-behavior: none;
6829
6831
  height: 100%;
6830
6832
  z-index: 0;
6831
6833
  }