vanilla-jui 1.5.29 → 1.5.31

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vanilla-jui",
3
- "version": "1.5.29",
3
+ "version": "1.5.31",
4
4
  "private": false,
5
5
  "description": "A lightweight, reactive, and fully customizable vanilla JS UI library.",
6
6
  "keywords": [
@@ -179,9 +179,11 @@ const MODAL_TEXT_RULE = {
179
179
  const text = (isPlainObject(value) ? value : {}) as ModalTextInput;
180
180
  return {
181
181
  ...text,
182
- title: typeof text.title === 'string' ? text.title : 'Tip',
183
- confirm: typeof text.confirm === 'string' ? text.confirm : 'Confirm',
184
- cancel: typeof text.cancel === 'string' ? text.cancel : 'Cancel',
182
+ title: typeof text.title === 'string' ? text.title : translate('Tip'),
183
+ confirm:
184
+ typeof text.confirm === 'string' ? text.confirm : translate('Confirm'),
185
+ cancel:
186
+ typeof text.cancel === 'string' ? text.cancel : translate('Cancel'),
185
187
  };
186
188
  },
187
189
  };
@@ -16,6 +16,10 @@
16
16
  font-weight: var(--avatar-font-weight);
17
17
  }
18
18
 
19
+ .j-avatar img {
20
+ border-radius: var(--avatar-border-radius);
21
+ }
22
+
19
23
  .j-avatar img,
20
24
  .j-avatar svg {
21
25
  margin: 0;
@@ -535,7 +535,6 @@
535
535
  .j-editor img {
536
536
  max-width: 100%;
537
537
  height: auto;
538
- border-radius: var(--radius-lg);
539
538
  }
540
539
 
541
540
  .j-editor figure {
@@ -581,17 +580,21 @@
581
580
  }
582
581
 
583
582
  /* ============================================
584
- Table - 表格
585
- ============================================ */
583
+ Table - 表格
584
+ ============================================ */
586
585
 
587
586
  .j-editor table {
588
587
  display: block;
589
- margin-block: var(--editor-block-space);
588
+ }
589
+
590
+ .j-editor table th,
591
+ .j-editor table td {
592
+ --table-cell-padding: 0.5rem 1rem;
590
593
  }
591
594
 
592
595
  /* ============================================
593
- Horizontal Rule - 分割线
594
- ============================================ */
596
+ Horizontal Rule - 分割线
597
+ ============================================ */
595
598
 
596
599
  .j-editor hr {
597
600
  margin: var(--editor-block-space) 0;
package/src/css/icon.css CHANGED
@@ -11,8 +11,6 @@
11
11
  transform: scale(1);
12
12
  width: var(--font-size-xl);
13
13
  height: var(--font-size-xl);
14
- /* border: 1px solid; */
15
- /* border-radius: 50%; */
16
14
  color: inherit;
17
15
  cursor: pointer;
18
16
  }
@@ -47,12 +45,12 @@
47
45
  background-color: var(--tone-subtle);
48
46
  }
49
47
 
50
- /* icon element status */
51
- .el-icon[data-action-close] {
48
+ /* icon status */
49
+ .el-icon[data-action='close'] {
52
50
  cursor: pointer;
53
51
  }
54
52
 
55
- .el-icon[data-action-close]:active {
53
+ .el-icon[data-action='close']:active {
56
54
  transform: scale(0.85);
57
55
  }
58
56
  }
@@ -1,7 +1,7 @@
1
1
  @layer themes {
2
2
  .j-avatar {
3
3
  --avatar-size: var(--el-height-md);
4
- --avatar-border-radius: var(--radius-md);
4
+ --avatar-border-radius: var(--radius-sm);
5
5
  --avatar-box-shadow: var(--shadow-sm);
6
6
  }
7
7
 
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .j-avatar.is-round {
33
- --avatar-border-radius: 0.5rem;
33
+ --avatar-border-radius: var(--radius-lg);
34
34
  }
35
35
 
36
36
  .j-avatar.is-text {
@@ -39,8 +39,10 @@ export default {
39
39
  Light: '浅色',
40
40
  Dark: '深色',
41
41
  Auto: '自动',
42
+ Tip: '提示',
42
43
  Close: '关闭',
43
44
  Confirm: '确认',
45
+ Cancel: '取消',
44
46
  Upgrade: '升级',
45
47
  wn: '您的浏览器版本过低,存在安全风险。请升级浏览器后再访问本站。',
46
48
  Submit: '提交',