hs-admin-ui 1.0.0

package/src/types/formItem/treeSelect.ts

@@ -0,0 +1,37 @@
+import IFormTable from '../formTable';
+
+export interface TreeSelectAttr {
+	multiple: boolean;
+	disabled: boolean;
+	'value-key': string;
+	clearable: boolean;
+	'collapse-tags': boolean;
+	'collapse-tags-tooltip': boolean;
+	'multiple-limit': number;
+	effect: IFormTable.Effect;
+	autocomplete: string;
+	filterable: boolean;
+	'allow-create': boolean;
+	remote: boolean;
+	'remote-show-suffix': boolean;
+	loading: boolean;
+	'reserve-keyword': boolean;
+	'default-first-option': boolean;
+	teleported: boolean;
+	persistent: boolean;
+	'automatic-dropdown': boolean;
+	'clear-icon': string;
+	'fit-input-width': boolean;
+	'suffix-icon': string;
+	'tag-type': IFormTable.TagType;
+	'validate-event': boolean;
+	placement: IFormTable.Placement;
+	'max-collapse-tags': number;
+	props: object;
+	data: string;
+}
+
+export interface TreeSelect {
+	attrs: TreeSelectAttr;
+	rules: IFormTable.Rules;
+}

package/src/types/formTable.d.ts

