hy-dispatch-ui-v3 0.2.32 → 0.2.33

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/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.32";
 
 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/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

@@ -76,7 +76,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,

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;
+  }
 }

package/lib/components/hyConfirmDialog/confirmDialog.vue.js

@@ -200,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* TEXT, CLASS */
               ),
               vue.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/lib/components/hyForm/form.vue.js

@@ -114,7 +114,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         rules: __props.rules,
         "label-position": "top",
         size: __props.size,
-        class: "px-2"
+        class: "px-2",
+        "hide-required-asterisk": ""
       }, _ctx.$attrs), {
         default: vue.withCtx(() => [
           vue.createElementVNode(

package/lib/components/hyForm/style/form.scss

@@ -5,65 +5,67 @@
     content: '' !important;
     display: none;
   }
-}
-
-.label-required {
-  &::after {
-    content: '*';
-    display: inline-block;
-    color: rgba(var(--hy-danger-2));
-  }
-}
 
-.hy-form-extra {
-  height: 32px;
-  color: rgba(var(--hy-auxiliary));
-  position: relative;
-  padding: 0 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1000px;
-  border: 1px solid rgba(var(--hy-auxiliary));
-  background-color: rgba(var(--hy-background-2));
-  cursor: pointer;
-  transition: all 0.1s linear;
-  user-select: none;
-  z-index: 2;
-  .hy-form-extra-arrow {
-    transform: rotateZ(90deg) rotateY(0deg);
-    transition: all 0.3s linear;
-  }
-  &:hover {
-    color: rgba(var(--hy-theme));
-    border-color: rgba(var(--hy-theme));
-    box-shadow: 0px 0px 12px 1px rgba(var(--hy-theme), 0.5);
-    & + .hy-form-extra-line {
-      background: radial-gradient(
-        circle,
-        rgba(var(--hy-theme), 1),
-        rgba(var(--hy-theme), 0)
-      );
+  .label-required {
+    &::after {
+      content: '*';
+      display: inline-block;
+      color: rgba(var(--hy-danger-2));
     }
   }
-  &.expand {
+
+  .hy-form-extra {
+    height: 32px;
+    color: rgba(var(--hy-auxiliary));
+    position: relative;
+    padding: 0 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 1000px;
+    border: 1px solid rgba(var(--hy-auxiliary));
+    background-color: rgba(var(--hy-background-2));
+    cursor: pointer;
+    transition: all 0.1s linear;
+    user-select: none;
+    z-index: 2;
     .hy-form-extra-arrow {
-      transform: rotateZ(90deg) rotateY(-180deg);
+      transform: rotateZ(90deg) rotateY(0deg);
+      transition: all 0.3s linear;
     }
+    &:hover {
+      color: rgba(var(--hy-theme));
+      border-color: rgba(var(--hy-theme));
+      box-shadow: 0px 0px 12px 1px rgba(var(--hy-theme), 0.5);
+      & + .hy-form-extra-line {
+        background: radial-gradient(
+          circle,
+          rgba(var(--hy-theme), 1),
+          rgba(var(--hy-theme), 0)
+        );
+      }
+    }
+    &.expand {
+      .hy-form-extra-arrow {
+        transform: rotateZ(90deg) rotateY(-180deg);
+      }
+    }
+  }
+  
+  .hy-form-extra-line {
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    background: radial-gradient(
+      circle,
+      rgba(var(--hy-auxiliary), 1),
+      rgba(var(--hy-auxiliary), 0)
+    );
   }
 }
 
-.hy-form-extra-line {
-  width: 100%;
-  height: 2px;
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  pointer-events: none;
-  background: radial-gradient(
-    circle,
-    rgba(var(--hy-auxiliary), 1),
-    rgba(var(--hy-auxiliary), 0)
-  );
-}
+

package/lib/components/hyIcon/style/icon.scss

@@ -2,7 +2,7 @@
   width: 16px;
   height: 16px;
   vertical-align: -0.1em;
-  display: inline-block;
+  display: inline;
   overflow: hidden;
   fill: currentColor;
   outline: none;

package/lib/components/hyIconBox/style/iconBox.scss

@@ -4,23 +4,24 @@
   & + & {
     margin-left: 12px;
   }
-}
 
-.hy-icon-box-content {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 5px;
-  user-select: none;
-  color: rgb(var(--hy-main));
-  border-radius: 100%;
-  background:
-    radial-gradient(
-      142% 47% at 50% 119%,
-      rgb(var(--hy-theme), 0.5) 0%,
-      rgb(var(--hy-theme), 0) 100%
-    ),
-    rgb(var(--hy-background-3));
-  border: 1px solid rgb(var(--hy-auxiliary), 0.5);
-  box-shadow: 0px 2px 5px 0px rgba(29, 33, 41, 0.5);
+  .hy-icon-box-content {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 5px;
+    user-select: none;
+    color: rgb(var(--hy-main));
+    border-radius: 100%;
+    background:
+      radial-gradient(
+        142% 47% at 50% 119%,
+        rgb(var(--hy-theme), 0.5) 0%,
+        rgb(var(--hy-theme), 0) 100%
+      ),
+      rgb(var(--hy-background-3));
+    border: 1px solid rgb(var(--hy-auxiliary), 0.5);
+    box-shadow: 0px 2px 5px 0px rgba(29, 33, 41, 0.5);
+  }
 }
+

package/lib/components/hyInput/input.vue.js

@@ -20,7 +20,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       // between-清除两端空格 all-清除所有空格 before-清除前面的空格 after-清除后面的空格 none-不清除空格
     }
   }, {
-    "modelValue": { type: String, default: "" },
+    "modelValue": {
+      type: [String, Number],
+      default: ""
+    },
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels([], ["update:modelValue"]),