@pisell/materials 1.0.508 → 1.0.510

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -109,15 +109,17 @@ var PhoneInput = function PhoneInput(_ref) {
     },
     onBlur: handleBlur,
     popupMatchSelectWidth: false,
-    optionLabelProp: "label",
-    showSearch: true
-  }, countries.map(function (country) {
-    return /*#__PURE__*/React.createElement(Option, {
-      key: country.code,
-      value: country.code,
-      label: country.prefix
-    }, translationOriginal(country.name), " (", country.prefix, ")");
-  })), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
+    optionLabelProp: "inputValue",
+    optionFilterProp: "label",
+    showSearch: true,
+    options: countries.map(function (country) {
+      return {
+        value: country.code,
+        label: "".concat(translationOriginal(country.name), " (").concat(country.prefix, ")"),
+        inputValue: country.prefix
+      };
+    })
+  }), /*#__PURE__*/React.createElement(Input, _extends({}, props, {
     status: status,
     type: "tel",
     value: phoneNumber,

package/es/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useRef, useEffect } from 'react';
+import React, { useMemo, useRef } from 'react';
 import { isArr, isString, isUndefined } from '@pisell/utils';
 import { useMemoizedFn } from 'ahooks';
 import VariablesContext from "./VariablesContext";
@@ -18,14 +18,15 @@ var VariablesProvider = function VariablesProvider(props) {
     variables = props.variables;
 
   // 变量存储
-  var variablesRef = useRef({});
+  var variablesRef = useRef(variables || {});
   // 添加变量变化监听器存储
   var listenersRef = useRef(new Set());
-  useEffect(function () {
-    if (variables) {
-      variablesRef.current = variables;
-    }
-  }, [variables]);
+
+  // useEffect(() => {
+  //   if (variables) {
+  //     variablesRef.current = variables;
+  //   }
+  // }, [variables]);
 
   // 注册变量
   var registerVariable = useMemoizedFn(function (value) {

package/es/components/select/index.js

@@ -41,7 +41,7 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     setSearchValue = _useState2[1];
   var filteredOptions = useMemo(function () {
     if (!searchValue) return options;
-    return options.filter(function (option) {
+    return (options || []).filter(function (option) {
       var _option$optionFilterP;
       var optionValue = ((_option$optionFilterP = option[optionFilterProp]) === null || _option$optionFilterP === void 0 ? void 0 : _option$optionFilterP.toString().toLowerCase()) || '';
       return optionValue.includes(searchValue.toLowerCase());

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -111,21 +111,15 @@ var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) =>
       style: { width: "90px" },
       onBlur: handleBlur,
       popupMatchSelectWidth: false,
-      optionLabelProp: "label",
-      showSearch: true
-    },
-    countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
-      Option,
-      {
-        key: country.code,
+      optionLabelProp: "inputValue",
+      optionFilterProp: "label",
+      showSearch: true,
+      options: countries.map((country) => ({
         value: country.code,
-        label: country.prefix
-      },
-      translationOriginal(country.name),
-      " (",
-      country.prefix,
-      ")"
-    ))
+        label: `${translationOriginal(country.name)} (${country.prefix})`,
+        inputValue: country.prefix
+      }))
+    }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {

package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -47,13 +47,8 @@ var defaultCustomizer = (objValue, srcValue) => {
 var VARIABLE_PATTERN = /{{([^}]+)}}/g;
 var VariablesProvider = (props) => {
   const { children, variables } = props;
-  const variablesRef = (0, import_react.useRef)({});
+  const variablesRef = (0, import_react.useRef)(variables || {});
   const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react.useEffect)(() => {
-    if (variables) {
-      variablesRef.current = variables;
-    }
-  }, [variables]);
   const registerVariable = (0, import_ahooks.useMemoizedFn)((value2) => {
     variablesRef.current = (0, import_utils3.mergeWith)(
       variablesRef.current,

package/lib/components/select/index.js

@@ -63,7 +63,7 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
   const filteredOptions = (0, import_react.useMemo)(() => {
     if (!searchValue)
       return options;
-    return options.filter(
+    return (options || []).filter(
       (option) => {
         var _a;
         const optionValue = ((_a = option[optionFilterProp]) == null ? void 0 : _a.toString().toLowerCase()) || "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.508",
+  "version": "1.0.510",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",