@yup/taro-ui 0.0.4 → 0.0.6

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 (54) hide show
  1. package/es/_virtual/_commonjsHelpers.js +1 -3
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -120
  3. package/es/_virtual/index.js +1 -1
  4. package/es/_virtual/jsx-runtime.js +1 -1
  5. package/es/_virtual/react-jsx-runtime.development.js +1 -1
  6. package/es/_virtual/react-jsx-runtime.production.min.js +1 -1
  7. package/es/components/button/index.js +1 -35
  8. package/es/components/button/style/index.css +2 -1
  9. package/es/components/button/style/index.js +1 -1
  10. package/es/components/checkbox/checkbox-group.js +1 -12
  11. package/es/components/checkbox/index.js +1 -23
  12. package/es/components/checkbox/style/index.css +2 -1
  13. package/es/components/checkbox/style/index.js +1 -1
  14. package/es/components/form/form-item.js +1 -14
  15. package/es/components/form/index.js +1 -18
  16. package/es/components/form/style/index.css +2 -1
  17. package/es/components/form/style/index.js +1 -1
  18. package/es/components/input/index.js +1 -57
  19. package/es/components/input/style/index.css +2 -1
  20. package/es/components/input/style/index.js +1 -1
  21. package/es/components/radio/index.js +1 -18
  22. package/es/components/radio/radio-group.js +1 -16
  23. package/es/components/radio/style/index.js +2 -2
  24. package/es/components/radio/style/radio.css +2 -1
  25. package/es/components/toast/index.js +1 -1
  26. package/es/components/toast/style/index.css +2 -1
  27. package/es/components/toast/style/index.js +1 -1
  28. package/es/components/toast/toast.js +1 -89
  29. package/es/components/toast/withToast.js +1 -9
  30. package/es/global.css +2 -1
  31. package/es/index.js +1 -2
  32. package/es/node_modules/classnames/index.js +1 -56
  33. package/es/node_modules/react/cjs/react-jsx-runtime.development.js +1 -1137
  34. package/es/node_modules/react/cjs/react-jsx-runtime.production.min.js +3 -41
  35. package/es/node_modules/react/jsx-runtime.js +1 -6
  36. package/es/utils/is.js +1 -9
  37. package/package.json +1 -1
  38. package/es/components/button/style/button.css +0 -3
  39. package/es/components/button/style/button.less +0 -3
  40. package/es/components/button/style/css.js +0 -1
  41. package/es/components/button/style/index.less +0 -81
  42. package/es/components/checkbox/style/css.js +0 -1
  43. package/es/components/checkbox/style/index.less +0 -59
  44. package/es/components/form/style/css.js +0 -1
  45. package/es/components/form/style/index.less +0 -51
  46. package/es/components/input/style/css.js +0 -1
  47. package/es/components/input/style/index.less +0 -36
  48. package/es/components/radio/style/css.js +0 -2
  49. package/es/components/radio/style/group.less +0 -12
  50. package/es/components/radio/style/radio.less +0 -32
  51. package/es/components/toast/style/css.js +0 -1
  52. package/es/components/toast/style/index.less +0 -23
  53. package/es/global/global.less +0 -1
  54. package/es/global/theme-default.less +0 -37
