@power-xa/m-ui 0.0.6 → 0.0.7

package/README.md

@@ -34,4 +34,12 @@ ProFormUpload/ProList 增加文件预览
 3.ProFormField 组件暴露
 4.ProFormList组件优化
 5.ProFormSelect 内部Popup增加扩展内容
-6.Tabs组件增加ref属性，可通过ref刷新指定Tab
+6.Tabs组件增加ref属性，可通过ref刷新指定Tab
+
+# 0.0.7
+1.ConfigProvider 增加 env 参数，用于判断当前环境
+2.Popup/Drawer 组件Bug修改
+3.Filter默认值场景增加
+4.ProFormList组件优化
+5.ProFormGroup子组件赋值操作修改
+6.Tabs修改非swiperable下children无法更新

package/dist/ConfigProvider/index.d.ts

@@ -10,6 +10,7 @@ export interface ConfigProviderType {
         resource?: string;
         oss?: string;
     };
+    env?: "WEAPP" | "SWAN" | "ALIPAY" | "TT" | "QQ" | "JD" | "WEB" | "RN" | "HARMONY" | "QUICKAPP" | "HARMONYHYBRID" | "QYWX" | "DD";
     basename?: string;
     token?: string;
     extra?: ExtraType;

package/dist/Drawer/index.d.ts

@@ -7,6 +7,7 @@ type DrawerProps = {
     header?: ReactNode;
     content?: ReactNode;
     footer?: ReactNode;
+    width?: number;
 };
 declare const Drawer: FC<DrawerProps>;
 export default Drawer;

package/dist/Drawer/index.js

@@ -5,8 +5,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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, { useEffect, useState } from "react";
-import { getMenuButtonBoundingClientRect } from "@tarojs/taro";
-import { View } from "@tarojs/components";
+import { getMenuButtonBoundingClientRect, getWindowInfo } from "@tarojs/taro";
+import { RootPortal, View } from "@tarojs/components";
 import "./index.less";
 var Drawer = function Drawer(_ref) {
   var open = _ref.open,
@@ -14,11 +14,13 @@ var Drawer = function Drawer(_ref) {
     rootClassName = _ref.rootClassName,
     header = _ref.header,
     content = _ref.content,
-    footer = _ref.footer;
+    footer = _ref.footer,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 65 : _ref$width;
   var _getMenuButtonBoundin = getMenuButtonBoundingClientRect(),
     top = _getMenuButtonBoundin.top,
     height = _getMenuButtonBoundin.height;
-  var _useState = useState("translateX(-65vw)"),
+  var _useState = useState("translateX(-".concat(width, "vw)")),
     _useState2 = _slicedToArray(_useState, 2),
     transform = _useState2[0],
     setTransform = _useState2[1];
@@ -26,33 +28,46 @@ var Drawer = function Drawer(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     show = _useState4[0],
     setShow = _useState4[1];
+  var _getWindowInfo = getWindowInfo(),
+    safeArea = _getWindowInfo.safeArea;
+  var _ref2 = safeArea,
+    safeAreaHeight = _ref2.height,
+    bottom = _ref2.bottom;
   useEffect(function () {
-    setShow(open || false);
+    if (open && !show) setShow(true);
+    if (!open && show) setTransform("translateX(-".concat(width, "vw)"));
   }, [open]);
   useEffect(function () {
-    if (show !== open) {
-      var timer = setTimeout(function () {
-        onOpenChange === null || onOpenChange === void 0 || onOpenChange(show);
-        clearTimeout(timer);
-      }, 300);
-    }
+    if (show) setTransform("none");
   }, [show]);
   useEffect(function () {
-    setTransform(show ? "none" : "translateX(-65vw)");
-  }, [show]);
-  return /*#__PURE__*/React.createElement(View, {
+    if (transform === "translateX(-".concat(width, "vw)")) {
+      var time = setTimeout(function () {
+        setShow(false);
+        clearTimeout(time);
+        onOpenChange === null || onOpenChange === void 0 || onOpenChange(false);
+      }, 300);
+    }
+  }, [transform]);
+  return /*#__PURE__*/React.createElement(RootPortal, {
+    style: {
+      display: show ? "block" : "none",
+      position: "fixed"
+    }
+  }, /*#__PURE__*/React.createElement(View, {
     className: "p-drawer-mask ".concat(rootClassName),
     style: {
-      display: open ? "block" : "none"
+      display: show ? "block" : "none"
     },
     onTap: function onTap() {
-      return setShow(false);
+      setTransform("translateX(".concat(-width, "vw)"));
     }
   }, /*#__PURE__*/React.createElement(View, {
     className: "p-drawer-container",
     style: {
       paddingTop: top,
-      transform: transform
+      transform: transform,
+      width: width + "vw"
     },
     onClick: function onClick(e) {
       return e.stopPropagation();
@@ -64,8 +79,11 @@ var Drawer = function Drawer(_ref) {
     }
   }, header), /*#__PURE__*/React.createElement(View, {
     className: "p-drawer-content"
-  }, content), /*#__PURE__*/React.createElement(View, {
-    className: "p-drawer-footer"
-  }, footer)));
+  }, content), footer && /*#__PURE__*/React.createElement(View, {
+    className: "p-drawer-footer",
+    style: {
+      paddingBottom: "".concat(bottom - safeAreaHeight > 24 ? bottom - safeAreaHeight : 24, "rpx")
+    }
+  }, footer))));
 };
 export default Drawer;

