cnhis-design-vue 3.1.6 → 3.1.7-beta.3

package/es/packages/grid/src/hooks2.mjs

@@ -1 +1,165 @@
-import{ref as e}from"vue";const o=()=>{const o=e({}),t={};return["loadData","reloadData","updateData","reloadRow","reloadExpandContent","reloadTreeChilds","loadColumn","reloadColumn","refreshColumn","createRow","createData","insert","insertAt","revertData","remove","removeCheckboxRow","removeRadioRow","removeCurrentRow","removeMergeCells","removeMergeFooterItems","getRowIndex","getVTRowIndex","getVMRowIndex","getRowNode","getColumns","getColid","getColumnById","getColumnByField","getTableColumn","getColumnIndex","getVMColumnIndex","getVTColumnIndex","getColumnNode","getSortColumns","getCheckedFilters","getTableData","getRowById","getRowid","getData","getRecordset","getInsertRecords","getRemoveRecords","getUpdateRecords","getMergeCells","getMergeFooterItems","getCurrentColumn","getCurrentRecord","getRadioRecord","getRadioReserveRecord","getCheckboxRecords","getCheckboxReserveRecords","getCheckboxIndeterminateRecords","getRowExpandRecords","getTreeExpandRecords","getActiveRecord","getSelectedCell","getScroll","isActiveByRow","isInsertByRow","isUpdateByRow","isAllCheckboxChecked","isAllCheckboxIndeterminate","isCheckedByCheckboxRow","isIndeterminateByCheckboxRow","isCheckedByRadioRow","isExpandByRow","isRowExpandLoaded","isTreeExpandByRow","isTreeExpandLoaded","isFilter","setFilter","setActiveRow","setActiveCell","setSelectCell","setMergeCells","setMergeFooterItems","setRowExpand","setAllRowExpand","setTreeExpand","setAllTreeExpand","setCurrentRow","setCurrentColumn","setRadioRow","setCheckboxRow","setAllCheckboxRow","toggleCheckboxRow","toggleAllCheckboxRow","toggleRowExpand","toggleTreeExpand","clearMergeCells","clearMergeFooterItems","clearCurrentRow","clearCurrentColumn","clearRadioRow","clearRadioReserve","clearCheckboxRow","clearCheckboxReserve","clearRowExpand","clearRowExpandLoaded","clearTreeExpand","clearTreeExpandLoaded","clearSort","clearFilter","clearSelected","clearActived","clearData","clearScroll","clearValidate","clearAll","resetColumn","closeFilter","closeTooltip","closeMenu","updateFooter","updateStatus","hideColumn","showColumn","scrollTo","scrollToRow","scrollToColumn","sort","isSort","recalculate","refreshScroll","validate","fullValidate","exportData","openExport","importData","openImport","print","openPrint","saveFile","readFile","openTooltip","connect","focus","blur","commitProxy","zoom","isMaximized","maximize","revert","getFormItems","getPendingRecords","getProxyInfo"].forEach((e=>{t[e]=(...t)=>o.value&&o.value[e](...t)})),{xGrid:o,...t}};export{o as useMethods};
+import { ref } from 'vue';
+
+const useMethods = () => {
+  const xGrid = ref({});
+  const methodKeys = [
+    "loadData",
+    "reloadData",
+    "updateData",
+    "reloadRow",
+    "reloadExpandContent",
+    "reloadTreeChilds",
+    "loadColumn",
+    "reloadColumn",
+    "refreshColumn",
+    "createRow",
+    "createData",
+    "insert",
+    "insertAt",
+    "revertData",
+    "remove",
+    "removeCheckboxRow",
+    "removeRadioRow",
+    "removeCurrentRow",
+    "removeMergeCells",
+    "removeMergeFooterItems",
+    "getRowIndex",
+    "getVTRowIndex",
+    "getVMRowIndex",
+    "getRowNode",
+    "getColumns",
+    "getColid",
+    "getColumnById",
+    "getColumnByField",
+    "getTableColumn",
+    "getColumnIndex",
+    "getVMColumnIndex",
+    "getVTColumnIndex",
+    "getColumnNode",
+    "getSortColumns",
+    "getCheckedFilters",
+    "getTableData",
+    "getRowById",
+    "getRowid",
+    "getData",
+    "getRecordset",
+    "getInsertRecords",
+    "getRemoveRecords",
+    "getUpdateRecords",
+    "getMergeCells",
+    "getMergeFooterItems",
+    "getCurrentColumn",
+    "getCurrentRecord",
+    "getRadioRecord",
+    "getRadioReserveRecord",
+    "getCheckboxRecords",
+    "getCheckboxReserveRecords",
+    "getCheckboxIndeterminateRecords",
+    "getRowExpandRecords",
+    "getTreeExpandRecords",
+    "getActiveRecord",
+    "getSelectedCell",
+    "getScroll",
+    "isActiveByRow",
+    "isInsertByRow",
+    "isUpdateByRow",
+    "isAllCheckboxChecked",
+    "isAllCheckboxIndeterminate",
+    "isCheckedByCheckboxRow",
+    "isIndeterminateByCheckboxRow",
+    "isCheckedByRadioRow",
+    "isExpandByRow",
+    "isRowExpandLoaded",
+    "isTreeExpandByRow",
+    "isTreeExpandLoaded",
+    "isFilter",
+    "setFilter",
+    "setActiveRow",
+    "setActiveCell",
+    "setSelectCell",
+    "setMergeCells",
+    "setMergeFooterItems",
+    "setRowExpand",
+    "setAllRowExpand",
+    "setTreeExpand",
+    "setAllTreeExpand",
+    "setCurrentRow",
+    "setCurrentColumn",
+    "setRadioRow",
+    "setCheckboxRow",
+    "setAllCheckboxRow",
+    "toggleCheckboxRow",
+    "toggleAllCheckboxRow",
+    "toggleRowExpand",
+    "toggleTreeExpand",
+    "clearMergeCells",
+    "clearMergeFooterItems",
+    "clearCurrentRow",
+    "clearCurrentColumn",
+    "clearRadioRow",
+    "clearRadioReserve",
+    "clearCheckboxRow",
+    "clearCheckboxReserve",
+    "clearRowExpand",
+    "clearRowExpandLoaded",
+    "clearTreeExpand",
+    "clearTreeExpandLoaded",
+    "clearSort",
+    "clearFilter",
+    "clearSelected",
+    "clearActived",
+    "clearData",
+    "clearScroll",
+    "clearValidate",
+    "clearAll",
+    "resetColumn",
+    "closeFilter",
+    "closeTooltip",
+    "closeMenu",
+    "updateFooter",
+    "updateStatus",
+    "hideColumn",
+    "showColumn",
+    "scrollTo",
+    "scrollToRow",
+    "scrollToColumn",
+    "sort",
+    "isSort",
+    "recalculate",
+    "refreshScroll",
+    "validate",
+    "fullValidate",
+    "exportData",
+    "openExport",
+    "importData",
+    "openImport",
+    "print",
+    "openPrint",
+    "saveFile",
+    "readFile",
+    "openTooltip",
+    "connect",
+    "focus",
+    "blur",
+    "commitProxy",
+    "zoom",
+    "isMaximized",
+    "maximize",
+    "revert",
+    "getFormItems",
+    "getPendingRecords",
+    "getProxyInfo"
+  ];
+  const funcs = {};
+  methodKeys.forEach((name) => {
+    funcs[name] = (...args) => {
+      return xGrid.value && xGrid.value[name](...args);
+    };
+  });
+  return {
+    xGrid,
+    ...funcs
+  };
+};
+
+export { useMethods };

