@lemon-fe/components 0.1.154 → 1.1.0-alpha.0

package/es/data-grid/index.less

@@ -0,0 +1,659 @@
+@import '~@ag-grid-community/styles/ag-grid.css';
+
+@font-face {
+  font-weight: normal;
+  font-family: 'agGridAlpine';
+  font-style: normal;
+  src: url(data:font/woff2;charset=utf-8;base64,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);
+}
+
+.@{prefixCls}-grid {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+
+  &-empty-overlay {
+    color: fade(#333333, 50);
+    font-size: 14px;
+  }
+
+  &-cell-flex {
+    .ag-cell {
+      display: flex;
+      align-items: center;
+    }
+
+    .ag-ltr .ag-right-aligned-cell {
+      justify-content: flex-end;
+    }
+
+    .ag-rtl .ag-right-aligned-cell {
+      flex-direction: row-reverse;
+    }
+  }
+
+  &-column-sorter {
+    display: inline-flex;
+    flex-direction: column;
+    margin: 0 2px;
+    color: fade(#333, 50);
+
+    &-down {
+      margin-top: 2px;
+    }
+
+    &-up.active,
+    &-down.active {
+      color: ~'var(--@{ant-prefix}-primary-color)';
+    }
+  }
+
+  &-column-panel {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid var(--ag-border-color);
+
+    &-header {
+      box-sizing: content-box;
+      height: 32px;
+      padding: 0 8px;
+      border-bottom: 1px solid var(--ag-border-color);
+    }
+
+    &-tools {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 100%;
+    }
+
+    &-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 20px;
+      height: 20px;
+      color: fade(#333333, 60);
+      cursor: pointer;
+
+      &:hover {
+        color: ~'var(--@{ant-prefix}-primary-color)';
+      }
+    }
+
+    &-icon + &-icon {
+      margin-left: 4px;
+    }
+
+    &-search {
+      display: flex;
+      align-items: center;
+      height: 100%;
+
+      input {
+        display: block;
+        flex: 1;
+        min-width: 0;
+        height: 100%;
+        padding: 0;
+        background-color: transparent;
+        border: none;
+        outline: none;
+      }
+
+      .anticon {
+        color: rgba(0, 0, 0, 0.25);
+        transition: color 0.2s;
+
+        &:hover {
+          color: rgba(0, 0, 0, 0.45);
+        }
+      }
+    }
+
+    &-body {
+      flex: 1;
+      min-height: 0;
+      padding: 4px 0;
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+
+    &-item {
+      display: flex;
+      align-items: center;
+      height: 24px;
+      margin-top: 1px;
+      padding: 0 8px;
+
+      &:hover {
+        background: #f2f3f5;
+      }
+
+      &-title {
+        flex: 1;
+        margin-left: 8px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+
+      &-drag {
+        margin-left: 8px;
+        color: #b4b4b6;
+        font-size: 16px;
+        cursor: grab;
+      }
+
+      &-active-top {
+        box-shadow: 0 -1px 0 ~'var(--@{ant-prefix}-primary-color)';
+      }
+
+      &-active-bottom {
+        box-shadow: 0 1px 0 ~'var(--@{ant-prefix}-primary-color)';
+      }
+
+      &-operator {
+        width: 16px;
+        height: 16px;
+        border-radius: 2px;
+        cursor: pointer;
+        opacity: 0;
+
+        &:hover {
+          background: #dcdfe5;
+        }
+      }
+
+      &:hover &-operator {
+        opacity: 1;
+      }
+    }
+
+    &-drag-overlay {
+      display: inline-flex;
+      align-items: center;
+      padding: 0 8px;
+      line-height: 28px;
+      white-space: nowrap;
+      background: var(--ag-header-background-color);
+      cursor: move;
+    }
+
+    &-footer {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-sizing: content-box;
+      height: 32px;
+      border-top: 1px solid var(--ag-border-color);
+    }
+
+    &-modal {
+      &-content {
+        display: flex;
+      }
+
+      &-left {
+        width: 360px;
+        padding-right: @padding-md;
+      }
+
+      &-left &-title {
+        margin-bottom: @padding-md;
+        font-weight: 500;
+        font-size: 16px;
+      }
+
+      &-gutter {
+        width: 1px;
+        margin-top: -12px;
+        margin-bottom: 0px;
+        background: #eaeaea;
+      }
+
+      &-right {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        min-width: 0;
+        padding-left: @padding-md;
+      }
+
+      &-right &-title {
+        margin-bottom: @padding-sm;
+      }
+
+      &-fields {
+        min-height: 0px;
+        max-height: 300px;
+        overflow-x: hidden;
+        overflow-y: auto;
+      }
+
+      &-field {
+        position: relative;
+        box-sizing: border-box;
+        height: 32px;
+        margin-bottom: 8px;
+        padding: 0 12px;
+        overflow: hidden;
+        color: fade(#333, 80);
+        line-height: 32px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        background-color: #f2f3f5;
+
+        &-add {
+          position: absolute;
+          top: 10px;
+          right: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 12px;
+          height: 12px;
+          color: #fff;
+          font-size: 8px;
+          background: #bfc4ce;
+          border-radius: 50%;
+          cursor: pointer;
+          opacity: 0;
+
+          &:hover {
+            background: ~'var(--@{ant-prefix}-primary-color)';
+          }
+        }
+
+        &:hover &-add {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &-center-aligned-header .ag-header-cell-label {
+    justify-content: center;
+  }
+
+  &-center-aligned-cell {
+    justify-content: center;
+    text-align: center;
+  }
+
+  &-cell-selection .ag-checkbox-input-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: auto;
+    height: auto;
+    background-color: transparent;
+
+    &::after {
+      top: 50%;
+      left: 50%;
+      background-color: #fff;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  &-editable-cell {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  &-bottom {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: @space-v;
+    background-color: var(--ag-background-color);
+
+    & > .@{ant-prefix}-pagination {
+      margin-left: auto;
+    }
+  }
+
+  &-selected {
+    color: #333;
+
+    a {
+      margin-left: @space-h;
+    }
+  }
+
+  &-group-rows {
+    .ag-row-level-1 {
+      background-color: fade(#f2f3f5, 40);
+    }
+
+    .ag-row-level-2 {
+      background-color: fade(#f2f3f5, 60);
+    }
+
+    .ag-row-level-3 {
+      background-color: fade(#f2f3f5, 80);
+    }
+
+    .ag-row-level-4 {
+      background-color: fade(#f2f3f5, 90);
+    }
+  }
+
+  &-operator {
+    &-cell {
+      display: flex;
+      align-items: center;
+      padding-right: 0;
+      padding-left: 0;
+      outline: none;
+
+      &::after {
+        display: none !important;
+      }
+    }
+
+    &-item {
+      padding: 0 8px;
+      color: @primary-color;
+      line-height: 28px;
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+
+      &:active {
+        color: .primary(0.8) [];
+      }
+
+      &-disabled {
+        color: rgba(51, 51, 51, 0.5) !important;
+        cursor: not-allowed;
+      }
+    }
+
+    &-popover {
+      .popover();
+
+      &-item {
+        text-align: left;
+        border: none;
+        outline: none;
+        .popoverItem();
+
+        &-disabled {
+          color: rgba(51, 51, 51, 0.5);
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+
+  &-editor {
+    position: relative;
+    width: 100%;
+    height: calc(var(--ag-row-height) - 7px);
+    padding: 0 7px;
+    overflow: hidden;
+    line-height: calc(var(--ag-row-height) - 7px);
+    background-color: transparent;
+    border-radius: 4px;
+
+    &-cell {
+      padding: 2px 0;
+    }
+
+    .ag-row-focus &,
+    .ag-row-hover & {
+      background-color: #fff;
+      box-shadow: 0 0 0 2px var(--ag-border-color) inset;
+    }
+
+    .ag-cell-inline-editing & {
+      padding: 0;
+      box-shadow: 0 0 0 2px ~'var(--@{ant-prefix}-primary-5)' inset;
+    }
+
+    &-text {
+      display: block;
+      width: 100%;
+      height: 100%;
+      padding: 0 4px;
+      background-color: transparent;
+      border: none;
+      outline: none;
+
+      &:disabled {
+        color: rgba(0, 0, 0, 0.25);
+        cursor: not-allowed;
+      }
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        margin: 0;
+        -webkit-appearance: none;
+      }
+
+      & {
+        -moz-appearance: textfield; /* Firefox */
+      }
+    }
+
+    &-date {
+      height: 100%;
+    }
+
+    &-select.ant-select {
+      width: 100%;
+
+      .ant-select-selector {
+        align-items: center;
+        height: 100%;
+        border: none;
+      }
+    }
+
+    /** 为了能在editor中方便使用select **/
+    & > .@{ant-prefix}-select-borderless .@{ant-prefix}-select-selector {
+      height: calc(var(--ag-row-height) - 7px);
+      border: none;
+    }
+  }
+
+  .ag-cell:not(.ag-cell-wrap-text) &-editor {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-cell-error {
+    position: absolute;
+    top: -6px;
+    left: -6px;
+    z-index: 10;
+    border: 6px solid transparent;
+    border-top-color: ~'var(--@{ant-prefix}-error-color-active)';
+    transform: rotate(135deg);
+  }
+
+  &-cell-detail {
+    height: 100%;
+    padding: 10px;
+
+    &-auto-height {
+      height: auto;
+    }
+  }
+
+  &-spin {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(255, 255, 255, 0.6);
+  }
+}
+
+.ag-theme-@{prefixCls} {
+  --ag-grid-size: 5px;
+  --ag-row-height: 33px;
+  --ag-font-size: 14px;
+  --ag-icon-size: 16px;
+  --ag-background-color: #fff;
+  --ag-foreground-color: #333;
+  --ag-border-color: #eaeaea;
+  --ag-row-hover-color: #eee;
+  --ag-header-background-color: #f2f3f5;
+  --ag-header-cell-moving-background-color: rgba(0, 0, 0, 0.06);
+  --ag-header-foreground-color: fade(#333, 80);
+  --ag-chip-background-color: #eee;
+  --ag-control-panel-background-color: #fafbfd;
+  --ag-header-column-resize-handle-display: block;
+  --ag-header-column-resize-handle-width: 1px;
+  --ag-header-column-resize-handle-height: 12px;
+  --ag-header-column-resize-handle-color: #d9d9d9;
+  --ag-cell-horizontal-padding: 8px;
+  --ag-icon-font-family: 'agGridAlpine';
+  --ag-selected-row-background-color: ~'var(--@{ant-prefix}-primary-1)';
+  --ag-selected-tab-underline-width: 2px;
+  --ag-range-selection-border-color: ~'var(--@{ant-prefix}-primary-5)';
+  --ag-range-selection-highlight-color: ~'var(--@{ant-prefix}-primary-1)';
+  --ag-checkbox-unchecked-color: #ccc;
+  --ag-checkbox-background-color: var(--ag-background-color);
+  --ag-checkbox-checked-color: ~'var(--@{ant-prefix}-primary-color)';
+  --ag-input-border-color: transparent;
+  --ag-input-focus-border-color: transparent;
+  --ag-side-bar-panel-width: 250px;
+
+  .ag-header {
+    border-bottom: none;
+  }
+
+  .ag-root-wrapper {
+    border: none;
+  }
+
+  &.ag-dnd-ghost {
+    background: #eee;
+  }
+
+  .ag-cell,
+  .ag-full-width-row .ag-cell-wrapper.ag-row-group,
+  .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
+    --ag-internal-calculated-line-height: var(
+      --ag-line-height,
+      calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px)
+    );
+    --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
+  }
+
+  .ag-cell-inline-editing {
+    background-color: transparent;
+  }
+
+  .ag-ltr
+    .ag-context-menu-open
+    .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing),
+  .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing):focus-within,
+  .ag-rll .ag-cell-focus:not(.ag-cell-range-selected):not(.ag-cell-inline-editing):focus-within {
+    border-color: transparent;
+
+    &::after {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: block;
+      border: 2px solid ~'var(--@{ant-prefix}-primary-5)';
+      border-radius: 4px;
+      content: '';
+      pointer-events: none;
+    }
+  }
+
+  .ag-menu {
+    border: none;
+    border-radius: 6px;
+    box-shadow: 0 12px 48px 16px rgba(0, 0, 0, 0.03), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
+      0 6px 16px -8px rgba(0, 0, 0, 0.08);
+  }
+
+  .ag-cell-label-container {
+    font-weight: 500;
+  }
+
+  .ag-header-cell-menu-button {
+    cursor: pointer;
+  }
+
+  .ag-tab {
+    flex: 1;
+    padding: 8px;
+  }
+
+  .ag-tab-selected {
+    color: ~'var(--@{ant-prefix}-primary-color)';
+  }
+
+  .ag-tabs-header {
+    border-bottom: var(--ag-borders) var(--ag-border-color);
+  }
+
+  .ag-rtl .ag-side-bar-left .ag-side-button-button,
+  .ag-ltr .ag-side-bar-right .ag-side-button-button {
+    border-right: var(--ag-selected-tab-underline-width) solid transparent;
+  }
+
+  button.ag-side-button-button {
+    min-height: calc(var(--ag-grid-size) * 12);
+    border-top: none;
+  }
+
+  .ag-side-buttons {
+    padding-top: 0;
+    background-color: var(--ag-control-panel-background-color);
+  }
+
+  .ag-column-drop-vertical {
+    min-height: 75px;
+  }
+
+  .ag-column-drop-vertical-title-bar {
+    padding: calc(var(--ag-grid-size) * 2);
+    padding-bottom: 0;
+  }
+
+  .ag-column-drop-vertical-empty-message {
+    display: flex;
+    align-items: center;
+    margin: calc(var(--ag-grid-size) * 2);
+    padding: calc(var(--ag-grid-size) * 2);
+    border: dashed 1px;
+    border-color: var(--ag-border-color);
+  }
+
+  .ag-column-drop-empty-message {
+    color: var(--ag-foreground-color);
+    opacity: 0.75;
+  }
+
+  .ag-row-selected::before {
+    z-index: -1;
+  }
+
+  .ag-tool-panel-wrapper .ag-react-container {
+    width: 100%;
+  }
+}

package/es/data-grid/modules/clipboard/clipboard/clipboardService.d.ts

@@ -0,0 +1,62 @@
+import { BeanStub, CellPositionUtils, IClipboardCopyParams, IClipboardCopyRowsParams, IClipboardService, RowPositionUtils, CtrlsService } from "@ag-grid-community/core";
+export declare class ClipboardService extends BeanStub implements IClipboardService {
+    private csvCreator;
+    private loggerFactory;
+    private selectionService;
+    private rangeService;
+    private rowModel;
+    ctrlsService: CtrlsService;
+    private valueService;
+    private focusService;
+    private rowRenderer;
+    private columnModel;
+    private cellNavigationService;
+    cellPositionUtils: CellPositionUtils;
+    rowPositionUtils: RowPositionUtils;
+    private clientSideRowModel;
+    private logger;
+    private gridCtrl;
+    private lastPasteOperationTime;
+    private navigatorApiFailed;
+    private init;
+    pasteFromClipboard(): void;
+    private pasteFromClipboardLegacy;
+    private refocusLastFocusedCell;
+    private getClipboardDelimiter;
+    private processClipboardData;
+    static stringToArray(strData: string, delimiter?: string): string[][];
+    private doPasteOperation;
+    private pasteIntoActiveRange;
+    private pasteStartingFromFocusedCell;
+    private isPasteSingleValueIntoRange;
+    private pasteSingleValueIntoRange;
+    private hasOnlyOneValueToPaste;
+    copyRangeDown(): void;
+    private removeLastLineIfBlank;
+    private fireRowChanged;
+    private pasteMultipleValues;
+    private updateCellValue;
+    copyToClipboard(params?: IClipboardCopyParams): void;
+    cutToClipboard(params?: IClipboardCopyParams): void;
+    private copyOrCutToClipboard;
+    private clearCellsAfterCopy;
+    private clearSelectedRows;
+    private clearCellValue;
+    private shouldSkipSingleCellRange;
+    private iterateActiveRanges;
+    private iterateActiveRange;
+    copySelectedRangeToClipboard(params?: IClipboardCopyParams): void;
+    private buildDataFromMergedRanges;
+    private buildDataFromRanges;
+    private getRangeRowPositionsAndCellsToFlash;
+    private copyFocusedCellToClipboard;
+    copySelectedRowsToClipboard(params?: IClipboardCopyRowsParams): void;
+    private buildExportParams;
+    private processRowGroupCallback;
+    private dispatchFlashCells;
+    private processCell;
+    private copyDataToClipboard;
+    private copyDataToClipboardLegacy;
+    private executeOnTempElement;
+    private getRangeSize;
+}