@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.
Files changed (120) hide show
  1. package/dist/RightContent/Search/Panel.d.ts +16 -39
  2. package/dist/RightContent/Search/Panel.js +138 -134
  3. package/dist/RightContent/Search/index.d.ts +11 -47
  4. package/dist/RightContent/Search/index.js +117 -103
  5. package/dist/RightContent/Search/style.d.ts +4 -7
  6. package/dist/RightContent/Search/style.js +34 -30
  7. package/dist/RightContent/index.d.ts +4 -403
  8. package/dist/RightContent/index.js +162 -146
  9. package/dist/RightContent/interface.d.ts +84 -0
  10. package/dist/RightContent/interface.js +1 -0
  11. package/dist/RightContent/locale.d.ts +6 -0
  12. package/dist/RightContent/locale.js +18 -0
  13. package/dist/RightContent/style.d.ts +4 -7
  14. package/dist/RightContent/style.js +66 -65
  15. package/dist/RightContent/themeOptions.d.ts +6 -0
  16. package/dist/RightContent/themeOptions.js +34 -0
  17. package/dist/RightContent/utils.d.ts +24 -0
  18. package/dist/RightContent/utils.js +66 -0
  19. package/dist/index.d.ts +3 -7
  20. package/dist/index.js +2 -5
  21. package/dist/pro-layout-components.esm.js +897 -5867
  22. package/dist/pro-layout-components.js +1 -5
  23. package/dist/theme/augment.d.ts +10 -0
  24. package/dist/theme/augment.js +1 -0
  25. package/dist/theme/interface/components.d.ts +10 -0
  26. package/dist/theme/interface/components.js +1 -0
  27. package/global.d.ts +0 -1
  28. package/package.json +16 -18
  29. package/dist/AppsLogoComponents/AppLogoList.d.ts +0 -24
  30. package/dist/AppsLogoComponents/AppLogoList.js +0 -43
  31. package/dist/AppsLogoComponents/AppsLogo.d.ts +0 -10
  32. package/dist/AppsLogoComponents/AppsLogo.js +0 -12
  33. package/dist/AppsLogoComponents/DefaultContent.d.ts +0 -27
  34. package/dist/AppsLogoComponents/DefaultContent.js +0 -43
  35. package/dist/AppsLogoComponents/SimpleContent.d.ts +0 -38
  36. package/dist/AppsLogoComponents/SimpleContent.js +0 -63
  37. package/dist/AppsLogoComponents/index.d.ts +0 -32
  38. package/dist/AppsLogoComponents/index.js +0 -71
  39. package/dist/AppsLogoComponents/props.d.ts +0 -26
  40. package/dist/AppsLogoComponents/props.js +0 -12
  41. package/dist/AppsLogoComponents/style/default.d.ts +0 -6
  42. package/dist/AppsLogoComponents/style/default.js +0 -70
  43. package/dist/AppsLogoComponents/style/index.d.ts +0 -7
  44. package/dist/AppsLogoComponents/style/index.js +0 -60
  45. package/dist/AppsLogoComponents/style/simple.d.ts +0 -6
  46. package/dist/AppsLogoComponents/style/simple.js +0 -83
  47. package/dist/Icon/components/Paintbrush.d.ts +0 -6
  48. package/dist/Icon/components/Paintbrush.js +0 -21
  49. package/dist/Icon/components/Palette.d.ts +0 -6
  50. package/dist/Icon/components/Palette.js +0 -20
  51. package/dist/Icon/components/index.d.ts +0 -10
  52. package/dist/Icon/components/index.js +0 -11
  53. package/dist/Icon/index.d.ts +0 -37
  54. package/dist/Icon/index.js +0 -24
  55. package/dist/PageLock/Popup.d.ts +0 -43
  56. package/dist/PageLock/Popup.js +0 -68
  57. package/dist/PageLock/UserForm.d.ts +0 -42
  58. package/dist/PageLock/UserForm.js +0 -68
  59. package/dist/PageLock/index.d.ts +0 -52
  60. package/dist/PageLock/index.js +0 -92
  61. package/dist/PageLock/props.d.ts +0 -51
  62. package/dist/PageLock/props.js +0 -29
  63. package/dist/PageLock/style.d.ts +0 -7
  64. package/dist/PageLock/style.js +0 -108
  65. package/dist/PageLock/useFormState.d.ts +0 -16
  66. package/dist/PageLock/useFormState.js +0 -19
  67. package/dist/Paintbrush-EfUpNqey.js +0 -14
  68. package/dist/Palette-B5wq9KtV.js +0 -13
  69. package/dist/RightContent/Search/props.d.ts +0 -17
  70. package/dist/RightContent/Search/props.js +0 -15
  71. package/dist/RightContent/props.d.ts +0 -64
  72. package/dist/RightContent/props.js +0 -63
  73. package/dist/ThemeEditor/components/BlockCheckbox.d.ts +0 -39
  74. package/dist/ThemeEditor/components/BlockCheckbox.js +0 -42
  75. package/dist/ThemeEditor/components/RegionalChange.d.ts +0 -21
  76. package/dist/ThemeEditor/components/RegionalChange.js +0 -43
  77. package/dist/ThemeEditor/components/Setting/index.d.ts +0 -52
  78. package/dist/ThemeEditor/components/Setting/index.js +0 -125
  79. package/dist/ThemeEditor/components/SwitchTab/index.d.ts +0 -51
  80. package/dist/ThemeEditor/components/SwitchTab/index.js +0 -52
  81. package/dist/ThemeEditor/components/SwitchTab/style.d.ts +0 -6
  82. package/dist/ThemeEditor/components/SwitchTab/style.js +0 -54
  83. package/dist/ThemeEditor/components/Tokens/Colors/ColorSvg.d.ts +0 -7
  84. package/dist/ThemeEditor/components/Tokens/Colors/ColorSvg.js +0 -453
  85. package/dist/ThemeEditor/components/Tokens/Colors/Primary.d.ts +0 -7
  86. package/dist/ThemeEditor/components/Tokens/Colors/Primary.js +0 -58
  87. package/dist/ThemeEditor/components/Tokens/Colors/Side.d.ts +0 -7
  88. package/dist/ThemeEditor/components/Tokens/Colors/Side.js +0 -18
  89. package/dist/ThemeEditor/components/Tokens/Colors/index.d.ts +0 -7
  90. package/dist/ThemeEditor/components/Tokens/Colors/index.js +0 -15
  91. package/dist/ThemeEditor/components/Tokens/context.d.ts +0 -9
  92. package/dist/ThemeEditor/components/Tokens/context.js +0 -7
  93. package/dist/ThemeEditor/components/Tokens/index.d.ts +0 -45
  94. package/dist/ThemeEditor/components/Tokens/index.js +0 -69
  95. package/dist/ThemeEditor/components/Tokens/utils/config.d.ts +0 -10
  96. package/dist/ThemeEditor/components/Tokens/utils/config.js +0 -8
  97. package/dist/ThemeEditor/components/Trigger.d.ts +0 -21
  98. package/dist/ThemeEditor/components/Trigger.js +0 -46
  99. package/dist/ThemeEditor/context.d.ts +0 -14
  100. package/dist/ThemeEditor/context.js +0 -7
  101. package/dist/ThemeEditor/index.d.ts +0 -841
  102. package/dist/ThemeEditor/index.js +0 -165
  103. package/dist/ThemeEditor/props.d.ts +0 -57
  104. package/dist/ThemeEditor/props.js +0 -40
  105. package/dist/ThemeEditor/style/animate.d.ts +0 -9
  106. package/dist/ThemeEditor/style/animate.js +0 -38
  107. package/dist/ThemeEditor/style/index.d.ts +0 -10
  108. package/dist/ThemeEditor/style/index.js +0 -318
  109. package/dist/ThemeEditor/style/theme.d.ts +0 -6
  110. package/dist/ThemeEditor/style/theme.js +0 -71
  111. package/dist/ThemeEditor/utils/config.d.ts +0 -37
  112. package/dist/ThemeEditor/utils/config.js +0 -132
  113. package/dist/ThemeEditor/utils/index.d.ts +0 -9
  114. package/dist/ThemeEditor/utils/index.js +0 -64
  115. package/dist/hooks/useClockTime/index.d.ts +0 -11
  116. package/dist/hooks/useClockTime/index.js +0 -28
  117. package/dist/utils/index.d.ts +0 -2
  118. package/dist/utils/index.js +0 -3
  119. package/dist/utils/util.d.ts +0 -10
  120. 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,6 +0,0 @@
