@hzab/utils 1.1.1 → 1.1.3

package/src/file/file.ts

@@ -1,37 +1,37 @@
-export interface IFile extends File {
-  file?: IFile;
-  url?: string;
-}
-
-/**
- *  建立一个可以存取该 file 的 url
- * @param {Object} file 文件
- * @returns {string} url
- * blob:http://localhost:8000/c9950644-5118-4231-9be7-8183bde1fdc7
- */
-export function getFileURL(file: IFile) {
-  const _file: IFile = file?.file || file;
-  if (!(_file instanceof File)) {
-    return;
-  }
-
-  let url = _file.url || null;
-
-  try {
-    // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
-    if (window.createObjectURL != undefined) {
-      // basic
-      return window.createObjectURL(_file);
-    } else if (window.URL != undefined) {
-      // mozilla(firefox)
-      return window.URL.createObjectURL(_file);
-    } else if (window.webkitURL != undefined) {
-      // webkit or chrome
-      return window.webkitURL.createObjectURL(_file);
-    }
-  } catch (error) {
-    console.warn("getFileURL Error: ", error);
-  }
-
-  return url;
-}
+export interface IFile extends File {
+  file?: IFile;
+  url?: string;
+}
+
+/**
+ *  建立一个可以存取该 file 的 url
+ * @param {Object} file 文件
+ * @returns {string} url
+ * blob:http://localhost:8000/c9950644-5118-4231-9be7-8183bde1fdc7
+ */
+export function getFileURL(file: IFile) {
+  const _file: IFile = file?.file || file;
+  if (!(_file instanceof File)) {
+    return;
+  }
+
+  let url = _file.url || null;
+
+  try {
+    // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
+    if (window.createObjectURL != undefined) {
+      // basic
+      return window.createObjectURL(_file);
+    } else if (window.URL != undefined) {
+      // mozilla(firefox)
+      return window.URL.createObjectURL(_file);
+    } else if (window.webkitURL != undefined) {
+      // webkit or chrome
+      return window.webkitURL.createObjectURL(_file);
+    }
+  } catch (error) {
+    console.warn("getFileURL Error: ", error);
+  }
+
+  return url;
+}

package/src/file/fileName.ts

@@ -1,98 +1,98 @@
-import dayjs from "dayjs";
-import { nanoidNumALetters } from "../nanoid";
-
-/**
- * 获取文件后缀
- * @param fileUrl
- * @returns
- */
-export function getFileExt(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/([^\/]+?)\.([^\/\.]+)$/);
-  if (res && res.length > 2) {
-    return res[2];
-  }
-  return fileUrl;
-}
-
-/**
- * 从 url 获取文件名称，不包含后缀
- * @param {string} fileName
- * @param {string} str
- * @returns
- */
-export function getFileName(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/([^\/]+?)\.[^\/\.]+$/);
-  if (res && res.length > 0) {
-    return res?.[1] || res?.[0];
-  }
-  return fileUrl;
-}
-
-/**
- * 从 url 获取文件名称，包含后缀
- * @param {string} fileName
- * @param {string} str
- * @returns
- */
-export function getFullFileName(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/[^\/]+?\.[^\/\.]+$/);
-  if (res && res.length > 0) {
-    return res[0];
-  }
-  return fileUrl;
-}
-
-/**
- * 合并文件名称，自动处理后缀
- * @param {string} fileName
- * @param {string} str
- * @returns
- */
-export const mergeFileName = function (fileName, str = "") {
-  if (typeof fileName !== "string") {
-    return "";
-  }
-  const name = fileName?.match(/([^\/]+?)\.[^\/]+$/)?.[1] || "";
-  const suffix = fileName?.match(/[^\/]+?\.([^\/]+)$/)?.[1] || "";
-
-  return `${name}${str ?? ""}.${suffix}`;
-};
-
-/**
- * 获取唯一的文件名
- * @param {string} fileName
- * @returns
- */
-export const getUFileName = function (fileName) {
-  return mergeFileName(getFileName(fileName) || "up", "-" + `~kid-${nanoidNumALetters()}~`);
-};
-
-/**
- * 获取文件名的后缀
- * @param fileName
- * @returns
- */
-export const getFileNameExt = function (fileName) {
-  const regex = /^(.*)\.([^.]+)$/;
-  const result = fileName.match(regex);
-  if (result) {
-    const [, mainPart, ext] = result;
-    return {
-      mainPart,
-      ext,
-    };
-  }
-  return {
-    mainPart: fileName,
-    ext: "",
-  };
-};
+import dayjs from "dayjs";
+import { nanoidNumALetters } from "../nanoid";
+
+/**
+ * 获取文件后缀
+ * @param fileUrl
+ * @returns
+ */
+export function getFileExt(fileUrl) {
+  if (typeof fileUrl !== "string") {
+    return;
+  }
+  const res = fileUrl?.match(/([^\/]+?)\.([^\/\.]+)$/);
+  if (res && res.length > 2) {
+    return res[2];
+  }
+  return fileUrl;
+}
+
+/**
+ * 从 url 获取文件名称，不包含后缀
+ * @param {string} fileName
+ * @param {string} str
+ * @returns
+ */
+export function getFileName(fileUrl) {
+  if (typeof fileUrl !== "string") {
+    return;
+  }
+  const res = fileUrl?.match(/([^\/]+?)\.[^\/\.]+$/);
+  if (res && res.length > 0) {
+    return res?.[1] || res?.[0];
+  }
+  return fileUrl;
+}
+
+/**
+ * 从 url 获取文件名称，包含后缀
+ * @param {string} fileName
+ * @param {string} str
+ * @returns
+ */
+export function getFullFileName(fileUrl) {
+  if (typeof fileUrl !== "string") {
+    return;
+  }
+  const res = fileUrl?.match(/[^\/]+?\.[^\/\.]+$/);
+  if (res && res.length > 0) {
+    return res[0];
+  }
+  return fileUrl;
+}
+
+/**
+ * 合并文件名称，自动处理后缀
+ * @param {string} fileName
+ * @param {string} str
+ * @returns
+ */
+export const mergeFileName = function (fileName, str = "") {
+  if (typeof fileName !== "string") {
+    return "";
+  }
+  const name = fileName?.match(/([^\/]+?)\.[^\/]+$/)?.[1] || "";
+  const suffix = fileName?.match(/[^\/]+?\.([^\/]+)$/)?.[1] || "";
+
+  return `${name}${str ?? ""}.${suffix}`;
+};
+
+/**
+ * 获取唯一的文件名
+ * @param {string} fileName
+ * @returns
+ */
+export const getUFileName = function (fileName) {
+  return mergeFileName(getFileName(fileName) || "up", "-" + `~kid-${nanoidNumALetters()}~`);
+};
+
+/**
+ * 获取文件名的后缀
+ * @param fileName
+ * @returns
+ */
+export const getFileNameExt = function (fileName) {
+  const regex = /^(.*)\.([^.]+)$/;
+  const result = fileName.match(regex);
+  if (result) {
+    const [, mainPart, ext] = result;
+    return {
+      mainPart,
+      ext,
+    };
+  }
+  return {
+    mainPart: fileName,
+    ext: "",
+  };
+};

