@cmstops/pro-compo 0.1.18 → 0.1.20

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 (71) hide show
  1. package/dist/index.css +80 -93
  2. package/dist/index.min.css +1 -1
  3. package/es/contentDetailList/component.js +145 -54
  4. package/es/contentDetailList/components/Content/CompoItem/index.js +3 -2
  5. package/es/contentDetailList/components/Content/ContentListItem/index.js +21 -13
  6. package/es/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +2 -3
  7. package/es/contentDetailList/components/Content/DocItem/index.js +4 -2
  8. package/es/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +9 -8
  9. package/es/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  10. package/es/contentDetailList/components/Content/LiveItem/index.js +3 -2
  11. package/es/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  12. package/es/contentDetailList/components/Content/index.js +219 -242
  13. package/es/contentDetailList/components/Doc/index.js +24 -35
  14. package/es/contentDetailList/scripts/index.d.ts +0 -10
  15. package/es/contentDetailList/style/ComoItem.less +7 -19
  16. package/es/contentDetailList/style/Content.less +1 -1
  17. package/es/contentDetailList/style/ContentListItem.less +29 -32
  18. package/es/contentDetailList/style/Doc.less +1 -5
  19. package/es/contentDetailList/style/DocItem.less +11 -16
  20. package/es/contentDetailList/style/DocTags.less +2 -1
  21. package/es/contentDetailList/style/KongoNavItem.less +6 -19
  22. package/es/contentDetailList/style/LiveItem.less +8 -20
  23. package/es/contentDetailList/style/MaccountItem.less +8 -16
  24. package/es/contentDetailList/style/index.css +78 -93
  25. package/es/contentDetailList/style/index.less +10 -0
  26. package/es/index.css +80 -93
  27. package/es/mediaFilter/style/index.css +1 -0
  28. package/es/mediaFilter/style/index.less +1 -0
  29. package/es/style.css +1 -0
  30. package/es/typeIcons/style/index.css +1 -0
  31. package/es/typeIcons/style/index.less +1 -0
  32. package/es/utils/doc.d.ts +1 -0
  33. package/es/utils/doc.js +27 -1
  34. package/es/utils/index.d.ts +2 -0
  35. package/es/utils/index.js +16 -1
  36. package/es/utils/typeMap.d.ts +19 -0
  37. package/es/utils/typeMap.js +65 -1
  38. package/lib/contentDetailList/component.js +148 -53
  39. package/lib/contentDetailList/components/Content/CompoItem/index.js +4 -3
  40. package/lib/contentDetailList/components/Content/ContentListItem/index.js +22 -14
  41. package/lib/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +8 -9
  42. package/lib/contentDetailList/components/Content/DocItem/index.js +8 -6
  43. package/lib/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +16 -15
  44. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  45. package/lib/contentDetailList/components/Content/LiveItem/index.js +3 -2
  46. package/lib/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  47. package/lib/contentDetailList/components/Content/index.js +218 -245
  48. package/lib/contentDetailList/components/Doc/index.js +23 -34
  49. package/lib/contentDetailList/style/ComoItem.less +7 -19
  50. package/lib/contentDetailList/style/Content.less +1 -1
  51. package/lib/contentDetailList/style/ContentListItem.less +29 -32
  52. package/lib/contentDetailList/style/Doc.less +1 -5
  53. package/lib/contentDetailList/style/DocItem.less +11 -16
  54. package/lib/contentDetailList/style/DocTags.less +2 -1
  55. package/lib/contentDetailList/style/KongoNavItem.less +6 -19
  56. package/lib/contentDetailList/style/LiveItem.less +8 -20
  57. package/lib/contentDetailList/style/MaccountItem.less +8 -16
  58. package/lib/contentDetailList/style/index.css +78 -93
  59. package/lib/contentDetailList/style/index.less +10 -0
  60. package/lib/index.css +80 -93
  61. package/lib/mediaFilter/style/index.css +1 -0
  62. package/lib/mediaFilter/style/index.less +1 -0
  63. package/lib/typeIcons/style/index.css +1 -0
  64. package/lib/typeIcons/style/index.less +1 -0
  65. package/lib/utils/doc.js +29 -0
  66. package/lib/utils/index.js +17 -0
  67. package/lib/utils/typeMap.js +71 -0
  68. package/package.json +1 -1
  69. package/es/contentDetailList/scripts/data.d.ts +0 -254
  70. package/es/contentDetailList/scripts/index.js +0 -137
  71. package/lib/contentDetailList/scripts/index.js +0 -153
