@type-dom/ui 0.0.5 → 0.0.7
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/README.md +44 -44
- package/package.json +4 -3
- package/src/components/basic/td-button/td-button.abstract.js +2 -2
- package/src/components/basic/td-button/td-button.class.js +1 -1
- package/src/components/basic/td-button/td-button.style.js +3 -3
- package/src/components/basic/td-container/td-aside/td-aside.class.js +1 -1
- package/src/components/basic/td-container/td-container.class.js +1 -1
- package/src/components/basic/td-container/td-footer/td-footer.class.js +2 -2
- package/src/components/basic/td-container/td-header/td-header.class.js +6 -5
- package/src/components/basic/td-container/td-main/td-main.class.js +1 -1
- package/src/components/basic/td-icon/td-icon.class.js +12 -12
- package/src/components/basic/td-layout/td-col/td-col.class.js +1 -1
- package/src/components/basic/td-layout/td-row/td-row.class.js +1 -1
- package/src/components/basic/td-link/td-link.style.d.ts +1 -1
- package/src/components/basic/td-link/td-link.style.js +3 -3
- package/src/components/basic/td-scrollbar/bar/bar.class.js +1 -1
- package/src/components/basic/td-scrollbar/bar/bar.interface.d.ts +1 -1
- package/src/components/basic/td-scrollbar/td-scrollbar.class.js +1 -1
- package/src/components/basic/td-scrollbar/thumb/thumb.class.js +1 -1
- package/src/components/basic/td-scrollbar/thumb/thumb.interface.d.ts +1 -1
- package/src/components/basic/td-space/td-space.class.js +1 -1
- package/src/components/basic/td-text/td-text.class.js +1 -1
- package/src/components/basic/td-text/td-text.style.js +2 -2
- package/src/components/data/td-avatar/td-avatar.class.js +1 -1
- package/src/components/data/td-badge/td-badge.class.js +1 -1
- package/src/components/data/td-card/td-card.class.js +1 -1
- package/src/components/data/td-check-tag/td-check-tag.class.js +1 -1
- package/src/components/data/td-check-tag/td-check-tag.style.d.ts +1 -1
- package/src/components/data/td-check-tag/td-check-tag.style.js +2 -2
- package/src/components/data/td-collapse/td-collapse.class.js +2 -4
- package/src/components/data/td-collapse-item/td-collapse-item.class.js +1 -1
- package/src/components/data/td-collapse-transition/td-collapse-transition.class.js +1 -1
- package/src/components/data/td-count-down/td-count-down.class.js +1 -3
- package/src/components/data/td-descriptions/td-descriptions-row.d.ts +1 -1
- package/src/components/data/td-descriptions/td-descriptions-row.js +1 -1
- package/src/components/data/td-descriptions/td-descriptions.style.js +3 -3
- package/src/components/data/td-descriptions/td-descritions-cell.js +1 -1
- package/src/components/data/td-descriptions-item/td-descriptions-item.class.js +2 -4
- package/src/components/data/td-empty/img-empty.class.js +1 -1
- package/src/components/data/td-empty/td-empty.class.js +1 -1
- package/src/components/data/td-image/td-image.class.js +1 -1
- package/src/components/data/td-image/util.js +1 -2
- package/src/components/data/td-image-viewer/td-image-viewer.class.js +1 -1
- package/src/components/data/td-result/td-result.class.js +4 -8
- package/src/components/data/td-result/td-result.style.d.ts +1 -1
- package/src/components/data/td-segmented/td-segmented.class.js +1 -1
- package/src/components/data/td-segmented/td-segmented.style.js +3 -3
- package/src/components/data/td-statistic/td-statistic.abstract.d.ts +1 -1
- package/src/components/data/td-statistic/td-statistic.abstract.js +1 -1
- package/src/components/data/td-tag/td-tag.class.js +1 -1
- package/src/components/data/td-tag/td-tag.style.d.ts +1 -1
- package/src/components/data/td-tag/td-tag.style.js +3 -3
- package/src/components/feedback/dialog/dialog.class.js +1 -1
- package/src/components/feedback/message-box/message-box.js +1 -1
- package/src/components/feedback/td-alert/td-alert.class.js +1 -1
- package/src/components/feedback/td-alert/td-alert.style.js +3 -3
- package/src/components/feedback/td-dialog/td-dialog.class.d.ts +3 -0
- package/src/components/feedback/td-dialog/td-dialog.class.js +18 -1
- package/src/components/feedback/td-dialog/td-dialog.interface.d.ts +19 -0
- package/src/components/feedback/td-dialog/td-dialog.interface.js +12 -0
- package/src/components/feedback/td-dialog-content/td-dialog-content.class.js +1 -1
- package/src/components/feedback/td-drawer/td-drawer.class.js +1 -1
- package/src/components/feedback/td-drawer/td-drawer.interface.d.ts +5 -5
- package/src/components/feedback/td-focus-trap/td-focus-trap.class.js +1 -1
- package/src/components/feedback/td-focus-trap/td-focus-trap.interface.d.ts +5 -5
- package/src/components/feedback/td-focus-trap/utils.d.ts +1 -1
- package/src/components/feedback/td-loading/td-loading.class.js +1 -1
- package/src/components/feedback/td-message/td-message.class.js +2 -2
- package/src/components/feedback/td-message/td-message.style.js +3 -3
- package/src/components/feedback/td-message-box/td-message-box.class.js +2 -2
- package/src/components/feedback/td-message-box/td-message-box.style.js +3 -3
- package/src/components/feedback/td-notification/td-notification.class.js +2 -2
- package/src/components/feedback/td-notification/td-notification.style.js +3 -3
- package/src/components/feedback/td-overlay/td-overlay.class.js +1 -1
- package/src/components/feedback/td-popper/arrow/arrow.class.js +1 -1
- package/src/components/feedback/td-popper/content/content.class.js +1 -1
- package/src/components/feedback/td-popper/td-popper.class.js +1 -1
- package/src/components/feedback/td-popper/trigger/trigger.class.js +1 -1
- package/src/components/feedback/td-tooltip/content/content.class.js +1 -1
- package/src/components/feedback/td-tooltip/td-tooltip.class.js +1 -1
- package/src/components/feedback/td-tooltip/trigger/trigger.class.js +1 -1
- package/src/components/form/radio-group/radio-group.class.js +1 -1
- package/src/components/form/radio-group/radio-group.interface.d.ts +2 -2
- package/src/components/form/radio-group/radio-option/radio-option.class.js +1 -1
- package/src/components/form/td-checkbox/td-checkbox.class.js +1 -1
- package/src/components/form/td-checkbox/td-checkbox.style.js +2 -2
- package/src/components/form/td-checkbox-button/td-checkbox-button.class.js +1 -1
- package/src/components/form/td-checkbox-group/td-checkbox-group.class.js +1 -1
- package/src/components/form/td-form/td-form.class.js +1 -1
- package/src/components/form/td-form-item/td-form-item.class.js +1 -1
- package/src/components/form/td-input/td-input.class.js +1 -1
- package/src/components/form/td-input/widget/td-input-wrapper.class.js +1 -1
- package/src/components/form/td-input/widget/td-textarea-wrapper.js +1 -1
- package/src/components/form/td-input/widget/utils.js +9 -10
- package/src/components/form/td-option/td-option.class.js +1 -1
- package/src/components/form/td-option/td-option.interface.d.ts +1 -1
- package/src/components/form/td-option-group/td-option-group.class.js +1 -1
- package/src/components/form/td-radio/td-radio.class.js +1 -1
- package/src/components/form/td-radio-button/td-radio-button.class.js +1 -1
- package/src/components/form/td-radio-group/td-radio-group.class.js +1 -1
- package/src/components/form/td-select/dropdown/dropdown.class.js +1 -1
- package/src/components/form/td-select/td-select.class.js +1 -1
- package/src/components/form/td-switch/td-switch.class.js +1 -1
- package/src/components/form/td-switch/widget/td-switch-core.js +1 -1
- package/src/components/form/td-switch/widget/td-switch-left.js +1 -1
- package/src/components/form/td-switch/widget/td-switch-right.js +1 -1
- package/src/components/navigation/td-affix/td-affix.class.d.ts +2 -2
- package/src/components/navigation/td-affix/td-affix.class.js +1 -1
- package/src/components/navigation/td-anchor/td-anchor-link/td-anchor-link.class.js +1 -1
- package/src/components/navigation/td-anchor/td-anchor.class.d.ts +1 -1
- package/src/components/navigation/td-anchor/td-anchor.class.js +1 -1
- package/src/components/navigation/td-backtop/td-backtop.class.js +1 -1
- package/src/components/navigation/td-breadcrumb/td-breadcrumb.class.js +2 -4
- package/src/components/navigation/td-breadcrumb-item/td-breadcrumb-item.class.js +1 -1
- package/src/components/navigation/td-menu/td-menu.class.js +1 -1
- package/src/components/navigation/td-tabs/td-tab-bar.class.d.ts +1 -1
- package/src/components/navigation/td-tabs/td-tab-bar.class.js +6 -6
- package/src/components/navigation/td-tabs/td-tab-bar.interface.d.ts +2 -2
- package/src/components/navigation/td-tabs/td-tab-nav.class.d.ts +2 -2
- package/src/components/navigation/td-tabs/td-tab-nav.class.js +12 -12
- package/src/components/navigation/td-tabs/td-tab-nav.interface.d.ts +1 -1
- package/src/components/navigation/td-tabs/td-tab-pane.class.js +1 -1
- package/src/components/navigation/td-tabs/td-tabs.class.js +1 -1
- package/src/components/navigation/td-tabs/td-tabs.style.js +2 -2
- package/src/components/others/td-divider/td-divider.class.js +1 -1
- package/src/styles/function.js +10 -11
- package/src/styles/var.js +2 -2
package/src/styles/function.js
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.selectorToString = selectorToString;
|
|
4
|
+
exports.containsModifier = containsModifier;
|
|
5
|
+
exports.containWhenFlag = containWhenFlag;
|
|
6
|
+
exports.containPseudoClass = containPseudoClass;
|
|
7
|
+
exports.hitAllSpecialNestRule = hitAllSpecialNestRule;
|
|
8
|
+
exports.joinVarName = joinVarName;
|
|
9
|
+
exports.getCssVarName = getCssVarName;
|
|
10
|
+
exports.getCssVar = getCssVar;
|
|
11
|
+
exports.getCssVarWithDefault = getCssVarWithDefault;
|
|
12
|
+
exports.bem = bem;
|
|
4
13
|
const config = require("./config");
|
|
5
14
|
// BEM support Func
|
|
6
15
|
function selectorToString($selector) {
|
|
@@ -9,28 +18,23 @@ function selectorToString($selector) {
|
|
|
9
18
|
$selector = $selector.slice(2, -2);
|
|
10
19
|
return $selector;
|
|
11
20
|
}
|
|
12
|
-
exports.selectorToString = selectorToString;
|
|
13
21
|
function containsModifier($selector) {
|
|
14
22
|
$selector = selectorToString($selector);
|
|
15
23
|
return !!$selector.indexOf(config.$modifierSeparator);
|
|
16
24
|
}
|
|
17
|
-
exports.containsModifier = containsModifier;
|
|
18
25
|
function containWhenFlag($selector) {
|
|
19
26
|
$selector = selectorToString($selector);
|
|
20
27
|
return !!$selector.indexOf('.' + config.$statePrefix);
|
|
21
28
|
}
|
|
22
|
-
exports.containWhenFlag = containWhenFlag;
|
|
23
29
|
function containPseudoClass($selector) {
|
|
24
30
|
$selector = selectorToString($selector);
|
|
25
31
|
return !!$selector.indexOf(':');
|
|
26
32
|
}
|
|
27
|
-
exports.containPseudoClass = containPseudoClass;
|
|
28
33
|
function hitAllSpecialNestRule($selector) {
|
|
29
34
|
return (containsModifier($selector) ||
|
|
30
35
|
containWhenFlag($selector) ||
|
|
31
36
|
containPseudoClass($selector));
|
|
32
37
|
}
|
|
33
|
-
exports.hitAllSpecialNestRule = hitAllSpecialNestRule;
|
|
34
38
|
// join var name
|
|
35
39
|
// joinVarName(('button', 'text-color')) => '--el-button-text-color'
|
|
36
40
|
function joinVarName($list) {
|
|
@@ -42,24 +46,20 @@ function joinVarName($list) {
|
|
|
42
46
|
}
|
|
43
47
|
return $name;
|
|
44
48
|
}
|
|
45
|
-
exports.joinVarName = joinVarName;
|
|
46
49
|
// getCssVarName('button', 'text-color') => '--el-button-text-color'
|
|
47
50
|
function getCssVarName(...$args) {
|
|
48
51
|
return joinVarName($args);
|
|
49
52
|
}
|
|
50
|
-
exports.getCssVarName = getCssVarName;
|
|
51
53
|
// getCssVar('button', 'text-color') => var(--el-button-text-color)
|
|
52
54
|
function getCssVar(...$args) {
|
|
53
55
|
// return var(#{joinVarName($args)});
|
|
54
56
|
return joinVarName($args);
|
|
55
57
|
}
|
|
56
|
-
exports.getCssVar = getCssVar;
|
|
57
58
|
// getCssVarWithDefault(('button', 'text-color'), red) => var(--el-button-text-color, red)
|
|
58
59
|
function getCssVarWithDefault($args, $default) {
|
|
59
60
|
// return var(#{joinVarName($args)}, #{$default});
|
|
60
61
|
return joinVarName($args) || $default;
|
|
61
62
|
}
|
|
62
|
-
exports.getCssVarWithDefault = getCssVarWithDefault;
|
|
63
63
|
// bem('block', 'element', 'modifier') => 'el-block__element--modifier'
|
|
64
64
|
function bem($block, $element, $modifier) {
|
|
65
65
|
let $name = config.$namespace + config.$commonSeparator + $block;
|
|
@@ -72,4 +72,3 @@ function bem($block, $element, $modifier) {
|
|
|
72
72
|
// debug $name;
|
|
73
73
|
return $name;
|
|
74
74
|
}
|
|
75
|
-
exports.bem = bem;
|
package/src/styles/var.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.$svgMonochromeGrey = exports.$border = exports.$ellipsisStyle = exports.$scrollbar = exports.$colorDangerRgb = exports.$colorPrimaryRgb = exports.$transitionDurationFast = exports.$transitionDuration = exports.$paddingHorizontalMap = exports.$paddingVerticalMap = exports.$borderRadiusMap = exports.$fontSizeMap = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports
|
|
3
|
+
exports.$svgMonochromeGrey = exports.$border = exports.$ellipsisStyle = exports.$scrollbar = exports.$colorDangerRgb = exports.$colorPrimaryRgb = exports.$transitionDurationFast = exports.$transitionDuration = exports.$paddingHorizontalMap = exports.$paddingVerticalMap = exports.$borderRadiusMap = exports.$fontSizeMap = exports.$buttonTextColor = exports.$buttonBgColor = exports.$buttonBorderColor = exports.$buttonActiveShadePercent = exports.$buttonHoverTintPercent = exports.$buttonBorderWidth = exports.$button = exports.$colorInfo = exports.$colorError = exports.$colorDanger = exports.$colorWarning = exports.$colorSuccess = exports.$colorPrimary = exports.$colorBlack = exports.$colorWhite = exports.$colors = exports.$overlayColor = exports.$commonComponentSize = exports.componentSizeMap = exports.componentSizes = exports.$disabled = exports.$zIndex = exports.$fontSizes = exports.fontFamily = exports.$boxShadow = exports.$borderRadius = exports.$borderColorHover = exports.$borderStyle = exports.$borderWidth = exports.$bgColor = exports.$fillColor = exports.$borderColor = exports.$textColor = exports.$types = exports.$fontLineHeightPrimary = exports.$fontWeightPrimary = void 0;
|
|
4
|
+
exports.setColorMixLevel = setColorMixLevel;
|
|
4
5
|
/**
|
|
5
6
|
* scss/var
|
|
6
7
|
*/
|
|
@@ -187,7 +188,6 @@ function setColorMixLevel($type, $number, $mode = 'light', $mixColor = exports.$
|
|
|
187
188
|
// );
|
|
188
189
|
// return $colors;
|
|
189
190
|
}
|
|
190
|
-
exports.setColorMixLevel = setColorMixLevel;
|
|
191
191
|
// $colors.primary.light-i
|
|
192
192
|
// --el-color-primary-light-i
|
|
193
193
|
// 10% 53a8ff
|