chore: added .d.ts files

typings/interfaces/common/action.d.ts

@@ -0,0 +1,38 @@
+import {
+  ACTION_CLONE,
+  ACTION_DELETE,
+  ACTION_EDIT,
+  ACTION_RUN,
+  ACTION_UPLOAD,
+  ACTION_VIEW,
+  ACTION_VIEW_LOGS,
+  ACTION_VIEW_DATA,
+  ACTION_RESTART,
+  ACTION_COPY,
+  ACTION_START,
+  ACTION_STOP,
+  ACTION_SAVE,
+  ACTION_BACK,
+  ACTION_ENABLE,
+} from '@/constants/action';
+
+export declare global {
+  type ActionName =
+    | ACTION_VIEW
+    | ACTION_EDIT
+    | ACTION_CLONE
+    | ACTION_RUN
+    | ACTION_DELETE
+    | ACTION_UPLOAD
+    | ACTION_RESTART
+    | ACTION_VIEW_LOGS
+    | ACTION_VIEW_DATA
+    | ACTION_COPY
+    | ACTION_START
+    | ACTION_STOP
+    | ACTION_SAVE
+    | ACTION_BACK
+    | ACTION_ENABLE;
+
+  type GenericAction = ActionName | string;
+}

typings/interfaces/common/color.d.ts

@@ -0,0 +1,16 @@
+export declare global {
+  type Color =
+    | 'red'
+    | 'magenta'
+    | 'purple'
+    | 'geekBlue'
+    | 'blue'
+    | 'cyan'
+    | 'green'
+    | 'limeGreen'
+    | 'yellow'
+    | 'gold'
+    | 'orange';
+
+  type ColorFunc = (m: MetricMeta) => string;
+}

typings/interfaces/common/dataType.d.ts

@@ -0,0 +1,3 @@
+export declare global {
+  type BoolFunc = (data: any) => boolean;
+}

typings/interfaces/common/index.d.ts

@@ -0,0 +1,5 @@
+export * from './action';
+export * from './color';
+export * from './dataType';
+export * from './lang';
+export * from './os';

typings/interfaces/common/lang.d.ts

@@ -0,0 +1,3 @@
+export declare global {
+  type Lang = 'en' | 'zh';
+}

typings/interfaces/common/os.d.ts

@@ -0,0 +1,5 @@
+import { OS_WINDOWS, OS_MAC, OS_LINUX } from '@/constants/os';
+
+export declare global {
+  type OS = OS_WINDOWS | OS_MAC | OS_LINUX;
+}

typings/interfaces/components/button/index.d.ts

@@ -0,0 +1 @@
+type ButtonType = 'button' | 'fa-icon' | 'icon' | 'label';

typings/interfaces/components/chart/Metric.d.ts

@@ -0,0 +1,16 @@
+interface MetricProps {
+  title?: string;
+  value?: number | string;
+  icon?: Icon;
+  color?: string;
+  clickable?: boolean;
+}
+
+interface MetricMeta {
+  name: string;
+  key: string;
+  value: number | string;
+  icon: Icon;
+  color?: string | ColorFunc;
+  path?: string;
+}

typings/interfaces/components/chart/MetricLineChart.d.ts

@@ -0,0 +1,3 @@
+interface MetricLineChartProps extends LineChartProps {
+  metric?: string;
+}

typings/interfaces/components/chart/PieChart.d.ts

@@ -0,0 +1,8 @@
+interface PieChartProps {
+  config: EChartsConfig;
+  width?: string;
+  height?: string;
+  theme?: string;
+  labelKey?: string;
+  valueKey?: string;
+}

typings/interfaces/components/color/ColorPicker.d.ts

@@ -0,0 +1,6 @@
+interface ColorPickerProps {
+  modelValue?: string;
+  disabled?: boolean;
+  predefine?: string[];
+  showAlpha?: boolean;
+}

typings/interfaces/components/context-menu/ContextMenu.d.ts

@@ -0,0 +1,9 @@
+// import {Placement} from '@popperjs/core/lib/enums';
+//
+// declare global {
+//   interface ContextMenuProps {
+//     visible?: boolean;
+//     trigger: HTMLElement | string;
+//     placement?: Placement;
+//   }
+// }

typings/interfaces/components/context-menu/ContextMenuList.d.ts

@@ -0,0 +1,3 @@
+interface ContextMenuListProps {
+  items: ContextMenuItem[];
+}

typings/interfaces/components/date/date.d.ts

