amis 1.5.6-beta.5 → 1.5.6

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 (66) hide show
  1. package/lib/components/Card.js +1 -1
  2. package/lib/components/Card.js.map +2 -2
  3. package/lib/components/Collapse.js +1 -1
  4. package/lib/components/Collapse.js.map +2 -2
  5. package/lib/components/Rating.d.ts +203 -73
  6. package/lib/components/Rating.js +147 -31
  7. package/lib/components/Rating.js.map +2 -2
  8. package/lib/components/icons.js +2 -0
  9. package/lib/components/icons.js.map +2 -2
  10. package/lib/icons/star.js +12 -0
  11. package/lib/index.js +1 -1
  12. package/lib/renderers/Form/InputRating.d.ts +37 -0
  13. package/lib/renderers/Form/InputRating.js +6 -2
  14. package/lib/renderers/Form/InputRating.js.map +2 -2
  15. package/lib/renderers/Json.js +7 -0
  16. package/lib/renderers/Json.js.map +2 -2
  17. package/lib/themes/ang-ie11.css +44 -10
  18. package/lib/themes/ang.css +44 -10
  19. package/lib/themes/ang.css.map +1 -1
  20. package/lib/themes/antd-ie11.css +44 -10
  21. package/lib/themes/antd.css +44 -10
  22. package/lib/themes/antd.css.map +1 -1
  23. package/lib/themes/cxd-ie11.css +45 -10
  24. package/lib/themes/cxd.css +45 -10
  25. package/lib/themes/cxd.css.map +1 -1
  26. package/lib/themes/dark-ie11.css +44 -10
  27. package/lib/themes/dark.css +44 -10
  28. package/lib/themes/dark.css.map +1 -1
  29. package/lib/themes/default.css +45 -10
  30. package/lib/themes/default.css.map +1 -1
  31. package/package.json +2 -2
  32. package/schema.json +59 -7
  33. package/scss/_properties.scss +3 -1
  34. package/scss/components/form/_rating.scss +60 -21
  35. package/scss/themes/_cxd-variables.scss +2 -0
  36. package/sdk/ang-ie11.css +47 -8
  37. package/sdk/ang.css +51 -10
  38. package/sdk/antd-ie11.css +47 -8
  39. package/sdk/antd.css +51 -10
  40. package/sdk/charts.js +13 -13
  41. package/sdk/codemirror.js +7 -7
  42. package/sdk/color-picker.js +65 -65
  43. package/sdk/cropperjs.js +2 -2
  44. package/sdk/cxd-ie11.css +47 -8
  45. package/sdk/cxd.css +52 -10
  46. package/sdk/dark-ie11.css +47 -8
  47. package/sdk/dark.css +51 -10
  48. package/sdk/exceljs.js +1 -1
  49. package/sdk/markdown.js +69 -69
  50. package/sdk/papaparse.js +1 -1
  51. package/sdk/renderers/Form/CityDB.js +1 -1
  52. package/sdk/rest.js +18 -18
  53. package/sdk/rich-text.js +62 -62
  54. package/sdk/sdk-ie11.css +47 -8
  55. package/sdk/sdk.css +52 -10
  56. package/sdk/sdk.js +1213 -1211
  57. package/sdk/thirds/hls.js/hls.js +1 -1
  58. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  59. package/sdk/tinymce.js +57 -57
  60. package/src/components/Card.tsx +2 -2
  61. package/src/components/Collapse.tsx +1 -1
  62. package/src/components/Rating.tsx +235 -47
  63. package/src/components/icons.tsx +2 -0
  64. package/src/icons/star.svg +12 -0
  65. package/src/renderers/Form/InputRating.tsx +66 -3
  66. package/src/renderers/Json.tsx +5 -0
package/lib/themes/dark-ie11.css CHANGED
@@ -1048,7 +1048,9 @@
1048
1048
  --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
1049
1049
  --ResultBox-value-bg: #f5f5f5;
1050
1050
  --ResultBox-value-color: #000;
1051
- --Rating-onActive-color: var(--info);
1051
+ --Rating-inactive-color: #e6e6e8;
1052
+ --Rating-star-margin: 0.5rem;
1053
+ --Rating-star-size: 1.5rem;
1052
1054
  --Satus-icon-width: var(--gap-lg);
1053
1055
  --Satus-icon-height: var(--Satus-icon-width);
1054
1056
  --Sparkline-line-color: var(--info);
@@ -16041,22 +16043,45 @@ td.rdtQuarter.rdtDisabled > span {
16041
16043
  }
16042
16044
 
16043
16045
  .dark-Rating {
16046
+ display: flex;
16044
16047
  position: relative;
16048
+ align-items: center;
16049
+ justify-content: flex-start;
16050
+ flex-flow: row wrap;
16051
+ }
16052
+ .dark-Rating > ul {
16053
+ display: flex;
16054
+ padding: unset;
16055
+ margin: unset;
16056
+ align-items: center;
16057
+ justify-content: flex-start;
16058
+ flex-flow: row wrap;
16059
+ }
16060
+ .dark-Rating-star {
16061
+ position: relative;
16062
+ margin-right: var(--Rating-star-margin);
16045
16063
  overflow: hidden;
16046
16064
  display: block;
16047
- float: left;
16048
- font-size: 1.5rem;
16049
- color: var(--dark);
16065
+ font-size: var(--Rating-star-size);
16066
+ line-height: 1;
16050
16067
  cursor: pointer;
16068
+ user-select: none;
16069
+ color: var(--Rating-inactive-color);
16051
16070
  }
