hy-dispatch-ui-v3 0.2.31 → 0.2.32

package/dist/tailwind.css

@@ -1211,10 +1211,6 @@ video {
   border-radius: 2px;
 }
 
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
-
 .rounded-\[6px\] {
   border-radius: 6px;
 }
@@ -1227,6 +1223,10 @@ video {
   border-radius: 0.375rem;
 }
 
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -1368,10 +1368,6 @@ video {
   padding: 1px;
 }
 
-.p-\[2px\] {
-  padding: 2px;
-}
-
 .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -1609,6 +1605,10 @@ video {
   color: rgb(var(--hy-warning), var(--tw-text-opacity, 1));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
 .shadow-\[0_0_4px_0\] {
   --tw-shadow: 0 0 4px 0;
   --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color);

package/es/components/hyButton/button.vue.mjs

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, withCtx, createVNode, Fragment, defineComponent } from 'vue';
+import { openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, createElementVNode, createBlock, unref, withCtx, createVNode, Fragment, defineComponent } from 'vue';
 import { ElIcon } from 'element-plus';
 import { Loading, ArrowDown } from '@element-plus/icons-vue';
 import { HyIcon } from '../hyIcon/index.mjs';
@@ -32,6 +32,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String
     },
     expand: {
+      // 展开，仅普通按钮支持
+      type: Boolean,
+      default: false
+    },
+    link: {
+      // 链接按钮
       type: Boolean,
       default: false
     }
@@ -51,14 +57,33 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       emit("click", event);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
+      return __props.link ? (openBlock(), createElementBlock("button", mergeProps({
+        key: 0,
+        type: __props.type,
         disabled: __props.disabled,
-        class: normalizeClass(["hy-button p-[2px] box-border rounded-md group", [
+        loading: __props.loading,
+        link: "",
+        class: ["hy-button-text", [
           typeObj[props.type],
           {
             "hy-button--large": __props.size === "large",
+            "hy-button--default": __props.size === "default",
             "hy-button--small": __props.size === "small",
+            "is-disabled": __props.disabled
+          }
+        ]]
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, ["type", "disabled", "loading"])) : (openBlock(), createElementBlock("button", {
+        key: 1,
+        type: "button",
+        disabled: __props.disabled,
+        class: normalizeClass(["hy-button", [
+          typeObj[props.type],
+          {
+            "hy-button--large rounded-md": __props.size === "large",
+            "hy-button--default rounded-md": __props.size === "default",
+            "hy-button--small rounded": __props.size === "small",
             "is-disabled": __props.disabled,
             "is-loading": __props.loading,
             clickBox: !__props.disabled && !__props.loading
@@ -67,67 +92,89 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         onClick: handleClick
       }, [
         createCommentVNode(" \u7B2C\u4E8C\u5C42\u5BB9\u5668 b "),
-        createElementVNode("div", { class: "hy-button__border w-full h-full flex items-center justify-center p-[1px] box-border rounded-[4px]" }, [
-          createCommentVNode(" \u7B2C\u4E09\u5C42\u5BB9\u5668 d "),
-          createElementVNode("div", { class: "hy-button__inner w-full h-full flex items-center justify-center relative rounded-[4px]" }, [
-            createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                createElementVNode(
-                  "div",
-                  {
-                    class: normalizeClass(["flex items-center text-main", {
-                      "px-3": !__props.expand,
-                      "pl-3 pr-1.5": __props.expand
-                    }])
-                  },
-                  [
-                    !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                      __props.svgName ? (openBlock(), createBlock(unref(HyIcon), {
-                        key: 0,
-                        "svg-name": __props.svgName,
-                        "class-name": "!w-3 !h-3 text-main mr-2"
-                      }, null, 8, ["svg-name"])) : createCommentVNode("v-if", true)
-                    ]) : (openBlock(), createBlock(unref(ElIcon), {
-                      key: 1,
-                      color: "rgb(var(--hy-main))",
-                      class: "is-loading mr-2"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Loading))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })),
-                    renderSlot(_ctx.$slots, "default")
-                  ],
-                  2
-                  /* CLASS */
-                )
-              ]),
-              __props.expand ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createElementVNode("div", { class: "w-px h-full bg-success/50" }),
-                  createElementVNode("div", { class: "w-[30px] flex items-center justify-center" }, [
-                    createVNode(unref(ElIcon), { color: "rgb(var(--hy-main))" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(ArrowDown))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ])
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : createCommentVNode("v-if", true)
-            ]),
-            createCommentVNode(" \u6E10\u53D8\u906E\u7F69 e "),
-            createElementVNode("div", { class: "hy-button__mask w-full h-full absolute blur-[1px]" })
-          ])
-        ])
-      ], 10, ["disabled"]);
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["hy-button__border w-full h-full flex items-center justify-center p-[1px] box-border", {
+              rounded: ["large", "default"].includes(__props.size),
+              "rounded-sm": __props.size === "small"
+            }])
+          },
+          [
+            createCommentVNode(" \u7B2C\u4E09\u5C42\u5BB9\u5668 d "),
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(["hy-button__inner w-full h-full flex items-center justify-center relative", {
+                  rounded: ["large", "default"].includes(__props.size),
+                  "rounded-sm": __props.size === "small"
+                }])
+              },
+              [
+                createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
+                  renderSlot(_ctx.$slots, "content", {}, () => [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: normalizeClass(["flex items-center text-main", {
+                          "px-3": !__props.expand,
+                          "pl-3 pr-1.5": __props.expand
+                        }])
+                      },
+                      [
+                        !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
+                          __props.svgName ? (openBlock(), createBlock(unref(HyIcon), {
+                            key: 0,
+                            "svg-name": __props.svgName,
+                            "class-name": "!w-3 !h-3 text-main mr-2"
+                          }, null, 8, ["svg-name"])) : createCommentVNode("v-if", true)
+                        ]) : (openBlock(), createBlock(unref(ElIcon), {
+                          key: 1,
+                          color: "rgb(var(--hy-main))",
+                          class: "is-loading mr-2"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(Loading))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })),
+                        renderSlot(_ctx.$slots, "default")
+                      ],
+                      2
+                      /* CLASS */
+                    )
+                  ]),
+                  __props.expand ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      createElementVNode("div", { class: "w-px h-full bg-success/50" }),
+                      createElementVNode("div", { class: "w-[30px] flex items-center justify-center" }, [
+                        createVNode(unref(ElIcon), { color: "rgb(var(--hy-main))" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(ArrowDown))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                createCommentVNode(" \u6E10\u53D8\u906E\u7F69 e "),
+                createElementVNode("div", { class: "hy-button__mask w-full h-full absolute blur-[1px]" })
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ], 10, ["disabled"]));
     };
   }
 });