@seakoi/native-ui 1.0.0

package/dist/commonjs/components/base/form/style/form-item.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormItemStyles = void 0;
+var _index = require("../../../../native-provider/index.js");
+const useFormItemStyles = exports.useFormItemStyles = (0, _index.createThemedStyles)(theme => ({
+  contentContainer: {
+    width: '100%'
+  },
+  label: {
+    color: theme.palette.fontGray1
+  },
+  control: {
+    flex: 1,
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'flex-end',
+    position: 'relative'
+  },
+  mark: {
+    color: theme.palette.error7,
+    marginLeft: theme.spacing.xxs
+  },
+  verticalLayout: {
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start'
+  }
+}));

package/dist/commonjs/components/base/form/style/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useFormStyles: true
+};
+exports.useFormStyles = void 0;
+var _index = require("../../../../native-provider/index.js");
+var _formItem = require("./form-item.js");
+Object.keys(_formItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _formItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formItem[key];
+    }
+  });
+});
+const useFormStyles = exports.useFormStyles = (0, _index.createThemedStyles)(() => ({
+  container: {
+    flex: 1,
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column'
+  }
+}));

package/dist/commonjs/components/base/index.js

@@ -0,0 +1,335 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./address-picker/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _index2 = require("./async-boundary/index.js");
+Object.keys(_index2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index2[key];
+    }
+  });
+});
+var _index3 = require("./avatar/index.js");
+Object.keys(_index3).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index3[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index3[key];
+    }
+  });
+});
+var _index4 = require("./back-to-top/index.js");
+Object.keys(_index4).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index4[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index4[key];
+    }
+  });
+});
+var _index5 = require("./badge/index.js");
+Object.keys(_index5).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index5[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index5[key];
+    }
+  });
+});
+var _index6 = require("./button/index.js");
+Object.keys(_index6).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index6[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index6[key];
+    }
+  });
+});
+var _index7 = require("./calendar/index.js");
+Object.keys(_index7).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index7[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index7[key];
+    }
+  });
+});
+var _index8 = require("./cell/index.js");
+Object.keys(_index8).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index8[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index8[key];
+    }
+  });
+});
+var _index9 = require("./checkbox/index.js");
+Object.keys(_index9).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index9[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index9[key];
+    }
+  });
+});
+var _index0 = require("./collapse/index.js");
+Object.keys(_index0).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index0[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index0[key];
+    }
+  });
+});
+var _index1 = require("./countdown/index.js");
+Object.keys(_index1).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index1[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index1[key];
+    }
+  });
+});
+var _index10 = require("./date-picker/index.js");
+Object.keys(_index10).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index10[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index10[key];
+    }
+  });
+});
+var _index11 = require("./date-picker-view/index.js");
+Object.keys(_index11).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index11[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index11[key];
+    }
+  });
+});
+var _index12 = require("./divider/index.js");
+Object.keys(_index12).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index12[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index12[key];
+    }
+  });
+});
+var _index13 = require("./flex/index.js");
+Object.keys(_index13).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index13[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index13[key];
+    }
+  });
+});
+var _index14 = require("./form/index.js");
+Object.keys(_index14).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index14[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index14[key];
+    }
+  });
+});
+var _index15 = require("./input/index.js");
+Object.keys(_index15).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index15[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index15[key];
+    }
+  });
+});
+var _index16 = require("./link/index.js");
+Object.keys(_index16).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index16[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index16[key];
+    }
+  });
+});
+var _index17 = require("./loading/index.js");
+Object.keys(_index17).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index17[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index17[key];
+    }
+  });
+});
+var _index18 = require("./modal/index.js");
+Object.keys(_index18).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index18[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index18[key];
+    }
+  });
+});
+var _index19 = require("./nav-bar/index.js");
+Object.keys(_index19).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index19[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index19[key];
+    }
+  });
+});
+var _index20 = require("./picker/index.js");
+Object.keys(_index20).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index20[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index20[key];
+    }
+  });
+});
+var _index21 = require("./picker-view/index.js");
+Object.keys(_index21).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index21[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index21[key];
+    }
+  });
+});
+var _index22 = require("./portal/index.js");
+Object.keys(_index22).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index22[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index22[key];
+    }
+  });
+});
+var _index23 = require("./radio/index.js");
+Object.keys(_index23).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index23[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index23[key];
+    }
+  });
+});
+var _index24 = require("./result/index.js");
+Object.keys(_index24).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index24[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index24[key];
+    }
+  });
+});
+var _index25 = require("./surface/index.js");
+Object.keys(_index25).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index25[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index25[key];
+    }
+  });
+});
+var _index26 = require("./switch/index.js");
+Object.keys(_index26).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index26[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index26[key];
+    }
+  });
+});
+var _index27 = require("./tabs/index.js");
+Object.keys(_index27).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index27[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index27[key];
+    }
+  });
+});
+var _index28 = require("./text/index.js");
+Object.keys(_index28).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index28[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index28[key];
+    }
+  });
+});

