@lambo-design/shared 1.0.0-beta.240 → 1.0.0-beta.241

package/utils/transform.js

@@ -1,206 +1,205 @@
-/**
- * 将旧版本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 中。
- * 4. 对于每个 basicFormField：
- *    - 生成唯一的 ID。
- *    - 添加 formItemFlag 属性并设置为 true。
- *    - 添加 options 对象，其中 name 字段值来自 basicFormField.formKey。
- *    - options 对象还包括其他默认配置项。
- * @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'];
-    let fieldIdCounter = 1; // 用于生成唯一ID
-
-    // 动态生成cols
-    sources.basicFormFields.forEach((field, index) => {
-        const span = specialTypes.includes(field.type) ? 24 : defaultSpan;
-        
-        // 为每个field增加id和options
-        const uniqueFieldId = `input${fieldIdCounter++}`;
-        field.id = uniqueFieldId;
-        field.formItemFlag = true;
-        field.options = {
-            name: field.formKey,
-            customClass: "",
-            hidden: false,
-            defaultValue: null,
-            validation: "",
-            validationHint: "",
-            onCreated: "",
-            onMounted: "",
-            onInput: "",
-            onChange: "",
-            onFocus: "",
-            onBlur: "",
-            onValidate: "",
-            onAppendButtonClick: ""
-        };
-
-        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);
+/**
+ * 将旧版本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 中。
+ * 4. 对于每个 basicFormField：
+ *    - 生成唯一的 ID。
+ *    - 添加 formItemFlag 属性并设置为 true。
+ *    - 添加 options 对象，其中 name 字段值来自 basicFormField.formKey。
+ *    - options 对象还包括其他默认配置项。
+ * @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;
+        
+        // 为每个field增加id和options
+        const uniqueFieldId = `form-filed-${index}`;
+        field.id = uniqueFieldId;
+        field.formItemFlag = true;
+        field.options = {
+            name: field.formKey,
+            customClass: "",
+            hidden: false,
+            defaultValue: null,
+            validation: "",
+            validationHint: "",
+            onCreated: "",
+            onMounted: "",
+            onInput: "",
+            onChange: "",
+            onFocus: "",
+            onBlur: "",
+            onValidate: "",
+            onAppendButtonClick: ""
+        };
+
+        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 === '';
+}