cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

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

@@ -1 +1,143 @@
-import{isEmpty as t,isObject as e,range as n,isArray as o}from"lodash-es";import{onBeforeUnmount as i}from"vue";import"../../index.js";import{useUUIDMap as r}from"../utils/index.js";import{defineTablePlugin as u}from"../hooks/useTablePlugin.js";function s(){const s="crossHeaderPlugin";return u({name:s,apply(u){const{getItemFromUUID:l,removeItemFromUUID:a,setItemFromUUID:d}=r((()=>[])),f=new WeakMap;u.fieldHooks.fieldList.tap(s,((n,i)=>{if(!i.uuid||!i.crossColumnSetting)return n;const{fixedColumnList:r,columnWidth:u,rowHeight:s}=i.crossColumnSetting;if(t(r))return n;const l=r.reduce(((t,n)=>{if(n&&e(n.setting)){const{name:e,alias:o,option:i}=n.setting,r=o||e;t.push({title:r,field:r,option:i,fixed:"left",width:u||80,slots:{default({row:t,column:e}){var n;return t[e.field]||(null==(n=f.get(t))?void 0:n[e.field])||""}}})}return t}),[]);if(0===l.length)return n;const a=function(t){const e=[];function n(i,r){var u;i!==t.length?o(null==(u=t[i])?void 0:u.option)&&t[i].option.forEach((e=>{n(i+1,{...r,[t[i].field]:e.text})})):e.push(r)}return n(0,{}),e}(l);d(i.uuid,a);const m=i.spanMethod;return i.spanMethod=t=>{const{column:e,rowIndex:n,columnIndex:o}=t,i={rowspan:1,colspan:1};return o<l.length?i.rowspan=function(t,e,n){var o;const i=t[n];if(i[e]&&(null==(o=t[n-1])?void 0:o[e])===i[e])return 0;let r=1;for(let o=n+1;o<t.length&&t[o][e]===i[e];o++)r++;return r}(a,e.field,n):m&&Object.assign(i,m(t)),i},s&&(i.rowConfig.height=s),[...l,...n]})),u.dataHooks.dataList.tap(s,((t,{uuid:e})=>{if(!e)return t;const o=l(e);return o?n(Math.max(t.length,o.length)).map((e=>(t[e]&&f.set(t[e],o[e]),t[e]||o[e]||{}))):t})),u.setupHooks.setup.tap(s,(t=>{i((()=>{t.value.uuid&&a(t.value.uuid)}))}))}})}export{s as crossHeaderPlugin};
+import { isEmpty, isObject, range, isArray } from 'lodash-es';
+import { onBeforeUnmount } from 'vue';
+import '../../index.js';
+import { useUUIDMap } from '../utils/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function crossHeaderPlugin() {
+  const pluginName = "crossHeaderPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      const {
+        getItemFromUUID,
+        removeItemFromUUID,
+        setItemFromUUID
+      } = useUUIDMap(() => []);
+      const fixedHeaderTitleMap = /* @__PURE__ */ new WeakMap();
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
+        if (!config.uuid || !config.crossColumnSetting)
+          return fieldList;
+        const {
+          fixedColumnList,
+          columnWidth,
+          rowHeight
+        } = config.crossColumnSetting;
+        if (isEmpty(fixedColumnList))
+          return fieldList;
+        const _fixedColumnList = fixedColumnList.reduce((res, field) => {
+          if (field && isObject(field.setting)) {
+            const {
+              name,
+              alias,
+              option
+            } = field.setting;
+            const title = alias || name;
+            res.push({
+              title,
+              field: title,
+              option,
+              fixed: "left",
+              width: columnWidth || 80,
+              slots: {
+                default({
+                  row,
+                  column
+                }) {
+                  var _a;
+                  return row[column.field] || ((_a = fixedHeaderTitleMap.get(row)) == null ? void 0 : _a[column.field]) || "";
+                }
+              }
+            });
+          }
+          return res;
+        }, []);
+        if (_fixedColumnList.length === 0)
+          return fieldList;
+        const fixedHeaderData = transformData(_fixedColumnList);
+        setItemFromUUID(config.uuid, fixedHeaderData);
+        const prevSpanMethod = config.spanMethod;
+        config.spanMethod = (payload) => {
+          const {
+            column,
+            rowIndex,
+            columnIndex
+          } = payload;
+          const span = {
+            rowspan: 1,
+            colspan: 1
+          };
+          if (columnIndex < _fixedColumnList.length) {
+            span.rowspan = getRowSpan(fixedHeaderData, column.field, rowIndex);
+          } else if (prevSpanMethod) {
+            Object.assign(span, prevSpanMethod(payload));
+          }
+          return span;
+        };
+        if (rowHeight)
+          config.rowConfig.height = rowHeight;
+        return [..._fixedColumnList, ...fieldList];
+      });
+      function transformData(fieldList) {
+        const result = [];
+        function generateCombinations(index, current) {
+          var _a;
+          if (index === fieldList.length) {
+            result.push(current);
+            return;
+          }
+          if (!isArray((_a = fieldList[index]) == null ? void 0 : _a.option))
+            return;
+          fieldList[index].option.forEach((option) => {
+            generateCombinations(index + 1, {
+              ...current,
+              [fieldList[index].field]: option.text
+            });
+          });
+        }
+        generateCombinations(0, {});
+        return result;
+      }
+      function getRowSpan(fixedHeaderData, field, rowIndex) {
+        var _a;
+        const currentRow = fixedHeaderData[rowIndex];
+        if (currentRow[field] && ((_a = fixedHeaderData[rowIndex - 1]) == null ? void 0 : _a[field]) === currentRow[field]) {
+          return 0;
+        }
+        let count = 1;
+        for (let i = rowIndex + 1; i < fixedHeaderData.length; i++) {
+          if (fixedHeaderData[i][field] === currentRow[field]) {
+            count++;
+          } else {
+            break;
+          }
+        }
+        return count;
+      }
+      hooks.dataHooks.dataList.tap(pluginName, (dataList, {
+        uuid
+      }) => {
+        if (!uuid)
+          return dataList;
+        const fixedHeaderData = getItemFromUUID(uuid);
+        if (!fixedHeaderData)
+          return dataList;
+        return range(Math.max(dataList.length, fixedHeaderData.length)).map((i) => {
+          if (dataList[i]) {
+            fixedHeaderTitleMap.set(dataList[i], fixedHeaderData[i]);
+          }
+          return dataList[i] || fixedHeaderData[i] || {};
+        });
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config) => {
+        onBeforeUnmount(() => {
+          if (!config.value.uuid)
+            return;
+          removeItemFromUUID(config.value.uuid);
+        });
+      });
+    }
+  });
+}
+
+export { crossHeaderPlugin };

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

