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

package/es/ele-pro-form-builder/util.d.ts

@@ -1,92 +1,26 @@
-import { ProFormItemProps, ProFormItemTypeData } from '../ele-pro-form/types';
-import { ComponentGroup } from './types';
-import { default as TableToolMenu } from './components/table-tool-menu';
+import { ProFormItemProps } from '../ele-pro-form/types';
+import { TemplateFormProps } from './types';
 
-export type TableToolMenuInstance = InstanceType<typeof TableToolMenu> | null;
 export { defaultComponentData } from './components/component-data';
-/**
- * 生成表单项 id
- */
-export declare function generateItemKey(): string;
-/**
- * 生成表单项 id 并检查重复
- * @param items 当前表单项数据
- * @param keys 新生成还未添加的表单项 id
- */
-export declare function generateUniqueItemKey(items?: ProFormItemProps[], keys?: string[]): string;
-/**
- * 判断表单项是否是容器类型
- * @param item 表单项
- * @param itemTypeData 高级表单组件类型数据
- */
-export declare function isContainerType(item: ProFormItemProps, itemTypeData?: ProFormItemTypeData[]): boolean;
-/**
- * 获取表单数据初始值
- * @param items 表单项数据
- * @param itemTypeData 高级表单组件类型数据
- */
-export declare function getFormInitValue(items?: ProFormItemProps[], itemTypeData?: ProFormItemTypeData[]): Record<string, any>;
-/**
- * 根据组件类型名称获取对应组件定义
- * @param type 组件类型名称
- * @param componentData 组件库数据
- */
-export declare function getComponentItemByType(type: string | undefined, componentData?: ComponentGroup[]): import('./types').ComponentItem | undefined;
-/**
- * 生成子级表单项数据
- * @param parentType 父组件类型
- * @param childNo 子组件编号
- * @param childKey 子组件 id
- */
-export declare function generateChildFormItem(parentType?: string, childNo?: string, childKey?: string): ProFormItemProps;
-/**
- * 生成表单项数据
- * @param type 组件类型或组件数据
- * @param formItems 当前的全部表单项数据
- * @param componentData 组件库数据
- */
-export declare function generateBuildFormItem(type: string | undefined, formItems: ProFormItemProps[] | undefined, componentData?: ComponentGroup[]): ProFormItemProps | undefined;
-/**
- * 获取表单项的属性值和对应的属性配置表单项数据
- * @param item 表单项
- * @param componentData 组件库数据
- */
-export declare function getFormDataAndItems(item: ProFormItemProps | undefined, componentData?: ComponentGroup[]): {
-    data: Record<string, any>;
-    items: ProFormItemProps[];
-};
-/**
- * 表单属性设置的表单项配置
- */
-export declare const defaultConfigFormItems: ProFormItemProps[];
-/**
- * 表单属性设置的组件预设属性值
- */
-export declare const defaultConfigFormPresetProps: {
-    size: string;
-    labelPosition: string;
-    requireAsteriskPosition: string;
-    showMessage: boolean;
-    labelWidth: number;
-    footerColProps: {
-        span: number;
-    };
-    submitText: string;
-    resetText: string;
-    searchExpandText: string;
-    searchShrinkText: string;
-};
 /**
  * 屏幕尺寸选项
  */
 export declare const screenItems: ({
     value: string;
-    icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+    icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     iconStyle?: undefined;
 } | {
     value: string;
-    icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+    icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     iconStyle: {
         transform: string;
     };
 })[];
+/**
+ * 表单属性设置的表单项配置
+ */
+export declare const defaultConfigFormItems: ProFormItemProps[];
+/**
+ * 表单属性设置的组件预设属性值
+ */
+export declare const defaultConfigFormPresetProps: TemplateFormProps;

package/es/ele-pro-form-builder/util.js

@@ -1,182 +1,27 @@
-import { uuid, findTree, eachTree } from "../utils/core";
 import { DesktopOutlined, MobileOutlined } from "../icons";
