@jctrans-materials/comps-vue2 1.0.37-beta.4 → 1.0.37-beta.5
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 +73 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
# Vue2 组件说明（jc-utils）
|
|
2
|
+
|
|
3
|
+
## 组件清单
|
|
4
|
+
|
|
5
|
+
当前 `packages/vue2` 对外导出的核心组件如下：
|
|
6
|
+
|
|
7
|
+
- `ApplyDataDialog`
|
|
8
|
+
- `GlobalModal`
|
|
9
|
+
- `JcSearch`
|
|
10
|
+
- `JcVerifySlide`
|
|
11
|
+
- `JcCarrierSearch`
|
|
12
|
+
- `AirCarrierSearch`
|
|
13
|
+
- `SeaCarrierSearch`
|
|
14
|
+
- `AirLineSearch`
|
|
15
|
+
- `SeaLineSearch`
|
|
16
|
+
|
|
17
|
+
## 快速使用
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
import Vue from "vue";
|
|
21
|
+
import JCtransComps from "@jctrans-materials/comps-vue2";
|
|
22
|
+
import "@jctrans-materials/comps-vue2/style.css";
|
|
23
|
+
|
|
24
|
+
Vue.use(JCtransComps);
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## 组件能力速览
|
|
28
|
+
|
|
29
|
+
### 1) `JcSearch`
|
|
30
|
+
|
|
31
|
+
- 用途：国家/城市/港口/机场等通用地点搜索
|
|
32
|
+
- 常用 Props：`value` / `modelValue`、`multiple`、`searchTypeList`、`historyKey`
|
|
33
|
+
- 常用事件：`select`、`change`、`input`、`update:modelValue`
|
|
34
|
+
|
|
35
|
+
### 2) `JcVerifySlide`
|
|
36
|
+
|
|
37
|
+
- 用途：滑块验证码验证
|
|
38
|
+
- 常用 Props：`visible`、`lang`、`mode`、`imgSize`、`barSize`
|
|
39
|
+
- 常用事件：`success`、`update:visible`
|
|
40
|
+
|
|
41
|
+
### 3) `JcCarrierSearch` 及包装组件
|
|
42
|
+
|
|
43
|
+
- 用途：承运人/航线搜索（海运、空运）
|
|
44
|
+
- 常用 Props：`value` / `modelValue`、`type`、`lineType`、`multiple`、`showApplyData`
|
|
45
|
+
- 常用事件：
|
|
46
|
+
- 业务：`change`、`apply`
|
|
47
|
+
- 输入框：`focus`、`blur`、`remove-tag`
|
|
48
|
+
|
|
49
|
+
包装组件：
|
|
50
|
+
|
|
51
|
+
- `AirCarrierSearch`（航空公司）
|
|
52
|
+
- `SeaCarrierSearch`（船公司）
|
|
53
|
+
- `AirLineSearch`（空运航线）
|
|
54
|
+
- `SeaLineSearch`（海运航线）
|
|
55
|
+
|
|
56
|
+
### 4) `ApplyDataDialog`
|
|
57
|
+
|
|
58
|
+
- 用途：申请补充数据弹窗
|
|
59
|
+
- 常用 Props：`value`
|
|
60
|
+
- 常用事件：`confirm`、`input` / `update:value`
|
|
61
|
+
|
|
62
|
+
### 5) `GlobalModal`
|
|
63
|
+
|
|
64
|
+
- 用途：全局业务弹窗容器（配合插件/事件总线）
|
|
65
|
+
|
|
66
|
+
## Playground 示例
|
|
67
|
+
|
|
68
|
+
可在以下页面查看 Vue2 组件演示：
|
|
69
|
+
|
|
70
|
+
- `playground/v2play/src/App.vue`
|
|
71
|
+
- `Base Demo`：`JcSearch` + `ApplyDataDialog` + `GlobalModal`
|
|
72
|
+
- `Carrier Search Demo`：`JcCarrierSearch` 系列
|
|
73
|
+
- `Verify Slide Demo`：`JcVerifySlide`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jctrans-materials/comps-vue2",
|
|
3
|
-
"version": "1.0.37-beta.
|
|
3
|
+
"version": "1.0.37-beta.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "JCtrans Search Component compatible with Vue 2.6+ and Vue 3",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"jctrans-ui": "^2.15.15",
|
|
31
31
|
"nanoid": "^5.1.6",
|
|
32
32
|
"sass": "^1.94.2",
|
|
33
|
-
"@jctrans-materials/shared": "1.0.37-beta.
|
|
33
|
+
"@jctrans-materials/shared": "1.0.37-beta.5"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/crypto-js": "^4.2.2",
|