@wfrog/vc-ui 1.6.1 → 1.8.0

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -1,7 +1,7 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
-import { defineComponent, ref, useTemplateRef, watch, onBeforeUnmount, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, mergeProps } from 'vue';
+import { v as vLoading } from '../../chunk/CaA5lDme.mjs';
+import { defineComponent, ref, useTemplateRef, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, mergeProps } from 'vue';
 import { ElForm } from 'element-plus';
 import { C as Component$2 } from '../button/button.mjs';
 import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
@@ -15,67 +15,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     icon: { default: "fluent:form-48-regular" },
     form: {},
     formProps: {},
-    initialValues: {},
-    autoInitial: { type: Boolean, default: true },
-    defaultEditing: { type: Boolean },
-    labelPosition: { default: "top" },
-    onCancel: { type: Function, default: () => {
-    } },
-    onSave: { type: Function, default: () => {
-    } }
+    disabled: { type: Boolean },
+    editable: { type: Boolean, default: true },
+    editing: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    labelPosition: { default: "top" }
   },
-  emits: ["clickEdit"],
+  emits: ["cancel", "edit", "save"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const isEditing = ref(false);
-    const loading = ref(false);
+    const isEditing = ref(props.editing ?? true);
     const formRef = useTemplateRef("formRef");
     function handleEdit() {
-      emits("clickEdit");
+      emits("edit");
       isEditing.value = true;
     }
     async function handleCancel() {
       formRef.value.resetFields();
-      const cb = await props.onCancel();
       isEditing.value = false;
-      typeof cb === "function" && await cb();
     }
     async function handleSave() {
       const valid = await formRef.value.validate();
       if (!valid) {
         return;
       }
-      let cb = null;
-      try {
-        loading.value = true;
-        cb = await props.onSave(props.form.fields);
-        formRef.value?.setInitialValues(props.form.fields);
-        isEditing.value = false;
-      } finally {
-        loading.value = false;
-      }
-      typeof cb === "function" && await cb();
+      emits("save", props.form.fields);
     }
-    const editingWatch = watch(() => props.defaultEditing, (val) => {
-      isEditing.value = val;
-    }, { immediate: true });
-    const autoInitialWatch = watch(() => props.form.fields, (val) => {
-      props.autoInitial && formRef.value?.setInitialValues(val);
-    }, { immediate: true });
-    const initialValuesWatch = watch(() => props.initialValues, () => {
-      props.initialValues && formRef.value?.setInitialValues(props.initialValues);
-    }, { immediate: true, deep: true });
     __expose({
-      toggleIsEditing: (val) => {
+      formRef,
+      update: (data) => {
+        formRef.value?.setInitialValues(data || props.form.fields);
+      },
+      toggleEditing: (val) => {
         isEditing.value = val ?? !isEditing.value;
       }
     });
-    onBeforeUnmount(() => {
-      initialValuesWatch.stop();
-      autoInitialWatch.stop();
-      editingWatch.stop();
-    });
     return (_ctx, _cache) => {
       const _directive_loading = vLoading;
       return withDirectives((openBlock(), createElementBlock("div", {
@@ -99,9 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(_ctx.$style.actions)
           }, [
-            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+            renderSlot(_ctx.$slots, "action"),
+            __props.editable && unref(isEditing) ? (openBlock(), createBlock(Component$2, {
               key: 0,
-              icon: { type: "el", name: "Close" },
+              icon: { name: "Close" },
               onClick: handleCancel
             }, {
               default: withCtx(() => [..._cache[0] || (_cache[0] = [
@@ -109,10 +85,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])]),
               _: 1
             })) : createCommentVNode("", true),
-            unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+            __props.editable && unref(isEditing) ? (openBlock(), createBlock(Component$2, {
               key: 1,
+              icon: { name: "Check" },
               type: "primary",
-              icon: { type: "el", name: "Check" },
               onClick: handleSave
             }, {
               default: withCtx(() => [..._cache[1] || (_cache[1] = [
@@ -120,18 +96,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])]),
               _: 1
             })) : createCommentVNode("", true),
-            !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
+            __props.editable && !unref(isEditing) ? (openBlock(), createBlock(Component$2, {
               key: 2,
+              icon: { name: "EditPen" },
               type: "primary",
-              icon: { type: "el", name: "Edit" },
               onClick: handleEdit
             }, {
               default: withCtx(() => [..._cache[2] || (_cache[2] = [
                 createTextVNode("编辑", -1)
               ])]),
               _: 1
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "action")
+            })) : createCommentVNode("", true)
           ], 2)
         ], 2),
         createVNode(Component$3, { always: "" }, {
@@ -142,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, __props.formProps, {
               model: __props.form.fields,
               rules: __props.form.rules,
-              disabled: !unref(isEditing),
+              disabled: __props.disabled || !unref(isEditing) || !__props.editable,
               "require-asterisk-position": "right",
               "label-position": __props.labelPosition
             }), {
@@ -155,19 +130,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 3
         })
       ], 2)), [
-        [_directive_loading, unref(loading)]
+        [_directive_loading, __props.loading]
       ]);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_19l5u_8";
