cnhis-design-vue 3.1.41-beta.26 → 3.1.41-beta.27
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 +87 -87
- 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/date-picker/index.d.ts +20 -0
- package/es/components/date-picker/index.js +1 -0
- package/es/components/date-picker/src/DatePicker.vue.d.ts +20 -0
- package/es/components/date-picker/src/DatePicker.vue.js +1 -0
- package/es/components/fabric-chart/src/utils/index.d.ts +6823 -0
- package/es/components/form-config/index.d.ts +5 -5
- package/es/components/form-config/src/FormConfig.vue.d.ts +5 -5
- package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts +3 -3
- package/es/components/index.css +1 -1
- package/es/components/index.d.ts +3 -1
- package/es/components/index.js +1 -1
- package/es/components/scale-view/src/ScaleView.vue.js +1 -1
- package/es/components/shortcut-setter/index.d.ts +1 -1
- package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts +1 -1
- package/es/components/table-filter/index.d.ts +64 -452
- package/es/components/table-filter/src/base-search-com/BaseSearch.vue.d.ts +19 -88
- package/es/components/table-filter/src/base-search-com/BaseSearch.vue.js +1 -1
- package/es/components/table-filter/src/classification/Classification-com.vue.d.ts +37 -253
- package/es/components/table-filter/src/classification/Classification-com.vue.js +1 -1
- package/es/components/table-filter/src/components/classify-filter/index.vue.d.ts +0 -42
- package/es/components/table-filter/src/components/classify-filter/index.vue.js +1 -1
- package/es/components/table-filter/src/components/render-widget/index.vue.d.ts +2 -1
- package/es/components/table-filter/src/components/render-widget/index.vue.js +1 -1
- package/es/components/table-filter/src/components/search-filter/index.vue.d.ts +0 -84
- package/es/components/table-filter/src/components/search-filter/index.vue.js +1 -1
- package/es/components/table-filter/src/components/set-classification/index.vue.d.ts +4 -130
- package/es/components/table-filter/src/components/set-classification/index.vue.js +1 -1
- package/es/components/table-filter/src/components/table-modal/index.vue.d.ts +3 -43
- package/es/components/table-filter/src/components/table-modal/index.vue.js +1 -1
- package/es/components/table-filter/src/quick-search/QuickSearch.vue.d.ts +10 -113
- package/es/components/table-filter/src/quick-search/QuickSearch.vue.js +1 -1
- package/es/components/table-filter/src/types/index.d.ts +6 -162
- package/es/components/table-filter/style/iconfont.ttf +0 -0
- package/es/components/table-filter/style/index.css +1 -1
- package/es/components/time-picker/index.d.ts +18 -0
- package/es/components/time-picker/index.js +1 -0
- package/es/components/time-picker/src/TimePicker.vue.d.ts +18 -0
- package/es/components/time-picker/src/TimePicker.vue.js +1 -0
- package/es/env.d.ts +24 -24
- 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,87 +1,87 @@
|
|
|
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.FAQ
|
|
65
|
-
|
|
66
|
-
### 3.1 项目打包后样式丢失
|
|
67
|
-
|
|
68
|
-
处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
|
|
69
|
-
|
|
70
|
-
```typescript
|
|
71
|
-
// vite.config.ts
|
|
72
|
-
import { defineConfig } from 'vite';
|
|
73
|
-
|
|
74
|
-
export default defineConfig({
|
|
75
|
-
build: {
|
|
76
|
-
rollupOptions: {
|
|
77
|
-
// ..otherOptions
|
|
78
|
-
output: {
|
|
79
|
-
dir: './dist',
|
|
80
|
-
manualChunks: {
|
|
81
|
-
'cnhis-vendor': ['cnhis-design-vue']
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
```
|
|
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.FAQ
|
|
65
|
+
|
|
66
|
+
### 3.1 项目打包后样式丢失
|
|
67
|
+
|
|
68
|
+
处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
|
|
69
|
+
|
|
70
|
+
```typescript
|
|
71
|
+
// vite.config.ts
|
|
72
|
+
import { defineConfig } from 'vite';
|
|
73
|
+
|
|
74
|
+
export default defineConfig({
|
|
75
|
+
build: {
|
|
76
|
+
rollupOptions: {
|
|
77
|
+
// ..otherOptions
|
|
78
|
+
output: {
|
|
79
|
+
dir: './dist',
|
|
80
|
+
manualChunks: {
|
|
81
|
+
'cnhis-vendor': ['cnhis-design-vue']
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
```
|
|
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';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { SFCWithInstall } from '../../../es/shared/types';
|
|
2
|
+
declare const DatePicker: SFCWithInstall<import("vue").DefineComponent<{}, {
|
|
3
|
+
attrs: {
|
|
4
|
+
[x: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
emits: (event: "update:formattedValue", ...args: any[]) => void;
|
|
7
|
+
datePickerRef: import("vue").Ref<null>;
|
|
8
|
+
__formattedValue: import("vue").Ref<any>;
|
|
9
|
+
keyupValue: import("vue").Ref<string>;
|
|
10
|
+
inputIndex: number;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
formatRef: import("vue").ComputedRef<unknown>;
|
|
13
|
+
updateFormattedValue: (value: any) => void;
|
|
14
|
+
onBlur: () => void;
|
|
15
|
+
onKeyUp: (event: import("../../../es/shared/types").AnyObject) => any;
|
|
16
|
+
NDatePicker: any;
|
|
17
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formattedValue"[], "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
|
|
18
|
+
"onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}, {}>>;
|
|
20
|
+
export default DatePicker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as e}from"../../shared/utils/index.js";import t from"./src/DatePicker.vue.js";const a=t;a.install=function(t){e(t,a,r+"DatePicker")};export{a as default};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AnyObject } from '../../../../es/shared/types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
3
|
+
attrs: {
|
|
4
|
+
[x: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
emits: (event: "update:formattedValue", ...args: any[]) => void;
|
|
7
|
+
datePickerRef: import("vue").Ref<null>;
|
|
8
|
+
__formattedValue: import("vue").Ref<any>;
|
|
9
|
+
keyupValue: import("vue").Ref<string>;
|
|
10
|
+
inputIndex: number;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
formatRef: import("vue").ComputedRef<unknown>;
|
|
13
|
+
updateFormattedValue: (value: any) => void;
|
|
14
|
+
onBlur: () => void;
|
|
15
|
+
onKeyUp: (event: AnyObject) => any;
|
|
16
|
+
NDatePicker: any;
|
|
17
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formattedValue"[], "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
|
|
18
|
+
"onUpdate:formattedValue"?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}, {}>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{defineComponent as e,useAttrs as t,ref as a,computed as l,watch as u,openBlock as r,createBlock as o,unref as n,mergeProps as i,createSlots as v,renderList as d,withCtx as m,renderSlot as f}from"vue";import{NDatePicker as s}from"naive-ui";import{parse as c,isValid as y,format as p}from"date-fns";import _ from"../../../_virtual/plugin-vue_export-helper.js";var g=_(e({__name:"DatePicker",emits:["update:formattedValue"],setup(e,{expose:_,emit:g}){const k=t(),M=a(null),h=a(),P=a("");let $=-1,b="";const x=l((()=>{if(k.format)return k.format;const e=k.type||"";return["datetime","datetimerange"].includes(e)?"yyyy-MM-dd HH:mm:ss":"month"===e?"yyyy-MM":"year"===e?"yyyy":"yyyy-MM-dd"}));function D(e){g("update:formattedValue",e)}function V(){var e;const t=c(P.value,null==(e=x.value.match(/[a-zA-Z]/g))?void 0:e.join(""),new Date);if(y(t)){const e=p(t,x.value);~$?h.value?h.value[$]=e:h.value=[e,e]:h.value=e,D(h.value)}}function j(e){var t,a,l,u;const{keyCode:r=0}=e;if((k.type||"").includes("range")&&(b=(null==(t=e.target)?void 0:t.placeholder)||b,$=b.includes("开始")?0:1),13==r)return null==(l=null==(a=M.value)?void 0:a.blur)?void 0:l.call(a);P.value=(null==(u=e.target)?void 0:u.value)||""}return u((()=>k["formatted-value"]),(e=>{h.value=e}),{immediate:!0}),_({$datePicker:M,focus:()=>{var e,t;return null==(t=null==(e=M.value)?void 0:e.focus)?void 0:t.call(e)},blur:()=>{var e,t;return null==(t=null==(e=M.value)?void 0:e.blur)?void 0:t.call(e)}}),(e,t)=>(r(),o(n(s),i({ref_key:"datePickerRef",ref:M},e.$attrs,{"formatted-value":h.value,"onUpdate:formattedValue":D,onBlur:V,onKeyup:j}),v({_:2},[d(e.$slots,((t,a)=>({name:a,fn:m((()=>[f(e.$slots,a)]))})))]),1040,["formatted-value"]))}}),[["__file","DatePicker.vue"]]);export{g as default};
|