@gx-design-vue/pro-layout-components 0.1.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +10 -0
  2. package/dist/AppsLogoComponents/AppLogoList.d.ts +18 -0
  3. package/dist/AppsLogoComponents/AppsLogo.d.ts +5 -0
  4. package/dist/AppsLogoComponents/DefaultContent.d.ts +20 -0
  5. package/dist/AppsLogoComponents/SimpleContent.d.ts +30 -0
  6. package/dist/AppsLogoComponents/index.d.ts +27 -0
  7. package/dist/AppsLogoComponents/props.d.ts +23 -0
  8. package/dist/AppsLogoComponents/style/default.d.ts +4 -0
  9. package/dist/AppsLogoComponents/style/index.d.ts +4 -0
  10. package/dist/AppsLogoComponents/style/simple.d.ts +4 -0
  11. package/dist/Icon/index.d.ts +4 -0
  12. package/dist/PageLock/Popup.d.ts +38 -0
  13. package/dist/PageLock/UserForm.d.ts +30 -0
  14. package/dist/PageLock/index.d.ts +46 -0
  15. package/dist/PageLock/props.d.ts +47 -0
  16. package/dist/PageLock/style.d.ts +5 -0
  17. package/dist/PageLock/useFormState.d.ts +11 -0
  18. package/dist/RightContent/Search/Panel.d.ts +26 -0
  19. package/dist/RightContent/Search/index.d.ts +35 -0
  20. package/dist/RightContent/Search/props.d.ts +9 -0
  21. package/dist/RightContent/Search/style.d.ts +4 -0
  22. package/dist/RightContent/index.d.ts +338 -0
  23. package/dist/RightContent/props.d.ts +64 -0
  24. package/dist/RightContent/style.d.ts +4 -0
  25. package/dist/ThemeEditor/components/BlockCheckbox.d.ts +38 -0
  26. package/dist/ThemeEditor/components/ColorSvg.d.ts +2 -0
  27. package/dist/ThemeEditor/components/RegionalChange.d.ts +20 -0
  28. package/dist/ThemeEditor/components/Setting/index.d.ts +76 -0
  29. package/dist/ThemeEditor/components/SwitchTab/index.d.ts +46 -0
  30. package/dist/ThemeEditor/components/SwitchTab/style.d.ts +3 -0
  31. package/dist/ThemeEditor/components/Theme/index.d.ts +40 -0
  32. package/dist/ThemeEditor/components/Trigger.d.ts +20 -0
  33. package/dist/ThemeEditor/index.d.ts +82 -0
  34. package/dist/ThemeEditor/props.d.ts +56 -0
  35. package/dist/ThemeEditor/style/animate.d.ts +5 -0
  36. package/dist/ThemeEditor/style/index.d.ts +5 -0
  37. package/dist/ThemeEditor/style/theme.d.ts +3 -0
  38. package/dist/ThemeEditor/utils/config.d.ts +32 -0
  39. package/dist/ThemeEditor/utils/index.d.ts +3 -0
  40. package/dist/_utils/ant-design-vue/dropdown.d.ts +1 -0
  41. package/dist/_utils/ant-design-vue/index.d.ts +1 -0
  42. package/dist/_utils/index.d.ts +1 -0
  43. package/dist/hooks/useClockTime/index.d.ts +9 -0
  44. package/dist/index-BTUoYO7J.js +3796 -0
  45. package/dist/index-NcMKsFvA.js +372 -0
  46. package/dist/index.d.ts +5 -0
  47. package/dist/pro-layout-components.js +17 -0
  48. package/dist/pro-layout-components.umd.cjs +12 -0
  49. package/dist/utils/index.d.ts +1 -0
  50. package/dist/utils/util.d.ts +7 -0
  51. package/package.json +50 -0
