bj-web-components 0.2.8 → 0.2.11

package/dist/web/ProductField/ProductField.mjs

@@ -0,0 +1,226 @@
+import { jsxs as s, jsx as t, Fragment as ae } from "react/jsx-runtime";
+import { useState as h, useRef as m, useCallback as U, useLayoutEffect as le, useEffect as H, useMemo as de } from "react";
+import { createPortal as ue } from "react-dom";
+/* empty css                   */
+import fe from "./no_data_light.png.mjs";
+import q from "./arrow-up.svg.mjs";
+import me from "./sort.svg.mjs";
+import pe from "./search.svg.mjs";
+import _e from "./checkbox-no.svg.mjs";
+import he from "./checkbox-ok.svg.mjs";
+function G({ size: l = 20 }) {
+  return /* @__PURE__ */ t("svg", { width: l, height: l, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z", fill: "currentColor" }) });
+}
+function Ee({
+  options: l = [],
+  value: a = [],
+  onChange: o,
+  placeholder: O = "请选择",
+  emptyText: M = "暂无产品数据",
+  onManageField: J,
+  multiple: u = !0,
+  showSearch: C = !0,
+  showSort: F = !0,
+  addButtonText: I,
+  onAdd: K,
+  labels: r,
+  className: Q,
+  style: V,
+  getPopupContainer: v
+}) {
+  const W = (r == null ? void 0 : r.searchPlaceholder) ?? "搜索", Y = (r == null ? void 0 : r.sortDefault) ?? "默认顺序", ee = (r == null ? void 0 : r.sortAsc) ?? "名称A-Z", te = (r == null ? void 0 : r.sortDesc) ?? "名称Z-A", P = (r == null ? void 0 : r.noMatchText) ?? "暂无选项", re = (r == null ? void 0 : r.manageFieldPre) ?? "请前往", ne = (r == null ? void 0 : r.manageFieldLink) ?? "管理字段", ce = (r == null ? void 0 : r.manageFieldPost) ?? "添加", [f, R] = h(!1), [b, $] = h(""), [p, T] = h("none"), [L, k] = h(!1), g = m(null), x = m(null), X = m(null), [D, se] = h({ top: 0, left: 0, width: 0 }), d = U(() => {
+    if (!g.current) return;
+    const e = g.current.getBoundingClientRect();
+    se({
+      top: e.bottom + 4,
+      left: e.left,
+      width: e.width
+    });
+  }, []);
+  le(() => {
+    f && d();
+  }, [f, d]), H(() => {
+    if (!f) return;
+    const e = (n) => {
+      var i, N;
+      const c = n.target;
+      (i = X.current) != null && i.contains(c) || (N = g.current) != null && N.contains(c) || y();
+    };
+    return document.addEventListener("mousedown", e), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+      document.removeEventListener("mousedown", e), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    };
+  }, [f, d]), H(() => {
+    if (!L) return;
+    const e = (n) => {
+      x.current && !x.current.contains(n.target) && k(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [L]);
+  const z = m(null), A = m(null), w = m({ dragging: !1, startX: 0, scrollLeft: 0, target: null }), B = U((e) => ({
+    onMouseDown: (n) => {
+      const c = e.current;
+      c && (w.current = { dragging: !0, startX: n.clientX, scrollLeft: c.scrollLeft, target: c });
+    },
+    onMouseMove: (n) => {
+      const { dragging: c, startX: i, scrollLeft: N, target: Z } = w.current;
+      !c || !Z || (n.preventDefault(), Z.scrollLeft = N - (n.clientX - i));
+    },
+    onMouseUp: () => {
+      w.current.dragging = !1;
+    },
+    onMouseLeave: () => {
+      w.current.dragging = !1;
+    }
+  }), []);
+  function oe(e) {
+    if (!u) {
+      o == null || o(a.includes(e) ? [] : [e]), a.includes(e) || y();
+      return;
+    }
+    const n = a.includes(e) ? a.filter((c) => c !== e) : [...a, e];
+    o == null || o(n);
+  }
+  function S(e) {
+    o == null || o(a.filter((n) => n !== e));
+  }
+  function y() {
+    R(!1), $(""), T("none");
+  }
+  function ie(e) {
+    T(e), k(!1);
+  }
+  const j = de(() => {
+    let e = l.filter((c) => (c.searchText ?? (typeof c.label == "string" ? c.label : "")).toLowerCase().includes(b.toLowerCase()));
+    const n = (c) => c.searchText ?? (typeof c.label == "string" ? c.label : "");
+    return p === "asc" && (e = [...e].sort((c, i) => n(c).localeCompare(n(i)))), p === "desc" && (e = [...e].sort((c, i) => n(i).localeCompare(n(c)))), e;
+  }, [l, b, p]), _ = l.filter((e) => a.includes(e.value)), E = l.length > 0;
+  return /* @__PURE__ */ s("div", { ref: g, className: ["bu-pf", Q].filter(Boolean).join(" "), style: V, children: [
+    !f && /* @__PURE__ */ s("div", { className: `bu-pf__trigger${_.length > 0 ? " bu-pf__trigger--selected" : ""}`, onClick: () => R(!0), children: [
+      _.length > 0 ? /* @__PURE__ */ t(
+        "div",
+        {
+          className: "bu-pf__trigger-tags",
+          ref: A,
+          ...B(A),
+          children: _.map((e) => /* @__PURE__ */ s("span", { className: `bu-pf__tag${u ? "" : " bu-pf__tag--single"}`, children: [
+            /* @__PURE__ */ t("span", { className: "bu-pf__tag-text", children: e.label }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bu-pf__tag-close",
+                onClick: (n) => {
+                  n.stopPropagation(), S(e.value);
+                },
+                children: /* @__PURE__ */ t(G, { size: 12 })
+              }
+            )
+          ] }, e.value))
+        }
+      ) : /* @__PURE__ */ t("span", { className: "bu-pf__placeholder", children: O }),
+      /* @__PURE__ */ t("span", { className: "bu-pf__arrow", children: /* @__PURE__ */ t("img", { src: q, width: 24, height: 24, alt: "" }) })
+    ] }),
+    f && /* @__PURE__ */ s(ae, { children: [
+      /* @__PURE__ */ t("div", { className: "bu-pf__panel", children: /* @__PURE__ */ s("div", { className: "bu-pf__header", children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "bu-pf__tags",
+            ref: z,
+            ...B(z),
+            children: _.length > 0 ? _.map((e) => /* @__PURE__ */ s("span", { className: `bu-pf__tag${u ? "" : " bu-pf__tag--single"}`, children: [
+              /* @__PURE__ */ t("span", { className: "bu-pf__tag-text", children: e.label }),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-pf__tag-close",
+                  onClick: () => S(e.value),
+                  children: /* @__PURE__ */ t(G, { size: 12 })
+                }
+              )
+            ] }, e.value)) : /* @__PURE__ */ t("span", { className: "bu-pf__placeholder-inline", children: O })
+          }
+        ),
+        /* @__PURE__ */ t("button", { type: "button", className: "bu-pf__close", onClick: y, children: /* @__PURE__ */ t("img", { src: q, width: 24, height: 24, alt: "" }) })
+      ] }) }),
+      ue(
+        /* @__PURE__ */ t("div", { ref: X, className: "bu-pf__portal", style: { position: "fixed", top: D.top, left: D.left, width: D.width, zIndex: 1050 }, children: /* @__PURE__ */ s("div", { className: "bu-pf__dropdown", children: [
+          (C || F) && /* @__PURE__ */ s("div", { className: "bu-pf__toolbar", children: [
+            C && /* @__PURE__ */ s("div", { className: "bu-pf__search", children: [
+              /* @__PURE__ */ t("span", { className: "bu-pf__search-icon", children: /* @__PURE__ */ t("img", { src: pe, width: 20, height: 20, alt: "" }) }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  className: "bu-pf__search-input",
+                  placeholder: W,
+                  value: b,
+                  onChange: (e) => $(e.target.value)
+                }
+              )
+            ] }),
+            F && /* @__PURE__ */ s("div", { ref: x, className: "bu-pf__sort-wrap", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: `bu-pf__sort-btn${p !== "none" ? " bu-pf__sort-btn--active" : ""}`,
+                  onClick: () => k((e) => !e),
+                  children: /* @__PURE__ */ t("img", { src: me, width: 24, height: 24, alt: "" })
+                }
+              ),
+              L && /* @__PURE__ */ t("div", { className: "bu-pf__sort-dropdown", children: [
+                { key: "none", label: Y },
+                { key: "asc", label: ee },
+                { key: "desc", label: te }
+              ].map(({ key: e, label: n }) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `bu-pf__sort-option${p === e ? " bu-pf__sort-option--active" : ""}`,
+                  onClick: () => ie(e),
+                  children: n
+                },
+                e
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "bu-pf__list", children: E && j.length > 0 ? j.map((e) => {
+            const n = a.includes(e.value);
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: `bu-pf__option${u ? " bu-pf__option--multiple" : ""}${n && !u ? " bu-pf__option--selected" : ""}`,
+                onClick: () => oe(e.value),
+                children: [
+                  u && /* @__PURE__ */ t(
+                    "img",
+                    {
+                      className: "bu-pf__checkbox-img",
+                      src: n ? he : _e,
+                      alt: ""
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "bu-pf__option-label", children: e.label })
+                ]
+              },
+              e.value
+            );
+          }) : /* @__PURE__ */ s("div", { className: "bu-pf__no-match", children: [
+            /* @__PURE__ */ t("img", { className: "bu-pf__no-match-img", src: fe, alt: E ? P : M }),
+            /* @__PURE__ */ t("p", { className: "bu-pf__no-match-text", children: E ? P : M }),
+            /* @__PURE__ */ s("p", { className: "bu-pf__no-match-hint", children: [
+              re,
+              /* @__PURE__ */ t("button", { type: "button", className: "bu-pf__manage-btn", onClick: J, children: ne }),
+              ce
+            ] })
+          ] }) }),
+          I && /* @__PURE__ */ t("div", { className: "bu-pf__add-row", onClick: K, children: I })
+        ] }) }),
+        (v == null ? void 0 : v()) ?? document.body
+      )
+    ] })
+  ] });
+}
+export {
+  Ee as default
+};