@@ -0,0 +1,210 @@
+import { Component } from '../components/component';
+// import ComponentAttr from '/@/types/components';
+import ICustomData from './customData';
+import { VxePagerProps } from 'vxe-table';
+import { FormItemProps, FormRules } from 'element-plus';
+
+declare namespace IFormTable {
+	type Data = ICustomData.Data;
+
+	interface option {
+		label: string;
+		value: string;
+	}
+
+	type Position = 'left' | 'right' | 'top';
+	type Placement =
+		| 'top'
+		| 'top-start'
+		| 'top-end'
+		| 'bottom'
+		| 'bottom-start'
+		| 'bottom-end'
+		| 'left'
+		| 'left-start'
+		| 'left-end'
+		| 'right'
+		| 'right-start'
+		| 'right-end';
+	type TagType = '' | 'success' | 'info' | 'warning' | 'danger';
+	type Effect = 'dark' | 'light';
+
+	/**
+	 * 表单配置项 */
+	interface FormBaseConfig extends ICustomData.FormBaseConfig {
+		/** 表单校验规则 */
+		rules?: string | FormRules<Data>;
+		/** 布局下的水平排列方式 */
+		gutter?: number;
+		justify?: string;
+		align?: string;
+		inline?: boolean;
+		labelPosition?: Position;
+		labelSuffix?: string;
+		requireAsteriskPosition?: Position;
+		statusIcon?: boolean;
+		validateOnRuleChange?: boolean;
+		scrollToError?: boolean;
+		rowGap?: number;
+		columnGap?: number;
+	}
+
+	interface FormItem extends FormItemProps {
+		type: string;
+		show?: boolean;
+		el: Component;
+		op?: Array<option>;
+		cel?: string;
+		multiple?: boolean;
+		clearable?: boolean;
+		size?: string;
+		tooltip?: string;
+		default?: string;
+		disabled?: boolean;
+		nest?: false;
+		slot?: string;
+		span?: number; //[string | number],
+		xs?: number; //[string | number],
+		sm?: number; // [string | number],
+		md?: number; //[string | number],
+		lg?: number; //[string | number],
+		xl?: number; //[string | number],
+		/** 是否使用value值插槽 */
+		slotValue?: string;
+	}
+
+	interface Rules extends ICustomData.Rules {
+		rules: string | FormRules<Data>[];
+	}
+
+	/** 表单项配置接口 */
+	interface ConfigData extends ICustomData.FormItemConfigData {
+		layoutData: Object;
+		defaultData: Object;
+	}
+
+	interface FormItemConfig {
+		title: {
+			subTitle: string;
+		};
+		/** 空值配置显示隐藏的参数 */
+		visible: boolean;
+		/** 校验规则 */
+		rules?: Data;
+		/** 配置列表 */
+		list: FormItem[];
+	}
+	interface ConfigItemType extends ICustomData.FormItemConfig {
+		// baseConfig: FormItemConfig;
+		// elConfig: FormItemConfig;
+		// layoutConfig: FormItemConfig;
+	}
+
+	interface Form {
+		id: string;
+		/** 表单配置数据 */
+		baseData: FormBaseConfig;
+		formData: Data;
+		/** 表单项配置数组 */
+		formConfig: Array<ConfigItemType>;
+	}
+
+	interface Pager extends VxePagerProps {
+		/** 自定义布局 */
+		layouts: string;
+		/** 每页大小选项列表 */
+		pageSizes: string;
+	}
+
+	interface TableBaseData extends ICustomData.TableBaseData {
+		/** 表格配置名称 */
+		tableName?: string;
+		/** 表格分页配置 */
+		table_page_data?: Pager;
+	}
+	interface BtnItem {
+		/** 按钮唯一标识配置 */
+		id: string;
+		/** 按钮配置数据 */
+		data: ICustomData.BtnData;
+	}
+
+	interface TableItem extends ICustomData.TableItem {}
+	interface Table {
+		/** 表格的id */
+		id: string;
+		/** 表格配置数据 */
+		baseData: TableBaseData;
+		/** 表格项配置数组 */
+		tableConfig: TableItem[];
+	}
+
+	interface FormTable {
+		/** 配置id */
+		id: string;
+		/** 按钮配置 */
+		btns: Array<BtnItem>;
+		/** 配置唯一标识 */
+		config_unique_id: string;
+		/** 配置类型 */
+		config_type: '1';
+		/** 配置名称 */
+		config_name: string;
+		/** 表单配置 */
+		form?: Form;
+		/** 表格配置数据 */
+		tables: Array<Table>;
+		/** 更新时间 */
+		update_time?: string;
+	}
+	// ===============================
+	interface baseData {
+		/** 表单配置名称 */
+		id?: string;
+		/** 表单配置名称 */
+		label?: string;
+		/** 栅格 */
+		grid?: number;
+		/** 字段标识 */
+		fieldID?: string;
+		rowGap?: number;
+		columnGap?: number;
+	}
+	interface FormbaseData {
+		id?: string;
+		/** 表单配置 */
+		form?: FormbaseData;
+		/** 组件配置 */
+		component?: FormbaseData;
+		/** 插槽配置 */
+		slot?: FormbaseData;
+		baseData?: baseData;
+		formConfig?: Array<ConfigItemType>;
+		formData?: Data;
+		/** 表单项类型 */
+		formItemType?: 'form' | 'component' | 'slot';
+		/** 基础配置 */
+		base?: baseData;
+	}
+	interface BaseForm extends FormProps {}
+
+	interface FormConfig {
+		config_unique_id: string;
+		/** 配置名称 */
+		config_name: string;
+		/** 表单配置 */
+		form?: Form;
+		component?: FormbaseData;
+		/** 插槽配置 */
+		slot?: FormbaseData;
+		/** 表单配置数据 */
+		forms: Array<FormbaseData>;
+		// /** 表单项类型 */
+		formItemType?: 'form' | 'component' | 'slot';
+		/** 基础配置 */
+		base?: baseData;
+		BaseForm: BaseForm;
+	}
+}
+
+export default IFormTable;

package/src/types/global.d.ts

