star-horse-lowcode 2.7.62 → 2.7.65

package/src/store/DynamicForm.ts

@@ -0,0 +1,241 @@
+import { defineStore } from "pinia";
+import { warning } from "@/utils/message";
+import { ref } from "vue";
+
+export const useDynamicFormStore = defineStore("dynamicForm", () => {
+  const dataForm: any = ref({});
+  const selectData: any = ref(null);
+  const dataId: any = ref(null);
+
+  /**
+   *选中数据
+   * @param data
+   */
+  const setSelectData = (data: object | Array<object>) => {
+    selectData.value = data;
+  };
+  /**
+   * 赋值
+   * @param id 数据Id
+   */
+  const setDataId = (id: number | string) => {
+    dataId.value = id;
+  };
+  /**
+   * 存数据
+   * @param data
+   */
+  const setFormData = (data: object) => {
+    dataForm.value = { ...data };
+  };
+  /**
+   * 向集合添加数据
+   * @param batchName
+   * @param data
+   */
+  const addBatchData = (batchName: string, data: any) => {
+    let batchDatas: Array<any> = dataForm.value[batchName] as Array<any>;
+    if (!batchDatas || batchDatas.length == 0) {
+      dataForm.value[batchName] = [];
+      batchDatas = dataForm.value[batchName];
+    }
+    batchDatas.push(data);
+  };
+  /**
+   * 清除视图
+   * @param fieldName
+   */
+  const delField = (fieldName: string) => {
+    delete dataForm.value[fieldName];
+  };
+  /**
+   * 删除集合内指定的所有属性
+   * @param batchName 集合名称
+   * @param fieldName  属性名称
+   * @param rowIndex 要删除属性所在的行 从1开始  -1 表示删除所有的属性
+   */
+  const delBatchField = (
+    batchName: string,
+    fieldName: string,
+    rowIndex: number = -1,
+  ) => {
+    const batchDatas = dataForm.value[batchName];
+    if (!batchDatas || batchDatas.length == 0) {
+      return;
+    }
+    if (batchDatas instanceof Object) {
+      delete batchDatas[fieldName];
+    } else {
+      if (rowIndex > 0) {
+        delete batchDatas[rowIndex - 1][fieldName];
+      } else {
+        batchDatas.forEach((item: any) => {
+          delete item[fieldName];
+        });
+      }
+    }
+  };
+  /**
+   * 设置指定属性的值
+   * @param fieldName
+   * @param value
+   */
+  const addOrUpdateField = (fieldName: string, value: any) => {
+    dataForm.value[fieldName] = value;
+  };
+  /**
+   * 在集合里新增或者修改属性的值
+   * @param batchName 集合名称
+   * @param fieldName 属性名称
+   * @param value 值
+   * @param rowIndex 集合索引 从1开始 -1 表示在所有的数据中新增或者修改指定的值
+   */
+  const batchAddOrUpdateField = (
+    batchName: string,
+    fieldName: string,
+    value: any,
+    rowIndex: number = -1,
+  ) => {
+    let batchDatas = dataForm.value[batchName];
+    if (!batchDatas || batchDatas.length == 0) {
+      dataForm.value[batchName] = [];
+      batchDatas = dataForm.value[batchName];
+    }
+    if (batchDatas instanceof Object) {
+      batchDatas[fieldName] = value;
+    } else {
+      if (rowIndex > 0) {
+        batchDatas[rowIndex - 1][fieldName] = value;
+      } else {
+        batchDatas.forEach((item: any) => {
+          item[fieldName] = value;
+        });
+      }
+    }
+  };
+  /**
+   * 重命名属性，
+   * @param sourceField 原来的属性名
+   * @param distField 新的属性名
+   * @param newValue  新的值
+   */
+  const renameField = (
+    sourceField: string,
+    distField: string,
+    newValue?: any,
+  ) => {
+    if (Object.keys(dataForm.value).includes(distField)) {
+      warning("新的属性名已存在，不能进行修改");
+      return;
+    }
+    const bakeValue = dataForm.value[sourceField];
+    delete dataForm.value[sourceField];
+    dataForm.value[distField] = newValue ? newValue : bakeValue;
+  };
+  /**
+   * 重命名集合属性，
+   * @param batchName 集合名称
+   * @param sourceField 原来的属性名
+   * @param distField 新的属性名
+   * @param newValue  新的值
+   * @param rowIndex 指定重命名集合索引 从1开始 ，-1 表示重命名所有属性
+   */
+  const batchRenameField = (
+    batchName: string,
+    sourceField: string,
+    distField: string,
+    newValue?: any,
+    rowIndex: number = -1,
+  ) => {
+    const batchDatas = dataForm.value[batchName];
+    if (!batchDatas || batchDatas.length == 0) {
+      batchAddOrUpdateField(batchName, distField, newValue, rowIndex);
+      return;
+    }
+    const dataFun = (
+      data: any,
+      sourceField: string,
+      distField: string,
+      newValue?: any,
+    ) => {
+      if (Object.keys(data).includes(distField)) {
+        warning("新的属性名已存在，不能进行修改");
+        return false;
+      }
+      const bakeValue: any = data[sourceField];
+      delete dataForm.value[sourceField];
+      dataForm.value[distField] = newValue || bakeValue;
+      return true;
+    };
+    if (batchDatas instanceof Object) {
+      dataFun(batchDatas, sourceField, distField, newValue);
+    } else {
+      if (rowIndex > 0) {
+        dataFun(batchDatas[rowIndex - 1], sourceField, distField, newValue);
+      } else {
+        batchDatas.forEach((item: any) => {
+          const result = dataFun(item, sourceField, distField, newValue);
+          if (!result) {
+            return false;
+          }
+        });
+      }
+    }
+  };
+  /**
+   * 获取指定属性的值
+   * @param fieldName 属性名称
+   */
+  const getFieldValue = (fieldName: string) => {
+    return dataForm.value[fieldName];
+  };
+  /**
+   * 获取集合指定属性的数据
+   * @param batchName 集合名称
+   * @param fieldName 属性名称
+   * @param rowIndex 指定获取集合索引数据 从1开始，-1表示获取所有
+   */
+  const getBatchFieldValue = (
+    batchName: string,
+    fieldName: string,
+    rowIndex: number = -1,
+  ) => {
+    const batchDatas = dataForm.value[batchName];
+    if (!batchDatas) {
+      return;
+    }
+    if (batchDatas instanceof Object) {
+      return batchDatas[fieldName];
+    } else {
+      if (rowIndex > 0) {
+        return batchDatas[rowIndex - 1][fieldName];
+      } else {
+        return batchDatas.map((item: any) => item[fieldName]);
+      }
+    }
+  };
+  /**
+   * 清除所有Tab
+   */
+  const clearAll = () => {
+    dataForm.value = {};
+  };
+  return {
+    dataForm,
+    selectData,
+    dataId,
+    setSelectData,
+    setDataId,
+    setFormData,
+    addBatchData,
+    delField,
+    delBatchField,
+    addOrUpdateField,
+    batchAddOrUpdateField,
+    renameField,
+    batchRenameField,
+    getFieldValue,
+    getBatchFieldValue,
+    clearAll,
+  };
+});

