@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,14 +0,0 @@
1
- import { createVNode, mergeProps } from "vue";
2
- var PaintbrushIcon = (e = {}) => createVNode("svg", mergeProps({
3
- xmlns: "http://www.w3.org/2000/svg",
4
- width: "1em",
5
- height: "1em",
6
- viewBox: "0 0 24 24"
7
- }, e), [createVNode("g", {
8
- fill: "none",
9
- "fill-rule": "evenodd"
10
- }, [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", {
11
- fill: "currentColor",
12
- 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"
13
- }, null)])]);
14
- export { PaintbrushIcon as default };
@@ -1,13 +0,0 @@
1
- import { createVNode, mergeProps } from "vue";
2
- var PaletteIcon = (e = {}) => createVNode("svg", mergeProps({
3
- xmlns: "http://www.w3.org/2000/svg",
4
- width: "1em",
5
- height: "1em",
6
- viewBox: "0 0 16 16"
7
- }, e), [createVNode("path", {
8
- fill: "currentColor",
9
- "fill-rule": "evenodd",
10
- 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",
11
- "clip-rule": "evenodd"
12
- }, null)]);
13
- export { PaletteIcon as default };
@@ -1,17 +0,0 @@
1
- import { PropType } from "vue";
2
- import { AppRouteModule } from "@gx-design-vue/pro-layout";
3
-
4
- //#region src/RightContent/Search/props.d.ts
5
- declare const commonProps: {
6
- dataSource: {
7
- type: PropType<AppRouteModule[]>;
8
- default: () => any[];
9
- };
10
- historyKey: PropType<string>;
11
- emptyProps: {
12
- type: PropType<any>;
13
- default: () => {};
14
- };
15
- };
16
- //#endregion
17
- export { commonProps };
@@ -1,15 +0,0 @@
1
- //#region src/RightContent/Search/props.ts
2
- const commonProps = {
3
- dataSource: {
4
- type: Array,
5
- default: () => []
6
- },
7
- historyKey: String,
8
- emptyProps: {
9
- type: Object,
10
- default: () => ({})
11
- }
12
- };
13
-
14
- //#endregion
15
- export { commonProps };
@@ -1,64 +0,0 @@
1
- import { ShortcutKeyProps } from "../PageLock/props.js";
2
- import { ExtractPropTypes, PropType } from "vue";
3
- import { CustomRender, WithFalse } from "@gx-design-vue/pro-utils";
4
- import { DropdownProps } from "ant-design-vue";
5
- import * as _gx_design_vue_pro_layout2 from "@gx-design-vue/pro-layout";
6
-
7
- //#region src/RightContent/props.d.ts
8
- type DropdownProps$1 = Omit<DropdownProps, 'placement' | 'overlay'>;
9
- interface RightContentActions {
10
- lock?: boolean;
11
- theme?: boolean;
12
- search?: boolean;
13
- themeEditor?: boolean;
14
- fullScreen?: boolean;
15
- }
16
- declare function getRightContentProps(): {
17
- actions: {
18
- type: PropType<RightContentActions | false>;
19
- default: () => {};
20
- };
21
- shortsKey: {
22
- type: PropType<ShortcutKeyProps["search"]>;
23
- default: () => ShortcutKeyProps["search"];
24
- };
25
- name: {
26
- type: PropType<string>;
27
- default: any;
28
- };
29
- avatar: PropType<string>;
30
- actionsRender: {
31
- type: PropType<WithFalse<(classNames: string[]) => CustomRender>>;
32
- default: any;
33
- };
34
- dropdownProps: {
35
- type: PropType<DropdownProps$1>;
36
- default: () => {};
37
- };
38
- dropdownRender: {
39
- type: PropType<WithFalse<CustomRender>>;
40
- default: any;
41
- };
42
- dropdownMenuRender: {
43
- type: PropType<WithFalse<CustomRender>>;
44
- default: any;
45
- };
46
- dropdownMenuExtraItemRender: {
47
- type: PropType<WithFalse<CustomRender>>;
48
- default: any;
49
- };
50
- onLogout: PropType<(callback?: () => void) => void>;
51
- onClick: PropType<(type: keyof RightContentActions) => void>;
52
- dataSource: {
53
- type: PropType<_gx_design_vue_pro_layout2.AppRouteModule[]>;
54
- default: () => any[];
55
- };
56
- historyKey: PropType<string>;
57
- emptyProps: {
58
- type: PropType<any>;
59
- default: () => {};
60
- };
61
- };
62
- type RightContentProps = Partial<ExtractPropTypes<ReturnType<typeof getRightContentProps>>>;
63
- //#endregion
64
- export { RightContentActions, RightContentProps, getRightContentProps };
@@ -1,63 +0,0 @@
1
- import { commonProps } from "./Search/props.js";
2
-
3
- //#region src/RightContent/props.ts
4
- function getRightContentProps() {
5
- return {
6
- ...commonProps,
7
- actions: {
8
- type: Object,
9
- default: () => ({})
10
- },
11
- shortsKey: {
12
- type: Object,
13
- default: () => ({ disabled: false })
14
- },
15
- name: {
16
- type: [String],
17
- default: void 0
18
- },
19
- avatar: String,
20
- actionsRender: {
21
- type: [
22
- Array,
23
- Function,
24
- Object
25
- ],
26
- default: void 0
27
- },
28
- dropdownProps: {
29
- type: [Object],
30
- default: () => ({})
31
- },
32
- dropdownRender: {
33
- type: [
34
- Array,
35
- Function,
36
- Object
37
- ],
38
- default: void 0
39
- },
40
- dropdownMenuRender: {
41
- type: [
42
- Array,
43
- Function,
44
- Object
45
- ],
46
- default: void 0
47
- },
48
- dropdownMenuExtraItemRender: {
49
- type: [
50
- Array,
51
- Function,
52
- Object,
53
- Boolean
54
- ],
55
- default: void 0
56
- },
57
- onLogout: Function,
58
- onClick: Function
59
- };
60
- }
61
-
62
- //#endregion
63
- export { getRightContentProps };
@@ -1,39 +0,0 @@
1
- import * as vue48 from "vue";
2
- import { PropType } from "vue";
3
- import { CustomRender } from "@gx-design-vue/pro-utils";
4
- import * as vue_jsx_runtime2 from "vue/jsx-runtime";
5
-
6
- //#region src/ThemeEditor/components/BlockCheckbox.d.ts
7
- declare const _default: vue48.DefineComponent<vue48.ExtractPropTypes<{
8
- value: PropType<string>;
9
- list: {
10
- type: PropType<{
11
- title: string;
12
- key: string;
13
- icon?: CustomRender;
14
- }[]>;
15
- default: () => any[];
16
- };
17
- configType: PropType<"menuTheme" | "layout">;
18
- onChange: PropType<(value: any, event: MouseEvent) => void>;
19
- }>, () => vue_jsx_runtime2.JSX.Element, {}, {}, {}, vue48.ComponentOptionsMixin, vue48.ComponentOptionsMixin, {}, string, vue48.PublicProps, Readonly<vue48.ExtractPropTypes<{
20
- value: PropType<string>;
21
- list: {
22
- type: PropType<{
23
- title: string;
24
- key: string;
25
- icon?: CustomRender;
26
- }[]>;
27
- default: () => any[];
28
- };
29
- configType: PropType<"menuTheme" | "layout">;
30
- onChange: PropType<(value: any, event: MouseEvent) => void>;
31
- }>> & Readonly<{}>, {
32
- list: {
33
- title: string;
34
- key: string;
35
- icon?: CustomRender;
36
- }[];
37
- }, {}, {}, {}, string, vue48.ComponentProvideOptions, true, {}, any>;
38
- //#endregion
39
- export { _default as default };
@@ -1,42 +0,0 @@
1
- import { useThemeEditorContext } from "../context.js";
2
- import { createVNode, defineComponent } from "vue";
3
- import { classNames } from "@gx-design-vue/pro-utils";
4
- import { Tooltip } from "ant-design-vue";
5
- import { CheckOutlined } from "@ant-design/icons-vue";
6
-
7
- //#region src/ThemeEditor/components/BlockCheckbox.tsx
8
- var BlockCheckbox_default = /* @__PURE__ */ defineComponent({
9
- name: "BlockCheckbox",
10
- props: {
11
- value: String,
12
- list: {
13
- type: Array,
14
- default: () => []
15
- },
16
- configType: String,
17
- onChange: Function
18
- },
19
- setup(props) {
20
- const { hashId, prefixCls } = useThemeEditorContext();
21
- return () => {
22
- const baseClassName = `${prefixCls}-block-checkbox`;
23
- return createVNode("div", { "class": [baseClassName, hashId.value] }, [props.list.map((item) => createVNode(Tooltip, {
24
- "title": item.title,
25
- "key": item.key
26
- }, { default: () => [createVNode("div", {
27
- "class": classNames(hashId.value, `${baseClassName}-item`, `${baseClassName}-item-${item.key}`, `${baseClassName}-${props.configType}-item`),
28
- "onClick": (e) => props.onChange?.(item.key, e)
29
- }, [
30
- item.key === "wide" && createVNode("div", { "class": [`${baseClassName}-item-${item.key}-content`, hashId.value] }, null),
31
- createVNode(CheckOutlined, {
32
- "class": `${baseClassName}-selectIcon ${hashId.value}`.trim(),
33
- "style": { display: props.value === item.key ? "block" : "none" }
34
- }, null),
35
- item?.icon ? createVNode("div", { "class": `${baseClassName}-icon ${hashId.value}`.trim() }, [item.icon]) : null
36
- ])] }))]);
37
- };
38
- }
39
- });
40
-
41
- //#endregion
42
- export { BlockCheckbox_default as default };
@@ -1,21 +0,0 @@
1
- import { SettingsState } from "../utils/config.js";
2
- import * as vue166 from "vue";
3
- import { PropType } from "vue";
4
- import * as vue_jsx_runtime4 from "vue/jsx-runtime";
5
-
6
- //#region src/ThemeEditor/components/RegionalChange.d.ts
7
- declare const _default: vue166.DefineComponent<vue166.ExtractPropTypes<{
8
- label: PropType<string>;
9
- value: PropType<boolean>;
10
- valueKey: PropType<keyof SettingsState>;
11
- disabled: PropType<boolean>;
12
- onChange: PropType<(key: keyof SettingsState, value: boolean) => void>;
13
- }>, () => vue_jsx_runtime4.JSX.Element, {}, {}, {}, vue166.ComponentOptionsMixin, vue166.ComponentOptionsMixin, {}, string, vue166.PublicProps, Readonly<vue166.ExtractPropTypes<{
14
- label: PropType<string>;
15
- value: PropType<boolean>;
16
- valueKey: PropType<keyof SettingsState>;
17
- disabled: PropType<boolean>;
18
- onChange: PropType<(key: keyof SettingsState, value: boolean) => void>;
19
- }>> & Readonly<{}>, {}, {}, {}, {}, string, vue166.ComponentProvideOptions, true, {}, any>;
20
- //#endregion
21
- export { _default as default };
@@ -1,43 +0,0 @@
1
- import { useThemeEditorContext } from "../context.js";
2
- import { createVNode, defineComponent } from "vue";
3
- import { List, Switch, Tooltip } from "ant-design-vue";
4
-
5
- //#region src/ThemeEditor/components/RegionalChange.tsx
6
- var RegionalChange_default = /* @__PURE__ */ defineComponent({
7
- name: "RegionalChange",
8
- props: {
9
- label: String,
10
- value: Boolean,
11
- valueKey: String,
12
- disabled: Boolean,
13
- onChange: Function
14
- },
15
- setup(props) {
16
- const { hashId, prefixCls } = useThemeEditorContext();
17
- return () => {
18
- return createVNode(List, {
19
- "class": `${prefixCls}-list ${hashId.value}`.trim(),
20
- "split": false,
21
- "size": "small",
22
- "renderItem": ({ item }) => createVNode(Tooltip, {
23
- "title": item.disabled ? item.disabledReason : "",
24
- "placement": "left"
25
- }, { default: () => [createVNode(List.Item, { "actions": [item.action] }, { default: () => [createVNode("span", { "style": { opacity: item.disabled ? .5 : 1 } }, [item.title])] })] }),
26
- "dataSource": [{
27
- title: props.label,
28
- action: createVNode(Switch, {
29
- "size": "small",
30
- "disabled": props.disabled,
31
- "checked": !!props.value,
32
- "onChange": (checked) => {
33
- props.onChange && props.onChange(props.valueKey, checked);
34
- }
35
- }, null)
36
- }]
37
- }, null);
38
- };
39
- }
40
- });
41
-
42
- //#endregion
43
- export { RegionalChange_default as default };
@@ -1,52 +0,0 @@
1
- import { LayoutConfig } from "../../props.js";
2
- import * as vue278 from "vue";
3
- import { PropType } from "vue";
4
- import { ThemeValue } from "@gx-design-vue/context";
5
- import * as vue_jsx_runtime13 from "vue/jsx-runtime";
6
-
7
- //#region src/ThemeEditor/components/Setting/index.d.ts
8
- declare const _default: vue278.DefineComponent<vue278.ExtractPropTypes<{
9
- theme: PropType<ThemeValue>;
10
- onChange: PropType<(value: Partial<LayoutConfig>) => void>;
11
- onChangeColorScheme: PropType<(value: ThemeValue) => void>;
12
- copyButton: {
13
- type: PropType<boolean>;
14
- default: boolean;
15
- };
16
- width: PropType<number>;
17
- isEqual: PropType<boolean>;
18
- open: {
19
- type: PropType<boolean>;
20
- default: any;
21
- };
22
- onSync: PropType<() => void>;
23
- onOpenChange: {
24
- type: PropType<(val: boolean | undefined) => void>;
25
- default: any;
26
- };
27
- }>, () => vue_jsx_runtime13.JSX.Element, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<vue278.ExtractPropTypes<{
28
- theme: PropType<ThemeValue>;
29
- onChange: PropType<(value: Partial<LayoutConfig>) => void>;
30
- onChangeColorScheme: PropType<(value: ThemeValue) => void>;
31
- copyButton: {
32
- type: PropType<boolean>;
33
- default: boolean;
34
- };
35
- width: PropType<number>;
36
- isEqual: PropType<boolean>;
37
- open: {
38
- type: PropType<boolean>;
39
- default: any;
40
- };
41
- onSync: PropType<() => void>;
42
- onOpenChange: {
43
- type: PropType<(val: boolean | undefined) => void>;
44
- default: any;
45
- };
46
- }>> & Readonly<{}>, {
47
- open: boolean;
48
- onOpenChange: (val: boolean | undefined) => void;
49
- copyButton: boolean;
50
- }, {}, {}, {}, string, vue278.ComponentProvideOptions, true, {}, any>;
51
- //#endregion
52
- export { _default as default };
@@ -1,125 +0,0 @@
1
- import Icon_default from "../../../Icon/index.js";
2
- import { layout, layoutLabelRadioList, othersLabelRadioList, systemTheme } from "../../utils/config.js";
3
- import { useThemeEditorContext } from "../../context.js";
4
- import props_default, { commonProps } from "../../props.js";
5
- import { handleSettingsDisabled } from "../../utils/index.js";
6
- import BlockCheckbox_default from "../BlockCheckbox.js";
7
- import RegionalChange_default from "../RegionalChange.js";
8
- import { Body } from "../../index.js";
9
- import { computed, createTextVNode, createVNode, defineComponent, watch } from "vue";
10
- import { classNames } from "@gx-design-vue/pro-utils";
11
- import { Badge, Button, Divider, Drawer, Segmented, Tooltip, message } from "ant-design-vue";
12
- import { ClearOutlined, CopyOutlined } from "@ant-design/icons-vue";
13
- import { useClipboard } from "@vueuse/core";
14
- import { pick } from "es-toolkit";
15
- import { GScrollbars } from "@gx-design-vue/scrollbar";
16
-
17
- //#region src/ThemeEditor/components/Setting/index.tsx
18
- var Setting_default = /* @__PURE__ */ defineComponent({
19
- props: {
20
- ...commonProps,
21
- ...pick(props_default, ["copyButton"]),
22
- theme: [Boolean, String],
23
- onChange: Function,
24
- onChangeColorScheme: Function
25
- },
26
- setup(props) {
27
- const { hashId, drawerClass, prefixCls, config } = useThemeEditorContext();
28
- const { copy, copied, isSupported } = useClipboard();
29
- const disabled = computed(() => {
30
- return handleSettingsDisabled(config.value);
31
- });
32
- watch(copied, (val) => {
33
- if (val) message.success("拷贝成功,请到 /src/store/modules/layout.ts 文件中替换 layoutConfig 默认配置");
34
- });
35
- const handleCopySettings = () => {
36
- if (isSupported.value) copy(JSON.stringify(config.value));
37
- };
38
- return () => {
39
- return createVNode(Drawer, {
40
- "width": props.width,
41
- "closable": false,
42
- "placement": "right",
43
- "open": props.open,
44
- "bodyStyle": {
45
- padding: 0,
46
- overflow: "hidden"
47
- },
48
- "maskStyle": { background: "transparent" },
49
- "onClose": () => props.onOpenChange?.(false)
50
- }, { default: () => [createVNode("div", { "class": classNames([`${drawerClass}-wrapper`, hashId.value]) }, [createVNode(GScrollbars, null, { default: () => [createVNode("div", { "class": classNames([`${drawerClass}-content`, hashId.value]) }, [createVNode("div", { "class": classNames([`${prefixCls}-card`, hashId.value]) }, [createVNode("div", { "class": classNames(`${prefixCls}-card-header`, hashId.value) }, [createVNode("div", { "class": classNames(`${prefixCls}-card-header-title`, hashId.value) }, [createVNode("span", null, [createTextVNode("系统配置")]), createVNode(Tooltip, {
51
- "title": !props.isEqual && "数据有变化,点击可进行重置",
52
- "placement": "left"
53
- }, { default: () => [createVNode(Badge, { "dot": !props.isEqual }, { default: () => [createVNode("div", {
54
- "class": classNames(`${prefixCls}-card-header-action`, hashId.value),
55
- "onClick": () => !props.isEqual && props.onSync?.()
56
- }, [createVNode(Icon_default, { "type": "reload" }, null)])] })] })]), createVNode("div", { "class": classNames(`${prefixCls}-card-header-subtitle`, hashId.value) }, [config.value.title])]), createVNode("div", { "class": classNames(`${prefixCls}-card-content`, hashId.value) }, [
57
- createVNode(Body, {
58
- "prefixCls": `${prefixCls}`,
59
- "hashId": hashId.value,
60
- "title": "整体风格"
61
- }, { default: () => [createVNode(Segmented, {
62
- "value": props.theme,
63
- "options": systemTheme,
64
- "onChange": (value) => props.onChangeColorScheme?.(value)
65
- }, null)] }),
66
- createVNode(Divider, null, null),
67
- createVNode(Body, {
68
- "hashId": hashId.value,
69
- "prefixCls": prefixCls,
70
- "title": "导航模式"
71
- }, { default: () => [createVNode(BlockCheckbox_default, {
72
- "value": config.value.layout,
73
- "key": "layout",
74
- "configType": "layout",
75
- "list": layout,
76
- "onChange": (val) => props.onChange?.({ layout: val })
77
- }, null)] }),
78
- layoutLabelRadioList.map(({ label, title }) => createVNode(RegionalChange_default, {
79
- "label": title,
80
- "valueKey": label,
81
- "value": config.value[label],
82
- "disabled": disabled.value?.[label],
83
- "onChange": (key, value) => props.onChange?.({ [key]: value })
84
- }, null)),
85
- createVNode(Divider, null, null),
86
- createVNode(Body, {
87
- "hashId": hashId.value,
88
- "prefixCls": prefixCls,
89
- "title": "其他设置"
90
- }, { default: () => [
91
- othersLabelRadioList.map(({ label, title }) => createVNode(RegionalChange_default, {
92
- "label": title,
93
- "valueKey": label,
94
- "value": config.value[label],
95
- "disabled": disabled.value[label],
96
- "onChange": (key, value) => props.onChange?.({ [key]: value })
97
- }, null)),
98
- createVNode(RegionalChange_default, {
99
- "label": "色弱模式",
100
- "valueKey": "colorWeak",
101
- "value": config.value?.colorWeak,
102
- "onChange": (key, value) => props.onChange?.({ [key]: value })
103
- }, null),
104
- createVNode(RegionalChange_default, {
105
- "label": "顶部进度条",
106
- "valueKey": "progress",
107
- "value": config.value?.progress,
108
- "onChange": (key, value) => props.onChange?.({ [key]: value })
109
- }, null)
110
- ] }),
111
- props.copyButton && createVNode(Divider, null, null),
112
- createVNode("div", { "style": {
113
- display: "flex",
114
- gap: "10px"
115
- } }, [props.copyButton && createVNode(Button, {
116
- "onClick": () => handleCopySettings(),
117
- "block": true
118
- }, { default: () => [createVNode(CopyOutlined, null, null), createTextVNode("拷贝设置")] }), createVNode(Button, { "block": true }, { default: () => [createVNode(ClearOutlined, null, null), createTextVNode("清空缓存")] })])
119
- ])])])] })])] });
120
- };
121
- }
122
- });
123
-
124
- //#endregion
125
- export { Setting_default as default };
@@ -1,51 +0,0 @@
1
- import * as vue173 from "vue";
2
- import { PropType } from "vue";
3
- import * as ant_design_vue_es__util_type20 from "ant-design-vue/es/_util/type";
4
-
5
- //#region src/ThemeEditor/components/SwitchTab/index.d.ts
6
- interface SwitchTabItem {
7
- label: string;
8
- value: string;
9
- }
10
- declare const _default: vue173.DefineComponent<vue173.ExtractPropTypes<{
11
- activeKey: {
12
- type: PropType<string>;
13
- default: string;
14
- };
15
- dataSource: {
16
- type: PropType<SwitchTabItem[]>;
17
- default: () => any[];
18
- };
19
- renderItem: {
20
- type: PropType<(item: any) => any>;
21
- };
22
- renderContent: {
23
- type: PropType<(item: any) => any>;
24
- };
25
- onChange: {
26
- type: PropType<(val: any) => void>;
27
- };
28
- }>, () => ant_design_vue_es__util_type20.VueNode, {}, {}, {}, vue173.ComponentOptionsMixin, vue173.ComponentOptionsMixin, {}, string, vue173.PublicProps, Readonly<vue173.ExtractPropTypes<{
29
- activeKey: {
30
- type: PropType<string>;
31
- default: string;
32
- };
33
- dataSource: {
34
- type: PropType<SwitchTabItem[]>;
35
- default: () => any[];
36
- };
37
- renderItem: {
38
- type: PropType<(item: any) => any>;
39
- };
40
- renderContent: {
41
- type: PropType<(item: any) => any>;
42
- };
43
- onChange: {
44
- type: PropType<(val: any) => void>;
45
- };
46
- }>> & Readonly<{}>, {
47
- activeKey: string;
48
- dataSource: SwitchTabItem[];
49
- }, {}, {}, {}, string, vue173.ComponentProvideOptions, true, {}, any>;
50
- //#endregion
51
- export { SwitchTabItem, _default as default };
@@ -1,52 +0,0 @@
1
- import { switchTabStyleToken } from "./style.js";
2
- import { createVNode, defineComponent, ref, watch } from "vue";
3
- import { useProStyle } from "@gx-design-vue/pro-provider";
4
- import { classNames, getPrefixCls } from "@gx-design-vue/pro-utils";
5
- import { GScrollbars } from "@gx-design-vue/scrollbar";
6
-
7
- //#region src/ThemeEditor/components/SwitchTab/index.tsx
8
- var SwitchTab_default = /* @__PURE__ */ defineComponent({
9
- props: {
10
- activeKey: {
11
- type: String,
12
- default: ""
13
- },
14
- dataSource: {
15
- type: Array,
16
- default: () => []
17
- },
18
- renderItem: { type: Function },
19
- renderContent: { type: Function },
20
- onChange: { type: Function }
21
- },
22
- setup(props) {
23
- const baseClassName = getPrefixCls({
24
- suffixCls: "switch-tab",
25
- isPor: true
26
- });
27
- const { wrapSSR, hashId } = useProStyle("SwitchTab", [switchTabStyleToken], baseClassName);
28
- const activeKey = ref(props.activeKey);
29
- watch(() => props.activeKey, (val) => {
30
- activeKey.value = val;
31
- });
32
- function onChange(val) {
33
- activeKey.value = val;
34
- props.onChange?.(val);
35
- }
36
- return () => {
37
- return wrapSSR(createVNode("div", { "class": classNames(`${baseClassName}`, hashId.value) }, [createVNode("div", { "class": classNames(`${baseClassName}-nav`, hashId.value) }, [props.dataSource.map((item) => {
38
- return createVNode("div", {
39
- "key": item.value,
40
- "class": classNames(`${baseClassName}-panel`, hashId.value, activeKey.value === item.value && `${baseClassName}-panel-active`),
41
- "onClick": () => onChange(item.value)
42
- }, [props.renderItem?.(item), createVNode("div", { "class": classNames(`${baseClassName}-panel-title`, hashId.value) }, [item.label])]);
43
- }), createVNode("div", {
44
- "class": classNames(`${baseClassName}-line`, hashId.value),
45
- "style": { top: `${88 * props.dataSource.findIndex((item) => item.value === activeKey.value)}px` }
46
- }, null)]), createVNode("div", { "class": classNames(`${baseClassName}-content`, hashId.value) }, [createVNode(GScrollbars, null, { default: () => [props.renderContent?.(activeKey.value)] })])]));
47
- };
48
- }
49
- });
50
-
51
- //#endregion
52
- export { SwitchTab_default as default };
@@ -1,6 +0,0 @@
1
- import { GenerateStyle } from "@gx-design-vue/pro-provider";
2
-
3
- //#region src/ThemeEditor/components/SwitchTab/style.d.ts
4
- declare const switchTabStyleToken: GenerateStyle;
5
- //#endregion
6
- export { switchTabStyleToken };