@fangzhongya/fang-ui 0.1.10 → 0.1.12

package/dist/components/uploads/src/index2.cjs

@@ -6,15 +6,15 @@ const download$1 = require("../../../icons/vue/download.cjs");
 const plus = require("../../../icons/vue/plus.cjs");
 const views = require("../../../icons/vue/views.cjs");
 const _delete = require("../../../icons/vue/delete.cjs");
-const index$6 = require("../../icon/index.cjs");
-const index$a = require("../../upload/index.cjs");
-const index$4 = require("../../message/index.cjs");
-const index$7 = require("../../image/index.cjs");
-const index$8 = require("../../box-adjust/index.cjs");
-const index$9 = require("../../iframe/index.cjs");
+const index$7 = require("../../icon/index.cjs");
+const index$b = require("../../upload/index.cjs");
+const index$5 = require("../../message/index.cjs");
+const index$8 = require("../../image/index.cjs");
+const index$9 = require("../../box-adjust/index.cjs");
+const index$a = require("../../iframe/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
-const index$5 = require("../../../hooks/expose/index.cjs");
+const index$6 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const getUrlCatalogueObj = require("@fangzhongya/utils/urls/getUrlCatalogueObj");
@@ -22,7 +22,8 @@ const download = require("@fangzhongya/utils/window/download");
 const util$1 = require("../../players/common/util.cjs");
 const util = require("./util.cjs");
 require("../../form/index.cjs");
-const index$3 = require("element-plus/es/components/form/index");
+const index$3 = require("../../../hooks/props-default/index.cjs");
+const index$4 = require("element-plus/es/components/form/index");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["onClick", "title"];
 const _hoisted_3 = ["onClick", "title"];
@@ -30,21 +31,23 @@ const _hoisted_4 = ["onClick", "title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
     const refEl = vue.ref();
     const elRef = vue.ref();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const cs = index$2.useCssName("uploads");
-    const props = __props;
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
+    const cs = index$2.useCssName(data.name);
+    const prs = __props;
+    const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
+    index$3.viewProps(props, data.name);
     const emit = __emit;
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
     const isloading = vue.ref(false);
-    const disabled = index$3.useDisabled();
+    const disabled = index$4.useDisabled();
     const accept = vue.computed(() => {
       if (props.accept) {
         return props.accept;
@@ -119,19 +122,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       show: false,
       value: void 0
     });
-    const getIsViews = (item) => {
-      if (props.isViews) {
-        if (typeof props.isViews === "boolean") {
-          return true;
-        } else {
-          const type2 = util.getListType(item, props.type, accept.value);
-          if (props.isViews.includes(type2)) {
-            return true;
-          }
-        }
-      }
-      return false;
-    };
     const onDownload = (item, index2) => {
       if (props.onDownload) {
         props.onDownload(item, index2);
@@ -171,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (props.errorPrompt) {
         props.errorPrompt(ts, num);
       } else {
-        index$4.Message.error(ts);
+        index$5.Message.error(ts);
       }
     };
     const onBeforeUpload = (file) => {
@@ -237,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("httpRequest", obj, callback);
     };
     __expose(
-      index$5.useExpose(
+      index$6.useExpose(
         {
           el: refEl
         },
@@ -261,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {
                 value: item,
-                type: props.type,
+                type: vue.unref(props).type,
                 accept: accept.value,
                 disabled: vue.unref(disabled)
               }, () => {
@@ -271,24 +261,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(vue.unref(cs).z("list-li-operation")),
                     title: item.url
                   }, [
-                    props.isDownload ? (vue.openBlock(), vue.createElementBlock("span", {
+                    vue.unref(props).isDownload ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       onClick: ($event) => onDownload(item, index2),
                       title: vue.unref(getLocale)("upload.download")
                     }, [
-                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                      vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
                           vue.createVNode(download$1.default)
                         ]),
                         _: 1
                       })
                     ], 8, _hoisted_2)) : vue.createCommentVNode("", true),
-                    props.isViews ? (vue.openBlock(), vue.createElementBlock("span", {
+                    vue.unref(props).isViews ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 1,
                       onClick: ($event) => onViews(item, index2),
                       title: vue.unref(getLocale)("upload.views")
                     }, [
-                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                      vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
                           vue.createVNode(views.default)
                         ]),
@@ -301,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       onClick: ($event) => onDelete(item, index2),
                       title: vue.unref(getLocale)("upload.delete")
                     }, [
-                      vue.createVNode(vue.unref(index$6.Icon), null, {
+                      vue.createVNode(vue.unref(index$7.Icon), null, {
                         default: vue.withCtx(() => [
                           vue.createVNode(_delete.default)
                         ]),
@@ -314,9 +304,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.unref(util.getListType)(
                       item,
-                      props.type,
+                      vue.unref(props).type,
                       accept.value
-                    ).startsWith("i") ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.Image), {
+                    ).startsWith("i") ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.Image), {
                       key: 0,
                       class: vue.normalizeClass(vue.unref(cs).z("list-li-value-img")),
                       fit: "cover",
@@ -349,18 +339,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               })
             ], 2);
           }), 128)),
