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

package/src/props/editor/text-box.ts

@@ -1,54 +0,0 @@
-import { TextBoxEditorController } from '@ibiz-template/runtime';
-import { getEditorProps, getGridEditorCommonProps } from './common';
-
-/**
- * 获取文本框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getInputProps<C = TextBoxEditorController>() {
-  return { ...getEditorProps<C>(), value: String };
-}
-
-/**
- * 获取表格文本框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridInputProps<C = TextBoxEditorController>() {
-  return { ...getInputProps<C>(), ...getGridEditorCommonProps() };
-}
-
-/**
- * 获取数值框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getInputNumberProps<C = TextBoxEditorController>() {
-  return { ...getEditorProps<C>(), value: Number };
-}
-
-/**
- * 获取表格数值框的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridInputNumberProps<C = TextBoxEditorController>() {
-  return { ...getInputNumberProps<C>(), ...getGridEditorCommonProps() };
-}

package/src/props/editor/upload.ts

@@ -1,28 +0,0 @@
-import { UploadEditorController } from '@ibiz-template/runtime';
-import { getEditorProps, getGridEditorCommonProps } from './common';
-
-/**
- * 获取上传的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getUploadProps<C = UploadEditorController>() {
-  return { ...getEditorProps<C>(), value: String };
-}
-
-/**
- * 获取表格上传的props
- *
- * @author lxm
- * @date 2022-11-01 19:11:12
- * @export
- * @template C
- * @returns {*}
- */
-export function getGridUploadProps<C = UploadEditorController>() {
-  return { ...getUploadProps<C>(), ...getGridEditorCommonProps() };
-}

package/src/props/index.ts

@@ -1,2 +0,0 @@
-export * from './common';
-export * from './editor';

package/src/use/grid-cell-edit/grid-cell-edit.ts

