star-horse-lowcode 2.7.62 → 2.7.65

package/src/api/system.ts

@@ -0,0 +1,351 @@
+import { isJson } from "@/api/star_horse_utils";
+import { DyCompField } from "@/components/types/DyCompField";
+import { SearchParams } from "@/components/types/Params";
+import { error, success } from "@/utils/message";
+import { useDark, useToggle } from "@vueuse/core";
+import { v4 as uuidv4 } from "uuid";
+import { computed, Ref, ref, unref } from "vue";
+
+/**
+ * UUID
+ */
+export function uuid() {
+  return "sh" + uuidv4();
+}
+
+export async function copyText(text: any) {
+  try {
+    await navigator.clipboard.writeText(text);
+    success("复制成功");
+  } catch (err) {
+    error("复制失败:" + err);
+  }
+}
+
+/**
+ * 调用Table组件查询数据
+ * @param tableComp
+ * @param data
+ */
+export function searchData(tableComp: any, data: SearchParams[]) {
+  tableComp.createSearchParams(data);
+}
+
+export const isDark = useDark();
+isDark.value = false;
+export const toggle = useToggle(isDark);
+
+const exclusionItems: Array<any> = [
+  "number",
+  "switch",
+  "rate",
+  "slider",
+  "datetime",
+  "time",
+  "time-picker",
+  "number-range",
+  "textarea",
+  "htmleditor",
+  "json",
+  "json-array",
+  "html",
+  "signature",
+  "markdown",
+];
+/**
+ * 批量修改公共属性
+ * @param items
+ * @param val
+ * @param fieldName
+ */
+export const batchModifyAction = (
+  items: Array<any>,
+  val: any,
+  fieldName: string,
+) => {
+  for (const index in items) {
+    const item = items[index];
+    if (item.compType == "container") {
+      const sitems = item.preps.elements;
+      for (const sindex in sitems) {
+        const col = sitems[sindex];
+        if (col.columns) {
+          col.columns.forEach((temp: any) => {
+            batchModifyAction(temp.items, val, fieldName);
+          });
+        } else {
+          batchModifyAction(col.items, val, fieldName);
+        }
+      }
+    } else {
+      // 排除数字类型
+      if (!exclusionItems.includes(item.itemType) || fieldName == "precision") {
+        item.preps[fieldName] = val;
+      }
+    }
+  }
+};
+
+const inputType: Array<string> = [
+  "input",
+  "textarea",
+  "password",
+  "number",
+  "view-markdown",
+  "json",
+  "json-array",
+];
+const selectType: Array<string> = [
+  "select",
+  "tselect",
+  "cascader",
+  "autocomplete",
+  "area",
+  "cron",
+  "transfer",
+  "icon",
+  "dialog-input",
+  "page-select",
+];
+const dateType: Array<string> = [
+  "year",
+  "month",
+  "date",
+  "datetime",
+  "week",
+  "datetimerange",
+  "daterange",
+];
+/**
+ *下拉组件
+ * @returns
+ */
+export function selectCompList() {
+  return selectType;
+}
+/**
+ * 输入组件
+ * @returns
+ */
+export function inputCompList() {
+  return inputType;
+}
+/**
+ * 日期组件
+ * @returns
+ */
+export function dateCompList() {
+  return dateType;
+}
+
+/**
+ * 给组件添加placeholder属性
+ * @param item
+ * @param itemType
+ */
+export function fieldPlaceholder(item: any, itemType: string) {
+  if (!item.preps) {
+    item.preps = {};
+  }
+  item.preps["clearable"] = item.preps["clearable"] ?? true;
+  item.preps["readonly"] = item?.readonly || item.preps["readonly"] || false;
+  if (inputType.includes(itemType)) {
+    item.preps["placeholder"] =
+      item.preps["placeholder"]?.trim() || "请输入" + item.label;
+  } else if (selectType.includes(itemType)) {
+    item.preps["filterable"] = true;
+    item.preps["collapseTags"] = true;
+    item.preps["collapseTagsTooltip"] = true;
+    item.preps["placeholder"] =
+      item.preps["placeholder"]?.trim() || "请选择" + item.label;
+  }
+  if (itemType == "datetime") {
+    if (item?.type?.includes("range")) {
+      item.preps["startPlaceholder"] =
+        item.preps["startPlaceholder"]?.trim() || "请选择开始日期";
+      item.preps["endPlaceholder"] =
+        item.preps["endPlaceholder"]?.trim() || "请选择结束日期";
+    } else {
+      item.preps["placeholder"] =
+        item.preps["placeholder"]?.trim() || "请选择" + item.label;
+    }
+  } else if (itemType == "number-range") {
+    item.preps["minPlaceholder"] =
+      item.preps["minPlaceholder"]?.trim() || "请输入最小值";
+    item.preps["maxPlaceholder"] =
+      item.preps["maxPlaceholder"]?.trim() || "请输入最大值";
+  }
+  if (item.preps["noPlaceholder"]) {
+    delete item.preps["placeholder"];
+    delete item.preps["startPlaceholder"];
+    delete item.preps["endPlaceholder"];
+    delete item.preps["minPlaceholder"];
+    delete item.preps["maxPlaceholder"];
+    return;
+  }
+}
+
+/**
+ * 校验组件
+ * @param item
+ */
+export function itemCheck(item: any) {
+  //如果不是容器
+  if (item?.compType == "formItem") {
+    item.label = item.label || item.preps?.label;
+    item.fieldName = item.fieldName || item.preps?.fieldName;
+    item.type = item.type || item.itemType;
+    item.actions = item.actions || item.preps?.actions;
+    fieldPlaceholder(item, item.type);
+    // 新增：字符串转函数逻辑
+
+    if (typeof item.actions === "string") {
+      try {
+        // 将字符串转换为函数（假设函数需要访问当前 item 上下文，可根据实际参数调整）
+        // item.actions = new Function('item', `return ${item.actions}`)(item);
+        // 或直接转换为函数体（无参数时）：
+        item.actions = {
+          click: new Function(item.actions),
+        };
+      } catch (e) {
+        console.error("actions 字符串转函数失败:", e);
+        item.actions = null; // 转换失败时置空避免错误
+      }
+    } else if (isJson(item.actions)) {
+      let tempRecord: Record<string, Function> = {};
+      Object.entries(item.actions).forEach(([key, value]) => {
+        tempRecord[key] = new Function(value as any);
+      });
+      item.actions = tempRecord;
+    }
+  }
+  return (
+    item?.itemType + (item?.compType === "container" ? "-container" : "-item")
+  );
+}
+
+/**
+ * 动态创建组件
+ * @param compInfo 组件信息
+ */
+export function createComponent(compInfo: DyCompField) {
+  const app = __starHorseHostApp__;
+  !app && console.log("app is null,please define __starHorseHostApp__");
+  // 检查是否已存在同名组件
+  const existingComponent = app.component(compInfo.name);
+  if (existingComponent) {
+    return compInfo.name; // 存在同名组件，返回名称
+  }
+  app?.component(compInfo.name, {
+    components: compInfo.components || {},
+    template: compInfo.template,
+    data: () => compInfo.data || {},
+    props: compInfo.props || {},
+    methods: compInfo.methods,
+    onMounted: compInfo.onMounted,
+    emits: compInfo.emits,
+    computed: compInfo.computed,
+    watch: compInfo.watch,
+    onActivated: compInfo.onActivated,
+    onDeactivated: compInfo.onDeactivated,
+  });
+  return compInfo.name;
+}
+
+/**
+ * 删除查询条件中出现的空值和空对象
+ * @param condition
+ */
+export function removeEmptyCondition(
+  condition: SearchParams[],
+): SearchParams[] {
+  const params: SearchParams[] = [];
+  if (!condition || condition.length == 0) {
+    return params;
+  }
+  for (const a in condition) {
+    const temp = condition[a];
+    if (temp && isJson(temp) && Object.keys(temp).length > 0) {
+      params.push(temp);
+    }
+  }
+  return params;
+}
+
+/**
+ * 组件key
+ * @param item
+ * @param key
+ * @param isComp 是否组件
+ * @param prefix 前缀
+ * @param suffix 后缀
+ */
+export function compKey(
+  item: any,
+  key: number | string,
+  isComp?: boolean,
+  prefix?: string,
+  suffix?: string,
+) {
+  let name = "";
+  if (item) {
+    name = item.id || item._uuid || item.fieldName || item.tabName;
+  }
+  return (
+    (prefix ?? "") +
+    name +
+    "_" +
+    (isComp ? "comp_" : "temp_") +
+    key +
+    (suffix ?? "")
+  );
+}
+
+const zIndex = ref(0);
+export const DEFAULT_INITIAL_Z_INDEX = 2000;
+export const useZIndex = (zIndexOverrides?: Ref<number>) => {
+  const zIndexInjection = zIndexOverrides;
+  const initialZIndex = computed(() => {
+    const zIndexFromInjection = unref(zIndexInjection);
+    return zIndexFromInjection ?? DEFAULT_INITIAL_Z_INDEX;
+  });
+  const currentZIndex = computed(() => initialZIndex.value + zIndex.value);
+  const nextZIndex = () => {
+    zIndex.value += 1;
+    return currentZIndex.value;
+  };
+
+  return {
+    initialZIndex,
+    currentZIndex,
+    nextZIndex,
+  };
+};
+
+// 添加动态事件处理方法
+export function getDynamicEvents(props: any, recall: Function) {
+  const events: Record<string, any> = {};
+  const actions = props.field.actions;
+  const actionNames: string[] = Object.keys(actions || {});
+  // 统一处理带修饰符的事件
+  const handleEvent = (eventName: string, e: any) => {
+    if (eventName.includes(".")) {
+      const modifier = eventName.split(".")[1];
+      if (modifier == e.key.toLowerCase()) {
+        console.log("成功触发事件:");
+        recall(modifier); // 传递完整事件名称
+      }
+    } else {
+      recall(eventName); // 传递完整事件名称
+    }
+  };
+  actionNames?.forEach((actionName: string) => {
+    if (actionName.includes(".")) {
+      const baseEvent = actionName.split(".")[0];
+      events[baseEvent] = (e: Event) => handleEvent(actionName, e);
+    } else {
+      events[actionName] = (e: Event) => handleEvent(actionName, e);
+    }
+  });
+  return events;
+}

