x-star-design 0.0.79 → 0.0.80

package/dist/index.d.ts

@@ -59,3 +59,4 @@ export { default as VisualDataConfig } from './visual-data-config';
 export type { VisualDataConfigProps } from './visual-data-config';
 export { default as XTabs } from './x-tabs';
 export type { XTabsProps } from './x-tabs';
+export { default as ZipCodeSearchInput } from './zip-code-search-input';

package/dist/index.js

@@ -29,4 +29,5 @@ export { default as TitleWithIcon } from "./title-with-icon";
 export { default as UserAvatar } from "./user-avatar";
 export { default as VirtualTable } from "./virtual-table";
 export { default as VisualDataConfig } from "./visual-data-config";
-export { default as XTabs } from "./x-tabs";
+export { default as XTabs } from "./x-tabs";
+export { default as ZipCodeSearchInput } from "./zip-code-search-input";

package/dist/locales/en_US.d.ts

@@ -176,5 +176,9 @@ declare const _default: {
         readonly PrimarySchool: "Primary School";
         readonly DropRenderText: "Statistical data as of December 2020";
     };
+    readonly ZipCodeSearchInput: {
+        readonly placeholder: "Please enter the zip code";
+        readonly area: "Area";
+    };
 };
 export default _default;

package/dist/locales/en_US.js

@@ -175,5 +175,9 @@ export default {
     MiddleSchool: 'Middle School',
     PrimarySchool: 'Primary School',
     DropRenderText: 'Statistical data as of December 2020'
+  },
+  ZipCodeSearchInput: {
+    placeholder: 'Please enter the zip code',
+    area: 'Area'
   }
 };

package/dist/locales/index.d.ts

@@ -7,7 +7,7 @@ export interface LocaleProviderProps {
 }
 export declare const LocaleProvider: ({ children, locale, }: LocaleProviderProps) => React.JSX.Element;
 type MessageMap = typeof zh_CN | typeof en_US;
-export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton" | "CodeDetailModal" | "ContactButton" | "ErrorPage" | "Feedback" | "MicroApp" | "ContestTimeInput" | "AcConfig" | "ScoreReport" | "SchoolInput">(slice: T) => {
+export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton" | "CodeDetailModal" | "ContactButton" | "ErrorPage" | "Feedback" | "MicroApp" | "ContestTimeInput" | "AcConfig" | "ScoreReport" | "SchoolInput" | "ZipCodeSearchInput">(slice: T) => {
     locale: string;
     format: <U extends keyof MessageMap[T]>(key: U) => ({
         readonly VisualDataConfig: {
@@ -187,6 +187,10 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly PrimarySchool: "小学";
             readonly DropRenderText: "统计数据截至于2020年12月";
         };
+        readonly ZipCodeSearchInput: {
+            readonly placeholder: "请输入邮政编码";
+            readonly area: "所选地区";
+        };
     } | {
         readonly VisualDataConfig: {
             readonly Time_MS: "Time Limit(MS)";
@@ -365,6 +369,10 @@ export declare const useLocale: <T extends "VisualDataConfig" | "TranslateButton
             readonly PrimarySchool: "Primary School";
             readonly DropRenderText: "Statistical data as of December 2020";
         };
+        readonly ZipCodeSearchInput: {
+            readonly placeholder: "Please enter the zip code";
+            readonly area: "Area";
+        };
     })[T][U];
 };
 export {};

package/dist/locales/zh_CN.d.ts

@@ -176,5 +176,9 @@ declare const _default: {
         readonly PrimarySchool: "小学";
         readonly DropRenderText: "统计数据截至于2020年12月";
     };
+    readonly ZipCodeSearchInput: {
+        readonly placeholder: "请输入邮政编码";
+        readonly area: "所选地区";
+    };
 };
 export default _default;

package/dist/locales/zh_CN.js

@@ -175,5 +175,9 @@ export default {
     MiddleSchool: '中学',
     PrimarySchool: '小学',
     DropRenderText: '统计数据截至于2020年12月'
+  },
+  ZipCodeSearchInput: {
+    placeholder: '请输入邮政编码',
+    area: '所选地区'
   }
 };

package/dist/zip-code-search-input/define.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from 'antd';
+export interface ZipCodeSearchInputProps extends SelectProps {
+    debounceTimeout?: number;
+}
+export type DebounceFunction<T extends (...args: any[]) => any> = (...args: Parameters<T>) => void;

package/dist/zip-code-search-input/define.js

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

package/dist/zip-code-search-input/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ZipCodeSearchInputProps } from "./define";
+declare const ZipCodeSearchInput: React.FC<ZipCodeSearchInputProps>;
+export default ZipCodeSearchInput;

package/dist/zip-code-search-input/index.js

@@ -0,0 +1,137 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "onChange", "debounceTimeout"];
+import { Empty, Select, Spin } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useLocale } from "../locales";
+var debounce = function debounce(func, delay) {
+  var timer = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(function () {
+      func.apply(void 0, args);
+    }, delay);
+  };
+};
+var ZipCodeSearchInput = function ZipCodeSearchInput(props) {
+  var value = props.value,
+    _onChange = props.onChange,
+    _props$debounceTimeou = props.debounceTimeout,
+    debounceTimeout = _props$debounceTimeou === void 0 ? 1000 : _props$debounceTimeou,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useLocale = useLocale('ZipCodeSearchInput'),
+    t = _useLocale.format;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    originValue = _useState4[0],
+    setOriginValue = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  useEffect(function () {
+    if (value) {
+      setOriginValue(value);
+    }
+  }, [value]);
+  var handleSearch = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(newValue) {
+      var response, res, state, city;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (newValue) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return", setData([]));
+          case 3:
+            setLoading(true);
+            _context.next = 6;
+            return fetch("https://api.zippopotam.us/us/".concat(newValue));
+          case 6:
+            response = _context.sent;
+            if (!response.ok) {
+              _context.next = 19;
+              break;
+            }
+            _context.next = 10;
+            return response.json();
+          case 10:
+            res = _context.sent;
+            if (res !== null && res !== void 0 && res.places) {
+              _context.next = 14;
+              break;
+            }
+            setData([]);
+            return _context.abrupt("return", setLoading(false));
+          case 14:
+            state = res.places[0]['state'];
+            city = res.places[0]['place name'];
+            setData([{
+              label: "".concat(state, "/").concat(city),
+              value: "".concat(state, "/").concat(city)
+            }]);
+            _context.next = 20;
+            break;
+          case 19:
+            setData([]);
+          case 20:
+            _context.next = 25;
+            break;
+          case 22:
+            _context.prev = 22;
+            _context.t0 = _context["catch"](0);
+            setData([]);
+          case 25:
+            _context.prev = 25;
+            setLoading(false);
+            return _context.finish(25);
+          case 28:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 22, 25, 28]]);
+    }));
+    return function handleSearch(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    showSearch: true,
+    value: originValue,
+    placeholder: t('placeholder'),
+    defaultActiveFirstOption: false,
+    suffixIcon: null,
+    filterOption: false,
+    onSearch: debounce(handleSearch, debounceTimeout),
+    onChange: function onChange(value, option) {
+      setOriginValue(value);
+      if (!value) setData([]);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(value, option);
+    },
+    notFoundContent: loading ? /*#__PURE__*/React.createElement(Spin, {
+      size: "small",
+      style: {
+        width: '100%',
+        margin: 'auto'
+      }
+    }) : /*#__PURE__*/React.createElement(Empty, null),
+    options: data,
+    allowClear: true
+  }, otherProps));
+};
+export default ZipCodeSearchInput;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.79",
+  "version": "0.0.80",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",