@daoyi/nmtl-ui 2.0.1-beta.12 → 2.0.1-beta.121

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 (104) hide show
  1. package/lib/components/Autocomplete-3b418e5f.js +494 -0
  2. package/lib/components/Autocomplete.js +20 -1
  3. package/lib/components/Avatar.js +59 -1
  4. package/lib/components/BackTop.js +124 -1
  5. package/lib/components/BarChart.js +764 -1
  6. package/lib/components/Breadcrumbs.js +122 -1
  7. package/lib/components/Button-305b69a0.js +92 -0
  8. package/lib/components/Button.js +6 -1
  9. package/lib/components/Carousel.js +4654 -1
  10. package/lib/components/Checkbox.js +37 -1
  11. package/lib/components/CollapseContent.js +180 -1
  12. package/lib/components/ContactModal-763fc7cb.js +12188 -0
  13. package/lib/components/ContactModal.js +24 -3
  14. package/lib/components/Drawer-48414c2e.js +176 -0
  15. package/lib/components/Drawer.js +17 -1
  16. package/lib/components/Dropdown.js +134 -1
  17. package/lib/components/Empty-c6a44967.js +46 -0
  18. package/lib/components/Empty.js +5 -1
  19. package/lib/components/ExportButton.js +128 -1
  20. package/lib/components/ExtraTools-0f9ca8be.js +3638 -0
  21. package/lib/components/ExtraTools.js +10 -22
  22. package/lib/components/Filter.js +821 -12
  23. package/lib/components/Footer.js +317 -1
  24. package/lib/components/ForwardLink-e86c1080.js +128 -0
  25. package/lib/components/ForwardLink.js +10 -0
  26. package/lib/components/Header.js +233 -1
  27. package/lib/components/Image.js +61 -1
  28. package/lib/components/Input.js +89 -1
  29. package/lib/components/InputMethod.js +33949 -12
  30. package/lib/components/KeywordSearch-fec33a2c.js +156 -0
  31. package/lib/components/KeywordSearch.js +22 -1
  32. package/lib/components/KeywordTicker.js +224 -1
  33. package/lib/components/Keywords.js +383 -1
  34. package/lib/components/Loading.js +32 -1
  35. package/lib/components/MUITheme.js +2657 -1
  36. package/lib/components/Modal-76fef34f.js +116 -0
  37. package/lib/components/Modal.js +10 -1
  38. package/lib/components/MoreButton-19055e07.js +148 -0
  39. package/lib/components/MoreButton.js +8 -1
  40. package/lib/components/Pagination.js +3702 -0
  41. package/lib/components/Radio.js +83 -1
  42. package/lib/components/SNA.js +1721 -22
  43. package/lib/components/Select-141d7992.js +153 -0
  44. package/lib/components/Select.js +13 -1
  45. package/lib/components/Spin-8f87eadc.js +79 -0
  46. package/lib/components/Spin.js +7 -1
  47. package/lib/components/Table.js +51 -1
  48. package/lib/components/Tooltip-6ebfa9c1.js +70 -0
  49. package/lib/components/Tooltip.js +7 -1
  50. package/lib/components/_commonjsHelpers-70de2c37.js +28 -0
  51. package/lib/components/_rollupPluginBabelHelpers-a52356f6.js +142 -0
  52. package/lib/components/createSvgIcon-e3803ee1.js +576 -0
  53. package/lib/components/dataExport-a9e3fae1.js +91 -0
  54. package/lib/components/debounce-127da66c.js +355 -0
  55. package/lib/components/defaultTheme-ed7746fe.js +1661 -0
  56. package/lib/components/globalConfig.js +299 -0
  57. package/lib/components/hoist-non-react-statics.cjs-3f408ad2.js +105 -0
  58. package/lib/components/index-b47819f3.js +481 -0
  59. package/lib/components/index-b76a85f4.js +61 -0
  60. package/lib/components/isObjectLike-e111475d.js +190 -0
  61. package/lib/components/style-inject.es-1f59c1d0.js +28 -1
  62. package/lib/components/toConsumableArray-dbe8af76.js +19 -0
  63. package/lib/components/transform-3a04288b.js +5475 -0
  64. package/lib/components/useTheme-d16d02d9.js +11 -0
  65. package/lib/components/withTheme-2d778133.js +6 -0
  66. package/lib/configs/config.selector.js +151 -0
  67. package/lib/configs/index.d.ts +1 -0
  68. package/lib/configs/index.js +1 -0
  69. package/lib/index.d.ts +2 -0
  70. package/lib/index.js +2 -0
  71. package/lib/utils/_rollupPluginBabelHelpers-8dd26e1a.js +121 -0
  72. package/lib/utils/arrayMerge.js +4953 -1
  73. package/lib/utils/chunkArray.js +15 -1
  74. package/lib/utils/convert2HtmlEntities.js +42 -1
  75. package/lib/utils/domToImage.js +802 -1
  76. package/lib/utils/downloadGephi.js +106 -1
  77. package/lib/utils/exportXlsx.js +235 -1
  78. package/lib/utils/historyAppendSearch.js +502 -1
  79. package/lib/utils/isDevelopMode.js +5 -1
  80. package/lib/utils/parseYMD.js +36 -1
  81. package/lib/utils/removeDuplicateItem.js +11 -1
  82. package/lib/utils/sendEmail.js +39 -1
  83. package/lib/utils/snaDefine-6a2bcd94.js +5 -0
  84. package/lib/utils/snaDefine.js +1 -1
  85. package/lib/utils/snaPreProcess.js +84 -1
  86. package/package.json +16 -19
  87. package/lib/components/Empty-54b79907.js +0 -1
  88. package/lib/components/KeywordSearch-5a393f12.js +0 -1
  89. package/lib/components/Select-f2441b83.js +0 -1
  90. package/lib/components/_rollupPluginBabelHelpers-1b8c042f.js +0 -1
  91. package/lib/components/_rollupPluginBabelHelpers-ec4e2a53.js +0 -1
  92. package/lib/components/createSvgIcon-62b64929.js +0 -1
  93. package/lib/components/createSvgIcon-e24792d4.js +0 -1
  94. package/lib/components/createTheme-7fffa109.js +0 -1
  95. package/lib/components/dataExport-9fccd4f0.js +0 -1
  96. package/lib/components/debounce-c993109b.js +0 -1
  97. package/lib/components/hoist-non-react-statics.cjs-d6a9befd.js +0 -1
  98. package/lib/components/index-11391ca3.js +0 -7
  99. package/lib/components/index-b2745105.js +0 -7
  100. package/lib/components/isObjectLike-2f1983fe.js +0 -1
  101. package/lib/components/style-inject.es-c875d022.js +0 -1
  102. package/lib/components/transform-95ae0119.js +0 -1
  103. package/lib/utils/_commonjsHelpers-e2cda605.js +0 -1
  104. package/lib/utils/_rollupPluginBabelHelpers-928a52ce.js +0 -1
