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

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

@@ -0,0 +1,71 @@
+import { CSSProperties, PropType } from 'vue';
+import { ElFormItemProps, ElButtonProps, ElLinkProps } from '../../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
+    /** 底栏 ElFormItem 属性 */
+    footerProps: PropType<ElFormItemProps>;
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: PropType<Record<string, string>>;
+    /** 底栏样式 */
+    footerStyle: PropType<CSSProperties>;
+    /** 提交按钮文本 */
+    submitText: StringConstructor;
+    /** 重置按钮文本 */
+    resetText: StringConstructor;
+    /** 提交按钮属性 */
+    submitButtonProps: PropType<ElButtonProps>;
+    /** 重置按钮属性 */
+    resetButtonProps: PropType<ElButtonProps>;
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: BooleanConstructor;
+    /** 搜索表单展开状态 */
+    searchExpand: BooleanConstructor;
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: PropType<ElLinkProps>;
+    /** 展开按钮的文字 */
+    searchExpandText: StringConstructor;
+    /** 收起按钮的文字 */
+    searchShrinkText: StringConstructor;
+}, {
+    ownSlots: string[];
+    toggleSearchExpand: () => void;
+    handleSubmit: () => void;
+    handleReset: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateSearchExpand: (_expand: boolean) => true;
+    submit: () => true;
+    reset: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 底栏 ElFormItem 属性 */
+    footerProps: PropType<ElFormItemProps>;
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: PropType<Record<string, string>>;
+    /** 底栏样式 */
+    footerStyle: PropType<CSSProperties>;
+    /** 提交按钮文本 */
+    submitText: StringConstructor;
+    /** 重置按钮文本 */
+    resetText: StringConstructor;
+    /** 提交按钮属性 */
+    submitButtonProps: PropType<ElButtonProps>;
+    /** 重置按钮属性 */
+    resetButtonProps: PropType<ElButtonProps>;
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: BooleanConstructor;
+    /** 搜索表单展开状态 */
+    searchExpand: BooleanConstructor;
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: PropType<ElLinkProps>;
+    /** 展开按钮的文字 */
+    searchExpandText: StringConstructor;
+    /** 收起按钮的文字 */
+    searchShrinkText: StringConstructor;
+}>> & {
+    onReset?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+    onUpdateSearchExpand?: ((_expand: boolean) => any) | undefined;
+}, {
+    showSearchExpand: boolean;
+    searchExpand: boolean;
+}, {}>;
+export default _default;

package/es/ele-pro-form/components/pro-form-footer.js

