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

package/es/packages/index.less

@@ -995,47 +995,32 @@ body {
   }
 }
 
-.popver-content {
-  height: 400px;
-  overflow: hidden;
-  overflow-y: auto;
-}
-.popver-ul {
-  margin-bottom: 10px;
-}
-.ul-title {
-  font-size: 14px;
-  font-weight: 400;
-  color: rgba(145, 159, 190, 1);
-  line-height: 20px;
-}
-
-ul {
-  margin: 0;
-  padding: 0;
-}
-
-.fields-set-content {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  .fields-table {
-    flex: 1;
+.c-field-set {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  
+  .fields-set-content {
+    height: 100%;
     display: flex;
     flex-direction: column;
-    overflow: auto;
+    overflow: hidden;
+    .fields-table {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+    }
   }
-}
-
-.setting-view {
+  
   height: 100%;
   position: relative;
-  :deep(.n-spin-container) {
+  .n-spin-container {
     width: 100%;
     height: 100%;
   }
-  :deep(.n-spin-content) {
+  .n-spin-content {
     height: 100%;
   }
   .setting-title {
@@ -1207,7 +1192,7 @@ ul {
     display: flex;
     align-items: center;
     flex-direction: column;
-  
+
     .label-disable-img {
       width: 320px;
       height: 248px;
@@ -1237,11 +1222,22 @@ ul {
     text-align: center;
   }
   .n-tag {
+    max-width: 108px;
     margin: 0 8px 0 0;
     border: 1px solid rgb(224, 224, 230);
     .n-base-icon {
       color: #fff;
     }
+    .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;
+    }
   }
 }
 
@@ -1339,6 +1335,7 @@ ul {
     }
   }
 }
+
 .c-chunk-upload-container {
   width: 100%;
   height: 100%;
@@ -1859,7 +1856,7 @@ ul {
   }
   .scale-container {
     width: 100%;
-    height: calc(100% - 51px);
+    height: 100%;
     padding-bottom: 10px;
     transform-origin: 0 0;
     overflow-y: auto;
@@ -1869,6 +1866,20 @@ ul {
     }
     &::-webkit-scrollbar {
       width: 10px;
+      height: 6px;
+      background-color: #f5f5f5;
+    }
+  
+    /*定义滚动条轨道 内阴影+圆角*/
+    &::-webkit-scrollbar-track {
+      border-radius: 10px;
+      background-color: #f2f2f2;
+    }
+  
+    /*定义滑块 内阴影+圆角*/
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      background-color: #dbdcdc;
     }
   }
   :deep(.no-data-tip) {
@@ -2256,6 +2267,7 @@ ul {
   }
   .n-input {
     width: 100%;
+    text-align: left;
   }
 }
 
@@ -2698,4 +2710,357 @@ ul {
   }
 }
 
+// 兼容style插件所创建的空样式
+.vxe-table--footer-wrapper.body--wrapper,
+.vxe-table--body-wrapper {
+  &::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background-color: #f2f2f2;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: #b2b2b2;
+  }
+}
+@border-width: 5px;
+.c-time-line {
+  &.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+    width: 10px;
+    height: 10px;
+    border-left-width: @border-width;
+    border-right-width: @border-width;
+    border-top-width: @border-width;
+    border-bottom-width: @border-width;
+    margin-left: 2px;
+  }
+  .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;
+    &-name {
+      font-size: 16px;
+      font-weight: 600;
+      &+span {
+        color: #666;
+      }
+    }
+    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%;
+  .canvas {
+    width: 100%;
+    height: 100%;
+  }
+  .bjs-powered-by {
+    display: none !important;
+  }
+  .djs-element .djs-hit-all {
+    cursor: pointer;
+  }
+  .djs-bpmn-shape-node {
+    cursor: pointer;
+  }
+}
+
+.c-info-header {
+  @font-face {
+  font-family: "iconfont"; /* Project id 3468756 */
+  src: url('./iconfont.ttf?t=1655348824139') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-double_up:before {
+  content: "\e8c3";
+}
+
+.icon-guanbi-yanjing:before {
+  content: "\e6e3";
+}
+
+.icon-faxian-yanjing:before {
+  content: "\e6de";
+}
+
+.icon-bianji:before {
+  content: "\e600";
+}
+
+.icon-setting:before {
+  content: "\e785";
+}
+
+.icon-double_down:before {
+  content: "\e8c2";
+}
+
+
+  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;
+
+  &__operation {
+    //
+  }
+
+  &__divider {
+    width: 1px;
+    background: #d5d5d566;
+    align-self: stretch;
+  }
+
+  &__patient {
+    display: flex;
+    gap: 12px;
+    margin-right: 34px;
+
+    &Header {
+      display: flex;
+      vertical-align: bottom;
+      align-items: baseline;
+      gap: 6px;
+
+      &--name {
+        font-size: 20px;
+        font-weight: 700;
+        margin-right: 6px;
+      }
+
+      .n-tag {
+        align-self: flex-start;
+        border-radius: 4px;
+      }
+    }
+  }
+
+  &__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;
+
+    td {
+      text-align: left;
+    }
+
+    .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);
+    }
+
+    .n-descriptions-table-content__content {
+      font-weight: 700;
+    }
+
+    .n-descriptions-table-content__label {
+      display: inline-block;
+    }
+  }
+
+  &__setting {
+    display: flex;
+    align-self: flex-start;
+    gap: 8px;
+
+    &Icon {
+      cursor: pointer;
+    }
+
+    .iconfont {
+      font-size: 20px;
+      color: black;
+      display: inline-block;
+      transition: all .2s ease-in-out;
+    }
+  }
+
+  &.is-compact {
+    [compact-hidden] {
+      display: none !important;
+    }
+
+    .icon-double_down {
+      transform: rotate(180deg);
+    }
+  }
+
+  &__hidden {
+    display: inline-flex;
+    vertical-align: middle;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+
+    &--icon {
+      color: inherit !important;
+      cursor: pointer;
+      font-size: 14px;
+      text-decoration: none !important;
+    }
+  }
+}
+
+@block: ~"form-render";
+
+#form-grid() {
+  .display(@column) {
+    display: grid !important;
+    grid-template-columns: repeat(@column, minmax(0px, 1fr));
+    gap: 0 8px;
+  }
+  .item(@column) {
+    grid-column: span @column / span @column;
+  }
+}
+
+#form-input-group(@direction) {
+  border-bottom-@{direction}-radius: 0;
+  border-top-@{direction}-radius: 0;
+}
+
+.@{block} {
+  @display: #form-grid .display(var(--column));
+  @item: #form-grid .item(var(--column));
+  @form-item: #form-grid .item(var(--form-item-column));
+
+  &__wrapper {
+    @display();
+  }
+
+  &__formItem {
+    @form-item();
+
+    .n-date-picker {
+      width: 100%;
+    }
+  }
+
+  &__collapse {
+    @item();
+
+    &Header {
+      cursor: pointer;
+      display: flex;
+      background: #fafafa;
+      height: 36px;
+      align-items: center;
+      padding: 0 16px;
+      margin-bottom: 8px;
+      border: 1px solid #d9d9d9;
+    }
+
+    &Item {
+      @display();
+    }
+  }
+
+  &__inputGroup {
+    @item();
+    display: flex;
+    align-items: flex-end;
+
+    > div {
+      flex: 1;
+
+      &:not(:last-of-type) {
+        .n-input__border,
+        .n-base-selection__border {
+          border-right: 0;
+          #form-input-group(right);
+        }
+      }
+
+      &:last-of-type {
+        .n-input__border,
+        .n-base-selection__border {
+          #form-input-group(left);
+        }
+      }
+    }
+  }
+
+  &__combination {
+    width: 100%;
+
+    &Header {
+      > h3 {
+        font-size: 16px;
+        font-weight: 700;
+        padding: 0;
+        margin: 0;
+      }
+
+      display: flex;
+      gap: 12px;
+    }
+
+    &HeaderText {
+      font-size: 16px;
+      font-weight: 500;
+    }
+
+    &Close {
+      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;
+    }
+
+    &Content {
+      position: relative;
+    }
+  }
+}
 

