@power-xa/m-ui 0.0.1

package/dist/ProForm/Form/index.js

@@ -0,0 +1,145 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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, { cloneElement, Fragment, useCallback, useEffect, useState } from "react";
+import { getWindowInfo, showToast } from "@tarojs/taro";
+import { ScrollView, Text, View } from "@tarojs/components";
+import { Button, ActionSheet } from "../..";
+import "./index.less";
+var ProForm = function ProForm(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    onOk = _ref.onOk,
+    onDelete = _ref.onDelete,
+    onSave = _ref.onSave,
+    disabled = _ref.disabled;
+  var _getWindowInfo = getWindowInfo(),
+    safeArea = _getWindowInfo.safeArea;
+  var _ref2 = safeArea,
+    height = _ref2.height,
+    bottom = _ref2.bottom;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    elementList = _useState2[0],
+    setElementList = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    form = _useState4[0],
+    setForm = _useState4[1];
+  useEffect(function () {
+    if (initialValues && JSON.stringify(initialValues) !== "{}") {
+      setForm(initialValues || {});
+    }
+  }, [initialValues]);
+  useEffect(function () {
+    if (children instanceof Array) {
+      setElementList(children);
+    } else {
+      setElementList([children]);
+    }
+  }, [children]);
+  var saveForm = useCallback(function () {
+    var controlList = elementList.map(function (e) {
+      return e.props.children instanceof Array ? e.props.children.map(function (c) {
+        return c.props;
+      }) : [e.props.children];
+    }).flat();
+    var requiredList = controlList.filter(function (item) {
+      var _item$rules;
+      return item.name && !item.hidden && (item.required || ((_item$rules = item.rules) === null || _item$rules === void 0 ? void 0 : _item$rules.some(function (r) {
+        return r.required;
+      })));
+    });
+    var condition = function condition(item) {
+      return form[item.name] === undefined || form[item.name] instanceof Array && !form[item.name].length;
+    };
+    if (requiredList.some(condition)) {
+      var _requiredList$find, _requiredList$find2;
+      return showToast({
+        title: ((_requiredList$find = requiredList.find(condition)) === null || _requiredList$find === void 0 || (_requiredList$find = _requiredList$find.rules) === null || _requiredList$find === void 0 || (_requiredList$find = _requiredList$find.find(function (r) {
+          return r.required;
+        })) === null || _requiredList$find === void 0 ? void 0 : _requiredList$find.message) || ((_requiredList$find2 = requiredList.find(condition)) === null || _requiredList$find2 === void 0 ? void 0 : _requiredList$find2.label) + "必填",
+        icon: "error"
+      });
+    }
+    onOk === null || onOk === void 0 || onOk(form);
+  }, [elementList, form]);
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-container ".concat(className)
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    className: "p-pro-form-scroll-view",
+    scrollY: true,
+    enableFlex: true,
+    enhanced: true,
+    showScrollbar: false
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-scroll-view-content"
+  }, elementList.map(function (e, i) {
+    return /*#__PURE__*/cloneElement(e, {
+      key: 'p-pro-form-group-' + i,
+      disabled: disabled || e.props.disabled,
+      initialValues: form,
+      onChange: function onChange(key, value) {
+        return setForm(function (form) {
+          form[key] = value;
+          return _objectSpread({}, form);
+        });
+      }
+    });
+  }))), (onOk || onSave || onDelete) && /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-footer",
+    style: {
+      paddingBottom: "".concat(bottom - height > 24 ? bottom - height : 24, "rpx")
+    }
+  }, onSave || onDelete ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(View, {
+    className: "button-group"
+  }, onDelete && /*#__PURE__*/React.createElement(ActionSheet, {
+    options: [{
+      key: "Tips",
+      subTitle: "\u60A8\u5C06\u5220\u9664\u5F53\u524D\u6570\u636E\uFF0C\u662F\u5426\u786E\u8BA4\uFF1F"
+    }, {
+      key: "Confirm",
+      title: "确认删除",
+      danger: true,
+      onTap: function onTap() {
+        return onDelete === null || onDelete === void 0 ? void 0 : onDelete(form);
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "button danger"
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "iconfont icon-icon-psp-tuichu"
+  }), /*#__PURE__*/React.createElement(Text, {
+    className: "text"
+  }, "\u5220\u9664"))), onSave && /*#__PURE__*/React.createElement(View, {
+    className: "button",
+    onTap: onSave
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "iconfont icon-icon-caogaoxiang"
+  }), /*#__PURE__*/React.createElement(Text, {
+    className: "text"
+  }, "\u5B58\u8349\u7A3F"))), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    className: "save-button",
+    round: true,
+    onTap: saveForm
+  }, "\u4FDD\u5B58")) : /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    block: true,
+    round: true,
+    onTap: saveForm
+  }, "\u4FDD\u5B58")));
+};
+export default ProForm;