@@ -0,0 +1,148 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, createCommentVNode, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { ElFormItem, ElButton, ElLink, ElIcon } from "element-plus";
+import { ArrowDown, ArrowUp } from "../../icons";
+const ownSlots = ["footer", "footerExtra"];
+const _sfc_main = defineComponent({
+  name: "ProFormFooter",
+  components: { ElFormItem, ElButton, ElLink, ElIcon, ArrowDown, ArrowUp },
+  props: {
+    /** 底栏 ElFormItem 属性 */
+    footerProps: Object,
+    /** 底栏 ElFormItem 插槽 */
+    footerSlots: Object,
+    /** 底栏样式 */
+    footerStyle: Object,
+    /** 提交按钮文本 */
+    submitText: String,
+    /** 重置按钮文本 */
+    resetText: String,
+    /** 提交按钮属性 */
+    submitButtonProps: Object,
+    /** 重置按钮属性 */
+    resetButtonProps: Object,
+    /** 是否在底栏显示表单展开收起按钮 */
+    showSearchExpand: Boolean,
+    /** 搜索表单展开状态 */
+    searchExpand: Boolean,
+    /** 展开和收起按钮属性 */
+    searchExpandButtonProps: Object,
+    /** 展开按钮的文字 */
+    searchExpandText: String,
+    /** 收起按钮的文字 */
+    searchShrinkText: String
+  },
+  emits: {
+    updateSearchExpand: (_expand) => true,
+    submit: () => true,
+    reset: () => true
+  },
+  setup(props, { emit }) {
+    const toggleSearchExpand = () => {
+      emit("updateSearchExpand", !props.searchExpand);
+    };
+    const handleSubmit = () => {
+      emit("submit");
+    };
+    const handleReset = () => {
+      emit("reset");
+    };
+    return {
+      ownSlots,
+      toggleSearchExpand,
+      handleSubmit,
+      handleReset
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b;
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ArrowUp = resolveComponent("ArrowUp");
+  const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_ArrowDown = resolveComponent("ArrowDown");
+  const _component_ElLink = resolveComponent("ElLink");
+  const _component_ElFormItem = resolveComponent("ElFormItem");
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.footerProps || {}, {
+    labelWidth: typeof ((_a = _ctx.footerProps) == null ? void 0 : _a.labelWidth) === "number" ? `${_ctx.footerProps.labelWidth}px` : (_b = _ctx.footerProps) == null ? void 0 : _b.labelWidth
+  }), createSlots({
+    default: withCtx(() => [
+      createElementVNode("div", {
+        style: normalizeStyle({
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          ..._ctx.footerStyle || {}
+        })
+      }, [
+        renderSlot(_ctx.$slots, "footer", {}, () => [
+          createVNode(_component_ElButton, mergeProps({ type: "primary" }, _ctx.submitButtonProps || {}, { onClick: _ctx.handleSubmit }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.submitText), 1)
+            ]),
+            _: 1
+          }, 16, ["onClick"]),
+          createVNode(_component_ElButton, mergeProps(_ctx.resetButtonProps || {}, { onClick: _ctx.handleReset }), {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.resetText), 1)
+            ]),
+            _: 1
+          }, 16, ["onClick"])
+        ]),
+        _ctx.showSearchExpand ? (openBlock(), createBlock(_component_ElLink, mergeProps({
+          key: 0,
+          type: "primary",
+          underline: false,
+          style: { "margin-left": "12px" }
+        }, _ctx.searchExpandButtonProps || {}, { onClick: _ctx.toggleSearchExpand }), {
+          default: withCtx(() => [
+            _ctx.searchExpand ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("span", null, toDisplayString(_ctx.searchShrinkText), 1),
+              createVNode(_component_ElIcon, { style: { "vertical-align": "-1px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_ArrowUp)
+                ]),
+                _: 1
+              })
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("span", null, toDisplayString(_ctx.searchExpandText), 1),
+              createVNode(_component_ElIcon, { style: { "vertical-align": "-2px" } }, {
+                default: withCtx(() => [
+                  createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ], 64))
+          ]),
+          _: 1
+        }, 16, ["onClick"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "footerExtra")
+      ], 4)
+    ]),
+    _: 2
+  }, [
+    renderList(Object.keys(_ctx.footerSlots || {}).filter(
+      (k) => !_ctx.ownSlots.includes(k) && !!(_ctx.footerSlots && _ctx.footerSlots[k] && _ctx.$slots[_ctx.footerSlots[k]])
+    ), (name) => {
+      return {
+        name,
+        fn: withCtx((slotProps) => {
+          var _a2;
+          return [
+            renderSlot(_ctx.$slots, (_a2 = _ctx.footerSlots) == null ? void 0 : _a2[name], normalizeProps(guardReactiveProps(slotProps || {})))
+          ];
+        })
+      };
+    })
+  ]), 1040, ["labelWidth"]);
+}
+const proFormFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  proFormFooter as default
+};

package/es/ele-pro-form/components/render-util.d.ts

