@wfrog/vc-ui 1.0.0

package/dist/es/components/qr-code/qr-code.mjs

@@ -0,0 +1,69 @@
+import { defineComponent, useTemplateRef, onMounted, createBlock, openBlock, resolveDynamicComponent } from 'vue';
+import { i as index } from '../../chunk/BdDihk0t.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "qr-code",
+  props: {
+    tag: { default: "canvas" },
+    value: { default: "" },
+    option: { default: () => ({}) },
+    width: { default: 128 },
+    height: { default: 128 },
+    margin: { default: 1 },
+    version: { default: "1.5.1" }
+  },
+  setup(__props) {
+    const props = __props;
+    const elementRef = useTemplateRef("elementRef");
+    async function createQR() {
+      const QRCode = await index.loadCdnSingle("QRCode", props.version);
+      const { tag, value } = props;
+      const option = { width: props.width, height: props.height, margin: props.margin, ...props.option };
+      switch (tag) {
+        case "canvas":
+          QRCode.toCanvas(elementRef.value, value, option, (error) => {
+            if (error) {
+              throw error;
+            }
+          });
+          break;
+        case "img":
+          QRCode.toDataURL(value, option, (error, url) => {
+            if (error) {
+              throw error;
+            }
+            elementRef.value.src = url;
+          });
+          break;
+        case "svg":
+          QRCode.toString(value, option, (error, string) => {
+            if (error) {
+              throw error;
+            }
+            const div = document.createElement("div");
+            div.innerHTML = string;
+            const svg = div.querySelector("svg");
+            if (svg) {
+              Object.keys(svg.attributes).forEach((key) => {
+                const item = svg.attributes[key];
+                elementRef.value.setAttribute(item.name, item.value);
+              });
+              elementRef.value.innerHTML = svg.innerHTML;
+            }
+          });
+          break;
+      }
+    }
+    onMounted(() => {
+      createQR();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+        ref_key: "elementRef",
+        ref: elementRef
+      }, null, 512);
+    };
+  }
+});
+
+export { _sfc_main as _ };

package/dist/es/components/qr-code/qr-code.vue.d.ts

@@ -0,0 +1,13 @@
+import { IQRCodeProps } from './qr-code';
+declare const _default: import('vue').DefineComponent<IQRCodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IQRCodeProps> & Readonly<{}>, {
+    option: object;
+    value: string;
+    tag: string;
+    width: number;
+    height: number;
+    margin: number;
+    version: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    elementRef: unknown;
+}, any>;
+export default _default;

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

@@ -0,0 +1,14 @@
+/* source: src/components/screenfull/screenfull.vue */
+._main_65031_1 {
+  display: inline-flex;
+  cursor: pointer;
+  vertical-align: top;
+}
+._icon_65031_7 {
+  width: 1em;
+  height: 1em;
+  overflow: hidden;
+  font-size: 1em;
+  vertical-align: -0.15em;
+  fill: currentcolor;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export interface IScreenfullProps {
+    color?: string;
+    size?: string | number;
+}

package/dist/es/components/screenfull/screenfull.mjs

@@ -0,0 +1,91 @@
+import './index.css'
+import '../../chunk/E_WRn0OP.mjs';
+import { v as vLoading } from '../../chunk/CVlj9F0I.mjs';
+import { defineComponent, computed, ref, shallowRef, withDirectives, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, withCtx, createElementVNode } from 'vue';
+import { i as index } from '../../chunk/BdDihk0t.mjs';
+import { C as Component$1 } from '../svg-icon/svg-icon.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "screenfull",
+  props: {
+    color: {},
+    size: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const mySize = computed(() => {
+      if (props.size && Number.isNaN(+props.size)) {
+        return props.size;
+      }
+      return `${props.size}px`;
+    });
+    const loading = ref(false);
+    const isFullscreen = ref(false);
+    const screenfull = shallowRef();
+    async function handleClick() {
+      if (screenfull.value) {
+        screenfull.value.toggle();
+        return;
+      }
+      loading.value = true;
+      screenfull.value = await index.loadCdnSingle("screenfull");
+      loading.value = false;
+      screenfull.value.toggle();
+      screenfull.value.on("change", () => {
+        isFullscreen.value = screenfull.value.isFullscreen;
+      });
+    }
+    return (_ctx, _cache) => {
+      const _directive_loading = vLoading;
+      return withDirectives((openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.main),
+        style: normalizeStyle({ fontSize: unref(mySize), color: __props.color }),
+        onClick: handleClick
+      }, [
+        renderSlot(_ctx.$slots, "default", { isFullscreen: unref(isFullscreen) }, () => [
+          unref(isFullscreen) ? (openBlock(), createBlock(Component$1, {
+            key: 0,
+            name: "screenfull-exit",
+            viewBox: "0 0 1024 1024"
+          }, {
+            default: withCtx(() => [..._cache[0] || (_cache[0] = [
+              createElementVNode("path", { d: "M298.666667 298.666667V85.333333h85.333333v298.666667H85.333333V298.666667h213.333334z m426.666666-213.333334v213.333334h213.333334v85.333333h-298.666667V85.333333h85.333333zM298.666667 938.666667v-213.333334H85.333333v-85.333333h298.666667v298.666667H298.666667z m426.666666 0h-85.333333v-298.666667h298.666667v85.333333h-213.333334v213.333334z" }, null, -1)
+            ])]),
+            _: 1
+          })) : (openBlock(), createBlock(Component$1, {
+            key: 1,
+            name: "screenfull",
+            viewBox: "0 0 1024 1024"
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createElementVNode("path", { d: "M170.666667 170.666667v213.333333H85.333333V85.333333h298.666667v85.333334H170.666667z m682.666666 213.333333V170.666667h-213.333333V85.333333h298.666667v298.666667h-85.333334zM170.666667 640v213.333333h213.333333v85.333334H85.333333v-298.666667h85.333334z m682.666666 0h85.333334v298.666667h-298.666667v-85.333334h213.333333v-213.333333z" }, null, -1)
+            ])]),
+            _: 1
+          }))
+        ])
+      ], 6)), [
+        [_directive_loading, unref(loading)]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const main = "_main_65031_1";
+const icon = "_icon_65031_7";
+const style0 = {
+	main: main,
+	icon: icon
+};
+
+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/screenfull/screenfull.vue.d.ts

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

@@ -0,0 +1,9 @@
+/* source: src/components/select/select.vue */
+div._select_1fcv5_1 {
+  width: unset;
+  min-width: var(--v16c5a880);
+}
+div._select_1fcv5_1._block_1fcv5_5 {
+  display: block;
+  width: var(--v16c5a880);
+}

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SelectProps } from 'element-plus/es/components/select';
+export interface ISelectProps {
+    block?: boolean;
+    width?: string;
+    options: SelectProps['options'] | string[];
+}

