bbj-screen-widget 2.4.62 → 2.4.63

package/src/lib/cross-table/cross-table.component.ts

@@ -1,257 +0,0 @@
-import { Component, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { CustomExport, Data, DataSchema, Property, Widget } from 'bbj-widget-base';
-import { SFArrayWidgetSchema, SFSchema, SFStringWidgetSchema, SFUISchema } from '@delon/form';
-
-@Component({
-  selector: 'sc-cross-table',
-  templateUrl: './cross-table.component.html',
-  styleUrls: ['./cross-table.component.less'],
-})
-@Widget('交叉表格', { group: 'table', icon: 'icontubiao', image: '/assets/img/screen/cross-table.png' })
-export class CrossTableComponent implements OnInit, OnChanges, CustomExport {
-  @Property('条数/页', { ui: { widget: 'myRange', min: 1, max: 100, step: 1 } })
-  pageSize = 10;
-  @Property('表头背景', {
-    ui: {
-      widget: 'myColor',
-      example: ['#D0021B', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', '#333333'],
-    },
-  })
-  theadBackground = '#fafafa';
-  @Property('表头字体', { ui: { widget: 'myFont' } })
-  headFont: any = { family: '', color: '#222222', weight: 'normal', size: 12, space: 0, lineHeight: 2 };
-  @Property('内容对齐', {
-    type: 'string',
-    ui: {
-      widget: 'select',
-    },
-    enum: [
-      { label: '左对齐', value: 'left' },
-      { label: '右对齐', value: 'right' },
-      { label: '居中', value: 'center' },
-    ],
-  })
-  contentAlign = 'center';
-  @Property('表格背景', {
-    ui: {
-      widget: 'myColor',
-      example: ['#D0021B', '#F5A623', '#F8E71C', '#50E3C2', '#3285FF', '#B45FFF', '#9B9B9B', '#333333'],
-    },
-  })
-  tbodyBackground = '#fafafa';
-  @Property('显示边框', {
-    type: 'boolean',
-    ui: {
-      checkedChildren: '开',
-      unCheckedChildren: '关',
-    },
-  })
-  showBorder = false;
-  @Property('字体', { ui: { widget: 'myFont' } })
-  font: any = { family: '', color: '#222222', weight: 'normal', size: 12, space: 0, lineHeight: 2 };
-  // @Property('字段交叉', {
-  //   type: 'array',
-  //   maxItems: 1,
-  //   items: {
-  //     type: 'object',
-  //     properties: {
-  //       key: {
-  //         type: 'string',
-  //         title: '绑定字段',
-  //       },
-  //       value: {
-  //         type: 'string',
-  //         title: '绑定值',
-  //       }
-  //     },
-  //     required: ['key', 'value'],
-  //   },
-  //   ui: {grid: {arraySpan: 24}, spanControl: 24} as SFArrayWidgetSchema,
-  // })
-  // cross = [{key: 'x', value: 'y', mergeField: 's'}];
-  @Property('交叉字段', {
-    cross: {
-      type: 'string',
-      ui: {} as SFStringWidgetSchema,
-    },
-    required: [''],
-  })
-  cross = 'x';
-  @Property('显示分页', {
-    type: 'boolean',
-    ui: {
-      checkedChildren: '开',
-      unCheckedChildren: '关',
-    },
-  })
-  needPage = false;
-  @Property('绑定值', {
-    crossVal: {
-      type: 'string',
-      ui: {} as SFStringWidgetSchema,
-    },
-    required: [''],
-  })
-  crossVal = 'y';
-  @Data({})
-  _data: any[] = [
-    { x: '一月', y: 10, s: '收入' },
-    { x: '二月', y: 20, s: '收入' },
-    { x: '三月', y: 25, s: '收入' },
-    { x: '四月', y: 35, s: '收入' },
-    { x: '五月', y: 27, s: '收入' },
-    { x: '六月', y: 28, s: '收入' },
-    { x: '一月', y: 18, s: '支出' },
-    { x: '二月', y: 28, s: '支出' },
-    { x: '三月', y: 32, s: '支出' },
-    { x: '四月', y: 48, s: '支出' },
-    { x: '五月', y: 20, s: '支出' },
-    { x: '六月', y: 17, s: '支出' },
-  ];
-  @DataSchema('_data')
-  schema: SFSchema;
-  widthConfig = [];
-  rows: any = [];
-  heads: any = [];
-  ths: any[] = [];
-  headStyle: any;
-  bodyStyle: any;
-
-  groups: any = {};
-  data: any[][] = [];
-
-  constructor() {}
-
-  ngOnInit(): void {
-    this.headStyle = {
-      family: this.headFont.family,
-      color: this.headFont.color,
-      weight: this.headFont.weight,
-      fontSize: this.headFont.size + 'px',
-      space: this.headFont.space,
-      lineHeight: this.headFont.lineHeight,
-      background: this.theadBackground,
-    };
-    this.bodyStyle = {
-      family: this.font.family,
-      color: this.font.color,
-      weight: this.font.weight,
-      fontSize: this.font.size + 'px',
-      space: this.font.space,
-      lineHeight: this.font.lineHeight,
-      background: this.tbodyBackground,
-    };
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes._data || changes.schema) {
-      this.data = [];
-      this.groups = {};
-      this.heads = [];
-      this.ths = [];
-      this.widthConfig = [];
-      if (this.schema?.properties) {
-        Object.keys(this.schema.properties).forEach((key) => {
-          const property = this.schema.properties[key];
-          if (this.cross !== key && this.crossVal !== key && !(property.ui as SFUISchema)?.hidden) {
-            this.heads.push(key);
-            this.ths.push(property.title);
-            this.widthConfig.push(100 + 'px');
-          }
-        });
-      } else {
-        /**
-         *  取数据源的key 不包含交叉字段
-         */
-        if (this._data[0] == null) {
-          return;
-        }
-        Object.keys(this._data[0]).forEach((key) => {
-          if (this.cross !== key && this.crossVal !== key && !this.heads.includes(key)) {
-            this.heads.push(key);
-            this.ths.push(key);
-            this.widthConfig.push(100 + 'px');
-          }
-        });
-      }
-
-      /**
-       *  循环数据源 根据字段名 取出表格前半段值 并进行分组 groups 为 map
-       */
-      this._data.forEach((data) => {
-        const group: any = [];
-        this.heads.forEach((head) => {
-          group.push(data[head]);
-        });
-        if (this.groups[group] == null) {
-          this.groups[group] = [];
-        }
-        if (!this.ths.includes(data[this.cross])) {
-          this.ths.push(data[this.cross]);
-          this.widthConfig.push(100 + 'px');
-        }
-        this.groups[group].push({ title: data[this.cross], value: data[this.crossVal] });
-      });
-      this.assemble();
-    }
-  }
-
-  assemble() {
-    if (this.groups === null || this.groups === 'undefined') {
-      return;
-    }
-    this.rows = [];
-    Object.keys(this.groups).forEach((group) => {
-      let row = [];
-      const arr = group.split(',');
-      for (let i = 0; i < arr.length; i++) {
-        row.push({ title: this.ths[i], value: arr[i] });
-      }
-      let totalval = 0;
-      this.groups[group].forEach((t: any) => {
-        row.push(t);
-        totalval = totalval + t.value;
-      });
-      if (row.length > 0 && row.length < this.ths.length) {
-        const nrow = [];
-        for (const head of this.ths) {
-          let val = '';
-          row.forEach((td) => {
-            if (td.title === head) {
-              val = td.value;
-            }
-          });
-          nrow.push({ title: head, value: val });
-        }
-        row = nrow;
-      }
-      row.push({ title: '合计', value: Number(totalval).toFixed(2) });
-      this.rows.push(row);
-    });
-    this.data = this.rows;
-
-    this.ths.push('合计');
-    this.widthConfig.push(100 + 'px');
-  }
-  exportWord() {
-    let html = `<table>
-  <thead>
-    <tr>
-      ${this.ths.map((head) => `<th>${head}</th>`).join('')}
-    </tr>
-  </thead>
-  <tbody>
-  ${this.data
-    .map(
-      (row) =>
-        `<tr>
-    ${row.map((td) => `<td>${td.value}</td>`).join('')}
-  </tr>`,
-    )
-    .join('')}
-  </tbody>
-</table><br/>`;
-    console.log(html);
-    return html;
-  }
-}

package/src/lib/cross-table/cross-table.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CrossTableComponent } from './cross-table.component';
-import {WidgetBaseModule, WidgetService} from 'bbj-widget-base';
-import {NzTableModule} from 'ng-zorro-antd/table';
-
-
-
-
-@NgModule({
-  declarations: [CrossTableComponent],
-  imports: [CommonModule, WidgetBaseModule, NzTableModule],
-})
-export class CrossTableModule {
-  constructor(widgetService: WidgetService) {
-    widgetService.register(CrossTableComponent);
-  }
-}

