tango-ui-cw 0.9.2 → 0.9.3

package/dist/component/TLine/index.mjs

@@ -0,0 +1,34 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import e from "prop-types";
+import s from "./TLine.module.css.mjs";
+import { useTangoStyle as C } from "../CSSFab/useTangoStyle.mjs";
+function S(r) {
+  const {
+    sx: t = {},
+    style: a = {},
+    className: c = "",
+    onClick: m = () => {
+    },
+    children: o,
+    size: l = "medium"
+  } = r, p = C(typeof t == "object" ? t : {}), y = typeof t == "string" ? t : "", n = !!o, x = s[`line${l.charAt(0).toUpperCase() + l.slice(1)}`] || "", d = n ? s.lineHasText : s.lineNoText, f = [
+    s.line,
+    x,
+    d,
+    y,
+    c
+  ].filter(Boolean).join(" "), u = { ...p, ...a };
+  return /* @__PURE__ */ i("div", { style: u, onClick: m, className: f, children: n && /* @__PURE__ */ i("div", { className: s.lineText, children: o }) });
+}
+S.propTypes = {
+  sx: e.oneOfType([e.object, e.string]),
+  size: e.oneOf(["small", "medium", "large", "huge"]),
+  style: e.object,
+  onClick: e.func,
+  className: e.string,
+  children: e.node.isRequired
+};
+export {
+  S as default
+};

package/dist/component/TMark/TMark.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_mark_nbq0k_1",t={mark:e};exports.default=t;exports.mark=e;

package/dist/component/TMark/TMark.module.css.mjs

@@ -0,0 +1,7 @@
+const a = "_mark_nbq0k_1", s = {
+  mark: a
+};
+export {
+  s as default,
+  a as mark
+};

package/dist/component/TMark/index.js

@@ -0,0 +1 @@
+"use strict";const f=require("react/jsx-runtime");require("react");const e=require("prop-types"),b=require("./TMark.module.css.js"),x=require("../CSSFab/useTangoStyle.js");function o(r){const{sx:t={},style:l={},className:n="",onClick:c=()=>{},children:a,color:s="default",beauty:i=!1}=r,u=typeof t=="object"?t:{},d=x.useTangoStyle(u),y=typeof t=="string"?t:"",p={backgroundColor:s==="default"?"#ffe28d":s,...{width:"auto",height:"auto",display:"inline-block"},...i?{padding:"4px 8px",borderRadius:"4px"}:{},...d,...l};return f.jsx("div",{style:p,onClick:c,className:`${b.default.mark} ${y} ${n}`.trim(),children:a})}o.propTypes={color:e.string,sx:e.oneOfType([e.object,e.string]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired,beauty:e.bool};module.exports=o;

package/dist/component/TMark/index.mjs

@@ -0,0 +1,51 @@
+import { jsx as p } from "react/jsx-runtime";
+import "react";
+import e from "prop-types";
+import u from "./TMark.module.css.mjs";
+import { useTangoStyle as f } from "../CSSFab/useTangoStyle.mjs";
+function m(s) {
+  const {
+    sx: t = {},
+    style: l = {},
+    className: r = "",
+    onClick: n = () => {
+    },
+    children: a,
+    color: o = "default",
+    beauty: c = !1
+  } = s, i = f(typeof t == "object" ? t : {}), y = typeof t == "string" ? t : "", d = {
+    backgroundColor: o === "default" ? "#ffe28d" : o,
+    ...{
+      width: "auto",
+      height: "auto",
+      display: "inline-block"
+    },
+    ...c ? {
+      padding: "4px 8px",
+      borderRadius: "4px"
+    } : {},
+    ...i,
+    ...l
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      style: d,
+      onClick: n,
+      className: `${u.mark} ${y} ${r}`.trim(),
+      children: a
+    }
+  );
+}
+m.propTypes = {
+  color: e.string,
+  sx: e.oneOfType([e.object, e.string]),
+  style: e.object,
+  onClick: e.func,
+  className: e.string,
+  children: e.node.isRequired,
+  beauty: e.bool
+};
+export {
+  m as default
+};

