ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

package/lib/ele-pro-form-builder/components/component-data.d.ts

@@ -0,0 +1,8 @@
+import { ComponentGroup } from '../types';
+
+export declare const codeTips = "/* \u5168\u5C40\u53D8\u91CF `form`(\u8868\u5355\u6570\u636E), `items`(\u5168\u90E8\u8868\u5355\u9879), `searchExpand`(\u5C55\u5F00\u72B6\u6001),\n * `getProFormRefs`(\u83B7\u53D6\u7EC4\u4EF6\u5F15\u7528), `httpRequest`(\u8BF7\u6C42\u5DE5\u5177) */";
+export declare const vIfCodeTips = "/* \u5168\u5C40\u53D8\u91CF `form`(\u8868\u5355\u6570\u636E), `items`(\u5168\u90E8\u8868\u5355\u9879), `searchExpand`(\u5C55\u5F00\u72B6\u6001) */";
+/**
+ * 表单组件库数据
+ */
+export declare const defaultComponentData: ComponentGroup[];

package/lib/ele-pro-form-builder/components/component-list.cjs

@@ -0,0 +1,109 @@
+"use strict";
+const vue = require("vue");
+const VueDraggable = require("vuedraggable");
+const util = require("../../ele-pro-form/util");
+const buildCore = require("./build-core");
+const _hoisted_1 = { class: "ele-pro-form-builder-component-wrapper" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "ele-pro-form-builder-component-item-body" };
+const _hoisted_4 = { class: "ele-pro-form-builder-component-item-cover" };
+const _hoisted_5 = { class: "ele-pro-form-builder-component-item-label" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "component-list",
+  props: {
+    formItems: {},
+    parentFormItemId: {},
+    draggable: { type: Boolean },
+    componentData: {},
+    itemTypeData: {}
+  },
+  emits: ["updateItems"],
+  setup(__props, { emit: __emit }) {
+    const sortableGroup = { name: util.sortableGroupName, pull: "clone", put: false };
+    const props = __props;
+    const emit = __emit;
+    const groupData = vue.computed(() => {
+      return (props.componentData || []).map((groupItem) => {
+        return {
+          ...groupItem,
+          items: groupItem.items.filter((item) => !item.hide).map((d) => ({
+            ...d,
+            key: `proFormBuilderComponent_${d.type}`
+          }))
+        };
+      });
+    });
+    const handleCloneItem = (original) => {
+      const item = buildCore.generateBuildFormItem(
+        original.type,
+        props.formItems,
+        props.componentData,
+        props.itemTypeData
+      );
+      return item ?? original;
+    };
+    const handleAddItem = (componentType) => {
+      const item = buildCore.generateBuildFormItem(
+        componentType,
+        props.formItems,
+        props.componentData,
+        props.itemTypeData
+      );
+      const result = {
+        addItems: [{ item, parentItemId: props.parentFormItemId }],
+        updateItems: [],
+        deleteItemIds: []
+      };
+      emit("updateItems", result);
+    };
+    const handleItemClick = (item) => {
+      handleAddItem(item.type);
+    };
+    const handleLabelClick = (e) => {
+      var _a;
+      const el = (_a = e.currentTarget) == null ? void 0 : _a.parentElement;
+      el && el.scrollIntoView({ behavior: "smooth", block: "start" });
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(groupData.value, (groupItem, index) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: index,
+            class: "ele-pro-form-builder-component-group"
+          }, [
+            vue.createElementVNode("div", {
+              class: "ele-pro-form-builder-component-group-label",
+              onClick: handleLabelClick
+            }, vue.toDisplayString(groupItem.name), 1),
+            vue.createVNode(vue.unref(VueDraggable), {
+              itemKey: "key",
+              sort: false,
+              group: sortableGroup,
+              disabled: !_ctx.draggable,
+              setData: () => void 0,
+              clone: handleCloneItem,
+              modelValue: groupItem.items,
+              class: "ele-pro-form-builder-component-list"
+            }, {
+              item: vue.withCtx(({ element }) => [
+                vue.createElementVNode("div", {
+                  class: "ele-pro-form-builder-component-item",
+                  onClick: ($event) => handleItemClick(element)
+                }, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      element.cover ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(element.cover), { key: 0 })) : vue.createCommentVNode("", true)
+                    ])
+                  ]),
+                  vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(element.name), 1)
+                ], 8, _hoisted_2)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "modelValue"])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/component-list.d.ts