@@ -0,0 +1,105 @@
+import { VNode } from 'vue';
+import { FormItemRule } from 'element-plus';
+import { ProFormItemKey, ProFormItemProps, ProFormItemRenderSlots } from '../types';
+import { RenderProFormItemProps, RenderProFormContentProps } from '../props';
+
+/**
+ * 编辑模式拖拽排序分组名称
+ */
+export declare const sortableGroupName = "ProFormBuilderBodySortGroup";
+/**
+ * 获取验证规则提示文本
+ * @param label 表单项标题
+ * @param requiredMessage 必填校验信息
+ * @param placeholder 组件占位文本
+ */
+export declare function getRuleMessage(label?: string, requiredMessage?: string, placeholder?: string): string;
+/**
+ * 判断表单项是否展示
+ * @param item 表单项
+ * @param form 表单数据
+ * @param items 表单项数据
+ * @param searchExpand 搜索表单展开状态
+ */
+export declare function isShowItem(item: ProFormItemProps, form: Record<string, any>, items: ProFormItemProps[], searchExpand?: boolean): any;
+/**
+ * 解析代码字符串
+ * @param code 值
+ * @param model 表单数据
+ * @param items 全部表单项
+ * @param searchExpand 搜索表单折叠展开状态
+ */
+export declare function translateJsCode(code: any, model: Record<string, any>, items: ProFormItemProps[], searchExpand: boolean): any;
+/**
+ * 渲染表单项组件
+ * @param props 属性
+ */
+export declare function renderProFormItem(props: RenderProFormItemProps): string | VNode | Array<string | VNode> | undefined;
+/**
+ * 渲染表单项
+ * @param props 属性
+ */
+export declare function renderProFormContent(props: RenderProFormContentProps): string | VNode | Array<VNode | string> | undefined;
+/**
+ * 表单项数据渲染组件
+ */
+export declare const ChildrenRender: import('vue').DefineComponent<{
+    contentExtraColProps: import('vue').PropType<import('../../ele-app/el').ElColProps>;
+    parentItem: import('vue').PropType<ProFormItemProps>;
+    formItems: import('vue').PropType<ProFormItemProps[]>;
+    searchExpand: BooleanConstructor;
+    sortDisabled: BooleanConstructor;
+    containerSelectable: BooleanConstructor;
+    slots: import('vue').PropType<ProFormItemRenderSlots>;
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus/es/components/form/src/types').FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    grid: import('vue').PropType<boolean | import('../../ele-app/el').ElColProps>;
+    rowProps: import('vue').PropType<import('../../ele-app/el').ElRowProps>;
+    editable: BooleanConstructor;
+    items: import('vue').PropType<ProFormItemProps[]>;
+    activeItemKey: import('vue').PropType<ProFormItemKey>;
+    itemTypeData: import('vue').PropType<import('../types').ProFormItemTypeData[]>;
+}, () => string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | (string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>)[] | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateItemValue: (_prop: string, _value: any) => true;
+    updateItemsData: (_items: ProFormItemProps[], _parentItem?: ProFormItemProps) => true;
+    'update:activeItemKey': (_activeKey?: ProFormItemKey) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    contentExtraColProps: import('vue').PropType<import('../../ele-app/el').ElColProps>;
+    parentItem: import('vue').PropType<ProFormItemProps>;
+    formItems: import('vue').PropType<ProFormItemProps[]>;
+    searchExpand: BooleanConstructor;
+    sortDisabled: BooleanConstructor;
+    containerSelectable: BooleanConstructor;
+    slots: import('vue').PropType<ProFormItemRenderSlots>;
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus/es/components/form/src/types').FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    grid: import('vue').PropType<boolean | import('../../ele-app/el').ElColProps>;
+    rowProps: import('vue').PropType<import('../../ele-app/el').ElRowProps>;
+    editable: BooleanConstructor;
+    items: import('vue').PropType<ProFormItemProps[]>;
+    activeItemKey: import('vue').PropType<ProFormItemKey>;
+    itemTypeData: import('vue').PropType<import('../types').ProFormItemTypeData[]>;
+}>> & {
+    "onUpdate:activeItemKey"?: ((_activeKey?: string | number | symbol | undefined) => any) | undefined;
+    onUpdateItemValue?: ((_prop: string, _value: any) => any) | undefined;
+    onUpdateItemsData?: ((_items: ProFormItemProps[], _parentItem?: ProFormItemProps | undefined) => any) | undefined;
+}, {
+    editable: boolean;
+    searchExpand: boolean;
+    sortDisabled: boolean;
+    containerSelectable: boolean;
+}, {}>;