hy-dispatch-ui-v3 0.2.32 → 0.2.34

package/es/components/hyUserAvatar/userAvatar.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeStyle, createBlock, normalizeClass, createCommentVNode } from 'vue';
-import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
-import { pxTorem } from '../../utils/adaptive.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
+import { pxTorem } from '../../utils/adaptive.mjs';
 
 import "./style/userAvatar.scss";
 

package/es/components/hyVideoPlayer/cpns/mediaLoading.vue.mjs

@@ -19,7 +19,7 @@ const _sfc_main = {
       return openBlock(), createElementBlock(
         "div",
         {
-          class: "tech-loader",
+          class: "hy-tech-loader",
           style: normalizeStyle({ width: __props.width + "px", height: __props.height + "px" })
         },
         [

package/es/components/hyVideoPlayer/js/index.mjs

@@ -1,11 +1,11 @@
 import { ref, computed, nextTick } from 'vue';
 import { ElMessage } from 'element-plus';
+import { useLocale } from '../../../hooks/useLocale.mjs';
 import { useVideoPlayerConfig } from '../../../hooks/useVideoPlayerConfig.mjs';
 import { formatDuration } from '../../../utils/date.mjs';
 import { HyConfirmDialog } from '../../hyConfirmDialog/index.mjs';
 import { copyText } from '../../../utils/handler.mjs';
 import { isSupportH265 } from '../../../utils/is.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
 
 const useVideoPlayer = (hy) => {
   const { props, emits, videoRef, videoWrapperRef } = hy;

package/es/components/hyVideoPlayer/style/mediaLoading.scss

@@ -1,5 +1,5 @@
 /* 动效组件保持不变 */
-.tech-loader {
+.hy-tech-loader {
   position: relative;
   z-index: 2;
   &::before {
@@ -24,7 +24,7 @@
     border-top-color: #00ffff;
     border-right-color: #00ffff;
     box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
-    animation: spin 1s linear infinite;
+    animation: hy-tech-loader-spin 1s linear infinite;
   }
   .tech-center-dot {
     position: absolute;
@@ -36,11 +36,11 @@
     background-color: #00ffff;
     border-radius: 50%;
     box-shadow: 0 0 10px #00ffff;
-    animation: pulse 1.5s ease-in-out infinite;
+    animation: hy-tech-loader-pulse 1.5s ease-in-out infinite;
   }
 }
 
-@keyframes spin {
+@keyframes hy-tech-loader-spin {
   0% {
     transform: rotate(0deg);
   }
@@ -49,7 +49,7 @@
   }
 }
 
-@keyframes pulse {
+@keyframes hy-tech-loader-pulse {
   0%,
   100% {
     opacity: 0.5;

package/es/components/hyVideoPlayer/style/videoPlayer.scss

@@ -1,4 +1,4 @@
-.video-player-content {
+.hy-video-player-content {
   width: 100%;
   height: 400px;
   border: 1px solid rgba(var(--hy-border));
@@ -12,11 +12,11 @@
   video {
     width: 100%;
   }
-  &.video-player-content-pick-up {
+  &.hy-video-player-content-pick-up {
     height: 60px !important;
   }
   // 全屏播放器样式
-  &.full-video-player-content {
+  &.hy-full-video-player-content {
     height: 100% !important;
     position: fixed;
     left: 0;
@@ -72,7 +72,7 @@
       }
     }
   }
-  &:not(.video-player-content-pick-up) {
+  &:not(.hy-video-player-content-pick-up) {
     video {
       height: 0;
       flex-grow: 1;
@@ -238,15 +238,16 @@
       rgba(28, 51, 74, 0) 100%
     );
   }
+
 }
 
-.popover-volume-slider {
+.hy-video-player-popover-volume-slider {
   min-width: auto !important;
   width: 40px !important;
   padding: 16px 0;
 }
 
-.popover-speed {
+.hy-video-player-popover-speed {
   min-width: auto !important;
   width: 62px !important;
   padding: 0px !important;

package/es/components/hyVideoPlayer/videoPlayer.vue.mjs

@@ -200,9 +200,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         {
           ref_key: "videoWrapperRef",
           ref: videoWrapperRef,
-          class: normalizeClass(["video-player-content", {
-            "video-player-content-pick-up": !unref(isExpand) && !unref(isFullScreen),
-            "full-video-player-content": unref(isFullScreen)
+          class: normalizeClass(["hy-video-player-content", {
+            "hy-video-player-content-pick-up": !unref(isExpand) && !unref(isFullScreen),
+            "hy-full-video-player-content": unref(isFullScreen)
           }])
         },
         [
@@ -471,7 +471,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     placement: "top",
                     trigger: "click",
                     appendToBody: false,
-                    "popper-class": "popover-speed"
+                    "popper-class": "hy-video-player-popover-speed"
                   }, {
                     reference: withCtx(() => [
                       createElementVNode(
@@ -509,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     placement: "top",
                     appendToBody: false,
                     trigger: "click",
-                    "popper-class": "popover-volume-slider"
+                    "popper-class": "hy-video-player-popover-volume-slider"
                   }, {
                     reference: withCtx(() => [
                       createElementVNode("div", { class: "flex items-center justify-center" }, [
@@ -530,7 +530,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/index.mjs

@@ -20,7 +20,8 @@ export { HyVideoPlayer } from './hyVideoPlayer/index.mjs';
 export { HyAudioPlayer } from './hyAudioPlayer/index.mjs';
 export { ElInput, HyInput } from './hyInput/index.mjs';
 export { ElTimePicker, HyTimePicker } from './hyTimePicker/index.mjs';
-export { HyTableForm } from './hyTableForm/index.mjs';
+export { HyBatchTableForm, HyTableForm } from './hyTableForm/index.mjs';
 export { resetAppFormValue, useAppForm } from './hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './hyTable/js/useAppTable.mjs';
+export { useAppTableForm } from './hyTableForm/js/useAppTableForm.mjs';

package/es/index.mjs

@@ -4,6 +4,7 @@ export { ElInput, HyInput } from './components/hyInput/index.mjs';
 export { ElTimePicker, HyTimePicker } from './components/hyTimePicker/index.mjs';
 export { ElTooltip, HyTooltip } from './components/hyTooltip/index.mjs';
 export { HyAudioPlayer } from './components/hyAudioPlayer/index.mjs';
+export { HyBatchTableForm, HyTableForm } from './components/hyTableForm/index.mjs';
 export { HyButton } from './components/hyButton/index.mjs';
 export { HyConfigProvider } from './components/hyConfigProvider/index.mjs';
 export { HyConfirmDialog } from './components/hyConfirmDialog/index.mjs';
@@ -18,7 +19,6 @@ export { HyNoPermissionsMap } from './components/hyNoPermissionsMap/index.mjs';
 export { HyOrgCascader } from './components/hyOrgCascader/index.mjs';
 export { HySearch } from './components/hySearch/index.mjs';
 export { HyTable } from './components/hyTable/index.mjs';
-export { HyTableForm } from './components/hyTableForm/index.mjs';
 export { HyTree } from './components/hyTree/index.mjs';
 export { HyUserAvatar } from './components/hyUserAvatar/index.mjs';
 export { HyVideoPlayer } from './components/hyVideoPlayer/index.mjs';
@@ -43,6 +43,7 @@ export { parseRem, pxTorem, remToPx, vwToPx } from './utils/adaptive.mjs';
 export { resetAppFormValue, useAppForm } from './components/hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './components/hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './components/hyTable/js/useAppTable.mjs';
+export { useAppTableForm } from './components/hyTableForm/js/useAppTableForm.mjs';
 export { useMixins } from './hooks/useMixins.mjs';
 export { useResizeHandler } from './hooks/useResizeHandler.mjs';
 

package/es/locale/en.mjs

@@ -33,7 +33,7 @@ var en = {
     hideFilter: "Hide filter",
     displayFilter: "Display filter",
     tooManyFieldsWillAffectReadability: "Too Many Fields Will Affect Readability",
-    haveBeenSelected: "{0} Have Been Selected",
+    selectedNumberItems: "Selected {0} Items",
     clear: "Clear",
     show: "Show",
     notShown: "Not Shown",

package/es/locale/zh_CN.mjs

@@ -33,7 +33,7 @@ var zh_CN = {
     hideFilter: "\u9690\u85CF\u7B5B\u9009\u5668",
     displayFilter: "\u663E\u793A\u7B5B\u9009\u5668",
     tooManyFieldsWillAffectReadability: "\u5B57\u6BB5\u8FC7\u591A\u5C06\u5F71\u54CD\u53EF\u8BFB\u6027",
-    haveBeenSelected: "\u5DF2\u9009\u62E9{0}\u4E2A",
+    selectedNumberItems: "\u5DF2\u9009\u62E9{0}\u4E2A",
     clear: "\u6E05\u9664",
     show: "\u663E\u793A",
     notShown: "\u672A\u663E\u793A",

package/es/style/element/hy-element.scss

@@ -698,7 +698,8 @@
 }
 
 .hy-el-tabs__nav-wrap::after {
-  background-color: rgba(var(--hy-background), 1);
+  background-color: transparent;
+  // background-color: rgba(var(--hy-background), 1);
 }
 
 .hy-el-tabs__active-bar {
@@ -707,7 +708,7 @@
 
 .hy-el-tabs .hy-el-tabs__item {
   border-radius: 6px 6px 0 0;
-  border: 1px solid rgba(var(--hy-background-2), 1);
+  // border: 1px solid rgba(var(--hy-background-2), 1);
   padding: 0 20px !important;
 
   &:hover {

package/es/style/tailwind.scss

@@ -1,3 +1,135 @@
-@tailwind base;
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: #e5e7eb;
+  /* 2 */
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
 @tailwind components;
 @tailwind utilities;
+
+html,body, #app{
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background:  rgb(var(--hy-background), var(--tw-bg-opacity, 1));
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.31";
+const version = "0.2.33";
 
 export { version };

package/lib/components/hyAudioPlayer/audioPlayer.vue.js

@@ -167,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
-          class: vue.normalizeClass(["audio-player", { "audio-player-pack-up": !__props.showPicture }])
+          class: vue.normalizeClass(["hy-audio-player", { "audio-player-pack-up": !__props.showPicture }])
         },
         [
           __props.showPicture ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -337,7 +337,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: vue.withCtx(() => [
                       vue.createElementVNode(
@@ -423,7 +423,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: vue.withCtx(() => [
                       vue.createElementVNode("div", { class: "flex items-center justify-center" }, [
@@ -441,7 +441,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       ])
                     ]),
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", { class: "flex items-center justify-center" }, [
+                      vue.createElementVNode("div", { class: "flex items-center justify-center pt-3" }, [
                         vue.createVNode(vue.unref(elementPlus.ElSlider), {
                           modelValue: vue.unref(volumeValue),
                           "onUpdate:modelValue": ($event) => vue.isRef(volumeValue) ? volumeValue.value = $event : null,

package/lib/components/hyAudioPlayer/js/index.js

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var useAudioPlayerConfig = require('../../../hooks/useAudioPlayerConfig.js');
 var useLocale = require('../../../hooks/useLocale.js');
+var useAudioPlayerConfig = require('../../../hooks/useAudioPlayerConfig.js');
 var date = require('../../../utils/date.js');
 
 const useAudioPlayer = (hy) => {

package/lib/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/lib/components/hyButton/button.vue.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../hyIcon/index.js');
+var index = require('../hyTooltip/index.js');
+var index$1 = require('../hyIcon/index.js');
 
 import "./style/button.scss";
 
@@ -27,6 +28,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: false
     },
+    loadingTip: {
+      // 加载中气泡文本
+      type: String
+    },
     size: {
       type: String,
       size: "default"
@@ -76,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "is-disabled": __props.disabled
           }
         ]]
-      }, _ctx.$attrs), [
+      }, _ctx.$attrs, { onClick: handleClick }), [
         vue.renderSlot(_ctx.$slots, "default")
       ], 16, ["type", "disabled", "loading"])) : (vue.openBlock(), vue.createElementBlock("button", {
         key: 1,
@@ -116,39 +121,49 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               },
               [
                 vue.createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
-                  vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                    vue.createElementVNode(
-                      "div",
-                      {
-                        class: vue.normalizeClass(["flex items-center text-main", {
-                          "px-3": !__props.expand,
-                          "pl-3 pr-1.5": __props.expand
-                        }])
-                      },
-                      [
-                        !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                          __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyIcon), {
-                            key: 0,
-                            "svg-name": __props.svgName,
-                            "class-name": "!w-3 !h-3 text-main mr-2"
-                          }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
-                        ]) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                          key: 1,
-                          color: "rgb(var(--hy-main))",
-                          class: "is-loading mr-2"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.Loading))
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        })),
-                        vue.renderSlot(_ctx.$slots, "default")
-                      ],
-                      2
-                      /* CLASS */
-                    )
-                  ]),
+                  vue.createVNode(vue.unref(index.HyTooltip), {
+                    "is-always": "",
+                    disabled: !__props.loading || !__props.loadingTip,
+                    content: __props.loadingTip
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                        vue.createElementVNode(
+                          "div",
+                          {
+                            class: vue.normalizeClass(["flex items-center text-main", {
+                              "px-3": !__props.expand,
+                              "pl-3 pr-1.5": __props.expand
+                            }])
+                          },
+                          [
+                            !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", {}, () => [
+                              __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
+                                key: 0,
+                                "svg-name": __props.svgName,
+                                "class-name": "!w-3 !h-3 text-main mr-2"
+                              }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
+                            ], void 0, 0) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                              key: 1,
+                              color: "rgb(var(--hy-main))",
+                              class: "is-loading mr-2"
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.Loading))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })),
+                            vue.renderSlot(_ctx.$slots, "default")
+                          ],
+                          2
+                          /* CLASS */
+                        )
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["disabled", "content"]),
                   __props.expand ? (vue.openBlock(), vue.createElementBlock(
                     vue.Fragment,
                     { key: 0 },

package/lib/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;
+  }
 }