@yup/taro-ui 0.0.7 → 0.1.0

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

@@ -10,13 +10,25 @@ export interface InputProps extends TaroInputProps {
      */
     clearIcon?: React.ReactNode;
     /**
-     * 是否显示字数统计
+     * 是否显示尾部字数统计
      */
     showCount?: boolean;
     /**
-     * 边框样式 outlined 边框 borderless 无边框
+     * 边框样式 outlined 边框 borderless 无边框样式
      */
     variant?: 'outlined' | 'borderless';
+    /**
+     * change事件 返回输入值
+     */
+    onChange?: (val: string) => void;
+    /**
+     * 输入框的值触发 注意点击删除Icon会触发onChange
+     */
+    onDelete?: () => void;
+    /**
+     * 自定义前缀Icon
+     */
+    prefixIcon?: React.ReactNode;
 }
 declare const Input: React.FC<InputProps>;
 export default Input;

package/es/components/input/index.js

@@ -1 +1 @@
-import{objectWithoutProperties as e,slicedToArray as l,objectSpread2 as a}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import n from"react";import o from"../../node_modules/classnames/index.js";import{View as r,Input as s,Text as i}from"@tarojs/components";var u=["variant","allowClear","showCount","clearIcon","className","style","onClick","onInput","maxlength","placeholderStyle","defaultValue"],c=function(c){c.variant,c.allowClear;var p=c.showCount;c.clearIcon;var m=c.className,d=c.style,h=c.onClick,j=c.onInput,x=c.maxlength;c.placeholderStyle;var f=c.defaultValue,y=e(c,u),v=n.useState(f||""),g=l(v,2),C=g[0],N=g[1];return n.useEffect(function(){"value"in y&&N(y.value||"")},[y]),t.jsxs(r,{className:o("ypmini-taro-input-wrapper",m),style:d,onClick:h,children:[t.jsx(s,a({placeholderStyle:"font-size: 17px;color: #00000040;",placeholderTextColor:"#00000040",value:C,onInput:function(e){N(e.detail.value),j&&j(e)},maxlength:x,className:"ypmini-taro-input"},y)),t.jsx(r,{className:"ypmini-taro-input-clear"}),p?t.jsxs(r,{className:"ypmini-taro-input-count",children:[t.jsx(i,{className:o("ypmini-taro-input-count-current",{"ypmini-taro-input-count-current-light":(null==C?void 0:C.length)>0}),children:null==C?void 0:C.length}),x?t.jsxs(t.Fragment,{children:["/",t.jsx(i,{className:"ypmini-taro-input-count-total",children:x||0})]}):null]}):null]})};export{c as default};
+import{objectWithoutProperties as e,slicedToArray as n,objectSpread2 as l}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"react";import r from"classnames";import{View as u,Input as c,Text as s}from"@tarojs/components";import p from"../icon/index.js";var m=["variant","allowClear","showCount","clearIcon","className","style","onClick","onInput","maxlength","defaultValue","onChange","onDelete","prefixIcon"],d=function(d){var f=d.variant,h=void 0===f?"outlined":f,v=d.allowClear,y=void 0===v||v,x=d.showCount;d.clearIcon;var C=d.className,g=d.style,N=d.onClick,I=d.onInput,w=d.maxlength,j=d.defaultValue,b=d.onChange,k=d.onDelete,S=d.prefixIcon,D=e(d,m),P=i.useState(j||""),T=n(P,2),V=T[0],_=T[1],z=i.useRef(null);return i.useEffect(function(){"value"in D&&_(D.value||"")},[D]),a(u,{className:r("ypmini-taro-input-wrapper",{"ypmini-taro-input-borderless-wrapper":"borderless"===h},C),style:g,onClick:N,children:[S?t(u,{className:"ypmini-taro-input-prefix-icon-wrapper",children:S}):null,t(c,l({ref:z,placeholderStyle:"font-size: 17px;color: #00000040;",placeholderTextColor:"#00000040",value:V,onInput:function(e){_(e.detail.value),I&&I(e),b&&b(e.detail.value)},maxlength:w,className:"ypmini-taro-input"},D)),y&&null!=V&&V.length?t(u,{className:"ypmini-taro-input-clear",onClick:function(){_(""),k&&k(),b&&b("")},children:t(p,{className:"ypmini-taro-input-clear-icon",name:"delete-fill"})}):null,x?a(u,{className:"ypmini-taro-input-count",children:[t(s,{className:r("ypmini-taro-input-count-current",{"ypmini-taro-input-count-current-light":(null==V?void 0:V.length)>0}),children:null==V?void 0:V.length}),w?a(o,{children:["/",t(s,{className:"ypmini-taro-input-count-total",children:w||0})]}):null]}):null]})};export{d as default};

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

