@ibiz-template/runtime 0.0.3-beta.5 → 0.0.4-beta.1

package/src/controller/control/md/md.ts

@@ -1,415 +0,0 @@
-/* eslint-disable max-classes-per-file */
-import { downloadFileFromBlob, RuntimeError } from '@ibiz-template/core';
-import {
-  DefectModelError,
-  MDModel,
-  UnsupportedModelError,
-} from '@ibiz-template/model';
-import { ControlVO, MDControlService, Srfuf } from '../../../service';
-import { MDControlNerve } from '../../neuron';
-import { MDState } from '../../state';
-import { MainController } from '../main';
-
-/**
- * 多数据部件控制器
- *
- * @author chitanda
- * @date 2022-08-01 18:08:13
- * @export
- * @class MDController
- * @extends {ControlController<T>}
- * @template T
- */
-export class MDController<
-  T extends MDModel = MDModel,
-> extends MainController<T> {
-  state = new MDState();
-
-  /**
-   * 是否是单项选择
-   *
-   * @deprecated
-   * @author lxm
-   * @date 2022-08-19 10:08:29
-   * @type {boolean}
-   */
-  singleSelect: boolean = false;
-
-  /**
-   * 是否默认选中第一条数据
-   *
-   * @type {boolean}
-   * @memberof MDController
-   */
-  isSelectFirstDefault: boolean = false;
-
-  /**
-   * 默认选中的数据
-   *
-   * @type {Array}
-   * @memberof MDController
-   */
-  defaultSelectKeys: Array<string> = [];
-
-  /**
-   * 是否默认选中第一条数据
-   *
-   * @type {boolean}
-   * @memberof MDController
-   */
-  isExpView: boolean = false;
-
-  /**
-   * 数据默认激活模式
-   * - 0 不激活
-   * - 1 单击激活
-   * - 2 双击激活(默认)
-   *
-   * @type {(number | 0 | 1 | 2)}
-   */
-  mdCtrlActiveMode: number | 0 | 1 | 2 = 2;
-
-  /**
-   * 多数据部件服务
-   *
-   * @author lxm
-   * @date 2022-08-19 13:08:51
-   * @type {EntityService}
-   */
-  service!: MDControlService;
-
-  declare nerve: MDControlNerve;
-
-  protected createNerve(): MDControlNerve {
-    return new MDControlNerve(this);
-  }
-
-  /**
-   * 初始化方法
-   *
-   * @author lxm
-   * @date 2022-08-18 22:08:17
-   * @protected
-   * @returns {*}  {Promise<void>}
-   */
-  protected async onInit(): Promise<void> {
-    await super.onInit();
-
-    // 获取外部通知的singeleSelect
-    // this.singleSelect =
-  }
-
-  /**
-   * 设置是否默认选中第一条
-   *
-   */
-  setIsSelectFirstDefault(isSelectFirstDefault?: boolean): void {
-    if (typeof isSelectFirstDefault === 'boolean') {
-      this.isSelectFirstDefault = isSelectFirstDefault;
-    }
-  }
-
-  /**
-   * 设置默认选中数据主键集合
-   *
-   */
-  setDefaultSelectKeys(defaultSelectKeys?: Array<string>): void {
-    if (defaultSelectKeys) {
-      this.defaultSelectKeys = defaultSelectKeys;
-    }
-  }
-
-  /**
-   * 设置数据默认激活模式
-   *
-   * @param {(0 | 1 | 2)} mode 0 不激活 1 单击激活 2 双击激活（默认）
-   */
-  setMdCtrlActiveMode(mode?: number | 0 | 1 | 2): void {
-    this.mdCtrlActiveMode = mode === undefined ? 2 : mode;
-  }
-
-  /**
-   * 设置部件是否包含在导航视图内
-   *
-   */
-  setIsExpView(isExpView?: boolean): void {
-    if (typeof isExpView === 'boolean') {
-      this.isExpView = isExpView;
-    }
-  }
-
-  /**
-   * 获取请求过滤参数（整合了视图参数，各种过滤条件，排序，分页）
-   *
-   * @author lxm
-   * @date 2022-11-08 22:11:34
-   * @returns {*}  {Promise<IParams>}
-   */
-  async getParams(): Promise<IParams> {
-    // *请求参数处理
-    const _paramsArr = await this.nerve.self.evt.asyncEmit('beforeLoad');
-    const _params =
-      _paramsArr.length > 0
-        ? _paramsArr.reduce((preVal, curVal) => {
-            return Object.assign(preVal, curVal);
-          })
-        : {};
-    return {
-      ...this.params,
-      ..._params,
-      page: this.state.curPage - 1,
-      size: this.state.size,
-    };
-  }
-
-  /**
-   * 部件加载数据行为
-   *
-   * @author lxm
-   * @date 2022-08-19 14:08:50
-   */
-  async load(): Promise<IData[]> {
-    // *请求参数处理
-    const params = await this.getParams();
-
-    // *发起请求
-    await this.startLoading();
-    let res;
-    try {
-      res = await this.service.fetch(this.context, params);
-    } finally {
-      await this.endLoading();
-    }
-
-    // 更新分页数据总条数
-    if (res.total) {
-      this.state.total = res.total;
-    }
-
-    res.data.forEach(item => {
-      item.reactiveInit();
-    });
-
-    await this.afterLoad(res.data);
-    const isFirstLoad = this.state.hasLoaded === false;
-    this.state.hasLoaded = true;
-    await this.nerve.self.evt.asyncEmit(
-      'afterLoad',
-      this.state.items,
-      isFirstLoad,
-    );
-    this.force();
-
-    return this.state.items;
-  }
-
-  /**
-   * 部件加载后处理
-   *
-   * @author lxm
-   * @date 2022-08-19 14:08:50
-   */
-  async afterLoad(items: ControlVO[]): Promise<IData[]> {
-    this.state.items = items;
-    // 第一次加载并且默认选中第一条数据时
-    if (
-      !this.state.hasLoaded &&
-      this.isSelectFirstDefault &&
-      this.state.items[0]
-    ) {
-      if (this.defaultSelectKeys.length === 0) {
-        // 不存在默认选中的时候，才往外抛第一条
-        await this.nerve.self.evt.asyncEmit('dataActive', this.state.items[0]);
-      } else if (this.defaultSelectKeys.length > 0) {
-        // 存在默认选中
-        // 1 数据中有，抛出该条数据
-        // 2 返回数据里没有该条时，也往外抛第一条
-        let activeIndex = 0;
-        this.state.items.forEach((item: ControlVO, index: number) => {
-          for (let i = 0; i < this.defaultSelectKeys.length; i++) {
-            const select = this.defaultSelectKeys[i];
-            if (select === item.srfkey) {
-              activeIndex = index;
-              break;
-            }
-          }
-        });
-        await this.nerve.self.evt.asyncEmit(
-          'dataActive',
-          this.state.items[activeIndex],
-        );
-      }
-    }
-    return this.state.items;
-  }
-
-  /**
-   * 删除选中的数据
-   *
-   * @author lxm
-   * @date 2022-09-06 19:09:48
-   * @returns {*}  {Promise<void>}
-   */
-  async remove(): Promise<void> {
-    const selections = this.state.selectedData;
-    if (selections.length === 0) {
-      throw new RuntimeError('未选中数据');
-    }
-    await this.startLoading();
-    try {
-      await Promise.allSettled(
-        selections.map(async data => {
-          // 新建未保存的数据直接走后续删除处理逻辑
-          if (data.srfuf !== Srfuf.CREATE) {
-            // 删除后台的数据
-            await this.service.remove(
-              { [this.model.appEntity.deName]: data.srfkey, ...this.context },
-              this.params,
-            );
-          }
-
-          this.afterRemove(data);
-        }),
-      );
-    } finally {
-      await this.endLoading();
-    }
-    this.state.selectedData = [];
-    if (this.isExpView) {
-      // 在导航视图内，删除后激活第一条
-      await this.nerve.self.evt.asyncEmit('dataActive', this.state.items[0]);
-    }
-    await this.nerve.self.evt.asyncEmit('afterRemove', selections);
-    this.force();
-  }
-
-  /**
-   * 后台删除结束后界面删除逻辑
-   *
-   * @author lxm
-   * @date 2022-09-06 19:09:10
-   * @param {IData} data
-   */
-  afterRemove(data: IData) {
-    // 删除this.items里的数据
-    const index = this.state.items.findIndex(
-      item => item.srfkey === data.srfkey,
-    );
-    this.state.items.splice(index, 1);
-  }
-
-  /**
-   * 获取多数据部件的选中数据集合
-   *
-   * @author lxm
-   * @date 2022-08-30 18:08:00
-   * @returns {*}  {IData[]}
-   */
-  getData(): IData[] {
-    return this.state.selectedData || [];
-  }
-
-  /**
-   * 选中所有数据并返回
-   *
-   * @author lxm
-   * @date 2022-09-12 19:09:12
-   * @returns {*}  {Promise<IData[]>}
-   */
-  async selectAll(): Promise<IData[]> {
-    this.state.selectedData = [...this.state.items];
-    this.nerve.self.evt.emit('selectionChange', this.state.selectedData);
-    return this.state.selectedData;
-  }
-
-  /**
-   * 处理选中项变更事件
-   *
-   * @author lxm
-   * @date 2022-08-29 14:08:45
-   * @param {IData[]} selection 当前选中的项集合
-   */
-  onSelectionChange(selection: IData[]): void {
-    this.state.selectedData = selection;
-    this.nerve.self.evt.emit('selectionChange', selection);
-  }
-
-  /**
-   * 数据导入
-   *
-   * @author lxm
-   * @date 2022-11-08 15:11:54
-   * @returns {*}  {Promise<void>}
-   */
-  async importData(): Promise<void> {
-    const { appEntity, dataImport } = this.model;
-    let templateUrl = `${appEntity.deNamePlural}/importtemplate`;
-    let importUrl = `${appEntity.deNamePlural}/importdata2`;
-    if (dataImport) {
-      templateUrl += `?srfimporttag=${dataImport.codeName}`;
-      importUrl += `?srfimporttag=${dataImport.codeName}`;
-    }
-    const modal = ibiz.overlay.createModal(
-      'DataImport',
-      {
-        dismiss: () => modal.dismiss(),
-        templateUrl,
-        importUrl,
-      },
-      {
-        width: 'auto',
-        placement: 'center',
-      },
-    );
-    modal.present();
-    await modal.onWillDismiss();
-  }
-
-  /**
-   * 数据导出
-   *
-   * @param {MouseEvent} event 原生js点击事件
-   * @returns {*}  {Promise<void>}
-   * @memberof MDController
-   */
-  async exportData(event: MouseEvent): Promise<void> {
-    const { dataExport, appEntity } = this.model;
-    if (!dataExport) {
-      throw new DefectModelError(this.model.source, '没有配置实体导出模型！');
-    }
-    if (!dataExport.enableBackend) {
-      throw new UnsupportedModelError(dataExport, '前台导出暂未支持！');
-    }
-
-    // 创建气泡框，操作后获得相关参数。
-    const popover = ibiz.overlay.createPopover(
-      'DataExport',
-      {
-        dismiss: (result: unknown) => popover.dismiss(result),
-        maxRowCount: dataExport.maxRowCount || 1000,
-        pageSize: this.state.size,
-      },
-      { autoClose: true, placement: 'bottom-end' },
-    );
-
-    popover.present(event.target as HTMLElement);
-    const exportParams = await popover.onWillDismiss();
-    // 没有返回值，则是取消导出操作
-    if (!exportParams) {
-      return;
-    }
-
-    // *请求参数处理，合并选择的导出参数
-    const params = await this.getParams();
-    Object.assign(params, exportParams);
-
-    const { data: file } = await this.service.exportData(
-      dataExport,
-      this.context,
-      params,
-    );
-
-    const fileName = `${appEntity.source.logicName}表.xlsx`;
-    downloadFileFromBlob(file, fileName);
-  }
-}

