tango-ui-cw 0.9.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +124 -39
  2. package/dist/component/CSSFab/index.d.ts +55 -0
  3. package/dist/component/CSSFab/useTangoStyle.d.ts +1 -0
  4. package/dist/component/TBanner/index.d.ts +50 -0
  5. package/dist/component/TButton/index.d.ts +107 -0
  6. package/dist/component/TColorPicker/index.d.ts +41 -0
  7. package/dist/component/TDate/index.d.ts +41 -0
  8. package/dist/component/TDatePicker/index.d.ts +49 -0
  9. package/dist/component/TDrawer/index.d.ts +58 -0
  10. package/dist/component/TInput/index.d.ts +81 -0
  11. package/dist/component/TLayout/index.d.ts +133 -0
  12. package/dist/component/TLine/index.d.ts +33 -0
  13. package/dist/component/TMark/index.d.ts +38 -0
  14. package/dist/component/TModal/index.d.ts +52 -0
  15. package/dist/component/TNotice/index.d.ts +30 -0
  16. package/dist/component/TSearch/index.d.ts +42 -0
  17. package/dist/component/TSpace/index.d.ts +56 -0
  18. package/dist/component/TTable/index.d.ts +76 -0
  19. package/dist/component/TTooltip/index.d.ts +31 -0
  20. package/dist/component/TUpload/index.d.ts +45 -0
  21. package/dist/component/index.d.ts +147 -0
  22. package/dist/index.cjs +12 -0
  23. package/dist/index.d.cts +18 -0
  24. package/dist/index.d.ts +18 -0
  25. package/dist/index.js +3648 -2
  26. package/dist/providers/NoticeProvider/NoticeProvider.d.ts +19 -0
  27. package/dist/providers/TangoI18nProvider/TangoI18nProvider.d.ts +28 -0
  28. package/dist/providers/ThemeProvider/ThemeProvider.d.ts +22 -0
  29. package/dist/scripts/check-peers.js +75 -0
  30. package/dist/styles/global.css +372 -0
  31. package/dist/styles/theme.css +13 -0
  32. package/package.json +65 -48
  33. package/dist/assets/Upload/delLogo.png.js +0 -1
  34. package/dist/assets/Upload/delLogo.png.mjs +0 -4
  35. package/dist/assets/Upload/fileslogo.png.js +0 -1
  36. package/dist/assets/Upload/fileslogo.png.mjs +0 -4
  37. package/dist/component/CSSFab/useTangoStyle.js +0 -2
  38. package/dist/component/CSSFab/useTangoStyle.mjs +0 -171
  39. package/dist/component/MaterialButton/MaterialButton.module.css.js +0 -1
  40. package/dist/component/MaterialButton/MaterialButton.module.css.mjs +0 -17
  41. package/dist/component/MaterialButton/index.js +0 -2
  42. package/dist/component/MaterialButton/index.mjs +0 -62
  43. package/dist/component/MaterialInput/MaterialInput.module.css.js +0 -1
  44. package/dist/component/MaterialInput/MaterialInput.module.css.mjs +0 -17
  45. package/dist/component/MaterialInput/index.js +0 -2
  46. package/dist/component/MaterialInput/index.mjs +0 -37
  47. package/dist/component/TBanner/TBanner.module.css.js +0 -1
  48. package/dist/component/TBanner/TBanner.module.css.mjs +0 -35
  49. package/dist/component/TBanner/index.js +0 -2
  50. package/dist/component/TBanner/index.mjs +0 -341
  51. package/dist/component/TButton/TButton.module.css.js +0 -1
  52. package/dist/component/TButton/TButton.module.css.mjs +0 -26
  53. package/dist/component/TButton/index.js +0 -2
  54. package/dist/component/TButton/index.mjs +0 -186
  55. package/dist/component/TColorPicker/TColorPicker.module.css.js +0 -1
  56. package/dist/component/TColorPicker/TColorPicker.module.css.mjs +0 -13
  57. package/dist/component/TColorPicker/index.js +0 -2
  58. package/dist/component/TColorPicker/index.mjs +0 -62
  59. package/dist/component/TDate/index.js +0 -2
  60. package/dist/component/TDate/index.mjs +0 -145
  61. package/dist/component/TDatePicker/TDatePicker.module.css.js +0 -1
  62. package/dist/component/TDatePicker/TDatePicker.module.css.mjs +0 -45
  63. package/dist/component/TDatePicker/index.js +0 -2
  64. package/dist/component/TDatePicker/index.mjs +0 -167
  65. package/dist/component/TDrawer/TDrawer.module.css.js +0 -1
  66. package/dist/component/TDrawer/TDrawer.module.css.mjs +0 -49
  67. package/dist/component/TDrawer/index.js +0 -2
  68. package/dist/component/TDrawer/index.mjs +0 -111
  69. package/dist/component/TInput/TInput.module.css.js +0 -1
  70. package/dist/component/TInput/TInput.module.css.mjs +0 -21
  71. package/dist/component/TInput/index.js +0 -2
  72. package/dist/component/TInput/index.mjs +0 -75
  73. package/dist/component/TLayout/index.js +0 -2
  74. package/dist/component/TLayout/index.mjs +0 -53
  75. package/dist/component/TLine/TLine.module.css.js +0 -1
  76. package/dist/component/TLine/TLine.module.css.mjs +0 -19
  77. package/dist/component/TLine/index.js +0 -2
  78. package/dist/component/TLine/index.mjs +0 -35
  79. package/dist/component/TMark/TMark.module.css.js +0 -1
  80. package/dist/component/TMark/TMark.module.css.mjs +0 -7
  81. package/dist/component/TMark/index.js +0 -2
  82. package/dist/component/TMark/index.mjs +0 -52
  83. package/dist/component/TModal/TModal.module.css.js +0 -1
  84. package/dist/component/TModal/TModal.module.css.mjs +0 -33
  85. package/dist/component/TModal/index.js +0 -2
  86. package/dist/component/TModal/index.mjs +0 -110
  87. package/dist/component/TNotice/TNotice.module.css.js +0 -1
  88. package/dist/component/TNotice/TNotice.module.css.mjs +0 -27
  89. package/dist/component/TNotice/index.js +0 -4
  90. package/dist/component/TNotice/index.mjs +0 -40
  91. package/dist/component/TNotice/useNotice.js +0 -2
  92. package/dist/component/TNotice/useNotice.mjs +0 -19
  93. package/dist/component/TSearch/TSearch.module.css.js +0 -1
  94. package/dist/component/TSearch/TSearch.module.css.mjs +0 -21
  95. package/dist/component/TSearch/index.js +0 -2
  96. package/dist/component/TSearch/index.mjs +0 -73
  97. package/dist/component/TSpace/TSpace.module.css.js +0 -1
  98. package/dist/component/TSpace/TSpace.module.css.mjs +0 -23
  99. package/dist/component/TSpace/index.js +0 -2
  100. package/dist/component/TSpace/index.mjs +0 -49
  101. package/dist/component/TTable/TTable.module.css.js +0 -1
  102. package/dist/component/TTable/TTable.module.css.mjs +0 -25
  103. package/dist/component/TTable/index.js +0 -8
  104. package/dist/component/TTable/index.mjs +0 -154
  105. package/dist/component/TTooltip/TTooltip.module.css.js +0 -1
  106. package/dist/component/TTooltip/TTooltip.module.css.mjs +0 -17
  107. package/dist/component/TTooltip/index.js +0 -2
  108. package/dist/component/TTooltip/index.mjs +0 -34
  109. package/dist/component/TUpload/TUpload.module.css.js +0 -1
  110. package/dist/component/TUpload/TUpload.module.css.mjs +0 -15
  111. package/dist/component/TUpload/index.js +0 -2
  112. package/dist/component/TUpload/index.mjs +0 -152
  113. package/dist/index.mjs +0 -50
  114. package/dist/providers/NoticeProvider.js +0 -2
  115. package/dist/providers/NoticeProvider.mjs +0 -117
  116. package/dist/providers/ThemeProvider.js +0 -2
  117. package/dist/providers/ThemeProvider.mjs +0 -21
  118. package/dist/tango-ui-cw.css +0 -1