package/dist/ProForm/Form/index.less

@@ -0,0 +1,61 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-container {
+    width: 100%;
+    height: 100%;
+    background: #F6F7F9;
+    display: flex;
+    flex-direction: column;
+
+    .p-pro-form-scroll-view {
+        padding: 32px;
+        box-sizing: border-box;
+        flex: 1;
+        height: 0;
+
+        .p-pro-form-scroll-view-content {
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+        }
+    }
+
+    .p-pro-form-footer {
+        padding: 24px 32px;
+        background: #fff;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .button-group {
+            display: flex;
+            align-items: center;
+            gap: 24px;
+
+            .button {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                gap: 8px;
+
+                .iconfont {
+                    font-size: 28px;
+                    color: #333437;
+                }
+
+                .text {
+                    .font(24, #333437)
+                }
+
+                &.danger {
+
+                    .iconfont,
+                    .text {
+                        color: #ff4d4f;
+                    }
+                }
+            }
+        }
+    }
+}

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

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

package/dist/ProForm/Group/index.js

@@ -0,0 +1,73 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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, { cloneElement, useEffect, useState } from "react";
+import { Text, View } from "@tarojs/components";
+import { getListAssignField } from "../..";
+import "./index.less";
+var ProFormGroup = function ProFormGroup(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    disabled = _ref.disabled,
+    initialValues = _ref.initialValues,
+    _onChange = _ref.onChange,
+    hidden = _ref.hidden,
+    tag = _ref.tag;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    elementList = _useState2[0],
+    setElementList = _useState2[1];
+  useEffect(function () {
+    if (children instanceof Array) {
+      setElementList(children);
+    } else {
+      setElementList([children]);
+    }
+  }, [children]);
+  return /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-group-container ".concat(className, " ").concat(hidden ? 'hidden' : '')
+  }, elementList.map(function (e, i) {
+    return /*#__PURE__*/cloneElement(e, {
+      key: e.props.name,
+      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: initialValues === null || initialValues === void 0 ? void 0 : initialValues[e.props.name],
+      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);
+        _onChange === null || _onChange === void 0 || _onChange(e.props.name, value);
+      },
+      getFormValue: function getFormValue(key) {
+        return initialValues === null || initialValues === void 0 ? void 0 : initialValues[key];
+      }
+    });
+  }), tag && (initialValues === null || initialValues === void 0 ? void 0 : initialValues[tag.dataIndex]) && /*#__PURE__*/React.createElement(View, {
+    className: "p-pro-form-group-tag ".concat(tag.className || ""),
+    style: _objectSpread(_objectSpread({}, tag.position), {}, {
+      backgroundColor: getListAssignField(initialValues[tag.dataIndex], tag.map, {
+        value: "value",
+        label: "background"
+      })
+    })
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-group-tag-text",
+    style: {
+      color: getListAssignField(initialValues[tag.dataIndex], tag.map, {
+        value: "value",
+        label: "color"
+      })
+    }
+  }, getListAssignField(initialValues[tag.dataIndex], tag.map))));
+};
+export default ProFormGroup;

package/dist/ProForm/Group/index.less

@@ -0,0 +1,32 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-group-container {
+    padding: 12px 0;
+    box-sizing: border-box;
+    background-color: #fff;
+    border-radius: 28px;
+    position: relative;
+
+    &>.p-pro-form-item-last {
+        border-bottom: none;
+    }
+
+    .p-pro-form-group-tag {
+        position: absolute;
+        top: 0;
+        right: 0;
+        border-radius: 0 28px 0 28px;
+        padding: 4px 22px;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+
+        .p-pro-form-group-tag-text {
+            .font(24)
+        }
+    }
+
+    &.hidden {
+        display: none;
+    }
+}

package/dist/ProForm/controls/Date/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const ProFormDate: FC<ProFormAPI.ProFormItemProps>;
+export default ProFormDate;

package/dist/ProForm/controls/Date/index.js

