cnhis-design-vue 3.1.9-beta.10 → 3.1.9-beta.13

package/es/packages/select-label/src/SelectLabel.vue.d.ts

@@ -51,6 +51,20 @@ declare const _default: import("vue").DefineComponent<{
             data: {};
         }>;
     };
+    deleteLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => Promise<{
+            status: boolean;
+        }>;
+    };
+    saveLabelItem: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => Promise<{
+            status: boolean;
+        }>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         selectedList: {
@@ -102,6 +116,20 @@ declare const _default: import("vue").DefineComponent<{
                 data: {};
             }>;
         };
+        deleteLabel: {
+            type: FunctionConstructor;
+            required: false;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
+        saveLabelItem: {
+            type: FunctionConstructor;
+            required: false;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
     }>> & {
         onOnChange?: ((...args: any[]) => any) | undefined;
         onScaleChange?: ((...args: any[]) => any) | undefined;
@@ -4578,17 +4606,17 @@ declare const _default: import("vue").DefineComponent<{
                         arrowOffsetVertical: string;
                         arrowHeight: string;
                         padding: string;
-                    }, any>; /**
-                     * typeName 按照分类处理
-                     * 没有分类创建分类，有则添加
-                     */
+                    }, any>;
                 }>>;
                 themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
                     borderRadius: string;
                     boxShadow: string;
                     color: string;
                     textColor: string;
-                    padding: string;
+                    padding: string; /**
+                     * typeName 按照分类处理
+                     * 没有分类创建分类，有则添加
+                     */
                 }, {
                     Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
                         fontSize: string;
@@ -4602,7 +4630,11 @@ declare const _default: import("vue").DefineComponent<{
                         arrowOffset: string;
                         arrowOffsetVertical: string;
                         arrowHeight: string;
-                        padding: string;
+                        padding: string; /**
+                         * labelObj 展示的分类值
+                         * labelList 原始数据结构
+                         * selectList 已选的数据
+                         */
                     }, any>;
                 }>>>;
                 builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Tooltip", {
@@ -6523,7 +6555,9 @@ declare const _default: import("vue").DefineComponent<{
                 placeholder: import("vue").PropType<string | [string, string]>;
                 defaultValue: {
                     type: import("vue").PropType<string | [string, string] | null>;
-                    default: null;
+                    default: null; /**
+                     * 清空选项和常用值;
+                     */
                 };
                 value: import("vue").PropType<string | [string, string] | null>;
                 disabled: {
@@ -7486,9 +7520,9 @@ declare const _default: import("vue").DefineComponent<{
         sourceType: string;
         getLabelList: Function;
         explicit: boolean;
-        isEdit: boolean;
         deleteLabel: Function;
         saveLabelItem: Function;
+        isEdit: boolean;
     }>;
     handleLabelColor: typeof handleLabelColor;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "scaleChange" | "vodFileList")[], "onChange" | "scaleChange" | "vodFileList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -7541,6 +7575,20 @@ declare const _default: import("vue").DefineComponent<{
             data: {};
         }>;
     };
+    deleteLabel: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => Promise<{
+            status: boolean;
+        }>;
+    };
+    saveLabelItem: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => Promise<{
+            status: boolean;
+        }>;
+    };
 }>> & {
     onOnChange?: ((...args: any[]) => any) | undefined;
     onScaleChange?: ((...args: any[]) => any) | undefined;
@@ -7555,5 +7603,7 @@ declare const _default: import("vue").DefineComponent<{
     explicit: boolean;
     explicitHeiht: string;
     queryCommonlabels: Function;
+    deleteLabel: Function;
+    saveLabelItem: Function;
 }>;
 export default _default;

package/es/packages/select-label/src/SelectLabel.vue_vue_type_script_setup_true_lang.js

@@ -65,6 +65,20 @@ var script = /* @__PURE__ */ defineComponent({
       default: () => Promise.resolve({
         data: {}
       })
+    },
+    deleteLabel: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        status: true
+      })
+    },
+    saveLabelItem: {
+      type: Function,
+      required: false,
+      default: () => Promise.resolve({
+        status: true
+      })
     }
   },
   emits: ["onChange", "scaleChange", "vodFileList"],