@@ -0,0 +1,22 @@
+import { Dayjs } from 'dayjs';
+
+export declare global {
+  interface DateRange {
+    start: Dayjs;
+    end: Dayjs;
+  }
+
+  interface RangeItem {
+    key: RangeItemKey;
+    value?: DateRange;
+  }
+
+  interface RangeItemOption extends SelectOption {
+    value?: RangeItem;
+  }
+
+  type RangeItemValue = RangeItemValueFunc | DateRange;
+  type RangeItemValueFunc = () => DateRange;
+  type RangeItemKey = 'custom' | string;
+  type RangePickerType = 'daterange' | 'datetimerange';
+}

typings/interfaces/components/dialog/CreateEditDialog.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+
+declare global {
+  type CreateEditDialogType = 'create' | 'edit';
+
+  type CreateEditTabName = 'single' | 'batch';
+
+  interface CreateEditDialogActionFunctions {
+    onClose: () => void;
+    onConfirm: () => Promise<void>;
+    onTabChange: (value: CreateEditTabName) => void;
+    onAdd: (rowIndex: number) => void;
+    onClone: (rowIndex: number) => void;
+    onDelete: (rowIndex: number) => void;
+    onFieldChange: (rowIndex: number, prop: string, value: any) => void;
+    onFieldRegister: (rowIndex: number, prop: string, formRef: Ref) => void;
+  }
+}

typings/interfaces/components/dialog/Dialog.d.ts

@@ -0,0 +1,5 @@
+type DialogKey = 'create' | 'edit' | 'run' | 'uploadFiles' | 'logs' | 'diff';
+
+interface DialogVisible {
+  createEdit: boolean;
+}

typings/interfaces/components/drag/DraggableItem.d.ts

@@ -0,0 +1,13 @@
+export declare global {
+  interface DraggableItemData {
+    key: string;
+    dragging: boolean;
+
+    [prop: string]: any;
+  }
+
+  interface DraggableListInternalItems {
+    draggingItem?: DraggableItemData;
+    targetItem?: DraggableItemData;
+  }
+}

typings/interfaces/components/drag/DraggableItemContent.d.ts

@@ -0,0 +1,5 @@
+declare global {
+  interface DraggableItemContentProps {
+    item: DraggableItemData;
+  }
+}

typings/interfaces/components/ds/DataSourceConnectType.d.ts

@@ -0,0 +1,5 @@
+export declare global {
+  interface DataSourceConnectTypeProps {
+    dataSource?: DataSource;
+  }
+}

typings/interfaces/components/ds/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DataSourceConnectType';
+export * from './DataSourceType';
+export * from './DataSource';

typings/interfaces/components/file/FileEditor.d.ts

@@ -0,0 +1,15 @@
+export declare global {
+  interface FileEditorOptions {
+    theme: 'vs' | 'vs-dark' | 'hc-black';
+  }
+
+  interface FileEditorStyles {
+    default: FileEditorStyle;
+    active: FileEditorStyle;
+  }
+
+  interface FileEditorStyle {
+    backgroundColor?: string;
+    color?: string;
+  }
+}

typings/interfaces/components/file/FileEditorNavMenu.d.ts

@@ -0,0 +1,19 @@
+export declare global {
+  interface FileEditorNavMenuCache<T = any> {
+    [key: string]: T;
+  }
+
+  interface FileNavItem {
+    id?: string;
+    is_dir?: boolean;
+    path?: string;
+    name?: string;
+    extension?: string;
+    children?: FileNavItem[];
+  }
+
+  interface FileEditorNavMenuClickStatus {
+    clicked: boolean;
+    item?: FileNavItem;
+  }
+}

typings/interfaces/components/file/FileEditorNavTabs.d.ts

@@ -0,0 +1,7 @@
+export declare global {
+  interface FileEditorNavTabsProps {
+    activeTab?: FileNavItem;
+    tabs: FileNavItem[];
+    style?: any;
+  }
+}

typings/interfaces/components/file/FileUpload.d.ts

@@ -0,0 +1,25 @@
+import { FILE_UPLOAD_MODE_DIR, FILE_UPLOAD_MODE_FILES } from '@/constants';
+
+export declare global {
+  interface FileUploadModeOption {
+    label: string;
+    value: string;
+  }
+
+  interface FileUploadInfo {
+    dirName?: string;
+    fileCount?: number;
+    filePaths?: string[];
+  }
+
+  type FileUploadMode = FILE_UPLOAD_MODE_DIR | FILE_UPLOAD_MODE_FILES;
+
+  interface FileWithPath extends File {
+    path?: string;
+  }
+
+  type InputFile = (FileWithPath | DataTransferItem) & {
+    path?: string;
+    size?: number;
+  };
+}

