@wfrog/vc-ui 1.6.0 → 1.7.0

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

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-dialog-form.mjs';
+
+const VcExplorerDialogForm = withInstall(Component);
+
+export { VcExplorerDialogForm, VcExplorerDialogForm as default };

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

@@ -1,7 +1,7 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
-import { E as ElInput } from '../../chunk/CKZGL4_3.mjs';
+import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
+import { E as ElInput } from '../../chunk/CdG7Eqv2.mjs';
 import { defineComponent, useCssVars, ref, createElementBlock, openBlock, normalizeClass, createVNode, createBlock, createCommentVNode, unref, withKeys, isRef } from 'vue';
 import { Search, Plus } from '@element-plus/icons-vue';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -73,9 +73,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_22 as _ };
+export { Component as C, __vite_glob_0_23 as _ };

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

@@ -2,4 +2,5 @@ export interface IExplorerFooterProps {
     paddingTop?: number;
     layout?: string;
     total?: number;
+    align?: 'left' | 'center' | 'right';
 }

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

@@ -1,12 +1,12 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { E as ElPagination } from '../../chunk/fueZ9sVu.mjs';
+import { E as ElPagination } from '../../chunk/B7FqhrtI.mjs';
 /* empty css                    */
-import '../../chunk/DQi1QPak.mjs';
-import '../../chunk/D_Mvdscy.mjs';
-import '../../chunk/BfjuZmry.mjs';
-import '../../chunk/CKZGL4_3.mjs';
-import { defineComponent, useCssVars, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, unref, mergeProps } from 'vue';
+import '../../chunk/CPW-P7zz.mjs';
+import '../../chunk/Dh_zpmSz.mjs';
+import '../../chunk/D1Ki7NcP.mjs';
+import '../../chunk/CdG7Eqv2.mjs';
+import { defineComponent, useCssVars, unref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createBlock, renderSlot, mergeProps } from 'vue';
 import { i as isObjectLike, b as baseGetTag } from '../../chunk/ytiKcA3H.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
@@ -44,39 +44,52 @@ function isNumber(value) {
     (isObjectLike(value) && baseGetTag(value) == numberTag);
 }
 
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "explorer-footer",
   props: {
     paddingTop: { default: 8 },
     layout: { default: "total, prev, pager, next" },
-    total: {}
+    total: {},
+    align: { default: "right" }
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v2844fd33": `${_ctx.paddingTop}px`
+      "v6fd937b2": unref(justifyContent),
+      "v42199fad": `${_ctx.paddingTop}px`
     }));
     const props = __props;
+    const justifyContent = computed(() => {
+      if (props.align === "center") {
+        return "center";
+      }
+      return "space-between";
+    });
     return (_ctx, _cache) => {
       const _component_ElPagination = ElPagination;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style["explorer-footer"])
       }, [
-        createElementVNode("div", null, [
+        __props.align === "right" ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "default")
-        ]),
+        ])) : createCommentVNode("", true),
         unref(isNumber)(props.total) ? (openBlock(), createBlock(_component_ElPagination, mergeProps({
-          key: 0,
+          key: 1,
           background: "",
           layout: __props.layout,
           total: __props.total
-        }, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true)
+        }, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true),
+        __props.align === "left" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 
 /* unplugin-vue-components disabled */const style0 = {
-	"explorer-footer": "_explorer-footer_1szke_1"
+	"explorer-footer": "_explorer-footer_ntz3b_1"
 };
 
 const cssModules = {
@@ -84,9 +97,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_23 as _ };
+export { Component as C, __vite_glob_0_24 as _ };

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

@@ -3,12 +3,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IExplorerFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerFooterProps> & Readonly<{}>, {
+    align: "left" | "center" | "right";
     layout: string;
     paddingTop: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -1,7 +1,7 @@
 /* source: src/components/explorer-footer/explorer-footer.vue */
-._explorer-footer_1szke_1 {
+._explorer-footer_ntz3b_1 {
   display: flex;
-  justify-content: space-between;
+  justify-content: var(--v6fd937b2);
   align-items: center;
-  padding-top: var(--v2844fd33);
+  padding-top: var(--v42199fad);
 }

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

@@ -8,13 +8,14 @@ export interface IExplorerFormProps {
         rules?: Record<string, any>;
     }>;
     formProps?: Partial<FormProps>;
-    initialValues?: Record<string, any>;
-    autoInitial?: boolean;
-    defaultEditing?: boolean;
+    disabled?: boolean;
+    editable?: boolean;
+    editing?: boolean;
+    loading?: boolean;
     labelPosition?: FormProps['labelPosition'];
-    onCancel?: () => void | Promise<void> | (() => void | Promise<void>);
-    onSave?: (data: Record<string, any>) => void | Promise<void> | (() => void | Promise<void>);
 }
 export interface IExplorerFormEmits {
-    (e: 'clickEdit'): void;
+    (e: 'cancel'): void;
+    (e: 'edit'): void;
+    (e: 'save', data: Record<string, any>): void;
 }

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,61 +15,41 @@ 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"],
-  setup(__props, { emit: __emit }) {
+  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 });
-    onBeforeUnmount(() => {
-      initialValuesWatch.stop();
-      autoInitialWatch.stop();
-      editingWatch.stop();
+    __expose({
+      formRef,
+      update: (data) => {
+        formRef.value?.setInitialValues(data || props.form.fields);
+      },
+      toggleEditing: (val) => {
+        isEditing.value = val ?? !isEditing.value;
+      }
     });
     return (_ctx, _cache) => {
       const _directive_loading = vLoading;
@@ -94,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] = [
@@ -104,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] = [
@@ -115,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: "" }, {
@@ -137,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
             }), {
@@ -150,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_gacal_8";
-const icon = "_icon_gacal_25";
-const actions = "_actions_gacal_29";
+/* 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_gacal_1",
+	"explorer-form": "_explorer-form_2wrpk_1",
 	header: header,
-	"header-container": "_header-container_gacal_21",
+	"header-container": "_header-container_2wrpk_21",
 	icon: icon,
 	actions: actions
 };
@@ -172,9 +152,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_24 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_24 as _ };
+export { Component as C, __vite_glob_0_25 as _ };

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

@@ -192,16 +192,204 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    clickEdit: () => any;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {
+    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, {} & {
+    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> | (() => void | Promise<void>);
-    onSave: (data: Record<string, any>) => void | Promise<void> | (() => 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_gacal_1 {
+._explorer-form_2wrpk_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_gacal_8 {
+._header_2wrpk_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,17 +17,19 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_gacal_21 {
-  font-size: 1.2em;
+._header-container_2wrpk_21 {
+  font-size: var(--el-font-size-medium);
 }
-._icon_gacal_25 {
+._icon_2wrpk_25 {
   margin-right: 4px;
+  font-size: var(--el-font-size-extra-large);
+  transform: translateY(1px);
 }
-._actions_gacal_29 {
+._actions_2wrpk_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_gacal_29 .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;