@@ -397,9 +411,11 @@ var script = /* @__PURE__ */ defineComponent({
         labelSelectedList: state.labelSelectedList,
         isChangeWindow: state.isChangeWindow,
         labelOptions: state.editLabelItem.labelObj,
+        deleteLabel: __props.deleteLabel,
+        saveLabelItem: __props.saveLabelItem,
         onUpdateLabelData: updateLabelData,
         onExplicitOnChange: explicitOnChange
-      }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions"])])) : createCommentVNode("v-if", true)]), createCommentVNode(" \u5F39\u7A97 "), createVNode(unref(NModal), {
+      }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "deleteLabel", "saveLabelItem"])])) : createCommentVNode("v-if", true)]), createCommentVNode(" \u5F39\u7A97 "), createVNode(unref(NModal), {
         preset: "dialog",
         class: normalizeClass(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white", {
           "modal-screen": state.isChangeWindow
@@ -426,8 +442,10 @@ var script = /* @__PURE__ */ defineComponent({
           isChangeWindow: state.isChangeWindow,
           labelOptions: state.editLabelItem.labelObj,
           sourceType: __props.sourceType,
+          deleteLabel: __props.deleteLabel,
+          saveLabelItem: __props.saveLabelItem,
           onUpdateLabelData: updateLabelData
-        }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "sourceType"])]),
+        }), null, 16, ["labelSelectedList", "isChangeWindow", "labelOptions", "sourceType", "deleteLabel", "saveLabelItem"])]),
         _: 1
       }, 8, ["show", "class", "style"])], 64);
     };

package/es/packages/select-label/src/components/label-classify.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
+import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
 import { NTag, NTooltip, NIcon, NButton, NInput } from 'naive-ui';
 import { Close, Add } from '@vicons/ionicons5';
 