@@ -1,53 +0,0 @@
1
- "use client";
2
- import { jsxs as l, jsx as a, Fragment as d } from "react/jsx-runtime";
3
- import s from "prop-types";
4
- /* empty css */
5
- function m(r) {
6
- const { children: e, type: c, className: i = "" } = r, t = `clay-layout clay-layout-${c} ${i}`;
7
- return /* @__PURE__ */ l("div", { className: t, children: [
8
- c === "top-middle-bottom" && /* @__PURE__ */ l("div", { className: "ultra", children: [
9
- /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
10
- /* @__PURE__ */ a("main", { className: "clay-main", children: e[1] }),
11
- /* @__PURE__ */ a("footer", { className: "clay-footer", children: e[2] })
12
- ] }),
13
- c === "top-bottom-split" && /* @__PURE__ */ l("div", { className: "ultra", children: [
14
- /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
15
- /* @__PURE__ */ l("main", { className: "clay-main", children: [
16
- /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[1] }),
17
- /* @__PURE__ */ a("div", { className: "clay-content", children: e[2] })
18
- ] })
19
- ] }),
20
- c === "left-right-top-bottom" && /* @__PURE__ */ l(d, { children: [
21
- /* @__PURE__ */ a("header", { className: "clay-header", children: e[0] }),
22
- /* @__PURE__ */ l("div", { className: "clay-main", children: [
23
- /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[1] }),
24
- /* @__PURE__ */ l("div", { className: "clay-right", children: [
25
- /* @__PURE__ */ a("header", { className: "clay-header", children: e[2] }),
26
- /* @__PURE__ */ a("div", { className: "clay-content", children: e[3] })
27
- ] })
28
- ] })
29
- ] }),
30
- c === "left-right-three-parts" && /* @__PURE__ */ l("div", { className: "ultra", children: [
31
- /* @__PURE__ */ a("aside", { className: "clay-aside", children: e[0] }),
32
- /* @__PURE__ */ l("div", { className: "clay-right", children: [
33
- /* @__PURE__ */ a("header", { className: "clay-header", children: e[1] }),
34
- /* @__PURE__ */ a("main", { className: "clay-main", children: e[2] }),
35
- /* @__PURE__ */ a("footer", { className: "clay-footer", children: e[3] })
36
- ] })
37
- ] })
38
- ] });
39
- }
40
- m.propTypes = {
41
- children: s.node.isRequired,
42
- className: s.string,
43
- // 添加 className PropTypes
44
- type: s.oneOf([
45
- "top-middle-bottom",
46
- "top-bottom-split",
47
- "left-right-top-bottom",
48
- "left-right-three-parts"
49
- ]).isRequired
50
- };
51
- export {
52
- m as default
53
- };
@@ -1 +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=_;
@@ -1,19 +0,0 @@
1
- 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 = {
2
- line: e,
3
- lineSmall: n,
4
- lineMedium: l,
5
- lineLarge: i,
6
- lineHuge: _,
7
- lineNoText: g,
8
- lineText: t
9
- };
10
- export {
11
- o as default,
12
- e as line,
13
- _ as lineHuge,
14
- i as lineLarge,
15
- l as lineMedium,
16
- g as lineNoText,
17
- n as lineSmall,
18
- t as lineText
19
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "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;
@@ -1,35 +0,0 @@
1
- "use client";
2
- import { jsx as i } from "react/jsx-runtime";
3
- import "react";
4
- import e from "prop-types";
5
- import s from "./TLine.module.css.mjs";
6
- import { useTangoStyle as C } from "../CSSFab/useTangoStyle.mjs";
7
- function S(r) {
8
- const {
9
- sx: t = {},
10
- style: a = {},
11
- className: c = "",
12
- onClick: m = () => {
13
- },
14
- children: o,
15
- size: l = "medium"
16
- } = 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 = [
17
- s.line,
18
- x,
19
- d,
20
- y,
21
- c
22
- ].filter(Boolean).join(" "), u = { ...p, ...a };
23
- return /* @__PURE__ */ i("div", { style: u, onClick: m, className: f, children: n && /* @__PURE__ */ i("div", { className: s.lineText, children: o }) });
24
- }
25
- S.propTypes = {
26
- sx: e.oneOfType([e.object, e.string]),
27
- size: e.oneOf(["small", "medium", "large", "huge"]),
28
- style: e.object,
29
- onClick: e.func,
30
- className: e.string,
31
- children: e.node.isRequired
32
- };
33
- export {
34
- S as default
35
- };
@@ -1 +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;
@@ -1,7 +0,0 @@
1
- const a = "_mark_nbq0k_1", s = {
2
- mark: a
3
- };
4
- export {
5
- s as default,
6
- a as mark
7
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "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;
@@ -1,52 +0,0 @@
1
- "use client";
2
- import { jsx as p } from "react/jsx-runtime";
3
- import "react";
4
- import e from "prop-types";
5
- import u from "./TMark.module.css.mjs";
6
- import { useTangoStyle as f } from "../CSSFab/useTangoStyle.mjs";
7
- function m(s) {
8
- const {
9
- sx: t = {},
10
- style: l = {},
11
- className: r = "",
12
- onClick: n = () => {
13
- },
14
- children: a,
15
- color: o = "default",
16
- beauty: c = !1
17
- } = s, i = f(typeof t == "object" ? t : {}), y = typeof t == "string" ? t : "", d = {
18
- backgroundColor: o === "default" ? "#ffe28d" : o,
19
- ...{
20
- width: "auto",
21
- height: "auto",
22
- display: "inline-block"
23
- },
24
- ...c ? {
25
- padding: "4px 8px",
26
- borderRadius: "4px"
27
- } : {},
28
- ...i,
29
- ...l
30
- };
31
- return /* @__PURE__ */ p(
32
- "div",
33
- {
34
- style: d,
35
- onClick: n,
36
- className: `${u.mark} ${y} ${r}`.trim(),
37
- children: a
38
- }
39
- );
40
- }
41
- m.propTypes = {
42
- color: e.string,
43
- sx: e.oneOfType([e.object, e.string]),
44
- style: e.object,
45
- onClick: e.func,
46
- className: e.string,
47
- children: e.node.isRequired,
48
- beauty: e.bool
49
- };
50
- export {
51
- m as default
52
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modalOverlay_17lpy_1",l="_modalContainer_17lpy_27",a="_modalHeader_17lpy_49",t="_modalHeaderTitle_17lpy_65",e="_modalContent_17lpy_73",n="_modalFooter_17lpy_83",d="_modalCloseBtn_17lpy_97",_="_fadeIn_17lpy_195",m="_fadeOut_17lpy_205",s="_scaleIn_17lpy_215",c="_scaleOut_17lpy_225",u="_modalButton_17lpy_235",r="_modalButtonOk_17lpy_243",y="_modalButtonCancel_17lpy_253",O={modalOverlay:o,modalContainer:l,modalHeader:a,modalHeaderTitle:t,modalContent:e,modalFooter:n,modalCloseBtn:d,fadeIn:_,fadeOut:m,scaleIn:s,scaleOut:c,modalButton:u,modalButtonOk:r,modalButtonCancel:y};exports.default=O;exports.fadeIn=_;exports.fadeOut=m;exports.modalButton=u;exports.modalButtonCancel=y;exports.modalButtonOk=r;exports.modalCloseBtn=d;exports.modalContainer=l;exports.modalContent=e;exports.modalFooter=n;exports.modalHeader=a;exports.modalHeaderTitle=t;exports.modalOverlay=o;exports.scaleIn=s;exports.scaleOut=c;
@@ -1,33 +0,0 @@
1
- const o = "_modalOverlay_17lpy_1", l = "_modalContainer_17lpy_27", t = "_modalHeader_17lpy_49", a = "_modalHeaderTitle_17lpy_65", e = "_modalContent_17lpy_73", n = "_modalFooter_17lpy_83", d = "_modalCloseBtn_17lpy_97", _ = "_fadeIn_17lpy_195", m = "_fadeOut_17lpy_205", s = "_scaleIn_17lpy_215", c = "_scaleOut_17lpy_225", y = "_modalButton_17lpy_235", r = "_modalButtonOk_17lpy_243", u = "_modalButtonCancel_17lpy_253", p = {
2
- modalOverlay: o,
3
- modalContainer: l,
4
- modalHeader: t,
5
- modalHeaderTitle: a,
6
- modalContent: e,
7
- modalFooter: n,
8
- modalCloseBtn: d,
9
- fadeIn: _,
10
- fadeOut: m,
11
- scaleIn: s,
12
- scaleOut: c,
13
- modalButton: y,
14
- modalButtonOk: r,
15
- modalButtonCancel: u
16
- };
17
- export {
18
- p as default,
19
- _ as fadeIn,
20
- m as fadeOut,
21
- y as modalButton,
22
- u as modalButtonCancel,
23
- r as modalButtonOk,
24
- d as modalCloseBtn,
25
- l as modalContainer,
26
- e as modalContent,
27
- n as modalFooter,
28
- t as modalHeader,
29
- a as modalHeaderTitle,
30
- o as modalOverlay,
31
- s as scaleIn,
32
- c as scaleOut
33
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";const l=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),t=require("./TModal.module.css.js"),T=require("../TButton/index.js");function m(k){const{children:x,title:h="基础标题",okText:y="确定",cancelText:g="取消",open:r=!1,onOk:q,onClose:a=()=>{},containerStyles:j,headerStyles:C,footerStyles:p,btnStyles:n,footerButtons:o,maskClosable:v=!0}=k,[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=l.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:l.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 l.jsx(l.Fragment,{children:d&&l.jsx("div",{className:`${t.default.modalOverlay} ${f?t.default.fadeOut:t.default.fadeIn}`,onClick:s=>{v&&s.target===s.currentTarget&&a()},children:l.jsxs("div",{className:`${t.default.modalContainer} ${f?t.default.scaleOut:t.default.scaleIn}`,style:j,children:[l.jsxs("div",{className:t.default.modalHeader,children:[l.jsx("h3",{className:t.default.modalHeaderTitle,style:C,children:h}),l.jsx("div",{className:t.default.modalCloseBtn,onClick:a,children:S})]}),l.jsx("div",{className:t.default.modalContent,children:x}),l.jsx("div",{className:t.default.modalFooter,style:p,children:(o!=null&&o.length?o:[{key:"cancel",text:g,onClick:a},{key:"ok",text:y,onClick:a}]).map(s=>l.jsx(T,{onClick:s.onClick,style:s.key==="ok"?(n==null?void 0:n[s.key])||{}:{},className:`${t.default.modalButton} ${s.key==="ok"?t.default.modalButtonOk:t.default.modalButtonCancel}`,children:s.text},s.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;
@@ -1,110 +0,0 @@
1
- "use client";
2
- import { jsx as l, Fragment as w, jsxs as f } from "react/jsx-runtime";
3
- import { useState as k, useEffect as N } from "react";
4
- import e from "prop-types";
5
- import t from "./TModal.module.css.mjs";
6
- import B from "../TButton/index.mjs";
7
- function O(u) {
8
- const {
9
- children: h,
10
- title: y = "基础标题",
11
- okText: p = "确定",
12
- cancelText: g = "取消",
13
- open: r = !1,
14
- onOk: j,
15
- onClose: s = () => {
16
- },
17
- containerStyles: C,
18
- headerStyles: x,
19
- footerStyles: v,
20
- btnStyles: i,
21
- footerButtons: a,
22
- maskClosable: S = !0
23
- } = u, [c, d] = k(!1), [m, n] = k(!1);
24
- N(() => {
25
- r ? (d(!0), n(!1)) : c && (n(!0), setTimeout(() => {
26
- d(!1), n(!1);
27
- }, 300));
28
- }, [r]);
29
- const T = /* @__PURE__ */ l(
30
- "svg",
31
- {
32
- t: "1770778790558",
33
- class: "icon",
34
- viewBox: "0 0 1024 1024",
35
- version: "1.1",
36
- xmlns: "http://www.w3.org/2000/svg",
37
- "p-id": "5372",
38
- width: "25",
39
- height: "25",
40
- children: /* @__PURE__ */ l(
41
- "path",
42
- {
43
- 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",
44
- fill: "#707070",
45
- "p-id": "5373"
46
- }
47
- )
48
- }
49
- );
50
- return /* @__PURE__ */ l(w, { children: c && /* @__PURE__ */ l(
51
- "div",
52
- {
53
- className: `${t.modalOverlay} ${m ? t.fadeOut : t.fadeIn}`,
54
- onClick: (o) => {
55
- S && o.target === o.currentTarget && s();
56
- },
57
- children: /* @__PURE__ */ f(
58
- "div",
59
- {
60
- className: `${t.modalContainer} ${m ? t.scaleOut : t.scaleIn}`,
61
- style: C,
62
- children: [
63
- /* @__PURE__ */ f("div", { className: t.modalHeader, children: [
64
- /* @__PURE__ */ l("h3", { className: t.modalHeaderTitle, style: x, children: y }),
65
- /* @__PURE__ */ l("div", { className: t.modalCloseBtn, onClick: s, children: T })
66
- ] }),
67
- /* @__PURE__ */ l("div", { className: t.modalContent, children: h }),
68
- /* @__PURE__ */ l("div", { className: t.modalFooter, style: v, children: (a != null && a.length ? a : [
69
- { key: "cancel", text: g, onClick: s },
70
- { key: "ok", text: p, onClick: s }
71
- ]).map((o) => /* @__PURE__ */ l(
72
- B,
73
- {
74
- onClick: o.onClick,
75
- style: o.key === "ok" ? (i == null ? void 0 : i[o.key]) || {} : {},
76
- className: `${t.modalButton} ${o.key === "ok" ? t.modalButtonOk : t.modalButtonCancel}`,
77
- children: o.text
78
- },
79
- o.key
80
- )) })
81
- ]
82
- }
83
- )
84
- }
85
- ) });
86
- }
87
- O.propTypes = {
88
- children: e.node.isRequired,
89
- title: e.string,
90
- okText: e.string,
91
- cancelText: e.string,
92
- open: e.bool,
93
- onOk: e.func,
94
- onClose: e.func,
95
- containerStyles: e.object,
96
- headerStyles: e.object,
97
- footerStyles: e.object,
98
- btnStyles: e.object,
99
- footerButtons: e.arrayOf(
100
- e.shape({
101
- key: e.string.isRequired,
102
- text: e.string.isRequired,
103
- onClick: e.func.isRequired
104
- })
105
- ),
106
- maskClosable: e.bool
107
- };
108
- export {
109
- O as default
110
- };
@@ -1 +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=_;
@@ -1,27 +0,0 @@
1
- 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 = {
2
- notice: o,
3
- slideDown: d,
4
- defaultNotice: t,
5
- fadeOut: _,
6
- slideUpFade: e,
7
- mdNotice: s,
8
- slideFromBottom: n,
9
- slideToBottom: c,
10
- md_fail: i,
11
- md_caution: m,
12
- md_success: l
13
- };
14
- export {
15
- a as default,
16
- t as defaultNotice,
17
- _ as fadeOut,
18
- s as mdNotice,
19
- m as md_caution,
20
- i as md_fail,
21
- l as md_success,
22
- o as notice,
23
- d as slideDown,
24
- n as slideFromBottom,
25
- c as slideToBottom,
26
- e as slideUpFade
27
- };
@@ -1,4 +0,0 @@
1
- "use client";
2
- "use strict";const i=require("react/jsx-runtime"),l=require("react"),e=require("prop-types"),s=require("./TNotice.module.css.js");function c({type:n="success",icon:d,message:o,variant:t="default",onClose:r,duration:u=3e3}){return l.useEffect(()=>{const a=setTimeout(r,u);return()=>clearTimeout(a)},[r,u]),i.jsxs("div",{className:`${s.default.notice}
3
- ${t==="md"?s.default.mdNotice:s.default.defaultNotice}
4
- ${t==="md"?s.default[`md_${n}`]:""}`,children:[t!=="md"&&i.jsx("div",{className:s.default.iconWrapper,style:{marginRight:"8px"},children:d}),i.jsx("span",{children:o})]})}c.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=c;
@@ -1,40 +0,0 @@
1
- "use client";
2
- import { jsxs as u, jsx as o } from "react/jsx-runtime";
3
- import { useEffect as f } from "react";
4
- import e from "prop-types";
5
- import i from "./TNotice.module.css.mjs";
6
- function p({
7
- type: m = "success",
8
- icon: c,
9
- message: n,
10
- variant: s = "default",
11
- onClose: r,
12
- duration: t = 3e3
13
- }) {
14
- return f(() => {
15
- const d = setTimeout(r, t);
16
- return () => clearTimeout(d);
17
- }, [r, t]), /* @__PURE__ */ u(
18
- "div",
19
- {
20
- className: `${i.notice}
21
- ${s === "md" ? i.mdNotice : i.defaultNotice}
22
- ${s === "md" ? i[`md_${m}`] : ""}`,
23
- children: [
24
- s !== "md" && /* @__PURE__ */ o("div", { className: i.iconWrapper, style: { marginRight: "8px" }, children: c }),
25
- /* @__PURE__ */ o("span", { children: n })
26
- ]
27
- }
28
- );
29
- }
30
- p.propTypes = {
31
- type: e.oneOf(["success", "fail", "caution"]),
32
- icon: e.string.isRequired,
33
- message: e.string.isRequired,
34
- variant: e.oneOf(["default", "md"]),
35
- onClose: e.func.isRequired,
36
- duration: e.number
37
- };
38
- export {
39
- p as default
40
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const t=require("../../providers/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;
@@ -1,19 +0,0 @@
1
- "use client";
2
- import "react";
3
- import { useNoticeContext as t } from "../../providers/NoticeProvider.mjs";
4
- function u() {
5
- const { add: s } = t();
6
- return {
7
- success: (c) => s("success", c),
8
- fail: (c) => s("fail", c),
9
- caution: (c) => s("caution", c),
10
- md: {
11
- success: (c) => s("success", c, "md"),
12
- fail: (c) => s("fail", c, "md"),
13
- caution: (c) => s("caution", c, "md")
14
- }
15
- };
16
- }
17
- export {
18
- u as useNotice
19
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_searchContainer_ymhvq_1",s="_searchInput_ymhvq_11",t="_searchInput_small_ymhvq_55",a="_searchInput_medium_ymhvq_67",n="_searchInput_large_ymhvq_77",r="_searchInput_huge_ymhvq_89",h="_searchInputDisabled_ymhvq_101",c="_searchButton_ymhvq_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;
@@ -1,21 +0,0 @@
1
- const e = "_searchContainer_ymhvq_1", s = "_searchInput_ymhvq_11", t = "_searchInput_small_ymhvq_55", a = "_searchInput_medium_ymhvq_67", n = "_searchInput_large_ymhvq_77", _ = "_searchInput_huge_ymhvq_89", h = "_searchInputDisabled_ymhvq_101", c = "_searchButton_ymhvq_117", r = {
2
- searchContainer: e,
3
- searchInput: s,
4
- searchInput_small: t,
5
- searchInput_medium: a,
6
- searchInput_large: n,
7
- searchInput_huge: _,
8
- searchInputDisabled: h,
9
- searchButton: c
10
- };
11
- export {
12
- r as default,
13
- c as searchButton,
14
- e as searchContainer,
15
- s as searchInput,
16
- h as searchInputDisabled,
17
- _ as searchInput_huge,
18
- n as searchInput_large,
19
- a as searchInput_medium,
20
- t as searchInput_small
21
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "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;
@@ -1,73 +0,0 @@
1
- "use client";
2
- import { jsxs as T, jsx as i } from "react/jsx-runtime";
3
- import { useRef as C } from "react";
4
- import e from "prop-types";
5
- import s from "./TSearch.module.css.mjs";
6
- import { useTangoStyle as $ } from "../CSSFab/useTangoStyle.mjs";
7
- import j from "../TButton/index.mjs";
8
- function w(u) {
9
- const {
10
- size: m = "medium",
11
- sx: o = {},
12
- style: p = {},
13
- className: d = "",
14
- onSearch: l = () => {
15
- },
16
- value: a,
17
- defaultValue: f = "",
18
- disabled: r = !1,
19
- placeholder: y = "请输入内容",
20
- path: c = "",
21
- btnText: h = "搜索",
22
- btnStyles: g = {}
23
- } = 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 };
24
- return /* @__PURE__ */ T("div", { className: s.searchContainer, children: [
25
- /* @__PURE__ */ i(
26
- "input",
27
- {
28
- className: v,
29
- style: x,
30
- ref: t ? void 0 : n,
31
- onKeyDown: (N) => N.key === "Enter" && l(t ? a : n.current.value),
32
- value: t ? a : void 0,
33
- defaultValue: t ? void 0 : f,
34
- disabled: r,
35
- placeholder: y
36
- }
37
- ),
38
- /* @__PURE__ */ i(
39
- j,
40
- {
41
- className: s.searchButton,
42
- onClick: () => l(t ? a : n.current.value),
43
- style: g,
44
- size: "small",
45
- disabled: r,
46
- children: c ? /* @__PURE__ */ i(
47
- "img",
48
- {
49
- src: c,
50
- alt: "search-icon",
51
- style: { width: 16, height: 16, marginTop: 2, marginBottom: -3 }
52
- }
53
- ) : h
54
- }
55
- )
56
- ] });
57
- }
58
- w.propTypes = {
59
- size: e.oneOf(["small", "medium", "large", "huge"]),
60
- sx: e.oneOfType([e.object, e.string]),
61
- style: e.object,
62
- onSearch: e.func.isRequired,
63
- className: e.string,
64
- value: e.string,
65
- defaultValue: e.string,
66
- disabled: e.bool,
67
- placeholder: e.string,
68
- path: e.string,
69
- btnText: e.string
70
- };
71
- export {
72
- w as default
73
- };
@@ -1 +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;
@@ -1,23 +0,0 @@
1
- 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 = {
2
- space: e,
3
- space_default: _,
4
- space_inline: c,
5
- space_fixed: a,
6
- space_absolute: s,
7
- space_relative: n,
8
- space_circle: p,
9
- space_triangle: l,
10
- space_halfCircle: t
11
- };
12
- export {
13
- i as default,
14
- e as space,
15
- s as space_absolute,
16
- p as space_circle,
17
- _ as space_default,
18
- a as space_fixed,
19
- t as space_halfCircle,
20
- c as space_inline,
21
- n as space_relative,
22
- l as space_triangle
23
- };
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use strict";const m=require("react/jsx-runtime"),T=require("react"),e=require("prop-types"),o=require("./TSpace.module.css.js"),g=require("../CSSFab/useTangoStyle.js");function t(r,n){const{sx:s={},style:a={},className:l="",onClick:i,children:p,type:u="default"}=r,y=typeof s=="object"?s:{},d=g.useTangoStyle(y),f=typeof s=="string"?s:"",S={...d,...a},x=`${f} ${o.default.space} ${o.default[`space_${u}`]||""} ${l}`;return m.jsx("div",{ref:n,style:S,onClick:i,className:x,children:p})}t.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};const c=T.forwardRef(t);c.propTypes=t.propTypes;c.displayName="Space";module.exports=c;
@@ -1,49 +0,0 @@
1
- "use client";
2
- import { jsx as S } from "react/jsx-runtime";
3
- import x from "react";
4
- import e from "prop-types";
5
- import o from "./TSpace.module.css.mjs";
6
- import { useTangoStyle as T } from "../CSSFab/useTangoStyle.mjs";
7
- function t(a, l) {
8
- const {
9
- sx: s = {},
10
- style: c = {},
11
- className: p = "",
12
- onClick: n,
13
- children: i,
14
- type: y = "default"
15
- } = a, f = T(typeof s == "object" ? s : {}), m = typeof s == "string" ? s : "", d = { ...f, ...c }, u = `${m} ${o.space} ${o[`space_${y}`] || ""} ${p}`;
16
- return /* @__PURE__ */ S(
17
- "div",
18
- {
19
- ref: l,
20
- style: d,
21
- onClick: n,
22
- className: u,
23
- children: i
24
- }
25
- );
26
- }
27
- t.propTypes = {
28
- type: e.oneOf([
29
- "default",
30
- "inline",
31
- "circle",
32
- "triangle",
33
- "halfCircle",
34
- "fixed",
35
- "absolute",
36
- "relative"
37
- ]),
38
- sx: e.oneOfType([e.string, e.object]),
39
- style: e.object,
40
- onClick: e.func,
41
- className: e.string,
42
- children: e.node.isRequired
43
- };
44
- const r = x.forwardRef(t);
45
- r.propTypes = t.propTypes;
46
- r.displayName = "Space";
47
- export {
48
- r as default
49
- };
@@ -1 +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;