-import { setValue, mergeValue } from "../ele-pro-form/util";
-import { defaultItemTypeData } from "../ele-pro-form/components/item-type-data";
 import { defaultComponentData } from "./components/component-data";
-function generateItemKey() {
-  return `f${uuid(15, 36).toLowerCase()}`;
-}
-function generateUniqueItemKey(items, keys) {
-  let itemKey = generateItemKey();
-  while (true) {
-    if (!findTree(items, (d) => d.key === itemKey) && (!keys || !keys.includes(itemKey))) {
-      break;
-    }
-    itemKey = generateItemKey();
-  }
-  return itemKey;
-}
-function isContainerType(item, itemTypeData) {
-  const typeData = item.type ? [...itemTypeData || [], ...defaultItemTypeData].find(
-    (d) => d.type === item.type
-  ) : void 0;
-  return (typeData == null ? void 0 : typeData.isContainer) || item.itemType === "container" || item.itemType === "view";
-}
-function getFormInitValue(items, itemTypeData) {
-  const init = {};
-  eachTree(items, (item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-    if (item.initValue != null && item.initValue !== "") {
-      setValue(init, item.prop, item.initValue);
-      return;
-    }
-    if (item.type) {
-      if ("tabs" === item.type) {
-        const active = ((_a = item.props) == null ? void 0 : _a.modelValue) ?? ((_c = (_b = item.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.prop);
-        setValue(init, item.prop, active);
-        return;
-      }
-      if ("collapse" === item.type) {
-        const active = ((_d = item.props) == null ? void 0 : _d.modelValue) ?? (((_e = item.props) == null ? void 0 : _e.accordion) ? ((_h = (_g = (_f = item.children) == null ? void 0 : _f[0]) == null ? void 0 : _g.props) == null ? void 0 : _h.name) ?? ((_j = (_i = item.children) == null ? void 0 : _i[0]) == null ? void 0 : _j.prop) : []);
-        setValue(init, item.prop, active);
-        return;
-      }
-      if ("sliderRange" === item.type) {
-        setValue(init, item.prop, [
-          ((_k = item.props) == null ? void 0 : _k.min) ?? 0,
-          ((_l = item.props) == null ? void 0 : _l.max) ?? 100
-        ]);
-        return;
-      }
-      if (isContainerType(item, itemTypeData)) {
-        return;
-      }
-    }
-    setValue(init, item.prop, void 0);
-  });
-  return init;
-}
-function getComponentItemByType(type, componentData) {
-  if (!type || !componentData) {
-    return;
-  }
-  return componentData.map((groupItem) => groupItem.items).flat().find((item) => item.type === type);
-}
-function generateChildFormItem(parentType, childNo, childKey) {
-  let child;
-  if (parentType) {
-    if (parentType === "tabs") {
-      child = { prop: "", label: "选项卡", type: "tabPane" };
-    } else if (parentType === "collapse") {
-      child = { prop: "", label: "折叠面板", type: "collapseItem" };
-    } else if (parentType === "row") {
-      child = { prop: "", label: "", type: "col", props: { span: 12 } };
-    } else if (parentType === "carousel") {
-      child = { prop: "", label: "", type: "carouselItem" };
-    } else if (parentType === "descriptions") {
-      child = { prop: "", label: "标题", type: "descriptionsItem" };
-    } else if (parentType === "table") {
-      child = { prop: "", label: "", type: "tableRow" };
-    } else if (parentType === "tableRow") {
-      child = { prop: "", label: "", type: "tableCell" };
-    }
-  }
-  if (!child) {
-    child = { prop: "", label: "", type: "div" };
-  }
-  if (child.label && childNo) {
-    child.label = child.label + childNo;
-  }
-  if (childKey) {
-    child.key = childKey;
-    child.prop = childKey;
-  }
-  return child;
-}
-function generateBuildFormItem(type, formItems, componentData) {
-  const componentItem = getComponentItemByType(type, componentData);
-  if (!componentItem) {
-    return;
-  }
-  const itemKey = generateUniqueItemKey(formItems);
-  const addedKeys = [itemKey];
-  const item = {
-    key: itemKey,
-    prop: itemKey,
-    label: componentItem.name,
-    type: componentItem.type,
-    required: false,
-    props: componentItem.initialProps ? JSON.parse(JSON.stringify(componentItem.initialProps)) : void 0,
-    options: componentItem.initialOptions ? JSON.parse(JSON.stringify(componentItem.initialOptions)) : void 0
-  };
-  if (!item.type || item.type === "div" || item.type === "image" || item.type === "proTable") {
-    item.label = "";
-  } else if (item.type === "icon") {
-    item.label = "UserOutlined";
-  } else if (["tabs", "collapse", "row", "carousel", "descriptions"].includes(item.type)) {
-    item.label = "";
-    item.children = Array.from({ length: 2 }).map((_, i) => {
-      const childKey = generateUniqueItemKey(formItems, addedKeys);
-      addedKeys.push(childKey);
-      const childNo = String(i + 1).padStart(2, "0");
-      return generateChildFormItem(item.type, childNo, childKey);
-    });
-  } else if (item.type === "table") {
-    item.label = "";
-    item.children = Array.from({ length: 2 }).map(() => {
-      const trKey = generateUniqueItemKey(formItems, addedKeys);
-      addedKeys.push(trKey);
-      const childItem = generateChildFormItem(item.type, void 0, trKey);
-      const children = Array.from({ length: 3 }).map(() => {
-        const tdKey = generateUniqueItemKey(formItems, addedKeys);
-        addedKeys.push(tdKey);
-        return generateChildFormItem(childItem.type, void 0, tdKey);
-      });
-      childItem.children = children;
-      return childItem;
-    });
-  } else if (item.type === "steps") {
-    item.label = "";
-    if (!item.props) {
-      item.props = {};
-    }
-    item.props.items = Array.from({ length: 3 }).map((_, i) => {
-      const childNo = String(i + 1).padStart(2, "0");
-      return {
-        title: `步骤${childNo}`,
-        description: `步骤${childNo}的描述内容`
-      };
-    });
-  }
-  return item;
-}
-function getFormDataAndItems(item, componentData) {
-  const data = item ? JSON.parse(JSON.stringify(item)) : item;
-  if (!data) {
-    return { data: {}, items: [] };
-  }
-  const componentItem = getComponentItemByType(data.type, componentData);
-  return {
-    data: mergeValue(
-      {},
-      { props: (componentItem == null ? void 0 : componentItem.presetProps) || {} },
-      { props: (componentItem == null ? void 0 : componentItem.defaultProps) || {} },
-      data
-    ),
-    items: (componentItem == null ? void 0 : componentItem.configForm) || []
-  };
-}
+const screenItems = [
+  { value: "pc", icon: DesktopOutlined },
+  {
+    value: "pad",
+    icon: MobileOutlined,
+    iconStyle: { transform: "rotate(270deg) scale(1.06)" }
+  },
+  { value: "phone", icon: MobileOutlined }
+];
 const defaultConfigFormItems = [
   {
     label: "组件尺寸",
     prop: "size",
     type: "checkCard",
-    options: [
-      { value: "large", label: "大型" },
-      { value: "default", label: "默认" },
-      { value: "small", label: "小型" }
-    ],
-    props: { class: "ele-pro-form-builder-props-options-check-card" }
+    props: {
+      items: [
+        { value: "large", label: "大型" },
+        { value: "default", label: "默认" },
+        { value: "small", label: "小型" }
+      ],
+      class: "ele-pro-form-builder-props-options-check-card"
+    }
   },
   {
     label: "标签宽度",
@@ -188,12 +33,14 @@ const defaultConfigFormItems = [
     label: "标签位置",
     prop: "labelPosition",
     type: "checkCard",
-    options: [
-      { value: "left", label: "左对齐" },
-      { value: "right", label: "右对齐" },
-      { value: "top", label: "顶部" }
-    ],
-    props: { class: "ele-pro-form-builder-props-options-check-card" }
+    props: {
+      items: [
+        { value: "left", label: "左对齐" },
+        { value: "right", label: "右对齐" },
+        { value: "top", label: "顶部" }
+      ],
+      class: "ele-pro-form-builder-props-options-check-card"
+    }
   },
   {
     label: "标签后缀",
@@ -210,11 +57,13 @@ const defaultConfigFormItems = [
     label: "必填星号位置",
     prop: "requireAsteriskPosition",
     type: "checkCard",
-    options: [
-      { value: "left", label: "左侧" },
-      { value: "right", label: "右侧" }
-    ],
-    props: { class: "ele-pro-form-builder-props-options-check-card" }
+    props: {
+      items: [
+        { value: "left", label: "左侧" },
+        { value: "right", label: "右侧" }
+      ],
+      class: "ele-pro-form-builder-props-options-check-card"
+    }
   },
   {
     label: "显示校验错误信息",
@@ -238,6 +87,78 @@ const defaultConfigFormItems = [
     prop: "class",
     type: "proFormBuilderStyleEdit",
     props: { isClass: true }
+  },
+  {
+    label: "底栏配置",
+    prop: "groupFooterLabel",
+    type: "label",
+    props: { class: "ele-pro-form-builder-props-group-label" }
+  },
+  {
+    label: "是否需要底栏",
+    prop: "footer",
+    type: "switch",
+    props: { activeValue: true, inactiveValue: false }
+  },
+  {
+    label: "提交按钮文本",
+    prop: "submitText",
+    type: "input"
+  },
+  {
+    label: "重置按钮文本",
+    prop: "resetText",
+    type: "input"
+  },
+  {
+    label: "底栏样式",
+    prop: "footerStyle",
+    type: "proFormBuilderStyleEdit"
+  },
+  {
+    label: "底栏标签宽度",
+    prop: "footerProps.labelWidth",
+    type: "inputNumber",
+    props: { min: 0 }
+  },
+  {
+    label: "底栏表单项样式",
+    prop: "footerProps.style",
+    type: "proFormBuilderStyleEdit"
+  },
+  {
+    label: "底栏表单项类名",
+    prop: "footerProps.class",
+    type: "proFormBuilderStyleEdit",
+    props: { isClass: true }
+  },
+  {
+    label: "底栏显示展开收起按钮",
+    prop: "showSearchExpand",
+    type: "switch",
+    props: { activeValue: true, inactiveValue: false }
+  },
+  {
+    label: "展开按钮的文字",
+    prop: "searchExpandText",
+    type: "input"
+  },
+  {
+    label: "收起按钮的文字",
+    prop: "searchShrinkText",
+    type: "input"
+  },
+  {
+    label: "高级配置",
+    prop: "groupAdvancedLabel",
+    type: "label",
+    props: { class: "ele-pro-form-builder-props-group-label" }
+  },
+  {
+    label: "开发者选项",
+    prop: "__sourceCode",
+    type: "proFormBuilderSourceEdit",
+    props: { title: "编辑源码" }
   }
 ];
 const defaultConfigFormPresetProps = {
@@ -252,26 +173,9 @@ const defaultConfigFormPresetProps = {
   searchExpandText: "展开",
   searchShrinkText: "收起"
 };
-const screenItems = [
-  { value: "pc", icon: DesktopOutlined },
-  {
-    value: "pad",
-    icon: MobileOutlined,
-    iconStyle: { transform: "rotate(270deg) scale(1.06)" }
-  },
-  { value: "phone", icon: MobileOutlined }
-];
 export {
   defaultComponentData,
   defaultConfigFormItems,
   defaultConfigFormPresetProps,
-  generateBuildFormItem,
-  generateChildFormItem,
-  generateItemKey,
-  generateUniqueItemKey,
-  getComponentItemByType,
-  getFormDataAndItems,
-  getFormInitValue,
-  isContainerType,
   screenItems
 };

package/es/ele-pro-layout/components/pro-iframe.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
-import { TabItem, IframeItem } from '../types';
+import { TabItem } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 是否支持内嵌缓存 */
     keepAlive: BooleanConstructor;
     /** 内嵌切换动画 */
@@ -15,11 +15,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     /** 页签选中 */
     tabActive: StringConstructor;
-}, {
-    active: import('vue').Ref<string | null | undefined>;
-    data: import('vue').ComputedRef<IframeItem[]>;
-    handleLeave: (delay?: number) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 是否支持内嵌缓存 */
     keepAlive: BooleanConstructor;
     /** 内嵌切换动画 */
@@ -33,7 +29,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     /** 页签选中 */
     tabActive: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     keepAlive: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/ele-pro-layout/components/pro-iframe.js

@@ -1,8 +1,12 @@
-import { defineComponent, computed, ref, watch, nextTick, openBlock, createElementBlock, Fragment, renderList, withDirectives, vShow, createCommentVNode, createBlock, TransitionGroup, withCtx } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, Fragment, renderList, withDirectives, vShow, createCommentVNode, createBlock, TransitionGroup, withCtx, nextTick } from "vue";
 import { useTimer } from "../../utils/hook";
 import { getIframeSrc } from "../util";
-const _sfc_main = defineComponent({
-  name: "ProIframe",
+const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
+const _hoisted_2 = ["data-id", "src"];
+const _hoisted_3 = ["data-id", "src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProIframe" },
+  __name: "pro-iframe",
   props: {
     /** 是否支持内嵌缓存 */
     keepAlive: Boolean,
@@ -18,7 +22,8 @@ const _sfc_main = defineComponent({
     /** 页签选中 */
     tabActive: String
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const [startActiveTimer, stopActiveTimer] = useTimer();
     const data = computed(() => {
       const list = [];
@@ -64,42 +69,9 @@ const _sfc_main = defineComponent({
         active.value = null;
       }
     });
-    return { active, data, handleLeave };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
-const _hoisted_2 = ["data-id", "src"];
-const _hoisted_3 = ["data-id", "src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    !_ctx.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.data, (item) => {
-      return openBlock(), createElementBlock(Fragment, {
-        key: item.id
-      }, [
-        !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
-          key: 0,
-          "data-id": item.id,
-          src: item.src,
-          class: "ele-admin-iframe"
-        }, null, 8, _hoisted_2)), [
-          [vShow, _ctx.active === item.id]
-        ]) : createCommentVNode("", true)
-      ], 64);
-    }), 128)) : (openBlock(), createBlock(TransitionGroup, {
-      key: 1,
-      appear: true,
-      name: _ctx.transitionName,
-      onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.handleLeave())
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(data.value, (item) => {
           return openBlock(), createElementBlock(Fragment, {
             key: item.id
           }, [
@@ -108,17 +80,38 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "data-id": item.id,
               src: item.src,
               class: "ele-admin-iframe"
-            }, null, 8, _hoisted_3)), [
-              [vShow, _ctx.active === item.id]
+            }, null, 8, _hoisted_2)), [
+              [vShow, active.value === item.id]
             ]) : createCommentVNode("", true)
           ], 64);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["name"]))
-  ]);
-}
-const proIframe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+        }), 128)) : (openBlock(), createBlock(TransitionGroup, {
+          key: 1,
+          appear: true,
+          name: __props.transitionName,
+          onAfterLeave: _cache[0] || (_cache[0] = ($event) => handleLeave())
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (item) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: item.id
+              }, [
+                !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+                  key: 0,
+                  "data-id": item.id,
+                  src: item.src,
+                  class: "ele-admin-iframe"
+                }, null, 8, _hoisted_3)), [
+                  [vShow, active.value === item.id]
+                ]) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["name"]))
+      ]);
+    };
+  }
+});
 export {
-  proIframe as default
+  _sfc_main as default
 };