@baishuyun/ui-base 2.2.5 → 2.3.0

package/dist/ColorPicker/{ColorPicker-DNIXPakN.js → ColorPicker-D0D5azon.js}

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as m, Fragment as R } from "react/jsx-runtime";
-import { ColorPicker as A } from "antd";
-import { AnimatePresence as F, motion as I } from "motion/react";
+import { jsx as e, jsxs as b, Fragment as O } from "react/jsx-runtime";
+import { ColorPicker as R } from "antd";
+import { AnimatePresence as A, motion as F } from "motion/react";
 import { useFloating as x, offset as L, flip as E, shift as T, useClick as V, useDismiss as j, useInteractions as B, FloatingPortal as M } from "@floating-ui/react";
 import { useState as k, isValidElement as D, cloneElement as G, useRef as $, useMemo as q } from "react";
 import { useControllableValue as z } from "ahooks";
-import { I as g } from "../Icon/Icon-CBlIwtp2.js";
-import { u } from "../vendors/useLocale-DgqW9M3h.js";
+import { I as u } from "../Icon/Icon-CBlIwtp2.js";
+import { u as g } from "../vendors/useLocale-DgqW9M3h.js";
 import { c as H } from "../vendors/clsx-OuTLNxxd.js";
 import { a as y } from "../vendors/color-VzwvCPhF.js";
 import { t as J } from "../vendors/tinycolor2-Begv3Jc8.js";