package/dist/component/TModal/TModal.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modalOverlay_17rup_1",e="_modalContainer_17rup_27",a="_modalHeader_17rup_49",t="_modalHeaderTitle_17rup_65",l="_modalContent_17rup_73",d="_modalFooter_17rup_83",n="_modalCloseBtn_17rup_97",_="_fadeIn_17rup_195",r="_fadeOut_17rup_205",m="_scaleIn_17rup_215",s="_scaleOut_17rup_225",u="_modalButton_17rup_233",c={modalOverlay:o,modalContainer:e,modalHeader:a,modalHeaderTitle:t,modalContent:l,modalFooter:d,modalCloseBtn:n,fadeIn:_,fadeOut:r,scaleIn:m,scaleOut:s,modalButton:u};exports.default=c;exports.fadeIn=_;exports.fadeOut=r;exports.modalButton=u;exports.modalCloseBtn=n;exports.modalContainer=e;exports.modalContent=l;exports.modalFooter=d;exports.modalHeader=a;exports.modalHeaderTitle=t;exports.modalOverlay=o;exports.scaleIn=m;exports.scaleOut=s;

package/dist/component/TModal/TModal.module.css.mjs

@@ -0,0 +1,29 @@
+const o = "_modalOverlay_17rup_1", a = "_modalContainer_17rup_27", t = "_modalHeader_17rup_49", e = "_modalHeaderTitle_17rup_65", l = "_modalContent_17rup_73", d = "_modalFooter_17rup_83", n = "_modalCloseBtn_17rup_97", _ = "_fadeIn_17rup_195", r = "_fadeOut_17rup_205", s = "_scaleIn_17rup_215", m = "_scaleOut_17rup_225", u = "_modalButton_17rup_233", c = {
+  modalOverlay: o,
+  modalContainer: a,
+  modalHeader: t,
+  modalHeaderTitle: e,
+  modalContent: l,
+  modalFooter: d,
+  modalCloseBtn: n,
+  fadeIn: _,
+  fadeOut: r,
+  scaleIn: s,
+  scaleOut: m,
+  modalButton: u
+};
+export {
+  c as default,
+  _ as fadeIn,
+  r as fadeOut,
+  u as modalButton,
+  n as modalCloseBtn,
+  a as modalContainer,
+  l as modalContent,
+  d as modalFooter,
+  t as modalHeader,
+  e as modalHeaderTitle,
+  o as modalOverlay,
+  s as scaleIn,
+  m as scaleOut
+};