package/dist/index.css CHANGED
@@ -205,6 +205,7 @@
205
205
  .type-icons-container {
206
206
  display: inline-block;
207
207
  vertical-align: middle;
208
+ line-height: 12px;
208
209
  font-size: 18px;
209
210
  }
210
211
  .tooltip-button {
@@ -1770,22 +1771,22 @@
1770
1771
  white-space: nowrap;
1771
1772
  text-overflow: ellipsis;
1772
1773
  }
1773
- .content-common-detail-list-container *::selection {
1774
+ .content-detail-list-container *::selection {
1774
1775
  display: none;
1775
1776
  }
1776
- .content-common-detail-list-container .fix_position {
1777
+ .content-detail-list-container .fix_position {
1777
1778
  position: relative;
1778
1779
  margin-right: 10px;
1779
1780
  color: #4886ff;
1780
1781
  }
1781
- .content-common-detail-list-container .fix_position .doc-fixed-num {
1782
+ .content-detail-list-container .fix_position .doc-fixed-num {
1782
1783
  position: absolute;
1783
1784
  right: -7px;
1784
1785
  bottom: 0;
1785
1786
  color: #bababa;
1786
1787
  font-size: 12px;
1787
1788
  }
1788
- .content-common-detail-list-container .index {
1789
+ .content-detail-list-container .index {
1789
1790
  display: inline-block;
1790
1791
  flex-shrink: 0;
1791
1792
  box-sizing: border-box;
@@ -1800,25 +1801,16 @@
1800
1801
  background: #edf3ff;
1801
1802
  border-radius: 3px;
1802
1803
  }
1803
- .content-common-detail-list-container .d_time,
1804
- .content-common-detail-list-container .add_new {
1804
+ .content-detail-list-container .d_time,
1805
+ .content-detail-list-container .add_new {
1805
1806
  margin: 0;
1806
1807
  margin-right: 10px;
1807
1808
  font-size: 14px;
1808
1809
  vertical-align: middle;
1809
1810
  }
1810
- .content-common-detail-list-container .d_time {
1811
+ .content-detail-list-container .d_time {
1811
1812
  color: #7da8ff;
1812
1813
  }
1813
- .gray_for_hide {
1814
- -webkit-filter: grayscale(100%);
1815
- -moz-filter: grayscale(100%);
1816
- -ms-filter: grayscale(100%);
1817
- -o-filter: grayscale(100%);
1818
- filter: grayscale(100%);
1819
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
1820
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
1821
- }
1822
1814
  .medialist-component-item-view {
1823
1815
  display: flex;
1824
1816
  padding: 10px;
@@ -1857,12 +1849,15 @@
1857
1849
  padding: 2px 0;
1858
1850
  }
1859
1851
  .medialist-component-item-view .info-view .title {
1860
- display: -webkit-box;
1852
+ display: flex;
1853
+ align-items: center;
1861
1854
  margin-bottom: 10px;
1862
1855
  overflow: hidden;
1863
1856
  color: #1d2129;
1864
1857
  font-size: 14px;
1865
- line-height: 1.5;
1858
+ font-style: normal;
1859
+ font-weight: 400;
1860
+ line-height: 22px;
1866
1861
  cursor: pointer;
1867
1862
  -webkit-line-clamp: 2;
1868
1863
  -webkit-box-orient: vertical;
@@ -1890,21 +1885,13 @@
1890
1885
  width: 240px;
1891
1886
  }
1892
1887
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
1893
- display: inline-block;
1888
+ display: flex;
1889
+ align-items: center;
1894
1890
  width: 175px;
1895
1891
  }
1896
1892
  .medialist-component-item-view .info-view .abttrite-v .right {
1897
1893
  margin-right: 20px;
1898
1894
  }
1899
- .gray_for_hide {
1900
- -webkit-filter: grayscale(100%);
1901
- -moz-filter: grayscale(100%);
1902
- -ms-filter: grayscale(100%);
1903
- -o-filter: grayscale(100%);
1904
- filter: grayscale(100%);
1905
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
1906
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
1907
- }
1908
1895
  .medialist-component-item-view {
1909
1896
  display: flex;
1910
1897
  padding: 10px;
@@ -1921,7 +1908,7 @@
1921
1908
  margin-right: 20px;
1922
1909
  background: #edf3ff;
1923
1910
  }
1924
- .medialist-component-item-view .cover-view .arco-image-img {
1911
+ .medialist-component-item-view .cover-view .image {
1925
1912
  width: 100%;
1926
1913
  height: 100%;
1927
1914
  border-radius: 4px;
@@ -1943,12 +1930,16 @@
1943
1930
  padding: 2px 0;
1944
1931
  }
1945
1932
  .medialist-component-item-view .info-view .title {
1946
- display: -webkit-box;
1933
+ width: calc(100% - 50px);
1934
+ display: flex;
1935
+ align-items: center;
1947
1936
  margin-bottom: 10px;
1948
1937
  overflow: hidden;
1949
1938
  color: #1d2129;
1950
1939
  font-size: 14px;
1951
- line-height: 1.5;
1940
+ font-style: normal;
1941
+ font-weight: 400;
1942
+ line-height: 22px;
1952
1943
  cursor: pointer;
1953
1944
  -webkit-line-clamp: 2;
1954
1945
  -webkit-box-orient: vertical;
@@ -1983,32 +1974,30 @@
1983
1974
  width: 240px;
1984
1975
  }
1985
1976
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
1986
- display: inline-block;
1977
+ display: flex;
1978
+ align-items: center;
1987
1979
  width: 175px;
1988
1980
  }
1981
+ .medialist-component-item-view .info-view .abttrite-v .left .icon {
1982
+ margin-right: 10px;
1983
+ }
1989
1984
  .medialist-component-item-view .info-view .abttrite-v .right {
1990
1985
  margin-right: 20px;
1991
1986
  }
1992
- .lbs_tips {
1987
+ .medialist-component-item-view .title-tips {
1988
+ display: flex;
1989
+ align-items: center;
1993
1990
  color: #a3a3a3;
1994
- font-size: 8px;
1991
+ font-size: 10px;
1992
+ margin-left: 10px;
1995
1993
  }
1996
- .lbs_tips .icon-xiangqing1 {
1997
- margin-right: 3px;
1994
+ .medialist-component-item-view .title-tips .icon {
1995
+ margin-right: 5px;
1998
1996
  font-size: 10px;
1999
1997
  }
2000
- .lbs_tips.red {
1998
+ .medialist-component-item-view .title-tips.red {
2001
1999
  color: red;
2002
2000
  }
2003
- .gray_for_hide {
2004
- -webkit-filter: grayscale(100%);
2005
- -moz-filter: grayscale(100%);
2006
- -ms-filter: grayscale(100%);
2007
- -o-filter: grayscale(100%);
2008
- filter: grayscale(100%);
2009
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
2010
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
2011
- }
2012
2001
  .medialist-kongo-item-view {
2013
2002
  display: flex;
2014
2003
  padding: 10px;
@@ -2025,7 +2014,7 @@
2025
2014
  margin-right: 20px;
2026
2015
  background: #edf3ff;
2027
2016
  }
2028
- .medialist-kongo-item-view .cover-view .arco-image-img {
2017
+ .medialist-kongo-item-view .cover-view .image {
2029
2018
  width: 100%;
2030
2019
  height: 100%;
2031
2020
  border-radius: 4px;
@@ -2047,12 +2036,15 @@
2047
2036
  padding: 2px 0;
2048
2037
  }
2049
2038
  .medialist-kongo-item-view .info-view .title {
2050
- display: -webkit-box;
2039
+ display: flex;
2040
+ align-items: center;
2051
2041
  margin-bottom: 10px;
2052
2042
  overflow: hidden;
2053
2043
  color: #1d2129;
2054
2044
  font-size: 14px;
2055
- line-height: 1.5;
2045
+ font-style: normal;
2046
+ font-weight: 400;
2047
+ line-height: 22px;
2056
2048
  cursor: pointer;
2057
2049
  -webkit-line-clamp: 2;
2058
2050
  -webkit-box-orient: vertical;
@@ -2092,9 +2084,10 @@
2092
2084
  .no-margin span {
2093
2085
  margin-right: 0 !important;
2094
2086
  }
2095
- .doc-tags-container .a-tag {
2087
+ .doc-tags-container .arco-tag {
2096
2088
  font-weight: 600;
2097
2089
  border: none;
2090
+ margin-right: 5px;
2098
2091
  }
2099
2092
  .doc-tags-container .yuanchuang {
2100
2093
  color: #4886ff;
@@ -2136,15 +2129,6 @@
2136
2129
  .doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
2137
2130
  margin-left: 2px;
2138
2131
  }
2139
- .gray_for_hide {
2140
- -webkit-filter: grayscale(100%);
2141
- -moz-filter: grayscale(100%);
2142
- -ms-filter: grayscale(100%);
2143
- -o-filter: grayscale(100%);
2144
- filter: grayscale(100%);
2145
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
2146
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
2147
- }
2148
2132
  .medialist-ilive-item-view {
2149
2133
  display: flex;
2150
2134
  padding: 10px;
@@ -2161,7 +2145,7 @@
2161
2145
  margin-right: 20px;
2162
2146
  background: #edf3ff;
2163
2147
  }
2164
- .medialist-ilive-item-view .cover-view .arco-image-img {
2148
+ .medialist-ilive-item-view .cover-view .image {
2165
2149
  width: 100%;
2166
2150
  height: 100%;
2167
2151
  border-radius: 4px;
@@ -2183,12 +2167,15 @@
2183
2167
  padding: 2px 0;
2184
2168
  }
2185
2169
  .medialist-ilive-item-view .info-view .title {
2186
- display: -webkit-box;
2170
+ display: flex;
2171
+ align-items: center;
2187
2172
  margin-bottom: 10px;
2188
2173
  overflow: hidden;
2189
2174
  color: #1d2129;
2190
2175
  font-size: 14px;
2191
- line-height: 1.5;
2176
+ font-style: normal;
2177
+ font-weight: 400;
2178
+ line-height: 22px;
2192
2179
  cursor: pointer;
2193
2180
  -webkit-line-clamp: 2;
2194
2181
  -webkit-box-orient: vertical;
@@ -2219,7 +2206,8 @@
2219
2206
  width: 250px;
2220
2207
  }
2221
2208
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
2222
- display: inline-block;
2209
+ display: flex;
2210
+ align-items: center;
2223
2211
  width: 160px;
2224
2212
  }
2225
2213
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
@@ -2229,15 +2217,6 @@
2229
2217
  .medialist-ilive-item-view .info-view .abttrite-v .right {
2230
2218
  margin-right: 20px;
2231
2219
  }
2232
- .gray_for_hide {
2233
- -webkit-filter: grayscale(100%);
2234
- -moz-filter: grayscale(100%);
2235
- -ms-filter: grayscale(100%);
2236
- -o-filter: grayscale(100%);
2237
- filter: grayscale(100%);
2238
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
2239
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
2240
- }
2241
2220
  .medialist-account-item-view {
2242
2221
  display: flex;
2243
2222
  padding: 10px;
@@ -2256,7 +2235,7 @@
2256
2235
  background: #edf3ff;
2257
2236
  border-radius: 50%;
2258
2237
  }
2259
- .medialist-account-item-view .cover-view .arco-image-img {
2238
+ .medialist-account-item-view .cover-view .image {
2260
2239
  width: 100%;
2261
2240
  height: 100%;
2262
2241
  border-radius: 4px;
@@ -2278,12 +2257,15 @@
2278
2257
  padding: 2px 0;
2279
2258
  }
2280
2259
  .medialist-account-item-view .info-view .title {
2281
- display: -webkit-box;
2260
+ display: flex;
2261
+ align-items: center;
2282
2262
  margin-bottom: 10px;
2283
2263
  overflow: hidden;
2284
2264
  color: #1d2129;
2285
2265
  font-size: 14px;
2286
- line-height: 1.5;
2266
+ font-style: normal;
2267
+ font-weight: 400;
2268
+ line-height: 22px;
2287
2269
  cursor: pointer;
2288
2270
  -webkit-line-clamp: 2;
2289
2271
  -webkit-box-orient: vertical;
@@ -2319,27 +2301,16 @@
2319
2301
  width: 240px;
2320
2302
  }
2321
2303
  .medialist-account-item-view .info-view .abttrite-v .left .abttr.tags {
2322
- display: inline-block;
2304
+ display: flex;
2305
+ align-items: center;
2323
2306
  width: 175px;
2324
2307
  }
2325
2308
  .medialist-account-item-view .info-view .abttrite-v .right {
2326
2309
  margin-right: 20px;
2327
2310
  }
2328
- .media-common-detail-list-container {
2311
+ .content-detail-list-container {
2329
2312
  width: 100%;
2330
2313
  }
2331
- .media-common-detail-list-container .data-ul {
2332
- height: 100%;
2333
- }
2334
- .gray_for_hide {
2335
- -webkit-filter: grayscale(100%);
2336
- -moz-filter: grayscale(100%);
2337
- -ms-filter: grayscale(100%);
2338
- -o-filter: grayscale(100%);
2339
- filter: grayscale(100%);
2340
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
2341
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
2342
- }
2343
2314
  .medialist-doc-item-view {
2344
2315
  display: flex;
2345
2316
  padding: 10px;
@@ -2356,6 +2327,11 @@
2356
2327
  margin-right: 20px;
2357
2328
  background: #edf3ff;
2358
2329
  }
2330
+ .medialist-doc-item-view .cover-view .image {
2331
+ width: 100%;
2332
+ height: 100%;
2333
+ border-radius: 4px;
2334
+ }
2359
2335
  .medialist-doc-item-view .cover-view .batch-select {
2360
2336
  position: absolute;
2361
2337
  top: 3px;
@@ -2383,15 +2359,16 @@
2383
2359
  padding: 2px 0;
2384
2360
  }
2385
2361
  .medialist-doc-item-view .info-view .title {
2386
- display: -webkit-box;
2362
+ width: calc(100% - 50px);
2387
2363
  display: flex;
2388
2364
  align-items: center;
2389
2365
  margin-bottom: 10px;
2390
2366
  overflow: hidden;
2391
2367
  color: #1d2129;
2392
- font-size: 17px;
2393
- line-height: 1.5;
2394
- word-break: break-all;
2368
+ font-size: 14px;
2369
+ font-style: normal;
2370
+ font-weight: 400;
2371
+ line-height: 22px;
2395
2372
  cursor: pointer;
2396
2373
  -webkit-line-clamp: 2;
2397
2374
  -webkit-box-orient: vertical;
@@ -2452,6 +2429,15 @@
2452
2429
  .popper-categories {
2453
2430
  max-width: 600px;
2454
2431
  }
2432
+ .gray-for-state-hide {
2433
+ -webkit-filter: grayscale(100%);
2434
+ -moz-filter: grayscale(100%);
2435
+ -ms-filter: grayscale(100%);
2436
+ -o-filter: grayscale(100%);
2437
+ filter: grayscale(100%);
2438
+ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
2439
+ filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
2440
+ }
2455
2441
  .empty-data-container {
2456
2442
  position: absolute;
2457
2443
  top: 50%;
@@ -2526,6 +2512,7 @@
2526
2512
  background: white;
2527
2513
  }
2528
2514
  .filter-wrp .more-btn {
2515
+ z-index: 10;
2529
2516
  margin-right: 10px;
2530
2517
  }
2531
2518
  .filter-wrp .right-prefix {