hy-dispatch-ui-v3 0.2.32 → 0.2.33

package/es/components/hyAudioPlayer/audioPlayer.vue.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/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

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

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

@@ -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/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/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);
   }
 }

package/es/components/hyTable/cpns/virtualTable.vue.mjs

@@ -53,6 +53,12 @@ const _sfc_main = {
     },
     onRowContextmenu: {
       type: Function
+    },
+    expandMode: {
+      // 展开模式，不支持树形展开
+      type: String,
+      default: "default"
+      // deafult-默认 accordion-手风琴
     }
   },
   emits: ["search", "select", "select-all", "expand-change"],
@@ -258,7 +264,11 @@ const _sfc_main = {
       const isExpanded = isBoolean(expanded) ? expanded : !isNumber(index);
       if (isExpanded) {
         if (!isNumber(index)) {
-          expandedKeys.value.push(getRowKey(row));
+          if (props.expandMode === "accordion" && isExpandTable.value) {
+            expandedKeys.value = [getRowKey(row)];
+          } else {
+            expandedKeys.value.push(getRowKey(row));
+          }
         }
       } else {
         if (isNumber(index)) {
@@ -382,6 +392,7 @@ const _sfc_main = {
                             }), ["stop"])
                           }, [
                             createVNode(unref(ElIcon), {
+                              class: "text-main",
                               style: normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
                             }, {
                               default: withCtx(() => [

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

@@ -314,6 +314,17 @@ const useAppTableWrapper = (hy) => {
       tableRef.value.toggleRowExpansion(row);
     }
   }
+  function onTableRowExpandChangeHandler(row, expandedRows) {
+    if (isBoolean(expandedRows) || props.expandMode !== "accordion" || expandedRows.length <= 1) {
+      props.onExpandChange(row, expandedRows);
+      return;
+    } else {
+      expandedRows.forEach((item) => {
+        if (getRowKey(row) === getRowKey(item)) return;
+        toggleRowExpansion(item);
+      });
+    }
+  }
   const isSearchFocus = ref(false);
   function onSearchInputHandler() {
     isSearchFocus.value = true;
@@ -353,6 +364,7 @@ const useAppTableWrapper = (hy) => {
     toggleRowExpansion,
     onTableSelectHandler,
     onTableRowContextmenuHandler,
+    onTableRowExpandChangeHandler,
     onTableRowClickHandler,
     onTableColumnsSelectHandler,
     // 搜索选中

package/es/components/hyTable/table.vue.mjs

@@ -173,6 +173,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       required: false,
       default: true
+    },
+    expandMode: {
+      // 展开模式，不支持树形展开
+      type: String,
+      default: "default"
+      // deafult-默认 accordion-手风琴
+    },
+    onExpandChange: {
+      // 展开回调
+      type: Function
     }
   },
   emits: [
@@ -210,6 +220,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       toggleRowExpansion,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
+      onTableRowExpandChangeHandler,
       onTableSelectHandler,
       isSearchFocus,
       onSearchInputHandler,
@@ -318,8 +329,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
                         class: "hy-table-search",
                         placeholder: unref(t)("table.searchFor", [__props.controllerText || ""]),
+                        clearable: "",
                         onFocus: unref(onSearchInputHandler),
                         onBlur: unref(onSearchBlurHandler),
+                        onClear: unref(onSearchQueryHandler),
                         onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
                       }, {
                         append: withCtx(() => [
@@ -338,7 +351,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onKeydown"])
+                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onClear", "onKeydown"])
                     ],
                     2
                     /* CLASS */
@@ -413,7 +426,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 onSelect: unref(onTableSelectHandler),
                 onSelectAll: unref(onTableSelectHandler),
                 onRowClick: unref(onTableRowClickHandler),
-                onRowContextmenu: unref(onTableRowContextmenuHandler)
+                onRowContextmenu: unref(onTableRowContextmenuHandler),
+                onExpandChange: unref(onTableRowExpandChangeHandler)
               }), {
                 empty: withCtx(() => [
                   renderSlot(_ctx.$slots, "empty", {}, () => [
@@ -654,7 +668,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])) : createCommentVNode("v-if", true),
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])) : createCommentVNode("v-if", true),
               __props.type === "virtual" ? (openBlock(), createBlock(unref(ElAutoResizer), { key: 1 }, {
                 default: withCtx(({ height, width }) => [
                   createVNode(_sfc_main$3, mergeProps({
@@ -674,11 +688,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     },
                     "row-key": __props.rowKey,
                     "filter-model": __props.filterModel,
+                    expandMode: __props.expandMode,
                     onSearch: ($event) => unref(getData)(1),
                     onSelect: unref(onTableSelectHandler),
                     onSelectAll: unref(onTableSelectHandler),
                     onRowClick: unref(onTableRowClickHandler),
-                    onRowContextmenu: unref(onTableRowContextmenuHandler)
+                    onRowContextmenu: unref(onTableRowContextmenuHandler),
+                    onExpandChange: __props.onExpandChange
                   }), createSlots({
                     empty: withCtx(() => [
                       createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
@@ -704,7 +720,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ])
                       };
                     })
-                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
+                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "expandMode", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])
                 ]),
                 _: 3
                 /* FORWARDED */