@trionesdev/antd-mobile-react 0.0.2-beta.3 → 0.0.2-beta.4

package/dist/Input/demo/base.js

@@ -4,6 +4,7 @@
 import { DemoBlock } from "../../DemoBlock";
 import React from 'react';
 import Input from "../index";
+import Space from "../../Space";
 export default (function () {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
     title: "\u57FA\u7840\u7528\u6CD5",
@@ -66,5 +67,39 @@ export default (function () {
     }
   }, /*#__PURE__*/React.createElement(Input.Textarea, {
     placeholder: '请输入内容'
-  })));
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u53D8\u4F53"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Input, {
+    variant: "outlined",
+    placeholder: "outlined"
+  }), /*#__PURE__*/React.createElement(Input, {
+    variant: "filled",
+    placeholder: "filled"
+  }), /*#__PURE__*/React.createElement(Input, {
+    variant: "borderless",
+    placeholder: "borderless"
+  }), /*#__PURE__*/React.createElement(Input, {
+    variant: "underlined",
+    placeholder: "underlined"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C3A\u5BF8"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Input.Textarea, {
+    variant: "outlined",
+    placeholder: "outlined"
+  }), /*#__PURE__*/React.createElement(Input.Textarea, {
+    variant: "filled",
+    placeholder: "filled"
+  }), /*#__PURE__*/React.createElement(Input.Textarea, {
+    variant: "borderless",
+    placeholder: "borderless"
+  }), /*#__PURE__*/React.createElement(Input.Textarea, {
+    variant: "underlined",
+    placeholder: "underlined"
+  }))));
 });

package/dist/Input/index.scss

@@ -9,7 +9,7 @@ $inputSm: 24Px;
 $inputMd: 32Px;
 $inputLg: 40Px;
 
-$placeholderColor : #808080;
+$placeholderColor: #808080;
 
 .#{$inputCls} {
   box-sizing: border-box;
@@ -53,13 +53,12 @@ $placeholderColor : #808080;
   padding: variable.$trionesInputPaddingBlock 0;
   gap: 4Px;
 
-
-
   .#{$inputCls} {
     padding: 0;
     background-color: transparent;
 
-    &-prifix {}
+    &-prifix {
+    }
 
     &-suffix {
       display: inline-flex;
@@ -93,7 +92,33 @@ $placeholderColor : #808080;
   }
 }
 
-.#{$inputGroupWrapperCls} {}
+.#{$inputCls} {
+  &-outlined {
+    border-radius: variable.$trionesBorderRadius;
+    border: 1Px solid variable.$trionesBorderColor;
+    padding-inline: 4Px;
+  }
+
+  &-filled {
+    border-radius: variable.$trionesBorderRadius;
+    background-color: variable.$trionesColorFillTertiary;
+    padding-inline: 4Px;
+    border: 0;
+  }
+  &-borderless {
+    border: 0;
+  }
+
+  &-underlined {
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 1Px solid variable.$trionesBorderColor;
+  }
+}
+
+.#{$inputGroupWrapperCls} {
+}
 
 
 .#{$inputPotCls} {
@@ -181,9 +206,8 @@ $placeholderColor : #808080;
 .#{$inputCls}-textarea {
   box-sizing: border-box;
   width: 100%;
-  border: 0;
   outline: 0;
-  padding: variable.$trionesInputPaddingBlock 0;
+  padding-block: variable.$trionesInputPaddingBlock;
   font-size: variable.$trionesInputInputFontSize;
 
   &::placeholder {
@@ -196,4 +220,4 @@ $placeholderColor : #808080;
   50% {
     background-color: transparent;
   }
-}
+}

package/dist/Input/input-affix-wrapper.d.ts

@@ -1,8 +1,10 @@
 import React, { FC, PropsWithChildren } from 'react';
 import { BaseInputProps } from './base-input';
+import { variantType } from "./types";
 export type InputAffixWrapperProps = BaseInputProps & {
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
+    variant?: variantType;
     allowClear?: boolean;
     onClear?: () => void;
 };

package/dist/Input/input-affix-wrapper.js

