cnhis-design-vue 3.1.23-beta.4 → 3.1.23-beta.7

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.
Files changed (53) hide show
  1. package/README.md +123 -123
  2. package/es/components/fabric-chart/src/components/PopupMenu.js +7 -2
  3. package/es/components/fabric-chart/src/hooks/useCenter2.js +9 -5
  4. package/es/components/form-config/index.d.ts +1 -1
  5. package/es/components/form-config/src/FormConfig.vue.d.ts +1 -1
  6. package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts +1 -1
  7. package/es/components/form-render/index2.js +2 -1
  8. package/es/components/form-render/src/components/renderer/index.d.ts +2 -1
  9. package/es/components/form-render/src/components/renderer/index.js +2 -1
  10. package/es/components/form-render/src/components/renderer/index2.js +2 -1
  11. package/es/components/form-render/src/components/renderer/{searchCascader.d.ts → levelSearchCascade.d.ts} +29 -6
  12. package/es/components/form-render/src/components/renderer/levelSearchCascade.js +227 -0
  13. package/es/components/form-render/src/components/renderer/search.d.ts +2 -2
  14. package/es/components/form-render/src/components/renderer/search.js +2 -1
  15. package/es/components/form-render/src/components/renderer/{cascader.d.ts → searchCascade.d.ts} +0 -0
  16. package/es/components/form-render/src/components/renderer/{cascader.js → searchCascade.js} +1 -0
  17. package/es/components/form-render/src/components/renderer/select.js +2 -1
  18. package/es/components/form-render/src/hooks/useAsyncQueue2.js +5 -4
  19. package/es/components/form-render/src/hooks/useFieldListAdaptor2.js +11 -4
  20. package/es/components/form-render/src/hooks/useFormRequest.d.ts +2 -0
  21. package/es/components/form-render/src/hooks/useFormRequest2.js +1 -1
  22. package/es/components/form-render/src/types/fieldItem.d.ts +1 -1
  23. package/es/components/iho-table/index.d.ts +270 -101
  24. package/es/components/iho-table/src/IhoTable.vue.d.ts +270 -101
  25. package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index2.js +11 -8
  26. package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/edit-separate.js +18 -20
  27. package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/edit-separate.vue.d.ts +1 -17
  28. package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/index.js +9 -5
  29. package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/separate-utils2.js +2 -2
  30. package/es/components/iho-table/src/types/index.d.ts +0 -3
  31. package/es/components/index.css +1 -1
  32. package/es/components/search-cascader/index.d.ts +69 -6
  33. package/es/components/search-cascader/src/SearchCascader.js +21 -42
  34. package/es/components/search-cascader/src/SearchCascader.vue.d.ts +69 -6
  35. package/es/components/search-cascader/src/components/SearchMenu.d.ts +9 -0
  36. package/es/components/search-cascader/src/components/SearchMenu.js +11 -2
  37. package/es/components/search-cascader/style/index.css +1 -1
  38. package/es/components/shortcut-provider/src/ShortcutProvider.js +2 -1
  39. package/es/components/shortcut-setter/index.d.ts +1 -1
  40. package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts +1 -1
  41. package/es/shared/components/no-data/NoData.js +74 -0
  42. package/es/shared/components/no-data/NoData.vue.d.ts +51 -0
  43. package/es/shared/components/no-data/index.d.ts +2 -0
  44. package/es/shared/components/no-data/index.js +1 -0
  45. package/es/shared/components/no-data/index2.js +2 -0
  46. package/package.json +2 -2
  47. package/es/components/big-table/src/components/edit-form/useCommon.d.ts +0 -4
  48. package/es/components/bpmn-workflow/src/BpmnWorkflow.d.ts +0 -0
  49. package/es/components/bpmn-workflow/types/BpmnViewer.d.ts +0 -1
  50. package/es/components/bpmn-workflow/types/ModelingModule.d.ts +0 -1
  51. package/es/components/bpmn-workflow/types/MoveCanvasModule.d.ts +0 -1
  52. package/es/components/fabric-chart/src/utils/index.d.ts +0 -6823
  53. package/es/shared/utils/tapable/index.d.ts +0 -139
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
+ ```
@@ -87,6 +87,11 @@ var PopupMenu = defineComponent({
87
87
  watch(() => props.show, (value) => {
88
88
  if (value) {
89
89
  setNoShow = true;
90
+ props.list.forEach((item) => {
91
+ if (typeof item === "object" && Reflect.has(item, "value") && typeof item.value !== "boolean") {
92
+ item.value = void 0;
93
+ }
94
+ });
90
95
  }
91
96
  });
92
97
  return () => {
@@ -98,12 +103,12 @@ var PopupMenu = defineComponent({
98
103
  "class": "c-fabric-chart-popup-menu",
99
104
  "style": pointStyle.value
100
105
  }, [props.list.map((item) => {
101
- return createVNode("li", {
106
+ return props.show ? createVNode("li", {
102
107
  "class": {
103
108
  "no-click": setNoClick(item)
104
109
  },
105
110
  "onClick": (event) => clickItem(event, item)
106
- }, [getItemContent(item)]);
111
+ }, [getItemContent(item)]) : null;
107
112
  })]), [[vShow, props.show]])]
108
113
  });
109
114
  };
@@ -20,6 +20,12 @@ function getPointArr(arr) {
20
20
  return pre;
21
21
  }, []);
22
22
  }
23
+ function deleteProperty(data, list) {
24
+ list.map((v) => v.type).forEach((key) => {
25
+ if (Reflect.has(data, key))
26
+ Reflect.deleteProperty(data, key);
27
+ });
28
+ }
23
29
  function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
24
30
  useGrid(canvas, propItems);
25
31
  const {
@@ -138,7 +144,6 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
138
144
  if (event2.button === 3) {
139
145
  const { x = 0, y = 0 } = event2.pointer || {};
140
146
  if (x >= originX && x <= endX && y >= originY && y <= endY) {
141
- pointTipProps.show = false;
142
147
  pointMenuProps.point = { x, y };
143
148
  pointMenuProps.show = true;
144
149
  const { type } = ((_a = event2.target) == null ? void 0 : _a.origin) || {};
@@ -552,10 +557,9 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
552
557
  ...item.origin
553
558
  });
554
559
  } else {
555
- const data = {
556
- time: target.origin.data.time,
557
- value: target.origin.data.value
558
- };
560
+ const data = { ...target.origin.data };
561
+ deleteProperty(data, TEMPERATURE_MENU);
562
+ deleteProperty(data, PAIN_MENU);
559
563
  data[`${item.type}`] = item.value;
560
564
  if (target.origin.type === "temperature") {
561
565
  data["key"] = target.origin.key;
@@ -943,7 +943,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
943
943
  level_key?: string | undefined;
944
944
  link_key?: string | undefined;
945
945
  link_key_split?: string | undefined;
946
- show_key?: string | undefined;
946
+ show_key?: string[] | undefined;
947
947
  conObj?: import("../../../es/shared/types").AnyObject[] | undefined;
948
948
  conObjFirstLevel?: import("../../../es/shared/types").AnyObject[] | undefined;
949
949
  } | undefined;
@@ -945,7 +945,7 @@ declare const _default: import("vue").DefineComponent<{
945
945
  level_key?: string | undefined;
946
946
  link_key?: string | undefined;
947
947
  link_key_split?: string | undefined;
948
- show_key?: string | undefined;
948
+ show_key?: string[] | undefined;
949
949
  conObj?: import("../../../../es/shared/types").AnyObject[] | undefined;
950
950
  conObjFirstLevel?: import("../../../../es/shared/types").AnyObject[] | undefined;
951
951
  } | undefined;
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{}, {
72
72
  level_key?: string | undefined;
73
73
  link_key?: string | undefined;
74
74
  link_key_split?: string | undefined;
75
- show_key?: string | undefined;
75
+ show_key?: string[] | undefined;
76
76
  conObj?: import("../../../../../es/shared/types").AnyObject[] | undefined;
77
77
  conObjFirstLevel?: import("../../../../../es/shared/types").AnyObject[] | undefined;
78
78
  } | undefined;
@@ -26,7 +26,7 @@ import './src/components/renderer/inputNumber.js';
26
26
  import './src/components/renderer/linebar.js';
27
27
  import './src/components/renderer/inputGroup2.js';
28
28
  import './src/components/renderer/date.js';
29
- import './src/components/renderer/cascader.js';
29
+ import './src/components/renderer/levelSearchCascade.js';
30
30
  import './src/components/renderer/jsonCombination/index.js';
31
31
  import './src/components/renderer/combination.js';
32
32
  import './src/components/renderer/checkbox.js';
@@ -37,6 +37,7 @@ import './src/components/renderer/slider.js';
37
37
  import './src/components/renderer/complex.js';
38
38
  import './src/components/renderer/simpleComponent.js';
39
39
  import './src/components/renderer/search.js';
40
+ import './src/components/renderer/searchCascade.js';
40
41
 
41
42
  const FormRender = script;
42
43
  FormRender.install = function(app) {
@@ -6,7 +6,7 @@ export * from './inputNumber';
6
6
  export * from './linebar';
7
7
  export * from './inputGroup';
8
8
  export * from './date';
9
- export * from './cascader';
9
+ export * from './levelSearchCascade';
10
10
  export * from './jsonCombination';
11
11
  export * from './combination';
12
12
  export * from './checkbox';
@@ -17,3 +17,4 @@ export * from './slider';
17
17
  export * from './complex';
18
18
  export * from './simpleComponent';
19
19
  export * from './search';
20
+ export * from './searchCascade';
@@ -6,7 +6,7 @@ export { INPUT_NUMBER } from './inputNumber.js';
6
6
  export { LINEBAR } from './linebar.js';
7
7
  export { INPUT_GROUP } from './inputGroup2.js';
8
8
  export { DATE } from './date.js';
9
- export { SEARCH_CASCADE } from './cascader.js';
9
+ export { LEVEL_SEARCH_CASCADE } from './levelSearchCascade.js';
10
10
  export { JSON_COMBINATION } from './jsonCombination/index.js';
11
11
  export { COMBINATION } from './combination.js';
12
12
  export { CHECKBOX } from './checkbox.js';
@@ -17,3 +17,4 @@ export { SLIDER } from './slider.js';
17
17
  export { COMPLEX } from './complex.js';
18
18
  export { BUTTON, LINE_BREAKS, TEXT } from './simpleComponent.js';
19
19
  export { SEARCH } from './search.js';
20
+ export { SEARCH_CASCADE } from './searchCascade.js';
@@ -6,7 +6,7 @@ export { INPUT_NUMBER } from './inputNumber.js';
6
6
  export { LINEBAR } from './linebar.js';
7
7
  export { INPUT_GROUP } from './inputGroup2.js';
8
8
  export { DATE } from './date.js';
9
- export { SEARCH_CASCADE } from './cascader.js';
9
+ export { LEVEL_SEARCH_CASCADE } from './levelSearchCascade.js';
10
10
  export { JSON_COMBINATION } from './jsonCombination/index.js';
11
11
  export { COMBINATION } from './combination.js';
12
12
  export { CHECKBOX } from './checkbox.js';
@@ -17,3 +17,4 @@ export { SLIDER } from './slider.js';
17
17
  export { COMPLEX } from './complex.js';
18
18
  export { BUTTON, LINE_BREAKS, TEXT } from './simpleComponent.js';
19
19
  export { SEARCH } from './search.js';
20
+ export { SEARCH_CASCADE } from './searchCascade.js';
@@ -1,6 +1,7 @@
1
1
  import { AnyObject, Func } from '../../../../../../es/shared/types';
2
2
  import { PropType } from 'vue';
3
- export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
3
+ declare type ValueType = string | AnyObject[];
4
+ export declare const LEVEL_SEARCH_CASCADE: import("vue").DefineComponent<{
4
5
  options: {
5
6
  type: PropType<AnyObject[]>;
6
7
  default: () => never[];
@@ -8,6 +9,14 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
8
9
  onFocus: {
9
10
  type: PropType<Func<any[], any>>;
10
11
  };
12
+ autograph: {
13
+ type: StringConstructor;
14
+ required: true;
15
+ };
16
+ lazyRequest: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
11
20
  wordbook: {
12
21
  type: PropType<Partial<{
13
22
  level_num: number;
@@ -20,15 +29,17 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
20
29
  level_key: string;
21
30
  link_key: string;
22
31
  link_key_split: string;
23
- show_key: string;
32
+ show_key: string[];
24
33
  conObj: AnyObject[];
25
34
  conObjFirstLevel: AnyObject[];
26
35
  }>>;
27
36
  required: true;
28
37
  };
29
38
  onChange: {};
30
- value: {};
31
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
39
+ value: {
40
+ type: PropType<ValueType>;
41
+ };
42
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
43
  options: {
33
44
  type: PropType<AnyObject[]>;
34
45
  default: () => never[];
@@ -36,6 +47,14 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
36
47
  onFocus: {
37
48
  type: PropType<Func<any[], any>>;
38
49
  };
50
+ autograph: {
51
+ type: StringConstructor;
52
+ required: true;
53
+ };
54
+ lazyRequest: {
55
+ type: BooleanConstructor;
56
+ default: boolean;
57
+ };
39
58
  wordbook: {
40
59
  type: PropType<Partial<{
41
60
  level_num: number;
@@ -48,16 +67,20 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
48
67
  level_key: string;
49
68
  link_key: string;
50
69
  link_key_split: string;
51
- show_key: string;
70
+ show_key: string[];
52
71
  conObj: AnyObject[];
53
72
  conObjFirstLevel: AnyObject[];
54
73
  }>>;
55
74
  required: true;
56
75
  };
57
76
  onChange: {};
58
- value: {};
77
+ value: {
78
+ type: PropType<ValueType>;
79
+ };
59
80
  }>> & {
60
81
  "onUpdate:value"?: ((...args: any[]) => any) | undefined;
61
82
  }, {
62
83
  options: AnyObject[];
84
+ lazyRequest: boolean;
63
85
  }>;
86
+ export {};