@wfrog/vc-ui 1.3.1 → 1.4.0

package/dist/es/components/explorer-column-table/index.css

@@ -0,0 +1,49 @@
+/* source: src/components/explorer-column-table/explorer-column-table.vue */
+.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;outline:none;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;outline:none;padding:0 10px}.el-table-filter__list-item:focus,.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__multiple{outline:none}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--el-border-radius-base);cursor:pointer;margin:0;outline:none;padding:0;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table-filter__bottom button:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-filter__bottom button{color:var(--el-text-color-regular);font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}._table_ysja6_1 {
+  flex-grow: 1;
+  height: 100px;
+  --el-table-header-bg-color: var(--el-color-info-light-9);
+  --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
+}
+._label_ysja6_8 {
+  display: inline-flex;
+  width: 100%;
+}
+._label_ysja6_8 .el-checkbox {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  cursor: move;
+}
+._label_ysja6_8 .el-checkbox > span {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+}
+._label_ysja6_8 .el-checkbox__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+._item-container_ysja6_31 {
+  display: inline-flex;
+  align-items: center;
+  column-gap: 4px;
+  padding: 1px 0;
+  line-height: 0;
+  vertical-align: middle;
+}
+._item-container_ysja6_31 > div {
+  vertical-align: middle;
+}
+._truncate_ysja6_43 {
+  padding: 0 9px !important;
+}
+._truncate_ysja6_43.el-checkbox--small {
+  padding: 0 7px !important;
+}
+._truncate_ysja6_43.el-checkbox--large {
+  padding: 0 11px !important;
+}

package/dist/es/components/explorer-column-table/index.d.ts

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

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

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

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

@@ -0,0 +1,12 @@
+export interface IExplorerFilterProps {
+    placeholder?: string;
+    clearable?: boolean;
+    paddingBottom?: number;
+    create?: boolean;
+    debounce?: number;
+    disabled?: boolean;
+}
+export interface IExplorerFilterEmits {
+    (e: 'filter', keyword: string): void;
+    (e: 'create'): void;
+}

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

