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

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

@@ -0,0 +1,61 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createBlock, withCtx, createVNode, unref, createCommentVNode, toDisplayString } from "vue";
+import { DragOutlined } from "../../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__ */ 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 = resolveComponent("ElIcon");
+      return openBlock(), createElementBlock("div", {
+        class: 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: withModifiers(handleItemBuilderWrapperClick, ["stop"])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("div", {
+          class: normalizeClass(["ele-pro-form-builder-item-handle", { "is-disabled": !_ctx.handle }])
+        }, [
+          _ctx.handle ? (openBlock(), createBlock(_component_ElIcon, {
+            key: 0,
+            class: "ele-pro-form-builder-item-handle-icon"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(DragOutlined))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "builderItemHandleContent", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          }, () => [
+            createElementVNode("div", _hoisted_1, toDisplayString(_ctx.item.type), 1)
+          ])
+        ], 2),
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "builderItemTools", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          })
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/es/ele-pro-form/components/item-type-data.js

@@ -0,0 +1,267 @@
+import { ElDivider, ElButton, ElImage, ElCollapse, ElCollapseItem, ElCarousel, ElCarouselItem, ElDescriptions, ElDescriptionsItem, ElRow, ElCol, ElInput, ElSelect } from "element-plus";
+import EleIcon from "../../ele-icon/index";
+import EleText from "../../ele-text/index";
+import EleAlert from "../../ele-alert/index";
+import EleSteps from "../../ele-steps/index";
+import EleProTable from "../../ele-pro-table/index";
+import EleCard from "../../ele-card/index";
+import EleTabs from "../../ele-tabs/index";
+import EleTable from "../../ele-table/index";
+import { isShowItem } from "../util";
+const defaultItemTypeData = [
+  {
+    type: "label",
+    component: EleText,
+    isContainer: true,
+    sortDisabled: true,
+    renderLabelText: true
+  },
+  {
+    type: "divider",
+    component: ElDivider,
+    isContainer: true,
+    sortDisabled: true,
+    renderLabelText: true
+  },
+  {
+    type: "button",
+    component: 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: 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 || 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: 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: ElCollapseItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      title: item.label,
+      name: item.prop
+    })
+  },
+  {
+    type: "carousel",
+    component: ElCarousel,
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "carouselItem",
+    component: ElCarouselItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      title: item.label,
+      name: item.prop
+    })
+  },
+  {
+    type: "descriptions",
+    component: ElDescriptions,
+    isContainer: true,
+    sortDisabled: true,
+    defaultProps: ({ item }) => ({
+      title: item.label
+    })
+  },
+  {
+    type: "descriptionItem",
+    component: ElDescriptionsItem,
+    isContainer: true,
+    containerSelectable: true,
+    defaultProps: ({ item }) => ({
+      key: item.key ?? item.prop,
+      label: item.label
+    })
+  },
+  {
+    type: "row",
+    component: ElRow,
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "col",
+    component: ElCol,
+    isContainer: true,
+    containerSelectable: true
+  },
+  {
+    type: "div",
+    component: "div",
+    isContainer: true,
+    sortDisabled: true
+  },
+  {
+    type: "input",
+    component: ElInput,
+    defaultProps: ({ item }) => ({
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "textarea",
+    component: ElInput,
+    defaultProps: ({ item }) => ({
+      rows: 4,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      type: "textarea",
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "select",
+    component: ElSelect,
+    defaultProps: ({ item }) => ({
+      class: "ele-fluid",
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  },
+  {
+    type: "multipleSelect",
+    component: ElSelect,
+    defaultProps: ({ item }) => ({
+      class: "ele-fluid",
+      clearable: true,
+      placeholder: `请输入${item.label ?? ""}`
+    }),
+    reservedProps: ({ modelValue, updateModelValue }) => ({
+      multiple: true,
+      modelValue,
+      "onUpdate:modelValue": updateModelValue
+    })
+  }
+];
+export {
+  defaultItemTypeData
+};

package/es/ele-pro-form/components/pro-form-content.d.ts

@@ -0,0 +1,84 @@
+import { FormRules } from 'element-plus';
+import { ElRowProps, ElColProps } from '../../ele-app/el';
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): any;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 表单项数据 */
+    items: ProFormItemProps[];
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 是否栅格布局 */
+    grid?: boolean | ElColProps;
+    /** ElRow 属性 */
+    rowProps?: ElRowProps;
+    /** 额外的 ElCol 属性 */
+    contentExtraColProps?: ElColProps;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 父级表单项 */
+    parentItem?: ProFormItemProps;
+    /** 编辑模式 */
+    editable?: boolean;
+    /** 编辑模式禁用子级排序 */
+    sortDisabled?: boolean;
+    /** 编辑模式父级拖拽容器是否可点击选中 */
+    containerSelectable?: boolean;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateItemValue: (prop: string, value: unknown) => void;
+    updateItemsData: (items: ProFormItemProps[], parentItem?: ProFormItemProps | undefined) => void;
+    "update:activeItemKey": (activeKey?: string | number | symbol | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 表单项数据 */
+    items: ProFormItemProps[];
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 是否栅格布局 */
+    grid?: boolean | ElColProps;
+    /** ElRow 属性 */
+    rowProps?: ElRowProps;
+    /** 额外的 ElCol 属性 */
+    contentExtraColProps?: ElColProps;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 父级表单项 */
+    parentItem?: ProFormItemProps;
+    /** 编辑模式 */
+    editable?: boolean;
+    /** 编辑模式禁用子级排序 */
+    sortDisabled?: boolean;
+    /** 编辑模式父级拖拽容器是否可点击选中 */
+    containerSelectable?: boolean;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+}>>> & {
+    onUpdateItemValue?: ((prop: string, value: unknown) => any) | undefined;
+    onUpdateItemsData?: ((items: ProFormItemProps[], parentItem?: ProFormItemProps | undefined) => any) | undefined;
+    "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;
+    };
+};