@daoyi/nmtl-ui 2.0.1-beta.45 → 2.0.1-beta.46

package/lib/components/Select-5533b506.js

@@ -0,0 +1,115 @@
+import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { c as classNames } from './index-f491ebce.js';
+import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
+import { E as Empty } from './Empty-3637b766.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var css_248z = ".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";
+styleInject(css_248z);
+
+var Select = function Select(props) {
+  var style = props.style,
+    className = props.className,
+    labelInValue = props.labelInValue,
+    disabled = props.disabled,
+    loading = props.loading,
+    placeholder = props.placeholder,
+    variantSmall = props.variantSmall,
+    background = props.background,
+    menuItemClass = props.menuItemClass;
+  var options = props.options,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    _onChange = props.onChange;
+  var itemFind = function itemFind(key) {
+    return (options || []).find(function (option) {
+      return _typeof(option) === 'object' ? key === option.value : key === option;
+    }) || key;
+  };
+  return /*#__PURE__*/React__default.createElement(FormControl, {
+    className: classNames('select', {
+      'select--small': variantSmall
+    }, className),
+    variant: "outlined"
+  }, /*#__PURE__*/React__default.createElement(Select$1, {
+    style: _objectSpread2(_objectSpread2({}, style || {}), {}, {
+      background: background
+    }),
+    displayEmpty: true,
+    disabled: disabled || loading,
+    renderValue: function renderValue(id) {
+      var finder = itemFind(id);
+      var content = _typeof(finder) === 'object' ? finder.label : finder;
+      if (!id && id !== 0 || id.length === 0) content = /*#__PURE__*/React__default.createElement("span", {
+        className: "select__placeholder"
+      }, placeholder);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, content, loading && /*#__PURE__*/React__default.createElement(CircularProgress, {
+        size: 16,
+        style: {
+          marginLeft: 8,
+          marginRight: 4
+        }
+      }));
+    },
+    value: value,
+    defaultValue: defaultValue,
+    onChange: function onChange(event) {
+      return _onChange(labelInValue ? itemFind(event.target.value) : event.target.value);
+    }
+  }, Array.isArray(options) && options.length > 0 ? options.map(function (option) {
+    var key = _typeof(option) === 'object' ? option.value : option;
+    var text = _typeof(option) === 'object' ? option.label : option;
+    return /*#__PURE__*/React__default.createElement(MenuItem, {
+      key: key,
+      value: key,
+      ListItemClasses: menuItemClass
+    }, text);
+  }) : /*#__PURE__*/React__default.createElement(Empty, null)));
+};
+Select.defaultProps = {
+  style: undefined,
+  className: undefined,
+  value: undefined,
+  defaultValue: undefined,
+  options: undefined,
+  labelInValue: undefined,
+  disabled: undefined,
+  loading: undefined,
+  placeholder: 'Please select...',
+  variantSmall: undefined,
+  background: undefined,
+  menuItemClass: undefined,
+  onChange: function onChange() {}
+};
+Select.propTypes = {
+  /** 樣式 */
+  style: PropTypes.objectOf(PropTypes.any),
+  /** Css Name */
+  className: PropTypes.string,
+  /** 選擇的id */
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /** 預設選擇的id */
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  /** 下拉選單清單 */
+  options: PropTypes.arrayOf(PropTypes.any),
+  /** onChange時 label value 一起回傳 */
+  labelInValue: PropTypes.bool,
+  /** 是否禁止使用 */
+  disabled: PropTypes.bool,
+  /** 是否載入中 */
+  loading: PropTypes.bool,
+  /** 下拉選單提示字 */
+  placeholder: PropTypes.string,
+  /** 是否使用小size */
+  variantSmall: PropTypes.bool,
+  /** 使用變體後的顏色 */
+  background: PropTypes.string,
+  /** override menuItem class */
+  menuItemClass: PropTypes.objectOf(PropTypes.any),
+  /** 點選後的返回 */
+  onChange: PropTypes.func
+};
+
+export { Select as S };

package/lib/components/Select.js

@@ -1 +1,8 @@
-export{S as default}from"./Select-98a8e973.js";import"./_rollupPluginBabelHelpers-fde6d1c6.js";import"react";import"prop-types";import"./vendor-851c6356.js";import"react-is";import"@material-ui/styles";import"react-dom";import"@material-ui/core";import"./Empty-70f040a9.js";
+export { S as default } from './Select-5533b506.js';
+import './_rollupPluginBabelHelpers-fde6d1c6.js';
+import 'react';
+import 'prop-types';
+import './index-f491ebce.js';
+import '@material-ui/core';
+import './Empty-3637b766.js';
+import './style-inject.es-1f59c1d0.js';

package/lib/components/Spin-ebf79c17.js

