@wfrog/vc-ui 1.3.0 → 1.4.0

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

@@ -0,0 +1,77 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+/* empty css                    */
+import { defineComponent, useCssVars, useTemplateRef, ref, reactive, onMounted, createBlock, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { useProvide } from '../../use/useStore/index.mjs';
+import { K as KEY_NAME } from './explorer-panel2.mjs';
+import { a as ElSplitterPanel } from '../../chunk/CsjEhAYY.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-panel",
+  props: {
+    resizable: { type: Boolean, default: false },
+    padding: { default: 8 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v1db768b6": `${_ctx.padding}px`
+    }));
+    const panelRef = useTemplateRef("panelRef");
+    const fullscreenTarget = ref();
+    const columnConfig = ref([]);
+    const filterKeyword = ref("");
+    const actions = reactive({
+      saveColumnConfig: () => {
+      }
+    });
+    useProvide(KEY_NAME, {
+      fullscreenTarget,
+      columnConfig,
+      filterKeyword,
+      actions
+    });
+    onMounted(() => {
+      if (panelRef.value?.splitterPanelRef) {
+        fullscreenTarget.value = panelRef.value.splitterPanelRef;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_ElSplitterPanel = ElSplitterPanel;
+      return openBlock(), createBlock(_component_ElSplitterPanel, mergeProps({
+        ref_key: "panelRef",
+        ref: panelRef,
+        class: _ctx.$style.panel,
+        resizable: __props.resizable
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.container)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 16, ["class", "resizable"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const panel = "_panel_eba23_1";
+const container = "_container_eba23_6";
+const style0 = {
+	panel: panel,
+	container: container
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+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_24 as _ };

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

@@ -0,0 +1,253 @@
+import { IExplorerPanelProps } from './explorer-panel';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        panelRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly collapsible: boolean;
+            }> & Omit<{
+                readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly collapsible: boolean;
+                readonly size?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+                readonly min?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+                readonly max?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+                "onUpdate:size"?: ((value: string | number) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "resizable" | "collapsible">;
+            $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: "update:size", value: string | number) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+                readonly min: {
+                    readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly max: {
+                    readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly size: {
+                    readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly resizable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly collapsible: BooleanConstructor;
+            }>> & {
+                "onUpdate:size"?: ((value: string | number) => any) | undefined;
+            }, {
+                splitterPanelRef: import('vue').Ref<HTMLDivElement | undefined>;
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:size": (value: string | number) => void;
+            }, string, {
+                readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly collapsible: 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 resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly collapsible: boolean;
+        }> & Omit<Readonly<globalThis.ExtractPropTypes<{
+            readonly min: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly max: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly resizable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly collapsible: BooleanConstructor;
+        }>> & {
+            "onUpdate:size"?: ((value: string | number) => any) | undefined;
+        }, "resizable" | "collapsible" | "splitterPanelRef"> & import('vue').ShallowUnwrapRef<{
+            splitterPanelRef: import('vue').Ref<HTMLDivElement | undefined>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            } & {
+                'start-collapsible'?: (props: {}) => any;
+            } & {
+                'end-collapsible'?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerPanelProps> & Readonly<{}>, {
+    padding: number;
+    resizable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panelRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly collapsible: boolean;
+        }> & Omit<{
+            readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly collapsible: boolean;
+            readonly size?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly min?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly max?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            "onUpdate:size"?: ((value: string | number) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "resizable" | "collapsible">;
+        $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: "update:size", value: string | number) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+            readonly min: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly max: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly resizable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly collapsible: BooleanConstructor;
+        }>> & {
+            "onUpdate:size"?: ((value: string | number) => any) | undefined;
+        }, {
+            splitterPanelRef: import('vue').Ref<HTMLDivElement | undefined>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:size": (value: string | number) => void;
+        }, string, {
+            readonly resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly collapsible: 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 resizable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly collapsible: boolean;
+    }> & Omit<Readonly<globalThis.ExtractPropTypes<{
+        readonly min: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly max: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly resizable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly collapsible: BooleanConstructor;
+    }>> & {
+        "onUpdate:size"?: ((value: string | number) => any) | undefined;
+    }, "resizable" | "collapsible" | "splitterPanelRef"> & import('vue').ShallowUnwrapRef<{
+        splitterPanelRef: import('vue').Ref<HTMLDivElement | undefined>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            'start-collapsible'?: (props: {}) => any;
+        } & {
+            'end-collapsible'?: (props: {}) => any;
+        };
+    }) | null;
+}, 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-panel/explorer-panel2.mjs

@@ -0,0 +1,6 @@
+import { useInject } from '../../use/useStore/index.mjs';
+
+const KEY_NAME = /* @__PURE__ */ Symbol("VCExplorerPanelState");
+const injectExplorerPanelState = () => useInject(KEY_NAME);
+
+export { KEY_NAME as K, injectExplorerPanelState as i };

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

@@ -0,0 +1,12 @@
+/* source: src/components/explorer-panel/explorer-panel.vue */
+._panel_eba23_1 {
+  display: flex;
+  flex-direction: column;
+}
+._container_eba23_6 {
+  display: flex;
+  flex-direction: column;
+  padding: var(--v1db768b6);
+  flex-grow: 1;
+  height: 100px;
+}

package/dist/es/components/explorer-panel/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-panel.vue';
+export declare const VcExplorerPanel: SFCWithInstall<typeof Component>;
+export default VcExplorerPanel;

package/dist/es/components/explorer-panel/index.mjs

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

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

@@ -0,0 +1,11 @@
+export interface IExplorerQueryProps {
+    paddingBottom?: number;
+    height?: number;
+    model: Record<string, any>;
+    autoSpace?: boolean;
+    queryKey?: string;
+}
+export interface IExplorerQueryEmits {
+    (e: 'search', query: Record<string, any>): void;
+}
+export declare function calculateLayout(containerEl: HTMLElement, actionsEl: HTMLElement, formContainerEl: HTMLElement): void;