@wfrog/vc-ui 1.0.0

package/dist/es/components/single-player/single-player.vue.d.ts

@@ -0,0 +1,13 @@
+import { ISinglePlayerProps } from './single-player';
+declare const _default: import('vue').DefineComponent<ISinglePlayerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: any) => any;
+    timeupdate: (time: number) => any;
+}, string, import('vue').PublicProps, Readonly<ISinglePlayerProps> & Readonly<{
+    onError?: ((error: any) => any) | undefined;
+    onTimeupdate?: ((time: number) => any) | undefined;
+}>, {
+    width: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    myAudio: HTMLAudioElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/es/components/svg-icon/index.css

@@ -0,0 +1,9 @@
+/* source: src/components/svg-icon/svg-icon.vue */
+._icon_15t6e_1 {
+  width: 1em;
+  height: 1em;
+  overflow: hidden;
+  font-size: 1em;
+  vertical-align: -0.15em;
+  fill: currentcolor;
+}

package/dist/es/components/svg-icon/index.d.ts

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

package/dist/es/components/svg-icon/index.mjs

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

package/dist/es/components/svg-icon/svg-icon.d.ts

@@ -0,0 +1,5 @@
+export interface ISVGIconProps {
+    name: string;
+    size?: number | string;
+    color?: string;
+}

package/dist/es/components/svg-icon/svg-icon.mjs

@@ -0,0 +1,46 @@
+import './index.css'
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createElementVNode } from 'vue';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _hoisted_1 = ["xlink:href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "svg-icon",
+  props: {
+    name: {},
+    size: {},
+    color: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        class: normalizeClass(["svg-icon", [_ctx.$style.icon]]),
+        "aria-hidden": "true",
+        style: normalizeStyle({ fontSize: __props.size, color: __props.color })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createElementVNode("use", {
+            "xlink:href": `#icon-${props.name}`
+          }, null, 8, _hoisted_1)
+        ])
+      ], 6);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const icon = "_icon_15t6e_1";
+const style0 = {
+	icon: icon
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_27 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_27 as _ };

package/dist/es/components/svg-icon/svg-icon.vue.d.ts

@@ -0,0 +1,18 @@
+import { ISVGIconProps } from './svg-icon';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: SVGSVGElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ISVGIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ISVGIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+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/switch/index.css

@@ -0,0 +1,15 @@
+/* source: src/components/switch/switch.vue */
+._main_5oj5r_1 {
+  position: relative;
+  display: inline-block;
+}
+._main_5oj5r_1::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  content: "";
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { PopconfirmProps, SwitchProps } from 'element-plus';
+export interface ISwitchProps {
+    modelValue: SwitchProps['modelValue'];
+    confirmTitle?: string;
+    disabled?: boolean;
+    className?: string;
+    confirm?: boolean;
+    confirmProps?: PopconfirmProps;
+}

package/dist/es/components/switch/switch.mjs

@@ -0,0 +1,82 @@
+import './index.css'
+import { defineComponent, useTemplateRef, computed, onMounted, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createVNode } from 'vue';
+import { ElSwitch, ElPopconfirm } from 'element-plus';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "switch",
+  props: {
+    modelValue: {},
+    confirmTitle: { default: "确认切换吗？" },
+    disabled: { type: Boolean, default: false },
+    className: { default: "" },
+    confirm: { type: Boolean, default: false },
+    confirmProps: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const mainRef = useTemplateRef("mainRef");
+    function getSwitchEle() {
+      if (!mainRef.value) {
+        return;
+      }
+      const ele = mainRef.value.getElementsByClassName("h-switch")[0];
+      return ele;
+    }
+    const handleConfirm = () => getSwitchEle()?.click();
+    const myValue = computed({
+      get: () => props.modelValue,
+      set: (val) => emits("update:modelValue", val)
+    });
+    onMounted(() => {
+      getSwitchEle()?.addEventListener("click", (event) => {
+        event.stopPropagation();
+      });
+    });
+    return (_ctx, _cache) => {
+      return __props.disabled || !__props.confirm ? (openBlock(), createBlock(unref(ElSwitch), mergeProps({
+        key: 0,
+        modelValue: myValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => myValue.value = $event),
+        class: __props.className
+      }, _ctx.$attrs, { disabled: __props.disabled }), null, 16, ["modelValue", "class", "disabled"])) : (openBlock(), createBlock(unref(ElPopconfirm), mergeProps({
+        key: 1,
+        title: __props.confirmTitle
+      }, props.confirmProps, { onConfirm: handleConfirm }), {
+        reference: withCtx(() => [
+          createElementVNode("span", {
+            ref_key: "mainRef",
+            ref: mainRef,
+            class: normalizeClass(_ctx.$style.main)
+          }, [
+            createVNode(unref(ElSwitch), mergeProps({
+              modelValue: myValue.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => myValue.value = $event),
+              class: ["h-switch", __props.className]
+            }, _ctx.$attrs), null, 16, ["modelValue", "class"])
+          ], 2)
+        ]),
+        _: 1
+      }, 16, ["title"]));
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const main = "_main_5oj5r_1";
+const style0 = {
+	main: main
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_28 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_28 as _ };

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

