@kdcloudjs/kdesign 1.7.19 → 1.7.20

package/lib/city-picker/interface.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+export declare type City = {
+    id?: string | number;
+    country?: string;
+    province?: string;
+    name?: string;
+    [key: string]: any;
+};
+export declare const BorderTypes: ["none", "underline", "bordered"];
+export declare type BorderType = typeof BorderTypes[number];
+export declare const Sizes: ["large", "middle", "small"];
+export declare type Size = typeof Sizes[number];
+export declare type Type = 'domestic' | 'foreign';
+export declare type CityList = Array<City>;
+export interface CityPickerProps {
+    prefixCls?: string;
+    size?: Size;
+    borderType?: BorderType;
+    notFoundContent?: React.ReactNode;
+    showArrow?: boolean;
+    defaultOpen?: boolean;
+    allowClear?: boolean;
+    placeholder?: React.ReactNode;
+    type?: Type;
+    loading?: boolean;
+    domesticList?: CityList;
+    foreignList?: CityList;
+    commonList?: CityList;
+    className?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    title?: string;
+    clearIcon?: React.ReactNode;
+    suffixIcon?: React.ReactNode;
+    optionHighlightProps?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    description?: React.ReactNode;
+    showDescription?: boolean;
+    onChange?: (value: string | number, city: City) => void;
+    onBlur?: (e: React.ChangeEvent<HTMLSpanElement>) => void;
+    onFocus?: () => void;
+    onSearch?: (value: string) => void;
+    onClear?: () => void;
+    itemRender?: (city: City) => React.ReactNode;
+}
+export interface ICityPickerOptionProps {
+    disabled?: boolean;
+    city?: City;
+    value?: string | number;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onChangeSelect?: (city: City | null) => void;
+    renderCityInfo?: (city: City, flag?: boolean, symbol?: string) => React.ReactNode;
+    itemRender?: (city: City) => React.ReactNode;
+}

package/lib/city-picker/interface.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sizes = exports.BorderTypes = void 0;
+var _type = require("../_utils/type");
+var BorderTypes = (0, _type.tuple)('none', 'underline', 'bordered');
+exports.BorderTypes = BorderTypes;
+var Sizes = (0, _type.tuple)('large', 'middle', 'small'); // 选择框大小
+exports.Sizes = Sizes;

package/lib/city-picker/option.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ICityPickerOptionProps } from './interface';
+declare const Option: React.ForwardRefExoticComponent<ICityPickerOptionProps & React.RefAttributes<unknown>>;
+export default Option;

package/lib/city-picker/option.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var InternalOption = function InternalOption(props, ref) {
+  var _classNames;
+  var optionRef = (0, _react.useRef)(null) || ref;
+  var children = props.children,
+    value = props.value,
+    disabled = props.disabled,
+    onChangeSelect = props.onChangeSelect,
+    _props$city = props.city,
+    city = _props$city === void 0 ? {} : _props$city,
+    renderCityInfo = props.renderCityInfo,
+    itemRender = props.itemRender;
+  var id = city.id,
+    name = city.name;
+  var _useContext = (0, _react.useContext)(_ConfigContext.default),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
+  var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
+  var isSelected = id !== undefined ? id === value : false;
+  var optionCls = (0, _classnames.default)(selectOptionPrefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), (0, _defineProperty2.default)(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), _classNames));
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    if (disabled || id === undefined) return;
+    onChangeSelect === null || onChangeSelect === void 0 ? void 0 : onChangeSelect(city);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: optionRef,
+    className: optionCls,
+    title: name,
+    onClick: handleClick
+  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-content")
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-info")
+  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)))));
+};
+var Option = /*#__PURE__*/_react.default.forwardRef(InternalOption);
+Option.displayName = 'CityPickerOption';
+var _default = Option;
+exports.default = _default;