@kdcloudjs/kdesign 1.7.19 → 1.7.20

package/es/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/es/city-picker/interface.js

@@ -0,0 +1,3 @@
+import { tuple } from '../_utils/type';
+export var BorderTypes = tuple('none', 'underline', 'bordered');
+export var Sizes = tuple('large', 'middle', 'small'); // 选择框大小

package/es/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/es/city-picker/option.js

@@ -0,0 +1,42 @@
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import React, { useContext, useRef } from 'react';
+import classNames from 'classnames';
+import ConfigContext from '../config-provider/ConfigContext';
+var InternalOption = function InternalOption(props, ref) {
+  var _classNames;
+  var optionRef = 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 = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
+  var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
+  var isSelected = id !== undefined ? id === value : false;
+  var optionCls = classNames(selectOptionPrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), _defineProperty(_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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: optionRef,
+    className: optionCls,
+    title: name,
+    onClick: handleClick
+  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-content")
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(selectOptionPrefixCls, "-info")
+  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)))));
+};
+var Option = /*#__PURE__*/React.forwardRef(InternalOption);
+Option.displayName = 'CityPickerOption';
+export default Option;