package/dist/component/TModal/index.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),s=require("./TModal.module.css.js"),T=require("../TButton/index.js");function m(x){const{children:h,title:k="基础标题",okText:y="确定",cancelText:g="取消",open:r=!1,onOk:q,onClose:a=()=>{},containerStyles:j,headerStyles:C,footerStyles:p,btnStyles:n,footerButtons:o,maskClosable:v=!0}=x,[d,u]=c.useState(!1),[f,i]=c.useState(!1);c.useEffect(()=>{r?(u(!0),i(!1)):d&&(i(!0),setTimeout(()=>{u(!1),i(!1)},300))},[r]);const S=t.jsx("svg",{t:"1770778790558",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"5372",width:"25",height:"25",children:t.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",fill:"#707070","p-id":"5373"})});return t.jsx(t.Fragment,{children:d&&t.jsx("div",{className:`${s.default.modalOverlay} ${f?s.default.fadeOut:s.default.fadeIn}`,onClick:l=>{v&&l.target===l.currentTarget&&a()},children:t.jsxs("div",{className:`${s.default.modalContainer} ${f?s.default.scaleOut:s.default.scaleIn}`,style:j,children:[t.jsxs("div",{className:s.default.modalHeader,children:[t.jsx("h3",{className:s.default.modalHeaderTitle,style:C,children:k}),t.jsx("div",{className:s.default.modalCloseBtn,onClick:a,children:S})]}),t.jsx("div",{className:s.default.modalContent,children:h}),t.jsx("div",{className:s.default.modalFooter,style:p,children:(o!=null&&o.length?o:[{key:"cancel",text:g,onClick:a},{key:"ok",text:y,onClick:a}]).map(l=>t.jsx(T,{onClick:l.onClick,style:(n==null?void 0:n[l.key])||{},className:s.default.modalButton,children:l.text},l.key))})]})})})}m.propTypes={children:e.node.isRequired,title:e.string,okText:e.string,cancelText:e.string,open:e.bool,onOk:e.func,onClose:e.func,containerStyles:e.object,headerStyles:e.object,footerStyles:e.object,btnStyles:e.object,footerButtons:e.arrayOf(e.shape({key:e.string.isRequired,text:e.string.isRequired,onClick:e.func.isRequired})),maskClosable:e.bool};module.exports=m;

package/dist/component/TModal/index.mjs

@@ -0,0 +1,109 @@
+import { jsx as l, Fragment as w, jsxs as f } from "react/jsx-runtime";
+import { useState as h, useEffect as N } from "react";
+import e from "prop-types";
+import t from "./TModal.module.css.mjs";
+import j from "../TButton/index.mjs";
+function O(u) {
+  const {
+    children: y,
+    title: k = "基础标题",
+    okText: p = "确定",
+    cancelText: g = "取消",
+    open: r = !1,
+    onOk: b,
+    onClose: s = () => {
+    },
+    containerStyles: C,
+    headerStyles: x,
+    footerStyles: v,
+    btnStyles: i,
+    footerButtons: a,
+    maskClosable: S = !0
+  } = u, [c, d] = h(!1), [m, n] = h(!1);
+  N(() => {
+    r ? (d(!0), n(!1)) : c && (n(!0), setTimeout(() => {
+      d(!1), n(!1);
+    }, 300));
+  }, [r]);
+  const T = /* @__PURE__ */ l(
+    "svg",
+    {
+      t: "1770778790558",
+      class: "icon",
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "5372",
+      width: "25",
+      height: "25",
+      children: /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",
+          fill: "#707070",
+          "p-id": "5373"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ l(w, { children: c && /* @__PURE__ */ l(
+    "div",
+    {
+      className: `${t.modalOverlay} ${m ? t.fadeOut : t.fadeIn}`,
+      onClick: (o) => {
+        S && o.target === o.currentTarget && s();
+      },
+      children: /* @__PURE__ */ f(
+        "div",
+        {
+          className: `${t.modalContainer} ${m ? t.scaleOut : t.scaleIn}`,
+          style: C,
+          children: [
+            /* @__PURE__ */ f("div", { className: t.modalHeader, children: [
+              /* @__PURE__ */ l("h3", { className: t.modalHeaderTitle, style: x, children: k }),
+              /* @__PURE__ */ l("div", { className: t.modalCloseBtn, onClick: s, children: T })
+            ] }),
+            /* @__PURE__ */ l("div", { className: t.modalContent, children: y }),
+            /* @__PURE__ */ l("div", { className: t.modalFooter, style: v, children: (a != null && a.length ? a : [
+              { key: "cancel", text: g, onClick: s },
+              { key: "ok", text: p, onClick: s }
+            ]).map((o) => /* @__PURE__ */ l(
+              j,
+              {
+                onClick: o.onClick,
+                style: (i == null ? void 0 : i[o.key]) || {},
+                className: t.modalButton,
+                children: o.text
+              },
+              o.key
+            )) })
+          ]
+        }
+      )
+    }
+  ) });
+}
+O.propTypes = {
+  children: e.node.isRequired,
+  title: e.string,
+  okText: e.string,
+  cancelText: e.string,
+  open: e.bool,
+  onOk: e.func,
+  onClose: e.func,
+  containerStyles: e.object,
+  headerStyles: e.object,
+  footerStyles: e.object,
+  btnStyles: e.object,
+  footerButtons: e.arrayOf(
+    e.shape({
+      key: e.string.isRequired,
+      text: e.string.isRequired,
+      onClick: e.func.isRequired
+    })
+  ),
+  maskClosable: e.bool
+};
+export {
+  O as default
+};

package/dist/component/TNotice/NoticeProvider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),m=require("react-dom"),v=require("./index.js"),C=require("../../assets/Notice/成功.png.js"),N=require("../../assets/Notice/失败.png.js"),q=require("../../assets/Notice/警告.png.js"),s=t.createContext(null);function b({children:o}){const[u,r]=t.useState([]),a=t.useCallback(e=>{r(i=>i.filter(c=>c.id!==e))},[]),d=t.useCallback((e,i,c="default")=>{const l={success:C,fail:N,caution:q},x=Date.now()+Math.random();r(f=>[...f,{id:x,type:e,message:i,variant:c,icon:l[e]}])},[]);return n.jsxs(s.Provider,{value:{add:d},children:[o,m.createPortal(n.jsx("div",{id:"notification-container",children:u.map(e=>n.jsx(v,{...e,onClose:()=>a(e.id)},e.id))}),document.body)]})}function P(){const o=t.useContext(s);if(!o)throw new Error("useNotice must be used inside <NoticeProvider />");return o}exports.NoticeProvider=b;exports.useNoticeContext=P;

package/dist/component/TNotice/NoticeProvider.mjs

@@ -0,0 +1,47 @@
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import { createContext as x, useState as N, useCallback as n, useContext as v } from "react";
+import { createPortal as C } from "react-dom";
+import h from "./index.mjs";
+import P from "../../assets/Notice/成功.png.mjs";
+import b from "../../assets/Notice/失败.png.mjs";
+import w from "../../assets/Notice/警告.png.mjs";
+const s = x(null);
+function g({ children: t }) {
+  const [a, r] = N([]), d = n((o) => {
+    r((e) => e.filter((i) => i.id !== o));
+  }, []), m = n((o, e, i = "default") => {
+    const u = {
+      success: P,
+      fail: b,
+      caution: w
+    }, f = Date.now() + Math.random();
+    r((l) => [
+      ...l,
+      { id: f, type: o, message: e, variant: i, icon: u[o] }
+    ]);
+  }, []);
+  return /* @__PURE__ */ p(s.Provider, { value: { add: m }, children: [
+    t,
+    C(
+      /* @__PURE__ */ c("div", { id: "notification-container", children: a.map((o) => /* @__PURE__ */ c(
+        h,
+        {
+          ...o,
+          onClose: () => d(o.id)
+        },
+        o.id
+      )) }),
+      document.body
+    )
+  ] });
+}
+function q() {
+  const t = v(s);
+  if (!t)
+    throw new Error("useNotice must be used inside <NoticeProvider />");
+  return t;
+}
+export {
+  g as NoticeProvider,
+  q as useNoticeContext
+};

package/dist/component/TNotice/TNotice.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_notice_1pn1d_1",t="_slideDown_1pn1d_1",d="_defaultNotice_1pn1d_67",e="_fadeOut_1pn1d_85",_="_slideUpFade_1pn1d_1",s="_mdNotice_1pn1d_95",i="_slideFromBottom_1pn1d_1",c="_slideToBottom_1pn1d_1",n="_md_fail_1pn1d_129",l="_md_caution_1pn1d_139",m="_md_success_1pn1d_149",a={notice:o,slideDown:t,defaultNotice:d,fadeOut:e,slideUpFade:_,mdNotice:s,slideFromBottom:i,slideToBottom:c,md_fail:n,md_caution:l,md_success:m};exports.default=a;exports.defaultNotice=d;exports.fadeOut=e;exports.mdNotice=s;exports.md_caution=l;exports.md_fail=n;exports.md_success=m;exports.notice=o;exports.slideDown=t;exports.slideFromBottom=i;exports.slideToBottom=c;exports.slideUpFade=_;

package/dist/component/TNotice/TNotice.module.css.mjs

@@ -0,0 +1,27 @@
+const o = "_notice_1pn1d_1", d = "_slideDown_1pn1d_1", t = "_defaultNotice_1pn1d_67", _ = "_fadeOut_1pn1d_85", e = "_slideUpFade_1pn1d_1", s = "_mdNotice_1pn1d_95", n = "_slideFromBottom_1pn1d_1", c = "_slideToBottom_1pn1d_1", i = "_md_fail_1pn1d_129", m = "_md_caution_1pn1d_139", l = "_md_success_1pn1d_149", a = {
+  notice: o,
+  slideDown: d,
+  defaultNotice: t,
+  fadeOut: _,
+  slideUpFade: e,
+  mdNotice: s,
+  slideFromBottom: n,
+  slideToBottom: c,
+  md_fail: i,
+  md_caution: m,
+  md_success: l
+};
+export {
+  a as default,
+  t as defaultNotice,
+  _ as fadeOut,
+  s as mdNotice,
+  m as md_caution,
+  i as md_fail,
+  l as md_success,
+  o as notice,
+  d as slideDown,
+  n as slideFromBottom,
+  c as slideToBottom,
+  e as slideUpFade
+};

package/dist/component/TNotice/index.js

@@ -0,0 +1,3 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react"),e=require("prop-types"),s=require("./TNotice.module.css.js");function n({type:u="success",icon:o,message:d,variant:t="default",onClose:c,duration:r=3e3}){return a.useEffect(()=>{const m=setTimeout(c,r);return()=>clearTimeout(m)},[c,r]),i.jsxs("div",{className:`${s.default.notice}
+      ${t==="md"?s.default.mdNotice:s.default.defaultNotice}
+      ${t==="md"?s.default[`md_${u}`]:""}`,children:[t!=="md"&&i.jsx("img",{src:o,alt:u}),i.jsx("span",{children:d})]})}n.propTypes={type:e.oneOf(["success","fail","caution"]),icon:e.string.isRequired,message:e.string.isRequired,variant:e.oneOf(["default","md"]),onClose:e.func.isRequired,duration:e.number};module.exports=n;

package/dist/component/TNotice/index.mjs

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as m } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import e from "prop-types";
+import s from "./TNotice.module.css.mjs";
+function a({
+  type: t = "success",
+  icon: c,
+  message: u,
+  variant: i = "default",
+  onClose: r,
+  duration: o = 3e3
+}) {
+  return f(() => {
+    const d = setTimeout(r, o);
+    return () => clearTimeout(d);
+  }, [r, o]), /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${s.notice}
+      ${i === "md" ? s.mdNotice : s.defaultNotice}
+      ${i === "md" ? s[`md_${t}`] : ""}`,
+      children: [
+        i !== "md" && /* @__PURE__ */ m("img", { src: c, alt: t }),
+        /* @__PURE__ */ m("span", { children: u })
+      ]
+    }
+  );
+}
+a.propTypes = {
+  type: e.oneOf(["success", "fail", "caution"]),
+  icon: e.string.isRequired,
+  message: e.string.isRequired,
+  variant: e.oneOf(["default", "md"]),
+  onClose: e.func.isRequired,
+  duration: e.number
+};
+export {
+  a as default
+};

package/dist/component/TNotice/useNotice.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const t=require("./NoticeProvider.js");function i(){const{add:c}=t.useNoticeContext();return{success:e=>c("success",e),fail:e=>c("fail",e),caution:e=>c("caution",e),md:{success:e=>c("success",e,"md"),fail:e=>c("fail",e,"md"),caution:e=>c("caution",e,"md")}}}exports.useNotice=i;

package/dist/component/TNotice/useNotice.mjs

@@ -0,0 +1,18 @@
+import "react";
+import { useNoticeContext as t } from "./NoticeProvider.mjs";
+function u() {
+  const { add: s } = t();
+  return {
+    success: (c) => s("success", c),
+    fail: (c) => s("fail", c),
+    caution: (c) => s("caution", c),
+    md: {
+      success: (c) => s("success", c, "md"),
+      fail: (c) => s("fail", c, "md"),
+      caution: (c) => s("caution", c, "md")
+    }
+  };
+}
+export {
+  u as useNotice
+};

package/dist/component/TSearch/TSearch.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_searchContainer_1mhm8_1",s="_searchInput_1mhm8_11",t="_searchInput_small_1mhm8_55",a="_searchInput_medium_1mhm8_67",n="_searchInput_large_1mhm8_77",r="_searchInput_huge_1mhm8_89",h="_searchInputDisabled_1mhm8_101",c="_searchButton_1mhm8_117",u={searchContainer:e,searchInput:s,searchInput_small:t,searchInput_medium:a,searchInput_large:n,searchInput_huge:r,searchInputDisabled:h,searchButton:c};exports.default=u;exports.searchButton=c;exports.searchContainer=e;exports.searchInput=s;exports.searchInputDisabled=h;exports.searchInput_huge=r;exports.searchInput_large=n;exports.searchInput_medium=a;exports.searchInput_small=t;

package/dist/component/TSearch/TSearch.module.css.mjs

@@ -0,0 +1,21 @@
+const e = "_searchContainer_1mhm8_1", s = "_searchInput_1mhm8_11", t = "_searchInput_small_1mhm8_55", a = "_searchInput_medium_1mhm8_67", n = "_searchInput_large_1mhm8_77", _ = "_searchInput_huge_1mhm8_89", h = "_searchInputDisabled_1mhm8_101", c = "_searchButton_1mhm8_117", r = {
+  searchContainer: e,
+  searchInput: s,
+  searchInput_small: t,
+  searchInput_medium: a,
+  searchInput_large: n,
+  searchInput_huge: _,
+  searchInputDisabled: h,
+  searchButton: c
+};
+export {
+  r as default,
+  c as searchButton,
+  e as searchContainer,
+  s as searchInput,
+  h as searchInputDisabled,
+  _ as searchInput_huge,
+  n as searchInput_large,
+  a as searchInput_medium,
+  t as searchInput_small
+};

package/dist/component/TSearch/index.js

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),N=require("react"),e=require("prop-types"),t=require("./TSearch.module.css.js"),C=require("../CSSFab/useTangoStyle.js"),$=require("../TButton/index.js");function c(d){const{size:h="medium",sx:a={},style:m={},className:p="",onSearch:r=()=>{},value:n,defaultValue:y="",disabled:o=!1,placeholder:f="请输入内容",path:u="",btnText:g="搜索",btnStyles:x={}}=d,i=N.useRef(null),S=typeof a=="object"?a:{},b=C.useTangoStyle(S),v=typeof a=="string"?a:"",s=n!==void 0&&r!==void 0,T=`${t.default.searchInput} ${t.default[`searchInput_${h}`]} ${o?t.default.searchInputDisabled:""} ${v} ${p}`,j={...b,...m};return l.jsxs("div",{className:t.default.searchContainer,children:[l.jsx("input",{className:T,style:j,ref:s?void 0:i,onKeyDown:q=>q.key==="Enter"&&r(s?n:i.current.value),value:s?n:void 0,defaultValue:s?void 0:y,disabled:o,placeholder:f}),l.jsx($,{className:t.default.searchButton,onClick:()=>r(s?n:i.current.value),style:x,size:"small",disabled:o,children:u?l.jsx("img",{src:u,alt:"search-icon",style:{width:16,height:16,marginTop:2,marginBottom:-3}}):g})]})}c.propTypes={size:e.oneOf(["small","medium","large","huge"]),sx:e.oneOfType([e.object,e.string]),style:e.object,onSearch:e.func.isRequired,className:e.string,value:e.string,defaultValue:e.string,disabled:e.bool,placeholder:e.string,path:e.string,btnText:e.string};module.exports=c;