package/src/formily/cloneSchema.ts

@@ -1,63 +1,63 @@
-import React from "react";
-
-/**
- * 检测是否为原生 HTML DOM 节点
- * @param {any} node 待检测对象
- * @returns {boolean} 是否为原生 DOM 节点
- */
-function isHtmlDomNode(node) {
-  // 先判断浏览器环境，避免 SSR 报错；兼容 Node/HTMLElement 类型
-  return !!(typeof window !== "undefined" && node && (node instanceof HTMLElement || node instanceof Node));
-}
-
-/**
- * 增强版 Formily Schema 克隆函数
- * 解决 lodash cloneDeep 丢失 React DOM/原生 DOM 的问题，兼容多种特殊类型
- * @param {object} schema 待克隆的 Formily Schema
- * @returns {object} 克隆后的 Schema
- */
-export function cloneSchema(schema) {
-  // 1. 基础类型（null/undefined/字符串/数字/布尔）直接返回
-  if (schema === null || typeof schema !== "object") {
-    return schema;
-  }
-
-  // 2. React 虚拟DOM：直接保留原引用，不拷贝
-  if (React.isValidElement(schema)) {
-    return schema;
-  }
-
-  // 3. 原生 HTML DOM 节点：直接保留原引用
-  if (isHtmlDomNode(schema)) {
-    return schema;
-  }
-
-  // 4. 函数：Formily Schema 中的校验/格式化函数等，保留原引用
-  if (typeof schema === "function") {
-    return schema;
-  }
-
-  // 5. 日期对象：创建新的 Date 实例，保证值相同但引用不同
-  if (schema instanceof Date) {
-    return new Date(schema.getTime());
-  }
-
-  // 6. 正则对象：创建新的 RegExp 实例，保留源和标志
-  if (schema instanceof RegExp) {
-    return new RegExp(schema.source, schema.flags);
-  }
-
-  // 7. 数组：递归克隆每一项
-  if (Array.isArray(schema)) {
-    return schema.map((item) => cloneSchema(item));
-  }
-
-  // 8. 普通对象：递归克隆自有属性
-  const clonedObj = {};
-  for (const key in schema) {
-    if (Object.prototype.hasOwnProperty.call(schema, key)) {
-      clonedObj[key] = cloneSchema(schema[key]);
-    }
-  }
-  return clonedObj;
-}
+import React from "react";
+
+/**
+ * 检测是否为原生 HTML DOM 节点
+ * @param {any} node 待检测对象
+ * @returns {boolean} 是否为原生 DOM 节点
+ */
+function isHtmlDomNode(node) {
+  // 先判断浏览器环境，避免 SSR 报错；兼容 Node/HTMLElement 类型
+  return !!(typeof window !== "undefined" && node && (node instanceof HTMLElement || node instanceof Node));
+}
+
+/**
+ * 增强版 Formily Schema 克隆函数
+ * 解决 lodash cloneDeep 丢失 React DOM/原生 DOM 的问题，兼容多种特殊类型
+ * @param {object} schema 待克隆的 Formily Schema
+ * @returns {object} 克隆后的 Schema
+ */
+export function cloneSchema(schema) {
+  // 1. 基础类型（null/undefined/字符串/数字/布尔）直接返回
+  if (schema === null || typeof schema !== "object") {
+    return schema;
+  }
+
+  // 2. React 虚拟DOM：直接保留原引用，不拷贝
+  if (React.isValidElement(schema)) {
+    return schema;
+  }
+
+  // 3. 原生 HTML DOM 节点：直接保留原引用
+  if (isHtmlDomNode(schema)) {
+    return schema;
+  }
+
+  // 4. 函数：Formily Schema 中的校验/格式化函数等，保留原引用
+  if (typeof schema === "function") {
+    return schema;
+  }
+
+  // 5. 日期对象：创建新的 Date 实例，保证值相同但引用不同
+  if (schema instanceof Date) {
+    return new Date(schema.getTime());
+  }
+
+  // 6. 正则对象：创建新的 RegExp 实例，保留源和标志
+  if (schema instanceof RegExp) {
+    return new RegExp(schema.source, schema.flags);
+  }
+
+  // 7. 数组：递归克隆每一项
+  if (Array.isArray(schema)) {
+    return schema.map((item) => cloneSchema(item));
+  }
+
+  // 8. 普通对象：递归克隆自有属性
+  const clonedObj = {};
+  for (const key in schema) {
+    if (Object.prototype.hasOwnProperty.call(schema, key)) {
+      clonedObj[key] = cloneSchema(schema[key]);
+    }
+  }
+  return clonedObj;
+}