package/es/packages/index.css

@@ -1614,17 +1614,29 @@ body > .vxe-table--tooltip-wrapper {
 }
 .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%;
@@ -2455,3 +2467,204 @@ body > .vxe-table--tooltip-wrapper {
 .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;
+}
+.formily-render__wrapper {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}
+.formily-render__formItem {
+  grid-column: span var(--form-item-column) / span var(--form-item-column);
+}
+.formily-render__formItem .n-date-picker {
+  width: 100%;
+}
+.formily-render__collapse {
+  grid-column: span var(--column) / span var(--column);
+}
+.formily-render__collapseHeader {
+  cursor: pointer;
+  display: flex;
+  background: #fafafa;
+  height: 36px;
+  align-items: center;
+  padding: 0 16px;
+  margin-bottom: 8px;
+  border: 1px solid #d9d9d9;
+}
+.formily-render__collapseItem {
+  display: grid !important;
+  grid-template-columns: repeat(var(--column), minmax(0px, 1fr));
+  gap: 0 8px;
+}
+.formily-render__inputGroup {
+  grid-column: span var(--column) / span var(--column);
+  display: flex;
+  align-items: flex-end;
+}
+.formily-render__inputGroup > div {
+  flex: 1;
+}
+.formily-render__inputGroup > div:not(:last-of-type) .n-input__border,
+.formily-render__inputGroup > div:not(:last-of-type) .n-base-selection__border {
+  border-right: 0;
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.formily-render__inputGroup > div:last-of-type .n-input__border,
+.formily-render__inputGroup > div:last-of-type .n-base-selection__border {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.formily-render__combination {
+  width: 100%;
+}
+.formily-render__combinationHeader {
+  display: flex;
+  gap: 12px;
+}
+.formily-render__combinationHeader > h3 {
+  font-size: 16px;
+  font-weight: 700;
+  padding: 0;
+  margin: 0;
+}
+.formily-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;
+}
+.formily-render__combinationContent {
+  position: relative;
+}

package/es/packages/index.d.ts

@@ -14,8 +14,11 @@ import CInfoHeader from './info-header';
 import CTimeLine from './time-line';
 import CBpmnWorkflow from './bpmn-workflow';
 import Editor from './editor';
-export { CGrid, CBigTable, CFieldSet, CDragLayout, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CFormTable, CInfoHeader, CTimeLine, CBpmnWorkflow, 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;

package/es/packages/index.less

@@ -1856,7 +1856,7 @@ body {
   }
   .scale-container {
     width: 100%;
-    height: calc(100% - 51px);
+    height: 100%;
     padding-bottom: 10px;
     transform-origin: 0 0;
     overflow-y: auto;
@@ -1866,6 +1866,20 @@ body {
     }
     &::-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) {
@@ -2774,3 +2788,274 @@ body {
   }
 }
 
+.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: ~"formily-render";
+
+#formily-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;
+  }
+}
+
+#formily-input-group(@direction) {
+  border-bottom-@{direction}-radius: 0;
+  border-top-@{direction}-radius: 0;
+}
+
+.@{block} {
+  @display: #formily-grid .display(var(--column));
+  @item: #formily-grid .item(var(--column));
+  @form-item: #formily-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;
+          #formily-input-group(right);
+        }
+      }
+
+      &:last-of-type {
+        .n-input__border,
+        .n-base-selection__border {
+          #formily-input-group(left);
+        }
+      }
+    }
+  }
+
+  &__combination {
+    width: 100%;
+
+    &Header {
+      > h3 {
+        font-size: 16px;
+        font-weight: 700;
+        padding: 0;
+        margin: 0;
+      }
+
+      display: flex;
+      gap: 12px;
+    }
+
+    &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;
+    }
+  }
+}
+