@yup/taro-ui 0.1.0 → 1.0.0

package/es/components/media-uploader/style/index.css

@@ -0,0 +1,93 @@
+:root,
+pgae {
+  --ypmini-media-uploader-button-width: calc(106px * var(--ypmini-hd));
+  --ypmini-media-uploader-button-height: calc(106px * var(--ypmini-hd));
+  --ypmini-media-uploader-button-border-radius: calc(8px * var(--ypmini-hd));
+  --ypmini-media-uploader-button-border-color: #e9edf3;
+  --ypmini-media-uploader-horizal-sapce: calc(12px * var(--ypmini-hd));
+  --ypmini-media-uploader-vertical-sapce: calc(12px * var(--ypmini-hd));
+}
+.ypmini-media-uploader-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: calc(-1 * var(--ypmini-media-uploader-vertical-sapce));
+  margin-left: calc(-1 * var(--ypmini-media-uploader-horizal-sapce));
+}
+.ypmini-media-uploader-cell {
+  width: var(--ypmini-media-uploader-button-width);
+  height: var(--ypmini-media-uploader-button-height);
+  border-radius: var(--ypmini-media-uploader-button-border-radius);
+  border: 2px dashed var(--ypmini-media-uploader-button-border-color);
+  overflow: hidden;
+  margin-top: var(--ypmini-media-uploader-vertical-sapce);
+  margin-left: var(--ypmini-media-uploader-horizal-sapce);
+  border: unset;
+  position: relative;
+}
+.ypmini-media-uploader-cell.ypmini-media-uploader-cell-single {
+  margin-top: 0;
+  margin-left: 0;
+}
+.ypmini-media-uploader-cell-delete {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+  height: 48px;
+  width: 48px;
+  border-radius: 0px 16px 0px 16px;
+  background: rgba(0, 0, 0, 0.65);
+}
+.ypmini-media-uploader-cell-delete .ypmini-media-uploader-cell-delete-icon {
+  font-size: 32px;
+  color: #fff;
+}
+.ypmini-media-uploader-image-view {
+  height: 100%;
+  width: 100%;
+  object-fit: contain;
+}
+.ypmini-media-uploader-process-mask {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background: rgba(0, 0, 0, 0.65);
+  z-index: 20;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ypmini-media-uploader-process-bar {
+  width: calc(100% - (34px * var(--ypmini-hd)));
+  height: 12px;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.45);
+}
+.ypmini-media-uploader-process-bar-inner {
+  height: 100%;
+  width: 30%;
+  border-radius: 6px;
+  background: #ffffff;
+}
+.ypmini-media-uploader-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--ypmini-media-uploader-button-width);
+  height: var(--ypmini-media-uploader-button-height);
+  border-radius: var(--ypmini-media-uploader-button-border-radius);
+  border: 2px dashed var(--ypmini-media-uploader-button-border-color);
+}
+.ypmini-media-uploader-button.ypmini-media-uploader-button-single {
+  margin-top: 0;
+  margin-left: 0;
+}
+.ypmini-media-uploader-button .ypmini-media-uploader-icon {
+  font-size: 66px;
+  color: #e9edf3;
+}

package/es/components/media-uploader/style/index.d.ts

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

package/es/components/media-uploader/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/global/global.css

@@ -2,6 +2,7 @@
 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);
@@ -15,4 +16,6 @@ page {
   --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/theme-default.css

@@ -2,6 +2,7 @@
 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);
@@ -15,4 +16,6 @@ page {
   --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/index.d.ts

@@ -10,3 +10,23 @@ 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 @@
-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 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/style/index.css

@@ -2,6 +2,7 @@
 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);
