@duxweb/dvha-naiveui 1.0.11 → 1.0.13

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/button/src/Button.js

@@ -0,0 +1,430 @@
+import "../../../../../../vue@3.5.17_typescript@5.8.3/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { useRtl as yo } from "../../_mixins/use-rtl.js";
+import { createHoverColor as x, createPressedColor as $ } from "../../_utils/color/index.js";
+import { isSafari as po } from "../../_utils/env/browser.js";
+import { buttonGroupInjectionKey as xo } from "../../button-group/src/context.js";
+import vo from "./styles/index.cssr.js";
+import { resolveWrappedSlot as Q, isSlotEmpty as go } from "../../_utils/vue/resolve-slot.js";
+import Co from "../../_internal/wave/src/Wave.js";
+import So from "../../_internal/fade-in-expand-transition/src/FadeInExpandTransition.js";
+import Bo from "../../_internal/icon-switch-transition/src/IconSwitchTransition.js";
+import Po from "../../_internal/loading/src/Loading.js";
+import To from "../../../../../../vooks@0.2.12_vue@3.5.17_typescript@5.8.3_/node_modules/vooks/es/use-memo.js";
+import $o from "../../_mixins/use-form-item.js";
+import zo from "../../_mixins/use-config.js";
+import L from "../../_mixins/use-theme.js";
+import { useThemeClass as wo } from "../../_mixins/use-css-vars-class.js";
+import { call as Ro } from "../../_utils/vue/call.js";
+import { createKey as t } from "../../_utils/cssr/index.js";
+import { changeColor as z } from "../../../../../../seemly@0.3.10/node_modules/seemly/es/color/index.js";
+import { color2Class as W } from "../../_utils/css/color-to-class.js";
+import Ho from "../styles/light.js";
+import { warnOnce as ko } from "../../_utils/naive/warn.js";
+import { defineComponent as Eo, h as f, watchEffect as Oo, inject as Do, computed as w } from "../../../../../../@vue_runtime-core@3.5.17/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
+import { ref as j } from "../../../../../../@vue_reactivity@3.5.17/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
+const Fo = Object.assign(Object.assign({}, L.props), {
+  color: String,
+  textColor: String,
+  text: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  disabled: Boolean,
+  circle: Boolean,
+  size: String,
+  ghost: Boolean,
+  round: Boolean,
+  secondary: Boolean,
+  tertiary: Boolean,
+  quaternary: Boolean,
+  strong: Boolean,
+  focusable: {
+    type: Boolean,
+    default: !0
+  },
+  keyboard: {
+    type: Boolean,
+    default: !0
+  },
+  tag: {
+    type: String,
+    default: "button"
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  dashed: Boolean,
+  renderIcon: Function,
+  iconPlacement: {
+    type: String,
+    default: "left"
+  },
+  attrType: {
+    type: String,
+    default: "button"
+  },
+  bordered: {
+    type: Boolean,
+    default: !0
+  },
+  onClick: [Function, Array],
+  nativeFocusBehavior: {
+    type: Boolean,
+    default: !po
+  }
+}), ie = Eo({
+  name: "Button",
+  props: Fo,
+  slots: Object,
+  setup(e) {
+    process.env.NODE_ENV !== "production" && Oo(() => {
+      const {
+        dashed: r,
+        ghost: a,
+        text: d,
+        secondary: o,
+        tertiary: S,
+        quaternary: C
+      } = e;
+      (r || a || d) && (o || S || C) && ko("button", "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
+    });
+    const B = j(null), v = j(null), b = j(!1), m = To(() => !e.quaternary && !e.tertiary && !e.secondary && !e.text && (!e.color || e.ghost || e.dashed) && e.bordered), A = Do(xo, {}), {
+      mergedSizeRef: R
+    } = $o({}, {
+      defaultSize: "medium",
+      mergedSize: (r) => {
+        const {
+          size: a
+        } = e;
+        if (a) return a;
+        const {
+          size: d
+        } = A;
+        if (d) return d;
+        const {
+          mergedSize: o
+        } = r || {};
+        return o ? o.value : "medium";
+      }
+    }), H = w(() => e.focusable && !e.disabled), J = (r) => {
+      var a;
+      H.value || r.preventDefault(), !e.nativeFocusBehavior && (r.preventDefault(), !e.disabled && H.value && ((a = B.value) === null || a === void 0 || a.focus({
+        preventScroll: !0
+      })));
+    }, U = (r) => {
+      var a;
+      if (!e.disabled && !e.loading) {
+        const {
+          onClick: d
+        } = e;
+        d && Ro(d, r), e.text || (a = v.value) === null || a === void 0 || a.play();
+      }
+    }, X = (r) => {
+      switch (r.key) {
+        case "Enter":
+          if (!e.keyboard)
+            return;
+          b.value = !1;
+      }
+    }, Y = (r) => {
+      switch (r.key) {
+        case "Enter":
+          if (!e.keyboard || e.loading) {
+            r.preventDefault();
+            return;
+          }
+          b.value = !0;
+      }
+    }, Z = () => {
+      b.value = !1;
+    }, {
+      inlineThemeDisabled: G,
+      mergedClsPrefixRef: k,
+      mergedRtlRef: oo
+    } = zo(e), eo = L("Button", "-button", vo, Ho, e, k), ro = yo("Button", oo, k), K = w(() => {
+      const r = eo.value, {
+        common: {
+          cubicBezierEaseInOut: a,
+          cubicBezierEaseOut: d
+        },
+        self: o
+      } = r, {
+        rippleDuration: S,
+        opacityDisabled: C,
+        fontWeight: E,
+        fontWeightStrong: O
+      } = o, u = R.value, {
+        dashed: D,
+        type: y,
+        ghost: F,
+        text: h,
+        color: l,
+        round: V,
+        circle: I,
+        textColor: p,
+        secondary: to,
+        tertiary: q,
+        quaternary: no,
+        strong: lo
+      } = e, io = {
+        "--n-font-weight": lo ? O : E
+      };
+      let i = {
+        "--n-color": "initial",
+        "--n-color-hover": "initial",
+        "--n-color-pressed": "initial",
+        "--n-color-focus": "initial",
+        "--n-color-disabled": "initial",
+        "--n-ripple-color": "initial",
+        "--n-text-color": "initial",
+        "--n-text-color-hover": "initial",
+        "--n-text-color-pressed": "initial",
+        "--n-text-color-focus": "initial",
+        "--n-text-color-disabled": "initial"
+      };
+      const P = y === "tertiary", M = y === "default", n = P ? "default" : y;
+      if (h) {
+        const s = p || l;
+        i = {
+          "--n-color": "#0000",
+          "--n-color-hover": "#0000",
+          "--n-color-pressed": "#0000",
+          "--n-color-focus": "#0000",
+          "--n-color-disabled": "#0000",
+          "--n-ripple-color": "#0000",
+          "--n-text-color": s || o[t("textColorText", n)],
+          "--n-text-color-hover": s ? x(s) : o[t("textColorTextHover", n)],
+          "--n-text-color-pressed": s ? $(s) : o[t("textColorTextPressed", n)],
+          "--n-text-color-focus": s ? x(s) : o[t("textColorTextHover", n)],
+          "--n-text-color-disabled": s || o[t("textColorTextDisabled", n)]
+        };
+      } else if (F || D) {
+        const s = p || l;
+        i = {
+          "--n-color": "#0000",
+          "--n-color-hover": "#0000",
+          "--n-color-pressed": "#0000",
+          "--n-color-focus": "#0000",
+          "--n-color-disabled": "#0000",
+          "--n-ripple-color": l || o[t("rippleColor", n)],
+          "--n-text-color": s || o[t("textColorGhost", n)],
+          "--n-text-color-hover": s ? x(s) : o[t("textColorGhostHover", n)],
+          "--n-text-color-pressed": s ? $(s) : o[t("textColorGhostPressed", n)],
+          "--n-text-color-focus": s ? x(s) : o[t("textColorGhostHover", n)],
+          "--n-text-color-disabled": s || o[t("textColorGhostDisabled", n)]
+        };
+      } else if (to) {
+        const s = M ? o.textColor : P ? o.textColorTertiary : o[t("color", n)], c = l || s, T = y !== "default" && y !== "tertiary";
+        i = {
+          "--n-color": T ? z(c, {
+            alpha: Number(o.colorOpacitySecondary)
+          }) : o.colorSecondary,
+          "--n-color-hover": T ? z(c, {
+            alpha: Number(o.colorOpacitySecondaryHover)
+          }) : o.colorSecondaryHover,
+          "--n-color-pressed": T ? z(c, {
+            alpha: Number(o.colorOpacitySecondaryPressed)
+          }) : o.colorSecondaryPressed,
+          "--n-color-focus": T ? z(c, {
+            alpha: Number(o.colorOpacitySecondaryHover)
+          }) : o.colorSecondaryHover,
+          "--n-color-disabled": o.colorSecondary,
+          "--n-ripple-color": "#0000",
+          "--n-text-color": c,
+          "--n-text-color-hover": c,
+          "--n-text-color-pressed": c,
+          "--n-text-color-focus": c,
+          "--n-text-color-disabled": c
+        };
+      } else if (q || no) {
+        const s = M ? o.textColor : P ? o.textColorTertiary : o[t("color", n)], c = l || s;
+        q ? (i["--n-color"] = o.colorTertiary, i["--n-color-hover"] = o.colorTertiaryHover, i["--n-color-pressed"] = o.colorTertiaryPressed, i["--n-color-focus"] = o.colorSecondaryHover, i["--n-color-disabled"] = o.colorTertiary) : (i["--n-color"] = o.colorQuaternary, i["--n-color-hover"] = o.colorQuaternaryHover, i["--n-color-pressed"] = o.colorQuaternaryPressed, i["--n-color-focus"] = o.colorQuaternaryHover, i["--n-color-disabled"] = o.colorQuaternary), i["--n-ripple-color"] = "#0000", i["--n-text-color"] = c, i["--n-text-color-hover"] = c, i["--n-text-color-pressed"] = c, i["--n-text-color-focus"] = c, i["--n-text-color-disabled"] = c;
+      } else
+        i = {
+          "--n-color": l || o[t("color", n)],
+          "--n-color-hover": l ? x(l) : o[t("colorHover", n)],
+          "--n-color-pressed": l ? $(l) : o[t("colorPressed", n)],
+          "--n-color-focus": l ? x(l) : o[t("colorFocus", n)],
+          "--n-color-disabled": l || o[t("colorDisabled", n)],
+          "--n-ripple-color": l || o[t("rippleColor", n)],
+          "--n-text-color": p || (l ? o.textColorPrimary : P ? o.textColorTertiary : o[t("textColor", n)]),
+          "--n-text-color-hover": p || (l ? o.textColorHoverPrimary : o[t("textColorHover", n)]),
+          "--n-text-color-pressed": p || (l ? o.textColorPressedPrimary : o[t("textColorPressed", n)]),
+          "--n-text-color-focus": p || (l ? o.textColorFocusPrimary : o[t("textColorFocus", n)]),
+          "--n-text-color-disabled": p || (l ? o.textColorDisabledPrimary : o[t("textColorDisabled", n)])
+        };
+      let N = {
+        "--n-border": "initial",
+        "--n-border-hover": "initial",
+        "--n-border-pressed": "initial",
+        "--n-border-focus": "initial",
+        "--n-border-disabled": "initial"
+      };
+      h ? N = {
+        "--n-border": "none",
+        "--n-border-hover": "none",
+        "--n-border-pressed": "none",
+        "--n-border-focus": "none",
+        "--n-border-disabled": "none"
+      } : N = {
+        "--n-border": o[t("border", n)],
+        "--n-border-hover": o[t("borderHover", n)],
+        "--n-border-pressed": o[t("borderPressed", n)],
+        "--n-border-focus": o[t("borderFocus", n)],
+        "--n-border-disabled": o[t("borderDisabled", n)]
+      };
+      const {
+        [t("height", u)]: _,
+        [t("fontSize", u)]: so,
+        [t("padding", u)]: ao,
+        [t("paddingRound", u)]: co,
+        [t("iconSize", u)]: uo,
+        [t("borderRadius", u)]: fo,
+        [t("iconMargin", u)]: ho,
+        waveOpacity: bo
+      } = o, mo = {
+        "--n-width": I && !h ? _ : "initial",
+        "--n-height": h ? "initial" : _,
+        "--n-font-size": so,
+        "--n-padding": I || h ? "initial" : V ? co : ao,
+        "--n-icon-size": uo,
+        "--n-icon-margin": ho,
+        "--n-border-radius": h ? "initial" : I || V ? _ : fo
+      };
+      return Object.assign(Object.assign(Object.assign(Object.assign({
+        "--n-bezier": a,
+        "--n-bezier-ease-out": d,
+        "--n-ripple-duration": S,
+        "--n-opacity-disabled": C,
+        "--n-wave-opacity": bo
+      }, io), i), N), mo);
+    }), g = G ? wo("button", w(() => {
+      let r = "";
+      const {
+        dashed: a,
+        type: d,
+        ghost: o,
+        text: S,
+        color: C,
+        round: E,
+        circle: O,
+        textColor: u,
+        secondary: D,
+        tertiary: y,
+        quaternary: F,
+        strong: h
+      } = e;
+      a && (r += "a"), o && (r += "b"), S && (r += "c"), E && (r += "d"), O && (r += "e"), D && (r += "f"), y && (r += "g"), F && (r += "h"), h && (r += "i"), C && (r += `j${W(C)}`), u && (r += `k${W(u)}`);
+      const {
+        value: l
+      } = R;
+      return r += `l${l[0]}`, r += `m${d[0]}`, r;
+    }), K, e) : void 0;
+    return {
+      selfElRef: B,
+      waveElRef: v,
+      mergedClsPrefix: k,
+      mergedFocusable: H,
+      mergedSize: R,
+      showBorder: m,
+      enterPressed: b,
+      rtlEnabled: ro,
+      handleMousedown: J,
+      handleKeydown: Y,
+      handleBlur: Z,
+      handleKeyup: X,
+      handleClick: U,
+      customColorCssVars: w(() => {
+        const {
+          color: r
+        } = e;
+        if (!r) return null;
+        const a = x(r);
+        return {
+          "--n-border-color": r,
+          "--n-border-color-hover": a,
+          "--n-border-color-pressed": $(r),
+          "--n-border-color-focus": a,
+          "--n-border-color-disabled": r
+        };
+      }),
+      cssVars: G ? void 0 : K,
+      themeClass: g == null ? void 0 : g.themeClass,
+      onRender: g == null ? void 0 : g.onRender
+    };
+  },
+  render() {
+    const {
+      mergedClsPrefix: e,
+      tag: B,
+      onRender: v
+    } = this;
+    v == null || v();
+    const b = Q(this.$slots.default, (m) => m && f("span", {
+      class: `${e}-button__content`
+    }, m));
+    return f(B, {
+      ref: "selfElRef",
+      class: [
+        this.themeClass,
+        `${e}-button`,
+        `${e}-button--${this.type}-type`,
+        `${e}-button--${this.mergedSize}-type`,
+        this.rtlEnabled && `${e}-button--rtl`,
+        this.disabled && `${e}-button--disabled`,
+        this.block && `${e}-button--block`,
+        this.enterPressed && `${e}-button--pressed`,
+        !this.text && this.dashed && `${e}-button--dashed`,
+        this.color && `${e}-button--color`,
+        this.secondary && `${e}-button--secondary`,
+        this.loading && `${e}-button--loading`,
+        this.ghost && `${e}-button--ghost`
+        // required for button group border collapse
+      ],
+      tabindex: this.mergedFocusable ? 0 : -1,
+      type: this.attrType,
+      style: this.cssVars,
+      disabled: this.disabled,
+      onClick: this.handleClick,
+      onBlur: this.handleBlur,
+      onMousedown: this.handleMousedown,
+      onKeyup: this.handleKeyup,
+      onKeydown: this.handleKeydown
+    }, this.iconPlacement === "right" && b, f(So, {
+      width: !0
+    }, {
+      default: () => Q(this.$slots.icon, (m) => (this.loading || this.renderIcon || m) && f("span", {
+        class: `${e}-button__icon`,
+        style: {
+          margin: go(this.$slots.default) ? "0" : ""
+        }
+      }, f(Bo, null, {
+        default: () => this.loading ? f(Po, {
+          clsPrefix: e,
+          key: "loading",
+          class: `${e}-icon-slot`,
+          strokeWidth: 20
+        }) : f("div", {
+          key: "icon",
+          class: `${e}-icon-slot`,
+          role: "none"
+        }, this.renderIcon ? this.renderIcon() : m)
+      })))
+    }), this.iconPlacement === "left" && b, this.text ? null : f(Co, {
+      ref: "waveElRef",
+      clsPrefix: e
+    }), this.showBorder ? f("div", {
+      "aria-hidden": !0,
+      class: `${e}-button__border`,
+      style: this.customColorCssVars
+    }) : null, this.showBorder ? f("div", {
+      "aria-hidden": !0,
+      class: `${e}-button__state-border`,
+      style: this.customColorCssVars
+    }) : null);
+  }
+});
+export {
+  Fo as buttonProps,
+  ie as default
+};

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/button/src/styles/index.cssr.js

@@ -0,0 +1,159 @@
+import { fadeInWidthExpandTransition as a } from "../../../_styles/transitions/fade-in-width-expand.cssr.js";
+import { iconSwitchTransition as i } from "../../../_styles/transitions/icon-switch.cssr.js";
+import { c as o, cB as n, cM as e, cNotM as t, cE as r } from "../../../_utils/cssr/index.js";
+import { isBrowser as d } from "../../../_utils/env/is-browser.js";
+const v = o([n("button", `
+ margin: 0;
+ font-weight: var(--n-font-weight);
+ line-height: 1;
+ font-family: inherit;
+ padding: var(--n-padding);
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+ border-radius: var(--n-border-radius);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
+ width: var(--n-width);
+ white-space: nowrap;
+ outline: none;
+ position: relative;
+ z-index: auto;
+ border: none;
+ display: inline-flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ user-select: none;
+ -webkit-user-select: none;
+ text-align: center;
+ cursor: pointer;
+ text-decoration: none;
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `, [e("color", [r("border", {
+  borderColor: "var(--n-border-color)"
+}), e("disabled", [r("border", {
+  borderColor: "var(--n-border-color-disabled)"
+})]), t("disabled", [o("&:focus", [r("state-border", {
+  borderColor: "var(--n-border-color-focus)"
+})]), o("&:hover", [r("state-border", {
+  borderColor: "var(--n-border-color-hover)"
+})]), o("&:active", [r("state-border", {
+  borderColor: "var(--n-border-color-pressed)"
+})]), e("pressed", [r("state-border", {
+  borderColor: "var(--n-border-color-pressed)"
+})])])]), e("disabled", {
+  backgroundColor: "var(--n-color-disabled)",
+  color: "var(--n-text-color-disabled)"
+}, [r("border", {
+  border: "var(--n-border-disabled)"
+})]), t("disabled", [o("&:focus", {
+  backgroundColor: "var(--n-color-focus)",
+  color: "var(--n-text-color-focus)"
+}, [r("state-border", {
+  border: "var(--n-border-focus)"
+})]), o("&:hover", {
+  backgroundColor: "var(--n-color-hover)",
+  color: "var(--n-text-color-hover)"
+}, [r("state-border", {
+  border: "var(--n-border-hover)"
+})]), o("&:active", {
+  backgroundColor: "var(--n-color-pressed)",
+  color: "var(--n-text-color-pressed)"
+}, [r("state-border", {
+  border: "var(--n-border-pressed)"
+})]), e("pressed", {
+  backgroundColor: "var(--n-color-pressed)",
+  color: "var(--n-text-color-pressed)"
+}, [r("state-border", {
+  border: "var(--n-border-pressed)"
+})])]), e("loading", "cursor: wait;"), n("base-wave", `
+ pointer-events: none;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ animation-iteration-count: 1;
+ animation-duration: var(--n-ripple-duration);
+ animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
+ `, [e("active", {
+  zIndex: 1,
+  animationName: "button-wave-spread, button-wave-opacity"
+})]), d && "MozBoxSizing" in document.createElement("div").style ? o("&::moz-focus-inner", {
+  border: 0
+}) : null, r("border, state-border", `
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: inherit;
+ transition: border-color .3s var(--n-bezier);
+ pointer-events: none;
+ `), r("border", {
+  border: "var(--n-border)"
+}), r("state-border", {
+  border: "var(--n-border)",
+  borderColor: "#0000",
+  zIndex: 1
+}), r("icon", `
+ margin: var(--n-icon-margin);
+ margin-left: 0;
+ height: var(--n-icon-size);
+ width: var(--n-icon-size);
+ max-width: var(--n-icon-size);
+ font-size: var(--n-icon-size);
+ position: relative;
+ flex-shrink: 0;
+ `, [n("icon-slot", `
+ height: var(--n-icon-size);
+ width: var(--n-icon-size);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `, [i({
+  top: "50%",
+  originalTransform: "translateY(-50%)"
+})]), a()]), r("content", `
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ min-width: 0;
+ `, [o("~", [r("icon", {
+  margin: "var(--n-icon-margin)",
+  marginRight: 0
+})])]), e("block", `
+ display: flex;
+ width: 100%;
+ `), e("dashed", [r("border, state-border", {
+  borderStyle: "dashed !important"
+})]), e("disabled", {
+  cursor: "not-allowed",
+  opacity: "var(--n-opacity-disabled)"
+})]), o("@keyframes button-wave-spread", {
+  from: {
+    boxShadow: "0 0 0.5px 0 var(--n-ripple-color)"
+  },
+  to: {
+    // don't use exact 5px since chrome will display the animation with glitches
+    boxShadow: "0 0 0.5px 4.5px var(--n-ripple-color)"
+  }
+}), o("@keyframes button-wave-opacity", {
+  from: {
+    opacity: "var(--n-wave-opacity)"
+  },
+  to: {
+    opacity: 0
+  }
+})]);
+export {
+  v as default
+};

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/button/styles/_common.js

@@ -0,0 +1,22 @@
+const i = {
+  paddingTiny: "0 6px",
+  paddingSmall: "0 10px",
+  paddingMedium: "0 14px",
+  paddingLarge: "0 18px",
+  paddingRoundTiny: "0 10px",
+  paddingRoundSmall: "0 14px",
+  paddingRoundMedium: "0 18px",
+  paddingRoundLarge: "0 22px",
+  iconMarginTiny: "6px",
+  iconMarginSmall: "6px",
+  iconMarginMedium: "6px",
+  iconMarginLarge: "6px",
+  iconSizeTiny: "14px",
+  iconSizeSmall: "18px",
+  iconSizeMedium: "18px",
+  iconSizeLarge: "20px",
+  rippleDuration: ".6s"
+};
+export {
+  i as default
+};