@hanwenbo/x-taro-ui 0.0.1

package/es/components/radio/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Radio Component Types
+ */
+/// <reference types="react" />
+import type { SizeVariant } from '../../theme/types';
+export declare type RadioValue = string | number;
+export interface RadioProps {
+    /** Checked state */
+    checked?: boolean;
+    /** Default checked (uncontrolled) */
+    defaultChecked?: boolean;
+    icon?: React.ReactNode | ((checked: boolean) => React.ReactNode);
+    /** Disabled state */
+    disabled?: boolean;
+    /** Radio value (for group usage) */
+    value?: RadioValue;
+    /** Label content */
+    children?: React.ReactNode;
+    /** Size variant */
+    size?: SizeVariant;
+    /** Full width block style */
+    block?: boolean;
+    /** Change handler */
+    onChange?: (checked: boolean) => void;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Accessible label for custom pressable semantics */
+    ariaLabel?: string;
+    /** Stable selector for tests and automation */
+    testID?: string;
+}
+export interface RadioGroupProps {
+    /** Selected value */
+    value?: RadioValue | null;
+    /** Default value (uncontrolled) */
+    defaultValue?: RadioValue | null;
+    /** Disabled entire group */
+    disabled?: boolean;
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Size variant for all radios */
+    size?: SizeVariant;
+    /** Full width block style */
+    block?: boolean;
+    /** Options (can be used instead of children) */
+    options?: Array<{
+        label: React.ReactNode;
+        value: RadioValue;
+        disabled?: boolean;
+    }>;
+    /** Change handler */
+    onChange?: (value: RadioValue) => void;
+    /** Radio children */
+    children?: React.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Gap between radio rows, in px */
+    gap?: number;
+    /** Stable selector for tests and automation */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/radio/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/rate/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as Rate } from './rate';
+export { default } from './rate';
+//# sourceMappingURL=index.d.ts.map

package/es/components/rate/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as Rate } from "./rate";
+export { default } from "./rate";

package/es/components/rate/rate.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { RateProps } from './types';
+export declare const Rate: React.FC<RateProps>;
+export default Rate;
+//# sourceMappingURL=rate.d.ts.map

package/es/components/rate/rate.js

