hys-ui 0.1.1 → 0.2.0

package/dist/components/HysTextarea/HysTextarea.vue.js

@@ -1,90 +1,151 @@
-import { defineComponent as H, ref as w, useAttrs as A, inject as E, useId as F, computed as I, watch as R, onMounted as q, openBlock as f, createElementBlock as b, mergeProps as z, unref as a, toDisplayString as h, createCommentVNode as B, createElementVNode as M, nextTick as O } from "vue";
-import { useHysRootAttrs as T } from "../../config.js";
-import { fieldKey as N } from "../../composables/formContext.js";
-const S = { key: 0 }, D = ["value", "rows", "maxlength", "placeholder", "disabled", "readonly", "id", "aria-label", "aria-invalid", "aria-required", "aria-describedby"], K = ["id"], P = { key: 2 }, J = /* @__PURE__ */ H({
+import { defineComponent as y, ref as v, useAttrs as c, computed as i, openBlock as B, createBlock as $, mergeProps as g, unref as b, createSlots as C, withCtx as l, renderSlot as r, normalizeProps as k, guardReactiveProps as w } from "vue";
+import x from "../HysInput/HysInput.vue.js";
+const I = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "HysTextarea",
   props: {
-    modelValue: { default: "" },
-    label: {},
+    modelValue: {},
+    defaultValue: {},
     placeholder: {},
-    rows: { default: 4 },
-    maxlength: {},
+    label: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
+    ariaLabel: {},
     error: {},
-    showCount: { type: Boolean, default: !0 },
+    status: {},
+    clearable: { type: Boolean },
+    clearIcon: {},
+    prefixIcon: {},
+    suffixIcon: {},
+    showCount: { type: [Boolean, Object], default: void 0 },
+    showWordLimit: { type: Boolean },
+    countPosition: { default: "inside" },
+    wordLimitPosition: {},
+    countGraphemes: { type: [Boolean, Function] },
+    maxlength: {},
+    minlength: {},
+    formatter: {},
+    parser: {},
+    allowInput: {},
+    autocomplete: {},
+    name: {},
+    size: {},
+    rows: { default: 4 },
     autosize: { type: [Boolean, Object] },
-    resize: { default: "vertical" }
+    resize: { default: "vertical" },
+    inputProps: {},
+    autofocus: { type: Boolean },
+    selectOnFocus: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    round: { type: Boolean }
   },
-  emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(t, { expose: C, emit: V }) {
-    const i = t, d = V, k = T(), n = w(), v = w(!1), s = A(), r = E(N, void 0), g = F(), j = I(() => i.error || (r == null ? void 0 : r.error.value));
-    async function y() {
-      await O();
-      const e = n.value;
-      if (!e || !i.autosize) return;
-      const l = typeof i.autosize == "object" ? i.autosize : {}, u = getComputedStyle(e), m = parseFloat(u.lineHeight) || 21, c = parseFloat(u.paddingTop) + parseFloat(u.paddingBottom) + 2;
-      e.style.height = "auto", e.style.height = Math.min((l.maxRows ?? 1 / 0) * m + c, Math.max((l.minRows ?? 1) * m + c, e.scrollHeight + 2)) + "px", e.style.overflowY = e.scrollHeight > e.clientHeight ? "auto" : "hidden";
-    }
-    function x(e) {
-      if (v.value || i.disabled || i.readonly) return;
-      const l = e.target.value;
-      d("update:modelValue", l), d("input", l), y();
-    }
-    return R(() => [i.modelValue, i.autosize], y, { deep: !0 }), q(y), C({ input: n, focus: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.focus();
-    }, blur: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.blur();
-    }, select: () => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.select();
-    }, resize: y }), (e, l) => {
-      var u, m, c, p;
-      return f(), b("label", z(a(k), {
-        class: ["hys-ui-ex-field", a(s).class],
-        style: a(s).style
-      }), [
-        t.label ? (f(), b("span", S, h(t.label), 1)) : B("", !0),
-        M("textarea", z({
-          ref_key: "input",
-          ref: n
-        }, Object.fromEntries(Object.entries(a(s)).filter(([o]) => !["class", "style"].includes(o))), {
-          class: "hys-ui-ex-control",
-          value: t.modelValue,
-          rows: t.rows,
-          maxlength: t.maxlength,
-          placeholder: t.placeholder,
-          disabled: t.disabled,
-          readonly: t.readonly,
-          id: a(s).id || ((u = a(r)) == null ? void 0 : u.id.value),
-          "data-hys-ui-field-managed": "",
-          "aria-label": a(s)["aria-label"] || t.label || ((m = a(r)) == null ? void 0 : m.label.value),
-          "aria-invalid": !!j.value || void 0,
-          "aria-required": ((c = a(r)) == null ? void 0 : c.required.value) || void 0,
-          "aria-describedby": [t.error ? a(g) : (p = a(r)) == null ? void 0 : p.describedBy.value, a(s)["aria-describedby"]].filter(Boolean).join(" ") || void 0,
-          style: { resize: t.autosize ? "none" : i.resize },
-          onInput: x,
-          onCompositionstart: l[0] || (l[0] = (o) => v.value = !0),
-          onCompositionend: l[1] || (l[1] = (o) => {
-            v.value = !1, x(o);
-          }),
-          onChange: l[2] || (l[2] = (o) => d("change", o.target.value)),
-          onFocus: l[3] || (l[3] = (o) => d("focus", o)),
-          onBlur: l[4] || (l[4] = (o) => d("blur", o))
-        }), null, 16, D),
-        t.error ? (f(), b("small", {
-          key: 1,
-          id: a(g),
-          class: "hys-ui-ex-error",
-          role: "alert"
-        }, h(t.error), 9, K)) : t.showCount && t.maxlength ? (f(), b("small", P, h(t.modelValue.length) + " / " + h(t.maxlength), 1)) : B("", !0)
-      ], 16);
-    };
+  emits: ["update:modelValue", "input", "change", "clear", "focus", "blur", "pressEnter", "compositionstart", "compositionupdate", "compositionend"],
+  setup(u, { expose: d, emit: m }) {
+    const a = u, s = m, n = v(), f = c();
+    return d({
+      input: i(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.textarea;
+      }),
+      textarea: i(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.textarea;
+      }),
+      isComposing: i(() => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.isComposing) ?? !1;
+      }),
+      focus: (e) => {
+        var o;
+        return (o = n.value) == null ? void 0 : o.focus(e);
+      },
+      blur: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.blur();
+      },
+      select: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.select();
+      },
+      clear: () => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.clear();
+      },
+      resize: () => {
+        var e;
+        return ((e = n.value) == null ? void 0 : e.resize()) ?? Promise.resolve();
+      },
+      setSelectionRange: (e, o, t) => {
+        var p;
+        return (p = n.value) == null ? void 0 : p.setSelectionRange(e, o, t);
+      },
+      scrollTo: (e) => {
+        var o;
+        return (o = n.value) == null ? void 0 : o.scrollTo(e);
+      }
+    }), (e, o) => (B(), $(x, g({
+      ref_key: "control",
+      ref: n
+    }, { ...a, ...b(f) }, {
+      "show-count": a.showCount ?? a.maxlength !== void 0,
+      type: "textarea",
+      class: "hys-ui-ex-field",
+      "onUpdate:modelValue": o[0] || (o[0] = (t) => s("update:modelValue", t)),
+      onInput: o[1] || (o[1] = (t) => s("input", t)),
+      onChange: o[2] || (o[2] = (t) => s("change", t)),
+      onClear: o[3] || (o[3] = (t) => s("clear")),
+      onFocus: o[4] || (o[4] = (t) => s("focus", t)),
+      onBlur: o[5] || (o[5] = (t) => s("blur", t)),
+      onPressEnter: o[6] || (o[6] = (t) => s("pressEnter", t)),
+      onCompositionstart: o[7] || (o[7] = (t) => s("compositionstart", t)),
+      onCompositionupdate: o[8] || (o[8] = (t) => s("compositionupdate", t)),
+      onCompositionend: o[9] || (o[9] = (t) => s("compositionend", t))
+    }), C({ _: 2 }, [
+      e.$slots.prefix ? {
+        name: "prefix",
+        fn: l(() => [
+          r(e.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.suffix ? {
+        name: "suffix",
+        fn: l(() => [
+          r(e.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.prepend ? {
+        name: "prepend",
+        fn: l(() => [
+          r(e.$slots, "prepend")
+        ]),
+        key: "2"
+      } : void 0,
+      e.$slots.append ? {
+        name: "append",
+        fn: l(() => [
+          r(e.$slots, "append")
+        ]),
+        key: "3"
+      } : void 0,
+      e.$slots["clear-icon"] ? {
+        name: "clear-icon",
+        fn: l(() => [
+          r(e.$slots, "clear-icon")
+        ]),
+        key: "4"
+      } : void 0,
+      e.$slots.count ? {
+        name: "count",
+        fn: l((t) => [
+          r(e.$slots, "count", k(w(t)))
+        ]),
+        key: "5"
+      } : void 0
+    ]), 1040, ["show-count"]));
   }
 });
 export {
-  J as default
+  I as default
 };

package/dist/components/HysTransfer/HysTransfer.vue.js

@@ -1,225 +1,7 @@
-import { defineComponent as Z, ref as y, computed as q, onDeactivated as R, openBlock as d, createElementBlock as V, mergeProps as _, unref as c, createElementVNode as r, normalizeClass as k, toDisplayString as o, createBlock as w, createCommentVNode as L, createVNode as f, TransitionGroup as F, withCtx as h, Fragment as O, renderList as P, renderSlot as U, createTextVNode as j } from "vue";
-import I from "../HysCheckbox/HysCheckbox.vue.js";
-import x from "../HysSearch/HysSearch.vue.js";
-import J from "../HysButton/HysButton.vue.js";
-import { useHysRootAttrs as ee } from "../../config.js";
-import { GripVertical as M, ChevronRight as ae, ChevronLeft as le } from "lucide-vue-next";
-const se = { class: "hys-ui-pf-transfer-header" }, te = { class: "hys-ui-v4-move" }, re = { class: "hys-ui-pf-transfer-header" }, ne = {
-  class: "hys-ui-pf-transfer-status",
-  role: "status"
-}, ce = /* @__PURE__ */ Z({
-  __name: "HysTransfer",
-  props: {
-    modelValue: {},
-    options: {},
-    disabled: { type: Boolean },
-    filterable: { type: Boolean, default: !0 },
-    titles: {}
-  },
-  emits: ["update:modelValue", "change", "checkChange"],
-  setup(n, { emit: Q }) {
-    const W = ee(), s = n, T = Q, m = y([]), b = y([]), C = y(""), z = q(() => s.options.filter((l) => !s.modelValue.includes(l.value) && l.label.toLowerCase().includes(C.value.toLowerCase()))), S = q(() => s.options.filter((l) => s.modelValue.includes(l.value))), X = Symbol("empty-available"), Y = Symbol("empty-selected"), g = y(null), p = y(null), N = y("");
-    function B(l, a = l ? m.value : b.value) {
-      if (s.disabled) return;
-      const t = a.filter((e) => s.options.some((u) => u.value === e && !u.disabled)), i = l ? [.../* @__PURE__ */ new Set([...s.modelValue, ...t])] : s.modelValue.filter((e) => !t.includes(e));
-      if (i.length !== s.modelValue.length) {
-        const e = t.filter((u) => l ? !s.modelValue.includes(u) : s.modelValue.includes(u));
-        T("update:modelValue", i), T("change", i, l ? "right" : "left", e), N.value = l ? "已移入已选择区域" : "已移回待选择区域";
-      }
-      m.value = [], b.value = [];
-    }
-    function $(l, a, t) {
-      if (s.disabled) return;
-      const i = a ? b : m;
-      i.value = t ? [...i.value, l] : i.value.filter((e) => e !== l), T("checkChange", a ? "right" : "left", [...i.value]);
-    }
-    function A(l, a, t) {
-      if (s.disabled || a.disabled || !l.dataTransfer) {
-        l.preventDefault();
-        return;
-      }
-      g.value = { value: a.value, fromSelected: t }, l.dataTransfer.effectAllowed = "move", l.dataTransfer.setData("text/plain", a.value);
-    }
-    function E(l) {
-      const a = g.value;
-      return !s.disabled && !!a && a.fromSelected !== l && s.modelValue.includes(a.value) === a.fromSelected && s.options.some((t) => t.value === a.value && !t.disabled);
-    }
-    function H(l, a) {
-      E(a) && (l.preventDefault(), l.dataTransfer && (l.dataTransfer.dropEffect = "move"), p.value = a);
-    }
-    function G(l) {
-      l.relatedTarget instanceof Node && l.currentTarget.contains(l.relatedTarget) || (p.value = null);
-    }
-    function D() {
-      g.value = null, p.value = null;
-    }
-    function K(l, a) {
-      if (!E(a)) {
-        D();
-        return;
-      }
-      l.preventDefault(), B(a, [g.value.value]), D();
-    }
-    return R(D), (l, a) => {
-      var t, i;
-      return d(), V("div", _(c(W), { class: "hys-ui-v4-transfer hys-ui-pf-transfer" }), [
-        r("section", {
-          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": p.value === !1 }]),
-          "aria-label": "待选择",
-          onDragover: a[1] || (a[1] = (e) => H(e, !1)),
-          onDragleave: G,
-          onDrop: a[2] || (a[2] = (e) => K(e, !1))
-        }, [
-          r("header", se, [
-            r("strong", null, o(((t = n.titles) == null ? void 0 : t[0]) || "待选择"), 1),
-            r("span", null, o(z.value.length), 1)
-          ]),
-          n.filterable ? (d(), w(x, {
-            key: 0,
-            modelValue: C.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (e) => C.value = e),
-            class: "hys-ui-pf-transfer-search",
-            placeholder: "筛选成员",
-            "aria-label": "筛选成员",
-            disabled: n.disabled,
-            delay: 0
-          }, null, 8, ["modelValue", "disabled"])) : L("", !0),
-          f(F, {
-            name: "hys-ui-transfer-motion",
-            tag: "div",
-            class: "hys-ui-pf-transfer-list"
-          }, {
-            default: h(() => [
-              (d(!0), V(O, null, P(z.value, (e) => {
-                var u;
-                return d(), w(I, {
-                  "model-value": m.value.includes(e.value),
-                  disabled: n.disabled || e.disabled,
-                  "aria-label": e.label,
-                  onChange: (v) => $(e.value, !1, v),
-                  key: e.value,
-                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": m.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((u = g.value) == null ? void 0 : u.value) === e.value }]),
-                  draggable: !n.disabled && !e.disabled,
-                  title: e.disabled ? void 0 : "拖动到已选择区域",
-                  onDragstart: (v) => A(v, e, !1),
-                  onDragend: D
-                }, {
-                  default: h(() => [
-                    r("span", null, [
-                      U(l.$slots, "option", { option: e }, () => [
-                        j(o(e.label), 1)
-                      ])
-                    ]),
-                    f(c(M), {
-                      class: "hys-ui-pf-transfer-grip",
-                      size: 12,
-                      "aria-hidden": "true"
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
-              }), 128)),
-              z.value.length ? L("", !0) : (d(), V("p", {
-                key: c(X),
-                class: "hys-ui-pf-transfer-empty"
-              }, o(C.value ? "无匹配成员" : "暂无待选成员"), 1))
-            ]),
-            _: 3
-          })
-        ], 34),
-        r("div", te, [
-          f(J, {
-            variant: "secondary",
-            size: "sm",
-            class: "hys-ui-v4-control",
-            disabled: n.disabled || !m.value.length,
-            onClick: a[3] || (a[3] = (e) => B(!0)),
-            "aria-label": "添加选中项"
-          }, {
-            default: h(() => [
-              f(c(ae), {
-                size: 16,
-                "aria-hidden": "true"
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          f(J, {
-            variant: "secondary",
-            size: "sm",
-            class: "hys-ui-v4-control",
-            disabled: n.disabled || !b.value.length,
-            onClick: a[4] || (a[4] = (e) => B(!1)),
-            "aria-label": "移除选中项"
-          }, {
-            default: h(() => [
-              f(c(le), {
-                size: 16,
-                "aria-hidden": "true"
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        r("section", {
-          class: k(["hys-ui-v4-pane", { "hys-ui-is-drop-target": p.value === !0 }]),
-          "aria-label": "已选择",
-          onDragover: a[5] || (a[5] = (e) => H(e, !0)),
-          onDragleave: G,
-          onDrop: a[6] || (a[6] = (e) => K(e, !0))
-        }, [
-          r("header", re, [
-            r("strong", null, o(((i = n.titles) == null ? void 0 : i[1]) || "已选择"), 1),
-            r("span", null, o(S.value.length), 1)
-          ]),
-          f(F, {
-            name: "hys-ui-transfer-motion",
-            tag: "div",
-            class: "hys-ui-pf-transfer-list"
-          }, {
-            default: h(() => [
-              (d(!0), V(O, null, P(S.value, (e) => {
-                var u;
-                return d(), w(I, {
-                  "model-value": b.value.includes(e.value),
-                  disabled: n.disabled || e.disabled,
-                  "aria-label": e.label,
-                  onChange: (v) => $(e.value, !0, v),
-                  key: e.value,
-                  class: k(["hys-ui-v4-option", { "hys-ui-is-checked": b.value.includes(e.value), "hys-ui-is-disabled": e.disabled, "hys-ui-is-dragging": ((u = g.value) == null ? void 0 : u.value) === e.value }]),
-                  draggable: !n.disabled && !e.disabled,
-                  title: e.disabled ? void 0 : "拖动到待选择区域",
-                  onDragstart: (v) => A(v, e, !0),
-                  onDragend: D
-                }, {
-                  default: h(() => [
-                    r("span", null, [
-                      U(l.$slots, "option", { option: e }, () => [
-                        j(o(e.label), 1)
-                      ])
-                    ]),
-                    f(c(M), {
-                      class: "hys-ui-pf-transfer-grip",
-                      size: 12,
-                      "aria-hidden": "true"
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "disabled", "aria-label", "onChange", "class", "draggable", "title", "onDragstart"]);
-              }), 128)),
-              S.value.length ? L("", !0) : (d(), V("p", {
-                key: c(Y),
-                class: "hys-ui-pf-transfer-empty"
-              }, "暂无已选成员"))
-            ]),
-            _: 3
-          })
-        ], 34),
-        r("span", ne, o(N.value), 1)
-      ], 16);
-    };
-  }
-});
+import o from "./HysTransfer2.vue.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0d8bcb72"]]);
 export {
-  ce as default
+  f as default
 };