@@ -0,0 +1,153 @@
1
+ import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
2
+ import React__default from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { c as classNames } from './index-b76a85f4.js';
5
+ import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
6
+ import './defaultTheme-ed7746fe.js';
7
+ import 'react-is';
8
+ import '@material-ui/styles';
9
+ import { u as useTheme } from './useTheme-d16d02d9.js';
10
+ import './withTheme-2d778133.js';
11
+ import { E as Empty } from './Empty-c6a44967.js';
12
+ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
13
+
14
+ var css_248z = ".select .MuiSelect-nativeInput {\n visibility: hidden;\n}\n.select__placeholder {\n color: #6b6130;\n}\n.select--small {\n width: 100%;\n}\n.select--small .MuiSelect-root {\n padding: 0.5rem 1.5rem 0.25rem;\n color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n color: white;\n}\n.select--small .MuiOutlinedInput-root {\n border-radius: 45px;\n}";
15
+ styleInject(css_248z);
16
+
17
+ var Select = function Select(props) {
18
+ var style = props.style,
19
+ className = props.className,
20
+ labelInValue = props.labelInValue,
21
+ disabled = props.disabled,
22
+ loading = props.loading,
23
+ placeholder = props.placeholder,
24
+ variantSmall = props.variantSmall,
25
+ background = props.background,
26
+ menuItemClass = props.menuItemClass;
27
+ var options = props.options,
28
+ value = props.value,
29
+ defaultValue = props.defaultValue,
30
+ _onChange = props.onChange,
31
+ ariaLabel = props.ariaLabel,
32
+ ariaLabelledby = props.ariaLabelledby;
33
+ /* WCAG 1.4.3 提示字顏色依主題深淺自動選色:select.scss 的 #6b6130 只適用淺底,
34
+ 深色主題(palette.type=dark,如 ocean 深色 Modal)需改亮灰(WAVE 實測「請輸入 年齡」被抓) */
35
+ var theme = useTheme();
36
+ var placeholderStyle = theme && theme.palette && theme.palette.type === 'dark' ? {
37
+ color: '#bdbdbd'
38
+ } : undefined;
39
+ var itemFind = function itemFind(key) {
40
+ return (options || []).find(function (option) {
41
+ return _typeof(option) === 'object' ? key === option.value : key === option;
42
+ }) || key;
43
+ };
44
+ return /*#__PURE__*/React__default.createElement(FormControl, {
45
+ className: classNames('select', {
46
+ 'select--small': variantSmall
47
+ }, className),
48
+ variant: "outlined"
49
+ }, /*#__PURE__*/React__default.createElement(Select$1, {
50
+ style: _objectSpread2(_objectSpread2({}, style || {}), {}, {
51
+ background: background
52
+ }),
53
+ displayEmpty: true,
54
+ disabled: disabled || loading
55
+ // WCAG 3.3.2 可及名稱:顯示層(role=button)預設以其文字內容(選中值/placeholder)為名稱;
56
+ // 僅在明確提供 ariaLabel/ariaLabelledby 時才覆蓋(避免蓋掉有意義的選中值文字)。
57
+ // 隱藏原生 input 由 select.scss 的 visibility:hidden 讓檢測工具略過,無需再標 label。
58
+ ,
59
+ SelectDisplayProps: {
60
+ 'aria-labelledby': ariaLabelledby || undefined,
61
+ 'aria-label': ariaLabelledby ? undefined : ariaLabel
62
+ },
63
+ renderValue: function renderValue(id) {
64
+ var finder = itemFind(id);
65
+ var content = _typeof(finder) === 'object' ? finder.label : finder;
66
+ /* WCAG 3.1.2 局部語言:選項可帶 lang(如語言選單的「English」),顯示值同步標註 */
67
+ if (_typeof(finder) === 'object' && finder.lang) {
68
+ content = /*#__PURE__*/React__default.createElement("span", {
69
+ lang: finder.lang
70
+ }, content);
71
+ }
72
+ if (!id && id !== 0 || id.length === 0) {
73
+ content = /*#__PURE__*/React__default.createElement("span", {
74
+ className: "select__placeholder",
75
+ style: placeholderStyle
76
+ }, placeholder);
77
+ }
78
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content, loading && /*#__PURE__*/React__default.createElement(CircularProgress, {
79
+ size: 16,
80
+ style: {
81
+ marginLeft: 8,
82
+ marginRight: 4
83
+ }
84
+ }));
85
+ },
86
+ value: value,
87
+ defaultValue: defaultValue,
88
+ onChange: function onChange(event) {
89
+ return _onChange(labelInValue ? itemFind(event.target.value) : event.target.value);
90
+ }
91
+ }, Array.isArray(options) && options.length > 0 ? options.map(function (option) {
92
+ var key = _typeof(option) === 'object' ? option.value : option;
93
+ var text = _typeof(option) === 'object' ? option.label : option;
94
+ var optionLang = _typeof(option) === 'object' ? option.lang : undefined;
95
+ return /*#__PURE__*/React__default.createElement(MenuItem, {
96
+ key: key,
97
+ value: key,
98
+ lang: optionLang,
99
+ ListItemClasses: menuItemClass
100
+ }, text);
101
+ }) : /*#__PURE__*/React__default.createElement(Empty, null)));
102
+ };
103
+ Select.defaultProps = {
104
+ style: undefined,
105
+ className: undefined,
106
+ value: undefined,
107
+ defaultValue: undefined,
108
+ options: undefined,
109
+ labelInValue: undefined,
110
+ disabled: undefined,
111
+ loading: undefined,
112
+ placeholder: 'Please select...',
113
+ variantSmall: undefined,
114
+ background: undefined,
115
+ menuItemClass: undefined,
116
+ onChange: function onChange() {},
117
+ ariaLabel: undefined,
118
+ ariaLabelledby: undefined
119
+ };
120
+ Select.propTypes = {
121
+ /** 樣式 */
122
+ style: PropTypes.objectOf(PropTypes.any),
123
+ /** Css Name */
124
+ className: PropTypes.string,
125
+ /** 選擇的id */
126
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
127
+ /** 預設選擇的id */
128
+ defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
129
+ /** 下拉選單清單 */
130
+ options: PropTypes.arrayOf(PropTypes.any),
131
+ /** onChange時 label value 一起回傳 */
132
+ labelInValue: PropTypes.bool,
133
+ /** 是否禁止使用 */
134
+ disabled: PropTypes.bool,
135
+ /** 是否載入中 */
136
+ loading: PropTypes.bool,
137
+ /** 下拉選單提示字 */
138
+ placeholder: PropTypes.string,
139
+ /** 是否使用小size */
140
+ variantSmall: PropTypes.bool,
141
+ /** 使用變體後的顏色 */
142
+ background: PropTypes.string,
143
+ /** override menuItem class */
144
+ menuItemClass: PropTypes.objectOf(PropTypes.any),
145
+ /** 點選後的返回 */
146
+ onChange: PropTypes.func,
147
+ /** 無障礙名稱(WCAG 3.3.2),未提供時以placeholder代替 */
148
+ ariaLabel: PropTypes.string,
149
+ /** 以外部元素id作為無障礙名稱 */
150
+ ariaLabelledby: PropTypes.string
151
+ };
152
+
153
+ export { Select as S };
@@ -1 +1,13 @@
1
- import{b as e,d as l}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import a from"react";import t from"prop-types";import{c as n}from"./index-b2745105.js";import{FormControl as o,Select as r,CircularProgress as s,MenuItem as i}from"@material-ui/core";import c from"./Empty.js";import{s as u}from"./style-inject.es-1f59c1d0.js";u(".select__placeholder {\n color: #999; }\n\n.select--small {\n width: 100%; }\n .select--small .MuiSelect-root {\n padding: 0.5rem 1.5rem 0.25rem;\n color: white; }\n .select--small .MuiSelect-root .select__placeholder {\n color: white; }\n .select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n background: transparent; }\n .select--small .MuiSvgIcon-root {\n color: white; }\n .select--small .MuiOutlinedInput-root {\n border-radius: 45px; }\n");var m=function(t){var u=t.style,m=t.className,d=t.labelInValue,p=t.disabled,b=t.loading,f=t.placeholder,v=t.variantSmall,g=t.background,y=t.menuItemClass,h=t.options,j=t.value,E=t.defaultValue,I=t.onChange,S=function(e){return(h||[]).find((function(a){return"object"===l(a)?e===a.value:e===a}))||e};return a.createElement(o,{className:n("select",{"select--small":v},m),variant:"outlined"},a.createElement(r,{style:e(e({},u||{}),{},{background:g}),displayEmpty:!0,disabled:p||b,renderValue:function(e){var t=S(e),n="object"===l(t)?t.label:t;return(!e&&0!==e||0===e.length)&&(n=a.createElement("span",{className:"select__placeholder"},f)),a.createElement(a.Fragment,null,n,b&&a.createElement(s,{size:16,style:{marginLeft:8,marginRight:4}}))},value:j,defaultValue:E,onChange:function(e){return I(d?S(e.target.value):e.target.value)}},Array.isArray(h)&&h.length>0?h.map((function(e){var t="object"===l(e)?e.value:e,n="object"===l(e)?e.label:e;return a.createElement(i,{key:t,value:t,ListItemClasses:y},n)})):a.createElement(c,null)))};m.defaultProps={style:void 0,className:void 0,value:void 0,defaultValue:void 0,options:void 0,labelInValue:void 0,disabled:void 0,loading:void 0,placeholder:"Please select...",variantSmall:void 0,background:void 0,menuItemClass:void 0,onChange:function(){}},m.propTypes={style:t.objectOf(t.any),className:t.string,value:t.oneOfType([t.string,t.number]),defaultValue:t.oneOfType([t.string,t.number]),options:t.arrayOf(t.any),labelInValue:t.bool,disabled:t.bool,loading:t.bool,placeholder:t.string,variantSmall:t.bool,background:t.string,menuItemClass:t.objectOf(t.any),onChange:t.func};export{m as default};
1
+ export { S as default } from './Select-141d7992.js';
2
+ import './_rollupPluginBabelHelpers-a52356f6.js';
3
+ import 'react';
4
+ import 'prop-types';
5
+ import './index-b76a85f4.js';
6
+ import '@material-ui/core';
7
+ import './defaultTheme-ed7746fe.js';
8
+ import 'react-is';
9
+ import '@material-ui/styles';
10
+ import './useTheme-d16d02d9.js';
11
+ import './withTheme-2d778133.js';
12
+ import './Empty-c6a44967.js';
13
+ import './style-inject.es-1f59c1d0.js';
@@ -0,0 +1,79 @@
1
+ import React__default, { useMemo } from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { c as classNames } from './index-b76a85f4.js';
4
+ import { Fade, CircularProgress } from '@material-ui/core';
5
+ import { getIntl } from './globalConfig';
6
+ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
7
+
8
+ var css_248z = ".customSpin {\n width: 100%;\n min-height: 100px;\n position: relative;\n}\n.customSpin__spin {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center;\n}";
9
+ styleInject(css_248z);
10
+
11
+ var stringSize = {
12
+ small: 16,
13
+ middle: 24,
14
+ large: 40
15
+ };
16
+ var Spin = function Spin(props) {
17
+ var className = props.className,
18
+ spinning = props.spinning,
19
+ children = props.children,
20
+ size = props.size,
21
+ style = props.style;
22
+ var maxValue = function maxValue(val) {
23
+ // 極大極小值限制 300/16
24
+ var min = val < 16 ? 16 : val;
25
+ var max = min > 300 ? 300 : min;
26
+ return max;
27
+ };
28
+ var matchSize = useMemo(function () {
29
+ if (typeof size === 'string') {
30
+ if (Number(size) && typeof Number(size) === 'number') {
31
+ return maxValue(Number(size));
32
+ }
33
+ return stringSize[size] || 40;
34
+ }
35
+ if (typeof size === 'number') {
36
+ return maxValue(size);
37
+ }
38
+ // default size is large
39
+ return 40;
40
+ }, [size]);
41
+ return /*#__PURE__*/React__default.createElement("div", {
42
+ className: classNames('customSpin', className),
43
+ style: style || {}
44
+ }, /*#__PURE__*/React__default.createElement(Fade, {
45
+ in: spinning,
46
+ style: {
47
+ transitionDelay: '300ms'
48
+ },
49
+ unmountOnExit: true
50
+ }, /*#__PURE__*/React__default.createElement("div", {
51
+ className: "customSpin__spin"
52
+ }, /*#__PURE__*/React__default.createElement(CircularProgress, {
53
+ size: matchSize,
54
+ "aria-label": getIntl().formatMessage({
55
+ id: 'aria.loading'
56
+ })
57
+ }))), children);
58
+ };
59
+ Spin.defaultProps = {
60
+ className: undefined,
61
+ spinning: false,
62
+ children: null,
63
+ size: undefined,
64
+ style: undefined
65
+ };
66
+ Spin.propTypes = {
67
+ /** Css Name */
68
+ className: PropTypes.string,
69
+ /** 是否載入中 */
70
+ spinning: PropTypes.bool,
71
+ /** 內容 */
72
+ children: PropTypes.node,
73
+ /** 自訂尺寸 */
74
+ size: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(stringSize)), PropTypes.number]),
75
+ /** 自訂Style設置 */
76
+ style: PropTypes.objectOf(PropTypes.any)
77
+ };
78
+
79
+ export { Spin as S };
@@ -1 +1,7 @@
1
- import e,{useMemo as n}from"react";import t from"prop-types";import{c as i}from"./index-b2745105.js";import{Fade as s,CircularProgress as r}from"@material-ui/core";import{s as o}from"./style-inject.es-1f59c1d0.js";o(".customSpin {\n width: 100%;\n min-height: 100px;\n position: relative; }\n .customSpin__spin {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 2;\n display: flex;\n justify-content: center;\n align-items: center; }\n");var m={small:16,middle:24,large:40},a=function(t){var o=t.className,a=t.spinning,l=t.children,p=t.size,c=t.style,u=function(e){var n=e<16?16:e;return n>300?300:n},d=n((function(){return"string"==typeof p?Number(p)&&"number"==typeof Number(p)?u(Number(p)):m[p]||40:"number"==typeof p?u(p):40}),[p]);return e.createElement("div",{className:i("customSpin",o),style:c||{}},e.createElement(s,{in:a,style:{transitionDelay:"300ms"},unmountOnExit:!0},e.createElement("div",{className:"customSpin__spin"},e.createElement(r,{size:d}))),l)};a.defaultProps={className:void 0,spinning:!1,children:null,size:void 0,style:void 0},a.propTypes={className:t.string,spinning:t.bool,children:t.node,size:t.oneOfType([t.oneOf(Object.keys(m)),t.number]),style:t.objectOf(t.any)};export{a as default};
1
+ export { S as default } from './Spin-8f87eadc.js';
2
+ import 'react';
3
+ import 'prop-types';
4
+ import './index-b76a85f4.js';
5
+ import '@material-ui/core';
6
+ import './globalConfig';
7
+ import './style-inject.es-1f59c1d0.js';
@@ -1 +1,51 @@
1
- import{c as e}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import r from"react";import a from"prop-types";import{TableContainer as t,Paper as n,Table as l,TableHead as m,TableRow as o,TableCell as c,TableBody as s}from"@material-ui/core";var p=["render"],u=function(a){var u=a.className,i=a.columns,y=a.data;return r.createElement(t,{className:u,component:n},r.createElement(l,{className:"customTable"},r.createElement(m,null,r.createElement(o,null,Array.isArray(i)&&i.map((function(e){var a=e.field,t=e.headerName;return r.createElement(c,{key:a},t)})))),r.createElement(s,null,Array.isArray(y)&&y.map((function(a,t){return r.createElement(o,{key:t.toString()},Array.isArray(i)&&i.map((function(t){var n=t.render,l=e(t,p).field;return r.createElement(c,{key:l,component:"th",scope:"row"},n&&n(a)||a[l])})))})))))};u.defaultProps={className:void 0,columns:[],data:[]},u.propTypes={className:a.string,columns:a.arrayOf(a.any),data:a.arrayOf(a.any)};export{u as default};
1
+ import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
2
+ import React__default from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { TableContainer, Paper, Table as Table$1, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
5
+
6
+ var _excluded = ["render"];
7
+ var Table = function Table(_ref) {
8
+ var className = _ref.className,
9
+ columns = _ref.columns,
10
+ data = _ref.data;
11
+ return /*#__PURE__*/React__default.createElement(TableContainer, {
12
+ className: className,
13
+ component: Paper
14
+ }, /*#__PURE__*/React__default.createElement(Table$1, {
15
+ className: "customTable"
16
+ }, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableRow, null, Array.isArray(columns) && columns.map(function (_ref2) {
17
+ var field = _ref2.field,
18
+ headerName = _ref2.headerName;
19
+ return /*#__PURE__*/React__default.createElement(TableCell, {
20
+ key: field
21
+ }, headerName);
22
+ }))), /*#__PURE__*/React__default.createElement(TableBody, null, Array.isArray(data) && data.map(function (item, index) {
23
+ return /*#__PURE__*/React__default.createElement(TableRow, {
24
+ key: index.toString()
25
+ }, Array.isArray(columns) && columns.map(function (_ref3) {
26
+ var render = _ref3.render,
27
+ columnProps = _objectWithoutProperties(_ref3, _excluded);
28
+ var field = columnProps.field;
29
+ return /*#__PURE__*/React__default.createElement(TableCell, {
30
+ key: field,
31
+ component: "th",
32
+ scope: "row"
33
+ }, render && render(item) || item[field]);
34
+ }));
35
+ }))));
36
+ };
37
+ Table.defaultProps = {
38
+ className: undefined,
39
+ columns: [],
40
+ data: []
41
+ };
42
+ Table.propTypes = {
43
+ /** Css Name */
44
+ className: PropTypes.string,
45
+ /** 欄位列表 */
46
+ columns: PropTypes.arrayOf(PropTypes.any),
47
+ /** 表格內容 */
48
+ data: PropTypes.arrayOf(PropTypes.any)
49
+ };
50
+
51
+ export { Table as default };
@@ -0,0 +1,70 @@
1
+ import React__default from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { Tooltip as Tooltip$1 } from '@material-ui/core';
4
+ import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
5
+ import { c as classNames } from './index-b76a85f4.js';
6
+ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
7
+
8
+ const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
9
+ className: classNames('tooltip', props.className),
10
+ ref: ref
11
+ }), props.children));
12
+ TooltipContent.defaultProps = {
13
+ children: undefined,
14
+ className: undefined
15
+ };
16
+ TooltipContent.propTypes = {
17
+ children: PropTypes.node,
18
+ className: PropTypes.string
19
+ };
20
+
21
+ var css_248z = ".tooltip {\n width: -moz-fit-content;\n width: fit-content;\n}";
22
+ styleInject(css_248z);
23
+
24
+ var placements = {
25
+ top: 'top',
26
+ left: 'left',
27
+ right: 'right',
28
+ bottom: 'bottom',
29
+ topLeft: 'top-start',
30
+ topRight: 'top-end',
31
+ bottomLeft: 'bottom-start',
32
+ bottomRight: 'bottom-end',
33
+ leftTop: 'left-start',
34
+ leftBottom: 'left-end',
35
+ rightTop: 'right-start',
36
+ rightBottom: 'right-end'
37
+ };
38
+ var Tooltip = function Tooltip(_ref) {
39
+ var title = _ref.title,
40
+ className = _ref.className,
41
+ placement = _ref.placement,
42
+ children = _ref.children;
43
+ return /*#__PURE__*/React__default.createElement(Tooltip$1, {
44
+ arrow: true,
45
+ title: title || '',
46
+ placement: placements[placement] || 'top'
47
+ }, /*#__PURE__*/React__default.createElement(TooltipContent, {
48
+ className: className
49
+ }, children));
50
+ };
51
+ Tooltip.defaultProps = {
52
+ className: undefined,
53
+ title: undefined,
54
+ children: 'Tooltip',
55
+ placement: undefined
56
+ };
57
+
58
+ /* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
59
+ Tooltip.propTypes = {
60
+ /** Css Name */
61
+ className: PropTypes.node,
62
+ /** 跳出的內容 */
63
+ title: PropTypes.node,
64
+ /** 子層 */
65
+ children: PropTypes.node,
66
+ /** 位置 */
67
+ placement: PropTypes.oneOf(Object.keys(placements))
68
+ };
69
+
70
+ export { Tooltip as T, placements as p };
@@ -1 +1,7 @@
1
- import t from"react";import e from"prop-types";import{Tooltip as o}from"@material-ui/core";import{_ as r}from"./_rollupPluginBabelHelpers-ec4e2a53.js";import{c as i}from"./index-b2745105.js";import{s as l}from"./style-inject.es-1f59c1d0.js";const a=t.forwardRef(((e,o)=>t.createElement("div",r({},e,{className:i("tooltip",e.className),ref:o}),e.children)));a.defaultProps={children:void 0,className:void 0},a.propTypes={children:e.node,className:e.string};l(".tooltip {\n width: -moz-fit-content;\n width: fit-content; }\n");var s={top:"top",left:"left",right:"right",bottom:"bottom",topLeft:"top-start",topRight:"top-end",bottomLeft:"bottom-start",bottomRight:"bottom-end",leftTop:"left-start",leftBottom:"left-end",rightTop:"right-start",rightBottom:"right-end"},m=function(e){var r=e.title,i=e.className,l=e.placement,m=e.children;return t.createElement(o,{arrow:!0,title:r||"",placement:s[l]||"top"},t.createElement(a,{className:i},m))};m.defaultProps={className:void 0,title:void 0,children:"Tooltip",placement:void 0},m.propTypes={className:e.node,title:e.node,children:e.node,placement:e.oneOf(Object.keys(s))};export{m as default,s as placements};
1
+ export { T as default, p as placements } from './Tooltip-6ebfa9c1.js';
2
+ import 'react';
3
+ import 'prop-types';
4
+ import '@material-ui/core';
5
+ import './_rollupPluginBabelHelpers-a52356f6.js';
6
+ import './index-b76a85f4.js';
7
+ import './style-inject.es-1f59c1d0.js';
@@ -0,0 +1,28 @@
1
+ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
2
+
3
+ function getDefaultExportFromCjs (x) {
4
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
5
+ }
6
+
7
+ function getAugmentedNamespace(n) {
8
+ var f = n.default;
9
+ if (typeof f == "function") {
10
+ var a = function () {
11
+ return f.apply(this, arguments);
12
+ };
13
+ a.prototype = f.prototype;
14
+ } else a = {};
15
+ Object.defineProperty(a, '__esModule', {value: true});
16
+ Object.keys(n).forEach(function (k) {
17
+ var d = Object.getOwnPropertyDescriptor(n, k);
18
+ Object.defineProperty(a, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: function () {
21
+ return n[k];
22
+ }
23
+ });
24
+ });
25
+ return a;
26
+ }
27
+
28
+ export { getDefaultExportFromCjs as a, commonjsGlobal as c, getAugmentedNamespace as g };
@@ -0,0 +1,142 @@
1
+ function ownKeys(object, enumerableOnly) {
2
+ var keys = Object.keys(object);
3
+ if (Object.getOwnPropertySymbols) {
4
+ var symbols = Object.getOwnPropertySymbols(object);
5
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
6
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
7
+ })), keys.push.apply(keys, symbols);
8
+ }
9
+ return keys;
10
+ }
11
+ function _objectSpread2(target) {
12
+ for (var i = 1; i < arguments.length; i++) {
13
+ var source = null != arguments[i] ? arguments[i] : {};
14
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
15
+ _defineProperty(target, key, source[key]);
16
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
17
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
18
+ });
19
+ }
20
+ return target;
21
+ }
22
+ function _typeof(obj) {
23
+ "@babel/helpers - typeof";
24
+
25
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
26
+ return typeof obj;
27
+ } : function (obj) {
28
+ return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
29
+ }, _typeof(obj);
30
+ }
31
+ function _defineProperty(obj, key, value) {
32
+ if (key in obj) {
33
+ Object.defineProperty(obj, key, {
34
+ value: value,
35
+ enumerable: true,
36
+ configurable: true,
37
+ writable: true
38
+ });
39
+ } else {
40
+ obj[key] = value;
41
+ }
42
+ return obj;
43
+ }
44
+ function _extends() {
45
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
46
+ for (var i = 1; i < arguments.length; i++) {
47
+ var source = arguments[i];
48
+ for (var key in source) {
49
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
50
+ target[key] = source[key];
51
+ }
52
+ }
53
+ }
54
+ return target;
55
+ };
56
+ return _extends.apply(this, arguments);
57
+ }
58
+ function _objectWithoutPropertiesLoose(source, excluded) {
59
+ if (source == null) return {};
60
+ var target = {};
61
+ var sourceKeys = Object.keys(source);
62
+ var key, i;
63
+ for (i = 0; i < sourceKeys.length; i++) {
64
+ key = sourceKeys[i];
65
+ if (excluded.indexOf(key) >= 0) continue;
66
+ target[key] = source[key];
67
+ }
68
+ return target;
69
+ }
70
+ function _objectWithoutProperties(source, excluded) {
71
+ if (source == null) return {};
72
+ var target = _objectWithoutPropertiesLoose(source, excluded);
73
+ var key, i;
74
+ if (Object.getOwnPropertySymbols) {
75
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
76
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
77
+ key = sourceSymbolKeys[i];
78
+ if (excluded.indexOf(key) >= 0) continue;
79
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
80
+ target[key] = source[key];
81
+ }
82
+ }
83
+ return target;
84
+ }
85
+ function _taggedTemplateLiteral(strings, raw) {
86
+ if (!raw) {
87
+ raw = strings.slice(0);
88
+ }
89
+ return Object.freeze(Object.defineProperties(strings, {
90
+ raw: {
91
+ value: Object.freeze(raw)
92
+ }
93
+ }));
94
+ }
95
+ function _slicedToArray(arr, i) {
96
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
97
+ }
98
+ function _arrayWithHoles(arr) {
99
+ if (Array.isArray(arr)) return arr;
100
+ }
101
+ function _iterableToArrayLimit(arr, i) {
102
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
103
+ if (_i == null) return;
104
+ var _arr = [];
105
+ var _n = true;
106
+ var _d = false;
107
+ var _s, _e;
108
+ try {
109
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
110
+ _arr.push(_s.value);
111
+ if (i && _arr.length === i) break;
112
+ }
113
+ } catch (err) {
114
+ _d = true;
115
+ _e = err;
116
+ } finally {
117
+ try {
118
+ if (!_n && _i["return"] != null) _i["return"]();
119
+ } finally {
120
+ if (_d) throw _e;
121
+ }
122
+ }
123
+ return _arr;
124
+ }
125
+ function _unsupportedIterableToArray(o, minLen) {
126
+ if (!o) return;
127
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
128
+ var n = Object.prototype.toString.call(o).slice(8, -1);
129
+ if (n === "Object" && o.constructor) n = o.constructor.name;
130
+ if (n === "Map" || n === "Set") return Array.from(o);
131
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
132
+ }
133
+ function _arrayLikeToArray(arr, len) {
134
+ if (len == null || len > arr.length) len = arr.length;
135
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
136
+ return arr2;
137
+ }
138
+ function _nonIterableRest() {
139
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
140
+ }
141
+
142
+ export { _extends as _, _slicedToArray as a, _objectSpread2 as b, _objectWithoutProperties as c, _typeof as d, _defineProperty as e, _taggedTemplateLiteral as f };