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

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

@@ -0,0 +1,59 @@
+import { FormRules } from 'element-plus';
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): any;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项配置 */
+    item: ProFormItemProps;
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 编辑模式 */
+    editable?: 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<{
+    /** 表单项配置 */
+    item: ProFormItemProps;
+    /** 表单数据 */
+    model: Record<string, any>;
+    /** 验证规则 */
+    rules?: FormRules;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 编辑模式 */
+    editable?: 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;
+    };
+};

package/lib/ele-pro-form/index.cjs

@@ -0,0 +1,242 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const ProFormContent = require("./components/pro-form-content");
+const ProFormFooter = require("./components/pro-form-footer");
+const props = require("./props");
+const footerSlotExcludes = [
+  "default",
+  "topExtra",
+  "bottomExtra",
+  "contentExtra"
+];
+const slotExcludes = [...footerSlotExcludes, "footer", "footerExtra"];
+const _sfc_main = vue.defineComponent({
+  name: "EleProForm",
+  components: { ElForm: elementPlus.ElForm, ProFormContent, ProFormFooter },
+  props: props.proFormProps,
+  emits: props.proFormEmits,
+  setup(props2, { emit }) {
+    const formItems = vue.useModel(props2, "items");
+    const formRef = vue.ref(null);
+    const formSearchExpand = vue.ref(!!props2.searchExpand);
+    const activeItemKey = vue.ref(props2.activeKey);
+    const updateSearchExpand = (expand) => {
+      formSearchExpand.value = expand;
+      if (props2.searchExpand !== expand) {
+        emit("update:searchExpand", expand);
+      }
+    };
+    const updateValue = (prop, value) => {
+      emit("updateValue", prop, value);
+    };
+    const handleUpdateItemsData = (items, parentItem) => {
+      if (!parentItem) {
+        formItems.value = items;
+      } else {
+        parentItem.children = items;
+      }
+    };
+    const handleUpdateActiveItemKey = (key) => {
+      activeItemKey.value = key;
+      if (props2.activeKey !== key) {
+        emit("update:activeKey", key);
+      }
+    };
+    const handleSubmit = () => {
+      if (formRef.value) {
+        formRef.value.validate((valid) => {
+          if (valid) {
+            emit("submit", props2.model ?? {});
+          }
+        });
+      }
+    };
+    const handleReset = () => {
+      emit("reset");
+      clearValidate();
+      vue.nextTick(() => {
+        clearValidate();
+        vue.nextTick(() => {
+          clearValidate();
+        });
+      });
+    };
+    const handleFormSubmit = (e) => {
+      if (props2.preventFormSubmit) {
+        e.preventDefault();
+      }
+    };
+    const handleFormValidate = (prop, isValid, message) => {
+      emit("validate", prop, isValid, message);
+    };
+    const validate = (callback) => {
+      if (!formRef.value) {
+        throw new Error("formRef is null");
+      }
+      return formRef.value.validate(callback);
+    };
+    const validateField = (props22, callback) => {
+      if (!formRef.value) {
+        throw new Error("formRef is null");
+      }
+      return formRef.value.validateField(props22, callback);
+    };
+    const resetFields = (props22) => {
+      if (!formRef.value) {
+        throw new Error("formRef is null");
+      }
+      return formRef.value.resetFields(props22);
+    };
+    const scrollToField = (prop) => {
+      if (!formRef.value) {
+        throw new Error("formRef is null");
+      }
+      return formRef.value.scrollToField(prop);
+    };
+    const clearValidate = (props22) => {
+      if (!formRef.value) {
+        throw new Error("formRef is null");
+      }
+      return formRef.value.clearValidate(props22);
+    };
+    vue.watch(
+      () => props2.searchExpand,
+      (expand) => {
+        if (formSearchExpand.value !== expand) {
+          formSearchExpand.value = expand;
+        }
+      }
+    );
+    vue.watch(
+      () => props2.activeKey,
+      (key) => {
+        if (activeItemKey.value !== key) {
+          activeItemKey.value = key;
+        }
+      }
+    );
+    return {
+      slotExcludes,
+      footerSlotExcludes,
+      formItems,
+      formRef,
+      formSearchExpand,
+      activeItemKey,
+      updateValue,
+      handleUpdateItemsData,
+      handleUpdateActiveItemKey,
+      updateSearchExpand,
+      handleSubmit,
+      handleReset,
+      handleFormSubmit,
+      handleFormValidate,
+      validate,
+      validateField,
+      resetFields,
+      scrollToField,
+      clearValidate
+    };
+  }
+});
+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_ProFormFooter = vue.resolveComponent("ProFormFooter");
+  const _component_ProFormContent = vue.resolveComponent("ProFormContent");
+  const _component_ElForm = vue.resolveComponent("ElForm");
+  return vue.openBlock(), vue.createBlock(_component_ElForm, {
+    ref: "formRef",
+    model: _ctx.model,
+    labelPosition: _ctx.labelPosition,
+    labelWidth: _ctx.labelWidth,
+    statusIcon: _ctx.statusIcon,
+    validateOnRuleChange: _ctx.validateOnRuleChange,
+    size: _ctx.size,
+    disabled: _ctx.disabled,
+    scrollToError: _ctx.scrollToError,
+    scrollIntoViewOptions: _ctx.scrollIntoViewOptions,
+    inline: _ctx.inline,
+    labelSuffix: _ctx.labelSuffix,
+    hideRequiredAsterisk: _ctx.hideRequiredAsterisk,
+    requireAsteriskPosition: _ctx.requireAsteriskPosition,
+    showMessage: _ctx.showMessage,
+    inlineMessage: _ctx.inlineMessage,
+    class: vue.normalizeClass(["ele-pro-form", { "is-editable": _ctx.editable }]),
+    onValidate: _ctx.handleFormValidate,
+    onSubmit: _ctx.handleFormSubmit
+  }, {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "topExtra"),
+      _ctx.formItems ? (vue.openBlock(), vue.createBlock(_component_ProFormContent, {
+        key: 0,
+        model: _ctx.model ?? {},
+        items: _ctx.formItems,
+        rules: _ctx.rules,
+        grid: _ctx.grid,
+        rowProps: _ctx.rowProps,
+        contentExtraColProps: _ctx.footerColProps,
+        searchExpand: _ctx.formSearchExpand,
+        editable: _ctx.editable,
+        activeItemKey: _ctx.activeItemKey,
+        onUpdateItemValue: _ctx.updateValue,
+        onUpdateItemsData: _ctx.handleUpdateItemsData,
+        "onUpdate:activeItemKey": _ctx.handleUpdateActiveItemKey
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots).filter(
+          (k) => !_ctx.slotExcludes.includes(k)
+        ), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        }),
+        _ctx.footer ? {
+          name: "contentExtra",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_ProFormFooter, {
+              footerProps: _ctx.footerProps,
+              footerSlots: _ctx.footerSlots,
+              footerStyle: _ctx.footerStyle,
+              submitText: _ctx.submitText,
+              resetText: _ctx.resetText,
+              submitButtonProps: _ctx.submitButtonProps,
+              resetButtonProps: _ctx.resetButtonProps,
+              showSearchExpand: _ctx.showSearchExpand,
+              searchExpand: _ctx.formSearchExpand,
+              searchExpandButtonProps: _ctx.searchExpandButtonProps,
+              searchExpandText: _ctx.searchExpandText,
+              searchShrinkText: _ctx.searchShrinkText,
+              onSubmit: _ctx.handleSubmit,
+              onReset: _ctx.handleReset,
+              onUpdateSearchExpand: _ctx.updateSearchExpand
+            }, vue.createSlots({ _: 2 }, [
+              vue.renderList(Object.keys(_ctx.$slots).filter(
+                (k) => !_ctx.footerSlotExcludes.includes(k)
+              ), (name) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1032, ["footerProps", "footerSlots", "footerStyle", "submitText", "resetText", "submitButtonProps", "resetButtonProps", "showSearchExpand", "searchExpand", "searchExpandButtonProps", "searchExpandText", "searchShrinkText", "onSubmit", "onReset", "onUpdateSearchExpand"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model", "items", "rules", "grid", "rowProps", "contentExtraColProps", "searchExpand", "editable", "activeItemKey", "onUpdateItemValue", "onUpdateItemsData", "onUpdate:activeItemKey"])) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "bottomExtra")
+    ]),
+    _: 3
+  }, 8, ["model", "labelPosition", "labelWidth", "statusIcon", "validateOnRuleChange", "size", "disabled", "scrollToError", "scrollIntoViewOptions", "inline", "labelSuffix", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "inlineMessage", "class", "onValidate", "onSubmit"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;