@tmagic/utils 1.5.13 → 1.5.15

package/dist/tmagic-utils.js

@@ -190,6 +190,65 @@ const getUrlParam = (param, url) => {
   }
   return "";
 };
+const setUrlParam = (name, value, url = globalThis.location.href) => {
+  const reg = new RegExp(`[?&#]${name}=([^&#]*)`, "gi");
+  const matches = url.match(reg);
+  const key = `{key${(/* @__PURE__ */ new Date()).getTime()}}`;
+  let strArr;
+  if (matches && matches.length > 0) {
+    strArr = matches[matches.length - 1];
+  } else {
+    strArr = "";
+  }
+  const extra = `${name}=${value}`;
+  if (strArr) {
+    const first = strArr.charAt(0);
+    url = url.replace(strArr, key);
+    url = url.replace(key, value ? first + extra : "");
+  } else if (value) {
+    if (url.indexOf("?") > -1) {
+      url += `&${extra}`;
+    } else {
+      url += `?${extra}`;
+    }
+  }
+  return url;
+};
+const getSearchObj = (search = globalThis.location.search ? globalThis.location.search.substring(1) : "") => {
+  return search.split("&").reduce((obj, item) => {
+    const [a, b = ""] = item.split("=");
+    return { ...obj, [a]: b };
+  }, {});
+};
+const delQueStr = (url, ref) => {
+  let str = "";
+  if (url.indexOf("?") !== -1) {
+    str = url.substring(url.indexOf("?") + 1);
+  } else {
+    return url;
+  }
+  let arr = [];
+  let returnurl = "";
+  const isHit = Array.isArray(ref) ? function(v) {
+    return ~ref.indexOf(v);
+  } : function(v) {
+    return v === ref;
+  };
+  if (str.indexOf("&") !== -1) {
+    arr = str.split("&");
+    for (let i = 0, len = arr.length; i < len; i++) {
+      if (!isHit(arr[i].split("=")[0])) {
+        returnurl = `${returnurl + arr[i].split("=")[0]}=${arr[i].split("=")[1]}&`;
+      }
+    }
+    return returnurl ? `${url.substr(0, url.indexOf("?"))}?${returnurl.substr(0, returnurl.length - 1)}` : url.substr(0, url.indexOf("?"));
+  }
+  arr = str.split("=");
+  if (isHit(arr[0])) {
+    return url.substr(0, url.indexOf("?"));
+  }
+  return url;
+};
 const isObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
 const isPop = (node) => Boolean(node?.type?.toLowerCase().endsWith("pop"));
 const isPage = (node) => {
@@ -371,6 +430,7 @@ const getDefaultValueFromFields = (fields) => {
             data[field.name] = JSON.parse(field.defaultValue);
           } catch (e) {
             data[field.name] = defaultValue.object;
+            console.warn("defaultValue 解析失败", field.defaultValue, e);
           }
           return;
         }
@@ -455,4 +515,4 @@ const isValueIncludeDataSource = (value) => {
   return false;
 };
 
-export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getGlobalThis, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, isValueIncludeDataSource, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };
+export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, delQueStr, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getGlobalThis, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getSearchObj, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, isValueIncludeDataSource, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setUrlParam, setValueByKeyPath, sleep, toHump, toLine, traverseNode };

package/dist/tmagic-utils.umd.cjs

@@ -2563,6 +2563,65 @@
     }
     return "";
   };
+  const setUrlParam = (name, value, url = globalThis.location.href) => {
+    const reg = new RegExp(`[?&#]${name}=([^&#]*)`, "gi");
+    const matches = url.match(reg);
+    const key = `{key${(/* @__PURE__ */ new Date()).getTime()}}`;
+    let strArr;
+    if (matches && matches.length > 0) {
+      strArr = matches[matches.length - 1];
+    } else {
+      strArr = "";
+    }
+    const extra = `${name}=${value}`;
+    if (strArr) {
+      const first = strArr.charAt(0);
+      url = url.replace(strArr, key);
+      url = url.replace(key, value ? first + extra : "");
+    } else if (value) {
+      if (url.indexOf("?") > -1) {
+        url += `&${extra}`;
+      } else {
+        url += `?${extra}`;
+      }
+    }
+    return url;
+  };
+  const getSearchObj = (search = globalThis.location.search ? globalThis.location.search.substring(1) : "") => {
+    return search.split("&").reduce((obj, item) => {
+      const [a, b = ""] = item.split("=");
+      return { ...obj, [a]: b };
+    }, {});
+  };
+  const delQueStr = (url, ref) => {
+    let str = "";
+    if (url.indexOf("?") !== -1) {
+      str = url.substring(url.indexOf("?") + 1);
+    } else {
+      return url;
+    }
+    let arr = [];
+    let returnurl = "";
+    const isHit = Array.isArray(ref) ? function(v) {
+      return ~ref.indexOf(v);
+    } : function(v) {
+      return v === ref;
+    };
+    if (str.indexOf("&") !== -1) {
+      arr = str.split("&");
+      for (let i = 0, len = arr.length; i < len; i++) {
+        if (!isHit(arr[i].split("=")[0])) {
+          returnurl = `${returnurl + arr[i].split("=")[0]}=${arr[i].split("=")[1]}&`;
+        }
+      }
+      return returnurl ? `${url.substr(0, url.indexOf("?"))}?${returnurl.substr(0, returnurl.length - 1)}` : url.substr(0, url.indexOf("?"));
+    }
+    arr = str.split("=");
+    if (isHit(arr[0])) {
+      return url.substr(0, url.indexOf("?"));
+    }
+    return url;
+  };
   const isObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
   const isPop = (node) => Boolean(node?.type?.toLowerCase().endsWith("pop"));
   const isPage = (node) => {
@@ -2744,6 +2803,7 @@
               data[field.name] = JSON.parse(field.defaultValue);
             } catch (e) {
               data[field.name] = defaultValue.object;
+              console.warn("defaultValue 解析失败", field.defaultValue, e);
             }
             return;
           }
