@daoyi/nmtl-ui 2.0.1-beta.113 → 2.0.1-beta.116
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.
- package/lib/components/{Autocomplete-dd6540c5.js → Autocomplete-864269ac.js} +1 -1
- package/lib/components/Autocomplete.js +1 -1
- package/lib/components/Breadcrumbs.js +1 -1
- package/lib/components/Carousel.js +1 -1
- package/lib/components/{ContactModal-b3761fb6.js → ContactModal-7f35b424.js} +2 -2
- package/lib/components/ContactModal.js +2 -2
- package/lib/components/{Drawer-b2edc79b.js → Drawer-43937e1c.js} +1 -1
- package/lib/components/Drawer.js +1 -1
- package/lib/components/Footer.js +2 -2
- package/lib/components/Header.js +3 -3
- package/lib/components/InputMethod.js +3 -3
- package/lib/components/{KeywordSearch-f56c8cb2.js → KeywordSearch-d12e1b4f.js} +1 -1
- package/lib/components/KeywordSearch.js +2 -2
- package/lib/components/KeywordTicker.js +1 -1
- package/lib/components/Keywords.js +1 -1
- package/lib/components/MUITheme.js +19 -1
- package/lib/components/{Modal-777fe87d.js → Modal-2451be75.js} +1 -1
- package/lib/components/Modal.js +1 -1
- package/lib/components/SNA.js +1 -1
- package/package.json +1 -1
|
@@ -220,7 +220,7 @@ var useAutocomplete = (_ref => {
|
|
|
220
220
|
};
|
|
221
221
|
});
|
|
222
222
|
|
|
223
|
-
var css_248z = "@charset \"UTF-8\";\n/* 下拉選項鍵盤高亮可視化（R39）：上下鍵挑選時 MUI 只給 data-focus=\"true\"＋\n action.hover（4% 黑）底色，對使用者幾乎不可見（WCAG 2.4.7 精神）。\n 比照 R30 選單選項聚焦模式＝亮底＋2px
|
|
223
|
+
var css_248z = "@charset \"UTF-8\";\n/* 下拉選項鍵盤高亮可視化（R39）：上下鍵挑選時 MUI 只給 data-focus=\"true\"＋\n action.hover（4% 黑）底色，對使用者幾乎不可見（WCAG 2.4.7 精神）。\n 比照 R30 選單選項聚焦模式＝亮底＋2px 虛線內縮完整框。\n 顏色不寫死（R30-1a 教訓：彈窗底色各站不同，horror 為深底 paper）：\n 外框 currentColor 跟隨選項文字色（文字對底 ≥4.5:1，外框對比自動達標）、\n 底色用中性半透明灰（深淺底皆可見）。\n 選單以 Popper 掛在 body，選擇器須在 .autocomplete 之外；\n 加 listbox 父層提高特異度（MUI JSS 同名規則注入較晚，同特異度會蓋掉本檔背景色） */\n.MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus=true] {\n background-color: rgba(127, 127, 127, 0.25);\n outline: 2px dashed currentColor;\n outline-offset: -4px;\n}\n\n.autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n flex-wrap: wrap;\n padding: 0px 8px;\n}\n.autocomplete .MuiChip-deleteIcon {\n width: 16px;\n height: 16px;\n}\n.autocomplete__icon {\n font-size: 1.25rem;\n margin-right: 8px;\n cursor: pointer;\n}\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n display: flex;\n flex-wrap: nowrap;\n padding: 4px 8px;\n}";
|
|
224
224
|
styleInject(css_248z);
|
|
225
225
|
|
|
226
226
|
var Autocomplete = function Autocomplete(props) {
|
|
@@ -5,7 +5,7 @@ import { NavLink } from 'react-router-dom';
|
|
|
5
5
|
import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
7
|
|
|
8
|
-
var css_248z$1 = ".breadcrumbItem {\n display: flex;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.breadcrumbItem:hover {\n opacity: 1;\n}\n.breadcrumbItem--last {\n opacity: 1;\n font-weight: 500 !important;\n}\n.breadcrumbItem__icon {\n display: flex;\n align-items: center;\n margin-right: 4px;\n}\n.breadcrumbItem__icon svg {\n font-size:
|
|
8
|
+
var css_248z$1 = ".breadcrumbItem {\n display: flex;\n opacity: 0.8;\n transition: opacity 0.1s ease-in-out;\n}\n.breadcrumbItem:hover {\n opacity: 1;\n}\n.breadcrumbItem--last {\n opacity: 1;\n font-weight: 500 !important;\n}\n.breadcrumbItem__icon {\n display: flex;\n align-items: center;\n margin-right: 4px;\n}\n.breadcrumbItem__icon svg {\n font-size: 1.125rem;\n}";
|
|
9
9
|
styleInject(css_248z$1);
|
|
10
10
|
|
|
11
11
|
const BreadcrumbItem = _ref => {
|
|
@@ -4596,7 +4596,7 @@ var Slider = /*@__PURE__*/getDefaultExportFromCjs(lib);
|
|
|
4596
4596
|
var css_248z$2 = "/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n}\n\n.slick-list\n{\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0;\n}\n.slick-list:focus\n{\n outline: none;\n}\n.slick-list.dragging\n{\n cursor: pointer;\n cursor: hand;\n}\n\n.slick-slider .slick-track,\n.slick-slider .slick-list\n{\n transform: translate3d(0, 0, 0);\n}\n\n.slick-track\n{\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n.slick-track:before,\n.slick-track:after\n{\n display: table;\n\n content: '';\n}\n.slick-track:after\n{\n clear: both;\n}\n.slick-loading .slick-track\n{\n visibility: hidden;\n}\n\n.slick-slide\n{\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n}\n[dir='rtl'] .slick-slide\n{\n float: right;\n}\n.slick-slide img\n{\n display: block;\n}\n.slick-slide.slick-loading img\n{\n display: none;\n}\n.slick-slide.dragging img\n{\n pointer-events: none;\n}\n.slick-initialized .slick-slide\n{\n display: block;\n}\n.slick-loading .slick-slide\n{\n visibility: hidden;\n}\n.slick-vertical .slick-slide\n{\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n}\n.slick-arrow.slick-hidden {\n display: none;\n}\n";
|
|
4597
4597
|
styleInject(css_248z$2);
|
|
4598
4598
|
|
|
4599
|
-
var css_248z$1 = "@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n color: transparent;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n font-family: 'slick';\n font-size:
|
|
4599
|
+
var css_248z$1 = "@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n color: transparent;\n outline: none;\n background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n font-family: 'slick';\n font-size: 1.25rem;\n line-height: 1;\n\n opacity: .75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n right: -25px;\n left: auto;\n}\n.slick-prev:before\n{\n content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n content: '→';\n}\n\n.slick-next\n{\n right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n right: auto;\n left: -25px;\n}\n.slick-next:before\n{\n content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n margin-bottom: 30px;\n}\n\n.slick-dots\n{\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n}\n.slick-dots li\n{\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n}\n.slick-dots li button\n{\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n opacity: 1;\n}\n.slick-dots li button:before\n{\n font-family: 'slick';\n font-size: 0.375rem;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '•';\n text-align: center;\n\n opacity: .25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n opacity: .75;\n color: black;\n}\n";
|
|
4600
4600
|
styleInject(css_248z$1);
|
|
4601
4601
|
|
|
4602
4602
|
var css_248z = ".carousel .slick-arrow {\n display: none !important;\n}";
|
|
@@ -3,7 +3,7 @@ import React__default, { createContext, forwardRef, createElement, useContext, u
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';
|
|
5
5
|
import axios from 'axios';
|
|
6
|
-
import { M as Modal } from './Modal-
|
|
6
|
+
import { M as Modal } from './Modal-2451be75.js';
|
|
7
7
|
import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
|
|
8
8
|
import { c as classNames } from './index-b76a85f4.js';
|
|
9
9
|
import { Input, IconButton, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
|
|
@@ -11654,7 +11654,7 @@ Upload.propTypes = {
|
|
|
11654
11654
|
onChange: PropTypes.func.isRequired
|
|
11655
11655
|
};
|
|
11656
11656
|
|
|
11657
|
-
var css_248z = ".formItem {\n width: 100%;\n margin-bottom: 16px;\n}\n.formItem:last-child {\n margin-bottom: initial;\n}\n.formItem__title {\n display: flex;\n font-size:
|
|
11657
|
+
var css_248z = ".formItem {\n width: 100%;\n margin-bottom: 16px;\n}\n.formItem:last-child {\n margin-bottom: initial;\n}\n.formItem__title {\n display: flex;\n font-size: 1rem;\n font-weight: bold;\n}\n.formItem__title__star {\n margin-left: 3px;\n color: #b91c1c;\n}\n.formItem__operator {\n margin: 2px 0;\n font-size: 0.875rem;\n}\n.formItem__operator__radio__desc {\n margin-left: 35px !important;\n}\n.formItem__operator--unsupport {\n border: 1px solid #d93333;\n background: pink;\n color: black;\n padding: 5px 10px;\n}\n.formItem__error {\n color: #b91c1c;\n font-weight: bold;\n}\n.formItem textarea {\n border: 1px solid #d9d9d9;\n border-radius: 3px;\n width: 100%;\n background: transparent;\n padding: 6px 10px;\n}\n.formItem ::-webkit-calendar-picker-indicator {\n filter: invert(1);\n}";
|
|
11658
11658
|
styleInject(css_248z);
|
|
11659
11659
|
|
|
11660
11660
|
const FormItem = _ref => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { C as default } from './ContactModal-
|
|
1
|
+
export { C as default } from './ContactModal-7f35b424.js';
|
|
2
2
|
import './_rollupPluginBabelHelpers-a52356f6.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'prop-types';
|
|
5
5
|
import './hoist-non-react-statics.cjs-3f408ad2.js';
|
|
6
6
|
import 'react-is';
|
|
7
7
|
import 'axios';
|
|
8
|
-
import './Modal-
|
|
8
|
+
import './Modal-2451be75.js';
|
|
9
9
|
import './index-b76a85f4.js';
|
|
10
10
|
import '@material-ui/core';
|
|
11
11
|
import '@material-ui/icons';
|
|
@@ -73,7 +73,7 @@ DrawerList.propTypes = {
|
|
|
73
73
|
setOpen: PropTypes.func.isRequired
|
|
74
74
|
};
|
|
75
75
|
|
|
76
|
-
var css_248z = ".drawer__icon {\n display: none !important;\n}\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px;\n}\n.drawer__header-title {\n font-size:
|
|
76
|
+
var css_248z = ".drawer__icon {\n display: none !important;\n}\n.drawer__header {\n display: flex;\n align-items: center;\n padding: 20px;\n}\n.drawer__header-title {\n font-size: 1.125rem;\n font-weight: bold;\n}\n.drawer__list {\n padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n margin-left: 8px;\n}\n.drawer__lang {\n margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n .drawer {\n display: flex;\n justify-content: flex-end;\n }\n .drawer__icon {\n display: flex !important;\n }\n}";
|
|
77
77
|
styleInject(css_248z);
|
|
78
78
|
|
|
79
79
|
var Drawer = function Drawer(_ref) {
|
package/lib/components/Drawer.js
CHANGED
package/lib/components/Footer.js
CHANGED
|
@@ -3,13 +3,13 @@ import React__default, { useState, useEffect } from 'react';
|
|
|
3
3
|
import { c as classNames } from './index-b76a85f4.js';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import axios from 'axios';
|
|
6
|
-
import { C as ContactModal } from './ContactModal-
|
|
6
|
+
import { C as ContactModal } from './ContactModal-7f35b424.js';
|
|
7
7
|
import { S as Spin } from './Spin-8dc60bfe.js';
|
|
8
8
|
import { getIntl } from './globalConfig';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
10
10
|
import './hoist-non-react-statics.cjs-3f408ad2.js';
|
|
11
11
|
import 'react-is';
|
|
12
|
-
import './Modal-
|
|
12
|
+
import './Modal-2451be75.js';
|
|
13
13
|
import '@material-ui/core';
|
|
14
14
|
import '@material-ui/icons';
|
|
15
15
|
import './Button-305b69a0.js';
|
package/lib/components/Header.js
CHANGED
|
@@ -6,15 +6,15 @@ import { d as debounce_1 } from './debounce-127da66c.js';
|
|
|
6
6
|
import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
|
|
7
7
|
import { Typography, IconButton } from '@material-ui/core';
|
|
8
8
|
import { SearchOutlined } from '@material-ui/icons';
|
|
9
|
-
import { K as KeywordSearch } from './KeywordSearch-
|
|
9
|
+
import { K as KeywordSearch } from './KeywordSearch-d12e1b4f.js';
|
|
10
10
|
import { S as Select } from './Select-52ab5299.js';
|
|
11
|
-
import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-
|
|
11
|
+
import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-43937e1c.js';
|
|
12
12
|
import { getIntl } from './globalConfig';
|
|
13
13
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
14
14
|
import './isObjectLike-e111475d.js';
|
|
15
15
|
import './_commonjsHelpers-70de2c37.js';
|
|
16
16
|
import 'axios';
|
|
17
|
-
import './Autocomplete-
|
|
17
|
+
import './Autocomplete-864269ac.js';
|
|
18
18
|
import '@material-ui/lab';
|
|
19
19
|
import './createSvgIcon-e3803ee1.js';
|
|
20
20
|
import './defaultTheme-ed7746fe.js';
|
|
@@ -18749,7 +18749,7 @@ var TouchInputMethod = new function () {
|
|
|
18749
18749
|
}(); // end var TouchInputMethod
|
|
18750
18750
|
document.addEventListener('DOMContentLoaded', TouchInputMethod.init, false);
|
|
18751
18751
|
|
|
18752
|
-
var css_248z$5 = "@charset \"UTF-8\";\n.imeInput {\n width: 100%;\n height: 100%;\n margin: 0;\n display: flex;\n /*使物件依序排列*/\n flex-direction: column;\n /*使物件垂直排列*/\n background: rgba(0, 0, 0, 0.5);\n}\n.imeInput__wrapper {\n flex-grow: 1;\n}\n.imeInput__footer {\n width: 860px;\n margin: 0 auto;\n}\n.imeInput__ime_area {\n background: #464646;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 10px 1rem;\n width: 860px;\n margin: 0 auto;\n}\n.imeInput #input_method_keyboard {\n clear: both;\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n}\n.imeInput #input_method_keyboard button {\n border-color: transparent;\n cursor: pointer;\n}\n.imeInput #input_method_keyboard button:hover {\n border-color: unset;\n}\n.imeInput .disableKey {\n color: #858080 !important;\n}\n.imeInput .disableKey:hover {\n border-color: transparent !important;\n}\n.imeInput .input_keys_area {\n display: flex;\n align-items: flex-end;\n}\n.imeInput .input_keys_area button {\n background: transparent;\n border: 0;\n color: #fff;\n cursor: pointer;\n height: 1.5rem;\n}\n.imeInput #input_method_show_input_keys {\n color: #ebebeb;\n font-size:
|
|
18752
|
+
var css_248z$5 = "@charset \"UTF-8\";\n.imeInput {\n width: 100%;\n height: 100%;\n margin: 0;\n display: flex;\n /*使物件依序排列*/\n flex-direction: column;\n /*使物件垂直排列*/\n background: rgba(0, 0, 0, 0.5);\n}\n.imeInput__wrapper {\n flex-grow: 1;\n}\n.imeInput__footer {\n width: 860px;\n margin: 0 auto;\n}\n.imeInput__ime_area {\n background: #464646;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 10px 1rem;\n width: 860px;\n margin: 0 auto;\n}\n.imeInput #input_method_keyboard {\n clear: both;\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n}\n.imeInput #input_method_keyboard button {\n border-color: transparent;\n cursor: pointer;\n}\n.imeInput #input_method_keyboard button:hover {\n border-color: unset;\n}\n.imeInput .disableKey {\n color: #858080 !important;\n}\n.imeInput .disableKey:hover {\n border-color: transparent !important;\n}\n.imeInput .input_keys_area {\n display: flex;\n align-items: flex-end;\n}\n.imeInput .input_keys_area button {\n background: transparent;\n border: 0;\n color: #fff;\n cursor: pointer;\n height: 1.5rem;\n}\n.imeInput #input_method_show_input_keys {\n color: #ebebeb;\n font-size: 1.25rem;\n text-align: left;\n padding: 8px 30px;\n background-color: #464646;\n position: relative;\n top: -10px;\n width: -moz-fit-content;\n width: fit-content;\n}\n.imeInput #input_method_show_input_keys:empty {\n display: none;\n}\n.imeInput .input_method_candidate__line {\n display: flex;\n width: 100%;\n align-items: flex-start;\n}\n.imeInput .input_method_candidate__line-btn {\n background: transparent;\n border: 0;\n color: #fff;\n cursor: pointer;\n padding-top: 12px;\n}\n.imeInput .input_method_candidate__line-btn:hover {\n color: #c1c1c1;\n}\n.imeInput .input_method_candidate__line .expand {\n max-height: 205px !important;\n overflow: auto !important;\n}\n.imeInput .input_method_candidate__line .compact {\n max-height: 40px;\n overflow: hidden;\n}\n.imeInput .input_method_candidates {\n font-size: 1.3118rem;\n padding: 0 15px;\n background: transparent;\n color: #fff;\n cursor: pointer;\n border: 0;\n line-height: 2.4;\n border-bottom: 1px solid #747474;\n}\n.imeInput .input_method_candidates:empty {\n height: 50;\n border-bottom: 1px solid #747474;\n}\n.imeInput #input_method_candidate {\n clear: both;\n min-height: 40px;\n overflow: hidden;\n width: 100%;\n flex: 2;\n display: flex;\n flex-wrap: wrap;\n margin-left: 23px;\n}\n.imeInput .input_method_inputkey {\n width: 65.5px;\n height: 65.5px;\n background-color: #747474;\n color: #ffffff;\n font-size: 1rem;\n border-radius: 8px;\n margin: 8px;\n padding: 0;\n}\n.imeInput .function_key {\n font-size: 0.875rem;\n background-color: #585858;\n width: 110px;\n color: #fff;\n cursor: pointer;\n border-color: transparent;\n}\n.imeInput .function_key-left {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n padding: 0 0 10px 10px;\n}\n.imeInput .function_key-right {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n padding: 0 10px 10px 0;\n justify-content: flex-end;\n}\n.imeInput .function_key:hover {\n border-color: unset;\n}\n.imeInput .input_method_function {\n display: flex;\n width: 100%;\n}\n.imeInput .input_method_function .input_method_switch_engine {\n flex: 1;\n}\n.imeInput .input_method_function .input_method_switch_q9 {\n flex: 1;\n}\n.imeInput .input_method_function .space {\n flex: 4;\n}\n.imeInput .input_method_function .input_method_symbol_toggle {\n flex: 1;\n}\n.imeInput .input_method_function .close {\n flex: 1;\n}\n.imeInput .input_method_function .close img {\n width: 22px;\n}\n.imeInput .input_method_auto_clear_input_keys_on {\n border-color: red;\n background-color: red;\n}\n.imeInput .input_method_capital_toggle_on {\n background-color: #585858;\n}\n.imeInput .inputMethodSelector {\n position: fixed;\n display: flex;\n width: 100%;\n text-align: center;\n justify-content: center;\n top: 35%;\n}\n.imeInput .inputMethodSelector-hide {\n display: none;\n}\n.imeInput .inputMethodSelector__block {\n background: #464646;\n width: 460px;\n border-radius: 15px;\n height: 65px;\n display: flex;\n flex-wrap: nowrap;\n align-content: stretch;\n align-items: center;\n}\n.imeInput .inputMethodSelector-btn {\n transition: color 0.1s linear;\n transition-delay: 0.1s;\n width: 80px;\n height: 43px;\n margin: 10px 0;\n background: transparent;\n color: #fff;\n font-size: 1.1875rem;\n border-radius: 15px;\n border: 0px;\n cursor: pointer;\n}\n.imeInput .inputMethodSelector-btn-active {\n transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n background: #747474;\n}\n.imeInput .inputMethodSelector-btn:hover {\n background: #747474;\n}\n.imeInput .inputMethodSelector .tabs {\n list-style: none;\n padding: 0;\n width: 460px;\n display: flex;\n height: 65px;\n}\n.imeInput .inputMethodSelector .tabs .indicator {\n display: block;\n position: absolute;\n width: 80px;\n height: 43px;\n background: #747474 !important;\n top: 10px;\n bottom: 0;\n left: 0;\n transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.33, 0.99), width 0.5s linear;\n z-index: 0;\n border-radius: 15px;\n box-shadow: 0 10px 30px 0 rgba(43, 44, 51, 0.15);\n}\n.imeInput .inputMethodSelector .tab {\n transition: color 0.1s linear;\n transition-delay: 0.1s;\n box-shadow: none;\n background-color: transparent;\n width: 80px;\n height: 43px;\n padding: 10px;\n margin: 10px 0;\n cursor: pointer;\n z-index: 1;\n color: #fff;\n border-radius: 15px;\n font-size: 1.1875rem;\n padding: 10px;\n line-height: 15px;\n}\n.imeInput .inputMethodSelector .tab:hover:not(.active) {\n background: #747474;\n}\n.imeInput .inputMethodSelector .tab.active {\n color: #fff;\n box-shadow: none;\n background-color: transparent;\n}\n.imeInput .inputMethodSelector .with-indicator {\n position: relative;\n}";
|
|
18753
18753
|
styleInject(css_248z$5);
|
|
18754
18754
|
|
|
18755
18755
|
var img$Y = "data:image/svg+xml,%3csvg id='Group_392' data-name='Group 392' xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45'%3e %3cpath id='Path_31' data-name='Path 31' d='M31.5%2c34.293a1.5%2c1.5%2c0%2c0%2c0-2.121%2c0l-6.738%2c6.738a.2.2%2c0%2c0%2c1-.282%2c0l-6.738-6.738a1.5%2c1.5%2c0%2c0%2c0-2.121%2c0h0a1.5%2c1.5%2c0%2c0%2c0%2c0%2c2.121l8.293%2c8.293a1%2c1%2c0%2c0%2c0%2c1.414%2c0L31.5%2c36.414a1.5%2c1.5%2c0%2c0%2c0%2c0-2.121Z' fill='white'/%3e %3cpath id='Path_32' data-name='Path 32' d='M44%2c0H1A1%2c1%2c0%2c0%2c0%2c0%2c1V27a1%2c1%2c0%2c0%2c0%2c1%2c1H44a1%2c1%2c0%2c0%2c0%2c1-1V1A1%2c1%2c0%2c0%2c0%2c44%2c0ZM42%2c24.8a.2.2%2c0%2c0%2c1-.2.2H3.2a.2.2%2c0%2c0%2c1-.2-.2V3.2A.2.2%2c0%2c0%2c1%2c3.2%2c3H41.8a.2.2%2c0%2c0%2c1%2c.2.2Z' fill='white'/%3e %3cpath id='Path_33' data-name='Path 33' d='M30%2c18.5H15a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3H30a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e %3cpath id='Path_34' data-name='Path 34' d='M22%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H22a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_35' data-name='Path 35' d='M15%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H15a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_36' data-name='Path 36' d='M10.5%2c8A1.5%2c1.5%2c0%2c0%2c0%2c9%2c6.5H8a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3H9A1.5%2c1.5%2c0%2c0%2c0%2c10.5%2c8Z' fill='white'/%3e %3cpath id='Path_37' data-name='Path 37' d='M29%2c9.5h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3H29a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_38' data-name='Path 38' d='M37%2c6.5H36a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h1a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e %3cpath id='Path_39' data-name='Path 39' d='M21%2c15.5h3a1.5%2c1.5%2c0%2c0%2c0%2c0-3H21a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3Z' fill='white'/%3e %3cpath id='Path_40' data-name='Path 40' d='M15.5%2c14A1.5%2c1.5%2c0%2c0%2c0%2c14%2c12.5H11a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h3A1.5%2c1.5%2c0%2c0%2c0%2c15.5%2c14Z' fill='white'/%3e %3cpath id='Path_41' data-name='Path 41' d='M34%2c12.5H31a1.5%2c1.5%2c0%2c0%2c0%2c0%2c3h3a1.5%2c1.5%2c0%2c0%2c0%2c0-3Z' fill='white'/%3e%3c/svg%3e";
|
|
@@ -33673,7 +33673,7 @@ const Q9Stroke = () => {
|
|
|
33673
33673
|
})));
|
|
33674
33674
|
};
|
|
33675
33675
|
|
|
33676
|
-
var css_248z$2 = ".q9Input {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n align-content: center;\n justify-content: space-between;\n background-color: rgba(0, 0, 0, 0.6);\n color: #fff;\n}\n.q9Input__q9frame {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n bottom: 0px;\n}\n.q9Input__q9frame__main {\n max-width: 400px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background-color: #464646;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n.q9Input__q9frame__main__switch {\n width: 30%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.q9Input__q9frame-close {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 12px;\n}\n.q9Input__q9frame-close img {\n width: 100%;\n max-width: 32px;\n min-width: 32px;\n padding: 6px;\n cursor: pointer;\n}\n.q9Input__q9frame__head {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n padding: 12px;\n}\n.q9Input__q9frame-btn {\n width: calc(25% - 12px);\n background-color: #585858;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 6px;\n padding: 2px 12px;\n height: 100%;\n font-size:
|
|
33676
|
+
var css_248z$2 = ".q9Input {\n width: 100%;\n height: 100vh;\n display: flex;\n flex-direction: column;\n align-content: center;\n justify-content: space-between;\n background-color: rgba(0, 0, 0, 0.6);\n color: #fff;\n}\n.q9Input__q9frame {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n bottom: 0px;\n}\n.q9Input__q9frame__main {\n max-width: 400px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background-color: #464646;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n.q9Input__q9frame__main__switch {\n width: 30%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.q9Input__q9frame-close {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 12px;\n}\n.q9Input__q9frame-close img {\n width: 100%;\n max-width: 32px;\n min-width: 32px;\n padding: 6px;\n cursor: pointer;\n}\n.q9Input__q9frame__head {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: nowrap;\n padding: 12px;\n}\n.q9Input__q9frame-btn {\n width: calc(25% - 12px);\n background-color: #585858;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 6px;\n padding: 2px 12px;\n height: 100%;\n font-size: 1rem;\n border-radius: 6px;\n box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n}\n.q9Input__q9frame-btn img {\n width: 100%;\n max-width: 32px;\n min-width: 20px;\n}\n.q9Input__q9frame iframe {\n width: 100%;\n overflow: hidden;\n background-color: #464646;\n}\n.q9Input .form-group {\n display: flex;\n justify-content: flex-start;\n align-content: center;\n}\n\n#q9Output {\n width: 100%;\n margin: 0px;\n padding: 3vh 3vw;\n border: 0px;\n font-size: 3vw;\n position: relative;\n top: 0px;\n background-color: #464646;\n color: #fff;\n}\n#q9Output:focus {\n outline: none;\n}\n\n#q9pic,\n#q9temp {\n width: 100%;\n z-index: 11;\n position: relative;\n}\n\n#q9temp {\n height: 100%;\n position: absolute;\n z-index: 9;\n visibility: visible;\n}\n\n#canvas {\n width: 100%;\n position: relative;\n}\n\ntable {\n width: 100%;\n /* display: flex; */\n}\n\ntbody {\n /* width: 100%; */\n}\ntbody td > img {\n /* width: 100%; */\n}\ntbody tr,\ntbody td {\n /* width: 100%; */\n}\n\n.q9pic {\n height: 100%;\n}\n.q9pic__wrap {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.q9pic__head {\n width: 100%;\n}\n.q9pic__head img {\n width: 100%;\n}\n.q9pic__body {\n width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n}\n.q9pic__body-left {\n width: 80%;\n display: flex;\n position: relative;\n background-color: #464646;\n}\n.q9pic__body-left img {\n width: 100%;\n position: relative;\n z-index: 11;\n image-rendering: -webkit-optimize-contrast;\n}\n.q9pic__body__page {\n width: 20%;\n height: 100%;\n position: absolute;\n z-index: 2;\n right: 0px;\n top: 0px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.q9pic__body__page-btn {\n padding: 0px 4px;\n height: 40%;\n width: 67%;\n font-size: 1rem;\n color: #fff;\n background-color: #585858;\n box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);\n margin: 16% 0px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n word-break: break-all;\n cursor: pointer;\n border-radius: 6px;\n}\n.q9pic__body-right {\n width: 20%;\n z-index: 1;\n position: relative;\n}\n.q9pic__footer {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.q9pic__footer img {\n width: 100%;\n z-index: 1;\n}\n.q9pic__confirm {\n width: 100%;\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.q9pic__confirm-left {\n position: absolute;\n left: 0;\n top: 0;\n height: 71%;\n width: 59%;\n padding: 3% 5%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.q9pic__confirm-right {\n position: absolute;\n right: 0;\n top: 0;\n height: 71%;\n width: 29%;\n padding: 3% 5%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.q9pic__confirm-btn {\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.q9pic__confirm img {\n z-index: 1;\n}\n\n.q9charform {\n width: 100%;\n height: 100%;\n -webkit-user-select: none;\n user-select: none;\n}\n.q9charform form {\n position: relative;\n margin: 0px;\n display: flex;\n flex-direction: column;\n width: 90%;\n height: 95.5%;\n margin-left: 5%;\n margin-top: 4.5%;\n z-index: 2;\n}\n.q9charform .q9form {\n z-index: 1;\n position: absolute;\n top: 0px;\n}\n.q9charform__form-tr {\n width: 100%;\n height: 31%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 6px;\n}\n.q9charform__form-td {\n width: 80%;\n height: 90%;\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n flex-wrap: wrap;\n margin: 4px;\n position: relative;\n}\n.q9charform__form-td img {\n width: 50%;\n cursor: pointer;\n position: absolute;\n bottom: 0px;\n right: 0px;\n -webkit-user-select: none;\n user-select: none;\n image-rendering: -webkit-optimize-contrast;\n}\n.q9charform__form-td div {\n width: 50%;\n height: 50%;\n background-color: transparent;\n}\n.q9charform__form-td div:nth-child(4) {\n cursor: pointer;\n}\n.q9charform__form-td input {\n width: 50%;\n height: 50%;\n position: relative;\n z-index: 2;\n font-size: 1.125rem;\n background-color: transparent;\n cursor: pointer;\n padding-left: 15%;\n padding-top: 5%;\n font-weight: normal;\n color: #fff;\n -webkit-user-select: none;\n user-select: none;\n border-style: none;\n box-sizing: border-box;\n}\n.q9charform__form-td input:focus {\n outline: none;\n}\n.q9charform table td {\n width: 100%;\n}\n\n.q9bigchar {\n height: 77%;\n width: 100%;\n}";
|
|
33677
33677
|
styleInject(css_248z$2);
|
|
33678
33678
|
|
|
33679
33679
|
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
|
|
@@ -33813,7 +33813,7 @@ Q9Input.propTypes = {
|
|
|
33813
33813
|
onChange: PropTypes.func
|
|
33814
33814
|
};
|
|
33815
33815
|
|
|
33816
|
-
var css_248z$1 = "@media (min-width: 960px) {\n .inputSelect {\n width: 100%;\n position: fixed;\n }\n .inputSelect__container {\n background: rgba(90, 105, 135, 0.4);\n display: flex;\n align-items: center;\n margin: 50px auto;\n border-radius: 35px;\n width: 860px;\n height: 59px;\n }\n .inputSelect-search {\n padding-left: 20px;\n font-size:
|
|
33816
|
+
var css_248z$1 = "@media (min-width: 960px) {\n .inputSelect {\n width: 100%;\n position: fixed;\n }\n .inputSelect__container {\n background: rgba(90, 105, 135, 0.4);\n display: flex;\n align-items: center;\n margin: 50px auto;\n border-radius: 35px;\n width: 860px;\n height: 59px;\n }\n .inputSelect-search {\n padding-left: 20px;\n font-size: 2.875rem !important;\n color: #ebebeb;\n }\n .inputSelect #entry {\n border: 0;\n background: transparent;\n color: #ebebeb;\n padding-left: 10px;\n width: 60%;\n font-size: 1.3118rem;\n }\n .inputSelect #entry:focus-visible {\n outline: 0;\n }\n .inputSelect__selection {\n position: absolute;\n top: 130px;\n color: #ebebeb;\n cursor: pointer;\n font-size: 1.3118rem;\n padding-left: 20px;\n z-index: 99;\n text-align: left;\n height: 400px;\n overflow: auto;\n width: 840px;\n }\n .inputSelect__selection-option {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 800px;\n margin-bottom: 10px;\n }\n}\n@media (min-width: 600px) {\n .inputSelect {\n width: 100%;\n position: fixed;\n }\n .inputSelect__container {\n background: rgba(90, 105, 135, 0.4);\n display: flex;\n align-items: center;\n margin: 54px auto;\n border-radius: 35px;\n width: 860px;\n height: 59px;\n }\n .inputSelect-search {\n padding-left: 20px;\n font-size: 2.875rem !important;\n color: #ebebeb;\n }\n .inputSelect #entry {\n border: 0;\n background: transparent;\n color: #ebebeb;\n padding-left: 10px;\n width: 60%;\n font-size: 1.1244rem;\n }\n .inputSelect #entry:focus-visible {\n outline: 0;\n }\n .inputSelect__selection {\n position: absolute;\n top: 130px;\n color: #ebebeb;\n cursor: pointer;\n font-size: 1.1244rem;\n padding-left: 20px;\n z-index: 99;\n text-align: left;\n height: 400px;\n overflow: auto;\n width: 840px;\n }\n .inputSelect__selection-option {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 800px;\n margin-bottom: 10px;\n }\n}";
|
|
33817
33817
|
styleInject(css_248z$1);
|
|
33818
33818
|
|
|
33819
33819
|
const InputSelect = _ref => {
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { c as classNames } from './index-b76a85f4.js';
|
|
5
5
|
import axios from 'axios';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
|
-
import { A as Autocomplete } from './Autocomplete-
|
|
7
|
+
import { A as Autocomplete } from './Autocomplete-864269ac.js';
|
|
8
8
|
|
|
9
9
|
var css_248z = ".keywordSearch {\n border-radius: 4px;\n width: 100%;\n margin-right: 14px;\n}\n.keywordSearch--animation .autocomplete {\n transition: max-width 0.3s ease-out;\n max-width: 240px;\n}\n.keywordSearch--focus {\n flex: 1;\n}\n.keywordSearch--focus .autocomplete {\n max-width: 100%;\n}\n.keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n border-radius: 10px;\n background-color: #ffffff66;\n}";
|
|
10
10
|
styleInject(css_248z);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export { K as default } from './KeywordSearch-
|
|
1
|
+
export { K as default } from './KeywordSearch-d12e1b4f.js';
|
|
2
2
|
import './_rollupPluginBabelHelpers-a52356f6.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'prop-types';
|
|
5
5
|
import './index-b76a85f4.js';
|
|
6
6
|
import 'axios';
|
|
7
7
|
import './style-inject.es-1f59c1d0.js';
|
|
8
|
-
import './Autocomplete-
|
|
8
|
+
import './Autocomplete-864269ac.js';
|
|
9
9
|
import './debounce-127da66c.js';
|
|
10
10
|
import './isObjectLike-e111475d.js';
|
|
11
11
|
import './_commonjsHelpers-70de2c37.js';
|
|
@@ -9,7 +9,7 @@ import './index-b47819f3.js';
|
|
|
9
9
|
import 'react-router-dom';
|
|
10
10
|
import '@material-ui/core';
|
|
11
11
|
|
|
12
|
-
var css_248z = ".keywordTicker {\n width: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n}\n.keywordTicker__playToggle {\n flex-shrink: 0;\n order: -1;\n z-index: 3;\n margin-right: 8px;\n padding: 4px 10px;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: 1px solid #fff;\n border-radius: 4px;\n font-size: 1rem;\n white-space: nowrap;\n cursor: pointer;\n}\n.keywordTicker__track {\n display: flex;\n width: 100%;\n padding: 20px 0px;\n background-color: #ece8c0;\n overflow: hidden;\n margin-left: -80px;\n padding-left: 100px;\n z-index: 1;\n position: relative;\n}\n.keywordTicker__items {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: nowrap;\n position: relative;\n}\n.keywordTicker-item {\n width: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n cursor: pointer;\n}\n.keywordTicker-text {\n font-size: 1.5rem;\n z-index: 2;\n font-weight: bold;\n color: #825c0d;\n border-left: 2px solid #fff;\n padding: 0px 40px;\n}\n.keywordTicker__img {\n z-index: 2;\n position: relative;\n display: flex;\n}\n.keywordTicker__img img {\n height: 100%;\n max-height: 195px;\n image-rendering: -webkit-optimize-contrast;\n position: relative;\n}\n.keywordTicker--fake {\n position: absolute;\n opacity: 0;\n width: 100%;\n}\n\n@media only screen and (max-width: 768px) {\n .keywordTicker-text {\n font-size: 1.5rem;\n padding: 0px 15px;\n }\n .keywordTicker__img img {\n max-height: 104px;\n left: -60px;\n }\n .keywordTicker__track {\n padding: 10px 0px;\n margin-left: -100px;\n }\n}\n@media only screen and (max-width: 484px) {\n .keywordTicker-text {\n font-size:
|
|
12
|
+
var css_248z = ".keywordTicker {\n width: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n}\n.keywordTicker__playToggle {\n flex-shrink: 0;\n order: -1;\n z-index: 3;\n margin-right: 8px;\n padding: 4px 10px;\n background: rgba(0, 0, 0, 0.75);\n color: #fff;\n border: 1px solid #fff;\n border-radius: 4px;\n font-size: 1rem;\n white-space: nowrap;\n cursor: pointer;\n}\n.keywordTicker__track {\n display: flex;\n width: 100%;\n padding: 20px 0px;\n background-color: #ece8c0;\n overflow: hidden;\n margin-left: -80px;\n padding-left: 100px;\n z-index: 1;\n position: relative;\n}\n.keywordTicker__items {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: nowrap;\n position: relative;\n}\n.keywordTicker-item {\n width: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n cursor: pointer;\n}\n.keywordTicker-text {\n font-size: 1.5rem;\n z-index: 2;\n font-weight: bold;\n color: #825c0d;\n border-left: 2px solid #fff;\n padding: 0px 40px;\n}\n.keywordTicker__img {\n z-index: 2;\n position: relative;\n display: flex;\n}\n.keywordTicker__img img {\n height: 100%;\n max-height: 195px;\n image-rendering: -webkit-optimize-contrast;\n position: relative;\n}\n.keywordTicker--fake {\n position: absolute;\n opacity: 0;\n width: 100%;\n}\n\n@media only screen and (max-width: 768px) {\n .keywordTicker-text {\n font-size: 1.5rem;\n padding: 0px 15px;\n }\n .keywordTicker__img img {\n max-height: 104px;\n left: -60px;\n }\n .keywordTicker__track {\n padding: 10px 0px;\n margin-left: -100px;\n }\n}\n@media only screen and (max-width: 484px) {\n .keywordTicker-text {\n font-size: 0.875rem;\n }\n}";
|
|
13
13
|
styleInject(css_248z);
|
|
14
14
|
|
|
15
15
|
var KeywordTicker = function KeywordTicker(_ref) {
|
|
@@ -2,7 +2,7 @@ import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
|
|
|
2
2
|
import React__default, { useState, useEffect, useRef } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { c as classNames } from './index-b76a85f4.js';
|
|
5
|
-
import { M as Modal } from './Modal-
|
|
5
|
+
import { M as Modal } from './Modal-2451be75.js';
|
|
6
6
|
import { Typography } from '@material-ui/core';
|
|
7
7
|
import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
|
|
8
8
|
import { getIntl } from './globalConfig';
|
|
@@ -2473,6 +2473,23 @@ const commonTheme = _ref => {
|
|
|
2473
2473
|
'&$outlined': {
|
|
2474
2474
|
padding: '4px 8px'
|
|
2475
2475
|
}
|
|
2476
|
+
},
|
|
2477
|
+
/* WCAG 1.4.4 / Freego CS2140401C：MUI v4 內建 iconSize 寫死 px（18/20/22），
|
|
2478
|
+
以 rem 等值覆蓋，避免 JSS 生成絕對字型單位 */
|
|
2479
|
+
iconSizeSmall: {
|
|
2480
|
+
'& > *:first-child': {
|
|
2481
|
+
fontSize: '1.125rem'
|
|
2482
|
+
}
|
|
2483
|
+
},
|
|
2484
|
+
iconSizeMedium: {
|
|
2485
|
+
'& > *:first-child': {
|
|
2486
|
+
fontSize: '1.25rem'
|
|
2487
|
+
}
|
|
2488
|
+
},
|
|
2489
|
+
iconSizeLarge: {
|
|
2490
|
+
'& > *:first-child': {
|
|
2491
|
+
fontSize: '1.375rem'
|
|
2492
|
+
}
|
|
2476
2493
|
}
|
|
2477
2494
|
},
|
|
2478
2495
|
MuiIconButton: {
|
|
@@ -2539,7 +2556,8 @@ const commonTheme = _ref => {
|
|
|
2539
2556
|
},
|
|
2540
2557
|
input: {
|
|
2541
2558
|
padding: '4px 11px',
|
|
2542
|
-
|
|
2559
|
+
/* WCAG 1.4.4 / Freego CS2140401C：字型尺寸一律相對單位 */
|
|
2560
|
+
fontSize: '0.875rem',
|
|
2543
2561
|
height: '24px',
|
|
2544
2562
|
color: darkMode ? '#fff' : 'rgba(0, 0, 0, 0.85)'
|
|
2545
2563
|
}
|
|
@@ -8,7 +8,7 @@ import { S as Spin } from './Spin-8dc60bfe.js';
|
|
|
8
8
|
import { getIntl } from './globalConfig';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
10
10
|
|
|
11
|
-
var css_248z = ".modal__title h2 {\n display: flex;\n align-items: center;\n}\n.modal__title__text {\n flex: 1;\n font-size:
|
|
11
|
+
var css_248z = ".modal__title h2 {\n display: flex;\n align-items: center;\n}\n.modal__title__text {\n flex: 1;\n font-size: 1rem;\n padding: 8px 0;\n color: inherit;\n}\n.modal__title__close {\n cursor: pointer;\n color: inherit;\n}\n.modal--transparent .MuiPaper-root {\n background: transparent !important;\n box-shadow: none;\n}\n.modal--transparent .modal__title {\n background: transparent !important;\n}";
|
|
12
12
|
styleInject(css_248z);
|
|
13
13
|
|
|
14
14
|
var Modal = function Modal(props) {
|
package/lib/components/Modal.js
CHANGED
package/lib/components/SNA.js
CHANGED
|
@@ -1395,7 +1395,7 @@ function zoom() {
|
|
|
1395
1395
|
return zoom;
|
|
1396
1396
|
}
|
|
1397
1397
|
|
|
1398
|
-
var css_248z = ".SNA {\n overflow: hidden;\n object-fit: contain;\n position: relative;\n font-size: 0.75rem;\n width: 100%;\n}\n.SNA--smallSize .node {\n padding-top: 8px;\n font-size: 0.75rem;\n width: 3rem;\n height: 3rem;\n overflow: hidden;\n white-space: pre-wrap;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.SNA .node {\n background-color: #4a4e69;\n border-radius: 50%;\n color: #fff;\n font-size:
|
|
1398
|
+
var css_248z = ".SNA {\n overflow: hidden;\n object-fit: contain;\n position: relative;\n font-size: 0.75rem;\n width: 100%;\n}\n.SNA--smallSize .node {\n padding-top: 8px;\n font-size: 0.75rem;\n width: 3rem;\n height: 3rem;\n overflow: hidden;\n white-space: pre-wrap;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.SNA .node {\n background-color: #4a4e69;\n border-radius: 50%;\n color: #fff;\n font-size: 1.25rem;\n font-weight: 500;\n height: 54px;\n width: 54px;\n padding-top: 15px;\n position: absolute;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: grab;\n}\n.SNA .links line {\n stroke: #c7bfb4;\n stroke-width: 2;\n}\n.SNA .mainNode {\n fill: #4e3a16;\n}\n.SNA .person {\n fill: #867b3a;\n}\n.SNA .publication {\n fill: #825c0d;\n}\n.SNA .article {\n fill: #afafaf;\n}\n.SNA .keyword {\n fill: #fcfae8;\n}\n.SNA .org {\n fill: #000000;\n}\n.SNA #network-graph svg {\n width: 100%;\n height: 100%;\n}\n\n@media only screen and (max-width: 484px) {\n .SNA {\n margin-left: 0px;\n }\n .SNA .node {\n background-color: #4a4e69;\n border-radius: 50%;\n color: #fff;\n font-size: 0.0625rem;\n font-weight: 500;\n height: 44px;\n width: 44px;\n padding-top: 12px;\n position: absolute;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: grab;\n }\n}\n@media only screen and (max-width: 484px) {\n .SNA {\n margin-left: 0px;\n }\n}";
|
|
1399
1399
|
styleInject(css_248z);
|
|
1400
1400
|
|
|
1401
1401
|
/* eslint-disable indent */
|
package/package.json
CHANGED