package/README.md ADDED
@@ -0,0 +1,10 @@
1
+ # GAppsLogoComponents
2
+
3
+ ```shell
4
+ pnpm add @gx-design-vue/pro-layout-components
5
+ ```
6
+
7
+ ```ts
8
+ // 可全局引入,也可以单独引入
9
+ import { GAppsLogoComponents } from '@gx-design-vue/pro-layout-components'
10
+ ```
@@ -0,0 +1,18 @@
1
+ declare const AppsLogoList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ appList: {
3
+ type: import("vue").PropType<import("./props").AppListProps>;
4
+ default: undefined;
5
+ };
6
+ onItemClick: import("vue").PropType<import("./props").AppsLogoComponentsProps["onItemClick"]>;
7
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
8
+ appList: {
9
+ type: import("vue").PropType<import("./props").AppListProps>;
10
+ default: undefined;
11
+ };
12
+ onItemClick: import("vue").PropType<import("./props").AppsLogoComponentsProps["onItemClick"]>;
13
+ }>> & Readonly<{
14
+ onItemClick?: ((...args: any[]) => any) | undefined;
15
+ }>, {
16
+ appList: import("./props").AppListProps;
17
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
18
+ export default AppsLogoList;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * 默认的应用列表的图标
3
+ *
4
+ */
5
+ export declare const AppsLogo: () => import("vue/jsx-runtime").JSX.Element;
@@ -0,0 +1,20 @@
1
+ import type { PropType } from 'vue';
2
+ export declare const DefaultContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ hashId: PropType<string>;
4
+ baseClassName: PropType<string>;
5
+ appList: {
6
+ type: PropType<import("./props").AppListProps>;
7
+ default: undefined;
8
+ };
9
+ onItemClick: PropType<((item: import("./props").AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void) | undefined>;
10
+ }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
11
+ hashId: PropType<string>;
12
+ baseClassName: PropType<string>;
13
+ appList: {
14
+ type: PropType<import("./props").AppListProps>;
15
+ default: undefined;
16
+ };
17
+ onItemClick: PropType<((item: import("./props").AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void) | undefined>;
18
+ }>> & Readonly<{}>, {
19
+ appList: import("./props").AppListProps;
20
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,30 @@
1
+ import type { CustomRender } from '@gx-design-vue/pro-utils';
2
+ import type { PropType } from 'vue';
3
+ import type { AppItemProps } from './props';
4
+ /**
5
+ * simple 模式渲染logo的方式
6
+ *
7
+ * @param logo
8
+ * @param title
9
+ * @returns
10
+ */
11
+ export declare const renderLogo: (logo: AppItemProps["icon"], title?: CustomRender) => CustomRender;
12
+ export declare const SimpleContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ hashId: PropType<string>;
14
+ baseClassName: PropType<string>;
15
+ appList: {
16
+ type: PropType<import("./props").AppListProps>;
17
+ default: undefined;
18
+ };
19
+ onItemClick: PropType<((item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void) | undefined>;
20
+ }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
+ hashId: PropType<string>;
22
+ baseClassName: PropType<string>;
23
+ appList: {
24
+ type: PropType<import("./props").AppListProps>;
25
+ default: undefined;
26
+ };
27
+ onItemClick: PropType<((item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void) | undefined>;
28
+ }>> & Readonly<{}>, {
29
+ appList: import("./props").AppListProps;
30
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,27 @@
1
+ import type { FunctionalComponent } from 'vue';
2
+ import type { AppItemProps } from './props';
3
+ /**
4
+ * 默认渲染logo的方式,如果是个string,用img。否则直接返回
5
+ *
6
+ * @param logo
7
+ * @returns
8
+ */
9
+ export declare const DefaultRenderLogo: FunctionalComponent<{
10
+ logo: AppItemProps['icon'];
11
+ }>;
12
+ declare const AppsLogoIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ appList: {
14
+ type: import("vue").PropType<import("./props").AppListProps>;
15
+ default: undefined;
16
+ };
17
+ onItemClick: import("vue").PropType<import("./props").AppsLogoComponentsProps["onItemClick"]>;
18
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ appList: {
20
+ type: import("vue").PropType<import("./props").AppListProps>;
21
+ default: undefined;
22
+ };
23
+ onItemClick: import("vue").PropType<import("./props").AppsLogoComponentsProps["onItemClick"]>;
24
+ }>> & Readonly<{}>, {
25
+ appList: import("./props").AppListProps;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
27
+ export default AppsLogoIcon;
@@ -0,0 +1,23 @@
1
+ import type { CustomRender } from '@gx-design-vue/pro-utils';
2
+ import type { PropType } from 'vue';
3
+ export interface AppItemProps {
4
+ title: CustomRender;
5
+ desc?: CustomRender;
6
+ icon?: CustomRender | (() => CustomRender);
7
+ url?: string;
8
+ target?: string;
9
+ children?: Omit<AppItemProps, 'children'>[];
10
+ }
11
+ export type AppListProps = AppItemProps[];
12
+ export interface AppsLogoComponentsProps {
13
+ appList?: AppListProps;
14
+ onItemClick?: (item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void;
15
+ }
16
+ declare const appsLogoComponentsProps: {
17
+ appList: {
18
+ type: PropType<AppListProps>;
19
+ default: undefined;
20
+ };
21
+ onItemClick: PropType<AppsLogoComponentsProps["onItemClick"]>;
22
+ };
23
+ export default appsLogoComponentsProps;
@@ -0,0 +1,4 @@
1
+ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
2
+ import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
3
+ declare const genAppsLogoComponentsDefaultListStyle: GenerateStyle<ProAliasToken>;
4
+ export { genAppsLogoComponentsDefaultListStyle };
@@ -0,0 +1,4 @@
1
+ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
2
+ import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
3
+ export declare const genAppLogoListStyle: GenerateStyle<ProAliasToken>;
4
+ export declare const genAppLogoIcon: GenerateStyle<ProAliasToken>;
@@ -0,0 +1,4 @@
1
+ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
2
+ import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
3
+ declare const genAppsLogoComponentsSimpleListStyle: GenerateStyle<ProAliasToken>;
4
+ export { genAppsLogoComponentsSimpleListStyle };
@@ -0,0 +1,4 @@
1
+ export declare function PajamasAppearance(props: any): import("vue/jsx-runtime").JSX.Element;
2
+ export declare function MoonIcon(props: any): import("vue/jsx-runtime").JSX.Element;
3
+ export declare function SunnyIcon(props: any): import("vue/jsx-runtime").JSX.Element;
4
+ export declare function MingcuteMagic3Line(props: any): import("vue/jsx-runtime").JSX.Element;
@@ -0,0 +1,38 @@
1
+ import type { PropType } from 'vue';
2
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ password: PropType<string>;
4
+ name: {
5
+ type: PropType<string>;
6
+ default: string;
7
+ };
8
+ avatar: PropType<string>;
9
+ open: {
10
+ type: PropType<boolean>;
11
+ default: undefined;
12
+ };
13
+ onOpenChange: PropType<(open: boolean) => void>;
14
+ 'onUpdate:open': PropType<(open: boolean) => void>;
15
+ cryptoFn: PropType<(password: string) => string>;
16
+ hashId: PropType<string>;
17
+ className: PropType<string>;
18
+ }>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ password: PropType<string>;
20
+ name: {
21
+ type: PropType<string>;
22
+ default: string;
23
+ };
24
+ avatar: PropType<string>;
25
+ open: {
26
+ type: PropType<boolean>;
27
+ default: undefined;
28
+ };
29
+ onOpenChange: PropType<(open: boolean) => void>;
30
+ 'onUpdate:open': PropType<(open: boolean) => void>;
31
+ cryptoFn: PropType<(password: string) => string>;
32
+ hashId: PropType<string>;
33
+ className: PropType<string>;
34
+ }>> & Readonly<{}>, {
35
+ name: string;
36
+ open: boolean;
37
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
38
+ export default _default;
@@ -0,0 +1,30 @@
1
+ import type { PropType } from 'vue';
2
+ import type { FromState } from './useFormState';
3
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ name: PropType<string>;
5
+ avatar: PropType<string>;
6
+ avatarSize: {
7
+ type: PropType<number>;
8
+ default: number;
9
+ };
10
+ submitText: PropType<string>;
11
+ validator: PropType<(value: string) => boolean>;
12
+ onSubmit: PropType<(fields: FromState) => void>;
13
+ hashId: PropType<string>;
14
+ className: PropType<string>;
15
+ }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
16
+ name: PropType<string>;
17
+ avatar: PropType<string>;
18
+ avatarSize: {
19
+ type: PropType<number>;
20
+ default: number;
21
+ };
22
+ submitText: PropType<string>;
23
+ validator: PropType<(value: string) => boolean>;
24
+ onSubmit: PropType<(fields: FromState) => void>;
25
+ hashId: PropType<string>;
26
+ className: PropType<string>;
27
+ }>> & Readonly<{}>, {
28
+ avatarSize: number;
29
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
+ export default _default;
@@ -0,0 +1,46 @@
1
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ shortsKey: {
3
+ type: import("vue").PropType<import("./props").ShortcutKeyProps["lock"]>;
4
+ default: () => import("./props").ShortcutKeyProps["lock"];
5
+ };
6
+ name: {
7
+ type: import("vue").PropType<string>;
8
+ default: string;
9
+ };
10
+ avatar: import("vue").PropType<string>;
11
+ open: {
12
+ type: import("vue").PropType<boolean>;
13
+ default: undefined;
14
+ };
15
+ onOpenChange: import("vue").PropType<(open: boolean) => void>;
16
+ 'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
17
+ cryptoFn: import("vue").PropType<(password: string) => string>;
18
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:open" | "openChange")[], "update:open" | "openChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
19
+ shortsKey: {
20
+ type: import("vue").PropType<import("./props").ShortcutKeyProps["lock"]>;
21
+ default: () => import("./props").ShortcutKeyProps["lock"];
22
+ };
23
+ name: {
24
+ type: import("vue").PropType<string>;
25
+ default: string;
26
+ };
27
+ avatar: import("vue").PropType<string>;
28
+ open: {
29
+ type: import("vue").PropType<boolean>;
30
+ default: undefined;
31
+ };
32
+ onOpenChange: import("vue").PropType<(open: boolean) => void>;
33
+ 'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
34
+ cryptoFn: import("vue").PropType<(password: string) => string>;
35
+ }>> & Readonly<{
36
+ onOpenChange?: ((...args: any[]) => any) | undefined;
37
+ "onUpdate:open"?: ((...args: any[]) => any) | undefined;
38
+ }>, {
39
+ name: string;
40
+ open: boolean;
41
+ shortsKey: {
42
+ keys?: string;
43
+ disabled?: boolean;
44
+ } | undefined;
45
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
46
+ export default _default;
@@ -0,0 +1,47 @@
1
+ import type { PropType } from 'vue';
2
+ export interface ShortcutKeyProps {
3
+ search?: {
4
+ keys?: string;
5
+ disabled?: boolean;
6
+ };
7
+ lock?: {
8
+ keys?: string;
9
+ disabled?: boolean;
10
+ };
11
+ }
12
+ export declare const basicProps: {
13
+ hashId: PropType<string>;
14
+ className: PropType<string>;
15
+ };
16
+ export declare const publicPageLockProps: {
17
+ name: {
18
+ type: PropType<string>;
19
+ default: string;
20
+ };
21
+ avatar: PropType<string>;
22
+ open: {
23
+ type: PropType<boolean>;
24
+ default: undefined;
25
+ };
26
+ onOpenChange: PropType<(open: boolean) => void>;
27
+ 'onUpdate:open': PropType<(open: boolean) => void>;
28
+ cryptoFn: PropType<(password: string) => string>;
29
+ };
30
+ export declare const pageLockProps: {
31
+ shortsKey: {
32
+ type: PropType<ShortcutKeyProps["lock"]>;
33
+ default: () => ShortcutKeyProps["lock"];
34
+ };
35
+ name: {
36
+ type: PropType<string>;
37
+ default: string;
38
+ };
39
+ avatar: PropType<string>;
40
+ open: {
41
+ type: PropType<boolean>;
42
+ default: undefined;
43
+ };
44
+ onOpenChange: PropType<(open: boolean) => void>;
45
+ 'onUpdate:open': PropType<(open: boolean) => void>;
46
+ cryptoFn: PropType<(password: string) => string>;
47
+ };
@@ -0,0 +1,5 @@
1
+ import type { ProAliasToken } from '@gx-design-vue/pro-provider';
2
+ import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
3
+ import { Keyframe } from '@gx-design-vue/pro-provider';
4
+ export declare const fadeIn: Keyframe;
5
+ export declare const PageLockStyle: GenerateStyle<ProAliasToken>;
@@ -0,0 +1,11 @@
1
+ export interface FromState {
2
+ password: string;
3
+ }
4
+ export default function (validator?: (value: string) => boolean): {
5
+ formState: {
6
+ password: string;
7
+ };
8
+ validate: <T = any>(names?: "password" | "password"[] | undefined, option?: import("ant-design-vue/es/form/useForm").validateOptions) => Promise<T>;
9
+ resetFields: (newValues?: import("ant-design-vue/es/form/useForm").Props) => void;
10
+ validateInfos: Partial<Record<"password", import("ant-design-vue/es/form/useForm").ValidateInfo>>;
11
+ };
@@ -0,0 +1,26 @@
1
+ import type { AppRouteModule } from '@gx-design-vue/pro-layout';
2
+ import type { PropType } from 'vue';
3
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ className: PropType<string>;
5
+ hashId: PropType<string>;
6
+ keyword: PropType<string>;
7
+ onClose: PropType<() => void>;
8
+ dataSource: {
9
+ type: PropType<AppRouteModule[]>;
10
+ default: () => never[];
11
+ };
12
+ historyKey: PropType<string>;
13
+ }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
14
+ className: PropType<string>;
15
+ hashId: PropType<string>;
16
+ keyword: PropType<string>;
17
+ onClose: PropType<() => void>;
18
+ dataSource: {
19
+ type: PropType<AppRouteModule[]>;
20
+ default: () => never[];
21
+ };
22
+ historyKey: PropType<string>;
23
+ }>> & Readonly<{}>, {
24
+ dataSource: AppRouteModule[];
25
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
26
+ export default _default;
@@ -0,0 +1,35 @@
1
+ import type { PropType } from 'vue';
2
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ dark: {
4
+ type: PropType<boolean>;
5
+ default: undefined;
6
+ };
7
+ disabledShortKey: {
8
+ type: PropType<boolean>;
9
+ default: boolean;
10
+ };
11
+ dataSource: {
12
+ type: PropType<import("@gx-design-vue/pro-layout/dist").AppRouteModule[]>;
13
+ default: () => never[];
14
+ };
15
+ historyKey: PropType<string>;
16
+ }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
+ dark: {
18
+ type: PropType<boolean>;
19
+ default: undefined;
20
+ };
21
+ disabledShortKey: {
22
+ type: PropType<boolean>;
23
+ default: boolean;
24
+ };
25
+ dataSource: {
26
+ type: PropType<import("@gx-design-vue/pro-layout/dist").AppRouteModule[]>;
27
+ default: () => never[];
28
+ };
29
+ historyKey: PropType<string>;
30
+ }>> & Readonly<{}>, {
31
+ dataSource: import("@gx-design-vue/pro-layout/dist").AppRouteModule[];
32
+ dark: boolean;
33
+ disabledShortKey: boolean;
34
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
35
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import type { AppRouteModule } from '@gx-design-vue/pro-layout';
2
+ import type { PropType } from 'vue';
3
+ export declare const commonProps: {
4
+ dataSource: {
5
+ type: PropType<AppRouteModule[]>;
6
+ default: () => never[];
7
+ };
8
+ historyKey: PropType<string>;
9
+ };
@@ -0,0 +1,4 @@
1
+ export declare function useStyle(componentCls: string): {
2
+ wrapSSR: (node: import("ant-design-vue/es/_util/type").VueNode) => import("ant-design-vue/es/_util/type").VueNode;
3
+ hashId: import("vue").ComputedRef<string>;
4
+ };