keli-ui 0.3.0 → 0.3.1

package/dist/types/formFrame.d.ts

@@ -0,0 +1,299 @@
+import { ComponentFrame, HttpMethod, OptionInterface, Size } from './componentFrame';
+
+
+type LabelPosition = 'left' | 'right';
+
+type FormLayout = 'horizontal' | 'inline' | 'vertical';
+
+export interface FormFrame extends ComponentFrame {
+  /** 表单编辑器 */
+  formEditor: string;
+  /** 是否禁止编辑 */
+  disabled?: boolean;
+  /** 组件大小 */
+  size?: Size;
+  /** 当值发生变化时 通知这些字段的组件 */
+  noticeField?: string[];
+  /** 接收到字段值发生变化是触发的js函数 */
+  noticeReceive?: Function;
+  /** 组件其他参数 */
+  componentParams?: any;
+  /** 格栅占据数 */
+  formSpan?: number;
+  /**
+   * label-width	标签宽度，例如 '50px'。 可以使用 auto。
+   * string / number
+   */
+  labelWidth?: number | string;
+  /** 默认值 */
+  defaultValue?: null | string | undefined;
+  /**
+   * 域子组件
+   */
+  children?: FormFrame[];
+  /**
+   * 强制换行
+   */
+  formBreak?: boolean;
+}
+
+/**
+ * 下拉表组件的options
+ */
+interface KeFormTableSelectOption {
+  field: string;
+  label: string;
+  /**
+   * 最大24
+   */
+  span: number;
+}
+
+/**
+ * 下拉表组件
+ */
+export interface FormTableSelectProp extends FormFrame {
+  /** 是否多选 */
+  multiple?: boolean;
+  /** 下拉框选项 */
+  options: any[];
+  componentParams: {
+    /**
+     * key字段
+     */
+    keyField: string;
+    /**
+     * label字段
+     */
+    labelField: string;
+    mode?: string;
+    optionSlots: KeFormTableSelectOption[];
+    /**
+     * option宽度
+     */
+    optionWidth: number;
+    /**
+     * value字段
+     */
+    valueField: string;
+  };
+}
+export interface FormTableSelectAsyncProp extends FormSelectAsyncProp {
+  componentParams: {
+    /**
+     * key字段
+     */
+    keyField: string;
+    /**
+     * label字段
+     */
+    labelField: string;
+    mode?: string;
+    optionSlots: KeFormTableSelectOption[];
+    /**
+     * option宽度
+     */
+    optionWidth?: number;
+    /**
+     * value字段
+     */
+    valueField: string;
+  };
+}
+
+/** 动态表格 */
+export interface FormDynamicTableProps extends FormFrame {
+  column: DynamicTableColumn[];
+  componentParams?: {
+    column: any[];
+    width?: number;
+  };
+}
+interface DynamicTableColumn {
+  field: string;
+  title: string;
+  width: number;
+  editor: DynamicComponent;
+  [key: string]: any;
+}
+
+export interface FormRadioProp extends FormFrame {
+  options: OptionInterface[];
+}
+
+/** 表单基本配置 */
+export interface KeFormBasicInterface {
+  /** 主键的key */
+  rowKey: string;
+  labelWidth: number;
+  span?: number;
+  // label对齐方式
+  labelPosition?: LabelPosition;
+  // 表单布局方式
+  layout?: FormLayout;
+  formWindowType?: 'default' | 'EmbeddedDialogForm' | 'DrawerForm';
+}
+
+export type SupportedLanguage =
+  | 'java'
+  | 'javascript'
+  | 'json'
+  | 'mysql'
+  | 'postgresql'
+  | 'vue';
+
+export interface FormCodeEditorProp extends FormFrame {
+  componentParams: {
+    lang?: SupportedLanguage;
+    maxLine?: number;
+    prefix?: string;
+    suffix?: string;
+    theme?: 'dark' | 'default' | 'light';
+    width?: number;
+  };
+}
+
+/** 表单基本配置 */
+export interface FormBasicInterface {
+  /** 主键的key */
+  rowKey: string;
+  labelWidth: number;
+  span?: number;
+  /**
+   * 启用流程
+   */
+  startOA?: boolean;
+  // label对齐方式
+  labelPosition?: 'left' | 'right' | 'top';
+  // 表单布局方式
+  layout?: FormLayout;
+  formWindowType?: 'default' | 'EmbeddedDialogForm' | 'DrawerForm';
+  /**
+   * 响应式布局 默认打开
+   */
+  responsive?: boolean;
+}
+
+export interface FormRenderProp {
+  formConfig: FormBasicInterface;
+  formFrame: formFrameType;
+  formRules: {
+    // [propName: string]: Rule[];
+    [propName: string]: any[];
+  };
+  formButtons?: FormButton[];
+  embeddedTableList?: FormEmbeddedTable[];
+  /**
+   * 组件显示规则
+   */
+  componentShowRule?: {
+    [key: string]: Function;
+  };
+}
+
+/** 嵌入表 */
+export interface FormEmbeddedTableProp {
+  /** pageEn */
+  embeddedId: number;
+  /** tab标题 */
+  tabTitle: string;
+}
+
+// frame类型
+type formFrameType = (
+  | FormCodeEditor
+  | FormDynamicTable
+  | FormFilePicker
+  | FormFrame
+  | FormNumberInput
+  | FormSelect
+  | FormSelectAsync
+)[];
+
+/** 表单验证规则 */
+export interface FormRuleProp {
+  required?: boolean;
+  min?: number;
+  max?: number;
+  message?: string;
+  trigger: ruleTriggerType;
+  validator?: Function | string;
+  [key: string]: any;
+}
+
+/** 下拉框 */
+export interface FormSelectProp extends FormFrame {
+  /** 是否多选 */
+  multiple?: boolean;
+  /** 下拉框选项 */
+  options: OptionInterface[];
+}
+
+/** 异步下拉框 */
+export interface FormSelectAsyncProp extends FormFrame {
+  /** 是否多选 */
+  multiple: boolean;
+  /** Http URL */
+  optionHttpUrl: string;
+  /** http方法 */
+  optionHttpMethod: HttpMethod;
+  /** http默认参数 */
+  optionHttpParams: any;
+  /** http其他字段 */
+  optionHttpComponentValue: string[];
+}
+
+/** 动态表格 */
+export interface FormDynamicTableProp extends FormFrame {
+  componentParams: {
+    column: DynamicTableColumn[];
+    width: number;
+  };
+}
+interface DynamicTableColumn {
+  field: string;
+  title: string;
+  width: number;
+  editor: DynamicComponent;
+  [key: string]: any;
+}
+type DynamicComponent =
+  | 'FormCodeEditor'
+  | 'FormInput'
+  | 'FormInputNumber'
+  | 'FormSelect'
+  | 'FormSwitch'
+  | 'FormText'
+  | 'FormTextArea';
+
+export type FormSwitch = FormFrame;
+
+/** 文件选择器（单选） */
+export interface FormFilePickerProp extends FormFrame {
+  fileType: FileType[];
+  maxNumber: number;
+}
+
+/** 当值发生变化时通知 */
+export interface NoticeData {
+  /** 需要通知的字段 */
+  field: string;
+  /** 当前 */
+  value: any;
+}
+
+/** 附件图片 */
+export interface FileUpload {
+  id: string;
+  fileOriginalName: string;
+  type: string;
+  fileType: string;
+  disabled: boolean;
+  createBy: string;
+  createTime: string;
+}
+
+export type FileUploadField = {
+  fieldName: string;
+  fieldTitle: string;
+};

