@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XInputSearch.vue2.js

@@ -0,0 +1,154 @@
+import { defineComponent as X, useAttrs as P, ref as b, computed as T, watch as w, openBlock as i, createBlock as E, mergeProps as v, unref as a, createSlots as h, withCtx as n, renderSlot as o, createElementBlock as c, Fragment as N, createElementVNode as A, withModifiers as M, createVNode as m, createTextVNode as R, toDisplayString as D, createCommentVNode as F } from "vue";
+import { useXConfig as j } from "../composables/config.js";
+import { useXI18n as q } from "../composables/i18n.js";
+import G from "./XButton.vue.js";
+import g from "./XIcon.js";
+import H from "./XInput.vue.js";
+const J = {
+  key: 0,
+  class: "x-input-search__loading",
+  "aria-hidden": "true"
+}, K = ["disabled", "aria-label"], Z = /* @__PURE__ */ X({
+  inheritAttrs: !1,
+  __name: "XInputSearch",
+  props: {
+    searchButton: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    buttonText: { default: void 0 },
+    buttonProps: { default: void 0 }
+  },
+  emits: ["search"],
+  setup(t, { expose: y, emit: k }) {
+    const l = t, $ = k, z = j(), { t: B } = q(), u = P(), r = b(null), d = b(""), p = T(() => l.size ?? z.size.value);
+    w(
+      () => u.modelValue,
+      (e) => {
+        e !== void 0 && (d.value = String(e ?? ""));
+      },
+      { immediate: !0 }
+    );
+    function x(e) {
+      d.value = e;
+    }
+    function S() {
+      const e = u.modelValue;
+      return e !== void 0 ? String(e ?? "") : d.value;
+    }
+    function f(e) {
+      l.disabled || l.loading || $("search", S(), e);
+    }
+    function V(e) {
+      f(e);
+    }
+    function C() {
+      var e;
+      (e = r.value) == null || e.focus();
+    }
+    function I() {
+      var e;
+      (e = r.value) == null || e.blur();
+    }
+    return y({
+      focus: C,
+      blur: I
+    }), (e, s) => (i(), E(H, v({
+      ref_key: "inputRef",
+      ref: r,
+      class: "x-input-search"
+    }, a(u), {
+      disabled: t.disabled,
+      size: p.value,
+      onInput: x,
+      onPressEnter: V
+    }), h({
+      suffix: n(() => [
+        t.searchButton ? o(e.$slots, "suffix", { key: 0 }, void 0, !0) : (i(), c(N, { key: 1 }, [
+          t.loading ? (i(), c("span", J, [...s[1] || (s[1] = [
+            A("span", { class: "x-input-search__spinner" }, null, -1)
+          ])])) : (i(), c("button", {
+            key: 1,
+            type: "button",
+            class: "x-input-search__trigger",
+            disabled: t.disabled,
+            "aria-label": a(B)("inputSearch.searchAria", void 0, "搜索"),
+            onMousedown: s[0] || (s[0] = M(() => {
+            }, ["prevent"])),
+            onClick: f
+          }, [
+            m(a(g), {
+              name: "sousuo",
+              class: "x-input-search__icon",
+              size: 14
+            })
+          ], 40, K)),
+          o(e.$slots, "suffix", {}, void 0, !0)
+        ], 64))
+      ]),
+      _: 2
+    }, [
+      e.$slots.prepend ? {
+        name: "prepend",
+        fn: n(() => [
+          o(e.$slots, "prepend", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: n(() => [
+          o(e.$slots, "prefix", {}, void 0, !0)
+        ]),
+        key: "1"
+      } : void 0,
+      t.searchButton ? {
+        name: "append",
+        fn: n(() => [
+          m(G, v({
+            class: "x-input-search__button",
+            type: "primary",
+            size: p.value,
+            loading: t.loading,
+            disabled: t.disabled
+          }, t.buttonProps, { onClick: f }), h({
+            default: n(() => [
+              e.$slots["button-default"] || t.buttonText ? o(e.$slots, "button-default", { key: 0 }, () => [
+                R(D(t.buttonText), 1)
+              ], !0) : F("", !0)
+            ]),
+            _: 2
+          }, [
+            e.$slots["button-icon"] && !t.loading ? {
+              name: "icon",
+              fn: n(() => [
+                o(e.$slots, "button-icon", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : !t.loading && !(e.$slots["button-default"] || t.buttonText) ? {
+              name: "icon",
+              fn: n(() => [
+                m(a(g), {
+                  name: "sousuo",
+                  class: "x-input-search__icon",
+                  size: 14
+                })
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1040, ["size", "loading", "disabled"])
+        ]),
+        key: "2"
+      } : e.$slots.append ? {
+        name: "append",
+        fn: n(() => [
+          o(e.$slots, "append", {}, void 0, !0)
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["disabled", "size"]));
+  }
+});
+export {
+  Z as default
+};

package/dist/components/XInputTag.vue.js

@@ -0,0 +1,367 @@
+import { defineComponent as Ce, useAttrs as Ie, useSlots as we, ref as p, reactive as _e, computed as r, watch as F, onMounted as Be, openBlock as m, createElementBlock as V, mergeProps as N, createElementVNode as U, toDisplayString as W, renderSlot as $, createCommentVNode as z, createVNode as G, TransitionGroup as Te, normalizeClass as Se, withCtx as H, Fragment as ke, renderList as Ee, createBlock as Fe, createTextVNode as Ne, unref as P, withModifiers as $e, nextTick as J } from "vue";
+import { useXConfig as ze, sizeClass as Pe } from "../composables/config.js";
+import { useXFormField as Ae } from "../composables/form.js";
+import { useXI18n as De } from "../composables/i18n.js";
+import Me from "./XIcon.js";
+import je from "./XTag.vue.js";
+const Re = {
+  key: 0,
+  class: "x-input-tag__prefix"
+}, Ke = ["id", "placeholder", "disabled", "readonly", "value", "aria-invalid"], Le = ["aria-label"], Oe = {
+  key: 2,
+  class: "x-input-tag__suffix"
+}, Je = /* @__PURE__ */ Ce({
+  inheritAttrs: !1,
+  __name: "XInputTag",
+  props: {
+    modelValue: {},
+    defaultValue: { default: () => [] },
+    inputValue: {},
+    defaultInputValue: { default: "" },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    maxTagCount: { default: 0 },
+    retainInputValue: { type: [Boolean, Object], default: !1 },
+    formatTag: { type: Function, default: void 0 },
+    uniqueValue: { type: Boolean, default: !1 },
+    fieldNames: { default: void 0 },
+    tagNowrap: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:inputValue", "change", "inputValueChange", "pressEnter", "remove", "clear", "focus", "blur"],
+  setup(c, { expose: Q, emit: Y }) {
+    const A = /* @__PURE__ */ new Set([
+      "onFocus",
+      "onFocusin",
+      "onFocusout",
+      "onBlur",
+      "onChange",
+      "onBeforeinput",
+      "onInput",
+      "onReset",
+      "onSubmit",
+      "onInvalid",
+      "onKeydown",
+      "onKeypress",
+      "onKeyup",
+      "onCopy",
+      "onCut",
+      "onPaste",
+      "onCompositionstart",
+      "onCompositionupdate",
+      "onCompositionend",
+      "onSelect",
+      "autocomplete",
+      "autofocus",
+      "maxlength",
+      "minlength",
+      "name",
+      "pattern",
+      "readonly",
+      "required",
+      "spellcheck",
+      "inputmode",
+      "enterkeyhint",
+      "tabindex",
+      "title",
+      "aria-label",
+      "aria-labelledby",
+      "aria-describedby"
+    ]), Z = {
+      value: "value",
+      label: "label",
+      closable: "closable",
+      tagProps: "tagProps"
+    }, l = c, s = Y, D = Ie(), M = we(), ee = ze(), n = Ae(), { t: ae } = De(), i = p(null), I = p(null), w = p(!1), d = p(!1), x = p(""), _ = p([...l.defaultValue]), j = p(String(l.defaultInputValue ?? "")), R = _e({
+      width: "12px"
+    }), B = r(() => l.size ?? (n == null ? void 0 : n.size.value) ?? ee.size.value), te = r(() => B.value === "large" ? "large" : B.value === "medium" ? "medium" : "small"), g = r(() => !!(l.disabled || n != null && n.disabled.value)), K = r(() => !!(l.error || n != null && n.error.value)), h = r(() => l.modelValue ?? _.value), o = r(() => l.inputValue ?? j.value), ne = r(() => ({
+      ...Z,
+      ...l.fieldNames ?? {}
+    })), L = r(() => {
+      if (l.retainInputValue && typeof l.retainInputValue == "object")
+        return {
+          create: !1,
+          blur: !1,
+          ...l.retainInputValue
+        };
+      const e = !!l.retainInputValue;
+      return {
+        create: e,
+        blur: e
+      };
+    }), le = r(() => {
+      const e = {};
+      return Object.entries(D).forEach(([a, t]) => {
+        A.has(a) && (e[a] = t);
+      }), e;
+    }), oe = r(() => {
+      const e = {};
+      return Object.entries(D).forEach(([a, t]) => {
+        A.has(a) || (e[a] = t);
+      }), e;
+    });
+    function O(e) {
+      return Object.prototype.toString.call(e) === "[object Object]";
+    }
+    function ue(e) {
+      return typeof e == "number" || typeof e == "string" ? e : String(e ?? "");
+    }
+    function re(e, a) {
+      return String(typeof e == "number" || typeof e == "string" ? e : a);
+    }
+    function se(e) {
+      if (O(e))
+        return e;
+    }
+    const f = r(() => {
+      const e = [], a = ne.value;
+      for (const t of h.value) {
+        if (O(t)) {
+          const u = ue(t[a.value]);
+          e.push({
+            raw: t,
+            value: u,
+            label: re(t[a.label], u),
+            closable: !!t[a.closable],
+            tagProps: se(t[a.tagProps])
+          });
+          continue;
+        }
+        if (typeof t == "string" || typeof t == "number") {
+          const u = {
+            value: t,
+            label: String(t),
+            closable: !0
+          };
+          e.push({
+            raw: u,
+            ...u
+          });
+        }
+      }
+      return e;
+    }), b = r(() => {
+      if (l.maxTagCount > 0) {
+        const e = f.value.length - l.maxTagCount;
+        if (e > 0) {
+          const a = f.value.slice(0, l.maxTagCount), t = {
+            value: "__x_input_tag_more__",
+            label: `+${e}...`,
+            closable: !1
+          };
+          return a.push({
+            raw: t,
+            ...t
+          }), a;
+        }
+      }
+      return f.value;
+    }), X = r(() => !g.value && !l.readonly && l.allowClear && h.value.length > 0), ie = r(() => [
+      "x-input-tag",
+      Pe(B.value),
+      {
+        "is-disabled": g.value,
+        "is-error": K.value,
+        "is-readonly": l.readonly,
+        "is-focus": w.value,
+        "has-tag": b.value.length > 0,
+        "has-clear": X.value,
+        "has-prefix": !!M.prefix,
+        "has-suffix": !!M.suffix
+      }
+    ]), ce = r(() => b.value.length > 0 ? x.value || o.value : x.value || o.value || l.placeholder || "");
+    function fe(e) {
+      R.width = `${Math.max(12, Math.round(e))}px`;
+    }
+    function y() {
+      J(() => {
+        I.value && fe(I.value.offsetWidth);
+      });
+    }
+    function T() {
+      J(() => {
+        i.value && o.value !== i.value.value && (i.value.value = o.value);
+      });
+    }
+    function S(e, a) {
+      _.value = e, s("update:modelValue", e), s("change", e, a), n == null || n.notifyChange(a);
+    }
+    function C(e, a) {
+      j.value = e, s("update:inputValue", e), s("inputValueChange", e, a);
+    }
+    function pe(e) {
+      i.value && e.target !== i.value && (e.preventDefault(), i.value.focus());
+    }
+    function de(e) {
+      if (d.value)
+        return;
+      const a = e.target.value;
+      C(a, e), T(), n == null || n.notifyInput(e);
+    }
+    function k(e) {
+      const a = e.target.value;
+      if (e.type === "compositionend") {
+        d.value = !1, x.value = "", C(a, e), T(), y(), n == null || n.notifyInput(e);
+        return;
+      }
+      d.value = !0, x.value = `${o.value}${e.data ?? ""}`, y();
+    }
+    function q(e, a, t) {
+      const u = h.value.filter((E, v) => v !== a);
+      S(u, t), s("remove", e, t);
+    }
+    function ve(e) {
+      S([], e), s("clear", e);
+    }
+    function me(e) {
+      if (!o.value)
+        return;
+      if (e.preventDefault(), l.uniqueValue && h.value.includes(o.value)) {
+        s("pressEnter", o.value, e);
+        return;
+      }
+      const a = [...h.value, o.value];
+      S(a, e), s("pressEnter", o.value, e), L.value.create || C("", e);
+    }
+    function ge() {
+      for (let e = f.value.length - 1; e >= 0; e -= 1)
+        if (f.value[e].closable)
+          return e;
+      return -1;
+    }
+    function he(e) {
+      if (g.value || l.readonly)
+        return;
+      const a = e.key;
+      if (!d.value && o.value && a === "Enter") {
+        me(e);
+        return;
+      }
+      if (!d.value && !o.value && f.value.length > 0 && a === "Backspace") {
+        const t = ge();
+        t >= 0 && q(f.value[t].value, t, e);
+      }
+    }
+    function be(e) {
+      w.value = !0, s("focus", e), n == null || n.notifyFocus(e);
+    }
+    function ye(e) {
+      w.value = !1, !L.value.blur && o.value && C("", e), s("blur", e), n == null || n.notifyBlur(e);
+    }
+    function Ve() {
+      var e;
+      (e = i.value) == null || e.focus();
+    }
+    function xe() {
+      var e;
+      (e = i.value) == null || e.blur();
+    }
+    return F(
+      () => l.modelValue,
+      (e) => {
+        e == null && (_.value = []);
+      }
+    ), F(
+      o,
+      () => {
+        d.value || T(), y();
+      }
+    ), F(
+      () => [b.value.length, l.placeholder],
+      () => {
+        y();
+      }
+    ), Be(() => {
+      y();
+    }), Q({
+      focus: Ve,
+      blur: xe
+    }), (e, a) => (m(), V("span", N(oe.value, {
+      class: ie.value,
+      onMousedown: pe
+    }), [
+      U("span", {
+        ref_key: "mirrorRef",
+        ref: I,
+        class: "x-input-tag__mirror"
+      }, W(ce.value), 513),
+      e.$slots.prefix ? (m(), V("span", Re, [
+        $(e.$slots, "prefix")
+      ])) : z("", !0),
+      G(Te, {
+        tag: "span",
+        name: "x-input-tag-zoom",
+        class: Se(["x-input-tag__inner", { "x-input-tag__inner--nowrap": c.tagNowrap }])
+      }, {
+        default: H(() => {
+          var t;
+          return [
+            (m(!0), V(ke, null, Ee(b.value, (u, E) => (m(), Fe(je, N({
+              key: `tag-${String(u.value)}-${E}`,
+              class: "x-input-tag__tag",
+              size: te.value,
+              closable: !g.value && !c.readonly && u.closable,
+              visible: !0
+            }, { ref_for: !0 }, u.tagProps, {
+              onClose: (v) => q(u.value, E, v)
+            }), {
+              default: H(() => [
+                $(e.$slots, "tag", {
+                  data: u.raw
+                }, () => {
+                  var v;
+                  return [
+                    Ne(W(((v = c.formatTag) == null ? void 0 : v.call(c, u.raw)) ?? u.label), 1)
+                  ];
+                })
+              ]),
+              _: 2
+            }, 1040, ["size", "closable", "onClose"]))), 128)),
+            U("input", N({
+              ref_key: "inputRef",
+              ref: i
+            }, le.value, {
+              id: (t = P(n)) == null ? void 0 : t.id,
+              key: "x-input-tag-input",
+              class: "x-input-tag__input",
+              style: R,
+              placeholder: b.value.length === 0 ? c.placeholder : void 0,
+              disabled: g.value,
+              readonly: c.readonly,
+              value: o.value,
+              "aria-invalid": K.value || void 0,
+              onInput: de,
+              onKeydown: he,
+              onFocus: be,
+              onBlur: ye,
+              onCompositionstart: k,
+              onCompositionupdate: k,
+              onCompositionend: k
+            }), null, 16, Ke)
+          ];
+        }),
+        _: 3
+      }, 8, ["class"]),
+      X.value ? (m(), V("button", {
+        key: 1,
+        type: "button",
+        class: "x-input-tag__clear x-input-icon-hover",
+        "aria-label": P(ae)("input.clearAria", void 0, "清空"),
+        onMousedown: a[0] || (a[0] = $e(() => {
+        }, ["prevent", "stop"])),
+        onClick: ve
+      }, [
+        G(P(Me), { name: "guanbi" })
+      ], 40, Le)) : z("", !0),
+      e.$slots.suffix ? (m(), V("span", Oe, [
+        $(e.$slots, "suffix")
+      ])) : z("", !0)
+    ], 16));
+  }
+});
+export {
+  Je as default
+};

package/dist/components/XInputTag.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XInputTag.vue.js";
+export {
+  f as default
+};

package/dist/components/XLayout.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as s, computed as r, openBlock as n, createElementBlock as l, normalizeClass as u, renderSlot as c } from "vue";
+const m = /* @__PURE__ */ s({
+  name: "XLayout",
+  __name: "XLayout",
+  props: {
+    hasSider: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, o = r(() => ({
+      "x-layout": !0,
+      "x-layout--has-sider": t.hasSider
+    }));
+    return (a, p) => (n(), l("section", {
+      class: u(o.value)
+    }, [
+      c(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  m as default
+};

package/dist/components/XLayout.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLayout.vue.js";
+export {
+  f as default
+};

package/dist/components/XLayoutContent.vue.js

@@ -0,0 +1,13 @@
+import { defineComponent as e, openBlock as n, createElementBlock as o, renderSlot as a } from "vue";
+const c = { class: "x-content x-layout-content" }, _ = /* @__PURE__ */ e({
+  name: "XContent",
+  __name: "XLayoutContent",
+  setup(r) {
+    return (t, s) => (n(), o("main", c, [
+      a(t.$slots, "default")
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/XLayoutContent.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLayoutContent.vue.js";
+export {
+  f as default
+};

package/dist/components/XLayoutFooter.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as n, computed as l, openBlock as s, createElementBlock as a, normalizeStyle as p, renderSlot as u } from "vue";
+const f = /* @__PURE__ */ n({
+  name: "XFooter",
+  __name: "XLayoutFooter",
+  props: {
+    height: { default: 64 }
+  },
+  setup(t) {
+    const e = t, o = l(() => ({
+      height: typeof e.height == "number" ? `${e.height}px` : e.height
+    }));
+    return (r, c) => (s(), a("footer", {
+      class: "x-footer x-layout-footer",
+      style: p(o.value)
+    }, [
+      u(r.$slots, "default")
+    ], 4));
+  }
+});
+export {
+  f as default
+};

package/dist/components/XLayoutFooter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XLayoutFooter.vue.js";
+export {
+  f as default
+};