operp-print-designer 1.0.0 → 1.0.1
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
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
## 安装
|
|
4
4
|
|
|
5
5
|
```bash
|
|
6
|
-
npm install
|
|
6
|
+
npm install operp-print-designer
|
|
7
7
|
# 或者
|
|
8
|
-
yarn add
|
|
8
|
+
yarn add operp-print-designer
|
|
9
9
|
# 或者
|
|
10
|
-
pnpm add
|
|
10
|
+
pnpm add operp-print-designer
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
## 基本使用
|
|
@@ -15,7 +15,7 @@ pnpm add @operp/print-designer
|
|
|
15
15
|
### 1. 编辑模式
|
|
16
16
|
|
|
17
17
|
```tsx
|
|
18
|
-
import PrintDesigner from '
|
|
18
|
+
import PrintDesigner from 'operp-print-designer';
|
|
19
19
|
|
|
20
20
|
function Editor() {
|
|
21
21
|
return (
|
|
@@ -35,7 +35,7 @@ function Editor() {
|
|
|
35
35
|
### 2. 预览模式
|
|
36
36
|
|
|
37
37
|
```tsx
|
|
38
|
-
import PrintDesigner from '
|
|
38
|
+
import PrintDesigner from 'operp-print-designer';
|
|
39
39
|
|
|
40
40
|
function Previewer() {
|
|
41
41
|
return (
|
|
@@ -113,7 +113,7 @@ interface TableColumnConfig {
|
|
|
113
113
|
|
|
114
114
|
```tsx
|
|
115
115
|
import { useState } from 'react';
|
|
116
|
-
import PrintDesigner, { TemplateData } from '
|
|
116
|
+
import PrintDesigner, { TemplateData } from 'operp-print-designer';
|
|
117
117
|
|
|
118
118
|
function App() {
|
|
119
119
|
const [templateData, setTemplateData] = useState<TemplateData | undefined>();
|
|
@@ -143,7 +143,7 @@ function App() {
|
|
|
143
143
|
### 带数据绑定的示例
|
|
144
144
|
|
|
145
145
|
```tsx
|
|
146
|
-
import PrintDesigner, { TemplateData } from '
|
|
146
|
+
import PrintDesigner, { TemplateData } from 'operp-print-designer';
|
|
147
147
|
|
|
148
148
|
function Example() {
|
|
149
149
|
// 定义包含数据源的模板数据
|
|
@@ -204,7 +204,7 @@ function Example() {
|
|
|
204
204
|
### 表格数据绑定示例
|
|
205
205
|
|
|
206
206
|
```tsx
|
|
207
|
-
import PrintDesigner, { TemplateData } from '
|
|
207
|
+
import PrintDesigner, { TemplateData } from 'operp-print-designer';
|
|
208
208
|
|
|
209
209
|
function TableExample() {
|
|
210
210
|
const templateData: TemplateData = {
|
|
@@ -264,7 +264,7 @@ function TableExample() {
|
|
|
264
264
|
如果需要导入全局样式（可选，因为组件内置了必要的样式）：
|
|
265
265
|
|
|
266
266
|
```tsx
|
|
267
|
-
import '
|
|
267
|
+
import 'operp-print-designer/dist/index.css';
|
|
268
268
|
```
|
|
269
269
|
|
|
270
270
|
## 注意事项
|
package/package.json
CHANGED
|
File without changes
|