@lambo-design/shared 1.0.0-beta.237 → 1.0.0-beta.239

package/utils/theme.js

@@ -1,138 +1,138 @@
-import themes from "../config/themes";
-import cssVars from "css-vars-ponyfill";
-import lan_navigator from '../styles/image/lan_navigator.png'
-import lv_navigator from '../styles/image/lv_navigator.png'
-import {handleSystemColor} from "./util";
-import config from "@lambo-design/shared/config/config";
-
-
-const changeByThemeKey = (themeKey) => {
-  if (themeKey) {
-    themes.forEach((theme) => {
-      if (theme.key === themeKey) {
-        changeByTheme(theme);
-        if (typeof window !== 'undefined') {
-          localStorage.setItem("theme", themeKey);
-          localStorage.setItem('themeInStyle', '1');
-        }
-      }
-    });
-  } else {
-    if (typeof window !== 'undefined') {
-      themeKey = localStorage.getItem("theme");
-    }
-    if (!themeKey) {
-      themeKey = themes[0].key;
-    }
-    changeByThemeKey(themeKey);
-  }
-  cssVars({
-    rootElement: document, // default
-    include: 'link[rel=stylesheet],style'
-  });
-  return themeKey;
-};
-
-const changeByTheme = (theme) => {
-  // 加入自定义变量
-  let varStyleTag = document.getElementById("customVars");
-  if (!varStyleTag) {
-    varStyleTag = document.createElement("style");
-    varStyleTag.id = "customVars";
-    document.body.appendChild(varStyleTag);
-  }
-
-  varStyleTag.innerHTML = `:root {${theme["vars"]}}`;
-
-  // 加入自定义样式
-  let styleTag = document.getElementById("customStyle");
-  if (!styleTag) {
-    styleTag = document.createElement("style");
-    styleTag.id = "customStyle";
-    document.body.appendChild(styleTag);
-  }
-  if (theme&&theme.style) {
-    styleTag.innerHTML = theme.style;
-  }
-};
-
-const changeThemeByThemeId = (themeId, status, filterStatus, systemForm) => {
-  // 主题切换方式（区分新旧两种：1-旧 2-新）
-  if (typeof window !== 'undefined') {
-    localStorage.setItem('themeInStyle', '2')
-  }
-  // 一键滤镜功能 - 灰度状态;
-  let grayscaleVal = '0%'
-  if (filterStatus && filterStatus === '1') {
-    grayscaleVal = '100%'
-  }
-  // 记录当前主题
-  if (typeof window !== 'undefined') {
-    // localStorage.setItem('themeIdCurrent', themeId)
-    localStorage.setItem('themeIdCurrent', themeId)
-  }
-  // 顶部栏背景图处理
-  let background_image = config.upmsServerContext + '/anon/oss/file/getImage/' + systemForm.topBkImg + '?height=64&width=1920'
-  if (!status || status === '2') {
-    if (background_image.includes('lan_navigator')) {
-      background_image = 'url(' + lan_navigator + ')'
-    } else if (background_image.includes('lv_navigator')) {
-      background_image = 'url(' + lv_navigator + ')'
-    }
-  } else if (status === '1') {
-    background_image = 'url(' + background_image + ')'
-  }
-  handleSystemColor(grayscaleVal, systemForm, background_image)
-}
-
-const getThemeConfig = (themeKey = 'default') =>{
-  let result = {};
-  themes.forEach((theme) => {
-    if (theme.key === themeKey) {
-      result = theme;
-    }
-  });
-  return result;
-}
-
-const getThemeVars = (themeKey = 'default') =>{
-  let theme = getThemeConfig(themeKey);
-  if (theme) {
-    return theme.vars;
-  }
-  return '';
-}
-
-const getThemeVarByKey = (themeKey = 'default',varKey) => {
-  let value = '';
-  if (varKey) {
-    let vars = getThemeVars(themeKey)
-    if (vars) {
-      let startIndexOfChar = vars.indexOf(varKey);
-      if (startIndexOfChar > -1) {
-        // 从起始字符位置开始，找到下一行的起始位置
-        let endIndex = vars.indexOf('\n', startIndexOfChar);
-        if (endIndex === -1) {
-          // 如果没有找到换行符，则返回从起始字符到字符串末尾的部分
-          value = vars.substring(startIndexOfChar);
-        } else {
-          // 返回从起始字符到换行符之前的部分（不包括换行符）
-          value = vars.substring(startIndexOfChar, endIndex);
-        }
-        if (value) {
-          value = value.substring(value.indexOf(":") + 1,value.indexOf(";")).replaceAll(" ","");
-        }
-      }
-    }
-  }
-  return value;
-}
-
-export {
-  changeByThemeKey,
-  changeByTheme,
-  changeThemeByThemeId,
-  getThemeConfig,
-  getThemeVars,
-  getThemeVarByKey
-};
+import themes from "../config/themes";
+import cssVars from "css-vars-ponyfill";
+import lan_navigator from '../styles/image/lan_navigator.png'
+import lv_navigator from '../styles/image/lv_navigator.png'
+import {handleSystemColor} from "./util";
+import config from "@lambo-design/shared/config/config";
+
+
+const changeByThemeKey = (themeKey) => {
+  if (themeKey) {
+    themes.forEach((theme) => {
+      if (theme.key === themeKey) {
+        changeByTheme(theme);
+        if (typeof window !== 'undefined') {
+          localStorage.setItem("theme", themeKey);
+          localStorage.setItem('themeInStyle', '1');
+        }
+      }
+    });
+  } else {
+    if (typeof window !== 'undefined') {
+      themeKey = localStorage.getItem("theme");
+    }
+    if (!themeKey) {
+      themeKey = themes[0].key;
+    }
+    changeByThemeKey(themeKey);
+  }
+  cssVars({
+    rootElement: document, // default
+    include: 'link[rel=stylesheet],style'
+  });
+  return themeKey;
+};
+
+const changeByTheme = (theme) => {
+  // 加入自定义变量
+  let varStyleTag = document.getElementById("customVars");
+  if (!varStyleTag) {
+    varStyleTag = document.createElement("style");
+    varStyleTag.id = "customVars";
+    document.body.appendChild(varStyleTag);
+  }
+
+  varStyleTag.innerHTML = `:root {${theme["vars"]}}`;
+
+  // 加入自定义样式
+  let styleTag = document.getElementById("customStyle");
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.id = "customStyle";
+    document.body.appendChild(styleTag);
+  }
+  if (theme&&theme.style) {
+    styleTag.innerHTML = theme.style;
+  }
+};
+
+const changeThemeByThemeId = (themeId, status, filterStatus, systemForm) => {
+  // 主题切换方式（区分新旧两种：1-旧 2-新）
+  if (typeof window !== 'undefined') {
+    localStorage.setItem('themeInStyle', '2')
+  }
+  // 一键滤镜功能 - 灰度状态;
+  let grayscaleVal = '0%'
+  if (filterStatus && filterStatus === '1') {
+    grayscaleVal = '100%'
+  }
+  // 记录当前主题
+  if (typeof window !== 'undefined') {
+    // localStorage.setItem('themeIdCurrent', themeId)
+    localStorage.setItem('themeIdCurrent', themeId)
+  }
+  // 顶部栏背景图处理
+  let background_image = config.upmsServerContext + '/anon/oss/file/getImage/' + systemForm.topBkImg + '?height=64&width=1920'
+  if (!status || status === '2') {
+    if (background_image.includes('lan_navigator')) {
+      background_image = 'url(' + lan_navigator + ')'
+    } else if (background_image.includes('lv_navigator')) {
+      background_image = 'url(' + lv_navigator + ')'
+    }
+  } else if (status === '1') {
+    background_image = 'url(' + background_image + ')'
+  }
+  handleSystemColor(grayscaleVal, systemForm, background_image)
+}
+
+const getThemeConfig = (themeKey = 'default') =>{
+  let result = {};
+  themes.forEach((theme) => {
+    if (theme.key === themeKey) {
+      result = theme;
+    }
+  });
+  return result;
+}
+
+const getThemeVars = (themeKey = 'default') =>{
+  let theme = getThemeConfig(themeKey);
+  if (theme) {
+    return theme.vars;
+  }
+  return '';
+}
+
+const getThemeVarByKey = (themeKey = 'default',varKey) => {
+  let value = '';
+  if (varKey) {
+    let vars = getThemeVars(themeKey)
+    if (vars) {
+      let startIndexOfChar = vars.indexOf(varKey);
+      if (startIndexOfChar > -1) {
+        // 从起始字符位置开始，找到下一行的起始位置
+        let endIndex = vars.indexOf('\n', startIndexOfChar);
+        if (endIndex === -1) {
+          // 如果没有找到换行符，则返回从起始字符到字符串末尾的部分
+          value = vars.substring(startIndexOfChar);
+        } else {
+          // 返回从起始字符到换行符之前的部分（不包括换行符）
+          value = vars.substring(startIndexOfChar, endIndex);
+        }
+        if (value) {
+          value = value.substring(value.indexOf(":") + 1,value.indexOf(";")).replaceAll(" ","");
+        }
+      }
+    }
+  }
+  return value;
+}
+
+export {
+  changeByThemeKey,
+  changeByTheme,
+  changeThemeByThemeId,
+  getThemeConfig,
+  getThemeVars,
+  getThemeVarByKey
+};