package/dist/types/global-components.d.ts

@@ -0,0 +1,61 @@
+import { 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, DialogForm, DrawerForm, FileIsland, ApprovalRecord, FlowUserDialog, EmbeddedTable, EmbeddedDialogForm, ChartRender } from './index';
+
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElButtonPlus: typeof ElButtonPlus;
+    ElColPlus: typeof ElColPlus;
+    ElRowPlus: typeof ElRowPlus;
+    ToolBar: typeof ToolBar;
+    QueryBar: typeof QueryBar;
+    QueryDateTime: typeof QueryDateTime;
+    QueryInput: typeof QueryInput;
+    QueryInputLike: typeof QueryInputLike;
+    QuerySelect: typeof QuerySelect;
+    QueryTreeFilter: typeof QueryTreeFilter;
+    TableInput: typeof TableInput;
+    TableInputNumber: typeof TableInputNumber;
+    TableSelect: typeof TableSelect;
+    TableSelectAsync: typeof TableSelectAsync;
+    TableSwitch: typeof TableSwitch;
+    TableListSelect: typeof TableListSelect;
+    TableCheckBoxAsync: typeof TableCheckBoxAsync;
+    TableRender: typeof TableRender;
+    TableCardRender: typeof TableCardRender;
+    FormInput: typeof FormInput;
+    FormInputNumber: typeof FormInputNumber;
+    FormTextArea: typeof FormTextArea;
+    FormText: typeof FormText;
+    FormSelect: typeof FormSelect;
+    FormSelectAsync: typeof FormSelectAsync;
+    FormSelectRemote: typeof FormSelectRemote;
+    FormRadio: typeof FormRadio;
+    FormCheckBox: typeof FormCheckBox;
+    FormCheckBoxAsync: typeof FormCheckBoxAsync;
+    FormSwitch: typeof FormSwitch;
+    FormDatePicker: typeof FormDatePicker;
+    FormDateTimePicker: typeof FormDateTimePicker;
+    FormCascaderAsync: typeof FormCascaderAsync;
+    FormTableSelect: typeof FormTableSelect;
+    FormTableSelectAsync: typeof FormTableSelectAsync;
+    FormDictSelector: typeof FormDictSelector;
+    FormIconPicker: typeof FormIconPicker;
+    FormCodeEditor: typeof FormCodeEditor;
+    FormDivider: typeof FormDivider;
+    FormFieldset: typeof FormFieldset;
+    FormDynamicTable: typeof FormDynamicTable;
+    DynamicMapTable: typeof DynamicMapTable;
+    FormRender: typeof FormRender;
+    AppFormRender: typeof AppFormRender;
+    DialogForm: typeof DialogForm;
+    DrawerForm: typeof DrawerForm;
+    FileIsland: typeof FileIsland;
+    ApprovalRecord: typeof ApprovalRecord;
+    FlowUserDialog: typeof FlowUserDialog;
+    EmbeddedTable: typeof EmbeddedTable;
+    EmbeddedDialogForm: typeof EmbeddedDialogForm;
+    ChartRender: typeof ChartRender;
+  }
+}
+
+export {};