@@ -1,4 +1,8 @@
-var _excluded = ["children", "prefix", "suffix", "allowClear", "value", "onChange", "onClear"];
+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); }
+var _excluded = ["children", "prefix", "suffix", "variant", "allowClear", "value", "onChange", "onClear"];
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { CloseCircleFill } from "../../../antd-mobile-icons-react";
@@ -9,6 +13,8 @@ export var InputAffixWrapper = function InputAffixWrapper(_ref) {
   var children = _ref.children,
     prefix = _ref.prefix,
     suffix = _ref.suffix,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
     allowClear = _ref.allowClear,
     value = _ref.value,
     onChange = _ref.onChange,
@@ -16,7 +22,7 @@ export var InputAffixWrapper = function InputAffixWrapper(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var innerStyle = rest.style || {};
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([inputAffixWrapperCls]),
+    className: classNames([inputAffixWrapperCls, _defineProperty({}, "".concat(inputCls, "-").concat(variant), variant), rest.className]),
     style: innerStyle
   }, prefix && /*#__PURE__*/React.createElement("div", {
     className: classNames(["".concat(inputCls, "-prefix")])

package/dist/Input/input.d.ts

@@ -1,10 +1,12 @@
 import React, { FC } from 'react';
 import './index.scss';
+import { variantType } from "./types";
 export type InputProps = {
     className?: string;
     style?: React.CSSProperties;
     placeholder?: string;
     type?: 'text' | 'password' | 'textarea';
+    variant?: variantType;
     disabled?: boolean;
     allowClear?: boolean;
     prefix?: React.ReactNode;

package/dist/Input/textarea.d.ts

@@ -1,11 +1,13 @@
 import React, { FC } from 'react';
 import './index.scss';
+import { variantType } from './types';
 export type InputTextareaProps = {
     className?: string;
     style?: React.CSSProperties;
     placeholder?: string;
     disabled?: boolean;
     allowClear?: boolean;
+    variant?: variantType;
     rows?: number;
     value?: any;
     onChange?: (e: any) => void;

package/dist/Input/textarea.js

@@ -1,3 +1,7 @@
+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 _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); }
@@ -14,6 +18,8 @@ export var Textarea = function Textarea(_ref) {
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
     allowClear = _ref.allowClear,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
     rows = _ref.rows,
     value = _ref.value,
     onChange = _ref.onChange;
@@ -31,7 +37,7 @@ export var Textarea = function Textarea(_ref) {
     setInternalValue(value);
   }, [value]);
   return /*#__PURE__*/React.createElement("textarea", {
-    className: classNames("".concat(inputCls, "-textarea"), className),
+    className: classNames("".concat(inputCls, "-textarea"), _defineProperty({}, "".concat(inputCls, "-").concat(variant), variant), className),
     style: style,
     placeholder: placeholder,
     disabled: disabled,

package/dist/Input/types.d.ts

@@ -1,2 +1,3 @@
+export type variantType = 'outlined' | 'borderless' | 'filled' | 'underlined' | undefined;
 export declare const inputCls = "triones-antm-input";
 export declare const inputAffixWrapperCls = "triones-antm-input-affix-wrapper";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trionesdev/antd-mobile-react",
-  "version": "0.0.2-beta.3",
+  "version": "0.0.2-beta.4",
   "description": "antd mobile react ",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepublishOnly": "father doctor && npm run build",
-    "publish": "npm publish --registry=https://registry.npmjs.org/",
+    "publish": "npm publish --tag latest --registry=https://registry.npmjs.org/",
     "publishOnly": "npm publish --ignore-scripts --registry=https://registry.npmjs.org/"
   },
   "authors": [
@@ -89,7 +89,7 @@
     "stylelint": "^16.12.0"
   },
   "dependencies": {
-    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.3",
+    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.4",
     "ahooks": "^3.8.4",
     "crypto-js": "^4.2.0",
     "rc-field-form": "^2.7.0",
@@ -98,7 +98,7 @@
   },
   "optionalDependencies": {
     "@trionesdev/antd-mobile-base-react": "workspace:*",
-    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.3"
+    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.4"
   },
-  "gitHead": "72b3e398935c0811b26170adf2246e525f2aadcc"
+  "gitHead": "7d22b9c62fa05902a5afff83ba1091f0ad0843c3"
 }