npm - @uxda/appkit - Versions diffs - 1.2.64 → 1.2.65 - Mend

@uxda/appkit 1.2.64 → 1.2.65

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 (11) hide show

package/dist/appkit.css +205 -0
package/dist/index.js +752 -293
package/package.json +1 -1
package/src/components/dd-search/index.vue +5 -9
package/src/notice/components/NoticeBanner.vue +1 -1
package/src/notice/components/NoticeEntry.vue +93 -0
package/src/notice/components/NoticeList.vue +278 -0
package/src/notice/components/index.ts +3 -1
package/src/notice/components/useCommonList.ts +86 -0
package/src/notice/types.ts +25 -0
package/src/shared/components/DeviceVersion.vue +1 -1

package/dist/appkit.css CHANGED Viewed

@@ -1304,4 +1304,209 @@ page {
   color: #353535;
   opacity: 0.4;
   font-size: 12px;
+}
+.notice-entry {
+  position: fixed;
+  right: 43px;
+  top: 21px;
+  min-width: 66px;
+  padding: 0 12px 0 15px;
+  text-align: center;
+  box-sizing: border-box;
+  height: 25px;
+  line-height: 11px;
+  color: #855f0b;
+  font-size: 13px;
+  background: #ffdf68;
+  border-radius: 50px 0 0 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.notice-entry-img {
+  width: 20px;
+  height: 20px;
+}
+.notice-entry-icon {
+  position: absolute;
+  background-color: red;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  top: 1px;
+  left: 27px;
+}
+.dd-search {
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  background: #fefefe;
+}
+.dd-search.bordered {
+  border-bottom: 1px solid #ddd;
+}
+.dd-search.inNavbar {
+  padding: 0;
+  width: 235px;
+  z-index: 10;
+  position: absolute;
+  left: 40px;
+  background: transparent;
+}
+.dd-search.inNavbar .dd-search__form {
+  background: #f1f3f5;
+  border-color: transparent;
+}
+.dd-search.focus .dd-search__form {
+  border-color: #017fff;
+}
+.dd-search__placeholder {
+  color: #b4b4b4;
+}
+.dd-search__form {
+  flex: 1;
+  box-sizing: border-box;
+  height: 36px;
+  border-radius: 5px;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  background-color: #f1f3f5;
+}
+.dd-search__control {
+  font-size: 13px;
+  flex: 1;
+}
+.dd-search__input {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 10px;
+  caret-color: #017fff;
+}
+.dd-search__prefix, .dd-search__suffix {
+  width: 15px !important;
+  height: 15px !important;
+}
+.dd-search__btn {
+  height: 33px;
+  line-height: 33px;
+  padding: 0 10px;
+  font-size: 16px;
+  color: #017fff;
+}
+.dd-search.disabled .dd-search__suffix {
+  display: none;
+}
+.dd-search.disabled .dd-search__control {
+  flex: 1;
+  width: fit-content;
+}
+.notice-list {
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.notice-list .wrapper {
+  height: 100%;
+  padding: 10px 12px;
+  box-sizing: border-box;
+}
+.notice-list .wrapper .content {
+  height: 100%;
+  background: #ffffff;
+  border-radius: 10px;
+}
+.notice-list .wrapper .content .card {
+  margin: 0 10px;
+  min-height: 64px;
+  background: #fff;
+  position: relative;
+  padding: 10px;
+}
+.notice-list .wrapper .content .card::before {
+  content: "";
+  position: absolute;
+  left: 2px;
+  top: 0;
+  height: 18px;
+  width: 1px;
+  background: #d8d8d8;
+}
+.notice-list .wrapper .content .card::after {
+  content: "";
+  position: absolute;
+  left: 2px;
+  top: 18px;
+  bottom: 0;
+  width: 1px;
+  background: #d8d8d8;
+}
+.notice-list .wrapper .content .card:first-child::before {
+  display: none;
+}
+.notice-list .wrapper .content .card:last-child::after {
+  display: none;
+}
+.notice-list .wrapper .content .card .point {
+  width: 5px;
+  height: 5px;
+  background-color: #d8d8d8;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 18px;
+  z-index: 9;
+}
+.notice-list .wrapper .content .card .time {
+  font-size: 13px;
+  color: #353535;
+  line-height: 19px;
+  opacity: 0.2;
+  margin-bottom: 5px;
+}
+.notice-list .wrapper .content .card .text {
+  font-size: 14px;
+  line-height: 20px;
+  color: #9fa0a1;
+}
+.notice-list .wrapper .content .card.active .point {
+  background-color: #f43309;
+}
+.notice-list .wrapper .content .card.active .text {
+  color: #171a1d;
+  font-size: 13px;
+}
+.notice-list .wrapper .content .card.active .text.tit {
+  font-size: 15px;
+  margin-bottom: 4px;
+}
+.notice-list .no-data {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+}
+.notice-list .no-data .text {
+  height: 20px;
+  font-size: 14px;
+  color: #7e7e7e;
+  line-height: 20px;
+}
+.notice-list .no-data-img {
+  width: 238px;
+  height: 157px;
+  margin-top: 105px;
+  margin-bottom: 19px;
+}
+.notice-list-file {
+  font-size: 12px;
+  color: #017fff;
+}
+.notice-list .cue-text {
+  font-size: 13px;
+  color: rgba(60, 60, 60, 0.5);
+  padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
+  text-align: center;
 }