cnhis-design-vue 3.1.31-beta.4 → 3.1.31-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 +123 -123
- package/es/components/bpmn-workflow/src/BpmnWorkflow.d.ts +0 -0
- package/es/components/bpmn-workflow/types/BpmnViewer.d.ts +1 -0
- package/es/components/bpmn-workflow/types/ModelingModule.d.ts +1 -0
- package/es/components/bpmn-workflow/types/MoveCanvasModule.d.ts +1 -0
- package/es/components/button-print/index.d.ts +6 -4
- package/es/components/button-print/src/ButtonPrint.vue.d.ts +6 -4
- package/es/components/button-print/src/components/EditFormat.vue.d.ts +3 -2
- package/es/components/button-print/src/components/IdentityVerification.vue.d.ts +6 -4
- package/es/components/fabric-chart/src/utils/index.d.ts +6823 -0
- package/es/components/iho-table/src/hooks/useColumnConfigAdaptor.js +2 -2
- package/es/components/scale-view/index.d.ts +3 -2
- package/es/components/scale-view/src/ScaleView.vue.d.ts +3 -2
- package/es/shared/assets/img/failure.js +1 -1
- package/es/shared/assets/img/icon-asc.js +1 -1
- package/es/shared/assets/img/icon-desc.js +1 -1
- package/es/shared/assets/img/no-permission.js +1 -1
- package/es/shared/assets/img/nodata.js +1 -1
- package/es/shared/assets/img/notfound.js +1 -1
- package/es/shared/assets/img/qr.js +1 -1
- package/es/shared/assets/img/success.js +1 -1
- package/es/shared/assets/img/video.js +1 -1
- package/es/shared/assets/img/video_default_cover.js +1 -1
- package/es/shared/assets/img/video_hover.js +1 -1
- package/es/shared/assets/img/video_play_hover.js +1 -1
- package/es/shared/assets/img/xb_big.js +1 -1
- package/es/shared/assets/img/xb_small.js +1 -1
- package/es/shared/components/VueDraggable/src/vuedraggable.d.ts +86 -0
- package/es/shared/utils/tapable/index.d.ts +139 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
# 安装
|
|
2
|
-
|
|
3
|
-
```shell
|
|
4
|
-
npm i cnhis-design-vue@[版本号]
|
|
5
|
-
# or
|
|
6
|
-
yarn add cnhis-design-vue@[版本号] #推荐
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
## 1.全局引入
|
|
10
|
-
|
|
11
|
-
```typescript
|
|
12
|
-
// main.ts
|
|
13
|
-
import { createApp } from 'vue';
|
|
14
|
-
import App from './App.vue';
|
|
15
|
-
import 'cnhis-design-vue/es/packages/index.css';
|
|
16
|
-
import cui from 'cnhis-design-vue';
|
|
17
|
-
|
|
18
|
-
const app = createApp(App);
|
|
19
|
-
app.use(cui).mount('#app');
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
## 2. 按需引入
|
|
23
|
-
|
|
24
|
-
组件现在支持了自动按需引入, 但是样式文件需要额外的处理
|
|
25
|
-
|
|
26
|
-
### 2.1 样式处理方式 1(按需引入样式)
|
|
27
|
-
|
|
28
|
-
```shell
|
|
29
|
-
# 安装自动导入样式的插件
|
|
30
|
-
npm i -d vite-plugin-style-import
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
```typescript
|
|
34
|
-
// vite.config.ts
|
|
35
|
-
import { defineConfig } from 'vite';
|
|
36
|
-
import { createStyleImportPlugin } from 'vite-plugin-style-import';
|
|
37
|
-
|
|
38
|
-
export default defineConfig({
|
|
39
|
-
plugins: [
|
|
40
|
-
// ...otherPlugins
|
|
41
|
-
createStyleImportPlugin({
|
|
42
|
-
libs: [
|
|
43
|
-
{
|
|
44
|
-
libraryName: 'cnhis-design-vue',
|
|
45
|
-
esModule: true,
|
|
46
|
-
ensureStyleFile: true,
|
|
47
|
-
resolveStyle: name => {
|
|
48
|
-
return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
]
|
|
52
|
-
})
|
|
53
|
-
]
|
|
54
|
-
});
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
### 2.2 样式处理方式 2(全局引入样式)
|
|
58
|
-
|
|
59
|
-
```typescript
|
|
60
|
-
// main.ts
|
|
61
|
-
import 'cnhis-design-vue/es/components/index.css';
|
|
62
|
-
```
|
|
63
|
-
|
|
64
|
-
## 3. 注意
|
|
65
|
-
|
|
66
|
-
由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
|
|
67
|
-
|
|
68
|
-
```typescript
|
|
69
|
-
// main.ts
|
|
70
|
-
import { createApp } from 'vue';
|
|
71
|
-
import App from './App.vue';
|
|
72
|
-
|
|
73
|
-
import { CGrid } from 'cnhis-design-vue';
|
|
74
|
-
// 或者
|
|
75
|
-
import { CBigTable } from 'cnhis-design-vue';
|
|
76
|
-
|
|
77
|
-
const app = createApp(App);
|
|
78
|
-
app.use(CGrid);
|
|
79
|
-
// 或者
|
|
80
|
-
app.use(CBigTable);
|
|
81
|
-
app.mount('#app');
|
|
82
|
-
```
|
|
83
|
-
|
|
84
|
-
## 4.FAQ
|
|
85
|
-
|
|
86
|
-
### 4.1 项目打包后样式丢失
|
|
87
|
-
|
|
88
|
-
> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
|
|
89
|
-
|
|
90
|
-
```typescript
|
|
91
|
-
// vite.config.ts
|
|
92
|
-
import { defineConfig } from 'vite';
|
|
93
|
-
|
|
94
|
-
export default defineConfig({
|
|
95
|
-
rollupOptions: {
|
|
96
|
-
// ..otherOptions
|
|
97
|
-
output: {
|
|
98
|
-
dir: './dist',
|
|
99
|
-
manualChunks(id: string) {
|
|
100
|
-
if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
|
|
101
|
-
return 'vendor';
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
```
|
|
108
|
-
|
|
109
|
-
### 4.2 找不到文件
|
|
110
|
-
|
|
111
|
-
> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
|
|
112
|
-
|
|
113
|
-
```javascript
|
|
114
|
-
// vite.config.ts
|
|
115
|
-
const config = {
|
|
116
|
-
// ...otherOptions
|
|
117
|
-
resolve: {
|
|
118
|
-
// ...otherOptions
|
|
119
|
-
// 如果没有配置, 则不用考虑
|
|
120
|
-
extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
```
|
|
1
|
+
# 安装
|
|
2
|
+
|
|
3
|
+
```shell
|
|
4
|
+
npm i cnhis-design-vue@[版本号]
|
|
5
|
+
# or
|
|
6
|
+
yarn add cnhis-design-vue@[版本号] #推荐
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## 1.全局引入
|
|
10
|
+
|
|
11
|
+
```typescript
|
|
12
|
+
// main.ts
|
|
13
|
+
import { createApp } from 'vue';
|
|
14
|
+
import App from './App.vue';
|
|
15
|
+
import 'cnhis-design-vue/es/packages/index.css';
|
|
16
|
+
import cui from 'cnhis-design-vue';
|
|
17
|
+
|
|
18
|
+
const app = createApp(App);
|
|
19
|
+
app.use(cui).mount('#app');
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## 2. 按需引入
|
|
23
|
+
|
|
24
|
+
组件现在支持了自动按需引入, 但是样式文件需要额外的处理
|
|
25
|
+
|
|
26
|
+
### 2.1 样式处理方式 1(按需引入样式)
|
|
27
|
+
|
|
28
|
+
```shell
|
|
29
|
+
# 安装自动导入样式的插件
|
|
30
|
+
npm i -d vite-plugin-style-import
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
```typescript
|
|
34
|
+
// vite.config.ts
|
|
35
|
+
import { defineConfig } from 'vite';
|
|
36
|
+
import { createStyleImportPlugin } from 'vite-plugin-style-import';
|
|
37
|
+
|
|
38
|
+
export default defineConfig({
|
|
39
|
+
plugins: [
|
|
40
|
+
// ...otherPlugins
|
|
41
|
+
createStyleImportPlugin({
|
|
42
|
+
libs: [
|
|
43
|
+
{
|
|
44
|
+
libraryName: 'cnhis-design-vue',
|
|
45
|
+
esModule: true,
|
|
46
|
+
ensureStyleFile: true,
|
|
47
|
+
resolveStyle: name => {
|
|
48
|
+
return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
]
|
|
52
|
+
})
|
|
53
|
+
]
|
|
54
|
+
});
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### 2.2 样式处理方式 2(全局引入样式)
|
|
58
|
+
|
|
59
|
+
```typescript
|
|
60
|
+
// main.ts
|
|
61
|
+
import 'cnhis-design-vue/es/components/index.css';
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
## 3. 注意
|
|
65
|
+
|
|
66
|
+
由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
|
|
67
|
+
|
|
68
|
+
```typescript
|
|
69
|
+
// main.ts
|
|
70
|
+
import { createApp } from 'vue';
|
|
71
|
+
import App from './App.vue';
|
|
72
|
+
|
|
73
|
+
import { CGrid } from 'cnhis-design-vue';
|
|
74
|
+
// 或者
|
|
75
|
+
import { CBigTable } from 'cnhis-design-vue';
|
|
76
|
+
|
|
77
|
+
const app = createApp(App);
|
|
78
|
+
app.use(CGrid);
|
|
79
|
+
// 或者
|
|
80
|
+
app.use(CBigTable);
|
|
81
|
+
app.mount('#app');
|
|
82
|
+
```
|
|
83
|
+
|
|
84
|
+
## 4.FAQ
|
|
85
|
+
|
|
86
|
+
### 4.1 项目打包后样式丢失
|
|
87
|
+
|
|
88
|
+
> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
|
|
89
|
+
|
|
90
|
+
```typescript
|
|
91
|
+
// vite.config.ts
|
|
92
|
+
import { defineConfig } from 'vite';
|
|
93
|
+
|
|
94
|
+
export default defineConfig({
|
|
95
|
+
rollupOptions: {
|
|
96
|
+
// ..otherOptions
|
|
97
|
+
output: {
|
|
98
|
+
dir: './dist',
|
|
99
|
+
manualChunks(id: string) {
|
|
100
|
+
if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
|
|
101
|
+
return 'vendor';
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
### 4.2 找不到文件
|
|
110
|
+
|
|
111
|
+
> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
|
|
112
|
+
|
|
113
|
+
```javascript
|
|
114
|
+
// vite.config.ts
|
|
115
|
+
const config = {
|
|
116
|
+
// ...otherOptions
|
|
117
|
+
resolve: {
|
|
118
|
+
// ...otherOptions
|
|
119
|
+
// 如果没有配置, 则不用考虑
|
|
120
|
+
extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
```
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'bpmn-js/lib/Viewer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'bpmn-js/lib/features/modeling';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare module 'diagram-js/lib/navigation/movecanvas';
|
|
@@ -383,8 +383,8 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
383
383
|
'--n-feedback-text-color-warning': string;
|
|
384
384
|
'--n-feedback-text-color-error': string;
|
|
385
385
|
}> | undefined;
|
|
386
|
-
themeClass: import("vue").Ref<string
|
|
387
|
-
onRender: () => void;
|
|
386
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
387
|
+
onRender: (() => void) | undefined;
|
|
388
388
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
389
389
|
restoreValidation: () => void;
|
|
390
390
|
path?: string | undefined;
|
|
@@ -408,6 +408,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
408
408
|
key: string;
|
|
409
409
|
render: () => import("vue").VNodeChild;
|
|
410
410
|
}[]>;
|
|
411
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
411
412
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
412
413
|
readonly label: StringConstructor;
|
|
413
414
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -733,8 +734,8 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
733
734
|
'--n-feedback-text-color-warning': string;
|
|
734
735
|
'--n-feedback-text-color-error': string;
|
|
735
736
|
}> | undefined;
|
|
736
|
-
themeClass: import("vue").Ref<string
|
|
737
|
-
onRender: () => void;
|
|
737
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
738
|
+
onRender: (() => void) | undefined;
|
|
738
739
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
739
740
|
restoreValidation: () => void;
|
|
740
741
|
path?: string | undefined;
|
|
@@ -758,6 +759,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
|
|
|
758
759
|
key: string;
|
|
759
760
|
render: () => import("vue").VNodeChild;
|
|
760
761
|
}[]>;
|
|
762
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
761
763
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
762
764
|
readonly label: StringConstructor;
|
|
763
765
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -387,8 +387,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
387
387
|
'--n-feedback-text-color-warning': string;
|
|
388
388
|
'--n-feedback-text-color-error': string;
|
|
389
389
|
}> | undefined;
|
|
390
|
-
themeClass: import("vue").Ref<string
|
|
391
|
-
onRender: () => void;
|
|
390
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
391
|
+
onRender: (() => void) | undefined;
|
|
392
392
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
393
393
|
restoreValidation: () => void;
|
|
394
394
|
path?: string | undefined;
|
|
@@ -412,6 +412,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
412
412
|
key: string;
|
|
413
413
|
render: () => import("vue").VNodeChild;
|
|
414
414
|
}[]>;
|
|
415
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
415
416
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
416
417
|
readonly label: StringConstructor;
|
|
417
418
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -737,8 +738,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
737
738
|
'--n-feedback-text-color-warning': string;
|
|
738
739
|
'--n-feedback-text-color-error': string;
|
|
739
740
|
}> | undefined;
|
|
740
|
-
themeClass: import("vue").Ref<string
|
|
741
|
-
onRender: () => void;
|
|
741
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
742
|
+
onRender: (() => void) | undefined;
|
|
742
743
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
743
744
|
restoreValidation: () => void;
|
|
744
745
|
path?: string | undefined;
|
|
@@ -762,6 +763,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
762
763
|
key: string;
|
|
763
764
|
render: () => import("vue").VNodeChild;
|
|
764
765
|
}[]>;
|
|
766
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
765
767
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
766
768
|
readonly label: StringConstructor;
|
|
767
769
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -195,8 +195,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
195
195
|
'--n-feedback-text-color-warning': string;
|
|
196
196
|
'--n-feedback-text-color-error': string;
|
|
197
197
|
}> | undefined;
|
|
198
|
-
themeClass: import("vue").Ref<string
|
|
199
|
-
onRender: () => void;
|
|
198
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
199
|
+
onRender: (() => void) | undefined;
|
|
200
200
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
201
201
|
restoreValidation: () => void;
|
|
202
202
|
path?: string | undefined;
|
|
@@ -220,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
220
220
|
key: string;
|
|
221
221
|
render: () => import("vue").VNodeChild;
|
|
222
222
|
}[]>;
|
|
223
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
223
224
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
224
225
|
readonly label: StringConstructor;
|
|
225
226
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -202,8 +202,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
202
202
|
'--n-feedback-text-color-warning': string;
|
|
203
203
|
'--n-feedback-text-color-error': string;
|
|
204
204
|
}> | undefined;
|
|
205
|
-
themeClass: import("vue").Ref<string
|
|
206
|
-
onRender: () => void;
|
|
205
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
206
|
+
onRender: (() => void) | undefined;
|
|
207
207
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
208
208
|
restoreValidation: () => void;
|
|
209
209
|
path?: string | undefined;
|
|
@@ -227,6 +227,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
227
227
|
key: string;
|
|
228
228
|
render: () => import("vue").VNodeChild;
|
|
229
229
|
}[]>;
|
|
230
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
230
231
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
231
232
|
readonly label: StringConstructor;
|
|
232
233
|
readonly labelWidth: import("vue").PropType<string | number>;
|
|
@@ -552,8 +553,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
552
553
|
'--n-feedback-text-color-warning': string;
|
|
553
554
|
'--n-feedback-text-color-error': string;
|
|
554
555
|
}> | undefined;
|
|
555
|
-
themeClass: import("vue").Ref<string
|
|
556
|
-
onRender: () => void;
|
|
556
|
+
themeClass: import("vue").Ref<string> | undefined;
|
|
557
|
+
onRender: (() => void) | undefined;
|
|
557
558
|
validate: import("naive-ui/es/form/src/interface").FormItemValidate;
|
|
558
559
|
restoreValidation: () => void;
|
|
559
560
|
path?: string | undefined;
|
|
@@ -577,6 +578,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
577
578
|
key: string;
|
|
578
579
|
render: () => import("vue").VNodeChild;
|
|
579
580
|
}[]>;
|
|
581
|
+
reverseColSpace: import("vue").ComputedRef<boolean>;
|
|
580
582
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
581
583
|
readonly label: StringConstructor;
|
|
582
584
|
readonly labelWidth: import("vue").PropType<string | number>;
|