taro-react-uilib 1.0.24 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/components/Dialog/Confirm/index.js +1 -1
  2. package/dist/components/Dialog/Confirm/index.js.map +1 -1
  3. package/dist/components/FormInput/index.js +1 -1
  4. package/dist/components/FormInput/index.js.map +1 -1
  5. package/dist/components/Image/index.js +1 -1
  6. package/dist/components/Image/index.js.map +1 -1
  7. package/dist/components/node_modules/@babel/runtime/helpers/esm/extends.js +2 -0
  8. package/dist/components/node_modules/@babel/runtime/helpers/esm/extends.js.map +1 -0
  9. package/dist/components/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +2 -0
  10. package/dist/components/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js.map +1 -0
  11. package/dist/components/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +2 -0
  12. package/dist/components/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map +1 -0
  13. package/dist/components/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +2 -0
  14. package/dist/components/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js.map +1 -0
  15. package/dist/components/node_modules/dom-helpers/esm/addClass.js +2 -0
  16. package/dist/components/node_modules/dom-helpers/esm/addClass.js.map +1 -0
  17. package/dist/components/node_modules/dom-helpers/esm/hasClass.js +2 -0
  18. package/dist/components/node_modules/dom-helpers/esm/hasClass.js.map +1 -0
  19. package/dist/components/node_modules/dom-helpers/esm/removeClass.js +2 -0
  20. package/dist/components/node_modules/dom-helpers/esm/removeClass.js.map +1 -0
  21. package/dist/components/node_modules/object-assign/index.js +7 -0
  22. package/dist/components/node_modules/object-assign/index.js.map +1 -0
  23. package/dist/components/node_modules/prop-types/checkPropTypes.js +2 -0
  24. package/dist/components/node_modules/prop-types/checkPropTypes.js.map +1 -0
  25. package/dist/components/node_modules/prop-types/factoryWithThrowingShims.js +2 -0
  26. package/dist/components/node_modules/prop-types/factoryWithThrowingShims.js.map +1 -0
  27. package/dist/components/node_modules/prop-types/factoryWithTypeCheckers.js +2 -0
  28. package/dist/components/node_modules/prop-types/factoryWithTypeCheckers.js.map +1 -0
  29. package/dist/components/node_modules/prop-types/index.js +2 -0
  30. package/dist/components/node_modules/prop-types/index.js.map +1 -0
  31. package/dist/components/node_modules/prop-types/lib/ReactPropTypesSecret.js +2 -0
  32. package/dist/components/node_modules/prop-types/lib/ReactPropTypesSecret.js.map +1 -0
  33. package/dist/components/node_modules/prop-types/lib/has.js +2 -0
  34. package/dist/components/node_modules/prop-types/lib/has.js.map +1 -0
  35. package/dist/components/node_modules/react-is/cjs/react-is.development.js +2 -0
  36. package/dist/components/node_modules/react-is/cjs/react-is.development.js.map +1 -0
  37. package/dist/components/node_modules/react-is/cjs/react-is.production.min.js +10 -0
  38. package/dist/components/node_modules/react-is/cjs/react-is.production.min.js.map +1 -0
  39. package/dist/components/node_modules/react-is/index.js +2 -0
  40. package/dist/components/node_modules/react-is/index.js.map +1 -0
  41. package/dist/components/node_modules/react-transition-group/esm/CSSTransition.js +2 -0
  42. package/dist/components/node_modules/react-transition-group/esm/CSSTransition.js.map +1 -0
  43. package/dist/components/node_modules/react-transition-group/esm/Transition.js +2 -0
  44. package/dist/components/node_modules/react-transition-group/esm/Transition.js.map +1 -0
  45. package/dist/components/node_modules/react-transition-group/esm/TransitionGroupContext.js +2 -0
  46. package/dist/components/node_modules/react-transition-group/esm/TransitionGroupContext.js.map +1 -0
  47. package/dist/components/node_modules/react-transition-group/esm/config.js +2 -0
  48. package/dist/components/node_modules/react-transition-group/esm/config.js.map +1 -0
  49. package/dist/components/node_modules/react-transition-group/esm/utils/PropTypes.js +2 -0
  50. package/dist/components/node_modules/react-transition-group/esm/utils/PropTypes.js.map +1 -0
  51. package/dist/components/node_modules/tslib/tslib.es6.js +2 -0
  52. package/dist/components/node_modules/tslib/tslib.es6.js.map +1 -0
  53. package/dist/index.js +2 -2
  54. package/dist/index.js.map +1 -1
  55. package/dist/index.umd.js +2 -2
  56. package/dist/index.umd.js.map +1 -1
  57. package/dist/styles/components/dialog.scss +1 -1
  58. package/dist/styles/components/dialogref.scss +1 -1
  59. package/dist/styles/components/forminput.scss +1 -0
  60. package/dist/styles/components/toast.scss +9 -13
  61. package/lib/components/Dialog/Confirm/index.js +1 -2
  62. package/lib/components/Dialog/Confirm/index.js.map +1 -1
  63. package/lib/components/FormInput/index.js +4 -6
  64. package/lib/components/FormInput/index.js.map +1 -1
  65. package/lib/components/Image/index.js +7 -9
  66. package/lib/components/Image/index.js.map +1 -1
  67. package/package.json +1 -1
  68. package/readme.md +44 -5
  69. package/types/components/FormInput/index.d.ts +30 -6
