tango-ui-cw 0.9.2 → 0.9.4

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

@@ -0,0 +1,35 @@
+const n = "_banner_1j6sa_1", a = "_infoIcon_1j6sa_33", o = "_info_1j6sa_33", s = "_closeIcon_1j6sa_61", l = "_smallBanner_1j6sa_89", _ = "_smallInfo_1j6sa_119", e = "_smallInfoIcon_1j6sa_135", r = "_smallCloseIcon_1j6sa_145", c = "_largeBanner_1j6sa_163", I = "_largeInfoIcon_1j6sa_193", f = "_largeInfo_1j6sa_193", t = "_largeCloseIcon_1j6sa_223", g = "_smallInfoTransparent_1j6sa_235", j = "_largeInfoTransparent_1j6sa_237", m = "_infoTransparent_1j6sa_239", p = {
+  banner: n,
+  infoIcon: a,
+  info: o,
+  closeIcon: s,
+  smallBanner: l,
+  smallInfo: _,
+  smallInfoIcon: e,
+  smallCloseIcon: r,
+  largeBanner: c,
+  largeInfoIcon: I,
+  largeInfo: f,
+  largeCloseIcon: t,
+  smallInfoTransparent: g,
+  largeInfoTransparent: j,
+  infoTransparent: m
+};
+export {
+  n as banner,
+  s as closeIcon,
+  p as default,
+  o as info,
+  a as infoIcon,
+  m as infoTransparent,
+  c as largeBanner,
+  t as largeCloseIcon,
+  f as largeInfo,
+  I as largeInfoIcon,
+  j as largeInfoTransparent,
+  l as smallBanner,
+  r as smallCloseIcon,
+  _ as smallInfo,
+  e as smallInfoIcon,
+  g as smallInfoTransparent
+};

