@power-xa/m-ui 0.0.1

package/dist/Empty/index.js

@@ -0,0 +1,18 @@
+import React, { Fragment } from "react";
+import { Text, View } from "@tarojs/components";
+import "./index.less";
+var Empty = function Empty(_ref) {
+  var image = _ref.image,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "暂无数据" : _ref$description,
+    children = _ref.children,
+    classNames = _ref.classNames,
+    styles = _ref.styles;
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-empty-view-container ".concat(classNames === null || classNames === void 0 ? void 0 : classNames.root),
+    style: styles === null || styles === void 0 ? void 0 : styles.root
+  }, children || /*#__PURE__*/React.createElement(Fragment, null, image && image, /*#__PURE__*/React.createElement(Text, {
+    className: "p-empty-text"
+  }, description)));
+};
+export default Empty;

package/dist/Empty/index.less

@@ -0,0 +1,15 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-empty-view-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 20vh;
+
+    .p-empty-text {
+        .font(24, #999)
+    }
+}

package/dist/FloatButton/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+import "./index.less";
+type FloatButtonProps = {
+    size?: number;
+    children?: ReactNode;
+    onTap?: () => void;
+    className?: string;
+};
+declare const FloatButton: FC<FloatButtonProps>;
+export default FloatButton;

package/dist/FloatButton/index.js

@@ -0,0 +1,60 @@
+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, { useEffect, useState } from "react";
+import { createSelectorQuery } from "@tarojs/taro";
+import { MovableArea, MovableView, View } from "@tarojs/components";
+import { getUUID } from "../utils/tools";
+import "./index.less";
+var FloatButton = function FloatButton(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 48 : _ref$size,
+    children = _ref.children,
+    onTap = _ref.onTap,
+    className = _ref.className;
+  var id = "p-moveable-area-".concat(getUUID());
+  var _useState = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
+  useEffect(function () {
+    var query = createSelectorQuery();
+    query.selectAll("#".concat(id)).boundingClientRect(function (rect) {
+      if (rect instanceof Array) {
+        setPosition({
+          x: rect[0].width - size - 16,
+          y: rect[0].height - size - 90
+        });
+      } else {
+        setPosition({
+          x: rect.width - size - 16,
+          y: rect.height - size - 90
+        });
+      }
+    }).exec();
+  }, []);
+  return /*#__PURE__*/React.createElement(MovableArea, {
+    className: "p-moveable-area ".concat(className),
+    id: id
+  }, (position.x !== 0 || position.y !== 0) && /*#__PURE__*/React.createElement(MovableView, {
+    className: "p-moveable-view",
+    direction: "all",
+    x: position.x,
+    y: position.y,
+    style: {
+      width: size + 'px',
+      height: size + 'px'
+    },
+    inertia: true,
+    onClick: onTap
+  }, children || /*#__PURE__*/React.createElement(View, {
+    className: "iconfont icon-icon-psp-xinjian"
+  })));
+};
+export default FloatButton;

package/dist/FloatButton/index.less

@@ -0,0 +1,26 @@
+.p-moveable-area {
+    pointer-events: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 999;
+    width: 100vw;
+    height: 100vh;
+
+    .p-moveable-view {
+        border-radius: 50%;
+        background: #333437;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        pointer-events: auto;
+        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1), inset 4px 6px 8px 0px #242222;
+
+        .iconfont {
+            font-size: 36px;
+            color: #fff;
+        }
+    }
+}

package/dist/Grid/index.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+import "./index.less";
+type GridProps = {
+    dataSource: {
+        [key: string]: any;
+    }[];
+    column?: number;
+    className?: string;
+    renderItem: (data: {
+        [key: string]: any;
+    }) => ReactNode;
+    gap?: number;
+};
+declare const Grid: FC<GridProps>;
+export default Grid;

package/dist/Grid/index.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { View } from "@tarojs/components";
+import "./index.less";
+var Grid = function Grid(_ref) {
+  var className = _ref.className,
+    dataSource = _ref.dataSource,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? 4 : _ref$column,
+    renderItem = _ref.renderItem,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 24 : _ref$gap;
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-grid-view ".concat(className),
+    style: {
+      rowGap: gap + 'px'
+    }
+  }, dataSource.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(View, {
+      key: 'p-grid-content-' + index,
+      style: {
+        width: 100 / column + "%"
+      }
+    }, renderItem(item));
+  }));
+};
+export default Grid;

package/dist/Grid/index.less

@@ -0,0 +1,4 @@
+.p-grid-view {
+    display: flex;
+    flex-wrap: wrap;
+}