@@ -59,7 +59,7 @@
59
59
  padding: 18px 0;
60
60
  }
61
61
  &-cancel-button {
62
- color: #000;
62
+ color: #666;
63
63
  border-right: 2px solid #f8f8f8;
64
64
  border-bottom-left-radius: 10px;
65
65
  }
@@ -59,7 +59,7 @@
59
59
  border: 0;
60
60
  border-bottom-left-radius: 10px;
61
61
  border-right: 2px solid #f8f8f8;
62
- color: #000;
62
+ color: #666;
63
63
  position: relative;
64
64
  outline: 0;
65
65
  box-sizing: border-box;
@@ -75,6 +75,7 @@
75
75
  border: 0 none;
76
76
  display: block;
77
77
  font-size: 32px;
78
+ width: 100%;
78
79
  }
79
80
  input {
80
81
  &::placeholder {
@@ -1,12 +1,11 @@
1
- @import '../../styles/themes/variable.scss';
2
- @import '../../styles/themes/default.scss';
3
-
1
+ @import "../../styles/themes/variable.scss";
2
+ @import "../../styles/themes/default.scss";
4
3
 
5
4
  @font-face {
6
- font-family: 'iconfont';
7
- src: url('./font/iconfont.ttf?t=1656570936378') format('woff2'),
8
- url('./font/iconfont.woff?t=1656570936378') format('woff'),
9
- url('./font/iconfont.woff2?t=1656570936378') format('truetype');
5
+ font-family: "iconfont";
6
+ src: url("./font/iconfont.ttf?t=1656570936378") format("woff2"),
7
+ url("./font/iconfont.woff?t=1656570936378") format("woff"),
8
+ url("./font/iconfont.woff2?t=1656570936378") format("truetype");
10
9
  }
11
10
 
12
11
  .iconfont {
@@ -31,10 +30,10 @@
31
30
 
32
31
  @keyframes rotate {
33
32
  from {
34
- transform: rotate(0deg)
33
+ transform: rotate(0deg);
35
34
  }
36
35
  to {
37
- transform: rotate(180deg)
36
+ transform: rotate(180deg);
38
37
  }
39
38
  }
40
39
 
@@ -45,8 +44,6 @@
45
44
  content: "\e676";
46
45
  }
47
46
 
48
-
49
-
50
47
  #{$xh-prefix}-toast {
51
48
  position: fixed;
52
49
  top: 0;
@@ -64,13 +61,12 @@
64
61
  box-sizing: border-box;
65
62
  border-radius: 10px;
66
63
  text-align: center;
67
- padding: 24px 0;
64
+ padding: 24px;
68
65
  background-color: var(--toast-bg-color);
69
66
  color: var(--dialog-color);
70
67
  }
71
68
  }
72
69
 
73
-
74
70
  .xh-confirm-footer {
75
71
  display: flex;
76
72
  justify-content: space-between;
@@ -34,8 +34,7 @@ const Comfirm = (props) => {
34
34
  }
35
35
  else {
36
36
  showModal(Object.assign({ title,
37
- content, confirmColor: "#f6ab00", cancelText,
38
- confirmText }, rest)).then(resolve);
37
+ content, confirmColor: "#f6ab00", cancelText, cancelColor: "#666", confirmText }, rest)).then(resolve);
39
38
  }
40
39
  });
