@kdcloudjs/kdesign 1.3.7 → 1.3.8

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 (22) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/kdesign-complete.less +7 -7
  3. package/dist/kdesign.css +9 -9
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +4 -4
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +2 -2
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/anchor/anchor.js +3 -3
  11. package/es/anchor/style/index.css +7 -7
  12. package/es/anchor/style/index.less +5 -5
  13. package/es/anchor/style/token.less +1 -1
  14. package/es/switch/style/index.css +1 -1
  15. package/es/switch/style/token.less +1 -1
  16. package/lib/anchor/anchor.js +3 -3
  17. package/lib/anchor/style/index.css +7 -7
  18. package/lib/anchor/style/index.less +5 -5
  19. package/lib/anchor/style/token.less +1 -1
  20. package/lib/switch/style/index.css +1 -1
  21. package/lib/switch/style/token.less +1 -1
  22. package/package.json +1 -1
package/es/anchor/anchor.js CHANGED
@@ -139,7 +139,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
139
139
 
140
140
  var anchorMenuClass = classNames(_defineProperty({}, "".concat(anchorPrefixCls, "-menu"), true));
141
141
  var anchorAdvancedClass = classNames(_defineProperty({}, "".concat(anchorPrefixCls, "-advanced"), true));
142
- var inkClass = classNames("".concat(anchorPrefixCls, "-ink-line"), {
142
+ var inkClass = classNames("".concat(anchorPrefixCls, "-line-slider"), {
143
143
  visible: activeLink
144
144
  });
145
145
  React.useEffect(function () {
@@ -296,7 +296,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
296
296
  getScrollContainer().addEventListener('scroll', handleScroll);
297
297
  handleScroll();
298
298
  return function () {
299
- return window.removeEventListener('scroll', handleScroll);
299
+ return getScrollContainer().removeEventListener('scroll', handleScroll);
300
300
  };
301
301
  }, [handleScroll, getScrollContainer]);
302
302
  useEffect(function () {
@@ -371,7 +371,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
371
371
  width: anchorPosition.width
372
372
  } : undefined
373
373
  }, /*#__PURE__*/React.createElement("div", {
374
- className: "".concat(anchorPrefixCls, "-ink")
374
+ className: "".concat(anchorPrefixCls, "-line")
375
375
  }, /*#__PURE__*/React.createElement("span", {
376
376
  className: inkClass,
377
377
  ref: inkRef
package/es/anchor/style/index.css CHANGED
@@ -189,7 +189,7 @@
189
189
  content: '';
190
190
  height: 0;
191
191
  width: 40px;
192
- border-bottom: var(--kd-c-anchor-ink-line-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
192
+ border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
193
193
  margin: 4px;
194
194
  }
195
195
  .kd-anchor-advanced-arrows {
@@ -227,31 +227,31 @@
227
227
  .kd-anchor-advanced .kd-anchor {
228
228
  max-width: var(--kd-c-anchor-advanced-sizing-width, 160px);
229
229
  }
230
- .kd-anchor-ink {
230
+ .kd-anchor-line {
231
231
  position: absolute;
232
232
  left: var(--kd-c-anchor-spacing-horizontal, 7px);
233
233
  top: 0;
234
234
  height: 100%;
235
235
  }
236
- .kd-anchor-ink::before {
236
+ .kd-anchor-line::before {
237
237
  position: relative;
238
238
  display: block;
239
- width: var(--kd-c-anchor-ink-line-spacing-width, 1px);
239
+ width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
240
240
  height: 100%;
241
241
  margin: 0 auto;
242
242
  background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
243
243
  content: '';
244
244
  }
245
- .kd-anchor-ink-line {
245
+ .kd-anchor-line-slider {
246
246
  position: absolute;
247
247
  display: none;
248
248
  width: 0;
249
249
  height: 16px;
250
- border-right: var(--kd-c-anchor-ink-line-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
250
+ border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
251
251
  -webkit-transition: top 0.3s ease-in-out;
252
252
  transition: top 0.3s ease-in-out;
253
253
  }
254
- .kd-anchor-ink-line.visible {
254
+ .kd-anchor-line-slider.visible {
255
255
  display: inline-block;
256
256
  }
257
257
  .kd-anchor-link {
package/es/anchor/style/index.less CHANGED
@@ -83,7 +83,7 @@
83
83
  content: '';
84
84
  height: 0;
85
85
  width: 40px;
86
- border-bottom: @anchor-ink-line-width dashed @anchor-disabled-border-color;
86
+ border-bottom: @anchor-line-slider-width dashed @anchor-disabled-border-color;
87
87
  margin: 4px;
88
88
  }
89
89
  }
@@ -123,7 +123,7 @@
123
123
  }
124
124
  }
125
125
 
126
- &-ink {
126
+ &-line {
127
127
  position: absolute;
128
128
  left: @anchor-link-left;
129
129
  top: 0;
@@ -131,19 +131,19 @@
131
131
  &::before {
132
132
  position: relative;
133
133
  display: block;
134
- width: @anchor-ink-line-width;
134
+ width: @anchor-line-slider-width;
135
135
  height: 100%;
136
136
  margin: 0 auto;
137
137
  background-color: @anchor-border-color;
138
138
  content: '';
139
139
  }
140
140
 
141
- &-line {
141
+ &-slider {
142
142
  position: absolute;
143
143
  display: none;
144
144
  width: 0;
145
145
  height: 16px;
146
- border-right: @anchor-ink-line-width solid @anchor-color-theme;
146
+ border-right: @anchor-line-slider-width solid @anchor-color-theme;
147
147
  transition: top 0.3s ease-in-out;
148
148
  &.visible {
149
149
  display: inline-block;
package/es/anchor/style/token.less CHANGED
@@ -22,7 +22,7 @@
22
22
  @anchor-link-secondary-padding: var(~'@{anchor-prefix}-secondary-spacing-padding', 12px 8px);
23
23
  @anchor-advanced-padding-top: var(~'@{anchor-prefix}-advanced-spacing-padding-top', 8px);
24
24
  @anchor-advanced-padding-bottom: var(~'@{anchor-prefix}-advanced-spacing-padding-bottom', 7px);
25
- @anchor-ink-line-width: var(~'@{anchor-prefix}-ink-line-spacing-width', 1px);
25
+ @anchor-line-slider-width: var(~'@{anchor-prefix}-line-slider-spacing-width', 1px);
26
26
 
27
27
 
28
28
  // font
package/es/switch/style/index.css CHANGED
@@ -185,7 +185,7 @@
185
185
  .kd-switch-size-small {
186
186
  height: var(--kd-c-switch-small-sizing-height, 16px);
187
187
  min-width: var(--kd-c-switch-small-sizing-width, 32px);
188
- line-height: var(--kd-c-switch-small-line-height, 14px);
188
+ line-height: var(--kd-c-switch-small-line-height, 16px);
189
189
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
190
190
  border-radius: var(--kd-c-switch-small-radius-border, 8px);
191
191
  }
package/es/switch/style/token.less CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  // line-height
19
19
  @switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
20
- @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 14px);
20
+ @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 16px);
21
21
 
22
22
  //radius
23
23
  @switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
package/lib/anchor/anchor.js CHANGED
@@ -186,7 +186,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
186
186
 
187
187
  var anchorMenuClass = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-menu"), true));
188
188
  var anchorAdvancedClass = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(anchorPrefixCls, "-advanced"), true));
189
- var inkClass = (0, _classnames.default)("".concat(anchorPrefixCls, "-ink-line"), {
189
+ var inkClass = (0, _classnames.default)("".concat(anchorPrefixCls, "-line-slider"), {
190
190
  visible: activeLink
191
191
  });
192
192
 
@@ -343,7 +343,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
343
343
  getScrollContainer().addEventListener('scroll', handleScroll);
344
344
  handleScroll();
345
345
  return function () {
346
- return window.removeEventListener('scroll', handleScroll);
346
+ return getScrollContainer().removeEventListener('scroll', handleScroll);
347
347
  };
348
348
  }, [handleScroll, getScrollContainer]);
349
349
  (0, _react.useEffect)(function () {
@@ -418,7 +418,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
418
418
  width: anchorPosition.width
419
419
  } : undefined
420
420
  }, /*#__PURE__*/_react.default.createElement("div", {
421
- className: "".concat(anchorPrefixCls, "-ink")
421
+ className: "".concat(anchorPrefixCls, "-line")
422
422
  }, /*#__PURE__*/_react.default.createElement("span", {
423
423
  className: inkClass,
424
424
  ref: inkRef
package/lib/anchor/style/index.css CHANGED
@@ -189,7 +189,7 @@
189
189
  content: '';
190
190
  height: 0;
191
191
  width: 40px;
192
- border-bottom: var(--kd-c-anchor-ink-line-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
192
+ border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
193
193
  margin: 4px;
194
194
  }
195
195
  .kd-anchor-advanced-arrows {
@@ -227,31 +227,31 @@
227
227
  .kd-anchor-advanced .kd-anchor {
228
228
  max-width: var(--kd-c-anchor-advanced-sizing-width, 160px);
229
229
  }
230
- .kd-anchor-ink {
230
+ .kd-anchor-line {
231
231
  position: absolute;
232
232
  left: var(--kd-c-anchor-spacing-horizontal, 7px);
233
233
  top: 0;
234
234
  height: 100%;
235
235
  }
236
- .kd-anchor-ink::before {
236
+ .kd-anchor-line::before {
237
237
  position: relative;
238
238
  display: block;
239
- width: var(--kd-c-anchor-ink-line-spacing-width, 1px);
239
+ width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
240
240
  height: 100%;
241
241
  margin: 0 auto;
242
242
  background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
243
243
  content: '';
244
244
  }
245
- .kd-anchor-ink-line {
245
+ .kd-anchor-line-slider {
246
246
  position: absolute;
247
247
  display: none;
248
248
  width: 0;
249
249
  height: 16px;
250
- border-right: var(--kd-c-anchor-ink-line-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
250
+ border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
251
251
  -webkit-transition: top 0.3s ease-in-out;
252
252
  transition: top 0.3s ease-in-out;
253
253
  }
254
- .kd-anchor-ink-line.visible {
254
+ .kd-anchor-line-slider.visible {
255
255
  display: inline-block;
256
256
  }
257
257
  .kd-anchor-link {
package/lib/anchor/style/index.less CHANGED
@@ -83,7 +83,7 @@
83
83
  content: '';
84
84
  height: 0;
85
85
  width: 40px;
86
- border-bottom: @anchor-ink-line-width dashed @anchor-disabled-border-color;
86
+ border-bottom: @anchor-line-slider-width dashed @anchor-disabled-border-color;
87
87
  margin: 4px;
88
88
  }
89
89
  }
@@ -123,7 +123,7 @@
123
123
  }
124
124
  }
125
125
 
126
- &-ink {
126
+ &-line {
127
127
  position: absolute;
128
128
  left: @anchor-link-left;
129
129
  top: 0;
@@ -131,19 +131,19 @@
131
131
  &::before {
132
132
  position: relative;
133
133
  display: block;
134
- width: @anchor-ink-line-width;
134
+ width: @anchor-line-slider-width;
135
135
  height: 100%;
136
136
  margin: 0 auto;
137
137
  background-color: @anchor-border-color;
138
138
  content: '';
139
139
  }
140
140
 
141
- &-line {
141
+ &-slider {
142
142
  position: absolute;
143
143
  display: none;
144
144
  width: 0;
145
145
  height: 16px;
146
- border-right: @anchor-ink-line-width solid @anchor-color-theme;
146
+ border-right: @anchor-line-slider-width solid @anchor-color-theme;
147
147
  transition: top 0.3s ease-in-out;
148
148
  &.visible {
149
149
  display: inline-block;
package/lib/anchor/style/token.less CHANGED
@@ -22,7 +22,7 @@
22
22
  @anchor-link-secondary-padding: var(~'@{anchor-prefix}-secondary-spacing-padding', 12px 8px);
23
23
  @anchor-advanced-padding-top: var(~'@{anchor-prefix}-advanced-spacing-padding-top', 8px);
24
24
  @anchor-advanced-padding-bottom: var(~'@{anchor-prefix}-advanced-spacing-padding-bottom', 7px);
25
- @anchor-ink-line-width: var(~'@{anchor-prefix}-ink-line-spacing-width', 1px);
25
+ @anchor-line-slider-width: var(~'@{anchor-prefix}-line-slider-spacing-width', 1px);
26
26
 
27
27
 
28
28
  // font
package/lib/switch/style/index.css CHANGED
@@ -185,7 +185,7 @@
185
185
  .kd-switch-size-small {
186
186
  height: var(--kd-c-switch-small-sizing-height, 16px);
187
187
  min-width: var(--kd-c-switch-small-sizing-width, 32px);
188
- line-height: var(--kd-c-switch-small-line-height, 14px);
188
+ line-height: var(--kd-c-switch-small-line-height, 16px);
189
189
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
190
190
  border-radius: var(--kd-c-switch-small-radius-border, 8px);
191
191
  }
package/lib/switch/style/token.less CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  // line-height
19
19
  @switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
20
- @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 14px);
20
+ @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 16px);
21
21
 
22
22
  //radius
23
23
  @switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.3.7",
3
+ "version": "1.3.8",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [