hy-dispatch-ui-v3 0.2.31 → 0.2.33

package/es/static/hy-svg-icons/hy-icon-dispatch-share-guidao.js

@@ -0,0 +1,8 @@
+export default {
+  id: 'hy-icon-dispatch-share-guidao',
+  symbol: `<symbol id="hy-icon-dispatch-share-guidao" viewBox="0 0 16 15">
+    <g id="hy-icon-dispatch-share-guidao-guidao" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M5.656,1.11321429 L5.112,1.11321429 L4.752,1.90821429 L5.336,1.90821429 L5.656,1.11321429 Z M4.688,3.48535714 L4.04,3.48535714 L3.616,4.41214286 L4.32,4.41214286 L4.688,3.48535714 L4.688,3.48535714 Z M3.56,6.26785714 L2.776,6.26785714 L2.064,7.845 L2.912,7.845 L3.56,6.26785714 Z M2.056,9.96428571 L1.104,9.96428571 L0,12.3760714 L1.024,12.3760714 L2.056,9.96535714 L2.056,9.96428571 Z M10.344,1.11321429 L10.888,1.11321429 L11.248,1.90821429 L10.664,1.90821429 L10.344,1.11321429 Z M11.312,3.48535714 L11.96,3.48535714 L12.384,4.41214286 L11.68,4.41214286 L11.312,3.48535714 L11.312,3.48535714 Z M12.44,6.26785714 L13.224,6.26785714 L13.936,7.845 L13.088,7.845 L12.44,6.26785714 Z M8.56,1.90714286 L8.344,1.11321429 L7.656,1.11321429 L7.44,1.90821429 L8.56,1.90821429 L8.56,1.90714286 Z M9.24,4.41214286 L8.984,3.48535714 L7.016,3.48535714 L6.76,4.41214286 L9.24,4.41214286 Z M10.176,7.845 L9.744,6.26785714 L6.256,6.26785714 L5.824,7.845 L10.176,7.845 L10.176,7.845 Z M10.744,9.96428571 L5.256,9.96428571 L4.576,12.3760714 L11.424,12.3760714 L10.744,9.96535714 L10.744,9.96428571 Z M13.944,9.96428571 L14.896,9.96428571 L16,12.3760714 L14.976,12.3760714 L13.944,9.96535714 L13.944,9.96428571 Z M0.64,15 L3.352,15 L7.432,0 L6.76,0 L0.64,15 Z M12.648,15 L15.36,15 L9.24,0 L8.568,0 L12.648,15 Z" id="hy-icon-dispatch-share-guidao-形状" fill="#87D4ED" fill-rule="nonzero"></path>
+    </g>
+</symbol>`,
+};

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/utils/handler.mjs

@@ -6,20 +6,20 @@ function funRunHandler(target, ...args) {
   }
   return cloneDeep(target);
 }
-const cloneDeep = (target) => {
-  if (isVueProxy(target)) {
+const cloneDeep = (target, force = false) => {
+  if (isVueProxy(target) && !force) {
     return target;
   }
   if (isArray(target)) {
     return target.reduce((list, item) => {
-      list.push(cloneDeep(item));
+      list.push(cloneDeep(item, force));
       return list;
     }, []);
   }
   if (isObject(target)) {
     const obj = {};
     Object.keys(target).forEach((key) => {
-      obj[key] = cloneDeep(target[key]);
+      obj[key] = cloneDeep(target[key], force);
     });
     return obj;
   }

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.30";
+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

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