ele-admin-plus 1.2.2-beta.4 → 1.3.1-beta.1

package/es/ele-pro-form-builder/components/body-header.js

@@ -0,0 +1,133 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, createBlock, normalizeClass, withCtx, resolveDynamicComponent, normalizeStyle, createVNode, createTextVNode, renderSlot } from "vue";
+import { ElIcon } from "element-plus";
+import { RollbackOutlined, RecoverOutlined, DeleteOutlined, EyeOutlined } from "../../icons";
+import { screenItems } from "../util";
+import PreviewModal from "./preview-modal";
+const _hoisted_1 = { class: "ele-pro-form-builder-header" };
+const _hoisted_2 = { class: "ele-pro-form-builder-screen-radio" };
+const _hoisted_3 = { class: "ele-pro-form-builder-header-left" };
+const _hoisted_4 = { class: "ele-pro-form-builder-header-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "body-header",
+  props: {
+    currentScreen: {},
+    undoDisabled: { type: Boolean },
+    redoDisabled: { type: Boolean },
+    formProps: {},
+    proFormComponent: {}
+  },
+  emits: ["update:currentScreen", "undo", "redo", "clear"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const previewVisible = ref(false);
+    const handleUpdateScreen = (size) => {
+      emit("update:currentScreen", size);
+    };
+    const handleUndo = () => {
+      if (!props.undoDisabled) {
+        emit("undo");
+      }
+    };
+    const handleRedo = () => {
+      if (!props.redoDisabled) {
+        emit("redo");
+      }
+    };
+    const handleClear = () => {
+      emit("clear");
+    };
+    const handleOpenPreview = () => {
+      previewVisible.value = true;
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
+            return openBlock(), createBlock(unref(ElIcon), {
+              key: item.value,
+              class: normalizeClass([
+                "ele-pro-form-builder-header-tool",
+                "ele-pro-form-builder-screen-icon",
+                { "is-active": item.value === _ctx.currentScreen }
+              ]),
+              onClick: ($event) => handleUpdateScreen(item.value)
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                  style: normalizeStyle(item.iconStyle)
+                }, null, 8, ["style"]))
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(ElIcon), {
+            class: normalizeClass([
+              "ele-pro-form-builder-header-tool",
+              "ele-pro-form-builder-header-tool-undo",
+              { "is-disabled": _ctx.undoDisabled }
+            ]),
+            title: "撤销",
+            onClick: handleUndo
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(RollbackOutlined))
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(unref(ElIcon), {
+            class: normalizeClass([
+              "ele-pro-form-builder-header-tool",
+              "ele-pro-form-builder-header-tool-redo",
+              { "is-disabled": _ctx.redoDisabled }
+            ]),
+            title: "恢复",
+            onClick: handleRedo
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(RecoverOutlined))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_ElButton, {
+            text: true,
+            type: "danger",
+            icon: unref(DeleteOutlined),
+            onClick: handleClear
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 清空 ")
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          createVNode(_component_ElButton, {
+            text: true,
+            type: "primary",
+            icon: unref(EyeOutlined),
+            onClick: handleOpenPreview
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" 预览 ")
+            ]),
+            _: 1
+          }, 8, ["icon"]),
+          renderSlot(_ctx.$slots, "headerTools")
+        ]),
+        createVNode(PreviewModal, {
+          modelValue: previewVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewVisible.value = $event),
+          formProps: _ctx.formProps,
+          proFormComponent: _ctx.proFormComponent
+        }, null, 8, ["modelValue", "formProps", "proFormComponent"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/build-util.d.ts

@@ -0,0 +1,27 @@
+import { ProFormItemKey } from '../../ele-pro-form/types';
+import { BuildFormItem, UpdateItemsResult, AddChildrenItemAction } from '../types';
+
+/**
+ * 添加子级时生成需要的数据
+ * @param triggerItem 触发添加的表单项
+ * @param triggerParent 触发添加的表单项父级
+ * @param triggerItemIndex 触发添加的表单项在父级中的位置
+ * @param actionType 添加类型
+ * @param formItems 当前的全部表单项数据
+ * @param position 触发位置的上方(左侧)或下方(右侧)添加, 默认下方(左侧)
+ */
+export declare function generateAddChildData(triggerItem: BuildFormItem, triggerParent: BuildFormItem | undefined, triggerItemIndex: number | undefined, actionType: AddChildrenItemAction | undefined, formItems?: BuildFormItem[], position?: -1): UpdateItemsResult;
+/**
+ * 表单项数据生成新的 id
+ * @param items 表单项数据
+ * @param formItems 当前的全部表单项数据
+ * @param overwriteProp prop 是否也重新生成
+ * @param generateTypeName 是否生成类型名称到数据
+ */
+export declare function itemsGenerateNewKey(items?: BuildFormItem[] | BuildFormItem, formItems?: BuildFormItem[], overwriteProp?: boolean): void;
+/**
+ * 复制表单项时生成需要的数据
+ * @param formItemId 表单项 id
+ * @param formItems 当前的全部表单项数据
+ */
+export declare function generateCopyItemData(formItemId: ProFormItemKey, formItems?: BuildFormItem[]): UpdateItemsResult;

package/es/ele-pro-form-builder/components/build-util.js

@@ -0,0 +1,99 @@
+import { eachTree } from "../../utils/core";
+import { generateChildFormItem, generateUniqueItemKey } from "../util";
+import { generateAddTableColData, generateAddTableRowData } from "./table-util";
+function generateAddChildData(triggerItem, triggerParent, triggerItemIndex, actionType, formItems, position) {
+  if (!triggerItem.type) {
+    return { addItems: [], updateItems: [], deleteItemIds: [] };
+  }
+  const parentItemId = triggerParent == null ? void 0 : triggerParent.key;
+  const afterIndex = triggerItemIndex == null ? void 0 : triggerItemIndex + 1;
+  if ([
+    "tabPane",
+    "collapseItem",
+    "col",
+    "carouselItem",
+    "descriptionsItem"
+  ].includes(triggerItem.type)) {
+    const item = generateChildFormItem(
+      {
+        tabPane: "tabs",
+        collapseItem: "collapse",
+        col: "row",
+        carouselItem: "carousel",
+        descriptionsItem: "descriptions"
+      }[triggerItem.type]
+    );
+    itemsGenerateNewKey(item, formItems, true);
+    return {
+      addItems: [{ item, parentItemId, index: afterIndex }],
+      updateItems: [],
+      deleteItemIds: []
+    };
+  }
+  if (triggerItem.type === "tableCell") {
+    const result = {
+      addItems: [],
+      updateItems: [],
+      deleteItemIds: []
+    };
+    eachTree(formItems, (trItem, _trIndex, tableItem) => {
+      if (triggerParent && trItem.key === triggerParent.key && tableItem) {
+        const { addItems, updateItems, deleteItemIds } = (actionType === "addTableCol" ? generateAddTableColData : generateAddTableRowData)(tableItem, formItems, triggerItem, position);
+        result.addItems = addItems;
+        result.updateItems = updateItems;
+        result.deleteItemIds = deleteItemIds;
+        return false;
+      }
+    });
+    return result;
+  }
+  if (triggerItem.type === "table") {
+    return (actionType === "addTableCol" ? generateAddTableColData : generateAddTableRowData)(triggerItem, formItems);
+  }
+  const child = generateChildFormItem(triggerItem.type);
+  itemsGenerateNewKey(child, formItems, true);
+  return {
+    addItems: [{ item: child, parentItemId: triggerItem.key }],
+    updateItems: [],
+    deleteItemIds: []
+  };
+}
+function itemsGenerateNewKey(items, formItems, overwriteProp) {
+  if (!items) {
+    return;
+  }
+  const addedKeys = [];
+  eachTree(Array.isArray(items) ? items : [items], (item) => {
+    const itemKey = generateUniqueItemKey(formItems, addedKeys);
+    addedKeys.push(itemKey);
+    item.key = itemKey;
+    if (overwriteProp) {
+      item.prop = itemKey;
+    }
+  });
+}
+function generateCopyItemData(formItemId, formItems) {
+  const result = {
+    addItems: [],
+    updateItems: [],
+    deleteItemIds: []
+  };
+  eachTree(formItems, (item, index, parent) => {
+    if (item.key === formItemId) {
+      const newItem = JSON.parse(JSON.stringify(item));
+      itemsGenerateNewKey(newItem, formItems, true);
+      result.addItems.push({
+        item: newItem,
+        parentItemId: parent == null ? void 0 : parent.key,
+        index: index + 1
+      });
+      return false;
+    }
+  });
+  return result;
+}
+export {
+  generateAddChildData,
+  generateCopyItemData,
+  itemsGenerateNewKey
+};

package/es/ele-pro-form-builder/components/builder-tools.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 对应的表单项类型 */
+    itemType?: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    delete: (event: MouseEvent) => void;
+    copy: (event: MouseEvent) => void;
+    add: (event: MouseEvent) => void;
+    addTableRow: (event: MouseEvent) => void;
+    addTableCol: (event: MouseEvent) => void;
+    openTableTool: (event: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 对应的表单项类型 */
+    itemType?: string;
+}>>> & {
+    onCopy?: ((event: MouseEvent) => any) | undefined;
+    onDelete?: ((event: MouseEvent) => any) | undefined;
+    onAdd?: ((event: MouseEvent) => any) | undefined;
+    onAddTableRow?: ((event: MouseEvent) => any) | undefined;
+    onAddTableCol?: ((event: MouseEvent) => any) | undefined;
+    onOpenTableTool?: ((event: MouseEvent) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/ele-pro-form-builder/components/builder-tools.js

@@ -0,0 +1,121 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, unref, createCommentVNode } from "vue";
+import { InsertRowOutlined, InsertColumnOutlined, PlusSquareDashOutlined, CopyOutlined, DeleteOutlined, AppstoreAddOutlined } from "../../icons";
+import ToolButton from "./tool-button";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "builder-tools",
+  props: {
+    itemType: {}
+  },
+  emits: ["delete", "copy", "add", "addTableRow", "addTableCol", "openTableTool"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleDelete = (e) => {
+      emit("delete", e);
+    };
+    const handleCopy = (e) => {
+      emit("copy", e);
+    };
+    const handleAdd = (e) => {
+      emit("add", e);
+    };
+    const handleAddTableRow = (e) => {
+      emit("addTableRow", e);
+    };
+    const handleAddTableCol = (e) => {
+      emit("addTableCol", e);
+    };
+    const handleOpenTableTool = (e) => {
+      emit("openTableTool", e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+          key: 0,
+          buttonProps: {
+            size: "small",
+            type: "primary",
+            icon: unref(InsertRowOutlined)
+          },
+          tooltip: _ctx.itemType === "tableCell" ? "插入行" : "新增行",
+          onClick: handleAddTableRow
+        }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
+        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+          key: 1,
+          buttonProps: {
+            size: "small",
+            type: "primary",
+            icon: unref(InsertColumnOutlined)
+          },
+          tooltip: _ctx.itemType === "tableCell" ? "插入列" : "新增列",
+          onClick: handleAddTableCol
+        }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
+        _ctx.itemType && [
+          "tabs",
+          "tabPane",
+          "collapse",
+          "collapseItem",
+          "row",
+          "col",
+          "carousel",
+          "carouselItem",
+          "descriptions",
+          "descriptionsItem"
+        ].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+          key: 2,
+          buttonProps: {
+            size: "small",
+            type: "primary",
+            icon: unref(PlusSquareDashOutlined)
+          },
+          tooltip: {
+            tabs: "添加选项卡",
+            tabPane: "插入选项卡",
+            collapse: "添加折叠面板",
+            collapseItem: "插入折叠面板",
+            row: "添加栅格列",
+            col: "插入栅格列",
+            carousel: "添加走马灯",
+            carouselItem: "插入走马灯",
+            descriptions: "添加描述列表",
+            descriptionsItem: "插入描述列表"
+          }[_ctx.itemType] || "添加",
+          onClick: handleAdd
+        }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
+        _ctx.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
+          key: 3,
+          buttonProps: {
+            size: "small",
+            type: "primary",
+            icon: unref(CopyOutlined)
+          },
+          tooltip: "复制",
+          onClick: handleCopy
+        }, null, 8, ["buttonProps"])) : createCommentVNode("", true),
+        _ctx.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
+          key: 4,
+          buttonProps: {
+            size: "small",
+            type: "danger",
+            icon: unref(DeleteOutlined)
+          },
+          tooltip: "删除",
+          onClick: handleDelete
+        }, null, 8, ["buttonProps"])) : createCommentVNode("", true),
+        _ctx.itemType === "tableCell" ? (openBlock(), createBlock(ToolButton, {
+          key: 5,
+          buttonProps: {
+            size: "small",
+            type: "primary",
+            icon: unref(AppstoreAddOutlined),
+            style: { fontSize: "14px" }
+          },
+          tooltip: "更多",
+          onClick: handleOpenTableTool
+        }, null, 8, ["buttonProps"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/children-edit.d.ts

@@ -0,0 +1,39 @@
+import { BuildFormItem, ComponentGroup } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 添加按钮文本 */
+    addBtnText?: string;
+    /** 表单项数据 */
+    formItem: BuildFormItem;
+    /** 组件库数据 */
+    componentData: ComponentGroup[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:currentFormItemId": (formItemId?: string | undefined) => void;
+    updateChildLabel: (label: string, child: BuildFormItem) => void;
+    sortChildren: (children: BuildFormItem[]) => void;
+    deleteChildren: (child: BuildFormItem) => void;
+    addChildren: (parent: BuildFormItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 添加按钮文本 */
+    addBtnText?: string;
+    /** 表单项数据 */
+    formItem: BuildFormItem;
+    /** 组件库数据 */
+    componentData: ComponentGroup[];
+}>>> & {
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | undefined) => any) | undefined;
+    onUpdateChildLabel?: ((label: string, child: BuildFormItem) => any) | undefined;
+    onSortChildren?: ((children: BuildFormItem[]) => any) | undefined;
+    onDeleteChildren?: ((child: BuildFormItem) => any) | undefined;
+    onAddChildren?: ((parent: BuildFormItem) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/ele-pro-form-builder/components/children-edit.js

@@ -0,0 +1,118 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, unref, withCtx, createElementVNode, createVNode, withModifiers, toDisplayString, createCommentVNode, createSlots, createTextVNode } from "vue";
+import VueDraggable from "vuedraggable";
+import { ElIcon, ElInput, ElButton } from "element-plus";
+import { DragOutlined, DeleteOutlined, PlusOutlined } from "../../icons";
+import ComponentName from "./component-name";
+const _hoisted_1 = { class: "ele-pro-form-builder-children-edit-item" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-pro-form-builder-children-edit-item-body"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "ele-pro-form-builder-children-edit-item-text" };
+const _hoisted_5 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "children-edit",
+  props: {
+    addBtnText: {},
+    formItem: {},
+    componentData: {}
+  },
+  emits: ["update:currentFormItemId", "updateChildLabel", "sortChildren", "deleteChildren", "addChildren"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleUpdateLabel = (value, item) => {
+      emit("updateChildLabel", value, item);
+    };
+    const handleUpdateChildren = (children) => {
+      emit("sortChildren", children);
+    };
+    const handleDelete = (item) => {
+      emit("deleteChildren", item);
+    };
+    const handleClick = (item) => {
+      emit("update:currentFormItemId", item.key);
+    };
+    const handleAdd = () => {
+      emit("addChildren", props.formItem);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.formItem.children ? (openBlock(), createBlock(unref(VueDraggable), {
+          key: 0,
+          itemKey: "key",
+          animation: 150,
+          setData: () => void 0,
+          modelValue: _ctx.formItem.children,
+          handle: ".ele-pro-form-builder-children-edit-item-handle",
+          class: "ele-pro-form-builder-children-edit-list",
+          "onUpdate:modelValue": handleUpdateChildren
+        }, {
+          item: withCtx(({ element }) => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(unref(ElIcon), { class: "ele-pro-form-builder-children-edit-item-handle" }, {
+                default: withCtx(() => [
+                  createVNode(unref(DragOutlined))
+                ]),
+                _: 1
+              }),
+              _ctx.formItem.type && ["tabs", "collapse"].includes(_ctx.formItem.type) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(unref(ElInput), {
+                  size: "small",
+                  modelValue: element.label,
+                  "onUpdate:modelValue": (value) => handleUpdateLabel(value, element)
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])) : _ctx.formItem.type && "div" === _ctx.formItem.type ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "ele-pro-form-builder-children-edit-item-body is-clickable",
+                onClick: withModifiers(($event) => handleClick(element), ["stop"])
+              }, [
+                createVNode(ComponentName, {
+                  itemType: element.type,
+                  componentData: _ctx.componentData,
+                  class: "ele-pro-form-builder-outline-item-type-tag"
+                }, null, 8, ["itemType", "componentData"]),
+                createElementVNode("div", _hoisted_4, toDisplayString(element.label || element.prop), 1)
+              ], 8, _hoisted_3)) : (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "ele-pro-form-builder-children-edit-item-body is-clickable",
+                onClick: withModifiers(($event) => handleClick(element), ["stop"])
+              }, [
+                createElementVNode("div", null, toDisplayString(element.label || element.prop), 1)
+              ], 8, _hoisted_5)),
+              createVNode(unref(ElIcon), {
+                class: "ele-pro-form-builder-children-edit-item-del-btn",
+                title: "删除",
+                onClick: withModifiers(($event) => handleDelete(element), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DeleteOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : createCommentVNode("", true),
+        createVNode(unref(ElButton), {
+          size: "small",
+          icon: unref(PlusOutlined),
+          style: { width: "100%" },
+          onClick: handleAdd
+        }, createSlots({ _: 2 }, [
+          _ctx.addBtnText ? {
+            name: "default",
+            fn: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.addBtnText), 1)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["icon"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,44 @@
+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 代码时添加的声明代码 */
+    proCode?: string;
+    /** 生成 ElForm 代码时添加的导入代码 */
+    imports?: string[];
+    /** 生成 ProForm 代码时添加的导入代码 */
+    proImports?: string[];
+    /** ProForm 预览界面获取对应的 js 变量 */
+    jsCode?: JsCodeFunc;
+    /** 转 JSON 时标识是 JsVar 对象 */
+    __isJsVar: boolean;
+    constructor(props: Omit<JsVar, '__isJsVar'>);
+}
+/**
+ * 移除字符串前缀
+ * @param content 字符串
+ * @param prefix 一个或多个前缀
+ */
+export declare function removePrefixStr(content: string, prefix: string | string[]): string;
+/**
+ * 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;