package/utils/transform.js

@@ -0,0 +1,179 @@
+/**
+ * 将旧版本json 转换为新版 json
+ * 
+ * 转换规则：
+ * 1. 创建 widgetList：
+ *    - 创建一个 grid 类型的容器，包含 cols 数组。
+ *    - 每个 basicFormField 生成一个 grid-col，并填充到 cols 数组中。
+ *    - 每个 grid-col 的 span 值根据 gridColumns 计算，即 24 / gridColumns。
+ *    - 如果 basicFormField 的 type 是 ['textarea', 'imgUpload', 'imgListUpload', 'fileUpload', 'videoUpload'] 中的一个，则 span 设置为 24。
+ * 2. 生成 formConfig：
+ *    - 将 sources 中除 gridColumns、workFlow 和 basicFormFields 外的所有属性复制到 formConfig 中。
+ * 3. 生成 workFlow：
+ *    - 直接将 sources 中的 workFlow 复制到 target 的 workFlow 中。
+ * 
+ * @param {*} sources 
+ * @returns 
+ */
+ export function transformToNew(sources) {
+    // 创建一个新的target对象
+    const target = {
+        widgetList: [
+            {
+                id: "grid-id-1", // 默认值
+                type: "grid",
+                category: "container",
+                icon: "grid",
+                cols: [],
+                options: {
+                    name: "grid-name-1", // 默认值
+                    hidden: false,
+                    gutter: 12
+                }
+            }
+        ],
+        formConfig: {},
+        workFlow: {} // 新增workFlow属性
+    };
+
+    // 计算每列的span值
+    const defaultSpan = 24 / sources.gridColumns;
+    const specialTypes = ['textarea', 'imgUpload', 'imgListUpload', 'fileUpload', 'videoUpload'];
+
+    // 动态生成cols
+    sources.basicFormFields.forEach((field, index) => {
+        const span = specialTypes.includes(field.type) ? 24 : defaultSpan;
+        target.widgetList[0].cols.push({
+            id: `default-col-id-${index + 1}`, // 默认值
+            type: "grid-col",
+            category: "container",
+            icon: "grid-col",
+            internal: true,
+            widgetList: [field],
+            options: {
+                name: `col-name-${index + 1}`, // 默认值
+                hidden: false,
+                span: span, // 根据规则2计算span值
+                offset: 0,
+                push: 0,
+                pull: 0,
+                md: span,
+                sm: span,
+                xs: span,
+                responsive: false,
+                customClass: ""
+            }
+        });
+    });
+
+    // 将sources中的属性（除了gridColumns和workFlow）复制到target的formConfig中
+    for (let key in sources) {
+        if (key !== 'gridColumns' && key !== 'workFlow' && key !== 'basicFormFields') {
+            target.formConfig[key] = sources[key];
+        }
+    }
+
+    // 将sources中的workFlow复制到target的workFlow中
+    target.workFlow = sources.workFlow;
+
+    return target;
+}
+
+// // 示例调用
+// const sources = {
+//     validValue: "true",
+//     formName: "测试",
+//     gridColumns: 3,
+//     labelWidth: 100,
+//     labelPosition: "left",
+//     saveWay: "0",
+//     businessKey: [],
+//     apiId: 74,
+//     detailUrl: "/ibp-upms-server/manage/demoUser/get",
+//     createUrl: "/ibp-upms-server/manage/demoUser/create",
+//     updateUrl: "/ibp-upms-server/manage/demoUser/update",
+//     customButton: false,
+//     customMethod: "",
+//     select: {
+//         apiId: 74,
+//         isGetFromApi: true
+//     },
+//     basicFormFields: [
+//         {
+//             formKey: "userId",
+//             title: "用户编码",
+//             required: false,
+//             type: "input",
+//             customComponentName: "",
+//             customComponentMethod: "",
+//             orders: 1,
+//             enumType: "code",
+//             enumKey: "",
+//             enumList: [],
+//             props: {
+//                 maxlength: 1024,
+//                 clearable: false,
+//                 limitFileNum: 5,
+//                 limitImgNum: 5
+//             },
+//             validate: {
+//                 way: "default",
+//                 type: "",
+//                 trigger: "",
+//                 validator: "",
+//                 customMethod: "",
+//                 customUrl: ""
+//             },
+//             condition: "",
+//             onChange: "",
+//             defaultValue: ""
+//         },
+//         {
+//             formKey: "userName",
+//             title: "用户名",
+//             required: true,
+//             type: "input",
+//             customComponentName: "",
+//             customComponentMethod: "",
+//             orders: 2,
+//             enumType: "code",
+//             enumKey: "",
+//             enumList: [],
+//             props: {
+//                 maxlength: 1024,
+//                 clearable: true,
+//                 limitFileNum: 5,
+//                 limitImgNum: 5
+//             },
+//             validate: {
+//                 way: "default",
+//                 type: "string",
+//                 trigger: "blur",
+//                 validator: "",
+//                 customMethod: "",
+//                 customUrl: ""
+//             },
+//             condition: "",
+//             onChange: "",
+//             defaultValue: ""
+//         }
+//     ],
+//     workFlow: {
+//         procId: "",
+//         applyId: "",
+//         taskNode: "",
+//         title: "流程办理",
+//         smartFlowServerContext: "",
+//         upmsServerContext: "",
+//         width: 400,
+//         executionCompleted: "",
+//         businessFormSave: "",
+//         required: false,
+//         isUseWorkflow: false,
+//         isProcessCallbacks: false,
+//         callbackUrl: ""
+//     }
+// };
+// console.log("old json:"+JSON.stringify(sources, null, 2));
+// const transformedTarget = transformToNew(sources);
+// console.log("new json:"+JSON.stringify(transformedTarget, null, 2));