package/src/lib/custom-baidu-map/baidu-marker-layer/baidu-marker-layer.component.html

@@ -1,32 +0,0 @@
-<nz-dropdown-menu #menu="nzDropdownMenu">
-  <ng-template #li let-item>
-    <li nz-menu-item (click)="makerClick.emit(item.properties.raw)">
-      <div class="menu-item-img">
-        <img [src]="item.properties.icon" />
-      </div>
-      {{ item.properties.raw.address }}
-    </li>
-  </ng-template>
-  <ul *ngIf="subMarkers" nz-menu style="max-height: 300px; overflow: auto">
-    <ng-container *ngIf="subMarkers.length <= 50">
-      <ng-template
-        *ngFor="let marker of subMarkers"
-        [ngTemplateOutlet]="li"
-        [ngTemplateOutletContext]="{ $implicit: marker }"
-      ></ng-template>
-    </ng-container>
-    <cdk-virtual-scroll-viewport
-      *ngIf="subMarkers.length > 50"
-      [itemSize]="32"
-      [minBufferPx]="500"
-      [maxBufferPx]="1000"
-      style="height: 292px; width: 200px"
-    >
-      <ng-template
-        *cdkVirtualFor="let marker of subMarkers"
-        [ngTemplateOutlet]="li"
-        [ngTemplateOutletContext]="{ $implicit: marker }"
-      ></ng-template>
-    </cdk-virtual-scroll-viewport>
-  </ul>
-</nz-dropdown-menu>

package/src/lib/custom-baidu-map/baidu-marker-layer/baidu-marker-layer.component.less

@@ -1,11 +0,0 @@
-.menu-item-img {
-  width: 14px;
-  height: 14px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  img {
-    max-height: 100%;
-    max-width: 100%;
-  }
-}

package/src/lib/custom-baidu-map/baidu-marker-layer/baidu-marker-layer.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { BaiduMarkerLayerComponent } from './baidu-marker-layer.component';
-
-describe('BaiduMarkerLayerComponent', () => {
-  let component: BaiduMarkerLayerComponent;
-  let fixture: ComponentFixture<BaiduMarkerLayerComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BaiduMarkerLayerComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BaiduMarkerLayerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});