@@ -1,188 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { computed, ComputedRef, Ref, ref } from 'vue';
-import { useClickOutside } from '../click-outside/click-outside';
-import { useEventListener } from '../event/event';
-
-type UseGridCellEditorOptions = {
-  /**
-   * 组件emit
-   * @author lxm
-   * @date 2023-03-06 06:53:51
-   */
-  emit: ((
-    event: 'change',
-    _value: unknown,
-    _name?: string | undefined,
-  ) => void) &
-    ((event: 'rowSave') => void);
-
-  /**
-   * 是否手动控制失焦时机
-   * @author lxm
-   * @date 2023-03-06 04:02:01
-   * @type {boolean}
-   */
-  manualBlur?: boolean;
-};
-
-/**
- * 使用表格的单元格编辑
- *
- * @author lxm
- * @date 2022-11-02 18:11:46
- * @export
- * @param {(_value: any) => Promise<void>} rowDataChange 值变更的异步回调，等调用完成后才会执行后续界面逻辑
- * @param {UseGridCellEditorOptions} opts
- * @returns {*}
- */
-export function useGridCellEditor(
-  props: {
-    readonly: boolean;
-    disabled: boolean;
-    hasError: boolean;
-  },
-  opts: UseGridCellEditorOptions,
-): {
-  isInfoMode: ComputedRef<boolean>;
-  autoFocus: Ref<boolean>;
-  componentRef: Ref<any>;
-  onOperateChange: (_isOperating: boolean) => void;
-  onChange: (_val: unknown, _name?: string) => Promise<void>;
-  onBlur: () => void;
-} {
-  const { gridEditSaveMode, gridEditShowMode } = ibiz.config;
-
-  /** 是否聚焦于表格行编辑器 */
-  const isFocus = ref(false);
-  /** 是否数据发生过变更 */
-  const isModified = ref(false);
-
-  /** 是否显示信息模式 */
-  const isInfoMode = computed(
-    () =>
-      // 只读时只显示信息模式
-      props.readonly ||
-      // 有报错的时候显示编辑态
-      // 只有单元格呈现模式下才会切换显示编辑态和信息态,其他时候都是编辑态
-      (!props.hasError &&
-        ibiz.config.gridEditShowMode === 'cell' &&
-        !isFocus.value),
-  );
-
-  /** 是否需要自动聚焦 */
-  const autoFocus = ref(gridEditShowMode === 'cell');
-
-  /** 绑定容器的ref */
-  const componentRef = ref();
-
-  // 不是单元格切换和单元格失焦保存无需执行后续逻辑
-  if (gridEditShowMode !== 'cell' && gridEditSaveMode !== 'cell-blur') {
-    return {
-      componentRef,
-      isInfoMode,
-      autoFocus,
-      onOperateChange: () => {},
-      onChange: async () => {},
-      onBlur: () => {},
-    };
-  }
-
-  /**
-   *  行编辑保存逻辑
-   * @author lxm
-   * @date 2023-03-06 03:41:29
-   */
-  const save = () => {
-    // 只有行失焦保存才需要处理
-    if (
-      gridEditSaveMode !== 'cell-blur' ||
-      props.readonly ||
-      props.disabled ||
-      !isModified.value
-    )
-      return;
-
-    opts.emit('rowSave');
-    isModified.value = false;
-  };
-
-  /**
-   * 失去焦点后的处理
-   * @author lxm
-   * @date 2023-03-06 04:03:23
-   */
-  const onBlur = () => {
-    // 没有聚焦就不会走失焦
-    if (!isFocus.value) {
-      return;
-    }
-    save();
-    isFocus.value = false;
-  };
-
-  /** 是否正在操作 */
-  const isOperating = ref(false);
-
-  /**
-   * 是否在操作事件回调
-   */
-  const onOperateChange = (_isOperating: boolean) => {
-    isOperating.value = _isOperating;
-  };
-
-  // 点击外部处理
-  if (opts.manualBlur !== true) {
-    useClickOutside(componentRef, async _evt => {
-      // 正在操作的时候outside点击不会触发失焦行为
-      if (!isOperating.value) {
-        onBlur();
-      }
-    });
-  }
-
-  // 点击行编辑编辑器，触发编辑态开启逻辑,
-  // 部分UI组件会阻止冒泡，用捕获模式来保证该方法的执行。
-  useEventListener(
-    componentRef,
-    'click',
-    _evt => {
-      isFocus.value = true;
-    },
-    { capture: true },
-  );
-
-  // 补充输入框等聚焦但是不触发click事件时的场景，如：鼠标按住然后移出去松开，可以聚焦但不会click
-  useEventListener(
-    componentRef,
-    'focus',
-    _evt => {
-      isFocus.value = true;
-    },
-    { capture: true },
-  );
-
-  /**
-   * 值变更事件回调
-   *
-   * @author lxm
-   * @date 2022-11-02 18:11:03
-   * @param {string} val
-   */
-  const onChange = async (val: unknown, name?: string) => {
-    // 禁用下不做值变更
-    if (props.disabled) return;
-
-    opts.emit('change', val, name);
-    isModified.value = true;
-  };
-
-  return {
-    componentRef,
-    isInfoMode,
-    autoFocus,
-    onOperateChange,
-    onChange,
-    onBlur,
-  };
-}

package/src/use/view/index.ts

@@ -1,23 +0,0 @@
-export { useViewController } from './use-view-controller/use-view-controller';
-export { useIndexViewController } from './use-index-view/use-index-view';
-export { useEditViewController } from './use-edit-view/use-edit-view';
-export { useEditView3Controller } from './use-edit-view3/use-edit-view3';
-export { useOptViewController } from './use-opt-view/use-opt-view';
-export { useGridViewController } from './use-grid-view/use-grid-view';
-export { useDataViewViewController } from './use-dataview-view/use-dataview-view';
-export { useListViewController } from './use-list-view/use-list-view';
-export { usePickupGridViewController } from './use-pickup-grid-view/use-pickup-grid-view';
-export { usePickupViewController } from './use-pickup-view/use-pickup-view';
-export { useMPickupViewController } from './use-mpickup-view/use-mpickup-view';
-export { useWFDynaEditView3Controller } from './use-wf-dyna-edit3-view/use-wf-dyna-edit3-view';
-export { useWFDynaActionViewController } from './use-wf-dyna-action-view/use-wf-dyna-action-view';
-export { useWFDynaStartViewController } from './use-wf-dyna-start-view/use-wf-dyna-start-view';
-export { useWFStepTraceViewController } from './use-wf-step-trace-view/use-wf-step-trace-view';
-export { useAppPortalViewController } from './use-app-portal-view/use-app-portal-view';
-export { useTreeExpViewController } from './use-tree-exp-view/use-tree-exp-view';
-export { useTabExpViewController } from './use-tab-exp-view/use-tab-exp-view';
-export { useGridExpViewController } from './use-grid-exp-view/use-grid-exp-view';
-export { useDashboardViewController } from './use-dashboard-view/use-dashboard-view';
-export { useWizardViewController } from './use-wizard-view/use-wizard-view';
-export { useListExpViewController } from './use-list-exp-view/use-list-exp-view';
-export { useKanbanViewController } from './use-kanban-view/use-kanban-view';