package/src/api/user_func.ts

@@ -0,0 +1,147 @@
+import { useSelfOperationStore } from "@/store/SelfOperation";
+import piniaInstance from "@/store";
+import {
+  download,
+  getRequest,
+  postRequest,
+  uploadRequest,
+} from "@/api/star_horse_apis";
+import { getUserInfo } from "@/utils/auth";
+import { Ref } from "vue";
+import { createCondition } from "@/api/star_horse_utils";
+import { success, warning } from "@/utils/message";
+import { UserFuncInfo } from "@/components/types/PageFieldInfo";
+
+/**
+ * 动态表单用户自定义驱动
+ */
+const userOperation = useSelfOperationStore(piniaInstance);
+/**
+ * 用户自定义事件对接接口
+ * @param code 需要执行的代码
+ * @param context 组件上下文信息
+ * @param formData
+ * @param formInfo
+ */
+export const userFunction = (code: string, context: any, formData: any) => {
+  if (!code) {
+    return;
+  }
+  //表单元素
+  const formFields: any = userOperation.fieldItemList;
+  //表单数据
+  // let formData: any = userOperation.formData;
+  //表单实例
+  const formInstance: any = userOperation.formInstance;
+  /**
+   * currentField 当前组件信息
+   * formData 表单数据
+   * formFields 表单所有属性
+   * formInstance 表单实例
+   * userInfo 当前登录信息
+   * postRequest Post 请求接口
+   * getRequest Get 请求接口
+   * download 下载数据接口
+   * upload 上传数据接口
+   */
+  const fun = new Function(
+    "currentField",
+    "formData",
+    "formFields",
+    "formInstance",
+    "userInfo",
+    "postRequest",
+    "getRequest",
+    "download",
+    "upload",
+    code,
+  );
+  fun.call(
+    this,
+    context.formInfo,
+    formData,
+    formFields,
+    formInstance,
+    getUserInfo(),
+    postRequest,
+    getRequest,
+    download,
+    uploadRequest,
+  );
+};
+
+/**
+ * 用户自定义按钮
+ * @param tableRef 表格实例
+ * @param primaryKey 主键名称
+ * @param datas 按钮信息
+ */
+export function userAction(
+  tableRef: Ref,
+  primaryKey: string,
+  datas: Array<any>,
+): Array<UserFuncInfo> {
+  const btnList: Array<UserFuncInfo> = [];
+  if (datas && datas.length > 0) {
+    datas.forEach((item: any) => {
+      const content = item["funcName"];
+      if (item["eventType"] == "interface") {
+        if (item["authority"] == "download") {
+          item["funcName"] = (row: any) => {
+            const fieldList: any = [];
+            fieldList.push(createCondition(primaryKey, row[primaryKey]));
+            download(content, {
+              fieldList: fieldList,
+            }).catch((e) => {
+              warning(e.message);
+            });
+          };
+        } else {
+          item["funcName"] = (row: any) => {
+            const fieldList: any = [];
+            fieldList.push(createCondition(primaryKey, row[primaryKey]));
+            postRequest(content, {
+              fieldList: fieldList,
+            }).then((res) => {
+              if (res.data.code) {
+                warning(res.data.cnMessage);
+                return;
+              }
+              success("操作成功");
+              tableRef.value?.loadByPage();
+            });
+          };
+        }
+      } else if (item["eventType"] == "dialog") {
+        //弹出对话框
+        warning("暂未实现");
+      } else if (item["eventType"] == "page") {
+        //打开页面
+        let router = window.__hostRouter__;
+        item["funcName"] = (row: any) => {
+          router.push({
+            path: content,
+            query: {
+              param: JSON.stringify(row),
+            },
+          });
+        };
+      }
+      btnList.push(item);
+    });
+  }
+  return btnList;
+}
+
+/**
+ * 判断是否是Promise
+ * @param obj
+ */
+export function isPromise<T = any>(obj: any): obj is Promise<T> {
+  return (
+    !!obj &&
+    (typeof obj === "object" || typeof obj === "function") &&
+    typeof obj.then === "function" &&
+    typeof obj.catch === "function"
+  );
+}

