cosey 0.1.3 → 0.1.4

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 (134) hide show
  1. package/components/audio-card/style/index.d.ts +1 -1
  2. package/components/audio-viewer/style/index.d.ts +1 -1
  3. package/components/close/style/index.d.ts +1 -1
  4. package/components/col/style/index.d.ts +1 -1
  5. package/components/col/style/index.js +1 -1
  6. package/components/config-provider/config-provider.vue.js +8 -4
  7. package/components/config-provider/override-element-plus.d.ts +3 -2
  8. package/components/config-provider/override-element-plus.js +2 -2
  9. package/components/container/container.d.ts +0 -1
  10. package/components/container/container.vue.js +0 -4
  11. package/components/container/style/index.d.ts +1 -1
  12. package/components/context-menu/style/index.d.ts +1 -1
  13. package/components/copy/copy.d.ts +0 -2
  14. package/components/copy/copy.vue.d.ts +1 -7
  15. package/components/copy/copy.vue.js +0 -1
  16. package/components/copy/index.d.ts +3 -19
  17. package/components/copy/style/index.d.ts +1 -1
  18. package/components/dnd-sort/dnd-sort-item.vue.js +1 -1
  19. package/components/dnd-sort/style/index.d.ts +1 -1
  20. package/components/dnd-sort/style/index.js +1 -0
  21. package/components/editor/components/color-picker/color-picker.style.d.ts +1 -1
  22. package/components/editor/components/list/list.style.d.ts +1 -1
  23. package/components/editor/components/picker/picker.style.d.ts +1 -1
  24. package/components/editor/components/resize/resize.style.d.ts +1 -1
  25. package/components/editor/components/table-toolbar/table-toolbar.style.d.ts +1 -1
  26. package/components/editor/components/toolbar/formats/table.style.d.ts +1 -1
  27. package/components/editor/editor.d.ts +0 -2
  28. package/components/editor/editor.vue.js +1 -11
  29. package/components/editor/modules/image-uploader/formats/image-loading.style.d.ts +1 -1
  30. package/components/editor/modules/image-uploader/formats/image-loading.style.js +3 -3
  31. package/components/editor/style/hljs.d.ts +1 -1
  32. package/components/editor/style/index.d.ts +1 -1
  33. package/components/file-card/style/index.d.ts +1 -1
  34. package/components/form/style/index.d.ts +1 -1
  35. package/components/form-list/style/index.d.ts +1 -1
  36. package/components/form-query/style/index.d.ts +1 -1
  37. package/components/highlight/highlight.d.ts +1 -1
  38. package/components/highlight/highlight.vue.js +11 -4
  39. package/components/highlight/style/index.d.ts +1 -1
  40. package/components/highlight/style/index.js +15 -5
  41. package/components/horizontal-tree/style/index.d.ts +1 -1
  42. package/components/icon/style/index.d.ts +1 -1
  43. package/components/image-card/style/index.d.ts +1 -1
  44. package/components/index.js +1 -0
  45. package/components/long-text/style/index.d.ts +1 -1
  46. package/components/mask/style/index.d.ts +1 -1
  47. package/components/media-card-group/style/index.d.ts +1 -1
  48. package/components/panel/style/index.d.ts +1 -1
  49. package/components/row/style/index.d.ts +1 -1
  50. package/components/scroll-view/style/index.d.ts +1 -1
  51. package/components/snug-menu/style/index.d.ts +1 -1
  52. package/components/table/style/index.d.ts +1 -1
  53. package/components/table/table-column/style/index.d.ts +1 -1
  54. package/components/table/table-column/table-column.vue.d.ts +3 -3
  55. package/components/table/table-column-editor/item.vue.js +1 -1
  56. package/components/table/table-column-editor/style/index.d.ts +1 -1
  57. package/components/table/table-column-editor/style/index.js +1 -0
  58. package/components/table/table-export/style/index.d.ts +1 -1
  59. package/components/table-action/style/index.d.ts +1 -1
  60. package/components/theme/getGlobalStyleHook.d.ts +2 -3
  61. package/components/theme/getGlobalStyleHook.js +3 -8
  62. package/components/theme/getOverrideStyleHook.d.ts +8 -0
  63. package/components/theme/getOverrideStyleHook.js +39 -0
  64. package/components/theme/getSimpleStyleHook.d.ts +2 -2
  65. package/components/theme/getSimpleStyleHook.js +3 -7
  66. package/components/theme/getStyleHook.d.ts +2 -2
  67. package/components/theme/getStyleHook.js +3 -7
  68. package/components/theme/index.d.ts +2 -1
  69. package/components/theme/index.js +1 -0
  70. package/components/theme/theme-context.d.ts +11 -2
  71. package/components/theme/theme-context.js +36 -6
  72. package/components/theme/useStyleRegister.d.ts +1 -7
  73. package/components/theme/useStyleRegister.js +3 -4
  74. package/components/theme/util/useToken.d.ts +4 -4
  75. package/components/theme/util/useToken.js +6 -6
  76. package/components/transition/style/index.d.ts +1 -1
  77. package/components/transition-group/index.d.ts +3 -3
  78. package/components/transition-group/style/index.d.ts +1 -1
  79. package/components/transition-group/transition-group.vue.d.ts +1 -1
  80. package/components/upload/index.d.ts +0 -3
  81. package/components/upload/style/index.d.ts +1 -1
  82. package/components/upload/upload.d.ts +0 -2
  83. package/components/upload/upload.js +0 -1
  84. package/components/upload/upload.vue.d.ts +0 -1
  85. package/components/upload/upload.vue.js +0 -4
  86. package/components/video-card/style/index.d.ts +1 -1
  87. package/components/video-card/video-card.vue.js +1 -1
  88. package/components/video-viewer/style/index.d.ts +1 -1
  89. package/config/http.d.ts +1 -1
  90. package/config/http.js +1 -1
  91. package/config/index.d.ts +22 -22
  92. package/config/nprogress.style.d.ts +1 -1
  93. package/config/nprogress.style.js +1 -1
  94. package/hooks/useUpsert.d.ts +15 -16
  95. package/hooks/useUpsert.js +3 -3
  96. package/layout/layout-aside/style/index.d.ts +1 -1
  97. package/layout/layout-auth/style/index.d.ts +1 -1
  98. package/layout/layout-base/layout-base.vue.js +8 -8
  99. package/layout/layout-base/style/index.d.ts +1 -1
  100. package/layout/layout-brand/style/index.d.ts +1 -1
  101. package/layout/layout-change-password/style/index.d.ts +1 -1
  102. package/layout/layout-color-scheme/style/index.d.ts +2 -2
  103. package/layout/layout-content/style/index.d.ts +1 -1
  104. package/layout/layout-exception/style/index.d.ts +1 -1
  105. package/layout/layout-header/style/index.d.ts +1 -1
  106. package/layout/layout-iframe/style/index.d.ts +1 -1
  107. package/layout/layout-login/style/index.d.ts +1 -1
  108. package/layout/layout-main/style/index.d.ts +1 -1
  109. package/layout/layout-mask/style/index.d.ts +1 -1
  110. package/layout/layout-menu/layout-menu.vue.js +5 -0
  111. package/layout/layout-menu/style/index.d.ts +1 -1
  112. package/layout/layout-search/style/index.d.ts +1 -1
  113. package/layout/layout-sidebar/style/index.d.ts +1 -1
  114. package/layout/layout-snug-aside/style/index.d.ts +1 -1
  115. package/layout/layout-switch-effect/style/index.d.ts +1 -1
  116. package/layout/layout-tabbar/layout-tabbar.vue.js +6 -1
  117. package/layout/layout-tabbar/style/index.d.ts +1 -1
  118. package/layout/layout-tabbar/style/index.js +4 -0
  119. package/layout/layout-topbar/style/index.d.ts +1 -1
  120. package/layout/layout-user-menu/style/index.d.ts +1 -1
  121. package/package.json +3 -3
  122. package/router/guard/index.js +2 -0
  123. package/router/guard/pageTitle.d.ts +2 -0
  124. package/router/guard/pageTitle.js +11 -0
  125. package/router/index.js +1 -1
  126. package/router/routes/static/auth.js +5 -6
  127. package/router/routes/static/exception.js +3 -3
  128. package/router/utils.js +11 -3
  129. package/store/layout.d.ts +2 -2
  130. package/store/user.d.ts +3 -3
  131. package/store/user.js +1 -0
  132. package/utils/dynamicCSS.d.ts +3 -2
  133. package/utils/dynamicCSS.js +12 -1
  134. package/utils/index.js +1 -1
