@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/badge/index.es.js

@@ -1,15 +1,14 @@
-import { defineComponent as g, computed as s, resolveDirective as C, withDirectives as w, createElementBlock as v, openBlock as n, mergeProps as i, createElementVNode as D, createBlock as y, createCommentVNode as T, toDisplayString as V, unref as W } from "vue";
-import { g as N } from "../utils/statusSeverity.util.es.js";
-import "@fewangsit/workspace-api-services";
-import "../event-bus/index.es.js";
-import { u as P } from "../plugins/WangsVue.es.js";
-import { m as E } from "../utils/mergePropsWithDefaults.util.es.js";
-import { f as F } from "../utils/textFormatter.util.es.js";
-import { _ as H } from "../button/index.es.js";
-const K = ["contenteditable"], L = {
+import { defineComponent, computed, resolveDirective, withDirectives, createElementBlock, openBlock, mergeProps, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { f as formatUserName } from "../utils/textFormatter.util.es.js";
+import { _ as _sfc_main$1 } from "../button/index.es.js";
+const _hoisted_1 = ["contenteditable"];
+const _hoisted_2 = {
   key: 1,
   "aria-label": "invalid-label"
-}, U = /* @__PURE__ */ g({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     label: {},
@@ -22,90 +21,101 @@ const K = ["contenteditable"], L = {
     getSeverity: { type: Function }
   },
   emits: ["remove", "update:label"],
-  setup(u, { emit: r }) {
-    const e = u, d = r, { defaultProps: $ } = P("Badge"), B = s(() => E(e, $)), b = s(() => {
-      const t = typeof e.label;
-      return t === "number" || t === "string" && e.label && e.label !== "-";
-    }), p = s(() => {
-      var t, o;
-      return e.severity || ((o = (t = B.value).getSeverity) == null ? void 0 : o.call(t, e.label));
-    }), _ = s(() => {
-      if (!b.value) return "-";
-      switch (e.format) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { defaultProps } = useWangsVueConfig("Badge");
+    const config = computed(() => mergePropsWithDefaults(props, defaultProps));
+    const hasValue = computed(() => {
+      const type = typeof props.label;
+      return type === "number" || type === "string" && props.label && props.label !== "-";
+    });
+    const badgeSeverity = computed(() => {
+      var _a, _b;
+      return props.severity || ((_b = (_a = config.value).getSeverity) == null ? void 0 : _b.call(_a, props.label));
+    });
+    const formattedText = computed(() => {
+      if (!hasValue.value) return "-";
+      switch (props.format) {
         case "nowrap":
-          return e.label;
+          return props.label;
         case "username":
-          return F(e.label);
+          return formatUserName(props.label);
         default:
-          if (e.label.length > 12) {
-            const t = e.label.slice(0, 5), o = e.label.slice(-5);
-            return `${t}..${o}`;
+          if (props.label.length > 12) {
+            const firstWord = props.label.slice(0, 5);
+            const lastWord = props.label.slice(-5);
+            return `${firstWord}..${lastWord}`;
           }
-          return e.label;
+          return props.label;
+      }
+    });
+    const badgeTooltip = computed(() => {
+      return props.tooltip || (props.format !== "nowrap" && props.label.length > 12 || props.format === "username" && props.label.length > 8 ? props.label : void 0);
+    });
+    const onEditText = (ev) => {
+      const src = ev.target;
+      if (ev.code === "Enter" || ev.code === "Tab") {
+        ev.preventDefault();
+        src.blur();
       }
-    }), m = s(() => e.tooltip || (e.format !== "nowrap" && e.label.length > 12 || e.format === "username" && e.label.length > 8 ? e.label : void 0)), h = (t) => {
-      const o = t.target;
-      (t.code === "Enter" || t.code === "Tab") && (t.preventDefault(), o.blur());
-    }, k = (t, o) => {
-      const a = t.textContent;
-      if (a !== e.label) {
-        const l = (a == null ? void 0 : a.trim()) ?? null;
-        t.textContent = l, d("update:label", l), o && !a && (o.remove(), d("remove"));
+    };
+    const updateLabel = (inputElement, badgeEl) => {
+      const text = inputElement.textContent;
+      if (text !== props.label) {
+        const trimmed = (text == null ? void 0 : text.trim()) ?? null;
+        inputElement.textContent = trimmed;
+        emit("update:label", trimmed);
+        if (badgeEl && !text) {
+          badgeEl.remove();
+          emit("remove");
+        }
       }
     };
-    return (t, o) => {
-      var l, c, f;
-      const a = C("tooltip");
-      return b.value ? w((n(), v("span", i(
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      const _directive_tooltip = resolveDirective("tooltip");
+      return hasValue.value ? withDirectives((openBlock(), createElementBlock("span", mergeProps(
         {
           key: 0,
           ref: "badge"
         },
-        (l = t.$preset.badge) == null ? void 0 : l.root({
-          props: { severity: p.value, disabled: t.disabled }
+        (_a = _ctx.$preset.badge) == null ? void 0 : _a.root({
+          props: { severity: badgeSeverity.value, disabled: _ctx.disabled }
         })
       ), [
-        D("span", i({ ref: "input" }, (c = t.$preset.badge) == null ? void 0 : c.input({ props: e, context: { badgeTooltip: m.value } }), {
-          contenteditable: t.editable,
-          onBlur: o[0] || (o[0] = (S) => k(
-            t.$refs.input,
-            t.$refs.badge
+        createElementVNode("span", mergeProps({ ref: "input" }, (_b = _ctx.$preset.badge) == null ? void 0 : _b.input({ props, context: { badgeTooltip: badgeTooltip.value } }), {
+          contenteditable: _ctx.editable,
+          onBlur: _cache[0] || (_cache[0] = ($event) => updateLabel(
+            _ctx.$refs["input"],
+            _ctx.$refs["badge"]
           )),
-          onKeydown: h,
+          onKeydown: onEditText,
           spellcheck: "false"
-        }), V(_.value), 17, K),
-        e.removable ? (n(), y(H, i(
+        }), toDisplayString(formattedText.value), 17, _hoisted_1),
+        props.removable ? (openBlock(), createBlock(_sfc_main$1, mergeProps(
           { key: 0 },
-          (f = t.$preset.badge) == null ? void 0 : f.removebutton({ props: { badgeSeverity: p.value, disabled: t.disabled } }),
+          (_c = _ctx.$preset.badge) == null ? void 0 : _c.removebutton({ props: { badgeSeverity: badgeSeverity.value, disabled: _ctx.disabled } }),
           {
-            disabled: e.disabled,
-            severity: p.value,
-            onClick: o[1] || (o[1] = (S) => d("remove")),
+            disabled: props.disabled,
+            severity: badgeSeverity.value,
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("remove")),
             icon: "close",
             rounded: "",
             text: ""
           }
-        ), null, 16, ["disabled", "severity"])) : T("", !0)
+        ), null, 16, ["disabled", "severity"])) : createCommentVNode("", true)
       ], 16)), [
         [
-          a,
-          { value: m.value, autoHide: !1 },
+          _directive_tooltip,
+          { value: badgeTooltip.value, autoHide: false },
           void 0,
-          { top: !0 }
+          { top: true }
         ]
-      ]) : (n(), v("span", L, "-"));
+      ]) : (openBlock(), createElementBlock("span", _hoisted_2, "-"));
     };
   }
-}), O = /* @__PURE__ */ g({
-  __name: "Badge",
-  setup(u) {
-    return (r, e) => (n(), y(U, i({
-      label: r.$attrs.label,
-      severity: W(N)(r.$attrs.label)
-    }, r.$attrs), null, 16, ["label", "severity"]));
-  }
 });
 export {
-  U as _,
-  O as a
+  _sfc_main as _
 };

package/badgegroup/index.es.js

@@ -1,8 +1,9 @@
-import { defineComponent as k, shallowRef as c, computed as m, createElementBlock as s, openBlock as o, normalizeProps as h, mergeProps as u, createBlock as a, createCommentVNode as f, Fragment as d, renderList as y, unref as b, withCtx as $, renderSlot as w } from "vue";
-import { s as x } from "../vendor/primevue/dialog/dialog.esm.es.js";
-import { _ as v } from "../badge/index.es.js";
-import { _ as B } from "../button/index.es.js";
-const L = { key: 0 }, j = /* @__PURE__ */ k({
+import { defineComponent, shallowRef, computed, createElementBlock, openBlock, normalizeProps, mergeProps, createBlock, createCommentVNode, Fragment, renderList, unref, withCtx, renderSlot } from "vue";
+import { s as script } from "../vendor/primevue/dialog/dialog.esm.es.js";
+import { _ as _sfc_main$1 } from "../badge/index.es.js";
+import { _ as _sfc_main$2 } from "../button/index.es.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BadgeGroup",
   props: {
     labels: {},
@@ -16,53 +17,64 @@ const L = { key: 0 }, j = /* @__PURE__ */ k({
     tooltip: {},
     getSeverity: {}
   },
-  setup(g) {
-    const t = g, l = c(!1), n = m(() => t.labels.slice(0, t.limit)), p = m(
-      () => t.labels.length - n.value.length
+  setup(__props) {
+    const props = __props;
+    const detailDialog = shallowRef(false);
+    const showedLabels = computed(() => {
+      return props.labels.slice(0, props.limit);
+    });
+    const totalRemainingLabel = computed(
+      () => props.labels.length - showedLabels.value.length
     );
-    return (r, i) => n.value.length ? (o(), s("div", h(u({ key: 1 }, r.$preset.badgegroup.root)), [
-      (o(!0), s(d, null, y(n.value, (e) => (o(), a(v, {
-        key: typeof e == "string" ? e : e.text,
-        format: t.format,
-        label: typeof e == "string" ? e : e.text,
-        severity: typeof e == "string" ? t.severity : e.severity,
-        tooltip: typeof e == "object" && e.tooltip
-      }, null, 8, ["format", "label", "severity", "tooltip"]))), 128)),
-      p.value ? (o(), a(B, u({
-        key: 0,
-        label: `+${p.value} ${r.textMore}`
-      }, r.$preset.badgegroup.showmorebutton, {
-        severity: t.textMoreSeverity ?? "dark",
-        onClick: i[0] || (i[0] = (e) => l.value = !0),
-        text: ""
-      }), null, 16, ["label", "severity"])) : f("", !0),
-      r.limit ? (o(), a(b(x), {
-        key: 1,
-        visible: l.value,
-        "onUpdate:visible": i[1] || (i[1] = (e) => l.value = e),
-        draggable: !1,
-        header: r.headerLabel,
-        pt: r.$preset.badgegroup.showmoredialog,
-        modal: ""
-      }, {
-        default: $(() => [
-          w(r.$slots, "dialogcontent", {
-            labels: t.labels
-          }, () => [
-            (o(!0), s(d, null, y(t.labels, (e) => (o(), a(v, {
-              key: typeof e == "string" ? e : e.text,
-              format: t.format,
-              label: typeof e == "string" ? e : e.text,
-              severity: typeof e == "string" ? t.severity : e.severity,
-              tooltip: typeof e == "object" && e.tooltip
-            }, null, 8, ["format", "label", "severity", "tooltip"]))), 128))
-          ])
-        ]),
-        _: 3
-      }, 8, ["visible", "header", "pt"])) : f("", !0)
-    ], 16)) : (o(), s("span", L, " - "));
+    return (_ctx, _cache) => {
+      return !showedLabels.value.length ? (openBlock(), createElementBlock("span", _hoisted_1, " - ")) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, _ctx.$preset.badgegroup.root)), [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(showedLabels.value, (label) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: typeof label === "string" ? label : label.text,
+            format: props.format,
+            label: typeof label === "string" ? label : label.text,
+            severity: typeof label === "string" ? props.severity : label.severity,
+            tooltip: typeof label === "object" && label.tooltip
+          }, null, 8, ["format", "label", "severity", "tooltip"]);
+        }), 128)),
+        totalRemainingLabel.value ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
+          key: 0,
+          label: `+${totalRemainingLabel.value} ${_ctx.textMore}`
+        }, _ctx.$preset.badgegroup.showmorebutton, {
+          severity: props.textMoreSeverity ?? "dark",
+          onClick: _cache[0] || (_cache[0] = ($event) => detailDialog.value = true),
+          text: ""
+        }), null, 16, ["label", "severity"])) : createCommentVNode("", true),
+        _ctx.limit ? (openBlock(), createBlock(unref(script), {
+          key: 1,
+          visible: detailDialog.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => detailDialog.value = $event),
+          draggable: false,
+          header: _ctx.headerLabel,
+          pt: _ctx.$preset.badgegroup.showmoredialog,
+          modal: ""
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "dialogcontent", {
+              labels: props.labels
+            }, () => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.labels, (label) => {
+                return openBlock(), createBlock(_sfc_main$1, {
+                  key: typeof label === "string" ? label : label.text,
+                  format: props.format,
+                  label: typeof label === "string" ? label : label.text,
+                  severity: typeof label === "string" ? props.severity : label.severity,
+                  tooltip: typeof label === "object" && label.tooltip
+                }, null, 8, ["format", "label", "severity", "tooltip"]);
+              }), 128))
+            ])
+          ]),
+          _: 3
+        }, 8, ["visible", "header", "pt"])) : createCommentVNode("", true)
+      ], 16));
+    };
   }
 });
 export {
-  j as _
+  _sfc_main as _
 };