@@ -48,11 +48,11 @@ const U = [
   // #e0e0e0
   "rgba(77, 96, 159, 1)"
   // #4d609f
-], W = (s = "bottom-start") => {
-  const [t, o] = k(!1), { refs: n, floatingStyles: e, context: i } = x({
+], W = (o = "bottom-start") => {
+  const [t, r] = k(!1), { refs: n, floatingStyles: c, context: i } = x({
     open: t,
-    onOpenChange: o,
-    placement: s,
+    onOpenChange: r,
+    placement: o,
     middleware: [
       L(4),
       // 浮层与触发器间距
@@ -61,16 +61,16 @@ const U = [
       T({ padding: 8 })
       // 自动避开边界
     ]
-  }), a = V(i), l = j(i), { getReferenceProps: p, getFloatingProps: _ } = B([a, l]);
+  }), m = V(i), l = j(i), { getReferenceProps: _, getFloatingProps: a } = B([m, l]);
   return {
     isOpen: t,
     refs: n,
-    floatingStyles: e,
-    getReferenceProps: p,
-    getFloatingProps: _,
-    setIsOpen: o
+    floatingStyles: c,
+    getReferenceProps: _,
+    getFloatingProps: a,
+    setIsOpen: r
   };
-}, c = {
+}, s = {
   "bsy-color-picker__floating": "_bsy-color-picker__floating_1kfi6_1",
   "bsy-color-picker__content": "_bsy-color-picker__content_1kfi6_4",
   "bsy-color-picker__grid": "_bsy-color-picker__grid_1kfi6_11",
@@ -84,64 +84,65 @@ const U = [
   "bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_1kfi6_68",
   "bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_1kfi6_72"
 }, f = ({
-  currentColor: s,
+  currentColor: o,
   onColorSelect: t,
-  options: o,
+  options: r,
   style: n
-}) => /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-grid"], style: n, children: o.map((e) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ e("div", { className: s["bsy-color-picker__preset-colors-grid"], style: n, children: r.map((c) => /* @__PURE__ */ e(
   "div",
   {
-    className: c["bsy-color-picker__preset-colors-item"],
+    className: s["bsy-color-picker__preset-colors-item"],
     style: {
-      backgroundColor: e,
-      "--hover-color": J(e).setAlpha(0.5).toRgbString()
+      backgroundColor: c,
+      "--hover-color": J(c).setAlpha(0.5).toRgbString()
     },
-    onClick: () => t(e),
-    children: y(s, e) && /* @__PURE__ */ r(g, { name: "checkthebox", className: c["bsy-color-picker__check-icon"] })
+    onClick: () => t(c),
+    children: y(o, c) && /* @__PURE__ */ e(u, { name: "checkthebox", className: s["bsy-color-picker__check-icon"] })
   },
-  e
-)) }), X = (s) => {
+  c
+)) }), X = (o) => {
   const {
     children: t,
-    placement: o = "bottom-start",
+    placement: r = "bottom-start",
     disabled: n = !1,
-    presetColors: e,
+    presetColors: c,
     getPopupContainer: i
-  } = s, { t: a } = u(), [l, p] = z(s, {
-    defaultValue: s.value
-  }), { isOpen: _, refs: d, floatingStyles: C, getReferenceProps: h, getFloatingProps: v } = W(o), P = D(t) ? G(t, {
+  } = o, { t: m } = g(), [l, _] = z(o, {
+    defaultValue: o.value
+  }), { isOpen: a, refs: d, floatingStyles: C, getReferenceProps: h, getFloatingProps: v } = W(r), P = D(t) ? G(t, {
     ...h(),
     // @ts-ignore
     ref: d.setReference,
     disabled: n
-  }) : t, b = Q(e) && e.length ? e : U, N = b.some((w) => y(w, l)), S = $(N ? [] : [l]), O = q(() => _ ? i == null ? void 0 : i() : void 0, [_, i]);
-  return /* @__PURE__ */ m(R, { children: [
+  }) : t, p = Q(c) && c.length ? c : U, N = p.some((I) => y(I, l)), S = $(N ? [] : [l]), w = q(() => a ? i == null ? void 0 : i() : void 0, [a, i]);
+  return /* @__PURE__ */ b(O, { children: [
     P,
-    /* @__PURE__ */ r(M, { root: O, children: /* @__PURE__ */ r(F, { children: _ && /* @__PURE__ */ r(
+    /* @__PURE__ */ e(M, { root: w, children: /* @__PURE__ */ e(A, { children: a && /* @__PURE__ */ e(
       "div",
       {
         ref: d.setFloating,
         style: C,
         ...v(),
-        className: c["bsy-color-picker__floating"],
-        children: /* @__PURE__ */ r(I.div, { ...K, children: /* @__PURE__ */ r("div", { className: c["bsy-color-picker__content"], children: /* @__PURE__ */ m("div", { className: c["bsy-color-picker__grid"], children: [
-          /* @__PURE__ */ m("div", { className: c["bsy-color-picker__preset-colors"], children: [
-            /* @__PURE__ */ r("div", { className: c["bsy-color-picker__preset-colors-title"], children: a("presetColors") }),
-            /* @__PURE__ */ r(
+        className: s["bsy-color-picker__floating"],
+        children: /* @__PURE__ */ e(F.div, { ...K, children: /* @__PURE__ */ e("div", { className: s["bsy-color-picker__content"], children: /* @__PURE__ */ b("div", { className: s["bsy-color-picker__grid"], children: [
+          /* @__PURE__ */ b("div", { className: s["bsy-color-picker__preset-colors"], children: [
+            /* @__PURE__ */ e("div", { className: s["bsy-color-picker__preset-colors-title"], children: m("presetColors") }),
+            /* @__PURE__ */ e(
               f,
               {
                 currentColor: l,
-                onColorSelect: p,
-                options: b
+                onColorSelect: _,
+                options: p
               }
             )
           ] }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e(
             Y,
             {
               value: l,
-              onChange: p,
-              options: b,
+              onChange: _,
+              onColorInput: o.onColorInput,
+              options: p,
               list: S.current
             }
           )
@@ -149,40 +150,44 @@ const U = [
       }
     ) }) })
   ] });
-}, Y = (s) => {
-  const { list: t } = s, [o, n] = k(), [e, i] = k(!1), { t: a } = u();
-  return /* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color"], children: [
-    /* @__PURE__ */ r("div", { className: c["bsy-color-picker__custom-color-title"], children: a("customColor") }),
-    /* @__PURE__ */ m("div", { className: c["bsy-color-picker__custom-color-content"], children: [
-      /* @__PURE__ */ r(
-        A,
+}, Y = (o) => {
+  const { list: t } = o, [r, n] = k(), [c, i] = k(!1), { t: m } = g();
+  return /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color"], children: [
+    /* @__PURE__ */ e("div", { className: s["bsy-color-picker__custom-color-title"], children: m("customColor") }),
+    /* @__PURE__ */ b("div", { className: s["bsy-color-picker__custom-color-content"], children: [
+      /* @__PURE__ */ e(
+        R,
         {
-          value: o,
-          onChange: (l) => n(l.toRgbString()),
-          open: e,
+          value: r,
+          onChange: (l) => {
+            var a;
+            const _ = l.toRgbString();
+            n(_), (a = o.onColorInput) == null || a.call(o, _);
+          },
+          open: c,
           onOpenChange: (l) => {
-            i(l), !l && o && (t.includes(o) || t.unshift(o), s.onChange(o), n(void 0));
+            i(l), !l && r && (t.includes(r) || t.unshift(r), o.onChange(r), n(void 0));
           },
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ e(
             "div",
             {
-              className: H(c["bsy-color-picker__custom-color-btn"], {
-                [c["bsy-color-picker__custom-color-btn--active"]]: e && !o,
-                [c["bsy-color-picker__custom-color-btn--preview"]]: !!o
+              className: H(s["bsy-color-picker__custom-color-btn"], {
+                [s["bsy-color-picker__custom-color-btn--active"]]: c && !r,
+                [s["bsy-color-picker__custom-color-btn--preview"]]: !!r
               }),
               role: "button",
               style: {
-                backgroundColor: o || void 0
+                backgroundColor: r || void 0
               },
               onClick: () => {
                 i(!0);
               },
-              children: /* @__PURE__ */ r(
-                g,
+              children: /* @__PURE__ */ e(
+                u,
                 {
                   name: "add",
                   style: {
-                    visibility: o ? "hidden" : "visible"
+                    visibility: r ? "hidden" : "visible"
                   }
                 }
               )
@@ -190,11 +195,11 @@ const U = [
           )
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ e(
         f,
         {
-          currentColor: s.value,
-          onColorSelect: s.onChange,
+          currentColor: o.value,
+          onColorSelect: o.onChange,
           options: t.slice(0, 5),
           style: {
             gridTemplateColumns: "repeat(5, 1fr)"

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { a as e, C as f } from "./ColorPicker-DNIXPakN.js";
+import { a as e, C as f } from "./ColorPicker-D0D5azon.js";
 export {
   e as COLOR_OPTIONS_RGBA,
   f as default

package/dist/Editor/ToolbarPlugin/Buttons/index.js

@@ -1,4 +1,4 @@
-import { b as r, g as a, l as e, r as s, u as l } from "../../index-CCq3AgcW.js";
+import { b as r, g as a, l as e, r as s, u as l } from "../../index-C0Rjz8DK.js";
 export {
   r as default,
   a as getToolbarButton,

package/dist/Editor/{index-CCq3AgcW.js → index-C0Rjz8DK.js}

@@ -6,7 +6,7 @@ import { l as ce, i as de, P as T, _ as O, y as X, w as $, E as ee, p as we, x a
 import { u as w } from "../vendors/useLocale-DgqW9M3h.js";
 import { D as pe } from "../DropDown/DropDown-DGkSeXQT.js";
 import { FONT_SIZES as Se } from "./constants/index.js";
-import { C as me } from "../ColorPicker/ColorPicker-DNIXPakN.js";
+import { C as me } from "../ColorPicker/ColorPicker-D0D5azon.js";
 import { AlignLeftOutlined as te, AlignCenterOutlined as Le, AlignRightOutlined as Te } from "@ant-design/icons";
 import { M as _e } from "../Modal/Modal-z3TvEXwN.js";
 import { message as Z, Input as V, Button as j, Form as J } from "antd";

package/dist/Editor/index.js

@@ -1,8 +1,8 @@
 import { jsx as u, jsxs as W, Fragment as et } from "react/jsx-runtime";
 import { o as N, P as F, _ as $, Y as M, w as U, f as nt, x as G, j as it, C as ot, L as rt, $ as B, S as st, a as at, W as V, J as lt, F as ct, B as ut, M as dt, b as J, g as ht, m as gt, h as mt, c as ft, d as _t, e as bt, n as pt, q as z, s as xt, i as yt, k as vt } from "../vendors/lexical-DO7eMeC2.js";
 import wt, { useState as S, useEffect as y, useRef as O, useCallback as E, useMemo as Tt } from "react";
-import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-CCq3AgcW.js";
-import { B as ie, l as oe, r as re, u as se } from "./index-CCq3AgcW.js";
+import { p as Ct, T as Et, g as Lt, a as Z, k as X, v as H, I as Nt, m as kt } from "./index-C0Rjz8DK.js";
+import { B as ie, l as oe, r as re, u as se } from "./index-C0Rjz8DK.js";
 import { DEFAULT_BACKGROUND_COLOR as j, DEFAULT_FONT_COLOR as K, DEFAULT_FONT_SIZE as Y } from "./constants/index.js";
 import { c as R } from "../vendors/clsx-OuTLNxxd.js";
 const I = {

package/dist/InputTag/InputTag-C-rQUJnF.js

@@ -0,0 +1,155 @@
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { useControllableValue as W } from "ahooks";
+import { useState as N, useLayoutEffect as A, useRef as m, useEffect as z, useCallback as D } from "react";
+import { c as T } from "../vendors/clsx-OuTLNxxd.js";
+import { I as V } from "../Icon/Icon-CBlIwtp2.js";
+import { motion as B } from "motion/react";
+import { S as F } from "../vendors/simplebar-react-D68KzE44.js";
+const _ = {
+  "bsy-inputTag": "_bsy-inputTag_46spj_11",
+  "bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
+  "bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
+  "bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
+  "bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
+}, b = {
+  GAP: 4,
+  OFFSET: 3,
+  CONTAINER_PADDING: 10,
+  INPUT_MARGIN: 4
+}, L = (l, x) => {
+  const [c, y] = N(0);
+  return A(() => {
+    const i = l.current;
+    if (!i) return;
+    const n = () => {
+      const a = i.children;
+      let f = 0;
+      for (let r = 0; r < a.length; r++)
+        f += a[r].clientWidth;
+      const h = Math.max(0, a.length - 1) * b.GAP, d = Math.max(0, f + h + b.OFFSET);
+      y((r) => r === d ? r : d);
+    };
+    n();
+    const u = new ResizeObserver(n);
+    return u.observe(i), () => {
+      u.disconnect();
+    };
+  }, [x, l]), c;
+}, K = (l) => {
+  const { defaultValue: x, enableActive: c = !1, defaultActiveIndex: y, onActiveIndexChange: i } = l, [n, u] = W(l, {
+    defaultValue: x || []
+  }), [a, f] = W(
+    l,
+    {
+      valuePropName: "activeIndex",
+      trigger: "onActiveIndexChange",
+      defaultValue: y
+    }
+  ), [h, d] = N(""), r = m(null), p = m(null), g = m(null), v = m(!1), w = () => {
+    if (p.current && p.current.children.length > 0) {
+      const t = p.current.children.length - 1;
+      p.current.children[t].scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "end"
+      });
+    }
+  };
+  z(() => {
+    v.current && n.length > 0 && (w(), v.current = !1);
+  }, [n.length]);
+  const k = (t) => {
+    d(t.currentTarget.value);
+  }, C = () => {
+    const t = h.trim();
+    if (t !== "") {
+      const e = t;
+      v.current = !0, u([...n, e]), d("");
+    }
+  }, M = (t, e) => {
+    if (!c) return;
+    const s = a === t ? void 0 : t;
+    f(s), i == null || i(s ?? -1, e);
+  }, E = (t) => {
+    t.key === "Enter" || t.key === "NumpadEnter" ? C() : t.key === "Backspace" && h === "" && n.length > 0 && u(n.slice(0, -1));
+  }, R = (t) => {
+    u(n.filter((e, s) => s !== t));
+  }, [G, P] = N(0), j = L(p, n.length), I = D(() => {
+    if (!r.current || !g.current) return;
+    const t = r.current.clientWidth - g.current.clientWidth - b.INPUT_MARGIN - b.CONTAINER_PADDING, e = Math.max(0, t);
+    P((s) => s === e ? s : e);
+  }, []);
+  A(() => {
+    if (!r.current || !g.current) return;
+    I();
+    const t = new ResizeObserver(() => {
+      I();
+    });
+    return t.observe(r.current), t.observe(g.current), () => {
+      t.disconnect();
+    };
+  }, [I]);
+  const O = Math.min(j, G);
+  return /* @__PURE__ */ S("div", { className: _["bsy-inputTag"], ref: r, children: [
+    /* @__PURE__ */ o("div", { className: _["bsy-inputTag__container"], children: n.length ? /* @__PURE__ */ o(F, { style: { width: O + "px" }, children: /* @__PURE__ */ o("div", { className: "flex gap-1 py-[3px]", ref: p, children: n.map((t, e) => /* @__PURE__ */ S(
+      B.div,
+      {
+        className: T(
+          "rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
+          {
+            "cursor-pointer": c,
+            "hover:bg-[#e0e0e0]": c && a !== e,
+            "bg-[#0265ff] text-white": c && a === e,
+            "bg-[#eee] text-black": !c || a !== e
+          }
+        ),
+        onClick: () => M(e, t),
+        children: [
+          /* @__PURE__ */ o("span", { children: t }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: T(
+                "cursor-pointer",
+                c && a === e ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
+              ),
+              onClick: (s) => {
+                s.stopPropagation(), R(e);
+              },
+              children: /* @__PURE__ */ o(V, { name: "close", size: 12 })
+            }
+          )
+        ]
+      },
+      e
+    )) }) }) : null }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: g,
+        className: T(
+          _["bsy-inputTag__inputContainer"],
+          {
+            [_["bsy-inputTag__inputContainer--zeroMargin"]]: n.length === 0
+          },
+          "py-[3px]"
+        ),
+        children: /* @__PURE__ */ o(
+          "input",
+          {
+            value: h,
+            onChange: k,
+            onKeyDown: E,
+            onBlur: C,
+            className: T(_["bsy-inputTag__input"], "placeholder:text-[#999]"),
+            placeholder: "输入标签"
+          }
+        )
+      }
+    )
+  ] });
+};
+K.displayName = "BsyInputTag";
+export {
+  K as I
+};

package/dist/InputTag/index.js

@@ -1,4 +1,4 @@
-import { I as t } from "./InputTag-C6MbuO-e.js";
+import { I as t } from "./InputTag-C-rQUJnF.js";
 export {
   t as default
 };

package/dist/components/ColorPicker/ColorPicker.type.d.ts

@@ -12,6 +12,12 @@ export interface ColorPickerProps {
     defaultValue?: string;
     /** 颜色变化时的回调函数 */
     onChange?: (color: string) => void;
+    /**
+     * 颜色输入过程中的回调函数
+     * @description 在用户拖动/选择颜色时实时触发，用于实时预览
+     * @param color - 当前正在输入的颜色值（RGB/RGBA 格式字符串）
+     */
+    onColorInput?: (color: string) => void;
     /** 浮层的放置位置 */
     /** @default 'bottom-start' */
     placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start';

package/dist/index.js

@@ -4,7 +4,7 @@ import { useMemo as a, useCallback as u } from "react";
 import { z as i, L as f } from "./vendors/useLocale-DgqW9M3h.js";
 import { C as Y } from "./Card/Card-Y1ISqAp9.js";
 import { M as _ } from "./Modal/Modal-z3TvEXwN.js";
-import { C as oe } from "./ColorPicker/ColorPicker-DNIXPakN.js";
+import { C as oe } from "./ColorPicker/ColorPicker-D0D5azon.js";
 import { S as ae } from "./Segmented/Segmented-UgzW78Ey.js";
 import { S as re } from "./Select/Select-hwXXDuLU.js";
 import { T as se } from "./vendors/Tree-CLEy-xqz.js";
@@ -14,7 +14,7 @@ import { a as pe, T as ue } from "./Tabs/TabSelect-DL8Bhehc.js";
 import { D as Ce } from "./DropDown/DropDown-DGkSeXQT.js";
 import { L as Ie } from "./Loading/Loading-CEB4PLUE.js";
 import { N as Le } from "./NotFoundContent/NotFoundContent-h0-oIXlk.js";
-import { I as ke } from "./InputTag/InputTag-C6MbuO-e.js";
+import { I as ke } from "./InputTag/InputTag-C-rQUJnF.js";
 const C = "Please select", U = "search", I = "No search data", x = "Select All", L = "Please enter the content", S = "No Data", k = "No Data Found", h = "Data Searching...", A = "Select All by Search", P = "Left Align", y = "Center Align", N = "Right Align", R = "Underline", F = "Link", T = "Hyper Link", D = "Show Content", b = "Link Address", v = "Open in New Tab", z = "Confirm", w = "Cancel", M = "Cancel Link", E = "preset color", O = { linkTip: "Support https://link or @form alias", bold: "Bold", italic: "Italic", fontSize: "Font Size", fontColor: "Font Color", fill: "fill", alignment: "Alignment", centerAlign: "Center Align", rightAlign: "Right Align", uploadImage: "Upload Image", imageUrl: "Image URL", imageUrlPlaceholder: "Please enter image URL", imageUrlRequired: "Please enter image URL", imageUrlInvalid: "Please enter a valid image URL", imageUrlNote: "Note: Enter image URL to insert image", inputImageUrl: "Enter Image URL", uploadImageNote: "Note: Single image size cannot exceed 1MB", uploadImageText: "Click or drag to upload image", previewImage: "Preview Image", underline: "Underline", imageFormatOnly: "Only image formats are supported", uploadImageFirst: "Please upload image first", imageAddSuccess: "Image added successfully", operationFailed: "Operation failed", onlyImageFormatsSupported: "Only image formats are supported", pleaseUploadImageFirst: "Please upload image first", imageSizeNote: "Image size cannot exceed 1MB", clickOrDragToUpload: "Click or drag to upload image", enterImageUrl: "Enter image URL", pleaseEnterImageUrl: "Please enter image URL", pleaseEnterValidImageUrl: "Please enter a valid image URL", linkAddressEmpty: "Link address cannot be empty" }, B = "Picture", V = "Custom Color", j = "Add Picture", q = {
   select: C,
   search: U,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-base",
-  "version": "2.2.5",
+  "version": "2.3.0",
   "type": "module",
   "description": "百数云低代码平台通用组件库",
   "author": "bsy-fe team",

package/dist/InputTag/InputTag-C6MbuO-e.js

@@ -1,137 +0,0 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { useControllableValue as A } from "ahooks";
-import { useState as S, useLayoutEffect as k, useRef as p, useEffect as D } from "react";
-import { c as h } from "../vendors/clsx-OuTLNxxd.js";
-import { I as M } from "../Icon/Icon-CBlIwtp2.js";
-import { motion as O } from "motion/react";
-import { S as V } from "../vendors/simplebar-react-D68KzE44.js";
-const g = {
-  "bsy-inputTag": "_bsy-inputTag_46spj_11",
-  "bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
-  "bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
-  "bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
-  "bsy-inputTag__input": "_bsy-inputTag__input_46spj_27"
-}, d = {
-  GAP: 4,
-  OFFSET: 3,
-  CONTAINER_PADDING: 10,
-  INPUT_MARGIN: 4
-}, z = (s, _) => {
-  const [a, f] = S(0);
-  return k(() => {
-    if (s.current) {
-      const i = s.current.children;
-      let e = 0;
-      for (let r = 0; r < i.length; r++)
-        e += i[r].clientWidth;
-      const u = (i.length - 1) * d.GAP;
-      f(e + u + d.OFFSET);
-    }
-  }, [_, s]), a;
-}, B = (s) => {
-  const { defaultValue: _, enableActive: a = !1, defaultActiveIndex: f, onActiveIndexChange: i } = s, [e, u] = A(s, {
-    defaultValue: _ || []
-  }), [r, w] = A(
-    s,
-    {
-      valuePropName: "activeIndex",
-      trigger: "onActiveIndexChange",
-      defaultValue: f
-    }
-  ), [T, x] = S(""), m = p(null), c = p(null), y = p(null), b = p(!1), E = () => {
-    if (c.current && c.current.children.length > 0) {
-      const t = c.current.children.length - 1;
-      c.current.children[t].scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "end"
-      });
-    }
-  };
-  D(() => {
-    b.current && e.length > 0 && (E(), b.current = !1);
-  }, [e.length]);
-  const W = (t) => {
-    x(t.currentTarget.value);
-  }, N = () => {
-    const t = T.trim();
-    if (t !== "") {
-      const n = t;
-      b.current = !0, u([...e, n]), x("");
-    }
-  }, G = (t, n) => {
-    if (!a) return;
-    const o = r === t ? void 0 : t;
-    w(o), i == null || i(o ?? -1, n);
-  }, P = (t) => {
-    t.key === "Enter" || t.key === "NumpadEnter" ? N() : t.key === "Backspace" && T === "" && e.length > 0 && u(e.slice(0, -1));
-  }, j = (t) => {
-    u(e.filter((n, o) => o !== t));
-  }, I = p(0), v = z(c, e.length);
-  k(() => {
-    m.current && y.current && (I.current = m.current.clientWidth - y.current.clientWidth - d.INPUT_MARGIN - d.CONTAINER_PADDING);
-  }, []);
-  const R = v > I.current ? I.current : v;
-  return /* @__PURE__ */ C("div", { className: g["bsy-inputTag"], ref: m, children: [
-    /* @__PURE__ */ l("div", { className: g["bsy-inputTag__container"], children: e.length ? /* @__PURE__ */ l(V, { style: { width: R + "px" }, children: /* @__PURE__ */ l("div", { className: "flex gap-1 py-[3px]", ref: c, children: e.map((t, n) => /* @__PURE__ */ C(
-      O.div,
-      {
-        className: h(
-          "rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0",
-          {
-            "cursor-pointer": a,
-            "hover:bg-[#e0e0e0]": a && r !== n,
-            "bg-[#0265ff] text-white": a && r === n,
-            "bg-[#eee] text-black": !a || r !== n
-          }
-        ),
-        onClick: () => G(n, t),
-        children: [
-          /* @__PURE__ */ l("span", { children: t }),
-          /* @__PURE__ */ l(
-            "div",
-            {
-              className: h(
-                "cursor-pointer",
-                a && r === n ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"
-              ),
-              onClick: (o) => {
-                o.stopPropagation(), j(n);
-              },
-              children: /* @__PURE__ */ l(M, { name: "close", size: 12 })
-            }
-          )
-        ]
-      },
-      n
-    )) }) }) : null }),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: y,
-        className: h(
-          g["bsy-inputTag__inputContainer"],
-          {
-            [g["bsy-inputTag__inputContainer--zeroMargin"]]: e.length === 0
-          },
-          "py-[3px]"
-        ),
-        children: /* @__PURE__ */ l(
-          "input",
-          {
-            value: T,
-            onChange: W,
-            onKeyDown: P,
-            onBlur: N,
-            className: h(g["bsy-inputTag__input"], "placeholder:text-[#999]"),
-            placeholder: "输入标签"
-          }
-        )
-      }
-    )
-  ] });
-};
-B.displayName = "BsyInputTag";
-export {
-  B as I
-};