@@ -1 +1,79 @@
-import{widthAppend as e}from"../../../../shared/utils/index.js";import{mergeWith as o,isObject as i}from"lodash-es";import{HIGHEST_PRIORITY as t,IHO_TABLE_ROW_HEIGHT as s}from"../constants/index.js";import{defineTablePlugin as a}from"../hooks/useTablePlugin.js";import{mergeVxeClass as l,mergeVxeStyle as r,IhoTableStatusHelper as n}from"../utils/index.js";function h(){const h="defaultTablePlugin";return a({name:h,vxe(e){e.setup({zIndex:3e3})},apply(a){a.configHooks.config.tap({name:h,stage:t},(i=>{var t,a;const h=o({border:!0,showSeq:!0,columnConfig:{resizable:!0},scrollX:{enabled:!1,gt:60},rowConfig:{height:36,useKey:!0,isHover:!0,isCurrent:!0,keyField:"theUniqueKey"},showOverflow:"title",showHeaderOverflow:"title",editConfig:{trigger:"click",mode:"cell"},loadingConfig:{icon:"",text:"数据加载中..."}},i,{height:i.height?"auto":void 0});if(i.tableRowHeight){h.rowConfig.height=s[i.tableRowHeight]||i.tableRowHeight;const o=h.headerRowClassName;h.headerRowClassName=l("iho-table__headerHeight",o);const n=h.headerRowStyle;h.headerRowStyle=r({"--iho-table-header-height":e(null!=(a=null!=(t=s[i.tableHeaderRowHeight])?t:i.tableHeaderRowHeight)?a:h.rowConfig.height)},n)}return h.selectType=i.selectType||(n.isPositive(i.isBatchSelect)?"checkbox":n.isPositive(i.isSingleSelect)?"radio":void 0),h})),a.configHooks.mouseConfig.tap({name:h,stage:t},((e,o)=>i(o.keyboardConfig)?Object.assign({selected:!!o.keyboardConfig.isEdit},e):e))}})}export{h as defaultConfigPlugin};
+import { widthAppend } from '../../../../shared/utils/index.js';
+import { mergeWith, isObject } from 'lodash-es';
+import { HIGHEST_PRIORITY, IHO_TABLE_ROW_HEIGHT } from '../constants/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+import { mergeVxeClass, mergeVxeStyle, IhoTableStatusHelper } from '../utils/index.js';
+
+function defaultConfigPlugin() {
+  const pluginName = "defaultTablePlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(vxeTable) {
+      vxeTable.setup({
+        zIndex: 3e3
+      });
+    },
+    apply(hooks) {
+      hooks.configHooks.config.tap({
+        name: pluginName,
+        stage: HIGHEST_PRIORITY
+      }, (config) => {
+        var _a, _b;
+        const result = mergeWith({
+          border: true,
+          showSeq: true,
+          columnConfig: {
+            resizable: true
+          },
+          scrollX: {
+            enabled: false,
+            gt: 60
+          },
+          rowConfig: {
+            height: 36,
+            useKey: true,
+            isHover: true,
+            isCurrent: true,
+            keyField: "theUniqueKey"
+          },
+          showOverflow: "title",
+          showHeaderOverflow: "title",
+          editConfig: {
+            trigger: "click",
+            mode: "cell"
+          },
+          loadingConfig: {
+            icon: "",
+            text: "\u6570\u636E\u52A0\u8F7D\u4E2D..."
+          }
+        }, config, {
+          height: config.height ? "auto" : void 0
+        });
+        if (config.tableRowHeight) {
+          result.rowConfig.height = IHO_TABLE_ROW_HEIGHT[config.tableRowHeight] || config.tableRowHeight;
+          const prevRowClassName = result.headerRowClassName;
+          result.headerRowClassName = mergeVxeClass("iho-table__headerHeight", prevRowClassName);
+          const prevRowStyle = result.headerRowStyle;
+          result.headerRowStyle = mergeVxeStyle({
+            "--iho-table-header-height": widthAppend((_b = (_a = IHO_TABLE_ROW_HEIGHT[config.tableHeaderRowHeight]) != null ? _a : config.tableHeaderRowHeight) != null ? _b : result.rowConfig.height)
+          }, prevRowStyle);
+        }
+        result.selectType = config.selectType || (IhoTableStatusHelper.isPositive(config.isBatchSelect) ? "checkbox" : IhoTableStatusHelper.isPositive(config.isSingleSelect) ? "radio" : void 0);
+        return result;
+      });
+      hooks.configHooks.mouseConfig.tap({
+        name: pluginName,
+        stage: HIGHEST_PRIORITY
+      }, (mouseConfig, config) => {
+        if (isObject(config.keyboardConfig)) {
+          return Object.assign({
+            selected: !!config.keyboardConfig.isEdit
+          }, mouseConfig);
+        }
+        return mouseConfig;
+      });
+    }
+  });
+}
+
+export { defaultConfigPlugin };

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

