react-native-system-ui 0.0.5 → 0.0.6

package/dist/cjs/components/area/utils.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildAreaColumns = void 0;
-const compareCode = (a, b) => a < b ? -1 : a > b ? 1 : 0;
-const sortEntries = records => {
-  if (!records) return [];
-  return Object.entries(records).sort(([a], [b]) => compareCode(a, b));
-};
-const getProvinceCode = code => code.slice(0, 2);
-const getCityCode = code => code.slice(0, 4);
-const buildAreaColumns = (areaList, columnsNum = 3) => {
-  const provinces = sortEntries(areaList.province_list);
-  if (columnsNum === 1) {
-    return provinces.map(([code, name]) => ({
-      label: name,
-      value: code
-    }));
-  }
-  const citiesByProvince = new Map();
-  sortEntries(areaList.city_list).forEach(([code, name]) => {
-    const provinceKey = getProvinceCode(code);
-    const option = {
-      label: name,
-      value: code
-    };
-    const existing = citiesByProvince.get(provinceKey);
-    if (existing) {
-      existing.push(option);
-    } else {
-      citiesByProvince.set(provinceKey, [option]);
-    }
-  });
-  if (columnsNum === 3) {
-    const countiesByCity = new Map();
-    sortEntries(areaList.county_list).forEach(([code, name]) => {
-      const cityKey = getCityCode(code);
-      const option = {
-        label: name,
-        value: code
-      };
-      const existing = countiesByCity.get(cityKey);
-      if (existing) {
-        existing.push(option);
-      } else {
-        countiesByCity.set(cityKey, [option]);
-      }
-    });
-    citiesByProvince.forEach(cityOptions => {
-      cityOptions.forEach(cityOption => {
-        const cityKey = getCityCode(cityOption.value);
-        const counties = countiesByCity.get(cityKey);
-        if (counties && counties.length) {
-          cityOption.children = counties;
-        }
-      });
-    });
-  }
-  return provinces.map(([code, name]) => {
-    const provinceOption = {
-      label: name,
-      value: code
-    };
-    const provinceKey = getProvinceCode(code);
-    const cities = citiesByProvince.get(provinceKey);
-    if (cities && cities.length) {
-      provinceOption.children = cities;
-    }
-    return provinceOption;
-  });
-};
-exports.buildAreaColumns = buildAreaColumns;

package/dist/cjs/components/cascader/utils.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveSelectedRows = void 0;
-const resolveSelectedRows = (options = [], keys, value) => {
-  const selected = [];
-  let current = options;
-  value.forEach(val => {
-    if (!current || !current.length) return;
-    const match = current.find(option => option[keys.valueKey] === val);
-    if (match) {
-      selected.push(match);
-      current = match[keys.childrenKey] ?? [];
-    }
-  });
-  return selected;
-};
-exports.resolveSelectedRows = resolveSelectedRows;

package/dist/cjs/components/config-provider/locale/base.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.localeBase = void 0;
-const localeBase = exports.localeBase = {
-  name: '姓名',
-  tel: '电话',
-  save: '保存',
-  confirm: '确认',
-  cancel: '取消',
-  delete: '删除',
-  loading: '加载中...',
-  noCoupon: '暂无优惠券',
-  nameEmpty: '请填写姓名',
-  telInvalid: '请填写正确的电话',
-  vanCalendar: {
-    end: '结束',
-    start: '开始',
-    title: '日期选择',
-    confirm: '确定',
-    startEnd: '开始/结束',
-    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: (year, month) => `${year}年${month}月`,
-    rangePrompt: maxRange => `最多选择 ${maxRange} 天`
-  },
-  vanPicker: {
-    select: '请选择'
-  },
-  vanContactCard: {
-    addText: '添加联系人'
-  },
-  vanContactList: {
-    addText: '新建联系人'
-  },
-  vanPagination: {
-    prev: '上一页',
-    next: '下一页'
-  },
-  vanPullRefresh: {
-    pulling: '下拉即可刷新...',
-    loosing: '释放即可刷新...',
-    loading: '加载中...'
-  },
-  vanSubmitBar: {
-    label: '合计：'
-  },
-  vanCoupon: {
-    unlimited: '无使用门槛',
-    discount: discount => `${discount}折`,
-    condition: condition => `满${condition}元可用`
-  },
-  vanCouponCell: {
-    title: '优惠券',
-    count: count => `${count}张可用`
-  },
-  vanCouponList: {
-    exchange: '兑换',
-    close: '不使用优惠券',
-    enable: '可用',
-    disabled: '不可用',
-    placeholder: '请输入优惠码'
-  },
-  vanAddressEdit: {
-    area: '地区',
-    postal: '邮政编码',
-    areaEmpty: '请选择地区',
-    addressEmpty: '请填写详细地址',
-    postalEmpty: '邮政编码不正确',
-    defaultAddress: '设为默认收货地址'
-  },
-  vanAddressEditDetail: {
-    label: '详细地址',
-    placeholder: '街道门牌信息'
-  },
-  vanAddressList: {
-    add: '新增地址'
-  }
-};