-          props.isViews ? (vue.openBlock(), vue.createElementBlock("div", {
+          vue.unref(props).isViews ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(cs).z("list-views"))
           }, [
             vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).views, {
-              type: props.type,
+              type: vue.unref(props).type,
               accept: accept.value,
               value: views$1.value,
               show: views$1.show,
               onClose: _cache[0] || (_cache[0] = ($event) => views$1.show = false)
             }, () => [
-              vue.createVNode(vue.unref(index$8.BoxAdjust), {
+              vue.createVNode(vue.unref(index$9.BoxAdjust), {
                 isMax: "",
                 modelValue: views$1.show,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => views$1.show = $event)
@@ -368,7 +358,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 default: vue.withCtx(() => {
                   var _a, _b;
                   return [
-                    (vue.openBlock(), vue.createBlock(vue.unref(index$9.Iframe), {
+                    (vue.openBlock(), vue.createBlock(vue.unref(index$a.Iframe), {
                       key: (_a = views$1.value) == null ? void 0 : _a.url,
                       url: (_b = views$1.value) == null ? void 0 : _b.url
                     }, null, 8, ["url"]))
@@ -379,7 +369,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ])
           ], 2)) : vue.createCommentVNode("", true)
         ], 2),
-        isUp.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$a.Upload), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
+        isUp.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$b.Upload), vue.mergeProps({ key: 0 }, vue.unref(attrs).assem, {
           ref_key: "elRef",
           ref: elRef,
           disabled: vue.unref(disabled) || isloading.value,
@@ -388,7 +378,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           multiple: vue.unref(multiple),
           "show-file-list": false,
           accept: accept.value,
-          limit: vue.unref(multiple) ? props.limit : 1,
+          limit: vue.unref(multiple) ? vue.unref(props).limit : 1,
           "before-upload": onBeforeUpload,
           "http-request": httpRequest
         }), {
@@ -399,7 +389,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.unref(cs).is("disabled", vue.unref(disabled))
               ])
             }, [
-              vue.createVNode(vue.unref(index$6.Icon), null, {
+              vue.createVNode(vue.unref(index$7.Icon), null, {
                 default: vue.withCtx(() => [
                   !isloading.value ? (vue.openBlock(), vue.createBlock(plus.default, { key: 0 })) : vue.createCommentVNode("", true)
                 ]),

package/dist/components/uploads/src/index2.js

@@ -13,13 +13,14 @@ import { Iframe } from "../../iframe/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
-import { dataHandle, types, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataHandle, types, dataSlot, dataEmits } from "./data.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { getUrlCatalogueObj } from "@fangzhongya/utils/urls/getUrlCatalogueObj";
 import { downloadFromURL } from "@fangzhongya/utils/window/download";
 import { getListValue } from "../../players/common/util.js";
 import { getType, getListType } from "./util.js";
 import "../../form/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useDisabled } from "element-plus/es/components/form/index";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["onClick", "title"];
@@ -28,15 +29,17 @@ const _hoisted_4 = ["onClick", "title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
     const refEl = ref();
     const elRef = ref();
-    const attrs = useInherit(useAttrs());
-    const cs = useCssName("uploads");
-    const props = __props;
+    const attrs = useInherit(useAttrs(), name);
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
@@ -117,19 +120,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       show: false,
       value: void 0
     });
-    const getIsViews = (item) => {
-      if (props.isViews) {
-        if (typeof props.isViews === "boolean") {
-          return true;
-        } else {
-          const type2 = getListType(item, props.type, accept.value);
-          if (props.isViews.includes(type2)) {
-            return true;
-          }
-        }
-      }
-      return false;
-    };
     const onDownload = (item, index) => {
       if (props.onDownload) {
         props.onDownload(item, index);
@@ -259,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, unref(dataSlot).default, {
                 value: item,
-                type: props.type,
+                type: unref(props).type,
                 accept: accept.value,
                 disabled: unref(disabled)
               }, () => {
@@ -269,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(unref(cs).z("list-li-operation")),
                     title: item.url
                   }, [
-                    props.isDownload ? (openBlock(), createElementBlock("span", {
+                    unref(props).isDownload ? (openBlock(), createElementBlock("span", {
                       key: 0,
                       onClick: ($event) => onDownload(item, index),
                       title: unref(getLocale)("upload.download")
@@ -281,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ], 8, _hoisted_2)) : createCommentVNode("", true),
-                    props.isViews ? (openBlock(), createElementBlock("span", {
+                    unref(props).isViews ? (openBlock(), createElementBlock("span", {
                       key: 1,
                       onClick: ($event) => onViews(item, index),
                       title: unref(getLocale)("upload.views")
@@ -312,7 +302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, [
                     unref(getListType)(
                       item,
-                      props.type,
+                      unref(props).type,
                       accept.value
                     ).startsWith("i") ? (openBlock(), createBlock(unref(Image), {
                       key: 0,
@@ -347,12 +337,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ], 2);
           }), 128)),
-          props.isViews ? (openBlock(), createElementBlock("div", {
+          unref(props).isViews ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(unref(cs).z("list-views"))
           }, [
             renderSlot(_ctx.$slots, unref(dataSlot).views, {
-              type: props.type,
+              type: unref(props).type,
               accept: accept.value,
               value: views.value,
               show: views.show,
@@ -386,7 +376,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           multiple: unref(multiple),
           "show-file-list": false,
           accept: accept.value,
-          limit: unref(multiple) ? props.limit : 1,
+          limit: unref(multiple) ? unref(props).limit : 1,
           "before-upload": onBeforeUpload,
           "http-request": httpRequest
         }), {

package/dist/components/user-select/src/data.cjs

@@ -22,6 +22,7 @@ const roleSelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "user-select";
 const dataProps = buildProps.buildProps({
   /**
    * @props { Array} modelValue=
@@ -95,4 +96,5 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;
 exports.roleSelect = roleSelect;

package/dist/components/user-select/src/data.d.ts

@@ -30,6 +30,10 @@ export type RoleSelect = {
     multiple: boolean;
     checkStrictly: boolean;
 };
+/**
+ * @title {h3} user-select
+ */
+export declare const name = "user-select";
 export declare const dataProps: {
     /**
      * @props { Array} modelValue=

package/dist/components/user-select/src/data.js

@@ -20,6 +20,7 @@ const roleSelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "user-select";
 const dataProps = buildProps({
   /**
    * @props { Array} modelValue=
@@ -94,5 +95,6 @@ export {
   dataExpose,
   dataProps,
   dataSlot,
+  name,
   roleSelect
 };

package/dist/components/user-select/src/index2.cjs

@@ -5,7 +5,6 @@ const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
 const index$3 = require("../../tabs/index.cjs");
 const index$4 = require("../../tab-pane/index.cjs");
-require("../../input/index.cjs");
 const index$6 = require("../../checkbox-group/index.cjs");
 const index$7 = require("../../checkbox/index.cjs");
 const index$8 = require("../../radio-group/index.cjs");
@@ -21,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("user-select");
+    const cs = index$1.useCssName(data.name);
     const propss = __props;
     const emit = __emit;
     const refSelectDialog = vue.ref();
@@ -88,15 +87,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function getName(key) {
-      const name = psprops.value.yhmc;
+      const name2 = psprops.value.yhmc;
       let obj = nodes.value[key] || {};
-      return obj[name];
+      return obj[name2];
     }
     function getNameExplain(key) {
-      const name = psprops.value.explain;
-      if (name) {
+      const name2 = psprops.value.explain;
+      if (name2) {
         let obj = nodes.value[key] || {};
-        return obj[name];
+        return obj[name2];
       }
     }
     vue.watch(

package/dist/components/user-select/src/index2.js

@@ -1,9 +1,8 @@
 import { defineComponent, ref, computed, watch, nextTick, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withDirectives, withKeys, vModelText, createBlock, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode, renderSlot } from "vue";
-import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
 import "../../../hooks/index.js";
 import { Tabs } from "../../tabs/index.js";
 import { TabPane } from "../../tab-pane/index.js";
-import "../../input/index.js";
 import { CheckboxGroup } from "../../checkbox-group/index.js";
 import { Checkbox } from "../../checkbox/index.js";
 import { RadioGroup } from "../../radio-group/index.js";
@@ -19,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("user-select");
+    const cs = useCssName(name);
     const propss = __props;
     const emit = __emit;
     const refSelectDialog = ref();
@@ -86,15 +85,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function getName(key) {
-      const name = psprops.value.yhmc;
+      const name2 = psprops.value.yhmc;
       let obj = nodes.value[key] || {};
-      return obj[name];
+      return obj[name2];
     }
     function getNameExplain(key) {
-      const name = psprops.value.explain;
-      if (name) {
+      const name2 = psprops.value.explain;
+      if (name2) {
         let obj = nodes.value[key] || {};
-        return obj[name];
+        return obj[name2];
       }
     }
     watch(

package/dist/components/videos/src/data.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "videos";
 const dataProps = buildProps.buildProps({
   /**
    * @props {  Array<ObjAny> } list= ( )
@@ -28,3 +29,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/videos/src/data.d.ts

@@ -1,4 +1,8 @@
 import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} videos
+ */
+export declare const name = "videos";
 export declare const dataProps: {
     /**
      * @props {  Array<ObjAny> } list= ( )

package/dist/components/videos/src/data.js

@@ -1,4 +1,5 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "videos";
 const dataProps = buildProps({
   /**
    * @props {  Array<ObjAny> } list= ( )
@@ -26,5 +27,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/videos/src/index2.cjs

@@ -12,31 +12,34 @@ const play = require("../../../icons/vue/play.cjs");
 const pause = require("../../../icons/vue/pause.cjs");
 const sound = require("../../../icons/vue/sound.cjs");
 const mute = require("../../../icons/vue/mute.cjs");
-const index$4 = require("../../sliders/index.cjs");
-const index$5 = require("../../button/index.cjs");
-const index$6 = require("../../selects/index.cjs");
+const index$5 = require("../../sliders/index.cjs");
+const index$6 = require("../../button/index.cjs");
+const index$7 = require("../../selects/index.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 require("../../loading/index.cjs");
 const hourFormat = require("@fangzhongya/utils/date/hourFormat");
-const index$2 = require("../../../hooks/full-screen/index.cjs");
+const index$3 = require("../../../hooks/full-screen/index.cjs");
 const util = require("../../players/common/util.cjs");
-const index$3 = require("element-plus/es/components/loading/index");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const index$4 = require("element-plus/es/components/loading/index");
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "end-content" };
 const _hoisted_3 = { class: "end-buttons" };
 const _hoisted_4 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("videos");
-    const props = __props;
+    const cs = index$1.useCssName(data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
-    const { isFullscreen, toggle } = index$2.useFullscreen();
+    const { isFullscreen, toggle } = index$3.useFullscreen();
     const videoRef = vue.ref(null);
     const domRef = vue.ref();
     const current = vue.ref(0);
@@ -261,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             ], 2)) : vue.createCommentVNode("", true)
           ], 2)), [
-            [vue.unref(index$3.vLoading), isLoading.value]
+            [vue.unref(index$4.vLoading), isLoading.value]
           ]),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(cs).z("controls-bottom"))
@@ -269,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs).z("slider"))
             }, [
-              vue.createVNode(vue.unref(index$4.Sliders), {
+              vue.createVNode(vue.unref(index$5.Sliders), {
                 class: vue.normalizeClass(vue.unref(cs).z("slider-slider")),
                 onChange: onChangeSlider,
                 onMousedown,
@@ -296,7 +299,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("control-buts"))
               }, [
-                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Button), {
+                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 0,
                   size: "small",
                   icon: up.default,
@@ -304,24 +307,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   circle: "",
                   onClick: _cache[2] || (_cache[2] = ($event) => onTrack(true))
                 }, null, 8, ["disabled"])) : vue.createCommentVNode("", true),
-                vue.createVNode(vue.unref(index$5.Button), {
+                vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
                   icon: retreat.default,
                   circle: "",
                   onClick: _cache[3] || (_cache[3] = ($event) => onSkip(true))
                 }),
-                vue.createVNode(vue.unref(index$5.Button), {
+                vue.createVNode(vue.unref(index$6.Button), {
                   icon: isPlaying.value ? pause.default : play.default,
                   circle: "",
                   onClick: togglePlay
                 }, null, 8, ["icon"]),
-                vue.createVNode(vue.unref(index$5.Button), {
+                vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
                   icon: enter.default,
                   circle: "",
                   onClick: _cache[4] || (_cache[4] = ($event) => onSkip(false))
                 }),
-                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Button), {
+                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 1,
                   size: "small",
                   icon: down.default,
@@ -333,14 +336,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("control-volume"))
               }, [
-                vue.createVNode(vue.unref(index$5.Button), {
+                vue.createVNode(vue.unref(index$6.Button), {
                   class: vue.normalizeClass(vue.unref(cs).z("control-volume-but")),
                   icon: isMuted.value ? mute.default : sound.default,
                   circle: "",
                   onClick: toggleMute,
                   size: "small"
                 }, null, 8, ["class", "icon"]),
-                vue.createVNode(vue.unref(index$4.Sliders), {
+                vue.createVNode(vue.unref(index$5.Sliders), {
                   size: "small",
                   class: vue.normalizeClass(vue.unref(cs).z("control-volume-slider")),
                   onChange,
@@ -351,7 +354,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("control-more"))
               }, [
-                vue.createVNode(vue.unref(index$6.Selects), {
+                vue.createVNode(vue.unref(index$7.Selects), {
                   size: "small",
                   class: vue.normalizeClass(vue.unref(cs).z("control-more-rate")),
                   options: optionsRate,
@@ -359,14 +362,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   modelValue: playbackRate.value,
                   "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => playbackRate.value = $event)
                 }, null, 8, ["class", "modelValue"]),
-                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Button), {
+                list.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Button), {
                   key: 0,
                   size: "small",
                   icon: catalogue.default,
                   circle: "",
                   onClick: onShowList
                 })) : vue.createCommentVNode("", true),
-                vue.createVNode(vue.unref(index$5.Button), {
+                vue.createVNode(vue.unref(index$6.Button), {
                   size: "small",
                   icon: vue.unref(isFullscreen) ? star.default : frame.default,
                   circle: "",