@yup/taro-ui 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# yp-taro-ui
+
+鱼泡Taro UI实现（抖音小程序）

package/es/_virtual/_commonjsHelpers.js

@@ -0,0 +1,3 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}export{getDefaultExportFromCjs};

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,120 @@
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+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 _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 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 _objectSpread2(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 _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+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 _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+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 _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}export{_arrayLikeToArray as arrayLikeToArray,_arrayWithHoles as arrayWithHoles,_defineProperty as defineProperty,_iterableToArrayLimit as iterableToArrayLimit,_nonIterableRest as nonIterableRest,_objectSpread2 as objectSpread2,_objectWithoutProperties as objectWithoutProperties,_objectWithoutPropertiesLoose as objectWithoutPropertiesLoose,_slicedToArray as slicedToArray,_toPrimitive as toPrimitive,_toPropertyKey as toPropertyKey,_typeof as typeof,_unsupportedIterableToArray as unsupportedIterableToArray};

package/es/_virtual/index.js

@@ -0,0 +1 @@
+var classnames = {exports: {}};export{classnames as __module};

package/es/_virtual/jsx-runtime.js

@@ -0,0 +1 @@
+var jsxRuntime = {exports: {}};export{jsxRuntime as __module};

package/es/_virtual/react-jsx-runtime.development.js

@@ -0,0 +1 @@
+var reactJsxRuntime_development = {};export{reactJsxRuntime_development as __exports};

package/es/_virtual/react-jsx-runtime.production.min.js

@@ -0,0 +1 @@
+var reactJsxRuntime_production_min = {};export{reactJsxRuntime_production_min as __exports};

