@nutui/nutui-react 1.3.16-beta.0 → 1.4.0-beta.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# v1.4.0
+`2022-12-21`
+
+* :sparkles: feat: 新增动态主题定制能力 (#546) @oasis-cloud
+* :sparkles: feat: 新增 input 组件对小程序特性的支持 (#542) @simpleStyle
+* :sparkles: feat: 删除 react-router-dom 依赖，涉及的 to 属性不再支持 (#550)  @oasis-cloud
+* :bug: fix: 修复 searchBar 组件 onSearch 方法。 (#549) @xiaoyatong
+* :bug: fix: 修复 noticbar 垂直滚动延迟问题 (#545) @vickyYe
+
+
 # v1.3.15
 `2022-12-14`
 

package/dist/esm/ActionSheet.js

@@ -41,7 +41,7 @@ var ActionSheet = function ActionSheet(props) {
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('actionsheet');
   var isHighlight = function isHighlight(item) {
-    return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || 'name'] ? props.color : '#1a1a1a';
+    return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || 'name'] ? props.color : '$dark1';
   };
   var cancelActionSheet = function cancelActionSheet() {
     onCancel && onCancel();

package/dist/esm/Cell.js

@@ -1,10 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
-import { useHistory } from 'react-router-dom';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -25,13 +24,11 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   iconSlot: null,
   linkSlot: null,
-  click: function click(event) {},
   onClick: function onClick(event) {}
 });
 var Cell = function Cell(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
-    click = _defaultProps$props.click,
     onClick = _defaultProps$props.onClick,
     title = _defaultProps$props.title,
     subTitle = _defaultProps$props.subTitle,
@@ -41,7 +38,6 @@ var Cell = function Cell(props) {
     icon = _defaultProps$props.icon,
     roundRadius = _defaultProps$props.roundRadius,
     url = _defaultProps$props.url,
-    to = _defaultProps$props.to,
     replace = _defaultProps$props.replace,
     center = _defaultProps$props.center,
     size = _defaultProps$props.size,
@@ -52,13 +48,9 @@ var Cell = function Cell(props) {
     iconFontClassName = _defaultProps$props.iconFontClassName,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('cell');
-  var history = useHistory();
   var handleClick = function handleClick(event) {
-    click(event);
     onClick(event);
-    if (to && history) {
-      history[replace ? 'replace' : 'push'](to);
-    } else if (url) {
+    if (url) {
       replace ? window.location.replace(url) : window.location.href = url;
     }
   };
@@ -71,7 +63,7 @@ var Cell = function Cell(props) {
   };
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b({
-      clickable: !!(isLink || to),
+      clickable: !!isLink,
       center: center,
       large: size === 'large'
     }, [className]), " "),
@@ -97,7 +89,7 @@ var Cell = function Cell(props) {
       alone: !title && !subTitle
     }),
     style: styles
-  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
+  }, desc) : null, !linkSlot && isLink ? React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     name: "right",

package/dist/esm/ConfigProvider.js

@@ -3,7 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { createContext, useContext } from 'react';
+import React__default, { createContext, useContext, useMemo } from 'react';
+import _ from 'lodash';
 var zhCN = {
   save: '保存',
   confirm: '确认',
@@ -152,20 +153,33 @@ var setDefaultConfig = function setDefaultConfig(config) {
 var getDefaultConfig = function getDefaultConfig() {
   return defaultConfigRef.current;
 };
+// 创建一个 Context 对象
+var ConfigContext = createContext(null);
 var useConfig = function useConfig() {
   var _useContext;
   return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
 };
-// 创建一个 Context 对象
-var ConfigContext = createContext(null);
+function convertThemeVarsToCSSVars(themeVars) {
+  var cssVars = {};
+  Object.keys(themeVars).forEach(function (key) {
+    cssVars["--".concat(_.kebabCase(key))] = themeVars[key];
+  });
+  return cssVars;
+}
 var ConfigProvider = function ConfigProvider(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     children = _defaultProps$props.children,
     config = _objectWithoutProperties(_defaultProps$props, _excluded);
   var parentConfig = useConfig();
+  var theme = config.theme || {};
+  var style = useMemo(function () {
+    return convertThemeVarsToCSSVars(theme);
+  }, [theme]);
   return React__default.createElement(ConfigContext.Provider, {
     value: _objectSpread(_objectSpread({}, parentConfig), config)
-  }, children);
+  }, React__default.createElement("div", {
+    style: style
+  }, children));
 };
 ConfigProvider.defaultProps = defaultProps;
 ConfigProvider.displayName = 'NutConfigProvider';

package/dist/esm/Empty.js

@@ -18,7 +18,7 @@ var defaultStatus = {
   network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
 };
 var defaultProps = {
-  description: '无内容',
+  description: '',
   image: 'empty',
   imageSize: '',
   className: ''
@@ -26,7 +26,7 @@ var defaultProps = {
 var Empty = function Empty(props) {
   var _useConfig = useConfig(),
     locale = _useConfig.locale;
-  defaultProps.description = locale.noData || defaultProps.description;
+  // defaultProps.description = locale.noData || defaultProps.description
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
     image = _defaultProps$props.image,
     imageSize = _defaultProps$props.imageSize,
@@ -73,7 +73,7 @@ var Empty = function Empty(props) {
     style: imgStyle
   }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
     className: b('description')
-  }, description) : {
+  }, description || locale.noData) : {
     description: description
   }, children));
 };