-const icon = "_icon_19l5u_25";
-const actions = "_actions_19l5u_31";
+/* unplugin-vue-components disabled */const header = "_header_2wrpk_8";
+const icon = "_icon_2wrpk_25";
+const actions = "_actions_2wrpk_31";
 const style0 = {
-	"explorer-form": "_explorer-form_19l5u_1",
+	"explorer-form": "_explorer-form_2wrpk_1",
 	header: header,
-	"header-container": "_header-container_19l5u_21",
+	"header-container": "_header-container_2wrpk_21",
 	icon: icon,
 	actions: actions
 };

package/dist/es/components/explorer-form/explorer-form.vue.d.ts

@@ -193,17 +193,203 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {
-    toggleIsEditing: (val?: boolean) => void;
+    formRef: Readonly<globalThis.ShallowRef<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelSuffix: string;
+            readonly inlineMessage: boolean;
+            readonly statusIcon: boolean;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+            readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
+            readonly size?: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined;
+            readonly rules?: Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>> | undefined;
+            readonly model?: Record<string, any> | undefined;
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "inline" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }, {
+            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+            scrollToField: (prop: import('element-plus').FormItemProp) => void;
+            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+            setInitialValues: (initModel: Record<string, any>) => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+        }, string, {
+            readonly disabled: boolean;
+            readonly inline: boolean;
+            readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+            readonly inlineMessage: boolean;
+            readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+            readonly labelSuffix: string;
+            readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
+            readonly statusIcon: boolean;
+            readonly hideRequiredAsterisk: boolean;
+            readonly scrollToError: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        readonly disabled: boolean;
+        readonly inline: boolean;
+        readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+        readonly inlineMessage: boolean;
+        readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+        readonly labelSuffix: string;
+        readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
+        readonly statusIcon: boolean;
+        readonly hideRequiredAsterisk: boolean;
+        readonly scrollToError: boolean;
+    }> & Omit<Readonly<globalThis.ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+        readonly labelWidth: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, true, boolean>;
+        readonly size: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, "disabled" | "inline" | "fields" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+        resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+        scrollToField: (prop: import('element-plus').FormItemProp) => void;
+        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+        setInitialValues: (initModel: Record<string, any>) => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null>>;
+    update: (data?: Record<string, any>) => void;
+    toggleEditing: (val?: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clickEdit: () => any;
+    cancel: () => any;
+    save: (data: Record<string, any>) => any;
+    edit: () => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerFormProps> & Readonly<{
-    onClickEdit?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSave?: ((data: Record<string, any>) => any) | undefined;
+    onEdit?: (() => any) | undefined;
 }>, {
     icon: string;
-    onCancel: () => void | Promise<void> | Promise<() => void | Promise<void>>;
-    onSave: (data: Record<string, any>) => void | Promise<void> | Promise<() => void | Promise<void>>;
+    loading: boolean;
+    editable: boolean;
     labelPosition: import('element-plus').FormProps["labelPosition"];
-    autoInitial: boolean;
+    editing: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/es/components/explorer-form/index.css

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_19l5u_1 {
+._explorer-form_2wrpk_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_19l5u_8 {
+._header_2wrpk_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,19 +17,19 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_19l5u_21 {
+._header-container_2wrpk_21 {
   font-size: var(--el-font-size-medium);
 }
-._icon_19l5u_25 {
+._icon_2wrpk_25 {
   margin-right: 4px;
-  font-size: 1.1em;
+  font-size: var(--el-font-size-extra-large);
   transform: translateY(1px);
 }
-._actions_19l5u_31 {
+._actions_2wrpk_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_19l5u_31 .el-button {
+._actions_2wrpk_31 .el-button {
   margin-left: 0 !important;
 }

package/dist/es/components/explorer-list/explorer-list.d.ts

@@ -10,6 +10,7 @@ export interface IExplorerListProps {
     actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
     emptyText?: string;
+    pending?: boolean;
     loading?: boolean;
     loadingText?: string;
     highlightCurrent?: boolean;

package/dist/es/components/explorer-list/explorer-list.mjs

@@ -6,7 +6,7 @@ import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
-import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
+import { E as ElIcon } from '../../chunk/C6xZotC7.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _hoisted_1 = ["onClick"];
@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     actions: { default: () => [] },
     filterMethod: {},
     emptyText: { default: "没有数据" },
+    pending: { type: Boolean },
     loading: { type: Boolean },
     loadingText: { default: "数据加载中..." },
     highlightCurrent: { type: Boolean, default: true },
@@ -110,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 512), [
             [vShow, !__props.loading]
           ]),
-          unref(isEmpty) && !__props.loading ? (openBlock(), createElementBlock("div", {
+          unref(isEmpty) && !__props.loading && !__props.pending ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.empty)
           }, toDisplayString(__props.emptyText), 3)) : createCommentVNode("", true),

package/dist/es/components/explorer-modal-form/explorer-modal-form.d.ts

@@ -0,0 +1,24 @@
+import { FormProps } from 'element-plus';
+import { Reactive } from 'vue';
+export interface IExplorerModalFormProps {
+    modelValue: boolean;
+    type: 'dialog' | 'drawer';
+    title?: string;
+    icon?: string;
+    disabled?: boolean;
+    editable?: boolean;
+    editing?: boolean;
+    loading?: boolean;
+    form: Reactive<{
+        fields: Record<string, any>;
+        rules?: Record<string, any>;
+    }>;
+    formProps?: Partial<FormProps>;
+    labelPosition?: FormProps['labelPosition'];
+}
+export interface IExplorerModalFormEmits {
+    (e: 'update:modelValue', value: boolean): void;
+    (e: 'cancel'): void;
+    (e: 'edit'): void;
+    (e: 'save', data: Record<string, any>): void;
+}

package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs

@@ -0,0 +1,160 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CaA5lDme.mjs';
+import { E as ElForm } from '../../chunk/Cb0n0U19.mjs';
+import { defineComponent, useTemplateRef, ref, computed, watch, onUnmounted, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import { C as Component$3 } from '../button/button.mjs';
+import { C as Component$1 } from '../dialog/dialog.mjs';
+import { C as Component$2 } from '../drawer/drawer.mjs';
+import { C as Component$4 } from '../iconify-icon/iconify-icon.mjs';
+import { useVModel } from '@vueuse/core';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-modal-form",
+  props: {
+    modelValue: { type: Boolean },
+    type: {},
+    title: {},
+    icon: { default: "fluent:form-48-regular" },
+    disabled: { type: Boolean },
+    editable: { type: Boolean, default: true },
+    editing: { type: Boolean, default: true },
+    loading: { type: Boolean, default: false },
+    form: {},
+    formProps: {},
+    labelPosition: { default: "top" }
+  },
+  emits: ["update:modelValue", "cancel", "edit", "save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modalVisible = useVModel(props, "modelValue", emits);
+    const formRef = useTemplateRef("formRef");
+    const isEditing = ref(false);
+    const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
+    function handleCancel() {
+      modalVisible.value = false;
+      emits("cancel");
+    }
+    async function handleSave() {
+      const valid = await formRef.value.validate();
+      if (!valid) {
+        return;
+      }
+      emits("save", props.form.fields);
+    }
+    function handleEdit() {
+      isEditing.value = true;
+      emits("edit");
+    }
+    const visibleWatch = watch(modalVisible, (val) => {
+      if (!val) {
+        return;
+      }
+      isEditing.value = props.editing ?? true;
+    }, { immediate: true });
+    __expose({ formRef });
+    onUnmounted(() => {
+      visibleWatch.stop();
+    });
+    return (_ctx, _cache) => {
+      const _component_ElForm = ElForm;
+      const _directive_loading = vLoading;
+      return openBlock(), createBlock(resolveDynamicComponent(unref(component)), mergeProps({
+        modelValue: unref(modalVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modalVisible) ? modalVisible.value = $event : null)
+      }, _ctx.$attrs), {
+        title: withCtx(({ close }) => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$4, {
+              key: 0,
+              name: __props.icon,
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", { close }, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ], 2)
+        ]),
+        footer: withCtx(() => [
+          renderSlot(_ctx.$slots, "action"),
+          unref(isEditing) ? (openBlock(), createBlock(Component$3, {
+            key: 0,
+            loading: __props.loading,
+            icon: { name: "Close" },
+            onClick: handleCancel
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createTextVNode("取消", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true),
+          unref(isEditing) ? (openBlock(), createBlock(Component$3, {
+            key: 1,
+            loading: __props.loading,
+            icon: { name: "Check" },
+            type: "primary",
+            onClick: handleSave
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode("保存", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true),
+          __props.editable && !unref(isEditing) ? (openBlock(), createBlock(Component$3, {
+            key: 2,
+            loading: __props.loading,
+            icon: { name: "EditPen" },
+            type: "primary",
+            onClick: handleEdit
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createTextVNode("编辑", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          withDirectives((openBlock(), createBlock(_component_ElForm, mergeProps({
+            ref_key: "formRef",
+            ref: formRef,
+            "require-asterisk-position": "right",
+            "label-position": __props.labelPosition,
+            disabled: __props.disabled || !unref(isEditing)
+          }, __props.formProps, {
+            model: __props.form.fields,
+            rules: __props.form.rules
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["label-position", "disabled", "model", "rules"])), [
+            [_directive_loading, __props.loading]
+          ])
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const icon = "_icon_uetpd_1";
+const style0 = {
+	icon: icon
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_26 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_26 as _ };