@yup/taro-ui 0.0.8 → 1.0.0

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

@@ -0,0 +1,91 @@
+:root,
+page {
+  --ypmini-popup-background: #fff;
+  --ypmini-popup-border-radius: calc(12px * var(--ypmini-hd));
+  --ypmini-popup-mask-background: rgba(0, 0, 0, 0.5);
+  --ypmini-popup-z-index: 1000;
+  --ypmini-popup-duration: 300ms;
+  --ypmini-popup-title-font-size: var(--ypmini-font-size-large);
+  --ypmini-popup-title-font-color: rgba(0, 0, 0, 0.85);
+  --ypmini-popup-confirm-text-font-color: var(--ypmini-primary-color);
+  --ypmini-popup-cancel-text-font-color: rgba(0, 0, 0, 0.65);
+  --ypmini-popup-confirm-text-font-size: var(--ypmini-font-size-default);
+  --ypmini-popup-cancel-text-font-size: var(--ypmini-font-size-default);
+}
+.ypmini-popup-wrapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: var(--ypmini-popup-z-index);
+  pointer-events: none;
+}
+.ypmini-popup-wrapper-visible {
+  pointer-events: auto;
+}
+.ypmini-popup-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--ypmini-popup-mask-background);
+  opacity: 0;
+  transition: opacity var(--ypmini-popup-duration) ease;
+}
+.ypmini-popup-mask-visible {
+  opacity: 1;
+}
+.ypmini-popup {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: var(--ypmini-popup-background);
+  transform: translateY(100%);
+  transition: transform var(--ypmini-popup-duration) ease;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+.ypmini-popup-visible {
+  transform: translateY(0);
+}
+.ypmini-popup-round {
+  border-radius: var(--ypmini-popup-border-radius) var(--ypmini-popup-border-radius) 0 0;
+}
+.ypmini-popup-header {
+  padding: 16px;
+  display: flex;
+  max-width: 100%;
+  align-items: center;
+  justify-content: space-between;
+}
+.ypmini-popup-header-cancel {
+  color: var(--ypmini-popup-cancel-text-font-color);
+  font-weight: 400;
+  font-size: var(--ypmini-popup-cancel-text-fontsize);
+  flex: 0 0 56px;
+  white-space: nowrap;
+  text-align: left;
+}
+.ypmini-popup-header-title {
+  flex: 1;
+  text-align: center;
+  color: var(--ypmini-popup-title-font-color);
+  font-weight: 500;
+  font-size: var(--ypmini-font-size-large);
+  margin-left: 44px;
+  margin-right: 44px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ypmini-popup-header-confirm {
+  color: var(--ypmini-popup-confirm-text-font-color);
+  font-weight: 400;
+  font-size: var(--ypmini-popup-confirm-text-fontsize);
+  flex: 0 0 56px;
+  white-space: nowrap;
+  text-align: right;
+}

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.less';
+import './index.less';

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.css';
+import './index.css';

package/es/components/radio/context.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const RadioContext: React.Context<{
+    type?: "button" | "default";
+}>;
+export default RadioContext;

package/es/components/radio/context.js

@@ -0,0 +1 @@
+import t from"react";var e=t.createContext({});export{e as default};

package/es/components/radio/index.js

@@ -1 +1 @@
-import{objectWithoutProperties as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import{View as i}from"@tarojs/components";import e from"../../node_modules/classnames/index.js";import n from"@yup/taro-radio";import a from"./radio-group.js";var s=["children","type"],m=function(a){var m=a.children,p=a.type,u=void 0===p?"button":p,d=o(a,s);return t.jsx(n,r({className:e("ypmini-taro-radio",{"ypmini-taro-radio-button":"button"===u}),icon:function(o){return t.jsx(i,{className:e("ypmini-taro-radio-button-inner",{"ypmini-taro-radio-button-inner-checked":o}),children:m})}},d))};m.Group=a;export{m as default};
+import{objectWithoutProperties as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import{View as i}from"@tarojs/components";import e from"classnames";import a from"react";import n from"../../node_modules/@yup/taro-radio/dist/index.js";import m from"./radio-group.js";import d from"./context.js";var p=["children","type"],u=function(m){var u=m.children,s=m.type,c=void 0===s?"button":s,l=r(m,p),f=a.useContext(d).type;return t(n,o({className:e("ypmini-taro-radio",{"ypmini-taro-radio-default":"default"===(f||c),"ypmini-taro-radio-button":"button"===(f||c)}),icon:function(r){return t(i,"default"===c?{className:e("ypmini-taro-radio-default-inner",{"ypmini-taro-radio-default-inner-checked":r}),children:u}:{className:e("ypmini-taro-radio-button-inner",{"ypmini-taro-radio-button-inner-checked":r}),children:u})}},l))};u.Group=m;export{u as default};

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

@@ -1 +1 @@
-import{objectWithoutProperties as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as e}from"../../node_modules/react/jsx-runtime.js";import i from"../../node_modules/classnames/index.js";import t from"@yup/taro-radio";var a=["children","type","block"],p=function(p){var s=p.children,l=p.type,n=p.block,u=void 0!==n&&n,m=o(p,a);return e.jsx(t.Group,r(r({className:i("ypmini-radio-group",{"ypmini-radio-group-button":"button"===l,"ypmini-radio-group-block":u})},m),{},{children:s}))};export{p as default};
+import{objectWithoutProperties as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i}from"react/jsx-runtime";import e from"classnames";import t from"../../node_modules/@yup/taro-radio/dist/index.js";import p from"./context.js";var a=["children","type","block"],l=function(l){var n=l.children,m=l.type,u=l.block,d=void 0!==u&&u,s=r(l,a);return i(p.Provider,{value:{type:m},children:i(t.Group,o(o({className:e("ypmini-radio-group",{"ypmini-radio-group-button":"button"===m,"ypmini-radio-group-block":d})},s),{},{children:n}))})};export{l as default};

package/es/components/radio/style/group.css

@@ -1,25 +1,3 @@
-:root,
-page {
-  --ypmini-hd: 2;
-  --yp-color-primary: #0092ff;
-  --yp-color-text: rgba(0, 0, 0, 0.85);
-  --yp-color-text-light: #0092ff;
-  --yp-color-text-weak: rgba(0, 0, 0, 0.45);
-  --yp-border-color: #e9edf3;
-  --yp-color-text-primary: #333;
-  --yp-color-text-link: var(--yp-color-primary);
-  --yp-color-text-secondary: #666;
-  --yp-color-text-disabled: #ccc;
-  --yp-color-text-placeholder: #999;
-  --yp-font-size-default: calc(17px * var(--ypmini-hd));
-  --yp-radio-circle-checked-color: var(--yp-color-primary);
-  --yp-radio-button-checked-color: var(--yp-color-primary);
-  --yp-checkbox-circle-checked-color: var(--yp-color-primary);
-  --yp-checkbox-button-checked-color: var(--yp-color-primary);
-  --yp-border-radius-base: calc(4px * var(--ypmini-hd));
-  --yp-border-radius-button: calc(8px * var(--ypmini-hd));
-  --yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
-}
 .ypmini-radio-group {
   display: flex;
   width: 100%;

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

@@ -1,2 +1,3 @@
+import '../../../global/theme-default.less';
 import './radio.less';
 import './group.less';

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

@@ -1,2 +1,3 @@
+import '../../../global/theme-default.css';
 import './radio.css';
 import './group.css';

package/es/components/radio/style/radio.css

@@ -1,35 +1,22 @@
 :root,
-page {
-  --ypmini-hd: 2;
-  --yp-color-primary: #0092ff;
-  --yp-color-text: rgba(0, 0, 0, 0.85);
-  --yp-color-text-light: #0092ff;
-  --yp-color-text-weak: rgba(0, 0, 0, 0.45);
-  --yp-border-color: #e9edf3;
-  --yp-color-text-primary: #333;
-  --yp-color-text-link: var(--yp-color-primary);
-  --yp-color-text-secondary: #666;
-  --yp-color-text-disabled: #ccc;
-  --yp-color-text-placeholder: #999;
-  --yp-font-size-default: calc(17px * var(--ypmini-hd));
-  --yp-radio-circle-checked-color: var(--yp-color-primary);
-  --yp-radio-button-checked-color: var(--yp-color-primary);
-  --yp-checkbox-circle-checked-color: var(--yp-color-primary);
-  --yp-checkbox-button-checked-color: var(--yp-color-primary);
-  --yp-border-radius-base: calc(4px * var(--ypmini-hd));
-  --yp-border-radius-button: calc(8px * var(--ypmini-hd));
-  --yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
-}
-:root,
 page {
   --radio-button-font-size: calc(17px * var(--ypmini-hd));
   --radio-button-border-radius: calc(8px * var(--ypmini-hd));
   --radio-button-background-color: #f5f7fc;
   --radio-button-text-color: #000000d9;
   --radio-button-checked-background-color: #e0f3ff;
-  --radio-button-checked-text-color: var(--yp-color-primary);
-  --radio-button-checked-border-color: var(--yp-color-primary);
+  --radio-button-checked-text-color: var(--ypmini-primary-color);
+  --radio-button-checked-border-color: var(--ypmini-primary-color);
   --radio-button-height: calc(52px * var(--ypmini-hd));
+  --radio-default-size: calc(16px * var(--ypmini-hd));
+}
+.ypmini-taro-radio-default-inner {
+  width: var(--radio-default-size);
+  height: var(--radio-default-size);
+  border-radius: 100%;
+}
+.ypmini-taro-radio-default-inner-checked::before {
+  content: "☑️";
 }
 .ypmini-taro-radio-button-inner {
   background-color: var(--radio-button-background-color);

package/es/components/safe-area/index.d.ts

@@ -0,0 +1,13 @@
+import { ViewProps } from '@tarojs/components';
+import React from 'react';
+export interface SafeAreaProps extends ViewProps {
+    /**
+     * 安全距离位置 top 顶部，bottom 底部
+     */
+    position?: 'top' | 'bottom';
+}
+/**
+ * 安全区域组件 用于安全区域占位
+ */
+declare const SafeArea: React.FC<SafeAreaProps>;
+export default SafeArea;

package/es/components/safe-area/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as t,slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import{View as a}from"@tarojs/components";import{useState as i,useEffect as s}from"react";import m from"classnames";import{getSystemInfo as p}from"./util.js";var l=["position","className","style","children"],n=function(n){var c=n.position,d=void 0===c?"bottom":c,f=n.className,u=n.style,b=n.children,h=t(n,l),j=i({top:0,bottom:0}),v=o(j,2),g=v[0],y=v[1];return s(function(){var t=p(),o=t.bottomSafeAreaHeight,r=t.statusBarHeight;y({top:r,bottom:o})},[]),e(a,r(r({className:m("ypmini-safe-area-view",f),style:r({paddingTop:"top"===d?g.top:0,paddingBottom:"bottom"===d?g.bottom:0},u)},h),{},{children:b}))};export{n as default};

package/es/components/safe-area/style/index.css

@@ -0,0 +1,3 @@
+.ypmini-safe-area-view {
+  box-sizing: border-box;
+}

package/es/components/safe-area/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.less';
+import './index.less';

package/es/components/safe-area/style/index.js

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.css';
+import './index.css';

package/es/components/safe-area/util.d.ts

@@ -0,0 +1,5 @@
+export declare const getSystemInfo: () => {
+    /** 顶部距离 */
+    statusBarHeight: number;
+    bottomSafeAreaHeight: number;
+};

package/es/components/safe-area/util.js

@@ -0,0 +1 @@
+import t from"@tarojs/taro";var e=function(){try{var e,a=null==t||null===(e=t.getSystemInfoSync)||void 0===e?void 0:e.call(t);return{statusBarHeight:a.statusBarHeight||0,bottomSafeAreaHeight:null!=a&&a.safeArea&&a.safeArea.bottom>0?a.screenHeight-a.safeArea.bottom:0}}catch(t){return{statusBarHeight:0,bottomSafeAreaHeight:0}}};export{e as getSystemInfo};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SwitchProps as TaroSwitchProps } from '@tarojs/components';
+export interface SwitchProps extends TaroSwitchProps {
+}
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/es/components/switch/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as r,objectSpread2 as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import s from"classnames";import{Switch as t}from"@tarojs/components";var e=["className"],m=function(m){var i=m.className,c=r(m,e);return o(t,a({className:s("ypmini-switch",i),color:"#0092ff"},c))};export{m as default};

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

@@ -0,0 +1,38 @@
+:root,
+page {
+  --ypmini-witch-defalt-background-color: #e9edf3;
+  --ypmini-switch-inner-size: calc(var(--ypmini-hd) * 16px);
+  --yomini-switch-border-radius: calc(var(--ypmini-hd) * 12px);
+  --yomini-switch-width: calc(var(--ypmini-hd) * 24px);
+  --yomini-switch-height: calc(var(--ypmini-hd) * 48px);
+}
+.ypmini-switch {
+  height: var(--yomini-switch-width);
+  width: var(--yomini-switch-height);
+  border-radius: var(--yomini-switch-border-radius);
+}
+.ypmini-switch .weui-switch {
+  height: var(--yomini-switch-width);
+  width: var(--yomini-switch-height);
+  border-radius: var(--yomini-switch-border-radius);
+}
+.ypmini-switch .weui-switch:checked {
+  background-color: var(--ypmini-primary-color);
+}
+.ypmini-switch .weui-switch:checked:after {
+  transform: translate(46px);
+}
+.ypmini-switch .weui-switch::before,
+.ypmini-switch .weui-switch::after {
+  width: var(--ypmini-switch-inner-size);
+  height: var(--ypmini-switch-inner-size);
+  border-radius: var(--ypmini-switch-inner-size);
+  left: 8px;
+}
+.ypmini-switch .weui-switch:before {
+  display: none;
+  background-color: var(--ypmini-witch-defalt-background-color);
+}
+.ypmini-switch .weui-switch::after {
+  top: 6px;
+}

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.less';
+import './index.less';

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.css';
+import './index.css';

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewProps } from '@tarojs/components';
+export interface TagProps extends ViewProps {
+    /**
+     * 颜色类型
+     */
+    color?: 'default' | 'primary' | 'warning' | 'success';
+    /**
+     * 大小规格
+     */
+    size?: 'default' | 'small';
+    /**
+     * 填充样式 outlined 外边框填充， solid 无外边框
+     */
+    variant?: "outlined" | 'solid';
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

package/es/components/tag/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as a,objectSpread2 as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import o from"classnames";import{View as r}from"@tarojs/components";var e=["color","variant","size","className","children"],c=function(c){var n=c.color,s=void 0===n?"default":n,l=c.variant,m=void 0===l?"solid":l,p=c.size,d=void 0===p?"default":p,u=c.className,f=c.children,v=a(c,e);return t(r,i(i({className:o("ypmini-tag","ypmini-tag-".concat(s),"ypmini-tag-".concat(m),"ypmini-tag-".concat(s,"--").concat(m),"ypmini-tag-size-".concat(d),u)},v),{},{children:f}))};export{c as default};

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

@@ -0,0 +1,92 @@
+page,
+:root {
+  --ypmini-tag-size-default-height: calc(var(--ypmini-hd) * 22px);
+  --ypmini-tag-size-default-font-size: calc(var(--ypmini-hd) * 12px);
+  --ypmini-tag-size-small-height: calc(var(--ypmini-hd) * 18px);
+  --ypmini-tag-size-small-font-size: calc(var(--ypmini-hd) * 12px);
+  --ypmini-tag-default-background-color: #f5f7fc;
+  --ypmini-tag-primary-background-color: var(--ypmini-primary-secondary-color);
+  --ypmini-tag-success-background-color: #dff2ec;
+  --ypmini-tag-warning-background-color: #ffebec;
+  --ypmini-tag-default-font-color: rgba(0, 0, 0, 0.65);
+  --ypmini-tag-primary-font-color: var(--ypmini-primary-color);
+  --ypmini-tag-success-font-color: #06b578;
+  --ypmini-tag-warning-font-color: #e8362e;
+  --ypmini-tag-default-font-size: calc(var(--ypmini-hd) * 12px);
+  --ypmini-tag-small-font-size: calc(var(--ypmini-hd) * 10px);
+}
+.ypmini-tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--ypmini-tag-size-default-height);
+  padding: 0px 12px;
+  font-weight: 400;
+  border-radius: 8px;
+  font-size: var(--ypmini-tag-size-default-font-size);
+}
+.ypmini-tag-size-default {
+  padding: 0px 12px;
+  font-size: var(--ypmini-tag-size-default-font-size);
+  height: var(--ypmini-tag-size-default-height);
+}
+.ypmini-tag-size-small {
+  padding: 0px 8px;
+  font-size: var(--ypmini-tag-size-small-font-size);
+  height: var(--ypmini-tag-size-small-height);
+}
+.ypmini-tag-outlined {
+  box-sizing: border-box;
+}
+.ypmini-tag-default {
+  background: var(--ypmini-tag-default-background-color);
+  color: var(--ypmini-tag-default-font-color);
+}
+.ypmini-tag-default--outlined {
+  --ypmini-tag-default-outlined-border-color: var(--ypmini-tag-default-font-color);
+  border: 1px solid var(--ypmini-tag-default-outlined-border-color);
+}
+.ypmini-tag-default--solid {
+  border: unset;
+  background: var(--ypmini-tag-default-background-color);
+  color: var(--ypmini-tag-default-font-color);
+}
+.ypmini-tag-primary {
+  background: var(--ypmini-tag-primary-background-color);
+  color: var(--ypmini-tag-primary-font-color);
+}
+.ypmini-tag-primary--outlined {
+  --ypmini-tag-primary-outlined-border-color: var(--ypmini-tag-primary-font-color);
+  border: 1px solid var(--ypmini-tag-primary-outlined-border-color);
+}
+.ypmini-tag-primary--solid {
+  border: unset;
+  background: var(--ypmini-tag-primary-background-color);
+  color: var(--ypmini-tag-primary-font-color);
+}
+.ypmini-tag-warning {
+  background: var(--ypmini-tag-warning-background-color);
+  color: var(--ypmini-tag-warning-font-color);
+}
+.ypmini-tag-warning--outlined {
+  --ypmini-tag-warning-outlined-border-color: var(--ypmini-tag-warning-font-color);
+  border: 1px solid var(--ypmini-tag-warning-outlined-border-color);
+}
+.ypmini-tag-warning--solid {
+  border: unset;
+  background: var(--ypmini-tag-warning-background-color);
+  color: var(--ypmini-tag-warning-font-color);
+}
+.ypmini-tag-success {
+  background: var(--ypmini-tag-success-background-color);
+  color: var(--ypmini-tag-success-font-color);
+}
+.ypmini-tag-success--outlined {
+  --ypmini-tag-success-outlined-border-color: var(--ypmini-tag-success-font-color);
+  border: 1px solid var(--ypmini-tag-success-outlined-border-color);
+}
+.ypmini-tag-success--solid {
+  border: unset;
+  background: var(--ypmini-tag-success-background-color);
+  color: var(--ypmini-tag-success-font-color);
+}

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.less';
+import './index.less';

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

@@ -0,0 +1,2 @@
+import '../../../global/theme-default.css';
+import './index.css';

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

@@ -1,26 +1,4 @@
 :root,
-page {
-  --ypmini-hd: 2;
-  --yp-color-primary: #0092ff;
-  --yp-color-text: rgba(0, 0, 0, 0.85);
-  --yp-color-text-light: #0092ff;
-  --yp-color-text-weak: rgba(0, 0, 0, 0.45);
-  --yp-border-color: #e9edf3;
-  --yp-color-text-primary: #333;
-  --yp-color-text-link: var(--yp-color-primary);
-  --yp-color-text-secondary: #666;
-  --yp-color-text-disabled: #ccc;
-  --yp-color-text-placeholder: #999;
-  --yp-font-size-default: calc(17px * var(--ypmini-hd));
-  --yp-radio-circle-checked-color: var(--yp-color-primary);
-  --yp-radio-button-checked-color: var(--yp-color-primary);
-  --yp-checkbox-circle-checked-color: var(--yp-color-primary);
-  --yp-checkbox-button-checked-color: var(--yp-color-primary);
-  --yp-border-radius-base: calc(4px * var(--ypmini-hd));
-  --yp-border-radius-button: calc(8px * var(--ypmini-hd));
-  --yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
-}
-:root,
 page {
   --toast-z-index: 9999;
 }

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

@@ -1 +1,2 @@
+import '../../../global/theme-default.less';
 import './index.less';

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

@@ -1 +1,2 @@
+import '../../../global/theme-default.css';
 import './index.css';

package/es/components/toast/toast.js

@@ -1 +1 @@
-import{slicedToArray as r,objectWithoutProperties as e,objectSpread2 as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as n}from"../../node_modules/react/jsx-runtime.js";import o,{useState as i}from"react";import{View as a,Text as u}from"@tarojs/components";import s from"../../node_modules/classnames/index.js";import{isNumber as l}from"../../utils/is.js";var c=["content","duration"],f=["className"],m={},d=o.forwardRef(function(m,d){var v=i(!1),p=r(v,2),j=p[0],h=p[1],x=i(""),T=r(x,2),w=T[0],y=T[1],N=o.useState(),R=r(N,2),_=R[0],b=R[1],g=o.useRef(2e3),H=o.useRef(null);if(o.useImperativeHandle(d,function(){return{show:function(r){if("string"==typeof r)y(r);else{var t=r.content,n=r.duration,o=void 0===n?2e3:n,i=e(r,c);l(o)&&(g.current=o),b(i),y(t)}H.current&&clearTimeout(H.current),h(!0);var a=setTimeout(function(){h(!1)},g.current);H.current=a},hide:function(){clearTimeout(H.current),h(!1)}}}),!j)return null;var P=_||{},S=P.className,W=e(P,f);return n.jsx(a,t(t({className:s("ypmini-toast-container",S)},W),{},{children:n.jsx(u,{className:"ypmini-toast-content",children:w})}))});var v={createToast:function(){var r;if(null===(r=m)||void 0===r||!r.ref){var e=o.createRef();m={ref:e,ToastWrapper:function(){return n.jsx(d,{ref:e})}}}return m},show:function(r){var e;null===(e=m)||void 0===e||null===(e=e.ref)||void 0===e||null===(e=e.current)||void 0===e||e.show(r)},hide:function(){var r;null===(r=m)||void 0===r||null===(r=r.ref)||void 0===r||null===(r=r.current)||void 0===r||r.hide()}};export{v as default};
+import{slicedToArray as r,objectWithoutProperties as e,objectSpread2 as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import o,{useState as i}from"react";import{View as a,Text as u}from"@tarojs/components";import s from"classnames";import{isNumber as c}from"../../utils/is.js";var l=["content","duration"],f=["className"],m={},d=o.forwardRef(function(m,d){var v=i(!1),p=r(v,2),h=p[0],j=p[1],T=i(""),w=r(T,2),y=w[0],N=w[1],R=o.useState(),b=r(R,2),g=b[0],x=b[1],H=o.useRef(2e3),P=o.useRef(null);if(o.useImperativeHandle(d,function(){return{show:function(r){if("string"==typeof r)N(r);else{var t=r.content,n=r.duration,o=void 0===n?2e3:n,i=e(r,l);c(o)&&(H.current=o),x(i),N(t)}P.current&&clearTimeout(P.current),j(!0);var a=setTimeout(function(){j(!1)},H.current);P.current=a},hide:function(){clearTimeout(P.current),j(!1)}}}),!h)return null;var S=g||{},W=S.className,_=e(S,f);return n(a,t(t({className:s("ypmini-toast-container",W)},_),{},{children:n(u,{className:"ypmini-toast-content",children:y})}))});var v={createToast:function(){var r;if(null===(r=m)||void 0===r||!r.ref){var e=o.createRef();m={ref:e,ToastWrapper:function(){return n(d,{ref:e})}}}return m},show:function(r){var e;null===(e=m)||void 0===e||null===(e=e.ref)||void 0===e||null===(e=e.current)||void 0===e||e.show(r)},hide:function(){var r;null===(r=m)||void 0===r||null===(r=r.ref)||void 0===r||null===(r=r.current)||void 0===r||r.hide()}};export{v as default};

package/es/components/toast/withToast.js

@@ -1 +1 @@
-import{objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import e from"./toast.js";function o(o){var s=e.createToast().ToastWrapper;return function(e){return t.jsxs(t.Fragment,{children:[t.jsx(s,{}),t.jsx(o,r({},e))]})}}export{o as default};
+import{objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import a from"./toast.js";function i(i){var n=a.createToast().ToastWrapper;return function(a){return t(e,{children:[o(n,{}),o(i,r({},a))]})}}export{i as default};

package/es/global/global.css

@@ -0,0 +1,21 @@
+:root,
+page {
+  --ypmini-hd: 2;
+  --ypmini-primary-color: #0092ff;
+  --ypmini-primary-secondary-color: #e0f3ff;
+  --ypmini-color-text: rgba(0, 0, 0, 0.85);
+  --ypmini-color-text-light: var(--ypmini-primary-color);
+  --ypmini-color-text-weak: rgba(0, 0, 0, 0.45);
+  --ypmini-color-text-primary: #333;
+  --ypmini-color-text-link: var(--ypmini-primary-color);
+  --ypmini-color-text-secondary: #666;
+  --ypmini-color-text-disabled: #ccc;
+  --ypmini-color-text-placeholder: #00000040;
+  --ypmini-border-color: #e9edf3;
+  --ypmini-font-size-max: calc(19px * var(--ypmini-hd));
+  --ypmini-font-size-large: calc(17px * var(--ypmini-hd));
+  --ypmini-font-size-default: calc(15px * var(--ypmini-hd));
+  --ypmini-font-size-middle: calc(14px * var(--ypmini-hd));
+  --ypmini-font-size-mini: calc(13px * var(--ypmini-hd));
+  --ypmini-mask-background: rgba(0, 0, 0, 0.65);
+}

package/es/global/index.d.ts

@@ -1 +1,2 @@
-import './global.less';
+import './variables.less';
+import './theme-default.less';

package/es/global/theme-default.css

@@ -0,0 +1,21 @@
+:root,
+page {
+  --ypmini-hd: 2;
+  --ypmini-primary-color: #0092ff;
+  --ypmini-primary-secondary-color: #e0f3ff;
+  --ypmini-color-text: rgba(0, 0, 0, 0.85);
+  --ypmini-color-text-light: var(--ypmini-primary-color);
+  --ypmini-color-text-weak: rgba(0, 0, 0, 0.45);
+  --ypmini-color-text-primary: #333;
+  --ypmini-color-text-link: var(--ypmini-primary-color);
+  --ypmini-color-text-secondary: #666;
+  --ypmini-color-text-disabled: #ccc;
+  --ypmini-color-text-placeholder: #00000040;
+  --ypmini-border-color: #e9edf3;
+  --ypmini-font-size-max: calc(19px * var(--ypmini-hd));
+  --ypmini-font-size-large: calc(17px * var(--ypmini-hd));
+  --ypmini-font-size-default: calc(15px * var(--ypmini-hd));
+  --ypmini-font-size-middle: calc(14px * var(--ypmini-hd));
+  --ypmini-font-size-mini: calc(13px * var(--ypmini-hd));
+  --ypmini-mask-background: rgba(0, 0, 0, 0.65);
+}

package/es/hooks/useRefState.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare function useRefState<T = any>(initialValue: T | ((prev: T) => T)): [
+    state: T,
+    setCustomState: (newValue: T | ((v: T) => T)) => void,
+    stateRef: React.MutableRefObject<T>
+];
+export default useRefState;

package/es/hooks/useRefState.js

@@ -0,0 +1 @@
+import{slicedToArray as r}from"../_virtual/_rollupPluginBabelHelpers.js";import e from"react";function t(t){var u=e.useState(t),n=r(u,2),o=n[0],a=n[1],c=e.useRef(o);return[o,function(r){var e=r;"function"==typeof r&&(e=r(c.current)),e!==c.current&&(c.current=e,a(r))},c]}export{t as default};

package/es/index.d.ts

@@ -4,3 +4,29 @@ export { default as Input } from './components/input';
 export { default as Radio } from './components/radio';
 export { default as Form } from './components/form';
 export { default as Toast } from './components/toast';
+export { default as Icon } from './components/icon';
+export { default as PickerView } from './components/picker-view';
+export { default as DatePickerView } from './components/date-picker-view';
+export { default as Switch } from './components/switch';
+export { default as Popup } from './components/popup';
+export { default as SafeArea } from './components/safe-area';
+export { default as MediaUploader } from './components/media-uploader';
+export { default as Dialog } from './components/dialog';
+export { default as CitySelector } from './components/city-selector';
+export { default as Tag } from './components/tag';
+export { default as Avatar } from './components/avatar';
+export type * from './components/media-uploader';
+export type * from './components/dialog';
+export type * from './components/button';
+export type * from './components/popup';
+export type * from './components/date-picker-view';
+export type * from './components/picker-view';
+export type * from './components/form';
+export type * from './components/radio';
+export type * from './components/input';
+export type * from './components/checkbox';
+export type * from './components/icon';
+export type * from './components/switch';
+export type * from './components/city-selector';
+export type * from './components/tag';
+export type * from './components/avatar';

package/es/index.js

@@ -1 +1 @@
-import"./global.css";export{default as Button}from"./components/button/index.js";export{default as Checkbox}from"./components/checkbox/index.js";export{default as Input}from"./components/input/index.js";export{default as Radio}from"./components/radio/index.js";export{default as Form}from"./components/form/index.js";import"./components/toast/index.js";export{default as Toast}from"./components/toast/toast.js";
+export{default as Button}from"./components/button/index.js";export{default as Checkbox}from"./components/checkbox/index.js";export{default as Input}from"./components/input/index.js";export{default as Radio}from"./components/radio/index.js";export{default as Form}from"./components/form/index.js";import"./components/toast/index.js";export{default as Icon}from"./components/icon/index.js";export{default as PickerView}from"./components/picker-view/index.js";export{default as DatePickerView}from"./components/date-picker-view/index.js";export{default as Switch}from"./components/switch/index.js";export{default as Popup}from"./components/popup/index.js";export{default as SafeArea}from"./components/safe-area/index.js";export{default as MediaUploader}from"./components/media-uploader/index.js";export{default as Dialog}from"./components/dialog/index.js";export{default as CitySelector}from"./components/city-selector/index.js";export{default as Tag}from"./components/tag/index.js";export{default as Avatar}from"./components/avatar/index.js";export{default as Toast}from"./components/toast/toast.js";

package/es/node_modules/@yup/taro-checkbox/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1 @@
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(r){if(Array.isArray(r))return r}function e(t){if(Array.isArray(t))return r(t)}function n(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function o(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var n,o,a,i,l=[],u=!0,s=!1;try{if(a=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;u=!1}else for(;!(u=(n=a.call(e)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(r){s=!0,o=r}finally{try{if(!u&&null!=e.return&&(i=e.return(),Object(i)!==i))return}finally{if(s)throw o}}return l}}function a(){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 i(){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 l(r,t){if(null==r)return{};var e,n,o=u(r,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(n=0;n<a.length;n++)e=a[n],-1===t.indexOf(e)&&{}.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}function u(r,t){if(null==r)return{};var e={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==t.indexOf(n))continue;e[n]=r[n]}return e}function s(r,e){return t(r)||o(r,e)||y(r,e)||a()}function f(r){return e(r)||n(r)||y(r)||i()}function y(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}export{r as arrayLikeToArray,t as arrayWithHoles,e as arrayWithoutHoles,n as iterableToArray,o as iterableToArrayLimit,a as nonIterableRest,i as nonIterableSpread,l as objectWithoutProperties,u as objectWithoutPropertiesLoose,s as slicedToArray,f as toConsumableArray,y as unsupportedIterableToArray};

package/es/node_modules/@yup/taro-checkbox/dist/checkbox-group.js

@@ -0,0 +1 @@
+import{slicedToArray as e,toConsumableArray as o}from"./_virtual/_rollupPluginBabelHelpers.js";import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.set.js";import"core-js/modules/es.string.iterator.js";import"core-js/modules/web.dom-collections.iterator.js";import r from"react";import s from"classnames";import{View as t}from"@tarojs/components";import{CheckboxGroupContext as a}from"./context.js";var c=function(c){var l=c.value,i=c.disabled,m=c.children,n=c.className,u=c.block,p=c.onChange,d=r.useState(l||[]),j=e(d,2),b=j[0],f=j[1];return r.createElement(a.Provider,{value:{value:b,onCheckboxChange:function(e,r){if(!i){if(e){var s=o(new Set([].concat(o(b),[r])));return f(s),void(p&&p(s))}var t=b.filter(function(e){return e!==r});f(t),p&&p(t)}},disabled:i,block:u}},r.createElement(t,{className:s("yp-checkbox-group",{"yp-checkbox-group-disabled":i,"yp-checkbox-group-block":u},n)},m))};c.displayName="CheckboxGroup";export{c as default};

package/es/node_modules/@yup/taro-checkbox/dist/context.js

@@ -0,0 +1 @@
+import r from"react";var t=r.createContext({});export{t as CheckboxGroupContext};

package/es/node_modules/@yup/taro-checkbox/dist/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as e,slicedToArray as o}from"./_virtual/_rollupPluginBabelHelpers.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import c from"react";import s from"classnames";import{View as r}from"@tarojs/components";import{CheckboxGroupContext as a}from"./context.js";import l from"./checkbox-group.js";var i=["icon","checked","value","disabled","children","onChange","className","block"],t=function(l){var t=l.icon,n=l.checked,d=void 0!==n&&n,m=l.value,u=l.disabled,p=l.children,b=l.onChange,h=l.className,k=l.block,f=e(l,i),x=c.useContext(a),j=x.value,v=x.onCheckboxChange,y=x.disabled,C=x.block,g=c.useState(d),N=o(g,2),E=N[0],P=N[1];c.useEffect(function(){"checked"in f?P(d):v&&P(!(null==j||!j.includes(m)))},[f,j]);return c.createElement(r,{onClick:function(){if(!u&&!y){var e=!E;P(e),b&&b(e,m),v&&v(e,m)}},className:s("yp-checkbox",{"yp-checkbox-checked":E,"yp-checkbox-block":k||C,"yp-checkbox-disabled":y||u},h)},t?t(E):p)};t.Group=l,t.displayName="Checkbox";export{t as default};