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

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

@@ -0,0 +1,36 @@
+import { ProFormItemKey } from '../../ele-pro-form/types';
+import { BuildFormItem, ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: BuildFormItem[];
+    /** 要添加子级的父级表单项 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?: BuildFormItem[];
+    /** 要添加子级的父级表单项 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/es/ele-pro-form-builder/components/component-list.js

@@ -0,0 +1,107 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, unref, withCtx, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import VueDraggable from "vuedraggable";
+import { sortableGroupName } from "../../ele-pro-form/util";
+import { generateBuildFormItem } from "../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__ */ defineComponent({
+  __name: "component-list",
+  props: {
+    formItems: {},
+    parentFormItemId: {},
+    draggable: { type: Boolean },
+    componentData: {}
+  },
+  emits: ["updateItems"],
+  setup(__props, { emit: __emit }) {
+    const sortableGroup = { name: sortableGroupName, pull: "clone", put: false };
+    const props = __props;
+    const emit = __emit;
+    const groupData = 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 = generateBuildFormItem(
+        original.type,
+        props.formItems,
+        props.componentData
+      );
+      return item ?? original;
+    };
+    const handleAddItem = (componentType) => {
+      const item = 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 openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(groupData.value, (groupItem, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "ele-pro-form-builder-component-group"
+          }, [
+            createElementVNode("div", {
+              class: "ele-pro-form-builder-component-group-label",
+              onClick: handleLabelClick
+            }, toDisplayString(groupItem.name), 1),
+            createVNode(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: withCtx(({ element }) => [
+                createElementVNode("div", {
+                  class: "ele-pro-form-builder-component-item",
+                  onClick: ($event) => handleItemClick(element)
+                }, [
+                  createElementVNode("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      element.cover ? (openBlock(), createBlock(resolveDynamicComponent(element.cover), { key: 0 })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_5, toDisplayString(element.name), 1)
+                ], 8, _hoisted_2)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "modelValue"])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/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/es/ele-pro-form-builder/components/component-name.js

@@ -0,0 +1,23 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString } from "vue";
+import { getComponentItemByType } from "../util";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "component-name",
+  props: {
+    itemType: {},
+    componentData: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const typeName = computed(() => {
+      var _a;
+      const type = props.itemType;
+      return ((_a = getComponentItemByType(type, props.componentData)) == null ? void 0 : _a.name) ?? type;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(typeName.value), 1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,44 @@
+import { UserComponent } from '../../ele-app/types';
+import { ProFormItemProps } from '../../ele-pro-form/types';
+import { BuildFormProps } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单属性 */
+    formProps?: BuildFormProps;
+    /** 表单属性设置的表单项配置 */
+    configFormItems?: ProFormItemProps[];
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateFormProp: (field: string, value: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单属性 */
+    formProps?: BuildFormProps;
+    /** 表单属性设置的表单项配置 */
+    configFormItems?: ProFormItemProps[];
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>>> & {
+    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/es/ele-pro-form-builder/components/config-form.js

@@ -0,0 +1,67 @@
+import { defineComponent, reactive, watch, openBlock, createBlock, resolveDynamicComponent, createSlots, withCtx, createVNode, mergeProps, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import EleProForm from "../../ele-pro-form/index";
+import StyleEdit from "./style-edit";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "config-form",
+  props: {
+    formProps: {},
+    configFormItems: {},
+    configFormPresetProps: {},
+    proFormComponent: {}
+  },
+  emits: ["updateFormProp"],
+  setup(__props, { emit: __emit }) {
+    const ownSlots = ["proFormBuilderStyleEdit"];
+    const props = __props;
+    const emit = __emit;
+    const configFormData = reactive({});
+    const handleUpdateFormProp = (field, value) => {
+      emit("updateFormProp", field, value);
+    };
+    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 openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), {
+        size: "small",
+        labelPosition: "top",
+        model: configFormData,
+        items: _ctx.configFormItems || [],
+        class: "ele-pro-form-builder-props-form",
+        onUpdateValue: handleUpdateFormProp
+      }, createSlots({
+        proFormBuilderStyleEdit: withCtx(({ item, modelValue, updateValue }) => [
+          createVNode(StyleEdit, mergeProps(item.props || {}, {
+            modelValue,
+            "onUpdate:modelValue": updateValue
+          }), null, 16, ["modelValue", "onUpdate:modelValue"])
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1064, ["model", "items"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/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/es/ele-pro-form-builder/components/covers/cover-alert.js

@@ -0,0 +1,71 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref } from "vue";
+import { SvgIcon, IconSkeleton } from "../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__ */ defineComponent({
+  __name: "cover-alert",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(SvgIcon), {
+            name: "ExclamationCircleFilled",
+            size: "sm"
+          }),
+          createVNode(unref(IconSkeleton), {
+            size: "sm",
+            style: { flex: 1, margin: "0 2px 0 4px" }
+          }),
+          createVNode(unref(SvgIcon), {
+            name: "CloseOutlined",
+            size: "sm",
+            color: "placeholder",
+            style: { transform: "scale(0.8)" }
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(SvgIcon), {
+            name: "CheckCircleFilled",
+            size: "sm",
+            color: "success"
+          }),
+          createVNode(unref(IconSkeleton), {
+            size: "sm",
+            style: { flex: 1, margin: "0 2px 0 4px" }
+          }),
+          createVNode(unref(SvgIcon), {
+            name: "CloseOutlined",
+            size: "sm",
+            color: "placeholder",
+            style: { transform: "scale(0.8)" }
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/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/es/ele-pro-form-builder/components/covers/cover-autocomplete.js

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

package/es/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/es/ele-pro-form-builder/components/covers/cover-button.js

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

package/es/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/es/ele-pro-form-builder/components/covers/cover-card.js

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref } from "vue";
+import { IconSkeleton } from "../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__ */ defineComponent({
+  __name: "cover-card",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(IconSkeleton), {
+            style: { width: "38px" },
+            size: "sm"
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(IconSkeleton), { size: "sm" }),
+          createVNode(unref(IconSkeleton), {
+            size: "sm",
+            style: { marginTop: "10px", width: "50%" }
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/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;

package/es/ele-pro-form-builder/components/covers/cover-carousel.js

@@ -0,0 +1,72 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, Fragment, renderList } from "vue";
+import { SvgIcon, IconImage, IconSkeleton } from "../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__ */ defineComponent({
+  __name: "cover-carousel",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(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)" }
+          }),
+          createElementVNode("div", _hoisted_2, [
+            createVNode(unref(IconImage), { size: "sm" })
+          ]),
+          createVNode(unref(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)" }
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(3, (index) => {
+            return createVNode(unref(IconSkeleton), {
+              key: index,
+              color: index === 1 ? "primary" : void 0,
+              style: { width: "8px", height: "2px", margin: "0 3px" }
+            }, null, 8, ["color"]);
+          }), 64))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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