package/src/formily/global-components.ts

@@ -1,48 +1,48 @@
-/**
- * formily 全局组件
- * 项目初始化时进行 formily 组件的挂载，解决 form render 组件日益庞大的问题。
- */
-window.formilyGlobalComponents = {};
-
-/**
- * 获取全局 formily 组件对象
- * @returns {Object} formilyGlobalComponents
- */
-export const getFormilyGlobalComponents = function () {
-  return window.formilyGlobalComponents || {};
-};
-
-/**
- * 批量设置全局 formily 组件
- * @param {Object} components
- * @returns {Object} formilyGlobalComponents
- */
-export const setFormilyGlobalComponents = function (components) {
-  Object.assign(window.formilyGlobalComponents, components);
-  return window.formilyGlobalComponents;
-};
-
-/**
- * 单个设置全局 formily 组件
- * @returns {Object} formilyGlobalComponents
- */
-/**
- * 单个设置全局 formily 组件
- * @param {string} key
- * @param {ReactComponent} component
- * @returns {Object} formilyGlobalComponents
- */
-export const setFormilyGlobalComponent = function (key, component) {
-  window.formilyGlobalComponents[key] = component;
-  return window.formilyGlobalComponents;
-};
-
-/**
- * 单个删除全局 formily 组件
- * @param {string} key
- * @returns {Object} formilyGlobalComponents
- */
-export const rmFormilyGlobalComponents = function (key) {
-  delete window.formilyGlobalComponents[key];
-  return window.formilyGlobalComponents;
-};
+/**
+ * formily 全局组件
+ * 项目初始化时进行 formily 组件的挂载，解决 form render 组件日益庞大的问题。
+ */
+window.formilyGlobalComponents = {};
+
+/**
+ * 获取全局 formily 组件对象
+ * @returns {Object} formilyGlobalComponents
+ */
+export const getFormilyGlobalComponents = function () {
+  return window.formilyGlobalComponents || {};
+};
+
+/**
+ * 批量设置全局 formily 组件
+ * @param {Object} components
+ * @returns {Object} formilyGlobalComponents
+ */
+export const setFormilyGlobalComponents = function (components) {
+  Object.assign(window.formilyGlobalComponents, components);
+  return window.formilyGlobalComponents;
+};
+
+/**
+ * 单个设置全局 formily 组件
+ * @returns {Object} formilyGlobalComponents
+ */
+/**
+ * 单个设置全局 formily 组件
+ * @param {string} key
+ * @param {ReactComponent} component
+ * @returns {Object} formilyGlobalComponents
+ */
+export const setFormilyGlobalComponent = function (key, component) {
+  window.formilyGlobalComponents[key] = component;
+  return window.formilyGlobalComponents;
+};
+
+/**
+ * 单个删除全局 formily 组件
+ * @param {string} key
+ * @returns {Object} formilyGlobalComponents
+ */
+export const rmFormilyGlobalComponents = function (key) {
+  delete window.formilyGlobalComponents[key];
+  return window.formilyGlobalComponents;
+};