41
40
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Confirm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,eAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,CAAC;AAqCtB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAA+B,EAAE;IACnE,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,IAAI,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EANH,iDAML,CAAQ,CAAC;IACV,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,SAAS,GAAG,SAAS,EAAa,CAAC;YACzC,MAAM,WAAW,GAAG,CAClB,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,UAAU,CACJ;gBACT,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,WAAW,CACL,CACL,CACP,CAAC;YACF,QAAQ,CAAC,MAAM,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,GAAG,EAAE,SAAS,GACd,EACF,GAAG,CACJ,CAAC;SACH;aAAM;YACL,SAAS,iBACP,KAAK;gBACL,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,UAAU;gBACV,WAAW,IACR,IAAI,EACP,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Confirm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,eAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,CAAC;AAqCtB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAA+B,EAAE;IACnE,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,IAAI,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EANH,iDAML,CAAQ,CAAC;IACV,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,SAAS,GAAG,SAAS,EAAa,CAAC;YACzC,MAAM,WAAW,GAAG,CAClB,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,UAAU,CACJ;gBACT,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,WAAW,CACL,CACL,CACP,CAAC;YACF,QAAQ,CAAC,MAAM,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,GAAG,EAAE,SAAS,GACd,EACF,GAAG,CACJ,CAAC;SACH;aAAM;YACL,SAAS,iBACP,KAAK;gBACL,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,WAAW,EAAE,MAAM,EACnB,WAAW,IACR,IAAI,EACP,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -10,14 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import React, { useRef, useImperativeHandle, forwardRef, } from "react";
13
- import { Input, View, Text } from "@tarojs/components";
14
- import { getEnv } from "@tarojs/taro";
13
+ import { Input, View, Text, } from "@tarojs/components";
15
14
  import classNames from "classnames";
16
15
  import { inputRange } from "../../utils/index";
17
16
  import "./index.scss";