package/utils/type.js

@@ -1,102 +1,102 @@
-/*
- * Copyright 2019 WeBank
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-const objectToString = Object.prototype.toString;
-const OBJECT_STRING = '[object Object]';
-
-/**
- * 是否是普通对象
- * @param {any} obj
- * @return {Boolean}
- */
-export function isPlainObject(obj) {
-  return objectToString.call(obj) === OBJECT_STRING;
-}
-
-/**
- * 是否是数字
- * @param {any} value
- * @return {Boolean}
- */
-export function isNumber(value) {
-  return typeof value === 'number';
-}
-
-/**
- * 是否是日期
- * @param {any} value
- * @return {Boolean}
- */
-export function isDate(value) {
-  return objectToString.call(value) === '[object Date]';
-}
-
-/**
- * 是否是函数
- * @param {any} value
- * @return {Boolean}
- */
-export function isFunction(value) {
-  return typeof value === 'function';
-}
-
-/**
- * 是否是函数
- * @param {any} value
- * @return {Boolean}
- */
-export function isObject(value) {
-  let type = typeof value;
-  return !!value && (type == 'object' || type == 'function');
-}
-
-/**
- * 是否是数组
- * @param {any} value
- * @return {Boolean}
- */
-export function isArray(value) {
-  return Array.isArray(value);
-}
-
-/**
- * 是否像对象
- * @param {any} value
- * @return {Boolean}
- */
-export function isObjectLike(value) {
-  return !!value && typeof value == 'object';
-}
-
-/**
- * 是否是字符串
- * @param {any} value
- * @return {Boolean}
- */
-export function isString(value) {
-  return typeof value == 'string' ||
-        (!isArray(value) && isObjectLike(value) && objectToString.call(value) == '[object String]');
-}
-
-/**
- * 是否是空的
- * @param {any} value
- * @return {Boolean}
- */
-export function isNull(value) {
-  return value === undefined || value === null || value === '';
-}
+/*
+ * Copyright 2019 WeBank
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+const objectToString = Object.prototype.toString;
+const OBJECT_STRING = '[object Object]';
+
+/**
+ * 是否是普通对象
+ * @param {any} obj
+ * @return {Boolean}
+ */
+export function isPlainObject(obj) {
+  return objectToString.call(obj) === OBJECT_STRING;
+}
+
+/**
+ * 是否是数字
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNumber(value) {
+  return typeof value === 'number';
+}
+
+/**
+ * 是否是日期
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isDate(value) {
+  return objectToString.call(value) === '[object Date]';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isFunction(value) {
+  return typeof value === 'function';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObject(value) {
+  let type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * 是否是数组
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isArray(value) {
+  return Array.isArray(value);
+}
+
+/**
+ * 是否像对象
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * 是否是字符串
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isString(value) {
+  return typeof value == 'string' ||
+        (!isArray(value) && isObjectLike(value) && objectToString.call(value) == '[object String]');
+}
+
+/**
+ * 是否是空的
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNull(value) {
+  return value === undefined || value === null || value === '';
+}