package/es/components/button/index.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps as TaroButtonProps } from '@tarojs/components';
+import React from 'react';
+export interface ButtonProps extends Omit<TaroButtonProps, 'type'> {
+    /**
+     * 按钮样式类型
+     */
+    styleType?: 'primary' | 'default' | 'secondary';
+    /**
+     * 是否启用禁用样式(启用禁用样式按钮依然可以点击和disabled有区别 只是样式支持)
+     */
+    disabledStyle?: boolean;
+    /**
+     * 是否块级标签
+     */
+    block?: boolean;
+    icon?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/es/components/button/index.js

@@ -0,0 +1,35 @@
+import {objectWithoutProperties as _objectWithoutProperties,objectSpread2 as _objectSpread2}from'../../_virtual/_rollupPluginBabelHelpers.js';import {j as jsxRuntimeExports}from'../../node_modules/react/jsx-runtime.js';import {Button as Button$1,Text}from'@tarojs/components';import cns from'../../node_modules/classnames/index.js';var _excluded = ["children", "styleType", "className", "block", "disabled", "disabledStyle", "icon"];
+var Button = function Button(_ref) {
+  var children = _ref.children,
+    _ref$styleType = _ref.styleType,
+    styleType = _ref$styleType === void 0 ? 'default' : _ref$styleType,
+    className = _ref.className,
+    block = _ref.block,
+    disabled = _ref.disabled,
+    disabledStyle = _ref.disabledStyle,
+    icon = _ref.icon,
+    rst = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntimeExports.jsx(Button$1, _objectSpread2(_objectSpread2({
+    className: cns('ypmini-taro-button', {
+      'ypmini-taro-button-primary': styleType === 'primary',
+      'ypmini-taro-button-primary-disabled': styleType === 'primary' && (disabled || disabledStyle),
+      'ypmini-taro-button-secondary': styleType === 'secondary',
+      'ypmini-taro-button-secondary-disabled': styleType === 'secondary' && (disabled || disabledStyle),
+      'ypmini-taro-button-default': styleType === 'default',
+      'ypmini-taro-button-default-disabled': styleType === 'default' && (disabled || disabledStyle),
+      'ypmini-taro-button-block': block
+    }, className),
+    disabled: disabled
+  }, rst), {}, {
+    children: icon ? jsxRuntimeExports.jsxs(Text, {
+      className: "ypmini-taro-button-icon-wrapper",
+      children: [jsxRuntimeExports.jsx(Text, {
+        className: 'ypmini-taro-button-icon',
+        children: icon
+      }), jsxRuntimeExports.jsx(Text, {
+        className: "ypmini-taro-button-icon-content",
+        children: children
+      })]
+    }) : children
+  }));
+};export{Button as default};

package/es/components/button/style/button.css

@@ -0,0 +1,3 @@
+.jz-button-dash {
+  border: 1px dashed var(--yp-color-border);
+}

package/es/components/button/style/button.less

@@ -0,0 +1,3 @@
+.jz-button-dash {
+  border: 1px dashed var(--yp-color-border);
+}

package/es/components/button/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/es/components/button/style/index.css

@@ -0,0 +1,67 @@
+:root {
+  --border-radius: 8px;
+  --button-height: 48px;
+  --default-button-background: #f5f7fc;
+  --default-button-text-color: rgba(0, 0, 0, 0.65);
+  --primary-button-background: var(--yp-color-primary);
+  --primary-button-disabled-background: #99d3ff;
+  --primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --primary-button-text-color: #fff;
+  --secondary-button-background: #00cbff;
+  --secondary-button-text-color: #ffffff;
+}
+.ypmini-taro-button {
+  padding: 0px 24px;
+  border: unset;
+  font-weight: bold;
+  font-size: 17px;
+  width: auto;
+  height: var(--button-height);
+  line-height: var(--button-height);
+  color: var(--yp-color-text);
+  border-radius: var(--border-radius);
+  display: inline-block;
+}
+.ypmini-taro-button:after {
+  display: none;
+}
+.ypmini-taro-button-primary {
+  background: var(--primary-button-background);
+  color: var(--primary-button-text-color);
+}
+.ypmini-taro-button-primary.ypmini-taro-button-primary-disabled {
+  color: var(--primary-button-disabled-text-color);
+  background: var(--primary-button-disabled-background);
+}
+.ypmini-taro-button-default {
+  background: var(--default-button-background);
+  color: var(--default-button-text-color);
+}
+.ypmini-taro-button-default.ypmini-taro-button-default-disabled {
+  opacity: 0.6;
+}
+.ypmini-taro-button-default.ypmini-taro-button-default-disabled.ypmini-taro-button-default.ypmini-taro-button-default-disabled[disabled] {
+  color: var(--default-button-text-color);
+}
+.ypmini-taro-button-secondary {
+  background: var(--secondary-button-background);
+  color: var(--secondary-button-text-color);
+}
+.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled {
+  opacity: 0.6;
+}
+.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled[disabled] {
+  color: var(--secondary-button-text-color);
+}
+.ypmini-taro-button-block {
+  display: block;
+}
+.ypmini-taro-button-icon-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ypmini-taro-button-icon {
+  display: flex;
+  align-items: center;
+  margin-right: 4px;
+}

package/es/components/button/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/components/button/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/components/button/style/index.less

@@ -0,0 +1,81 @@
+:root {
+  --border-radius: 8px;
+  --button-height: 48px;
+  --default-button-background: rgba(245, 247, 252, 1);
+  --default-button-text-color: rgba(0, 0, 0, 0.65);
+
+  --primary-button-background: var(--yp-color-primary);
+  --primary-button-disabled-background: rgba(153, 211, 255, 1);
+  --primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --primary-button-text-color: #fff;
+
+  --secondary-button-background: rgba(0, 203, 255, 1);
+  --secondary-button-text-color: rgba(255, 255, 255, 1);
+}
+
+.ypmini-taro-button {
+
+  padding: 0px 24px;
+  border: unset;
+  font-weight: bold;
+  font-size: 17px;
+  width: auto;
+  height: var(--button-height);
+  line-height: var(--button-height);
+  color: var(--yp-color-text);
+  border-radius: var(--border-radius);
+  display: inline-block;
+
+  &:after {
+    display: none;
+  }
+
+  &:not([disabled]):active {
+
+  }
+
+  &-primary {
+    background: var(--primary-button-background);
+    color: var(--primary-button-text-color);
+
+    &&-disabled {
+      color: var(--primary-button-disabled-text-color);
+      background: var(--primary-button-disabled-background);
+    }
+  }
+  &-default {
+    background: var(--default-button-background);
+    color: var(--default-button-text-color);
+    &&-disabled {
+      opacity: 0.6;
+      &&[disabled] {
+        color: var(--default-button-text-color);
+      }
+    }
+  }
+
+  &-secondary {
+    background: var(--secondary-button-background);
+    color: var(--secondary-button-text-color);
+    &&-disabled {
+      opacity: 0.6;
+      &&[disabled] {
+        color: var(--secondary-button-text-color);
+      }
+    }
+  }
+
+  &-block {
+    display: block;
+  }
+
+  &-icon-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  &-icon {
+    display: flex;
+    align-items: center;
+    margin-right: 4px;
+  }
+}

package/es/components/checkbox/checkbox-group.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CheckboxGroupProps as YpCheckboxGroupProps } from '@yup/taro-checkbox/dist/types/type';
+export interface CheckboxGroupProps extends YpCheckboxGroupProps {
+    /**
+     * 多选类型
+     */
+    type?: 'button' | 'default';
+}
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/es/components/checkbox/checkbox-group.js

