ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/lib/ele-pro-form-builder/components/code-generator.d.ts

@@ -0,0 +1,110 @@
+import { ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { ComponentGroup, TemplateFormConfig } from '../types';
+
+/**
+ * 生成 ElForm 底栏代码
+ * @param config 表单配置数据
+ * @param showFooterExpand 是否需要展开收起按钮
+ */
+export declare function generateFooterCode(config: TemplateFormConfig, showFooterExpand?: boolean): string;
+/**
+ * 生成 ElFormItem 所有属性代码
+ * @param item 表单项
+ * @param indentSize 属性换行的缩进空格数量
+ * @param indentChar 上层代码缩进
+ */
+export declare function generateFormItemProps(item: ProFormItemProps, indentSize?: number, indentChar?: string): string;
+/**
+ * 生成 ElCol 所有属性代码
+ * @param item 表单项
+ * @param grid 父级的 grid 属性
+ * @param indentSize 属性换行的缩进空格数量
+ * @param indentChar 上层代码缩进
+ */
+export declare function generateColProps(item?: ProFormItemProps, grid?: Record<string, any> | boolean, indentSize?: number, indentChar?: string): string;
+/**
+ * 生成容器组件和非单标签组件的所有属性代码
+ * @param item 表单项
+ * @param indentSize 属性换行的缩进空格数量
+ * @param indentChar 上层代码缩进
+ * @param omitKeys 排除的属性名
+ */
+export declare function generateComponentProps(item: ProFormItemProps, indentSize?: number, indentChar?: string, omitKeys?: string[]): string;
+/**
+ * 生成 ElForm 代码时获取组件使用的组件名称
+ * @param item 表单项
+ * @param componentData 组件库数据
+ */
+export declare function getItemComponentTag(item: ProFormItemProps, componentData?: ComponentGroup[]): string;
+/**
+ * 生成展示型组件和单标签组件的完整代码
+ * @param item 表单项
+ * @param indentSize 属性换行的缩进空格数量
+ * @param indentChar 上层代码缩进
+ * @param content 展示型组件的文本内容
+ * @param componentData 组件库数据
+ */
+export declare function generateItemComponentCode(item: ProFormItemProps, indentSize: number | undefined, indentChar: string | undefined, content: string | undefined, componentData?: ComponentGroup[]): string;
+/**
+ * 生成 ElForm 代码时获取 div 容器使用的组件名称
+ * @param item 表单项
+ */
+export declare function getDivTag(item: ProFormItemProps): any;
+/**
+ * 生成 ElForm 内容代码
+ * @param config 表单配置数据
+ * @param showFooterExpand 是否需要展开收起按钮
+ * @param componentData 组件库数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function generateContentCode(config: TemplateFormConfig, showFooterExpand: boolean | undefined, componentData?: ComponentGroup[], itemTypeData?: ProFormItemTypeData[]): string;
+/**
+ * 获取上传组件表单验证方法代码
+ * @param item 表单项
+ */
+export declare function getUploadValidatorCode(item: ProFormItemProps): string;
+/**
+ * 生成 ElForm 验证规则代码
+ * @param items 表单项数据
+ * @param componentData 组件库数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function generateRuleCode(items: ProFormItemProps[], componentData?: ComponentGroup[], itemTypeData?: ProFormItemTypeData[]): any;
+/**
+ * 获取生成 ElForm 代码时组件的属性
+ * @param item 表单项
+ * @param componentData 组件库数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function getComponentProps(item: ProFormItemProps, componentData?: ComponentGroup[], itemTypeData?: ProFormItemTypeData[]): {
+    [x: string]: any;
+};
+/**
+ * 获取导入代码和变量声明代码
+ * @param config 表单配置
+ */
+export declare function getImportAndVarCode(config: TemplateFormConfig): {
+    imports: string[];
+    codes: string[];
+    proImports: string[];
+    proCodes: string[];
+};
+/**
+ * 取消表单项数据的多余属性
+ * @param formItems 表单项数据
+ * @param componentData 组件库数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function getElNormalizeItems(formItems?: ProFormItemProps[], componentData?: ComponentGroup[], itemTypeData?: ProFormItemTypeData[]): ProFormItemProps[];
+/**
+ * 生成 ElForm 代码
+ * @param data 表单配置数据
+ * @param componentData 组件库数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function generateElFormCode(data?: TemplateFormConfig, componentData?: ComponentGroup[], itemTypeData?: ProFormItemTypeData[]): string;
+/**
+ * 生成 ProForm 代码
+ * @param data 表单配置数据
+ */
+export declare function generateProFormCode(data?: TemplateFormConfig): string;

package/lib/ele-pro-form-builder/components/code-js-var.cjs

@@ -3,31 +3,11 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const ALL_ICONS = require("../../icons");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const ALL_ICONS__namespace = /* @__PURE__ */ _interopNamespaceDefault(ALL_ICONS);
+const renderUtil = require("../../ele-pro-form/components/render-util");
 class JsVar {
   constructor(props) {
-    /** 生成 ElForm 代码时显示的变量名称 */
+    /** 生成代码时显示的变量名称 */
     __publicField(this, "name");
-    /** 生成 ProForm 代码时显示的变量名称 */
-    __publicField(this, "proName");
     /** 生成 ElForm 代码时添加的声明代码 */
     __publicField(this, "code");
     /** 生成 ProForm 代码时添加的声明代码 */
@@ -36,17 +16,13 @@ class JsVar {
     __publicField(this, "imports");
     /** 生成 ProForm 代码时添加的导入代码 */
     __publicField(this, "proImports");
-    /** ProForm 预览界面获取对应的 js 变量 */
-    __publicField(this, "jsCode");
     /** 转 JSON 时标识是 JsVar 对象 */
     __publicField(this, "__isJsVar", true);
     this.name = props.name;
-    this.proName = props.proName;
     this.code = props.code;
     this.proCode = props.proCode;
     this.imports = props.imports;
     this.proImports = props.proImports;
-    this.jsCode = props.jsCode;
   }
 }
 function removePrefixStr(content, prefix) {
@@ -63,85 +39,23 @@ function removePrefixStr(content, prefix) {
   return result;
 }
 function transformJsVar(jv) {
-  if (jv == null) {
-    return;
-  }
-  if (typeof jv === "string") {
-    if (jv.startsWith("__PRO_FORM_ICON__") || jv.startsWith("/*__PRO_FORM_ICON__*/")) {
-      const icon = removePrefixStr(jv, [
-        "__PRO_FORM_ICON__",
-        "/*__PRO_FORM_ICON__*/"
-      ]);
-      return new JsVar({
-        name: icon,
-        proName: `markRaw(${icon})`,
-        imports: [`import { ${icon} } from '@/components/icons';`],
-        proImports: [
-          `import { markRaw } from 'vue';`,
-          `import { ${icon} } from '@/components/icons';`
-        ],
-        jsCode: () => vue.markRaw(ALL_ICONS__namespace[icon] ?? ALL_ICONS__namespace.UserOutlined)
-      });
+  if (jv != null) {
+    if (typeof jv === "string") {
+      if (jv.startsWith(renderUtil.codeStringPrefix)) {
+        const codeName = removePrefixStr(jv, [renderUtil.codeStringPrefix]);
+        return new JsVar({ name: codeName });
+      }
     }
-    if (jv.startsWith("__PRO_FORM__") || jv.startsWith("/*__PRO_FORM__*/")) {
-      const codeName = removePrefixStr(jv, [
-        "__PRO_FORM__",
-        "/*__PRO_FORM__*/"
-      ]);
-      if (codeName === "searchExpand") {
-        return new JsVar({
-          name: `form.${codeName}`,
-          proName: `'${codeName}'`,
-          jsCode: (form) => {
-            return () => form.searchExpand ?? false;
-          }
-        });
+    if (typeof jv === "object") {
+      if (jv instanceof JsVar) {
+        return jv;
+      }
+      if (jv.__isJsVar === true && jv.name != null) {
+        return new JsVar(jv);
       }
-      return new JsVar({
-        name: codeName.replace(/formItems\.length/g, "formItemsLength"),
-        proName: codeName,
-        code: "const formItemsLength = 0;",
-        jsCode: (form, config) => {
-          try {
-            return new Function(
-              "form",
-              "items",
-              "searchExpand",
-              "formItems",
-              "formData",
-              `return (${codeName})`
-            )(
-              form,
-              config.items,
-              form.searchExpand ?? false,
-              config.items,
-              form
-            );
-          } catch (_e) {
-            return codeName;
-          }
-        }
-      });
     }
   }
-  if (typeof jv !== "object") {
-    return;
-  }
-  if (jv instanceof JsVar) {
-    return jv;
-  }
-  if (jv.__isJsVar === true && (jv.name != null || jv.proName != null)) {
-    return new JsVar(jv);
-  }
-}
-function transformProJsVar(jv) {
-  const jsVar = transformJsVar(jv);
-  if (jsVar != null) {
-    return new JsVar({ ...jsVar, name: jsVar.proName });
-  }
-  return jsVar;
 }
 exports.JsVar = JsVar;
 exports.removePrefixStr = removePrefixStr;
 exports.transformJsVar = transformJsVar;
-exports.transformProJsVar = transformProJsVar;

package/lib/ele-pro-form-builder/components/code-js-var.d.ts

@@ -1,17 +1,9 @@
-import { TemplateFormConfig } from '../types';
-
-/**
- * 预览界面获取对应的 js 变量
- */
-export type JsCodeFunc = (form: Record<string, any>, config: TemplateFormConfig) => any;
 /**
  * 标识 js 变量名
  */
 export declare class JsVar {
-    /** 生成 ElForm 代码时显示的变量名称 */
+    /** 生成代码时显示的变量名称 */
     name?: string;
-    /** 生成 ProForm 代码时显示的变量名称 */
-    proName?: string;
     /** 生成 ElForm 代码时添加的声明代码 */
     code?: string;
     /** 生成 ProForm 代码时添加的声明代码 */
@@ -20,8 +12,6 @@ export declare class JsVar {
     imports?: string[];
     /** 生成 ProForm 代码时添加的导入代码 */
     proImports?: string[];
-    /** ProForm 预览界面获取对应的 js 变量 */
-    jsCode?: JsCodeFunc;
     /** 转 JSON 时标识是 JsVar 对象 */
     __isJsVar: boolean;
     constructor(props: Omit<JsVar, '__isJsVar'>);
@@ -33,12 +23,7 @@ export declare class JsVar {
  */
 export declare function removePrefixStr(content: string, prefix: string | string[]): string;
 /**
- * JSON 数据转换 JsVar 对象
+ * JSON 数据值转换 JsVar 对象
  * @param jv JSON 解析后的值
  */
 export declare function transformJsVar(jv: any): JsVar | undefined;
-/**
- * 生成 ProForm 代码时的 JSON 数据转换 JsVar 对象
- * @param jv JSON 解析后的值
- */
-export declare function transformProJsVar(jv: any): JsVar | undefined;