@@ -0,0 +1,141 @@
+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); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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, { useCallback, useEffect, useState } from "react";
+import { Picker, Text } from "@tarojs/components";
+import { dateFormat } from "../../..";
+import ProFormField from "../../Field";
+var ProFormDate = function ProFormDate(props) {
+  var _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? "请选择" : _props$placeholder,
+    _props$format = props.format,
+    format = _props$format === void 0 ? "YYYY-MM-DD" : _props$format,
+    onChange = props.onChange,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "" : _props$value,
+    disabled = props.disabled;
+  var _useState = useState(new Date().getFullYear()),
+    _useState2 = _slicedToArray(_useState, 2),
+    year = _useState2[0],
+    setYear = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    range = _useState4[0],
+    setRange = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    current = _useState6[0],
+    setCurrent = _useState6[1];
+  useEffect(function () {
+    getFormatRange();
+  }, []);
+  useEffect(function () {
+    if (range.length && value) {
+      var list = value.split(/[\s:-]+/);
+      list.forEach(function (v, i) {
+        var _range$i;
+        current[i] = (_range$i = range[i]) === null || _range$i === void 0 ? void 0 : _range$i.findIndex(function (r) {
+          return r.indexOf(v) >= 0;
+        });
+      });
+      setCurrent(_toConsumableArray(current));
+    }
+  }, [value]);
+  var makeStringArray = useCallback(function (number, unit, zero) {
+    return Array(number).fill(null).map(function (_, index) {
+      return "".concat((zero ? index : index + 1) > 9 ? '' : '0') + (zero ? index : index + 1) + unit;
+    });
+  }, []);
+  var getFormatRange = useCallback(function () {
+    var yearList = Array.from({
+      length: 15
+    }, function (_, i) {
+      return year - 10 + i;
+    }).map(function (y) {
+      return y + "年";
+    });
+    var range = [];
+    var currentFormat = "";
+    switch (format) {
+      case "YYYY":
+        range = [yearList];
+        currentFormat = "YYYY年";
+        break;
+      case "YYYY-MM":
+        range = [yearList, makeStringArray(12, "月")];
+        currentFormat = "YYYY年-MM月";
+        break;
+      case "YYYY-MM-DD":
+        range = [yearList, makeStringArray(12, "月"), makeStringArray(31, "日")];
+        currentFormat = "YYYY年-MM月-DD日";
+        break;
+      case "YYYY-MM-DD HH:mm":
+        range = [yearList, makeStringArray(12, "月"), makeStringArray(31, "日"), makeStringArray(24, "时", true), makeStringArray(60, "分", true)];
+        currentFormat = "YYYY年-MM月-DD日-HH时-mm分";
+        break;
+      case "HH:mm":
+        range = [makeStringArray(24, "时", true), makeStringArray(60, "分", true)];
+        currentFormat = "HH时-mm分";
+        break;
+    }
+    var value = dateFormat(new Date(), currentFormat).split("-");
+    range.forEach(function (r, i) {
+      current[i] = r.indexOf(value[i]);
+    });
+    setCurrent(_toConsumableArray(current));
+    setRange(range);
+  }, []);
+  var updateRange = useCallback(function (_ref) {
+    var column = _ref.column,
+      value = _ref.value;
+    var count = year % 4 === 0 ? 29 : 28;
+    if (column === 1 || column === 0) {
+      if (column === 0) setYear(parseFloat(range[0][value]));
+      var c = current.map(function (item, index) {
+        return index > column ? 0 : index === column ? value : item;
+      });
+      var month = c[1];
+      if ([0, 2, 4, 6, 7, 9, 11].includes(month)) {
+        range[2] = makeStringArray(31, "日");
+      } else if ([3, 5, 8, 10].includes(month)) {
+        range[2] = makeStringArray(30, "日");
+      } else {
+        range[2] = makeStringArray(count, "日");
+      }
+      setRange(_toConsumableArray(range));
+      setCurrent(c);
+    }
+  }, [range, year, current]);
+  var formatValue = useCallback(function (result) {
+    var value = result.map(function (v, i) {
+      return range[i][v];
+    }).join("");
+    onChange === null || onChange === void 0 || onChange(value.replace(/年|月/g, '-').replace(/(\d+)日/, '$1 ').replace(/(\d+)时/, '$1:').replace('分', '').replace(/[-\s:]+$/, '') // 移除末尾多余的符号
+    .trim());
+  }, [range]);
+  return /*#__PURE__*/React.createElement(ProFormField, props, /*#__PURE__*/React.createElement(Picker, {
+    mode: "multiSelector",
+    range: range,
+    value: current,
+    onColumnChange: function onColumnChange(e) {
+      return format.indexOf("MM-DD") >= 0 && updateRange(e.detail);
+    },
+    onChange: function onChange(e) {
+      return formatValue(e.detail.value);
+    },
+    disabled: disabled,
+    className: "p-pro-form-item-control-picker"
+  }, value ? /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-value"
+  }, value || "-") : /*#__PURE__*/React.createElement(Text, {
+    className: "p-pro-form-item-placeholder"
+  }, placeholder)));
+};
+export default ProFormDate;