@@ -0,0 +1,40 @@
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 要添加子级的父级表单项 id */
+    parentFormItemId?: ProFormItemKey;
+    /** 是否可拖拽 */
+    draggable?: boolean;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateItems: (result: UpdateItemsResult) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 要添加子级的父级表单项 id */
+    parentFormItemId?: ProFormItemKey;
+    /** 是否可拖拽 */
+    draggable?: boolean;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>>> & {
+    onUpdateItems?: ((result: UpdateItemsResult) => 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/lib/ele-pro-form-builder/components/component-name.cjs

@@ -0,0 +1,22 @@
+"use strict";
+const vue = require("vue");
+const buildCore = require("./build-core");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "component-name",
+  props: {
+    itemType: {},
+    componentData: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const typeName = vue.computed(() => {
+      var _a;
+      const type = props.itemType;
+      return ((_a = buildCore.getComponentItemByType(type, props.componentData)) == null ? void 0 : _a.name) ?? type;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", null, vue.toDisplayString(typeName.value), 1);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/component-name.d.ts

@@ -0,0 +1,23 @@
+import { ComponentGroup } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项组件类型 */
+    itemType?: string;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项组件类型 */
+    itemType?: string;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>>, {}, {}>;
+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/lib/ele-pro-form-builder/components/component-picker.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const vue = require("vue");
+const EleModal = require("../../ele-modal/index");
+const ComponentList = require("./component-list");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "component-picker",
+  props: {
+    modelValue: { type: Boolean },
+    addParentFormItemId: {},
+    formItems: {},
+    componentData: {},
+    itemTypeData: {}
+  },
+  emits: ["update:modelValue", "updateItems"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleUpdateItems = (result) => {
+      emit("updateItems", result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleModal, {
+        width: 808,
+        maxable: true,
+        position: "center",
+        title: "组件库",
+        modelValue: _ctx.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        bodyStyle: {
+          height: "568px",
+          minHeight: "100%",
+          maxHeight: "100%",
+          padding: 0
+        },
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(ComponentList, {
+            parentFormItemId: _ctx.addParentFormItemId,
+            formItems: _ctx.formItems,
+            componentData: _ctx.componentData,
+            itemTypeData: _ctx.itemTypeData,
+            class: "ele-pro-form-builder-component-picker",
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["parentFormItemId", "formItems", "componentData", "itemTypeData"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/component-picker.d.ts

@@ -0,0 +1,42 @@
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 要添加子级的父级表单项 key */
+    addParentFormItemId?: ProFormItemKey;
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 要添加子级的父级表单项 key */
+    addParentFormItemId?: ProFormItemKey;
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>>> & {
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => 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/lib/ele-pro-form-builder/components/config-form.cjs

@@ -0,0 +1,92 @@
+"use strict";
+const vue = require("vue");
+const EleProForm = require("../../ele-pro-form/index");
+const SourceEdit = require("./source-edit");
+const StyleEdit = require("./style-edit");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config-form",
+  props: {
+    formProps: {},
+    configFormItems: {},
+    configFormPresetProps: {},
+    proFormComponent: {},
+    jsonEditerComponent: {},
+    itemTypeData: {},
+    httpRequest: {}
+  },
+  emits: ["updateFormProp"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const configFormData = vue.reactive({});
+    const handleUpdateFormProp = (field, value) => {
+      emit("updateFormProp", field, value);
+    };
+    vue.watch(
+      () => props.formProps,
+      (formProps) => {
+        var _a;
+        const data = Object.assign(
+          {},
+          configFormData,
+          props.configFormPresetProps || {},
+          JSON.parse(JSON.stringify(formProps || {})),
+          { items: void 0 }
+        );
+        Object.assign(configFormData, data, {
+          items: void 0,
+          footerProps: Object.assign(
+            { labelWidth: ((_a = data.footerProps) == null ? void 0 : _a.labelWidth) ?? data.labelWidth },
+            data.footerProps
+          )
+        });
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.proFormComponent || EleProForm), {
+        size: "small",
+        labelPosition: "top",
+        model: configFormData,
+        items: _ctx.configFormItems || [],
+        itemTypeData: _ctx.itemTypeData,
+        httpRequest: _ctx.httpRequest,
+        class: "ele-pro-form-builder-props-form",
+        onUpdateValue: handleUpdateFormProp
+      }, vue.createSlots({ _: 2 }, [
+        !_ctx.$slots.proFormBuilderSourceEdit ? {
+          name: "proFormBuilderSourceEdit",
+          fn: vue.withCtx(({ item, model, updatePropValue }) => [
+            vue.createVNode(SourceEdit, vue.mergeProps({ jsonEditerComponent: _ctx.jsonEditerComponent }, item.props || {}, {
+              modelValue: model,
+              "onUpdate:modelValue": (val) => updatePropValue("", val)
+            }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
+          ]),
+          key: "0"
+        } : void 0,
+        !_ctx.$slots.proFormBuilderStyleEdit ? {
+          name: "proFormBuilderStyleEdit",
+          fn: vue.withCtx(({ item, modelValue, updateValue }) => [
+            vue.createVNode(StyleEdit, vue.mergeProps(item.props || {}, {
+              modelValue,
+              "onUpdate:modelValue": updateValue
+            }), null, 16, ["modelValue", "onUpdate:modelValue"])
+          ]),
+          key: "1"
+        } : void 0,
+        vue.renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1064, ["model", "items", "itemTypeData", "httpRequest"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,56 @@
+import { UserComponent } from '../../ele-app/types';
+import { ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { TemplateFormConfig } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的表单项配置 */
+    configFormItems?: ProFormItemProps[];
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateFormProp: (field: string, value: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的表单项配置 */
+    configFormItems?: ProFormItemProps[];
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>>> & {
+    onUpdateFormProp?: ((field: string, value: any) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-pro-form-builder/components/covers/cover-alert.cjs

@@ -0,0 +1,70 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const _hoisted_1 = { style: { maxWidth: "92%", margin: "0 auto" } };
+const _hoisted_2 = {
+  class: "ele-icon-border-color-base",
+  style: {
+    display: "flex",
+    alignItems: "center",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderRadius: "4px",
+    padding: "4px 6px"
+  }
+};
+const _hoisted_3 = {
+  class: "ele-icon-border-color-base",
+  style: {
+    display: "flex",
+    alignItems: "center",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderRadius: "4px",
+    padding: "4px 6px",
+    marginTop: "8px"
+  }
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "cover-alert",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "ExclamationCircleFilled",
+            size: "sm"
+          }),
+          vue.createVNode(vue.unref(icons.IconSkeleton), {
+            size: "sm",
+            style: { flex: 1, margin: "0 2px 0 4px" }
+          }),
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "CloseOutlined",
+            size: "sm",
+            color: "placeholder",
+            style: { transform: "scale(0.8)" }
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "CheckCircleFilled",
+            size: "sm",
+            color: "success"
+          }),
+          vue.createVNode(vue.unref(icons.IconSkeleton), {
+            size: "sm",
+            style: { flex: 1, margin: "0 2px 0 4px" }
+          }),
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "CloseOutlined",
+            size: "sm",
+            color: "placeholder",
+            style: { transform: "scale(0.8)" }
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/covers/cover-alert.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/ele-pro-form-builder/components/covers/cover-autocomplete.cjs

@@ -0,0 +1,37 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "cover-autocomplete",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(vue.unref(icons.IconInput), { size: "sm" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(icons.IconSkeleton), {
+              size: "sm",
+              style: { width: "50%" }
+            }),
+            vue.createVNode(vue.unref(icons.IconCursor))
+          ]),
+          _: 1
+        }),
+        vue.createVNode(vue.unref(icons.IconPanel), { size: "sm" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(icons.IconSkeleton), { size: "sm" }),
+            vue.createVNode(vue.unref(icons.IconSkeleton), {
+              size: "sm",
+              style: { marginTop: "4px" }
+            }),
+            vue.createVNode(vue.unref(icons.IconSkeleton), {
+              size: "sm",
+              style: { marginTop: "4px" }
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/covers/cover-autocomplete.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/ele-pro-form-builder/components/covers/cover-button.cjs

@@ -0,0 +1,20 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "cover-button",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(icons.IconButton), {
+        size: "sm",
+        type: "primary",
+        style: {
+          margin: "0 auto",
+          width: "58px",
+          padding: "0 12px"
+        }
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/covers/cover-button.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/ele-pro-form-builder/components/covers/cover-card.cjs

@@ -0,0 +1,43 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const _hoisted_1 = {
+  class: "ele-icon-border-color-base",
+  style: {
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderRadius: "4px"
+  }
+};
+const _hoisted_2 = {
+  class: "ele-icon-border-color-base",
+  style: {
+    padding: "8px 10px",
+    borderBottomStyle: "solid",
+    borderBottomWidth: "1px"
+  }
+};
+const _hoisted_3 = { style: { padding: "8px 10px 12px 10px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "cover-card",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(icons.IconSkeleton), {
+            style: { width: "38px" },
+            size: "sm"
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(vue.unref(icons.IconSkeleton), { size: "sm" }),
+          vue.createVNode(vue.unref(icons.IconSkeleton), {
+            size: "sm",
+            style: { marginTop: "10px", width: "50%" }
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/covers/cover-card.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;