cnhis-design-vue 3.1.5-beta.11 → 3.1.5-beta.14

package/es/packages/scale-view/style/index.css

@@ -3,6 +3,10 @@
   flex-wrap: wrap;
   width: 100%;
 }
+.c-choice-wrap .n-radio-input {
+  width: 14px;
+  height: 14px;
+}
 .c-choice-wrap .scale-choice-img-wrap {
   display: inline-block;
   position: relative;
@@ -70,18 +74,18 @@
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap label :deep(.n-radio__label) {
+.c-choice-wrap label .n-radio__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
   white-space: normal;
 }
-.c-choice-wrap > :deep(.n-checkbox) {
+.c-choice-wrap > .n-checkbox {
   display: inline-flex;
   align-items: center;
   margin: 4px 0;
 }
-.c-choice-wrap > :deep(.n-checkbox) .n-checkbox__label {
+.c-choice-wrap > .n-checkbox .n-checkbox__label {
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -113,9 +117,6 @@
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale :deep(.n-form-item-label) {
-  font-weight: 700;
-}
 .c-scale .scale-container {
   width: 100%;
   height: 100%;
@@ -142,7 +143,7 @@
   border-radius: 10px;
   background-color: #dbdcdc;
 }
-.c-scale :deep(.no-data-tip) {
+.c-scale .no-data-tip {
   width: 100%;
   height: 100%;
 }
@@ -174,6 +175,7 @@
 }
 .main .required-text {
   color: #e02828;
+  font-weight: 700;
 }
 .main .evalute-label {
   display: inline-block;
@@ -213,10 +215,10 @@
 .rich-text-content {
   word-break: break-all;
 }
-.rich-text-content :deep(p) {
+.rich-text-content p {
   margin-bottom: 0;
 }
-.rich-text-content :deep(img) {
+.rich-text-content img {
   max-width: 100%;
 }
 .n-dialog.n-modal.c-evatip-dialog-wrap {
@@ -513,6 +515,9 @@
   width: 100%;
   text-align: left;
 }
+.c-scale .n-form-item {
+  --n-label-height: unset !important;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -579,13 +584,13 @@
 }
 .c-scale-collection.prompt-message.is-strong {
   color: #ff1818;
-  padding: 1px 0 0 35px;
+  padding: 8px 8px 8px 35px;
 }
 .c-scale-collection.prompt-message .prompt-icon {
   font-size: 18px;
   position: absolute;
-  left: 0;
-  top: 0;
+  left: 8px;
+  top: 8px;
 }
 .c-scale-collection.prompt-message .prompt-message-content {
   line-height: 16px;
@@ -599,13 +604,13 @@
   width: 100%;
   cursor: pointer;
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix {
+.c-map-container .n-input.map-input .n-input__prefix {
   transform: rotate(180deg);
 }
-.c-map-container :deep(.n-input.map-input) .n-input__prefix .n-icon {
+.c-map-container .n-input.map-input .n-input__prefix .n-icon {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-map-container :deep(.n-input.map-input).n-input--disabled .n-input__input-el {
+.c-map-container .n-input.map-input.n-input--disabled .n-input__input-el {
   color: rgba(0, 0, 0, 0.65);
   background-color: #fff;
   cursor: pointer;
@@ -616,33 +621,33 @@
 .c-scale-upload {
   width: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) {
+.c-scale-upload .n-upload-file-list {
   display: flex;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
   box-sizing: border-box;
   background: rgba(0, 0, 0, 0.5);
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
+.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon {
   color: #fff;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-trigger.n-upload-trigger--image-card {
+.c-scale-upload .n-upload-file-list .n-upload-trigger.n-upload-trigger--image-card {
   width: 184px;
   height: 184px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type {
   width: 184px;
   height: 184px;
   padding: 8px;
   border-color: #d5d5d5;
   background-color: #fafafa;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type .n-image {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-image {
   height: 100%;
 }
-.c-scale-upload :deep(.n-upload-file-list) .n-upload-file.n-upload-file--image-card-type img {
+.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type img {
   object-fit: cover !important;
 }
 .c-scale-upload .upload-img-wrap {
@@ -664,15 +669,15 @@
 .c-scale-upload.scale-upload-file .dragger-upload-text {
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) {
+.c-scale-upload.scale-upload-file .n-upload-file-list {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-file-list) .n-upload-file {
+.c-scale-upload.scale-upload-file .n-upload-file-list .n-upload-file {
   width: 100%;
 }
-.c-scale-upload.scale-upload-file :deep(.n-upload-trigger) {
+.c-scale-upload.scale-upload-file .n-upload-trigger {
   width: 100%;
   background: #fafafa;
   border-color: #d5d5d5;

package/es/packages/scale-view/style/index.less

@@ -2,6 +2,10 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
+  .n-radio-input {
+    width: 14px;
+    height: 14px;
+  }
   .scale-choice-img-wrap {
     display: inline-block;
     position: relative;
@@ -74,14 +78,14 @@
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
-    :deep(.n-radio__label) {
+    .n-radio__label {
       flex: 1;
       display: inline-flex;
       align-items: center;
       white-space: normal;
     }
   }
-  > :deep(.n-checkbox) {
+  > .n-checkbox {
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
@@ -118,9 +122,6 @@
   padding-bottom: 50px;
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
-  :deep(.n-form-item-label) {
-    font-weight: 700;
-  }
   .scale-container {
     width: 100%;
     height: 100%;
@@ -149,7 +150,7 @@
       background-color: #dbdcdc;
     }
   }
-  :deep(.no-data-tip) {
+  .no-data-tip {
     width: 100%;
     height: 100%;
   }
@@ -182,6 +183,7 @@
   }
   .required-text {
     color: #e02828;
+    font-weight: 700;
   }
   .evalute-label {
     display: inline-block;
@@ -221,10 +223,10 @@
 }
 .rich-text-content {
   word-break: break-all;
-  :deep(p) {
+  p {
     margin-bottom: 0;
   }
-  :deep(img) {
+  img {
     max-width: 100%;
   }
 }
@@ -536,6 +538,9 @@
     width: 100%;
     text-align: left;
   }
+  .n-form-item {
+    --n-label-height: unset !important;
+  }
 }
 
 .no-data-tip {
@@ -604,13 +609,13 @@
     }
     &.is-strong {
       color: #ff1818;
-      padding: 1px 0 0 35px;
+      padding: 8px 8px 8px 35px;
     }
     .prompt-icon {
       font-size: 18px;
       position: absolute;
-      left: 0;
-      top: 0;
+      left: 8px;
+      top: 8px;
     }
     .prompt-message-content {
       line-height: 16px;
@@ -627,7 +632,7 @@
 .c-map-container {
   width: 100%;
   cursor: pointer;
-  :deep(.n-input.map-input) {
+  .n-input.map-input {
     .n-input__prefix {
       transform: rotate(180deg);
       .n-icon {
@@ -648,7 +653,7 @@
 
 .c-scale-upload {
   width: 100%;
-  :deep(.n-upload-file-list) {
+  .n-upload-file-list {
     display: flex;
     .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
       box-sizing: border-box;
@@ -699,7 +704,7 @@
     .dragger-upload-text {
       color: rgba(0, 0, 0, 0.65)
     }
-    :deep(.n-upload-file-list) {
+    .n-upload-file-list {
       display: flex;
       flex-direction: column;
       width: 100%;
@@ -708,7 +713,7 @@
       }
 
     }
-    :deep(.n-upload-trigger)  {
+    .n-upload-trigger {
       width: 100%;
       background: #fafafa;
       border-color: #d5d5d5;

package/es/packages/select-label/index.js

@@ -0,0 +1 @@
+export { CLabelFormContent, default } from './index2.js';

package/es/packages/select-label/index2.js

@@ -0,0 +1,17 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/SelectLabel2.js';
+import './src/LabelFormContent2.js';
+import script from './src/SelectLabel.vue_vue_type_script_setup_true_lang.js';
+import script$1 from './src/LabelFormContent.vue_vue_type_script_setup_true_lang.js';
+
+const SelectLabel = script;
+const LabelFormContent = script$1;
+SelectLabel.install = function(app) {
+  safeComponentRegister(app, SelectLabel, COMPONENT_NAMESPACE + "SelectLabel");
+};
+LabelFormContent.install = function(app) {
+  safeComponentRegister(app, LabelFormContent, COMPONENT_NAMESPACE + "LabelFormContent");
+};
+
+export { LabelFormContent as CLabelFormContent, SelectLabel as default };

package/es/packages/select-label/src/LabelFormContent.js

@@ -0,0 +1,2 @@
+import './LabelFormContent2.js';
+export { default } from './LabelFormContent.vue_vue_type_script_setup_true_lang.js';