package/src/store/GlobalConfig.ts

@@ -0,0 +1,90 @@
+import { defineStore } from "pinia";
+import { Config } from "@/api/settings";
+import { ref } from "vue";
+
+export const useGlobalConfigStore = defineStore(
+  "globalConfig",
+  () => {
+    const configFormInfo = ref<any>({});
+    /**
+     *设置数据
+     * @param data
+     */
+    const setConfigFormInfo = (data: any) => {
+      configFormInfo.value = data;
+      localStorage.setItem("starHorseConfigInfo", JSON.stringify(data));
+      Config.buttonStyle.value = data.buttonShowType || "dropdown";
+      if (data.themeColor) {
+        document.documentElement.style.setProperty(
+          "--star-horse-style",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--el-color-primary",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--el-select-input-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--el-pagination-button-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--el-tree-expand-icon-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-bg-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-border-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-active-bg-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-active-border-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-hover-bg-color",
+          data.themeColor,
+        );
+        document.documentElement.style.setProperty(
+          "--fc-button-hover-border-color",
+          data.themeColor,
+        );
+        // document.documentElement.style.setProperty('--fc-button-text-color', "#000");
+      }
+    };
+    /**
+     * 清除所有Tab
+     */
+    const clearAll = (isDark: string = "N") => {
+      configFormInfo.value = {
+        tagsView: "Y",
+        position: "left",
+        menusCfg: "tradition",
+        isDark,
+      };
+      const starHorseConfigInfo = localStorage.getItem("starHorseConfigInfo");
+      if (starHorseConfigInfo) {
+        setConfigFormInfo(JSON.parse(starHorseConfigInfo));
+      }
+    };
+
+    return {
+      configFormInfo,
+      setConfigFormInfo,
+      clearAll,
+    };
+  },
+  {
+    persist: false,
+  },
+);

package/src/store/SelfOperation.ts