package/dist/web/ProductField/arrow-up.svg.js

@@ -0,0 +1 @@
+"use strict";const t="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='%23333333'/%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";module.exports=t;

package/dist/web/ProductField/arrow-up.svg.mjs

@@ -0,0 +1,4 @@
+const l = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='%23333333'/%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+export {
+  l as default
+};

package/dist/web/ProductField/checkbox-no.svg.js

@@ -0,0 +1 @@
+"use strict";const t="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20fill='white'%20fill-opacity='0.2'%20stroke='%23DBDBDB'/%3e%3c/svg%3e";module.exports=t;

package/dist/web/ProductField/checkbox-no.svg.mjs

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20fill='white'%20fill-opacity='0.2'%20stroke='%23DBDBDB'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/web/ProductField/checkbox-ok.svg.js

@@ -0,0 +1 @@
+"use strict";const t="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23DBDBDB'/%3e%3cpath%20d='M11.2976%204.51378C11.4%204.3608%2011.607%204.31982%2011.76%204.4222C11.913%204.52459%2011.954%204.73167%2011.8516%204.88466L7.46663%2011.437C7.30081%2011.6847%206.94289%2011.7021%206.75374%2011.4717L4.1677%208.32097C4.05092%208.17866%204.07163%207.96857%204.21392%207.85178C4.35622%207.73501%204.56632%207.75571%204.6831%207.89801L7.07905%2010.8173L11.2976%204.51378Z'%20fill='%23333333'/%3e%3c/svg%3e";module.exports=t;