package/dist/esm/Progress.js

@@ -167,7 +167,7 @@ var Progress = function Progress(props) {
   }, textType === 'text' && React__default.createElement("span", {
     className: classesTextInner,
     style: {
-      color: textColor || '#333'
+      color: textColor || '$title-color'
     }
   }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
     classPrefix: iconClassPrefix,

package/dist/esm/SearchBar.js

@@ -193,7 +193,7 @@ var SearchBar = function SearchBar(props) {
     if (actionText) {
       return React__default.createElement("div", {
         className: searchbarBem('action-text'),
-        onClick: cancel
+        onClick: search
       }, actionText);
     }
     return null;
@@ -207,8 +207,8 @@ var SearchBar = function SearchBar(props) {
       onSearch && onSearch(value);
     }
   };
-  var cancel = function cancel() {
-    onCancel && onCancel();
+  var search = function search() {
+    onSearch && onSearch(value);
   };
   var renderLabel = function renderLabel() {
     if (label) {

package/dist/esm/TabbarItem.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useEffect } from 'react';
-import { useHistory } from 'react-router-dom';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -14,7 +13,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   tabTitle: '',
   icon: '',
   href: '',
-  to: '',
   num: '',
   active: false,
   activeColor: '',
@@ -31,7 +29,6 @@ var TabbarItem = function TabbarItem(props) {
     tabTitle = _defaultProps$props.tabTitle,
     icon = _defaultProps$props.icon,
     href = _defaultProps$props.href,
-    to = _defaultProps$props.to,
     num = _defaultProps$props.num,
     active = _defaultProps$props.active,
     activeColor = _defaultProps$props.activeColor,
@@ -42,16 +39,11 @@ var TabbarItem = function TabbarItem(props) {
     iconFontClassName = _defaultProps$props.iconFontClassName;
   var b = cn('tabbar-item');
   var bIcon = cn('tabbar-item__icon-box');
-  var history = useHistory();
   useEffect(function () {
     if (active && href) {
       window.location.href = href;
-      return;
     }
-    if (active && to) {
-      history.push(to);
-    }
-  }, [active, history, href, to]);
+  }, [active, href]);
   return React__default.createElement("div", {
     className: "".concat(b({
       active: active

package/dist/esm/types/src/packages/cell/cell.d.ts

@@ -9,14 +9,12 @@ export interface CellProps extends BasicComponent {
     icon: string;
     roundRadius: string | number;
     url: string;
-    to: string;
     replace: boolean;
     center: boolean;
     size: string;
     className: string;
     iconSlot: ReactNode;
     linkSlot: ReactNode;
-    click: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

package/dist/esm/types/src/packages/configprovider/configprovider.d.ts

@@ -2,6 +2,8 @@ import React, { FunctionComponent } from 'react';
 import { BaseLang } from '@/locales/base';
 export interface ConfigProviderProps {
     locale: BaseLang;
+    theme?: Record<string, string>;
+    [key: string]: any;
 }
 export declare const defaultConfigRef: {
     current: ConfigProviderProps;

package/dist/esm/types/src/packages/signature/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const SignatureDemo: () => JSX.Element;
 export default SignatureDemo;

package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts

@@ -7,7 +7,6 @@ export interface TabbarItemProps extends BasicComponent {
     tabTitle: string;
     icon: string;
     href: string;
-    to: any;
     num: string | number;
     active: boolean;
     activeColor: string;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.16-beta.0 Fri Dec 16 2022 14:33:20 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:30:05 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */