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

package/lib/components/ContactModal.js

@@ -1 +1,17 @@
-export{C as default}from"./ContactModal-d7e2f8bb.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"axios";import"./Modal-a7591b98.js";import"@material-ui/core";import"@material-ui/icons";import"./Button-63c7e9f3.js";import"./Spin-690a3597.js";import"./Select-98a8e973.js";import"./Empty-70f040a9.js";import"./globalConfig-40069b54.js";
+export { C as default } from './ContactModal-a59bc808.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 'axios';
+import './Modal-a7591b98.js';
+import '@material-ui/core';
+import '@material-ui/icons';
+import './Button-63c7e9f3.js';
+import './Spin-690a3597.js';
+import './Select-98a8e973.js';
+import './Empty-70f040a9.js';
+import './globalConfig';

package/lib/components/Drawer-af3ed21a.js

@@ -1 +1,157 @@
-import{a as e}from"./_rollupPluginBabelHelpers-fde6d1c6.js";import r,{useState as a}from"react";import n from"prop-types";import{List as t,ListItem as o,ListItemIcon as l,ListItemText as i,IconButton as s,Drawer as d,Divider as p}from"@material-ui/core";import{DehazeRounded as u}from"@material-ui/icons";import{S as c}from"./Select-98a8e973.js";import{useHistory as m,useRouteMatch as g}from"react-router-dom";import{s as f}from"./vendor-851c6356.js";var w=[{value:"zh-tw",label:"繁體中文"}],_=function(e){var r=e.language,a=e.supportLanguages;return a.some((function(e){return e.value===r}))?r:a[0].value};const h=e=>{let{drawerList:a,setOpen:n}=e;const s=m(),{url:d}=g();return r.createElement(t,{className:"drawer__list"},Array.isArray(a)&&a.map(((e,a)=>{let{name:t,icon:p,path:u}=e;return r.createElement(o,{button:!0,key:a.toString(),onClick:()=>{u.indexOf("http")>-1?window.location=u:s.push({pathname:`${d}${u}`}),n(!1)}},p&&r.createElement(l,{style:{marginRight:24}},p),r.createElement(i,{primary:t}))})))};h.defaultProps={},h.propTypes={drawerList:n.arrayOf(n.any).isRequired,setOpen:n.func.isRequired};f(".drawer__icon {\n  display: none !important; }\n\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px; }\n  .drawer__header-title {\n    font-size: 18px;\n    font-weight: bold; }\n\n.drawer__list {\n  padding: 10px !important; }\n  .drawer__list .MuiSvgIcon-root {\n    margin-left: 8px; }\n\n.drawer__lang {\n  margin: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n");var y=function(n){var t=n.title,o=n.logo,l=n.locale,i=n.supportLanguages,m=n.drawerList,g=n.onLanguageChange,f=a(!1),w=e(f,2),y=w[0],v=w[1];return r.createElement("div",{className:"drawer"},r.createElement(s,{className:"drawer__icon",onClick:function(){return v(!0)}},r.createElement(u,{fontSize:"large"})),r.createElement(d,{anchor:"right",open:y,onClose:function(){return v(!1)},onKeyDown:function(){return v(!1)}},(o||t)&&r.createElement("div",{className:"drawer__header"},r.createElement("div",{className:"drawer__header-logo"},o),r.createElement("div",{className:"drawer__header-title"},t)),r.createElement(p,null),r.createElement(h,{drawerList:(Array.isArray(m)?m:[]).filter((function(e){return e.showInHeader})),setOpen:v}),r.createElement(p,null),Array.isArray(i)&&i.length>0&&r.createElement(c,{className:"drawer__lang",defaultValue:_({language:l,supportLanguages:i}),onChange:function(e){return g(e)},options:i})))};y.defaultProps={title:void 0,logo:void 0,locale:void 0,supportLanguages:[{value:"en",label:"English"},{value:"zh-tw",label:"繁體中文"},{value:"zh-cn",label:"簡體中文"}],drawerList:void 0,onLanguageChange:function(){}},y.propTypes={title:n.string,logo:n.node,locale:n.string,supportLanguages:n.arrayOf(n.any),drawerList:n.arrayOf(n.any),onLanguageChange:n.func};export{y as D,_ as c,w as d};
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
+import { DehazeRounded } from '@material-ui/icons';
+import { S as Select } from './Select-98a8e973.js';
+import { useHistory, useRouteMatch } from 'react-router-dom';
+import { s as styleInject } from './vendor-851c6356.js';
+
+var defaultSupportLanguage = [
+// { value: 'en', label: 'English' },
+{
+  value: 'zh-tw',
+  label: '繁體中文'
+}
+// { value: 'zh-cn', label: '簡體中文' },
+];
+
+/* [檢查-語系]本系統是否支援該語系 並回傳語系 */
+var checkLanguageSupport = function checkLanguageSupport(_ref) {
+  var language = _ref.language,
+    supportLanguages = _ref.supportLanguages;
+  var isSupport = supportLanguages.some(function (_ref2) {
+    var value = _ref2.value;
+    return value === language;
+  });
+  return isSupport ? language : supportLanguages[0].value;
+};
+
+const DrawerList = _ref => {
+  let {
+    drawerList,
+    setOpen
+  } = _ref;
+  const history = useHistory();
+  const {
+    url
+  } = useRouteMatch();
+  return /*#__PURE__*/React__default.createElement(List, {
+    className: "drawer__list"
+  }, Array.isArray(drawerList) && drawerList.map((_ref2, index) => {
+    let {
+      name,
+      icon,
+      path
+    } = _ref2;
+    return /*#__PURE__*/React__default.createElement(ListItem, {
+      button: true,
+      key: index.toString(),
+      onClick: () => {
+        if (path.indexOf('http') > -1) {
+          window.location = path;
+        } else {
+          history.push({
+            pathname: `${url}${path}`
+          });
+        }
+        setOpen(false);
+      }
+    }, icon && /*#__PURE__*/React__default.createElement(ListItemIcon, {
+      style: {
+        marginRight: 24
+      }
+    }, icon), /*#__PURE__*/React__default.createElement(ListItemText, {
+      primary: name
+    }));
+  }));
+};
+DrawerList.defaultProps = {};
+DrawerList.propTypes = {
+  drawerList: PropTypes.arrayOf(PropTypes.any).isRequired,
+  setOpen: PropTypes.func.isRequired
+};
+
+var css_248z = ".drawer__icon {\n  display: none !important; }\n\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px; }\n  .drawer__header-title {\n    font-size: 18px;\n    font-weight: bold; }\n\n.drawer__list {\n  padding: 10px !important; }\n  .drawer__list .MuiSvgIcon-root {\n    margin-left: 8px; }\n\n.drawer__lang {\n  margin: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n";
+styleInject(css_248z);
+
+var Drawer = function Drawer(_ref) {
+  var title = _ref.title,
+    logo = _ref.logo,
+    locale = _ref.locale,
+    supportLanguages = _ref.supportLanguages,
+    drawerList = _ref.drawerList,
+    onLanguageChange = _ref.onLanguageChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "drawer"
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    className: "drawer__icon",
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, /*#__PURE__*/React__default.createElement(DehazeRounded, {
+    fontSize: "large"
+  })), /*#__PURE__*/React__default.createElement(Drawer$1, {
+    anchor: "right",
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    onKeyDown: function onKeyDown() {
+      return setOpen(false);
+    }
+  }, (logo || title) && /*#__PURE__*/React__default.createElement("div", {
+    className: "drawer__header"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "drawer__header-logo"
+  }, logo), /*#__PURE__*/React__default.createElement("div", {
+    className: "drawer__header-title"
+  }, title)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(DrawerList, {
+    drawerList: (Array.isArray(drawerList) ? drawerList : []).filter(function (_ref2) {
+      var showInHeader = _ref2.showInHeader;
+      return showInHeader;
+    }),
+    setOpen: setOpen
+  }), /*#__PURE__*/React__default.createElement(Divider, null), Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
+    className: "drawer__lang",
+    defaultValue: checkLanguageSupport({
+      language: locale,
+      supportLanguages: supportLanguages
+    }),
+    onChange: function onChange(value) {
+      return onLanguageChange(value);
+    },
+    options: supportLanguages
+  })));
+};
+Drawer.defaultProps = {
+  title: undefined,
+  logo: undefined,
+  locale: undefined,
+  supportLanguages: [{
+    value: 'en',
+    label: 'English'
+  }, {
+    value: 'zh-tw',
+    label: '繁體中文'
+  }, {
+    value: 'zh-cn',
+    label: '簡體中文'
+  }],
+  drawerList: undefined,
+  onLanguageChange: function onLanguageChange() {}
+};
+Drawer.propTypes = {
+  title: PropTypes.string,
+  logo: PropTypes.node,
+  locale: PropTypes.string,
+  supportLanguages: PropTypes.arrayOf(PropTypes.any),
+  drawerList: PropTypes.arrayOf(PropTypes.any),
+  onLanguageChange: PropTypes.func
+};
+
+export { Drawer as D, checkLanguageSupport as c, defaultSupportLanguage as d };

