cnhis-design-vue 3.3.1-beta.58 → 3.3.1-beta.59

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
@@ -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
+ ```
@@ -130,7 +130,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
130
130
  onEnd,
131
131
  onFail: _cache[1] || (_cache[1] = (error) => emit("fail", error)),
132
132
  onSuccess
133
- }), null, 16, ["loading"])) : createCommentVNode("v-if", true), createCommentVNode(' <c-form\n v-if="isForm"\n :configs="configsAndBasicData.configs"\n :data="jsonData"\n @close="onFormClose"\n @finish="onFinish"\n /> ')], 64)) : (openBlock(), createBlock(RecordingModal$1, {
133
+ }), null, 16, ["loading"])) : createCommentVNode("v-if", true), createCommentVNode(' <c-form\r\n v-if="isForm"\r\n :configs="configsAndBasicData.configs"\r\n :data="jsonData"\r\n @close="onFormClose"\r\n @finish="onFinish"\r\n /> ')], 64)) : (openBlock(), createBlock(RecordingModal$1, {
134
134
  key: 1,
135
135
  content: unref(content)
136
136
  }, null, 8, ["content"]))], 4);
@@ -175,6 +175,9 @@ declare const _default: import("vue").DefineComponent<{
175
175
  modelValue: unknown[];
176
176
  componentData: Record<string, any>;
177
177
  } & {
178
+ /**
179
+ * 改变弹窗大小
180
+ */
178
181
  itemKey?: string | Function | undefined;
179
182
  }>, {
180
183
  move: Function;
@@ -534,9 +534,9 @@ declare const _default: import("vue").DefineComponent<{
534
534
  }>;
535
535
  developMode: boolean;
536
536
  draggable: boolean;
537
- isHighlightRow: boolean;
538
537
  idx: number;
539
538
  isHighlight: boolean;
539
+ isHighlightRow: boolean;
540
540
  isFieldSet: boolean;
541
541
  fieldDescribeMode: "column" | "tooltip";
542
542
  hideExpressionOption: AnyObject[];
@@ -563,9 +563,9 @@ declare const _default: import("vue").DefineComponent<{
563
563
  }>;
564
564
  developMode: boolean;
565
565
  draggable: boolean;
566
- isHighlightRow: boolean;
567
566
  idx: number;
568
567
  isHighlight: boolean;
568
+ isHighlightRow: boolean;
569
569
  isFieldSet: boolean;
570
570
  fieldDescribeMode: "column" | "tooltip";
571
571
  hideExpressionOption: AnyObject[];
@@ -722,9 +722,9 @@ declare const _default: import("vue").DefineComponent<{
722
722
  }>;
723
723
  developMode: boolean;
724
724
  draggable: boolean;
725
- isHighlightRow: boolean;
726
725
  idx: number;
727
726
  isHighlight: boolean;
727
+ isHighlightRow: boolean;
728
728
  isFieldSet: boolean;
729
729
  fieldDescribeMode: "column" | "tooltip";
730
730
  hideExpressionOption: AnyObject[];
@@ -383,9 +383,9 @@ declare const _default: import("vue").DefineComponent<{
383
383
  }>;
384
384
  developMode: boolean;
385
385
  draggable: boolean;
386
- isHighlightRow: boolean;
387
386
  idx: number;
388
387
  isHighlight: boolean;
388
+ isHighlightRow: boolean;
389
389
  isFieldSet: boolean;
390
390
  fieldDescribeMode: "column" | "tooltip";
391
391
  hideExpressionOption: AnyObject[];
@@ -170,7 +170,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
170
170
  round: "",
171
171
  size: 100,
172
172
  onClickCapture: _cache[0] || (_cache[0] = ($event) => showLargeAvatar.value = true)
173
- }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\n <n-upload-trigger #="{ handleClick }" abstract>\n <n-button\n circle\n secondary\n class="edit-avatar"\n v-show="userDetail.id === state.userInfo.id"\n @click="handleClick"\n >\n <template #icon>\n <n-icon size="16" color="#666666" :component="Camera" />\n </template>\n </n-button>\n </n-upload-trigger>\n </n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
173
+ }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\r\n <n-upload-trigger #="{ handleClick }" abstract>\r\n <n-button\r\n circle\r\n secondary\r\n class="edit-avatar"\r\n v-show="userDetail.id === state.userInfo.id"\r\n @click="handleClick"\r\n >\r\n <template #icon>\r\n <n-icon size="16" color="#666666" :component="Camera" />\r\n </template>\r\n </n-button>\r\n </n-upload-trigger>\r\n </n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
174
174
  class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(userDetail.roleInfo) ? "isDoctor" : ""])
175
175
  }, toDisplayString(unref(getRoleName)(userDetail.roleInfo)), 3), [[vShow, unref(getRoleName)(userDetail.roleInfo)]])]), createElementVNode("p", null, toDisplayString(userDetail.orgName), 1)]), createVNode(unref(NButton), {
176
176
  strong: "",
@@ -193,7 +193,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
193
193
  }]),
194
194
  ref_key: "scaleViewDom",
195
195
  ref: scaleViewDom
196
- }, [createCommentVNode(' <template v-if="state.spinning">\n <n-spin :show="state.spinning" description="\u52A0\u8F7D\u4E2D"></n-spin>\n </template> '), !state.spinning && !state.hasFrontAddress ? (openBlock(), createElementBlock(Fragment, {
196
+ }, [createCommentVNode(' <template v-if="state.spinning">\r\n <n-spin :show="state.spinning" description="\u52A0\u8F7D\u4E2D"></n-spin>\r\n </template> '), !state.spinning && !state.hasFrontAddress ? (openBlock(), createElementBlock(Fragment, {
197
197
  key: 0
198
198
  }, [unref(noDataState).noData ? (openBlock(), createBlock(NoData, {
199
199
  key: 0,
@@ -495,9 +495,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
495
495
  expandedKeys.value = treeData.value.length && keyword.value ? getExpandedKeys(treeData.value) : [];
496
496
  }
497
497
  function setTreeCheckd(tree, checked) {
498
- var _a3, _b3;
499
- const checkStrategy = (_b3 = (_a3 = props == null ? void 0 : props.treeSetting) == null ? void 0 : _a3.checkStrategy) != null ? _b3 : "child";
500
- switch (checkStrategy) {
498
+ switch (checkStrategyResult.value) {
501
499
  case "child":
502
500
  setCheckdWithChild(tree, checked);
503
501
  break;
@@ -540,19 +538,30 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
540
538
  }
541
539
  }
542
540
  function setCheckdWithAll(tree, checked) {
543
- checkedKeys.value = [];
541
+ var _a3;
542
+ if (!props.onlyForwardCascade) {
543
+ checkedKeys.value = [];
544
+ }
545
+ let newKeys = checkedKeys.value;
544
546
  for (let i = 0, len = tree.length; i < len; i++) {
545
547
  const item = tree[i];
546
548
  if (!item.disabled) {
547
- if (checked && !checkedKeys.value.includes(item.key)) {
548
- checkedKeys.value.push(item.key);
549
+ if (checked) {
550
+ newKeys = union(newKeys, [item.key]);
551
+ } else {
552
+ remove(newKeys, (key) => [item.key].includes(key));
549
553
  }
550
- if (!checked) {
551
- const keyIndex = checkedKeys.value.findIndex((key) => key === item.key);
552
- checkedKeys.value.splice(keyIndex, 1);
554
+ }
555
+ if (((_a3 = item.children) == null ? void 0 : _a3.length) && props.onlyForwardCascade) {
556
+ const flattenKeys = getFlattenKeys(item.children);
557
+ if (checked) {
558
+ newKeys = union(newKeys, flattenKeys);
559
+ } else {
560
+ remove(newKeys, (key) => flattenKeys.includes(key));
553
561
  }
554
562
  }
555
563
  }
564
+ checkedKeys.value = newKeys;
556
565
  }
557
566
  function checkedAllChange(checked) {
558
567
  setTreeCheckd(treeData.value, checked);
package/es/env.d.ts CHANGED
@@ -1,25 +1,25 @@
1
- /// <reference types="vite/client" />
2
-
3
- interface ImportMetaEnv {
4
- readonly VITE_APP_TYPE: string;
5
- // 更多环境变量...
6
- }
7
-
8
- interface ImportMeta {
9
- readonly env: ImportMetaEnv;
10
- }
11
-
12
- declare module '*.vue' {
13
- // @ts-ignore
14
- import type { App, defineComponent } from 'vue';
15
- // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
16
- // // const component: DefineComponent<{}, {}, any>
17
- const component: ReturnType<typeof defineComponent> & {
18
- install(app: App): void;
19
- };
20
- // @ts-ignore
21
- export default component;
22
- }
23
-
24
- declare module '*.js';
25
-
1
+ /// <reference types="vite/client" />
2
+
3
+ interface ImportMetaEnv {
4
+ readonly VITE_APP_TYPE: string;
5
+ // 更多环境变量...
6
+ }
7
+
8
+ interface ImportMeta {
9
+ readonly env: ImportMetaEnv;
10
+ }
11
+
12
+ declare module '*.vue' {
13
+ // @ts-ignore
14
+ import type { App, defineComponent } from 'vue';
15
+ // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
16
+ // // const component: DefineComponent<{}, {}, any>
17
+ const component: ReturnType<typeof defineComponent> & {
18
+ install(app: App): void;
19
+ };
20
+ // @ts-ignore
21
+ export default component;
22
+ }
23
+
24
+ declare module '*.js';
25
+
@@ -1,5 +1,5 @@
1
1
  var name = "@cnhis-design-vue/shared";
2
- var version = "3.3.1-beta.58";
2
+ var version = "3.3.1-beta.59";
3
3
  var main = "index.ts";
4
4
  var peerDependencies = {
5
5
  "naive-ui": "^2.30.0",
package/package.json CHANGED
@@ -1,77 +1,77 @@
1
- {
2
- "name": "cnhis-design-vue",
3
- "version": "3.3.1-beta.58",
4
- "license": "ISC",
5
- "module": "./es/components/index.js",
6
- "main": "./es/components/index.js",
7
- "types": "./es/components/index.d.ts",
8
- "sideEffects": [
9
- "es/components/**/style/*",
10
- "es/components/*(.css,.less)"
11
- ],
12
- "files": [
13
- "es",
14
- "README.md"
15
- ],
16
- "peerDependencies": {
17
- "@fullcalendar/core": "^6.1.10",
18
- "@fullcalendar/interaction": "^6.1.10",
19
- "@fullcalendar/resource": "^6.1.10",
20
- "@fullcalendar/resource-timegrid": "^6.1.10",
21
- "@fullcalendar/scrollgrid": "^6.1.10",
22
- "@fullcalendar/vue3": "^6.1.10",
23
- "naive-ui": "^2.34.0",
24
- "vue": "^3.2.0",
25
- "vxe-table": "^4.2.5"
26
- },
27
- "dependencies": {
28
- "@formily/core": "2.1.9",
29
- "@formily/path": "2.1.9",
30
- "@formily/reactive": "2.1.9",
31
- "@formily/vue": "2.1.9",
32
- "@microsoft/fetch-event-source": "^2.0.1",
33
- "@vicons/ionicons5": "^0.12.0",
34
- "@vueuse/core": "^8.6.0",
35
- "@vueuse/shared": "^8.6.0",
36
- "@wangeditor/editor": "^5.1.1",
37
- "@wangeditor/editor-for-vue": "^5.1.11",
38
- "axios": "^0.27.2",
39
- "bpmn-js": "^9.2.2",
40
- "bpmnlint-utils": "^1.0.2",
41
- "date-fns": "^3.6.0",
42
- "diagram-js": "^8.7.1",
43
- "ids": "^1.0.0",
44
- "inherits": "^2.0.4",
45
- "lodash": "^4.17.21",
46
- "lodash-es": "^4.17.21",
47
- "lodash-unified": "^1.0.2",
48
- "markdown-it": "^13.0.1",
49
- "min-dash": "^3.8.1",
50
- "min-dom": "^3.2.1",
51
- "moment": "^2.29.1",
52
- "naive-ui": "^2.34.0",
53
- "socket.io-client": "^4.7.3",
54
- "sockjs-client": "^1.6.1",
55
- "sortablejs": "^1.15.0",
56
- "spark-md5": "^3.0.2",
57
- "stompjs": "^2.3.3",
58
- "tiny-svg": "^2.2.4",
59
- "trtc-sdk-v5": "^5.5.2",
60
- "v-viewer": "^3.0.10",
61
- "video.js": "^7.19.2",
62
- "videojs-contrib-hls": "^5.15.0",
63
- "viewerjs": "^1.10.5",
64
- "vue": "^3.2.0",
65
- "vue-simple-uploader": "^1.0.0-beta.5",
66
- "xe-utils": "^3.5.4"
67
- },
68
- "browserslist": [
69
- "defaults",
70
- "not ie < 8",
71
- "last 2 versions",
72
- "> 1%",
73
- "iOS 7",
74
- "last 3 iOS versions"
75
- ],
76
- "gitHead": "d68ac770487953c9f8b2d049c979b7efd97626c3"
77
- }
1
+ {
2
+ "name": "cnhis-design-vue",
3
+ "version": "3.3.1-beta.59",
4
+ "license": "ISC",
5
+ "module": "./es/components/index.js",
6
+ "main": "./es/components/index.js",
7
+ "types": "./es/components/index.d.ts",
8
+ "sideEffects": [
9
+ "es/components/**/style/*",
10
+ "es/components/*(.css,.less)"
11
+ ],
12
+ "files": [
13
+ "es",
14
+ "README.md"
15
+ ],
16
+ "peerDependencies": {
17
+ "@fullcalendar/core": "^6.1.10",
18
+ "@fullcalendar/interaction": "^6.1.10",
19
+ "@fullcalendar/resource": "^6.1.10",
20
+ "@fullcalendar/resource-timegrid": "^6.1.10",
21
+ "@fullcalendar/scrollgrid": "^6.1.10",
22
+ "@fullcalendar/vue3": "^6.1.10",
23
+ "naive-ui": "^2.34.0",
24
+ "vue": "^3.2.0",
25
+ "vxe-table": "^4.2.5"
26
+ },
27
+ "dependencies": {
28
+ "@formily/core": "2.1.9",
29
+ "@formily/path": "2.1.9",
30
+ "@formily/reactive": "2.1.9",
31
+ "@formily/vue": "2.1.9",
32
+ "@microsoft/fetch-event-source": "^2.0.1",
33
+ "@vicons/ionicons5": "^0.12.0",
34
+ "@vueuse/core": "^8.6.0",
35
+ "@vueuse/shared": "^8.6.0",
36
+ "@wangeditor/editor": "^5.1.1",
37
+ "@wangeditor/editor-for-vue": "^5.1.11",
38
+ "axios": "^0.27.2",
39
+ "bpmn-js": "^9.2.2",
40
+ "bpmnlint-utils": "^1.0.2",
41
+ "date-fns": "^3.6.0",
42
+ "diagram-js": "^8.7.1",
43
+ "ids": "^1.0.0",
44
+ "inherits": "^2.0.4",
45
+ "lodash": "^4.17.21",
46
+ "lodash-es": "^4.17.21",
47
+ "lodash-unified": "^1.0.2",
48
+ "markdown-it": "^13.0.1",
49
+ "min-dash": "^3.8.1",
50
+ "min-dom": "^3.2.1",
51
+ "moment": "^2.29.1",
52
+ "naive-ui": "^2.34.0",
53
+ "socket.io-client": "^4.7.3",
54
+ "sockjs-client": "^1.6.1",
55
+ "sortablejs": "^1.15.0",
56
+ "spark-md5": "^3.0.2",
57
+ "stompjs": "^2.3.3",
58
+ "tiny-svg": "^2.2.4",
59
+ "trtc-sdk-v5": "^5.5.2",
60
+ "v-viewer": "^3.0.10",
61
+ "video.js": "^7.19.2",
62
+ "videojs-contrib-hls": "^5.15.0",
63
+ "viewerjs": "^1.10.5",
64
+ "vue": "^3.2.0",
65
+ "vue-simple-uploader": "^1.0.0-beta.5",
66
+ "xe-utils": "^3.5.4"
67
+ },
68
+ "browserslist": [
69
+ "defaults",
70
+ "not ie < 8",
71
+ "last 2 versions",
72
+ "> 1%",
73
+ "iOS 7",
74
+ "last 3 iOS versions"
75
+ ],
76
+ "gitHead": "8608bbfc8f8273af160171d5f3b105559efd3463"
77
+ }