16052
- .dark-Rating.is-active {
16053
- color: var(--Rating-onActive-color);
16071
+ .dark-Rating-star-half > svg.icon, .dark-Rating-star > svg.icon {
16072
+ display: block;
16073
+ width: 1.5rem;
16074
+ height: 1.5rem;
16075
+ top: 0;
16076
+ }
16077
+ .dark-Rating-star:last-of-type {
16078
+ margin-right: 0;
16054
16079
  }
16055
- .dark-Rating.is-disabled {
16080
+ .dark-Rating-star.is-disabled {
16056
16081
  cursor: not-allowed;
16057
16082
  pointer-events: none;
16058
16083
  }
16059
- .dark-Rating-half:before {
16084
+ .dark-Rating-star-half {
16060
16085
  position: absolute;
16061
16086
  overflow: hidden;
16062
16087
  display: block;
@@ -16064,8 +16089,17 @@ td.rdtQuarter.rdtDisabled > span {
16064
16089
  top: 0;
16065
16090
  left: 0;
16066
16091
  width: 50%;
16067
- content: attr(data-forhalf);
16068
- color: var(--Rating-onActive-color);
16092
+ }
16093
+ .dark-Rating-text {
16094
+ font-size: var(--fontSizeSm);
16095
+ color: var(--text-color);
16096
+ font-weight: var(--fontWeightNormal);
16097
+ }
16098
+ .dark-Rating-text--left {
16099
+ margin-right: var(--Rating-star-margin);
16100
+ }
16101
+ .dark-Rating-text--right {
16102
+ margin-left: var(--Rating-star-margin);
16069
16103
  }
16070
16104
 
16071
16105
  .dark-RatingControl {
package/lib/themes/dark.css CHANGED
@@ -1048,7 +1048,9 @@
1048
1048
  --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
1049
1049
  --ResultBox-value-bg: #f5f5f5;
1050
1050
  --ResultBox-value-color: #000;
1051
- --Rating-onActive-color: var(--info);
1051
+ --Rating-inactive-color: #e6e6e8;
1052
+ --Rating-star-margin: 0.5rem;
1053
+ --Rating-star-size: 1.5rem;
1052
1054
  --Satus-icon-width: var(--gap-lg);
1053
1055
  --Satus-icon-height: var(--Satus-icon-width);
1054
1056
  --Sparkline-line-color: var(--info);
@@ -16041,22 +16043,45 @@ td.rdtQuarter.rdtDisabled > span {
16041
16043
  }
16042
16044
 
16043
16045
  .dark-Rating {
16046
+ display: flex;
16044
16047
  position: relative;
16048
+ align-items: center;
16049
+ justify-content: flex-start;
16050
+ flex-flow: row wrap;
16051
+ }
16052
+ .dark-Rating > ul {
16053
+ display: flex;
16054
+ padding: unset;
16055
+ margin: unset;
16056
+ align-items: center;
16057
+ justify-content: flex-start;
16058
+ flex-flow: row wrap;
16059
+ }
16060
+ .dark-Rating-star {
16061
+ position: relative;
16062
+ margin-right: var(--Rating-star-margin);
16045
16063
  overflow: hidden;
16046
16064
  display: block;
16047
- float: left;
16048
- font-size: 1.5rem;
16049
- color: var(--dark);
16065
+ font-size: var(--Rating-star-size);
16066
+ line-height: 1;
16050
16067
  cursor: pointer;
16068
+ user-select: none;
16069
+ color: var(--Rating-inactive-color);
16051
16070
  }
16052
- .dark-Rating.is-active {
16053
- color: var(--Rating-onActive-color);
16071
+ .dark-Rating-star-half > svg.icon, .dark-Rating-star > svg.icon {
16072
+ display: block;
16073
+ width: 1.5rem;
16074
+ height: 1.5rem;
16075
+ top: 0;
16076
+ }
16077
+ .dark-Rating-star:last-of-type {
16078
+ margin-right: 0;
16054
16079
  }
16055
- .dark-Rating.is-disabled {
16080
+ .dark-Rating-star.is-disabled {
16056
16081
  cursor: not-allowed;
16057
16082
  pointer-events: none;
16058
16083
  }
16059
- .dark-Rating-half:before {
16084
+ .dark-Rating-star-half {
16060
16085
  position: absolute;
16061
16086
  overflow: hidden;
16062
16087
  display: block;
@@ -16064,8 +16089,17 @@ td.rdtQuarter.rdtDisabled > span {
16064
16089
  top: 0;
16065
16090
  left: 0;
16066
16091
  width: 50%;
16067
- content: attr(data-forhalf);
16068
- color: var(--Rating-onActive-color);
16092
+ }
16093
+ .dark-Rating-text {
16094
+ font-size: var(--fontSizeSm);
16095
+ color: var(--text-color);
16096
+ font-weight: var(--fontWeightNormal);
16097
+ }
16098
+ .dark-Rating-text--left {
16099
+ margin-right: var(--Rating-star-margin);
16100
+ }
16101
+ .dark-Rating-text--right {
16102
+ margin-left: var(--Rating-star-margin);
16069
16103
  }
16070
16104
 
16071
16105
  .dark-RatingControl {