raise-common-lib 0.0.1 → 0.0.4

package/src/lib/common-grid/index.component.scss

@@ -1,230 +0,0 @@
-.e-grid.e-gridhover
-  tr[role="row"]:hover
-  .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(
-    .e-updatedtd
-  ):not(.e-indentcell) {
-  background: rgba(31, 123, 255, 0.04) !important;
-}
-.e-summaryrow {
-  .e-summarycell {
-    &:nth-child(2) {
-      padding-left: 0 !important;
-    }
-  }
-}
-.e-footerpadding {
-  padding-right: 0 !important;
-  .e-summaryrow {
-    margin-right: 5px !important;
-    .e-indentcell {
-      background-color: unset !important;
-    }
-  }
-}
-kt-common-grid {
-  display: flex;
-  flex: 1;
-  height: 100%;
-  .e-grid {
-    height: 100%;
-    .e-headercontent {
-      margin-right: 0px !important;
-    }
-  }
-}
-.e-grid td.e-active {
-  // SMP2-17564 不能带透明度，否则滚动时重叠左侧表头区域会颜色叠加
-  // background: rgba(31, 123, 255, 0.08) !important;
-  background: #edf5ff !important;
-}
-
-.grid-tools {
-  height: 32px;
-  min-height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 7px;
-  .right-opt-group {
-    display: flex;
-    align-items: center;
-    margin-right: 6px;
-  }
-  .tools-button {
-    border: none;
-    font-family: Arial;
-    font-size: 12px;
-    color: #43566c;
-    background: none;
-    display: flex;
-    align-items: center;
-    padding: 0;
-    margin-right: 16px;
-    &.disabled-button {
-      pointer-events: none;
-      opacity: 0.5;
-    }
-    img {
-      margin-right: 4px;
-      height: 16px !important;
-      width: 16px !important;
-    }
-    .tools-font {
-      transform: translateY(1px);
-      display: inline-block;
-    }
-  }
-  .select-num {
-    font-size: 12px;
-    color: #43566c;
-    margin-right: 24px;
-    white-space: nowrap;
-  }
-}
-
-.e-rowcell {
-  padding: 0 8px 0 12px;
-  &.e-gridchkbox {
-    padding: 0 0 0 8px !important;
-  }
-}
-.e-headercell {
-  padding: 0;
-  &:first-child {
-    &.e-defaultcursor {
-      & + .e-headercell {
-        .e-headercelldiv {
-          padding-left: 0;
-        }
-      }
-    }
-  }
-
-  .e-headercelldiv {
-    margin: 0;
-    padding: 0 20px 0 12px;
-  }
-  .e-headerchkcelldiv {
-    padding: 0 0 0 8px !important;
-  }
-  .e-columnmenu {
-    position: absolute;
-    right: 0;
-    float: unset;
-    margin: 0;
-    padding: 0;
-    top: 8px;
-  }
-  .e-sortfilterdiv {
-    padding-top: 11px;
-  }
-  &.e-rightalign {
-    .e-sortfilterdiv {
-      padding-left: 5px;
-    }
-  }
-}
-.e-detailheadercell {
-  height: 28px !important;
-}
-
-.e-grid {
-  font-family: Arial !important;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  border: none;
-  overflow: hidden;
-  .e-gridcontent {
-    flex: 1;
-  }
-  .e-content {
-    overflow: scroll !important;
-    &::-webkit-scrollbar {
-      // 滚动条样式
-      width: 5px;
-      height: 5px;
-      background: #ffffff;
-      position: static;
-      z-index: 999;
-      border-radius: 10px;
-    }
-    &::-webkit-scrollbar-thumb {
-      // 滚动条滑块颜色
-      background: #eaedf0;
-      border-radius: 10px;
-    }
-  }
-  .e-gridheader {
-    margin-right: 5px !important;
-    padding-right: 0 !important;
-  }
-  .e-gridcontent,
-  .e-content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-  .e-gridheader {
-    height: 30px !important;
-  }
-
-  .e-columnheader,
-  .e-headercell,
-  .e-rhandler {
-    height: 28px !important;
-  }
-  .e-headertext {
-    font-size: 10px !important;
-  }
-  .e-headercell .e-columnmenu {
-    color: #929dab;
-  }
-  .e-row {
-    height: 26px !important;
-    line-height: 26px !important;
-  }
-
-  .e-rowcell {
-    font-size: 11px !important;
-    color: #43566c !important;
-    padding-top: 0;
-    padding-bottom: 0;
-    padding-right: 7px;
-    .mat-icon-button {
-      height: 26px;
-      width: 26px;
-      line-height: 26px;
-    }
-    &:empty {
-      height: 26px !important;
-    }
-    &.e-gridchkbox {
-      & + .e-rowcell {
-        padding-left: 0 !important;
-      }
-    }
-  }
-  .e-gridpager {
-    border: none;
-    .e-gridcontent {
-      transform: unset;
-    }
-  }
-  .e-summaryrow {
-    height: 24px !important;
-    .e-indentcell,
-    .e-summarycell {
-      background-color: #fff;
-      border: none;
-      font-family: Arial;
-      font-size: 11px !important;
-      font-weight: bold;
-      color: #43566c;
-      padding: 0 12px;
-    }
-  }
-  .e-row:last-child .e-rowcell {
-    border-bottom: 1px solid #dee2e6;
-  }
-}

