cnhis-design-vue 3.1.9-beta.5 → 3.1.9-beta.6

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

@@ -1 +1,165 @@
-export { useMethods } from './hooks2.mjs';
+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/grid/style/index.less

@@ -1,13 +1,13 @@
-// 兼容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;
-  }
+// 兼容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;
+  }
 }

package/es/packages/index.css

@@ -1499,6 +1499,10 @@ body > .vxe-table--tooltip-wrapper {
   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;
@@ -1566,18 +1570,18 @@ body > .vxe-table--tooltip-wrapper {
   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;
@@ -1609,7 +1613,7 @@ body > .vxe-table--tooltip-wrapper {
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
 }
-.c-scale :deep(.n-form-item-label) {
+.c-scale .n-form-item-label {
   font-weight: 700;
 }
 .c-scale .scale-container {
@@ -1638,7 +1642,7 @@ body > .vxe-table--tooltip-wrapper {
   border-radius: 10px;
   background-color: #dbdcdc;
 }
-.c-scale :deep(.no-data-tip) {
+.c-scale .no-data-tip {
   width: 100%;
   height: 100%;
 }
@@ -1709,10 +1713,10 @@ body > .vxe-table--tooltip-wrapper {
 .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 {
@@ -2009,6 +2013,9 @@ body > .vxe-table--tooltip-wrapper {
   width: 100%;
   text-align: left;
 }
+.c-scale .n-form-item {
+  --n-label-height: unset !important;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -2095,13 +2102,13 @@ body > .vxe-table--tooltip-wrapper {
   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;
@@ -2112,33 +2119,33 @@ body > .vxe-table--tooltip-wrapper {
 .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 {
@@ -2160,15 +2167,15 @@ body > .vxe-table--tooltip-wrapper {
 .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;