@@ -15,51 +16,54 @@ page {
   --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);
 }
 :root,
 page {
-  --border-radius: calc(8px * var(--ypmini-hd));
-  --button-height-large: calc(48px * var(--ypmini-hd));
-  --button-height-default: calc(44px * var(--ypmini-hd));
-  --button-height-middle: calc(40px * var(--ypmini-hd));
-  --button-height-small: calc(32px * var(--ypmini-hd));
-  --button-font-size-samll: calc(14px * var(--ypmini-hd));
-  --button-font-size-moddle: calc(15px * var(--ypmini-hd));
-  --button-font-size-default: calc(17px * var(--ypmini-hd));
-  --button-font-size-large: calc(17px * var(--ypmini-hd));
-  --default-button-background: #f5f7fc;
-  --default-button-text-color: rgba(0, 0, 0, 0.65);
-  --primary-button-background: var(--ypmini-primary-color);
-  --primary-button-disabled-background: #99d3ff;
-  --primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
-  --primary-button-text-color: #fff;
-  --secondary-button-background: #00cbff;
-  --secondary-button-text-color: #ffffff;
-  --warning-button-background: #FF5A57;
-  --warning-button-text-color: #ffffff;
-  --warning-button-outlined-color: #E8362E;
-  --primary-button-outlined-color: var(--ypmini-primary-color);
-  --default-button-outlined-color: rgba(0, 0, 0, 0.65);
+  --ypmini-border-radius: calc(8px * var(--ypmini-hd));
+  --ypmini-button-height-large: calc(48px * var(--ypmini-hd));
+  --ypmini-button-height-default: calc(44px * var(--ypmini-hd));
+  --ypmini-button-height-middle: calc(40px * var(--ypmini-hd));
+  --ypmini-button-height-small: calc(32px * var(--ypmini-hd));
+  --ypmini-button-font-size-samll: calc(14px * var(--ypmini-hd));
+  --ypmini-button-font-size-moddle: calc(15px * var(--ypmini-hd));
+  --ypmini-button-font-size-default: calc(17px * var(--ypmini-hd));
+  --ypmini-button-font-size-large: calc(17px * var(--ypmini-hd));
+  --ypmini-default-button-background: #f5f7fc;
+  --ypmini-default-button-text-color: rgba(0, 0, 0, 0.65);
+  --ypmini-default-button-ghost-color: rgba(0, 0, 0, 0.65);
+  --ypmini-primary-button-background: var(--ypmini-primary-color);
+  --ypmini-primary-button-ghost-color: var(--ypmini-primary-color);
+  --ypmini-primary-button-disabled-background: #99d3ff;
+  --ypmini-primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --ypmini-primary-button-text-color: #fff;
+  --ypmini-secondary-button-background: #00cbff;
+  --ypmini-secondary-button-text-color: #ffffff;
+  --ypmini-secondary-button-ghost-color: #00cbff;
+  --ypmini-warning-button-background: #FF5A57;
+  --ypmini-warning-button-text-color: #ffffff;
+  --ypmini-warning-button-ghost-color: #FF5A57;
+  --ypmini-warning-button-outlined-color: #E8362E;
+  --ypmini-primary-button-outlined-color: var(--ypmini-primary-color);
+  --ypmini-default-button-outlined-color: rgba(0, 0, 0, 0.65);
 }
 .ypmini-taro-button {
   padding: 0 24px;
   border: unset;
   font-weight: bold;
-  font-size: var(--button-font-size-default);
+  font-size: var(--ypmini-button-font-size-default);
   width: auto;
-  height: var(--button-height-default);
-  line-height: var(--button-height-default);
+  height: var(--ypmini-button-height-default);
+  line-height: var(--ypmini-button-height-default);
   color: var(--ypmini-color-text);
-  border-radius: var(--border-radius);
+  border-radius: var(--ypmini-border-radius);
   display: inline-block;
   white-space: nowrap;
 }
 .ypmini-taro-button:after {
   display: none;
 }
-.ypmini-taro-button-ghost {
-  background: transparent;
-}
 .ypmini-taro-button-shape-default {
   padding: 0 24px;
 }
@@ -68,87 +72,104 @@ page {
   border-radius: 1998px;
 }
 .ypmini-taro-button-size-large {
-  height: var(--button-height-large);
-  line-height: var(--button-height-large);
+  height: var(--ypmini-button-height-large);
+  line-height: var(--ypmini-button-height-large);
   font-weight: bold;
-  font-size: var(--button-font-size-large);
+  font-size: var(--ypmini-button-font-size-large);
 }
 .ypmini-taro-button-size-middle {
   font-weight: 400;
-  font-size: var(--button-font-size-middle);
-  height: var(--button-height-middle);
-  line-height: var(--button-height-middle);
+  font-size: var(--ypmini-button-font-size-middle);
+  height: var(--ypmini-button-height-middle);
+  line-height: var(--ypmini-button-height-middle);
 }
 .ypmini-taro-button-size-default {
-  height: var(--button-height-default);
-  line-height: var(--button-height-default);
+  height: var(--ypmini-button-height-default);
+  line-height: var(--ypmini-button-height-default);
 }
 .ypmini-taro-button-size-small {
   font-weight: 400;
-  font-size: var(--button-font-size-middle);
-  height: var(--button-height-small);
-  line-height: var(--button-height-small);
+  font-size: var(--ypmini-button-font-size-middle);
+  height: var(--ypmini-button-height-small);
+  line-height: var(--ypmini-button-height-small);
 }
 .ypmini-taro-button-warning {
-  background: var(--warning-button-background);
-  color: var(--warning-button-text-color);
+  background: var(--ypmini-warning-button-background);
+  color: var(--ypmini-warning-button-text-color);
 }
 .ypmini-taro-button-warning.ypmini-taro-button-warning-disabled {
   opacity: 0.6;
 }
 .ypmini-taro-button-warning.ypmini-taro-button-warning-disabled.ypmini-taro-button-warning.ypmini-taro-button-warning-disabled[disabled] {
-  color: var(--warning-button-text-color);
+  color: var(--ypmini-warning-button-text-color);
 }
 .ypmini-taro-button-warning.ypmini-taro-button-outlined {
-  border: 2px solid #E8362E;
-  color: #E8362E;
+  border: 2px solid var(--ypmini-warning-button-outlined-color);
+  color: var(--ypmini-warning-button-outlined-color);
+  background: transparent;
+}
+.ypmini-taro-button-warning.ypmini-taro-button-ghost {
   background: transparent;
+  color: var(--ypmini-warning-button-ghost-color);
 }
 .ypmini-taro-button-primary {
-  background: var(--primary-button-background);
-  color: var(--primary-button-text-color);
+  background: var(--ypmini-primary-button-background);
+  color: var(--ypmini-primary-button-text-color);
 }
 .ypmini-taro-button-primary.ypmini-taro-button-primary-disabled {
-  color: var(--primary-button-disabled-text-color);
-  background: var(--primary-button-disabled-background);
+  color: var(--ypmini-primary-button-disabled-text-color);
+  background: var(--ypmini-primary-button-disabled-background);
 }
 .ypmini-taro-button-primary.ypmini-taro-button-outlined {
-  border: 2px solid var(--primary-button-outlined-color);
-  color: var(--primary-button-outlined-color);
+  border: 2px solid var(--ypmini-primary-button-outlined-color);
+  color: var(--ypmini-primary-button-outlined-color);
   background: transparent;
 }
