@ray-js/components 0.4.6-beta-2 → 0.4.7

package/lib/Textarea/Textarea.js

@@ -1,120 +1,66 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
-import "core-js/modules/es.function.name.js";
+var _excluded = ["className", "onInput", "onConfirm", "onFocus", "onBlur"];
 import * as React from 'react';
-import TextareaAutoSize from 'react-autosize-textarea';
 import clsx from 'clsx';
-import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import { useEventListener } from 'ahooks';
 import styles from './index.module.less';
+import handleProps from '../utils/handleProps';
 
 var Textarea = function (props) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      value = props.value,
-      placeholderStyle = props.placeholderStyle,
-      placeholder = props.placeholder,
+  var className = props.className,
       onInput = props.onInput,
-      onFocus = props.onFocus,
       onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
       onBlur = props.onBlur,
-      maxLength = props.maxLength,
-      focus = props.focus,
-      disabled = props.disabled,
-      name = props.name,
-      autoHeight = props.autoHeight,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var textareaRef = React.useRef();
-
-  var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      internalValue = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (textareaRef.current) {
-      if (focus) {
-        textareaRef.current.focus(); // 设置光标位置
-
-        textareaRef.current.setSelectionRange(-1, -1);
-      } else {
-        textareaRef.current.blur();
-      }
-    }
-  }, [focus]);
-  React.useEffect(function () {
-    setValue(value);
-  }, [value]);
-
-  var _useStylesheet = useStylesheet(_objectSpread({
-    lineHeight: 1.5
-  }, inlineStyle(placeholderStyle))),
-      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
-      placeholderStyleClassName = _useStylesheet2[0];
-
-  function handleKeyPress(e) {
-    if (e.key === 'Enter' && typeof onConfirm === 'function') {
-      onConfirm({
-        value: value
-      });
-    }
-  }
-
-  function handleInput(event) {
-    var target = event.currentTarget;
-    var value = target.value;
-    setValue(value);
+  var currentNode = React.useRef(null);
+  useEventListener('input', function (e) {
     onInput === null || onInput === void 0 ? void 0 : onInput({
-      value: value
+      type: 'input',
+      value: e.detail.value,
+      origin: e
     });
-  } // TODO: 针对 onXxx 事件需要统一 event 属性返回，小程序的 event.detail  等
-
-
-  if (autoHeight) {
-    return /*#__PURE__*/React.createElement(TextareaAutoSize, _extends({
-      id: id,
-      ref: function ref(_ref) {
-        if (_ref) {
-          textareaRef.current = _ref;
-        }
-      },
-      className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
-      style: inlineStyle(style),
-      value: internalValue,
-      name: name,
-      placeholder: placeholder,
-      disabled: disabled,
-      maxLength: maxLength,
-      onChange: handleInput,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onKeyPress: handleKeyPress
-    }, restProps));
-  }
-
-  return /*#__PURE__*/React.createElement("textarea", _extends({
-    id: id,
-    ref: function ref(_ref2) {
-      if (_ref2) {
-        textareaRef.current = _ref2;
-      }
-    },
-    className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
-    style: inlineStyle(style),
-    value: internalValue,
-    name: name,
-    placeholder: placeholder,
-    disabled: disabled,
-    maxLength: maxLength,
-    onChange: handleInput,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyPress: handleKeyPress
-  }, restProps));
+  }, {
+    target: currentNode
+  });
+  useEventListener('confirm', function (e) {
+    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
+      type: 'confirm',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('focus', function (e) {
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+      type: 'focus',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('blur', function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+      type: 'blur',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement("v-textarea", _extends({}, handleProps(restProps), {
+      ref: currentNode,
+      class: clsx('ray-textarea', styles.textarea, className)
+    }))
+  );
 };
 
+Textarea.displayName = 'Textarea';
 export default Textarea;

package/lib/Textarea/Textarea.web.js

@@ -1,120 +1,66 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
-import "core-js/modules/es.function.name.js";
+var _excluded = ["className", "onInput", "onConfirm", "onFocus", "onBlur"];
 import * as React from 'react';
-import TextareaAutoSize from 'react-autosize-textarea';
 import clsx from 'clsx';
-import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import { useEventListener } from 'ahooks';
 import styles from './index.module.less';
+import handleProps from '../utils/handleProps';
 
 var Textarea = function (props) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      value = props.value,
-      placeholderStyle = props.placeholderStyle,
-      placeholder = props.placeholder,
+  var className = props.className,
       onInput = props.onInput,
-      onFocus = props.onFocus,
       onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
       onBlur = props.onBlur,
-      maxLength = props.maxLength,
-      focus = props.focus,
-      disabled = props.disabled,
-      name = props.name,
-      autoHeight = props.autoHeight,
       restProps = _objectWithoutProperties(props, _excluded);
 
-  var textareaRef = React.useRef();
-
-  var _React$useState = React.useState(value),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      internalValue = _React$useState2[0],
-      setValue = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (textareaRef.current) {
-      if (focus) {
-        textareaRef.current.focus(); // 设置光标位置
-
-        textareaRef.current.setSelectionRange(-1, -1);
-      } else {
-        textareaRef.current.blur();
-      }
-    }
-  }, [focus]);
-  React.useEffect(function () {
-    setValue(value);
-  }, [value]);
-
-  var _useStylesheet = useStylesheet(_objectSpread({
-    lineHeight: 1.5
-  }, inlineStyle(placeholderStyle))),
-      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
-      placeholderStyleClassName = _useStylesheet2[0];
-
-  function handleKeyPress(e) {
-    if (e.key === 'Enter' && typeof onConfirm === 'function') {
-      onConfirm({
-        value: value
-      });
-    }
-  }
-
-  function handleInput(event) {
-    var target = event.currentTarget;
-    var value = target.value;
-    setValue(value);
+  var currentNode = React.useRef(null);
+  useEventListener('input', function (e) {
     onInput === null || onInput === void 0 ? void 0 : onInput({
-      value: value
+      type: 'input',
+      value: e.detail.value,
+      origin: e
     });
-  } // TODO: 针对 onXxx 事件需要统一 event 属性返回，小程序的 event.detail  等
-
-
-  if (autoHeight) {
-    return /*#__PURE__*/React.createElement(TextareaAutoSize, _extends({
-      id: id,
-      ref: function ref(_ref) {
-        if (_ref) {
-          textareaRef.current = _ref;
-        }
-      },
-      className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
-      style: inlineStyle(style),
-      value: internalValue,
-      name: name,
-      placeholder: placeholder,
-      disabled: disabled,
-      maxLength: maxLength,
-      onChange: handleInput,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onKeyPress: handleKeyPress
-    }, restProps));
-  }
-
-  return /*#__PURE__*/React.createElement("textarea", _extends({
-    id: id,
-    ref: function ref(_ref2) {
-      if (_ref2) {
-        textareaRef.current = _ref2;
-      }
-    },
-    className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
-    style: inlineStyle(style),
-    value: internalValue,
-    name: name,
-    placeholder: placeholder,
-    disabled: disabled,
-    maxLength: maxLength,
-    onChange: handleInput,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyPress: handleKeyPress
-  }, restProps));
+  }, {
+    target: currentNode
+  });
+  useEventListener('confirm', function (e) {
+    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
+      type: 'confirm',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('focus', function (e) {
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+      type: 'focus',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  useEventListener('blur', function (e) {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+      type: 'blur',
+      value: e.detail.value,
+      origin: e
+    });
+  }, {
+    target: currentNode
+  });
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement("v-textarea", _extends({}, handleProps(restProps), {
+      ref: currentNode,
+      class: clsx('ray-textarea', styles.textarea, className)
+    }))
+  );
 };
 
+Textarea.displayName = 'Textarea';
 export default Textarea;

package/lib/TimePicker/TimePicker.js

@@ -30,7 +30,7 @@ var TimePicker = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-picker", _extends({}, handleProps(props), {
+    React.createElement("v-picker", _extends({}, handleProps(props), {
       ref: currentNode,
       mode: "time"
     }), children)

package/lib/TimePicker/TimePicker.web.js

@@ -30,7 +30,7 @@ var TimePicker = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-picker", _extends({}, handleProps(props), {
+    React.createElement("v-picker", _extends({}, handleProps(props), {
       ref: currentNode,
       mode: "time"
     }), children)

package/lib/View/View.js

@@ -41,7 +41,7 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ty-view", _extends({}, handleProps(props), {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("v-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,
     class: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),