@@ -0,0 +1,95 @@
+import { defineStore } from "pinia";
+import { Ref, ref } from "vue";
+import { PageFieldInfo } from "@/components/types/PageFieldInfo";
+
+/**
+ * 用户自定义方法处理逻辑
+ */
+export const useSelfOperationStore = defineStore("selfOperation", () => {
+  const formFieldList = ref<PageFieldInfo>({});
+  const fieldItemList = ref<any>({});
+  const formData = ref<any>({});
+  const formInstance = ref();
+  /**
+   * 设置表单信息
+   * @param fieldList
+   */
+  const setFormFields = (fieldList: PageFieldInfo) => {
+    formFieldList.value = fieldList;
+  };
+  const setFormInstance = (formRef: Ref) => {
+    formInstance.value = formRef.value;
+  };
+  /**
+   * 设置实例数据
+   * @param data
+   */
+  const setFormData = (data: any) => {
+    formData.value = data;
+  };
+  /**
+   * 添加
+   * @param formItem
+   */
+  const addFormItem = (formItem: any) => {
+    if (!formItem || (!formItem.fieldName && !formItem.preps?.name)) {
+      return;
+    }
+    fieldItemList.value[formItem.fieldName || formItem.preps?.name] = formItem;
+  };
+
+  /**
+   * 批量添加
+   * @param formItems
+   */
+  const addFormItemList = (formItems: Array<any>) => {
+    if (!formItems) {
+      return;
+    }
+    for (const index in formItems) {
+      const formItem = formItems[index];
+      fieldItemList.value[formItem.fieldName || formItem.preps?.name] =
+        formItem;
+    }
+  };
+  /**
+   * 获取属性配置信息
+   * @param fieldName
+   */
+  const getFormItem = (fieldName: string) => {
+    return fieldItemList.value[fieldName] || {};
+  };
+  /**
+   * 一个模块只能操作一个表单
+   * 初始化数据
+   */
+  const init = (fieldList: PageFieldInfo, data: any, formRef: Ref) => {
+    formFieldList.value = fieldList;
+    fieldItemList.value = {};
+    formData.value = data;
+    formInstance.value = formRef;
+  };
+  /**
+   * 清除掉数据
+   */
+  const clearAll = () => {
+    formFieldList.value = {};
+    fieldItemList.value = {};
+    formData.value = {};
+    formInstance.value = null;
+  };
+  return {
+    formFieldList,
+    fieldItemList,
+    formInstance,
+    formData,
+    setFormInstance,
+    setFormFields,
+    setFormData,
+    addFormItem,
+    addFormItemList,
+    getFormItem,
+    init,
+    clearAll,
+  };
+});

package/src/store/UserInfo.ts

@@ -0,0 +1,88 @@
+import { defineStore } from "pinia";
+import { MenusInfo } from "@/components/types/MenusInfo";
+import { ref } from "vue";
+
+export const useUserInfoStore = defineStore(
+  "userInfo",
+  () => {
+    const userInfo = ref<any>({});
+    const pageButtonPermission = ref<any>({});
+    const permissionMenus = ref<any>([]);
+    const dynamicMenus = ref<any>([]);
+    const loginDialogVisible = ref<boolean>(false);
+
+    const showLoginDialog = () => {
+      loginDialogVisible.value = true;
+    };
+    const closeLoginDialog = () => {
+      loginDialogVisible.value = false;
+    };
+    /**
+     * 用户登录
+     * @param data
+     */
+    const login = (data: any) => {
+      userInfo.value = data;
+    };
+    /**
+     * 用户登出
+     */
+    const logout = () => {
+      // this.userInfo = {};
+      permissionMenus.value = [];
+      dynamicMenus.value = [];
+    };
+    /**
+     * 权限菜单
+     * @param data
+     */
+    const addPermissionMenus = (data: any) => {
+      permissionMenus.value = data;
+    };
+    /**
+     * 添加页面按钮权限
+     * @param data
+     */
+    const addPageButtonPermission = (data: any) => {
+      pageButtonPermission.value = data;
+    };
+    /**
+     * 记录菜单权限
+     * @param menuId
+     * @param data
+     */
+    const pushPageButtonPermission = (menuId: string, data: any) => {
+      pageButtonPermission.value[menuId] = data;
+    };
+    /**
+     * 添加动态菜单
+     * @param data
+     */
+    const addDynamicMenus = (data: MenusInfo) => {
+      if (!dynamicMenus.value) {
+        dynamicMenus.value = [];
+      }
+      if (data) {
+        dynamicMenus.value.push(data);
+      }
+    };
+    return {
+      userInfo,
+      pageButtonPermission,
+      permissionMenus,
+      dynamicMenus,
+      showLoginDialog,
+      loginDialogVisible,
+      closeLoginDialog,
+      login,
+      logout,
+      addPermissionMenus,
+      addPageButtonPermission,
+      pushPageButtonPermission,
+      addDynamicMenus,
+    };
+  },
+  {
+    persist: true,
+  },
+);