package/lib/components/Drawer.js

@@ -1 +1,13 @@
-export{D as default}from"./Drawer-af3ed21a.js";import"./_rollupPluginBabelHelpers-fde6d1c6.js";import"react";import"prop-types";import"@material-ui/core";import"@material-ui/icons";import"./Select-98a8e973.js";import"./vendor-851c6356.js";import"react-is";import"@material-ui/styles";import"react-dom";import"./Empty-70f040a9.js";import"react-router-dom";
+export { D as default } from './Drawer-af3ed21a.js';
+import './_rollupPluginBabelHelpers-fde6d1c6.js';
+import 'react';
+import 'prop-types';
+import '@material-ui/core';
+import '@material-ui/icons';
+import './Select-98a8e973.js';
+import './vendor-851c6356.js';
+import 'react-is';
+import '@material-ui/styles';
+import 'react-dom';
+import './Empty-70f040a9.js';
+import 'react-router-dom';

package/lib/components/Dropdown.js

@@ -1 +1,135 @@
-import{a as e}from"./_rollupPluginBabelHelpers-fde6d1c6.js";import n,{useRef as o,useState as r}from"react";import{s as t,c as i}from"./vendor-851c6356.js";import a from"prop-types";import{Button as l,Menu as c,Divider as s,MenuItem as d,ListItemIcon as p,ListItemText as u}from"@material-ui/core";import{makeStyles as m}from"@material-ui/styles";import"react-is";import"react-dom";t("");var f={default:"outlined",primary:"contained",link:"text"},b=function(t){var a=t.className,b=t.type,v=t.disabled,y=t.children,C=t.icon,E=t.options,g=t.onOpen,h=t.onClose,k=t.getPopupContainer,O=o(null),P=r(!1),A=e(P,2),N=A[0],x=A[1],j=m((function(){return{root:{opacity:.6,pointerEvents:"none",cursor:"pointer"},disabled:!0}}));return n.createElement("div",{className:i("dropdown",a)},n.createElement(l,{id:"basic-button",ref:O,"aria-controls":"basic-menu","aria-haspopup":"true","aria-expanded":N?"true":void 0,onClick:function(){E&&Array.isArray(E)&&E.length>0&&(x(!0),g&&g())},variant:f[b]||"text",startIcon:C||null,disabled:v||!1},y||null),n.createElement(c,{id:"basic-menu",getContentAnchorEl:null,container:k||O.current,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},anchorEl:O.current,open:N,onClose:function(){x(!1),h&&h()},MenuListProps:{"aria-labelledby":"basic-button"}},E&&Array.isArray(E)&&E.map((function(e,o){return n.createElement("div",{key:o.toString()},e.divider&&n.createElement(s,null),n.createElement(d,{className:e.disabled?j().root:"",onClick:function(){x(!1),h&&h(),e.onClick&&e.onClick({label:e.label,value:e.value})}},e.icon&&n.createElement(p,null,e.icon),e.label&&n.createElement(u,null,e.label)))}))))};b.defaultProps={className:void 0,children:void 0,icon:void 0,type:"link",disabled:void 0,options:void 0,getPopupContainer:void 0,onOpen:void 0,onClose:void 0},b.propTypes={className:a.string,children:a.node,icon:a.node,type:a.oneOf(Object.keys(f)),disabled:a.bool,options:a.arrayOf(a.any),getPopupContainer:a.func,onOpen:a.func,onClose:a.func};export{b as default};
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default, { useRef, useState } from 'react';
+import { s as styleInject, c as classNames } from './vendor-851c6356.js';
+import PropTypes from 'prop-types';
+import { Button, Menu, Divider, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
+import 'react-is';
+import 'react-dom';
+
+var css_248z = "";
+styleInject(css_248z);
+
+var buttonType = {
+  default: 'outlined',
+  primary: 'contained',
+  link: 'text'
+};
+var Dropdown = function Dropdown(props) {
+  var className = props.className,
+    type = props.type,
+    disabled = props.disabled; // Attributes
+
+  var children = props.children,
+    icon = props.icon; // Node/Elements
+
+  var options = props.options; // Data List
+
+  var onOpen = props.onOpen,
+    _onClose = props.onClose,
+    getPopupContainer = props.getPopupContainer; // Callback List
+
+  var buttonRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var useStyles = makeStyles(function () {
+    return {
+      root: {
+        opacity: 0.6,
+        pointerEvents: 'none',
+        cursor: 'pointer'
+      },
+      disabled: true
+    };
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('dropdown', className)
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    id: "basic-button",
+    ref: buttonRef,
+    "aria-controls": "basic-menu",
+    "aria-haspopup": "true",
+    "aria-expanded": open ? 'true' : undefined,
+    onClick: function onClick() {
+      if (options && Array.isArray(options) && options.length > 0) {
+        setOpen(true);
+        if (onOpen) onOpen();
+      }
+    },
+    variant: buttonType[type] || 'text',
+    startIcon: icon || null,
+    disabled: disabled || false
+  }, children || null), /*#__PURE__*/React__default.createElement(Menu, {
+    id: "basic-menu",
+    getContentAnchorEl: null,
+    container: getPopupContainer || buttonRef.current,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'center'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'center'
+    },
+    anchorEl: buttonRef.current,
+    open: open,
+    onClose: function onClose() {
+      setOpen(false);
+      if (_onClose) _onClose();
+    },
+    MenuListProps: {
+      'aria-labelledby': 'basic-button'
+    }
+  }, options && Array.isArray(options) && options.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index.toString()
+    }, item.divider && /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(MenuItem, {
+      className: item.disabled ? useStyles().root : '',
+      onClick: function onClick() {
+        setOpen(false);
+        if (_onClose) _onClose();
+        if (item.onClick) item.onClick({
+          label: item.label,
+          value: item.value
+        });
+      }
+    }, item.icon && /*#__PURE__*/React__default.createElement(ListItemIcon, null, item.icon), item.label && /*#__PURE__*/React__default.createElement(ListItemText, null, item.label)));
+  })));
+};
+Dropdown.defaultProps = {
+  className: undefined,
+  children: undefined,
+  icon: undefined,
+  type: 'link',
+  disabled: undefined,
+  options: undefined,
+  getPopupContainer: undefined,
+  onOpen: undefined,
+  onClose: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+Dropdown.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 按鈕內容 */
+  children: PropTypes.node,
+  /** 按鈕左側Icon */
+  icon: PropTypes.node,
+  /** 按鈕類型 */
+  type: PropTypes.oneOf(Object.keys(buttonType)),
+  /** Menu按鈕是否禁用 */
+  disabled: PropTypes.bool,
+  /** Menu Data list */
+  options: PropTypes.arrayOf(PropTypes.any),
+  /** Menu content render by node */
+  getPopupContainer: PropTypes.func,
+  /** Menu 開啟 Callback */
+  onOpen: PropTypes.func,
+  /** Menu 關閉 Callback */
+  onClose: PropTypes.func
+};
+
+export { Dropdown as default };

