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

package/lib/ele-edit-tag/props.d.ts

@@ -52,4 +52,6 @@ export declare const editTagEmits: {
     'update:modelValue': (_value?: string[]) => boolean;
     /** 数据改变事件 */
     change: (_value?: string[]) => boolean;
+    /** 标签点击事件 */
+    itemClick: (_index: number, _value: string) => boolean;
 };

package/lib/ele-icon/index.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const props = require("./props");
+const defaultIconTag = "i";
+const _sfc_main = vue.defineComponent({
+  name: "EleIcon",
+  components: { ElIcon: elementPlus.ElIcon },
+  props: props.iconProps,
+  setup(props2) {
+    const iconComponent = vue.computed(() => {
+      if (props2.name == null) {
+        return;
+      }
+      const nameType = typeof props2.name;
+      if (nameType === "object") {
+        return props2.name;
+      }
+      if (nameType !== "string" || nameType === "string" && props2.name.includes(" ")) {
+        return defaultIconTag;
+      }
+      const componentName = vue.resolveComponent(props2.name);
+      if (typeof componentName === "string") {
+        return defaultIconTag;
+      }
+      return componentName;
+    });
+    return {
+      defaultIconTag,
+      iconComponent
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createBlock(_component_ElIcon, null, {
+    default: vue.withCtx(() => [
+      _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent), {
+        key: 0,
+        class: vue.normalizeClass(_ctx.iconComponent === _ctx.defaultIconTag ? _ctx.name : void 0)
+      }, null, 8, ["class"])) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-icon/index.d.ts

@@ -0,0 +1,11 @@
+import { UserComponent } from '../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<{
+    name: import('vue').PropType<UserComponent>;
+}, {
+    defaultIconTag: string;
+    iconComponent: import('vue').ComputedRef<UserComponent | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: import('vue').PropType<UserComponent>;
+}>>, {}, {}>;
+export default _default;

package/lib/ele-icon/props.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const iconProps = {
+  /** 图标名称 */
+  name: String
+};
+exports.iconProps = iconProps;

package/lib/ele-icon/props.d.ts

@@ -0,0 +1,11 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { UserComponent } from '../ele-app/types';
+
+/**
+ * 属性
+ */
+export declare const iconProps: {
+    /** 图标名称 */
+    name: PropType<UserComponent>;
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;

package/lib/ele-icon/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");

package/lib/ele-icon/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-icon-select/index.d.ts

@@ -4,10 +4,7 @@ import { IconItem } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: StringConstructor;
-    data: {
-        type: import('vue').PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: import('vue').PropType<string[] | IconItem[]>;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
@@ -96,10 +93,7 @@ declare const _default: import('vue').DefineComponent<{
     blur: (_e: FocusEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
-    data: {
-        type: import('vue').PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: import('vue').PropType<string[] | IconItem[]>;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
@@ -175,8 +169,8 @@ declare const _default: import('vue').DefineComponent<{
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;
+    filterPlaceholder: string;
     popperHeight: string | number;
     hideOnSingleTab: boolean;
-    filterPlaceholder: string;
 }, {}>;
 export default _default;

package/lib/ele-icon-select/props.cjs

@@ -4,10 +4,7 @@ const iconSelectProps = {
   /** 选中值 */
   modelValue: String,
   /** 图标数据 */
-  data: {
-    type: Array,
-    required: true
-  },
+  data: Array,
   /** 是否禁用 */
   disabled: Boolean,
   /** 尺寸 */

package/lib/ele-icon-select/props.d.ts

@@ -11,10 +11,7 @@ export declare const iconSelectProps: {
     /** 选中值 */
     modelValue: StringConstructor;
     /** 图标数据 */
-    data: {
-        type: PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: PropType<string[] | IconItem[]>;
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */

package/lib/ele-menus/types.d.ts

@@ -1,5 +1,4 @@
-import type { Component } from 'vue';
-import type { StyleValue } from '../ele-app/types';
+import type { StyleValue, UserComponent } from '../ele-app/types';
 import type {
   ElIconProps,
   ElMenuItemProps,
@@ -21,7 +20,7 @@ export interface MenuItem
   /** 标题 */
   title?: string;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */
@@ -74,7 +73,7 @@ export interface EllipsisProps extends ElSubMenuProps {
   /** 唯一标识 */
   key?: string | number;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */

package/lib/ele-menus/util.cjs

@@ -113,7 +113,7 @@ function useMenuEllipsis(option) {
       observer.unobserve(menuEl);
     }
   };
-  vue.onBeforeMount(() => {
+  vue.onBeforeUnmount(() => {
     unobserve();
   });
   vue.onActivated(() => {

package/lib/ele-pro-form/components/builder-wrapper.cjs

@@ -0,0 +1,60 @@
+"use strict";
+const vue = require("vue");
+const icons = require("../../icons");
+const _hoisted_1 = { class: "ele-pro-form-builder-item-handle-content" };
+const _hoisted_2 = { class: "ele-pro-form-builder-item-tools" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "builder-wrapper",
+  props: {
+    item: {},
+    activeItemKey: {},
+    handle: { type: Boolean }
+  },
+  emits: ["update:activeItemKey"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleItemBuilderWrapperClick = () => {
+      emit("update:activeItemKey", props.item.key);
+    };
+    return (_ctx, _cache) => {
+      const _component_ElIcon = vue.resolveComponent("ElIcon");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ele-pro-form-builder-item-wrapper",
+          { "is-div-type": _ctx.item.type === "div" },
+          { "is-active": _ctx.activeItemKey != null && _ctx.activeItemKey === _ctx.item.key }
+        ]),
+        onClick: vue.withModifiers(handleItemBuilderWrapperClick, ["stop"])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["ele-pro-form-builder-item-handle", { "is-disabled": !_ctx.handle }])
+        }, [
+          _ctx.handle ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+            key: 0,
+            class: "ele-pro-form-builder-item-handle-icon"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(icons.DragOutlined))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "builderItemHandleContent", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          }, () => [
+            vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(_ctx.item.type), 1)
+          ])
+        ], 2),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "builderItemTools", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          })
+        ])
+      ], 2);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,48 @@
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    builderItemHandleContent?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+    builderItemTools?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:activeItemKey": (activeKey?: string | number | symbol | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>> & {
+    "onUpdate:activeItemKey"?: ((activeKey?: string | number | symbol | undefined) => 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/components/item-type-data.cjs

@@ -0,0 +1,267 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const EleIcon = require("../../ele-icon/index");
+const EleText = require("../../ele-text/index");
+const EleAlert = require("../../ele-alert/index");
+const EleSteps = require("../../ele-steps/index");
+const EleProTable = require("../../ele-pro-table/index");
+const EleCard = require("../../ele-card/index");
+const EleTabs = require("../../ele-tabs/index");
+const EleTable = require("../../ele-table/index");
+const util = require("../util");
+const defaultItemTypeData = [
+  {
+    type: "label",
+    component: EleText,
+    isContainer: true,
+    sortDisabled: true,
+    renderLabelText: true
+  },
+  {
+    type: "divider",
+    component: elementPlus.ElDivider,
+    isContainer: true,
+    sortDisabled: true,
+    renderLabelText: true
+  },
+  {
+    type: "button",
+    component: elementPlus.ElButton,
+    isContainer: true,
+    sortDisabled: true,
+    renderLabelText: true,
+    defaultProps: () => ({
+      type: "primary"
+    })
+  },
+  {
+    type: "icon",
+    component: EleIcon,
+    isContainer: true,
+    sortDisabled: true,
+    defaultProps: ({ item }) => ({
+      name: item.label
+    })
+  },
+  {
+    type: "image",
+    component: elementPlus.ElImage,
+    defaultProps: ({ item }) => ({
+      alt: item.label
+    })
+  },
+  {
+    type: "alert",
+    component: EleAlert,
+    defaultProps: ({ item }) => ({
+      title: item.label
+    })
+  },
+  {
+    type: "steps",
+    component: EleSteps,
+    defaultProps: ({ modelValue }) => ({
+      active: modelValue ?? 0
+    })
+  },
+  {
+    type: "proTable",
+    component: EleProTable
+  },
+  {
+    type: "card",
+    component: EleCard,
+    isContainer: true,
+    defaultProps: ({ item }) => ({
+      header: item.label,
+      bordered: true
+    })
+  },
+  {
+    type: "tabs",
+    component: EleTabs,
+    isContainer: true,
+    defaultProps: ({ item, modelValue }) => {
+      var _a;
+      return {
+        type: "border-card",
+        modelValue: modelValue ?? (((_a = item.children) == null ? void 0 : _a.length) ? item.children[0].prop : void 0)
+      };
+    },
+    reservedProps: ({ item, formData, formItems, searchExpand, editable }) => ({
+      items: item.children ? item.children.filter(
+        (c) => editable || util.isShowItem(c, formData || {}, formItems || [], searchExpand)
+      ).map((c) => ({
+        name: c.prop,
+        label: c.label,
+        slot: "itemContent",
+        meta: c
+      })) || [] : []
+    })
+    /* ,
+        customerSlots: () => ({
+          itemContent: () => {
+            const nodes = [];
+            if(){
+    
+            }
+            return nodes;
+          }
+        }) */
+  },
+  {
+    type: "tabPane",
+    component: "div",
+    isContainer: true
+  },
+  {
+    type: "table",
+    component: EleTable,
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "tableRow",
+    component: "tr",
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "tableCell",
+    component: "td",
+    isContainer: true,
+    containerSelectable: true
+  },
+  {
+    type: "collapse",
+    component: elementPlus.ElCollapse,
+    isContainer: true,
+    sortDisabled: true,
+    defaultProps: ({ item, modelValue }) => {
+      var _a, _b, _c;
+      return {
+        modelValue: modelValue ?? (((_a = item.props) == null ? void 0 : _a.accordion) ? ((_b = item.children) == null ? void 0 : _b.length) ? ((_c = item.children[0].props) == null ? void 0 : _c.name) ?? item.children[0].prop : void 0 : [])
+      };
+    },
+    reservedProps: ({ updateModelValue }) => ({
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "collapseItem",
+    component: elementPlus.ElCollapseItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      title: item.label,
+      name: item.prop
+    })
+  },
+  {
+    type: "carousel",
+    component: elementPlus.ElCarousel,
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "carouselItem",
+    component: elementPlus.ElCarouselItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      title: item.label,
+      name: item.prop
+    })
+  },
+  {
+    type: "descriptions",
+    component: elementPlus.ElDescriptions,
+    isContainer: true,
+    sortDisabled: true,
+    defaultProps: ({ item }) => ({
+      title: item.label
+    })
+  },
+  {
+    type: "descriptionItem",
+    component: elementPlus.ElDescriptionsItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      key: item.key ?? item.prop,
+      label: item.label
+    })
+  },
+  {
+    type: "row",
+    component: elementPlus.ElRow,
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "col",
+    component: elementPlus.ElCol,
+    isContainer: true,
+    containerSelectable: true
+  },
+  {
+    type: "div",
+    component: "div",
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "input",
+    component: elementPlus.ElInput,
+    defaultProps: ({ item }) => ({
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "textarea",
+    component: elementPlus.ElInput,
+    defaultProps: ({ item }) => ({
+      rows: 4,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      type: "textarea",
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "select",
+    component: elementPlus.ElSelect,
+    defaultProps: ({ item }) => ({
+      class: "ele-fluid",
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "multipleSelect",
+    component: elementPlus.ElSelect,
+    defaultProps: ({ item }) => ({
+      class: "ele-fluid",
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      multiple: true,
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  }
+];
+exports.defaultItemTypeData = defaultItemTypeData;

package/lib/ele-pro-form/components/item-type-data.d.ts

@@ -0,0 +1,3 @@
+import { ProFormItemTypeData } from '../types';
+
+export declare const defaultItemTypeData: ProFormItemTypeData[];