package/src/use/view/use-app-portal-view/use-app-portal-view.ts

@@ -1,21 +0,0 @@
-import { AppPortalViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 应用看板视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:10
- * @export
- * @param {string} path
- * @return {*}  {AppPortalViewController}
- */
-export function useAppPortalViewController(
-  path: string,
-): AppPortalViewController {
-  return useViewController<AppPortalViewController>(
-    (context: IContext, params: IParams) => {
-      return new AppPortalViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-dashboard-view/use-dashboard-view.ts

@@ -1,21 +0,0 @@
-import { DashboardViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 实体数据看板视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:10
- * @export
- * @param {string} path
- * @return {*}  {DashboardViewController}
- */
-export function useDashboardViewController(
-  path: string,
-): DashboardViewController {
-  return useViewController<DashboardViewController>(
-    (context: IContext, params: IParams) => {
-      return new DashboardViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-dataview-view/use-dataview-view.ts

@@ -1,21 +0,0 @@
-import { DataViewViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 数据视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:01
- * @export
- * @param {string} path
- * @return {*}  {DataViewViewController}
- */
-export function useDataViewViewController(
-  path: string,
-): DataViewViewController {
-  return useViewController<DataViewViewController>(
-    (context: IContext, params: IParams) => {
-      return new DataViewViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-edit-view/use-edit-view.ts

@@ -1,19 +0,0 @@
-import { EditViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 编辑视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:10
- * @export
- * @param {string} path
- * @return {*}  {EditViewController}
- */
-export function useEditViewController(path: string): EditViewController {
-  return useViewController<EditViewController>(
-    (context: IContext, params: IParams) => {
-      return new EditViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-edit-view3/use-edit-view3.ts

@@ -1,19 +0,0 @@
-import { EditView3Controller } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 编辑视图(分页关系)控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:10
- * @export
- * @param {string} path
- * @return {*}  {EditViewController}
- */
-export function useEditView3Controller(path: string): EditView3Controller {
-  return useViewController<EditView3Controller>(
-    (context: IContext, params: IParams) => {
-      return new EditView3Controller(path, context, params);
-    },
-  );
-}

package/src/use/view/use-grid-exp-view/use-grid-exp-view.ts

@@ -1,17 +0,0 @@
-import { GridExpViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 表格导航视图控制器
- *
- * @export
- * @param {string} path
- * @return {*}  {GridExpViewController}
- */
-export function useGridExpViewController(path: string): GridExpViewController {
-  return useViewController<GridExpViewController>(
-    (context: IContext, params: IParams) => {
-      return new GridExpViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-grid-view/use-grid-view.ts

@@ -1,19 +0,0 @@
-import { GridViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 表格视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:01
- * @export
- * @param {string} path
- * @return {*}  {GridViewController}
- */
-export function useGridViewController(path: string): GridViewController {
-  return useViewController<GridViewController>(
-    (context: IContext, params: IParams) => {
-      return new GridViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-index-view/use-index-view.ts

@@ -1,17 +0,0 @@
-import { IndexViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 加载首页视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 15:08:08
- * @export
- * @param {string} path
- * @return {*}  {IndexViewController}
- */
-export function useIndexViewController(path: string): IndexViewController {
-  return useViewController<IndexViewController>((context, params) => {
-    return new IndexViewController(path, context, params);
-  });
-}

package/src/use/view/use-kanban-view/use-kanban-view.ts

@@ -1,19 +0,0 @@
-import { KanbanViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 看板视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:01
- * @export
- * @param {string} path
- * @return {*}  {KanbanViewController}
- */
-export function useKanbanViewController(path: string): KanbanViewController {
-  return useViewController<KanbanViewController>(
-    (context: IContext, params: IParams) => {
-      return new KanbanViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-list-exp-view/use-list-exp-view.ts

@@ -1,17 +0,0 @@
-import { ListExpViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 列表导航视图控制器
- *
- * @export
- * @param {string} path
- * @return {*}  {ListExpViewController}
- */
-export function useListExpViewController(path: string): ListExpViewController {
-  return useViewController<ListExpViewController>(
-    (context: IContext, params: IParams) => {
-      return new ListExpViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-list-view/use-list-view.ts

@@ -1,17 +0,0 @@
-import { ListViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 列表视图控制器
- *
- * @export
- * @param {string} path
- * @returns {*}  {ListViewController}
- */
-export function useListViewController(path: string): ListViewController {
-  return useViewController<ListViewController>(
-    (context: IContext, params: IParams) => {
-      return new ListViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-mpickup-view/use-mpickup-view.ts

@@ -1,19 +0,0 @@
-import { MPickupViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 多项数据选择视图控制器
- *
- * @author lxm
- * @date 2022-09-08 20:09:22
- * @export
- * @param {string} path
- * @returns {*}  {MPickupViewController}
- */
-export function useMPickupViewController(path: string): MPickupViewController {
-  return useViewController<MPickupViewController>(
-    (context: IContext, params: IParams) => {
-      return new MPickupViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-opt-view/use-opt-view.ts

@@ -1,19 +0,0 @@
-import { OptViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 编辑视图控制器
- *
- * @author chitanda
- * @date 2022-08-15 17:08:10
- * @export
- * @param {string} path
- * @return {*}  {OptViewController}
- */
-export function useOptViewController(path: string): OptViewController {
-  return useViewController<OptViewController>(
-    (context: IContext, params: IParams) => {
-      return new OptViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-pickup-grid-view/use-pickup-grid-view.ts

@@ -1,21 +0,0 @@
-import { PickupGridViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 选择表格视图控制器
- *
- * @author lxm
- * @date 2022-09-08 20:09:31
- * @export
- * @param {string} path
- * @returns {*}  {PickupGridViewController}
- */
-export function usePickupGridViewController(
-  path: string,
-): PickupGridViewController {
-  return useViewController<PickupGridViewController>(
-    (context: IContext, params: IParams) => {
-      return new PickupGridViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-pickup-view/use-pickup-view.ts

@@ -1,19 +0,0 @@
-import { PickupViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 单项数据选择视图控制器
- *
- * @author lxm
- * @date 2022-09-08 20:09:22
- * @export
- * @param {string} path
- * @returns {*}  {PickupViewController}
- */
-export function usePickupViewController(path: string): PickupViewController {
-  return useViewController<PickupViewController>(
-    (context: IContext, params: IParams) => {
-      return new PickupViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-tab-exp-view/use-tab-exp-view.ts

@@ -1,17 +0,0 @@
-import { TabExpViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 分页导航视图控制器
- *
- * @export
- * @param {string} path
- * @returns {*}  {TabExpViewController}
- */
-export function useTabExpViewController(path: string): TabExpViewController {
-  return useViewController<TabExpViewController>(
-    (context: IContext, params: IParams) => {
-      return new TabExpViewController(path, context, params);
-    },
-  );
-}

package/src/use/view/use-tree-exp-view/use-tree-exp-view.ts

@@ -1,17 +0,0 @@
-import { TreeExpViewController } from '@ibiz-template/runtime';
-import { useViewController } from '../use-view-controller/use-view-controller';
-
-/**
- * 树导航视图控制器
- *
- * @export
- * @param {string} path
- * @returns {*}  {TreeExpViewController}
- */
-export function useTreeExpViewController(path: string): TreeExpViewController {
-  return useViewController<TreeExpViewController>(
-    (context: IContext, params: IParams) => {
-      return new TreeExpViewController(path, context, params);
-    },
-  );
-}