@yup/taro-ui 0.0.8 → 1.0.0

package/es/style/index.css

@@ -1,107 +1,175 @@
 :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 {
-  --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-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);
 }
 :root,
 page {
-  --border-radius: calc(8px * var(--ypmini-hd));
-  --button-height: calc(48px * var(--ypmini-hd));
-  --default-button-background: #f5f7fc;
-  --default-button-text-color: rgba(0, 0, 0, 0.65);
-  --primary-button-background: var(--yp-color-primary);
-  --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;
+  --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 48px;
+  padding: 0 24px;
   border: unset;
   font-weight: bold;
-  font-size: 34px;
+  font-size: var(--ypmini-button-font-size-default);
   width: auto;
-  height: var(--button-height);
-  line-height: var(--button-height);
-  color: var(--yp-color-text);
-  border-radius: var(--border-radius);
+  height: var(--ypmini-button-height-default);
+  line-height: var(--ypmini-button-height-default);
+  color: var(--ypmini-color-text);
+  border-radius: var(--ypmini-border-radius);
   display: inline-block;
   white-space: nowrap;
 }
 .ypmini-taro-button:after {
   display: none;
 }
+.ypmini-taro-button-shape-default {
+  padding: 0 24px;
+}
+.ypmini-taro-button-shape-round {
+  padding: 0px 24px;
+  border-radius: 1998px;
+}
+.ypmini-taro-button-size-large {
+  height: var(--ypmini-button-height-large);
+  line-height: var(--ypmini-button-height-large);
+  font-weight: bold;
+  font-size: var(--ypmini-button-font-size-large);
+}
+.ypmini-taro-button-size-middle {
+  font-weight: 400;
+  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(--ypmini-button-height-default);
+  line-height: var(--ypmini-button-height-default);
+}
+.ypmini-taro-button-size-small {
+  font-weight: 400;
+  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(--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(--ypmini-warning-button-text-color);
+}
+.ypmini-taro-button-warning.ypmini-taro-button-outlined {
+  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(--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(--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(--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;
@@ -115,29 +183,6 @@ page {
 taro-button-core + taro-button-core {
   margin-top: 0;
 }
-
-: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 {
   --checkbox-button-font-size: calc(17px * var(--ypmini-hd));
@@ -145,8 +190,8 @@ page {
   --checkbox-button-background-color: #f5f7fc;
   --checkbox-button-text-color: #000000d9;
   --checkbox-button-checked-background-color: #e0f3ff;
-  --checkbox-button-checked-text-color: var(--yp-color-primary);
-  --checkbox-button-checked-border-color: var(--yp-color-primary);
+  --checkbox-button-checked-text-color: var(--ypmini-primary-color);
+  --checkbox-button-checked-border-color: var(--ypmini-primary-color);
   --checkbox-button-height: calc(52px * var(--ypmini-hd));
 }
 .ypmini-checkbox-button {
@@ -184,29 +229,6 @@ page {
   margin-left: 24px;
   margin-top: 0px;
 }
-
-: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 {
   --form-item-label-width: calc(60px * var(--ypmini-hd));
@@ -241,56 +263,121 @@ page {
   font-weight: bold;
   font-size: 38px;
 }
-
-: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));
+@font-face {
+  font-family: "iconfont";
+  /* Project id 5088009 */
+  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;
+  font-size: 16px;
+  font-style: normal;
+  -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";
+}
+.icon-wechat_icon:before {
+  content: "\e610";
+}
+.icon-search_icon:before {
+  content: "\e611";
+}
+.icon-edit_icon:before {
+  content: "\e60e";
+}
+.icon-add-circle_icon:before {
+  content: "\e612";
+}
+.icon-checked-fill_icon:before {
+  content: "\e60d";
+}
+.icon-quote-fill_icon:before {
+  content: "\e613";
+}
+.icon-vedio_icon:before {
+  content: "\e614";
+}
+.icon-delete-fill_icon:before {
+  content: "\e615";
+}
+.icon-close_icon:before {
+  content: "\e616";
+}
+.icon-time_icon:before {
+  content: "\e617";
+}
+.icon-phone_icon:before {
+  content: "\e618";
+}
+.icon-arrow-right_icon:before {
+  content: "\e619";
+}
+.icon-attention_icon:before {
+  content: "\e61a";
+}
+.icon-comment_icon:before {
+  content: "\e61b";
+}
+.icon-camera_icon:before {
+  content: "\e61c";
 }
 :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);
+  --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;
-  font-size: var(--input-font-size);
-  padding: 32px 24px;
+  align-items: center;
+  height: var(--ypmini-input-height);
+  font-size: var(--ypmini-input-font-size);
+  padding: 0px 24px;
   border-radius: 16px;
-  border: 2px solid #e9edf3;
+  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(--ypmini-input-delete-cion-color);
+  font-size: var(--ypmini-input-delete-cion-size);
 }
 .ypmini-taro-input-count {
   color: rgba(0, 0, 0, 0.45);
@@ -300,69 +387,35 @@ page {
   margin-left: 8px;
 }
 .ypmini-taro-input-count .ypmini-taro-input-count-current-light {
-  color: var(--yp-color-text-light);
-}
-
-: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));
+  color: var(--ypmini-color-text-light);
 }
-.ypmini-radio-group {
+.ypmini-taro-input-prefix-icon-wrapper {
   display: flex;
-  width: 100%;
-}
-.ypmini-radio-group-block {
-  display: block;
+  align-items: center;
+  font-size: var(--ypmini-input-prefix-icon-size);
+  margin-right: 16px;
+  color: var(--ypmini-input-prefix-icon-color);
 }
-.ypmini-radio-group-button {
-  display: flex;
+: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-radio-group .ypmini-taro-radio-button {
-  flex: 1;
+.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-radio-group .ypmini-taro-radio:not(:first-child) {
-  margin-left: 24px;
+.ypmini-search-input {
+  font-size: var(--input-font-size);
 }
-
-: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-search-input-icon {
+  font-size: 32px;
 }
 :root,
 page {
@@ -371,9 +424,18 @@ page {
   --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);
@@ -393,28 +455,21 @@ page {
   border-width: 2px;
   border-style: solid;
 }
-
-: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%;
+}
+.ypmini-radio-group-block {
+  display: block;
+}
+.ypmini-radio-group-button {
+  display: flex;
+}
+.ypmini-radio-group .ypmini-taro-radio-button {
+  flex: 1;
+}
+.ypmini-radio-group .ypmini-taro-radio:not(:first-child) {
+  margin-left: 24px;
 }
 :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};