@@ -0,0 +1,12 @@
+import {objectWithoutProperties as _objectWithoutProperties,objectSpread2 as _objectSpread2}from'../../_virtual/_rollupPluginBabelHelpers.js';import {j as jsxRuntimeExports}from'../../node_modules/react/jsx-runtime.js';import cns from'../../node_modules/classnames/index.js';import YpCheckbox from'@yup/taro-checkbox';var _excluded = ["type", "block"];
+var CheckboxGroup = function CheckboxGroup(_ref) {
+  var type = _ref.type,
+    block = _ref.block,
+    rst = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntimeExports.jsx(YpCheckbox.Group, _objectSpread2({
+    className: cns("ypmini-checkbox-group", {
+      "ypmini-checkbox-group-button": type === 'button',
+      "ypmini-checkbox-group-block": block
+    })
+  }, rst));
+};export{CheckboxGroup as default};

package/es/components/checkbox/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CheckboxProps as YpCheckboxProps } from '@yup/taro-checkbox/dist/types/type';
+import CheckboxGroup from './checkbox-group';
+export interface CheckboxProps extends YpCheckboxProps {
+    /**
+     * 多选类型
+     */
+    type?: 'button' | 'default';
+}
+declare const Checkbox: React.FC<CheckboxProps> & {
+    Group: typeof CheckboxGroup;
+};
+export default Checkbox;

package/es/components/checkbox/index.js

@@ -0,0 +1,23 @@
+import {objectWithoutProperties as _objectWithoutProperties,objectSpread2 as _objectSpread2}from'../../_virtual/_rollupPluginBabelHelpers.js';import {j as jsxRuntimeExports}from'../../node_modules/react/jsx-runtime.js';import cns from'../../node_modules/classnames/index.js';import {View}from'@tarojs/components';import YpCheckbox from'@yup/taro-checkbox';import CheckboxGroup from'./checkbox-group.js';var _excluded = ["className", "children", "type"];
+var Checkbox = function Checkbox(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    rst = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntimeExports.jsx(YpCheckbox, _objectSpread2({
+    className: cns("ypmini-checkbox", className),
+    icon: function icon(checked) {
+      if (type === 'button') {
+        return jsxRuntimeExports.jsx(View, {
+          className: cns("ypmini-checkbox-button", {
+            "ypmini-checkbox-button-checked": checked
+          }),
+          children: children
+        });
+      }
+      return children;
+    }
+  }, rst));
+};
+Checkbox.Group = CheckboxGroup;export{Checkbox as default};

package/es/components/checkbox/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/es/components/checkbox/style/index.css

@@ -0,0 +1,45 @@
+:root {
+  --checkbox-button-font-size: 17px;
+  --checkbox-button-border-radius: 8px;
+  --checkbox-button-background-color: #f5f7fc;
+  --checkbox-button-text-color: #000000d9;
+  --checkbox-button-checked-background-color: #e0f3ff;
+  --checkbox-button-checked-text-color: var(--yp-color-primary);
+  --checkbox-button-checked-border-color: var(--yp-color-primary);
+  --checkbox-button-height: 52px;
+}
+.ypmini-checkbox-button {
+  background-color: var(--checkbox-button-background-color);
+  color: var(--checkbox-button-text-color);
+  font-size: var(--checkbox-button-font-size);
+  text-align: center;
+  padding: 0px 16px;
+  height: var(--checkbox-button-height);
+  line-height: var(--checkbox-button-height);
+  box-sizing: border-box;
+  border-radius: var(--checkbox-button-border-radius);
+}
+.ypmini-checkbox-button-checked {
+  background-color: var(--checkbox-button-checked-background-color);
+  color: var(--checkbox-button-checked-text-color);
+  border-color: var(--checkbox-button-checked-border-color);
+  border-width: 1px;
+  border-style: solid;
+}
+.ypmini-checkbox-group {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.ypmini-checkbox-group.ypmini-checkbox-group-block {
+  display: block;
+  margin-top: 0px;
+}
+.ypmini-checkbox-group.ypmini-checkbox-group-block .ypmini-checkbox:not(:first-child) {
+  margin-top: 12px;
+  margin-left: 0px;
+}
+.ypmini-checkbox-group .ypmini-checkbox:not(:first-child) {
+  margin-left: 12px;
+  margin-top: 0px;
+}

package/es/components/checkbox/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/components/checkbox/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/components/checkbox/style/index.less

@@ -0,0 +1,59 @@
+:root {
+  --checkbox-button-font-size: 17px;
+  --checkbox-button-border-radius: 8px;
+  --checkbox-button-background-color: #f5f7fc;
+  --checkbox-button-text-color: #000000d9;
+  --checkbox-button-checked-background-color: #e0f3ff;
+  --checkbox-button-checked-text-color: var(--yp-color-primary);
+  --checkbox-button-checked-border-color: var(--yp-color-primary);
+  --checkbox-button-height: 52px;
+}
+.ypmini-checkbox {
+
+
+
+  &-button {
+
+    background-color: var(--checkbox-button-background-color);
+    color: var(--checkbox-button-text-color);
+    font-size: var(--checkbox-button-font-size);
+    text-align: center;
+    padding: 0px 16px;
+    height: var(--checkbox-button-height);
+    line-height: var(--checkbox-button-height);
+    box-sizing: border-box;
+    border-radius: var(--checkbox-button-border-radius);
+  }
+
+  &-button-checked {
+    background-color: var(--checkbox-button-checked-background-color);
+    color: var(--checkbox-button-checked-text-color);
+    border-color: var(--checkbox-button-checked-border-color);
+    border-width: 1px;
+    border-style: solid;
+  }
+
+}
+
+
+.ypmini-checkbox-group {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  &.ypmini-checkbox-group-block {
+    display: block;
+    margin-top: 0px;
+    .ypmini-checkbox {
+      &:not(:first-child) {
+        margin-top: 12px;
+        margin-left: 0px;
+      }
+    }
+  }
+  .ypmini-checkbox {
+    &:not(:first-child) {
+      margin-left: 12px;
+      margin-top: 0px;
+    }
+  }
+}

package/es/components/form/form-item.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FormItemProps as YpFormItemProps } from '@yup/taro-form';
+export interface FormItemProps extends YpFormItemProps {
+    /**
+     * 带有必填星号的label
+     */
+    required?: boolean;
+}
+declare const FormItem: React.FC<FormItemProps>;
+export default FormItem;