package/src/api/valid_utils.ts

@@ -0,0 +1,165 @@
+import { SelectOption } from "@/components/types/SearchProps";
+
+const validTypes: any = [
+  {
+    message: "邮箱格式不正确",
+    value: "email",
+    pattern:
+      /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/,
+  },
+  { message: "手机号格式不正确", value: "phone", pattern: /^1[3456789]\d{9}$/ },
+  {
+    message: "座机号码格式不正确",
+    value: "landlinePhone",
+    pattern: /^(0\d{2,3})-?\d{7,8}$/,
+  },
+  {
+    message: "身份证非法",
+    value: "idCard",
+    pattern:
+      /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
+  },
+  { message: "只能是数字", value: "digit", pattern: /^[0-9]*$/ },
+  {
+    message: "IP格式不正确",
+    value: "ip",
+    pattern:
+      /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/,
+  },
+  {
+    message: "URL格式不正确",
+    value: "url",
+    pattern:
+      /^((https?|ftp|file|git|svn):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/,
+  },
+  {
+    message: "域名格式不正确",
+    value: "domain",
+    pattern:
+      /^[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+\.?$/,
+  },
+  { message: "只能是字母", value: "letter", pattern: /^[a-zA-Z]*$/ },
+  {
+    message: "只能是字母或数字",
+    value: "letterDigit",
+    pattern: /^[a-zA-Z0-9]*$/,
+  },
+  {
+    message: (min: number, max: number) => `长度范围须在 ${min} 到 ${max} 之间`,
+    value: "dataLength",
+    pattern: (min: number, max: number) => new RegExp(`^.{${min},${max}}$`),
+  },
+  {
+    message: "只能是字母、数字和下划线",
+    value: "letterDigitUnderline",
+    pattern: /^[a-zA-Z0-9_]*$/,
+  },
+  {
+    message: "只能是字母、数字、下划线和中横线",
+    value: "letterDigitUnderlineHyphen",
+    pattern: /^[a-zA-Z0-9_\-]*$/,
+  },
+  {
+    message: "密码需包含大写字母、小写字母、数字和特殊字符，长度 8 - 16",
+    value: "strongPassword",
+    pattern:
+      /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,16}$/,
+  },
+  {
+    message: "日期格式应为 YYYY-MM-DD",
+    value: "dateFormat",
+    pattern: /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/,
+  },
+  {
+    message: "邮政编码格式不正确",
+    value: "postalCode",
+    pattern: /^[1-9]\d{5}$/,
+  },
+  {
+    message: "中文姓名应为 2 - 6 个汉字",
+    value: "chineseName",
+    pattern: /^[\u4e00-\u9fa5]{2,6}$/,
+  },
+  {
+    message: "信用卡号格式不正确",
+    value: "creditCard",
+    pattern: /^4\d{15}$/,
+  },
+  {
+    message:
+      "微信号格式不正确，需以字母开头，包含字母、数字、下划线和减号，长度 6 - 20 个字符",
+    value: "wechatId",
+    pattern: /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/,
+  },
+  {
+    message: "车牌号格式不正确",
+    value: "licensePlate",
+    pattern:
+      /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]{1}[A-HJ-NP-Z]{1}[A-HJ-NP-Z0-9]{5}$/,
+  },
+  {
+    message: "港澳通行证号码格式不正确",
+    value: "hkMacaoPass",
+    pattern: /^[CW]\d{8}$/,
+  },
+  {
+    message: "台胞证号码格式不正确",
+    value: "taiwanPass",
+    pattern: /^([A-Z]\d{9}|\d{8})$/,
+  },
+  {
+    message: "16 进制颜色代码格式不正确",
+    value: "hexColor",
+    pattern: /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/,
+  },
+  {
+    message: "国际电话号码格式不正确",
+    value: "internationalPhone",
+    pattern: /^\+(?:[0-9] ?){6,14}[0-9]$/,
+  },
+];
+
+export const validRulesList: Array<SelectOption> = [
+  { name: "邮箱", value: "email" },
+  { name: "手机号", value: "phone" },
+  { name: "座机号码", value: "landlinePhone" },
+  { name: "身份证", value: "idCard" },
+  { name: "数字", value: "digit" },
+  { name: "字母", value: "letter" },
+  { name: "IP", value: "ip" },
+  { name: "URL", value: "url" },
+  { name: "域名", value: "domain" },
+  { name: "字母或数字", value: "letterDigit" },
+  { name: "字母、数字和下划线", value: "letterDigitUnderline" },
+  { name: "字母、数字、下划线和中横线", value: "letterDigitUnderlineHyphen" },
+  { name: "数据长度6到12", value: "dataLength" },
+  { name: "强密码", value: "strongPassword" },
+  { name: "日期格式（YYYY-MM-DD）", value: "dateFormat" },
+  { name: "邮政编码", value: "postalCode" },
+  { name: "中文姓名", value: "chineseName" },
+  { name: "信用卡号", value: "creditCard" },
+  { name: "微信号", value: "wechatId" },
+  { name: "车牌号", value: "licensePlate" },
+  { name: "港澳通行证号码", value: "hkMacaoPass" },
+  { name: "台胞证号码", value: "taiwanPass" },
+  { name: "国际电话号码", value: "internationalPhone" },
+  { name: "16进制颜色代码", value: "hexColor" },
+  { name: "自定义", value: "custom" },
+];
+
+/**
+ * 获取验证类型
+ * @param type
+ */
+export function getValidType(type: any, options?: any) {
+  const typeConfig = validTypes.find((item: any) => item.value === type);
+  if (!typeConfig) return {};
+  // 处理带参数的验证类型
+  if (type === "dataLength") {
+    return {
+      message: typeConfig.message(options?.min ?? 2, options?.max ?? 6),
+      pattern: typeConfig.pattern(options?.min ?? 2, options?.max ?? 6),
+    };
+  }
+  return typeConfig;
+}