cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.10

package/es/packages/index.css

@@ -812,71 +812,57 @@ body > .vxe-table--tooltip-wrapper {
 .DragFormLeftItem .left-content .style-box input[type="checkbox"].disabled {
   cursor: pointer !important;
 }
-.popver-content {
-  height: 400px;
-  overflow: hidden;
-  overflow-y: auto;
-}
-.popver-ul {
-  margin-bottom: 10px;
-}
-.ul-title {
-  font-size: 14px;
-  font-weight: 400;
-  color: #919fbe;
-  line-height: 20px;
+.c-field-set {
+  height: 100%;
+  position: relative;
 }
-ul {
+.c-field-set ul {
   margin: 0;
   padding: 0;
 }
-.fields-set-content {
+.c-field-set .fields-set-content {
   height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.fields-set-content .fields-table {
+.c-field-set .fields-set-content .fields-table {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.setting-view {
-  height: 100%;
-  position: relative;
-}
-.setting-view :deep(.n-spin-container) {
+.c-field-set .n-spin-container {
   width: 100%;
   height: 100%;
 }
-.setting-view :deep(.n-spin-content) {
+.c-field-set .n-spin-content {
   height: 100%;
 }
-.setting-view .setting-title {
+.c-field-set .setting-title {
   background: #f2f2f4;
   border: 1px solid #f2f2f2;
   height: 52px;
   line-height: 52px;
 }
-.setting-view .setting-title span {
+.c-field-set .setting-title span {
   display: inline-block;
 }
-.setting-view .setting-title.seting-title-api .width-large {
+.c-field-set .setting-title.seting-title-api .width-large {
   width: 15%;
 }
-.setting-view .set-show {
+.c-field-set .set-show {
   min-height: 100px;
   overflow-y: auto;
 }
-.setting-view .set-show.set-show-api .width-large {
+.c-field-set .set-show.set-show-api .width-large {
   width: 15%;
 }
-.setting-view .set-show .left-style.sortable-chosen {
+.c-field-set .set-show .left-style.sortable-chosen {
   background: #fafafa;
   box-shadow: 0px 0px 10px 0px #d5d5d5;
 }
-.setting-view .set-show li {
+.c-field-set .set-show li {
   padding: 5px 0;
   display: flex;
   align-items: center;
@@ -884,7 +870,7 @@ ul {
   height: 52px;
   line-height: 52px;
 }
-.setting-view .set-show .alias-style {
+.c-field-set .set-show .alias-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d5d5d5;
@@ -893,7 +879,7 @@ ul {
   color: #38454f;
   width: 100%;
 }
-.setting-view .set-show .is-sort-style {
+.c-field-set .set-show .is-sort-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d5d5d5;
@@ -903,27 +889,27 @@ ul {
   width: 87px;
   margin-right: 5px;
 }
-.setting-view .set-show .is-sort-style:disabled {
+.c-field-set .set-show .is-sort-style:disabled {
   cursor: not-allowed;
   background: #f5f5f5;
 }
-.setting-view .set-show .col-width-style {
+.c-field-set .set-show .col-width-style {
   width: 70px;
 }
-.setting-view .set-show .title-item {
+.c-field-set .set-show .title-item {
   display: inline-flex;
   justify-content: flex-start;
   align-items: center;
   text-align: left;
 }
-.setting-view .set-show .title-item > span {
+.c-field-set .set-show .title-item > span {
   display: inline-block;
   max-width: calc(100% - 20px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .alias-style {
+.c-field-set .alias-style {
   outline: none;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #d4dee5;
@@ -931,43 +917,43 @@ ul {
   text-indent: 16px;
   color: #38454f;
 }
-.setting-view .btn-operate {
+.c-field-set .btn-operate {
   border-top: 1px solid #d5d5d5;
   padding: 12px 0 12px;
 }
-.setting-view .width-show {
+.c-field-set .width-show {
   display: inline-block;
   width: 10%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .drag-icon-wrap {
+.c-field-set .drag-icon-wrap {
   width: 5% !important;
   cursor: pointer;
   text-align: center;
 }
-.setting-view .width-showed {
+.c-field-set .width-showed {
   display: inline-block;
   width: 15%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.setting-view .width-showed select {
+.c-field-set .width-showed select {
   width: 90% !important;
 }
-.setting-view .width-word {
+.c-field-set .width-word {
   display: inline-block;
   width: 20%;
   line-height: 52px;
   overflow: hidden;
   white-space: nowrap;
 }
-.setting-view .width-word input {
+.c-field-set .width-word input {
   width: 90% !important;
 }
-.setting-view .width-large {
+.c-field-set .width-large {
   display: inline-block;
   width: 20%;
   overflow: hidden;
@@ -1034,12 +1020,23 @@ ul {
   text-align: center;
 }
 .c-select-label .n-tag {
+  max-width: 108px;
   margin: 0 8px 0 0;
   border: 1px solid #e0e0e6;
 }
 .c-select-label .n-tag .n-base-icon {
   color: #fff;
 }
+.c-select-label .n-tag .n-tag__content {
+  display: inline-block;
+  align-items: center;
+  max-width: 80px;
+  height: 100%;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .c-label-form-content {
   width: 100%;
   height: 100%;
@@ -1617,17 +1614,29 @@ ul {
 }
 .c-scale .scale-container {
   width: 100%;
-  height: calc(100% - 51px);
+  height: 100%;
   padding-bottom: 10px;
   transform-origin: 0 0;
   overflow-y: auto;
   box-sizing: border-box;
+  /*定义滚动条轨道 内阴影+圆角*/
+  /*定义滑块 内阴影+圆角*/
 }
 .c-scale .scale-container.scale-container-nopadding {
   height: 100%;
 }
 .c-scale .scale-container::-webkit-scrollbar {
   width: 10px;
+  height: 6px;
+  background-color: #f5f5f5;
+}
+.c-scale .scale-container::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #f2f2f2;
+}
+.c-scale .scale-container::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #dbdcdc;
 }
 .c-scale :deep(.no-data-tip) {
   width: 100%;
@@ -1998,6 +2007,7 @@ ul {
 }
 .c-scale .n-input {
   width: 100%;
+  text-align: left;
 }
 .no-data-tip {
   display: flex;
@@ -2386,3 +2396,279 @@ ul {
   width: 60vw;
   height: 100%;
 }
+.vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar,
+.vxe-table--body-wrapper::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  background-color: #f2f2f2;
+}
+.vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover,
+.vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: #b2b2b2;
+}
+.c-time-line.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+  width: 10px;
+  height: 10px;
+  border-left-width: 5px;
+  border-right-width: 5px;
+  border-top-width: 5px;
+  border-bottom-width: 5px;
+  margin-left: 2px;
+}
+.c-time-line .content {
+  width: 245px;
+  padding: 10px;
+  box-sizing: border-box;
+  border: 1px solid #D5D5D5;
+  border-radius: 4px;
+  background-color: #FAFAFA;
+  color: #212121;
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+.c-time-line .content-name {
+  font-size: 16px;
+  font-weight: 600;
+}
+.c-time-line .content-name + span {
+  color: #666;
+}
+.c-time-line .content p {
+  margin: 5px 0 0;
+  line-height: 20px;
+  text-align: left;
+}
+.clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+.containers {
+  position: absolute;
+  background-color: #fff;
+  overflow-y: auto;
+  min-height: 300px;
+  height: 100%;
+  width: 100%;
+}
+.containers .canvas {
+  width: 100%;
+  height: 100%;
+}
+.containers .bjs-powered-by {
+  display: none !important;
+}
+.containers .djs-element .djs-hit-all {
+  cursor: pointer;
+}
+.containers .djs-bpmn-shape-node {
+  cursor: pointer;
+}
+.c-info-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  padding: 16px;
+  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.46);
+  background: white;
+}
+@font-face {
+  font-family: "iconfont";
+  /* Project id 3468756 */
+  src: url('./iconfont.ttf?t=1655348824139') format('truetype');
+}
+.c-info-header .iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.c-info-header .icon-double_up:before {
+  content: "\e8c3";
+}
+.c-info-header .icon-guanbi-yanjing:before {
+  content: "\e6e3";
+}
+.c-info-header .icon-faxian-yanjing:before {
+  content: "\e6de";
+}
+.c-info-header .icon-bianji:before {
+  content: "\e600";
+}
+.c-info-header .icon-setting:before {
+  content: "\e785";
+}
+.c-info-header .icon-double_down:before {
+  content: "\e8c2";
+}
+.c-info-header__divider {
+  width: 1px;
+  background: #d5d5d566;
+  align-self: stretch;
+}
+.c-info-header__patient {
+  display: flex;
+  gap: 12px;
+  margin-right: 34px;
+}
+.c-info-header__patientHeader {
+  display: flex;
+  vertical-align: bottom;
+  align-items: baseline;
+  gap: 6px;
+}
+.c-info-header__patientHeader--name {
+  font-size: 20px;
+  font-weight: 700;
+  margin-right: 6px;
+}
+.c-info-header__patientHeader .n-tag {
+  align-self: flex-start;
+  border-radius: 4px;
+}
+.c-info-header__info {
+  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+  overflow: hidden;
+  justify-content: flex-start;
+  height: calc(var(--row-height) * var(--row-num) * 1px);
+  font-size: 14px;
+}
+.c-info-header__info td {
+  text-align: left;
+}
+.c-info-header__info .n-descriptions-table-content {
+  padding-bottom: 0 !important;
+  height: calc(var(--row-height) * 1px);
+  vertical-align: middle !important;
+  max-width: calc(var(--column-width) * 1px);
+}
+.c-info-header__info .n-descriptions-table-content__content {
+  font-weight: 700;
+}
+.c-info-header__info .n-descriptions-table-content__label {
+  display: inline-block;
+}
+.c-info-header__setting {
+  display: flex;
+  align-self: flex-start;
+  gap: 8px;
+}
+.c-info-header__settingIcon {
+  cursor: pointer;
+}
+.c-info-header__setting .iconfont {
+  font-size: 20px;
+  color: black;
+  display: inline-block;
+  transition: all 0.2s ease-in-out;
+}
+.c-info-header.is-compact [compact-hidden] {
+  display: none !important;
+}
+.c-info-header.is-compact .icon-double_down {
+  transform: rotate(180deg);
+}
+.c-info-header__hidden {
+  display: inline-flex;
+  vertical-align: middle;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+}
+.c-info-header__hidden--icon {
+  color: inherit !important;
+  cursor: pointer;
+  font-size: 14px;
+  text-decoration: none !important;
+}
+.form-render__wrapper {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}
+.form-render__formItem {
+  grid-column: span var(--form-item-column) / span var(--form-item-column);
+}
+.form-render__formItem .n-date-picker {
+  width: 100%;
+}
+.form-render__collapse {
+  grid-column: span var(--column) / span var(--column);
+}
+.form-render__collapseHeader {
+  cursor: pointer;
+  display: flex;
+  background: #fafafa;
+  height: 36px;
+  align-items: center;
+  padding: 0 16px;
+  margin-bottom: 8px;
+  border: 1px solid #d9d9d9;
+}
+.form-render__collapseItem {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}
+.form-render__inputGroup {
+  grid-column: span var(--column) / span var(--column);
+  display: flex;
+  align-items: flex-end;
+}
+.form-render__inputGroup > div {
+  flex: 1;
+}
+.form-render__inputGroup > div:not(:last-of-type) .n-input__border,
+.form-render__inputGroup > div:not(:last-of-type) .n-base-selection__border {
+  border-right: 0;
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.form-render__inputGroup > div:last-of-type .n-input__border,
+.form-render__inputGroup > div:last-of-type .n-base-selection__border {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.form-render__combination {
+  width: 100%;
+}
+.form-render__combinationHeader {
+  display: flex;
+  gap: 12px;
+}
+.form-render__combinationHeader > h3 {
+  font-size: 16px;
+  font-weight: 700;
+  padding: 0;
+  margin: 0;
+}
+.form-render__combinationHeaderText {
+  font-size: 16px;
+  font-weight: 500;
+}
+.form-render__combinationClose {
+  position: absolute;
+  right: 0;
+  top: 5px;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: red;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  vertical-align: middle;
+  font-size: 16px;
+}
+.form-render__combinationContent {
+  position: relative;
+}

package/es/packages/index.d.ts

@@ -5,12 +5,20 @@ import CFieldSet from './field-set';
 import CDragLayout from './drag-layout';
 import CButtonPrint from './button-print';
 import CSelectPerson from './select-person';
-import CSelectLabel from './select-label';
+import CSelectLabel, { CLabelFormContent } from './select-label';
 import CMap from './map';
 import CVodChunkUpload from './chunk-upload';
 import { CScaleView, CRadio, CCheckbox, CSelect, CDatetime } from './scale-view';
-export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime };
+import CFormTable from './form-table';
+import CInfoHeader from './info-header';
+import CTimeLine from './time-line';
+import CBpmnWorkflow from './bpmn-workflow';
+import Editor from './editor';
+import FormRender from './form-render';
+export * from './form-render';
+declare function install(app: App): void;
+export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CFormTable, CInfoHeader, CTimeLine, CBpmnWorkflow, Editor, FormRender };
 declare const _default: {
-    install: (app: App<any>) => void;
+    install: typeof install;
 };
 export default _default;