cosey 0.7.1 → 0.7.3

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 (4) hide show
  1. package/components/editor/editor.style.js +2 -2
  2. package/components/form-group/style/index.js +3 -3
  3. package/components/ribbon/ribbon.style.js +48 -20
  4. package/package.json +1 -1
package/components/editor/editor.style.js CHANGED
@@ -162,7 +162,7 @@ const getQuillEditorStyle = (token) => {
162
162
  paddingBlock: token.paddingSM,
163
163
  paddingInline: token.padding,
164
164
  tabSize: 4,
165
- textAlign: "left",
165
+ textAlign: "start",
166
166
  whiteSpace: "pre-wrap",
167
167
  wordWrap: "break-word",
168
168
  ...getQuillArticleStyle(token),
@@ -185,7 +185,7 @@ const getQuillEditorStyle = (token) => {
185
185
  display: "inline-block",
186
186
  marginInlineStart: `${ -1 * LIST_STYLE_OUTER_WIDTH}em`,
187
187
  marginInlineEnd: `${LIST_STYLE_MARGIN}em`,
188
- textAlign: "right",
188
+ textAlign: "end",
189
189
  whiteSpace: "nowrap",
190
190
  width: `${LIST_STYLE_WIDTH}em`
191
191
  }
package/components/form-group/style/index.js CHANGED
@@ -17,14 +17,14 @@ var stdin_default = getSimpleStyleHook("CoFromGroup", (token) => {
17
17
  },
18
18
  [`${componentCls}-title`]: {
19
19
  position: "absolute",
20
- top: 0,
20
+ insetBlockStart: 0,
21
21
  paddingInline: token.paddingMD,
22
22
  fontSize: token.fontSize,
23
23
  fontWeight: token.fontWeightStrong,
24
24
  color: token.colorTextBase,
25
25
  backgroundColor: token.colorBgContainer,
26
26
  "&.is-left": {
27
- left: token.sizeMD,
27
+ insetInlineStart: token.sizeMD,
28
28
  transform: "translateY(-50%)"
29
29
  },
30
30
  "&.is-center": {
@@ -32,7 +32,7 @@ var stdin_default = getSimpleStyleHook("CoFromGroup", (token) => {
32
32
  transform: "translate(-50%) translateY(-50%)"
33
33
  },
34
34
  "&.is-right": {
35
- right: token.sizeMD,
35
+ insetInlineEnd: token.sizeMD,
36
36
  transform: "translateY(-50%)"
37
37
  }
38
38
  }
package/components/ribbon/ribbon.style.js CHANGED
@@ -26,92 +26,120 @@ var stdin_default = getSimpleStyleHook("CoRibbon", (token) => {
26
26
  border: "calc(var(--gap) / 2) solid var(--bg)",
27
27
  filter: "grayscale(70%) brightness(0.7)"
28
28
  },
29
- [`&.is-top-left`]: {
29
+ [`&.is-top-left, [dir="rtl"] &.is-top-right`]: {
30
30
  top: "calc(var(--gap) * -1)",
31
31
  left: "calc(var(--gap) * -1)",
32
+ right: "auto",
33
+ bottom: "auto",
32
34
  [`${componentCls}-silk`]: {
33
35
  top: 0,
34
36
  right: 0,
37
+ left: "auto",
38
+ bottom: "auto",
35
39
  transformOrigin: "right bottom",
36
40
  transform: "translateY(-100%) rotate(-45deg)"
37
41
  },
38
42
  "&::before,&::after": {
39
- borderTopColor: "transparent",
40
- borderLeftColor: "transparent"
43
+ borderColor: "transparent var(--bg) var(--bg) transparent"
41
44
  },
42
45
  "&::before": {
43
46
  top: 0,
44
- right: 0
47
+ right: 0,
48
+ left: "auto",
49
+ bottom: "auto"
45
50
  },
46
51
  "&::after": {
47
52
  bottom: 0,
48
- left: 0
53
+ left: 0,
54
+ top: "auto",
55
+ right: "auto"
49
56
  }
50
57
  },
51
- [`&.is-top-right`]: {
58
+ [`&.is-top-right, [dir="rtl"] &.is-top-left`]: {
52
59
  top: "calc(var(--gap) * -1)",
53
60
  right: "calc(var(--gap) * -1)",
61
+ left: "auto",
62
+ bottom: "auto",
54
63
  [`${componentCls}-silk`]: {
55
64
  top: 0,
56
65
  left: 0,
66
+ bottom: "auto",
67
+ right: "auto",
57
68
  transformOrigin: "left bottom",
58
69
  transform: "translateY(-100%) rotate(45deg)"
59
70
  },
60
71
  "&::before,&::after": {
61
- borderTopColor: "transparent",
62
- borderRightColor: "transparent"
72
+ borderColor: "transparent transparent var(--bg) var(--bg)"
63
73
  },
64
74
  "&::before": {
65
75
  top: 0,
66
- left: 0
76
+ left: 0,
77
+ bottom: "auto",
78
+ right: "auto"
67
79
  },
68
80
  "&::after": {
69
81
  bottom: 0,
70
- right: 0
82
+ right: 0,
83
+ top: "auto",
84
+ left: "auto"
71
85
  }
72
86
  },
73
- [`&.is-bottom-left`]: {
87
+ [`&.is-bottom-left, [dir="rtl"] &.is-bottom-right`]: {
74
88
  bottom: "calc(var(--gap) * -1)",
75
89
  left: "calc(var(--gap) * -1)",
90
+ top: "auto",
91
+ right: "auto",
76
92
  [`${componentCls}-silk`]: {
77
93
  bottom: 0,
78
94
  right: 0,
95
+ top: "auto",
96
+ left: "auto",
79
97
  transformOrigin: "top right",
80
98
  transform: "translateY(100%) rotate(45deg)"
81
99
  },
82
100
  "&::before,&::after": {
83
- borderBottomColor: "transparent",
84
- borderLeftColor: "transparent"
101
+ borderColor: "var(--bg) var(--bg) transparent transparent"
85
102
  },
86
103
  "&::before": {
87
104
  bottom: 0,
88
- right: 0
105
+ right: 0,
106
+ top: "auto",
107
+ left: "auto"
89
108
  },
90
109
  "&::after": {
91
110
  top: 0,
92
- left: 0
111
+ left: 0,
112
+ right: "auto",
113
+ bottom: "auto"
93
114
  }
94
115
  },
95
- [`&.is-bottom-right`]: {
116
+ [`&.is-bottom-right, [dir="rtl"] &.is-bottom-left`]: {
96
117
  bottom: "calc(var(--gap) * -1)",
97
118
  right: "calc(var(--gap) * -1)",
119
+ top: "auto",
120
+ left: "auto",
98
121
  [`${componentCls}-silk`]: {
99
122
  bottom: 0,
100
123
  left: 0,
124
+ top: "auto",
125
+ right: "auto",
101
126
  transformOrigin: "left top",
102
127
  transform: "translateY(100%) rotate(-45deg)"
103
128
  },
104
129
  "&::before,&::after": {
105
- borderBottomColor: "transparent",
106
- borderRightColor: "transparent"
130
+ borderColor: "var(--bg) transparent transparent var(--bg)"
107
131
  },
108
132
  "&::before": {
109
133
  bottom: 0,
110
- left: 0
134
+ left: 0,
135
+ top: "auto",
136
+ right: "auto"
111
137
  },
112
138
  "&::after": {
113
139
  top: 0,
114
- right: 0
140
+ right: 0,
141
+ bottom: "auto",
142
+ left: "auto"
115
143
  }
116
144
  }
117
145
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cosey",
3
- "version": "0.7.1",
3
+ "version": "0.7.3",
4
4
  "description": "基于 Vue3 + vite 的后台管理系统框架",
5
5
  "type": "module",
6
6
  "main": "index.js",