UNPKG

@antmjs/vantui

Version:

一套适用于Taro3及React的vantui组件库

47 lines 2.49 kB
import _defineProperty from "@babel/runtime/helpers/defineProperty"; import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties"; var _excluded = ["text", "url", "linkType", "dot", "info", "icon", "style", "onClick", "renderIcon", "className"]; 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 { useCallback } from 'react'; import { Text } from '@tarojs/components'; import VanButton from '../button'; import VanIcon from '../icon'; import { jumpLink } from '../common/jumpLink'; import { jsx as _jsx } from "react/jsx-runtime"; import { jsxs as _jsxs } from "react/jsx-runtime"; export function GoodsActionIcon(props) { var text = props.text, url = props.url, linkType = props.linkType, dot = props.dot, info = props.info, icon = props.icon, style = props.style, onClick = props.onClick, renderIcon = props.renderIcon, className = props.className, others = _objectWithoutProperties(props, _excluded); var _click = useCallback(function (event) { onClick === null || onClick === void 0 ? void 0 : onClick(event); if (url) jumpLink(url, linkType); }, [linkType, onClick, url]); return /*#__PURE__*/_jsxs(VanButton, _objectSpread(_objectSpread({ square: true, size: "mini", className: "van-goods-action-icon ".concat(className), style: style, onClick: _click }, others), {}, { children: [icon ? /*#__PURE__*/_jsx(VanIcon, { name: icon, dot: dot, info: info, className: "van-goods-action-icon__icon icon-class" }) : renderIcon, /*#__PURE__*/_jsx(Text, { className: "text-class", children: text })] })); } export default GoodsActionIcon;