package/dist/Drawer/index.less

@@ -5,9 +5,10 @@
     bottom: 0;
     left: 0;
     background: rgba(51, 52, 55, 0.70);
+    z-index: 99999;
+    transition: display .3s;
 
     .p-drawer-container {
-        width: 65vw;
         height: 100vh;
         background: #fff;
         transform: translateX(-65vw);

package/dist/Filter/index.d.ts

@@ -7,6 +7,9 @@ type FilterProps = {
     onFilter?: (form: {
         [key: string]: any;
     }) => void;
+    initialValues?: {
+        [key: string]: any;
+    };
     children?: ReactElement | ReactElement[];
 };
 declare const Filter: FC<FilterProps>;

package/dist/Filter/index.js

@@ -13,7 +13,8 @@ var Filter = function Filter(_ref) {
     extra = _ref.extra,
     onSearch = _ref.onSearch,
     onFilter = _ref.onFilter,
-    children = _ref.children;
+    children = _ref.children,
+    initialValues = _ref.initialValues;
   var formRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -54,7 +55,8 @@ var Filter = function Filter(_ref) {
     })), /*#__PURE__*/React.createElement(View, {
       className: "content"
     }, children && /*#__PURE__*/React.createElement(ProForm, {
-      ref: formRef
+      ref: formRef,
+      initialValues: initialValues
     }, /*#__PURE__*/React.createElement(ProForm.Group, null, children))), /*#__PURE__*/React.createElement(View, {
       className: "footer"
     }, /*#__PURE__*/React.createElement(Button, {

package/dist/ProForm/Group/index.js

@@ -24,7 +24,7 @@ var ProFormGroup = function ProFormGroup(_ref) {
         className: "".concat(e.props["className"], " ").concat(i === elementList.length - 1 ? 'p-pro-form-item-last' : ""),
         disabled: disabled || e.props.disabled,
         hidden: hidden || e.props.hidden,
-        value: form && getObjectPathValue(e.props.name, form),
+        value: e.props.value || form && getObjectPathValue(e.props.name, form),
         onChange: function onChange(value) {
           var _e$props$onChange, _e$props;
           (_e$props$onChange = (_e$props = e.props).onChange) === null || _e$props$onChange === void 0 || _e$props$onChange.call(_e$props, value);

package/dist/Tabs/index.js

@@ -19,7 +19,7 @@ import { ScrollView, Swiper, SwiperItem, Text, View } from "@tarojs/components";
 import { createSelectorQuery } from "@tarojs/taro";
 import "./index.less";
 var Tabs = function Tabs(_ref, ref) {
-  var _items$, _tabsList$find2;
+  var _items$, _items$find2;
   var items = _ref.items,
     onChange = _ref.onChange,
     activeKey = _ref.activeKey,
@@ -199,8 +199,8 @@ var Tabs = function Tabs(_ref, ref) {
       id: "swiper-tab-content",
       className: "swiper-tab-content-view"
     }, renderSwiperTabContent(item)));
-  })) : (_tabsList$find2 = tabsList.find(function (item) {
+  })) : (_items$find2 = items.find(function (item) {
     return item.key === selectKey;
-  })) === null || _tabsList$find2 === void 0 ? void 0 : _tabsList$find2.children));
+  })) === null || _items$find2 === void 0 ? void 0 : _items$find2.children));
 };
 export default /*#__PURE__*/forwardRef(Tabs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@power-xa/m-ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "power-mobile系列公共组件库",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",