cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/form-table/style/index.css

@@ -0,0 +1,214 @@
+.table-form-age-error {
+  border-color: red !important;
+}
+.table-form-age-error .table-age-input {
+  border-color: red !important;
+}
+.table-form-age-error .n-select-selection--single {
+  border-color: red !important;
+}
+.table-date-picker {
+  min-width: unset !important;
+  width: 100%;
+}
+.table-date-picker-error .n-input {
+  border-color: red !important;
+}
+.text-over-tooltip-components {
+  display: inline-block;
+  max-width: 100%;
+  /* 文字超出宽度显示省略号 单行 */
+  /* 自定义样式 */
+}
+.text-over-tooltip-components .ellipsis {
+  font-size: 14px;
+  color: #35393c;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .ellipsis i {
+  font-style: normal;
+  word-break: keep-all;
+  white-space: nowrap;
+}
+.text-over-tooltip-components .fs20 {
+  font-size: 20px;
+  font-weight: 600;
+  color: green;
+  line-height: 22px;
+}
+.text-over-tooltip-components .fs12 {
+  font-size: 12px;
+  font-weight: 400;
+  color: orange;
+  line-height: 14px;
+}
+.ant-input-group {
+  display: table !important;
+}
+.ant-input-group .n-input-number {
+  width: 100%;
+}
+.ant-input-group .n-input-number.table-error-digital {
+  border-color: red !important;
+}
+.ant-input-group .n-input-number.table-error-digital input {
+  border-color: red !important;
+}
+.table-digital-com .n-input-group-addon {
+  max-width: 52px;
+}
+.table-digital-com .n-input-group-addon .text-over-tooltip-components {
+  display: inline;
+}
+.table-error-input {
+  border-color: red !important;
+}
+.table-error-input input {
+  border-color: red !important;
+}
+.table-input-com .n-input-group-addon {
+  max-width: 52px;
+}
+.table-input-com .n-input-group-addon .text-over-tooltip-components {
+  display: inline;
+}
+.table-month-picker {
+  width: 100%;
+}
+.table-month-picker-error .n-input {
+  border-color: red !important;
+}
+.table-default-select .title-line {
+  font-weight: 700;
+  color: #000;
+  font-size: 14px;
+}
+.table-default-select .select-content-item {
+  padding: 0 5px;
+}
+.table-default-select .n-select-dropdown-menu-item-selected {
+  color: #5585f5;
+}
+.tableItem-search-more-select .title-line {
+  font-weight: 700;
+  color: #000;
+  font-size: 14px;
+}
+.tableItem-search-more-select .select-content-item {
+  padding: 0 5px;
+}
+.tableItem-search-more-select .n-select-dropdown-menu-item-selected {
+  color: #5585f5;
+}
+.table-select-error .n-select-selection {
+  border-color: red !important;
+}
+.table-error-textarea .n-input {
+  border-color: red !important;
+}
+.table-time-picker {
+  width: 100%;
+}
+.table-time-picker-error .n-input {
+  border-color: red !important;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .form-table-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 31px;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .ant-select-disabled .ant-select-selection {
+  border: 0 !important;
+  background: transparent;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .ant-select-disabled .ant-select-arrow {
+  display: none;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .ant-select-disabled .ant-select-selection-selected-value {
+  color: #606266;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .DATE-container .ant-input {
+  padding: 0;
+  text-align: center;
+  border: 0 !important;
+  background-color: transparent;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .DATE-container .ant-calendar-picker-icon {
+  display: none;
+}
+.formTable-page-disabled--detail .vxe-table .vxe-cell .SELECT-container .ant-select-selection {
+  max-width: 100%;
+}
+.formTable-page {
+  width: 100%;
+  min-height: 100px;
+  max-height: 350px;
+}
+.formTable-page .vxe-table.vxe-table--render-default .vxe-body--column:not(.col--ellipsis),
+.formTable-page .vxe-table.vxe-table--render-default .vxe-footer--column:not(.col--ellipsis),
+.formTable-page .vxe-table.vxe-table--render-default .vxe-header--column:not(.col--ellipsis) {
+  padding: 0;
+}
+.formTable-page .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.formTable-page .vxe-table .vxe-table--empty-content {
+  height: 100%;
+  max-height: 100%;
+}
+.formTable-page .vxe-table .vxe-table--empty-content > div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  max-height: 100%;
+}
+.formTable-page .vxe-table .vxe-cell {
+  width: 100%;
+  padding: 9px 10px;
+  max-height: unset;
+  line-height: unset;
+  height: unset;
+  min-height: 32px;
+  justify-content: center;
+  text-overflow: inherit !important;
+}
+.formTable-page .vxe-table .vxe-cell .tableItem-select {
+  width: 100%;
+}
+.formTable-page .vxe-table .vxe-cell textarea {
+  line-height: 20px;
+  height: 100%;
+  resize: none;
+}
+.formTable-page .vxe-table .vxe-cell .select-content {
+  width: 100%;
+}
+.formTable-page .vxe-table .vxe-cell .table-form-age {
+  display: flex;
+  width: 100%;
+  line-height: unset;
+}
+.formTable-page .vxe-table .vxe-cell .table-form-age .table-age-input {
+  flex: 1;
+}
+.formTable-page .vxe-table .vxe-cell .table-form-age .table-age-select .ant-select-selection__placeholder {
+  font-size: 12px;
+}
+.formTable-page .vxe-table .vxe-cell .span-required {
+  color: red;
+}
+.formTable-page .vxe-table .vxe-body--column.col--ellipsis,
+.formTable-page .vxe-table .vxe-editable .vxe-body--column,
+.formTable-page .vxe-table .vxe-footer--column.col--ellipsis,
+.formTable-page .vxe-table .vxe-header--column.col--ellipsis {
+  height: 40px;
+}
+.formTable-page .vxe-table .span-remark-icon {
+  color: #337ab7;
+  margin-left: 6px;
+}

package/es/packages/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { SFCWithInstall } from '../../../es/src/types';
+declare const Grid: SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+export default Grid;

package/es/packages/grid/index.js

@@ -0,0 +1,14 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import { loadVxeTable } from '../../src/utils/loadVxe';
+import { expandXEUtils } from '../../src/utils/utilExpand';
+import script from './src/Grid.js';
+
+const Grid = script;
+Grid.install = function(app) {
+  safeComponentRegister(app, Grid, COMPONENT_NAMESPACE + "Grid");
+  loadVxeTable(app);
+  expandXEUtils();
+};
+
+export { Grid as default };

package/es/packages/grid/src/Grid.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/es/packages/grid/src/Grid.js

@@ -0,0 +1,28 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, isVNode } from 'vue';
+import { useMethods } from './hooks.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var script = defineComponent({
+  name: "Grid",
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const renderVN = () => createVNode(resolveComponent("vxe-grid"), mergeProps({
+      "ref": "xGrid"
+    }, attrs), _isSlot(slots) ? slots : {
+      default: () => [slots]
+    });
+    return {
+      ...useMethods(),
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/grid/src/hooks.d.ts

@@ -0,0 +1 @@
+export declare const useMethods: () => any;

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

@@ -0,0 +1,165 @@
+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.css

@@ -0,0 +1,10 @@
+.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;
+}