package/src/formily/schema-merge.ts

@@ -1,68 +1,68 @@
-import { cloneDeep, uniqueId } from "lodash-es";
-
-export function mergeSchema(BaseSchema, InsideSchema, title = "") {
-  const _schema = {
-    form: BaseSchema.form,
-    schema: cloneDeep(BaseSchema.schema),
-  };
-  let idx = Object.keys(_schema.schema.properties).length;
-
-  if (title) {
-    _schema.schema.properties.insideTitle = {
-      type: "string",
-      "x-component": "Text",
-      "x-component-props": {
-        content: title || "内部情况",
-      },
-      "x-designable-id": "insideTitle" + idx,
-      "x-index": idx,
-    };
-  }
-
-  Object.keys(InsideSchema.schema.properties).forEach((key) => {
-    const obj = InsideSchema.schema.properties[key];
-    idx += 1;
-    obj["x-index"] = idx;
-    _schema.schema.properties[key] = obj;
-  });
-  return _schema;
-}
-
-export function mergeSchemas(schemas) {
-  if (!(Array.isArray(schemas) && schemas.length > 0)) {
-    console.error("请传入 schema");
-    return;
-  }
-  const _schemaList = cloneDeep(schemas);
-  const _schema = {
-    form: _schemaList[0].json.form,
-    schema: {
-      type: "object",
-      properties: {},
-      "x-designable-id": uniqueId("schema-merge-"),
-    },
-  };
-
-  let idx = 0;
-  _schemaList.forEach((schema, i) => {
-    const titleName = `insideTitle-${i}`;
-    _schema.schema.properties[titleName] = {
-      type: "string",
-      "x-component": "Text",
-      "x-component-props": {
-        content: schema.title,
-      },
-      "x-designable-id": titleName,
-      "x-index": idx,
-    };
-    idx += 1;
-    Object.keys(schema.json.schema.properties).forEach((key) => {
-      const obj = schema.json.schema.properties[key];
-      obj["x-index"] = idx;
-      _schema.schema.properties[key] = obj;
-      idx += 1;
-    });
-  });
-
-  return _schema;
-}
+import { cloneDeep, uniqueId } from "lodash-es";
+
+export function mergeSchema(BaseSchema, InsideSchema, title = "") {
+  const _schema = {
+    form: BaseSchema.form,
+    schema: cloneDeep(BaseSchema.schema),
+  };
+  let idx = Object.keys(_schema.schema.properties).length;
+
+  if (title) {
+    _schema.schema.properties.insideTitle = {
+      type: "string",
+      "x-component": "Text",
+      "x-component-props": {
+        content: title || "内部情况",
+      },
+      "x-designable-id": "insideTitle" + idx,
+      "x-index": idx,
+    };
+  }
+
+  Object.keys(InsideSchema.schema.properties).forEach((key) => {
+    const obj = InsideSchema.schema.properties[key];
+    idx += 1;
+    obj["x-index"] = idx;
+    _schema.schema.properties[key] = obj;
+  });
+  return _schema;
+}
+
+export function mergeSchemas(schemas) {
+  if (!(Array.isArray(schemas) && schemas.length > 0)) {
+    console.error("请传入 schema");
+    return;
+  }
+  const _schemaList = cloneDeep(schemas);
+  const _schema = {
+    form: _schemaList[0].json.form,
+    schema: {
+      type: "object",
+      properties: {},
+      "x-designable-id": uniqueId("schema-merge-"),
+    },
+  };
+
+  let idx = 0;
+  _schemaList.forEach((schema, i) => {
+    const titleName = `insideTitle-${i}`;
+    _schema.schema.properties[titleName] = {
+      type: "string",
+      "x-component": "Text",
+      "x-component-props": {
+        content: schema.title,
+      },
+      "x-designable-id": titleName,
+      "x-index": idx,
+    };
+    idx += 1;
+    Object.keys(schema.json.schema.properties).forEach((key) => {
+      const obj = schema.json.schema.properties[key];
+      obj["x-index"] = idx;
+      _schema.schema.properties[key] = obj;
+      idx += 1;
+    });
+  });
+
+  return _schema;
+}