package/lib/View/View.web.js

@@ -41,7 +41,7 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ty-view", _extends({}, handleProps(props), {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("v-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,
     class: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),

package/lib/utils/handleProps.android.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","style","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){(0,_defineProperty2.default)(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;}var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&Object.entries(hoverStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';'),children:children},tempProps);};var _default=handleProps;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","refresherDefaultStyle","overlayStyle","customStyle","indicatorStyle","maskStyle","placeholderStyle","borderStyle","style","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){(0,_defineProperty2.default)(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;}var transformStyle=function(originStyle){return Object.entries(originStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';');};var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,refresherDefaultStyle=props.refresherDefaultStyle,overlayStyle=props.overlayStyle,customStyle=props.customStyle,indicatorStyle=props.indicatorStyle,maskStyle=props.maskStyle,placeholderStyle=props.placeholderStyle,borderStyle=props.borderStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&transformStyle(hoverStyle),'refresher-default-style':refresherDefaultStyle&&transformStyle(hoverStyle),'overlay-style':overlayStyle&&transformStyle(overlayStyle),'custom-style':customStyle&&transformStyle(customStyle),'indicator-style':indicatorStyle&&transformStyle(indicatorStyle),'mask-style':maskStyle&&transformStyle(maskStyle),'placeholder-style':placeholderStyle&&transformStyle(placeholderStyle),'border-style':borderStyle&&transformStyle(borderStyle),children:children},tempProps);};var _default=handleProps;exports.default=_default;

