@das-fed/utils 1.0.0

package/process-engine-info/index.js

@@ -0,0 +1,12 @@
+const setProcessEngineToken = (data) => {
+  sessionStorage.setItem("hotentToken", data.accessToken || "");
+  sessionStorage.setItem("currentUser", JSON.stringify({ token: data.accessToken || "" }));
+  if (data.info && JSON.stringify(data.info) !== "{}") {
+    sessionStorage.setItem("hotentUserInfo", JSON.stringify({ id: data.info?.sub ?? "", name: data.info?.name ?? "", flag: data.info?.flag, tenantId: data.info?.tenant ?? "" }));
+  }
+};
+const setProcessEngineProject = (projectId) => {
+  sessionStorage.setItem("project", projectId);
+};
+
+export { setProcessEngineProject, setProcessEngineToken };

package/pure-image-src/index.js

@@ -0,0 +1,30 @@
+const PREFIX = "oss";
+const handle1 = (url) => {
+  if (url.indexOf(`/${PREFIX}/`) === 0)
+    return url;
+  return null;
+};
+const handle2 = (url) => {
+  if (url.indexOf("/") === 0)
+    return `/${PREFIX}${url}`;
+  return null;
+};
+const handle3 = (url) => {
+  if (url.indexOf(`${PREFIX}/`) === 0)
+    return `/${url}`;
+  return null;
+};
+const handle4 = (url) => {
+  return `/${PREFIX}/${url}`;
+};
+const createHandlerChain = (...handlers) => {
+  return (url) => handlers.reduce((result, handler) => result !== null ? result : handler(url), null);
+};
+const handlerChain = createHandlerChain(handle1, handle2, handle3, handle4);
+const pureImageSrc = (url) => {
+  if (!url)
+    return "";
+  return handlerChain(url);
+};
+
+export { pureImageSrc };

package/set-personal-info/index.js

@@ -0,0 +1,24 @@
+import axios from 'axios';
+import { getProjectInfo } from '@das-fed/utils/common-info';
+import { getConfig } from '@das-fed/utils/config';
+
+const apis = {
+  personalInfo: "/api/personal-center/personal-server/v1/info"
+};
+const setPersonalInfo = async (token) => {
+  const res = await axios.create().get(apis.personalInfo, {
+    baseURL: getConfig().baseURL,
+    params: {
+      project: getProjectInfo()?.id || "",
+      timestamp: (/* @__PURE__ */ new Date()).getTime()
+    },
+    headers: {
+      Authorization: `Bearer ${token}`
+    }
+  });
+  if (res?.data) {
+    sessionStorage.setItem("userInfo", JSON.stringify(res.data));
+  }
+};
+
+export { setPersonalInfo };

package/size-watcher/index.js

@@ -0,0 +1,27 @@
+import { ref, onMounted } from 'vue';
+
+const SizeWatcher = (cb, dom) => {
+  const watchDom = dom || document.documentElement;
+  const objResizeObserver = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    cb(entry.contentRect);
+  });
+  if (dom !== null)
+    objResizeObserver.observe(watchDom);
+  return objResizeObserver;
+};
+const useSizeWatcher = () => {
+  const el = ref(null);
+  const rect = ref({ bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0, x: 0, y: 0, toJSON: () => {
+  } });
+  onMounted(() => {
+    SizeWatcher((val) => {
+      rect.value = val;
+    }, el.value);
+    if (!el.value)
+      return;
+  });
+  return { el, rect };
+};
+
+export { SizeWatcher, useSizeWatcher };

package/style/index.js