package/src/lib/common-grid/index.component.ts

@@ -1,420 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-  TemplateRef,
-  OnChanges,
-  ViewChild,
-  SimpleChanges,
-  ChangeDetectorRef,
-} from '@angular/core';
-import { GridComponent } from '@syncfusion/ej2-angular-grids';
-
-import { BeforeOpenCloseEventArgs } from '@syncfusion/ej2-angular-inputs';
-import { IActionMenuItem, IColumnField } from '../constant';
-
-@Component({
-  selector: 'kt-common-grid',
-  templateUrl: './index.component.html',
-  styleUrls: ['./index.component.scss'],
-})
-export class CommonGridComponent implements OnInit, OnChanges {
-  @ViewChild('grid', { static: false })
-  public grid: GridComponent;
-  @Input() showCheckBox = true;
-  @Input() loaded = true;
-  @Input() hiddenLoaded = false;
-  @Input() authorized = true; // Dataset是否授权，未授权则显示权限错误提示
-  // only use for local data pagination
-  @Input() selectedDiffKey = '';
-  @Input() gridHeight = '';
-  // 这玩意必填，不然filter columnChooser都会报错
-  @Input() gridId = 'grid';
-  @Input() resizeSettings = { mode: 'Auto' };
-  @Input() filterSettings = { type: 'Menu' };
-  @Input() template: any;
-  @Input() fields: IColumnField[] = [];
-  @Input() dataSource = [];
-  @Input() editSettings;
-  @Input() columnTemplate: TemplateRef<any>;
-  @Input() pageSettings;
-  @Input() allowPaging = true;
-  @Input() clipMode = 'EllipsisWithTooltip';
-  @Input() checkBoxWidth = 32; // col 数量过少的时候，check宽度会拉伸，这时候设置null
-  @Input() childGrid;
-
-  /**
-	 * Sample: [
-			{
-				text: "Preview",
-				target: ".e-content",
-				id: "preview-icon",
-				iconCss: "preview",
-			},
-			{
-				text: "Download",
-				target: ".e-content",
-				id: "download-icon",
-				iconCss: "download",
-			}
-		]
-		用于定义row中 点击事件
-	 */
-  @Input() contextMenuItems: IActionMenuItem[] = [];
-  // @Input() selectionSettings = { checkboxOnly: true, type: "Multiple" };
-  @Input() selectionSettings = {
-    type: 'Multiple',
-    // persistSelection: true,
-    checkboxOnly: true,
-  };
-  @Input() alwaysShowCheckbox: boolean = false;
-  @Input() defaultRecord: any;
-  @Input() disableSystemRow: boolean = false; // 禁用IsSytem = true的整行
-
-  @Output() recordDoubleClick = new EventEmitter();
-  @Output() actionComplete = new EventEmitter();
-  @Output() rowSelected = new EventEmitter();
-  @Output() rowDeselected = new EventEmitter();
-  @Output() onContextMenu = new EventEmitter();
-  @Output() actionHandler = new EventEmitter();
-  @Output() queryCellInfo = new EventEmitter();
-  @Output() recordClick = new EventEmitter();
-  @Output() actionBegin = new EventEmitter();
-  @Output() rowDataBound = new EventEmitter();
-  @Output() dataBound = new EventEmitter();
-  @Output() exportQueryCellInfo = new EventEmitter();
-  @Output() rowSelecting = new EventEmitter();
-
-  selectId = [];
-  startPaging = false;
-  indexList = [];
-  className = 'grid-loading';
-
-  public translation;
-
-  constructor(private ref: ChangeDetectorRef) {
-    this.translation = JSON.parse(localStorage.getItem('translation'));
-  }
-
-  ngOnInit(): void {
-    if (this.hiddenLoaded) this.className = '';
-    this.ref && this.ref.markForCheck();
-  }
-
-  trackByFn(index, item) {
-    return index; // or a unique identifier in your object
-  }
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes.dataSource && changes.dataSource.currentValue) {
-      if (
-        this.allowPaging &&
-        changes.dataSource.currentValue.length &&
-        !this.pageSettings
-      ) {
-        this.pageSettings =
-          changes.dataSource.currentValue.length > 9
-            ? {
-                pageSizes: ['All', '25', '50', '100'],
-                pageSize: 50,
-              }
-            : null;
-      }
-    }
-  }
-
-  _load() {
-    if (!this.authorized) {
-      (this.grid.localeObj as any).localeStrings.EmptyRecord =
-        this.translation.YOU_DO_NOT_HAVE_THE_DATASET_PERMISSION ||
-        "You don't have the dataset permission to view the record.";
-    }
-  }
-
-  _dataBound(args: any) {
-    // 整个组件加载完成时的回调函数
-    var pagerContainer = document.querySelector('.e-pagercontainer');
-    if (pagerContainer) {
-      var linkElements = pagerContainer.querySelectorAll('.e-link');
-      linkElements.forEach(function (element) {
-        element.removeAttribute('href'); // SMP2-10310 删除分页器的href属性
-      });
-    }
-    if (this.selectedDiffKey) {
-      setTimeout(() => {
-        this.chooseRecords();
-      });
-    }
-    this.dataBound.emit(args);
-  }
-
-  _exportQueryCellInfo(args) {
-    this.exportQueryCellInfo.emit(args);
-  }
-
-  _recordDoubleClick($event) {
-    this.recordDoubleClick.emit($event);
-  }
-  /**
-	 * [selectionSettings]="{ checkboxOnly: true }"
-	   [showCheckBox]="true"
-	   控件使用时，必须配置上面两个属性，否则，全选会失效
-	 */
-  _rowSelected($event) {
-    if (this.selectedDiffKey) {
-      if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
-        if ($event.data && $event.data.length) {
-          $event.data.forEach((item) => {
-            item.isSelected = true;
-            this.selectId.push(item);
-          });
-          this.dataSource.forEach((data) => {
-            $event.data.forEach((_data) => {
-              if (_data[this.selectedDiffKey] === data[this.selectedDiffKey]) {
-                data.isSelected = true;
-              }
-            });
-          });
-        }
-      } else {
-        $event.data.isSelected = true;
-        this.selectId.push($event.data);
-        this.dataSource.forEach((data) => {
-          if (
-            data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]
-          ) {
-            data.isSelected = true;
-          }
-        });
-      }
-      this.ref && this.ref.markForCheck();
-    }
-    this.rowSelected.emit($event);
-  }
-
-  _rowDeselected($event) {
-    if (this.selectedDiffKey) {
-      if (this.startPaging) {
-        return;
-      }
-      if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
-        $event.data.forEach((item) => {
-          item.isSelected = false;
-        });
-        this.selectId = [];
-        this.dataSource.forEach((data) => {
-          $event.data.forEach((_data) => {
-            if (_data[this.selectedDiffKey] === data[this.selectedDiffKey]) {
-              data.isSelected = false;
-            }
-          });
-        });
-      } else {
-        $event.data.isSelected = false;
-        this.selectId = this.selectId.filter(
-          (item) =>
-            item[this.selectedDiffKey] !== $event.data[this.selectedDiffKey]
-        );
-        this.dataSource.forEach((data) => {
-          if (
-            data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]
-          ) {
-            data.isSelected = false;
-          }
-        });
-      }
-      this.ref && this.ref.markForCheck();
-    }
-    this.rowDeselected.emit($event);
-  }
-
-  _onContextMenu(args) {
-    this.onContextMenu.emit(args);
-  }
-
-  _actionBegin(args) {
-    if (
-      this.selectedDiffKey &&
-      (args.requestType === 'paging' ||
-        args.requestType === 'searching' ||
-        args.requestType === 'filtering' ||
-        args.requestType === 'sorting')
-    ) {
-      this.startPaging = true;
-    }
-    this.actionBegin.emit(args);
-  }
-
-  search(keywords) {
-    this.grid.search(keywords);
-  }
-  selectRows(indexList: number[]) {
-    this.grid.selectRows(indexList);
-  }
-  selectRow(index) {
-    this.grid.selectRow(index);
-  }
-  getCurrentViewRecords() {
-    return this.grid.getCurrentViewRecords();
-  }
-
-  customiseCell($event) {
-    this.queryCellInfo.emit($event);
-  }
-
-  contextMenuOpen(args?: BeforeOpenCloseEventArgs): void {
-    const data = (args as BeforeOpenCloseEventArgs | any).rowInfo.rowData;
-    if (!data) {
-      args.cancel = true;
-      return;
-    }
-    let enableItems = [];
-    let hideItems = [];
-    this.grid.contextMenuModule.contextMenu.refresh(); // 每次点击按钮弹窗前需再次初始化状态 否则不更新；
-    this.contextMenuItems.forEach((item: IActionMenuItem) => {
-      // 用于处理部分按钮disabled的情况
-      if (
-        item.disabled ||
-        (data.disableItem && data.disableItem.includes(item.iconCss))
-      ) {
-        enableItems.push(item.text);
-        // this.grid.contextMenuModule.contextMenu.enableItems(
-        // 	[item.text],
-        // 	false
-        // );
-      }
-      // 用于处理部分按钮需要hide的情况
-      if (
-        item.isHide ||
-        (data.hideItem && data.hideItem.includes(item.iconCss))
-      ) {
-        hideItems.push(item.text);
-        // this.grid.contextMenuModule.contextMenu.hideItems(
-        // 	[item.text],
-        // 	false
-        // );
-      }
-    });
-    this.grid.contextMenuModule.contextMenu.enableItems(enableItems, false);
-    this.grid.contextMenuModule.contextMenu.hideItems(hideItems, false);
-  }
-
-  _actionHandler($event) {
-    if (
-      this.selectedDiffKey &&
-      ($event.requestType === 'paging' ||
-        $event.requestType === 'searching' ||
-        $event.requestType === 'filtering' ||
-        $event.requestType === 'sorting')
-    ) {
-      this.indexList = [];
-      setTimeout(() => {
-        this.chooseRecords();
-        this.startPaging = false;
-        this.ref && this.ref.detectChanges();
-        this.ref && this.ref.markForCheck();
-      });
-    }
-    this.actionHandler.emit($event);
-    this.actionComplete.emit($event);
-  }
-
-  private chooseRecords() {
-    this.indexList = [];
-    this.dataSource.forEach((data) => {
-      this.grid.getCurrentViewRecords().forEach((row: any, i) => {
-        if (
-          row &&
-          data[this.selectedDiffKey] === row[this.selectedDiffKey] &&
-          data.isSelected
-        ) {
-          this.indexList.push(i);
-        }
-      });
-    });
-
-    this.grid.selectRows(this.indexList);
-  }
-
-  _recordClick($event) {
-    this.recordClick.emit($event);
-  }
-  refresh() {
-    this.grid.refresh();
-  }
-  _rowSelecting(e) {
-    this.rowSelecting.emit(e);
-  }
-  refreshColumns() {
-    this.grid.refreshColumns();
-  }
-  refreshHeader() {
-    this.grid.refreshHeader();
-  }
-
-  export(excelExportProperties?) {
-    this.grid.excelExport(excelExportProperties);
-  }
-
-  getSelectedRecords() {
-    return this.grid.getSelectedRecords();
-  }
-
-  _rowDataBound($event) {
-    if (this.disableSystemRow && $event.data && $event.data.IsSystem) {
-      $event.row.classList.add('e-disabled');
-    }
-    this.rowDataBound.emit($event);
-  }
-
-  clearSelection() {
-    this.grid.clearSelection();
-  }
-
-  excelExport() {
-    this.grid.excelExport();
-  }
-
-  addItem() {
-    this.grid.addRecord({ ...this.defaultRecord, isNew: true }, 0);
-    setTimeout(() => {
-      this.grid.selectRow(0);
-      this.grid.startEdit();
-    }, 30);
-  }
-
-  saveItem() {
-    this.grid.endEdit();
-  }
-
-  editItem(index) {
-    setTimeout(() => {
-      this.grid.selectRow(Number(index));
-      this.grid.startEdit();
-    }, 30);
-  }
-
-  deleteItem(index) {
-    this.grid.selectRow(Number(index));
-    var selectedRecord = this.grid.getSelectedRecords()[0] as any;
-    this.grid.deleteRecord(selectedRecord as string);
-  }
-
-  cancelItem(index) {
-    this.grid.closeEdit();
-    this.deleteItem(index);
-  }
-
-  public showLoading() {
-    this.className = 'grid-loading';
-    this.ref && this.ref.markForCheck();
-    this.ref && this.ref.detectChanges();
-  }
-
-  public hideLoading() {
-    this.className = '';
-    this.ref && this.ref.markForCheck();
-    this.ref && this.ref.detectChanges();
-  }
-}

