hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/dist/tailwind.css

@@ -592,6 +592,18 @@ video {
   visibility: visible;
 }
 
+.collapse {
+  visibility: collapse;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
 .absolute {
   position: absolute;
 }
@@ -600,6 +612,10 @@ video {
   position: relative;
 }
 
+.sticky {
+  position: sticky;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -616,9 +632,8 @@ video {
   top: 50%;
 }
 
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.z-\[1\] {
+  z-index: 1;
 }
 
 .mb-1\.5 {
@@ -637,6 +652,10 @@ video {
   margin-left: 0.25rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -661,22 +680,22 @@ video {
   margin-top: 10px;
 }
 
+.box-border {
+  box-sizing: border-box;
+}
+
 .block {
   display: block;
 }
 
-.inline-block {
-  display: inline-block;
+.inline {
+  display: inline;
 }
 
 .flex {
   display: flex;
 }
 
-.inline-flex {
-  display: inline-flex;
-}
-
 .table {
   display: table;
 }
@@ -697,14 +716,6 @@ video {
   height: 0px;
 }
 
-.h-4 {
-  height: 1rem;
-}
-
-.h-\[253px\] {
-  height: 253px;
-}
-
 .h-\[364px\] {
   height: 364px;
 }
@@ -717,6 +728,10 @@ video {
   height: 38px;
 }
 
+.h-\[45px\] {
+  height: 45px;
+}
+
 .h-full {
   height: 100%;
 }
@@ -741,20 +756,24 @@ video {
   width: 1.25rem;
 }
 
-.w-\[124px\] {
-  width: 124px;
+.w-\[160px\] {
+  width: 160px;
 }
 
 .w-\[200px\] {
   width: 200px;
 }
 
+.w-\[30px\] {
+  width: 30px;
+}
+
 .w-full {
   width: 100%;
 }
 
-.max-w-\[240px\] {
-  max-width: 240px;
+.w-px {
+  width: 1px;
 }
 
 .max-w-\[300px\] {
@@ -769,6 +788,14 @@ video {
   flex-shrink: 1;
 }
 
+.flex-grow {
+  flex-grow: 1;
+}
+
+.border-collapse {
+  border-collapse: collapse;
+}
+
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -778,10 +805,18 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.cursor-default {
+  cursor: default;
+}
+
 .cursor-grab {
   cursor: grab;
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -866,8 +901,16 @@ video {
   border-radius: 0.25rem;
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
+
+.rounded-\[4px\] {
+  border-radius: 4px;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
 }
 
 .border {
@@ -886,32 +929,60 @@ video {
   border-right-width: 1px;
 }
 
+.\!border-border {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(var(--hy-border), var(--tw-border-opacity, 1)) !important;
+}
+
+.\!border-theme {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(var(--hy-theme), var(--tw-border-opacity, 1)) !important;
+}
+
 .border-border {
-  border-color: var(--border);
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--hy-border), var(--tw-border-opacity, 1));
 }
 
-.\!bg-dialog_background {
-  background-color: var(--dialog-background) !important;
+.\!bg-background {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--hy-background), var(--tw-bg-opacity, 1)) !important;
 }
 
-.bg-backgroundv2 {
-  background-color: var(--backgroundv2);
+.bg-background-2 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));
 }
 
-.bg-dialog_backgroundv2 {
-  background-color: var(--dialog-backgroundv2);
+.bg-info {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-info), var(--tw-bg-opacity, 1));
 }
 
-.bg-theme02 {
-  background-color: var(--theme-02);
+.bg-success {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-success), var(--tw-bg-opacity, 1));
+}
+
+.bg-success\/50 {
+  background-color: rgb(var(--hy-success), 0.5);
 }
 
 .\!p-0 {
   padding: 0px !important;
 }
 
-.p-\[5px\] {
-  padding: 5px;
+.p-\[1px\] {
+  padding: 1px;
+}
+
+.p-\[2px\] {
+  padding: 2px;
+}
+
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
 }
 
 .px-3 {
@@ -929,6 +1000,11 @@ video {
   padding-right: 10px;
 }
 
+.px-\[14px\] {
+  padding-left: 14px;
+  padding-right: 14px;
+}
+
 .px-\[6px\] {
   padding-left: 6px;
   padding-right: 6px;
@@ -966,6 +1042,10 @@ video {
   padding-left: 15px;
 }
 
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -982,10 +1062,18 @@ video {
   padding-right: 10px;
 }
 
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
 .pt-\[11px\] {
   padding-top: 11px;
 }
 
+.pt-\[32px\] {
+  padding-top: 32px;
+}
+
 .pt-\[37px\] {
   padding-top: 37px;
 }
@@ -994,6 +1082,10 @@ video {
   padding-top: 5px;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1009,6 +1101,10 @@ video {
   line-height: 1rem;
 }
 
+.font-\[600\] {
+  font-weight: 600;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1021,28 +1117,54 @@ video {
   line-height: 1rem;
 }
 
+.leading-5 {
+  line-height: 1.25rem;
+}
+
 .text-auxiliary {
-  color: var(--auxiliary);
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-auxiliary), var(--tw-text-opacity, 1));
+}
+
+.text-danger {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-danger), var(--tw-text-opacity, 1));
 }
 
-.text-dangerv2 {
-  color: var(--dangerv2);
+.text-danger-2 {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-danger-2), var(--tw-text-opacity, 1));
 }
 
 .text-info {
-  color: var(--info);
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-info), var(--tw-text-opacity, 1));
 }
 
 .text-main {
-  color: var(--main);
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-main), var(--tw-text-opacity, 1));
 }
 
 .text-theme {
-  color: var(--theme);
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-theme), var(--tw-text-opacity, 1));
 }
 
 .text-warning {
-  color: var(--warning);
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-warning), var(--tw-text-opacity, 1));
+}
+
+.shadow-\[0_0_4px_0\] {
+  --tw-shadow: 0 0 4px 0;
+  --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-success {
+  --tw-shadow-color: rgb(var(--hy-success), 1);
+  --tw-shadow: var(--tw-shadow-colored);
 }
 
 .outline {
@@ -1054,10 +1176,19 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.blur-\[1px\] {
+  --tw-blur: blur(1px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.backdrop-filter {
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1074,10 +1205,20 @@ video {
   transition-duration: 300ms;
 }
 
-.hover\:bg-backgroundv2:hover {
-  background-color: var(--backgroundv2);
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
+
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.hover\:bg-background-2:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-dialog_backgroundv3:hover {
-  background-color: var(--dialog-backgroundv3);
+.hover\:bg-background-3:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-background-3), var(--tw-bg-opacity, 1));
 }

package/es/bussiness/index.mjs

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.mjs.map

package/es/components/appButton/appButton.vue.mjs

@@ -0,0 +1,133 @@
+import { openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, withCtx, createVNode, Fragment } from 'vue';
+import { ElIcon } from 'element-plus';
+import { Loading, ArrowDown } from '@element-plus/icons-vue';
+import { AppIcon } from '../appIcon/index.mjs';
+
+import "./style/appButton.scss";
+
+const _sfc_main = {
+  __name: "appButton",
+  props: {
+    type: {
+      type: String,
+      default: "default"
+      // default 默认 primary 亮色 success 添加 danger 删除
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      size: "default"
+      // default、small、large
+    },
+    svgName: {
+      type: String
+    },
+    expand: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const typeObj = {
+      default: "button_default",
+      primary: "button_function",
+      success: "button_addTo",
+      danger: "button_delete"
+    };
+    const emit = __emit;
+    const handleClick = (event) => {
+      if (props.disabled || props.loading) return;
+      emit("click", event);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        disabled: __props.disabled,
+        class: normalizeClass(["hy-button p-[2px] box-border rounded-md group", [
+          typeObj[props.type],
+          {
+            "hy-button--large": __props.size === "large",
+            "hy-button--small": __props.size === "small",
+            "is-disabled": __props.disabled,
+            "is-loading": __props.loading,
+            clickBox: !__props.disabled && !__props.loading
+          }
+        ]]),
+        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(AppIcon), {
+                        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"]);
+    };
+  }
+};
+
+export { _sfc_main as default };

package/es/components/appButton/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appButton.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppButton = withInstall(_sfc_main);
+
+export { AppButton, AppButton as default };