package/dist/cjs/components/dropdown-menu/DropdownItem.js

@@ -1,288 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _utils = require("../../utils");
-var _DropdownMenuContext = require("./DropdownMenuContext");
-var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const getOptionText = option => option?.text ?? option?.label;
-const DropdownItem = /*#__PURE__*/_react().default.forwardRef((props, ref) => {
-  const {
-    options,
-    placeholder = '请选择',
-    title,
-    label,
-    name,
-    disabled: itemDisabledProp = false,
-    closeOnSelect = true,
-    textStyle,
-    panelStyle,
-    tokensOverride,
-    children,
-    onChange,
-    onOpen,
-    onClose,
-    style,
-    index = 0,
-    barScrollable = false,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useDropdownMenuTokens)(tokensOverride);
-  const {
-    activeIndex,
-    registerPanel,
-    toggleItem,
-    showItem,
-    closeMenu,
-    activeColor,
-    activeIcon,
-    disabled: menuDisabled,
-    menuValue,
-    onMenuChange
-  } = (0, _DropdownMenuContext.useDropdownMenuContext)();
-  const [itemValue, triggerChange] = (0, _hooks.useControllableValue)(props);
-  const menuItemValue = name ? menuValue?.[name] : undefined;
-  const value = menuItemValue !== undefined ? menuItemValue : itemValue;
-  const isActive = activeIndex === index;
-  const itemDisabled = menuDisabled || itemDisabledProp;
-  const selectedOption = options?.find(option => option.value === value);
-  const selectedText = getOptionText(selectedOption);
-  const displayLabel = title ?? label ?? selectedText ?? placeholder;
-  const activeTextColor = activeColor ?? tokens.colors.activeText;
-  const displayColor = itemDisabled ? tokens.colors.disabledText : isActive || selectedOption ? activeTextColor : tokens.colors.placeholder;
-  const panelContent = (0, _react().useMemo)(() => {
-    if (children) {
-      return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: [styles.customPanel, {
-          padding: tokens.spacing.customPanelPadding
-        }, panelStyle]
-      }, children);
-    }
-    if (!options?.length) {
-      return null;
-    }
-    const renderActiveIcon = () => {
-      const color = activeTextColor;
-      if (activeIcon) {
-        if (/*#__PURE__*/_react().default.isValidElement(activeIcon)) {
-          const iconElement = activeIcon;
-          const iconProps = iconElement.props;
-          return iconProps && ('fill' in iconProps || 'color' in iconProps) ? /*#__PURE__*/_react().default.cloneElement(iconElement, {
-            fill: color,
-            color
-          }) : iconElement;
-        }
-        if ((0, _utils.isText)(activeIcon)) {
-          return /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-            style: [styles.indicator, {
-              color,
-              marginLeft: tokens.spacing.indicatorMarginLeft
-            }]
-          }, activeIcon);
-        }
-        return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-          style: [styles.indicator, {
-            marginLeft: tokens.spacing.indicatorMarginLeft
-          }]
-        }, activeIcon);
-      }
-      return /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-        style: [styles.indicator, {
-          color,
-          marginLeft: tokens.spacing.indicatorMarginLeft
-        }]
-      }, "\u2713");
-    };
-    const renderOptionIcon = optionIcon => {
-      if (!optionIcon) return null;
-      if (/*#__PURE__*/_react().default.isValidElement(optionIcon)) return optionIcon;
-      if ((0, _utils.isText)(optionIcon)) {
-        return /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-          style: [styles.optionIconText, {
-            fontSize: tokens.sizing.optionFontSize
-          }]
-        }, optionIcon);
-      }
-      return optionIcon;
-    };
-    const handleSelect = option => {
-      if (option.disabled) return;
-      const newValue = option.value;
-      if (name && onMenuChange) onMenuChange({
-        ...(menuValue ?? {}),
-        [name]: newValue
-      });
-      triggerChange(newValue, option);
-      if (closeOnSelect) {
-        closeMenu();
-      }
-    };
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [styles.optionPanel, {
-        paddingHorizontal: tokens.spacing.panelPaddingHorizontal
-      }, panelStyle]
-    }, options.map(option => {
-      const active = value === option.value;
-      const optionText = getOptionText(option);
-      const optionColor = option.disabled ? tokens.colors.disabledText : active ? activeTextColor : tokens.colors.text;
-      return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-        key: String(option.value),
-        style: [styles.optionRow, {
-          paddingVertical: tokens.spacing.optionRowPaddingVertical,
-          paddingHorizontal: tokens.spacing.optionRowPaddingHorizontal
-        }, (0, _utils.createHairlineBorderBottom)('rgba(0,0,0,0.06)')],
-        onPress: () => handleSelect(option),
-        disabled: option.disabled,
-        testID: `rv-dropdown-option-${option.value}`
-      }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: styles.optionLeft
-      }, option.icon ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: [styles.optionIcon, {
-          marginRight: tokens.spacing.optionIconMarginRight
-        }]
-      }, renderOptionIcon(option.icon)) : null, (0, _utils.isText)(optionText) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-        style: [styles.optionText, {
-          color: optionColor,
-          fontSize: tokens.sizing.optionFontSize
-        }]
-      }, optionText) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-        style: styles.optionTextNode
-      }, optionText)), active ? renderActiveIcon() : null);
-    }));
-  }, [activeIcon, activeTextColor, children, closeMenu, closeOnSelect, menuValue, name, onMenuChange, options, panelStyle, tokens, triggerChange, value]);
-  (0, _react().useEffect)(() => {
-    registerPanel(index, panelContent);
-  }, [index, panelContent, registerPanel]);
-  const prevActiveRef = (0, _react().useRef)(isActive);
-  (0, _react().useEffect)(() => {
-    if (isActive && !prevActiveRef.current) {
-      onOpen?.();
-    }
-    if (!isActive && prevActiveRef.current) {
-      onClose?.();
-    }
-    prevActiveRef.current = isActive;
-  }, [isActive, onClose, onOpen]);
-  const handleToggle = () => {
-    if (itemDisabled) return;
-    if (isActive) {
-      closeMenu();
-    } else {
-      toggleItem(index);
-    }
-  };
-  (0, _react().useImperativeHandle)(ref, () => ({
-    toggle: handleToggle,
-    open: () => {
-      if (itemDisabled) return;
-      if (isActive) return;
-      showItem(index);
-    },
-    close: () => {
-      if (!isActive) return;
-      closeMenu();
-    }
-  }), [closeMenu, handleToggle, index, isActive, itemDisabled, showItem]);
-  const titleStyle = [{
-    fontSize: tokens.sizing.titleFontSize,
-    lineHeight: tokens.sizing.titleLineHeight,
-    paddingHorizontal: tokens.spacing.titlePadding
-  }, textStyle, {
-    color: displayColor
-  }];
-  const arrowStyle = [styles.arrow, {
-    borderTopColor: tokens.colors.arrow,
-    marginLeft: tokens.spacing.arrowMarginLeft,
-    width: tokens.sizing.arrowSize,
-    height: tokens.sizing.arrowSize,
-    borderLeftWidth: tokens.sizing.arrowBorderWidth,
-    borderRightWidth: tokens.sizing.arrowBorderWidth,
-    borderTopWidth: tokens.sizing.arrowBorderHeight,
-    borderLeftColor: tokens.colors.transparent,
-    borderRightColor: tokens.colors.transparent,
-    opacity: tokens.opacity.arrowInactive
-  }, isActive && styles.arrowActive, isActive && {
-    borderBottomColor: activeColor ?? tokens.colors.activeText,
-    borderBottomWidth: tokens.sizing.arrowBorderHeight,
-    borderTopColor: tokens.colors.transparent,
-    opacity: tokens.opacity.arrowActive
-  }];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, rest, {
-    style: [styles.item, barScrollable ? [styles.itemScrollable, {
-      paddingHorizontal: tokens.spacing.itemScrollablePaddingHorizontal
-    }] : null, style],
-    onPress: handleToggle,
-    accessibilityRole: "button",
-    testID: `rv-dropdown-trigger-${index}`,
-    disabled: itemDisabled
-  }), (0, _utils.isText)(displayLabel) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: titleStyle,
-    numberOfLines: 1,
-    ellipsizeMode: "tail"
-  }, displayLabel) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: styles.titleNode
-  }, displayLabel), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: arrowStyle
-  }));
-});
-const styles = _reactNative().StyleSheet.create({
-  item: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 1,
-    minWidth: 0
-  },
-  itemScrollable: {
-    flex: 0
-  },
-  titleNode: {
-    flexShrink: 1,
-    minWidth: 0
-  },
-  arrow: {},
-  arrowActive: {
-    borderTopWidth: 0
-  },
-  optionPanel: {},
-  optionRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  optionLeft: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
-    minWidth: 0
-  },
-  optionIcon: {},
-  optionIconText: {},
-  optionText: {},
-  optionTextNode: {
-    flex: 1
-  },
-  indicator: {},
-  customPanel: {}
-});
-DropdownItem.displayName = 'DropdownMenu.Item';
-var _default = exports.default = DropdownItem;