tango-ui-cw 0.9.2 → 0.9.3

package/dist/component/TColorPicker/index.mjs

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

package/dist/component/TDate/index.js

@@ -0,0 +1 @@
+"use strict";const p=require("react/jsx-runtime");require("react");const n=require("prop-types"),L=require("../CSSFab/useTangoStyle.js");function l(s){const{type:c="default",single:g=!1,sx:r={},style:d={},className:u="",en:a=!1,...m}=s||{},o=typeof r=="object"&&r!==null&&!Array.isArray(r),y=L.useTangoStyle(o?r:{}),S=[o?"":r,u].filter(Boolean).join(" "),$={...y,...d},f=h=>{const e=new Date;let t=a?"en-US":"zh-CN",i=e.toLocaleString(t,{weekday:"long"});switch(!a&&g&&(i=i.replace("星期","周")),h){case"line":return e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-");case"full":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"full-line":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"year-week":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})} ${i}`;case"year-week-line":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${i}`;case"week-time":return`${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"no-s":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit"})}`;case"no-s-line":return`${e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit"})}`;case"us-full":return`${e.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"us-full-line":return`${e.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${i} ${e.toLocaleTimeString(t,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;default:return e.toLocaleDateString(t,{year:"numeric",month:"2-digit",day:"2-digit"})}};return p.jsx("div",{className:S,style:$,...m,children:f(c)})}l.propTypes={type:n.oneOf(["line","full","full-line","year-week","year-week-line","week-time","no-s","no-s-line","us-full","us-full-line"]),single:n.bool,sx:n.oneOfType([n.object,n.string]),style:n.object,className:n.string,en:n.bool};module.exports=l;

package/dist/component/TDate/index.mjs

@@ -0,0 +1,144 @@
+import { jsx as $ } from "react/jsx-runtime";
+import "react";
+import n from "prop-types";
+import { useTangoStyle as p } from "../CSSFab/useTangoStyle.mjs";
+function h(l) {
+  const {
+    type: s = "default",
+    single: c = !1,
+    sx: r = {},
+    style: d = {},
+    className: g = "",
+    en: a = !1,
+    ...u
+  } = l || {}, o = typeof r == "object" && r !== null && !Array.isArray(r), m = p(o ? r : {}), y = [o ? "" : r, g].filter(Boolean).join(" "), f = { ...m, ...d };
+  return /* @__PURE__ */ $("div", { className: y, style: f, ...u, children: ((S) => {
+    const e = /* @__PURE__ */ new Date();
+    let t = a ? "en-US" : "zh-CN", i = e.toLocaleString(t, { weekday: "long" });
+    switch (!a && c && (i = i.replace("星期", "周")), S) {
+      case "line":
+        return e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-");
+      case "full":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${i} ${e.toLocaleTimeString(t, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "full-line":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${i} ${e.toLocaleTimeString(
+          t,
+          {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit"
+          }
+        )}`;
+      case "year-week":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${i}`;
+      case "year-week-line":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${i}`;
+      case "week-time":
+        return `${i} ${e.toLocaleTimeString(t, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "no-s":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${i} ${e.toLocaleTimeString(t, {
+          hour: "2-digit",
+          minute: "2-digit"
+        })}`;
+      case "no-s-line":
+        return `${e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${i} ${e.toLocaleTimeString(
+          t,
+          {
+            hour: "2-digit",
+            minute: "2-digit"
+          }
+        )}`;
+      case "us-full":
+        return `${e.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${i} ${e.toLocaleTimeString(t, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "us-full-line":
+        return `${e.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${i} ${e.toLocaleTimeString(
+          t,
+          {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit"
+          }
+        )}`;
+      default:
+        return e.toLocaleDateString(t, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        });
+    }
+  })(s) });
+}
+h.propTypes = {
+  type: n.oneOf([
+    "line",
+    "full",
+    "full-line",
+    "year-week",
+    "year-week-line",
+    "week-time",
+    "no-s",
+    "no-s-line",
+    "us-full",
+    "us-full-line"
+  ]),
+  single: n.bool,
+  // 控制显示“周”或“星期”
+  sx: n.oneOfType([n.object, n.string]),
+  // 自定义样式对象
+  style: n.object,
+  // 用户传入的 style 属性
+  className: n.string,
+  en: n.bool
+  // 控制英文格式
+};
+export {
+  h as default
+};

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

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

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

@@ -0,0 +1,9 @@
+const e = "_datePicker_e2ozn_1", t = "_datePickerDisabled_e2ozn_17", a = {
+  datePicker: e,
+  datePickerDisabled: t
+};
+export {
+  e as datePicker,
+  t as datePickerDisabled,
+  a as default
+};

package/dist/component/TDatePicker/index.js

@@ -0,0 +1 @@
+"use strict";const b=require("react/jsx-runtime"),C=require("react"),e=require("prop-types"),c=require("./TDatePicker.module.css.js");function i(u){const{className:l="",disabled:n=!1,onChange:o=()=>{},time:r=!1}=u,[d,g]=C.useState(""),p=a=>{const t=new Date(a),s=t.getFullYear(),h=(t.getMonth()+1).toString().padStart(2,"0"),$=t.getDate().toString().padStart(2,"0"),y=t.getHours().toString().padStart(2,"0"),D=t.getMinutes().toString().padStart(2,"0");return`${s}-${h}-${$} ${y}:${D}`},m=a=>{const t=a.target.value;g(t);const s=r?p(t):t;o&&o(s,t)},f=r?"datetime-local":"date",S=`${c.default.datePicker} ${n?c.default.datePickerDisabled:""} ${l}`;return b.jsx("input",{type:f,value:d,onChange:m,className:S,disabled:n})}i.propTypes={className:e.string,disabled:e.bool,onChange:e.func,time:e.bool};module.exports=i;

package/dist/component/TDatePicker/index.mjs

@@ -0,0 +1,40 @@
+import { jsx as b } from "react/jsx-runtime";
+import { useState as C } from "react";
+import e from "prop-types";
+import i from "./TDatePicker.module.css.mjs";
+function D(c) {
+  const {
+    className: l = "",
+    disabled: s = !1,
+    onChange: n = () => {
+    },
+    time: r = !1
+  } = c, [m, d] = C(""), p = (a) => {
+    const t = new Date(a), o = t.getFullYear(), S = (t.getMonth() + 1).toString().padStart(2, "0"), h = t.getDate().toString().padStart(2, "0"), $ = t.getHours().toString().padStart(2, "0"), y = t.getMinutes().toString().padStart(2, "0");
+    return `${o}-${S}-${h} ${$}:${y}`;
+  }, u = (a) => {
+    const t = a.target.value;
+    d(t);
+    const o = r ? p(t) : t;
+    n && n(o, t);
+  }, g = r ? "datetime-local" : "date", f = `${i.datePicker} ${s ? i.datePickerDisabled : ""} ${l}`;
+  return /* @__PURE__ */ b(
+    "input",
+    {
+      type: g,
+      value: m,
+      onChange: u,
+      className: f,
+      disabled: s
+    }
+  );
+}
+D.propTypes = {
+  className: e.string,
+  disabled: e.bool,
+  onChange: e.func,
+  time: e.bool
+};
+export {
+  D as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_drawerOverlay_1pmir_1",r="_drawerContainer_1pmir_25",t="_drawerHeader_1pmir_43",o="_drawerHeaderTitle_1pmir_57",a="_drawerContent_1pmir_63",m="_drawerFooter_1pmir_73",n="_drawerCloseBtn_1pmir_93",_="_drawerRight_1pmir_111",d="_drawerLeft_1pmir_127",c="_drawerTop_1pmir_143",w="_drawerBottom_1pmir_159",i="_comeInRight_1pmir_353",p="_comeOutRight_1pmir_361",s="_comeInLeft_1pmir_369",u="_comeOutLeft_1pmir_377",O="_comeInTop_1pmir_385",B="_comeOutTop_1pmir_393",l="_comeInBottom_1pmir_401",T="_comeOutBottom_1pmir_409",I="_drawerButton_1pmir_415",f={drawerOverlay:e,drawerContainer:r,drawerHeader:t,drawerHeaderTitle:o,drawerContent:a,drawerFooter:m,drawerCloseBtn:n,drawerRight:_,drawerLeft:d,drawerTop:c,drawerBottom:w,comeInRight:i,comeOutRight:p,comeInLeft:s,comeOutLeft:u,comeInTop:O,comeOutTop:B,comeInBottom:l,comeOutBottom:T,drawerButton:I};exports.comeInBottom=l;exports.comeInLeft=s;exports.comeInRight=i;exports.comeInTop=O;exports.comeOutBottom=T;exports.comeOutLeft=u;exports.comeOutRight=p;exports.comeOutTop=B;exports.default=f;exports.drawerBottom=w;exports.drawerButton=I;exports.drawerCloseBtn=n;exports.drawerContainer=r;exports.drawerContent=a;exports.drawerFooter=m;exports.drawerHeader=t;exports.drawerHeaderTitle=o;exports.drawerLeft=d;exports.drawerOverlay=e;exports.drawerRight=_;exports.drawerTop=c;

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

@@ -0,0 +1,45 @@
+const r = "_drawerOverlay_1pmir_1", e = "_drawerContainer_1pmir_25", t = "_drawerHeader_1pmir_43", o = "_drawerHeaderTitle_1pmir_57", _ = "_drawerContent_1pmir_63", m = "_drawerFooter_1pmir_73", n = "_drawerCloseBtn_1pmir_93", a = "_drawerRight_1pmir_111", c = "_drawerLeft_1pmir_127", d = "_drawerTop_1pmir_143", w = "_drawerBottom_1pmir_159", i = "_comeInRight_1pmir_353", p = "_comeOutRight_1pmir_361", s = "_comeInLeft_1pmir_369", u = "_comeOutLeft_1pmir_377", B = "_comeInTop_1pmir_385", O = "_comeOutTop_1pmir_393", I = "_comeInBottom_1pmir_401", T = "_comeOutBottom_1pmir_409", l = "_drawerButton_1pmir_415", f = {
+  drawerOverlay: r,
+  drawerContainer: e,
+  drawerHeader: t,
+  drawerHeaderTitle: o,
+  drawerContent: _,
+  drawerFooter: m,
+  drawerCloseBtn: n,
+  drawerRight: a,
+  drawerLeft: c,
+  drawerTop: d,
+  drawerBottom: w,
+  comeInRight: i,
+  comeOutRight: p,
+  comeInLeft: s,
+  comeOutLeft: u,
+  comeInTop: B,
+  comeOutTop: O,
+  comeInBottom: I,
+  comeOutBottom: T,
+  drawerButton: l
+};
+export {
+  I as comeInBottom,
+  s as comeInLeft,
+  i as comeInRight,
+  B as comeInTop,
+  T as comeOutBottom,
+  u as comeOutLeft,
+  p as comeOutRight,
+  O as comeOutTop,
+  f as default,
+  w as drawerBottom,
+  l as drawerButton,
+  n as drawerCloseBtn,
+  e as drawerContainer,
+  _ as drawerContent,
+  m as drawerFooter,
+  t as drawerHeader,
+  o as drawerHeaderTitle,
+  c as drawerLeft,
+  r as drawerOverlay,
+  a as drawerRight,
+  d as drawerTop
+};

package/dist/component/TDrawer/index.js

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),t=require("./TDrawer.module.css.js"),T=require("../TButton/index.js");function x(p){const{children:m,title:y="基础标题",okText:w="确定",cancelText:g="取消",open:d=!1,onClose:a=()=>{},type:l="right",containerStyles:k,headerStyles:C,footerStyles:j,btnStyles:o,footerButtons:i,maskClosable:v=!0}=p,[u,f]=c.useState(!1),[h,n]=c.useState(!1);c.useEffect(()=>{d?(f(!0),n(!1)):u&&(n(!0),setTimeout(()=>{f(!1),n(!1)},300))},[d]);const S=s.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:s.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 s.jsx(s.Fragment,{children:u&&s.jsx("div",{className:`${t.default.drawerOverlay} ${h?t.default.fadeOut:t.default.fadeIn}`,onClick:r=>{v&&r.target===r.currentTarget&&a()},children:s.jsxs("div",{className:`${t.default.drawerContainer} ${t.default[`drawer${l.charAt(0).toUpperCase()+l.slice(1)}`]} ${h?t.default[`comeOut${l.charAt(0).toUpperCase()+l.slice(1)}`]:t.default[`comeIn${l.charAt(0).toUpperCase()+l.slice(1)}`]}`,style:k,children:[s.jsxs("div",{className:t.default.drawerHeader,children:[s.jsx("h3",{className:t.default.drawerHeaderTitle,style:C,children:y}),s.jsx("div",{className:t.default.drawerCloseBtn,onClick:a,children:S})]}),s.jsx("div",{className:t.default.drawerContent,children:m}),s.jsx("div",{className:t.default.drawerFooter,style:j,children:(i!=null&&i.length?i:[{key:"cancel",text:g,onClick:a},{key:"ok",text:w,onClick:a}]).map(r=>s.jsx(T,{onClick:r.onClick,style:(o==null?void 0:o[r.key])||{},className:t.default.drawerButton,children:r.text},r.key))})]})})})}x.propTypes={children:e.node.isRequired,title:e.string,okText:e.string,cancelText:e.string,open:e.bool,onOk:e.func,onClose:e.func,type:e.oneOf(["top","bottom","left","right"]),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=x;

package/dist/component/TDrawer/index.mjs

@@ -0,0 +1,110 @@
+import { jsx as r, Fragment as N, jsxs as h } from "react/jsx-runtime";
+import { useState as p, useEffect as $ } from "react";
+import e from "prop-types";
+import t from "./TDrawer.module.css.mjs";
+import b from "../TButton/index.mjs";
+function j(u) {
+  const {
+    children: y,
+    title: g = "基础标题",
+    okText: k = "确定",
+    cancelText: w = "取消",
+    open: c = !1,
+    onClose: l = () => {
+    },
+    type: o = "right",
+    containerStyles: C,
+    headerStyles: x,
+    footerStyles: v,
+    btnStyles: i,
+    footerButtons: a,
+    maskClosable: S = !0
+  } = u, [d, f] = p(!1), [m, n] = p(!1);
+  $(() => {
+    c ? (f(!0), n(!1)) : d && (n(!0), setTimeout(() => {
+      f(!1), n(!1);
+    }, 300));
+  }, [c]);
+  const T = /* @__PURE__ */ r(
+    "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__ */ r(
+        "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__ */ r(N, { children: d && /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${t.drawerOverlay} ${m ? t.fadeOut : t.fadeIn}`,
+      onClick: (s) => {
+        S && s.target === s.currentTarget && l();
+      },
+      children: /* @__PURE__ */ h(
+        "div",
+        {
+          className: `${t.drawerContainer} ${t[`drawer${o.charAt(0).toUpperCase() + o.slice(1)}`]} ${m ? t[`comeOut${o.charAt(0).toUpperCase() + o.slice(1)}`] : t[`comeIn${o.charAt(0).toUpperCase() + o.slice(1)}`]}`,
+          style: C,
+          children: [
+            /* @__PURE__ */ h("div", { className: t.drawerHeader, children: [
+              /* @__PURE__ */ r("h3", { className: t.drawerHeaderTitle, style: x, children: g }),
+              /* @__PURE__ */ r("div", { className: t.drawerCloseBtn, onClick: l, children: T })
+            ] }),
+            /* @__PURE__ */ r("div", { className: t.drawerContent, children: y }),
+            /* @__PURE__ */ r("div", { className: t.drawerFooter, style: v, children: (a != null && a.length ? a : [
+              { key: "cancel", text: w, onClick: l },
+              { key: "ok", text: k, onClick: l }
+            ]).map((s) => /* @__PURE__ */ r(
+              b,
+              {
+                onClick: s.onClick,
+                style: (i == null ? void 0 : i[s.key]) || {},
+                className: t.drawerButton,
+                children: s.text
+              },
+              s.key
+            )) })
+          ]
+        }
+      )
+    }
+  ) });
+}
+j.propTypes = {
+  children: e.node.isRequired,
+  title: e.string,
+  okText: e.string,
+  cancelText: e.string,
+  open: e.bool,
+  onOk: e.func,
+  onClose: e.func,
+  type: e.oneOf(["top", "bottom", "left", "right"]),
+  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 {
+  j as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_input_1xl1h_1",u="_inputSmall_1xl1h_45",i="_inputMedium_1xl1h_57",n="_inputLarge_1xl1h_67",e="_inputHuge_1xl1h_79",p="_inputDisabled_1xl1h_91",l="_inputTextarea_1xl1h_107",_="_inputError_1xl1h_117",r={input:t,inputSmall:u,inputMedium:i,inputLarge:n,inputHuge:e,inputDisabled:p,inputTextarea:l,inputError:_};exports.default=r;exports.input=t;exports.inputDisabled=p;exports.inputError=_;exports.inputHuge=e;exports.inputLarge=n;exports.inputMedium=i;exports.inputSmall=u;exports.inputTextarea=l;

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

@@ -0,0 +1,21 @@
+const t = "_input_1xl1h_1", n = "_inputSmall_1xl1h_45", u = "_inputMedium_1xl1h_57", i = "_inputLarge_1xl1h_67", p = "_inputHuge_1xl1h_79", _ = "_inputDisabled_1xl1h_91", e = "_inputTextarea_1xl1h_107", l = "_inputError_1xl1h_117", a = {
+  input: t,
+  inputSmall: n,
+  inputMedium: u,
+  inputLarge: i,
+  inputHuge: p,
+  inputDisabled: _,
+  inputTextarea: e,
+  inputError: l
+};
+export {
+  a as default,
+  t as input,
+  _ as inputDisabled,
+  l as inputError,
+  p as inputHuge,
+  i as inputLarge,
+  u as inputMedium,
+  n as inputSmall,
+  e as inputTextarea
+};

package/dist/component/TInput/index.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime");require("react");const e=require("prop-types"),a=require("./TInput.module.css.js"),V=require("../CSSFab/useTangoStyle.js");function l(p){const{type:o="default",size:n="medium",sx:s={},style:m={},className:f="",onClick:y=()=>{},onChange:i=()=>{},value:u,defaultValue:g="",disabled:r=!1,placeholder:x="",maxlength:C=524288}=p,h=a.default.input,b=a.default[`input${n.charAt(0).toUpperCase()+n.slice(1)}`]||"",v=r?a.default.inputDisabled:"",j=typeof s=="object"?s:{},S=V.useTangoStyle(j),T=typeof s=="string"?s:"",d=u!==void 0,N=[h,b,v,T,f].filter(Boolean).join(" "),q={...S,...m},w=o==="password"?"password":"text",c={className:N,style:q,onClick:y,onChange:i?z=>i(z.target.value):void 0,value:d?u:void 0,defaultValue:d?void 0:g,disabled:r,placeholder:x,maxLength:C};return t.jsx("div",{children:o==="textarea"?t.jsx("textarea",{...c}):t.jsx("input",{...c,type:w})})}l.propTypes={type:e.oneOf(["default","textarea","password"]),size:e.oneOf(["small","medium","large","huge"]),sx:e.oneOfType([e.object,e.string]),style:e.object,onClick:e.func,onChange:e.func,className:e.string,value:e.string,defaultValue:e.string,disabled:e.bool,placeholder:e.string,maxlength:e.number};l.defaultProps={type:"default",size:"medium",sx:{},style:{},onClick:()=>{},className:"",onChange:void 0,value:void 0,defaultValue:"",disabled:!1,placeholder:"",maxlength:524288};module.exports=l;

package/dist/component/TInput/index.mjs

@@ -0,0 +1,74 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import e from "prop-types";
+import a from "./TInput.module.css.mjs";
+import { useTangoStyle as V } from "../CSSFab/useTangoStyle.mjs";
+function p(c) {
+  const {
+    type: l = "default",
+    size: o = "medium",
+    sx: s = {},
+    style: m = {},
+    className: f = "",
+    onClick: y = () => {
+    },
+    onChange: n = () => {
+    },
+    value: i,
+    defaultValue: g = "",
+    disabled: r = !1,
+    placeholder: x = "",
+    maxlength: C = 524288
+  } = c, h = a.input, b = a[`input${o.charAt(0).toUpperCase() + o.slice(1)}`] || "", v = r ? a.inputDisabled : "", S = V(typeof s == "object" ? s : {}), N = typeof s == "string" ? s : "", d = i !== void 0, j = [
+    h,
+    b,
+    v,
+    N,
+    // sx 为 className 字符串
+    f
+    // 额外 className
+  ].filter(Boolean).join(" "), w = { ...S, ...m }, T = l === "password" ? "password" : "text", u = {
+    className: j,
+    style: w,
+    onClick: y,
+    onChange: n ? (z) => n(z.target.value) : void 0,
+    value: d ? i : void 0,
+    defaultValue: d ? void 0 : g,
+    disabled: r,
+    placeholder: x,
+    maxLength: C
+  };
+  return /* @__PURE__ */ t("div", { children: l === "textarea" ? /* @__PURE__ */ t("textarea", { ...u }) : /* @__PURE__ */ t("input", { ...u, type: T }) });
+}
+p.propTypes = {
+  type: e.oneOf(["default", "textarea", "password"]),
+  size: e.oneOf(["small", "medium", "large", "huge"]),
+  sx: e.oneOfType([e.object, e.string]),
+  style: e.object,
+  onClick: e.func,
+  onChange: e.func,
+  className: e.string,
+  value: e.string,
+  defaultValue: e.string,
+  disabled: e.bool,
+  placeholder: e.string,
+  maxlength: e.number
+};
+p.defaultProps = {
+  type: "default",
+  size: "medium",
+  sx: {},
+  style: {},
+  onClick: () => {
+  },
+  className: "",
+  onChange: void 0,
+  value: void 0,
+  defaultValue: "",
+  disabled: !1,
+  placeholder: "",
+  maxlength: 524288
+};
+export {
+  p as default
+};

package/dist/component/TLayout/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("prop-types");;/* empty css             */function c(r){const{children:s,type:a,className:i=""}=r,t=`clay-layout clay-layout-${a} ${i}`;return e.jsxs("div",{className:t,children:[a==="top-middle-bottom"&&e.jsxs("div",{className:"ultra",children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsx("main",{className:"clay-main",children:s[1]}),e.jsx("footer",{className:"clay-footer",children:s[2]})]}),a==="top-bottom-split"&&e.jsxs("div",{className:"ultra",children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsxs("main",{className:"clay-main",children:[e.jsx("aside",{className:"clay-aside",children:s[1]}),e.jsx("div",{className:"clay-content",children:s[2]})]})]}),a==="left-right-top-bottom"&&e.jsxs(e.Fragment,{children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsxs("div",{className:"clay-main",children:[e.jsx("aside",{className:"clay-aside",children:s[1]}),e.jsxs("div",{className:"clay-right",children:[e.jsx("header",{className:"clay-header",children:s[2]}),e.jsx("div",{className:"clay-content",children:s[3]})]})]})]}),a==="left-right-three-parts"&&e.jsxs("div",{className:"ultra",children:[e.jsx("aside",{className:"clay-aside",children:s[0]}),e.jsxs("div",{className:"clay-right",children:[e.jsx("header",{className:"clay-header",children:s[1]}),e.jsx("main",{className:"clay-main",children:s[2]}),e.jsx("footer",{className:"clay-footer",children:s[3]})]})]})]})}c.propTypes={children:l.node.isRequired,className:l.string,type:l.oneOf(["top-middle-bottom","top-bottom-split","left-right-top-bottom","left-right-three-parts"]).isRequired};module.exports=c;

package/dist/component/TLayout/index.mjs

@@ -0,0 +1,52 @@
+import { jsxs as l, jsx as a, Fragment as d } from "react/jsx-runtime";
+import s from "prop-types";
+/* empty css             */
+function m(r) {
+  const { children: e, type: c, className: i = "" } = r, t = `clay-layout clay-layout-${c} ${i}`;
+  return /* @__PURE__ */ l("div", { className: t, children: [
+    c === "top-middle-bottom" && /* @__PURE__ */ l("div", { className: "ultra", children: [
+      /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
+      /* @__PURE__ */ a("main", { className: "clay-main", children: e[1] }),
+      /* @__PURE__ */ a("footer", { className: "clay-footer", children: e[2] })
+    ] }),
+    c === "top-bottom-split" && /* @__PURE__ */ l("div", { className: "ultra", children: [
+      /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
+      /* @__PURE__ */ l("main", { className: "clay-main", children: [
+        /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[1] }),
+        /* @__PURE__ */ a("div", { className: "clay-content", children: e[2] })
+      ] })
+    ] }),
+    c === "left-right-top-bottom" && /* @__PURE__ */ l(d, { children: [
+      /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
+      /* @__PURE__ */ l("div", { className: "clay-main", children: [
+        /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[1] }),
+        /* @__PURE__ */ l("div", { className: "clay-right", children: [
+          /* @__PURE__ */ a("header", { className: "clay-header", children: e[2] }),
+          /* @__PURE__ */ a("div", { className: "clay-content", children: e[3] })
+        ] })
+      ] })
+    ] }),
+    c === "left-right-three-parts" && /* @__PURE__ */ l("div", { className: "ultra", children: [
+      /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[0] }),
+      /* @__PURE__ */ l("div", { className: "clay-right", children: [
+        /* @__PURE__ */ a("header", { className: "clay-header", children: e[1] }),
+        /* @__PURE__ */ a("main", { className: "clay-main", children: e[2] }),
+        /* @__PURE__ */ a("footer", { className: "clay-footer", children: e[3] })
+      ] })
+    ] })
+  ] });
+}
+m.propTypes = {
+  children: s.node.isRequired,
+  className: s.string,
+  // 添加 className PropTypes
+  type: s.oneOf([
+    "top-middle-bottom",
+    "top-bottom-split",
+    "left-right-top-bottom",
+    "left-right-three-parts"
+  ]).isRequired
+};
+export {
+  m as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_line_6n8gg_1",n="_lineSmall_6n8gg_17",l="_lineMedium_6n8gg_25",i="_lineLarge_6n8gg_33",t="_lineHuge_6n8gg_41",g="_lineNoText_6n8gg_81",_="_lineText_6n8gg_91",o={line:e,lineSmall:n,lineMedium:l,lineLarge:i,lineHuge:t,lineNoText:g,lineText:_};exports.default=o;exports.line=e;exports.lineHuge=t;exports.lineLarge=i;exports.lineMedium=l;exports.lineNoText=g;exports.lineSmall=n;exports.lineText=_;

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

@@ -0,0 +1,19 @@
+const e = "_line_6n8gg_1", n = "_lineSmall_6n8gg_17", l = "_lineMedium_6n8gg_25", i = "_lineLarge_6n8gg_33", _ = "_lineHuge_6n8gg_41", g = "_lineNoText_6n8gg_81", t = "_lineText_6n8gg_91", o = {
+  line: e,
+  lineSmall: n,
+  lineMedium: l,
+  lineLarge: i,
+  lineHuge: _,
+  lineNoText: g,
+  lineText: t
+};
+export {
+  o as default,
+  e as line,
+  _ as lineHuge,
+  i as lineLarge,
+  l as lineMedium,
+  g as lineNoText,
+  n as lineSmall,
+  t as lineText
+};

package/dist/component/TLine/index.js

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime");require("react");const e=require("prop-types"),s=require("./TLine.module.css.js"),g=require("../CSSFab/useTangoStyle.js");function c(a){const{sx:t={},style:r={},className:u="",onClick:d=()=>{},children:n,size:l="medium"}=a,m=typeof t=="object"?t:{},x=g.useTangoStyle(m),y=typeof t=="string"?t:"",i=!!n,f=s.default[`line${l.charAt(0).toUpperCase()+l.slice(1)}`]||"",p=i?s.default.lineHasText:s.default.lineNoText,T=[s.default.line,f,p,y,u].filter(Boolean).join(" "),C={...x,...r};return o.jsx("div",{style:C,onClick:d,className:T,children:i&&o.jsx("div",{className:s.default.lineText,children:n})})}c.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};module.exports=c;