package/es/components/form/form-item.js

@@ -0,0 +1,14 @@
+import {objectWithoutProperties as _objectWithoutProperties,objectSpread2 as _objectSpread2}from'../../_virtual/_rollupPluginBabelHelpers.js';import {j as jsxRuntimeExports}from'../../node_modules/react/jsx-runtime.js';import cns from'../../node_modules/classnames/index.js';import YpForm from'@yup/taro-form';var _excluded = ["children", "required", "className"];
+var FormItem = function FormItem(_ref) {
+  var children = _ref.children,
+    required = _ref.required,
+    className = _ref.className,
+    rst = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntimeExports.jsx(YpForm.Item, _objectSpread2(_objectSpread2({
+    className: cns('ypmini-form-item', {
+      'ypmini-form-item-required': required
+    }, className)
+  }, rst), {}, {
+    children: children
+  }));
+};export{FormItem as default};

package/es/components/form/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import YpForm, { FormProps as YpFormProps } from '@yup/taro-form';
+import FormItem from './form-item';
+export interface FormProps extends YpFormProps {
+    /**
+     * 布局样式 horizontal label和表单水平排列 vertical label和表单垂直排列，默认为vertical
+     */
+    layout?: 'horizontal' | "vertical";
+}
+declare const Form: React.FC<FormProps> & {
+    Item: typeof FormItem;
+    useForm: typeof YpForm.useForm;
+    useWatch: typeof YpForm.useWatch;
+};
+export default Form;

package/es/components/form/index.js

@@ -0,0 +1,18 @@
+import {objectWithoutProperties as _objectWithoutProperties,objectSpread2 as _objectSpread2}from'../../_virtual/_rollupPluginBabelHelpers.js';import {j as jsxRuntimeExports}from'../../node_modules/react/jsx-runtime.js';import cns from'../../node_modules/classnames/index.js';import YpForm from'@yup/taro-form';import FormItem from'./form-item.js';var _excluded = ["children", "layout"];
+var Form = function Form(_ref) {
+  var children = _ref.children,
+    _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    rst = _objectWithoutProperties(_ref, _excluded);
+  return jsxRuntimeExports.jsx(YpForm, _objectSpread2(_objectSpread2({
+    className: cns("ypmini-form", {
+      "ypmini-form-horizontal": layout === "horizontal",
+      "ypmini-form-vertical": layout === "vertical"
+    })
+  }, rst), {}, {
+    children: children
+  }));
+};
+Form.Item = FormItem;
+Form.useForm = YpForm.useForm;
+Form.useWatch = YpForm.useWatch;export{Form as default};

package/es/components/form/style/css.js

@@ -0,0 +1 @@
+import './index.css';