package/src/lib/constant/index.ts

@@ -1,59 +0,0 @@
-import { ContextMenuItemModel } from "@syncfusion/ej2-angular-grids";
-
-export interface IColumnField {
-	columnName: string;
-	columnDisplayName: string;
-	visible: boolean;
-	/**
-	 * sample: { class: 'hideColumnFilterClass' }
-	 * 可以考虑在部分情况下给column增加class等attribute
-	 */
-	customAttributes?: string;
-	// 不填默认是Left
-	textAlign?: "Left" | "Right" | "Center";
-	width?: number;
-	dataType?: string;
-	format?: string;
-	translationCode?: string;
-	showColumnMenu?: boolean;
-	showTemplate?: boolean;
-	allowFiltering?: boolean;
-	allowSorting?: boolean;
-	allowEditing?: boolean;
-	minWidth?: number | string;
-	editType?: string;
-	dropdownParams?: any;
-	dateComparer?: any;
-	sortComparer?: any;
-	clipMode?: string;
-	filter?: any;
-	colName?: string;
-	validationRules?: any;
-}
-
-export interface IActionMenuItem extends ContextMenuItemModel {
-	disabled?: boolean;
-	isHide?: boolean;
-}
-
-export enum ButtonColorType {
-	PRIMARY = "primary",
-	CANCEL = "cancel",
-}
-
-enum IconPosition {
-	FRONT = "front",
-	BEHIND = "behind",
-}
-
-export interface BaseButton {
-	label: string;
-	type?: ButtonColorType;
-	icon?: string;
-	iconPosition?: IconPosition;
-	callMethod?: string;
-	translationCode?: string;
-	value?: any;
-}
-
-export interface DrawerButton extends BaseButton {}