@cst-ui/nano-buttons 0.6.2 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +31 -15
  2. package/dist/NanoButton.vue_vue_type_script_setup_true_lang-C7C0CPgM.cjs +1 -0
  3. package/dist/NanoButton.vue_vue_type_script_setup_true_lang-ePBle9vj.js +137 -0
  4. package/dist/NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-BbgObDU0.cjs +1 -0
  5. package/dist/NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-X8msNdPD.js +705 -0
  6. package/dist/buttons/components/NanoAddButton.vue.d.ts +63 -58
  7. package/dist/buttons/components/NanoBackTopButton.vue.d.ts +63 -58
  8. package/dist/buttons/components/NanoButton.vue.d.ts +256 -2
  9. package/dist/buttons/components/NanoCancelButton.vue.d.ts +63 -58
  10. package/dist/buttons/components/NanoCompleteButton.vue.d.ts +39 -34
  11. package/dist/buttons/components/NanoConfirmButton.vue.d.ts +39 -34
  12. package/dist/buttons/components/NanoConfirmedButton.vue.d.ts +63 -58
  13. package/dist/buttons/components/NanoDeleteButton.vue.d.ts +39 -34
  14. package/dist/buttons/components/NanoEditButton.vue.d.ts +63 -58
  15. package/dist/buttons/components/NanoExportButton.vue.d.ts +63 -58
  16. package/dist/buttons/components/NanoFreezeButton.vue.d.ts +39 -34
  17. package/dist/buttons/components/NanoImportButton.vue.d.ts +63 -58
  18. package/dist/buttons/components/NanoInterruptButton.vue.d.ts +39 -34
  19. package/dist/buttons/components/NanoManageButton.vue.d.ts +63 -58
  20. package/dist/buttons/components/NanoMoveButton.vue.d.ts +63 -58
  21. package/dist/buttons/components/NanoResetButton.vue.d.ts +63 -58
  22. package/dist/buttons/components/NanoSendButton.vue.d.ts +63 -58
  23. package/dist/buttons/components/NanoSubmitButton.vue.d.ts +63 -58
  24. package/dist/buttons/components/NanoTextAddButton.vue.d.ts +63 -58
  25. package/dist/buttons/components/NanoUnfreezeButton.vue.d.ts +39 -34
  26. package/dist/buttons/components/props.d.ts +1 -0
  27. package/dist/buttons/index.cjs +1 -1
  28. package/dist/buttons/index.mjs +2 -2
  29. package/dist/dialog-tabs/index.cjs +1 -1
  30. package/dist/dialog-tabs/index.mjs +1 -1
  31. package/dist/index.cjs +1 -1
  32. package/dist/index.mjs +2 -2
  33. package/dist/style.css +1 -1
  34. package/package.json +1 -1
  35. package/dist/NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs +0 -1
  36. package/dist/NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js +0 -57
  37. package/dist/NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-CYOJwieV.js +0 -692
  38. package/dist/NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-ClUhZWV4.cjs +0 -1
@@ -7,82 +7,87 @@ declare function __VLS_template(): {
7
7
  };