typings/interfaces/components/file/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FileEditor';
+export * from './FileEditorNavMenu';
+export * from './FileEditorNavTabs';
+export * from './FileUpload';

typings/interfaces/components/filter/FilterCondition.d.ts

@@ -0,0 +1,7 @@
+export declare global {
+  interface FilterConditionData {
+    key?: string;
+    op?: string;
+    value?: any;
+  }
+}

typings/interfaces/components/filter/FilterConditionList.d.ts

@@ -0,0 +1,3 @@
+interface FilterConditionListProps {
+  conditions: FilterConditionData[];
+}

typings/interfaces/components/filter/FilterInput.d.ts

@@ -0,0 +1,6 @@
+export declare global {
+  interface FilterInputProps {
+    label?: string;
+    placeholder?: string;
+  }
+}

typings/interfaces/components/filter/FilterSelect.d.ts

@@ -0,0 +1,15 @@
+export declare global {
+  interface FilterSelectOptionsRemote {
+    colName: string;
+    value?: string;
+    label?: string;
+  }
+
+  interface FilterSelectProps {
+    label?: string;
+    placeholder?: string;
+    filterable?: boolean;
+    options?: SelectOption[];
+    optionsRemote?: FilterSelectOptionsRemote;
+  }
+}

typings/interfaces/components/filter/index.d.ts

@@ -0,0 +1,12 @@
+import { ASCENDING, DESCENDING, UNSORTED } from '@/constants/sort';
+
+declare global {
+  type SortDirection = ASCENDING | DESCENDING | UNSORTED | undefined;
+
+  interface SortData {
+    // key
+    key: string;
+    // direction
+    d?: string;
+  }
+}

typings/interfaces/components/form/Form.d.ts

@@ -0,0 +1,51 @@
+import { RuleItem } from 'async-validator';
+import { Ref } from 'vue';
+import {
+  FORM_FIELD_TYPE_CHECK_TAG_GROUP,
+  FORM_FIELD_TYPE_INPUT,
+  FORM_FIELD_TYPE_INPUT_TEXTAREA,
+  FORM_FIELD_TYPE_INPUT_WITH_BUTTON,
+  FORM_FIELD_TYPE_TAG_INPUT,
+  FORM_FIELD_TYPE_TAG_SELECT,
+} from '@/constants/form';
+
+declare global {
+  interface FormContext {
+    labelWidth?: string;
+    size?: string;
+    grid: number;
+  }
+
+  interface FormModel {
+    [key: string]: any;
+  }
+
+  interface FormRuleItem extends RuleItem {
+    trigger?: string;
+  }
+
+  interface FormRules {
+    [key: string]: FormRuleItem | FormRuleItem[];
+  }
+
+  type FormValidateCallback = (valid: boolean) => void;
+
+  interface FormComponentData<T> {
+    formRef: Ref;
+    formList: Ref<T[]>;
+    formTableFieldRefsMap: Ref<FormTableFieldRefsMap>;
+  }
+
+  type FormTableFieldRefsMapKey = [number, string];
+  type FormTableFieldRefsMap = Map<FormTableFieldRefsMapKey, Ref>;
+
+  type DefaultFormFunc<T> = () => T;
+
+  type FormFieldType =
+    | FORM_FIELD_TYPE_INPUT
+    | FORM_FIELD_TYPE_INPUT_TEXTAREA
+    | FORM_FIELD_TYPE_INPUT_WITH_BUTTON
+    | FORM_FIELD_TYPE_TAG_INPUT
+    | FORM_FIELD_TYPE_TAG_SELECT
+    | FORM_FIELD_TYPE_CHECK_TAG_GROUP;
+}

typings/interfaces/components/form/FormItem.d.ts

@@ -0,0 +1,16 @@
+import { RuleItem } from 'async-validator';
+
+declare global {
+  interface FormItemProps {
+    prop?: string;
+    label?: string;
+    labelTooltip?: string;
+    labelWidth?: string;
+    size?: string;
+    span: number;
+    offset: number;
+    required: boolean;
+    rules?: RuleItem | RuleItem[];
+    notEditable?: boolean;
+  }
+}