hy-dispatch-ui-v3 0.2.31 → 0.2.33

package/es/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/es/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/es/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/es/components/hyInput/input.vue.mjs

@@ -16,7 +16,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__ */ mergeModels([], ["update:modelValue"]),

package/es/components/hyMenu/menu.vue.mjs

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["operator-menu-box user-select-none", { "operator-menu-box-expand": expand.value }])
+          class: normalizeClass(["hy-operator-menu-box user-select-none", { "operator-menu-box-expand": expand.value }])
         },
         [
           createElementVNode("div", { class: "operator-menu-list scroll-body" }, [

package/es/components/hyMenu/style/menu.scss

@@ -1,5 +1,5 @@
 /* 二级导航栏 */
-.operator-menu-box {
+.hy-operator-menu-box {
   width: 57px;
   height: 100%;
   display: flex;

package/es/components/hySearch/index.mjs

@@ -1,5 +1,5 @@
 import _sfc_main from './search.vue.mjs';
-export { useAppSearch } from './js/useAppSearch.mjs';
+export { resetAppSearchValue, useAppSearch } from './js/useAppSearch.mjs';
 import { withInstall } from '../../utils/handler.mjs';
 
 const HySearch = withInstall(_sfc_main);

package/es/components/hySearch/style/search.scss

@@ -11,59 +11,59 @@
     padding-bottom: 0;
     opacity: 0;
   }
-}
-.hy-search-header {
-  height: 16px;
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  color: rgb(var(--hy-main));
-  margin-bottom: 16px;
-  transition: all 0.3s linear;
-  &.hy-search-header-hidden {
-    height: 0;
-    margin-bottom: 0px;
-  }
-}
-.hy-search-form {
-  overflow: hidden;
-  transition: all 0.3s;
-}
-.hy-search-container {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  position: relative;
-  .hy-el-form-item {
-    margin-bottom: 0;
-    &.hidden {
-      display: none;
+  .hy-search-header {
+    height: 16px;
+    display: flex;
+    align-items: center;
+    font-size: 12px;
+    color: rgb(var(--hy-main));
+    margin-bottom: 16px;
+    transition: all 0.3s linear;
+    &.hy-search-header-hidden {
+      height: 0;
+      margin-bottom: 0px;
     }
   }
-  .hy-el-input,
-  .hy-el-date-editor {
-    --el-input-bg-color: transparent;
-    --el-input-border: none;
-    --el-border-color: transparent;
-    --el-input-border-color: transparent;
-    --el-input-text-color: rgb(var(--hy-main));
-    --el-input-border-radius: 0px 4px 4px 0px;
-    --el-input-hover-border-color: rgb(var(--hy-theme));
-    .hy-el-input__wrapper,
-    &.hy-el-input__wrapper {
-      box-shadow: none !important;
-    }
+  .hy-search-form {
+    overflow: hidden;
+    transition: all 0.3s;
   }
-  .hy-el-select {
-    --el-border-color: transparent;
-    --el-fill-color-blank: transparent;
-    --el-border-radius-base: 0px 4px 4px 0px;
-    --el-border-color-hover: rgb(var(--hy-theme));
-    .hy-el-select__wrapper {
-      box-shadow: none !important;
+  .hy-search-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    position: relative;
+    .hy-el-form-item {
+      margin-bottom: 0;
+      &.hidden {
+        display: none;
+      }
+    }
+    .hy-el-input,
+    .hy-el-date-editor {
+      --el-input-bg-color: transparent;
+      --el-input-border: none;
+      --el-border-color: transparent;
+      --el-input-border-color: transparent;
+      --el-input-text-color: rgb(var(--hy-main));
+      --el-input-border-radius: 0px 4px 4px 0px;
+      --el-input-hover-border-color: rgb(var(--hy-theme));
+      .hy-el-input__wrapper,
+      &.hy-el-input__wrapper {
+        box-shadow: none !important;
+      }
+    }
+    .hy-el-select {
+      --el-border-color: transparent;
+      --el-fill-color-blank: transparent;
+      --el-border-radius-base: 0px 4px 4px 0px;
+      --el-border-color-hover: rgb(var(--hy-theme));
+      .hy-el-select__wrapper {
+        box-shadow: none !important;
+      }
+    }
+    .hy-search-custom-wrapper {
+      min-height: var(--hy-el-component-size);
     }
-  }
-  .hy-search-custom-wrapper {
-    min-height: var(--hy-el-component-size);
   }
 }