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

package/es/components/iho-table/src/utils/index.js

@@ -1 +1,347 @@
-import{reactive as e,inject as t,unref as n,toRaw as r,normalizeStyle as i,createVNode as o}from"vue";import{jsonParse as l}from"../../../../shared/utils/index.js";import{promiseTimeout as u}from"@vueuse/shared";import{parse as a,isValid as c,compareDesc as s}from"date-fns";import{isNumber as d,isFunction as f,isString as p,isObject as m,isArray as v}from"lodash-es";import{InjectionIhoTableEmits as h,InjectionIhoTableConfig as g,IHO_TABLE_STRING_STATUS as I,IHO_TABLE_NUMBER_STATUS as E,IHO_TABLE_TREE_TYPE as T,EDITABLE_WIDGET_TYPE as w,InjectionIhoTableUUID as F}from"../constants/index.js";import{getSeparateInfo as S}from"./separateMap.js";export{deleteSeparateInfo,getSeparateInfo,setSeparateInfo}from"./separateMap.js";function R(e){return console.warn(`[IhoTable]: ${e}`)}const C=Object.freeze({getCellType(e){var t;return((null==(t=e.settingObj)?void 0:t.attr)||e.formType||"DEFAULT").toUpperCase()}});function b(){var e,n,r;const i=t(g);return i||R("this function(getRowHeight) only can be used in setup environment"),null!=(r=null==(n=null==(e=null==i?void 0:i.value)?void 0:e.rowConfig)?void 0:n.height)?r:32}function D(e){const t=e.slice(2);return`${t[0].toLowerCase()}${t.slice(1)}`}function O(e){return`on${e[0].toUpperCase()}${e.slice(1)}`}function P(t,n=!0){const r=n?e(new Map):new Map;return{uuidMap:r,getItemFromUUID:function(e){return r.get(e)||r.set(e,t()),r.get(e)},setItemFromUUID:function(e,t){r.set(e,t)},removeItemFromUUID:function(e){r.delete(e)}}}async function x(e,t,r,i,o=2){const l=function(){var o;const l=null==(o=n(i))?void 0:o.getColumnByField(e.field);if(!l)return;const u=y(l);return u?f(u.separateWidth)?u.separateWidth({column:l,row:t,rowIndex:r,$table:n(i)}):d(u.separateWidth)?u.separateWidth:l.renderWidth:l.renderWidth}();return d(l)&&l>0?l:o<=0?function(){const t=+e.colWidth;return d(t)?t:64}():(await u(0),x(e,t,r,i,o-1))}function A(e){const i=t(h);function o(){var t;const r=n(e);return{$table:r.$table,value:r.row[r.column.field],row:r.row,column:{...r.column,...null==(t=r.column.editRender)?void 0:t.props},index:r.rowIndex>-1?r.rowIndex:r.$rowIndex}}function l(e={}){i("formChange",{...o(),...r(e)})}function u(e={}){i("formClick",{...o(),...r(e)})}return{emitFormChange:function(){l()},emitFormClick:function(){u()},emitFormChangeWithParams:l,emitFormClickWithParams:u}}function y(e){var t;return null==(t=e.editRender)?void 0:t.props}const $=Object.freeze({createDefaultRenderCell:function(){return function({props:e},{row:n,column:r}){if("bottom"!==(null==e?void 0:e.separatePlacement))return c(n[r.field]);const i=t(F),l=S(i,n);if(!l)return c(n[r.field]);const{originalData:u=n,isLastRow:a}=l;return c(a?u[r.field]:null);function c(e){return[o("span",{title:U(r,e),class:"iho-table__colorAndIcon"},[e])]}}},createRenderEdit:function(e){return function({props:t},n){return e({...n,fieldItem:t||{},...A(n)})}},isEditableColumn(e,t){var n;return!1!==(null==(n=e.editConfig)?void 0:n.showIcon)&&t.editRender&&!1!==t.editRender.enabled},hasFilter(e){return this.hasDateFilter(e)||this.hasOptionFilter(e)||this.hasTextFilter(e)},hasDynamicFilter:e=>e.optionInfo&&(e.optionInfo.dynamicOptionInfo||e.optionInfo.list),hasRemoteSearchFilter(e){var t;return"remote"===(null==(t=e.filterSetting)?void 0:t.type)},hasOptionFilter(e){var t;if(M(e))return!0;const n=null==(t=e.settingObj)?void 0:t.showSetting;if(n&&n.length)return n.some((e=>{var t;return e.change_text&&(null==(t=e.filter)?void 0:t.length)}));let r=e.fieldSetting;return p(r)&&(r=l(r||"")),m(r)&&((i=r).notParticipatingSearch!==I.POSITIVE&&"manual"===(null==(o=i.mapping)?void 0:o.type));var i,o},hasDateFilter(e){var t;return"daterange"===(null==(t=null==e?void 0:e.filterSetting)?void 0:t.type)},hasTextFilter(e){var t;return"text"===(null==(t=null==e?void 0:e.filterSetting)?void 0:t.type)},hasTitlePrefix(e){var t,n;return e&&((null==(t=e.titlePrefix)?void 0:t.content)||(null==(n=e.titlePrefix)?void 0:n.useHTML))}}),_=Object.freeze({isPositive:e=>e===E.POSITIVE||e===I.POSITIVE,isNegative:e=>e===E.NEGATIVE||e===I.NEGATIVE,notPositive:e=>e!==E.POSITIVE&&e!==I.POSITIVE,notNegative:e=>e!==E.NEGATIVE&&e!==I.NEGATIVE});function N(e){return[T.TRANSFORM_WITH_SPAN_METHOD,T.TRANSFORM_TREE_TYPE].includes(`${e.isTree}`)}function H(e){return p(e)&&!!e.match(/^###\{[^{}]+}$/)}function V(e){try{return JSON.parse(e.replace(/^###/,""))}catch(e){return{}}}function W(e,t){if(e.$__SEPARATE||!t.editRender||!t.editRender.props)return e[t.field];const{fieldSetting:n}=t.editRender.props;if(!p(n))return e[t.field];const{mergedFeildExpression:r}=l(n);return r&&p(r)?r.replace(/#{(.+?)}/g,(function(t,n){let r=n?e[n.trim()]:null;H(r)&&(r=V(r).change_text);return r||(null==r?"--":r)})):e[t.field]}const j=["SEARCH","SELECT","RADIO","CHECKBOX"];function M(e){return e.notParticipatingSearch===E.NEGATIVE&&j.includes(C.getCellType(e))&&v(e.options)&&e.options.length}function U(e,t=""){return"tooltip"!==e.showOverflow&&p(t)?t:""}function G(e,t){var r,i,o;t=n(t)||"";const l=null!=(i=null==(r=e.editRender)?void 0:r.props)?i:{},u=a(t,(null==(o=null==l?void 0:l.componentProps)?void 0:o.valueFormat)||"HH:mm",new Date);return!c(u)}function L(e,t,r){var i,o;const l=null!=(o=null==(i=e.editRender)?void 0:i.props)?o:{};return r=n(r)||"",!c(new Date(r))||p(l.connectField)&&t[l.connectField]&&(l.isStartDate&&s(new Date(r),new Date(t[l.connectField]))<0||l.isEndDate&&s(new Date(r),new Date(t[l.connectField]))>0)}function k(e){var t,n;return(!0===e.variableHeight||"1"===e.variableHeight)&&(null!=(n=null==(t=e.editRender)?void 0:t.name)?n:C.getCellType(e))!==w.SEPARATE}function z(e){const t=e.internalData.tableFullColumn;return!!v(t)&&t.some((e=>{var t,n;return k(null!=(n=null==(t=e.editRender)?void 0:t.props)?n:{})}))}function B(e,t){return t?e?n=>[f(e)?e(n):e,f(t)?t(n):t]:t:e}function J(e,t){return t?e?n=>i([f(e)?e(n):e,f(t)?t(n):t]):t:e}function K(e){return function({option:t,column:n,row:r}){if(e&&v(r[e])&&r[e].length)return!1;const i=r[n.field];if(v(i))return i.some((e=>[t.label,t.value].includes(e)));if(p(i)){if(i===t.value||i===t.label)return!0;const{value:e,change_text:n}=V(i);return n===t.label||e===t.value}return null!=i&&t.value===i}}export{$ as IhoTableRenderHelper,_ as IhoTableStatusHelper,C as IhoTableUtils,R as IhoTableWarn,K as createIhoTableFilterMethod,D as eventListener2EventName,O as eventName2EventListener,x as getColumnRenderWidth,y as getLowCodeFieldFromField,b as getRowHeight,U as getTitle,M as isCompatibleColumn,L as isInvalidDate,G as isInvalidTime,H as isRichContent,N as isTransformTreeType,k as isVariableHeightColumn,z as isVariableHeightTable,B as mergeVxeClass,J as mergeVxeStyle,W as parseMergeField,V as parseRichContent,A as useIhoTableFormEvent,P as useUUIDMap};
+import { reactive, inject, toRaw, unref, normalizeStyle, createVNode } from 'vue';
+import { jsonParse } from '../../../../shared/utils/index.js';
+import { promiseTimeout } from '@vueuse/shared';
+import { parse, isValid, compareDesc } from 'date-fns';
+import { isString, isFunction, isNumber, isObject, isArray } from 'lodash-es';
+import { InjectionIhoTableEmits, IHO_TABLE_NUMBER_STATUS, IHO_TABLE_STRING_STATUS, IHO_TABLE_TREE_TYPE, InjectionIhoTableConfig, EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../constants/index.js';
+import { getSeparateInfo } from './separateMap.js';
+export { deleteSeparateInfo, getSeparateInfo, setSeparateInfo } from './separateMap.js';
+
+function IhoTableWarn(message) {
+  return console.warn(`[IhoTable]: ${message}`);
+}
+const IhoTableUtils = Object.freeze({
+  getCellType(lowCodeField) {
+    var _a;
+    return (((_a = lowCodeField.settingObj) == null ? void 0 : _a.attr) || lowCodeField.formType || "DEFAULT").toUpperCase();
+  }
+});
+function getRowHeight() {
+  var _a, _b, _c;
+  const config = inject(InjectionIhoTableConfig);
+  if (!config) {
+    IhoTableWarn("this function(getRowHeight) only can be used in setup environment");
+  }
+  return (_c = (_b = (_a = config == null ? void 0 : config.value) == null ? void 0 : _a.rowConfig) == null ? void 0 : _b.height) != null ? _c : 32;
+}
+function eventListener2EventName(eventListenerName) {
+  const eventName = eventListenerName.slice(2);
+  return `${eventName[0].toLowerCase()}${eventName.slice(1)}`;
+}
+function eventName2EventListener(eventName) {
+  return `on${eventName[0].toUpperCase()}${eventName.slice(1)}`;
+}
+function useUUIDMap(creator, isReactive = true) {
+  const uuidMap = isReactive ? reactive(/* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
+  function getItemFromUUID(uuid) {
+    const o = uuidMap.get(uuid);
+    if (!o)
+      uuidMap.set(uuid, creator());
+    return uuidMap.get(uuid);
+  }
+  function removeItemFromUUID(uuid) {
+    uuidMap.delete(uuid);
+  }
+  function setItemFromUUID(uuid, value) {
+    uuidMap.set(uuid, value);
+  }
+  return {
+    uuidMap,
+    getItemFromUUID,
+    setItemFromUUID,
+    removeItemFromUUID
+  };
+}
+async function getColumnRenderWidth(column, row, rowIndex, $table, tryTimes = 2) {
+  const prev = getRenderWidth();
+  if (isNumber(prev) && prev > 0) {
+    return prev;
+  }
+  if (tryTimes <= 0)
+    return getColumnWidth();
+  await promiseTimeout(0);
+  return getColumnRenderWidth(column, row, rowIndex, $table, tryTimes - 1);
+  function getRenderWidth() {
+    var _a;
+    const columnInfo = (_a = unref($table)) == null ? void 0 : _a.getColumnByField(column.field);
+    if (!columnInfo)
+      return;
+    const lowCodeField = getLowCodeFieldFromField(columnInfo);
+    if (!lowCodeField)
+      return columnInfo.renderWidth;
+    return isFunction(lowCodeField.separateWidth) ? lowCodeField.separateWidth({
+      column: columnInfo,
+      row,
+      rowIndex,
+      $table: unref($table)
+    }) : isNumber(lowCodeField.separateWidth) ? lowCodeField.separateWidth : columnInfo.renderWidth;
+  }
+  function getColumnWidth() {
+    const colWidth = +column.colWidth;
+    return isNumber(colWidth) ? colWidth : 64;
+  }
+}
+function useIhoTableFormEvent(payloadRef) {
+  const emit = inject(InjectionIhoTableEmits);
+  function getPayload() {
+    var _a;
+    const payload = unref(payloadRef);
+    return {
+      $table: payload.$table,
+      value: payload.row[payload.column.field],
+      row: payload.row,
+      column: {
+        ...payload.column,
+        ...(_a = payload.column.editRender) == null ? void 0 : _a.props
+      },
+      index: payload.rowIndex > -1 ? payload.rowIndex : payload.$rowIndex
+    };
+  }
+  function emitFormChangeWithParams(params = {}) {
+    emit("formChange", {
+      ...getPayload(),
+      ...toRaw(params)
+    });
+  }
+  function emitFormClickWithParams(params = {}) {
+    emit("formClick", {
+      ...getPayload(),
+      ...toRaw(params)
+    });
+  }
+  function emitFormChange() {
+    emitFormChangeWithParams();
+  }
+  function emitFormClick() {
+    emitFormClickWithParams();
+  }
+  return {
+    emitFormChange,
+    emitFormClick,
+    emitFormChangeWithParams,
+    emitFormClickWithParams
+  };
+}
+function getLowCodeFieldFromField(field) {
+  var _a;
+  return (_a = field.editRender) == null ? void 0 : _a.props;
+}
+function createDefaultRenderCell() {
+  return function({
+    props
+  }, {
+    row,
+    column
+  }) {
+    if ((props == null ? void 0 : props.separatePlacement) !== "bottom")
+      return renderDefaultNode(row[column.field]);
+    const uuid = inject(InjectionIhoTableUUID);
+    const separateInfo = getSeparateInfo(uuid, row);
+    if (!separateInfo)
+      return renderDefaultNode(row[column.field]);
+    const {
+      originalData = row,
+      isLastRow
+    } = separateInfo;
+    return renderDefaultNode(isLastRow ? originalData[column.field] : null);
+    function renderDefaultNode(value) {
+      return [createVNode("span", {
+        "title": getTitle(column, value),
+        "class": "iho-table__colorAndIcon"
+      }, [value])];
+    }
+  };
+}
+function createRenderEdit(renderer) {
+  return function({
+    props
+  }, params) {
+    return renderer({
+      ...params,
+      fieldItem: props || {},
+      ...useIhoTableFormEvent(params)
+    });
+  };
+}
+const IhoTableRenderHelper = Object.freeze({
+  createDefaultRenderCell,
+  createRenderEdit,
+  isEditableColumn(config, column) {
+    var _a;
+    return ((_a = config.editConfig) == null ? void 0 : _a.showIcon) !== false && column.editRender && column.editRender.enabled !== false;
+  },
+  hasFilter(lowCodeField) {
+    return this.hasDateFilter(lowCodeField) || this.hasOptionFilter(lowCodeField) || this.hasTextFilter(lowCodeField);
+  },
+  hasDynamicFilter(lowCodeField) {
+    return lowCodeField.optionInfo && (lowCodeField.optionInfo.dynamicOptionInfo || lowCodeField.optionInfo.list);
+  },
+  hasRemoteSearchFilter(lowCodeField) {
+    var _a;
+    return ((_a = lowCodeField.filterSetting) == null ? void 0 : _a.type) === "remote";
+  },
+  hasOptionFilter(lowCodeField) {
+    var _a;
+    if (isCompatibleColumn(lowCodeField)) {
+      return true;
+    }
+    const showSetting = (_a = lowCodeField.settingObj) == null ? void 0 : _a.showSetting;
+    if (showSetting && showSetting.length) {
+      return showSetting.some((i) => {
+        var _a2;
+        return i.change_text && ((_a2 = i.filter) == null ? void 0 : _a2.length);
+      });
+    }
+    let fieldSetting = lowCodeField.fieldSetting;
+    if (isString(fieldSetting))
+      fieldSetting = jsonParse(fieldSetting || "");
+    return isFieldSetting(fieldSetting) && showFilter(fieldSetting);
+    function isFieldSetting(value) {
+      return isObject(value);
+    }
+    function showFilter(fieldSetting2) {
+      var _a2;
+      return fieldSetting2.notParticipatingSearch !== IHO_TABLE_STRING_STATUS.POSITIVE && ((_a2 = fieldSetting2.mapping) == null ? void 0 : _a2.type) === "manual";
+    }
+  },
+  hasDateFilter(lowCodeField) {
+    var _a;
+    return ((_a = lowCodeField == null ? void 0 : lowCodeField.filterSetting) == null ? void 0 : _a.type) === "daterange";
+  },
+  hasTextFilter(lowCodeField) {
+    var _a;
+    return ((_a = lowCodeField == null ? void 0 : lowCodeField.filterSetting) == null ? void 0 : _a.type) === "text";
+  },
+  hasTitlePrefix(lowCodeField) {
+    var _a, _b;
+    return lowCodeField && (((_a = lowCodeField.titlePrefix) == null ? void 0 : _a.content) || ((_b = lowCodeField.titlePrefix) == null ? void 0 : _b.useHTML));
+  }
+});
+const IhoTableStatusHelper = Object.freeze({
+  isPositive(value) {
+    return value === IHO_TABLE_NUMBER_STATUS.POSITIVE || value === IHO_TABLE_STRING_STATUS.POSITIVE;
+  },
+  isNegative(value) {
+    return value === IHO_TABLE_NUMBER_STATUS.NEGATIVE || value === IHO_TABLE_STRING_STATUS.NEGATIVE;
+  },
+  notPositive(value) {
+    return value !== IHO_TABLE_NUMBER_STATUS.POSITIVE && value !== IHO_TABLE_STRING_STATUS.POSITIVE;
+  },
+  notNegative(value) {
+    return value !== IHO_TABLE_NUMBER_STATUS.NEGATIVE && value !== IHO_TABLE_STRING_STATUS.NEGATIVE;
+  }
+});
+function isTransformTreeType(config) {
+  return [IHO_TABLE_TREE_TYPE.TRANSFORM_WITH_SPAN_METHOD, IHO_TABLE_TREE_TYPE.TRANSFORM_TREE_TYPE].includes(`${config.isTree}`);
+}
+function isRichContent(content) {
+  return isString(content) && !!content.match(/^###\{[^{}]+}$/);
+}
+function parseRichContent(richContent) {
+  try {
+    return JSON.parse(richContent.replace(/^###/, ""));
+  } catch (e) {
+    return {};
+  }
+}
+function parseMergeField(row, column) {
+  if (row.$__SEPARATE || !column.editRender || !column.editRender.props)
+    return row[column.field];
+  const {
+    fieldSetting
+  } = column.editRender.props;
+  if (!isString(fieldSetting))
+    return row[column.field];
+  const {
+    mergedFeildExpression
+  } = jsonParse(fieldSetting);
+  if (!mergedFeildExpression || !isString(mergedFeildExpression))
+    return row[column.field];
+  return mergedFeildExpression.replace(/#{(.+?)}/g, replacer);
+  function replacer(str, field) {
+    let content = field ? row[field.trim()] : null;
+    if (isRichContent(content)) {
+      content = parseRichContent(content).change_text;
+    }
+    return content ? content : content == null ? "--" : content;
+  }
+}
+const filterTypes = ["SEARCH", "SELECT", "RADIO", "CHECKBOX"];
+function isCompatibleColumn(field) {
+  return field.notParticipatingSearch === IHO_TABLE_NUMBER_STATUS.NEGATIVE && filterTypes.includes(IhoTableUtils.getCellType(field)) && isArray(field.options) && field.options.length;
+}
+function getTitle(column, value = "") {
+  return column.showOverflow === "tooltip" || !isString(value) ? "" : value;
+}
+function isInvalidTime(column, newValue) {
+  var _a, _b, _c;
+  newValue = unref(newValue) || "";
+  const lowCodeField = (_b = (_a = column.editRender) == null ? void 0 : _a.props) != null ? _b : {};
+  const parseValue = parse(newValue, ((_c = lowCodeField == null ? void 0 : lowCodeField.componentProps) == null ? void 0 : _c.valueFormat) || "HH:mm", new Date());
+  return !isValid(parseValue);
+}
+function isInvalidDate(column, row, newValue) {
+  var _a, _b;
+  const lowCodeField = (_b = (_a = column.editRender) == null ? void 0 : _a.props) != null ? _b : {};
+  newValue = unref(newValue) || "";
+  return !isValid(new Date(newValue)) || isString(lowCodeField.connectField) && row[lowCodeField.connectField] && (lowCodeField.isStartDate && compareDesc(new Date(newValue), new Date(row[lowCodeField.connectField])) < 0 || lowCodeField.isEndDate && compareDesc(new Date(newValue), new Date(row[lowCodeField.connectField])) > 0);
+}
+function isVariableHeightColumn(field) {
+  var _a, _b;
+  if (field.variableHeight !== true && field.variableHeight !== "1")
+    return false;
+  return ((_b = (_a = field.editRender) == null ? void 0 : _a.name) != null ? _b : IhoTableUtils.getCellType(field)) !== EDITABLE_WIDGET_TYPE.SEPARATE;
+}
+function isVariableHeightTable($table) {
+  const columns = $table.internalData.tableFullColumn;
+  if (!isArray(columns))
+    return false;
+  return columns.some((column) => {
+    var _a, _b;
+    return isVariableHeightColumn((_b = (_a = column.editRender) == null ? void 0 : _a.props) != null ? _b : {});
+  });
+}
+function mergeVxeClass(target, origin) {
+  if (!origin)
+    return target;
+  if (!target)
+    return origin;
+  return (params) => {
+    return [isFunction(target) ? target(params) : target, isFunction(origin) ? origin(params) : origin];
+  };
+}
+function mergeVxeStyle(target, origin) {
+  if (!origin)
+    return target;
+  if (!target)
+    return origin;
+  return (params) => {
+    return normalizeStyle([isFunction(target) ? target(params) : target, isFunction(origin) ? origin(params) : origin]);
+  };
+}
+function createIhoTableFilterMethod(childField) {
+  return function({
+    option,
+    column,
+    row
+  }) {
+    if (childField && isArray(row[childField]) && row[childField].length)
+      return false;
+    const content = row[column.field];
+    if (isArray(content)) {
+      return content.some((str) => [option.label, option.value].includes(str));
+    }
+    if (isString(content)) {
+      if (content === option.value || content === option.label)
+        return true;
+      const {
+        value,
+        change_text
+      } = parseRichContent(content);
+      return change_text === option.label || value === option.value;
+    }
+    return content != null && option.value === content;
+  };
+}
+
+export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, createIhoTableFilterMethod, eventListener2EventName, eventName2EventListener, getColumnRenderWidth, getLowCodeFieldFromField, getRowHeight, getTitle, isCompatibleColumn, isInvalidDate, isInvalidTime, isRichContent, isTransformTreeType, isVariableHeightColumn, isVariableHeightTable, mergeVxeClass, mergeVxeStyle, parseMergeField, parseRichContent, useIhoTableFormEvent, useUUIDMap };

package/es/components/iho-table/src/utils/separateMap.js

@@ -1 +1,17 @@
-import{reactive as e}from"vue";const t=e(new Map);function n(e,n){var o;return null==(o=t.get(e))?void 0:o.get(n)}function o(e,n,o){const r=t.get(e)||new WeakMap;t.set(e,r),r.set(n,o)}function r(e){t.delete(e)}export{r as deleteSeparateInfo,n as getSeparateInfo,o as setSeparateInfo};
+import { reactive } from 'vue';
+
+const separateRowMap = reactive(/* @__PURE__ */ new Map());
+function getSeparateInfo(uuid, rowData) {
+  var _a;
+  return (_a = separateRowMap.get(uuid)) == null ? void 0 : _a.get(rowData);
+}
+function setSeparateInfo(uuid, rowData, data) {
+  const map = separateRowMap.get(uuid) || /* @__PURE__ */ new WeakMap();
+  separateRowMap.set(uuid, map);
+  map.set(rowData, data);
+}
+function deleteSeparateInfo(uuid) {
+  separateRowMap.delete(uuid);
+}
+
+export { deleteSeparateInfo, getSeparateInfo, setSeparateInfo };