@@ -1 +1,49 @@
-import{format as e}from"date-fns";import"../../index.js";import{EDITABLE_WIDGET_TYPE as t}from"../constants/index.js";import{getLowCodeFieldFromField as n}from"../utils/index.js";import{defineTablePlugin as u}from"../hooks/useTablePlugin.js";function l(){const l="defaultValuePlugin",a=new Map([[t.TIME,({defaultValue:t,valueFormat:n="HH:mm"})=>"current"===t?e(Date.now(),n):t],[t.DATE,({defaultValue:t,valueFormat:n="yyyy-MM-dd HH:mm:ss"})=>"current"===t?e(Date.now(),n):t]]);return u({name:l,apply(e){e.fieldHooks.field.tap(l,(e=>(e.editRender={defaultValue:({column:e})=>function(e){var t;const u=n(e);if(!u||null==u.defaultValue)return null;const l=null==(t=e.editRender)?void 0:t.name,o=l&&a.get(l);return o?o(u):u.defaultValue}(e),...e.editRender},e)))}})}export{l as defaultValuePlugin};
+import { format } from 'date-fns';
+import '../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../constants/index.js';
+import { getLowCodeFieldFromField } from '../utils/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function defaultValuePlugin() {
+  const pluginName = "defaultValuePlugin";
+  const defaultValueTransferMap = /* @__PURE__ */ new Map([[EDITABLE_WIDGET_TYPE.TIME, ({
+    defaultValue,
+    valueFormat = "HH:mm"
+  }) => {
+    if (defaultValue === "current")
+      return format(Date.now(), valueFormat);
+    return defaultValue;
+  }], [EDITABLE_WIDGET_TYPE.DATE, ({
+    defaultValue,
+    valueFormat = "yyyy-MM-dd HH:mm:ss"
+  }) => {
+    if (defaultValue === "current")
+      return format(Date.now(), valueFormat);
+    return defaultValue;
+  }]]);
+  function getDefaultValue(fieldItem) {
+    var _a;
+    const lowCodeField = getLowCodeFieldFromField(fieldItem);
+    if (!lowCodeField || lowCodeField.defaultValue == null)
+      return null;
+    const editType = (_a = fieldItem.editRender) == null ? void 0 : _a.name;
+    const transfer = editType && defaultValueTransferMap.get(editType);
+    return transfer ? transfer(lowCodeField) : lowCodeField.defaultValue;
+  }
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem) => {
+        fieldItem.editRender = {
+          defaultValue: ({
+            column
+          }) => getDefaultValue(column),
+          ...fieldItem.editRender
+        };
+        return fieldItem;
+      });
+    }
+  });
+}
+
+export { defaultValuePlugin };

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

