cnhis-design-vue 3.1.8 → 3.1.9-beta.11

package/es/packages/scale-view/src/hooks/{use-component2.mjs → use-component.js}

@@ -1,15 +1,16 @@
 import { shallowRef } from 'vue';
-import RInput from '../components/formitem/r-input2.mjs';
-import scriptRadio from '../components/formitem/r-radio2.mjs';
-import scriptCheckbox from '../components/formitem/r-checkbox2.mjs';
-import scriptSelect from '../components/formitem/r-select2.mjs';
-import scriptDatetime from '../components/formitem/r-datetime2.mjs';
-import RCascader from '../components/formitem/r-cascader2.mjs';
-import RCollection from '../components/formitem/r-collection2.mjs';
-import RAddress from '../components/formitem/r-address2.mjs';
-import RUpload from '../components/formitem/r-upload2.mjs';
-import RMap from '../components/formitem/r-map2.mjs';
-import RVodChunkUpload from 'cnhis-design-vue/es/packages/chunk-upload/src/vod-chunk-upload';
+import RInput from '../components/formitem/r-input.js';
+import scriptRadio from '../components/formitem/r-radio.js';
+import scriptCheckbox from '../components/formitem/r-checkbox.js';
+import scriptSelect from '../components/formitem/r-select.js';
+import scriptDatetime from '../components/formitem/r-datetime.js';
+import RCascader from '../components/formitem/r-cascader.js';
+import RCollection from '../components/formitem/r-collection.js';
+import RAddress from '../components/formitem/r-address.js';
+import RUpload from '../components/formitem/r-upload.js';
+import RMap from '../components/formitem/r-map.js';
+import RVodChunkUpload from '../../../../packages/chunk-upload/src/vod-chunk-upload';
+import CSelectLabel from '../../../../packages/select-label';
 
 let RInputCom = shallowRef(RInput);
 let RRadioCom = shallowRef(scriptRadio);
@@ -22,6 +23,7 @@ let RAddressCom = shallowRef(RAddress);
 let RUploadCom = shallowRef(RUpload);
 let RMapCom = shallowRef(RMap);
 let RVodChunkUploadCom = shallowRef(RVodChunkUpload);
+let CSelectLabelCom = shallowRef(CSelectLabel);
 const componentMap = {
   "TITLE": RCollectionCom,
   "LINEBAR": RCollectionCom,
@@ -36,7 +38,7 @@ const componentMap = {
   "ID_CARD": RInputCom,
   "ADDRESS": RAddressCom,
   "LOCATION": RMapCom,
-  "LABEL": RInputCom,
+  "LABEL": CSelectLabelCom,
   "UPFILE": RUploadCom,
   "UPPICTURE": RUploadCom,
   "VEDIO": RVodChunkUploadCom,
@@ -63,7 +65,7 @@ const componentMapStr = {
   "ID_CARD": "RInputCom",
   "ADDRESS": "RInputCom",
   "LOCATION": "RMapCom",
-  "LABEL": "RInputCom",
+  "LABEL": "CSelectLabelCom",
   "UPFILE": "RUploadCom",
   "UPPICTURE": "RUploadCom",
   "VEDIO": "RVodChunkUploadCom",

package/es/packages/scale-view/src/hooks/{use-evaluate2.mjs → use-evaluate.js}

@@ -1,6 +1,6 @@
 import { reactive, computed, onMounted, onUnmounted } from 'vue';
 import moment from 'moment';
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import vexutils from '../../../../src/utils/vexutils';
 
 const useEvaluate = (props, state, config) => {
   let { emit } = config;

package/es/packages/scale-view/src/hooks/{use-event2.mjs → use-event.js}

@@ -1,4 +1,4 @@
-import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+import vexutils from '../../../../src/utils/vexutils';
 
 const useEvent = (props, state) => {
   const formKey = (item) => {

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;