package/dist/es/components/select/select.mjs

@@ -0,0 +1,63 @@
+import './index.css'
+import '../../chunk/E_WRn0OP.mjs';
+import '../../chunk/CZ4ggqDE.mjs';
+import { E as ElSelect } from '../../chunk/CMABHk8B.mjs';
+import '../../chunk/CaTfZePA.mjs';
+import '../../chunk/DqUIKX7f.mjs';
+import { defineComponent, useCssVars, unref, computed, useCssModule, createBlock, openBlock, mergeProps } from 'vue';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "select",
+  props: {
+    block: { type: Boolean, default: false },
+    width: { default: "" },
+    options: {}
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v16c5a880": unref(myWidth)
+    }));
+    const props = __props;
+    const myOptions = computed(() => {
+      if (Array.isArray(props.options) && typeof props.options[0] === "string") {
+        return props.options.map((item) => ({ label: item, value: item }));
+      }
+      return props.options;
+    });
+    const $style = useCssModule();
+    const className = computed(() => ({
+      [$style.select]: true,
+      [$style.block]: props.block
+    }));
+    const myWidth = computed(() => {
+      return props.width || (props.block ? "100%" : "240px");
+    });
+    return (_ctx, _cache) => {
+      const _component_ElSelect = ElSelect;
+      return openBlock(), createBlock(_component_ElSelect, mergeProps({ "collapse-tags": "" }, _ctx.$attrs, {
+        class: unref(className),
+        options: unref(myOptions)
+      }), null, 16, ["class", "options"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const select = "_select_1fcv5_1";
+const block = "_block_1fcv5_5";
+const style0 = {
+	select: select,
+	block: block
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_25 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_25 as _ };

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

@@ -0,0 +1,6 @@
+import { ISelectProps } from './select';
+declare const _default: import('vue').DefineComponent<ISelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ISelectProps> & Readonly<{}>, {
+    width: string;
+    block: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/single-player/index.css

@@ -0,0 +1,45 @@
+/* source: src/components/single-player/single-player.vue */
+.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_16n2t_1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 10px;
+}
+._main_16n2t_1 .awesome-icon {
+  position: relative;
+  z-index: 1;
+  width: 38px;
+  font-size: 28px;
+  text-align: center;
+}
+._volume_16n2t_15 {
+  position: absolute !important;
+  bottom: 25px;
+  left: 0;
+  display: none !important;
+  height: auto !important;
+  padding: 20px 0;
+  background-color: #f5f5f5;
+}
+._volume-container_16n2t_25 {
+  position: relative;
+  z-index: 1500;
+  margin-left: 20px;
+}
+._volume-container_16n2t_25:hover {
+  color: var(--active-color);
+  background-color: #f5f5f5;
+}
+._volume-container_16n2t_25:hover ._volume_16n2t_15 {
+  display: block !important;
+}
+._volume-controll_16n2t_38 {
+  cursor: pointer;
+}
+._play_16n2t_42 {
+  font-size: 20px !important;
+  cursor: pointer;
+}
+._play_16n2t_42:hover {
+  color: var(--active-color);
+}

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

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

package/dist/es/components/single-player/index.mjs

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

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

@@ -0,0 +1,4 @@
+export interface ISinglePlayerProps {
+    src: string;
+    width?: number;
+}