@@ -1 +1,99 @@
-import{findAncestor as e}from"../../../../shared/utils/index.js";import{noop as r}from"lodash-es";import{computed as l,unref as t,onBeforeUnmount as o}from"vue";import{useDragScroll as a}from"../../../drag-scroll/src/index.js";import"../../index.js";import{useUUIDMap as u}from"../utils/index.js";import{defineTablePlugin as n}from"../hooks/useTablePlugin.js";function s(){const e="dragScrollPlugin";return n({name:e,apply(n){const{getItemFromUUID:s,setItemFromUUID:c,removeItemFromUUID:m}=u((()=>r),!1);n.configHooks.config.tap(e,((e,{$table:r})=>{if(!0!==e.dragScroll||!e.uuid)return e;const o=l((()=>{var e;return t(null==(e=r.value)?void 0:e.getRefMaps().refElem)})),u=l((()=>{var e;return null==(e=o.value)?void 0:e.querySelector(".vxe-table--body-wrapper.body--wrapper")}));return c(e.uuid,a(e.uuid,{...e.dragScrollConfig,dragEle:o,scrollTarget:u,isDraggableEle(e){const{bodyEle:l,inEmptyArea:o}=function(e,r){const l=e.target,o="TD"===l.tagName||l.classList.contains("vxe-cell"),a=t(r);return a?{target:l,bodyEle:i(l,a),inEmptyArea:o}:{target:l,inEmptyArea:o,bodyEle:null}}(e,r);return!!l&&o},getScrollState(){var e;return null!=(e=u.value)?e:r.value.getScroll()},setScrollState:(e,l)=>r.value.scrollTo(l.scrollLeft,l.scrollTop)})),e})),n.setupHooks.setup.tap(e,(e=>{o((()=>{var r;e.value.uuid&&(null==(r=s(e.value.uuid))||r(),m(e.value.uuid))}))}))}})}function i(r,l){const o=t(l.getRefMaps().refElem);let a=!1,u=!1,n=null;return e(r,(e=>(a||(a=e===o),u||(u=e.classList.contains("vxe-table--body-wrapper"),n=e),a&&u)))?n:null}export{s as dragScrollPlugin};
+import { findAncestor } from '../../../../shared/utils/index.js';
+import { noop } from 'lodash-es';
+import { computed, unref, onBeforeUnmount } from 'vue';
+import { useDragScroll } from '../../../drag-scroll/src/index.js';
+import '../../index.js';
+import { useUUIDMap } from '../utils/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function dragScrollPlugin() {
+  const pluginName = "dragScrollPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      const {
+        getItemFromUUID,
+        setItemFromUUID,
+        removeItemFromUUID
+      } = useUUIDMap(() => noop, false);
+      hooks.configHooks.config.tap(pluginName, (config, {
+        $table: $tableRef
+      }) => {
+        if (config.dragScroll !== true || !config.uuid)
+          return config;
+        const dragEle = computed(() => {
+          var _a;
+          return unref((_a = $tableRef.value) == null ? void 0 : _a.getRefMaps().refElem);
+        });
+        const scrollTarget = computed(() => {
+          var _a;
+          return (_a = dragEle.value) == null ? void 0 : _a.querySelector(".vxe-table--body-wrapper.body--wrapper");
+        });
+        setItemFromUUID(config.uuid, useDragScroll(config.uuid, {
+          ...config.dragScrollConfig,
+          dragEle,
+          scrollTarget,
+          isDraggableEle(event) {
+            const {
+              bodyEle,
+              inEmptyArea
+            } = getMouseInfo(event, $tableRef);
+            return !!bodyEle && inEmptyArea;
+          },
+          getScrollState() {
+            var _a;
+            return (_a = scrollTarget.value) != null ? _a : $tableRef.value.getScroll();
+          },
+          setScrollState(_, state) {
+            return $tableRef.value.scrollTo(state.scrollLeft, state.scrollTop);
+          }
+        }));
+        return config;
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config) => {
+        onBeforeUnmount(() => {
+          var _a;
+          if (!config.value.uuid)
+            return;
+          (_a = getItemFromUUID(config.value.uuid)) == null ? void 0 : _a();
+          removeItemFromUUID(config.value.uuid);
+        });
+      });
+    }
+  });
+}
+function getMouseInfo(e, $tableRef) {
+  const target = e.target;
+  const inEmptyArea = target.tagName === "TD" || target.classList.contains("vxe-cell");
+  const $table = unref($tableRef);
+  if (!$table)
+    return {
+      target,
+      inEmptyArea,
+      bodyEle: null
+    };
+  return {
+    target,
+    bodyEle: getAncestorBody(target, $table),
+    inEmptyArea
+  };
+}
+function getAncestorBody(target, $table) {
+  const tableEle = unref($table.getRefMaps().refElem);
+  let inTable = false, inBody = false, bodyEle = null;
+  const ancestor = findAncestor(target, (ele) => {
+    if (!inTable) {
+      inTable = ele === tableEle;
+    }
+    if (!inBody) {
+      inBody = ele.classList.contains("vxe-table--body-wrapper");
+      bodyEle = ele;
+    }
+    return inTable && inBody;
+  });
+  if (!ancestor)
+    return null;
+  return bodyEle;
+}
+
+export { dragScrollPlugin };

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/dynamicFilter.vue.js

@@ -1 +1,6 @@
-import e from"./dynamicFilter.vue2.js";import r from"../../../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","dynamicFilter.vue"]]);export{i as default};
+import _sfc_main from './dynamicFilter.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var DynamicFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dynamicFilter.vue"]]);
+
+export { DynamicFilter as default };