ds-markdown 0.2.4-beta.2 → 0.2.4-beta.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.
- package/README.en.md +2 -3
- package/README.md +2 -3
- package/package.json +2 -2
package/README.en.md
CHANGED
|
@@ -174,13 +174,14 @@ No installation required, use directly in the browser:
|
|
|
174
174
|
|
|
175
175
|
## 🚀 5-Minute Quick Start
|
|
176
176
|
|
|
177
|
+
> ✅ Starting from v1.0+, you no longer need to manually import `ds-markdown/style.css`; the component automatically injects the required base styles.
|
|
178
|
+
|
|
177
179
|
### Basic Usage
|
|
178
180
|
|
|
179
181
|
[DEMO](https://stackblitz.com/edit/vitejs-vite-z94syu8j?file=src%2FApp.tsx)
|
|
180
182
|
|
|
181
183
|
```tsx
|
|
182
184
|
import DsMarkdown from 'ds-markdown';
|
|
183
|
-
import 'ds-markdown/style.css';
|
|
184
185
|
|
|
185
186
|
function App() {
|
|
186
187
|
return (
|
|
@@ -195,7 +196,6 @@ function App() {
|
|
|
195
196
|
|
|
196
197
|
```tsx
|
|
197
198
|
import DsMarkdown from 'ds-markdown';
|
|
198
|
-
import 'ds-markdown/style.css';
|
|
199
199
|
|
|
200
200
|
function StaticDemo() {
|
|
201
201
|
const [disableTyping, setDisableTyping] = useState(false);
|
|
@@ -281,7 +281,6 @@ Let's explore these new features together!`);
|
|
|
281
281
|
|
|
282
282
|
```tsx
|
|
283
283
|
import DsMarkdown from 'ds-markdown';
|
|
284
|
-
import 'ds-markdown/style.css';
|
|
285
284
|
|
|
286
285
|
function CodeBlockDemo() {
|
|
287
286
|
const codeContent = `# Hello World
|
package/README.md
CHANGED
|
@@ -147,13 +147,14 @@ pnpm add ds-markdown
|
|
|
147
147
|
|
|
148
148
|
## 🚀 5分钟上手
|
|
149
149
|
|
|
150
|
+
> ✅ v1.0+版本开始，无需再手动 `import 'ds-markdown/style.css'`，组件会自动注入所需的基础样式。
|
|
151
|
+
|
|
150
152
|
### 基础用法
|
|
151
153
|
|
|
152
154
|
[DEMO](https://stackblitz.com/edit/vitejs-vite-z94syu8j?file=src%2FApp.tsx)
|
|
153
155
|
|
|
154
156
|
```tsx
|
|
155
157
|
import DsMarkdown from 'ds-markdown';
|
|
156
|
-
import 'ds-markdown/style.css';
|
|
157
158
|
|
|
158
159
|
function App() {
|
|
159
160
|
return (
|
|
@@ -168,7 +169,6 @@ function App() {
|
|
|
168
169
|
|
|
169
170
|
```tsx
|
|
170
171
|
import DsMarkdown from 'ds-markdown';
|
|
171
|
-
import 'ds-markdown/style.css';
|
|
172
172
|
|
|
173
173
|
function StaticDemo() {
|
|
174
174
|
const [disableTyping, setDisableTyping] = useState(false);
|
|
@@ -252,7 +252,6 @@ React 19 带来了许多激动人心的新特性：
|
|
|
252
252
|
|
|
253
253
|
```tsx
|
|
254
254
|
import DsMarkdown from 'ds-markdown';
|
|
255
|
-
import 'ds-markdown/style.css';
|
|
256
255
|
|
|
257
256
|
function CodeBlockDemo() {
|
|
258
257
|
const codeContent = `# Hello World
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ds-markdown",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.2.4-beta.
|
|
4
|
+
"version": "0.2.4-beta.3",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"types": "./dist/cjs/index.d.ts",
|
|
7
7
|
"module": "./dist/esm/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"classnames": "^2.5.1",
|
|
80
80
|
"katex": "^0.16.22",
|
|
81
81
|
"react-markdown": "^10.1.0",
|
|
82
|
-
"react-markdown-typer": "1.0.
|
|
82
|
+
"react-markdown-typer": "1.0.2",
|
|
83
83
|
"react-router-dom": "^7.7.1",
|
|
84
84
|
"react-syntax-highlighter": "^15.6.1",
|
|
85
85
|
"rehype-katex": "^7.0.1",
|