@wfrog/vc-ui 1.6.0 → 1.7.0

package/dist/es/components/drawer/drawer.mjs

@@ -1,14 +1,14 @@
 import './index.css'
 import { b as buildProps, u as useNamespace } from '../../chunk/By7FMB3I.mjs';
-import { d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay } from '../../chunk/F2ph6lWu.mjs';
-import { E as ElScrollbar } from '../../chunk/D_Mvdscy.mjs';
+import { d as dialogEmits, a as dialogProps, u as useDialog, E as ElOverlay } from '../../chunk/CFYABm3t.mjs';
+import { E as ElScrollbar } from '../../chunk/Dh_zpmSz.mjs';
 import { computed, ref, watch, onBeforeUnmount, defineComponent, useSlots, createBlock, openBlock, unref, withCtx, createVNode, Transition, withDirectives, createElementVNode, mergeProps, withModifiers, createElementBlock, createCommentVNode, normalizeClass, renderSlot, toDisplayString, normalizeStyle, vShow, useCssVars, isRef, createTextVNode } from 'vue';
 import { C as Component$1 } from '../button/button.mjs';
 import { useWindowSize, clamp, useEventListener, useVModel } from '@vueuse/core';
 import { Close } from '@element-plus/icons-vue';
-import { b as ElTeleport, d as ElFocusTrap } from '../../chunk/BfjuZmry.mjs';
-import { E as ElIcon } from '../../chunk/D1MHFKtN.mjs';
-import { a as addUnit } from '../../chunk/CQz3lhyS.mjs';
+import { b as ElTeleport, d as ElFocusTrap } from '../../chunk/D1Ki7NcP.mjs';
+import { E as ElIcon } from '../../chunk/C6xZotC7.mjs';
+import { a as addUnit } from '../../chunk/UUVoNfr4.mjs';
 import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
 import { u as useDeprecated } from '../../chunk/yuIXvUxc.mjs';
 import { u as useLocale } from '../../chunk/CJ0afvkJ.mjs';

package/dist/es/components/easy-pagination/easy-pagination.mjs

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
+import { E as ElButton } from '../../chunk/CSZw6Ko2.mjs';
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 

package/dist/es/components/example-wrapper.vue.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            direction: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -56,9 +56,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_31 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_32 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_31 as _ };
+export { Component as C, __vite_glob_0_32 as _ };

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -1,10 +1,10 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { E as ElTable, a as ElTableColumn } from '../../chunk/BxibBO68.mjs';
-import { E as ElCheckbox } from '../../chunk/DSt2uDNE.mjs';
+import { E as ElTable, a as ElTableColumn } from '../../chunk/C-HMX6-e.mjs';
+import { a as ElCheckbox } from '../../chunk/BqMf3xBl.mjs';
 /* empty css                    */
-import '../../chunk/BfjuZmry.mjs';
-import '../../chunk/D_Mvdscy.mjs';
+import '../../chunk/D1Ki7NcP.mjs';
+import '../../chunk/Dh_zpmSz.mjs';
 /* empty css                    */
 import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, createBlock, openBlock, normalizeClass, unref, withCtx, createVNode, createCommentVNode, createElementVNode } from 'vue';
 import { C as Component$1 } from '../choice/choice.mjs';

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

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { v as vLoading } from '../../chunk/CaA5lDme.mjs';
 import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
 import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
@@ -54,12 +54,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_1sfkk_8";
-const icon = "_icon_1sfkk_26";
+/* unplugin-vue-components disabled */const header = "_header_4odhg_8";
+const icon = "_icon_4odhg_26";
 const style0 = {
-	"explorer-container": "_explorer-container_1sfkk_1",
+	"explorer-container": "_explorer-container_4odhg_1",
 	header: header,
-	"header-container": "_header-container_1sfkk_22",
+	"header-container": "_header-container_4odhg_22",
 	icon: icon
 };
 

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

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-container/explorer-container.vue */
-._explorer-container_1sfkk_1 {
+._explorer-container_4odhg_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_1sfkk_8 {
+._header_4odhg_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -18,9 +18,11 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_1sfkk_22 {
-  font-size: 1.2em;
+._header-container_4odhg_22 {
+  font-size: var(--el-font-size-medium);
 }
-._icon_1sfkk_26 {
+._icon_4odhg_26 {
   margin-right: 4px;
+  font-size: 1.1em;
+  transform: translateY(1px);
 }

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

@@ -0,0 +1,23 @@
+import { FormProps } from 'element-plus';
+import { Reactive } from 'vue';
+export interface IExplorerDialogFormProps {
+    title?: string;
+    icon?: string;
+    visible: boolean;
+    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 IExplorerDialogFormEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'cancel'): void;
+    (e: 'edit'): void;
+    (e: 'save', data: Record<string, any>): void;
+}

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

@@ -0,0 +1,157 @@
+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, watch, onUnmounted, createBlock, openBlock, mergeProps, unref, isRef, withCtx, withDirectives, renderSlot, createCommentVNode, createTextVNode, createElementVNode, normalizeClass, toDisplayString } from 'vue';
+import { C as Component$2 } from '../button/button.mjs';
+import { C as Component$1 } from '../dialog/dialog.mjs';
+import { C as Component$3 } 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-dialog-form",
+  props: {
+    title: {},
+    icon: { default: "fluent:form-48-regular" },
+    visible: { type: Boolean },
+    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:visible", "cancel", "edit", "save"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const myVisible = useVModel(props, "visible", emits);
+    const formRef = useTemplateRef("formRef");
+    const isEditing = ref(false);
+    function handleCancel() {
+      myVisible.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(myVisible, (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(Component$1, mergeProps({
+        modelValue: unref(myVisible),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myVisible) ? myVisible.value = $event : null)
+      }, _ctx.$attrs), {
+        title: withCtx(({ close }) => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$3, {
+              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$2, {
+            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$2, {
+            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$2, {
+            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_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_22 as _ };