8
8
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
9
9
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
- readonly size: {
11
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
10
+ secondary: BooleanConstructor;
11
+ tooltip: StringConstructor;
12
+ size: {
13
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
12
14
  readonly required: false;
13
15
  readonly validator: ((val: unknown) => boolean) | undefined;
14
16
  __epPropKey: true;
15
17
  };
16
- readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
17
- readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
18
- readonly icon: {
19
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
18
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
19
+ type: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
20
+ icon: {
21
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
20
22
  readonly required: false;
21
23
  readonly validator: ((val: unknown) => boolean) | undefined;
22
24
  __epPropKey: true;
23
25
  };
24
- readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
25
- readonly loading: BooleanConstructor;
26
- readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
27
- readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
28
- readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
29
- readonly link: BooleanConstructor;
30
- readonly bg: BooleanConstructor;
31
- readonly autofocus: BooleanConstructor;
32
- readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
33
- readonly circle: BooleanConstructor;
34
- readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
35
- readonly color: StringConstructor;
36
- readonly dark: BooleanConstructor;
37
- readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
38
- readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
26
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
27
+ loading: BooleanConstructor;
28
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
29
+ plain: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
30
+ text: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
31
+ link: BooleanConstructor;
32
+ bg: BooleanConstructor;
33
+ autofocus: BooleanConstructor;
34
+ round: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
35
+ circle: BooleanConstructor;
36
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
37
+ color: StringConstructor;
38
+ dark: BooleanConstructor;
39
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
40
+ tag: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
39
41
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
40
- readonly size: {
41
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
42
+ secondary: BooleanConstructor;
43
+ tooltip: StringConstructor;
44
+ size: {
45
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
42
46
  readonly required: false;
43
47
  readonly validator: ((val: unknown) => boolean) | undefined;
44
48
  __epPropKey: true;
45
49
  };
46
- readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
47
- readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
48
- readonly icon: {
49
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
50
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
51
+ type: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
52
+ icon: {
53
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
50
54
  readonly required: false;
51
55
  readonly validator: ((val: unknown) => boolean) | undefined;
52
56
  __epPropKey: true;
53
57
  };
54
- readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
55
- readonly loading: BooleanConstructor;
56
- readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
57
- readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
58
- readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
59
- readonly link: BooleanConstructor;
60
- readonly bg: BooleanConstructor;
61
- readonly autofocus: BooleanConstructor;
62
- readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
63
- readonly circle: BooleanConstructor;
64
- readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
65
- readonly color: StringConstructor;
66
- readonly dark: BooleanConstructor;
67
- readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
68
- readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
58
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
59
+ loading: BooleanConstructor;
60
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
61
+ plain: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
62
+ text: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
63
+ link: BooleanConstructor;
64
+ bg: BooleanConstructor;
65
+ autofocus: BooleanConstructor;
66
+ round: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
67
+ circle: BooleanConstructor;
68
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
69
+ color: StringConstructor;
70
+ dark: BooleanConstructor;
71
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
72
+ tag: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
69
73
  }>> & Readonly<{}>, {
70
- readonly type: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
71
- readonly text: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
72
- readonly disabled: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
73
- readonly nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
74
- readonly loading: boolean;
75
- readonly loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
76
- readonly plain: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
77
- readonly link: boolean;
78
- readonly bg: boolean;
79
- readonly autofocus: boolean;
80
- readonly round: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
81
- readonly circle: boolean;
82
- readonly dashed: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
83
- readonly dark: boolean;
84
- readonly autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
85
- readonly tag: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
74
+ type: import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
75
+ text: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
76
+ secondary: boolean;
77
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
78
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
79
+ loading: boolean;
80
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
81
+ plain: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
82
+ link: boolean;
83
+ bg: boolean;
84
+ autofocus: boolean;
85
+ round: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
86
+ circle: boolean;
87
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
88
+ dark: boolean;
89
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
90
+ tag: import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
86
91
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
87
92
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
88
93
  export default _default;
@@ -11,35 +11,37 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
11
11
  confirmTitle: StringConstructor;
12
12
  confirmButtonText: StringConstructor;
13
13
  cancelButtonText: StringConstructor;
14
+ secondary: BooleanConstructor;
15
+ tooltip: StringConstructor;
14
16
  size: {
15
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
17
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
16
18
  readonly required: false;
17
19
  readonly validator: ((val: unknown) => boolean) | undefined;
18
20
  __epPropKey: true;
19
21
  };
20
- disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
21
- type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
22
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
23
+ type: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
22
24
  icon: {
23
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
25
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
24
26
  readonly required: false;
25
27
  readonly validator: ((val: unknown) => boolean) | undefined;
26
28
  __epPropKey: true;
27
29
  };
28
- nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
30
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
29
31
  loading: BooleanConstructor;
30
- loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
31
- plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
32
- text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
32
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
33
+ plain: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
34
+ text: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
33
35
  link: BooleanConstructor;
34
36
  bg: BooleanConstructor;
35
37
  autofocus: BooleanConstructor;
36
- round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
38
+ round: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
37
39
  circle: BooleanConstructor;
38
- dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
40
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
39
41
  color: StringConstructor;
40
42
  dark: BooleanConstructor;
41
- autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
42
- tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
43
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
44
+ tag: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
43
45
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
44
46
  cancel: (event: MouseEvent) => any;
45
47
  click: (event: MouseEvent) => any;
@@ -48,56 +50,59 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
48
50
  confirmTitle: StringConstructor;
49
51
  confirmButtonText: StringConstructor;
50
52
  cancelButtonText: StringConstructor;
53
+ secondary: BooleanConstructor;
54
+ tooltip: StringConstructor;
51
55
  size: {
52
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
56
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
53
57
  readonly required: false;
54
58
  readonly validator: ((val: unknown) => boolean) | undefined;
55
59
  __epPropKey: true;
56
60
  };
57
- disabled: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
58
- type: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
61
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
62
+ type: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
59
63
  icon: {
60
- readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
64
+ readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
61
65
  readonly required: false;
62
66
  readonly validator: ((val: unknown) => boolean) | undefined;
63
67
  __epPropKey: true;
64
68
  };
65
- nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
69
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
66
70
  loading: BooleanConstructor;
67
- loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
68
- plain: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
69
- text: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
71
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
72
+ plain: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
73
+ text: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
70
74
  link: BooleanConstructor;
71
75
  bg: BooleanConstructor;
72
76
  autofocus: BooleanConstructor;
73
- round: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
77
+ round: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
74
78
  circle: BooleanConstructor;
75
- dashed: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
79
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
76
80
  color: StringConstructor;
77
81
  dark: BooleanConstructor;
78
- autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
79
- tag: import("element-plus/es/utils/vue/props/types.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
82
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
83
+ tag: import("element-plus/es/utils/vue/props/types").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "button", boolean>;
80
84
  }>> & Readonly<{
81
85
  onCancel?: ((event: MouseEvent) => any) | undefined;
82
86
  onClick?: ((event: MouseEvent) => any) | undefined;
83
87
  onConfirm?: ((event: MouseEvent) => any) | undefined;
84
88
  }>, {
85
- type: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
86
- text: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
87
- disabled: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
88
- nativeType: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
89
+ type: import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown>;
90
+ text: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
91
+ secondary: boolean;
92
+ disabled: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
93
+ nativeType: import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
89
94
  loading: boolean;
90
- loadingIcon: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
91
- plain: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
95
+ loadingIcon: import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
96
+ plain: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
92
97
  link: boolean;
93
98
  bg: boolean;
94
99
  autofocus: boolean;
95
- round: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
100
+ round: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
96
101
  circle: boolean;
97
- dashed: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
102
+ dashed: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
98
103
  dark: boolean;
99
- autoInsertSpace: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
100
- tag: import("element-plus/es/utils/vue/props/types.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
104
+ autoInsertSpace: import("element-plus/es/utils/vue/props/types").EpPropMergeType<BooleanConstructor, unknown, unknown>;
105
+ tag: import("element-plus/es/utils/vue/props/types").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | null)[], unknown, unknown>;
101
106
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
102
107
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
103
108
  export default _default;
@@ -1,6 +1,7 @@
1
1
  import type { ExtractPropTypes } from 'vue';
2
2
  export declare const nanoButtonProps: {
3
3
  secondary: BooleanConstructor;
4
+ tooltip: StringConstructor;
4
5
  size: {
5
6
  readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
6
7
  readonly required: false;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-ClUhZWV4.cjs"),t=require("../NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10,n._sfc_main$11,n._sfc_main$12,n._sfc_main$13,n._sfc_main$14,n._sfc_main$15,n._sfc_main$16,n._sfc_main$17,n._sfc_main$18],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},i={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$18;exports.NanoCancelButton=n._sfc_main$17;exports.NanoCompleteButton=n._sfc_main$10;exports.NanoConfirmButton=n._sfc_main$7;exports.NanoConfirmedButton=n._sfc_main$8;exports.NanoDeleteButton=n._sfc_main$13;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoFreezeButton=n._sfc_main$14;exports.NanoImportButton=n._sfc_main$3;exports.NanoInterruptButton=n._sfc_main$9;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoResetButton=n._sfc_main$12;exports.NanoSendButton=n._sfc_main$11;exports.NanoSubmitButton=n._sfc_main$16;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoUnfreezeButton=n._sfc_main$15;exports.NanoButton=t._sfc_main;exports.default=i;exports.install=a;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-BbgObDU0.cjs"),t=require("../NanoButton.vue_vue_type_script_setup_true_lang-C7C0CPgM.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10,n._sfc_main$11,n._sfc_main$12,n._sfc_main$13,n._sfc_main$14,n._sfc_main$15,n._sfc_main$16,n._sfc_main$17,n._sfc_main$18],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},i={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$18;exports.NanoCancelButton=n._sfc_main$17;exports.NanoCompleteButton=n._sfc_main$10;exports.NanoConfirmButton=n._sfc_main$7;exports.NanoConfirmedButton=n._sfc_main$8;exports.NanoDeleteButton=n._sfc_main$13;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoFreezeButton=n._sfc_main$14;exports.NanoImportButton=n._sfc_main$3;exports.NanoInterruptButton=n._sfc_main$9;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoResetButton=n._sfc_main$12;exports.NanoSendButton=n._sfc_main$11;exports.NanoSubmitButton=n._sfc_main$16;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoUnfreezeButton=n._sfc_main$15;exports.NanoButton=t._sfc_main;exports.default=i;exports.install=a;
@@ -1,5 +1,5 @@
1
- import { _ as s, a as o, b as t, c as _, d as m, e as c, f, g as i, h as e, i as u, j as B, k as N, l as $, m as r, n as p, o as d, p as l, q as C, r as b } from "../NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-CYOJwieV.js";
2
- import { _ as g } from "../NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
1
+ import { _ as s, a as o, b as t, c as _, d as m, e as c, f, g as i, h as e, i as u, j as B, k as N, l as $, m as r, n as p, o as d, p as l, q as C, r as b } from "../NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-X8msNdPD.js";
2
+ import { _ as g } from "../NanoButton.vue_vue_type_script_setup_true_lang-ePBle9vj.js";
3
3
  const h = [
4
4
  g,
5
5
  s,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),_=require("../NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),D=require("vue-router"),h=Symbol("NanoDialogTabs");let v;const w=t=>{const e=()=>typeof t.mode=="function"?t.mode():t.mode,a=t.translate??(n=>n);return{...t,getMode:e,t:a}},S=t=>{const e=w(t);return v=e,e},k=t=>{const e=w(t);return{context:e,install(a){v=e,a.provide(h,e)}}},c=()=>{const t=o.hasInjectionContext()?o.inject(h,v):v;if(t==null)throw new Error("Nano dialog tabs is not configured. Call app.use(createNanoDialogTabs(...)) first.");return t},M={class:"flex shrink-0 items-center justify-between gap-app-md border-b border-app-border-light p-app-lg"},E={class:"app-section-title"},B=o.defineComponent({name:"NanoDialogTabPage",__name:"NanoDialogTabPage",props:{titleKey:{default:""},title:{default:void 0},loading:{type:Boolean,default:!1},expired:{type:Boolean,default:!1},fit:{type:Boolean,default:!1},bodyClass:{default:"overflow-x-auto"},outerClass:{default:""},surfaceClass:{default:""},expiredTextKey:{default:"dialog.contextExpired"},expiredText:{default:void 0},closeTextKey:{default:"button.close"},closeText:{default:void 0}},emits:["close"],setup(t,{emit:e}){const a=t,n=e,{t:l}=c(),r=o.computed(()=>a.title??l(a.titleKey)),u=o.computed(()=>a.expiredText??l(a.expiredTextKey)),d=o.computed(()=>a.closeText??l(a.closeTextKey)),s=o.computed(()=>[a.fit?"h-full min-h-0 overflow-hidden p-app-md":"h-full min-h-0 overflow-y-auto p-app-md",a.outerClass]),i=o.computed(()=>[a.fit?"app-surface flex h-full min-h-0 flex-col":"app-surface",a.surfaceClass]),m=o.computed(()=>[a.fit?"min-h-0 flex-1 overflow-hidden":a.bodyClass]);return(f,g)=>{const x=o.resolveComponent("el-empty"),p=o.resolveDirective("loading");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(s.value)},[o.createElementVNode("div",{class:o.normalizeClass(i.value)},[o.createElementVNode("div",M,[o.createElementVNode("span",E,o.toDisplayString(r.value),1),o.renderSlot(f.$slots,"actions")]),o.withDirectives((o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(m.value)},[t.expired?(o.openBlock(),o.createBlock(x,{key:1,description:u.value},{default:o.withCtx(()=>[o.createVNode(_._sfc_main,{icon:"Close",onClick:g[0]||(g[0]=U=>n("close"))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.value),1)]),_:1})]),_:1},8,["description"])):o.renderSlot(f.$slots,"default",{key:0})],2)),[[p,t.loading]])],2)],2)}}}),T=new Map,I=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`,N=(t,e)=>{const a=e??I();return T.set(a,t),a},y=t=>{if(typeof t=="string")return T.get(t)},$=t=>{typeof t=="string"&&T.delete(t)},b="nano-dialog-result",P=t=>{window.dispatchEvent(new CustomEvent(b,{detail:t}))},q=t=>{const e=a=>{t(a.detail)};return window.addEventListener(b,e),()=>{window.removeEventListener(b,e)}},C=(t,e)=>`${t.replace(/\/$/,"")}${e}`,A=(t,e)=>`dialog-${t}-${e.replace(/[^a-zA-Z0-9]+/g,"-")}`,K=t=>typeof t=="string"?t:t==null?void 0:t.path,V=(t,e,a,n)=>{const l=c(),r=typeof l.defaultRouteMeta=="function"?l.defaultRouteMeta({key:e,path:a,titleKey:n,config:t}):l.defaultRouteMeta??{};return{title:n??t.title,icon:"Setting",dialogTab:!0,...r}},z=(t,e,a)=>{const n=c(),l=n.registry[t];if(l==null)return;const r=A(t,e);n.router.hasRoute(r)||n.router.addRoute(n.parentRouteName,{path:e,name:r,component:l.component,meta:V(l,t,e,a),props:l.props})},F=(t,e)=>{const a=c();if(e.route!==void 0)return typeof e.route=="string"?e.route:{...e.route,query:e.query??e.route.query};if(e.key===void 0)return;const n=a.registry[e.key];if(n==null)return;const l=C(t,e.routeSuffix??n.suffix),r=C(t,e.routePatternSuffix??e.routeSuffix??n.suffix);return z(e.key,r,e.titleKey),{path:l,query:e.query}},j=()=>{const t=D.useRoute(),e=c();return{openDialog:async n=>{if(e.getMode()!=="tab"){n.openModal();return}const l=F(t.path,n);if(l===void 0){n.openModal();return}const r=K(l);n.context!==void 0&&r!==void 0&&r!==""&&N(n.context,r),await e.router.push(l)}}},R=()=>{const t=D.useRoute(),e=c();return{closeCurrentDialogTab:()=>{var f,g,x;const n=e.tabAdapter.getTabs(),l=n.findIndex(p=>p.fullPath===t.fullPath);if(l<=0){e.router.back();return}const r=n[l],u=typeof((f=r==null?void 0:r.meta)==null?void 0:f.dialogSourceFullPath)=="string"?r.meta.dialogSourceFullPath:void 0,d=l<n.length-1?(g=n[l+1])==null?void 0:g.fullPath:(x=n[l-1])==null?void 0:x.fullPath,s=u!==void 0&&u!==""?u:d;if(s==null||s===""){e.router.back();return}const i=l===e.tabAdapter.getCurrentIndex();e.tabAdapter.deleteTab(l);const m=e.tabAdapter.getTabs().findIndex(p=>p.fullPath===s);i&&m>=0&&e.tabAdapter.setCurrentIndex(m),e.router.replace(s)}}},O=t=>{const e=D.useRoute(),a=c(),{closeCurrentDialogTab:n}=R(),l=o.computed(()=>y(e.path)??y(e.query.dialogId)),r=o.computed(()=>typeof t=="function"&&t.length>0?t({route:e,dialogContext:l}):o.toValue(t)),u=()=>{const s=a.tabAdapter.getTabs().find(i=>i.fullPath===e.fullPath);s!=null&&(s.title=r.value)},d=(s,i)=>{P({key:s,type:"saved",payload:i}),n()};return o.watch(()=>[e.fullPath,r.value],u,{immediate:!0}),{route:e,dialogContext:l,pageTitleKey:r,closeCurrentDialogTab:n,emitSavedAndClose:d,syncTabTitle:u}};exports.NanoDialogTabPage=B;exports.configureNanoDialogTabs=S;exports.createNanoDialogTabs=k;exports.emitDialogResult=P;exports.getDialogContext=y;exports.nanoDialogTabsKey=h;exports.onDialogResult=q;exports.removeDialogContext=$;exports.setDialogContext=N;exports.useDialogOpen=j;exports.useDialogPage=O;exports.useDialogTabClose=R;exports.useNanoDialogTabs=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),_=require("../NanoButton.vue_vue_type_script_setup_true_lang-C7C0CPgM.cjs"),D=require("vue-router"),h=Symbol("NanoDialogTabs");let v;const w=t=>{const e=()=>typeof t.mode=="function"?t.mode():t.mode,a=t.translate??(n=>n);return{...t,getMode:e,t:a}},S=t=>{const e=w(t);return v=e,e},k=t=>{const e=w(t);return{context:e,install(a){v=e,a.provide(h,e)}}},c=()=>{const t=o.hasInjectionContext()?o.inject(h,v):v;if(t==null)throw new Error("Nano dialog tabs is not configured. Call app.use(createNanoDialogTabs(...)) first.");return t},M={class:"flex shrink-0 items-center justify-between gap-app-md border-b border-app-border-light p-app-lg"},E={class:"app-section-title"},B=o.defineComponent({name:"NanoDialogTabPage",__name:"NanoDialogTabPage",props:{titleKey:{default:""},title:{default:void 0},loading:{type:Boolean,default:!1},expired:{type:Boolean,default:!1},fit:{type:Boolean,default:!1},bodyClass:{default:"overflow-x-auto"},outerClass:{default:""},surfaceClass:{default:""},expiredTextKey:{default:"dialog.contextExpired"},expiredText:{default:void 0},closeTextKey:{default:"button.close"},closeText:{default:void 0}},emits:["close"],setup(t,{emit:e}){const a=t,n=e,{t:l}=c(),r=o.computed(()=>a.title??l(a.titleKey)),u=o.computed(()=>a.expiredText??l(a.expiredTextKey)),d=o.computed(()=>a.closeText??l(a.closeTextKey)),s=o.computed(()=>[a.fit?"h-full min-h-0 overflow-hidden p-app-md":"h-full min-h-0 overflow-y-auto p-app-md",a.outerClass]),i=o.computed(()=>[a.fit?"app-surface flex h-full min-h-0 flex-col":"app-surface",a.surfaceClass]),m=o.computed(()=>[a.fit?"min-h-0 flex-1 overflow-hidden":a.bodyClass]);return(f,g)=>{const x=o.resolveComponent("el-empty"),p=o.resolveDirective("loading");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(s.value)},[o.createElementVNode("div",{class:o.normalizeClass(i.value)},[o.createElementVNode("div",M,[o.createElementVNode("span",E,o.toDisplayString(r.value),1),o.renderSlot(f.$slots,"actions")]),o.withDirectives((o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(m.value)},[t.expired?(o.openBlock(),o.createBlock(x,{key:1,description:u.value},{default:o.withCtx(()=>[o.createVNode(_._sfc_main,{icon:"Close",onClick:g[0]||(g[0]=U=>n("close"))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.value),1)]),_:1})]),_:1},8,["description"])):o.renderSlot(f.$slots,"default",{key:0})],2)),[[p,t.loading]])],2)],2)}}}),T=new Map,I=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`,N=(t,e)=>{const a=e??I();return T.set(a,t),a},y=t=>{if(typeof t=="string")return T.get(t)},$=t=>{typeof t=="string"&&T.delete(t)},b="nano-dialog-result",P=t=>{window.dispatchEvent(new CustomEvent(b,{detail:t}))},q=t=>{const e=a=>{t(a.detail)};return window.addEventListener(b,e),()=>{window.removeEventListener(b,e)}},C=(t,e)=>`${t.replace(/\/$/,"")}${e}`,A=(t,e)=>`dialog-${t}-${e.replace(/[^a-zA-Z0-9]+/g,"-")}`,K=t=>typeof t=="string"?t:t==null?void 0:t.path,V=(t,e,a,n)=>{const l=c(),r=typeof l.defaultRouteMeta=="function"?l.defaultRouteMeta({key:e,path:a,titleKey:n,config:t}):l.defaultRouteMeta??{};return{title:n??t.title,icon:"Setting",dialogTab:!0,...r}},z=(t,e,a)=>{const n=c(),l=n.registry[t];if(l==null)return;const r=A(t,e);n.router.hasRoute(r)||n.router.addRoute(n.parentRouteName,{path:e,name:r,component:l.component,meta:V(l,t,e,a),props:l.props})},F=(t,e)=>{const a=c();if(e.route!==void 0)return typeof e.route=="string"?e.route:{...e.route,query:e.query??e.route.query};if(e.key===void 0)return;const n=a.registry[e.key];if(n==null)return;const l=C(t,e.routeSuffix??n.suffix),r=C(t,e.routePatternSuffix??e.routeSuffix??n.suffix);return z(e.key,r,e.titleKey),{path:l,query:e.query}},j=()=>{const t=D.useRoute(),e=c();return{openDialog:async n=>{if(e.getMode()!=="tab"){n.openModal();return}const l=F(t.path,n);if(l===void 0){n.openModal();return}const r=K(l);n.context!==void 0&&r!==void 0&&r!==""&&N(n.context,r),await e.router.push(l)}}},R=()=>{const t=D.useRoute(),e=c();return{closeCurrentDialogTab:()=>{var f,g,x;const n=e.tabAdapter.getTabs(),l=n.findIndex(p=>p.fullPath===t.fullPath);if(l<=0){e.router.back();return}const r=n[l],u=typeof((f=r==null?void 0:r.meta)==null?void 0:f.dialogSourceFullPath)=="string"?r.meta.dialogSourceFullPath:void 0,d=l<n.length-1?(g=n[l+1])==null?void 0:g.fullPath:(x=n[l-1])==null?void 0:x.fullPath,s=u!==void 0&&u!==""?u:d;if(s==null||s===""){e.router.back();return}const i=l===e.tabAdapter.getCurrentIndex();e.tabAdapter.deleteTab(l);const m=e.tabAdapter.getTabs().findIndex(p=>p.fullPath===s);i&&m>=0&&e.tabAdapter.setCurrentIndex(m),e.router.replace(s)}}},O=t=>{const e=D.useRoute(),a=c(),{closeCurrentDialogTab:n}=R(),l=o.computed(()=>y(e.path)??y(e.query.dialogId)),r=o.computed(()=>typeof t=="function"&&t.length>0?t({route:e,dialogContext:l}):o.toValue(t)),u=()=>{const s=a.tabAdapter.getTabs().find(i=>i.fullPath===e.fullPath);s!=null&&(s.title=r.value)},d=(s,i)=>{P({key:s,type:"saved",payload:i}),n()};return o.watch(()=>[e.fullPath,r.value],u,{immediate:!0}),{route:e,dialogContext:l,pageTitleKey:r,closeCurrentDialogTab:n,emitSavedAndClose:d,syncTabTitle:u}};exports.NanoDialogTabPage=B;exports.configureNanoDialogTabs=S;exports.createNanoDialogTabs=k;exports.emitDialogResult=P;exports.getDialogContext=y;exports.nanoDialogTabsKey=h;exports.onDialogResult=q;exports.removeDialogContext=$;exports.setDialogContext=N;exports.useDialogOpen=j;exports.useDialogPage=O;exports.useDialogTabClose=R;exports.useNanoDialogTabs=c;
@@ -1,5 +1,5 @@
1
1
  import { hasInjectionContext as $, inject as I, defineComponent as A, computed as c, resolveComponent as E, resolveDirective as K, openBlock as y, createElementBlock as w, normalizeClass as b, createElementVNode as h, toDisplayString as P, renderSlot as R, withDirectives as q, createBlock as B, withCtx as N, createVNode as F, createTextVNode as U, toValue as V, watch as j } from "vue";
2
- import { _ as z } from "../NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
2
+ import { _ as z } from "../NanoButton.vue_vue_type_script_setup_true_lang-ePBle9vj.js";
3
3
  import { useRoute as C } from "vue-router";
4
4
  const k = Symbol("NanoDialogTabs");
5
5
  let v;
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-ClUhZWV4.cjs"),t=require("./NanoButton.vue_vue_type_script_setup_true_lang-D1yLWi2K.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10,n._sfc_main$11,n._sfc_main$12,n._sfc_main$13,n._sfc_main$14,n._sfc_main$15,n._sfc_main$16,n._sfc_main$17,n._sfc_main$18],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},i={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$18;exports.NanoCancelButton=n._sfc_main$17;exports.NanoCompleteButton=n._sfc_main$10;exports.NanoConfirmButton=n._sfc_main$7;exports.NanoConfirmedButton=n._sfc_main$8;exports.NanoDeleteButton=n._sfc_main$13;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoFreezeButton=n._sfc_main$14;exports.NanoImportButton=n._sfc_main$3;exports.NanoInterruptButton=n._sfc_main$9;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoResetButton=n._sfc_main$12;exports.NanoSendButton=n._sfc_main$11;exports.NanoSubmitButton=n._sfc_main$16;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoUnfreezeButton=n._sfc_main$15;exports.NanoButton=t._sfc_main;exports.default=i;exports.install=a;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-BbgObDU0.cjs"),t=require("./NanoButton.vue_vue_type_script_setup_true_lang-C7C0CPgM.cjs"),s=[t._sfc_main,n._sfc_main,n._sfc_main$1,n._sfc_main$2,n._sfc_main$3,n._sfc_main$4,n._sfc_main$5,n._sfc_main$6,n._sfc_main$7,n._sfc_main$8,n._sfc_main$9,n._sfc_main$10,n._sfc_main$11,n._sfc_main$12,n._sfc_main$13,n._sfc_main$14,n._sfc_main$15,n._sfc_main$16,n._sfc_main$17,n._sfc_main$18],a=o=>{s.forEach(_=>{o.component(_.name||"AnonymousComponent",_)})},i={install:a};exports.NanoAddButton=n._sfc_main;exports.NanoBackTopButton=n._sfc_main$18;exports.NanoCancelButton=n._sfc_main$17;exports.NanoCompleteButton=n._sfc_main$10;exports.NanoConfirmButton=n._sfc_main$7;exports.NanoConfirmedButton=n._sfc_main$8;exports.NanoDeleteButton=n._sfc_main$13;exports.NanoEditButton=n._sfc_main$5;exports.NanoExportButton=n._sfc_main$4;exports.NanoFreezeButton=n._sfc_main$14;exports.NanoImportButton=n._sfc_main$3;exports.NanoInterruptButton=n._sfc_main$9;exports.NanoManageButton=n._sfc_main$6;exports.NanoMoveButton=n._sfc_main$2;exports.NanoResetButton=n._sfc_main$12;exports.NanoSendButton=n._sfc_main$11;exports.NanoSubmitButton=n._sfc_main$16;exports.NanoTextAddButton=n._sfc_main$1;exports.NanoUnfreezeButton=n._sfc_main$15;exports.NanoButton=t._sfc_main;exports.default=i;exports.install=a;
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { _ as s, a as o, b as t, c as _, d as m, e as c, f, g as i, h as e, i as u, j as B, k as N, l as $, m as r, n as p, o as d, p as l, q as C, r as b } from "./NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-CYOJwieV.js";
2
- import { _ as g } from "./NanoButton.vue_vue_type_script_setup_true_lang-DgnSKBXL.js";
1
+ import { _ as s, a as o, b as t, c as _, d as m, e as c, f, g as i, h as e, i as u, j as B, k as N, l as $, m as r, n as p, o as d, p as l, q as C, r as b } from "./NanoUnfreezeButton.vue_vue_type_script_setup_true_lang-X8msNdPD.js";
2
+ import { _ as g } from "./NanoButton.vue_vue_type_script_setup_true_lang-ePBle9vj.js";
3
3
  const h = [
4
4
  g,
5
5
  s,
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--nano-font-size-sm: var(--font-size-sm, 14px);--nano-font-size-lg: var(--font-size-lg, 18px);--nano-font-weight-medium: var(--font-weight-medium, 500);--nano-radius-md: var(--radius-md, 6px);--nano-shadow-card: var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .12));--nano-color-brand-primary: var(--color-brand-primary, #243c96);--nano-color-brand-primary-hover: var(--color-brand-primary-hover, #3550b3);--nano-color-brand-primary-active: var(--color-brand-primary-active, #1b2f78);--nano-color-brand-primary-light: var(--color-brand-primary-light, #eef2ff);--nano-color-text-regular: var(--color-text-regular, #606266);--nano-color-text-on-brand: var(--color-text-on-brand, #ffffff);--nano-color-border-default: var(--color-border-default, #dcdfe6);--nano-color-success: var(--color-success, #397a63);--nano-color-success-hover: var(--color-success-hover, #285c4b);--nano-color-success-active: var(--color-success-active, #224f40);--nano-color-warning: var(--color-warning, #e6a23c);--nano-color-warning-hover: var(--color-warning-hover, #ebb563);--nano-color-warning-active: var(--color-warning-active, #b88230);--nano-color-danger: var(--color-danger, #d35a5a);--nano-color-danger-hover: var(--color-danger-hover, #e07272);--nano-color-danger-active: var(--color-danger-active, #bc4949);--nano-color-info: var(--color-info, #909399);--nano-color-info-hover: var(--color-info-hover, #a6a9ad);--nano-color-info-active: var(--color-info-active, #73767a);--nano-color-focus-outline: var(--color-focus-outline, rgba(36, 60, 150, .32));--nano-button-disabled-text: #c0c4cc;--nano-button-disabled-bg: #f5f7fa;--nano-button-disabled-border: #ebeef5;--nano-button-primary-disabled-text: var(--nano-color-text-on-brand);--nano-button-primary-disabled-bg: #8194d1;--nano-button-primary-disabled-border: #8194d1;--nano-button-success-disabled-text: var(--nano-color-text-on-brand);--nano-button-success-disabled-bg: #7da696;--nano-button-success-disabled-border: #7da696;--nano-button-warning-disabled-text: var(--nano-color-text-on-brand);--nano-button-warning-disabled-bg: #f1c780;--nano-button-warning-disabled-border: #f1c780;--nano-button-danger-disabled-text: var(--nano-color-text-on-brand);--nano-button-danger-disabled-bg: #e89a9a;--nano-button-danger-disabled-border: #e89a9a;--nano-button-info-disabled-text: var(--nano-color-text-on-brand);--nano-button-info-disabled-bg: #b8babd;--nano-button-info-disabled-border: #b8babd;--nano-button-default-bg: var(--button-default-bg, #ffffff);--nano-button-default-text: var(--button-default-text, var(--nano-color-text-regular));--nano-button-default-border: var(--button-default-border, var(--nano-color-border-default));--nano-button-default-hover-bg: var(--button-default-hover-bg, var(--nano-color-brand-primary-light));--nano-button-default-hover-text: var(--button-default-hover-text, var(--nano-color-brand-primary));--nano-button-default-hover-border: var(--button-default-hover-border, var(--nano-color-brand-primary-hover));--nano-button-default-active-bg: var(--button-default-active-bg, #e0e8ff);--nano-button-default-active-text: var(--button-default-active-text, var(--nano-color-brand-primary-active));--nano-button-default-active-border: var(--button-default-active-border, var(--nano-color-brand-primary-active));--nano-button-secondary-bg: var(--button-secondary-bg, var(--nano-color-brand-primary-light));--nano-button-secondary-text: var(--button-secondary-text, var(--nano-color-brand-primary));--nano-button-secondary-border: var(--button-secondary-border, rgba(36, 60, 150, .32));--nano-button-secondary-hover-bg: var(--button-secondary-hover-bg, #e0e8ff);--nano-button-secondary-hover-text: var(--button-secondary-hover-text, var(--nano-color-brand-primary-hover));--nano-button-secondary-hover-border: var(--button-secondary-hover-border, var(--nano-color-brand-primary-hover));--nano-button-secondary-active-bg: var(--button-secondary-active-bg, #d4defd);--nano-button-secondary-active-text: var(--button-secondary-active-text, var(--nano-color-brand-primary-active));--nano-button-secondary-active-border: var(--button-secondary-active-border, var(--nano-color-brand-primary-active));--nano-button-import-bg: var(--button-import-bg, #edf5f3);--nano-button-import-text: var(--button-import-text, #2f6b57);--nano-button-import-border: var(--button-import-border, rgba(47, 107, 87, .2));--nano-button-import-hover-bg: var(--button-import-hover-bg, #e0f0ec);--nano-button-import-hover-text: var(--button-import-hover-text, #285c4b);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(47, 107, 87, .36));--nano-button-import-active-bg: var(--button-import-active-bg, #d3e8e2);--nano-button-import-active-text: var(--button-import-active-text, #224f40);--nano-button-import-active-border: var(--button-import-active-border, rgba(47, 107, 87, .48));--nano-button-export-bg: var(--button-export-bg, #edf5f3);--nano-button-export-text: var(--button-export-text, #2f6b57);--nano-button-export-border: var(--button-export-border, rgba(47, 107, 87, .2));--nano-button-export-hover-bg: var(--button-export-hover-bg, #e0f0ec);--nano-button-export-hover-text: var(--button-export-hover-text, #285c4b);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(47, 107, 87, .36));--nano-button-export-active-bg: var(--button-export-active-bg, #d3e8e2);--nano-button-export-active-text: var(--button-export-active-text, #224f40);--nano-button-export-active-border: var(--button-export-active-border, rgba(47, 107, 87, .48));--nano-button-text-default: var(--button-text-default, var(--nano-color-text-regular));--nano-button-text-hover-bg: var(--button-text-hover-bg, var(--nano-color-brand-primary-light));--nano-button-text-hover: var(--button-text-hover, var(--nano-color-brand-primary));--nano-button-text-active: var(--button-text-active, var(--nano-color-brand-primary-active));--nano-button-hover-shadow: var(--button-hover-shadow, 0 4px 12px rgba(36, 60, 150, .16));--nano-button-default-hover-shadow: var(--button-default-hover-shadow, 0 2px 10px rgba(36, 60, 150, .12));--nano-button-danger-hover-shadow: var(--button-danger-hover-shadow, 0 4px 12px rgba(211, 90, 90, .18))}html.dark{--nano-button-disabled-text: #6c6e72;--nano-button-disabled-bg: #262727;--nano-button-disabled-border: #30363d;--nano-button-primary-disabled-text: var(--nano-color-text-on-brand);--nano-button-primary-disabled-bg: rgba(74, 103, 209, .46);--nano-button-primary-disabled-border: rgba(74, 103, 209, .46);--nano-button-success-disabled-text: rgba(141, 211, 177, .48);--nano-button-success-disabled-bg: rgba(80, 160, 120, .1);--nano-button-success-disabled-border: rgba(80, 160, 120, .18);--nano-button-warning-disabled-text: var(--nano-color-text-on-brand);--nano-button-warning-disabled-bg: rgba(238, 190, 119, .46);--nano-button-warning-disabled-border: rgba(238, 190, 119, .46);--nano-button-danger-disabled-text: var(--nano-color-text-on-brand);--nano-button-danger-disabled-bg: rgba(235, 131, 131, .46);--nano-button-danger-disabled-border: rgba(235, 131, 131, .46);--nano-button-info-disabled-text: var(--nano-color-text-on-brand);--nano-button-info-disabled-bg: rgba(163, 166, 173, .46);--nano-button-info-disabled-border: rgba(163, 166, 173, .46);--nano-button-import-bg: var(--button-import-bg, rgba(80, 160, 120, .16));--nano-button-import-text: var(--button-import-text, #8dd3b1);--nano-button-import-border: var(--button-import-border, rgba(80, 160, 120, .28));--nano-button-import-hover-bg: var(--button-import-hover-bg, rgba(80, 160, 120, .24));--nano-button-import-hover-text: var(--button-import-hover-text, #a6e2c4);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(80, 160, 120, .42));--nano-button-import-active-bg: var(--button-import-active-bg, rgba(80, 160, 120, .32));--nano-button-import-active-text: var(--button-import-active-text, #8dd3b1);--nano-button-import-active-border: var(--button-import-active-border, rgba(80, 160, 120, .56));--nano-button-export-bg: var(--button-export-bg, rgba(80, 160, 120, .16));--nano-button-export-text: var(--button-export-text, #8dd3b1);--nano-button-export-border: var(--button-export-border, rgba(80, 160, 120, .28));--nano-button-export-hover-bg: var(--button-export-hover-bg, rgba(80, 160, 120, .24));--nano-button-export-hover-text: var(--button-export-hover-text, #a6e2c4);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(80, 160, 120, .42));--nano-button-export-active-bg: var(--button-export-active-bg, rgba(80, 160, 120, .32));--nano-button-export-active-text: var(--button-export-active-text, #8dd3b1);--nano-button-export-active-border: var(--button-export-active-border, rgba(80, 160, 120, .56))}.el-button{--button-bg: var(--button-default-bg, var(--nano-button-default-bg));--button-text: var(--button-default-text, var(--nano-button-default-text));--button-border: var(--button-default-border, var(--nano-button-default-border));--button-bg-hover: var(--button-default-hover-bg, var(--nano-button-default-hover-bg));--button-text-hover: var(--button-default-hover-text, var(--nano-button-default-hover-text));--button-border-hover: var(--button-default-hover-border, var(--nano-button-default-hover-border));--button-bg-active: var(--button-default-active-bg, var(--nano-button-default-active-bg));--button-text-active: var(--button-default-active-text, var(--nano-button-default-active-text));--button-border-active: var(--button-default-active-border, var(--nano-button-default-active-border));--nano-button-base-disabled-text: var(--button-disabled-text, var(--color-text-disabled, var(--nano-button-disabled-text)));--nano-button-base-disabled-bg: var(--button-disabled-bg, var(--color-bg-disabled, var(--nano-button-disabled-bg)));--nano-button-base-disabled-border: var(--button-disabled-border, var(--color-border-light, var(--nano-button-disabled-border)));--nano-button-current-disabled-text: var(--nano-button-base-disabled-text);--nano-button-current-disabled-bg: var(--nano-button-base-disabled-bg);--nano-button-current-disabled-border: var(--nano-button-base-disabled-border);--button-shadow-hover: var(--button-default-hover-shadow, var(--nano-button-default-hover-shadow));font-size:var(--font-size-sm, var(--nano-font-size-sm));font-weight:var(--font-weight-medium, var(--nano-font-weight-medium));border-radius:var(--radius-md, var(--nano-radius-md));transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.el-button:focus-visible{outline:2px solid var(--color-focus-outline, var(--nano-color-focus-outline));outline-offset:2px}.el-button:not(.is-text):not(.is-link):not(.is-disabled){--el-button-text-color: var(--button-text);--el-button-bg-color: var(--button-bg);--el-button-border-color: var(--button-border);--el-button-hover-text-color: var(--button-text-hover);--el-button-hover-bg-color: var(--button-bg-hover);--el-button-hover-border-color: var(--button-border-hover);--el-button-active-text-color: var(--button-text-active);--el-button-active-bg-color: var(--button-bg-active);--el-button-active-border-color: var(--button-border-active);color:var(--button-text);background-color:var(--button-bg);border-color:var(--button-border)}.el-button:not(.is-text):not(.is-link):not(.is-disabled):hover{background-color:var(--button-bg-hover);color:var(--button-text-hover);border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover)}.el-button:not(.is-text):not(.is-link):not(.is-disabled):active{background-color:var(--button-bg-active);color:var(--button-text-active);border-color:var(--button-border-active);box-shadow:none}.el-button.nano-button.is-disabled:not(.is-text):not(.is-link),.el-button.nano-button.is-disabled:not(.is-text):not(.is-link):hover,.el-button.nano-button.is-disabled:not(.is-text):not(.is-link):active{color:var(--nano-button-current-disabled-text);background-color:var(--nano-button-current-disabled-bg);border-color:var(--nano-button-current-disabled-border);box-shadow:none}.el-button.app-button-secondary{--button-bg: var(--button-secondary-bg, var(--nano-button-secondary-bg));--button-text: var(--button-secondary-text, var(--nano-button-secondary-text));--button-border: var(--button-secondary-border, var(--nano-button-secondary-border));--button-bg-hover: var(--button-secondary-hover-bg, var(--nano-button-secondary-hover-bg));--button-text-hover: var(--button-secondary-hover-text, var(--nano-button-secondary-hover-text));--button-border-hover: var(--button-secondary-hover-border, var(--nano-button-secondary-hover-border));--button-bg-active: var(--button-secondary-active-bg, var(--nano-button-secondary-active-bg));--button-text-active: var(--button-secondary-active-text, var(--nano-button-secondary-active-text));--button-border-active: var(--button-secondary-active-border, var(--nano-button-secondary-active-border));--nano-button-current-disabled-text: var(--button-secondary-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-secondary-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-secondary-disabled-border, var(--nano-button-base-disabled-border))}.el-button.app-button-import{--button-bg: var(--button-import-bg, var(--nano-button-import-bg));--button-text: var(--button-import-text, var(--nano-button-import-text));--button-border: var(--button-import-border, var(--nano-button-import-border));--button-bg-hover: var(--button-import-hover-bg, var(--nano-button-import-hover-bg));--button-text-hover: var(--button-import-hover-text, var(--nano-button-import-hover-text));--button-border-hover: var(--button-import-hover-border, var(--nano-button-import-hover-border));--button-bg-active: var(--button-import-active-bg, var(--nano-button-import-active-bg));--button-text-active: var(--button-import-active-text, var(--nano-button-import-active-text));--button-border-active: var(--button-import-active-border, var(--nano-button-import-active-border));--nano-button-current-disabled-text: var(--button-import-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-import-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-import-disabled-border, var(--nano-button-base-disabled-border))}.el-button.app-button-export{--button-bg: var(--button-export-bg, var(--nano-button-export-bg));--button-text: var(--button-export-text, var(--nano-button-export-text));--button-border: var(--button-export-border, var(--nano-button-export-border));--button-bg-hover: var(--button-export-hover-bg, var(--nano-button-export-hover-bg));--button-text-hover: var(--button-export-hover-text, var(--nano-button-export-hover-text));--button-border-hover: var(--button-export-hover-border, var(--nano-button-export-hover-border));--button-bg-active: var(--button-export-active-bg, var(--nano-button-export-active-bg));--button-text-active: var(--button-export-active-text, var(--nano-button-export-active-text));--button-border-active: var(--button-export-active-border, var(--nano-button-export-active-border));--nano-button-current-disabled-text: var(--button-export-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-export-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-export-disabled-border, var(--nano-button-base-disabled-border))}.el-button.el-button--primary,.el-button.el-button--success,.el-button.el-button--warning,.el-button.el-button--danger,.el-button.el-button--info{--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-shadow-hover: var(--button-hover-shadow, var(--nano-button-hover-shadow));box-shadow:none}.el-button.el-button--primary{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--nano-button-current-disabled-text: var(--button-primary-disabled-text, var(--button-disabled-text, var(--nano-button-primary-disabled-text)));--nano-button-current-disabled-bg: var(--button-primary-disabled-bg, var(--button-disabled-bg, var(--nano-button-primary-disabled-bg)));--nano-button-current-disabled-border: var(--button-primary-disabled-border, var(--button-disabled-border, var(--nano-button-primary-disabled-border)))}.el-button.el-button--success{--button-bg: var(--color-success, var(--nano-color-success));--button-border: var(--color-success, var(--nano-color-success));--button-bg-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-border-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-bg-active: var(--color-success-active, var(--nano-color-success-active));--button-border-active: var(--color-success-active, var(--nano-color-success-active));--nano-button-current-disabled-text: var(--button-success-disabled-text, var(--button-disabled-text, var(--nano-button-success-disabled-text)));--nano-button-current-disabled-bg: var(--button-success-disabled-bg, var(--button-disabled-bg, var(--nano-button-success-disabled-bg)));--nano-button-current-disabled-border: var(--button-success-disabled-border, var(--button-disabled-border, var(--nano-button-success-disabled-border)))}.el-button.el-button--warning{--button-bg: var(--color-warning, var(--nano-color-warning));--button-border: var(--color-warning, var(--nano-color-warning));--button-bg-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-border-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-bg-active: var(--color-warning-active, var(--nano-color-warning-active));--button-border-active: var(--color-warning-active, var(--nano-color-warning-active));--nano-button-current-disabled-text: var(--button-warning-disabled-text, var(--button-disabled-text, var(--nano-button-warning-disabled-text)));--nano-button-current-disabled-bg: var(--button-warning-disabled-bg, var(--button-disabled-bg, var(--nano-button-warning-disabled-bg)));--nano-button-current-disabled-border: var(--button-warning-disabled-border, var(--button-disabled-border, var(--nano-button-warning-disabled-border)))}.el-button.el-button--danger{--button-bg: var(--color-danger, var(--nano-color-danger));--button-border: var(--color-danger, var(--nano-color-danger));--button-bg-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-border-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-bg-active: var(--color-danger-active, var(--nano-color-danger-active));--button-border-active: var(--color-danger-active, var(--nano-color-danger-active));--button-shadow-hover: var(--button-danger-hover-shadow, var(--nano-button-danger-hover-shadow));--nano-button-current-disabled-text: var(--button-danger-disabled-text, var(--button-disabled-text, var(--nano-button-danger-disabled-text)));--nano-button-current-disabled-bg: var(--button-danger-disabled-bg, var(--button-disabled-bg, var(--nano-button-danger-disabled-bg)));--nano-button-current-disabled-border: var(--button-danger-disabled-border, var(--button-disabled-border, var(--nano-button-danger-disabled-border)))}.el-button.el-button--info{--button-bg: var(--color-info, var(--nano-color-info));--button-border: var(--color-info, var(--nano-color-info));--button-bg-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-border-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-bg-active: var(--color-info-active, var(--nano-color-info-active));--button-border-active: var(--color-info-active, var(--nano-color-info-active));--nano-button-current-disabled-text: var(--button-info-disabled-text, var(--button-disabled-text, var(--nano-button-info-disabled-text)));--nano-button-current-disabled-bg: var(--button-info-disabled-bg, var(--button-disabled-bg, var(--nano-button-info-disabled-bg)));--nano-button-current-disabled-border: var(--button-info-disabled-border, var(--button-disabled-border, var(--nano-button-info-disabled-border)))}.el-button.is-text:not(.is-disabled),.el-button.is-link:not(.is-disabled){background-color:transparent;color:var(--button-text-default, var(--nano-button-text-default));border-color:transparent;box-shadow:none}.el-button.is-text:not(.is-disabled):hover{background-color:var(--button-text-hover-bg, var(--nano-button-text-hover-bg));color:var(--button-text-hover, var(--nano-button-text-hover))}.el-button.is-link:not(.is-disabled):hover,.el-button.is-text:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):active{color:var(--button-text-active, var(--nano-button-text-active))}.el-button.nano-button.is-disabled.is-text,.el-button.nano-button.is-disabled.is-text:hover,.el-button.nano-button.is-disabled.is-text:active,.el-button.nano-button.is-disabled.is-link,.el-button.nano-button.is-disabled.is-link:hover,.el-button.nano-button.is-disabled.is-link:active{color:var(--nano-button-current-disabled-text);background-color:transparent;border-color:transparent;box-shadow:none}.app-backtop.el-backtop{width:auto;height:auto;background-color:transparent;box-shadow:none}.app-backtop.el-backtop:hover{background-color:transparent}.app-backtop-button.el-button{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));width:42px;height:42px;padding:0;border-radius:12px;border-width:1px;box-shadow:0 10px 22px #243c9642,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.app-backtop-button.el-button>span,.app-backtop-icon{display:inline-flex;align-items:center;justify-content:center}.app-backtop-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.app-backtop-button.el-button:not(.is-text):not(.is-link):not(.is-disabled):hover{transform:translateY(-2px);box-shadow:0 14px 26px #243c964d,inset 0 1px #ffffff38}.app-backtop-button.el-button:not(.is-text):not(.is-link):not(.is-disabled):active{transform:translateY(0);box-shadow:0 6px 14px #243c9638,inset 0 1px 2px #1b2f7847}.cst-pagination[data-v-b5348694]{--el-color-primary: var(--color-brand-primary, var(--nano-color-brand-primary));--el-pagination-hover-color: var(--color-brand-primary, var(--nano-color-brand-primary));display:flex;width:100%}.cst-pagination--start[data-v-b5348694]{justify-content:flex-start}.cst-pagination--center[data-v-b5348694]{justify-content:center}.cst-pagination--end[data-v-b5348694]{justify-content:flex-end}.cst-table-wrapper[data-v-69aa088d]{display:flex;width:100%;min-height:0;flex-direction:column}.cst-table[data-v-69aa088d]{width:100%;overflow:hidden;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.cst-table-pagination[data-v-69aa088d]{margin-top:var(--cst-table-pagination-gap, 16px)}
1
+ :root{--nano-font-size-sm: var(--font-size-sm, 14px);--nano-font-size-lg: var(--font-size-lg, 18px);--nano-font-weight-medium: var(--font-weight-medium, 500);--nano-radius-md: var(--radius-md, 6px);--nano-shadow-card: var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .12));--nano-color-brand-primary: var(--color-brand-primary, #243c96);--nano-color-brand-primary-hover: var(--color-brand-primary-hover, #3550b3);--nano-color-brand-primary-active: var(--color-brand-primary-active, #1b2f78);--nano-color-brand-primary-light: var(--color-brand-primary-light, #eef2ff);--nano-color-text-regular: var(--color-text-regular, #606266);--nano-color-text-on-brand: var(--color-text-on-brand, #ffffff);--nano-color-border-default: var(--color-border-default, #dcdfe6);--nano-color-success: var(--color-success, #397a63);--nano-color-success-hover: var(--color-success-hover, #285c4b);--nano-color-success-active: var(--color-success-active, #224f40);--nano-color-warning: var(--color-warning, #e6a23c);--nano-color-warning-hover: var(--color-warning-hover, #ebb563);--nano-color-warning-active: var(--color-warning-active, #b88230);--nano-color-danger: var(--color-danger, #d35a5a);--nano-color-danger-hover: var(--color-danger-hover, #e07272);--nano-color-danger-active: var(--color-danger-active, #bc4949);--nano-color-info: var(--color-info, #909399);--nano-color-info-hover: var(--color-info-hover, #a6a9ad);--nano-color-info-active: var(--color-info-active, #73767a);--nano-color-focus-outline: var(--color-focus-outline, rgba(36, 60, 150, .32));--nano-button-disabled-text: #c0c4cc;--nano-button-disabled-bg: #f5f7fa;--nano-button-disabled-border: #ebeef5;--nano-button-primary-disabled-text: var(--nano-color-text-on-brand);--nano-button-primary-disabled-bg: #8194d1;--nano-button-primary-disabled-border: #8194d1;--nano-button-success-disabled-text: var(--nano-color-text-on-brand);--nano-button-success-disabled-bg: #7da696;--nano-button-success-disabled-border: #7da696;--nano-button-warning-disabled-text: var(--nano-color-text-on-brand);--nano-button-warning-disabled-bg: #f1c780;--nano-button-warning-disabled-border: #f1c780;--nano-button-danger-disabled-text: var(--nano-color-text-on-brand);--nano-button-danger-disabled-bg: #e89a9a;--nano-button-danger-disabled-border: #e89a9a;--nano-button-info-disabled-text: var(--nano-color-text-on-brand);--nano-button-info-disabled-bg: #b8babd;--nano-button-info-disabled-border: #b8babd;--nano-button-default-bg: var(--button-default-bg, #ffffff);--nano-button-default-text: var(--button-default-text, var(--nano-color-text-regular));--nano-button-default-border: var(--button-default-border, var(--nano-color-border-default));--nano-button-default-hover-bg: var(--button-default-hover-bg, var(--nano-color-brand-primary-light));--nano-button-default-hover-text: var(--button-default-hover-text, var(--nano-color-brand-primary));--nano-button-default-hover-border: var(--button-default-hover-border, var(--nano-color-brand-primary-hover));--nano-button-default-active-bg: var(--button-default-active-bg, #e0e8ff);--nano-button-default-active-text: var(--button-default-active-text, var(--nano-color-brand-primary-active));--nano-button-default-active-border: var(--button-default-active-border, var(--nano-color-brand-primary-active));--nano-button-secondary-bg: var(--button-secondary-bg, var(--nano-color-brand-primary-light));--nano-button-secondary-text: var(--button-secondary-text, var(--nano-color-brand-primary));--nano-button-secondary-border: var(--button-secondary-border, rgba(36, 60, 150, .32));--nano-button-secondary-hover-bg: var(--button-secondary-hover-bg, #e0e8ff);--nano-button-secondary-hover-text: var(--button-secondary-hover-text, var(--nano-color-brand-primary-hover));--nano-button-secondary-hover-border: var(--button-secondary-hover-border, var(--nano-color-brand-primary-hover));--nano-button-secondary-active-bg: var(--button-secondary-active-bg, #d4defd);--nano-button-secondary-active-text: var(--button-secondary-active-text, var(--nano-color-brand-primary-active));--nano-button-secondary-active-border: var(--button-secondary-active-border, var(--nano-color-brand-primary-active));--nano-button-import-bg: var(--button-import-bg, #edf5f3);--nano-button-import-text: var(--button-import-text, #2f6b57);--nano-button-import-border: var(--button-import-border, rgba(47, 107, 87, .2));--nano-button-import-hover-bg: var(--button-import-hover-bg, #e0f0ec);--nano-button-import-hover-text: var(--button-import-hover-text, #285c4b);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(47, 107, 87, .36));--nano-button-import-active-bg: var(--button-import-active-bg, #d3e8e2);--nano-button-import-active-text: var(--button-import-active-text, #224f40);--nano-button-import-active-border: var(--button-import-active-border, rgba(47, 107, 87, .48));--nano-button-export-bg: var(--button-export-bg, #edf5f3);--nano-button-export-text: var(--button-export-text, #2f6b57);--nano-button-export-border: var(--button-export-border, rgba(47, 107, 87, .2));--nano-button-export-hover-bg: var(--button-export-hover-bg, #e0f0ec);--nano-button-export-hover-text: var(--button-export-hover-text, #285c4b);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(47, 107, 87, .36));--nano-button-export-active-bg: var(--button-export-active-bg, #d3e8e2);--nano-button-export-active-text: var(--button-export-active-text, #224f40);--nano-button-export-active-border: var(--button-export-active-border, rgba(47, 107, 87, .48));--nano-button-text-default: var(--button-text-default, var(--nano-color-text-regular));--nano-button-text-hover-bg: var(--button-text-hover-bg, var(--nano-color-brand-primary-light));--nano-button-text-hover: var(--button-text-hover, var(--nano-color-brand-primary));--nano-button-text-active: var(--button-text-active, var(--nano-color-brand-primary-active));--nano-button-hover-shadow: var(--button-hover-shadow, 0 4px 12px rgba(36, 60, 150, .16));--nano-button-default-hover-shadow: var(--button-default-hover-shadow, 0 2px 10px rgba(36, 60, 150, .12));--nano-button-danger-hover-shadow: var(--button-danger-hover-shadow, 0 4px 12px rgba(211, 90, 90, .18))}html.dark{--nano-button-disabled-text: #6c6e72;--nano-button-disabled-bg: #262727;--nano-button-disabled-border: #30363d;--nano-button-primary-disabled-text: var(--nano-color-text-on-brand);--nano-button-primary-disabled-bg: rgba(74, 103, 209, .46);--nano-button-primary-disabled-border: rgba(74, 103, 209, .46);--nano-button-success-disabled-text: rgba(141, 211, 177, .48);--nano-button-success-disabled-bg: rgba(80, 160, 120, .1);--nano-button-success-disabled-border: rgba(80, 160, 120, .18);--nano-button-warning-disabled-text: var(--nano-color-text-on-brand);--nano-button-warning-disabled-bg: rgba(238, 190, 119, .46);--nano-button-warning-disabled-border: rgba(238, 190, 119, .46);--nano-button-danger-disabled-text: var(--nano-color-text-on-brand);--nano-button-danger-disabled-bg: rgba(235, 131, 131, .46);--nano-button-danger-disabled-border: rgba(235, 131, 131, .46);--nano-button-info-disabled-text: var(--nano-color-text-on-brand);--nano-button-info-disabled-bg: rgba(163, 166, 173, .46);--nano-button-info-disabled-border: rgba(163, 166, 173, .46);--nano-button-import-bg: var(--button-import-bg, rgba(80, 160, 120, .16));--nano-button-import-text: var(--button-import-text, #8dd3b1);--nano-button-import-border: var(--button-import-border, rgba(80, 160, 120, .28));--nano-button-import-hover-bg: var(--button-import-hover-bg, rgba(80, 160, 120, .24));--nano-button-import-hover-text: var(--button-import-hover-text, #a6e2c4);--nano-button-import-hover-border: var(--button-import-hover-border, rgba(80, 160, 120, .42));--nano-button-import-active-bg: var(--button-import-active-bg, rgba(80, 160, 120, .32));--nano-button-import-active-text: var(--button-import-active-text, #8dd3b1);--nano-button-import-active-border: var(--button-import-active-border, rgba(80, 160, 120, .56));--nano-button-export-bg: var(--button-export-bg, rgba(80, 160, 120, .16));--nano-button-export-text: var(--button-export-text, #8dd3b1);--nano-button-export-border: var(--button-export-border, rgba(80, 160, 120, .28));--nano-button-export-hover-bg: var(--button-export-hover-bg, rgba(80, 160, 120, .24));--nano-button-export-hover-text: var(--button-export-hover-text, #a6e2c4);--nano-button-export-hover-border: var(--button-export-hover-border, rgba(80, 160, 120, .42));--nano-button-export-active-bg: var(--button-export-active-bg, rgba(80, 160, 120, .32));--nano-button-export-active-text: var(--button-export-active-text, #8dd3b1);--nano-button-export-active-border: var(--button-export-active-border, rgba(80, 160, 120, .56))}.el-button{--button-bg: var(--button-default-bg, var(--nano-button-default-bg));--button-text: var(--button-default-text, var(--nano-button-default-text));--button-border: var(--button-default-border, var(--nano-button-default-border));--button-bg-hover: var(--button-default-hover-bg, var(--nano-button-default-hover-bg));--button-text-hover: var(--button-default-hover-text, var(--nano-button-default-hover-text));--button-border-hover: var(--button-default-hover-border, var(--nano-button-default-hover-border));--button-bg-active: var(--button-default-active-bg, var(--nano-button-default-active-bg));--button-text-active: var(--button-default-active-text, var(--nano-button-default-active-text));--button-border-active: var(--button-default-active-border, var(--nano-button-default-active-border));--nano-button-base-disabled-text: var(--button-disabled-text, var(--color-text-disabled, var(--nano-button-disabled-text)));--nano-button-base-disabled-bg: var(--button-disabled-bg, var(--color-bg-disabled, var(--nano-button-disabled-bg)));--nano-button-base-disabled-border: var(--button-disabled-border, var(--color-border-light, var(--nano-button-disabled-border)));--nano-button-current-disabled-text: var(--nano-button-base-disabled-text);--nano-button-current-disabled-bg: var(--nano-button-base-disabled-bg);--nano-button-current-disabled-border: var(--nano-button-base-disabled-border);--button-shadow-hover: var(--button-default-hover-shadow, var(--nano-button-default-hover-shadow));font-size:var(--font-size-sm, var(--nano-font-size-sm));font-weight:var(--font-weight-medium, var(--nano-font-weight-medium));border-radius:var(--radius-md, var(--nano-radius-md));transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.el-button:focus-visible{outline:2px solid var(--color-focus-outline, var(--nano-color-focus-outline));outline-offset:2px}.el-button:not(.is-text):not(.is-link):not(.is-disabled){--el-button-text-color: var(--button-text);--el-button-bg-color: var(--button-bg);--el-button-border-color: var(--button-border);--el-button-hover-text-color: var(--button-text-hover);--el-button-hover-bg-color: var(--button-bg-hover);--el-button-hover-border-color: var(--button-border-hover);--el-button-active-text-color: var(--button-text-active);--el-button-active-bg-color: var(--button-bg-active);--el-button-active-border-color: var(--button-border-active);color:var(--button-text);background-color:var(--button-bg);border-color:var(--button-border)}.el-button:not(.is-text):not(.is-link):not(.is-disabled):hover{background-color:var(--button-bg-hover);color:var(--button-text-hover);border-color:var(--button-border-hover);box-shadow:var(--button-shadow-hover)}.el-button:not(.is-text):not(.is-link):not(.is-disabled):active{background-color:var(--button-bg-active);color:var(--button-text-active);border-color:var(--button-border-active);box-shadow:none}.el-button.nano-button.is-disabled:not(.is-text):not(.is-link),.el-button.nano-button.is-disabled:not(.is-text):not(.is-link):hover,.el-button.nano-button.is-disabled:not(.is-text):not(.is-link):active{color:var(--nano-button-current-disabled-text);background-color:var(--nano-button-current-disabled-bg);border-color:var(--nano-button-current-disabled-border);box-shadow:none}.el-button.app-button-secondary{--button-bg: var(--button-secondary-bg, var(--nano-button-secondary-bg));--button-text: var(--button-secondary-text, var(--nano-button-secondary-text));--button-border: var(--button-secondary-border, var(--nano-button-secondary-border));--button-bg-hover: var(--button-secondary-hover-bg, var(--nano-button-secondary-hover-bg));--button-text-hover: var(--button-secondary-hover-text, var(--nano-button-secondary-hover-text));--button-border-hover: var(--button-secondary-hover-border, var(--nano-button-secondary-hover-border));--button-bg-active: var(--button-secondary-active-bg, var(--nano-button-secondary-active-bg));--button-text-active: var(--button-secondary-active-text, var(--nano-button-secondary-active-text));--button-border-active: var(--button-secondary-active-border, var(--nano-button-secondary-active-border));--nano-button-current-disabled-text: var(--button-secondary-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-secondary-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-secondary-disabled-border, var(--nano-button-base-disabled-border))}.el-button.app-button-import{--button-bg: var(--button-import-bg, var(--nano-button-import-bg));--button-text: var(--button-import-text, var(--nano-button-import-text));--button-border: var(--button-import-border, var(--nano-button-import-border));--button-bg-hover: var(--button-import-hover-bg, var(--nano-button-import-hover-bg));--button-text-hover: var(--button-import-hover-text, var(--nano-button-import-hover-text));--button-border-hover: var(--button-import-hover-border, var(--nano-button-import-hover-border));--button-bg-active: var(--button-import-active-bg, var(--nano-button-import-active-bg));--button-text-active: var(--button-import-active-text, var(--nano-button-import-active-text));--button-border-active: var(--button-import-active-border, var(--nano-button-import-active-border));--nano-button-current-disabled-text: var(--button-import-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-import-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-import-disabled-border, var(--nano-button-base-disabled-border))}.el-button.app-button-export{--button-bg: var(--button-export-bg, var(--nano-button-export-bg));--button-text: var(--button-export-text, var(--nano-button-export-text));--button-border: var(--button-export-border, var(--nano-button-export-border));--button-bg-hover: var(--button-export-hover-bg, var(--nano-button-export-hover-bg));--button-text-hover: var(--button-export-hover-text, var(--nano-button-export-hover-text));--button-border-hover: var(--button-export-hover-border, var(--nano-button-export-hover-border));--button-bg-active: var(--button-export-active-bg, var(--nano-button-export-active-bg));--button-text-active: var(--button-export-active-text, var(--nano-button-export-active-text));--button-border-active: var(--button-export-active-border, var(--nano-button-export-active-border));--nano-button-current-disabled-text: var(--button-export-disabled-text, var(--nano-button-base-disabled-text));--nano-button-current-disabled-bg: var(--button-export-disabled-bg, var(--nano-button-base-disabled-bg));--nano-button-current-disabled-border: var(--button-export-disabled-border, var(--nano-button-base-disabled-border))}.el-button.el-button--primary,.el-button.el-button--success,.el-button.el-button--warning,.el-button.el-button--danger,.el-button.el-button--info{--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-shadow-hover: var(--button-hover-shadow, var(--nano-button-hover-shadow));box-shadow:none}.el-button.el-button--primary{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--nano-button-current-disabled-text: var(--button-primary-disabled-text, var(--button-disabled-text, var(--nano-button-primary-disabled-text)));--nano-button-current-disabled-bg: var(--button-primary-disabled-bg, var(--button-disabled-bg, var(--nano-button-primary-disabled-bg)));--nano-button-current-disabled-border: var(--button-primary-disabled-border, var(--button-disabled-border, var(--nano-button-primary-disabled-border)))}.el-button.el-button--success{--button-bg: var(--color-success, var(--nano-color-success));--button-border: var(--color-success, var(--nano-color-success));--button-bg-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-border-hover: var(--color-success-hover, var(--nano-color-success-hover));--button-bg-active: var(--color-success-active, var(--nano-color-success-active));--button-border-active: var(--color-success-active, var(--nano-color-success-active));--nano-button-current-disabled-text: var(--button-success-disabled-text, var(--button-disabled-text, var(--nano-button-success-disabled-text)));--nano-button-current-disabled-bg: var(--button-success-disabled-bg, var(--button-disabled-bg, var(--nano-button-success-disabled-bg)));--nano-button-current-disabled-border: var(--button-success-disabled-border, var(--button-disabled-border, var(--nano-button-success-disabled-border)))}.el-button.el-button--warning{--button-bg: var(--color-warning, var(--nano-color-warning));--button-border: var(--color-warning, var(--nano-color-warning));--button-bg-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-border-hover: var(--color-warning-hover, var(--nano-color-warning-hover));--button-bg-active: var(--color-warning-active, var(--nano-color-warning-active));--button-border-active: var(--color-warning-active, var(--nano-color-warning-active));--nano-button-current-disabled-text: var(--button-warning-disabled-text, var(--button-disabled-text, var(--nano-button-warning-disabled-text)));--nano-button-current-disabled-bg: var(--button-warning-disabled-bg, var(--button-disabled-bg, var(--nano-button-warning-disabled-bg)));--nano-button-current-disabled-border: var(--button-warning-disabled-border, var(--button-disabled-border, var(--nano-button-warning-disabled-border)))}.el-button.el-button--danger{--button-bg: var(--color-danger, var(--nano-color-danger));--button-border: var(--color-danger, var(--nano-color-danger));--button-bg-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-border-hover: var(--color-danger-hover, var(--nano-color-danger-hover));--button-bg-active: var(--color-danger-active, var(--nano-color-danger-active));--button-border-active: var(--color-danger-active, var(--nano-color-danger-active));--button-shadow-hover: var(--button-danger-hover-shadow, var(--nano-button-danger-hover-shadow));--nano-button-current-disabled-text: var(--button-danger-disabled-text, var(--button-disabled-text, var(--nano-button-danger-disabled-text)));--nano-button-current-disabled-bg: var(--button-danger-disabled-bg, var(--button-disabled-bg, var(--nano-button-danger-disabled-bg)));--nano-button-current-disabled-border: var(--button-danger-disabled-border, var(--button-disabled-border, var(--nano-button-danger-disabled-border)))}.el-button.el-button--info{--button-bg: var(--color-info, var(--nano-color-info));--button-border: var(--color-info, var(--nano-color-info));--button-bg-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-border-hover: var(--color-info-hover, var(--nano-color-info-hover));--button-bg-active: var(--color-info-active, var(--nano-color-info-active));--button-border-active: var(--color-info-active, var(--nano-color-info-active));--nano-button-current-disabled-text: var(--button-info-disabled-text, var(--button-disabled-text, var(--nano-button-info-disabled-text)));--nano-button-current-disabled-bg: var(--button-info-disabled-bg, var(--button-disabled-bg, var(--nano-button-info-disabled-bg)));--nano-button-current-disabled-border: var(--button-info-disabled-border, var(--button-disabled-border, var(--nano-button-info-disabled-border)))}.el-button.is-text:not(.is-disabled),.el-button.is-link:not(.is-disabled){background-color:transparent;color:var(--button-text-default, var(--nano-button-text-default));border-color:transparent;box-shadow:none}.el-button.is-text:not(.is-disabled):hover{background-color:var(--button-text-hover-bg, var(--nano-button-text-hover-bg));color:var(--button-text-hover, var(--nano-button-text-hover))}.el-button.is-link:not(.is-disabled):hover,.el-button.is-text:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):active{color:var(--button-text-active, var(--nano-button-text-active))}.el-button.nano-button.is-disabled.is-text,.el-button.nano-button.is-disabled.is-text:hover,.el-button.nano-button.is-disabled.is-text:active,.el-button.nano-button.is-disabled.is-link,.el-button.nano-button.is-disabled.is-link:hover,.el-button.nano-button.is-disabled.is-link:active{color:var(--nano-button-current-disabled-text);background-color:transparent;border-color:transparent;box-shadow:none}.nano-button-tooltip-root,.nano-button-tooltip-reference{display:inline-flex;vertical-align:middle}.app-backtop.el-backtop{width:auto;height:auto;background-color:transparent;box-shadow:none}.app-backtop.el-backtop:hover{background-color:transparent}.app-backtop-button.el-button{--button-bg: var(--color-brand-primary, var(--nano-color-brand-primary));--button-text: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border: var(--color-brand-primary, var(--nano-color-brand-primary));--button-bg-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-text-hover: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-hover: var(--color-brand-primary-hover, var(--nano-color-brand-primary-hover));--button-bg-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));--button-text-active: var(--color-text-on-brand, var(--nano-color-text-on-brand));--button-border-active: var(--color-brand-primary-active, var(--nano-color-brand-primary-active));width:42px;height:42px;padding:0;border-radius:12px;border-width:1px;box-shadow:0 10px 22px #243c9642,inset 0 1px #ffffff2e;transform:translateY(0);transition:transform .18s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,opacity .22s ease}.app-backtop-button.el-button>span,.app-backtop-icon{display:inline-flex;align-items:center;justify-content:center}.app-backtop-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.app-backtop-button.el-button:not(.is-text):not(.is-link):not(.is-disabled):hover{transform:translateY(-2px);box-shadow:0 14px 26px #243c964d,inset 0 1px #ffffff38}.app-backtop-button.el-button:not(.is-text):not(.is-link):not(.is-disabled):active{transform:translateY(0);box-shadow:0 6px 14px #243c9638,inset 0 1px 2px #1b2f7847}.cst-pagination[data-v-b5348694]{--el-color-primary: var(--color-brand-primary, var(--nano-color-brand-primary));--el-pagination-hover-color: var(--color-brand-primary, var(--nano-color-brand-primary));display:flex;width:100%}.cst-pagination--start[data-v-b5348694]{justify-content:flex-start}.cst-pagination--center[data-v-b5348694]{justify-content:center}.cst-pagination--end[data-v-b5348694]{justify-content:flex-end}.cst-table-wrapper[data-v-69aa088d]{display:flex;width:100%;min-height:0;flex-direction:column}.cst-table[data-v-69aa088d]{width:100%;overflow:hidden;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.cst-table-pagination[data-v-69aa088d]{margin-top:var(--cst-table-pagination-gap, 16px)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cst-ui/nano-buttons",
3
- "version": "0.6.2",
3
+ "version": "0.7.0",
4
4
  "description": "Nano themed Vue 3 button, table, pagination, and dialog tab components based on Element Plus.",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -1 +0,0 @@
1
- "use strict";const o=require("vue"),u=require("element-plus"),m={...u.buttonProps,secondary:Boolean},f=o.defineComponent({name:"NanoButton",inheritAttrs:!1,__name:"NanoButton",props:m,emits:u.buttonEmits,setup(i,{emit:d}){const t=i,p=d,n=o.useAttrs(),s=o.computed(()=>{const{secondary:e,...l}=t;return l}),r=o.computed(()=>["nano-button",t.secondary?"app-button-secondary":""]),a=e=>{p("click",e)};return(e,l)=>{const c=o.resolveComponent("el-button");return e.$slots.default?(o.openBlock(),o.createBlock(c,o.mergeProps({key:0},{...s.value,...o.unref(n)},{class:r.value,onClick:a}),o.createSlots({default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:2},[e.$slots.loading?{name:"loading",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"loading")]),key:"0"}:void 0]),1040,["class"])):(o.openBlock(),o.createBlock(c,o.mergeProps({key:1},{...s.value,...o.unref(n)},{class:r.value,onClick:a}),o.createSlots({_:2},[e.$slots.loading?{name:"loading",fn:o.withCtx(()=>[o.renderSlot(e.$slots,"loading")]),key:"0"}:void 0]),1040,["class"]))}}});exports._sfc_main=f;