yc-vep-ui 0.4.0 → 0.4.2

package/dist/components/YcApproval/Remind.vue.d.ts

@@ -1,5 +1,5 @@
 import { IInstanceHandlerList } from './type';
-export interface IProps {
+interface IProps {
     disabled?: boolean;
     formData: {
         instanceHandlerList?: IInstanceHandlerList[];

package/dist/{entry-BnGnLjQT.js → entry-C-f6sEuz.js}

@@ -546,7 +546,7 @@ var render_default = {
 			]);
 		};
 	}
-}), Table_exports = /* @__PURE__ */ __exportAll$1({ default: () => Table_default }), Table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default$11, [["__scopeId", "data-v-bba6a39a"]]), _hoisted_1$33 = ["src"], Icon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+}), Table_exports = /* @__PURE__ */ __exportAll$1({ default: () => Table_default }), Table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default$11, [["__scopeId", "data-v-adf869c1"]]), _hoisted_1$33 = ["src"], Icon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Icon",
 	props: {
 		name: {},
@@ -2573,87 +2573,80 @@ function useFetch(e, n = {}) {
 //#endregion
 //#region src/hooks/useTable/default.ts
 function useDefaultTable(e, n) {
-	let r = reactive({
-		ignoreAttrs: [
-			"tableName",
-			"sort",
-			...n?.ignoreAttrs || []
-		],
-		replaceAttrs: n?.replaceAttrs || {
-			table: "table",
-			total: "total"
-		}
-	}), i = shallowRef([]), a = reactive({
+	let r = [
+		"tableName",
+		"sort",
+		...n?.ignoreAttrs || []
+	], i = n?.replaceAttrs || {
+		table: "table",
+		total: "total"
+	}, a = shallowRef([]), o = reactive({
 		total: 0,
 		page: 1,
 		pageSize: 10
-	}), o = ref([]), s = reactive({
+	}), s = ref([]), c = reactive({
 		page: 1,
 		pageSize: 10
-	}), { defaultParams: c, immediate: l = !0, ...u } = n;
-	if (u?.onBefore?.(s) === !1) return {
+	});
+	if (n?.onBefore?.(c) === !1) return reactive({
 		loading: ref(!1),
-		data: i,
-		pagination: a
-	};
-	let d = useFetch(e, {
-		...u,
+		data: a,
+		pagination: o,
+		selection: s,
+		execute: () => {},
+		reset: () => {},
+		updatePagination: () => {},
+		selectionChange: () => {}
+	});
+	let l = useFetch(e, {
+		...n,
+		defaultParams: c,
 		immediate: !1,
 		onSuccess: (e) => {
-			u?.onSuccess?.(e), a.total = e[r?.replaceAttrs?.total] || 0, i.value = e[r?.replaceAttrs?.table] || [];
+			n?.onSuccess?.(e), o.total = e[i.total] || 0, a.value = e[i.table] || [];
 		}
-	}), f = !1;
-	l && watchEffect(() => {
-		(toValue(n.ready) ?? !0) && !f && (f = !0, p());
 	});
-	function p(e) {
-		if (!(toValue(n.ready) ?? !0)) return;
-		let r = {
-			...toValue(n.defaultParams) || {},
-			...s,
-			...e
-		};
-		return Object.keys(r).forEach((e) => {
-			e !== "page" && e !== "pageSize" && (s[e] = r[e]);
-		}), d.execute(r);
-	}
-	function m(e = {}) {
-		a.page = 1, a.pageSize = 10, e && (Object.keys(s).forEach((n) => {
-			r.ignoreAttrs?.includes(n) || Object.keys(e).includes(n) || delete s[n];
-		}), Object.assign(s, {
-			...e,
-			page: 1,
-			pageSize: 10
-		})), p();
-	}
-	function g({ page: e, pageSize: n }) {
-		a.page = e, a.pageSize = n, p({
-			page: e,
-			pageSize: n
+	watchEffect(() => {
+		let e = toValue(n.ready) ?? !0, r = toValue(n.defaultParams || {});
+		(o.page !== 1 || o.pageSize !== 10) && (o.page = 1, o.pageSize = 10);
+		let i = {};
+		for (let e in r) e !== "page" && e !== "pageSize" && (i[e] = r[e], c[e] = r[e]);
+		e && l.execute({
+			...c,
+			...i
+		});
+	}, { flush: "sync" });
+	function u(e = {}) {
+		let { page: n, pageSize: i, ...a } = e;
+		o.page = n || 1, o.pageSize = i || 10;
+		let s = [];
+		Object.keys(c).forEach((e) => {
+			!r.includes(e) && !(e in a) && s.push(e);
+		}), s.forEach((e) => delete c[e]), Object.assign(c, a, {
+			page: o.page,
+			pageSize: o.pageSize
 		});
 	}
-	function _(e) {
-		o.value = e;
+	function d({ page: e, pageSize: n }) {
+		o.page = e, o.pageSize = n, c.page = e, c.pageSize = n;
+	}
+	function f(e) {
+		s.value = e;
 	}
 	return reactive({
-		...d,
-		data: i,
-		pagination: a,
-		selection: o,
-		reset: m,
-		updatePagination: g,
-		selectionChange: _,
-		execute: p
+		...l,
+		data: a,
+		pagination: o,
+		selection: s,
+		reset: u,
+		updatePagination: d,
+		selectionChange: f
 	});
 }
 //#endregion
 //#region src/hooks/useTable/common.ts
 function useComTable(e, n) {
-	let { defaultParams: r, ...i } = n, a = isRef(r) ? r : isReactive(r) ? toRef(r) : ref(r || {}), o = ["sort", ...n?.ignoreAttrs || []], s = toValue(a) || {}, c = {};
-	o.forEach((e) => {
-		s[e] !== void 0 && (c[e] = s[e]);
-	});
-	let l = useDefaultTable(e, {
+	let { defaultParams: r, ...i } = n, a = isRef(r) ? r : isReactive(r) ? toRef(r) : ref(r || {}), o = ["sort", ...n?.ignoreAttrs || []], s = useDefaultTable(e, {
 		...i,
 		ready: computed(() => {
 			let e = isRef(n.ready) ? n.ready.value : n.ready, r = !!a.value?.tableId;
@@ -2668,76 +2661,72 @@ function useComTable(e, n) {
 				params: i
 			};
 		}),
-		ignoreAttrs: [...o]
+		ignoreAttrs: o
 	});
-	function u(e) {
+	function c(e = {}) {
+		let { tableId: n, ...r } = toValue(a), i = {};
+		o.forEach((e) => {
+			r[e] !== void 0 && (i[e] = r[e]);
+		}), a.value = {
+			tableId: n,
+			page: 1,
+			pageSize: 10,
+			...i,
+			...e
+		}, s.reset();
+	}
+	function l(e) {
 		let n = [
 			"tableId",
 			"page",
 			"pageSize"
 		], r = {}, i = {};
-		Object.keys(e || {}).forEach((a) => {
+		return Object.keys(e || {}).forEach((a) => {
 			n.includes(a) ? r[a] = e[a] : i[a] = e[a];
-		}), Object.keys(i).length > 0 && (r.params = i);
-		let s = toValue(a) || {}, c = {};
-		return o.forEach((e) => {
-			s[e] !== void 0 && (c[e] = s[e]);
-		}), Object.assign(c, s), Object.assign(c, e || {}), a.value = c, l.execute(r);
-	}
-	function d(e = {}) {
-		let { tableId: n } = toValue(a);
-		a.value = {
-			tableId: n,
-			page: 1,
-			pageSize: 10,
-			...c,
+		}), Object.keys(i).length > 0 && (r.params = i), a.value = {
+			...toValue(a),
 			...e
-		}, l.reset();
+		}, s.execute(r);
 	}
-	async function f(e) {
-		let n = toValue(a);
+	let u = () => toValue(a)?.tableId;
+	async function d(e) {
 		return request_default.post("/common/insert", {
 			params: { ...e },
-			tableId: n?.tableId
+			tableId: u()
 		});
 	}
-	async function p(e) {
-		let n = toValue(a);
+	async function f(e) {
 		return request_default.post("/common/update", {
 			params: { ...e },
-			tableId: n?.tableId
+			tableId: u()
 		});
 	}
-	async function m(e) {
-		let n = toValue(a);
+	async function p(e) {
 		return request_default.post("/common/delete", {
 			idList: e,
-			tableId: n?.tableId
+			tableId: u()
 		});
 	}
-	async function g(e) {
-		let { title: n = "export" } = e || {}, r = toValue(a), i = await request_default.blob(e?.url ?? "/common/exportExcel", {
-			tableId: r?.tableId,
-			type: e?.type || "all"
-		}), o = new Blob([i]), s = document.createElement("a");
-		s.href = window.URL.createObjectURL(o), s.download = `${n}.xlsx`, s.click(), VepMessage.success("导出成功"), window.URL.revokeObjectURL(s.href);
-	}
-	let _ = reactive({
-		loading: !1,
-		data: [],
-		selection: [],
-		insert: f,
-		update: p,
-		remove: m,
-		delete: m,
-		exportData: g
+	async function m({ title: e = "export", url: n } = {}) {
+		let r = await request_default.blob(n ?? "/common/exportExcel", {
+			tableId: u(),
+			type: "all"
+		}), i = new Blob([r]), a = document.createElement("a");
+		a.href = window.URL.createObjectURL(i), a.download = `${e}.xlsx`, a.click(), VepMessage.success("导出成功"), window.URL.revokeObjectURL(a.href);
+	}
+	let g = reactive({
+		insert: d,
+		update: f,
+		remove: p,
+		delete: p,
+		exportData: m
 	});
 	return watchEffect(() => {
-		Object.assign(_, l, {
-			reset: d,
-			execute: u
+		Object.assign(g, s, {
+			reset: c,
+			execute: l
 		});
-	}, { flush: "sync" }), _;
+	}, { flush: "sync" }), g;
 }
 //#endregion
 //#region src/hooks/useTable/index.ts
@@ -4969,7 +4958,7 @@ var _hoisted_1$1 = { key: 0 }, Remind_vue_vue_type_script_setup_true_lang_defaul
 		});
 		function s() {
 			let e = !1;
-			return o.value?.forEach((n) => {
+			return o.value?.forEach((n, r) => {
 				e = n?.validate();
 			}), e;
 		}
@@ -11031,7 +11020,7 @@ var Panel = class {
 			});
 		};
 	}
-}), PageAgent_exports = /* @__PURE__ */ __exportAll$1({ default: () => PageAgent_default }), PageAgent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-548e27b3"]]), sticky = {
+}), PageAgent_exports = /* @__PURE__ */ __exportAll$1({ default: () => PageAgent_default }), PageAgent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fb8f5b21"]]), sticky = {
 	mounted(e, n) {
 		let r = n.value || {}, i = r.target || "body", a = r.top || 0;
 		e._stickyOriginalStyles = {

package/dist/entry.d.ts

@@ -1,27 +1,19 @@
-import { App } from 'vue';
-export { default as YcMessage } from './components/Message';
-export type * from './components/type';
-export type * from './components/Table/type';
-export type * from './components/Filter/type';
-export type * from './components/Form/type';
-export type * from './components/Descriptions/type';
-export type * from './components/InfiniteScroll/type';
-export type * from './components/Tree/type';
-export type * from './components/Card/type';
-export type * from './components/Editor/type';
-export type * from './components/Upload/type';
-export type * from './components/Message/type';
-export * from './components';
-export * as hooks from './hooks';
-export declare function setHostVue(vue: any): void;
-export declare function getHostVue(): any;
+import type { App } from 'vue'
+export type * from './components/type'
+export type { IColumn, ITableProps, ITableInstance, IRender, IRenderProps, IExtra, IColumnRenderProps } from './components/Table/type'
+export type { IField, IFilterProps, IFieldSlot, IFilterRenderProps } from './components/Filter/type'
+export type { IFormProps, IFormInstance } from './components/Form/type'
+export type { IDescriptionsProps, IDescriptionsField } from './components/Descriptions/type'
+export type { ITreeProps } from './components/Tree/type'
+export type { IInfiniteScrollProps } from './components/InfiniteScroll/type'
+export type { IEditorProps } from './components/Editor/type'
+export type { ICardProps } from './components/Card/type'
+export * from './components'
+export declare function setHostVue(vue: any): void
+export declare function getHostVue(): any
 export interface YcVepUiOptions {
-    elementPlus?: {
-        install: (app: App, ...args: any[]) => void;
-    };
+  elementPlus?: { install: (app: App, ...args: any[]) => void }
 }
-declare const ycPlugin: {
-    install(app: App, options?: YcVepUiOptions): void;
-};
-export default ycPlugin;
-export { ycPlugin };
+declare const ycPlugin: { install(app: App, options?: YcVepUiOptions): void }
+export default ycPlugin
+export { ycPlugin }

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-import { c as e, d as t, f as n, l as r, s as i, u as a } from "../entry-BnGnLjQT.js";
+import { c as e, d as t, f as n, l as r, s as i, u as a } from "../entry-C-f6sEuz.js";
 export { e as useDictionary, n as useFetch, r as useRoute, a as useRouter, t as useTable, i as useUser };

package/dist/hooks/useFetch.d.ts

@@ -4,7 +4,6 @@ type Response<T> = {
     data: T | T[] | any;
     message: string;
     success?: boolean;
-    [key: string]: any;
 };
 export interface FetchOptions<T> {
     /** 是否立即执行请求 */

package/dist/hooks/useTable/default.d.ts

@@ -1,4 +1,3 @@
 import { FetchOptions } from '../useFetch';
 import { IExtra, TableReturn } from './type';
-/** 通用模板 */
 export declare function useDefaultTable<T>(url: string, options: FetchOptions<T> & IExtra): TableReturn<T>;

package/dist/index.css

@@ -17,11 +17,11 @@
   padding: 15px 0px;
 }
 
-.ui-table[data-v-bba6a39a] th.el-table__cell {
+.ui-table[data-v-adf869c1] th.el-table__cell {
   background-color: #fafafa;
   color: #606266;
 }
-.ui-pagination[data-v-bba6a39a] {
+.ui-pagination[data-v-adf869c1] {
   padding: 20px;
   background-color: white;
   height: 20px;
@@ -282,7 +282,7 @@ to { transform: rotate(360deg);
   align-items: center;
 }
 
-.affix[data-v-548e27b3] {
+.affix[data-v-fb8f5b21] {
   position: fixed;
   right: 0px;
   bottom: 0px;

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-import { O as e, _ as t, b as n, v as r, y as i } from "../entry-BnGnLjQT.js";
+import { O as e, _ as t, b as n, v as r, y as i } from "../entry-C-f6sEuz.js";
 export { t as baseUrl, n as request, e as tempToRender, r as uniq, i as uniqBy };

package/dist/vep-ui.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, S as i, T as a, a as o, g as s, h as c, i as l, k as u, m as d, n as f, o as p, p as m, r as h, t as g, w as _, x as v } from "./entry-BnGnLjQT.js";
+import { A as e, C as t, D as n, E as r, S as i, T as a, a as o, g as s, h as c, i as l, k as u, m as d, n as f, o as p, p as m, r as h, t as g, w as _, x as v } from "./entry-C-f6sEuz.js";
 export { e as UiCard, i as UiDescriptions, v as UiDialog, a as UiEditor, n as UiFilter, r as UiForm, t as UiInfiniteScroll, d as UiStaffSelect, u as UiTable, _ as UiTree, m as UiUpload, s as WcUtils, o as YcApproval, c as YcMessage, l as YcPageAgent, h as default, h as ycPlugin, g as getHostVue, p as hooks, f as setHostVue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yc-vep-ui",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "description": "基于 Vue 3 + Element Plus 的企业级 UI 组件库",
   "keywords": [
@@ -19,10 +19,6 @@
   "main": "./dist/vep-ui.js",
   "module": "./dist/vep-ui.js",
   "types": "./dist/entry.d.ts",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
   "exports": {
     ".": {
       "types": "./dist/entry.d.ts",
@@ -42,12 +38,6 @@
     "dist",
     "README.md"
   ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "build:lib": "vite build && node scripts/generate-entry-dts.cjs",
-    "preview": "vite preview"
-  },
   "dependencies": {
     "aieditor": "^1.4.0",
     "jsencrypt": "^3.5.4",
@@ -77,5 +67,11 @@
   },
   "sideEffects": [
     "**/*.css"
-  ]
-}
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "build:lib": "vite build && node scripts/generate-entry-dts.cjs",
+    "preview": "vite preview"
+  }
+}

package/dist/components/YcApproval/index.vue.d.ts

@@ -1,203 +0,0 @@
-type __VLS_Props = {
-    processCode?: string;
-    getData?: () => any;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            data: any;
-        }): any;
-    };
-    refs: {
-        processInfoRef: unknown;
-        remindRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Remind.vue').IProps> & Readonly<{}>, {
-            getValues: () => ({
-                assignee: string[];
-                assigneeName: string[];
-                instanceId?: number | undefined;
-                activityId?: string | undefined;
-                activityCode?: string | undefined;
-                activityName?: string | undefined;
-                assigneeJson?: any;
-                preData?: {
-                    label: string;
-                    name: string;
-                    account: string;
-                } | undefined;
-            } | {
-                assignee: string;
-                assigneeName: string;
-                instanceId?: number | undefined;
-                activityId?: string | undefined;
-                activityCode?: string | undefined;
-                activityName?: string | undefined;
-                assigneeJson?: any;
-                preData?: {
-                    label: string;
-                    name: string;
-                    account: string;
-                } | undefined;
-            })[];
-            validate: () => boolean;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('./Remind.vue').IProps> & Readonly<{}>, {
-            getValues: () => ({
-                assignee: string[];
-                assigneeName: string[];
-                instanceId?: number | undefined;
-                activityId?: string | undefined;
-                activityCode?: string | undefined;
-                activityName?: string | undefined;
-                assigneeJson?: any;
-                preData?: {
-                    label: string;
-                    name: string;
-                    account: string;
-                } | undefined;
-            } | {
-                assignee: string;
-                assigneeName: string;
-                instanceId?: number | undefined;
-                activityId?: string | undefined;
-                activityCode?: string | undefined;
-                activityName?: string | undefined;
-                assigneeJson?: any;
-                preData?: {
-                    label: string;
-                    name: string;
-                    account: string;
-                } | undefined;
-            })[];
-            validate: () => boolean;
-        }, {}, {}, {}, {}> | null;
-        readScopeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            disabled: boolean;
-            formData: any;
-        }> & Readonly<{}>, {
-            formData: {
-                readScope: string;
-            };
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            disabled: boolean;
-            formData: any;
-        }> & Readonly<{}>, {
-            formData: {
-                readScope: string;
-            };
-        }, {}, {}, {}, {}> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    processInfoRef: unknown;
-    remindRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Remind.vue').IProps> & Readonly<{}>, {
-        getValues: () => ({
-            assignee: string[];
-            assigneeName: string[];
-            instanceId?: number | undefined;
-            activityId?: string | undefined;
-            activityCode?: string | undefined;
-            activityName?: string | undefined;
-            assigneeJson?: any;
-            preData?: {
-                label: string;
-                name: string;
-                account: string;
-            } | undefined;
-        } | {
-            assignee: string;
-            assigneeName: string;
-            instanceId?: number | undefined;
-            activityId?: string | undefined;
-            activityCode?: string | undefined;
-            activityName?: string | undefined;
-            assigneeJson?: any;
-            preData?: {
-                label: string;
-                name: string;
-                account: string;
-            } | undefined;
-        })[];
-        validate: () => boolean;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./Remind.vue').IProps> & Readonly<{}>, {
-        getValues: () => ({
-            assignee: string[];
-            assigneeName: string[];
-            instanceId?: number | undefined;
-            activityId?: string | undefined;
-            activityCode?: string | undefined;
-            activityName?: string | undefined;
-            assigneeJson?: any;
-            preData?: {
-                label: string;
-                name: string;
-                account: string;
-            } | undefined;
-        } | {
-            assignee: string;
-            assigneeName: string;
-            instanceId?: number | undefined;
-            activityId?: string | undefined;
-            activityCode?: string | undefined;
-            activityName?: string | undefined;
-            assigneeJson?: any;
-            preData?: {
-                label: string;
-                name: string;
-                account: string;
-            } | undefined;
-        })[];
-        validate: () => boolean;
-    }, {}, {}, {}, {}> | null;
-    readScopeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        disabled: boolean;
-        formData: any;
-    }> & Readonly<{}>, {
-        formData: {
-            readScope: string;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        disabled: boolean;
-        formData: any;
-    }> & Readonly<{}>, {
-        formData: {
-            readScope: string;
-        };
-    }, {}, {}, {}, {}> | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};