package/dist/component/TSearch/index.mjs

@@ -0,0 +1,72 @@
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import e from "prop-types";
+import s from "./TSearch.module.css.mjs";
+import { useTangoStyle as $ } from "../CSSFab/useTangoStyle.mjs";
+import j from "../TButton/index.mjs";
+function w(u) {
+  const {
+    size: m = "medium",
+    sx: o = {},
+    style: p = {},
+    className: d = "",
+    onSearch: l = () => {
+    },
+    value: a,
+    defaultValue: f = "",
+    disabled: r = !1,
+    placeholder: y = "请输入内容",
+    path: c = "",
+    btnText: h = "搜索",
+    btnStyles: g = {}
+  } = u, n = C(null), S = $(typeof o == "object" ? o : {}), b = typeof o == "string" ? o : "", t = a !== void 0 && l !== void 0, v = `${s.searchInput} ${s[`searchInput_${m}`]} ${r ? s.searchInputDisabled : ""} ${b} ${d}`, x = { ...S, ...p };
+  return /* @__PURE__ */ T("div", { className: s.searchContainer, children: [
+    /* @__PURE__ */ i(
+      "input",
+      {
+        className: v,
+        style: x,
+        ref: t ? void 0 : n,
+        onKeyDown: (N) => N.key === "Enter" && l(t ? a : n.current.value),
+        value: t ? a : void 0,
+        defaultValue: t ? void 0 : f,
+        disabled: r,
+        placeholder: y
+      }
+    ),
+    /* @__PURE__ */ i(
+      j,
+      {
+        className: s.searchButton,
+        onClick: () => l(t ? a : n.current.value),
+        style: g,
+        size: "small",
+        disabled: r,
+        children: c ? /* @__PURE__ */ i(
+          "img",
+          {
+            src: c,
+            alt: "search-icon",
+            style: { width: 16, height: 16, marginTop: 2, marginBottom: -3 }
+          }
+        ) : h
+      }
+    )
+  ] });
+}
+w.propTypes = {
+  size: e.oneOf(["small", "medium", "large", "huge"]),
+  sx: e.oneOfType([e.object, e.string]),
+  style: e.object,
+  onSearch: e.func.isRequired,
+  className: e.string,
+  value: e.string,
+  defaultValue: e.string,
+  disabled: e.bool,
+  placeholder: e.string,
+  path: e.string,
+  btnText: e.string
+};
+export {
+  w as default
+};