@@ -0,0 +1,118 @@
+// 申明外部 npm 插件模块
+declare module 'vue-grid-layout';
+declare module 'qrcodejs2-fixes';
+declare module 'splitpanes';
+declare module 'js-cookie';
+declare module '/@wangeditor/editor-for-vue';
+declare module 'js-table2excel';
+declare module 'qs';
+declare module 'sortablejs';
+declare module 'lodash';
+
+// 声明一个模块，防止引入文件时报错
+declare module '*.json';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.scss';
+declare module '*.ts';
+declare module '*.js';
+
+declare const __IS_DEV__: boolean;
+
+// 声明文件，*.vue 后缀的文件交给 vue 模块来处理
+declare module '*.vue' {
+	import type { DefineComponent } from 'vue';
+	const component: DefineComponent<{}, {}, any>;
+	export default component;
+}
+
+// 声明文件，定义全局变量
+/* eslint-disable */
+declare interface Window {
+	nextLoading: boolean;
+}
+
+// 声明路由当前项类型
+declare type RouteItem<T = any> = {
+	path: string;
+	name?: string | symbol | undefined | null;
+	redirect?: string;
+	k?: T;
+	meta?: {
+		title?: string;
+		isLink?: string;
+		isHide?: boolean;
+		isKeepAlive?: boolean;
+		isAffix?: boolean;
+		isIframe?: boolean;
+		roles?: string[];
+		icon?: string;
+		isDynamic?: boolean;
+		isDynamicPath?: string;
+		isIframeOpen?: string;
+		loading?: boolean;
+	};
+	children: T[];
+	query?: { [key: string]: T };
+	params?: { [key: string]: T };
+	contextMenuClickId?: string | number;
+	commonUrl?: string;
+	isFnClick?: boolean;
+	url?: string;
+	transUrl?: string;
+	title?: string;
+	id?: string | number;
+};
+
+// 声明路由 to from
+declare interface RouteToFrom<T = any> extends RouteItem {
+	path?: string;
+	children?: T[];
+}
+
+// 声明路由当前项类型集合
+declare type RouteItems<T extends RouteItem = any> = T[];
+
+// 声明 ref
+declare type RefType<T = any> = T | null;
+
+// 声明 HTMLElement
+declare type HtmlType = HTMLElement | string | undefined | null;
+
+// 申明 children 可选
+declare type ChilType<T = any> = {
+	children?: T[];
+};
+
+// 申明 数组
+declare type EmptyArrayType<T = any> = T[];
+
+// 申明 对象
+declare type EmptyObjectType<T = any> = {
+	[key: string]: T;
+};
+
+// 申明 select option
+declare type SelectOptionType = {
+	value: string | number;
+	label: string | number;
+};
+
+// 鼠标滚轮滚动类型
+declare interface WheelEventType extends WheelEvent {
+	wheelDelta: number;
+}
+
+// table 数据格式公共类型
+declare interface TableType<T = any> {
+	total: number;
+	loading: boolean;
+	param: {
+		pageNum: number;
+		pageSize: number;
+		[key: string]: T;
+	};
+}
+
+/** 声明数组指定值类型集合 */
+declare type Student<T, K extends string> = T extends Readonly<{ [key in K]: infer U }[]> ? U : never;

package/src/types/layout.d.ts

@@ -0,0 +1,59 @@
+// aside
+declare type AsideState = {
+	menuList: RouteRecordRaw[];
+	clientWidth: number;
+};
+
+// columnsAside
+declare type ColumnsAsideState<T = any> = {
+	columnsAsideList: T[];
+	liIndex: number;
+	liOldIndex: null | number;
+	liHoverIndex: null | number;
+	liOldPath: null | string;
+	difference: number;
+	routeSplit: string[];
+};
+
+// navBars breadcrumb
+declare type BreadcrumbState<T = any> = {
+	breadcrumbList: T[];
+	routeSplit: string[];
+	routeSplitFirst: string;
+	routeSplitIndex: number;
+};
+
+// navBars search
+declare type SearchState<T = any> = {
+	isShowSearch: boolean;
+	menuQuery: string;
+	tagsViewList: T[];
+};
+
+// navBars tagsView
+declare type TagsViewState<T = any> = {
+	routeActive: string | T;
+	routePath: string | unknown;
+	dropdown: {
+		x: string | number;
+		y: string | number;
+	};
+	sortable: T;
+	tagsRefsIndex: number;
+	tagsViewList: T[];
+	tagsViewRoutesList: T[];
+};
+
+// navBars parent
+declare type ParentViewState<T = any> = {
+	refreshRouterViewKey: string;
+	iframeRefreshKey: string;
+	keepAliveNameList: string[];
+	iframeList: T[];
+};
+
+// navBars link
+declare type LinkViewState = {
+	title: string;
+	isLink: string;
+};

package/src/types/mitt.d.ts