package/dist/web/ProductField/checkbox-ok.svg.mjs

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23DBDBDB'/%3e%3cpath%20d='M11.2976%204.51378C11.4%204.3608%2011.607%204.31982%2011.76%204.4222C11.913%204.52459%2011.954%204.73167%2011.8516%204.88466L7.46663%2011.437C7.30081%2011.6847%206.94289%2011.7021%206.75374%2011.4717L4.1677%208.32097C4.05092%208.17866%204.07163%207.96857%204.21392%207.85178C4.35622%207.73501%204.56632%207.75571%204.6831%207.89801L7.07905%2010.8173L11.2976%204.51378Z'%20fill='%23333333'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/web/ProductField/no_data_light.png.js

@@ -0,0 +1 @@
+"use strict";const A="data:image/png;base64,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";module.exports=A;

package/dist/web/ProductField/no_data_light.png.mjs

@@ -0,0 +1,4 @@
+const A = "data:image/png;base64,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";
+export {
+  A as default
+};

package/dist/web/ProductField/search.svg.js

@@ -0,0 +1 @@
+"use strict";const C="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.38154%204.67725C11.9512%204.67725%2014.0343%206.76037%2014.0343%209.33002C14.0343%2010.5162%2013.5901%2011.5984%2012.8595%2012.4202L15.1454%2014.6078C15.3102%2014.7684%2015.3136%2015.0322%2015.153%2015.197C14.9924%2015.3618%2014.7286%2015.3652%2014.5638%2015.2046L12.2521%2012.9919C11.4614%2013.6126%2010.4647%2013.9828%209.38154%2013.9828C6.81188%2013.9828%204.72876%2011.8997%204.72876%209.33002C4.72876%206.76037%206.81188%204.67725%209.38154%204.67725ZM9.38154%205.51058C7.27212%205.51058%205.56209%207.2206%205.56209%209.33002C5.56209%2011.4394%207.27212%2013.1495%209.38154%2013.1495C11.491%2013.1495%2013.201%2011.4394%2013.201%209.33002C13.201%207.2206%2011.491%205.51058%209.38154%205.51058Z'%20fill='%23666666'/%3e%3c/svg%3e";module.exports=C;

package/dist/web/ProductField/search.svg.mjs

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.38154%204.67725C11.9512%204.67725%2014.0343%206.76037%2014.0343%209.33002C14.0343%2010.5162%2013.5901%2011.5984%2012.8595%2012.4202L15.1454%2014.6078C15.3102%2014.7684%2015.3136%2015.0322%2015.153%2015.197C14.9924%2015.3618%2014.7286%2015.3652%2014.5638%2015.2046L12.2521%2012.9919C11.4614%2013.6126%2010.4647%2013.9828%209.38154%2013.9828C6.81188%2013.9828%204.72876%2011.8997%204.72876%209.33002C4.72876%206.76037%206.81188%204.67725%209.38154%204.67725ZM9.38154%205.51058C7.27212%205.51058%205.56209%207.2206%205.56209%209.33002C5.56209%2011.4394%207.27212%2013.1495%209.38154%2013.1495C11.491%2013.1495%2013.201%2011.4394%2013.201%209.33002C13.201%207.2206%2011.491%205.51058%209.38154%205.51058Z'%20fill='%23666666'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/web/ProductField/sort.svg.js

@@ -0,0 +1 @@
+"use strict";const C="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='%23333333'/%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";module.exports=C;

