hy-dispatch-ui-v3 0.2.31 → 0.2.33

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

@@ -9,6 +9,8 @@
   color: inherit;
   white-space: nowrap;
   font-size: 14px;
+  padding: 2px;
+  box-sizing: border-box;
 
   &:disabled,
   &.is-disabled {
@@ -24,265 +26,321 @@
   &.hy-button--small {
     height: 24px;
     font-size: 12px;
+    padding: 0px;
   }
 
   & + & {
     margin-left: 16px;
   }
-}
-
-.hy-button_default {
-  background: rgba(94, 157, 180, 0.32);
-
-  .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(94, 157, 180, 0.4) 0%,
-      rgba(94, 157, 180, 1) 50%,
-      rgba(94, 157, 180, 0.4) 100%
-    );
-  }
-
-  .hy-button__inner {
-    background: #003a48;
-    box-shadow:
-      inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
-      inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
-  }
-
-  .hy-button__text {
-    color: #fff;
-  }
-
-  .hy-button__mask {
-    background: radial-gradient(
-      ellipse at center bottom,
-      #7ebbd2 0%,
-      rgb(17, 108, 114) 30%,
-      transparent 60%
-    );
-  }
-
-  &:hover .hy-button__inner {
-    box-shadow:
-      inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
-      inset 0 0 2px 0 rgba(0, 147, 157, 0.5),
-      inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
-      inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
-  }
-
-  &:disabled .hy-button__border,
-  &.is-disabled .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(94, 157, 180, 0.18) 0%,
-      rgba(94, 157, 180, 0.42) 50%,
-      rgba(94, 157, 180, 0.18) 100%
-    );
-  }
 
