cnhis-design-vue 3.4.0-beta.0 → 3.4.0-beta.10

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/utils.js

@@ -86,20 +86,14 @@ function bindHeaderInfoAndFlatten(fieldList, depth) {
     return num;
   }
 }
-const defaultSpan = Object.freeze({
-  rowspan: 1,
-  colspan: 1
-});
+const defaultSpan = Object.freeze({ rowspan: 1, colspan: 1 });
 function getSpanInfo(payload, spanMethod, verticalState) {
   var _a, _b;
   if (!isVerticalHeader(payload.column.field)) {
     if (!spanMethod || !verticalState)
       return defaultSpan;
     const res = spanMethod(basicParamsConvert(payload, verticalState));
-    return res ? {
-      rowspan: res.colspan,
-      colspan: res.rowspan
-    } : defaultSpan;
+    return res ? { rowspan: res.colspan, colspan: res.rowspan } : defaultSpan;
   }
   return {
     rowspan: (_a = payload.row[payload.column.field + "_rowspan"]) != null ? _a : 1,
@@ -126,7 +120,10 @@ function getHeaderWidthByLevel(level, fieldList) {
   traverse(fieldList, (field, _, __, _level) => {
     if (_level !== level)
       return;
-    targetLevelWidth = Math.max(targetLevelWidth, getStringWidth(field.title || "") + 20 + (IhoTableRenderHelper.hasTitlePrefix(field) ? 20 : 0));
+    targetLevelWidth = Math.max(
+      targetLevelWidth,
+      getStringWidth(field.title || "") + 20 + (IhoTableRenderHelper.hasTitlePrefix(field) ? 20 : 0)
+    );
   });
   return Math.ceil(targetLevelWidth);
 }
@@ -138,32 +135,26 @@ function createVerticalFieldList(tableData, headerDepth, verticalState) {
   bodyWidth = isNumber(bodyWidth) ? constant(bodyWidth) : isFunction(bodyWidth) ? bodyWidth : noop;
   let bodyMinWidth = verticalHandler.getTableConfig("verticalConfig.bodyMinWidth");
   bodyMinWidth = isNumber(bodyMinWidth) ? constant(bodyMinWidth) : isFunction(bodyMinWidth) ? bodyMinWidth : constant(120);
-  return [...range(headerDepth + 1).map((idx) => {
-    return {
-      field: `header_${idx}`,
-      title: `header_${idx}`,
-      width: headerWidth(idx, verticalState.originalFieldList),
-      fixed: "left",
-      editRender: {
-        name: VERTICAL_CELL_TYPE,
-        props: {},
-        enable: false
-      }
-    };
-  }), ...tableData.map((_, index) => {
-    return {
-      field: `body_${index}`,
-      title: `body_${index}`,
-      minWidth: bodyMinWidth(index),
-      width: bodyWidth(index),
-      editRender: {
-        name: VERTICAL_CELL_TYPE,
-        props: {},
-        enable: true,
-        autofocus
-      }
-    };
-  })];
+  return [
+    ...range(headerDepth + 1).map((idx) => {
+      return {
+        field: `header_${idx}`,
+        title: `header_${idx}`,
+        width: headerWidth(idx, verticalState.originalFieldList),
+        fixed: "left",
+        editRender: { name: VERTICAL_CELL_TYPE, props: {}, enable: false }
+      };
+    }),
+    ...tableData.map((_, index) => {
+      return {
+        field: `body_${index}`,
+        title: `body_${index}`,
+        minWidth: bodyMinWidth(index),
+        width: bodyWidth(index),
+        editRender: { name: VERTICAL_CELL_TYPE, props: {}, enable: true, autofocus }
+      };
+    })
+  ];
 }
 function getVerticalInfoFromEvent(event) {
   const cell = findAncestor(event.target, (ele) => ele.tagName === "TD" || ele.tagName === "TH");
@@ -173,11 +164,7 @@ function getVerticalInfoFromEvent(event) {
   if (!matchRes)
     return;
   const [fieldKey, type, sequence] = matchRes;
-  return {
-    fieldKey,
-    type,
-    sequence: +sequence
-  };
+  return { fieldKey, type, sequence: +sequence };
 }
 function getOriginFieldFromRowData(row) {
   return row.originalField;
@@ -219,33 +206,36 @@ function createVerticalStateHandler(verticalState) {
   };
 }
 function createDataProxy(originalField, dataList) {
-  return new Proxy({}, {
-    get(_, key) {
-      var _a;
-      if (key === "originalField")
-        return originalField;
-      if (key === "originalData")
-        return isFunction(dataList) ? dataList() : dataList;
-      if (isVerticalHeader(key))
-        return originalField[key];
-      if (isVerticalBody(key)) {
-        const headerSequence = getHeaderDepthByField(key);
-        if (originalField.type === "seq")
-          return headerSequence + 1;
-        return (_a = dataList[headerSequence]) == null ? void 0 : _a[originalField.field];
-      }
-      return _[key];
-    },
-    set(_, key, value) {
-      if (!isVerticalHeader(key)) {
-        const depth = getHeaderDepthByField(key);
-        if (depth >= 0 && dataList[depth]) {
-          dataList[depth][originalField.field] = value;
+  return new Proxy(
+    {},
+    {
+      get(_, key) {
+        var _a;
+        if (key === "originalField")
+          return originalField;
+        if (key === "originalData")
+          return isFunction(dataList) ? dataList() : dataList;
+        if (isVerticalHeader(key))
+          return originalField[key];
+        if (isVerticalBody(key)) {
+          const headerSequence = getHeaderDepthByField(key);
+          if (originalField.type === "seq")
+            return headerSequence + 1;
+          return (_a = dataList[headerSequence]) == null ? void 0 : _a[originalField.field];
         }
+        return _[key];
+      },
+      set(_, key, value) {
+        if (!isVerticalHeader(key)) {
+          const depth = getHeaderDepthByField(key);
+          if (depth >= 0 && dataList[depth]) {
+            dataList[depth][originalField.field] = value;
+          }
+        }
+        return true;
       }
-      return true;
     }
-  });
+  );
 }
 function basicParamsConvert({
   $columnIndex,

package/es/components/iho-table/src/plugins/virtualTreePlugin.js

@@ -12,40 +12,40 @@ function virtualTreePlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.configHooks.treeConfig.tap({
-        name: pluginName,
-        stage: HIGHEST_PRIORITY
-      }, (treeConfig, config) => {
+      hooks.configHooks.treeConfig.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (treeConfig, config) => {
         if (isTransformTreeType(config)) {
-          return Object.assign({
-            transform: true,
-            expandAll: true,
-            reserve: true,
-            children: "childrenList",
-            rowField: "__id"
-          }, treeConfig);
+          return Object.assign(
+            {
+              transform: true,
+              expandAll: true,
+              reserve: true,
+              children: "childrenList",
+              rowField: "__id"
+            },
+            treeConfig
+          );
         }
         return treeConfig;
       });
       hooks.dataHooks.data.tap(pluginName, (rowData, config, context) => {
         if (!config.treeConfig)
           return;
-        const {
-          transform,
-          rowField = "__id",
-          parentField = "parentId",
-          children = "childrenList"
-        } = config.treeConfig;
+        const { transform, rowField = "__id", parentField = "parentId", children = "childrenList" } = config.treeConfig;
         if (!isTransformTreeType(config) || !transform)
           return;
         enrichRowData(rowData);
         if (!isArray(rowData[children]))
           return;
-        traverse(rowData[children], (item, _, parent) => {
-          parent && (item[parentField] = parent[rowField]);
-          context.insertAfter(item);
-          enrichRowData(item);
-        }, children, rowData);
+        traverse(
+          rowData[children],
+          (item, _, parent) => {
+            parent && (item[parentField] = parent[rowField]);
+            context.insertAfter(item);
+            enrichRowData(item);
+          },
+          children,
+          rowData
+        );
         function enrichRowData(rowData2) {
           rowData2[rowField] = rowData2[rowField] || rowData2.theUniqueKey || uuidGenerator();
         }
@@ -53,9 +53,7 @@ function virtualTreePlugin() {
       hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
         if (!config.treeConfig)
           return fieldList;
-        const {
-          transform
-        } = config.treeConfig || DMZ;
+        const { transform } = config.treeConfig || DMZ;
         if (!isTransformTreeType(config) || !transform || !config.uuid)
           return fieldList;
         const visibleField = fieldList.filter((field) => field.visible !== false);
@@ -84,33 +82,18 @@ function virtualTreePlugin() {
       hooks.configHooks.treeConfig.tap(pluginName, (treeConfig, config) => {
         if (!treeConfig)
           return treeConfig;
-        const {
-          transform,
-          parentField = "parentId",
-          hasChild = "hasChild",
-          children = "childrenList"
-        } = treeConfig;
+        const { transform, parentField = "parentId", hasChild = "hasChild", children = "childrenList" } = treeConfig;
         if (isFunction(config.spanMethod) || !transform || `${config.isTree}` !== IHO_TABLE_TREE_TYPE.TRANSFORM_WITH_SPAN_METHOD) {
           return treeConfig;
         }
-        const hideCellSpan = Object.freeze({
-          rowspan: 0,
-          colspan: 0
-        });
-        config.spanMethod = ({
-          row,
-          column,
-          $columnIndex
-        }) => {
+        const hideCellSpan = Object.freeze({ rowspan: 0, colspan: 0 });
+        config.spanMethod = ({ row, column, $columnIndex }) => {
           const treeNodeColumnInfo = treeNodeColumnIndexMap.get(config.uuid);
           if (!treeNodeColumnInfo || (Reflect.has(row, hasChild) ? !row[hasChild] : row[parentField]) || isEmpty(row[children])) {
             return;
           }
           if (column.treeNode) {
-            return {
-              rowspan: 1,
-              colspan: treeNodeColumnInfo.colspan
-            };
+            return { rowspan: 1, colspan: treeNodeColumnInfo.colspan };
           }
           if (column.fixed !== "right" && $columnIndex >= treeNodeColumnInfo.index) {
             return hideCellSpan;

package/es/components/iho-table/src/plugins/wordbookSettingPlugin.js

@@ -16,12 +16,7 @@ function wordbookSettingPlugin() {
         config.onFormChange = function(payload) {
           var _a, _b, _c;
           isFunction(_formChange) && _formChange(payload);
-          const {
-            column,
-            row,
-            $table,
-            option
-          } = payload;
+          const { column, row, $table, option } = payload;
           const lowCodeField = getLowCodeFieldFromField(column);
           if (option && ((_c = (_b = (_a = lowCodeField == null ? void 0 : lowCodeField.wordbook) == null ? void 0 : _a.setting) == null ? void 0 : _b.cascading) == null ? void 0 : _c.length)) {
             lowCodeField.wordbook.setting.cascading.forEach((cascading) => {

package/es/components/iho-table/src/types/index.d.ts

@@ -285,6 +285,7 @@ export type LowCodeTableFieldItem = {
             eventMode: 'input' | 'change';
         };
     };
+    nameAbbr: string;
     optionInfo: {
         dynamicOptionInfo?: Partial<{
             filterKeys: string[];

package/es/components/index.js

@@ -158,7 +158,6 @@ export { seqRendererPlugin } from './iho-table/src/plugins/rendererPlugins/widge
 export { commonModules } from './iho-table/src/plugins/index.js';
 export { Print } from './button-print/src/utils/print.js';
 export { getFileUrl, isIReport, useBrowserPrint } from './button-print/src/utils/browserPrint.js';
-export { registFormConfigLocale, useFormConfigLocale } from './form-config/src/hooks/useLocale.js';
 export { transformOriginToTree } from './slider-tree/src/utils/index.js';
 export { default as CAudioSDK } from './audio-sdk/src/audioSDK.js';
 
@@ -217,9 +216,6 @@ function install(app) {
     component.install(app);
   });
 }
-var index = {
-  install,
-  ...components
-};
+var index = { install, ...components };
 
 export { index as default };

package/es/components/info-header/src/InfoHeader.vue2.js

@@ -14,70 +14,32 @@ import InfoDescription from './components/infoDescription/index.vue.js';
 import PatientInfo from './components/patientInfo/index.vue.js';
 import { InjectionInfoHeaderEmit, InjectionInfoHeaderFormRef } from './constants/index.js';
 
-const _hoisted_1 = {
-  class: "c-info-header__operation"
-};
+const _hoisted_1 = { class: "c-info-header__operation" };
 const _hoisted_2 = {
   key: 0,
   class: "c-info-header__divider"
 };
-const _hoisted_3 = {
-  class: "c-info-header__setting"
-};
+const _hoisted_3 = { class: "c-info-header__setting" };
 const _hoisted_4 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfoHeader",
   props: {
-    anime: {
-      type: Boolean,
-      default: true
-    },
-    compact: {
-      type: Boolean,
-      required: true
-    },
-    patientInfo: {
-      type: Object,
-      default: () => ({})
-    },
-    patientEditable: {
-      type: Boolean
-    },
-    separator: {
-      type: String,
-      default: ":"
-    },
-    infoList: {
-      type: Array,
-      default: () => []
-    },
-    labelField: {
-      type: String,
-      default: "label"
-    },
-    valueField: {
-      type: String,
-      default: "value"
-    },
-    minColumnWidth: {
-      type: [String, Number],
-      default: 180
-    },
-    rowHeight: {
-      type: [String, Number],
-      default: 24
-    },
+    anime: { type: Boolean, default: true },
+    compact: { type: Boolean, required: true },
+    patientInfo: { type: Object, default: () => ({}) },
+    patientEditable: { type: Boolean },
+    separator: { type: String, default: ":" },
+    infoList: { type: Array, default: () => [] },
+    labelField: { type: String, default: "label" },
+    valueField: { type: String, default: "value" },
+    minColumnWidth: { type: [String, Number], default: 180 },
+    rowHeight: { type: [String, Number], default: 24 },
     settingIcons: {
       type: Array,
       default: () => ["patientInfo", "fieldSet", "compact"]
     },
-    formProps: {
-      type: Object
-    },
-    encrypted: {
-      type: Boolean,
-      default: true
-    }
+    formProps: { type: Object },
+    encrypted: { type: Boolean, default: true }
   },
   emits: [
     "openPatientInfo",
@@ -85,10 +47,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "update:compact",
     "formChange"
   ],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     provide(InjectionInfoHeaderEmit, emit);
@@ -119,25 +78,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       patientInfo: {
         event: openPatientInfo,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaobianji" })];
         }
       },
       fieldSet: {
         event: fieldSet,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaoshezhi" })];
         }
       },
       compact: {
         event: toggleCompact,
         render() {
-          return [h("i", {
-            class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia"
-          })];
+          return [h("i", { class: "info-header--iconfont info-header--icon-a-menzhenyishengzhanxitongtubiaojiantouxia" })];
         }
       }
     };
@@ -154,36 +107,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", mergeProps({
-        class: ["c-info-header", {
-          "anime--disabled": !__props.anime
-        }]
-      }, unref(useVersion)()), [createCommentVNode("  \u9876\u90E8\u63D2\u69FD  "), renderSlot(_ctx.$slots, "header"), createElementVNode("div", {
-        class: normalizeClass(["c-info-header__content", {
-          "is-compact": __props.compact
-        }]),
-        style: normalizeStyle(cssVars.value)
-      }, [createElementVNode("section", _hoisted_1, [createCommentVNode("   \u64CD\u4F5C\u533A\u63D2\u69FD   "), renderSlot(_ctx.$slots, "operation")]), _ctx.$slots.operation ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("v-if", true), createCommentVNode("   \u60A3\u8005\u4FE1\u606F\u533A\u63D2\u69FD,\u9700\u8981\u81EA\u5DF1\u5B9E\u73B0\u6574\u4E2A\u60A3\u8005\u4FE1\u606F\u533A\u65F6\u4F7F\u7528   "), renderSlot(_ctx.$slots, "patientModule", {}, () => [createVNode(unref(PatientInfo), {
-        "patient-info": __props.patientInfo,
-        "patient-editable": __props.patientEditable
-      }, {
-        avatarInfo: withCtx(() => [createCommentVNode("   \u5934\u50CF\u533A\u8865\u5145\u5185\u5BB9\u63D2\u69FD (\u4F1A\u63D2\u5165\u5934\u50CF\u4E0B\u65B9)  "), renderSlot(_ctx.$slots, "avatarInfo")]),
-        avatar: withCtx(() => [createCommentVNode("    \u5934\u50CF\u63D2\u69FD      "), renderSlot(_ctx.$slots, "avatar")]),
-        tags: withCtx(() => [createCommentVNode("    \u6807\u7B7E\u63D2\u69FD      "), renderSlot(_ctx.$slots, "tags")]),
-        _: 3
-      }, 8, ["patient-info", "patient-editable"])]), createVNode(unref(InfoDescription), mergeProps({
-        ref_key: "infoDescriptionRef",
-        ref: infoDescriptionRef,
-        "root-slot": _ctx.$slots
-      }, _ctx.$props), {
-        info: withCtx(() => [createCommentVNode("    \u4FE1\u606F\u63CF\u8FF0\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "info")]),
-        _: 3
-      }, 16, ["root-slot"]), createElementVNode("section", _hoisted_3, [createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "), renderSlot(_ctx.$slots, "setting", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(settingIconList.value, (item, index) => {
-        return openBlock(), createElementBlock("div", {
-          key: index,
-          class: "c-info-header__settingIcon",
-          onClick: item.event
-        }, [(openBlock(), createBlock(resolveDynamicComponent(item.render)))], 8, _hoisted_4);
-      }), 128))])])], 6), createCommentVNode("  \u5E95\u90E8\u63D2\u69FD  "), renderSlot(_ctx.$slots, "footer")], 16);
+        class: ["c-info-header", { "anime--disabled": !__props.anime }]
+      }, unref(useVersion)()), [
+        createCommentVNode("  \u9876\u90E8\u63D2\u69FD  "),
+        renderSlot(_ctx.$slots, "header"),
+        createElementVNode("div", {
+          class: normalizeClass(["c-info-header__content", { "is-compact": __props.compact }]),
+          style: normalizeStyle(cssVars.value)
+        }, [
+          createElementVNode("section", _hoisted_1, [
+            createCommentVNode("   \u64CD\u4F5C\u533A\u63D2\u69FD   "),
+            renderSlot(_ctx.$slots, "operation")
+          ]),
+          _ctx.$slots.operation ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("v-if", true),
+          createCommentVNode("   \u60A3\u8005\u4FE1\u606F\u533A\u63D2\u69FD,\u9700\u8981\u81EA\u5DF1\u5B9E\u73B0\u6574\u4E2A\u60A3\u8005\u4FE1\u606F\u533A\u65F6\u4F7F\u7528   "),
+          renderSlot(_ctx.$slots, "patientModule", {}, () => [
+            createVNode(unref(PatientInfo), {
+              "patient-info": __props.patientInfo,
+              "patient-editable": __props.patientEditable
+            }, {
+              avatarInfo: withCtx(() => [
+                createCommentVNode("   \u5934\u50CF\u533A\u8865\u5145\u5185\u5BB9\u63D2\u69FD (\u4F1A\u63D2\u5165\u5934\u50CF\u4E0B\u65B9)  "),
+                renderSlot(_ctx.$slots, "avatarInfo")
+              ]),
+              avatar: withCtx(() => [
+                createCommentVNode("    \u5934\u50CF\u63D2\u69FD      "),
+                renderSlot(_ctx.$slots, "avatar")
+              ]),
+              tags: withCtx(() => [
+                createCommentVNode("    \u6807\u7B7E\u63D2\u69FD      "),
+                renderSlot(_ctx.$slots, "tags")
+              ]),
+              _: 3
+            }, 8, ["patient-info", "patient-editable"])
+          ]),
+          createVNode(unref(InfoDescription), mergeProps({
+            ref_key: "infoDescriptionRef",
+            ref: infoDescriptionRef,
+            "root-slot": _ctx.$slots
+          }, _ctx.$props), {
+            info: withCtx(() => [
+              createCommentVNode("    \u4FE1\u606F\u63CF\u8FF0\u533A\u63D2\u69FD    "),
+              renderSlot(_ctx.$slots, "info")
+            ]),
+            _: 3
+          }, 16, ["root-slot"]),
+          createElementVNode("section", _hoisted_3, [
+            createCommentVNode("  \u8BBE\u7F6E\u533A\u63D2\u69FD    "),
+            renderSlot(_ctx.$slots, "setting", {}, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(settingIconList.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: "c-info-header__settingIcon",
+                  onClick: item.event
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.render)))
+                ], 8, _hoisted_4);
+              }), 128))
+            ])
+          ])
+        ], 6),
+        createCommentVNode("  \u5E95\u90E8\u63D2\u69FD  "),
+        renderSlot(_ctx.$slots, "footer")
+      ], 16);
     };
   }
 });