package/lib/utils/handleProps.ios.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","style","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){(0,_defineProperty2.default)(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;}var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&Object.entries(hoverStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';'),children:children},tempProps);};var _default=handleProps;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","refresherDefaultStyle","overlayStyle","customStyle","indicatorStyle","maskStyle","placeholderStyle","borderStyle","style","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){(0,_defineProperty2.default)(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;}var transformStyle=function(originStyle){return Object.entries(originStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';');};var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,refresherDefaultStyle=props.refresherDefaultStyle,overlayStyle=props.overlayStyle,customStyle=props.customStyle,indicatorStyle=props.indicatorStyle,maskStyle=props.maskStyle,placeholderStyle=props.placeholderStyle,borderStyle=props.borderStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&transformStyle(hoverStyle),'refresher-default-style':refresherDefaultStyle&&transformStyle(hoverStyle),'overlay-style':overlayStyle&&transformStyle(overlayStyle),'custom-style':customStyle&&transformStyle(customStyle),'indicator-style':indicatorStyle&&transformStyle(indicatorStyle),'mask-style':maskStyle&&transformStyle(maskStyle),'placeholder-style':placeholderStyle&&transformStyle(placeholderStyle),'border-style':borderStyle&&transformStyle(borderStyle),children:children},tempProps);};var _default=handleProps;exports.default=_default;

package/lib/utils/handleProps.js

@@ -1,23 +1,41 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
-import "core-js/modules/es.json.stringify.js";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.json.stringify.js";
 import { inlineStyle } from '@ray-js/framework-shared';
 import { paramCase } from 'param-case';
+
+var transformStyle = function (originStyle) {
+  return Object.entries(originStyle).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[1];
+
+    return "".concat(k, ":").concat(v);
+  }).join(';');
+};
 /**
  * 处理 web 端 props
  */
 
+
 var handleProps = function (props) {
   var className = props.className,
       hoverClassName = props.hoverClassName,
       hoverStyle = props.hoverStyle,
+      refresherDefaultStyle = props.refresherDefaultStyle,
+      overlayStyle = props.overlayStyle,
+      customStyle = props.customStyle,
+      indicatorStyle = props.indicatorStyle,
+      maskStyle = props.maskStyle,
+      placeholderStyle = props.placeholderStyle,
+      borderStyle = props.borderStyle,
       style = props.style,
       children = props.children,
       tempProps = _objectWithoutProperties(props, _excluded);
@@ -36,13 +54,14 @@ var handleProps = function (props) {
     class: className,
     style: style && inlineStyle(style),
     'hover-class': hoverClassName,
-    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
-
-      return "".concat(k, ":").concat(v);
-    }).join(';'),
+    'hover-style': hoverStyle && transformStyle(hoverStyle),
+    'refresher-default-style': refresherDefaultStyle && transformStyle(hoverStyle),
+    'overlay-style': overlayStyle && transformStyle(overlayStyle),
+    'custom-style': customStyle && transformStyle(customStyle),
+    'indicator-style': indicatorStyle && transformStyle(indicatorStyle),
+    'mask-style': maskStyle && transformStyle(maskStyle),
+    'placeholder-style': placeholderStyle && transformStyle(placeholderStyle),
+    'border-style': borderStyle && transformStyle(borderStyle),
     children: children
   }, tempProps);
 };