@@ -0,0 +1,14 @@
+import { ISwitchProps } from './switch';
+declare const _default: import('vue').DefineComponent<ISwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<ISwitchProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    confirm: boolean;
+    disabled: boolean;
+    className: string;
+    confirmTitle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    mainRef: HTMLSpanElement;
+}, any>;
+export default _default;

package/dist/es/components/sync-scroll-container/index.css

@@ -0,0 +1,82 @@
+/* source: src/components/sync-scroll-container/sync-scroll-container.vue */
+._wrapper_1wn6e_1 {
+  position: relative;
+  box-sizing: border-box;
+  width: var(--v9205c19e);
+  height: var(--v42f97a9c);
+  overflow: auto;
+}
+._wrapper_1wn6e_1._border_1wn6e_8 {
+  border: 1px solid var(--el-border-color);
+}
+._header_1wn6e_12 {
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 5;
+  display: flex;
+  width: 100%;
+  height: var(--v47f551fd);
+  overflow: hidden;
+  background-color: var(--el-bg-color);
+}
+._header_1wn6e_12._border_1wn6e_8 {
+  border-bottom: 1px solid var(--el-border-color);
+}
+._header-container_1wn6e_27 {
+  width: var(--c2d4b0de);
+}
+._header-shadow_1wn6e_31 {
+  position: sticky;
+  top: var(--v47f551fd);
+  left: 0;
+  z-index: 4;
+  width: var(--v6afeb138);
+  min-width: 100%;
+  height: 0;
+  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
+}
+._corner_1wn6e_42 {
+  position: sticky;
+  left: 0;
+  z-index: 3;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  width: var(--v67ebf0b3);
+  background-color: var(--el-bg-color);
+}
+._corner_1wn6e_42._border_1wn6e_8 {
+  border-right: 1px solid var(--el-border-color);
+}
+._corner_1wn6e_42._shadow_1wn6e_54 {
+  box-shadow: 3px 0 5px -2px rgba(0, 0, 0, 0.2);
+}
+._container_1wn6e_58 {
+  position: absolute;
+  top: var(--v47f551fd);
+  left: var(--v67ebf0b3);
+  display: flex;
+  background-color: var(--el-bg-color);
+}
+._sidebar_1wn6e_66 {
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  box-sizing: border-box;
+  display: flex;
+  width: var(--v67ebf0b3);
+  height: var(--v2c08735c);
+  min-height: var(--v665c6d64);
+  background-color: var(--el-bg-color);
+}
+._sidebar_1wn6e_66._border_1wn6e_8 {
+  border-right: 1px solid var(--el-border-color);
+}
+._sidebar_1wn6e_66._shadow_1wn6e_54 {
+  box-shadow: 3px 0 5px -2px rgba(0, 0, 0, 0.2);
+}
+._body_1wn6e_85 {
+  position: relative;
+  height: var(--v2c08735c);
+}

package/dist/es/components/sync-scroll-container/index.d.ts

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

package/dist/es/components/sync-scroll-container/index.mjs

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

package/dist/es/components/sync-scroll-container/sync-scroll-container.d.ts

@@ -0,0 +1,6 @@
+export interface ISyncScrollContainerProps {
+    shadow?: boolean;
+    border?: boolean;
+    width?: string | number;
+    height?: string | number;
+}

package/dist/es/components/sync-scroll-container/sync-scroll-container.mjs