@@ -1,4 +1,5 @@
1
- import {__exports as reactJsxRuntime_production_min}from'../../../_virtual/react-jsx-runtime.production.min.js';import React from'react';/**
1
+ import{__exports as r}from"../../../_virtual/react-jsx-runtime.production.min.js";import e from"react";
2
+ /**
2
3
  * @license React
3
4
  * react-jsx-runtime.production.min.js
4
5
  *
@@ -6,43 +7,4 @@ import {__exports as reactJsxRuntime_production_min}from'../../../_virtual/react
6
7
  *
7
8
  * This source code is licensed under the MIT license found in the
8
9
  * LICENSE file in the root directory of this source tree.
9
- */
10
- var hasRequiredReactJsxRuntime_production_min;
11
- function requireReactJsxRuntime_production_min() {
12
- if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
13
- hasRequiredReactJsxRuntime_production_min = 1;
14
- var f = React,
15
- k = Symbol["for"]("react.element"),
16
- l = Symbol["for"]("react.fragment"),
17
- m = Object.prototype.hasOwnProperty,
18
- n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
19
- p = {
20
- key: !0,
21
- ref: !0,
22
- __self: !0,
23
- __source: !0
24
- };
25
- function q(c, a, g) {
26
- var b,
27
- d = {},
28
- e = null,
29
- h = null;
30
- void 0 !== g && (e = "" + g);
31
- void 0 !== a.key && (e = "" + a.key);
32
- void 0 !== a.ref && (h = a.ref);
33
- for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
34
- if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
35
- return {
36
- $$typeof: k,
37
- type: c,
38
- key: e,
39
- ref: h,
40
- props: d,
41
- _owner: n.current
42
- };
43
- }
44
- reactJsxRuntime_production_min.Fragment = l;
45
- reactJsxRuntime_production_min.jsx = q;
46
- reactJsxRuntime_production_min.jsxs = q;
47
- return reactJsxRuntime_production_min;
48
- }export{requireReactJsxRuntime_production_min as __require};
10
+ */var t;function o(){if(t)return r;t=1;var o=e,n=Symbol.for("react.element"),_=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function u(r,e,t){var o,_={},u=null,p=null;for(o in void 0!==t&&(u=""+t),void 0!==e.key&&(u=""+e.key),void 0!==e.ref&&(p=e.ref),e)f.call(e,o)&&!i.hasOwnProperty(o)&&(_[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps)void 0===_[o]&&(_[o]=e[o]);return{$$typeof:n,type:r,key:u,ref:p,props:_,_owner:a.current}}return r.Fragment=_,r.jsx=u,r.jsxs=u,r}export{o as __require};
@@ -1,6 +1 @@
1
- import {__module as jsxRuntime}from'../../_virtual/jsx-runtime.js';import {__require as requireReactJsxRuntime_production_min}from'./cjs/react-jsx-runtime.production.min.js';import {__require as requireReactJsxRuntime_development}from'./cjs/react-jsx-runtime.development.js';if (process.env.NODE_ENV === 'production') {
2
- jsxRuntime.exports = requireReactJsxRuntime_production_min();
3
- } else {
4
- jsxRuntime.exports = requireReactJsxRuntime_development();
5
- }
6
- var jsxRuntimeExports = jsxRuntime.exports;export{jsxRuntimeExports as j};
1
+ import{__module as r}from"../../_virtual/jsx-runtime.js";import{__require as e}from"./cjs/react-jsx-runtime.production.min.js";import{__require as o}from"./cjs/react-jsx-runtime.development.js";"production"===process.env.NODE_ENV?r.exports=e():r.exports=o();var s=r.exports;export{s as j};
package/es/utils/is.js CHANGED
@@ -1,9 +1 @@
1
- // 内部函数, 用于判断对象类型
2
- var getTypeChar = function getTypeChar(obj) {
3
- var _Object$prototype;
4
- var r = (Object === null || Object === void 0 || (_Object$prototype = Object.prototype) === null || _Object$prototype === void 0 || (_Object$prototype = _Object$prototype.toString) === null || _Object$prototype === void 0 || (_Object$prototype = _Object$prototype.call(obj)) === null || _Object$prototype === void 0 ? void 0 : _Object$prototype.match(/^\[object\s(.*)\]$/)) || [];
5
- return r[1];
6
- };
7
- function isNumber(obj) {
8
- return getTypeChar(obj).toLowerCase() === 'number';
9
- }export{getTypeChar,isNumber};
1
+ var t=function(t){var o;return((null==Object||null===(o=Object.prototype)||void 0===o||null===(o=o.toString)||void 0===o||null===(o=o.call(t))||void 0===o?void 0:o.match(/^\[object\s(.*)\]$/))||[])[1]};function o(o){return"number"===t(o).toLowerCase()}export{t as getTypeChar,o as isNumber};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yup/taro-ui",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "鱼泡 Taro UI组件库",
5
5
  "type": "module",
6
6
  "main": "es/index.js",
@@ -1,3 +0,0 @@
1
- .jz-button-dash {
2
- border: 1px dashed var(--yp-color-border);
3
- }
@@ -1,3 +0,0 @@
1
- .jz-button-dash {
2
- border: 1px dashed var(--yp-color-border);
3
- }
@@ -1 +0,0 @@
1
- import './index.css';
@@ -1,81 +0,0 @@
1
- :root {
2
- --border-radius: 8px;
3
- --button-height: 48px;
4
- --default-button-background: rgba(245, 247, 252, 1);
5
- --default-button-text-color: rgba(0, 0, 0, 0.65);
6
-
7
- --primary-button-background: var(--yp-color-primary);
8
- --primary-button-disabled-background: rgba(153, 211, 255, 1);
9
- --primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
10
- --primary-button-text-color: #fff;
11
-
12
- --secondary-button-background: rgba(0, 203, 255, 1);
13
- --secondary-button-text-color: rgba(255, 255, 255, 1);
14
- }
15
-
16
- .ypmini-taro-button {
17
-
18
- padding: 0px 24px;
19
- border: unset;
20
- font-weight: bold;
21
- font-size: 17px;
22
- width: auto;
23
- height: var(--button-height);
24
- line-height: var(--button-height);
25
- color: var(--yp-color-text);
26
- border-radius: var(--border-radius);
27
- display: inline-block;
28
-
29
- &:after {
30
- display: none;
31
- }
32
-
33
- &:not([disabled]):active {
34
-
35
- }
36
-
37
- &-primary {
38
- background: var(--primary-button-background);
39
- color: var(--primary-button-text-color);
40
-
41
- &&-disabled {
42
- color: var(--primary-button-disabled-text-color);
43
- background: var(--primary-button-disabled-background);
44
- }
45
- }
46
- &-default {
47
- background: var(--default-button-background);
48
- color: var(--default-button-text-color);
49
- &&-disabled {
50
- opacity: 0.6;
51
- &&[disabled] {
52
- color: var(--default-button-text-color);
53
- }
54
- }
55
- }
56
-
57
- &-secondary {
58
- background: var(--secondary-button-background);
59
- color: var(--secondary-button-text-color);
60
- &&-disabled {
61
- opacity: 0.6;
62
- &&[disabled] {
63
- color: var(--secondary-button-text-color);
64
- }
65
- }
66
- }
67
-
68
- &-block {
69
- display: block;
70
- }
71
-
72
- &-icon-wrapper {
73
- display: flex;
74
- align-items: center;
75
- }
76
- &-icon {
77
- display: flex;
78
- align-items: center;
79
- margin-right: 4px;
80
- }
81
- }
@@ -1 +0,0 @@
1
- import './index.css';
@@ -1,59 +0,0 @@
1
- :root {
2
- --checkbox-button-font-size: 17px;
3
- --checkbox-button-border-radius: 8px;
4
- --checkbox-button-background-color: #f5f7fc;
5
- --checkbox-button-text-color: #000000d9;
6
- --checkbox-button-checked-background-color: #e0f3ff;
7
- --checkbox-button-checked-text-color: var(--yp-color-primary);
8
- --checkbox-button-checked-border-color: var(--yp-color-primary);
9
- --checkbox-button-height: 52px;
10
- }
11
- .ypmini-checkbox {
12
-
13
-
14
-
15
- &-button {
16
-
17
- background-color: var(--checkbox-button-background-color);
18
- color: var(--checkbox-button-text-color);
19
- font-size: var(--checkbox-button-font-size);
20
- text-align: center;
21
- padding: 0px 16px;
22
- height: var(--checkbox-button-height);
23
- line-height: var(--checkbox-button-height);
24
- box-sizing: border-box;
25
- border-radius: var(--checkbox-button-border-radius);
26
- }
27
-
28
- &-button-checked {
29
- background-color: var(--checkbox-button-checked-background-color);
30
- color: var(--checkbox-button-checked-text-color);
31
- border-color: var(--checkbox-button-checked-border-color);
32
- border-width: 1px;
33
- border-style: solid;
34
- }
35
-
36
- }
37
-
38
-
39
- .ypmini-checkbox-group {
40
- display: flex;
41
- align-items: center;
42
- flex-wrap: wrap;
43
- &.ypmini-checkbox-group-block {
44
- display: block;
45
- margin-top: 0px;
46
- .ypmini-checkbox {
47
- &:not(:first-child) {
48
- margin-top: 12px;
49
- margin-left: 0px;
50
- }
51
- }
52
- }
53
- .ypmini-checkbox {
54
- &:not(:first-child) {
55
- margin-left: 12px;
56
- margin-top: 0px;
57
- }
58
- }
59
- }
@@ -1 +0,0 @@
1
- import './index.css';
@@ -1,51 +0,0 @@
1
- :root {
2
- --form-item-label-width: 60px;
3
- }
4
-
5
- .ypmini-form {
6
- &.ypmini-form-vertical {
7
- .ypmini-form-item {
8
- .yp-form-item-label {
9
- margin-bottom: 12px;
10
- padding-top: 16px;
11
- }
12
- &:not(:first-child) {
13
- margin-top: 16px;
14
- }
15
- }
16
- }
17
- &.ypmini-form-horizontal {
18
- .ypmini-form-item {
19
- display: flex;
20
- align-items: center;
21
- .yp-form-item-label {
22
- width: var(--form-item-label-width);
23
- text-align: left;
24
- }
25
- .yp-form-item-children {
26
- flex: 1;
27
- }
28
- &:not(:first-child) {
29
- margin-top: 16px;
30
- }
31
- }
32
- }
33
- }
34
-
35
- .ypmini-form-item-required {
36
- .yp-form-item-label {
37
- &::before {
38
- content: '*';
39
- color: red;
40
- }
41
- }
42
- }
43
-
44
- .ypmini-form-item {
45
- .yp-form-item-label {
46
- color: #000000d9;
47
- font-weight: bold;
48
- font-size: 19px;
49
- }
50
- }
51
-
@@ -1 +0,0 @@
1
- import './index.css';
@@ -1,36 +0,0 @@
1
- :root {
2
- --input-placeholder-color: rgba(0, 0, 0, 0.25);
3
- --input-text-color: var(--yp-color-text);
4
- --input-font-size: var(--yp-font-size-default);
5
- }
6
-
7
- .ypmini-taro-input-wrapper {
8
-
9
- display: flex;
10
- font-size: var(--input-font-size);
11
- padding: 16px 12px;
12
- border-radius: 8px;
13
- border: 1px solid rgba(233, 237, 243, 1);
14
- box-sizing: border-box;
15
- }
16
-
17
- .ypmini-taro-input {
18
- color: var(--input-text-color);
19
- flex: 1;
20
- border: none;
21
- }
22
-
23
- .ypmini-input-placeholder {
24
- color: var(--input-placeholder-color);
25
- }
26
-
27
- .ypmini-taro-input-count {
28
- color: rgba(0, 0, 0, 0.45);
29
- font-size: 15px;
30
- display: flex;
31
- align-items: center;
32
-
33
- .ypmini-taro-input-count-current-light {
34
- color: var(--yp-color-text-light);
35
- }
36
- }
@@ -1,2 +0,0 @@
1
- import './radio.css';
2
- import './group.css';
@@ -1,12 +0,0 @@
1
- .ypmini-radio-group {
2
- display: flex;
3
- &-block {
4
- display: block;
5
- }
6
- .ypmini-taro-radio {
7
- flex: 1;
8
- &:not(:first-child) {
9
- margin-left: 12px;
10
- }
11
- }
12
- }
@@ -1,32 +0,0 @@
1
- :root {
2
- --radio-button-font-size: 17px;
3
- --radio-button-border-radius: 8px;
4
- --radio-button-background-color: #f5f7fc;
5
- --radio-button-text-color: #000000d9;
6
- --radio-button-checked-background-color: #e0f3ff;
7
- --radio-button-checked-text-color: var(--yp-color-primary);
8
- --radio-button-checked-border-color: var(--yp-color-primary);
9
- --radio-button-height: 52px;
10
- }
11
- .ypmini-taro-radio {
12
-
13
- &-button {
14
- background-color: var(--radio-button-background-color);
15
- color: var(--radio-button-text-color);
16
- font-size: var(--radio-button-font-size);
17
- text-align: center;
18
- padding: 0px 16px;
19
- height: var(--radio-button-height);
20
- line-height: var(--radio-button-height);
21
- box-sizing: border-box;
22
- border-radius: var(--radio-button-border-radius);
23
- }
24
-
25
- &-button-checked {
26
- background-color: var(--radio-button-checked-background-color);
27
- color: var(--radio-button-checked-text-color);
28
- border-color: var(--radio-button-checked-border-color);
29
- border-width: 1px;
30
- border-style: solid;
31
- }
32
- }
@@ -1 +0,0 @@
1
- import './index.css';
@@ -1,23 +0,0 @@
1
- :root {
2
- --toast-z-index: 9999;
3
- }
4
- .ypmini-toast-container {
5
- position: fixed;
6
- top: 50%;
7
- left: 50%;
8
- transform: translate(-50%, -50%);
9
- background: rgba(0,0,0,0.7);
10
- color: #fff;
11
- padding: 12px;
12
- border-radius: 4px;
13
- display: flex;
14
- align-items: center;
15
- z-index: var(--toast-z-index);
16
- max-width: 80%;
17
- height: auto;
18
- word-break: break-word;
19
- }
20
-
21
- .ypmini-toast-content {
22
- font-size: 14px;
23
- }
@@ -1 +0,0 @@
1
- @import url('./theme-default.less');
@@ -1,37 +0,0 @@
1
- :root {
2
- // 主题色
3
- --yp-color-primary: #0092ff;
4
- // 基础字体颜色
5
- --yp-color-text: rgba(0, 0, 0, 0.85);
6
- // 字体高亮
7
- --yp-color-text-light: rgba(0, 146, 255, 1);
8
- // 弱化的字体颜色
9
- --yp-color-text-weak: rgba(0, 0, 0, 0.45);
10
- // 边框颜色
11
- --yp-border-color: rgba(233, 237, 243, 1);
12
-
13
- // 字体颜色
14
- --yp-color-text-primary: #333;
15
- --yp-color-text-link: var(--yp-color-primary);
16
- --yp-color-text-secondary: #666;
17
- --yp-color-text-disabled: #ccc;
18
- --yp-color-text-placeholder: #999;
19
-
20
- // 字体
21
- --yp-font-size-default: 17px;
22
-
23
- // radio组件背景色
24
- --yp-radio-circle-checked-color: var(--yp-color-primary);
25
- --yp-radio-button-checked-color: var(--yp-color-primary);
26
-
27
- // checkbox组件背景色
28
- --yp-checkbox-circle-checked-color: var(--yp-color-primary);
29
- --yp-checkbox-button-checked-color: var(--yp-color-primary);
30
-
31
- // 圆角
32
- --yp-border-radius-base: 4px;
33
- --yp-border-radius-button: 8px;
34
-
35
- // 间距
36
- --yp-space-horizontal-base: 12px; // 水平间距
37
- }