package/src/store/index.ts

@@ -0,0 +1,6 @@
+import { createPinia } from "pinia";
+import piniaPersist from "pinia-plugin-persistedstate";
+
+const piniaInstance = createPinia();
+piniaInstance.use(piniaPersist);
+export default piniaInstance;

package/src/theme/localStorge.ts

@@ -0,0 +1,16 @@
+import { LangType } from "./theme";
+
+/**
+ * 获取系统语言
+ */
+export function getLang(): LangType {
+  return (localStorage.getItem("lang") as LangType) || LangType.ZH_CN;
+}
+
+/**
+ * 设置系统语言
+ * @param lang
+ */
+export function setLang(lang: LangType) {
+  return localStorage.setItem("lang", lang);
+}

package/src/theme/theme.ts

@@ -0,0 +1,27 @@
+export enum ThemeType {
+  Light = "light",
+  Dark = "dark",
+  DarkDimmed = "darkDimmed",
+  FollowOs = "followOs",
+}
+
+export enum EditorThemeType {
+  DashboardLightTheme = "DashboardLightTheme",
+  DashboardBlackTheme = "DashboardBlackTheme",
+}
+
+export enum PrimaryColorType {
+  Polar_Green = "polar-green",
+  Golden_Purple = "golden-purple",
+  Polar_Blue = "polar-blue",
+  Silver = "silver",
+  Red = "red",
+  Orange = "orange",
+  Blue2 = "blue2",
+  Gold = "gold",
+}
+
+export enum LangType {
+  EN_US = "en_us",
+  ZH_CN = "zh_cn",
+}

package/src/utils/FieldOperationUtils.ts

@@ -0,0 +1,91 @@
+import { uuid } from "@/api/system";
+import { computed } from "vue";
+import { useDesignFormStore } from "@/store/DesignForm";
+import piniaInstance from "@/store";
+
+const designForm = useDesignFormStore(piniaInstance);
+const formData = computed(() => designForm.formData);
+const numField: Array<string> = [
+  "minlength",
+  "maxLength",
+  "step",
+  "rows",
+  "height",
+  "width",
+  "columns",
+  "gutter",
+  "limit",
+  "precision",
+  "min",
+  "max",
+  "highThreshold",
+  "lowThreshold",
+  "multipleLimit",
+];
+
+/**
+ * 处理默认值
+ * @param type
+ */
+const getDefaultVal = (type: string) => {
+  if (type == "number" || type == "slider" || type == "rate") {
+    return undefined;
+  } else if (type == "checkbox" || type == "transfer") {
+    return [];
+  } else {
+    return "";
+  }
+};
+
+/**
+ * 复制字段
+ * @param data
+ * @param type
+ */
+export function fieldCopy(data: any, type: string) {
+  const reData = JSON.parse(JSON.stringify(data));
+  //如果数据没有索引，则初始化索引
+  const ms = designForm.getFieldDataIndex();
+  const mvData: any = {};
+  mvData["id"] = "Id" + uuid();
+  // console.log(reData);
+  /**
+   * 处理preps
+   */
+  const preps = reData.preps;
+  mvData["preps"] = {};
+  for (const key in preps) {
+    const temp = preps[key];
+    if (numField.includes(temp.fieldName)) {
+      try {
+        mvData.preps[temp.fieldName] = parseInt(temp.defaultValues);
+      } catch (e) {
+        mvData.preps[temp.fieldName] = null;
+      }
+    } else {
+      mvData.preps[temp.fieldName] = temp.defaultValues;
+    }
+  }
+  mvData.preps["id"] = mvData["id"];
+  mvData.preps["label"] = reData.itemName;
+  mvData.preps["itemNameLabel"] = reData.itemName;
+  mvData.preps["name"] = reData.itemType + ms;
+  formData.value[reData.preps.fieldName] = getDefaultVal(reData.itemType);
+  mvData["compType"] = type;
+  mvData["itemType"] = reData.itemType;
+  if (reData.itemType == "box") {
+    mvData.preps["elements"] = [
+      { rowIndex: 1, columns: [{ colIndex: 1, colspan: 24, items: [] }] },
+    ];
+  } else if (reData.itemType == "table") {
+    mvData.preps["elements"] = [{ colIndex: 1, columns: 1, items: [] }];
+  } else if (reData.itemType == "dytable") {
+    mvData.preps["elements"] = [
+      {
+        colIndex: 1,
+        columns: [{ colIndex: 1, colspan: 1, rowspan: 1, items: [] }],
+      },
+    ];
+  }
+  return mvData;
+}