cnhis-design-vue 3.4.0-beta.66 → 3.4.0-beta.68

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
+ ```
@@ -553,12 +553,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
553
553
  hide: boolean;
554
554
  }>;
555
555
  draggable: boolean;
556
- fieldDescribeMode: "column" | "tooltip";
557
- isFieldSet: boolean;
558
- hideExpressionOption: AnyObject[];
556
+ isHighlightRow: boolean;
559
557
  idx: number;
560
558
  isHighlight: boolean;
561
- isHighlightRow: boolean;
559
+ isFieldSet: boolean;
560
+ fieldDescribeMode: "column" | "tooltip";
561
+ hideExpressionOption: AnyObject[];
562
562
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
563
563
  EditDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
564
564
  visible: {
@@ -594,12 +594,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
594
594
  hide: boolean;
595
595
  }>;
596
596
  draggable: boolean;
597
- fieldDescribeMode: "column" | "tooltip";
598
- isFieldSet: boolean;
599
- hideExpressionOption: AnyObject[];
597
+ isHighlightRow: boolean;
600
598
  idx: number;
601
599
  isHighlight: boolean;
602
- isHighlightRow: boolean;
600
+ isFieldSet: boolean;
601
+ fieldDescribeMode: "column" | "tooltip";
602
+ hideExpressionOption: AnyObject[];
603
603
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
604
604
  readonly setStyle: typeof setStyle;
605
605
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -773,12 +773,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
773
773
  hide: boolean;
774
774
  }>;
775
775
  draggable: boolean;
776
- fieldDescribeMode: "column" | "tooltip";
777
- isFieldSet: boolean;
778
- hideExpressionOption: AnyObject[];
776
+ isHighlightRow: boolean;
779
777
  idx: number;
780
778
  isHighlight: boolean;
781
- isHighlightRow: boolean;
779
+ isFieldSet: boolean;
780
+ fieldDescribeMode: "column" | "tooltip";
781
+ hideExpressionOption: AnyObject[];
782
782
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
783
783
  readonly isArray: {
784
784
  (value?: any): value is any[];
@@ -918,9 +918,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
918
918
  showSeq: boolean;
919
919
  developMode: boolean;
920
920
  footerFlag: boolean;
921
+ fieldDescribeMode: "column" | "tooltip";
921
922
  customColumns: FieldSetColumnItem[];
922
923
  showSortPriority: boolean;
923
924
  showHeadFilter: boolean;
924
- fieldDescribeMode: "column" | "tooltip";
925
925
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
926
926
  export default _default;
@@ -274,8 +274,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
274
274
  var _a2, _b;
275
275
  if (!((_a2 = props.showColumnNames) == null ? void 0 : _a2.length)) {
276
276
  const isEdit = ["editable", "required"].includes(column.field);
277
- if (isEdit && !props.isEdit || column.field === "sortPriority" && !props.showSortPriority || column.field === "isShowHeaderFilter" && !props.showHeadFilter || column.field === "hideExpression" && !((_b = props.hideExpressionConfig) == null ? void 0 : _b.show))
277
+ if (isEdit && !props.isEdit || column.field === "sortPriority" && !props.showSortPriority || column.field === "isShowHeaderFilter" && !props.showHeadFilter)
278
278
  return false;
279
+ if (column.field === "hideExpression" && !!((_b = props.hideExpressionConfig) == null ? void 0 : _b.show))
280
+ return true;
279
281
  return !column.hide;
280
282
  }
281
283
  return true;
@@ -384,11 +384,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
384
384
  hide: boolean;
385
385
  }>;
386
386
  draggable: boolean;
387
- fieldDescribeMode: "column" | "tooltip";
388
- isFieldSet: boolean;
389
- hideExpressionOption: AnyObject[];
387
+ isHighlightRow: boolean;
390
388
  idx: number;
391
389
  isHighlight: boolean;
392
- isHighlightRow: boolean;
390
+ isFieldSet: boolean;
391
+ fieldDescribeMode: "column" | "tooltip";
392
+ hideExpressionOption: AnyObject[];
393
393
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
394
394
  export default _default;
@@ -601,7 +601,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
601
601
  }, {
602
602
  default: withCtx(() => [!unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
603
603
  key: 0
604
- }, [createCommentVNode(' <n-button\r\n quaternary\r\n size="tiny"\r\n @click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\r\n >\r\n <template #icon>\r\n <n-icon size="17" :component="HappyOutline" />\r\n </template>\r\n </n-button> '), createVNode(unref(NButton), {
604
+ }, [createCommentVNode(' <n-button\n quaternary\n size="tiny"\n @click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\n >\n <template #icon>\n <n-icon size="17" :component="HappyOutline" />\n </template>\n </n-button> '), createVNode(unref(NButton), {
605
605
  quaternary: "",
606
606
  size: "tiny",
607
607
  onClick: () => setReferenceMsg(item)
@@ -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">\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", {
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", {
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: "",
@@ -147,7 +147,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
147
147
  return treeMap.get(key);
148
148
  }).filter((tag) => !props.uncheckableField || props.uncheckableField && !tag.originItem[props.uncheckableField]);
149
149
  if (isRemote.value) {
150
- return [...remoteDefaultList.value, ...re];
150
+ const mergeTags = [...remoteDefaultList.value, ...re];
151
+ const seen = /* @__PURE__ */ new Set();
152
+ const unique = mergeTags.filter((item) => {
153
+ const k = item.key;
154
+ if (seen.has(k))
155
+ return false;
156
+ seen.add(k);
157
+ return true;
158
+ });
159
+ return unique;
151
160
  }
152
161
  return re;
153
162
  });
@@ -186,6 +195,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
186
195
  label: tag.name
187
196
  };
188
197
  });
198
+ checkedKeys.value = props.defaultList.map((v) => v.key).filter((key) => treeMap.has(key));
199
+ return;
189
200
  }
190
201
  checkedKeys.value = props.defaultList.filter((k) => treeMap.has(k));
191
202
  }
@@ -213,6 +224,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
213
224
  });
214
225
  curNode.children = tempData.treeItems;
215
226
  }
227
+ const defaultKeys = props.defaultList.map((v) => v.key).filter((key) => treeMap.has(key));
228
+ if (defaultKeys == null ? void 0 : defaultKeys.length) {
229
+ checkedKeys.value = [.../* @__PURE__ */ new Set([...checkedKeys.value, ...defaultKeys])];
230
+ }
216
231
  return curNode;
217
232
  }
218
233
  return node;
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.4.0-beta.66";
2
+ var version = "3.4.0-beta.68";
3
3
  var main = "index.ts";
4
4
  var peerDependencies = {
5
5
  "naive-ui": "^2.30.0",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cnhis-design-vue",
3
- "version": "3.4.0-beta.66",
3
+ "version": "3.4.0-beta.68",
4
4
  "license": "ISC",
5
5
  "module": "./es/components/index.js",
6
6
  "main": "./es/components/index.js",
@@ -73,5 +73,5 @@
73
73
  "iOS 7",
74
74
  "last 3 iOS versions"
75
75
  ],
76
- "gitHead": "ebc0b457ddea06a2b1a8abe4234e5c077782291f"
76
+ "gitHead": "ddc81dfa5795891aea5b87fa25bf69b1d0a98c68"
77
77
  }