@@ -42,6 +42,9 @@ var script = /* @__PURE__ */ defineComponent({
       item.isSelect = value;
       props.handleLabelChange(value, item, classifyItem);
     };
+    watch(() => props.classifyItem, (val) => {
+      itemList.value = (val == null ? void 0 : val.itemList) || [];
+    }, { immediate: true, deep: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(" disable "),

package/es/packages/select-label/style/index.css

@@ -145,3 +145,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.n-dialog__title .svg-wrap {
+  margin: 0 0 0 auto;
+}
+.n-dialog__title .svg-wrap svg {
+  font-size: 14px;
+  cursor: pointer;
+}
+.n-dialog__title .svg-wrap svg + svg {
+  margin-left: 16px;
+}

package/es/src/assets/img/failure.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/icon-asc.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/icon-desc.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/no-permission.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/nodata.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/notfound.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/qr.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/success.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/video.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/video_default_cover.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/video_hover.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/video_play_hover.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/xb_big.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/assets/img/xb_small.d.ts

@@ -1 +1,2 @@
-type source = string;export default source;
+type source = string;
+export default source;

package/es/src/components/player-vod/video-modal.js

@@ -57,7 +57,7 @@ var videoModal = defineComponent({
         "preset": "card",
         "style": {
           width: "60vw",
-          height: "auto"
+          height: "65vh"
         },
         "on-after-leave": handleCancel
       }, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.9-beta.10",
+  "version": "3.1.9-beta.13",
   "license": "ISC",
   "module": "es/packages/index.js",
   "main": "es/packages/index.js",
@@ -32,7 +32,6 @@
     "@formily/core": "^2.1.9",
     "@formily/vue": "^2.1.9",
     "@highlightjs/vue-plugin": "^2.1.0",
-    "@types/fabric": "^4.5.9",
     "@vicons/ionicons5": "^0.12.0",
     "@vueuse/core": "^8.6.0",
     "@vueuse/shared": "^8.6.0",
@@ -42,7 +41,6 @@
     "babel-preset-typescript": "7.0.0-alpha.19",
     "bpmn-js": "^9.2.2",
     "crypto-js": "^4.1.1",
-    "fabric": "^5.2.1",
     "highlight.js": "^11.5.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
@@ -63,7 +61,6 @@
     "xe-utils": "^3.5.4"
   },
   "devDependencies": {
-    "codesandbox": "^2.2.3",
     "@babel/cli": "^7.17.10",
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.18.2",
@@ -91,6 +88,7 @@
     "axios": "^0.27.2",
     "bpmn-js": "^9.2.2",
     "chalk": "^5.0.1",
+    "codesandbox": "^2.2.3",
     "consola": "^2.15.3",
     "cross-env": "^7.0.3",
     "cssnano": "^5.1.7",

package/test.ts

@@ -0,0 +1,326 @@
+import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "markdown"
+};
+
+const _hoisted_2 = /*#__PURE__*/_createElementVNode("p", null, null, -1
+  /* HOISTED */
+);
+
+const _hoisted_3 = /*#__PURE__*/_createElementVNode("h1", null, "信息展示头(CInfoHeader)", -1
+  /* HOISTED */
+);
+
+const _hoisted_4 = ["innerHTML"];
+
+const _hoisted_5 = /*#__PURE__*/_createElementVNode("h2", null, "Props", -1
+  /* HOISTED */
+);
+
+const _hoisted_6 = /*#__PURE__*/_createElementVNode("h2", null, "Emits", -1
+  /* HOISTED */
+);
+
+const _hoisted_7 = /*#__PURE__*/_createElementVNode("h2", null, "Slots", -1
+  /* HOISTED */
+);
+
+const _hoisted_8 = /*#__PURE__*/_createElementVNode("h2", null, "Expose", -1
+  /* HOISTED */
+);
+
+export function render(_ctx, _cache) {
+  const _component_Component0 = _resolveComponent("Component0");
+
+  const _component_demo_collapse = _resolveComponent("demo-collapse");
+
+  const _component_n_data_table = _resolveComponent("n-data-table");
+
+  const _component_anchor_list = _resolveComponent("anchor-list");
+
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createVNode(_component_anchor_list, null, {
+    default: _withCtx(() => [_hoisted_2, _hoisted_3, _createElementVNode("p", null, [_createVNode(_component_demo_collapse, null, {
+      source: _withCtx(() => [_createElementVNode("pre", null, [_createElementVNode("code", {
+          class: "hljs",
+          innerHTML: _ctx.code__Component0
+        }, null, 8
+        /* PROPS */
+        , _hoisted_4)])]),
+      default: _withCtx(() => [_createVNode(_component_Component0)]),
+      _: 1
+      /* STABLE */
+
+    })]), _hoisted_5, _createVNode(_component_n_data_table, {
+        striped: "",
+        size: "small",
+        data: [{
+          [`name`]: `compact`,
+          [`type`]: `Boolean`,
+          [`defaultValue`]: `-`,
+          [`description`]: ` 是否为紧凑模式`
+        }, {
+          [`name`]: `separator`,
+          [`type`]: `String`,
+          [`defaultValue`]: `':'`,
+          [`description`]: ` info区域分隔符`
+        }, {
+          [`name`]: `patientInfo`,
+          [`type`]: `Object`,
+          [`defaultValue`]: `() => ({})`,
+          [`description`]: ` 患者信息`
+        }, {
+          [`name`]: `infoList`,
+          [`type`]: `Array`,
+          [`defaultValue`]: `-`,
+          [`description`]: ` info区数据源`
+        }, {
+          [`name`]: `labelField`,
+          [`type`]: `String`,
+          [`defaultValue`]: `'label'`,
+          [`description`]: ` info区数据源label字段`
+        }, {
+          [`name`]: `valueField`,
+          [`type`]: `String`,
+          [`defaultValue`]: `'value'`,
+          [`description`]: ` info区数据源value字段`
+        }, {
+          [`name`]: `minColumnWidth`,
+          [`type`]: `[String, Number]`,
+          [`defaultValue`]: `240`,
+          [`description`]: ` info区列最小宽度`
+        }, {
+          [`name`]: `rowHeight`,
+          [`type`]: `[String, Number]`,
+          [`defaultValue`]: `32`,
+          [`description`]: ` info区行高`
+        }],
+        columns: [{
+          [`title`]: `属性`,
+          [`key`]: `name`
+        }, {
+          [`title`]: `类型`,
+          [`key`]: `type`
+        }, {
+          [`title`]: `默认值`,
+          [`key`]: `defaultValue`
+        }, {
+          [`title`]: `描述`,
+          [`key`]: `description`
+        }]
+      }, null, 8
+      /* PROPS */
+      , ["data"]), _hoisted_6, _createVNode(_component_n_data_table, {
+      striped: "",
+      size: "small",
+      data: [{
+        [`name`]: `openPatientInfo`,
+        [`description`]: ` 点击患者信息图标回调`
+      }, {
+        [`name`]: `fieldSet`,
+        [`description`]: ` 点击修改field图标回调`
+      }, {
+        [`name`]: `update:compact`,
+        [`description`]: ` 点击模式切换按钮回调`
+      }],
+      columns: [{
+        [`title`]: `事件名`,
+        [`key`]: `name`
+      }, {
+        [`title`]: `描述`,
+        [`key`]: `description`
+      }]
+    }), _hoisted_7, _createVNode(_component_n_data_table, {
+      striped: "",
+      size: "small",
+      data: [{
+        [`name`]: `operation`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `patientModule`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `avatar`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `avatarInfo`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `info`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `setting`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `patientInfoIcon`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `fieldSetIcon`,
+        [`description`]: `-`
+      }, {
+        [`name`]: `compactIcon`,
+        [`description`]: `-`
+      }],
+      columns: [{
+        [`title`]: `属性`,
+        [`key`]: `name`
+      }, {
+        [`title`]: `描述`,
+        [`key`]: `description`
+      }]
+    }), _hoisted_8, _createVNode(_component_n_data_table, {
+      striped: "",
+      size: "small",
+      data: [{
+        [`name`]: `update`,
+        [`params`]: `-`,
+        [`description`]: ` 手动触发info区域宽度重新计算`
+      }],
+      columns: [{
+        [`title`]: `属性`,
+        [`key`]: `name`
+      }, {
+        [`title`]: `参数`,
+        [`key`]: `params`
+      }, {
+        [`title`]: `描述`,
+        [`key`]: `description`
+      }]
+    })]),
+    _: 1
+    /* STABLE */
+
+  })]);
+}
+import { defineComponent } from 'vue';
+import Component0 from "examples/views/6-info-header/demo/index.demo.vue";
+import hljs from 'highlight.js';
+import { NDataTable } from 'naive-ui';
+
+const __script = defineComponent({
+  components: {
+    Component0,
+    NDataTable
+  },
+
+  setup() {
+    const code__Component0 = hljs.highlight(`<!-- 整个组件从左到右分为 操作区 患者信息区 基本信息区 设置区 4个区域 -->
+<template>
+  <!-- compact 表示组件是否为收缩状态 -->
+  <!-- patientInfo 表示患者基本信息 -->
+  <!-- infoList
+  1.表示基本信息区描述列表数据, 如果需要在描述列表的内容中使用插槽, 那么在单项中传入slot字段即可
+  2.同时, 组件会对label中包含 电话｜身份证 的项进行特殊处理(点击眼睛图标隐藏)
+  3如果需要自己实现info区的内容, 使用info插槽即可
+  -->
+  <c-info-header
+    v-model:compact="compact"
+    :patientInfo="patientInfo"
+    :infoList="infoList"
+    min-column-width="180"
+    @open-patient-info="onOpenPatientInfo"
+    @field-set="onFieldSet"
+  >
+    <!-- 操作区插槽, 需要全量使用插槽实现   -->
+    <template #operation>
+      <div>operation1</div>
+      <!-- 为组件中的元素添加 compact-hidden 属性后, 该元素将自动在紧凑模式下隐藏-->
+      <div compact-hidden>operation2</div>
+    </template>
+
+    <!--  患者信息区的头像插槽 -->
+    <template #avatar>avatar</template>
+
+    <!-- 患者信息区的底部描述插槽-->
+    <template #avatarInfo>
+      <div compact-hidden>avatarInfo</div>
+    </template>
+
+    <!-- 患者信息插槽, 需要自己实现整个患者信息区时使用, 一般情况不需要   -->
+    <template #patientModule></template>
+
+    <!-- 基本信息区插槽, 一般情况不需要   -->
+    <template #info></template>
+
+    <!--  设置区插槽, 一般情况不需要  -->
+    <!-- <template #setting></template>-->
+
+    <!--  信息区医师插槽,插槽名称由infoList中的配置指定,一般情况不需要  -->
+    <template #doctor="{item,style,width}">
+      <div :style="{color:'red',width:width+'px',maxWidth:width+'px',...style}">{{ item.value || '-' }}</div>
+    </template>
+  </c-info-header>
+</template>
+
+&#60;script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  setup() {
+    import { ref, h } from 'vue';
+
+    const compact = ref(false);
+
+    const patientInfo = ref({
+      name: '患者',
+      sex: '男',
+      age: '12',
+      ageUnit: '月',
+      tagList: [{ type: 'warning', content: '自费' }]
+    });
+
+    const infoList = ref([
+      { "label": "电话", "value": "15625635269" },
+      { "label": "门诊号", "value": "MZ103570", /* 指定内容区样式 */contentStyle: { color: 'red' } },
+      { "label": "就诊号", "value": "R0000200658" },
+      { "label": "医师", "value": "王烁", /* 指定该项的内容使用doctor插槽 */ slot: 'doctor' },
+      { "label": "所在科室", "value": "社康(全科)" },
+      {
+        "label": "过敏史", "value": undefined,
+        /**
+         *
+         * @param {Object} item --当前item
+         * @param {number} width --组件计算所得的当前项的最大宽度,使用插槽后,需要自行实现ellipsis逻辑,否则宽度过长时会导致错位
+         * @returns {VNode}
+         */
+        slot({ item, width }) {
+          return h('div', { style: { color: 'red', width: width + 'px', maxWidth: width + 'px' } }, item.value);
+        }
+      },
+      { "label": "血压", "value": null },
+      { "label": "基本余额", "value": null },
+      { "label": "积分", "value": null }
+    ]);
+
+    function onOpenPatientInfo() {
+      // ...
+    }
+
+    function onFieldSet() {
+      // ...
+    }
+
+    return { compact, onFieldSet, onOpenPatientInfo, patientInfo, infoList };
+  }
+});
+&#60;/script>
+`.replace(/&#60;/g, '<'), {
+      language: 'xml'
+    }).value;
+    return {
+      code__Component0
+    };
+  }
+
+});
+
+__script.render = render;
+export default __script;
+__script.__hmrId = "75d252c3";
+
+__VUE_HMR_RUNTIME__.createRecord("75d252c3", __script);
+
+import.meta.hot.accept(({
+                          default: __default
+                        }) => {
+  __VUE_HMR_RUNTIME__.reload("75d252c3", __default);
+});