xrk-components 0.4.2-beta.9 → 0.4.3-beta.1

package/lib/index.css

@@ -18533,6 +18533,173 @@
 .base-form-item[data-v-17eda5db] .xrk-form-item__label {
   font-weight: 700;
 }
+.el-popup-parent--hidden {
+  overflow: hidden;
+}
+._base-dialog {
+  --xrk-dialog-border-radius: 4px !important;
+  max-height: 80vh;
+  overflow: hidden;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+._base-dialog .xrk-dialog__header {
+  font-size: 20px;
+  color: #303133;
+  line-height: 1.4;
+  margin-right: 0;
+}
+._base-dialog .xrk-dialog__body {
+  height: 100%;
+  overflow-y: auto;
+  padding: 25px var(--xrk-dialog-padding-primary) !important;
+}
+._base-dialog .xrk-dialog__body::-webkit-scrollbar {
+  width: 6px;
+}
+._base-dialog .xrk-dialog__body::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+._base-dialog .xrk-dialog__body::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+._base-dialog.hide-footer .xrk-dialog__footer {
+  display: none !important;
+}
+.xrk-upload__list[data-v-75b461d5] {
+  margin-top: 6px;
+}
+.xrk-upload__list.picture[data-v-75b461d5] {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+}
+.xrk-upload__item[data-v-75b461d5] {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  cursor: pointer;
+  padding: 6px 4px;
+}
+.xrk-upload__item[data-v-75b461d5]:hover {
+  background: var(--xrk-fill-color-light);
+}
+.xrk-upload__item:hover .xrk-upload__item_name[data-v-75b461d5] {
+  color: var(--xrk-color-primary);
+}
+.xrk-upload__item:hover .xrk-upload__item_icon__del[data-v-75b461d5] {
+  opacity: 0.7;
+  pointer-events: inherit;
+}
+.xrk-upload__item_icon[data-v-75b461d5] {
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+  line-height: 1;
+}
+.xrk-upload__item_icon__del[data-v-75b461d5] {
+  line-height: 1;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  opacity: 0;
+  pointer-events: none;
+}
+.xrk-upload__item_icon__del[data-v-75b461d5]:hover {
+  opacity: 1;
+}
+.xrk-upload__item_name[data-v-75b461d5] {
+  font-size: 14px;
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  padding: 0 4px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.xrk-upload__item_name[data-v-75b461d5] .xrk-tooltip__trigger {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  white-space: initial;
+  word-break: break-all;
+}
+.xrk-upload__item_img[data-v-75b461d5] {
+  width: 140px;
+  height: 140px;
+  position: relative;
+  overflow: hidden;
+  border-radius: 4px;
+  border: 1px dashed var(--xrk-border-color);
+  margin: 0 8px 8px 0;
+}
+.xrk-upload__item_img > img[data-v-75b461d5] {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.xrk-upload__item_img:hover .xrk-upload__item_img_operate[data-v-75b461d5] {
+  pointer-events: initial;
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.5);
+}
+.xrk-upload__item_img_operate[data-v-75b461d5] {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  pointer-events: none;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.xrk-upload__item_img_operate > div[data-v-75b461d5] {
+  cursor: pointer;
+}
 .xrk-search[data-v-a1781a06] > .xrk-form {
   display: -webkit-box;
   display: -webkit-flex;
@@ -18622,52 +18789,4 @@
 }
 .slot-after {
   margin-bottom: 12px;
-}
-.el-popup-parent--hidden {
-  overflow: hidden;
-}
-._base-dialog {
-  --xrk-dialog-border-radius: 4px !important;
-  max-height: 80vh;
-  overflow: hidden;
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-._base-dialog .xrk-dialog__header {
-  font-size: 20px;
-  color: #303133;
-  line-height: 1.4;
-  margin-right: 0;
-}
-._base-dialog .xrk-dialog__body {
-  height: 100%;
-  overflow-y: auto;
-  padding: 25px var(--xrk-dialog-padding-primary) !important;
-}
-._base-dialog .xrk-dialog__body::-webkit-scrollbar {
-  width: 6px;
-}
-._base-dialog .xrk-dialog__body::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.2);
-  border-radius: 10px;
-  -webkit-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out;
-}
-._base-dialog .xrk-dialog__body::-webkit-scrollbar-track {
-  border-radius: 10px;
-}
-._base-dialog.hide-footer .xrk-dialog__footer {
-  display: none !important;
 }