+.ypmini-taro-button-primary.ypmini-taro-button-ghost {
+  background: transparent;
+  color: var(--ypmini-primary-button-ghost-color);
+}
 .ypmini-taro-button-default {
-  background: var(--default-button-background);
-  color: var(--default-button-text-color);
+  background: var(--ypmini-default-button-background);
+  color: var(--ypmini-default-button-text-color);
 }
 .ypmini-taro-button-default.ypmini-taro-button-default-disabled {
   opacity: 0.6;
 }
 .ypmini-taro-button-default.ypmini-taro-button-default-disabled.ypmini-taro-button-default.ypmini-taro-button-default-disabled[disabled] {
-  color: var(--default-button-text-color);
+  color: var(--ypmini-default-button-text-color);
 }
 .ypmini-taro-button-default.ypmini-taro-button-outlined {
-  border: 2px solid var(--default-button-outlined-color);
-  color: var(--default-button-outlined-color);
+  border: 2px solid var(--ypmini-default-button-outlined-color);
+  color: var(--ypmini-default-button-outlined-color);
+  background: transparent;
+}
+.ypmini-taro-button-default.ypmini-taro-button-ghost {
   background: transparent;
+  color: var(--ypmini-default-button-ghost-color);
 }
 .ypmini-taro-button-secondary {
-  background: var(--secondary-button-background);
-  color: var(--secondary-button-text-color);
+  background: var(--ypmini-secondary-button-background);
+  color: var(--ypmini-secondary-button-text-color);
 }
 .ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled {
   opacity: 0.6;
 }
 .ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled[disabled] {
-  color: var(--secondary-button-text-color);
+  color: var(--ypmini-secondary-button-text-color);
 }
 .ypmini-taro-button-secondary.ypmini-taro-button-outlined {
-  border: 2px solid var(--secondary-button-background);
-  color: var(--secondary-button-background);
+  border: 2px solid var(--ypmini-secondary-button-background);
+  color: var(--ypmini-secondary-button-background);
   background: transparent;
 }