@@ -0,0 +1,195 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useCallback, useState } from 'react';
+import { View } from '@tarojs/components';
+import { scaleMobileSelection, useTokens } from "../../theme";
+import { classNames } from "../../utils";
+import { useConfigProvider } from "../configProvider";
+import { Icon } from "../icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function resolveSize(size) {
+  if (typeof size === 'number') return Math.max(0, size);
+  if (size === 'small') return 18;
+  if (size === 'large') return 28;
+  return 20;
+}
+function getFillMode(value, index, allowHalf) {
+  if (value >= index + 1) return 'full';
+  if (allowHalf && value >= index + 0.5) return 'half';
+  return 'empty';
+}
+export var Rate = function Rate(props) {
+  var _ref;
+  var hasValueProp = Object.prototype.hasOwnProperty.call(props, 'value');
+  var value = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+    _props$count = props.count,
+    count = _props$count === void 0 ? 5 : _props$count,
+    _props$allowHalf = props.allowHalf,
+    allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    disabledProp = props.disabled,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    color = props.color,
+    activeColor = props.activeColor,
+    inactiveColor = props.inactiveColor,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 20 : _props$size,
+    className = props.className,
+    style = props.style,
+    _props$testID = props.testID,
+    testID = _props$testID === void 0 ? 'rate' : _props$testID,
+    _props$ariaLabel = props.ariaLabel,
+    ariaLabel = _props$ariaLabel === void 0 ? '评分' : _props$ariaLabel,
+    onChange = props.onChange;
+  var config = useConfigProvider();
+  var disabled = Boolean(disabledProp || config.disabled);
+  var _useTokens = useTokens(),
+    colors = _useTokens.colors;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverValue = _useState4[0],
+    setHoverValue = _useState4[1];
+  var isControlled = hasValueProp;
+  var currentValue = isControlled ? value !== null && value !== void 0 ? value : defaultValue : internalValue;
+  var displayValue = hoverValue !== null && hoverValue !== void 0 ? hoverValue : currentValue;
+  var isReadOnly = readonly || readOnly;
+  var isInteractionDisabled = disabled || isReadOnly;
+  var resolvedCount = Number.isFinite(count) ? Math.max(0, Math.floor(count)) : 5;
+  var resolvedSize = resolveSize(size);
+  var resolvedActiveColor = activeColor !== null && activeColor !== void 0 ? activeColor : colors.warning;
+  var resolvedInactiveColor = (_ref = inactiveColor !== null && inactiveColor !== void 0 ? inactiveColor : color) !== null && _ref !== void 0 ? _ref : colors['muted-foreground'];
+  var commitValue = useCallback(function (nextValue) {
+    if (isInteractionDisabled) return;
+    var committedValue = allowClear && nextValue === currentValue ? 0 : nextValue;
+    if (!isControlled) {
+      setInternalValue(committedValue);
+    }
+    onChange === null || onChange === void 0 || onChange(committedValue);
+  }, [allowClear, currentValue, isControlled, isInteractionDisabled, onChange]);
+  return /*#__PURE__*/_jsx(View, {
+    className: classNames("".concat(config.prefixCls, "-rate"), disabled && "".concat(config.prefixCls, "-rate--disabled"), isReadOnly && "".concat(config.prefixCls, "-rate--readonly"), className),
+    "data-slot": "rate-root",
+    "data-readonly": isReadOnly ? 'true' : 'false',
+    "data-disabled": disabled ? 'true' : 'false',
+    "data-testid": testID,
+    ariaRole: "group",
+    ariaLabel: "".concat(ariaLabel, "\uFF0C\u5F53\u524D ").concat(currentValue),
+    style: _objectSpread({
+      display: 'inline-flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      alignSelf: 'flex-start',
+      flexShrink: 0,
+      gap: scaleMobileSelection(4),
+      opacity: disabled ? 0.5 : 1
+    }, style),
+    onMouseLeave: function onMouseLeave() {
+      return setHoverValue(null);
+    },
+    children: Array.from({
+      length: resolvedCount
+    }).map(function (_, index) {
+      var fillMode = getFillMode(displayValue, index, allowHalf);
+      var fillWidth = fillMode === 'full' ? '100%' : fillMode === 'half' ? '50%' : '0%';
+      return /*#__PURE__*/_jsxs(View, {
+        className: "".concat(config.prefixCls, "-rate__item"),
+        "data-slot": "rate-item",
+        "data-index": index,
+        "data-active": fillMode === 'full' ? 'true' : 'false',
+        "data-half-active": fillMode === 'half' ? 'true' : 'false',
+        "data-readonly": isReadOnly ? 'true' : 'false',
+        "data-testid": "".concat(testID, "-star-").concat(index + 1),
+        ariaRole: "button",
+        ariaLabel: "".concat(ariaLabel, " ").concat(index + 1),
+        style: {
+          position: 'relative',
+          width: resolvedSize,
+          height: resolvedSize,
+          flexShrink: 0,
+          cursor: isInteractionDisabled ? 'default' : 'pointer',
+          transition: 'transform var(--x-duration-standard) var(--x-easing-standard)'
+        },
+        onClick: isInteractionDisabled ? undefined : function () {
+          return commitValue(index + 1);
+        },
+        onMouseEnter: isInteractionDisabled ? undefined : function () {
+          return setHoverValue(index + 1);
+        },
+        children: [/*#__PURE__*/_jsx(Icon, {
+          name: "Star",
+          size: resolvedSize,
+          color: resolvedInactiveColor,
+          fill: resolvedInactiveColor,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0
+          }
+        }), /*#__PURE__*/_jsx(View, {
+          className: "".concat(config.prefixCls, "-rate__fill"),
+          "data-slot": "rate-fill",
+          "data-fill": fillMode,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            width: fillWidth,
+            height: resolvedSize,
+            overflow: 'hidden',
+            pointerEvents: 'none',
+            transition: 'width var(--x-duration-emphasis) var(--x-easing-standard)'
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "Star",
+            size: resolvedSize,
+            color: resolvedActiveColor,
+            fill: resolvedActiveColor
+          })
+        }), allowHalf ? /*#__PURE__*/_jsx(View, {
+          className: "".concat(config.prefixCls, "-rate__half-hit-area"),
+          "data-slot": "rate-half",
+          "data-active": fillMode === 'half' ? 'true' : 'false',
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0,
+            width: '50%',
+            height: '100%',
+            zIndex: 1
+          },
+          onClick: isInteractionDisabled ? undefined : function (event) {
+            var _event$stopPropagatio;
+            event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
+            commitValue(index + 0.5);
+          },
+          onMouseEnter: isInteractionDisabled ? undefined : function () {
+            return setHoverValue(index + 0.5);
+          }
+        }) : null]
+      }, index);
+    })
+  });
+};
+Rate.displayName = 'Rate';
+export default Rate;