package/dist/types/index.d.ts

@@ -1,96 +1,12 @@
-export interface KeButton {
-    id: number | string;
-    label: string;
-    icon?: string | object;
-    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default';
-    buttonClass?: string;
-    buttonStyle?: Record<string, any>;
-    click?: (data: any, button: any, rowIndex?: number) => void;
-}
-export interface TableComponentFrame {
-    field: string;
-    title?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    editRender?: {
-        name: string;
-        enabled?: boolean;
-        props?: Record<string, any>;
-    };
-}
-export interface TableSelectorProp extends TableComponentFrame {
-    editRender?: {
-        name: string;
-        enabled?: boolean;
-        props?: {
-            multiple?: boolean;
-            options?: Array<{
-                label: string;
-                value: any;
-                disabled?: boolean;
-            }>;
-            componentParams?: Record<string, any>;
-        };
-    };
-}
-export interface TableListSelectorProp extends TableComponentFrame {
-    editRender?: {
-        name: string;
-        props?: {
-            multiple?: boolean;
-            options?: Array<Record<string, any>>;
-            componentParams?: {
-                keyField?: string;
-                labelField?: string;
-                optionWidth?: number;
-                optionSlots?: Array<{
-                    field: string;
-                    label: string;
-                    span: number;
-                }>;
-            } & Record<string, any>;
-        };
-    };
-}
-export interface TableQueryFrame {
-    fieldName: string;
-    fieldTitle: string;
-    queryEditor: string;
-    options?: Array<{
-        label: string;
-        value: any;
-        disabled?: boolean;
-    }>;
-}
-export interface TableConfigInterface {
-    rowKey: string;
-    titleField?: string;
-    coverField?: string;
-    tree?: boolean;
-}
-export interface Pagination {
-    currentPage: number;
-    pageSize: number;
-    total: number;
-}
-export interface QuerySelector {
-    options?: Array<{
-        label: string;
-        value: any;
-        disabled?: boolean;
-    }>;
-}
-export interface translateObj {
-    [key: string]: (value: any) => any;
-}
-export interface translateJSON {
-    [key: string]: {
-        label: string;
-        value: any;
-    }[];
-}
-export interface TableCheckBoxAsyncI18n {
-    save: string;
-    cancel: string;
-    close: string;
-}
+export type * from './api';
+export type * from './app';
+export type * from './button';
+export type * from './cacheValue';
+export type * from './chart';
+export type * from './common';
+export type * from './componentFrame';
+export type * from './flowButton';
+export type * from './formFrame';
+export type * from './queryFrame';
+export type * from './tableFrame';
+export type * from './translate';

package/dist/types/queryFrame.d.ts

@@ -0,0 +1,36 @@
+import { HttpMethod, OptionInterface } from './componentFrame';
+
+
+export interface QueryDataInterface {
+  [key: string]: QueryComponent;
+}
+export interface QueryComponent {
+  val: any;
+  queryType: QueryType;
+}
+
+// 等于 包含  范围
+type QueryType = 'equal' | 'hasAny' | 'like' | 'range';
+
+/** 查询配置 */
+export interface TableQueryFrame {
+  fieldName: string;
+  fieldTitle: string;
+  queryEditor: string;
+  options?: any[];
+}
+
+export interface QuerySelector extends TableQueryFrame {
+  /** 是否多选 */
+  multiple?: boolean;
+  /** Http URL */
+  optionHttpUrl: string;
+  /** http方法 */
+  optionHttpMethod: HttpMethod;
+  /** http默认参数 */
+  optionHttpParams: any;
+  /** http其他字段 */
+  optionHttpParamsValue: string[];
+  /** 选项默认是空的 需要在render里面进行数据异步获取 不在组件内部进行数据获取 */
+  options: OptionInterface[];
+}