-  &:disabled .hy-button__inner,
-  &.is-disabled .hy-button__inner {
-    background: #3e5a64;
-    box-shadow:
-      inset 0 0 4px 1px rgba(0, 138, 157, 0.2),
-      inset 0 0 2px 0 rgba(0, 147, 157, 0.16);
-  }
-
-  &:disabled .hy-button__text,
-  &.is-disabled .hy-button__text {
-    color: rgba(255, 255, 255, 0.68);
+  &.hy-button_default {
+    background: rgba(94, 157, 180, 0.32);
+  
+    .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(94, 157, 180, 0.4) 0%,
+        rgba(94, 157, 180, 1) 50%,
+        rgba(94, 157, 180, 0.4) 100%
+      );
+    }
+  
+    .hy-button__inner {
+      background: #003a48;
+      box-shadow:
+        inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
+        inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
+    }
+  
+    .hy-button__text {
+      color: #fff;
+    }
+  
+    .hy-button__mask {
+      background: radial-gradient(
+        ellipse at center bottom,
+        #7ebbd2 0%,
+        rgb(17, 108, 114) 30%,
+        transparent 60%
+      );
+    }
+  
+    &:hover .hy-button__inner {
+      box-shadow:
+        inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
+        inset 0 0 2px 0 rgba(0, 147, 157, 0.5),
+        inset 0 0 5px 1px rgba(0, 138, 157, 0.5),
+        inset 0 0 2px 0 rgba(0, 147, 157, 0.5);
+    }
+  
+    &:disabled .hy-button__border,
+    &.is-disabled .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(94, 157, 180, 0.18) 0%,
+        rgba(94, 157, 180, 0.42) 50%,
+        rgba(94, 157, 180, 0.18) 100%
+      );
+    }
+  
+    &:disabled .hy-button__inner,
+    &.is-disabled .hy-button__inner {
+      background: #3e5a64;
+      box-shadow:
+        inset 0 0 4px 1px rgba(0, 138, 157, 0.2),
+        inset 0 0 2px 0 rgba(0, 147, 157, 0.16);
+    }
+  
+    &:disabled .hy-button__text,
+    &.is-disabled .hy-button__text {
+      color: rgba(255, 255, 255, 0.68);
+    }
+  }
+  
+  &.hy-button_function {
+    background: rgba(45, 242, 255, 0.32);
+  
+    .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(45, 242, 255, 0.4) 0%,
+        rgba(45, 242, 255, 1) 50%,
+        rgba(45, 242, 255, 0.4) 100%
+      );
+    }
+  
+    .hy-button__inner {
+      background: #003a48;
+      box-shadow:
+        inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
+        inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
+    }
+  
+    .hy-button__text {
+      color: #fff;
+    }
+  
+    .hy-button__mask {
+      background: radial-gradient(
+        ellipse at center bottom,
+        #2df2ff 0%,
+        #1798a1 30%,
+        transparent 60%
+      );
+    }
+  
+    &:hover .hy-button__inner {
+      box-shadow:
+        inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
+        inset 0 0 2px 0 rgba(159, 248, 255, 0.5),
+        inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
+        inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
+    }
+  
+    &:disabled .hy-button__border,
+    &.is-disabled .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(45, 242, 255, 0.18) 0%,
+        rgba(45, 242, 255, 0.42) 50%,
+        rgba(45, 242, 255, 0.18) 100%
+      );
+    }
+  
+    &:disabled .hy-button__inner,
+    &.is-disabled .hy-button__inner {
+      background: #10575c;
+      box-shadow:
+        inset 0 0 4px 1px rgba(97, 248, 255, 0.2),
+        inset 0 0 2px 0 rgba(159, 248, 255, 0.16);
+    }
+  
+    &:disabled .hy-button__text,
+    &.is-disabled .hy-button__text {
+      color: rgba(255, 255, 255, 0.68);
+    }
+  }
+  
+  &.hy-button_addTo {
+    background: rgba(44, 232, 152, 0.32);
+  
+    .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(171, 255, 185, 0.4) 0%,
+        rgba(171, 255, 185, 1) 50%,
+        rgba(171, 255, 185, 0.4) 100%
+      );
+    }
+  
+    .hy-button__inner {
+      background: #004823;
+      box-shadow:
+        inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
+        inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
+    }
+  
+    .hy-button__text {
+      color: #fff;
+    }
+  
+    .hy-button__mask {
+      background: radial-gradient(
+        ellipse at center bottom,
+        #20e080 0%,
+        #109060 30%,
+        transparent 60%
+      );
+    }
+  
+    &:hover .hy-button__inner {
+      box-shadow:
+        inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
+        inset 0 0 2px 0 rgba(159, 255, 209, 0.5),
+        inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
+        inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
+    }
+  
+    &:disabled .hy-button__border,
+    &.is-disabled .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(171, 255, 185, 0.18) 0%,
+        rgba(171, 255, 185, 0.42) 50%,
+        rgba(171, 255, 185, 0.18) 100%
+      );
+    }
+  
+    &:disabled .hy-button__inner,
+    &.is-disabled .hy-button__inner {
+      background: #1d3d2d;
+      box-shadow:
+        inset 0 0 4px 1px rgba(97, 255, 179, 0.2),
+        inset 0 0 2px 0 rgba(159, 255, 209, 0.16);
+    }
+  
+    &:disabled .hy-button__text,
+    &.is-disabled .hy-button__text {
+      color: rgba(255, 255, 255, 0.68);
+    }
+  }
+  
+  &.hy-button_delete {
+    background: rgba(255, 77, 77, 0.32);
+  
+    .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(255, 77, 77, 0.4) 0%,
+        rgba(255, 77, 77, 1) 50%,
+        rgba(255, 77, 77, 0.4) 100%
+      );
+    }
+  
+    .hy-button__inner {
+      background: #4f0000;
+      box-shadow:
+        inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
+        inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
+    }
+  
+    .hy-button__text {
+      color: #fff;
+    }
+  
+    .hy-button__mask {
+      background: radial-gradient(
+        ellipse at center bottom,
+        #ff0000 0%,
+        #b41414 30%,
+        transparent 60%
+      );
+    }
+  
+    &:hover .hy-button__inner {
+      box-shadow:
+        inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
+        inset 0 0 2px 0 rgba(255, 159, 159, 0.5),
+        inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
+        inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
+    }
+  
+    &:disabled .hy-button__border,
+    &.is-disabled .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(255, 77, 77, 0.18) 0%,
+        rgba(255, 77, 77, 0.42) 50%,
+        rgba(255, 77, 77, 0.18) 100%
+      );
+    }
+  
+    &:disabled .hy-button__inner,
+    &.is-disabled .hy-button__inner {
+      background: #4b0c0c;
+      box-shadow:
+        inset 0 0 4px 1px rgba(255, 97, 97, 0.2),
+        inset 0 0 2px 0 rgba(255, 159, 159, 0.16);
+    }
+  
+    &:disabled .hy-button__text,
+    &.is-disabled .hy-button__text {
+      color: rgba(255, 255, 255, 0.68);
+    }
   }
 }
 