package/dist/component/TSpace/TSpace.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_space_15nmk_1",_="_space_default_15nmk_3",a="_space_inline_15nmk_17",c="_space_fixed_15nmk_25",s="_space_absolute_15nmk_33",l="_space_relative_15nmk_41",p="_space_circle_15nmk_49",t="_space_triangle_15nmk_57",n="_space_halfCircle_15nmk_73",i={space:e,space_default:_,space_inline:a,space_fixed:c,space_absolute:s,space_relative:l,space_circle:p,space_triangle:t,space_halfCircle:n};exports.default=i;exports.space=e;exports.space_absolute=s;exports.space_circle=p;exports.space_default=_;exports.space_fixed=c;exports.space_halfCircle=n;exports.space_inline=a;exports.space_relative=l;exports.space_triangle=t;

package/dist/component/TSpace/TSpace.module.css.mjs

@@ -0,0 +1,23 @@
+const e = "_space_15nmk_1", _ = "_space_default_15nmk_3", c = "_space_inline_15nmk_17", a = "_space_fixed_15nmk_25", s = "_space_absolute_15nmk_33", n = "_space_relative_15nmk_41", p = "_space_circle_15nmk_49", l = "_space_triangle_15nmk_57", t = "_space_halfCircle_15nmk_73", i = {
+  space: e,
+  space_default: _,
+  space_inline: c,
+  space_fixed: a,
+  space_absolute: s,
+  space_relative: n,
+  space_circle: p,
+  space_triangle: l,
+  space_halfCircle: t
+};
+export {
+  i as default,
+  e as space,
+  s as space_absolute,
+  p as space_circle,
+  _ as space_default,
+  a as space_fixed,
+  t as space_halfCircle,
+  c as space_inline,
+  n as space_relative,
+  l as space_triangle
+};