18
17
  const FormInput = forwardRef((props, formRef) => {
19
- const taroEnv = getEnv();
20
- const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, password, direction = "row", border = true, mainExtra, padding = false } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "password", "direction", "border", "mainExtra", "padding"]);
18
+ const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, direction = "row", border = true, mainExtra, padding = false } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "direction", "border", "mainExtra", "padding"]);
21
19
  function handleChange(e) {
22
20
  let inputValue = inputRange(e.target.value);
23
21
  e.target.value = inputValue;
@@ -38,7 +36,7 @@ const FormInput = forwardRef((props, formRef) => {
38
36
  border,
39
37
  padding,
40
38
  });
41
- if (taroEnv !== "WEB") {
39
+ if (process.env.TARO_ENV !== "h5") {
42
40
  return (React.createElement(View, { className: wrapperCls },
43
41
  React.createElement(View, { className: "xh-form-input-main" },
44
42
  React.createElement(View, { className: "xh-form-input-main-left" },
@@ -49,7 +47,7 @@ const FormInput = forwardRef((props, formRef) => {
49
47
  React.createElement(View, null, LeftComponent)),
50
48
  React.createElement(View, { className: "xh-form-input-main-center" }, readonly ? (React.createElement(Text, { className: classNames("xh-form-input-readonly", {
51
49
  "xh-form-input-placeholder": !value,
52
- }) }, value || placeholder)) : (React.createElement(Input, Object.assign({}, rest, { ref: inputRef, className: "xh-form-input-main-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange, password: password })))),
50
+ }) }, value || placeholder)) : (React.createElement(Input, Object.assign({}, rest, { ref: inputRef, className: "xh-form-input-main-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange })))),
53
51
  mainExtra && (React.createElement(View, { className: "xh-form-input-main-extra" }, mainExtra))),
54
52
  React.createElement(View, { className: "xh-form-input-right" },
55
53
  RightComponent,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,15 @@
1
1
  import React, { useEffect, useMemo, useState } from "react";
2
2
  import { Image } from "@tarojs/components";
3
- import { getImageInfo, pxTransform } from "@tarojs/taro";
3
+ import { getImageInfo } from "@tarojs/taro";
4
4
  import "./index.scss";
5
- import { useTaroEnv } from "../../../src/hooks";
6
- const XHImage = (props) => {
5
+ const XHImage = props => {
7
6
  const { width = "", height = "", src, className } = props;
8
7
  const [defaultSize, setDefaultSize] = useState({});
9
- const state = useTaroEnv();
10
8
  useEffect(() => {
11
9
  if (process.env.TARO_ENV !== "h5" && !className) {
12
10
  getImageInfo({
13
11
  src,
14
- success: (res) => {
12
+ success: res => {
15
13
  if (res.errMsg === "getImageInfo:ok") {
16
14
  console.log(res);
17
15
  setDefaultSize({ width: res.width, height: res.height });
@@ -21,19 +19,19 @@ const XHImage = (props) => {
21
19
  }
22
20
  else {
23
21
  }
24
- }, [state]);
22
+ }, []);
25
23
  const size = useMemo(() => {
26
24
  let computedSize = defaultSize || {};
27
25
  if (width) {
28
- computedSize.width = `${pxTransform(width)}`;
26
+ computedSize.width = `${width}`;
29
27
  }
30
28
  if (height) {
31
- computedSize.height = `${pxTransform(height)}`;
29
+ computedSize.height = `${height}`;
32
30
  }
33
31
  console.log("size");
34
32
  return computedSize;
35
33
  }, [width, height, defaultSize]);
36
- return state !== "WEB" ? (React.createElement(Image, { src: src, style: size, className: className })) : (React.createElement("img", { src: src, alt: "", style: size, className: className }));
34
+ return process.env.TARO_ENV !== "h5" ? (React.createElement(Image, { src: src, style: size, className: className })) : (React.createElement("img", { src: src, alt: "", style: size, className: className }));
37
35
  };
38
36
  export default XHImage;
39
37
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD,MAAM,OAAO,GAAmB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAGpC,EAAE,CAAC,CAAC;IACd,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/C,YAAY,CAAC;gBACX,GAAG;gBACH,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;oBACf,IAAI,GAAG,CAAC,MAAM,KAAK,iBAAiB,EAAE;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBACjB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;qBAC1D;gBACH,CAAC;aACF,CAAC,CAAC;SACJ;aAAM;SACN;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,YAAY,GAAG,WAAW,IAAI,EAAE,CAAC;QACrC,IAAI,KAAK,EAAE;YACR,YAAoB,CAAC,KAAK,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;SACvD;QACD,IAAI,MAAM,EAAE;YACT,YAAoB,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;SACzD;QACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEpB,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAmB,KAAK,CAAC,EAAE;IACtC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAGpC,EAAE,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/C,YAAY,CAAC;gBACX,GAAG;gBACH,OAAO,EAAE,GAAG,CAAC,EAAE;oBACb,IAAI,GAAG,CAAC,MAAM,KAAK,iBAAiB,EAAE;wBACpC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;wBACjB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;qBAC1D;gBACH,CAAC;aACF,CAAC,CAAC;SACJ;aAAM;SACN;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,YAAY,GAAG,WAAW,IAAI,EAAE,CAAC;QACrC,IAAI,KAAK,EAAE;YACR,YAAoB,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;SAC1C;QACD,IAAI,MAAM,EAAE;YACT,YAAoB,CAAC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;SAC5C;QACD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEpB,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACrC,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CACvD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "taro-react-uilib",
3
- "version": "1.0.24",
3
+ "version": "1.0.27",
4
4
  "description": "基于taro的跨端组件库",
5
5
  "templateInfo": {
6
6
  "name": "default",
package/readme.md CHANGED
@@ -1,19 +1,23 @@
1
- # 基于taro的多端UI组件库
1
+ # 基于 taro 的多端 UI 组件库
2
2
 
3
3
  ## 特性
4
- - 目前只支持h5以及微信小程序,暂不支持其他端
4
+
5
+ - 目前只支持 h5 以及微信小程序,暂不支持其他端
5
6
 
6
7
  ## 使用
8
+
7
9
  ```bash
8
- yarn add taro-uilib --registry http://10.3.209.42:4873
10
+ yarn add taro-react-uilib
9
11
  ```
10
12
 
11
13
  ```bash
12
- npm install taro-uilib --registry http://10.3.209.42:4873
14
+ npm install taro-react-uilib
13
15
  ```
14
16
 
15
17
  ## 配置
18
+
16
19
  `config/index.js`
20
+
17
21
  ```js
18
22
  const config = {
19
23
  // 其他配置
@@ -22,4 +26,39 @@ const config = {
22
26
  // 其他配置
23
27
  ...
24
28
  }
25
- ```
29
+ ```
30
+
31
+ ## 按需加载
32
+
33
+ ### 首先引入 babel-plugin-import
34
+
35
+ ```bash
36
+ yarn add babel-plugin-import -D
37
+ ```
38
+
39
+ ### 配置 babel-plugin-import 在 babel-config.js 里
40
+
41
+ ```js
42
+ {
43
+ plugins: [
44
+ [
45
+ 'import',
46
+ {
47
+ libraryName: 'taro-react-uilib',
48
+ customName: name => {
49
+ const finalName = name.replace(/XH/, '')
50
+ return `taro-react-uilib/dist/components/${finalName}`
51
+ },
52
+ camel2DashComponentName: false,
53
+ style: name => {
54
+ const componentsName = name.split('/').pop().toLocaleLowerCase()
55
+ return `taro-react-uilib/dist/styles/components/${componentsName}.scss`
56
+ }
57
+ },
58
+ 'taro-react-uilib'
59
+ ]
60
+ // others....
61
+ ...
62
+ ]
63
+ }
64
+ ```
@@ -1,14 +1,27 @@
1
1
  import React, { ReactNode } from "react";
2
- import { InputProps } from "@tarojs/components";
2
+ import { InputProps, CommonEventFunction } from "@tarojs/components";
3
3
  import "./index.scss";
4
- export declare type HTMLFormType = "tel" | "text" | "number" | "password";
4
+ export declare type HTMLFormType = "tel" | "text" | "number" | "password" | "idcard" | "digit" | "safe-password" | "nickname";
5
5
  export declare type FormInputProps = {
6
6
  onChange?: (value: string) => void;
7
7
  onBlur?: (value: string) => void;
8
- value: string;
8
+ /** 当键盘输入时,触发input事件,event.detail = {value, cursor, keyCode},处理函数可以直接 return 一个字符串,将替换输入框的内容。
9
+ * @supported weapp, h5, rn
10
+ */
11
+ onInput?: CommonEventFunction<InputProps.inputEventDetail>;
12
+ /** 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度
13
+ * @supported weapp, h5, rn
14
+ */
15
+ onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>;
16
+ /** 输入框失去焦点时触发
17
+ *
18
+ * event.detail = {value: value}
19
+ * @supported weapp, h5, rn
20
+ */
21
+ value?: string;
9
22
  maxlength?: number;
10
23
  placeholder?: string;
11
- type?: HTMLFormType | InputProps["type"];
24
+ type?: HTMLFormType;
12
25
  pattern?: string;
13
26
  RightComponent?: ReactNode;
14
27
  label?: string;
@@ -22,9 +35,20 @@ export declare type FormInputProps = {
22
35
  border?: boolean;
23
36
  mainExtra?: ReactNode;
24
37
  padding?: boolean;
25
- } & Omit<InputProps, "type">;
38
+ password?: boolean;
39
+ focus?: boolean;
40
+ /** 设置键盘右下角按钮的文字
41
+ * @default done
42
+ * @supported weapp, rn
43
+ */
44
+ confirmType?: "send" | "search" | "next" | "go" | "done";
45
+ /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
46
+ * @supported h5
47
+ */
48
+ nativeProps?: Record<string, unknown>;
49
+ };
26
50
  export declare type FocusHandler = {
27
51
  focus: () => void;
28
52
  };
29
- declare const FormInput: React.ForwardRefExoticComponent<Pick<FormInputProps, "type" | "disabled" | "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "label" | "pattern" | "nativeProps" | "border" | "padding" | "password" | "value" | "placeholder" | "placeholderStyle" | "placeholderClass" | "maxlength" | "cursorSpacing" | "autoFocus" | "focus" | "confirmType" | "confirmHold" | "cursor" | "selectionStart" | "selectionEnd" | "adjustPosition" | "holdKeyboard" | "alwaysEmbed" | "safePasswordCertPath" | "safePasswordLength" | "safePasswordTimeStamp" | "safePasswordNonce" | "safePasswordSalt" | "safePasswordCustomHash" | "randomNumber" | "controlled" | "onInput" | "onFocus" | "onBlur" | "onConfirm" | "onKeyboardHeightChange" | "name" | "onChange" | "RightComponent" | "labelHtml" | "LeftComponent" | "LeftIcon" | "readonly" | "withArrow" | "direction" | "mainExtra"> & React.RefAttributes<FocusHandler>>;
53
+ declare const FormInput: React.ForwardRefExoticComponent<FormInputProps & React.RefAttributes<FocusHandler>>;
30
54
  export default FormInput;