-.hy-button_function {
-  background: rgba(45, 242, 255, 0.32);
-
-  .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(45, 242, 255, 0.4) 0%,
-      rgba(45, 242, 255, 1) 50%,
-      rgba(45, 242, 255, 0.4) 100%
-    );
-  }
 
-  .hy-button__inner {
-    background: #003a48;
-    box-shadow:
-      inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
-      inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
-  }
-
-  .hy-button__text {
-    color: #fff;
-  }
-
-  .hy-button__mask {
-    background: radial-gradient(
-      ellipse at center bottom,
-      #2df2ff 0%,
-      #1798a1 30%,
-      transparent 60%
-    );
-  }
-
-  &:hover .hy-button__inner {
-    box-shadow:
-      inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
-      inset 0 0 2px 0 rgba(159, 248, 255, 0.5),
-      inset 0 0 5px 1px rgba(97, 248, 255, 0.5),
-      inset 0 0 2px 0 rgba(159, 248, 255, 0.5);
-  }
-
-  &:disabled .hy-button__border,
-  &.is-disabled .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(45, 242, 255, 0.18) 0%,
-      rgba(45, 242, 255, 0.42) 50%,
-      rgba(45, 242, 255, 0.18) 100%
-    );
-  }
+.hy-button-text {
+  --hy-button-text-color: rgba(var(--hy-auxiliary));
+  --hy-button-font-size: 14px;
+  color: var(--hy-button-text-color);
+  font-size: var(--hy-button-font-size);
+  text-decoration: underline;
+  text-decoration-color: var(--hy-button-text-color);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 4px;
+  background: none;
+  border: none;
+  cursor: pointer;
 
-  &:disabled .hy-button__inner,
-  &.is-disabled .hy-button__inner {
-    background: #10575c;
-    box-shadow:
-      inset 0 0 4px 1px rgba(97, 248, 255, 0.2),
-      inset 0 0 2px 0 rgba(159, 248, 255, 0.16);
+  &:not(.is-disabled) {
+    &:active {
+      opacity: 0.8;
+    }
   }
 
-  &:disabled .hy-button__text,
-  &.is-disabled .hy-button__text {
-    color: rgba(255, 255, 255, 0.68);
-  }
-}
-
-.hy-button_addTo {
-  background: rgba(44, 232, 152, 0.32);
-
-  .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(171, 255, 185, 0.4) 0%,
-      rgba(171, 255, 185, 1) 50%,
-      rgba(171, 255, 185, 0.4) 100%
-    );
-  }
-
-  .hy-button__inner {
-    background: #004823;
-    box-shadow:
-      inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
-      inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
-  }
-
-  .hy-button__text {
-    color: #fff;
-  }
-
-  .hy-button__mask {
-    background: radial-gradient(
-      ellipse at center bottom,
-      #20e080 0%,
-      #109060 30%,
-      transparent 60%
-    );
-  }
-
-  &:hover .hy-button__inner {
-    box-shadow:
-      inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
-      inset 0 0 2px 0 rgba(159, 255, 209, 0.5),
-      inset 0 0 5px 1px rgba(97, 255, 179, 0.5),
-      inset 0 0 2px 0 rgba(159, 255, 209, 0.5);
-  }
-
-  &:disabled .hy-button__border,
-  &.is-disabled .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(171, 255, 185, 0.18) 0%,
-      rgba(171, 255, 185, 0.42) 50%,
-      rgba(171, 255, 185, 0.18) 100%
-    );
-  }
-
-  &:disabled .hy-button__inner,
-  &.is-disabled .hy-button__inner {
-    background: #1d3d2d;
-    box-shadow:
-      inset 0 0 4px 1px rgba(97, 255, 179, 0.2),
-      inset 0 0 2px 0 rgba(159, 255, 209, 0.16);
-  }
-
-  &:disabled .hy-button__text,
-  &.is-disabled .hy-button__text {
-    color: rgba(255, 255, 255, 0.68);
-  }
-}
-
-.hy-button_delete {
-  background: rgba(255, 77, 77, 0.32);
-
-  .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(255, 77, 77, 0.4) 0%,
-      rgba(255, 77, 77, 1) 50%,
-      rgba(255, 77, 77, 0.4) 100%
-    );
+  &.hy-button--large {
+    --hy-button-font-size: 14px;
+    // padding: 10px 19px 9px;
   }
 