@@ -0,0 +1,115 @@
+/**
+* @vue/shared v3.4.21
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+});
+
+const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
+const hasClass = (el, cls) => {
+  if (!el || !cls)
+    return false;
+  if (cls.includes(" "))
+    throw new Error("className should not contain space.");
+  return el.classList.contains(cls);
+};
+const addClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.add(...classNameToArray(cls));
+};
+const removeClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.remove(...classNameToArray(cls));
+};
+const getStyle = (element, styleName) => {
+  if (!element || !styleName)
+    return "";
+  let key = camelize(styleName);
+  if (key === "float")
+    key = "cssFloat";
+  try {
+    const style = element.style[key];
+    if (style)
+      return style;
+    const computed = window?.getComputedStyle(element, "");
+    return computed ? computed[key] : "";
+  } catch {
+    return element.style[key];
+  }
+};
+const getCSS = (styleObj = {}) => {
+  return Object.keys(styleObj).map((key) => `${key}:${styleObj[key] !== "" ? styleObj[key] : '""'}`).join(";");
+};
+const createStyle = (id, data) => {
+  if (document.getElementById(id))
+    return;
+  return new Promise((resolve, reject) => {
+    const styleSheet = document.createElement("style");
+    styleSheet.rel = "text/css";
+    styleSheet.id = id;
+    for (const item of data) {
+      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
+    }
+    const head = document.getElementsByTagName("head")[0];
+    head.appendChild(styleSheet);
+    styleSheet.onload = () => resolve("load success");
+    styleSheet.onerror = () => reject("load error");
+  });
+};
+const updateStyle = (id, data) => {
+  const styleSheet = document.getElementById(id);
+  if (styleSheet) {
+    styleSheet.innerHTML = "";
+    for (const item of data) {
+      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
+    }
+  }
+};
+
+const px2number = (str) => Number(str.toString().replace("px", ""));
+const operation = (type, a, b) => {
+  a = px2number(a);
+  b = px2number(b);
+  let res;
+  if (type === "add")
+    res = a + b;
+  if (type === "subtract")
+    res = a - b;
+  if (type === "multiply")
+    res = a * b;
+  if (type === "divide")
+    res = a / b;
+  a = null;
+  b = null;
+  return res;
+};
+const curringMath = (a) => {
+  return {
+    add: (b) => curringMath(operation("add", a, b)),
+    subtract: (b) => curringMath(operation("subtract", a, b)),
+    multiply: (b) => curringMath(operation("multiply", a, b)),
+    divide: (b) => curringMath(operation("divide", a, b)),
+    res: () => {
+      const res = a + "px";
+      a = null;
+      return res;
+    }
+  };
+};
+
+export { addClass, createStyle, curringMath, getCSS, getStyle, hasClass, removeClass, updateStyle };

package/style/math.js

@@ -0,0 +1,32 @@
+const px2number = (str) => Number(str.toString().replace("px", ""));
+const operation = (type, a, b) => {
+  a = px2number(a);
+  b = px2number(b);
+  let res;
+  if (type === "add")
+    res = a + b;
+  if (type === "subtract")
+    res = a - b;
+  if (type === "multiply")
+    res = a * b;
+  if (type === "divide")
+    res = a / b;
+  a = null;
+  b = null;
+  return res;
+};
+const curringMath = (a) => {
+  return {
+    add: (b) => curringMath(operation("add", a, b)),
+    subtract: (b) => curringMath(operation("subtract", a, b)),
+    multiply: (b) => curringMath(operation("multiply", a, b)),
+    divide: (b) => curringMath(operation("divide", a, b)),
+    res: () => {
+      const res = a + "px";
+      a = null;
+      return res;
+    }
+  };
+};
+
+export { curringMath };

package/style/style.js

@@ -0,0 +1,84 @@
+/**
+* @vue/shared v3.4.21
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+});
+
+const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
+const hasClass = (el, cls) => {
+  if (!el || !cls)
+    return false;
+  if (cls.includes(" "))
+    throw new Error("className should not contain space.");
+  return el.classList.contains(cls);
+};
+const addClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.add(...classNameToArray(cls));
+};
+const removeClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.remove(...classNameToArray(cls));
+};
+const getStyle = (element, styleName) => {
+  if (!element || !styleName)
+    return "";
+  let key = camelize(styleName);
+  if (key === "float")
+    key = "cssFloat";
+  try {
+    const style = element.style[key];
+    if (style)
+      return style;
+    const computed = window?.getComputedStyle(element, "");
+    return computed ? computed[key] : "";
+  } catch {
+    return element.style[key];
+  }
+};
+const getCSS = (styleObj = {}) => {
+  return Object.keys(styleObj).map((key) => `${key}:${styleObj[key] !== "" ? styleObj[key] : '""'}`).join(";");
+};
+const createStyle = (id, data) => {
+  if (document.getElementById(id))
+    return;
+  return new Promise((resolve, reject) => {
+    const styleSheet = document.createElement("style");
+    styleSheet.rel = "text/css";
+    styleSheet.id = id;
+    for (const item of data) {
+      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
+    }
+    const head = document.getElementsByTagName("head")[0];
+    head.appendChild(styleSheet);
+    styleSheet.onload = () => resolve("load success");
+    styleSheet.onerror = () => reject("load error");
+  });
+};
+const updateStyle = (id, data) => {
+  const styleSheet = document.getElementById(id);
+  if (styleSheet) {
+    styleSheet.innerHTML = "";
+    for (const item of data) {
+      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
+    }
+  }
+};
+
+export { addClass, classNameToArray, createStyle, getCSS, getStyle, hasClass, removeClass, updateStyle };

package/token-tools/index.js

@@ -0,0 +1,179 @@
+import { tokenStorage } from '@das-fed/utils/api-services/src/sso';
+import { setProcessEngineToken } from '@das-fed/utils/process-engine-info';
+import { setPersonalInfo } from '@das-fed/utils/set-personal-info';
+
+/*! js-cookie v3.0.5 | MIT */
+/* eslint-disable no-var */
+function assign (target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      target[key] = source[key];
+    }
+  }
+  return target
+}
+/* eslint-enable no-var */
+
+/* eslint-disable no-var */
+var defaultConverter = {
+  read: function (value) {
+    if (value[0] === '"') {
+      value = value.slice(1, -1);
+    }
+    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent)
+  },
+  write: function (value) {
+    return encodeURIComponent(value).replace(
+      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
+      decodeURIComponent
+    )
+  }
+};
+/* eslint-enable no-var */
+
+/* eslint-disable no-var */
+
+function init (converter, defaultAttributes) {
+  function set (name, value, attributes) {
+    if (typeof document === 'undefined') {
+      return
+    }
+
+    attributes = assign({}, defaultAttributes, attributes);
+
+    if (typeof attributes.expires === 'number') {
+      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
+    }
+    if (attributes.expires) {
+      attributes.expires = attributes.expires.toUTCString();
+    }
+
+    name = encodeURIComponent(name)
+      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)
+      .replace(/[()]/g, escape);
+
+    var stringifiedAttributes = '';
+    for (var attributeName in attributes) {
+      if (!attributes[attributeName]) {
+        continue
+      }
+
+      stringifiedAttributes += '; ' + attributeName;
+
+      if (attributes[attributeName] === true) {
+        continue
+      }
+
+      // Considers RFC 6265 section 5.2:
+      // ...
+      // 3.  If the remaining unparsed-attributes contains a %x3B (";")
+      //     character:
+      // Consume the characters of the unparsed-attributes up to,
+      // not including, the first %x3B (";") character.
+      // ...
+      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
+    }
+
+    return (document.cookie =
+      name + '=' + converter.write(value, name) + stringifiedAttributes)
+  }
+
+  function get (name) {
+    if (typeof document === 'undefined' || (arguments.length && !name)) {
+      return
+    }
+
+    // To prevent the for loop in the first place assign an empty array
+    // in case there are no cookies at all.
+    var cookies = document.cookie ? document.cookie.split('; ') : [];
+    var jar = {};
+    for (var i = 0; i < cookies.length; i++) {
+      var parts = cookies[i].split('=');
+      var value = parts.slice(1).join('=');
+
+      try {
+        var found = decodeURIComponent(parts[0]);
+        jar[found] = converter.read(value, found);
+
+        if (name === found) {
+          break
+        }
+      } catch (e) {}
+    }
+
+    return name ? jar[name] : jar
+  }
+
+  return Object.create(
+    {
+      set,
+      get,
+      remove: function (name, attributes) {
+        set(
+          name,
+          '',
+          assign({}, attributes, {
+            expires: -1
+          })
+        );
+      },
+      withAttributes: function (attributes) {
+        return init(this.converter, assign({}, this.attributes, attributes))
+      },
+      withConverter: function (converter) {
+        return init(assign({}, this.converter, converter), this.attributes)
+      }
+    },
+    {
+      attributes: { value: Object.freeze(defaultAttributes) },
+      converter: { value: Object.freeze(converter) }
+    }
+  )
+}
+
+var api = init(defaultConverter, { path: '/' });
+
+const KEY = "accessToken", INFOKEY = "accessTokenInfo";
+const getAccessToken = () => {
+  const cookieToken = api.get(KEY) ?? "";
+  let sessionToken = "";
+  if (tokenStorage().getData()?.info && JSON.stringify(tokenStorage().getData()?.info) !== "{}") {
+    sessionToken = tokenStorage().getData()?.info?.access_token ?? tokenStorage().getData()?.info?.accessToken ?? "";
+  }
+  if (cookieToken && !sessionToken) {
+    const cookieTokenInfo = getAccessTokenInfo();
+    if (cookieTokenInfo && JSON.stringify(cookieTokenInfo) !== "{}") {
+      const { access_token, refresh_token, expires_in } = cookieTokenInfo;
+      const tokenData = {
+        accessToken: access_token,
+        accessTokenExpiredAt: +/* @__PURE__ */ new Date() + expires_in * 1e3,
+        refreshToken: refresh_token,
+        info: cookieTokenInfo
+      };
+      tokenStorage().save(tokenData);
+      setPersonalInfo(access_token);
+      setProcessEngineToken(tokenData);
+    }
+  }
+  return api.get(KEY) ?? tokenStorage().getData()?.accessToken ?? "";
+};
+const getAccessTokenInfo = () => {
+  if (api.get(INFOKEY)) {
+    return JSON.parse(api.get(INFOKEY));
+  } else {
+    return {};
+  }
+};
+const setAccessToken = (token, info) => {
+  api.set(KEY, token);
+  if (info)
+    api.set(INFOKEY, JSON.stringify(info));
+};
+const removeAccessToken = () => {
+  api.remove(KEY);
+  if (api.get(INFOKEY))
+    api.remove(INFOKEY);
+};
+
+export { getAccessToken, getAccessTokenInfo, removeAccessToken, setAccessToken };

package/vue/hooks/use-model-value.js

@@ -0,0 +1,11 @@
+import { ref, watchEffect } from 'vue';
+
+const useModelValue = (props, propKey) => {
+  const modelValue = ref(props[propKey]);
+  watchEffect(() => {
+    modelValue.value = props[propKey];
+  });
+  return modelValue;
+};
+
+export { useModelValue };

package/vue/index.js

@@ -0,0 +1,11 @@
+import { ref, watchEffect } from 'vue';
+
+const useModelValue = (props, propKey) => {
+  const modelValue = ref(props[propKey]);
+  watchEffect(() => {
+    modelValue.value = props[propKey];
+  });
+  return modelValue;
+};
+
+export { useModelValue };