@yup/taro-ui 0.0.8 → 0.1.0

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

@@ -1,37 +1,23 @@
 :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 {
   --input-placeholder-color: rgba(0, 0, 0, 0.25);
-  --input-text-color: var(--yp-color-text);
-  --input-font-size: var(--yp-font-size-default);
+  --input-text-color: var(--ypmini-color-text);
+  --input-font-size: var(--ypmini-font-size-default);
+  --input-delete-cion-color: #00000040;
+  --input-delete-cion-size: calc(var(--ypmini-hd) * 16px);
+  --input-height: calc(48px * var(--ypmini-hd));
+  --input-prefix-icon-size: calc(16px * var(--ypmini-hd));
+  --input-border-color: var(--ypmini-border-color);
+  --input-prefix-icon-color: #000000a6;
 }
 .ypmini-taro-input-wrapper {
   display: flex;
+  align-items: center;
+  height: var(--input-height);
   font-size: var(--input-font-size);
-  padding: 32px 24px;
+  padding: 0px 24px;
   border-radius: 16px;
-  border: 2px solid #e9edf3;
+  border: 2px solid var(--input-border-color);
   box-sizing: border-box;
 }
 .ypmini-taro-input-borderless-wrapper {
@@ -48,6 +34,14 @@ page {
 .ypmini-input-placeholder {
   color: var(--input-placeholder-color);
 }
+.ypmini-taro-input-clear {
+  display: flex;
+  align-items: center;
+}
+.ypmini-taro-input-clear-icon {
+  color: var(--input-delete-cion-color);
+  font-size: var(--input-delete-cion-size);
+}
 .ypmini-taro-input-count {
   color: rgba(0, 0, 0, 0.45);
   font-size: 30px;
@@ -56,5 +50,12 @@ page {
   margin-left: 8px;
 }
 .ypmini-taro-input-count .ypmini-taro-input-count-current-light {
-  color: var(--yp-color-text-light);
+  color: var(--ypmini-color-text-light);
+}
+.ypmini-taro-input-prefix-icon-wrapper {
+  display: flex;
+  align-items: center;
+  font-size: var(--input-prefix-icon-size);
+  margin-right: 16px;
+  color: var(--input-prefix-icon-color);
 }

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

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

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

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

package/es/components/input/style/search.css

@@ -0,0 +1,21 @@
+:root,
+page {
+  --search-input-backgroud: hsl(223, 54%, 97%);
+  --search-input-height: calc(var(--ypmini-hd) * 48px);
+  --search-input-font-size: calc(var(--ypmini-hd) * 15px);
+}
+.ypmini-search-input-wrapper {
+  padding: 0px 24px;
+  border-radius: 16px;
+  height: var(--search-input-height);
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--search-input-font-size);
+  background: var(--search-input-backgroud);
+}
+.ypmini-search-input {
+  font-size: var(--input-font-size);
+}
+.ypmini-search-input-icon {
+  font-size: 32px;
+}

package/es/components/picker-view/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PickerViewProps as TaroPickerViewProps } from '@tarojs/components';
+export interface ColumnType {
+    label?: React.ReactNode;
+    value: string;
+}
+export interface PickerViewProps extends Omit<TaroPickerViewProps, 'children'> {
+    /**
+     * picker-view列配置数据
+     */
+    columns: ColumnType[][];
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 自定义选项格式化
+     */
+    cellRender?: (item: ColumnType, option: {
+        colIndex: number;
+        originNode: React.ReactNode;
+    }) => React.ReactNode;
+}
+declare const PickerView: React.FC<PickerViewProps>;
+export default PickerView;

package/es/components/picker-view/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as i,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as a}from"react/jsx-runtime";import l from"classnames";import{View as n,PickerView as c,PickerViewColumn as s}from"@tarojs/components";var o=["columns","className","indicatorClass","cellRender","disabled"],m=function(m){var t=m.columns,p=m.className,u=m.indicatorClass,d=m.cellRender,v=m.disabled,f=i(m,o);return r(n,{className:l("ypmini-picker-view-wrapper",p),children:[v?a(n,{className:"ypmini-picker-view-mask"}):null,a(c,e(e({className:l("ypmini-picker-view"),indicatorClass:l("ypmini-picker-view-indicator",u)},f),{},{children:null==t?void 0:t.map(function(i,e){return a(s,{className:"ypmini-picker-view-column",children:null==i?void 0:i.map(function(i){return function(i,e){var r=a(n,{className:"ypmini-picker-view-column-item",children:i.label},i.value);return d?d(i,{colIndex:e,originNode:r}):r}(i,e)})},e)})}))]})};export{m as default};

package/es/components/picker-view/style/index.css