package/es/packages/index.mjs

@@ -1 +1,26 @@
-export{default}from"./index2.mjs";export{default as CGrid}from"./grid/index2.mjs";export{default as CBigTable}from"./big-table/index2.mjs";export{default as CFieldSet}from"./field-set/index2.mjs";export{default as CDragLayout}from"./drag-layout/index2.mjs";export{default as CButtonPrint}from"./button-print/index2.mjs";export{default as CSelectPerson}from"./select-person/index2.mjs";export{default as CSelectLabel}from"./select-label/index2.mjs";export{default as CMap}from"./map/index2.mjs";export{default as CVodChunkUpload}from"./chunk-upload/index2.mjs";export{CCheckbox,CDatetime,CRadio,CScaleView,CSelect}from"./scale-view/index2.mjs";
+export { default } from './index2.mjs';
+export { default as CGrid } from './grid/index2.mjs';
+export { default as CBigTable } from './big-table/index2.mjs';
+export { default as CFieldSet } from './field-set/index2.mjs';
+export { default as CDragLayout } from './drag-layout/index2.mjs';
+export { default as CButtonPrint } from './button-print/index2.mjs';
+export { default as CSelectPerson } from './select-person/index2.mjs';
+export { CLabelFormContent, default as CSelectLabel } from './select-label/index2.mjs';
+export { default as CMap } from './map/index2.mjs';
+export { default as CVodChunkUpload } from './chunk-upload/index2.mjs';
+export { default as CFormTable } from './form-table/index2.mjs';
+export { default as CInfoHeader } from './info-header/index2.mjs';
+export { default as CTimeLine } from './time-line/index2.mjs';
+export { default as CBpmnWorkflow } from './bpmn-workflow/index2.mjs';
+export { default as Editor } from './editor/index2.mjs';
+export { default as FormRender } from './form-render/index2.mjs';
+export { useFieldList2Schema } from './form-render/src/hooks/useFieldList2Schema2.mjs';
+export { useFormRequest } from './form-render/src/hooks/useFormRequest2.mjs';
+export { useCommonLog } from './form-render/src/hooks/useCommonLog2.mjs';
+export { useFormField } from './form-render/src/hooks/useFormField2.mjs';
+export { AsyncQueue, useAsyncQueue } from './form-render/src/hooks/useAsyncQueue2.mjs';
+export { useFieldVisitor } from './form-render/src/hooks/useFieldVisitor2.mjs';
+export { useTypeNormalize } from './form-render/src/hooks/useTypeNormalize2.mjs';
+export { useFormValidator } from './form-render/src/hooks/useFormValidator2.mjs';
+export { BusinessCollector, useBusinessBinding } from './form-render/src/hooks/useBusinessBinding2.mjs';
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect } from './scale-view/index2.mjs';