package/dist/component/TSpace/index.js

@@ -0,0 +1 @@
+"use strict";const S=require("react/jsx-runtime");require("react");const e=require("prop-types"),t=require("./TSpace.module.css.js"),m=require("../CSSFab/useTangoStyle.js");function c(n,l){const{sx:s={},style:o={},className:r="",onClick:i,children:a,type:u="default"}=n,y=typeof s=="object"?s:{},p=m.useTangoStyle(y),d=typeof s=="string"?s:"",f={...p,...o},x=`${d} ${t.default.space} ${t.default[`space_${u}`]||""} ${r}`;return S.jsx("div",{ref:l,style:f,onClick:i,className:x,children:a})}c.propTypes={type:e.oneOf(["default","inline","circle","triangle","halfCircle","fixed","absolute","relative"]),sx:e.oneOfType([e.string,e.object]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired};module.exports=c;

package/dist/component/TSpace/index.mjs

@@ -0,0 +1,45 @@
+import { jsx as u } from "react/jsx-runtime";
+import "react";
+import e from "prop-types";
+import s from "./TSpace.module.css.mjs";
+import { useTangoStyle as d } from "../CSSFab/useTangoStyle.mjs";
+function x(o, l) {
+  const {
+    sx: t = {},
+    style: r = {},
+    className: c = "",
+    onClick: n,
+    children: i,
+    type: a = "default"
+  } = o, p = d(typeof t == "object" ? t : {}), y = typeof t == "string" ? t : "", f = { ...p, ...r }, m = `${y} ${s.space} ${s[`space_${a}`] || ""} ${c}`;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: l,
+      style: f,
+      onClick: n,
+      className: m,
+      children: i
+    }
+  );
+}
+x.propTypes = {
+  type: e.oneOf([
+    "default",
+    "inline",
+    "circle",
+    "triangle",
+    "halfCircle",
+    "fixed",
+    "absolute",
+    "relative"
+  ]),
+  sx: e.oneOfType([e.string, e.object]),
+  style: e.object,
+  onClick: e.func,
+  className: e.string,
+  children: e.node.isRequired
+};
+export {
+  x as default
+};

