keli-ui 0.2.18 → 0.3.1

package/dist/components/TableComponent/TableRender/plugin/vxe-table-clipboard.d.ts

@@ -0,0 +1,73 @@
+import { App, Ref } from 'vue';
+
+export interface ClipboardOptions {
+    /** 点击哪一列选中整行，支持列索引或字段名/类型，-1 禁用 */
+    rowSelectColumn?: number | string;
+    /** 选中背景色 */
+    selectedColor?: string;
+    /** 选区变化回调 */
+    onSelectionChange?: (range: SelectedRange) => void;
+    /** 复制回调 */
+    onCopy?: (data: CellValue[][]) => void;
+    /** 粘贴回调 */
+    onPaste?: (data: PasteCellChange[]) => void;
+    /** 剪切回调 */
+    onCut?: (data: CellValue[][]) => void;
+}
+export interface SelectedRange {
+    startRow: number;
+    startCol: number;
+    endRow: number;
+    endCol: number;
+    cells: CellData[][];
+}
+export interface CellData {
+    row: number;
+    col: number;
+    field: string;
+    value: CellValue;
+    rowId: string;
+    colid: string;
+}
+/** 粘贴单元格变更信息 */
+export interface PasteCellChange {
+    row: number;
+    col: number;
+    field: string;
+    oldValue: CellValue;
+    newValue: CellValue;
+    rowId: string;
+    rowData: Record<string, CellValue>;
+}
+export type CellValue = string | number | boolean | null | undefined;
+export interface ClipboardInstance {
+    init: () => void;
+    destroy: () => void;
+    copy: () => CellValue[][];
+    paste: () => Promise<PasteCellChange[]>;
+    cut: () => CellValue[][];
+    clearSelection: () => void;
+    selectRow: (rowIndex: number) => void;
+    getSelectedRange: () => SelectedRange;
+    getClipboardData: () => CellValue[][];
+}
+/**
+ * Vue 插件
+ */
+declare const VXETableClipboard: {
+    install(app: App, options?: ClipboardOptions): void;
+};
+export declare function useTableClipboard(tableRef: Ref<{
+    $el: HTMLElement;
+} | null>, options?: ClipboardOptions): {
+    init: () => void;
+    destroy: () => void;
+    copy: () => CellValue[][];
+    paste: () => Promise<PasteCellChange[]>;
+    cut: () => CellValue[][];
+    clearSelection: () => void;
+    selectRow: (index: number) => void;
+    getSelectedRange: () => SelectedRange | undefined;
+    getClipboardData: () => CellValue[][] | undefined;
+};
+export default VXETableClipboard;

package/dist/components/TableComponent/TableSelect/TableSelect.vue.d.ts

@@ -0,0 +1,41 @@
+import { TableSelectorProp } from '../../../types';
+
+interface Props {
+    value?: any;
+    detail: TableSelectorProp;
+    rowData?: any;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    value: () => null;
+    rowData: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+    valueChange: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    value: () => null;
+    rowData: () => {};
+}>>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: any;
+    rowData: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/TableComponent/TableSelect/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TableSelect } from './TableSelect.vue';
+
+export { TableSelect };

package/dist/components/TableComponent/TableSelectAsync/TableSelectAsync.vue.d.ts