package/lib/components/Empty-70f040a9.js

@@ -1 +1,44 @@
-import e from"react";import t from"prop-types";import{s as a,c}from"./vendor-851c6356.js";a(".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%; }\n  .antd-empty .ant-empty-image {\n    height: 100px;\n    margin-bottom: 8px; }\n    .antd-empty .ant-empty-image img {\n      height: calc(100% - 22px);\n      margin: auto; }\n  .antd-empty .antd-empty-description {\n    color: rgba(0, 0, 0, 0.85); }\n");var i=function(t){var a=t.className,i=t.description,n=t.emptySrc,l=t.imageStyle;return e.createElement("div",{className:c("antd-empty",a)},e.createElement("div",{className:"ant-empty-image"},e.createElement("img",{src:n||"data:image/svg+xml,%3csvg class='ant-empty-img-default' width='184' height='152' viewBox='0 0 184 152' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3cg transform='translate(24 31.67)'%3e %3cellipse fill='%23f5f5f5' fill-opacity='0.8' cx='67.797' cy='106.89' rx='67.797' ry='12.668'%3e%3c/ellipse%3e %3cpath fill='%23aeb8c2' d='M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z'%3e%3c/path%3e %3cpath fill='url(%23linearGradient-1)' d='M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z' transform='translate(13.56)'%3e%3c/path%3e %3cpath fill='%23f5f5f7' d='M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'%3e%3c/path%3e %3cpath fill='%23dce0e6' d='M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z'%3e%3c/path%3e %3c/g%3e %3cpath fill='%23dce0e6' d='M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z'%3e%3c/path%3e %3cg fill='white' transform='translate(149.65 15.383)'%3e %3cellipse cx='20.654' cy='3.167' rx='2.849' ry='2.815'%3e%3c/ellipse%3e %3cpath d='M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z'%3e%3c/path%3e %3c/g%3e %3c/g%3e%3c/svg%3e",alt:i,style:l}),i&&e.createElement("div",{className:"ant-empty-description"},i)))};i.defaultProps={className:void 0,emptySrc:void 0,description:"No Data",imageStyle:{}},i.propTypes={className:t.string,emptySrc:t.string,description:t.node,imageStyle:t.objectOf(t.any)};export{i as E};
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { s as styleInject, c as classNames } from './vendor-851c6356.js';
+
+var img = "data:image/svg+xml,%3csvg class='ant-empty-img-default' width='184' height='152' viewBox='0 0 184 152' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3cg transform='translate(24 31.67)'%3e %3cellipse fill='%23f5f5f5' fill-opacity='0.8' cx='67.797' cy='106.89' rx='67.797' ry='12.668'%3e%3c/ellipse%3e %3cpath fill='%23aeb8c2' d='M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z'%3e%3c/path%3e %3cpath fill='url(%23linearGradient-1)' d='M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z' transform='translate(13.56)'%3e%3c/path%3e %3cpath fill='%23f5f5f7' d='M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'%3e%3c/path%3e %3cpath fill='%23dce0e6' d='M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z'%3e%3c/path%3e %3c/g%3e %3cpath fill='%23dce0e6' d='M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z'%3e%3c/path%3e %3cg fill='white' transform='translate(149.65 15.383)'%3e %3cellipse cx='20.654' cy='3.167' rx='2.849' ry='2.815'%3e%3c/ellipse%3e %3cpath d='M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z'%3e%3c/path%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
+
+var css_248z = ".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%; }\n  .antd-empty .ant-empty-image {\n    height: 100px;\n    margin-bottom: 8px; }\n    .antd-empty .ant-empty-image img {\n      height: calc(100% - 22px);\n      margin: auto; }\n  .antd-empty .antd-empty-description {\n    color: rgba(0, 0, 0, 0.85); }\n";
+styleInject(css_248z);
+
+var Empty = function Empty(_ref) {
+  var className = _ref.className,
+    description = _ref.description,
+    emptySrc = _ref.emptySrc,
+    imageStyle = _ref.imageStyle;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('antd-empty', className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ant-empty-image"
+  }, /*#__PURE__*/React__default.createElement("img", {
+    src: emptySrc || img,
+    alt: description,
+    style: imageStyle
+  }), description && /*#__PURE__*/React__default.createElement("div", {
+    className: "ant-empty-description"
+  }, description)));
+};
+Empty.defaultProps = {
+  className: undefined,
+  emptySrc: undefined,
+  description: 'No Data',
+  imageStyle: {}
+};
+Empty.propTypes = {
+  /** Css名稱 */
+  className: PropTypes.string,
+  /** 空白時圖案的Src */
+  emptySrc: PropTypes.string,
+  /** 描述 */
+  description: PropTypes.node,
+  /** 圖案的style */
+  imageStyle: PropTypes.objectOf(PropTypes.any)
+};
+
+export { Empty as E };