package/dist/commonjs/components/base/input/base-input.js

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseInput = void 0;
+var _svgIcons = require("@seakoi/svg-icons");
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("./../index.js");
+var _index2 = require("../../../native-provider/index.js");
+var _index3 = require("../../../shared/hooks/index.js");
+var _index4 = require("../../../shared/utils/index.js");
+var _index5 = require("./style/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+const BaseInput = ({
+  decimalPlaces = 2,
+  ...props
+}) => {
+  const theme = (0, _index2.useTheme)();
+  const styles = (0, _index5.useBaseInputStyles)();
+  const inputRef = (0, _react.useRef)(null);
+  const mergeRefs = (0, _index3.useMergeRefs)([inputRef, props.ref]);
+  const [inputIsFocused, setInputIsFocused] = (0, _react.useState)(false);
+  const elementState = (0, _react.useRef)({
+    pointerDown: false
+  });
+  const onFocusChangeRef = (0, _ahooks.useLatest)(props.onFocusChange);
+  const [inputValue, setInputValue] = (0, _ahooks.useControllableValue)(props, {
+    trigger: 'onChangeText',
+    defaultValue: props.defaultValue
+  });
+  const animateValue = inputValue && inputIsFocused ? 1 : 0;
+  const hasSuffixNode = !!(props.allowClear || props.suffix);
+  const {
+    current: scale
+  } = (0, _react.useRef)(new _reactNative.Animated.Value(animateValue));
+  const {
+    current: opacity
+  } = (0, _react.useRef)(new _reactNative.Animated.Value(animateValue));
+  (0, _ahooks.useUpdateEffect)(() => onFocusChangeRef.current?.(inputIsFocused), [inputIsFocused]);
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(opacity, {
+      duration: 150,
+      toValue: animateValue,
+      useNativeDriver: _reactNative.Platform.OS !== 'web'
+    }), _reactNative.Animated.timing(scale, {
+      duration: 150,
+      toValue: animateValue,
+      useNativeDriver: _reactNative.Platform.OS !== 'web'
+    })]).start();
+  }, [animateValue, opacity, scale]);
+
+  /**
+   * 格式化文本值
+   * @param originalValue 初始输入文本
+   * @returns 格式化的文本值
+   */
+  const formatTextValue = originalValue => {
+    let defaultNormalizeValue = originalValue;
+    if (!(_reactNative.Platform.OS === 'ios' && originalValue.includes('\u3000'))) {
+      /** 非 IOS 手写情况：移除前空格 */
+      defaultNormalizeValue = originalValue.replace(/^\s+/, '');
+    }
+    if (props.inputMode === 'numeric' || props.inputMode === 'decimal') {
+      /** 处理数字文本 */
+      defaultNormalizeValue = defaultNormalizeValue.replace(/[^0-9]/g, '').replace(/^0+(\d)/, '$1');
+      if (props.inputMode === 'decimal') {
+        const regexp = new RegExp(`^(\\d+)(\\.\\d{0,${decimalPlaces}}).*`);
+        defaultNormalizeValue = defaultNormalizeValue.replace(/(\..*?)\..*/g, '$1').replace(regexp, '$1$2');
+      }
+    }
+    if (props.customInputMode) {
+      /** 处理自定义字符 */
+      let customInputModeNormalizedValue = defaultNormalizeValue;
+      if (props.customInputMode === 'alphanumeric' || props.customInputMode === 'alphanumericPlusMinus') {
+        let pattern = /[^a-zA-Z0-9]/g;
+        if (props.customInputMode === 'alphanumericPlusMinus') {
+          pattern = /[^a-zA-Z0-9+-]/g;
+        }
+        customInputModeNormalizedValue = defaultNormalizeValue.replace(pattern, '');
+      }
+      props.onCustomInputMode?.(defaultNormalizeValue, customInputModeNormalizedValue);
+      defaultNormalizeValue = customInputModeNormalizedValue;
+    }
+    if (typeof props.formatValue === 'function') {
+      defaultNormalizeValue = props.formatValue(defaultNormalizeValue, originalValue);
+    }
+    return defaultNormalizeValue;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+    align: "center",
+    justify: "space-between",
+    gap: theme.spacing.md,
+    style: props.style,
+    onPointerDown: () => {
+      elementState.current = {
+        pointerDown: true
+      };
+    },
+    children: [(0, _index4.safetyRenderChildren)(props.prefix, content => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      size: 14,
+      children: content
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      enterKeyHint: "done",
+      autoCapitalize: "none",
+      allowFontScaling: false,
+      selectionColor: theme.palette.brand7,
+      placeholderTextColor: theme.palette.fontGray3,
+      ...props,
+      ref: mergeRefs,
+      value: inputValue,
+      editable: !props.disabled || props.editable,
+      onChangeText: textValue => setInputValue(formatTextValue(textValue)),
+      style: [styles.input, {
+        textAlign: props.textAlign
+      }, props.inputStyle],
+      onFocus: event => {
+        if (!inputIsFocused && elementState.current.pointerDown) {
+          props.onFocus?.(event);
+          setInputIsFocused(true);
+        }
+        elementState.current = {
+          pointerDown: false
+        };
+      },
+      onBlur: event => {
+        if (!elementState.current.pointerDown) {
+          props.onBlur?.(event);
+          setInputIsFocused(false);
+          setInputValue(inputValue?.trimEnd());
+        } else {
+          inputRef.current?.focus();
+        }
+        elementState.current = {
+          pointerDown: false
+        };
+      }
+    }), !!hasSuffixNode && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Flex, {
+      align: "center",
+      gap: theme.spacing.sm,
+      children: [!!props.allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: {
+          opacity,
+          flexBasis: 'auto',
+          transform: [{
+            scale
+          }]
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          hitSlop: 4,
+          activeOpacity: 0.8,
+          disabled: !inputValue,
+          onPress: () => {
+            props.onClear?.();
+            setInputValue('');
+          },
+          children: typeof props.allowClear === 'object' ? props.allowClear.clearIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgIcons.CloseOutlined, {
+            color: theme.palette.fontGray3
+          })
+        })
+      }), (0, _index4.safetyRenderChildren)(props.suffix, content => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        size: 14,
+        children: content
+      }))]
+    })]
+  });
+};
+exports.BaseInput = BaseInput;

package/dist/commonjs/components/base/input/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Input: true
+};
+exports.Input = void 0;
+var _input = require("./input.js");
+var _inputCaptcha = require("./input-captcha.js");
+Object.keys(_inputCaptcha).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _inputCaptcha[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _inputCaptcha[key];
+    }
+  });
+});
+var _inputPassword = require("./input-password.js");
+Object.keys(_inputPassword).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _inputPassword[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _inputPassword[key];
+    }
+  });
+});
+var _inputSearch = require("./input-search.js");
+Object.keys(_inputSearch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _inputSearch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _inputSearch[key];
+    }
+  });
+});
+var _inputTextarea = require("./input-textarea.js");
+Object.keys(_inputTextarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _inputTextarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _inputTextarea[key];
+    }
+  });
+});
+const Input = exports.Input = Object.assign(_input.Input, {
+  Search: _inputSearch.InputSearch,
+  Captcha: _inputCaptcha.InputCaptcha,
+  Password: _inputPassword.InputPassword,
+  TextArea: _inputTextarea.InputTextArea
+});