hy-dispatch-ui-v3 0.2.31 → 0.2.33

package/es/components/hyAudioPlayer/audioPlayer.vue.mjs

@@ -163,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["audio-player", { "audio-player-pack-up": !__props.showPicture }])
+          class: normalizeClass(["hy-audio-player", { "audio-player-pack-up": !__props.showPicture }])
         },
         [
           __props.showPicture ? (openBlock(), createElementBlock("div", {
@@ -333,7 +333,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     placement: "top",
                     trigger: "click",
                     appendToBody: false,
-                    "popper-class": "popover-speed"
+                    "popper-class": "hy-audio-player-popover-speed"
                   }, {
                     reference: withCtx(() => [
                       createElementVNode(
@@ -419,7 +419,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     placement: "top",
                     appendToBody: false,
                     trigger: "click",
-                    "popper-class": "popover-volume-slider"
+                    "popper-class": "hy-audio-player-popover-volume-slider"
                   }, {
                     reference: withCtx(() => [
                       createElementVNode("div", { class: "flex items-center justify-center" }, [
@@ -437,7 +437,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       ])
                     ]),
                     default: withCtx(() => [
-                      createElementVNode("div", { class: "flex items-center justify-center" }, [
+                      createElementVNode("div", { class: "flex items-center justify-center pt-3" }, [
                         createVNode(unref(ElSlider), {
                           modelValue: unref(volumeValue),
                           "onUpdate:modelValue": ($event) => isRef(volumeValue) ? volumeValue.value = $event : null,

package/es/components/hyAudioPlayer/style/audioPlayer.scss

@@ -1,4 +1,4 @@
-.audio-player {
+.hy-audio-player {
   width: 100%;
   height: 256px;
   display: flex;
@@ -69,8 +69,8 @@
         border-radius: 50%;
         border: 4px solid rgba(var(--hy-theme));
         opacity: 0;
-        -webkit-animation: ripple 4.5s ease-out 225ms infinite;
-        animation: ripple 4.5s ease-out 225ms infinite;
+        -webkit-animation: hy-audio-player-ripple 4.5s ease-out 225ms infinite;
+        animation: hy-audio-player-ripple 4.5s ease-out 225ms infinite;
       }
       .point_40 {
         width: 100%;
@@ -87,8 +87,8 @@
         border-radius: 50%;
         border: 4px solid rgba(var(--hy-theme));
         opacity: 0;
-        -webkit-animation: ripple 4.5s ease-out 0.9s infinite;
-        animation: ripple 4.5s ease-out 0.9s infinite;
+        -webkit-animation: hy-audio-player-ripple 4.5s ease-out 0.9s infinite;
+        animation: hy-audio-player-ripple 4.5s ease-out 0.9s infinite;
       }
       .point_80 {
         width: 100%;
@@ -105,8 +105,8 @@
         border-radius: 50%;
         border: 4px solid rgba(var(--hy-theme));
         opacity: 0;
-        -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
-        animation: ripple 4.5s ease-out 1.8s infinite;
+        -webkit-animation: hy-audio-player-ripple 4.5s ease-out 1.8s infinite;
+        animation: hy-audio-player-ripple 4.5s ease-out 1.8s infinite;
       }
     }
   }
@@ -257,14 +257,13 @@
     height: 56px;
   }
 }
-
-.popover-volume-slider {
+.hy-audio-player-popover-volume-slider {
   min-width: auto !important;
   width: 40px !important;
   padding: 16px 0;
 }
 
-.popover-speed {
+.hy-audio-player-popover-speed {
   min-width: auto !important;
   width: 62px !important;
   padding: 0px !important;
@@ -289,7 +288,7 @@
   }
 }
 
-@-webkit-keyframes ripple {
+@-webkit-keyframes hy-audio-player-ripple {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.1);
@@ -302,7 +301,7 @@
     -webkit-transform: scale(1);
   }
 }
-@keyframes ripple {
+@keyframes hy-audio-player-ripple {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.1);

package/es/components/hyButton/button.vue.mjs

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, withCtx, createVNode, Fragment, defineComponent } from 'vue';
+import { openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, withCtx, createVNode, Fragment, defineComponent } from 'vue';
 import { ElIcon } from 'element-plus';
 import { Loading, ArrowDown } from '@element-plus/icons-vue';
 import { HyIcon } from '../hyIcon/index.mjs';
@@ -32,6 +32,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String
     },
     expand: {
+      // 展开，仅普通按钮支持
+      type: Boolean,
+      default: false
+    },
+    link: {
+      // 链接按钮
       type: Boolean,
       default: false
     }
@@ -51,14 +57,33 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       emit("click", event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
+      return __props.link ? (openBlock(), createElementBlock("button", mergeProps({
+        key: 0,
+        type: __props.type,
         disabled: __props.disabled,
-        class: normalizeClass(["hy-button p-[2px] box-border rounded-md group", [
+        loading: __props.loading,
+        link: "",
+        class: ["hy-button-text", [
           typeObj[props.type],
           {
             "hy-button--large": __props.size === "large",
+            "hy-button--default": __props.size === "default",
             "hy-button--small": __props.size === "small",
+            "is-disabled": __props.disabled
+          }
+        ]]
+      }, _ctx.$attrs, { onClick: handleClick }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, ["type", "disabled", "loading"])) : (openBlock(), createElementBlock("button", {
+        key: 1,
+        type: "button",
+        disabled: __props.disabled,
+        class: normalizeClass(["hy-button", [
+          typeObj[props.type],
+          {
+            "hy-button--large rounded-md": __props.size === "large",
+            "hy-button--default rounded-md": __props.size === "default",
+            "hy-button--small rounded": __props.size === "small",
             "is-disabled": __props.disabled,
             "is-loading": __props.loading,
             clickBox: !__props.disabled && !__props.loading
@@ -67,67 +92,89 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         onClick: handleClick
       }, [
         createCommentVNode(" \u7B2C\u4E8C\u5C42\u5BB9\u5668 b "),
-        createElementVNode("div", { class: "hy-button__border w-full h-full flex items-center justify-center p-[1px] box-border rounded-[4px]" }, [
-          createCommentVNode(" \u7B2C\u4E09\u5C42\u5BB9\u5668 d "),
-          createElementVNode("div", { class: "hy-button__inner w-full h-full flex items-center justify-center relative rounded-[4px]" }, [
-            createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                createElementVNode(
-                  "div",
-                  {
-                    class: normalizeClass(["flex items-center text-main", {
-                      "px-3": !__props.expand,
-                      "pl-3 pr-1.5": __props.expand
-                    }])
-                  },
-                  [
-                    !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                      __props.svgName ? (openBlock(), createBlock(unref(HyIcon), {
-                        key: 0,
-                        "svg-name": __props.svgName,
-                        "class-name": "!w-3 !h-3 text-main mr-2"
-                      }, null, 8, ["svg-name"])) : createCommentVNode("v-if", true)
-                    ]) : (openBlock(), createBlock(unref(ElIcon), {
-                      key: 1,
-                      color: "rgb(var(--hy-main))",
-                      class: "is-loading mr-2"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Loading))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })),
-                    renderSlot(_ctx.$slots, "default")
-                  ],
-                  2
-                  /* CLASS */
-                )
-              ]),
-              __props.expand ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createElementVNode("div", { class: "w-px h-full bg-success/50" }),
-                  createElementVNode("div", { class: "w-[30px] flex items-center justify-center" }, [
-                    createVNode(unref(ElIcon), { color: "rgb(var(--hy-main))" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(ArrowDown))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ])
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : createCommentVNode("v-if", true)
-            ]),
-            createCommentVNode(" \u6E10\u53D8\u906E\u7F69 e "),
-            createElementVNode("div", { class: "hy-button__mask w-full h-full absolute blur-[1px]" })
-          ])
-        ])
-      ], 10, ["disabled"]);
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["hy-button__border w-full h-full flex items-center justify-center p-[1px] box-border", {
+              rounded: ["large", "default"].includes(__props.size),
+              "rounded-sm": __props.size === "small"
+            }])
+          },
+          [
+            createCommentVNode(" \u7B2C\u4E09\u5C42\u5BB9\u5668 d "),
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(["hy-button__inner w-full h-full flex items-center justify-center relative", {
+                  rounded: ["large", "default"].includes(__props.size),
+                  "rounded-sm": __props.size === "small"
+                }])
+              },
+              [
+                createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
+                  renderSlot(_ctx.$slots, "content", {}, () => [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: normalizeClass(["flex items-center text-main", {
+                          "px-3": !__props.expand,
+                          "pl-3 pr-1.5": __props.expand
+                        }])
+                      },
+                      [
+                        !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
+                          __props.svgName ? (openBlock(), createBlock(unref(HyIcon), {
+                            key: 0,
+                            "svg-name": __props.svgName,
+                            "class-name": "!w-3 !h-3 text-main mr-2"
+                          }, null, 8, ["svg-name"])) : createCommentVNode("v-if", true)
+                        ]) : (openBlock(), createBlock(unref(ElIcon), {
+                          key: 1,
+                          color: "rgb(var(--hy-main))",
+                          class: "is-loading mr-2"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Loading))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })),
+                        renderSlot(_ctx.$slots, "default")
+                      ],
+                      2
+                      /* CLASS */
+                    )
+                  ]),
+                  __props.expand ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      createElementVNode("div", { class: "w-px h-full bg-success/50" }),
+                      createElementVNode("div", { class: "w-[30px] flex items-center justify-center" }, [
+                        createVNode(unref(ElIcon), { color: "rgb(var(--hy-main))" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ArrowDown))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                createCommentVNode(" \u6E10\u53D8\u906E\u7F69 e "),
+                createElementVNode("div", { class: "hy-button__mask w-full h-full absolute blur-[1px]" })
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ], 10, ["disabled"]));
     };
   }
 });