package/dist/ProForm/controls/List/index.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactElement } from "react";
+import { ProListProps } from "../../../ProList";
+import "./index.less";
+type ProFormListProps = ProFormAPI.ProFormItemProps & ProListProps & {
+    extra?: ReactElement;
+    onAdd?: (onChange: (value: {
+        [key: string]: any;
+    }) => void, value: {
+        [key: string]: any;
+    }[]) => void;
+    onEdit?: (record: {
+        [key: string]: any;
+    }, onChange: (value: {
+        [key: string]: any;
+    }) => void) => void;
+    onItem?: (data: {
+        [key: string]: any;
+    }) => ({
+        onTap?: () => void;
+    });
+};
+declare const ProFormList: FC<ProFormListProps>;
+export default ProFormList;

package/dist/ProForm/controls/List/index.js

@@ -0,0 +1,77 @@
+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 _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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+import React, { Fragment } from "react";
+import { Text, View } from "@tarojs/components";
+import { ProList } from "../../..";
+import ProFormField from "../../Field";
+import "./index.less";
+var ProFormList = function ProFormList(props) {
+  var extra = props.extra,
+    onAdd = props.onAdd,
+    onEdit = props.onEdit,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onChange = props.onChange,
+    meta = props.meta,
+    disabled = props.disabled,
+    onItem = props.onItem;
+  return /*#__PURE__*/React.createElement(ProFormField, _extends({}, props, {
+    layout: "vertical",
+    className: "p-pro-form-item-list",
+    extra: !disabled && /*#__PURE__*/React.createElement(View, {
+      className: "p-pro-form-item-header-button",
+      onTap: function onTap() {
+        return onAdd === null || onAdd === void 0 ? void 0 : onAdd(function (data) {
+          console.log(data, value);
+          onChange === null || onChange === void 0 || onChange(data instanceof Array ? data : value.concat([data]));
+        }, value);
+      }
+    }, extra || /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(View, {
+      className: "iconfont icon-icon-psp-xinjian"
+    }), /*#__PURE__*/React.createElement(Text, {
+      className: "text"
+    }, "\u6DFB\u52A0")))
+  }), /*#__PURE__*/React.createElement(ProList, {
+    dataSources: value || [],
+    scrollable: false,
+    meta: _objectSpread(_objectSpread({}, meta), {}, {
+      footer: !disabled && {
+        extra: {
+          dataIndex: "id",
+          render: function render(_, item, index) {
+            return /*#__PURE__*/React.createElement(View, {
+              className: "option-group"
+            }, !_ && /*#__PURE__*/React.createElement(View, {
+              className: "option-button",
+              onTap: function onTap(e) {
+                e.stopPropagation();
+                onEdit === null || onEdit === void 0 || onEdit(item, function (data) {
+                  value.splice(index, 1, data);
+                  onChange === null || onChange === void 0 || onChange(value);
+                });
+              }
+            }, /*#__PURE__*/React.createElement(Text, {
+              className: "text"
+            }, "\u7F16\u8F91")), /*#__PURE__*/React.createElement(View, {
+              className: "option-button",
+              onTap: function onTap(e) {
+                e.stopPropagation();
+                value.splice(index, 1);
+                onChange === null || onChange === void 0 || onChange(value);
+              }
+            }, /*#__PURE__*/React.createElement(Text, {
+              className: "text danger"
+            }, "\u5220\u9664")));
+          }
+        }
+      }
+    }),
+    onItem: onItem
+  }));
+};
+export default ProFormList;

package/dist/ProForm/controls/List/index.less

@@ -0,0 +1,53 @@
+@import "@power-xa/m-ui/dist/assets/less/mixins.less";
+
+.p-pro-form-item-list {
+    .p-pro-form-item-header-button {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        .iconfont {
+            font-size: 24px;
+            color: #333437;
+            line-height: 34px;
+        }
+
+        .text {
+            .font(24, #333437)
+        }
+    }
+
+    .p-pro-list-view-container {
+        .p-pro-list-card-container {
+            padding: 0 0 30px;
+            border-bottom: 1px solid rgba(51, 52, 55, 0.1);
+            border-radius: 0;
+
+            .p-pro-list-card-footer {
+                padding-top: 0;
+                border: none;
+
+                .option-group {
+                    display: flex;
+                    align-items: center;
+                    gap: 28px;
+
+                    .option-button {
+                        .text {
+                            .font(24, #2c82f9);
+
+                            &.danger {
+                                color: #ff4d4f;
+                            }
+                        }
+                    }
+                }
+            }
+
+            &:nth-last-of-type(1) {
+                padding: 0;
+                border-bottom: none;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./index.less";
+declare const ProFormSelect: FC<ProFormAPI.ProFormItemProps>;
+export default ProFormSelect;