@@ -0,0 +1,38 @@
+/**
+ * mitt 事件类型定义
+ *
+ * @method openSetingsDrawer 打开布局设置弹窗
+ * @method restoreDefault 分栏布局，鼠标移入、移出数据显示
+ * @method setSendColumnsChildren 分栏布局，鼠标移入、移出菜单数据传入到 navMenu 下的菜单中
+ * @method setSendClassicChildren 经典布局，开启切割菜单时，菜单数据传入到 navMenu 下的菜单中
+ * @method getBreadcrumbIndexSetFilterRoutes 布局设置弹窗，开启切割菜单时，菜单数据传入到 navMenu 下的菜单中
+ * @method layoutMobileResize 浏览器窗口改变时，用于适配移动端界面显示
+ * @method openOrCloseSortable 布局设置弹窗，开启 TagsView 拖拽
+ * @method openShareTagsView 布局设置弹窗，开启 TagsView 共用
+ * @method onTagsViewRefreshRouterView tagsview 刷新界面
+ * @method onCurrentContextmenuClick tagsview 右键菜单每项点击时
+ */
+declare type MittType<T = any> = {
+	openSetingsDrawer?: string;
+	restoreDefault?: string;
+	setSendColumnsChildren: T;
+	setSendClassicChildren: T;
+	getBreadcrumbIndexSetFilterRoutes?: string;
+	layoutMobileResize: T;
+	openOrCloseSortable?: string;
+	openShareTagsView?: string;
+	onTagsViewRefreshRouterView?: T;
+	onCurrentContextmenuClick?: T;
+};
+
+// mitt 参数类型定义
+declare type LayoutMobileResize = {
+	layout: string;
+	clientWidth: number;
+};
+
+// mitt 参数菜单类型
+declare type MittMenu = {
+	children: RouteRecordRaw[];
+	item?: RouteItem;
+};

package/src/types/pinia.d.ts

@@ -0,0 +1,92 @@
+/**
+ * pinia 类型定义
+ */
+
+// 用户信息
+declare interface UserInfos<T = any> {
+	authBtnList: string[];
+	photo: string;
+	roles: string[];
+	time: number;
+	userName: string;
+	[key: string]: T;
+}
+declare interface UserInfosState {
+	userInfos: UserInfos;
+}
+
+// 路由缓存列表
+declare interface KeepAliveNamesState {
+	keepAliveNames: string[];
+	cachedViews: string[];
+}
+
+// 后端返回原始路由(未处理时)
+declare interface RequestOldRoutesState {
+	requestOldRoutes: string[];
+}
+
+// TagsView 路由列表
+declare interface TagsViewRoutesState<T = any> {
+	tagsViewRoutes: T[];
+	isTagsViewCurrenFull: Boolean;
+}
+
+// 路由列表
+declare interface RoutesListState<T = any> {
+	routesList: T[];
+	isColumnsMenuHover: Boolean;
+	isColumnsNavHover: Boolean;
+}
+
+// 布局配置
+declare interface ThemeConfigState {
+	themeConfig: {
+		isDrawer: boolean;
+		primary: string;
+		topBar: string;
+		topBarColor: string;
+		isTopBarColorGradual: boolean;
+		menuBar: string;
+		menuBarColor: string;
+		menuBarActiveColor: string;
+		isMenuBarColorGradual: boolean;
+		columnsMenuBar: string;
+		columnsMenuBarColor: string;
+		isColumnsMenuBarColorGradual: boolean;
+		isColumnsMenuHoverPreload: boolean;
+		isCollapse: boolean;
+		isUniqueOpened: boolean;
+		isFixedHeader: boolean;
+		isFixedHeaderChange: boolean;
+		isClassicSplitMenu: boolean;
+		isLockScreen: boolean;
+		lockScreenTime: number;
+		isShowLogo: boolean;
+		isShowLogoChange: boolean;
+		isBreadcrumb: boolean;
+		isTagsview: boolean;
+		isBreadcrumbIcon: boolean;
+		isTagsviewIcon: boolean;
+		isCacheTagsView: boolean;
+		isSortableTagsView: boolean;
+		isShareTagsView: boolean;
+		isFooter: boolean;
+		isGrayscale: boolean;
+		isInvert: boolean;
+		isIsDark: boolean;
+		isWartermark: boolean;
+		wartermarkText: string;
+		tagsStyle: string;
+		animation: string;
+		columnsAsideStyle: string;
+		columnsAsideLayout: string;
+		layout: string;
+		isRequestRoutes: boolean;
+		globalTitle: string;
+		globalViceTitle: string;
+		globalViceTitleMsg: string;
+		globalI18n: string;
+		globalComponentSize: string;
+	};
+}