package/dist/types/tableFrame.d.ts

@@ -0,0 +1,196 @@
+import { ComponentFrame, HttpMethod, OptionInterface, Slots } from './componentFrame';
+import { translateJSON, translateObj } from './translate';
+import { KeFormTableSelectOption } from './index';
+
+
+/** 表格基础配置 */
+export interface TableConfigInterface {
+  /**
+   * 页面ID
+   */
+  pageId?: number;
+  /** 主键 */
+  rowKey: string;
+  /** 是否tree table */
+  tree: boolean;
+  /** tree的父字段id */
+  parentField?: null | string;
+  /** tree默认值 */
+  treeDefault?: null | string;
+  /** 是否懒加载 */
+  treeLazyLoad?: boolean;
+  /** 某些特定参数，用于类似于异步下拉框取component的值时 */
+  params?: any;
+  /** 显示类型 */
+  showType: 'SidebarTable' | 'TableRender' | 'TableRenderCard';
+  /** 封面字段 showType为Card时生效（展示图片） */
+  coverField?: string;
+  /**
+   * 标题字段
+   */
+  titleField?: string;
+  /**
+   * 是否有tree过滤器
+   */
+  hasQueryTreeFilter: boolean;
+  /**
+   * 允许拖拽排序
+   */
+  dragSort?: boolean;
+  /**
+   * 允许粘贴
+   */
+  paste?: boolean;
+  /**
+   * 删除按钮
+   */
+  deleteBtn?: boolean;
+  /**
+   * 弹出的窗口方式
+   */
+  formWindow?: 'DialogForm' | 'DrawerForm';
+}
+
+type Fixed = 'left' | 'right';
+
+export interface TableComponentFrame extends ComponentFrame {
+  /**
+   * 最小宽度
+   */
+  minWidth: number;
+  /**
+   * 固定列位置
+   */
+  fixed?: Fixed;
+  /**
+   * 允许拖拽
+   */
+  sortable?: boolean;
+  /**
+   * 是否禁用
+   */
+  disabled?: boolean;
+  slots?: {
+    default: Slots;
+  };
+  editRender?: {
+    /**
+     * 组件名称
+     */
+    name: string;
+    props: {
+      /** 组件其他参数 可参考element-plus或者vant的组件参数 */
+      componentParams?: {
+        [propName: string]: any;
+      };
+      /**
+       * 是否禁止编辑
+       */
+      disabled: boolean;
+    };
+  };
+  /** 翻译类型 */
+  tabObj?: translateObj;
+  translate?: translateJSON;
+}
+
+export interface TableSelectorProp extends TableComponentFrame {
+  editRender?: {
+    /**
+     * 组件名称
+     */
+    name: string;
+    props: {
+      /** 组件其他参数 可参考element-plus或者vant的组件参数 */
+      componentParams?: {
+        [propName: string]: any;
+      };
+      /**
+       * 是否禁止编辑
+       */
+      disabled: boolean;
+      /** 是否多选 */
+      multiple?: boolean;
+      /** http方法 */
+      optionHttpMethod: HttpMethod;
+      /** http默认参数 */
+      optionHttpParams: any;
+      /** http其他字段 */
+      optionHttpParamsValue: string[];
+      /** Http URL */
+      optionHttpUrl: string;
+      /** 选项默认是空的 需要在render里面进行数据异步获取 不在组件内部进行数据获取 */
+      options: OptionInterface[];
+    };
+  };
+}
+export interface TableListSelectorProp extends TableComponentFrame {
+  editRender: {
+    /**
+     * 组件名称
+     */
+    name: string;
+
+    props: {
+      /** 组件其他参数 可参考element-plus或者vant的组件参数 */
+      componentParams: {
+        [propName: string]: any;
+        /**
+         * key字段
+         */
+        keyField: string;
+        /**
+         * label字段
+         */
+        labelField: string;
+        mode?: string;
+        optionSlots: KeFormTableSelectOption[];
+        /**
+         * option宽度
+         */
+        optionWidth: number;
+        /**
+         * value字段
+         */
+        valueField: string;
+      };
+      /**
+       * 是否禁止编辑
+       */
+      disabled: boolean;
+      /** 是否多选 */
+      multiple?: boolean;
+      /** 下拉框选项 */
+      options: any[];
+    };
+  };
+}
+
+/**
+ * 分页
+ */
+export type Pagination = {
+  /**
+   * 当前页
+   */
+  currentPage: number;
+  /**
+   * 页面大小
+   */
+  pageSize: number;
+  /**
+   * 总数
+   */
+  total: number;
+};
+
+export interface QueryFilterDTO {
+  /**
+   * 页面ID
+   */
+  pageId: number;
+  /**
+   * 父id值
+   */
+  pid: any;
+}