@sdata/web-vue 4.1.0 → 4.3.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.
- package/dist/sd.css +135 -117
- package/dist/sd.min.css +2 -2
- package/es/_components/auto-tooltip/auto-tooltip.vue_vue_type_script_setup_true_lang.js +17 -50
- package/es/_components/input-label/input-label.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/_components/picker/input-range.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/_components/picker/input.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/_components/select-view/style/index.css +0 -39
- package/es/anchor/anchor.vue.d.ts +1 -1
- package/es/anchor/index.d.ts +3 -3
- package/es/auto-complete/auto-complete.vue.d.ts +4 -4
- package/es/auto-complete/auto-complete.vue_vue_type_script_setup_true_lang.js +6 -6
- package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/bloom-menu/bloom-menu.js +5 -0
- package/es/bloom-menu/bloom-menu.vue.d.ts +52 -0
- package/es/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js +380 -0
- package/es/bloom-menu/index.d.ts +6 -0
- package/es/bloom-menu/index.js +10 -0
- package/es/bloom-menu/style/css.js +2 -0
- package/es/bloom-menu/style/index.css +135 -0
- package/es/bloom-menu/style/index.d.ts +2 -0
- package/es/bloom-menu/style/index.js +2 -0
- package/es/bloom-menu/style/index.scss +153 -0
- package/es/bloom-menu/style/token.scss +24 -0
- package/es/bloom-menu/types.d.ts +11 -0
- package/es/button/button.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/cascader/cascader-option.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/cascader/cascader-panel.vue.d.ts +1 -1
- package/es/cascader/cascader.vue.d.ts +1 -1
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/clamp/index.d.ts +212 -0
- package/es/clamp/index.js +15 -0
- package/es/clamp/style/css.js +1 -0
- package/es/clamp/style/index.css +0 -0
- package/es/clamp/style/index.d.ts +1 -0
- package/es/clamp/style/index.js +1 -0
- package/es/clamp/style/index.scss +1 -0
- package/es/clamp/style/token.scss +1 -0
- package/es/color-picker/color-picker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/components.d.ts +5 -0
- package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/ellipsis/ellipsis.vue.d.ts +8 -15
- package/es/ellipsis/ellipsis.vue_vue_type_script_setup_true_lang.js +113 -118
- package/es/ellipsis/index.d.ts +14 -16
- package/es/ellipsis/performant-ellipsis.vue.d.ts +3 -5
- package/es/ellipsis/performant-ellipsis.vue_vue_type_script_setup_true_lang.js +12 -24
- package/es/ellipsis/style/index.css +0 -2
- package/es/ellipsis/style/index.scss +3 -2
- package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/image.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/image/preview.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/index.css +135 -117
- package/es/index.d.ts +4 -0
- package/es/index.js +5 -3
- package/es/index.scss +2 -0
- package/es/input/input.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/input-tag/index.d.ts +0 -4
- package/es/input-tag/input-tag.vue.d.ts +3 -7
- package/es/input-tag/input-tag.vue_vue_type_script_setup_true_lang.js +85 -157
- package/es/input-tag/style/index.css +6 -39
- package/es/input-tag/style/index.scss +7 -0
- package/es/input-tag/style/input-tag.scss +0 -45
- package/es/link/link.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/list/index.d.ts +3 -3
- package/es/list/list.vue.d.ts +1 -1
- package/es/locale/interface.d.ts +2 -0
- package/es/locale/lang/en-us.js +2 -0
- package/es/locale/lang/zh-cn.js +2 -0
- package/es/menu/base-menu.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/menu/overflow-wrap.vue_vue_type_script_setup_true_lang.js +21 -27
- package/es/menu/style/index.css +5 -2
- package/es/menu/style/index.scss +5 -2
- package/es/modal/index.js +1 -1
- package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/popover/style/index.css +0 -1
- package/es/popover/style/index.scss +0 -1
- package/es/rate/rate.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/sd-vue.js +9 -2
- package/es/secret/secret.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/select/select.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/sender/sender.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/table/index.d.ts +8 -8
- package/es/table/table-tr.vue.d.ts +1 -1
- package/es/table/table.vue.d.ts +2 -2
- package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tag-group/index.d.ts +4 -6
- package/es/tag-group/style/index.css +6 -29
- package/es/tag-group/style/index.scss +9 -34
- package/es/tag-group/tag-group.vue.d.ts +8 -11
- package/es/tag-group/tag-group.vue_vue_type_script_setup_true_lang.js +91 -272
- package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree/node-switcher.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree/tree.vue.d.ts +12 -12
- package/es/tree/tree.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +2 -2
- package/es/trigger/trigger.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/typography/base.vue.d.ts +15 -15
- package/es/typography/base.vue_vue_type_script_setup_true_lang.js +93 -164
- package/es/typography/interface.d.ts +1 -2
- package/es/typography/style/index.css +0 -5
- package/es/typography/style/index.scss +0 -7
- package/json/vetur-attributes.json +0 -20
- package/json/vetur-tags.json +5 -10
- package/json/web-types.json +9 -53
- package/package.json +2 -1
- package/es/typography/utils/measure.d.ts +0 -6
- package/es/typography/utils/measure.js +0 -69
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
@use '@style/theme/index.scss' as global;
|
|
2
|
+
@use 'sass:string';
|
|
3
|
+
|
|
4
|
+
@forward '@style/theme/index.scss';
|
|
5
|
+
@forward '@style/color/colors.scss' hide $sd-vars-prefix, $sd-cssvars-prefix;
|
|
6
|
+
|
|
7
|
+
$bloom-menu-panel-width: min(86vw, 420px);
|
|
8
|
+
$bloom-menu-border-width: global.$border-1;
|
|
9
|
+
$bloom-menu-border-style: global.$border-solid;
|
|
10
|
+
$bloom-menu-border-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));
|
|
11
|
+
$bloom-menu-background: var(string.unquote('#{global.$sd-cssvars-prefix}-color-bg-2'));
|
|
12
|
+
$bloom-menu-text-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
|
|
13
|
+
$bloom-menu-muted-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));
|
|
14
|
+
$bloom-menu-hover-background: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-2'));
|
|
15
|
+
$bloom-menu-disabled-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-4'));
|
|
16
|
+
$bloom-menu-header-padding-block: global.$spacing-6;
|
|
17
|
+
$bloom-menu-header-padding-inline: global.$spacing-7;
|
|
18
|
+
$bloom-menu-item-padding-block: global.$spacing-9;
|
|
19
|
+
$bloom-menu-item-padding-inline: global.$spacing-6;
|
|
20
|
+
$bloom-menu-item-gap: global.$spacing-4;
|
|
21
|
+
$bloom-menu-font-size: global.$font-size-body-3;
|
|
22
|
+
$bloom-menu-font-weight: global.$font-weight-500;
|
|
23
|
+
$bloom-menu-icon-size: global.$size-5;
|
|
24
|
+
$bloom-menu-shadow: global.$shadow2-down;
|
|
@@ -3,9 +3,9 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
|
3
3
|
import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
|
|
4
4
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
5
5
|
import { isString } from "../_utils/is.js";
|
|
6
|
+
import Tooltip from "../tooltip/index.js";
|
|
6
7
|
import IconLoading from "../icon/icon-loading/index.js";
|
|
7
8
|
import { useSize } from "../_hooks/use-size.js";
|
|
8
|
-
import Tooltip from "../tooltip/index.js";
|
|
9
9
|
import { buttonGroupInjectionKey } from "./context.js";
|
|
10
10
|
import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
|
|
11
11
|
//#region components/button/button.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
|
|
2
2
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
3
|
import { isFunction } from "../_utils/is.js";
|
|
4
|
-
import IconLoading from "../icon/icon-loading/index.js";
|
|
5
4
|
import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
|
|
5
|
+
import IconLoading from "../icon/icon-loading/index.js";
|
|
6
6
|
import Checkbox from "../checkbox/index.js";
|
|
7
7
|
import Radio from "../radio/index.js";
|
|
8
8
|
import IconRight from "../icon/icon-right/index.js";
|
|
@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {},
|
|
|
14
14
|
options: CascaderOption[];
|
|
15
15
|
ellipsis: boolean | "performant-ellipsis";
|
|
16
16
|
multiple: boolean;
|
|
17
|
-
valueKey: string;
|
|
18
17
|
expandTrigger: import("./types").CascaderExpandTrigger;
|
|
18
|
+
valueKey: string;
|
|
19
19
|
checkStrictly: boolean;
|
|
20
20
|
pathMode: boolean;
|
|
21
21
|
expandChild: boolean;
|
|
@@ -63,12 +63,12 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
|
|
|
63
63
|
error: boolean;
|
|
64
64
|
readonly: boolean | string;
|
|
65
65
|
defaultPopupVisible: boolean;
|
|
66
|
+
expandTrigger: import("./types").CascaderExpandTrigger;
|
|
66
67
|
allowClear: boolean;
|
|
67
68
|
fitWidth: boolean;
|
|
68
69
|
maxWFull: boolean;
|
|
69
70
|
loading: boolean;
|
|
70
71
|
valueKey: string;
|
|
71
|
-
expandTrigger: import("./types").CascaderExpandTrigger;
|
|
72
72
|
checkStrictly: boolean;
|
|
73
73
|
pathMode: boolean;
|
|
74
74
|
showPath: boolean;
|
|
@@ -6,9 +6,9 @@ import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
|
|
|
6
6
|
import { useAllowClear } from "../_hooks/use-allow-clear.js";
|
|
7
7
|
import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
|
|
8
8
|
import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
|
|
9
|
-
import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
|
|
10
9
|
import Trigger from "../trigger/index.js";
|
|
11
10
|
import Tooltip from "../tooltip/index.js";
|
|
11
|
+
import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
|
|
12
12
|
import { debounce } from "../_utils/debounce.js";
|
|
13
13
|
import select_view_default from "../_components/select-view/select-view.js";
|
|
14
14
|
import { useAllowSearch } from "../_hooks/use-allow-search.js";
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import type * as VueClamp from 'vue-clamp';
|
|
2
|
+
import { InlineClamp as _InlineClamp, LineClamp as _LineClamp, RichLineClamp as _RichLineClamp } from 'vue-clamp';
|
|
3
|
+
import type { SFCWithInstall } from '../_utils/types';
|
|
4
|
+
export declare const LineClamp: SFCWithInstall<{
|
|
5
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
+
text?: string | undefined;
|
|
7
|
+
ellipsis?: string | undefined;
|
|
8
|
+
as?: string | undefined;
|
|
9
|
+
maxLines?: number | undefined;
|
|
10
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
11
|
+
location?: VueClamp.LineClampLocation | undefined;
|
|
12
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
|
|
15
|
+
}> & Readonly<{
|
|
16
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
17
|
+
onClampchange?: (value: boolean) => any;
|
|
18
|
+
}>, {
|
|
19
|
+
expand: () => void;
|
|
20
|
+
collapse: () => void;
|
|
21
|
+
toggle: () => void;
|
|
22
|
+
readonly clamped: boolean;
|
|
23
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
24
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
+
"update:expanded": (value: NonNullable<boolean | undefined>) => any;
|
|
26
|
+
clampchange: (value: boolean) => any;
|
|
27
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
28
|
+
P: {};
|
|
29
|
+
B: {};
|
|
30
|
+
D: {};
|
|
31
|
+
C: {};
|
|
32
|
+
M: {};
|
|
33
|
+
Defaults: {};
|
|
34
|
+
}, Readonly<{
|
|
35
|
+
text?: string | undefined;
|
|
36
|
+
ellipsis?: string | undefined;
|
|
37
|
+
as?: string | undefined;
|
|
38
|
+
maxLines?: number | undefined;
|
|
39
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
40
|
+
location?: VueClamp.LineClampLocation | undefined;
|
|
41
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
42
|
+
} & {
|
|
43
|
+
expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
|
|
44
|
+
}> & Readonly<{
|
|
45
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
46
|
+
onClampchange?: (value: boolean) => any;
|
|
47
|
+
}>, {
|
|
48
|
+
expand: () => void;
|
|
49
|
+
collapse: () => void;
|
|
50
|
+
toggle: () => void;
|
|
51
|
+
readonly clamped: boolean;
|
|
52
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
53
|
+
}, {}, {}, {}, {}>;
|
|
54
|
+
__isFragment?: never;
|
|
55
|
+
__isTeleport?: never;
|
|
56
|
+
__isSuspense?: never;
|
|
57
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
58
|
+
text?: string | undefined;
|
|
59
|
+
ellipsis?: string | undefined;
|
|
60
|
+
as?: string | undefined;
|
|
61
|
+
maxLines?: number | undefined;
|
|
62
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
63
|
+
location?: VueClamp.LineClampLocation | undefined;
|
|
64
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
65
|
+
} & {
|
|
66
|
+
expanded?: NonNullable<VueClamp.LineClampProps["expanded"]>;
|
|
67
|
+
}> & Readonly<{
|
|
68
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
69
|
+
onClampchange?: (value: boolean) => any;
|
|
70
|
+
}>, {
|
|
71
|
+
expand: () => void;
|
|
72
|
+
collapse: () => void;
|
|
73
|
+
toggle: () => void;
|
|
74
|
+
readonly clamped: boolean;
|
|
75
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
76
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
77
|
+
"update:expanded": (value: NonNullable<boolean | undefined>) => any;
|
|
78
|
+
clampchange: (value: boolean) => any;
|
|
79
|
+
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
80
|
+
$slots: VueClamp.LineClampSlots;
|
|
81
|
+
})>;
|
|
82
|
+
export declare const RichLineClamp: SFCWithInstall<{
|
|
83
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
84
|
+
ellipsis?: string | undefined;
|
|
85
|
+
html: string;
|
|
86
|
+
as?: string | undefined;
|
|
87
|
+
maxLines?: number | undefined;
|
|
88
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
89
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
90
|
+
} & {
|
|
91
|
+
expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
|
|
92
|
+
}> & Readonly<{
|
|
93
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
94
|
+
onClampchange?: (value: boolean) => any;
|
|
95
|
+
}>, {
|
|
96
|
+
expand: () => void;
|
|
97
|
+
collapse: () => void;
|
|
98
|
+
toggle: () => void;
|
|
99
|
+
readonly clamped: boolean;
|
|
100
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
101
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
102
|
+
"update:expanded": (value: NonNullable<boolean | undefined>) => any;
|
|
103
|
+
clampchange: (value: boolean) => any;
|
|
104
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
105
|
+
P: {};
|
|
106
|
+
B: {};
|
|
107
|
+
D: {};
|
|
108
|
+
C: {};
|
|
109
|
+
M: {};
|
|
110
|
+
Defaults: {};
|
|
111
|
+
}, Readonly<{
|
|
112
|
+
ellipsis?: string | undefined;
|
|
113
|
+
html: string;
|
|
114
|
+
as?: string | undefined;
|
|
115
|
+
maxLines?: number | undefined;
|
|
116
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
117
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
118
|
+
} & {
|
|
119
|
+
expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
|
|
120
|
+
}> & Readonly<{
|
|
121
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
122
|
+
onClampchange?: (value: boolean) => any;
|
|
123
|
+
}>, {
|
|
124
|
+
expand: () => void;
|
|
125
|
+
collapse: () => void;
|
|
126
|
+
toggle: () => void;
|
|
127
|
+
readonly clamped: boolean;
|
|
128
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
129
|
+
}, {}, {}, {}, {}>;
|
|
130
|
+
__isFragment?: never;
|
|
131
|
+
__isTeleport?: never;
|
|
132
|
+
__isSuspense?: never;
|
|
133
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
134
|
+
ellipsis?: string | undefined;
|
|
135
|
+
html: string;
|
|
136
|
+
as?: string | undefined;
|
|
137
|
+
maxLines?: number | undefined;
|
|
138
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
139
|
+
boundary?: VueClamp.ClampBoundary | undefined;
|
|
140
|
+
} & {
|
|
141
|
+
expanded?: NonNullable<VueClamp.RichLineClampProps["expanded"]>;
|
|
142
|
+
}> & Readonly<{
|
|
143
|
+
"onUpdate:expanded"?: (value: NonNullable<boolean | undefined>) => any;
|
|
144
|
+
onClampchange?: (value: boolean) => any;
|
|
145
|
+
}>, {
|
|
146
|
+
expand: () => void;
|
|
147
|
+
collapse: () => void;
|
|
148
|
+
toggle: () => void;
|
|
149
|
+
readonly clamped: boolean;
|
|
150
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
151
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
152
|
+
"update:expanded": (value: NonNullable<boolean | undefined>) => any;
|
|
153
|
+
clampchange: (value: boolean) => any;
|
|
154
|
+
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
155
|
+
$slots: VueClamp.RichLineClampSlots;
|
|
156
|
+
})>;
|
|
157
|
+
export declare const InlineClamp: SFCWithInstall<import("vue").DefineComponent<VueClamp.InlineClampProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VueClamp.InlineClampProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
|
|
158
|
+
export declare const WrapClamp: SFCWithInstall<(<T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
159
|
+
emit: ((evt: "clampchange", value: boolean) => void) & ((event: "update:expanded", value: NonNullable<boolean | undefined>) => void);
|
|
160
|
+
slots: VueClamp.WrapClampSlots<T>;
|
|
161
|
+
attrs: any;
|
|
162
|
+
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
163
|
+
props: import("vue").PublicProps & {
|
|
164
|
+
items?: readonly T[] | undefined;
|
|
165
|
+
as?: string | undefined;
|
|
166
|
+
maxLines?: number | undefined;
|
|
167
|
+
maxHeight?: VueClamp.ClampLength | undefined;
|
|
168
|
+
itemKey?: VueClamp.WrapClampItemKey<T> | undefined;
|
|
169
|
+
expanded?: NonNullable<VueClamp.WrapClampProps<T>["expanded"]> | undefined;
|
|
170
|
+
"onUpdate:expanded"?: ((value: NonNullable<boolean | undefined>) => any) | undefined;
|
|
171
|
+
onClampchange?: ((value: boolean) => any) | undefined;
|
|
172
|
+
} & (typeof globalThis extends {
|
|
173
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
174
|
+
} ? P : {});
|
|
175
|
+
expose: (exposed: import("vue").ShallowUnwrapRef<{
|
|
176
|
+
expand: () => void;
|
|
177
|
+
collapse: () => void;
|
|
178
|
+
toggle: () => void;
|
|
179
|
+
readonly clamped: boolean;
|
|
180
|
+
readonly expanded: NonNullable<boolean | undefined>;
|
|
181
|
+
}>) => void;
|
|
182
|
+
attrs: any;
|
|
183
|
+
slots: VueClamp.WrapClampSlots<T>;
|
|
184
|
+
emit: ((evt: "clampchange", value: boolean) => void) & ((event: "update:expanded", value: NonNullable<boolean | undefined>) => void);
|
|
185
|
+
}>) => import("vue").VNode & {
|
|
186
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
187
|
+
})>;
|
|
188
|
+
export type LineClampInstance = InstanceType<typeof _LineClamp>;
|
|
189
|
+
export type RichLineClampInstance = InstanceType<typeof _RichLineClamp>;
|
|
190
|
+
export type InlineClampInstance = InstanceType<typeof _InlineClamp>;
|
|
191
|
+
export type WrapClampInstance = import('vue-clamp').WrapClampExposed;
|
|
192
|
+
export type ClampBoundary = VueClamp.ClampBoundary;
|
|
193
|
+
export type ClampLength = VueClamp.ClampLength;
|
|
194
|
+
export type InlineClampParts = VueClamp.InlineClampParts;
|
|
195
|
+
export type InlineClampProps = VueClamp.InlineClampProps;
|
|
196
|
+
export type InlineClampSplit = VueClamp.InlineClampSplit;
|
|
197
|
+
export type LineClampExposed = VueClamp.LineClampExposed;
|
|
198
|
+
export type LineClampLocation = VueClamp.LineClampLocation;
|
|
199
|
+
export type LineClampProps = VueClamp.LineClampProps;
|
|
200
|
+
export type LineClampSlotProps = VueClamp.LineClampSlotProps;
|
|
201
|
+
export type LineClampSlots = VueClamp.LineClampSlots;
|
|
202
|
+
export type RichLineClampExposed = VueClamp.RichLineClampExposed;
|
|
203
|
+
export type RichLineClampProps = VueClamp.RichLineClampProps;
|
|
204
|
+
export type RichLineClampSlotProps = VueClamp.RichLineClampSlotProps;
|
|
205
|
+
export type RichLineClampSlots = VueClamp.RichLineClampSlots;
|
|
206
|
+
export type WrapClampExposed = VueClamp.WrapClampExposed;
|
|
207
|
+
export type WrapClampItemKey<T = unknown> = VueClamp.WrapClampItemKey<T>;
|
|
208
|
+
export type WrapClampItemSlotProps<T = unknown> = VueClamp.WrapClampItemSlotProps<T>;
|
|
209
|
+
export type WrapClampProps<T = unknown> = VueClamp.WrapClampProps<T>;
|
|
210
|
+
export type WrapClampSlotProps<T = unknown> = VueClamp.WrapClampSlotProps<T>;
|
|
211
|
+
export type WrapClampSlots<T = unknown> = VueClamp.WrapClampSlots<T>;
|
|
212
|
+
export default LineClamp;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
|
|
2
|
+
import { InlineClamp, LineClamp, RichLineClamp, WrapClamp } from "vue-clamp";
|
|
3
|
+
//#region components/clamp/index.ts
|
|
4
|
+
function withInstall(component, name) {
|
|
5
|
+
return Object.assign(component, { install(app, options) {
|
|
6
|
+
setGlobalConfig(app, options);
|
|
7
|
+
app.component(`${getComponentPrefix(options)}${name}`, component);
|
|
8
|
+
} });
|
|
9
|
+
}
|
|
10
|
+
var LineClamp$1 = withInstall(LineClamp, "LineClamp");
|
|
11
|
+
var RichLineClamp$1 = withInstall(RichLineClamp, "RichLineClamp");
|
|
12
|
+
var InlineClamp$1 = withInstall(InlineClamp, "InlineClamp");
|
|
13
|
+
var WrapClamp$1 = withInstall(WrapClamp, "WrapClamp");
|
|
14
|
+
//#endregion
|
|
15
|
+
export { InlineClamp$1 as InlineClamp, LineClamp$1 as LineClamp, LineClamp$1 as default, RichLineClamp$1 as RichLineClamp, WrapClamp$1 as WrapClamp };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "../../style/index.css";
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../style/index.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "../../style/index.scss";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use './token.scss' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// Clamp 的布局与样式由 vue-clamp 原生组件提供,本组件组不覆盖上游样式契约。
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
2
2
|
import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
|
|
3
3
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
4
|
-
import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
|
|
5
4
|
import Trigger from "../trigger/index.js";
|
|
6
5
|
import Tooltip from "../tooltip/index.js";
|
|
6
|
+
import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
|
|
7
7
|
import Input from "../input/index.js";
|
|
8
8
|
import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
|
|
9
9
|
import panel_default from "./panel.js";
|
package/es/components.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ declare module 'vue' {
|
|
|
14
14
|
SdAvatarGroup: SDVue['AvatarGroup'];
|
|
15
15
|
SdBackTop: SDVue['BackTop'];
|
|
16
16
|
SdBorderBeam: SDVue['BorderBeam'];
|
|
17
|
+
SdBloomMenu: SDVue['BloomMenu'];
|
|
17
18
|
SdBadge: SDVue['Badge'];
|
|
18
19
|
SdBasicCrudTable: SDVue['BasicCrudTable'];
|
|
19
20
|
SdBreadcrumb: SDVue['Breadcrumb'];
|
|
@@ -31,6 +32,10 @@ declare module 'vue' {
|
|
|
31
32
|
SdCascaderPanel: SDVue['CascaderPanel'];
|
|
32
33
|
SdCheckbox: SDVue['Checkbox'];
|
|
33
34
|
SdCheckboxGroup: SDVue['CheckboxGroup'];
|
|
35
|
+
SdLineClamp: SDVue['LineClamp'];
|
|
36
|
+
SdInlineClamp: SDVue['InlineClamp'];
|
|
37
|
+
SdRichLineClamp: SDVue['RichLineClamp'];
|
|
38
|
+
SdWrapClamp: SDVue['WrapClamp'];
|
|
34
39
|
SdCollapse: SDVue['Collapse'];
|
|
35
40
|
SdCollapseItem: SDVue['CollapseItem'];
|
|
36
41
|
SdColorPicker: SDVue['ColorPicker'];
|
|
@@ -4,11 +4,11 @@ import { getPrefixCls } from "../_utils/global-config.js";
|
|
|
4
4
|
import { isBoolean, isFunction } from "../_utils/is.js";
|
|
5
5
|
import { useI18n } from "../locale/index.js";
|
|
6
6
|
import { useAllowClear } from "../_hooks/use-allow-clear.js";
|
|
7
|
+
import { omit } from "../_utils/omit.js";
|
|
8
|
+
import Trigger from "../trigger/index.js";
|
|
7
9
|
import useState from "../_hooks/use-state.js";
|
|
8
10
|
import useMergeState from "../_hooks/use-merge-state.js";
|
|
9
|
-
import { omit } from "../_utils/omit.js";
|
|
10
11
|
import pick from "../_utils/pick.js";
|
|
11
|
-
import Trigger from "../trigger/index.js";
|
|
12
12
|
import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
|
|
13
13
|
import input_default from "../_components/picker/input.js";
|
|
14
14
|
import { dayjs, getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
|
|
@@ -5,11 +5,11 @@ import { getPrefixCls } from "../_utils/global-config.js";
|
|
|
5
5
|
import { isArray, isBoolean } from "../_utils/is.js";
|
|
6
6
|
import { useI18n } from "../locale/index.js";
|
|
7
7
|
import { useAllowClear } from "../_hooks/use-allow-clear.js";
|
|
8
|
+
import { omit } from "../_utils/omit.js";
|
|
9
|
+
import Trigger from "../trigger/index.js";
|
|
8
10
|
import useState from "../_hooks/use-state.js";
|
|
9
11
|
import useMergeState from "../_hooks/use-merge-state.js";
|
|
10
|
-
import { omit } from "../_utils/omit.js";
|
|
11
12
|
import pick from "../_utils/pick.js";
|
|
12
|
-
import Trigger from "../trigger/index.js";
|
|
13
13
|
import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
|
|
14
14
|
import { dayjs, getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
|
|
15
15
|
import IconCalendar from "../icon/icon-calendar/index.js";
|
|
@@ -10,9 +10,9 @@ import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers
|
|
|
10
10
|
import client_only_default from "../_components/client-only.js";
|
|
11
11
|
import usePopupManager from "../_hooks/use-popup-manager.js";
|
|
12
12
|
import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
|
|
13
|
+
import Ellipsis from "../ellipsis/index.js";
|
|
13
14
|
import Button from "../button/index.js";
|
|
14
15
|
import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
|
|
15
|
-
import Ellipsis from "../ellipsis/index.js";
|
|
16
16
|
import { getFocusableElements, useFocusTrap } from "../_hooks/use-focus-trap.js";
|
|
17
17
|
import { useOverflow } from "../_hooks/use-overflow.js";
|
|
18
18
|
import { DRAWER_PLACEMENTS } from "./utils.js";
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import type { PropType } from 'vue';
|
|
1
|
+
import type { PropType, VNode } from 'vue';
|
|
2
2
|
import type { EllipsisTooltipProps } from './interface';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} & {
|
|
7
|
-
default?: (props: typeof __VLS_29) => any;
|
|
8
|
-
} & {
|
|
9
|
-
tooltip?: (props: typeof __VLS_32) => any;
|
|
10
|
-
} & {
|
|
11
|
-
default?: (props: typeof __VLS_34) => any;
|
|
12
|
-
} & {
|
|
13
|
-
default?: (props: typeof __VLS_47) => any;
|
|
14
|
-
} & {
|
|
15
|
-
default?: (props: typeof __VLS_49) => any;
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
default?: () => VNode[];
|
|
5
|
+
tooltip?: () => VNode[];
|
|
16
6
|
};
|
|
17
7
|
declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
18
8
|
lineClamp: {
|
|
@@ -27,7 +17,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
27
17
|
type: PropType<boolean | EllipsisTooltipProps>;
|
|
28
18
|
default: boolean;
|
|
29
19
|
};
|
|
30
|
-
}>, {
|
|
20
|
+
}>, {
|
|
21
|
+
triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
|
|
22
|
+
readonly triggerElement: HTMLElement | undefined;
|
|
23
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
24
|
lineClamp: {
|
|
32
25
|
type: PropType<number | string>;
|
|
33
26
|
default: undefined;
|