@@ -0,0 +1,75 @@
+import React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { c as classNames } from './index-f491ebce.js';
+import { Fade, CircularProgress } from '@material-ui/core';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+var css_248z = ".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";
+styleInject(css_248z);
+
+var stringSize = {
+  small: 16,
+  middle: 24,
+  large: 40
+};
+var Spin = function Spin(props) {
+  var className = props.className,
+    spinning = props.spinning,
+    children = props.children,
+    size = props.size,
+    style = props.style;
+  var maxValue = function maxValue(val) {
+    // 極大極小值限制 300/16
+    var min = val < 16 ? 16 : val;
+    var max = min > 300 ? 300 : min;
+    return max;
+  };
+  var matchSize = useMemo(function () {
+    if (typeof size === 'string') {
+      if (Number(size) && typeof Number(size) === 'number') {
+        return maxValue(Number(size));
+      }
+      return stringSize[size] || 40;
+    }
+    if (typeof size === 'number') {
+      return maxValue(size);
+    }
+    // default size is large
+    return 40;
+  }, [size]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('customSpin', className),
+    style: style || {}
+  }, /*#__PURE__*/React__default.createElement(Fade, {
+    in: spinning,
+    style: {
+      transitionDelay: '300ms'
+    },
+    unmountOnExit: true
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "customSpin__spin"
+  }, /*#__PURE__*/React__default.createElement(CircularProgress, {
+    size: matchSize
+  }))), children);
+};
+Spin.defaultProps = {
+  className: undefined,
+  spinning: false,
+  children: null,
+  size: undefined,
+  style: undefined
+};
+Spin.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 是否載入中 */
+  spinning: PropTypes.bool,
+  /** 內容 */
+  children: PropTypes.node,
+  /** 自訂尺寸 */
+  size: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(stringSize)), PropTypes.number]),
+  /** 自訂Style設置 */
+  style: PropTypes.objectOf(PropTypes.any)
+};
+
+export { Spin as S };

package/lib/components/Spin.js

@@ -1 +1,6 @@
-export{S as default}from"./Spin-690a3597.js";import"react";import"prop-types";import"./vendor-851c6356.js";import"react-is";import"@material-ui/styles";import"react-dom";import"@material-ui/core";
+export { S as default } from './Spin-ebf79c17.js';
+import 'react';
+import 'prop-types';
+import './index-f491ebce.js';
+import '@material-ui/core';
+import './style-inject.es-1f59c1d0.js';

package/lib/components/Table.js

@@ -1 +1,51 @@
-import{c as e}from"./_rollupPluginBabelHelpers-fde6d1c6.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,f=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(f)&&f.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};
+import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { TableContainer, Paper, Table as Table$1, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+
+var _excluded = ["render"];
+var Table = function Table(_ref) {
+  var className = _ref.className,
+    columns = _ref.columns,
+    data = _ref.data;
+  return /*#__PURE__*/React__default.createElement(TableContainer, {
+    className: className,
+    component: Paper
+  }, /*#__PURE__*/React__default.createElement(Table$1, {
+    className: "customTable"
+  }, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableRow, null, Array.isArray(columns) && columns.map(function (_ref2) {
+    var field = _ref2.field,
+      headerName = _ref2.headerName;
+    return /*#__PURE__*/React__default.createElement(TableCell, {
+      key: field
+    }, headerName);
+  }))), /*#__PURE__*/React__default.createElement(TableBody, null, Array.isArray(data) && data.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(TableRow, {
+      key: index.toString()
+    }, Array.isArray(columns) && columns.map(function (_ref3) {
+      var render = _ref3.render,
+        columnProps = _objectWithoutProperties(_ref3, _excluded);
+      var field = columnProps.field;
+      return /*#__PURE__*/React__default.createElement(TableCell, {
+        key: field,
+        component: "th",
+        scope: "row"
+      }, render && render(item) || item[field]);
+    }));
+  }))));
+};
+Table.defaultProps = {
+  className: undefined,
+  columns: [],
+  data: []
+};
+Table.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 欄位列表 */
+  columns: PropTypes.arrayOf(PropTypes.any),
+  /** 表格內容 */
+  data: PropTypes.arrayOf(PropTypes.any)
+};
+
+export { Table as default };

package/lib/components/Tooltip-907eaa2e.js

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { Tooltip as Tooltip$1 } from '@material-ui/core';
+import { _ as _extends } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import { c as classNames } from './index-f491ebce.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+
+const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
+  className: classNames('tooltip', props.className),
+  ref: ref
+}), props.children));
+TooltipContent.defaultProps = {
+  children: undefined,
+  className: undefined
+};
+TooltipContent.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string
+};
+
+var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content; }\n";
+styleInject(css_248z);
+
+var placements = {
+  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'
+};
+var Tooltip = function Tooltip(_ref) {
+  var title = _ref.title,
+    className = _ref.className,
+    placement = _ref.placement,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Tooltip$1, {
+    arrow: true,
+    title: title || '',
+    placement: placements[placement] || 'top'
+  }, /*#__PURE__*/React__default.createElement(TooltipContent, {
+    className: className
+  }, children));
+};
+Tooltip.defaultProps = {
+  className: undefined,
+  title: undefined,
+  children: 'Tooltip',
+  placement: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+Tooltip.propTypes = {
+  /** Css Name */
+  className: PropTypes.node,
+  /** 跳出的內容 */
+  title: PropTypes.node,
+  /** 子層 */
+  children: PropTypes.node,
+  /** 位置 */
+  placement: PropTypes.oneOf(Object.keys(placements))
+};
+
+export { Tooltip as T, placements as p };

package/lib/components/Tooltip.js

@@ -1 +1,7 @@
-export{T as default,p as placements}from"./Tooltip-b7eb966d.js";import"react";import"prop-types";import"@material-ui/core";import"./_rollupPluginBabelHelpers-fde6d1c6.js";import"./vendor-851c6356.js";import"react-is";import"@material-ui/styles";import"react-dom";
+export { T as default, p as placements } from './Tooltip-907eaa2e.js';
+import 'react';
+import 'prop-types';
+import '@material-ui/core';
+import './_rollupPluginBabelHelpers-fde6d1c6.js';
+import './index-f491ebce.js';
+import './style-inject.es-1f59c1d0.js';

package/lib/components/_commonjsHelpers-70de2c37.js

@@ -0,0 +1,28 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function () {
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getDefaultExportFromCjs as a, commonjsGlobal as c, getAugmentedNamespace as g };