@@ -0,0 +1,32 @@
+import { TableSelectorProp } from '../../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: import('vue').PropType<any>;
+    detail: {
+        type: import('vue').PropType<TableSelectorProp>;
+        required: true;
+    };
+    rowData: {
+        type: import('vue').PropType<any>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+    valueChange: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: import('vue').PropType<any>;
+    detail: {
+        type: import('vue').PropType<TableSelectorProp>;
+        required: true;
+    };
+    rowData: {
+        type: import('vue').PropType<any>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    rowData: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/TableComponent/TableSelectAsync/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TableSelectAsync } from './TableSelectAsync.vue';
+
+export { TableSelectAsync };

package/dist/components/TableComponent/TableSwitch/TableSwitch.vue.d.ts

@@ -0,0 +1,32 @@
+import { TableComponentFrame } from '../../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: import('vue').PropType<any>;
+    detail: {
+        type: import('vue').PropType<TableComponentFrame>;
+        required: true;
+    };
+    rowData: {
+        type: import('vue').PropType<any>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+    valueChange: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: import('vue').PropType<any>;
+    detail: {
+        type: import('vue').PropType<TableComponentFrame>;
+        required: true;
+    };
+    rowData: {
+        type: import('vue').PropType<any>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    rowData: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/TableComponent/TableSwitch/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TableSwitch } from './TableSwitch.vue';
+
+export { TableSwitch };

package/dist/components/TableComponent/index.d.ts

@@ -0,0 +1,9 @@
+export * from './TableInput';
+export * from './TableInputNumber';
+export * from './TableSelect';
+export * from './TableSelectAsync';
+export * from './TableSwitch';
+export * from './TableListSelect';
+export * from './TableCheckBoxAsync';
+export * from './TableRender';
+export * from './TableCardRender';

package/dist/components/ToolBar/ToolBar.vue.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { KeButton } from '../../types';
+
+declare function __VLS_template(): {
+    "custom-button"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    toolButtons: {
+        required: true;
+        type: PropType<KeButton[]>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    toolButtons: {
+        required: true;
+        type: PropType<KeButton[]>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ToolBar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ToolBar } from './ToolBar.vue';
+
+export { ToolBar };

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ElPlusComponent';
+export * from './ToolBar';
+export * from './QueryComponent';
+export * from './TableComponent';
+export * from './FormComponent';
+export * from './AppComponent';

package/dist/config/appRouter.config.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 对应vue-router的api
+ */
+export declare const appRouter: {
+    push: (name: string, options: any) => void;
+};

package/dist/config/index.d.ts

@@ -0,0 +1,170 @@
+import { ApiInterface, AutoSortTableDTO, PageSubmitInterface, SubmitConfig, TableData, QueryDataInterface, PagePath, QueryFilterDTO } from '../types';
+
+export * from './appRouter.config';
+export * from './moduleCache';
+export * from './pageTableConfig';
+export declare const BASE_URL: import('vue').Ref<string, string>;
+export declare const UPLOAD_FILE_URL: import('vue').Ref<string, string>;
+export declare const FILE_URL: import('vue').Ref<string, string>;
+export interface EmbeddedTableDataDTO {
+    embeddedId: number;
+    formData?: Record<string, any>;
+    pageNum?: number;
+    pagePaths: PagePath[];
+    queryData?: QueryDataInterface;
+}
+/**
+ * App 应用相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - getFormRenderDataApi: 获取表单渲染数据
+ * - saveFormDataApi: 保存表单数据
+ * - submitBeforeCheckApi: 提交前检查
+ * - submitFlowApi: 提交流程
+ * - backBeforeCheckApi: 退回前检查
+ * - backFlowApi: 退回流程
+ * - getPageUploadFileApi: 获取页面上传文件
+ * - getEmbeddedTableFormRenderDataApi: 获取嵌入表格表单渲染数据
+ * - saveEmbeddedTableFormDataDataApi: 保存嵌入表格表单数据
+ * - executeButtonProgramApi: 执行按钮程序
+ * - getAppChartListApi: 获取应用图表列表
+ * - getAppChartContentApi: 获取应用图表内容
+ */
+export interface AppApiCallbacks {
+    getFormRenderDataApi: (pageId: number, dataId: string | number, isAdd: boolean) => Promise<ApiInterface>;
+    saveFormDataApi: (config: SubmitConfig, formData: any, isAdd: boolean) => Promise<ApiInterface>;
+    submitBeforeCheckApi: (config: SubmitConfig, formData: any, isAdd: boolean) => Promise<ApiInterface>;
+    submitFlowApi: (data: PageSubmitInterface) => Promise<ApiInterface>;
+    backBeforeCheckApi: (config: SubmitConfig, formData: any, isAdd: boolean) => Promise<ApiInterface>;
+    backFlowApi: (data: PageSubmitInterface) => Promise<ApiInterface>;
+    getPageUploadFileApi: (pageId: number, dataId: string) => Promise<ApiInterface>;
+    getEmbeddedTableFormRenderDataApi: (data: {
+        dataId: string;
+        fieldName: string;
+        mainDataId: string;
+        mainPageId: string;
+    }) => Promise<ApiInterface>;
+    saveEmbeddedTableFormDataDataApi: (params: {
+        dataId: string;
+        fieldName: string;
+        mainDataId: string;
+        mainPageId: string;
+    }, formData: any) => Promise<ApiInterface>;
+    executeButtonProgramApi: (pageId: string, dataId: null | string, buttonId: string) => Promise<ApiInterface>;
+    getAppChartListApi: (pageId: number) => Promise<ApiInterface>;
+    getAppChartContentApi: (chartId: number) => Promise<ApiInterface>;
+}
+/**
+ * AppTable 表格相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - getTableRenderApi: 获取表格渲染配置
+ * - getTableDataApi: 获取表格数据
+ * - getTreeTableDataApi: 获取树形表格数据
+ * - deleteTableDataApi: 删除表格数据
+ * - getQueryTreeFilterDataApi: 获取查询树过滤数据
+ * - changTableSortApi: 更改表格排序
+ */
+export interface AppTableApiCallbacks {
+    getTableRenderApi: (pageId: number) => Promise<ApiInterface>;
+    getTableDataApi: (pageId: number, pageNum: number, queryData: QueryDataInterface) => Promise<ApiInterface<TableData>>;
+    getTreeTableDataApi: (pageId: number, dataId: string, queryData: QueryDataInterface) => Promise<ApiInterface>;
+    deleteTableDataApi: (pageId: number, dataId: string) => Promise<ApiInterface>;
+    getQueryTreeFilterDataApi: (data: QueryFilterDTO) => Promise<ApiInterface>;
+    changTableSortApi: (data: AutoSortTableDTO) => Promise<ApiInterface>;
+}
+/**
+ * AppEmbedded 嵌入表格相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - getEmbeddedTableRenderApi: 获取嵌入表格渲染配置
+ * - getEmbeddedTableDataApi: 获取嵌入表格数据
+ * - getEmbeddedFormRenderDataApi: 获取嵌入表单渲染数据
+ * - saveEmbeddedTableFormDataApi: 保存嵌入表格表单数据
+ * - onValueChangeApi: 值变更回调
+ */
+export interface AppEmbeddedApiCallbacks {
+    getEmbeddedTableRenderApi: (embeddedId: number, pagePaths: PagePath[]) => Promise<ApiInterface>;
+    getEmbeddedTableDataApi: (data: EmbeddedTableDataDTO) => Promise<ApiInterface<TableData>>;
+    getEmbeddedFormRenderDataApi: (data: EmbeddedTableDataDTO, dataId: any, isAdd: boolean) => Promise<ApiInterface>;
+    saveEmbeddedTableFormDataApi: (data: EmbeddedTableDataDTO, dataId: any, editId: string, isAdd: boolean) => Promise<ApiInterface>;
+    onValueChangeApi: (data: any) => Promise<ApiInterface>;
+}
+/**
+ * Dataset 数据集相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - datasetApi: 数据集请求
+ */
+export interface DatasetApiCallbacks {
+    datasetApi: (name: string, params?: any) => Promise<ApiInterface>;
+}
+/**
+ * File 文件相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - deletePageUploadFileApi: 删除页面上传文件
+ */
+export interface FileApiCallbacks {
+    deletePageUploadFileApi: (fileId: number) => Promise<ApiInterface>;
+}
+/**
+ * FlowRecord 流程记录相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - getFlowRecordApi: 获取流程记录
+ */
+export interface FlowRecordApiCallbacks {
+    getFlowRecordApi: (pageId: number, dataId: string) => Promise<ApiInterface>;
+}
+/**
+ * Iconify 图标相关 API 回调配置
+ *
+ * 必须配置以下函数：
+ * - getCollectionsApi: 获取图标集合
+ * - searchPageApi: 搜索图标
+ */
+export interface IconifyApiCallbacks {
+    getCollectionsApi: () => Promise<any>;
+    searchPageApi: (params: any) => Promise<any>;
+}
+/**
+ * KeliUI 组件库配置
+ *
+ * 使用前必须调用 setKeliUiConfig 配置以下 API 回调：
+ * - appApi: 应用相关 API（表单、流程、按钮等）
+ * - appTableApi: 表格相关 API
+ * - appEmbeddedApi: 嵌入表格相关 API
+ * - datasetApi: 数据集相关 API
+ * - fileApi: 文件相关 API
+ * - flowRecordApi: 流程记录相关 API
+ * - iconifyApi: 图标相关 API
+ *
+ * 可选配置：
+ * - uploadFileUrl: 上传文件 URL
+ * - fileUrl: 文件访问 URL
+ * - baseUrl 接口前缀
+ */
+export interface KeliUiConfig {
+    baseUrl?: string;
+    uploadFileUrl?: string;
+    fileUrl?: string;
+    appApi: AppApiCallbacks;
+    appTableApi: AppTableApiCallbacks;
+    appEmbeddedApi: AppEmbeddedApiCallbacks;
+    datasetApi: DatasetApiCallbacks;
+    fileApi: FileApiCallbacks;
+    flowRecordApi: FlowRecordApiCallbacks;
+    iconifyApi: IconifyApiCallbacks;
+}
+export declare function setKeliUiConfig(userConfig: KeliUiConfig): void;
+export declare function getKeliUiConfig(): KeliUiConfig;
+export declare function getAppApiCallbacks(): AppApiCallbacks;
+export declare function getAppTableApiCallbacks(): AppTableApiCallbacks;
+export declare function getAppEmbeddedApiCallbacks(): AppEmbeddedApiCallbacks;
+export declare function getDatasetApiCallbacks(): DatasetApiCallbacks;
+export declare function getFileApiCallbacks(): FileApiCallbacks;
+export declare function getFlowRecordApiCallbacks(): FlowRecordApiCallbacks;
+export declare function getIconifyApiCallbacks(): IconifyApiCallbacks;
+export declare function getUploadFileUrl(): string;
+export declare function getFileUrl(): string;

package/dist/config/moduleCache.d.ts

@@ -0,0 +1,14 @@
+import * as Vue from 'vue';
+import * as ElementPlusIcon from '@element-plus/icons-vue';
+import * as VueUseCore from '@vueuse/core';
+import * as vxeTable from 'vxe-table';
+export declare const useModuleCache: () => {
+    vue: typeof Vue;
+    'element-plus': {
+        version: string;
+        install: (app: Vue.App, options?: import('element-plus').ConfigProviderContext) => void;
+    };
+    '@element-plus/icons-vue': typeof ElementPlusIcon;
+    '@vueuse/core': typeof VueUseCore;
+    'vxe-table': typeof vxeTable;
+};

package/dist/config/pageTableConfig.d.ts

@@ -0,0 +1,8 @@
+import { CacheValue } from '../types';
+
+export declare const defaultPagination: {
+    total: number;
+    currentPage: number;
+    pageSize: number;
+};
+export declare const defaultPageTableConfig: CacheValue;

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useRemoteComponentManager.hook';

package/dist/hooks/useButtonExec.hook.d.ts

@@ -0,0 +1,9 @@
+import { KeButton } from '../types';
+
+/**
+ * 单条数据上的按钮
+ * @param data 数据
+ * @param button 按钮配置
+ * @param rowIndex 行索引
+ */
+export declare function useButtonExec(data: any, button: KeButton, rowIndex?: number): Promise<void>;

package/dist/hooks/useRemoteComponentManager.hook.d.ts

@@ -0,0 +1,23 @@
+import { App, Component } from 'vue';
+
+/** 简化的 App 引用类型 */
+type AppRef = Pick<App, 'component' | 'config'> & {
+    _context?: any;
+};
+/** 外部只读状态（导出） */
+export interface RemoteComponentState {
+    readonly app: AppRef | null;
+    readonly components: readonly string[];
+    readonly ready: boolean;
+}
+/** Hook 返回的完整类型 */
+export interface RemoteComponentManager {
+    state: RemoteComponentState;
+    saveApp: (app: App) => void;
+    initComponent: () => Promise<void>;
+    registerComponent: (name: string) => void;
+    getComponentByName: (name: string) => Promise<Component>;
+    reset: () => void;
+}
+export declare function useRemoteComponentManager(): RemoteComponentManager;
+export {};

package/dist/hooks/useTableFormats.hook.d.ts

@@ -0,0 +1,4 @@
+export declare const useTableFormats: () => {
+    register: (id: string, options: any) => void;
+    registerGeneralMethods: (id: string, func: Function) => void;
+};

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import { App } from 'vue';
+import { ElButtonPlus, ElColPlus, ElRowPlus } from './components/ElPlusComponent';
+import { ToolBar } from './components/ToolBar';
+import { QueryBar, QueryDateTime, QueryInput, QueryInputLike, QuerySelect, QueryTreeFilter } from './components/QueryComponent';
+import { TableInput, TableInputNumber, TableSelect, TableSelectAsync, TableSwitch, TableListSelect, TableCheckBoxAsync, TableRender, TableCardRender } from './components/TableComponent';
+import { FormInput, FormInputNumber, FormTextArea, FormText, FormSelect, FormSelectAsync, FormSelectRemote, FormRadio, FormCheckBox, FormCheckBoxAsync, FormSwitch, FormDatePicker, FormDateTimePicker, FormCascaderAsync, FormTableSelect, FormTableSelectAsync, FormDictSelector, FormIconPicker, FormCodeEditor, FormDivider, FormFieldset, FormDynamicTable, DynamicMapTable, FormRender } from './components/FormComponent';
+import { AppFormRender, AppTableRender } from './components/AppComponent';
+
+export * from './components';
+export * from './types';
+export * from './config';
+declare const KeliUI: {
+    install: (app: App, ...options: any[]) => void;
+};
+export default KeliUI;
+export { ElButtonPlus, ElColPlus, ElRowPlus, ToolBar, QueryBar, QueryDateTime, QueryInput, QueryInputLike, QuerySelect, QueryTreeFilter, TableInput, TableInputNumber, TableSelect, TableSelectAsync, TableSwitch, TableListSelect, TableCheckBoxAsync, TableRender, TableCardRender, FormInput, FormInputNumber, FormTextArea, FormText, FormSelect, FormSelectAsync, FormSelectRemote, FormRadio, FormCheckBox, FormCheckBoxAsync, FormSwitch, FormDatePicker, FormDateTimePicker, FormCascaderAsync, FormTableSelect, FormTableSelectAsync, FormDictSelector, FormIconPicker, FormCodeEditor, FormDivider, FormFieldset, FormDynamicTable, DynamicMapTable, FormRender, AppFormRender, AppTableRender };