-  .hy-button__inner {
-    background: #4f0000;
-    box-shadow:
-      inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
-      inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
+  &.hy-button--default {
+    // padding: 6px 15px 5px;
   }
 
-  .hy-button__text {
-    color: #fff;
+  &.hy-button--small {
+    --hy-button-font-size: 12px;
+    // padding: 4px 11px;
   }
 
-  .hy-button__mask {
-    background: radial-gradient(
-      ellipse at center bottom,
-      #ff0000 0%,
-      #b41414 30%,
-      transparent 60%
-    );
+  &.hy-button_default {
+    --hy-button-text-color: rgba(var(--hy-auxiliary));
   }
 
-  &:hover .hy-button__inner {
-    box-shadow:
-      inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
-      inset 0 0 2px 0 rgba(255, 159, 159, 0.5),
-      inset 0 0 5px 1px rgba(255, 97, 97, 0.5),
-      inset 0 0 2px 0 rgba(255, 159, 159, 0.5);
+  &.hy-button_function {
+    --hy-button-text-color: rgba(var(--hy-theme));
   }
 
-  &:disabled .hy-button__border,
-  &.is-disabled .hy-button__border {
-    background: linear-gradient(
-      90deg,
-      rgba(255, 77, 77, 0.18) 0%,
-      rgba(255, 77, 77, 0.42) 50%,
-      rgba(255, 77, 77, 0.18) 100%
-    );
+  &.hy-button_addTo {
+    --hy-button-text-color: rgba(var(--hy-success));
   }
 
-  &:disabled .hy-button__inner,
-  &.is-disabled .hy-button__inner {
-    background: #4b0c0c;
-    box-shadow:
-      inset 0 0 4px 1px rgba(255, 97, 97, 0.2),
-      inset 0 0 2px 0 rgba(255, 159, 159, 0.16);
+  &.hy-button_delete {
+    --hy-button-text-color: rgba(var(--hy-danger-2));
   }
 
-  &:disabled .hy-button__text,
-  &.is-disabled .hy-button__text {
-    color: rgba(255, 255, 255, 0.68);
+  &.is-disabled {
+    cursor: not-allowed;
   }
 }

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

@@ -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/hyForm/form.vue.mjs

@@ -110,7 +110,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: withCtx(() => [
           createElementVNode(

package/es/components/hyForm/index.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from './form.vue.mjs';
-export { useAppForm } from './js/useAppForm.mjs';
+export { resetAppFormValue, useAppForm } from './js/useAppForm.mjs';
 import { withInstall } from '../../utils/handler.mjs';
 
 const HyForm = withInstall(_sfc_main);

package/es/components/hyForm/js/useAppForm.mjs

@@ -55,8 +55,7 @@ const rulesHandler = (config) => {
   if (!rules.some((item) => item.required) && required) {
     rules.unshift({
       required: true,
-      message: genRuleRequiredMsgHandler(config),
-      trigger: "blur"
+      message: genRuleRequiredMsgHandler(config)
     });
   }
   return rules;