@ibiz-template/vue3-util 0.6.1-dev.0 → 0.6.1-dev.2

package/src/panel-component/scroll-container/scroll-container-item/scroll-container-item.provider.ts

@@ -1,30 +0,0 @@
-import {
-  IPanelItemProvider,
-  PanelController,
-  PanelItemController,
-} from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-import { ScrollContainerItemController } from './scroll-container-item.controller';
-
-/**
- * 面板滚动条容器项适配器
- *
- * @author lxm
- * @date 2022-09-19 22:09:03
- * @export
- * @class ScrollContainerItemProvider
- * @implements {EditorProvider}
- */
-export class ScrollContainerItemProvider implements IPanelItemProvider {
-  component: string = 'IBizScrollContainerItem';
-
-  async createController(
-    panelItem: IPanelContainer,
-    panel: PanelController,
-    parent: PanelItemController | undefined,
-  ): Promise<ScrollContainerItemController> {
-    const c = new ScrollContainerItemController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}

package/src/panel-component/scroll-container/scroll-container-item/scroll-container-item.scss

@@ -1,9 +0,0 @@
-@include b(scroll-container-item) {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-
-  @include when(hidden) {
-    display: none;
-  }
-}

package/src/panel-component/scroll-container/scroll-container-item/scroll-container-item.tsx

@@ -1,60 +0,0 @@
-import { IPanelContainer } from '@ibiz/model-core';
-import { computed, defineComponent, PropType, VNode } from 'vue';
-import { useNamespace } from '../../../use';
-import { ScrollContainerItemController } from './scroll-container-item.controller';
-import './scroll-container-item.scss';
-
-export const ScrollContainerItem = defineComponent({
-  name: 'IBizScrollContainerItem',
-  props: {
-    modelData: {
-      type: Object as PropType<IPanelContainer>,
-      required: true,
-    },
-    controller: {
-      type: ScrollContainerItemController,
-      required: true,
-    },
-  },
-  setup(props) {
-    const ns = useNamespace('scroll-container-item');
-    const { id } = props.modelData;
-
-    // 类名控制
-    const classArr = computed(() => {
-      const result: Array<string | false> = [
-        ns.b(),
-        ns.m(id),
-        ns.is('hidden', !props.controller.state.visible),
-      ];
-      return result;
-    });
-
-    return { ns, classArr };
-  },
-  render() {
-    // 内容区默认插槽处理，封装app-col
-    const defaultSlots: VNode[] = this.$slots.default?.() || [];
-
-    return (
-      <iBizRow class={this.classArr} layout={{ layout: 'FLEX' }}>
-        {defaultSlots.map(slot => {
-          const props = slot.props as IData;
-          if (!props || !props.controller) {
-            return slot;
-          }
-
-          props.modelData.layoutPos.layout = 'FLEX';
-          return (
-            <iBizCol
-              layoutPos={props.modelData.layoutPos}
-              state={props.controller.state}
-            >
-              {slot}
-            </iBizCol>
-          );
-        })}
-      </iBizRow>
-    );
-  },
-});

package/src/panel-component/single-data-container/index.ts

@@ -1,22 +0,0 @@
-import { App } from 'vue';
-import { registerPanelItemProvider } from '@ibiz-template/runtime';
-import { withInstall } from '../../util';
-import { SingleDataContainer } from './single-data-container';
-import { SingleDataContainerProvider } from './single-data-container.provider';
-import { SingleDataContainerState } from './single-data-container.state';
-import { SingleDataContainerController } from './single-data-container.controller';
-
-export { SingleDataContainerState, SingleDataContainerController };
-
-export const IBizSingleDataContainer = withInstall(
-  SingleDataContainer,
-  function (v: App) {
-    v.component(SingleDataContainer.name, SingleDataContainer);
-    registerPanelItemProvider(
-      'CONTAINER_CONTAINER_SINGLEDATA',
-      () => new SingleDataContainerProvider(),
-    );
-  },
-);
-
-export default IBizSingleDataContainer;

package/src/panel-component/single-data-container/single-data-container.controller.ts

@@ -1,345 +0,0 @@
-import {
-  ModelError,
-  RuntimeError,
-  RuntimeModelError,
-} from '@ibiz-template/core';
-import {
-  execDELogicById,
-  getAllPanelField,
-  getPanelItemProvider,
-  IPanelController,
-  IPanelDataContainerController,
-  IPanelItemContainerController,
-  IPanelItemController,
-  IPanelItemProvider,
-  isDataContainer,
-  IViewController,
-  PanelData,
-  PanelItemController,
-  PanelNotifyState,
-} from '@ibiz-template/runtime';
-import { IPanelContainer, IPanelItem, IPanelTabPanel } from '@ibiz/model-core';
-import { SingleDataContainerState } from './single-data-container.state';
-
-/**
- * 单项数据容器控制器
- *
- * @export
- * @class SingleDataContainerController
- * @extends {PanelItemController}
- */
-export class SingleDataContainerController
-  extends PanelItemController<IPanelContainer>
-  implements IPanelDataContainerController
-{
-  declare state: SingleDataContainerState;
-
-  readonly isDataContainer = true;
-
-  /**
-   * 所有面板成员的控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 20:08:07
-   * @type {{ [key: string]: IPanelItemController }}
-   */
-  panelItems: { [key: string]: IPanelItemController } = {};
-
-  /**
-   * 所有面板成员的适配器
-   *
-   * @author lxm
-   * @date 2022-08-24 20:08:07
-   * @type {{ [key: string]: IPanelItemProvider }}
-   */
-  providers: { [key: string]: IPanelItemProvider } = {};
-
-  /**
-   * 单项数据容器，根据数据模式
-   * @author lxm
-   * @date 2023-07-14 10:59:02
-   * @readonly
-   * @type {IData}
-   */
-  get data(): IData {
-    return this.state.data;
-  }
-
-  protected createState(): SingleDataContainerState {
-    return new SingleDataContainerState(this.parent?.state);
-  }
-
-  protected async onInit(): Promise<void> {
-    await super.onInit();
-    await this.initPanelItemControllers();
-    this.initContainerData();
-  }
-
-  /**
-   * 初始化面板成员控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 21:08:48
-   * @protected
-   */
-  protected async initPanelItemControllers(
-    panelItems: IPanelItem[] | undefined = this.model.panelItems,
-    panel: IPanelController = this.panel,
-    parent: IPanelItemContainerController | undefined = this,
-  ): Promise<void> {
-    if (!panelItems) {
-      return;
-    }
-    await Promise.all(
-      panelItems.map(async panelItem => {
-        // 生成面板成员控制器
-        const panelItemProvider = await getPanelItemProvider(panelItem);
-        if (!panelItemProvider) {
-          return;
-        }
-        this.providers[panelItem.id!] = panelItemProvider;
-        const panelItemController = await panelItemProvider.createController(
-          panelItem,
-          panel,
-          parent,
-        );
-        this.panelItems[panelItem.id!] = panelItemController;
-        // 有子成员的,且不是数据容器的。生成子控制器
-        if (
-          (panelItem as IPanelContainer).panelItems?.length &&
-          !isDataContainer(panelItem)
-        ) {
-          await this.initPanelItemControllers(
-            (panelItem as IPanelContainer).panelItems,
-            panel,
-            panelItemController as IPanelItemContainerController,
-          );
-        }
-        if ((panelItem as IPanelTabPanel).panelTabPages?.length) {
-          await this.initPanelItemControllers(
-            (panelItem as IPanelTabPanel).panelTabPages,
-            panel,
-            panelItemController as IPanelItemContainerController,
-          );
-        }
-      }),
-    );
-  }
-
-  /**
-   * 根据来源类型初始化容器数据
-   * @author lxm
-   * @date 2023-08-04 03:05:59
-   * @protected
-   */
-  protected initContainerData(): void {
-    const { dataSourceType, dataName } = this.model;
-    switch (dataSourceType) {
-      case 'DEACTION':
-      case 'DEDATASET':
-        this.setDataByDeMethod();
-        break;
-      case 'APPGLOBALPARAM':
-        this.setDataByAppGlobalParam();
-        break;
-      case 'DELOGIC':
-        this.setDataByDeLogic();
-        break;
-      case 'TOPVIEWSESSIONPARAM': {
-        if (!dataName) {
-          throw new RuntimeModelError(this.model, '没有配置数据对象名称');
-        }
-        this.bindViewData(this.panel.getTopView(), dataName);
-        break;
-      }
-      case 'VIEWSESSIONPARAM': {
-        if (!dataName) {
-          throw new RuntimeModelError(this.model, '没有配置数据对象名称');
-        }
-        this.bindViewData(this.panel.view, dataName);
-        break;
-      }
-      default:
-        throw new ModelError(this.model, `数据源类型${dataSourceType}暂未支持`);
-    }
-  }
-
-  /**
-   * 面板状态变更通知
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:07
-   */
-  childrenStateNotify(state: PanelNotifyState): void {
-    Object.values(this.panelItems).forEach(panelItem => {
-      panelItem.panelStateNotify(state);
-    });
-  }
-
-  /**
-   * 设置数据
-   * @author lxm
-   * @date 2023-09-05 05:42:09
-   * @param {IData[]} items
-   */
-  async setData(data: IData): Promise<void> {
-    const fields = getAllPanelField(this.model);
-    const fieldKeys = fields.map(item => item.id!);
-    const panelData = new PanelData(fields, data);
-
-    // 面板属性变更的触发变更通知
-    panelData._evt.on('change', key => {
-      if (fieldKeys.includes(key)) {
-        this.childDataChangeNotify([key]);
-      }
-    });
-    // 清空上一个，如果存在的话。
-    this.data.destroy?.();
-    this.state.data = panelData;
-    this.childrenStateNotify(PanelNotifyState.LOAD);
-  }
-
-  /**
-   * 通过实体设置视图逻辑
-   * @author lxm
-   * @date 2023-08-04 03:00:31
-   * @protected
-   * @return {*}  {Promise<void>}
-   */
-  protected async setDataByDeLogic(): Promise<void> {
-    const { appDataEntityId, appDELogicId } = this.model;
-    if (!appDELogicId) {
-      throw new RuntimeModelError(this.model, '没有配置实体逻辑');
-    }
-    if (!appDataEntityId) {
-      throw new RuntimeModelError(this.model, '没有配置实体');
-    }
-
-    const data = await execDELogicById(
-      appDELogicId,
-      appDataEntityId,
-      this.panel.context,
-      [],
-      this.panel.params,
-    );
-
-    if (!data) {
-      throw new RuntimeError(`实体逻辑${appDELogicId}没有返回值`);
-    }
-
-    this.setData(data as IData);
-  }
-
-  /**
-   * 设置全局变量为当前容器数据
-   * @author lxm
-   * @date 2023-08-04 01:55:07
-   * @protected
-   */
-  protected setDataByAppGlobalParam(): void {
-    const { dataName } = this.model;
-    const originData = dataName ? ibiz.appData![dataName] : ibiz.appData!;
-    if (originData) {
-      this.setData(originData as IData);
-    } else {
-      ibiz.log.error(`全局变量里没有${dataName}属性`);
-    }
-  }
-
-  /**
-   * 请求实体行为并把返回值设置为当前容器的数据
-   * @author lxm
-   * @date 2023-08-04 11:47:17
-   * @protected
-   * @return {*}  {Promise<void>}
-   */
-  protected async setDataByDeMethod(): Promise<void> {
-    const { appDEMethodId, appDataEntityId } = this.model;
-    if (!appDEMethodId) {
-      throw new RuntimeModelError(this.model, '没有配置实体行为');
-    }
-    if (!appDataEntityId) {
-      throw new RuntimeModelError(this.model, '没有配置实体');
-    }
-    const app = ibiz.hub.getApp(this.panel.context.srfappid);
-    const res = await app.deService.exec(
-      appDataEntityId,
-      appDEMethodId,
-      this.panel.context,
-      [],
-      this.panel.params,
-    );
-    if (res.ok && res.data) {
-      this.setData(res.data as IData);
-    }
-  }
-
-  /**
-   * 绑定指定视图会话的变量
-   * @author lxm
-   * @date 2023-07-14 02:03:56
-   * @protected
-   * @param {IViewController} view 绑定视图控制器
-   * @param {string} dataName 变量名称
-   */
-  protected bindViewData(view: IViewController, dataName: string): void {
-    if (!Object.prototype.hasOwnProperty.call(view.state, dataName)) {
-      ibiz.log.error(`绑定视图的会话不存在${dataName}`);
-      return;
-    }
-    const updateData = (): void => {
-      const originData = (view.state as IData)[dataName] as IData;
-      if (originData) {
-        this.setData(originData);
-      } else {
-        ibiz.log.error(`视图state里没有${dataName}属性`);
-      }
-    };
-    updateData(); // 先绑定一次
-
-    // 每次视图数据变更之后更新一下
-    view.evt.on('onDataChange', () => {
-      updateData();
-    });
-  }
-
-  /**
-   * 通知所有子面板成员面板操作过程中的数据变更
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:40
-   * @param {string[]} names
-   */
-  childDataChangeNotify(names: string[]): void {
-    Object.values(this.panelItems).forEach(panelItem => {
-      panelItem.dataChangeNotify(names);
-    });
-  }
-
-  /**
-   * 设置面板数据的值
-   *
-   * @param {string} name 要设置的数据的属性名称
-   * @param {unknown} value 要设置的值
-   */
-  async setDataValue(name: string, value: unknown): Promise<void> {
-    if (
-      Object.prototype.hasOwnProperty.call(this.state.data, name) &&
-      this.state.data[name] === value
-    ) {
-      // *`面板里没有属性${name}或者${name}的值未发生改变`
-      return;
-    }
-
-    // 改变值
-    this.state.data[name] = value;
-  }
-
-  destroy(): void {
-    super.destroy();
-    this.data.destroy?.();
-    Object.values(this.panelItems).forEach(item => {
-      item.destroy();
-    });
-  }
-}

package/src/panel-component/single-data-container/single-data-container.provider.ts

@@ -1,30 +0,0 @@
-import {
-  IPanelItemProvider,
-  PanelController,
-  PanelItemController,
-} from '@ibiz-template/runtime';
-import { IPanelContainer } from '@ibiz/model-core';
-import { SingleDataContainerController } from './single-data-container.controller';
-
-/**
- * 单项数据容器适配器
- *
- * @author lxm
- * @date 2022-09-19 22:09:03
- * @export
- * @class SingleDataContainerProvider
- * @implements {EditorProvider}
- */
-export class SingleDataContainerProvider implements IPanelItemProvider {
-  component: string = 'IBizSingleDataContainer';
-
-  async createController(
-    panelItem: IPanelContainer,
-    panel: PanelController,
-    parent: PanelItemController | undefined,
-  ): Promise<PanelItemController> {
-    const c = new SingleDataContainerController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}

package/src/panel-component/single-data-container/single-data-container.scss

@@ -1,10 +0,0 @@
-$single-data-container: (
-);
-
-// 默认样式
-@include b(single-data-container) {
-  @include set-component-css-var('single-data-container', $single-data-container);
-
-  width: 100%;
-  height: 100%;
-}

package/src/panel-component/single-data-container/single-data-container.state.ts

@@ -1,20 +0,0 @@
-import { PanelItemState } from '@ibiz-template/runtime';
-
-/**
- * 单项数据容器状态
- *
- * @author lxm
- * @date 2023-02-07 06:04:27
- * @export
- * @class SingleDataContainerState
- * @extends {PanelItemState}
- */
-export class SingleDataContainerState extends PanelItemState {
-  /**
-   * 单项数据容器数据
-   * @author lxm
-   * @date 2023-07-14 12:07:45
-   * @type {(IData | IData[])}
-   */
-  data: IData = {};
-}

package/src/panel-component/single-data-container/single-data-container.tsx

@@ -1,95 +0,0 @@
-import {
-  IPanelItemProvider,
-  IPanelItemController,
-} from '@ibiz-template/runtime';
-import { IPanelContainer, IPanelItem } from '@ibiz/model-core';
-import {
-  computed,
-  defineComponent,
-  inject,
-  PropType,
-  reactive,
-  VNode,
-} from 'vue';
-import { useNamespace } from '../../use';
-import { SingleDataContainerController } from './single-data-container.controller';
-import './single-data-container.scss';
-
-export const SingleDataContainer = defineComponent({
-  name: 'IBizSingleDataContainer',
-  props: {
-    modelData: {
-      type: Object as PropType<IPanelContainer>,
-      required: true,
-    },
-    controller: {
-      type: SingleDataContainerController,
-      required: true,
-    },
-  },
-  setup(props) {
-    const ns = useNamespace('single-data-container');
-    const { id } = props.modelData;
-
-    // 面板成员state响应式
-    const keys = Object.keys(props.controller.panelItems);
-    keys.forEach(key => {
-      const panelItem = props.controller.panelItems[key];
-      panelItem.state = reactive(panelItem.state);
-    });
-
-    // 获取上层的绘制函数
-    const renderPanelItem = inject<
-      (
-        panelItem: IPanelItem,
-        options?: {
-          providers: {
-            [key: string]: IPanelItemProvider;
-          };
-          panelItems: {
-            [key: string]: IPanelItemController;
-          };
-        },
-      ) => VNode | null
-    >('renderPanelItem')!;
-
-    // 类名控制
-    const classArr = computed(() => {
-      const result: Array<string | false> = [
-        ns.b(),
-        ns.m(id),
-        ...props.controller.containerClass,
-      ];
-      return result;
-    });
-
-    return { ns, classArr, renderPanelItem };
-  },
-  render() {
-    let content: VNode | VNode[];
-    if (this.$slots.default) {
-      content = this.$slots.default();
-    } else {
-      // 内容区默认插槽处理，封装app-col
-      content = (
-        <iBizRow class={this.ns.b('content')} layout={this.modelData.layout}>
-          {this.modelData.panelItems?.map(panelItem => {
-            const childController = this.controller.panelItems[panelItem.id!];
-            return (
-              <iBizCol
-                layoutPos={panelItem.layoutPos}
-                state={childController.state}
-              >
-                {this.renderPanelItem(panelItem, {
-                  providers: this.controller.providers,
-                  panelItems: this.controller.panelItems,
-                })}
-              </iBizCol>
-            );
-          })}
-        </iBizRow>
-      );
-    }
-    return <div class={this.classArr}>{content}</div>;
-  },
-});

package/src/plugin/index.ts

@@ -1 +0,0 @@
-export { PluginFactory } from './plugin-factory/plugin-factory';

package/src/props/common.ts

@@ -1,30 +0,0 @@
-/**
- * 必填props类型
- *
- * @author lxm
- * @date 2022-11-01 19:11:47
- * @export
- * @class RequiredProp
- * @template T type的类型
- * @template D 默认值的类型
- * @template V 校验函数的类型
- */
-export class RequiredProp<T, D = undefined, V = undefined> {
-  readonly required = true;
-
-  type: T;
-
-  default?: D | undefined;
-
-  validator?: V | undefined;
-
-  constructor(type: T, _default?: D, validator?: V) {
-    if (_default) {
-      this.default = _default;
-    }
-    if (validator) {
-      this.validator = validator;
-    }
-    this.type = type;
-  }
-}

package/src/props/editor/array.ts

@@ -1,27 +0,0 @@
-import { getEditorProps, getGridEditorCommonProps } from './common';
-
-/**
- * 获取数组编辑器的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getArrayProps<C>() {
-  return { ...getEditorProps<C>(), value: [Array<string>, Array<number>] };
-}
-
-/**
- * 获取表格数组编辑器的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridArrayProps<C>() {
-  return { ...getArrayProps<C>(), ...getGridEditorCommonProps() };
-}