@gct-paas/core-web 0.1.4-dev.0 → 0.1.4-dev.10

package/es/modules/gct-dnd/interface/i-gct-dnd-config.d.ts

@@ -0,0 +1,101 @@
+import { GCT_DND_INSERT_POS } from '../constants';
+import { IGctDndData } from './i-gct-dnd-data';
+import { IGctDragDndData } from './i-gct-drag-dnd-data';
+import { IGctDropResultData } from './i-gct-drop-result';
+/**
+ * 拖拽配置
+ *
+ * @export
+ * @interface IGctDndConfig
+ */
+export interface IGctDndConfig {
+    /**
+     * 拖拽分组标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 拖拽时额外携带的标签，可以用于做特殊区分
+     *
+     * @type {IObject}
+     */
+    tagMap?: IObject;
+    /**
+     * 拖拽模式，默认移动
+     *
+     * @default 'move'
+     * @type {('copy' | 'move' | string)}
+     */
+    mode?: 'copy' | 'move' | string;
+    /**
+     * 自定义拖拽标识
+     *
+     * @type {string}
+     */
+    handle?: string;
+    /**
+     * 是否开启放置功能，默认 开启
+     *
+     * @default true
+     * @type {boolean}
+     */
+    isDrop?: boolean;
+    /**
+     * 是否开启拖拽功能，默认 开启
+     *
+     * @default true
+     * @type {boolean}
+     */
+    isDrag?: boolean;
+    /**
+     * 拖拽方向，默认水平方向
+     *
+     * @default 'horizontal'
+     * @type {('vertical' | 'horizontal')}
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * 拖拽放置偏移量，用于控制放置区移动鼠标的交互优化
+     *
+     * @type {number}
+     */
+    offset?: number;
+    /**
+     * 拖入容器时，默认插入位置
+     *
+     * @default 'after'
+     * @type {('first' | 'last')}
+     */
+    insertPos?: GCT_DND_INSERT_POS;
+    /**
+     * 是否允许放置
+     *
+     */
+    canDrop?: (data: IGctDragDndData) => boolean;
+    /**
+     * 是否允许拖拽
+     *
+     */
+    canDrag?: (data: IGctDndData) => boolean;
+    /**
+     * 放置数据处理
+     *
+     */
+    drop?: (data: IGctDragDndData) => IGctDndData | null;
+    /**
+     * 放置数据处理
+     *
+     */
+    end?: (data: IGctDragDndData, res: IGctDropResultData) => void;
+    /**
+     * 新增
+     *
+     */
+    add?: (data: IGctDndData) => void;
+    /**
+     * 删除项
+     *
+     */
+    remove?: (data: IGctDndData) => void;
+}

package/es/modules/gct-dnd/interface/i-gct-dnd-data.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 拖拽数据
+ *
+ * @export
+ * @interface IGctDndData
+ */
+export interface IGctDndData extends IObject {
+    /**
+     * 必须要有主键标识
+     *
+     * @type {string}
+     */
+    id: string;
+}

package/es/modules/gct-dnd/interface/i-gct-dnd-render-item-options.d.ts

@@ -0,0 +1,28 @@
+import { ConnectDragSource, DragSourceOptions } from 'vue3-dnd';
+/**
+ * 拖拽项绘制 props 参数
+ *
+ * @export
+ * @interface IGctDndRenderItemOptions
+ * @template T
+ */
+export interface IGctDndRenderItemOptions<T = IObject> {
+    /**
+     * 当前拖拽项开始拖拽时的索引
+     *
+     * @type {number}
+     */
+    index: number;
+    /**
+     * 拖拽数据
+     *
+     * @type {T}
+     */
+    data: T;
+    /**
+     * 设置拖拽项的 DOM 元素
+     *
+     * @type {ConnectDragSource<DragSourceOptions>}
+     */
+    drag: ConnectDragSource<DragSourceOptions>;
+}

package/es/modules/gct-dnd/interface/i-gct-drag-collect.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 拖拽时状态
+ *
+ * @export
+ * @interface IGctDragCollect
+ */
+export interface IGctDragCollect {
+    /**
+     * 是否可以拖拽
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 15:07:20
+     * @type {boolean}
+     */
+    canDrag: boolean;
+    /**
+     * 是否正在拖拽
+     *
+     * @author zhanghanrui
+     * @date 2024-07-05 15:07:26
+     * @type {boolean}
+     */
+    isDragging: boolean;
+}

package/es/modules/gct-dnd/interface/i-gct-drag-dnd-data.d.ts