package/dist/PageContainer/index.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from "react";
+import "./index.less";
+type PageContainerProps = {
+    fixedHeader?: boolean;
+    header?: {
+        title?: string | undefined;
+        showBackBtn?: boolean;
+        className?: string;
+        name?: string;
+        content?: ReactNode;
+    };
+    children?: ReactNode;
+    className?: string;
+    disabledScroll?: boolean;
+};
+declare const PageContainer: FC<PageContainerProps>;
+export default PageContainer;

package/dist/PageContainer/index.js

@@ -0,0 +1,50 @@
+import React, { Fragment } from "react";
+import { getMenuButtonBoundingClientRect, navigateBack } from "@tarojs/taro";
+import { ScrollView, Text, View } from "@tarojs/components";
+import "./index.less";
+var PageContainer = function PageContainer(_ref) {
+  var _ref$fixedHeader = _ref.fixedHeader,
+    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader,
+    header = _ref.header,
+    children = _ref.children,
+    className = _ref.className,
+    disabledScroll = _ref.disabledScroll;
+  var _getMenuButtonBoundin = getMenuButtonBoundingClientRect(),
+    top = _getMenuButtonBoundin.top,
+    height = _getMenuButtonBoundin.height,
+    left = _getMenuButtonBoundin.left;
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-page-container ".concat(className),
+    style: !fixedHeader ? {
+      paddingTop: top
+    } : {}
+  }, !fixedHeader && /*#__PURE__*/React.createElement(View, {
+    className: "p-page-header ".concat(header === null || header === void 0 ? void 0 : header.className),
+    style: {
+      height: height,
+      width: left
+    }
+  }, (header === null || header === void 0 ? void 0 : header.showBackBtn) && /*#__PURE__*/React.createElement(View, {
+    className: "iconfont icon-icon-psp-fanhui",
+    onTap: function onTap() {
+      return navigateBack();
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "p-page-header-content"
+  }, header !== null && header !== void 0 && header.name ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    className: "title"
+  }, header === null || header === void 0 ? void 0 : header.title), /*#__PURE__*/React.createElement(Text, {
+    className: "text"
+  }, header.name)) : (header === null || header === void 0 ? void 0 : header.content) || /*#__PURE__*/React.createElement(Text, {
+    className: "title"
+  }, header === null || header === void 0 ? void 0 : header.title))), disabledScroll ? /*#__PURE__*/React.createElement(View, {
+    className: "p-page-content"
+  }, children) : /*#__PURE__*/React.createElement(ScrollView, {
+    scrollY: true,
+    enableFlex: true,
+    enhanced: true,
+    showScrollbar: false,
+    className: "p-page-content"
+  }, children));
+};
+export default PageContainer;

package/dist/PageContainer/index.less

@@ -0,0 +1,41 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-page-container {
+    width: 100vw;
+    height: 100vh;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+
+    .p-page-header {
+        display: flex;
+        align-items: center;
+        padding: 0 32px;
+        box-sizing: border-box;
+        gap: 16px;
+
+        .iconfont {
+            font-size: 28px;
+            color: #333437;
+        }
+
+        .p-page-header-content {
+            display: flex;
+            flex-direction: column;
+
+            .title {
+                .font(28, #333437, Regular, 500)
+            }
+
+            .text {
+                .font(24, #666)
+            }
+        }
+    }
+
+    .p-page-content {
+        margin-top: 20px;
+        height: 0;
+        flex: 1;
+    }
+}

package/dist/Popup/index.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactElement } from "react";
+import "./index.less";
+type PopupProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    rootClassName?: string;
+    children?: (({ onOpenChange }: {
+        onOpenChange: () => void;
+    }) => ReactElement) | ReactElement;
+    height?: number;
+};
+declare const Popup: FC<PopupProps>;
+export default Popup;

package/dist/Popup/index.js