1
- import { GenerateStyle } from "@gx-design-vue/pro-provider";
2
-
3
- //#region src/AppsLogoComponents/style/default.d.ts
4
- declare const genAppsLogoComponentsDefaultListStyle: GenerateStyle;
5
- //#endregion
6
- export { genAppsLogoComponentsDefaultListStyle };
@@ -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,6 +0,0 @@
1
- import { GenerateStyle } from "@gx-design-vue/pro-provider";
2
-
3
- //#region src/AppsLogoComponents/style/simple.d.ts
4
- declare const genAppsLogoComponentsSimpleListStyle: GenerateStyle;
5
- //#endregion
6
- export { genAppsLogoComponentsSimpleListStyle };
@@ -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,6 +0,0 @@
1
- import { FunctionalComponent } from "vue";
2
-
3
- //#region src/Icon/components/Paintbrush.d.ts
4
- declare const PaintbrushIcon: FunctionalComponent<any>;
5
- //#endregion
6
- export { PaintbrushIcon as default };
@@ -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,6 +0,0 @@
1
- import { FunctionalComponent } from "vue";
2
-
3
- //#region src/Icon/components/Palette.d.ts
4
- declare const PaletteIcon: FunctionalComponent<any>;
5
- //#endregion
6
- export { PaletteIcon 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 };