@@ -0,0 +1,62 @@
+:root,
+page {
+  --ypmini-picker-view-column-font-size: var(--ypmini-font-size-large);
+  --ypmini-picker-view-column-font-color: #00000040;
+  --ypmini-picker-view-column-active-fot-color: ##000000a6;
+  --ypmini-picker-view-column-active-font-size: var(--ypmini-font-size-max);
+  --ypmini-picker-view-column-height: calc(var(--ypmini-hd) * 52px);
+  --ypmini-picker-view-indicator-background-color: #f5f7fc;
+  --ypmini-picker-view-indicator-border-radius: calc(var(--ypmini-hd) * 8px);
+  --ypmini-picker-view-disabled-mask-index: 100;
+  --ypmini-picker-view-disabled-mask-background-color: rgba(255, 255, 255, 0.6);
+}
+.ypmini-picker-view-wrapper {
+  position: relative;
+  height: 100%;
+}
+.ypmini-picker-view {
+  height: 100%;
+}
+.ypmini-picker-view-column {
+  z-index: 20;
+}
+.ypmini-picker-view-column .ypmini-picker-view-indicator {
+  background: var(--ypmini-picker-view-indicator-background-color);
+  z-index: 0;
+}
+.ypmini-picker-view-column::first-child .ypmini-picker-view-indicator {
+  border-top-left-radius: var(--ypmini-picker-view-indicator-border-radius);
+  border-bottom-left-radius: var(--ypmini-picker-view-indicator-border-radius);
+}
+.ypmini-picker-view-column::last-child .ypmini-picker-view-indicator {
+  border-top-right-radius: var(--ypmini-picker-view-indicator-border-radius);
+  border-bottom-right-radius: var(--ypmini-picker-view-indicator-border-radius);
+}
+.ypmini-picker-view-column-item {
+  height: var(--ypmini-picker-view-column-height);
+  line-height: var(--ypmini-picker-view-column-height);
+  font-size: var(--ypmini-picker-view-column-font-size);
+}
+.ypmini-picker-view-indicator {
+  height: var(--ypmini-picker-view-column-height);
+  background: var(--ypmini-picker-view-indicator-background-color);
+  z-index: 0;
+  border-radius: 16px;
+  border-bottom: unset;
+  border-top: unset;
+}
+.ypmini-picker-view-indicator::before {
+  display: none;
+}
+.ypmini-picker-view-indicator::after {
+  display: none;
+}
+.ypmini-picker-view-mask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: var(--ypmini-picker-view-disabled-mask-index);
+  background-color: var(--ypmini-picker-view-disabled-mask-background-color);
+}

package/es/components/picker-view/style/index.d.ts

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

package/es/components/picker-view/style/index.js

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

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import { ViewProps } from '@tarojs/components';
+export interface PopupProps extends Omit<ViewProps, 'children'> {
+    /**
+     * 是否显示弹出层
+     */
+    visible?: boolean;
+    /**
+     * 弹出层内容
+     */
+    children?: React.ReactNode;
+    /**
+     * 是否显示遮罩层
+     */
+    mask?: boolean;
+    /**
+     * 点击遮罩层是否关闭
+     */
+    maskClosable?: boolean;
+    /**
+     * 弹出层圆角
+     */
+    round?: boolean;
+    /**
+     * 动画时长，单位毫秒
+     */
+    duration?: number;
+    /**
+     * 关闭时触发
+     */
+    onClose?: () => void;
+    /**
+     * 动画结束后触发
+     */
+    afterClose?: () => void;
+    /**
+     * 点击取消触发
+     */
+    onCancel?: () => void;
+    /**
+     * 点击确认后触发
+     */
+    onConfirm?: () => void;
+    /**
+     * 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 取消按钮文字
+     */
+    cancelText?: React.ReactNode;
+    /**
+     * 确认按钮文字
+     */
+    confirmText?: React.ReactNode;
+    /**
+     * 自定义头
+     */
+    customHeader?: React.ReactNode;
+}
+declare const Popup: React.FC<PopupProps>;
+export default Popup;

package/es/components/popup/index.js

@@ -0,0 +1 @@
+import{objectWithoutProperties as i,slicedToArray as e,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as a,useEffect as l}from"react";import p from"classnames";import{View as t}from"@tarojs/components";var s=["visible","children","className","mask","maskClosable","round","duration","onClose","afterClose","onCancel","onConfirm","cancelText","confirmText","title","style","customHeader"],c=function(c){var m=c.visible,u=void 0!==m&&m,d=c.children,f=c.className,v=c.mask,y=void 0===v||v,C=c.maskClosable,h=void 0===C||C,b=c.round,k=void 0===b||b,N=c.duration,T=void 0===N?300:N,x=c.onClose,j=c.afterClose,H=c.onCancel,P=c.onConfirm,g=c.cancelText,w=void 0===g?"取消":g,_=c.confirmText,A=void 0===_?"确定":_,B=c.title,S=c.style,W=c.customHeader,q=i(c,s),z=a(!1),D=e(z,2),E=D[0],F=D[1],G=a(!1),I=e(G,2),J=I[0],K=I[1];l(function(){if(u){K(!0);var i=setTimeout(function(){F(!0)},10);return function(){return clearTimeout(i)}}F(!1);var e=setTimeout(function(){K(!1),null==j||j()},T);return function(){return clearTimeout(e)}},[u,T,j]);return J?n(t,o(o({className:p("ypmini-popup-wrapper",{"ypmini-popup-wrapper-visible":E}),style:{"--ypmini-popup-duration":"".concat(T,"ms")}},q),{},{children:[y&&r(t,{className:p("ypmini-popup-mask",{"ypmini-popup-mask-visible":E}),onClick:function(){h&&(null==x||x())}}),n(t,{className:p("ypmini-popup",f,{"ypmini-popup-visible":E,"ypmini-popup-round":k}),style:S,onClick:function(i){i.stopPropagation()},children:[W||n(t,{className:"ypmini-popup-header",children:[r(t,{className:"ypmini-popup-header-cancel",onClick:function(){null==H||H()},children:w}),r(t,{className:"ypmini-popup-header-title",children:B}),r(t,{className:"ypmini-popup-header-confirm",onClick:function(){null==P||P()},children:A})]}),d]})]})):null};export{c as default};

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/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};