@@ -2843,6 +2903,7 @@
   exports.convertToNumber = convertToNumber;
   exports.createDiv = createDiv;
   exports.dataSourceTemplateRegExp = dataSourceTemplateRegExp;
+  exports.delQueStr = delQueStr;
   exports.emptyFn = emptyFn;
   exports.filterXSS = filterXSS;
   exports.getDefaultValueFromFields = getDefaultValueFromFields;
@@ -2858,6 +2919,7 @@
   exports.getNodeInfo = getNodeInfo;
   exports.getNodePath = getNodePath;
   exports.getNodes = getNodes;
+  exports.getSearchObj = getSearchObj;
   exports.getUrlParam = getUrlParam;
   exports.getValueByKeyPath = getValueByKeyPath;
   exports.guid = guid;
@@ -2876,6 +2938,7 @@
   exports.replaceChildNode = replaceChildNode;
   exports.setDslDomRelateConfig = setDslDomRelateConfig;
   exports.setIdToEl = setIdToEl;
+  exports.setUrlParam = setUrlParam;
   exports.setValueByKeyPath = setValueByKeyPath;
   exports.sleep = sleep;
   exports.toHump = toHump;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.13",
+  "version": "1.5.15",
   "name": "@tmagic/utils",
   "type": "module",
   "main": "dist/tmagic-utils.umd.cjs",