package/lib/components/Empty.js

@@ -1 +1,7 @@
-export{E as default}from"./Empty-70f040a9.js";import"react";import"prop-types";import"./vendor-851c6356.js";import"react-is";import"@material-ui/styles";import"react-dom";
+export { E as default } from './Empty-70f040a9.js';
+import 'react';
+import 'prop-types';
+import './vendor-851c6356.js';
+import 'react-is';
+import '@material-ui/styles';
+import 'react-dom';

package/lib/components/ExportButton.js

@@ -1 +1,114 @@
-import{a as t}from"./_rollupPluginBabelHelpers-fde6d1c6.js";import e,{useState as o}from"react";import r from"prop-types";import{s as n,c as a,f as i}from"./vendor-851c6356.js";import{ExitToApp as c}from"@material-ui/icons";import{Dialog as l,DialogContent as p,DialogContentText as s,DialogActions as u,Button as f}from"@material-ui/core";import{j as m,a as x}from"./dataExport-f418e6fe.js";import{g as d}from"./globalConfig-40069b54.js";import"react-is";import"@material-ui/styles";import"react-dom";n(".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none; }\n  .exportButton--right {\n    justify-content: flex-end; }\n  .exportButton__text {\n    display: flex;\n    align-items: center;\n    text-decoration: underline;\n    cursor: pointer; }\n    .exportButton__text__icon {\n      font-size: 2rem;\n      margin-right: 4px; }\n    .exportButton__text:hover {\n      font-weight: bold; }\n");var y=function(r){var n=r.className,y=r.color,g=r.right,T=r.forceTxt,_=r.exportText,v=r.exportTypeText,b=r.data,E=d().formatMessage,B=o(!1),k=t(B,2),h=k[0],j=k[1],C=[{type:"CSV",click:function(){return i("\ufeff".concat(x(b)),"output.csv")}},{type:"EXCEL",click:function(){return i("\ufeff".concat(x(b)),"output.xls")}},{type:"TXT",click:function(){return i("\ufeff".concat(m(b)),"output.txt")}}];return e.createElement("div",{style:{color:y},className:a("exportButton",{"exportButton--right":g},n)},e.createElement("div",{className:"exportButton__text",onClick:function(){return T?i("\ufeff".concat(m(b)),"output.txt"):j(!0)}},e.createElement(c,{className:"exportButton__text__icon"}),_||E({id:"common.export"})),e.createElement(l,{open:h,keepMounted:!0,onClose:function(){return j(!1)},"aria-labelledby":"alert-dialog-slide-title","aria-describedby":"alert-dialog-slide-description"},e.createElement(p,null,e.createElement(s,null,v||E({id:"common.export.type"}))),e.createElement(u,null,C.map((function(t){var o=t.type,r=t.click;return e.createElement(f,{key:o,variant:"text",onClick:function(){r(),j(!1)}},o)})))))};y.defaultProps={className:void 0,color:"#4e3a16",right:void 0,forceTxt:!0,exportText:void 0,exportTypeText:"Export Type",data:void 0},y.propTypes={className:r.string,color:r.string,right:r.bool,forceTxt:r.bool,exportText:r.string,exportTypeText:r.string,data:r.oneOfType([r.objectOf(r.any),r.arrayOf(r.any)])};export{y as default};
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { s as styleInject, c as classNames, f as fileDownload } from './vendor-851c6356.js';
+import { ExitToApp } from '@material-ui/icons';
+import { Dialog, DialogContent, DialogContentText, DialogActions, Button } from '@material-ui/core';
+import { j as jsonTxt, a as jsonExcel } from './dataExport-f418e6fe.js';
+import { getIntl } from './globalConfig';
+import 'react-is';
+import '@material-ui/styles';
+import 'react-dom';
+
+var css_248z = ".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none; }\n  .exportButton--right {\n    justify-content: flex-end; }\n  .exportButton__text {\n    display: flex;\n    align-items: center;\n    text-decoration: underline;\n    cursor: pointer; }\n    .exportButton__text__icon {\n      font-size: 2rem;\n      margin-right: 4px; }\n    .exportButton__text:hover {\n      font-weight: bold; }\n";
+styleInject(css_248z);
+
+var ExportButton = function ExportButton(_ref) {
+  var className = _ref.className,
+    color = _ref.color,
+    right = _ref.right,
+    forceTxt = _ref.forceTxt,
+    exportText = _ref.exportText,
+    exportTypeText = _ref.exportTypeText,
+    data = _ref.data;
+  var _getIntl = getIntl(),
+    formatMessage = _getIntl.formatMessage;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var buttons = [{
+    type: 'CSV',
+    click: function click() {
+      return fileDownload("\uFEFF".concat(jsonExcel(data)), 'output.csv');
+    }
+  }, {
+    type: 'EXCEL',
+    click: function click() {
+      return fileDownload("\uFEFF".concat(jsonExcel(data)), 'output.xls');
+    }
+  }, {
+    type: 'TXT',
+    click: function click() {
+      return fileDownload("\uFEFF".concat(jsonTxt(data)), 'output.txt');
+    }
+  }];
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      color: color
+    },
+    className: classNames('exportButton', {
+      'exportButton--right': right
+    }, className)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "exportButton__text",
+    onClick: function onClick() {
+      return forceTxt ? fileDownload("\uFEFF".concat(jsonTxt(data)), 'output.txt') : setOpen(true);
+    }
+  }, /*#__PURE__*/React__default.createElement(ExitToApp, {
+    className: "exportButton__text__icon"
+  }), exportText || formatMessage({
+    id: 'common.export'
+  })), /*#__PURE__*/React__default.createElement(Dialog, {
+    open: open,
+    keepMounted: true,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    "aria-labelledby": "alert-dialog-slide-title",
+    "aria-describedby": "alert-dialog-slide-description"
+  }, /*#__PURE__*/React__default.createElement(DialogContent, null, /*#__PURE__*/React__default.createElement(DialogContentText, null, exportTypeText || formatMessage({
+    id: 'common.export.type'
+  }))), /*#__PURE__*/React__default.createElement(DialogActions, null, buttons.map(function (_ref2) {
+    var type = _ref2.type,
+      click = _ref2.click;
+    return /*#__PURE__*/React__default.createElement(Button, {
+      key: type,
+      variant: "text",
+      onClick: function onClick() {
+        click();
+        setOpen(false);
+      }
+    }, type);
+  }))));
+};
+ExportButton.defaultProps = {
+  className: undefined,
+  color: '#4e3a16',
+  right: undefined,
+  forceTxt: true,
+  // 聽說Excel怪怪的 先強制隱藏
+  exportText: undefined,
+  exportTypeText: 'Export Type',
+  data: undefined
+};
+
+/* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
+ExportButton.propTypes = {
+  /** Css Name */
+  className: PropTypes.string,
+  /** 主題顏色 */
+  color: PropTypes.string,
+  /** 靠右起來 */
+  right: PropTypes.bool,
+  /** 匯出是否強制txt */
+  forceTxt: PropTypes.bool,
+  /** 匯出的文字 */
+  exportText: PropTypes.string,
+  /** 匯出類型的文字 */
+  exportTypeText: PropTypes.string,
+  /** 要匯出的JSON資料 */
+  data: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.any), PropTypes.arrayOf(PropTypes.any)])
+};
+
+export { ExportButton as default };