@@ -0,0 +1,157 @@
+import './index.css'
+import { defineComponent, useCssVars, unref, useTemplateRef, computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot } from 'vue';
+import { c as useElementSize } from '../../chunk/CD98REcR.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "sync-scroll-container",
+  props: {
+    shadow: { type: Boolean, default: false },
+    border: { type: Boolean, default: true },
+    width: {},
+    height: {}
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v9205c19e": `${unref(nodeWidth)}px`,
+      "v42f97a9c": `${unref(nodeHeight)}px`,
+      "v47f551fd": `${unref(headerHeight)}px`,
+      "c2d4b0de": `${unref(bodyWidth)}px`,
+      "v6afeb138": `${unref(bodyWidth) + unref(sidebarWidth)}px`,
+      "v67ebf0b3": `${unref(sidebarWidth)}px`,
+      "v2c08735c": `${unref(bodyHeight)}px`,
+      "v665c6d64": `calc(100% - ${unref(headerHeight)}px)`
+    }));
+    const wrapperRef = useTemplateRef("wrapperRef");
+    const headerRef = useTemplateRef("headerRef");
+    const headerContainerRef = useTemplateRef("headerContainerRef");
+    const bodyContainerRef = useTemplateRef("bodyContainerRef");
+    const sidebarContainerRef = useTemplateRef("sidebarContainerRef");
+    const nodeRef = computed(() => wrapperRef.value?.parentNode || wrapperRef.value);
+    const { height: headerHeight } = useElementSize(headerContainerRef);
+    const { width: bodyWidth, height: bodyHeight } = useElementSize(bodyContainerRef);
+    const { width: sidebarWidth } = useElementSize(sidebarContainerRef);
+    const { width: nodeWidth, height: nodeHeight } = useElementSize(nodeRef);
+    const scrollBarWidth = ref(0);
+    function getScrollbarWidth() {
+      const outer = document.createElement("div");
+      outer.style.visibility = "hidden";
+      outer.style.overflow = "scroll";
+      document.body.appendChild(outer);
+      const widthWithScroll = outer.offsetWidth;
+      const widthWithoutScroll = outer.clientWidth;
+      document.body.removeChild(outer);
+      return widthWithScroll - widthWithoutScroll || 8;
+    }
+    function syncScroll() {
+      function updateScroll() {
+        headerRef.value.scrollLeft = wrapperRef.value.scrollLeft;
+      }
+      function hasHorizontalScroll(element) {
+        return element.scrollWidth > element.clientWidth;
+      }
+      const install = () => {
+        wrapperRef.value.addEventListener("scroll", updateScroll);
+        if (hasHorizontalScroll(wrapperRef.value)) {
+          scrollBarWidth.value = getScrollbarWidth();
+        }
+      };
+      const uninstall = () => {
+        wrapperRef.value.removeEventListener("scroll", updateScroll);
+      };
+      return { install, uninstall };
+    }
+    const { install: syncScrollInstall, uninstall: syncScrollUninstall } = syncScroll();
+    onMounted(() => syncScrollInstall());
+    onBeforeUnmount(() => syncScrollUninstall());
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.border]: __props.border }])
+      }, [
+        createElementVNode("div", {
+          ref_key: "headerRef",
+          ref: headerRef,
+          class: normalizeClass([_ctx.$style.header, { [_ctx.$style.border]: __props.border }])
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([_ctx.$style.corner, { [_ctx.$style.shadow]: __props.shadow, [_ctx.$style.border]: __props.border }])
+          }, [
+            renderSlot(_ctx.$slots, "corner")
+          ], 2),
+          createElementVNode("div", null, [
+            createElementVNode("div", {
+              ref_key: "headerContainerRef",
+              ref: headerContainerRef,
+              class: normalizeClass(_ctx.$style["header-container"])
+            }, [
+              renderSlot(_ctx.$slots, "header")
+            ], 2)
+          ])
+        ], 2),
+        __props.shadow ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style["header-shadow"])
+        }, null, 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([_ctx.$style.sidebar, { [_ctx.$style.shadow]: __props.shadow, [_ctx.$style.border]: __props.border }])
+        }, [
+          createElementVNode("div", {
+            ref_key: "sidebarContainerRef",
+            ref: sidebarContainerRef
+          }, [
+            renderSlot(_ctx.$slots, "sidebar")
+          ], 512)
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.container)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.body)
+          }, [
+            createElementVNode("div", {
+              ref_key: "bodyContainerRef",
+              ref: bodyContainerRef
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 512)
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const wrapper = "_wrapper_1wn6e_1";
+const border = "_border_1wn6e_8";
+const header = "_header_1wn6e_12";
+const corner = "_corner_1wn6e_42";
+const shadow = "_shadow_1wn6e_54";
+const container = "_container_1wn6e_58";
+const sidebar = "_sidebar_1wn6e_66";
+const body = "_body_1wn6e_85";
+const style0 = {
+	wrapper: wrapper,
+	border: border,
+	header: header,
+	"header-container": "_header-container_1wn6e_27",
+	"header-shadow": "_header-shadow_1wn6e_31",
+	corner: corner,
+	shadow: shadow,
+	container: container,
+	sidebar: sidebar,
+	body: body
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_29 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_29 as _ };

package/dist/es/components/sync-scroll-container/sync-scroll-container.vue.d.ts

@@ -0,0 +1,36 @@
+import { ISyncScrollContainerProps } from './sync-scroll-container';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        corner?(_: {}): any;
+        header?(_: {}): any;
+        sidebar?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+        headerRef: HTMLDivElement;
+        headerContainerRef: HTMLDivElement;
+        sidebarContainerRef: HTMLDivElement;
+        bodyContainerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ISyncScrollContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ISyncScrollContainerProps> & Readonly<{}>, {
+    border: boolean;
+    shadow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    headerRef: HTMLDivElement;
+    headerContainerRef: HTMLDivElement;
+    sidebarContainerRef: HTMLDivElement;
+    bodyContainerRef: HTMLDivElement;
+}, 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/tags/index.css

@@ -0,0 +1,17 @@
+/* source: src/components/tags/tags.vue */
+div._input_1tp7v_1 {
+  width: 100px;
+}
+._draggable_1tp7v_5 {
+  display: inline-block;
+  margin-top: -8px;
+  line-height: 1;
+}
+span._draggable_1tp7v_5 > * {
+  margin-top: 8px;
+  margin-right: 8px;
+  vertical-align: bottom;
+}
+._alert_1tp7v_17 p.el-alert__description {
+  margin-top: 0;
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+export interface ITagsProps {
+    modelValue: (string | number)[];
+    limit?: number;
+    regexp?: RegExp;
+    sameMessage?: string;
+    errorMessage?: string;
+    readonly?: boolean;
+    valueFormat?: (val: string | number) => string | number;
+}