@@ -0,0 +1,51 @@
+import { IGctDndData } from './i-gct-dnd-data';
+/**
+ * 拖拽数据
+ *
+ * @export
+ * @interface IGctDragDndData
+ */
+export interface IGctDragDndData<T = IGctDndData> {
+    /**
+     * 当前数据标识，如果是新数据则主键为空
+     *
+     * @type {string}
+     */
+    id: string;
+    /**
+     * 拖拽分组实例标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 拖拽项原位置索引
+     *
+     * @type {number}
+     */
+    index: number;
+    /**
+     * 当前拖拽数据
+     *
+     * @type {T}
+     */
+    data: T;
+    /**
+     * 数据模式
+     *
+     * @type {('create' | 'move' | string)} 新建 | 移动
+     */
+    mode: 'create' | 'move' | string;
+    /**
+     * 额外拖拽标识
+     *
+     * @type {IObject}
+     */
+    tagMap: IObject;
+    /**
+     * 包含自身 + 所有子的类型，目前主要用于拖拽限制
+     *
+     * @type {string[]}
+     */
+    types: string[];
+}

package/es/modules/gct-dnd/interface/i-gct-drop-collect.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 放置时状态
+ *
+ * @export
+ * @interface IGctDropCollect
+ */
+export interface IGctDropCollect {
+    /**
+     * 拖拽元素标识
+     *
+     * @type {string}
+     */
+    handlerId: string;
+    /**
+     * 是否可以放置
+     *
+     * @type {boolean}
+     */
+    canDrop: boolean;
+    /**
+     * 是否只在单一元素放置
+     *
+     * @type {boolean}
+     */
+    isShallowOver: boolean;
+    /**
+     * 是否放置中
+     *
+     * @type {boolean}
+     */
+    isOver: boolean;
+}

package/es/modules/gct-dnd/interface/i-gct-drop-result.d.ts

@@ -0,0 +1,47 @@
+import { IGctDndConfig } from './i-gct-dnd-config';
+import { IGctDndData } from './i-gct-dnd-data';
+/**
+ * 放置返回值数据
+ *
+ * @export
+ * @interface IGctDropResultData
+ */
+export interface IGctDropResultData {
+    /**
+     * 放置分组标识
+     *
+     * @type {string}
+     */
+    group: string;
+    /**
+     * 是否成功放置
+     *
+     * @type {boolean}
+     */
+    success: boolean;
+    /**
+     * 放置数据
+     *
+     * @type {IGctDndData}
+     */
+    data?: IGctDndData;
+    /**
+     * 额外携带放置配置，用于优化放置对比
+     *
+     * @type {IGctDndConfig}
+     */
+    cfg: IGctDndConfig;
+}
+/**
+ * 放置返回值
+ *
+ * @export
+ * @interface IGctDropResult
+ */
+export interface IGctDropResult {
+    /**
+     * 放置数据异步钩子
+     *
+     */
+    asyncDrop: () => Promise<IGctDropResultData>;
+}

package/es/modules/gct-dnd/interface/index.d.ts

@@ -0,0 +1,7 @@
+export type { IGctDndConfig } from './i-gct-dnd-config';
+export type { IGctDndData } from './i-gct-dnd-data';
+export type { IGctDndRenderItemOptions } from './i-gct-dnd-render-item-options';
+export type { IGctDragCollect } from './i-gct-drag-collect';
+export type { IGctDropCollect } from './i-gct-drop-collect';
+export type { IGctDragDndData } from './i-gct-drag-dnd-data';
+export type { IGctDropResult, IGctDropResultData } from './i-gct-drop-result';

package/es/modules/global-modal/index.d.ts

@@ -0,0 +1,5 @@
+import { WithInstall } from '../../utils';
+export declare const BasicModal: WithInstall<unknown>;
+export { useModalContext } from './src/hooks/useModalContext';
+export { useModal, useModalInner } from './src/hooks/useModal';
+export * from './src/typing';

package/es/modules/global-modal/index.mjs

@@ -0,0 +1,16 @@
+import '../../components/app-modal/app-modal-component.css';import './src/index.css';/* empty css                */
+import _sfc_main from './src/BasicModal.vue.mjs';
+import 'ant-design-vue';
+import '../../utils/monaco-loader/monaco-loader.mjs';
+import 'lodash-es';
+import 'vue';
+import '@gct-paas/core';
+import 'vue3-dnd';
+import 'react-dnd-html5-backend';
+/* empty css                                                   */
+import { withInstall } from '../../utils/with-install.mjs';
+export { useModal, useModalInner } from './src/hooks/useModal.mjs';
+
+const BasicModal = withInstall(_sfc_main);
+
+export { BasicModal };