+.ypmini-taro-button-secondary.ypmini-taro-button-ghost {
+  background: transparent;
+  color: var(--ypmini-secondary-button-ghost-color);
+}
 .ypmini-taro-button-block {
   display: block;
+  width: 100%;
 }
 .ypmini-taro-button-icon-wrapper {
   display: flex;
@@ -245,7 +266,7 @@ page {
 @font-face {
   font-family: "iconfont";
   /* Project id 5088009 */
-  src: url('iconfont.woff2?t=1766462693408') format('woff2'), url('iconfont.woff?t=1766462693408') format('woff'), url('iconfont.ttf?t=1766462693408') format('truetype');
+  src: url('iconfont.woff2?t=1767782477263') format('woff2'), url('iconfont.woff?t=1767782477263') format('woff'), url('iconfont.ttf?t=1767782477263') format('truetype');
 }
 .iconfont {
   font-family: "iconfont" !important;
@@ -254,6 +275,18 @@ page {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+.icon-checked_icon:before {
+  content: "\e61e";
+}
+.icon-refresh_icon:before {
+  content: "\e61f";
+}
+.icon-location_icon:before {
+  content: "\e620";
+}
+.icon-add_icon:before {
+  content: "\e61d";
+}
 .icon-telephone_icon:before {
   content: "\e60f";
 }
@@ -304,47 +337,47 @@ page {
 }
 :root,
 page {
-  --input-placeholder-color: rgba(0, 0, 0, 0.25);
-  --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-input-placeholder-color: var(--ypmini-color-text-placeholder);
+  --ypmini-input-text-color: var(--ypmini-color-text);
+  --ypmini-input-font-size: var(--ypmini-font-size-default);
+  --ypmini-input-delete-cion-color: #00000040;
+  --ypmini-input-delete-cion-size: calc(var(--ypmini-hd) * 16px);
+  --ypmini-input-height: calc(48px * var(--ypmini-hd));
+  --ypmini-input-prefix-icon-size: calc(16px * var(--ypmini-hd));
+  --ypmini-input-border-color: var(--ypmini-border-color);
+  --ypmini-input-prefix-icon-color: #000000a6;
 }
 .ypmini-taro-input-wrapper {
   display: flex;
   align-items: center;
-  height: var(--input-height);
-  font-size: var(--input-font-size);
+  height: var(--ypmini-input-height);
+  font-size: var(--ypmini-input-font-size);
   padding: 0px 24px;
   border-radius: 16px;
-  border: 2px solid var(--input-border-color);
+  border: 2px solid var(--ypmini-input-border-color);
   box-sizing: border-box;
 }
 .ypmini-taro-input-borderless-wrapper {
   border: unset;
 }
 .ypmini-taro-input {
-  color: var(--input-text-color);
+  color: var(--ypmini-input-text-color);
   flex: 1;
   border: none;
 }
 .ypmini-taro-input input::placeholder {
-  color: var(--input-placeholder-color);
+  color: var(--ypmini-input-placeholder-color);
 }
 .ypmini-input-placeholder {
-  color: var(--input-placeholder-color);
+  color: var(--ypmini-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);
+  color: var(--ypmini-input-delete-cion-color);
+  font-size: var(--ypmini-input-delete-cion-size);
 }
 .ypmini-taro-input-count {
   color: rgba(0, 0, 0, 0.45);
@@ -359,9 +392,9 @@ page {
 .ypmini-taro-input-prefix-icon-wrapper {
   display: flex;
   align-items: center;
-  font-size: var(--input-prefix-icon-size);
+  font-size: var(--ypmini-input-prefix-icon-size);
   margin-right: 16px;
-  color: var(--input-prefix-icon-color);
+  color: var(--ypmini-input-prefix-icon-color);
 }
 :root,
 page {

package/es/utils/is.js

@@ -1 +1 @@
-var t=function(t){var o;return((null==Object||null===(o=Object.prototype)||void 0===o||null===(o=o.toString)||void 0===o||null===(o=o.call(t))||void 0===o?void 0:o.match(/^\[object\s(.*)\]$/))||[])[1]};function o(o){return"number"===t(o).toLowerCase()}export{t as getTypeChar,o as isNumber};
+var o=function(o){var t;return((null==Object||null===(t=Object.prototype)||void 0===t||null===(t=t.toString)||void 0===t||null===(t=t.call(o))||void 0===t?void 0:t.match(/^\[object\s(.*)\]$/))||[])[1]};function t(t){return"number"===o(t).toLowerCase()}function n(t){return"promise"===o(t).toLowerCase()}export{o as getTypeChar,t as isNumber,n as isPromise};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yup/taro-ui",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "鱼泡 Taro UI组件库",
   "type": "module",
   "main": "es/index.js",
@@ -66,7 +66,7 @@
     "@tarojs/react": "3.6.37",
     "@tarojs/runtime": "3.6.37",
     "@tarojs/taro": "3.6.37",
-    "@tarojs/taro-h5": "3.6.37",
+    "@tarojs/taro-h5": "^4.1.9",
     "@types/minimatch": "5.1.2",
     "@types/node-sass": "^4.11.8",
     "@yangzw/bruce-std": "^1.3.6",
@@ -100,6 +100,7 @@
     "less-plugin-autoprefix": "^2.0.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
+    "react-dom": "18.2.0",
     "rimraf": "^6.1.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-ignore": "^1.0.10",
@@ -114,7 +115,8 @@
     "stylelint-webpack-plugin": "^5.0.1",
     "tslib": "^2.6.3",
     "typescript": "^5.5.4",
-    "typescript-eslint": "^8.2.0"
+    "typescript-eslint": "^8.2.0",
+    "webpack": "^5.104.1"
   },
   "peerDependencies": {
     "@tarojs/components": "3.6.37",