package/es/components/rate/types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface RateProps {
+    /** Controlled value. */
+    value?: number;
+    /** Uncontrolled initial value. */
+    defaultValue?: number;
+    /** Number of rating icons. */
+    count?: number;
+    /** Allow selecting half values. */
+    allowHalf?: boolean;
+    /** Click the current value again to clear it. */
+    allowClear?: boolean;
+    /** Read-only state aligned with x-mobile-ui. */
+    readOnly?: boolean;
+    /** @deprecated Use readOnly. */
+    readonly?: boolean;
+    /** Additional disabled state retained for Taro forms. */
+    disabled?: boolean;
+    /** Inactive icon color. */
+    color?: string;
+    /** Active icon color. */
+    activeColor?: string;
+    /** @deprecated Use color. */
+    inactiveColor?: string;
+    /** Icon size in px. Named aliases are retained for compatibility. */
+    size?: number | 'small' | 'middle' | 'large';
+    onChange?: (value: number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    testID?: string;
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/rate/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/result/index.d.ts

@@ -0,0 +1,3 @@
+export { Result } from './result';
+export type { ResultProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/es/components/result/index.js

@@ -0,0 +1 @@
+export { Result } from "./result";

package/es/components/result/result.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ResultProps } from './types';
+export declare const Result: React.FC<ResultProps>;
+export default Result;
+//# sourceMappingURL=result.d.ts.map

package/es/components/result/result.js

@@ -0,0 +1,62 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["id", "status", "title", "subTitle", "description", "icon", "extra", "actions", "children", "testID", "onClick", "className", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { View } from '@tarojs/components';
+import { classNames } from "../../utils";
+import { ResultPage } from "../resultPage";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Result = function Result(_ref) {
+  var id = _ref.id,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'info' : _ref$status,
+    title = _ref.title,
+    subTitle = _ref.subTitle,
+    description = _ref.description,
+    icon = _ref.icon,
+    extra = _ref.extra,
+    actions = _ref.actions,
+    children = _ref.children,
+    testID = _ref.testID,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    style = _ref.style,
+    nativeProps = _objectWithoutProperties(_ref, _excluded);
+  var resolvedSubTitle = subTitle === undefined ? description : subTitle;
+  return /*#__PURE__*/_jsxs(View, _objectSpread(_objectSpread({}, nativeProps), {}, {
+    id: id,
+    "data-slot": "result",
+    "data-status": status,
+    "data-testid": testID,
+    className: classNames('x-result', "x-result--".concat(status), className),
+    style: _objectSpread({
+      boxSizing: 'border-box',
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      minWidth: 0,
+      gap: 16
+    }, style),
+    onClick: onClick,
+    children: [/*#__PURE__*/_jsx(ResultPage, {
+      status: status,
+      title: title,
+      description: resolvedSubTitle,
+      icon: icon,
+      actions: actions,
+      children: children
+    }), extra !== undefined && extra !== null ? /*#__PURE__*/_jsx(View, {
+      "data-slot": "result-extra",
+      children: extra
+    }) : null]
+  }));
+};
+Result.displayName = 'Result';
+export default Result;

package/es/components/result/types.d.ts

@@ -0,0 +1,27 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { ViewProps as TaroViewProps } from '@tarojs/components/types/View';
+declare type NativeResultProps = Omit<TaroViewProps, 'children' | 'className' | 'id' | 'onClick' | 'ref' | 'style'>;
+export interface ResultProps extends NativeResultProps {
+    /** Native Taro node id. */
+    id?: string;
+    status?: 'success' | 'error' | 'warning' | 'info' | 'loading' | 'waiting';
+    title?: ReactNode;
+    /** Canonical x-web-ui subtitle. */
+    subTitle?: ReactNode;
+    /** Legacy subtitle alias. */
+    description?: ReactNode;
+    icon?: ReactNode;
+    /** Content rendered after the canonical result page. */
+    extra?: ReactNode;
+    /** Compatibility actions rendered inside the result page. */
+    actions?: ReactNode;
+    children?: ReactNode;
+    /** RN-compatible test id. */
+    testID?: string;
+    /** Native Taro click callback. */
+    onClick?: TaroViewProps['onClick'];
+    className?: string;
+    style?: CSSProperties;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/es/components/result/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/resultPage/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as ResultPage } from './resultPage';
+export { default } from './resultPage';
+//# sourceMappingURL=index.d.ts.map

package/es/components/resultPage/index.js

@@ -0,0 +1,3 @@
+export * from "./types";
+export { default as ResultPage } from "./resultPage";
+export { default } from "./resultPage";

package/es/components/resultPage/resultPage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ResultPageProps } from './types';
+declare const ResultPage: React.FC<ResultPageProps>;
+export default ResultPage;
+//# sourceMappingURL=resultPage.d.ts.map