package/lib/utils/handleProps.tuya.js

@@ -1,23 +1,41 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
-import "core-js/modules/es.json.stringify.js";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.json.stringify.js";
 import { inlineStyle } from '@ray-js/framework-shared';
 import { paramCase } from 'param-case';
+
+var transformStyle = function (originStyle) {
+  return Object.entries(originStyle).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[1];
+
+    return "".concat(k, ":").concat(v);
+  }).join(';');
+};
 /**
  * 处理 web 端 props
  */
 
+
 var handleProps = function (props) {
   var className = props.className,
       hoverClassName = props.hoverClassName,
       hoverStyle = props.hoverStyle,
+      refresherDefaultStyle = props.refresherDefaultStyle,
+      overlayStyle = props.overlayStyle,
+      customStyle = props.customStyle,
+      indicatorStyle = props.indicatorStyle,
+      maskStyle = props.maskStyle,
+      placeholderStyle = props.placeholderStyle,
+      borderStyle = props.borderStyle,
       style = props.style,
       children = props.children,
       tempProps = _objectWithoutProperties(props, _excluded);
@@ -36,13 +54,14 @@ var handleProps = function (props) {
     class: className,
     style: style && inlineStyle(style),
     'hover-class': hoverClassName,
-    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
-
-      return "".concat(k, ":").concat(v);
-    }).join(';'),
+    'hover-style': hoverStyle && transformStyle(hoverStyle),
+    'refresher-default-style': refresherDefaultStyle && transformStyle(hoverStyle),
+    'overlay-style': overlayStyle && transformStyle(overlayStyle),
+    'custom-style': customStyle && transformStyle(customStyle),
+    'indicator-style': indicatorStyle && transformStyle(indicatorStyle),
+    'mask-style': maskStyle && transformStyle(maskStyle),
+    'placeholder-style': placeholderStyle && transformStyle(placeholderStyle),
+    'border-style': borderStyle && transformStyle(borderStyle),
     children: children
   }, tempProps);
 };

package/lib/utils/handleProps.web.js

@@ -1,23 +1,41 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
-import "core-js/modules/es.json.stringify.js";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
 import "core-js/modules/es.array.join.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.json.stringify.js";
 import { inlineStyle } from '@ray-js/framework-shared';
 import { paramCase } from 'param-case';
+
+var transformStyle = function (originStyle) {
+  return Object.entries(originStyle).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        k = _ref2[0],
+        v = _ref2[1];
+
+    return "".concat(k, ":").concat(v);
+  }).join(';');
+};
 /**
  * 处理 web 端 props
  */
 
+
 var handleProps = function (props) {
   var className = props.className,
       hoverClassName = props.hoverClassName,
       hoverStyle = props.hoverStyle,
+      refresherDefaultStyle = props.refresherDefaultStyle,
+      overlayStyle = props.overlayStyle,
+      customStyle = props.customStyle,
+      indicatorStyle = props.indicatorStyle,
+      maskStyle = props.maskStyle,
+      placeholderStyle = props.placeholderStyle,
+      borderStyle = props.borderStyle,
       style = props.style,
       children = props.children,
       tempProps = _objectWithoutProperties(props, _excluded);
@@ -36,13 +54,14 @@ var handleProps = function (props) {
     class: className,
     style: style && inlineStyle(style),
     'hover-class': hoverClassName,
-    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          k = _ref2[0],
-          v = _ref2[1];
-
-      return "".concat(k, ":").concat(v);
-    }).join(';'),
+    'hover-style': hoverStyle && transformStyle(hoverStyle),
+    'refresher-default-style': refresherDefaultStyle && transformStyle(hoverStyle),
+    'overlay-style': overlayStyle && transformStyle(overlayStyle),
+    'custom-style': customStyle && transformStyle(customStyle),
+    'indicator-style': indicatorStyle && transformStyle(indicatorStyle),
+    'mask-style': maskStyle && transformStyle(maskStyle),
+    'placeholder-style': placeholderStyle && transformStyle(placeholderStyle),
+    'border-style': borderStyle && transformStyle(borderStyle),
     children: children
   }, tempProps);
 };