hy-dispatch-ui-v3 0.2.32 → 0.2.34

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { useTemplateRef, computed, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createVNode, createElementVNode, toDisplayString, withDirectives, vShow, createCommentVNode, createTextVNode, normalizeStyle, isRef, vModelText, withCtx, Fragment, renderList, createBlock, defineComponent } from 'vue';
 import { ElPopover, ElSlider } from 'element-plus';
 import _sfc_main$1 from '../hyVideoPlayer/cpns/mediaLoading.vue.mjs';
 import { useAudioPlayer } from './js/index.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/js/index.mjs

@@ -1,7 +1,7 @@
 import { ref, computed, nextTick } from 'vue';
 import { ElMessage } from 'element-plus';
-import { useAudioPlayerConfig } from '../../../hooks/useAudioPlayerConfig.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
+import { useAudioPlayerConfig } from '../../../hooks/useAudioPlayerConfig.mjs';
 import { formatDuration } from '../../../utils/date.mjs';
 
 const useAudioPlayer = (hy) => {

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,6 +1,7 @@
-import { openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, withCtx, createVNode, Fragment, defineComponent } from 'vue';
+import { openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createBlock, Fragment, defineComponent } from 'vue';
 import { ElIcon } from 'element-plus';
 import { Loading, ArrowDown } from '@element-plus/icons-vue';
+import { HyTooltip } from '../hyTooltip/index.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 
 import "./style/button.scss";
@@ -23,6 +24,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: false
     },
+    loadingTip: {
+      // 加载中气泡文本
+      type: String
+    },
     size: {
       type: String,
       size: "default"
@@ -72,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "is-disabled": __props.disabled
           }
         ]]
-      }, _ctx.$attrs), [
+      }, _ctx.$attrs, { onClick: handleClick }), [
         renderSlot(_ctx.$slots, "default")
       ], 16, ["type", "disabled", "loading"])) : (openBlock(), createElementBlock("button", {
         key: 1,
@@ -112,39 +117,49 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               },
               [
                 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 */
-                    )
-                  ]),
+                  createVNode(unref(HyTooltip), {
+                    "is-always": "",
+                    disabled: !__props.loading || !__props.loadingTip,
+                    content: __props.loadingTip
+                  }, {
+                    default: withCtx(() => [
+                      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", {}, () => [
+                              __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)
+                            ], void 0, 0) : (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 */
+                        )
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["disabled", "content"]),
                   __props.expand ? (openBlock(), createElementBlock(
                     Fragment,
                     { key: 0 },

package/es/components/hyButton/style/button.scss

@@ -300,19 +300,28 @@
   text-decoration-color: var(--hy-button-text-color);
   text-decoration-thickness: 1px;
   text-underline-offset: 4px;
+  background: none;
+  border: none;
+  cursor: pointer;
+
+  &:not(.is-disabled) {
+    &:active {
+      opacity: 0.8;
+    }
+  }
 
   &.hy-button--large {
     --hy-button-font-size: 14px;
-    padding: 10px 19px 9px;
+    // padding: 10px 19px 9px;
   }
 
   &.hy-button--default {
-    padding: 6px 15px 5px;
+    // padding: 6px 15px 5px;
   }
 
   &.hy-button--small {
     --hy-button-font-size: 12px;
-    padding: 4px 11px;
+    // padding: 4px 11px;
   }
 
   &.hy-button_default {
@@ -330,4 +339,8 @@
   &.hy-button_delete {
     --hy-button-text-color: rgba(var(--hy-danger-2));
   }
+
+  &.is-disabled {
+    cursor: not-allowed;
+  }
 }

package/es/components/hyConfirmDialog/confirmDialog.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, withModifiers, mergeModels } from 'vue';
 import { ElDialog, ElIcon } from 'element-plus';
 import { Warning, CircleClose } from '@element-plus/icons-vue';
-import { HyButton } from '../hyButton/index.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { HyButton } from '../hyButton/index.mjs';
 
 const __default__ = defineComponent({
   name: "HyConfirmDialog"
@@ -196,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* TEXT, CLASS */
               ),
               createElementVNode("div", {
-                class: "max-w-[300px] text-smword-break text-center break-all",
+                class: "px-[40px] text-smword-break text-center break-all",
                 innerHTML: __props.content
               }, null, 8, ["innerHTML"])
             ]),

package/es/components/hyConfirmDialog/confirmMethod.mjs

@@ -1,9 +1,9 @@
 import { unref, createVNode, render } from 'vue';
 import { defaultAxios } from '../../hooks/useApi.mjs';
 import _sfc_main from './confirmDialog.vue.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
 import { useGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
 import { HyConfigProvider } from '../hyConfigProvider/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 
 function appConfirmMethod(config) {
   let container = document.createDocumentFragment();

package/es/components/hyConfirmDialog/index.mjs

@@ -1,6 +1,6 @@
 import './confirmMethod.mjs';
-import _sfc_main from './confirmDialog.vue.mjs';
 import { withInstall } from '../../utils/handler.mjs';
+import _sfc_main from './confirmDialog.vue.mjs';
 
 const HyConfirmDialog = withInstall(_sfc_main);
 

package/es/components/hyCutter/cutter.vue.mjs

@@ -2,9 +2,9 @@ import { defineComponent, useModel, useTemplateRef, ref, computed, openBlock, cr
 import { VueCropper } from 'vue-cropper';
 import { ElUpload, ElImage, ElIcon, ElMessage } from 'element-plus';
 import { User, Delete } from '@element-plus/icons-vue';
+import { useLocale } from '../../hooks/useLocale.mjs';
 import { blobToDataURL, sizeToTextHandler, fileUpload } from '../../utils/file.mjs';
 import { HyDialog } from '../hyDialog/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 
 import "vue-cropper/dist/index.css";
 

package/es/components/hyDatePicker/datePicker.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, useTemplateRef, useModel, computed, watch, unref, openBlock, createBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, mergeModels } from 'vue';
 import { ElDatePicker } from 'element-plus';
+import { useLocale } from '../../hooks/useLocale.mjs';
 import { getDefaultValueFormatByType } from '../../utils/date.mjs';
 import { isArray } from '../../utils/is.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 
 import "./style/datePicker.scss";