package/dist/web/ProductField/sort.svg.mjs

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='%23333333'/%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/web/SkuInputCard/SkuInputCard.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),u=require("react");;/* empty css                   */const s1=require("./spin_loading_red.gif.js");function e1(){return t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M12.8333 8.66683H16.1666V5.3335H12.8333M12.8333 13.6668H16.1666V10.3335H12.8333M7.83331 13.6668H11.1666V10.3335H7.83331M7.83331 18.6668H11.1666V15.3335H7.83331M12.8333 18.6668H16.1666V15.3335H12.8333M7.83331 8.66683H11.1666V5.3335H7.83331V8.66683Z",fill:"currentColor"})})}function r1(){return t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",fill:"currentColor"})})}function i1(){return t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M515.512889 227.555556a21.070222 21.070222 0 0 1 21.070222 21.070222v245.816889h238.791111a21.070222 21.070222 0 0 1 0 42.140444h-238.791111v238.791111a21.070222 21.070222 0 0 1-42.140444 0v-238.791111H248.625778a21.070222 21.070222 0 0 1 0-42.140444h245.816889V248.625778A21.070222 21.070222 0 0 1 515.512889 227.555556z",fill:"currentColor"})})}function n1(){return t.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsx("path",{d:"M8.68576 19.3333C9.0645 19.3333 9.37153 19.6404 9.37153 20.0191V22.1714C9.37153 22.4239 9.5761 22.6285 9.82856 22.6285H11.9809C12.3596 22.6285 12.6667 22.9355 12.6667 23.3142C12.6667 23.693 12.3596 24 11.9809 24H9.82856L9.73438 23.9976C8.79946 23.9502 8.04983 23.2005 8.00239 22.2656L8 22.1714V20.0191C8 19.6404 8.30703 19.3333 8.68576 19.3333Z",fill:"currentColor"}),t.jsx("path",{d:"M23.3142 19.3333C23.693 19.3333 24 19.6404 24 20.0191V22.1714C24 23.1497 23.2317 23.9486 22.2656 23.9976L22.1714 24H20.0191C19.6404 24 19.3333 23.693 19.3333 23.3142C19.3333 22.9355 19.6404 22.6285 20.0191 22.6285H22.1714C22.4239 22.6285 22.6285 22.4239 22.6285 22.1714V20.0191C22.6285 19.6404 22.9355 19.3333 23.3142 19.3333Z",fill:"currentColor"}),t.jsx("path",{d:"M15.5573 11.2413C17.8315 11.2989 19.6575 13.1607 19.6576 15.4488L19.656 15.5573C19.6337 16.4372 19.3411 17.2497 18.8585 17.9156L20.5647 19.6217C20.825 19.8821 20.825 20.3043 20.5647 20.5647C20.3043 20.825 19.8823 20.825 19.622 20.5647L17.9156 18.8585C17.2224 19.3609 16.3703 19.6575 15.4488 19.6576L15.3401 19.656C13.102 19.5993 11.298 17.7954 11.2413 15.5573L11.24 15.4488C11.24 13.1244 13.1244 11.24 15.4488 11.24L15.5573 11.2413ZM15.4488 12.5734C13.8608 12.5734 12.5734 13.8608 12.5734 15.4488C12.5734 17.0368 13.8608 18.3242 15.4488 18.3242C17.0368 18.3242 18.3242 17.0368 18.3242 15.4488C18.3242 13.8608 17.0368 12.5734 15.4488 12.5734Z",fill:"currentColor"}),t.jsx("path",{d:"M11.9809 8C12.3596 8 12.6667 8.30703 12.6667 8.68576C12.6667 9.0645 12.3596 9.37153 11.9809 9.37153H9.82856C9.5761 9.37153 9.37153 9.5761 9.37153 9.82856V11.9809C9.37153 12.3596 9.0645 12.6667 8.68576 12.6667C8.30703 12.6667 8 12.3596 8 11.9809V9.82856C8.00001 8.81868 8.81868 8.00001 9.82856 8H11.9809Z",fill:"currentColor"}),t.jsx("path",{d:"M22.1714 8C23.1813 8.00001 24 8.81868 24 9.82856V11.9809C24 12.3596 23.693 12.6667 23.3142 12.6667C22.9355 12.6667 22.6285 12.3596 22.6285 11.9809V9.82856C22.6285 9.5761 22.4239 9.37153 22.1714 9.37153H20.0191C19.6404 9.37153 19.3333 9.0645 19.3333 8.68576C19.3333 8.30703 19.6404 8 20.0191 8H22.1714Z",fill:"currentColor"})]})}function u1(){return t.jsx("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{d:"M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z",fill:"currentColor"})})}function c1(i,e){return(typeof i.label=="string"?i.label:i.value).toLowerCase().includes(e.toLowerCase())}function l1({text:i,keyword:e}){if(!e)return t.jsx(t.Fragment,{children:i});const r=i.toLowerCase().indexOf(e.toLowerCase());if(r===-1)return t.jsx(t.Fragment,{children:i});const p=i.slice(0,r),C=i.slice(r,r+e.length),a=i.slice(r+e.length);return t.jsxs(t.Fragment,{children:[p,t.jsx("span",{className:"sku-input-card__dropdown-highlight",children:C}),a]})}function a1({id:i,name:e="",onNameChange:r,mode:p="single",activeLang:C="zh",onLangChange:a,showBody:q=!0,error:L=!1,onDelete:z,onPreviewImage:j,onDeleteImage:m,onUpload:R,onAssociate:v,images:y,labels:c,inputEvents:T,className:$,style:A,options:_,optionFilterProp:b,onSelect:k,onSearch:H,open:w,onDropdownVisibleChange:n}){const W=(c==null?void 0:c.namePlaceholder)??"请填写产品名称",G=(c==null?void 0:c.uploadLocal)??"本地上传",J=(c==null?void 0:c.associateImage)??"关联图片",B=u.useRef(null),g=u.useRef(null),O=u.useRef(null),E=u.useRef(null),[K,F]=u.useState([]),[M,x]=u.useState(!1),[Q,V]=u.useState(!1),[X,I]=u.useState(!1),N=Array.isArray(_)&&_.length>0,Z=w!==void 0?w:N&&Q,U=N?e?_.filter(s=>b?b(s,e):c1(s,e)):_:[];u.useEffect(()=>{if(!M)return;function s(l){g.current&&!g.current.contains(l.target)&&x(!1)}return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[M]),u.useEffect(()=>{if(!Z)return;function s(l){var o,f;const d=l.target;(o=O.current)!=null&&o.contains(d)||(f=E.current)!=null&&f.contains(d)||(V(!1),n==null||n(!1))}return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[Z,n]);const h=y??K;async function Y(s){var d;const l=(d=s.target.files)==null?void 0:d[0];if(l){s.target.value="",x(!1),I(!0);try{if(R){const o=await R(l);o&&y===void 0&&F(f=>[...f,o])}else{const o=URL.createObjectURL(l);F(f=>[...f,o])}}finally{I(!1)}}}function P(){var s;(s=B.current)==null||s.click()}function S(){x(!1),v==null||v()}const D=["sku-input-card",L&&"sku-input-card--error",$].filter(Boolean).join(" "),t1=["sku-input-card__name-input",p==="bilingual"&&"sku-input-card__name-input--with-toggle",L&&"sku-input-card__name-input--error"].filter(Boolean).join(" ");return t.jsxs("div",{className:D,style:A,children:[t.jsx("span",{className:"sku-input-card__drag",id:i,children:t.jsx(e1,{})}),t.jsxs("div",{className:"sku-input-card__main",children:[t.jsxs("div",{className:"sku-input-card__header",children:[t.jsxs("div",{className:"sku-input-card__name-wrap",ref:E,children:[t.jsx("input",{className:t1,value:e,onChange:s=>{r==null||r(s.target.value),H==null||H(s.target.value)},onFocus:()=>{N&&w===void 0&&(V(!0),n==null||n(!0))},placeholder:W,...T}),Z&&U.length>0&&t.jsx("div",{className:"sku-input-card__dropdown",ref:O,children:t.jsx("div",{className:"sku-input-card__dropdown-list",children:U.map(s=>{const l=typeof s.label=="string"?s.label:s.value;return t.jsx("div",{className:["sku-input-card__dropdown-item",s.disabled&&"sku-input-card__dropdown-item--disabled",s.value===e&&"sku-input-card__dropdown-item--selected"].filter(Boolean).join(" "),onMouseDown:d=>{d.preventDefault(),!s.disabled&&(r==null||r(s.value),k==null||k(s.value,s),V(!1),n==null||n(!1))},children:t.jsx(l1,{text:l,keyword:e})},s.value)})})}),p==="bilingual"&&t.jsxs("div",{className:"sku-input-card__lang-toggle",children:[t.jsx("button",{className:`sku-input-card__lang-btn sku-input-card__lang-btn--${C==="zh"?"active":"inactive"}`,onClick:()=>a==null?void 0:a("zh"),children:"中文"}),t.jsx("button",{className:`sku-input-card__lang-btn sku-input-card__lang-btn--${C==="en"?"active":"inactive"}`,onClick:()=>a==null?void 0:a("en"),children:"EN"})]})]}),t.jsx("button",{className:"sku-input-card__delete",onClick:z,children:t.jsx(r1,{})})]}),q&&t.jsxs("div",{className:"sku-input-card__body",children:[t.jsx("input",{ref:B,type:"file",accept:"image/jpeg,image/png,image/webp",className:"sku-input-card__file-input",onChange:Y}),X?t.jsx("div",{className:"sku-input-card__loading",children:t.jsx("img",{src:s1,alt:"上传中",className:"sku-input-card__loading-img"})}):h[0]?t.jsxs("div",{className:"sku-input-card__image-item",children:[t.jsx("img",{src:h[0],alt:"图片",className:"sku-input-card__image-thumb"}),t.jsxs("div",{className:"sku-input-card__image-overlay",children:[t.jsx("button",{className:"sku-input-card__image-action-btn",onClick:()=>j==null?void 0:j(h[0]),children:t.jsx(n1,{})}),t.jsx("button",{className:"sku-input-card__image-action-btn",onClick:()=>m==null?void 0:m(h[0]),children:t.jsx(u1,{})})]})]}):M?t.jsx("div",{className:"sku-input-card__upload-options",children:t.jsxs("div",{ref:g,className:"sku-input-card__upload-options-box",children:[t.jsx("button",{className:"sku-input-card__upload-opt-btn",onClick:P,children:G}),t.jsx("button",{className:"sku-input-card__upload-opt-btn",onClick:S,children:J})]})}):t.jsx("button",{className:"sku-input-card__add-btn",onClick:()=>x(!0),children:t.jsx(i1,{})})]})]})]})}module.exports=a1;

package/dist/web/SkuInputCard/SkuInputCard.mjs

@@ -0,0 +1,238 @@
+import { jsxs as e, jsx as t, Fragment as B } from "react/jsx-runtime";
+import { useRef as v, useState as k, useEffect as A } from "react";
+/* empty css                   */
+import e1 from "./spin_loading_red.gif.mjs";
+function c1() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M12.8333 8.66683H16.1666V5.3335H12.8333M12.8333 13.6668H16.1666V10.3335H12.8333M7.83331 13.6668H11.1666V10.3335H7.83331M7.83331 18.6668H11.1666V15.3335H7.83331M12.8333 18.6668H16.1666V15.3335H12.8333M7.83331 8.66683H11.1666V5.3335H7.83331V8.66683Z", fill: "currentColor" }) });
+}
+function u1() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z", fill: "currentColor" }) });
+}
+function s1() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M515.512889 227.555556a21.070222 21.070222 0 0 1 21.070222 21.070222v245.816889h238.791111a21.070222 21.070222 0 0 1 0 42.140444h-238.791111v238.791111a21.070222 21.070222 0 0 1-42.140444 0v-238.791111H248.625778a21.070222 21.070222 0 0 1 0-42.140444h245.816889V248.625778A21.070222 21.070222 0 0 1 515.512889 227.555556z", fill: "currentColor" }) });
+}
+function a1() {
+  return /* @__PURE__ */ e("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ t("path", { d: "M8.68576 19.3333C9.0645 19.3333 9.37153 19.6404 9.37153 20.0191V22.1714C9.37153 22.4239 9.5761 22.6285 9.82856 22.6285H11.9809C12.3596 22.6285 12.6667 22.9355 12.6667 23.3142C12.6667 23.693 12.3596 24 11.9809 24H9.82856L9.73438 23.9976C8.79946 23.9502 8.04983 23.2005 8.00239 22.2656L8 22.1714V20.0191C8 19.6404 8.30703 19.3333 8.68576 19.3333Z", fill: "currentColor" }),
+    /* @__PURE__ */ t("path", { d: "M23.3142 19.3333C23.693 19.3333 24 19.6404 24 20.0191V22.1714C24 23.1497 23.2317 23.9486 22.2656 23.9976L22.1714 24H20.0191C19.6404 24 19.3333 23.693 19.3333 23.3142C19.3333 22.9355 19.6404 22.6285 20.0191 22.6285H22.1714C22.4239 22.6285 22.6285 22.4239 22.6285 22.1714V20.0191C22.6285 19.6404 22.9355 19.3333 23.3142 19.3333Z", fill: "currentColor" }),
+    /* @__PURE__ */ t("path", { d: "M15.5573 11.2413C17.8315 11.2989 19.6575 13.1607 19.6576 15.4488L19.656 15.5573C19.6337 16.4372 19.3411 17.2497 18.8585 17.9156L20.5647 19.6217C20.825 19.8821 20.825 20.3043 20.5647 20.5647C20.3043 20.825 19.8823 20.825 19.622 20.5647L17.9156 18.8585C17.2224 19.3609 16.3703 19.6575 15.4488 19.6576L15.3401 19.656C13.102 19.5993 11.298 17.7954 11.2413 15.5573L11.24 15.4488C11.24 13.1244 13.1244 11.24 15.4488 11.24L15.5573 11.2413ZM15.4488 12.5734C13.8608 12.5734 12.5734 13.8608 12.5734 15.4488C12.5734 17.0368 13.8608 18.3242 15.4488 18.3242C17.0368 18.3242 18.3242 17.0368 18.3242 15.4488C18.3242 13.8608 17.0368 12.5734 15.4488 12.5734Z", fill: "currentColor" }),
+    /* @__PURE__ */ t("path", { d: "M11.9809 8C12.3596 8 12.6667 8.30703 12.6667 8.68576C12.6667 9.0645 12.3596 9.37153 11.9809 9.37153H9.82856C9.5761 9.37153 9.37153 9.5761 9.37153 9.82856V11.9809C9.37153 12.3596 9.0645 12.6667 8.68576 12.6667C8.30703 12.6667 8 12.3596 8 11.9809V9.82856C8.00001 8.81868 8.81868 8.00001 9.82856 8H11.9809Z", fill: "currentColor" }),
+    /* @__PURE__ */ t("path", { d: "M22.1714 8C23.1813 8.00001 24 8.81868 24 9.82856V11.9809C24 12.3596 23.693 12.6667 23.3142 12.6667C22.9355 12.6667 22.6285 12.3596 22.6285 11.9809V9.82856C22.6285 9.5761 22.4239 9.37153 22.1714 9.37153H20.0191C19.6404 9.37153 19.3333 9.0645 19.3333 8.68576C19.3333 8.30703 19.6404 8 20.0191 8H22.1714Z", fill: "currentColor" })
+  ] });
+}
+function d1() {
+  return /* @__PURE__ */ t("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M14.1667 5.3335C15.1792 5.3335 16 6.15431 16 7.16683V8.00016H19C19.2761 8.00016 19.5 8.22402 19.5 8.50016C19.5 8.7763 19.2761 9.00016 19 9.00016H17.3333V16.8335C17.3333 17.846 16.5125 18.6668 15.5 18.6668H8.5C7.48748 18.6668 6.66667 17.846 6.66667 16.8335V9.00016H5C4.72386 9.00016 4.5 8.7763 4.5 8.50016C4.5 8.22402 4.72386 8.00016 5 8.00016H8V7.16683C8 6.15431 8.82081 5.3335 9.83333 5.3335H14.1667ZM7.66667 16.8335C7.66667 17.2937 8.03976 17.6668 8.5 17.6668H15.5C15.9602 17.6668 16.3333 17.2937 16.3333 16.8335V9.00016H7.66667V16.8335ZM10.5 11.3335C10.7761 11.3335 11 11.5574 11 11.8335V15.0002C11 15.2763 10.7761 15.5002 10.5 15.5002C10.2239 15.5002 10 15.2763 10 15.0002V11.8335C10 11.5574 10.2239 11.3335 10.5 11.3335ZM13.5 11.3335C13.7761 11.3335 14 11.5574 14 11.8335V15.0002C14 15.2763 13.7761 15.5002 13.5 15.5002C13.2239 15.5002 13 15.2763 13 15.0002V11.8335C13 11.5574 13.2239 11.3335 13.5 11.3335ZM9.83333 6.3335C9.3731 6.3335 9 6.70659 9 7.16683V8.00016H15V7.16683C15 6.70659 14.6269 6.3335 14.1667 6.3335H9.83333Z", fill: "currentColor" }) });
+}
+function o1(l, r) {
+  return (typeof l.label == "string" ? l.label : l.value).toLowerCase().includes(r.toLowerCase());
+}
+function f1({ text: l, keyword: r }) {
+  if (!r) return /* @__PURE__ */ t(B, { children: l });
+  const n = l.toLowerCase().indexOf(r.toLowerCase());
+  if (n === -1) return /* @__PURE__ */ t(B, { children: l });
+  const p = l.slice(0, n), C = l.slice(n, n + r.length), a = l.slice(n + r.length);
+  return /* @__PURE__ */ e(B, { children: [
+    p,
+    /* @__PURE__ */ t("span", { className: "sku-input-card__dropdown-highlight", children: C }),
+    a
+  ] });
+}
+function m1({
+  id: l,
+  name: r = "",
+  onNameChange: n,
+  mode: p = "single",
+  activeLang: C = "zh",
+  onLangChange: a,
+  showBody: G = !0,
+  error: O = !1,
+  onDelete: W,
+  onPreviewImage: H,
+  onDeleteImage: w,
+  onUpload: j,
+  onAssociate: g,
+  images: R,
+  labels: u,
+  inputEvents: q,
+  className: J,
+  style: K,
+  options: _,
+  optionFilterProp: E,
+  onSelect: M,
+  onSearch: V,
+  open: N,
+  onDropdownVisibleChange: c
+}) {
+  const Q = (u == null ? void 0 : u.namePlaceholder) ?? "请填写产品名称", X = (u == null ? void 0 : u.uploadLocal) ?? "本地上传", Y = (u == null ? void 0 : u.associateImage) ?? "关联图片", I = v(null), Z = v(null), U = v(null), z = v(null), [P, F] = k([]), [L, h] = k(!1), [S, x] = k(!1), [D, T] = k(!1), y = Array.isArray(_) && _.length > 0, b = N !== void 0 ? N : y && S, $ = y ? r ? _.filter(
+    (i) => E ? E(i, r) : o1(i, r)
+  ) : _ : [];
+  A(() => {
+    if (!L) return;
+    function i(s) {
+      Z.current && !Z.current.contains(s.target) && h(!1);
+    }
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, [L]), A(() => {
+    if (!b) return;
+    function i(s) {
+      var o, f;
+      const d = s.target;
+      (o = U.current) != null && o.contains(d) || (f = z.current) != null && f.contains(d) || (x(!1), c == null || c(!1));
+    }
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, [b, c]);
+  const m = R ?? P;
+  async function t1(i) {
+    var d;
+    const s = (d = i.target.files) == null ? void 0 : d[0];
+    if (s) {
+      i.target.value = "", h(!1), T(!0);
+      try {
+        if (j) {
+          const o = await j(s);
+          o && R === void 0 && F((f) => [...f, o]);
+        } else {
+          const o = URL.createObjectURL(s);
+          F((f) => [...f, o]);
+        }
+      } finally {
+        T(!1);
+      }
+    }
+  }
+  function i1() {
+    var i;
+    (i = I.current) == null || i.click();
+  }
+  function r1() {
+    h(!1), g == null || g();
+  }
+  const n1 = [
+    "sku-input-card",
+    O && "sku-input-card--error",
+    J
+  ].filter(Boolean).join(" "), l1 = [
+    "sku-input-card__name-input",
+    p === "bilingual" && "sku-input-card__name-input--with-toggle",
+    O && "sku-input-card__name-input--error"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n1, style: K, children: [
+    /* @__PURE__ */ t("span", { className: "sku-input-card__drag", id: l, children: /* @__PURE__ */ t(c1, {}) }),
+    /* @__PURE__ */ e("div", { className: "sku-input-card__main", children: [
+      /* @__PURE__ */ e("div", { className: "sku-input-card__header", children: [
+        /* @__PURE__ */ e("div", { className: "sku-input-card__name-wrap", ref: z, children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              className: l1,
+              value: r,
+              onChange: (i) => {
+                n == null || n(i.target.value), V == null || V(i.target.value);
+              },
+              onFocus: () => {
+                y && N === void 0 && (x(!0), c == null || c(!0));
+              },
+              placeholder: Q,
+              ...q
+            }
+          ),
+          b && $.length > 0 && /* 绝对定位锚定在 name-wrap（position: relative）下方，随输入框跟随滚动/视口变化。
+          不再用 portal + position:fixed + getBoundingClientRect 定位：iOS 软键盘弹出时
+          fixed 与 getBoundingClientRect 的视口基准不一致，会导致下拉框位置偏移。 */
+          /* @__PURE__ */ t("div", { className: "sku-input-card__dropdown", ref: U, children: /* @__PURE__ */ t("div", { className: "sku-input-card__dropdown-list", children: $.map((i) => {
+            const s = typeof i.label == "string" ? i.label : i.value;
+            return /* @__PURE__ */ t(
+              "div",
+              {
+                className: [
+                  "sku-input-card__dropdown-item",
+                  i.disabled && "sku-input-card__dropdown-item--disabled",
+                  i.value === r && "sku-input-card__dropdown-item--selected"
+                ].filter(Boolean).join(" "),
+                onMouseDown: (d) => {
+                  d.preventDefault(), !i.disabled && (n == null || n(i.value), M == null || M(i.value, i), x(!1), c == null || c(!1));
+                },
+                children: /* @__PURE__ */ t(f1, { text: s, keyword: r })
+              },
+              i.value
+            );
+          }) }) }),
+          p === "bilingual" && /* @__PURE__ */ e("div", { className: "sku-input-card__lang-toggle", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: `sku-input-card__lang-btn sku-input-card__lang-btn--${C === "zh" ? "active" : "inactive"}`,
+                onClick: () => a == null ? void 0 : a("zh"),
+                children: "中文"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: `sku-input-card__lang-btn sku-input-card__lang-btn--${C === "en" ? "active" : "inactive"}`,
+                onClick: () => a == null ? void 0 : a("en"),
+                children: "EN"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("button", { className: "sku-input-card__delete", onClick: W, children: /* @__PURE__ */ t(u1, {}) })
+      ] }),
+      G && /* @__PURE__ */ e("div", { className: "sku-input-card__body", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: I,
+            type: "file",
+            accept: "image/jpeg,image/png,image/webp",
+            className: "sku-input-card__file-input",
+            onChange: t1
+          }
+        ),
+        D ? /* @__PURE__ */ t("div", { className: "sku-input-card__loading", children: /* @__PURE__ */ t("img", { src: e1, alt: "上传中", className: "sku-input-card__loading-img" }) }) : m[0] ? (
+          /* Single image preview */
+          /* @__PURE__ */ e("div", { className: "sku-input-card__image-item", children: [
+            /* @__PURE__ */ t("img", { src: m[0], alt: "图片", className: "sku-input-card__image-thumb" }),
+            /* @__PURE__ */ e("div", { className: "sku-input-card__image-overlay", children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "sku-input-card__image-action-btn",
+                  onClick: () => H == null ? void 0 : H(m[0]),
+                  children: /* @__PURE__ */ t(a1, {})
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "sku-input-card__image-action-btn",
+                  onClick: () => w == null ? void 0 : w(m[0]),
+                  children: /* @__PURE__ */ t(d1, {})
+                }
+              )
+            ] })
+          ] })
+        ) : L ? (
+          /* Upload options — local upload / associate image */
+          /* @__PURE__ */ t("div", { className: "sku-input-card__upload-options", children: /* @__PURE__ */ e("div", { ref: Z, className: "sku-input-card__upload-options-box", children: [
+            /* @__PURE__ */ t("button", { className: "sku-input-card__upload-opt-btn", onClick: i1, children: X }),
+            /* @__PURE__ */ t("button", { className: "sku-input-card__upload-opt-btn", onClick: r1, children: Y })
+          ] }) })
+        ) : (
+          /* Large add button — fills the body */
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: "sku-input-card__add-btn",
+              onClick: () => h(!0),
+              children: /* @__PURE__ */ t(s1, {})
+            }
+          )
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  m1 as default
+};