package/es/packages/index2.mjs

@@ -1 +1,64 @@
-import e from"./grid/index2.mjs";export{default as CGrid}from"./grid/index2.mjs";import t from"./big-table/index2.mjs";export{default as CBigTable}from"./big-table/index2.mjs";import o from"./field-set/index2.mjs";export{default as CFieldSet}from"./field-set/index2.mjs";import r from"./drag-layout/index2.mjs";export{default as CDragLayout}from"./drag-layout/index2.mjs";import a from"./button-print/index2.mjs";export{default as CButtonPrint}from"./button-print/index2.mjs";import i from"./select-person/index2.mjs";export{default as CSelectPerson}from"./select-person/index2.mjs";import m from"./select-label/index2.mjs";export{default as CSelectLabel}from"./select-label/index2.mjs";import l from"./map/index2.mjs";export{default as CMap}from"./map/index2.mjs";import d from"./chunk-upload/index2.mjs";export{default as CVodChunkUpload}from"./chunk-upload/index2.mjs";import{CScaleView as s,CRadio as n,CCheckbox as f,CSelect as p,CDatetime as x}from"./scale-view/index2.mjs";export{CCheckbox,CDatetime,CRadio,CScaleView,CSelect}from"./scale-view/index2.mjs";const C={CGrid:e,CBigTable:t,CFieldSet:o,CDragLayout:r,CButtonPrint:a,CSelectPerson:i,CSelectLabel:m,CScaleView:s,CMap:l,CVodChunkUpload:d,CRadio:n,CCheckbox:f,CSelect:p,CDatetime:x};var u={install:function(e){Object.values(C).forEach((t=>{t.install(e)}))},...C};export{u as default};
+import Grid from './grid/index2.mjs';
+export { default as CGrid } from './grid/index2.mjs';
+import BigTable from './big-table/index2.mjs';
+export { default as CBigTable } from './big-table/index2.mjs';
+import FieldSet from './field-set/index2.mjs';
+export { default as CFieldSet } from './field-set/index2.mjs';
+import DragLayout from './drag-layout/index2.mjs';
+export { default as CDragLayout } from './drag-layout/index2.mjs';
+import ButtonPrint from './button-print/index2.mjs';
+export { default as CButtonPrint } from './button-print/index2.mjs';
+import SelectPerson from './select-person/index2.mjs';
+export { default as CSelectPerson } from './select-person/index2.mjs';
+import SelectLabel, { CLabelFormContent as LabelFormContent } from './select-label/index2.mjs';
+export { CLabelFormContent, default as CSelectLabel } from './select-label/index2.mjs';
+import Map from './map/index2.mjs';
+export { default as CMap } from './map/index2.mjs';
+import VodChunkUpload from './chunk-upload/index2.mjs';
+export { default as CVodChunkUpload } from './chunk-upload/index2.mjs';
+import { CScaleView, CRadio, CCheckbox, CSelect, CDatetime } from './scale-view/index2.mjs';
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect } from './scale-view/index2.mjs';
+import FormTable from './form-table/index2.mjs';
+export { default as CFormTable } from './form-table/index2.mjs';
+import InfoHeader from './info-header/index2.mjs';
+export { default as CInfoHeader } from './info-header/index2.mjs';
+import TimeLine from './time-line/index2.mjs';
+export { default as CTimeLine } from './time-line/index2.mjs';
+import BpmnWorkflow from './bpmn-workflow/index2.mjs';
+export { default as CBpmnWorkflow } from './bpmn-workflow/index2.mjs';
+import Editor from './editor/index2.mjs';
+export { default as Editor } from './editor/index2.mjs';
+import FormRender from './form-render/index2.mjs';
+export { default as FormRender } from './form-render/index2.mjs';
+
+const components = {
+  CGrid: Grid,
+  CBigTable: BigTable,
+  CFieldSet: FieldSet,
+  CDragLayout: DragLayout,
+  CButtonPrint: ButtonPrint,
+  CSelectPerson: SelectPerson,
+  CSelectLabel: SelectLabel,
+  CLabelFormContent: LabelFormContent,
+  CScaleView,
+  CMap: Map,
+  CVodChunkUpload: VodChunkUpload,
+  CRadio,
+  CCheckbox,
+  CSelect,
+  CDatetime,
+  CFormTable: FormTable,
+  CInfoHeader: InfoHeader,
+  CTimeLine: TimeLine,
+  CBpmnWorkflow: BpmnWorkflow,
+  Editor,
+  FormRender
+};
+function install(app) {
+  Object.values(components).forEach((component) => {
+    component.install(app);
+  });
+}
+var index = { install, ...components };
+
+export { index as default };