package/dist/component/TTable/TTable.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_wrapper_1g73i_1",t="_table_1g73i_33",a="_thead_1g73i_51",l="_tableHeader_1g73i_83",_="_headerContent_1g73i_147",n="_tableRow_1g73i_159",o="_tableCell_1g73i_187",r="_cellContent_1g73i_255",b="_empty_1g73i_267",c="_emptyState_1g73i_279",p={wrapper:e,table:t,thead:a,tableHeader:l,headerContent:_,tableRow:n,tableCell:o,cellContent:r,empty:b,emptyState:c};exports.cellContent=r;exports.default=p;exports.empty=b;exports.emptyState=c;exports.headerContent=_;exports.table=t;exports.tableCell=o;exports.tableHeader=l;exports.tableRow=n;exports.thead=a;exports.wrapper=e;

package/dist/component/TTable/TTable.module.css.mjs

@@ -0,0 +1,25 @@
+const e = "_wrapper_1g73i_1", t = "_table_1g73i_33", _ = "_thead_1g73i_51", a = "_tableHeader_1g73i_83", l = "_headerContent_1g73i_147", n = "_tableRow_1g73i_159", o = "_tableCell_1g73i_187", c = "_cellContent_1g73i_255", s = "_empty_1g73i_267", p = "_emptyState_1g73i_279", r = {
+  wrapper: e,
+  table: t,
+  thead: _,
+  tableHeader: a,
+  headerContent: l,
+  tableRow: n,
+  tableCell: o,
+  cellContent: c,
+  empty: s,
+  emptyState: p
+};
+export {
+  c as cellContent,
+  r as default,
+  s as empty,
+  p as emptyState,
+  l as headerContent,
+  t as table,
+  o as tableCell,
+  a as tableHeader,
+  n as tableRow,
+  _ as thead,
+  e as wrapper
+};

