@tendaui/components 1.3.0 → 1.3.1
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/LICENSE +21 -21
- package/README.md +176 -176
- package/button/_example/ghost.tsx +2 -5
- package/color-picker/utils/color-picker/cmyk.ts +89 -89
- package/color-picker/utils/color-picker/color.ts +467 -467
- package/color-picker/utils/color-picker/constants.ts +187 -187
- package/color-picker/utils/color-picker/draggable.ts +99 -99
- package/color-picker/utils/color-picker/format.ts +90 -90
- package/color-picker/utils/color-picker/gradient.ts +237 -237
- package/color-picker/utils/color-picker/index.ts +7 -7
- package/color-picker/utils/color-picker/types.ts +33 -33
- package/dialog/hooks/useDialogPosition.ts +35 -35
- package/form/type.ts +519 -519
- package/global-config/default-config.ts +95 -95
- package/global-config/locale/ar_KW.ts +259 -259
- package/global-config/locale/en_US.ts +265 -265
- package/global-config/locale/it_IT.ts +264 -264
- package/global-config/locale/ja_JP.ts +264 -264
- package/global-config/locale/ko_KR.ts +264 -264
- package/global-config/locale/ru_RU.ts +277 -277
- package/global-config/locale/zh_CN.ts +265 -265
- package/global-config/locale/zh_TW.ts +265 -265
- package/global-config/mobile/default-config.ts +6 -6
- package/global-config/mobile/locale/ar_KW.ts +112 -112
- package/global-config/mobile/locale/en_US.ts +113 -113
- package/global-config/mobile/locale/it_IT.ts +113 -113
- package/global-config/mobile/locale/ja_JP.ts +100 -100
- package/global-config/mobile/locale/ko_KR.ts +100 -100
- package/global-config/mobile/locale/ru_RU.ts +112 -112
- package/global-config/mobile/locale/zh_CN.ts +100 -100
- package/global-config/mobile/locale/zh_TW.ts +100 -100
- package/global-config/t.ts +111 -111
- package/input-number/InputNumber.tsx +124 -124
- package/input-number/defaultProps.ts +17 -17
- package/input-number/index.ts +9 -9
- package/input-number/style/css.js +1 -1
- package/input-number/style/index.js +1 -1
- package/input-number/useInputNumber.tsx +270 -270
- package/list/ListItem.tsx +36 -36
- package/list/ListItemMeta.tsx +40 -40
- package/list/defaultProps.ts +11 -11
- package/list/hooks/useListVirtualScroll.ts +82 -82
- package/list/style/css.js +1 -1
- package/list/style/index.js +1 -1
- package/locale/LocalReceiver.ts +55 -55
- package/locale/ar_KW.ts +7 -7
- package/locale/en_US.ts +7 -7
- package/locale/it_IT.ts +6 -6
- package/locale/ja_JP.ts +6 -6
- package/locale/ko_KR.ts +6 -6
- package/locale/ru_RU.ts +6 -6
- package/locale/zh_CN.ts +5 -5
- package/locale/zh_TW.ts +7 -7
- package/package.json +2 -2
- package/radio/_example/default.tsx +2 -2
- package/select/type.ts +382 -382
- package/select-input/type.ts +280 -280
- package/slider/SliderHandleButton.tsx +50 -50
- package/slider/defaultProps.ts +15 -15
- package/slider/style/css.js +1 -1
- package/slider/style/index.js +1 -1
- package/styles/_global.scss +40 -40
- package/styles/_vars.scss +374 -374
- package/styles/components/alert/_index.scss +175 -175
- package/styles/components/alert/_vars.scss +41 -41
- package/styles/components/badge/_index.scss +71 -71
- package/styles/components/badge/_vars.scss +26 -26
- package/styles/components/button/_index.scss +499 -499
- package/styles/components/button/_mixins.scss +40 -40
- package/styles/components/button/_vars.scss +121 -121
- package/styles/components/checkbox/_index.scss +158 -158
- package/styles/components/checkbox/_var.scss +59 -59
- package/styles/components/color-picker/_index.scss +586 -586
- package/styles/components/color-picker/_vars.scss +79 -79
- package/styles/components/dialog/_animate.scss +133 -133
- package/styles/components/dialog/_index.scss +310 -310
- package/styles/components/dialog/_vars.scss +60 -60
- package/styles/components/drawer/_index.scss +206 -206
- package/styles/components/drawer/_var.scss +55 -55
- package/styles/components/fireworks/_index.scss +86 -86
- package/styles/components/fireworks/_vars.scss +5 -5
- package/styles/components/form/_index.scss +175 -175
- package/styles/components/form/_mixins.scss +74 -74
- package/styles/components/form/_vars.scss +101 -101
- package/styles/components/input/_index.scss +350 -350
- package/styles/components/input/_mixins.scss +120 -120
- package/styles/components/input/_vars.scss +130 -130
- package/styles/components/input-number/_index.scss +327 -327
- package/styles/components/input-number/_vars.scss +56 -56
- package/styles/components/ip-input/_index.scss +277 -277
- package/styles/components/layout/_index.scss +47 -47
- package/styles/components/layout/_vars.scss +19 -19
- package/styles/components/layout/doc.scss +74 -74
- package/styles/components/list/_index.scss +172 -172
- package/styles/components/list/_vars.scss +42 -42
- package/styles/components/loading/_index.scss +113 -113
- package/styles/components/loading/_vars.scss +40 -40
- package/styles/components/notification/_index.scss +140 -140
- package/styles/components/notification/_mixins.scss +13 -13
- package/styles/components/notification/_vars.scss +60 -60
- package/styles/components/popup/_index.scss +78 -78
- package/styles/components/popup/_mixin.scss +149 -149
- package/styles/components/popup/_vars.scss +33 -33
- package/styles/components/radio/_index.scss +376 -376
- package/styles/components/radio/_vars.scss +89 -89
- package/styles/components/select/_index.scss +291 -291
- package/styles/components/select/_var.scss +64 -64
- package/styles/components/select-input/_index.scss +5 -5
- package/styles/components/select-input/_var.scss +4 -4
- package/styles/components/slider/_index.scss +241 -241
- package/styles/components/slider/_vars.scss +51 -51
- package/styles/components/switch/_index.scss +175 -175
- package/styles/components/switch/_vars.scss +63 -63
- package/styles/components/table/_index.scss +194 -194
- package/styles/components/table/_var.scss +52 -52
- package/styles/components/tabs/_index.scss +165 -165
- package/styles/components/tabs/_mixins.scss +11 -11
- package/styles/components/tabs/_vars.scss +72 -72
- package/styles/components/tag/_index.scss +317 -317
- package/styles/components/tag/_var.scss +86 -86
- package/styles/components/tag-input/_index.scss +164 -164
- package/styles/components/tag-input/_vars.scss +17 -17
- package/styles/mixins/_focus.scss +8 -8
- package/styles/mixins/_layout.scss +32 -32
- package/styles/mixins/_reset.scss +11 -11
- package/styles/mixins/_scrollbar.scss +32 -32
- package/styles/mixins/_text.scss +50 -50
- package/styles/themes/_dark.scss +169 -169
- package/styles/themes/_font.scss +69 -69
- package/styles/themes/_index.scss +5 -5
- package/styles/themes/_light.scss +170 -170
- package/styles/themes/_radius.scss +9 -9
- package/styles/themes/_size.scss +68 -68
- package/styles/utilities/_animation.scss +58 -58
- package/styles/utilities/_tips.scss +10 -10
- package/switch/_example/with-label.tsx +1 -1
- package/utils/input-number/large-number.ts +423 -423
- package/utils/input-number/number.ts +257 -257
- package/utils/log/index.ts +3 -3
- package/utils/log/log.ts +29 -29
- package/utils/log/types.ts +9 -9
- package/utils/style.ts +58 -58
package/utils/style.ts
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import { canUseDocument } from "./dom";
|
|
2
|
-
export const getCssVarsValue = (name: string, element?: HTMLElement) => {
|
|
3
|
-
if (!canUseDocument) return;
|
|
4
|
-
|
|
5
|
-
const el = element || document.documentElement;
|
|
6
|
-
return getComputedStyle(el).getPropertyValue(name);
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const trim = (str: string): string => (str || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
|
|
10
|
-
|
|
11
|
-
export function hasClass(el: Element, cls: string) {
|
|
12
|
-
if (!el || !cls) return false;
|
|
13
|
-
if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.");
|
|
14
|
-
if (el.classList) {
|
|
15
|
-
return el.classList.contains(cls);
|
|
16
|
-
}
|
|
17
|
-
return ` ${el.className} `.indexOf(` ${cls} `) > -1;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export const addClass = function (el: Element, cls: string) {
|
|
21
|
-
if (!el) return;
|
|
22
|
-
let curClass = el.className;
|
|
23
|
-
const classes = (cls || "").split(" ");
|
|
24
|
-
|
|
25
|
-
for (let i = 0, j = classes.length; i < j; i++) {
|
|
26
|
-
const clsName = classes[i];
|
|
27
|
-
if (!clsName) continue;
|
|
28
|
-
|
|
29
|
-
if (el.classList) {
|
|
30
|
-
el.classList.add(clsName);
|
|
31
|
-
} else if (!hasClass(el, clsName)) {
|
|
32
|
-
curClass += ` ${clsName}`;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
if (!el.classList) {
|
|
36
|
-
el.className = curClass;
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
export const removeClass = function (el: Element, cls: string) {
|
|
41
|
-
if (!el || !cls) return;
|
|
42
|
-
const classes = cls.split(" ");
|
|
43
|
-
let curClass = ` ${el.className} `;
|
|
44
|
-
|
|
45
|
-
for (let i = 0, j = classes.length; i < j; i++) {
|
|
46
|
-
const clsName = classes[i];
|
|
47
|
-
if (!clsName) continue;
|
|
48
|
-
|
|
49
|
-
if (el.classList) {
|
|
50
|
-
el.classList.remove(clsName);
|
|
51
|
-
} else if (hasClass(el, clsName)) {
|
|
52
|
-
curClass = curClass.replace(` ${clsName} `, " ");
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
if (!el.classList) {
|
|
56
|
-
el.className = trim(curClass);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
1
|
+
import { canUseDocument } from "./dom";
|
|
2
|
+
export const getCssVarsValue = (name: string, element?: HTMLElement) => {
|
|
3
|
+
if (!canUseDocument) return;
|
|
4
|
+
|
|
5
|
+
const el = element || document.documentElement;
|
|
6
|
+
return getComputedStyle(el).getPropertyValue(name);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
const trim = (str: string): string => (str || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
|
|
10
|
+
|
|
11
|
+
export function hasClass(el: Element, cls: string) {
|
|
12
|
+
if (!el || !cls) return false;
|
|
13
|
+
if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.");
|
|
14
|
+
if (el.classList) {
|
|
15
|
+
return el.classList.contains(cls);
|
|
16
|
+
}
|
|
17
|
+
return ` ${el.className} `.indexOf(` ${cls} `) > -1;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export const addClass = function (el: Element, cls: string) {
|
|
21
|
+
if (!el) return;
|
|
22
|
+
let curClass = el.className;
|
|
23
|
+
const classes = (cls || "").split(" ");
|
|
24
|
+
|
|
25
|
+
for (let i = 0, j = classes.length; i < j; i++) {
|
|
26
|
+
const clsName = classes[i];
|
|
27
|
+
if (!clsName) continue;
|
|
28
|
+
|
|
29
|
+
if (el.classList) {
|
|
30
|
+
el.classList.add(clsName);
|
|
31
|
+
} else if (!hasClass(el, clsName)) {
|
|
32
|
+
curClass += ` ${clsName}`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
if (!el.classList) {
|
|
36
|
+
el.className = curClass;
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
export const removeClass = function (el: Element, cls: string) {
|
|
41
|
+
if (!el || !cls) return;
|
|
42
|
+
const classes = cls.split(" ");
|
|
43
|
+
let curClass = ` ${el.className} `;
|
|
44
|
+
|
|
45
|
+
for (let i = 0, j = classes.length; i < j; i++) {
|
|
46
|
+
const clsName = classes[i];
|
|
47
|
+
if (!clsName) continue;
|
|
48
|
+
|
|
49
|
+
if (el.classList) {
|
|
50
|
+
el.classList.remove(clsName);
|
|
51
|
+
} else if (hasClass(el, clsName)) {
|
|
52
|
+
curClass = curClass.replace(` ${clsName} `, " ");
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
if (!el.classList) {
|
|
56
|
+
el.className = trim(curClass);
|
|
57
|
+
}
|
|
58
|
+
};
|