@wfrog/vc-ui 1.7.0 → 1.9.0

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

@@ -1,6 +1,6 @@
 /* source: src/components/explorer-query/explorer-query.vue */
 ._explorer-query_1a5c2_1 {
-  padding-bottom: var(--f439917e);
+  padding-bottom: var(--v4fedc6d4);
   display: flex;
   column-gap: 8px;
   justify-content: space-between;
@@ -8,7 +8,7 @@
   border-bottom: 1px solid var(--el-border-color-lighter);
 }
 ._form-container_1a5c2_10 {
-  height: var(--v2fbb1e90);
+  height: var(--v2a8bf085);
   overflow: hidden;
 }
 ._form-container_1a5c2_10._expand_1a5c2_14 {

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

@@ -456,7 +456,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElRadioButton = ElRadioButton;
       const _component_ElRadioGroup = ElRadioGroup;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref($style)["explorer-tools"])
+        class: normalizeClass([unref($style)["explorer-tools"], "vc-explorer-tools"])
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref($style).buttons)
@@ -560,12 +560,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const buttons = "_buttons_n8m18_10";
-const tools = "_tools_n8m18_19";
-const layout = "_layout_n8m18_30";
-const fullscreen = "_fullscreen_n8m18_35";
+/* unplugin-vue-components disabled */const buttons = "_buttons_wenpv_10";
+const tools = "_tools_wenpv_19";
+const layout = "_layout_wenpv_30";
+const fullscreen = "_fullscreen_wenpv_35";
 const style0 = {
-	"explorer-tools": "_explorer-tools_n8m18_1",
+	"explorer-tools": "_explorer-tools_wenpv_1",
 	buttons: buttons,
 	tools: tools,
 	layout: layout,

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

@@ -17,37 +17,37 @@
 }
 ._divider_971vy_21 {
   margin: 8px 0;
-}._explorer-tools_n8m18_1 {
+}._explorer-tools_wenpv_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 8px 0;
+  padding: 0 0 8px 0;
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._buttons_n8m18_10 {
+._buttons_wenpv_10 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._buttons_n8m18_10 button {
+._buttons_wenpv_10 button {
   margin-left: 0 !important;
 }
-._tools_n8m18_19 {
+._tools_wenpv_19 {
   display: flex;
   align-items: center;
   column-gap: 8px;
 }
-._tools_n8m18_19 > button {
+._tools_wenpv_19 > button {
   padding: 4px;
   font-size: 18px;
   margin-left: 0 !important;
 }
-._layout_n8m18_30 .el-radio-button__inner {
+._layout_wenpv_30 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_n8m18_35 {
+._fullscreen_wenpv_35 {
   position: fixed !important;
   background-color: var(--el-bg-color) !important;
   top: 0 !important;

package/dist/es/components/transfer/index.css

@@ -0,0 +1,38 @@
+/* source: src/components/transfer/transfer.vue */
+._popover_1kcfx_1 {
+  width: auto !important;
+  min-width: 80px !important;
+}
+._container_1kcfx_6 {
+  display: flex;
+}
+._container_1kcfx_6 .el-cascader-menu {
+  min-width: 80px;
+}
+._wrapper_1kcfx_13 {
+  display: inline-block;
+  width: unset;
+  min-width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13._block_1kcfx_18 {
+  display: block;
+  width: var(--v4c7f4a02);
+}
+._wrapper_1kcfx_13 .el-tag .el-icon {
+  display: none;
+}
+._select_1kcfx_26 {
+  width: 100%;
+}
+._select_1kcfx_26 .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
+}
+._is-active_1kcfx_33 .el-input__inner {
+  border-color: var(--color-primary);
+}
+._is-active_1kcfx_33 .el-icon {
+  transform: rotateZ(-180deg) !important;
+}
+._popper_1kcfx_40 {
+  display: none !important;
+}

package/dist/es/components/transfer/index.d.ts

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

package/dist/es/components/transfer/index.mjs

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

package/dist/es/components/transfer/transfer.d.ts

@@ -0,0 +1,12 @@
+import { ITransferChildItem } from '../transfer-panel/components/transfer-child-panel';
+export interface ITransferProps {
+    modelValue?: string[] | number[];
+    data?: ITransferChildItem[];
+    placeholder?: string;
+    width?: string;
+    block?: boolean;
+    disabled?: boolean;
+}
+export interface ITransferEmits {
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}

package/dist/es/components/transfer/transfer.mjs

@@ -0,0 +1,122 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import '../../chunk/D1Ki7NcP.mjs';
+/* empty css                    */
+import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, isRef, mergeProps } from 'vue';
+import { useFormDisabled } from 'element-plus';
+import { C as Component$2 } from '../select/select.mjs';
+import { C as Component$1 } from '../transfer-panel/transfer-panel.mjs';
+import { useVModel, useToggle, useThrottleFn, onClickOutside } from '@vueuse/core';
+import { E as ElPopover } from '../../chunk/BzqDqZOf.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "transfer",
+  props: {
+    modelValue: {},
+    data: {},
+    placeholder: { default: "请选择" },
+    width: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v4c7f4a02": unref(myWidth)
+    }));
+    const props = __props;
+    const emits = __emit;
+    const myValue = useVModel(props, "modelValue", emits);
+    const [popoverVisible, togglePopoverVisible] = useToggle();
+    const formDisabled = useFormDisabled();
+    const handleSelectClick = useThrottleFn(() => {
+      !formDisabled.value && togglePopoverVisible();
+    }, 300);
+    const myWidth = computed(() => {
+      return props.width || (props.block ? "100%" : "240px");
+    });
+    const $style = useCssModule();
+    const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value, [$style.block]: props.block }));
+    const containerRef = useTemplateRef("containerRef");
+    onClickOutside(containerRef, (event) => {
+      let target = event.target;
+      let result = false;
+      do {
+        result = target.classList ? target.classList.contains($style.select) : false;
+        target = target.parentNode;
+      } while (result === false && target !== null && target.nodeName !== "BODY");
+      !result && togglePopoverVisible(false);
+    });
+    return (_ctx, _cache) => {
+      const _component_ElPopover = ElPopover;
+      return openBlock(), createBlock(_component_ElPopover, {
+        visible: unref(popoverVisible),
+        placement: "bottom",
+        "popper-class": unref($style).popover
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref($style).wrapper),
+            onClickCapture: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args))
+          }, [
+            createVNode(Component$2, mergeProps({
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              block: __props.block,
+              placeholder: __props.placeholder,
+              class: [unref($style).select, unref(selectClassName)],
+              options: __props.data,
+              disabled: unref(formDisabled)
+            }, { ..._ctx.$attrs, multiple: true }, {
+              "popper-class": unref($style).popper
+            }), null, 16, ["modelValue", "block", "placeholder", "class", "options", "disabled", "popper-class"])
+          ], 34)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            class: normalizeClass(unref($style).container)
+          }, [
+            createVNode(Component$1, {
+              modelValue: unref(myValue),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
+              data: __props.data
+            }, null, 8, ["modelValue", "data"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "popper-class"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const popover = "_popover_1kcfx_1";
+const container = "_container_1kcfx_6";
+const wrapper = "_wrapper_1kcfx_13";
+const block = "_block_1kcfx_18";
+const select = "_select_1kcfx_26";
+const popper = "_popper_1kcfx_40";
+const style0 = {
+	popover: popover,
+	container: container,
+	wrapper: wrapper,
+	block: block,
+	select: select,
+	"is-active": "_is-active_1kcfx_33",
+	popper: popper
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_56 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_56 as _ };

package/dist/es/components/transfer/transfer.vue.d.ts

@@ -0,0 +1,12 @@
+import { ITransferProps } from './transfer';
+declare const _default: import('vue').DefineComponent<ITransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string[] | number[]) => any;
+}, string, import('vue').PublicProps, Readonly<ITransferProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[] | number[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/es/components/transfer-panel/components/transfer-child-panel.d.ts

@@ -0,0 +1,19 @@
+export interface ITransferChildItem {
+    label: string;
+    icon?: string;
+    value: string | number;
+}
+export interface ITransferChildPanelProps {
+    title?: string;
+    data?: ITransferChildItem[];
+    placeholder?: string;
+    type: 'source' | 'choiced';
+    width: string;
+    modelValue?: string[] | number[];
+    debounce?: number;
+    disabled?: boolean;
+}
+export interface ITransferChildPanelEmits {
+    (e: 'change', type: number, item?: ITransferChildItem): void;
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}

package/dist/es/components/transfer-panel/components/transfer-child-panel.vue.d.ts

@@ -0,0 +1,31 @@
+import { ITransferChildItem, ITransferChildPanelProps } from './transfer-child-panel';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            data: ITransferChildItem;
+            index: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ITransferChildPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (type: number, item?: ITransferChildItem | undefined) => any;
+    "update:modelValue": (value: string[] | number[]) => any;
+}, string, import('vue').PublicProps, Readonly<ITransferChildPanelProps> & Readonly<{
+    onChange?: ((type: number, item?: ITransferChildItem | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[] | number[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    disabled: boolean;
+    debounce: 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/transfer-panel/index.css

@@ -0,0 +1,100 @@
+/* source: src/components/transfer-panel/components/transfer-child-panel.vue,src/components/transfer-panel/transfer-panel.vue */
+._transfer-child-panel_ipfuy_1 {
+  display: flex;
+  flex-direction: column;
+  padding: 4px;
+  position: relative;
+  row-gap: 4px;
+  width: var(--v4db18f20);
+}
+._item_ipfuy_10 {
+  padding: 4px 8px;
+  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;
+  line-height: 1;
+}
+._item_ipfuy_10._source_ipfuy_21 {
+  cursor: pointer;
+}
+._item_ipfuy_10:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._item_ipfuy_10:hover ._actions_ipfuy_27 {
+  display: inline-flex;
+  align-items: flex-start;
+}
+._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._label_ipfuy_36 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_ipfuy_42 {
+  margin-right: 4px;
+}
+._actions_ipfuy_27 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_ipfuy_27 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
+}
+._actions_ipfuy_27 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._operation_ipfuy_59 {
+  position: absolute;
+  z-index: 10;
+  bottom: 0;
+  right: 0;
+  width: 40px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--el-bg-color-page);
+  cursor: pointer;
+}
+._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-primary);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10:hover {
+  background-color: inherit;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10._active_ipfuy_31 {
+  color: var(--el-color-info);
+  background-color: var(--el-fill-color-light);
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._actions_ipfuy_27 {
+  display: none !important;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59 {
+  cursor: not-allowed;
+}
+._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59:hover .el-text {
+  color: var(--el-color-info);
+}._transfer-panel_1mztg_1 {
+  display: flex;
+  height: var(--v7fe0a745);
+  border-radius: var(--el-border-radius-base);
+  border: 1px solid var(--el-border-color-light);
+  width: fit-content;
+}
+._divider_1mztg_9 {
+  width: 1px;
+  height: 100%;
+  background-color: var(--el-border-color-light);
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { ITransferChildItem } from './components/transfer-child-panel';
+export interface ITransferPanelProps {
+    modelValue?: string[] | number[];
+    title?: string;
+    data?: ITransferChildItem[];
+    height?: string | number;
+    halfWidth?: string | number;
+    disabled?: boolean;
+}
+export interface ITransferPanelEmits {
+    (e: 'change', type: number, item?: ITransferChildItem): void;
+    (e: 'update:modelValue', value: string[] | number[]): void;
+}