cnhis-design-vue 3.1.8 → 3.1.9-beta.11

package/package.json

@@ -1,20 +1,28 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.8",
-  "module": "es/packages/index.mjs",
-  "main": "es/packages/index.mjs",
+  "version": "3.1.9-beta.11",
+  "license": "ISC",
+  "module": "es/packages/index.js",
+  "main": "es/packages/index.js",
   "types": "es/packages/index.d.ts",
   "sideEffects": [
     "es/packages/**/style/*",
     "es/packages/*(.css,.less)"
   ],
   "scripts": {
-    "dev": "node --max-old-space-size=8192 node_modules/vite/bin/vite.js --host --port 3200",
+    "dev": "vite --host --port 3200",
     "start": "gulp --require @esbuild-kit/cjs-loader -f build/gulpfile.ts",
     "build": "npm run start",
+    "build:doc": "cross-env CUI_DOCS=true vite build",
+    "build:doc-local": "vite build",
+    "test": "vitest spec",
+    "test:resnap": "vitest spec -u",
+    "test:coverage": "vitest run --coverage",
     "preview": "vite preview",
-    "release": "standard-version"
+    "release": "standard-version",
+    "deploy": "sh sync.sh",
+    "deploy-w": "sh sync-w.sh"
   },
   "peerDependencies": {
     "naive-ui": "^2.29.0",
@@ -24,6 +32,7 @@
     "@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",
@@ -33,6 +42,7 @@
     "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",
@@ -46,13 +56,14 @@
     "video.js": "^7.19.2",
     "videojs-contrib-hls": "^5.15.0",
     "viewerjs": "^1.10.5",
-    "vue": "^3.2.36",
+    "vue": ">=3.2.0",
     "vue-simple-uploader": "^1.0.0-beta.5",
     "vuedraggable": "4.1.0",
     "vxe-table": "4.2.1",
     "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",
@@ -81,18 +92,19 @@
     "bpmn-js": "^9.2.2",
     "chalk": "^5.0.1",
     "consola": "^2.15.3",
+    "cross-env": "^7.0.3",
     "cssnano": "^5.1.7",
     "esbuild": "^0.14.42",
     "eslint": "^8.10.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.5.0",
-    "fast-glob": "^3.2.11",
     "gulp": "^4.0.2",
     "gulp-cssimport": "^7.0.0",
     "gulp-less": "^5.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-replace": "^1.1.3",
     "gulp-util": "^3.0.8",
+    "heapdump": "^0.3.15",
     "less": "^4.1.2",
     "markdown-it": "^13.0.1",
     "postcss": "^8.4.14",
@@ -108,11 +120,9 @@
     "standard-version": "^9.3.2",
     "ts-morph": "^15.1.0",
     "typescript": "4.6.4",
-    "unocss": "^0.41.1",
     "vite": "^2.9.9",
-    "vite-plugin-markdown": "^2.0.2",
-    "vue-tsc": "^0.29.8",
-    "xe-css": "^1.2.3"
+    "vitest": "^0.16.0",
+    "vue-tsc": "^0.29.8"
   },
   "browserslist": [
     "defaults",

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);
+});

package/es/_virtual/_commonjsHelpers.mjs

@@ -1,5 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { getDefaultExportFromCjs };

package/es/packages/big-table/index.mjs

@@ -1 +0,0 @@
-export { default } from './index2.mjs';

package/es/packages/big-table/index2.mjs

@@ -1,17 +0,0 @@
-import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
-import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
-import { loadVxeTable } from 'cnhis-design-vue/es/src/utils/loadVxe';
-import { expandXEUtils } from 'cnhis-design-vue/es/src/utils/utilExpand';
-import { CGrid } from 'cnhis-design-vue/es/packages/index';
-import './src/BigTable2.mjs';
-import script from './src/BigTable.vue_vue_type_script_setup_true_lang.mjs';
-
-const BigTable = script;
-BigTable.install = function(app) {
-  safeComponentRegister(app, BigTable, KEY_COMPONENT_NAME + "BigTable");
-  safeComponentRegister(app, CGrid, KEY_COMPONENT_NAME + "Grid");
-  loadVxeTable(app);
-  expandXEUtils();
-};
-
-export { BigTable as default };

package/es/packages/big-table/src/BigTable.mjs

@@ -1,2 +0,0 @@
-import './BigTable2.mjs';
-export { default } from './BigTable.vue_vue_type_script_setup_true_lang.mjs';

package/es/packages/big-table/src/bigTableEmits.mjs

@@ -1 +0,0 @@
-export { default } from './bigTableEmits2.mjs';

package/es/packages/big-table/src/bigTableProps.mjs

@@ -1 +0,0 @@
-export { default } from './bigTableProps2.mjs';

package/es/packages/big-table/src/bigTableState.mjs

@@ -1 +0,0 @@
-export { default } from './bigTableState2.mjs';

package/es/packages/big-table/src/components/NoData.mjs

@@ -1,2 +0,0 @@
-import './NoData2.mjs';
-export { default } from './NoData.vue_vue_type_script_setup_true_lang.mjs';

package/es/packages/big-table/src/components/edit-form/edit-date.mjs

@@ -1 +0,0 @@
-export { default } from './edit-date2.mjs';

package/es/packages/big-table/src/components/edit-form/edit-input.mjs

@@ -1 +0,0 @@
-export { default } from './edit-input2.mjs';

package/es/packages/big-table/src/components/edit-form/edit-select-table.mjs

@@ -1 +0,0 @@
-export { default } from './edit-select-table2.mjs';

package/es/packages/big-table/src/components/edit-form/edit-select.mjs

@@ -1 +0,0 @@
-export { default } from './edit-select2.mjs';

package/es/packages/big-table/src/hooks/useBatchEditing.mjs

@@ -1 +0,0 @@
-export { useBatchEditing } from './useBatchEditing2.mjs';

package/es/packages/big-table/src/hooks/useEdit.mjs

@@ -1 +0,0 @@
-export { comps, useEdit } from './useEdit2.mjs';

package/es/packages/big-table/src/hooks/useEvent.mjs

@@ -1 +0,0 @@
-export { useEvent } from './useEvent2.mjs';

package/es/packages/big-table/src/hooks/useFormat.mjs

@@ -1 +0,0 @@
-export { useFormat } from './useFormat2.mjs';

package/es/packages/big-table/src/hooks/useNestTable.mjs

@@ -1 +0,0 @@
-export { useNestTable } from './useNestTable2.mjs';

package/es/packages/big-table/src/hooks/useTableParse.mjs

@@ -1 +0,0 @@
-export { useTableParse } from './useTableParse2.mjs';

package/es/packages/big-table/src/utils.mjs

@@ -1 +0,0 @@
-export { checkMethod, flattenRow, generateEditRender, getCandidateComponents, getEvaluate, getFooterGroup, getInlineEditBtn, getMapVal, getRowStyle, getageShowType, handleGroupColums, handleImgArr, handleImgSrc, handleName, handleQrCodeContent, handleTableHeight, handleTableImageSize, handlerInitSearchItem, hideFilterWrap, intersectRow, isCopy, isLink, mergeConObjFn, modalDetailImage, reScrollFilterWrap, removeCheckedDisabledRows, setDefaultFormData, setFilterStatus, setTableConfig, setTreeGroupTitle, setVisibleCheckAllWrap, showFilter } from './utils2.mjs';