@@ -1,55 +1,61 @@
 :root,
-page {
-  --ypmini-hd: 2;
-}
-:root,
-page {
-  --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-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 {
+  border: unset;
+}
 .ypmini-taro-input {
   color: var(--input-text-color);
   flex: 1;
   border: none;
 }
+.ypmini-taro-input input::placeholder {
+  color: var(--input-placeholder-color);
+}
 .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;
   display: flex;
   align-items: center;
+  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.d.ts

@@ -3,7 +3,7 @@ import { RadioProps as YpRadioProps } from '@yup/taro-radio';
 import RadioGroup from './radio-group';
 export interface RadioProps extends YpRadioProps {
     /**
-     * button按钮样式，auto默认选中样式
+     * 单选内置样式类型 button按钮样式，default 原始样式，默认button样式，如果需要自定义覆盖复选框样式可以通过icon props函数属性覆盖
      */
     type?: 'button' | 'default';
 }

package/es/components/radio/index.js

@@ -1 +1 @@
-import{objectWithoutProperties as r,objectSpread2 as o}from"../../_virtual/_rollupPluginBabelHelpers.js";import{j as t}from"../../node_modules/react/jsx-runtime.js";import{View as e}from"@tarojs/components";import i from"../../node_modules/classnames/index.js";import a from"@yup/taro-radio";import s from"./radio-group.js";var n=["children","type"],m=function(s){var m=s.children;s.type;var p=r(s,n);return t.jsx(a,o({className:"ypmini-taro-radio",icon:function(r){return t.jsx(e,{className:i("ypmini-taro-radio-button",{"ypmini-taro-radio-button-checked":r}),children:m})}},p))};m.Group=s;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.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { RadioGroupProps as YpRadioGroupProps } from '@yup/taro-radio/dist/types/type';
 export interface RadioGroupProps extends YpRadioGroupProps {
     /**
-     * button按钮样式，auto默认选中样式
+     * 单选组内置样式类型 button按钮样式，default 原始样式，默认button样式，如果需要自定义覆盖复选框样式可以通过icon props函数属性覆盖
      */
     type?: 'button' | '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,34 +1,14 @@
-:root,
-page {
-  --ypmini-hd: 2;
-}
-:root,
-page {
-  --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-space-horizontal-base: calc(12px * var(--ypmini-hd));
-}
 .ypmini-radio-group {
   display: flex;
+  width: 100%;
 }
 .ypmini-radio-group-block {
   display: block;
 }
-.ypmini-radio-group .ypmini-taro-radio {
+.ypmini-radio-group-button {
+  display: flex;
+}
+.ypmini-radio-group .ypmini-taro-radio-button {
   flex: 1;
 }
 .ypmini-radio-group .ypmini-taro-radio:not(:first-child) {

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,39 +1,24 @@
 :root,
-page {
-  --ypmini-hd: 2;
-}
-:root,
-page {
-  --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-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 {
+.ypmini-taro-radio-button-inner {
   background-color: var(--radio-button-background-color);
   color: var(--radio-button-text-color);
   font-size: var(--radio-button-font-size);
@@ -44,7 +29,7 @@ page {
   box-sizing: border-box;
   border-radius: var(--radio-button-border-radius);
 }
-.ypmini-taro-radio-button-checked {
+.ypmini-taro-radio-button-inner-checked {
   background-color: var(--radio-button-checked-background-color);
   color: var(--radio-button-checked-text-color);
   border-color: var(--radio-button-checked-border-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};