@@ -0,0 +1,81 @@
+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 { 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';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-filter",
+  props: {
+    placeholder: { default: "查询" },
+    clearable: { type: Boolean, default: true },
+    paddingBottom: { default: 8 },
+    create: { type: Boolean },
+    debounce: { default: 300 },
+    disabled: { type: Boolean }
+  },
+  emits: ["filter", "create"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "b224534e": `${_ctx.paddingBottom}px`
+    }));
+    const props = __props;
+    const emits = __emit;
+    const { filterKeyword } = injectExplorerPanelState();
+    const keyword = ref("");
+    function handleFilter() {
+      if (filterKeyword.value === keyword.value) {
+        return;
+      }
+      filterKeyword.value = keyword.value;
+      emits("filter", keyword.value);
+    }
+    const keywordChange = debounce(() => handleFilter(), props.debounce);
+    return (_ctx, _cache) => {
+      const _component_ElInput = ElInput;
+      const _component_ElButton = ElButton;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-filter"])
+      }, [
+        createVNode(_component_ElInput, {
+          modelValue: unref(keyword),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(keyword) ? keyword.value = $event : null),
+          placeholder: __props.placeholder,
+          clearable: __props.clearable,
+          "prefix-icon": unref(Search),
+          disabled: __props.disabled,
+          onKeydown: withKeys(handleFilter, ["enter"]),
+          onClear: handleFilter,
+          onChange: handleFilter,
+          onInput: unref(keywordChange)
+        }, null, 8, ["modelValue", "placeholder", "clearable", "prefix-icon", "disabled", "onInput"]),
+        __props.create ? (openBlock(), createBlock(_component_ElButton, {
+          key: 0,
+          icon: unref(Plus),
+          disabled: __props.disabled,
+          onClick: _cache[1] || (_cache[1] = ($event) => emits("create"))
+        }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const style0 = {
+	"explorer-filter": "_explorer-filter_1l5g5_1"
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_21 as _ };

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

@@ -0,0 +1,14 @@
+import { IExplorerFilterProps } from './explorer-filter';
+declare const _default: import('vue').DefineComponent<IExplorerFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    filter: (keyword: string) => any;
+    create: () => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerFilterProps> & Readonly<{
+    onFilter?: ((keyword: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    placeholder: string;
+    clearable: boolean;
+    debounce: number;
+    paddingBottom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+/* source: src/components/explorer-filter/explorer-filter.vue */
+._explorer-filter_1l5g5_1 {
+  padding-bottom: var(--b224534e);
+  display: flex;
+  column-gap: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export interface IExplorerFooterProps {
+    paddingTop?: number;
+    layout?: string;
+    total?: number;
+}

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

@@ -0,0 +1,92 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { E as ElPagination } from '../../chunk/fueZ9sVu.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 { i as isObjectLike, b as baseGetTag } from '../../chunk/ytiKcA3H.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+/** `Object#toString` result references. */
+var numberTag = '[object Number]';
+
+/**
+ * Checks if `value` is classified as a `Number` primitive or object.
+ *
+ * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
+ * classified as numbers, use the `_.isFinite` method.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a number, else `false`.
+ * @example
+ *
+ * _.isNumber(3);
+ * // => true
+ *
+ * _.isNumber(Number.MIN_VALUE);
+ * // => true
+ *
+ * _.isNumber(Infinity);
+ * // => true
+ *
+ * _.isNumber('3');
+ * // => false
+ */
+function isNumber(value) {
+  return typeof value == 'number' ||
+    (isObjectLike(value) && baseGetTag(value) == numberTag);
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-footer",
+  props: {
+    paddingTop: { default: 8 },
+    layout: { default: "total, prev, pager, next" },
+    total: {}
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v2844fd33": `${_ctx.paddingTop}px`
+    }));
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_ElPagination = ElPagination;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-footer"])
+      }, [
+        createElementVNode("div", null, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        unref(isNumber)(props.total) ? (openBlock(), createBlock(_component_ElPagination, mergeProps({
+          key: 0,
+          background: "",
+          layout: __props.layout,
+          total: __props.total
+        }, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const style0 = {
+	"explorer-footer": "_explorer-footer_1szke_1"
+};
+
+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 _ };

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

@@ -0,0 +1,21 @@
+import { IExplorerFooterProps } from './explorer-footer';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        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<{}>, {
+    layout: string;
+    paddingTop: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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-footer/index.css

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { IButtonProps } from '../button/button';
+export interface IExplorerListItem<T = any> {
+    label: string;
+    icon?: string;
+    value: string | number;
+    original?: T;
+}
+export interface IExplorerListProps {
+    data?: IExplorerListItem[];
+    actions?: ('create' | 'modify' | 'remove')[];
+    filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
+    emptyText?: string;
+    loading?: boolean;
+    loadingText?: string;
+    highlightCurrent?: boolean;
+    confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
+}
+export interface IExplorerListEmits {
+    (e: 'itemClick', value: string | number, item: IExplorerListItem, event: MouseEvent): void;
+    (e: 'create', value: string | number, item: IExplorerListItem): void;
+    (e: 'modify', value: string | number, item: IExplorerListItem): void;
+    (e: 'remove', value: string | number, item: IExplorerListItem): void;
+}

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

@@ -0,0 +1,157 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { defineComponent, ref, computed, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { Loading } from '@element-plus/icons-vue';
+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 { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-list",
+  props: {
+    data: { default: () => [] },
+    actions: { default: () => [] },
+    filterMethod: {},
+    emptyText: { default: "没有数据" },
+    loading: { type: Boolean },
+    loadingText: { default: "数据加载中..." },
+    highlightCurrent: { type: Boolean, default: true },
+    confirmParams: { type: Function, default: (item) => {
+      return { msg: `确定要删除 ${item.label} 吗？` };
+    } }
+  },
+  emits: ["itemClick", "create", "modify", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { filterKeyword } = injectExplorerPanelState();
+    const actived = ref();
+    const filterMethod = props.filterMethod || ((keyword, item) => {
+      return item.label.toLowerCase().includes(keyword.toLowerCase());
+    });
+    const myData = computed(() => {
+      return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
+    });
+    const isEmpty = computed(() => myData.value.length === 0);
+    function handleClick(item, e) {
+      if (!props.highlightCurrent) {
+        return;
+      }
+      actived.value = item.value;
+      emits("itemClick", item.value, item, e);
+    }
+    return (_ctx, _cache) => {
+      const _component_ElIcon = ElIcon;
+      return openBlock(), createBlock(Component$1, { always: "" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.value,
+              class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
+              onClick: (e) => handleClick(item, e)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.$style.label)
+              }, [
+                renderSlot(_ctx.$slots, "default", {
+                  data: item,
+                  index
+                }, () => [
+                  item.icon ? (openBlock(), createBlock(Component$2, {
+                    key: 0,
+                    name: item.icon,
+                    class: normalizeClass(_ctx.$style.icon)
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                  createTextVNode(toDisplayString(item.label), 1)
+                ])
+              ], 2),
+              __props.actions.length ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.actions)
+              }, [
+                __props.actions.includes("create") ? (openBlock(), createBlock(Component$3, {
+                  key: 0,
+                  title: "新增",
+                  type: "success",
+                  link: "",
+                  icon: { type: "el", name: "Plus" },
+                  stop: "",
+                  onClick: ($event) => emits("create", item.value, item)
+                }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                __props.actions.includes("modify") ? (openBlock(), createBlock(Component$3, {
+                  key: 1,
+                  title: "修改",
+                  type: "primary",
+                  link: "",
+                  icon: { type: "el", name: "Edit" },
+                  stop: "",
+                  onClick: ($event) => emits("modify", item.value, item)
+                }, null, 8, ["onClick"])) : createCommentVNode("", true),
+                __props.actions.includes("remove") ? (openBlock(), createBlock(Component$3, {
+                  key: 2,
+                  title: "删除",
+                  type: "danger",
+                  link: "",
+                  icon: { type: "el", name: "Delete" },
+                  confirm: __props.confirmParams(item),
+                  stop: "",
+                  onClick: ($event) => emits("remove", item.value, item)
+                }, null, 8, ["confirm", "onClick"])) : createCommentVNode("", true)
+              ], 2)) : createCommentVNode("", true)
+            ], 10, _hoisted_1);
+          }), 128)),
+          unref(isEmpty) && !__props.loading ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.empty)
+          }, toDisplayString(__props.emptyText), 3)) : createCommentVNode("", true),
+          __props.loading ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.loading)
+          }, [
+            createVNode(_component_ElIcon, { class: "is-loading" }, {
+              default: withCtx(() => [
+                createVNode(unref(Loading))
+              ]),
+              _: 1
+            }),
+            createTextVNode(toDisplayString(__props.loadingText), 1)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const item = "_item_1nz9u_1";
+const actions = "_actions_1nz9u_15";
+const active = "_active_1nz9u_19";
+const label = "_label_1nz9u_24";
+const icon = "_icon_1nz9u_30";
+const empty = "_empty_1nz9u_43";
+const loading = "_loading_1nz9u_44";
+const style0 = {
+	item: item,
+	actions: actions,
+	active: active,
+	label: label,
+	icon: icon,
+	empty: empty,
+	loading: loading
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+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_23 as _ };

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

@@ -0,0 +1,38 @@
+import { IExplorerListItem, IExplorerListProps } from './explorer-list';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            data: IExplorerListItem<any>;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    create: (value: string | number, item: IExplorerListItem<any>) => any;
+    modify: (value: string | number, item: IExplorerListItem<any>) => any;
+    remove: (value: string | number, item: IExplorerListItem<any>) => any;
+    itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
+    onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
+}>, {
+    data: IExplorerListItem[];
+    loadingText: string;
+    emptyText: string;
+    highlightCurrent: boolean;
+    actions: ("create" | "modify" | "remove")[];
+    confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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-list/index.css

@@ -0,0 +1,47 @@
+/* source: src/components/explorer-list/explorer-list.vue */
+._item_1nz9u_1 {
+  padding: 4px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+  min-height: 32px;
+  box-sizing: border-box;
+}
+._item_1nz9u_1:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._item_1nz9u_1:hover ._actions_1nz9u_15 {
+  display: inline-flex;
+  align-items: flex-start;
+}
+._item_1nz9u_1._active_1nz9u_19 {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._label_1nz9u_24 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_1nz9u_30 {
+  margin-right: 4px;
+}
+._actions_1nz9u_15 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_1nz9u_15 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+}
+._empty_1nz9u_43,
+._loading_1nz9u_44 {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  color: var(--el-text-color-secondary);
+}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { Reactive, Ref } from 'vue';
+import { IColumnConfig } from '../explorer-column-table/explorer-column-table';
+export interface IExplorerPanelProps {
+    resizable?: boolean;
+    padding?: number;
+}
+export interface IExplorerPanelState {
+    fullscreenTarget: Ref<HTMLElement>;
+    columnConfig: Ref<IColumnConfig[]>;
+    filterKeyword: Ref<string>;
+    actions: Reactive<Record<string, () => void>>;
+}
+export declare const KEY_NAME: unique symbol;
+export declare const injectExplorerPanelState: () => IExplorerPanelState;