@@ -34,7 +34,7 @@
   },
   "peerDependencies": {
     "typescript": "*",
-    "@tmagic/schema": "1.5.13"
+    "@tmagic/schema": "1.5.15"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/index.ts

@@ -40,6 +40,7 @@ export * from './dom';
 // for typeof global checks without @types/node
 declare let global: {};
 
+// eslint-disable-next-line @typescript-eslint/naming-convention
 let _globalThis: any;
 export const getGlobalThis = (): any =>
   _globalThis ||
@@ -47,12 +48,12 @@ export const getGlobalThis = (): any =>
     typeof globalThis !== 'undefined'
       ? globalThis
       : typeof self !== 'undefined'
-      ? self
-      : typeof window !== 'undefined'
-      ? window
-      : typeof global !== 'undefined'
-      ? global
-      : {});
+        ? self
+        : typeof window !== 'undefined'
+          ? window
+          : typeof global !== 'undefined'
+            ? global
+            : {});
 
 export const sleep = (ms: number): Promise<void> =>
   new Promise((resolve) => {
@@ -162,6 +163,99 @@ export const getUrlParam = (param: string, url?: string) => {
   return '';
 };
 
+/**
+ * 设置url中指定的参数
+ *
+ * @param {string}
+ *          name [参数名]
+ * @param {string}
+ *          value [参数值]
+ * @param {string}
+ *          url [发生替换的url地址|默认为location.href]
+ * @return {string} [返回处理后的url]
+ */
+export const setUrlParam = (name: string, value: string, url = globalThis.location.href) => {
+  const reg = new RegExp(`[?&#]${name}=([^&#]*)`, 'gi');
+
+  const matches = url.match(reg);
+
+  const key = `{key${new Date().getTime()}}`;
+  let strArr;
+
+  if (matches && matches.length > 0) {
+    strArr = matches[matches.length - 1];
+  } else {
+    strArr = '';
+  }
+
+  const extra = `${name}=${value}`;
+
+  // 当原url中含有要替换的属性:value不为空时，仅对值做替换,为空时，直接把参数删除掉
+  if (strArr) {
+    const first = strArr.charAt(0);
+    url = url.replace(strArr, key);
+    url = url.replace(key, value ? first + extra : '');
+  } else if (value) {
+    // 当原url中不含有要替换的属性且value值不为空时,直接在url后面添加参数字符串
+    if (url.indexOf('?') > -1) {
+      url += `&${extra}`;
+    } else {
+      url += `?${extra}`;
+    }
+  }
+  // 其它情况直接返回原url
+  return url;
+};
+
+export const getSearchObj = (
+  search = globalThis.location.search ? globalThis.location.search.substring(1) : '',
+): Record<string, string> => {
+  return search.split('&').reduce((obj, item) => {
+    const [a, b = ''] = item.split('=');
+    return { ...obj, [a]: b };
+  }, {});
+};
+
+export const delQueStr = (url: string, ref: string[] | string) => {
+  let str = '';
+  if (url.indexOf('?') !== -1) {
+    str = url.substring(url.indexOf('?') + 1);
+  } else {
+    return url;
+  }
+  let arr = [];
+  let returnurl = '';
+
+  const isHit = Array.isArray(ref)
+    ? function (v: string) {
+        return ~ref.indexOf(v);
+      }
+    : function (v: string) {
+        return v === ref;
+      };
+
+  if (str.indexOf('&') !== -1) {
+    arr = str.split('&');
+    for (let i = 0, len = arr.length; i < len; i++) {
+      if (!isHit(arr[i].split('=')[0])) {
+        returnurl = `${returnurl + arr[i].split('=')[0]}=${arr[i].split('=')[1]}&`;
+      }
+    }
+
+    return returnurl
+      ? `${url.substr(0, url.indexOf('?'))}?${returnurl.substr(0, returnurl.length - 1)}`
+      : url.substr(0, url.indexOf('?'));
+  }
+
+  arr = str.split('=');
+
+  if (isHit(arr[0])) {
+    return url.substr(0, url.indexOf('?'));
+  }
+
+  return url;
+};
+
 export const isObject = (obj: any) => Object.prototype.toString.call(obj) === '[object Object]';
 
 export const isPop = (node: MComponent | null): boolean => Boolean(node?.type?.toLowerCase().endsWith('pop'));
@@ -410,6 +504,7 @@ export const getDefaultValueFromFields = (fields: DataSchema[]) => {
             data[field.name] = JSON.parse(field.defaultValue);
           } catch (e) {
             data[field.name] = defaultValue.object;
+            console.warn('defaultValue 解析失败', field.defaultValue, e);
           }
           return;
         }

package/types/index.d.ts

@@ -44,6 +44,20 @@ declare const getNodePath: (id: Id, data?: MNode$1[]) => MNode$1[];
 declare const getNodeInfo: (id: Id, root: Pick<MApp, "id" | "items"> | null) => EditorNodeInfo;
 declare const filterXSS: (str: string) => string;
 declare const getUrlParam: (param: string, url?: string) => string;
+/**
+ * 设置url中指定的参数
+ *
+ * @param {string}
+ *          name [参数名]
+ * @param {string}
+ *          value [参数值]
+ * @param {string}
+ *          url [发生替换的url地址|默认为location.href]
+ * @return {string} [返回处理后的url]
+ */
+declare const setUrlParam: (name: string, value: string, url?: string) => string;
+declare const getSearchObj: (search?: string) => Record<string, string>;
+declare const delQueStr: (url: string, ref: string[] | string) => string;
 declare const isObject: (obj: any) => boolean;
 declare const isPop: (node: MComponent | null) => boolean;
 declare const isPage: (node?: MComponent | null) => boolean;
@@ -97,5 +111,5 @@ interface NodeItem {
 declare const traverseNode: <T extends NodeItem = NodeItem>(node: T, cb: (node: T, parents: T[]) => void, parents?: T[], evalCbAfter?: boolean) => void;
 declare const isValueIncludeDataSource: (value: any) => boolean;
 
-export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getGlobalThis, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, isValueIncludeDataSource, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setValueByKeyPath, sleep, toHump, toLine, traverseNode };
+export { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, DSL_NODE_KEY_COPY_PREFIX, IS_DSL_NODE_KEY, addClassName, addParamToUrl, asyncLoadCss, asyncLoadJs, calcValueByFontsize, calculatePercentage, compiledCond, compiledNode, convertToNumber, createDiv, dataSourceTemplateRegExp, delQueStr, emptyFn, filterXSS, getDefaultValueFromFields, getDepKeys, getDepNodeIds, getDocument, getElById, getGlobalThis, getHost, getIdFromEl, getKeys, getKeysArray, getNodeInfo, getNodePath, getNodes, getSearchObj, getUrlParam, getValueByKeyPath, guid, injectStyle, isDslNode, isNumber, isObject, isPage, isPageFragment, isPercentage, isPop, isSameDomain, isValueIncludeDataSource, removeClassName, removeClassNameByClassName, replaceChildNode, setDslDomRelateConfig, setIdToEl, setUrlParam, setValueByKeyPath, sleep, toHump, toLine, traverseNode };
 export type { NodeItem };