@power-xa/m-ui 0.0.6 → 0.0.8

package/dist/ProForm/Controls/Select/index.d.ts

@@ -1,10 +1,59 @@
 import { FC, ReactNode } from "react";
+import type { ProFormFieldProps } from "../../Field";
 import "./index.less";
-type ProFormSelectProps = ProFormAPI.ProFormItemProps & {
+type Location = {
+    longitude: number;
+    latitude: number;
+    address: string;
+    [key: string]: any;
+};
+type SourceType = {
+    user?: "ALL" | "IN" | "OUT" | "OTHER" | "SEAT" | "NO-SEAT";
+    unit?: "ALL" | "USER" | "UNIT";
+    organization?: "ALL" | "USER" | "DEPT";
+    external?: "ALL" | "USER" | "EXTERNAL";
+    rule?: "ALL" | "USER" | "RULE";
+};
+export type ProFormSelectProps = ProFormFieldProps & {
+    options?: {
+        [key: string]: any;
+    }[];
+    renderOptions?: (option: {
+        [key: string]: any;
+    }) => ReactNode;
+    multiple?: boolean;
+    params?: {
+        [key: string]: any;
+    };
+    request?: (params?: {
+        [key: string]: any;
+    }) => Promise<{
+        [key: string]: any;
+    }[]>;
+    fieldNames?: {
+        label: string;
+        value: string;
+        children?: string;
+    };
+    optionType?: boolean;
+    projectId?: string;
+    companyId?: string;
+    source?: SourceType | string;
+    filter?: {
+        [key: string]: any;
+    };
     popupExtra?: {
         top?: ReactNode;
         bottom?: ReactNode;
     };
+    location?: {
+        text?: string;
+        onChange?: (location: Location) => Location;
+        renderLocation?: (location: Location, index: number, option: {
+            onDelete: (index: number) => void;
+            onEdit: (index: number, location: Location) => void;
+        }) => ReactNode;
+    };
 };
 declare const ProFormSelect: FC<ProFormSelectProps>;
 export default ProFormSelect;

package/dist/ProForm/Controls/Select/index.js

@@ -1,5 +1,5 @@
+var _excluded = ["children", "optionType", "request", "disabled", "multiple", "onChange", "fieldNames", "placeholder", "companyId", "projectId", "source", "popupExtra", "filter", "location", "renderOptions", "dependencies", "getFieldValue", "params"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -9,260 +9,338 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { Fragment, useCallback, useEffect, useState } from "react";
-import { navigateTo } from "@tarojs/taro";
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { Fragment, useCallback, useMemo, useState } from "react";
+import { navigateTo, chooseLocation } from "@tarojs/taro";
 import { ScrollView, Text, View } from "@tarojs/components";
-import { getListAssignField, Popup, SearchInput } from "../../..";
+import { Empty, getListAssignField, Popup, SearchInput } from "../../..";
+import { isArray, isEqual, set } from "lodash";
+import { useDebounceEffect } from "ahooks";
 import ProFormField from "../../Field";
 import "./index.less";
-var ProFormSelect = function ProFormSelect(props) {
-  var _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? {
+var ProFormSelect = function ProFormSelect(_ref) {
+  var children = _ref.children,
+    optionType = _ref.optionType,
+    request = _ref.request,
+    disabled = _ref.disabled,
+    multiple = _ref.multiple,
+    _onChange = _ref.onChange,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
       value: "value",
       label: "label"
-    } : _props$fieldNames,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? "请选择" : _props$placeholder,
-    request = props.request,
-    _props$params = props.params,
-    params = _props$params === void 0 ? {} : _props$params,
-    optionType = props.optionType,
-    getFormValue = props.getFormValue,
-    _props$dependencies = props.dependencies,
-    dependencies = _props$dependencies === void 0 ? "" : _props$dependencies,
-    label = props.label,
-    multiple = props.multiple,
-    _onChange = props.onChange,
-    projectId = props.projectId,
-    companyId = props.companyId,
-    source = props.source,
-    disabled = props.disabled,
-    popupExtra = props.popupExtra;
-  var _useState = useState([]),
+    } : _ref$fieldNames,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "请选择" : _ref$placeholder,
+    companyId = _ref.companyId,
+    projectId = _ref.projectId,
+    source = _ref.source,
+    popupExtra = _ref.popupExtra,
+    filter = _ref.filter,
+    location = _ref.location,
+    renderOptions = _ref.renderOptions,
+    dependencies = _ref.dependencies,
+    getFieldValue = _ref.getFieldValue,
+    params = _ref.params,
+    fieldProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    options = _useState2[0],
-    setOptions = _useState2[1];
-  var _useState3 = useState([]),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
     value = _useState4[0],
     setValue = _useState4[1];
-  var _useState5 = useState(false),
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
-  useEffect(function () {
-    if (props.value !== value) setValue(props.value);
-  }, [props.value]);
-  useEffect(function () {
-    var _props$options;
-    if ((_props$options = props.options) !== null && _props$options !== void 0 && _props$options.length) {
-      setOptions(props.options);
-    }
-  }, [props.options]);
-  useEffect(function () {
+    options = _useState6[0],
+    setOptions = _useState6[1];
+  useDebounceEffect(function () {
+    if ((["string", "boolean", "number"].includes(_typeof(fieldProps.value)) || fieldProps.value === null) && fieldProps.value !== value) setValue(fieldProps.value);
+    if (!isEqual(fieldProps.value, value)) setValue(fieldProps.value);
+    if (!fieldProps.value && multiple) setValue([]);
+  }, [fieldProps.value], {
+    wait: 200
+  });
+  useDebounceEffect(function () {
+    if (!isEqual(fieldProps.options, options)) setOptions(fieldProps.options || []);
+  }, [fieldProps.options], {
+    wait: 200
+  });
+
+  /* 监听依赖值变化 */
+  useDebounceEffect(function () {
     if (dependencies) {
       /* 监听Form其他字段值 */
-      if (request && getFormValue !== null && getFormValue !== void 0 && getFormValue(dependencies)) {
+      if (request && getFieldValue !== null && getFieldValue !== void 0 && getFieldValue(dependencies)) {
         var requestParams = _objectSpread({}, params);
-        requestParams[dependencies] = getFormValue === null || getFormValue === void 0 ? void 0 : getFormValue(dependencies);
+        set(requestParams, dependencies, getFieldValue === null || getFieldValue === void 0 ? void 0 : getFieldValue(dependencies));
         request(requestParams).then(function (result) {
           setOptions(result);
-          if (!result.some(function (item) {
-            return item.value === props.value;
-          })) {
-            _onChange === null || _onChange === void 0 || _onChange(null);
-          } else {
-            setValue(props.value);
+          if (fieldProps.value) {
+            if (!(fieldProps.value instanceof Array)) {
+              if (!result.some(function (item) {
+                return item.value === fieldProps.value;
+              })) {
+                _onChange === null || _onChange === void 0 || _onChange(null);
+              }
+            } else {
+              _onChange === null || _onChange === void 0 || _onChange(fieldProps.value.filter(function (v) {
+                return result.some(function (r) {
+                  return r.value === v;
+                });
+              }));
+            }
           }
         });
       }
     }
-  }, [dependencies ? getFormValue === null || getFormValue === void 0 ? void 0 : getFormValue(dependencies) : null]);
-  var onSelect = useCallback(function () {
-    var user = false;
-    for (var _key in source) {
-      if (["ALL", "USER"].includes(source[_key])) user = true;
-    }
-    if (user) {
-      navigateTo({
-        url: "/screens/common/select/recent/index",
-        success: function success(result) {
-          result.eventChannel.emit("getRecentParams", _objectSpread(_objectSpread({}, props), {}, {
-            value: value ? _toConsumableArray(value) : [],
-            onChange: function onChange(result) {
-              return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
-            }
-          }));
+  }, [dependencies ? getFieldValue === null || getFieldValue === void 0 ? void 0 : getFieldValue(dependencies) : null]);
+  var _onTap = useCallback(function (e) {
+    e.stopPropagation();
+    if (disabled) return false;
+    if (companyId || projectId) {
+      var url = "";
+      var eventName = "getSelectParams";
+      var _params = {
+        companyId: companyId,
+        projectId: projectId,
+        multiple: multiple,
+        value: value,
+        source: source,
+        filter: filter,
+        onChange: function onChange(result) {
+          setValue(result);
+          _onChange === null || _onChange === void 0 || _onChange(result);
         }
-      });
-    } else {
+      };
+      if (!(source !== null && source !== void 0 && source.organization) && !(source !== null && source !== void 0 && source.unit)) {
+        url = "/screens/common/select/user/index";
+        _params.source = source === null || source === void 0 ? void 0 : source.user;
+      } else {
+        url = "/screens/common/select/".concat(companyId ? 'company' : "project", "/index");
+        var recent = false;
+        for (var _key in source) {
+          if (["ALL", "USER"].includes(source[_key])) recent = true;
+        }
+        if (recent) {
+          url = "/screens/common/select/recent/index";
+          eventName = "getRecentParams";
+        }
+      }
       navigateTo({
-        url: "/screens/common/select/".concat(companyId ? 'company' : "project", "/index"),
+        url: url,
         success: function success(result) {
-          result.eventChannel.emit("getSelectParams", _objectSpread(_objectSpread({}, props), {}, {
-            value: value ? _toConsumableArray(value) : [],
-            onChange: function onChange(result) {
-              return _onChange === null || _onChange === void 0 ? void 0 : _onChange(result);
-            }
-          }));
+          return result.eventChannel.emit(eventName, _params);
         }
       });
+    } else {
+      setOpen(true);
     }
-  }, [value]);
-  var renderValueText = useCallback(function () {
-    if (typeof value === "string") return getListAssignField(value, options, fieldNames);
-    if (value instanceof Array) {
-      if (value.length) {
-        if (typeof value[0] === "string") return value.map(function (v) {
-          return getListAssignField(v, options, fieldNames);
-        }).join("、");
-        return value.map(function (v) {
-          return v[fieldNames.label];
-        }).join("、");
-      }
-    }
-  }, [value, options]);
-  var renderPopupSelectIcon = useCallback(function (option) {
-    if (["string", "boolean"].includes(_typeof(value)) && value === option) return /*#__PURE__*/React.createElement(View, {
-      className: "iconfont icon-icon-radio"
+  }, [value, disabled]);
+
+  /* 渲染选择图标 */
+  var renderIcon = useCallback(function (v) {
+    if (value === v || value instanceof Array && value.includes(v)) return /*#__PURE__*/React.createElement(View, {
+      className: "iconfont ".concat(multiple ? 'icon-icon-checkbox' : 'icon-icon-radio')
     });
-    if (value instanceof Array) {
-      if (typeof value[0] === "string" && value.some(function (v) {
-        return v === option;
-      })) return /*#__PURE__*/React.createElement(View, {
-        className: "iconfont icon-icon-checkbox"
-      });
-      if (value.some(function (v) {
-        return v[fieldNames.value] === option;
-      })) return /*#__PURE__*/React.createElement(View, {
-        className: "iconfont icon-icon-checkbox"
-      });
-    }
     return /*#__PURE__*/React.createElement(View, {
       className: "iconfont icon-icon-circle"
     });
   }, [value]);
-  if (optionType && !companyId && !projectId) return /*#__PURE__*/React.createElement(ProFormField, _extends({
-    layout: "vertical"
-  }, props), /*#__PURE__*/React.createElement(View, {
-    className: "p-pro-form-item-select"
-  }, options.length ? /*#__PURE__*/React.createElement(Fragment, null, options.map(function (item) {
-    return /*#__PURE__*/React.createElement(View, {
-      className: "p-pro-form-item-select-option ".concat(disabled ? 'disabled' : ''),
-      key: 'option-' + item[fieldNames.value],
+
+  /* 渲染文字 */
+  var renderText = useCallback(function () {
+    if (["string", "boolean", "number"].includes(_typeof(value)) || value === null) return getListAssignField(value, options, fieldNames);
+    if (isArray(value)) return value.map(function (v) {
+      return ["string", "boolean", "number"].includes(_typeof(v)) || v === null ? getListAssignField(v, options, fieldNames) : v[fieldNames.label];
+    }).join("、");
+  }, [value, options]);
+  var renderContent = useCallback(function () {
+    /* 地址选择 */
+    if (location) return /*#__PURE__*/React.createElement(ProFormField, _extends({
+      layout: "vertical"
+    }, fieldProps), /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-select-location-container"
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-select-location-button",
       onTap: function onTap() {
-        if (disabled) return false;
-        if (multiple) {
-          var v = value || [];
-          if (v.some(function (v) {
-            return v === item[fieldNames.value];
-          })) {
-            v.splice(v.findIndex(function (v) {
-              return v === item[fieldNames.value];
-            }), 1);
-          } else {
-            v.push(item[fieldNames.value]);
-          }
-          setValue(_toConsumableArray(v));
-        } else {
-          _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);
-        }
-      }
-    }, renderPopupSelectIcon(item[fieldNames.value]), /*#__PURE__*/React.createElement(Text, {
-      className: "p-pro-form-item-select-option-text"
-    }, item[fieldNames.label]));
-  })) : /*#__PURE__*/React.createElement(View, {
-    className: "error-view"
-  }, /*#__PURE__*/React.createElement(Text, {
-    className: "text"
-  }, "\u6682\u65E0\u6570\u636E"))));
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ProFormField, _extends({}, props, {
-    layout: "horizontal"
-  }), /*#__PURE__*/React.createElement(View, {
-    className: "p-pro-form-item-select",
-    onTap: function onTap() {
-      if (disabled) return false;
-      if (companyId || projectId) {
-        onSelect();
-      } else {
-        setOpen(true);
-      }
-    }
-  }, disabled ? /*#__PURE__*/React.createElement(Text, {
-    className: "p-pro-form-item-control-disabled"
-  }, renderValueText() || "-") : value ? /*#__PURE__*/React.createElement(Text, {
-    className: "p-pro-form-item-value"
-  }, renderValueText()) : /*#__PURE__*/React.createElement(Text, {
-    className: "p-pro-form-item-placeholder"
-  }, placeholder))), !companyId && !projectId && /*#__PURE__*/React.createElement(Popup, {
-    open: open,
-    onOpenChange: function onOpenChange(open) {
-      return setOpen(open);
-    },
-    rootClassName: "p-pro-form-item-select-popup-container",
-    header: {
-      title: label,
-      extra: {
-        right: multiple && /*#__PURE__*/React.createElement(Text, {
-          className: "text",
-          onClick: function onClick() {
-            return _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
+        return chooseLocation({
+          success: function success(result) {
+            var _location$onChange;
+            var v = [];
+            if (multiple) v = _toConsumableArray(value || []);
+            var l = {
+              longitude: result.longitude,
+              latitude: result.latitude,
+              address: result.address
+            };
+            var r = (_location$onChange = location.onChange) === null || _location$onChange === void 0 ? void 0 : _location$onChange.call(location, l);
+            v.push(r || l);
+            _onChange === null || _onChange === void 0 || _onChange(v);
           }
-        }, "\u786E\u5B9A")
-      }
-    }
-  }, function (_ref) {
-    var onOpenChange = _ref.onOpenChange;
-    return /*#__PURE__*/React.createElement(Fragment, null, popupExtra === null || popupExtra === void 0 ? void 0 : popupExtra.top, /*#__PURE__*/React.createElement(SearchInput, {
-      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
-      onSearch: function onSearch(value) {
-        var _props$options2;
-        return setOptions(((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (item) {
-          return item[fieldNames.label].indexOf(value) >= 0;
-        })) || []);
+        });
       }
-    }), /*#__PURE__*/React.createElement(ScrollView, {
-      className: "p-pro-form-item-select-popup-content",
-      showScrollbar: false,
-      scrollY: true,
-      enableFlex: true,
-      enhanced: true
-    }, options.length ? /*#__PURE__*/React.createElement(Fragment, null, options.map(function (item) {
+    }, /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-xianmudizhi"
+    }), /*#__PURE__*/React.createElement(Text, {
+      className: "text"
+    }, location.text)), value && value !== null && value !== void 0 && value.length ? value.map(function (v, i) {
+      var _location$renderLocat;
       return /*#__PURE__*/React.createElement(View, {
-        className: "p-pro-form-item-select-option",
-        key: 'option-' + item[fieldNames.value],
+        key: 'p-pro-form-location-' + i,
+        className: "p-pro-form-select-location-view",
         onTap: function onTap() {
-          if (multiple) {
-            var v = value || [];
-            if (v.some(function (v) {
-              return v === item[fieldNames.value];
-            })) {
-              v.splice(v.findIndex(function (v) {
-                return v === item[fieldNames.value];
-              }), 1);
+          return navigateTo({
+            url: "/screens/common/map/index",
+            success: function success(result) {
+              return result.eventChannel.emit("getLocationParams", {
+                latitude: v === null || v === void 0 ? void 0 : v.latitude,
+                longitude: v === null || v === void 0 ? void 0 : v.longitude
+              });
+            }
+          });
+        }
+      }, (_location$renderLocat = location.renderLocation) === null || _location$renderLocat === void 0 ? void 0 : _location$renderLocat.call(location, v, i, {
+        onDelete: function onDelete(i) {
+          var v = _toConsumableArray(value);
+          v.splice(i, 1);
+          _onChange === null || _onChange === void 0 || _onChange(v);
+        },
+        onEdit: function onEdit(i, l) {
+          var v = _toConsumableArray(value);
+          v.splice(i, 1, l);
+          _onChange === null || _onChange === void 0 || _onChange(v);
+        }
+      }));
+    }) : null));
+    if (optionType) {
+      /* 选项平铺，做Checkbox/Radio展示 */
+      var ol = options || [];
+      if (!request && !ol.length) ol = [{
+        value: true
+      }];
+      return /*#__PURE__*/React.createElement(ProFormField, _extends({
+        layout: "vertical"
+      }, fieldProps), /*#__PURE__*/React.createElement(View, {
+        className: "p-pro-form-item-select"
+      }, ol.map(function (o, oi) {
+        return /*#__PURE__*/React.createElement(View, {
+          key: 'p-pro-form-item-select-option-' + oi,
+          className: "p-pro-form-item-select-option ".concat(disabled ? 'disabled' : ''),
+          onTap: function onTap() {
+            if (disabled) return false;
+            if (value instanceof Array) {
+              if (value.some(function (v) {
+                return v === o[fieldNames.value];
+              })) {
+                value.splice(value.findIndex(function (v) {
+                  return v === o[fieldNames.value];
+                }), 1);
+              } else {
+                value.push(o[fieldNames.value]);
+              }
+              _onChange === null || _onChange === void 0 || _onChange(value);
             } else {
-              v.push(item[fieldNames.value]);
+              _onChange === null || _onChange === void 0 || _onChange(o[fieldNames.value]);
             }
-            setValue(_toConsumableArray(v));
-          } else {
-            onOpenChange();
-            _onChange === null || _onChange === void 0 || _onChange(item[fieldNames.value]);
           }
+        }, renderIcon(o[fieldNames.value]), o[fieldNames.label] && /*#__PURE__*/React.createElement(Text, {
+          className: "p-pro-form-item-select-option-text"
+        }, o[fieldNames.label]));
+      })));
+    }
+    /* 默认选择组件 */
+    return /*#__PURE__*/React.createElement(Fragment, null, children ? /*#__PURE__*/React.createElement(View, {
+      className: "p-select-container",
+      onTap: function onTap(e) {
+        return _onTap(e);
+      }
+    }, children) : /*#__PURE__*/React.createElement(ProFormField, _extends({
+      layout: "horizontal"
+    }, fieldProps), /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-item-select",
+      onTap: function onTap(e) {
+        return _onTap(e);
+      }
+    }, disabled ? /*#__PURE__*/React.createElement(Text, {
+      className: "p-pro-form-item-control-disabled"
+    }, renderText() || "-") : value instanceof Array && value.length || !(value instanceof Array) && value ? /*#__PURE__*/React.createElement(Text, {
+      className: "p-pro-form-item-value"
+    }, renderText()) : /*#__PURE__*/React.createElement(Text, {
+      className: "p-pro-form-item-placeholder"
+    }, placeholder))), /*#__PURE__*/React.createElement(Popup, {
+      open: open,
+      onOpenChange: function onOpenChange(open) {
+        return setOpen(open);
+      },
+      rootClassName: "p-pro-form-item-select-popup-container",
+      header: {
+        title: fieldProps.label,
+        extra: {
+          right: multiple && /*#__PURE__*/React.createElement(Text, {
+            className: "text",
+            onClick: function onClick() {
+              return _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
+            }
+          }, "\u786E\u5B9A")
         }
-      }, renderPopupSelectIcon(item[fieldNames.value]), /*#__PURE__*/React.createElement(Text, {
-        className: "p-pro-form-item-select-option-text"
-      }, item[fieldNames.label]));
-    })) : /*#__PURE__*/React.createElement(View, {
-      className: "error-view"
-    }, /*#__PURE__*/React.createElement(Text, {
-      className: "text"
-    }, "\u6682\u65E0\u6570\u636E"))), popupExtra === null || popupExtra === void 0 ? void 0 : popupExtra.bottom);
-  }));
+      }
+    }, function (_ref2) {
+      var onOpenChange = _ref2.onOpenChange;
+      return /*#__PURE__*/React.createElement(Fragment, null, popupExtra === null || popupExtra === void 0 ? void 0 : popupExtra.top, /*#__PURE__*/React.createElement(SearchInput, {
+        placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+        onSearch: function onSearch(v) {
+          return setOptions((options === null || options === void 0 ? void 0 : options.filter(function (o) {
+            return o[fieldNames.label].indexOf(v) >= 0;
+          })) || []);
+        }
+      }), options.length ? /*#__PURE__*/React.createElement(ScrollView, {
+        className: "p-pro-form-item-select-popup-content",
+        showScrollbar: false,
+        scrollY: true,
+        enableFlex: true,
+        enhanced: true
+      }, options.map(function (o) {
+        return /*#__PURE__*/React.createElement(View, {
+          className: "p-pro-form-item-select-option",
+          key: 'option-' + o[fieldNames.value],
+          onTap: function onTap() {
+            if (value instanceof Array) {
+              if (value.some(function (v) {
+                return v === o[fieldNames.value];
+              })) {
+                value.splice(value.findIndex(function (v) {
+                  return v === o[fieldNames.value];
+                }), 1);
+              } else {
+                value.push(o[fieldNames.value]);
+              }
+              setValue(_toConsumableArray(value));
+            } else {
+              onOpenChange();
+              setValue(o[fieldNames.value]);
+              _onChange === null || _onChange === void 0 || _onChange(o[fieldNames.value]);
+            }
+          }
+        }, renderIcon(o[fieldNames.value]), renderOptions ? renderOptions(o) : /*#__PURE__*/React.createElement(Text, {
+          className: "p-pro-form-item-select-option-text"
+        }, o[fieldNames.label]));
+      })) : /*#__PURE__*/React.createElement(Empty, {
+        description: "\u6682\u65E0\u6570\u636E"
+      }), popupExtra === null || popupExtra === void 0 ? void 0 : popupExtra.bottom);
+    }));
+  }, [value, options, open, disabled]);
+  return useMemo(function () {
+    return renderContent();
+  }, [value, options, open, disabled]);
 };
 export default ProFormSelect;