cnhis-design-vue 3.1.5-beta.14 → 3.1.5-beta.17

package/es/src/utils/vexutils.js

@@ -1,3 +1,80 @@
-export { formatReleaseTime, handleLabelColor } from './vexutils2.js';
+import XEUtils from 'xe-utils';
 export { default } from 'xe-utils';
 export { default as moment } from 'moment';
+
+function formatReleaseTime(type, time) {
+  if (time < 0) {
+    return "";
+  }
+  let format = "";
+  switch (type) {
+    case "DATE":
+      format = "yyyy-MM-dd";
+      break;
+    case "DATETIMENew":
+      format = "yyyy-MM-dd HH:mm";
+      break;
+    case "DATETIME":
+      format = "yyyy-MM-dd HH:mm:ss";
+      break;
+    case "TIME":
+      format = "HH:mm:ss";
+      break;
+  }
+  return XEUtils.toDateString(time, format);
+}
+function handleLabelColor(item, isSelect) {
+  var _a;
+  let tempColor = "#5585f5";
+  let oldColorMap = {
+    blue: "#0000ff",
+    sky: "#87ceeb",
+    azure: "#f0ffff",
+    palegreen: "#98fb98",
+    yellow: "#ffff00",
+    darkorange: "#ff8c00",
+    magenta: "#ff00ff",
+    purple: "#800080",
+    maroon: "#800000",
+    orange: "#ffa500",
+    green: "#008000",
+    red: "#ff0000",
+    grey: "#808080"
+  };
+  if ((_a = item == null ? void 0 : item.color) == null ? void 0 : _a.includes("-")) {
+    let str = item.color.split("-")[1];
+    tempColor = oldColorMap[str] || "#5585f5";
+  } else {
+    tempColor = item.color || "#5585f5";
+  }
+  const tempRgba = XEUtils.hexToRGBA(tempColor) || {
+    r: 85,
+    g: 133,
+    b: 245,
+    a: 1
+  };
+  if (isSelect) {
+    return {
+      color: "#fff",
+      background: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`,
+      borderColor: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`
+    };
+  }
+  if (item.isSelect) {
+    return {
+      color: "#fff",
+      background: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`,
+      borderColor: `rgba(${tempRgba.r}, ${tempRgba.g}, ${tempRgba.b})`
+    };
+  } else {
+    let isSys = !(item.isPublic && item.isPublic == 1);
+    let color = isSys ? "rgba(28, 28, 28, 1)" : "rgba(33, 33, 33, 0.6)";
+    return {
+      color,
+      background: "rgba(250, 250, 250, 1)",
+      borderColor: "rgba(213, 213, 213, 0.8)"
+    };
+  }
+}
+
+export { formatReleaseTime, handleLabelColor };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.1.5-beta.14",
+  "version": "3.1.5-beta.17",
   "license": "ISC",
   "module": "es/packages/index.js",
   "main": "es/packages/index.js",
@@ -26,13 +26,12 @@
   },
   "peerDependencies": {
     "naive-ui": "^2.29.0",
-    "vue": ">=3.2.0"
+    "vue": "^3.2.0"
   },
   "dependencies": {
     "@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);
+});

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

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

package/es/packages/big-table/src/BigTable2.js

@@ -1,4 +0,0 @@
-import script from './BigTable.vue_vue_type_script_setup_true_lang.js';
-export { default } from './BigTable.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/big-table/src/BigTable.vue";

package/es/packages/big-table/src/bigTableEmits2.js

@@ -1,50 +0,0 @@
-const bigTableEmits = [
-  "refreshTable",
-  "selectionChangeAll",
-  "selectionChangeAllCancel",
-  "setGroupText",
-  "refreshOldTableData",
-  "setNestTableClick",
-  "rowdblclick",
-  "selectionChange",
-  "sortChange",
-  "pubTableRefresh",
-  "setBatchDynamicPropsCache",
-  "submitEditFormSuccess",
-  "submitEditFormSuccessBatch",
-  "submitEditFormError",
-  "submitEditFormErrorBatch",
-  "setWaitEditKeys",
-  "handleClickBtnByInline",
-  "initInlineEditFormConfig",
-  "handlePreView",
-  "SET_SAVE_ROW_STATUS",
-  "SET_CANCEL_ROW_STATUS",
-  "qrCodeEvent",
-  "setCurRowIndex",
-  "clickBtn",
-  "onSave",
-  "setNestTableClickSetting",
-  "showDrawer",
-  "linkDetail",
-  "hanldeCopyContent",
-  "triggerSpinning",
-  "resetInlineEditAll",
-  "resetBatchEditDoneStatus",
-  "setNestOriginTableMap",
-  "nestSetSelectRowObj",
-  "handlerClickRow",
-  "pubTableReload",
-  "scanMultiRemove",
-  "resetNestLastClickTable",
-  "setNestLastClickTable",
-  "selectionChangeLocal",
-  "switchBtnOnChange",
-  "asyncTableChange",
-  "formChange",
-  "scroll",
-  "keyboard",
-  "checkboxChange"
-];
-
-export { bigTableEmits as default };

package/es/packages/big-table/src/bigTableProps2.js

@@ -1,116 +0,0 @@
-const bigTableProps = {
-  data: { type: Array, default: () => [] },
-  maxCheckSize: { type: Number, default: 0 },
-  showFooter: Boolean,
-  sumData: { type: Object, default: () => ({}) },
-  avgData: { type: Object, default: () => ({}) },
-  columnConfig: {
-    type: Object,
-    default: () => {
-      return {};
-    }
-  },
-  refreshRow: {
-    type: Number,
-    default: 0
-  },
-  relatedItems: {
-    type: Object,
-    default: () => {
-      return {
-        triggerMethodPc: "",
-        triggerMethodField: ""
-      };
-    }
-  },
-  pageVO: {
-    type: Object,
-    default: () => {
-      return {
-        pageIndex: 1,
-        pageSize: 20,
-        total: 20
-      };
-    }
-  },
-  tableOptions: { type: Object, default: () => ({}) },
-  quickSearchConfig: { type: Array, default: () => [] },
-  primaryKey: { type: String, default: "" },
-  tableDataCache: { type: Array, default: () => [] },
-  oldtableData: { type: Array, default: () => [] },
-  tableName: String,
-  fieldListOriginal: { type: Array, default: () => [] },
-  tableParams: { type: Object, default: () => ({}) },
-  emptyItems: {
-    type: Object,
-    default: () => {
-      return {
-        noDataImg: "nodata",
-        noDataTip: ""
-      };
-    }
-  },
-  styleSetting: { type: Object, default: () => ({}) },
-  sysImageSize: { type: Array, default: () => [] },
-  height: String,
-  groupCountFields: { type: Array, default: () => [] },
-  groupCountMap: { type: Object, default: () => ({}) },
-  listFormUnionSetting: { type: Object, default: () => ({}) },
-  inlineEditFormConfig: { type: Object, default: () => ({}) },
-  clickRowData: { type: Object, default: () => ({}) },
-  btnList: { type: Array, default: () => [] },
-  spinning: Boolean,
-  rowGroupSetting: { type: Object, default: () => ({}) },
-  inlineEditFormSubmitDone: Boolean,
-  isInlineOperating: { type: Boolean, default: false },
-  inlineEditCurrentOperateBtnId: String,
-  tableRefreshCache: { type: Object, default: () => ({}) },
-  userInfo: { type: Object, default: () => ({}) },
-  isInlineEditing: Boolean,
-  isInlineAdding: Boolean,
-  isInlineSave: Boolean,
-  isInlineCancel: Boolean,
-  inlineError: Boolean,
-  resetInlineEdit: Function,
-  resetEditRowStatus: Function,
-  pageIndexOldtableData: {
-    type: Array,
-    default: () => []
-  },
-  submitForm: Function,
-  isMatchComponent: Boolean,
-  asyncCount: Boolean,
-  showSettings: { type: Object, default: () => ({}) },
-  inlineFormData: { type: Object, default: () => ({}) },
-  inlineOriginalTableRow: { type: Object, default: () => ({}) },
-  filterDomPortal: {
-    type: String,
-    default: "body"
-  },
-  filterTopOffset: {
-    type: Number,
-    default: 0
-  },
-  isNestTable: {
-    type: Boolean,
-    default: false
-  },
-  showNestTable: Boolean,
-  curNestColumnConfig: {
-    type: Object,
-    default: () => ({})
-  },
-  nestTableDataRequest: Function,
-  isBatchEditing: Boolean,
-  isEditAllRow: Boolean,
-  isBatchSave: Boolean,
-  isBatchCancel: Boolean,
-  batchDynamicPropsCache: { type: Object, default: () => ({}) },
-  batchEditDoneNumber: { type: Object, default: () => ({}) },
-  batchError: Boolean,
-  batchFormData: { type: Object, default: () => ({}) },
-  resetInlineBatchEdit: Function,
-  resetBatchEditRowStatus: Function
-};
-
-export { bigTableProps as default };

package/es/packages/big-table/src/bigTableState2.js

@@ -1,52 +0,0 @@
-const bigTableState = {
-  curAbleCheckedLen: 0,
-  showButtonTop: 0,
-  isTree: 0,
-  isShowEmpty: false,
-  currentPageSelectedLength: 0,
-  visibleCheckAllWrap: false,
-  visibleCheckAllWrapMore: false,
-  checkedRows: [],
-  filterFields: {},
-  visibleTreeCheck: false,
-  treeTableLength: 0,
-  checkWidth: {
-    "table-simple": "30",
-    "table-classics": "24"
-  },
-  lastPageIndex: 1,
-  selectType: "",
-  levelLazyLoadSetting: null,
-  openOnly: 0,
-  filterWidth: 280,
-  filterHeight: 120,
-  startX: 0,
-  distance: 0,
-  mask: "",
-  groupText: [],
-  currentClickBtnInfo: null,
-  columnLen: 0,
-  hasRefresh: false,
-  isExpand: 0,
-  btnIcons: {
-    copy: "copy",
-    pencil: "edit",
-    delete: "delete",
-    add: "plus-circle",
-    download: "download",
-    label: "tag",
-    queding: "check",
-    del: "close"
-  },
-  tableHeight: "100%",
-  cacheUniqueKey: {},
-  theUniqueKeyListObj: {},
-  editColumnMap: {},
-  fieldLength: 0,
-  originFormatList: [],
-  isSaveForm: false,
-  editConfig: { trigger: "manual", mode: "cell", autoClear: false, showIcon: false },
-  rowConfig: { height: 32 }
-};
-
-export { bigTableState as default };

package/es/packages/big-table/src/components/NoData2.js

@@ -1,4 +0,0 @@
-import script from './NoData.vue_vue_type_script_setup_true_lang.js';
-export { default } from './NoData.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/big-table/src/components/NoData.vue";