hys-ui 0.1.1 → 0.3.0

package/dist/components/HysAlert/HysAlert2.vue.js

@@ -1,4 +1,161 @@
-import f from "./HysAlert.vue.js";
+import { defineComponent as z, useSlots as T, useAttrs as V, computed as h, openBlock as l, createBlock as v, Transition as $, unref as a, withCtx as E, createElementBlock as o, mergeProps as x, renderSlot as s, normalizeProps as r, guardReactiveProps as n, resolveDynamicComponent as D, createCommentVNode as u, createElementVNode as I, createTextVNode as g, toDisplayString as m } from "vue";
+import { Info as B, CircleAlert as N, TriangleAlert as P, CircleCheck as S, LoaderCircle as R, X as q } from "lucide-vue-next";
+import { useAlert as H } from "../../composables/useAlert.js";
+const X = ["data-effect", "role", "aria-label", "aria-live", "aria-atomic", "aria-busy"], j = {
+  key: 0,
+  class: "hys-ui-alert-icon",
+  "aria-hidden": "true"
+}, F = { class: "hys-ui-alert-content" }, G = {
+  key: 0,
+  class: "hys-ui-alert-title"
+}, J = {
+  key: 1,
+  class: "hys-ui-alert-description"
+}, K = {
+  key: 1,
+  class: "hys-ui-alert-action"
+}, M = ["aria-label", "disabled"], O = { key: 0 }, Y = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "HysAlert",
+  props: {
+    tone: {},
+    title: {},
+    description: {},
+    closable: { type: Boolean },
+    showIcon: { type: Boolean, default: void 0 },
+    center: { type: Boolean },
+    visible: { type: Boolean, default: void 0 },
+    modelValue: { type: Boolean, default: void 0 },
+    defaultVisible: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    banner: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    closeText: {},
+    closeLabel: { default: "关闭提示" },
+    disabled: { type: Boolean },
+    beforeClose: {},
+    transition: { default: "fade" },
+    transitionDuration: { default: 180 },
+    appear: { type: Boolean },
+    ariaLabel: {},
+    ariaLive: {},
+    ariaAtomic: { type: Boolean, default: !0 }
+  },
+  emits: ["close", "update:visible", "update:modelValue", "visibleChange", "closeRequest", "closeError", "afterClose"],
+  setup(t, { expose: k, emit: L }) {
+    const b = t, C = L, c = T(), p = V(), e = H(b, (i, ...d) => C(i, ...d)), A = h(
+      () => ({
+        success: S,
+        warning: P,
+        danger: N,
+        info: B,
+        primary: B
+      })[e.tone.value]
+    ), y = h(
+      () => !!(b.description || c.default || c.description)
+    ), w = h(
+      () => ({
+        info: "var(--hys-ui-info,#3867f5)",
+        primary: "var(--hys-ui-primary,var(--hys-ui-theme-primary))",
+        success: "var(--hys-ui-success,#16a46e)",
+        warning: "var(--hys-ui-warning,#d9860c)",
+        danger: "var(--hys-ui-red,var(--hys-ui-theme-red,#ed4556))"
+      })[e.tone.value]
+    );
+    return k({
+      element: e.element,
+      visible: e.visible,
+      closing: e.closing,
+      close: () => e.close(),
+      show: e.show
+    }), (i, d) => (l(), v($, {
+      name: "hys-ui-alert-" + t.transition,
+      css: a(e).duration.value > 0,
+      duration: a(e).duration.value,
+      appear: t.appear,
+      onBeforeLeave: a(e).beforeLeave,
+      onAfterLeave: a(e).afterLeave,
+      onBeforeEnter: a(e).restore,
+      onLeaveCancelled: a(e).restore
+    }, {
+      default: E(() => [
+        a(e).visible.value ? (l(), o("div", x({
+          key: 0,
+          ref: (f) => a(e).element.value = f
+        }, { ...a(e).skin.value, ...a(p) }, {
+          class: ["hys-ui-ex-alert hys-ui-alert-panel", [
+            "hys-ui-ex-" + a(e).tone.value,
+            "hys-ui-alert-" + t.size,
+            {
+              "hys-ui-alert-banner": t.banner,
+              "hys-ui-alert-center": t.center,
+              "hys-ui-alert-bordered": t.bordered,
+              "hys-ui-alert-description": y.value
+            }
+          ]],
+          "data-effect": t.effect,
+          style: {
+            "--hys-ui-alert-color": w.value,
+            "--hys-ui-alert-duration": a(e).duration.value + "ms"
+          },
+          role: a(p).role || (a(e).tone.value === "danger" ? "alert" : "status"),
+          "aria-label": t.ariaLabel,
+          "aria-live": t.ariaLive,
+          "aria-atomic": t.ariaAtomic,
+          "aria-busy": a(e).closing.value || void 0
+        }), [
+          t.showIcon ?? t.banner ? (l(), o("span", j, [
+            s(i.$slots, "icon", r(n(a(e).scope.value)), () => [
+              (l(), v(D(A.value), {
+                size: y.value ? 22 : 18
+              }, null, 8, ["size"]))
+            ], !0)
+          ])) : u("", !0),
+          I("div", F, [
+            t.title || c.title ? (l(), o("strong", G, [
+              s(i.$slots, "title", r(n(a(e).scope.value)), () => [
+                g(m(t.title), 1)
+              ], !0)
+            ])) : u("", !0),
+            y.value ? (l(), o("div", J, [
+              s(i.$slots, "default", r(n(a(e).scope.value)), () => [
+                s(i.$slots, "description", r(n(a(e).scope.value)), () => [
+                  g(m(t.description), 1)
+                ], !0)
+              ], !0)
+            ])) : u("", !0)
+          ]),
+          c.action ? (l(), o("div", K, [
+            s(i.$slots, "action", r(n(a(e).scope.value)), void 0, !0)
+          ])) : u("", !0),
+          t.closable ? (l(), o("button", {
+            key: 2,
+            type: "button",
+            class: "hys-ui-alert-close",
+            "aria-label": t.closeLabel,
+            disabled: t.disabled || a(e).closing.value,
+            onClick: d[0] || (d[0] = (f) => a(e).close("button", f))
+          }, [
+            a(e).closing.value ? (l(), v(a(R), {
+              key: 0,
+              class: "hys-ui-alert-spinner",
+              size: 16,
+              "aria-hidden": "true"
+            })) : s(i.$slots, "close-icon", r(n(a(e).scope.value)), () => [
+              t.closeText ? (l(), o("span", O, m(t.closeText), 1)) : (l(), v(a(q), {
+                key: 1,
+                size: 16,
+                "aria-hidden": "true"
+              }))
+            ], !0, 1)
+          ], 8, M)) : u("", !0)
+        ], 16, X)) : u("", !0)
+      ]),
+      _: 3
+    }, 8, ["name", "css", "duration", "appear", "onBeforeLeave", "onAfterLeave", "onBeforeEnter", "onLeaveCancelled"]));
+  }
+});
 export {
-  f as default
+  Y as default
 };

package/dist/components/HysAutocomplete/HysAutocomplete.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysAutocomplete2.vue.js";
+/* empty css                     */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b0abe6f4"]]);
+export {
+  r as default
+};