package/src/controller/control/panel/index.ts

@@ -1,9 +0,0 @@
-export * from './layout-panel';
-export * from './view-layout-panel';
-export * from './panel-item';
-export * from './panel-container';
-export * from './panel-field';
-export * from './panel-raw-item';
-export * from './panel-button';
-export * from './panel-tab-page';
-export * from './panel-tab-panel';

package/src/controller/control/panel/layout-panel.ts

@@ -1,257 +0,0 @@
-import { RuntimeError } from '@ibiz-template/core';
-import {
-  LayoutPanelModel,
-  PanelContainerModel,
-  PanelItemModel,
-} from '@ibiz-template/model';
-import { PanelNotifyState } from '../../constant';
-import { IPanelItemProvider } from '../../interface';
-import { LayoutPanelNerve } from '../../neuron/nerve/control';
-import { LayoutPanelState } from '../../state/control/panel/layout-panel-state';
-import { ControlController } from '../control';
-import { PanelContainerController } from './panel-container';
-import { PanelItemController } from './panel-item';
-
-/**
- * 布局面板部件控制器
- *
- * @author lxm
- * @date 2022-09-08 20:09:55
- * @export
- * @class LayoutPanelController
- * @extends {ControlController<LayoutPanelModel>}
- */
-export class LayoutPanelController<
-  T extends LayoutPanelModel = LayoutPanelModel,
-> extends ControlController<T> {
-  state = new LayoutPanelState();
-
-  declare nerve: LayoutPanelNerve;
-
-  /**
-   * 所有面板成员的控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 20:08:07
-   * @type {{ [key: string]: PanelItemController }}
-   */
-  panelItems: { [key: string]: PanelItemController } = {};
-
-  /**
-   * 所有面板成员的适配器
-   *
-   * @author lxm
-   * @date 2022-08-24 20:08:07
-   * @type {{ [key: string]: IPanelItemProvider }}
-   */
-  providers: { [key: string]: IPanelItemProvider } = {};
-
-  /**
-   * 外部输入数据
-   *
-   * @author lxm
-   * @date 2023-02-09 03:16:52
-   * @type {IData}
-   * @memberof LayoutPanelController
-   */
-  inputData: IData | undefined;
-
-  /**
-   * 面板数据
-   *
-   * @author lxm
-   * @date 2023-02-10 07:21:09
-   * @readonly
-   * @memberof LayoutPanelController
-   */
-  get data() {
-    return this.state.data;
-  }
-
-  setInputData(data: IData | undefined) {
-    this.inputData = data;
-  }
-
-  protected createNerve(): LayoutPanelNerve {
-    return new LayoutPanelNerve(this);
-  }
-
-  protected async onInit(): Promise<void> {
-    await super.onInit();
-    await this.initPanelItemControllers();
-
-    // 渲染完成后获取数据
-    this.nerve.self.evt.on('mounted', () => {
-      this.load();
-    });
-  }
-
-  /**
-   * 初始化表单成员控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 21:08:48
-   * @protected
-   */
-  protected async initPanelItemControllers(
-    panelItems: PanelItemModel[] = this.model.children,
-    panel: LayoutPanelController = this,
-    parent: PanelContainerController | undefined = undefined,
-  ) {
-    const { panelItem: register } = ibiz.register;
-    if (!register) {
-      throw new RuntimeError('panelItem注册器不存在');
-    }
-    await Promise.all(
-      panelItems.map(async panelItem => {
-        // 生成表单成员控制器
-        const panelItemProvider = await register.get(panelItem);
-        if (!panelItemProvider) {
-          throw new RuntimeError('找不到对应的适配器');
-        }
-        panel.providers[panelItem.name] = panelItemProvider;
-        const panelItemController = await panelItemProvider.createController(
-          panelItem,
-          panel,
-          parent,
-        );
-        panel.panelItems[panelItem.name] = panelItemController;
-        // 有子成员的生成子控制器
-        if ((panelItem as PanelContainerModel).children?.length) {
-          await this.initPanelItemControllers(
-            (panelItem as PanelContainerModel).children,
-            panel,
-            panelItemController as PanelContainerController,
-          );
-        }
-      }),
-    );
-  }
-
-  /**
-   * 部件加载，获取数据，并执行一系列后续初始化逻辑
-   *
-   * @author lxm
-   * @date 2023-02-10 01:46:24
-   * @memberof LayoutPanelController
-   */
-  async load() {
-    // 准备面板数据
-    const data = await this.prepareData();
-    if (!data) {
-      throw new RuntimeError('未获取到面板数据');
-    }
-    // 转换数据，处理原始数据和面板项的映射。
-    const panelData = this.convertData(data);
-
-    this.state.data = panelData;
-    this.panelStateNotify(PanelNotifyState.LOAD);
-  }
-
-  /**
-   * 根据获取模式准备原始数据
-   *
-   * @author lxm
-   * @date 2023-02-10 02:04:39
-   * @returns {*}  {(Promise<IData | undefined>)}
-   * @memberof LayoutPanelController
-   */
-  async prepareData(): Promise<IData | undefined> {
-    let data;
-    if (this.model.dataMode === 0) {
-      data = this.inputData;
-    }
-
-    // 根据数据获取模式获取数据
-    switch (this.model.dataMode) {
-      // 未传入时获取
-      case 1:
-        if (this.inputData) {
-          data = this.inputData;
-        }
-        break;
-      // 不获取（使用传入数据）
-      case 0:
-      default:
-        data = this.inputData;
-    }
-    return data;
-  }
-
-  /**
-   * 转换原始数据，映射面板属性
-   *
-   * @author lxm
-   * @date 2023-02-10 02:10:41
-   * @param {IData} data
-   * @returns {*}  {IData}
-   * @memberof LayoutPanelController
-   */
-  convertData(data: IData): IData {
-    const map: IData = {};
-    // 绑定数据项和name不一致的映射到map里
-    this.model.panelFields.forEach(field => {
-      if (field.name !== field.dataFieldName) {
-        map[field.name] = field.dataFieldName;
-      }
-    });
-
-    return new Proxy(data, {
-      get(target, p, receiver) {
-        if (Reflect.ownKeys(map).includes(p)) {
-          return Reflect.get(target, map[p], receiver);
-        }
-        return Reflect.get(target, p, receiver);
-      },
-      set(target, p, value, receiver) {
-        Reflect.set(target, p, value, receiver);
-        return true;
-      },
-    });
-  }
-
-  /**
-   * 通知所有面板成员面板操作过程中的数据变更
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:40
-   * @param {string[]} names
-   */
-  dataChangeNotify(names: string[]): void {
-    Object.values(this.panelItems).forEach(panelItem => {
-      panelItem.dataChangeNotify(names);
-    });
-  }
-
-  /**
-   * 面板状态变更通知
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:07
-   */
-  panelStateNotify(state: PanelNotifyState): void {
-    Object.values(this.panelItems).forEach(panelItem => {
-      panelItem.panelStateNotify(state);
-    });
-  }
-
-  /**
-   * 设置面板数据的值
-   *
-   * @param {string} name 要设置的数据的属性名称
-   * @param {unknown} value 要设置的值
-   */
-  async setDataValue(name: string, value: unknown) {
-    if (
-      Object.prototype.hasOwnProperty.call(this.state.data, name) &&
-      this.state.data[name] === value
-    ) {
-      // *`面板里没有属性${name}或者${name}的值未发生改变`
-      return;
-    }
-
-    // 改变值
-    this.state.data[name] = value;
-    this.dataChangeNotify([name]);
-  }
-}