ele-admin-plus 1.2.2-beta.4 → 1.3.0-beta.2

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

@@ -0,0 +1,6 @@
+import { ComponentGroup } from '../types';
+
+/**
+ * 表单组件库数据
+ */
+export declare const defaultComponentData: ComponentGroup[];

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

@@ -0,0 +1,106 @@
+"use strict";
+const vue = require("vue");
+const VueDraggable = require("vuedraggable");
+const util = require("../../ele-pro-form/util");
+const util$1 = require("../util");
+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: {}
+  },
+  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 = util$1.generateBuildFormItem(
+        original.type,
+        props.formItems,
+        props.componentData
+      );
+      return item ?? original;
+    };
+    const handleAddItem = (componentType) => {
+      const item = util$1.generateBuildFormItem(
+        componentType,
+        props.formItems,
+        props.componentData
+      );
+      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,36 @@
+import { ProFormItemKey, ProFormItemProps } 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[];
+}>, {}, 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[];
+}>>> & {
+    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 util = require("../util");
+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 = util.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/config-form.cjs

@@ -0,0 +1,68 @@
+"use strict";
+const vue = require("vue");
+const EleProForm = require("../../ele-pro-form/index");
+const StyleEdit = require("./style-edit");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "config-form",
+  props: {
+    formProps: {},
+    configFormItems: {},
+    configFormPresetProps: {},
+    proFormComponent: {},
+    itemTypeData: {}
+  },
+  emits: ["updateFormProp"],
+  setup(__props, { emit: __emit }) {
+    const ownSlots = ["proFormBuilderStyleEdit"];
+    const props = __props;
+    const emit = __emit;
+    const configFormData = vue.reactive({});
+    const handleUpdateFormProp = (field, value) => {
+      emit("updateFormProp", field, value);
+    };
+    vue.watch(
+      () => props.formProps,
+      (formProps) => {
+        Object.assign(
+          configFormData,
+          props.configFormPresetProps || {},
+          JSON.parse(JSON.stringify(formProps || {})),
+          { items: void 0 }
+        );
+      },
+      {
+        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,
+        class: "ele-pro-form-builder-props-form",
+        onUpdateValue: handleUpdateFormProp
+      }, vue.createSlots({
+        proFormBuilderStyleEdit: vue.withCtx(({ item, modelValue, updateValue }) => [
+          vue.createVNode(StyleEdit, vue.mergeProps(item.props || {}, {
+            modelValue,
+            "onUpdate:modelValue": updateValue
+          }), null, 16, ["modelValue", "onUpdate:modelValue"])
+        ]),
+        _: 2
+      }, [
+        vue.renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1064, ["model", "items", "itemTypeData"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,48 @@
+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;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>, {}, 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;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>>> & {
+    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;

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

@@ -0,0 +1,71 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../icons");
+const _hoisted_1 = { style: { display: "flex", alignItems: "center" } };
+const _hoisted_2 = {
+  class: "ele-icon-border-color-base",
+  style: {
+    flex: 1,
+    height: "40px",
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderRadius: "3px",
+    margin: "0 3px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+};
+const _hoisted_3 = { style: { display: "flex", justifyContent: "center", marginTop: "4px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "cover-carousel",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "ArrowLeft",
+            color: "placeholder",
+            class: "ele-icon-border-color-base",
+            style: {
+              width: "10px",
+              height: "10px",
+              borderStyle: "solid",
+              borderWidth: "1px",
+              borderRadius: "50%",
+              fontSize: "12px"
+            },
+            iconStyle: { transform: "scale(0.8)" }
+          }),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(vue.unref(icons.IconImage), { size: "sm" })
+          ]),
+          vue.createVNode(vue.unref(icons.SvgIcon), {
+            name: "ArrowRight",
+            color: "placeholder",
+            class: "ele-icon-border-color-base",
+            style: {
+              width: "10px",
+              height: "10px",
+              borderStyle: "solid",
+              borderWidth: "1px",
+              borderRadius: "50%",
+              fontSize: "12px"
+            },
+            iconStyle: { transform: "scale(0.8)" }
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(3, (index) => {
+            return vue.createVNode(vue.unref(icons.IconSkeleton), {
+              key: index,
+              color: index === 1 ? "primary" : void 0,
+              style: { width: "8px", height: "2px", margin: "0 3px" }
+            }, null, 8, ["color"]);
+          }), 64))
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/covers/cover-carousel.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;