package/dist/component/TBanner/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require("react");const r=require("./TBanner.module.css.js"),u=require("../TButton/index.js");function $(f){const{children:g="banner",onCancel:c=()=>{},onAction:p=()=>{},size:l="normal",cancelText:h="Cancel",actionText:x="Action",level:o="info",transparent:s=!1,bannerBgColor:C="",bannerBorderColor:w="",bannerIconColor:t=""}=f,m=()=>{switch(l){case"small":return r.default.smallBanner;case"large":return r.default.largeBanner;default:return r.default.banner}},n=()=>{switch(l){case"small":return r.default.smallInfoIcon;case"large":return r.default.largeInfoIcon;default:return r.default.infoIcon}},i=()=>{switch(l){case"small":return r.default.smallCloseIcon;case"large":return r.default.largeCloseIcon;default:return r.default.closeIcon}},v=()=>{switch(l){case"small":return`${s===!0?r.default.smallInfoTransparent:r.default.smallInfo}`;case"large":return`${s===!0?r.default.largeInfoTransparent:r.default.largeInfo}`;default:return`${s===!0?r.default.infoTransparent:r.default.info}`}},a=(()=>{switch(o){case"success":return{backgroundColor:`${s===!0?"transparent":"rgba(14, 43, 32, 0.8)"}`,borderColor:"#3cc29a",iconColor:`${t}`||"#3cc29a"};case"warning":return{backgroundColor:`${s===!0?"transparent":"rgba(121, 78, 8, 0.8)"}`,borderColor:"#ffcc00",iconColor:`${t}`||"#ff9900"};case"error":return{backgroundColor:`${s===!0?"transparent":"rgba(73, 20, 18,0.8)"}`,borderColor:"#ff6666",iconColor:`${t}`||"#ff3333"};case"info":default:return{backgroundColor:`${s===!0?"transparent":"rgba(18, 62, 116, 0.8)"}`,borderColor:"#64b4fa",iconColor:`${t}`||"#64b4fa"}}})(),b=e.jsxs("svg",{t:"1765636638756",className:n(),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"5548",width:"200",height:"200",children:[e.jsx("path",{d:"M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z",fill:a.iconColor,"p-id":"5549"}),e.jsx("path",{d:"M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z",fill:a.iconColor,"p-id":"5550"}),e.jsx("path",{d:"M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",fill:a.iconColor,"p-id":"5551"})]}),j=e.jsxs("svg",{t:"1766541516754",className:n(),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"7130",width:"200",height:"200",children:[e.jsx("path",{d:"M869.472578 920.128281 154.906046 920.128281c-31.943526 0-60.545958-16.517185-76.514651-44.181245-15.968693-27.666106-15.96153-60.696384 0.016373-88.355327l357.283266-618.47194c15.971763-27.647687 44.568055-44.152593 76.496232-44.152593 31.930223-0.001023 60.527538 16.504906 76.499301 44.151569l357.283266 618.472963c15.977903 27.659967 15.984043 60.689221 0.017396 88.355327C930.018535 903.611096 901.416104 920.128281 869.472578 920.128281zM512.187265 169.139212c-15.962553 0-30.261211 8.251941-38.247092 22.075785l0 0L116.65793 809.686936c-7.989975 13.829983-7.993045 30.345122-0.008186 44.179199 7.983835 13.83203 22.285562 22.090111 38.257326 22.090111l714.566532 0c15.971763 0 30.273491-8.258081 38.256302-22.090111 7.984858-13.83203 7.980765-30.349215-0.008186-44.179199L550.437427 191.213973C542.452569 177.391153 528.152888 169.138188 512.187265 169.139212z",fill:"#f2990a","p-id":"7131"}),e.jsx("path",{d:"M513.732457 621.119233c-18.296715 0-33.257451-14.832823-33.257451-33.129538L480.475006 331.789639c0-18.296715 14.960737-33.129538 33.257451-33.129538 18.296715 0 33.257451 14.832823 33.257451 33.129538l0 256.200056C546.989909 606.28641 532.029172 621.119233 513.732457 621.119233z",fill:"#f2990a","p-id":"7132"}),e.jsx("path",{d:"M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z",fill:"#f2990a","p-id":"7133"})]}),I=e.jsx("svg",{t:"1766542188417",className:n(),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"10967",width:"200",height:"200",children:e.jsx("path",{d:"M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z",fill:"#f94c60","p-id":"10968"})}),L=e.jsxs("svg",{t:"1766542714832",className:n(),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"13471",width:"200",height:"200",children:[e.jsx("path",{d:"M512.3 961.3c-247.1 0-448.1-201-448.1-448.1s201-448.1 448.1-448.1 448.1 201 448.1 448.1-201 448.1-448.1 448.1z m0-849.7c-221.4 0-401.6 180.2-401.6 401.6s180.2 401.6 401.6 401.6 401.6-180.2 401.6-401.6-180.2-401.6-401.6-401.6z",fill:"#31d9a7","p-id":"13472"}),e.jsx("path",{d:"M441.2 676c-16.4 0-32.7-5.8-45.5-17.4l-151.3-138c-9.5-8.6-10.2-23.3-1.5-32.8 8.6-9.5 23.3-10.2 32.8-1.5L427 624.2c7.6 6.9 20.8 6.9 28.4 0l293.5-267.5c9.5-8.6 24.2-8 32.8 1.5 8.6 9.5 8 24.2-1.5 32.8L486.7 658.5c-12.8 11.7-29.1 17.5-45.5 17.5z",fill:"#31d9a7","p-id":"13473"})]}),B=e.jsx("svg",{t:"1765636877672",className:i(),viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"6359",width:"200",height:"200",children:e.jsx("path",{d:"M558.8 509.2l302.8-302.8c3.1-3.1 3.1-8.1 0-11.2l-30.8-30.8c-3.1-3.1-8.1-3.1-11.2 0L516.8 467.2c-1.5 1.5-4.1 1.5-5.6 0L208.3 164.3c-3.1-3.1-8.1-3.1-11.2 0l-30.8 30.8c-3.1 3.1-3.1 8.1 0 11.2l302.8 302.8c1.5 1.5 1.5 4.1 0 5.6l-302.8 303c-3.1 3.1-3.1 8.1 0 11.2l30.8 30.8c3.1 3.1 8.1 3.1 11.2 0l302.8-302.8c1.5-1.5 4.1-1.5 5.6 0l302.8 302.8c3.1 3.1 8.1 3.1 11.2 0l30.8-30.8c3.1-3.1 3.1-8.1 0-11.2L558.8 514.8c-1.5-1.5-1.5-4.1 0-5.6z",fill:"#ffffff","p-id":"6360"})}),z=()=>{switch(o){case"success":return L;case"warning":return j;case"error":return I;case"info":default:return b}},d=()=>{switch(l){case"small":return"0.8rem";case"large":return"1.2rem";default:return"1rem"}},M=()=>{switch(l){case"small":return"8px";case"large":return"12px";default:return"10px"}};return e.jsxs("div",{className:m(),style:{backgroundColor:C||a.backgroundColor,borderColor:w||a.borderColor},children:[e.jsx("div",{className:n(),children:z()}),e.jsx("div",{className:v(),children:g}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",flex:1,gap:M()},children:[e.jsx(u,{type:"transparent",sx:{c:`${s===!0?"gray":"#e9e9e9"}`,br:d(),bColor:"transparent",s:l==="small"?"14px":l==="large"?"18px":"16px"},onClick:c,size:l,children:h}),e.jsx(u,{type:"transparent",sx:{c:`${s===!0?"gray":"#e9e9e9"}`,br:d(),b:1,bColor:"#797979",s:l==="small"?"14px":l==="large"?"18px":"16px"},onClick:p,size:l,children:x}),e.jsx("div",{className:i(),onClick:c,children:B})]})]})}module.exports=$;

package/dist/component/TBanner/index.mjs

@@ -0,0 +1,340 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import "react";
+import e from "./TBanner.module.css.mjs";
+import f from "../TButton/index.mjs";
+function j(p) {
+  const {
+    children: u = "banner",
+    onCancel: s = () => {
+    },
+    onAction: h = () => {
+    },
+    size: l = "normal",
+    cancelText: C = "Cancel",
+    actionText: m = "Action",
+    level: i = "info",
+    // success,info, warning, error 四种形态（颜色）
+    transparent: n = !1,
+    bannerBgColor: w = "",
+    // 自定义banner背景颜色
+    bannerBorderColor: v = "",
+    // 自定义banner边框颜色
+    bannerIconColor: t = ""
+    // 自定义banner Icon颜色
+  } = p, x = () => {
+    switch (l) {
+      case "small":
+        return e.smallBanner;
+      case "large":
+        return e.largeBanner;
+      default:
+        return e.banner;
+    }
+  }, a = () => {
+    switch (l) {
+      case "small":
+        return e.smallInfoIcon;
+      case "large":
+        return e.largeInfoIcon;
+      default:
+        return e.infoIcon;
+    }
+  }, d = () => {
+    switch (l) {
+      case "small":
+        return e.smallCloseIcon;
+      case "large":
+        return e.largeCloseIcon;
+      default:
+        return e.closeIcon;
+    }
+  }, b = () => {
+    switch (l) {
+      case "small":
+        return `${n === !0 ? e.smallInfoTransparent : e.smallInfo}`;
+      case "large":
+        return `${n === !0 ? e.largeInfoTransparent : e.largeInfo}`;
+      default:
+        return `${n === !0 ? e.infoTransparent : e.info}`;
+    }
+  }, o = (() => {
+    switch (i) {
+      case "success":
+        return {
+          backgroundColor: `${n === !0 ? "transparent" : "rgba(14, 43, 32, 0.8)"}`,
+          // 绿色背景
+          borderColor: "#3cc29a",
+          // 亮橙色边框
+          iconColor: `${t}` || "#3cc29a"
+          // 图标颜色
+        };
+      case "warning":
+        return {
+          backgroundColor: `${n === !0 ? "transparent" : "rgba(121, 78, 8, 0.8)"}`,
+          // 橙色背景
+          borderColor: "#ffcc00",
+          // 亮橙色边框
+          iconColor: `${t}` || "#ff9900"
+          // 图标颜色
+        };
+      case "error":
+        return {
+          backgroundColor: `${n === !0 ? "transparent" : "rgba(73, 20, 18,0.8)"}`,
+          // 红色背景
+          borderColor: "#ff6666",
+          // 亮红色边框
+          iconColor: `${t}` || "#ff3333"
+          // 图标颜色
+        };
+      case "info":
+      default:
+        return {
+          backgroundColor: `${n === !0 ? "transparent" : "rgba(18, 62, 116, 0.8)"}`,
+          // 默认蓝色背景
+          borderColor: "#64b4fa",
+          // 蓝色边框
+          iconColor: `${t}` || "#64b4fa"
+          // 图标颜色
+        };
+    }
+  })(), I = /* @__PURE__ */ c(
+    "svg",
+    {
+      t: "1765636638756",
+      className: a(),
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "5548",
+      width: "200",
+      height: "200",
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z",
+            fill: o.iconColor,
+            "p-id": "5549"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z",
+            fill: o.iconColor,
+            "p-id": "5550"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+            fill: o.iconColor,
+            "p-id": "5551"
+          }
+        )
+      ]
+    }
+  ), L = /* @__PURE__ */ c(
+    "svg",
+    {
+      t: "1766541516754",
+      className: a(),
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "7130",
+      width: "200",
+      height: "200",
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M869.472578 920.128281 154.906046 920.128281c-31.943526 0-60.545958-16.517185-76.514651-44.181245-15.968693-27.666106-15.96153-60.696384 0.016373-88.355327l357.283266-618.47194c15.971763-27.647687 44.568055-44.152593 76.496232-44.152593 31.930223-0.001023 60.527538 16.504906 76.499301 44.151569l357.283266 618.472963c15.977903 27.659967 15.984043 60.689221 0.017396 88.355327C930.018535 903.611096 901.416104 920.128281 869.472578 920.128281zM512.187265 169.139212c-15.962553 0-30.261211 8.251941-38.247092 22.075785l0 0L116.65793 809.686936c-7.989975 13.829983-7.993045 30.345122-0.008186 44.179199 7.983835 13.83203 22.285562 22.090111 38.257326 22.090111l714.566532 0c15.971763 0 30.273491-8.258081 38.256302-22.090111 7.984858-13.83203 7.980765-30.349215-0.008186-44.179199L550.437427 191.213973C542.452569 177.391153 528.152888 169.138188 512.187265 169.139212z",
+            fill: "#f2990a",
+            "p-id": "7131"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M513.732457 621.119233c-18.296715 0-33.257451-14.832823-33.257451-33.129538L480.475006 331.789639c0-18.296715 14.960737-33.129538 33.257451-33.129538 18.296715 0 33.257451 14.832823 33.257451 33.129538l0 256.200056C546.989909 606.28641 532.029172 621.119233 513.732457 621.119233z",
+            fill: "#f2990a",
+            "p-id": "7132"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M513.686409 737.619574m-49.991578 0a48.853 48.853 0 1 0 99.983155 0 48.853 48.853 0 1 0-99.983155 0Z",
+            fill: "#f2990a",
+            "p-id": "7133"
+          }
+        )
+      ]
+    }
+  ), B = /* @__PURE__ */ r(
+    "svg",
+    {
+      t: "1766542188417",
+      className: a(),
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "10967",
+      width: "200",
+      height: "200",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M85.333333 512C85.333333 276.352 276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512z m683.093334-256.426667a358.954667 358.954667 0 0 0-122.922667-80.768A359.466667 359.466667 0 0 0 512 149.333333c-46.08 0-90.624 8.490667-133.504 25.472A358.954667 358.954667 0 0 0 255.573333 255.573333c-35.413333 35.413333-62.336 76.373333-80.768 122.922667A359.466667 359.466667 0 0 0 149.333333 512c0 46.08 8.490667 90.624 25.472 133.504A358.954667 358.954667 0 0 0 255.573333 768.426667c35.413333 35.413333 76.373333 62.336 122.922667 80.768A359.466667 359.466667 0 0 0 512 874.666667c46.08 0 90.624-8.490667 133.504-25.472a358.954667 358.954667 0 0 0 122.922667-80.768c35.413333-35.413333 62.336-76.373333 80.768-122.922667A359.466667 359.466667 0 0 0 874.666667 512c0-46.08-8.490667-90.624-25.472-133.504A358.912 358.912 0 0 0 768.426667 255.573333zM338.517333 640.213333L466.773333 512 338.517333 383.786667l45.226667-45.226667L512 466.688l128.213333-128.213333 45.226667 45.226666L557.312 512l128.213333 128.213333-45.226666 45.226667L512 557.312l-128.213333 128.213333-45.226667-45.226666z",
+          fill: "#f94c60",
+          "p-id": "10968"
+        }
+      )
+    }
+  ), z = /* @__PURE__ */ c(
+    "svg",
+    {
+      t: "1766542714832",
+      className: a(),
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "13471",
+      width: "200",
+      height: "200",
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M512.3 961.3c-247.1 0-448.1-201-448.1-448.1s201-448.1 448.1-448.1 448.1 201 448.1 448.1-201 448.1-448.1 448.1z m0-849.7c-221.4 0-401.6 180.2-401.6 401.6s180.2 401.6 401.6 401.6 401.6-180.2 401.6-401.6-180.2-401.6-401.6-401.6z",
+            fill: "#31d9a7",
+            "p-id": "13472"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M441.2 676c-16.4 0-32.7-5.8-45.5-17.4l-151.3-138c-9.5-8.6-10.2-23.3-1.5-32.8 8.6-9.5 23.3-10.2 32.8-1.5L427 624.2c7.6 6.9 20.8 6.9 28.4 0l293.5-267.5c9.5-8.6 24.2-8 32.8 1.5 8.6 9.5 8 24.2-1.5 32.8L486.7 658.5c-12.8 11.7-29.1 17.5-45.5 17.5z",
+            fill: "#31d9a7",
+            "p-id": "13473"
+          }
+        )
+      ]
+    }
+  ), M = /* @__PURE__ */ r(
+    "svg",
+    {
+      t: "1765636877672",
+      className: d(),
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "p-id": "6359",
+      width: "200",
+      height: "200",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M558.8 509.2l302.8-302.8c3.1-3.1 3.1-8.1 0-11.2l-30.8-30.8c-3.1-3.1-8.1-3.1-11.2 0L516.8 467.2c-1.5 1.5-4.1 1.5-5.6 0L208.3 164.3c-3.1-3.1-8.1-3.1-11.2 0l-30.8 30.8c-3.1 3.1-3.1 8.1 0 11.2l302.8 302.8c1.5 1.5 1.5 4.1 0 5.6l-302.8 303c-3.1 3.1-3.1 8.1 0 11.2l30.8 30.8c3.1 3.1 8.1 3.1 11.2 0l302.8-302.8c1.5-1.5 4.1-1.5 5.6 0l302.8 302.8c3.1 3.1 8.1 3.1 11.2 0l30.8-30.8c3.1-3.1 3.1-8.1 0-11.2L558.8 514.8c-1.5-1.5-1.5-4.1 0-5.6z",
+          fill: "#ffffff",
+          "p-id": "6360"
+        }
+      )
+    }
+  ), $ = () => {
+    switch (i) {
+      case "success":
+        return z;
+      case "warning":
+        return L;
+      case "error":
+        return B;
+      case "info":
+      default:
+        return I;
+    }
+  }, g = () => {
+    switch (l) {
+      case "small":
+        return "0.8rem";
+      case "large":
+        return "1.2rem";
+      default:
+        return "1rem";
+    }
+  }, k = () => {
+    switch (l) {
+      case "small":
+        return "8px";
+      case "large":
+        return "12px";
+      default:
+        return "10px";
+    }
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: x(),
+      style: {
+        backgroundColor: w || o.backgroundColor,
+        borderColor: v || o.borderColor
+      },
+      children: [
+        /* @__PURE__ */ r("div", { className: a(), children: $() }),
+        /* @__PURE__ */ r("div", { className: b(), children: u }),
+        /* @__PURE__ */ c(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-end",
+              flex: 1,
+              gap: k()
+            },
+            children: [
+              /* @__PURE__ */ r(
+                f,
+                {
+                  type: "transparent",
+                  sx: {
+                    c: `${n === !0 ? "gray" : "#e9e9e9"}`,
+                    br: g(),
+                    bColor: "transparent",
+                    s: l === "small" ? "14px" : l === "large" ? "18px" : "16px"
+                  },
+                  onClick: s,
+                  size: l,
+                  children: C
+                }
+              ),
+              /* @__PURE__ */ r(
+                f,
+                {
+                  type: "transparent",
+                  sx: {
+                    c: `${n === !0 ? "gray" : "#e9e9e9"}`,
+                    br: g(),
+                    b: 1,
+                    bColor: "#797979",
+                    s: l === "small" ? "14px" : l === "large" ? "18px" : "16px"
+                  },
+                  onClick: h,
+                  size: l,
+                  children: m
+                }
+              ),
+              /* @__PURE__ */ r("div", { className: d(), onClick: s, children: M })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_btn_1w9w4_5",t={btn:n,"btn-content":"_btn-content_1w9w4_1","btn-default":"_btn-default_1w9w4_45","btn-transparent":"_btn-transparent_1w9w4_63","btn-danger":"_btn-danger_1w9w4_81","btn-success":"_btn-success_1w9w4_101","btn-outline":"_btn-outline_1w9w4_121","btn-enu":"_btn-enu_1w9w4_205","btn-small":"_btn-small_1w9w4_351","btn-medium":"_btn-medium_1w9w4_361","btn-large":"_btn-large_1w9w4_371","btn-huge":"_btn-huge_1w9w4_381","btn-disabled":"_btn-disabled_1w9w4_391","btn-with-icon":"_btn-with-icon_1w9w4_417","btn-icon":"_btn-icon_1w9w4_433","btn-loading":"_btn-loading_1w9w4_507","btn-loading-icon":"_btn-loading-icon_1w9w4_517","btn-loading-spin":"_btn-loading-spin_1w9w4_527","btn-loading-light":"_btn-loading-light_1w9w4_631","btn-loading-dark":"_btn-loading-dark_1w9w4_639"};exports.btn=n;exports.default=t;

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

@@ -0,0 +1,26 @@
+const n = "_btn_1w9w4_5", t = {
+  btn: n,
+  "btn-content": "_btn-content_1w9w4_1",
+  "btn-default": "_btn-default_1w9w4_45",
+  "btn-transparent": "_btn-transparent_1w9w4_63",
+  "btn-danger": "_btn-danger_1w9w4_81",
+  "btn-success": "_btn-success_1w9w4_101",
+  "btn-outline": "_btn-outline_1w9w4_121",
+  "btn-enu": "_btn-enu_1w9w4_205",
+  "btn-small": "_btn-small_1w9w4_351",
+  "btn-medium": "_btn-medium_1w9w4_361",
+  "btn-large": "_btn-large_1w9w4_371",
+  "btn-huge": "_btn-huge_1w9w4_381",
+  "btn-disabled": "_btn-disabled_1w9w4_391",
+  "btn-with-icon": "_btn-with-icon_1w9w4_417",
+  "btn-icon": "_btn-icon_1w9w4_433",
+  "btn-loading": "_btn-loading_1w9w4_507",
+  "btn-loading-icon": "_btn-loading-icon_1w9w4_517",
+  "btn-loading-spin": "_btn-loading-spin_1w9w4_527",
+  "btn-loading-light": "_btn-loading-light_1w9w4_631",
+  "btn-loading-dark": "_btn-loading-dark_1w9w4_639"
+};
+export {
+  n as btn,
+  t as default
+};

package/dist/component/TButton/index.js

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),t=require("./TButton.module.css.js"),P=require("../CSSFab/useTangoStyle.js");function y(b){const{type:x="default",size:d="medium",sx:a={},style:w={},className:$="",onClick:j=()=>{},children:N,disabled:u=!1,outline:S=!1,enu:k=!1,icon:l=null,iconPosition:T=null,loading:n=!1,...v}=b,z=typeof a=="object"?a:{},C=P.useTangoStyle(z),q=typeof a=="string"?a.split(/\s+/).map(s=>s.startsWith("!")?s:`!${s}`).join(" "):"",g=()=>{switch(d){case"small":return 12;case"medium":return 14;case"large":return 16;case"huge":return 20;default:return 14}},o=()=>n===!0||n==="light"||n==="dark"?!0:Array.isArray(n)&&n.length>0?n[0]===!0||n[0]==="light"||n[0]==="dark":!1,A=()=>n==="light"?"light":n==="dark"||n===!0||Array.isArray(n)&&n.length>=2&&n[1]==="dark"?"dark":"light",f=()=>{const s=g(),r=A()==="dark"?L:I;return c.cloneElement(r,{className:`${r.props.className} ${o()?t.default["btn-loading-spin"]:""}`,style:{width:`${s}px`,height:`${s}px`,...r.props.style}})},B=[...[t.default.btn,t.default[`btn-${x}`],t.default[`btn-${d}`],u&&t.default["btn-disabled"],S&&t.default["btn-outline"],k&&t.default["btn-enu"],(l||o())&&t.default["btn-with-icon"],o()&&t.default["btn-loading"]].filter(Boolean),q,$].filter(Boolean).join(" "),O={...C,...w};y.propTypes={type:e.oneOf(["default","transparent","danger","success"]),size:e.oneOf(["small","medium","large","huge"]),sx:e.oneOfType([e.object,e.string]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired,disabled:e.bool,outline:e.bool,enu:e.bool,icon:e.oneOfType([e.elementType,e.node,e.string]),iconPosition:e.string,loading:e.oneOfType([e.bool,e.oneOf(["light","dark"]),e.array])};const I=i.jsx("svg",{t:"1765518157795",className:`${t.default["btn-loading-icon"]} ${t.default["btn-loading-light"]}`,viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200",children:i.jsx("path",{d:"M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",fill:"#ffffff"})}),L=i.jsx("svg",{t:"1765518157795",className:`${t.default["btn-loading-icon"]} ${t.default["btn-loading-dark"]}`,viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200",children:i.jsx("path",{d:"M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",fill:"#2c2c2c"})}),h=()=>{if(!l)return null;const s=g();if(typeof l=="string")return i.jsx("img",{src:l,alt:"icon",className:t.default["btn-icon"],style:{width:`${s}px`,height:`${s}px`}});if(c.isValidElement(l))return c.cloneElement(l,{className:`${t.default["btn-icon"]} ${l.props.className||""}`,style:{width:`${s}px`,height:`${s}px`,...l.props.style}});const m=l;return i.jsx(m,{className:t.default["btn-icon"],style:{fontSize:`${s}px`,width:`${s}px`,height:`${s}px`}})},p=T||(l||o()?"left":null);return i.jsxs("button",{className:B,style:O,onClick:j,disabled:u||o(),...v,children:[p==="left"&&i.jsxs(i.Fragment,{children:[o()&&f(),!o()&&l&&h()]}),N,p==="right"&&i.jsxs(i.Fragment,{children:[o()&&f(),!o()&&l&&h()]})]})}module.exports=y;

package/dist/component/TButton/index.mjs

@@ -0,0 +1,185 @@
+import { jsxs as c, Fragment as y, jsx as r } from "react/jsx-runtime";
+import d from "react";
+import e from "prop-types";
+import t from "./TButton.module.css.mjs";
+import { useTangoStyle as E } from "../CSSFab/useTangoStyle.mjs";
+function M(b) {
+  const {
+    type: x = "default",
+    size: g = "medium",
+    sx: l = {},
+    style: w = {},
+    className: $ = "",
+    onClick: S = () => {
+    },
+    children: N,
+    disabled: u = !1,
+    outline: k = !1,
+    enu: v = !1,
+    icon: s = null,
+    iconPosition: T = null,
+    loading: n = !1,
+    ...z
+  } = b, C = E(typeof l == "object" ? l : {}), j = typeof l == "string" ? l.split(/\s+/).map((o) => o.startsWith("!") ? o : `!${o}`).join(" ") : "", p = () => {
+    switch (g) {
+      case "small":
+        return 12;
+      case "medium":
+        return 14;
+      case "large":
+        return 16;
+      case "huge":
+        return 20;
+      default:
+        return 14;
+    }
+  }, i = () => n === !0 || n === "light" || n === "dark" ? !0 : Array.isArray(n) && n.length > 0 ? n[0] === !0 || n[0] === "light" || n[0] === "dark" : !1, A = () => n === "light" ? "light" : n === "dark" || n === !0 || Array.isArray(n) && n.length >= 2 && n[1] === "dark" ? "dark" : "light", f = () => {
+    const o = p(), a = A() === "dark" ? L : B;
+    return d.cloneElement(a, {
+      className: `${a.props.className} ${i() ? t["btn-loading-spin"] : ""}`,
+      style: {
+        width: `${o}px`,
+        height: `${o}px`,
+        ...a.props.style
+      }
+    });
+  }, I = [...[
+    t.btn,
+    t[`btn-${x}`],
+    t[`btn-${g}`],
+    u && t["btn-disabled"],
+    k && t["btn-outline"],
+    v && t["btn-enu"],
+    (s || i()) && t["btn-with-icon"],
+    // 修改这里，loading 时也添加图标类
+    i() && t["btn-loading"]
+    // 添加 loading 状态类
+  ].filter(Boolean), j, $].filter(Boolean).join(" "), O = { ...C, ...w };
+  M.propTypes = {
+    type: e.oneOf(["default", "transparent", "danger", "success"]),
+    // 按钮类型:默认、透明、警告、成功
+    size: e.oneOf(["small", "medium", "large", "huge"]),
+    // 按钮大小
+    sx: e.oneOfType([e.object, e.string]),
+    // 自定义样式对象
+    style: e.object,
+    // 用户传入的 style 属性，保证style属性优先级最高
+    onClick: e.func,
+    // 点击事件
+    className: e.string,
+    // 添加 className PropTypes
+    children: e.node.isRequired,
+    // 按钮内容
+    disabled: e.bool,
+    // 是否禁用
+    outline: e.bool,
+    // 是否为轮廓按钮
+    enu: e.bool,
+    // 是否为新拟态风格按钮
+    icon: e.oneOfType([
+      e.elementType,
+      e.node,
+      e.string
+      // 允许传入字符串（图片路径）
+    ]),
+    iconPosition: e.string,
+    loading: e.oneOfType([
+      e.bool,
+      e.oneOf(["light", "dark"]),
+      e.array
+    ])
+  };
+  const B = /* @__PURE__ */ r(
+    "svg",
+    {
+      t: "1765518157795",
+      className: `${t["btn-loading-icon"]} ${t["btn-loading-light"]}`,
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "200",
+      height: "200",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",
+          fill: "#ffffff"
+        }
+      )
+    }
+  ), L = /* @__PURE__ */ r(
+    "svg",
+    {
+      t: "1765518157795",
+      className: `${t["btn-loading-icon"]} ${t["btn-loading-dark"]}`,
+      viewBox: "0 0 1024 1024",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "200",
+      height: "200",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M512 1024A512 512 0 0 1 0 512a32 32 0 0 1 64 0 448 448 0 0 0 896 0 32 32 0 0 1 64 0 512 512 0 0 1-512 512z",
+          fill: "#2c2c2c"
+        }
+      )
+    }
+  ), h = () => {
+    if (!s) return null;
+    const o = p();
+    return typeof s == "string" ? /* @__PURE__ */ r(
+      "img",
+      {
+        src: s,
+        alt: "icon",
+        className: t["btn-icon"],
+        style: {
+          width: `${o}px`,
+          height: `${o}px`
+        }
+      }
+    ) : d.isValidElement(s) ? d.cloneElement(s, {
+      className: `${t["btn-icon"]} ${s.props.className || ""}`,
+      style: {
+        width: `${o}px`,
+        height: `${o}px`,
+        ...s.props.style
+      }
+    }) : /* @__PURE__ */ r(
+      s,
+      {
+        className: t["btn-icon"],
+        style: {
+          fontSize: `${o}px`,
+          width: `${o}px`,
+          height: `${o}px`
+        }
+      }
+    );
+  }, m = T || (s || i() ? "left" : null);
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      className: I,
+      style: O,
+      onClick: S,
+      disabled: u || i(),
+      ...z,
+      children: [
+        m === "left" && /* @__PURE__ */ c(y, { children: [
+          i() && f(),
+          !i() && s && h()
+        ] }),
+        N,
+        m === "right" && /* @__PURE__ */ c(y, { children: [
+          i() && f(),
+          !i() && s && h()
+        ] })
+      ]
+    }
+  );
+}
+export {
+  M as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_colorPicker_4ql5w_1",r="_colorPickerDisabled_4ql5w_15",e="_colorPickerWrapper_4ql5w_23",c="_colorText_4ql5w_35",l={colorPicker:o,colorPickerDisabled:r,colorPickerWrapper:e,colorText:c};exports.colorPicker=o;exports.colorPickerDisabled=r;exports.colorPickerWrapper=e;exports.colorText=c;exports.default=l;

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

@@ -0,0 +1,13 @@
+const o = "_colorPicker_4ql5w_1", r = "_colorPickerDisabled_4ql5w_15", c = "_colorPickerWrapper_4ql5w_23", e = "_colorText_4ql5w_35", l = {
+  colorPicker: o,
+  colorPickerDisabled: r,
+  colorPickerWrapper: c,
+  colorText: e
+};
+export {
+  o as colorPicker,
+  r as colorPickerDisabled,
+  c as colorPickerWrapper,
+  e as colorText,
+  l as default
+};

package/dist/component/TColorPicker/index.js

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),j=require("react"),h=require("prop-types"),d=require("./TColorPicker.module.css.js");function f(g){const{disabled:p=!1,onChange:b=()=>{},showText:m=!1}=g,[i,k]=j.useState("#000000"),v=s=>{const e=s.target.value;k(e),b&&b(e)},C=`${d.default.colorPicker} ${p?d.default.colorPickerDisabled:""}`,T=s=>{const e=parseInt(s.slice(1,3),16),r=parseInt(s.slice(3,5),16),t=parseInt(s.slice(5,7),16);return`rgb(${e}, ${r}, ${t})`},$=s=>{let e=parseInt(s.slice(1,3),16)/255,r=parseInt(s.slice(3,5),16)/255,t=parseInt(s.slice(5,7),16)/255,o=Math.max(e,r,t),c=Math.min(e,r,t),l,u,x=(o+c)/2;if(o===c)l=u=0;else{let n=o-c;switch(u=x>.5?n/(2-o-c):n/(o+c),o){case e:l=(r-t)/n+(r<t?6:0);break;case r:l=(t-e)/n+2;break;case t:l=(e-r)/n+4;break}l/=6}return`hsl(${Math.round(l*360)}, ${Math.round(u*100)}%, ${Math.round(x*100)}%)`};return a.jsxs("div",{className:d.default.colorPickerWrapper,children:[a.jsx("input",{type:"color",value:i,onChange:v,className:C,disabled:p}),m&&a.jsxs("div",{className:d.default.colorText,children:[a.jsx("div",{children:i.toUpperCase()}),a.jsx("div",{children:T(i)}),a.jsx("div",{children:$(i)})]})]})}f.propTypes={disabled:h.bool,onChange:h.func,showText:h.bool};module.exports=f;