@@ -4,7 +4,7 @@ export interface ComponentToken {
4
4
  export interface TableToken extends FullToken<'Table'> {
5
5
  tableHeaderBg: string;
6
6
  }
7
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
7
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
8
8
  hashId: import("vue").Ref<string, string>;
9
9
  };
10
10
  export default _default;
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface TableColumnToken extends FullToken<'TableColumn'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -21,7 +21,7 @@ declare const TableColumn: import("vue").DefineComponent<{
21
21
  sortBy?: string | string[] | ((row: any, index: number) => string) | undefined;
22
22
  columnKey?: string | undefined;
23
23
  headerAlign?: string | undefined;
24
- showOverflowTooltip?: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "effect" | "showAfter" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
24
+ showOverflowTooltip?: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "showAfter" | "effect" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
25
25
  selectable?: ((row: any, index: number) => boolean) | undefined;
26
26
  reserveSelection?: boolean | undefined;
27
27
  filterMethod?: import("element-plus/es/components/table/src/table-column/defaults.mjs").FilterMethods<any> | undefined;
@@ -61,7 +61,7 @@ declare const TableColumn: import("vue").DefineComponent<{
61
61
  sortBy?: string | string[] | ((row: any, index: number) => string) | undefined;
62
62
  columnKey?: string | undefined;
63
63
  headerAlign?: string | undefined;
64
- showOverflowTooltip?: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "effect" | "showAfter" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
64
+ showOverflowTooltip?: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "showAfter" | "effect" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
65
65
  selectable?: ((row: any, index: number) => boolean) | undefined;
66
66
  reserveSelection?: boolean | undefined;
67
67
  filterMethod?: import("element-plus/es/components/table/src/table-column/defaults.mjs").FilterMethods<any> | undefined;
@@ -87,7 +87,7 @@ declare const TableColumn: import("vue").DefineComponent<{
87
87
  resizable: boolean;
88
88
  align: "left" | "right" | "center" | undefined;
89
89
  sortable: string | boolean;
90
- showOverflowTooltip: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "effect" | "showAfter" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
90
+ showOverflowTooltip: boolean | Partial<Pick<import("element-plus/es/components/tooltip/index.mjs").ElTooltipProps, "offset" | "transition" | "enterable" | "appendTo" | "placement" | "showAfter" | "effect" | "popperClass" | "popperOptions" | "showArrow" | "hideAfter">> | undefined;
91
91
  reserveSelection: boolean;
92
92
  filterMultiple: boolean;
93
93
  sortOrders: ("ascending" | "descending" | null)[];
@@ -71,7 +71,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
71
71
  class: `${unref(prefixCls)}-item-holder`
72
72
  }), [createVNode(unref(_Icon), {
73
73
  name: "co:draggable",
74
- size: "xl"
74
+ size: "lg"
75
75
  })], 16
76
76
  /* FULL_PROPS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
77
77
  class: normalizeClass(`${unref(prefixCls)}-item-label`)
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface TableColumnEditorToken extends FullToken<'TableColumnEditor'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -48,6 +48,7 @@ const getTableColumnEditorStyle = (token) => {
48
48
  [`${componentCls}-item-holder`]: {
49
49
  width: token.size,
50
50
  flex: "none",
51
+ color: token.colorTextSecondary,
51
52
  cursor: "grab",
52
53
  "&:active": {
53
54
  cursor: "grabbing"
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface TableExportToken extends FullToken<'TableExport'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface TableActionToken extends FullToken<'TableAction'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -1,5 +1,4 @@
1
- import { ComputedRef } from 'vue';
2
1
  import type { CSSInterpolation } from '../cssinjs';
3
2
  import type { AliasToken } from './interface';
4
- import { ThemeConfig } from './theme-context';
5
- export declare function getGlobalStyleHook(component: string, styleFn: (token: AliasToken) => CSSInterpolation): (theme?: ComputedRef<ThemeConfig | undefined>) => void;
3
+ import { ThemeManager } from './theme-context';
4
+ export declare function getGlobalStyleHook(component: string, styleFn: (token: AliasToken) => CSSInterpolation): (themeManager?: ThemeManager) => void;
@@ -8,16 +8,11 @@ import { isClient } from '../../utils/env.js';
8
8
 
9
9
  const oldGlobalClass = /* @__PURE__ */ new Set();
10
10
  function getGlobalStyleHook(component, styleFn) {
11
- return (theme) => {
12
- const { token, hashId } = useToken(theme);
11
+ return (themeManager) => {
12
+ const { token, hashId } = useToken(themeManager);
13
13
  const configContext = useConfig();
14
14
  useStyleRegister(
15
- computed(() => ({
16
- path: [component],
17
- token: token.value,
18
- hashId: hashId.value,
19
- global: true
20
- })),
15
+ computed(() => ["__global", component]),
21
16
  () => {
22
17
  const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
23
18
  return styleFn(cssVar);
@@ -0,0 +1,8 @@
1
+ import { type CSSInterpolation } from '../cssinjs';
2
+ import type { AliasToken, TokenWithCommonCls } from './interface';
3
+ import { ThemeManager } from './theme-context';
4
+ export type AliasTokenWithCommonCls = TokenWithCommonCls<AliasToken>;
5
+ export declare function getOverrideStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_themeManager?: ThemeManager) => {
6
+ readonly token: import("vue").ComputedRef<import("./interface").GlobalToken>;
7
+ readonly hashId: import("vue").Ref<string, string>;
8
+ };
@@ -0,0 +1,39 @@
1
+ import { watch } from 'vue';
2
+ import { parseStyle } from '../cssinjs/parser.js';
3
+ import { useToken } from './util/useToken.js';
4
+ import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
5
+ import { useConfig } from '../config-provider/config-provider.js';
6
+ import hash from '@emotion/hash';
7
+ import { normalizeStyle } from './util/normalizeStyle.js';
8
+
9
+ function getOverrideStyleHook(component, styleFn) {
10
+ const pathHash = hash(["__override", component].join("|"));
11
+ return (_themeManager) => {
12
+ const { token, hashId, themeManager } = useToken(_themeManager);
13
+ const configContext = useConfig();
14
+ watch(
15
+ hashId,
16
+ () => {
17
+ const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
18
+ const styleInterpolation = styleFn({
19
+ ...cssVar,
20
+ hashId: hashId.value,
21
+ componentCls: "",
22
+ prefixCls: ""
23
+ });
24
+ const [parsedStr] = parseStyle(styleInterpolation);
25
+ const styleStr = normalizeStyle(parsedStr);
26
+ themeManager.setOverrideStyle(styleStr, pathHash, hash([hashId.value, pathHash].join("|")));
27
+ },
28
+ {
29
+ immediate: true
30
+ }
31
+ );
32
+ return {
33
+ token,
34
+ hashId
35
+ };
36
+ };
37
+ }
38
+
39
+ export { getOverrideStyleHook };
@@ -1,8 +1,8 @@
1
1
  import { ComputedRef } from 'vue';
2
2
  import type { CSSInterpolation } from '../cssinjs';
3
3
  import type { AliasToken, TokenWithCommonCls } from './interface';
4
- import { ThemeConfig } from './theme-context';
4
+ import { ThemeManager } from './theme-context';
5
5
  export type AliasTokenWithCommonCls = TokenWithCommonCls<AliasToken>;
6
- export declare function getSimpleStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_prefixCls?: ComputedRef<string> | string, theme?: ComputedRef<ThemeConfig | undefined>) => {
6
+ export declare function getSimpleStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_prefixCls?: ComputedRef<string> | string, themeManager?: ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
@@ -5,16 +5,12 @@ import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
5
5
  import { useConfig } from '../config-provider/config-provider.js';
6
6
 
7
7
  function getSimpleStyleHook(component, styleFn) {
8
- return (_prefixCls = "", theme) => {
8
+ return (_prefixCls = "", themeManager) => {
9
9
  const prefixCls = computed(() => unref(_prefixCls));
10
- const { token, hashId } = useToken(theme);
10
+ const { token, hashId } = useToken(themeManager);
11
11
  const configContext = useConfig();
12
12
  useStyleRegister(
13
- computed(() => ({
14
- path: [component, prefixCls.value],
15
- token: token.value,
16
- hashId: hashId.value
17
- })),
13
+ computed(() => ["__simple", component, prefixCls.value]),
18
14
  () => {
19
15
  const componentCls = `.${prefixCls.value}`;
20
16
  const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
@@ -1,7 +1,7 @@
1
1
  import { ComputedRef } from 'vue';
2
2
  import type { CSSInterpolation } from '../cssinjs';
3
3
  import type { ComponentTokenMap, GlobalToken, TokenWithCommonCls } from './interface';
4
- import { ThemeConfig } from './theme-context';
4
+ import { ThemeManager } from './theme-context';
5
5
  export type OverrideTokenWithoutDerivative = ComponentTokenMap;
6
6
  export type OverrideComponent = keyof OverrideTokenWithoutDerivative;
7
7
  export type GlobalTokenWithComponent<ComponentName extends OverrideComponent> = GlobalToken & ComponentTokenMap[ComponentName];
@@ -11,6 +11,6 @@ export interface StyleInfo<ComponentName extends OverrideComponent> {
11
11
  overrideComponentToken: ComponentTokenMap[ComponentName];
12
12
  }
13
13
  export type FullToken<ComponentName extends OverrideComponent> = TokenWithCommonCls<GlobalTokenWithComponent<ComponentName>>;
14
- export declare function getStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (_prefixCls?: ComputedRef<string> | string, theme?: ComputedRef<ThemeConfig | undefined>) => {
14
+ export declare function getStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (_prefixCls?: ComputedRef<string> | string, themeManager?: ThemeManager) => {
15
15
  hashId: import("vue").Ref<string, string>;
16
16
  };
@@ -5,16 +5,12 @@ import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
5
5
  import { useConfig } from '../config-provider/config-provider.js';
6
6
 
7
7
  function getStyleHook(component, styleFn, getDefaultToken) {
8
- return (_prefixCls = "", theme) => {
8
+ return (_prefixCls = "", themeManager) => {
9
9
  const prefixCls = computed(() => unref(_prefixCls));
10
- const { token, hashId } = useToken(theme);
10
+ const { token, hashId } = useToken(themeManager);
11
11
  const configContext = useConfig();
12
12
  useStyleRegister(
13
- computed(() => ({
14
- path: [component, prefixCls.value],
15
- token: token.value,
16
- hashId: hashId.value
17
- })),
13
+ computed(() => ["__default", component, prefixCls.value]),
18
14
  () => {
19
15
  const componentCls = `.${prefixCls.value}`;
20
16
  const defaultComponentToken = typeof getDefaultToken === "function" ? getDefaultToken(token.value) : getDefaultToken;
@@ -11,6 +11,7 @@ import { getSimpleStyleHook } from './getSimpleStyleHook';
11
11
  import { useThemeProvide, type ThemeConfig } from './theme-context';
12
12
  import { extractCacheStyle, extractStyle } from './extractStyle';
13
13
  import { StyleCache, StyleProvider } from './StyleContext';
14
+ import { getOverrideStyleHook } from './getOverrideStyleHook';
14
15
  type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;
15
- export { seedToken, useToken, defaultAlgorithm, darkAlgorithm, compactAlgorithm, getStyleHook, getSimpleStyleHook, getGlobalStyleHook, useThemeProvide, defaultGenerateColorPalettes, darkGenerateColorPalettes, extractStyle, extractCacheStyle, StyleCache, StyleProvider, };
16
+ export { seedToken, useToken, defaultAlgorithm, darkAlgorithm, compactAlgorithm, getStyleHook, getSimpleStyleHook, getGlobalStyleHook, getOverrideStyleHook, useThemeProvide, defaultGenerateColorPalettes, darkGenerateColorPalettes, extractStyle, extractCacheStyle, StyleCache, StyleProvider, };
16
17
  export type { SeedToken, MapToken, AliasToken, GlobalToken, GenerateStyle, FullToken, ThemeConfig, ComponentTokenMap, TokenWithCommonCls, };
@@ -9,5 +9,6 @@ export { getSimpleStyleHook } from './getSimpleStyleHook.js';
9
9
  export { useThemeProvide } from './theme-context.js';
10
10
  export { extractCacheStyle, extractStyle } from './extractStyle.js';
11
11
  export { StyleCache, StyleProvider } from './StyleContext.js';
12
+ export { getOverrideStyleHook } from './getOverrideStyleHook.js';
12
13
  export { generateColorPalettes as darkGenerateColorPalettes } from './themes/dark/colors.js';
13
14
  export { generateColorPalettes as defaultGenerateColorPalettes } from './themes/default/colors.js';
@@ -8,6 +8,15 @@ export interface ThemeConfig {
8
8
  algorithm?: MappingAlgorithm | MappingAlgorithm[];
9
9
  inherit?: boolean;
10
10
  }
11
+ export declare class ThemeManager {
12
+ theme?: ComputedRef<ThemeConfig | undefined>;
13
+ overrideStyles: Record<string, HTMLStyleElement | null | undefined>;
14
+ style: HTMLStyleElement | null | undefined;
15
+ constructor(theme?: ComputedRef<ThemeConfig | undefined>);
16
+ setStyle(styleStr: string, hashId: string): void;
17
+ setOverrideStyle(styleStr: string, pathHash: string, hashId: string): void;
18
+ destroy(): void;
19
+ }
11
20
  export type ThemeContext = ComputedRef<ThemeConfig | undefined>;
12
- export declare const useThemeProvide: (theme: ComputedRef<ThemeConfig | undefined>) => void;
13
- export declare const useTheme: () => ThemeContext | null;
21
+ export declare const useThemeProvide: (themeManager: ThemeManager) => void;
22
+ export declare const useTheme: (themeManager?: ThemeManager) => ThemeManager;
@@ -1,11 +1,41 @@
1
- import { provide, inject } from 'vue';
1
+ import { inject, provide } from 'vue';
2
+ import { updateCSSByStyle } from '../../utils/dynamicCSS.js';
2
3
 
4
+ class ThemeManager {
5
+ theme;
6
+ overrideStyles = {};
7
+ style = null;
8
+ constructor(theme) {
9
+ this.theme = theme;
10
+ }
11
+ setStyle(styleStr, hashId) {
12
+ this.style = updateCSSByStyle(this.style, styleStr, hashId);
13
+ }
14
+ setOverrideStyle(styleStr, pathHash, hashId) {
15
+ this.overrideStyles[pathHash] = updateCSSByStyle(
16
+ this.overrideStyles[pathHash],
17
+ styleStr,
18
+ hashId
19
+ );
20
+ }
21
+ destroy() {
22
+ this.style?.remove();
23
+ Object.values(this.overrideStyles).forEach((style) => {
24
+ style?.remove();
25
+ });
26
+ }
27
+ }
3
28
  const themeContextKey = Symbol("themeContext");
4
- const useThemeProvide = (theme) => {
5
- provide(themeContextKey, theme);
29
+ const useThemeProvide = (themeManager) => {
30
+ provide(themeContextKey, themeManager);
6
31
  };
7
- const useTheme = () => {
8
- return inject(themeContextKey, null);
32
+ let defaultTheme = void 0;
33
+ const useTheme = (themeManager) => {
34
+ let mergedThemeManager = themeManager || inject(themeContextKey, defaultTheme);
35
+ if (!mergedThemeManager) {
36
+ mergedThemeManager = defaultTheme = new ThemeManager();
37
+ }
38
+ return mergedThemeManager;
9
39
  };
10
40
 
11
- export { useTheme, useThemeProvide };
41
+ export { ThemeManager, useTheme, useThemeProvide };
@@ -1,9 +1,3 @@
1
1
  import { ComputedRef } from 'vue';
2
2
  import { type CSSInterpolation } from '../cssinjs';
3
- import type { GlobalToken } from './interface';
4
- export declare function useStyleRegister(info: ComputedRef<{
5
- path: string[];
6
- token: GlobalToken;
7
- hashId: string;
8
- global?: boolean;
9
- }>, styleFn: () => CSSInterpolation): void;
3
+ export declare function useStyleRegister(path: ComputedRef<string[]>, styleFn: () => CSSInterpolation): void;
@@ -1,4 +1,4 @@
1
- import { computed, watch } from 'vue';
1
+ import { computed, unref, watch } from 'vue';
2
2
  import { parseStyle } from '../cssinjs/parser.js';
3
3
  import hash from '@emotion/hash';
4
4
  import { normalizeStyle } from './util/normalizeStyle.js';
@@ -6,8 +6,8 @@ import stdin_default from './useHMR.js';
6
6
  import { useStyleInection } from './StyleContext.js';
7
7
  import { updateCSS } from '../../utils/dynamicCSS.js';
8
8
 
9
- function useStyleRegister(info, styleFn) {
10
- const pathHash = computed(() => hash([...info.value.path, info.value.hashId].join("|")));
9
+ function useStyleRegister(path, styleFn) {
10
+ const pathHash = computed(() => hash(unref(path).filter(Boolean).join("|")));
11
11
  const HMRUpdate = stdin_default();
12
12
  const { cache } = useStyleInection();
13
13
  watch(
@@ -16,7 +16,6 @@ function useStyleRegister(info, styleFn) {
16
16
  if (!cache.has(pathHash.value) || HMRUpdate.value) {
17
17
  const styleInterpolation = styleFn();
18
18
  const [parsedStr, effectStyle] = parseStyle(styleInterpolation, {
19
- // hashId: info.value.global ? '' : info.value.hashId,
20
19
  // hashPriority: 'low',
21
20
  });
22
21
  const styleStr = normalizeStyle(parsedStr);
@@ -1,11 +1,11 @@
1
- import { type ComputedRef } from 'vue';
2
- import { type ThemeConfig } from '../theme-context';
1
+ import { ThemeManager } from '../theme-context';
3
2
  import type { AliasToken } from '../interface';
4
3
  export declare const cacheToken: {
5
4
  cache: [token: Partial<AliasToken> | undefined, algorithm: import("../theme-context").MappingAlgorithm | import("../theme-context").MappingAlgorithm[] | undefined, components: import("../interface").OverrideToken | undefined, token: import("..").GlobalToken][];
6
5
  getToken(token?: Partial<AliasToken>, algorithm?: import("../theme-context").MappingAlgorithm | import("../theme-context").MappingAlgorithm[], components?: import("../interface").OverrideToken): import("..").GlobalToken;
7
6
  };
8
- export declare function useToken(theme?: ComputedRef<ThemeConfig | undefined>): {
9
- readonly token: ComputedRef<import("..").GlobalToken>;
7
+ export declare function useToken(themeManager?: ThemeManager): {
8
+ readonly token: import("vue").ComputedRef<import("..").GlobalToken>;
10
9
  readonly hashId: import("vue").Ref<string, string>;
10
+ readonly themeManager: ThemeManager;
11
11
  };
@@ -7,7 +7,6 @@ import stdin_default from './unitless.js';
7
7
  import { normalizeStyle } from './normalizeStyle.js';
8
8
  import { useStyleInection } from '../StyleContext.js';
9
9
  import { useConfig } from '../../config-provider/config-provider.js';
10
- import { updateCSS } from '../../../utils/dynamicCSS.js';
11
10
 
12
11
  function stringifyToken(token) {
13
12
  return Object.keys(token).map((key) => {
@@ -26,10 +25,10 @@ function stringifyTokenToCssVar(token, prefix) {
26
25
  return styleStr;
27
26
  }
28
27
  const cacheToken = createCacheToken();
29
- function useToken(theme) {
30
- const contextTheme = useTheme();
28
+ function useToken(themeManager) {
29
+ themeManager = useTheme(themeManager);
31
30
  const token = computed(() => {
32
- const { token: token2, algorithm, components } = unref(theme || contextTheme) || {};
31
+ const { token: token2, algorithm, components } = unref(themeManager?.theme) || {};
33
32
  return cacheToken.getToken(token2, algorithm, components);
34
33
  });
35
34
  const hashId = ref("");
@@ -50,7 +49,7 @@ function useToken(theme) {
50
49
  }
51
50
  let styleStr = stringifyTokenToCssVar(token.value, configContext.prefixCls.value);
52
51
  styleStr = normalizeStyle(`.${hashId.value}{${styleStr}}`);
53
- updateCSS(styleStr, hashId.value);
52
+ themeManager.setStyle(styleStr, hashId.value);
54
53
  cache.set(hashId.value, styleStr);
55
54
  },
56
55
  {
@@ -59,7 +58,8 @@ function useToken(theme) {
59
58
  );
60
59
  return {
61
60
  token,
62
- hashId
61
+ hashId,
62
+ themeManager
63
63
  };
64
64
  }
65
65
 
@@ -1,4 +1,4 @@
1
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
1
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
2
2
  hashId: import("vue").Ref<string, string>;
3
3
  };
4
4
  export default _default;
@@ -1,8 +1,8 @@
1
1
  export * from './transition-group';
2
2
  declare const _TransitionGroup: {
3
3
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./transition-group").TransitionGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
4
- effect: "slide" | "flip" | "fade" | (string & {});
5
4
  css: boolean;
5
+ effect: "slide" | "flip" | "fade" | (string & {});
6
6
  }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
7
7
  P: {};
8
8
  B: {};
@@ -11,15 +11,15 @@ declare const _TransitionGroup: {
11
11
  M: {};
12
12
  Defaults: {};
13
13
  }, Readonly<import("./transition-group").TransitionGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
14
- effect: "slide" | "flip" | "fade" | (string & {});
15
14
  css: boolean;
15
+ effect: "slide" | "flip" | "fade" | (string & {});
16
16
  }>;
17
17
  __isFragment?: never;
18
18
  __isTeleport?: never;
19
19
  __isSuspense?: never;
20
20
  } & import("vue").ComponentOptionsBase<Readonly<import("./transition-group").TransitionGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
21
- effect: "slide" | "flip" | "fade" | (string & {});
22
21
  css: boolean;
22
+ effect: "slide" | "flip" | "fade" | (string & {});
23
23
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
24
24
  $slots: import("./transition-group").TransitionGroupSlots;
25
25
  }) & import("vue").Plugin;
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface TransitionGroupToken extends FullToken<'TransitionGroup'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -1,8 +1,8 @@
1
1
  import { type TransitionGroupProps, type TransitionGroupSlots } from './transition-group';
2
2
  type __VLS_Slots = TransitionGroupSlots;
3
3
  declare const __VLS_component: import("vue").DefineComponent<TransitionGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TransitionGroupProps> & Readonly<{}>, {
4
- effect: "slide" | "flip" | "fade" | (string & {});
5
4
  css: boolean;
5
+ effect: "slide" | "flip" | "fade" | (string & {});
6
6
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
7
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
8
8
  export default _default;
@@ -14,7 +14,6 @@ declare const _Upload: {
14
14
  accept: string;
15
15
  validateEvent: boolean;
16
16
  limit: number;
17
- action: string;
18
17
  }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
19
18
  P: {};
20
19
  B: {};
@@ -31,7 +30,6 @@ declare const _Upload: {
31
30
  accept: string;
32
31
  validateEvent: boolean;
33
32
  limit: number;
34
- action: string;
35
33
  }>;
36
34
  __isFragment?: never;
37
35
  __isTeleport?: never;
@@ -49,7 +47,6 @@ declare const _Upload: {
49
47
  accept: string;
50
48
  validateEvent: boolean;
51
49
  limit: number;
52
- action: string;
53
50
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
54
51
  $slots: import("./upload").UploadSlots;
55
52
  }) & import("vue").Plugin;
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface UploadToken extends FullToken<'Upload'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -22,7 +22,6 @@ export interface UploadProps {
22
22
  single?: boolean;
23
23
  readonly?: boolean;
24
24
  disabled?: boolean;
25
- action?: string;
26
25
  selectOnly?: boolean;
27
26
  size?: MediaCardBaseProps['size'];
28
27
  request?: UploadContext['request'];
@@ -31,7 +30,6 @@ export declare const defaultUploadProps: {
31
30
  accept: string;
32
31
  limit: number;
33
32
  validateEvent: boolean;
34
- action: string;
35
33
  size: "large";
36
34
  };
37
35
  export interface UploadSlots {
@@ -2,7 +2,6 @@ const defaultUploadProps = {
2
2
  accept: "",
3
3
  limit: 0,
4
4
  validateEvent: true,
5
- action: "/upload",
6
5
  size: "large"
7
6
  };
8
7
 
@@ -13,7 +13,6 @@ declare const __VLS_component: import("vue").DefineComponent<UploadProps, {}, {}
13
13
  accept: string;
14
14
  validateEvent: boolean;
15
15
  limit: number;
16
- action: string;
17
16
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
17
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
19
18
  export default _default;
@@ -52,10 +52,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
52
52
  type: Boolean,
53
53
  required: false
54
54
  },
55
- action: {
56
- type: String,
57
- required: false
58
- },
59
55
  selectOnly: {
60
56
  type: Boolean,
61
57
  required: false
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface VideoCardToken extends FullToken<'VideoCard'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
@@ -91,7 +91,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
91
91
  }, null, 10, _hoisted_2), createElementVNode("div", {
92
92
  class: normalizeClass(`${unref(prefixCls)}-play-mask`)
93
93
  }, [createVNode(stdin_default$2, {
94
- name: "co:play-filled",
94
+ name: "co:play-circle-outline",
95
95
  class: normalizeClass(`${unref(prefixCls)}-play-icon`)
96
96
  }, null, 8, ["class"])], 2
97
97
  /* CLASS */)], 16, _hoisted_1), viewerVisible.value ? (openBlock(), createBlock(stdin_default$3, {
@@ -3,7 +3,7 @@ export interface ComponentToken {
3
3
  }
4
4
  export interface VideoViewerToken extends FullToken<'VideoViewer'> {
5
5
  }
6
- declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
6
+ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
7
7
  hashId: import("vue").Ref<string, string>;
8
8
  };
9
9
  export default _default;
package/config/http.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare const defaultHttpConfig: {
16
16
  */
17
17
  headers: Record<string, string>;
18
18
  /**
19
- * 认证的框架
19
+ * HTTP 认证方案
20
20
  */
21
21
  authScheme: string;
22
22
  /**