@@ -0,0 +1,65 @@
+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, { useEffect, useState } from "react";
+import { RootPortal, View } from "@tarojs/components";
+import "./index.less";
+var Popup = function Popup(_ref) {
+  var open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    rootClassName = _ref.rootClassName,
+    children = _ref.children,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 85 : _ref$height;
+  var _useState = useState("translateY(100vh)"),
+    _useState2 = _slicedToArray(_useState, 2),
+    transform = _useState2[0],
+    setTransform = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    show = _useState4[0],
+    setShow = _useState4[1];
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      setShow(open || false);
+      clearTimeout(timer);
+    }, 100);
+  }, [open]);
+  useEffect(function () {
+    if (show !== open) {
+      var timer = setTimeout(function () {
+        onOpenChange === null || onOpenChange === void 0 || onOpenChange(show);
+        clearTimeout(timer);
+      }, 300);
+    }
+  }, [show]);
+  useEffect(function () {
+    setTransform(show ? "translateY(".concat(100 - height, "vh)") : "translateY(100vh)");
+  }, [show]);
+  return /*#__PURE__*/React.createElement(RootPortal, null, /*#__PURE__*/React.createElement(View, {
+    className: "p-popup-mask ".concat(rootClassName),
+    style: {
+      display: open ? "block" : "none"
+    },
+    onTap: function onTap() {
+      return setShow(false);
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "p-popup-container",
+    style: {
+      transform: transform,
+      height: height + "vh"
+    },
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, typeof children === "function" ? children === null || children === void 0 ? void 0 : children({
+    onOpenChange: function onOpenChange() {
+      return setShow(false);
+    }
+  }) : children)));
+};
+export default Popup;

package/dist/Popup/index.less

@@ -0,0 +1,22 @@
+.p-popup-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(51, 52, 55, 0.70);
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+
+    .p-popup-container {
+        width: 100vw;
+        background: #fff;
+        transform: translateY(100vh);
+        transition: .3s;
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+        border-radius: 32px 32px 0 0;
+    }
+}

package/dist/ProForm/Field/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement } from "react";
+import "./index.less";
+type ProFormFieldProps = ProFormAPI.ProFormItemProps & {
+    extra?: ReactElement | false;
+    children: ReactElement;
+};
+declare const ProFormField: FC<ProFormFieldProps>;
+export default ProFormField;

package/dist/ProForm/Field/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import "./index.less";
+var ProFormField = function ProFormField(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    label = props.label,
+    extra = props.extra,
+    required = props.required,
+    _props$rules = props.rules,
+    rules = _props$rules === void 0 ? [] : _props$rules,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? "horizontal" : _props$layout,
+    children = props.children,
+    hiddenBorder = props.hiddenBorder,
+    hidden = props.hidden;
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item ".concat(className, " ").concat(layout, " ").concat(hiddenBorder ? 'p-pro-form-item-hidden-border' : '', " ").concat(hidden ? 'hidden' : '')
+  }, label && /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-header"
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-label"
+  }, (required || rules.some(function (r) {
+    return r.required;
+  })) && /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-label-required"
+  }, "*"), /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-label-text"
+  }, label)), extra), /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-item-control"
+  }, children));
+};
+export default ProFormField;

package/dist/ProForm/Field/index.less

@@ -0,0 +1,96 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-item {
+    margin: 0 32px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #E5E5E5;
+    background: #FFF;
+    display: flex;
+    gap: 24px;
+
+    .p-pro-form-item-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .p-pro-form-item-label {
+            display: flex;
+            align-items: center;
+            position: relative;
+
+            .p-pro-form-item-label-required {
+                position: absolute;
+                top: -4px;
+                left: -18px;
+                .font(28, #ED5349);
+            }
+
+            .p-pro-form-item-label-text {
+                .font(28, #333437)
+            }
+        }
+    }
+
+    .p-pro-form-item-placeholder {
+        display: block;
+        width: 100%;
+        text-align: right;
+        .font(28, #999);
+    }
+
+    .p-pro-form-item-value,
+    .p-pro-form-item-control-disabled {
+        width: 100%;
+        text-align: right;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        display: block;
+        .font(28, #333437);
+    }
+
+    &.horizontal {
+        flex-direction: row;
+        align-items: center;
+        padding: 36px 0;
+
+        .p-pro-form-item-control {
+            flex: 1;
+            width: 0;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+
+            .p-pro-form-item-control-picker {
+                width: 100%;
+            }
+        }
+    }
+
+    &.vertical {
+        padding: 24px 0;
+        flex-direction: column;
+        align-items: flex-start;
+
+        .p-pro-form-item-header {
+            width: 100%;
+        }
+
+        .p-pro-form-item-control {
+            width: 100%;
+        }
+
+        .p-pro-form-item-control-disabled {
+            text-align: left;
+        }
+    }
+
+    &.p-pro-form-item-hidden-border {
+        border-bottom: 0;
+        padding-bottom: 0;
+    }
+
+    &.hidden {
+        display: none;
+    }
+}

package/dist/ProForm/Form/index.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactElement } from "react";
+import "./index.less";
+type ProFormProps = ProFormAPI.ProFormProps & {
+    children?: ReactElement | ReactElement[];
+};
+declare const ProForm: FC<ProFormProps>;
+export default ProForm;