package/dist/component/TTable/index.js

@@ -0,0 +1,7 @@
+"use strict";const a=require("react/jsx-runtime");require("react");const t=require("prop-types"),i=require("./TTable.module.css.js");function g({dataSource:m=[],columns:x,className:b="",tableWapperStyles:j={},tableWrapperClassName:N="",containerStyles:$={},containerClassName:C="",theadStyles:v={},theadClassName:R="",trStyles:q={},trClassName:T="",rowClassName:c=()=>"",rowStyle:f=()=>({}),cellClassName:h=()=>"",cellStyle:y=()=>({}),hoverColor:o="",hide:u=[]}){const k=Array.isArray(u)?u:typeof u=="string"?[u]:[],p=x.filter(e=>!e.hide&&!k.includes(e.dataIndex)),O=(e,s,n)=>typeof f=="function"?f(e,s,n):f||{},A=(e,s,n,r,d,l)=>typeof y=="function"?y(e,s,n,r,d,l):y||{},P=(e,s,n)=>typeof c=="function"?c(e,s,n):c||"",S=(e,s,n,r,d,l)=>typeof h=="function"?h(e,s,n,r,d,l):h||"";return a.jsxs("div",{className:`${i.default.wrapper} ${b} ${N}`,style:{overflow:"hidden",borderRadius:"12px",boxShadow:"0 0 20px rgba(0, 0, 0, 0.08)",...j},children:[o&&a.jsx("style",{children:`
+          .${i.default.table} tbody tr:hover {
+            background-color: ${o} !important;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+          }
+        `}),a.jsxs("table",{className:`${i.default.table} ${C}`,style:$,children:[a.jsx("thead",{className:`${i.default.thead} ${R}`,style:v,children:a.jsx("tr",{className:T,style:q,children:p.map(e=>a.jsx("th",{style:e.width?{width:e.width}:{},className:i.default.tableHeader,children:a.jsx("div",{className:i.default.headerContent,children:e.title})},e.key||e.dataIndex))})}),a.jsx("tbody",{children:m.length===0?a.jsx("tr",{children:a.jsx("td",{colSpan:p.length,className:i.default.empty,children:a.jsx("div",{className:i.default.emptyState,children:a.jsx("div",{children:"暂无数据"})})})}):m.map((e,s)=>{const n=s%2===0?"even":"odd";return a.jsx("tr",{className:`${i.default.tableRow} ${P(e,s,n)}`,style:O(e,s,n),children:p.map((r,d)=>{const l=d%2===0?"even":"odd";return a.jsx("td",{className:`${i.default.tableCell} ${S(e,r,s,d,n,l)}`,style:{...r.width?{width:r.width}:{},...A(e,r,s,d,n,l)},children:a.jsx("div",{className:i.default.cellContent,children:r.render?r.render(e[r.dataIndex],e,s):e[r.dataIndex]})},r.key||r.dataIndex||d)})},e.key||s)})})]})]})}g.propTypes={dataSource:t.array.isRequired,columns:t.arrayOf(t.shape({title:t.string.isRequired,dataIndex:t.string.isRequired,key:t.oneOfType([t.string,t.number]),render:t.func})).isRequired,className:t.string,tableWrapperClassName:t.string,containerClassName:t.string,theadClassName:t.string,trClassName:t.string,rowClassName:t.func,rowStyle:t.func,cellClassName:t.func,cellStyle:t.func,hoverColor:t.string,hide:t.oneOfType([t.arrayOf(t.string),t.string])};module.exports=g;