@gx-design-vue/pro-layout-components 0.1.0-alpha.0 → 0.1.0-alpha.2
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.
- package/dist/RightContent/Search/Panel.d.ts +16 -39
- package/dist/RightContent/Search/Panel.js +138 -134
- package/dist/RightContent/Search/index.d.ts +11 -47
- package/dist/RightContent/Search/index.js +117 -103
- package/dist/RightContent/Search/style.d.ts +4 -7
- package/dist/RightContent/Search/style.js +34 -30
- package/dist/RightContent/index.d.ts +4 -403
- package/dist/RightContent/index.js +162 -146
- package/dist/RightContent/interface.d.ts +84 -0
- package/dist/RightContent/interface.js +1 -0
- package/dist/RightContent/locale.d.ts +6 -0
- package/dist/RightContent/locale.js +18 -0
- package/dist/RightContent/style.d.ts +4 -7
- package/dist/RightContent/style.js +66 -65
- package/dist/RightContent/themeOptions.d.ts +6 -0
- package/dist/RightContent/themeOptions.js +34 -0
- package/dist/RightContent/utils.d.ts +24 -0
- package/dist/RightContent/utils.js +66 -0
- package/dist/index.d.ts +3 -7
- package/dist/index.js +2 -5
- package/dist/pro-layout-components.esm.js +897 -5867
- package/dist/pro-layout-components.js +1 -5
- package/dist/theme/augment.d.ts +10 -0
- package/dist/theme/augment.js +1 -0
- package/dist/theme/interface/components.d.ts +10 -0
- package/dist/theme/interface/components.js +1 -0
- package/global.d.ts +0 -1
- package/package.json +16 -18
- package/dist/AppsLogoComponents/AppLogoList.d.ts +0 -24
- package/dist/AppsLogoComponents/AppLogoList.js +0 -43
- package/dist/AppsLogoComponents/AppsLogo.d.ts +0 -10
- package/dist/AppsLogoComponents/AppsLogo.js +0 -12
- package/dist/AppsLogoComponents/DefaultContent.d.ts +0 -27
- package/dist/AppsLogoComponents/DefaultContent.js +0 -43
- package/dist/AppsLogoComponents/SimpleContent.d.ts +0 -38
- package/dist/AppsLogoComponents/SimpleContent.js +0 -63
- package/dist/AppsLogoComponents/index.d.ts +0 -32
- package/dist/AppsLogoComponents/index.js +0 -71
- package/dist/AppsLogoComponents/props.d.ts +0 -26
- package/dist/AppsLogoComponents/props.js +0 -12
- package/dist/AppsLogoComponents/style/default.d.ts +0 -6
- package/dist/AppsLogoComponents/style/default.js +0 -70
- package/dist/AppsLogoComponents/style/index.d.ts +0 -7
- package/dist/AppsLogoComponents/style/index.js +0 -60
- package/dist/AppsLogoComponents/style/simple.d.ts +0 -6
- package/dist/AppsLogoComponents/style/simple.js +0 -83
- package/dist/Icon/components/Paintbrush.d.ts +0 -6
- package/dist/Icon/components/Paintbrush.js +0 -21
- package/dist/Icon/components/Palette.d.ts +0 -6
- package/dist/Icon/components/Palette.js +0 -20
- package/dist/Icon/components/index.d.ts +0 -10
- package/dist/Icon/components/index.js +0 -11
- package/dist/Icon/index.d.ts +0 -37
- package/dist/Icon/index.js +0 -24
- package/dist/PageLock/Popup.d.ts +0 -43
- package/dist/PageLock/Popup.js +0 -68
- package/dist/PageLock/UserForm.d.ts +0 -42
- package/dist/PageLock/UserForm.js +0 -68
- package/dist/PageLock/index.d.ts +0 -52
- package/dist/PageLock/index.js +0 -92
- package/dist/PageLock/props.d.ts +0 -51
- package/dist/PageLock/props.js +0 -29
- package/dist/PageLock/style.d.ts +0 -7
- package/dist/PageLock/style.js +0 -108
- package/dist/PageLock/useFormState.d.ts +0 -16
- package/dist/PageLock/useFormState.js +0 -19
- package/dist/Paintbrush-EfUpNqey.js +0 -14
- package/dist/Palette-B5wq9KtV.js +0 -13
- package/dist/RightContent/Search/props.d.ts +0 -17
- package/dist/RightContent/Search/props.js +0 -15
- package/dist/RightContent/props.d.ts +0 -64
- package/dist/RightContent/props.js +0 -63
- package/dist/ThemeEditor/components/BlockCheckbox.d.ts +0 -39
- package/dist/ThemeEditor/components/BlockCheckbox.js +0 -42
- package/dist/ThemeEditor/components/RegionalChange.d.ts +0 -21
- package/dist/ThemeEditor/components/RegionalChange.js +0 -43
- package/dist/ThemeEditor/components/Setting/index.d.ts +0 -52
- package/dist/ThemeEditor/components/Setting/index.js +0 -125
- package/dist/ThemeEditor/components/SwitchTab/index.d.ts +0 -51
- package/dist/ThemeEditor/components/SwitchTab/index.js +0 -52
- package/dist/ThemeEditor/components/SwitchTab/style.d.ts +0 -6
- package/dist/ThemeEditor/components/SwitchTab/style.js +0 -54
- package/dist/ThemeEditor/components/Tokens/Colors/ColorSvg.d.ts +0 -7
- package/dist/ThemeEditor/components/Tokens/Colors/ColorSvg.js +0 -453
- package/dist/ThemeEditor/components/Tokens/Colors/Primary.d.ts +0 -7
- package/dist/ThemeEditor/components/Tokens/Colors/Primary.js +0 -58
- package/dist/ThemeEditor/components/Tokens/Colors/Side.d.ts +0 -7
- package/dist/ThemeEditor/components/Tokens/Colors/Side.js +0 -18
- package/dist/ThemeEditor/components/Tokens/Colors/index.d.ts +0 -7
- package/dist/ThemeEditor/components/Tokens/Colors/index.js +0 -15
- package/dist/ThemeEditor/components/Tokens/context.d.ts +0 -9
- package/dist/ThemeEditor/components/Tokens/context.js +0 -7
- package/dist/ThemeEditor/components/Tokens/index.d.ts +0 -45
- package/dist/ThemeEditor/components/Tokens/index.js +0 -69
- package/dist/ThemeEditor/components/Tokens/utils/config.d.ts +0 -10
- package/dist/ThemeEditor/components/Tokens/utils/config.js +0 -8
- package/dist/ThemeEditor/components/Trigger.d.ts +0 -21
- package/dist/ThemeEditor/components/Trigger.js +0 -46
- package/dist/ThemeEditor/context.d.ts +0 -14
- package/dist/ThemeEditor/context.js +0 -7
- package/dist/ThemeEditor/index.d.ts +0 -841
- package/dist/ThemeEditor/index.js +0 -165
- package/dist/ThemeEditor/props.d.ts +0 -57
- package/dist/ThemeEditor/props.js +0 -40
- package/dist/ThemeEditor/style/animate.d.ts +0 -9
- package/dist/ThemeEditor/style/animate.js +0 -38
- package/dist/ThemeEditor/style/index.d.ts +0 -10
- package/dist/ThemeEditor/style/index.js +0 -318
- package/dist/ThemeEditor/style/theme.d.ts +0 -6
- package/dist/ThemeEditor/style/theme.js +0 -71
- package/dist/ThemeEditor/utils/config.d.ts +0 -37
- package/dist/ThemeEditor/utils/config.js +0 -132
- package/dist/ThemeEditor/utils/index.d.ts +0 -9
- package/dist/ThemeEditor/utils/index.js +0 -64
- package/dist/hooks/useClockTime/index.d.ts +0 -11
- package/dist/hooks/useClockTime/index.js +0 -28
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/index.js +0 -3
- package/dist/utils/util.d.ts +0 -10
- package/dist/utils/util.js +0 -17
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { AppItemProps, AppListProps } from "./props.js";
|
|
2
|
-
import * as vue0 from "vue";
|
|
3
|
-
import { PropType } from "vue";
|
|
4
|
-
import * as vue_jsx_runtime0 from "vue/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
//#region src/AppsLogoComponents/DefaultContent.d.ts
|
|
7
|
-
declare const DefaultContent: vue0.DefineComponent<vue0.ExtractPropTypes<{
|
|
8
|
-
hashId: PropType<string>;
|
|
9
|
-
baseClassName: PropType<string>;
|
|
10
|
-
appList: {
|
|
11
|
-
type: PropType<AppListProps>;
|
|
12
|
-
default: any;
|
|
13
|
-
};
|
|
14
|
-
onItemClick: PropType<(item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void>;
|
|
15
|
-
}>, () => vue_jsx_runtime0.JSX.Element, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<vue0.ExtractPropTypes<{
|
|
16
|
-
hashId: PropType<string>;
|
|
17
|
-
baseClassName: PropType<string>;
|
|
18
|
-
appList: {
|
|
19
|
-
type: PropType<AppListProps>;
|
|
20
|
-
default: any;
|
|
21
|
-
};
|
|
22
|
-
onItemClick: PropType<(item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void>;
|
|
23
|
-
}>> & Readonly<{}>, {
|
|
24
|
-
appList: AppListProps;
|
|
25
|
-
}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
|
|
26
|
-
//#endregion
|
|
27
|
-
export { DefaultContent };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import props_default from "./props.js";
|
|
2
|
-
import { DefaultRenderLogo } from "./index.js";
|
|
3
|
-
import { createVNode, defineComponent } from "vue";
|
|
4
|
-
|
|
5
|
-
//#region src/AppsLogoComponents/DefaultContent.tsx
|
|
6
|
-
const DefaultContent = /* @__PURE__ */ defineComponent({
|
|
7
|
-
props: {
|
|
8
|
-
hashId: String,
|
|
9
|
-
baseClassName: String,
|
|
10
|
-
appList: props_default.appList,
|
|
11
|
-
onItemClick: props_default.onItemClick
|
|
12
|
-
},
|
|
13
|
-
setup(props) {
|
|
14
|
-
return () => {
|
|
15
|
-
return createVNode("div", { "class": `${props.baseClassName}-content ${props.hashId}`.trim() }, [createVNode("ul", { "class": `${props.baseClassName}-content-list ${props.hashId}`.trim() }, [props.appList?.map((app, index) => {
|
|
16
|
-
if (app?.children?.length) return createVNode("div", {
|
|
17
|
-
"key": index,
|
|
18
|
-
"class": `${props.baseClassName}-content-list-item-group ${props.hashId}`.trim()
|
|
19
|
-
}, [createVNode("div", { "class": `${props.baseClassName}-content-list-item-group-title ${props.hashId}`.trim() }, [app.title]), createVNode(DefaultContent, {
|
|
20
|
-
"hashId": props.hashId,
|
|
21
|
-
"onItemClick": props.onItemClick,
|
|
22
|
-
"appList": app?.children,
|
|
23
|
-
"baseClassName": props.baseClassName
|
|
24
|
-
}, null)]);
|
|
25
|
-
return createVNode("li", {
|
|
26
|
-
"key": index,
|
|
27
|
-
"class": `${props.baseClassName}-content-list-item ${props.hashId}`.trim(),
|
|
28
|
-
"onClick": (e) => {
|
|
29
|
-
e.stopPropagation();
|
|
30
|
-
props.onItemClick?.(app);
|
|
31
|
-
}
|
|
32
|
-
}, [createVNode("a", {
|
|
33
|
-
"href": props.onItemClick ? void 0 : app.url,
|
|
34
|
-
"target": app.target,
|
|
35
|
-
"rel": "noreferrer"
|
|
36
|
-
}, [createVNode(DefaultRenderLogo, { "logo": app.icon }, null), createVNode("div", null, [createVNode("div", null, [app.title]), app.desc ? createVNode("span", null, [app.desc]) : null])])]);
|
|
37
|
-
})])]);
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
//#endregion
|
|
43
|
-
export { DefaultContent };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { AppItemProps, AppListProps } from "./props.js";
|
|
2
|
-
import * as vue17 from "vue";
|
|
3
|
-
import { PropType } from "vue";
|
|
4
|
-
import { CustomRender } from "@gx-design-vue/pro-utils";
|
|
5
|
-
import * as vue_jsx_runtime0 from "vue/jsx-runtime";
|
|
6
|
-
|
|
7
|
-
//#region src/AppsLogoComponents/SimpleContent.d.ts
|
|
8
|
-
/**
|
|
9
|
-
* simple 模式渲染logo的方式
|
|
10
|
-
*
|
|
11
|
-
* @param logo
|
|
12
|
-
* @param title
|
|
13
|
-
* @returns
|
|
14
|
-
*/
|
|
15
|
-
declare function renderLogo(logo: AppItemProps['icon'], title?: CustomRender): string | number | boolean | void | vue17.VNode<vue17.RendererNode, vue17.RendererElement, {
|
|
16
|
-
[key: string]: any;
|
|
17
|
-
}> | vue17.VNodeArrayChildren | vue17.Slot | ((...props: any[]) => vue17.VNode);
|
|
18
|
-
declare const SimpleContent: vue17.DefineComponent<vue17.ExtractPropTypes<{
|
|
19
|
-
hashId: PropType<string>;
|
|
20
|
-
baseClassName: PropType<string>;
|
|
21
|
-
appList: {
|
|
22
|
-
type: PropType<AppListProps>;
|
|
23
|
-
default: any;
|
|
24
|
-
};
|
|
25
|
-
onItemClick: PropType<(item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void>;
|
|
26
|
-
}>, () => vue_jsx_runtime0.JSX.Element, {}, {}, {}, vue17.ComponentOptionsMixin, vue17.ComponentOptionsMixin, {}, string, vue17.PublicProps, Readonly<vue17.ExtractPropTypes<{
|
|
27
|
-
hashId: PropType<string>;
|
|
28
|
-
baseClassName: PropType<string>;
|
|
29
|
-
appList: {
|
|
30
|
-
type: PropType<AppListProps>;
|
|
31
|
-
default: any;
|
|
32
|
-
};
|
|
33
|
-
onItemClick: PropType<(item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void>;
|
|
34
|
-
}>> & Readonly<{}>, {
|
|
35
|
-
appList: AppListProps;
|
|
36
|
-
}, {}, {}, {}, string, vue17.ComponentProvideOptions, true, {}, any>;
|
|
37
|
-
//#endregion
|
|
38
|
-
export { SimpleContent, renderLogo };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import props_default from "./props.js";
|
|
2
|
-
import { createVNode, defineComponent } from "vue";
|
|
3
|
-
import { isUrl } from "@gx-design-vue/pro-utils";
|
|
4
|
-
|
|
5
|
-
//#region src/AppsLogoComponents/SimpleContent.tsx
|
|
6
|
-
/**
|
|
7
|
-
* simple 模式渲染logo的方式
|
|
8
|
-
*
|
|
9
|
-
* @param logo
|
|
10
|
-
* @param title
|
|
11
|
-
* @returns
|
|
12
|
-
*/
|
|
13
|
-
function renderLogo(logo, title) {
|
|
14
|
-
if (logo && typeof logo === "string" && isUrl(logo)) return createVNode("img", {
|
|
15
|
-
"src": logo,
|
|
16
|
-
"alt": "logo"
|
|
17
|
-
}, null);
|
|
18
|
-
if (typeof logo === "function") return logo();
|
|
19
|
-
if (logo && typeof logo === "string") return createVNode("div", { "id": "avatarLogo" }, [logo]);
|
|
20
|
-
if (!logo && title && typeof title === "string") {
|
|
21
|
-
const symbol = title.substring(0, 1);
|
|
22
|
-
return createVNode("div", { "id": "avatarLogo" }, [symbol]);
|
|
23
|
-
}
|
|
24
|
-
return logo;
|
|
25
|
-
}
|
|
26
|
-
const SimpleContent = /* @__PURE__ */ defineComponent({
|
|
27
|
-
props: {
|
|
28
|
-
hashId: String,
|
|
29
|
-
baseClassName: String,
|
|
30
|
-
appList: props_default.appList,
|
|
31
|
-
onItemClick: props_default.onItemClick
|
|
32
|
-
},
|
|
33
|
-
setup(props) {
|
|
34
|
-
return () => {
|
|
35
|
-
return createVNode("div", { "class": `${props.baseClassName}-content ${props.hashId}`.trim() }, [createVNode("ul", { "class": `${props.baseClassName}-content-list ${props.hashId}`.trim() }, [props.appList?.map((app, index) => {
|
|
36
|
-
if (app?.children?.length) return createVNode("div", {
|
|
37
|
-
"key": index,
|
|
38
|
-
"class": `${props.baseClassName}-content-list-item-group ${props.hashId}`.trim()
|
|
39
|
-
}, [createVNode("div", { "class": `${props.baseClassName}-content-list-item-group-title ${props.hashId}`.trim() }, [app.title]), createVNode(SimpleContent, {
|
|
40
|
-
"hashId": props.hashId,
|
|
41
|
-
"onItemClick": props.onItemClick,
|
|
42
|
-
"appList": app?.children,
|
|
43
|
-
"baseClassName": props.baseClassName
|
|
44
|
-
}, null)]);
|
|
45
|
-
return createVNode("li", {
|
|
46
|
-
"key": index,
|
|
47
|
-
"class": `${props.baseClassName}-content-list-item ${props.hashId}`.trim(),
|
|
48
|
-
"onClick": (e) => {
|
|
49
|
-
e.stopPropagation();
|
|
50
|
-
props.onItemClick?.(app);
|
|
51
|
-
}
|
|
52
|
-
}, [createVNode("a", {
|
|
53
|
-
"href": props.onItemClick ? "javascript:;" : app.url,
|
|
54
|
-
"target": app.target,
|
|
55
|
-
"rel": "noreferrer"
|
|
56
|
-
}, [renderLogo(app.icon, app.title), createVNode("div", null, [createVNode("div", null, [app.title])])])]);
|
|
57
|
-
})])]);
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
//#endregion
|
|
63
|
-
export { SimpleContent, renderLogo };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { AppItemProps, AppListProps, AppsLogoComponentsProps } from "./props.js";
|
|
2
|
-
import * as vue37 from "vue";
|
|
3
|
-
import { FunctionalComponent } from "vue";
|
|
4
|
-
import * as ant_design_vue_es__util_type0 from "ant-design-vue/es/_util/type";
|
|
5
|
-
|
|
6
|
-
//#region src/AppsLogoComponents/index.d.ts
|
|
7
|
-
/**
|
|
8
|
-
* 默认渲染logo的方式,如果是个string,用img。否则直接返回
|
|
9
|
-
*
|
|
10
|
-
* @param logo
|
|
11
|
-
* @returns
|
|
12
|
-
*/
|
|
13
|
-
declare const DefaultRenderLogo: FunctionalComponent<{
|
|
14
|
-
logo: AppItemProps['icon'];
|
|
15
|
-
}>;
|
|
16
|
-
declare const AppsLogoIcon: vue37.DefineComponent<vue37.ExtractPropTypes<{
|
|
17
|
-
appList: {
|
|
18
|
-
type: vue37.PropType<AppListProps>;
|
|
19
|
-
default: any;
|
|
20
|
-
};
|
|
21
|
-
onItemClick: vue37.PropType<AppsLogoComponentsProps["onItemClick"]>;
|
|
22
|
-
}>, () => ant_design_vue_es__util_type0.VueNode, {}, {}, {}, vue37.ComponentOptionsMixin, vue37.ComponentOptionsMixin, {}, string, vue37.PublicProps, Readonly<vue37.ExtractPropTypes<{
|
|
23
|
-
appList: {
|
|
24
|
-
type: vue37.PropType<AppListProps>;
|
|
25
|
-
default: any;
|
|
26
|
-
};
|
|
27
|
-
onItemClick: vue37.PropType<AppsLogoComponentsProps["onItemClick"]>;
|
|
28
|
-
}>> & Readonly<{}>, {
|
|
29
|
-
appList: AppListProps;
|
|
30
|
-
}, {}, {}, {}, string, vue37.ComponentProvideOptions, true, {}, any>;
|
|
31
|
-
//#endregion
|
|
32
|
-
export { DefaultRenderLogo, AppsLogoIcon as default };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import props_default from "./props.js";
|
|
2
|
-
import { genAppLogoIcon } from "./style/index.js";
|
|
3
|
-
import AppLogoList_default from "./AppLogoList.js";
|
|
4
|
-
import { AppsLogo } from "./AppsLogo.js";
|
|
5
|
-
import { Fragment, createVNode, defineComponent, ref } from "vue";
|
|
6
|
-
import { useState } from "@gx-design-vue/pro-hooks";
|
|
7
|
-
import { useProStyle } from "@gx-design-vue/pro-provider";
|
|
8
|
-
import { classNames, getPrefixCls } from "@gx-design-vue/pro-utils";
|
|
9
|
-
import { Popover } from "ant-design-vue";
|
|
10
|
-
|
|
11
|
-
//#region src/AppsLogoComponents/index.tsx
|
|
12
|
-
/**
|
|
13
|
-
* 默认渲染logo的方式,如果是个string,用img。否则直接返回
|
|
14
|
-
*
|
|
15
|
-
* @param logo
|
|
16
|
-
* @returns
|
|
17
|
-
*/
|
|
18
|
-
const DefaultRenderLogo = ({ logo }) => {
|
|
19
|
-
if (typeof logo === "string") return createVNode("img", {
|
|
20
|
-
"width": "auto",
|
|
21
|
-
"height": 22,
|
|
22
|
-
"src": logo,
|
|
23
|
-
"alt": "logo"
|
|
24
|
-
}, null);
|
|
25
|
-
if (typeof logo === "function") return logo();
|
|
26
|
-
return logo;
|
|
27
|
-
};
|
|
28
|
-
const AppsLogoIcon = /* @__PURE__ */ defineComponent({
|
|
29
|
-
name: "AppsLogoIcon",
|
|
30
|
-
inheritAttrs: false,
|
|
31
|
-
props: props_default,
|
|
32
|
-
setup(props) {
|
|
33
|
-
const baseClassName = getPrefixCls({
|
|
34
|
-
suffixCls: "layout-app",
|
|
35
|
-
isPor: true
|
|
36
|
-
});
|
|
37
|
-
const { wrapSSR, hashId } = useProStyle("AppsLogoIcon", [genAppLogoIcon], baseClassName);
|
|
38
|
-
const [open, setOpen] = useState(false);
|
|
39
|
-
const rootRef = ref();
|
|
40
|
-
const popoverRef = ref();
|
|
41
|
-
return () => {
|
|
42
|
-
return wrapSSR(createVNode(Fragment, null, [createVNode("div", {
|
|
43
|
-
"ref": rootRef,
|
|
44
|
-
"onClick": (e) => {
|
|
45
|
-
e.stopPropagation();
|
|
46
|
-
e.preventDefault();
|
|
47
|
-
}
|
|
48
|
-
}, null), createVNode(Popover, {
|
|
49
|
-
"placement": "bottomRight",
|
|
50
|
-
"trigger": ["click"],
|
|
51
|
-
"arrow": false,
|
|
52
|
-
"destroyTooltipOnHide": true,
|
|
53
|
-
"open": open.value,
|
|
54
|
-
"onOpenChange": setOpen,
|
|
55
|
-
"overlayClassName": `${baseClassName}-popover ${hashId.value}`.trim(),
|
|
56
|
-
"content": createVNode(AppLogoList_default, props, null),
|
|
57
|
-
"getPopupContainer": () => rootRef.value || document.body
|
|
58
|
-
}, { default: () => [createVNode("span", {
|
|
59
|
-
"ref": popoverRef,
|
|
60
|
-
"onClick": (e) => {
|
|
61
|
-
e.stopPropagation();
|
|
62
|
-
},
|
|
63
|
-
"class": classNames(`${baseClassName}-icon`, hashId.value, { [`${baseClassName}-icon-active`]: open.value })
|
|
64
|
-
}, [createVNode(AppsLogo, null, null)])] })]));
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
var AppsLogoComponents_default = AppsLogoIcon;
|
|
69
|
-
|
|
70
|
-
//#endregion
|
|
71
|
-
export { DefaultRenderLogo, AppsLogoComponents_default as default };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { PropType } from "vue";
|
|
2
|
-
import { CustomRender } from "@gx-design-vue/pro-utils";
|
|
3
|
-
|
|
4
|
-
//#region src/AppsLogoComponents/props.d.ts
|
|
5
|
-
interface AppItemProps {
|
|
6
|
-
title: CustomRender;
|
|
7
|
-
desc?: CustomRender;
|
|
8
|
-
icon?: CustomRender | (() => CustomRender);
|
|
9
|
-
url?: string;
|
|
10
|
-
target?: string;
|
|
11
|
-
children?: Omit<AppItemProps, 'children'>[];
|
|
12
|
-
}
|
|
13
|
-
type AppListProps = AppItemProps[];
|
|
14
|
-
interface AppsLogoComponentsProps {
|
|
15
|
-
appList?: AppListProps;
|
|
16
|
-
onItemClick?: (item: AppItemProps, popoverRef?: HTMLSpanElement | undefined) => void;
|
|
17
|
-
}
|
|
18
|
-
declare const appsLogoComponentsProps: {
|
|
19
|
-
appList: {
|
|
20
|
-
type: PropType<AppListProps>;
|
|
21
|
-
default: any;
|
|
22
|
-
};
|
|
23
|
-
onItemClick: PropType<AppsLogoComponentsProps["onItemClick"]>;
|
|
24
|
-
};
|
|
25
|
-
//#endregion
|
|
26
|
-
export { AppItemProps, AppListProps, AppsLogoComponentsProps, appsLogoComponentsProps as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
//#region src/AppsLogoComponents/props.ts
|
|
2
|
-
const appsLogoComponentsProps = {
|
|
3
|
-
appList: {
|
|
4
|
-
type: Array,
|
|
5
|
-
default: void 0
|
|
6
|
-
},
|
|
7
|
-
onItemClick: Function
|
|
8
|
-
};
|
|
9
|
-
var props_default = appsLogoComponentsProps;
|
|
10
|
-
|
|
11
|
-
//#endregion
|
|
12
|
-
export { props_default as default };
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { resetComponent } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/AppsLogoComponents/style/default.ts
|
|
4
|
-
const genAppsLogoComponentsDefaultListStyle = (token) => {
|
|
5
|
-
return { "&-content": {
|
|
6
|
-
maxHeight: "calc(100vh - 48px)",
|
|
7
|
-
overflow: "auto",
|
|
8
|
-
"&-list": {
|
|
9
|
-
boxSizing: "content-box",
|
|
10
|
-
maxWidth: 656,
|
|
11
|
-
marginBlock: 0,
|
|
12
|
-
marginInline: 0,
|
|
13
|
-
paddingBlock: 0,
|
|
14
|
-
paddingInline: 0,
|
|
15
|
-
listStyle: "none",
|
|
16
|
-
"&-item": {
|
|
17
|
-
position: "relative",
|
|
18
|
-
display: "inline-block",
|
|
19
|
-
width: 328,
|
|
20
|
-
height: 72,
|
|
21
|
-
paddingInline: 16,
|
|
22
|
-
paddingBlock: 16,
|
|
23
|
-
verticalAlign: "top",
|
|
24
|
-
listStyleType: "none",
|
|
25
|
-
transition: "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
|
|
26
|
-
borderRadius: token.borderRadius,
|
|
27
|
-
"&-group": {
|
|
28
|
-
marginBottom: 16,
|
|
29
|
-
"&-title": {
|
|
30
|
-
margin: "16px 0 8px 12px",
|
|
31
|
-
fontWeight: 600,
|
|
32
|
-
color: "rgba(0, 0, 0, 0.88)",
|
|
33
|
-
fontSize: 16,
|
|
34
|
-
opacity: .85,
|
|
35
|
-
lineHeight: 1.5,
|
|
36
|
-
"&:first-child": { marginTop: 12 }
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"&:hover": { backgroundColor: token.colorBgTextHover },
|
|
40
|
-
"* div": resetComponent?.(token),
|
|
41
|
-
a: {
|
|
42
|
-
display: "flex",
|
|
43
|
-
height: "100%",
|
|
44
|
-
fontSize: 12,
|
|
45
|
-
textDecoration: "none",
|
|
46
|
-
"& > img": {
|
|
47
|
-
width: 40,
|
|
48
|
-
height: 40
|
|
49
|
-
},
|
|
50
|
-
"& > div": {
|
|
51
|
-
marginInlineStart: 14,
|
|
52
|
-
color: token.colorTextHeading,
|
|
53
|
-
fontSize: 14,
|
|
54
|
-
lineHeight: "22px",
|
|
55
|
-
whiteSpace: "nowrap",
|
|
56
|
-
textOverflow: "ellipsis"
|
|
57
|
-
},
|
|
58
|
-
"& > div > span": {
|
|
59
|
-
color: token.colorTextSecondary,
|
|
60
|
-
fontSize: 12,
|
|
61
|
-
lineHeight: "20px"
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
} };
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
//#endregion
|
|
70
|
-
export { genAppsLogoComponentsDefaultListStyle };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { GenerateStyle } from "@gx-design-vue/pro-provider";
|
|
2
|
-
|
|
3
|
-
//#region src/AppsLogoComponents/style/index.d.ts
|
|
4
|
-
declare const genAppLogoListStyle: GenerateStyle;
|
|
5
|
-
declare const genAppLogoIcon: GenerateStyle;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { genAppLogoIcon, genAppLogoListStyle };
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { genAppsLogoComponentsDefaultListStyle } from "./default.js";
|
|
2
|
-
import { genAppsLogoComponentsSimpleListStyle } from "./simple.js";
|
|
3
|
-
import { getTokenLayoutTheme } from "@gx-design-vue/pro-layout";
|
|
4
|
-
import { getAlphaColor } from "ant-design-vue/es/theme/themes/dark/colorAlgorithm";
|
|
5
|
-
|
|
6
|
-
//#region src/AppsLogoComponents/style/index.ts
|
|
7
|
-
const genAppLogoListStyle = (token) => {
|
|
8
|
-
return { [token.componentCls]: {
|
|
9
|
-
"&-simple": genAppsLogoComponentsSimpleListStyle(token),
|
|
10
|
-
"&-default": genAppsLogoComponentsDefaultListStyle(token)
|
|
11
|
-
} };
|
|
12
|
-
};
|
|
13
|
-
const genAppLogoIcon = (token) => {
|
|
14
|
-
const { theme } = getTokenLayoutTheme(token);
|
|
15
|
-
return { [token.componentCls]: {
|
|
16
|
-
"&-icon": {
|
|
17
|
-
display: "inline-flex",
|
|
18
|
-
alignItems: "center",
|
|
19
|
-
justifyContent: "center",
|
|
20
|
-
paddingInline: 4,
|
|
21
|
-
paddingBlock: 0,
|
|
22
|
-
fontSize: 18,
|
|
23
|
-
lineHeight: "14px",
|
|
24
|
-
height: 28,
|
|
25
|
-
width: 28,
|
|
26
|
-
cursor: "pointer",
|
|
27
|
-
color: theme === "dark" ? token.colorWhite : token.layout?.colorTextAppListIcon,
|
|
28
|
-
borderRadius: token.borderRadius,
|
|
29
|
-
"&:hover": {
|
|
30
|
-
color: theme === "dark" ? token.colorWhite : token.layout?.colorTextAppListIconHover,
|
|
31
|
-
backgroundColor: theme === "dark" ? getAlphaColor("#fff", .12) : token.layout?.colorBgAppListIconHover
|
|
32
|
-
},
|
|
33
|
-
[`&-active${token.proComponentsCls}-layout-app-icon`]: {
|
|
34
|
-
fontSize: 18,
|
|
35
|
-
color: theme === "dark" ? token.colorWhite : token.layout?.colorTextAppListIconHover,
|
|
36
|
-
backgroundColor: theme === "dark" ? getAlphaColor("#fff", .12) : token.layout?.colorBgAppListIconHover
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"&-item-title": {
|
|
40
|
-
marginInlineStart: "16px",
|
|
41
|
-
marginInlineEnd: "8px",
|
|
42
|
-
marginBlockStart: 0,
|
|
43
|
-
marginBlockEnd: "12px",
|
|
44
|
-
fontWeight: 600,
|
|
45
|
-
color: "rgba(0, 0, 0, 0.88)",
|
|
46
|
-
fontSize: 16,
|
|
47
|
-
opacity: .85,
|
|
48
|
-
lineHeight: 1.5,
|
|
49
|
-
"&:first-child": { marginBlockStart: 12 }
|
|
50
|
-
},
|
|
51
|
-
"&-popover": {
|
|
52
|
-
width: "max-content",
|
|
53
|
-
maxWidth: "100vw",
|
|
54
|
-
[`${token.antCls}-popover-arrow`]: { display: "none" }
|
|
55
|
-
}
|
|
56
|
-
} };
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
//#endregion
|
|
60
|
-
export { genAppLogoIcon, genAppLogoListStyle };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
//#region src/AppsLogoComponents/style/simple.ts
|
|
2
|
-
const genAppsLogoComponentsSimpleListStyle = (token) => {
|
|
3
|
-
return { "&-content": {
|
|
4
|
-
maxHeight: "calc(100vh - 48px)",
|
|
5
|
-
overflow: "auto",
|
|
6
|
-
"&-list": {
|
|
7
|
-
boxSizing: "border-box",
|
|
8
|
-
maxWidth: 376,
|
|
9
|
-
marginBlock: 0,
|
|
10
|
-
marginInline: 0,
|
|
11
|
-
paddingBlock: 0,
|
|
12
|
-
paddingInline: 0,
|
|
13
|
-
listStyle: "none",
|
|
14
|
-
"&-item": {
|
|
15
|
-
position: "relative",
|
|
16
|
-
display: "inline-block",
|
|
17
|
-
width: 104,
|
|
18
|
-
height: 104,
|
|
19
|
-
marginBlock: 8,
|
|
20
|
-
marginInline: 8,
|
|
21
|
-
paddingInline: 24,
|
|
22
|
-
paddingBlock: 24,
|
|
23
|
-
verticalAlign: "top",
|
|
24
|
-
listStyleType: "none",
|
|
25
|
-
transition: "transform 0.2s cubic-bezier(0.333, 0, 0, 1)",
|
|
26
|
-
borderRadius: token.borderRadius,
|
|
27
|
-
"&-group": {
|
|
28
|
-
marginBottom: 16,
|
|
29
|
-
"&-title": {
|
|
30
|
-
margin: "16px 0 8px 12px",
|
|
31
|
-
fontWeight: 600,
|
|
32
|
-
color: "rgba(0, 0, 0, 0.88)",
|
|
33
|
-
fontSize: 16,
|
|
34
|
-
opacity: .85,
|
|
35
|
-
lineHeight: 1.5,
|
|
36
|
-
"&:first-child": { marginTop: 12 }
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"&:hover": { backgroundColor: token.colorBgTextHover },
|
|
40
|
-
a: {
|
|
41
|
-
display: "flex",
|
|
42
|
-
flexDirection: "column",
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
height: "100%",
|
|
45
|
-
fontSize: 12,
|
|
46
|
-
textDecoration: "none",
|
|
47
|
-
"& > #avatarLogo": {
|
|
48
|
-
width: 40,
|
|
49
|
-
height: 40,
|
|
50
|
-
margin: "0 auto",
|
|
51
|
-
color: token.colorPrimary,
|
|
52
|
-
fontSize: 22,
|
|
53
|
-
lineHeight: "40px",
|
|
54
|
-
textAlign: "center",
|
|
55
|
-
backgroundImage: "linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)",
|
|
56
|
-
borderRadius: token.borderRadius
|
|
57
|
-
},
|
|
58
|
-
"& > img": {
|
|
59
|
-
width: 40,
|
|
60
|
-
height: 40
|
|
61
|
-
},
|
|
62
|
-
"& > div": {
|
|
63
|
-
marginBlockStart: 5,
|
|
64
|
-
marginInlineStart: 0,
|
|
65
|
-
color: token.colorTextHeading,
|
|
66
|
-
fontSize: 14,
|
|
67
|
-
lineHeight: "22px",
|
|
68
|
-
whiteSpace: "nowrap",
|
|
69
|
-
textOverflow: "ellipsis"
|
|
70
|
-
},
|
|
71
|
-
"& > div > span": {
|
|
72
|
-
color: token.colorTextSecondary,
|
|
73
|
-
fontSize: 12,
|
|
74
|
-
lineHeight: "20px"
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
} };
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
//#endregion
|
|
83
|
-
export { genAppsLogoComponentsSimpleListStyle };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { createVNode, mergeProps } from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/Icon/components/Paintbrush.tsx
|
|
4
|
-
const PaintbrushIcon = (props = {}) => {
|
|
5
|
-
return createVNode("svg", mergeProps({
|
|
6
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
7
|
-
"width": "1em",
|
|
8
|
-
"height": "1em",
|
|
9
|
-
"viewBox": "0 0 24 24"
|
|
10
|
-
}, props), [createVNode("g", {
|
|
11
|
-
"fill": "none",
|
|
12
|
-
"fill-rule": "evenodd"
|
|
13
|
-
}, [createVNode("path", { "d": "m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z" }, null), createVNode("path", {
|
|
14
|
-
"fill": "currentColor",
|
|
15
|
-
"d": "m8.464 4.222l12.021 12.02a1.01 1.01 0 0 1 0 1.415l-2.828 2.828a1 1 0 0 1-1.414 0L4.222 8.465a2 2 0 0 1 0-2.829l1.414-1.414a2 2 0 0 1 2.828 0M5 11.5c.444 0 .758.269.95.632l.053.112a3.87 3.87 0 0 0 1.385 1.672l.21.128c.358.202.62.525.62.955c0 .38-.203.68-.5.882l-.115.072a3.8 3.8 0 0 0-1.49 1.573l-.105.22c-.187.422-.512.754-1.008.754c-.452 0-.761-.274-.954-.641l-.054-.113a3.83 3.83 0 0 0-1.384-1.664l-.206-.126c-.359-.202-.621-.526-.621-.957c0-.383.208-.68.505-.883l.116-.072a3.76 3.76 0 0 0 1.482-1.565l.113-.236C4.18 11.826 4.51 11.5 5 11.5m5.586-2.328l-1.414 1.414l7.778 7.778l1.414-1.414zm6.845-1.77c.238-.481.8-.513 1.082-.097l.056.096c.216.435.574.804 1.043 1.04c.494.246.501.87.004 1.116a2.35 2.35 0 0 0-.954.872l-.09.164c-.24.486-.804.518-1.085.102l-.056-.096a2.3 2.3 0 0 0-.872-.945l-.17-.094c-.466-.232-.497-.79-.097-1.063l.092-.054a2.33 2.33 0 0 0 .957-.878l.09-.164ZM7.051 5.635L5.635 7.05l2.121 2.122l1.415-1.415L7.05 5.636ZM13.5 2c.294 0 .51.167.654.399l.06.11c.238.477.618.894 1.11 1.187l.196.107c.275.137.48.373.48.697c0 .283-.157.5-.38.64l-.105.06c-.52.26-.932.654-1.205 1.115l-.1.183c-.14.284-.374.502-.71.502c-.294 0-.51-.167-.654-.399l-.06-.11a2.9 2.9 0 0 0-1.11-1.187l-.196-.107c-.275-.137-.48-.374-.48-.698c0-.282.157-.499.38-.64l.105-.058c.52-.262.932-.654 1.205-1.116l.1-.183c.14-.284.374-.502.71-.502"
|
|
16
|
-
}, null)])]);
|
|
17
|
-
};
|
|
18
|
-
var Paintbrush_default = PaintbrushIcon;
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
export { Paintbrush_default as default };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { createVNode, mergeProps } from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/Icon/components/Palette.tsx
|
|
4
|
-
const PaletteIcon = (props = {}) => {
|
|
5
|
-
return createVNode("svg", mergeProps({
|
|
6
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
7
|
-
"width": "1em",
|
|
8
|
-
"height": "1em",
|
|
9
|
-
"viewBox": "0 0 16 16"
|
|
10
|
-
}, props), [createVNode("path", {
|
|
11
|
-
"fill": "currentColor",
|
|
12
|
-
"fill-rule": "evenodd",
|
|
13
|
-
"d": "m14.489 8.388l-.001.006a.1.1 0 0 1-.027.028a.43.43 0 0 1-.264.082h-3.186c-3.118 0-4.68 3.77-2.476 5.974a6.5 6.5 0 1 1 5.953-6.09Zm-.292 1.616c.913 0 1.736-.618 1.79-1.529a8 8 0 1 0-7.032 7.468c1.243-.147 1.527-1.639.641-2.525c-1.26-1.26-.367-3.414 1.415-3.414zM10 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M6 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0",
|
|
14
|
-
"clip-rule": "evenodd"
|
|
15
|
-
}, null)]);
|
|
16
|
-
};
|
|
17
|
-
var Palette_default = PaletteIcon;
|
|
18
|
-
|
|
19
|
-
//#endregion
|
|
20
|
-
export { Palette_default as default };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as vue269 from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/Icon/components/index.d.ts
|
|
4
|
-
declare const components: {
|
|
5
|
-
paintbrush: vue269.FunctionalComponent<any, {}, any, {}>;
|
|
6
|
-
palette: vue269.FunctionalComponent<any, {}, any, {}>;
|
|
7
|
-
};
|
|
8
|
-
type IconType = keyof typeof components;
|
|
9
|
-
//#endregion
|
|
10
|
-
export { IconType, components as default };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { defineAsyncComponent } from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/Icon/components/index.ts
|
|
4
|
-
const components = {
|
|
5
|
-
paintbrush: defineAsyncComponent(() => import("./Paintbrush.js")),
|
|
6
|
-
palette: defineAsyncComponent(() => import("./Palette.js"))
|
|
7
|
-
};
|
|
8
|
-
var components_default = components;
|
|
9
|
-
|
|
10
|
-
//#endregion
|
|
11
|
-
export { components_default as default };
|